@almadar/shell-web 0.0.0-stage → 0.1.0

package/dist/components/index.js

@@ -0,0 +1,1110 @@
+export { assertUniqueSlotsPerHost } from '../chunk-5QTYQTPS.js';
+export { BehaviorView } from '../chunk-DLZF4PVE.js';
+export { ModuleCard } from '../chunk-2PY54Z44.js';
+import { JsonTreeEditor } from '../chunk-U6QRZASX.js';
+export { JsonTreeEditor } from '../chunk-U6QRZASX.js';
+export { SharedEntityStoreContext, createSharedEntityStore, runTickFrame, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, usePreview, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useTickVisibility, useTraitListens, useUIEvents, useValidation } from '../chunk-73SRAB4P.js';
+import { resolveSheetDirection, frameRect, GridPicker, FormSection } from '../chunk-GYTPOFVC.js';
+export { Card as ActionCard, ActionPalette, ActionTile, ActivationBlock, ActivityRail, AgentActivityFeed, AgentActivityRow, AgentChatFeed, AgentThinkingRow, Alert, AlgoGraphCanvas, AlgorithmCanvas, AnimatedCounter, AuthLayout, BiologyCanvas, BloomQuizBlock, BranchingLogicBuilder, Breadcrumb, ButtonGroup, COMPACT_MEDIA_QUERY, CalendarGrid, Canvas, Canvas2D, Carousel, ChangeList, Chart, ChartLegend, ChatBar, ChemistryCanvas, ChoiceButton, CodeBlock, CodeRunnerPanel, CommandPalette, CommitRow, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTION_KEYS, DEFAULT_MATRIX_COLUMN_KEYS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DateRangePicker, DateRangeSelector, DetailPanel, DialogueBubble, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DockLayout, DocumentDetails, DocumentPanel, DocumentViewer, StateMachineView as DomStateMachineVisualizer, DrawShapeLayer, DrawSprite, DrawSpriteLayer, DrawText, DrawTextLayer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EmojiPicker, ErrorBoundary, ErrorState, FEATURE_COLORS, FLOOR_HEIGHT, FeatureCard, FeatureGrid, FilterGroup, Flex, FlipCard, FloatingActionButton, FloatingToolbar, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, FxOverlay, GameAudioContext, GameAudioCue, GameAudioProvider, GameAudioToggle, GameHud, GameMenu, GameShell, Gantt, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, Header, HealthBar, IconButton, ImportPreviewTree, ImportProgress, ImportSourcePicker, InputGroup, JazariStateMachine, LearningCanvas, LearningScene3D, Lightbox, LikertScale, LineChart, LoadingState, MachinePanel, MapView, MarkdownContent, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, Navigation, NumberStepper, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, PageHeader, PageTransition, Pagination, PhysicsCanvas, PositionedCanvas, ProgressDots, PullToRefresh, QrScanner, QuizBlock, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichTextEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SegmentRenderer, SequenceBar, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SkeletonTree, SlotContentRenderer, SocialProof, SortableList, Split, SplitPane, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, SubagentTracePanel, SwipeableRow, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagInput, Timeline, TimerDisplay, Toast, ToastSlot, TopNavItem, TraitFrame, TraitSlot, TraitStateViewer, UISlotComponent, UISlotRenderer, UploadDropZone, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, activityRowFacts, applyCompletion, applySuggestions, arrowBetween, billboardLabel, createUnitAnimationState, cylinderBetween, dispatchCommandPaletteCommand, get3DClickPayload, getCurrentFrame, groupIntoConversations, inferDirection, isoToScreen, meshSphere, parseEditFocus, preloadCodeHighlighter, registerCodeLanguageLoader, renderPatternValue, resolveFrame, resolveSheetDirection, sanitizeRichHtml, screenToIso, tickAnimationState, toCodeLanguage, transitionAnimation, useCamera, useCompactLayout, useDockLayout, useGameAudio, useGameAudioContext, useImageCache } from '../chunk-GYTPOFVC.js';
+export { FileTree } from '../chunk-YDNJLLG6.js';
+import '../chunk-KVQS4GXU.js';
+import '../chunk-L677XGY3.js';
+import '../chunk-FP3WIKTC.js';
+export { Accordion } from '../chunk-42FY4RYA.js';
+export { EmptyState } from '../chunk-FAJDTHWC.js';
+import '../chunk-GAR5TQ5B.js';
+import { ThemedPortal } from '../chunk-SJGJJKBY.js';
+export { Popover, Tooltip } from '../chunk-SJGJJKBY.js';
+import '../chunk-DZ42OJQC.js';
+export { parseLessonSegments, parseMarkdownWithCodeBlocks } from '../chunk-P4LNHAFI.js';
+import '../chunk-TZZBINQY.js';
+export { DrawFxLayer, DrawGroup, DrawMesh, DrawShape, DrawSkinnedMesh } from '../chunk-PC7K4SK7.js';
+import '../chunk-VFF5OO47.js';
+import '../chunk-DFNZUYX4.js';
+import '../chunk-B4BU77LT.js';
+import '../chunk-6P3MWXYE.js';
+import '../chunk-DYEKAA4L.js';
+export { claimDelivery, keyChord, mergeCaptureTables, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useKeyboardRouter, useLongPress, usePageHead, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-R5O5AUPI.js';
+export { ALMADAR_DND_MIME, useDraggable, useDropZone } from '../chunk-L2DEKY4J.js';
+import '../chunk-AILY3XPS.js';
+import '../chunk-3BBUBJFF.js';
+export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-YHMRX6YA.js';
+import { VStack, Button, HStack, GameIcon, Typography, Box, useTranslate, Badge, Icon, cn, Select, domPassthrough, Switch, Input } from '../chunk-MBQAMMSE.js';
+import { getKnownPatterns, getPatternDefinition } from '../chunk-A2LR6VQQ.js';
+import '../chunk-P4ZFUQFF.js';
+import '../chunk-G7DCAZ22.js';
+import React4, { useRef, useState, useMemo, useEffect, useCallback, useLayoutEffect } from 'react';
+import * as LucideIcons from 'lucide-react';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { isSecretConfigType } from '@almadar/core';
+
+// src/lib/game.ts
+function createInitialGameState(width, height, units, defaultTerrain = "floorStone") {
+  const board = Array.from(
+    { length: height },
+    () => Array.from({ length: width }, () => ({
+      terrain: defaultTerrain
+    }))
+  );
+  const unitsMap = {};
+  for (const unit of units) {
+    unitsMap[unit.id] = unit;
+    if (unit.position.y < height && unit.position.x < width) {
+      board[unit.position.y][unit.position.x].unitId = unit.id;
+    }
+  }
+  return {
+    board,
+    units: unitsMap,
+    currentPhase: "observation",
+    currentTurn: 1,
+    activeTeam: "player",
+    validMoves: [],
+    attackTargets: []
+  };
+}
+function calculateValidMoves(state, unitId) {
+  const unit = state.units[unitId];
+  if (!unit) return [];
+  const moves = [];
+  const { x, y } = unit.position;
+  const range = unit.movement;
+  for (let dy = -range; dy <= range; dy++) {
+    for (let dx = -range; dx <= range; dx++) {
+      const nx = x + dx;
+      const ny = y + dy;
+      const distance = Math.abs(dx) + Math.abs(dy);
+      if (distance > 0 && distance <= range && ny >= 0 && ny < state.board.length && nx >= 0 && nx < state.board[0].length && !state.board[ny][nx].unitId && !state.board[ny][nx].isBlocked) {
+        moves.push({ x: nx, y: ny });
+      }
+    }
+  }
+  return moves;
+}
+function calculateAttackTargets(state, unitId) {
+  const unit = state.units[unitId];
+  if (!unit) return [];
+  const targets = [];
+  const { x, y } = unit.position;
+  const directions = [
+    { dx: -1, dy: 0 },
+    { dx: 1, dy: 0 },
+    { dx: 0, dy: -1 },
+    { dx: 0, dy: 1 }
+  ];
+  for (const { dx, dy } of directions) {
+    const nx = x + dx;
+    const ny = y + dy;
+    if (ny >= 0 && ny < state.board.length && nx >= 0 && nx < state.board[0].length) {
+      const targetTile = state.board[ny][nx];
+      if (targetTile.unitId) {
+        const targetUnit = state.units[targetTile.unitId];
+        if (targetUnit && targetUnit.team !== unit.team) {
+          targets.push({ x: nx, y: ny });
+        }
+      }
+    }
+  }
+  return targets;
+}
+
+// src/lib/boardEntity.ts
+function boardEntity(entity) {
+  if (!entity) return void 0;
+  return Array.isArray(entity) ? entity[0] : entity;
+}
+function str(v) {
+  return v == null ? "" : String(v);
+}
+function num(v, fallback = 0) {
+  const n = Number(v);
+  return Number.isFinite(n) ? n : fallback;
+}
+function bool(v) {
+  return Boolean(v);
+}
+function rows(v) {
+  return Array.isArray(v) ? v : [];
+}
+function vec2(v) {
+  const o = v ?? {};
+  return { x: num(o.x), y: num(o.y) };
+}
+function unitPosition(u) {
+  return vec2(u.position);
+}
+function unitTeam(u) {
+  return str(u.team);
+}
+function unitHealth(u) {
+  return num(u.health);
+}
+
+// src/lib/makeAsset.ts
+var ROLE_DEFAULTS = {
+  tile: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+  decoration: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+  effect: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+  item: { dimension: "2d", animations: ["static"], aspect: "5:7" },
+  player: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+  enemy: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+  npc: { dimension: "2d", animations: ["idle", "walk", "attack", "hit", "death"], aspect: "1:1" },
+  projectile: { dimension: "2d", animations: ["static"], aspect: "1:1" },
+  vehicle: { dimension: "2d", animations: ["idle", "walk"], aspect: "1:1" },
+  ui: { dimension: "2d", animations: ["static"], aspect: "1:1" }
+};
+function makeAsset(url, role, overrides = {}) {
+  const defaults = ROLE_DEFAULTS[role] ?? { dimension: "2d", animations: ["static"], aspect: "1:1" };
+  return {
+    url,
+    role,
+    category: url.split("/").pop()?.replace(/\.[^.]+$/, "") ?? role,
+    ...defaults,
+    ...overrides
+  };
+}
+function makeAssetMap(record, role, overrides = {}) {
+  const result = {};
+  for (const [key, url] of Object.entries(record)) {
+    result[key] = makeAsset(url, role, overrides);
+  }
+  return result;
+}
+function unitAtlasUrl(unit) {
+  return unit.spriteSheet?.url ?? null;
+}
+function resolveSheetUrl(atlasUrl, relativeSheetPath) {
+  try {
+    return new URL(relativeSheetPath, atlasUrl).toString();
+  } catch {
+    const base = atlasUrl.slice(0, atlasUrl.lastIndexOf("/") + 1);
+    return `${base}${relativeSheetPath.replace(/^\.\//, "")}`;
+  }
+}
+function useUnitSpriteAtlas(units) {
+  const atlasCacheRef = useRef(/* @__PURE__ */ new Map());
+  const loadingRef = useRef(/* @__PURE__ */ new Set());
+  const [pendingCount, setPendingCount] = useState(0);
+  const [, forceTick] = useState(0);
+  const atlasUrls = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const unit of units) {
+      const url = unitAtlasUrl(unit);
+      if (url) set.add(url);
+    }
+    return [...set];
+  }, [units]);
+  useEffect(() => {
+    const cache = atlasCacheRef.current;
+    const loading = loadingRef.current;
+    const toLoad = atlasUrls.filter((url) => !cache.has(url) && !loading.has(url));
+    if (toLoad.length === 0) return;
+    let cancelled = false;
+    setPendingCount((prev) => prev + toLoad.length);
+    for (const url of toLoad) {
+      loading.add(url);
+      fetch(url).then((res) => res.ok ? res.json() : Promise.reject(new Error(String(res.status)))).then((atlas) => {
+        if (cancelled) return;
+        cache.set(url, atlas);
+      }).catch(() => {
+      }).finally(() => {
+        if (cancelled) return;
+        loading.delete(url);
+        setPendingCount((prev) => Math.max(0, prev - 1));
+        forceTick((n) => n + 1);
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [atlasUrls]);
+  const sheetUrls = useMemo(() => {
+    const urls = /* @__PURE__ */ new Set();
+    for (const unit of units) {
+      const atlasUrl = unitAtlasUrl(unit);
+      if (!atlasUrl) continue;
+      const atlas = atlasCacheRef.current.get(atlasUrl);
+      if (!atlas) continue;
+      for (const rel of Object.values(atlas.sheets)) {
+        if (rel) urls.add(resolveSheetUrl(atlasUrl, rel));
+      }
+    }
+    return [...urls];
+  }, [units, pendingCount]);
+  const resolveUnitFrame = useCallback((unitId) => {
+    const unit = units.find((u) => u.id === unitId);
+    if (!unit) return null;
+    const atlasUrl = unitAtlasUrl(unit);
+    if (!atlasUrl) return null;
+    const atlas = atlasCacheRef.current.get(atlasUrl);
+    if (!atlas) return null;
+    const animation = unit.animation ?? "idle";
+    const frame = unit.frame ?? 0;
+    const def = atlas.animations[animation] ?? atlas.animations.idle;
+    if (!def) return null;
+    const { sheetDir, flipX } = resolveSheetDirection("se");
+    const rel = atlas.sheets[sheetDir] ?? atlas.sheets.se ?? atlas.sheets.sw;
+    if (!rel) return null;
+    const sheetUrl = resolveSheetUrl(atlasUrl, rel);
+    const rect = frameRect(frame, def.row, atlas.columns, atlas.frameWidth, atlas.frameHeight);
+    return {
+      sheetUrl,
+      sx: rect.sx,
+      sy: rect.sy,
+      sw: rect.sw,
+      sh: rect.sh,
+      flipX,
+      applyBreathing: animation === "idle"
+    };
+  }, [units]);
+  return { sheetUrls, resolveUnitFrame, pendingCount };
+}
+var MODE_LABEL_KEYS = {
+  select: "editor.modeSelect",
+  paint: "editor.modePaint",
+  unit: "editor.modeUnit",
+  feature: "editor.modeFeature",
+  erase: "editor.modeErase"
+};
+var TERRAIN_COLORS = {
+  grass: "#4a7c3f",
+  dirt: "#8b6c42",
+  stone: "#7a7a7a",
+  sand: "#c4a84d",
+  water: "#3a6ea5",
+  forest: "#2d5a1e",
+  mountain: "#5a4a3a",
+  lava: "#c44b2b",
+  ice: "#a0d2e8",
+  plains: "#6b8e4e",
+  fortress: "#4a4a5a",
+  castle: "#5a5a6a"
+};
+var FEATURE_TYPES = [
+  "goldMine",
+  "resonanceCrystal",
+  "traitCache",
+  "salvageYard",
+  "portal",
+  "battleMarker",
+  "treasure",
+  "castle"
+];
+function CollapsibleSection({ title, expanded, onToggle, children, assetManifest, className }) {
+  const ui = assetManifest?.ui;
+  return /* @__PURE__ */ jsxs(VStack, { gap: "xs", className, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: onToggle,
+        className: "w-full justify-start text-left",
+        children: /* @__PURE__ */ jsxs(HStack, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ jsx(
+            GameIcon,
+            {
+              icon: expanded ? ChevronDown : ChevronRight,
+              assetUrl: expanded ? ui?.["collapse"] : ui?.["expand"],
+              size: 14
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "label", weight: "semibold", children: title })
+        ] })
+      }
+    ),
+    expanded && /* @__PURE__ */ jsx(Box, { padding: "xs", paddingX: "sm", children })
+  ] });
+}
+CollapsibleSection.displayName = "CollapsibleSection";
+function EditorSlider({ label, value, min, max, step = 0.1, onChange, className }) {
+  const { locale } = useTranslate();
+  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "min-w-[80px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Box, { className: "flex-1", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "range",
+        min,
+        max,
+        step,
+        value,
+        onChange: (e) => onChange(parseFloat(e.target.value)),
+        className: "w-full h-1.5 bg-muted rounded-interactive appearance-none cursor-pointer accent-primary"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "min-w-[40px] text-right text-muted-foreground", children: typeof step === "number" && step < 1 ? new Intl.NumberFormat(locale, { minimumFractionDigits: 1, maximumFractionDigits: 1 }).format(value) : new Intl.NumberFormat(locale).format(value) })
+  ] });
+}
+EditorSlider.displayName = "EditorSlider";
+function EditorSelect({ label, value, options, onChange, className }) {
+  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "min-w-[80px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Box, { className: "flex-1", children: /* @__PURE__ */ jsx(
+      "select",
+      {
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: "w-full px-2 py-1 text-xs bg-muted text-foreground border border-muted rounded cursor-pointer",
+        children: options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+      }
+    ) })
+  ] });
+}
+EditorSelect.displayName = "EditorSelect";
+function EditorCheckbox({ label, checked, onChange, className }) {
+  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "min-w-[80px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange(e.target.checked),
+        className: "w-4 h-4 accent-primary cursor-pointer"
+      }
+    ) })
+  ] });
+}
+EditorCheckbox.displayName = "EditorCheckbox";
+function EditorTextInput({ label, value, onChange, placeholder, className }) {
+  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "min-w-[80px] text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx(Box, { className: "flex-1", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        className: "w-full px-2 py-1 text-xs bg-muted text-foreground border border-muted rounded"
+      }
+    ) })
+  ] });
+}
+EditorTextInput.displayName = "EditorTextInput";
+function StatusBar({ hoveredTile, mode, gridSize, unitCount, featureCount, className }) {
+  const { t } = useTranslate();
+  return /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", className: `px-3 py-1.5 bg-background border-t border-border ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx(Badge, { variant: "info", size: "sm", children: t(MODE_LABEL_KEYS[mode]) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("editor.tile", { position: hoveredTile ? `(${hoveredTile.x}, ${hoveredTile.y})` : "\u2014" }) }),
+    gridSize && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("editor.grid", { width: gridSize.width, height: gridSize.height }) }),
+    unitCount !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("editor.units", { count: unitCount }) }),
+    featureCount !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-muted-foreground", children: t("editor.features", { count: featureCount }) })
+  ] });
+}
+StatusBar.displayName = "StatusBar";
+function TerrainPalette({ terrains, selectedTerrain, onSelect, className }) {
+  return /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, className, children: terrains.map((terrain) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      onClick: () => onSelect(terrain),
+      className: `w-8 h-8 rounded cursor-pointer border-2 transition-all ${selectedTerrain === terrain ? "border-foreground scale-110 shadow-lg" : "border-muted hover:border-muted-foreground"}`,
+      style: { backgroundColor: TERRAIN_COLORS[terrain] || "var(--color-muted)" },
+      title: terrain
+    },
+    terrain
+  )) });
+}
+TerrainPalette.displayName = "TerrainPalette";
+function EditorToolbar({ mode, onModeChange, className }) {
+  const { t } = useTranslate();
+  const modes = ["select", "paint", "unit", "feature", "erase"];
+  return /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, className, children: modes.map((m) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: mode === m ? "primary" : "ghost",
+      size: "sm",
+      onClick: () => onModeChange(m),
+      children: t(MODE_LABEL_KEYS[m])
+    },
+    m
+  )) });
+}
+EditorToolbar.displayName = "EditorToolbar";
+
+// src/lib/puzzleObject.ts
+function objId(o) {
+  return o.id == null ? "" : String(o.id);
+}
+function objName(o) {
+  return o.name == null ? "" : String(o.name);
+}
+function objIcon(o) {
+  return o.icon == null ? "" : String(o.icon);
+}
+function objStates(o) {
+  return Array.isArray(o.states) ? o.states : [];
+}
+function objCurrentState(o) {
+  return o.currentState == null ? "" : String(o.currentState);
+}
+function objAvailableEvents(o) {
+  return Array.isArray(o.availableEvents) ? o.availableEvents : [];
+}
+function objAvailableActions(o) {
+  return Array.isArray(o.availableActions) ? o.availableActions : [];
+}
+function objRules(o) {
+  return Array.isArray(o.rules) ? o.rules : [];
+}
+function objMaxRules(o) {
+  const n = Number(o.maxRules);
+  return Number.isFinite(n) && n > 0 ? n : 3;
+}
+
+// src/lib/mechanics.ts
+var projectileMotion = {
+  id: "mechanics-projectile",
+  nameKey: "physicsPreset.projectileMotion",
+  descriptionKey: "physicsPreset.projectileMotionDescription",
+  domain: "natural",
+  gravity: { x: 0, y: 9.81 },
+  bodies: [
+    { id: "ball", x: 50, y: 350, vx: 80, vy: -120, mass: 1, radius: 10, color: "#e94560", fixed: false },
+    { id: "ground", x: 300, y: 390, vx: 0, vy: 0, mass: 1e3, radius: 400, color: "#333", fixed: true }
+  ],
+  showVelocity: true,
+  parameters: {
+    angle: { value: 45, min: 0, max: 90, step: 1, labelKey: "physicsPreset.launchAngle" },
+    velocity: { value: 100, min: 10, max: 200, step: 5, labelKey: "physicsPreset.initialVelocity" },
+    gravity: { value: 9.81, min: 0, max: 20, step: 0.1, labelKey: "physicsPreset.gravity" }
+  }
+};
+var pendulum = {
+  id: "mechanics-pendulum",
+  nameKey: "physicsPreset.simplePendulum",
+  descriptionKey: "physicsPreset.simplePendulumDescription",
+  domain: "natural",
+  gravity: { x: 0, y: 9.81 },
+  bodies: [
+    { id: "pivot", x: 300, y: 50, vx: 0, vy: 0, mass: 1e3, radius: 5, color: "#888", fixed: true },
+    { id: "bob", x: 400, y: 200, vx: 0, vy: 0, mass: 5, radius: 15, color: "#e94560", fixed: false }
+  ],
+  constraints: [{ bodyA: 0, bodyB: 1, length: 180, stiffness: 1 }],
+  parameters: {
+    length: { value: 180, min: 50, max: 300, step: 10, labelKey: "physicsPreset.stringLength" },
+    mass: { value: 5, min: 1, max: 20, step: 0.5, labelKey: "physicsPreset.mass" },
+    gravity: { value: 9.81, min: 0, max: 20, step: 0.1, labelKey: "physicsPreset.gravity" }
+  }
+};
+var springOscillator = {
+  id: "mechanics-spring",
+  nameKey: "physicsPreset.springOscillator",
+  descriptionKey: "physicsPreset.springOscillatorDescription",
+  domain: "natural",
+  gravity: { x: 0, y: 0 },
+  bodies: [
+    { id: "anchor", x: 300, y: 50, vx: 0, vy: 0, mass: 1e3, radius: 8, color: "#888", fixed: true },
+    { id: "mass", x: 300, y: 250, vx: 0, vy: 0, mass: 2, radius: 20, color: "#0f3460", fixed: false }
+  ],
+  constraints: [{ bodyA: 0, bodyB: 1, length: 150, stiffness: 0.5 }],
+  parameters: {
+    stiffness: { value: 0.5, min: 0.1, max: 2, step: 0.05, labelKey: "physicsPreset.springStiffness" },
+    mass: { value: 2, min: 0.5, max: 10, step: 0.5, labelKey: "physicsPreset.mass" },
+    damping: { value: 0, min: 0, max: 0.5, step: 0.01, labelKey: "physicsPreset.damping" }
+  }
+};
+
+// src/lib/physicsPresets.ts
+var ALL_PRESETS = [
+  projectileMotion,
+  pendulum,
+  springOscillator
+];
+function pascalToKebab(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
+}
+function kebabToPascal(name) {
+  return name.split("-").map((part) => /^\d+$/.test(part) ? part : part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+var ICON_ITEMS = (() => {
+  const items = [];
+  for (const [exportName, candidate] of Object.entries(LucideIcons)) {
+    if (!/^[A-Z]/.test(exportName)) continue;
+    if (exportName.endsWith("Icon")) continue;
+    if (exportName.startsWith("Lucide")) continue;
+    const isComponent = candidate !== null && (typeof candidate === "object" || typeof candidate === "function") && "$$typeof" in candidate;
+    if (!isComponent) continue;
+    const kebab = pascalToKebab(exportName);
+    if (kebabToPascal(kebab) !== exportName) continue;
+    items.push({ id: kebab, label: kebab, category: "icons" });
+  }
+  return items;
+})();
+var IconPicker = ({ value, onChange, className }) => {
+  const { t } = useTranslate();
+  const items = useMemo(() => {
+    const category = t("iconPicker.category");
+    return ICON_ITEMS.map((item) => ({ ...item, category }));
+  }, [t]);
+  return /* @__PURE__ */ jsx(
+    GridPicker,
+    {
+      items,
+      value,
+      onChange,
+      searchPlaceholder: t("iconPicker.search"),
+      renderThumbnail: (it) => /* @__PURE__ */ jsx(Icon, { name: it.id }),
+      cellSize: 32,
+      className
+    }
+  );
+};
+IconPicker.displayName = "IconPicker";
+var THUMB_PX = 32;
+var IMAGE_KINDS = /* @__PURE__ */ new Set([
+  "image",
+  "spritesheet",
+  "scene",
+  "portrait"
+]);
+function iconForKind(kind) {
+  if (kind === "audio") return "music";
+  if (kind === "model") return "box";
+  return "file";
+}
+var AssetPicker = ({
+  assets,
+  value,
+  onChange,
+  className
+}) => {
+  const byUrl = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const entry of assets) map.set(entry.url, entry);
+    return map;
+  }, [assets]);
+  const items = useMemo(
+    () => assets.map((entry) => ({
+      id: entry.url,
+      label: entry.name,
+      category: entry.category
+    })),
+    [assets]
+  );
+  const categories = useMemo(() => {
+    const seen = [];
+    for (const entry of assets) {
+      if (!seen.includes(entry.category)) seen.push(entry.category);
+    }
+    return seen;
+  }, [assets]);
+  const renderThumbnail = useCallback(
+    (item) => {
+      const entry = byUrl.get(item.id);
+      if (entry === void 0) return null;
+      if (IMAGE_KINDS.has(entry.kind)) {
+        return /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: entry.thumbnailUrl ?? entry.url,
+            alt: entry.name,
+            loading: "lazy",
+            width: THUMB_PX,
+            height: THUMB_PX,
+            style: { width: THUMB_PX, height: THUMB_PX, objectFit: "cover" }
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(Icon, { name: iconForKind(entry.kind), size: "sm" });
+    },
+    [byUrl]
+  );
+  return /* @__PURE__ */ jsx(
+    GridPicker,
+    {
+      items,
+      value,
+      onChange,
+      categories,
+      renderThumbnail,
+      cellSize: THUMB_PX,
+      className
+    }
+  );
+};
+AssetPicker.displayName = "AssetPicker";
+var TIER_ORDER = ["presentation", "domain", "policy", "infra", "internal"];
+var TIER_LABEL_KEYS = {
+  presentation: "propertyInspector.tier.presentation",
+  domain: "propertyInspector.tier.domain",
+  policy: "propertyInspector.tier.policy",
+  infra: "propertyInspector.tier.infra",
+  internal: "propertyInspector.tier.internal"
+};
+function currentValue(decl, override) {
+  return override !== void 0 ? override : decl.default;
+}
+function TextLikeControl({
+  field,
+  numeric,
+  secret,
+  value,
+  onCommit
+}) {
+  const initial = value === void 0 || value === null ? "" : String(value);
+  const [draft, setDraft] = React4.useState(initial);
+  React4.useEffect(() => setDraft(initial), [initial]);
+  const commit = () => {
+    if (numeric) {
+      const n = draft.trim() === "" ? 0 : Number(draft);
+      onCommit(field, Number.isNaN(n) ? 0 : n);
+    } else {
+      onCommit(field, draft);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      inputType: secret ? "password" : numeric ? "number" : "text",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") commit();
+      }
+    }
+  );
+}
+var SCALAR_TYPES = /* @__PURE__ */ new Set(["string", "number", "boolean", "icon", "asset", "Asset", "secret", "event"]);
+function isTraitConfigObject(v) {
+  return v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v);
+}
+function isAssetObject(v) {
+  return isTraitConfigObject(v) && typeof v.url === "string";
+}
+function FieldControl({
+  name,
+  decl,
+  value,
+  onChange,
+  assets
+}) {
+  const { t } = useTranslate();
+  let control;
+  const stringValue = typeof value === "string" ? value : void 0;
+  const effectiveValue = value ?? decl.default;
+  if (decl.type === "icon") {
+    control = /* @__PURE__ */ jsx(IconPicker, { value: stringValue, onChange: (icon) => onChange(name, icon) });
+  } else if (decl.type === "asset") {
+    control = /* @__PURE__ */ jsx(
+      AssetPicker,
+      {
+        assets: assets ?? [],
+        value: stringValue,
+        onChange: (url) => onChange(name, url)
+      }
+    );
+  } else if (decl.type === "Asset") {
+    const assetUrl = isAssetObject(effectiveValue) ? effectiveValue.url : "";
+    const baseAsset = isAssetObject(effectiveValue) ? effectiveValue : {};
+    control = /* @__PURE__ */ jsx(
+      AssetPicker,
+      {
+        assets: assets ?? [],
+        value: assetUrl,
+        onChange: (url) => onChange(name, { ...baseAsset, url })
+      }
+    );
+  } else if (decl.type === "boolean") {
+    control = /* @__PURE__ */ jsx(Switch, { checked: value === true, onChange: (c) => onChange(name, c) });
+  } else if (decl.type === "string" && decl.values !== void 0 && decl.values.length > 0) {
+    control = /* @__PURE__ */ jsx(
+      Select,
+      {
+        options: decl.values.map((v) => ({ value: v, label: v })),
+        value: typeof value === "string" ? value : "",
+        onValueChange: (v) => onChange(name, v)
+      }
+    );
+  } else if (decl.type === "number") {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: true, value, onCommit: onChange });
+  } else if (isSecretConfigType(decl.type)) {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: false, secret: true, value, onCommit: onChange });
+  } else if (decl.type === "event") {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: false, value, onCommit: onChange });
+  } else if (decl.type === "string") {
+    control = /* @__PURE__ */ jsx(TextLikeControl, { field: name, numeric: false, value, onCommit: onChange });
+  } else if (decl.type === "node") {
+    control = /* @__PURE__ */ jsx(NodeSlotEditor, { value: effectiveValue, onChange: (next) => onChange(name, next) });
+  } else if (decl.type.startsWith("[") || Array.isArray(effectiveValue)) {
+    const arr = Array.isArray(effectiveValue) ? effectiveValue : [];
+    control = /* @__PURE__ */ jsx(JsonTreeEditor, { value: arr, onChange: (next) => onChange(name, next) });
+  } else if (decl.type === "object" || decl.type.startsWith("Map ") || !SCALAR_TYPES.has(decl.type) && isTraitConfigObject(effectiveValue)) {
+    const obj = isTraitConfigObject(effectiveValue) ? effectiveValue : {};
+    control = /* @__PURE__ */ jsx(JsonTreeEditor, { value: obj, onChange: (next) => onChange(name, next) });
+  } else {
+    control = /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("propertyInspector.editInSource", { type: decl.type }) });
+  }
+  return /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "label", children: decl.label ?? name }),
+    control,
+    decl.description !== void 0 && decl.description !== "" && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: decl.description })
+  ] });
+}
+var PropertyInspector = ({
+  config,
+  values,
+  onChange,
+  onReset,
+  title,
+  className,
+  assets,
+  tiers
+}) => {
+  const { t } = useTranslate();
+  const allowedTiers = tiers ? new Set(tiers) : null;
+  const fields = Object.entries(config).filter(([, decl]) => {
+    if (!allowedTiers) return true;
+    return allowedTiers.has(decl.tier ?? "presentation");
+  });
+  const byTier = /* @__PURE__ */ new Map();
+  for (const [name, decl] of fields) {
+    const tier = decl.tier ?? "presentation";
+    const arr = byTier.get(tier) ?? [];
+    arr.push([name, decl]);
+    byTier.set(tier, arr);
+  }
+  const tierList = [...byTier.keys()].sort((a, b) => {
+    const ia = TIER_ORDER.indexOf(a);
+    const ib = TIER_ORDER.indexOf(b);
+    return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib);
+  });
+  return /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", weight: "bold", children: title ?? t("propertyInspector.config") }),
+      onReset !== void 0 && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", icon: "rotate-ccw", label: t("common.reset"), onClick: onReset })
+    ] }),
+    fields.length === 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("propertyInspector.noProperties") }),
+    tierList.map((tier) => /* @__PURE__ */ jsx(FormSection, { title: TIER_LABEL_KEYS[tier] ? t(TIER_LABEL_KEYS[tier]) : tier, collapsible: true, defaultCollapsed: tier !== "presentation", children: /* @__PURE__ */ jsx(VStack, { gap: "sm", children: byTier.get(tier)?.map(([name, decl]) => /* @__PURE__ */ jsx(
+      FieldControl,
+      {
+        name,
+        decl,
+        value: currentValue(decl, values?.[name]),
+        onChange,
+        assets
+      },
+      name
+    )) }) }, tier))
+  ] });
+};
+var isObj = (v) => v !== null && v !== void 0 && typeof v === "object" && !Array.isArray(v);
+function normalize(value) {
+  const wasArray = Array.isArray(value);
+  const pattern = wasArray ? value[0] : value;
+  const type = isObj(pattern) && typeof pattern["type"] === "string" ? pattern["type"] : "";
+  const props = {};
+  if (isObj(pattern)) {
+    for (const [k, v] of Object.entries(pattern)) if (k !== "type") props[k] = v;
+  }
+  return { type, props, wasArray };
+}
+var NodeSlotEditor = ({ value, onChange, className }) => {
+  const { t } = useTranslate();
+  const { type, props, wasArray } = normalize(value);
+  const patterns = React4.useMemo(() => {
+    try {
+      return [...getKnownPatterns()].sort();
+    } catch {
+      return [];
+    }
+  }, []);
+  const options = React4.useMemo(
+    () => [{ value: "", label: t("nodeSlot.none") }, ...patterns.map((p) => ({ value: p, label: p }))],
+    [patterns, t]
+  );
+  const emit = (nextType, nextProps) => {
+    if (!nextType) {
+      onChange(wasArray ? [] : {});
+      return;
+    }
+    const pattern = { type: nextType, ...nextProps };
+    onChange(wasArray || value === void 0 ? [pattern] : pattern);
+  };
+  const schemaEntries = React4.useMemo(() => {
+    if (!type) return [];
+    const def = getPatternDefinition(type);
+    if (!def?.propsSchema) return [];
+    return Object.entries(def.propsSchema).map(([propName, propDef]) => {
+      const decl = {
+        type: propDef.types?.[0] ?? "string",
+        description: propDef.description,
+        label: propName,
+        ...propDef.enumValues && propDef.enumValues.length > 0 ? { values: propDef.enumValues } : {}
+      };
+      return [propName, decl];
+    });
+  }, [type]);
+  const hasSchema = schemaEntries.length > 0;
+  return /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        options,
+        value: type,
+        onValueChange: (v) => emit(v, props)
+      }
+    ),
+    type !== "" && /* @__PURE__ */ jsxs(VStack, { gap: "none", className: "pl-1", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("nodeSlot.props") }),
+      hasSchema ? /* @__PURE__ */ jsx(VStack, { gap: "xs", children: schemaEntries.map(([propName, decl]) => /* @__PURE__ */ jsx(
+        FieldControl,
+        {
+          name: propName,
+          decl,
+          value: props[propName],
+          onChange: (field, val) => emit(type, { ...props, [field]: val })
+        },
+        propName
+      )) }) : /* @__PURE__ */ jsx(JsonTreeEditor, { value: props, onChange: (next) => emit(type, isObj(next) ? next : {}) })
+    ] })
+  ] });
+};
+var GAP = 10;
+var EDGE = 8;
+function resolveAnchorRect(anchor) {
+  if (typeof anchor === "string") {
+    return document.querySelector(anchor)?.getBoundingClientRect() ?? null;
+  }
+  if (anchor instanceof DOMRect) return anchor;
+  return anchor?.current?.getBoundingClientRect() ?? null;
+}
+function useAnchorRect(anchor, active) {
+  const [rect, setRect] = useState(null);
+  const read = useCallback(() => resolveAnchorRect(anchor), [anchor]);
+  useEffect(() => {
+    if (!active || typeof document === "undefined") {
+      setRect(null);
+      return;
+    }
+    const update = () => setRect(read());
+    update();
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    let raf = 0;
+    let tries = 0;
+    const poll = () => {
+      const found = read();
+      if (found) {
+        setRect(found);
+      } else if (tries++ < 40) {
+        raf = requestAnimationFrame(poll);
+      }
+    };
+    if (!read()) raf = requestAnimationFrame(poll);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+      if (raf) cancelAnimationFrame(raf);
+    };
+  }, [active, read]);
+  return rect;
+}
+function placeCard(placement, rect, size) {
+  const vw = typeof window !== "undefined" ? window.innerWidth : 1024;
+  const vh = typeof window !== "undefined" ? window.innerHeight : 768;
+  let top = 0;
+  let left = 0;
+  switch (placement) {
+    case "top":
+      top = rect.top - size.h - GAP;
+      left = rect.left + rect.width / 2 - size.w / 2;
+      break;
+    case "left":
+      left = rect.left - size.w - GAP;
+      top = rect.top + rect.height / 2 - size.h / 2;
+      break;
+    case "right":
+      left = rect.right + GAP;
+      top = rect.top + rect.height / 2 - size.h / 2;
+      break;
+    case "bottom":
+    default:
+      top = rect.bottom + GAP;
+      left = rect.left + rect.width / 2 - size.w / 2;
+      break;
+  }
+  left = Math.max(EDGE, Math.min(left, vw - size.w - EDGE));
+  top = Math.max(EDGE, Math.min(top, vh - size.h - EDGE));
+  return { top, left };
+}
+var Coachmark = ({
+  open,
+  anchor,
+  placement = "bottom",
+  title,
+  children,
+  onDismiss,
+  onPrimary,
+  primaryLabel,
+  onSecondary,
+  secondaryLabel,
+  showBeacon = false,
+  fallbackCentered = false,
+  className,
+  ...rest
+}) => {
+  const cardRef = useRef(null);
+  const { t } = useTranslate();
+  const rect = useAnchorRect(anchor, open);
+  const [pos, setPos] = useState(null);
+  const centered = open && !rect && fallbackCentered;
+  useLayoutEffect(() => {
+    if (!open || !rect || !cardRef.current) {
+      setPos(null);
+      return;
+    }
+    const size = {
+      w: cardRef.current.offsetWidth,
+      h: cardRef.current.offsetHeight
+    };
+    setPos(placeCard(placement, rect, size));
+  }, [open, rect, placement, children, title]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onDismiss();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onDismiss]);
+  if (!open || typeof document === "undefined") return null;
+  if (!rect && !centered) return null;
+  const hasFooter = Boolean(onPrimary || onSecondary);
+  const cardStyle = centered ? { top: "50%", left: "50%", transform: "translate(-50%, -50%)" } : pos ? { top: pos.top, left: pos.left } : { top: -9999, left: -9999 };
+  const card = /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: cardRef,
+      bg: "surface",
+      border: true,
+      rounded: "lg",
+      padding: "md",
+      ...domPassthrough(rest),
+      role: "dialog",
+      "aria-label": rest["aria-label"] ?? title,
+      className: cn(
+        "shadow-elevation-popover",
+        "fixed z-50 max-w-xs w-72 transition-opacity duration-fast",
+        centered || pos ? "opacity-100" : "opacity-0",
+        className
+      ),
+      style: cardStyle,
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            icon: "close",
+            "aria-label": t("aria.dismiss"),
+            onClick: onDismiss,
+            className: "absolute top-1 right-1 text-[var(--color-muted-foreground)] hover:text-[var(--color-foreground)]"
+          }
+        ),
+        title && /* @__PURE__ */ jsx(Typography, { variant: "body1", weight: "semibold", className: "pr-6 mb-1", children: title }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", as: "div", children }),
+        hasFooter && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-end gap-2", children: [
+          onSecondary && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onSecondary, children: secondaryLabel ?? t("coachmark.skip") }),
+          onPrimary && /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", onClick: onPrimary, children: primaryLabel ?? t("coachmark.gotIt") })
+        ] })
+      ]
+    }
+  );
+  const beacon = showBeacon && rect ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed z-50 pointer-events-none",
+      style: {
+        top: rect.top + rect.height / 2 - 6,
+        left: rect.left + rect.width / 2 - 6
+      },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxs("span", { className: "relative flex h-3 w-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-[var(--color-primary)] opacity-75" }),
+        /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-3 w-3 rounded-full bg-[var(--color-primary)]" })
+      ] })
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(ThemedPortal, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    beacon,
+    card
+  ] }) });
+};
+Coachmark.displayName = "Coachmark";
+var DIM = "fixed z-[45] bg-scrim";
+var OnboardingSpotlight = ({
+  steps,
+  stepIndex,
+  onNext,
+  onSkip,
+  onFinish,
+  cutoutPadding = 6
+}) => {
+  const { t } = useTranslate();
+  const step = steps[stepIndex];
+  const rect = useAnchorRect(step?.anchor ?? "", Boolean(step));
+  if (!step || typeof document === "undefined") return null;
+  const isLast = stepIndex >= steps.length - 1;
+  const backdrop = rect ? (() => {
+    const p = cutoutPadding;
+    const top = Math.max(0, rect.top - p);
+    const left = Math.max(0, rect.left - p);
+    const right = rect.right + p;
+    const bottom = rect.bottom + p;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: DIM, style: { top: 0, left: 0, right: 0, height: top } }),
+      /* @__PURE__ */ jsx("div", { className: DIM, style: { top: bottom, left: 0, right: 0, bottom: 0 } }),
+      /* @__PURE__ */ jsx("div", { className: DIM, style: { top, left: 0, width: left, height: bottom - top } }),
+      /* @__PURE__ */ jsx("div", { className: DIM, style: { top, left: right, right: 0, height: bottom - top } })
+    ] });
+  })() : /* @__PURE__ */ jsx("div", { className: cn(DIM, "inset-0") });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ThemedPortal, { children: backdrop }),
+    /* @__PURE__ */ jsxs(
+      Coachmark,
+      {
+        open: true,
+        anchor: step.anchor,
+        placement: step.placement ?? "bottom",
+        fallbackCentered: true,
+        title: step.title,
+        onDismiss: onSkip,
+        onSecondary: onSkip,
+        secondaryLabel: t("coachmark.skip"),
+        onPrimary: isLast ? onFinish : onNext,
+        primaryLabel: isLast ? t("common.done") : t("nav.next"),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: step.body }),
+          /* @__PURE__ */ jsx("span", { className: "mt-3 flex items-center gap-1.5", children: steps.map((_, i) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "h-1.5 w-1.5 rounded-full",
+                i === stepIndex ? "bg-[var(--color-primary)]" : "bg-[var(--color-border)]"
+              )
+            },
+            i
+          )) })
+        ]
+      }
+    )
+  ] });
+};
+OnboardingSpotlight.displayName = "OnboardingSpotlight";
+
+// src/components/core/organisms/types.ts
+var EntityDisplayEvents = {
+  SORT: "SORT",
+  PAGINATE: "PAGINATE",
+  SEARCH: "SEARCH",
+  FILTER: "FILTER",
+  CLEAR_FILTERS: "CLEAR_FILTERS",
+  SELECT: "SELECT",
+  DESELECT: "DESELECT"
+};
+
+export { ALL_PRESETS, AssetPicker, Coachmark, CollapsibleSection, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EntityDisplayEvents, FEATURE_TYPES, IconPicker, NodeSlotEditor, OnboardingSpotlight, PropertyInspector, StatusBar, TERRAIN_COLORS, TerrainPalette, boardEntity, bool, calculateAttackTargets, calculateValidMoves, createInitialGameState, makeAsset, makeAssetMap, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, pendulum, projectileMotion, rows, springOscillator, str, unitHealth, unitPosition, unitTeam, useAnchorRect, useUnitSpriteAtlas, vec2 };