openbrawl 0.2.2

package/dist/ui/BuddyBattle.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/ui/BuddyBattle.tsx
+import { useState, useCallback } from "react";
+import { Box, Text, useInput, useStdout } from "ink";
+import { parseBuddyCard } from "../buddy/parse.js";
+import { buildBuddyBattlePrompt } from "../buddy/prompts.js";
+import { parseBattleRound } from "../buddy/battle.js";
+import { callClaudeAsync } from "../llm/claude.js";
+import { exec } from "child_process";
+function BuddyStatLine({ buddy, color }) {
+    return (_jsx(Text, { color: color, children: buddy.stats.map((s) => `${s.name.slice(0, 3).toUpperCase()}:${s.value}`).join(" ") }));
+}
+function BuddyCardDisplay({ buddy, color, compact }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: color, paddingX: 1, children: [buddy.rarity && _jsxs(Text, { color: color, dimColor: true, children: [buddy.rarity, buddy.species ? ` · ${buddy.species}` : ""] }), !compact && buddy.asciiArt && (_jsx(Text, { color: color === "cyan" ? "cyanBright" : "yellowBright", children: buddy.asciiArt })), _jsx(Text, { bold: true, color: color, children: buddy.name }), !compact && buddy.description && _jsxs(Text, { dimColor: true, italic: true, children: ["\"", buddy.description, "\""] }), _jsx(Box, { flexDirection: "column", children: buddy.stats.map((s, i) => (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: s.name.padEnd(12) }), _jsxs(Text, { color: color, children: ["█".repeat(Math.round(s.value / 10)), "░".repeat(10 - Math.round(s.value / 10))] }), _jsxs(Text, { children: [" ", s.value] })] }, i))) })] }));
+}
+export function BuddyBattle({ onQuit }) {
+    const { stdout } = useStdout();
+    const termHeight = stdout.rows ?? 40;
+    const [phase, setPhase] = useState("loading_player");
+    const [playerBuddy, setPlayerBuddy] = useState(null);
+    const [opponentBuddy, setOpponentBuddy] = useState(null);
+    const [rounds, setRounds] = useState([]);
+    const [currentRound, setCurrentRound] = useState(1);
+    const [currentBeat, setCurrentBeat] = useState(0);
+    const [currentBeats, setCurrentBeats] = useState([]);
+    const [playerScore, setPlayerScore] = useState(0);
+    const [opponentScore, setOpponentScore] = useState(0);
+    const [error, setError] = useState("");
+    const [loadingMsg, setLoadingMsg] = useState("");
+    const [victoryQuip, setVictoryQuip] = useState("");
+    const [matchWinner, setMatchWinner] = useState("");
+    const clearScreen = useCallback(() => {
+        stdout.write("\x1B[2J\x1B[H");
+    }, [stdout]);
+    function loadBuddyFromClipboard() {
+        setLoadingMsg("Reading clipboard...");
+        setError("");
+        exec(`pbpaste`, { encoding: "utf-8", timeout: 5000, maxBuffer: 1024 * 1024 }, (err, out) => {
+            if (err) {
+                setError("Could not read clipboard. Copy your buddy card and try again.");
+                return;
+            }
+            try {
+                const buddy = parseBuddyCard(out);
+                setError("");
+                if (phase === "loading_player") {
+                    setPlayerBuddy(buddy);
+                    clearScreen();
+                    setPhase("loading_opponent");
+                }
+                else if (phase === "loading_opponent") {
+                    setOpponentBuddy(buddy);
+                    clearScreen();
+                    setPhase("vs");
+                }
+            }
+            catch (parseErr) {
+                setError(`Parse error: ${parseErr instanceof Error ? parseErr.message : String(parseErr)}. Copy the full buddy card and try again.`);
+            }
+        });
+    }
+    async function startRound(roundNum, prevRounds, pScore, oScore) {
+        if (!playerBuddy || !opponentBuddy)
+            return;
+        setLoadingMsg(`Claude is narrating Round ${roundNum}...`);
+        clearScreen();
+        setPhase("waiting");
+        try {
+            const isMatchPoint = pScore === 1 || oScore === 1;
+            const prompt = buildBuddyBattlePrompt(playerBuddy, opponentBuddy, roundNum, prevRounds, isMatchPoint);
+            const raw = await callClaudeAsync(prompt.system, prompt.user);
+            const round = parseBattleRound(raw, roundNum, [playerBuddy.name, opponentBuddy.name]);
+            setCurrentBeats(round.beats);
+            setCurrentBeat(0);
+            const newRounds = [...prevRounds, round];
+            setRounds(newRounds);
+            const newPScore = round.winner === playerBuddy.name ? pScore + 1 : pScore;
+            const newOScore = round.winner === opponentBuddy.name ? oScore + 1 : oScore;
+            setPlayerScore(newPScore);
+            setOpponentScore(newOScore);
+            if (round.victoryQuip) {
+                setVictoryQuip(round.victoryQuip);
+            }
+            if (newPScore === 2 || newOScore === 2) {
+                setMatchWinner(round.winner);
+            }
+            clearScreen();
+            setPhase("battle");
+        }
+        catch (err) {
+            setError(`Battle error: ${err instanceof Error ? err.message : String(err)}`);
+            clearScreen();
+            setPhase("vs");
+        }
+    }
+    useInput((input, key) => {
+        if (input === "q" || input === "Q" || (key.escape && phase !== "loading_player" && phase !== "loading_opponent")) {
+            onQuit();
+            return;
+        }
+        if ((phase === "loading_player" || phase === "loading_opponent") && (input === "v" || input === "V")) {
+            loadBuddyFromClipboard();
+            return;
+        }
+        if (phase === "vs" && (input === " " || key.return)) {
+            startRound(1, [], 0, 0);
+            return;
+        }
+        if (phase === "battle" && (input === " " || key.return)) {
+            if (currentBeat < currentBeats.length - 1) {
+                setCurrentBeat((b) => b + 1);
+            }
+            else {
+                // All beats revealed
+                if (matchWinner) {
+                    clearScreen();
+                    setPhase("victory");
+                }
+                else {
+                    clearScreen();
+                    setPhase("between_rounds");
+                }
+            }
+            return;
+        }
+        if (phase === "between_rounds" && (input === " " || key.return)) {
+            const nextRound = currentRound + 1;
+            setCurrentRound(nextRound);
+            startRound(nextRound, rounds, playerScore, opponentScore);
+            return;
+        }
+        if (phase === "victory") {
+            if (input === "r" || input === "R") {
+                // Rematch — same buddies
+                setRounds([]);
+                setCurrentRound(1);
+                setCurrentBeat(0);
+                setCurrentBeats([]);
+                setPlayerScore(0);
+                setOpponentScore(0);
+                setMatchWinner("");
+                setVictoryQuip("");
+                clearScreen();
+                setPhase("vs");
+                return;
+            }
+            if (input === "n" || input === "N") {
+                // New buddies
+                setPlayerBuddy(null);
+                setOpponentBuddy(null);
+                setRounds([]);
+                setCurrentRound(1);
+                setCurrentBeat(0);
+                setCurrentBeats([]);
+                setPlayerScore(0);
+                setOpponentScore(0);
+                setMatchWinner("");
+                setVictoryQuip("");
+                setError("");
+                clearScreen();
+                setPhase("loading_player");
+                return;
+            }
+        }
+    });
+    // ─── LOADING PLAYER BUDDY ────────────────
+    if (phase === "loading_player") {
+        return (_jsx(Box, { flexDirection: "column", height: termHeight, children: _jsxs(Box, { flexDirection: "column", alignItems: "center", paddingY: 1, children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: "red", children: "Buddy" }), " ", _jsx(Text, { color: "cyan", children: "Battle" })] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Copy your buddy card to clipboard, then press ", _jsx(Text, { bold: true, color: "cyan", children: "V" }), " to load it."] }), _jsx(Text, { children: " " }), error && _jsx(Text, { color: "red", children: error }), _jsxs(Text, { dimColor: true, children: ["Press ", _jsx(Text, { bold: true, children: "Q" }), " to go back"] })] }) }));
+    }
+    // ─── LOADING OPPONENT BUDDY ──────────────
+    if (phase === "loading_opponent") {
+        return (_jsx(Box, { flexDirection: "column", height: termHeight, children: _jsxs(Box, { flexDirection: "column", alignItems: "center", paddingY: 1, children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: "red", children: "Buddy" }), " ", _jsx(Text, { color: "cyan", children: "Battle" })] }), _jsx(Text, { children: " " }), playerBuddy && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "cyan", children: ["Your buddy: ", _jsx(Text, { bold: true, children: playerBuddy.name }), " loaded!"] }) })), _jsxs(Text, { children: ["Copy your ", _jsx(Text, { bold: true, color: "red", children: "opponent's" }), " buddy card to clipboard, then press ", _jsx(Text, { bold: true, color: "cyan", children: "V" }), "."] }), _jsx(Text, { children: " " }), error && _jsx(Text, { color: "red", children: error }), _jsxs(Text, { dimColor: true, children: ["Press ", _jsx(Text, { bold: true, children: "Q" }), " to go back"] })] }) }));
+    }
+    // ─── WAITING FOR CLAUDE ──────────────────
+    if (phase === "waiting") {
+        return (_jsxs(Box, { flexDirection: "column", height: termHeight, alignItems: "center", justifyContent: "center", children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: "red", children: "Buddy" }), " ", _jsx(Text, { color: "cyan", children: "Battle" })] }), _jsx(Text, { children: " " }), _jsxs(Text, { color: "yellow", children: ["[...] ", loadingMsg] }), _jsx(Text, { dimColor: true, children: "(Calling Claude \u2014 this may take a few seconds)" })] }));
+    }
+    // ─── VS SCREEN ───────────────────────────
+    if (phase === "vs" && playerBuddy && opponentBuddy) {
+        return (_jsxs(Box, { flexDirection: "column", height: termHeight, children: [_jsxs(Box, { flexDirection: "column", alignItems: "center", paddingY: 1, children: [_jsx(Text, { bold: true, color: "red", children: "-- BUDDY BATTLE --" }), _jsx(Text, { children: " " })] }), _jsxs(Box, { justifyContent: "center", gap: 2, children: [_jsx(Box, { width: "40%", children: _jsx(BuddyCardDisplay, { buddy: playerBuddy, color: "cyan" }) }), _jsx(Box, { alignItems: "center", children: _jsx(Text, { bold: true, color: "red", children: "VS" }) }), _jsx(Box, { width: "40%", children: _jsx(BuddyCardDisplay, { buddy: opponentBuddy, color: "red" }) })] }), _jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press ", _jsx(Text, { bold: true, color: "white", children: "SPACE" }), " to begin battle"] }) })] }));
+    }
+    // ─── BATTLE (beat-by-beat) ───────────────
+    if (phase === "battle" && playerBuddy && opponentBuddy) {
+        return (_jsxs(Box, { flexDirection: "column", height: termHeight, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", alignItems: "center", children: [playerBuddy.asciiArt && _jsx(Text, { color: "cyanBright", children: playerBuddy.asciiArt }), _jsx(Text, { bold: true, color: "cyan", children: playerBuddy.name }), _jsx(BuddyStatLine, { buddy: playerBuddy, color: "cyan" })] }), _jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", children: [_jsxs(Text, { bold: true, color: "red", children: ["ROUND ", currentRound, " of 3"] }), _jsxs(Text, { dimColor: true, children: [playerScore, " \u2014 ", opponentScore] })] }), _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [opponentBuddy.asciiArt && _jsx(Text, { color: "yellowBright", children: opponentBuddy.asciiArt }), _jsx(Text, { bold: true, color: "red", children: opponentBuddy.name }), _jsx(BuddyStatLine, { buddy: opponentBuddy, color: "red" })] })] }), _jsx(Text, { dimColor: true, children: "─".repeat(Math.min(stdout.columns ?? 80, 80)) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingY: 1, children: currentBeats.slice(0, currentBeat + 1).map((beat, i) => (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: beat }) }, i))) }), _jsx(Box, { children: currentBeat < currentBeats.length - 1 ? (_jsx(Text, { dimColor: true, italic: true, children: "  Press SPACE for next beat..." })) : matchWinner ? (_jsx(Text, { dimColor: true, italic: true, children: "  Press SPACE for victory screen..." })) : (_jsxs(Text, { dimColor: true, italic: true, children: ["  Press SPACE for Round ", currentRound + 1, "..."] })) })] }));
+    }
+    // ─── BETWEEN ROUNDS ─────────────────────
+    if (phase === "between_rounds" && playerBuddy && opponentBuddy) {
+        const lastRound = rounds[rounds.length - 1];
+        return (_jsxs(Box, { flexDirection: "column", height: termHeight, alignItems: "center", justifyContent: "center", children: [_jsxs(Text, { bold: true, children: [_jsx(Text, { color: "red", children: "Buddy" }), " ", _jsx(Text, { color: "cyan", children: "Battle" })] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Round ", currentRound, " goes to ", _jsx(Text, { bold: true, color: lastRound?.winner === playerBuddy.name ? "cyan" : "red", children: lastRound?.winner }), "!"] }), _jsx(Text, { children: " " }), _jsxs(Text, { bold: true, children: [playerBuddy.name, " ", _jsx(Text, { color: "cyan", children: playerScore }), " \u2014 ", _jsx(Text, { color: "red", children: opponentScore }), " ", opponentBuddy.name] }), _jsx(Text, { children: " " }), _jsxs(Text, { dimColor: true, children: ["Press ", _jsx(Text, { bold: true, color: "white", children: "SPACE" }), " for Round ", currentRound + 1] })] }));
+    }
+    // ─── VICTORY ─────────────────────────────
+    if (phase === "victory" && playerBuddy && opponentBuddy) {
+        const winner = matchWinner === playerBuddy.name ? playerBuddy : opponentBuddy;
+        const winnerColor = matchWinner === playerBuddy.name ? "cyan" : "red";
+        return (_jsxs(Box, { flexDirection: "column", height: termHeight, alignItems: "center", paddingY: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "-- VICTORY --" }), _jsx(Text, { children: " " }), winner.asciiArt && _jsx(Text, { color: winnerColor, children: winner.asciiArt }), _jsx(Text, { children: " " }), _jsxs(Text, { bold: true, color: winnerColor, children: [winner.name, " wins ", playerScore, "-", opponentScore, "!"] }), victoryQuip && (_jsxs(Text, { dimColor: true, italic: true, children: ["\"", victoryQuip, "\""] })), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: "white", children: "R" }), _jsx(Text, { dimColor: true, children: " Rematch  " }), _jsx(Text, { bold: true, color: "white", children: "N" }), _jsx(Text, { dimColor: true, children: " New Buddies  " }), _jsx(Text, { bold: true, color: "white", children: "Q" }), _jsx(Text, { dimColor: true, children: " Quit" })] })] }));
+    }
+    // Fallback
+    return _jsx(Text, { children: "Loading..." });
+}

package/dist/ui/CombatLog.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text } from "ink";
+function HPBar({ hp }) {
+    const pct = hp.maxHP > 0 ? hp.currentHP / hp.maxHP : 0;
+    const barWidth = 20;
+    const filled = Math.round(pct * barWidth);
+    const color = hp.currentHP <= 0 ? "red" : pct > 0.5 ? "green" : pct > 0.25 ? "yellow" : "red";
+    const bar = "#".repeat(filled) + ".".repeat(barWidth - filled);
+    return (_jsxs(Text, { children: [_jsx(Text, { color: hp.team === "player" ? "cyan" : "red", children: hp.name.padEnd(14) }), _jsx(Text, { color: color, children: bar }), _jsxs(Text, { dimColor: true, children: [" ", hp.currentHP <= 0 ? " DEAD" : `${String(hp.currentHP).padStart(3)}/${hp.maxHP}`] })] }));
+}
+function EventLine({ event }) {
+    const isAbility = !!event.abilityTriggered;
+    const isBlocked = event.damageFormula?.includes("chip");
+    if (event.attacker === "Arena") {
+        return (_jsxs(Text, { children: [_jsx(Text, { color: "red", bold: true, children: "  ARENA" }), _jsx(Text, { dimColor: true, children: " deals " }), _jsx(Text, { color: "red", children: event.damage }), _jsx(Text, { dimColor: true, children: " to " }), _jsx(Text, { children: event.defender }), event.knockedOut && _jsx(Text, { color: "red", bold: true, children: " KO!" })] }));
+    }
+    if (isAbility && event.damage <= 0) {
+        return (_jsxs(Text, { children: [_jsxs(Text, { color: "yellow", children: ["  * ", event.attacker] }), _jsx(Text, { dimColor: true, children: " triggers " }), _jsx(Text, { color: "yellow", bold: true, children: event.abilityTriggered }), event.defender !== event.attacker && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: " on " }), _jsx(Text, { children: event.defender })] })), event.abilityEffect && _jsxs(Text, { dimColor: true, children: [" -- ", event.abilityEffect] })] }));
+    }
+    if (isAbility && event.damage > 0) {
+        return (_jsxs(Text, { children: [_jsxs(Text, { color: "yellow", children: ["  * ", event.attacker] }), _jsx(Text, { dimColor: true, children: " triggers " }), _jsx(Text, { color: "yellow", bold: true, children: event.abilityTriggered }), _jsx(Text, { dimColor: true, children: " on " }), _jsx(Text, { children: event.defender }), _jsxs(Text, { color: "red", bold: true, children: [" -", event.damage] }), event.knockedOut && _jsx(Text, { color: "red", bold: true, children: " KO!" })] }));
+    }
+    return (_jsxs(Text, { children: [_jsxs(Text, { color: "cyan", children: ["  x ", event.attacker] }), _jsx(Text, { dimColor: true, children: " attacks " }), _jsx(Text, { children: event.defender }), isBlocked ? (_jsx(Text, { color: "blue", children: " BLOCKED (1 chip)" })) : (_jsxs(Text, { color: "red", bold: true, children: [" -", event.damage] })), event.knockedOut && _jsx(Text, { color: "red", bold: true, children: " KO!" })] }));
+}
+function groupByTurn(events) {
+    const groups = [];
+    for (const e of events) {
+        const existing = groups.find((g) => g.turn === e.turn);
+        if (existing) {
+            existing.events.push(e);
+        }
+        else {
+            groups.push({ turn: e.turn, events: [e] });
+        }
+    }
+    return groups;
+}
+// Count how many terminal lines a turn group takes (1 for header + 1 per event)
+function turnLineCount(group) {
+    return 1 + group.events.length;
+}
+// Get the tail of turns that fit within maxLines
+function tailTurns(turns, maxLines) {
+    let lines = 0;
+    const result = [];
+    for (let i = turns.length - 1; i >= 0; i--) {
+        const count = turnLineCount(turns[i]);
+        if (lines + count > maxLines)
+            break;
+        lines += count;
+        result.unshift(turns[i]);
+    }
+    return result;
+}
+// Animated version — reveals one turn at a time, scrolling window
+export function AnimatedCombatLog({ result, onComplete, maxLogLines, }) {
+    const turnGroups = groupByTurn(result.events);
+    const [visibleTurns, setVisibleTurns] = useState(0);
+    const [done, setDone] = useState(false);
+    useEffect(() => {
+        if (visibleTurns >= turnGroups.length) {
+            const t = setTimeout(() => setDone(true), 400);
+            return () => clearTimeout(t);
+        }
+        const delay = turnGroups.length > 15 ? 100 : turnGroups.length > 8 ? 200 : 350;
+        const t = setTimeout(() => setVisibleTurns((v) => v + 1), delay);
+        return () => clearTimeout(t);
+    }, [visibleTurns, turnGroups.length]);
+    useEffect(() => {
+        if (done)
+            onComplete();
+    }, [done, onComplete]);
+    const allShown = turnGroups.slice(0, visibleTurns);
+    // Only display the tail that fits
+    const displayTurns = tailTurns(allShown, maxLogLines - 3); // -3 for header + footer + spacer
+    const lastEvent = allShown.length > 0
+        ? allShown[allShown.length - 1].events[allShown[allShown.length - 1].events.length - 1]
+        : null;
+    const skippedTurns = allShown.length - displayTurns.length;
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "COMBATANTS" }), lastEvent?.hpAfter ? (lastEvent.hpAfter.filter((hp) => hp.maxHP > 0).map((hp) => (_jsx(HPBar, { hp: hp }, hp.name)))) : (_jsx(Text, { dimColor: true, children: "Preparing..." }))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, dimColor: true, children: ["COMBAT LOG -- turn ", Math.min(visibleTurns, turnGroups.length), "/", turnGroups.length, !done && _jsx(Text, { color: "yellow", children: " ..." })] }), skippedTurns > 0 && (_jsxs(Text, { dimColor: true, children: ["  (", skippedTurns, " earlier turns)"] })), displayTurns.map((group) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, bold: true, children: ["  TURN ", group.turn] }), group.events.map((e, i) => (_jsx(EventLine, { event: e }, i)))] }, group.turn))), done && (_jsx(_Fragment, { children: result.draw ? (_jsx(Text, { color: "yellow", bold: true, children: "=== DRAW ===" })) : result.playerWon ? (_jsxs(Text, { color: "cyan", bold: true, children: ["=== VICTORY === Survivors: ", result.playerTeamSurvivors.join(", ")] })) : (_jsxs(Text, { color: "red", bold: true, children: ["=== DEFEAT === Rival survivors: ", result.rivalTeamSurvivors.join(", ")] })) }))] })] }));
+}
+// Static version — for reviewing after battle, also windowed
+export function CombatLog({ result, maxLogLines }) {
+    const turnGroups = groupByTurn(result.events);
+    const lastEvent = result.events[result.events.length - 1];
+    const displayTurns = tailTurns(turnGroups, maxLogLines - 3);
+    const skippedTurns = turnGroups.length - displayTurns.length;
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", children: [_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { bold: true, dimColor: true, children: "FINAL STATE" }), lastEvent?.hpAfter?.filter((hp) => hp.maxHP > 0).map((hp) => (_jsx(HPBar, { hp: hp }, hp.name)))] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, dimColor: true, children: ["COMBAT LOG -- ", turnGroups.length, " turns, ", result.events.length, " actions"] }), skippedTurns > 0 && (_jsxs(Text, { dimColor: true, children: ["  (", skippedTurns, " earlier turns)"] })), displayTurns.map((group) => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: true, bold: true, children: ["  TURN ", group.turn] }), group.events.map((e, i) => (_jsx(EventLine, { event: e }, i)))] }, group.turn))), result.draw ? (_jsx(Text, { color: "yellow", bold: true, children: "=== DRAW ===" })) : result.playerWon ? (_jsxs(Text, { color: "cyan", bold: true, children: ["=== VICTORY === Survivors: ", result.playerTeamSurvivors.join(", ")] })) : (_jsxs(Text, { color: "red", bold: true, children: ["=== DEFEAT === Rival survivors: ", result.rivalTeamSurvivors.join(", ")] }))] })] }));
+}

package/dist/ui/DetailOverlay.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+export function DetailOverlay({ overlay, playerTeam, rivalTeam, }) {
+    const allCreatures = [
+        ...playerTeam.map((c) => ({ ...c, side: "player" })),
+        ...rivalTeam.map((c) => ({ ...c, side: "rival" })),
+    ];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", paddingX: 1, width: "100%", children: [_jsxs(Text, { bold: true, color: "yellow", children: [overlay === "stats" && "-- DETAILED STATS --", overlay === "abilities" && "-- ABILITIES --", overlay === "mutations" && "-- MUTATIONS --"] }), _jsx(Text, { dimColor: true, children: "ESC to close" }), _jsx(Text, { children: " " }), overlay === "stats" && allCreatures.map((c, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: c.side === "player" ? "cyan" : "red", children: [c.name, " ", c.side === "rival" ? "(rival)" : "(you)"] }), _jsxs(Text, { children: [_jsxs(Text, { color: "red", bold: true, children: ["ATK ", String(c.stats.ATK).padStart(3)] }), " ", _jsxs(Text, { dimColor: true, children: ["#".repeat(Math.min(c.stats.ATK, 30)), ".".repeat(Math.max(0, 30 - c.stats.ATK))] })] }), _jsxs(Text, { children: [_jsxs(Text, { color: "blue", bold: true, children: ["DEF ", String(c.stats.DEF).padStart(3)] }), " ", _jsxs(Text, { dimColor: true, children: ["#".repeat(Math.min(c.stats.DEF, 30)), ".".repeat(Math.max(0, 30 - c.stats.DEF))] })] }), _jsxs(Text, { children: [_jsxs(Text, { color: "green", bold: true, children: ["SPD ", String(c.stats.SPD).padStart(3)] }), " ", _jsxs(Text, { dimColor: true, children: ["#".repeat(Math.min(c.stats.SPD, 30)), ".".repeat(Math.max(0, 30 - c.stats.SPD))] })] }), _jsxs(Text, { children: [_jsxs(Text, { color: "yellow", bold: true, children: ["HP  ", String(c.stats.HP).padStart(3)] }), " ", _jsxs(Text, { dimColor: true, children: ["#".repeat(Math.min(c.stats.HP, 30)), ".".repeat(Math.max(0, 30 - c.stats.HP))] })] })] }, i))), overlay === "abilities" && allCreatures.map((c, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: c.side === "player" ? "cyan" : "red", children: [c.name, " ", c.side === "rival" ? "(rival)" : "(you)"] }), c.abilities.length === 0 ? (_jsx(Text, { dimColor: true, children: "  No abilities yet" })) : (c.abilities.map((a, j) => (_jsxs(React.Fragment, { children: [_jsxs(Text, { children: ["  ", _jsx(Text, { color: "yellow", bold: true, children: a.name }), _jsxs(Text, { dimColor: true, children: [" - ", a.description] })] }), _jsxs(Text, { dimColor: true, children: ["    ", a.trigger.replace(/_/g, " "), " | ", a.effect, " | ", a.value, "% | ", a.target] })] }, j))))] }, i))), overlay === "mutations" && allCreatures.map((c, i) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: c.side === "player" ? "cyan" : "red", children: [c.name, " ", c.side === "rival" ? "(rival)" : "(you)"] }), c.mutations.length === 0 ? (_jsx(Text, { dimColor: true, children: "  No mutations yet" })) : (c.mutations.map((m, j) => (_jsxs(Text, { color: "magenta", children: ["  + ", m] }, j))))] }, i)))] }));
+}

package/dist/ui/StatCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function StatCard({ creature, isRival }) {
+    const color = isRival ? "red" : "cyan";
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: color, paddingX: 1, children: [_jsx(Text, { bold: true, color: color, children: creature.name }), _jsx(Text, { dimColor: true, italic: true, children: creature.flavorText }), _jsx(Text, { children: " " }), _jsxs(Box, { gap: 3, children: [_jsxs(Text, { children: [_jsx(Text, { color: "red", bold: true, children: "ATK" }), " ", creature.stats.ATK] }), _jsxs(Text, { children: [_jsx(Text, { color: "blue", bold: true, children: "DEF" }), " ", creature.stats.DEF] }), _jsxs(Text, { children: [_jsx(Text, { color: "green", bold: true, children: "SPD" }), " ", creature.stats.SPD] }), _jsxs(Text, { children: [_jsx(Text, { color: "yellow", bold: true, children: "HP" }), " ", creature.stats.HP] })] }), creature.abilities.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: "ABILITIES" }), creature.abilities.map((a, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "yellow", children: a.name }), _jsxs(Text, { dimColor: true, children: [" \u2014 ", a.description] })] }, i)))] })), creature.mutations.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, bold: true, children: "MUTATIONS" }), creature.mutations.slice(0, 3).map((m, i) => (_jsxs(Text, { color: "magenta", children: ["+ ", m] }, i))), creature.mutations.length > 3 && (_jsxs(Text, { dimColor: true, children: ["  ...and ", creature.mutations.length - 3, " more"] }))] }))] }));
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "openbrawl",
+  "version": "0.2.2",
+  "description": "AI-powered auto-battler in your terminal. Type a prompt. Forge a creature. Watch it fight.",
+  "license": "SEE LICENSE IN LICENSE",
+  "keywords": ["game", "auto-battler", "ai", "cli", "terminal", "tui", "claude", "ink"],
+  "homepage": "https://openbrawl.fun",
+  "type": "module",
+  "bin": {
+    "openbrawl": "./dist/cli.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "start": "node dist/cli.js",
+    "dev": "tsx src/cli.tsx"
+  },
+  "dependencies": {
+    "ink": "^5.2.0",
+    "ink-text-input": "^6.0.0",
+    "ink-select-input": "^6.0.0",
+    "ink-spinner": "^5.0.0",
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.0"
+  }
+}