feat(emcn): view-only field primitives + scheduled-task modals

- ChipCopyInput (canonical view-only copy field), ChipTimePicker,
  ChipModalField type='copy', ChipTextarea viewOnly; new border chip
  variant and shared chipPrimaryFillTokens
- migrate ~40 consumers off disabled inputs and the deleted
  CopyableValueField; ChipConfirmModal description->text and
  secondaryActions[] API sweep
- scheduled-tasks: rename create-task-modal to task-modal, add
  task-details-modal + task-context-menu, useScheduledTasks hook
- home: extract prompt-editor (usePromptEditor) out of user-input

Author: emir-karabeg

.claude/rules/emcn-components.md

@@ -22,13 +22,15 @@ The menu surface intentionally diverges from the pill: `dropdown-menu.tsx` items
 
 - **`Chip` / `ChipLink`** — the pill button (`<button>` / Next `<Link>`). Variants: `ghost`, `filled`, `primary`, `destructive`, `border-shadow`. `leftIcon`/`rightIcon`, `active`, `fullWidth`, `flush`.
 - **`ChipInput`** — single-line text field. `icon`, `endAdornment`, `error`, `inputClassName` (inner `<input>`); `className` styles the chrome wrapper.
-- **`ChipTextarea`** — multi-line sibling. `error`, `resizable` (off by default).
+- **`ChipCopyInput`** — the canonical view-only field: a read-only `ChipInput` at full opacity with a trailing copy-to-clipboard button. View-only is a display mode, not a disabled state — reach for it (or `ChipModalField type='copy'`) over a `disabled` (greyed) input for values the user cannot edit.
+- **`ChipTextarea`** — multi-line sibling. `error`, `resizable` (off by default), `viewOnly` (read-only at full opacity with the default cursor — the multi-line counterpart of `ChipCopyInput`).
 - **`ChipDropdown`** — pill that opens a menu. Single OR multi-select via the discriminated `multiple` prop (one component, not two). Owns its trailing chevron — no `rightIcon`.
 - **`ChipSelect` / `ChipCombobox`** — `Combobox`-backed pickers with search, groups, multi-select; for richer lists than `ChipDropdown`.
-- **`ChipModal` + `ChipModalField`** — declarative compact modal. The field's `type` (`input` | `email` | `textarea` | `dropdown` | `file` | `emails` | `custom`) picks the control and **owns all chrome** — consumers describe intent, never pass `variant`/`className`/`id` to the inner control. `custom` is the escape hatch. **Every body field MUST be a `ChipModalField`** — never hand-roll a field row (raw `<div>` + hand-rolled `<p>`/`<label>` title + bare `ChipInput`/`ChipTextarea`). `ChipModalBody` applies `px-2` + `gap-4`; `ChipModalField` adds another `px-2`, so each field lands at effective `px-4`, exactly matching the `px-4` header/footer — a hand-rolled row skips that gutter and sits misaligned at `px-2`. For controls the field doesn't cover (`ChipCombobox`, `ChipSelect`, `DatePicker`, `TimePicker`, `ButtonGroup`, arbitrary JSX), use `type='custom'` with a `title` — it still applies the gutter and renders the canonical `Label`.
+- **`ChipModal` + `ChipModalField`** — declarative compact modal. The field's `type` (`input` | `email` | `textarea` | `dropdown` | `copy` | `file` | `emails` | `custom`) picks the control and **owns all chrome** — consumers describe intent, never pass `variant`/`className`/`id` to the inner control. `custom` is the escape hatch. **Every body field MUST be a `ChipModalField`** — never hand-roll a field row (raw `<div>` + hand-rolled `<p>`/`<label>` title + bare `ChipInput`/`ChipTextarea`). `ChipModalBody` applies `px-2` + `gap-4`; `ChipModalField` adds another `px-2`, so each field lands at effective `px-4`, exactly matching the `px-4` header/footer — a hand-rolled row skips that gutter and sits misaligned at `px-2`. For controls the field doesn't cover (`ChipCombobox`, `ChipSelect`, `DatePicker`, `TimePicker`, `ButtonGroup`, arbitrary JSX), use `type='custom'` with a `title` — it still applies the gutter and renders the canonical `Label`.
 - **`ChipSwitch`** — segmented pill control (built from `chipVariants`).
 - **`ChipTag`** — 20px inline tag/badge (`mono`/`gray`/`invite`), not a pill trigger.
 - **`ChipDatePicker`** — chip-styled date field.
+- **`ChipTimePicker`** — minute-granular time sibling of `ChipDatePicker`, a `ChipInput` that leniently parses typed input (`9:47`, `947`, `2:05pm`, `14:30`), commits on Enter/blur, and re-renders the canonical `9:47 AM` label.
 - **`DropdownMenu`** — the canonical context/action menu (Radix-backed). Not a chip, but the standard menu for command/action lists; reach for it instead of a hand-rolled popover. Its surface intentionally diverges from the chip pill (`text-small`, `gap-2`) — keep them distinct. For a pill that opens a value picker, use `ChipDropdown`/`ChipSelect` instead.
 
 ## Authoring principles

apps/sim/app/workspace/[workspaceId]/components/credential-detail/components/copyable-value-field.tsx

@@ -19,7 +19,7 @@ export function UnsavedChangesModal({ open, onOpenChange, onDiscard }: UnsavedCh
       onOpenChange={onOpenChange}
       srTitle='Unsaved Changes'
       title='Unsaved Changes'
-      description='You have unsaved changes. Are you sure you want to discard them?'
+      text='You have unsaved changes. Are you sure you want to discard them?'
       dismissLabel='Keep editing'
       confirm={{ label: 'Discard Changes', onClick: onDiscard }}
     />

apps/sim/app/workspace/[workspaceId]/components/credential-detail/components/unsaved-changes-modal.tsx

@@ -1,6 +1,5 @@
 export { AddPeopleModal } from './components/add-people-modal'
 export { CHIP_FIELD_INPUT, CHIP_FIELD_SHELL } from './components/chip-field'
-export { CopyableValueField } from './components/copyable-value-field'
 export { CredentialDetailHeading } from './components/credential-detail-heading'
 export { CredentialDetailLayout } from './components/credential-detail-layout'
 export { CredentialMembersSection } from './components/credential-members-section'

apps/sim/app/workspace/[workspaceId]/components/credential-detail/index.ts

@@ -39,17 +39,13 @@ export const DeleteConfirmModal = memo(function DeleteConfirmModal({
       onOpenChange={onOpenChange}
       srTitle={title}
       title={title}
-      description={
-        <>
-          Are you sure you want to delete{' '}
-          {fileName ? (
-            <span className='font-medium text-[var(--text-primary)]'>{fileName}</span>
-          ) : (
-            `${totalCount} item${totalCount === 1 ? '' : 's'}`
-          )}
-          ? {consequence}
-        </>
-      }
+      text={[
+        'Are you sure you want to delete ',
+        fileName
+          ? { text: fileName, bold: true }
+          : `${totalCount} item${totalCount === 1 ? '' : 's'}`,
+        `? ${consequence}`,
+      ]}
       confirm={{
         label: 'Delete',
         onClick: onDelete,

apps/sim/app/workspace/[workspaceId]/files/components/delete-confirm-modal/delete-confirm-modal.tsx

@@ -1847,7 +1847,7 @@ export function Files() {
             onOpenChange={setShowUnsavedChangesAlert}
             srTitle='Unsaved Changes'
             title='Unsaved Changes'
-            description='You have unsaved changes. Are you sure you want to discard them?'
+            text='You have unsaved changes. Are you sure you want to discard them?'
             dismissLabel='Keep editing'
             confirm={{ label: 'Discard Changes', onClick: handleDiscardChanges }}
           />

apps/sim/app/workspace/[workspaceId]/files/files.tsx

@@ -37,7 +37,8 @@ export type WindowWithSpeech = Window & {
 }
 
 export interface PlusMenuHandle {
-  open: (anchor?: { left: number; top: number }, options?: { mention?: boolean }) => void
+  /** Opens the menu anchored at a viewport position (caret or trigger rect). */
+  open: (anchor: { left: number; top: number }, options?: { mention?: boolean }) => void
   close: () => void
   moveActive: (delta: number) => void
   selectActive: () => boolean
@@ -46,23 +47,27 @@ export interface PlusMenuHandle {
 /**
  * Box and typography shared by the textarea and its mirror overlay — both must
  * produce identical line wrapping so the overlay text sits exactly over the
- * (transparent) textarea text.
+ * (transparent) textarea text. The scale is the canonical chip text-field
+ * scale ({@link ChipTextarea}: `text-sm`, default tracking), so the editor
+ * reads identically in the chat input and inside chip modals — one size,
+ * everywhere.
  */
 const FIELD_MIRROR_CLASSES = cn(
-  'm-0 box-border min-h-[24px] w-full break-words [overflow-wrap:anywhere] border-0 bg-transparent',
-  'px-1 py-1 font-body text-[15px] leading-[24px] tracking-[-0.015em]'
+  'm-0 box-border min-h-[20px] w-full break-words [overflow-wrap:anywhere] border-0 bg-transparent',
+  'px-1 py-1 font-body text-sm leading-[20px]'
 )
 
 /**
  * The textarea grows to its full content height (`h-auto`, no internal scroll);
  * the shared scroller clips and scrolls it. Its text is transparent so the
- * mirror overlay shows through; only the caret paints.
+ * mirror overlay shows through; only the caret paints. The placeholder uses
+ * the canonical `--text-muted`, matching every other chip text field.
  */
 export const TEXTAREA_BASE_CLASSES = cn(
   FIELD_MIRROR_CLASSES,
   'block h-auto resize-none overflow-hidden',
   'text-transparent caret-[var(--text-primary)] outline-none',
-  'placeholder:font-[380] placeholder:text-[var(--text-subtle)]',
+  'placeholder:text-[var(--text-muted)]',
   'focus-visible:ring-0 focus-visible:ring-offset-0'
 )
 

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/constants.ts

@@ -25,6 +25,13 @@ export { DropOverlay } from './drop-overlay'
 export { MicButton } from './mic-button'
 export type { AvailableResourceGroup } from './plus-menu-dropdown'
 export { PlusMenuDropdown } from './plus-menu-dropdown'
+export type {
+  PromptEditorInstance,
+  PromptEditorKeyPolicy,
+  PromptEditorProps,
+  UsePromptEditorProps,
+} from './prompt-editor'
+export { PromptEditor, usePromptEditor } from './prompt-editor'
 export { SendButton } from './send-button'
 export type { SkillsMenuHandle } from './skills-menu-dropdown/skills-menu-dropdown'
 export { SkillsMenuDropdown } from './skills-menu-dropdown/skills-menu-dropdown'