@@ -67,6 +78,9 @@ export const DialogSettings: Component = () => {
+
+
+
)
diff --git a/packages/app/src/components/settings-archive.tsx b/packages/app/src/components/settings-archive.tsx
new file mode 100644
index 00000000000..28ace7bad9b
--- /dev/null
+++ b/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
>(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(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())
+ setFilterScope(option.value)
+ }
+
+ return (
+
+ }
+ >
+
+
+ {(session) => (
+
+
+
+ {session.title}
+ {getSessionLabel(session)}
+
+
+
+
+ {(updated) => (
+
+ {getRelativeTime(new Date(updated()).toISOString(), language.t)}
+
+ )}
+
+
+
+
+