feat: session archive/unarchive GUI support (rebase of #15250)

package.json

@@ -12,7 +12,6 @@
     "dev:console": "ulimit -n 10240 2>/dev/null; bun run --cwd packages/console/app dev",
     "dev:storybook": "bun --cwd packages/storybook storybook",
     "typecheck": "bun turbo typecheck",
-    "postinstall": "bun run --cwd packages/opencode fix-node-pty",
     "prepare": "husky",
     "random": "echo 'Random script'",
     "hello": "echo 'Hello World!'",
@@ -26,9 +25,8 @@
       "packages/slack"
     ],
     "catalog": {
-      "@effect/platform-node": "4.0.0-beta.46",
+      "@effect/platform-node": "4.0.0-beta.35",
       "@types/bun": "1.3.11",
-      "@types/cross-spawn": "6.0.6",
       "@octokit/rest": "22.0.0",
       "@hono/zod-validator": "0.4.2",
       "ulid": "3.0.1",
@@ -47,16 +45,14 @@
       "dompurify": "3.3.1",
       "drizzle-kit": "1.0.0-beta.19-d95b7a4",
       "drizzle-orm": "1.0.0-beta.19-d95b7a4",
-      "effect": "4.0.0-beta.46",
-      "ai": "6.0.158",
-      "cross-spawn": "7.0.6",
+      "effect": "4.0.0-beta.35",
+      "ai": "5.0.124",
       "hono": "4.10.7",
       "hono-openapi": "1.1.2",
       "fuzzysort": "3.1.0",
       "luxon": "3.6.1",
       "marked": "17.0.1",
       "marked-shiki": "1.2.1",
-      "remend": "1.3.0",
       "@playwright/test": "1.51.0",
       "typescript": "5.8.2",
       "@typescript/native-preview": "7.0.0-dev.20251207.1",
@@ -71,8 +67,7 @@
       "@solidjs/router": "0.15.4",
       "@solidjs/start": "https://pkg.pr.new/@solidjs/start@dfb2020",
       "solid-js": "1.9.10",
-      "vite-plugin-solid": "2.11.10",
-      "@lydell/node-pty": "1.2.0-beta.10"
+      "vite-plugin-solid": "2.11.10"
     }
   },
   "devDependencies": {
@@ -92,7 +87,6 @@
     "@opencode-ai/plugin": "workspace:*",
     "@opencode-ai/script": "workspace:*",
     "@opencode-ai/sdk": "workspace:*",
-    "heap-snapshot-toolkit": "1.1.3",
     "typescript": "catalog:"
   },
   "repository": {
@@ -106,11 +100,9 @@
   },
   "trustedDependencies": [
     "esbuild",
-    "node-pty",
     "protobufjs",
     "tree-sitter",
     "tree-sitter-bash",
-    "tree-sitter-powershell",
     "web-tree-sitter",
     "electron"
   ],
@@ -120,6 +112,8 @@
   },
   "patchedDependencies": {
     "@standard-community/standard-openapi@0.2.9": "patches/@standard-community%2Fstandard-openapi@0.2.9.patch",
+    "@openrouter/ai-sdk-provider@1.5.4": "patches/@openrouter%2Fai-sdk-provider@1.5.4.patch",
+    "@ai-sdk/xai@2.0.51": "patches/@ai-sdk%2Fxai@2.0.51.patch",
     "solid-js@1.9.10": "patches/solid-js@1.9.10.patch"
   }
 }

packages/app/src/components/dialog-settings.tsx

@@ -8,6 +8,7 @@ import { SettingsGeneral } from "./settings-general"
 import { SettingsKeybinds } from "./settings-keybinds"
 import { SettingsProviders } from "./settings-providers"
 import { SettingsModels } from "./settings-models"
+import { SettingsArchive } from "./settings-archive"
 
 export const DialogSettings: Component = () => {
   const language = useLanguage()
@@ -47,6 +48,16 @@ export const DialogSettings: Component = () => {
                     </Tabs.Trigger>
                   </div>
                 </div>
+
+                <div class="flex flex-col gap-1.5">
+                  <Tabs.SectionTitle>{language.t("settings.section.data")}</Tabs.SectionTitle>
+                  <div class="flex flex-col gap-1.5 w-full">
+                    <Tabs.Trigger value="archive">
+                      <Icon name="archive" />
+                      {language.t("settings.archive.title")}
+                    </Tabs.Trigger>
+                  </div>
+                </div>
               </div>
             </div>
             <div class="flex flex-col gap-1 pl-1 py-1 text-12-medium text-text-weak">
@@ -67,6 +78,9 @@ export const DialogSettings: Component = () => {
         <Tabs.Content value="models" class="no-scrollbar">
           <SettingsModels />
         </Tabs.Content>
+        <Tabs.Content value="archive" class="no-scrollbar">
+          <SettingsArchive />
+        </Tabs.Content>
       </Tabs>
     </Dialog>
   )

packages/app/src/components/settings-archive.tsx

@@ -0,0 +1,188 @@
+import { Button } from "@opencode-ai/ui/button"
+import { Icon } from "@opencode-ai/ui/icon"
+import { RadioGroup } from "@opencode-ai/ui/radio-group"
+import { getFilename } from "@opencode-ai/util/path"
+import { Component, For, Show, createMemo, createResource, createSignal } from "solid-js"
+import { useParams } from "@solidjs/router"
+import { useGlobalSDK } from "@/context/global-sdk"
+import { useGlobalSync } from "@/context/global-sync"
+import { useLanguage } from "@/context/language"
+import { useLayout } from "@/context/layout"
+import { getRelativeTime } from "@/utils/time"
+import { decode64 } from "@/utils/base64"
+import type { Session } from "@opencode-ai/sdk/v2/client"
+import { SessionSkeleton } from "@/pages/layout/sidebar-items"
+
+type FilterScope = "all" | "current"
+
+type ScopeOption = { value: FilterScope; label: "settings.archive.scope.all" | "settings.archive.scope.current" }
+
+const scopeOptions: ScopeOption[] = [
+  { value: "all", label: "settings.archive.scope.all" },
+  { value: "current", label: "settings.archive.scope.current" },
+]
+
+export const SettingsArchive: Component = () => {
+  const language = useLanguage()
+  const globalSDK = useGlobalSDK()
+  const globalSync = useGlobalSync()
+  const layout = useLayout()
+  const params = useParams()
+  const [removedIds, setRemovedIds] = createSignal<Set<string>>(new Set())
+
+  const projects = createMemo(() => globalSync.data.project)
+  const layoutProjects = createMemo(() => layout.projects.list())
+  const hasMultipleProjects = createMemo(() => projects().length > 1)
+  const homedir = createMemo(() => globalSync.data.path.home)
+
+  const defaultScope = () => (hasMultipleProjects() ? "current" : "all")
+  const [filterScope, setFilterScope] = createSignal<FilterScope>(defaultScope())
+
+  const currentDirectory = createMemo(() => decode64(params.dir) ?? "")
+
+  const currentProject = createMemo(() => {
+    const dir = currentDirectory()
+    if (!dir) return null
+    return layoutProjects().find((p) => p.worktree === dir || p.sandboxes?.includes(dir)) ?? null
+  })
+
+  const filteredProjects = createMemo(() => {
+    if (filterScope() === "current" && currentProject()) {
+      return [currentProject()!]
+    }
+    return layoutProjects()
+  })
+
+  const getSessionLabel = (session: Session) => {
+    const directory = session.directory
+    const home = homedir()
+    const path = home ? directory.replace(home, "~") : directory
+
+    if (filterScope() === "current" && currentProject()) {
+      const current = currentProject()
+      const kind =
+        current && directory === current.worktree
+          ? language.t("workspace.type.local")
+          : language.t("workspace.type.sandbox")
+      const [store] = globalSync.child(directory, { bootstrap: false })
+      const name = store.vcs?.branch ?? getFilename(directory)
+      return `${kind} : ${name || path}`
+    }
+
+    return path
+  }
+
+  const [archivedSessions] = createResource(
+    () => ({ scope: filterScope(), projects: filteredProjects() }),
+    async ({ projects }) => {
+      const allSessions: Session[] = []
+      for (const project of projects) {
+        const directories = [project.worktree, ...(project.sandboxes ?? [])]
+        for (const directory of directories) {
+          const result = await globalSDK.client.experimental.session.list({ directory, archived: true })
+          const sessions = result.data ?? []
+          for (const session of sessions) {
+            allSessions.push(session)
+          }
+        }
+      }
+      return allSessions.sort((a, b) => (b.time?.updated ?? 0) - (a.time?.updated ?? 0))
+    },
+    { initialValue: [] },
+  )
+
+  const displayedSessions = () => {
+    const sessions = archivedSessions() ?? []
+    const removed = removedIds()
+    return sessions.filter((s) => !removed.has(s.id))
+  }
+
+  const currentScopeOption = () => scopeOptions.find((o) => o.value === filterScope())
+
+  const unarchiveSession = async (session: Session) => {
+    setRemovedIds((prev) => new Set(prev).add(session.id))
+    await globalSDK.client.session.update({
+      directory: session.directory,
+      sessionID: session.id,
+      time: { archived: null as any },
+    })
+  }
+
+  const handleScopeChange = (option: ScopeOption | undefined) => {
+    if (!option) return
+    setRemovedIds(new Set<string>())
+    setFilterScope(option.value)
+  }
+
+  return (
+    <div class="flex flex-col h-full overflow-y-auto no-scrollbar px-4 pb-10 sm:px-10 sm:pb-10">
+      <div class="sticky top-0 z-10 bg-[linear-gradient(to_bottom,var(--surface-stronger-non-alpha)_calc(100%_-_24px),transparent)]">
+        <div class="flex flex-col gap-1 pt-6 pb-8 max-w-[720px]">
+          <h2 class="text-16-medium text-text-strong">{language.t("settings.archive.title")}</h2>
+          <p class="text-14-regular text-text-weak">{language.t("settings.archive.description")}</p>
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-4 max-w-[720px]">
+        <Show when={hasMultipleProjects()}>
+          <RadioGroup
+            options={scopeOptions}
+            current={currentScopeOption() ?? undefined}
+            value={(o) => o.value}
+            size="small"
+            label={(o) => language.t(o.label)}
+            onSelect={handleScopeChange}
+          />
+        </Show>
+        <Show
+          when={!archivedSessions.loading}
+          fallback={
+            <div class="min-h-[700px]">
+              <SessionSkeleton count={4} />
+            </div>
+          }
+        >
+          <Show
+            when={displayedSessions().length}
+            fallback={
+              <div class="min-h-[700px]">
+                <div class="text-14-regular text-text-weak">{language.t("settings.archive.none")}</div>
+              </div>
+            }
+          >
+            <div class="min-h-[700px] flex flex-col gap-2">
+              <For each={displayedSessions()}>
+                {(session) => (
+                  <div class="flex items-center justify-between gap-4 px-3 py-1 rounded-md hover:bg-surface-raised-base-hover">
+                    <div class="flex items-center gap-x-3 grow min-w-0">
+                      <div class="flex items-center gap-2 min-w-0">
+                        <span class="text-14-regular text-text-strong truncate">{session.title}</span>
+                        <span class="text-14-regular text-text-weak truncate">{getSessionLabel(session)}</span>
+                      </div>
+                    </div>
+                    <div class="flex items-center gap-4 shrink-0">
+                      <Show when={session.time?.updated}>
+                        {(updated) => (
+                          <span class="text-12-regular text-text-weak whitespace-nowrap">
+                            {getRelativeTime(new Date(updated()).toISOString(), language.t)}
+                          </span>
+                        )}
+                      </Show>
+                      <Button
+                        size="normal"
+                        variant="secondary"
+                        onClick={() => unarchiveSession(session)}
+                      >
+                        {language.t("common.unarchive")}
+                      </Button>
+                    </div>
+                  </div>
+                )}
+              </For>
+            </div>
+          </Show>
+        </Show>
+      </div>
+    </div>
+  )
+}