feat: add session archive/unarchive support to TUI

Author: uriva

packages/opencode/src/cli/cmd/tui/app.tsx

@@ -703,6 +703,20 @@ function App() {
     }
   })
 
+  sdk.event.on(SessionApi.Event.Updated.type, (evt) => {
+    if (
+      route.data.type === "session" &&
+      route.data.sessionID === evt.properties.info.id &&
+      evt.properties.info.time.archived
+    ) {
+      route.navigate({ type: "home" })
+      toast.show({
+        variant: "info",
+        message: "The current session was archived",
+      })
+    }
+  })
+
   sdk.event.on(SessionApi.Event.Error.type, (evt) => {
     const error = evt.properties.error
     if (error && typeof error === "object" && error.name === "MessageAbortedError") return

packages/opencode/src/cli/cmd/tui/component/dialog-session-list.tsx

@@ -11,6 +11,7 @@ import { DialogSessionRename } from "./dialog-session-rename"
 import { useKV } from "../context/kv"
 import { createDebouncedSignal } from "../util/signal"
 import { Spinner } from "./spinner"
+import { Keybind } from "@/util/keybind"
 
 export function DialogSessionList() {
   const dialog = useDialog()
@@ -22,6 +23,7 @@ export function DialogSessionList() {
   const kv = useKV()
 
   const [toDelete, setToDelete] = createSignal<string>()
+  const [showArchived, setShowArchived] = createSignal(false)
   const [search, setSearch] = createDebouncedSignal("", 150)
 
   const [searchResults] = createResource(search, async (query) => {
@@ -37,7 +39,11 @@ export function DialogSessionList() {
   const options = createMemo(() => {
     const today = new Date().toDateString()
     return sessions()
-      .filter((x) => x.parentID === undefined)
+      .filter((x) => {
+        if (x.parentID !== undefined) return false
+        if (showArchived()) return !!x.time.archived
+        return !x.time.archived
+      })
       .toSorted((a, b) => b.time.updated - a.time.updated)
       .map((x) => {
         const date = new Date(x.time.updated)
@@ -65,7 +71,7 @@ export function DialogSessionList() {
 
   return (
     <DialogSelect
-      title="Sessions"
+      title={showArchived() ? "Archived Sessions" : "Sessions"}
       options={options()}
       skipFilter={true}
       current={currentSessionID()}
@@ -74,32 +80,75 @@ export function DialogSessionList() {
         setToDelete(undefined)
       }}
       onSelect={(option) => {
+        if (showArchived()) {
+          sdk.client.session.update({
+            sessionID: option.value,
+            time: { archived: 0 },
+          })
+          return
+        }
         route.navigate({
           type: "session",
           sessionID: option.value,
         })
         dialog.clear()
       }}
       keybind={[
+        ...(showArchived()
+          ? []
+          : [
+              {
+                keybind: keybind.all.session_delete?.[0],
+                title: "delete",
+                onTrigger: async (option: { value: string }) => {
+                  if (toDelete() === option.value) {
+                    sdk.client.session.delete({
+                      sessionID: option.value,
+                    })
+                    setToDelete(undefined)
+                    return
+                  }
+                  setToDelete(option.value)
+                },
+              },
+              {
+                keybind: keybind.all.session_archive?.[0],
+                title: "archive",
+                onTrigger: async (option: { value: string }) => {
+                  sdk.client.session.update({
+                    sessionID: option.value,
+                    time: { archived: Date.now() },
+                  })
+                },
+              },
+              {
+                keybind: keybind.all.session_rename?.[0],
+                title: "rename",
+                onTrigger: async (option: { value: string }) => {
+                  dialog.replace(() => <DialogSessionRename session={option.value} />)
+                },
+              },
+            ]),
+        ...(showArchived()
+          ? [
+              {
+                keybind: keybind.all.session_archive?.[0],
+                title: "unarchive",
+                onTrigger: async (option: { value: string }) => {
+                  sdk.client.session.update({
+                    sessionID: option.value,
+                    time: { archived: 0 },
+                  })
+                },
+              },
+            ]
+          : []),
         {
-          keybind: keybind.all.session_delete?.[0],
-          title: "delete",
-          onTrigger: async (option) => {
-            if (toDelete() === option.value) {
-              sdk.client.session.delete({
-                sessionID: option.value,
-              })
-              setToDelete(undefined)
-              return
-            }
-            setToDelete(option.value)
-          },
-        },
-        {
-          keybind: keybind.all.session_rename?.[0],
-          title: "rename",
-          onTrigger: async (option) => {
-            dialog.replace(() => <DialogSessionRename session={option.value} />)
+          keybind: Keybind.parse("tab")[0],
+          title: showArchived() ? "active" : "archived",
+          onTrigger: async () => {
+            setShowArchived((prev) => !prev)
+            setToDelete(undefined)
           },
         },
       ]}

packages/opencode/src/cli/cmd/tui/routes/session/index.tsx

@@ -460,6 +460,25 @@ export function Session() {
         dialog.clear()
       },
     },
+    {
+      title: "Archive session",
+      value: "session.archive",
+      keybind: "session_archive",
+      category: "Session",
+      slash: {
+        name: "archive",
+      },
+      onSelect: async (dialog) => {
+        await sdk.client.session
+          .update({
+            sessionID: route.sessionID,
+            time: { archived: Date.now() },
+          })
+          .then(() => toast.show({ message: "Session archived", variant: "success" }))
+          .catch(() => toast.show({ message: "Failed to archive session", variant: "error" }))
+        dialog.clear()
+      },
+    },
     {
       title: "Undo previous message",
       value: "session.undo",

packages/opencode/src/config/config.ts

@@ -768,6 +768,7 @@ export namespace Config {
       session_fork: z.string().optional().default("none").describe("Fork session from message"),
       session_rename: z.string().optional().default("ctrl+r").describe("Rename session"),
       session_delete: z.string().optional().default("ctrl+d").describe("Delete session"),
+      session_archive: z.string().optional().default("none").describe("Archive session"),
       stash_delete: z.string().optional().default("ctrl+d").describe("Delete stash entry"),
       model_provider_list: z.string().optional().default("ctrl+a").describe("Open provider list from model dialog"),
       model_favorite_toggle: z.string().optional().default("ctrl+f").describe("Toggle model favorite status"),