@qduc/term2 0.30.0 → 0.31.1

package/dist/skins/ledger/chip.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Text } from 'ink';
+import { useTheme } from '../../components/theme.js';
+export const Chip = ({ tone = 'textMuted', bold, solid, surface, surfaceText, children }) => {
+    const theme = useTheme();
+    const color = theme[tone];
+    if (solid) {
+        return (React.createElement(Text, { inverse: true, bold: true, color: color },
+            ' ',
+            children,
+            ' '));
+    }
+    const background = surface ?? theme.codeBackground;
+    if (background === undefined) {
+        return (React.createElement(Text, { color: color, bold: bold },
+            "[",
+            children,
+            "]"));
+    }
+    return (React.createElement(Text, { backgroundColor: background, color: surfaceText ?? color, bold: bold },
+        ' ',
+        children,
+        ' '));
+};
+//# sourceMappingURL=chip.js.map

package/dist/skins/ledger/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../source/skins/ledger/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAA8B,MAAM,2BAA2B,CAAC;AA0BjF,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,IAAI,GAAG,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAE1B,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,QAAC,IAAI,QAAC,KAAK,EAAE,KAAK;YAC5B,GAAG;YACH,QAAQ;YAAE,GAAG,CACT,CACR,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,IAAI,KAAK,CAAC,cAAc,CAAC;IACnD,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI;;YAC1B,QAAQ;gBACL,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,IAAI,KAAK,EAAE,IAAI,EAAE,IAAI;QACvE,GAAG;QACH,QAAQ;QAAE,GAAG,CACT,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Skin } from '../types.js';
+/**
+ * "Ledger": dense and IDE-like. A header bar, role chips instead of glyph prefixes,
+ * tool calls as aligned rows (status, tool, action), a footer bar of chips with
+ * context and quota gauges, and an approval whose class is readable by shape.
+ *
+ * The role and status chips are surfaces on `codeBackground`; where a theme has none
+ * (`mono`) they become bracketed labels of the same width, so meaning never rests on colour.
+ */
+export declare const ledgerSkin: Skin;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/skins/ledger/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAaxC;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,IA0BxB,CAAC"}

package/dist/skins/ledger/index.js

@@ -0,0 +1,44 @@
+import { LedgerShellActivity, LedgerTaskPanel } from './activity.js';
+import { LedgerMenuFrame, LedgerQuestionPrompt, LedgerSubagentFeed, LedgerToolSection } from './body.js';
+import { classicSkin } from '../classic/index.js';
+import { LedgerApprovalChoices, LedgerApprovalFrame } from './approval.js';
+import { LedgerHints, LedgerInputFrame, LedgerLiveDivider, LedgerPromptMarker, LedgerWorkingIndicator, } from './live-region.js';
+import { LedgerAssistantFrame, LedgerBanner, LedgerUserMessage } from './messages.js';
+import { LedgerStatusBar } from './status.js';
+import { LedgerToolFrame, LedgerToolGroupSummary, LedgerToolHeader } from './tools.js';
+/**
+ * "Ledger": dense and IDE-like. A header bar, role chips instead of glyph prefixes,
+ * tool calls as aligned rows (status, tool, action), a footer bar of chips with
+ * context and quota gauges, and an approval whose class is readable by shape.
+ *
+ * The role and status chips are surfaces on `codeBackground`; where a theme has none
+ * (`mono`) they become bracketed labels of the same width, so meaning never rests on colour.
+ */
+export const ledgerSkin = {
+    ...classicSkin,
+    name: 'ledger',
+    // The answer's chip sits on its own line above the text, so markdown keeps the full width.
+    taskPanelGutter: 0,
+    assistantGutter: 0,
+    Banner: LedgerBanner,
+    UserMessage: LedgerUserMessage,
+    AssistantFrame: LedgerAssistantFrame,
+    ToolFrame: LedgerToolFrame,
+    ToolHeader: LedgerToolHeader,
+    ToolGroupSummary: LedgerToolGroupSummary,
+    WorkingIndicator: LedgerWorkingIndicator,
+    LiveDivider: LedgerLiveDivider,
+    PromptMarker: LedgerPromptMarker,
+    InputFrame: LedgerInputFrame,
+    Hints: LedgerHints,
+    ShellActivity: LedgerShellActivity,
+    TaskPanel: LedgerTaskPanel,
+    ApprovalFrame: LedgerApprovalFrame,
+    ApprovalChoices: LedgerApprovalChoices,
+    QuestionPrompt: LedgerQuestionPrompt,
+    SubagentFeed: LedgerSubagentFeed,
+    ToolSection: LedgerToolSection,
+    MenuFrame: LedgerMenuFrame,
+    StatusBar: LedgerStatusBar,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../source/skins/ledger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACzG,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEvF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAS;IAC9B,GAAG,WAAW;IACd,IAAI,EAAE,QAAQ;IACd,2FAA2F;IAC3F,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,MAAM,EAAE,YAAY;IACpB,WAAW,EAAE,iBAAiB;IAC9B,cAAc,EAAE,oBAAoB;IACpC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,gBAAgB;IAC5B,gBAAgB,EAAE,sBAAsB;IACxC,gBAAgB,EAAE,sBAAsB;IACxC,WAAW,EAAE,iBAAiB;IAC9B,YAAY,EAAE,kBAAkB;IAChC,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,WAAW;IAClB,aAAa,EAAE,mBAAmB;IAClC,SAAS,EAAE,eAAe;IAC1B,aAAa,EAAE,mBAAmB;IAClC,eAAe,EAAE,qBAAqB;IACtC,cAAc,EAAE,oBAAoB;IACpC,YAAY,EAAE,kBAAkB;IAChC,WAAW,EAAE,iBAAiB;IAC9B,SAAS,EAAE,eAAe;IAC1B,SAAS,EAAE,eAAe;CAC3B,CAAC"}

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

@@ -0,0 +1,20 @@
+import { type FC } from 'react';
+import type { HintsProps, InputFrameProps, PromptMarkerProps, WorkingIndicatorView } from '../types.js';
+/** `⠋ Thinking  12s · 48.2 tok/s · esc to interrupt`: a label, then the facts, dimmed. */
+export declare const LedgerWorkingIndicator: FC<WorkingIndicatorView>;
+/** A plain rule: the one structural split between printed history and the live controls. */
+export declare const LedgerLiveDivider: FC;
+/**
+ * The marker is a small solid tab exactly as wide as the container budgeted for it
+ * (2 columns, 5 for the rejection prompt), so the input's wrap width stays right.
+ */
+export declare const LedgerPromptMarker: FC<PromptMarkerProps>;
+/**
+ * The prompt row sits on a full-width band. The marker is flush left like a tab; a
+ * one-cell gap and a one-cell right margin together use 2 of the 4 spare columns
+ * the container reserves for horizontal padding, so the input never overflows.
+ */
+export declare const LedgerInputFrame: FC<InputFrameProps>;
+/** Dim and compact: bold keys, quiet actions, two spaces between pairs. */
+export declare const LedgerHints: FC<HintsProps>;
+//# sourceMappingURL=live-region.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-region.d.ts","sourceRoot":"","sources":["../../../source/skins/ledger/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;AAsBxG,0FAA0F;AAC1F,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,oBAAoB,CA0C3D,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAsB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAqBpD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,eAAe,CAOhD,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,UAAU,CAetC,CAAC"}

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

@@ -0,0 +1,89 @@
+import React from 'react';
+import { Box, Text, useStdout } from 'ink';
+import Divider from '../../components/common/Divider.js';
+import { useTheme } from '../../components/theme.js';
+import { formatTokensPerSecond } from '../../utils/streaming/streaming-speed-tracker.js';
+import { BRAILLE_SPINNER, useSpinnerFrame } from '../shared/spinner.js';
+/** The only animated piece of the working line. Mounted only while the indicator is. */
+const WorkingSpinner = () => {
+    const theme = useTheme();
+    const frame = useSpinnerFrame(BRAILLE_SPINNER, true);
+    return (React.createElement(Text, { color: theme.accent, bold: true }, frame));
+};
+const INTERRUPT_HINT = 'esc to interrupt';
+const PHASE_LABEL = {
+    thinking: 'Thinking',
+    generating: 'Generating',
+    processing: 'Processing',
+    tool_call: 'Calling tool',
+};
+/** `⠋ Thinking  12s · 48.2 tok/s · esc to interrupt`: a label, then the facts, dimmed. */
+export const LedgerWorkingIndicator = ({ phase, elapsedSeconds, tokensPerSecond, toolName, argumentChars, }) => {
+    const theme = useTheme();
+    const { stdout } = useStdout();
+    const columns = stdout.columns ?? 100;
+    const hasRate = tokensPerSecond != null && tokensPerSecond > 0;
+    const details = [`${elapsedSeconds}s`];
+    if (phase === 'tool_call' && argumentChars != null)
+        details.push(`${argumentChars} chars`);
+    if (hasRate)
+        details.push(formatTokensPerSecond(tokensPerSecond));
+    // The interrupt hint is a reminder, the facts before it are not: it goes first when the
+    // line would not fit (spinner and gap take 2 columns).
+    const factsWidth = [PHASE_LABEL[phase], toolName ?? '', ...details].join(' · ').length + 2;
+    if (factsWidth + INTERRUPT_HINT.length + 3 <= columns)
+        details.push(INTERRUPT_HINT);
+    return (React.createElement(Box, null,
+        React.createElement(Box, { flexShrink: 0, marginRight: 1 },
+            React.createElement(WorkingSpinner, null)),
+        React.createElement(Box, { flexShrink: 1 },
+            React.createElement(Text, { wrap: "wrap" },
+                React.createElement(Text, { color: theme.accent, bold: true }, PHASE_LABEL[phase]),
+                phase === 'tool_call' && toolName ? (React.createElement(Text, { color: theme.text, bold: true },
+                    ' ',
+                    toolName)) : null,
+                React.createElement(Text, { color: theme.textSubtle },
+                    " ",
+                    details.join(' · '))))));
+};
+/** A plain rule: the one structural split between printed history and the live controls. */
+export const LedgerLiveDivider = () => React.createElement(Divider, null);
+/**
+ * The marker is a small solid tab exactly as wide as the container budgeted for it
+ * (2 columns, 5 for the rejection prompt), so the input's wrap width stays right.
+ */
+export const LedgerPromptMarker = ({ mode }) => {
+    const theme = useTheme();
+    if (mode === 'rejection') {
+        return (React.createElement(Text, { inverse: true, bold: true, color: theme.warning },
+            "Why?",
+            ' '));
+    }
+    if (mode === 'shell') {
+        return (React.createElement(Text, { inverse: true, bold: true, color: theme.danger },
+            "!",
+            ' '));
+    }
+    return (React.createElement(Text, { inverse: true, bold: true, color: theme.accent },
+        "\u276F",
+        ' '));
+};
+/**
+ * The prompt row sits on a full-width band. The marker is flush left like a tab; a
+ * one-cell gap and a one-cell right margin together use 2 of the 4 spare columns
+ * the container reserves for horizontal padding, so the input never overflows.
+ */
+export const LedgerInputFrame = ({ children }) => {
+    const theme = useTheme();
+    return (React.createElement(Box, { width: "100%", backgroundColor: theme.codeBackground, columnGap: 1, paddingRight: 1 }, children));
+};
+/** Dim and compact: bold keys, quiet actions, two spaces between pairs. */
+export const LedgerHints = ({ hints }) => {
+    const theme = useTheme();
+    return (React.createElement(Text, { color: theme.textSubtle, wrap: "wrap" }, hints.map(([key, action, keyColor], index) => (React.createElement(React.Fragment, { key: `${key}-${index}` },
+        index > 0 ? '  ' : '',
+        React.createElement(Text, { bold: true, color: keyColor ? theme[keyColor] : theme.textMuted }, key),
+        ' ',
+        action)))));
+};
+//# sourceMappingURL=live-region.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"live-region.js","sourceRoot":"","sources":["../../../source/skins/ledger/live-region.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGxE,wFAAwF;AACxF,MAAM,cAAc,GAAO,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,eAAe,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACrD,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,UAC5B,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAE1C,MAAM,WAAW,GAAkD;IACjE,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAC;AAEF,0FAA0F;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAA6B,CAAC,EAC/D,KAAK,EACL,cAAc,EACd,eAAe,EACf,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,GAAG,CAAC;IACtC,MAAM,OAAO,GAAG,eAAe,IAAI,IAAI,IAAI,eAAe,GAAG,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAa,CAAC,GAAG,cAAc,GAAG,CAAC,CAAC;IACjD,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,IAAI,IAAI;QAAE,OAAO,CAAC,IAAI,CAAC,GAAG,aAAa,QAAQ,CAAC,CAAC;IAC3F,IAAI,OAAO;QAAE,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAC;IAElE,wFAAwF;IACxF,uDAAuD;IACvD,MAAM,UAAU,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,QAAQ,IAAI,EAAE,EAAE,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAC3F,IAAI,UAAU,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO;QAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEpF,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;YAChC,oBAAC,cAAc,OAAG,CACd;QACN,oBAAC,GAAG,IAAC,UAAU,EAAE,CAAC;YAChB,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM;gBACf,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,UAC5B,WAAW,CAAC,KAAK,CAAC,CACd;gBACN,KAAK,KAAK,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI;oBAC1B,GAAG;oBACH,QAAQ,CACJ,CACR,CAAC,CAAC,CAAC,IAAI;gBACR,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU;;oBAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACvD,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,4FAA4F;AAC5F,MAAM,CAAC,MAAM,iBAAiB,GAAO,GAAG,EAAE,CAAC,oBAAC,OAAO,OAAG,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAA0B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,QAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,OAAO;;YAChC,GAAG,CACH,CACR,CAAC;IACJ,CAAC;IACD,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,QAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,MAAM;;YAClC,GAAG,CACA,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,IAAC,OAAO,QAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,MAAM;;QAClC,GAAG,CACA,CACR,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,eAAe,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,IACnF,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,MAAM,IACvC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,GAAG,IAAI,KAAK,EAAE;QACnC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;QACtB,oBAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAC3D,GAAG,CACC;QAAC,GAAG;QACV,MAAM,CACQ,CAClB,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { AssistantFrameProps, BannerView, UserMessageView } from '../types.js';
+/**
+ * One header bar: the product chip, then facts. The bar is a band on `codeBackground`,
+ * so a chip cannot use that surface here; the mode badge keeps its own identity colour
+ * and the product chip is solid. The facts are grouped, so a narrow terminal wraps
+ * between groups (`term² v1.2`, `provider/model effort`, `mentor ...`) and never inside one.
+ */
+export declare const LedgerBanner: FC<BannerView>;
+/** The speaker is a chip; the text hangs beside it, so a wrapped message keeps its left edge. */
+export declare const LedgerUserMessage: FC<UserMessageView>;
+/**
+ * A label chip on its own line above the text, so the markdown keeps the full
+ * width (`assistantGutter` is 0). Reasoning gets a quiet chip, the answer a solid one.
+ */
+export declare const LedgerAssistantFrame: FC<AssistantFrameProps>;
+//# sourceMappingURL=messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../source/skins/ledger/messages.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAMpF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,UAAU,CA+DvC,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,eAAe,CAgBjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CAWxD,CAAC"}

package/dist/skins/ledger/messages.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { useTheme } from '../../components/theme.js';
+import { MODEL_LABEL_MAX } from '../shared/limits.js';
+import { Chip } from './chip.js';
+const truncateModel = (name) => name.length > MODEL_LABEL_MAX ? `${name.slice(0, MODEL_LABEL_MAX - 1)}…` : name;
+/**
+ * One header bar: the product chip, then facts. The bar is a band on `codeBackground`,
+ * so a chip cannot use that surface here; the mode badge keeps its own identity colour
+ * and the product chip is solid. The facts are grouped, so a narrow terminal wraps
+ * between groups (`term² v1.2`, `provider/model effort`, `mentor ...`) and never inside one.
+ */
+export const LedgerBanner = ({ version, mode, mentor, providerLabel, model, reasoningEffort, mentorModel, mentorReasoningEffort, }) => {
+    const theme = useTheme();
+    const showEffort = (effort) => effort !== 'none' && effort !== 'default';
+    return (React.createElement(Box, { width: "100%", marginTop: 1, marginBottom: 1 },
+        React.createElement(Box, { width: "100%", backgroundColor: theme.codeBackground, flexWrap: "wrap", columnGap: 2 },
+            React.createElement(Box, null,
+                React.createElement(Text, null,
+                    React.createElement(Chip, { solid: true, tone: "accent" }, "term\u00B2"),
+                    React.createElement(Text, { color: theme.textMuted },
+                        " v",
+                        version),
+                    mode !== 'STANDARD' && (React.createElement(React.Fragment, null,
+                        ' ',
+                        React.createElement(Chip, { tone: "accent", bold: true, surface: theme.modeBadge[mode], surfaceText: theme.modeBadgeForeground }, mode))),
+                    mentor && (React.createElement(React.Fragment, null,
+                        ' ',
+                        React.createElement(Chip, { tone: "accentAlt", bold: true, surface: theme.modeBadge.MENTOR, surfaceText: theme.modeBadgeForeground }, "MENTOR"))))),
+            React.createElement(Box, null,
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: theme.textMuted }, providerLabel),
+                    React.createElement(Text, { color: theme.textSubtle }, "/"),
+                    React.createElement(Text, { color: theme.accent, bold: true }, model ? truncateModel(model) : '—'),
+                    showEffort(reasoningEffort) && React.createElement(Text, { color: theme.warning },
+                        " ",
+                        reasoningEffort))),
+            mentor && mentorModel && (React.createElement(Box, null,
+                React.createElement(Text, null,
+                    React.createElement(Text, { color: theme.textMuted }, "mentor"),
+                    React.createElement(Text, { color: theme.accentAlt, bold: true }, truncateModel(mentorModel)),
+                    showEffort(mentorReasoningEffort) && React.createElement(Text, { color: theme.warning },
+                        " ",
+                        mentorReasoningEffort)))))));
+};
+/** The speaker is a chip; the text hangs beside it, so a wrapped message keeps its left edge. */
+export const LedgerUserMessage = ({ text }) => {
+    const theme = useTheme();
+    return (React.createElement(Box, { width: "100%" },
+        React.createElement(Box, { flexShrink: 0 },
+            React.createElement(Chip, { tone: "accent", bold: true }, "YOU")),
+        React.createElement(Box, { marginLeft: 1, flexShrink: 1 },
+            React.createElement(Text, { bold: true, color: theme.userText }, text))));
+};
+/**
+ * A label chip on its own line above the text, so the markdown keeps the full
+ * width (`assistantGutter` is 0). Reasoning gets a quiet chip, the answer a solid one.
+ */
+export const LedgerAssistantFrame = ({ kind, children }) => (React.createElement(Box, { flexDirection: "column" },
+    kind === 'answer' ? (React.createElement(Chip, { solid: true, tone: "accent" }, "TERM\u00B2")) : (React.createElement(Chip, { tone: "textMuted" }, "THINKING")),
+    children));
+//# sourceMappingURL=messages.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { type FC } from 'react';
+import type { StatusView } from '../types.js';
+/**
+ * A footer made of chips. Configuration on the left, this turn's numbers on the right
+ * when both fit on a row, otherwise stacked; then a quota row of mini gauges when the
+ * provider reports windows, then alerts on a row of their own. Each group is fitted to
+ * the row by dropping its lowest-tier pieces first, the same order the container ranks them.
+ */
+export declare const LedgerStatusBar: FC<StatusView>;
+//# sourceMappingURL=status.d.ts.map

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

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

package/dist/skins/ledger/status.js

@@ -0,0 +1,302 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { GLYPH_WARNING, useTheme } from '../../components/theme.js';
+import { truncateTerminalText } from '../../components/layout/terminal-text-budget.js';
+import { formatContextUsage } from '../../utils/ai/token-usage.js';
+import { CONTEXT_WARN_PERCENT, contextTone, gaugeBar } from '../shared/gauge.js';
+import { Chip } from './chip.js';
+/**
+ * The footer is a bar of chips. Every glyph used here is a single cell, so a text's
+ * width is its length in code points and a row can be budgeted exactly; the
+ * conservative double-width estimate would collapse the bar far too eagerly.
+ */
+const cells = (text) => Array.from(text).length;
+const CHIP_PADDING = 2;
+const CHIP_GAP = 1;
+/** Text that sits on a chip surface needs more contrast than `textSubtle` has; promote it. */
+const onSurface = (tone) => tone === undefined || tone === 'textSubtle' ? 'textMuted' : tone;
+const chipWidth = (chip) => chip.pieces.reduce((sum, piece, index) => sum + cells(piece.text) + (index > 0 ? 1 : 0), CHIP_PADDING);
+const groupWidth = (chips) => chips.reduce((sum, chip, index) => sum + chipWidth(chip) + (index > 0 ? CHIP_GAP : 0), 0);
+/**
+ * Drops pieces in ascending tier order until the group fits `budget` columns, then,
+ * only if that is not enough, clips the truncatable piece. A chip left with no pieces
+ * disappears. If it still does not fit the row wraps (see `ChipRow`); nothing is lost.
+ */
+function fitChips(chips, budget) {
+    let current = chips.map((chip) => ({ ...chip, pieces: [...chip.pieces] }));
+    const prune = () => {
+        current = current.filter((chip) => chip.pieces.length > 0);
+    };
+    while (groupWidth(current) > budget) {
+        let victim;
+        for (const chip of current) {
+            for (const piece of chip.pieces) {
+                if (piece.tier !== undefined && (victim === undefined || piece.tier < victim.piece.tier)) {
+                    victim = { chip, piece };
+                }
+            }
+        }
+        if (!victim)
+            break;
+        victim.chip.pieces = victim.chip.pieces.filter((piece) => piece !== victim.piece);
+        prune();
+    }
+    const overflow = groupWidth(current) - budget;
+    if (overflow > 0) {
+        for (const chip of current) {
+            chip.pieces = chip.pieces.map((piece) => piece.truncatable
+                ? { ...piece, text: truncateTerminalText(piece.text, Math.max(1, cells(piece.text) - overflow)) }
+                : piece);
+        }
+    }
+    return current;
+}
+const ChipView = ({ chip }) => {
+    const theme = useTheme();
+    if (chip.solid) {
+        return (React.createElement(Chip, { solid: true, tone: chip.pieces[0].tone }, chip.pieces.map((piece) => piece.text).join(' ')));
+    }
+    return (React.createElement(Chip, { tone: "textMuted" }, chip.pieces.map((piece, index) => (React.createElement(React.Fragment, { key: index },
+        index > 0 ? ' ' : '',
+        React.createElement(Text, { color: theme[piece.tone], bold: piece.bold }, piece.text))))));
+};
+/** Wrapping is the safety net, not the plan: a budget that is off by a cell costs a row, never a broken line. */
+const ChipRow = ({ chips }) => (React.createElement(Box, { flexWrap: "wrap", columnGap: CHIP_GAP }, chips.map((chip) => (React.createElement(Box, { key: chip.id },
+    React.createElement(ChipView, { chip: chip }))))));
+// --- Building the chips from the container's segments --------------------------------
+const segmentMap = (segments) => new Map(segments.filter((segment) => segment.text.trim() !== '').map((segment) => [segment.id, segment]));
+const KNOWN_CONFIG = new Set([
+    'ssh-marker',
+    'ssh-detail',
+    'mode',
+    'queue',
+    'provider-model',
+    'reasoning',
+    'mentor',
+    'safety',
+]);
+const KNOWN_METRICS = new Set(['tokens', 'speed', 'cache', 'context', 'cost']);
+/** A segment the skin does not know is still shown, as its own chip, never dropped. */
+const unknownChips = (segments, known) => segments
+    .filter((segment) => segment.text.trim() !== '' && !known.has(segment.id))
+    .map((segment) => ({
+    id: segment.id,
+    pieces: [{ text: segment.text.trim(), tone: onSurface(segment.tone), bold: segment.bold, tier: segment.tier }],
+}));
+function configChips(config) {
+    const by = segmentMap(config);
+    const chips = [];
+    const safety = by.get('safety');
+    if (safety) {
+        const danger = safety.tone === 'danger';
+        chips.push({
+            id: 'safety',
+            solid: true,
+            pieces: [
+                {
+                    text: `${danger ? `${GLYPH_WARNING} ` : ''}${safety.text.trim()}`,
+                    tone: safety.tone ?? 'success',
+                    bold: true,
+                },
+            ],
+        });
+    }
+    const sshMarker = by.get('ssh-marker');
+    const sshDetail = by.get('ssh-detail');
+    if (sshMarker || sshDetail) {
+        chips.push({
+            id: 'ssh',
+            pieces: [
+                ...(sshMarker
+                    ? [{ text: sshMarker.text.trim(), tone: onSurface(sshMarker.tone), bold: true, tier: sshMarker.tier }]
+                    : []),
+                ...(sshDetail ? [{ text: sshDetail.text.trim(), tone: onSurface(sshDetail.tone), tier: sshDetail.tier }] : []),
+            ],
+        });
+    }
+    const mode = by.get('mode');
+    if (mode) {
+        chips.push({ id: 'mode', pieces: [{ text: mode.text.trim(), tone: onSurface(mode.tone), bold: true }] });
+    }
+    const queue = by.get('queue');
+    if (queue) {
+        chips.push({
+            id: 'queue',
+            pieces: [
+                { text: queue.text.trim().replace(/^\[|\]$/g, ''), tone: onSurface(queue.tone), bold: true, tier: queue.tier },
+            ],
+        });
+    }
+    const model = by.get('provider-model');
+    const reasoning = by.get('reasoning');
+    if (model || reasoning) {
+        chips.push({
+            id: 'model',
+            pieces: [
+                ...(model ? [{ text: model.text.trim(), tone: onSurface(model.tone), bold: true, truncatable: true }] : []),
+                ...(reasoning
+                    ? [
+                        {
+                            text: reasoning.text.trim().replace(/^·\s*/, ''),
+                            tone: onSurface(reasoning.tone),
+                            tier: reasoning.tier,
+                        },
+                    ]
+                    : []),
+            ],
+        });
+    }
+    const mentor = by.get('mentor');
+    if (mentor) {
+        chips.push({
+            id: 'mentor',
+            pieces: [
+                { text: 'mentor', tone: 'textMuted', tier: mentor.tier },
+                { text: mentor.text.trim(), tone: onSurface(mentor.tone), bold: true, tier: mentor.tier },
+            ],
+        });
+    }
+    return [...chips, ...unknownChips(config, KNOWN_CONFIG)];
+}
+const CONTEXT_BAR_CELLS = 6;
+/** A usage tone, kept quiet until it matters; a warning also gains a glyph so it survives `mono`. */
+const usageTone = (percent) => {
+    const tone = contextTone(percent);
+    return { tone: onSurface(tone), warn: percent !== undefined && percent >= CONTEXT_WARN_PERCENT };
+};
+function metricChips(view) {
+    const by = segmentMap(view.metrics);
+    const { gauges } = view;
+    const chips = [];
+    const context = by.get('context');
+    if (gauges.contextPercent !== undefined) {
+        const { tone, warn } = usageTone(gauges.contextPercent);
+        const percent = Math.round(gauges.contextPercent);
+        const detail = gauges.contextUsedTokens !== undefined
+            ? formatContextUsage(gauges.contextUsedTokens, gauges.contextWindowTokens)
+            : undefined;
+        chips.push({
+            id: 'context',
+            pieces: [
+                { text: 'ctx', tone: 'textMuted', tier: 3 },
+                { text: gaugeBar(percent, CONTEXT_BAR_CELLS), tone, tier: 2.5 },
+                { text: `${warn ? `${GLYPH_WARNING} ` : ''}${percent}%`, tone, bold: warn, tier: 3.1 },
+                ...(detail ? [{ text: detail, tone: 'textMuted', tier: 1.5 }] : []),
+            ],
+        });
+    }
+    else if (context) {
+        chips.push({ id: 'context', pieces: [{ text: context.text.trim(), tone: 'textMuted', tier: context.tier }] });
+    }
+    const cache = by.get('cache');
+    if (cache) {
+        chips.push({
+            id: 'cache',
+            pieces: [{ text: cache.text.trim(), tone: onSurface(cache.tone), bold: cache.bold, tier: cache.tier }],
+        });
+    }
+    const tokens = by.get('tokens');
+    const speed = by.get('speed');
+    if (tokens || speed) {
+        chips.push({
+            id: 'tokens',
+            pieces: [
+                ...(tokens
+                    ? [{ text: tokens.text.trim(), tone: onSurface(tokens.tone), bold: tokens.bold, tier: tokens.tier }]
+                    : []),
+                ...(speed
+                    ? [{ text: speed.text.trim().replace(/^\(|\)$/g, ''), tone: onSurface(speed.tone), tier: speed.tier }]
+                    : []),
+            ],
+        });
+    }
+    const cost = by.get('cost');
+    if (cost) {
+        chips.push({ id: 'cost', pieces: [{ text: cost.text.trim(), tone: onSurface(cost.tone), tier: cost.tier }] });
+    }
+    return [...chips, ...unknownChips(view.metrics, KNOWN_METRICS)];
+}
+/** Richest first; the row takes the first one that fits on a single line. */
+const QUOTA_LEVELS = [
+    { cells: 8, reset: true, label: true },
+    { cells: 6, reset: true, label: true },
+    { cells: 6, reset: true, label: false },
+    { cells: 4, reset: true, label: false },
+    { cells: 4, reset: false, label: false },
+];
+const QUOTA_LABEL = 'quota ';
+const QUOTA_SEPARATOR = ' · ';
+const quotaPercent = (window) => Math.round(window.percent);
+const quotaWindowText = (window, level) => {
+    const percent = quotaPercent(window);
+    const warn = percent >= CONTEXT_WARN_PERCENT;
+    return [
+        window.label,
+        gaugeBar(percent, level.cells),
+        `${warn ? `${GLYPH_WARNING} ` : ''}${percent}%`,
+        ...(level.reset && window.resetText ? [`→ ${window.resetText}`] : []),
+    ].join(' ');
+};
+const quotaRowWidth = (windows, level) => (level.label ? QUOTA_LABEL.length : 0) +
+    windows.reduce((sum, window, index) => sum + cells(quotaWindowText(window, level)) + (index > 0 ? QUOTA_SEPARATOR.length : 0), 0);
+const QuotaWindowView = ({ window, level }) => {
+    const theme = useTheme();
+    const percent = quotaPercent(window);
+    const { tone, warn } = usageTone(percent);
+    return (React.createElement(Text, null,
+        React.createElement(Text, { color: theme.textMuted, bold: true }, window.label),
+        ' ',
+        React.createElement(Text, { color: theme[tone] }, gaugeBar(percent, level.cells)),
+        ' ',
+        React.createElement(Text, { color: theme[tone], bold: warn },
+            warn ? `${GLYPH_WARNING} ` : '',
+            percent,
+            "%"),
+        level.reset && window.resetText ? React.createElement(Text, { color: theme.textSubtle },
+            " \u2192 ",
+            window.resetText) : null));
+};
+const QuotaRow = ({ windows, budget }) => {
+    const theme = useTheme();
+    const level = QUOTA_LEVELS.find((candidate) => quotaRowWidth(windows, candidate) <= budget);
+    // Nothing fits on one line: stack the windows, one per row, rather than clip any.
+    if (!level) {
+        const stacked = { cells: 6, reset: true, label: false };
+        return (React.createElement(Box, { flexDirection: "column" }, windows.map((window) => (React.createElement(QuotaWindowView, { key: window.label, window: window, level: stacked })))));
+    }
+    return (React.createElement(Text, { wrap: "truncate" },
+        level.label ? React.createElement(Text, { color: theme.textSubtle }, QUOTA_LABEL) : null,
+        windows.map((window, index) => (React.createElement(React.Fragment, { key: window.label },
+            index > 0 ? React.createElement(Text, { color: theme.textSubtle }, QUOTA_SEPARATOR) : null,
+            React.createElement(QuotaWindowView, { window: window, level: level }))))));
+};
+const AlertRow = ({ alerts }) => {
+    const theme = useTheme();
+    return (React.createElement(Text, { wrap: "wrap" }, alerts.map((alert, index) => (React.createElement(React.Fragment, { key: alert.id },
+        index > 0 ? '  ' : '',
+        alert.parts.map((part, partIndex) => (React.createElement(Text, { key: partIndex, color: theme[part.tone], bold: part.bold }, part.text))))))));
+};
+/**
+ * A footer made of chips. Configuration on the left, this turn's numbers on the right
+ * when both fit on a row, otherwise stacked; then a quota row of mini gauges when the
+ * provider reports windows, then alerts on a row of their own. Each group is fitted to
+ * the row by dropping its lowest-tier pieces first, the same order the container ranks them.
+ */
+export const LedgerStatusBar = (view) => {
+    const theme = useTheme();
+    const budget = Math.max(1, view.columns - 2);
+    const config = fitChips(configChips(view.config), budget);
+    const metrics = fitChips(metricChips(view), budget);
+    const sideBySide = groupWidth(config) + CHIP_GAP + groupWidth(metrics) <= budget;
+    const { quotaWindows } = view.gauges;
+    return (React.createElement(Box, { marginTop: 1, flexDirection: "column", width: "100%", paddingX: 1 },
+        sideBySide ? (React.createElement(Box, { width: "100%" },
+            React.createElement(ChipRow, { chips: config }),
+            React.createElement(Box, { flexGrow: 1 }),
+            React.createElement(ChipRow, { chips: metrics }))) : (React.createElement(React.Fragment, null,
+            config.length > 0 && React.createElement(ChipRow, { chips: config }),
+            metrics.length > 0 && React.createElement(ChipRow, { chips: metrics }))),
+        quotaWindows.length > 0 ? (React.createElement(QuotaRow, { windows: quotaWindows, budget: budget })) : view.quotaText ? (React.createElement(Text, { color: theme.textSubtle, wrap: "wrap" }, view.quotaText)) : null,
+        view.alerts.length > 0 && React.createElement(AlertRow, { alerts: view.alerts })));
+};
+//# sourceMappingURL=status.js.map