@timurproko/a1 0.1.8-dev.0b6d8cc → 0.1.8-dev.121

package/dist/{src/foundation/pi-owned-ui-integration → integrations/pi/owned-ui}/session-shell.js

@@ -1,704 +1,9 @@
-import { MOUSE_TRACKING_OFF, MOUSE_TRACKING_ON, parseMouseInput } from "../ui-components/index.js";
-import { PINNED_PI_HIDDEN_COMMAND_NAMES, PINNED_PI_WORKFLOW_COMMAND_NAMES, } from "../pi-engine-adapter/index.js";
-import { createPiExtensionUiBridge, createPiQueuedInputStatus, createPiShellArmin, createPiShellAuthProviderSelector, createPiShellChangelog, createPiShellDaxnuts, createPiShellDialog, createPiShellEarendilAnnouncement, createPiShellEditor, createPiShellExtensionSelector, createPiShellFooter, createPiShellHeader, createPiShellHotkeys, createPiShellLoadedResources, createPiShellLoginDialog, createPiShellModelSelector, createPiShellOperationLoader, createPiShellReloadBox, createPiShellScopedModelsSelector, createPiShellSelector, createPiShellSessionInfo, createPiShellSessionSelector, createPiShellSettingsSelector, createPiShellStatus, createPiShellTranscriptComponent, createPiShellTreeSelector, createPiShellTrustSelector, createPiShellUserMessageSelector, onPiThemeChange, piTheme, renderPiShellPackageUpdateNotice, renderPiShellStartupDiagnostic, renderPiShellStatusText, renderPiShellTranscriptBlock, } from "../pi-component-adapter/index.js";
-import { PiTuiRuntimeAdapter, } from "../pi-tui-runtime-adapter/index.js";
-export class OwnedUiSessionShellRoot {
-    editor;
-    header;
-    resources;
-    #cwd;
-    #transcript = new Map();
-    #blocksById = new Map();
-    #renderedRows = new Map();
-    #themeUnsubscribe;
-    #transcriptOrder = [];
-    #view;
-    #status;
-    #footer;
-    #queued;
-    #extensionRenderers;
-    #componentRuntime;
-    #toolsExpanded = false;
-    #thinkingVisible = true;
-    #workflowTranscriptSequence = 0;
-    #workflowStatusAnchors = new Map();
-    #workflowStatusMessages = new Map();
-    #lastWorkflowStatusId;
-    #inputSurface;
-    #extensionHeader = null;
-    #extensionFooter = null;
-    #extensionWidgets = new Map();
-    #extensionStatuses = new Map();
-    #extensionWorkingMessage;
-    #extensionWorkingVisible = true;
-    constructor(view, cwd, handlers, startup = {}, agentDir, extensionRenderers = {
-        getMessageRenderer: () => undefined,
-        getToolDefinition: () => undefined,
-    }) {
-        this.#view = view;
-        this.#cwd = cwd;
-        this.#extensionRenderers = extensionRenderers;
-        this.#componentRuntime = handlers;
-        this.header = createPiShellHeader(startup);
-        this.resources = createPiShellLoadedResources(startup.resources ?? [], startup.expanded ?? false);
-        this.#status = createPiShellStatus(view, handlers);
-        this.#footer = createPiShellFooter(this.#viewWithExtensionStatuses(view), cwd);
-        this.#queued = createPiQueuedInputStatus(view.editor.queuedSubmissions);
-        this.editor = createPiShellEditor({
-            ...handlers,
-            cwd,
-            ...(agentDir === undefined ? {} : { agentDir }),
-            onToolsExpand: () => this.#setToolsExpanded(!this.#toolsExpanded),
-        });
-        this.editor.setThinkingLevel(view.thinkingLevel);
-        this.#inputSurface = this.editor;
-        for (const block of view.transcript) {
-            if (block.kind === "user")
-                this.editor.addToHistory(block.text);
-        }
-        this.#syncTranscript(view.transcript);
-        // Colours come from the active theme, so rendered rows outlive their revision only
-        // until the theme under them changes.
-        this.#themeUnsubscribe = onPiThemeChange(() => this.#renderedRows.clear());
-    }
-    update(view) {
-        this.#view = view;
-        this.#status.update(view);
-        this.#footer.update(this.#viewWithExtensionStatuses(view));
-        this.#queued.update(view.editor.queuedSubmissions);
-        this.#syncTranscript(view.transcript);
-        this.editor.setSubmitEnabled(view.lifecycle !== "stopping" && view.lifecycle !== "stopped" && view.lifecycle !== "failed");
-        this.editor.setThinkingLevel(view.thinkingLevel);
-        this.invalidate();
-    }
-    render(width) {
-        const queued = this.#view.editor.queuedSubmissions.length === 0 ? [] : this.#queued.render(width);
-        return [
-            ...this.#renderDocument(width),
-            ...queued,
-            ...this.#renderStatus(width),
-            ...this.#renderWidgets("aboveEditor", width),
-            ...this.#inputSurface.render(width),
-            ...this.#renderWidgets("belowEditor", width),
-            ...this.#renderFooter(width),
-        ];
-    }
-    layoutRoot() {
-        const document = layoutPort(width => this.#renderDocument(width), () => this.invalidate());
-        const queued = layoutPort(width => this.#view.editor.queuedSubmissions.length === 0 ? [] : this.#queued.render(width), () => this.#queued.invalidate());
-        const aboveWidgets = layoutPort(width => this.#renderWidgets("aboveEditor", width), () => this.#invalidateExtensions());
-        const status = layoutPort(width => this.#renderStatus(width), () => this.#status.invalidate());
-        const editor = layoutPort(width => this.#inputSurface.render(width), () => this.#inputSurface.invalidate(), data => this.#inputSurface.handleInput?.(data));
-        const belowWidgets = layoutPort(width => this.#renderWidgets("belowEditor", width), () => this.#invalidateExtensions());
-        const footer = layoutPort(width => this.#renderFooter(width), () => (this.#extensionFooter ?? this.#footer).invalidate());
-        return {
-            type: "stack",
-            direction: "vertical",
-            children: [
-                {
-                    basis: 0,
-                    grow: 1,
-                    shrink: 1,
-                    minSize: 1,
-                    node: {
-                        type: "scroll",
-                        id: "transcript",
-                        follow: "end",
-                        primary: true,
-                        overscroll: "chain",
-                        scrollbar: "auto",
-                        scrollbarStyle: text => piTheme().bg("scrollbarThumb", text),
-                        child: { type: "component", component: document },
-                    },
-                },
-                {
-                    basis: "auto",
-                    grow: 0,
-                    shrink: 1,
-                    minSize: 1,
-                    node: {
-                        type: "stack",
-                        direction: "vertical",
-                        children: [
-                            { shrink: 1, minSize: 0, node: { type: "component", component: queued } },
-                            { shrink: 1, minSize: 0, node: { type: "component", component: status } },
-                            { shrink: 1, minSize: 0, node: { type: "component", component: aboveWidgets } },
-                            { shrink: 1, minSize: 3, node: { type: "component", component: editor } },
-                            { shrink: 1, minSize: 0, node: { type: "component", component: belowWidgets } },
-                            { shrink: 1, minSize: 1, node: { type: "component", component: footer } },
-                        ],
-                    },
-                },
-            ],
-        };
-    }
-    #renderDocument(width) {
-        const transcript = this.#transcriptOrder.flatMap((id, index) => {
-            const block = this.#blocksById.get(id);
-            if (!this.#thinkingVisible && block?.kind === "thinking")
-                return [];
-            const rows = this.#blockRows(id, block, width);
-            if (index > 0 && block?.kind === "user")
-                return ["", ...rows];
-            return rows;
-        });
-        const diagnostics = this.#view.diagnostics;
-        const startupRows = diagnostics
-            .filter(diagnostic => diagnostic.code === "engine-startup")
-            .flatMap(diagnostic => renderPiShellStartupDiagnostic(diagnostic, width));
-        const packageUpdateRows = diagnostics
-            .filter(diagnostic => diagnostic.code === "package-updates")
-            .flatMap(diagnostic => renderPiShellPackageUpdateNotice(diagnostic.message.split("\n").filter(line => line.startsWith("- ")).map(line => line.slice(2)), width));
-        const diagnosticRows = diagnostics
-            .filter(diagnostic => diagnostic.code !== "engine-startup" && diagnostic.code !== "package-updates")
-            .slice(-3)
-            .flatMap(diagnostic => renderPiShellTranscriptBlock({
-            id: `diagnostic-${diagnostic.sequence}`,
-            kind: diagnostic.severity === "error" ? "error" : "system",
-            status: "finalized",
-            revision: diagnostic.sequence,
-            title: diagnostic.code,
-            text: diagnostic.message,
-            payload: {},
-        }, width, this.#cwd));
-        const resourceRows = [...this.resources.render(width)];
-        if (resourceRows.at(-1) === "")
-            resourceRows.pop();
-        return [
-            ...startupRows,
-            ...(this.#extensionHeader ?? this.header).render(width),
-            ...resourceRows,
-            ...transcript,
-            ...packageUpdateRows,
-            ...diagnosticRows,
-        ];
-    }
-    /**
-     * Rows for one transcript block. A finalized block renders once for a given revision
-     * and width and is reused after that, so a frame costs what changed rather than what
-     * the session has accumulated. A live block, and anything the shell drives itself, is
-     * rendered every time because its content is still moving.
-     */
-    #blockRows(id, block, width) {
-        const component = this.#transcript.get(id);
-        if (component === undefined)
-            return [];
-        if (block === undefined || block.status !== "finalized")
-            return component.render(width);
-        const cached = this.#renderedRows.get(id);
-        if (cached && cached.width === width && cached.revision === block.revision)
-            return cached.rows;
-        const rows = component.render(width);
-        this.#renderedRows.set(id, { width, revision: block.revision, rows });
-        return rows;
-    }
-    transcriptComponent(id) {
-        return this.#transcript.get(id);
-    }
-    appendWorkflowStatus(message) {
-        const previousId = this.#lastWorkflowStatusId;
-        if (previousId !== undefined
-            && this.#transcriptOrder.at(-1) === previousId
-            && this.#workflowStatusAnchors.get(previousId) === this.#view.transcript.length) {
-            this.#workflowStatusMessages.set(previousId, message);
-            this.invalidate();
-            return;
-        }
-        const id = this.#appendAnchoredWorkflowComponent(width => [
-            "",
-            ...renderPiShellStatusText(this.#workflowStatusMessages.get(id) ?? message, width),
-        ]);
-        this.#workflowStatusMessages.set(id, message);
-        this.#lastWorkflowStatusId = id;
-    }
-    appendWorkflowResult(result) {
-        if (result.command === "reload" && result.outcome === "completed") {
-            this.appendWorkflowStatus(result.message);
-            return;
-        }
-        if (result.command === "session" && result.outcome === "completed" && result.presentation?.kind === "session-info") {
-            this.#lastWorkflowStatusId = undefined;
-            const sessionInfo = createPiShellSessionInfo(result.presentation);
-            this.#appendAnchoredWorkflowComponent(width => sessionInfo.render(width), () => sessionInfo.dispose?.());
-            return;
-        }
-        if (result.command === "hotkeys" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            const hotkeys = createPiShellHotkeys();
-            this.#appendAnchoredWorkflowComponent(width => hotkeys.render(width), () => hotkeys.dispose?.());
-            return;
-        }
-        if (result.command === "changelog" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            const changelog = createPiShellChangelog(result.detail ?? "No changelog entries found.");
-            this.#appendAnchoredWorkflowComponent(width => changelog.render(width), () => changelog.dispose?.());
-            return;
-        }
-        if (result.outcome === "failed") {
-            this.#lastWorkflowStatusId = undefined;
-            const warning = (result.command === "name" && result.message.startsWith("Usage:"))
-                || (result.command === "reload" && result.message.startsWith("Wait for "));
-            const prefix = warning ? "Warning" : "Error";
-            const color = warning ? "warning" : "error";
-            this.#appendAnchoredWorkflowComponent(() => ["", ` ${piTheme().fg(color, `${prefix}: ${result.message}`)}`]);
-            return;
-        }
-        if (result.outcome === "completed" && (result.command === "quit" || result.command === "compact"))
-            return;
-        if (result.command === "new" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            this.#appendAnchoredWorkflowComponent(() => ["", ` ${piTheme().fg("accent", result.message)}`]);
-            return;
-        }
-        if (result.command === "name" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            this.#appendAnchoredWorkflowComponent(() => [
-                ...(result.detail ? ["", ` ${piTheme().fg("warning", `Warning: ${result.detail}`)}`] : []),
-                "",
-                ` ${piTheme().fg("dim", result.message)}`,
-            ]);
-            return;
-        }
-        if (result.command === "debug" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            this.#appendAnchoredWorkflowComponent(() => [
-                "",
-                ` ${piTheme().fg("accent", result.message)}`,
-                ...(result.detail ? [` ${piTheme().fg("muted", result.detail)}`] : []),
-            ]);
-            return;
-        }
-        if (result.command === "arminsayshi" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            const armin = createPiShellArmin(this.#componentRuntime);
-            this.#appendAnchoredWorkflowComponent(width => ["", ...armin.render(width)], () => armin.dispose?.());
-            return;
-        }
-        if (result.command === "dementedelves" && result.outcome === "completed") {
-            this.#lastWorkflowStatusId = undefined;
-            const announcement = createPiShellEarendilAnnouncement();
-            this.#appendAnchoredWorkflowComponent(width => ["", ...announcement.render(width)], () => announcement.dispose?.());
-            return;
-        }
-        const message = result.command === "share" && result.detail
-            ? `${result.message}\nGist: ${result.detail}`
-            : result.message;
-        this.appendWorkflowStatus(message);
-    }
-    appendDaxnuts() {
-        this.#lastWorkflowStatusId = undefined;
-        const daxnuts = createPiShellDaxnuts(this.#componentRuntime);
-        this.#appendAnchoredWorkflowComponent(width => ["", ...daxnuts.render(width)], () => daxnuts.dispose?.());
-    }
-    toggleThinkingVisibility() {
-        this.#thinkingVisible = !this.#thinkingVisible;
-        this.invalidate();
-    }
-    get toolsExpanded() {
-        return this.#toolsExpanded;
-    }
-    setToolsExpanded(expanded) {
-        this.#setToolsExpanded(expanded);
-    }
-    setExtensionWidget(key, component, placement) {
-        const previous = this.#extensionWidgets.get(key)?.component;
-        if (component === null)
-            this.#extensionWidgets.delete(key);
-        else
-            this.#extensionWidgets.set(key, { component, placement });
-        if (previous !== undefined && previous !== component)
-            previous.dispose?.();
-        this.invalidate();
-    }
-    setExtensionHeader(component) {
-        if (this.#extensionHeader !== component)
-            this.#extensionHeader?.dispose?.();
-        this.#extensionHeader = component;
-        this.invalidate();
-    }
-    setExtensionFooter(component) {
-        if (this.#extensionFooter !== component)
-            this.#extensionFooter?.dispose?.();
-        this.#extensionFooter = component;
-        this.invalidate();
-    }
-    setExtensionStatus(key, text) {
-        if (text === undefined)
-            this.#extensionStatuses.delete(key);
-        else
-            this.#extensionStatuses.set(key, text);
-        this.#footer.update(this.#viewWithExtensionStatuses(this.#view));
-        this.invalidate();
-    }
-    setExtensionWorking(message, visible = this.#extensionWorkingVisible) {
-        this.#extensionWorkingMessage = message;
-        this.#extensionWorkingVisible = visible;
-        this.#status.setWorkingOverride(visible ? message : undefined);
-        this.invalidate();
-    }
-    resetWorkflowPresentation() {
-        for (const id of this.#workflowStatusAnchors.keys()) {
-            this.#transcript.get(id)?.dispose?.();
-            this.#transcript.delete(id);
-        }
-        this.#workflowStatusAnchors.clear();
-        this.#workflowStatusMessages.clear();
-        this.#transcriptOrder = this.#transcriptOrder.filter(id => !id.startsWith("workflow-status-"));
-        this.#lastWorkflowStatusId = undefined;
-        this.invalidate();
-    }
-    resetExtensionUi() {
-        this.#extensionHeader?.dispose?.();
-        this.#extensionFooter?.dispose?.();
-        for (const { component } of this.#extensionWidgets.values())
-            component.dispose?.();
-        this.#extensionHeader = null;
-        this.#extensionFooter = null;
-        this.#extensionWidgets.clear();
-        this.#extensionStatuses.clear();
-        this.#extensionWorkingMessage = undefined;
-        this.#status.setWorkingOverride(undefined);
-        this.#footer.update(this.#viewWithExtensionStatuses(this.#view));
-        // An extension renderer may have drawn transcript blocks that are now unrendered by it.
-        this.#renderedRows.clear();
-        this.invalidate();
-    }
-    addExtensionNotification(message, type) {
-        if (type === "info") {
-            this.appendWorkflowStatus(message);
-            return;
-        }
-        this.#lastWorkflowStatusId = undefined;
-        const prefix = type === "warning" ? "Warning" : "Error";
-        this.#appendAnchoredWorkflowComponent(() => ["", ` ${piTheme().fg(type, `${prefix}: ${message}`)}`]);
-    }
-    extensionFooterData() {
-        return {
-            getGitBranch: () => this.#view.status.footer?.branch ?? null,
-            getExtensionStatuses: () => new Map(this.#extensionStatuses),
-            getAvailableProviderCount: () => this.#view.status.footer?.availableProviderCount ?? 1,
-            onBranchChange: () => () => { },
-        };
-    }
-    setInputSurface(component, disposePrevious = true) {
-        const next = component ?? this.editor;
-        if (next === this.#inputSurface)
-            return;
-        this.#inputSurface.setFocused?.(false);
-        if (disposePrevious && this.#inputSurface !== this.editor)
-            this.#inputSurface.dispose?.();
-        this.#inputSurface = next;
-        this.#inputSurface.setFocused?.(true);
-        this.invalidate();
-    }
-    handleInput(data) {
-        this.#inputSurface.handleInput?.(data);
-    }
-    invalidate() {
-        this.header.invalidate();
-        this.resources.invalidate();
-        for (const component of this.#transcript.values())
-            component.invalidate();
-        this.editor.invalidate();
-        if (this.#inputSurface !== this.editor)
-            this.#inputSurface.invalidate();
-        this.#invalidateExtensions();
-        this.#status.invalidate();
-        this.#footer.invalidate();
-        this.#queued.invalidate();
-    }
-    setFocused(focused) {
-        this.#inputSurface.setFocused?.(focused);
-    }
-    dispose() {
-        this.#themeUnsubscribe();
-        this.header.dispose?.();
-        this.resources.dispose?.();
-        for (const component of this.#transcript.values())
-            component.dispose?.();
-        this.#transcript.clear();
-        this.#renderedRows.clear();
-        if (this.#inputSurface !== this.editor)
-            this.#inputSurface.dispose?.();
-        this.#extensionHeader?.dispose?.();
-        this.#extensionFooter?.dispose?.();
-        for (const { component } of this.#extensionWidgets.values())
-            component.dispose?.();
-        this.#extensionWidgets.clear();
-        this.editor.dispose?.();
-        this.#status.dispose?.();
-        this.#footer.dispose?.();
-        this.#queued.dispose?.();
-    }
-    #syncTranscript(blocks) {
-        this.#blocksById.clear();
-        for (const block of blocks)
-            this.#blocksById.set(block.id, block);
-        const nextIds = new Set(blocks.map(block => block.id));
-        for (const [id, component] of this.#transcript) {
-            if (id.startsWith("workflow-status-") || nextIds.has(id))
-                continue;
-            component.dispose?.();
-            this.#transcript.delete(id);
-            this.#renderedRows.delete(id);
-        }
-        for (const block of blocks) {
-            const component = this.#transcript.get(block.id);
-            if (component === undefined) {
-                const created = createPiShellTranscriptComponent(block, this.#cwd, this.#extensionRenderers);
-                created.setExpanded(this.#toolsExpanded);
-                this.#transcript.set(block.id, created);
-            }
-            else if (component.revision !== block.revision) {
-                component.update(block);
-            }
-        }
-        const statusIds = [...this.#workflowStatusAnchors.keys()];
-        const order = [];
-        for (let index = 0; index <= blocks.length; index += 1) {
-            for (const statusId of statusIds) {
-                if (this.#workflowStatusAnchors.get(statusId) === index)
-                    order.push(statusId);
-            }
-            const block = blocks[index];
-            if (block !== undefined)
-                order.push(block.id);
-        }
-        const placed = new Set(order);
-        for (const statusId of statusIds) {
-            if (!placed.has(statusId))
-                order.push(statusId);
-        }
-        this.#transcriptOrder = order;
-    }
-    #appendAnchoredWorkflowComponent(render, dispose) {
-        this.#workflowTranscriptSequence += 1;
-        const id = `workflow-status-${this.#workflowTranscriptSequence}`;
-        const component = {
-            id,
-            revision: 1,
-            render,
-            handleInput() { },
-            invalidate() { },
-            update() { },
-            setExpanded() { },
-            ...(dispose === undefined ? {} : { dispose }),
-        };
-        this.#transcript.set(id, component);
-        this.#workflowStatusAnchors.set(id, this.#view.transcript.length);
-        this.#transcriptOrder.push(id);
-        this.invalidate();
-        return id;
-    }
-    #renderWidgets(placement, width) {
-        const rows = [...this.#extensionWidgets.values()]
-            .filter(widget => widget.placement === placement)
-            .flatMap(widget => widget.component.render(width));
-        return placement === "aboveEditor" ? ["", ...rows] : rows;
-    }
-    #renderStatus(width) {
-        return this.#status.render(width);
-    }
-    #renderFooter(width) {
-        return (this.#extensionFooter ?? this.#footer).render(width);
-    }
-    #viewWithExtensionStatuses(view) {
-        const footer = view.status.footer;
-        const statuses = new Map(footer?.extensionStatuses ?? []);
-        for (const [key, text] of this.#extensionStatuses)
-            statuses.set(key, text);
-        return {
-            ...view,
-            status: {
-                ...view.status,
-                footer: {
-                    branch: footer?.branch ?? null,
-                    sessionName: footer?.sessionName ?? null,
-                    availableProviderCount: footer?.availableProviderCount ?? 1,
-                    extensionStatuses: [...statuses],
-                },
-            },
-        };
-    }
-    #invalidateExtensions() {
-        this.#extensionHeader?.invalidate();
-        this.#extensionFooter?.invalidate();
-        for (const { component } of this.#extensionWidgets.values())
-            component.invalidate();
-    }
-    #setToolsExpanded(expanded) {
-        this.#toolsExpanded = expanded;
-        this.header.setExpanded(expanded);
-        this.resources.setExpanded(expanded);
-        for (const component of this.#transcript.values())
-            component.setExpanded(expanded);
-        // Expansion changes what a block draws without changing its revision.
-        this.#renderedRows.clear();
-        this.invalidate();
-    }
-}
-function layoutPort(render, invalidate, handleInput) {
-    return {
-        render,
-        invalidate,
-        ...(handleInput === undefined ? {} : { handleInput }),
-    };
-}
-function shellResourceEntries(backend) {
-    const resources = backend.nonVisualResources().map(resource => ({
-        section: resource.kind === "skill"
-            ? "Skills"
-            : resource.kind === "prompt-template"
-                ? "Prompts"
-                : resource.kind === "theme"
-                    ? "Themes"
-                    : "Context",
-        label: resource.kind === "prompt-template"
-            ? `/${resource.label}`
-            : resource.kind === "agent-context" || resource.kind === "system-prompt"
-                ? compactResourceLabel(resource.sourcePath ?? resource.label)
-                : resource.label,
-        sourcePath: resource.sourcePath,
-        diagnostic: resource.diagnostic,
-    }));
-    const extensions = backend.extensionResources().filter(extension => !extension.hidden);
-    const loadedExtensions = extensions.filter(extension => extension.diagnostic === null);
-    const extensionLabels = compactExtensionLabels(loadedExtensions);
-    for (const extension of extensions) {
-        const labelIndex = loadedExtensions.indexOf(extension);
-        resources.push({
-            section: "Extensions",
-            label: extensionLabels[labelIndex] ?? compactResourceLabel(extension.sourcePath ?? extension.resolvedPath ?? "extension"),
-            sourcePath: extension.sourcePath ?? extension.resolvedPath,
-            diagnostic: extension.diagnostic,
-        });
-    }
-    return resources;
-}
-function compactResourceLabel(path) {
-    const segments = compactPathSegments(path);
-    const leaf = segments.at(-1) ?? path;
-    if ((leaf === "index.ts" || leaf === "index.js") && segments.length > 1)
-        return segments.at(-2) ?? leaf;
-    return leaf;
-}
-/**
- * Pinned from InteractiveMode's compact extension-label helpers at Pi commit
- * 914cf1472e715297caa30db4b9535d534a9eb718. The source metadata crosses an
- * A1-owned boundary first; the owned shell never inspects Pi's private root.
- */
-function compactExtensionLabels(extensions) {
-    const localExtensions = extensions
-        .filter(extension => !isPackageExtensionSource(extension.sourceInfo))
-        .map(extension => {
-        const path = extension.sourcePath ?? extension.resolvedPath ?? "extension";
-        const segments = compactPathSegments(path);
-        if (segments.length > 1 && (segments.at(-1) === "index.ts" || segments.at(-1) === "index.js"))
-            segments.pop();
-        return { extension, segments };
-    });
-    return extensions.map(extension => {
-        const resourcePath = extension.sourcePath ?? extension.resolvedPath ?? "extension";
-        if (isPackageExtensionSource(extension.sourceInfo)) {
-            return compactPackageExtensionLabel(resourcePath, extension.sourceInfo);
-        }
-        const localIndex = localExtensions.findIndex(item => item.extension === extension);
-        const segments = localExtensions[localIndex]?.segments;
-        if (!segments || segments.length === 0)
-            return compactResourceLabel(resourcePath);
-        for (let count = 1; count <= segments.length; count += 1) {
-            const candidate = segments.slice(-count).join("/");
-            if (localExtensions.every((item, itemIndex) => itemIndex === localIndex || item.segments.slice(-count).join("/") !== candidate)) {
-                return candidate;
-            }
-        }
-        return segments.join("/");
-    });
-}
-function compactPackageExtensionLabel(resourcePath, sourceInfo) {
-    const sourceLabel = compactPackageSourceLabel(sourceInfo.source);
-    if (!sourceLabel)
-        return compactResourceLabel(resourcePath);
-    const shortPath = shortPackagePath(resourcePath, sourceInfo).replaceAll("\\", "/");
-    const packagePath = shortPath.startsWith("extensions/") ? shortPath.slice("extensions/".length) : shortPath;
-    const slash = packagePath.lastIndexOf("/");
-    const fileName = slash < 0 ? packagePath : packagePath.slice(slash + 1);
-    const directory = slash < 0 ? "" : packagePath.slice(0, slash);
-    const extension = fileName.lastIndexOf(".");
-    const name = extension <= 0 ? fileName : fileName.slice(0, extension);
-    if (name === "index")
-        return !directory || directory === "." ? sourceLabel : `${sourceLabel}:${directory}`;
-    return `${sourceLabel}:${packagePath}`;
-}
-function compactPackageSourceLabel(source) {
-    if (source.startsWith("npm:"))
-        return source.slice("npm:".length) || source;
-    if (!source.startsWith("git:"))
-        return source;
-    const gitSource = source.slice("git:".length).trim();
-    let repositoryPath;
-    const scpLike = gitSource.match(/^git@[^:]+:(.+)$/);
-    if (scpLike?.[1]) {
-        repositoryPath = scpLike[1];
-    }
-    else if (/^[a-z]+:\/\//i.test(gitSource)) {
-        try {
-            repositoryPath = new URL(gitSource).pathname.replace(/^\/+/, "");
-        }
-        catch {
-            return source;
-        }
-    }
-    else {
-        const slash = gitSource.indexOf("/");
-        if (slash >= 0)
-            repositoryPath = gitSource.slice(slash + 1);
-    }
-    if (!repositoryPath)
-        return source;
-    const ref = repositoryPath.indexOf("@");
-    const withoutRef = ref < 0 ? repositoryPath : repositoryPath.slice(0, ref);
-    return withoutRef.replace(/\.git$/, "") || source;
-}
-function shortPackagePath(resourcePath, sourceInfo) {
-    const fullPath = normalizeResourcePath(resourcePath);
-    const baseDir = sourceInfo.baseDir === null ? undefined : normalizeResourcePath(sourceInfo.baseDir).replace(/\/$/, "");
-    if (baseDir) {
-        const npmRoot = baseDir.match(/^(.*\/node_modules)\/(@?[^/]+(?:\/[^/]+)?)$/);
-        if (npmRoot?.[1] && fullPath.startsWith(`${npmRoot[1]}/`))
-            return relativeResourcePath(baseDir, fullPath);
-        if (fullPath === baseDir)
-            return ".";
-        if (fullPath.startsWith(`${baseDir}/`))
-            return fullPath.slice(baseDir.length + 1);
-    }
-    const npmMatch = fullPath.match(/node_modules\/(@?[^/]+(?:\/[^/]+)?)\/(.*)/);
-    if (npmMatch?.[2] && sourceInfo.source.startsWith("npm:"))
-        return npmMatch[2];
-    const gitMatch = fullPath.match(/git\/[^/]+\/[^/]+\/(.*)/);
-    if (gitMatch?.[1] && sourceInfo.source.startsWith("git:"))
-        return gitMatch[1];
-    return resourcePath;
-}
-function relativeResourcePath(from, to) {
-    const fromSegments = from.split("/").filter(Boolean);
-    const toSegments = to.split("/").filter(Boolean);
-    let common = 0;
-    while (common < fromSegments.length && common < toSegments.length
-        && fromSegments[common]?.toLowerCase() === toSegments[common]?.toLowerCase())
-        common += 1;
-    return [...fromSegments.slice(common).map(() => ".."), ...toSegments.slice(common)].join("/") || ".";
-}
-function compactPathSegments(path) {
-    return normalizeResourcePath(path).split("/").filter(segment => segment.length > 0 && segment !== "~");
-}
-function normalizeResourcePath(path) {
-    return path.replaceAll("\\", "/");
-}
-function isPackageExtensionSource(sourceInfo) {
-    const source = sourceInfo?.source ?? "";
-    return source.startsWith("npm:") || source.startsWith("git:");
-}
+import { MOUSE_TRACKING_OFF, MOUSE_TRACKING_ON, parseMouseInput } from "../../../ui/components/index.js";
+import { PINNED_PI_HIDDEN_COMMAND_NAMES, PINNED_PI_WORKFLOW_COMMAND_NAMES, } from "../engine/index.js";
+import { createPiExtensionUiBridge, createPiQueuedInputStatus, createPiShellArmin, createPiShellAuthProviderSelector, createPiShellChangelog, createPiShellDaxnuts, createPiShellDialog, createPiShellEarendilAnnouncement, createPiShellEditor, createPiShellExtensionSelector, createPiShellFooter, createPiShellHeader, createPiShellHotkeys, createPiShellLoadedResources, createPiShellLoginDialog, createPiShellModelSelector, createPiShellOperationLoader, createPiShellReloadBox, createPiShellScopedModelsSelector, createPiShellSelector, createPiShellSessionInfo, createPiShellSessionSelector, createPiShellSettingsSelector, createPiShellStatus, createPiShellTranscriptComponent, createPiShellTreeSelector, createPiShellTrustSelector, createPiShellUserMessageSelector, onPiThemeChange, piTheme, renderPiShellPackageUpdateNotice, renderPiShellStartupDiagnostic, renderPiShellStatusText, renderPiShellTranscriptBlock, } from "../components/index.js";
+import { PiTuiRuntimeAdapter, } from "../tui-runtime/index.js";
+import { OwnedUiSessionShellRoot, shellResourceEntries, } from "./session-shell-root.js";
+export { OwnedUiSessionShellRoot } from "./session-shell-root.js";
 export class OwnedUiSessionShell {
     backend;
     root;
@@ -794,9 +99,12 @@ export class OwnedUiSessionShell {
         });
         this.root.editor.setAutocompleteCommands(this.backend.workflowAutocompleteCommands());
         this.#unsubscribe = this.backend.onEvent(event => {
-            // One view read per event: the model is built by the backend, and building it
-            // twice per streamed chunk is what made a long session cost more per chunk.
-            const view = this.#syncView();
+            // A streamed chunk names one block, and touching only that block is what keeps the
+            // cost of a chunk the same in a long session as in a new one. Everything else
+            // resynchronizes the view, which is cheap next to re-reading the transcript.
+            const view = event.type === "transcript-block" && this.#sessionGeneration === this.backend.sessionGeneration
+                ? this.#syncBlock(event.block)
+                : this.#syncView();
             if (view.lifecycle === "ready" && this.#compactionQueue.length > 0)
                 void this.#flushCompactionQueue();
             if (event.type === "session-lifecycle" && event.lifecycle === "stopped")
@@ -1415,6 +723,18 @@ export class OwnedUiSessionShell {
         this.#extensionBridge.dispose();
         await this.runtime.dispose();
     }
+    /**
+     * Applies one transcript block without re-reading the session. The listeners still hear
+     * the view they would have heard, so nothing downstream can tell the difference.
+     */
+    #syncBlock(block) {
+        this.root.applyTranscriptBlock(block);
+        this.runtime.requestRender();
+        const view = this.view();
+        for (const listener of this.#listeners)
+            listener(view);
+        return view;
+    }
     #syncView() {
         const view = this.view();
         if (this.backend.sessionGeneration !== this.#sessionGeneration) {