@pretty-chitty/core 1.1.1

package/LICENSE.md

@@ -0,0 +1,51 @@
+Pretty Chitty Source-Available License v1.0
+
+Copyright (c) 2025 Pretty Chitty, LLC
+
+Permission is granted to use, copy, and modify this software
+for non-commercial purposes only, subject to the restrictions below.
+
+---
+
+## ALLOWED
+
+You may:
+
+• Use the software for personal, educational, or hobby projects
+• Use the software to build free digital games
+• Use the software to support or promote the sale of a physical board game
+• Run the software in any environment (client or server)
+• Modify the software for private use
+• Maintain private forks that are not redistributed
+
+---
+
+## NOT ALLOWED WITHOUT EXPLICIT PERMISSION
+
+You may NOT:
+
+• Sell, license, or monetize the software itself
+• Redistribute the software or modified versions publicly
+• Publish forks, derivatives, or modified builds
+• Rebrand or relaunch the software as a separate engine or framework
+• Include the software in any commercial SaaS, hosted platform, or paid product
+
+---
+
+## DERIVATIVE WORKS
+
+Derivative works may be created for private use only.
+Public distribution of derivative works is prohibited.
+
+---
+
+## NO WARRANTY
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
+
+---
+
+## CONTACT
+
+Commercial licensing or redistribution permission:
+legal@prettychitty.com

package/README.md

@@ -0,0 +1,152 @@
+# Pretty Chitty
+
+Pretty Chitty is a pretty & chitty board game platform. It's a typescript framework that makes it quick and easy to build high quality async or realtime 3d strategy games.
+
+## Overview
+
+Pretty Chitty provides a comprehensive game engine that combines:
+
+- **3D Rendering**: ThreeJS-based 3D visualization of game pieces (chits) with customizable lighting, cameras, and animations
+- **2D Canvas System**: React-based canvas rendering for textures
+- **Game State Management**: Turn-based game logic with player interaction and state management
+- **UI Components**: UI Playground with hot reloading makes UI changes a breeze
+- **Real-time Multiplayer**: Client-server architecture with connection management and state synchronization
+
+## Live Demos
+
+Check out these example games built with Pretty Chitty:
+
+- **[Demo Game 1](https://link-to-demo-1)** - Description
+- **[Demo Game 2](https://link-to-demo-2)** - Description
+
+Source code for demos:
+
+- [Demo 1 Repository](https://github.com/...)
+- [Demo 2 Repository](https://github.com/...)
+
+## Documentation
+
+Full API documentation is available at: **[https://pretty-chitty.github.io/pretty-chitty/](https://pretty-chitty.github.io/pretty-chitty/)**
+
+Or view locally after building:
+
+```bash
+yarn docs
+open docs/index.html
+```
+
+## Core Concepts
+
+### Chits
+
+Chits are the fundamental game pieces in Pretty Chitty. Everything is a chit - cards, dice, tokens, players, even the game board itself. A `Chit` is a normal typescript class and can have any basic serializable properties on it (including references to other chits). The game state is effectively a tree, where every `Chit` (except the "root" chit) has a `parent`, a `parentOutlet` (i.e. how is this chit related to its parent), and possibly a `parentOutletIndex` (i.e. this is the third token in a stack on a card).
+
+Key chit types:
+
+- **`Chit`**: Base class for all game pieces
+- **`RootChit`**: The game board/table that contains all other chits
+- **`PlayerChit`**: Represents individual players with their own state
+- **`GameDeckChit`**: Deck of cards with shuffle, draw, and staging
+- **`GameBagChit`**: Bag of pieces for random drawing
+- **`DiceChit`**: Animated dice with customizable faces
+- **`SparkChit`**: Interactive UI elements in panels
+
+### Outlets
+
+Chits can have named outlets (using the `@ChildOutlet` decorator) where other chits can be placed. The `OrderedOutlet` class manages ordered collections of chits with support for splaying, stacking, and positioning.
+
+### Turn System
+
+Games are structured around the `Turn` class, which provides:
+
+- Asynchronous game flow control
+- Player picking (choosing chits or buttons)
+- State management and history
+- Undo/redo support
+
+### Rendering
+
+**3D Rendering** via `ChitRenderSpec`:
+
+- Custom geometries and materials
+- Camera positioning with `CameraSpec`
+- Lighting with `LightSpec`
+- Highlights and outlines
+- Splay configurations for card fans
+
+**2D Rendering** via `ReactCanvas`:
+
+- Declarative JSX-like syntax for canvas layouts
+- Text, images, colors, and shapes
+- Responsive layout system
+- Icon support with customizable icon maps
+
+## Installation
+
+While this is an npm package, it is _highly_ recommended that you use the `@pretty-chitty/cli` package to install and run Pretty Chitty games. This cli utility will:
+
+- Initialize new games from a boilerplate
+- Run a hot-reloading playground for local development
+- Create and optimize spritemaps for fast loads
+- Build and upload to CDNs
+
+## Development
+
+### Build
+
+```bash
+yarn build
+```
+
+### Run Development Server
+
+```bash
+yarn dev
+```
+
+### Run Tests
+
+```bash
+yarn test
+```
+
+### Type Checking
+
+```bash
+yarn compile:check
+```
+
+## Key Features
+
+- **Decorator-based annotations** for defining chit outlets and properties
+- **Automatic state serialization** with support for hidden properties per player
+- **Hot reload support** in development mode
+- **Game designer UI** for testing and debugging
+- **Customizable themes** with player colors and avatars
+- **Panel system** for showing detailed chit information
+- **Gallery view** for browsing game pieces
+- **Time travel debugging** with match replay
+
+## License
+
+This project is licensed under the Pretty Chitty Source-Available License v1.0.
+
+**Allowed Uses:**
+
+- Personal, educational, or hobby projects
+- Free digital games
+- Supporting physical board game sales
+
+**Not Allowed Without Permission:**
+
+- Commercial redistribution
+- Selling or monetizing the software
+- Publishing modified versions publicly
+
+For commercial licensing: legal@prettychitty.com
+
+See [LICENSE.md](./LICENSE.md) for full details.
+
+## Contributing
+
+This is a source-available project. Public redistribution and derivative works are not permitted under the license. For contribution opportunities or commercial partnerships, please contact legal@prettychitty.com.

package/dist/components/ActionLogDisplay.d.ts

@@ -0,0 +1,4 @@
+export declare function ActionLogDisplay({ toggleSidebarLog }: {
+    toggleSidebarLog: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionLogDisplay.d.ts.map

package/dist/components/ActionLogDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogDisplay.d.ts","sourceRoot":"","sources":["../../src/library/components/ActionLogDisplay.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,EAAE;IAAE,gBAAgB,EAAE,OAAO,CAAA;CAAE,2CAwInF"}

package/dist/components/ActionLogDisplay.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Box, Stack } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+import useSize from "@react-hook/size";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import { useAnimationSpeedMultiplier, useClientPrompts, useTimeController, useTimeState, } from "../hooks/useTimeController";
+import { TokenizedMessage } from "./TokenizedMessage";
+import { useChit, useChits } from "../hooks/useChits";
+import { usePlayerId } from "../hooks/usePlayer";
+import { NoValidMovesPrompt } from "../game/Prompt";
+import { useTokenMap } from "../hooks/useTokenMap";
+import { useModalState } from "../hooks/useModalState";
+import { KeyboardDoubleArrowUp } from "@mui/icons-material";
+import { useSmartDebouncedState } from "../hooks/useSmartDebouncedState";
+function Arrow({ flipped, sideways }) {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: {
+            color: theme.actionLogTextColor,
+            opacity: 0.25,
+            alignItems: "center",
+            display: "flex",
+            transform: !sideways
+                ? flipped
+                    ? "rotate(180deg)"
+                    : "rotate(0deg)"
+                : flipped
+                    ? "rotate(90deg)"
+                    : "rotate(270deg)",
+            transition: "transform 0.1s ease-in-out",
+        }, children: _jsx(KeyboardDoubleArrowUp, {}) }));
+}
+export function ActionLogDisplay({ toggleSidebarLog }) {
+    const modalState = useModalState();
+    const animationSpeedMultiplier = useAnimationSpeedMultiplier();
+    const [visible, setVisible] = useEventChannelState(modalState.actionLogVisible);
+    const timeController = useTimeController();
+    const timeState = useTimeState();
+    const [currentClock] = useEventChannelState(timeController.currentClock);
+    const [targetClock] = useEventChannelState(timeState.targetClock);
+    const [live] = useEventChannelState(timeState.live);
+    const [maxClock] = useEventChannelState(timeController.maxClock);
+    const [showLog, setShowLog] = useEventChannelState(timeController.clientTimeState.showLog);
+    const theme = useGameTheme();
+    const containerRef = useRef(null);
+    const [width] = useSize(containerRef);
+    const layoutSize = theme.layoutSize(width);
+    const clientPrompt = useClientPrompts();
+    const [prompt] = useEventChannelState(clientPrompt.currentPrompt);
+    const [promptMode, setPromptMode] = useState(false);
+    const playerId = usePlayerId();
+    const [promptSpec] = useEventChannelState(clientPrompt.getPromptEventChannelForPlayer(playerId));
+    const tokenMap = useTokenMap();
+    const [message, setMessage] = useSmartDebouncedState(undefined, {
+        interval: 1000 * animationSpeedMultiplier,
+        // immediate: 50,
+    });
+    const [isSteppingBack, setIsSteppingBack] = useState(false);
+    const [messageHasntChanged, setMessageHasntChanged] = useState(false);
+    const [logMessage] = useEventChannelState(timeController.activeLog);
+    const PADDING_SIZE = 8; // bs i know
+    const root = useChit("root");
+    const playerChits = useChits(root?.players.map((p) => p.id ?? "") ?? []);
+    playerChits.map((p) => p.promptStatus.latestPromptMessage).fill;
+    // calc if a prompt message.  this has highest priority
+    let promptMessage;
+    if (prompt) {
+        if (prompt instanceof NoValidMovesPrompt) {
+            promptMessage = `:warning: ${prompt?.message ?? ""}`;
+        }
+        else {
+            promptMessage = `:${playerId}: to ${prompt?.message ?? ""}`;
+        }
+    }
+    useEffect(() => {
+        if (!live) {
+            setPromptMode(false);
+        }
+        else if (!prompt) {
+            // duplicated from promptcontrols... not ideal, but can fix later if this works
+            const to = setTimeout(() => setPromptMode(false), promptSpec ? 4000 : 400);
+            return () => clearTimeout(to);
+        }
+        else {
+            setPromptMode(true);
+        }
+    }, [live, prompt, promptSpec]);
+    // debounce messages and lock up animation loop
+    useEffect(() => {
+        setMessage(logMessage);
+        setMessageHasntChanged(false);
+        const key = `ActionLogDisplay${Date.now()}`;
+        setTimeout(() => timeState.setAnimationState(key, false), 1000 * animationSpeedMultiplier);
+        const to2 = setTimeout(() => {
+            setMessageHasntChanged(true);
+        }, 5000 * animationSpeedMultiplier);
+        return () => {
+            clearTimeout(to2);
+        };
+    }, [logMessage, animationSpeedMultiplier, timeState, setMessage]);
+    // mark if we are stepping back
+    useEffect(() => {
+        if (live && targetClock < currentClock.clock) {
+            setIsSteppingBack(true);
+            setTimeout(() => setIsSteppingBack(false), 1000 * animationSpeedMultiplier);
+        }
+    }, [live, currentClock.clock, currentClock.pass, targetClock, maxClock.pass, animationSpeedMultiplier]);
+    let messageToShow = message;
+    if (promptMode) {
+        messageToShow = promptMessage;
+    }
+    else if (isSteppingBack) {
+        messageToShow = "↩ Stepping back...";
+    }
+    else if (messageHasntChanged && live) {
+        const waitingPlayers = playerChits.filter((p) => p.promptStatus?.latestPromptMessage);
+        if (waitingPlayers.length > 0 && !waitingPlayers.find((p) => p.playerId === playerId)) {
+            messageToShow = `Waiting for ${waitingPlayers.map((p) => `:${p.playerId}:`).join(" and ")}`;
+        }
+    }
+    const toggle = () => {
+        if (toggleSidebarLog) {
+            setShowLog(!showLog);
+        }
+        else {
+            setVisible(!visible);
+        }
+    };
+    return (_jsxs(Stack, { direction: "row", ref: containerRef, sx: {
+            background: theme.actionLogBackgroundColor,
+            cursor: "pointer",
+        }, onClick: toggle, children: [_jsx(Box, { flex: 1 }), !toggleSidebarLog && _jsx(Arrow, { flipped: visible }), _jsx(Box, { flex: 1000, sx: {
+                    p: 1,
+                    lineHeight: 1,
+                    textAlign: "center",
+                    minHeight: 14 * theme.actionBarLinesToShow * 1.1 + PADDING_SIZE * 2, // 8px for padding?
+                    color: theme.actionLogTextColor,
+                    maxWidth: layoutSize !== "mobile" ? `${theme.actionBarWidth - 40}px` : undefined,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                }, children: _jsx(TokenizedMessage, { message: messageToShow ?? "", fontSize: 14, tokenMap: tokenMap }) }), !toggleSidebarLog && _jsx(Arrow, { flipped: visible }), _jsx(Box, { flex: 1 }), toggleSidebarLog && _jsx(Arrow, { sideways: true, flipped: showLog })] }));
+}
+//# sourceMappingURL=ActionLogDisplay.js.map

package/dist/components/ActionLogDisplay.js.map

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

package/dist/components/ActionLogHistory.d.ts

@@ -0,0 +1,6 @@
+interface ActionLogHistoryProps {
+    visible: boolean;
+}
+export declare function ActionLogHistory({ visible }: ActionLogHistoryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionLogHistory.d.ts.map

package/dist/components/ActionLogHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogHistory.d.ts","sourceRoot":"","sources":["../../src/library/components/ActionLogHistory.tsx"],"names":[],"mappings":"AAoEA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAsDlE"}

package/dist/components/ActionLogHistory.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Box, Stack } from "@mui/material";
+import { useListRef } from "react-window";
+import { List, useDynamicRowHeight } from "react-window";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { TokenizedMessage } from "./TokenizedMessage";
+import { useTokenMap } from "../hooks/useTokenMap";
+import { useModalState } from "../hooks/useModalState";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import { useClientPrompts, useTimeController, useTimeState } from "../hooks/useTimeController";
+function RowComponent({ index, messages, style, tokenMap, theme }) {
+    const clientPrompt = useClientPrompts();
+    const [prompt] = useEventChannelState(clientPrompt.currentPrompt);
+    const modalState = useModalState();
+    const clientTime = useTimeController();
+    const clientTimeState = useTimeState();
+    const [currentClock] = useEventChannelState(clientTime.currentClock);
+    const [, setTargetClock] = useEventChannelState(clientTimeState.targetClock);
+    const [, setLive] = useEventChannelState(clientTimeState.live);
+    const isCurrent = !prompt && currentClock.clock > messages[index].clock && currentClock.clock <= messages[index].endClock;
+    return (_jsxs(Stack, { onClick: () => {
+            setTargetClock(messages[index].clock + 1);
+            setLive(false);
+            modalState.actionLogVisible.value = false;
+        }, direction: "row", style: style, sx: {
+            display: "flex",
+            alignItems: "center",
+            p: 1,
+            pl: 2,
+            pr: 2,
+            cursor: "pointer",
+            color: theme.actionLogTextColor,
+            background: isCurrent
+                ? theme.actionLogDialogHighlightBackgroundColor
+                : index % 2 === 0
+                    ? "rgba(128,128,128,0.1)"
+                    : "transparent",
+        }, children: [_jsx(Box, { sx: { width: 25, fontSize: 11, textAlign: "right" }, children: messages[index].clock + 1 }), _jsx(Box, { flex: 1, sx: { pl: 2 }, children: _jsx(TokenizedMessage, { message: messages[index].message, fontSize: 14, tokenMap: tokenMap }) })] }));
+}
+export function ActionLogHistory({ visible }) {
+    const theme = useGameTheme();
+    const tokenMap = useTokenMap();
+    const [messages, setMessages] = useState([]);
+    const listRef = useListRef(null);
+    const clientTime = useTimeController();
+    const [maxClock] = useEventChannelState(clientTime.maxClock);
+    const [currentClock] = useEventChannelState(clientTime.currentClock);
+    const dynamicRowHeight = useDynamicRowHeight({ defaultRowHeight: 40 });
+    useEffect(() => {
+        if (!visible) {
+            return;
+        }
+        let ignoreResponse = false;
+        clientTime.gameLogs().then((logs) => {
+            if (!ignoreResponse) {
+                setMessages(logs
+                    ?.map((l, i) => ({
+                    message: l.message,
+                    clock: l.clock,
+                    endClock: logs[i + 1]?.clock ?? Number.MAX_SAFE_INTEGER,
+                }))
+                    .reverse() ?? []);
+            }
+        });
+        return () => {
+            ignoreResponse = true;
+        };
+    }, [maxClock, clientTime, visible]);
+    // Scroll to top when visible changes from false to true
+    useEffect(() => {
+        if (visible && listRef.current) {
+            const index = messages.findIndex((m) => m.clock <= currentClock.clock && m.endClock > currentClock.clock);
+            if (index >= 0) {
+                listRef.current.scrollToRow({ index });
+            }
+        }
+    }, [visible, listRef, messages, currentClock]);
+    return (_jsx(List, { listRef: listRef, rowComponent: RowComponent, rowCount: messages.length, rowHeight: dynamicRowHeight, rowProps: { messages, tokenMap, theme } }));
+}
+//# sourceMappingURL=ActionLogHistory.js.map

package/dist/components/ActionLogHistory.js.map

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

package/dist/components/ActionLogHistoryDisplay.d.ts

@@ -0,0 +1,2 @@
+export declare function ActionLogHistoryDisplay(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionLogHistoryDisplay.d.ts.map

package/dist/components/ActionLogHistoryDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogHistoryDisplay.d.ts","sourceRoot":"","sources":["../../src/library/components/ActionLogHistoryDisplay.tsx"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,4CAatC"}

package/dist/components/ActionLogHistoryDisplay.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { GameModalDialog } from "./GameModalDialog";
+import { ActionLogHistory } from "./ActionLogHistory";
+import { useModalState } from "../hooks/useModalState";
+import { useEventChannelState } from "../hooks/useEventChannelState";
+import { useTimeState } from "../hooks/useTimeController";
+export function ActionLogHistoryDisplay() {
+    const modalState = useModalState();
+    const [visible, setVisible] = useEventChannelState(modalState.actionLogVisible);
+    const timeState = useTimeState();
+    useEffect(() => {
+        timeState.setAnimationState("actionLogOpen", visible);
+    }, [visible, timeState]);
+    return (_jsx(GameModalDialog, { visible: visible, onClose: () => setVisible(false), title: "Log", children: _jsx(ActionLogHistory, { visible: visible }) }));
+}
+//# sourceMappingURL=ActionLogHistoryDisplay.js.map

package/dist/components/ActionLogHistoryDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogHistoryDisplay.js","sourceRoot":"","sources":["../../src/library/components/ActionLogHistoryDisplay.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,UAAU,uBAAuB;IACrC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,iBAAiB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,KAAK,YAC9E,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,GAAI,GACtB,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/ActionLogSidebar.d.ts

@@ -0,0 +1,2 @@
+export declare function ActionLogSidebar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionLogSidebar.d.ts.map

package/dist/components/ActionLogSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogSidebar.d.ts","sourceRoot":"","sources":["../../src/library/components/ActionLogSidebar.tsx"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,4CAW/B"}

package/dist/components/ActionLogSidebar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+import { ActionLogHistory } from "./ActionLogHistory";
+export function ActionLogSidebar() {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: { position: "relative", height: `100%`, width: "350px", background: theme.actionLogDialogBackgroundColor }, children: _jsx(Box, { sx: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: _jsx(ActionLogHistory, { visible: true }) }) }));
+}
+//# sourceMappingURL=ActionLogSidebar.js.map

package/dist/components/ActionLogSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLogSidebar.js","sourceRoot":"","sources":["../../src/library/components/ActionLogSidebar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,gBAAgB;IAC9B,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,8BAA8B,EAAE,YAE9G,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,YACrE,KAAC,gBAAgB,IAAC,OAAO,SAAG,GACxB,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/BottomBar.d.ts

@@ -0,0 +1,2 @@
+export default function BottomBar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomBar.d.ts.map

package/dist/components/BottomBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../src/library/components/BottomBar.tsx"],"names":[],"mappings":"AAuBA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAsDhC"}

package/dist/components/BottomBar.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { Box, Stack } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+import TimeControlBar from "./TimeControlBar";
+import PromptControls from "./PromptControls";
+import useSize from "@react-hook/size";
+function BaseBottomBar({ children }) {
+    const theme = useGameTheme();
+    return (_jsx(Box, { sx: {
+            overflow: "hidden",
+            position: "relative",
+            background: `${theme.barColor} linear-gradient(${theme.barGradientAngle}deg, rgba(255,255,255,${theme.barGradientPercent}) 0%, rgba(0,0,0,${theme.barGradientPercent}) 100%)`,
+            height: theme.bottomBarHeight,
+        }, children: children }));
+}
+export default function BottomBar() {
+    const theme = useGameTheme();
+    const containerRef = useRef(null);
+    const [width] = useSize(containerRef);
+    const layoutSize = theme.layoutSize(width);
+    // Mobile: current behavior (live mode shows buttons, timeline mode shows TimeControlBar)
+    if (layoutSize === "mobile") {
+        return (_jsx(BaseBottomBar, { children: _jsxs(Stack, { ref: containerRef, direction: "row", sx: { width: "100%", height: "100%" }, children: [_jsx(TimeControlBar, {}), _jsx(Box, { flex: 1 }), _jsx(PromptControls, { collapsible: true })] }) }));
+    }
+    // Medium: time controls left half, prompt controls right half
+    if (layoutSize === "medium") {
+        return (_jsx(BaseBottomBar, { children: _jsxs(Stack, { ref: containerRef, direction: "row", sx: { width: "100%", height: "100%" }, children: [_jsx(Box, { sx: { width: "50%", display: "flex" }, children: _jsx(TimeControlBar, { autoLive: true, includeGridButton: true }) }), _jsx(Box, { sx: { width: "50%", display: "flex" }, children: _jsx(PromptControls, {}) })] }) }));
+    }
+    // Large: time controls left 1/3, prompt controls middle 1/3, empty right 1/3
+    return (_jsx(BaseBottomBar, { children: _jsxs(Stack, { ref: containerRef, direction: "row", sx: { width: "100%", height: "100%" }, children: [_jsx(Box, { flex: 1, children: _jsx(TimeControlBar, { autoLive: true }) }), _jsx(Box, { sx: { width: `${theme.actionBarWidth}px`, display: "flex" }, children: _jsx(PromptControls, {}) }), _jsx(Box, { flex: 1, children: _jsx(Stack, { direction: "row", sx: { pr: 1, pl: 1, height: "100%", width: "100%" }, children: _jsx(Box, { flex: 1 }) }) })] }) }));
+}
+//# sourceMappingURL=BottomBar.js.map

package/dist/components/BottomBar.js.map

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

package/dist/components/BottomBarBreak.d.ts

@@ -0,0 +1,2 @@
+export default function BottomBarBreak(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomBarBreak.d.ts.map

package/dist/components/BottomBarBreak.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBarBreak.d.ts","sourceRoot":"","sources":["../../src/library/components/BottomBarBreak.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAOrC"}

package/dist/components/BottomBarBreak.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { useGameTheme } from "../hooks/useGameTheme";
+export default function BottomBarBreak() {
+    const theme = useGameTheme();
+    return (_jsxs(Box, { sx: { width: "1px", height: "100%", pt: 1, pb: 1 }, children: [_jsx(Box, { sx: { background: theme.barBreak, width: "1px", height: "100%" } }), ";"] }));
+}
+//# sourceMappingURL=BottomBarBreak.js.map

package/dist/components/BottomBarBreak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBarBreak.js","sourceRoot":"","sources":["../../src/library/components/BottomBarBreak.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,KAAK,GAAG,YAAY,EAAE,CAAC;IAC7B,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,aACrD,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,SACrE,CACP,CAAC;AACJ,CAAC"}