@almadar/ui 6.53.1 → 6.54.0

package/dist/components/index.cjs

@@ -17,6 +17,7 @@ var ui = require('@almadar/runtime/ui');
 var SyntaxHighlighter = require('react-syntax-highlighter/dist/esm/prism-light.js');
 var createHighlightElement = require('react-syntax-highlighter/dist/esm/create-element.js');
 var dark = require('react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js');
+var light = require('react-syntax-highlighter/dist/esm/styles/prism/vs.js');
 var syntax = require('@almadar/syntax');
 var i18n = require('@almadar/core/i18n');
 var langJson = require('react-syntax-highlighter/dist/esm/languages/prism/json.js');
@@ -104,6 +105,7 @@ var LucideIcons2__namespace = /*#__PURE__*/_interopNamespace(LucideIcons2);
 var SyntaxHighlighter__default = /*#__PURE__*/_interopDefault(SyntaxHighlighter);
 var createHighlightElement__default = /*#__PURE__*/_interopDefault(createHighlightElement);
 var dark__default = /*#__PURE__*/_interopDefault(dark);
+var light__default = /*#__PURE__*/_interopDefault(light);
 var langJson__default = /*#__PURE__*/_interopDefault(langJson);
 var langJavascript__default = /*#__PURE__*/_interopDefault(langJavascript);
 var langTypescript__default = /*#__PURE__*/_interopDefault(langTypescript);
@@ -2201,7 +2203,7 @@ var init_Button = __esm({
         const testId = dataTestId ?? (action ? `action-${action}` : void 0);
         const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           busy && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "almadar-busy-indicator absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Loader2, { className: "h-icon-default w-icon-default animate-spin" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex items-center justify-center gap-2", busy && "almadar-busy-content"), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("inline-flex flex-1 min-w-0 items-center [justify-content:inherit] gap-2", busy && "almadar-busy-content"), children: [
             resolvedLeftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
             (Array.isArray(children) ? children.length > 0 : Boolean(children)) ? children : label ? /* @__PURE__ */ jsxRuntime.jsx("span", { ...{ [INLINE_TEXT_ATTR]: "label" }, children: label }) : label,
             resolvedRightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: resolvedRightIcon })
@@ -2562,6 +2564,7 @@ var init_en = __esm({
       "status.draft": "Draft",
       "status.archived": "Archived",
       "error.generic": "Something went wrong",
+      "error.traitMountFailed": "{{trait}} failed to start",
       "error.retry": "Try again",
       "error.notFound": "Not found",
       "error.loadFailed": "Failed to load: {{message}}",
@@ -8727,12 +8730,13 @@ var init_Skeleton = __esm({
     Skeleton.displayName = "Skeleton";
   }
 });
-function resolveMarkerExpression(expression, entity, config, state) {
+function resolveMarkerExpression(expression, entity, config, state, i18n) {
   const ctx = runtime.createContextFromBindings({
     entity,
     payload: {},
     state,
-    ...config !== void 0 ? { config } : {}
+    ...config !== void 0 ? { config } : {},
+    ...i18n !== void 0 ? { locale: i18n.locale, messages: i18n.messages } : {}
   });
   return runtime.interpolateValue(expression, ctx);
 }
@@ -8744,9 +8748,9 @@ function isPlainObject(value) {
   if (typeof value === "function") return false;
   return true;
 }
-function cachedContainer(value, scopeTrait, entity, config, state) {
+function cachedContainer(value, scopeTrait, entity, config, state, i18n) {
   const hit = containerResolutionCache.get(value);
-  return hit !== void 0 && hit.entity === entity && hit.config === config && hit.state === state && hit.scopeTrait === scopeTrait ? hit.resolved : void 0;
+  return hit !== void 0 && hit.entity === entity && hit.config === config && hit.state === state && hit.i18n === i18n && hit.scopeTrait === scopeTrait ? hit.resolved : void 0;
 }
 function isEvaluatorResolvedData(value) {
   return evaluatorResolvedData.has(value);
@@ -8777,14 +8781,14 @@ function subtreeHasMarker(value) {
   markerPresenceCache.set(value, found);
   return found;
 }
-function walkValue(value, scopeTrait, entity, config, state) {
+function walkValue(value, scopeTrait, entity, config, state, i18n) {
   if (core.isRenderBindingMarker(value)) {
     const cached = markerResolutionCache.get(value);
-    if (cached !== void 0 && cached.entity === entity && cached.config === config && cached.state === state) {
+    if (cached !== void 0 && cached.entity === entity && cached.config === config && cached.state === state && cached.i18n === i18n) {
       return { resolved: cached.resolved, changed: true };
     }
-    const resolved = resolveMarkerExpression(value.expression, entity, config, state);
-    markerResolutionCache.set(value, { entity, config, state, resolved });
+    const resolved = resolveMarkerExpression(value.expression, entity, config, state, i18n);
+    markerResolutionCache.set(value, { entity, config, state, i18n, resolved });
     if (resolved !== null && typeof resolved === "object" && !React82__namespace.default.isValidElement(resolved) && !(resolved instanceof Date)) {
       resolvedMarkerFree.add(resolved);
       evaluatorResolvedData.add(resolved);
@@ -8796,14 +8800,14 @@ function walkValue(value, scopeTrait, entity, config, state) {
       brandResolved(value);
       return { resolved: value, changed: false };
     }
-    const cachedArray = cachedContainer(value, scopeTrait, entity, config, state);
+    const cachedArray = cachedContainer(value, scopeTrait, entity, config, state, i18n);
     if (cachedArray !== void 0) return { resolved: cachedArray, changed: true };
     const out = [];
     let changed = false;
     for (const item of value) {
       const element = item;
       const wasMarker = core.isRenderBindingMarker(element);
-      const { resolved, changed: itemChanged } = walkValue(element, scopeTrait, entity, config, state);
+      const { resolved, changed: itemChanged } = walkValue(element, scopeTrait, entity, config, state, i18n);
       if (wasMarker && Array.isArray(resolved)) {
         out.push(...resolved);
         changed = true;
@@ -8814,7 +8818,7 @@ function walkValue(value, scopeTrait, entity, config, state) {
     }
     brandResolved(out);
     if (!changed) return { resolved: value, changed: false };
-    containerResolutionCache.set(value, { entity, config, state, scopeTrait, resolved: out });
+    containerResolutionCache.set(value, { entity, config, state, i18n, scopeTrait, resolved: out });
     return { resolved: out, changed: true };
   }
   if (isPlainObject(value)) {
@@ -8826,37 +8830,37 @@ function walkValue(value, scopeTrait, entity, config, state) {
     if (typeof sourceTrait === "string" && sourceTrait !== scopeTrait) {
       return { resolved: value, changed: false };
     }
-    const cachedObject = cachedContainer(value, scopeTrait, entity, config, state);
+    const cachedObject = cachedContainer(value, scopeTrait, entity, config, state, i18n);
     if (cachedObject !== void 0) return { resolved: cachedObject, changed: true };
     const out = {};
     let changed = false;
     for (const [key, item] of Object.entries(value)) {
-      const { resolved, changed: itemChanged } = walkValue(item, scopeTrait, entity, config, state);
+      const { resolved, changed: itemChanged } = walkValue(item, scopeTrait, entity, config, state, i18n);
       out[key] = resolved;
       if (itemChanged) changed = true;
     }
     brandResolved(out);
     if (!changed) return { resolved: value, changed: false };
-    containerResolutionCache.set(value, { entity, config, state, scopeTrait, resolved: out });
+    containerResolutionCache.set(value, { entity, config, state, i18n, scopeTrait, resolved: out });
     return { resolved: out, changed: true };
   }
   return { resolved: value, changed: false };
 }
-function resolveRenderBindingMarkers(props, scopeTrait, entity, config, state) {
+function resolveRenderBindingMarkers(props, scopeTrait, entity, config, state, i18n) {
   if (props === null || typeof props !== "object") return props;
   if (resolvedMarkerFree.has(props)) return props;
-  const cached = cachedContainer(props, scopeTrait, entity, config, state);
+  const cached = cachedContainer(props, scopeTrait, entity, config, state, i18n);
   if (cached !== void 0) return cached;
   const out = {};
   let changed = false;
   for (const [key, value] of Object.entries(props)) {
-    const { resolved, changed: propChanged } = walkValue(value, scopeTrait, entity, config, state);
+    const { resolved, changed: propChanged } = walkValue(value, scopeTrait, entity, config, state, i18n);
     out[key] = resolved;
     if (propChanged) changed = true;
   }
   brandResolved(out);
   if (!changed) return props;
-  containerResolutionCache.set(props, { entity, config, state, scopeTrait, resolved: out });
+  containerResolutionCache.set(props, { entity, config, state, i18n, scopeTrait, resolved: out });
   return out;
 }
 var markerPresenceCache, markerResolutionCache, containerResolutionCache, resolvedMarkerFree, evaluatorResolvedData;
@@ -12221,6 +12225,35 @@ function withTokenTypes(node) {
 function renderWithTokenTypes({ rows: rows2, stylesheet, useInlineStyles }) {
   return rows2.map((node, i) => createHighlightElement__default.default({ node: withTokenTypes(node), stylesheet, useInlineStyles, key: `code-segment-${i}` }));
 }
+function island(value, style) {
+  return { type: "element", tagName: "span", properties: { className: [], "data-bidi-island": "", style }, children: [{ type: "text", value }] };
+}
+function splitLtrWords(value) {
+  const out = [];
+  let last = 0;
+  for (const match of value.matchAll(LTR_WORD)) {
+    const start = match.index ?? 0;
+    if (start > last) out.push({ type: "text", value: value.slice(last, start) });
+    out.push(island(match[0], LTR_ISLAND_STYLE));
+    last = start + match[0].length;
+  }
+  if (last < value.length) out.push({ type: "text", value: value.slice(last) });
+  return out;
+}
+function withBidiIslands(node) {
+  if (node.type === "text") return splitLtrWords(String(node.value ?? ""));
+  if (node.type !== "element") return [node];
+  const classes = node.properties?.className;
+  if (Array.isArray(classes) && classes.includes("string")) {
+    return [{ ...node, properties: { ...node.properties, className: classes, "data-bidi-island": "", style: STRING_ISLAND_STYLE } }];
+  }
+  return [{ ...node, ...node.children ? { children: node.children.flatMap(withBidiIslands) } : {} }];
+}
+function renderRtlCode({ rows: rows2, stylesheet, useInlineStyles }) {
+  return rows2.map(
+    (node, i) => withBidiIslands(node).map((n, j) => createHighlightElement__default.default({ node: n, stylesheet, useInlineStyles, key: `code-rtl-${i}-${j}` }))
+  );
+}
 function tokenClassAt(layer, offset) {
   const walker = document.createTreeWalker(layer, NodeFilter.SHOW_TEXT);
   let pos = 0;
@@ -12277,10 +12310,9 @@ function useLanguageReady(language) {
   }, [language]);
   return ready;
 }
-function resolveHighlightStyle(lang) {
-  if (lang === "orb") return orbStyle;
-  if (lang === "lolo") return loloStyle;
-  return dark__default.default;
+function resolveHighlightStyle(lang, scheme) {
+  if (lang === "orb" || lang === "lolo") return HIGHLIGHT_STYLES[scheme][lang];
+  return SCHEME_BASE[scheme];
 }
 function plainCodeColorOf(style) {
   return style['code[class*="language-"]']?.color ?? "#d4d4d4";
@@ -12315,7 +12347,7 @@ function translateProgram(source, language, lang) {
   }
   return source;
 }
-var dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, orbStyle, loloStyleOverrides, loloStyle, MONO_EDITOR_FONT, GHOST_COLOR, GUTTER_COLOR, caretOf, DIAGNOSTIC_ERROR_COLOR, DIAGNOSTIC_WARNING_COLOR, EDITOR_LINE_PX, log3, 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 dynamicallyLoaded, codeLanguageLoader, orbStyleOverrides, loloStyleOverrides, SCHEME_BASE, HIGHLIGHT_STYLES, MONO_EDITOR_FONT, GHOST_COLOR, GUTTER_COLOR, caretOf, LTR_WORD, LTR_ISLAND_STYLE, STRING_ISLAND_STYLE, DIAGNOSTIC_ERROR_COLOR, DIAGNOSTIC_WARNING_COLOR, EDITOR_LINE_PX, log3, 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, VIEWER_LINE_NUMBER_STYLE_RTL; exports.CodeBlock = void 0;
 var init_CodeBlock = __esm({
   "components/core/molecules/markdown/CodeBlock.tsx"() {
     init_cn();
@@ -12420,52 +12452,64 @@ var init_CodeBlock = __esm({
     SyntaxHighlighter__default.default.registerLanguage("lolo", syntax.loloLanguage);
     dynamicallyLoaded = /* @__PURE__ */ new Set();
     codeLanguageLoader = null;
-    orbStyleOverrides = {
-      "orb-binding": { color: syntax.ORB_COLORS.dark.binding, fontWeight: "bold" },
-      "orb-effect": { color: syntax.ORB_COLORS.dark.effect, fontWeight: "bold" },
-      "orb-event": { color: syntax.ORB_COLORS.dark.event },
-      "orb-slot": { color: syntax.ORB_COLORS.dark.uiSlot },
-      "orb-structural": { color: syntax.ORB_COLORS.dark.structural },
-      "orb-field-type": { color: syntax.ORB_COLORS.dark.fieldType },
-      "orb-persistence": { color: syntax.ORB_COLORS.dark.persistence },
-      "orb-pattern": { color: syntax.ORB_COLORS.dark.pattern },
-      "orb-behavior": { color: syntax.ORB_COLORS.dark.behavior },
-      "orb-unknown-op": { color: syntax.ORB_COLORS.dark.error, textDecoration: "wavy underline" },
-      "orb-op-arithmetic": { color: syntax.ORB_COLORS.dark.arithmetic, fontWeight: "bold" },
-      "orb-op-comparison": { color: syntax.ORB_COLORS.dark.comparison },
-      "orb-op-logic": { color: syntax.ORB_COLORS.dark.logic },
-      "orb-op-string": { color: syntax.ORB_COLORS.dark.string },
-      "orb-op-collection": { color: syntax.ORB_COLORS.dark.collection },
-      "orb-op-time": { color: syntax.ORB_COLORS.dark.time },
-      "orb-op-control": { color: syntax.ORB_COLORS.dark.control },
-      "orb-op-async": { color: syntax.ORB_COLORS.dark.async }
-    };
-    orbStyle = { ...dark__default.default, ...orbStyleOverrides };
-    loloStyleOverrides = {
-      "lolo-binding": { color: syntax.ORB_COLORS.dark.binding, fontWeight: "bold" },
-      "lolo-event": { color: syntax.ORB_COLORS.dark.event },
-      "lolo-effect": { color: syntax.ORB_COLORS.dark.effect, fontWeight: "bold" },
-      "keyword": { color: syntax.ORB_COLORS.dark.loloKeyword },
-      "lolo-constructor": { color: syntax.ORB_COLORS.dark.loloConstructor },
-      "lolo-arrow": { color: syntax.ORB_COLORS.dark.loloArrow },
-      "lolo-reference": { color: syntax.ORB_COLORS.dark.loloReference },
-      "lolo-type": { color: syntax.ORB_COLORS.dark.fieldType },
-      "lolo-persistence": { color: syntax.ORB_COLORS.dark.persistence },
-      "lolo-unknown-op": { color: syntax.ORB_COLORS.dark.error },
-      "lolo-op-arithmetic": { color: syntax.ORB_COLORS.dark.arithmetic, fontWeight: "bold" },
-      "lolo-op-comparison": { color: syntax.ORB_COLORS.dark.comparison },
-      "lolo-op-logic": { color: syntax.ORB_COLORS.dark.logic },
-      "lolo-op-string": { color: syntax.ORB_COLORS.dark.string },
-      "lolo-op-collection": { color: syntax.ORB_COLORS.dark.collection },
-      "lolo-op-time": { color: syntax.ORB_COLORS.dark.time },
-      "lolo-op-control": { color: syntax.ORB_COLORS.dark.control },
-      "lolo-op-async": { color: syntax.ORB_COLORS.dark.async }
-    };
-    loloStyle = { ...dark__default.default, ...loloStyleOverrides };
+    orbStyleOverrides = (c) => ({
+      "orb-binding": { color: c.binding, fontWeight: "bold" },
+      "orb-effect": { color: c.effect, fontWeight: "bold" },
+      "orb-event": { color: c.event },
+      "orb-slot": { color: c.uiSlot },
+      "orb-structural": { color: c.structural },
+      "orb-field-type": { color: c.fieldType },
+      "orb-persistence": { color: c.persistence },
+      "orb-pattern": { color: c.pattern },
+      "orb-behavior": { color: c.behavior },
+      "orb-unknown-op": { color: c.error, textDecoration: "wavy underline" },
+      "orb-op-arithmetic": { color: c.arithmetic, fontWeight: "bold" },
+      "orb-op-comparison": { color: c.comparison },
+      "orb-op-logic": { color: c.logic },
+      "orb-op-string": { color: c.string },
+      "orb-op-collection": { color: c.collection },
+      "orb-op-time": { color: c.time },
+      "orb-op-control": { color: c.control },
+      "orb-op-async": { color: c.async }
+    });
+    loloStyleOverrides = (c) => ({
+      "lolo-binding": { color: c.binding, fontWeight: "bold" },
+      "lolo-event": { color: c.event },
+      "lolo-effect": { color: c.effect, fontWeight: "bold" },
+      "keyword": { color: c.loloKeyword },
+      "lolo-constructor": { color: c.loloConstructor },
+      "lolo-arrow": { color: c.loloArrow },
+      "lolo-reference": { color: c.loloReference },
+      "lolo-type": { color: c.fieldType },
+      "lolo-persistence": { color: c.persistence },
+      "lolo-unknown-op": { color: c.error },
+      "lolo-op-arithmetic": { color: c.arithmetic, fontWeight: "bold" },
+      "lolo-op-comparison": { color: c.comparison },
+      "lolo-op-logic": { color: c.logic },
+      "lolo-op-string": { color: c.string },
+      "lolo-op-collection": { color: c.collection },
+      "lolo-op-time": { color: c.time },
+      "lolo-op-control": { color: c.control },
+      "lolo-op-async": { color: c.async }
+    });
+    SCHEME_BASE = { dark: dark__default.default, light: light__default.default };
+    HIGHLIGHT_STYLES = {
+      dark: {
+        orb: { ...dark__default.default, ...orbStyleOverrides(syntax.ORB_COLORS.dark) },
+        lolo: { ...dark__default.default, ...loloStyleOverrides(syntax.ORB_COLORS.dark) }
+      },
+      light: {
+        orb: { ...light__default.default, ...orbStyleOverrides(syntax.ORB_COLORS.light) },
+        lolo: { ...light__default.default, ...loloStyleOverrides(syntax.ORB_COLORS.light) }
+      }
+    };
     MONO_EDITOR_FONT = 'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", monospace';
     GHOST_COLOR = "#7f848e";
     GUTTER_COLOR = "#858585";
     caretOf = (ta) => ta.selectionDirection === "backward" ? ta.selectionStart : ta.selectionEnd;
+    LTR_WORD = /[A-Za-z0-9_$@?][A-Za-z0-9_$@?.!-]*/g;
+    LTR_ISLAND_STYLE = { unicodeBidi: "isolate", direction: "ltr" };
+    STRING_ISLAND_STYLE = { unicodeBidi: "plaintext" };
     DIAGNOSTIC_ERROR_COLOR = "#f14c4c";
     DIAGNOSTIC_WARNING_COLOR = "#cca700";
     EDITOR_LINE_PX = 19.5;
@@ -12565,7 +12609,7 @@ var init_CodeBlock = __esm({
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
     HIGHLIGHT_CAPACITY_BYTES = 512 * 1024;
-    MONO_FONT_FAMILY = 'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", monospace';
+    MONO_FONT_FAMILY = 'ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Mono", "Courier New", "IBM Plex Sans Arabic", "Noto Sans Arabic", monospace';
     VIEWER_LINE_NUMBER_STYLE = {
       minWidth: "2.5em",
       paddingRight: "1rem",
@@ -12574,6 +12618,15 @@ var init_CodeBlock = __esm({
       opacity: 0.5,
       fontVariantNumeric: "tabular-nums"
     };
+    VIEWER_LINE_NUMBER_STYLE_RTL = {
+      minWidth: "2.5em",
+      paddingRight: 0,
+      paddingLeft: "1rem",
+      textAlign: "left",
+      userSelect: "none",
+      opacity: 0.5,
+      fontVariantNumeric: "tabular-nums"
+    };
     exports.CodeBlock = React82__namespace.default.memo(
       ({
         code: rawCode,
@@ -12653,8 +12706,12 @@ var init_CodeBlock = __esm({
       }) => {
         const englishCode = typeof rawCode === "string" ? rawCode : String(rawCode ?? "");
         const naturalTabs = !editable && naturalLanguages && naturalLanguages.length > 1 ? naturalLanguages : void 0;
-        const [naturalLanguage, setNaturalLanguage] = React82.useState(() => naturalTabs?.[0] ?? "en");
+        const { locale: pageLocale } = hooks.useTranslate();
+        const [naturalLanguage, setNaturalLanguage] = React82.useState(
+          () => naturalTabs?.find((lang) => lang === pageLocale) ?? naturalTabs?.[0] ?? "en"
+        );
         const activeNaturalLanguage = naturalTabs?.includes(naturalLanguage) === true ? naturalLanguage : naturalTabs?.[0] ?? "en";
+        const codeDir = naturalTabs && i18n.coreTables[activeNaturalLanguage].meta.rtl ? "rtl" : "ltr";
         const translationCache = React82.useMemo(() => /* @__PURE__ */ new Map(), [englishCode, files]);
         const translateFor = React82.useCallback(
           (source, sourceLanguage, cacheKey) => {
@@ -12693,11 +12750,12 @@ var init_CodeBlock = __esm({
             )
           }
         ) : null;
-        const activeStyle = resolveHighlightStyle(language);
+        const activeStyle = resolveHighlightStyle(language, "dark");
         const overCapacity = code.length > HIGHLIGHT_CAPACITY_BYTES;
         const plainCodeColor = plainCodeColorOf(activeStyle);
         const eventBus = useEventBus();
         const { t } = hooks.useTranslate();
+        const { resolvedMode } = context.useTheme();
         const scrollRef = React82.useRef(null);
         const codeRef = React82.useRef(null);
         const savedScrollLeftRef = React82.useRef(0);
@@ -12708,7 +12766,7 @@ var init_CodeBlock = __esm({
         const activeLanguage = activeFile?.language ?? language;
         const activeCode = activeFile ? translateFor(activeFile.code, activeLanguage, `file-${activeFileIndex}`) : code;
         const languageReady = useLanguageReady(activeLanguage);
-        const viewerStyle = resolveHighlightStyle(activeLanguage);
+        const viewerStyle = resolveHighlightStyle(activeLanguage, resolvedMode);
         const viewerPlainCodeColor = plainCodeColorOf(viewerStyle);
         const diffLines = React82.useMemo(() => {
           if (propDiff && propDiff.length > 0) return propDiff;
@@ -13046,8 +13104,9 @@ var init_CodeBlock = __esm({
               wrapLines: true,
               wrapLongLines: wrap,
               showLineNumbers,
-              lineNumberStyle: VIEWER_LINE_NUMBER_STYLE,
+              lineNumberStyle: codeDir === "rtl" ? VIEWER_LINE_NUMBER_STYLE_RTL : VIEWER_LINE_NUMBER_STYLE,
               lineProps: viewerLineProps,
+              renderer: codeDir === "rtl" ? renderRtlCode : void 0,
               customStyle: {
                 backgroundColor: "transparent",
                 borderRadius: 0,
@@ -13057,13 +13116,15 @@ var init_CodeBlock = __esm({
                 wordBreak: wrap ? "break-all" : "normal",
                 fontFamily: MONO_FONT_FAMILY,
                 fontSize: "12px",
-                lineHeight: "1.6"
+                lineHeight: "1.6",
+                direction: codeDir,
+                textAlign: "start"
               },
-              codeTagProps: { style: { fontFamily: MONO_FONT_FAMILY, fontSize: "12px", lineHeight: "1.6" } },
+              codeTagProps: { style: { fontFamily: MONO_FONT_FAMILY, fontSize: "12px", lineHeight: "1.6", direction: codeDir, textAlign: "start" } },
               children: activeCode
             }
           ),
-          [activeCode, viewerOverCapacity, viewerPlainCodeColor, activeLanguage, viewerStyle, wrap, showLineNumbers, viewerLineProps, languageReady]
+          [activeCode, viewerOverCapacity, viewerPlainCodeColor, activeLanguage, viewerStyle, wrap, showLineNumbers, viewerLineProps, languageReady, codeDir]
         );
         const diffOverCapacity = React82.useMemo(
           () => !!diffLines && diffLines.reduce((n, l) => n + l.content.length + 1, 0) > HIGHLIGHT_CAPACITY_BYTES,
@@ -13333,33 +13394,35 @@ var init_CodeBlock = __esm({
                 ]
               }
             ),
-            /* @__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 }) })
+            /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "overflow-auto bg-muted/20", style: { maxHeight }, dir: codeDir, 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;
+        const hasHeader = showLanguageBadge;
+        const copyButton = effectiveCopy ? /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleCopy,
+            className: `opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-foreground${hasHeader ? "" : " absolute top-2 end-2 z-10"}`,
+            "aria-label": t("common.copy"),
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "check", className: "w-4 h-4 text-success" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "copy", className: "w-4 h-4" })
+          }
+        ) : null;
         return /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { ...domPassthrough(a11yRest), className: `relative group not-prose ${className || ""}`, style: { display: "flex", flexDirection: "column", height: "100%" }, children: [
-          hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
+          hasHeader ? /* @__PURE__ */ jsxRuntime.jsxs(
             exports.HStack,
             {
               justify: "between",
               align: "center",
               className: "px-3 py-2 bg-[var(--color-card)] rounded-t-container border-b border-border",
+              "data-testid": "code-block-header",
               children: [
-                showLanguageBadge && /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", size: "sm", children: language }),
-                effectiveCopy && /* @__PURE__ */ jsxRuntime.jsx(
-                  exports.Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    onClick: handleCopy,
-                    className: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-foreground",
-                    "aria-label": t("common.copy"),
-                    children: copied ? /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "check", className: "w-4 h-4 text-success" }) : /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: "copy", className: "w-4 h-4" })
-                  }
-                )
+                /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: "default", size: "sm", children: language }),
+                copyButton
               ]
             }
-          ),
+          ) : copyButton,
           naturalTabStrip,
           editable ? (
             /* GAP-77 / GAP-82 / GAP-83: editable mode = transparent textarea on
@@ -28825,7 +28888,7 @@ function DataList({
                       return f3.variant === "badge" ? (
                         // `format` applies here too — a boolean field badged
                         // without it renders the raw "false" instead of "No".
-                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: badgeVariantFor(String(v), f3.colorMap), children: formatValue2(v, f3.format, fmt, relationsData?.[f3.name]) }, f3.name)
+                        /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: badgeVariantFor(String(v), f3.colorMap), children: valueLabelFor(formatValue2(v, f3.format, fmt, relationsData?.[f3.name]), f3.labels) }, f3.name)
                       ) : /* @__PURE__ */ jsxRuntime.jsx(
                         exports.Typography,
                         {
@@ -28988,7 +29051,7 @@ function DataList({
                         if (val === void 0 || val === null || val === "") return null;
                         return /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { gap: "xs", className: "items-center flex-shrink-0", children: [
                           field.icon && renderIconInput2(field.icon, { size: "xs" }),
-                          /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: badgeVariantFor(String(val), field.colorMap), children: formatValue2(val, field.format, fmt, relationsData?.[field.name]) })
+                          /* @__PURE__ */ jsxRuntime.jsx(exports.Badge, { variant: badgeVariantFor(String(val), field.colorMap), children: valueLabelFor(formatValue2(val, field.format, fmt, relationsData?.[field.name]), field.labels) })
                         ] }, field.name);
                       })
                     ] }),
@@ -32227,7 +32290,7 @@ var init_DocSidebar = __esm({
           className: cn(
             "h-auto w-full justify-start rounded-interactive px-3 py-1.5 text-sm font-normal",
             depth > 0 && "ml-2",
-            item.active ? "bg-primary/8 text-foreground font-semibold" : "text-muted-foreground"
+            item.active ? "bg-primary/[0.08] text-foreground font-semibold" : "text-muted-foreground"
           ),
           children: label
         }
@@ -40815,11 +40878,23 @@ var init_Header = __esm({
       variant = "mobile",
       look = "compact-bar",
       onLogoClick,
+      brandHref,
       className,
       ...rest
     }) => {
       const { t } = hooks.useTranslate();
       const resolvedSearchPlaceholder = searchPlaceholder ?? t("common.search");
+      const brandContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        logo ? typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Avatar, { src: logo, alt: brandName, size: "sm" }) : logo : logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(exports.Avatar, { src: logoSrc, alt: brandName, size: "sm" }) : null,
+        brandName && /* @__PURE__ */ jsxRuntime.jsx(
+          exports.Typography,
+          {
+            variant: "h5",
+            className: "text-lg text-foreground",
+            children: brandName
+          }
+        )
+      ] });
       const userInitials = userAvatar?.initials || userName?.[0]?.toUpperCase() || "U";
       return /* @__PURE__ */ jsxRuntime.jsxs(
         exports.Box,
@@ -40846,7 +40921,16 @@ var init_Header = __esm({
                   children: isMenuOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.X, { size: 24 }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons2.Menu, { size: 24 })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
+              brandHref ? /* @__PURE__ */ jsxRuntime.jsx(
+                exports.Button,
+                {
+                  variant: "ghost",
+                  href: brandHref,
+                  "aria-label": brandName,
+                  className: "gap-2 px-0 hover:bg-transparent",
+                  children: brandContent
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
                 exports.HStack,
                 {
                   gap: "none",
@@ -40857,17 +40941,7 @@ var init_Header = __esm({
                   ),
                   ...pressableProps(onLogoClick),
                   "aria-label": onLogoClick ? brandName : void 0,
-                  children: [
-                    logo ? typeof logo === "string" ? /* @__PURE__ */ jsxRuntime.jsx(exports.Avatar, { src: logo, alt: brandName, size: "sm" }) : logo : logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(exports.Avatar, { src: logoSrc, alt: brandName, size: "sm" }) : null,
-                    brandName && /* @__PURE__ */ jsxRuntime.jsx(
-                      exports.Typography,
-                      {
-                        variant: "h5",
-                        className: "text-lg text-foreground",
-                        children: brandName
-                      }
-                    )
-                  ]
+                  children: brandContent
                 }
               )
             ] }),
@@ -51527,8 +51601,8 @@ var init_VersionDiff = __esm({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "overflow-auto bg-muted/20", style: { maxHeight: 600 }, children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "py-8", "data-testid": "version-diff-empty", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Typography, { variant: "body2", color: "muted", align: "center", children: t("versionDiff.noChanges") }) }) : activeView === "side-by-side" ? /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "grid grid-cols-1 md:grid-cols-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "border-b md:border-b-0 md:border-r border-border", "data-testid": "version-diff-before", children: renderColumn("before") }),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { "data-testid": "version-diff-after", children: renderColumn("after") })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "min-w-0 overflow-x-auto border-b md:border-b-0 md:border-r border-border", "data-testid": "version-diff-before", children: renderColumn("before") }),
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "min-w-0 overflow-x-auto", "data-testid": "version-diff-after", children: renderColumn("after") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx(exports.VStack, { gap: "none", className: "font-mono text-xs", children: shown.map((row, idx) => {
           if (row.kind === "header") return renderHeader(row.header, `i-h-${idx}`);
           if (row.kind === "gap") return renderGap(row, `i-g-${row.id}`);
@@ -52136,775 +52210,263 @@ var init_component_registry_generated = __esm({
     init_WizardNavigation();
     init_WizardProgress();
     COMPONENT_REGISTRY = {
-      get "Accordion"() {
-        return exports.Accordion;
-      },
-      get "ActionPalette"() {
-        return ActionPalette;
-      },
-      get "ActionTile"() {
-        return ActionTile;
-      },
-      get "ActivationBlock"() {
-        return exports.ActivationBlock;
-      },
-      get "AgentActivityFeed"() {
-        return AgentActivityFeed;
-      },
-      get "AgentActivityRow"() {
-        return AgentActivityRow;
-      },
-      get "AgentChatFeed"() {
-        return AgentChatFeed;
-      },
-      get "Alert"() {
-        return AlertPattern;
-      },
-      get "AlertPattern"() {
-        return AlertPattern;
-      },
-      get "AlgoGraphCanvas"() {
-        return exports.AlgoGraphCanvas;
-      },
-      get "AlgorithmCanvas"() {
-        return exports.AlgorithmCanvas;
-      },
-      get "AnimatedCounter"() {
-        return exports.AnimatedCounter;
-      },
-      get "AnimatedGraphic"() {
-        return exports.AnimatedGraphic;
-      },
-      get "AnimatedReveal"() {
-        return exports.AnimatedReveal;
-      },
-      get "Aside"() {
-        return exports.Aside;
-      },
-      get "AtlasImage"() {
-        return AtlasImage;
-      },
-      get "AtlasPanel"() {
-        return AtlasPanel;
-      },
-      get "AuthLayout"() {
-        return exports.AuthLayout;
-      },
-      get "Avatar"() {
-        return exports.Avatar;
-      },
-      get "Badge"() {
-        return exports.Badge;
-      },
-      get "BehaviorView"() {
-        return exports.BehaviorView;
-      },
-      get "BiologyCanvas"() {
-        return exports.BiologyCanvas;
-      },
-      get "BloomQuizBlock"() {
-        return exports.BloomQuizBlock;
-      },
-      get "Box"() {
-        return BoxPattern;
-      },
-      get "BoxPattern"() {
-        return BoxPattern;
-      },
-      get "BranchingLogicBuilder"() {
-        return exports.BranchingLogicBuilder;
-      },
-      get "Breadcrumb"() {
-        return exports.Breadcrumb;
-      },
-      get "Button"() {
-        return ButtonPattern;
-      },
-      get "ButtonGroup"() {
-        return exports.ButtonGroup;
-      },
-      get "ButtonPattern"() {
-        return ButtonPattern;
-      },
-      get "CalendarGrid"() {
-        return CalendarGrid;
-      },
-      get "Canvas"() {
-        return Canvas;
-      },
-      get "Canvas2D"() {
-        return Canvas2D;
-      },
-      get "Card"() {
-        return exports.Card;
-      },
-      get "Carousel"() {
-        return exports.Carousel;
-      },
-      get "Center"() {
-        return exports.Center;
-      },
-      get "ChangeList"() {
-        return exports.ChangeList;
-      },
-      get "Chart"() {
-        return exports.Chart;
-      },
-      get "ChartLegend"() {
-        return exports.ChartLegend;
-      },
-      get "ChatBar"() {
-        return ChatBar;
-      },
-      get "Checkbox"() {
-        return exports.Checkbox;
-      },
-      get "ChemistryCanvas"() {
-        return exports.ChemistryCanvas;
-      },
-      get "ChoiceButton"() {
-        return ChoiceButton;
-      },
-      get "CodeBlock"() {
-        return exports.CodeBlock;
-      },
-      get "CodeRunnerPanel"() {
-        return exports.CodeRunnerPanel;
-      },
-      get "CommandPalette"() {
-        return exports.CommandPalette;
-      },
-      get "CommitRow"() {
-        return exports.CommitRow;
-      },
-      get "ConditionalWrapper"() {
-        return exports.ConditionalWrapper;
-      },
-      get "ConfettiEffect"() {
-        return exports.ConfettiEffect;
-      },
-      get "ConfirmDialog"() {
-        return exports.ConfirmDialog;
-      },
-      get "ConnectionBlock"() {
-        return exports.ConnectionBlock;
-      },
-      get "Container"() {
-        return exports.Container;
-      },
-      get "ContentRenderer"() {
-        return exports.ContentRenderer;
-      },
-      get "ControlButton"() {
-        return ControlButton;
-      },
-      get "ControlGrid"() {
-        return ControlGrid;
-      },
-      get "CounterTemplate"() {
-        return exports.CounterTemplate;
-      },
-      get "DashboardGrid"() {
-        return exports.DashboardGrid;
-      },
-      get "DashboardLayout"() {
-        return exports.DashboardLayout;
-      },
-      get "DataGrid"() {
-        return DataGrid;
-      },
-      get "DataList"() {
-        return DataList;
-      },
-      get "DateRangePicker"() {
-        return exports.DateRangePicker;
-      },
-      get "DateRangeSelector"() {
-        return exports.DateRangeSelector;
-      },
-      get "DayCell"() {
-        return DayCell;
-      },
-      get "DetailPanel"() {
-        return exports.DetailPanel;
-      },
-      get "Dialog"() {
-        return exports.Dialog;
-      },
-      get "DialogueBubble"() {
-        return DialogueBubble;
-      },
-      get "Divider"() {
-        return DividerPattern;
-      },
-      get "DividerPattern"() {
-        return DividerPattern;
-      },
-      get "DocBreadcrumb"() {
-        return exports.DocBreadcrumb;
-      },
-      get "DocPagination"() {
-        return DocPagination;
-      },
-      get "DocSearch"() {
-        return DocSearch;
-      },
-      get "DocSidebar"() {
-        return exports.DocSidebar;
-      },
-      get "DocTOC"() {
-        return exports.DocTOC;
-      },
-      get "DockLayout"() {
-        return exports.DockLayout;
-      },
-      get "DocumentDetails"() {
-        return DocumentDetails;
-      },
-      get "DocumentPanel"() {
-        return DocumentPanel;
-      },
-      get "DocumentViewer"() {
-        return exports.DocumentViewer;
-      },
-      get "DrawFxLayer"() {
-        return DrawFxLayer;
-      },
-      get "DrawGroup"() {
-        return DrawGroup;
-      },
-      get "DrawMesh"() {
-        return DrawMesh;
-      },
-      get "DrawShape"() {
-        return DrawShape;
-      },
-      get "DrawShapeLayer"() {
-        return DrawShapeLayer;
-      },
-      get "DrawSkinnedMesh"() {
-        return DrawSkinnedMesh;
-      },
-      get "DrawSprite"() {
-        return DrawSprite;
-      },
-      get "DrawSpriteLayer"() {
-        return DrawSpriteLayer;
-      },
-      get "DrawText"() {
-        return DrawText;
-      },
-      get "DrawTextLayer"() {
-        return DrawTextLayer;
-      },
-      get "Drawer"() {
-        return exports.Drawer;
-      },
-      get "DrawerSlot"() {
-        return exports.DrawerSlot;
-      },
-      get "EdgeDecoration"() {
-        return exports.EdgeDecoration;
-      },
-      get "EmojiPicker"() {
-        return exports.EmojiPicker;
-      },
-      get "EmptyState"() {
-        return exports.EmptyState;
-      },
-      get "ErrorBoundary"() {
-        return exports.ErrorBoundary;
-      },
-      get "ErrorState"() {
-        return exports.ErrorState;
-      },
-      get "FeatureCard"() {
-        return exports.FeatureCard;
-      },
-      get "FeatureGrid"() {
-        return exports.FeatureGrid;
-      },
-      get "FileTree"() {
-        return exports.FileTree;
-      },
-      get "FilterGroup"() {
-        return exports.FilterGroup;
-      },
-      get "FilterPill"() {
-        return exports.FilterPill;
-      },
-      get "Flex"() {
-        return exports.Flex;
-      },
-      get "FlipCard"() {
-        return exports.FlipCard;
-      },
-      get "FlipContainer"() {
-        return exports.FlipContainer;
-      },
-      get "FloatingActionButton"() {
-        return exports.FloatingActionButton;
-      },
-      get "FloatingToolbar"() {
-        return exports.FloatingToolbar;
-      },
-      get "Form"() {
-        return exports.Form;
-      },
-      get "FormField"() {
-        return exports.FormField;
-      },
-      get "FormLayout"() {
-        return exports.FormLayout;
-      },
-      get "FormSectionHeader"() {
-        return exports.FormSectionHeader;
-      },
-      get "FxOverlay"() {
-        return exports.FxOverlay;
-      },
-      get "GameAudioCue"() {
-        return GameAudioCue;
-      },
-      get "GameAudioToggle"() {
-        return GameAudioToggle;
-      },
-      get "GameHud"() {
-        return GameHud;
-      },
-      get "GameIcon"() {
-        return GameIcon;
-      },
-      get "GameMenu"() {
-        return GameMenu;
-      },
-      get "GameShell"() {
-        return exports.GameShell;
-      },
-      get "Gantt"() {
-        return Gantt;
-      },
-      get "GenericAppTemplate"() {
-        return exports.GenericAppTemplate;
-      },
-      get "GeometricPattern"() {
-        return exports.GeometricPattern;
-      },
-      get "GradientDivider"() {
-        return exports.GradientDivider;
-      },
-      get "GraphCanvas"() {
-        return exports.GraphCanvas;
-      },
-      get "GraphView"() {
-        return exports.GraphView;
-      },
-      get "Grid"() {
-        return exports.Grid;
-      },
-      get "HStack"() {
-        return exports.HStack;
-      },
-      get "Header"() {
-        return exports.Header;
-      },
-      get "HealthBar"() {
-        return HealthBar;
-      },
-      get "Icon"() {
-        return exports.Icon;
-      },
-      get "IconButton"() {
-        return IconButtonPattern;
-      },
-      get "IconButtonPattern"() {
-        return IconButtonPattern;
-      },
-      get "Image"() {
-        return exports.Image;
-      },
-      get "ImportPreviewTree"() {
-        return exports.ImportPreviewTree;
-      },
-      get "ImportProgress"() {
-        return exports.ImportProgress;
-      },
-      get "ImportSourcePicker"() {
-        return exports.ImportSourcePicker;
-      },
-      get "InfiniteScrollSentinel"() {
-        return exports.InfiniteScrollSentinel;
-      },
-      get "Input"() {
-        return exports.Input;
-      },
-      get "InputGroup"() {
-        return exports.InputGroup;
-      },
-      get "JazariStateMachine"() {
-        return exports.JazariStateMachine;
-      },
-      get "Label"() {
-        return LabelPattern;
-      },
-      get "LabelPattern"() {
-        return LabelPattern;
-      },
-      get "LawReferenceTooltip"() {
-        return exports.LawReferenceTooltip;
-      },
-      get "LearningCanvas"() {
-        return exports.LearningCanvas;
-      },
-      get "Lightbox"() {
-        return exports.Lightbox;
-      },
-      get "LikertScale"() {
-        return exports.LikertScale;
-      },
-      get "LineChart"() {
-        return exports.LineChart;
-      },
-      get "LoadingState"() {
-        return exports.LoadingState;
-      },
-      get "MapView"() {
-        return MapView;
-      },
-      get "MarkdownContent"() {
-        return exports.MarkdownContent;
-      },
-      get "MasterDetailLayout"() {
-        return exports.MasterDetailLayout;
-      },
-      get "MathCanvas"() {
-        return exports.MathCanvas;
-      },
-      get "MatrixQuestion"() {
-        return exports.MatrixQuestion;
-      },
-      get "MediaGallery"() {
-        return exports.MediaGallery;
-      },
-      get "Menu"() {
-        return exports.Menu;
-      },
-      get "Meter"() {
-        return exports.Meter;
-      },
-      get "Modal"() {
-        return exports.Modal;
-      },
-      get "ModalSlot"() {
-        return exports.ModalSlot;
-      },
-      get "ModuleCard"() {
-        return exports.ModuleCard;
-      },
-      get "Navigation"() {
-        return exports.Navigation;
-      },
-      get "NumberStepper"() {
-        return exports.NumberStepper;
-      },
-      get "OptionConstraintGroup"() {
-        return exports.OptionConstraintGroup;
-      },
-      get "OrbitalVisualization"() {
-        return exports.OrbitalVisualization;
-      },
-      get "Overlay"() {
-        return exports.Overlay;
-      },
-      get "PageHeader"() {
-        return exports.PageHeader;
-      },
-      get "PageTransition"() {
-        return exports.PageTransition;
-      },
-      get "Pagination"() {
-        return exports.Pagination;
-      },
-      get "PatternTile"() {
-        return exports.PatternTile;
-      },
-      get "PhysicsCanvas"() {
-        return exports.PhysicsCanvas;
-      },
-      get "Popover"() {
-        return exports.Popover;
-      },
-      get "PositionedCanvas"() {
-        return exports.PositionedCanvas;
-      },
-      get "Presence"() {
-        return exports.Presence;
-      },
-      get "ProgressBar"() {
-        return exports.ProgressBar;
-      },
-      get "ProgressDots"() {
-        return exports.ProgressDots;
-      },
-      get "PullToRefresh"() {
-        return exports.PullToRefresh;
-      },
-      get "QrScanner"() {
-        return exports.QrScanner;
-      },
-      get "QuizBlock"() {
-        return exports.QuizBlock;
-      },
-      get "Radio"() {
-        return exports.Radio;
-      },
-      get "RangeSlider"() {
-        return exports.RangeSlider;
-      },
-      get "ReflectionBlock"() {
-        return exports.ReflectionBlock;
-      },
-      get "RelationSelect"() {
-        return exports.RelationSelect;
-      },
-      get "RepeatableFormSection"() {
-        return exports.RepeatableFormSection;
-      },
-      get "ReplyTree"() {
-        return exports.ReplyTree;
-      },
-      get "RichTextEditor"() {
-        return exports.RichTextEditor;
-      },
-      get "RuntimeDebugger"() {
-        return RuntimeDebugger;
-      },
-      get "ScaledDiagram"() {
-        return exports.ScaledDiagram;
-      },
-      get "ScoreDisplay"() {
-        return ScoreDisplay;
-      },
-      get "SearchInput"() {
-        return exports.SearchInput;
-      },
-      get "Section"() {
-        return exports.Section;
-      },
-      get "SectionHeader"() {
-        return exports.SectionHeader;
-      },
-      get "SegmentRenderer"() {
-        return exports.SegmentRenderer;
-      },
-      get "Select"() {
-        return exports.Select;
-      },
-      get "SequenceBar"() {
-        return SequenceBar;
-      },
-      get "SidePanel"() {
-        return exports.SidePanel;
-      },
-      get "Sidebar"() {
-        return exports.Sidebar;
-      },
-      get "SignaturePad"() {
-        return exports.SignaturePad;
-      },
-      get "SimpleGrid"() {
-        return exports.SimpleGrid;
-      },
-      get "Skeleton"() {
-        return Skeleton;
-      },
-      get "SocialProof"() {
-        return exports.SocialProof;
-      },
-      get "SortableList"() {
-        return exports.SortableList;
-      },
-      get "Spacer"() {
-        return SpacerPattern;
-      },
-      get "SpacerPattern"() {
-        return SpacerPattern;
-      },
-      get "Sparkline"() {
-        return exports.Sparkline;
-      },
-      get "Spinner"() {
-        return exports.Spinner;
-      },
-      get "Split"() {
-        return exports.Split;
-      },
-      get "SplitPane"() {
-        return exports.SplitPane;
-      },
-      get "Stack"() {
-        return exports.Stack;
-      },
-      get "StarRating"() {
-        return exports.StarRating;
-      },
-      get "StatBadge"() {
-        return StatBadge;
-      },
-      get "StatCard"() {
-        return exports.StatCard;
-      },
-      get "StatDisplay"() {
-        return exports.StatDisplay;
-      },
-      get "StateGraph"() {
-        return StateGraph;
-      },
-      get "StateJsonView"() {
-        return StateJsonView;
-      },
-      get "StateMachineView"() {
-        return exports.StateMachineView;
-      },
-      get "StatusDot"() {
-        return exports.StatusDot;
-      },
-      get "SubagentTracePanel"() {
-        return exports.SubagentTracePanel;
-      },
-      get "SvgBranch"() {
-        return exports.SvgBranch;
-      },
-      get "SvgConnection"() {
-        return exports.SvgConnection;
-      },
-      get "SvgFlow"() {
-        return exports.SvgFlow;
-      },
-      get "SvgGrid"() {
-        return exports.SvgGrid;
-      },
-      get "SvgLobe"() {
-        return exports.SvgLobe;
-      },
-      get "SvgMesh"() {
-        return exports.SvgMesh;
-      },
-      get "SvgMorph"() {
-        return exports.SvgMorph;
-      },
-      get "SvgNode"() {
-        return exports.SvgNode;
-      },
-      get "SvgPulse"() {
-        return exports.SvgPulse;
-      },
-      get "SvgRing"() {
-        return exports.SvgRing;
-      },
-      get "SvgShield"() {
-        return exports.SvgShield;
-      },
-      get "SvgStack"() {
-        return exports.SvgStack;
-      },
-      get "SwipeableRow"() {
-        return exports.SwipeableRow;
-      },
-      get "Switch"() {
-        return exports.Switch;
-      },
-      get "TabbedContainer"() {
-        return exports.TabbedContainer;
-      },
-      get "TableView"() {
-        return TableView;
-      },
-      get "Tabs"() {
-        return exports.Tabs;
-      },
-      get "TagInput"() {
-        return exports.TagInput;
-      },
-      get "TextHighlight"() {
-        return exports.TextHighlight;
-      },
-      get "Textarea"() {
-        return exports.Textarea;
-      },
-      get "ThemeToggle"() {
-        return exports.ThemeToggle;
-      },
-      get "TimeSlotCell"() {
-        return TimeSlotCell;
-      },
-      get "Timeline"() {
-        return exports.Timeline;
-      },
-      get "TimerDisplay"() {
-        return TimerDisplay;
-      },
-      get "Toast"() {
-        return exports.Toast;
-      },
-      get "ToastSlot"() {
-        return exports.ToastSlot;
-      },
-      get "Tooltip"() {
-        return exports.Tooltip;
-      },
-      get "TopNavItem"() {
-        return TopNavItem;
-      },
-      get "TraitFrame"() {
-        return TraitFrame;
-      },
-      get "TraitSlot"() {
-        return TraitSlot;
-      },
-      get "TrendIndicator"() {
-        return exports.TrendIndicator;
-      },
-      get "TypewriterText"() {
-        return exports.TypewriterText;
-      },
-      get "Typography"() {
-        return exports.Typography;
-      },
-      get "UISlotComponent"() {
-        return UISlotComponent;
-      },
-      get "UISlotRenderer"() {
-        return UISlotRenderer;
-      },
-      get "UploadDropZone"() {
-        return exports.UploadDropZone;
-      },
-      get "VStack"() {
-        return exports.VStack;
-      },
-      get "VersionDiff"() {
-        return exports.VersionDiff;
-      },
-      get "ViolationAlert"() {
-        return exports.ViolationAlert;
-      },
-      get "VoteStack"() {
-        return exports.VoteStack;
-      },
-      get "WizardContainer"() {
-        return exports.WizardContainer;
-      },
-      get "WizardNavigation"() {
-        return exports.WizardNavigation;
-      },
-      get "WizardProgress"() {
-        return exports.WizardProgress;
-      },
+      "Accordion": exports.Accordion,
+      "ActionPalette": ActionPalette,
+      "ActionTile": ActionTile,
+      "ActivationBlock": exports.ActivationBlock,
+      "AgentActivityFeed": AgentActivityFeed,
+      "AgentActivityRow": AgentActivityRow,
+      "AgentChatFeed": AgentChatFeed,
+      "Alert": AlertPattern,
+      "AlertPattern": AlertPattern,
+      "AlgoGraphCanvas": exports.AlgoGraphCanvas,
+      "AlgorithmCanvas": exports.AlgorithmCanvas,
+      "AnimatedCounter": exports.AnimatedCounter,
+      "AnimatedGraphic": exports.AnimatedGraphic,
+      "AnimatedReveal": exports.AnimatedReveal,
+      "Aside": exports.Aside,
+      "AtlasImage": AtlasImage,
+      "AtlasPanel": AtlasPanel,
+      "AuthLayout": exports.AuthLayout,
+      "Avatar": exports.Avatar,
+      "Badge": exports.Badge,
+      "BehaviorView": exports.BehaviorView,
+      "BiologyCanvas": exports.BiologyCanvas,
+      "BloomQuizBlock": exports.BloomQuizBlock,
+      "Box": BoxPattern,
+      "BoxPattern": BoxPattern,
+      "BranchingLogicBuilder": exports.BranchingLogicBuilder,
+      "Breadcrumb": exports.Breadcrumb,
+      "Button": ButtonPattern,
+      "ButtonGroup": exports.ButtonGroup,
+      "ButtonPattern": ButtonPattern,
+      "CalendarGrid": CalendarGrid,
+      "Canvas": Canvas,
+      "Canvas2D": Canvas2D,
+      "Card": exports.Card,
+      "Carousel": exports.Carousel,
+      "Center": exports.Center,
+      "ChangeList": exports.ChangeList,
+      "Chart": exports.Chart,
+      "ChartLegend": exports.ChartLegend,
+      "ChatBar": ChatBar,
+      "Checkbox": exports.Checkbox,
+      "ChemistryCanvas": exports.ChemistryCanvas,
+      "ChoiceButton": ChoiceButton,
+      "CodeBlock": exports.CodeBlock,
+      "CodeRunnerPanel": exports.CodeRunnerPanel,
+      "CommandPalette": exports.CommandPalette,
+      "CommitRow": exports.CommitRow,
+      "ConditionalWrapper": exports.ConditionalWrapper,
+      "ConfettiEffect": exports.ConfettiEffect,
+      "ConfirmDialog": exports.ConfirmDialog,
+      "ConnectionBlock": exports.ConnectionBlock,
+      "Container": exports.Container,
+      "ContentRenderer": exports.ContentRenderer,
+      "ControlButton": ControlButton,
+      "ControlGrid": ControlGrid,
+      "CounterTemplate": exports.CounterTemplate,
+      "DashboardGrid": exports.DashboardGrid,
+      "DashboardLayout": exports.DashboardLayout,
+      "DataGrid": DataGrid,
+      "DataList": DataList,
+      "DateRangePicker": exports.DateRangePicker,
+      "DateRangeSelector": exports.DateRangeSelector,
+      "DayCell": DayCell,
+      "DetailPanel": exports.DetailPanel,
+      "Dialog": exports.Dialog,
+      "DialogueBubble": DialogueBubble,
+      "Divider": DividerPattern,
+      "DividerPattern": DividerPattern,
+      "DocBreadcrumb": exports.DocBreadcrumb,
+      "DocPagination": DocPagination,
+      "DocSearch": DocSearch,
+      "DocSidebar": exports.DocSidebar,
+      "DocTOC": exports.DocTOC,
+      "DockLayout": exports.DockLayout,
+      "DocumentDetails": DocumentDetails,
+      "DocumentPanel": DocumentPanel,
+      "DocumentViewer": exports.DocumentViewer,
+      "DrawFxLayer": DrawFxLayer,
+      "DrawGroup": DrawGroup,
+      "DrawMesh": DrawMesh,
+      "DrawShape": DrawShape,
+      "DrawShapeLayer": DrawShapeLayer,
+      "DrawSkinnedMesh": DrawSkinnedMesh,
+      "DrawSprite": DrawSprite,
+      "DrawSpriteLayer": DrawSpriteLayer,
+      "DrawText": DrawText,
+      "DrawTextLayer": DrawTextLayer,
+      "Drawer": exports.Drawer,
+      "DrawerSlot": exports.DrawerSlot,
+      "EdgeDecoration": exports.EdgeDecoration,
+      "EmojiPicker": exports.EmojiPicker,
+      "EmptyState": exports.EmptyState,
+      "ErrorBoundary": exports.ErrorBoundary,
+      "ErrorState": exports.ErrorState,
+      "FeatureCard": exports.FeatureCard,
+      "FeatureGrid": exports.FeatureGrid,
+      "FileTree": exports.FileTree,
+      "FilterGroup": exports.FilterGroup,
+      "FilterPill": exports.FilterPill,
+      "Flex": exports.Flex,
+      "FlipCard": exports.FlipCard,
+      "FlipContainer": exports.FlipContainer,
+      "FloatingActionButton": exports.FloatingActionButton,
+      "FloatingToolbar": exports.FloatingToolbar,
+      "Form": exports.Form,
+      "FormField": exports.FormField,
+      "FormLayout": exports.FormLayout,
+      "FormSectionHeader": exports.FormSectionHeader,
+      "FxOverlay": exports.FxOverlay,
+      "GameAudioCue": GameAudioCue,
+      "GameAudioToggle": GameAudioToggle,
+      "GameHud": GameHud,
+      "GameIcon": GameIcon,
+      "GameMenu": GameMenu,
+      "GameShell": exports.GameShell,
+      "Gantt": Gantt,
+      "GenericAppTemplate": exports.GenericAppTemplate,
+      "GeometricPattern": exports.GeometricPattern,
+      "GradientDivider": exports.GradientDivider,
+      "GraphCanvas": exports.GraphCanvas,
+      "GraphView": exports.GraphView,
+      "Grid": exports.Grid,
+      "HStack": exports.HStack,
+      "Header": exports.Header,
+      "HealthBar": HealthBar,
+      "Icon": exports.Icon,
+      "IconButton": IconButtonPattern,
+      "IconButtonPattern": IconButtonPattern,
+      "Image": exports.Image,
+      "ImportPreviewTree": exports.ImportPreviewTree,
+      "ImportProgress": exports.ImportProgress,
+      "ImportSourcePicker": exports.ImportSourcePicker,
+      "InfiniteScrollSentinel": exports.InfiniteScrollSentinel,
+      "Input": exports.Input,
+      "InputGroup": exports.InputGroup,
+      "JazariStateMachine": exports.JazariStateMachine,
+      "Label": LabelPattern,
+      "LabelPattern": LabelPattern,
+      "LawReferenceTooltip": exports.LawReferenceTooltip,
+      "LearningCanvas": exports.LearningCanvas,
+      "Lightbox": exports.Lightbox,
+      "LikertScale": exports.LikertScale,
+      "LineChart": exports.LineChart,
+      "LoadingState": exports.LoadingState,
+      "MapView": MapView,
+      "MarkdownContent": exports.MarkdownContent,
+      "MasterDetailLayout": exports.MasterDetailLayout,
+      "MathCanvas": exports.MathCanvas,
+      "MatrixQuestion": exports.MatrixQuestion,
+      "MediaGallery": exports.MediaGallery,
+      "Menu": exports.Menu,
+      "Meter": exports.Meter,
+      "Modal": exports.Modal,
+      "ModalSlot": exports.ModalSlot,
+      "ModuleCard": exports.ModuleCard,
+      "Navigation": exports.Navigation,
+      "NumberStepper": exports.NumberStepper,
+      "OptionConstraintGroup": exports.OptionConstraintGroup,
+      "OrbitalVisualization": exports.OrbitalVisualization,
+      "Overlay": exports.Overlay,
+      "PageHeader": exports.PageHeader,
+      "PageTransition": exports.PageTransition,
+      "Pagination": exports.Pagination,
+      "PatternTile": exports.PatternTile,
+      "PhysicsCanvas": exports.PhysicsCanvas,
+      "Popover": exports.Popover,
+      "PositionedCanvas": exports.PositionedCanvas,
+      "Presence": exports.Presence,
+      "ProgressBar": exports.ProgressBar,
+      "ProgressDots": exports.ProgressDots,
+      "PullToRefresh": exports.PullToRefresh,
+      "QrScanner": exports.QrScanner,
+      "QuizBlock": exports.QuizBlock,
+      "Radio": exports.Radio,
+      "RangeSlider": exports.RangeSlider,
+      "ReflectionBlock": exports.ReflectionBlock,
+      "RelationSelect": exports.RelationSelect,
+      "RepeatableFormSection": exports.RepeatableFormSection,
+      "ReplyTree": exports.ReplyTree,
+      "RichTextEditor": exports.RichTextEditor,
+      "RuntimeDebugger": RuntimeDebugger,
+      "ScaledDiagram": exports.ScaledDiagram,
+      "ScoreDisplay": ScoreDisplay,
+      "SearchInput": exports.SearchInput,
+      "Section": exports.Section,
+      "SectionHeader": exports.SectionHeader,
+      "SegmentRenderer": exports.SegmentRenderer,
+      "Select": exports.Select,
+      "SequenceBar": SequenceBar,
+      "SidePanel": exports.SidePanel,
+      "Sidebar": exports.Sidebar,
+      "SignaturePad": exports.SignaturePad,
+      "SimpleGrid": exports.SimpleGrid,
+      "Skeleton": Skeleton,
+      "SocialProof": exports.SocialProof,
+      "SortableList": exports.SortableList,
+      "Spacer": SpacerPattern,
+      "SpacerPattern": SpacerPattern,
+      "Sparkline": exports.Sparkline,
+      "Spinner": exports.Spinner,
+      "Split": exports.Split,
+      "SplitPane": exports.SplitPane,
+      "Stack": exports.Stack,
+      "StarRating": exports.StarRating,
+      "StatBadge": StatBadge,
+      "StatCard": exports.StatCard,
+      "StatDisplay": exports.StatDisplay,
+      "StateGraph": StateGraph,
+      "StateJsonView": StateJsonView,
+      "StateMachineView": exports.StateMachineView,
+      "StatusDot": exports.StatusDot,
+      "SubagentTracePanel": exports.SubagentTracePanel,
+      "SvgBranch": exports.SvgBranch,
+      "SvgConnection": exports.SvgConnection,
+      "SvgFlow": exports.SvgFlow,
+      "SvgGrid": exports.SvgGrid,
+      "SvgLobe": exports.SvgLobe,
+      "SvgMesh": exports.SvgMesh,
+      "SvgMorph": exports.SvgMorph,
+      "SvgNode": exports.SvgNode,
+      "SvgPulse": exports.SvgPulse,
+      "SvgRing": exports.SvgRing,
+      "SvgShield": exports.SvgShield,
+      "SvgStack": exports.SvgStack,
+      "SwipeableRow": exports.SwipeableRow,
+      "Switch": exports.Switch,
+      "TabbedContainer": exports.TabbedContainer,
+      "TableView": TableView,
+      "Tabs": exports.Tabs,
+      "TagInput": exports.TagInput,
+      "TextHighlight": exports.TextHighlight,
+      "Textarea": exports.Textarea,
+      "ThemeToggle": exports.ThemeToggle,
+      "TimeSlotCell": TimeSlotCell,
+      "Timeline": exports.Timeline,
+      "TimerDisplay": TimerDisplay,
+      "Toast": exports.Toast,
+      "ToastSlot": exports.ToastSlot,
+      "Tooltip": exports.Tooltip,
+      "TopNavItem": TopNavItem,
+      "TraitFrame": TraitFrame,
+      "TraitSlot": TraitSlot,
+      "TrendIndicator": exports.TrendIndicator,
+      "TypewriterText": exports.TypewriterText,
+      "Typography": exports.Typography,
+      "UISlotComponent": UISlotComponent,
+      "UISlotRenderer": UISlotRenderer,
+      "UploadDropZone": exports.UploadDropZone,
+      "VStack": exports.VStack,
+      "VersionDiff": exports.VersionDiff,
+      "ViolationAlert": exports.ViolationAlert,
+      "VoteStack": exports.VoteStack,
+      "WizardContainer": exports.WizardContainer,
+      "WizardNavigation": exports.WizardNavigation,
+      "WizardProgress": exports.WizardProgress,
       // Semantic aliases
-      get "Text"() {
-        return TextPattern;
-      }
+      "Text": TextPattern
     };
   }
 });
@@ -53191,6 +52753,7 @@ function UISlotComponentInner({
   const awaiting = isPortalSlot(slot) ? void 0 : awaitingSkeleton ?? runtimeAwaiting;
   const regionClassName = fallback !== void 0 ? cn("contents", className) : className;
   const binding = providers.useEntityBindingSnapshot(rawContent?.sourceTrait);
+  const i18n = hooks.useRenderI18n();
   const content = React82.useMemo(() => {
     if (!rawContent) return rawContent;
     const resolvedProps = resolveRenderBindingMarkers(
@@ -53198,10 +52761,11 @@ function UISlotComponentInner({
       rawContent.sourceTrait,
       binding.entity,
       binding.config,
-      binding.state
+      binding.state,
+      i18n
     );
     return resolvedProps === rawContent.props ? rawContent : { ...rawContent, props: resolvedProps };
-  }, [rawContent, binding.entity, binding.config, binding.state]);
+  }, [rawContent, binding.entity, binding.config, binding.state, i18n]);
   const animatedPortal = isAnimatedPortalSlot(slot);
   const holdForPending = useScopeHasPending(React82.useContext(PendingScopeContext));
   const runtimePresence = useSlotPresence(portal && animatedPortal ? content ?? null : null, holdForPending);
@@ -53839,9 +53403,10 @@ function SlotContentRenderer({
   const ambientScope = providers.useTraitScope();
   const bindingTrait = content.sourceTrait ?? ambientScope?.trait;
   const binding = providers.useEntityBindingSnapshot(bindingTrait);
+  const i18n = hooks.useRenderI18n();
   const liveProps = React82.useMemo(
-    () => resolveRenderBindingMarkers(content.props, bindingTrait, binding.entity, binding.config, binding.state),
-    [content.props, bindingTrait, binding.entity, binding.config, binding.state]
+    () => resolveRenderBindingMarkers(content.props, bindingTrait, binding.entity, binding.config, binding.state, i18n),
+    [content.props, bindingTrait, binding.entity, binding.config, binding.state, i18n]
   );
   const propsObj = typeof liveProps === "string" ? {} : liveProps;
   const entityProp = propsObj.entity;
@@ -57506,6 +57071,10 @@ function I18nProvider({ value, children, documentRoot }) {
 function useTranslate156() {
   return React82.useContext(I18nContext);
 }
+function useRenderI18n2() {
+  const { locale, messages } = React82.useContext(I18nContext);
+  return React82.useMemo(() => messages !== void 0 ? { locale, messages } : void 0, [locale, messages]);
+}
 function useFormatContext12() {
   const { t, locale, currency } = React82.useContext(I18nContext);
   return React82.useMemo(
@@ -57877,6 +57446,7 @@ exports.usePresence = usePresence;
 exports.usePreview = usePreview;
 exports.usePullToRefresh = usePullToRefresh;
 exports.useQuerySingleton = useQuerySingleton;
+exports.useRenderI18n = useRenderI18n2;
 exports.useRenderInterpolation = useRenderInterpolation;
 exports.useSharedEntitySnapshot = useSharedEntitySnapshot;
 exports.useSharedEntityStore = useSharedEntityStore;