@almadar/ui 4.44.1 → 4.46.0

package/dist/components/index.cjs

@@ -1076,7 +1076,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) });
             }
           });
         }
@@ -1084,7 +1084,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) });
           }
         });
       },
@@ -3137,6 +3137,7 @@ var BUILT_IN_THEMES, ThemeContext;
 var init_ThemeContext = __esm({
   "context/ThemeContext.tsx"() {
     "use client";
+    logger.createLogger("almadar:ui:theme");
     BUILT_IN_THEMES = [
       {
         name: "wireframe",
@@ -4472,8 +4473,8 @@ var init_SectionHeader = __esm({
   }
 });
 var sizeClasses4; exports.MarketingStatCard = void 0;
-var init_StatCard = __esm({
-  "components/atoms/StatCard.tsx"() {
+var init_MarketingStatCard = __esm({
+  "components/atoms/MarketingStatCard.tsx"() {
     init_cn();
     init_Stack();
     init_Typography();
@@ -8339,7 +8340,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",
@@ -8349,7 +8350,7 @@ function ActionButton({
         onCooldown && /* @__PURE__ */ jsxRuntime.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)`,
@@ -8357,13 +8358,16 @@ function ActionButton({
             }
           }
         ),
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : null;
+        })() : icon }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10", children: label }),
         hotkey && /* @__PURE__ */ jsxRuntime.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
@@ -8377,15 +8381,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";
   }
@@ -8454,12 +8459,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__ */ jsxRuntime.jsx("span", { className: "text-2xl", children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-6 h-6" }) : null;
+        })() : icon }),
         label && !icon && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
       ]
     }
@@ -8471,6 +8479,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",
@@ -8483,9 +8492,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";
   }
@@ -8951,7 +8960,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;
@@ -9014,10 +9023,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log2;
+var log3;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log2 = logger.createLogger("almadar:bridge");
+    log3 = logger.createLogger("almadar:bridge");
     exposeOnWindow();
   }
 });
@@ -11045,7 +11054,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK__default.default();
   }
 });
-var SWIM_GUTTER, CENTER_W; exports.BehaviorView = void 0;
+var log4, SWIM_GUTTER, CENTER_W; exports.BehaviorView = void 0;
 var init_BehaviorView = __esm({
   "components/molecules/avl/BehaviorView.tsx"() {
     "use client";
@@ -11054,6 +11063,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_types();
     init_avl_elk_layout();
+    log4 = logger.createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     exports.BehaviorView = ({ data }) => {
@@ -11063,7 +11073,7 @@ var init_BehaviorView = __esm({
       const dataKey = React131.useMemo(() => JSON.stringify(traitData), [traitData]);
       React131.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__ */ jsxRuntime.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" });
@@ -11408,7 +11418,7 @@ function computeFoldRegions(code) {
   }
   return regions.sort((a, b) => a.start - b.start);
 }
-var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS; exports.CodeBlock = void 0;
+var orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log5, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS; exports.CodeBlock = void 0;
 var init_CodeBlock = __esm({
   "components/molecules/markdown/CodeBlock.tsx"() {
     init_Box();
@@ -11485,6 +11495,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: syntax.ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark__default.default, ...loloStyleOverrides };
+    log5 = logger.createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
     exports.CodeBlock = React131__namespace.default.memo(
@@ -11683,7 +11694,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 });
           }
         };
@@ -15245,13 +15256,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-exports.ButtonGroup = void 0;
+var log6; exports.ButtonGroup = void 0;
 var init_ButtonGroup = __esm({
   "components/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms();
     init_useEventBus();
+    log6 = logger.createLogger("almadar:ui:button-group");
     exports.ButtonGroup = ({
       children,
       primary,
@@ -15324,7 +15336,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              console.log(`Filter clicked: ${filter.field}`);
+              log6.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -18102,8 +18114,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: [
@@ -18112,7 +18124,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,
@@ -20316,7 +20328,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__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs" }),
                         action.label
@@ -21580,31 +21592,56 @@ var init_InputGroup = __esm({
     exports.InputGroup.displayName = "InputGroup";
   }
 });
-
-// lib/debug.ts
+function gateEnabled(level, ns = NAMESPACE) {
+  return logger.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 = logger.createLogger(NAMESPACE);
+    logger.createLogger("almadar:ui:debug:input");
+    logger.createLogger("almadar:ui:debug:collision");
+    logger.createLogger("almadar:ui:debug:physics");
+    logger.createLogger("almadar:ui:debug:game-state");
   }
 });
 var isRelationsDebugEnabled; exports.RelationSelect = void 0;
@@ -23033,7 +23070,7 @@ function StatBadge({
           const I = resolveIcon(icon);
           return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : icon;
         })() : icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 font-medium", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-medium", children: label }),
         format === "hearts" && max && /* @__PURE__ */ jsxRuntime.jsx(
           HealthBar,
           {
@@ -23060,7 +23097,7 @@ function StatBadge({
             animated: true
           }
         ),
-        format === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-[var(--color-foreground)]", children: value })
+        format === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-foreground", children: value })
       ]
     }
   );
@@ -23078,11 +23115,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";
   }
@@ -35991,9 +36028,45 @@ var init_List = __esm({
     exports.List.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__ */ jsxRuntime.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; exports.MasterDetailLayout = void 0;
+var init_MasterDetailLayout = __esm({
+  "components/organisms/layout/MasterDetailLayout.tsx"() {
     init_cn();
     init_Typography();
     DefaultEmptyDetail = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full border-2 border-dashed border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -36004,7 +36077,7 @@ var init_MasterDetail = __esm({
         children: "Select an item to view details"
       }
     ) });
-    MasterDetail = ({
+    exports.MasterDetailLayout = ({
       master,
       detail,
       emptyDetail,
@@ -36039,7 +36112,7 @@ var init_MasterDetail = __esm({
         }
       );
     };
-    MasterDetail.displayName = "MasterDetail";
+    exports.MasterDetailLayout.displayName = "MasterDetailLayout";
   }
 });
 var COLUMN_CLASSES, ASPECT_CLASSES; exports.MediaGallery = void 0;
@@ -38576,7 +38649,7 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log3, setLog] = React131__namespace.useState([]);
+  const [log18, setLog] = React131__namespace.useState([]);
   const prevStatesRef = React131__namespace.useRef(/* @__PURE__ */ new Map());
   React131__namespace.useEffect(() => {
     for (const trait of traits2) {
@@ -38640,9 +38713,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: "Other Events (not available from current state)" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: unavailableEvents.map((event) => /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log3.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    log18.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: "Recent Transitions" }),
-      /* @__PURE__ */ jsxRuntime.jsx(exports.Stack, { gap: "xs", children: log3.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(exports.Stack, { gap: "xs", children: log18.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(exports.Typography, { variant: "small", className: "font-mono text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-purple-400", children: entry.traitName }),
         " ",
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: entry.from }),
@@ -40853,7 +40926,7 @@ var init_Sprite = __esm({
   }
 });
 exports.StatCard = void 0;
-var init_StatCard2 = __esm({
+var init_StatCard = __esm({
   "components/organisms/StatCard.tsx"() {
     "use client";
     init_cn();
@@ -43213,6 +43286,7 @@ var init_component_registry_generated = __esm({
     init_LoadingState();
     init_MarkdownContent();
     init_MasterDetail();
+    init_MasterDetailLayout();
     init_MatrixQuestion();
     init_MediaGallery();
     init_Meter();
@@ -43280,7 +43354,7 @@ var init_component_registry_generated = __esm({
     init_Stack();
     init_StarRating();
     init_StatBadge();
-    init_StatCard2();
+    init_StatCard();
     init_StatDisplay();
     init_StateArchitectBoard();
     init_StateIndicator();
@@ -43507,6 +43581,7 @@ var init_component_registry_generated = __esm({
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": exports.MarkdownContent,
       "MasterDetail": MasterDetail,
+      "MasterDetailLayout": exports.MasterDetailLayout,
       "MatrixQuestion": exports.MatrixQuestion,
       "MediaGallery": exports.MediaGallery,
       "Menu": MenuPattern,
@@ -44606,7 +44681,7 @@ var init_atoms = __esm({
     init_ConfettiEffect();
     init_TypewriterText();
     init_SectionHeader();
-    init_StatCard();
+    init_MarketingStatCard();
     init_ContentSection();
     init_PatternTile();
     init_AnimatedReveal();
@@ -44623,7 +44698,7 @@ init_molecules();
 // components/organisms/index.ts
 init_types3();
 init_DataTable();
-init_StatCard2();
+init_StatCard();
 init_PageHeader();
 init_DetailPanel();
 
@@ -44761,41 +44836,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__ */ jsxRuntime.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();
@@ -44813,6 +44854,7 @@ init_types2();
 
 // components/organisms/layout/index.ts
 init_SplitPane();
+init_MasterDetailLayout();
 init_DashboardGrid();
 init_TabbedContainer();
 
@@ -45942,6 +45984,7 @@ init_AboutPageTemplate();
 
 // components/index.ts
 init_cn();
+var log8 = logger.createLogger("almadar:ui:orbital-history");
 function useOrbitalHistory(options) {
   const { appId, authToken, userId, onHistoryChange, onRevertSuccess } = options;
   const getHeaders = React131.useCallback(() => {
@@ -46003,7 +46046,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);
@@ -46036,7 +46079,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"
@@ -46060,6 +46103,7 @@ function useOrbitalHistory(options) {
     refresh
   };
 }
+var log9 = logger.createLogger("almadar:ui:filesystem");
 function useFileSystem() {
   const [status, setStatus] = React131.useState("idle");
   const [error, setError] = React131.useState(null);
@@ -46074,7 +46118,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) {
@@ -46137,7 +46181,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);
     }
@@ -46178,7 +46222,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) => {
@@ -46194,14 +46238,14 @@ function useFileSystem() {
     setSelectedFile((prev) => prev ? { ...prev, content, isDirty: true } : null);
   }, []);
   const refreshTree = React131.useCallback(async () => {
-    console.log("[useFileSystem] Refreshing tree");
+    log9.debug("Refreshing tree");
   }, []);
   const runCommand = React131.useCallback(async (command) => {
-    console.log("[useFileSystem] Running command:", command);
+    log9.debug("Running command", { command });
     return { exitCode: 0, output: "" };
   }, []);
   const startDevServer = React131.useCallback(async () => {
-    console.log("[useFileSystem] Starting dev server");
+    log9.debug("Starting dev server");
     setPreviewUrl("http://localhost:5173");
   }, []);
   return {
@@ -46224,6 +46268,7 @@ function useFileSystem() {
     startDevServer
   };
 }
+var log10 = logger.createLogger("almadar:ui:extensions");
 var defaultManifest = {
   languages: {
     typescript: { extensions: [".ts", ".tsx"], icon: "ts", color: "#3178c6" },
@@ -46242,7 +46287,7 @@ function useExtensions(options) {
   const [isLoading, setIsLoading] = React131.useState(false);
   const [error, setError] = React131.useState(null);
   const loadExtension = React131.useCallback(async (extensionId) => {
-    console.log("[useExtensions] Loading extension:", extensionId);
+    log10.debug("Loading extension", { extensionId });
   }, []);
   const loadExtensions = React131.useCallback(async () => {
     setIsLoading(true);
@@ -46314,6 +46359,7 @@ function useExtensions(options) {
     getExtensionForFile
   };
 }
+var log11 = logger.createLogger("almadar:ui:file-editor");
 function useFileEditor(options) {
   const { extensions, fileSystem, onSchemaUpdate } = options;
   const [openFiles, setOpenFiles] = React131.useState([]);
@@ -46338,7 +46384,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 = React131.useCallback((path) => {
@@ -46399,7 +46445,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);
     }
@@ -46428,6 +46474,7 @@ function useFileEditor(options) {
     saveAllFiles
   };
 }
+var log12 = logger.createLogger("almadar:ui:compile");
 function useCompile() {
   const [isCompiling, setIsCompiling] = React131.useState(false);
   const [stage, setStage] = React131.useState("idle");
@@ -46438,7 +46485,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: []
@@ -46464,6 +46511,7 @@ function useCompile() {
     compileSchema
   };
 }
+var log13 = logger.createLogger("almadar:ui:preview");
 function usePreview(options) {
   const [previewUrl, setPreviewUrl] = React131.useState(null);
   const [isLoading, setIsLoading] = React131.useState(!!options?.appId);
@@ -46497,17 +46545,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 = React131.useCallback(async () => {
-    console.log("[usePreview] startPreview called");
+    log13.debug("startPreview called");
   }, []);
   const stopPreview = React131.useCallback(async () => {
     setIsLoading(true);
     try {
-      console.log("[usePreview] Stopping preview server...");
+      log13.debug("Stopping preview server");
       setPreviewUrl(null);
       setApp(null);
     } finally {
@@ -46516,15 +46564,15 @@ function usePreview(options) {
   }, []);
   const refresh = React131.useCallback(async () => {
     if (!previewUrl) return;
-    console.log("[usePreview] Refreshing preview...");
+    log13.debug("Refreshing preview");
     setPreviewUrl(`${previewUrl.split("?")[0]}?t=${Date.now()}`);
   }, [previewUrl]);
   const handleRefresh = React131.useCallback(async () => {
-    console.log("[usePreview] Handle refresh...");
+    log13.debug("Handle refresh");
     await refresh();
   }, [refresh]);
   const handleReset = React131.useCallback(async () => {
-    console.log("[usePreview] Resetting preview...");
+    log13.debug("Resetting preview");
     setError(null);
     setLoadError(null);
     setErrorToast(null);
@@ -46558,6 +46606,7 @@ function usePreview(options) {
     dismissErrorToast
   };
 }
+var log14 = logger.createLogger("almadar:ui:agent-chat");
 function useAgentChat(options) {
   const [messages, setMessages] = React131.useState([]);
   const [status, setStatus] = React131.useState("idle");
@@ -46580,7 +46629,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",
@@ -46603,7 +46652,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?.();
@@ -46615,10 +46664,10 @@ function useAgentChat(options) {
     }
   }, [options]);
   const continueConversation = React131.useCallback(async (message) => {
-    console.log("[useAgentChat] Continue conversation", message);
+    log14.debug("Continue conversation", { message: Array.isArray(message) ? message : [message] });
   }, []);
   const resumeWithDecision = React131.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 = React131.useCallback(() => {
@@ -46655,6 +46704,7 @@ function useAgentChat(options) {
     clearHistory
   };
 }
+var log15 = logger.createLogger("almadar:ui:validation");
 function useValidation() {
   const [result, setResult] = React131.useState(null);
   const [isValidating, setIsValidating] = React131.useState(false);
@@ -46668,7 +46718,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: [],
@@ -46721,6 +46771,7 @@ function useValidation() {
     reset
   };
 }
+var log16 = logger.createLogger("almadar:ui:deep-agent");
 function useDeepAgentGeneration() {
   const [requests, setRequests] = React131.useState([]);
   const [currentRequest, setCurrentRequest] = React131.useState(null);
@@ -46744,7 +46795,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);
@@ -46764,7 +46815,7 @@ function useDeepAgentGeneration() {
     }
   }, []);
   const startGeneration = React131.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 = React131.useCallback(() => {
@@ -46786,7 +46837,7 @@ function useDeepAgentGeneration() {
     setIsComplete(false);
   }, []);
   const submitInterruptDecisions = React131.useCallback((decisions) => {
-    console.log("[useDeepAgentGeneration] Submitting interrupt decisions:", decisions);
+    log16.debug("Submitting interrupt decisions", () => ({ decisions: JSON.stringify(decisions), count: decisions.length }));
     setInterrupt(null);
   }, []);
   return {
@@ -46808,7 +46859,7 @@ function useDeepAgentGeneration() {
 
 // hooks/index.ts
 init_useEventBus();
-var slotLog2 = logger.createLogger("almadar:ui:useUISlots");
+var log17 = logger.createLogger("almadar:ui:ui-slots");
 var DEFAULT_SOURCE_KEY = "__default__";
 var MULTI_SOURCE_STACK_TRAIT = "__multi_source_stack__";
 var ALL_SLOTS2 = [
@@ -46890,7 +46941,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) });
       }
     });
   }, []);
@@ -46902,7 +46953,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) });
         }
       });
     },
@@ -46953,9 +47004,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 = {
@@ -46967,7 +47021,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,
@@ -47012,7 +47066,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];
@@ -47028,7 +47082,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 };
       });
@@ -47605,7 +47659,7 @@ exports.InventoryPanel = InventoryPanel;
 exports.IsometricCanvas = IsometricCanvas;
 exports.ItemSlot = ItemSlot;
 exports.MapView = MapView;
-exports.MasterDetail = MasterDetail2;
+exports.MasterDetail = MasterDetail;
 exports.MiniMap = MiniMap;
 exports.NegotiatorBoard = NegotiatorBoard;
 exports.NotifyListener = NotifyListener;