@almadar/ui 6.10.0 → 6.11.0

package/dist/components/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');
@@ -14114,6 +14115,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, log5, 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; exports.CodeBlock = void 0;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
@@ -14379,6 +14389,7 @@ var init_CodeBlock = __esm({
         showLineNumbers = false,
         wordWrap = false,
         files,
+        naturalLanguages,
         actions,
         isLoading = false,
         error,
@@ -14425,7 +14436,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] = React79.useState(() => naturalTabs?.[0] ?? "en");
+        const activeNaturalLanguage = naturalTabs?.includes(naturalLanguage) === true ? naturalLanguage : naturalTabs?.[0] ?? "en";
+        const translationCache = React79.useMemo(() => /* @__PURE__ */ new Map(), [englishCode, files]);
+        const translateFor = React79.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(
+          exports.Box,
+          {
+            className: "border-b border-border",
+            dir: i18n.coreTables[activeNaturalLanguage].meta.rtl ? "rtl" : "ltr",
+            "data-testid": "codeblock-language-tabs",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              exports.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);
@@ -14438,8 +14490,8 @@ var init_CodeBlock = __esm({
         const [wrap, setWrap] = React79.useState(wordWrap);
         const [activeFileIndex, setActiveFileIndex] = React79.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);
@@ -14924,6 +14976,7 @@ var init_CodeBlock = __esm({
             content: null
           }));
           return /* @__PURE__ */ jsxRuntime.jsx(exports.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(exports.Box, { className: "border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
               exports.Tabs,
               {
@@ -14985,7 +15038,7 @@ var init_CodeBlock = __esm({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(exports.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(exports.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;
@@ -15012,6 +15065,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.
@@ -15163,6 +15217,7 @@ var init_CodeBlock = __esm({
             {
               ref: scrollRef,
               onCopy: handleSelectionCopy,
+              dir: "ltr",
               style: {
                 flex: 1,
                 minHeight: 0,
@@ -15181,7 +15236,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
     );
     exports.CodeBlock.displayName = "CodeBlock";
   }
@@ -18876,26 +18931,6 @@ var init_ButtonGroup = __esm({
     exports.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;
@@ -19023,11 +19058,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;
@@ -19162,8 +19197,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(
       exports.Box,
@@ -19284,7 +19319,7 @@ function CalendarGrid({
                       children: /* @__PURE__ */ jsxRuntime.jsxs(exports.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(
                             exports.Box,
                             {
@@ -21011,7 +21046,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 });
@@ -21044,8 +21079,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(
             exports.Box,
             {
@@ -21060,7 +21095,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(exports.Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
                     "img",
@@ -21092,7 +21127,7 @@ var init_CardGrid = __esm({
                   )) })
                 ] }) }),
                 bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 py-3 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(exports.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);
@@ -25638,7 +25673,7 @@ function DataGrid({
                 )
               );
             }
-            const titleValue = getNestedValue(itemData, titleField?.name ?? "");
+            const titleValue = core.getNestedValue(itemData, titleField?.name ?? "");
             return wrapDnd(
               /* @__PURE__ */ jsxRuntime.jsxs(
                 exports.Box,
@@ -25657,7 +25692,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(exports.Box, { className: "w-full aspect-video overflow-hidden rounded-t-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
                         "img",
@@ -25694,7 +25729,7 @@ function DataGrid({
                           )
                         ] }),
                         badgeFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.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(exports.HStack, { gap: "xs", className: "items-center", children: [
                             field.icon && renderIconInput(field.icon, { size: "xs" }),
@@ -25735,12 +25770,12 @@ function DataGrid({
                     ] }) }),
                     bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "px-4 pt-2 pb-4 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.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(exports.Typography, { variant: "small", color: "secondary", className: "line-clamp-2", children: formatValue(value, field.format) }, field.name);
                       }),
                       /* @__PURE__ */ jsxRuntime.jsx(exports.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(exports.HStack, { gap: "xs", className: "items-center", children: [
@@ -25858,7 +25893,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]);
@@ -26051,7 +26086,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(exports.VStack, { gap: "sm", className: cn("py-2", className), children: [
@@ -26059,11 +26094,11 @@ function DataList({
         group.label && /* @__PURE__ */ jsxRuntime.jsx(exports.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
           );
@@ -26089,7 +26124,7 @@ function DataList({
                     !isSent && senderField && /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "caption", className: "font-semibold mb-0.5", children: senderLabel(itemData, sender) }),
                     /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body", className: cn(isSent && "text-primary-foreground"), children: content !== void 0 && content !== null ? String(content) : "" }),
                     metaFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.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
@@ -26177,7 +26212,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(exports.Box, { "data-entity-row": true, "data-entity-id": id, onClick: rowClickEvent ? handleRowClick(itemData) : void 0, className: cn(rowClickEvent && "cursor-pointer"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -26206,7 +26241,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(exports.HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
                       field.icon && renderIconInput2(field.icon, { size: "xs" }),
@@ -26215,7 +26250,7 @@ function DataList({
                   })
                 ] }),
                 bodyFields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(exports.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(exports.HStack, { gap: "xs", className: "items-center", children: [
                     field.icon && renderIconInput2(field.icon, { size: "xs", className: "text-muted-foreground" }),
@@ -26235,7 +26270,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(exports.Box, { className: "mt-2 max-w-xs", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center mb-1", children: [
@@ -36102,7 +36137,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]);
@@ -36218,7 +36253,7 @@ function TableView({
   const colFloors = React79__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;
@@ -36310,7 +36345,7 @@ function TableView({
             }
           ) }),
           hasRenderProp ? /* @__PURE__ */ jsxRuntime.jsx(exports.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"],
@@ -40377,7 +40412,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") {
@@ -43084,11 +43119,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;
@@ -45635,7 +45670,7 @@ function DataTable({
                   }
                 ) }),
                 normalizedColumns.map((col) => {
-                  const cellValue = getNestedValue(
+                  const cellValue = core.getNestedValue(
                     row,
                     String(col.key)
                   );
@@ -46078,7 +46113,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)
@@ -46118,7 +46153,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),
@@ -46133,7 +46168,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),
@@ -46148,7 +46183,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),
@@ -46163,7 +46198,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),
@@ -46220,7 +46255,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))
@@ -46239,7 +46274,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(
             exports.Badge,
@@ -46370,7 +46405,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(exports.VStack, { gap: "xs", className: "w-full", children: [
@@ -48192,14 +48227,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;
                 }

package/dist/components/index.d.cts

@@ -3,19 +3,19 @@ import React__default, { ReactNode, ErrorInfo } from 'react';
 import { Asset, EventKey, EventPayload, EventEmit, AssetUrl, FieldValue, EntityRow, EntityRole, AnimationName, SpriteDirection, AnimationDef, ScenePos, Camera, SoundEntry, EntityWith, TraitConfigValue, EventListen, JsonValue, AssetCatalog, JsonObject, EventPayloadValue, DeclaredTraitConfig, TraitConfig, ControlValue, OrbitalSchema, Trait, OrbitalEntity, FormSubmitPayload, UISlot, EditFocus, TraceSubagent, TraceActivity, TraceChatMessage } from '@almadar/core';
 export { AnimationDef, AnimationName, AudioManifest, BusEvent, BusEventListener, BusEventSource, BusEventListener as EventListener, SoundEntry, SpriteDirection, UISlot, Unsubscribe } from '@almadar/core';
 import { LucideIcon } from 'lucide-react';
-import { C as ColorToken, U as UiError, P as Point, L as LinkAction, I as ImageSource } from '../types-B3nHgnMG.cjs';
-export { R as Rect } from '../types-B3nHgnMG.cjs';
+import { C as ColorToken, U as UiError, D as DrawableNode, P as Point, a as Projector, F as FxOverlayItem, M as MeshShapeKind, b as MeshMaterial, c as DrawGroupProps, d as DrawTextProps, e as DrawMeshProps, L as LinkAction, I as ImageSource } from '../paintDispatch-CK5uwYEq.cjs';
+export { f as FxOverlayKind, R as Rect } from '../paintDispatch-CK5uwYEq.cjs';
 import { SExpr } from '@almadar/evaluator';
-import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, g as SpriteFrameDims, R as ResolvedFrame, h as CanvasLighting, i as CanvasPost, a as IsometricUnit, j as CameraState, k as FieldInfo, l as OrbitalTraitInfo, m as OrbitalPageInfo, T as TraitLevelData, E as ExternalLink } from '../avl-schema-parser-FQ1474v8.cjs';
-export { B as BoardTile, G as GameAction, n as GamePhase, o as GameState, p as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, q as UnitTrait, r as calculateAttackTargets, s as calculateValidMoves, t as createInitialGameState } from '../avl-schema-parser-FQ1474v8.cjs';
-import { D as DrawableNode, P as Projector, F as FxOverlayItem, M as MeshShapeKind, a as MeshMaterial, b as DrawGroupProps, c as DrawTextProps, d as DrawMeshProps } from '../paintDispatch-D3R8NNmV.cjs';
-export { e as FxOverlayKind } from '../paintDispatch-D3R8NNmV.cjs';
-export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-Dk_Y3LN3.cjs';
-import { i as EditorMotion, j as EditorOperator, C as ContentSegment, L as LessonSegment, a5 as InteractiveOrbitalType, c as DomLayoutData, e as DomStateNode, V as VisualizerConfig, f as DomTransitionLabel } from '../cn-DnLYahyL.cjs';
-export { a6 as BloomLevel, a7 as BloomQuizBlock, a8 as BloomQuizBlockProps, a9 as MixedSegment, u as cn, Q as parseLessonSegments, aa as parseMarkdownWithCodeBlocks } from '../cn-DnLYahyL.cjs';
+import { U as UnitAnimationState, F as FacingDirection, S as SpriteSheetUrls, g as SpriteFrameDims, R as ResolvedFrame, h as CanvasLighting, i as CanvasPost, a as IsometricUnit, j as CameraState, k as FieldInfo, l as OrbitalTraitInfo, m as OrbitalPageInfo, T as TraitLevelData, E as ExternalLink } from '../avl-schema-parser-PVu8rgsy.cjs';
+export { B as BoardTile, G as GameAction, n as GamePhase, o as GameState, p as GameUnit, b as IsometricFeature, I as IsometricTile, P as Position, q as UnitTrait, r as calculateAttackTargets, s as calculateValidMoves, t as createInitialGameState } from '../avl-schema-parser-PVu8rgsy.cjs';
+export { G as GameAudioContext, a as GameAudioContextValue, e as GameAudioControls, b as GameAudioProvider, c as GameAudioProviderProps, U as UseGameAudioOptions, f as useGameAudio, u as useGameAudioContext } from '../GameAudioProvider-D8GynTNq.cjs';
+import { i as EditorMotion, j as EditorOperator, C as ContentSegment, L as LessonSegment, F as InteractiveOrbitalType, c as DomLayoutData, e as DomStateNode, V as VisualizerConfig, f as DomTransitionLabel } from '../cn-Do5gsPBm.cjs';
+export { G as BloomLevel, H as BloomQuizBlock, J as BloomQuizBlockProps, M as MixedSegment, o as cn, x as parseLessonSegments, K as parseMarkdownWithCodeBlocks } from '../cn-Do5gsPBm.cjs';
+import { LanguageCode } from '@almadar/core/i18n';
 import { EmojiPickPayload, SelectionChangePayload, ItemActionPayload } from '@almadar/core/patterns';
 import { b as SlotContent, d as SlotPropValue } from '../useUISlots-GNwGLlW2.cjs';
 export { D as DEFAULT_SLOTS, S as SlotAnimation, a as SlotChangeCallback, c as SlotRenderConfig, U as UISlotManager, u as useUISlotManager } from '../useUISlots-GNwGLlW2.cjs';
+import '../verificationRegistry-BLsjb1oU.cjs';
 export { ALMADAR_DND_MIME, AuthContextValue, AuthUser, CanvasGestureCallbacks, CanvasGestureHandlers, CompileResult, CompileStage, DragReorderResult, DraggablePayload, Extension, ExtensionManifest, FileSystemFile, FileSystemStatus, GitHubRepo, GitHubStatus, HistoryChangeSummary, HistoryTimelineItem, I18nContextValue, I18nProvider, InfiniteScrollOptions, InfiniteScrollResult, LongPressHandlers, LongPressOptions, OpenFile, Positioned, PullToRefreshOptions, PullToRefreshResult, QuerySingletonEntity, QuerySingletonResult, QuerySingletonState, QueryState, RenderInterpolationHandle, RenderInterpolationOptions, RevertResult, SelectedFile, SharedEntityStore, SharedEntityStoreContext, SharedEntitySubscriber, SharedEntityWriter, SwipeGestureOptions, SwipeGestureResult, SwipeHandlers, TapRevealOptions, TapRevealResult, TraitListenSpec, TranslateFunction, UseCanvasGesturesOptions, UseCompileResult, UseDraggableOptions, UseDraggableResult, UseDropZoneOptions, UseDropZoneResult, UseExtensionsOptions, UseExtensionsResult, UseFileEditorOptions, UseFileEditorResult, UseFileSystemResult, UseOrbitalHistoryOptions, UseOrbitalHistoryResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, useOrbitalHistory, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation } from '../hooks/index.cjs';
 export { E as EditorKeyEvent, a as KeyCaptureEntry, K as KeyCaptureTable, U as UseKeyboardRouterOptions, k as keyChord, m as mergeCaptureTables, u as useEmitEvent, b as useEventBus, c as useEventListener, d as useKeyboardRouter } from '../useKeyboardRouter-CVn8lfiX.cjs';
 export { E as EventBusContextType } from '../event-bus-types-Bl78kokd.cjs';
@@ -5648,6 +5648,15 @@ interface CodeBlockProps {
     wordWrap?: boolean;
     /** Multiple files shown as tabs */
     files?: readonly CodeViewerFile[];
+    /**
+     * Show the program in these natural languages as tabs, translating on the
+     * fly. Only meaningful for `language` 'lolo' / 'orb'; ignored otherwise.
+     *
+     * Fewer than two entries renders exactly as without the prop. `editable`
+     * wins: editing a translation is not a thing, so the English source is
+     * shown and this is ignored.
+     */
+    naturalLanguages?: readonly LanguageCode[];
     /** Action badges in the toolbar */
     actions?: readonly CodeViewerAction[];
     /** Loading state */
@@ -8331,6 +8340,8 @@ interface SwipeAction {
     icon?: IconInput;
     variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
     event: EventKey;
+    /** Payload included with the `event` emit
+     *  @payloadFor event */
     eventPayload?: EventPayload;
 }
 interface SwipeableRowProps {
@@ -8338,7 +8349,7 @@ interface SwipeableRowProps {
     rightActions?: SwipeAction[];
     threshold?: number;
     children: React__default.ReactNode;
-    itemData?: EventPayload;
+    itemData?: EntityRow;
     className?: string;
 }
 declare const SwipeableRow: React__default.FC<SwipeableRowProps>;
@@ -10422,17 +10433,30 @@ declare const WizardContainer: React__default.FC<WizardContainerProps>;
  * - 4f (61+): Multi-lobe - Violet
  */
 
-interface OrbitalVisualizationProps {
-    /** Full KFlow schema object */
-    schema?: {
-        dataEntities?: JsonValue[];
-        ui?: {
-            pages?: {
-                sections?: JsonValue[];
-            }[];
-        };
-        traits?: JsonValue[];
+/** One page's contribution to {@link OrbitalVisualizationSchemaSummary} — only
+ *  a section COUNT feeds the complexity score (`calculateComplexity`); no
+ *  per-section field is ever read, so a count is the honest declared shape. */
+interface OrbitalVisualizationPageSummary {
+    /** Section count for this page. */
+    sections?: number;
+}
+/** A complexity-scoring SUMMARY of a KFlow schema — counts only, never the
+ *  full entity/trait/section objects (`calculateComplexity` reads nothing
+ *  but `.length`/count fields). The caller computes these counts from
+ *  whatever full schema it holds; this component never needs the rows. */
+interface OrbitalVisualizationSchemaSummary {
+    /** Data-entity count. */
+    dataEntities?: number;
+    ui?: {
+        pages?: OrbitalVisualizationPageSummary[];
     };
+    /** Trait count. */
+    traits?: number;
+}
+interface OrbitalVisualizationProps {
+    /** Complexity-scoring summary of a KFlow schema (counts only — see
+     *  {@link OrbitalVisualizationSchemaSummary}). */
+    schema?: OrbitalVisualizationSchemaSummary;
     /** Direct complexity override (1-100+) */
     complexity?: number;
     /** Size of the visualization */