@janvitos/pi-plan-build 0.1.47 → 0.1.49

package/README.md

@@ -25,8 +25,9 @@ Optionally keep the approved plan visible in a docked side panel while implement
 ## Features
 
 - New sessions start in **Build** mode.
-- Bare `Tab` cycles **Build → Plan → Build**, while active autocomplete dropdowns retain Pi's normal Tab completion.
-- The composer uses OpenCode prompt-inspired blue/orange mode colors on the rounded top-left border and left rail, complemented by Pi's border color on the right rail and rounded bottom-right border; rounded corners inherit their vertical rail colors while horizontal `╌` segments bridge the borders at both junctions, paired with a light vertical `┆` at the top right and a mode-specific bottom-left transition: thin `┆` in Plan and heavy `┇` in Build. User messages carry a heavy dashed `┇` transcript rail in the mode used to submit them—using the active Pi theme's `warning` color in Plan and `thinkingLow` color in Build—and retain that color after mode changes and session restores. It also includes a mode/model/thinking metadata row; cycling the thinking level updates this row without adding a duplicate status above the composer. The model is shown as `model-id [provider]` (for example, `gpt-5.6-luna [openai]`), with the model ID inheriting the terminal foreground like unselected entries in `/model` and the provider using the footer's dim text color. The footer keeps the remaining path and usage stats without duplicating model metadata.
+- `Ctrl+Tab` cycles **Build → Plan → Build** in every TUI setup. With Pi Plan Build's custom composer active, bare `Tab` also cycles modes while active autocomplete dropdowns retain Pi's normal Tab completion.
+- The custom composer uses OpenCode prompt-inspired blue/orange mode colors on the rounded top-left border and left rail, complemented by Pi's border color on the right rail and rounded bottom-right border; rounded corners inherit their vertical rail colors while horizontal `╌` segments bridge the borders at both junctions, paired with a light vertical `┆` at the top right and a mode-specific bottom-left transition: thin `┆` in Plan and heavy `┇` in Build. The active composer and submitted user messages use a continuous solid thin `│` left rail in both modes. These rails use the active Pi theme's `warning` color in Plan and `thinkingLow` color in Build, and submitted messages retain their original mode after mode changes and session restores. Its metadata row shows mode, model, provider, and thinking level; cycling the thinking level updates that row directly.
+- Pi Plan Build leaves the footer untouched; Pi or another installed extension remains responsible for path, usage, model, provider, thinking, and extension-status information.
 - `/plan`, `/build`, and the `--plan` startup flag.
 - Per-session plans at `~/.pi/agent/plans/<session-id>.md`.
 - In Plan mode, built-in `edit` and `write` are restricted to the exact plan file.
@@ -37,10 +38,11 @@ Optionally keep the approved plan visible in a docked side panel while implement
   - **Switch to Build and implement here**
   - **Start fresh and implement**
   - **Stay in Plan mode**
-- **Experimental:** In fullscreen TUI, valid checklist plans also offer **Implement step by step**: a passive, non-overlapping docked right panel keeps the plan visible while natural-language prompts gate steps and report completed work. The panel is visual-only and never captures keyboard input. This feature is still under active development.
+- **Experimental:** In fullscreen TUI, valid checklist plans also offer **Implement step by step** when Pi Plan Build owns the optional fullscreen layout: a passive, non-overlapping docked right panel keeps the plan visible while natural-language prompts gate steps and report completed work. The panel is visual-only and never captures keyboard input. This feature is still under active development.
+- Compatible editor decorators can wrap Pi Plan Build's editor without disabling its composer. If another extension replaces rather than invokes that editor, already owns the editor before Plan Build starts, or replaces the fullscreen layout, Plan Build automatically uses reduced UI: it keeps the core Plan/Build workflow and mode status but does not replace that editor or offer a new step-by-step panel.
 - Staying in Plan mode—or pressing Escape in the approval dialog—produces a durable acknowledgement and stops the run until the user responds.
 - Mode state survives reloads, resumes, and forks.
-- When Pi recreates the custom editor, the latest 100 user prompts from the active session branch are restored for Up/Down history navigation.
+- When Pi Plan Build's custom editor is active and Pi recreates it, the latest 100 user prompts from the active session branch are restored for Up/Down history navigation.
 
 ## Requirements
 
@@ -78,7 +80,8 @@ Do not install more than one npm, Git, or local copy at the same time; duplicate
 
 | Action | Result |
 | --- | --- |
-| `Tab` | Cycle Build and Plan, or accept an active autocomplete selection |
+| `Ctrl+Tab` | Cycle Build and Plan in any TUI setup |
+| `Tab` | With the custom composer active, cycle modes or accept an active autocomplete selection |
 | `/plan` | Select Plan mode |
 | `/build` | Select Build mode |
 | `pi --plan` | Start a new session in Plan mode |
@@ -93,7 +96,7 @@ When planning is complete, `plan_exit` displays the entire persisted plan and as
 1. implement in the current session;
 2. start a clean linked implementation session;
 3. stay in Plan mode; or
-4. **experimentally implement step by step** in fullscreen TUI when the plan contains a valid checklist.
+4. **experimentally implement step by step** in fullscreen TUI when the plan contains a valid checklist and no other extension owns the optional editor/layout UI.
 
 Selecting **Start fresh and implement** stops the current run and automatically dispatches `/build-fresh`. Pi 0.84.2 or newer is required for extension command dispatch from an injected user message. The command creates a linked child session, copies the approved plan to its canonical plan file, preserves the model and thinking level selected for the action, switches it to Build, and starts implementation without transferring the planning conversation.
 
@@ -107,7 +110,7 @@ Both actions leave Plan mode active, stop the agent, and wait for the next user
 
 > **Experimental feature:** Step-by-step execution is still being developed. Expect UI and workflow changes, and please report issues or unexpected behavior.
 
-When Pi uses `"tuiMode": "fullscreen"` and the saved plan contains top-level `- [ ]` items under `## Implementation Steps`, `plan_exit` offers the additional **Implement step by step** approval action. This is opt-in per plan; it does not replace either one-shot implementation option or **Stay in Plan mode**.
+When Pi uses `"tuiMode": "fullscreen"`, Pi Plan Build still owns its custom editor/layout UI, and the saved plan contains top-level `- [ ]` items under `## Implementation Steps`, `plan_exit` offers the additional **Implement step by step** approval action. This is opt-in per plan; it does not replace either one-shot implementation option or **Stay in Plan mode**.
 
 The passive 64-column right panel reserves terminal columns, so the transcript and editor reflow instead of being covered. Long step instructions and panel guidance wrap instead of being clipped. It never accepts focus or keyboard input and collapses below 132 terminal columns. The panel is a visual status aid only; all control happens through ordinary prompts. Its guidance remains visible, and the main transcript says, “Awaiting your instructions.” The agent interprets intent contextually, so these are examples rather than required commands:
 
@@ -127,7 +130,7 @@ Enable fullscreen in `~/.pi/agent/settings.json` and restart Pi:
 }
 ```
 
-The integration uses Pi 0.84.2's public fullscreen layout primitives plus a guarded read of its runtime layout root because the current extension API exposes `setLayoutRoot()` but not a corresponding getter.
+The integration uses Pi 0.84.2's public fullscreen layout primitives plus a guarded read of its runtime layout root because the current extension API exposes `setLayoutRoot()` but not a corresponding getter. Before installing or removing the panel, Pi Plan Build verifies that it still owns the relevant layout slot. For editor composition, it recognizes a later factory as compatible when that factory invokes Plan Build's editor factory; decorators such as global-history wrappers therefore retain the full composer. A non-composing editor replacement or conflicting layout shows one warning, reports the current mode through Pi's keyed extension status, and disables only the custom composer and new step-by-step panel. Existing restored step progress is retained for prompt-based completion or cancellation.
 
 ## Plan-mode permissions
 
@@ -159,7 +162,7 @@ npm test
 npm pack --dry-run
 ```
 
-The tests cover state decoding, safe plan paths, mutation restrictions, deferred transitions, mode and provider rendering, conversational Plan guidance, session-based prompt history restoration, complete plan rendering, approval decisions, stop behavior, fresh-session settings and handoff content, question formatting and cancellation, structured checklist parsing, step state transitions, safe instruction revisions, and responsive panel rendering.
+The tests cover state decoding, safe plan paths, mutation restrictions, deferred transitions, mode/provider/thinking rendering and cycling, optional-UI ownership decisions, conversational Plan guidance, session-based prompt history restoration, complete plan rendering, approval decisions, stop behavior, fresh-session settings and handoff content, question formatting and cancellation, structured checklist parsing, step state transitions, safe instruction revisions, and responsive panel rendering.
 
 ### Publishing
 

package/index.ts

@@ -40,15 +40,14 @@ import {
 	type FreshImplementationRequest,
 	decodeModeState,
 	extractPromptHistory,
-	formatFooterCwd,
 	formatModeMetadata,
 	formatModeRail,
 	formatModeTopBorder,
-	formatTokens,
 	isAllowedPlanMutation,
 	makePlanPath,
 	nextMode,
 	nextThinkingLevel,
+	ownsUiSlot,
 	normalizePlanExitChoice,
 	PLAN_EXIT_APPROVE_CHOICE,
 	PLAN_EXIT_FRESH_CHOICE,
@@ -56,6 +55,7 @@ import {
 	PLAN_EXIT_STAY_CHOICE,
 	PLAN_STEP_READY_ACKNOWLEDGEMENT,
 	renderModeComposer,
+	shouldReduceOptionalUi,
 	type Mode,
 	unique,
 } from "./utils.ts";
@@ -76,6 +76,7 @@ const MODE_ADDED_TOOLS = new Set([...MANAGED_TOOLS, "edit", "write"]);
 const EMPTY_PARAMETERS = Type.Object({});
 
 type PendingReminder = "plan" | "build" | undefined;
+type EditorFactory = NonNullable<ReturnType<ExtensionContext["ui"]["getEditorComponent"]>>;
 interface StoredState {
 	version: 1;
 	selectedMode: Mode;
@@ -105,7 +106,12 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 	let panelTui: (TUI & Partial<ViewportTUI>) | undefined;
 	let originalLayoutRoot: Component | undefined;
 	let panelLayoutRoot: Component | undefined;
+	let panelLayoutToken: { enabled: boolean } | undefined;
+	let installedEditorFactory: EditorFactory | undefined;
+	let composerMountingEditorFactory: EditorFactory | undefined;
 	let fullscreenPanelCapable = false;
+	let reducedOptionalUi = false;
+	let reducedUiNoticeShown = false;
 	const displayUserMessageText = (text: string): string | undefined => {
 		const skillBlock = parseSkillBlock(text);
 		return skillBlock ? skillBlock.userMessage || undefined : text || undefined;
@@ -162,13 +168,61 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 		panelTui?.requestRender();
 	}
 
+	function currentLayoutRoot(): Component | undefined {
+		return (panelTui as (TUI & { layoutRoot?: Component }) | undefined)?.layoutRoot;
+	}
+
 	function removePanelLayout(): void {
-		if (panelLayoutRoot && panelTui && originalLayoutRoot) panelTui.setLayoutRoot?.(originalLayoutRoot);
-		panelLayoutRoot = undefined;
-		panel = undefined;
+		if (panelLayoutToken) panelLayoutToken.enabled = false;
+		if (!panelLayoutRoot) {
+			panel = undefined;
+			panelLayoutToken = undefined;
+			return;
+		}
+		if (panelTui && originalLayoutRoot && ownsUiSlot(currentLayoutRoot(), panelLayoutRoot)) {
+			panelTui.setLayoutRoot?.(originalLayoutRoot);
+			panelLayoutRoot = undefined;
+			panel = undefined;
+			panelLayoutToken = undefined;
+		}
 		panelTui?.requestRender();
 	}
 
+	function setReducedModeStatus(ctx: ExtensionContext): void {
+		ctx.ui.setStatus(STATUS_KEY, formatModeRail(selectedMode, ctx.ui.theme, ctx.ui.theme.bold(selectedMode)));
+	}
+
+	function enterReducedOptionalUi(ctx: ExtensionContext): void {
+		if (!reducedOptionalUi) {
+			reducedOptionalUi = true;
+			removePanelLayout();
+			fullscreenPanelCapable = false;
+		}
+		setReducedModeStatus(ctx);
+		if (!reducedUiNoticeShown) {
+			reducedUiNoticeShown = true;
+			ctx.ui.notify(
+				"Another extension owns Pi's custom editor or fullscreen layout. Pi Plan Build disabled its custom composer and experimental step-by-step panel; Plan and Build workflows remain available through Ctrl+Tab, /plan, and /build.",
+				"warning",
+			);
+		}
+	}
+
+	function detectOptionalUiConflict(ctx: ExtensionContext): boolean {
+		if (reducedOptionalUi) return true;
+		const editorConflict = shouldReduceOptionalUi(
+			ctx.ui.getEditorComponent(),
+			composerMountingEditorFactory ?? installedEditorFactory,
+		);
+		const expectedRoot = panelLayoutRoot ?? originalLayoutRoot;
+		const layoutConflict = expectedRoot !== undefined && !ownsUiSlot(currentLayoutRoot(), expectedRoot);
+		if (editorConflict || layoutConflict) {
+			enterReducedOptionalUi(ctx);
+			return true;
+		}
+		return false;
+	}
+
 	function cancelPlanExecution(): void {
 		execution = undefined;
 		removePanelLayout();
@@ -191,9 +245,17 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 
 	function ensurePanelLayout(): boolean {
 		if (!execution || !fullscreenPanelCapable || !panelTui || !originalLayoutRoot || !currentContext) return false;
+		if (detectOptionalUiConflict(currentContext)) return false;
+		const expectedRoot = panelLayoutRoot ?? originalLayoutRoot;
+		if (!ownsUiSlot(currentLayoutRoot(), expectedRoot)) {
+			enterReducedOptionalUi(currentContext);
+			return false;
+		}
 		if (!panel) panel = new PlanPanel(execution, currentContext.ui.theme);
 		else panel.setState(execution);
 		if (!panelLayoutRoot) {
+			const layoutToken = { enabled: true };
+			panelLayoutToken = layoutToken;
 			panelLayoutRoot = new HStack([
 				{ component: originalLayoutRoot, basis: 0, grow: 1, shrink: 1, minSize: 58 },
 				{
@@ -203,7 +265,7 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 					shrink: 0,
 					minSize: PANEL_WIDTH,
 					maxSize: PANEL_WIDTH,
-					visible: (viewport) => execution?.panelVisible !== false && viewport.width >= PANEL_MIN_TERMINAL_WIDTH,
+					visible: (viewport) => layoutToken.enabled && !reducedOptionalUi && execution !== undefined && execution.panelVisible !== false && viewport.width >= PANEL_MIN_TERMINAL_WIDTH,
 				},
 			]);
 			panelTui.setLayoutRoot?.(panelLayoutRoot);
@@ -213,7 +275,10 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 	}
 
 	function updateModeIndicator(ctx: ExtensionContext): void {
-		// Clear the legacy footer status; the mode is now rendered inside the editor.
+		if (detectOptionalUiConflict(ctx)) {
+			setReducedModeStatus(ctx);
+			return;
+		}
 		ctx.ui.setStatus(STATUS_KEY, undefined);
 		requestEditorRender?.();
 	}
@@ -278,6 +343,10 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 		description: "Switch to Build mode",
 		handler: async (_args, ctx) => selectMode("build", ctx, "manual"),
 	});
+	pi.registerShortcut("ctrl+tab", {
+		description: "Cycle Plan and Build modes",
+		handler: async (ctx) => selectMode(nextMode(selectedMode), ctx, "manual"),
+	});
 	pi.registerCommand("build-fresh", {
 		description: "Start a clean linked session and implement the plan selected in plan_exit",
 		handler: async (_args, ctx) => {
@@ -446,6 +515,9 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 				return finish("Step-by-step execution was cancelled. The panel and execution guards were removed; the saved plan file remains available.");
 			}
 			if (params.action === "hide" || params.action === "show") {
+				if (params.action === "show" && reducedOptionalUi) {
+					throw new Error("The visual plan panel is disabled because another extension owns Pi's optional editor or fullscreen layout UI");
+				}
 				updateExecution({ ...execution, panelVisible: params.action === "show" });
 				if (params.action === "show") ensurePanelLayout();
 				return finish(`The visual plan panel is now ${params.action === "show" ? "visible" : "hidden"}. Progress is unchanged.`);
@@ -548,9 +620,10 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 			if (!plan.trim()) throw new Error("Cannot request plan approval because the plan file is empty");
 			pi.appendEntry(PLAN_REVIEW_ENTRY_TYPE, { plan, planPath });
 			const displayPath = shorten(planPath, ctx.cwd);
+			detectOptionalUiConflict(ctx);
 			let stepExecution: PlanExecutionState | undefined;
 			let checklistError: string | undefined;
-			const panelAvailable = fullscreenPanelCapable && (panelTui?.terminal.columns ?? 0) >= PANEL_MIN_TERMINAL_WIDTH;
+			const panelAvailable = !reducedOptionalUi && fullscreenPanelCapable && (panelTui?.terminal.columns ?? 0) >= PANEL_MIN_TERMINAL_WIDTH;
 			if (panelAvailable) {
 				try {
 					stepExecution = createPlanExecution(plan);
@@ -655,6 +728,7 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 	});
 
 	pi.on("before_agent_start", async (_event, ctx) => {
+		detectOptionalUiConflict(ctx);
 		runMode = selectedMode;
 		applyTools(runMode);
 		let content: string | undefined;
@@ -692,6 +766,10 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 	pi.on("session_start", async (event, ctx) => {
 		userMessageRail.activate();
 		currentContext = ctx;
+		installedEditorFactory = undefined;
+		composerMountingEditorFactory = undefined;
+		reducedOptionalUi = false;
+		reducedUiNoticeShown = false;
 		const entries = ctx.sessionManager.getEntries();
 		const latest = entries
 			.filter(
@@ -715,85 +793,7 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 		applyTools(selectedMode);
 		updateModeIndicator(ctx);
 
-		if (ctx.mode === "tui") {
-			ctx.ui.setFooter((tui, theme, footerData) => {
-				const unsubscribe = footerData.onBranchChange(() => tui.requestRender());
-				return {
-					dispose: unsubscribe,
-					invalidate() {},
-					render(width: number): string[] {
-						let input = 0;
-						let output = 0;
-						let cacheRead = 0;
-						let cacheWrite = 0;
-						let cost = 0;
-						let latestCacheHitRate: number | undefined;
-						for (const entry of ctx.sessionManager.getEntries()) {
-							const usage =
-								entry.type === "message" &&
-								(entry.message.role === "assistant" || entry.message.role === "toolResult")
-									? entry.message.usage
-									: (entry.type === "branch_summary" || entry.type === "compaction")
-										? entry.usage
-										: undefined;
-							if (!usage) continue;
-							input += usage.input;
-							output += usage.output;
-							cacheRead += usage.cacheRead;
-							cacheWrite += usage.cacheWrite;
-							cost += usage.cost.total;
-							if (entry.type === "message" && entry.message.role === "assistant") {
-								const promptTokens = usage.input + usage.cacheRead + usage.cacheWrite;
-								latestCacheHitRate = promptTokens > 0 ? (usage.cacheRead / promptTokens) * 100 : undefined;
-							}
-						}
-
-						let cwd = formatFooterCwd(ctx.sessionManager.getCwd(), process.env.HOME || process.env.USERPROFILE);
-						const branch = footerData.getGitBranch();
-						if (branch) cwd += ` (${branch})`;
-						const sessionName = ctx.sessionManager.getSessionName();
-						if (sessionName) cwd += ` • ${sessionName}`;
-
-						const stats: string[] = [];
-						if (input) stats.push(`↑${formatTokens(input)}`);
-						if (output) stats.push(`↓${formatTokens(output)}`);
-						if (cacheRead) stats.push(`R${formatTokens(cacheRead)}`);
-						if (cacheWrite) stats.push(`W${formatTokens(cacheWrite)}`);
-						if ((cacheRead || cacheWrite) && latestCacheHitRate !== undefined) {
-							stats.push(`CH${latestCacheHitRate.toFixed(1)}%`);
-						}
-						const usingSubscription = ctx.model
-							? ctx.model.provider === "kimi-coding" || ctx.modelRegistry.isUsingOAuth(ctx.model)
-							: false;
-						if (cost || usingSubscription) {
-							stats.push(`$${cost.toFixed(3)}${usingSubscription ? " (sub)" : ""}`);
-						}
-
-						const contextUsage = ctx.getContextUsage();
-						const contextWindow = contextUsage?.contextWindow ?? ctx.model?.contextWindow ?? 0;
-						const contextPercent = contextUsage?.percent;
-						const contextText = `${contextPercent === null || contextPercent === undefined ? "?" : `${contextPercent.toFixed(1)}%`}/${formatTokens(contextWindow)} (auto)`;
-						stats.push(
-							contextPercent !== null && contextPercent !== undefined && contextPercent > 90
-								? theme.fg("error", contextText)
-								: contextPercent !== null && contextPercent !== undefined && contextPercent > 70
-									? theme.fg("warning", contextText)
-									: contextText,
-						);
-
-						const lines = [
-							truncateToWidth(theme.fg("dim", cwd), width, theme.fg("dim", "...")),
-							truncateToWidth(theme.fg("dim", stats.join(" ")), width, theme.fg("dim", "...")),
-						];
-						const statuses = Array.from(footerData.getExtensionStatuses().entries())
-							.sort(([a], [b]) => a.localeCompare(b))
-							.map(([, text]) => text.replace(/[\r\n\t]/g, " ").replace(/ +/g, " ").trim());
-						if (statuses.length) lines.push(truncateToWidth(statuses.join(" "), width, theme.fg("dim", "...")));
-						return lines;
-					},
-				};
-			});
-
+		if (ctx.mode === "tui" && !reducedOptionalUi) {
 			// Startup history is populated after session_start; replacement flows recreate the editor after that step.
 			const promptHistory = event.reason === "startup" ? [] : extractPromptHistory(ctx.sessionManager.getBranch());
 			class ModeEditor extends CustomEditor {
@@ -806,6 +806,7 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 				}
 
 				override render(width: number): string[] {
+					if (reducedOptionalUi) return super.render(width);
 					const railWidth = 2;
 					const paddingWidth = Math.min(railWidth, Math.max(0, Math.floor((width - 1) / 2)));
 					if (this.getPaddingX() !== railWidth) this.setPaddingX(railWidth);
@@ -845,19 +846,20 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 				}
 
 				override handleInput(data: string): void {
-					if (this.matchesThinkingCycle?.(data)) {
+					if (!reducedOptionalUi && this.matchesThinkingCycle?.(data)) {
 						if (this.onExtensionShortcut?.(data)) return;
 						this.onCycleThinking?.();
 						return;
 					}
-					if (matchesKey(data, Key.tab) && !this.isShowingAutocomplete()) {
+					if (!reducedOptionalUi && matchesKey(data, Key.tab) && !this.isShowingAutocomplete()) {
 						this.onCycle?.();
 						return;
 					}
 					super.handleInput(data);
 				}
 			}
-			ctx.ui.setEditorComponent((tui, theme, keybindings) => {
+			installedEditorFactory = (tui, theme, keybindings) => {
+				composerMountingEditorFactory = ctx.ui.getEditorComponent() ?? installedEditorFactory;
 				const editor = new ModeEditor(tui, theme, keybindings);
 				for (const prompt of promptHistory) editor.addToHistory(prompt);
 				requestEditorRender = () => editor.requestModeRender();
@@ -881,7 +883,8 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 					editor.requestModeRender();
 				};
 				return editor;
-			});
+			};
+			ctx.ui.setEditorComponent(installedEditorFactory);
 			if (execution && !fullscreenPanelCapable) {
 				ctx.ui.notify("Step-by-step progress was restored, but its plan panel requires fullscreen TUI mode. Progress is preserved.", "warning");
 			}
@@ -892,14 +895,18 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 		userMessageRail.deactivate();
 		removePanelLayout();
 		ctx.ui.setStatus(STATUS_KEY, undefined);
-		ctx.ui.setFooter(undefined);
-		ctx.ui.setEditorComponent(undefined);
+		if (ownsUiSlot(ctx.ui.getEditorComponent(), installedEditorFactory)) ctx.ui.setEditorComponent(undefined);
 		requestEditorRender = undefined;
+		installedEditorFactory = undefined;
+		composerMountingEditorFactory = undefined;
 		panel = undefined;
 		panelTui = undefined;
 		panelLayoutRoot = undefined;
+		panelLayoutToken = undefined;
 		originalLayoutRoot = undefined;
 		fullscreenPanelCapable = false;
+		reducedOptionalUi = false;
+		reducedUiNoticeShown = false;
 		currentContext = undefined;
 	});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janvitos/pi-plan-build",
-  "version": "0.1.47",
+  "version": "0.1.49",
   "description": "Plan safely, approve explicitly, then implement here or in a clean session.",
   "type": "module",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "scripts": {
-    "test": "node --experimental-strip-types --test utils.test.ts question-ui.test.ts plan-execution.test.ts plan-panel.test.ts user-message-rail.test.ts",
+    "test": "node --experimental-strip-types --test utils.test.ts question-ui.test.ts plan-execution.test.ts plan-panel.test.ts user-message-rail.test.ts ui-compat.test.ts",
     "prepublishOnly": "npm test"
   },
   "peerDependencies": {

package/user-message-rail.ts

@@ -139,7 +139,7 @@ export function installUserMessageRail(
 			resolver: new TranscriptModeResolver(),
 			formatRail: options.formatRail,
 			getFallbackMode: options.getFallbackMode,
-			glyph: "┇",
+			glyph: "│",
 		};
 		globalState[PATCH_KEY] = state;
 	}
@@ -148,7 +148,7 @@ export function installUserMessageRail(
 	state.owner = owner;
 	state.formatRail = options.formatRail;
 	state.getFallbackMode = options.getFallbackMode;
-	state.glyph = "┇";
+	state.glyph = "│";
 	// Reinstall from the preserved original on every extension load. This migrates
 	// already-running processes away from stale decorator code without stacking wrappers.
 	UserMessageComponent.prototype.render = function renderWithModeRail(width: number): string[] {

package/utils.ts

@@ -1,4 +1,4 @@
-import path, { isAbsolute, relative, resolve, sep } from "node:path";
+import path from "node:path";
 
 export type Mode = "build" | "plan";
 
@@ -76,23 +76,12 @@ export function formatModeMetadata(
 	return `${options?.rail ?? formatModeRail(mode, theme)} ${modeText}${modelText}${theme.fg("dim", thinkingSeparator)}${thinkingColor(thinkingLevel)}`;
 }
 
-export function formatTokens(count: number): string {
-	if (count < 1000) return count.toString();
-	if (count < 10000) return `${(count / 1000).toFixed(1)}k`;
-	if (count < 1000000) return `${Math.round(count / 1000)}k`;
-	if (count < 10000000) return `${(count / 1000000).toFixed(1)}M`;
-	return `${Math.round(count / 1000000)}M`;
+export function shouldReduceOptionalUi(currentOwner: unknown, acceptedOwner: unknown): boolean {
+	return acceptedOwner === undefined ? currentOwner !== undefined : currentOwner !== acceptedOwner;
 }
 
-export function formatFooterCwd(cwd: string, home: string | undefined): string {
-	if (!home) return cwd;
-	const resolvedCwd = resolve(cwd);
-	const relativeToHome = relative(resolve(home), resolvedCwd);
-	const isInsideHome =
-		relativeToHome === "" ||
-		(relativeToHome !== ".." && !relativeToHome.startsWith(`..${sep}`) && !isAbsolute(relativeToHome));
-	if (!isInsideHome) return cwd;
-	return relativeToHome === "" ? "~" : `~${sep}${relativeToHome}`;
+export function ownsUiSlot(currentOwner: unknown, installedOwner: unknown): boolean {
+	return installedOwner !== undefined && currentOwner === installedOwner;
 }
 
 export interface LineWidthTools {