pi-one-ui 0.3.0 → 0.4.0

package/extensions/app/panel.ts

@@ -40,12 +40,7 @@ import { overlayManager } from "./overlay/overlay-manager.ts";
 import { ownerFor } from "./ownership.ts";
 import { applyPreset, PRESET_VALUES, type Preset } from "./presets.ts";
 
-const EDITOR_STYLES: EditorStyle[] = [
-  "opencode",
-  "opencode-copy-friendly",
-  "accent-rail",
-  "minimalist",
-];
+const EDITOR_STYLES: EditorStyle[] = ["opencode", "minimalist"];
 const MESSAGE_STYLES: UserMessageStyle[] = [
   "framed",
   "framed-copy-friendly",
@@ -413,6 +408,13 @@ function saveNotice(ctx: any, label: string, value: string): void {
   );
 }
 
+function notifyUpdateError(ctx: any, error: unknown): void {
+  ctx.ui?.notify?.(
+    `Could not update /oneui setting: ${error instanceof Error ? error.message : String(error)}`,
+    "error",
+  );
+}
+
 /**
  * Persists one panel setting and reconciles its owning runtime layout.
  *
@@ -605,27 +607,19 @@ export async function showOneUiPanel(
               10,
               getSettingsListTheme(),
               (id, value) => {
-                // Replacing Pi's editor synchronously moves focus away from
-                // this overlay. Restore the overlay handle after the editor
-                // has been reconciled so the panel remains interactive.
-                if (id === "editorEnabled") {
-                  try {
-                    updateSetting(id, value, ctx, deps);
-                    list.updateValue(id, value);
-                  } catch (error) {
-                    ctx.ui?.notify?.(
-                      `Could not update Editor setting: ${error instanceof Error ? error.message : String(error)}`,
-                      "error",
-                    );
-                  } finally {
+                try {
+                  updateSetting(id, value, ctx, deps);
+                  list.updateValue(id, value);
+                } catch (error) {
+                  notifyUpdateError(ctx, error);
+                  createList();
+                  list.selectItem(id);
+                } finally {
+                  if (id === "editorEnabled" || id === "editorStyle") {
                     panelHandle?.focus();
-                    tui.requestRender();
                   }
-                  return;
+                  tui.requestRender();
                 }
-                updateSetting(id, value, ctx, deps);
-                list.updateValue(id, value);
-                tui.requestRender();
               },
               () => done(undefined),
             );
@@ -687,7 +681,7 @@ export async function showOneUiPanel(
             width: "85%",
             maxHeight: "90%",
             margin: {
-              top: 10,
+              top: 6,
               right: 1,
               bottom: 1,
               left: 1,

package/extensions/app/runtime/tui-runtime.ts

@@ -3,56 +3,55 @@ import type {
   ExtensionContext,
   Theme,
 } from "@earendil-works/pi-coding-agent";
-import { showOneUiPanel, type TuiPanelRuntime } from "../panel.ts";
-import {
-  createPiExtensionPort,
-  type PiExtensionPort,
-} from "../host/pi-extension-port.ts";
-import { createPiUiPort, type PiUiPort } from "../host/pi-ui-port.ts";
-import { LayoutRegistry } from "../ownership/layout-registry.ts";
-import registerHeaderLayout from "../../layouts/header/index.ts";
-import { EventCoordinator } from "./event-coordinator.ts";
-import { RenderScheduler } from "./render-scheduler.ts";
-import { RuntimeStateStore } from "./runtime-state.ts";
+import registerContext, {
+  type ContextExtensionOptions,
+  type ContextRuntimeController,
+} from "../../layouts/context/index.ts";
 import { EditorLayoutController } from "../../layouts/editor/controller.ts";
 import { FooterLayoutController } from "../../layouts/footer/controller.ts";
+import registerHeaderLayout from "../../layouts/header/index.ts";
 import {
   WorkingLineLayoutController,
   type WorkingLineMessage,
   type WorkingLineMessageEnd,
 } from "../../layouts/working-line/controller.ts";
-import registerContext, {
-  type ContextExtensionOptions,
-  type ContextRuntimeController,
-} from "../../layouts/context/index.ts";
-import type { AccentRailLayoutPatchDiagnostic } from "../../layouts/editor/accent-rail-layout-patch.ts";
+import {
+  renderTurnSummaryEntry,
+  TURN_SUMMARY_ENTRY_TYPE,
+} from "../../layouts/working-line/interaction-summary.ts";
+import { LiveContextController } from "../../services/live-context.ts";
+import {
+  ProjectRefreshService,
+  type ScheduleProjectRefreshOptions,
+} from "../../services/project-refresh.ts";
+import {
+  SessionStateService,
+  syncState,
+} from "../../services/session-state.ts";
+import { resolveFooterTelemetry } from "../../services/telemetry.ts";
 import {
   ensureConfigExists,
   hasUnsupportedComponentStyle,
   loadConfig,
   mergeConfig,
+  type PolishedTuiConfig,
   saveEditorComponentPatch,
   saveFooterComponentPatch,
   saveWorkingLineComponentPatch,
-  type PolishedTuiConfig,
 } from "../config/shell.ts";
-import { configStore, type ConfigRecord } from "../config/store.ts";
-import {
-  SessionStateService,
-  syncState,
-} from "../../services/session-state.ts";
+import { type ConfigRecord, configStore } from "../config/store.ts";
 import {
-  renderTurnSummaryEntry,
-  TURN_SUMMARY_ENTRY_TYPE,
-} from "../../layouts/working-line/interaction-summary.ts";
-import { LiveContextController } from "../../services/live-context.ts";
-import {
-  ProjectRefreshService,
-  type ScheduleProjectRefreshOptions,
-} from "../../services/project-refresh.ts";
+  createPiExtensionPort,
+  type PiExtensionPort,
+} from "../host/pi-extension-port.ts";
+import { createPiUiPort, type PiUiPort } from "../host/pi-ui-port.ts";
 import { SelectorController } from "../overlay/selector-controller.ts";
+import { LayoutRegistry } from "../ownership/layout-registry.ts";
+import { showOneUiPanel, type TuiPanelRuntime } from "../panel.ts";
+import { EventCoordinator } from "./event-coordinator.ts";
+import { RenderScheduler } from "./render-scheduler.ts";
+import { RuntimeStateStore } from "./runtime-state.ts";
 import { SessionLifecycle } from "./session-lifecycle.ts";
-import { resolveFooterTelemetry } from "../../services/telemetry.ts";
 
 export type TuiRuntimeContext = {
   readonly extensions: PiExtensionPort;
@@ -240,17 +239,6 @@ function createLayoutRuntime(
   let minimalistProjectRoot: string | undefined;
   let activeTuiContext: ExtensionContext | undefined;
 
-  const recordAccentRailLayoutPatchDiagnostic = (
-    diagnostic: AccentRailLayoutPatchDiagnostic,
-    version?: string,
-  ) => {
-    if (process.env.ZENTUI_DEBUG === "1") {
-      console.error(
-        `[zentui] Accent Rail fullscreen layout patch: ${diagnostic}${version ? ` (Pi TUI ${version})` : ""}`,
-      );
-    }
-  };
-
   /**
    * Requests redraws from the Editor controller and shared render seam.
    */
@@ -297,16 +285,6 @@ function createLayoutRuntime(
     sessionLifecycle,
     render: { request: () => footerController.requestRender() },
     getThinkingLevel,
-    getContextWindow: (ctx) =>
-      ctx.model?.contextWindow ?? ctx.getContextUsage()?.contextWindow,
-    getContextPercent: (ctx) => {
-      const usage = ctx.getContextUsage();
-      const contextWindow = ctx.model?.contextWindow ?? usage?.contextWindow;
-      const live = liveContext.get();
-      return live && contextWindow && contextWindow > 0
-        ? (live.tokens / contextWindow) * 100
-        : (usage?.percent ?? undefined);
-    },
     getAgentDurationMs: () => workingLineController.duration().elapsedMs() ?? 0,
     isAgentActive: () => workingLineController.isAgentActive(),
     isAgentDurationActive: () => workingLineController.duration().isActive(),
@@ -317,7 +295,6 @@ function createLayoutRuntime(
       if (activeTuiContext) projectRefreshService.reconcile(activeTuiContext);
     },
     onModelLabelChanged: (ctx) => syncFooterState(ctx),
-    recordLayoutDiagnostic: recordAccentRailLayoutPatchDiagnostic,
   });
   const syncFooterState = (ctx: ExtensionContext) => sessionState.sync(ctx);
   const projectRefreshService = new ProjectRefreshService({
@@ -427,10 +404,8 @@ function createLayoutRuntime(
    * @param coordinator Shared lifecycle event coordinator.
    */
   const installEventHandlers = (coordinator: EventCoordinator): void => {
-    coordinator.on("session_start", async (_event, ctx) => {
+    coordinator.on("session_start", (_event, ctx) => {
       sessionLifecycle.start();
-      await editorController.startSession(ctx);
-      if (!sessionLifecycle.isCurrent()) return;
       liveContext.startSession();
       sessionState.startSession();
       minimalistProjectRoot = undefined;

package/extensions/features/context-inspector/index.ts

@@ -2,10 +2,10 @@ import {
   type BuildSystemPromptOptions,
   type ExtensionAPI,
   type ExtensionCommandContext,
-  type ToolInfo,
   estimateTokens,
   formatSkillsForPrompt,
   getMarkdownTheme,
+  type ToolInfo,
 } from "@earendil-works/pi-coding-agent";
 import {
   Key,
@@ -13,9 +13,9 @@ import {
   matchesKey,
   visibleWidth,
 } from "@earendil-works/pi-tui";
-import { mouseBaseButton, parseSgrMousePacket } from "../../tools/sgr-mouse.ts";
-import { padLine } from "../../tools/format.ts";
 import { overlayManager } from "../../app/overlay/overlay-manager.ts";
+import { padLine } from "../../tools/format.ts";
+import { mouseBaseButton, parseSgrMousePacket } from "../../tools/sgr-mouse.ts";
 
 export type ContextPart = {
   label: string;

package/extensions/features/session-reference/index.ts

@@ -1,25 +1,25 @@
 import { resolve } from "node:path";
 import {
-  SessionManager,
   type ExtensionAPI,
   type SessionInfo,
+  SessionManager,
 } from "@earendil-works/pi-coding-agent";
 import {
-  Text,
   type AutocompleteItem,
   type AutocompleteProvider,
   type AutocompleteSuggestions,
   fuzzyFilter,
+  Text,
 } from "@earendil-works/pi-tui";
 import {
-  SESSION_REFERENCE_CUSTOM_TYPE,
-  SESSION_REFERENCE_PREFIX,
   buildReferenceContentFromSections,
   extractSessionReferenceIds,
   formatReferenceSession,
-  sessionTitle,
   type ReferenceSessionInfo,
   type ReferenceSource,
+  SESSION_REFERENCE_CUSTOM_TYPE,
+  SESSION_REFERENCE_PREFIX,
+  sessionTitle,
 } from "./session.ts";
 
 const MAX_SESSION_SUGGESTIONS = 3;

package/extensions/features/subagent-autocomplete.ts

@@ -1,6 +1,6 @@
 import { existsSync, readdirSync, readFileSync } from "node:fs";
-import { join } from "node:path";
 import { homedir } from "node:os";
+import { join } from "node:path";
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
 import {
   type AutocompleteItem,

package/extensions/layouts/context/index.ts

@@ -4,7 +4,6 @@ import type {
   Theme,
 } from "@earendil-works/pi-coding-agent";
 import { config } from "../../app/config/renderer.ts";
-import { configStore, type ConfigRecord } from "../../app/config/store.ts";
 import {
   hasUnsupportedComponentStyle,
   loadConfig,
@@ -13,27 +12,25 @@ import {
   type UserMessagesComponentConfig,
   type ZentuiConfig,
 } from "../../app/config/shell.ts";
-import {
-  installUserMessageStyle,
-  removeUserMessageStyle,
-} from "./message/user-message.ts";
-
+import { type ConfigRecord, configStore } from "../../app/config/store.ts";
 // shell
 import piAliases from "../../features/aliases.ts";
+import context from "../../features/context-inspector/index.ts";
 import { installFlushDockedBash } from "../../features/flush-docked-bash.ts";
-
+import sessionReference from "../../features/session-reference/index.ts";
 // feature
 import agentAutocomplete from "../../features/subagent-autocomplete.ts";
-import agentSummary from "./summary/index.ts";
-import context from "../../features/context-inspector/index.ts";
-import sessionReference from "../../features/session-reference/index.ts";
-import { installCompactThinking } from "./thinking/compact-thinking.ts";
-
+import {
+  installUserMessageStyle,
+  removeUserMessageStyle,
+} from "./message/user-message.ts";
 // renderer
 import registerContextRenderer, {
   getCompactThinkingConfig,
 } from "./renderer/index.ts";
 import markdownEnhance from "./renderer/markdown-enhance.ts";
+import agentSummary from "./summary/index.ts";
+import { installCompactThinking } from "./thinking/compact-thinking.ts";
 
 export type ContextRuntimeController = {
   setMode: (mode: "on" | "compact" | "off", ctx: ExtensionContext) => void;

package/extensions/layouts/context/renderer/compact-mode.ts

@@ -17,41 +17,22 @@
  */
 import {
   AssistantMessageComponent,
-  ToolExecutionComponent,
   type Theme,
+  ToolExecutionComponent,
 } from "@earendil-works/pi-coding-agent";
 import {
-  truncateToWidth,
-  visibleWidth,
   Box,
   Spacer,
+  truncateToWidth,
+  visibleWidth,
 } from "@earendil-works/pi-tui";
 import { config, getToolDisplayConfig } from "../../../app/config/renderer.ts";
-import { toolLoadingIcon } from "../../../tools/tool-loading-icon.ts";
-import { sanitizeToolResultText } from "../../../tools/tool-result-sanitize.ts";
-import { refreshContextComponent } from "./context-refresh.ts";
-import { getMessageDisplayTheme } from "./tool/message-display.ts";
-import { showMoreHintText } from "./tool/show-more-hint.ts";
-import {
-  countEditDiffStats,
-  countWriteDiffStats,
-  isRichDiffComponent,
-} from "./tool/diff/diff-renderer.ts";
-import { renderRichToolResult } from "./tool/diff/index.ts";
-import type { WriteExecutionMetadataStore } from "./tool/diff/write-execution.ts";
-import { isToolCallHovered } from "./mouse/hover.ts";
-import {
-  insetComponent,
-  renderExpandedToolResult,
-  scheduleAnimation,
-} from "./tool/result.ts";
-import { oneLine } from "../../../tools/format.ts";
-import { paddedBackgroundRow } from "./tool/grouping.ts";
 import {
   hasVisibleText,
   stripBackgroundAnsi,
 } from "../../../tools/ansi-text.ts";
 import { walkComponentTree } from "../../../tools/component-tree.ts";
+import { oneLine } from "../../../tools/format.ts";
 import {
   ASSISTANT_REENTRY_DESCRIPTION,
   ASSISTANT_REENTRY_KEY,
@@ -61,9 +42,28 @@ import {
   ASSISTANT_TOGGLE_ROUND_KEY,
   COMPACT_MODE_PATCH_KEY,
   COMPACT_THINKING_PATCH_KEY,
-  patchRegistry,
   PROTOTYPE_ORIGINAL_KEY,
+  patchRegistry,
 } from "../../../tools/patch-keys.ts";
+import { toolLoadingIcon } from "../../../tools/tool-loading-icon.ts";
+import { sanitizeToolResultText } from "../../../tools/tool-result-sanitize.ts";
+import { refreshContextComponent } from "./context-refresh.ts";
+import { isToolCallHovered } from "./mouse/hover.ts";
+import {
+  countEditDiffStats,
+  countWriteDiffStats,
+  isRichDiffComponent,
+} from "./tool/diff/diff-renderer.ts";
+import { renderRichToolResult } from "./tool/diff/index.ts";
+import type { WriteExecutionMetadataStore } from "./tool/diff/write-execution.ts";
+import { paddedBackgroundRow } from "./tool/grouping.ts";
+import { getMessageDisplayTheme } from "./tool/message-display.ts";
+import {
+  insetComponent,
+  renderExpandedToolResult,
+  scheduleAnimation,
+} from "./tool/result.ts";
+import { showMoreHintText } from "./tool/show-more-hint.ts";
 
 /** compact 渲染层对 compact-thinking 的只读查询面（不建第二套计时器）。 */
 export type CompactThinkingQuery = {

package/extensions/layouts/context/renderer/default-mode.ts

@@ -7,10 +7,11 @@
 import { ToolExecutionComponent } from "@earendil-works/pi-coding-agent";
 import { Text, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import {
+  type CompactStyleMode,
   config,
   getToolDisplayConfig,
-  type CompactStyleMode,
 } from "../../../app/config/renderer.ts";
+import { oneLine } from "../../../tools/format.ts";
 import {
   COMPONENT_TOOL_RENDER_MODE,
   GLOBAL_TOOL_RENDER_PATCH,
@@ -18,6 +19,13 @@ import {
   TOOL_EXPANDED_BACKGROUND_PATCH,
 } from "../../../tools/patch-keys.ts";
 import { isToolCallHovered } from "./mouse/hover.ts";
+import { countWriteDiffStats } from "./tool/diff/diff-renderer.ts";
+import {
+  renderRichToolResult,
+  type WriteExecutionMetadataStore,
+} from "./tool/diff/index.ts";
+import { getMessageDisplayTheme } from "./tool/message-display.ts";
+import { humanizeToolLabel, toolCallSummary } from "./tool/names.ts";
 import {
   countLines,
   hasExpandableDetail,
@@ -30,28 +38,20 @@ import {
   renderExpandedToolResult,
   resolveToolVisualState,
   scheduleAnimation,
-  settledIcon,
   setToolVisualState,
+  settledIcon,
   textFromResult,
   toolIconColor,
   toolViewportWidth,
 } from "./tool/result.ts";
-import { oneLine } from "../../../tools/format.ts";
 import { showMoreHintText } from "./tool/show-more-hint.ts";
-import { countWriteDiffStats } from "./tool/diff/diff-renderer.ts";
-import {
-  renderRichToolResult,
-  type WriteExecutionMetadataStore,
-} from "./tool/diff/index.ts";
-import { getMessageDisplayTheme } from "./tool/message-display.ts";
-import { humanizeToolLabel, toolCallSummary } from "./tool/names.ts";
 
 // 成功勾：亮绿 truecolor（与 message-display 一致）
 const BRIGHT_GREEN = "\x1b[38;2;80;220;100m";
 const ANSI_FG_RESET = "\x1b[39m";
 
-// pi-subagents 等扩展为 Agent 提供专用渲染器，ccstyle 必须保留。
-const DEDICATED_RENDERER_TOOLS = new Set(["Agent"]);
+// Preserve rich renderers owned by legacy Agent tools and modern pi-subagents.
+const DEDICATED_RENDERER_TOOLS = new Set(["Agent", "subagent"]);
 
 export type DefaultModeHooks = {
   /** 本安装是否仍持有全局工具渲染补丁。 */
@@ -148,14 +148,14 @@ function renderDefault(
   tool: any,
   slot: "renderCall" | "renderResult",
   args: any[],
-  fallback = "",
+  fallback: string | (() => string) = "",
 ) {
   try {
     if (typeof tool?.[slot] === "function") return tool[slot](...args);
   } catch {
     // Fall through to raw fallback.
   }
-  return new Text(fallback, 0, 0);
+  return new Text(typeof fallback === "function" ? fallback() : fallback, 0, 0);
 }
 
 type ParsedTask = { id: string; status: string; subject: string };
@@ -320,7 +320,7 @@ function createCcstyleTool(
           originalTool,
           "renderResult",
           [result, options, theme, context],
-          textFromResult(result),
+          () => textFromResult(result),
         );
       }
 
@@ -421,7 +421,12 @@ function createCcstyleTool(
             isToolCallHovered(toolCallId) ? cachedHoveredLine! : cachedLine,
           ];
         },
-        invalidate() {},
+        invalidate() {
+          cachedWidth = undefined;
+          cachedLine = undefined;
+          cachedHoveredLine = undefined;
+          context?.state?.ccstyleExpandedIoView?.invalidate?.();
+        },
       };
     },
   };

package/extensions/layouts/context/renderer/index.ts

@@ -1,52 +1,52 @@
 import type { ExtensionAPI } from "@earendil-works/pi-coding-agent";
-import type { CompactThinkingController } from "../thinking/compact-thinking.ts";
 import {
-  installToolGrouping,
-  type ToolGroupingHooks,
-} from "./tool/grouping.ts";
+  type CompactStyleMode,
+  type Config,
+  config,
+  normalizeConfig,
+  setConfig,
+  updateConfig,
+} from "../../../app/config/renderer.ts";
+import { isLazyProxyTui } from "../../../tools/fullscreen-detect.ts";
+import {
+  GLOBAL_COMPACTION_RENDER_PATCH,
+  patchRegistry,
+} from "../../../tools/patch-keys.ts";
+import type { CompactThinkingController } from "../thinking/compact-thinking.ts";
 import {
-  installCompactMode,
-  refreshCompactModeComponents,
   type CompactModeHooks,
   type CompactThinkingQuery,
+  installCompactMode,
+  refreshCompactModeComponents,
 } from "./compact-mode.ts";
 import {
+  type DefaultModeHooks,
   installDefaultMode,
   installToolExpandedBackground,
-  type DefaultModeHooks,
 } from "./default-mode.ts";
-import { isLazyProxyTui } from "../../../tools/fullscreen-detect.ts";
-import {
-  GLOBAL_COMPACTION_RENDER_PATCH,
-  patchRegistry,
-} from "../../../tools/patch-keys.ts";
-import {
-  config,
-  normalizeConfig,
-  setConfig,
-  updateConfig,
-  type CompactStyleMode,
-  type Config,
-} from "../../../app/config/renderer.ts";
+import { setHoveredToolGroup, setHoveredToolIo } from "./mouse/hover.ts";
 import {
   installToolMouseInteraction,
   resetToolHoverState,
   scheduleSessionRender,
-  teardownToolMouseInteraction,
   TOOL_MOUSE_DISABLE,
+  teardownToolMouseInteraction,
 } from "./mouse/interaction.ts";
 import { getToolMouseTui } from "./mouse/scroll.ts";
-import { setHoveredToolGroup, setHoveredToolIo } from "./mouse/hover.ts";
-import { clearAllAnimations } from "./tool/result.ts";
 import {
   installWriteOverride,
   WriteExecutionMetadataStore,
 } from "./tool/diff/index.ts";
+import {
+  installToolGrouping,
+  type ToolGroupingHooks,
+} from "./tool/grouping.ts";
 import {
   installMessageDisplayRendering,
   refreshMessageDisplays,
   setMessageDisplayTheme,
 } from "./tool/message-display.ts";
+import { clearAllAnimations } from "./tool/result.ts";
 
 /**
  * Claude Code Style for pi — 装配入口。
@@ -277,10 +277,10 @@ export {
   preservesOriginalRenderer,
   shouldRenderRichDiff,
 } from "./default-mode.ts";
+export { installToolMouseInteraction } from "./mouse/interaction.ts";
 export {
   ExpandedToolIoView,
   ExpandedToolResultText,
   formatToolInputArgs,
   SHOW_MORE_LABEL,
 } from "./tool/result.ts";
-export { installToolMouseInteraction } from "./mouse/interaction.ts";

package/extensions/layouts/context/renderer/mouse/hover.ts

@@ -1,17 +1,17 @@
-import { ThinkingPreviewBlock } from "../../thinking/compact-thinking.ts";
-import { setHoveredCompactAssistant } from "../compact-mode.ts";
 import {
   patchRegistry,
   TOOL_HOVER_STATE_KEY,
 } from "../../../../tools/patch-keys.ts";
+import type { ThinkingPreviewBlock } from "../../thinking/compact-thinking.ts";
+import { setHoveredCompactAssistant } from "../compact-mode.ts";
+import type { ToolGroupComponent } from "../tool/grouping.ts";
 import {
-  isExpandedToolIoView,
-  invalidateIoView,
   type ExpandedToolIoView,
+  invalidateIoView,
+  isExpandedToolIoView,
   type ToolIoSection,
 } from "../tool/result.ts";
-import type { ToolGroupComponent } from "../tool/grouping.ts";
-import { componentAtLocalRow, type ComponentRowHit } from "./layout.ts";
+import { type ComponentRowHit, componentAtLocalRow } from "./layout.ts";
 import { setScrollButtonHovered } from "./scroll.ts";
 
 type SharedToolHoverState = { toolCallId: string | null };