@thoth-agents/pi-thoth-theme 0.3.0 → 0.4.0

package/README.md

@@ -37,8 +37,10 @@ of the module toggles below.
   drop speed, then cache, then tokens before truncating cost. Editor-border
   metadata is decorated in place without claiming the custom editor slot.
 - **Tools**: boxed calls and results for `read`, `bash`, `powershell`, `ls`,
-  `grep`, `find`, `edit` and `write`, with Nerd Font icons, native Unicode
-  glyphs or ASCII alternatives. `bash` and `powershell` show a live elapsed time
+  `grep`, `find`, `edit`, `write` and `codemode`, with Nerd Font icons, native Unicode
+  glyphs or ASCII alternatives. `codemode` previews up to eight nested calls
+  with status and duration; expanded results show the script, output and errors
+  without replacing Pi's builtin codemode extension. `bash` and `powershell` show a live elapsed time
   while running. Execution and parameters delegate to Pi's built-in tools;
   Pi's native output toggle still
   collapses and expands results. Registered non-built-in tools keep their own

package/dist/index.ts

@@ -54,6 +54,15 @@ function getToolElapsedMs(options) {
     state.completedElapsedMs = elapsedMs;
   return elapsedMs;
 }
+function renderToolFooter(kit, theme, options) {
+  if (kit?.toolFooter) return kit.toolFooter(theme, options);
+  const elapsedMs = getToolElapsedMs(options);
+  const elapsed = elapsedMs === void 0 ? "" : formatDuration(Math.floor(elapsedMs / 1e3) * 1e3);
+  const terminalGlyph = terminalFooterGlyphs[options.status];
+  const status = terminalGlyph ?? (options.status === "in_progress" ? "running" : options.status);
+  const summary = typeof options.summary === "string" ? [options.summary] : options.summary ?? [];
+  return [status, elapsed, ...terminalGlyph ? summary : []].filter(Boolean).join(" \xB7 ");
+}
 function registration() {
   try {
     const record = shared[registryKey];
@@ -71,6 +80,41 @@ function registerRenderKit(kit, owner) {
 function withdrawRenderKit(token) {
   if (registration()?.token === token) delete shared[registryKey];
 }
+function getRenderKit() {
+  try {
+    const kit = registration()?.kit;
+    if (kit?.version === RENDER_KIT_VERSION && (!("resolveToolRenderers" in kit) || typeof kit.resolveToolRenderers === "function") && (!("toolFooter" in kit) || typeof kit.toolFooter === "function") && (!("icon" in kit) || typeof kit.icon === "function") && [
+      "card",
+      "collapse",
+      "cachedComponent",
+      "indicator",
+      "statusGlyph",
+      "widgetHeading",
+      "treeRow",
+      "fg"
+    ].every(
+      (method2) => typeof kit[method2] === "function"
+    ))
+      return kit;
+  } catch {
+  }
+  return void 0;
+}
+function createKitRenderMemo() {
+  let cached;
+  return {
+    render(width, build) {
+      const kit = getRenderKit();
+      if (!cached || cached.width !== width || cached.kit !== kit) {
+        cached = { width, kit, lines: build(kit) };
+      }
+      return cached.lines;
+    },
+    invalidate() {
+      cached = void 0;
+    }
+  };
+}
 var nativeFrames, terminalFooterGlyphs, RENDER_KIT_VERSION, registryKey, shared;
 var init_render_kit = __esm({
   "../pi-core/src/render-kit.ts"() {
@@ -2254,6 +2298,148 @@ function createCustomPowerShellTool(_cwd, config) {
   return createCustomShellTool(POWERSHELL_CONFIG, config);
 }
 
+// src/tools/codemode.ts
+var COLLAPSED_CALLS = 8;
+var RESULT_PRESENT = "codemodeResultPresent";
+var RESULT_BORDER = "codemodeResultBorder";
+var CALL_COMPONENT = "codemodeCallComponent";
+var CALL_STATUS = {
+  running: "running",
+  ok: "completed",
+  error: "failed",
+  cancelled: "cancelled"
+};
+function displayLines(text) {
+  return text.split("\n").map(escapeControlCharacters);
+}
+function scriptText(args) {
+  return args && typeof args === "object" && "code" in args && typeof args.code === "string" ? args.code : "(script unavailable)";
+}
+function displayCalls(details) {
+  if (!details || typeof details !== "object" || !("calls" in details) || !Array.isArray(details.calls))
+    return [];
+  return details.calls.flatMap((call) => {
+    if (!call || typeof call !== "object" || !("name" in call) || typeof call.name !== "string" || !("status" in call) || call.status !== "running" && call.status !== "ok" && call.status !== "error" && call.status !== "cancelled")
+      return [];
+    return [
+      {
+        name: call.name,
+        status: call.status,
+        durationMs: "durationMs" in call && typeof call.durationMs === "number" && Number.isFinite(call.durationMs) && call.durationMs >= 0 ? call.durationMs : void 0,
+        error: "error" in call && typeof call.error === "string" ? call.error : void 0
+      }
+    ];
+  });
+}
+function createCodemodeRenderer(config) {
+  const fallbackKit = createRenderKit({}, void 0, config.icons);
+  return {
+    renderShell: "self",
+    renderCall(_args, theme, context) {
+      if (context?.state) {
+        context.state[RESULT_PRESENT] = false;
+        context.state[RESULT_BORDER] = void 0;
+      }
+      const memo = createKitRenderMemo();
+      const component = {
+        invalidate: () => memo.invalidate(),
+        render(width) {
+          return memo.render(width, (registeredKit) => {
+            const kit = registeredKit ?? fallbackKit;
+            const hasResult = context?.state?.[RESULT_PRESENT] === true;
+            const status = context?.executionStarted ? "running" : "pending";
+            return kit.card(
+              theme,
+              {
+                title: theme.fg("toolTitle", "codemode"),
+                footer: hasResult ? "" : renderToolFooter(kit, theme, { status, context }),
+                part: hasResult ? "start" : "full",
+                ...context?.state?.[RESULT_BORDER]
+              },
+              width
+            );
+          });
+        }
+      };
+      if (context?.state) context.state[CALL_COMPONENT] = component;
+      return component;
+    },
+    renderResult(result, options, theme, context) {
+      const status = options.isPartial ? "running" : context?.isError ? "failed" : "completed";
+      const border = {
+        isError: status === "failed",
+        isSuccess: status === "completed" && context?.executionStarted !== false
+      };
+      if (context?.state) {
+        context.state[RESULT_PRESENT] = true;
+        context.state[RESULT_BORDER] = border;
+        context.state[CALL_COMPONENT]?.invalidate?.();
+      }
+      const calls = displayCalls(result.details);
+      const visibleCalls = options.expanded ? calls : calls.slice(0, COLLAPSED_CALLS);
+      const output = displayLines(getResultText(result) || "(no output)");
+      const errors = calls.flatMap(
+        (call) => call.error ? displayLines(`${call.name}: ${call.error}`).map(
+          (line) => theme.fg("error", line)
+        ) : []
+      );
+      const memo = createKitRenderMemo();
+      return {
+        invalidate: () => memo.invalidate(),
+        render(width) {
+          return memo.render(width, (registeredKit) => {
+            const kit = registeredKit ?? fallbackKit;
+            return kit.card(
+              theme,
+              {
+                part: context?.state?.[CALL_COMPONENT] ? "end" : "full",
+                title: theme.fg("toolTitle", "codemode"),
+                body: (bodyWidth) => {
+                  if (calls.length === 0) {
+                    return options.expanded ? [] : kit.collapse(theme, output, options);
+                  }
+                  const rows = visibleCalls.map((call, i) => {
+                    const duration = call.durationMs === void 0 ? "" : ` \xB7 ${formatDuration(call.durationMs)}`;
+                    return kit.treeRow(
+                      theme,
+                      {
+                        text: `${kit.statusGlyph(theme, CALL_STATUS[call.status])} ${escapeControlCharacters(call.name)}${duration}`,
+                        last: i === visibleCalls.length - 1
+                      },
+                      bodyWidth
+                    );
+                  });
+                  if (!options.expanded && calls.length > COLLAPSED_CALLS) {
+                    rows.push(
+                      theme.fg(
+                        "dim",
+                        `+${calls.length - COLLAPSED_CALLS} more \xB7 ctrl+o to expand`
+                      )
+                    );
+                  }
+                  return rows;
+                },
+                sections: options.expanded ? [
+                  {
+                    title: "Script",
+                    rows: displayLines(scriptText(context?.args))
+                  },
+                  { title: "Output", rows: output },
+                  ...errors.length ? [{ title: "Errors", rows: errors }] : []
+                ] : void 0,
+                wrap: options.expanded,
+                footer: renderToolFooter(kit, theme, { status, context }),
+                ...border
+              },
+              width
+            );
+          });
+        }
+      };
+    }
+  };
+}
+
 // src/tools/edit.ts
 var COLLAPSED_DIFF_LINES = 6;
 function parseDiffStats(diffText) {
@@ -3345,6 +3531,7 @@ function createCustomWriteTool(cwd, config) {
 // src/tools/index.ts
 function createToolRendererResolver(pi, config, cwd = process.cwd()) {
   const renderers = /* @__PURE__ */ new Map([
+    ["codemode", createCodemodeRenderer(config)],
     ["read", createCustomReadTool(cwd, config)],
     ["bash", createCustomBashTool(cwd, config)],
     ["powershell", createCustomPowerShellTool(cwd, config)],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thoth-agents/pi-thoth-theme",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "private": false,
   "description": "Modular Thoth theme, status line, tool styling, and welcome header for Pi.",
   "license": "MIT",