@almadar/ui 4.25.0 → 4.27.0

package/dist/runtime/index.js

@@ -1,5 +1,5 @@
-import * as React113 from 'react';
-import React113__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId } from 'react';
+import * as React104 from 'react';
+import React104__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId } from 'react';
 import { EventBusContext, useTraitScope, OrbitalProvider, TraitScopeProvider, VerificationProvider } from '@almadar/ui/providers';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
@@ -8,7 +8,6 @@ import * as LucideIcons from 'lucide-react';
 import { X, AlertTriangle, Info, AlertCircle, CheckCircle, Loader2, List, Printer, ChevronRight, ChevronLeft, Check, Copy, Code, FileText, WrapText, Trash2, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { useUISlots, UISlotProvider } from '@almadar/ui/context';
-import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
 import { createPortal } from 'react-dom';
 import { Link, Outlet, useLocation } from 'react-router-dom';
 import ReactMarkdown from 'react-markdown';
@@ -35,7 +34,7 @@ import langToml from 'react-syntax-highlighter/dist/esm/languages/prism/toml.js'
 import langGo from 'react-syntax-highlighter/dist/esm/languages/prism/go.js';
 import langGraphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql.js';
 import { isCircuitEvent, schemaToIR, getPage, clearSchemaCache as clearSchemaCache$1, isEntityCall, isInlineTrait } from '@almadar/core';
-import '@tanstack/react-query';
+import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
 import { StateMachineManager, createContextFromBindings, interpolateValue, collectDeclaredConfigDefaults, createServerEffectHandlers, EffectExecutor, InMemoryPersistence } from '@almadar/runtime';
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
 
@@ -1016,7 +1015,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React113__default.forwardRef(
+    Box = React104__default.forwardRef(
       ({
         padding,
         paddingX,
@@ -1715,7 +1714,7 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React113__default.isValidElement(value)) {
+  if (React104__default.isValidElement(value)) {
     return value;
   }
   if (typeof value === "object" && value !== null && "render" in value) {
@@ -1791,7 +1790,7 @@ var init_Button = __esm({
       md: "h-4 w-4",
       lg: "h-5 w-5"
     };
-    Button = React113__default.forwardRef(
+    Button = React104__default.forwardRef(
       ({
         className,
         variant = "primary",
@@ -1894,7 +1893,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React113__default.forwardRef(
+    Badge = React104__default.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, ...props }, ref) => {
         const iconSizes2 = { sm: "w-3 h-3", md: "w-3.5 h-3.5", lg: "w-4 h-4" };
         const resolvedIcon = typeof icon === "string" ? (() => {
@@ -2041,11 +2040,11 @@ function refId(obj) {
   refIds.set(obj, id);
   return id;
 }
-var slotLog2, refIds, nextRefId;
+var slotLog, refIds, nextRefId;
 var init_slot_types = __esm({
   "runtime/ui/slot-types.ts"() {
     init_logger();
-    slotLog2 = createLogger("almadar:ui:slot-render");
+    slotLog = createLogger("almadar:ui:slot-render");
     refIds = /* @__PURE__ */ new WeakMap();
     nextRefId = 1;
   }
@@ -2054,7 +2053,7 @@ var Input;
 var init_Input = __esm({
   "components/atoms/Input.tsx"() {
     init_cn();
-    Input = React113__default.forwardRef(
+    Input = React104__default.forwardRef(
       ({
         className,
         inputType,
@@ -2172,7 +2171,7 @@ var Label;
 var init_Label = __esm({
   "components/atoms/Label.tsx"() {
     init_cn();
-    Label = React113__default.forwardRef(
+    Label = React104__default.forwardRef(
       ({ className, required, children, ...props }, ref) => {
         return /* @__PURE__ */ jsxs(
           "label",
@@ -2198,7 +2197,7 @@ var Textarea;
 var init_Textarea = __esm({
   "components/atoms/Textarea.tsx"() {
     init_cn();
-    Textarea = React113__default.forwardRef(
+    Textarea = React104__default.forwardRef(
       ({ className, error, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "textarea",
@@ -2227,7 +2226,7 @@ var Select;
 var init_Select = __esm({
   "components/atoms/Select.tsx"() {
     init_cn();
-    Select = React113__default.forwardRef(
+    Select = React104__default.forwardRef(
       ({ className, options, placeholder, error, ...props }, ref) => {
         return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxs(
@@ -2269,7 +2268,7 @@ var Checkbox;
 var init_Checkbox = __esm({
   "components/atoms/Checkbox.tsx"() {
     init_cn();
-    Checkbox = React113__default.forwardRef(
+    Checkbox = React104__default.forwardRef(
       ({ className, label, id, ...props }, ref) => {
         const inputId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
         return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -2351,7 +2350,7 @@ var init_Card = __esm({
       md: "shadow",
       lg: "shadow-lg"
     };
-    Card = React113__default.forwardRef(
+    Card = React104__default.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -2387,9 +2386,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React104__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React104__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -2402,11 +2401,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React104__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React113__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React104__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -2427,7 +2426,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React113__default.forwardRef(
+    Spinner = React104__default.forwardRef(
       ({ className, size = "md", ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "div",
@@ -2875,7 +2874,7 @@ var Radio;
 var init_Radio = __esm({
   "components/atoms/Radio.tsx"() {
     init_cn();
-    Radio = React113__default.forwardRef(
+    Radio = React104__default.forwardRef(
       ({
         label,
         helperText,
@@ -2889,7 +2888,7 @@ var init_Radio = __esm({
       }, ref) => {
         const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;
         const hasError = !!error;
-        const sizeClasses6 = {
+        const sizeClasses5 = {
           sm: "w-4 h-4",
           md: "w-5 h-5",
           lg: "w-6 h-6"
@@ -2923,7 +2922,7 @@ var init_Radio = __esm({
                   className: cn(
                     "flex items-center justify-center",
                     "border-[length:var(--border-width)] transition-all cursor-pointer",
-                    sizeClasses6[size],
+                    sizeClasses5[size],
                     hasError ? "border-error peer-focus:ring-error/20" : "border-border peer-focus:ring-ring/20",
                     checked ? hasError ? "border-error" : "border-primary bg-primary" : "",
                     "peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-offset-2",
@@ -2986,7 +2985,7 @@ var init_Switch = __esm({
   "components/atoms/Switch.tsx"() {
     "use client";
     init_cn();
-    Switch = React113.forwardRef(
+    Switch = React104.forwardRef(
       ({
         checked,
         defaultChecked = false,
@@ -2997,10 +2996,10 @@ var init_Switch = __esm({
         name,
         className
       }, ref) => {
-        const [isChecked, setIsChecked] = React113.useState(
+        const [isChecked, setIsChecked] = React104.useState(
           checked !== void 0 ? checked : defaultChecked
         );
-        React113.useEffect(() => {
+        React104.useEffect(() => {
           if (checked !== void 0) {
             setIsChecked(checked);
           }
@@ -3439,12 +3438,6 @@ var init_ThemeToggle = __esm({
     ThemeToggle.displayName = "ThemeToggle";
   }
 });
-var init_ThemeSelector = __esm({
-  "components/atoms/ThemeSelector.tsx"() {
-    "use client";
-    init_ThemeContext();
-  }
-});
 var FlipContainer;
 var init_FlipContainer = __esm({
   "components/atoms/FlipContainer.tsx"() {
@@ -3551,8 +3544,8 @@ var init_LawReferenceTooltip = __esm({
       position = "top",
       className
     }) => {
-      const [isVisible, setIsVisible] = React113__default.useState(false);
-      const timeoutRef = React113__default.useRef(null);
+      const [isVisible, setIsVisible] = React104__default.useState(false);
+      const timeoutRef = React104__default.useRef(null);
       const handleMouseEnter = () => {
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         timeoutRef.current = setTimeout(() => setIsVisible(true), 200);
@@ -3561,7 +3554,7 @@ var init_LawReferenceTooltip = __esm({
         if (timeoutRef.current) clearTimeout(timeoutRef.current);
         setIsVisible(false);
       };
-      React113__default.useEffect(() => {
+      React104__default.useEffect(() => {
         return () => {
           if (timeoutRef.current) clearTimeout(timeoutRef.current);
         };
@@ -3771,7 +3764,7 @@ var init_StatusDot = __esm({
       md: "w-2.5 h-2.5",
       lg: "w-3 h-3"
     };
-    StatusDot = React113__default.forwardRef(
+    StatusDot = React104__default.forwardRef(
       ({ className, status = "offline", pulse = false, size = "md", label, ...props }, ref) => {
         return /* @__PURE__ */ jsx(
           "span",
@@ -3824,7 +3817,7 @@ var init_TrendIndicator = __esm({
       down: TrendingDown,
       flat: ArrowRight
     };
-    TrendIndicator = React113__default.forwardRef(
+    TrendIndicator = React104__default.forwardRef(
       ({
         className,
         value,
@@ -3891,7 +3884,7 @@ var init_RangeSlider = __esm({
       md: "w-4 h-4",
       lg: "w-5 h-5"
     };
-    RangeSlider = React113__default.forwardRef(
+    RangeSlider = React104__default.forwardRef(
       ({
         className,
         min = 0,
@@ -4365,899 +4358,6 @@ var init_TypewriterText = __esm({
     TypewriterText.displayName = "TypewriterText";
   }
 });
-var levelToVariant, alignClasses, alignToStack, SectionHeader;
-var init_SectionHeader = __esm({
-  "components/atoms/SectionHeader.tsx"() {
-    init_cn();
-    init_Stack();
-    init_Typography();
-    levelToVariant = {
-      1: "h1",
-      2: "h2",
-      3: "h3"
-    };
-    alignClasses = {
-      center: "text-center",
-      left: "text-left",
-      right: "text-right"
-    };
-    alignToStack = {
-      center: "center",
-      left: "start",
-      right: "end"
-    };
-    SectionHeader = ({ title, subtitle, align = "center", level = 2, className }) => {
-      const variant = levelToVariant[level];
-      return /* @__PURE__ */ jsxs(
-        VStack,
-        {
-          gap: "sm",
-          align: alignToStack[align],
-          className: cn(alignClasses[align], className),
-          children: [
-            /* @__PURE__ */ jsx(Typography, { variant, weight: "bold", children: title }),
-            subtitle ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: subtitle }) : null
-          ]
-        }
-      );
-    };
-    SectionHeader.displayName = "SectionHeader";
-  }
-});
-var sizeClasses5, MarketingStatCard;
-var init_StatCard = __esm({
-  "components/atoms/StatCard.tsx"() {
-    init_cn();
-    init_Stack();
-    init_Typography();
-    sizeClasses5 = {
-      sm: "text-2xl",
-      md: "text-4xl",
-      lg: "text-5xl"
-    };
-    MarketingStatCard = ({ value, label, size = "md", className }) => {
-      return /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "center", className: cn(className), children: [
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            weight: "bold",
-            color: "primary",
-            className: cn(sizeClasses5[size]),
-            children: value
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: label })
-      ] });
-    };
-    MarketingStatCard.displayName = "MarketingStatCard";
-  }
-});
-var backgroundClasses, paddingClasses, ContentSection;
-var init_ContentSection = __esm({
-  "components/atoms/ContentSection.tsx"() {
-    init_cn();
-    init_Box();
-    backgroundClasses = {
-      default: "",
-      alt: "bg-surface",
-      dark: "bg-foreground text-background",
-      gradient: [
-        "bg-gradient-to-b",
-        "from-[var(--color-primary)]/5",
-        "to-[var(--color-secondary)]/5"
-      ].join(" ")
-    };
-    paddingClasses = {
-      sm: "py-12",
-      md: "py-16",
-      lg: "py-24"
-    };
-    ContentSection = React113__default.forwardRef(
-      ({ children, background = "default", padding = "lg", id, className }, ref) => {
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            ref,
-            as: "section",
-            id,
-            className: cn(
-              backgroundClasses[background],
-              paddingClasses[padding],
-              className
-            ),
-            children: /* @__PURE__ */ jsx(Box, { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children })
-          }
-        );
-      }
-    );
-    ContentSection.displayName = "ContentSection";
-  }
-});
-function lineIntersection(x1, y1, x2, y2, x3, y3, x4, y4) {
-  const denom = (x1 - x2) * (y3 - y4) - (y1 - y2) * (x3 - x4);
-  if (Math.abs(denom) < 1e-10) return [(x1 + x3) / 2, (y1 + y3) / 2];
-  const t = ((x1 - x3) * (y3 - y4) - (y1 - y3) * (x3 - x4)) / denom;
-  return [x1 + t * (x2 - x1), y1 + t * (y2 - y1)];
-}
-function f(n) {
-  return n.toFixed(3);
-}
-function picStar(cx, cy, R, n, theta, extent) {
-  const verts = [];
-  for (let k = 0; k < n; k++) {
-    const angle = PI / n + k * (2 * PI) / n;
-    verts.push([cx + R * Math.cos(angle), cy + R * Math.sin(angle)]);
-  }
-  const mids = [];
-  for (let k = 0; k < n; k++) {
-    const next = (k + 1) % n;
-    mids.push([(verts[k][0] + verts[next][0]) / 2, (verts[k][1] + verts[next][1]) / 2]);
-  }
-  const innerPts = [];
-  for (let k = 0; k < n; k++) {
-    const next = (k + 1) % n;
-    const M1 = mids[k];
-    const M2 = mids[next];
-    const edx1 = verts[(k + 1) % n][0] - verts[k][0];
-    const edy1 = verts[(k + 1) % n][1] - verts[k][1];
-    const elen1 = Math.sqrt(edx1 * edx1 + edy1 * edy1);
-    const tx1 = edx1 / elen1;
-    const ty1 = edy1 / elen1;
-    const r1x = tx1 * Math.cos(theta) + ty1 * Math.sin(theta);
-    const r1y = -tx1 * Math.sin(theta) + ty1 * Math.cos(theta);
-    const edx2 = verts[(next + 1) % n][0] - verts[next][0];
-    const edy2 = verts[(next + 1) % n][1] - verts[next][1];
-    const elen2 = Math.sqrt(edx2 * edx2 + edy2 * edy2);
-    const tx2 = edx2 / elen2;
-    const ty2 = edy2 / elen2;
-    const bTheta = PI - theta;
-    const r2x = tx2 * Math.cos(bTheta) + ty2 * Math.sin(bTheta);
-    const r2y = -tx2 * Math.sin(bTheta) + ty2 * Math.cos(bTheta);
-    const P = lineIntersection(
-      M1[0],
-      M1[1],
-      M1[0] + r1x * extent,
-      M1[1] + r1y * extent,
-      M2[0],
-      M2[1],
-      M2[0] + r2x * extent,
-      M2[1] + r2y * extent
-    );
-    innerPts.push(P);
-  }
-  const starPath = mids.map((m, k) => {
-    const inner = innerPts[k];
-    const nextMid = mids[(k + 1) % n];
-    return `M ${f(m[0])},${f(m[1])} L ${f(inner[0])},${f(inner[1])} L ${f(nextMid[0])},${f(nextMid[1])}`;
-  }).join(" ");
-  return { starPath, mids, verts };
-}
-function Star8({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const a = s / (1 + Math.SQRT2);
-  const R = a / (2 * Math.sin(PI / 8));
-  const theta = 67.5 * PI / 180;
-  const { starPath, mids } = picStar(cx, cy, R, 8, theta, s);
-  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
-  const crossPaths = [];
-  for (const [cornX, cornY] of corners) {
-    const dists = mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
-    dists.sort((a2, b) => a2.d - b.d);
-    const m1 = mids[dists[0].i];
-    const m2 = mids[dists[1].i];
-    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: starPath }),
-    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
-  ] });
-}
-function Star6({ size, color, strokeWidth }) {
-  const w = size;
-  const h = size * (2 / Math.sqrt(3));
-  const cx = w / 2;
-  const cy = h / 2;
-  const a = w / Math.sqrt(3);
-  const R = a;
-  const theta = 60 * PI / 180;
-  const { starPath, mids, verts } = picStar(cx, cy, R, 6, theta, w);
-  const triPaths = [];
-  for (let k = 0; k < 6; k++) {
-    const v = verts[k];
-    const m1 = mids[(k + 5) % 6];
-    const m2 = mids[k];
-    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: starPath }),
-    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
-  ] });
-}
-function Khatam({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const a = s / (1 + Math.SQRT2);
-  const R = a / (2 * Math.sin(PI / 8));
-  const theta = 72 * PI / 180;
-  const { starPath, mids } = picStar(cx, cy, R, 8, theta, s);
-  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
-  const crossPaths = [];
-  for (const [cornX, cornY] of corners) {
-    const dists = mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
-    dists.sort((a2, b) => a2.d - b.d);
-    const m1 = mids[dists[0].i];
-    const m2 = mids[dists[1].i];
-    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  const orbitR = R * 0.35;
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: starPath }),
-    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)),
-    /* @__PURE__ */ jsx("circle", { cx, cy, r: orbitR, opacity: "0.4" })
-  ] });
-}
-function RosetteDouble({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const a = s / (1 + Math.SQRT2);
-  const Router = a / (2 * Math.sin(PI / 8));
-  const Rinner = Router * 0.45;
-  const outer = picStar(cx, cy, Router, 8, 72 * PI / 180, s);
-  const inner = picStar(cx, cy, Rinner, 8, 68 * PI / 180, s);
-  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
-  const crossPaths = [];
-  for (const [cornX, cornY] of corners) {
-    const dists = outer.mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
-    dists.sort((a2, b) => a2.d - b.d);
-    const m1 = outer.mids[dists[0].i];
-    const m2 = outer.mids[dists[1].i];
-    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  const connectors = [];
-  for (let k = 0; k < 8; k++) {
-    const om = outer.mids[k];
-    const im = inner.mids[k];
-    connectors.push(`M ${f(im[0])},${f(im[1])} L ${f(om[0])},${f(om[1])}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: outer.starPath }),
-    /* @__PURE__ */ jsx("path", { d: inner.starPath, opacity: "0.7" }),
-    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
-    connectors.map((d, i) => /* @__PURE__ */ jsx("path", { d, opacity: "0.4" }, `n${i}`))
-  ] });
-}
-function RosetteFilled({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const a = s / (1 + Math.SQRT2);
-  const Router = a / (2 * Math.sin(PI / 8));
-  const theta = 72 * PI / 180;
-  const outer = picStar(cx, cy, Router, 8, theta, s);
-  const Rinner = Router * 0.35;
-  const inner6 = picStar(cx, cy, Rinner, 6, 60 * PI / 180, s);
-  const corners = [[0, 0], [s, 0], [s, s], [0, s]];
-  const crossPaths = [];
-  for (const [cornX, cornY] of corners) {
-    const dists = outer.mids.map((m, i) => ({ i, d: Math.hypot(m[0] - cornX, m[1] - cornY) }));
-    dists.sort((a2, b) => a2.d - b.d);
-    const m1 = outer.mids[dists[0].i];
-    const m2 = outer.mids[dists[1].i];
-    crossPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(cornX)},${f(cornY)} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  const triPaths = [];
-  for (let k = 0; k < 6; k++) {
-    const v = inner6.verts[k];
-    const m1 = inner6.mids[(k + 5) % 6];
-    const m2 = inner6.mids[k];
-    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  const orbitR = Router * 0.35;
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: outer.starPath }),
-    crossPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
-    /* @__PURE__ */ jsx("circle", { cx, cy, r: orbitR, opacity: "0.3" }),
-    /* @__PURE__ */ jsx("path", { d: inner6.starPath, opacity: "0.6" }),
-    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d, opacity: "0.5" }, `t${i}`))
-  ] });
-}
-function Star10({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const R = s * 0.42;
-  const theta = 72 * PI / 180;
-  const { starPath, mids, verts } = picStar(cx, cy, R, 10, theta, s);
-  const edgePaths = [];
-  for (let k = 0; k < 10; k++) {
-    const v = verts[k];
-    const m1 = mids[(k + 9) % 10];
-    const m2 = mids[k];
-    edgePaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: starPath }),
-    edgePaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
-  ] });
-}
-function Star12({ size, color, strokeWidth }) {
-  const s = size;
-  const cx = s / 2;
-  const cy = s / 2;
-  const R = s * 0.44;
-  const theta = 75 * PI / 180;
-  const { starPath, mids, verts } = picStar(cx, cy, R, 12, theta, s);
-  const triPaths = [];
-  for (let k = 0; k < 12; k++) {
-    const v = verts[k];
-    const m1 = mids[(k + 11) % 12];
-    const m2 = mids[k];
-    triPaths.push(`M ${f(m1[0])},${f(m1[1])} L ${f(v[0])},${f(v[1])} L ${f(m2[0])},${f(m2[1])}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    /* @__PURE__ */ jsx("path", { d: starPath }),
-    triPaths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
-  ] });
-}
-function Seigaiha({ size, color, strokeWidth }) {
-  const s = size;
-  const r = s / 2;
-  const paths = [];
-  const centers = [
-    [s / 2, s * 0.6],
-    [0, s * 0.1],
-    [s, s * 0.1]
-  ];
-  for (const [cx, cy] of centers) {
-    for (let ring = 1; ring <= 3; ring++) {
-      const cr = r * (ring / 3);
-      paths.push(
-        `M ${f(cx - cr)},${f(cy)} A ${f(cr)} ${f(cr)} 0 0 1 ${f(cx + cr)},${f(cy)}`
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function GreekKey({ size, color, strokeWidth }) {
-  const s = size;
-  const u = s / 4;
-  const paths = [
-    // Outer frame
-    `M 0,0 L ${f(s)},0`,
-    `M 0,${f(s)} L ${f(s)},${f(s)}`,
-    // Spiral from left
-    `M 0,${f(u)} L ${f(3 * u)},${f(u)} L ${f(3 * u)},${f(3 * u)} L ${f(u)},${f(3 * u)} L ${f(u)},${f(2 * u)} L ${f(2 * u)},${f(2 * u)}`,
-    // Spiral from right (mirrored, offset)
-    `M ${f(s)},${f(3 * u)} L ${f(s - 3 * u)},${f(3 * u)} L ${f(s - 3 * u)},${f(u)} L ${f(s - u)},${f(u)} L ${f(s - u)},${f(2 * u)} L ${f(s - 2 * u)},${f(2 * u)}`,
-    // Vertical connectors at edges
-    `M 0,0 L 0,${f(u)}`,
-    `M ${f(s)},0 L ${f(s)},${f(u)}`,
-    `M 0,${f(3 * u)} L 0,${f(s)}`,
-    `M ${f(s)},${f(3 * u)} L ${f(s)},${f(s)}`
-  ];
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function CelticKnot({ size, color, strokeWidth }) {
-  const s = size;
-  const q = s / 4;
-  const r = q * 0.9;
-  const paths = [
-    // Band 1: diagonal with curves at crossings
-    `M 0,0 Q ${f(q)},${f(q)} ${f(2 * q)},${f(2 * q)}`,
-    `M ${f(2 * q)},${f(2 * q)} Q ${f(3 * q)},${f(3 * q)} ${f(s)},${f(s)}`,
-    // Band 2: other diagonal
-    `M ${f(s)},0 Q ${f(3 * q)},${f(q)} ${f(2 * q)},${f(2 * q)}`,
-    `M ${f(2 * q)},${f(2 * q)} Q ${f(q)},${f(3 * q)} 0,${f(s)}`,
-    // Outer loops that connect bands at tile edges for continuous weave
-    `M 0,0 Q ${f(-q * 0.3)},${f(2 * q)} 0,${f(s)}`,
-    `M ${f(s)},0 Q ${f(s + q * 0.3)},${f(2 * q)} ${f(s)},${f(s)}`,
-    `M 0,0 Q ${f(2 * q)},${f(-q * 0.3)} ${f(s)},0`,
-    `M 0,${f(s)} Q ${f(2 * q)},${f(s + q * 0.3)} ${f(s)},${f(s)}`,
-    // Inner circle at crossing
-    `M ${f(2 * q + r * 0.3)},${f(2 * q)} A ${f(r * 0.3)} ${f(r * 0.3)} 0 1 1 ${f(2 * q + r * 0.3)},${f(2 * q + 1e-3)}`
-  ];
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function Kolam({ size, color, strokeWidth }) {
-  const s = size;
-  const u = s / 4;
-  const dotR = s * 0.015;
-  const dots = [];
-  for (let row = 1; row <= 3; row++) {
-    for (let col = 1; col <= 3; col++) {
-      dots.push([col * u, row * u]);
-    }
-  }
-  const curves = [];
-  for (let row = 1; row <= 3; row++) {
-    const y = row * u;
-    for (let col = 1; col < 3; col++) {
-      const x1 = col * u;
-      const x2 = (col + 1) * u;
-      const mx = (x1 + x2) / 2;
-      const bulge = u * 0.4;
-      curves.push(`M ${f(x1)},${f(y)} C ${f(mx)},${f(y - bulge)} ${f(mx)},${f(y - bulge)} ${f(x2)},${f(y)}`);
-      curves.push(`M ${f(x1)},${f(y)} C ${f(mx)},${f(y + bulge)} ${f(mx)},${f(y + bulge)} ${f(x2)},${f(y)}`);
-    }
-  }
-  for (let col = 1; col <= 3; col++) {
-    const x = col * u;
-    for (let row = 1; row < 3; row++) {
-      const y1 = row * u;
-      const y2 = (row + 1) * u;
-      const my = (y1 + y2) / 2;
-      const bulge = u * 0.4;
-      curves.push(`M ${f(x)},${f(y1)} C ${f(x - bulge)},${f(my)} ${f(x - bulge)},${f(my)} ${f(x)},${f(y2)}`);
-      curves.push(`M ${f(x)},${f(y1)} C ${f(x + bulge)},${f(my)} ${f(x + bulge)},${f(my)} ${f(x)},${f(y2)}`);
-    }
-  }
-  for (let k = 1; k <= 3; k++) {
-    curves.push(`M ${f(k * u)},${f(u)} C ${f(k * u)},${f(u * 0.5)} ${f(k * u)},${f(u * 0.5)} ${f(k * u)},0`);
-    curves.push(`M ${f(k * u)},${f(3 * u)} C ${f(k * u)},${f(3.5 * u)} ${f(k * u)},${f(3.5 * u)} ${f(k * u)},${f(s)}`);
-    curves.push(`M ${f(u)},${f(k * u)} C ${f(u * 0.5)},${f(k * u)} ${f(u * 0.5)},${f(k * u)} 0,${f(k * u)}`);
-    curves.push(`M ${f(3 * u)},${f(k * u)} C ${f(3.5 * u)},${f(k * u)} ${f(3.5 * u)},${f(k * u)} ${f(s)},${f(k * u)}`);
-  }
-  return /* @__PURE__ */ jsxs("g", { fill: "none", stroke: color, strokeWidth, children: [
-    curves.map((d, i) => /* @__PURE__ */ jsx("path", { d }, `c${i}`)),
-    dots.map(([x, y], i) => /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: dotR, fill: color, opacity: "0.5" }, `d${i}`))
-  ] });
-}
-function Arch({ size, color, strokeWidth }) {
-  const w = size;
-  const h = size * 1.5;
-  const cx = w / 2;
-  const paths = [];
-  for (let ring = 0; ring < 4; ring++) {
-    const scale = 1 - ring * 0.2;
-    const archW = w * 0.48 * scale;
-    const archH = h * 0.7 * scale;
-    const baseY = h * 0.85;
-    const tipY = baseY - archH;
-    const lx = cx - archW;
-    const rx = cx + archW;
-    const offset = archW * 0.3;
-    const lcx = lx + offset;
-    const rdx = cx - lcx;
-    const rdy = baseY - tipY;
-    const radius = Math.sqrt(rdx * rdx + rdy * rdy);
-    paths.push(
-      `M ${f(lx)},${f(baseY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(cx)},${f(tipY)} A ${f(radius)} ${f(radius)} 0 0 1 ${f(rx)},${f(baseY)}`
-    );
-    if (ring === 0) {
-      paths.push(`M ${f(lx)},${f(baseY)} L ${f(rx)},${f(baseY)}`);
-    }
-  }
-  const innerScale = 1 - 3 * 0.2;
-  const keyR = w * 0.48 * innerScale * 0.35;
-  const keyY = h * 0.85 - h * 0.7 * innerScale * 0.4;
-  paths.push(
-    `M ${f(cx + keyR)},${f(keyY)} A ${f(keyR)} ${f(keyR)} 0 1 1 ${f(cx + keyR)},${f(keyY + 1e-3)}`
-  );
-  const spR = w * 0.15;
-  paths.push(`M 0,0 A ${f(spR)} ${f(spR)} 0 0 0 ${f(spR)},${f(spR)}`);
-  paths.push(`M ${f(w)},0 A ${f(spR)} ${f(spR)} 0 0 1 ${f(w - spR)},${f(spR)}`);
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function ArabesqueVine({ size, color, strokeWidth }) {
-  const w = size;
-  const h = size * 1.2;
-  const cx = w / 2;
-  const paths = [];
-  const amp = w * 0.3;
-  const segments = 3;
-  const segH = h / segments;
-  for (let i = 0; i < segments; i++) {
-    const y0 = i * segH;
-    const y1 = y0 + segH;
-    const dir = i % 2 === 0 ? 1 : -1;
-    paths.push(
-      `M ${f(cx)},${f(y0)} C ${f(cx + amp * dir)},${f(y0 + segH * 0.33)} ${f(cx - amp * dir)},${f(y0 + segH * 0.66)} ${f(cx)},${f(y1)}`
-    );
-    const branchY = y0 + segH * 0.5;
-    const branchX = cx + amp * dir * 0.15;
-    const tendrilLen = w * 0.25;
-    const tlx = branchX - tendrilLen;
-    const tly = branchY - tendrilLen * 0.4;
-    paths.push(
-      `M ${f(branchX)},${f(branchY)} C ${f(branchX - tendrilLen * 0.5)},${f(branchY - tendrilLen * 0.8)} ${f(tlx - tendrilLen * 0.2)},${f(tly + tendrilLen * 0.3)} ${f(tlx)},${f(tly)}`
-    );
-    paths.push(
-      `M ${f(tlx)},${f(tly)} C ${f(tlx + tendrilLen * 0.3)},${f(tly + tendrilLen * 0.5)} ${f(branchX - tendrilLen * 0.2)},${f(branchY + tendrilLen * 0.3)} ${f(branchX)},${f(branchY)}`
-    );
-    const trx = branchX + tendrilLen;
-    const try_ = branchY + tendrilLen * 0.4;
-    paths.push(
-      `M ${f(branchX)},${f(branchY)} C ${f(branchX + tendrilLen * 0.5)},${f(branchY + tendrilLen * 0.8)} ${f(trx + tendrilLen * 0.2)},${f(try_ - tendrilLen * 0.3)} ${f(trx)},${f(try_)}`
-    );
-    paths.push(
-      `M ${f(trx)},${f(try_)} C ${f(trx - tendrilLen * 0.3)},${f(try_ - tendrilLen * 0.5)} ${f(branchX + tendrilLen * 0.2)},${f(branchY - tendrilLen * 0.3)} ${f(branchX)},${f(branchY)}`
-    );
-    const spiralR = tendrilLen * 0.15;
-    paths.push(
-      `M ${f(tlx)},${f(tly)} A ${f(spiralR)} ${f(spiralR)} 0 1 0 ${f(tlx + spiralR * 2)},${f(tly)}`
-    );
-    paths.push(
-      `M ${f(trx)},${f(try_)} A ${f(spiralR)} ${f(spiralR)} 0 1 1 ${f(trx - spiralR * 2)},${f(try_)}`
-    );
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function ArabesqueNet({ size, color, strokeWidth }) {
-  const s = size;
-  const cells = 4;
-  const cellW = s / cells;
-  const cellH = s / cells;
-  const paths = [];
-  for (let row = 0; row < cells; row++) {
-    for (let col = 0; col < cells; col++) {
-      const cx = col * cellW + cellW / 2;
-      const cy = row * cellH + cellH / 2;
-      const hw = cellW * 0.5;
-      const hh = cellH * 0.5;
-      const bulge = cellW * 0.25;
-      paths.push(
-        `M ${f(cx)},${f(cy - hh)} Q ${f(cx + bulge)},${f(cy - bulge)} ${f(cx + hw)},${f(cy)}`
-      );
-      paths.push(
-        `M ${f(cx + hw)},${f(cy)} Q ${f(cx + bulge)},${f(cy + bulge)} ${f(cx)},${f(cy + hh)}`
-      );
-      paths.push(
-        `M ${f(cx)},${f(cy + hh)} Q ${f(cx - bulge)},${f(cy + bulge)} ${f(cx - hw)},${f(cy)}`
-      );
-      paths.push(
-        `M ${f(cx - hw)},${f(cy)} Q ${f(cx - bulge)},${f(cy - bulge)} ${f(cx)},${f(cy - hh)}`
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function getTileDimensions(variant, size) {
-  if (variant === "star6") {
-    return { width: size, height: size * (2 / Math.sqrt(3)) };
-  }
-  if (variant === "arch") {
-    return { width: size, height: size * 1.5 };
-  }
-  if (variant === "arabesque-vine") {
-    return { width: size, height: size * 1.2 };
-  }
-  return { width: size, height: size };
-}
-var PI, VARIANT_MAP, PatternTile;
-var init_PatternTile = __esm({
-  "components/atoms/PatternTile.tsx"() {
-    "use client";
-    PI = Math.PI;
-    VARIANT_MAP = {
-      "star8": Star8,
-      "star6": Star6,
-      "khatam": Khatam,
-      "star10": Star10,
-      "star12": Star12,
-      "rosette-double": RosetteDouble,
-      "rosette-filled": RosetteFilled,
-      "seigaiha": Seigaiha,
-      "greek-key": GreekKey,
-      "celtic-knot": CelticKnot,
-      "kolam": Kolam,
-      "arch": Arch,
-      "arabesque-vine": ArabesqueVine,
-      "arabesque-net": ArabesqueNet
-    };
-    PatternTile = ({
-      variant = "star8",
-      size = 60,
-      color = "var(--color-primary)",
-      strokeWidth = 0.5,
-      className
-    }) => {
-      const Variant = VARIANT_MAP[variant];
-      return /* @__PURE__ */ jsx("g", { className, children: /* @__PURE__ */ jsx(Variant, { size, color, strokeWidth }) });
-    };
-    PatternTile.displayName = "PatternTile";
-  }
-});
-var initialStyles, animatedStyles, AnimatedReveal;
-var init_AnimatedReveal = __esm({
-  "components/atoms/AnimatedReveal.tsx"() {
-    "use client";
-    init_cn();
-    initialStyles = {
-      "fade-up": { opacity: 0, transform: "translateY(24px)" },
-      "fade-down": { opacity: 0, transform: "translateY(-24px)" },
-      "fade-in": { opacity: 0 },
-      "fade-left": { opacity: 0, transform: "translateX(24px)" },
-      "fade-right": { opacity: 0, transform: "translateX(-24px)" },
-      "scale": { opacity: 0, transform: "scale(0.92)" },
-      "scale-up": { opacity: 0, transform: "scale(0.92) translateY(16px)" },
-      "none": {}
-    };
-    animatedStyles = {
-      "fade-up": { opacity: 1, transform: "translateY(0)" },
-      "fade-down": { opacity: 1, transform: "translateY(0)" },
-      "fade-in": { opacity: 1 },
-      "fade-left": { opacity: 1, transform: "translateX(0)" },
-      "fade-right": { opacity: 1, transform: "translateX(0)" },
-      "scale": { opacity: 1, transform: "scale(1)" },
-      "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
-      "none": {}
-    };
-    AnimatedReveal = React113__default.forwardRef(
-      ({
-        trigger = "scroll",
-        animation = "fade-up",
-        duration = 600,
-        delay = 0,
-        threshold = 0.15,
-        once = true,
-        animate: manualAnimate,
-        easing = "cubic-bezier(0.16, 1, 0.3, 1)",
-        children,
-        className,
-        style,
-        ...props
-      }, forwardedRef) => {
-        const [isAnimated, setIsAnimated] = useState(false);
-        const internalRef = useRef(null);
-        const hasAnimated = useRef(false);
-        const setRef = useCallback(
-          (node) => {
-            internalRef.current = node;
-            if (typeof forwardedRef === "function") forwardedRef(node);
-            else if (forwardedRef) forwardedRef.current = node;
-          },
-          [forwardedRef]
-        );
-        useEffect(() => {
-          if (trigger !== "scroll") return;
-          const el = internalRef.current;
-          if (!el) return;
-          const observer = new IntersectionObserver(
-            ([entry]) => {
-              if (entry.isIntersecting) {
-                if (once && hasAnimated.current) return;
-                hasAnimated.current = true;
-                setIsAnimated(true);
-              } else if (!once) {
-                setIsAnimated(false);
-              }
-            },
-            { threshold }
-          );
-          observer.observe(el);
-          return () => observer.disconnect();
-        }, [trigger, threshold, once]);
-        const handleMouseEnter = trigger === "hover" ? () => setIsAnimated(true) : void 0;
-        const handleMouseLeave = trigger === "hover" ? () => {
-          if (!once || !hasAnimated.current) {
-            hasAnimated.current = true;
-            setIsAnimated(false);
-          }
-        } : void 0;
-        useEffect(() => {
-          if (trigger === "manual" && manualAnimate !== void 0) {
-            setIsAnimated(manualAnimate);
-          }
-        }, [trigger, manualAnimate]);
-        const active = isAnimated;
-        const currentStyle = active ? animatedStyles[animation] : initialStyles[animation];
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: setRef,
-            className: cn("will-change-[opacity,transform]", className),
-            style: {
-              ...currentStyle,
-              transitionProperty: "opacity, transform",
-              transitionDuration: `${duration}ms`,
-              transitionDelay: `${delay}ms`,
-              transitionTimingFunction: easing,
-              ...style
-            },
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            ...props,
-            children: typeof children === "function" ? children(active) : children
-          }
-        );
-      }
-    );
-    AnimatedReveal.displayName = "AnimatedReveal";
-  }
-});
-function useFetchedSvg(src) {
-  const [svg, setSvg] = useState(null);
-  const cache = useRef({});
-  useEffect(() => {
-    if (!src) {
-      setSvg(null);
-      return;
-    }
-    if (cache.current[src]) {
-      setSvg(cache.current[src]);
-      return;
-    }
-    let cancelled = false;
-    fetch(src).then((res) => {
-      if (!res.ok) throw new Error(`Failed to fetch SVG: ${res.status}`);
-      return res.text();
-    }).then((text) => {
-      if (cancelled) return;
-      cache.current[src] = text;
-      setSvg(text);
-    }).catch(() => {
-      if (!cancelled) setSvg(null);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [src]);
-  return svg;
-}
-function applyDrawAnimation(container, animate, duration, delay, easing) {
-  const paths = container.querySelectorAll("path, line, polyline, polygon, circle, ellipse, rect");
-  paths.forEach((el) => {
-    if ("getTotalLength" in el && typeof el.getTotalLength === "function") {
-      const len = el.getTotalLength();
-      el.style.strokeDasharray = `${len}`;
-      el.style.strokeDashoffset = animate ? "0" : `${len}`;
-      el.style.transition = `stroke-dashoffset ${duration}ms ${easing} ${delay}ms`;
-    }
-  });
-}
-function applyFillAnimation(container, animate, duration, delay, easing, fillColor) {
-  const paths = container.querySelectorAll("path, circle, ellipse, rect, polygon");
-  paths.forEach((el) => {
-    if ("getTotalLength" in el && typeof el.getTotalLength === "function") {
-      const geom = el;
-      const len = geom.getTotalLength();
-      geom.style.strokeDasharray = `${len}`;
-      geom.style.strokeDashoffset = animate ? "0" : `${len}`;
-      geom.style.transition = `stroke-dashoffset ${duration * 0.6}ms ${easing} ${delay}ms, fill-opacity ${duration * 0.4}ms ${easing} ${delay + duration * 0.6}ms`;
-    }
-    if (fillColor) el.style.fill = fillColor;
-    el.style.fillOpacity = animate ? "1" : "0";
-  });
-}
-function applyPulseAnimation(container, animate, duration) {
-  const svg = container.querySelector("svg");
-  if (!svg) return;
-  if (animate) {
-    svg.style.animation = `ag-pulse ${duration}ms ease-in-out infinite`;
-  } else {
-    svg.style.animation = "none";
-  }
-}
-function applyMorphAnimation(container, animate, duration, delay, easing) {
-  const paths = container.querySelectorAll("path, circle, ellipse, rect, polygon");
-  paths.forEach((el) => {
-    el.style.transition = `all ${duration}ms ${easing} ${delay}ms`;
-    el.style.transform = animate ? "scale(1)" : "scale(0)";
-    el.style.transformOrigin = "center";
-    el.style.opacity = animate ? "1" : "0";
-  });
-}
-var AnimatedGraphic;
-var init_AnimatedGraphic = __esm({
-  "components/atoms/AnimatedGraphic.tsx"() {
-    "use client";
-    init_cn();
-    AnimatedGraphic = React113__default.forwardRef(
-      ({
-        src,
-        svgContent,
-        animation = "draw",
-        animate = false,
-        duration = 1200,
-        delay = 0,
-        easing = "cubic-bezier(0.16, 1, 0.3, 1)",
-        width,
-        height,
-        strokeColor,
-        fillColor,
-        alt,
-        className,
-        style,
-        children,
-        ...props
-      }, ref) => {
-        const containerRef = useRef(null);
-        const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
-        const resolvedSvg = svgContent ?? fetchedSvg;
-        const prevAnimateRef = useRef(animate);
-        const setRef = React113__default.useCallback(
-          (node) => {
-            containerRef.current = node;
-            if (typeof ref === "function") ref(node);
-            else if (ref) ref.current = node;
-          },
-          [ref]
-        );
-        useEffect(() => {
-          const el = containerRef.current;
-          if (!el || !strokeColor) return;
-          const paths = el.querySelectorAll("path, line, polyline, polygon, circle, ellipse, rect");
-          paths.forEach((p2) => {
-            p2.style.stroke = strokeColor;
-          });
-        }, [resolvedSvg, strokeColor]);
-        useEffect(() => {
-          const el = containerRef.current;
-          if (!el || !resolvedSvg) return;
-          if (animation === "draw" || animation === "fill") {
-            const paths = el.querySelectorAll("path, line, polyline, polygon, circle, ellipse, rect");
-            paths.forEach((p2) => {
-              if ("getTotalLength" in p2 && typeof p2.getTotalLength === "function") {
-                const len = p2.getTotalLength();
-                p2.style.strokeDasharray = `${len}`;
-                p2.style.strokeDashoffset = `${len}`;
-              }
-              if (animation === "fill") {
-                p2.style.fillOpacity = "0";
-              }
-            });
-          }
-          if (animation === "morph") {
-            const paths = el.querySelectorAll("path, circle, ellipse, rect, polygon");
-            paths.forEach((p2) => {
-              p2.style.transform = "scale(0)";
-              p2.style.transformOrigin = "center";
-              p2.style.opacity = "0";
-            });
-          }
-        }, [resolvedSvg, animation]);
-        useEffect(() => {
-          const el = containerRef.current;
-          if (!el) return;
-          const id = requestAnimationFrame(() => {
-            switch (animation) {
-              case "draw":
-                applyDrawAnimation(el, animate, duration, delay, easing);
-                break;
-              case "fill":
-                applyFillAnimation(el, animate, duration, delay, easing, fillColor);
-                break;
-              case "pulse":
-                applyPulseAnimation(el, animate, duration);
-                break;
-              case "morph":
-                applyMorphAnimation(el, animate, duration, delay, easing);
-                break;
-            }
-          });
-          prevAnimateRef.current = animate;
-          return () => cancelAnimationFrame(id);
-        }, [animate, animation, duration, delay, easing, fillColor, resolvedSvg]);
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("style", { children: `@keyframes ag-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.04); opacity: 0.85; } }` }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: setRef,
-              className: cn("inline-flex items-center justify-center", className),
-              style: { width, height, ...style },
-              role: alt ? "img" : void 0,
-              "aria-label": alt,
-              ...props,
-              children: resolvedSvg ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "w-full h-full [&>svg]:w-full [&>svg]:h-full",
-                  dangerouslySetInnerHTML: { __html: resolvedSvg }
-                }
-              ) : children
-            }
-          )
-        ] });
-      }
-    );
-    AnimatedGraphic.displayName = "AnimatedGraphic";
-  }
-});
 function useTraitContent(traitName) {
   const slotManager = useUISlots();
   const [content, setContent] = useState(
@@ -5394,9 +4494,9 @@ function ScoreDisplay({
   ...rest
 }) {
   const resolvedValue = typeof value === "number" && !Number.isNaN(value) ? value : typeof rest.score === "number" && !Number.isNaN(rest.score) ? rest.score : 0;
-  const [displayValue, setDisplayValue] = React113.useState(resolvedValue);
-  const [isAnimating, setIsAnimating] = React113.useState(false);
-  React113.useEffect(() => {
+  const [displayValue, setDisplayValue] = React104.useState(resolvedValue);
+  const [isAnimating, setIsAnimating] = React104.useState(false);
+  React104.useEffect(() => {
     if (!animated || displayValue === resolvedValue) {
       setDisplayValue(resolvedValue);
       return;
@@ -5466,9 +4566,9 @@ function ControlButton({
   className
 }) {
   const eventBus = useEventBus();
-  const [isPressed, setIsPressed] = React113.useState(false);
+  const [isPressed, setIsPressed] = React104.useState(false);
   const actualPressed = pressed ?? isPressed;
-  const handlePointerDown = React113.useCallback(
+  const handlePointerDown = React104.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5478,7 +4578,7 @@ function ControlButton({
     },
     [disabled, pressEvent, eventBus, onPress]
   );
-  const handlePointerUp = React113.useCallback(
+  const handlePointerUp = React104.useCallback(
     (e) => {
       e.preventDefault();
       if (disabled) return;
@@ -5488,7 +4588,7 @@ function ControlButton({
     },
     [disabled, releaseEvent, eventBus, onRelease]
   );
-  const handlePointerLeave = React113.useCallback(
+  const handlePointerLeave = React104.useCallback(
     (e) => {
       if (isPressed) {
         setIsPressed(false);
@@ -6386,9 +5486,9 @@ function MiniMap({
   viewportRect,
   className
 }) {
-  const canvasRef = React113.useRef(null);
-  const frameRef = React113.useRef(0);
-  React113.useEffect(() => {
+  const canvasRef = React104.useRef(null);
+  const frameRef = React104.useRef(0);
+  React104.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -6473,24 +5573,6 @@ var init_MiniMap = __esm({
 // components/atoms/game/index.ts
 var init_game = __esm({
   "components/atoms/game/index.ts"() {
-    init_HealthBar();
-    init_ScoreDisplay();
-    init_ControlButton();
-    init_Sprite();
-    init_StateIndicator();
-    init_TimerDisplay();
-    init_ResourceCounter();
-    init_ItemSlot();
-    init_TurnIndicator();
-    init_ComboCounter();
-    init_XPBar();
-    init_WaypointMarker();
-    init_StatusEffect();
-    init_DamageNumber();
-    init_DialogueBubble();
-    init_ChoiceButton();
-    init_ActionButton();
-    init_MiniMap();
   }
 });
 
@@ -6499,8 +5581,6 @@ var init_atoms = __esm({
   "components/atoms/index.ts"() {
     init_Button();
     init_Input();
-    init_Label();
-    init_Textarea();
     init_Select();
     init_Checkbox();
     init_Card();
@@ -6508,38 +5588,12 @@ var init_atoms = __esm({
     init_Spinner();
     init_Avatar();
     init_Box();
-    init_Center();
     init_Divider();
     init_Icon();
     init_ProgressBar();
-    init_Radio();
-    init_Switch();
-    init_Spacer();
     init_Stack();
-    init_TextHighlight();
     init_Typography();
     init_ThemeToggle();
-    init_ThemeSelector();
-    init_Overlay();
-    init_FlipContainer();
-    init_ConditionalWrapper();
-    init_LawReferenceTooltip();
-    init_DayCell();
-    init_TimeSlotCell();
-    init_StatusDot();
-    init_TrendIndicator();
-    init_RangeSlider();
-    init_AnimatedCounter();
-    init_InfiniteScrollSentinel();
-    init_ConfettiEffect();
-    init_TypewriterText();
-    init_SectionHeader();
-    init_StatCard();
-    init_ContentSection();
-    init_PatternTile();
-    init_AnimatedReveal();
-    init_AnimatedGraphic();
-    init_TraitFrame();
     init_game();
   }
 });
@@ -6596,7 +5650,7 @@ var init_ErrorBoundary = __esm({
     "use client";
     init_cn();
     init_ErrorState();
-    ErrorBoundary = class extends React113__default.Component {
+    ErrorBoundary = class extends React104__default.Component {
       constructor(props) {
         super(props);
         __publicField(this, "reset", () => {
@@ -6759,33 +5813,6 @@ var init_Skeleton = __esm({
   }
 });
 
-// renderer/pattern-resolver.ts
-var init_pattern_resolver = __esm({
-  "renderer/pattern-resolver.ts"() {
-  }
-});
-
-// renderer/client-effect-executor.ts
-var init_client_effect_executor = __esm({
-  "renderer/client-effect-executor.ts"() {
-  }
-});
-var ClientEffectConfigContext;
-var init_useClientEffects = __esm({
-  "renderer/useClientEffects.ts"() {
-    "use client";
-    init_client_effect_executor();
-    ClientEffectConfigContext = createContext(null);
-    ClientEffectConfigContext.Provider;
-  }
-});
-
-// renderer/data-resolver.ts
-var init_data_resolver = __esm({
-  "renderer/data-resolver.ts"() {
-  }
-});
-
 // renderer/slot-definitions.ts
 function isPortalSlot(slot) {
   return SLOT_DEFINITIONS[slot]?.type === "portal";
@@ -6862,12 +5889,6 @@ var init_slot_definitions = __esm({
     };
   }
 });
-var init_offline_executor = __esm({
-  "renderer/offline-executor.ts"() {
-    "use client";
-    init_client_effect_executor();
-  }
-});
 function isInlineOrbital(orbital) {
   return "name" in orbital && typeof orbital.name === "string";
 }
@@ -6894,23 +5915,11 @@ var init_navigation = __esm({
     createContext(null);
   }
 });
-var init_init = __esm({
-  "renderer/init.ts"() {
-    init_pattern_resolver();
-  }
-});
 
 // renderer/index.ts
 var init_renderer = __esm({
   "renderer/index.ts"() {
-    init_pattern_resolver();
-    init_client_effect_executor();
-    init_useClientEffects();
-    init_data_resolver();
     init_slot_definitions();
-    init_offline_executor();
-    init_navigation();
-    init_init();
   }
 });
 
@@ -7088,8 +6097,8 @@ var init_Tooltip = __esm({
           if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);
         };
       }, []);
-      const triggerElement = React113__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const trigger = React113__default.cloneElement(triggerElement, {
+      const triggerElement = React104__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const trigger = React104__default.cloneElement(triggerElement, {
         ref: triggerRef,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
@@ -7210,8 +6219,8 @@ var init_Popover = __esm({
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose
       };
-      const childElement = React113__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
-      const triggerElement = React113__default.cloneElement(
+      const childElement = React104__default.isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+      const triggerElement = React104__default.cloneElement(
         childElement,
         {
           ref: triggerRef,
@@ -7328,8 +6337,8 @@ var init_Menu = __esm({
         "bottom-start": "top-full left-0 mt-2",
         "bottom-end": "top-full right-0 mt-2"
       };
-      const triggerChild = React113__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
-      const triggerElement = React113__default.cloneElement(
+      const triggerChild = React104__default.isValidElement(trigger) ? trigger : /* @__PURE__ */ jsx("span", { children: trigger });
+      const triggerElement = React104__default.cloneElement(
         triggerChild,
         {
           ref: triggerRef,
@@ -7848,13 +6857,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect70, useRef: useRef64, useCallback: useCallback109, useState: useState102 } = React113__default;
+      const { useEffect: useEffect61, useRef: useRef58, useCallback: useCallback88, useState: useState83 } = React104__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef64({ centerLat, centerLng, zoom });
-        useEffect70(() => {
+        const prevRef = useRef58({ centerLat, centerLng, zoom });
+        useEffect61(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -7865,7 +6874,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect70(() => {
+        useEffect61(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -7892,8 +6901,8 @@ var init_MapView = __esm({
         showAttribution = true
       }) {
         const eventBus = useEventBus2();
-        const [clickedPosition, setClickedPosition] = useState102(null);
-        const handleMapClick = useCallback109((lat, lng) => {
+        const [clickedPosition, setClickedPosition] = useState83(null);
+        const handleMapClick = useCallback88((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -7902,7 +6911,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback109((marker) => {
+        const handleMarkerClick = useCallback88((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -8079,7 +7088,7 @@ function InputPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React113__default.useState(value);
+  const [localValue, setLocalValue] = React104__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8117,7 +7126,7 @@ function TextareaPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React113__default.useState(value);
+  const [localValue, setLocalValue] = React104__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8149,7 +7158,7 @@ function SelectPattern({
   fieldName
 }) {
   const { emit } = useEventBus();
-  const [localValue, setLocalValue] = React113__default.useState(value);
+  const [localValue, setLocalValue] = React104__default.useState(value);
   const handleChange = (e) => {
     setLocalValue(e.target.value);
     if (onChange) {
@@ -8178,7 +7187,7 @@ function CheckboxPattern({
   className
 }) {
   const { emit } = useEventBus();
-  const [localChecked, setLocalChecked] = React113__default.useState(checked);
+  const [localChecked, setLocalChecked] = React104__default.useState(checked);
   const handleChange = (e) => {
     setLocalChecked(e.target.checked);
     if (onChange) {
@@ -8409,8 +7418,8 @@ function ActionButtons({
   disabled
 }) {
   const eventBus = useEventBus();
-  const [activeButtons, setActiveButtons] = React113.useState(/* @__PURE__ */ new Set());
-  const handlePress = React113.useCallback(
+  const [activeButtons, setActiveButtons] = React104.useState(/* @__PURE__ */ new Set());
+  const handlePress = React104.useCallback(
     (id) => {
       setActiveButtons((prev) => new Set(prev).add(id));
       if (actionEvent) eventBus.emit(`UI:${actionEvent}`, { id, pressed: true });
@@ -8418,7 +7427,7 @@ function ActionButtons({
     },
     [actionEvent, eventBus, onAction]
   );
-  const handleRelease = React113.useCallback(
+  const handleRelease = React104.useCallback(
     (id) => {
       setActiveButtons((prev) => {
         const next = new Set(prev);
@@ -8927,7 +7936,7 @@ function getSummary() {
     pending: allChecks.filter((c) => c.status === "pending").length
   };
 }
-function getSnapshot2() {
+function getSnapshot() {
   return {
     checks: getAllChecks(),
     transitions: getTransitions(),
@@ -8955,7 +7964,7 @@ function exposeOnWindow() {
   if (typeof window === "undefined") return;
   if (!window.__orbitalVerification) {
     window.__orbitalVerification = {
-      getSnapshot: getSnapshot2,
+      getSnapshot,
       getChecks: getAllChecks,
       getTransitions,
       getBridge: getBridgeHealth,
@@ -9272,10 +8281,10 @@ function IsometricCanvas({
     [unitsProp]
   );
   const features = useMemo(
-    () => featuresProp.map((f3) => {
-      if (f3.type) return f3;
-      const raw = f3;
-      return raw.featureType ? { ...f3, type: raw.featureType } : f3;
+    () => featuresProp.map((f) => {
+      if (f.type) return f;
+      const raw = f;
+      return raw.featureType ? { ...f, type: raw.featureType } : f;
     }),
     [featuresProp]
   );
@@ -9958,7 +8967,6 @@ var init_IsometricCanvas = __esm({
 var init_IsometricCanvas2 = __esm({
   "components/organisms/game/IsometricCanvas.tsx"() {
     init_IsometricCanvas();
-    init_IsometricCanvas();
   }
 });
 function BattleBoard({
@@ -10442,9 +9450,9 @@ var init_ScaledDiagram = __esm({
   }
 });
 
-// node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css
+// node_modules/katex/dist/katex.min.css
 var init_katex_min = __esm({
-  "node_modules/.pnpm/katex@0.16.45/node_modules/katex/dist/katex.min.css"() {
+  "node_modules/katex/dist/katex.min.css"() {
   }
 });
 var MarkdownContent;
@@ -10454,7 +9462,7 @@ var init_MarkdownContent = __esm({
     init_Box();
     init_useTranslate();
     init_cn();
-    MarkdownContent = React113__default.memo(
+    MarkdownContent = React104__default.memo(
       ({ content, direction, className }) => {
         const { t: _t } = useTranslate();
         const safeContent = typeof content === "string" ? content : String(content ?? "");
@@ -10671,7 +9679,7 @@ var init_CodeBlock = __esm({
     loloStyle = { ...dark, ...loloStyleOverrides };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React113__default.memo(
+    CodeBlock = React104__default.memo(
       ({
         code: rawCode,
         language = "text",
@@ -11930,7 +10938,7 @@ var init_StateMachineView = __esm({
                 style: { top: title ? 30 : 0 },
                 children: [
                   entity && /* @__PURE__ */ jsx(EntityBox, { entity, config }),
-                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React113__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
+                  states.map((state) => renderStateNode ? /* @__PURE__ */ jsx(React104__default.Fragment, { children: renderStateNode(state, config) }, state.id) : /* @__PURE__ */ jsx(
                     StateNode,
                     {
                       state,
@@ -12341,7 +11349,7 @@ function renderStateMachineToDomData(stateMachine, options = {}, config = DEFAUL
     const boxHeight = Math.max(80, fieldCount * 22 + 50);
     domEntity = {
       name: entity.name || "Entity",
-      fields: entity.fields?.map((f3) => typeof f3 === "string" ? f3 : f3.name) || [],
+      fields: entity.fields?.map((f) => typeof f === "string" ? f : f.name) || [],
       x: 20,
       y: height / 2 - boxHeight / 2,
       width: boxWidth,
@@ -12456,7 +11464,7 @@ function extractEntityFields(schema) {
   if (!entity || typeof entity !== "object" || !("fields" in entity)) return [];
   const inlineEntity = entity;
   if (!inlineEntity.fields) return [];
-  return inlineEntity.fields.map((f3) => f3.name).filter((n) => typeof n === "string" && n.length > 0);
+  return inlineEntity.fields.map((f) => f.name).filter((n) => typeof n === "string" && n.length > 0);
 }
 function toStateMachineDefinition(sm) {
   return {
@@ -14429,7 +13437,7 @@ function getAllEffectSpriteUrls(manifest) {
   if (manifest.animations) {
     for (const frames of Object.values(manifest.animations)) {
       if (Array.isArray(frames)) {
-        frames.forEach((f3) => urls.push(`${base}/${f3}`));
+        frames.forEach((f) => urls.push(`${base}/${f}`));
       }
     }
   }
@@ -14474,8 +13482,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 40,
           velocityMax: 120,
-          angleMin: -PI2 * 0.8,
-          angleMax: -PI2 * 0.2,
+          angleMin: -PI * 0.8,
+          angleMax: -PI * 0.2,
           gravity: 0,
           tint: { r: 255, g: 60, b: 40 },
           scaleMin: 0.3,
@@ -14492,8 +13500,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 20,
           velocityMax: 60,
-          angleMin: -PI2 * 0.9,
-          angleMax: -PI2 * 0.1,
+          angleMin: -PI * 0.9,
+          angleMax: -PI * 0.1,
           gravity: 120,
           tint: { r: 180, g: 140, b: 90 },
           scaleMin: 0.15,
@@ -14510,8 +13518,8 @@ function createCombatPresets(manifest) {
           spread: 5,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI2 * 0.7,
-          angleMax: -PI2 * 0.3,
+          angleMin: -PI * 0.7,
+          angleMax: -PI * 0.3,
           gravity: 0,
           tint: { r: 255, g: 200, b: 150 },
           scaleMin: 0.25,
@@ -14553,8 +13561,8 @@ function createCombatPresets(manifest) {
           spread: 4,
           velocityMin: 60,
           velocityMax: 150,
-          angleMin: -PI2 * 0.6,
-          angleMax: -PI2 * 0.4,
+          angleMin: -PI * 0.6,
+          angleMax: -PI * 0.4,
           gravity: 0,
           tint: { r: 255, g: 220, b: 100 },
           scaleMin: 0.2,
@@ -14571,8 +13579,8 @@ function createCombatPresets(manifest) {
           spread: 3,
           velocityMin: 100,
           velocityMax: 200,
-          angleMin: -PI2 * 0.55,
-          angleMax: -PI2 * 0.45,
+          angleMin: -PI * 0.55,
+          angleMax: -PI * 0.45,
           gravity: 0,
           tint: { r: 255, g: 200, b: 80 },
           scaleMin: 0.15,
@@ -14589,8 +13597,8 @@ function createCombatPresets(manifest) {
           spread: 6,
           velocityMin: 10,
           velocityMax: 30,
-          angleMin: -PI2 * 0.8,
-          angleMax: -PI2 * 0.2,
+          angleMin: -PI * 0.8,
+          angleMax: -PI * 0.2,
           gravity: -20,
           tint: { r: 200, g: 200, b: 200 },
           scaleMin: 0.2,
@@ -14633,7 +13641,7 @@ function createCombatPresets(manifest) {
           velocityMin: 20,
           velocityMax: 80,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: -30,
           tint: { r: 180, g: 80, b: 255 },
           scaleMin: 0.2,
@@ -14654,7 +13662,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: -15,
           tint: { r: 200, g: 120, b: 255 },
           scaleMin: 0.1,
@@ -14672,7 +13680,7 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI2,
+          angleMin: -PI,
           angleMax: 0,
           gravity: -40,
           tint: { r: 220, g: 180, b: 255 },
@@ -14721,8 +13729,8 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 10,
           velocityMax: 40,
-          angleMin: -PI2,
-          angleMax: -PI2 * 0.3,
+          angleMin: -PI,
+          angleMax: -PI * 0.3,
           gravity: -50,
           tint: { r: 80, g: 255, b: 120 },
           scaleMin: 0.15,
@@ -14740,8 +13748,8 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI2 * 0.9,
-          angleMax: -PI2 * 0.1,
+          angleMin: -PI * 0.9,
+          angleMax: -PI * 0.1,
           gravity: -60,
           tint: { r: 100, g: 255, b: 140 },
           scaleMin: 0.1,
@@ -14790,7 +13798,7 @@ function createCombatPresets(manifest) {
           velocityMin: 10,
           velocityMax: 35,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 0,
           tint: { r: 80, g: 160, b: 255 },
           scaleMin: 0.12,
@@ -14839,7 +13847,7 @@ function createCombatPresets(manifest) {
           velocityMin: 8,
           velocityMax: 30,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 0,
           tint: { r: 60, g: 180, b: 255 },
           scaleMin: 0.1,
@@ -14890,7 +13898,7 @@ function createCombatPresets(manifest) {
           velocityMin: 50,
           velocityMax: 150,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 80,
           tint: { r: 255, g: 180, b: 50 },
           scaleMin: 0.08,
@@ -14931,7 +13939,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 180,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 60,
           tint: { r: 255, g: 120, b: 30 },
           scaleMin: 0.15,
@@ -14949,7 +13957,7 @@ function createCombatPresets(manifest) {
           velocityMin: 80,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 100,
           tint: { r: 255, g: 200, b: 60 },
           scaleMin: 0.06,
@@ -14992,7 +14000,7 @@ function createCombatPresets(manifest) {
           velocityMin: 30,
           velocityMax: 100,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 100,
           tint: { r: 140, g: 140, b: 140 },
           scaleMin: 0.15,
@@ -15058,7 +14066,7 @@ function createCombatPresets(manifest) {
           spread: 15,
           velocityMin: 15,
           velocityMax: 50,
-          angleMin: -PI2,
+          angleMin: -PI,
           angleMax: 0,
           gravity: -30,
           tint: { r: 255, g: 215, b: 50 },
@@ -15077,8 +14085,8 @@ function createCombatPresets(manifest) {
           spread: 8,
           velocityMin: 5,
           velocityMax: 20,
-          angleMin: -PI2 * 0.7,
-          angleMax: -PI2 * 0.3,
+          angleMin: -PI * 0.7,
+          angleMax: -PI * 0.3,
           gravity: -20,
           tint: { r: 255, g: 230, b: 100 },
           scaleMin: 0.2,
@@ -15126,7 +14134,7 @@ function createCombatPresets(manifest) {
           spread: 12,
           velocityMin: 15,
           velocityMax: 40,
-          angleMin: -PI2,
+          angleMin: -PI,
           angleMax: 0,
           gravity: -20,
           tint: { r: 120, g: 40, b: 160 },
@@ -15144,8 +14152,8 @@ function createCombatPresets(manifest) {
           spread: 10,
           velocityMin: 8,
           velocityMax: 25,
-          angleMin: -PI2 * 0.8,
-          angleMax: -PI2 * 0.2,
+          angleMin: -PI * 0.8,
+          angleMax: -PI * 0.2,
           gravity: -15,
           tint: { r: 100, g: 50, b: 140 },
           scaleMin: 0.2,
@@ -15192,7 +14200,7 @@ function createCombatPresets(manifest) {
           velocityMin: 40,
           velocityMax: 140,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 40,
           tint: { r: 255, g: 140, b: 30 },
           scaleMin: 0.2,
@@ -15210,7 +14218,7 @@ function createCombatPresets(manifest) {
           velocityMin: 60,
           velocityMax: 200,
           angleMin: 0,
-          angleMax: PI2 * 2,
+          angleMax: PI * 2,
           gravity: 60,
           tint: { r: 255, g: 180, b: 60 },
           scaleMin: 0.06,
@@ -15241,10 +14249,10 @@ function createCombatPresets(manifest) {
     }
   };
 }
-var PI2;
+var PI;
 var init_combatPresets = __esm({
   "components/organisms/game/utils/combatPresets.ts"() {
-    PI2 = Math.PI;
+    PI = Math.PI;
   }
 });
 function CanvasEffectEngine({
@@ -15700,7 +14708,7 @@ var init_Pagination = __esm({
 });
 function normalizeFields(fields) {
   if (!fields) return [];
-  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
+  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
 }
 function fieldLabel(key) {
   return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
@@ -15790,8 +14798,8 @@ var init_CardGrid = __esm({
         eventBus.emit("UI:PAGINATE", { page: newPage, pageSize });
       };
       const titleField = effectiveFieldNames?.[0];
-      const statusField = effectiveFieldNames?.find((f3) => STATUS_FIELDS.has(f3.toLowerCase()));
-      const bodyFields = effectiveFieldNames?.filter((f3) => f3 !== titleField && f3 !== statusField) ?? [];
+      const statusField = effectiveFieldNames?.find((f) => STATUS_FIELDS.has(f.toLowerCase()));
+      const bodyFields = effectiveFieldNames?.filter((f) => f !== titleField && f !== statusField) ?? [];
       const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
       const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
       const handleActionClick = (action, itemData) => (e) => {
@@ -16222,7 +15230,7 @@ function CastleBoard({
   const [selectedFeature, setSelectedFeature] = useState(null);
   const hoveredFeature = useMemo(() => {
     if (!hoveredTile) return null;
-    return features.find((f3) => f3.x === hoveredTile.x && f3.y === hoveredTile.y) ?? null;
+    return features.find((f) => f.x === hoveredTile.x && f.y === hoveredTile.y) ?? null;
   }, [hoveredTile, features]);
   const hoveredUnit = useMemo(() => {
     if (!hoveredTile) return null;
@@ -16237,7 +15245,7 @@ function CastleBoard({
     [scale, baseOffsetX]
   );
   const handleTileClick = useCallback((x, y) => {
-    const feature = features.find((f3) => f3.x === x && f3.y === y);
+    const feature = features.find((f) => f.x === x && f.y === y);
     if (feature) {
       setSelectedFeature(feature);
       onFeatureClick?.(feature);
@@ -17650,7 +16658,7 @@ function CraftingRecipe({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCraft = React113.useCallback(() => {
+  const handleCraft = React104.useCallback(() => {
     onCraft?.();
     if (craftEvent) {
       eventBus.emit(craftEvent, { output: output.label });
@@ -17667,7 +16675,7 @@ function CraftingRecipe({
       children: [
         /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "flex-wrap items-center", children: inputs.map((ingredient, index) => {
           const hasSufficient = ingredient.available >= ingredient.required;
-          return /* @__PURE__ */ jsxs(React113.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React104.Fragment, { children: [
             /* @__PURE__ */ jsx(Box, { className: "relative", children: /* @__PURE__ */ jsx(
               ItemSlot,
               {
@@ -17961,8 +16969,8 @@ function DPad({
 }) {
   const eventBus = useEventBus();
   const sizes = sizeMap15[size];
-  const [activeDirections, setActiveDirections] = React113.useState(/* @__PURE__ */ new Set());
-  const handlePress = React113.useCallback(
+  const [activeDirections, setActiveDirections] = React104.useState(/* @__PURE__ */ new Set());
+  const handlePress = React104.useCallback(
     (direction) => {
       setActiveDirections((prev) => new Set(prev).add(direction));
       if (directionEvent) eventBus.emit(`UI:${directionEvent}`, { direction, pressed: true });
@@ -17970,7 +16978,7 @@ function DPad({
     },
     [directionEvent, eventBus, onDirection]
   );
-  const handleRelease = React113.useCallback(
+  const handleRelease = React104.useCallback(
     (direction) => {
       setActiveDirections((prev) => {
         const next = new Set(prev);
@@ -18110,6 +17118,7 @@ var init_DashboardLayout = __esm({
       showSearch = false,
       searchEvent,
       onSearchSubmit,
+      topBarActions = [],
       notifications,
       notificationClickEvent,
       onNotificationClick,
@@ -18130,6 +17139,9 @@ var init_DashboardLayout = __esm({
         if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
         if (onNotificationClick) onNotificationClick();
       };
+      const handleTopBarActionClick = (event) => {
+        eventBus.emit(`UI:${event}`, {});
+      };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
       const location = useLocation();
@@ -18256,6 +17268,30 @@ var init_DashboardLayout = __esm({
                     /* @__PURE__ */ jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
                       showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, {}),
+                      topBarActions.map((action, idx) => /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: "ghost",
+                          className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: () => handleTopBarActionClick(action.event),
+                          "aria-label": action.label ?? action.icon,
+                          children: [
+                            /* @__PURE__ */ jsx(Icon, { name: action.icon, className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
+                            action.badge !== void 0 && action.badge !== null && action.badge !== 0 && action.badge !== "" && /* @__PURE__ */ jsx(
+                              Box,
+                              {
+                                as: "span",
+                                className: cn(
+                                  "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                  action.variant === "danger" ? "bg-error" : action.variant === "primary" ? "bg-primary" : "bg-foreground"
+                                ),
+                                children: action.badge
+                              }
+                            )
+                          ]
+                        },
+                        `${action.event}-${idx}`
+                      )),
                       notificationsEnabled && /* @__PURE__ */ jsxs(
                         Button,
                         {
@@ -18498,9 +17534,9 @@ function DataGrid({
       return next;
     });
   }, [data, selectionEvent, eventBus]);
-  const titleField = fieldDefs.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fieldDefs[0];
-  const badgeFields = fieldDefs.filter((f3) => f3.variant === "badge" && f3 !== titleField);
-  const bodyFields = fieldDefs.filter((f3) => f3 !== titleField && !badgeFields.includes(f3));
+  const titleField = fieldDefs.find((f) => f.variant === "h3" || f.variant === "h4") ?? fieldDefs[0];
+  const badgeFields = fieldDefs.filter((f) => f.variant === "badge" && f !== titleField);
+  const bodyFields = fieldDefs.filter((f) => f !== titleField && !badgeFields.includes(f));
   const primaryActions = itemActions?.filter((a) => a.variant !== "danger") ?? [];
   const dangerActions = itemActions?.filter((a) => a.variant === "danger") ?? [];
   const handleActionClick = (action, itemData) => (e) => {
@@ -18855,13 +17891,13 @@ function DataList({
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
-  const [visibleCount, setVisibleCount] = React113__default.useState(pageSize || Infinity);
+  const [visibleCount, setVisibleCount] = React104__default.useState(pageSize || Infinity);
   const fieldDefs = fields ?? columns ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
   const hasRenderProp = typeof children === "function";
-  React113__default.useEffect(() => {
+  React104__default.useEffect(() => {
     const renderItemTypeOf = typeof schemaRenderItem;
     const childrenTypeOf = typeof children;
     if (data.length > 0 && !hasRenderProp) {
@@ -18881,11 +17917,11 @@ function DataList({
       });
     }
   }, [data, hasRenderProp, schemaRenderItem, children, fieldDefs]);
-  const titleField = fieldDefs.find((f3) => f3.variant === "h3" || f3.variant === "h4") ?? fieldDefs[0];
-  const badgeFields = fieldDefs.filter((f3) => f3.variant === "badge" && f3 !== titleField);
-  const progressFields = fieldDefs.filter((f3) => f3.variant === "progress");
+  const titleField = fieldDefs.find((f) => f.variant === "h3" || f.variant === "h4") ?? fieldDefs[0];
+  const badgeFields = fieldDefs.filter((f) => f.variant === "badge" && f !== titleField);
+  const progressFields = fieldDefs.filter((f) => f.variant === "progress");
   const bodyFields = fieldDefs.filter(
-    (f3) => f3 !== titleField && !badgeFields.includes(f3) && !progressFields.includes(f3)
+    (f) => f !== titleField && !badgeFields.includes(f) && !progressFields.includes(f)
   );
   const handleActionClick = (action, itemData) => (e) => {
     e.stopPropagation();
@@ -18917,14 +17953,14 @@ function DataList({
     const items2 = data.map((item) => item);
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
       group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
       group.items.map((itemData, index) => {
         const id = itemData.id || `${gi}-${index}`;
         const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
         const isSent = Boolean(currentUser && sender === currentUser);
         const content = getNestedValue(itemData, contentField);
-        const timestampField = fieldDefs.find((f3) => f3.format === "date");
+        const timestampField = fieldDefs.find((f) => f.format === "date");
         const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
         return /* @__PURE__ */ jsx(
           Box,
@@ -19108,7 +18144,7 @@ function DataList({
         className
       ),
       children: [
-        groups.map((group, gi) => /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+        groups.map((group, gi) => /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
           group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-4" : "mt-0" }),
           group.items.map(
             (itemData, index) => renderItem(itemData, index, gi === groups.length - 1 && index === group.items.length - 1)
@@ -19163,135 +18199,6 @@ var init_DataList = __esm({
     DataList.displayName = "DataList";
   }
 });
-function fileIcon(name) {
-  const ext = name.split(".").pop()?.toLowerCase() ?? "";
-  switch (ext) {
-    case "ts":
-    case "tsx":
-      return "file-code";
-    case "js":
-    case "jsx":
-      return "file-code";
-    case "json":
-    case "orb":
-      return "file-json";
-    case "css":
-    case "scss":
-      return "file-text";
-    case "md":
-      return "file-text";
-    case "py":
-      return "file-code";
-    case "html":
-      return "file-code";
-    default:
-      return "file";
-  }
-}
-var TreeNodeItem, FileTree;
-var init_FileTree = __esm({
-  "components/molecules/FileTree.tsx"() {
-    "use client";
-    init_Box();
-    init_Typography();
-    init_Icon();
-    TreeNodeItem = ({
-      node,
-      depth,
-      indent,
-      selectedPath,
-      onFileSelect,
-      defaultExpanded = false
-    }) => {
-      const [expanded, setExpanded] = useState(defaultExpanded || depth < 1);
-      const isDir = node.type === "dir";
-      const isSelected = node.path === selectedPath;
-      const handleClick = useCallback(() => {
-        if (isDir) {
-          setExpanded((prev) => !prev);
-        } else {
-          onFileSelect?.(node.path);
-        }
-      }, [isDir, node.path, onFileSelect]);
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            className: `flex items-center gap-1.5 py-0.5 px-2 cursor-pointer rounded-sm transition-colors ${isSelected ? "bg-[var(--color-primary)] bg-opacity-15 text-[var(--color-primary)]" : "hover:bg-[var(--color-muted)] hover:bg-opacity-30"}`,
-            style: { paddingLeft: depth * indent + 8 },
-            onClick: handleClick,
-            role: "treeitem",
-            "aria-selected": isSelected,
-            "aria-expanded": isDir ? expanded : void 0,
-            children: [
-              isDir ? /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  name: expanded ? "chevron-down" : "chevron-right",
-                  size: "xs",
-                  className: "text-[var(--color-muted-foreground)] flex-shrink-0"
-                }
-              ) : /* @__PURE__ */ jsx(Box, { style: { width: 12, flexShrink: 0 } }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  name: isDir ? expanded ? "folder-open" : "folder" : fileIcon(node.name),
-                  size: "xs",
-                  className: isDir ? "text-[var(--color-warning)]" : "text-[var(--color-muted-foreground)]"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "caption",
-                  className: `truncate font-mono text-[11px] ${isSelected ? "font-semibold" : ""}`,
-                  children: node.name
-                }
-              ),
-              !isDir && node.size !== void 0 && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-muted-foreground)] text-[9px] ml-auto flex-shrink-0", children: node.size < 1024 ? `${node.size}B` : `${Math.round(node.size / 1024)}KB` })
-            ]
-          }
-        ),
-        isDir && expanded && node.children && /* @__PURE__ */ jsx(Box, { role: "group", children: node.children.map((child) => /* @__PURE__ */ jsx(
-          TreeNodeItem,
-          {
-            node: child,
-            depth: depth + 1,
-            indent,
-            selectedPath,
-            onFileSelect,
-            defaultExpanded: depth < 0
-          },
-          child.path
-        )) })
-      ] });
-    };
-    FileTree = ({
-      tree,
-      selectedPath,
-      onFileSelect,
-      className,
-      indent = 16
-    }) => {
-      if (tree.length === 0) {
-        return /* @__PURE__ */ jsx(Box, { className: `p-4 ${className ?? ""}`, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: "No files" }) });
-      }
-      return /* @__PURE__ */ jsx(Box, { className: `py-1 overflow-y-auto ${className ?? ""}`, role: "tree", children: tree.map((node) => /* @__PURE__ */ jsx(
-        TreeNodeItem,
-        {
-          node,
-          depth: 0,
-          indent,
-          selectedPath,
-          onFileSelect,
-          defaultExpanded: true
-        },
-        node.path
-      )) });
-    };
-    FileTree.displayName = "FileTree";
-  }
-});
 var FormField;
 var init_FormField = __esm({
   "components/molecules/FormField.tsx"() {
@@ -19578,7 +18485,7 @@ var init_FilterGroup = __esm({
           ) }, filter.field)),
           activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             Object.entries(selectedValues).map(([field, value]) => {
-              const filterDef = filters.find((f3) => f3.field === field);
+              const filterDef = filters.find((f) => f.field === field);
               return /* @__PURE__ */ jsxs(
                 Badge,
                 {
@@ -20320,7 +19227,7 @@ var init_WizardProgress = __esm({
           children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: normalizedSteps.map((step, index) => {
             const isActive = index === currentStep;
             const isCompleted = index < currentStep;
-            return /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -21231,7 +20138,7 @@ function InventoryGrid({
   const eventBus = useEventBus();
   const slotCount = totalSlots ?? items.length;
   const emptySlotCount = Math.max(0, slotCount - items.length);
-  const handleSelect = React113.useCallback(
+  const handleSelect = React104.useCallback(
     (id) => {
       onSelect?.(id);
       if (selectEvent) {
@@ -21444,15 +20351,15 @@ function GameCanvas2D({
   fps = 60,
   className
 }) {
-  const canvasRef = React113.useRef(null);
-  const rafRef = React113.useRef(0);
-  const frameRef = React113.useRef(0);
-  const lastTimeRef = React113.useRef(0);
-  const onDrawRef = React113.useRef(onDraw);
+  const canvasRef = React104.useRef(null);
+  const rafRef = React104.useRef(0);
+  const frameRef = React104.useRef(0);
+  const lastTimeRef = React104.useRef(0);
+  const onDrawRef = React104.useRef(onDraw);
   onDrawRef.current = onDraw;
-  const onTickRef = React113.useRef(onTick);
+  const onTickRef = React104.useRef(onTick);
   onTickRef.current = onTick;
-  React113.useEffect(() => {
+  React104.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
@@ -21741,7 +20648,7 @@ function TurnPanel({
   className
 }) {
   const eventBus = useEventBus();
-  const handleAction = React113.useCallback(
+  const handleAction = React104.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { turn: currentTurn, phase, activeTeam });
@@ -21887,7 +20794,7 @@ function UnitCommandBar({
   className
 }) {
   const eventBus = useEventBus();
-  const handleCommand = React113.useCallback(
+  const handleCommand = React104.useCallback(
     (event) => {
       if (event) {
         eventBus.emit(event, { unitId: selectedUnitId });
@@ -22372,7 +21279,7 @@ function GameMenu({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleOptionClick = React113.useCallback(
+  const handleOptionClick = React104.useCallback(
     (option) => {
       if (option.event && eventBus) {
         eventBus.emit(`UI:${option.event}`, { option });
@@ -22486,7 +21393,7 @@ function GameOverScreen({
   } catch {
   }
   const eventBus = eventBusProp || eventBusFromHook;
-  const handleActionClick = React113.useCallback(
+  const handleActionClick = React104.useCallback(
     (action) => {
       if (action.event && eventBus) {
         eventBus.emit(`UI:${action.event}`, { action });
@@ -22856,28 +21763,6 @@ var init_PlatformerCanvas = __esm({
 // components/molecules/game/index.ts
 var init_game2 = __esm({
   "components/molecules/game/index.ts"() {
-    init_DPad();
-    init_ActionButtons();
-    init_StatBadge();
-    init_InventoryGrid();
-    init_QuestTracker();
-    init_CraftingRecipe();
-    init_PowerupSlots();
-    init_GameCanvas2D();
-    init_HealthPanel();
-    init_ScoreBoard();
-    init_ResourceBar();
-    init_TurnPanel();
-    init_EnemyPlate();
-    init_UnitCommandBar();
-    init_GameHud();
-    init_DialogueBox();
-    init_CombatLog();
-    init_InventoryPanel();
-    init_GameMenu();
-    init_GameOverScreen();
-    init_PlatformerCanvas();
-    init_IsometricCanvas();
   }
 });
 function resolveNodeColor(node, groups) {
@@ -23615,7 +22500,7 @@ var init_UploadDropZone = __esm({
             if (action) {
               eventBus.emit(`UI:${action}`, {
                 ...actionPayload,
-                files: valid.map((f3) => ({ name: f3.name, size: f3.size, type: f3.type }))
+                files: valid.map((f) => ({ name: f.name, size: f.size, type: f.type }))
               });
             }
           }
@@ -24626,1758 +23511,13 @@ var init_PullToRefresh = __esm({
     PullToRefresh.displayName = "PullToRefresh";
   }
 });
-var InstallBox;
-var init_InstallBox = __esm({
-  "components/molecules/InstallBox.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Typography();
-    init_Button();
-    InstallBox = ({
-      command,
-      label,
-      className
-    }) => {
-      const [copied, setCopied] = useState(false);
-      const handleCopy = useCallback(() => {
-        void navigator.clipboard.writeText(command);
-        setCopied(true);
-        const timer = setTimeout(() => setCopied(false), 2e3);
-        return () => clearTimeout(timer);
-      }, [command]);
-      return /* @__PURE__ */ jsxs(Box, { className: cn("inline-block", className), children: [
-        label && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "mb-1", children: label }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: "bg-surface rounded-md border-[length:var(--border-width)] border-border",
-            padding: "md",
-            children: /* @__PURE__ */ jsxs(Box, { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "body2",
-                  className: "font-mono flex-1 min-w-0 select-all",
-                  truncate: true,
-                  children: command
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  leftIcon: copied ? "check" : "copy",
-                  onClick: handleCopy,
-                  className: "flex-shrink-0",
-                  "aria-label": copied ? "Copied" : "Copy to clipboard",
-                  children: copied ? "Copied" : "Copy"
-                }
-              )
-            ] })
-          }
-        )
-      ] });
-    };
-    InstallBox.displayName = "InstallBox";
-  }
-});
-var iconSizeMap, gapMap, FeatureCard;
-var init_FeatureCard = __esm({
-  "components/molecules/FeatureCard.tsx"() {
-    "use client";
-    init_cn();
-    init_Card();
-    init_Stack();
-    init_Icon();
-    init_Typography();
-    init_Button();
-    iconSizeMap = {
-      sm: "lg",
-      md: "xl",
-      lg: "xl"
-    };
-    gapMap = {
-      sm: "sm",
-      md: "md",
-      lg: "lg"
-    };
-    FeatureCard = ({
-      icon,
-      title,
-      description,
-      href,
-      linkLabel = "Learn more",
-      variant = "bordered",
-      size = "md",
-      className
-    }) => {
-      const renderIcon = () => {
-        if (!icon) return null;
-        if (typeof icon === "string") {
-          return /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: icon,
-              size: iconSizeMap[size],
-              className: "text-accent"
-            }
-          );
-        }
-        return icon;
-      };
-      const handleLinkClick = () => {
-        if (href) {
-          window.open(href, "_blank", "noopener,noreferrer");
-        }
-      };
-      return /* @__PURE__ */ jsx(
-        Card,
-        {
-          variant,
-          padding: size,
-          className: cn(
-            variant === "interactive" && "hover:border-primary",
-            className
-          ),
-          onClick: variant === "interactive" && href ? handleLinkClick : void 0,
-          children: /* @__PURE__ */ jsxs(VStack, { gap: gapMap[size], align: "start", children: [
-            renderIcon(),
-            /* @__PURE__ */ jsx(Typography, { variant: "h4", className: size === "sm" ? "text-base" : void 0, children: title }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", children: description }),
-            href && variant !== "interactive" && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: handleLinkClick,
-                className: "text-primary -ml-2",
-                children: linkLabel
-              }
-            )
-          ] })
-        }
-      );
-    };
-    FeatureCard.displayName = "FeatureCard";
-  }
-});
-var FeatureGrid;
-var init_FeatureGrid = __esm({
-  "components/molecules/FeatureGrid.tsx"() {
-    "use client";
-    init_cn();
-    init_SimpleGrid();
-    init_FeatureCard();
-    FeatureGrid = ({
-      items,
-      columns = 3,
-      gap = "md",
-      className
-    }) => {
-      return /* @__PURE__ */ jsx(
-        SimpleGrid,
-        {
-          cols: columns,
-          gap,
-          className: cn(className),
-          children: items.map((item, index) => /* @__PURE__ */ jsx(FeatureCard, { ...item }, `${item.title}-${index}`))
-        }
-      );
-    };
-    FeatureGrid.displayName = "FeatureGrid";
-  }
-});
-var CTABanner;
-var init_CTABanner = __esm({
-  "components/molecules/CTABanner.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    init_Button();
-    CTABanner = ({
-      title,
-      subtitle,
-      primaryAction,
-      secondaryAction,
-      background = "alt",
-      align = "center",
-      className
-    }) => {
-      const handleAction = (href) => {
-        window.open(href, "_blank", "noopener,noreferrer");
-      };
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: cn(
-            "py-16",
-            background === "alt" && "bg-surface",
-            background === "dark" && "bg-surface",
-            background === "gradient" && "bg-surface",
-            background === "primary" && "bg-surface",
-            className
-          ),
-          children: /* @__PURE__ */ jsxs(
-            VStack,
-            {
-              gap: "lg",
-              align: align === "center" ? "center" : "start",
-              className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",
-              children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "h2", align, children: title }),
-                subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", align, children: subtitle }),
-                (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", children: [
-                  primaryAction && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "primary",
-                      size: "lg",
-                      onClick: () => handleAction(primaryAction.href),
-                      children: primaryAction.label
-                    }
-                  ),
-                  secondaryAction && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "secondary",
-                      size: "lg",
-                      onClick: () => handleAction(secondaryAction.href),
-                      children: secondaryAction.label
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        }
-      );
-    };
-    CTABanner.displayName = "CTABanner";
-  }
-});
-var tagVariantMap, MarketingImage, HeroSection;
-var init_HeroSection = __esm({
-  "components/molecules/HeroSection.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Badge();
-    init_Typography();
-    init_Button();
-    init_InstallBox();
-    tagVariantMap = {
-      primary: "primary",
-      secondary: "secondary",
-      accent: "info"
-    };
-    MarketingImage = ({ src, alt, className }) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: cn(
-          "overflow-hidden rounded-lg bg-cover bg-center bg-no-repeat",
-          className
-        ),
-        style: { backgroundImage: `url(${src})` },
-        role: "img",
-        "aria-label": alt
-      }
-    );
-    MarketingImage.displayName = "MarketingImage";
-    HeroSection = ({
-      tag,
-      tagVariant = "primary",
-      title,
-      titleAccent,
-      subtitle,
-      primaryAction,
-      secondaryAction,
-      installCommand,
-      image,
-      imagePosition = "below",
-      background = "subtle",
-      align = "center",
-      backgroundElement,
-      children,
-      className
-    }) => {
-      const isCenter = align === "center";
-      const isDark = background === "dark";
-      const titleNode = titleAccent ? /* @__PURE__ */ jsxs(
-        Typography,
-        {
-          variant: "h1",
-          align: isCenter ? "center" : "left",
-          className: cn(
-            "max-w-3xl leading-tight",
-            isDark && "text-background"
-          ),
-          children: [
-            title,
-            " ",
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                as: "span",
-                variant: "h1",
-                className: "text-primary",
-                children: titleAccent
-              }
-            )
-          ]
-        }
-      ) : /* @__PURE__ */ jsx(
-        Typography,
-        {
-          variant: "h1",
-          align: isCenter ? "center" : "left",
-          className: cn(
-            "max-w-3xl leading-tight",
-            isDark && "text-background"
-          ),
-          children: title
-        }
-      );
-      const textContent = /* @__PURE__ */ jsxs(
-        VStack,
-        {
-          gap: "lg",
-          align: isCenter ? "center" : "start",
-          className: cn(
-            isCenter && "items-center",
-            imagePosition === "right" ? "flex-1" : "w-full"
-          ),
-          children: [
-            tag && /* @__PURE__ */ jsx(Badge, { variant: tagVariantMap[tagVariant] ?? "primary", size: "md", children: tag }),
-            titleNode,
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "body1",
-                color: "muted",
-                align: isCenter ? "center" : "left",
-                className: "max-w-xl",
-                children: subtitle
-              }
-            ),
-            installCommand && /* @__PURE__ */ jsx(InstallBox, { command: installCommand }),
-            (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "center", children: [
-              primaryAction && /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: primaryAction.href,
-                  target: primaryAction.href.startsWith("http") ? "_blank" : void 0,
-                  rel: primaryAction.href.startsWith("http") ? "noopener noreferrer" : void 0,
-                  className: "no-underline",
-                  children: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: primaryAction.label })
-                }
-              ),
-              secondaryAction && /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: secondaryAction.href,
-                  target: secondaryAction.href.startsWith("http") ? "_blank" : void 0,
-                  rel: secondaryAction.href.startsWith("http") ? "noopener noreferrer" : void 0,
-                  className: "no-underline",
-                  children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", children: secondaryAction.label })
-                }
-              )
-            ] }),
-            children
-          ]
-        }
-      );
-      const imageNode = image && /* @__PURE__ */ jsx(
-        MarketingImage,
-        {
-          src: image.src,
-          alt: image.alt,
-          className: cn(
-            imagePosition === "right" ? "w-full max-w-[280px] max-h-[280px]" : "w-full min-h-[400px]"
-          )
-        }
-      );
-      const innerContent = image && imagePosition === "right" ? /* @__PURE__ */ jsxs(HStack, { gap: "xl", align: "center", className: "w-full max-w-7xl", responsive: true, children: [
-        textContent,
-        imageNode
-      ] }) : /* @__PURE__ */ jsxs(VStack, { gap: "xl", align: isCenter ? "center" : "start", className: "w-full max-w-7xl", children: [
-        textContent,
-        image && imagePosition === "below" && imageNode
-      ] });
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          as: "header",
-          className: cn(
-            "w-full min-h-[60vh] flex items-center justify-center",
-            "py-20",
-            "relative overflow-hidden",
-            className
-          ),
-          children: [
-            backgroundElement,
-            image && imagePosition === "background" && /* @__PURE__ */ jsx(
-              MarketingImage,
-              {
-                src: image.src,
-                alt: image.alt,
-                className: "absolute inset-0 w-full h-full opacity-20"
-              }
-            ),
-            /* @__PURE__ */ jsx(Box, { className: "relative z-10 w-full flex justify-center px-4 sm:px-6 lg:px-8", children: innerContent })
-          ]
-        }
-      );
-    };
-    HeroSection.displayName = "HeroSection";
-  }
-});
-var PricingCard;
-var init_PricingCard = __esm({
-  "components/molecules/PricingCard.tsx"() {
-    "use client";
-    init_cn();
-    init_Card();
-    init_Stack();
-    init_Badge();
-    init_Typography();
-    init_Icon();
-    init_Divider();
-    init_Spacer();
-    init_Button();
-    PricingCard = ({
-      name,
-      price,
-      description,
-      features,
-      action,
-      highlighted = false,
-      badge,
-      className
-    }) => {
-      return /* @__PURE__ */ jsx(
-        Card,
-        {
-          variant: highlighted ? "elevated" : "bordered",
-          padding: "lg",
-          className: cn(
-            "flex flex-col h-full",
-            "hover:-translate-y-1 transition-all",
-            highlighted && [
-              "border-[length:2px] border-primary",
-              "shadow-lg",
-              "scale-[1.05]",
-              "ring-2 ring-primary"
-            ],
-            className
-          ),
-          children: /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1", children: [
-            badge && /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", children: badge }),
-            /* @__PURE__ */ jsx(Typography, { variant: "h3", children: name }),
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "h2",
-                className: "text-primary font-bold",
-                children: price
-              }
-            ),
-            description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", children: description }),
-            /* @__PURE__ */ jsx(Divider, {}),
-            /* @__PURE__ */ jsx(VStack, { gap: "sm", children: features.map((feature) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: Check,
-                  size: "sm",
-                  className: "flex-shrink-0 text-success"
-                }
-              ),
-              /* @__PURE__ */ jsx(Typography, { variant: "body2", children: feature })
-            ] }, feature)) }),
-            /* @__PURE__ */ jsx(Spacer, {}),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: highlighted ? "primary" : "secondary",
-                size: "lg",
-                className: "w-full",
-                children: action.label
-              }
-            )
-          ] })
-        }
-      );
-    };
-    PricingCard.displayName = "PricingCard";
-  }
-});
-var PricingGrid;
-var init_PricingGrid = __esm({
-  "components/molecules/PricingGrid.tsx"() {
-    "use client";
-    init_cn();
-    init_SimpleGrid();
-    init_PricingCard();
-    PricingGrid = ({
-      plans,
-      className
-    }) => {
-      const cols = Math.min(plans.length, 4);
-      return /* @__PURE__ */ jsx(
-        SimpleGrid,
-        {
-          cols: cols > 0 ? cols : 1,
-          gap: "lg",
-          className: cn("items-stretch", className),
-          children: plans.map((plan) => /* @__PURE__ */ jsx(PricingCard, { ...plan }, plan.name))
-        }
-      );
-    };
-    PricingGrid.displayName = "PricingGrid";
-  }
-});
-var StatsGrid;
-var init_StatsGrid = __esm({
-  "components/molecules/StatsGrid.tsx"() {
-    "use client";
-    init_cn();
-    init_SimpleGrid();
-    init_Stack();
-    init_Typography();
-    StatsGrid = ({
-      stats,
-      columns = 3,
-      className
-    }) => {
-      return /* @__PURE__ */ jsx(SimpleGrid, { cols: columns, gap: "lg", className: cn("w-full", className), children: stats.map((stat) => /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "center", className: "py-4", children: [
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "h2",
-            className: "font-bold text-primary",
-            children: stat.value
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: stat.label })
-      ] }, stat.label)) });
-    };
-    StatsGrid.displayName = "StatsGrid";
-  }
-});
-var ServiceCatalog;
-var init_ServiceCatalog = __esm({
-  "components/molecules/ServiceCatalog.tsx"() {
-    "use client";
-    init_cn();
-    init_Card();
-    init_Stack();
-    init_Badge();
-    init_Typography();
-    init_SimpleGrid();
-    ServiceCatalog = ({
-      services,
-      className
-    }) => {
-      return /* @__PURE__ */ jsx(SimpleGrid, { cols: 4, gap: "sm", className: cn(className), children: services.map((service) => /* @__PURE__ */ jsx(Card, { variant: "bordered", padding: "sm", children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "start", children: [
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "sm",
-            className: service.layerColor,
-            children: service.layer
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", children: service.name })
-      ] }) }, service.name)) });
-    };
-    ServiceCatalog.displayName = "ServiceCatalog";
-  }
-});
-var CaseStudyCard;
-var init_CaseStudyCard = __esm({
-  "components/molecules/CaseStudyCard.tsx"() {
-    "use client";
-    init_cn();
-    init_Card();
-    init_Stack();
-    init_Badge();
-    init_Typography();
-    init_Button();
-    CaseStudyCard = ({
-      title,
-      description,
-      category,
-      categoryColor,
-      href,
-      linkLabel = "Read more",
-      className
-    }) => {
-      const handleClick = () => {
-        window.open(href, "_blank", "noopener,noreferrer");
-      };
-      return /* @__PURE__ */ jsx(Card, { variant: "interactive", className: cn(className), children: /* @__PURE__ */ jsxs(VStack, { gap: "md", align: "start", children: [
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "sm",
-            style: categoryColor ? { backgroundColor: categoryColor, color: "white" } : void 0,
-            children: category
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "h3", children: title }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }),
-        /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: handleClick,
-            className: "text-primary -ml-2",
-            children: [
-              linkLabel,
-              " \u2192"
-            ]
-          }
-        )
-      ] }) });
-    };
-    CaseStudyCard.displayName = "CaseStudyCard";
-  }
-});
-var ArticleSection;
-var init_ArticleSection = __esm({
-  "components/molecules/ArticleSection.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    ArticleSection = ({
-      title,
-      children,
-      maxWidth = "md",
-      className
-    }) => {
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: cn(
-            "w-full",
-            className
-          ),
-          padding: "md",
-          children: /* @__PURE__ */ jsxs(VStack, { gap: "lg", align: "start", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
-            /* @__PURE__ */ jsx(Box, { className: "w-full", children })
-          ] })
-        }
-      );
-    };
-    ArticleSection.displayName = "ArticleSection";
-  }
-});
-var CodeExample;
-var init_CodeExample = __esm({
-  "components/molecules/CodeExample.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    init_Button();
-    init_Spacer();
-    CodeExample = ({
-      code,
-      language,
-      title,
-      copyable = false,
-      maxHeight,
-      className
-    }) => {
-      const [copied, setCopied] = useState(false);
-      const handleCopy = useCallback(() => {
-        void navigator.clipboard.writeText(code);
-        setCopied(true);
-        const timer = setTimeout(() => setCopied(false), 2e3);
-        return () => clearTimeout(timer);
-      }, [code]);
-      const showHeader = title || copyable;
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          className: cn(
-            "bg-foreground",
-            "rounded-md",
-            "border-[length:var(--border-width)] border-border",
-            "overflow-hidden",
-            className
-          ),
-          children: [
-            showHeader && /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: "bg-foreground border-b-[length:var(--border-width)] border-border",
-                padding: "sm",
-                children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-                  title ? /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      variant: "caption",
-                      className: "text-background opacity-70",
-                      children: title
-                    }
-                  ) : /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      variant: "caption",
-                      className: "text-background opacity-50",
-                      children: language
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Spacer, {}),
-                  copyable && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: handleCopy,
-                      className: "text-background hover:text-background opacity-70 hover:opacity-100",
-                      children: copied ? "Copied!" : "Copy"
-                    }
-                  )
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: "overflow-auto",
-                padding: "md",
-                style: maxHeight ? { maxHeight } : void 0,
-                children: /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "body2",
-                    className: "font-mono text-sm whitespace-pre text-background select-all",
-                    children: code
-                  }
-                )
-              }
-            )
-          ]
-        }
-      );
-    };
-    CodeExample.displayName = "CodeExample";
-  }
-});
-var LogosVariant, QuotesVariant, BadgesVariant, SocialProof;
-var init_SocialProof = __esm({
-  "components/molecules/SocialProof.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Stack();
-    init_Card();
-    init_Badge();
-    init_Typography();
-    init_SimpleGrid();
-    LogosVariant = ({ items }) => /* @__PURE__ */ jsx(HStack, { gap: "xl", justify: "center", className: "flex-wrap", children: items.map((item) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        className: "opacity-60 hover:opacity-100 transition-opacity cursor-default",
-        children: /* @__PURE__ */ jsxs(VStack, { gap: "xs", align: "center", children: [
-          item.logo && /* @__PURE__ */ jsx(
-            Box,
-            {
-              className: "w-12 h-12 bg-contain bg-center bg-no-repeat",
-              style: { backgroundImage: `url(${item.logo})` }
-            }
-          ),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: item.name })
-        ] })
-      },
-      item.name
-    )) });
-    LogosVariant.displayName = "SocialProof.LogosVariant";
-    QuotesVariant = ({ items }) => {
-      const cols = items.length >= 3 ? 3 : items.length >= 2 ? 2 : 1;
-      return /* @__PURE__ */ jsx(SimpleGrid, { cols, gap: "md", children: items.map((item) => /* @__PURE__ */ jsx(Card, { variant: "bordered", padding: "md", children: /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "start", children: [
-        item.quote && /* @__PURE__ */ jsxs(Typography, { variant: "body", className: "italic", children: [
-          "\u201C",
-          item.quote,
-          "\u201D"
-        ] }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: item.name })
-      ] }) }, item.name)) });
-    };
-    QuotesVariant.displayName = "SocialProof.QuotesVariant";
-    BadgesVariant = ({ items }) => /* @__PURE__ */ jsx(HStack, { gap: "sm", justify: "center", className: "flex-wrap", children: items.map((item) => /* @__PURE__ */ jsx(Badge, { size: "md", children: item.name }, item.name)) });
-    BadgesVariant.displayName = "SocialProof.BadgesVariant";
-    SocialProof = ({
-      items,
-      variant = "logos",
-      className
-    }) => {
-      return /* @__PURE__ */ jsxs(Box, { className: cn(className), children: [
-        variant === "logos" && /* @__PURE__ */ jsx(LogosVariant, { items }),
-        variant === "quotes" && /* @__PURE__ */ jsx(QuotesVariant, { items }),
-        variant === "badges" && /* @__PURE__ */ jsx(BadgesVariant, { items })
-      ] });
-    };
-    SocialProof.displayName = "SocialProof";
-  }
-});
-var StepCircle, StepFlow;
-var init_StepFlow = __esm({
-  "components/molecules/StepFlow.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Center();
-    init_Typography();
-    init_Icon();
-    init_Divider();
-    StepCircle = ({ step, index }) => {
-      if (step.icon) {
-        return /* @__PURE__ */ jsx(
-          Center,
-          {
-            className: cn(
-              "w-10 h-10 rounded-full flex-shrink-0",
-              "flex items-center justify-center",
-              "bg-primary text-primary-foreground"
-            ),
-            children: /* @__PURE__ */ jsx(Icon, { name: step.icon, size: "sm", className: "text-primary-foreground" })
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        Center,
-        {
-          className: cn(
-            "w-10 h-10 rounded-full flex-shrink-0",
-            "flex items-center justify-center",
-            "bg-primary text-primary-foreground"
-          ),
-          children: /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm text-primary-foreground leading-none", children: step.number ?? index + 1 })
-        }
-      );
-    };
-    StepCircle.displayName = "StepCircle";
-    StepFlow = ({
-      steps,
-      orientation = "horizontal",
-      showConnectors = true,
-      className
-    }) => {
-      if (orientation === "vertical") {
-        return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React113__default.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
-          /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
-            /* @__PURE__ */ jsx(StepCircle, { step, index }),
-            showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
-          ] }),
-          /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: "flex-1 pt-1", children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h4", children: step.title }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", children: step.description })
-          ] })
-        ] }) }, index)) });
-      }
-      return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
-        /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
-          /* @__PURE__ */ jsx(StepCircle, { step, index }),
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "muted", className: "text-center", children: step.description })
-        ] }),
-        showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "flex-shrink-0 self-center py-2 md:pt-5 md:py-0 md:px-2", children: /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", className: "w-12 md:w-12" }) })
-      ] }, index)) });
-    };
-    StepFlow.displayName = "StepFlow";
-  }
-});
-var SplitSection;
-var init_SplitSection = __esm({
-  "components/molecules/SplitSection.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Stack();
-    init_Typography();
-    init_Icon();
-    SplitSection = ({
-      title,
-      description,
-      bullets,
-      image,
-      imagePosition = "right",
-      background = "default",
-      children,
-      className
-    }) => {
-      const textContent = /* @__PURE__ */ jsxs(VStack, { gap: "md", className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
-        typeof description === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description }) : description,
-        bullets && bullets.length > 0 && /* @__PURE__ */ jsx(VStack, { gap: "sm", children: bullets.map((bullet, index) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", className: "mt-0.5", children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: "check",
-              size: "sm",
-              className: "text-primary flex-shrink-0 mt-0.5"
-            }
-          ),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: bullet })
-        ] }, index)) })
-      ] });
-      const mediaContent = children ?? (image ? /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: cn(
-            "flex-1 min-w-0 min-h-[240px] rounded-md",
-            "bg-cover bg-center"
-          ),
-          style: { backgroundImage: `url(${image.src})` },
-          role: "img",
-          "aria-label": image.alt
-        }
-      ) : null);
-      const isImageLeft = imagePosition === "left";
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: cn(
-            "w-full",
-            background === "alt" ? "bg-muted" : "bg-background",
-            className
-          ),
-          padding: "lg",
-          children: /* @__PURE__ */ jsxs(Box, { className: cn("w-full flex flex-col lg:flex-row gap-10 lg:gap-16 items-center", isImageLeft && "lg:flex-row-reverse"), children: [
-            /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:min-w-[45%]", children: textContent }),
-            /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0 lg:max-w-[50%]", children: mediaContent })
-          ] })
-        }
-      );
-    };
-    SplitSection.displayName = "SplitSection";
-  }
-});
-function normalizeTags(tags) {
-  if (tags.length === 0) return [];
-  if (typeof tags[0] === "string") {
-    return tags.map((label) => ({ label }));
-  }
-  return tags;
-}
-var variantMap4, TagCloud;
-var init_TagCloud = __esm({
-  "components/molecules/TagCloud.tsx"() {
-    "use client";
-    init_cn();
-    init_Stack();
-    init_Badge();
-    variantMap4 = {
-      default: "default",
-      primary: "primary",
-      accent: "info"
-    };
-    TagCloud = ({
-      tags,
-      variant = "default",
-      className
-    }) => {
-      const normalizedTags = normalizeTags(tags);
-      return /* @__PURE__ */ jsx(HStack, { gap: "sm", className: cn("flex-wrap justify-center", className), children: normalizedTags.map((tag, index) => {
-        const badgeVariant = tag.variant ? variantMap4[tag.variant] ?? "default" : variantMap4[variant] ?? "default";
-        return /* @__PURE__ */ jsx(Badge, { variant: badgeVariant, label: tag.label }, index);
-      }) });
-    };
-    TagCloud.displayName = "TagCloud";
-  }
-});
-function formatCount(count) {
-  if (count >= 1e3) {
-    return `${(count / 1e3).toFixed(1)}k`;
-  }
-  return String(count);
-}
-var CommunityLinks;
-var init_CommunityLinks = __esm({
-  "components/molecules/CommunityLinks.tsx"() {
-    "use client";
-    init_Stack();
-    init_Typography();
-    init_Button();
-    init_Icon();
-    CommunityLinks = ({
-      github,
-      discord,
-      twitter,
-      heading,
-      subtitle,
-      className
-    }) => {
-      const openLink = (url) => () => {
-        window.open(url, "_blank", "noopener,noreferrer");
-      };
-      return /* @__PURE__ */ jsxs(VStack, { gap: "lg", align: "center", className, children: [
-        heading && /* @__PURE__ */ jsx(Typography, { variant: "h2", className: "text-center", children: heading }),
-        subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", className: "text-center", children: subtitle }),
-        /* @__PURE__ */ jsxs(HStack, { gap: "md", className: "flex-wrap justify-center", children: [
-          github && /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: openLink(github.url), children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "github", size: "sm" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-inherit", children: github.stars != null ? `GitHub (${formatCount(github.stars)} stars)` : "GitHub" })
-          ] }) }),
-          discord && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: openLink(discord.url), children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "message-circle", size: "sm" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-inherit", children: discord.members != null ? `Discord (${formatCount(discord.members)} members)` : "Discord" })
-          ] }) }),
-          twitter && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: openLink(twitter.url), children: /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
-            /* @__PURE__ */ jsx(Icon, { name: "twitter", size: "sm" }),
-            /* @__PURE__ */ jsx(Typography, { variant: "body2", className: "text-inherit", children: twitter.followers != null ? `Twitter (${formatCount(twitter.followers)} followers)` : "Twitter" })
-          ] }) })
-        ] })
-      ] });
-    };
-    CommunityLinks.displayName = "CommunityLinks";
-  }
-});
-var TeamCard;
-var init_TeamCard = __esm({
-  "components/molecules/TeamCard.tsx"() {
-    "use client";
-    init_cn();
-    init_Box();
-    init_Card();
-    init_Stack();
-    init_Avatar();
-    init_Typography();
-    TeamCard = ({
-      name,
-      nameAr,
-      role,
-      bio,
-      avatar,
-      className
-    }) => {
-      const avatarSrc = typeof avatar === "string" ? avatar : void 0;
-      const avatarInitials = typeof avatar === "object" && avatar !== null ? avatar.initials : void 0;
-      return /* @__PURE__ */ jsx(Card, { variant: "bordered", padding: "lg", className: cn("w-full", className), children: /* @__PURE__ */ jsxs(VStack, { gap: "md", align: "center", children: [
-        /* @__PURE__ */ jsx(
-          Avatar,
-          {
-            src: avatarSrc,
-            initials: avatarInitials,
-            name: !avatarSrc && !avatarInitials ? name : void 0,
-            size: "lg"
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "h3", className: "text-center", children: name }),
-        nameAr && /* @__PURE__ */ jsx(Box, { className: "text-center", style: { direction: "rtl" }, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: nameAr }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", className: "text-center", children: role }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-center", children: bio })
-      ] }) });
-    };
-    TeamCard.displayName = "TeamCard";
-  }
-});
-var ShowcaseCard;
-var init_ShowcaseCard = __esm({
-  "components/molecules/ShowcaseCard.tsx"() {
-    "use client";
-    init_cn();
-    init_Card();
-    init_Box();
-    init_Stack();
-    init_Badge();
-    init_Typography();
-    ShowcaseCard = ({
-      title,
-      description,
-      image,
-      href,
-      badge,
-      accentColor,
-      className
-    }) => {
-      const cardVariant = href ? "interactive" : "bordered";
-      const handleClick = () => {
-        if (href) {
-          window.open(href, "_blank", "noopener,noreferrer");
-        }
-      };
-      return /* @__PURE__ */ jsxs(
-        Card,
-        {
-          variant: cardVariant,
-          padding: "none",
-          className: cn("overflow-hidden w-full", className),
-          style: accentColor ? { borderTopColor: accentColor, borderTopWidth: "3px" } : void 0,
-          onClick: href ? handleClick : void 0,
-          children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: cn(
-                  "w-full aspect-video bg-cover bg-center",
-                  "rounded-t-md"
-                ),
-                style: { backgroundImage: `url(${image.src})` },
-                role: "img",
-                "aria-label": image.alt
-              }
-            ),
-            /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: "p-4", children: [
-              badge && /* @__PURE__ */ jsx(Badge, { variant: "primary", label: badge }),
-              /* @__PURE__ */ jsx(Typography, { variant: "h3", children: title }),
-              description && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "muted", children: description })
-            ] })
-          ]
-        }
-      );
-    };
-    ShowcaseCard.displayName = "ShowcaseCard";
-  }
-});
-function PatternDefs({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth
-}) {
-  const dims = getTileDimensions(variant, size);
-  return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
-    "pattern",
-    {
-      id: patternId,
-      x: "0",
-      y: "0",
-      width: dims.width,
-      height: dims.height,
-      patternUnits: "userSpaceOnUse",
-      children: /* @__PURE__ */ jsx(
-        PatternTile,
-        {
-          variant,
-          size,
-          color,
-          strokeWidth
-        }
-      )
-    }
-  ) });
-}
-function BackgroundMode({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth,
-  opacity,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
-      preserveAspectRatio: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          PatternDefs,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${patternId})`,
-            opacity
-          }
-        )
-      ]
-    }
-  );
-}
-function SideMode({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth,
-  opacity,
-  side,
-  className
-}) {
-  const maskId = `${patternId}-mask`;
-  const gradientId = `${patternId}-grad`;
-  const x1 = side === "left" ? "0%" : "100%";
-  const x2 = side === "left" ? "60%" : "40%";
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
-      preserveAspectRatio: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          PatternDefs,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1, y1: "0%", x2, y2: "0%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "0" })
-          ] }),
-          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${patternId})`,
-            mask: `url(#${maskId})`,
-            opacity
-          }
-        )
-      ]
-    }
-  );
-}
-function DualMode({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth,
-  opacity,
-  className
-}) {
-  const maskId = `${patternId}-dmask`;
-  const gradientId = `${patternId}-dgrad`;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
-      preserveAspectRatio: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          PatternDefs,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "1" }),
-            /* @__PURE__ */ jsx("stop", { offset: "35%", stopColor: "white", stopOpacity: "0" }),
-            /* @__PURE__ */ jsx("stop", { offset: "65%", stopColor: "white", stopOpacity: "0" }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })
-          ] }),
-          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${patternId})`,
-            mask: `url(#${maskId})`,
-            opacity
-          }
-        )
-      ]
-    }
-  );
-}
-function AroundMode({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth,
-  opacity,
-  className
-}) {
-  const maskId = `${patternId}-amask`;
-  const gradientId = `${patternId}-agrad`;
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: cn("absolute inset-0 w-full h-full pointer-events-none", className),
-      preserveAspectRatio: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          PatternDefs,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsxs("radialGradient", { id: gradientId, cx: "50%", cy: "50%", r: "50%", children: [
-            /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white", stopOpacity: "0" }),
-            /* @__PURE__ */ jsx("stop", { offset: "55%", stopColor: "white", stopOpacity: "0" }),
-            /* @__PURE__ */ jsx("stop", { offset: "85%", stopColor: "white", stopOpacity: "1" }),
-            /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "white", stopOpacity: "1" })
-          ] }),
-          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", fill: `url(#${gradientId})` }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${patternId})`,
-            mask: `url(#${maskId})`,
-            opacity
-          }
-        )
-      ]
-    }
-  );
-}
-function FrameStrip({
-  patternId,
-  variant,
-  size,
-  color,
-  strokeWidth,
-  opacity,
-  height
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full pointer-events-none",
-      style: { height },
-      preserveAspectRatio: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          PatternDefs,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            width: "100%",
-            height: "100%",
-            fill: `url(#${patternId})`,
-            opacity
-          }
-        )
-      ]
-    }
-  );
-}
-var GeometricPattern;
-var init_GeometricPattern = __esm({
-  "components/molecules/GeometricPattern.tsx"() {
-    "use client";
-    init_cn();
-    init_PatternTile();
-    init_Box();
-    GeometricPattern = ({
-      variant = "star8",
-      mode = "background",
-      opacity = 0.06,
-      color = "var(--color-primary)",
-      scale = 1,
-      strokeWidth = 0.5,
-      children,
-      className
-    }) => {
-      const reactId = useId();
-      const patternId = `gp${reactId.replace(/:/g, "")}`;
-      const size = 60 * scale;
-      const stripHeight = 40 * scale;
-      if (mode === "frame") {
-        const topId = `${patternId}-top`;
-        const botId = `${patternId}-bot`;
-        return /* @__PURE__ */ jsxs(Box, { className: cn("relative", className), children: [
-          /* @__PURE__ */ jsx(
-            FrameStrip,
-            {
-              patternId: topId,
-              variant,
-              size,
-              color,
-              strokeWidth,
-              opacity,
-              height: stripHeight
-            }
-          ),
-          children,
-          /* @__PURE__ */ jsx(
-            FrameStrip,
-            {
-              patternId: botId,
-              variant,
-              size,
-              color,
-              strokeWidth,
-              opacity,
-              height: stripHeight
-            }
-          )
-        ] });
-      }
-      if (mode === "around") {
-        return /* @__PURE__ */ jsx(
-          AroundMode,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth,
-            opacity,
-            className
-          }
-        );
-      }
-      if (mode === "dual") {
-        return /* @__PURE__ */ jsx(
-          DualMode,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth,
-            opacity,
-            className
-          }
-        );
-      }
-      if (mode === "left" || mode === "right") {
-        return /* @__PURE__ */ jsx(
-          SideMode,
-          {
-            patternId,
-            variant,
-            size,
-            color,
-            strokeWidth,
-            opacity,
-            side: mode,
-            className
-          }
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        BackgroundMode,
-        {
-          patternId,
-          variant,
-          size,
-          color,
-          strokeWidth,
-          opacity,
-          className
-        }
-      );
-    };
-    GeometricPattern.displayName = "GeometricPattern";
-  }
-});
-function ArchSVG({
-  facing,
-  w,
-  h,
-  color,
-  strokeWidth
-}) {
-  const paths = [];
-  const archCount = 3;
-  const archH = h / archCount;
-  const rings = 5;
-  for (let a = 0; a < archCount; a++) {
-    const baseY = a * archH + archH;
-    const topY = a * archH + archH * 0.05;
-    for (let r = 0; r < rings; r++) {
-      const scale = 1 - r * 0.17;
-      const archW = w * 0.95 * scale;
-      const aTopY = topY + (1 - scale) * (baseY - topY) * 0.5;
-      const aBaseY = baseY - (1 - scale) * archH * 0.05;
-      const edgeX2 = facing === "right" ? w : 0;
-      const innerX2 = facing === "right" ? w - archW : archW;
-      const midY = (aTopY + aBaseY) / 2;
-      const radius = Math.sqrt(archW * archW + (aBaseY - midY) * (aBaseY - midY));
-      if (facing === "right") {
-        paths.push(
-          `M ${f2(edgeX2)},${f2(aBaseY)} A ${f2(radius)} ${f2(radius)} 0 0 0 ${f2(innerX2)},${f2(aTopY + (aBaseY - aTopY) * 0.5)} A ${f2(radius)} ${f2(radius)} 0 0 0 ${f2(edgeX2)},${f2(aTopY)}`
-        );
-      } else {
-        paths.push(
-          `M ${f2(edgeX2)},${f2(aBaseY)} A ${f2(radius)} ${f2(radius)} 0 0 1 ${f2(innerX2)},${f2(aTopY + (aBaseY - aTopY) * 0.5)} A ${f2(radius)} ${f2(radius)} 0 0 1 ${f2(edgeX2)},${f2(aTopY)}`
-        );
-      }
-    }
-    const edgeX = facing === "right" ? w : 0;
-    const innerX = facing === "right" ? w * 0.05 : w * 0.95;
-    paths.push(`M ${f2(edgeX)},${f2(baseY)} L ${f2(innerX)},${f2(baseY)}`);
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function VineSVG({
-  facing,
-  w,
-  h,
-  color,
-  strokeWidth
-}) {
-  const paths = [];
-  const dir = facing === "right" ? -1 : 1;
-  const edgeX = facing === "right" ? w * 0.85 : w * 0.15;
-  const segments = 5;
-  const segH = h / segments;
-  for (let i = 0; i < segments; i++) {
-    const y0 = i * segH;
-    const y1 = y0 + segH;
-    const sway = w * 0.12 * (i % 2 === 0 ? 1 : -1);
-    paths.push(
-      `M ${f2(edgeX + sway)},${f2(y0)} C ${f2(edgeX - sway)},${f2(y0 + segH * 0.33)} ${f2(edgeX + sway)},${f2(y0 + segH * 0.66)} ${f2(edgeX - sway)},${f2(y1)}`
-    );
-    const branchY = y0 + segH * 0.35;
-    const branchX = edgeX;
-    const leafW = w * 0.55;
-    const leafH = segH * 0.35;
-    const leafTipX = branchX + dir * leafW;
-    const leafTipY = branchY - leafH * 0.2;
-    paths.push(
-      `M ${f2(branchX)},${f2(branchY)} C ${f2(branchX + dir * leafW * 0.3)},${f2(branchY - leafH)} ${f2(leafTipX - dir * leafW * 0.1)},${f2(leafTipY - leafH * 0.3)} ${f2(leafTipX)},${f2(leafTipY)}`
-    );
-    paths.push(
-      `M ${f2(leafTipX)},${f2(leafTipY)} C ${f2(leafTipX - dir * leafW * 0.2)},${f2(leafTipY + leafH * 0.6)} ${f2(branchX + dir * leafW * 0.15)},${f2(branchY + leafH * 0.4)} ${f2(branchX)},${f2(branchY + leafH * 0.1)}`
-    );
-    const tendrilY = y0 + segH * 0.7;
-    const tendrilW = w * 0.35;
-    const tendrilTipX = edgeX + dir * tendrilW;
-    paths.push(
-      `M ${f2(edgeX)},${f2(tendrilY)} Q ${f2(edgeX + dir * tendrilW * 0.6)},${f2(tendrilY - segH * 0.12)} ${f2(tendrilTipX)},${f2(tendrilY + segH * 0.05)}`
-    );
-    const spR = leafW * 0.08;
-    paths.push(
-      `M ${f2(leafTipX)},${f2(leafTipY)} A ${f2(spR)} ${f2(spR)} 0 1 ${facing === "right" ? 0 : 1} ${f2(leafTipX + dir * spR * 0.5)},${f2(leafTipY + spR)}`
-    );
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function LatticeSVG({
-  facing,
-  w,
-  h,
-  color,
-  strokeWidth
-}) {
-  const paths = [];
-  const cols = 5;
-  const rows = Math.ceil(h / (w / cols));
-  const cellW = w / cols;
-  const cellH = cellW;
-  const bulge = cellW * 0.3;
-  for (let row = 0; row < rows; row++) {
-    for (let col = 0; col < cols; col++) {
-      const cx = col * cellW + cellW / 2;
-      const cy = row * cellH + cellH / 2;
-      const hw = cellW * 0.5;
-      const hh = cellH * 0.5;
-      paths.push(
-        `M ${f2(cx)},${f2(cy - hh)} Q ${f2(cx + bulge)},${f2(cy)} ${f2(cx)},${f2(cy + hh)}`
-      );
-      paths.push(
-        `M ${f2(cx)},${f2(cy - hh)} Q ${f2(cx - bulge)},${f2(cy)} ${f2(cx)},${f2(cy + hh)}`
-      );
-      paths.push(
-        `M ${f2(cx - hw)},${f2(cy)} Q ${f2(cx)},${f2(cy - bulge * 0.5)} ${f2(cx + hw)},${f2(cy)}`
-      );
-      paths.push(
-        `M ${f2(cx - hw)},${f2(cy)} Q ${f2(cx)},${f2(cy + bulge * 0.5)} ${f2(cx + hw)},${f2(cy)}`
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx("g", { fill: "none", stroke: color, strokeWidth, children: paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i)) });
-}
-function f2(n) {
-  return n.toFixed(2);
-}
-var VARIANT_MAP2, EdgeDecoration;
-var init_EdgeDecoration = __esm({
-  "components/molecules/EdgeDecoration.tsx"() {
-    "use client";
-    init_cn();
-    VARIANT_MAP2 = {
-      arch: ArchSVG,
-      vine: VineSVG,
-      lattice: LatticeSVG
-    };
-    EdgeDecoration = ({
-      variant = "arch",
-      side = "both",
-      opacity = 0.15,
-      color = "var(--color-primary)",
-      strokeWidth = 0.5,
-      width = 15,
-      className
-    }) => {
-      const id = useId();
-      const Variant = VARIANT_MAP2[variant];
-      const sides = side === "both" ? ["left", "right"] : [side];
-      return /* @__PURE__ */ jsx(Fragment, { children: sides.map((s) => /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: cn(
-            "absolute top-0 h-full pointer-events-none",
-            s === "left" ? "left-0" : "right-0",
-            className
-          ),
-          style: {
-            width: `${width}%`,
-            opacity
-          },
-          viewBox: `0 0 200 ${200 * 3}`,
-          preserveAspectRatio: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx(
-            Variant,
-            {
-              facing: s,
-              w: 200,
-              h: 600,
-              color,
-              strokeWidth
-            }
-          )
-        },
-        `${id}-${s}`
-      )) });
-    };
-    EdgeDecoration.displayName = "EdgeDecoration";
-  }
-});
 
 // components/molecules/index.ts
 var init_molecules = __esm({
   "components/molecules/index.ts"() {
-    init_ErrorBoundary();
-    init_FileTree();
-    init_FormField();
     init_EmptyState();
-    init_LoadingState();
-    init_ErrorState();
-    init_Skeleton();
-    init_Accordion();
-    init_Alert();
-    init_Breadcrumb();
-    init_ButtonGroup();
-    init_FilterGroup();
-    init_Card2();
-    init_Container();
-    init_Flex();
-    init_FloatingActionButton();
-    init_Grid();
-    init_InputGroup();
-    init_Menu();
-    init_Modal();
     init_Pagination();
-    init_Popover();
-    init_RelationSelect();
-    init_SearchInput();
-    init_SidePanel();
-    init_SimpleGrid();
-    init_Tabs();
-    init_Toast();
-    init_Tooltip();
-    init_Drawer();
-    init_WizardProgress();
-    init_WizardNavigation();
-    init_MarkdownContent();
-    init_CodeBlock();
-    init_QuizBlock();
-    init_ScaledDiagram();
-    init_CalendarGrid();
-    init_RepeatableFormSection();
-    init_ViolationAlert();
-    init_FormSectionHeader();
-    init_FlipCard();
-    init_DateRangeSelector();
-    init_ChartLegend();
-    init_LineChart();
-    init_ProgressDots();
     init_game2();
-    init_GraphView();
-    init_MapView();
-    init_NumberStepper();
-    init_StarRating();
-    init_UploadDropZone();
-    init_Lightbox();
-    init_DataGrid();
-    init_DataList();
-    init_StatDisplay();
-    init_Meter();
-    init_SwipeableRow();
-    init_SortableList();
-    init_Carousel();
-    init_PullToRefresh();
-    init_InstallBox();
-    init_FeatureCard();
-    init_FeatureGrid();
-    init_CTABanner();
-    init_HeroSection();
-    init_PricingCard();
-    init_PricingGrid();
-    init_StatsGrid();
-    init_ServiceCatalog();
-    init_CaseStudyCard();
-    init_ArticleSection();
-    init_CodeExample();
-    init_SocialProof();
-    init_StepFlow();
-    init_SplitSection();
-    init_TagCloud();
-    init_CommunityLinks();
-    init_TeamCard();
-    init_ShowcaseCard();
-    init_GeometricPattern();
-    init_EdgeDecoration();
   }
 });
 
@@ -27043,19 +24183,19 @@ function renderRichFieldValue(value, fieldName, fieldType) {
 }
 function normalizeFieldDefs(fields) {
   if (!fields) return [];
-  return fields.map((f3) => {
-    if (typeof f3 === "string") return f3;
-    if ("key" in f3) return f3.key;
-    if ("name" in f3) return f3.name;
-    return String(f3);
+  return fields.map((f) => {
+    if (typeof f === "string") return f;
+    if ("key" in f) return f.key;
+    if ("name" in f) return f.name;
+    return String(f);
   });
 }
 function buildFieldTypeMap(fields) {
   const map = {};
   if (!fields) return map;
-  for (const f3 of fields) {
-    if (typeof f3 === "object" && "name" in f3 && "type" in f3) {
-      map[f3.name] = f3.type;
+  for (const f of fields) {
+    if (typeof f === "object" && "name" in f && "type" in f) {
+      map[f.name] = f.type;
     }
   }
   return map;
@@ -27152,22 +24292,22 @@ var init_DetailPanel = __esm({
           title = String(normalizedData[primaryField]);
         }
         const statusFields = effectiveFieldNames.filter(
-          (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
+          (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
         );
         const progressFields = effectiveFieldNames.filter(
-          (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
+          (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
         );
         const metricFields = effectiveFieldNames.filter(
-          (f3) => (f3.toLowerCase().includes("budget") || f3.toLowerCase().includes("cost") || f3.toLowerCase().includes("count")) && !progressFields.includes(f3)
+          (f) => (f.toLowerCase().includes("budget") || f.toLowerCase().includes("cost") || f.toLowerCase().includes("count")) && !progressFields.includes(f)
         );
         const dateFields = effectiveFieldNames.filter(
-          (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("time")
+          (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("time")
         );
         const descriptionFields = effectiveFieldNames.filter(
-          (f3) => f3.toLowerCase().includes("description") || f3.toLowerCase().includes("note")
+          (f) => f.toLowerCase().includes("description") || f.toLowerCase().includes("note")
         );
         const otherFields = effectiveFieldNames.filter(
-          (f3) => f3 !== primaryField && !statusFields.includes(f3) && !progressFields.includes(f3) && !metricFields.includes(f3) && !dateFields.includes(f3) && !descriptionFields.includes(f3)
+          (f) => f !== primaryField && !statusFields.includes(f) && !progressFields.includes(f) && !metricFields.includes(f) && !dateFields.includes(f) && !descriptionFields.includes(f)
         );
         sections = [];
         if (statusFields.length > 0 || otherFields.length > 0) {
@@ -27321,7 +24461,7 @@ var init_DetailPanel = __esm({
         subtitle && /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: subtitle }),
         /* @__PURE__ */ jsxs(HStack, { gap: "xs", wrap: true, children: [
           normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-            (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
+            (f) => f.toLowerCase().includes("status") || f.toLowerCase().includes("priority")
           ).map((field) => {
             const value = getNestedValue(normalizedData, field);
             if (!value) return null;
@@ -27337,7 +24477,7 @@ var init_DetailPanel = __esm({
           status && /* @__PURE__ */ jsx(Badge, { variant: status.variant ?? "default", children: status.label })
         ] }),
         normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
-          (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
+          (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
         ).map((field) => {
           const value = getNestedValue(normalizedData, field);
           if (value === void 0 || value === null || typeof value !== "number")
@@ -27604,7 +24744,7 @@ var init_DocumentViewer = __esm({
   }
 });
 function extractTitle(children) {
-  if (!React113__default.isValidElement(children)) return void 0;
+  if (!React104__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -27659,7 +24799,7 @@ function LinearView({
     /* @__PURE__ */ jsx(HStack, { className: "flex-wrap items-center", gap: "xs", children: trait.states.map((state, i) => {
       const isDone = i < currentIdx;
       const isCurrent = i === currentIdx;
-      return /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
         i > 0 && /* @__PURE__ */ jsx(
           Typography,
           {
@@ -28443,51 +25583,51 @@ var init_Form = __esm({
       const isSchemaEntity = isOrbitalEntitySchema(entity);
       const resolvedEntity = isSchemaEntity ? entity : void 0;
       const entityName = typeof entity === "string" ? entity : resolvedEntity?.name;
-      const normalizedInitialData = React113__default.useMemo(() => {
+      const normalizedInitialData = React104__default.useMemo(() => {
         const entityRowAsInitial = isPlainEntityRow(entity) ? entity : void 0;
         const callerInitial = initialData !== null && typeof initialData === "object" && !Array.isArray(initialData) ? initialData : {};
         return entityRowAsInitial !== void 0 ? { ...entityRowAsInitial, ...callerInitial } : callerInitial;
       }, [entity, initialData]);
-      const entityDerivedFields = React113__default.useMemo(() => {
+      const entityDerivedFields = React104__default.useMemo(() => {
         if (fields && fields.length > 0) return void 0;
         if (!resolvedEntity) return void 0;
         return resolvedEntity.fields.map(
-          (f3) => ({
-            name: f3.name,
-            type: f3.type,
-            required: f3.required,
-            defaultValue: f3.default,
-            values: f3.values,
-            min: f3.min,
-            max: f3.max,
-            relation: f3.relation ? { entity: f3.relation.entity } : void 0
+          (f) => ({
+            name: f.name,
+            type: f.type,
+            required: f.required,
+            defaultValue: f.default,
+            values: f.values,
+            min: f.min,
+            max: f.max,
+            relation: f.relation ? { entity: f.relation.entity } : void 0
           })
         );
       }, [entity, fields]);
       const conditionalFields = typeof conditionalFieldsRaw === "boolean" ? {} : conditionalFieldsRaw;
       const hiddenCalculations = typeof hiddenCalculationsRaw === "boolean" ? [] : hiddenCalculationsRaw;
       const violationTriggers = typeof violationTriggersRaw === "boolean" ? [] : violationTriggersRaw;
-      const [formData, setFormData] = React113__default.useState(
+      const [formData, setFormData] = React104__default.useState(
         normalizedInitialData
       );
-      const [collapsedSections, setCollapsedSections] = React113__default.useState(
+      const [collapsedSections, setCollapsedSections] = React104__default.useState(
         /* @__PURE__ */ new Set()
       );
       const formMode = props.mode;
-      const mountedRef = React113__default.useRef(false);
+      const mountedRef = React104__default.useRef(false);
       if (!mountedRef.current) {
         mountedRef.current = true;
         debug("forms", "mount", {
           mode: formMode,
           submitEvent,
           cancelEvent,
-          fieldNames: (fields ?? []).map((f3) => f3.name ?? f3.field).filter(Boolean),
+          fieldNames: (fields ?? []).map((f) => f.name ?? f.field).filter(Boolean),
           initialDataKeys: Object.keys(normalizedInitialData),
           initialData: normalizedInitialData
         });
       }
       const shouldShowCancel = showCancel ?? (fields && fields.length > 0);
-      const evalContext = React113__default.useMemo(
+      const evalContext = React104__default.useMemo(
         () => ({
           formValues: formData,
           globalVariables: externalContext?.globalVariables ?? {},
@@ -28496,7 +25636,7 @@ var init_Form = __esm({
         }),
         [formData, externalContext]
       );
-      React113__default.useEffect(() => {
+      React104__default.useEffect(() => {
         debug("forms", "initialData-sync", {
           mode: formMode,
           normalizedInitialData,
@@ -28507,7 +25647,7 @@ var init_Form = __esm({
           setFormData(normalizedInitialData);
         }
       }, [normalizedInitialData]);
-      const processCalculations = React113__default.useCallback(
+      const processCalculations = React104__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!hiddenCalculations.length) return;
           const context = {
@@ -28532,7 +25672,7 @@ var init_Form = __esm({
         },
         [hiddenCalculations, externalContext, eventBus]
       );
-      const checkViolations = React113__default.useCallback(
+      const checkViolations = React104__default.useCallback(
         (changedFieldId, newFormData) => {
           if (!violationTriggers.length) return;
           const context = {
@@ -28570,7 +25710,7 @@ var init_Form = __esm({
         processCalculations(name, newFormData);
         checkViolations(name, newFormData);
       };
-      const isFieldVisible = React113__default.useCallback(
+      const isFieldVisible = React104__default.useCallback(
         (fieldName) => {
           const condition = conditionalFields[fieldName];
           if (!condition) return true;
@@ -28578,7 +25718,7 @@ var init_Form = __esm({
         },
         [conditionalFields, evalContext]
       );
-      const isSectionVisible = React113__default.useCallback(
+      const isSectionVisible = React104__default.useCallback(
         (section) => {
           if (!section.condition) return true;
           return Boolean(evaluateFormExpression(section.condition, evalContext));
@@ -28622,7 +25762,7 @@ var init_Form = __esm({
           eventBus.emit(`UI:${onCancel}`);
         }
       };
-      const renderField = React113__default.useCallback(
+      const renderField = React104__default.useCallback(
         (field) => {
           const fieldName = field.name || field.field;
           if (!fieldName) return null;
@@ -28643,11 +25783,11 @@ var init_Form = __esm({
         [formData, isFieldVisible, relationsData, relationsLoading, isLoading]
       );
       const effectiveFields = entityDerivedFields ?? fields;
-      const normalizedFields = React113__default.useMemo(() => {
+      const normalizedFields = React104__default.useMemo(() => {
         if (!effectiveFields || effectiveFields.length === 0) return [];
         return effectiveFields.map((field) => {
           if (typeof field === "string") {
-            const entityField = resolvedEntity?.fields?.find((f3) => f3.name === field);
+            const entityField = resolvedEntity?.fields?.find((f) => f.name === field);
             if (entityField) {
               return {
                 name: field,
@@ -28665,7 +25805,7 @@ var init_Form = __esm({
           return field;
         });
       }, [effectiveFields, resolvedEntity]);
-      const schemaFields = React113__default.useMemo(() => {
+      const schemaFields = React104__default.useMemo(() => {
         if (normalizedFields.length === 0) return null;
         if (isDebugEnabled()) {
           debugGroup(`Form: ${entityName || "unknown"}`);
@@ -28675,7 +25815,7 @@ var init_Form = __esm({
         }
         return normalizedFields.map(renderField).filter(Boolean);
       }, [normalizedFields, renderField, entityName, conditionalFields]);
-      const sectionElements = React113__default.useMemo(() => {
+      const sectionElements = React104__default.useMemo(() => {
         if (!sections || sections.length === 0) return null;
         return sections.map((section) => {
           if (!isSectionVisible(section)) {
@@ -29980,7 +27120,7 @@ var init_InventoryPanel2 = __esm({
 });
 function normalizeFields2(fields) {
   if (!fields) return [];
-  return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
+  return fields.map((f) => typeof f === "string" ? f : f.key ?? f.name ?? "");
 }
 function entityFieldsFromListItem(item) {
   const {
@@ -30199,7 +27339,7 @@ var init_List = __esm({
         if (entity && typeof entity === "object" && "id" in entity) return [entity];
         return [];
       }, [entity]);
-      const getItemActions = React113__default.useCallback(
+      const getItemActions = React104__default.useCallback(
         (item) => {
           if (!itemActions) return [];
           if (typeof itemActions === "function") {
@@ -30303,19 +27443,19 @@ var init_List = __esm({
         const rowActionPayload = { row: entityFieldsFromListItem(item) };
         const primaryField = effectiveFieldNames?.[0];
         const statusField = effectiveFieldNames?.find(
-          (f3) => f3.toLowerCase().includes("status")
+          (f) => f.toLowerCase().includes("status")
         );
         const priorityField = effectiveFieldNames?.find(
-          (f3) => f3.toLowerCase().includes("priority")
+          (f) => f.toLowerCase().includes("priority")
         );
         const progressField = effectiveFieldNames?.find(
-          (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
+          (f) => f.toLowerCase().includes("progress") || f.toLowerCase().includes("percent")
         );
         const dateFields = effectiveFieldNames?.filter(
-          (f3) => f3.toLowerCase().includes("date") || f3.toLowerCase().includes("due")
+          (f) => f.toLowerCase().includes("date") || f.toLowerCase().includes("due")
         ) || [];
         const metadataFields = effectiveFieldNames?.filter(
-          (f3) => f3 !== primaryField && f3 !== statusField && f3 !== priorityField && f3 !== progressField && !dateFields.includes(f3)
+          (f) => f !== primaryField && f !== statusField && f !== priorityField && f !== progressField && !dateFields.includes(f)
         ).slice(0, 2) || [];
         const statusValue = statusField ? item._fields?.[statusField] : null;
         statusValue ? getStatusStyle(statusField, String(statusValue)) : null;
@@ -30636,7 +27776,7 @@ var init_MediaGallery = __esm({
         [selectable, selectedItems, selectionEvent, eventBus]
       );
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React113__default.useMemo(() => {
+      const items = React104__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => ({
@@ -30800,7 +27940,7 @@ var init_MediaGallery = __esm({
   }
 });
 function extractTitle2(children) {
-  if (!React113__default.isValidElement(children)) return void 0;
+  if (!React104__default.isValidElement(children)) return void 0;
   const props = children.props;
   if (typeof props.title === "string") {
     return props.title;
@@ -31513,7 +28653,7 @@ var init_PageHeader = __esm({
         info: "bg-info/10 text-info"
       };
       return /* @__PURE__ */ jsxs(Box, { className: cn("mb-6", className), children: [
-        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+        breadcrumbs && breadcrumbs.length > 0 && /* @__PURE__ */ jsx(Box, { as: "nav", className: "mb-4", children: /* @__PURE__ */ jsx(Box, { as: "ol", className: "flex items-center gap-2 text-sm", children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
           idx > 0 && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "muted", children: "/" }),
           crumb.href ? /* @__PURE__ */ jsx(
             "a",
@@ -31706,7 +28846,7 @@ var init_debugRegistry = __esm({
   }
 });
 function useDebugData() {
-  const [data, setData] = React113.useState(() => ({
+  const [data, setData] = React104.useState(() => ({
     traits: [],
     ticks: [],
     guards: [],
@@ -31720,7 +28860,7 @@ function useDebugData() {
     },
     lastUpdate: Date.now()
   }));
-  React113.useEffect(() => {
+  React104.useEffect(() => {
     const updateData = () => {
       setData({
         traits: getAllTraits(),
@@ -31829,12 +28969,12 @@ function layoutGraph(states, transitions, initialState, width, height) {
   return positions;
 }
 function WalkMinimap() {
-  const [walkStep, setWalkStep] = React113.useState(null);
-  const [traits2, setTraits] = React113.useState([]);
-  const [coveredEdges, setCoveredEdges] = React113.useState([]);
-  const [completedTraits, setCompletedTraits] = React113.useState(/* @__PURE__ */ new Set());
-  const prevTraitRef = React113.useRef(null);
-  React113.useEffect(() => {
+  const [walkStep, setWalkStep] = React104.useState(null);
+  const [traits2, setTraits] = React104.useState([]);
+  const [coveredEdges, setCoveredEdges] = React104.useState([]);
+  const [completedTraits, setCompletedTraits] = React104.useState(/* @__PURE__ */ new Set());
+  const prevTraitRef = React104.useRef(null);
+  React104.useEffect(() => {
     const interval = setInterval(() => {
       const w = window;
       const step = w.__orbitalWalkStep;
@@ -32281,15 +29421,15 @@ var init_EntitiesTab = __esm({
   }
 });
 function EventFlowTab({ events: events2 }) {
-  const [filter, setFilter] = React113.useState("all");
-  const containerRef = React113.useRef(null);
-  const [autoScroll, setAutoScroll] = React113.useState(true);
-  React113.useEffect(() => {
+  const [filter, setFilter] = React104.useState("all");
+  const containerRef = React104.useRef(null);
+  const [autoScroll, setAutoScroll] = React104.useState(true);
+  React104.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
   }, [events2.length, autoScroll]);
-  const filteredEvents = React113.useMemo(() => {
+  const filteredEvents = React104.useMemo(() => {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
@@ -32408,7 +29548,7 @@ var init_EventFlowTab = __esm({
   }
 });
 function GuardsPanel({ guards }) {
-  const [filter, setFilter] = React113.useState("all");
+  const [filter, setFilter] = React104.useState("all");
   if (guards.length === 0) {
     return /* @__PURE__ */ jsx(
       EmptyState,
@@ -32421,7 +29561,7 @@ function GuardsPanel({ guards }) {
   }
   const passedCount = guards.filter((g) => g.result).length;
   const failedCount = guards.length - passedCount;
-  const filteredGuards = React113.useMemo(() => {
+  const filteredGuards = React104.useMemo(() => {
     if (filter === "all") return guards;
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
@@ -32582,10 +29722,10 @@ function EffectBadge({ effect }) {
   ] });
 }
 function TransitionTimeline({ transitions }) {
-  const containerRef = React113.useRef(null);
-  const [autoScroll, setAutoScroll] = React113.useState(true);
-  const [expandedId, setExpandedId] = React113.useState(null);
-  React113.useEffect(() => {
+  const containerRef = React104.useRef(null);
+  const [autoScroll, setAutoScroll] = React104.useState(true);
+  const [expandedId, setExpandedId] = React104.useState(null);
+  React104.useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;
     }
@@ -32809,9 +29949,9 @@ function extractPayloadFields(schema, eventName) {
       for (const evt of events2) {
         if (evt.name !== eventName) continue;
         const payload = evt.payload ?? [];
-        return payload.map((f3) => ({
-          name: f3.name,
-          type: f3.type ?? "string"
+        return payload.map((f) => ({
+          name: f.name,
+          type: f.type ?? "string"
         }));
       }
     }
@@ -32871,9 +30011,9 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React113.useState([]);
-  const prevStatesRef = React113.useRef(/* @__PURE__ */ new Map());
-  React113.useEffect(() => {
+  const [log3, setLog] = React104.useState([]);
+  const prevStatesRef = React104.useRef(/* @__PURE__ */ new Map());
+  React104.useEffect(() => {
     for (const trait of traits2) {
       const prev = prevStatesRef.current.get(trait.id);
       if (prev && prev !== trait.currentState) {
@@ -33043,10 +30183,10 @@ function VerifyModePanel({
   serverCount,
   localCount
 }) {
-  const [expanded, setExpanded] = React113.useState(true);
-  const scrollRef = React113.useRef(null);
-  const prevCountRef = React113.useRef(0);
-  React113.useEffect(() => {
+  const [expanded, setExpanded] = React104.useState(true);
+  const scrollRef = React104.useRef(null);
+  const prevCountRef = React104.useRef(0);
+  React104.useEffect(() => {
     if (expanded && transitions.length > prevCountRef.current && scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -33112,10 +30252,10 @@ function RuntimeDebugger({
   defaultTab,
   schema
 }) {
-  const [isCollapsed, setIsCollapsed] = React113.useState(mode === "verify" ? true : defaultCollapsed);
-  const [isVisible, setIsVisible] = React113.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
+  const [isCollapsed, setIsCollapsed] = React104.useState(mode === "verify" ? true : defaultCollapsed);
+  const [isVisible, setIsVisible] = React104.useState(mode === "inline" || mode === "verify" || isDebugEnabled2());
   const debugData = useDebugData();
-  React113.useEffect(() => {
+  React104.useEffect(() => {
     if (mode === "inline") return;
     return onDebugToggle((enabled) => {
       setIsVisible(enabled);
@@ -33124,7 +30264,7 @@ function RuntimeDebugger({
       }
     });
   }, [mode]);
-  React113.useEffect(() => {
+  React104.useEffect(() => {
     if (mode === "inline") return;
     const handleKeyDown = (e) => {
       if (e.key === "`" && isVisible) {
@@ -33673,7 +30813,7 @@ function SequenceBar({
     onSlotRemove(index);
   }, [onSlotRemove, playing]);
   const paddedSlots = Array.from({ length: maxSlots }, (_, i) => slots[i]);
-  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx(HStack, { className: cn("items-center", className), gap: "sm", children: paddedSlots.map((slot, i) => /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
     i > 0 && /* @__PURE__ */ jsx(
       Typography,
       {
@@ -33817,7 +30957,7 @@ function SequencerBoard({
           setPlayState("idle");
           setCurrentStep(-1);
           emit("UI:PLAY_SOUND", { key: "fail" });
-          const correctCount2 = feedback.filter((f3) => f3 === "correct").length;
+          const correctCount2 = feedback.filter((f) => f === "correct").length;
           for (let ci = 0; ci < correctCount2; ci++) {
             setTimeout(() => {
               emit("UI:PLAY_SOUND", { key: "correctSlot" });
@@ -33844,8 +30984,8 @@ function SequencerBoard({
   };
   const usedIds = entity.allowDuplicates === false ? slots.filter(Boolean).map((s) => s?.id || "") : [];
   const showHint = attempts >= 3 && !!entity.hint;
-  const hasFeedback = slotFeedback.some((f3) => f3 !== null);
-  const correctCount = slotFeedback.filter((f3) => f3 === "correct").length;
+  const hasFeedback = slotFeedback.some((f) => f !== null);
+  const correctCount = slotFeedback.filter((f) => f === "correct").length;
   const encourageKey = ENCOURAGEMENT_KEYS2[Math.min(attempts - 1, ENCOURAGEMENT_KEYS2.length - 1)] ?? ENCOURAGEMENT_KEYS2[0];
   return /* @__PURE__ */ jsxs(
     VStack,
@@ -34981,7 +32121,7 @@ var init_SplitPane = __esm({
   }
 });
 var StatCard;
-var init_StatCard2 = __esm({
+var init_StatCard = __esm({
   "components/organisms/StatCard.tsx"() {
     "use client";
     init_cn();
@@ -35018,7 +32158,7 @@ var init_StatCard2 = __esm({
       const labelToUse = propLabel ?? propTitle;
       const eventBus = useEventBus();
       const { t } = useTranslate();
-      const handleActionClick = React113__default.useCallback(() => {
+      const handleActionClick = React104__default.useCallback(() => {
         if (action?.event) {
           eventBus.emit(`UI:${action.event}`, {});
         }
@@ -35029,7 +32169,7 @@ var init_StatCard2 = __esm({
       const data = Array.isArray(entity) ? entity : entity ? [entity] : [];
       const isLoading = externalLoading ?? false;
       const error = externalError;
-      const computeMetricValue = React113__default.useCallback(
+      const computeMetricValue = React104__default.useCallback(
         (metric, items) => {
           if (metric.value !== void 0) {
             return metric.value;
@@ -35068,7 +32208,7 @@ var init_StatCard2 = __esm({
         },
         []
       );
-      const schemaStats = React113__default.useMemo(() => {
+      const schemaStats = React104__default.useMemo(() => {
         if (!metrics || metrics.length === 0) return null;
         return metrics.map((metric) => ({
           label: metric.label,
@@ -35076,7 +32216,7 @@ var init_StatCard2 = __esm({
           format: metric.format
         }));
       }, [metrics, data, computeMetricValue]);
-      const calculatedTrend = React113__default.useMemo(() => {
+      const calculatedTrend = React104__default.useMemo(() => {
         if (manualTrend !== void 0) return manualTrend;
         if (previousValue === void 0 || currentValue === void 0)
           return void 0;
@@ -36060,23 +33200,23 @@ var init_Timeline = __esm({
     }) => {
       const { t } = useTranslate();
       const entityData = Array.isArray(entity) ? entity : [];
-      const items = React113__default.useMemo(() => {
+      const items = React104__default.useMemo(() => {
         if (propItems) return propItems;
         if (entityData.length === 0) return [];
         return entityData.map((record, idx) => {
-          const resolveField = (f3) => {
-            if (typeof f3 === "string") return f3;
-            if (f3 && typeof f3 === "object" && "name" in f3) return String(f3.name);
+          const resolveField = (f) => {
+            if (typeof f === "string") return f;
+            if (f && typeof f === "object" && "name" in f) return String(f.name);
             return "";
           };
           const resolvedFields = fields?.map(resolveField) ?? [];
           const titleField = resolvedFields[0] || "title";
           const descField = resolvedFields[1] || "description";
           const dateField = resolvedFields.find(
-            (f3) => f3.toLowerCase().includes("date")
+            (f) => f.toLowerCase().includes("date")
           ) || "date";
           const statusField = resolvedFields.find(
-            (f3) => f3.toLowerCase().includes("status")
+            (f) => f.toLowerCase().includes("status")
           ) || "status";
           return {
             id: String(record.id ?? idx),
@@ -36167,7 +33307,7 @@ var init_Timeline = __esm({
   }
 });
 function extractToastProps(children) {
-  if (!React113__default.isValidElement(children)) {
+  if (!React104__default.isValidElement(children)) {
     if (typeof children === "string") {
       return { message: children };
     }
@@ -36205,7 +33345,7 @@ var init_ToastSlot = __esm({
         eventBus.emit("UI:CLOSE");
       };
       if (!isVisible) return null;
-      const isCustomContent = React113__default.isValidElement(children) && !message;
+      const isCustomContent = React104__default.isValidElement(children) && !message;
       return /* @__PURE__ */ jsx(Box, { className: "fixed bottom-4 right-4 z-50", children: isCustomContent ? children : /* @__PURE__ */ jsx(
         Toast,
         {
@@ -36474,7 +33614,7 @@ var init_WizardContainer = __esm({
               const isCompleted = index < currentStep;
               const stepKey = step.id ?? step.tabId ?? `step-${index}`;
               const stepTitle = step.title ?? step.name ?? `Step ${index + 1}`;
-              return /* @__PURE__ */ jsxs(React113__default.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React104__default.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -36856,12 +33996,12 @@ var init_WorldMapTemplate = __esm({
   }
 });
 function lazyThree(name, loader) {
-  const Lazy = React113__default.lazy(() => loader().then((m) => ({ default: m[name] })));
+  const Lazy = React104__default.lazy(() => loader().then((m) => ({ default: m[name] })));
   function ThreeWrapper(props) {
-    return React113__default.createElement(
-      React113__default.Suspense,
+    return React104__default.createElement(
+      React104__default.Suspense,
       { fallback: null },
-      React113__default.createElement(Lazy, props)
+      React104__default.createElement(Lazy, props)
     );
   }
   ThreeWrapper.displayName = `Lazy(${name})`;
@@ -37017,7 +34157,7 @@ var init_component_registry_generated = __esm({
     init_Stack();
     init_StarRating();
     init_StatBadge();
-    init_StatCard2();
+    init_StatCard();
     init_StatDisplay();
     init_StateArchitectBoard();
     init_StateIndicator();
@@ -37349,7 +34489,7 @@ function SuspenseConfigProvider({
   config,
   children
 }) {
-  return React113__default.createElement(
+  return React104__default.createElement(
     SuspenseConfigContext.Provider,
     { value: config },
     children
@@ -37370,7 +34510,7 @@ function getComponentForPattern(patternType) {
   return COMPONENT_REGISTRY[name] ?? null;
 }
 function enrichFormFields(fields, entityDef) {
-  const fieldMap = new Map(entityDef.fields.map((f3) => [f3.name, f3]));
+  const fieldMap = new Map(entityDef.fields.map((f) => [f.name, f]));
   return fields.map((field) => {
     if (typeof field === "string") {
       const entityField = fieldMap.get(field);
@@ -37832,7 +34972,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
         const key = `${parentId}-${index}-trait:${traitName}`;
         return /* @__PURE__ */ jsx(TraitFrame, { traitName }, key);
       }
-      return /* @__PURE__ */ jsx(React113__default.Fragment, { children: child }, `${parentId}-${index}`);
+      return /* @__PURE__ */ jsx(React104__default.Fragment, { children: child }, `${parentId}-${index}`);
     }
     if (!child || typeof child !== "object") return null;
     const childId = `${parentId}-${index}`;
@@ -37869,14 +35009,14 @@ function isPatternConfig(value) {
   if (value === null || value === void 0) return false;
   if (typeof value !== "object") return false;
   if (Array.isArray(value)) return false;
-  if (React113__default.isValidElement(value)) return false;
+  if (React104__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   if (typeof value === "function") return false;
   const record = value;
   return "type" in record && typeof record.type === "string";
 }
 function isPlainConfigObject(value) {
-  if (React113__default.isValidElement(value)) return false;
+  if (React104__default.isValidElement(value)) return false;
   if (value instanceof Date) return false;
   const proto = Object.getPrototypeOf(value);
   return proto === Object.prototype || proto === null;
@@ -37937,7 +35077,7 @@ function SlotContentRenderer({
 }) {
   const entityProp = content.props.entity;
   if (content.pattern === "form-section") {
-    slotLog2.debug("SlotContentRenderer:form-section-render", {
+    slotLog.debug("SlotContentRenderer:form-section-render", {
       contentId: content.id,
       sourceTrait: content.sourceTrait,
       entityRefId: refId(entityProp),
@@ -38165,60 +35305,6 @@ var init_UISlotRenderer = __esm({
 // hooks/index.ts
 init_useEventBus();
 
-// hooks/useUISlots.ts
-init_logger();
-createLogger("almadar:ui:useUISlots");
-var ALL_SLOTS = [
-  "main",
-  "sidebar",
-  "modal",
-  "drawer",
-  "overlay",
-  "center",
-  "toast",
-  "hud-top",
-  "hud-bottom",
-  "hud-left",
-  "hud-right",
-  "floating"
-];
-ALL_SLOTS.reduce(
-  (acc, slot) => {
-    acc[slot] = null;
-    return acc;
-  },
-  {}
-);
-ALL_SLOTS.reduce(
-  (acc, slot) => {
-    acc[slot] = {};
-    return acc;
-  },
-  {}
-);
-
-// hooks/useUIEvents.ts
-init_useEventBus();
-
-// hooks/index.ts
-init_useQuerySingleton();
-
-// hooks/index.ts
-init_useTranslate();
-init_useAuthContext();
-init_useSwipeGesture();
-init_useLongPress();
-init_useDragReorder();
-init_useInfiniteScroll();
-init_usePullToRefresh();
-
-// hooks/useDraggable.ts
-init_useEventBus();
-
-// hooks/useDropZone.ts
-init_useEventBus();
-typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "http://localhost:3000";
-
 // runtime/useTraitStateMachine.ts
 init_logger();
 
@@ -38284,7 +35370,7 @@ function resolveLambdaBindings(body, argName, arg) {
   if (Array.isArray(body)) {
     return body.map((b) => resolveLambdaBindings(b, argName, arg));
   }
-  if (body !== null && typeof body === "object" && !React113__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
+  if (body !== null && typeof body === "object" && !React104__default.isValidElement(body) && !(body instanceof Date) && typeof body !== "function") {
     const out = {};
     for (const [k, v] of Object.entries(body)) {
       out[k] = resolveLambdaBindings(v, argName, arg);
@@ -38303,7 +35389,7 @@ function getSlotContentRenderer2() {
 function makeLambdaFn(argName, lambdaBody, callerKey) {
   return (item, index) => {
     const resolvedBody = resolveLambdaBindings(lambdaBody, argName, item);
-    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React113__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
+    if (resolvedBody === null || typeof resolvedBody !== "object" || Array.isArray(resolvedBody) || typeof resolvedBody === "function" || React104__default.isValidElement(resolvedBody) || resolvedBody instanceof Date) {
       return null;
     }
     const record = resolvedBody;
@@ -38321,7 +35407,7 @@ function makeLambdaFn(argName, lambdaBody, callerKey) {
       props: childProps,
       priority: 0
     };
-    return React113__default.createElement(SlotContentRenderer2, { content: childContent });
+    return React104__default.createElement(SlotContentRenderer2, { content: childContent });
   };
 }
 function convertNode(node, callerKey) {
@@ -38340,7 +35426,7 @@ function convertNode(node, callerKey) {
     });
     return anyChanged ? mapped : node;
   }
-  if (typeof node === "object" && !React113__default.isValidElement(node) && !(node instanceof Date)) {
+  if (typeof node === "object" && !React104__default.isValidElement(node) && !(node instanceof Date)) {
     return convertObjectProps(node);
   }
   return node;
@@ -38496,8 +35582,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         states: trait.states.map((s) => s.name),
         transitions: trait.transitions.flatMap((t) => {
           const froms = Array.isArray(t.from) ? t.from : [t.from];
-          return froms.map((f3) => ({
-            from: f3,
+          return froms.map((f) => ({
+            from: f,
             to: t.to,
             event: t.event,
             guard: t.guard ? String(t.guard) : void 0
@@ -39438,9 +36524,9 @@ init_navigation();
 init_verificationRegistry();
 function generateEntityRow(entity, idx) {
   const row = { id: String(idx) };
-  for (const f3 of entity.fields) {
-    if (f3.name === void 0 || f3.name === "id") continue;
-    row[f3.name] = generateFieldValue(entity.name, f3, idx);
+  for (const f of entity.fields) {
+    if (f.name === void 0 || f.name === "id") continue;
+    row[f.name] = generateFieldValue(entity.name, f, idx);
   }
   return row;
 }