@madsoftwaredev/opencode-chat-title 0.1.0 → 0.1.2

package/README.md

@@ -35,15 +35,15 @@ Do not also load the original local `plugins/chat-title` copy: it has the same
 
 ## Compatibility and limitations
 
-The supported development baseline is **OpenCode 2.0.27**, **OpenTUI 0.5.17**,
+The supported development baseline is **OpenCode 2.1.0**, **OpenTUI 0.6.6**,
 and **Solid 1.9.12**. This is not a guarantee that every later OpenCode layout
 will work. The package exports `./tui` only and runs in the OpenCode terminal,
 not in the web or desktop UI. Its Node `>=22` engine metadata does not make the
 TypeScript/TSX entrypoint a standalone Node program.
 
 OpenCode V2 publishes no slot above the transcript. This plugin uses the exposed
-OpenTUI renderer and Yoga layout tree, not a browser DOM, to insert the header
-into the session column that owns the `session.composer.top` slot.
+OpenTUI render tree and renderable style getters, not a browser DOM, to insert
+the header into the session column that owns the `session.composer.top` slot.
 
 Sidebar visibility is tracked through the documented `sidebar.content` slot,
 which mounts while the sidebar renders. Replacing that slot can interfere with
@@ -52,16 +52,17 @@ this visibility signal.
 The adapter matches the layout inspected in OpenCode 2.0.27: exactly three rows
 for the transcript (a box wrapping the scrollbox), the one-row "jump to latest"
 bar, and the composer branch containing the plugin anchor. Unrecognized layouts
-are left alone and reported with a warning toast. OpenCode updates or other
-plugins that change that tree may require an adapter update. No installed
+are left alone and reported with a warning toast. Errors during initial layout
+discovery also leave the transcript intact rather than crashing the composer
+slot. OpenCode updates or other plugins that change that tree may require an
+adapter update. No installed
 binaries or OpenCode source files are patched.
 
-The original local implementation records two host behaviors: `requestRender()`
-is needed for a newly inserted row to be measured, and renderables emit `resize`
-for Yoga layout changes (`resized` is a different root-only event). It also
-records that calling Yoga's `markDirty()` crashes the native renderer; this
-plugin does not call it. These are implementation dependencies, not public
-layout guarantees.
+Version 0.1.1 replaces the removed `getLayoutNode()` API with renderable style
+getters. The header requests a frame after insertion and uses `onSizeChange` to
+refit its text after native layout and terminal resizes. It never accesses or
+modifies a raw Yoga node. Host structure remains an implementation dependency,
+not a public layout guarantee.
 
 OpenCode supplies the UI runtime and rewrites host imports in `tui.tsx`.
 `header.ts` and `title.ts` deliberately avoid runtime imports of UI packages so
@@ -72,14 +73,15 @@ the adapter receives the host's own constructors.
 Install workspace dependencies once from the repository root, then run:
 
 ```sh
-bun test ./packages/chat-title
+bun run --cwd packages/chat-title test
 bun run --cwd packages/chat-title typecheck
 bun build ./packages/chat-title/tui.tsx --target=bun --external '@opencode/*' --external '@opentui/*' --external 'solid-js'
 ```
 
-Tests cover title fitting, render-tree rejection, header insertion, resizing,
-and disposal using fake renderables. They do not prove the actual OpenCode
-layout, sidebar visibility lifecycle, or persisted settings in a running TUI.
+Unit tests cover title fitting and render-tree matching. Headless OpenTUI 0.6.6
+integration tests cover rendering, title updates, narrow-terminal resizing,
+sidebar visibility, saved-toggle wiring, disposal, and safe layout rejection.
+They use the inspected host shape, not a live installed OpenCode release.
 The build command checks transpilation, not host integration. Development
 dependencies are not needed to load the plugin in OpenCode.
 

package/header.ts

@@ -18,16 +18,14 @@ export type YogaLayout = {
   getHeight(): YogaValue
 }
 
-export type Node = {
+export type Node = YogaLayout & {
   readonly isDestroyed: boolean
   readonly parent: Node | null
   readonly width: number
   getChildren(): Node[]
-  getLayoutNode(): YogaLayout
+  onSizeChange?: () => void
   add(child: unknown, index?: number): number
   destroy(): void
-  on(event: string, handler: () => void): void
-  off(event: string, handler: () => void): void
 }
 
 export type LabelNode = Node & { content: string }
@@ -67,20 +65,19 @@ function isColumn(node: Node, branch: Node, core: Core): boolean {
   if (!(children[0] instanceof core.BoxRenderable)) return false
   if (!(children[0].getChildren()[0] instanceof core.ScrollBoxRenderable)) return false
 
-  const jump = children[1].getLayoutNode()
+  const jump = children[1]
   const jumpHeight = jump.getHeight()
   if (jumpHeight.unit !== core.Yoga.Unit.Point || jumpHeight.value !== 1) return false
   if (jump.getFlexShrink() !== 0) return false
 
-  const layout = node.getLayoutNode()
-  const padding = layout.getPadding(core.Yoga.Edge.Bottom)
+  const padding = node.getPadding(core.Yoga.Edge.Bottom)
   if (padding.unit !== core.Yoga.Unit.Point || padding.value !== 1) return false
-  if (layout.getFlexGrow() !== 1) return false
+  if (node.getFlexGrow() !== 1) return false
 
   // The column sits beside the sidebar, so its own parent is a row.
   const parent = node.parent
   if (!parent) return false
-  return parent.getLayoutNode().getFlexDirection() === core.Yoga.FlexDirection.Row
+  return parent.getFlexDirection() === core.Yoga.FlexDirection.Row
 }
 
 /**
@@ -101,7 +98,13 @@ export function findSessionColumn(anchor: Node, core: Core): Node | undefined {
  * flexbox, so the header takes a row from the transcript instead of covering it.
  */
 export function attachHeader(options: AttachOptions): Attachment | undefined {
-  const column = findSessionColumn(options.anchor, options.core)
+  let column: Node | undefined
+  try {
+    column = findSessionColumn(options.anchor, options.core)
+  } catch (error) {
+    console.warn("[chat-title] Unsupported render tree; the chat title is hidden", error)
+    return undefined
+  }
   if (!column) return undefined
 
   const header = new options.core.BoxRenderable(options.renderer, {
@@ -121,8 +124,7 @@ export function attachHeader(options: AttachOptions): Attachment | undefined {
   })
   header.add(label)
   column.add(header, 0)
-  // add() marks the Yoga tree dirty and requests a frame, so the header is
-  // measured on the next pass and "resize" fires with a real width.
+  // Request a frame so native layout measures the row and invokes onSizeChange.
   options.renderer.requestRender?.()
 
   let disposed = false
@@ -138,8 +140,7 @@ export function attachHeader(options: AttachOptions): Attachment | undefined {
     label.content = next
   }
 
-  // "resize" is the event Renderable emits when Yoga gives it a new size.
-  header.on("resize", refresh)
+  header.onSizeChange = refresh
   refresh()
 
   return {
@@ -147,7 +148,7 @@ export function attachHeader(options: AttachOptions): Attachment | undefined {
     dispose() {
       if (disposed) return
       disposed = true
-      header.off("resize", refresh)
+      if (!header.isDestroyed) header.onSizeChange = undefined
       // The host detaches children without destroying them, so drop the label
       // first and then the row itself.
       if (!label.isDestroyed) label.destroy()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madsoftwaredev/opencode-chat-title",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "OpenCode V2 TUI plugin that shows the session title above the transcript while the sidebar is hidden.",
   "keywords": [
     "opencode",
@@ -35,19 +35,21 @@
     "node": ">=22"
   },
   "scripts": {
-    "test": "bun test",
+    "test": "bun test --preload @opentui/solid/preload",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@opencode/plugin": "^2.0.27"
+    "@opencode/plugin": "^2.1.0"
   },
   "peerDependencies": {
-    "@opentui/core": ">=0.5.17",
-    "@opentui/solid": ">=0.5.17",
+    "@opentui/core": ">=0.6.6",
+    "@opentui/solid": ">=0.6.6",
     "solid-js": ">=1.9.12"
   },
   "devDependencies": {
-    "@types/bun": "1.3.9",
+    "@opentui/core": "0.8.1",
+    "@opentui/solid": "0.8.1",
+    "@types/bun": "1.4.0",
     "typescript": "5.8.2"
   },
   "publishConfig": {