@dylanrussell/agent-router 2.0.0 → 2.0.2

package/dist/tui.d.ts

@@ -1,5 +1,41 @@
 import { Context } from '@opencode/plugin/tui/context';
 
+/**
+ * Snapshot + polling layer for the TUI sidebar.
+ *
+ * Polling (not fs.watch): agent-router writes state.json atomically via
+ * temp-file + rename, and Bun's fs.watch drops the rename-to-target event
+ * (verified: Bun 1.3.14 reports only the temp file, Node reports both), so a
+ * watcher filtered on "state.json" never fires inside opencode. A 1.5s poll
+ * of two tiny reads is the reliable alternative.
+ */
+
+interface ModelAssignment {
+    readonly model: string;
+    readonly variant?: string | null | undefined;
+}
+
+/**
+ * Pure view model for the sidebar — no opentui imports, fully unit-testable.
+ * `materialize` in render.ts turns these nodes into real opentui elements.
+ */
+
+interface SidebarTheme {
+    readonly text?: unknown;
+    readonly textMuted?: unknown;
+    readonly warning?: unknown;
+    readonly success?: unknown;
+}
+interface SidebarContext {
+    /** Active stack when the TUI booted — differing means a restart is due. */
+    readonly bootActive: string | null;
+    readonly theme?: SidebarTheme | undefined;
+    /** Only the agent/model from this sidebar's live session may be marked current. */
+    readonly current?: (ModelAssignment & {
+        readonly agent: string;
+    }) | undefined;
+}
+
 /**
  * Structural slice of opencode's TuiPluginApi.
  *
@@ -54,7 +90,7 @@ interface RouterTuiApi {
     readonly slots: {
         register(plugin: {
             order?: number;
-            slots: Record<string, () => unknown>;
+            slots: Record<string, (sessionID?: string) => unknown>;
         }): unknown;
     };
     readonly renderer: {
@@ -78,6 +114,7 @@ interface RouterTuiApi {
     readonly state?: {
         readonly provider?: unknown;
     };
+    readonly currentModel?: (sessionID: string) => SidebarContext["current"];
 }
 
 /**

package/dist/tui.js

@@ -15863,7 +15863,14 @@ function restartRequired(snapshot, ctx) {
   return snapshot.active !== ctx.bootActive;
 }
 function modelLabel(assignment) {
-  return `${assignment.model}${assignment.variant ? ` [${assignment.variant}]` : ""}`;
+  const variant = normalizeVariant(assignment.variant);
+  return `${assignment.model}${variant ? ` [${variant}]` : ""}`;
+}
+function normalizeVariant(variant) {
+  return variant && variant !== "default" ? variant : void 0;
+}
+function sameModel(a, b) {
+  return a.model === b.model && normalizeVariant(a.variant) === normalizeVariant(b.variant);
 }
 function buildSidebarNodes(snapshot, ctx) {
   const theme = ctx.theme ?? {};
@@ -15880,32 +15887,38 @@ function buildSidebarNodes(snapshot, ctx) {
       );
     }
   }
-  nodes.push(text("Current Stack", { fg: theme.text, attributes: TEXT_ATTR_BOLD, marginTop: 1 }));
+  nodes.push(
+    text(`Current Stack \xB7 ${snapshot.active ?? "(none)"}`, {
+      fg: theme.text,
+      attributes: TEXT_ATTR_BOLD,
+      marginTop: 1
+    })
+  );
   if (snapshot.agents.length === 0) {
     nodes.push(text("\u2022 (none)", { fg: theme.textMuted }));
   } else {
-    nodes.push(text("Configured routing", { fg: theme.textMuted }));
+    nodes.push(text("Precedence \u2193 \xB7 \u25CF current", { fg: theme.textMuted }));
     for (const assignment of snapshot.agents) {
+      const chain = [assignment, ...assignment.fallbacks ?? []];
+      const current = ctx.current?.agent === assignment.agent ? ctx.current : void 0;
+      const selected = current ? chain.findIndex((model) => sameModel(model, current)) : -1;
+      const modelRow = (model, active, external = false) => text(`${active ? "\u25CF " : "  "}${external ? "Current \xB7 " : ""}${modelLabel(model)}`, {
+        fg: active ? theme.success : theme.textMuted,
+        attributes: active ? TEXT_ATTR_BOLD : 0,
+        wrapMode: "char",
+        width: "100%"
+      });
       nodes.push({
         kind: "box",
-        props: { flexDirection: "column" },
+        props: { flexDirection: "column", marginTop: 1 },
         children: [
-          {
-            kind: "box",
-            props: { flexDirection: "row", gap: 1 },
-            children: [
-              text("\u2022", { flexShrink: 0, style: { fg: theme.success } }),
-              text(assignment.agent, { fg: theme.text, attributes: TEXT_ATTR_BOLD })
-            ]
-          },
+          text(assignment.agent, { fg: theme.text, attributes: TEXT_ATTR_BOLD }),
           {
             kind: "box",
             props: { flexDirection: "column", paddingLeft: 2 },
             children: [
-              text(`Primary \u2192 ${modelLabel(assignment)}`, { fg: theme.textMuted }),
-              ...(assignment.fallbacks ?? []).map(
-                (fallback, index) => text(`Fallback ${index + 1} \u2192 ${modelLabel(fallback)}`, { fg: theme.textMuted })
-              )
+              ...chain.map((model, index) => modelRow(model, index === selected)),
+              ...current && selected === -1 ? [modelRow(current, true, true)] : []
             ]
           }
         ]
@@ -16005,12 +16018,16 @@ var tui = async (api) => {
   if (!paths) return;
   let snapshot = await readStackSnapshot(paths);
   const bootActive = snapshot.active;
-  const viewContext = () => ({ bootActive, theme: api.theme?.current });
+  const viewContext = (sessionID) => ({
+    bootActive,
+    theme: api.theme?.current,
+    current: sessionID ? api.currentModel?.(sessionID) : void 0
+  });
   try {
     api.slots.register({
       order: SIDEBAR_ORDER,
       slots: {
-        sidebar_content: () => materialize(buildSidebarNodes(snapshot, viewContext()), solid)
+        sidebar_content: (sessionID) => materialize(buildSidebarNodes(snapshot, viewContext(sessionID)), solid)
       }
     });
     debugLog("slots.register ok");
@@ -16074,12 +16091,12 @@ var agentRouterTui = {
             cleanups.push(
               ctx.ui.slot({
                 append: "sidebar.content",
-                render: () => {
+                render: (input) => {
                   const node = solid.createElement("box");
                   solid.setProp(node, "flexDirection", "column");
                   solid.insert(node, () => {
                     void revision.value;
-                    return render();
+                    return render(input.sessionID);
                   });
                   return node;
                 }
@@ -16159,6 +16176,25 @@ var agentRouterTui = {
         )
       },
       lifecycle: { onDispose: (cleanup) => cleanups.push(cleanup) },
+      theme: {
+        get current() {
+          return {
+            text: ctx.theme.text.default,
+            textMuted: ctx.theme.text.subdued,
+            warning: ctx.theme.text.feedback.warning.default,
+            success: ctx.theme.text.feedback.success.default
+          };
+        }
+      },
+      currentModel: (sessionID) => {
+        const session = ctx.data.session.get(sessionID);
+        if (!session?.agent || !session.model) return void 0;
+        return {
+          agent: session.agent,
+          model: `${session.model.providerID}/${session.model.id}`,
+          variant: session.model.variant ?? null
+        };
+      },
       state: {
         get provider() {
           const models = ctx.data.location.model.list(ctx.location) ?? [];