@almadar/ui 4.44.1 → 4.46.0

package/dist/providers/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var React136 = require('react');
+var logger = require('@almadar/logger');
 var jsxRuntime = require('react/jsx-runtime');
 var providers = require('@almadar/ui/providers');
-var logger = require('@almadar/logger');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var LucideIcons = require('lucide-react');
@@ -136,10 +136,11 @@ function useTheme() {
   }
   return context;
 }
-var BUILT_IN_THEMES, ThemeContext, THEME_STORAGE_KEY, MODE_STORAGE_KEY, ThemeProvider;
+var log, BUILT_IN_THEMES, ThemeContext, THEME_STORAGE_KEY, MODE_STORAGE_KEY, ThemeProvider;
 var init_ThemeContext = __esm({
   "context/ThemeContext.tsx"() {
     "use client";
+    log = logger.createLogger("almadar:ui:theme");
     BUILT_IN_THEMES = [
       {
         name: "wireframe",
@@ -319,9 +320,10 @@ var init_ThemeContext = __esm({
               localStorage.setItem(THEME_STORAGE_KEY, newTheme);
             }
           } else {
-            console.warn(
-              `Theme "${newTheme}" not found. Available: ${availableThemes.map((t) => t.name).join(", ")}`
-            );
+            log.warn("Theme not found", {
+              theme: newTheme,
+              available: availableThemes.map((t) => t.name)
+            });
           }
         },
         [availableThemes]
@@ -446,11 +448,11 @@ function useEmitEvent() {
     [eventBus]
   );
 }
-var log, subLog, scopeLog, fallbackListeners, fallbackAnyListeners, fallbackEventBus, useEventSubscription, useEventBus_default;
+var log2, subLog, scopeLog, fallbackListeners, fallbackAnyListeners, fallbackEventBus, useEventSubscription, useEventBus_default;
 var init_useEventBus = __esm({
   "hooks/useEventBus.ts"() {
     "use client";
-    log = logger.createLogger("almadar:eventbus");
+    log2 = logger.createLogger("almadar:eventbus");
     subLog = logger.createLogger("almadar:eventbus:subscribe");
     scopeLog = logger.createLogger("almadar:ui:trait-scope");
     fallbackListeners = /* @__PURE__ */ new Map();
@@ -464,13 +466,13 @@ var init_useEventBus = __esm({
           source
         };
         const handlers = fallbackListeners.get(type);
-        log.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount: (handlers?.size ?? 0) + fallbackAnyListeners.size });
+        log2.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount: (handlers?.size ?? 0) + fallbackAnyListeners.size });
         if (handlers) {
           handlers.forEach((handler) => {
             try {
               handler(event);
             } catch (error) {
-              console.error(`[EventBus] Error in listener for '${type}':`, error);
+              log2.error("Error in listener", { type, error: error instanceof Error ? error : String(error) });
             }
           });
         }
@@ -478,7 +480,7 @@ var init_useEventBus = __esm({
           try {
             handler(event);
           } catch (error) {
-            console.error(`[EventBus] Error in onAny listener for '${type}':`, error);
+            log2.error("Error in onAny listener", { type, error: error instanceof Error ? error : String(error) });
           }
         });
       },
@@ -6055,12 +6057,15 @@ function ControlButton({
         sizeMap3[size] ?? sizeMap3.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 })
       ]
     }
@@ -6072,6 +6077,7 @@ var init_ControlButton = __esm({
     "use client";
     init_cn();
     init_useEventBus();
+    init_Icon();
     sizeMap3 = {
       sm: "w-10 h-10 text-sm",
       md: "w-14 h-14 text-base",
@@ -6084,9 +6090,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";
   }
@@ -6814,8 +6820,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: [
@@ -6824,7 +6830,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,
@@ -6865,7 +6871,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,
         variantStyles8[variant],
         isDisabled && "opacity-60 cursor-not-allowed",
@@ -6875,7 +6881,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)`,
@@ -6883,13 +6889,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
@@ -6903,15 +6912,16 @@ var sizeMap13, variantStyles8;
 var init_ActionButton = __esm({
   "components/atoms/game/ActionButton.tsx"() {
     init_cn();
+    init_Icon();
     sizeMap13 = {
       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" }
     };
     variantStyles8 = {
-      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";
   }
@@ -7384,8 +7394,6 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
-
-// renderer/client-effect-executor.ts
 function executeClientEffects(effects, config) {
   if (!effects || effects.length === 0) {
     return;
@@ -7394,11 +7402,10 @@ function executeClientEffects(effects, config) {
     try {
       executeEffect(effect, config);
     } catch (error) {
-      console.error(
-        `[ClientEffectExecutor] Error executing effect:`,
-        effect,
-        error
-      );
+      log4.error("Error executing effect", () => ({
+        effect: JSON.stringify(effect),
+        error: error instanceof Error ? error : String(error)
+      }));
     }
   }
   config.onComplete?.();
@@ -7427,7 +7434,7 @@ function executeEffect(effect, config) {
       break;
     }
     default:
-      console.warn(`[ClientEffectExecutor] Unknown effect type: ${effectType}`);
+      log4.warn("Unknown effect type", { effectType: String(effectType) });
   }
 }
 function executeRenderUI(slot, patternConfig, config) {
@@ -7442,8 +7449,10 @@ function executeNotify(message, options, config) {
 function executeEmit(event, payload, config) {
   config.eventBus.emit(event, payload);
 }
+var log4;
 var init_client_effect_executor = __esm({
   "renderer/client-effect-executor.ts"() {
+    log4 = logger.createLogger("almadar:ui:effects:client");
   }
 });
 
@@ -7604,11 +7613,12 @@ function useOfflineExecutor(options) {
     clearQueue
   };
 }
-var effectIdCounter, OfflineExecutor;
+var log5, effectIdCounter, OfflineExecutor;
 var init_offline_executor = __esm({
   "renderer/offline-executor.ts"() {
     "use client";
     init_client_effect_executor();
+    log5 = logger.createLogger("almadar:ui:effects:offline");
     effectIdCounter = 0;
     OfflineExecutor = class {
       constructor(config) {
@@ -7662,7 +7672,7 @@ var init_offline_executor = __esm({
             this.state.syncQueue = JSON.parse(stored);
           }
         } catch (error) {
-          console.warn("[OfflineExecutor] Failed to load sync queue:", error);
+          log5.warn("Failed to load sync queue", { error: error instanceof Error ? error : String(error) });
         }
       }
       /**
@@ -7673,7 +7683,7 @@ var init_offline_executor = __esm({
         try {
           this.storage.setItem("orbital-offline-queue", JSON.stringify(this.state.syncQueue));
         } catch (error) {
-          console.warn("[OfflineExecutor] Failed to save sync queue:", error);
+          log5.warn("Failed to save sync queue", { error: error instanceof Error ? error : String(error) });
         }
       }
       /**
@@ -7743,7 +7753,7 @@ var init_offline_executor = __esm({
                 this.queueForSync(type, { args, event, payload });
                 break;
               default:
-                console.warn(`[OfflineExecutor] Unknown effect type: ${type}`);
+                log5.warn("Unknown effect type", { type });
             }
           }
         }
@@ -10318,7 +10328,7 @@ function recordTransition(trace) {
     ...trace,
     id: `t-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`
   };
-  log2.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
+  log6.debug("transition:recorded", { trait: trace.traitName, from: trace.from, to: trace.to, event: trace.event, effectCount: trace.effects.length });
   getState().transitions.push(entry);
   if (getState().transitions.length > MAX_TRANSITIONS) {
     getState().transitions.shift();
@@ -10387,7 +10397,7 @@ function getTraitSnapshots() {
     try {
       snapshots.push(getter());
     } catch (err) {
-      log2.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
+      log6.error("traitSnapshot getter failed", { trait: traitName, err: String(err) });
     }
   }
   return snapshots;
@@ -10435,12 +10445,12 @@ function waitForTransition(event, timeoutMs = 1e4) {
 }
 function bindEventBus(eventBus) {
   if (typeof window === "undefined") return;
-  log2.info("bindEventBus", { hasOnAny: !!eventBus.onAny });
+  log6.info("bindEventBus", { hasOnAny: !!eventBus.onAny });
   exposeOnWindow();
   if (window.__orbitalVerification) {
     window.__orbitalVerification.sendEvent = (event, payload, traitScope) => {
       const prefixed = event.startsWith("UI:") ? event : traitScope ? `UI:${traitScope}.${event}` : `UI:${event}`;
-      log2.debug("sendEvent", { event: prefixed, traitScope, payloadKeys: payload ? Object.keys(payload) : [] });
+      log6.debug("sendEvent", { event: prefixed, traitScope, payloadKeys: payload ? Object.keys(payload) : [] });
       eventBus.emit(prefixed, payload);
     };
     const eventLog = [];
@@ -10489,10 +10499,10 @@ function updateAssetStatus(url, status) {
     window.__orbitalVerification.assetStatus[url] = status;
   }
 }
-var log2, MAX_TRANSITIONS;
+var log6, MAX_TRANSITIONS;
 var init_verificationRegistry = __esm({
   "lib/verificationRegistry.ts"() {
-    log2 = logger.createLogger("almadar:bridge");
+    log6 = logger.createLogger("almadar:bridge");
     MAX_TRANSITIONS = 500;
     exposeOnWindow();
   }
@@ -12520,7 +12530,7 @@ var init_avl_elk_layout = __esm({
     elk = new ELK__default.default();
   }
 });
-var SWIM_GUTTER, CENTER_W, BehaviorView;
+var log7, SWIM_GUTTER, CENTER_W, BehaviorView;
 var init_BehaviorView = __esm({
   "components/molecules/avl/BehaviorView.tsx"() {
     "use client";
@@ -12529,6 +12539,7 @@ var init_BehaviorView = __esm({
     init_AvlSwimLane();
     init_types();
     init_avl_elk_layout();
+    log7 = logger.createLogger("almadar:ui:avl:behavior-view");
     SWIM_GUTTER = 120;
     CENTER_W = 360;
     BehaviorView = ({ data }) => {
@@ -12538,7 +12549,7 @@ var init_BehaviorView = __esm({
       const dataKey = React136.useMemo(() => JSON.stringify(traitData), [traitData]);
       React136.useEffect(() => {
         if (!traitData) return;
-        computeTraitLayout(traitData).then(setLayout).catch(console.error);
+        computeTraitLayout(traitData).then(setLayout).catch((err) => log7.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" });
@@ -12883,7 +12894,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, log8, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, CodeBlock;
 var init_CodeBlock = __esm({
   "components/molecules/markdown/CodeBlock.tsx"() {
     init_Box();
@@ -12960,6 +12971,7 @@ var init_CodeBlock = __esm({
       "lolo-op-async": { color: syntax.ORB_COLORS.dark.async }
     };
     loloStyle = { ...dark__default.default, ...loloStyleOverrides };
+    log8 = logger.createLogger("almadar:ui:markdown-code");
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
     CodeBlock = React136__namespace.default.memo(
@@ -13158,7 +13170,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);
+            log8.error("Failed to copy code", { error: err instanceof Error ? err : String(err) });
             eventBus.emit("UI:COPY_CODE", { language, success: false });
           }
         };
@@ -16720,13 +16732,14 @@ function useSafeEventBus2() {
     } };
   }
 }
-var ButtonGroup;
+var log9, ButtonGroup;
 var init_ButtonGroup = __esm({
   "components/molecules/ButtonGroup.tsx"() {
     "use client";
     init_cn();
     init_atoms();
     init_useEventBus();
+    log9 = logger.createLogger("almadar:ui:button-group");
     ButtonGroup = ({
       children,
       primary,
@@ -16799,7 +16812,7 @@ var init_ButtonGroup = __esm({
           {
             variant: "ghost",
             onClick: () => {
-              console.log(`Filter clicked: ${filter.field}`);
+              log9.debug("Filter clicked", { field: filter.field });
             },
             children: filter.label
           },
@@ -21560,7 +21573,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(Icon, { name: action.icon, size: "xs" }),
                         action.label
@@ -22816,31 +22829,56 @@ var init_InputGroup = __esm({
     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") {
+    log10.debug(message);
+  } else {
+    log10.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, log10;
 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";
+    log10 = 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, RelationSelect;
@@ -24128,7 +24166,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,
           {
@@ -24155,7 +24193,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 })
       ]
     }
   );
@@ -24173,11 +24211,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";
   }
@@ -36750,9 +36788,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__ */ 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, MasterDetailLayout;
+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(
@@ -36763,7 +36837,7 @@ var init_MasterDetail = __esm({
         children: "Select an item to view details"
       }
     ) });
-    MasterDetail = ({
+    MasterDetailLayout = ({
       master,
       detail,
       emptyDetail,
@@ -36798,7 +36872,7 @@ var init_MasterDetail = __esm({
         }
       );
     };
-    MasterDetail.displayName = "MasterDetail";
+    MasterDetailLayout.displayName = "MasterDetailLayout";
   }
 });
 var COLUMN_CLASSES, ASPECT_CLASSES, MediaGallery;
@@ -39197,7 +39271,7 @@ function getAllEvents(traits2) {
 }
 function EventDispatcherTab({ traits: traits2, schema }) {
   const eventBus = useEventBus();
-  const [log4, setLog] = React136__namespace.useState([]);
+  const [log12, setLog] = React136__namespace.useState([]);
   const prevStatesRef = React136__namespace.useRef(/* @__PURE__ */ new Map());
   React136__namespace.useEffect(() => {
     for (const trait of traits2) {
@@ -39261,9 +39335,9 @@ function EventDispatcherTab({ traits: traits2, schema }) {
       /* @__PURE__ */ jsxRuntime.jsx(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(Badge, { variant: "default", size: "sm", className: "opacity-50", children: event }, event)) })
     ] }),
-    log4.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    log12.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "text-gray-500 mb-1", children: "Recent Transitions" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log4.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(Typography, { variant: "small", className: "font-mono text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: "xs", children: log12.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsxs(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 }),
@@ -43534,6 +43608,7 @@ var init_component_registry_generated = __esm({
     init_LoadingState();
     init_MarkdownContent();
     init_MasterDetail();
+    init_MasterDetailLayout();
     init_MatrixQuestion();
     init_MediaGallery();
     init_Meter();
@@ -43828,6 +43903,7 @@ var init_component_registry_generated = __esm({
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": MarkdownContent,
       "MasterDetail": MasterDetail,
+      "MasterDetailLayout": MasterDetailLayout,
       "MatrixQuestion": MatrixQuestion,
       "MediaGallery": MediaGallery,
       "Menu": MenuPattern,
@@ -44836,24 +44912,24 @@ function captureSubscriberTag(listener) {
   }
   return "unknown";
 }
-function EventBusProvider({ children, debug: debug2 = false }) {
+function EventBusProvider({ children }) {
   const listenersRef = React136.useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = React136.useRef(/* @__PURE__ */ new Set());
   const deprecationWarningShown = React136.useRef(false);
   const getSelectedEntity = React136.useCallback(() => {
     if (!deprecationWarningShown.current) {
-      console.warn(
-        "[EventBus] getSelectedEntity is deprecated. Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
-      );
+      busLog.warn("deprecated:getSelectedEntity", {
+        migration: "Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
+      });
       deprecationWarningShown.current = true;
     }
     return null;
   }, []);
   const clearSelectedEntity = React136.useCallback(() => {
     if (!deprecationWarningShown.current) {
-      console.warn(
-        "[EventBus] clearSelectedEntity is deprecated. Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
-      );
+      busLog.warn("deprecated:clearSelectedEntity", {
+        migration: "Use SelectionProvider and useSelection hook instead. See SelectionProvider.tsx for migration guide."
+      });
       deprecationWarningShown.current = true;
     }
   }, []);
@@ -44867,12 +44943,8 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     const listeners6 = listenersRef.current.get(type);
     const listenerCount = (listeners6?.size ?? 0) + anyListenersRef.current.size;
     busLog.debug("emit", { type, payloadKeys: payload ? Object.keys(payload).length : 0, listenerCount });
-    if (debug2) {
-      if (listenerCount > 0) {
-        console.log(`[EventBus] Emit: ${type} \u2192 ${listenerCount} listener(s)`, payload);
-      } else {
-        console.warn(`[EventBus] Emit: ${type} (NO LISTENERS - event may be lost!)`, payload);
-      }
+    if (listenerCount === 0) {
+      busLog.warn("emit:no-listeners", { type });
     }
     if (listeners6) {
       const listenersCopy = Array.from(listeners6);
@@ -44887,7 +44959,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
         try {
           listener(event);
         } catch (error) {
-          console.error(`[EventBus] Error in listener for '${type}':`, error);
+          busLog.error("listener-threw", { type, error: error instanceof Error ? error : String(error) });
         }
       }
     }
@@ -44903,10 +44975,10 @@ function EventBusProvider({ children, debug: debug2 = false }) {
       try {
         listener(event);
       } catch (error) {
-        console.error(`[EventBus] Error in onAny listener for '${type}':`, error);
+        busLog.error("onAny-listener-threw", { type, error: error instanceof Error ? error : String(error) });
       }
     }
-  }, [debug2]);
+  }, []);
   const on = React136.useCallback((type, listener) => {
     if (!listenersRef.current.has(type)) {
       listenersRef.current.set(type, /* @__PURE__ */ new Set());
@@ -44915,19 +44987,14 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     listeners6.add(listener);
     if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
     subLog2.debug("subscribe", { type, totalListeners: listeners6.size, tag: listenerTags.get(listener) });
-    if (debug2) {
-      console.log(`[EventBus] Subscribed to '${type}', total: ${listeners6.size}`);
-    }
     return () => {
       listeners6.delete(listener);
-      if (debug2) {
-        console.log(`[EventBus] Unsubscribed from '${type}', remaining: ${listeners6.size}`);
-      }
+      subLog2.debug("unsubscribe", { type, remaining: listeners6.size });
       if (listeners6.size === 0) {
         listenersRef.current.delete(type);
       }
     };
-  }, [debug2]);
+  }, []);
   const once = React136.useCallback((type, listener) => {
     const wrappedListener = (event) => {
       listenersRef.current.get(type)?.delete(wrappedListener);
@@ -44943,16 +45010,11 @@ function EventBusProvider({ children, debug: debug2 = false }) {
     anyListenersRef.current.add(listener);
     if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
     subLog2.debug("subscribe:any", { totalAnyListeners: anyListenersRef.current.size, tag: listenerTags.get(listener) });
-    if (debug2) {
-      console.log(`[EventBus] onAny subscribed, total: ${anyListenersRef.current.size}`);
-    }
     return () => {
       anyListenersRef.current.delete(listener);
-      if (debug2) {
-        console.log(`[EventBus] onAny unsubscribed, remaining: ${anyListenersRef.current.size}`);
-      }
+      subLog2.debug("unsubscribe:any", { remaining: anyListenersRef.current.size });
     };
-  }, [debug2]);
+  }, []);
   const contextValue = React136.useMemo(
     () => ({
       emit,
@@ -44976,6 +45038,7 @@ function EventBusProvider({ children, debug: debug2 = false }) {
 
 // providers/SelectionProvider.tsx
 init_useEventBus();
+var log3 = logger.createLogger("almadar:ui:selection");
 var SelectionContext = React136.createContext(null);
 var defaultCompareEntities = (a, b) => {
   if (a === b) return true;
@@ -44998,7 +45061,10 @@ function SelectionProvider({
     (entity) => {
       setSelectedState(entity);
       if (debug2) {
-        console.log("[SelectionProvider] Selection set:", entity);
+        log3.debug("Selection set", () => ({
+          hasEntity: entity !== null && entity !== void 0,
+          entityId: entity && typeof entity === "object" ? String(entity.id ?? "") : ""
+        }));
       }
     },
     [debug2]
@@ -45006,7 +45072,7 @@ function SelectionProvider({
   const clearSelection = React136.useCallback(() => {
     setSelectedState(null);
     if (debug2) {
-      console.log("[SelectionProvider] Selection cleared");
+      log3.debug("Selection cleared");
     }
   }, [debug2]);
   const isSelected = React136.useCallback(
@@ -45021,14 +45087,17 @@ function SelectionProvider({
       if (row) {
         setSelected(row);
         if (debug2) {
-          console.log(`[SelectionProvider] ${event.type} received:`, row);
+          log3.debug("event received", () => ({
+            type: event.type,
+            rowId: row && typeof row === "object" ? String(row.id ?? "") : ""
+          }));
         }
       }
     };
     const handleDeselect = (event) => {
       clearSelection();
       if (debug2) {
-        console.log(`[SelectionProvider] ${event.type} received - clearing selection`);
+        log3.debug("event received - clearing selection", { type: event.type });
       }
     };
     const unsubView = eventBus.on("UI:VIEW", handleSelect);
@@ -45070,7 +45139,7 @@ init_UISlotRenderer();
 // providers/VerificationProvider.tsx
 init_useEventBus();
 init_verificationRegistry();
-var log3 = logger.createLogger("almadar:verify");
+var log11 = logger.createLogger("almadar:verify");
 var DISPATCH_SUFFIX = ":DISPATCH";
 var SUCCESS_SUFFIX = ":SUCCESS";
 var ERROR_SUFFIX = ":ERROR";
@@ -45116,7 +45185,7 @@ function VerificationProvider({
     const verificationProviderLifecycleListener = (evt) => {
       const parsed = parseLifecycleEvent(evt.type);
       if (!parsed) return;
-      log3.debug("lifecycle:event", { kind: parsed.kind, traitName: parsed.traitName, event: parsed.event, type: evt.type });
+      log11.debug("lifecycle:event", { kind: parsed.kind, traitName: parsed.traitName, event: parsed.event, type: evt.type });
       const payload = evt.payload ?? {};
       if (parsed.kind === "dispatch") {
         const key = `${parsed.traitName}:${String(payload["event"] ?? "")}`;
@@ -45171,7 +45240,7 @@ function VerificationProvider({
           },
           timestamp: Date.now()
         });
-        log3.debug("transition:success", { trait: parsed.traitName, event: parsed.event, from: pending?.from, to: newState, effectCount: effects.length });
+        log11.debug("transition:success", { trait: parsed.traitName, event: parsed.event, from: pending?.from, to: newState, effectCount: effects.length });
       } else if (parsed.kind === "error" && parsed.event) {
         const key = `${parsed.traitName}:${parsed.event}`;
         const pending = pendingRef.current.get(key);
@@ -45201,7 +45270,7 @@ function VerificationProvider({
           },
           timestamp: Date.now()
         });
-        log3.warn("transition:error", { trait: parsed.traitName, event: parsed.event, from: fromState, error: errorMsg });
+        log11.warn("transition:error", { trait: parsed.traitName, event: parsed.event, from: fromState, error: errorMsg });
       }
     };
     Object.defineProperty(verificationProviderLifecycleListener, "name", {