@almadar/ui 5.103.0 → 5.104.0

package/dist/components/game/2d/atoms/ComboCounter.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface ComboCounterProps {
     /** Sprite asset displayed alongside the combo number */
@@ -13,7 +14,7 @@ export interface ComboCounterProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ComboCounter({ assetUrl, combo, multiplier, streak, size, className, }: ComboCounterProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ComboCounter({ assetUrl, combo, multiplier, streak, size, className, }: ComboCounterProps): React.JSX.Element | null;
 export declare namespace ComboCounter {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ControlButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { EventKey, Asset } from "@almadar/core";
 import { type IconInput } from '../../../core/atoms/Icon';
 export interface ControlButtonProps {
@@ -28,7 +29,7 @@ export interface ControlButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ControlButton({ assetUrl, label, icon, size, shape, variant, onPress, onRelease, pressEvent, releaseEvent, pressed, disabled, className, }: ControlButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ControlButton({ assetUrl, label, icon, size, shape, variant, onPress, onRelease, pressEvent, releaseEvent, pressed, disabled, className, }: ControlButtonProps): React.JSX.Element;
 export declare namespace ControlButton {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/DamageNumber.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface DamageNumberProps {
     /** Sprite asset — displayed as a hit-effect icon alongside the number */
@@ -11,7 +12,7 @@ export interface DamageNumberProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function DamageNumber({ assetUrl, value, type, size, className, }: DamageNumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function DamageNumber({ assetUrl, value, type, size, className, }: DamageNumberProps): React.JSX.Element;
 export declare namespace DamageNumber {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/DialogueBubble.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface DialogueBubbleProps {
     /** Speaker name displayed at the top */
@@ -19,7 +20,7 @@ export interface DialogueBubbleProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function DialogueBubble({ speaker, text, portrait, position, mood, revealedChars, className, }: DialogueBubbleProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogueBubble({ speaker, text, portrait, position, mood, revealedChars, className, }: DialogueBubbleProps): React.JSX.Element;
 export declare namespace DialogueBubble {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/GameIcon.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 import { type IconInput } from '../../../core/atoms/Icon';
 export interface GameIconProps {
@@ -12,7 +13,7 @@ export interface GameIconProps {
     /** Additional CSS classes. */
     className?: string;
 }
-export declare function GameIcon({ assetUrl, icon, size, alt, className }: GameIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameIcon({ assetUrl, icon, size, alt, className }: GameIconProps): React.JSX.Element;
 export declare namespace GameIcon {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/HealthBar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface HealthBarProps {
     /** Current value */
@@ -25,7 +26,7 @@ export interface HealthBarProps {
     /** Sprite image tiled across the filled portion of bar/progress formats. Falls back to CSS color gradient. */
     fillAsset?: Asset;
 }
-export declare function HealthBar({ current, max, format, level, showLabel, labelSuffix, size, className, animated, frameAsset, fillAsset, }: HealthBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function HealthBar({ current, max, format, level, showLabel, labelSuffix, size, className, animated, frameAsset, fillAsset, }: HealthBarProps): React.JSX.Element;
 export declare namespace HealthBar {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ItemSlot.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset, EventKey } from '@almadar/core';
 export interface ItemSlotProps {
@@ -24,7 +25,7 @@ export interface ItemSlotProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ItemSlot({ assetUrl, icon, label, quantity, rarity, empty, size, selected, onClick, action, className, }: ItemSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemSlot({ assetUrl, icon, label, quantity, rarity, empty, size, selected, onClick, action, className, }: ItemSlotProps): React.JSX.Element;
 export declare namespace ItemSlot {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/MiniMap.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 import type { Rect } from '../../../core/atoms/types';
 export interface MiniMapTile {
@@ -33,7 +34,7 @@ export interface MiniMapProps {
     /** Map of unit id or unit type → Asset; when present, draws sprites instead of flat dots for units. */
     unitAssets?: Record<string, Asset>;
 }
-export declare function MiniMap({ tiles, units, width, height, mapWidth, mapHeight, viewportRect, className, tileAssets, unitAssets, }: MiniMapProps): import("react/jsx-runtime").JSX.Element;
+export declare function MiniMap({ tiles, units, width, height, mapWidth, mapHeight, viewportRect, className, tileAssets, unitAssets, }: MiniMapProps): React.JSX.Element;
 export declare namespace MiniMap {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ResourceCounter.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { ColorToken } from '../../../core/atoms/types';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
@@ -19,7 +20,7 @@ export interface ResourceCounterProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ResourceCounter({ assetUrl, icon, label, value, max, color, size, className, }: ResourceCounterProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceCounter({ assetUrl, icon, label, value, max, color, size, className, }: ResourceCounterProps): React.JSX.Element;
 export declare namespace ResourceCounter {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/ScoreDisplay.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
 export interface ScoreDisplayProps {
@@ -18,7 +19,7 @@ export interface ScoreDisplayProps {
     /** Number formatting locale */
     locale?: string;
 }
-export declare function ScoreDisplay({ assetUrl, value, score, label, icon, size, className, locale, }: ScoreDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function ScoreDisplay({ assetUrl, value, score, label, icon, size, className, locale, }: ScoreDisplayProps): React.JSX.Element;
 export declare namespace ScoreDisplay {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/StatusEffect.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
 export interface StatusEffectProps {
@@ -18,7 +19,7 @@ export interface StatusEffectProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function StatusEffect({ assetUrl, icon, label, duration, stacks, variant, size, className, }: StatusEffectProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusEffect({ assetUrl, icon, label, duration, stacks, variant, size, className, }: StatusEffectProps): React.JSX.Element;
 export declare namespace StatusEffect {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/TimerDisplay.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface TimerDisplayProps {
     /** Time in seconds */
@@ -15,7 +16,7 @@ export interface TimerDisplayProps {
     /** Icon asset rendered to the left of the time value. Falls back to no icon. */
     iconAsset?: Asset;
 }
-export declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, iconAsset, }: TimerDisplayProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimerDisplay({ seconds, running, format, size, className, lowThreshold, iconAsset, }: TimerDisplayProps): React.JSX.Element;
 export declare namespace TimerDisplay {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/TurnIndicator.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 export interface TurnIndicatorProps {
     /** Sprite asset — takes precedence over the dot indicator when provided */
@@ -15,7 +16,7 @@ export interface TurnIndicatorProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function TurnIndicator({ assetUrl, currentTurn, maxTurns, activeTeam, phase, size, className, }: TurnIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function TurnIndicator({ assetUrl, currentTurn, maxTurns, activeTeam, phase, size, className, }: TurnIndicatorProps): React.JSX.Element;
 export declare namespace TurnIndicator {
     var displayName: string;
 }

package/dist/components/game/2d/atoms/WaypointMarker.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
 export interface WaypointMarkerProps {
@@ -16,7 +17,7 @@ export interface WaypointMarkerProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function WaypointMarker({ assetUrl, label, icon, active, completed, size, className, }: WaypointMarkerProps): import("react/jsx-runtime").JSX.Element;
+export declare function WaypointMarker({ assetUrl, label, icon, active, completed, size, className, }: WaypointMarkerProps): React.JSX.Element;
 export declare namespace WaypointMarker {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/Canvas2D.d.ts

@@ -21,7 +21,7 @@
  * @packageDocumentation
  */
 import * as React from 'react';
-import type { Asset, EventEmit } from '@almadar/core';
+import type { Asset, AssetUrl, EventEmit } from '@almadar/core';
 import type { IsometricTile, IsometricUnit, IsometricFeature, ActiveEffect } from '../../shared/isometricTypes';
 import type { ResolvedFrame } from '../../shared/spriteAnimationTypes';
 import type { UiError } from '../../../core/atoms/types';
@@ -79,8 +79,9 @@ export interface Canvas2DProps {
     platforms?: Platform[];
     /** Side-view player. `projection:'side'` only. */
     player?: SidePlayer;
-    /** Background image (tiled behind iso/hex/flat/free; stretched in side). */
-    backgroundImage?: Asset;
+    /** Background image (tiled behind iso/hex/flat/free; stretched in side).
+     * A bare URL string is accepted as shorthand for a standalone backdrop. */
+    backgroundImage?: AssetUrl | Asset;
     /** Currently selected unit ID */
     selectedUnitId?: string | null;
     /** Valid move positions (pulsing green highlights) */
@@ -167,7 +168,7 @@ export interface Canvas2DProps {
         effects?: Record<string, Asset>;
     };
 }
-export declare function Canvas2D({ className, isLoading, error, projection, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, effects: _effectsPropRaw, platforms, player, backgroundImage, selectedUnitId, validMoves, attackTargets, hoveredTile, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, keyMap, keyUpMap, camera, scale, unitScale, showMinimap, animate, interpolateUnits, debug, spriteHeightRatio, spriteMaxWidthRatio, diamondTopY: diamondTopYProp, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, playerSprite, tileSprites, bgColor, worldWidth, worldHeight, assetManifest, }: Canvas2DProps): React.JSX.Element;
+export declare function Canvas2D({ className, isLoading, error, projection, tiles: _tilesPropRaw, units: _unitsPropRaw, features: _featuresPropRaw, effects: _effectsPropRaw, platforms, player, backgroundImage: backgroundImageRaw, selectedUnitId, validMoves, attackTargets, hoveredTile, tileClickEvent, unitClickEvent, tileHoverEvent, tileLeaveEvent, keyMap, keyUpMap, camera, scale, unitScale, showMinimap, animate, interpolateUnits, debug, spriteHeightRatio, spriteMaxWidthRatio, diamondTopY: diamondTopYProp, getTerrainSprite, getFeatureSprite, getUnitSprite, resolveUnitFrame, effectSpriteUrls, onDrawEffects, playerSprite, tileSprites, bgColor, worldWidth, worldHeight, assetManifest, }: Canvas2DProps): React.JSX.Element;
 export declare namespace Canvas2D {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/GameHud.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { type StatBadgeProps } from "./StatBadge";
 import type { Asset } from "@almadar/core";
 import type { IconInput } from "../../../core/atoms/index";
@@ -45,7 +46,7 @@ export interface GameHudProps {
     /** Whether to use a semi-transparent background */
     transparent?: boolean;
 }
-export declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, className, transparent, }: GameHudProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameHud({ position: propPosition, stats: propStats, items, elements, size, className, transparent, }: GameHudProps): React.JSX.Element;
 export declare namespace GameHud {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/GameMenu.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { EventKey, EventPayload, Asset } from "@almadar/core";
 export type MenuOption = EventPayload & {
     /** Optional ID (generated from index if not provided) */
@@ -35,7 +36,7 @@ export interface GameMenuProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function GameMenu({ title, subtitle, options, menuItems, onSelect, background, logo, className, }: GameMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameMenu({ title, subtitle, options, menuItems, onSelect, background, logo, className, }: GameMenuProps): React.JSX.Element;
 export declare namespace GameMenu {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/InventoryGrid.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { EventEmit, Asset } from '@almadar/core';
 import type { IconInput } from '../../../core/atoms/index';
 export interface InventoryGridItem {
@@ -28,7 +29,7 @@ export interface InventoryGridProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function InventoryGrid({ items, columns, totalSlots, selectedId, onSelect, selectEvent, size, className, }: InventoryGridProps): import("react/jsx-runtime").JSX.Element;
+export declare function InventoryGrid({ items, columns, totalSlots, selectedId, onSelect, selectEvent, size, className, }: InventoryGridProps): React.JSX.Element;
 export declare namespace InventoryGrid {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/ResourceBar.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { Asset } from '@almadar/core';
 import type { IconInput } from '../../../core/atoms/index';
 export interface ResourceBarResource {
@@ -19,7 +20,7 @@ export interface ResourceBarProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function ResourceBar({ resources, size, className, }: ResourceBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ResourceBar({ resources, size, className, }: ResourceBarProps): React.JSX.Element;
 export declare namespace ResourceBar {
     var displayName: string;
 }

package/dist/components/game/2d/molecules/StatBadge.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { type IconInput } from '../../../core/atoms/Icon';
 import type { Asset } from '@almadar/core';
 /**
@@ -32,7 +33,7 @@ export interface StatBadgeProps {
     /** Additional CSS classes */
     className?: string;
 }
-export declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, }: StatBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatBadge({ assetUrl, iconUrl, label, value, max, format, icon, size, variant, className, source: _source, field: _field, }: StatBadgeProps): React.JSX.Element;
 export declare namespace StatBadge {
     var displayName: string;
 }

package/dist/components/game/shared/lib/editorUtils.d.ts

@@ -23,7 +23,7 @@ export interface CollapsibleSectionProps {
     };
     className?: string;
 }
-export declare function CollapsibleSection({ title, expanded, onToggle, children, assetManifest, className }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapsibleSection({ title, expanded, onToggle, children, assetManifest, className }: CollapsibleSectionProps): React.JSX.Element;
 export declare namespace CollapsibleSection {
     var displayName: string;
 }
@@ -36,7 +36,7 @@ export interface EditorSliderProps {
     onChange: (value: number) => void;
     className?: string;
 }
-export declare function EditorSlider({ label, value, min, max, step, onChange, className }: EditorSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorSlider({ label, value, min, max, step, onChange, className }: EditorSliderProps): React.JSX.Element;
 export declare namespace EditorSlider {
     var displayName: string;
 }
@@ -50,7 +50,7 @@ export interface EditorSelectProps {
     onChange: (value: string) => void;
     className?: string;
 }
-export declare function EditorSelect({ label, value, options, onChange, className }: EditorSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorSelect({ label, value, options, onChange, className }: EditorSelectProps): React.JSX.Element;
 export declare namespace EditorSelect {
     var displayName: string;
 }
@@ -60,7 +60,7 @@ export interface EditorCheckboxProps {
     onChange: (checked: boolean) => void;
     className?: string;
 }
-export declare function EditorCheckbox({ label, checked, onChange, className }: EditorCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorCheckbox({ label, checked, onChange, className }: EditorCheckboxProps): React.JSX.Element;
 export declare namespace EditorCheckbox {
     var displayName: string;
 }
@@ -71,7 +71,7 @@ export interface EditorTextInputProps {
     placeholder?: string;
     className?: string;
 }
-export declare function EditorTextInput({ label, value, onChange, placeholder, className }: EditorTextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorTextInput({ label, value, onChange, placeholder, className }: EditorTextInputProps): React.JSX.Element;
 export declare namespace EditorTextInput {
     var displayName: string;
 }
@@ -89,7 +89,7 @@ export interface StatusBarProps {
     featureCount?: number;
     className?: string;
 }
-export declare function StatusBar({ hoveredTile, mode, gridSize, unitCount, featureCount, className }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBar({ hoveredTile, mode, gridSize, unitCount, featureCount, className }: StatusBarProps): React.JSX.Element;
 export declare namespace StatusBar {
     var displayName: string;
 }
@@ -99,7 +99,7 @@ export interface TerrainPaletteProps {
     onSelect: (terrain: string) => void;
     className?: string;
 }
-export declare function TerrainPalette({ terrains, selectedTerrain, onSelect, className }: TerrainPaletteProps): import("react/jsx-runtime").JSX.Element;
+export declare function TerrainPalette({ terrains, selectedTerrain, onSelect, className }: TerrainPaletteProps): React.JSX.Element;
 export declare namespace TerrainPalette {
     var displayName: string;
 }
@@ -108,7 +108,7 @@ export interface EditorToolbarProps {
     onModeChange: (mode: EditorMode) => void;
     className?: string;
 }
-export declare function EditorToolbar({ mode, onModeChange, className }: EditorToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorToolbar({ mode, onModeChange, className }: EditorToolbarProps): React.JSX.Element;
 export declare namespace EditorToolbar {
     var displayName: string;
 }

package/dist/components/index.cjs

@@ -10322,9 +10322,9 @@ var init_BiologyCanvas = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css"() {
   }
 });
 exports.Tabs = void 0;
@@ -16380,6 +16380,9 @@ var init_isometric = __esm({
     };
   }
 });
+function normalizeBackdrop(bg) {
+  return typeof bg === "string" ? { url: bg, role: "decoration", category: "background" } : bg;
+}
 function SideView({
   player,
   platforms,
@@ -16389,7 +16392,7 @@ function SideView({
   canvasHeight,
   follow,
   bgColor,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   playerSprite,
   tileSprites,
   effects,
@@ -16397,6 +16400,7 @@ function SideView({
   keyUpMap,
   className
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const canvasRef = React75.useRef(null);
   const eventBus = useEventBus();
   const keysRef = React75.useRef(/* @__PURE__ */ new Set());
@@ -16688,7 +16692,7 @@ function Canvas2D({
   effects: _effectsPropRaw = [],
   platforms,
   player,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -16729,6 +16733,7 @@ function Canvas2D({
   // Remote asset loading
   assetManifest
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const isSide = projection === "side";
   const isFree = projection === "free";
   const flatLike = projection === "hex" || projection === "flat" || isFree;
@@ -26768,8 +26773,9 @@ var init_LineChart = __esm({
       const safeData = data ?? [];
       const sortedData = React75.useMemo(() => {
         if (safeData.length === 0) return [];
+        if (!safeData.some((d) => d.date != null)) return [...safeData];
         return [...safeData].sort(
-          (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+          (a, b) => new Date(a.date ?? 0).getTime() - new Date(b.date ?? 0).getTime()
         );
       }, [safeData]);
       const points = React75.useMemo(() => {

package/dist/components/index.css

@@ -1,4 +1,4 @@
-/* node_modules/katex/dist/katex.min.css */
+/* node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css */
 @font-face {
   font-display: block;
   font-family: KaTeX_AMS;
@@ -214,11 +214,11 @@
   border-color: currentColor;
 }
 .katex .katex-version:after {
-  content: "0.16.45";
+  content: "0.16.47";
 }
 .katex .katex-mathml {
-  clip: rect(1px, 1px, 1px, 1px);
   border: 0;
+  clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
   padding: 0;

package/dist/components/index.js

@@ -10276,9 +10276,9 @@ var init_BiologyCanvas = __esm({
   }
 });
 
-// node_modules/katex/dist/katex.min.css
+// node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/katex/dist/katex.min.css"() {
+  "node_modules/.pnpm/katex@0.16.47/node_modules/katex/dist/katex.min.css"() {
   }
 });
 var Tabs;
@@ -16334,6 +16334,9 @@ var init_isometric = __esm({
     };
   }
 });
+function normalizeBackdrop(bg) {
+  return typeof bg === "string" ? { url: bg, role: "decoration", category: "background" } : bg;
+}
 function SideView({
   player,
   platforms,
@@ -16343,7 +16346,7 @@ function SideView({
   canvasHeight,
   follow,
   bgColor,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   playerSprite,
   tileSprites,
   effects,
@@ -16351,6 +16354,7 @@ function SideView({
   keyUpMap,
   className
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const canvasRef = useRef(null);
   const eventBus = useEventBus();
   const keysRef = useRef(/* @__PURE__ */ new Set());
@@ -16642,7 +16646,7 @@ function Canvas2D({
   effects: _effectsPropRaw = [],
   platforms,
   player,
-  backgroundImage,
+  backgroundImage: backgroundImageRaw,
   // Interaction state
   selectedUnitId = null,
   validMoves = [],
@@ -16683,6 +16687,7 @@ function Canvas2D({
   // Remote asset loading
   assetManifest
 }) {
+  const backgroundImage = normalizeBackdrop(backgroundImageRaw);
   const isSide = projection === "side";
   const isFree = projection === "free";
   const flatLike = projection === "hex" || projection === "flat" || isFree;
@@ -26722,8 +26727,9 @@ var init_LineChart = __esm({
       const safeData = data ?? [];
       const sortedData = useMemo(() => {
         if (safeData.length === 0) return [];
+        if (!safeData.some((d) => d.date != null)) return [...safeData];
         return [...safeData].sort(
-          (a, b) => new Date(a.date).getTime() - new Date(b.date).getTime()
+          (a, b) => new Date(a.date ?? 0).getTime() - new Date(b.date ?? 0).getTime()
         );
       }, [safeData]);
       const points = useMemo(() => {

package/dist/hooks/useGitHub.d.ts

@@ -25,7 +25,7 @@ export interface GitHubRepo {
 /**
  * Hook to get GitHub connection status
  */
-export declare function useGitHubStatus(): import("@tanstack/react-query").UseQueryResult<GitHubStatus, Error>;
+export declare function useGitHubStatus(): import("@tanstack/react-query").UseQueryResult<NoInfer<GitHubStatus>, Error>;
 /**
  * Hook to connect GitHub (initiate OAuth flow)
  */
@@ -39,20 +39,20 @@ export declare function useDisconnectGitHub(): import("@tanstack/react-query").U
 /**
  * Hook to list GitHub repositories
  */
-export declare function useGitHubRepos(page?: number, perPage?: number): import("@tanstack/react-query").UseQueryResult<{
+export declare function useGitHubRepos(page?: number, perPage?: number): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     repos: GitHubRepo[];
     page: number;
     perPage: number;
-}, Error>;
+}>, Error>;
 /**
  * Hook to get repository details
  */
-export declare function useGitHubRepo(owner: string, repo: string, enabled?: boolean): import("@tanstack/react-query").UseQueryResult<{
+export declare function useGitHubRepo(owner: string, repo: string, enabled?: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     repo: GitHubRepo;
-}, Error>;
+}>, Error>;
 /**
  * Hook to list repository branches
  */
-export declare function useGitHubBranches(owner: string, repo: string, enabled?: boolean): import("@tanstack/react-query").UseQueryResult<{
+export declare function useGitHubBranches(owner: string, repo: string, enabled?: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<{
     branches: string[];
-}, Error>;
+}>, Error>;

package/dist/marketing/index.cjs

@@ -26,7 +26,7 @@ function _interopNamespace(e) {
 var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
 var LucideIcons2__namespace = /*#__PURE__*/_interopNamespace(LucideIcons2);
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -41,7 +41,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/marketing/index.js

@@ -5,7 +5,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as LucideIcons2 from 'lucide-react';
 import { Loader2, X } from 'lucide-react';
 
-// node_modules/clsx/dist/clsx.mjs
+// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f3, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -20,7 +20,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);

package/dist/providers/EventBusProvider.d.ts

@@ -43,5 +43,5 @@ interface EventBusProviderProps {
      */
     isolated?: boolean;
 }
-export declare function EventBusProvider({ children, isolated }: EventBusProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventBusProvider({ children, isolated }: EventBusProviderProps): React.JSX.Element;
 export type { EventBusContextType };

package/dist/providers/SelectionProvider.d.ts

@@ -50,7 +50,7 @@ interface SelectionProviderProps {
  * }
  * ```
  */
-export declare function SelectionProvider({ children, debug, compareEntities, }: SelectionProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectionProvider({ children, debug, compareEntities, }: SelectionProviderProps): React.JSX.Element;
 /**
  * Hook to access selection state.
  *

package/dist/providers/ServerBridge.d.ts

@@ -98,5 +98,5 @@ export interface ServerBridgeProviderProps {
     transport?: ServerBridgeTransport;
     children: ReactNode;
 }
-export declare function ServerBridgeProvider({ schema, serverUrl, transport: customTransport, children, }: ServerBridgeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ServerBridgeProvider({ schema, serverUrl, transport: customTransport, children, }: ServerBridgeProviderProps): import("react").JSX.Element;
 export {};