opencode-session-bar 1.0.0

package/README.md

@@ -0,0 +1,17 @@
+# opencode-session-bar
+
+OpenCode TUI sidebar plugin — list all sessions with quick switch and delete.
+
+## Install
+
+```bash
+opencode plugin add opencode-session-bar
+```
+
+Or add to `tui.json`:
+
+```json
+{
+  "plugin": ["opencode-session-bar"]
+}
+```

package/index.tsx

@@ -0,0 +1,88 @@
+/** @jsxImportSource @opentui/solid */
+import { createResource, createSignal, For, Show } from "solid-js"
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@opencode-ai/plugin/tui"
+
+function View(props: { api: TuiPluginApi; sessionID: string }) {
+  const theme = () => props.api.theme.current
+  const [deleting, setDeleting] = createSignal<Set<string>>(new Set())
+
+    const [sessions, { refetch }] = createResource(async () => {
+    const res = await props.api.client.session.list()
+    return (res.data ?? []) as Array<{ id: string; title: string; time: { created: number; updated: number } }>
+  })
+
+  async function handleSwitch(id: string) {
+    props.api.route.navigate("session", { sessionID: id })
+  }
+
+  async function handleDelete(id: string) {
+    setDeleting(prev => new Set(prev).add(id))
+    try {
+      await props.api.client.session.delete({ path: { id } })
+      refetch()
+    } catch {
+      props.api.ui.toast({ variant: "error", message: "Failed to delete session" })
+    } finally {
+      setDeleting(prev => { const next = new Set(prev); next.delete(id); return next })
+    }
+  }
+
+  const sorted = () => (sessions() ?? [])
+    .slice()
+    .sort((a, b) => b.time.updated - a.time.updated)
+
+  return (
+    <box>
+      <text fg={theme().text}>Sessions</text>
+      <Show when={sessions.loading}>
+        <text fg={theme().textMuted}>loading...</text>
+      </Show>
+      <For each={sorted()}>
+        {(session) => {
+          const active = session.id === props.sessionID
+          const isDeleting = deleting().has(session.id)
+          return (
+            <box flexDirection="row" gap={1}>
+              <text
+                fg={active ? theme().accent : theme().text}
+                attributes={{ bold: active }}
+                onMouseDown={() => !active && handleSwitch(session.id)}
+              >
+                {active ? ">" : " "} {session.title}
+              </text>
+              <Show when={!isDeleting}>
+                <text
+                  fg={theme().textMuted}
+                  onMouseDown={() => handleDelete(session.id)}
+                >
+                  [x]
+                </text>
+              </Show>
+              <Show when={isDeleting}>
+                <text fg={theme().textMuted}>...</text>
+              </Show>
+            </box>
+          )
+        }}
+      </For>
+    </box>
+  )
+}
+
+const tui: TuiPlugin = async (api) => {
+  api.slots.register({
+    order: 40,
+    slots: {
+      sidebar_content(_ctx, props) {
+        return <View api={api} sessionID={props.session_id} />
+      },
+    },
+  })
+}
+
+const plugin: TuiPluginModule & { id: string } = {
+  id: "opencode-session-bar",
+  tui,
+}
+
+export default plugin

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "opencode-session-bar",
+  "version": "1.0.0",
+  "description": "OpenCode TUI sidebar plugin — list all sessions with quick switch and delete",
+  "type": "module",
+  "exports": {
+    "./tui": "./index.tsx"
+  },
+  "files": ["index.tsx", "package.json", "README.md"],
+  "keywords": ["opencode", "opencode-plugin", "sidebar", "sessions"],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuritoledo/opencode-session-bar"
+  },
+  "engines": {
+    "opencode": ">=1.4.3"
+  },
+  "dependencies": {
+    "@opencode-ai/plugin": "^1.4.3",
+    "@opentui/core": "^0.2.2",
+    "@opentui/solid": "^0.2.2",
+    "solid-js": "^1.9.12"
+  }
+}