letmecode 0.1.23 → 0.1.25

package/ink-app/dist/cli-options.js

@@ -58,12 +58,12 @@ export function buildHelpText() {
         "  --no-usage         Disable anonymous usage reporting",
         "",
         "Controls:",
-        "  [ ] / Tab          Switch providers",
-        "  Shift+Tab          Switch providers backward",
-        "  j / k              Switch dashboard sections",
-        "  Up / Down          Switch dashboard sections",
-        "  Left / Right       Select the previous or next row",
-        "  1, h / l, Enter    Run Copilot setup actions",
+        "  Up / Down          Select Provider, View, or table rows",
+        "  Left / Right       Change the selected Provider or View",
+        "  Left / Right       Do nothing when table rows are selected",
+        "  Tab / Shift+Tab    Switch providers without leaving the table",
+        "  [ / ]              Switch views without leaving the table",
+        "  1, Enter           Run Copilot setup actions",
         "  q or Esc           Quit",
         "",
         "Trace logging:",

package/ink-app/dist/index.js

@@ -4,22 +4,24 @@ import { Box, Text, measureElement, useApp, useInput, useStdin, useStdout, rende
 import { buildHelpText, buildProviderStatsOptions, parseCliOptions } from "./cli-options.js";
 import { configureCopilotVsCodeLogging, createProviders } from "./providers/index.js";
 import { reportAnonymousUsage } from "./reporting.js";
+import { estimateLimitFullValue } from "./providers/limits.js";
 const ESC = String.fromCharCode(0x1b);
 // Normal mouse tracking (button press/release only) + SGR extended coordinates.
-// This makes the tabs clickable while leaving Shift+drag native text selection
+// This makes the controls clickable while leaving Shift+drag native text selection
 // available everywhere else, exactly like Midnight Commander.
 const ENABLE_MOUSE_TRACKING = `${ESC}[?1000h${ESC}[?1006h`;
 const DISABLE_MOUSE_TRACKING = `${ESC}[?1006l${ESC}[?1000l`;
 // SGR mouse report: ESC [ < button ; column ; row, ending in M (press) or m (release).
 const SGR_MOUSE_SEQUENCE = new RegExp(`${ESC}\\[<(\\d+);(\\d+);(\\d+)([Mm])`, "g");
-const DETAIL_TABS = [
+const DETAIL_VIEWS = [
     { id: "limit-windows", label: "Limits" },
     { id: "summary", label: "Summary" },
     { id: "day-to-day-analyses", label: "Daily" },
     { id: "usage-by-model", label: "Models" }
 ];
+const CONTROL_SECTIONS = ["provider", "view", "table"];
 const CODEX_CREDIT_COST_USD = 0.01;
-const LIMIT_TABLE_HEADERS = ["Scope", "Plan", "Models", "Window", "Used", "Start", "End", "API eq."];
+const LIMIT_TABLE_HEADERS = ["Scope", "Plan", "Models", "Window", "Used", "Start", "End", "API eq.", "Full"];
 const DAILY_TABLE_HEADERS = ["Day", "Ev", "Input", "Output", "C read", "C write", "API eq."];
 const MODEL_TABLE_HEADERS = ["Model", "Input", "Output", "C read", "C write", "API eq."];
 const COPILOT_ACTIONS = [
@@ -38,26 +40,29 @@ function App(props) {
     const [providerStates, setProviderStates] = useState(providers.map((provider) => ({ provider, status: "loading" })));
     const [selectedProviderId, setSelectedProviderId] = useState(providers[0]?.id ?? "");
     const [hasUserSelectedProvider, setHasUserSelectedProvider] = useState(false);
-    const [selectedDetailTabIndex, setSelectedDetailTabIndex] = useState(0);
-    const [selectedLimitRowIndex, setSelectedLimitRowIndex] = useState(0);
-    const [selectedDayRowIndex, setSelectedDayRowIndex] = useState(0);
-    const [selectedModelRowIndex, setSelectedModelRowIndex] = useState(0);
+    const [selectedDetailViewIndex, setSelectedDetailViewIndex] = useState(0);
+    const [selectedControlSectionIndex, setSelectedControlSectionIndex] = useState(0);
+    const [selectedLimitRowIndex, setSelectedLimitRowIndex] = useState();
+    const [selectedDayRowIndex, setSelectedDayRowIndex] = useState();
+    const [selectedModelRowIndex, setSelectedModelRowIndex] = useState();
     const [selectedCopilotActionIndex, setSelectedCopilotActionIndex] = useState(0);
     const [copilotActionMessage, setCopilotActionMessage] = useState();
     const hasReportedAnonymousUsageRef = useRef(false);
     const sortedProviderStates = React.useMemo(() => sortProviderStatesByUsage(providerStates), [providerStates]);
     const selectedProviderIndex = Math.max(0, sortedProviderStates.findIndex((state) => state.provider.id === selectedProviderId));
     const selectedProvider = sortedProviderStates[selectedProviderIndex];
-    const selectedDetailTab = DETAIL_TABS[selectedDetailTabIndex];
+    const selectedDetailView = DETAIL_VIEWS[selectedDetailViewIndex];
+    const selectedControlSection = CONTROL_SECTIONS[selectedControlSectionIndex];
+    const isTableControlSelected = selectedControlSection === "table";
     const limitRows = getLimitRows(selectedProvider);
     const dayRows = getDayRows(selectedProvider);
     const modelRows = getModelRows(selectedProvider);
-    const activeLimitRowIndex = clampSelectionIndex(selectedLimitRowIndex, limitRows.length);
-    const activeDayRowIndex = clampSelectionIndex(selectedDayRowIndex, dayRows.length);
-    const activeModelRowIndex = clampSelectionIndex(selectedModelRowIndex, modelRows.length);
-    const selectedLimitRow = activeLimitRowIndex >= 0 ? limitRows[activeLimitRowIndex] : undefined;
-    const selectedDayRow = activeDayRowIndex >= 0 ? dayRows[activeDayRowIndex] : undefined;
-    const selectedModelRow = activeModelRowIndex >= 0 ? modelRows[activeModelRowIndex] : undefined;
+    const activeLimitRowIndex = clampOptionalSelectionIndex(selectedLimitRowIndex, limitRows.length);
+    const activeDayRowIndex = clampOptionalSelectionIndex(selectedDayRowIndex, dayRows.length);
+    const activeModelRowIndex = clampOptionalSelectionIndex(selectedModelRowIndex, modelRows.length);
+    const selectedLimitRow = isTableControlSelected && activeLimitRowIndex >= 0 ? limitRows[activeLimitRowIndex] : undefined;
+    const selectedDayRow = isTableControlSelected && activeDayRowIndex >= 0 ? dayRows[activeDayRowIndex] : undefined;
+    const selectedModelRow = isTableControlSelected && activeModelRowIndex >= 0 ? modelRows[activeModelRowIndex] : undefined;
     useEffect(() => {
         let cancelled = false;
         for (const provider of providers) {
@@ -109,6 +114,11 @@ function App(props) {
             // Anonymous usage reporting is best-effort and must never disturb the TUI.
         });
     }, [props.usageReportingEnabled, providerStates]);
+    const clearSelectedTableRows = useCallback(() => {
+        setSelectedLimitRowIndex(undefined);
+        setSelectedDayRowIndex(undefined);
+        setSelectedModelRowIndex(undefined);
+    }, []);
     useMouseClick((click) => {
         const regionId = resolveClick(click);
         if (!regionId) {
@@ -117,23 +127,36 @@ function App(props) {
         if (regionId.startsWith("provider:")) {
             setSelectedProviderId(regionId.slice("provider:".length));
             setHasUserSelectedProvider(true);
+            setSelectedControlSectionIndex(CONTROL_SECTIONS.indexOf("provider"));
+            clearSelectedTableRows();
             return;
         }
-        if (regionId.startsWith("vtab:")) {
-            setSelectedDetailTabIndex(Number(regionId.slice("vtab:".length)));
+        if (regionId.startsWith("view:")) {
+            setSelectedDetailViewIndex(Number(regionId.slice("view:".length)));
+            setSelectedControlSectionIndex(CONTROL_SECTIONS.indexOf("view"));
+            clearSelectedTableRows();
         }
     });
     const moveSelectedTableRow = useCallback((delta) => {
-        if (selectedDetailTab.id === "limit-windows") {
-            setSelectedLimitRowIndex(clampSelectionIndex(activeLimitRowIndex + delta, limitRows.length));
+        if (selectedDetailView.id === "limit-windows") {
+            if (limitRows.length === 0) {
+                return;
+            }
+            setSelectedLimitRowIndex(clampSelectionIndex(activeLimitRowIndex < 0 ? 0 : activeLimitRowIndex + delta, limitRows.length));
             return;
         }
-        if (selectedDetailTab.id === "usage-by-model") {
-            setSelectedModelRowIndex(clampSelectionIndex(activeModelRowIndex + delta, modelRows.length));
+        if (selectedDetailView.id === "usage-by-model") {
+            if (modelRows.length === 0) {
+                return;
+            }
+            setSelectedModelRowIndex(clampSelectionIndex(activeModelRowIndex < 0 ? 0 : activeModelRowIndex + delta, modelRows.length));
             return;
         }
-        if (selectedDetailTab.id === "day-to-day-analyses") {
-            setSelectedDayRowIndex(clampSelectionIndex(activeDayRowIndex + delta, dayRows.length));
+        if (selectedDetailView.id === "day-to-day-analyses") {
+            if (dayRows.length === 0) {
+                return;
+            }
+            setSelectedDayRowIndex(clampSelectionIndex(activeDayRowIndex < 0 ? 0 : activeDayRowIndex + delta, dayRows.length));
         }
     }, [
         activeDayRowIndex,
@@ -142,8 +165,59 @@ function App(props) {
         dayRows.length,
         limitRows.length,
         modelRows.length,
-        selectedDetailTab.id
+        selectedDetailView.id
     ]);
+    const canMoveTableRowUp = useCallback(() => {
+        if (selectedDetailView.id === "limit-windows") {
+            return activeLimitRowIndex > 0;
+        }
+        if (selectedDetailView.id === "usage-by-model") {
+            return activeModelRowIndex > 0;
+        }
+        if (selectedDetailView.id === "day-to-day-analyses") {
+            return activeDayRowIndex > 0;
+        }
+        return false;
+    }, [activeDayRowIndex, activeLimitRowIndex, activeModelRowIndex, selectedDetailView.id]);
+    const moveSelectionDown = useCallback(() => {
+        if (selectedControlSection === "table") {
+            moveSelectedTableRow(1);
+            return;
+        }
+        setSelectedControlSectionIndex((current) => {
+            const next = Math.min(current + 1, CONTROL_SECTIONS.length - 1);
+            if (CONTROL_SECTIONS[next] === "table") {
+                moveSelectedTableRow(1);
+            }
+            return next;
+        });
+    }, [moveSelectedTableRow, selectedControlSection]);
+    const moveSelectionUp = useCallback(() => {
+        if (selectedControlSection === "table" && canMoveTableRowUp()) {
+            moveSelectedTableRow(-1);
+            return;
+        }
+        if (selectedControlSection === "table") {
+            clearSelectedTableRows();
+        }
+        setSelectedControlSectionIndex((current) => Math.max(current - 1, 0));
+    }, [canMoveTableRowUp, clearSelectedTableRows, moveSelectedTableRow, selectedControlSection]);
+    const changeSelectedProvider = useCallback((delta) => {
+        setSelectedProviderId(sortedProviderStates[(selectedProviderIndex + delta + sortedProviderStates.length) % sortedProviderStates.length].provider.id);
+        setHasUserSelectedProvider(true);
+    }, [selectedProviderIndex, sortedProviderStates]);
+    const changeSelectedDetailView = useCallback((delta) => {
+        setSelectedDetailViewIndex((current) => (current + delta + DETAIL_VIEWS.length) % DETAIL_VIEWS.length);
+    }, []);
+    const changeSelectedSectionValue = useCallback((delta) => {
+        if (selectedControlSection === "provider") {
+            changeSelectedProvider(delta);
+            return;
+        }
+        if (selectedControlSection === "view") {
+            changeSelectedDetailView(delta);
+        }
+    }, [changeSelectedDetailView, changeSelectedProvider, selectedControlSection]);
     useInput((input, key) => {
         // Mouse reports arrive as SGR escape sequences and are handled by useMouseClick.
         // Ink strips the leading ESC, leaving e.g. "[<0;10;5M" — never treat that as a key.
@@ -159,45 +233,42 @@ function App(props) {
             return;
         }
         if (selectedProvider.provider.id === "copilot" && key.return) {
-            runCopilotAction(COPILOT_ACTIONS[selectedCopilotActionIndex].id, setCopilotActionMessage);
+            runCopilotAction(setCopilotActionMessage);
             return;
         }
-        if (selectedProvider.provider.id === "copilot" && input === "l") {
-            setSelectedCopilotActionIndex((current) => (current + 1) % COPILOT_ACTIONS.length);
+        if (key.tab && !key.shift) {
+            changeSelectedProvider(1);
             return;
         }
-        if (selectedProvider.provider.id === "copilot" && input === "h") {
-            setSelectedCopilotActionIndex((current) => (current - 1 + COPILOT_ACTIONS.length) % COPILOT_ACTIONS.length);
+        if (key.tab && key.shift) {
+            changeSelectedProvider(-1);
             return;
         }
-        if (key.rightArrow) {
-            setSelectedDetailTabIndex((current) => (current + 1) % DETAIL_TABS.length);
+        if (input === "]") {
+            changeSelectedDetailView(1);
             return;
         }
-        if (key.leftArrow) {
-            setSelectedDetailTabIndex((current) => (current - 1 + DETAIL_TABS.length) % DETAIL_TABS.length);
+        if (input === "[") {
+            changeSelectedDetailView(-1);
             return;
         }
-        if ((key.tab && !key.shift) || input === "]") {
-            setSelectedProviderId(sortedProviderStates[(selectedProviderIndex + 1) % sortedProviderStates.length].provider.id);
-            setHasUserSelectedProvider(true);
+        if (key.rightArrow) {
+            changeSelectedSectionValue(1);
             return;
         }
-        if ((key.tab && key.shift) || input === "[") {
-            setSelectedProviderId(sortedProviderStates[(selectedProviderIndex - 1 + sortedProviderStates.length) % sortedProviderStates.length]
-                .provider.id);
-            setHasUserSelectedProvider(true);
+        if (key.leftArrow) {
+            changeSelectedSectionValue(-1);
             return;
         }
-        if (key.downArrow || input === "j") {
-            moveSelectedTableRow(1);
+        if (key.downArrow) {
+            moveSelectionDown();
             return;
         }
-        if (key.upArrow || input === "k") {
-            moveSelectedTableRow(-1);
+        if (key.upArrow) {
+            moveSelectionUp();
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: viewportHeight, overflow: "hidden", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: "LetMeCode Usage Dashboard" }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: "white", backgroundColor: "green", children: " beta " })] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "Provider  " }), sortedProviderStates.map((state) => (_jsx(ProviderTab, { label: state.provider.label, active: state.provider.id === selectedProvider.provider.id, status: state.status, regionRef: getRegionRef(`provider:${state.provider.id}`) }, state.provider.id)))] }), _jsxs(Box, { children: [_jsx(Text, { color: "gray", children: "View      " }), DETAIL_TABS.map((tab, index) => (_jsx(DetailTab, { label: tab.label, active: index === selectedDetailTabIndex, regionRef: getRegionRef(`vtab:${index}`) }, tab.id)))] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [_jsx(Box, { flexGrow: 1, overflow: "hidden", children: _jsx(Box, { ref: contentPanelRef, flexDirection: "column", flexGrow: 1, overflow: "hidden", children: _jsx(ContentPanel, { providerState: selectedProvider, tabId: selectedDetailTab.id, selectedLimitRowKey: selectedLimitRow ? getLimitRowKey(selectedLimitRow) : undefined, selectedDayKey: selectedDayRow?.dayKey, selectedModelId: selectedModelRow?.modelId, availableHeight: contentPanelHeight }) }) }), _jsx(SelectionDetailsPanel, { providerState: selectedProvider, tabId: selectedDetailTab.id, selectedLimitRow: selectedLimitRow, selectedDayRow: selectedDayRow, selectedModelRow: selectedModelRow }), _jsx(CopilotActionsPanel, { providerState: selectedProvider, actionMessage: copilotActionMessage, selectedActionIndex: selectedCopilotActionIndex }), selectedProvider.status === "ready" && selectedProvider.stats.warnings.length > 0 ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", overflow: "hidden", children: [_jsx(Text, { color: "yellow", children: "Warnings" }), selectedProvider.stats.warnings.map((warning) => (_jsx(Text, { children: warning }, warning)))] })) : null] }), _jsx(Text, { color: "gray", children: "Tab provider \u00B7 \u2190/\u2192 view \u00B7 \u2191/\u2193 row \u00B7 q quit" })] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: viewportHeight, overflow: "hidden", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: "LetMeCode Usage Dashboard" }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: "white", backgroundColor: "green", children: " beta " })] }), _jsxs(Box, { children: [_jsx(ControlSectionLabel, { label: "Provider", active: selectedControlSection === "provider" }), sortedProviderStates.map((state) => (_jsx(ProviderOption, { label: state.provider.label, active: state.provider.id === selectedProvider.provider.id, status: state.status, regionRef: getRegionRef(`provider:${state.provider.id}`) }, state.provider.id)))] }), _jsxs(Box, { children: [_jsx(ControlSectionLabel, { label: "View", active: selectedControlSection === "view" }), DETAIL_VIEWS.map((view, index) => (_jsx(ViewOption, { label: view.label, active: index === selectedDetailViewIndex, regionRef: getRegionRef(`view:${index}`) }, view.id)))] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [_jsx(Box, { flexGrow: 1, overflow: "hidden", children: _jsx(Box, { ref: contentPanelRef, flexDirection: "column", flexGrow: 1, overflow: "hidden", children: _jsx(ContentPanel, { providerState: selectedProvider, viewId: selectedDetailView.id, selectedLimitRowKey: selectedLimitRow ? getLimitRowKey(selectedLimitRow) : undefined, selectedDayKey: selectedDayRow?.dayKey, selectedModelId: selectedModelRow?.modelId, availableHeight: contentPanelHeight }) }) }), _jsx(SelectionDetailsPanel, { providerState: selectedProvider, viewId: selectedDetailView.id, selectedLimitRow: selectedLimitRow, selectedDayRow: selectedDayRow, selectedModelRow: selectedModelRow }), _jsx(CopilotActionsPanel, { providerState: selectedProvider, actionMessage: copilotActionMessage, selectedActionIndex: selectedCopilotActionIndex }), selectedProvider.status === "ready" && selectedProvider.stats.warnings.length > 0 ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", overflow: "hidden", children: [_jsx(Text, { color: "yellow", children: "Warnings" }), selectedProvider.stats.warnings.map((warning) => (_jsx(Text, { children: warning }, warning)))] })) : null] }), _jsx(Text, { color: "gray", children: "\u2191/\u2193 move \u00B7 \u2190/\u2192 selected \u00B7 Tab provider \u00B7 [/] view \u00B7 q quit" })] }));
 }
 function CopilotActionsPanel(props) {
     if (props.providerState.provider.id !== "copilot") {
@@ -205,9 +276,9 @@ function CopilotActionsPanel(props) {
     }
     const hasNoUsage = props.providerState.status === "ready" && props.providerState.stats.summary.tokenEvents === 0;
     const accentColor = hasNoUsage ? "red" : "cyan";
-    return (_jsxs(Box, { borderStyle: "round", borderColor: accentColor, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: accentColor, children: "Copilot setup" }), _jsx(Box, { children: COPILOT_ACTIONS.map((action, index) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { inverse: index === (props.selectedActionIndex ?? 0), bold: hasNoUsage && action.id === "vscode", color: action.enabled ? (hasNoUsage && action.id === "vscode" ? accentColor : undefined) : "gray", children: `${index + 1} ${action.label}` }) }, action.id))) }), _jsx(Text, { color: hasNoUsage ? accentColor : "gray", children: "Press 1 or h/l to select an action, enter to run selected." }), props.actionMessage ? _jsx(Text, { children: props.actionMessage }) : null] }));
+    return (_jsxs(Box, { borderStyle: "round", borderColor: accentColor, paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: accentColor, children: "Copilot setup" }), _jsx(Box, { children: COPILOT_ACTIONS.map((action, index) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { inverse: index === (props.selectedActionIndex ?? 0), bold: hasNoUsage && action.id === "vscode", color: action.enabled ? (hasNoUsage && action.id === "vscode" ? accentColor : undefined) : "gray", children: `${index + 1} ${action.label}` }) }, action.id))) }), _jsx(Text, { color: hasNoUsage ? accentColor : "gray", children: "Press 1 to select an action, enter to run selected." }), props.actionMessage ? _jsx(Text, { children: props.actionMessage }) : null] }));
 }
-function runCopilotAction(actionId, setCopilotActionMessage) {
+function runCopilotAction(setCopilotActionMessage) {
     setCopilotActionMessage("Updating VS Code settings...");
     void configureCopilotVsCodeLogging()
         .then((result) => {
@@ -231,14 +302,17 @@ function formatCopilotLoggingResult(result) {
         `"github.copilot.chat.otel.outfile": "${result.outfile}"`
     ].join("\n");
 }
-function ProviderTab(props) {
+function ProviderOption(props) {
     const statusColor = props.status === "error" ? "red" : props.status === "loading" ? "yellow" : "green";
-    const tabLabel = props.active ? `[${props.label}]` : ` ${props.label} `;
-    return (_jsx(Box, { marginRight: 2, ref: props.regionRef, children: _jsx(Text, { color: statusColor, bold: props.active, children: tabLabel }) }));
+    const optionLabel = props.active ? `[${props.label}]` : ` ${props.label} `;
+    return (_jsx(Box, { marginRight: 2, ref: props.regionRef, children: _jsx(Text, { color: statusColor, bold: props.active, children: optionLabel }) }));
+}
+function ControlSectionLabel(props) {
+    return (_jsxs(Text, { color: props.active ? "cyan" : "gray", bold: props.active, children: [props.active ? "› " : "  ", pad(props.label, 10)] }));
 }
-function DetailTab(props) {
-    const tabLabel = props.active ? `[${props.label}]` : ` ${props.label} `;
-    return (_jsx(Box, { marginRight: 2, ref: props.regionRef, children: _jsx(Text, { wrap: "truncate-end", bold: props.active, children: tabLabel }) }));
+function ViewOption(props) {
+    const optionLabel = props.active ? `[${props.label}]` : ` ${props.label} `;
+    return (_jsx(Box, { marginRight: 2, ref: props.regionRef, children: _jsx(Text, { wrap: "truncate-end", bold: props.active, children: optionLabel }) }));
 }
 function SummaryPanel(props) {
     const { summary } = props.stats;
@@ -261,13 +335,13 @@ function ContentPanel(props) {
     if (props.providerState.status === "error") {
         return _jsxs(Text, { color: "red", children: ["Provider error: ", props.providerState.errorMessage] });
     }
-    if (props.tabId === "limit-windows") {
+    if (props.viewId === "limit-windows") {
         return (_jsx(LimitWindowsPanel, { stats: props.providerState.stats, selectedRowKey: props.selectedLimitRowKey, availableHeight: props.availableHeight }));
     }
-    if (props.tabId === "summary") {
+    if (props.viewId === "summary") {
         return _jsx(SummaryPanel, { stats: props.providerState.stats });
     }
-    if (props.tabId === "day-to-day-analyses") {
+    if (props.viewId === "day-to-day-analyses") {
         return (_jsx(DayToDayPanel, { stats: props.providerState.stats, selectedDayKey: props.selectedDayKey, availableHeight: props.availableHeight }));
     }
     return (_jsx(UsageByModelPanel, { stats: props.providerState.stats, selectedModelId: props.selectedModelId, availableHeight: props.availableHeight }));
@@ -417,7 +491,10 @@ function buildLimitWindowTableRow(window) {
             formatCompactLocalDateTime(window.endTimeUtcIso),
             // Status-aware: shows "-" when the API-equivalent cost is unknown rather
             // than a misleading $0.00.
-            formatUsageUsd(window.totals)
+            formatUsageUsd(window.totals),
+            // Extrapolated full value of the limit, rounded to a single figure here;
+            // the details panel shows the unrounded ±1% range.
+            formatLimitFullValueCompact(window.totals, window.maxUsedPercent)
         ]
     };
 }
@@ -459,15 +536,15 @@ function SelectionDetailsPanel(props) {
     if (props.providerState.status !== "ready") {
         return null;
     }
-    if (props.tabId === "limit-windows" && props.selectedLimitRow) {
+    if (props.viewId === "limit-windows" && props.selectedLimitRow) {
         const row = props.selectedLimitRow;
-        return (_jsx(DetailsPanelFrame, { children: _jsxs(Box, { children: [_jsxs(Box, { flexDirection: "column", width: 25, children: [_jsx(DetailRow, { label: "Plan", value: row.planType }), _jsx(DetailRow, { label: "Models", value: formatLimitWindowModels(row) }), _jsx(DetailRow, { label: "Window", value: formatCompactWindowMinutes(row.windowMinutes) }), _jsx(DetailRow, { label: "Usage", value: formatUsedPercentRange(row.minUsedPercent, row.maxUsedPercent) }), _jsx(DetailRow, { label: "Events", value: formatInteger(row.eventCount) }), _jsx(DetailRow, { label: "API eq.", value: formatUsageUsd(row.totals) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailRow, { label: "Period", value: `${formatCompactLocalDateTime(row.startTimeUtcIso)} → ${formatCompactLocalDateTime(row.endTimeUtcIso)}` }), _jsx(DetailRow, { label: "Input", value: formatInteger(row.totals.inputTokens) }), _jsx(DetailRow, { label: "Cache read", value: formatCacheTokens(row.totals.cacheReadStatus, row.totals.cacheReadInputTokens) }), _jsx(DetailRow, { label: "Cache write", value: formatCacheTokens(row.totals.cacheWriteStatus, row.totals.cacheWriteInputTokens) }), _jsx(DetailRow, { label: "Output", value: formatInteger(row.totals.outputTokens) }), _jsx(DetailRow, { label: "Total", value: formatInteger(row.totals.totalTokens) })] })] }) }));
+        return (_jsxs(DetailsPanelFrame, { children: [_jsxs(Box, { children: [_jsxs(Box, { flexDirection: "column", width: 25, children: [_jsx(DetailRow, { label: "Plan", value: row.planType }), _jsx(DetailRow, { label: "Models", value: formatLimitWindowModels(row) }), _jsx(DetailRow, { label: "Window", value: formatCompactWindowMinutes(row.windowMinutes) }), _jsx(DetailRow, { label: "Usage", value: formatUsedPercentRange(row.minUsedPercent, row.maxUsedPercent) }), _jsx(DetailRow, { label: "Events", value: formatInteger(row.eventCount) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(DetailRow, { label: "Period", value: `${formatCompactLocalDateTime(row.startTimeUtcIso)} → ${formatCompactLocalDateTime(row.endTimeUtcIso)}` }), _jsx(DetailRow, { label: "Input", value: formatInteger(row.totals.inputTokens) }), _jsx(DetailRow, { label: "Cache read", value: formatCacheTokens(row.totals.cacheReadStatus, row.totals.cacheReadInputTokens) }), _jsx(DetailRow, { label: "Cache write", value: formatCacheTokens(row.totals.cacheWriteStatus, row.totals.cacheWriteInputTokens) }), _jsx(DetailRow, { label: "Output", value: formatInteger(row.totals.outputTokens) }), _jsx(DetailRow, { label: "Total", value: formatInteger(row.totals.totalTokens) })] })] }), _jsx(DetailRow, { label: "API eq.", value: formatUsageUsd(row.totals), note: "API equivalent cost" }), _jsx(DetailRow, { label: "Full value", value: formatLimitFullValueRange(row.totals, row.maxUsedPercent), note: "API equivalent cost if 100% will be used" })] }));
     }
-    if (props.tabId === "day-to-day-analyses" && props.selectedDayRow) {
+    if (props.viewId === "day-to-day-analyses" && props.selectedDayRow) {
         const row = props.selectedDayRow;
         return (_jsxs(DetailsPanelFrame, { children: [_jsxs(Text, { children: ["day: ", formatUtcDay(row.dayKey), "  events: ", formatInteger(row.totals.eventCount), "  models: ", formatInteger(row.distinctModels.length), "  plans: ", formatInteger(row.distinctPlanTypes.length)] }), _jsxs(Text, { children: ["range: ", formatEventRange(row.firstEventUtcIso, row.lastEventUtcIso)] }), _jsxs(Text, { children: ["models: ", row.distinctModels.join(", ") || "none"] }), _jsxs(Text, { children: ["plans: ", row.distinctPlanTypes.join(", ") || "none"] }), _jsx(UsageTotalsDetails, { totals: row.totals })] }));
     }
-    if (props.tabId === "usage-by-model" && props.selectedModelRow) {
+    if (props.viewId === "usage-by-model" && props.selectedModelRow) {
         return (_jsxs(DetailsPanelFrame, { children: [_jsxs(Text, { children: ["model: ", props.selectedModelRow.modelId, "  events: ", formatInteger(props.selectedModelRow.totals.eventCount)] }), _jsx(UsageTotalsDetails, { totals: props.selectedModelRow.totals, modelId: props.selectedModelRow.modelId })] }));
     }
     return null;
@@ -479,7 +556,7 @@ function DetailRow(props) {
     const labelText = props.noSlice
         ? props.label.padEnd(props.padLength ?? 14)
         : pad(props.label, props.padLength ?? 14);
-    return (_jsxs(Text, { children: [labelText, props.value] }));
+    return (_jsxs(Text, { children: [labelText, props.value, props.note ? _jsx(Text, { color: "gray", children: `   ${props.note}` }) : null] }));
 }
 function UsageTotalsDetails(props) {
     const { totals } = props;
@@ -530,21 +607,6 @@ function formatCompactNumber(value) {
         minimumFractionDigits: 0
     });
 }
-function formatCredits(value) {
-    if (value > 0 && value < 0.01) {
-        return "<0.01";
-    }
-    return value.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
-    });
-}
-function formatUsageCredits(totals, modelId) {
-    if (isInternalUsageModel(modelId)) {
-        return "N/A";
-    }
-    return totals.estimatedCreditsStatus === "unavailable" ? "-" : formatCredits(totals.estimatedCredits);
-}
 function formatUsageUsd(totals, modelId) {
     if (isInternalUsageModel(modelId)) {
         return "N/A";
@@ -565,6 +627,37 @@ function formatUsd(value) {
         maximumFractionDigits: 2
     });
 }
+function formatUsdWhole(value) {
+    return Math.round(value).toLocaleString("en-US", {
+        currency: "USD",
+        style: "currency",
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+    });
+}
+// Extrapolate the limit's full USD value from the observed API-equivalent cost
+// and how much of the limit it represents. Uses the highest reported percent
+// (the latest cumulative usage) and returns "-" when the cost is unknown or the
+// percent is missing.
+function limitFullValueUsd(totals, usedPercent) {
+    if (totals.estimatedCreditsStatus === "unavailable") {
+        return null;
+    }
+    const usedUsd = totals.estimatedCredits * CODEX_CREDIT_COST_USD;
+    return estimateLimitFullValue(usedUsd, usedPercent);
+}
+function formatLimitFullValueCompact(totals, usedPercent) {
+    const estimate = limitFullValueUsd(totals, usedPercent);
+    return estimate ? formatUsdWhole(estimate.point) : "-";
+}
+function formatLimitFullValueRange(totals, usedPercent) {
+    const estimate = limitFullValueUsd(totals, usedPercent);
+    if (!estimate) {
+        return "-";
+    }
+    const low = formatUsd(estimate.low);
+    return Number.isFinite(estimate.high) ? `${low} – ${formatUsd(estimate.high)}` : `≥ ${low}`;
+}
 function formatUnitUsd(value) {
     if (!Number.isFinite(value)) {
         return "-";
@@ -629,13 +722,6 @@ function formatUsedPercentRange(minUsedPercent, maxUsedPercent) {
         ? fmt(minUsedPercent)
         : `${fmt(minUsedPercent)}–${fmt(maxUsedPercent)}`;
 }
-function formatWindowMinutes(value) {
-    const hours = value / 60;
-    if (hours >= 24) {
-        return `${(hours / 24).toFixed(2)}d`;
-    }
-    return `${hours.toFixed(2)}h`;
-}
 function formatCompactWindowMinutes(value) {
     const hours = value / 60;
     if (hours >= 24) {
@@ -808,7 +894,7 @@ function parseMouseClicks(chunk) {
     }
     return clicks;
 }
-// Tracks the on-screen rectangle of named clickable regions (the tabs) via Ink
+// Tracks the on-screen rectangle of named clickable regions via Ink
 // refs and resolves a click coordinate back to a region id.
 function useClickRegions() {
     const nodesRef = useRef(new Map());
@@ -931,6 +1017,12 @@ function clampSelectionIndex(value, rowCount) {
     }
     return Math.max(0, Math.min(value, rowCount - 1));
 }
+function clampOptionalSelectionIndex(value, rowCount) {
+    if (value === undefined) {
+        return -1;
+    }
+    return clampSelectionIndex(value, rowCount);
+}
 function sortProviderStatesByUsage(states) {
     return states
         .map((state, index) => ({ state, index }))

package/ink-app/dist/providers/antigravity/provider.js

@@ -236,10 +236,20 @@ function clampPercent(value) {
 function deduplicateRecords(records) {
     const byKey = new Map();
     for (const record of records) {
-        byKey.set(`${record.sessionId}:${record.responseId}`, record);
+        const key = `${record.sessionId}:${record.responseId}`;
+        const existing = byKey.get(key);
+        // The RPC may surface the same response more than once (e.g. progressive
+        // snapshots in unspecified order). Keep the largest coherent total rather
+        // than trusting iteration order, so we never undercount a final snapshot.
+        if (!existing || recordTokenTotal(record) > recordTokenTotal(existing)) {
+            byKey.set(key, record);
+        }
     }
     return [...byKey.values()];
 }
+function recordTokenTotal(record) {
+    return record.input + record.cacheRead + record.cacheWrite + record.output;
+}
 function usageRecordToTotals(modelId, record) {
     return {
         inputTokens: record.input,
@@ -255,11 +265,12 @@ function usageRecordToTotals(modelId, record) {
             record.output,
         estimatedCredits: creditsFor(modelId, record),
         eventCount: 1,
-        // The local RPC reports cache reads but never cache writes, so cache reads
-        // are accurate while cache writes are genuinely unknown (not a confirmed
-        // zero) — surfaced as "-" everywhere, including the input/output ratio.
+        // The local RPC reports cache reads but never cache writes, so a zero cache
+        // write is genuinely unknown (not a confirmed zero) and is surfaced as "-".
+        // A positive value only appears when a source explicitly reports it, in
+        // which case it is both billed (see creditsFor) and shown as known.
         cacheReadStatus: "known",
-        cacheWriteStatus: "unavailable",
+        cacheWriteStatus: record.cacheWrite > 0 ? "known" : "unavailable",
         estimatedCreditsStatus: rateForModel(modelId, record.input)
             ? "known"
             : "unavailable"

package/ink-app/dist/providers/claude.js

@@ -240,7 +240,9 @@ function creditsFor(modelId, usage, timestampMs) {
         return 0;
     }
     const cacheWriteBreakdown = resolveClaudeCacheWriteBreakdown(usage);
-    const inferenceMultiplier = usage.inferenceGeo === "us" ? 1.1 : 1;
+    // The US inference surcharge must match regardless of the casing the source
+    // reports (e.g. "us", "US"), so compare case-insensitively.
+    const inferenceMultiplier = usage.inferenceGeo.trim().toLowerCase() === "us" ? 1.1 : 1;
     return (((usage.inputTokens / 1000000) * rate.input +
         (usage.cacheReadInputTokens / 1000000) * rate.cacheRead +
         (cacheWriteBreakdown.cacheWrite5mInputTokens / 1000000) * rate.cacheWrite5m +
@@ -566,15 +568,20 @@ function mergeParsedUsageEvents(previous, next) {
         rateLimits: latestEvent.rateLimits ?? previous.rateLimits ?? next.rateLimits
     };
 }
-// Pick the snapshot that carries the most usage. Cumulative snapshots are monotonic, so the
-// largest total is the final state; this also keeps a real synthetic-followup row (0 tokens)
-// from clobbering the real usage it follows. Ties fall back to the later, then the earlier-seen
-// event for deterministic output.
+// Pick the snapshot with the latest timestamp. Same-key events are repeated/streamed snapshots
+// of one logical request, so the most recent one reflects the final state. The one exception is
+// a zero-usage internal <synthetic> completion marker, which is a real followup row rather than
+// an updated snapshot and must not clobber the real usage it follows.
 function selectMergedSnapshotEvent(previous, next) {
-    if (next.totals.totalTokens !== previous.totals.totalTokens) {
-        return next.totals.totalTokens > previous.totals.totalTokens ? next : previous;
+    const previousIsHollowSynthetic = isInternalClaudeModel(previous.modelId) && previous.totals.totalTokens === 0;
+    const nextIsHollowSynthetic = isInternalClaudeModel(next.modelId) && next.totals.totalTokens === 0;
+    if (nextIsHollowSynthetic && !previousIsHollowSynthetic) {
+        return previous;
     }
-    return normalizeTimestamp(next.timestampMs) > normalizeTimestamp(previous.timestampMs) ? next : previous;
+    if (previousIsHollowSynthetic && !nextIsHollowSynthetic) {
+        return next;
+    }
+    return normalizeTimestamp(next.timestampMs) >= normalizeTimestamp(previous.timestampMs) ? next : previous;
 }
 function selectMergedEventModelId(primary, other) {
     if (primary.modelId === other.modelId) {

package/ink-app/dist/providers/codex.js

@@ -7,10 +7,16 @@ import { UsageProviderBase, addUsageTotals, createEmptyUsageTotals, sumUsageTota
 import { applyRateLimits, asRecord, buildWindowLists, createLimitWindowAggregates, numberOrZero } from "./limits.js";
 import { addDailyUsage, buildDailyUsageRows, createDailyUsageAggregates } from "./daily.js";
 import { resolveUsageRate } from "./pricing.js";
+// One credit equals $0.01 (see CODEX_CREDIT_COST_USD in index.tsx), so credits
+// equal USD * 100. Rate cards are expressed in the model's actual API price in
+// USD per 1M tokens and scaled to credits in creditsFor, matching the Claude
+// provider. These are the real gpt-5.* API prices, not the (4x cheaper) Codex
+// subscription credit prices.
+const USD_TO_CREDITS = 100;
 const RATE_CARD = {
-    "gpt-5.5": { input: 125, cacheRead: 12.5, cacheWrite: 125, cacheWrite5m: 125, cacheWrite1h: 125, output: 750 },
-    "gpt-5.4": { input: 62.5, cacheRead: 6.25, cacheWrite: 62.5, cacheWrite5m: 62.5, cacheWrite1h: 62.5, output: 375 },
-    "gpt-5.4-mini": { input: 18.75, cacheRead: 1.875, cacheWrite: 18.75, cacheWrite5m: 18.75, cacheWrite1h: 18.75, output: 113 }
+    "gpt-5.5": { input: 5, cacheRead: 0.5, cacheWrite: 5, cacheWrite5m: 5, cacheWrite1h: 5, output: 30 },
+    "gpt-5.4": { input: 2.5, cacheRead: 0.25, cacheWrite: 2.5, cacheWrite5m: 2.5, cacheWrite1h: 2.5, output: 15 },
+    "gpt-5.4-mini": { input: 0.75, cacheRead: 0.075, cacheWrite: 0.75, cacheWrite5m: 0.75, cacheWrite1h: 0.75, output: 4.5 }
 };
 export class CodexUsageProvider extends UsageProviderBase {
     constructor(options = {}) {
@@ -235,9 +241,10 @@ function creditsFor(modelId, usage) {
     }
     const cachedInputTokens = Math.min(usage.cachedInputTokens, usage.inputTokens);
     const nonCachedInputTokens = Math.max(0, usage.inputTokens - cachedInputTokens);
-    return ((nonCachedInputTokens / 1000000) * rate.input +
+    return (((nonCachedInputTokens / 1000000) * rate.input +
         (cachedInputTokens / 1000000) * rate.cacheRead +
-        (usage.outputTokens / 1000000) * rate.output);
+        (usage.outputTokens / 1000000) * rate.output) *
+        USD_TO_CREDITS);
 }
 function rawUsageToTotals(usage) {
     const cacheReadInputTokens = Math.min(usage.cachedInputTokens, usage.inputTokens);

package/ink-app/dist/providers/limits.js

@@ -3,11 +3,42 @@ export function createLimitWindowAggregates() {
     return new Map();
 }
 export function numberOrZero(value) {
-    return typeof value === "number" && Number.isFinite(value) ? value : 0;
+    if (typeof value === "number") {
+        return Number.isFinite(value) ? value : 0;
+    }
+    if (typeof value === "string") {
+        const trimmed = value.trim();
+        if (trimmed === "") {
+            return 0;
+        }
+        const parsed = Number(trimmed);
+        return Number.isFinite(parsed) ? parsed : 0;
+    }
+    return 0;
 }
 export function asRecord(value) {
     return value && typeof value === "object" ? value : null;
 }
+/**
+ * Extrapolate the full value of a limit from a partial observation: if
+ * `usedValue` represents `usedPercent` of the limit, the full limit is
+ * `usedValue / (usedPercent / 100)`. Because `usedPercent` is only known
+ * approximately, a `±percentTolerance` band yields a low/high range around the
+ * point estimate. Returns null when there is nothing to extrapolate from
+ * (no observed value, or a non-positive percent).
+ */
+export function estimateLimitFullValue(usedValue, usedPercent, percentTolerance = 1) {
+    if (!(usedValue > 0) || !(usedPercent > 0)) {
+        return null;
+    }
+    const toFull = (percent) => usedValue / (percent / 100);
+    const upperPercent = usedPercent - percentTolerance;
+    return {
+        point: toFull(usedPercent),
+        low: toFull(usedPercent + percentTolerance),
+        high: upperPercent > 0 ? toFull(upperPercent) : Infinity
+    };
+}
 export function applyRateLimits(windows, rateLimits, eventTimeMs, modelId, deltaTotals, planTypes) {
     if (!rateLimits) {
         return;

package/ink-app/dist/reporting.js

@@ -4,7 +4,9 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 const REPORTING_ENDPOINT = "https://devforth.io/admin/api/report_ussage_anonymous";
 const CREDIT_TO_DOLLARS = 0.01;
-const MIN_REPORTED_USED_PERCENTS = 1;
+// Limit windows at or below this used-percent carry too little signal to be
+// worth reporting, so they are dropped from the anonymous usage payload.
+const SKIP_REPORT_USED_PERCENTS = 3;
 let versionCache = null;
 export async function reportAnonymousUsage(statsList) {
     const payload = await buildAnonymousUsagePayload(statsList);
@@ -103,7 +105,7 @@ function resolveReportedUsedPercents(window) {
     return clampPercent(window.maxUsedPercent - window.minUsedPercent);
 }
 function shouldReportUsageWindow(window) {
-    return resolveReportedUsedPercents(window) >= MIN_REPORTED_USED_PERCENTS;
+    return resolveReportedUsedPercents(window) > SKIP_REPORT_USED_PERCENTS;
 }
 function clampPercent(value) {
     if (!Number.isFinite(value)) {

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "letmecode",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Terminal AI usage dashboard for Codex, Claude, Copilot, and Antigravity.",
   "author": "Devforth (https://devforth.io)",
   "license": "MIT",
-  "packageManager": "pnpm@10.28.2",
   "type": "commonjs",
   "main": "./dist/index.js",
   "bin": {
@@ -30,16 +29,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true }); require('node:fs').rmSync('ink-app/dist', { recursive: true, force: true });\"",
-    "build": "npm run clean && tsc -p tsconfig.json && tsc -p ink-app/tsconfig.json",
-    "prepack": "npm run build",
-    "prestart": "npm run build",
-    "start": "node ./bin/letmecode.js",
-    "pretest": "npm run build",
-    "smoke": "node ./bin/letmecode.js",
-    "test": "node --test ink-app/test/*.test.mjs"
-  },
   "keywords": [
     "ai",
     "agents",
@@ -64,5 +53,14 @@
     "@types/node": "^24.0.7",
     "@types/react": "^18.3.24",
     "typescript": "^5.8.3"
+  },
+  "scripts": {
+    "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true }); require('node:fs').rmSync('ink-app/dist', { recursive: true, force: true });\"",
+    "build": "npm run clean && tsc -p tsconfig.json && tsc -p ink-app/tsconfig.json",
+    "prestart": "npm run build",
+    "start": "node ./bin/letmecode.js",
+    "pretest": "npm run build",
+    "smoke": "node ./bin/letmecode.js",
+    "test": "node --test ink-app/test/*.test.mjs"
   }
-}
+}