Replace task copy and edit actions with a forward button to populate edit instructions

- on a task, add action 'Forward to edit instructions' (forward codicon), on click, place in instructions and focus on last used target's 'edit' prompt type
- on task, remove 'copy' button
- on task, remove 'edit'/'save' button
- allow at most 5 tabs, once 5 is reached, hide 'add' button
- hold max prompt field tabs in `apps/editor/src/constants/values.ts`
- escape on task in edit mode, should cancel made edits

├── apps
│   └── editor
│       └── src
│           └── views
│               └── prompt
│                   └── frontend
│                       ├── Home
│                       │   └── Home.tsx
│                       ├── Main
│                       │   └── Main.tsx
│                       ├── Prompt.tsx
│                       └── hooks
│                           └── use-prompt
│                               └── use-prompt.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── prompt
                        └── Tasks
                            ├── Tasks.module.scss
                            ├── Tasks.stories.tsx
                            ├── Tasks.tsx
                            ├── components
                            │   └── TaskGroup.tsx
                            ├── hooks
                            │   └── use-auto-focus-new-task.ts
                            └── index.ts

Author: robertpiosik

apps/editor/package.json

@@ -2,7 +2,7 @@
   "name": "gemini-coder",
   "displayName": "Code Web Chat",
   "description": "AI coding with static context (CWC)",
-  "version": "2026.9.99",
+  "version": "2026.9.100",
   "scripts": {
     "build": "npx vsce package --no-dependencies",
     "vscode:prepublish": "rimraf out && npm run compile",

apps/editor/src/views/prompt/frontend/Home/Home.tsx

@@ -28,6 +28,7 @@ type Props = {
   is_setup_complete: boolean
   is_connected: boolean
   on_donate_click: () => void
+  on_forward_task: (text: string) => void
   bottom_spacer_height?: number
 }
 
@@ -282,6 +283,7 @@ export const Home: React.FC<Props> = (props) => {
                 on_delete={(timestamp) => {
                   handle_delete(active_root, timestamp)
                 }}
+                on_forward={props.on_forward_task}
                 translations={{
                   placeholder: t('home.tasks.placeholder'),
                   add_new: t('home.tasks.add-new')

apps/editor/src/views/prompt/frontend/Prompt.tsx

@@ -388,6 +388,19 @@ export const Prompt = () => {
                 version={version}
                 is_setup_complete={is_setup_complete}
                 on_donate_click={() => set_viewing_donations(true)}
+                on_forward_task={(text) => {
+                  set_active_view('main')
+                  set_main_view_scroll_reset_key((k) => k + 1)
+
+                  if (target == TARGET.WEB) {
+                    handle_web_prompt_type_change('edit-files')
+                  } else if (target == TARGET.API) {
+                    handle_api_prompt_type_change('edit-files')
+                  }
+
+                  handle_instructions_change(text, 'edit-files')
+                  set_chat_input_focus_key((k) => k + 1)
+                }}
               />
             </div>
           </Layout>

packages/ui/src/components/editor/prompt/Tasks/Tasks.stories.tsx

@@ -151,6 +151,7 @@ export const Default = () => {
         on_add={handle_add}
         on_add_subtask={handle_add_subtask}
         on_delete={handle_delete}
+        on_forward={(text) => console.log('Forward task:', text)}
         translations={{
           placeholder: 'Click to add text...',
           add_new: 'Add new...'
@@ -181,6 +182,7 @@ export const NoReorder = () => {
         on_add={() => {}}
         on_add_subtask={() => {}}
         on_delete={() => {}}
+        on_forward={() => {}}
         translations={{
           placeholder: 'Click to add text...',
           add_new: 'Add new...'

packages/ui/src/components/editor/prompt/Tasks/Tasks.tsx

@@ -22,6 +22,7 @@ export namespace Tasks {
     on_add: () => void
     on_add_subtask?: (parent_task: Task) => void
     on_delete: (created_at: number) => void
+    on_forward: (text: string) => void
     translations: {
       placeholder: string
       add_new: string
@@ -63,8 +64,8 @@ export const Tasks: React.FC<Tasks.Props> = (props) => {
     null
   )
   const [editing_initial_text, set_editing_initial_text] = useState<string>('')
-  const [copied_timestamp, set_copied_timestamp] = useState<number | null>(null)
   const prevent_edit_ref = useRef(false)
+  const is_canceling_ref = useRef(false)
 
   const handle_set_editing = (timestamp: number | null, text?: string) => {
     set_editing_timestamp(timestamp)
@@ -75,7 +76,25 @@ export const Tasks: React.FC<Tasks.Props> = (props) => {
 
   use_auto_focus_new_task(props.tasks, handle_set_editing)
 
+  const handle_cancel_edit = (task: Task) => {
+    is_canceling_ref.current = true
+    set_editing_timestamp(null)
+
+    const has_children = task.children && task.children.length > 0
+    if (!editing_initial_text.trim() && !has_children) {
+      props.on_delete(task.created_at)
+    } else {
+      const { id, ...rest } = task as any
+      props.on_change({ ...rest, text: editing_initial_text })
+    }
+
+    setTimeout(() => {
+      is_canceling_ref.current = false
+    }, 100)
+  }
+
   const handle_stop_editing = (task: Task) => {
+    if (is_canceling_ref.current) return
     if (editing_timestamp !== task.created_at) return
     set_editing_timestamp(null)
     if (!task.text.trim()) {
@@ -189,46 +208,17 @@ export const Tasks: React.FC<Tasks.Props> = (props) => {
             >
               {params.task.text && (
                 <IconButton
-                  codicon_icon={
-                    copied_timestamp == params.task.created_at
-                      ? 'check'
-                      : 'copy'
-                  }
-                  style={
-                    copied_timestamp == params.task.created_at
-                      ? { cursor: 'default' }
-                      : undefined
-                  }
+                  codicon_icon="forward"
                   on_mouse_down={
                     is_editing ? (e) => e.preventDefault() : undefined
                   }
                   on_click={(e) => {
                     e.stopPropagation()
-                    navigator.clipboard.writeText(params.task.text)
-                    set_copied_timestamp(params.task.created_at)
-                    setTimeout(() => {
-                      set_copied_timestamp((prev) =>
-                        prev === params.task.created_at ? null : prev
-                      )
-                    }, 2000)
+                    props.on_forward(params.task.text)
                   }}
-                  title="Copy"
+                  title="Forward to edit instructions"
                 />
               )}
-              <IconButton
-                codicon_icon={is_editing ? 'check' : 'edit'}
-                on_mouse_down={
-                  is_editing ? (e) => e.preventDefault() : undefined
-                }
-                on_click={() => {
-                  if (is_editing) {
-                    handle_stop_editing(params.task)
-                  } else {
-                    handle_set_editing(params.task.created_at, params.task.text)
-                  }
-                }}
-                title={is_editing ? 'Done' : 'Edit'}
-              />
               <IconButton
                 codicon_icon="trash"
                 on_mouse_down={
@@ -255,7 +245,10 @@ export const Tasks: React.FC<Tasks.Props> = (props) => {
                 handle_stop_editing(params.task)
               }}
               on_key_down={(e) => {
-                if (e.key == 'Enter' && !e.shiftKey) {
+                if (e.key == 'Escape') {
+                  e.preventDefault()
+                  handle_cancel_edit(params.task)
+                } else if (e.key == 'Enter' && !e.shiftKey) {
                   e.preventDefault()
                 }
               }}