@tokscale/cli 1.0.0

package/dist/tui/components/BarChart.jsx

@@ -0,0 +1,163 @@
+import { For, Show, createMemo } from "solid-js";
+import { formatTokensCompact } from "../utils/format.js";
+import { isNarrow, isVeryNarrow } from "../utils/responsive.js";
+const BLOCKS = [" ", "▁", "▂", "▃", "▄", "▅", "▆", "▇", "█"];
+const MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+const REPEAT_CACHE_MAX_SIZE = 256;
+const repeatCache = new Map();
+function getRepeatedString(char, count) {
+    const key = `${char}:${count}`;
+    let cached = repeatCache.get(key);
+    if (!cached) {
+        if (repeatCache.size >= REPEAT_CACHE_MAX_SIZE) {
+            const firstKey = repeatCache.keys().next().value;
+            if (firstKey)
+                repeatCache.delete(firstKey);
+        }
+        cached = char.repeat(count);
+        repeatCache.set(key, cached);
+    }
+    return cached;
+}
+export function BarChart(props) {
+    const data = () => props.data;
+    const width = () => props.width;
+    const height = () => props.height;
+    const isNarrowTerminal = () => isNarrow(width());
+    const isVeryNarrowTerminal = () => isVeryNarrow(width());
+    const safeHeight = () => Math.max(height(), 1);
+    const maxTotal = createMemo(() => {
+        const arr = data();
+        if (arr.length === 0)
+            return 1;
+        let max = arr[0].total;
+        for (let i = 1; i < arr.length; i++) {
+            if (arr[i].total > max)
+                max = arr[i].total;
+        }
+        return Math.max(max, 1);
+    });
+    const chartWidth = () => Math.max(width() - 8, 20);
+    const barWidth = () => Math.max(1, Math.floor(chartWidth() / Math.min(data().length, 52)));
+    const visibleBars = () => Math.min(data().length, Math.floor(chartWidth() / barWidth()));
+    const visibleData = createMemo(() => data().slice(-visibleBars()));
+    const sortedModelsMap = createMemo(() => {
+        const vd = visibleData();
+        const map = new Map();
+        for (const point of vd) {
+            const models = point.models ?? [];
+            const sorted = [...models].sort((a, b) => a.modelId.localeCompare(b.modelId));
+            map.set(point.date, sorted);
+        }
+        return map;
+    });
+    const rowIndices = createMemo(() => {
+        const sh = safeHeight();
+        const indices = new Array(sh);
+        for (let i = 0; i < sh; i++) {
+            indices[i] = sh - 1 - i;
+        }
+        return indices;
+    });
+    const dateLabels = createMemo(() => {
+        const vd = visibleData();
+        if (vd.length === 0)
+            return [];
+        const labelInterval = Math.max(1, Math.floor(vd.length / (isVeryNarrowTerminal() ? 2 : 3)));
+        const labels = [];
+        for (let i = 0; i < vd.length; i += labelInterval) {
+            const dateStr = vd[i].date;
+            const parts = dateStr.split("-");
+            if (parts.length === 3) {
+                const month = parseInt(parts[1], 10);
+                const day = parseInt(parts[2], 10);
+                labels.push(isVeryNarrowTerminal() ? `${month}/${day}` : `${MONTH_NAMES[month - 1]} ${day}`);
+            }
+            else {
+                labels.push(dateStr.slice(5));
+            }
+        }
+        return labels;
+    });
+    const axisWidth = () => Math.min(chartWidth(), visibleBars() * barWidth());
+    const labelPadding = () => {
+        const labels = dateLabels();
+        return labels.length > 0 ? Math.floor(axisWidth() / labels.length) : 0;
+    };
+    const chartTitle = () => isVeryNarrowTerminal() ? "Tokens" : "Tokens per Day";
+    const getBarContent = (point, row) => {
+        const mt = maxTotal();
+        const sh = safeHeight();
+        const rowThreshold = ((row + 1) / sh) * mt;
+        const prevThreshold = (row / sh) * mt;
+        const thresholdDiff = rowThreshold - prevThreshold;
+        const bw = barWidth();
+        if (point.total <= prevThreshold) {
+            return { char: getRepeatedString(" ", bw), color: "dim" };
+        }
+        const sortedModels = sortedModelsMap().get(point.date) ?? [];
+        if (sortedModels.length === 0) {
+            return { char: getRepeatedString(" ", bw), color: "dim" };
+        }
+        let currentHeight = 0;
+        let maxOverlap = 0;
+        let color = sortedModels[0].color;
+        const rowStart = prevThreshold;
+        const rowEnd = rowThreshold;
+        for (const m of sortedModels) {
+            const mStart = currentHeight;
+            const mEnd = currentHeight + m.tokens;
+            currentHeight += m.tokens;
+            const overlapStart = Math.max(mStart, rowStart);
+            const overlapEnd = Math.min(mEnd, rowEnd);
+            const overlap = Math.max(0, overlapEnd - overlapStart);
+            if (overlap > maxOverlap) {
+                maxOverlap = overlap;
+                color = m.color;
+            }
+        }
+        if (point.total >= rowThreshold) {
+            return { char: getRepeatedString("█", bw), color };
+        }
+        const ratio = thresholdDiff > 0 ? (point.total - prevThreshold) / thresholdDiff : 1;
+        const blockIndex = Math.min(8, Math.max(1, Math.floor(ratio * 8)));
+        return { char: getRepeatedString(BLOCKS[blockIndex], bw), color };
+    };
+    return (<Show when={data().length > 0} fallback={<text dim>No chart data</text>}>
+      <box flexDirection="column">
+        <text bold>{chartTitle()}</text>
+        <For each={rowIndices()}>
+          {(row) => {
+            const yLabelWidth = isVeryNarrowTerminal() ? 5 : 6;
+            const yLabel = row === safeHeight() - 1
+                ? formatTokensCompact(maxTotal()).padStart(yLabelWidth)
+                : " ".repeat(yLabelWidth);
+            return (<box flexDirection="row">
+                <text dim>{yLabel}│</text>
+                <For each={visibleData()}>
+                  {(point) => {
+                    const bar = getBarContent(point, row);
+                    return bar.color === "dim"
+                        ? <text dim>{bar.char}</text>
+                        : <text fg={bar.color}>{bar.char}</text>;
+                }}
+                </For>
+              </box>);
+        }}
+        </For>
+        <box flexDirection="row">
+          <text dim>{isVeryNarrowTerminal() ? "    0│" : "     0│"}</text>
+          <text dim>{getRepeatedString("─", axisWidth())}</text>
+        </box>
+        <Show when={dateLabels().length > 0}>
+          <box flexDirection="row">
+            <text dim>{isVeryNarrowTerminal() ? "      " : "       "}</text>
+            <text dim>
+              {dateLabels().map((l) => l.padEnd(labelPadding())).join("")}
+            </text>
+          </box>
+        </Show>
+      </box>
+    </Show>);
+}
+//# sourceMappingURL=BarChart.jsx.map

package/dist/tui/components/BarChart.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.jsx","sourceRoot":"","sources":["../../../src/tui/components/BarChart.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/DailyView.d.ts

@@ -0,0 +1,13 @@
+import { type Accessor } from "solid-js";
+import type { TUIData, SortType } from "../hooks/useData.js";
+interface DailyViewProps {
+    data: TUIData;
+    sortBy: SortType;
+    sortDesc: boolean;
+    selectedIndex: Accessor<number>;
+    height: number;
+    width?: number;
+}
+export declare function DailyView(props: DailyViewProps): any;
+export {};
+//# sourceMappingURL=DailyView.d.ts.map

package/dist/tui/components/DailyView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DailyView.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DailyView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAgB7D,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,OAsF9C"}

package/dist/tui/components/DailyView.js

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function DailyView({ data, sortBy, sortDesc, selectedIndex, height }) {
+    if (!data)
+        return null;
+    const sortedEntries = [...data.dailyEntries].sort((a, b) => {
+        let cmp = 0;
+        if (sortBy === "cost")
+            cmp = a.cost - b.cost;
+        else if (sortBy === "tokens")
+            cmp = a.total - b.total;
+        else
+            cmp = a.date.localeCompare(b.date);
+        return sortDesc ? -cmp : cmp;
+    });
+    const visibleEntries = sortedEntries.slice(0, height - 3);
+    const formatNum = (n) => {
+        if (n >= 1_000_000_000)
+            return `${(n / 1_000_000_000).toFixed(1)}B`;
+        if (n >= 1_000_000)
+            return `${(n / 1_000_000).toFixed(1)}M`;
+        if (n >= 1_000)
+            return `${Math.floor(n / 1_000).toLocaleString()},${String(n % 1000).padStart(3, "0")}`;
+        return n.toLocaleString();
+    };
+    const formatCost = (cost) => `$${cost.toFixed(2)}`;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { color: "cyan", bold: true, children: ["  Date".padEnd(14), "Input".padStart(14), "Output".padStart(14), "Cache".padStart(14), "Total".padStart(16), "Cost".padStart(12)] }) }), _jsx(Box, { borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderBottom: true, borderColor: "gray" }), visibleEntries.map((entry, i) => {
+                const isSelected = i === selectedIndex;
+                return (_jsxs(Box, { children: [_jsxs(Text, { backgroundColor: isSelected ? "blue" : undefined, color: isSelected ? "white" : undefined, children: [entry.date.padEnd(14), formatNum(entry.input).padStart(14), formatNum(entry.output).padStart(14), formatNum(entry.cache).padStart(14), formatNum(entry.total).padStart(16)] }), _jsx(Text, { color: "green", backgroundColor: isSelected ? "blue" : undefined, children: formatCost(entry.cost).padStart(12) })] }, entry.date));
+            })] }));
+}
+//# sourceMappingURL=DailyView.js.map

package/dist/tui/components/DailyView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DailyView.js","sourceRoot":"","sources":["../../../src/tui/components/DailyView.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/DailyView.jsx

@@ -0,0 +1,84 @@
+import { For, createMemo } from "solid-js";
+import { formatTokensCompact, formatCostFull } from "../utils/format.js";
+import { isNarrow } from "../utils/responsive.js";
+const STRIPE_BG = "#232328";
+const INPUT_COL_WIDTH = 12;
+const OUTPUT_COL_WIDTH = 12;
+const CACHE_COL_WIDTH = 12;
+const TOTAL_COL_WIDTH = 14;
+const COST_COL_WIDTH = 12;
+const METRIC_COLUMNS_WIDTH_FULL = INPUT_COL_WIDTH + OUTPUT_COL_WIDTH + CACHE_COL_WIDTH + TOTAL_COL_WIDTH + COST_COL_WIDTH;
+const METRIC_COLUMNS_WIDTH_NARROW = TOTAL_COL_WIDTH + COST_COL_WIDTH;
+const SIDE_PADDING = 0;
+const MIN_DATE_COLUMN = 14;
+export function DailyView(props) {
+    const isNarrowTerminal = () => isNarrow(props.width);
+    const terminalWidth = () => props.width ?? process.stdout.columns ?? 80;
+    const dateColumnWidths = createMemo(() => {
+        const metricWidth = isNarrowTerminal() ? METRIC_COLUMNS_WIDTH_NARROW : METRIC_COLUMNS_WIDTH_FULL;
+        const minDate = MIN_DATE_COLUMN;
+        const available = Math.max(terminalWidth() - SIDE_PADDING - metricWidth, minDate);
+        const dateColumn = Math.max(minDate, available);
+        return {
+            column: dateColumn,
+            text: dateColumn,
+        };
+    });
+    const sortedEntries = createMemo(() => {
+        const entries = props.data.dailyEntries;
+        const sortBy = props.sortBy;
+        const sortDesc = props.sortDesc;
+        return [...entries].sort((a, b) => {
+            let cmp = 0;
+            if (sortBy === "cost")
+                cmp = a.cost - b.cost;
+            else if (sortBy === "tokens")
+                cmp = a.total - b.total;
+            else
+                cmp = a.date.localeCompare(b.date);
+            return sortDesc ? -cmp : cmp;
+        });
+    });
+    const visibleEntries = createMemo(() => sortedEntries().slice(0, props.height - 3));
+    const sortArrow = () => (props.sortDesc ? "▼" : "▲");
+    const dateHeader = () => "Date";
+    const totalHeader = () => (props.sortBy === "tokens" ? `${sortArrow()} Total` : "Total");
+    const costHeader = () => (props.sortBy === "cost" ? `${sortArrow()} Cost` : "Cost");
+    const renderHeader = () => {
+        const dateColWidth = dateColumnWidths().column;
+        if (isNarrowTerminal()) {
+            return `${"Date".padEnd(dateColWidth)}${totalHeader().padStart(TOTAL_COL_WIDTH)}${costHeader().padStart(COST_COL_WIDTH)}`;
+        }
+        return `${("  " + dateHeader()).padEnd(dateColWidth)}${"Input".padStart(INPUT_COL_WIDTH)}${"Output".padStart(OUTPUT_COL_WIDTH)}${"Cache".padStart(CACHE_COL_WIDTH)}${totalHeader().padStart(TOTAL_COL_WIDTH)}${costHeader().padStart(COST_COL_WIDTH)}`;
+    };
+    const renderRow = (entry) => {
+        const dateColWidth = dateColumnWidths().column;
+        if (isNarrowTerminal()) {
+            return `${entry.date.padEnd(dateColWidth)}${formatTokensCompact(entry.total).padStart(TOTAL_COL_WIDTH)}`;
+        }
+        return `${entry.date.padEnd(dateColWidth)}${formatTokensCompact(entry.input).padStart(INPUT_COL_WIDTH)}${formatTokensCompact(entry.output).padStart(OUTPUT_COL_WIDTH)}${formatTokensCompact(entry.cache).padStart(CACHE_COL_WIDTH)}${formatTokensCompact(entry.total).padStart(TOTAL_COL_WIDTH)}`;
+    };
+    return (<box flexDirection="column">
+      <box flexDirection="row">
+        <text fg="cyan" bold>
+          {renderHeader()}
+        </text>
+      </box>
+
+      <For each={visibleEntries()}>
+        {(entry, i) => {
+            const isActive = createMemo(() => i() === props.selectedIndex());
+            const rowBg = createMemo(() => isActive() ? "blue" : (i() % 2 === 1 ? STRIPE_BG : undefined));
+            return (<box flexDirection="row">
+              <text bg={rowBg()} fg={isActive() ? "white" : undefined}>
+                {renderRow(entry)}
+              </text>
+              <text fg="green" bg={rowBg()}>
+                {formatCostFull(entry.cost).padStart(COST_COL_WIDTH)}
+              </text>
+            </box>);
+        }}
+      </For>
+    </box>);
+}
+//# sourceMappingURL=DailyView.jsx.map

package/dist/tui/components/DailyView.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"DailyView.jsx","sourceRoot":"","sources":["../../../src/tui/components/DailyView.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/DateBreakdownPanel.d.ts

@@ -0,0 +1,7 @@
+import type { DailyModelBreakdown } from "../types/index.js";
+export interface DateBreakdownPanelProps {
+    breakdown: DailyModelBreakdown;
+    isNarrow: boolean;
+}
+export declare function DateBreakdownPanel(props: DateBreakdownPanelProps): any;
+//# sourceMappingURL=DateBreakdownPanel.d.ts.map

package/dist/tui/components/DateBreakdownPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateBreakdownPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DateBreakdownPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAU7D,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,OA8DhE"}

package/dist/tui/components/DateBreakdownPanel.jsx

@@ -0,0 +1,61 @@
+import { For, createMemo } from "solid-js";
+import { getSourceColor } from "../utils/colors.js";
+import { formatTokens, formatCost } from "../utils/format.js";
+import { ModelRow } from "./ModelRow.js";
+function formatDateDisplay(dateStr) {
+    const date = new Date(dateStr + "T00:00:00");
+    return date.toLocaleDateString("en-US", { weekday: "short", month: "short", day: "numeric", year: "numeric" });
+}
+export function DateBreakdownPanel(props) {
+    const groupedBySource = createMemo(() => {
+        if (!props.breakdown?.models)
+            return new Map();
+        const groups = new Map();
+        for (const model of props.breakdown.models) {
+            const existing = groups.get(model.source) || [];
+            existing.push(model);
+            groups.set(model.source, existing);
+        }
+        for (const [, models] of groups) {
+            models.sort((a, b) => {
+                const totalA = a.tokens.input + a.tokens.output + (a.tokens.cacheRead || 0) + (a.tokens.cacheWrite || 0);
+                const totalB = b.tokens.input + b.tokens.output + (b.tokens.cacheRead || 0) + (b.tokens.cacheWrite || 0);
+                return totalB - totalA;
+            });
+        }
+        return groups;
+    });
+    return (<box flexDirection="column" marginTop={1} paddingX={1}>
+      <box flexDirection="row" justifyContent="space-between">
+        <text bold fg="white">{formatDateDisplay(props.breakdown.date)}</text>
+        <box flexDirection="row" gap={2}>
+          <text fg="cyan">{formatTokens(props.breakdown.totalTokens)}</text>
+          <text fg="green" bold>{formatCost(props.breakdown.cost)}</text>
+        </box>
+      </box>
+      
+      <box flexDirection="column" marginTop={1}>
+        <For each={Array.from(groupedBySource().entries())}>
+          {([source, models]) => (<box flexDirection="column">
+              <box flexDirection="row" gap={1}>
+                <text fg={getSourceColor(source)} bold>{`● ${source.toUpperCase()}`}</text>
+                <text dim>{`(${models.length} model${models.length > 1 ? "s" : ""})`}</text>
+              </box>
+              <For each={models}>
+                {(model) => (<ModelRow modelId={model.modelId} tokens={{
+                    input: model.tokens.input,
+                    output: model.tokens.output,
+                    cacheRead: model.tokens.cacheRead,
+                    cacheWrite: model.tokens.cacheWrite,
+                }} compact={props.isNarrow} indent={2}/>)}
+              </For>
+            </box>)}
+        </For>
+      </box>
+      
+      <box flexDirection="row" marginTop={1}>
+        <text dim>Click another day or same day to close</text>
+      </box>
+    </box>);
+}
+//# sourceMappingURL=DateBreakdownPanel.jsx.map

package/dist/tui/components/DateBreakdownPanel.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateBreakdownPanel.jsx","sourceRoot":"","sources":["../../../src/tui/components/DateBreakdownPanel.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/Footer.d.ts

@@ -0,0 +1,26 @@
+import type { SourceType, SortType, TabType, LoadingPhase } from "../types/index.js";
+import type { ColorPaletteName } from "../config/themes.js";
+import type { TotalBreakdown } from "../hooks/useData.js";
+interface FooterProps {
+    enabledSources: Set<SourceType>;
+    sortBy: SortType;
+    totals?: TotalBreakdown;
+    modelCount: number;
+    activeTab: TabType;
+    scrollStart?: number;
+    scrollEnd?: number;
+    totalItems?: number;
+    colorPalette: ColorPaletteName;
+    statusMessage?: string | null;
+    isRefreshing?: boolean;
+    loadingPhase?: LoadingPhase;
+    cacheTimestamp?: number | null;
+    width?: number;
+    onSourceToggle?: (source: SourceType) => void;
+    onSortChange?: (sort: SortType) => void;
+    onPaletteChange?: () => void;
+    onRefresh?: () => void;
+}
+export declare function Footer(props: FooterProps): any;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/tui/components/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/tui/components/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAK1D,UAAU,WAAW;IACnB,cAAc,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAaD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,OA8ExC"}

package/dist/tui/components/Footer.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function Footer({ enabledSources, sortBy, totalCost, modelCount, activeTab, scrollStart, scrollEnd, totalItems, }) {
+    const formatCost = (cost) => {
+        if (cost >= 1000)
+            return `$${(cost / 1000).toFixed(1)}K`;
+        return `$${cost.toFixed(2)}`;
+    };
+    const showScrollInfo = activeTab === "overview" && totalItems && scrollStart !== undefined && scrollEnd !== undefined;
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { gap: 1, children: [_jsx(SourceBadge, { name: "1:OC", enabled: enabledSources.has("opencode") }), _jsx(SourceBadge, { name: "2:CC", enabled: enabledSources.has("claude") }), _jsx(SourceBadge, { name: "3:CX", enabled: enabledSources.has("codex") }), _jsx(SourceBadge, { name: "4:CR", enabled: enabledSources.has("cursor") }), _jsx(SourceBadge, { name: "5:GM", enabled: enabledSources.has("gemini") }), _jsx(Text, { dimColor: true, children: "|" }), _jsx(Text, { dimColor: true, children: "Sort:" }), _jsx(Text, { color: "white", children: sortBy === "cost" ? "Cost" : sortBy === "name" ? "Name" : "Tokens" }), showScrollInfo && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: "|" }), _jsxs(Text, { dimColor: true, children: ["\u2193 ", scrollStart + 1, "-", scrollEnd, " of ", totalItems, " models"] })] }))] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "Total:" }), _jsx(Text, { color: "green", bold: true, children: formatCost(totalCost) }), _jsxs(Text, { dimColor: true, children: ["(", modelCount, ")"] })] })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 scroll \u2022 tab/d view \u2022 c/n/t sort \u2022 1-5 filter \u2022 r refresh \u2022 q quit" }) })] }));
+}
+function SourceBadge({ name, enabled }) {
+    return (_jsxs(Text, { color: enabled ? "green" : "gray", children: ["[", enabled ? "●" : "○", name, "]"] }));
+}
+//# sourceMappingURL=Footer.js.map

package/dist/tui/components/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/tui/components/Footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAchC,MAAM,UAAU,MAAM,CAAC,EACrB,cAAc,EACd,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,GACE;IACZ,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,IAAI,IAAI,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;QACzD,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,SAAS,KAAK,UAAU,IAAI,UAAU,IAAI,WAAW,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC;IAEtH,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,aACrC,MAAC,GAAG,IAAC,cAAc,EAAC,eAAe,aACjC,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,GAAI,EACpE,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAI,EAClE,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,GAAI,EACjE,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAI,EAClE,KAAC,WAAW,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAI,EAClE,KAAC,IAAI,IAAC,QAAQ,wBAAS,EACvB,KAAC,IAAI,IAAC,QAAQ,4BAAa,EAC3B,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,EAC9F,cAAc,IAAI,CACjB,8BACE,KAAC,IAAI,IAAC,QAAQ,wBAAS,EACvB,MAAC,IAAI,IAAC,QAAQ,8BAAI,WAAW,GAAG,CAAC,OAAG,SAAS,UAAM,UAAU,eAAe,IAC3E,CACJ,IACG,EACN,MAAC,GAAG,IAAC,GAAG,EAAE,CAAC,aACT,KAAC,IAAI,IAAC,QAAQ,6BAAc,EAC5B,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,kBAAE,UAAU,CAAC,SAAS,CAAC,GAAQ,EACvD,MAAC,IAAI,IAAC,QAAQ,wBAAG,UAAU,SAAS,IAChC,IACF,EACN,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,QAAQ,+HAEP,GACH,IACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAsC;IACxE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,kBACnC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,SACtB,CACR,CAAC;AACJ,CAAC"}

package/dist/tui/components/Footer.jsx

@@ -0,0 +1,158 @@
+import { Show, createSignal, onMount, onCleanup } from "solid-js";
+import { getPalette } from "../config/themes.js";
+import { formatTokens } from "../utils/format.js";
+import { isVeryNarrow } from "../utils/responsive.js";
+function formatTimeAgo(timestamp) {
+    const seconds = Math.floor((Date.now() - timestamp) / 1000);
+    if (seconds < 60)
+        return `${seconds}s ago`;
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+export function Footer(props) {
+    const palette = () => getPalette(props.colorPalette);
+    const isVeryNarrowTerminal = () => isVeryNarrow(props.width);
+    const showScrollInfo = () => props.activeTab === "overview" &&
+        props.totalItems &&
+        props.scrollStart !== undefined &&
+        props.scrollEnd !== undefined;
+    const totals = () => props.totals || { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, total: 0, cost: 0 };
+    return (<box flexDirection="column" paddingX={1}>
+      <box flexDirection="row" justifyContent="space-between">
+        <box flexDirection="row" gap={1}>
+          <SourceBadge name={isVeryNarrowTerminal() ? "1" : "1:OC"} source="opencode" enabled={props.enabledSources.has("opencode")} onToggle={props.onSourceToggle}/>
+          <SourceBadge name={isVeryNarrowTerminal() ? "2" : "2:CC"} source="claude" enabled={props.enabledSources.has("claude")} onToggle={props.onSourceToggle}/>
+          <SourceBadge name={isVeryNarrowTerminal() ? "3" : "3:CX"} source="codex" enabled={props.enabledSources.has("codex")} onToggle={props.onSourceToggle}/>
+          <SourceBadge name={isVeryNarrowTerminal() ? "4" : "4:CR"} source="cursor" enabled={props.enabledSources.has("cursor")} onToggle={props.onSourceToggle}/>
+          <SourceBadge name={isVeryNarrowTerminal() ? "5" : "5:GM"} source="gemini" enabled={props.enabledSources.has("gemini")} onToggle={props.onSourceToggle}/>
+          <Show when={!isVeryNarrowTerminal()}>
+            <text dim>|</text>
+            <SortButton label="Cost" sortType="cost" active={props.sortBy === "cost"} onClick={props.onSortChange}/>
+            <SortButton label="Tokens" sortType="tokens" active={props.sortBy === "tokens"} onClick={props.onSortChange}/>
+          </Show>
+          <Show when={showScrollInfo() && !isVeryNarrowTerminal()}>
+            <text dim>|</text>
+            <text dim>{`↓ ${props.scrollStart + 1}-${props.scrollEnd} of ${props.totalItems}`}</text>
+          </Show>
+        </box>
+        <box flexDirection="row" gap={1}>
+          <text fg="cyan">{formatTokens(totals().total)}</text>
+          <text dim>tokens</text>
+          <text dim>|</text>
+          <text fg="green" bold>{`$${totals().cost.toFixed(2)}`}</text>
+          <Show when={!isVeryNarrowTerminal()}>
+            <text dim>({props.modelCount} models)</text>
+          </Show>
+        </box>
+      </box>
+      <box flexDirection="row" gap={1}>
+        <Show when={props.statusMessage} fallback={<Show when={isVeryNarrowTerminal()} fallback={<>
+              <text dim>↑↓ scroll • ←→/tab view • y copy •</text>
+              <box onMouseDown={props.onPaletteChange}>
+                <text fg="magenta">{`[p:${palette().name}]`}</text>
+              </box>
+              <box onMouseDown={props.onRefresh}>
+                <text fg="yellow">[r:refresh]</text>
+              </box>
+              <text dim>• e export • q quit</text>
+            </>}>
+            <text dim>↑↓•←→•y•</text>
+            <box onMouseDown={props.onPaletteChange}>
+              <text fg="magenta">[p]</text>
+            </box>
+            <box onMouseDown={props.onRefresh}>
+              <text fg="yellow">[r]</text>
+            </box>
+            <text dim>•e•q</text>
+          </Show>}>
+          <text fg="green" bold>{props.statusMessage}</text>
+        </Show>
+      </box>
+      <Show when={props.isRefreshing}>
+        <LoadingStatusLine phase={props.loadingPhase}/>
+      </Show>
+      <Show when={!props.isRefreshing && props.cacheTimestamp}>
+        <box flexDirection="row">
+          <text dim>{`Last updated: ${formatTimeAgo(props.cacheTimestamp)}`}</text>
+        </box>
+      </Show>
+    </box>);
+}
+function SourceBadge(props) {
+    const handleClick = () => props.onToggle?.(props.source);
+    return (<box onMouseDown={handleClick}>
+      <text fg={props.enabled ? "green" : "gray"}>
+        {`[${props.enabled ? "●" : "○"}${props.name}]`}
+      </text>
+    </box>);
+}
+function SortButton(props) {
+    const handleClick = () => props.onClick?.(props.sortType);
+    return (<box onMouseDown={handleClick}>
+      <text fg={props.active ? "white" : "gray"} bold={props.active}>
+        {props.label}
+      </text>
+    </box>);
+}
+const SPINNER_COLORS = ["#00FFFF", "#00D7D7", "#00AFAF", "#008787", "#666666", "#666666"];
+const SPINNER_WIDTH = 6;
+const SPINNER_HOLD_START = 20;
+const SPINNER_HOLD_END = 6;
+const SPINNER_TRAIL = 3;
+const SPINNER_INTERVAL = 40;
+const PHASE_MESSAGES = {
+    "idle": "Initializing...",
+    "loading-pricing": "Loading pricing data...",
+    "syncing-cursor": "Syncing Cursor data...",
+    "parsing-sources": "Parsing session files...",
+    "finalizing-report": "Finalizing report...",
+    "complete": "Complete",
+};
+function LoadingStatusLine(props) {
+    const [frame, setFrame] = createSignal(0);
+    onMount(() => {
+        const id = setInterval(() => setFrame(f => f + 1), SPINNER_INTERVAL);
+        onCleanup(() => clearInterval(id));
+    });
+    const getSpinnerState = () => {
+        const forwardFrames = SPINNER_WIDTH;
+        const backwardFrames = SPINNER_WIDTH - 1;
+        const totalCycle = forwardFrames + SPINNER_HOLD_END + backwardFrames + SPINNER_HOLD_START;
+        const normalized = frame() % totalCycle;
+        if (normalized < forwardFrames) {
+            return { position: normalized, forward: true };
+        }
+        else if (normalized < forwardFrames + SPINNER_HOLD_END) {
+            return { position: SPINNER_WIDTH - 1, forward: true };
+        }
+        else if (normalized < forwardFrames + SPINNER_HOLD_END + backwardFrames) {
+            return { position: SPINNER_WIDTH - 2 - (normalized - forwardFrames - SPINNER_HOLD_END), forward: false };
+        }
+        return { position: 0, forward: false };
+    };
+    const getCharProps = (index) => {
+        const { position, forward } = getSpinnerState();
+        const distance = forward ? position - index : index - position;
+        if (distance >= 0 && distance < SPINNER_TRAIL) {
+            return { char: "■", color: SPINNER_COLORS[distance] };
+        }
+        return { char: "⬝", color: "#444444" };
+    };
+    const message = () => props.phase ? PHASE_MESSAGES[props.phase] : "Refreshing...";
+    return (<box flexDirection="row" gap={1}>
+      <box flexDirection="row" gap={0}>
+        {Array.from({ length: SPINNER_WIDTH }, (_, i) => {
+            const { char, color } = getCharProps(i);
+            return <text fg={color}>{char}</text>;
+        })}
+      </box>
+      <text dim>{message()}</text>
+    </box>);
+}
+//# sourceMappingURL=Footer.jsx.map