"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.FooterComponent = void 0;var _piTui = require("@mariozechner/pi-tui"); var _theme = require("../theme/theme.js"); /** * Sanitize text for display in a single-line status. * Removes newlines, tabs, carriage returns, and other control characters. */ function sanitizeStatusText(text) { // Replace newlines, tabs, carriage returns with space, then collapse multiple spaces return text. replace(/[\r\n\t]/g, " "). replace(/ +/g, " "). trim(); } /** * Format token counts (similar to web-ui) */ function formatTokens(count) { if (count < 1000) return count.toString(); if (count < 10000) return `${(count / 1000).toFixed(1)}k`; if (count < 1000000) return `${Math.round(count / 1000)}k`; if (count < 10000000) return `${(count / 1000000).toFixed(1)}M`; return `${Math.round(count / 1000000)}M`; } /** * Footer component that shows pwd, token stats, and context usage. * Computes token/context stats from session, gets git branch and extension statuses from provider. */ class FooterComponent { session; footerData; autoCompactEnabled = true; constructor(session, footerData) { this.session = session; this.footerData = footerData; } setAutoCompactEnabled(enabled) { this.autoCompactEnabled = enabled; } /** * No-op: git branch caching now handled by provider. * Kept for compatibility with existing call sites in interactive-mode. */ invalidate() { // No-op: git branch is cached/invalidated by provider } /** * Clean up resources. * Git watcher cleanup now handled by provider. */ dispose() { // Git watcher cleanup handled by provider }render(width) { const state = this.session.state; // Calculate cumulative usage from ALL session entries (not just post-compaction messages) let totalInput = 0; let totalOutput = 0; let totalCacheRead = 0; let totalCacheWrite = 0; let totalCost = 0; for (const entry of this.session.sessionManager.getEntries()) { if (entry.type === "message" && entry.message.role === "assistant") { totalInput += entry.message.usage.input; totalOutput += entry.message.usage.output; totalCacheRead += entry.message.usage.cacheRead; totalCacheWrite += entry.message.usage.cacheWrite; totalCost += entry.message.usage.cost.total; } } // Calculate context usage from session (handles compaction correctly). // After compaction, tokens are unknown until the next LLM response. const contextUsage = this.session.getContextUsage(); const contextWindow = contextUsage?.contextWindow ?? state.model?.contextWindow ?? 0; const contextPercentValue = contextUsage?.percent ?? 0; const contextPercent = contextUsage?.percent !== null ? contextPercentValue.toFixed(1) : "?"; // Replace home directory with ~ let pwd = process.cwd(); const home = process.env.HOME || process.env.USERPROFILE; if (home && pwd.startsWith(home)) { pwd = `~${pwd.slice(home.length)}`; } // Add git branch if available const branch = this.footerData.getGitBranch(); if (branch) { pwd = `${pwd} (${branch})`; } // Add session name if set const sessionName = this.session.sessionManager.getSessionName(); if (sessionName) { pwd = `${pwd} • ${sessionName}`; } // Build stats line const statsParts = []; if (totalInput) statsParts.push(`↑${formatTokens(totalInput)}`); if (totalOutput) statsParts.push(`↓${formatTokens(totalOutput)}`); if (totalCacheRead) statsParts.push(`R${formatTokens(totalCacheRead)}`); if (totalCacheWrite) statsParts.push(`W${formatTokens(totalCacheWrite)}`); // Show cost with "(sub)" indicator if using OAuth subscription const usingSubscription = state.model ? this.session.modelRegistry.isUsingOAuth(state.model) : false; if (totalCost || usingSubscription) { const costStr = `$${totalCost.toFixed(3)}${usingSubscription ? " (sub)" : ""}`; statsParts.push(costStr); } // Colorize context percentage based on usage let contextPercentStr; const autoIndicator = this.autoCompactEnabled ? " (auto)" : ""; const contextPercentDisplay = contextPercent === "?" ? `?/${formatTokens(contextWindow)}${autoIndicator}` : `${contextPercent}%/${formatTokens(contextWindow)}${autoIndicator}`; if (contextPercentValue > 90) { contextPercentStr = _theme.theme.fg("error", contextPercentDisplay); } else if (contextPercentValue > 70) { contextPercentStr = _theme.theme.fg("warning", contextPercentDisplay); } else { contextPercentStr = contextPercentDisplay; } statsParts.push(contextPercentStr); let statsLeft = statsParts.join(" "); // Add model name on the right side, plus thinking level if model supports it const modelName = state.model?.id || "no-model"; let statsLeftWidth = (0, _piTui.visibleWidth)(statsLeft); // If statsLeft is too wide, truncate it if (statsLeftWidth > width) { statsLeft = (0, _piTui.truncateToWidth)(statsLeft, width, "..."); statsLeftWidth = (0, _piTui.visibleWidth)(statsLeft); } // Calculate available space for padding (minimum 2 spaces between stats and model) const minPadding = 2; // Add thinking level indicator if model supports reasoning let rightSideWithoutProvider = modelName; if (state.model?.reasoning) { const thinkingLevel = state.thinkingLevel || "off"; rightSideWithoutProvider = thinkingLevel === "off" ? `${modelName} • thinking off` : `${modelName} • ${thinkingLevel}`; } // Prepend the provider in parentheses if there are multiple providers and there's enough room let rightSide = rightSideWithoutProvider; if (this.footerData.getAvailableProviderCount() > 1 && state.model) { rightSide = `(${state.model.provider}) ${rightSideWithoutProvider}`; if (statsLeftWidth + minPadding + (0, _piTui.visibleWidth)(rightSide) > width) { // Too wide, fall back rightSide = rightSideWithoutProvider; } } const rightSideWidth = (0, _piTui.visibleWidth)(rightSide); const totalNeeded = statsLeftWidth + minPadding + rightSideWidth; let statsLine; if (totalNeeded <= width) { // Both fit - add padding to right-align model const padding = " ".repeat(width - statsLeftWidth - rightSideWidth); statsLine = statsLeft + padding + rightSide; } else { // Need to truncate right side const availableForRight = width - statsLeftWidth - minPadding; if (availableForRight > 0) { const truncatedRight = (0, _piTui.truncateToWidth)(rightSide, availableForRight, ""); const truncatedRightWidth = (0, _piTui.visibleWidth)(truncatedRight); const padding = " ".repeat(Math.max(0, width - statsLeftWidth - truncatedRightWidth)); statsLine = statsLeft + padding + truncatedRight; } else { // Not enough space for right side at all statsLine = statsLeft; } } // Apply dim to each part separately. statsLeft may contain color codes (for context %) // that end with a reset, which would clear an outer dim wrapper. So we dim the parts // before and after the colored section independently. const dimStatsLeft = _theme.theme.fg("dim", statsLeft); const remainder = statsLine.slice(statsLeft.length); // padding + rightSide const dimRemainder = _theme.theme.fg("dim", remainder); const pwdLine = (0, _piTui.truncateToWidth)(_theme.theme.fg("dim", pwd), width, _theme.theme.fg("dim", "...")); const lines = [pwdLine, dimStatsLeft + dimRemainder]; // Add extension statuses on a single line, sorted by key alphabetically const extensionStatuses = this.footerData.getExtensionStatuses(); if (extensionStatuses.size > 0) { const sortedStatuses = Array.from(extensionStatuses.entries()). sort(([a], [b]) => a.localeCompare(b)). map(([, text]) => sanitizeStatusText(text)); const statusLine = sortedStatuses.join(" "); // Truncate to terminal width with dim ellipsis for consistency with footer style lines.push((0, _piTui.truncateToWidth)(statusLine, width, _theme.theme.fg("dim", "..."))); } return lines; } }exports.FooterComponent = FooterComponent; /* v9-294651891d52a936 */