feat(vscode): @ file mention with dropdown and file chips

packages/kilo-vscode/esbuild.js

@@ -98,6 +98,33 @@ const pierreWorkerStubPlugin = {
   },
 }
 
+const svgSpritePlugin = {
+  name: "svg-sprite-inline",
+  setup(build) {
+    build.onLoad({ filter: /sprite\.svg$/ }, (args) => {
+      const content = require("fs").readFileSync(args.path, "utf8")
+      return {
+        contents: `
+          const svg = ${JSON.stringify(content)};
+          const inject = () => {
+            if (!document.getElementById("kilo-sprite")) {
+              const el = document.createElement("div");
+              el.id = "kilo-sprite";
+              el.style.display = "none";
+              el.innerHTML = svg;
+              document.body.appendChild(el);
+            }
+          };
+          if (document.body) inject();
+          else document.addEventListener("DOMContentLoaded", inject);
+          export default "";
+        `,
+        loader: "js",
+      }
+    })
+  },
+}
+
 const cssPackageResolvePlugin = {
   name: "css-package-resolve",
   setup(build) {
@@ -147,6 +174,7 @@ async function main() {
     plugins: [
       solidDedupePlugin,
       pierreWorkerStubPlugin,
+      svgSpritePlugin,
       cssPackageResolvePlugin,
       solidPlugin(),
       esbuildProblemMatcherPlugin,
@@ -172,6 +200,7 @@ async function main() {
     plugins: [
       solidDedupePlugin,
       pierreWorkerStubPlugin,
+      svgSpritePlugin,
       cssPackageResolvePlugin,
       solidPlugin(),
       esbuildProblemMatcherPlugin,

packages/kilo-vscode/src/KiloProvider.ts

@@ -276,6 +276,24 @@ export class KiloProvider implements vscode.WebviewViewProvider {
             this.connectionService,
           )
           break
+        case "requestFileSearch": {
+          const client = this.httpClient
+          if (client) {
+            const dir = this.getWorkspaceDirectory()
+            void client
+              .findFiles(message.query, dir)
+              .then((paths) => {
+                this.postMessage({ type: "fileSearchResult", paths, dir, requestId: message.requestId })
+              })
+              .catch((error) => {
+                console.error("[Kilo New] File search failed:", error)
+                this.postMessage({ type: "fileSearchResult", paths: [], dir, requestId: message.requestId })
+              })
+          } else {
+            this.postMessage({ type: "fileSearchResult", paths: [], dir: "", requestId: message.requestId })
+          }
+          break
+        }
         case "chatCompletionAccepted":
           handleChatCompletionAccepted({ type: "chatCompletionAccepted", suggestionLength: message.suggestionLength })
           break

packages/kilo-vscode/src/services/cli-backend/http-client.ts

@@ -460,6 +460,15 @@ export class HttpClient {
     return this.request<boolean>("POST", `/provider/${providerId}/oauth/callback`, { method }, { directory })
   }
 
+  // ============================================
+  // File Search Methods
+  // ============================================
+
+  async findFiles(query: string, directory: string): Promise<string[]> {
+    const params = new URLSearchParams({ query, dirs: "false", limit: "10" })
+    return this.request<string[]>("GET", `/find/file?${params.toString()}`, undefined, { directory })
+  }
+
   // ============================================
   // MCP Methods
   // ============================================