Include completed tasks in token count calculations and content checks

- are 'completed tasks' included in 'prompt token count'? They should
- once 'completed tasks' are cleared, 'prompt token count' never updates on itself

├── apps
│   └── editor
│       └── src
│           ├── utils
│           │   └── prompt-builder.ts
│           └── views
│               └── prompt
│                   ├── backend
│                   │   ├── message-handlers
│                   │   │   ├── handle-clear-completed-tasks.ts
│                   │   │   ├── handle-save-completed-tasks.ts
│                   │   │   └── utils
│                   │   │       ├── build-cli-prompt.ts
│                   │   │       └── build-prompt-payload.ts
│                   │   └── prompt-view-provider.ts
│                   ├── frontend
│                   │   ├── Main
│                   │   │   ├── Main.tsx
│                   │   │   └── MainView
│                   │   │       └── MainView.tsx
│                   │   ├── Prompt.tsx
│                   │   └── hooks
│                   │       └── use-prompt
│                   │           └── use-prompt.ts
│                   └── types
│                       └── messages.ts
└── packages
    └── ui
        └── src
            └── components
                └── editor
                    └── common
                        └── prompts
                            └── PromptField
                                ├── PromptField.tsx
                                └── components
                                    └── CompletedTasks
                                        └── CompletedTasks.tsx

Author: robertpiosik

apps/editor/src/views/prompt/backend/message-handlers/handle-clear-completed-tasks.ts

@@ -17,6 +17,7 @@ export const handle_clear_completed_tasks = async (
     command: 'COMPLETED_TASKS',
     completed_tasks: prompt_view_provider.completed_tasks
   })
+  prompt_view_provider.send_token_count()
 
   const selection = await vscode.window.showInformationMessage(
     t('views.prompt.handlers.handle-clear-completed-tasks.cleared'),
@@ -33,5 +34,6 @@ export const handle_clear_completed_tasks = async (
       command: 'COMPLETED_TASKS',
       completed_tasks: prompt_view_provider.completed_tasks
     })
+    prompt_view_provider.send_token_count()
   }
 }

apps/editor/src/views/prompt/backend/prompt-view-provider.ts

@@ -562,7 +562,10 @@ export class PromptViewProvider implements vscode.WebviewViewProvider {
 
   public async send_token_count() {
     const edit_instructions_result = await replace_symbols({
-      instructions: [this.current_edit_files_instruction.trim()],
+      instructions: [
+        this.current_edit_files_instruction.trim(),
+        ...this.completed_tasks
+      ],
       extension_context: this.extension_context,
       workspace_provider: this.workspace_provider,
       remove_images: true,
@@ -580,12 +583,18 @@ export class PromptViewProvider implements vscode.WebviewViewProvider {
       command: 'TOKEN_COUNT_UPDATED',
       selected_files_token_count: this.current_selected_files_token_count,
       edit_instructions_token_count: Math.ceil(
-        (edit_instructions_result.instructions[0].length +
+        (edit_instructions_result.instructions.reduce(
+          (acc, text) => acc + text.length,
+          0
+        ) +
           edit_instructions_result.skill_definitions.length) /
           4
       ),
       ask_instructions_token_count: Math.ceil(
-        (ask_instructions_result.instructions[0].length +
+        (ask_instructions_result.instructions.reduce(
+          (acc, text) => acc + text.length,
+          0
+        ) +
           ask_instructions_result.skill_definitions.length) /
           4
       )

packages/ui/src/components/editor/common/prompts/PromptField/PromptField.tsx

@@ -135,7 +135,9 @@ export const PromptField: React.FC<PromptField.Props> = (props) => {
   const tabs_ref = useRef<TabsRef>(null)
 
   const has_content =
-    !!props.value || !!(props.selected_files && props.selected_files.length > 0)
+    !!props.value ||
+    !!(props.selected_files && props.selected_files.length > 0) ||
+    props.completed_tasks.length > 0
 
   const { is_alt_pressed, handle_container_key_down } =
     use_keyboard_shortcuts(props)