@almadar/ui 6.10.0 → 6.11.0

package/dist/runtime/index.cjs

@@ -19,6 +19,7 @@ var ELK = require('elkjs/lib/elk.bundled.js');
 var SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light.js');
 var dark = require('react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js');
 var syntax = require('@almadar/syntax');
+var i18n = require('@almadar/core/i18n');
 var langJson = require('react-syntax-highlighter/dist/esm/languages/prism/json.js');
 var langJavascript = require('react-syntax-highlighter/dist/esm/languages/prism/javascript.js');
 var langTypescript = require('react-syntax-highlighter/dist/esm/languages/prism/typescript.js');
@@ -7730,8 +7731,9 @@ function getTransitions() {
   return [...getState().transitions];
 }
 function recordServerResponse(orbitalName, event, response) {
+  const { effectResults, ...responseFields } = response;
   const serverResponse = {
-    ...response,
+    ...responseFields,
     orbitalName,
     timestamp: Date.now()
   };
@@ -7741,7 +7743,7 @@ function recordServerResponse(orbitalName, event, response) {
     from: "server",
     to: "server",
     event,
-    effects: [],
+    effects: effectResults ?? [],
     serverResponse,
     timestamp: Date.now()
   };
@@ -18353,6 +18355,15 @@ function buildLineProps(errorLines, extraClassName) {
     };
   };
 }
+function translateProgram(source, language, lang) {
+  if (lang === "en") return source;
+  if (language === "lolo") return syntax.translateLolo(source, lang);
+  if (language === "orb") {
+    const translated = syntax.translateOrb(source, lang);
+    return typeof translated === "string" ? translated : source;
+  }
+  return source;
+}
 var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, log6, CODE_LANGUAGES, CODE_LANGUAGE_SET, DIFF_STYLES, DIFF_STYLE_FALLBACK, LINE_PROPS_FN, HIDDEN_LINE_NUMBERS, HIGHLIGHT_CAPACITY_BYTES, MONO_FONT_FAMILY, VIEWER_LINE_NUMBER_STYLE, CodeBlock;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
@@ -18618,6 +18629,7 @@ var init_CodeBlock = __esm({
         showLineNumbers = false,
         wordWrap = false,
         files,
+        naturalLanguages,
         actions,
         isLoading = false,
         error,
@@ -18664,7 +18676,48 @@ var init_CodeBlock = __esm({
           "replace"
         ]
       }) => {
-        const code = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
+        const englishCode = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
+        const naturalTabs = !editable && naturalLanguages && naturalLanguages.length > 1 ? naturalLanguages : void 0;
+        const [naturalLanguage, setNaturalLanguage] = React87.useState(() => naturalTabs?.[0] ?? "en");
+        const activeNaturalLanguage = naturalTabs?.includes(naturalLanguage) === true ? naturalLanguage : naturalTabs?.[0] ?? "en";
+        const translationCache = React87.useMemo(() => /* @__PURE__ */ new Map(), [englishCode, files]);
+        const translateFor = React87.useCallback(
+          (source, sourceLanguage, cacheKey) => {
+            if (activeNaturalLanguage === "en") return source;
+            const key = `${cacheKey}|${sourceLanguage}|${activeNaturalLanguage}`;
+            const hit = translationCache.get(key);
+            if (hit !== void 0) return hit;
+            const translated = translateProgram(source, sourceLanguage, activeNaturalLanguage);
+            translationCache.set(key, translated);
+            return translated;
+          },
+          [translationCache, activeNaturalLanguage]
+        );
+        const code = translateFor(englishCode, language, "code");
+        const naturalTabItems = naturalTabs?.map((lang) => ({
+          id: `lang-${lang}`,
+          label: i18n.coreTables[lang].meta.name,
+          content: null
+        }));
+        const naturalTabStrip = naturalTabs && naturalTabItems ? /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
+          {
+            className: "border-b border-border",
+            dir: i18n.coreTables[activeNaturalLanguage].meta.rtl ? "rtl" : "ltr",
+            "data-testid": "codeblock-language-tabs",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Tabs,
+              {
+                tabs: naturalTabItems,
+                activeTab: `lang-${activeNaturalLanguage}`,
+                onTabChange: (id) => {
+                  const next = naturalTabs.find((lang) => `lang-${lang}` === id);
+                  if (next) setNaturalLanguage(next);
+                }
+              }
+            )
+          }
+        ) : null;
         const activeStyle = resolveHighlightStyle(language);
         const overCapacity = code.length > HIGHLIGHT_CAPACITY_BYTES;
         const plainCodeColor = plainCodeColorOf(activeStyle);
@@ -18677,8 +18730,8 @@ var init_CodeBlock = __esm({
         const [wrap, setWrap] = React87.useState(wordWrap);
         const [activeFileIndex, setActiveFileIndex] = React87.useState(0);
         const activeFile = files?.[activeFileIndex];
-        const activeCode = activeFile?.code ?? code;
         const activeLanguage = activeFile?.language ?? language;
+        const activeCode = activeFile ? translateFor(activeFile.code, activeLanguage, `file-${activeFileIndex}`) : code;
         const languageReady = useLanguageReady(activeLanguage);
         const viewerStyle = resolveHighlightStyle(activeLanguage);
         const viewerPlainCodeColor = plainCodeColorOf(viewerStyle);
@@ -19163,6 +19216,7 @@ var init_CodeBlock = __esm({
             content: null
           }));
           return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("overflow-hidden", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            naturalTabStrip,
             tabItems && tabItems.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
               Tabs,
               {
@@ -19224,7 +19278,7 @@ var init_CodeBlock = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, children: diffLines ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
+            /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, dir: "ltr", children: diffLines ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, className: "font-mono text-xs", children: diffRowElements }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-xs", children: viewerHighlightedElement }) })
           ] }) });
         }
         const hasHeader = showLanguageBadge || effectiveCopy;
@@ -19251,6 +19305,7 @@ var init_CodeBlock = __esm({
               ]
             }
           ),
+          naturalTabStrip,
           editable ? (
             /* GAP-77 / GAP-82 / GAP-83: editable mode = transparent textarea on
                          top of a Prism-highlighted SyntaxHighlighter overlay.
@@ -19402,6 +19457,7 @@ var init_CodeBlock = __esm({
             {
               ref: scrollRef,
               onCopy: handleSelectionCopy,
+              dir: "ltr",
               style: {
                 flex: 1,
                 minHeight: 0,
@@ -19420,7 +19476,7 @@ var init_CodeBlock = __esm({
           )
         ] });
       },
-      (prev, next) => prev.language === next.language && prev.code === next.code && prev.showCopyButton === next.showCopyButton && prev.showCopy === next.showCopy && prev.maxHeight === next.maxHeight && prev.foldable === next.foldable && prev.editable === next.editable && prev.onChange === next.onChange && prev.errorLines === next.errorLines && prev.mode === next.mode && prev.title === next.title && prev.diff === next.diff && prev.files === next.files && prev.actions === next.actions && prev.isLoading === next.isLoading && prev.error === next.error && prev.editorId === next.editorId && prev.onEditorFocus === next.onEditorFocus && prev.onEditorBlur === next.onEditorBlur && prev.onMotion === next.onMotion && prev.onOperate === next.onOperate && prev.onInsertText === next.onInsertText && prev.onSetMode === next.onSetMode && prev.motions === next.motions && prev.operators === next.operators
+      (prev, next) => prev.language === next.language && prev.code === next.code && prev.showCopyButton === next.showCopyButton && prev.showCopy === next.showCopy && prev.maxHeight === next.maxHeight && prev.foldable === next.foldable && prev.editable === next.editable && prev.onChange === next.onChange && prev.errorLines === next.errorLines && prev.mode === next.mode && prev.title === next.title && prev.diff === next.diff && prev.files === next.files && prev.naturalLanguages === next.naturalLanguages && prev.actions === next.actions && prev.isLoading === next.isLoading && prev.error === next.error && prev.editorId === next.editorId && prev.onEditorFocus === next.onEditorFocus && prev.onEditorBlur === next.onEditorBlur && prev.onMotion === next.onMotion && prev.onOperate === next.onOperate && prev.onInsertText === next.onInsertText && prev.onSetMode === next.onSetMode && prev.motions === next.motions && prev.operators === next.operators
     );
     CodeBlock.displayName = "CodeBlock";
   }
@@ -23065,26 +23121,6 @@ var init_ButtonGroup = __esm({
     ButtonGroup.displayName = "ButtonGroup";
   }
 });
-function getNestedValue(obj, path) {
-  if (obj === null || obj === void 0 || !path) {
-    return void 0;
-  }
-  if (!path.includes(".")) {
-    return obj[path];
-  }
-  const parts = path.split(".");
-  let value = obj;
-  for (const part of parts) {
-    if (value === null || value === void 0) {
-      return void 0;
-    }
-    if (typeof value !== "object" || Array.isArray(value)) {
-      return void 0;
-    }
-    value = value[part];
-  }
-  return value;
-}
 function resolveImageUrl(value) {
   if (typeof value === "string") {
     return value;
@@ -23145,11 +23181,11 @@ function getWeekDays(start) {
   return days;
 }
 function eventStartDate(event, startField) {
-  const raw = getNestedValue(event, startField);
+  const raw = core.getNestedValue(event, startField);
   return new Date(raw ?? "");
 }
 function eventEndDate(event, endField) {
-  const raw = getNestedValue(event, endField);
+  const raw = core.getNestedValue(event, endField);
   if (raw === void 0 || raw === null || raw === "") return null;
   const end = new Date(raw);
   return Number.isNaN(end.getTime()) ? null : end;
@@ -23284,8 +23320,8 @@ function CalendarGrid({
   }, [longPressEvent, longPressPayload, eventBus]);
   const renderChip = children ?? renderItem;
   const renderEvent = (event) => {
-    const color = getNestedValue(event, colorField);
-    const label = String(getNestedValue(event, titleField) ?? "");
+    const color = core.getNestedValue(event, colorField);
+    const label = String(core.getNestedValue(event, titleField) ?? "");
     const eventIndex = evs.indexOf(event);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
@@ -23406,7 +23442,7 @@ function CalendarGrid({
                       children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xs", children: [
                         slotEvents.map(renderEvent),
                         continuingEvents.map((event) => {
-                          const color = getNestedValue(event, colorField);
+                          const color = core.getNestedValue(event, colorField);
                           return /* @__PURE__ */ jsxRuntime.jsx(
                             Box,
                             {
@@ -23724,7 +23760,7 @@ var init_CardGrid = __esm({
         e.stopPropagation();
         if (action.navigatesTo) {
           const url = action.navigatesTo.replace(/\{\{row\.(\w+(?:\.\w+)*)\}\}/g, (_, field) => {
-            const value = getNestedValue(itemData, field);
+            const value = core.getNestedValue(itemData, field);
             return value !== void 0 && value !== null ? String(value) : "";
           });
           eventBus.emit("UI:NAVIGATE", { url, row: itemData });
@@ -23757,8 +23793,8 @@ var init_CardGrid = __esm({
         return normalizedData.map((item, index) => {
           const itemData = item;
           const id = itemData.id || String(index);
-          const titleValue = titleField ? getNestedValue(itemData, titleField) : void 0;
-          const statusValue = statusField ? getNestedValue(itemData, statusField) : void 0;
+          const titleValue = titleField ? core.getNestedValue(itemData, titleField) : void 0;
+          const statusValue = statusField ? core.getNestedValue(itemData, statusField) : void 0;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             Box,
             {
@@ -23773,7 +23809,7 @@ var init_CardGrid = __esm({
               actionPayload: { row: itemData },
               children: [
                 imageField && (() => {
-                  const imgUrl = resolveImageUrl(getNestedValue(itemData, imageField));
+                  const imgUrl = resolveImageUrl(core.getNestedValue(itemData, imageField));
                   if (!imgUrl) return null;
                   return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
@@ -23805,7 +23841,7 @@ var init_CardGrid = __esm({
                   )) })
                 ] }) }),
                 bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(VStack, { gap: "xs", children: bodyFields.map((field) => {
-                  const value = getNestedValue(itemData, field);
+                  const value = core.getNestedValue(itemData, field);
                   if (value === void 0 || value === null || value === "") return null;
                   const fieldValue = value;
                   const boolVal = asBooleanValue(fieldValue);
@@ -27952,7 +27988,7 @@ function DataGrid({
                 )
               );
             }
-            const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+            const titleValue = core.getNestedValue(itemData, titleField?.name ?? "");
             return wrapDnd(
               /* @__PURE__ */ jsxRuntime.jsxs(
                 Box,
@@ -27971,7 +28007,7 @@ function DataGrid({
                   ),
                   children: [
                     imageField && (() => {
-                      const imgUrl = resolveImageUrl(getNestedValue(itemData, imageField));
+                      const imgUrl = resolveImageUrl(core.getNestedValue(itemData, imageField));
                       if (!imgUrl) return null;
                       return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
@@ -28008,7 +28044,7 @@ function DataGrid({
                           )
                         ] }),
                         badgeFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", className: "flex-wrap", children: badgeFields.map((field) => {
-                          const val = getNestedValue(itemData, field.name);
+                          const val = core.getNestedValue(itemData, field.name);
                           if (val === void 0 || val === null || val === "") return null;
                           return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                             field.icon && renderIconInput(field.icon, { size: "xs" }),
@@ -28049,12 +28085,12 @@ function DataGrid({
                     ] }) }),
                     bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-4 pt-2 pb-4 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xs", children: [
                       bodyFields.filter((f3) => f3.variant === "caption" && f3.format !== "boolean").map((field) => {
-                        const value = getNestedValue(itemData, field.name);
+                        const value = core.getNestedValue(itemData, field.name);
                         if (value === void 0 || value === null || value === "") return null;
                         return /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", color: "secondary", className: "line-clamp-2", children: formatValue(value, field.format) }, field.name);
                       }),
                       /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "md", className: "flex-wrap gap-y-1", children: bodyFields.filter((f3) => f3.variant !== "caption" || f3.format === "boolean").map((field) => {
-                        const value = getNestedValue(itemData, field.name);
+                        const value = core.getNestedValue(itemData, field.name);
                         if (value === void 0 || value === null || value === "") return null;
                         if (field.format === "boolean") {
                           return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
@@ -28172,7 +28208,7 @@ function formatValue2(value, format, boolLabels) {
 function groupData(items, field) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
-    const key = String(getNestedValue(item, field) ?? "");
+    const key = String(core.getNestedValue(item, field) ?? "");
     const group = groups.get(key);
     if (group) group.push(item);
     else groups.set(key, [item]);
@@ -28365,7 +28401,7 @@ function DataList({
     const contentField = titleField?.name ?? fieldDefs[0]?.name ?? "";
     const senderLabel = (itemData, raw) => {
       if (!senderLabelField) return raw;
-      const v = getNestedValue(itemData, senderLabelField);
+      const v = core.getNestedValue(itemData, senderLabelField);
       return v === void 0 || v === null || v === "" ? raw : String(v);
     };
     return /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "sm", className: cn("py-2", className), children: [
@@ -28373,11 +28409,11 @@ function DataList({
         group.label && /* @__PURE__ */ jsxRuntime.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 sender = senderField ? String(core.getNestedValue(itemData, senderField) ?? "") : "";
           const isSent = Boolean(currentUser && sender === currentUser);
-          const content = getNestedValue(itemData, contentField);
+          const content = core.getNestedValue(itemData, contentField);
           const timestampField = fieldDefs.find((f3) => f3.format === "date");
-          const timestamp = timestampField ? getNestedValue(itemData, timestampField.name) : null;
+          const timestamp = timestampField ? core.getNestedValue(itemData, timestampField.name) : null;
           const metaFields = fieldDefs.filter(
             (f3) => f3.name !== contentField && f3.name !== timestampField?.name
           );
@@ -28403,7 +28439,7 @@ function DataList({
                     !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "font-semibold mb-0.5", children: senderLabel(itemData, sender) }),
                     /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                     metaFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "xs", className: "mt-1 flex-wrap", children: metaFields.map((f3) => {
-                      const v = getNestedValue(itemData, f3.name);
+                      const v = core.getNestedValue(itemData, f3.name);
                       if (v === void 0 || v === null || v === "") return null;
                       return f3.variant === "badge" ? (
                         // `format` applies here too — a boolean field badged
@@ -28491,7 +28527,7 @@ function DataList({
       );
     }
     const id = itemData.id || String(index);
-    const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+    const titleValue = core.getNestedValue(itemData, titleField?.name ?? "");
     return wrapDnd(
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { "data-entity-row": true, "data-entity-id": id, onClick: rowClickEvent ? handleRowClick(itemData) : void 0, className: cn(rowClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -28520,7 +28556,7 @@ function DataList({
                     }
                   ),
                   badgeFields.map((field) => {
-                    const val = getNestedValue(itemData, field.name);
+                    const val = core.getNestedValue(itemData, field.name);
                     if (val === void 0 || val === null) return null;
                     return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
                       field.icon && renderIconInput2(field.icon, { size: "xs" }),
@@ -28529,7 +28565,7 @@ function DataList({
                   })
                 ] }),
                 bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(HStack, { gap: "md", className: cn("flex-wrap", isCompact ? "mt-0.5" : "mt-1.5"), children: bodyFields.map((field) => {
-                  const value = getNestedValue(itemData, field.name);
+                  const value = core.getNestedValue(itemData, field.name);
                   if (value === void 0 || value === null || value === "") return null;
                   return /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center", children: [
                     field.icon && renderIconInput2(field.icon, { size: "xs", className: "text-muted-foreground" }),
@@ -28549,7 +28585,7 @@ function DataList({
                   ] }, field.name);
                 }) }),
                 progressFields.map((field) => {
-                  const value = getNestedValue(itemData, field.name);
+                  const value = core.getNestedValue(itemData, field.name);
                   if (typeof value !== "number") return null;
                   return /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "mt-2 max-w-xs", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(HStack, { gap: "xs", className: "items-center mb-1", children: [
@@ -34828,7 +34864,7 @@ function statusVariant4(value) {
 function groupData2(items, field) {
   const groups = /* @__PURE__ */ new Map();
   for (const item of items) {
-    const key = String(getNestedValue(item, field) ?? "");
+    const key = String(core.getNestedValue(item, field) ?? "");
     const group = groups.get(key);
     if (group) group.push(item);
     else groups.set(key, [item]);
@@ -34944,7 +34980,7 @@ function TableView({
   const colFloors = React87__namespace.default.useMemo(
     () => colDefs.map((col) => {
       const longest = data.reduce((widest, row) => {
-        const cell = formatCell(asFieldValue(getNestedValue(row, col.field ?? col.key)), col.format);
+        const cell = formatCell(asFieldValue(core.getNestedValue(row, col.field ?? col.key)), col.format);
         return Math.max(widest, cell.length);
       }, columnLabel(col).length);
       const chrome = col.format === "badge" ? BADGE_CHROME_CH : 0;
@@ -35036,7 +35072,7 @@ function TableView({
             }
           ) }),
           hasRenderProp ? /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "flex-1 min-w-0", children: children(row, index) }) : colDefs.map((col) => {
-            const raw = asFieldValue(getNestedValue(row, col.field ?? col.key));
+            const raw = asFieldValue(core.getNestedValue(row, col.field ?? col.key));
             const cellBase = cn(
               "flex items-center min-w-0",
               alignClass[col.align ?? "left"],
@@ -38965,7 +39001,7 @@ function DocumentDetails({
   };
   const renderValue = (field) => {
     const name = fieldName(field);
-    const raw = getNestedValue(entity ?? {}, name);
+    const raw = core.getNestedValue(entity ?? {}, name);
     const kind = fieldKind(field, raw);
     const label = field.label ?? field.header ?? humanizeFieldName(name);
     if (kind === "image") {
@@ -41672,11 +41708,11 @@ var init_WizardContainer = __esm({
 });
 function calculateComplexity(schema) {
   if (!schema) return 1;
-  const entities = schema.dataEntities?.length || 0;
+  const entities = schema.dataEntities || 0;
   const pages = schema.ui?.pages?.length || 0;
-  const traits2 = schema.traits?.length || 0;
+  const traits2 = schema.traits || 0;
   const sections = schema.ui?.pages?.reduce(
-    (acc, page) => acc + (page.sections?.length || 0),
+    (acc, page) => acc + (page.sections || 0),
     0
   ) || 0;
   return entities * 3 + pages * 2 + traits2 * 2 + sections * 1;
@@ -43994,7 +44030,7 @@ function DataTable({
                   }
                 ) }),
                 normalizedColumns.map((col) => {
-                  const cellValue = getNestedValue(
+                  const cellValue = core.getNestedValue(
                     row,
                     String(col.key)
                   );
@@ -44437,7 +44473,7 @@ var init_DetailPanel = __esm({
           ...section,
           fields: section.fields.map((field) => {
             if (typeof field === "string") {
-              const value = getNestedValue(normalizedData, field);
+              const value = core.getNestedValue(normalizedData, field);
               return {
                 label: labelFor(field),
                 value: formatFieldValue2(value, field)
@@ -44477,7 +44513,7 @@ var init_DetailPanel = __esm({
         if (otherFields.length > 0) {
           const overviewFields = [];
           otherFields.forEach((field) => {
-            const value = getNestedValue(normalizedData, field);
+            const value = core.getNestedValue(normalizedData, field);
             if (value !== void 0 && value !== null) {
               overviewFields.push({
                 label: labelFor(field),
@@ -44492,7 +44528,7 @@ var init_DetailPanel = __esm({
         if (progressFields.length > 0 || metricFields.length > 0) {
           const metricsFields = [];
           [...progressFields, ...metricFields].forEach((field) => {
-            const value = getNestedValue(normalizedData, field);
+            const value = core.getNestedValue(normalizedData, field);
             if (value !== void 0 && value !== null) {
               metricsFields.push({
                 label: labelFor(field),
@@ -44507,7 +44543,7 @@ var init_DetailPanel = __esm({
         if (dateFields.length > 0) {
           const timelineFields = [];
           dateFields.forEach((field) => {
-            const value = getNestedValue(normalizedData, field);
+            const value = core.getNestedValue(normalizedData, field);
             if (value !== void 0 && value !== null) {
               timelineFields.push({
                 label: labelFor(field),
@@ -44522,7 +44558,7 @@ var init_DetailPanel = __esm({
         if (descriptionFields.length > 0) {
           const descFields = [];
           descriptionFields.forEach((field) => {
-            const value = getNestedValue(normalizedData, field);
+            const value = core.getNestedValue(normalizedData, field);
             if (value !== void 0 && value !== null) {
               descFields.push({
                 label: labelFor(field),
@@ -44579,7 +44615,7 @@ var init_DetailPanel = __esm({
         for (const section of sections) {
           for (const field of section.fields) {
             if (typeof field === "string") {
-              const value = normalizedData ? getNestedValue(normalizedData, field) : void 0;
+              const value = normalizedData ? core.getNestedValue(normalizedData, field) : void 0;
               allFields.push({
                 label: labelFor(field),
                 value: renderRichFieldValue(value, field, fieldTypeMap[field], metaFor(field))
@@ -44598,7 +44634,7 @@ var init_DetailPanel = __esm({
         normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
           (f3) => f3.toLowerCase().includes("status") || f3.toLowerCase().includes("priority")
         ).map((field) => {
-          const value = getNestedValue(normalizedData, field);
+          const value = core.getNestedValue(normalizedData, field);
           if (!value) return null;
           return /* @__PURE__ */ jsxRuntime.jsx(
             Badge,
@@ -44729,7 +44765,7 @@ var init_DetailPanel = __esm({
         normalizedData && effectiveFieldNames && effectiveFieldNames.filter(
           (f3) => f3.toLowerCase().includes("progress") || f3.toLowerCase().includes("percent")
         ).map((field) => {
-          const value = getNestedValue(normalizedData, field);
+          const value = core.getNestedValue(normalizedData, field);
           if (value === void 0 || value === null || typeof value !== "number")
             return null;
           return /* @__PURE__ */ jsxRuntime.jsxs(VStack, { gap: "xs", className: "w-full", children: [
@@ -46551,14 +46587,14 @@ var init_List = __esm({
           };
           if (effectiveFieldNames && effectiveFieldNames.length > 0) {
             const firstField = effectiveFieldNames[0];
-            if (!normalizedItem.title && getNestedValue(item, firstField)) {
+            if (!normalizedItem.title && core.getNestedValue(item, firstField)) {
               normalizedItem.title = String(
-                getNestedValue(item, firstField)
+                core.getNestedValue(item, firstField)
               );
             }
             normalizedItem._fields = effectiveFieldNames.reduce(
               (acc, field) => {
-                const value = getNestedValue(item, field);
+                const value = core.getNestedValue(item, field);
                 if (value !== void 0 && value !== null) {
                   acc[field] = value;
                 }
@@ -52451,15 +52487,19 @@ function runTickFrame(entityId, orderedWriters, store) {
 }
 var log3 = logger.createLogger("almadar:ui:effects:client-handlers");
 function createClientEffectHandlers(options) {
-  const { eventBus, slotSetter, navigate, navigateBack, notify, callService, liveEntity } = options;
+  const { eventBus, slotSetter, navigate, navigateBack, notify, callService, liveEntity, persistDelegated } = options;
   return {
     emit: (event, payload, source) => {
       const prefixedEvent = event.startsWith("UI:") ? event : `UI:${event}`;
       eventBus.emit(prefixedEvent, payload, source);
     },
     persist: async () => {
-      log3.warn("persist is server-side only, ignored on client");
+      log3.debug("persist is server-side only, ignored on client");
     },
+    // Bridge mode: the server runs every persist and the response
+    // carries its outcome — tell the executor so the placeholder above is
+    // never read as a denial (see `EffectHandlers.persistDelegated`).
+    ...persistDelegated === true ? { persistDelegated: true } : {},
     // @almadar/runtime EffectHandlers.set types value:unknown — should be FieldValue (upstream fix queued)
     set: ((_entityId, field, value) => {
       if (!liveEntity) {
@@ -52728,7 +52768,6 @@ var SYNC_TICK_OPERATORS = /* @__PURE__ */ new Set([
   "do",
   "when"
 ]);
-var LIFECYCLE_EVENTS = ["INIT", "LOAD", "$MOUNT"];
 function toTraitDefinition(binding) {
   return {
     name: binding.trait.name,
@@ -52768,17 +52807,14 @@ function classifySharedTick(tick) {
   if (renders) return "renderer";
   return "neither";
 }
-function buildTraitRenderConfig(binding, traitConfigsByName, payload) {
+function buildTraitRenderConfig(binding, traitConfigsByName) {
   const declaredDefaults = runtime.collectDeclaredConfigDefaults(binding.trait);
   const resolvedDefaults = traitConfigsByName?.[binding.trait.name];
   const callSiteConfig = getBindingConfig(binding);
-  const callSiteOverrides = callSiteConfig ? runtime.resolveCallSitePayloadCaptures(
-    Object.fromEntries(
-      Object.entries(callSiteConfig).filter(
-        ([, v]) => !containsConfigForward(v)
-      )
-    ),
-    payload
+  const callSiteOverrides = callSiteConfig ? Object.fromEntries(
+    Object.entries(callSiteConfig).filter(
+      ([, v]) => !containsConfigForward(v)
+    )
   ) : void 0;
   if (declaredDefaults || resolvedDefaults || callSiteOverrides) {
     return {
@@ -52849,12 +52885,40 @@ function evalFieldDefault(value) {
     return value;
   }
 }
+function isPersistTraceAction(value) {
+  return value === "create" || value === "update" || value === "delete" || value === "batch";
+}
+function overlayServerEffectResults(effectTraces, serverResults) {
+  if (serverResults.length === 0) return effectTraces;
+  const queues = /* @__PURE__ */ new Map();
+  for (const result of serverResults) {
+    const queue = queues.get(result.effect);
+    if (queue) queue.push(result);
+    else queues.set(result.effect, [result]);
+  }
+  return effectTraces.map((trace) => {
+    const match = queues.get(trace.type)?.shift();
+    if (!match) return trace;
+    const resultId = match.data && typeof match.data === "object" && !Array.isArray(match.data) ? match.data.id : void 0;
+    const outcome = match.success ? "success" : match.denied ? "denied" : "failed";
+    return {
+      ...trace,
+      ...match.entityType !== void 0 ? { entityName: match.entityType } : {},
+      ...match.action !== void 0 && isPersistTraceAction(match.action) ? { action: match.action } : {},
+      ...resultId !== void 0 ? { resultId } : {},
+      outcome,
+      status: match.success ? "executed" : "failed",
+      ...match.error !== void 0 ? { error: match.error } : {}
+    };
+  });
+}
 function useTraitStateMachine(traitBindings, uiSlots, options) {
   sharedEntityLog.debug("useTraitStateMachine start", { traitBindingsCount: traitBindings.length, traitNames: traitBindings.map((b) => b.trait.name) });
   const eventBus = useEventBus();
   const { entities } = providers.useEntitySchema();
   const traitConfigsByName = options?.traitConfigsByName;
   const orbitalsByTrait = options?.orbitalsByTrait;
+  const callsiteCaptureChildrenByTrait = options?.callsiteCaptureChildrenByTrait;
   const sharedEntityStore = useSharedEntityStore();
   const sharedGroups = React87.useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
@@ -53112,7 +53176,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     };
   }, [traitBindings]);
   const executeTransitionEffects = React87.useCallback(async (params) => {
-    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log11 } = params;
+    const { binding, previousState, newState, payload, flushEvent, syncOnly, log: log11, callsitePayload } = params;
     const traitName = binding.trait.name;
     const linkedEntity = binding.linkedEntity || "";
     const entityId = payload?.entityId;
@@ -53134,7 +53198,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const effects = syncOnly ? params.effects.filter(
       (e) => Array.isArray(e) && SYNC_TICK_OPERATORS.has(String(e[0]))
     ) : params.effects;
-    if (effects.length === 0) return [];
+    if (effects.length === 0) return { emitted: [], serverEffectResults: [] };
     const pendingSlots = /* @__PURE__ */ new Map();
     ({
       traitDefinition: binding.trait
@@ -53171,10 +53235,15 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       // the trait's one live store — the same object bound below. This is
       // what makes a [runtime] entity's set (from ticks AND events) reach
       // the render-ui + next tick + guards.
-      liveEntity
+      liveEntity,
+      // No local persistence adapter (bridge mode, or a syncOnly tick):
+      // nothing persists client-side, the server owns the write and
+      // reports it — never read the placeholder as a denial.
+      persistDelegated: (syncOnly ? void 0 : optionsRef.current?.persistence) === void 0
     });
     const persistence = syncOnly ? void 0 : optionsRef.current?.persistence;
     let handlers = clientHandlers;
+    const serverEffectResults = [];
     if (persistence) {
       const sharedBindings = {
         // Seed `@entity` from the trait's scalar field state (a real
@@ -53186,16 +53255,16 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         payload: payload || {},
         state: previousState
       };
+      if (callsitePayload) {
+        sharedBindings.callsitePayload = callsitePayload;
+      }
       const sharedDeclared = runtime.collectDeclaredConfigDefaults(binding.trait);
       const sharedResolved = traitConfigsByName?.[traitName];
       const sharedCallSiteRaw = getBindingConfig(binding);
-      const sharedCallSite = sharedCallSiteRaw ? runtime.resolveCallSitePayloadCaptures(
-        Object.fromEntries(
-          Object.entries(sharedCallSiteRaw).filter(
-            ([, v]) => !containsConfigForward(v)
-          )
-        ),
-        payload || {}
+      const sharedCallSite = sharedCallSiteRaw ? Object.fromEntries(
+        Object.entries(sharedCallSiteRaw).filter(
+          ([, v]) => !containsConfigForward(v)
+        )
       ) : void 0;
       if (sharedDeclared || sharedResolved || sharedCallSite) {
         sharedBindings.config = {
@@ -53219,7 +53288,8 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         },
         source: { trait: traitName },
         // @almadar/runtime callService types params:unknown/Promise<unknown> — should be ServiceParams/EventPayload (upstream fix queued)
-        callService: optionsRef.current?.callService
+        callService: optionsRef.current?.callService,
+        effectResults: serverEffectResults
       });
       handlers = {
         ...serverHandlers,
@@ -53254,7 +53324,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       payload: payload || {},
       state: previousState
     };
-    const renderConfig = buildTraitRenderConfig(binding, traitConfigsByName, payload || {});
+    if (callsitePayload) {
+      bindingCtx.callsitePayload = callsitePayload;
+    }
+    const renderConfig = buildTraitRenderConfig(binding, traitConfigsByName);
     if (renderConfig !== void 0) {
       bindingCtx.config = renderConfig;
     }
@@ -53345,8 +53418,42 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         effectCount: effects.length
       });
     }
-    return emittedDuringExec;
+    return { emitted: emittedDuringExec, serverEffectResults };
   }, [eventBus, flushSlot, sharedEntityStore, publishBindingSnapshot, orbitalsByTrait]);
+  const reRenderCallsiteCaptureChildren = React87.useCallback(async (traitName, callsitePayload, entityByTrait, log11, visited = /* @__PURE__ */ new Set()) => {
+    const children = callsiteCaptureChildrenByTrait?.get(traitName);
+    if (!children || children.size === 0) return;
+    const mgr = managerRef.current;
+    const bindingMap = new Map(traitBindingsRef.current.map((b) => [b.trait.name, b]));
+    for (const childName of children) {
+      if (visited.has(childName)) continue;
+      visited.add(childName);
+      const childBinding = bindingMap.get(childName);
+      if (!childBinding) continue;
+      const lifecycleEvent = runtime.LIFECYCLE_EVENTS.find((evt) => mgr.canHandleEvent(childName, evt));
+      if (lifecycleEvent === void 0) continue;
+      const [entry] = mgr.sendEvent(lifecycleEvent, {}, void 0, entityByTrait, void 0, childName);
+      if (!entry || !entry.result.executed) continue;
+      log11.debug("callsite-capture-child:rerender", {
+        referrer: traitName,
+        child: childName,
+        lifecycleEvent,
+        callsitePayload: JSON.stringify(callsitePayload)
+      });
+      await executeTransitionEffects({
+        binding: childBinding,
+        effects: entry.result.effects,
+        previousState: entry.result.previousState,
+        newState: entry.result.newState,
+        payload: {},
+        flushEvent: lifecycleEvent,
+        syncOnly: false,
+        log: log11,
+        callsitePayload
+      });
+      await reRenderCallsiteCaptureChildren(childName, callsitePayload, entityByTrait, log11, visited);
+    }
+  }, [callsiteCaptureChildrenByTrait, executeTransitionEffects]);
   const runTickEffects = React87.useCallback((tick, binding) => {
     const traitName = binding.trait.name;
     const currentState = traitStatesRef.current.get(traitName)?.currentState ?? "";
@@ -53484,6 +53591,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       executedTraits: results.map((r) => r.traitName).join(",")
     });
     const emittedByTrait = /* @__PURE__ */ new Map();
+    const serverEffectResultsByTrait = /* @__PURE__ */ new Map();
     bridgeEchoPendingRef.current.clear();
     for (const { traitName, result } of results) {
       const binding = bindingMap.get(traitName);
@@ -53528,7 +53636,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           effects: JSON.stringify(result.effects)
         }));
         const _perfT2 = ui.perfStart("processEvent:executeAll");
-        const emittedDuringExec = await executeTransitionEffects({
+        const { emitted: emittedDuringExec, serverEffectResults: transitionServerEffectResults } = await executeTransitionEffects({
           binding,
           // upstream gap: /runtime TransitionResult.effects is unknown[] — they are SExpr at runtime (see Almadar_UI_Gaps.md)
           effects: result.effects,
@@ -53541,12 +53649,14 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
         });
         ui.perfEnd("processEvent:executeAll", _perfT2);
         emittedByTrait.set(traitName, emittedDuringExec);
+        serverEffectResultsByTrait.set(traitName, transitionServerEffectResults);
         for (const emittedKey of emittedDuringExec) {
           bridgeEchoPendingRef.current.set(
             emittedKey,
             (bridgeEchoPendingRef.current.get(emittedKey) ?? 0) + 1
           );
         }
+        await reRenderCallsiteCaptureChildren(traitName, payload ?? {}, entityByTrait, stateLog);
       } else if (!result.executed) {
         if (result.guardResult === false) {
           stateLog.debug("guard-blocked-transition", {
@@ -53575,7 +53685,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     for (const { traitName, result } of results) {
       if (result.executed) {
         updateTraitState(traitName, result.newState);
-        const effectTraces = result.effects.map(
+        const reconstructedEffectTraces = result.effects.map(
           (e) => {
             if (Array.isArray(e)) {
               const head = String(e[0] ?? "unknown");
@@ -53594,6 +53704,10 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
             };
           }
         );
+        const effectTraces = overlayServerEffectResults(
+          reconstructedEffectTraces,
+          serverEffectResultsByTrait.get(traitName) ?? []
+        );
         const emittedEvents = emittedByTrait.get(traitName) ?? [];
         recordTransition({
           traitName,
@@ -53640,7 +53754,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     }
     ui.perfEnd("processEvent:total", _perfT0);
     ui.perfEnd(`event:${normalizedEvent}`, _perfT0);
-  }, [entities, eventBus, sharedEntityStore]);
+  }, [entities, eventBus, sharedEntityStore, reRenderCallsiteCaptureChildren]);
   const drainEventQueue = React87.useCallback(async () => {
     if (processingRef.current) return;
     processingRef.current = true;
@@ -53695,7 +53809,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
       if (!orbitalName) continue;
       for (const transition of binding.trait.transitions) {
         const eventKey = transition.event;
-        if (LIFECYCLE_EVENTS.includes(eventKey)) {
+        if (runtime.LIFECYCLE_EVENTS.includes(eventKey)) {
           continue;
         }
         const selfBusKey = `UI:${orbitalName}.${traitName}.${eventKey}`;
@@ -53725,7 +53839,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     for (const binding of traitBindings) {
       for (const transition of binding.trait.transitions) {
         const eventKey = transition.event;
-        if (LIFECYCLE_EVENTS.includes(eventKey)) continue;
+        if (runtime.LIFECYCLE_EVENTS.includes(eventKey)) continue;
         if (bareCascadeKeys.has(eventKey)) continue;
         bareCascadeKeys.add(eventKey);
         const bareKey = `UI:${eventKey}`;
@@ -53789,7 +53903,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     const eventsToFire = /* @__PURE__ */ new Set();
     for (const binding of traitBindings) {
       const traitName = binding.trait.name;
-      const lifecycleEvent = LIFECYCLE_EVENTS.find(
+      const lifecycleEvent = runtime.LIFECYCLE_EVENTS.find(
         (evt) => mgr.canHandleEvent(traitName, evt)
       );
       if (lifecycleEvent !== void 0) {
@@ -53815,7 +53929,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
     getConfig: (traitName) => {
       const binding = traitBindingsRef.current.find((b) => b.trait.name === traitName);
       if (binding === void 0) return void 0;
-      return buildTraitRenderConfig(binding, traitConfigsByName, {});
+      return buildTraitRenderConfig(binding, traitConfigsByName);
     },
     getState: (traitName) => traitStatesRef.current.get(traitName)?.currentState ?? "",
     subscribe: (traitName, callback) => {
@@ -53967,6 +54081,23 @@ function normalizeChild(child) {
     props: { ...rest, ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {} }
   };
 }
+function effectResultsToTraces(results) {
+  if (!results) return [];
+  return results.map((r) => {
+    const resultId = r.data !== void 0 && r.data !== null && "id" in r.data && typeof r.data.id === "string" ? r.data.id : void 0;
+    const outcome = r.denied ? "denied" : r.success ? "success" : "failed";
+    return {
+      type: r.effect,
+      ...r.entityType !== void 0 ? { entityName: r.entityType } : {},
+      ...r.action !== void 0 && (r.action === "create" || r.action === "update" || r.action === "delete" || r.action === "batch") ? { action: r.action } : {},
+      ...resultId !== void 0 ? { resultId } : {},
+      outcome,
+      args: [],
+      status: outcome === "success" ? "executed" : "failed",
+      error: r.error
+    };
+  });
+}
 function applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraits, onNavigateBack) {
   for (const eff of effects) {
     if (eff.type === "render-ui" && eff.slot && eff.pattern) {
@@ -54048,7 +54179,7 @@ function NavStackRefBridge({ apiRef }) {
   }, [api, apiRef]);
   return null;
 }
-function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNavigate, onNavigateBack, onLocalFallback, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, serverActiveTraits, children }) {
+function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNavigate, onNavigateBack, onLocalFallback, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, serverActiveTraits, children }) {
   const bridge = providers.useServerBridge();
   const activeTraitNames = React87.useMemo(
     () => new Set(traits2.map((b) => b.trait.name).filter((n) => !!n)),
@@ -54077,12 +54208,12 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
         continue;
       }
       void bridge.sendEvent(name, event, withActiveTraits(payload)).then(({ effects, meta }) => {
-        recordServerResponse(name, event, meta);
+        recordServerResponse(name, event, { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits, activeTraitNames, onNavigateBack);
       });
     }
   }, [bridge.connected, bridge.sendEvent, orbitalNames, uiSlots, onNavigate, onNavigateBack, embeddedTraits, activeTraitNames, withActiveTraits]);
-  const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, navigateBack: onNavigateBack, traitConfigsByName, orbitalsByTrait, embeddedTraits, initPayload: routeParams } : { navigate: onNavigate, navigateBack: onNavigateBack, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, initPayload: routeParams };
+  const opts = orbitalNames ? { onEventProcessed, navigate: onNavigate, navigateBack: onNavigateBack, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams } : { navigate: onNavigate, navigateBack: onNavigateBack, persistence, traitConfigsByName, orbitalsByTrait, embeddedTraits, callsiteCaptureChildrenByTrait, initPayload: routeParams };
   const { sendEvent, entityBindingSource } = useTraitStateMachine(traits2, uiSlots, opts);
   const initSentRef = React87.useRef(false);
   const prevTraitsRef = React87.useRef(void 0);
@@ -54124,7 +54255,7 @@ function TraitInitializer({ traits: traits2, routeParams, orbitalNames, onNaviga
     (async () => {
       for (const name of orbitalNames) {
         const { effects, meta } = await bridge.sendEvent(name, "INIT", withActiveTraits({ ...routeParams ?? {} }));
-        recordServerResponse(name, "INIT", meta);
+        recordServerResponse(name, "INIT", { ...meta, effectResults: effectResultsToTraces(meta.effectResults) });
         const effectTraces = [
           { type: "fetch", args: [], status: "executed" },
           ...effects.map((eff) => ({
@@ -54257,6 +54388,18 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
     () => core.buildResolvedTraitConfigs(schema),
     [schema]
   );
+  const callsiteCaptureChildrenByTrait = React87.useMemo(() => {
+    const merged = /* @__PURE__ */ new Map();
+    const orbitals = schema?.orbitals;
+    if (orbitals) {
+      for (const orbital of orbitals) {
+        for (const [referrer, children] of core.collectCallsiteCaptureChildren(orbital)) {
+          merged.set(referrer, children);
+        }
+      }
+    }
+    return merged;
+  }, [schema]);
   const embeddedTraits = React87.useMemo(() => {
     const set = ui.collectEmbeddedTraits(schema);
     xOrbitalLog.info("SchemaRunner:embeddedTraits", {
@@ -54293,6 +54436,7 @@ function SchemaRunner({ schema, serverUrl, transport, getAccessToken, mockData,
           traitConfigsByName,
           orbitalsByTrait,
           embeddedTraits,
+          callsiteCaptureChildrenByTrait,
           serverActiveTraits,
           onNavigate,
           onNavigateBack,