@selesai/code 0.13.15 → 0.13.18

package/dist/modes/interactive/interactive-mode.js

@@ -6,7 +6,7 @@ import * as fs from "node:fs";
 import * as os from "node:os";
 import * as path from "node:path";
 import * as TuiLayouts from "@earendil-works/pi-tui";
-import { CombinedAutocompleteProvider, Container, fuzzyFilter, Markdown, matchesKey, ProcessTerminal, Spacer, setCapabilityOverrides, setKeybindings, Text, TruncatedText, TuiAltScreen, TuiMainScreen, visibleWidth, } from "@earendil-works/pi-tui";
+import { CombinedAutocompleteProvider, Container, fuzzyFilter, Markdown, matchesKey, Spacer, setCapabilityOverrides, setKeybindings, Text, TruncatedText, TuiAltScreen, TuiMainScreen, visibleWidth, } from "@earendil-works/pi-tui";
 import chalk from "chalk";
 import { spawn, spawnSync } from "child_process";
 import { APP_NAME, APP_TITLE, CONFIG_DIR_NAME, getAgentDir, getAuthPath, getBundledDefaultsDir, getDebugLogPath, getDocsPath, getShareViewerUrl, getUpdateInstruction, PACKAGE_NAME, VERSION, } from "../../config.js";
@@ -24,19 +24,21 @@ import { SessionManager, sessionEntryToContextMessages } from "../../core/sessio
 import { buildGitCommandPrompt, GIT_COMMAND_MODES } from "../../core/git-command.js";
 import { BUILTIN_SLASH_COMMANDS } from "../../core/slash-commands.js";
 import { isInstallTelemetryEnabled } from "../../core/telemetry.js";
+import { withBuiltInRenderers } from "../../core/tools/renderers/index.js";
 import { hasTrustRequiringProjectResources, ProjectTrustStore } from "../../core/trust-manager.js";
 import { formatCost, getUsageCostBreakdown } from "../../core/usage-totals.js";
+import { DEFAULT_THINKING_LEVEL } from "../../core/defaults.js";
 import { getChangelogPath, getNewEntries, normalizeChangelogLinks, parseChangelog } from "../../utils/changelog.js";
 import { copyToClipboard, readClipboardText } from "../../utils/clipboard.js";
 import { extensionForImageMimeType, readClipboardImage } from "../../utils/clipboard-image.js";
 import { parseGitUrl } from "../../utils/git.js";
 import { formatDimensionNote, resizeImage } from "../../utils/image-resize.js";
 import { getCwdRelativePath } from "../../utils/paths.js";
-import { openBrowser } from "../../utils/open-browser.js";
 import { getPiUserAgent } from "../../utils/pi-user-agent.js";
 import { killTrackedDetachedChildren } from "../../utils/shell.js";
 import { ensureTool } from "../../utils/tools-manager.js";
 import { checkForNewPiVersion } from "../../utils/version-check.js";
+import { createChatViewport } from "./chat-viewport.js";
 import { ArminComponent } from "./components/armin.js";
 import { AssistantMessageComponent } from "./components/assistant-message.js";
 import { BashExecutionComponent } from "./components/bash-execution.js";
@@ -73,6 +75,14 @@ import { getModelSearchText } from "./model-search.js";
 import { refreshModelCatalogs } from "./model-catalog-refresh.js";
 import { getAvailableThemes, getAvailableThemesWithPaths, getEditorTheme, getMarkdownTheme, getThemeByName, onThemeChange, setRegisteredThemes, stopThemeWatcher, Theme, theme, } from "./theme/theme.js";
 import { InteractiveThemeController } from "./theme/theme-controller.js";
+import { createInteractiveTui, createInteractiveTuiReference } from "./tui-renderer.js";
+export { createInteractiveTui, createInteractiveTuiReference } from "./tui-renderer.js";
+function isWorkingStatusEditor(editor) {
+    return ("embedWorkingStatus" in editor &&
+        editor.embedWorkingStatus === true &&
+        "setWorkingStatusIndicator" in editor &&
+        typeof editor.setWorkingStatusIndicator === "function");
+}
 function isExpandable(obj) {
     return typeof obj === "object" && obj !== null && "setExpanded" in obj && typeof obj.setExpanded === "function";
 }
@@ -91,6 +101,9 @@ class ExpandableText extends Text {
 function isCustomSessionEntry(item) {
     return "type" in item && item.type === "custom";
 }
+function isCompactionCostNotice(item) {
+    return "type" in item && item.type === "compaction_cost";
+}
 const DEAD_TERMINAL_ERROR_CODES = new Set(["EIO", "EPIPE", "ENOTCONN"]);
 function isDeadTerminalError(error) {
     if (!error || typeof error !== "object" || !("code" in error)) {
@@ -189,61 +202,6 @@ function formatLoginProviderCompletionDescription(provider) {
     const authTypes = provider.authTypes.map(formatAuthSelectorProviderType).join("/");
     return provider.name === provider.id ? authTypes : `${provider.name} · ${authTypes}`;
 }
-/** Composition root for selecting the interactive terminal renderer. */
-export function createInteractiveTui(options) {
-    const terminal = options.terminal ?? new ProcessTerminal();
-    if (options.tuiMode === "fullscreen") {
-        const styleSearchMatch = (text) => theme.bg("searchMatchBg", theme.fg("searchMatchText", text));
-        return new TuiAltScreen(terminal, options.showHardwareCursor, options.logDirectory, {
-            searchMatchStyle: (text) => theme.underline(styleSearchMatch(text)),
-            searchCurrentMatchStyle: (text) => theme.bold(theme.inverse(styleSearchMatch(text))),
-            openUrl: openBrowser,
-            onRightClickPaste: options.onRightClickPaste,
-            copyOnSelect: options.fullscreenCopyOnSelect,
-            copySelection: async (text) => {
-                try {
-                    await copyToClipboard(text);
-                    return true;
-                }
-                catch {
-                    return false;
-                }
-            },
-        });
-    }
-    return new TuiMainScreen(terminal, options.showHardwareCursor, options.logDirectory);
-}
-/** Stable reference for components while InteractiveMode replaces the active renderer. */
-export function createInteractiveTuiReference(getTui) {
-    return new Proxy({}, {
-        get: (_target, property) => {
-            const tui = getTui();
-            const value = Reflect.get(tui, property, tui);
-            if (typeof value !== "function")
-                return value;
-            let methodTui = tui;
-            let method = value;
-            return (...args) => {
-                const currentTui = getTui();
-                if (currentTui !== methodTui) {
-                    const currentMethod = Reflect.get(currentTui, property, currentTui);
-                    if (typeof currentMethod !== "function") {
-                        throw new TypeError(`TUI property ${String(property)} is not callable`);
-                    }
-                    methodTui = currentTui;
-                    method = currentMethod;
-                }
-                return Reflect.apply(method, methodTui, args);
-            };
-        },
-        set: (_target, property, value) => {
-            const tui = getTui();
-            return Reflect.set(tui, property, value, tui);
-        },
-        has: (_target, property) => Reflect.has(getTui(), property),
-        getPrototypeOf: () => Reflect.getPrototypeOf(getTui()),
-    });
-}
 export class InteractiveMode {
     runtimeHost;
     renderer;
@@ -274,11 +232,12 @@ export class InteractiveMode {
     pendingUserInputs = [];
     pendingInputImages = [];
     activeStatusIndicator = undefined;
+    activeWorkingIndicatorEmbedded = false;
     idleStatus = new IdleStatus();
     workingMessage = undefined;
     workingVisible = true;
     workingIndicatorOptions = undefined;
-    defaultWorkingMessage = "Working...";
+    defaultWorkingMessage = "Working";
     defaultHiddenThinkingLabel = "Thinking...";
     hiddenThinkingLabel = this.defaultHiddenThinkingLabel;
     lastSigintTime = 0;
@@ -398,6 +357,7 @@ export class InteractiveMode {
         this.defaultEditor = new CustomEditor(this.ui, getEditorTheme(), this.keybindings, {
             paddingX: editorPaddingX,
             autocompleteMaxVisible,
+            embedWorkingStatus: true,
         });
         this.editor = this.defaultEditor;
         this.editorContainer = new Container();
@@ -658,25 +618,20 @@ export class InteractiveMode {
         }
         // Keep one component tree and remount it when changing renderers.
         this.renderWidgets(); // Initialize with default spacer
-        this.transcriptScrollView = new TuiLayouts.ScrollView(this.documentContainer, {
-            follow: "end",
-            primary: true,
-            overscroll: "chain",
+        const viewport = createChatViewport({
+            document: this.documentContainer,
+            pendingMessages: this.pendingMessagesContainer,
+            status: this.statusContainer,
+            widgetsAbove: this.widgetContainerAbove,
+            editor: this.editorContainer,
+            widgetsBelow: this.widgetContainerBelow,
+            footer: this.footerContainer,
             scrollbar: this.settingsManager.getFullscreenScrollbar(),
-            scrollbarStyle: (text) => theme.bg("scrollbarThumb", text),
+            scrollbarTrackStyle: (text) => theme.fg("scrollbarTrack", text),
+            scrollbarThumbStyle: (text) => theme.fg("scrollbarThumb", text),
         });
-        const dock = new TuiLayouts.VStack([
-            { component: this.pendingMessagesContainer, shrink: 1, minSize: 0 },
-            { component: this.statusContainer, shrink: 1, minSize: 0 },
-            { component: this.widgetContainerAbove, shrink: 1, minSize: 0 },
-            { component: this.editorContainer, shrink: 1, minSize: 3 },
-            { component: this.widgetContainerBelow, shrink: 1, minSize: 0 },
-            { component: this.footerContainer, shrink: 1, minSize: 1 },
-        ]);
-        this.fullscreenLayoutRoot = new TuiLayouts.VStack([
-            { component: this.transcriptScrollView, basis: 0, grow: 1, shrink: 1, minSize: 1 },
-            { component: dock, basis: "auto", grow: 0, shrink: 1, minSize: 1 },
-        ]);
+        this.transcriptScrollView = viewport.transcript;
+        this.fullscreenLayoutRoot = viewport.root;
         this.mountInteractiveTui(this.renderer, [
             this.documentContainer,
             this.pendingMessagesContainer,
@@ -1493,8 +1448,12 @@ export class InteractiveMode {
     /**
      * Get a registered tool definition by name (for custom rendering).
      */
+    /**
+     * Extension-registered definition, falling back to the built-in one. The renderer components take
+     * whatever this returns, so they never reach into the tool registry themselves.
+     */
     getRegisteredToolDefinition(toolName) {
-        return this.session.getToolDefinition(toolName);
+        return withBuiltInRenderers(toolName, this.session.getToolDefinition(toolName));
     }
     /**
      * Set up keyboard shortcuts registered by extensions.
@@ -1561,26 +1520,48 @@ export class InteractiveMode {
         this.footerDataProvider.setExtensionStatus(key, text);
         this.ui.requestRender();
     }
+    setEditorWorkingStatusIndicator(indicator) {
+        this.defaultEditor.setWorkingStatusIndicator(undefined);
+        if (!isWorkingStatusEditor(this.editor))
+            return false;
+        this.editor.setWorkingStatusIndicator(indicator);
+        return true;
+    }
     showStatusIndicator(indicator) {
         this.activeStatusIndicator?.dispose();
         this.activeStatusIndicator = indicator;
+        this.activeWorkingIndicatorEmbedded = false;
         this.statusContainer.clear();
+        this.setEditorWorkingStatusIndicator(undefined);
+        if (indicator instanceof WorkingStatusIndicator && this.setEditorWorkingStatusIndicator(indicator)) {
+            this.activeWorkingIndicatorEmbedded = true;
+            return;
+        }
         this.statusContainer.addChild(indicator);
     }
     clearStatusIndicator(kind) {
         if (kind && this.activeStatusIndicator?.kind !== kind) {
             return;
         }
-        const hadActiveStatusIndicator = this.activeStatusIndicator !== undefined;
-        this.activeStatusIndicator?.dispose();
+        const clearedIndicator = this.activeStatusIndicator;
+        const clearedIndicatorWasEmbedded = clearedIndicator?.kind === "working" && this.activeWorkingIndicatorEmbedded;
+        clearedIndicator?.dispose();
         this.activeStatusIndicator = undefined;
+        this.activeWorkingIndicatorEmbedded = false;
         this.statusContainer.clear();
-        if (hadActiveStatusIndicator && this.ui.getClearOnShrink()) {
+        this.setEditorWorkingStatusIndicator(undefined);
+        if (clearedIndicator &&
+            !clearedIndicatorWasEmbedded &&
+            this.options.tuiMode === "regular" &&
+            this.ui.getClearOnShrink()) {
             this.statusContainer.addChild(this.idleStatus);
         }
     }
     showWorkingStatusIndicator() {
-        this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.workingIndicatorOptions));
+        const colorFn = isWorkingStatusEditor(this.editor)
+            ? (text) => (this.editor.borderColor ?? theme.getThinkingBorderColor(this.session.thinkingLevel || "off"))(text)
+            : undefined;
+        this.showStatusIndicator(new WorkingStatusIndicator(this.ui, this.workingMessage ?? this.defaultWorkingMessage, this.workingIndicatorOptions, colorFn));
     }
     setWorkingVisible(visible) {
         this.workingVisible = visible;
@@ -2045,6 +2026,13 @@ export class InteractiveMode {
             this.editor = this.defaultEditor;
         }
         this.editorContainer.addChild(this.editor);
+        if (this.activeStatusIndicator instanceof WorkingStatusIndicator) {
+            this.statusContainer.clear();
+            this.activeWorkingIndicatorEmbedded = this.setEditorWorkingStatusIndicator(this.activeStatusIndicator);
+            if (!this.activeWorkingIndicatorEmbedded) {
+                this.statusContainer.addChild(this.activeStatusIndicator);
+            }
+        }
         this.ui.setFocus(this.editor);
         this.ui.requestRender();
     }
@@ -2637,6 +2625,7 @@ export class InteractiveMode {
                         for (const [, component] of this.pendingTools.entries()) {
                             component.setArgsComplete();
                         }
+                        this.maybeShowAssistantDiagnostics(this.streamingMessage);
                         this.maybeShowCacheMissNotice(this.streamingMessage);
                     }
                     this.streamingComponent = undefined;
@@ -2963,6 +2952,10 @@ export class InteractiveMode {
                 this.addCustomEntryToChat(item);
                 continue;
             }
+            if (isCompactionCostNotice(item)) {
+                this.addCompactionCostNotice(item);
+                continue;
+            }
             const message = item;
             // Assistant messages need special handling for tool calls
             if (message.role === "assistant") {
@@ -2996,6 +2989,7 @@ export class InteractiveMode {
                     }
                 }
                 if (message.stopReason !== "aborted" && message.stopReason !== "error") {
+                    this.maybeShowAssistantDiagnostics(message);
                     const miss = cacheMisses.get(message);
                     if (miss)
                         this.addCacheMissNotice(miss);
@@ -3034,6 +3028,46 @@ export class InteractiveMode {
         });
         this.renderSessionItems(items, options);
     }
+    /**
+     * Render billing usage for a compaction or branch summary. The notice is derived
+     * from persisted summary usage and is not stored as a separate session entry.
+     */
+    addCompactionCostNotice(notice) {
+        if (!this.settingsManager.getShowCacheMissNotices())
+            return;
+        const { usage } = notice;
+        const tokens = usage.input + usage.output + usage.cacheRead + usage.cacheWrite;
+        const cost = usage.cost.total >= 0.01 ? ` (~$${usage.cost.total.toFixed(2)})` : "";
+        const label = notice.kind === "compaction" ? "Compaction" : "Branch summary";
+        this.chatContainer.addChild(new Spacer(1));
+        this.chatContainer.addChild(new Text(theme.fg("warning", `${label}: ${formatTokens(tokens)} tokens billed${cost}`), 1, 0));
+    }
+    maybeShowAssistantDiagnostics(message) {
+        if (!this.settingsManager.getShowCacheMissNotices())
+            return;
+        for (const diagnostic of message.diagnostics ?? []) {
+            if (diagnostic.type !== "anthropic_input_transformations")
+                continue;
+            const transformations = diagnostic.details?.transformations;
+            if (!Array.isArray(transformations))
+                continue;
+            const dropped = transformations.flatMap((transformation) => {
+                if (typeof transformation !== "object" || transformation === null)
+                    return [];
+                const details = transformation;
+                if (details.type !== "thinking_dropped")
+                    return [];
+                const reason = typeof details.reason === "string" ? details.reason : "unknown reason";
+                const location = typeof details.path === "string" ? ` at ${details.path}` : "";
+                return [`${reason}${location}`];
+            });
+            if (dropped.length === 0)
+                continue;
+            const noun = dropped.length === 1 ? "thinking block" : `${dropped.length} thinking blocks`;
+            this.chatContainer.addChild(new Spacer(1));
+            this.chatContainer.addChild(new Text(theme.fg("warning", `Anthropic dropped ${noun}: ${dropped.join("; ")}`), 1, 0));
+        }
+    }
     /**
      * Show a transcript notice when a completed assistant message paid for a
      * significant cache miss. Only states observable facts: the miss itself,
@@ -3337,6 +3371,9 @@ export class InteractiveMode {
             const level = this.session.thinkingLevel || "off";
             this.editor.borderColor = theme.getThinkingBorderColor(level);
         }
+        if (this.activeStatusIndicator?.kind === "working") {
+            this.activeStatusIndicator.invalidate();
+        }
         this.ui.requestRender();
     }
     cycleThinkingLevel() {
@@ -3654,6 +3691,13 @@ export class InteractiveMode {
                 autoCompact: this.session.autoCompactionEnabled,
                 autoHandoffEnabled: this.settingsManager.getAutoHandoffEnabled(),
                 autoHandoffThresholdTokens: this.settingsManager.getAutoHandoffThresholdTokens(),
+                defaultModel: (() => {
+                    const defaultProvider = this.settingsManager.getDefaultProvider();
+                    const defaultModelId = this.settingsManager.getDefaultModel();
+                    return defaultProvider && defaultModelId ? `${defaultProvider}/${defaultModelId}` : "not set";
+                })(),
+                currentModel: this.session.model,
+                availableDefaultModels: this.session.modelRuntime.getAvailableSnapshot(),
                 showImages: this.settingsManager.getShowImages(),
                 imageWidthCells: this.settingsManager.getImageWidthCells(),
                 autoResizeImages: this.settingsManager.getImageAutoResize(),
@@ -3676,6 +3720,7 @@ export class InteractiveMode {
                 httpIdleTimeoutMs: this.settingsManager.getHttpIdleTimeoutMs(),
                 thinkingLevel: this.session.thinkingLevel,
                 availableThinkingLevels: this.session.getAvailableThinkingLevels(),
+                modelThinkingLevels: this.settingsManager.getAllModelThinkingLevels(),
                 currentTheme: this.themeController.getThemeSelection() || "dark",
                 terminalTheme: this.themeController.getTerminalTheme(),
                 availableThemes: getAvailableThemes(),
@@ -3755,6 +3800,25 @@ export class InteractiveMode {
                     configureHttpDispatcher(timeoutMs);
                     this.showStatus(`HTTP idle timeout: ${formatHttpIdleTimeoutMs(timeoutMs)}`);
                 },
+                onModelThinkingLevelChange: (provider, modelId, level) => {
+                    this.settingsManager.setModelThinkingLevel(provider, modelId, level);
+                    const current = this.session.model;
+                    if (current && current.provider === provider && current.id === modelId) {
+                        this.session.setThinkingLevel(level);
+                        this.footer.invalidate();
+                        this.updateEditorBorderColor();
+                    }
+                },
+                onModelThinkingLevelRemove: (provider, modelId) => {
+                    this.settingsManager.removeModelThinkingLevel(provider, modelId);
+                    const current = this.session.model;
+                    if (current && current.provider === provider && current.id === modelId) {
+                        const globalDefault = this.settingsManager.getDefaultThinkingLevel() ?? DEFAULT_THINKING_LEVEL;
+                        this.session.setThinkingLevel(globalDefault);
+                        this.footer.invalidate();
+                        this.updateEditorBorderColor();
+                    }
+                },
                 onThinkingLevelChange: (level) => {
                     this.session.setThinkingLevel(level);
                     this.footer.invalidate();

package/dist/modes/interactive/session-share.d.ts

@@ -0,0 +1,15 @@
+import { type Container, type EditorComponent, type TUI } from "@earendil-works/pi-tui";
+import type { AgentSession } from "../../core/agent-session.ts";
+interface SessionShareContext {
+    session: AgentSession;
+    ui: TUI;
+    editorContainer: Container;
+    editor: EditorComponent;
+    showStatus: (message: string) => void;
+    showError: (message: string) => void;
+}
+/** Export the current branch with presentation metadata for Radius. */
+export declare function exportSessionForShare(filePath: string, session: AgentSession): void;
+/** Share the current session through Radius, falling back to a private gist. */
+export declare function shareSession(context: SessionShareContext): Promise<void>;
+export {};

package/dist/modes/interactive/session-share.js

@@ -0,0 +1,183 @@
+import { spawn, spawnSync } from "node:child_process";
+import * as crypto from "node:crypto";
+import * as fs from "node:fs";
+import * as os from "node:os";
+import * as path from "node:path";
+import { DEFAULT_RADIUS_GATEWAY } from "@earendil-works/pi-ai/providers/radius-config";
+import { hyperlink } from "@earendil-works/pi-tui";
+import { getAuthCredential } from "../../cli/auth-command.js";
+import { getShareViewerUrl } from "../../config.js";
+import { exportSessionToJsonl } from "../../core/session-export.js";
+import { BorderedLoader } from "./components/bordered-loader.js";
+import { theme } from "./theme/theme.js";
+/** Export the current branch with presentation metadata for Radius. */
+export function exportSessionForShare(filePath, session) {
+    exportSessionToJsonl(session.sessionManager, filePath, (parentId, timestamp) => [
+        {
+            type: "custom",
+            customType: "pi.share",
+            id: crypto.randomUUID().slice(0, 8),
+            parentId,
+            timestamp,
+            data: {
+                systemPrompt: session.state.systemPrompt,
+                tools: session.state.tools.map((tool) => ({
+                    name: tool.name,
+                    description: tool.description,
+                    parameters: tool.parameters,
+                })),
+            },
+        },
+    ]);
+}
+/** Share the current session through Radius, falling back to a private gist. */
+export async function shareSession(context) {
+    const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), "pi-share-"));
+    const jsonlFile = path.join(tempDir, "session.jsonl");
+    const htmlFile = path.join(tempDir, "session.html");
+    try {
+        try {
+            exportSessionForShare(jsonlFile, context.session);
+        }
+        catch (error) {
+            context.showError(`Failed to export session: ${error instanceof Error ? error.message : "Unknown error"}`);
+            return;
+        }
+        if (await tryShareViaRadius(jsonlFile, context))
+            return;
+        try {
+            const authResult = spawnSync("gh", ["auth", "status"], { encoding: "utf-8" });
+            if (authResult.status !== 0) {
+                context.showError("GitHub CLI is not logged in. Run 'gh auth login' first.");
+                return;
+            }
+        }
+        catch {
+            context.showError("GitHub CLI (gh) is not installed. Install it from https://cli.github.com/");
+            return;
+        }
+        try {
+            await context.session.exportToHtml(htmlFile, { themeName: theme.name });
+        }
+        catch (error) {
+            context.showError(`Failed to export session: ${error instanceof Error ? error.message : "Unknown error"}`);
+            return;
+        }
+        await shareViaGist(htmlFile, context);
+    }
+    finally {
+        try {
+            fs.rmSync(tempDir, { recursive: true, force: true });
+        }
+        catch {
+            // Ignore cleanup errors
+        }
+    }
+}
+async function tryShareViaRadius(tmpFile, context) {
+    const provider = context.session.modelRuntime.getProvider("radius");
+    if (!provider)
+        return false;
+    const token = getAuthCredential(await context.session.modelRuntime.getAuth("radius", { minOAuthValidityMs: 5 * 60_000 }));
+    if (!token)
+        return false;
+    const loader = new BorderedLoader(context.ui, theme, "Uploading to Radius...");
+    context.editorContainer.clear();
+    context.editorContainer.addChild(loader);
+    context.ui.setFocus(loader);
+    context.ui.requestRender();
+    loader.onAbort = () => {
+        restoreEditor(loader, context);
+        context.showStatus("Share cancelled");
+    };
+    try {
+        const body = fs.readFileSync(tmpFile);
+        const url = new URL("/v1/artifacts", DEFAULT_RADIUS_GATEWAY);
+        url.searchParams.set("visibility", "organization");
+        url.searchParams.set("title", "Pi session");
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                Authorization: `Bearer ${token}`,
+                "Content-Type": "application/x-ndjson",
+                "Content-Length": String(body.byteLength),
+            },
+            body,
+            signal: loader.signal,
+        });
+        if (loader.signal.aborted)
+            return true;
+        const json = (await response.json().catch(() => null));
+        if (loader.signal.aborted)
+            return true;
+        restoreEditor(loader, context);
+        if (!response.ok || !json?.artifact) {
+            context.showError(`Failed to upload Radius artifact: ${json?.error || response.statusText || response.status}`);
+            return true;
+        }
+        const shareUrl = json.artifact.canonical_url;
+        context.showStatus(`Share URL: ${hyperlink(shareUrl, shareUrl)}`);
+        return true;
+    }
+    catch (error) {
+        if (!loader.signal.aborted) {
+            restoreEditor(loader, context);
+            context.showError(`Failed to upload Radius artifact: ${error instanceof Error ? error.message : "Unknown error"}`);
+        }
+        return true;
+    }
+}
+async function shareViaGist(tmpFile, context) {
+    const loader = new BorderedLoader(context.ui, theme, "Creating gist...");
+    context.editorContainer.clear();
+    context.editorContainer.addChild(loader);
+    context.ui.setFocus(loader);
+    context.ui.requestRender();
+    let proc = null;
+    loader.onAbort = () => {
+        proc?.kill();
+        restoreEditor(loader, context);
+        context.showStatus("Share cancelled");
+    };
+    try {
+        const result = await new Promise((resolve) => {
+            proc = spawn("gh", ["gist", "create", "--public=false", tmpFile]);
+            let stdout = "";
+            let stderr = "";
+            proc.stdout?.on("data", (data) => {
+                stdout += data.toString();
+            });
+            proc.stderr?.on("data", (data) => {
+                stderr += data.toString();
+            });
+            proc.on("close", (code) => resolve({ stdout, stderr, code }));
+        });
+        if (loader.signal.aborted)
+            return;
+        restoreEditor(loader, context);
+        if (result.code !== 0) {
+            context.showError(`Failed to create gist: ${result.stderr?.trim() || "Unknown error"}`);
+            return;
+        }
+        const gistUrl = result.stdout?.trim();
+        const gistId = gistUrl?.split("/").pop();
+        if (!gistId) {
+            context.showError("Failed to parse gist ID from gh output");
+            return;
+        }
+        const previewUrl = getShareViewerUrl(gistId);
+        context.showStatus(`Share URL: ${hyperlink(previewUrl, previewUrl)}\nGist: ${hyperlink(gistUrl, gistUrl)}`);
+    }
+    catch (error) {
+        if (!loader.signal.aborted) {
+            restoreEditor(loader, context);
+            context.showError(`Failed to create gist: ${error instanceof Error ? error.message : "Unknown error"}`);
+        }
+    }
+}
+function restoreEditor(loader, context) {
+    loader.dispose();
+    context.editorContainer.clear();
+    context.editorContainer.addChild(context.editor);
+    context.ui.setFocus(context.editor);
+}

package/dist/modes/interactive/theme/dark.json

@@ -33,7 +33,8 @@
 		"thinkingText": "gray",
 
 		"selectedBg": "selectedBg",
-		"scrollbarThumb": "selectedBg",
+		"scrollbarTrack": "darkGray",
+		"scrollbarThumb": "text",
 		"searchMatchBg": "selectedBg",
 		"searchMatchText": "text",
 		"userMessageBg": "userMsgBg",

package/dist/modes/interactive/theme/light.json

@@ -32,7 +32,8 @@
 		"thinkingText": "mediumGray",
 
 		"selectedBg": "selectedBg",
-		"scrollbarThumb": "selectedBg",
+		"scrollbarTrack": "lightGray",
+		"scrollbarThumb": "text",
 		"searchMatchBg": "selectedBg",
 		"searchMatchText": "text",
 		"userMessageBg": "userMsgBg",

package/dist/modes/interactive/theme/theme-controller.d.ts

@@ -29,6 +29,7 @@ export declare class InteractiveThemeController {
     setThemeInstance(themeInstance: Theme): ThemeResult;
     preview(themeSettingOrName: string): void;
     disableAutoSync(): void;
+    dispose(): void;
     getTerminalTheme(): TerminalTheme;
     private applyThemeName;
     private notifyChanged;

package/dist/modes/interactive/theme/theme-controller.js

@@ -82,6 +82,11 @@ export class InteractiveThemeController {
     disableAutoSync() {
         this.setAutoSync(false);
     }
+    dispose() {
+        this.setAutoSync(false);
+        this.terminalColorSchemeUnsubscribe?.();
+        this.terminalColorSchemeUnsubscribe = undefined;
+    }
     getTerminalTheme() {
         return this.terminalTheme;
     }