brainrot-cli 0.1.0

package/dist/HelpOverlay.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * HelpOverlay Component
+ *
+ * Modal overlay that displays comprehensive keyboard shortcuts organized by context.
+ * Triggered by ? or F1 key globally.
+ */
+import { Box, Text, useInput } from "ink";
+import { useState, useMemo } from "react";
+import { navIcons } from "./theme.js";
+import { useThemeColors } from "./useTheme.js";
+// ============================================================================
+// SHORTCUT DEFINITIONS
+// ============================================================================
+const shortcutSections = [
+    {
+        id: "global",
+        title: "Global Shortcuts",
+        shortcuts: [
+            { key: "Ctrl+C", description: "Exit application" },
+            { key: "Ctrl+S", description: "Start/Stop Claude Code loop" },
+            { key: "Tab", description: "Switch focus between panes" },
+            { key: "?", description: "Toggle this help overlay" },
+            { key: "Ctrl+,", description: "Open settings (from menu)" },
+            { key: "Escape", description: "Close overlay/modal/exit game" },
+        ],
+    },
+    {
+        id: "layout",
+        title: "Layout Controls",
+        shortcuts: [
+            { key: "Alt+←/→", description: "Resize panes horizontally" },
+            { key: "Alt+↑/↓", description: "Resize panes vertically" },
+            { key: "D", description: "Toggle split direction" },
+            { key: "H", description: "Hide/Show secondary pane" },
+            { key: "R", description: "Reset layout to defaults" },
+        ],
+    },
+    {
+        id: "navigation",
+        title: "Menu Navigation",
+        shortcuts: [
+            { key: "↑/↓ or K/J", description: "Navigate up/down" },
+            { key: "Enter/Space", description: "Select item" },
+            { key: "1-9", description: "Quick select game" },
+            { key: "L", description: "View logs" },
+            { key: "S", description: "Open stats/achievements" },
+            { key: "Q", description: "Back to menu" },
+        ],
+    },
+    {
+        id: "games",
+        title: "In-Game Controls",
+        shortcuts: [
+            { key: "↑↓←→ or WASD", description: "Movement (game-specific)" },
+            { key: "P", description: "Pause/Resume game" },
+            { key: "R", description: "Restart game" },
+            { key: "H", description: "Toggle leaderboard (game over)" },
+            { key: "Q/Escape", description: "Exit to menu" },
+            { key: "Enter", description: "Dismiss loop alert" },
+        ],
+    },
+    {
+        id: "menus",
+        title: "Settings/Menus",
+        shortcuts: [
+            { key: "Tab/Shift+Tab", description: "Switch tabs" },
+            { key: "↑↓ or K/J", description: "Navigate options" },
+            { key: "←→ or H/L", description: "Change value" },
+            { key: "Enter", description: "Toggle boolean" },
+            { key: "Ctrl+S", description: "Save settings" },
+            { key: "Escape/Q", description: "Close" },
+        ],
+    },
+];
+function SectionTabs({ sections, activeSection }) {
+    const colors = useThemeColors();
+    return (_jsx(Box, { marginBottom: 1, flexWrap: "wrap", children: sections.map((section, index) => (_jsxs(Box, { children: [index > 0 && _jsx(Text, { dimColor: true, children: " | " }), _jsx(Text, { bold: activeSection === section.id, color: activeSection === section.id ? colors.primary : colors.textMuted, children: activeSection === section.id ? `[${section.title}]` : section.title })] }, section.id))) }));
+}
+function ShortcutList({ shortcuts }) {
+    const colors = useThemeColors();
+    return (_jsx(Box, { flexDirection: "column", children: shortcuts.map((shortcut) => (_jsxs(Box, { children: [_jsx(Box, { minWidth: 18, children: _jsx(Text, { bold: true, color: colors.primary, children: shortcut.key }) }), _jsx(Text, { color: colors.text, children: shortcut.description })] }, shortcut.key))) }));
+}
+function HelpFooter() {
+    const colors = useThemeColors();
+    return (_jsx(Box, { marginTop: 1, paddingTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: colors.border, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: colors.primary, children: "Tab" }), ": Switch sections |", " ", _jsx(Text, { color: colors.primary, children: "Escape/?" }), ": Close help"] }) }));
+}
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+export function HelpOverlay({ hasFocus, onClose }) {
+    const [activeSection, setActiveSection] = useState("global");
+    const colors = useThemeColors();
+    const currentSection = useMemo(() => shortcutSections.find((s) => s.id === activeSection) ?? shortcutSections[0], [activeSection]);
+    // Handle tab switching
+    const handleTabChange = (direction) => {
+        const currentIdx = shortcutSections.findIndex((s) => s.id === activeSection);
+        let newIdx;
+        if (direction === "next") {
+            newIdx = (currentIdx + 1) % shortcutSections.length;
+        }
+        else {
+            newIdx = currentIdx <= 0 ? shortcutSections.length - 1 : currentIdx - 1;
+        }
+        setActiveSection(shortcutSections[newIdx].id);
+    };
+    // Keyboard input handling
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        // Close overlay
+        if (key.escape || input === "?" || input === "q" || input === "Q") {
+            onClose();
+            return;
+        }
+        // Switch tabs
+        if (key.tab) {
+            handleTabChange(key.shift ? "prev" : "next");
+            return;
+        }
+        // Arrow keys for section navigation
+        if (key.leftArrow) {
+            handleTabChange("prev");
+            return;
+        }
+        if (key.rightArrow) {
+            handleTabChange("next");
+            return;
+        }
+    }, { isActive: hasFocus });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { bold: true, color: colors.primary, children: [navIcons.arrowRight, " Keyboard Shortcuts"] }), _jsx(Text, { dimColor: true, children: " - Press ? or Escape to close" })] }), _jsx(SectionTabs, { sections: shortcutSections, activeSection: activeSection }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.accent, children: currentSection.title }) }), _jsx(ShortcutList, { shortcuts: currentSection.shortcuts })] }), _jsx(HelpFooter, {})] }));
+}
+export default HelpOverlay;
+//# sourceMappingURL=HelpOverlay.js.map

package/dist/HelpOverlay.js.map

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

package/dist/Layout.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Main Layout component that provides the split-pane layout for the app.
+ * Combines terminal size tracking, layout state management, and the SplitPane component.
+ */
+import type { ReactNode } from "react";
+import { useTerminalSize } from "./use-terminal-size.js";
+import { useLayoutState, type UseLayoutStateOptions } from "./use-layout-state.js";
+export interface LayoutProps {
+    /** Content for the game area (left/top pane) */
+    gameArea: ReactNode;
+    /** Content for the management area (right/bottom pane) */
+    managementArea: ReactNode;
+    /** Title for the game pane */
+    gameTitle?: string;
+    /** Title for the management pane */
+    managementTitle?: string;
+    /** Layout configuration options */
+    layoutOptions?: UseLayoutStateOptions;
+    /** Custom header content */
+    header?: ReactNode;
+    /** Custom footer content */
+    footer?: ReactNode;
+    /** Whether the layout handles keyboard input */
+    handleInput?: boolean;
+}
+/**
+ * Main layout component that provides a resizable split-pane interface.
+ *
+ * Features:
+ * - Responsive to terminal size changes
+ * - Graceful handling of small terminal windows
+ * - Keyboard shortcuts for resizing and layout control
+ * - Persisted layout state during session
+ *
+ * Keyboard shortcuts:
+ * - Tab: Toggle focus between panes
+ * - Alt+Arrow: Resize panes
+ * - D: Toggle split direction
+ * - H: Hide/show secondary pane
+ * - R: Reset layout to defaults
+ */
+export declare function Layout({ gameArea, managementArea, gameTitle, managementTitle, layoutOptions, header, footer, handleInput, }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Export the layout state hook for external access to layout controls
+ */
+export { useLayoutState, useTerminalSize };
+export type { UseLayoutStateOptions, UseLayoutStateResult } from "./use-layout-state.js";
+export type { UseTerminalSizeResult } from "./use-terminal-size.js";
+//# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAInF,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,0DAA0D;IAC1D,cAAc,EAAE,SAAS,CAAC;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA+DD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,cAAc,EACd,SAAkB,EAClB,eAA8B,EAC9B,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAkB,GACnB,EAAE,WAAW,2CAqIb;AAED;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAC3C,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACzF,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/Layout.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Main Layout component that provides the split-pane layout for the app.
+ * Combines terminal size tracking, layout state management, and the SplitPane component.
+ */
+import { Box, Text, useInput } from "ink";
+import { SplitPane } from "./SplitPane.js";
+import { useTerminalSize, MIN_WIDTH, MIN_HEIGHT, } from "./use-terminal-size.js";
+import { useLayoutState } from "./use-layout-state.js";
+import { navIcons } from "./theme.js";
+import { useThemeColors } from "./useTheme.js";
+function TooSmallWarning({ width, height, minWidth, minHeight, }) {
+    const colors = useThemeColors();
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 1, children: [_jsx(Text, { color: colors.warning, bold: true, children: "Terminal too small" }), _jsxs(Text, { color: colors.textMuted, children: ["Current: ", width, "x", height] }), _jsxs(Text, { color: colors.textMuted, children: ["Required: ", minWidth, "x", minHeight] }), _jsx(Text, { color: colors.warning, children: "Please resize your terminal" })] }));
+}
+function LayoutHelp({ direction, showSecondary, isSmall }) {
+    if (isSmall) {
+        return (_jsx(Text, { dimColor: true, children: "Tab: Focus | H: Toggle pane | ?: Help" }));
+    }
+    const resizeKeys = direction === "horizontal" ? "Alt+←/→: Resize" : "Alt+↑/↓: Resize";
+    return (_jsxs(Text, { dimColor: true, children: ["Tab: Focus | ", resizeKeys, " | D: Direction | H: ", showSecondary ? "Hide" : "Show", " ", "pane | R: Reset | ?: Help"] }));
+}
+/**
+ * Main layout component that provides a resizable split-pane interface.
+ *
+ * Features:
+ * - Responsive to terminal size changes
+ * - Graceful handling of small terminal windows
+ * - Keyboard shortcuts for resizing and layout control
+ * - Persisted layout state during session
+ *
+ * Keyboard shortcuts:
+ * - Tab: Toggle focus between panes
+ * - Alt+Arrow: Resize panes
+ * - D: Toggle split direction
+ * - H: Hide/show secondary pane
+ * - R: Reset layout to defaults
+ */
+export function Layout({ gameArea, managementArea, gameTitle = "Game", managementTitle = "Management", layoutOptions, header, footer, handleInput = true, }) {
+    const terminalSize = useTerminalSize();
+    const layout = useLayoutState(layoutOptions);
+    const colors = useThemeColors();
+    // Handle layout-specific keyboard shortcuts
+    useInput((input) => {
+        if (!handleInput)
+            return;
+        // 'd' to toggle direction
+        if (input === "d" || input === "D") {
+            layout.toggleDirection();
+            return;
+        }
+        // 'h' to toggle secondary pane
+        if (input === "h" || input === "H") {
+            layout.toggleSecondary();
+            return;
+        }
+        // 'r' to reset layout
+        if (input === "r" || input === "R") {
+            layout.resetLayout();
+            return;
+        }
+    }, { isActive: handleInput });
+    // Show warning if terminal is too small
+    if (terminalSize.isTooSmall) {
+        return (_jsx(TooSmallWarning, { width: terminalSize.width, height: terminalSize.height, minWidth: MIN_WIDTH, minHeight: MIN_HEIGHT }));
+    }
+    // Calculate available space for the split pane
+    // Account for header (3 rows), footer (2 rows), and help text (1 row)
+    const headerHeight = header ? 3 : 0;
+    const footerHeight = footer ? 2 : 0;
+    const helpHeight = 1;
+    const availableHeight = Math.max(1, terminalSize.height - headerHeight - footerHeight - helpHeight);
+    const availableWidth = terminalSize.width;
+    // Create pane content with titles
+    const firstPaneContent = (_jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", children: [_jsx(Box, { children: _jsxs(Text, { color: layout.state.focusedPane === 0 ? colors.primary : colors.textMuted, bold: layout.state.focusedPane === 0, children: [layout.state.focusedPane === 0 ? `${navIcons.arrowRight} ` : "  ", gameTitle] }) }), _jsx(Box, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: gameArea })] }));
+    const secondPaneContent = (_jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", children: [_jsx(Box, { children: _jsxs(Text, { color: layout.state.focusedPane === 1 ? colors.primary : colors.textMuted, bold: layout.state.focusedPane === 1, children: [layout.state.focusedPane === 1 ? `${navIcons.arrowRight} ` : "  ", managementTitle] }) }), _jsx(Box, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: managementArea })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: terminalSize.width, height: terminalSize.height, children: [header && (_jsx(Box, { height: headerHeight, flexShrink: 0, children: header })), _jsx(Box, { flexGrow: 1, height: availableHeight, children: _jsx(SplitPane, { first: firstPaneContent, second: secondPaneContent, direction: layout.state.direction, splitRatio: layout.state.splitRatio, width: availableWidth, height: availableHeight, isResizing: layout.state.isResizing, showSecondary: layout.state.showSecondary, focusedPane: layout.state.focusedPane, onResize: layout.adjustSplitRatio, onToggleFocus: layout.toggleFocus, handleInput: handleInput }) }), footer && (_jsx(Box, { height: footerHeight, flexShrink: 0, children: footer })), _jsx(Box, { height: helpHeight, flexShrink: 0, children: _jsx(LayoutHelp, { direction: layout.state.direction, showSecondary: layout.state.showSecondary, isSmall: terminalSize.isSmall }) })] }));
+}
+/**
+ * Export the layout state hook for external access to layout controls
+ */
+export { useLayoutState, useTerminalSize };
+//# sourceMappingURL=Layout.js.map

package/dist/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EACL,eAAe,EACf,SAAS,EACT,UAAU,GACX,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,cAAc,EAA8B,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA4B/C,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,GACY;IACrB,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,aAEV,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,yCAE1B,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,0BACjB,KAAK,OAAG,MAAM,IACnB,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,2BAChB,QAAQ,OAAG,SAAS,IAC1B,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,4CAAoC,IAC3D,CACP,CAAC;AACJ,CAAC;AAQD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAmB;IACxE,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,IAAI,IAAC,QAAQ,4DAEP,CACR,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GACd,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAErE,OAAO,CACL,MAAC,IAAI,IAAC,QAAQ,oCACE,UAAU,2BAAuB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,iCAE9E,CACR,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,MAAM,EAClB,eAAe,GAAG,YAAY,EAC9B,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAW,GAAG,IAAI,GACN;IACZ,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAEhC,4CAA4C;IAC5C,QAAQ,CACN,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,CAAC,WAAW;YAAE,OAAO;QAEzB,0BAA0B;QAC1B,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACnC,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,+BAA+B;QAC/B,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACnC,MAAM,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,sBAAsB;QACtB,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;YACnC,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,WAAW,EAAE,CAC1B,CAAC;IAEF,wCAAwC;IACxC,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,UAAU,GACrB,CACH,CAAC;IACJ,CAAC;IAED,+CAA+C;IAC/C,sEAAsE;IACtE,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,UAAU,GAAG,CAAC,CAAC;IACrB,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAC9B,CAAC,EACD,YAAY,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,CAC/D,CAAC;IACF,MAAM,cAAc,GAAG,YAAY,CAAC,KAAK,CAAC;IAE1C,kCAAkC;IAClC,MAAM,gBAAgB,GAAG,CACvB,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,aACpD,KAAC,GAAG,cACF,MAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EACzE,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,aAEnC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EACjE,SAAS,IACL,GACH,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACvD,QAAQ,GACL,IACF,CACP,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,aACpD,KAAC,GAAG,cACF,MAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EACzE,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,aAEnC,MAAM,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,EACjE,eAAe,IACX,GACH,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,YACvD,cAAc,GACX,IACF,CACP,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,aAE/E,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,YACrC,MAAM,GACH,CACP,EAGD,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,eAAe,YACvC,KAAC,SAAS,IACR,KAAK,EAAE,gBAAgB,EACvB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,EACjC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,EACnC,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,UAAU,EACnC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,aAAa,EACzC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,EACrC,QAAQ,EAAE,MAAM,CAAC,gBAAgB,EACjC,aAAa,EAAE,MAAM,CAAC,WAAW,EACjC,WAAW,EAAE,WAAW,GACxB,GACE,EAGL,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,YACrC,MAAM,GACH,CACP,EAGD,KAAC,GAAG,IAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,YACpC,KAAC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAS,EACjC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,aAAa,EACzC,OAAO,EAAE,YAAY,CAAC,OAAO,GAC7B,GACE,IACF,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/Leaderboard.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Leaderboard Component
+ *
+ * Displays top 10 scores for a game with timestamps.
+ */
+import { type ScoreEntry } from "./high-scores.js";
+interface LeaderboardProps {
+    /** Game title to display */
+    title: string;
+    /** List of scores to display */
+    scores: ScoreEntry[];
+    /** Whether lower scores are better (for time-based games) */
+    lowerIsBetter?: boolean;
+    /** Format function for the score value */
+    formatScore?: (score: number) => string;
+    /** Highlight this score position (1-indexed) */
+    highlightPosition?: number;
+    /** Maximum entries to show */
+    maxEntries?: number;
+}
+/**
+ * Format time in mm:ss format
+ */
+export declare function formatTime(seconds: number): string;
+/**
+ * Leaderboard display component
+ */
+export declare function Leaderboard({ title, scores, lowerIsBetter: _lowerIsBetter, formatScore, highlightPosition, maxEntries, }: LeaderboardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Compact leaderboard for displaying in game HUD
+ */
+export declare function CompactLeaderboard({ scores, formatScore, maxEntries, }: {
+    scores: ScoreEntry[];
+    formatScore?: (score: number) => string;
+    maxEntries?: number;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * New high score notification banner
+ */
+export declare function NewHighScoreBanner({ position, score, formatScore, }: {
+    position: number;
+    score: number;
+    formatScore?: (score: number) => string;
+}): import("react/jsx-runtime").JSX.Element;
+export default Leaderboard;
+//# sourceMappingURL=Leaderboard.d.ts.map

package/dist/Leaderboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Leaderboard.d.ts","sourceRoot":"","sources":["../src/Leaderboard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,KAAK,UAAU,EAAmB,MAAM,kBAAkB,CAAC;AAGpE,UAAU,gBAAgB;IACxB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AASD;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAKlD;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,aAAa,EAAE,cAAsB,EACrC,WAAgC,EAChC,iBAAiB,EACjB,UAAe,GAChB,EAAE,gBAAgB,2CA6DlB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,WAAgC,EAChC,UAAc,GACf,EAAE;IACD,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,kDAmBA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,WAAgC,GACjC,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC,2CAiCA;AAED,eAAe,WAAW,CAAC"}

package/dist/Leaderboard.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Leaderboard Component
+ *
+ * Displays top 10 scores for a game with timestamps.
+ */
+import { Box, Text } from "ink";
+import { formatScoreDate } from "./high-scores.js";
+import { useThemeColors, getThemedRankColor, useTheme } from "./useTheme.js";
+/**
+ * Default score formatter
+ */
+function defaultFormatScore(score) {
+    return score.toLocaleString();
+}
+/**
+ * Format time in mm:ss format
+ */
+export function formatTime(seconds) {
+    if (seconds >= 999)
+        return "--:--";
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+}
+/**
+ * Leaderboard display component
+ */
+export function Leaderboard({ title, scores, lowerIsBetter: _lowerIsBetter = false, formatScore = defaultFormatScore, highlightPosition, maxEntries = 10, }) {
+    const colors = useThemeColors();
+    const { theme } = useTheme();
+    const displayScores = scores.slice(0, maxEntries);
+    const hasScores = displayScores.length > 0;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.primary, children: title }) }), !hasScores ? (_jsx(Box, { justifyContent: "center", paddingY: 1, children: _jsx(Text, { dimColor: true, children: "No scores yet" }) })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["#".padStart(2), " ", "Score".padStart(8), " ", "Date".padStart(10)] }) }), displayScores.map((entry, index) => {
+                        const position = index + 1;
+                        const isHighlighted = highlightPosition === position;
+                        const positionStr = position.toString().padStart(2);
+                        const scoreStr = formatScore(entry.score).padStart(8);
+                        const dateStr = formatScoreDate(entry.timestamp).padStart(10);
+                        return (_jsx(Box, { children: _jsxs(Text, { color: getThemedRankColor(theme, position, isHighlighted), bold: isHighlighted || position === 1, children: [positionStr, " ", scoreStr, " ", dateStr, isHighlighted ? " NEW!" : ""] }) }, index));
+                    }), displayScores.length < maxEntries && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [maxEntries - displayScores.length, " more slot", maxEntries - displayScores.length !== 1 ? "s" : "", " available"] }) }))] }))] }));
+}
+/**
+ * Compact leaderboard for displaying in game HUD
+ */
+export function CompactLeaderboard({ scores, formatScore = defaultFormatScore, maxEntries = 5, }) {
+    const displayScores = scores.slice(0, maxEntries);
+    if (displayScores.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, bold: true, children: "Top Scores" }), displayScores.map((entry, index) => (_jsxs(Text, { dimColor: true, children: [(index + 1).toString(), ". ", formatScore(entry.score)] }, index)))] }));
+}
+/**
+ * New high score notification banner
+ */
+export function NewHighScoreBanner({ position, score, formatScore = defaultFormatScore, }) {
+    const colors = useThemeColors();
+    const positionText = position === 1
+        ? "1st"
+        : position === 2
+            ? "2nd"
+            : position === 3
+                ? "3rd"
+                : `${position}th`;
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", borderStyle: "double", borderColor: colors.success, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: colors.success, children: "NEW HIGH SCORE!" }), _jsx(Text, { children: _jsx(Text, { color: colors.accent, bold: true, children: formatScore(score) }) }), _jsxs(Text, { children: ["You ranked ", _jsx(Text, { color: colors.primary, children: positionText }), " place!"] })] }));
+}
+export default Leaderboard;
+//# sourceMappingURL=Leaderboard.js.map

package/dist/Leaderboard.js.map

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

package/dist/LogViewer.d.ts

@@ -0,0 +1,33 @@
+/**
+ * LogViewer Component
+ *
+ * Real-time log streaming component with scrollable view,
+ * condensed/full view toggle, and formatted output.
+ */
+import type { ClaudeCodeOutput } from "./use-claude-code.js";
+export interface LogViewerProps {
+    /** Array of log outputs from Claude Code */
+    logs: ClaudeCodeOutput[];
+    /** Maximum number of lines to display in the viewport */
+    maxVisibleLines?: number;
+    /** Whether the component has focus for keyboard input */
+    hasFocus?: boolean;
+    /** Height of the log viewer area */
+    height?: number;
+    /** Initial view mode */
+    initialViewMode?: "condensed" | "full";
+}
+export interface LogLine {
+    id: number;
+    timestamp: Date;
+    type: "stdout" | "stderr";
+    content: string;
+    /** Original log entry index for tracking */
+    sourceIndex: number;
+}
+/**
+ * Main LogViewer component
+ */
+export declare function LogViewer({ logs, maxVisibleLines, hasFocus, height, initialViewMode, }: LogViewerProps): import("react/jsx-runtime").JSX.Element;
+export default LogViewer;
+//# sourceMappingURL=LogViewer.d.ts.map

package/dist/LogViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../src/LogViewer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAG7D,MAAM,WAAW,cAAc;IAC7B,4CAA4C;IAC5C,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,WAAW,EAAE,MAAM,CAAC;CACrB;AAsKD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,eAAoB,EACpB,QAAgB,EAChB,MAAM,EACN,eAA6B,GAC9B,EAAE,cAAc,2CA0JhB;AAED,eAAe,SAAS,CAAC"}

package/dist/LogViewer.js

@@ -0,0 +1,179 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * LogViewer Component
+ *
+ * Real-time log streaming component with scrollable view,
+ * condensed/full view toggle, and formatted output.
+ */
+import { Box, Text, useInput } from "ink";
+import { useState, useEffect, useRef, useMemo } from "react";
+import { useThemeColors } from "./useTheme.js";
+// ANSI escape code regex for stripping colors in condensed view
+const ANSI_REGEX = 
+// eslint-disable-next-line no-control-regex
+/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
+/**
+ * Strip ANSI escape codes from text
+ */
+function stripAnsi(text) {
+    return text.replace(ANSI_REGEX, "");
+}
+/**
+ * Format timestamp for log display
+ */
+function formatTimestamp(date) {
+    return date.toLocaleTimeString("en-US", {
+        hour12: false,
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+}
+/**
+ * Process logs into display lines
+ */
+function processLogs(logs, viewMode) {
+    const lines = [];
+    let lineId = 0;
+    for (let i = 0; i < logs.length; i++) {
+        const log = logs[i];
+        const content = viewMode === "condensed" ? stripAnsi(log.content) : log.content;
+        // Split multi-line content into separate lines
+        const contentLines = content.split("\n");
+        for (const line of contentLines) {
+            // In condensed mode, skip empty lines and whitespace-only lines
+            if (viewMode === "condensed" && line.trim() === "") {
+                continue;
+            }
+            lines.push({
+                id: lineId++,
+                timestamp: log.timestamp,
+                type: log.type,
+                content: line,
+                sourceIndex: i,
+            });
+        }
+    }
+    return lines;
+}
+/**
+ * Single log line component
+ */
+function LogLineDisplay({ line, showTimestamp, viewMode, }) {
+    const colors = useThemeColors();
+    const textColor = line.type === "stderr" ? colors.error : colors.text;
+    return (_jsxs(Box, { children: [showTimestamp && (_jsxs(Text, { dimColor: true, children: ["[", formatTimestamp(line.timestamp), "] "] })), viewMode === "full" && (_jsx(Text, { color: line.type === "stderr" ? colors.error : colors.textMuted, children: line.type === "stderr" ? "ERR " : "OUT " })), _jsx(Text, { color: textColor, wrap: "truncate", children: line.content })] }));
+}
+/**
+ * Scrollbar indicator component
+ */
+function ScrollIndicator({ currentPosition, totalLines, visibleLines, }) {
+    if (totalLines <= visibleLines) {
+        return null;
+    }
+    const scrollPercentage = totalLines > visibleLines
+        ? (currentPosition / (totalLines - visibleLines)) * 100
+        : 0;
+    return (_jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [_jsx(Text, { dimColor: true, children: scrollPercentage < 100 ? "^" : " " }), _jsxs(Text, { dimColor: true, children: [Math.round(scrollPercentage), "%"] }), _jsx(Text, { dimColor: true, children: scrollPercentage > 0 ? "v" : " " })] }));
+}
+/**
+ * Log viewer header with controls
+ */
+function LogViewerHeader({ viewMode, totalLines, autoScroll, hasFocus, }) {
+    const colors = useThemeColors();
+    return (_jsxs(Box, { justifyContent: "space-between", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: colors.primary, children: "Logs" }), _jsxs(Text, { dimColor: true, children: [" (", totalLines, " lines)"] }), autoScroll && _jsx(Text, { color: colors.success, children: " [AUTO]" })] }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "View: " }), _jsx(Text, { color: viewMode === "full" ? colors.primary : colors.textMuted, children: viewMode.toUpperCase() }), hasFocus && (_jsx(Text, { dimColor: true, children: " | V: toggle view | J/K: scroll" }))] })] }));
+}
+/**
+ * Main LogViewer component
+ */
+export function LogViewer({ logs, maxVisibleLines = 20, hasFocus = false, height, initialViewMode = "condensed", }) {
+    const [viewMode, setViewMode] = useState(initialViewMode);
+    const [scrollPosition, setScrollPosition] = useState(0);
+    const [autoScroll, setAutoScroll] = useState(true);
+    const lastLogCountRef = useRef(logs.length);
+    // Process logs into display lines
+    const displayLines = useMemo(() => processLogs(logs, viewMode), [logs, viewMode]);
+    // Calculate visible area
+    const effectiveHeight = height ? Math.max(height - 4, 5) : maxVisibleLines;
+    const totalLines = displayLines.length;
+    const maxScroll = Math.max(0, totalLines - effectiveHeight);
+    // Auto-scroll when new logs arrive
+    useEffect(() => {
+        if (logs.length > lastLogCountRef.current && autoScroll) {
+            setScrollPosition(maxScroll);
+        }
+        lastLogCountRef.current = logs.length;
+    }, [logs.length, maxScroll, autoScroll]);
+    // Handle keyboard input when focused
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        // Toggle view mode with 'v'
+        if (input === "v" || input === "V") {
+            setViewMode((current) => (current === "condensed" ? "full" : "condensed"));
+            return;
+        }
+        // Scroll up with 'k' or arrow up
+        if (input === "k" || key.upArrow) {
+            setScrollPosition((pos) => Math.max(0, pos - 1));
+            setAutoScroll(false);
+            return;
+        }
+        // Scroll down with 'j' or arrow down
+        if (input === "j" || key.downArrow) {
+            setScrollPosition((pos) => {
+                const newPos = Math.min(maxScroll, pos + 1);
+                // Re-enable auto-scroll if we're at the bottom
+                if (newPos === maxScroll) {
+                    setAutoScroll(true);
+                }
+                return newPos;
+            });
+            return;
+        }
+        // Page up with 'u' or page up
+        if (input === "u" || key.pageUp) {
+            setScrollPosition((pos) => Math.max(0, pos - effectiveHeight));
+            setAutoScroll(false);
+            return;
+        }
+        // Page down with 'd' or page down
+        if (input === "d" || key.pageDown) {
+            setScrollPosition((pos) => {
+                const newPos = Math.min(maxScroll, pos + effectiveHeight);
+                if (newPos === maxScroll) {
+                    setAutoScroll(true);
+                }
+                return newPos;
+            });
+            return;
+        }
+        // Jump to top with 'g'
+        if (input === "g") {
+            setScrollPosition(0);
+            setAutoScroll(false);
+            return;
+        }
+        // Jump to bottom with 'G'
+        if (input === "G") {
+            setScrollPosition(maxScroll);
+            setAutoScroll(true);
+            return;
+        }
+        // Toggle auto-scroll with 'a'
+        if (input === "a" || input === "A") {
+            setAutoScroll((current) => !current);
+            if (!autoScroll) {
+                setScrollPosition(maxScroll);
+            }
+            return;
+        }
+    }, { isActive: hasFocus });
+    // Get visible lines based on scroll position
+    const visibleLines = displayLines.slice(scrollPosition, scrollPosition + effectiveHeight);
+    // Show timestamps only in full mode or every few lines in condensed
+    const showTimestamps = viewMode === "full";
+    return (_jsxs(Box, { flexDirection: "column", height: height, padding: 1, children: [_jsx(LogViewerHeader, { viewMode: viewMode, totalLines: totalLines, autoScroll: autoScroll, hasFocus: hasFocus }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Box, { flexDirection: "column", flexGrow: 1, children: visibleLines.length === 0 ? (_jsx(Text, { dimColor: true, children: "No logs yet. Start Claude Code to see output." })) : (visibleLines.map((line) => (_jsx(LogLineDisplay, { line: line, showTimestamp: showTimestamps, viewMode: viewMode }, line.id)))) }), _jsx(ScrollIndicator, { currentPosition: scrollPosition, totalLines: totalLines, visibleLines: effectiveHeight })] }), totalLines > effectiveHeight && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Lines ", scrollPosition + 1, "-", Math.min(scrollPosition + effectiveHeight, totalLines), " of", " ", totalLines] }) }))] }));
+}
+export default LogViewer;
+//# sourceMappingURL=LogViewer.js.map