@luxass/pi-personal 0.1.0 → 0.1.1

package/README.md

@@ -10,6 +10,8 @@ pi install npm:@luxass/pi-personal
 
 ## What it does
 
-The package registers a `session_start` hook. When a session starts, Pi shows a notification confirming the extension loaded.
+The custom header pairs an ASCII terminal-robot mascot with the project, model, and current thinking level. A rounded frame, vertical padding, and a separate shortcut row give it room on wide terminals. Narrow panes use a compact layout and drop shortcut hints before truncating them. The thinking shortcut follows your Pi keybindings.
 
-That is the whole of it today. The package is a home for defaults that suit one workflow, and each addition is meant to be edited in place as that workflow changes rather than configured through settings.
+Run `/resources` to inspect detected context files, skill commands, and extensions. This list is inferred from files and registered commands/tools, not a complete inventory of loaded resources.
+
+The package also includes Crow provider support, compaction continuation, Git and package-manager interceptors, and a worker configuration guard. These defaults suit one workflow and are meant to be edited in place rather than configured through settings.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxass/pi-personal",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Personal Pi extensions collected in one package, tuned to a single workflow.",
   "keywords": [
     "personal",

package/src/custom-header.ts

@@ -4,11 +4,26 @@ import { basename, dirname, join, relative, resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 
 import type { ExtensionAPI, ExtensionContext, Theme } from "@earendil-works/pi-coding-agent";
-import { VERSION } from "@earendil-works/pi-coding-agent";
-import { Key, matchesKey, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { keyText, VERSION } from "@earendil-works/pi-coding-agent";
+import {
+  Key,
+  matchesKey,
+  truncateToWidth,
+  visibleWidth,
+  wrapTextWithAnsi,
+} from "@earendil-works/pi-tui";
 
-const HEADER_MAX_WIDTH = 72;
-const COMPACT_WIDTH = 44;
+const HEADER_MAX_WIDTH = 88;
+const LOGO_MIN_WIDTH = 64;
+const PI_MASCOT = [
+  "      o    ",
+  "      |    ",
+  "  .---+---.",
+  "  | o   o |",
+  "  |  \\_/  |",
+  "  '-------'",
+  "    /   \\  ",
+];
 
 type ResourceSnapshot = {
   context: string[];
@@ -21,34 +36,6 @@ function fit(text: string, width: number): string {
   return clipped + " ".repeat(Math.max(0, width - visibleWidth(clipped)));
 }
 
-function wrap(text: string, width: number): string[] {
-  if (width < 1) return [""];
-
-  const lines: string[] = [];
-  let line = "";
-  for (const word of text.split(/\s+/).filter(Boolean)) {
-    if (word.length > width) {
-      if (line) lines.push(line);
-      line = "";
-      for (let index = 0; index < word.length; index += width) {
-        lines.push(word.slice(index, index + width));
-      }
-      continue;
-    }
-
-    const next = line ? `${line} ${word}` : word;
-    if (next.length > width) {
-      lines.push(line);
-      line = word;
-    } else {
-      line = next;
-    }
-  }
-
-  if (line) lines.push(line);
-  return lines.length > 0 ? lines : [""];
-}
-
 function resourceName(path: string): string {
   const parts = path.replaceAll("\\", "/").split("/");
   const file = parts.at(-1) ?? path;
@@ -104,29 +91,112 @@ async function collectResources(
   };
 }
 
-function renderHeader(theme: Theme, width: number, project: string, model: string): string[] {
+interface HeaderOptions {
+  theme: Theme;
+  width: number;
+  project: string;
+  model: Pick<NonNullable<ExtensionContext["model"]>, "provider" | "id" | "reasoning"> | undefined;
+  thinking: ReturnType<ExtensionAPI["getThinkingLevel"]>;
+  thinkingKey: string;
+}
+
+export function renderHeader({
+  theme,
+  width,
+  project,
+  model,
+  thinking,
+  thinkingKey,
+}: HeaderOptions): string[] {
+  if (width < 1) return [""];
+
   const accent = (text: string) => theme.fg("accent", text);
-  const heading = (text: string) => theme.fg("mdHeading", theme.bold(text));
   const muted = (text: string) => theme.fg("muted", text);
   const dim = (text: string) => theme.fg("dim", text);
-  const title = `${accent("π")} ${heading("Pi")} ${dim(`v${VERSION}`)}`;
+  const expanded = width >= LOGO_MIN_WIDTH;
+  const border = (text: string) => theme.fg(expanded ? "borderMuted" : "borderAccent", text);
+  const version = dim(`v${VERSION}`);
+  const title = `${accent("π")} ${theme.bold("Pi")} ${version}`;
+  const indent = width >= 44 ? "  " : "";
+  const panelWidth = Math.min(expanded ? HEADER_MAX_WIDTH : 72, width - indent.length);
+  const boxed = width >= 24;
+  const contentWidth = boxed ? panelWidth - 4 : width;
+  const separator = dim(" · ");
+  const workspace = theme.bold(theme.fg("text", project));
+  const modelLabel = model
+    ? `${width >= 44 ? dim(`${model.provider}/`) : ""}${theme.fg("text", model.id)}`
+    : muted("model pending");
+  const thinkingLabel = model?.reasoning ? `${muted("thinking ")}${accent(thinking)}` : "";
+  const metadata = [modelLabel, thinkingLabel].filter(Boolean).join(separator);
+  const line = (text = "") => `${indent}${border("│")} ${fit(text, contentWidth)} ${border("│")}`;
 
-  if (width < COMPACT_WIDTH) {
-    return [fit(title, width), fit(muted("/ for commands · ! for shell"), width)];
+  const hints = [
+    `${accent("/")} ${muted("commands")}`,
+    `${accent("!")} ${muted("shell")}`,
+    ...(model?.reasoning && thinkingKey
+      ? [`${accent(thinkingKey === "shift+tab" ? "⇧Tab" : thinkingKey)} ${muted("thinking")}`]
+      : []),
+    accent("/resources"),
+  ];
+  // Drop complete hints, not half a shortcut. Keep /resources available longest.
+  const hintWidth = expanded ? contentWidth - 4 : contentWidth;
+  while (hints.length > 1 && visibleWidth(hints.join("   ")) > hintWidth) {
+    hints.splice(hints.length - 2, 1);
   }
 
-  const panelWidth = Math.min(HEADER_MAX_WIDTH, width - 4);
-  const contentWidth = panelWidth - 2;
-  const border = (text: string) => theme.fg("borderAccent", text);
-  const line = (text = "") => `│${fit(` ${text}`, contentWidth)}│`;
+  if (expanded) {
+    const logoWidth = Math.max(...PI_MASCOT.map(visibleWidth));
+    const detailsWidth = contentWidth - logoWidth - 5;
+    const name = theme.bold(theme.fg("text", "Pi"));
+    const details = [
+      `${name}${" ".repeat(Math.max(1, detailsWidth - visibleWidth(name) - visibleWidth(version)))}${version}`,
+      "",
+      workspace,
+      modelLabel,
+      thinkingLabel,
+      "",
+    ];
+
+    return [
+      "",
+      `${indent}${border(`╭${"─".repeat(panelWidth - 2)}╮`)}`,
+      line(),
+      ...PI_MASCOT.map((logo, index) =>
+        line(
+          `  ${fit(theme.bold(accent(logo)), logoWidth)}   ${fit(details[index] ?? "", detailsWidth)}`,
+        ),
+      ),
+      line(),
+      line(`  ${hints.join("   ")}`),
+      line(),
+      `${indent}${border(`╰${"─".repeat(panelWidth - 2)}╯`)}`,
+      "",
+    ];
+  }
 
+  const session = `${workspace}${separator}${metadata}`;
+  const lines: string[] = [];
+  if (visibleWidth(session) <= contentWidth) {
+    lines.push(session);
+  } else {
+    lines.push(workspace);
+    if (visibleWidth(metadata) <= contentWidth) lines.push(metadata);
+    else lines.push(modelLabel, ...(thinkingLabel ? [thinkingLabel] : []));
+  }
+  if (contentWidth >= visibleWidth("/resources")) {
+    if (boxed) lines.push("");
+    lines.push(hints.join("   "));
+  }
+
+  if (!boxed) return ["", ...[title, ...lines].map((line) => fit(line, width)), ""];
+
+  const label = truncateToWidth(title, panelWidth - 5, "…");
   return [
-    `  ${border(`╭${"─".repeat(panelWidth - 2)}╮`)}`,
-    `  ${border(line(title))}`,
-    `  ${border(line(`${muted(project)} ${dim("·")} ${dim(model)}`))}`,
-    `  ${border(line())}`,
-    `  ${border(line(`${accent("/")} ${muted("commands")}   ${accent("!")} ${muted("shell")}   ${accent("⇧Tab")} ${muted("thinking")}   ${accent("/resources")} ${muted("resources")}`))}`,
-    `  ${border(`╰${"─".repeat(panelWidth - 2)}╯`)}`,
+    "",
+    `${indent}${border("╭─ ")}${label}${border(` ${"─".repeat(panelWidth - 5 - visibleWidth(label))}╮`)}`,
+    ...lines.map(line),
+    `${indent}${border(`╰${"─".repeat(panelWidth - 2)}╯`)}`,
+    "",
   ];
 }
 
@@ -144,7 +214,7 @@ function renderResources(snapshot: ResourceSnapshot, theme: Theme, width: number
   const lines = [
     border(`╭${"─".repeat(panelWidth - 2)}╮`),
     line(`${accent("π")} ${heading("Resources")}`),
-    line(dim("Loaded for this session")),
+    line(dim("Detected context, skill commands, and extensions")),
     line(),
   ];
 
@@ -155,7 +225,7 @@ function renderResources(snapshot: ResourceSnapshot, theme: Theme, width: number
   ];
   for (const [label, items, marker] of sections) {
     lines.push(line(heading(`${label} · ${items.length}`)));
-    const entries = wrap(
+    const entries = wrapTextWithAnsi(
       items.length > 0 ? items.join(", ") : "none detected",
       Math.max(1, contentWidth - 4),
     );
@@ -177,18 +247,20 @@ export default function (pi: ExtensionAPI) {
 
     ctx.ui.setHeader((_tui, theme) => ({
       render: (width: number) =>
-        renderHeader(
+        renderHeader({
           theme,
           width,
-          basename(ctx.cwd) || "workspace",
-          ctx.model ? `${ctx.model.provider}/${ctx.model.id}` : "model pending",
-        ),
+          project: basename(ctx.cwd) || "workspace",
+          model: ctx.model,
+          thinking: pi.getThinkingLevel(),
+          thinkingKey: keyText("app.thinking.cycle"),
+        }),
       invalidate() {},
     }));
   });
 
   pi.registerCommand("resources", {
-    description: "Show loaded context, skills, and extensions",
+    description: "Show detected context, skill commands, and extensions",
     handler: async (_args, ctx) => {
       if (ctx.mode !== "tui") return;
       const resources = await collectResources(pi, ctx);