opencode-session-bar 1.1.1 → 1.1.3

package/index.tsx

@@ -1,14 +1,10 @@
 /** @jsxImportSource @opentui/solid */
-import { createResource, createSignal, For, Show, onMount, onCleanup } from "solid-js"
-import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@opencode-ai/plugin/tui"
-import type { KeyEvent } from "@opentui/core"
+import type { TuiPlugin, TuiPluginApi, TuiPluginModule } from "@opencode-ai/plugin/tui";
+import { createResource, createSignal, For, onCleanup, onMount, Show } from "solid-js";
 
 function View(props: { api: TuiPluginApi; sessionID: string }) {
   const theme = () => props.api.theme.current
   const [deleting, setDeleting] = createSignal<Set<string>>(new Set())
-  const [selectedIndex, setSelectedIndex] = createSignal(0)
-  const [listFocused, setListFocused] = createSignal(false)
-  const [boxRef, setBoxRef] = createSignal<any>()
 
   const [sessions, { refetch }] = createResource(async () => {
     const res = await props.api.client.session.list()
@@ -19,10 +15,6 @@ function View(props: { api: TuiPluginApi; sessionID: string }) {
     .slice()
     .sort((a, b) => b.time.updated - a.time.updated)
 
-  function trunc(s: string, n: number): string {
-    return s.length > n ? s.slice(0, n) + "…" : s
-  }
-
   async function handleSwitch(id: string) {
     props.api.route.navigate("session", { sessionID: id })
   }
@@ -30,7 +22,7 @@ function View(props: { api: TuiPluginApi; sessionID: string }) {
   async function handleDelete(id: string) {
     setDeleting(prev => new Set(prev).add(id))
     try {
-      await props.api.client.session.delete({ path: { id } })
+      await props.api.client.session.delete({ sessionID: id })
       refetch()
     } catch {
       props.api.ui.toast({ variant: "error", message: "Failed to delete session" })
@@ -39,72 +31,32 @@ function View(props: { api: TuiPluginApi; sessionID: string }) {
     }
   }
 
-  function handleKeyDown(e: KeyEvent) {
-    const list = sorted()
-    if (!list.length) return
-
-    if (e.name === "down" || e.name === "j") {
-      e.preventDefault()
-      setSelectedIndex(i => Math.min(i + 1, list.length - 1))
-    } else if (e.name === "up" || e.name === "k") {
-      e.preventDefault()
-      setSelectedIndex(i => Math.max(i - 1, 0))
-    } else if (e.name === "enter" || e.name === "space") {
-      e.preventDefault()
-      const s = list[selectedIndex()]
-      if (s && s.id !== props.sessionID) handleSwitch(s.id)
-    } else if (e.name === "escape") {
-      e.preventDefault()
-      setListFocused(false)
-      boxRef()?.blur()
-    }
-  }
-
-  function focusList() {
-    setListFocused(true)
-    boxRef()?.focus()
-    const list = sorted()
-    const idx = list.findIndex(s => s.id === props.sessionID)
-    if (idx >= 0) setSelectedIndex(idx)
-  }
-
-  onMount(() => {
-    const dispose = props.api.command?.register(() => [{
-      title: "Session Bar: Focus List",
-      value: "session-bar:focus",
-      category: "Session Bar",
-      keybind: "ctrl+s",
-      onSelect: focusList,
-    }])
-    onCleanup(() => dispose?.())
-  })
-
   return (
     <box>
-      <text fg={theme().text}>Sessions</text>
+      <text fg={theme().text}>
+        <strong>Latest sessions</strong>
+      </text>
       <Show when={sessions.loading}>
         <text fg={theme().textMuted}>loading...</text>
       </Show>
-      <box
-        ref={setBoxRef}
-        focusable
-        focused={listFocused()}
-        onKeyDown={handleKeyDown}
-      >
+      <box>
         <For each={sorted()}>
-          {(session, i) => {
-            const active = session.id === props.sessionID
+          {(session) => {
             const isDeleting = deleting().has(session.id)
-            const isSelected = listFocused() && selectedIndex() === i()
-            return (
-              <box flexDirection="row" justifyContent="space-between">
+  onMount(() => {
+    const unsub1 = props.api.event.on("session.updated", () => refetch())
+    const unsub2 = props.api.event.on("session.deleted", () => refetch())
+    const unsub3 = props.api.event.on("session.created", () => refetch())
+    onCleanup(() => { unsub1(); unsub2(); unsub3() })
+  })
+
+  return (
+              <box flexDirection="row" justifyContent="space-between" overflow="hidden">
                 <text
-                  fg={active ? theme().accent : theme().text}
-                  attributes={{ bold: active, inverse: isSelected }}
-                  wrapMode="none"
-                  onMouseDown={() => !active && handleSwitch(session.id)}
+                  fg={theme().textMuted}
+                  flexGrow={1}
                 >
-                  {active ? ">" : " "} {trunc(session.title, 30)}
+                  {session.title.slice(0, 30)}
                 </text>
                 <Show when={!isDeleting}>
                   <text

package/package.json

@@ -1,13 +1,22 @@
 {
   "name": "opencode-session-bar",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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"],
+  "files": [
+    "index.tsx",
+    "package.json",
+    "README.md"
+  ],
+  "keywords": [
+    "opencode",
+    "opencode-plugin",
+    "sidebar",
+    "sessions"
+  ],
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -21,5 +30,8 @@
     "@opentui/core": "^0.2.2",
     "@opentui/solid": "^0.2.2",
     "solid-js": "^1.9.12"
+  },
+  "devDependencies": {
+    "@types/node": "^25.9.1"
   }
 }