Implement tree and list format options for copying file paths

- in General > Context, add option "Copy Paths Format": [bullet list] [tree]
- add translations to [Fragment]

Author: robertpiosik

apps/editor/package.json

@@ -919,6 +919,15 @@
           "default": true,
           "scope": "resource"
         },
+        "codeWebChat.copyPathsFormat": {
+          "type": "string",
+          "scope": "resource",
+          "enum": [
+            "list",
+            "tree"
+          ],
+          "default": "list"
+        },
         "codeWebChat.sendWithShiftEnter": {
           "type": "boolean",
           "scope": "resource",

apps/editor/src/commands/copy-paths-command.ts

@@ -5,11 +5,46 @@ import { t } from '../i18n'
 import { WorkspaceProvider } from '../context/providers/workspace/workspace-provider'
 import { OpenEditorsProvider } from '../context/providers/open-editors/open-editors-provider'
 
+interface TreeNode {
+  [key: string]: TreeNode
+}
+
+const build_tree = (paths: string[]): TreeNode => {
+  const root: TreeNode = {}
+  for (const path of paths) {
+    const parts = path.split('/')
+    let current = root
+    for (const part of parts) {
+      if (!current[part]) {
+        current[part] = {}
+      }
+      current = current[part]
+    }
+  }
+  return root
+}
+
+const print_tree = (node: TreeNode, prefix = ''): string[] => {
+  const keys = Object.keys(node).sort()
+  const lines: string[] = []
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i]
+    const is_last = i == keys.length - 1
+    lines.push(`${prefix}${is_last ? '└── ' : '├── '}${key}`)
+    const child_prefix = prefix + (is_last ? '    ' : '│   ')
+    lines.push(...print_tree(node[key], child_prefix))
+  }
+  return lines
+}
+
 const format_paths = (files: string[]) => {
+  const config = vscode.workspace.getConfiguration('codeWebChat')
+  const format = config.get<'list' | 'tree'>('copyPathsFormat', 'list')
+
   const workspace_folders = vscode.workspace.workspaceFolders
   const is_multi_root = !!workspace_folders && workspace_folders.length > 1
 
-  const paths = files.map((file_path) => {
+  const display_paths = files.map((file_path) => {
     const file_uri = vscode.Uri.file(file_path)
     let display_path: string
     const workspace_folder = vscode.workspace.getWorkspaceFolder(file_uri)
@@ -24,10 +59,15 @@ const format_paths = (files: string[]) => {
       display_path = vscode.workspace.asRelativePath(file_path)
     }
 
-    return `- \`${display_path.replace(/\\/g, '/')}\``
+    return display_path.replace(/\\/g, '/')
   })
 
-  return paths.join('\n')
+  if (format == 'tree') {
+    const root = build_tree(display_paths)
+    return print_tree(root).join('\n')
+  }
+
+  return display_paths.map((display_path) => `- \`${display_path}\``).join('\n')
 }
 
 export const copy_paths_commands = (

apps/editor/src/views/settings/backend/message-handlers/handle-get-copy-paths-format.ts

@@ -0,0 +1,13 @@
+import * as vscode from 'vscode'
+import { SettingsProvider } from '@/views/settings/backend/settings-provider'
+
+export const handle_get_copy_paths_format = async (
+  provider: SettingsProvider
+): Promise<void> => {
+  const config = vscode.workspace.getConfiguration('codeWebChat')
+  const value = config.get<'list' | 'tree'>('copyPathsFormat', 'list')
+  provider.postMessage({
+    command: 'COPY_PATHS_FORMAT',
+    value
+  })
+}

apps/editor/src/views/settings/backend/message-handlers/handle-update-copy-paths-format.ts

@@ -0,0 +1,10 @@
+import * as vscode from 'vscode'
+import { UpdateCopyPathsFormatMessage } from '@/views/settings/types/messages'
+
+export const handle_update_copy_paths_format = async (
+  message: UpdateCopyPathsFormatMessage
+): Promise<void> => {
+  await vscode.workspace
+    .getConfiguration('codeWebChat')
+    .update('copyPathsFormat', message.value, vscode.ConfigurationTarget.Global)
+}

apps/editor/src/views/settings/backend/message-handlers/index.ts

@@ -37,6 +37,8 @@ export * from './handle-get-reuse-last-tab'
 export * from './handle-update-reuse-last-tab'
 export * from './handle-get-api-configurations'
 export * from './handle-get-auto-run-intelligent-update'
+export * from './handle-get-copy-paths-format'
+export * from './handle-update-copy-paths-format'
 export * from './handle-update-auto-run-intelligent-update'
 export * from './handle-open-keybindings'
 export * from './handle-open-external-url'

apps/editor/src/views/settings/backend/settings-provider.ts

@@ -47,6 +47,8 @@ import {
   handle_delete_web_configuration,
   handle_reorder_web_configurations,
   handle_create_web_configuration,
+  handle_get_copy_paths_format,
+  handle_update_copy_paths_format,
   handle_pick_chatbot,
   handle_pick_model,
   handle_pick_reasoning_effort,
@@ -197,6 +199,10 @@ export class SettingsProvider {
           message.command == 'UPDATE_CLEAR_CHECKS_IN_WORKSPACE_BEHAVIOR'
         ) {
           await handle_update_clear_checks_in_workspace_behavior(message)
+        } else if (message.command == 'GET_COPY_PATHS_FORMAT') {
+          await handle_get_copy_paths_format(this)
+        } else if (message.command == 'UPDATE_COPY_PATHS_FORMAT') {
+          await handle_update_copy_paths_format(message)
         } else if (message.command == 'GET_GEMINI_USER_ID') {
           await handle_get_gemini_user_id(this)
         } else if (message.command == 'UPDATE_GEMINI_USER_ID') {
@@ -296,6 +302,7 @@ export class SettingsProvider {
           void handle_get_gemini_user_id(this)
           void handle_get_ai_studio_user_id(this)
           void handle_get_send_with_shift_enter(this)
+          void handle_get_copy_paths_format(this)
           void handle_get_check_new_files(this)
           void handle_get_reuse_last_tab(this)
           void handle_get_auto_run_intelligent_update(this)

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

@@ -124,6 +124,7 @@ type Props = {
   checkpoint_lifespan: number
   edit_format_instructions: EditFormatInstructions
   clear_checks_in_workspace_behavior: 'ignore-open-editors' | 'uncheck-all'
+  copy_paths_format: 'list' | 'tree'
   auto_run_intelligent_update: boolean
   set_providers: (providers: Provider[]) => void
   set_api_configurations: (configurations: ApiConfiguration[]) => void
@@ -150,6 +151,7 @@ type Props = {
   on_clear_checks_in_workspace_behavior_change: (
     value: 'ignore-open-editors' | 'uncheck-all'
   ) => void
+  on_copy_paths_format_change: (value: 'list' | 'tree') => void
   on_auto_run_intelligent_update_change: (enabled: boolean) => void
   on_open_keybindings: (search?: string) => void
   on_open_editor_settings: () => void
@@ -399,6 +401,8 @@ export const Home: React.FC<Props> = (props) => {
           clear_checks_in_workspace_behavior={
             props.clear_checks_in_workspace_behavior
           }
+          copy_paths_format={props.copy_paths_format}
+          on_copy_paths_format_change={props.on_copy_paths_format_change}
           on_clear_checks_in_workspace_behavior_change={
             props.on_clear_checks_in_workspace_behavior_change
           }

apps/editor/src/views/settings/frontend/Home/sections/GeneralSection.tsx

@@ -41,6 +41,8 @@ type Props = {
   on_clear_checks_in_workspace_behavior_change: (
     value: ClearChecksBehavior
   ) => void
+  copy_paths_format: 'list' | 'tree'
+  on_copy_paths_format_change: (value: 'list' | 'tree') => void
   on_edit_format_instructions_change: (
     instructions: EditFormatInstructions
   ) => void
@@ -250,6 +252,26 @@ export const GeneralSection = forwardRef<HTMLDivElement, Props>(
                 />
               }
             />
+            <UiItem
+              title={t('general.copy-paths-format.title')}
+              description={t('general.copy-paths-format.description')}
+              slot_right={
+                <UiDropdown
+                  options={[
+                    {
+                      value: 'list',
+                      label: t('general.copy-paths-format.list')
+                    },
+                    {
+                      value: 'tree',
+                      label: t('general.copy-paths-format.tree')
+                    }
+                  ]}
+                  value={props.copy_paths_format}
+                  onChange={props.on_copy_paths_format_change}
+                />
+              }
+            />
             <UiItem
               title={t('general.find-relevant-files-instructions.title')}
               description={t(

apps/editor/src/views/settings/frontend/Settings.tsx

@@ -65,6 +65,7 @@ export const Settings = () => {
       settings_hook.send_with_shift_enter !== undefined &&
       settings_hook.check_new_files !== undefined &&
       settings_hook.reuse_last_tab !== undefined &&
+      settings_hook.copy_paths_format !== undefined &&
       settings_hook.clear_checks_in_workspace_behavior !== undefined &&
       settings_hook.auto_run_intelligent_update !== undefined
     )
@@ -116,6 +117,10 @@ export const Settings = () => {
         clear_checks_in_workspace_behavior={
           settings_hook.clear_checks_in_workspace_behavior!
         }
+        copy_paths_format={settings_hook.copy_paths_format!}
+        on_copy_paths_format_change={
+          settings_hook.handle_copy_paths_format_change
+        }
         auto_run_intelligent_update={settings_hook.auto_run_intelligent_update!}
         set_providers={settings_hook.set_providers}
         set_api_configurations={settings_hook.set_api_configurations}

apps/editor/src/views/settings/frontend/hooks/use-settings.ts

@@ -63,6 +63,9 @@ export const use_settings = (vscode: any) => {
     clear_checks_in_workspace_behavior,
     set_clear_checks_in_workspace_behavior
   ] = useState<'ignore-open-editors' | 'uncheck-all' | undefined>(undefined)
+  const [copy_paths_format, set_copy_paths_format] = useState<
+    'list' | 'tree' | undefined
+  >(undefined)
   const [auto_run_intelligent_update, set_auto_run_intelligent_update] =
     useState<boolean | undefined>(undefined)
 
@@ -85,6 +88,7 @@ export const use_settings = (vscode: any) => {
     post_message(vscode, { command: 'GET_SEND_WITH_SHIFT_ENTER' })
     post_message(vscode, { command: 'GET_CHECK_NEW_FILES' })
     post_message(vscode, { command: 'GET_REUSE_LAST_TAB' })
+    post_message(vscode, { command: 'GET_COPY_PATHS_FORMAT' })
     post_message(vscode, { command: 'GET_CLEAR_CHECKS_IN_WORKSPACE_BEHAVIOR' })
     post_message(vscode, { command: 'GET_AUTO_RUN_INTELLIGENT_UPDATE' })
   }, [vscode])
@@ -129,6 +133,8 @@ export const use_settings = (vscode: any) => {
         set_reuse_last_tab(message.enabled)
       } else if (message.command == 'CLEAR_CHECKS_IN_WORKSPACE_BEHAVIOR') {
         set_clear_checks_in_workspace_behavior(message.value)
+      } else if (message.command == 'COPY_PATHS_FORMAT') {
+        set_copy_paths_format(message.value)
       } else if (message.command == 'AUTO_RUN_INTELLIGENT_UPDATE') {
         set_auto_run_intelligent_update(message.enabled)
       }
@@ -354,6 +360,14 @@ export const use_settings = (vscode: any) => {
     })
   }
 
+  const handle_copy_paths_format_change = (value: 'list' | 'tree') => {
+    set_copy_paths_format(value)
+    post_message(vscode, {
+      command: 'UPDATE_COPY_PATHS_FORMAT',
+      value
+    })
+  }
+
   const handle_auto_run_intelligent_update_change = (enabled: boolean) => {
     set_auto_run_intelligent_update(enabled)
     post_message(vscode, {
@@ -398,6 +412,7 @@ export const use_settings = (vscode: any) => {
     check_new_files,
     reuse_last_tab,
     clear_checks_in_workspace_behavior,
+    copy_paths_format,
     auto_run_intelligent_update,
     handle_reorder_providers,
     handle_add_provider,
@@ -427,6 +442,7 @@ export const use_settings = (vscode: any) => {
     handle_check_new_files_change,
     handle_reuse_last_tab_change,
     handle_clear_checks_in_workspace_behavior_change,
+    handle_copy_paths_format_change,
     handle_auto_run_intelligent_update_change,
     handle_open_keybindings,
     handle_open_external_url