Replace native TreeView sidebar with webview sidebar (#673)

packages/app-bundle/overlay/packages/app/src/app.tsx

@@ -1,6 +1,7 @@
 import "@/index.css"
 import * as Sentry from "@sentry/solid"
 import { requestComputeConnect } from "@/components/amicode-defaults-capsule"
+import { adoptWorkspaceProjects } from "@/utils/amicode-workspace-projects"
 import { I18nProvider } from "@opencode-ai/ui/context"
 import { DialogProvider } from "@opencode-ai/ui/context/dialog"
 import { FileComponentProvider } from "@opencode-ai/ui/context/file"
@@ -425,7 +426,14 @@ function AmicodeThemeBridge() {
     if (d.kind === "open-bug-report" || d.kind === "close-bug-report") {
       bugDockController.handleBridgeMessage(d)
       return
-    }    if (d.kind !== "theme") return
+    }
+    // amicode#663: workspace-projects push from the extension host — the
+    // project selector below the composer reads from this signal.
+    if (d.kind === "workspace-projects") {
+      adoptWorkspaceProjects((d as { projects?: unknown[] }).projects as Parameters<typeof adoptWorkspaceProjects>[0])
+      return
+    }
+    if (d.kind !== "theme") return
     if (d.colorScheme === "light" || d.colorScheme === "dark") theme.setColorScheme(d.colorScheme)
   }
   window.addEventListener("message", onMsg)

packages/app-bundle/overlay/packages/app/src/pages/session/composer/session-composer-controls.ts

@@ -5,6 +5,7 @@ import { type Accessor, createMemo } from "solid-js"
 import type { PromptInputControls } from "@/components/prompt-input/contracts"
 import type { PromptProjectControls } from "@/components/prompt-project-selector"
 import { hiddenProjectWorktree } from "@/utils/amicode-hidden-project"
+import { workspaceProjects, requestAddWorkspaceProject } from "@/utils/amicode-workspace-projects"
 import { useDirectoryPicker } from "@/components/directory-picker"
 import { useGlobal } from "@/context/global"
 import { useLayout } from "@/context/layout"
@@ -74,6 +75,20 @@ export function createPromptProjectControls() {
   const projectServer = () => serverSDK().server
   const projectServerCtx = createMemo(() => global.ensureServerCtx(projectServer()))
   const projects = createMemo(() => {
+    // amicode#663: when the extension host pushes workspace folder data, use
+    // it as the canonical project list (type-grouped, workspace-backed). The
+    // signal is empty until the first push — standalone opencode never pushes,
+    // so the fallback below handles it.
+    const wsProjects = workspaceProjects()
+    if (wsProjects.length > 0) {
+      return wsProjects.map((p) => ({
+        name: p.name,
+        worktree: p.worktree,
+        type: p.type as "research" | "dev",
+        status: p.status,
+      }))
+    }
+    // Fallback: opencode-native project discovery (standalone / no extension).
     const list =
       server.list.length <= 1
         ? search.draftId
@@ -118,6 +133,16 @@ export function createPromptProjectControls() {
   }
 
   const addProject = (title: string, serverKey?: string) => {
+    // amicode#663: when workspace-backed (running inside the amicode
+    // extension webview), delegate folder picking to the extension host —
+    // it shows VS Code's native showOpenDialog and adds the result as a
+    // workspace folder. The workspace-change listener then pushes an
+    // updated project list via postMessage.
+    if (hiddenProjectWorktree()) {
+      requestAddWorkspaceProject()
+      return
+    }
+    // Standalone opencode: use the server's directory picker.
     const conn = serverKey ? server.list.find((conn) => ServerConnection.key(conn) === serverKey) : projectServer()
     if (!conn) return
     pickDirectory({

packages/app-bundle/overlay/packages/app/src/utils/amicode-workspace-projects.ts

@@ -0,0 +1,39 @@
+// amicode#663: workspace-projects signal — the chat iframe's project selector
+// reads from this reactive store. The extension host pushes the list via
+// postMessage on app-ready and on workspace-folder change; the bridge handler
+// below adopts it into a SolidJS signal.
+//
+// Pattern follows amicode-hidden-project.ts — module-scoped signal, no
+// component tree dependency, importable from any context.
+
+import { createSignal } from "solid-js"
+
+export interface WorkspaceProject {
+  name: string
+  worktree: string
+  type: "research" | "dev"
+  status?: string
+}
+
+const [projects, setProjects] = createSignal<WorkspaceProject[]>([])
+
+/** Adopt a workspace-projects push from the extension host. Replaces the
+ *  entire list (the extension always sends the full set). */
+export function adoptWorkspaceProjects(data: WorkspaceProject[]): void {
+  setProjects(Array.isArray(data) ? data : [])
+}
+
+/** Reactive accessor — returns the current workspace project list. */
+export function workspaceProjects(): WorkspaceProject[] {
+  return projects()
+}
+
+/** Post an add-workspace-project request to the extension host. The extension
+ *  shows a native folder picker, adds the selected folder to the VS Code
+ *  workspace, and pushes an updated workspace-projects message back. */
+export function requestAddWorkspaceProject(): void {
+  window.parent.postMessage(
+    { source: "amicode", kind: "add-workspace-project" },
+    "*",
+  )
+}

packages/extension/esbuild.config.mjs

@@ -98,6 +98,18 @@ const targets = [
     minify: false,
     logLevel: "info",
   },
+  // Sidebar webview bundle — workspace panel (#673)
+  {
+    entryPoints: ["src/sidebar_webview.ts"],
+    bundle: true,
+    platform: "browser",
+    target: "es2022",
+    format: "iife",
+    outfile: "dist/sidebar_webview.js",
+    sourcemap: true,
+    minify: false,
+    logLevel: "info",
+  },
 ];
 
 if (watch) {

packages/extension/package.json

@@ -37,6 +37,7 @@
   "activationEvents": [
     "onCommand:amicode.openChat",
     "onCommand:amicode.newChat",
+    "onCommand:amicode.newProject",
     "onCommand:amicode.chatDeck",
     "onView:amicode.workspace",
     "onStartupFinished"
@@ -50,7 +51,7 @@
       "activitybar": [
         {
           "id": "amicode",
-          "title": "Amicode",
+          "title": "AMICODE",
           "icon": "media/amico_reduced.svg"
         }
       ]
@@ -59,17 +60,11 @@
       "amicode": [
         {
           "id": "amicode.workspace",
-          "name": "Workspace",
-          "type": "tree"
+          "name": "AMICODE",
+          "type": "webview"
         }
       ]
     },
-    "viewsWelcome": [
-      {
-        "view": "amicode.workspace",
-        "contents": "No folders in this workspace.\n[Add Folder](command:amicode.workspace.addFolder)"
-      }
-    ],
     "commands": [
       {
         "command": "amicode.onboarding.open",
@@ -88,6 +83,11 @@
         "title": "Amicode: New Chat (Side by Side)",
         "icon": "$(add)"
       },
+      {
+        "command": "amicode.newProject",
+        "title": "Amicode: New Project",
+        "icon": "$(new-folder)"
+      },
       {
         "command": "amicode.chatDeck",
         "title": "Amicode: Open Chat Deck (Panes in One Tab)",
@@ -175,53 +175,6 @@
         "title": "Amicode: Update canonical opencode (check + adopt)",
         "category": "Amicode"
       },
-      {
-        "command": "amicode.workspace.newFile",
-        "title": "New File",
-        "icon": "$(new-file)"
-      },
-      {
-        "command": "amicode.workspace.newFolder",
-        "title": "New Folder",
-        "icon": "$(new-folder)"
-      },
-      {
-        "command": "amicode.workspace.rename",
-        "title": "Rename"
-      },
-      {
-        "command": "amicode.workspace.delete",
-        "title": "Delete"
-      },
-      {
-        "command": "amicode.workspace.copyPath",
-        "title": "Copy Path"
-      },
-      {
-        "command": "amicode.workspace.copyRelativePath",
-        "title": "Copy Relative Path"
-      },
-      {
-        "command": "amicode.workspace.revealInOS",
-        "title": "Reveal in Finder"
-      },
-      {
-        "command": "amicode.workspace.openInTerminal",
-        "title": "Open in Terminal"
-      },
-      {
-        "command": "amicode.workspace.openToSide",
-        "title": "Open to the Side"
-      },
-      {
-        "command": "amicode.workspace.removeFromWorkspace",
-        "title": "Remove Folder from Workspace"
-      },
-      {
-        "command": "amicode.workspace.addFolder",
-        "title": "Add Folder to Workspace",
-        "icon": "$(root-folder-opened)"
-      },
       {
         "command": "amicode.restartHub",
         "title": "Amicode: Restart Hub Server (fleet)"
@@ -406,75 +359,8 @@
           "group": "navigation"
         }
       ],
-      "view/title": [
-        {
-          "command": "amicode.workspace.newFile",
-          "when": "view == amicode.workspace",
-          "group": "navigation"
-        },
-        {
-          "command": "amicode.workspace.newFolder",
-          "when": "view == amicode.workspace",
-          "group": "navigation"
-        },
-        {
-          "command": "amicode.workspace.addFolder",
-          "when": "view == amicode.workspace",
-          "group": "navigation"
-        }
-      ],
-      "view/item/context": [
-        {
-          "command": "amicode.workspace.newFile",
-          "when": "view == amicode.workspace",
-          "group": "2_workspace@1"
-        },
-        {
-          "command": "amicode.workspace.newFolder",
-          "when": "view == amicode.workspace",
-          "group": "2_workspace@2"
-        },
-        {
-          "command": "amicode.workspace.openToSide",
-          "when": "view == amicode.workspace && viewItem == workspaceFile",
-          "group": "3_open@1"
-        },
-        {
-          "command": "amicode.workspace.rename",
-          "when": "view == amicode.workspace",
-          "group": "7_modification@1"
-        },
-        {
-          "command": "amicode.workspace.delete",
-          "when": "view == amicode.workspace",
-          "group": "7_modification@2"
-        },
-        {
-          "command": "amicode.workspace.copyPath",
-          "when": "view == amicode.workspace",
-          "group": "9_cutcopypaste@1"
-        },
-        {
-          "command": "amicode.workspace.copyRelativePath",
-          "when": "view == amicode.workspace",
-          "group": "9_cutcopypaste@2"
-        },
-        {
-          "command": "amicode.workspace.revealInOS",
-          "when": "view == amicode.workspace",
-          "group": "9_cutcopypaste@3"
-        },
-        {
-          "command": "amicode.workspace.openInTerminal",
-          "when": "view == amicode.workspace && viewItem =~ /workspaceFolder|workspaceRoot/",
-          "group": "9_cutcopypaste@4"
-        },
-        {
-          "command": "amicode.workspace.removeFromWorkspace",
-          "when": "view == amicode.workspace && viewItem == workspaceRoot",
-          "group": "10_workspace@1"
-        }
-      ]
+      "view/title": [],
+      "view/item/context": []
     }
   },
   "scripts": {