@almadar/ui 5.133.0 → 5.134.0

package/dist/components/index.js

@@ -3905,6 +3905,61 @@ var init_TextHighlight = __esm({
   }
 });
 
+// lib/format.ts
+function humanizeFieldName(name) {
+  return name.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).replace(/\b([A-Z])([A-Z]+)\b/g, (_, first, rest) => first + rest.toLowerCase()).trim();
+}
+function humanizeEnumValue(value) {
+  return /^[a-z0-9]+(?:[_-][a-z0-9]+)+$/.test(value) ? humanizeFieldName(value) : value;
+}
+function formatDate(value) {
+  if (!value) return "";
+  const d = new Date(String(value));
+  if (isNaN(d.getTime())) return String(value);
+  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+}
+function formatTime(value) {
+  if (!value) return "";
+  const d = new Date(String(value));
+  if (isNaN(d.getTime())) return String(value);
+  return d.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+}
+function formatDateTime(value) {
+  if (!value) return "";
+  const d = new Date(String(value));
+  if (isNaN(d.getTime())) return String(value);
+  return `${formatDate(value)} ${formatTime(value)}`;
+}
+function asYesNo(value) {
+  return value === false || value === 0 || String(value) === "false" ? "No" : "Yes";
+}
+function formatValue(value, format) {
+  if (value === void 0 || value === null) return "";
+  if (typeof value === "boolean") return asYesNo(value);
+  switch (format) {
+    case "date":
+      return formatDate(value);
+    case "time":
+      return formatTime(value);
+    case "datetime":
+      return formatDateTime(value);
+    case "currency":
+      return typeof value === "number" ? `$${value.toFixed(2)}` : String(value);
+    case "number":
+      return typeof value === "number" ? value.toLocaleString() : String(value);
+    case "percent":
+      return typeof value === "number" ? `${Math.round(value)}%` : String(value);
+    case "boolean":
+      return asYesNo(value);
+    default:
+      return String(value);
+  }
+}
+var init_format = __esm({
+  "lib/format.ts"() {
+  }
+});
+
 // components/core/atoms/Typography.tsx
 var Typography_exports = {};
 __export(Typography_exports, {
@@ -3914,6 +3969,7 @@ var variantStyles6, colorStyles, weightStyles, defaultElements, typographySizeSt
 var init_Typography = __esm({
   "components/core/atoms/Typography.tsx"() {
     init_cn();
+    init_format();
     variantStyles6 = {
       h1: "text-4xl font-bold tracking-tight text-foreground",
       h2: "text-3xl font-bold tracking-tight text-foreground",
@@ -4001,11 +4057,16 @@ var init_Typography = __esm({
       id,
       className,
       style,
+      format,
       content,
       children
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component = as || defaultElements[variant];
+      let body = children ?? content;
+      if (format !== void 0 && format !== "none" && (typeof body === "string" || typeof body === "number" || body instanceof Date)) {
+        body = formatValue(body, format);
+      }
       return React74__default.createElement(
         Component,
         {
@@ -4022,7 +4083,7 @@ var init_Typography = __esm({
           ),
           style
         },
-        children ?? content
+        body
       );
     };
     Typography.displayName = "Typography";
@@ -16597,9 +16658,6 @@ function normalizeFields(fields) {
   if (!fields) return [];
   return fields.map((f3) => typeof f3 === "string" ? f3 : f3.key ?? f3.name ?? "");
 }
-function fieldLabel(key) {
-  return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
 function asBooleanValue(value) {
   if (typeof value === "boolean") return value;
   if (value === "true") return true;
@@ -16610,12 +16668,6 @@ function isDateField(key) {
   const lower = key.toLowerCase();
   return lower.includes("date") || lower.includes("time") || lower.endsWith("at") || lower.endsWith("_at");
 }
-function formatDate(value) {
-  if (!value) return "";
-  const d = new Date(String(value));
-  if (isNaN(d.getTime())) return String(value);
-  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-}
 function statusVariant(value) {
   const v = value.toLowerCase();
   if (["active", "completed", "done", "approved", "published", "resolved", "open"].includes(v)) return "success";
@@ -16624,11 +16676,12 @@ function statusVariant(value) {
   if (["new", "created", "scheduled", "queued"].includes(v)) return "info";
   return "default";
 }
-var STATUS_FIELDS, gapStyles3, alignStyles2, CardGrid;
+var fieldLabel, STATUS_FIELDS, gapStyles3, alignStyles2, CardGrid;
 var init_CardGrid = __esm({
   "components/core/organisms/CardGrid.tsx"() {
     "use client";
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
     init_atoms();
@@ -16637,6 +16690,7 @@ var init_CardGrid = __esm({
     init_Typography();
     init_Stack();
     init_Pagination();
+    fieldLabel = humanizeFieldName;
     STATUS_FIELDS = /* @__PURE__ */ new Set(["status", "state", "priority", "type", "category", "role", "level", "tier"]);
     gapStyles3 = {
       none: "gap-0",
@@ -17144,7 +17198,7 @@ var init_CaseStudyOrganism = __esm({
     CaseStudyOrganism.displayName = "CaseStudyOrganism";
   }
 });
-var CHART_COLORS, seriesColor, monthFormatter, formatTimeLabel, BarChart, PieChart, LineChart, ScatterChart, LOOK_FROM_CHART_TYPE, Chart;
+var CHART_COLORS, seriesColor, barColor, monthFormatter, formatTimeLabel, BarChart, PieChart, LineChart, ScatterChart, LOOK_FROM_CHART_TYPE, Chart;
 var init_Chart = __esm({
   "components/core/molecules/Chart.tsx"() {
     "use client";
@@ -17164,6 +17218,7 @@ var init_Chart = __esm({
       "var(--color-accent)"
     ];
     seriesColor = (series, idx) => series.color ?? CHART_COLORS[idx % CHART_COLORS.length];
+    barColor = (series, sIdx, catIdx, seriesCount) => series.color ?? CHART_COLORS[(seriesCount === 1 ? catIdx : sIdx) % CHART_COLORS.length];
     monthFormatter = new Intl.DateTimeFormat(void 0, {
       month: "short",
       year: "2-digit"
@@ -17236,7 +17291,7 @@ var init_Chart = __esm({
                 children: series.map((s, sIdx) => {
                   const value = valueAt(s, label);
                   const ratio = stack === "normalize" ? total === 0 ? 0 : value / total * 100 : value / maxValue * 100;
-                  const color = seriesColor(s, sIdx);
+                  const color = barColor(s, sIdx, catIdx, series.length);
                   return /* @__PURE__ */ jsx(
                     Box,
                     {
@@ -17291,7 +17346,7 @@ var init_Chart = __esm({
                     /* @__PURE__ */ jsx(HStack, { gap: histogram ? "none" : "xs", align: "end", justify: histogram ? void 0 : "center", className: "w-full flex-1 min-h-0", children: series.map((s, sIdx) => {
                       const value = valueAt(s, label);
                       const barHeight = value / maxValue * 100;
-                      const color = seriesColor(s, sIdx);
+                      const color = barColor(s, sIdx, catIdx, series.length);
                       return /* @__PURE__ */ jsx(
                         Box,
                         {
@@ -17342,7 +17397,7 @@ var init_Chart = __esm({
                   /* @__PURE__ */ jsx(VStack, { gap: "none", className: "w-full flex-1 min-h-0", justify: "end", children: series.map((s, sIdx) => {
                     const value = valueAt(s, label);
                     const ratio = stack === "normalize" ? total === 0 ? 0 : value / total * 100 : value / maxValue * 100;
-                    const color = seriesColor(s, sIdx);
+                    const color = barColor(s, sIdx, catIdx, series.length);
                     return /* @__PURE__ */ jsx(
                       Box,
                       {
@@ -20577,9 +20632,6 @@ var init_useDataDnd = __esm({
 function renderIconInput(icon, props) {
   return typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, ...props }) : /* @__PURE__ */ jsx(Icon, { icon, ...props });
 }
-function fieldLabel2(key) {
-  return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
 function statusVariant2(value) {
   const v = value.toLowerCase();
   if (["active", "completed", "done", "approved", "published", "resolved", "open", "online"].includes(v)) return "success";
@@ -20598,29 +20650,6 @@ function resolveBadgeVariant(field, value) {
   }
   return statusVariant2(value);
 }
-function formatDate2(value) {
-  if (!value) return "";
-  const d = new Date(String(value));
-  if (isNaN(d.getTime())) return String(value);
-  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-}
-function formatValue(value, format) {
-  if (value === void 0 || value === null) return "";
-  switch (format) {
-    case "date":
-      return formatDate2(value);
-    case "currency":
-      return typeof value === "number" ? `$${value.toFixed(2)}` : String(value);
-    case "number":
-      return typeof value === "number" ? value.toLocaleString() : String(value);
-    case "percent":
-      return typeof value === "number" ? `${Math.round(value)}%` : String(value);
-    case "boolean":
-      return value ? "Yes" : "No";
-    default:
-      return String(value);
-  }
-}
 function DataGrid({
   entity,
   fields,
@@ -20907,7 +20936,7 @@ function DataGrid({
                           if (val === void 0 || val === null || val === "") return null;
                           return /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "items-center", children: [
                             field.icon && renderIconInput(field.icon, { size: "xs" }),
-                            /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: formatValue(val, field.format) })
+                            /* @__PURE__ */ jsx(Badge, { variant: resolveBadgeVariant(field, String(val)), children: humanizeEnumValue(formatValue(val, field.format)) })
                           ] }, field.name);
                         }) })
                       ] }),
@@ -21017,11 +21046,12 @@ function DataGrid({
     ] })
   );
 }
-var dataGridLog, BADGE_VARIANTS, gapStyles5, lookStyles5;
+var dataGridLog, fieldLabel2, BADGE_VARIANTS, gapStyles5, lookStyles5;
 var init_DataGrid = __esm({
   "components/core/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
     init_Box();
@@ -21034,6 +21064,7 @@ var init_DataGrid = __esm({
     init_Menu();
     init_useDataDnd();
     dataGridLog = createLogger("almadar:ui:data-grid");
+    fieldLabel2 = humanizeFieldName;
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -21065,9 +21096,6 @@ var init_DataGrid = __esm({
 function renderIconInput2(icon, props) {
   return typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, ...props }) : /* @__PURE__ */ jsx(Icon, { icon, ...props });
 }
-function fieldLabel3(key) {
-  return key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
-}
 function statusVariant3(value) {
   const v = value.toLowerCase();
   if (["active", "completed", "done", "approved", "published", "resolved", "open", "online"].includes(v)) return "success";
@@ -21076,28 +21104,12 @@ function statusVariant3(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
-function formatDate3(value) {
-  if (!value) return "";
-  const d = new Date(String(value));
-  if (isNaN(d.getTime())) return String(value);
-  return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-}
 function formatValue2(value, format, boolLabels) {
-  if (value === void 0 || value === null) return "";
-  switch (format) {
-    case "date":
-      return formatDate3(value);
-    case "currency":
-      return typeof value === "number" ? `$${value.toFixed(2)}` : String(value);
-    case "number":
-      return typeof value === "number" ? value.toLocaleString() : String(value);
-    case "percent":
-      return typeof value === "number" ? `${Math.round(value)}%` : String(value);
-    case "boolean":
-      return value ? boolLabels?.yes ?? "Yes" : boolLabels?.no ?? "No";
-    default:
-      return String(value);
+  if (value !== void 0 && value !== null && (format === "boolean" || typeof value === "boolean")) {
+    const isNo = value === false || value === 0 || String(value) === "false";
+    return isNo ? boolLabels?.no ?? "No" : boolLabels?.yes ?? "Yes";
   }
+  return formatValue(value, format);
 }
 function groupData(items, field) {
   const groups = /* @__PURE__ */ new Map();
@@ -21120,7 +21132,9 @@ function DataList({
   variant = "default",
   groupBy,
   senderField,
+  senderLabelField,
   currentUser,
+  emptyMessage,
   className,
   isLoading = false,
   error = null,
@@ -21259,7 +21273,7 @@ function DataList({
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
   }
   if (data.length === 0) {
-    const emptyNode = /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") }) });
+    const emptyNode = /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: emptyMessage || t("empty.noItems") }) });
     return dnd.enabled ? /* @__PURE__ */ jsx(Fragment, { children: dnd.wrapContainer(emptyNode) }) : emptyNode;
   }
   const gapClass = {
@@ -21275,51 +21289,93 @@ function DataList({
     const items2 = [...data];
     const groups2 = groupBy ? groupData(items2, groupBy) : [{ label: "", items: items2 }];
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
-    return /* @__PURE__ */ jsx(VStack, { gap: "sm", className: cn("py-2", className), children: groups2.map((group, gi) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
-      group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
-      group.items.map((itemData, index) => {
-        const id = itemData.id || `${gi}-${index}`;
-        const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
-        const isSent = Boolean(currentUser && sender === currentUser);
-        const content = getNestedValue(itemData, contentField);
-        const timestampField = fieldDefs.find((f3) => f3.format === "date");
-        const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            className: cn(
-              "flex px-4",
-              isSent ? "justify-end" : "justify-start"
-            ),
-            children: /* @__PURE__ */ jsxs(
-              Box,
-              {
-                className: cn(
-                  "max-w-[75%] px-4 py-2",
-                  isSent ? "bg-primary text-primary-foreground rounded-2xl rounded-br-sm" : "bg-muted text-foreground rounded-2xl rounded-bl-sm"
-                ),
-                children: [
-                  !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: sender }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
-                  timestamp != null ? /* @__PURE__ */ jsx(
-                    Typography,
-                    {
-                      variant: "caption",
-                      className: cn(
-                        "mt-1 text-xs",
-                        isSent ? "opacity-70" : "text-muted-foreground"
-                      ),
-                      children: formatDate3(timestamp)
-                    }
-                  ) : null
-                ]
-              }
-            )
-          },
-          id
-        );
-      })
-    ] }, gi)) });
+    const senderLabel = (itemData, raw) => {
+      if (!senderLabelField) return raw;
+      const v = getNestedValue(itemData, senderLabelField);
+      return v === void 0 || v === null || v === "" ? raw : String(v);
+    };
+    return /* @__PURE__ */ jsxs(VStack, { gap: "sm", className: cn("py-2", className), children: [
+      groups2.map((group, gi) => /* @__PURE__ */ jsxs(React74__default.Fragment, { children: [
+        group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: "my-2" }),
+        group.items.map((itemData, index) => {
+          const id = itemData.id || `${gi}-${index}`;
+          const sender = senderField ? String(getNestedValue(itemData, senderField) ?? "") : "";
+          const isSent = Boolean(currentUser && sender === currentUser);
+          const content = getNestedValue(itemData, contentField);
+          const timestampField = fieldDefs.find((f3) => f3.format === "date");
+          const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
+          const metaFields = fieldDefs.filter(
+            (f3) => f3.name !== contentField && f3.name !== timestampField?.name
+          );
+          return /* @__PURE__ */ jsx(
+            Box,
+            {
+              "data-entity-row": true,
+              "data-entity-id": id,
+              onClick: itemClickEvent ? handleRowClick(itemData) : void 0,
+              className: cn(
+                "flex px-4 group/rowactions",
+                itemClickEvent && "cursor-pointer",
+                isSent ? "justify-end" : "justify-start"
+              ),
+              children: /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  className: cn(
+                    "max-w-[75%] px-4 py-2",
+                    isSent ? "bg-primary text-primary-foreground rounded-2xl rounded-br-sm" : "bg-muted text-foreground rounded-2xl rounded-bl-sm"
+                  ),
+                  children: [
+                    !isSent && senderField && /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: senderLabel(itemData, sender) }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
+                    metaFields.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", className: "mt-1 flex-wrap", children: metaFields.map((f3) => {
+                      const v = getNestedValue(itemData, f3.name);
+                      if (v === void 0 || v === null || v === "") return null;
+                      return f3.variant === "badge" ? /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(String(v)), children: String(v) }, f3.name) : /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "caption",
+                          className: cn("text-xs", isSent ? "opacity-70" : "text-muted-foreground"),
+                          children: formatValue2(v, f3.format)
+                        },
+                        f3.name
+                      );
+                    }) }),
+                    /* @__PURE__ */ jsxs(HStack, { gap: "xs", className: "mt-1 items-center justify-between", children: [
+                      timestamp != null ? /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          variant: "caption",
+                          className: cn("text-xs", isSent ? "opacity-70" : "text-muted-foreground"),
+                          children: formatDate(timestamp)
+                        }
+                      ) : /* @__PURE__ */ jsx("span", {}),
+                      renderItemActions(itemData)
+                    ] })
+                  ]
+                }
+              )
+            },
+            id
+          );
+        })
+      ] }, gi)),
+      hasMoreLocal && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => setVisibleCount((prev) => prev + (pageSize || 5)),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
+            t("common.showMore"),
+            " (",
+            t("common.remaining", { count: allData.length - visibleCount }),
+            ")"
+          ]
+        }
+      ) })
+    ] });
   }
   const items = [...data];
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
@@ -21468,11 +21524,12 @@ function DataList({
     )
   );
 }
-var dataListLog, listLookStyles;
+var dataListLog, fieldLabel3, listLookStyles;
 var init_DataList = __esm({
   "components/core/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
     init_Box();
@@ -21487,6 +21544,7 @@ var init_DataList = __esm({
     init_Menu();
     init_useDataDnd();
     dataListLog = createLogger("almadar:ui:data-list");
+    fieldLabel3 = humanizeFieldName;
     listLookStyles = {
       dense: "[&_[data-entity-row]>div]:!py-1 [&_[data-entity-row]>div]:!px-3",
       spacious: "[&_[data-entity-row]>div]:!py-5 [&_[data-entity-row]>div]:!px-8",
@@ -25955,7 +26013,7 @@ var init_ScoreDisplay = __esm({
     ScoreDisplay.displayName = "ScoreDisplay";
   }
 });
-function formatTime(seconds, format) {
+function formatTime2(seconds, format) {
   const clamped = Math.max(0, Math.floor(seconds));
   if (format === "ss") {
     return `${clamped}s`;
@@ -25992,7 +26050,7 @@ function TimerDisplay({
       ),
       children: [
         iconAsset && /* @__PURE__ */ jsx(GameIcon, { assetUrl: iconAsset, icon: "image", size: 16, className: "w-4 h-4 object-contain flex-shrink-0" }),
-        formatTime(seconds, format)
+        formatTime2(seconds, format)
       ]
     }
   );
@@ -26060,6 +26118,210 @@ var init_DialogueBubble = __esm({
     DialogueBubble.displayName = "DialogueBubble";
   }
 });
+function SvgStage({
+  cols,
+  rows: rows2,
+  tileSize = 32,
+  background = "var(--color-background)",
+  tileClickEvent,
+  tileHoverEvent,
+  tileLeaveEvent,
+  keyMap,
+  keyUpMap,
+  className,
+  children
+}) {
+  const eventBus = useEventBus();
+  const svgRef = useRef(null);
+  const pointerDownRef = useRef(null);
+  const cellFromClient = useCallback((clientX, clientY) => {
+    const svg = svgRef.current;
+    if (!svg) return null;
+    const rect = svg.getBoundingClientRect();
+    if (rect.width === 0 || rect.height === 0) return null;
+    const vbW = cols * tileSize;
+    const vbH = rows2 * tileSize;
+    const meet = Math.min(rect.width / vbW, rect.height / vbH);
+    const offsetX = (rect.width - vbW * meet) / 2;
+    const offsetY = (rect.height - vbH * meet) / 2;
+    const svgX = (clientX - rect.left - offsetX) / meet;
+    const svgY = (clientY - rect.top - offsetY) / meet;
+    return {
+      x: Math.min(Math.max(Math.floor(svgX / tileSize), 0), cols - 1),
+      y: Math.min(Math.max(Math.floor(svgY / tileSize), 0), rows2 - 1)
+    };
+  }, [cols, rows2, tileSize]);
+  const handlePointerDown = useCallback((e) => {
+    pointerDownRef.current = { clientX: e.clientX, clientY: e.clientY };
+  }, []);
+  const handlePointerUp = useCallback((e) => {
+    const down = pointerDownRef.current;
+    pointerDownRef.current = null;
+    if (!tileClickEvent) return;
+    if (down && Math.hypot(e.clientX - down.clientX, e.clientY - down.clientY) > 5) return;
+    const cell = cellFromClient(e.clientX, e.clientY);
+    if (cell) eventBus.emit(`UI:${tileClickEvent}`, cell);
+  }, [cellFromClient, tileClickEvent, eventBus]);
+  const handlePointerMove = useCallback((e) => {
+    if (!tileHoverEvent) return;
+    const cell = cellFromClient(e.clientX, e.clientY);
+    if (cell) eventBus.emit(`UI:${tileHoverEvent}`, cell);
+  }, [cellFromClient, tileHoverEvent, eventBus]);
+  const handlePointerLeave = useCallback(() => {
+    pointerDownRef.current = null;
+    if (tileLeaveEvent) eventBus.emit(`UI:${tileLeaveEvent}`, {});
+  }, [tileLeaveEvent, eventBus]);
+  useEffect(() => {
+    if (!keyMap && !keyUpMap) return;
+    const onDown = (e) => {
+      const ev = keyMap?.[e.code];
+      if (ev) {
+        eventBus.emit(`UI:${ev}`, {});
+        e.preventDefault();
+      }
+    };
+    const onUp = (e) => {
+      const ev = keyUpMap?.[e.code];
+      if (ev) eventBus.emit(`UI:${ev}`, {});
+    };
+    window.addEventListener("keydown", onDown);
+    window.addEventListener("keyup", onUp);
+    return () => {
+      window.removeEventListener("keydown", onDown);
+      window.removeEventListener("keyup", onUp);
+    };
+  }, [keyMap, keyUpMap, eventBus]);
+  useEffect(() => {
+    if (!keyMap && !keyUpMap) return;
+    svgRef.current?.focus();
+  }, [keyMap, keyUpMap]);
+  const stageContext = useMemo(() => ({ tileSize }), [tileSize]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref: svgRef,
+      "data-testid": "svg-stage",
+      viewBox: `0 0 ${cols * tileSize} ${rows2 * tileSize}`,
+      preserveAspectRatio: "xMidYMid meet",
+      className: cn("block h-full w-full", className),
+      tabIndex: keyMap || keyUpMap ? 0 : void 0,
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerLeave: handlePointerLeave,
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: cols * tileSize, height: rows2 * tileSize, fill: background }),
+        /* @__PURE__ */ jsx(SvgStageContext.Provider, { value: stageContext, children })
+      ]
+    }
+  );
+}
+var SvgStageContext;
+var init_SvgStage = __esm({
+  "components/game/molecules/SvgStage.tsx"() {
+    "use client";
+    init_cn();
+    init_useEventBus();
+    SvgStageContext = React74.createContext({ tileSize: 1 });
+    SvgStage.displayName = "SvgStage";
+  }
+});
+function SvgDrawShape({
+  shape,
+  x,
+  y,
+  width,
+  height,
+  radius,
+  radiusY,
+  points,
+  d,
+  x2,
+  y2,
+  fill,
+  stroke,
+  strokeWidth,
+  opacity,
+  className
+}) {
+  const { tileSize } = useContext(SvgStageContext);
+  const cell = (v) => v === void 0 ? void 0 : v * tileSize;
+  const paint = {
+    fill: fill ?? (stroke === void 0 ? "var(--color-primary)" : "none"),
+    stroke,
+    strokeWidth,
+    opacity,
+    className
+  };
+  return /* @__PURE__ */ jsxs("g", { transform: `translate(${x * tileSize} ${y * tileSize})`, children: [
+    shape === "rect" && /* @__PURE__ */ jsx("rect", { width: cell(width), height: cell(height), ...paint }),
+    shape === "circle" && /* @__PURE__ */ jsx("circle", { r: cell(radius), ...paint }),
+    shape === "ellipse" && /* @__PURE__ */ jsx("ellipse", { rx: cell(radius), ry: cell(radiusY ?? radius), ...paint }),
+    shape === "polygon" && /* @__PURE__ */ jsx("polygon", { points, ...paint }),
+    shape === "polyline" && /* @__PURE__ */ jsx("polyline", { points, ...paint }),
+    shape === "path" && /* @__PURE__ */ jsx("path", { d, ...paint }),
+    shape === "line" && /* @__PURE__ */ jsx("line", { x2: cell(x2), y2: cell(y2), ...paint })
+  ] });
+}
+var init_SvgDrawShape = __esm({
+  "components/game/atoms/SvgDrawShape.tsx"() {
+    "use client";
+    init_SvgStage();
+    SvgDrawShape.displayName = "SvgDrawShape";
+  }
+});
+function SvgDrawGroup({
+  x = 0,
+  y = 0,
+  scale,
+  rotate,
+  opacity,
+  className,
+  children
+}) {
+  const { tileSize } = useContext(SvgStageContext);
+  const transforms = [`translate(${x * tileSize} ${y * tileSize})`];
+  if (rotate !== void 0) transforms.push(`rotate(${rotate})`);
+  if (scale !== void 0) transforms.push(`scale(${scale})`);
+  return /* @__PURE__ */ jsx("g", { transform: transforms.join(" "), opacity, className, children });
+}
+var init_SvgDrawGroup = __esm({
+  "components/game/atoms/SvgDrawGroup.tsx"() {
+    "use client";
+    init_SvgStage();
+    SvgDrawGroup.displayName = "SvgDrawGroup";
+  }
+});
+function SvgDrawText({
+  x,
+  y,
+  text,
+  size = 12,
+  fill = "var(--color-foreground)",
+  anchor = "middle",
+  className
+}) {
+  const { tileSize } = useContext(SvgStageContext);
+  return /* @__PURE__ */ jsx(
+    "text",
+    {
+      x: x * tileSize,
+      y: y * tileSize,
+      fontSize: size,
+      fill,
+      textAnchor: anchor,
+      className,
+      children: text
+    }
+  );
+}
+var init_SvgDrawText = __esm({
+  "components/game/atoms/SvgDrawText.tsx"() {
+    "use client";
+    init_SvgStage();
+    SvgDrawText.displayName = "SvgDrawText";
+  }
+});
 function StatBadge({
   assetUrl,
   iconUrl,
@@ -26550,6 +26812,32 @@ var init_StateGraph = __esm({
     init_TransitionArrow();
   }
 });
+function SvgDrawShapeLayer({
+  items,
+  fill,
+  stroke,
+  strokeWidth,
+  opacity
+}) {
+  return /* @__PURE__ */ jsx("g", { children: items.map(({ id, ...shape }) => /* @__PURE__ */ jsx(
+    SvgDrawShape,
+    {
+      ...shape,
+      fill: shape.fill ?? fill,
+      stroke: shape.stroke ?? stroke,
+      strokeWidth: shape.strokeWidth ?? strokeWidth,
+      opacity: shape.opacity ?? opacity
+    },
+    id
+  )) });
+}
+var init_SvgDrawShapeLayer = __esm({
+  "components/game/molecules/SvgDrawShapeLayer.tsx"() {
+    "use client";
+    init_SvgDrawShape();
+    SvgDrawShapeLayer.displayName = "SvgDrawShapeLayer";
+  }
+});
 function unitAtlasUrl(unit) {
   return unit.spriteSheet?.url ?? null;
 }
@@ -28017,6 +28305,9 @@ var init_molecules = __esm({
     init_TimerDisplay();
     init_DialogueBubble();
     init_ChoiceButton();
+    init_SvgDrawShape();
+    init_SvgDrawGroup();
+    init_SvgDrawText();
     init_ControlGrid();
     init_StatBadge();
     init_GameHud();
@@ -28024,6 +28315,8 @@ var init_molecules = __esm({
     init_StateGraph();
     init_Canvas2D();
     init_Canvas();
+    init_SvgDrawShapeLayer();
+    init_SvgStage();
     init_useUnitSpriteAtlas();
     init_GameAudioToggle();
     init_useGameAudio();
@@ -28641,13 +28934,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect65, useRef: useRef63, useCallback: useCallback106, useState: useState102 } = React74__default;
+      const { useEffect: useEffect66, useRef: useRef64, useCallback: useCallback107, useState: useState102 } = React74__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
-        const prevRef = useRef63({ centerLat, centerLng, zoom });
-        useEffect65(() => {
+        const prevRef = useRef64({ centerLat, centerLng, zoom });
+        useEffect66(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -28658,7 +28951,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect65(() => {
+        useEffect66(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -28687,7 +28980,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState102(null);
-        const handleMapClick = useCallback106((lat, lng) => {
+        const handleMapClick = useCallback107((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -28696,7 +28989,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback106((marker) => {
+        const handleMarkerClick = useCallback107((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -29496,7 +29789,7 @@ function renderIconInput3(icon, props) {
   return typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, ...props }) : /* @__PURE__ */ jsx(Icon, { icon, ...props });
 }
 function columnLabel(col) {
-  return col.header ?? col.label ?? col.key.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  return col.header ?? col.label ?? humanizeFieldName(col.key);
 }
 function asFieldValue(v) {
   if (v === void 0 || v === null) return v;
@@ -29515,25 +29808,6 @@ function statusVariant4(value) {
   if (["new", "created", "scheduled", "queued", "info"].includes(v)) return "info";
   return "default";
 }
-function formatCell(value, format) {
-  if (value === void 0 || value === null) return "";
-  switch (format) {
-    case "date": {
-      const d = new Date(String(value));
-      return isNaN(d.getTime()) ? String(value) : d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-    }
-    case "currency":
-      return typeof value === "number" ? `$${value.toFixed(2)}` : String(value);
-    case "number":
-      return typeof value === "number" ? value.toLocaleString() : String(value);
-    case "percent":
-      return typeof value === "number" ? `${Math.round(value)}%` : String(value);
-    case "boolean":
-      return value ? "Yes" : "No";
-    default:
-      return String(value);
-  }
-}
 function groupData2(items, field) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
@@ -29579,7 +29853,8 @@ function TableView({
   const { t } = useTranslate();
   const [visibleCount, setVisibleCount] = React74__default.useState(pageSize > 0 ? pageSize : Infinity);
   const [localSelected, setLocalSelected] = React74__default.useState(/* @__PURE__ */ new Set());
-  const colDefs = columns ?? fields ?? [];
+  const colDefs = (Array.isArray(columns) ? columns : void 0) ?? (Array.isArray(fields) ? fields : void 0) ?? [];
+  const actionDefs = Array.isArray(itemActions) ? itemActions : [];
   const allDataRaw = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const dnd = useDataDnd({
     items: allDataRaw,
@@ -29599,6 +29874,23 @@ function TableView({
   const hasRenderProp = typeof children === "function";
   const idField = dndItemIdField ?? "id";
   const isCoarsePointer = useMediaQuery("(pointer: coarse)");
+  React74__default.useEffect(() => {
+    tableViewLog.debug("render", {
+      rowCount: data.length,
+      colCount: colDefs.length,
+      look,
+      isLoading: Boolean(isLoading),
+      hasError: Boolean(error),
+      dnd: dnd.enabled
+    });
+    if (data.length > 0 && !hasRenderProp && colDefs.length === 0) {
+      tableViewLog.warn("columns-unresolved", {
+        rowCount: data.length,
+        columnsIsArray: Array.isArray(columns),
+        fieldsIsArray: Array.isArray(fields)
+      });
+    }
+  }, [data, colDefs, look, isLoading, error, dnd.enabled, hasRenderProp, columns, fields]);
   const selected = selectedIds ? new Set(selectedIds) : localSelected;
   const emitSelection = (next) => {
     if (!selectedIds) setLocalSelected(next);
@@ -29642,21 +29934,12 @@ function TableView({
     }),
     [colDefs, data]
   );
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) });
-  }
-  if (data.length === 0) {
-    const emptyNode = /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: emptyMessage || t("empty.noItems") }) });
-    return dnd.enabled ? /* @__PURE__ */ jsx(Fragment, { children: dnd.wrapContainer(emptyNode) }) : emptyNode;
-  }
+  const statusNode = isLoading ? /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("loading.items") }) }) : error ? /* @__PURE__ */ jsx(Box, { className: "text-center py-8", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "error", children: error.message }) }) : data.length === 0 ? /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: emptyMessage || t("empty.noItems") }) }) : null;
   const lk = LOOKS[look];
-  const hasActions = Boolean(itemActions && itemActions.length > 0);
+  const hasActions = actionDefs.length > 0;
   const effectiveMaxInline = isCoarsePointer ? 0 : maxInlineActions;
-  const inlineActionCount = hasActions ? effectiveMaxInline != null ? Math.min(itemActions.length, effectiveMaxInline) : itemActions.length : 0;
-  const hasOverflowActions = hasActions && effectiveMaxInline != null && itemActions.length > effectiveMaxInline;
+  const inlineActionCount = hasActions ? effectiveMaxInline != null ? Math.min(actionDefs.length, effectiveMaxInline) : actionDefs.length : 0;
+  const hasOverflowActions = hasActions && effectiveMaxInline != null && actionDefs.length > effectiveMaxInline;
   const actionsTrack = hasActions ? `${inlineActionCount * 6 + (hasOverflowActions ? 3 : 0)}rem` : null;
   const gridTemplateColumns = [
     selectable ? "auto" : null,
@@ -29744,11 +30027,11 @@ function TableView({
               col.className
             );
             if (col.format === "badge" && raw != null && raw !== "") {
-              return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx(Badge, { variant: statusVariant4(String(raw)), size: "sm", className: "whitespace-nowrap", children: String(raw) }) }, col.key);
+              return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx(Badge, { variant: statusVariant4(String(raw)), size: "sm", className: "whitespace-nowrap", children: humanizeEnumValue(String(raw)) }) }, col.key);
             }
             return /* @__PURE__ */ jsx(Box, { role: "cell", className: cellBase, children: /* @__PURE__ */ jsx("span", { className: "truncate text-foreground", children: formatCell(raw, col.format) }) }, col.key);
           }),
-          itemActions && itemActions.length > 0 && /* @__PURE__ */ jsxs(
+          hasActions && /* @__PURE__ */ jsxs(
             HStack,
             {
               gap: "xs",
@@ -29760,7 +30043,7 @@ function TableView({
                 lk.striped && index % 2 === 1 ? "bg-[var(--color-surface-subtle)]" : "bg-[var(--color-card)] group-hover:bg-[var(--color-surface-subtle)]"
               ),
               children: [
-                (effectiveMaxInline != null ? itemActions.slice(0, effectiveMaxInline) : itemActions).map((action, i) => /* @__PURE__ */ jsxs(
+                (effectiveMaxInline != null ? actionDefs.slice(0, effectiveMaxInline) : actionDefs).map((action, i) => /* @__PURE__ */ jsxs(
                   Button,
                   {
                     variant: action.variant === "primary" ? "primary" : "ghost",
@@ -29776,12 +30059,12 @@ function TableView({
                   },
                   i
                 )),
-                effectiveMaxInline != null && itemActions.length > effectiveMaxInline && /* @__PURE__ */ jsx(
+                effectiveMaxInline != null && actionDefs.length > effectiveMaxInline && /* @__PURE__ */ jsx(
                   Menu,
                   {
                     position: "bottom-end",
                     trigger: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", "aria-label": t("common.actions"), "data-testid": "action-overflow", children: /* @__PURE__ */ jsx(Icon, { name: "more-horizontal", size: "xs" }) }),
-                    items: itemActions.slice(effectiveMaxInline).map((action) => ({
+                    items: actionDefs.slice(effectiveMaxInline).map((action) => ({
                       label: action.label,
                       icon: action.icon,
                       event: action.event,
@@ -29808,15 +30091,16 @@ function TableView({
     group.label && /* @__PURE__ */ jsx(Divider, { label: group.label, className: gi > 0 ? "mt-3" : "mt-0" }),
     group.items.map((row) => renderRow(row, runningIndex++))
   ] }, gi)) });
+  const showHeader = colDefs.length > 0 || hasRenderProp;
   return /* @__PURE__ */ jsxs(
     Box,
     {
       role: "table",
       className: cn("w-full text-sm", className),
       children: [
-        header,
-        dnd.wrapContainer(body),
-        hasMore && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setVisibleCount((p) => p + (pageSize || 5)), children: [
+        showHeader && header,
+        dnd.wrapContainer(statusNode ? /* @__PURE__ */ jsx(Box, { role: "rowgroup", children: statusNode }) : body),
+        !statusNode && hasMore && /* @__PURE__ */ jsx(Box, { className: "flex justify-center py-3", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setVisibleCount((p) => p + (pageSize || 5)), children: [
           /* @__PURE__ */ jsx(Icon, { name: "chevron-down", size: "xs", className: "mr-1" }),
           t("common.showMore"),
           " (",
@@ -29827,11 +30111,12 @@ function TableView({
     }
   );
 }
-var MAX_MEASURED_COL_CH, BADGE_CHROME_CH, alignClass, weightClass, LOOKS;
+var tableViewLog, formatCell, MAX_MEASURED_COL_CH, BADGE_CHROME_CH, alignClass, weightClass, LOOKS;
 var init_TableView = __esm({
   "components/core/molecules/TableView.tsx"() {
     "use client";
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
     init_useMediaQuery();
@@ -29845,7 +30130,8 @@ var init_TableView = __esm({
     init_Divider();
     init_Menu();
     init_useDataDnd();
-    createLogger("almadar:ui:table-view");
+    tableViewLog = createLogger("almadar:ui:table-view");
+    formatCell = (value, format) => formatValue(value, format);
     MAX_MEASURED_COL_CH = 32;
     BADGE_CHROME_CH = 4;
     alignClass = {
@@ -37229,6 +37515,7 @@ var init_GraphCanvas = __esm({
       title,
       nodes: propNodes = NO_NODES,
       edges: propEdges = NO_EDGES,
+      proposedEdges = NO_EDGES,
       similarity: propSimilarity = NO_SIM,
       height = 400,
       showLabels = true,
@@ -37236,6 +37523,7 @@ var init_GraphCanvas = __esm({
       draggable = true,
       actions,
       onNodeClick,
+      onMarkClick,
       onNodeDoubleClick,
       onBadgeClick,
       nodeClickEvent,
@@ -37264,6 +37552,18 @@ var init_GraphCanvas = __esm({
       const laidOutRef = useRef(false);
       const [, forceUpdate] = useState(0);
       const [logicalW, setLogicalW] = useState(800);
+      const hasProposed = useMemo(() => propNodes.some((n) => n.mark?.kind === "proposed"), [propNodes]);
+      const [pulseTick, setPulseTick] = useState(0);
+      useEffect(() => {
+        if (!hasProposed) return;
+        let raf = 0;
+        const loop = () => {
+          setPulseTick((t2) => (t2 + 1) % 1e6);
+          raf = requestAnimationFrame(loop);
+        };
+        raf = requestAnimationFrame(loop);
+        return () => cancelAnimationFrame(raf);
+      }, [hasProposed]);
       useEffect(() => {
         const canvas = canvasRef.current;
         if (!canvas || typeof ResizeObserver === "undefined") return;
@@ -37565,18 +37865,38 @@ var init_GraphCanvas = __esm({
           }
         }
         ctx.globalAlpha = 1;
+        ctx.setLineDash([4, 4]);
+        for (const edge of proposedEdges) {
+          const source = nodes.find((n) => n.id === edge.source);
+          const target = nodes.find((n) => n.id === edge.target);
+          if (!source || !target) continue;
+          ctx.globalAlpha = 0.4;
+          ctx.beginPath();
+          ctx.moveTo(source.x, source.y);
+          ctx.lineTo(target.x, target.y);
+          ctx.strokeStyle = edge.color || mutedColor;
+          ctx.lineWidth = 1;
+          ctx.stroke();
+        }
+        ctx.setLineDash([]);
+        ctx.globalAlpha = 1;
         for (const node of nodes) {
           const size = node.size || 8;
           const color = resolveColor3(node.color || getGroupColor(node.group, groups), canvas);
           const isHovered = hoveredNode === node.id;
           const isSelected = selectedNodeId !== void 0 && node.id === selectedNodeId;
-          ctx.globalAlpha = hoveredNode && !neighbors.has(node.id) ? 0.2 : 1;
+          const mark = node.mark;
+          ctx.globalAlpha = hoveredNode && !neighbors.has(node.id) ? 0.2 : mark?.kind === "proposed" ? 0.55 : 1;
           const radius = isSelected ? size + 4 : isHovered ? size + 2 : size;
           ctx.beginPath();
           ctx.arc(node.x, node.y, radius, 0, Math.PI * 2);
-          ctx.fillStyle = color;
+          ctx.fillStyle = mark?.kind === "proposed" ? mutedColor : color;
           ctx.fill();
-          if (isSelected) {
+          if (mark?.kind === "proposed") {
+            ctx.setLineDash([3, 3]);
+            ctx.strokeStyle = resolveColor3(mark.tint ?? "var(--color-warning)", canvas);
+            ctx.lineWidth = 1.5;
+          } else if (isSelected) {
             ctx.strokeStyle = accentColor;
             ctx.lineWidth = 3;
           } else {
@@ -37584,6 +37904,28 @@ var init_GraphCanvas = __esm({
             ctx.lineWidth = isHovered ? 2 : 1;
           }
           ctx.stroke();
+          ctx.setLineDash([]);
+          if (mark?.kind === "suggested") {
+            ctx.beginPath();
+            ctx.arc(node.x, node.y, radius + 3, 0, Math.PI * 2);
+            ctx.strokeStyle = accentColor;
+            ctx.lineWidth = 2;
+            ctx.stroke();
+            ctx.beginPath();
+            ctx.arc(node.x + radius * 0.7, node.y - radius * 0.7, 2.5, 0, Math.PI * 2);
+            ctx.fillStyle = accentColor;
+            ctx.fill();
+          } else if (mark?.kind === "proposed") {
+            const phase = pulseTick % 60 / 60;
+            const baseAlpha = hoveredNode && !neighbors.has(node.id) ? 0.2 : 0.55;
+            ctx.globalAlpha = baseAlpha * (0.4 + 0.4 * (1 - Math.abs(phase * 2 - 1)));
+            ctx.beginPath();
+            ctx.arc(node.x, node.y, radius + 6 + Math.sin(phase * Math.PI * 2) * 3, 0, Math.PI * 2);
+            ctx.strokeStyle = resolveColor3(mark.tint ?? "var(--color-warning)", canvas);
+            ctx.lineWidth = 1.5;
+            ctx.stroke();
+            ctx.globalAlpha = baseAlpha;
+          }
           if (showLabels && node.label) {
             const displayLabel = truncateLabel(node.label);
             ctx.font = `${isSelected || isHovered ? "700" : "600"} 12px ${fontFamily}`;
@@ -37718,11 +38060,15 @@ var init_GraphCanvas = __esm({
                   return;
                 }
               }
+              if (node.mark && onMarkClick) {
+                onMarkClick(node);
+                return;
+              }
               handleNodeClick(node);
             }
           }
         },
-        [toCoords, nodeAt, handleNodeClick, onBadgeClick, selectedNodeId]
+        [toCoords, nodeAt, handleNodeClick, onBadgeClick, onMarkClick, selectedNodeId]
       );
       const handlePointerLeave = useCallback(() => {
         setHoveredNode(null);
@@ -38470,9 +38816,6 @@ var init_types2 = __esm({
     };
   }
 });
-function humanizeFieldName(name) {
-  return name.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()).replace(/\b([A-Z])([A-Z]+)\b/g, (_, first, rest) => first + rest.toLowerCase()).trim();
-}
 function normalizeColumns(columns) {
   return columns.map((col) => {
     if (typeof col === "string") {
@@ -38897,6 +39240,7 @@ var init_DataTable = __esm({
   "components/core/organisms/DataTable.tsx"() {
     "use client";
     init_cn();
+    init_format();
     init_getNestedValue();
     init_atoms();
     init_Box();
@@ -38949,9 +39293,6 @@ function getBadgeVariant(fieldName, value) {
   }
   return "default";
 }
-function formatFieldLabel(fieldName) {
-  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase());
-}
 function formatFieldValue2(value, fieldName) {
   if (typeof value === "number") {
     if (fieldName.toLowerCase().includes("progress") || fieldName.toLowerCase().includes("percent")) {
@@ -39079,7 +39420,7 @@ function buildFieldTypeMap(fields) {
   }
   return map;
 }
-var ReactMarkdown2, DetailPanel;
+var formatFieldLabel, ReactMarkdown2, DetailPanel;
 var init_DetailPanel = __esm({
   "components/core/organisms/DetailPanel.tsx"() {
     "use client";
@@ -39091,8 +39432,10 @@ var init_DetailPanel = __esm({
     init_ErrorState();
     init_EmptyState();
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
+    formatFieldLabel = humanizeFieldName;
     ReactMarkdown2 = lazy(() => import('react-markdown'));
     DetailPanel = ({
       title: propTitle,
@@ -40621,7 +40964,7 @@ function formatValue3(value, fieldName) {
   return String(value);
 }
 function formatFieldLabel2(fieldName) {
-  return fieldName.replace(/([A-Z])/g, " $1").replace(/^./, (str2) => str2.toUpperCase()).replace(/Id$/, "").trim();
+  return humanizeFieldName(fieldName).replace(/\sId$/, "").trim();
 }
 var STATUS_STYLES, StatusBadge, ProgressIndicator, List3;
 var init_List = __esm({
@@ -40633,6 +40976,7 @@ var init_List = __esm({
     init_EmptyState();
     init_LoadingState();
     init_cn();
+    init_format();
     init_getNestedValue();
     init_useEventBus();
     init_types2();
@@ -42094,7 +42438,7 @@ function TicksTab({ ticks: ticks2 }) {
       }
     );
   }
-  const formatTime2 = (ms) => {
+  const formatTime3 = (ms) => {
     if (ms === 0) return "never";
     const seconds = Math.floor((Date.now() - ms) / 1e3);
     if (seconds < 1) return "just now";
@@ -42120,7 +42464,7 @@ function TicksTab({ ticks: ticks2 }) {
         tick.executionTime.toFixed(1),
         "ms exec"
       ] }),
-      /* @__PURE__ */ jsx("span", { children: formatTime2(tick.lastRun) })
+      /* @__PURE__ */ jsx("span", { children: formatTime3(tick.lastRun) })
     ] }),
     tick.guardName && /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs(Badge, { variant: tick.guardPassed ? "success" : "danger", size: "sm", children: [
       tick.guardName,
@@ -42244,7 +42588,7 @@ function EventFlowTab({ events: events2 }) {
     if (filter === "all") return events2;
     return events2.filter((e) => e.type === filter);
   }, [events2, filter]);
-  const formatTime2 = (timestamp) => {
+  const formatTime3 = (timestamp) => {
     const date = new Date(timestamp);
     return date.toLocaleTimeString("en-US", {
       hour12: false,
@@ -42320,7 +42664,7 @@ function EventFlowTab({ events: events2 }) {
             {
               className: "flex items-start gap-2 text-xs py-1 hover:bg-muted/50 rounded px-1",
               children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground font-mono min-w-[65px]", children: formatTime2(event.timestamp) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground font-mono min-w-[65px]", children: formatTime3(event.timestamp) }),
                 /* @__PURE__ */ jsx("span", { children: icon }),
                 /* @__PURE__ */ jsx(Badge, { variant, size: "sm", className: "min-w-[60px] justify-center", children: event.source }),
                 /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground", children: event.message })
@@ -42374,7 +42718,7 @@ function GuardsPanel({ guards }) {
     if (filter === "passed") return guards.filter((g) => g.result);
     return guards.filter((g) => !g.result);
   }, [guards, filter]);
-  const formatTime2 = (timestamp) => {
+  const formatTime3 = (timestamp) => {
     const date = new Date(timestamp);
     return date.toLocaleTimeString("en-US", {
       hour12: false,
@@ -42389,7 +42733,7 @@ function GuardsPanel({ guards }) {
       /* @__PURE__ */ jsx(Badge, { variant: guard.result ? "success" : "danger", size: "sm", children: guard.result ? "\u2713" : "\u2717" }),
       /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", className: "text-warning", children: guard.guardName }),
       /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground", children: guard.context.type === "transition" ? `${guard.context.transitionFrom} \u2192 ${guard.context.transitionTo}` : guard.context.tickName }),
-      /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground ml-auto", children: formatTime2(guard.timestamp) })
+      /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground ml-auto", children: formatTime3(guard.timestamp) })
     ] }),
     content: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
       /* @__PURE__ */ jsxs("div", { children: [
@@ -42550,7 +42894,7 @@ function TransitionTimeline({ transitions }) {
       }
     );
   }
-  const formatTime2 = (ts) => {
+  const formatTime3 = (ts) => {
     const d = new Date(ts);
     return d.toLocaleTimeString("en-US", {
       hour12: false,
@@ -42598,7 +42942,7 @@ function TransitionTimeline({ transitions }) {
                                 ${hasFailedEffects ? "bg-error" : allPassed ? "bg-success" : "bg-muted-foreground"}
                             ` }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs py-1 px-2", children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground font-mono min-w-[65px]", children: formatTime2(trace.timestamp) }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-muted-foreground font-mono min-w-[65px]", children: formatTime3(trace.timestamp) }),
                   /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", className: "min-w-[60px] justify-center", children: trace.traitName }),
                   /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "font-mono text-muted-foreground", children: [
                     trace.from,
@@ -42673,7 +43017,7 @@ function ServerBridgeTab({ bridge }) {
       }
     );
   }
-  const formatTime2 = (ts) => {
+  const formatTime3 = (ts) => {
     if (ts === 0) return t("debug.never");
     const d = new Date(ts);
     return d.toLocaleTimeString("en-US", {
@@ -42716,7 +43060,7 @@ function ServerBridgeTab({ bridge }) {
           StatRow,
           {
             label: t("debug.lastHeartbeat"),
-            value: formatTime2(bridge.lastHeartbeat)
+            value: formatTime3(bridge.lastHeartbeat)
           }
         )
       ] })
@@ -44828,7 +45172,7 @@ var init_TeamOrganism = __esm({
     TeamOrganism.displayName = "TeamOrganism";
   }
 });
-function formatDate4(value) {
+function formatDate2(value) {
   const d = new Date(value);
   if (isNaN(d.getTime())) return value;
   return d.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
@@ -44960,7 +45304,7 @@ var init_Timeline = __esm({
             /* @__PURE__ */ jsxs(VStack, { gap: "xs", className: cn("flex-1 min-w-0", !isLast && "pb-6"), children: [
               /* @__PURE__ */ jsxs(HStack, { justify: "between", align: "start", wrap: true, children: [
                 /* @__PURE__ */ jsx(Typography, { variant: "body", weight: "semibold", children: item.title }),
-                item.date && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: formatDate4(item.date) })
+                item.date && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", className: "flex-shrink-0", children: formatDate2(item.date) })
               ] }),
               item.description && /* @__PURE__ */ jsx(Typography, { variant: "small", color: "secondary", children: item.description }),
               item.tags && item.tags.length > 0 && /* @__PURE__ */ jsx(HStack, { gap: "xs", wrap: true, children: item.tags.map((tag, tagIdx) => /* @__PURE__ */ jsx(Badge, { variant: "default", children: tag }, tagIdx)) }),
@@ -45266,6 +45610,10 @@ var init_component_registry_generated = __esm({
     init_SubagentTracePanel();
     init_SvgBranch();
     init_SvgConnection();
+    init_SvgDrawGroup();
+    init_SvgDrawShape();
+    init_SvgDrawShapeLayer();
+    init_SvgDrawText();
     init_SvgFlow();
     init_SvgGrid();
     init_SvgLobe();
@@ -45276,6 +45624,7 @@ var init_component_registry_generated = __esm({
     init_SvgRing();
     init_SvgShield();
     init_SvgStack();
+    init_SvgStage();
     init_SwipeableRow();
     init_Switch();
     init_TabbedContainer();
@@ -45537,6 +45886,10 @@ var init_component_registry_generated = __esm({
       "SubagentTracePanel": SubagentTracePanel,
       "SvgBranch": SvgBranch,
       "SvgConnection": SvgConnection,
+      "SvgDrawGroup": SvgDrawGroup,
+      "SvgDrawShape": SvgDrawShape,
+      "SvgDrawShapeLayer": SvgDrawShapeLayer,
+      "SvgDrawText": SvgDrawText,
       "SvgFlow": SvgFlow,
       "SvgGrid": SvgGrid,
       "SvgLobe": SvgLobe,
@@ -45547,6 +45900,7 @@ var init_component_registry_generated = __esm({
       "SvgRing": SvgRing,
       "SvgShield": SvgShield,
       "SvgStack": SvgStack,
+      "SvgStage": SvgStage,
       "SwipeableRow": SwipeableRow,
       "Switch": Switch,
       "TabbedContainer": TabbedContainer,
@@ -45623,7 +45977,7 @@ function enrichFormFields(fields, entityDef) {
       if (entityField) {
         const enriched = {
           name: field,
-          label: field.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()),
+          label: humanizeFieldName(field),
           type: entityField.type,
           required: entityField.required ?? false
         };
@@ -45637,7 +45991,7 @@ function enrichFormFields(fields, entityDef) {
         }
         return enriched;
       }
-      return { name: field, label: field.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()) };
+      return { name: field, label: humanizeFieldName(field) };
     }
     if (field && typeof field === "object" && !Array.isArray(field) && !React74__default.isValidElement(field) && !(field instanceof Date)) {
       const obj = field;
@@ -46292,9 +46646,10 @@ function SlotContentRenderer({
       const slotVal = restProps[slotKey];
       if (slotVal === void 0 || slotVal === null) continue;
       if (React74__default.isValidElement(slotVal) || typeof slotVal === "string" || typeof slotVal === "number" || typeof slotVal === "boolean") continue;
-      if (Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
+      const typelessChildren = !Array.isArray(slotVal) && typeof slotVal === "object" && !("type" in slotVal) && Array.isArray(slotVal.children) ? slotVal.children : void 0;
+      if (typelessChildren !== void 0 || Array.isArray(slotVal) || typeof slotVal === "object" && "type" in slotVal) {
         nodeSlotOverrides[slotKey] = renderPatternChildren(
-          slotVal,
+          typelessChildren ?? slotVal,
           onDismiss,
           `${content.id}-${slotKey}`,
           `${myPath}.${slotKey}`,
@@ -46473,6 +46828,7 @@ var init_UISlotRenderer = __esm({
     init_useEventBus();
     init_slot_types();
     init_cn();
+    init_format();
     init_ErrorBoundary();
     init_Skeleton();
     init_renderer();
@@ -49000,4 +49356,4 @@ function useGitHubBranches(owner, repo, enabled = true) {
   });
 }
 
-export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useMediaQuery, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate114 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };
+export { ALL_PRESETS, ALMADAR_DND_MIME, AR_BOOK_FIELDS, AboutPageTemplate, Accordion, Card2 as ActionCard, ActionPalette, ActionTile, ActivationBlock, Alert, AlgorithmCanvas, AnimatedCounter, AnimatedGraphic, AnimatedReveal, ArticleSection, Aside, AssetPicker, AtlasImage, AtlasPanel, AuthLayout, Avatar, Badge, BehaviorView, BiologyCanvas, BloomQuizBlock, BookChapterView, BookCoverPage, BookNavBar, BookTableOfContents, BookViewer, Box, BranchingLogicBuilder, Breadcrumb, Button, ButtonGroup, CTABanner, CalendarGrid, Canvas, Canvas2D, Card, CardBody, CardContent, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, CaseStudyCard, CaseStudyOrganism, Center, Chart, ChartLegend, ChatBar, Checkbox, ChemistryCanvas, ChoiceButton, Coachmark, CodeBlock, CodeRunnerPanel, CollapsibleSection, CommunityLinks, ConditionalWrapper, ConfettiEffect, ConfirmDialog, ConnectionBlock, Container, ContentRenderer, ContentSection, ControlButton, ControlGrid, CounterTemplate, DEFAULT_LIKERT_OPTIONS, DEFAULT_MATRIX_COLUMNS, DEFAULT_SLOTS, DIAMOND_TOP_Y, DashboardGrid, DashboardLayout, DataGrid, DataList, DataTable, DateRangePicker, DateRangeSelector, DayCell, DetailPanel, Dialog, DialogueBubble, Divider, DocBreadcrumb, DocPagination, DocSearch, DocSidebar, DocTOC, DocumentViewer, StateMachineView as DomStateMachineVisualizer, Drawer, DrawerSlot, ELEMENT_SELECTED_EVENT, EdgeDecoration, EditorCheckbox, EditorSelect, EditorSlider, EditorTextInput, EditorToolbar, EmptyState, EntityDisplayEvents, ErrorBoundary, ErrorState, FEATURE_COLORS, FEATURE_TYPES, FLOOR_HEIGHT, FeatureCard, FeatureDetailPageTemplate, FeatureGrid, FeatureGridOrganism, FileTree, FilterGroup, FilterPill, Flex, FlipCard, FlipContainer, FloatingActionButton, Form, FormActions, FormField, FormLayout, FormSection, FormSectionHeader, GameAudioToggle, GameHud, GameIcon, GameMenu, GameShell, GenericAppTemplate, GeometricPattern, GradientDivider, GraphCanvas, GraphView, Grid, GridPicker, HStack, Header, HealthBar, HeroOrganism, HeroSection, I18nProvider, IDENTITY_BOOK_FIELDS, Icon, IconPicker, ImportPreviewTree, ImportProgress, ImportSourcePicker, InfiniteScrollSentinel, Input, InputGroup, InstallBox, JazariStateMachine, JsonTreeEditor, Label, LandingPageTemplate, LawReferenceTooltip, LearningCanvas, Lightbox, LikertScale, LineChart2 as LineChart, List3 as List, LoadingState, MapView, MarkdownContent, MarketingFooter, MarketingStatCard, MasterDetail, MasterDetailLayout, MathCanvas, MatrixQuestion, MediaGallery, Menu, Meter, Modal, ModalSlot, ModuleCard, Navigation, NodeSlotEditor, NotifyListener, NumberStepper, OnboardingSpotlight, OptionConstraintGroup, StateMachineView as OrbitalStateMachineView, OrbitalVisualization, Overlay, PageHeader, PageTransition, Pagination, PatternTile, PhysicsCanvas, Popover, PositionedCanvas, Presence, PricingCard, PricingGrid, PricingOrganism, PricingPageTemplate, ProgressBar, ProgressDots, PropertyInspector, PullQuote, PullToRefresh, QrScanner, QuizBlock, Radio, RangeSlider, ReflectionBlock, RelationSelect, RepeatableFormSection, ReplyTree, RichBlockEditor, RuntimeDebugger, SHEET_COLUMNS, SPRITE_SHEET_LAYOUT, ScaledDiagram, ScoreDisplay, SearchInput, Section, SectionHeader, SegmentRenderer, Select, SequenceBar, ServiceCatalog, SharedEntityStoreContext, ShowcaseCard, ShowcaseOrganism, SidePanel, Sidebar, SignaturePad, SimpleGrid, Skeleton, SlotContentRenderer, SocialProof, SortableList, Spacer, Sparkline, Spinner, Split, SplitPane, SplitSection, Stack, StarRating, StatBadge, StatCard, StatDisplay, StateGraph, StateJsonView, StateMachineView, StateNode2 as StateNode, StatsGrid, StatsOrganism, StatusBar, StatusDot, StepFlow, StepFlowOrganism, SubagentTracePanel, SvgBranch, SvgConnection, SvgDrawGroup, SvgDrawShape, SvgDrawShapeLayer, SvgDrawText, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, SvgStage, SvgStageContext, SwipeableRow, Switch, TERRAIN_COLORS, TILE_HEIGHT, TILE_WIDTH, TabbedContainer, TableView, Tabs, TagCloud, TagInput, TeamCard, TeamOrganism, TerrainPalette, TextHighlight, Textarea, ThemeToggle, TimeSlotCell, Timeline, TimerDisplay, Toast, ToastSlot, Tooltip, TraitFrame, TraitSlot, TraitStateViewer, TransitionArrow, TrendIndicator, TypewriterText, Typography, UISlotComponent, UISlotRenderer, UploadDropZone, VStack, VersionDiff, ViolationAlert, VoteStack, WizardContainer, WizardNavigation, WizardProgress, boardEntity, bool, calculateAttackTargets, calculateValidMoves, cn, createInitialGameState, createSharedEntityStore, createTranslate, createUnitAnimationState, getCurrentFrame, getTileDimensions, inferDirection, isoToScreen, makeAsset, makeAssetMap, mapBookData, num, objAvailableActions, objAvailableEvents, objCurrentState, objIcon, objId, objMaxRules, objName, objRules, objStates, parseEditFocus, parseLessonSegments, parseMarkdownWithCodeBlocks, parseQueryBinding, pendulum, projectileMotion, registerCodeLanguageLoader, resolveFieldMap, resolveFrame, resolveSheetDirection, rows, runTickFrame, screenToIso, springOscillator, str, tickAnimationState, toCodeLanguage, transitionAnimation, unitHealth, unitPosition, unitTeam, useAgentChat, useAnchorRect, useAtlasSliceDataUrl, useAuthContext, useCamera, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useGameAudio, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useImageCache, useInfiniteScroll, useLongPress, useMediaQuery, useOrbitalHistory, usePresence, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate114 as useTranslate, useUIEvents, useUISlotManager, useUnitSpriteAtlas, useValidation, vec2 };