From 8d74e35082603d08129be097ef4c3abe9483f147 Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 20 Jun 2026 15:58:06 -0700
Subject: [PATCH 1/5] improvement(scheduled-tasks): render prompt chips in task
 details and align weekday picker

The read-only task-details modal dumped the stored prompt into a plain
textarea, so a previously entered prompt showed raw `@Gmail` / `/skill`
text instead of the chips the editor renders while composing. Reuse the
home `PromptEditor` in a new read-only mode (textarea becomes `readOnly`,
caret-anchored menus unmount, the chip overlay still paints) seeded with
the task's prompt and contexts, so the record renders mention/skill chips
identically to the create/edit modal.

Also realign the weekly "Repeat on" day picker: instead of a stretched
segmented bar with a faint `active` surface, render a seven-column grid of
day cells that reuse the calendar's exact day-cell grammar (`primary` fill
when on, bare `--text-body` when off) so it reads as a one-row sibling of
the date picker.
---
 .../prompt-editor/prompt-editor.tsx           | 66 ++++++++++-------
 .../task-details-modal/task-details-modal.tsx | 72 ++++++++++++++-----
 .../task-modal/recurrence-section.tsx         | 28 ++++++--
 3 files changed, 116 insertions(+), 50 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
index b2633d28841..73f749641ea 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
@@ -27,6 +27,14 @@ export interface PromptEditorProps extends PromptEditorKeyPolicy {
   placeholder?: string
   /** Focuses the editor (caret at end) on mount. */
   autoFocus?: boolean
+  /**
+   * Renders the editor as a non-editable display surface: the textarea becomes
+   * `readOnly` (so the chip overlay still paints `@`-mention / `/`-skill chips
+   * and the text stays selectable/copyable) and the caret-anchored resource and
+   * skill menus are not mounted. Use for read-only records — e.g. a finished
+   * scheduled task — where the prompt should render with chips but not be edited.
+   */
+  readOnly?: boolean
   /**
    * Layout/sizing only — a height cap (`max-h-[200px]`) or fill (`flex-1`)
    * for the scroll container. The text chrome is owned by the editor.
@@ -56,6 +64,7 @@ export function PromptEditor({
   editor,
   placeholder,
   autoFocus = false,
+  readOnly = false,
   className,
   'aria-label': ariaLabel,
   onSubmit,
@@ -73,7 +82,7 @@ export function PromptEditor({
   }, [value, textareaRef])
 
   useEffect(() => {
-    if (autoFocus) editor.focusAtEnd()
+    if (autoFocus && !readOnly) editor.focusAtEnd()
     // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only focus
   }, [])
 
@@ -167,13 +176,16 @@ export function PromptEditor({
         <textarea
           ref={textareaRef}
           value={value}
-          onChange={editor.handleInputChange}
-          onKeyDown={(e) => editor.handleKeyDown(e, { onSubmit, onArrowUpOnEmpty })}
-          onPaste={editor.handlePaste}
+          readOnly={readOnly}
+          onChange={readOnly ? undefined : editor.handleInputChange}
+          onKeyDown={
+            readOnly ? undefined : (e) => editor.handleKeyDown(e, { onSubmit, onArrowUpOnEmpty })
+          }
+          onPaste={readOnly ? undefined : editor.handlePaste}
           onCopy={editor.handleCopy}
-          onCut={editor.handleCut}
-          onSelect={editor.handleSelectAdjust}
-          onMouseUp={editor.handleSelectAdjust}
+          onCut={readOnly ? undefined : editor.handleCut}
+          onSelect={readOnly ? undefined : editor.handleSelectAdjust}
+          onMouseUp={readOnly ? undefined : editor.handleSelectAdjust}
           placeholder={placeholder}
           aria-label={ariaLabel}
           rows={1}
@@ -181,24 +193,28 @@ export function PromptEditor({
         />
       </div>
 
-      <PlusMenuDropdown
-        ref={editor.plusMenuRef}
-        availableResources={editor.availableResources}
-        onResourceSelect={editor.insertResource}
-        onClose={editor.handlePlusMenuClose}
-        textareaRef={editor.textareaRef}
-        pendingCursorRef={editor.pendingCursorRef}
-        mentionQuery={editor.mentionQuery ?? undefined}
-      />
-      <SkillsMenuDropdown
-        ref={editor.skillsMenuRef}
-        skills={editor.skills}
-        onSkillSelect={editor.handleSkillSelect}
-        onClose={editor.handleSkillsMenuClose}
-        textareaRef={editor.textareaRef}
-        pendingCursorRef={editor.pendingCursorRef}
-        slashQuery={editor.slashQuery ?? undefined}
-      />
+      {!readOnly && (
+        <>
+          <PlusMenuDropdown
+            ref={editor.plusMenuRef}
+            availableResources={editor.availableResources}
+            onResourceSelect={editor.insertResource}
+            onClose={editor.handlePlusMenuClose}
+            textareaRef={editor.textareaRef}
+            pendingCursorRef={editor.pendingCursorRef}
+            mentionQuery={editor.mentionQuery ?? undefined}
+          />
+          <SkillsMenuDropdown
+            ref={editor.skillsMenuRef}
+            skills={editor.skills}
+            onSkillSelect={editor.handleSkillSelect}
+            onClose={editor.handleSkillsMenuClose}
+            textareaRef={editor.textareaRef}
+            pendingCursorRef={editor.pendingCursorRef}
+            slashQuery={editor.slashQuery ?? undefined}
+          />
+        </>
+      )}
     </div>
   )
 }
diff --git a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
index 5212e06ba00..4fbd13b2322 100644
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
@@ -1,6 +1,8 @@
 'use client'
 
+import { useEffect } from 'react'
 import { format } from 'date-fns'
+import { useParams } from 'next/navigation'
 import {
   Calendar,
   ChipModal,
@@ -8,7 +10,13 @@ import {
   ChipModalField,
   ChipModalFooter,
   ChipModalHeader,
+  chipFieldSurfaceClass,
 } from '@/components/emcn'
+import { cn } from '@/lib/core/utils/cn'
+import {
+  PromptEditor,
+  usePromptEditor,
+} from '@/app/workspace/[workspaceId]/home/components/user-input/components'
 import type {
   ScheduledTask,
   ScheduledTaskStatus,
@@ -35,7 +43,7 @@ interface TaskDetailsModalProps {
 /**
  * Read-only record modal for tasks that are running or already finished —
  * pending tasks open the edit `TaskModal` instead. Three plaintext fields:
- * Status and the run time as copy fields, the prompt as a view-only textarea.
+ * Status and the run time as copy fields, the prompt as a view-only chip editor.
  */
 export function TaskDetailsModal({ task, onClose }: TaskDetailsModalProps) {
   return (
@@ -47,23 +55,51 @@ export function TaskDetailsModal({ task, onClose }: TaskDetailsModalProps) {
       size='md'
       srTitle='Scheduled task'
     >
-      {task && (
-        <>
-          <ChipModalHeader icon={Calendar} onClose={onClose}>
-            Scheduled task
-          </ChipModalHeader>
-          <ChipModalBody>
-            <ChipModalField type='copy' title='Status' value={STATUS_COPY[task.status].label} />
-            <ChipModalField
-              type='copy'
-              title={STATUS_COPY[task.status].timeTitle}
-              value={format(task.runAt, "EEEE, MMMM d, yyyy 'at' h:mm a")}
-            />
-            <ChipModalField type='textarea' title='Prompt' value={task.prompt} viewOnly />
-          </ChipModalBody>
-          <ChipModalFooter onCancel={onClose} primaryAction={{ label: 'Done', onClick: onClose }} />
-        </>
-      )}
+      {task && <TaskDetailsContent task={task} onClose={onClose} />}
     </ChipModal>
   )
 }
+
+/**
+ * Inner content, mounted only while a task is shown (the Radix portal unmounts
+ * closed content). Holding the read-only editor here keeps its mention-data
+ * queries from firing on page load and re-seeds from the task on each open.
+ */
+function TaskDetailsContent({ task, onClose }: { task: ScheduledTask; onClose: () => void }) {
+  const { workspaceId } = useParams<{ workspaceId: string }>()
+  const editor = usePromptEditor({ workspaceId, initialValue: task.prompt })
+  const setContexts = editor.setContexts
+
+  /**
+   * Re-registers the task's stored `@`-mentions once on open so resource chips
+   * (files, tables, knowledge) render. Integration `@`-mentions and `/`-skills
+   * chipify from the seeded text alone, so they render even without stored
+   * contexts. Runs once per open since the content remounts each time it opens.
+   */
+  useEffect(() => {
+    if (task.contexts && task.contexts.length > 0) setContexts(task.contexts)
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only re-register
+  }, [])
+
+  return (
+    <>
+      <ChipModalHeader icon={Calendar} onClose={onClose}>
+        Scheduled task
+      </ChipModalHeader>
+      <ChipModalBody>
+        <ChipModalField type='copy' title='Status' value={STATUS_COPY[task.status].label} />
+        <ChipModalField
+          type='copy'
+          title={STATUS_COPY[task.status].timeTitle}
+          value={format(task.runAt, "EEEE, MMMM d, yyyy 'at' h:mm a")}
+        />
+        <ChipModalField type='custom' title='Prompt'>
+          <div className={cn(chipFieldSurfaceClass, 'max-h-[200px] overflow-y-auto px-1 py-0.5')}>
+            <PromptEditor editor={editor} readOnly aria-label='Prompt' />
+          </div>
+        </ChipModalField>
+      </ChipModalBody>
+      <ChipModalFooter onCancel={onClose} primaryAction={{ label: 'Done', onClick: onClose }} />
+    </>
+  )
+}
diff --git a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
index fa680db9bf5..5b4b860f0de 100644
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
@@ -2,7 +2,14 @@
 
 import { useRef } from 'react'
 import { format } from 'date-fns'
-import { Chip, ChipDatePicker, ChipModalField, ChipModalSeparator, Switch } from '@/components/emcn'
+import {
+  ChipDatePicker,
+  ChipModalField,
+  ChipModalSeparator,
+  chipVariants,
+  Switch,
+} from '@/components/emcn'
+import { cn } from '@/lib/core/utils/cn'
 import type {
   MonthlyMode,
   Recurrence,
@@ -219,21 +226,28 @@ export function RecurrenceSection({ recurrence, onChange, launchDate }: Recurren
 
             {recurrence.frequency === 'weekly' && (
               <ChipModalField type='custom' title='Repeat on'>
-                <div className='flex gap-1'>
+                {/* A one-row extract of the calendar: seven equal day cells that
+                    reuse its exact day-cell grammar (`primary` fill when on, bare
+                    `--text-body` when off) so the weekday toggles read as a sibling
+                    of the date picker rather than a separate segmented bar. */}
+                <div className='grid grid-cols-7 gap-1'>
                   {WEEKDAYS.map((weekday) => {
                     const selected = selectedWeekdays.includes(weekday.value)
                     return (
-                      <Chip
+                      <button
                         key={weekday.value}
-                        active={selected}
-                        flush
-                        className='min-w-0 flex-1 justify-center'
+                        type='button'
                         aria-pressed={selected}
                         aria-label={weekday.name}
                         onClick={() => handleWeekdayToggle(weekday.value)}
+                        className={cn(
+                          chipVariants({ variant: selected ? 'primary' : undefined, flush: true }),
+                          'h-[30px] w-full justify-center p-0',
+                          !selected && 'text-[var(--text-body)]'
+                        )}
                       >
                         {weekday.short}
-                      </Chip>
+                      </button>
                     )
                   })}
                 </div>

From f56d9da1e4bbe5c1efb81591c0a0a6f01f6a80bd Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 20 Jun 2026 16:08:40 -0700
Subject: [PATCH 2/5] improvement(scheduled-tasks): extract shared
 CalendarDayCell for the weekday picker

Pull the calendar's day pill into one CalendarDayCell component (the
single source of the day-pill chrome: primary fill when selected, the
border ring on today, fixed 30px square or full-width). The calendar grid
and the weekly "Repeat on" toggles now both render it, so the call sites
are props-only (no re-derived chipVariants classes) and the two surfaces
stay visually identical by construction.
---
 .../task-modal/recurrence-section.tsx         | 23 +++----
 .../components/calendar/calendar-day-cell.tsx | 61 +++++++++++++++++++
 .../emcn/components/calendar/calendar.tsx     | 16 +----
 apps/sim/components/emcn/components/index.ts  |  4 ++
 4 files changed, 77 insertions(+), 27 deletions(-)
 create mode 100644 apps/sim/components/emcn/components/calendar/calendar-day-cell.tsx

diff --git a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
index 5b4b860f0de..bc7fdf2094f 100644
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-modal/recurrence-section.tsx
@@ -3,13 +3,12 @@
 import { useRef } from 'react'
 import { format } from 'date-fns'
 import {
+  CalendarDayCell,
   ChipDatePicker,
   ChipModalField,
   ChipModalSeparator,
-  chipVariants,
   Switch,
 } from '@/components/emcn'
-import { cn } from '@/lib/core/utils/cn'
 import type {
   MonthlyMode,
   Recurrence,
@@ -226,28 +225,24 @@ export function RecurrenceSection({ recurrence, onChange, launchDate }: Recurren
 
             {recurrence.frequency === 'weekly' && (
               <ChipModalField type='custom' title='Repeat on'>
-                {/* A one-row extract of the calendar: seven equal day cells that
-                    reuse its exact day-cell grammar (`primary` fill when on, bare
-                    `--text-body` when off) so the weekday toggles read as a sibling
-                    of the date picker rather than a separate segmented bar. */}
+                {/* A one-row extract of the calendar: seven equal day cells built
+                    from the same {@link CalendarDayCell} the date picker uses, so
+                    the weekday toggles read as a sibling of the calendar rather than
+                    a separate segmented bar. */}
                 <div className='grid grid-cols-7 gap-1'>
                   {WEEKDAYS.map((weekday) => {
                     const selected = selectedWeekdays.includes(weekday.value)
                     return (
-                      <button
+                      <CalendarDayCell
                         key={weekday.value}
-                        type='button'
+                        selected={selected}
+                        fullWidth
                         aria-pressed={selected}
                         aria-label={weekday.name}
                         onClick={() => handleWeekdayToggle(weekday.value)}
-                        className={cn(
-                          chipVariants({ variant: selected ? 'primary' : undefined, flush: true }),
-                          'h-[30px] w-full justify-center p-0',
-                          !selected && 'text-[var(--text-body)]'
-                        )}
                       >
                         {weekday.short}
-                      </button>
+                      </CalendarDayCell>
                     )
                   })}
                 </div>
diff --git a/apps/sim/components/emcn/components/calendar/calendar-day-cell.tsx b/apps/sim/components/emcn/components/calendar/calendar-day-cell.tsx
new file mode 100644
index 00000000000..ae965570367
--- /dev/null
+++ b/apps/sim/components/emcn/components/calendar/calendar-day-cell.tsx
@@ -0,0 +1,61 @@
+'use client'
+
+import { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react'
+import { chipVariants } from '@/components/emcn/components/chip/chip'
+import { cn } from '@/lib/core/utils/cn'
+
+export interface CalendarDayCellProps
+  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+  /** Strong `primary` fill — the selected calendar day or an active weekday toggle. */
+  selected?: boolean
+  /** The `border` shadow-ring marking today. Ignored while `selected`. */
+  today?: boolean
+  /**
+   * Fills the container width (the weekday-toggle row) instead of the fixed
+   * 30px square used by the calendar's month grid.
+   */
+  fullWidth?: boolean
+  children: ReactNode
+}
+
+/**
+ * The single day pill shared by the {@link Calendar} month grid and any
+ * chip-aligned day toggle (e.g. the scheduled-task weekly "Repeat on" row).
+ * Built from `chipVariants` so the chrome — height, radius, centered glyph,
+ * `primary` selected fill, `border` today ring — lives in one place and the
+ * row of weekday toggles reads as a sibling of the date picker rather than a
+ * separate control.
+ *
+ * @example
+ * <CalendarDayCell selected={isSelected} today={isToday} onClick={pick}>{day}</CalendarDayCell>
+ *
+ * @example
+ * // Weekday toggle: fill the column, drive selection with `aria-pressed`.
+ * <CalendarDayCell selected={on} fullWidth aria-pressed={on} aria-label='Monday' onClick={toggle}>M</CalendarDayCell>
+ */
+export const CalendarDayCell = forwardRef<HTMLButtonElement, CalendarDayCellProps>(
+  function CalendarDayCell(
+    { selected = false, today = false, fullWidth = false, className, children, type, ...props },
+    ref
+  ) {
+    return (
+      <button
+        ref={ref}
+        type={type ?? 'button'}
+        className={cn(
+          chipVariants({
+            variant: selected ? 'primary' : today ? 'border' : undefined,
+            flush: true,
+          }),
+          'justify-center p-0',
+          fullWidth ? 'h-[30px] w-full' : 'size-[30px]',
+          !selected && 'text-[var(--text-body)]',
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </button>
+    )
+  }
+)
diff --git a/apps/sim/components/emcn/components/calendar/calendar.tsx b/apps/sim/components/emcn/components/calendar/calendar.tsx
index d7f2d572f33..93aabae1bb3 100644
--- a/apps/sim/components/emcn/components/calendar/calendar.tsx
+++ b/apps/sim/components/emcn/components/calendar/calendar.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useMemo, useState } from 'react'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { CalendarDayCell } from '@/components/emcn/components/calendar/calendar-day-cell'
 import { Chip, chipVariants } from '@/components/emcn/components/chip/chip'
 import { chipContentLabelClass } from '@/components/emcn/components/chip/chip-chrome'
 import { cn } from '@/lib/core/utils/cn'
@@ -172,20 +173,9 @@ export function Calendar({ value, onChange, className }: CalendarProps) {
 
           return (
             <div key={day} className='flex h-[34px] items-center justify-center'>
-              <button
-                type='button'
-                onClick={() => selectDay(day)}
-                className={cn(
-                  chipVariants({
-                    variant: isSelected ? 'primary' : isToday ? 'border' : undefined,
-                    flush: true,
-                  }),
-                  'size-[30px] justify-center p-0',
-                  !isSelected && 'text-[var(--text-body)]'
-                )}
-              >
+              <CalendarDayCell selected={isSelected} today={isToday} onClick={() => selectDay(day)}>
                 {day}
-              </button>
+              </CalendarDayCell>
             </div>
           )
         })}
diff --git a/apps/sim/components/emcn/components/index.ts b/apps/sim/components/emcn/components/index.ts
index ae022fe63b2..8957be66e20 100644
--- a/apps/sim/components/emcn/components/index.ts
+++ b/apps/sim/components/emcn/components/index.ts
@@ -3,6 +3,10 @@ export { Badge } from './badge/badge'
 export { Banner } from './banner/banner'
 export { Button, buttonVariants } from './button/button'
 export { ButtonGroup, ButtonGroupItem } from './button-group/button-group'
+export {
+  CalendarDayCell,
+  type CalendarDayCellProps,
+} from './calendar/calendar-day-cell'
 export { Checkbox } from './checkbox/checkbox'
 export { Chip, ChipLink, chipVariants } from './chip/chip'
 export { ChipChevronDown } from './chip/chip-chevron'

From 67f9de3440ea29359cb1b8f53c11b7befac2ee38 Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 20 Jun 2026 16:10:12 -0700
Subject: [PATCH 3/5] fix(scheduled-tasks): remount task details on occurrence
 switch

The read-only details editor seeds its prompt + mention contexts on mount
only. Selecting a different finished task while the modal stays open swapped
the Status/run-time fields but left the editor on the first task's prompt.
Key the content by the occurrence id so each task gets a fresh mount.
---
 .../components/task-details-modal/task-details-modal.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
index 4fbd13b2322..a93d39c1c55 100644
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
@@ -55,7 +55,10 @@ export function TaskDetailsModal({ task, onClose }: TaskDetailsModalProps) {
       size='md'
       srTitle='Scheduled task'
     >
-      {task && <TaskDetailsContent task={task} onClose={onClose} />}
+      {/* Key by the occurrence id so switching tasks while the modal stays open
+          remounts the content — the editor seeds prompt + contexts on mount, so
+          without a fresh mount it would keep showing the first task's prompt. */}
+      {task && <TaskDetailsContent key={task.id} task={task} onClose={onClose} />}
     </ChipModal>
   )
 }

From 94a2bb182f70938e24bf8cd8871ea937d2aa5b2a Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 20 Jun 2026 16:18:30 -0700
Subject: [PATCH 4/5] improvement(rich-md-editor): make read-only PromptEditor
 fully display-only

Greptile P2: a padding click on the read-only editor still focused the
non-editable textarea, which can read as editable. Gate the surface-click
focus on `!readOnly`, and drop the blinking caret (`caret-transparent` +
`cursor-default`) in read-only mode. Text stays selectable for copy.
---
 .../user-input/components/prompt-editor/prompt-editor.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
index 73f749641ea..46bd57d17ea 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/prompt-editor.tsx
@@ -89,15 +89,17 @@ export function PromptEditor({
   /**
    * Clicking the editor's empty regions (padding, space below the last line)
    * focuses the textarea; clicks on the textarea itself keep native caret
-   * placement.
+   * placement. No-op in read-only mode: the surface is display-only, so a
+   * padding click should not pull focus onto the non-editable textarea.
    */
   const handleSurfaceClick = useCallback(
     (e: React.MouseEvent<HTMLDivElement>) => {
+      if (readOnly) return
       if (e.target === textareaRef.current) return
       if ((e.target as HTMLElement).closest('button')) return
       textareaRef.current?.focus()
     },
-    [textareaRef]
+    [readOnly, textareaRef]
   )
 
   const overlayContent = useMemo(() => {
@@ -189,7 +191,7 @@ export function PromptEditor({
           placeholder={placeholder}
           aria-label={ariaLabel}
           rows={1}
-          className={TEXTAREA_BASE_CLASSES}
+          className={cn(TEXTAREA_BASE_CLASSES, readOnly && 'cursor-default caret-transparent')}
         />
       </div>
 

From 203e308814b52af7ff446bdca3fa3131150492aa Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 20 Jun 2026 16:27:14 -0700
Subject: [PATCH 5/5] fix(scheduled-tasks): seed task contexts instead of
 clobbering auto-mentions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Cursor (Medium): the mount-only `setContexts(task.contexts)` replaced the
editor's context list AFTER the chipify pass had already registered the
prompt's integration `@`-mentions and `/`-skills, so a task with any stored
resource context lost its integration/skill chip overlay.

Thread an `initialContexts` option through `usePromptEditor` (into the
context manager's existing `initialContexts` seed) and seed the task's
stored contexts there. The mount chipify pass then MERGES integration and
skill contexts on top of the seed (deduped), so the overlay renders the
full set — resources from the seed, integrations/skills from the text.
---
 .../prompt-editor/use-prompt-editor.ts        | 11 ++++++++-
 .../task-details-modal/task-details-modal.tsx | 23 +++++++++----------
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/use-prompt-editor.ts b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/use-prompt-editor.ts
index b1c03a49d99..b6e971c14ca 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/use-prompt-editor.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/prompt-editor/use-prompt-editor.ts
@@ -104,6 +104,14 @@ export interface UsePromptEditorProps {
   workspaceId: string
   /** Initial text. Chipified (`@`-mentions / `/`-skills converted) on mount. */
   initialValue?: string
+  /**
+   * Contexts to seed the editor with — restored resource mentions (files,
+   * tables, knowledge) that cannot be recovered from the prompt text alone.
+   * Seed these rather than calling `setContexts` after mount: the mount
+   * chipify pass MERGES integration `@`-mentions and `/`-skills on top, so a
+   * post-mount `setContexts` would clobber those auto-registered contexts.
+   */
+  initialContexts?: ChatContext[]
   /**
    * Notified when a context is added through an interactive path — a mention
    * pick, a resource drop, or a skill pick. Paste re-registration is
@@ -142,6 +150,7 @@ export type PromptEditorInstance = ReturnType<typeof usePromptEditor>
 export function usePromptEditor({
   workspaceId,
   initialValue = '',
+  initialContexts,
   onContextAdd,
   onPasteFiles,
 }: UsePromptEditorProps) {
@@ -170,7 +179,7 @@ export function usePromptEditor({
   const slashRangeRef = useRef<{ start: number; end: number } | null>(null)
   const [slashQuery, setSlashQuery] = useState<string | null>(null)
 
-  const contextManagement = useContextManagement({ message: value })
+  const contextManagement = useContextManagement({ message: value, initialContexts })
   const contextManagementRef = useRef(contextManagement)
   contextManagementRef.current = contextManagement
 
diff --git a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
index a93d39c1c55..2674622703a 100644
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/task-details-modal/task-details-modal.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import { useEffect } from 'react'
 import { format } from 'date-fns'
 import { useParams } from 'next/navigation'
 import {
@@ -70,19 +69,19 @@ export function TaskDetailsModal({ task, onClose }: TaskDetailsModalProps) {
  */
 function TaskDetailsContent({ task, onClose }: { task: ScheduledTask; onClose: () => void }) {
   const { workspaceId } = useParams<{ workspaceId: string }>()
-  const editor = usePromptEditor({ workspaceId, initialValue: task.prompt })
-  const setContexts = editor.setContexts
-
   /**
-   * Re-registers the task's stored `@`-mentions once on open so resource chips
-   * (files, tables, knowledge) render. Integration `@`-mentions and `/`-skills
-   * chipify from the seeded text alone, so they render even without stored
-   * contexts. Runs once per open since the content remounts each time it opens.
+   * Seed the stored resource mentions (files, tables, knowledge) as the editor's
+   * initial contexts — these can't be recovered from the prompt text alone. The
+   * mount chipify pass then merges integration `@`-mentions and `/`-skills on top
+   * (they DO chipify from text), so the overlay renders the full set. Seeding is
+   * deliberate over a post-mount `setContexts`, which would clobber the
+   * auto-registered integration/skill contexts.
    */
-  useEffect(() => {
-    if (task.contexts && task.contexts.length > 0) setContexts(task.contexts)
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- mount-only re-register
-  }, [])
+  const editor = usePromptEditor({
+    workspaceId,
+    initialValue: task.prompt,
+    initialContexts: task.contexts,
+  })
 
   return (
     <>