brainrot-cli 0.1.0 → 0.2.0

package/dist/FeatureInput.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Feature Input Screen
+ *
+ * Clean, minimal first screen that asks the user for a feature description.
+ * This is the entry point for the new simplified UI flow.
+ */
+import { Box, Text, useInput } from "ink";
+import { useState, useCallback, useMemo } from "react";
+import { useThemeColors } from "./useTheme.js";
+import { navIcons } from "./theme.js";
+// ============================================================================
+// CONSTANTS
+// ============================================================================
+const MIN_CHARS = 10;
+const EXAMPLES = [
+    "Create a REST API for user management",
+    "Fix the login bug on mobile",
+    "Add unit tests for the payment module",
+];
+// ============================================================================
+// COMPONENT
+// ============================================================================
+export function FeatureInput({ onSubmit, hasFocus, dimensions, }) {
+    const [inputValue, setInputValue] = useState("");
+    const [showError, setShowError] = useState(false);
+    const colors = useThemeColors();
+    const isValid = inputValue.length >= MIN_CHARS;
+    const handleSubmit = useCallback(() => {
+        if (isValid) {
+            onSubmit(inputValue.trim());
+        }
+        else {
+            setShowError(true);
+        }
+    }, [inputValue, isValid, onSubmit]);
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        // Enter to submit
+        if (key.return) {
+            handleSubmit();
+            return;
+        }
+        // Backspace/Delete to remove characters
+        if (key.backspace || key.delete) {
+            setInputValue((prev) => prev.slice(0, -1));
+            setShowError(false);
+            return;
+        }
+        // Printable characters (ignore control keys)
+        if (input && !key.ctrl && !key.meta && !key.escape) {
+            setInputValue((prev) => prev + input);
+            setShowError(false);
+        }
+    }, { isActive: hasFocus });
+    // Calculate input box width
+    const inputWidth = useMemo(() => {
+        return Math.min(55, dimensions.width - 8);
+    }, [dimensions.width]);
+    const cursorChar = "\u258c";
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", children: [_jsx(Box, { marginBottom: 2, children: _jsx(Text, { bold: true, color: colors.primary, children: "BRAINROT" }) }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 2, paddingY: 1, width: inputWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: colors.text, children: "What do you want to build?" }) }), _jsx(Box, { borderStyle: "single", borderColor: hasFocus ? colors.borderFocus : colors.border, paddingX: 1, minHeight: 3, children: inputValue ? (_jsxs(Text, { children: [_jsx(Text, { color: colors.text, children: inputValue }), _jsx(Text, { color: colors.primary, children: cursorChar })] })) : (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, italic: true, children: "Add dark mode support to the app" }), _jsx(Text, { color: colors.primary, children: cursorChar })] })) }), showError && !isValid && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.error, children: [navIcons.arrowRight, " Minimum ", MIN_CHARS, " characters required"] }) }))] }), _jsxs(Box, { flexDirection: "column", marginTop: 2, paddingX: 2, children: [_jsx(Text, { dimColor: true, children: "Examples:" }), EXAMPLES.map((example, i) => (_jsx(Box, { paddingLeft: 2, children: _jsxs(Text, { dimColor: true, children: [navIcons.bullet, " ", example] }) }, i)))] }), _jsx(Box, { position: "absolute", marginTop: dimensions.height - 2, borderStyle: "single", borderColor: colors.border, paddingX: 2, width: dimensions.width - 4, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: colors.primary, children: "Enter" }), ": Submit |", " ", _jsx(Text, { color: colors.primary, children: "Ctrl+C" }), ": Quit |", " ", _jsx(Text, { color: colors.primary, children: "?" }), ": Help"] }) })] }));
+}
+export default FeatureInput;
+//# sourceMappingURL=FeatureInput.js.map

package/dist/FeatureInput.js.map

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

package/dist/FeaturePromptScreen.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Feature Prompt Screen Component
+ *
+ * Full-screen modal that asks the user for a feature description.
+ * Part of the setup wizard flow after onboarding tutorial.
+ */
+export interface FeaturePromptScreenProps {
+    /** Whether the screen is visible */
+    isVisible: boolean;
+    /** Callback when feature prompt is submitted */
+    onComplete: (prompt: string) => void;
+    /** Callback when user wants to go back */
+    onBack?: () => void;
+    /** Whether the component has focus */
+    hasFocus: boolean;
+    /** Terminal dimensions for centering */
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+}
+export declare function FeaturePromptScreen({ isVisible, onComplete, onBack, hasFocus, dimensions, }: FeaturePromptScreenProps): import("react/jsx-runtime").JSX.Element | null;
+export default FeaturePromptScreen;
+//# sourceMappingURL=FeaturePromptScreen.d.ts.map

package/dist/FeaturePromptScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturePromptScreen.d.ts","sourceRoot":"","sources":["../src/FeaturePromptScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,MAAM,WAAW,wBAAwB;IACvC,oCAAoC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sCAAsC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD;AA2JD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAU,GACX,EAAE,wBAAwB,kDA+H1B;AAED,eAAe,mBAAmB,CAAC"}

package/dist/FeaturePromptScreen.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Feature Prompt Screen Component
+ *
+ * Full-screen modal that asks the user for a feature description.
+ * Part of the setup wizard flow after onboarding tutorial.
+ */
+import { Box, Text, useInput } from "ink";
+import { useState, useCallback, useMemo } from "react";
+import { useThemeColors } from "./useTheme.js";
+import { navIcons, decorChars } from "./theme.js";
+// ============================================================================
+// CONSTANTS
+// ============================================================================
+const MIN_CHARS = 10;
+const PLACEHOLDER_EXAMPLES = [
+    "Build a user authentication system with JWT",
+    "Create a REST API for task management",
+    "Implement a real-time chat feature",
+    "Add dark mode support to the UI",
+];
+function InputDisplay({ value, colors, width }) {
+    const displayWidth = Math.max(width - 4, 30);
+    const cursorChar = "▌";
+    // Show placeholder when empty
+    if (!value) {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { borderStyle: "single", borderColor: colors.borderFocus, paddingX: 1, width: displayWidth, children: [_jsx(Text, { dimColor: true, italic: true, children: PLACEHOLDER_EXAMPLES[0] }), _jsx(Text, { color: colors.primary, children: cursorChar })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Examples:" }) }), PLACEHOLDER_EXAMPLES.slice(1).map((example, i) => (_jsx(Box, { paddingLeft: 2, children: _jsxs(Text, { dimColor: true, children: [navIcons.bullet, " ", example] }) }, i)))] }));
+    }
+    // Show input with cursor
+    // Wrap text if it exceeds display width
+    const maxTextWidth = displayWidth - 4; // Account for padding and cursor
+    const lines = [];
+    let remaining = value;
+    while (remaining.length > 0) {
+        if (remaining.length <= maxTextWidth) {
+            lines.push(remaining);
+            remaining = "";
+        }
+        else {
+            // Find a good break point (space) or just cut
+            const breakPoint = remaining.lastIndexOf(" ", maxTextWidth);
+            const cutPoint = breakPoint > maxTextWidth / 2 ? breakPoint : maxTextWidth;
+            lines.push(remaining.slice(0, cutPoint));
+            remaining = remaining.slice(cutPoint).trimStart();
+        }
+    }
+    return (_jsx(Box, { borderStyle: "single", borderColor: colors.borderFocus, paddingX: 1, width: displayWidth, flexDirection: "column", children: lines.map((line, i) => (_jsxs(Box, { children: [_jsx(Text, { color: colors.text, children: line }), i === lines.length - 1 && (_jsx(Text, { color: colors.primary, children: cursorChar }))] }, i))) }));
+}
+function ValidationMessage({ charCount, colors, showError, }) {
+    const remaining = MIN_CHARS - charCount;
+    const isValid = charCount >= MIN_CHARS;
+    return (_jsxs(Box, { marginTop: 1, justifyContent: "space-between", width: "100%", children: [_jsx(Box, { children: showError && !isValid && (_jsxs(Text, { color: colors.error, children: [navIcons.arrowRight, " Minimum ", MIN_CHARS, " characters required"] })) }), _jsx(Box, { children: _jsxs(Text, { color: isValid ? colors.success : colors.textMuted, children: [charCount, " / ", MIN_CHARS, isValid && " ✓", !isValid && ` (${remaining} more)`] }) })] }));
+}
+function NavigationHints({ colors, canSubmit, hasBack }) {
+    return (_jsxs(Box, { justifyContent: "center", marginTop: 2, children: [hasBack && _jsx(Text, { color: colors.textMuted, children: "Esc: Go Back | " }), _jsxs(Text, { color: canSubmit ? colors.primary : colors.textMuted, children: ["Enter: ", canSubmit ? "Submit" : "Need more text", " ", navIcons.arrowRight] })] }));
+}
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+export function FeaturePromptScreen({ isVisible, onComplete, onBack, hasFocus, dimensions, }) {
+    const [inputValue, setInputValue] = useState("");
+    const [showError, setShowError] = useState(false);
+    const colors = useThemeColors();
+    const isValid = inputValue.length >= MIN_CHARS;
+    const handleSubmit = useCallback(() => {
+        if (isValid) {
+            onComplete(inputValue.trim());
+        }
+        else {
+            setShowError(true);
+        }
+    }, [inputValue, isValid, onComplete]);
+    const handleBack = useCallback(() => {
+        if (onBack) {
+            onBack();
+        }
+    }, [onBack]);
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!hasFocus || !isVisible)
+            return;
+        // Enter to submit
+        if (key.return) {
+            handleSubmit();
+            return;
+        }
+        // Escape to go back
+        if (key.escape) {
+            handleBack();
+            return;
+        }
+        // Backspace/Delete to remove characters
+        if (key.backspace || key.delete) {
+            setInputValue((prev) => prev.slice(0, -1));
+            setShowError(false);
+            return;
+        }
+        // Printable characters (ignore control keys)
+        if (input && !key.ctrl && !key.meta) {
+            setInputValue((prev) => prev + input);
+            setShowError(false);
+        }
+    }, { isActive: hasFocus && isVisible });
+    // Calculate box dimensions
+    const boxWidth = useMemo(() => {
+        if (dimensions?.width) {
+            return Math.min(70, dimensions.width - 4);
+        }
+        return 70;
+    }, [dimensions?.width]);
+    if (!isVisible) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", children: [_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: colors.primary, paddingX: 2, paddingY: 1, width: boxWidth, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsxs(Text, { color: colors.secondary, bold: true, children: [decorChars.sparkle, " NEW FEATURE ", decorChars.sparkle] }) }), _jsx(Box, { justifyContent: "center", marginBottom: 2, children: _jsx(Text, { color: colors.primary, bold: true, children: "What feature do you want to build?" }) }), _jsx(Box, { flexDirection: "column", alignItems: "center", children: _jsx(InputDisplay, { value: inputValue, colors: colors, width: boxWidth }) }), _jsx(Box, { paddingX: 2, children: _jsx(ValidationMessage, { charCount: inputValue.length, colors: colors, showError: showError }) }), _jsx(NavigationHints, { colors: colors, canSubmit: isValid, hasBack: !!onBack })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Be specific about what you want to achieve" }) })] }));
+}
+export default FeaturePromptScreen;
+//# sourceMappingURL=FeaturePromptScreen.js.map

package/dist/FeaturePromptScreen.js.map

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

package/dist/GameSelectScreen.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Game Select Screen
+ *
+ * Full-screen game picker that appears after Claude finishes planning.
+ * User selects a game, then the loop starts and they begin playing.
+ */
+export interface GameSelectScreenProps {
+    /** Feature being built */
+    featureDescription: string;
+    /** Number of tasks planned */
+    taskCount: number;
+    /** Callback when user selects a game and starts the loop */
+    onSelectGame: (gameId: string) => void;
+    /** Whether the component has focus */
+    hasFocus: boolean;
+    /** Terminal dimensions */
+    dimensions: {
+        width: number;
+        height: number;
+    };
+}
+export declare function GameSelectScreen({ featureDescription, taskCount, onSelectGame, hasFocus, dimensions, }: GameSelectScreenProps): import("react/jsx-runtime").JSX.Element;
+export default GameSelectScreen;
+//# sourceMappingURL=GameSelectScreen.d.ts.map

package/dist/GameSelectScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GameSelectScreen.d.ts","sourceRoot":"","sources":["../src/GameSelectScreen.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,MAAM,WAAW,qBAAqB;IACpC,0BAA0B;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAgDD,wBAAgB,gBAAgB,CAAC,EAC/B,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,2CAsHvB;AAED,eAAe,gBAAgB,CAAC"}

package/dist/GameSelectScreen.js

@@ -0,0 +1,78 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Game Select Screen
+ *
+ * Full-screen game picker that appears after Claude finishes planning.
+ * User selects a game, then the loop starts and they begin playing.
+ */
+import { Box, Text, useInput } from "ink";
+import { useState, useCallback, useMemo } from "react";
+import { useThemeColors } from "./useTheme.js";
+import { navIcons } from "./theme.js";
+import { getGameList } from "./games/index.js";
+function GameItem({ game, isSelected, colors }) {
+    const icon = getGameIcon(game.id);
+    return (_jsxs(Box, { flexDirection: "column", paddingY: 0, children: [_jsx(Box, { children: _jsxs(Text, { color: isSelected ? colors.primary : colors.text, bold: isSelected, children: [isSelected ? navIcons.arrowRight : " ", " ", icon, " ", game.name] }) }), _jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: game.description }) })] }));
+}
+function getGameIcon(gameId) {
+    switch (gameId) {
+        case "snake":
+            return "\u{1F40D}"; // snake emoji
+        case "pong":
+            return "\u{1F3D3}"; // ping pong emoji
+        case "tetris":
+            return "\u{1F9F1}"; // brick emoji
+        case "minesweeper":
+            return "\u{1F4A3}"; // bomb emoji
+        default:
+            return "\u{1F3AE}"; // video game emoji
+    }
+}
+// ============================================================================
+// MAIN COMPONENT
+// ============================================================================
+export function GameSelectScreen({ featureDescription, taskCount, onSelectGame, hasFocus, dimensions, }) {
+    const colors = useThemeColors();
+    const games = useMemo(() => getGameList(), []);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const handleSelect = useCallback(() => {
+        const selectedGame = games[selectedIndex];
+        if (selectedGame) {
+            onSelectGame(selectedGame.id);
+        }
+    }, [games, selectedIndex, onSelectGame]);
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (!hasFocus)
+            return;
+        // Arrow keys or j/k to navigate
+        if (key.upArrow || input === "k" || input === "K") {
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : games.length - 1));
+            return;
+        }
+        if (key.downArrow || input === "j" || input === "J") {
+            setSelectedIndex((prev) => (prev < games.length - 1 ? prev + 1 : 0));
+            return;
+        }
+        // Enter or Space to select
+        if (key.return || input === " ") {
+            handleSelect();
+            return;
+        }
+        // Number keys for quick selection
+        const num = parseInt(input, 10);
+        if (num >= 1 && num <= games.length) {
+            setSelectedIndex(num - 1);
+            handleSelect();
+        }
+    }, { isActive: hasFocus });
+    // Calculate content width
+    const contentWidth = useMemo(() => {
+        return Math.min(55, dimensions.width - 8);
+    }, [dimensions.width]);
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.primary, children: "BRAINROT" }) }), _jsxs(Box, { flexDirection: "column", alignItems: "center", marginBottom: 2, children: [_jsx(Text, { color: colors.success, children: "Claude is ready to start working!" }), _jsx(Text, { dimColor: true, children: "Pick a game to play while you wait." })] }), _jsx(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 2, paddingY: 1, width: contentWidth, children: games.map((game, index) => (_jsx(GameItem, { game: game, isSelected: index === selectedIndex, colors: colors }, game.id))) }), _jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: 2, children: [_jsxs(Text, { dimColor: true, children: ["Task: \"", featureDescription.length > 35
+                                ? featureDescription.slice(0, 35) + "..."
+                                : featureDescription, "\""] }), _jsxs(Text, { dimColor: true, children: [taskCount, " task", taskCount !== 1 ? "s" : "", " planned ", navIcons.bullet, " Ready to start"] })] }), _jsx(Box, { position: "absolute", marginTop: dimensions.height - 2, borderStyle: "single", borderColor: colors.border, paddingX: 2, width: dimensions.width - 4, children: _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: colors.primary, children: "\u2191\u2193" }), ": Navigate |", " ", _jsx(Text, { color: colors.primary, children: "Enter" }), ": Start Loop & Play |", " ", _jsx(Text, { color: colors.primary, children: "?" }), ": Help"] }) })] }));
+}
+export default GameSelectScreen;
+//# sourceMappingURL=GameSelectScreen.js.map

package/dist/GameSelectScreen.js.map

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

package/dist/GameSelector.d.ts

@@ -16,10 +16,18 @@ export interface GameSelectorProps {
     onSelectGame: (gameId: string) => void;
     /** Callback when stats menu is requested */
     onOpenStats?: () => void;
+    /** Whether games are enabled (unlocked after loop start) */
+    gamesEnabled?: boolean;
+    /** Whether a loop is currently active */
+    hasActiveLoop?: boolean;
+    /** Callback when Start New Loop is selected */
+    onStartNewLoop?: () => void;
+    /** Callback when View Current Loop is selected */
+    onViewCurrentLoop?: () => void;
 }
 /**
  * Game selector menu component
  */
-export declare function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpenStats, }: GameSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpenStats, gamesEnabled, hasActiveLoop, onStartNewLoop, onViewCurrentLoop, }: GameSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default GameSelector;
 //# sourceMappingURL=GameSelector.d.ts.map

package/dist/GameSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameSelector.d.ts","sourceRoot":"","sources":["../src/GameSelector.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKhE,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,UAAU,EAAE,cAAc,CAAC;IAC3B,uCAAuC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAgHD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,EAAE,iBAAiB,2CA8GnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GameSelector.d.ts","sourceRoot":"","sources":["../src/GameSelector.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKhE,MAAM,WAAW,iBAAiB;IAChC,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,UAAU,EAAE,cAAc,CAAC;IAC3B,uCAAuC;IACvC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAuLD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAmB,EACnB,aAAqB,EACrB,cAAc,EACd,iBAAiB,GAClB,EAAE,iBAAiB,2CAsMnB;AAED,eAAe,YAAY,CAAC"}

package/dist/GameSelector.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * GameSelector Component
  *
@@ -10,13 +10,26 @@ import { useState, useCallback, useEffect } from "react";
 import { navIcons } from "./theme.js";
 import { useThemeColors } from "./useTheme.js";
 import { getAchievementCount } from "./stats.js";
-function GameCard({ game, isSelected, isHighlighted, dimensions }) {
+function GameCard({ game, isSelected, isHighlighted, dimensions, isDisabled = false, }) {
     const colors = useThemeColors();
-    const borderColor = isHighlighted ? colors.primary : isSelected ? colors.accent : colors.border;
-    const titleColor = isHighlighted ? colors.primary : isSelected ? colors.accent : colors.text;
+    // When disabled, use muted colors; otherwise use normal highlight colors
+    const borderColor = isDisabled
+        ? colors.border
+        : isHighlighted
+            ? colors.primary
+            : isSelected
+                ? colors.accent
+                : colors.border;
+    const titleColor = isDisabled
+        ? colors.textMuted
+        : isHighlighted
+            ? colors.primary
+            : isSelected
+                ? colors.accent
+                : colors.text;
     // Calculate card width based on available space
     const cardWidth = Math.min(Math.max(dimensions.width - 4, 30), 50);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, width: cardWidth, children: [_jsx(Box, { children: _jsxs(Text, { bold: true, color: titleColor, children: [isHighlighted ? `${navIcons.arrowRight} ` : "  ", game.name] }) }), _jsx(Text, { dimColor: true, wrap: "truncate", children: game.description }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.textMuted, children: "Controls: " }), _jsx(Text, { dimColor: true, children: game.controls })] }), game.minWidth && game.minHeight && (_jsxs(Text, { dimColor: true, children: ["Min size: ", game.minWidth, "x", game.minHeight] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, width: cardWidth, children: [_jsx(Box, { children: _jsxs(Text, { bold: true, color: titleColor, children: [isHighlighted ? `${navIcons.arrowRight} ` : "  ", isDisabled ? "🔒 " : "", game.name] }) }), _jsx(Text, { dimColor: true, wrap: "truncate", children: game.description }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.textMuted, children: "Controls: " }), _jsx(Text, { dimColor: true, children: game.controls })] }), game.minWidth && game.minHeight && (_jsxs(Text, { dimColor: true, children: ["Min size: ", game.minWidth, "x", game.minHeight] }))] }));
 }
 function SelectorHeader({ hasFocus }) {
     const colors = useThemeColors();
@@ -24,13 +37,25 @@ function SelectorHeader({ hasFocus }) {
                     ? "↑/↓: Navigate | Enter: Select | S: Stats | Q: Back"
                     : "Press Tab to focus game selector" })] }));
 }
-function StatsMenuCard({ isHighlighted, dimensions, achievementCount }) {
+function StatsMenuCard({ isHighlighted, dimensions, achievementCount, }) {
     const colors = useThemeColors();
     const borderColor = isHighlighted ? colors.warning : colors.border;
     const titleColor = isHighlighted ? colors.warning : colors.textMuted;
     const cardWidth = Math.min(Math.max(dimensions.width - 4, 30), 50);
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, width: cardWidth, children: [_jsx(Box, { children: _jsxs(Text, { bold: true, color: titleColor, children: [isHighlighted ? `${navIcons.arrowRight} ` : "  ", "Stats & Achievements"] }) }), _jsx(Text, { dimColor: true, children: "View your gameplay statistics and unlock achievements" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.textMuted, children: "Progress: " }), _jsxs(Text, { color: colors.success, children: [achievementCount.unlocked, "/", achievementCount.total, " achievements"] })] })] }));
 }
+function LoopMenuCard({ isHighlighted, dimensions, hasActiveLoop, }) {
+    const colors = useThemeColors();
+    const borderColor = isHighlighted ? colors.success : colors.border;
+    const titleColor = isHighlighted ? colors.success : colors.text;
+    const cardWidth = Math.min(Math.max(dimensions.width - 4, 30), 50);
+    const title = hasActiveLoop ? "View Current Loop" : "Start New Loop";
+    const description = hasActiveLoop
+        ? "View progress on your current feature development loop"
+        : "Begin a new feature development loop with Claude";
+    const icon = hasActiveLoop ? "📋" : "🚀";
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: borderColor, paddingX: 1, width: cardWidth, children: [_jsx(Box, { children: _jsxs(Text, { bold: true, color: titleColor, children: [isHighlighted ? `${navIcons.arrowRight} ` : "  ", icon, " ", title] }) }), _jsx(Text, { dimColor: true, children: description }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.textMuted, children: "Shortcut: " }), _jsx(Text, { dimColor: true, children: "N" })] })] }));
+}
 function EmptyState() {
     const colors = useThemeColors();
     return (_jsxs(Box, { flexDirection: "column", padding: 2, children: [_jsx(Text, { color: colors.accent, children: "No games available" }), _jsx(Text, { dimColor: true, children: "Check back later for new games!" })] }));
@@ -38,12 +63,20 @@ function EmptyState() {
 /**
  * Game selector menu component
  */
-export function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpenStats, }) {
+export function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpenStats, gamesEnabled = true, hasActiveLoop = false, onStartNewLoop, onViewCurrentLoop, }) {
     const [selectedIndex, setSelectedIndex] = useState(0);
-    const [achievementCount, setAchievementCount] = useState({ unlocked: 0, total: 0 });
-    // Total items: games + stats menu
-    const totalItems = games.length + 1;
-    const statsIndex = games.length; // Stats is always last
+    const [achievementCount, setAchievementCount] = useState({
+        unlocked: 0,
+        total: 0,
+    });
+    const [showLockedMessage, setShowLockedMessage] = useState(false);
+    const colors = useThemeColors();
+    // Menu structure: [Loop option] + [Games] + [Stats]
+    // Loop option is always at index 0
+    const loopIndex = 0;
+    const firstGameIndex = 1;
+    const statsIndex = games.length + 1; // Stats is always last
+    const totalItems = games.length + 2; // Loop option + games + stats
     // Load achievement count
     useEffect(() => {
         const loadCount = async () => {
@@ -52,14 +85,53 @@ export function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpen
         };
         void loadCount();
     }, []);
+    // Clear the locked message after a timeout
+    useEffect(() => {
+        if (showLockedMessage) {
+            const timer = setTimeout(() => {
+                setShowLockedMessage(false);
+            }, 2000);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [showLockedMessage]);
     const handleSelect = useCallback(() => {
-        if (selectedIndex === statsIndex) {
+        if (selectedIndex === loopIndex) {
+            // Loop option - first item
+            if (hasActiveLoop) {
+                onViewCurrentLoop?.();
+            }
+            else {
+                onStartNewLoop?.();
+            }
+        }
+        else if (selectedIndex === statsIndex) {
+            // Stats is always accessible
             onOpenStats?.();
         }
-        else if (games.length > 0 && games[selectedIndex]) {
-            onSelectGame(games[selectedIndex].id);
+        else {
+            // Game selection (indices are offset by 1 due to loop option)
+            const gameIndex = selectedIndex - firstGameIndex;
+            if (games.length > 0 && games[gameIndex]) {
+                // Check if games are enabled
+                if (!gamesEnabled) {
+                    setShowLockedMessage(true);
+                    return;
+                }
+                onSelectGame(games[gameIndex].id);
+            }
         }
-    }, [games, selectedIndex, onSelectGame, onOpenStats, statsIndex]);
+    }, [
+        games,
+        selectedIndex,
+        onSelectGame,
+        onOpenStats,
+        statsIndex,
+        gamesEnabled,
+        hasActiveLoop,
+        onStartNewLoop,
+        onViewCurrentLoop,
+    ]);
     useInput((input, key) => {
         if (!hasFocus)
             return;
@@ -83,11 +155,29 @@ export function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpen
             onOpenStats?.();
             return;
         }
+        // Quick trigger loop option with N key
+        if (input === "n" || input === "N") {
+            setSelectedIndex(loopIndex);
+            if (hasActiveLoop) {
+                onViewCurrentLoop?.();
+            }
+            else {
+                onStartNewLoop?.();
+            }
+            return;
+        }
         // Quick select game by number (1-9)
         const num = parseInt(input, 10);
         if (!isNaN(num) && num >= 1 && num <= games.length) {
-            setSelectedIndex(num - 1);
+            // Map number to game index (account for loop option at index 0)
+            const gameMenuIndex = num - 1 + firstGameIndex;
+            setSelectedIndex(gameMenuIndex);
             if (games[num - 1]) {
+                // Check if games are enabled before quick-selecting
+                if (!gamesEnabled) {
+                    setShowLockedMessage(true);
+                    return;
+                }
                 onSelectGame(games[num - 1].id);
             }
             return;
@@ -97,9 +187,16 @@ export function GameSelector({ games, hasFocus, dimensions, onSelectGame, onOpen
     if (selectedIndex >= totalItems && totalItems > 0) {
         setSelectedIndex(totalItems - 1);
     }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, height: "100%", children: [_jsx(SelectorHeader, { hasFocus: hasFocus }), games.length === 0 ? (_jsx(EmptyState, {})) : (_jsxs(Box, { flexDirection: "column", gap: 1, children: [games.map((game, index) => (_jsx(GameCard, { game: game, isSelected: index === selectedIndex, isHighlighted: hasFocus && index === selectedIndex, dimensions: dimensions }, game.id))), _jsx(StatsMenuCard, { isHighlighted: hasFocus && selectedIndex === statsIndex, dimensions: dimensions, achievementCount: achievementCount })] })), totalItems > 0 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: selectedIndex === statsIndex
-                        ? "Stats & Achievements"
-                        : `Game ${selectedIndex + 1} of ${games.length}` }) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, height: "100%", children: [_jsx(SelectorHeader, { hasFocus: hasFocus }), showLockedMessage && (_jsx(Box, { marginBottom: 1, paddingX: 1, children: _jsx(Text, { color: colors.warning, children: "\uD83D\uDD12 Start a loop to unlock games!" }) })), _jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(LoopMenuCard, { isHighlighted: hasFocus && selectedIndex === loopIndex, dimensions: dimensions, hasActiveLoop: hasActiveLoop }), games.length === 0 ? (_jsx(EmptyState, {})) : (_jsx(_Fragment, { children: games.map((game, index) => {
+                            const menuIndex = index + firstGameIndex;
+                            return (_jsx(GameCard, { game: game, isSelected: menuIndex === selectedIndex, isHighlighted: hasFocus && menuIndex === selectedIndex, dimensions: dimensions, isDisabled: !gamesEnabled }, game.id));
+                        }) })), _jsx(StatsMenuCard, { isHighlighted: hasFocus && selectedIndex === statsIndex, dimensions: dimensions, achievementCount: achievementCount })] }), totalItems > 0 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: selectedIndex === loopIndex
+                        ? hasActiveLoop
+                            ? "View Current Loop"
+                            : "Start New Loop"
+                        : selectedIndex === statsIndex
+                            ? "Stats & Achievements"
+                            : `Game ${selectedIndex - firstGameIndex + 1} of ${games.length}` }) }))] }));
 }
 export default GameSelector;
 //# sourceMappingURL=GameSelector.js.map