@log0u7/opencode-mesh 0.6.0 → 0.7.1

package/CHANGELOG.md

@@ -5,6 +5,27 @@ All notable changes to this project are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.7.1] - 2026-11-07
+
+### Fixed
+
+- The TUI no longer crashes on hosts whose storage layer rejects scoped npm
+  plugin ids (`TypeError: Invalid storage segment`, anomalyco/opencode#62634).
+  The sidebar falls back to in-memory collapse state: functional, but not
+  persisted across TUI restarts until the host-side fix lands.
+
+## [0.7.0] - 2026-11-06
+
+### Added
+
+- Themed mesh sidebar: bold header and muted peer lines using the active
+  theme's text colors.
+- Sidebar collapse: the `/mesh` toggle keybind persists its state in durable
+  storage, so the collapsed sidebar survives TUI restarts.
+- Event refresh: the sidebar refreshes immediately (debounced) on server
+  events, with the 15s polling as fallback.
+- `/mesh` now opens a dialog with the full snapshot instead of a toast.
+
 ## [0.6.0] - 2026-11-06
 
 ### Added

package/dist/rpc.d.ts

@@ -25,6 +25,8 @@ export type SnapshotInput = {
 export declare function snapshotFromMesh(data: SnapshotInput): MeshSnapshot;
 /** Sidebar lines: the node, one line per paired peer, the active lock count. */
 export declare function formatMeshLines(s: MeshSnapshot): string[];
+/** Collapsible sidebar: when collapsed, one header line with the peer count (plus locks). */
+export declare function formatMeshSidebar(s: MeshSnapshot, collapsed: boolean): string[];
 export declare const MeshRpc: {
     readonly id: "mesh";
     readonly methods: {

package/dist/rpc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rpc.d.ts","sourceRoot":"","sources":["../src/rpc.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,KAAK,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,0FAA0F;AAC1F,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,KAAK,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7E,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,YAAY,CASlE;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,EAAE,CAczD;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}
+{"version":3,"file":"rpc.d.ts","sourceRoot":"","sources":["../src/rpc.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,sEAAsE;IACtE,KAAK,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,0FAA0F;AAC1F,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,KAAK,EAAE,aAAa,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7E,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,YAAY,CASlE;AAED,gFAAgF;AAChF,wBAAgB,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,EAAE,CAczD;AAED,6FAA6F;AAC7F,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,CAU/E;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BlB,CAAC"}

package/dist/rpc.js

@@ -26,6 +26,18 @@ export function formatMeshLines(s) {
     }
     return lines;
 }
+/** Collapsible sidebar: when collapsed, one header line with the peer count (plus locks). */
+export function formatMeshSidebar(s, collapsed) {
+    if (!collapsed) {
+        return formatMeshLines(s);
+    }
+    const self = s.hostname.length > 0 ? s.hostname : s.node_id;
+    const lines = [`mesh: ${self} (${s.peers.length} peers)`];
+    if (s.active_locks > 0) {
+        lines.push(`${s.active_locks} active lock(s)`);
+    }
+    return lines;
+}
 export const MeshRpc = Rpc.define({
     id: "mesh",
     methods: {

package/dist/rpc.js.map

@@ -1 +1 @@
-{"version":3,"file":"rpc.js","sourceRoot":"","sources":["../src/rpc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAsB3C,MAAM,UAAU,gBAAgB,CAAC,IAAmB;IAClD,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;QAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ;QAChC,KAAK,EAAE,IAAI,CAAC,KAAK;aACd,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;aACvB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC7D,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;KAChC,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,eAAe,CAAC,CAAe;IAC7C,MAAM,IAAI,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,MAAM,KAAK,GAAG,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAChC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAChC,CAAC;SAAM,CAAC;QACN,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;YAC3B,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IACD,IAAI,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC;QACvB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,YAAY,iBAAiB,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC;IAChC,EAAE,EAAE,MAAM;IACV,OAAO,EAAE;QACP,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,oBAAoB,EAAE,KAAK,EAAE;YACtE,MAAM,EAAE;gBACN,IAAI,EAAE,QAAQ;gBACd,UAAU,EAAE;oBACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE;oBAC1D,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,sBAAsB,EAAE;oBACjE,KAAK,EAAE;wBACL,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE;4BACL,IAAI,EAAE,QAAQ;4BACd,UAAU,EAAE;gCACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gCAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;6BAC7B;4BACD,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;4BACjC,oBAAoB,EAAE,KAAK;yBAC5B;wBACD,WAAW,EAAE,cAAc;qBAC5B;oBACD,YAAY,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,yBAAyB,EAAE;iBACzE;gBACD,QAAQ,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,CAAC;gBAC1D,oBAAoB,EAAE,KAAK;aAC5B;SACF;KACF;IACD,MAAM,EAAE,EAAE;CACX,CAAC,CAAC"}
+{"version":3,"file":"rpc.js","sourceRoot":"","sources":["../src/rpc.ts"],"names":[],"mappings":"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"}

package/dist/sidebar-state.d.ts

@@ -0,0 +1,17 @@
+import { Plugin } from "@opencode/plugin/tui";
+type SidebarState = {
+    collapsed: boolean;
+};
+/** Collapse state for the mesh sidebar: durable via the host's TUI storage when
+ * available, in-memory fallback when it is not. The host composes storage keys
+ * as `plugin.<id>.<key>` and its segment() validation rejects scoped npm ids
+ * (`@scope/name.tui`), so `storage.store()` throws on first use for any plugin
+ * installed from a scoped package (anomalyco/opencode#62634). The upstream fix
+ * removes the throw; until then the fallback keeps the sidebar functional, at
+ * the cost of not persisting the collapse state across TUI restarts.
+ * Returns the same `[store, mutate]` shape as `storage.store` either way. */
+export declare function createSidebarState(storage: Plugin.Context["storage"]): readonly [{
+    readonly collapsed: boolean;
+}, (mutation: (draft: SidebarState) => void) => Promise<void>];
+export {};
+//# sourceMappingURL=sidebar-state.d.ts.map

package/dist/sidebar-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-state.d.ts","sourceRoot":"","sources":["../src/sidebar-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,KAAK,YAAY,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3C;;;;;;;6EAO6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;wBAYzC,OAAO;cAClB,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,EAG/D"}

package/dist/sidebar-state.js

@@ -0,0 +1,26 @@
+import { Plugin } from "@opencode/plugin/tui";
+import { createStore, produce } from "solid-js/store";
+/** Collapse state for the mesh sidebar: durable via the host's TUI storage when
+ * available, in-memory fallback when it is not. The host composes storage keys
+ * as `plugin.<id>.<key>` and its segment() validation rejects scoped npm ids
+ * (`@scope/name.tui`), so `storage.store()` throws on first use for any plugin
+ * installed from a scoped package (anomalyco/opencode#62634). The upstream fix
+ * removes the throw; until then the fallback keeps the sidebar functional, at
+ * the cost of not persisting the collapse state across TUI restarts.
+ * Returns the same `[store, mutate]` shape as `storage.store` either way. */
+export function createSidebarState(storage) {
+    try {
+        return storage.store("mesh-sidebar", { initial: { collapsed: false } });
+    }
+    catch {
+        const [store, setStore] = createStore({ collapsed: false });
+        return [
+            store,
+            (mutation) => {
+                setStore(produce(mutation));
+                return Promise.resolve();
+            },
+        ];
+    }
+}
+//# sourceMappingURL=sidebar-state.js.map

package/dist/sidebar-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-state.js","sourceRoot":"","sources":["../src/sidebar-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAItD;;;;;;;6EAO6E;AAC7E,MAAM,UAAU,kBAAkB,CAAC,OAAkC;IACnE,IAAI,CAAC;QACH,OAAO,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1E,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAe,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1E,OAAO;YACL,KAAK;YACL,CAAC,QAAuC,EAAE,EAAE;gBAC1C,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAC5B,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;YAC3B,CAAC;SAIF,CAAC;IACJ,CAAC;AACH,CAAC"}

package/dist/tui.js

@@ -1,3 +1,8 @@
+import { memo as _$memo } from "@opentui/solid";
+import { createTextNode as _$createTextNode } from "@opentui/solid";
+import { insertNode as _$insertNode } from "@opentui/solid";
+import { effect as _$effect } from "@opentui/solid";
+import { setProp as _$setProp } from "@opentui/solid";
 import { insert as _$insert } from "@opentui/solid";
 import { createElement as _$createElement } from "@opentui/solid";
 import { createComponent as _$createComponent } from "@opentui/solid";
@@ -5,72 +10,179 @@ import { createComponent as _$createComponent } from "@opentui/solid";
 
 import { Plugin } from "@opencode/plugin/tui";
 import { For, Show, createSignal } from "solid-js";
-import { MeshRpc, formatMeshLines } from "./rpc.js";
+import { MeshRpc, formatMeshSidebar } from "./rpc.js";
+import { createSidebarState } from "./sidebar-state.js";
 const REFRESH_MS = 15_000;
+/** quota-style event refresh: debounced immediate refresh after activity. */
+const EVENT_DEBOUNCE_MS = 150;
+function themedSidebar(theme, lines) {
+  return _$createComponent(Show, {
+    get when() {
+      return lines();
+    },
+    keyed: true,
+    children: current => (() => {
+      var _el$ = _$createElement("box");
+      _$insert(_el$, _$createComponent(For, {
+        each: current,
+        children: (line, index) => (() => {
+          var _el$2 = _$createElement("text");
+          _$setProp(_el$2, "wrapMode", "none");
+          _$insert(_el$2, line);
+          _$effect(_$p => _$setProp(_el$2, "fg", index() === 0 ? theme.text.base : theme.text.muted, _$p));
+          return _el$2;
+        })()
+      }));
+      return _el$;
+    })()
+  });
+}
+function dialogBody(theme, snapshot) {
+  const self = snapshot.hostname.length > 0 ? snapshot.hostname : snapshot.node_id;
+  const peers = snapshot.peers.map(p => p.hostname.length > 0 ? p.hostname : p.node_id);
+  return (() => {
+    var _el$3 = _$createElement("box"),
+      _el$4 = _$createElement("text"),
+      _el$5 = _$createElement("b"),
+      _el$7 = _$createElement("text"),
+      _el$8 = _$createTextNode(`Node: `),
+      _el$9 = _$createElement("text"),
+      _el$0 = _$createTextNode(`Paired peers: `),
+      _el$1 = _$createElement("text"),
+      _el$10 = _$createTextNode(`Active locks: `);
+    _$insertNode(_el$3, _el$4);
+    _$insertNode(_el$3, _el$7);
+    _$insertNode(_el$3, _el$9);
+    _$insertNode(_el$3, _el$1);
+    _$setProp(_el$3, "gap", 1);
+    _$setProp(_el$3, "paddingLeft", 2);
+    _$setProp(_el$3, "paddingRight", 2);
+    _$setProp(_el$3, "paddingBottom", 1);
+    _$insertNode(_el$4, _el$5);
+    _$insertNode(_el$5, _$createTextNode(`Mesh — coordination`));
+    _$insertNode(_el$7, _el$8);
+    _$insert(_el$7, self, null);
+    _$insertNode(_el$9, _el$0);
+    _$insert(_el$9, (() => {
+      var _c$ = _$memo(() => peers.length === 0);
+      return () => _c$() ? "none" : peers.join(", ");
+    })(), null);
+    _$insertNode(_el$1, _el$10);
+    _$insert(_el$1, () => snapshot.active_locks, null);
+    _$effect(_p$ => {
+      var _v$ = theme.text.base,
+        _v$2 = theme.text.muted,
+        _v$3 = theme.text.muted,
+        _v$4 = theme.text.muted;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$4, "fg", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$7, "fg", _v$2, _p$.t));
+      _v$3 !== _p$.a && (_p$.a = _$setProp(_el$9, "fg", _v$3, _p$.a));
+      _v$4 !== _p$.o && (_p$.o = _$setProp(_el$1, "fg", _v$4, _p$.o));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$3;
+  })();
+}
 export default Plugin.define({
   id: "@log0u7/opencode-mesh.tui",
   setup(context) {
+    const theme = context.theme;
     context.ui.toast.show({
       message: "opencode-mesh loaded",
       variant: "info",
       duration: 2000
     });
-    context.keymap.layer(() => ({
-      mode: "global",
-      commands: [{
-        id: "mesh.status",
-        title: "Mesh status",
-        group: "Mesh",
-        slash: {
-          name: "mesh"
-        },
-        palette: true,
-        run: async () => {
-          context.ui.toast.show({
-            title: "Mesh",
-            message: "Multi-session coordination available",
-            variant: "info"
-          });
-        }
-      }]
-    }));
+
+    // Durable collapse state when the host allows it (scoped plugin ids hit a
+    // host-side segment validation error — anomalyco/opencode#62634); in-memory
+    // fallback otherwise: sidebar works, collapse not persisted across restarts.
+    const [store, mutate] = createSidebarState(context.storage);
+    const [snapshot, setSnapshot] = createSignal(null);
+    const [lines, setLines] = createSignal(null);
 
     // Live sidebar: poll the server-side snapshot over RPC. On a v1 host (no
     // RPC) or while the server is unreachable, the slot stays hidden.
-    const [lines, setLines] = createSignal(null);
     const mesh = context.client.rpc(MeshRpc);
     const refresh = async () => {
       try {
         const snap = await mesh.snapshot({});
-        setLines(formatMeshLines(snap));
+        setSnapshot(snap);
+        setLines(formatMeshSidebar(snap, store.collapsed));
       } catch {
         setLines(null);
       }
     };
     void refresh();
     const timer = setInterval(() => void refresh(), REFRESH_MS);
+
+    // quota-style event refresh: debounced immediate refresh after activity.
+    let debounce;
+    const schedule = () => {
+      if (debounce) clearTimeout(debounce);
+      debounce = setTimeout(() => void refresh(), EVENT_DEBOUNCE_MS);
+    };
+    // context.client.event is an AsyncIterable of V2Event, not an EventEmitter.
+    const events = context.client.event.subscribe();
+    void (async () => {
+      try {
+        for await (const _event of events) {
+          schedule();
+        }
+      } catch {
+        // stream ended or errored: polling fallback stays active.
+      }
+    })();
     const unregister = context.ui.slot({
       append: "sidebar.content",
-      render: () => _$createComponent(Show, {
-        get when() {
-          return lines();
-        },
-        keyed: true,
-        children: current => (() => {
-          var _el$ = _$createElement("box");
-          _$insert(_el$, _$createComponent(For, {
-            each: current,
-            children: line => (() => {
-              var _el$2 = _$createElement("text");
-              _$insert(_el$2, line);
-              return _el$2;
-            })()
-          }));
-          return _el$;
-        })()
-      })
+      render: () => themedSidebar(theme, lines)
     });
+
+    // Keymap layers are disposed with the plugin; no manual disposer here.
+    context.keymap.layer(() => ({
+      mode: "global",
+      commands: [{
+        id: "mesh.status",
+        title: "Mesh status",
+        group: "Mesh",
+        slash: {
+          name: "mesh"
+        },
+        palette: true,
+        run: async () => {
+          await refresh();
+          const current = snapshot();
+          if (!current) {
+            context.ui.toast.show({
+              title: "Mesh",
+              message: "Server unreachable",
+              variant: "info"
+            });
+            return;
+          }
+          context.ui.dialog.show(() => dialogBody(theme, current));
+          context.ui.dialog.set({
+            size: "medium"
+          });
+        }
+      }, {
+        id: "mesh.toggleSidebar",
+        title: "Toggle mesh sidebar",
+        group: "Mesh",
+        run: async () => {
+          await mutate(draft => {
+            draft.collapsed = !draft.collapsed;
+          });
+          void refresh();
+        }
+      }]
+    }));
     return () => {
+      clearTimeout(debounce);
       clearInterval(timer);
       unregister();
     };

package/dist/tui.tsx

@@ -1,44 +1,75 @@
 /** @jsxImportSource @opentui/solid */
 
 import { Plugin } from "@opencode/plugin/tui";
+import type { JSX } from "@opentui/solid";
 import { For, Show, createSignal } from "solid-js";
-import { MeshRpc, formatMeshLines, type MeshSnapshot } from "./rpc.js";
+
+type Context = Plugin.Context;
+type Theme = Context["theme"];
+
+import { MeshRpc, formatMeshSidebar, type MeshSnapshot } from "./rpc.js";
+import { createSidebarState } from "./sidebar-state.js";
 
 const REFRESH_MS = 15_000;
+/** quota-style event refresh: debounced immediate refresh after activity. */
+const EVENT_DEBOUNCE_MS = 150;
+
+function themedSidebar(theme: Theme, lines: () => string[] | null): JSX.Element {
+  return (
+    <Show when={lines()} keyed>
+      {(current) => (
+        <box>
+          <For each={current}>
+            {(line, index) => (
+              <text fg={index() === 0 ? theme.text.base : theme.text.muted} wrapMode="none">
+                {line}
+              </text>
+            )}
+          </For>
+        </box>
+      )}
+    </Show>
+  );
+}
+
+function dialogBody(theme: Theme, snapshot: MeshSnapshot): JSX.Element {
+  const self = snapshot.hostname.length > 0 ? snapshot.hostname : snapshot.node_id;
+  const peers = snapshot.peers.map((p) => (p.hostname.length > 0 ? p.hostname : p.node_id));
+  return (
+    <box gap={1} paddingLeft={2} paddingRight={2} paddingBottom={1}>
+      <text fg={theme.text.base}>
+        <b>Mesh — coordination</b>
+      </text>
+      <text fg={theme.text.muted}>Node: {self}</text>
+      <text fg={theme.text.muted}>
+        Paired peers: {peers.length === 0 ? "none" : peers.join(", ")}
+      </text>
+      <text fg={theme.text.muted}>Active locks: {snapshot.active_locks}</text>
+    </box>
+  );
+}
 
 export default Plugin.define({
   id: "@log0u7/opencode-mesh.tui",
-  setup(context) {
+  setup(context: Context) {
+    const theme = context.theme;
     context.ui.toast.show({ message: "opencode-mesh loaded", variant: "info", duration: 2000 });
 
-    context.keymap.layer(() => ({
-      mode: "global",
-      commands: [
-        {
-          id: "mesh.status",
-          title: "Mesh status",
-          group: "Mesh",
-          slash: { name: "mesh" },
-          palette: true,
-          run: async () => {
-            context.ui.toast.show({
-              title: "Mesh",
-              message: "Multi-session coordination available",
-              variant: "info",
-            });
-          },
-        },
-      ],
-    }));
+    // Durable collapse state when the host allows it (scoped plugin ids hit a
+    // host-side segment validation error — anomalyco/opencode#62634); in-memory
+    // fallback otherwise: sidebar works, collapse not persisted across restarts.
+    const [store, mutate] = createSidebarState(context.storage);
+    const [snapshot, setSnapshot] = createSignal<MeshSnapshot | null>(null);
+    const [lines, setLines] = createSignal<string[] | null>(null);
 
     // Live sidebar: poll the server-side snapshot over RPC. On a v1 host (no
     // RPC) or while the server is unreachable, the slot stays hidden.
-    const [lines, setLines] = createSignal<string[] | null>(null);
     const mesh = context.client.rpc(MeshRpc);
     const refresh = async () => {
       try {
         const snap = (await mesh.snapshot({})) as MeshSnapshot;
-        setLines(formatMeshLines(snap));
+        setSnapshot(snap);
+        setLines(formatMeshSidebar(snap, store.collapsed));
       } catch {
         setLines(null);
       }
@@ -46,20 +77,70 @@ export default Plugin.define({
     void refresh();
     const timer = setInterval(() => void refresh(), REFRESH_MS);
 
+    // quota-style event refresh: debounced immediate refresh after activity.
+    let debounce: ReturnType<typeof setTimeout> | undefined;
+    const schedule = () => {
+      if (debounce) clearTimeout(debounce);
+      debounce = setTimeout(() => void refresh(), EVENT_DEBOUNCE_MS);
+    };
+    // context.client.event is an AsyncIterable of V2Event, not an EventEmitter.
+    const events = context.client.event.subscribe();
+    void (async () => {
+      try {
+        for await (const _event of events) {
+          schedule();
+        }
+      } catch {
+        // stream ended or errored: polling fallback stays active.
+      }
+    })();
+
     const unregister = context.ui.slot({
       append: "sidebar.content",
-      render: () => (
-        <Show when={lines()} keyed>
-          {(current) => (
-            <box>
-              <For each={current}>{(line) => <text>{line}</text>}</For>
-            </box>
-          )}
-        </Show>
-      ),
+      render: () => themedSidebar(theme, lines),
     });
 
+    // Keymap layers are disposed with the plugin; no manual disposer here.
+    context.keymap.layer(() => ({
+      mode: "global",
+      commands: [
+        {
+          id: "mesh.status",
+          title: "Mesh status",
+          group: "Mesh",
+          slash: { name: "mesh" },
+          palette: true,
+          run: async () => {
+            await refresh();
+            const current = snapshot();
+            if (!current) {
+              context.ui.toast.show({
+                title: "Mesh",
+                message: "Server unreachable",
+                variant: "info",
+              });
+              return;
+            }
+            context.ui.dialog.show(() => dialogBody(theme, current));
+            context.ui.dialog.set({ size: "medium" });
+          },
+        },
+        {
+          id: "mesh.toggleSidebar",
+          title: "Toggle mesh sidebar",
+          group: "Mesh",
+          run: async () => {
+            await mutate((draft) => {
+              draft.collapsed = !draft.collapsed;
+            });
+            void refresh();
+          },
+        },
+      ],
+    }));
+
     return () => {
+      clearTimeout(debounce);
       clearInterval(timer);
       unregister();
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@log0u7/opencode-mesh",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "description": "Multi-session coordination for OpenCode: session coordination on one machine and a peer pool across LAN or Tailscale, with pairing, mailbox, and worktree locks.",
   "type": "module",
   "license": "Apache-2.0",