@almadar/ui 4.44.1 → 4.46.0

package/dist/components/index.js

@@ -4,7 +4,7 @@ import React131__default, { useContext, useMemo, useRef, useEffect, useCallback,
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
-import { createLogger } from '@almadar/logger';
+import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import * as LucideIcons from 'lucide-react';
 import { Loader2, X, AlertTriangle, Info, AlertCircle, CheckCircle, List, Printer, ChevronRight, ChevronLeft, XCircle, Wrench, RotateCcw, Send, Code, FileText, WrapText, Check, Copy, Trash2, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ChevronUp, MoreHorizontal, Bug, ZoomOut, ZoomIn, Download, Pause, Play, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ArrowRight, ArrowLeft, Eraser, SkipForward, TrendingUp, TrendingDown, Minus, ArrowUp, ArrowDown, MoreVertical, Circle, Clock, CheckCircle2, HelpCircle, FileQuestion, Inbox, Plus, Filter, Star, FileWarning, Camera, RefreshCw, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, MessageSquare, Flag, GitBranch, Trash, GitCommit, AlignLeft, Columns, Tag, User, DollarSign, Sun, Moon, Zap, Sword, Move, Heart, Shield, Coffee, Users } from 'lucide-react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
@@ -1030,7 +1030,7 @@ var init_useEventBus = __esm({
             try {
               handler(event);
             } catch (error) {
-              console.error(`[EventBus] Error in listener for '${type}':`, error);
+              log.error("Error in listener", { type, error: error instanceof Error ? error : String(error) });
             }
           });
         }
@@ -1038,7 +1038,7 @@ var init_useEventBus = __esm({
           try {
             handler(event);
           } catch (error) {
-            console.error(`[EventBus] Error in onAny listener for '${type}':`, error);
+            log.error("Error in onAny listener", { type, error: error instanceof Error ? error : String(error) });
           }
         });
       },
@@ -3091,6 +3091,7 @@ var BUILT_IN_THEMES, ThemeContext;
 var init_ThemeContext = __esm({
   "context/ThemeContext.tsx"() {
     "use client";
+    createLogger("almadar:ui:theme");
     BUILT_IN_THEMES = [
       {
         name: "wireframe",
@@ -4426,8 +4427,8 @@ var init_SectionHeader = __esm({
   }
 });
 var sizeClasses4, MarketingStatCard;
-var init_StatCard = __esm({
-  "components/atoms/StatCard.tsx"() {
+var init_MarketingStatCard = __esm({
+  "components/atoms/MarketingStatCard.tsx"() {
     init_cn();
     init_Stack();
     init_Typography();
@@ -8293,7 +8294,7 @@ function ActionButton({
       disabled: isDisabled,
       onClick,
       className: cn(
-        "relative inline-flex items-center gap-1.5 rounded-md border font-medium text-[var(--color-foreground)] overflow-hidden transition-colors duration-150",
+        "relative inline-flex items-center gap-1.5 rounded-md border font-medium overflow-hidden transition-colors duration-150",
         sizes.button,
         variantStyles7[variant],
         isDisabled && "opacity-60 cursor-not-allowed",
@@ -8303,7 +8304,7 @@ function ActionButton({
         onCooldown && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "absolute inset-0 bg-black/60 pointer-events-none",
+            className: "absolute inset-0 bg-foreground/40 pointer-events-none",
             style: {
               clipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
               WebkitClipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
@@ -8311,13 +8312,16 @@ function ActionButton({
             }
           }
         ),
-        icon && /* @__PURE__ */ jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: icon }),
+        icon && /* @__PURE__ */ jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsx(I, { className: "w-4 h-4" }) : null;
+        })() : icon }),
         /* @__PURE__ */ jsx("span", { className: "relative z-10", children: label }),
         hotkey && /* @__PURE__ */ jsx(
           "span",
           {
             className: cn(
-              "absolute top-0.5 right-0.5 bg-black/50 text-gray-300 rounded font-mono leading-tight",
+              "absolute top-0.5 right-0.5 bg-foreground/30 text-primary-foreground rounded font-mono leading-tight",
               sizes.hotkey
             ),
             children: hotkey
@@ -8331,15 +8335,16 @@ var sizeMap, variantStyles7;
 var init_ActionButton = __esm({
   "components/atoms/game/ActionButton.tsx"() {
     init_cn();
+    init_Icon();
     sizeMap = {
       sm: { button: "px-3 py-1.5 text-xs", hotkey: "text-[9px] px-1", icon: "text-xs" },
       md: { button: "px-4 py-2 text-sm", hotkey: "text-[10px] px-1.5", icon: "text-sm" },
       lg: { button: "px-5 py-2.5 text-base", hotkey: "text-xs px-2", icon: "text-base" }
     };
     variantStyles7 = {
-      primary: "bg-blue-600 hover:bg-blue-500 border-blue-400/40",
-      secondary: "bg-gray-700 hover:bg-gray-600 border-gray-500/40",
-      danger: "bg-red-700 hover:bg-red-600 border-red-400/40"
+      primary: "bg-primary text-primary-foreground hover:bg-primary-hover border-primary",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
+      danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
     ActionButton.displayName = "ActionButton";
   }
@@ -8408,12 +8413,15 @@ function ControlButton({
         sizeMap2[size] ?? sizeMap2.md,
         shapeMap[shape] ?? shapeMap.circle,
         variantMap[variant] ?? variantMap.secondary,
-        actualPressed && "scale-95 brightness-110 border-white",
+        actualPressed && "scale-95 brightness-110 border-foreground",
         disabled && "opacity-50 cursor-not-allowed",
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "text-2xl", children: icon }),
+        icon && /* @__PURE__ */ jsx("span", { className: "text-2xl", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsx(I, { className: "w-6 h-6" }) : null;
+        })() : icon }),
         label && !icon && /* @__PURE__ */ jsx("span", { children: label })
       ]
     }
@@ -8425,6 +8433,7 @@ var init_ControlButton = __esm({
     "use client";
     init_cn();
     init_useEventBus();
+    init_Icon();
     sizeMap2 = {
       sm: "w-10 h-10 text-sm",
       md: "w-14 h-14 text-base",
@@ -8437,9 +8446,9 @@ var init_ControlButton = __esm({
       square: "rounded-md"
     };
     variantMap = {
-      primary: "bg-blue-600 text-[var(--color-foreground)] border-blue-400 hover:bg-blue-500",
-      secondary: "bg-[var(--color-surface,#374151)] text-[var(--color-foreground)] border-gray-500 hover:bg-gray-600",
-      ghost: "bg-transparent text-[var(--color-foreground)] border-white/30 hover:bg-white/10"
+      primary: "bg-primary text-primary-foreground border-primary hover:bg-primary-hover",
+      secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
+      ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
     ControlButton.displayName = "ControlButton";
   }
@@ -8905,7 +8914,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log2.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log3.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -8968,10 +8977,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log2;
+var log3;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log2 = createLogger("almadar:bridge");
+    log3 = createLogger("almadar:bridge");
     exposeOnWindow();
   }
 });
@@ -10999,7 +11008,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK();
   }
 });
-var SWIM_GUTTER, CENTER_W, BehaviorView;
+var log4, SWIM_GUTTER, CENTER_W, BehaviorView;
 var init_BehaviorView = __esm({
   "components/molecules/avl/BehaviorView.tsx"() {
     "use client";
@@ -11008,6 +11017,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_types();
     init_avl_elk_layout();
+    log4 = createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     BehaviorView = ({ data }) => {
@@ -11017,7 +11027,7 @@ var init_BehaviorView = __esm({
       const dataKey = useMemo(() => JSON.stringify(traitData), [traitData]);
       useEffect(() => {
         if (!traitData) return;
-        computeTraitLayout(traitData).then(setLayout).catch(console.error);
+        computeTraitLayout(traitData).then(setLayout).catch((err) => log4.error("compute-trait-layout-failed", { error: err instanceof Error ? err : String(err) }));
       }, [dataKey]);
       if (!traitData) {
         return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-4 text-center text-[var(--color-muted-foreground)] text-sm", children: "No trait data" });
@@ -11362,7 +11372,7 @@ function computeFoldRegions(code) {
   }
   return regions.sort((a, b) => a.start - b.start);
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log5, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/molecules/markdown/CodeBlock.tsx"() {
     init_Box();
@@ -11439,6 +11449,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark, ...loloStyleOverrides };
+    log5 = createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
     CodeBlock = React131__default.memo(
@@ -11637,7 +11648,7 @@ var init_CodeBlock = __esm({
             eventBus.emit("UI:COPY_CODE", { language, success: true });
             setTimeout(() => setCopied(false), 2e3);
           } catch (err) {
-            console.error("Failed to copy code:", err);
+            log5.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language, success: false });
           }
         };
@@ -15199,13 +15210,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var ButtonGroup;
+var log6, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms();
     init_useEventBus();
+    log6 = createLogger("almadar:ui:button-group");
     ButtonGroup = ({
       children,
       primary,
@@ -15278,7 +15290,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              console.log(`Filter clicked: ${filter.field}`);
+              log6.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -18056,8 +18068,8 @@ function ChoiceButton({
       className: cn(
         "w-full text-left px-4 py-2.5 rounded-md border transition-all duration-150",
         "flex items-center gap-2",
-        selected ? "bg-yellow-500/20 border-yellow-400 text-yellow-300" : "bg-white/5 border-white/10 text-[var(--color-foreground)] hover:bg-white/10 hover:border-white/30",
-        disabled && "opacity-40 cursor-not-allowed hover:bg-white/5 hover:border-white/10",
+        selected ? "bg-accent/15 border-accent text-foreground" : "bg-muted/40 border-border text-foreground hover:bg-muted hover:border-border",
+        disabled && "opacity-40 cursor-not-allowed hover:bg-muted/40 hover:border-border",
         className
       ),
       children: [
@@ -18066,7 +18078,7 @@ function ChoiceButton({
           {
             className: cn(
               "flex-shrink-0 font-mono font-bold text-sm",
-              selected ? "text-yellow-400" : "text-gray-500"
+              selected ? "text-accent" : "text-muted-foreground"
             ),
             children: [
               index,
@@ -20270,7 +20282,7 @@ function DataGrid({
                       onClick: handleActionClick(action, itemData),
                       "data-testid": `action-${action.event}`,
                       "data-row-id": String(itemData.id),
-                      className: "text-error hover:bg-error/10 px-2",
+                      className: "text-error hover:text-error hover:bg-error/10 px-2",
                       children: [
                         action.icon && /* @__PURE__ */ jsx(Icon, { name: action.icon, size: "xs" }),
                         action.label
@@ -21534,31 +21546,56 @@ var init_InputGroup = __esm({
     InputGroup.displayName = "InputGroup";
   }
 });
-
-// lib/debug.ts
+function gateEnabled(level, ns = NAMESPACE) {
+  return isLogLevelEnabled(level, ns);
+}
 function isDebugEnabled() {
-  if (DEBUG_ENABLED) return true;
-  return typeof window !== "undefined" && window.__ALMADAR_DEBUG_VERIFY__ === true;
+  return gateEnabled("DEBUG");
 }
 function debug(...args) {
-  if (isDebugEnabled()) {
-    console.log("[DEBUG]", ...args);
+  if (!gateEnabled("DEBUG")) return;
+  const [first, ...rest] = args;
+  const message = typeof first === "string" ? first : "<debug>";
+  if (rest.length === 0 && typeof first === "string") {
+    log7.debug(message);
+  } else {
+    log7.debug(message, { args: rest.length > 0 ? formatArgs(rest) : formatArgs([first]) });
   }
 }
 function debugGroup(label) {
-  if (isDebugEnabled()) {
-    console.group(`[DEBUG] ${label}`);
-  }
+  if (gateEnabled("DEBUG")) console.group(`[${NAMESPACE}] ${label}`);
 }
 function debugGroupEnd() {
-  if (isDebugEnabled()) {
-    console.groupEnd();
+  if (gateEnabled("DEBUG")) console.groupEnd();
+}
+function formatArgs(values) {
+  if (values.length === 1) return toLogMetaValue(values[0]);
+  return values.map(toLogMetaValue);
+}
+function toLogMetaValue(v) {
+  if (v === null || v === void 0) return v;
+  if (v instanceof Error) return v;
+  const t = typeof v;
+  if (t === "string" || t === "number" || t === "boolean") return v;
+  if (Array.isArray(v)) return v.map(toLogMetaValue);
+  if (t === "object") {
+    const out = {};
+    for (const [k, val] of Object.entries(v)) {
+      out[k] = toLogMetaValue(val);
+    }
+    return out;
   }
+  return String(v);
 }
-var DEBUG_ENABLED;
+var NAMESPACE, log7;
 var init_debug = __esm({
   "lib/debug.ts"() {
-    DEBUG_ENABLED = typeof window !== "undefined" && (localStorage.getItem("debug") === "true" || process.env.NODE_ENV === "development");
+    NAMESPACE = "almadar:ui:debug";
+    log7 = createLogger(NAMESPACE);
+    createLogger("almadar:ui:debug:input");
+    createLogger("almadar:ui:debug:collision");
+    createLogger("almadar:ui:debug:physics");
+    createLogger("almadar:ui:debug:game-state");
   }
 });
 var isRelationsDebugEnabled, RelationSelect;
@@ -22987,7 +23024,7 @@ function StatBadge({
           const I = resolveIcon(icon);
           return I ? /* @__PURE__ */ jsx(I, { className: "w-4 h-4" }) : icon;
         })() : icon }),
-        /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-medium", children: label }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-medium", children: label }),
         format === "hearts" && max && /* @__PURE__ */ jsx(
           HealthBar,
           {
@@ -23014,7 +23051,7 @@ function StatBadge({
             animated: true
           }
         ),
-        format === "text" && /* @__PURE__ */ jsx("span", { className: "font-bold text-[var(--color-foreground)]", children: value })
+        format === "text" && /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: value })
       ]
     }
   );
@@ -23032,11 +23069,11 @@ var init_StatBadge = __esm({
       lg: "text-base px-4 py-2"
     };
     variantMap2 = {
-      default: "bg-[var(--color-card)]/80 border-gray-700",
-      primary: "bg-blue-900/80 border-blue-700",
-      success: "bg-green-900/80 border-green-700",
-      warning: "bg-yellow-900/80 border-yellow-700",
-      danger: "bg-red-900/80 border-red-700"
+      default: "bg-card/80 border-border text-foreground",
+      primary: "bg-primary/15 border-primary/40 text-foreground",
+      success: "bg-success/15 border-success/40 text-foreground",
+      warning: "bg-warning/15 border-warning/40 text-foreground",
+      danger: "bg-error/15 border-error/40 text-foreground"
     };
     StatBadge.displayName = "StatBadge";
   }
@@ -35945,9 +35982,45 @@ var init_List = __esm({
     List3.displayName = "List";
   }
 });
-var DefaultEmptyDetail, MasterDetail;
+function MasterDetail({
+  entity,
+  masterFields,
+  detailFields: _detailFields,
+  // Captured but not used here - detail handled separately
+  loading: externalLoading,
+  isLoading: externalIsLoading,
+  error: externalError,
+  className,
+  ...rest
+}) {
+  const loading = externalLoading ?? false;
+  const isLoading = externalIsLoading ?? false;
+  const error = externalError ?? null;
+  return /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      fields: masterFields,
+      columns: masterFields,
+      entity,
+      isLoading: loading || isLoading,
+      error,
+      className,
+      emptyTitle: "No items found",
+      emptyDescription: "Create your first item to get started.",
+      ...rest
+    }
+  );
+}
 var init_MasterDetail = __esm({
-  "components/organisms/layout/MasterDetail.tsx"() {
+  "components/organisms/MasterDetail.tsx"() {
+    "use client";
+    init_DataTable();
+    MasterDetail.displayName = "MasterDetail";
+  }
+});
+var DefaultEmptyDetail, MasterDetailLayout;
+var init_MasterDetailLayout = __esm({
+  "components/organisms/layout/MasterDetailLayout.tsx"() {
     init_cn();
     init_Typography();
     DefaultEmptyDetail = () => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full border-2 border-dashed border-border", children: /* @__PURE__ */ jsx(
@@ -35958,7 +36031,7 @@ var init_MasterDetail = __esm({
         children: "Select an item to view details"
       }
     ) });
-    MasterDetail = ({
+    MasterDetailLayout = ({
       master,
       detail,
       emptyDetail,
@@ -35993,7 +36066,7 @@ var init_MasterDetail = __esm({
         }
       );
     };
-    MasterDetail.displayName = "MasterDetail";
+    MasterDetailLayout.displayName = "MasterDetailLayout";
   }
 });
 var COLUMN_CLASSES, ASPECT_CLASSES, MediaGallery;
@@ -38530,7 +38603,7 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React131.useState([]);
+  const [log18, setLog] = React131.useState([]);
   const prevStatesRef = React131.useRef(/* @__PURE__ */ new Map());
   React131.useEffect(() => {
     for (const trait of traits2) {
@@ -38594,9 +38667,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: "Other Events (not available from current state)" }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsx(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log3.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+    log18.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: "Recent Transitions" }),
-      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log3.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsx(Stack, { gap: "xs", children: log18.map((entry, i) => /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -40807,7 +40880,7 @@ var init_Sprite = __esm({
   }
 });
 var StatCard;
-var init_StatCard2 = __esm({
+var init_StatCard = __esm({
   "components/organisms/StatCard.tsx"() {
     "use client";
     init_cn();
@@ -43167,6 +43240,7 @@ var init_component_registry_generated = __esm({
     init_LoadingState();
     init_MarkdownContent();
     init_MasterDetail();
+    init_MasterDetailLayout();
     init_MatrixQuestion();
     init_MediaGallery();
     init_Meter();
@@ -43234,7 +43308,7 @@ var init_component_registry_generated = __esm({
     init_Stack();
     init_StarRating();
     init_StatBadge();
-    init_StatCard2();
+    init_StatCard();
     init_StatDisplay();
     init_StateArchitectBoard();
     init_StateIndicator();
@@ -43461,6 +43535,7 @@ var init_component_registry_generated = __esm({
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": MarkdownContent,
       "MasterDetail": MasterDetail,
+      "MasterDetailLayout": MasterDetailLayout,
       "MatrixQuestion": MatrixQuestion,
       "MediaGallery": MediaGallery,
       "Menu": MenuPattern,
@@ -44560,7 +44635,7 @@ var init_atoms = __esm({
     init_ConfettiEffect();
     init_TypewriterText();
     init_SectionHeader();
-    init_StatCard();
+    init_MarketingStatCard();
     init_ContentSection();
     init_PatternTile();
     init_AnimatedReveal();
@@ -44577,7 +44652,7 @@ init_molecules();
 // components/organisms/index.ts
 init_types3();
 init_DataTable();
-init_StatCard2();
+init_StatCard();
 init_PageHeader();
 init_DetailPanel();
 
@@ -44715,41 +44790,7 @@ init_Split();
 init_Table();
 init_List();
 init_CardGrid();
-
-// components/organisms/MasterDetail.tsx
-init_DataTable();
-function MasterDetail2({
-  entity,
-  masterFields,
-  detailFields: _detailFields,
-  // Captured but not used here - detail handled separately
-  loading: externalLoading,
-  isLoading: externalIsLoading,
-  error: externalError,
-  className,
-  ...rest
-}) {
-  const loading = externalLoading ?? false;
-  const isLoading = externalIsLoading ?? false;
-  const error = externalError ?? null;
-  return /* @__PURE__ */ jsx(
-    DataTable,
-    {
-      fields: masterFields,
-      columns: masterFields,
-      entity,
-      isLoading: loading || isLoading,
-      error,
-      className,
-      emptyTitle: "No items found",
-      emptyDescription: "Create your first item to get started.",
-      ...rest
-    }
-  );
-}
-MasterDetail2.displayName = "MasterDetail";
-
-// components/organisms/index.ts
+init_MasterDetail();
 init_ConfirmDialog();
 init_WizardContainer();
 init_OrbitalVisualization();
@@ -44767,6 +44808,7 @@ init_types2();
 
 // components/organisms/layout/index.ts
 init_SplitPane();
+init_MasterDetailLayout();
 init_DashboardGrid();
 init_TabbedContainer();
 
@@ -45896,6 +45938,7 @@ init_AboutPageTemplate();
 
 // components/index.ts
 init_cn();
+var log8 = createLogger("almadar:ui:orbital-history");
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
   const getHeaders = useCallback(() => {
@@ -45957,7 +46000,7 @@ function useOrbitalHistory(options) {
         setCurrentVersion(mergedTimeline[0].version);
       }
     } catch (err) {
-      console.error("[useOrbitalHistory] Failed to load history:", err);
+      log8.error("Failed to load history", { error: err instanceof Error ? err : String(err) });
       setError(err instanceof Error ? err.message : "Failed to load history");
     } finally {
       setIsLoading(false);
@@ -45990,7 +46033,7 @@ function useOrbitalHistory(options) {
         error: data.error || "Unknown error during revert"
       };
     } catch (err) {
-      console.error("[useOrbitalHistory] Failed to revert:", err);
+      log8.error("Failed to revert", { error: err instanceof Error ? err : String(err) });
       return {
         success: false,
         error: err instanceof Error ? err.message : "Failed to revert"
@@ -46014,6 +46057,7 @@ function useOrbitalHistory(options) {
     refresh
   };
 }
+var log9 = createLogger("almadar:ui:filesystem");
 function useFileSystem() {
   const [status, setStatus] = useState("idle");
   const [error, setError] = useState(null);
@@ -46028,7 +46072,7 @@ function useFileSystem() {
     setError(null);
     setIsLoading(true);
     try {
-      console.log("[useFileSystem] Booting WebContainer...");
+      log9.debug("Booting WebContainer");
       await new Promise((resolve) => setTimeout(resolve, 100));
       setStatus("ready");
     } catch (err) {
@@ -46091,7 +46135,7 @@ function useFileSystem() {
       setFiles(newTree);
       setStatus("running");
     } catch (err) {
-      console.error("[useFileSystem] Failed to mount files:", err);
+      log9.error("Failed to mount files", { error: err instanceof Error ? err : String(err) });
     } finally {
       setIsLoading(false);
     }
@@ -46132,7 +46176,7 @@ function useFileSystem() {
     const path = contentArg !== void 0 ? pathOrContent : selectedPath;
     const content = contentArg !== void 0 ? contentArg : pathOrContent;
     if (!path) {
-      console.warn("[useFileSystem] updateContent called without path and no file selected");
+      log9.warn("updateContent called without path and no file selected");
       return;
     }
     setFileContents((prev) => {
@@ -46148,14 +46192,14 @@ function useFileSystem() {
     setSelectedFile((prev) => prev ? { ...prev, content, isDirty: true } : null);
   }, []);
   const refreshTree = useCallback(async () => {
-    console.log("[useFileSystem] Refreshing tree");
+    log9.debug("Refreshing tree");
   }, []);
   const runCommand = useCallback(async (command) => {
-    console.log("[useFileSystem] Running command:", command);
+    log9.debug("Running command", { command });
     return { exitCode: 0, output: "" };
   }, []);
   const startDevServer = useCallback(async () => {
-    console.log("[useFileSystem] Starting dev server");
+    log9.debug("Starting dev server");
     setPreviewUrl("http://localhost:5173");
   }, []);
   return {
@@ -46178,6 +46222,7 @@ function useFileSystem() {
     startDevServer
   };
 }
+var log10 = createLogger("almadar:ui:extensions");
 var defaultManifest = {
   languages: {
     typescript: { extensions: [".ts", ".tsx"], icon: "ts", color: "#3178c6" },
@@ -46196,7 +46241,7 @@ function useExtensions(options) {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
   const loadExtension = useCallback(async (extensionId) => {
-    console.log("[useExtensions] Loading extension:", extensionId);
+    log10.debug("Loading extension", { extensionId });
   }, []);
   const loadExtensions = useCallback(async () => {
     setIsLoading(true);
@@ -46268,6 +46313,7 @@ function useExtensions(options) {
     getExtensionForFile
   };
 }
+var log11 = createLogger("almadar:ui:file-editor");
 function useFileEditor(options) {
   const { extensions, fileSystem, onSchemaUpdate } = options;
   const [openFiles, setOpenFiles] = useState([]);
@@ -46292,7 +46338,7 @@ function useFileEditor(options) {
       setOpenFiles((prev) => [...prev, newFile]);
       setActiveFilePath(path);
     } catch (err) {
-      console.error("[useFileEditor] Failed to open file:", err);
+      log11.error("Failed to open file", { error: err instanceof Error ? err : String(err) });
     }
   }, [openFiles, fileSystem, extensions]);
   const closeFile = useCallback((path) => {
@@ -46353,7 +46399,7 @@ function useFileEditor(options) {
         }
       }
     } catch (err) {
-      console.error("[useFileEditor] Failed to save file:", err);
+      log11.error("Failed to save file", { error: err instanceof Error ? err : String(err) });
     } finally {
       setIsSaving(false);
     }
@@ -46382,6 +46428,7 @@ function useFileEditor(options) {
     saveAllFiles
   };
 }
+var log12 = createLogger("almadar:ui:compile");
 function useCompile() {
   const [isCompiling, setIsCompiling] = useState(false);
   const [stage, setStage] = useState("idle");
@@ -46392,7 +46439,7 @@ function useCompile() {
     setStage("compiling");
     setError(null);
     try {
-      console.log("[useCompile] Compiling schema:", schema.name);
+      log12.debug("Compiling schema", { name: schema.name });
       const result = {
         success: true,
         files: []
@@ -46418,6 +46465,7 @@ function useCompile() {
     compileSchema
   };
 }
+var log13 = createLogger("almadar:ui:preview");
 function usePreview(options) {
   const [previewUrl, setPreviewUrl] = useState(null);
   const [isLoading, setIsLoading] = useState(!!options?.appId);
@@ -46451,17 +46499,17 @@ function usePreview(options) {
       setIsLoading(false);
       return;
     }
-    console.log("[usePreview] Setting up preview for app:", appId);
+    log13.debug("Setting up preview for app", { appId });
     setPreviewUrl(`/api/orbitals/${appId}`);
     setIsLoading(false);
   }, [options?.appId]);
   const startPreview = useCallback(async () => {
-    console.log("[usePreview] startPreview called");
+    log13.debug("startPreview called");
   }, []);
   const stopPreview = useCallback(async () => {
     setIsLoading(true);
     try {
-      console.log("[usePreview] Stopping preview server...");
+      log13.debug("Stopping preview server");
       setPreviewUrl(null);
       setApp(null);
     } finally {
@@ -46470,15 +46518,15 @@ function usePreview(options) {
   }, []);
   const refresh = useCallback(async () => {
     if (!previewUrl) return;
-    console.log("[usePreview] Refreshing preview...");
+    log13.debug("Refreshing preview");
     setPreviewUrl(`${previewUrl.split("?")[0]}?t=${Date.now()}`);
   }, [previewUrl]);
   const handleRefresh = useCallback(async () => {
-    console.log("[usePreview] Handle refresh...");
+    log13.debug("Handle refresh");
     await refresh();
   }, [refresh]);
   const handleReset = useCallback(async () => {
-    console.log("[usePreview] Resetting preview...");
+    log13.debug("Resetting preview");
     setError(null);
     setLoadError(null);
     setErrorToast(null);
@@ -46512,6 +46560,7 @@ function usePreview(options) {
     dismissErrorToast
   };
 }
+var log14 = createLogger("almadar:ui:agent-chat");
 function useAgentChat(options) {
   const [messages, setMessages] = useState([]);
   const [status, setStatus] = useState("idle");
@@ -46534,7 +46583,7 @@ function useAgentChat(options) {
         timestamp: Date.now()
       };
       setMessages((prev) => [...prev, userMessage]);
-      console.log("[useAgentChat] Sending message:", content);
+      log14.debug("Sending message", { content });
       const assistantMessage = {
         id: (Date.now() + 1).toString(),
         role: "assistant",
@@ -46557,7 +46606,7 @@ function useAgentChat(options) {
     setError(null);
     const skillName = Array.isArray(skill) ? skill[0] : skill;
     try {
-      console.log("[useAgentChat] Starting generation:", skillName, prompt, genOptions);
+      log14.debug("Starting generation", () => ({ skillName, prompt, genOptions: JSON.stringify(genOptions) }));
       await new Promise((resolve) => setTimeout(resolve, 100));
       setStatus("complete");
       options?.onComplete?.();
@@ -46569,10 +46618,10 @@ function useAgentChat(options) {
     }
   }, [options]);
   const continueConversation = useCallback(async (message) => {
-    console.log("[useAgentChat] Continue conversation", message);
+    log14.debug("Continue conversation", { message: Array.isArray(message) ? message : [message] });
   }, []);
   const resumeWithDecision = useCallback(async (decisions) => {
-    console.log("[useAgentChat] Resume with decision:", decisions);
+    log14.debug("Resume with decision", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
   const cancel = useCallback(() => {
@@ -46609,6 +46658,7 @@ function useAgentChat(options) {
     clearHistory
   };
 }
+var log15 = createLogger("almadar:ui:validation");
 function useValidation() {
   const [result, setResult] = useState(null);
   const [isValidating, setIsValidating] = useState(false);
@@ -46622,7 +46672,7 @@ function useValidation() {
     setStage("validating");
     setProgressMessage("Validating schema...");
     try {
-      console.log("[useValidation] Validating app:", appId);
+      log15.debug("Validating app", { appId });
       const validationResult = {
         valid: true,
         errors: [],
@@ -46675,6 +46725,7 @@ function useValidation() {
     reset
   };
 }
+var log16 = createLogger("almadar:ui:deep-agent");
 function useDeepAgentGeneration() {
   const [requests, setRequests] = useState([]);
   const [currentRequest, setCurrentRequest] = useState(null);
@@ -46698,7 +46749,7 @@ function useDeepAgentGeneration() {
     setCurrentRequest(request);
     setRequests((prev) => [...prev, request]);
     try {
-      console.log("[useDeepAgentGeneration] Generating from prompt:", prompt);
+      log16.debug("Generating from prompt", { prompt });
       await new Promise((resolve) => setTimeout(resolve, 100));
       request.status = "completed";
       setCurrentRequest(request);
@@ -46718,7 +46769,7 @@ function useDeepAgentGeneration() {
     }
   }, []);
   const startGeneration = useCallback(async (skill, prompt, _options) => {
-    console.log("[useDeepAgentGeneration] Starting generation with skill:", skill);
+    log16.debug("Starting generation with skill", { skill });
     await generate(prompt);
   }, [generate]);
   const cancelGeneration = useCallback(() => {
@@ -46740,7 +46791,7 @@ function useDeepAgentGeneration() {
     setIsComplete(false);
   }, []);
   const submitInterruptDecisions = useCallback((decisions) => {
-    console.log("[useDeepAgentGeneration] Submitting interrupt decisions:", decisions);
+    log16.debug("Submitting interrupt decisions", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
   return {
@@ -46762,7 +46813,7 @@ function useDeepAgentGeneration() {
 
 // hooks/index.ts
 init_useEventBus();
-var slotLog2 = createLogger("almadar:ui:useUISlots");
+var log17 = createLogger("almadar:ui:ui-slots");
 var DEFAULT_SOURCE_KEY = "__default__";
 var MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
 var ALL_SLOTS2 = [
@@ -46844,7 +46895,7 @@ function useUISlotManager() {
       try {
         callback(slot, content);
       } catch (error) {
-        console.error("[UISlots] Subscriber error:", error);
+        log17.error("Subscriber error", { error: error instanceof Error ? error : String(error) });
       }
     });
   }, []);
@@ -46856,7 +46907,7 @@ function useUISlotManager() {
         try {
           callback(content);
         } catch (error) {
-          console.error(`[UISlots] Trait subscriber error (${traitName}):`, error);
+          log17.error("Trait subscriber error", { traitName, error: error instanceof Error ? error : String(error) });
         }
       });
     },
@@ -46907,9 +46958,12 @@ function useUISlotManager() {
         const slotSources = prev[config.target] ?? {};
         const existing = slotSources[sourceKey];
         if (existing && existing.priority > content.priority) {
-          console.warn(
-            `[UISlots] Slot "${config.target}" source "${sourceKey}" already has higher priority content (${existing.priority} > ${content.priority})`
-          );
+          log17.warn("Slot already has higher priority content", {
+            slot: config.target,
+            sourceKey,
+            existingPriority: existing.priority,
+            newPriority: content.priority
+          });
           return prev;
         }
         const nextSources = {
@@ -46921,7 +46975,7 @@ function useUISlotManager() {
           indexTraitRender(content.sourceTrait, content);
           notifyTraitSubscribers(content.sourceTrait, content);
         }
-        slotLog2.info("slot:written", {
+        log17.info("slot:written", {
           slot: config.target,
           sourceKey,
           sourceTrait: content.sourceTrait,
@@ -46966,7 +47020,7 @@ function useUISlotManager() {
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || !(sourceKey in slotSources)) {
-          slotLog2.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
+          log17.debug("slot:clear-noop", { slot, sourceTrait, reason: !slotSources ? "no-slot" : "no-source" });
           return prev;
         }
         const content = slotSources[sourceKey];
@@ -46982,7 +47036,7 @@ function useUISlotManager() {
         }
         const nextSources = { ...slotSources };
         delete nextSources[sourceKey];
-        slotLog2.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
+        log17.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
         notifySubscribers(slot, aggregateSlot(nextSources));
         return { ...prev, [slot]: nextSources };
       });
@@ -47498,4 +47552,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail2 as MasterDetail, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, ActionButton, ActionButtons, Card2 as ActionCard, ActionPalette, ActionTile, Alert, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, AuthLayout, Avatar, Badge, BattleBoard, BattleTemplate, BehaviorView, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, BuilderBoard, Button, ButtonGroup, CTABanner, CalendarGrid, CanvasEffect, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, CastleBoard, CastleTemplate, Center, Chart, ChartLegend, Checkbox, ChoiceButton, ClassifierBoard, CodeBlock, CodeExample, CodeView, CodeViewer, CollapsibleSection, CombatLog, ComboCounter, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, Container, ContentRenderer, ContentSection, ControlButton, CounterTemplate, CraftingRecipe, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DPad, DamageNumber, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangeSelector, DayCell, DebuggerBoard, DetailPanel, DialogueBox, DialogueBubble, Divider, DocBreadcrumb, DocCodeBlock, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EnemyPlate, EntityDisplayEvents, ErrorBoundary, ErrorState, EventHandlerBoard, EventLog, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FeatureRenderer2 as FeatureRenderer, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioContext, GameAudioProvider, GameAudioToggle, GameCanvas2D, GameHud, GameMenu, GameOverScreen, GameShell, GameTemplate, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, HStack, Header, Heading, HealthBar, HealthPanel, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, InfiniteScrollSentinel, Input, InputGroup, InstallBox, InventoryGrid, InventoryPanel, IsometricCanvas, ItemSlot, JazariStateMachine, Label, LandingPageTemplate, LawReferenceTooltip, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingStatCard, MasterDetail, MasterDetailLayout, MatrixQuestion, MediaGallery, Menu, Meter, MiniMap, Modal, ModalSlot, ModuleCard, Navigation, NegotiatorBoard, NotifyListener, NumberStepper, ObjectRulePanel, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, Pagination, PatternTile, PhysicsManager, PlatformerCanvas, Popover, PositionedCanvas, PowerupSlots, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PullQuote, PullToRefresh, QrScanner, QuestTracker, QuizBlock, Radio, RangeSlider, RelationSelect, RepeatableFormSection, ReplyTree, ResourceBar, ResourceCounter, RichBlockEditor, RuleEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreBoard, ScoreDisplay, SearchInput, Section, SectionHeader, Select, SequenceBar, SequencerBoard, ServiceCatalog, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, SimulationCanvas, SimulationControls, SimulationGraph, SimulatorBoard, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Spinner, Split, SplitPane, SplitSection, Sprite, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateArchitectBoard, StateIndicator, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StatusEffect, StepFlow, StepFlowOrganism, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, Table, Tabs, TagCloud, TeamCard, TeamOrganism, TerrainPalette, Text, TextHighlight, Textarea, ThemeSelector, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TurnIndicator, TurnPanel, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UncontrolledBattleBoard, UnitCommandBar, UploadDropZone, VStack, VariablePanel, VersionDiff, ViolationAlert, VoteStack, WaypointMarker, WizardContainer, WizardNavigation, WizardProgress, WorldMapBoard, WorldMapTemplate, XPBar, applyTemporaryEffect, calculateAttackTargets, calculateDamage, calculateValidMoves, clearEntities, cn, combatAnimations, combatClasses, combatEffects, createInitialGameState, createTranslate, createUnitAnimationState, drawSprite, generateCombatMessage, getAllEntities, getByType, getCurrentFrame, getEntity, getSingleton, getTileDimensions, inferDirection, isoToScreen, mapBookData, parseQueryBinding, pendulum, projectileMotion, removeEntity, resolveFieldMap, resolveFrame, resolveSheetDirection, screenToIso, spawnEntity, springOscillator, tickAnimationState, transitionAnimation, updateEntity, updateSingleton, useAgentChat, useAuthContext, useBattleState, useCamera, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEntities, useEntitiesByType, useEntity as useEntityById, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGameAudioContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useInput, useLongPress, useOrbitalHistory, usePhysics, usePhysics2D, usePinchZoom, usePlayer, usePreview, usePullToRefresh, useQuerySingleton, useSingletonEntity, useSpriteAnimations, useSwipeGesture, useTraitListens, useTranslate, useUIEvents, useUISlotManager, useValidation };