@almadar/ui 2.8.1 → 2.9.1

package/dist/components/index.js

@@ -1,20 +1,20 @@
-import { useAuthContext } from '../chunk-2QM732NQ.js';
-export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-2QM732NQ.js';
 import { DEFAULT_CONFIG, renderStateMachineToDomData, parseContentSegments } from '../chunk-N6DJVKZ6.js';
+import { useAuthContext } from '../chunk-GTIAVPI5.js';
+export { ENTITY_EVENTS, useAgentChat, useAuthContext, useCompile, useConnectGitHub, useCreateEntity, useDeepAgentGeneration, useDeleteEntity, useDisconnectGitHub, useEntities, useEntitiesByType, useEntity as useEntityById, useEntityMutations, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInput, useOrbitalHistory, useOrbitalMutations, usePhysics, usePinchZoom, usePlayer, usePreview, useResolvedEntity, useSelectedEntity, useSendOrbitalEvent, useSingletonEntity, useUIEvents, useUpdateEntity, useValidation } from '../chunk-GTIAVPI5.js';
+export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import '../chunk-3HJHHULT.js';
-import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Container } from '../chunk-NES4SBB7.js';
-export { Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, screenToIso, useCamera, useImageCache } from '../chunk-NES4SBB7.js';
+import { VStack, HStack, Typography, Button, Icon, Box, Card, Avatar, Badge, SearchInput, Checkbox, Menu as Menu$1, Pagination, LoadingState, EmptyState, Modal, ErrorState, QuizBlock, CodeBlock, ScaledDiagram, MarkdownContent, Divider, ProgressBar, isoToScreen, IsometricCanvas_default, Stack, Select, Drawer, Toast, Tabs, Input, ThemeToggle, TILE_WIDTH, EntityDisplayEvents, StateIndicator, Container } from '../chunk-P6NZVIE5.js';
+export { Accordion, ActionButton, ActionButtons, Card2 as ActionCard, Alert, AnimatedCounter, Avatar, Badge, Box, Breadcrumb, Button, ButtonGroup, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, Center, ChartLegend, Checkbox, ChoiceButton, CodeBlock, CombatLog, ComboCounter, ConditionalWrapper, ConfettiEffect, Container, ControlButton, CraftingRecipe, DIAMOND_TOP_Y, DPad, DamageNumber, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DetailPanel, DialogueBox, DialogueBubble, Divider, Drawer, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FilterGroup, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormField, FormSectionHeader, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GraphView, Grid, HStack, Heading, HealthBar, HealthPanel, Icon, InfiniteScrollSentinel, Input, InputGroup, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, Label, LawReferenceTooltip, Lightbox, LineChart, LoadingState, MapView, MarkdownContent, MasterDetail, Menu, Meter, MiniMap, Modal, NumberStepper, Overlay, PageHeader, Pagination, PlatformerCanvas, Popover, PowerupSlots, ProgressBar, ProgressDots, PullToRefresh, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ResourceBar, ResourceCounter, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Select, SidePanel, SimpleGrid, Skeleton, SlotContentRenderer, SortableList, Spacer, Spinner, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateIndicator, StatusDot, StatusEffect, SwipeableRow, Switch, TILE_HEIGHT, TILE_WIDTH, Tabs, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, TimerDisplay, Toast, Tooltip, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UnitCommandBar, UploadDropZone, VStack, ViolationAlert, WaypointMarker, WizardNavigation, WizardProgress, XPBar, drawSprite, isoToScreen, screenToIso, useCamera, useImageCache } from '../chunk-P6NZVIE5.js';
 import '../chunk-DKQN5FVU.js';
 import { useTranslate } from '../chunk-WGJIL4YR.js';
 export { EntityDataProvider, I18nProvider, createTranslate, entityDataKeys, parseQueryBinding, useDragReorder, useEntity, useEntityDataAdapter, useEntityDetail, useEntityList, useEntityListSuspense, useEntitySuspense, useInfiniteScroll, useLongPress, usePullToRefresh, useQuerySingleton, useSwipeGesture, useTranslate } from '../chunk-WGJIL4YR.js';
 import { useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-YXZM3WCF.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-3JGAROCW.js';
-import { cn, getNestedValue, bindCanvasCapture } from '../chunk-A5J5CNCU.js';
-export { cn } from '../chunk-A5J5CNCU.js';
+import { cn, getNestedValue, bindCanvasCapture } from '../chunk-6D5QMEUS.js';
+export { cn } from '../chunk-6D5QMEUS.js';
 import '../chunk-TSETXL2E.js';
 import '../chunk-K2D5D3WK.js';
-export { clearEntities, getAllEntities, getByType, getEntity, getSingleton, removeEntity, spawnEntity, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
 import { __publicField } from '../chunk-PKBMQBKP.js';
 import React, { createContext, useState, useCallback, useMemo, useEffect, useRef, useContext } from 'react';
 import { ChevronDown, X, Menu, ChevronRight, ChevronLeft, ArrowUp, ArrowDown, MoreVertical, Package, Check, AlertTriangle, Trash2, List as List$1, Printer, CheckCircle, XCircle, Play, RotateCcw, Send, Wrench, Bug, ArrowRight, Pause, SkipForward, AlertCircle, Circle, Clock, CheckCircle2, Image as Image$1, Upload, ZoomIn, Eraser, FileText, ZoomOut, Download, Code, WrapText, Copy, Settings, Search, Bell, LogOut, Calendar, Pencil, Eye, MoreHorizontal, Minus, Plus } from 'lucide-react';
@@ -3745,1246 +3745,6 @@ var TabbedContainer = ({
   );
 };
 TabbedContainer.displayName = "TabbedContainer";
-
-// components/organisms/game/types/effects.ts
-var EMPTY_EFFECT_STATE = {
-  particles: [],
-  sequences: [],
-  overlays: []
-};
-
-// components/organisms/game/utils/canvasEffects.ts
-var _offscreen = null;
-var _offCtx = null;
-function getOffscreenCtx(w, h) {
-  if (!_offscreen) {
-    if (typeof OffscreenCanvas !== "undefined") {
-      _offscreen = new OffscreenCanvas(w, h);
-    } else {
-      _offscreen = document.createElement("canvas");
-    }
-  }
-  if (_offscreen.width < w) _offscreen.width = w;
-  if (_offscreen.height < h) _offscreen.height = h;
-  if (!_offCtx) {
-    _offCtx = _offscreen.getContext("2d");
-  }
-  return _offCtx;
-}
-function drawTintedImage(ctx, img, x, y, w, h, tint, alpha, blendMode = "source-over") {
-  if (w <= 0 || h <= 0) return;
-  const oc = getOffscreenCtx(w, h);
-  oc.clearRect(0, 0, w, h);
-  oc.globalCompositeOperation = "source-over";
-  oc.drawImage(img, 0, 0, w, h);
-  oc.globalCompositeOperation = "source-atop";
-  oc.fillStyle = `rgb(${tint.r}, ${tint.g}, ${tint.b})`;
-  oc.fillRect(0, 0, w, h);
-  const prevAlpha = ctx.globalAlpha;
-  const prevBlend = ctx.globalCompositeOperation;
-  ctx.globalAlpha = alpha;
-  ctx.globalCompositeOperation = blendMode;
-  ctx.drawImage(_offscreen, 0, 0, w, h, x, y, w, h);
-  ctx.globalAlpha = prevAlpha;
-  ctx.globalCompositeOperation = prevBlend;
-}
-function randRange(min, max) {
-  return min + Math.random() * (max - min);
-}
-function spawnParticles(config, animTime) {
-  const particles = [];
-  for (let i = 0; i < config.count; i++) {
-    const angle = randRange(config.angleMin, config.angleMax);
-    const speed = randRange(config.velocityMin, config.velocityMax);
-    const spriteUrl = config.spriteUrls[Math.floor(Math.random() * config.spriteUrls.length)];
-    particles.push({
-      spriteUrl,
-      x: config.originX + randRange(-config.spread, config.spread),
-      y: config.originY + randRange(-config.spread, config.spread),
-      vx: Math.cos(angle) * speed,
-      vy: Math.sin(angle) * speed,
-      gravity: config.gravity,
-      rotation: Math.random() * Math.PI * 2,
-      rotationSpeed: randRange(config.rotationSpeedMin ?? -2, config.rotationSpeedMax ?? 2),
-      scale: randRange(config.scaleMin, config.scaleMax),
-      scaleSpeed: config.scaleSpeed ?? 0,
-      alpha: config.alpha ?? 1,
-      fadeRate: config.fadeRate ?? -1.5,
-      tint: { ...config.tint },
-      blendMode: config.blendMode ?? "source-over",
-      spawnTime: animTime,
-      lifetime: randRange(config.lifetimeMin, config.lifetimeMax)
-    });
-  }
-  return particles;
-}
-function spawnSequence(config, animTime) {
-  return {
-    frameUrls: config.frameUrls,
-    x: config.originX,
-    y: config.originY,
-    frameDuration: config.frameDuration,
-    startTime: animTime,
-    loop: config.loop ?? false,
-    scale: config.scale ?? 1,
-    tint: config.tint ?? null,
-    alpha: config.alpha ?? 1,
-    blendMode: config.blendMode ?? "source-over"
-  };
-}
-function spawnOverlay(config, animTime) {
-  return {
-    spriteUrl: config.spriteUrl,
-    x: config.originX,
-    y: config.originY,
-    alpha: config.alpha ?? 0.8,
-    fadeRate: config.fadeRate ?? -0.5,
-    pulseAmplitude: config.pulseAmplitude ?? 0,
-    pulseFrequency: config.pulseFrequency ?? 2,
-    scale: config.scale ?? 1,
-    blendMode: config.blendMode ?? "source-over",
-    spawnTime: animTime,
-    lifetime: config.lifetime ?? 2e3
-  };
-}
-function updateEffectState(state, animTime, deltaMs) {
-  const dt = deltaMs / 1e3;
-  const particles = state.particles.map((p2) => ({
-    ...p2,
-    x: p2.x + p2.vx * dt,
-    y: p2.y + p2.vy * dt,
-    vy: p2.vy + p2.gravity * dt,
-    rotation: p2.rotation + p2.rotationSpeed * dt,
-    scale: Math.max(0, p2.scale + p2.scaleSpeed * dt),
-    alpha: Math.max(0, p2.alpha + p2.fadeRate * dt)
-  })).filter((p2) => p2.alpha > 0.01 && animTime - p2.spawnTime < p2.lifetime);
-  const sequences = state.sequences.filter((s) => {
-    const elapsed = animTime - s.startTime;
-    const totalDuration = s.frameUrls.length * s.frameDuration;
-    return s.loop || elapsed < totalDuration;
-  });
-  const overlays = state.overlays.map((o) => ({
-    ...o,
-    alpha: Math.max(0, o.alpha + o.fadeRate * dt)
-  })).filter((o) => o.alpha > 0.01 && animTime - o.spawnTime < o.lifetime);
-  return { particles, sequences, overlays };
-}
-function drawEffectState(ctx, state, animTime, getImage) {
-  for (const o of state.overlays) {
-    const img = getImage(o.spriteUrl);
-    if (!img) continue;
-    let alpha = o.alpha;
-    if (o.pulseAmplitude > 0) {
-      const elapsed = (animTime - o.spawnTime) / 1e3;
-      alpha += Math.sin(elapsed * o.pulseFrequency * Math.PI * 2) * o.pulseAmplitude;
-      alpha = Math.max(0, Math.min(1, alpha));
-    }
-    const w = img.naturalWidth * o.scale;
-    const h = img.naturalHeight * o.scale;
-    const prevAlpha = ctx.globalAlpha;
-    const prevBlend = ctx.globalCompositeOperation;
-    ctx.globalAlpha = alpha;
-    ctx.globalCompositeOperation = o.blendMode;
-    ctx.drawImage(img, o.x - w / 2, o.y - h / 2, w, h);
-    ctx.globalAlpha = prevAlpha;
-    ctx.globalCompositeOperation = prevBlend;
-  }
-  for (const s of state.sequences) {
-    const elapsed = animTime - s.startTime;
-    let frameIndex = Math.floor(elapsed / s.frameDuration);
-    if (s.loop) {
-      frameIndex = frameIndex % s.frameUrls.length;
-    } else if (frameIndex >= s.frameUrls.length) {
-      continue;
-    }
-    const img = getImage(s.frameUrls[frameIndex]);
-    if (!img) continue;
-    const w = img.naturalWidth * s.scale;
-    const h = img.naturalHeight * s.scale;
-    if (s.tint) {
-      drawTintedImage(ctx, img, s.x - w / 2, s.y - h / 2, w, h, s.tint, s.alpha, s.blendMode);
-    } else {
-      const prevAlpha = ctx.globalAlpha;
-      const prevBlend = ctx.globalCompositeOperation;
-      ctx.globalAlpha = s.alpha;
-      ctx.globalCompositeOperation = s.blendMode;
-      ctx.drawImage(img, s.x - w / 2, s.y - h / 2, w, h);
-      ctx.globalAlpha = prevAlpha;
-      ctx.globalCompositeOperation = prevBlend;
-    }
-  }
-  for (const p2 of state.particles) {
-    const img = getImage(p2.spriteUrl);
-    if (!img) continue;
-    const w = img.naturalWidth * p2.scale;
-    const h = img.naturalHeight * p2.scale;
-    ctx.save();
-    ctx.translate(p2.x, p2.y);
-    ctx.rotate(p2.rotation);
-    drawTintedImage(ctx, img, -w / 2, -h / 2, w, h, p2.tint, p2.alpha, p2.blendMode);
-    ctx.restore();
-  }
-}
-function hasActiveEffects(state) {
-  return state.particles.length > 0 || state.sequences.length > 0 || state.overlays.length > 0;
-}
-function getAllEffectSpriteUrls(manifest) {
-  const urls = [];
-  const base = manifest.baseUrl;
-  if (manifest.particles) {
-    for (const value of Object.values(manifest.particles)) {
-      if (Array.isArray(value)) {
-        value.forEach((v) => urls.push(`${base}/${v}`));
-      } else if (typeof value === "string") {
-        urls.push(`${base}/${value}`);
-      }
-    }
-  }
-  if (manifest.animations) {
-    for (const frames of Object.values(manifest.animations)) {
-      if (Array.isArray(frames)) {
-        frames.forEach((f) => urls.push(`${base}/${f}`));
-      }
-    }
-  }
-  return urls;
-}
-
-// components/organisms/game/utils/combatPresets.ts
-var PI = Math.PI;
-function p(manifest, key) {
-  const particles = manifest.particles;
-  if (!particles) return [];
-  const val = particles[key];
-  if (Array.isArray(val)) return val.map((v) => `${manifest.baseUrl}/${v}`);
-  if (typeof val === "string") return [`${manifest.baseUrl}/${val}`];
-  return [];
-}
-function anim(manifest, key) {
-  const animations = manifest.animations;
-  if (!animations) return [];
-  const val = animations[key];
-  if (Array.isArray(val)) return val.map((v) => `${manifest.baseUrl}/${v}`);
-  return [];
-}
-function createCombatPresets(manifest) {
-  return {
-    // =====================================================================
-    // MELEE — slash (red) + dirt + scratch + flash sequence
-    // =====================================================================
-    melee: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "slash"),
-          count: 6,
-          originX,
-          originY,
-          spread: 8,
-          velocityMin: 40,
-          velocityMax: 120,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
-          gravity: 0,
-          tint: { r: 255, g: 60, b: 40 },
-          scaleMin: 0.3,
-          scaleMax: 0.6,
-          lifetimeMin: 300,
-          lifetimeMax: 500,
-          fadeRate: -2.5
-        },
-        {
-          spriteUrls: p(manifest, "dirt"),
-          count: 4,
-          originX,
-          originY: originY + 10,
-          spread: 12,
-          velocityMin: 20,
-          velocityMax: 60,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
-          gravity: 120,
-          tint: { r: 180, g: 140, b: 90 },
-          scaleMin: 0.15,
-          scaleMax: 0.3,
-          lifetimeMin: 400,
-          lifetimeMax: 700,
-          fadeRate: -1.8
-        },
-        {
-          spriteUrls: p(manifest, "scratch"),
-          count: 2,
-          originX,
-          originY,
-          spread: 5,
-          velocityMin: 10,
-          velocityMax: 30,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
-          gravity: 0,
-          tint: { r: 255, g: 200, b: 150 },
-          scaleMin: 0.25,
-          scaleMax: 0.4,
-          lifetimeMin: 200,
-          lifetimeMax: 400,
-          fadeRate: -3
-        }
-      ];
-      const sequences = [];
-      const flashFrames = anim(manifest, "flash");
-      if (flashFrames.length > 0) {
-        sequences.push({
-          frameUrls: flashFrames,
-          originX,
-          originY,
-          frameDuration: 35,
-          scale: 0.4
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays: [],
-        screenShake: 4,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // RANGED — muzzle + trace + smoke + explosion sequence
-    // =====================================================================
-    ranged: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "muzzle"),
-          count: 3,
-          originX,
-          originY,
-          spread: 4,
-          velocityMin: 60,
-          velocityMax: 150,
-          angleMin: -PI * 0.6,
-          angleMax: -PI * 0.4,
-          gravity: 0,
-          tint: { r: 255, g: 220, b: 100 },
-          scaleMin: 0.2,
-          scaleMax: 0.4,
-          lifetimeMin: 200,
-          lifetimeMax: 400,
-          fadeRate: -3
-        },
-        {
-          spriteUrls: p(manifest, "trace"),
-          count: 5,
-          originX,
-          originY,
-          spread: 3,
-          velocityMin: 100,
-          velocityMax: 200,
-          angleMin: -PI * 0.55,
-          angleMax: -PI * 0.45,
-          gravity: 0,
-          tint: { r: 255, g: 200, b: 80 },
-          scaleMin: 0.15,
-          scaleMax: 0.3,
-          lifetimeMin: 150,
-          lifetimeMax: 300,
-          fadeRate: -4
-        },
-        {
-          spriteUrls: p(manifest, "smoke").slice(0, 3),
-          count: 3,
-          originX,
-          originY: originY + 5,
-          spread: 6,
-          velocityMin: 10,
-          velocityMax: 30,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
-          gravity: -20,
-          tint: { r: 200, g: 200, b: 200 },
-          scaleMin: 0.2,
-          scaleMax: 0.35,
-          lifetimeMin: 500,
-          lifetimeMax: 800,
-          fadeRate: -1.5
-        }
-      ];
-      const sequences = [];
-      const explosionFrames = anim(manifest, "smokeExplosion");
-      if (explosionFrames.length > 0) {
-        sequences.push({
-          frameUrls: explosionFrames,
-          originX,
-          originY,
-          frameDuration: 50,
-          scale: 0.35
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays: [],
-        screenShake: 2,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // MAGIC — twirl (purple) + spark (purple) + star
-    // =====================================================================
-    magic: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "twirl"),
-          count: 5,
-          originX,
-          originY,
-          spread: 15,
-          velocityMin: 20,
-          velocityMax: 80,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: -30,
-          tint: { r: 180, g: 80, b: 255 },
-          scaleMin: 0.2,
-          scaleMax: 0.5,
-          lifetimeMin: 500,
-          lifetimeMax: 900,
-          fadeRate: -1.2,
-          blendMode: "lighter",
-          rotationSpeedMin: -4,
-          rotationSpeedMax: 4
-        },
-        {
-          spriteUrls: p(manifest, "spark"),
-          count: 8,
-          originX,
-          originY,
-          spread: 20,
-          velocityMin: 30,
-          velocityMax: 100,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: -15,
-          tint: { r: 200, g: 120, b: 255 },
-          scaleMin: 0.1,
-          scaleMax: 0.25,
-          lifetimeMin: 300,
-          lifetimeMax: 600,
-          fadeRate: -2,
-          blendMode: "lighter"
-        },
-        {
-          spriteUrls: p(manifest, "star"),
-          count: 4,
-          originX,
-          originY,
-          spread: 10,
-          velocityMin: 15,
-          velocityMax: 50,
-          angleMin: -PI,
-          angleMax: 0,
-          gravity: -40,
-          tint: { r: 220, g: 180, b: 255 },
-          scaleMin: 0.15,
-          scaleMax: 0.3,
-          lifetimeMin: 600,
-          lifetimeMax: 1e3,
-          fadeRate: -1,
-          blendMode: "lighter"
-        }
-      ];
-      const overlays = [];
-      const circleUrls = p(manifest, "circle");
-      if (circleUrls.length > 0) {
-        overlays.push({
-          spriteUrl: circleUrls[0],
-          originX,
-          originY,
-          alpha: 0.5,
-          fadeRate: -0.6,
-          pulseAmplitude: 0.2,
-          pulseFrequency: 3,
-          scale: 0.5,
-          blendMode: "lighter",
-          lifetime: 1200
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // HEAL — circle (green) + star (green) + light (green, pulse)
-    // =====================================================================
-    heal: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "circle"),
-          count: 6,
-          originX,
-          originY,
-          spread: 15,
-          velocityMin: 10,
-          velocityMax: 40,
-          angleMin: -PI,
-          angleMax: -PI * 0.3,
-          gravity: -50,
-          tint: { r: 80, g: 255, b: 120 },
-          scaleMin: 0.15,
-          scaleMax: 0.35,
-          lifetimeMin: 600,
-          lifetimeMax: 1e3,
-          fadeRate: -0.8,
-          blendMode: "lighter"
-        },
-        {
-          spriteUrls: p(manifest, "star"),
-          count: 5,
-          originX,
-          originY,
-          spread: 12,
-          velocityMin: 15,
-          velocityMax: 50,
-          angleMin: -PI * 0.9,
-          angleMax: -PI * 0.1,
-          gravity: -60,
-          tint: { r: 100, g: 255, b: 140 },
-          scaleMin: 0.1,
-          scaleMax: 0.2,
-          lifetimeMin: 500,
-          lifetimeMax: 800,
-          fadeRate: -1.2,
-          blendMode: "lighter"
-        }
-      ];
-      const overlays = [];
-      const lightUrls = p(manifest, "light");
-      if (lightUrls.length > 0) {
-        overlays.push({
-          spriteUrl: lightUrls[0],
-          originX,
-          originY,
-          alpha: 0.6,
-          fadeRate: -0.4,
-          pulseAmplitude: 0.25,
-          pulseFrequency: 2.5,
-          scale: 0.6,
-          blendMode: "lighter",
-          lifetime: 1500
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // DEFEND / SHIELD — star (blue) + circle (blue, pulse)
-    // =====================================================================
-    defend: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "star"),
-          count: 8,
-          originX,
-          originY,
-          spread: 18,
-          velocityMin: 10,
-          velocityMax: 35,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 0,
-          tint: { r: 80, g: 160, b: 255 },
-          scaleMin: 0.12,
-          scaleMax: 0.25,
-          lifetimeMin: 600,
-          lifetimeMax: 1e3,
-          fadeRate: -0.8,
-          blendMode: "lighter",
-          rotationSpeedMin: -1,
-          rotationSpeedMax: 1
-        }
-      ];
-      const overlays = [];
-      const circleUrls = p(manifest, "circle");
-      if (circleUrls.length > 0) {
-        overlays.push({
-          spriteUrl: circleUrls[0],
-          originX,
-          originY,
-          alpha: 0.6,
-          fadeRate: -0.3,
-          pulseAmplitude: 0.2,
-          pulseFrequency: 2,
-          scale: 0.6,
-          blendMode: "lighter",
-          lifetime: 1500
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // shield aliases to defend
-    shield: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "star"),
-          count: 10,
-          originX,
-          originY,
-          spread: 20,
-          velocityMin: 8,
-          velocityMax: 30,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 0,
-          tint: { r: 60, g: 180, b: 255 },
-          scaleMin: 0.1,
-          scaleMax: 0.22,
-          lifetimeMin: 700,
-          lifetimeMax: 1200,
-          fadeRate: -0.7,
-          blendMode: "lighter",
-          rotationSpeedMin: -0.8,
-          rotationSpeedMax: 0.8
-        }
-      ];
-      const overlays = [];
-      const circleUrls = p(manifest, "circle");
-      if (circleUrls.length > 0) {
-        overlays.push({
-          spriteUrl: circleUrls[0],
-          originX,
-          originY,
-          alpha: 0.7,
-          fadeRate: -0.25,
-          pulseAmplitude: 0.25,
-          pulseFrequency: 1.8,
-          scale: 0.7,
-          blendMode: "lighter",
-          lifetime: 1800
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // HIT — spark (orange) + flash (5 frames) + screen shake/flash
-    // =====================================================================
-    hit: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "spark"),
-          count: 10,
-          originX,
-          originY,
-          spread: 8,
-          velocityMin: 50,
-          velocityMax: 150,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 80,
-          tint: { r: 255, g: 180, b: 50 },
-          scaleMin: 0.08,
-          scaleMax: 0.2,
-          lifetimeMin: 200,
-          lifetimeMax: 500,
-          fadeRate: -2.5
-        }
-      ];
-      const sequences = [];
-      const flashFrames = anim(manifest, "flash");
-      if (flashFrames.length > 0) {
-        sequences.push({
-          frameUrls: flashFrames.slice(0, 5),
-          originX,
-          originY,
-          frameDuration: 40,
-          scale: 0.3
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays: [],
-        screenShake: 3,
-        screenFlash: { r: 255, g: 50, b: 50, duration: 150 }
-      };
-    },
-    // critical aliases to hit with bigger shake
-    critical: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "flame"),
-          count: 8,
-          originX,
-          originY,
-          spread: 12,
-          velocityMin: 60,
-          velocityMax: 180,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 60,
-          tint: { r: 255, g: 120, b: 30 },
-          scaleMin: 0.15,
-          scaleMax: 0.4,
-          lifetimeMin: 300,
-          lifetimeMax: 600,
-          fadeRate: -2
-        },
-        {
-          spriteUrls: p(manifest, "spark"),
-          count: 12,
-          originX,
-          originY,
-          spread: 10,
-          velocityMin: 80,
-          velocityMax: 200,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 100,
-          tint: { r: 255, g: 200, b: 60 },
-          scaleMin: 0.06,
-          scaleMax: 0.18,
-          lifetimeMin: 200,
-          lifetimeMax: 400,
-          fadeRate: -3
-        }
-      ];
-      const sequences = [];
-      const flashFrames = anim(manifest, "flash");
-      if (flashFrames.length > 0) {
-        sequences.push({
-          frameUrls: flashFrames,
-          originX,
-          originY,
-          frameDuration: 30,
-          scale: 0.5
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays: [],
-        screenShake: 6,
-        screenFlash: { r: 255, g: 80, b: 0, duration: 200 }
-      };
-    },
-    // =====================================================================
-    // DEATH — dirt (gray) + explosion + black smoke + scorch (ground)
-    // =====================================================================
-    death: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "dirt"),
-          count: 8,
-          originX,
-          originY,
-          spread: 10,
-          velocityMin: 30,
-          velocityMax: 100,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 100,
-          tint: { r: 140, g: 140, b: 140 },
-          scaleMin: 0.15,
-          scaleMax: 0.35,
-          lifetimeMin: 500,
-          lifetimeMax: 900,
-          fadeRate: -1.2
-        }
-      ];
-      const sequences = [];
-      const explosionFrames = anim(manifest, "explosion");
-      if (explosionFrames.length > 0) {
-        sequences.push({
-          frameUrls: explosionFrames,
-          originX,
-          originY,
-          frameDuration: 60,
-          scale: 0.5
-        });
-      }
-      const blackSmokeFrames = anim(manifest, "blackSmoke");
-      if (blackSmokeFrames.length > 0) {
-        sequences.push({
-          frameUrls: blackSmokeFrames,
-          originX,
-          originY: originY - 10,
-          frameDuration: 50,
-          scale: 0.4,
-          alpha: 0.7
-        });
-      }
-      const overlays = [];
-      const scorchUrls = p(manifest, "scorch");
-      if (scorchUrls.length > 0) {
-        overlays.push({
-          spriteUrl: scorchUrls[0],
-          originX,
-          originY: originY + 10,
-          alpha: 0.6,
-          fadeRate: -0.15,
-          scale: 0.4,
-          lifetime: 4e3
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // BUFF — star (gold) + symbol + flare (gold, pulse)
-    // =====================================================================
-    buff: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "star"),
-          count: 6,
-          originX,
-          originY,
-          spread: 15,
-          velocityMin: 15,
-          velocityMax: 50,
-          angleMin: -PI,
-          angleMax: 0,
-          gravity: -30,
-          tint: { r: 255, g: 215, b: 50 },
-          scaleMin: 0.12,
-          scaleMax: 0.25,
-          lifetimeMin: 600,
-          lifetimeMax: 1e3,
-          fadeRate: -0.8,
-          blendMode: "lighter"
-        },
-        {
-          spriteUrls: p(manifest, "symbol"),
-          count: 2,
-          originX,
-          originY: originY - 10,
-          spread: 8,
-          velocityMin: 5,
-          velocityMax: 20,
-          angleMin: -PI * 0.7,
-          angleMax: -PI * 0.3,
-          gravity: -20,
-          tint: { r: 255, g: 230, b: 100 },
-          scaleMin: 0.2,
-          scaleMax: 0.35,
-          lifetimeMin: 800,
-          lifetimeMax: 1200,
-          fadeRate: -0.6,
-          blendMode: "lighter"
-        }
-      ];
-      const overlays = [];
-      const flareUrls = p(manifest, "flare");
-      if (flareUrls.length > 0) {
-        overlays.push({
-          spriteUrl: flareUrls[0],
-          originX,
-          originY,
-          alpha: 0.5,
-          fadeRate: -0.3,
-          pulseAmplitude: 0.3,
-          pulseFrequency: 2,
-          scale: 0.5,
-          blendMode: "lighter",
-          lifetime: 1500
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // DEBUFF — scorch (dark) + smoke (purple tint)
-    // =====================================================================
-    debuff: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "scorch"),
-          count: 4,
-          originX,
-          originY,
-          spread: 12,
-          velocityMin: 15,
-          velocityMax: 40,
-          angleMin: -PI,
-          angleMax: 0,
-          gravity: -20,
-          tint: { r: 120, g: 40, b: 160 },
-          scaleMin: 0.15,
-          scaleMax: 0.3,
-          lifetimeMin: 500,
-          lifetimeMax: 800,
-          fadeRate: -1
-        },
-        {
-          spriteUrls: p(manifest, "smoke").slice(0, 3),
-          count: 3,
-          originX,
-          originY,
-          spread: 10,
-          velocityMin: 8,
-          velocityMax: 25,
-          angleMin: -PI * 0.8,
-          angleMax: -PI * 0.2,
-          gravity: -15,
-          tint: { r: 100, g: 50, b: 140 },
-          scaleMin: 0.2,
-          scaleMax: 0.35,
-          lifetimeMin: 600,
-          lifetimeMax: 1e3,
-          fadeRate: -0.8
-        }
-      ];
-      const overlays = [];
-      const circleUrls = p(manifest, "circle");
-      if (circleUrls.length > 0) {
-        overlays.push({
-          spriteUrl: circleUrls[0],
-          originX,
-          originY,
-          alpha: 0.4,
-          fadeRate: -0.4,
-          pulseAmplitude: 0.15,
-          pulseFrequency: 2,
-          scale: 0.45,
-          lifetime: 1200
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences: [],
-        overlays,
-        screenShake: 0,
-        screenFlash: null
-      };
-    },
-    // =====================================================================
-    // AOE — explosion (large) + flame + spark (radial) + screen shake
-    // =====================================================================
-    aoe: (originX, originY) => {
-      const particles = [
-        {
-          spriteUrls: p(manifest, "flame"),
-          count: 10,
-          originX,
-          originY,
-          spread: 20,
-          velocityMin: 40,
-          velocityMax: 140,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 40,
-          tint: { r: 255, g: 140, b: 30 },
-          scaleMin: 0.2,
-          scaleMax: 0.5,
-          lifetimeMin: 400,
-          lifetimeMax: 800,
-          fadeRate: -1.5
-        },
-        {
-          spriteUrls: p(manifest, "spark"),
-          count: 15,
-          originX,
-          originY,
-          spread: 15,
-          velocityMin: 60,
-          velocityMax: 200,
-          angleMin: 0,
-          angleMax: PI * 2,
-          gravity: 60,
-          tint: { r: 255, g: 180, b: 60 },
-          scaleMin: 0.06,
-          scaleMax: 0.15,
-          lifetimeMin: 200,
-          lifetimeMax: 500,
-          fadeRate: -2.5
-        }
-      ];
-      const sequences = [];
-      const explosionFrames = anim(manifest, "explosion");
-      if (explosionFrames.length > 0) {
-        sequences.push({
-          frameUrls: explosionFrames,
-          originX,
-          originY,
-          frameDuration: 50,
-          scale: 0.6
-        });
-      }
-      return {
-        particles: particles.filter((pc) => pc.spriteUrls.length > 0),
-        sequences,
-        overlays: [],
-        screenShake: 5,
-        screenFlash: { r: 255, g: 160, b: 0, duration: 180 }
-      };
-    }
-  };
-}
-var ACTION_EMOJI = {
-  melee: { emoji: "\u2694\uFE0F", color: "var(--color-error)", label: "Slash" },
-  ranged: { emoji: "\u{1F3F9}", color: "var(--color-warning)", label: "Arrow" },
-  magic: { emoji: "\u2728", color: "var(--color-primary)", label: "Spell" },
-  heal: { emoji: "\u{1F49A}", color: "var(--color-success)", label: "Heal" },
-  buff: { emoji: "\u2B06\uFE0F", color: "var(--color-info)", label: "Buff" },
-  debuff: { emoji: "\u2B07\uFE0F", color: "var(--color-warning)", label: "Debuff" },
-  shield: { emoji: "\u{1F6E1}\uFE0F", color: "var(--color-info)", label: "Shield" },
-  aoe: { emoji: "\u{1F4A5}", color: "var(--color-error)", label: "Explosion" },
-  critical: { emoji: "\u{1F525}", color: "var(--color-error)", label: "Critical" },
-  defend: { emoji: "\u{1F6E1}\uFE0F", color: "var(--color-info)", label: "Defend" },
-  hit: { emoji: "\u{1F4A5}", color: "var(--color-error)", label: "Hit" },
-  death: { emoji: "\u{1F480}", color: "var(--color-error)", label: "Death" }
-};
-function CanvasEffectEngine({
-  actionType,
-  x,
-  y,
-  duration = 2e3,
-  intensity = 1,
-  onComplete,
-  className,
-  assetManifest,
-  width = 400,
-  height = 300
-}) {
-  const canvasRef = useRef(null);
-  const stateRef = useRef({ ...EMPTY_EFFECT_STATE });
-  const lastTimeRef = useRef(0);
-  const rafRef = useRef(0);
-  const imageCacheRef = useRef(/* @__PURE__ */ new Map());
-  const [shakeOffset, setShakeOffset] = useState({ x: 0, y: 0 });
-  const [flash, setFlash] = useState(null);
-  const shakeRef = useRef({ x: 0, y: 0, intensity: 0 });
-  const presets = useMemo(() => createCombatPresets(assetManifest), [assetManifest]);
-  const spriteUrls = useMemo(() => getAllEffectSpriteUrls(assetManifest), [assetManifest]);
-  useEffect(() => {
-    const cache = imageCacheRef.current;
-    for (const url of spriteUrls) {
-      if (!cache.has(url)) {
-        const img = new Image();
-        img.crossOrigin = "anonymous";
-        img.src = url;
-        cache.set(url, img);
-      }
-    }
-  }, [spriteUrls]);
-  const getImage = useCallback((url) => {
-    const img = imageCacheRef.current.get(url);
-    return img?.complete ? img : void 0;
-  }, []);
-  useEffect(() => {
-    const now = performance.now();
-    const effectX = x || width / 2;
-    const effectY = y || height / 2;
-    const preset = presets[actionType](effectX, effectY);
-    const state = stateRef.current;
-    for (const emitter of preset.particles) {
-      const scaledEmitter = { ...emitter, count: Math.round(emitter.count * intensity) };
-      state.particles.push(...spawnParticles(scaledEmitter, now));
-    }
-    for (const seqConfig of preset.sequences) {
-      state.sequences.push(spawnSequence(seqConfig, now));
-    }
-    for (const ovConfig of preset.overlays) {
-      state.overlays.push(spawnOverlay(ovConfig, now));
-    }
-    if (preset.screenShake > 0) {
-      shakeRef.current.intensity = preset.screenShake * intensity;
-    }
-    if (preset.screenFlash) {
-      const { r, g, b, duration: flashDur } = preset.screenFlash;
-      setFlash({ color: `rgb(${r}, ${g}, ${b})`, alpha: 0.3 });
-      setTimeout(() => setFlash(null), flashDur);
-    }
-    const timer = setTimeout(() => {
-      onComplete?.();
-    }, duration);
-    return () => clearTimeout(timer);
-  }, []);
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    function loop(animTime) {
-      const delta = lastTimeRef.current > 0 ? animTime - lastTimeRef.current : 16;
-      lastTimeRef.current = animTime;
-      stateRef.current = updateEffectState(stateRef.current, animTime, delta);
-      if (shakeRef.current.intensity > 0.2) {
-        const i = shakeRef.current.intensity;
-        shakeRef.current.x = (Math.random() - 0.5) * i * 2;
-        shakeRef.current.y = (Math.random() - 0.5) * i * 2;
-        shakeRef.current.intensity *= 0.85;
-        setShakeOffset({ x: shakeRef.current.x, y: shakeRef.current.y });
-      } else if (shakeRef.current.intensity > 0) {
-        shakeRef.current = { x: 0, y: 0, intensity: 0 };
-        setShakeOffset({ x: 0, y: 0 });
-      }
-      ctx.clearRect(0, 0, width, height);
-      drawEffectState(ctx, stateRef.current, animTime, getImage);
-      if (hasActiveEffects(stateRef.current)) {
-        rafRef.current = requestAnimationFrame(loop);
-      }
-    }
-    rafRef.current = requestAnimationFrame(loop);
-    return () => cancelAnimationFrame(rafRef.current);
-  }, [width, height, getImage]);
-  const shakeStyle = shakeOffset.x !== 0 || shakeOffset.y !== 0 ? { transform: `translate(${shakeOffset.x}px, ${shakeOffset.y}px)` } : {};
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn("absolute inset-0 pointer-events-none z-10", className),
-      style: shakeStyle,
-      children: [
-        flash && /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: "absolute inset-0 z-20 pointer-events-none rounded-lg",
-            style: { backgroundColor: flash.color, opacity: flash.alpha }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "canvas",
-          {
-            ref: canvasRef,
-            width,
-            height,
-            className: "absolute inset-0 w-full h-full",
-            style: { imageRendering: "pixelated" }
-          }
-        )
-      ]
-    }
-  );
-}
-function EmojiEffect({
-  actionType,
-  x,
-  y,
-  duration = 800,
-  intensity = 1,
-  onComplete,
-  className,
-  effectSpriteUrl,
-  assetBaseUrl
-}) {
-  const [visible, setVisible] = useState(true);
-  const [phase, setPhase] = useState("enter");
-  useEffect(() => {
-    const enterTimer = setTimeout(() => setPhase("active"), 100);
-    const exitTimer = setTimeout(() => setPhase("exit"), duration * 0.7);
-    const doneTimer = setTimeout(() => {
-      setVisible(false);
-      onComplete?.();
-    }, duration);
-    return () => {
-      clearTimeout(enterTimer);
-      clearTimeout(exitTimer);
-      clearTimeout(doneTimer);
-    };
-  }, [duration, onComplete]);
-  if (!visible) return null;
-  const config = ACTION_EMOJI[actionType] ?? ACTION_EMOJI.melee;
-  const scaleVal = phase === "enter" ? 0.3 : phase === "active" ? intensity : 0.5;
-  const opacity = phase === "exit" ? 0 : 1;
-  const resolvedSpriteUrl = effectSpriteUrl ? effectSpriteUrl.startsWith("http") || effectSpriteUrl.startsWith("/") ? effectSpriteUrl : assetBaseUrl ? `${assetBaseUrl.replace(/\/$/, "")}/${effectSpriteUrl}` : effectSpriteUrl : void 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className: cn(
-        "fixed pointer-events-none z-50 flex items-center justify-center",
-        "transition-all ease-out",
-        className
-      ),
-      style: {
-        left: x,
-        top: y,
-        transform: `translate(-50%, -50%) scale(${scaleVal})`,
-        opacity,
-        transitionDuration: phase === "enter" ? "100ms" : "300ms"
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: "absolute rounded-full animate-ping",
-            style: {
-              width: 48 * intensity,
-              height: 48 * intensity,
-              backgroundColor: config.color,
-              opacity: 0.25
-            }
-          }
-        ),
-        resolvedSpriteUrl ? /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: resolvedSpriteUrl,
-            alt: config.label,
-            className: "relative drop-shadow-lg",
-            style: {
-              width: `${3 * intensity}rem`,
-              height: `${3 * intensity}rem`,
-              objectFit: "contain",
-              imageRendering: "pixelated"
-            }
-          }
-        ) : /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "relative text-3xl drop-shadow-lg",
-            style: { fontSize: `${2 * intensity}rem` },
-            role: "img",
-            "aria-label": config.label,
-            children: config.emoji
-          }
-        )
-      ]
-    }
-  );
-}
-function CanvasEffect(props) {
-  const eventBus = useEventBus();
-  const { completeEvent, onComplete, ...rest } = props;
-  const handleComplete = useCallback(() => {
-    if (completeEvent) eventBus.emit(`UI:${completeEvent}`, {});
-    onComplete?.();
-  }, [completeEvent, eventBus, onComplete]);
-  const enhancedProps = { ...rest, onComplete: handleComplete };
-  if (props.assetManifest) {
-    return /* @__PURE__ */ jsx(CanvasEffectEngine, { ...enhancedProps, assetManifest: props.assetManifest });
-  }
-  return /* @__PURE__ */ jsx(EmojiEffect, { ...enhancedProps });
-}
-CanvasEffect.displayName = "CanvasEffect";
 function pickPath(entry) {
   if (Array.isArray(entry.path)) {
     return entry.path[Math.floor(Math.random() * entry.path.length)];
@@ -5805,7 +4565,7 @@ function BattleBoard({
   onUnitMove,
   calculateDamage: calculateDamage2,
   onDrawEffects,
-  hasActiveEffects: hasActiveEffects2 = false,
+  hasActiveEffects = false,
   effectSpriteUrls = [],
   resolveUnitFrame,
   tileClickEvent,
@@ -5880,25 +4640,25 @@ function BattleBoard({
   }, []);
   useEffect(() => {
     const interval = setInterval(() => {
-      const anim2 = movementAnimRef.current;
-      if (!anim2) return;
-      anim2.elapsed += 16;
-      const t2 = Math.min(anim2.elapsed / anim2.duration, 1);
+      const anim = movementAnimRef.current;
+      if (!anim) return;
+      anim.elapsed += 16;
+      const t2 = Math.min(anim.elapsed / anim.duration, 1);
       const eased = 1 - (1 - t2) * (1 - t2);
-      const cx = anim2.from.x + (anim2.to.x - anim2.from.x) * eased;
-      const cy = anim2.from.y + (anim2.to.y - anim2.from.y) * eased;
+      const cx = anim.from.x + (anim.to.x - anim.from.x) * eased;
+      const cy = anim.from.y + (anim.to.y - anim.from.y) * eased;
       if (t2 >= 1) {
         movementAnimRef.current = null;
         setMovingPositions((prev) => {
           const next = new Map(prev);
-          next.delete(anim2.unitId);
+          next.delete(anim.unitId);
           return next;
         });
-        anim2.onComplete();
+        anim.onComplete();
       } else {
         setMovingPositions((prev) => {
           const next = new Map(prev);
-          next.set(anim2.unitId, { x: cx, y: cy });
+          next.set(anim.unitId, { x: cx, y: cy });
           return next;
         });
       }
@@ -6069,7 +4829,7 @@ function BattleBoard({
             assetManifest,
             backgroundImage,
             onDrawEffects,
-            hasActiveEffects: hasActiveEffects2,
+            hasActiveEffects,
             effectSpriteUrls,
             resolveUnitFrame,
             unitScale
@@ -6365,25 +5125,25 @@ function WorldMapBoard({
   }, []);
   useEffect(() => {
     const interval = setInterval(() => {
-      const anim2 = movementAnimRef.current;
-      if (!anim2) return;
-      anim2.elapsed += 16;
-      const t = Math.min(anim2.elapsed / anim2.duration, 1);
+      const anim = movementAnimRef.current;
+      if (!anim) return;
+      anim.elapsed += 16;
+      const t = Math.min(anim.elapsed / anim.duration, 1);
       const eased = 1 - (1 - t) * (1 - t);
-      const cx = anim2.from.x + (anim2.to.x - anim2.from.x) * eased;
-      const cy = anim2.from.y + (anim2.to.y - anim2.from.y) * eased;
+      const cx = anim.from.x + (anim.to.x - anim.from.x) * eased;
+      const cy = anim.from.y + (anim.to.y - anim.from.y) * eased;
       if (t >= 1) {
         movementAnimRef.current = null;
         setMovingPositions((prev) => {
           const n = new Map(prev);
-          n.delete(anim2.heroId);
+          n.delete(anim.heroId);
           return n;
         });
-        anim2.onComplete();
+        anim.onComplete();
       } else {
         setMovingPositions((prev) => {
           const n = new Map(prev);
-          n.set(anim2.heroId, { x: cx, y: cy });
+          n.set(anim.heroId, { x: cx, y: cy });
           return n;
         });
       }
@@ -8398,8 +7158,8 @@ function SimulatorBoard({
   const { t } = useTranslate();
   const [values, setValues] = useState(() => {
     const init = {};
-    for (const p2 of entity.parameters) {
-      init[p2.id] = p2.initial;
+    for (const p of entity.parameters) {
+      init[p.id] = p.initial;
     }
     return init;
   });
@@ -8436,8 +7196,8 @@ function SimulatorBoard({
   };
   const handleFullReset = () => {
     const init = {};
-    for (const p2 of entity.parameters) {
-      init[p2.id] = p2.initial;
+    for (const p of entity.parameters) {
+      init[p.id] = p.initial;
     }
     setValues(init);
     setSubmitted(false);
@@ -8983,7 +7743,7 @@ function NegotiatorBoard({
     if (isComplete) return;
     const opponentAction = getOpponentAction(entity.opponentStrategy, entity.actions, history);
     const payoff = entity.payoffMatrix.find(
-      (p2) => p2.playerAction === actionId && p2.opponentAction === opponentAction
+      (p) => p.playerAction === actionId && p.opponentAction === opponentAction
     );
     const result = {
       round: currentRound + 1,
@@ -9157,7 +7917,7 @@ function resolvePreset(preset) {
   if (typeof preset !== "string") return preset;
   const needle = preset.toLowerCase();
   return ALL_PRESETS.find(
-    (p2) => p2.id === preset || p2.id.includes(needle) || p2.name.toLowerCase().includes(needle)
+    (p) => p.id === preset || p.id.includes(needle) || p.name.toLowerCase().includes(needle)
   ) ?? projectileMotion;
 }
 function SimulationCanvas({
@@ -9857,7 +8617,7 @@ var LineChart2 = ({ data, height, showValues, fill = false }) => {
       ...point
     }));
   }, [data, maxValue, chartWidth, chartHeight, padding]);
-  const linePath = points.map((p2, i) => `${i === 0 ? "M" : "L"} ${p2.x} ${p2.y}`).join(" ");
+  const linePath = points.map((p, i) => `${i === 0 ? "M" : "L"} ${p.x} ${p.y}`).join(" ");
   const areaPath = `${linePath} L ${points[points.length - 1]?.x ?? 0} ${padding.top + chartHeight} L ${padding.left} ${padding.top + chartHeight} Z`;
   return /* @__PURE__ */ jsxs("svg", { width: "100%", height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "xMidYMid meet", children: [
     [0, 0.25, 0.5, 0.75, 1].map((frac) => {
@@ -9878,18 +8638,18 @@ var LineChart2 = ({ data, height, showValues, fill = false }) => {
     }),
     fill && /* @__PURE__ */ jsx("path", { d: areaPath, fill: "var(--color-primary)", opacity: 0.1 }),
     /* @__PURE__ */ jsx("path", { d: linePath, fill: "none", stroke: "var(--color-primary)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    points.map((p2, idx) => /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx("circle", { cx: p2.x, cy: p2.y, r: "4", fill: "var(--color-card)", stroke: "var(--color-primary)", strokeWidth: "2" }),
-      showValues && /* @__PURE__ */ jsx("text", { x: p2.x, y: p2.y - 10, textAnchor: "middle", fill: "var(--color-foreground)", fontSize: "10", fontWeight: "500", children: p2.value }),
+    points.map((p, idx) => /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("circle", { cx: p.x, cy: p.y, r: "4", fill: "var(--color-card)", stroke: "var(--color-primary)", strokeWidth: "2" }),
+      showValues && /* @__PURE__ */ jsx("text", { x: p.x, y: p.y - 10, textAnchor: "middle", fill: "var(--color-foreground)", fontSize: "10", fontWeight: "500", children: p.value }),
       /* @__PURE__ */ jsx(
         "text",
         {
-          x: p2.x,
+          x: p.x,
           y: height - 8,
           textAnchor: "middle",
           fill: "var(--color-muted-foreground)",
           fontSize: "9",
-          children: p2.label
+          children: p.label
         }
       )
     ] }, idx))
@@ -10534,12 +9294,12 @@ var DocumentViewer = ({
   const handleZoomIn = useCallback(() => setZoom((z) => Math.min(z + 25, 200)), []);
   const handleZoomOut = useCallback(() => setZoom((z) => Math.max(z - 25, 50)), []);
   const handlePagePrev = useCallback(() => {
-    setCurrentPage((p2) => Math.max(p2 - 1, 1));
+    setCurrentPage((p) => Math.max(p - 1, 1));
     eventBus.emit("UI:DOCUMENT_PAGE_CHANGE", { page: currentPage - 1 });
   }, [eventBus, currentPage]);
   const handlePageNext = useCallback(() => {
     if (totalPages) {
-      setCurrentPage((p2) => Math.min(p2 + 1, totalPages));
+      setCurrentPage((p) => Math.min(p + 1, totalPages));
       eventBus.emit("UI:DOCUMENT_PAGE_CHANGE", { page: currentPage + 1 });
     }
   }, [totalPages, eventBus, currentPage]);
@@ -12141,4 +10901,4 @@ function WorldMapTemplate({
 }
 WorldMapTemplate.displayName = "WorldMapTemplate";
 
-export { ALL_PRESETS, AR_BOOK_FIELDS, ActionPalette, ActionTile, AuthLayout, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, BuilderBoard, CanvasEffect, CastleBoard, CastleTemplate, Chart, ClassifierBoard, CodeView, CodeViewer, CollapsibleSection, ConfirmDialog, ContentRenderer, CounterTemplate, DashboardGrid, DashboardLayout, DebuggerBoard, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawerSlot, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EventHandlerBoard, EventLog, FEATURE_TYPES, FormActions, FormLayout, FormSection, GameAudioContext, GameAudioProvider, GameAudioToggle, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, Header, IDENTITY_BOOK_FIELDS, JazariStateMachine, List, MediaGallery, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, PhysicsManager, RuleEditor, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, Section, SequenceBar, SequencerBoard, Sidebar, SignaturePad, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Split, SplitPane, StateArchitectBoard, StateMachineView, StateNode2 as StateNode, StatusBar, TERRAIN_COLORS, TabbedContainer, Table, TerrainPalette, Timeline, ToastSlot, TraitSlot, TraitStateViewer, TransitionArrow, UncontrolledBattleBoard, VariablePanel, WizardContainer, WorldMapBoard, WorldMapTemplate, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, generateCombatMessage, getCurrentFrame, inferDirection, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useGameAudio, useGameAudioContext, usePhysics2D, useSpriteAnimations };
+export { ALL_PRESETS, AR_BOOK_FIELDS, ActionPalette, ActionTile, AuthLayout, BattleBoard, BattleTemplate, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, BuilderBoard, CastleBoard, CastleTemplate, Chart, ClassifierBoard, CodeView, CodeViewer, CollapsibleSection, ConfirmDialog, ContentRenderer, CounterTemplate, DashboardGrid, DashboardLayout, DebuggerBoard, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawerSlot, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EventHandlerBoard, EventLog, FEATURE_TYPES, FormActions, FormLayout, FormSection, GameAudioContext, GameAudioProvider, GameAudioToggle, GameShell, GameTemplate, GenericAppTemplate, GraphCanvas, Header, IDENTITY_BOOK_FIELDS, JazariStateMachine, List, MediaGallery, ModalSlot, Navigation, NegotiatorBoard, NotifyListener, ObjectRulePanel, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, PhysicsManager, RuleEditor, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, Section, SequenceBar, SequencerBoard, Sidebar, SignaturePad, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Split, SplitPane, StateArchitectBoard, StateMachineView, StateNode2 as StateNode, StatusBar, TERRAIN_COLORS, TabbedContainer, Table, TerrainPalette, Timeline, ToastSlot, TraitSlot, TraitStateViewer, TransitionArrow, UncontrolledBattleBoard, VariablePanel, WizardContainer, WorldMapBoard, WorldMapTemplate, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, combatAnimations, combatClasses, combatEffects, createInitialGameState, createUnitAnimationState, generateCombatMessage, getCurrentFrame, inferDirection, mapBookData, pendulum, projectileMotion, resolveFieldMap, resolveFrame, resolveSheetDirection, springOscillator, tickAnimationState, transitionAnimation, useBattleState, useGameAudio, useGameAudioContext, usePhysics2D, useSpriteAnimations };