@qduc/term2 0.30.0 → 0.31.0

package/dist/skins/rail/body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/body.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG5G;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CAkDtD,CAAC;AAEF,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAWlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,gBAAgB,CAYhD,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAuB5C,CAAC"}

package/dist/skins/rail/body.js

@@ -0,0 +1,69 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { GLYPH_FAVORITE, GLYPH_SELECTED, useTheme } from '../../components/theme.js';
+import { Hairline, RAIL_HEAVY, RAIL_THIN, Rail } from './parts.js';
+/**
+ * The question sits behind a heavy warning rail, like an approval; its options are
+ * the same numbered list the approval uses, the selected one explained in one dim
+ * line under the list rather than in a side pane.
+ */
+export const RailQuestionPrompt = ({ progress, question, notice, options, description, footer, }) => {
+    const theme = useTheme();
+    return (React.createElement(Rail, { glyph: RAIL_HEAVY, color: theme.warning },
+        progress !== undefined && React.createElement(Text, { color: theme.textSubtle }, progress),
+        React.createElement(Text, { bold: true, color: theme.warning }, question),
+        notice !== undefined && React.createElement(Text, { color: theme.accent },
+            "\u276F ",
+            notice),
+        React.createElement(Box, { flexDirection: "column", marginTop: 1 }, options.map((option, index) => {
+            const tone = option.tone ? theme[option.tone] : undefined;
+            const checkbox = option.checked === undefined ? '' : option.checked ? '[x] ' : '[ ] ';
+            return (React.createElement(Box, { key: option.label },
+                React.createElement(Box, { width: 2, flexShrink: 0 },
+                    React.createElement(Text, { color: theme.accent, bold: true }, option.selected ? GLYPH_SELECTED : ' ')),
+                React.createElement(Box, { width: 2, flexShrink: 0 },
+                    React.createElement(Text, { color: theme.textSubtle }, option.recommended ? GLYPH_FAVORITE : ' ')),
+                React.createElement(Box, { flexShrink: 1 },
+                    React.createElement(Text, { color: option.selected ? tone : theme.textMuted, bold: option.selected },
+                        index + 1,
+                        ". ",
+                        checkbox,
+                        option.label))));
+        })),
+        description.text && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: theme.textSubtle, italic: true }, description.text))),
+        React.createElement(Box, { marginTop: 1 }, footer)));
+};
+/** A thin rail in the status colour down the whole feed, so it reads as one unit apart from the answer. */
+export const RailSubagentFeed = ({ title, statusSuffix, tone, summary, children }) => {
+    const theme = useTheme();
+    return (React.createElement(Rail, { glyph: RAIL_THIN, color: theme[tone] },
+        React.createElement(Text, { color: theme[tone], bold: true },
+            title,
+            statusSuffix),
+        summary !== undefined ? React.createElement(Text, { color: theme.textSubtle }, summary) : children));
+};
+/**
+ * Renderer bodies always sit inside the tool call's own rail, so a second rail here
+ * would double it. Rows and content blocks indent; a callout opens with a bold
+ * heading in its tone.
+ */
+export const RailToolSection = ({ variant, title, tone = 'warning', children }) => {
+    const theme = useTheme();
+    return (React.createElement(Box, { flexDirection: "column", paddingLeft: 2 },
+        variant === 'callout' && title !== undefined && (React.createElement(Text, { color: theme[tone], bold: true }, title)),
+        children));
+};
+/** Hairlines above and below, no box; a state colour (error) tints the title instead of a border. */
+export const RailMenuFrame = ({ title, borderColor, footer, footerPlacement, children }) => {
+    const theme = useTheme();
+    const footerNode = footer ? (typeof footer === 'string' ? (React.createElement(Text, { color: theme.textSubtle }, footer)) : (footer)) : null;
+    return (React.createElement(Box, { flexDirection: "column", width: "100%" },
+        React.createElement(Hairline, null),
+        title ? (React.createElement(Text, { bold: true, color: borderColor === theme.danger ? theme.danger : theme.textMuted }, title)) : null,
+        children,
+        footerPlacement === 'inside' && footerNode,
+        React.createElement(Hairline, null),
+        footerPlacement === 'outside' && footerNode));
+};
+//# sourceMappingURL=body.js.map

package/dist/skins/rail/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../source/skins/rail/body.tsx"],"names":[],"mappings":"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"}

package/dist/skins/rail/index.d.ts

@@ -0,0 +1,12 @@
+import type { Skin } from '../types.js';
+/**
+ * "Rail": quiet and typographic. No boxes, no background bands, so it reads the
+ * same on a light and a dark terminal. A tool call is a status-coloured rail with
+ * its output indented behind it, the prompt sits between two hairlines, the status
+ * is one line, and an approval is a rail down its whole height (heavier, with a
+ * `▲`, when it is the riskiest class).
+ *
+ * Spread from classic so any slot added to the contract later still renders.
+ */
+export declare const railSkin: Skin;
+//# sourceMappingURL=index.d.ts.map

package/dist/skins/rail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAQxC;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,IAyBtB,CAAC"}

package/dist/skins/rail/index.js

@@ -0,0 +1,44 @@
+import { RailShellActivity, RailTaskPanel, RAIL_TASK_PANEL_GUTTER } from './activity.js';
+import { classicSkin } from '../classic/index.js';
+import { RailMenuFrame, RailQuestionPrompt, RailSubagentFeed, RailToolSection } from './body.js';
+import { RailApprovalChoices, RailApprovalFrame } from './approval.js';
+import { RailHints, RailInputFrame, RailLiveDivider, RailPromptMarker, RailWorkingIndicator } from './live-region.js';
+import { RailAssistantFrame, RailBanner, RailUserMessage } from './messages.js';
+import { RailStatusBar } from './status.js';
+import { RailToolFrame, RailToolGroupSummary, RailToolHeader } from './tools.js';
+/**
+ * "Rail": quiet and typographic. No boxes, no background bands, so it reads the
+ * same on a light and a dark terminal. A tool call is a status-coloured rail with
+ * its output indented behind it, the prompt sits between two hairlines, the status
+ * is one line, and an approval is a rail down its whole height (heavier, with a
+ * `▲`, when it is the riskiest class).
+ *
+ * Spread from classic so any slot added to the contract later still renders.
+ */
+export const railSkin = {
+    ...classicSkin,
+    name: 'rail',
+    taskPanelGutter: RAIL_TASK_PANEL_GUTTER,
+    assistantGutter: 0,
+    Banner: RailBanner,
+    UserMessage: RailUserMessage,
+    AssistantFrame: RailAssistantFrame,
+    ToolFrame: RailToolFrame,
+    ToolHeader: RailToolHeader,
+    ToolGroupSummary: RailToolGroupSummary,
+    WorkingIndicator: RailWorkingIndicator,
+    LiveDivider: RailLiveDivider,
+    PromptMarker: RailPromptMarker,
+    InputFrame: RailInputFrame,
+    Hints: RailHints,
+    ShellActivity: RailShellActivity,
+    TaskPanel: RailTaskPanel,
+    ApprovalFrame: RailApprovalFrame,
+    ApprovalChoices: RailApprovalChoices,
+    QuestionPrompt: RailQuestionPrompt,
+    SubagentFeed: RailSubagentFeed,
+    ToolSection: RailToolSection,
+    MenuFrame: RailMenuFrame,
+    StatusBar: RailStatusBar,
+};
+//# sourceMappingURL=index.js.map

package/dist/skins/rail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/skins/rail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACtH,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAS;IAC5B,GAAG,WAAW;IACd,IAAI,EAAE,MAAM;IACZ,eAAe,EAAE,sBAAsB;IACvC,eAAe,EAAE,CAAC;IAClB,MAAM,EAAE,UAAU;IAClB,WAAW,EAAE,eAAe;IAC5B,cAAc,EAAE,kBAAkB;IAClC,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE,cAAc;IAC1B,gBAAgB,EAAE,oBAAoB;IACtC,gBAAgB,EAAE,oBAAoB;IACtC,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,UAAU,EAAE,cAAc;IAC1B,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,iBAAiB;IAChC,SAAS,EAAE,aAAa;IACxB,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;IACpC,cAAc,EAAE,kBAAkB;IAClC,YAAY,EAAE,gBAAgB;IAC9B,WAAW,EAAE,eAAe;IAC5B,SAAS,EAAE,aAAa;IACxB,SAAS,EAAE,aAAa;CACzB,CAAC"}

package/dist/skins/rail/live-region.d.ts

@@ -0,0 +1,19 @@
+import { type FC } from 'react';
+import type { HintsProps, InputFrameProps, PromptMarkerProps, WorkingIndicatorView } from '../types.js';
+/**
+ * `⠋ Thinking… 12s   esc to interrupt`. The interrupt hint is decoration: it is
+ * the first thing dropped when the line would not fit.
+ */
+export declare const RailWorkingIndicator: FC<WorkingIndicatorView>;
+/** Above the live region: one hairline between printed history and the controls. */
+export declare const RailLiveDivider: FC;
+export declare const RailPromptMarker: FC<PromptMarkerProps>;
+/** The prompt sits between two hairlines: the live divider above, this one below. */
+export declare const RailInputFrame: FC<InputFrameProps>;
+/**
+ * `⏎ steer · alt+⏎ queue · / commands`: dim, joined by middle dots. Keys are one
+ * step brighter than the words they name, or in their own role colour when the
+ * container gave one. Whole hints wrap, never the middle of one.
+ */
+export declare const RailHints: FC<HintsProps>;
+//# sourceMappingURL=live-region.d.ts.map

package/dist/skins/rail/live-region.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-region.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/live-region.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAqCxG;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,oBAAoB,CAsBzD,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,EAAuB,CAAC;AAEtD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAqBlD,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,eAAe,CAK9C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAYpC,CAAC"}

package/dist/skins/rail/live-region.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { useTheme } from '../../components/theme.js';
+import { useTerminalColumns } from '../../hooks/use-terminal-columns.js';
+import { formatTokensPerSecond } from '../../utils/streaming/streaming-speed-tracker.js';
+import { BRAILLE_SPINNER, useSpinnerFrame } from '../shared/spinner.js';
+import { Hairline, cells } from './parts.js';
+const INTERRUPT_HINT = 'esc to interrupt';
+/** The spinner glyph. Its own component so only this cell re-renders on each tick. */
+const WorkingGlyph = () => {
+    const theme = useTheme();
+    const frame = useSpinnerFrame(BRAILLE_SPINNER);
+    return React.createElement(Text, { color: theme.accent }, frame);
+};
+/** What the agent is doing, as the text of one line: `Thinking… 12s`. */
+function workingLabel(view) {
+    const { phase, elapsedSeconds, tokensPerSecond, toolName, argumentChars } = view;
+    const rate = tokensPerSecond != null && tokensPerSecond > 0 ? formatTokensPerSecond(tokensPerSecond) : undefined;
+    if (phase === 'tool_call') {
+        const detail = [argumentChars != null ? `${argumentChars} chars` : undefined, rate].filter(Boolean).join(' · ');
+        return {
+            before: toolName ? 'Calling tool ' : 'Calling tool',
+            strong: toolName,
+            after: `… ${elapsedSeconds}s${detail ? ` (${detail})` : ''}`,
+        };
+    }
+    if (phase === 'thinking')
+        return { before: `Thinking… ${elapsedSeconds}s${rate ? ` (${rate})` : ''}`, after: '' };
+    if (rate)
+        return { before: `Generating… ${elapsedSeconds}s (${rate})`, after: '' };
+    return { before: `Processing… ${elapsedSeconds}s`, after: '' };
+}
+/**
+ * `⠋ Thinking… 12s   esc to interrupt`. The interrupt hint is decoration: it is
+ * the first thing dropped when the line would not fit.
+ */
+export const RailWorkingIndicator = (view) => {
+    const theme = useTheme();
+    const columns = useTerminalColumns();
+    const { before, strong, after } = workingLabel(view);
+    const width = 2 + cells(before) + cells(strong ?? '') + cells(after) + 3 + cells(INTERRUPT_HINT);
+    const showHint = width <= columns;
+    return (React.createElement(Box, null,
+        React.createElement(Box, { width: 2, flexShrink: 0 },
+            React.createElement(WorkingGlyph, null)),
+        React.createElement(Box, { flexShrink: 1 },
+            React.createElement(Text, { color: theme.textMuted },
+                before,
+                strong !== undefined && React.createElement(Text, { bold: true }, strong),
+                after,
+                showHint && React.createElement(Text, { color: theme.textSubtle }, `   ${INTERRUPT_HINT}`)))));
+};
+/** Above the live region: one hairline between printed history and the controls. */
+export const RailLiveDivider = () => React.createElement(Hairline, null);
+export const RailPromptMarker = ({ mode }) => {
+    const theme = useTheme();
+    if (mode === 'rejection') {
+        return (React.createElement(Text, { color: theme.warning, bold: true },
+            "Why?",
+            ' '));
+    }
+    if (mode === 'shell') {
+        return (React.createElement(Text, { color: theme.danger, bold: true },
+            "!",
+            ' '));
+    }
+    return (React.createElement(Text, { color: theme.accent, bold: true },
+        "\u276F",
+        ' '));
+};
+/** The prompt sits between two hairlines: the live divider above, this one below. */
+export const RailInputFrame = ({ children }) => (React.createElement(Box, { flexDirection: "column" },
+    React.createElement(Box, null, children),
+    React.createElement(Hairline, null)));
+/**
+ * `⏎ steer · alt+⏎ queue · / commands`: dim, joined by middle dots. Keys are one
+ * step brighter than the words they name, or in their own role colour when the
+ * container gave one. Whole hints wrap, never the middle of one.
+ */
+export const RailHints = ({ hints }) => {
+    const theme = useTheme();
+    return (React.createElement(Box, { flexWrap: "wrap", columnGap: 1 }, hints.map(([key, action, keyColor], index) => (React.createElement(Text, { key: key, color: theme.textSubtle },
+        React.createElement(Text, { color: keyColor ? theme[keyColor] : theme.textMuted }, key),
+        " ",
+        action,
+        index < hints.length - 1 ? ' ·' : '')))));
+};
+//# sourceMappingURL=live-region.js.map

package/dist/skins/rail/live-region.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-region.js","sourceRoot":"","sources":["../../../source/skins/rail/live-region.tsx"],"names":[],"mappings":"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"}

package/dist/skins/rail/messages.d.ts

@@ -0,0 +1,21 @@
+import { type FC } from 'react';
+import type { AssistantFrameProps, BannerView, UserMessageView } from '../types.js';
+/**
+ * One line, no box: `term² v0.30.0 · Codex/gpt-5.6-luna (high)`, then a pill only
+ * when the mode is not the default. On a narrow terminal the version is the first
+ * thing to go, and if the rest still does not fit the model moves to its own line.
+ */
+export declare const RailBanner: FC<BannerView>;
+/**
+ * No background band: a band only works against the terminal background it was
+ * tuned for, whereas bold text behind an accent prompt reads on any. A long
+ * message wraps under its first word, not under the `❯`.
+ */
+export declare const RailUserMessage: FC<UserMessageView>;
+/**
+ * Answers and reasoning are printed bare, flush left. Reasoning is already
+ * quieter (its own colour from the container), and indenting only it would need
+ * a gutter that `assistantGutter` cannot declare per kind.
+ */
+export declare const RailAssistantFrame: FC<AssistantFrameProps>;
+//# sourceMappingURL=messages.d.ts.map

package/dist/skins/rail/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/messages.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAoBpF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,UAAU,CA+ErC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,eAAe,CAgB/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,mBAAmB,CAAqC,CAAC"}

package/dist/skins/rail/messages.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { useTheme } from '../../components/theme.js';
+import { useTerminalColumns } from '../../hooks/use-terminal-columns.js';
+import { MODEL_LABEL_MAX } from '../shared/limits.js';
+import { cells } from './parts.js';
+const truncateModel = (name) => name.length > MODEL_LABEL_MAX ? `${name.slice(0, MODEL_LABEL_MAX - 1)}…` : name;
+/**
+ * A small pill. Under `mono` the badge colour is undefined, so the pill is drawn
+ * inverted instead: a mode must never be invisible just because there is no colour.
+ */
+const Badge = ({ mode }) => {
+    const theme = useTheme();
+    const background = theme.modeBadge[mode];
+    return (React.createElement(Text, { backgroundColor: background, color: theme.modeBadgeForeground, inverse: background === undefined, bold: true }, ` ${mode} `));
+};
+/**
+ * One line, no box: `term² v0.30.0 · Codex/gpt-5.6-luna (high)`, then a pill only
+ * when the mode is not the default. On a narrow terminal the version is the first
+ * thing to go, and if the rest still does not fit the model moves to its own line.
+ */
+export const RailBanner = ({ version, mode, mentor, providerLabel, model, reasoningEffort, mentorModel, mentorReasoningEffort, }) => {
+    const theme = useTheme();
+    const columns = useTerminalColumns();
+    const effort = reasoningEffort !== 'none' ? ` (${reasoningEffort})` : '';
+    const modelText = `${providerLabel}/${model ? truncateModel(model) : '—'}${effort}`;
+    const mentorEffort = mentorReasoningEffort !== 'none' ? ` (${mentorReasoningEffort})` : '';
+    const mentorText = mentor && mentorModel ? `${truncateModel(mentorModel)}${mentorEffort}` : '';
+    const badges = [...(mode !== 'STANDARD' ? [mode] : []), ...(mentor ? ['MENTOR'] : [])];
+    const badgeWidth = badges.reduce((total, badge) => total + cells(badge) + 3, 0);
+    const versionText = `v${version}`;
+    const brandWidth = cells('term²');
+    const tailWidth = 3 + cells(modelText) + (mentorText ? 1 + cells(mentorText) : 0) + badgeWidth;
+    const withVersion = brandWidth + 1 + cells(versionText) + tailWidth;
+    const showVersion = withVersion <= columns;
+    const oneLine = showVersion || brandWidth + tailWidth <= columns;
+    const brand = (React.createElement(React.Fragment, null,
+        React.createElement(Text, { color: theme.accent, bold: true }, "term\u00B2"),
+        showVersion && React.createElement(Text, { color: theme.textMuted },
+            " ",
+            versionText)));
+    const separator = React.createElement(Text, { color: theme.textSubtle }, " \u00B7 ");
+    const modelNode = (React.createElement(React.Fragment, null,
+        React.createElement(Text, { color: theme.textMuted }, providerLabel),
+        React.createElement(Text, { color: theme.textSubtle }, "/"),
+        React.createElement(Text, { color: theme.accent }, model ? truncateModel(model) : '—'),
+        effort && React.createElement(Text, { color: theme.textSubtle }, effort)));
+    const badgeNodes = badges.map((badge) => (React.createElement(Text, { key: badge },
+        ' ',
+        React.createElement(Badge, { mode: badge }))));
+    const mentorNode = mentorText ? React.createElement(Text, { color: theme.accentAlt },
+        " ",
+        mentorText) : null;
+    if (oneLine) {
+        return (React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, null,
+                brand,
+                separator,
+                modelNode,
+                badgeNodes,
+                mentorNode)));
+    }
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+        React.createElement(Text, null,
+            brand,
+            badgeNodes),
+        React.createElement(Text, null,
+            modelNode,
+            mentorNode)));
+};
+/**
+ * No background band: a band only works against the terminal background it was
+ * tuned for, whereas bold text behind an accent prompt reads on any. A long
+ * message wraps under its first word, not under the `❯`.
+ */
+export const RailUserMessage = ({ text }) => {
+    const theme = useTheme();
+    return (React.createElement(Box, null,
+        React.createElement(Box, { width: 2, flexShrink: 0 },
+            React.createElement(Text, { color: theme.accent, bold: true }, "\u276F")),
+        React.createElement(Box, { flexShrink: 1 },
+            React.createElement(Text, { bold: true, color: theme.userText }, text))));
+};
+/**
+ * Answers and reasoning are printed bare, flush left. Reasoning is already
+ * quieter (its own colour from the container), and indenting only it would need
+ * a gutter that `assistantGutter` cannot declare per kind.
+ */
+export const RailAssistantFrame = ({ children }) => React.createElement(React.Fragment, null, children);
+//# sourceMappingURL=messages.js.map

package/dist/skins/rail/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../source/skins/rail/messages.tsx"],"names":[],"mappings":"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"}

package/dist/skins/rail/parts.d.ts

@@ -0,0 +1,25 @@
+import { type FC, type ReactNode } from 'react';
+/** Thin, for a calm tool call. */
+export declare const RAIL_THIN = "\u258E";
+/** Heavier, for a call that failed or an approval that needs a decision. */
+export declare const RAIL_HEAVY = "\u258C";
+/** The heaviest, reserved for the riskiest approval class. */
+export declare const RAIL_SOLID = "\u2588";
+/**
+ * A rail down the left of its children, one glyph per line, sized by Yoga so it
+ * follows wrapped lines and resizes with the terminal. It costs two columns: the
+ * glyph and one column of padding, which every caller accounts for.
+ */
+export declare const Rail: FC<{
+    glyph: string;
+    color: string | undefined;
+    children: ReactNode;
+}>;
+/**
+ * A one-cell-tall horizontal rule. In `mono` there is no colour to make it recede,
+ * so it is dimmed instead of drawn at full weight.
+ */
+export declare const Hairline: FC;
+/** Columns a string occupies, for the single-cell glyphs this skin is built from. */
+export declare const cells: (value: string) => number;
+//# sourceMappingURL=parts.d.ts.map

package/dist/skins/rail/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/parts.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBvD,kCAAkC;AAClC,eAAO,MAAM,SAAS,WAAM,CAAC;AAC7B,4EAA4E;AAC5E,eAAO,MAAM,UAAU,WAAM,CAAC;AAC9B,8DAA8D;AAC9D,eAAO,MAAM,UAAU,WAAM,CAAC;AAE9B;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAgBtF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EActB,CAAC;AAEF,qFAAqF;AACrF,eAAO,MAAM,KAAK,UAAW,MAAM,KAAG,MAAkC,CAAC"}

package/dist/skins/rail/parts.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Box } from 'ink';
+import { useTheme } from '../../components/theme.js';
+/** A border style that draws only its left edge, as one repeated glyph: the rail. */
+const railStyle = (glyph) => ({
+    topLeft: '',
+    top: '',
+    topRight: '',
+    right: '',
+    bottomRight: '',
+    bottom: '',
+    bottomLeft: '',
+    left: glyph,
+});
+/** Thin, for a calm tool call. */
+export const RAIL_THIN = '▎';
+/** Heavier, for a call that failed or an approval that needs a decision. */
+export const RAIL_HEAVY = '▌';
+/** The heaviest, reserved for the riskiest approval class. */
+export const RAIL_SOLID = '█';
+/**
+ * A rail down the left of its children, one glyph per line, sized by Yoga so it
+ * follows wrapped lines and resizes with the terminal. It costs two columns: the
+ * glyph and one column of padding, which every caller accounts for.
+ */
+export const Rail = ({ glyph, color, children, }) => (React.createElement(Box, { flexDirection: "column", borderStyle: railStyle(glyph), borderColor: color, borderTop: false, borderBottom: false, borderRight: false, paddingLeft: 1 }, children));
+/**
+ * A one-cell-tall horizontal rule. In `mono` there is no colour to make it recede,
+ * so it is dimmed instead of drawn at full weight.
+ */
+export const Hairline = () => {
+    const theme = useTheme();
+    return (React.createElement(Box, { width: "100%", borderStyle: "single", borderColor: theme.border, borderDimColor: theme.border === undefined, borderTop: true, borderBottom: false, borderLeft: false, borderRight: false }));
+};
+/** Columns a string occupies, for the single-cell glyphs this skin is built from. */
+export const cells = (value) => Array.from(value).length;
+//# sourceMappingURL=parts.js.map

package/dist/skins/rail/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../../source/skins/rail/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,qFAAqF;AACrF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC;IACpC,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,EAAE;IACP,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;IACd,IAAI,EAAE,KAAK;CACZ,CAAC,CAAC;AAEH,kCAAkC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,4EAA4E;AAC5E,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;AAC9B,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;AAE9B;;;;GAIG;AACH,MAAM,CAAC,MAAM,IAAI,GAA0E,CAAC,EAC1F,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,EAC7B,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,CAAC,IAEb,QAAQ,CACL,CACP,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAO,GAAG,EAAE;IAC/B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,cAAc,EAAE,KAAK,CAAC,MAAM,KAAK,SAAS,EAC1C,SAAS,QACT,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,qFAAqF;AACrF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC"}

package/dist/skins/rail/status.d.ts

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { StatusView } from '../types.js';
+/**
+ * One line when nothing is wrong: `Sandboxed · codex/gpt-5.6-luna high · ctx ▰▰▰▱▱ 84% · $0.12`.
+ * A second line appears only for an alert or provider quota. Low-priority
+ * segments drop by their `tier` as the terminal narrows; whatever must stay and
+ * still does not fit wraps onto another line rather than being cut.
+ */
+export declare const RailStatusBar: FC<StatusView>;
+//# sourceMappingURL=status.d.ts.map

package/dist/skins/rail/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../source/skins/rail/status.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAyD,UAAU,EAAE,MAAM,aAAa,CAAC;AA8JrG;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,UAAU,CAyCxC,CAAC"}

package/dist/skins/rail/status.js

@@ -0,0 +1,147 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { GLYPH_WARNING, useTheme } from '../../components/theme.js';
+import { CONTEXT_DANGER_PERCENT, CONTEXT_WARN_PERCENT, contextTone, gaugeBar } from '../shared/gauge.js';
+import { cells } from './parts.js';
+const GAUGE_CELLS = 5;
+const SEPARATOR = ' · ';
+const SEPARATOR_WIDTH = cells(SEPARATOR);
+const widthOf = (item) => item.parts.reduce((total, part) => total + cells(part.text), 0);
+function segment(view, overrides = {}) {
+    if (!view.text)
+        return undefined;
+    return {
+        id: view.id,
+        parts: [{ text: view.text.trim(), tone: view.tone, bold: view.bold }],
+        tier: view.tier,
+        ...overrides,
+    };
+}
+/**
+ * `ctx ▰▰▰▱▱ 84%`, quiet until it matters. At 75% the number turns bold and warm;
+ * at 90% a `▲` is added, so a nearly-full context is noticed in `mono` too. A
+ * context that is filling up is never dropped for space.
+ */
+function contextItem(percent, fallback) {
+    if (percent === undefined)
+        return fallback && segment(fallback);
+    const tone = contextTone(percent);
+    const hot = percent >= CONTEXT_WARN_PERCENT;
+    const danger = percent >= CONTEXT_DANGER_PERCENT;
+    return {
+        id: 'context',
+        tier: hot ? undefined : fallback?.tier,
+        parts: [
+            { text: 'ctx ', tone: 'textSubtle' },
+            { text: `${gaugeBar(percent, GAUGE_CELLS)} ${percent}%${danger ? ` ${GLYPH_WARNING}` : ''}`, tone, bold: hot },
+        ],
+    };
+}
+/** `gpt-5.6-luna high`: the effort is a quiet suffix of the model, not its own segment. */
+const stripLeadingDot = (text) => text.replace(/^[\s·]+/, '');
+/** The segments this skin shows, in its own order: where, how safe, which model, then the numbers. */
+function buildItems({ config, metrics, gauges }) {
+    const byId = (list, id) => list.find((view) => view.id === id);
+    const items = [];
+    const sshMarker = byId(config, 'ssh-marker');
+    const sshDetail = byId(config, 'ssh-detail');
+    items.push(sshMarker && segment(sshMarker));
+    items.push(sshDetail && segment(sshDetail, { glue: true }));
+    const safety = byId(config, 'safety');
+    const mode = byId(config, 'mode');
+    const queue = byId(config, 'queue');
+    const model = byId(config, 'provider-model');
+    const reasoning = byId(config, 'reasoning');
+    const mentor = byId(config, 'mentor');
+    items.push(safety && segment(safety));
+    items.push(mode && segment(mode));
+    items.push(queue && segment(queue));
+    items.push(model && segment(model));
+    items.push(reasoning && segment({ ...reasoning, text: stripLeadingDot(reasoning.text), tone: 'textSubtle' }, { glue: true }));
+    items.push(mentor && segment(mentor));
+    items.push(contextItem(gauges.contextPercent, byId(metrics, 'context')));
+    const cost = byId(metrics, 'cost');
+    const cache = byId(metrics, 'cache');
+    const speed = byId(metrics, 'speed');
+    items.push(cost && segment(cost));
+    items.push(cache && segment(cache));
+    items.push(speed && segment({ ...speed, text: speed.text.replace(/^\((.*)\)$/, '$1') }));
+    return items.filter((item) => item !== undefined);
+}
+const separatorBefore = (items, index) => index === 0 ? 0 : items[index].glue ? 1 : SEPARATOR_WIDTH;
+const totalWidth = (items) => items.reduce((total, item, index) => total + separatorBefore(items, index) + widthOf(item), 0);
+/** Drops the lowest-tier items one at a time until the line fits, or only never-dropped ones remain. */
+function fitItems(items, budget) {
+    let kept = items;
+    while (totalWidth(kept) > budget) {
+        const droppable = kept.filter((item) => item.tier !== undefined);
+        if (droppable.length === 0)
+            break;
+        // Lowest tier first; among equals the one furthest right, which is the least important by position.
+        const lowest = Math.min(...droppable.map((item) => item.tier));
+        const victim = [...droppable].reverse().find((item) => item.tier === lowest);
+        kept = kept.filter((item) => item !== victim);
+        // A glued item belongs to the item before it: if that was the victim, the glue has nothing to attach to.
+        if (kept[0]?.glue)
+            kept = [{ ...kept[0], glue: false }, ...kept.slice(1)];
+    }
+    return kept;
+}
+const ItemText = ({ item }) => {
+    const theme = useTheme();
+    return (React.createElement(React.Fragment, null, item.parts.map((part, index) => (React.createElement(Text, { key: index, color: part.tone ? theme[part.tone] : undefined, bold: part.bold }, part.text)))));
+};
+/** `5H ▰▰▱▱▱ 42%→3h`: a window of provider quota as a mini gauge. */
+const QuotaGauge = ({ window }) => {
+    const theme = useTheme();
+    const tone = theme[contextTone(window.percent)];
+    return (React.createElement(Text, null,
+        React.createElement(Text, { color: theme.textSubtle },
+            window.label,
+            " "),
+        React.createElement(Text, { color: tone },
+            gaugeBar(window.percent, GAUGE_CELLS),
+            " ",
+            window.percent,
+            "%"),
+        window.resetText ? React.createElement(Text, { color: theme.textSubtle },
+            "\u2192",
+            window.resetText) : null));
+};
+const Alert = ({ alert }) => {
+    const theme = useTheme();
+    return (React.createElement(Text, null, alert.parts.map((part, index) => (React.createElement(Text, { key: index, color: theme[part.tone], bold: part.bold }, part.text)))));
+};
+/**
+ * One line when nothing is wrong: `Sandboxed · codex/gpt-5.6-luna high · ctx ▰▰▰▱▱ 84% · $0.12`.
+ * A second line appears only for an alert or provider quota. Low-priority
+ * segments drop by their `tier` as the terminal narrows; whatever must stay and
+ * still does not fit wraps onto another line rather than being cut.
+ */
+export const RailStatusBar = (view) => {
+    const theme = useTheme();
+    const { columns, alerts, quotaText, gauges } = view;
+    const kept = fitItems(buildItems(view), Math.max(1, columns));
+    const hasQuota = gauges.quotaWindows.length > 0 || quotaText !== '';
+    // Units, not items, are what wraps: an effort stays beside its model. The
+    // separator trails its unit, so a wrapped line never begins with a dot.
+    const units = [];
+    for (const item of kept) {
+        if (item.glue && units.length > 0)
+            units[units.length - 1].push(item);
+        else
+            units.push([item]);
+    }
+    return (React.createElement(Box, { flexDirection: "column", width: "100%" },
+        React.createElement(Box, { flexWrap: "wrap", columnGap: 1 }, units.map((unit, unitIndex) => (React.createElement(Text, { key: unit[0].id },
+            unit.map((item, itemIndex) => (React.createElement(React.Fragment, { key: item.id },
+                itemIndex > 0 && ' ',
+                React.createElement(ItemText, { item: item })))),
+            unitIndex < units.length - 1 && React.createElement(Text, { color: theme.textSubtle }, " \u00B7"))))),
+        (alerts.length > 0 || hasQuota) && (React.createElement(Box, { flexWrap: "wrap", columnGap: 2 },
+            alerts.map((alert) => (React.createElement(Alert, { key: alert.id, alert: alert }))),
+            gauges.quotaWindows.length > 0
+                ? gauges.quotaWindows.map((window) => React.createElement(QuotaGauge, { key: window.label, window: window }))
+                : quotaText && React.createElement(Text, { color: theme.textSubtle }, quotaText)))));
+};
+//# sourceMappingURL=status.js.map