pi-one-ui 0.2.2 → 0.3.1

package/extensions/layouts/footer/index.ts

@@ -1,14 +1,20 @@
+export type { FooterState } from "../../services/session-state.ts";
+export {
+  createInitialState,
+  modelLabelFor,
+  syncState,
+} from "../../services/session-state.ts";
 export {
-  FooterLayoutController,
   type FooterControllerContext,
+  FooterLayoutController,
 } from "./controller.ts";
 export { activeFooterReferences } from "./data.ts";
-export { installFooter, installHiddenFooter } from "./footer.ts";
 export {
   collectExtensionStatusSegments,
   sanitizeExtensionStatusOriginalText,
   sanitizeExtensionStatusText,
 } from "./extension-status.ts";
+export { installFooter, installHiddenFooter } from "./footer.ts";
 export {
   collectFooterFormatReferences,
   compileCompactFormat,
@@ -16,9 +22,3 @@ export {
   renderFormatSplit,
   renderFormatTokens,
 } from "./footer-format.ts";
-export {
-  createInitialState,
-  modelLabelFor,
-  syncState,
-} from "../../services/session-state.ts";
-export type { FooterState } from "../../services/session-state.ts";

package/extensions/layouts/header/index.ts

@@ -1,5 +1,5 @@
 export {
   applyStartupHeader,
+  default,
   renderHeaderLines,
 } from "./startup-header.ts";
-export { default } from "./startup-header.ts";

package/extensions/layouts/header/startup-header.ts

@@ -1,8 +1,9 @@
-import { VERSION, type AppKeybinding } from "@earendil-works/pi-coding-agent";
-import { getKeybindings } from "@earendil-works/pi-tui";
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
+import { type AppKeybinding, VERSION } from "@earendil-works/pi-coding-agent";
+import { getKeybindings } from "@earendil-works/pi-tui";
 import { config } from "../../app/config/renderer.ts";
 import { ansi16ToRgb, ansi256ToRgb } from "../../tools/ansi-color.ts";
+
 type Rgb = [number, number, number];
 type StyledPart = {
   raw: string;

package/extensions/layouts/working-line/controller.ts

@@ -3,21 +3,21 @@ import type {
   ExtensionContext,
   Theme,
 } from "@earendil-works/pi-coding-agent";
+import type {
+  PolishedTuiConfig,
+  WorkingLineComponentPatch,
+} from "../../app/config/shell.ts";
+import type { SessionLifecycle } from "../../app/runtime/session-lifecycle.ts";
 import {
   InteractionMetricsTracker,
-  TURN_SUMMARY_ENTRY_TYPE,
   type MetricsUpdateResult,
+  TURN_SUMMARY_ENTRY_TYPE,
 } from "./interaction-summary.ts";
 import {
   AgentDurationClock,
   snapshotWorkingLineHighStyle,
   WorkingLineController,
 } from "./working-line.ts";
-import {
-  type PolishedTuiConfig,
-  type WorkingLineComponentPatch,
-} from "../../app/config/shell.ts";
-import type { SessionLifecycle } from "../../app/runtime/session-lifecycle.ts";
 
 export type WorkingLineMessage = Parameters<
   InteractionMetricsTracker["messageUpdate"]

package/extensions/services/project-refresh.ts

@@ -3,10 +3,10 @@ import { dirname, join, resolve } from "node:path";
 import type { ExtensionContext } from "@earendil-works/pi-coding-agent";
 import type { SessionLifecycle } from "../app/runtime/session-lifecycle.ts";
 import { readGitStatus } from "./git-data.ts";
-import type { FooterState } from "./session-state.ts";
-import { applyProjectRefreshToState } from "./project-state.ts";
 import { readPackageVersionResult } from "./package-data.ts";
+import { applyProjectRefreshToState } from "./project-state.ts";
 import { readRuntimeInfo } from "./runtime-data.ts";
+import type { FooterState } from "./session-state.ts";
 
 export type StopProjectRefreshInterval = () => void;
 

package/extensions/services/session-state.ts

@@ -10,8 +10,8 @@ import {
   getUsageTotals,
   invalidateUsageTotalsCache,
 } from "../shared/format.ts";
-import { emptyGitStatus } from "./git-data.ts";
 import type { GitStatusSummary } from "./git-data.ts";
+import { emptyGitStatus } from "./git-data.ts";
 import type { PackageVersionResult } from "./package-data.ts";
 import type { RuntimeInfo } from "./runtime-data.ts";
 import type { FooterTelemetry } from "./telemetry.ts";

package/extensions/shared/format.ts

@@ -10,14 +10,14 @@ import type {
   PathDisplayMode,
 } from "../app/config/shell.ts";
 import type { GitCommitInfo, GitMetricsInfo } from "../services/git-data.ts";
+import type { PackageVersionResult } from "../services/package-data.ts";
+import type { RuntimeInfo } from "../services/runtime-data.ts";
 import type { IconMode } from "./icons.ts";
 import {
   resolveOsIcon,
   resolvePackageIcon,
   resolveRuntimeSymbol,
 } from "./icons.ts";
-import type { PackageVersionResult } from "../services/package-data.ts";
-import type { RuntimeInfo } from "../services/runtime-data.ts";
 import { renderStyleForSource } from "./style.ts";
 
 /**

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "pi-one-ui",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "description": "A single, customizable Pi UI package with layout-oriented Context and Shell rendering for Pi.",
   "type": "module",
   "license": "MIT",
+  "keywords": [
+    "pi-package",
+    "pi-extension",
+    "pi",
+    "pi-coding-agent",
+    "tui"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/kerolt/pi-one-ui"
@@ -16,20 +23,20 @@
     "extensions",
     "themes",
     "README.md",
+    "README.en.md",
+    "CHANGELOG.md",
     "LICENSE"
   ],
   "scripts": {
-    "typecheck": "tsc --noEmit",
-    "test": "npm run test:node && npm run test:vitest",
-    "test:node": "node --test tests/config.test.ts tests/config-store.test.ts tests/header-*.test.ts tests/one-ui-integration.test.ts tests/overlay-infrastructure.test.ts tests/runtime-infrastructure.test.ts tests/context-*.test.ts",
-    "format": "biome format --write extensions tests package.json tsconfig.json biome.json",
-    "format:check": "biome format extensions tests package.json tsconfig.json biome.json",
-    "lint": "biome check extensions/index.ts extensions/app/panel.ts extensions/app/presets.ts package.json tsconfig.json biome.json",
-    "test:vitest": "vitest run tests/shell-*.test.ts tests/working-line-*.test.ts tests/editor-*.test.ts tests/footer-*.test.ts tests/services-*.test.ts",
-    "verify": "npm run format:check && npm run lint && npm run typecheck && npm test",
+    "format": "biome format --write extensions tests package.json tsconfig.json vitest.config.ts biome.json",
+    "check": "biome check extensions tests package.json tsconfig.json vitest.config.ts biome.json",
+    "fix": "biome check --write extensions tests package.json tsconfig.json vitest.config.ts biome.json",
     "pack:check": "npm pack --dry-run",
     "pi:dev": "${PI_BIN:-pi} --no-extensions -e ./extensions/index.ts",
-    "pi:install-local": "${PI_BIN:-pi} install ./ -l"
+    "pi:install-local": "${PI_BIN:-pi} install ./ -l",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "verify": "npm run check && npm run typecheck && npm test"
   },
   "dependencies": {
     "@shikijs/cli": "^4.0.2",

package/extensions/features/legacy/working-message.ts

@@ -1,226 +0,0 @@
-import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
-import { formatDuration } from "../../tools/format.ts";
-
-const REFRESH_INTERVAL_MS = 1_000;
-/** Elapsed time is only shown once the turn has run this long. */
-const SHOW_TIMER_AFTER_MS = 3_000;
-
-function formatCount(value: number): string {
-  return new Intl.NumberFormat("en-US").format(value);
-}
-
-type ContentBlock = {
-  type?: unknown;
-  text?: unknown;
-  thinkingSignature?: { body?: unknown };
-};
-
-type StreamMessage = {
-  content?: unknown;
-  usage?: { output?: unknown };
-};
-
-/** 每个 content index 的可见文本/思考长度；无对应块的 index 保持稀疏洞。 */
-function textBlockLengths(message: StreamMessage): number[] {
-  const content = message.content;
-  if (!Array.isArray(content)) return [];
-  const lengths: number[] = [];
-  for (let index = 0; index < content.length; index++) {
-    const block = content[index] as ContentBlock;
-    if (block?.type === "text" && typeof block.text === "string") {
-      lengths[index] = block.text.length;
-    } else if (block?.type === "thinking" && block.thinkingSignature?.body) {
-      lengths[index] = (block.thinkingSignature.body as string).length;
-    }
-  }
-  return lengths;
-}
-
-function outputUsage(message: StreamMessage): number {
-  const value = Number(message?.usage?.output);
-  return Number.isFinite(value) && value > 0 ? Math.round(value) : 0;
-}
-
-type WorkingUi = {
-  setWorkingMessage(message?: string): void;
-};
-
-/**
- * Extend Pi's footer working row while preserving its spinner and "Working...":
- * `⠋ Working... (↓ 1,234 tokens · 12s)`
- *
- * Live tokens use the same chars/4 estimate as pi-claude-code-ui, then switch to
- * provider `usage.output` whenever the stream exposes an actual count.
- */
-export default function (pi: ExtensionAPI): void {
-  let turnActive = false;
-  let agentStartTime = 0;
-  let turnStartTime = 0;
-  let responseLength = 0;
-  let responseTextBlockLengths: number[] = [];
-  let providerOutputTokens = 0;
-  let refreshTimer: ReturnType<typeof setTimeout> | null = null;
-  let lastMessage: string | null = null;
-  let activeCtx: { ui: WorkingUi | undefined; hasUI: boolean } | null = null;
-
-  function tokenCount(): number {
-    return providerOutputTokens || Math.max(0, Math.round(responseLength / 4));
-  }
-
-  function setTextBlockLength(index: number, length: number): void {
-    const previous = responseTextBlockLengths[index] ?? 0;
-    responseTextBlockLengths[index] = Math.max(0, length);
-    responseLength = Math.max(
-      0,
-      responseLength + responseTextBlockLengths[index] - previous,
-    );
-  }
-
-  function resetResponseTracking(message?: StreamMessage): void {
-    responseTextBlockLengths = message ? textBlockLengths(message) : [];
-    responseLength = responseTextBlockLengths.reduce(
-      (sum, length) => sum + length,
-      0,
-    );
-    providerOutputTokens = message ? outputUsage(message) : 0;
-  }
-
-  function updateProviderUsage(message: StreamMessage): void {
-    const output = outputUsage(message);
-    if (output > 0) providerOutputTokens = output;
-  }
-
-  function buildWorkingMessage(): string {
-    const elapsed = Date.now() - (agentStartTime || turnStartTime);
-    const tokens = tokenCount();
-    const parts: string[] = [];
-    if (tokens > 0) parts.push(`↓ ${formatCount(tokens)} tokens`);
-    if (elapsed >= SHOW_TIMER_AFTER_MS || tokens > 0) {
-      // formatDuration 低于 1 秒返回 ""，此处回退 "0s" 保持计时器连续跳动。
-      parts.push(formatDuration(elapsed) || "0s");
-    }
-    return parts.length ? `Working... (${parts.join(" · ")})` : "";
-  }
-
-  function restoreDefaultWorkingMessage(): void {
-    lastMessage = null;
-    if (!activeCtx?.hasUI) return;
-    try {
-      activeCtx.ui?.setWorkingMessage();
-    } catch {
-      // Noop when the TUI is unavailable.
-    }
-  }
-
-  function syncWorkingMessage(force = false): void {
-    if (!activeCtx?.hasUI) return;
-    const next = buildWorkingMessage();
-    if (!next) {
-      if (force) restoreDefaultWorkingMessage();
-      return;
-    }
-    if (!force && next === lastMessage) return;
-    lastMessage = next;
-    try {
-      activeCtx.ui?.setWorkingMessage(next);
-    } catch {
-      // Noop when the TUI is unavailable.
-    }
-  }
-
-  function scheduleRefreshTick(): void {
-    if (!turnActive || refreshTimer) return;
-    refreshTimer = setTimeout(() => {
-      refreshTimer = null;
-      try {
-        syncWorkingMessage();
-      } finally {
-        scheduleRefreshTick();
-      }
-    }, REFRESH_INTERVAL_MS);
-    refreshTimer.unref?.();
-  }
-
-  function stopRefreshLoop(): void {
-    if (!refreshTimer) return;
-    clearTimeout(refreshTimer);
-    refreshTimer = null;
-  }
-
-  function clearDisplay(): void {
-    stopRefreshLoop();
-    agentStartTime = 0;
-    turnStartTime = 0;
-    resetResponseTracking();
-    restoreDefaultWorkingMessage();
-  }
-
-  pi.on("before_agent_start", async () => {
-    if (!agentStartTime) agentStartTime = Date.now();
-  });
-
-  pi.on("turn_start", async (_event, ctx) => {
-    turnActive = true;
-    activeCtx = ctx;
-    turnStartTime = Date.now();
-    if (!agentStartTime) agentStartTime = turnStartTime;
-    resetResponseTracking();
-    syncWorkingMessage(true);
-    scheduleRefreshTick();
-  });
-
-  pi.on("message_update", async (event, ctx) => {
-    activeCtx = ctx;
-    const evt = event?.assistantMessageEvent;
-    if (!evt) return;
-
-    if (evt.type === "start") {
-      resetResponseTracking(evt.partial);
-    } else if (evt.type === "thinking_start" || evt.type === "text_start") {
-      setTextBlockLength(evt.contentIndex, 0);
-      updateProviderUsage(evt.partial);
-    } else if (evt.type === "thinking_delta" || evt.type === "text_delta") {
-      const add = typeof evt.delta === "string" ? evt.delta.length : 0;
-      setTextBlockLength(
-        evt.contentIndex,
-        (responseTextBlockLengths[evt.contentIndex] ?? 0) + add,
-      );
-      updateProviderUsage(evt.partial);
-    } else if (evt.type === "text_end") {
-      setTextBlockLength(
-        evt.contentIndex,
-        typeof evt.content === "string" ? evt.content.length : 0,
-      );
-      updateProviderUsage(evt.partial);
-    } else if (evt.type === "done") {
-      resetResponseTracking(evt.message);
-    } else if (evt.type === "error") {
-      resetResponseTracking(evt.error);
-    } else {
-      updateProviderUsage(evt.partial);
-    }
-
-    syncWorkingMessage();
-    scheduleRefreshTick();
-  });
-
-  pi.on("turn_end", async (_event, ctx) => {
-    turnActive = false;
-    activeCtx = ctx;
-    stopRefreshLoop();
-    resetResponseTracking();
-    // No completion message: return immediately to Pi's default idle state.
-    restoreDefaultWorkingMessage();
-  });
-
-  pi.on("agent_end", async () => {
-    turnActive = false;
-    clearDisplay();
-  });
-
-  pi.on("session_shutdown", async () => {
-    turnActive = false;
-    clearDisplay();
-    activeCtx = null;
-  });
-}