echoes-vault-opencode 1.0.14 → 1.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "echoes-vault-opencode",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "EchoesVault — persistent memory plugin for OpenCode. Obsidian-style knowledge base with daily logs, encyclopedia pages, and session resumption.",
   "type": "module",
   "main": "index.ts",

package/tui.ts

@@ -1,5 +1,30 @@
+import { createElement, spread } from "@opentui/solid"
 import type { TuiPlugin } from "@opencode-ai/plugin/tui"
 
+function h(tag: string, props: Record<string, any> = {}, children: any[] = []) {
+  const el = createElement(tag)
+  spread(el, props)
+  for (const child of children) {
+    if (child != null && child !== false) el.add(child)
+  }
+  return el
+}
+
+function t(content: string, props: Record<string, any> = {}) {
+  const el = createElement("text")
+  el.content = content
+  spread(el, props)
+  return el
+}
+
+function box(props: Record<string, any> = {}, ...children: any[]) {
+  return h("box", props, children.flat())
+}
+
+function text(content: string, props: Record<string, any> = {}) {
+  return t(content, props)
+}
+
 const tui: TuiPlugin = async (api) => {
   const KV = "echoes_vault"
 
@@ -42,22 +67,23 @@ const tui: TuiPlugin = async (api) => {
         const sessionInfo = session_id ? api.state.session.get(session_id) : undefined
         const title = sessionInfo?.title ?? "—"
         const count = vault.pagesCount
+        const statusLine = vault.sessionActive ? `Session: ${title}` : "Idle"
+        const pagesLine = count > 0 ? ` · ${count} pages` : ""
 
-        return (
-          <box flexDirection="column">
-            <box border="all" borderStyle="single" paddingX={1} paddingY={0}>
-              <text bold>EchoesVault</text>
-            </box>
-            <box paddingX={1}>
-              <text dim>
-                {vault.sessionActive ? `Session: ${title}` : "Idle"}
-                {count > 0 ? ` · ${count} pages` : ""}
-              </text>
-            </box>
-            <box paddingX={1} paddingY={0}>
-              <text dim>/echoes-init  /echoes-start  /echoes-end  /echoes-status</text>
-            </box>
-          </box>
+        return box(
+          { flexDirection: "column" },
+          box(
+            { border: "all" as any, borderStyle: "single" as any, paddingX: 1, paddingY: 0 },
+            text("EchoesVault"),
+          ),
+          box(
+            { paddingX: 1 },
+            text(`${statusLine}${pagesLine}`, { dim: true }),
+          ),
+          box(
+            { paddingX: 1, paddingY: 0 },
+            text("/echoes-init  /echoes-start  /echoes-end  /echoes-status", { dim: true }),
+          ),
         )
       },
     })