@almadar/ui 6.53.1 → 6.55.0

package/dist/context/index.cjs

@@ -557,6 +557,7 @@ function useSlotHasContent(slot) {
 // providers/builtInThemes.ts
 var BUILT_IN_THEMES = [
   { name: "almadar", displayName: "Almadar", hasLightMode: true, hasDarkMode: true },
+  { name: "almadar-heritage", displayName: "Almadar Heritage", hasLightMode: true, hasDarkMode: true },
   { name: "almadar-website", displayName: "Almadar Website", hasLightMode: true, hasDarkMode: true },
   { name: "aqua", displayName: "Aqua Gel", hasLightMode: true, hasDarkMode: true },
   { name: "arabesque", displayName: "Arabesque", hasLightMode: true, hasDarkMode: true },
@@ -594,6 +595,7 @@ var BUILT_IN_THEMES = [
   { name: "neumorphic", displayName: "Neumorphic", hasLightMode: true, hasDarkMode: true },
   { name: "newsprint", displayName: "Newsprint", hasLightMode: true, hasDarkMode: true },
   { name: "notion-editorial", displayName: "Notion Editorial", hasLightMode: true, hasDarkMode: true },
+  { name: "orb", displayName: "Orb", hasLightMode: true, hasDarkMode: true },
   { name: "pixel", displayName: "Pixel Quest", hasLightMode: true, hasDarkMode: true },
   { name: "prism", displayName: "Prism", hasLightMode: true, hasDarkMode: true },
   { name: "retro", displayName: "Retro", hasLightMode: true, hasDarkMode: true },
@@ -908,7 +910,38 @@ var SURFACE_VARS = [
   { cssVar: "--surface-backdrop", key: "backdrop" },
   { cssVar: "--surface-card-image", key: "cardImage" },
   { cssVar: "--surface-page-image", key: "pageImage" },
-  { cssVar: "--surface-page-image-size", key: "pageImageSize" }
+  { cssVar: "--surface-page-image-size", key: "pageImageSize" },
+  { cssVar: "--surface-diagram", key: "diagram" }
+];
+var DIAGRAM_VARS = [
+  { cssVar: "--diagram-stroke-thin", key: "strokeThin" },
+  { cssVar: "--diagram-stroke-normal", key: "strokeNormal" },
+  { cssVar: "--diagram-stroke-bold", key: "strokeBold" },
+  { cssVar: "--diagram-line-cap", key: "lineCap" },
+  { cssVar: "--diagram-line-join", key: "lineJoin" },
+  { cssVar: "--diagram-dash", key: "dash" },
+  { cssVar: "--diagram-dot", key: "dot" },
+  { cssVar: "--diagram-fill-style", key: "fillStyle" },
+  { cssVar: "--diagram-fill-opacity", key: "fillOpacity" },
+  { cssVar: "--diagram-roughness", key: "roughness" },
+  { cssVar: "--diagram-glow", key: "glow" },
+  { cssVar: "--diagram-shadow", key: "shadow" },
+  { cssVar: "--diagram-marker", key: "marker" },
+  { cssVar: "--diagram-label-font", key: "labelFont" },
+  { cssVar: "--diagram-label-size", key: "labelSize" },
+  { cssVar: "--diagram-label-weight", key: "labelWeight" },
+  { cssVar: "--diagram-label-case", key: "labelCase" },
+  { cssVar: "--diagram-corner", key: "corner" }
+];
+var SCENE_VARS = [
+  { cssVar: "--material-roughness", key: "materialRoughness" },
+  { cssVar: "--material-metalness", key: "materialMetalness" },
+  { cssVar: "--material-flat", key: "materialFlat" },
+  { cssVar: "--material-outline", key: "materialOutline" },
+  { cssVar: "--light-ambient", key: "lightAmbient" },
+  { cssVar: "--light-key", key: "lightKey" },
+  { cssVar: "--light-key-color", key: "lightKeyColor" },
+  { cssVar: "--scene-fog", key: "fog" }
 ];
 var LEGACY_PREFIXES = {
   colors: "--color-",
@@ -969,6 +1002,10 @@ function themeTokensToCssVars(tokens, mode = "light", darkVariant) {
   emitGeometry(pickGeometry, vars);
   const pickSurface = isDark && darkVariant?.surface ? darkVariant.surface : tokens.surface;
   applyFlat(pickSurface, SURFACE_VARS, vars);
+  const pickDiagram = isDark && darkVariant?.diagram ? darkVariant.diagram : tokens.diagram;
+  applyFlat(pickDiagram, DIAGRAM_VARS, vars);
+  const pickScene = isDark && darkVariant?.scene ? darkVariant.scene : tokens.scene;
+  applyFlat(pickScene, SCENE_VARS, vars);
   return vars;
 }
 function emitDensity(density, vars) {

package/dist/context/index.d.ts

@@ -1,7 +1,7 @@
 export { U as UISlotContext, a as UISlotProvider, u as useSlotContent, b as useSlotHasContent, c as useUISlots } from '../UISlotContext-CS487Uoc.js';
 import { U as UIThemeDefinition } from '../ArbitraryClassCompiler-DvzdeHxc.js';
 export { A as ARBITRARY_CLASS_STYLE_ID, a as ArbitraryClassCompiler, b as ArbitraryClassCompilerProvider, c as ArbitraryClassCompilerProviderProps, C as ColorMode, d as CurrentPagePathContext, e as CurrentPagePathProvider, f as CurrentPagePathProviderProps, D as DesignTheme, g as DesignThemeProvider, O as OrbitalThemeProvider, h as OrbitalThemeProviderProps, R as ResolvedMode, T as ThemeContext, i as ThemeProvider, j as ThemeProviderProps, k as ThemeScope, l as ThemeScopeContext, u as useArbitraryClassStyles, m as useCurrentPagePath, n as useDesignTheme, o as useTheme, p as useThemeScope } from '../ArbitraryClassCompiler-DvzdeHxc.js';
-export { T as ThemeMode, r as resolveThemeForRuntime, t as themeTokensToCssVars } from '../themeTokens-Ccu7EmGY.js';
+export { T as ThemeMode, r as resolveThemeForRuntime, t as themeTokensToCssVars } from '../themeTokens-D6MFwKrC.js';
 export { U as UserContext, a as UserContextValue, b as UserData, c as UserProvider, d as UserProviderProps, u as useHasPermission, e as useHasRole, f as useUser, g as useUserForEvaluation } from '../UserContext-D566nfWA.js';
 export { ANONYMOUS_USER, UISlot } from '@almadar/core';
 export { S as SlotChangeCallback, a as SlotContent, b as SlotRenderConfig, U as UISlotManager } from '../useUISlots-1dk2TR4j.js';

package/dist/context/index.js

@@ -1,5 +1,5 @@
-export { resolveThemeForRuntime, themeTokensToCssVars } from '../chunk-6O37FCX4.js';
 import { useUISlotManager } from '../chunk-VHTJRS2N.js';
+export { resolveThemeForRuntime, themeTokensToCssVars } from '../chunk-V3FGTQUE.js';
 import '../chunk-PEST66PN.js';
 import '../chunk-QPXIAUJD.js';
 import { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
@@ -35,6 +35,7 @@ function useSlotHasContent(slot) {
 // providers/builtInThemes.ts
 var BUILT_IN_THEMES = [
   { name: "almadar", displayName: "Almadar", hasLightMode: true, hasDarkMode: true },
+  { name: "almadar-heritage", displayName: "Almadar Heritage", hasLightMode: true, hasDarkMode: true },
   { name: "almadar-website", displayName: "Almadar Website", hasLightMode: true, hasDarkMode: true },
   { name: "aqua", displayName: "Aqua Gel", hasLightMode: true, hasDarkMode: true },
   { name: "arabesque", displayName: "Arabesque", hasLightMode: true, hasDarkMode: true },
@@ -72,6 +73,7 @@ var BUILT_IN_THEMES = [
   { name: "neumorphic", displayName: "Neumorphic", hasLightMode: true, hasDarkMode: true },
   { name: "newsprint", displayName: "Newsprint", hasLightMode: true, hasDarkMode: true },
   { name: "notion-editorial", displayName: "Notion Editorial", hasLightMode: true, hasDarkMode: true },
+  { name: "orb", displayName: "Orb", hasLightMode: true, hasDarkMode: true },
   { name: "pixel", displayName: "Pixel Quest", hasLightMode: true, hasDarkMode: true },
   { name: "prism", displayName: "Prism", hasLightMode: true, hasDarkMode: true },
   { name: "retro", displayName: "Retro", hasLightMode: true, hasDarkMode: true },

package/dist/design-classes/index.cjs

@@ -362,23 +362,37 @@ function tokenOfDesignClass(className) {
 function isArbitraryClass(className) {
   return /^[a-z0-9:@/-]*-\[[^\]\s]+\]$/i.test(className);
 }
-function arbitraryClassesOf(schema) {
-  const found = /* @__PURE__ */ new Set();
-  const visit = (value) => {
-    if (Array.isArray(value)) {
-      value.forEach(visit);
-      return;
+function collectClasses(value, found) {
+  if (Array.isArray(value)) {
+    for (const item of value) collectClasses(item, found);
+    return;
+  }
+  if (value === null || typeof value !== "object") return;
+  for (const [key, child] of Object.entries(value)) {
+    if (key === "className" && typeof child === "string") {
+      for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
+    } else {
+      collectClasses(child, found);
     }
-    if (value === null || typeof value !== "object") return;
-    for (const [key, child] of Object.entries(value)) {
-      if (key === "className" && typeof child === "string") {
-        for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
-      } else {
-        visit(child);
-      }
+  }
+}
+function classesOfPart(part) {
+  const found = /* @__PURE__ */ new Set();
+  collectClasses(JSON.parse(JSON.stringify(part)), found);
+  return [...found];
+}
+var classesByOrbital = /* @__PURE__ */ new WeakMap();
+function arbitraryClassesOf(schema) {
+  const { orbitals, _metadata: _provenance, ledger: _identities, ...rest } = schema;
+  const found = new Set(classesOfPart(rest));
+  for (const orbital of orbitals ?? []) {
+    let classes = classesByOrbital.get(orbital);
+    if (!classes) {
+      classes = classesOfPart(orbital);
+      classesByOrbital.set(orbital, classes);
     }
-  };
-  visit(JSON.parse(JSON.stringify(schema)));
+    for (const cls of classes) found.add(cls);
+  }
   return [...found].sort();
 }
 

package/dist/design-classes/index.d.cts

@@ -157,6 +157,7 @@ declare function isArbitraryClass(className: string): boolean;
  * sorted. Tailwind only compiles classes it saw at build time, so a runtime
  * that renders a schema compiles these on demand (the scale and token classes
  * are safelisted by the preset). Bound (expression) classNames are skipped.
+ * `_metadata` and `ledger` are provenance and identity records, never render trees.
  */
 declare function arbitraryClassesOf(schema: OrbitalSchema): string[];
 

package/dist/design-classes/index.d.ts

@@ -157,6 +157,7 @@ declare function isArbitraryClass(className: string): boolean;
  * sorted. Tailwind only compiles classes it saw at build time, so a runtime
  * that renders a schema compiles these on demand (the scale and token classes
  * are safelisted by the preset). Bound (expression) classNames are skipped.
+ * `_metadata` and `ledger` are provenance and identity records, never render trees.
  */
 declare function arbitraryClassesOf(schema: OrbitalSchema): string[];
 

package/dist/design-classes/index.js

@@ -360,23 +360,37 @@ function tokenOfDesignClass(className) {
 function isArbitraryClass(className) {
   return /^[a-z0-9:@/-]*-\[[^\]\s]+\]$/i.test(className);
 }
-function arbitraryClassesOf(schema) {
-  const found = /* @__PURE__ */ new Set();
-  const visit = (value) => {
-    if (Array.isArray(value)) {
-      value.forEach(visit);
-      return;
+function collectClasses(value, found) {
+  if (Array.isArray(value)) {
+    for (const item of value) collectClasses(item, found);
+    return;
+  }
+  if (value === null || typeof value !== "object") return;
+  for (const [key, child] of Object.entries(value)) {
+    if (key === "className" && typeof child === "string") {
+      for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
+    } else {
+      collectClasses(child, found);
     }
-    if (value === null || typeof value !== "object") return;
-    for (const [key, child] of Object.entries(value)) {
-      if (key === "className" && typeof child === "string") {
-        for (const cls of child.split(/\s+/)) if (cls && isArbitraryClass(cls)) found.add(cls);
-      } else {
-        visit(child);
-      }
+  }
+}
+function classesOfPart(part) {
+  const found = /* @__PURE__ */ new Set();
+  collectClasses(JSON.parse(JSON.stringify(part)), found);
+  return [...found];
+}
+var classesByOrbital = /* @__PURE__ */ new WeakMap();
+function arbitraryClassesOf(schema) {
+  const { orbitals, _metadata: _provenance, ledger: _identities, ...rest } = schema;
+  const found = new Set(classesOfPart(rest));
+  for (const orbital of orbitals ?? []) {
+    let classes = classesByOrbital.get(orbital);
+    if (!classes) {
+      classes = classesOfPart(orbital);
+      classesByOrbital.set(orbital, classes);
     }
-  };
-  visit(JSON.parse(JSON.stringify(schema)));
+    for (const cls of classes) found.add(cls);
+  }
   return [...found].sort();
 }
 

package/dist/hooks/index.cjs

@@ -1793,6 +1793,7 @@ var en_default = {
   "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}}",
@@ -1921,6 +1922,7 @@ var en_default = {
   "template.ourTeam": "Our Team",
   "template.caseStudies": "Case Studies",
   "versionDiff.compare": "Compare",
+  "versionDiff.changes": "Changes",
   "versionDiff.to": "to",
   "versionDiff.beforeRevision": "Before revision",
   "versionDiff.afterRevision": "After revision",
@@ -2647,6 +2649,7 @@ var en_default = {
   "gridPicker.moreRefine": "+{{count}} more \u2014 refine your search",
   "graphCanvas.noNodes": "No nodes to display.",
   "codeBlock.noCode": "No code to display.",
+  "codeBlock.region": "Code",
   "fab.action": "Action",
   "fab.closeActions": "Close actions",
   "fab.openActions": "Open actions",
@@ -2963,7 +2966,14 @@ var en_default = {
   "agentActivity.earlierConversations": "Earlier conversations ({{count}})",
   "agentActivity.earlierActivity": "Earlier activity",
   "tabs.scrollStart": "Scroll tabs back",
-  "tabs.scrollEnd": "Scroll tabs forward"
+  "tabs.scrollEnd": "Scroll tabs forward",
+  "agentChat.workedThrough": "Worked through {{count}} steps",
+  "agentChat.newMessages": "New messages",
+  "agentChat.copy": "Copy reply",
+  "agentChat.copied": "Copied",
+  "agentChat.today": "Today",
+  "agentChat.yesterday": "Yesterday",
+  "agentChat.emptyDescription": "Ask in your own words \u2014 the assistant can look things up and make changes for you."
 };
 
 // lib/format.ts
@@ -3000,6 +3010,10 @@ function I18nProvider({ value, children, documentRoot }) {
 function useTranslate() {
   return React.useContext(I18nContext);
 }
+function useRenderI18n() {
+  const { locale, messages } = React.useContext(I18nContext);
+  return React.useMemo(() => messages !== void 0 ? { locale, messages } : void 0, [locale, messages]);
+}
 function useFormatContext() {
   const { t, locale, currency } = React.useContext(I18nContext);
   return React.useMemo(
@@ -3741,6 +3755,7 @@ exports.usePrefersReducedMotion = usePrefersReducedMotion;
 exports.usePreview = usePreview;
 exports.usePullToRefresh = usePullToRefresh;
 exports.useQuerySingleton = useQuerySingleton;
+exports.useRenderI18n = useRenderI18n;
 exports.useRenderInterpolation = useRenderInterpolation;
 exports.useSharedEntitySnapshot = useSharedEntitySnapshot;
 exports.useSharedEntityStore = useSharedEntityStore;

package/dist/hooks/index.d.ts

@@ -32,6 +32,8 @@ interface I18nContextValue {
     direction: 'ltr' | 'rtl';
     /** Translate a key, with optional interpolation params */
     t: TranslateFunction;
+    /** The active locale's program catalog (qualified `<behavior>:<key>` → message): the runtime evaluates `i18n/t` against it. */
+    messages?: Readonly<Record<string, string>>;
     /** ISO 4217 currency of the app's money values, declared by the host with the locale (e.g. `SAR` for an ar-SA app) */
     currency?: string;
 }
@@ -57,6 +59,13 @@ declare function I18nProvider({ value, children, documentRoot }: I18nProviderPro
  * Safe to call without a provider — returns passthrough t().
  */
 declare function useTranslate(): I18nContextValue;
+/** The viewer's locale and its catalog, for `i18n/t` / `@locale` evaluated in the browser. */
+interface RenderI18n {
+    locale: string;
+    messages: Readonly<Record<string, string>>;
+}
+/** The provider's locale + catalog as one identity-stable value; undefined when the host supplied no catalog. */
+declare function useRenderI18n(): RenderI18n | undefined;
 /** The app's formatting settings for `formatValue`: its locale, currency and translated Yes/No. */
 declare function useFormatContext(): FormatContext;
 /**
@@ -1070,4 +1079,4 @@ declare function useGitHubBranches(owner: string, repo: string, enabled?: boolea
     branches: string[];
 }>, Error>;
 
-export { ALMADAR_DND_MIME, type AuthContextValue, type AuthUser, type CanvasGestureCallbacks, type CanvasGestureHandlers, type CompileResult, type CompileStage, type DragReorderResult, type DraggablePayload, EventBusContextType, type Extension, type ExtensionManifest, type FileSystemFile, type FileSystemStatus, type GitHubRepo, type GitHubStatus, type I18nContextValue, I18nProvider, type InfiniteScrollOptions, type InfiniteScrollResult, type LongPressHandlers, type LongPressOptions, type OpenFile, type Positioned, type PullToRefreshOptions, type PullToRefreshResult, type QuerySingletonEntity, type QuerySingletonResult, type QuerySingletonState, type QueryState, type RenderInterpolationHandle, type RenderInterpolationOptions, type SelectedFile, type SharedEntityStore, SharedEntityStoreContext, type SharedEntitySubscriber, type SharedEntityWriter, type SwipeGestureOptions, type SwipeGestureResult, type SwipeHandlers, type TapRevealOptions, type TapRevealResult, type TraitListenSpec, type TranslateFunction, type UseCanvasGesturesOptions, type UseCompileResult, type UseDraggableOptions, type UseDraggableResult, type UseDropZoneOptions, type UseDropZoneResult, type UseExtensionsOptions, type UseExtensionsResult, type UseFileEditorOptions, type UseFileEditorResult, type UseFileSystemResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useFormatContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePreview, usePullToRefresh, useQuerySingleton, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation };
+export { ALMADAR_DND_MIME, type AuthContextValue, type AuthUser, type CanvasGestureCallbacks, type CanvasGestureHandlers, type CompileResult, type CompileStage, type DragReorderResult, type DraggablePayload, EventBusContextType, type Extension, type ExtensionManifest, type FileSystemFile, type FileSystemStatus, type GitHubRepo, type GitHubStatus, type I18nContextValue, I18nProvider, type InfiniteScrollOptions, type InfiniteScrollResult, type LongPressHandlers, type LongPressOptions, type OpenFile, type Positioned, type PullToRefreshOptions, type PullToRefreshResult, type QuerySingletonEntity, type QuerySingletonResult, type QuerySingletonState, type QueryState, type RenderI18n, type RenderInterpolationHandle, type RenderInterpolationOptions, type SelectedFile, type SharedEntityStore, SharedEntityStoreContext, type SharedEntitySubscriber, type SharedEntityWriter, type SwipeGestureOptions, type SwipeGestureResult, type SwipeHandlers, type TapRevealOptions, type TapRevealResult, type TraitListenSpec, type TranslateFunction, type UseCanvasGesturesOptions, type UseCompileResult, type UseDraggableOptions, type UseDraggableResult, type UseDropZoneOptions, type UseDropZoneResult, type UseExtensionsOptions, type UseExtensionsResult, type UseFileEditorOptions, type UseFileEditorResult, type UseFileSystemResult, createSharedEntityStore, createTranslate, parseQueryBinding, runTickFrame, useAgentChat, useAuthContext, useCanvasGestures, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useDragReorder, useDraggable, useDropZone, useEmitEvent, useEventBus, useEventListener, useExtensions, useFileEditor, useFileSystem, useFormatContext, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePreview, usePullToRefresh, useQuerySingleton, useRenderI18n, useRenderInterpolation, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useSwipeGesture, useTapReveal, useTraitListens, useTranslate, useUIEvents, useValidation };

package/dist/hooks/index.js

@@ -1,11 +1,10 @@
 export { keyChord, mergeCaptureTables, useAgentChat, useCompile, useConnectGitHub, useDeepAgentGeneration, useDisconnectGitHub, useExtensions, useFileEditor, useFileSystem, useGitHubBranches, useGitHubRepo, useGitHubRepos, useGitHubStatus, useKeyboardRouter, useNavStack, usePreview, useRenderInterpolation, useTraitListens, useUIEvents, useValidation } from '../chunk-2LFBQ4IS.js';
-export { I18nProvider, createTranslate, useFormatContext, useTranslate } from '../chunk-E37BYSXY.js';
-export { SharedEntityStoreContext, createSharedEntityStore, runTickFrame, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext } from '../chunk-DQTV6QVS.js';
+export { I18nProvider, SharedEntityStoreContext, createSharedEntityStore, createTranslate, runTickFrame, useFormatContext, useRenderI18n, useSharedEntitySnapshot, useSharedEntityStore, useSharedEntityStoreContext, useTranslate } from '../chunk-QGH4NAQO.js';
 export { DEFAULT_SLOTS, useUISlotManager } from '../chunk-VHTJRS2N.js';
 export { ALMADAR_DND_MIME, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useDraggable, useDropZone, useInfiniteScroll, useLongPress, useMediaQuery, usePrefersReducedMotion, usePullToRefresh, useQuerySingleton, useSwipeGesture } from '../chunk-JRW33U35.js';
 export { useTapReveal } from '../chunk-XJTHMW4G.js';
 export { useEmitEvent, useEventBus, useEventListener } from '../chunk-6EV3OEBQ.js';
+import '../chunk-RNY5LJXJ.js';
+import '../chunk-HRCR53OW.js';
 import '../chunk-PEST66PN.js';
-import '../chunk-QVXLKFUQ.js';
-import '../chunk-7KSLPY56.js';
 import '../chunk-QPXIAUJD.js';