@almadar/ui 6.53.1 → 6.55.0

package/dist/runtime/index.d.ts

@@ -1,9 +1,9 @@
-import { EventPayload, OrbitalDefinition, ServiceParams, TraitConfig, UserContext, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, EntityData } from '@almadar/core';
+import { EventPayload, OrbitalDefinition, ServiceParams, TraitConfig, UserContext, ResolvedTraitBinding, ResolvedPage, ResolvedEntity, ResolvedTrait, ResolvedIR, OrbitalSchema, PatternConfig, ResolvedPatternProps, EventSource, SExpr, EntityData, MessageCatalogs } from '@almadar/core';
 export { ResolvedEntity, ResolvedIR, ResolvedPage, ResolvedTrait, ResolvedTraitBinding } from '@almadar/core';
-import { TraitState, EventTransport, PersistenceAdapter, AccessTokenProvider } from '@almadar/runtime';
+import { TraitState, EventTransport, PersistenceAdapter, AccessTokenProvider, SchemaLoader } from '@almadar/runtime';
 export { AccessTokenProvider, ClientEventBus, CreateClientEffectHandlersOptions, SlotSetter, createClientEffectHandlers } from '@almadar/runtime';
-import { E as EntityBindingSource, A as AwaitingSkeletonSource, S as ServerBridgeTransport } from '../AwaitingSkeletonContext-Bh399p1x.js';
-export { a as EntitySchemaContextValue, b as EntitySchemaProvider, c as EntitySchemaProviderProps, d as ServerBridgeContextValue, e as ServerBridgeProvider, T as TraitContext, f as TraitContextValue, g as TraitInstance, h as TraitProvider, i as TraitProviderProps, u as useEntitySchema, j as useEntitySchemaOptional, k as useServerBridge, l as useTrait, m as useTraitContext } from '../AwaitingSkeletonContext-Bh399p1x.js';
+import { E as EntityBindingSource, A as AwaitingSkeletonSource, S as ServerBridgeTransport } from '../AwaitingSkeletonContext-DPgW__WV.js';
+export { a as EntitySchemaContextValue, b as EntitySchemaProvider, c as EntitySchemaProviderProps, d as ServerBridgeContextValue, e as ServerBridgeProvider, T as TraitContext, f as TraitContextValue, g as TraitInstance, h as TraitProvider, i as TraitProviderProps, u as useEntitySchema, j as useEntitySchemaOptional, k as useServerBridge, l as useTrait, m as useTraitContext } from '../AwaitingSkeletonContext-DPgW__WV.js';
 import { c as useUISlots } from '../UISlotContext-CS487Uoc.js';
 export { PERF_NAMESPACE, PerfEntry, PreparedPreviewSchema, adjustSchemaForMockData, buildMockData, clearPerf, perfEnd, perfStart, perfTime, prepareSchemaForPreview, wrapCallbackForEvent } from '@almadar/runtime/ui';
 import React__default, { ReactNode } from 'react';
@@ -44,6 +44,8 @@ interface UseTraitStateMachineOptions {
     /** Hold every dispatch until the transport's topology is known. */
     awaitTopology?: boolean;
     persistence?: PersistenceAdapter;
+    /** The browser store for `[persistent: x, local]` entities (see `useCircuitKernel`). */
+    browserStore?: PersistenceAdapter;
     callService?: (service: string, action: string, params?: ServiceParams) => Promise<EventPayload>;
     traitConfigsByName?: Record<string, TraitConfig>;
     embeddedTraits?: ReadonlySet<string>;
@@ -232,6 +234,18 @@ interface OrbPreviewProps {
      * picker). Omitted → each page renders in its own orbital's theme.
      */
     themeOverride?: string;
+    /**
+     * Loads the behavior behind a `lazyPages` entry (`uses lazy`) when its page
+     * is opened. Without it, opening a lazy page shows a load error.
+     */
+    lazyLoader?: SchemaLoader;
+    /** Where `schema` was loaded from — a lazy page's `orbRef` resolves against it. */
+    schemaPath?: string;
+    /**
+     * Called with a path that matches none of this schema's pages — a lazily
+     * loaded behavior hands links back to the schema that imported it.
+     */
+    onUnmatchedNavigate?: (path: string) => void;
 }
 /**
  * Renders a live preview of an Orbital schema.
@@ -246,7 +260,7 @@ interface OrbPreviewProps {
  * <OrbPreview schema={schema} serverUrl="/api/orbitals" />
  * ```
  */
-declare function OrbPreview({ schema, mockData, autoMock, height, className, serverUrl, transport, getAccessToken, initialPagePath, isolated, fit, onPageChange, user, localFallbackTimeoutMs, themeOverride, }: OrbPreviewProps): React__default.ReactElement;
+declare function OrbPreview({ schema, mockData, autoMock, height, className, serverUrl, transport, getAccessToken, initialPagePath, isolated, fit, onPageChange, user, localFallbackTimeoutMs, themeOverride, lazyLoader, schemaPath, onUnmatchedNavigate, }: OrbPreviewProps): React__default.ReactElement;
 declare namespace OrbPreview {
     var displayName: string;
 }
@@ -290,8 +304,16 @@ interface BrowserPlaygroundProps {
     onPageChange?: (path: string) => void;
     /** Who is viewing (`@user`). Default: the app's first seeded persona. */
     viewer?: UserContext;
+    /** The program's message catalogs (`orb resolve`'s `<stem>.<locale>.json`), for a schema that declares `locales`. */
+    messages?: MessageCatalogs;
+    /** The viewer's locale. Default: the schema's first declared locale. */
+    locale?: string;
+    /** Loads each `lazyPages` behavior (`uses lazy`): the in-browser runtime runs them with the program, as a server does. */
+    lazyLoader?: SchemaLoader;
+    /** Where `schema` was loaded from — a lazy page's `orbRef` resolves against it. */
+    schemaPath?: string;
 }
-declare function BrowserPlayground({ schema, mode, initialPagePath, height, className, paused, fit, onPageChange, viewer, }: BrowserPlaygroundProps): React__default.ReactElement;
+declare function BrowserPlayground({ schema, mode, initialPagePath, height, className, paused, fit, onPageChange, viewer, messages, locale, lazyLoader, schemaPath, }: BrowserPlaygroundProps): React__default.ReactElement;
 
 /**
  * OrbitalPluginHost — runs an ordinary behavior headless against the

package/dist/runtime/index.js

@@ -1,20 +1,20 @@
-export { BrowserPlayground, OrbPreview, adjustSchemaForMockData, buildMockData, clearSchemaCache, prepareSchemaForPreview, useResolvedSchema, useTraitStateMachine } from '../chunk-53VTY5CC.js';
+export { BrowserPlayground, OrbPreview, adjustSchemaForMockData, buildMockData, clearSchemaCache, prepareSchemaForPreview, useResolvedSchema, useTraitStateMachine } from '../chunk-FQM37C56.js';
 export { assertUniqueSlotsPerHost } from '../chunk-O2EIWXWE.js';
-import '../chunk-DQTV6QVS.js';
+import '../chunk-QGH4NAQO.js';
 import '../chunk-VHTJRS2N.js';
-export { wrapCallbackForEvent } from '../chunk-HUG25TT3.js';
-import '../chunk-PQKU62LK.js';
-import '../chunk-7LM6I3NA.js';
-import '../chunk-HB4C27KU.js';
+export { wrapCallbackForEvent } from '../chunk-XZKGRSIO.js';
+import '../chunk-Y53Q55H5.js';
+import '../chunk-HCSJHRC4.js';
 import '../chunk-JRW33U35.js';
 import '../chunk-XJTHMW4G.js';
 import { useEventBus } from '../chunk-6EV3OEBQ.js';
-import '../chunk-PEST66PN.js';
 export { PERF_NAMESPACE, clearPerf, perfEnd, perfStart, perfTime, profilerOnRender, usePerfBuffer } from '../chunk-KQXXO42S.js';
-import '../chunk-O7OLVVBR.js';
+import '../chunk-Q47ZN2DW.js';
 import '../chunk-64WACXM7.js';
-import '../chunk-QVXLKFUQ.js';
-import '../chunk-7KSLPY56.js';
+import '../chunk-RNY5LJXJ.js';
+import '../chunk-HRCR53OW.js';
+import '../chunk-PQKU62LK.js';
+import '../chunk-PEST66PN.js';
 import '../chunk-QPXIAUJD.js';
 export { EntitySchemaProvider, ServerBridgeProvider, TraitContext, TraitProvider, useEntitySchema, useEntitySchemaOptional, useServerBridge, useTrait, useTraitContext } from '@almadar/ui/providers';
 export { createClientEffectHandlers } from '@almadar/runtime';
@@ -22,6 +22,7 @@ import { createContext, useMemo, useState, useRef, useCallback, useContext, useE
 import { OrbitalServerRuntime } from '@almadar/runtime/OrbitalServerRuntime';
 import { UI_SLOTS } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
+import { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots } from '@almadar/ui/context';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -145,6 +146,7 @@ function PluginRuntimeMount({
   onError
 }) {
   const bus = useEventBus();
+  const { locale } = useTranslate();
   const slots = useUISlots();
   const slotsRef = useRef(slots);
   slotsRef.current = slots;
@@ -271,10 +273,11 @@ function PluginRuntimeMount({
         response = await mockRuntime.processOrbitalEvent(row.orbital, {
           event: row.trigger,
           payload,
-          targetTrait: row.trait
+          targetTrait: row.trait,
+          locale
         });
       } else if (mode === "server" && transport) {
-        response = await transport.send(row.orbital, { event: row.trigger, payload });
+        response = await transport.send(row.orbital, { event: row.trigger, payload, locale });
       } else {
         return;
       }
@@ -298,7 +301,7 @@ function PluginRuntimeMount({
       }
       onDispatched(plugin.id, row.trigger, states);
     },
-    [registrationReady, mockRuntime, mode, transport, plugin, bus, ownOrbitals, inboundBusEvents, onError, onTransition, onDispatched]
+    [registrationReady, mockRuntime, mode, transport, locale, plugin, bus, ownOrbitals, inboundBusEvents, onError, onTransition, onDispatched]
   );
   useEffect(() => {
     const unsubs = plugin.inbound.map(

package/dist/ssr/index.cjs

@@ -3144,6 +3144,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}}",
@@ -3272,6 +3273,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",
@@ -3998,6 +4000,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",
@@ -4314,7 +4317,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
@@ -4596,12 +4606,16 @@ function themeStrokeApplies() {
   return familyStrokeApplies(themeIconFamily());
 }
 function scopedIconFamily(el) {
-  for (let node = el; node; node = node.parentElement) {
-    const raw = getComputedStyle(node).getPropertyValue("--icon-family").trim().replace(/^["']|["']$/g, "");
-    if (raw !== "") return raw;
-  }
-  return "";
+  const scope = el.closest("[data-theme]");
+  if (!scope || scope === document.documentElement) return null;
+  const known = scopedFamilies.get(scope);
+  if (known && known.version === themeVersion) return known.family;
+  const raw = getComputedStyle(scope).getPropertyValue("--icon-family").trim().replace(/^["']|["']$/g, "");
+  const family = raw === "" ? null : raw;
+  scopedFamilies.set(scope, { version: themeVersion, family });
+  return family;
 }
+var scopedFamilies = /* @__PURE__ */ new WeakMap();
 var cachedFamily = null;
 var cachedStrokeApplies = null;
 var themeVersion = 0;
@@ -4665,7 +4679,9 @@ function useThemeIconStrokeApplies(ref) {
   const version = React17.useSyncExternalStore(subscribeIconFamily, getThemeVersionSnapshot, () => 0);
   const [scopedApplies, setScopedApplies] = React17.useState(null);
   React17.useLayoutEffect(() => {
-    if (ref.current) setScopedApplies(familyStrokeApplies(scopedIconFamily(ref.current)));
+    if (!ref.current) return;
+    const scoped = scopedIconFamily(ref.current);
+    setScopedApplies(scoped === null ? null : familyStrokeApplies(scoped));
   }, [ref, version]);
   return scopedApplies ?? documentApplies;
 }
@@ -5044,7 +5060,8 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-elevation-pressed"
   ].join(" "),
   secondary: [
-    "bg-transparent text-accent",
+    // The accent is often a signature bright that fails as text on a light page.
+    "bg-transparent text-foreground",
     "border border-accent",
     "hover:bg-accent hover:text-accent-foreground hover:border-accent",
     "active:scale-[var(--active-scale)]"
@@ -5193,7 +5210,7 @@ var Button = React17__namespace.default.forwardRef(
     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 })

package/dist/ssr/index.js

@@ -3123,6 +3123,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}}",
@@ -3251,6 +3252,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",
@@ -3977,6 +3979,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",
@@ -4293,7 +4296,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
@@ -4575,12 +4585,16 @@ function themeStrokeApplies() {
   return familyStrokeApplies(themeIconFamily());
 }
 function scopedIconFamily(el) {
-  for (let node = el; node; node = node.parentElement) {
-    const raw = getComputedStyle(node).getPropertyValue("--icon-family").trim().replace(/^["']|["']$/g, "");
-    if (raw !== "") return raw;
-  }
-  return "";
+  const scope = el.closest("[data-theme]");
+  if (!scope || scope === document.documentElement) return null;
+  const known = scopedFamilies.get(scope);
+  if (known && known.version === themeVersion) return known.family;
+  const raw = getComputedStyle(scope).getPropertyValue("--icon-family").trim().replace(/^["']|["']$/g, "");
+  const family = raw === "" ? null : raw;
+  scopedFamilies.set(scope, { version: themeVersion, family });
+  return family;
 }
+var scopedFamilies = /* @__PURE__ */ new WeakMap();
 var cachedFamily = null;
 var cachedStrokeApplies = null;
 var themeVersion = 0;
@@ -4644,7 +4658,9 @@ function useThemeIconStrokeApplies(ref) {
   const version = useSyncExternalStore(subscribeIconFamily, getThemeVersionSnapshot, () => 0);
   const [scopedApplies, setScopedApplies] = useState(null);
   useLayoutEffect(() => {
-    if (ref.current) setScopedApplies(familyStrokeApplies(scopedIconFamily(ref.current)));
+    if (!ref.current) return;
+    const scoped = scopedIconFamily(ref.current);
+    setScopedApplies(scoped === null ? null : familyStrokeApplies(scoped));
   }, [ref, version]);
   return scopedApplies ?? documentApplies;
 }
@@ -5023,7 +5039,8 @@ var variantStyles2 = {
     "active:scale-[var(--active-scale)] active:shadow-elevation-pressed"
   ].join(" "),
   secondary: [
-    "bg-transparent text-accent",
+    // The accent is often a signature bright that fails as text on a light page.
+    "bg-transparent text-foreground",
     "border border-accent",
     "hover:bg-accent hover:text-accent-foreground hover:border-accent",
     "active:scale-[var(--active-scale)]"
@@ -5172,7 +5189,7 @@ var Button = React17__default.forwardRef(
     const testId = dataTestId ?? (action ? `action-${action}` : void 0);
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
       busy && /* @__PURE__ */ jsx("span", { className: "almadar-busy-indicator absolute inset-0 flex items-center justify-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Loader2, { className: "h-icon-default w-icon-default animate-spin" }) }),
-      /* @__PURE__ */ jsxs("span", { className: cn("inline-flex items-center justify-center gap-2", busy && "almadar-busy-content"), children: [
+      /* @__PURE__ */ 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__ */ jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
         (Array.isArray(children) ? children.length > 0 : Boolean(children)) ? children : label ? /* @__PURE__ */ jsx("span", { ...{ [INLINE_TEXT_ATTR]: "label" }, children: label }) : label,
         resolvedRightIcon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: resolvedRightIcon })

package/dist/{themeTokens-Ccu7EmGY.d.ts → themeTokens-D6MFwKrC.d.ts}

@@ -1,4 +1,4 @@
-import { ThemeRef, ThemeDefinition, ThemeTokens, ThemeVariant, DensityTokens, ElevationTokens, GeometryTokens, IconographyTokens, MotionDurationKey, MotionEasingKey, MotionIntentMap, MotionShapeTokens, SurfaceTokens, TypeScaleTokens, TypeIntentMap, TypeSizeKey, EnterAnimation } from '@almadar/core';
+import { ThemeRef, ThemeDefinition, ThemeTokens, ThemeVariant, DensityTokens, DiagramTokens, ElevationTokens, GeometryTokens, IconographyTokens, MotionDurationKey, MotionEasingKey, MotionIntentMap, MotionShapeTokens, SceneTokens, SurfaceTokens, TypeScaleTokens, TypeIntentMap, TypeSizeKey, EnterAnimation } from '@almadar/core';
 
 /**
  * themeTokens — runtime mirror of the orbital compiler's theme codegen.
@@ -81,6 +81,10 @@ declare const ELEVATION_VARS: ReadonlyArray<FlatVarEntry<ElevationTokens>>;
 declare const GEOMETRY_VARS: ReadonlyArray<FlatVarEntry<GeometryTokens>>;
 /** Surface axis — panel/page material. */
 declare const SURFACE_VARS: ReadonlyArray<FlatVarEntry<SurfaceTokens>>;
+/** Diagram axis — how marks are drawn on every drawing surface. */
+declare const DIAGRAM_VARS: ReadonlyArray<FlatVarEntry<DiagramTokens>>;
+/** Scene axis — 3D material and lighting. */
+declare const SCENE_VARS: ReadonlyArray<FlatVarEntry<SceneTokens>>;
 /** Legacy free-form map prefixes (`ThemeTokens.colors`/`radii`/`spacing`/`shadows`). `typography` has no prefix — see below. */
 declare const LEGACY_PREFIXES: {
     readonly colors: "--color-";
@@ -117,4 +121,4 @@ declare function enterKeyframe(enter: EnterAnimation): string;
  */
 declare function resolveThemeForRuntime(theme: ThemeRef | undefined): ThemeDefinition | undefined;
 
-export { DENSITY_ELEMENT_VARS as D, ELEVATION_VARS as E, type FlatVarEntry as F, GEOMETRY_VARS as G, ICONOGRAPHY_VARS as I, LEGACY_PREFIXES as L, MOTION_DURATION_KEYS as M, SURFACE_VARS as S, type ThemeMode as T, DENSITY_SPACING_VARS as a, MOTION_EASING_KEYS as b, MOTION_INTENT_VARS as c, MOTION_SHAPE_VARS as d, type StringValueKey as e, TYPE_FAMILY_VARS as f, TYPE_HEADING_VARS as g, TYPE_INTENT_VARS as h, TYPE_SIZE_KEYS as i, enterKeyframe as j, resolveThemeForRuntime as r, themeTokensToCssVars as t };
+export { DENSITY_ELEMENT_VARS as D, ELEVATION_VARS as E, type FlatVarEntry as F, GEOMETRY_VARS as G, ICONOGRAPHY_VARS as I, LEGACY_PREFIXES as L, MOTION_DURATION_KEYS as M, SCENE_VARS as S, type ThemeMode as T, DENSITY_SPACING_VARS as a, DIAGRAM_VARS as b, MOTION_EASING_KEYS as c, MOTION_INTENT_VARS as d, MOTION_SHAPE_VARS as e, SURFACE_VARS as f, type StringValueKey as g, TYPE_FAMILY_VARS as h, TYPE_HEADING_VARS as i, TYPE_INTENT_VARS as j, TYPE_SIZE_KEYS as k, enterKeyframe as l, resolveThemeForRuntime as r, themeTokensToCssVars as t };

package/locales/ar.json

@@ -57,6 +57,7 @@
   "status.draft": "مسودة",
   "status.archived": "مؤرشف",
   "error.generic": "حدث خطأ ما",
+  "error.traitMountFailed": "تعذّر بدء {{trait}}",
   "error.retry": "حاول مرة أخرى",
   "error.notFound": "غير موجود",
   "error.loadFailed": "فشل التحميل: {{message}}",
@@ -182,6 +183,7 @@
   "template.ourTeam": "فريقنا",
   "template.caseStudies": "دراسات الحالة",
   "versionDiff.compare": "مقارنة",
+  "versionDiff.changes": "التغييرات",
   "versionDiff.to": "إلى",
   "versionDiff.beforeRevision": "المراجعة السابقة",
   "versionDiff.afterRevision": "المراجعة اللاحقة",
@@ -912,6 +914,7 @@
   "gridPicker.moreRefine": "+{{count}} أخرى — دقّق بحثك",
   "graphCanvas.noNodes": "لا توجد عقد لعرضها.",
   "codeBlock.noCode": "لا يوجد كود لعرضه.",
+  "codeBlock.region": "الشيفرة البرمجية",
   "fab.action": "إجراء",
   "fab.closeActions": "إغلاق الإجراءات",
   "fab.openActions": "فتح الإجراءات",
@@ -1228,5 +1231,12 @@
   "agentActivity.earlierConversations": "المحادثات السابقة ({{count}})",
   "agentActivity.earlierActivity": "نشاط سابق",
   "tabs.scrollStart": "مرّر علامات التبويب للخلف",
-  "tabs.scrollEnd": "مرّر علامات التبويب للأمام"
+  "tabs.scrollEnd": "مرّر علامات التبويب للأمام",
+  "agentChat.workedThrough": "أنجز {{count}} خطوات",
+  "agentChat.newMessages": "رسائل جديدة",
+  "agentChat.copy": "نسخ الرد",
+  "agentChat.copied": "تم النسخ",
+  "agentChat.today": "اليوم",
+  "agentChat.yesterday": "أمس",
+  "agentChat.emptyDescription": "اسأل بكلماتك — يستطيع المساعد البحث عن المعلومات وإجراء التغييرات نيابةً عنك."
 }

package/locales/en.json

@@ -58,6 +58,7 @@
   "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}}",
@@ -186,6 +187,7 @@
   "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",
@@ -912,6 +914,7 @@
   "gridPicker.moreRefine": "+{{count}} more — 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",
@@ -1228,5 +1231,12 @@
   "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 — the assistant can look things up and make changes for you."
 }

package/locales/sl.json

@@ -57,6 +57,7 @@
   "status.draft": "Osnutek",
   "status.archived": "Arhivirano",
   "error.generic": "Nekaj je šlo narobe",
+  "error.traitMountFailed": "{{trait}} se ni zagnal",
   "error.retry": "Poskusite znova",
   "error.notFound": "Ni najdeno",
   "error.loadFailed": "Nalaganje ni uspelo: {{message}}",
@@ -182,6 +183,7 @@
   "template.ourTeam": "Naša ekipa",
   "template.caseStudies": "Primeri uporabe",
   "versionDiff.compare": "Primerjaj",
+  "versionDiff.changes": "Spremembe",
   "versionDiff.to": "z",
   "versionDiff.beforeRevision": "Prejšnja revizija",
   "versionDiff.afterRevision": "Naslednja revizija",
@@ -912,6 +914,7 @@
   "gridPicker.moreRefine": "+še {{count}} — zožite iskanje",
   "graphCanvas.noNodes": "Ni vozlišč za prikaz.",
   "codeBlock.noCode": "Ni kode za prikaz.",
+  "codeBlock.region": "Koda",
   "fab.action": "Dejanje",
   "fab.closeActions": "Zapri dejanja",
   "fab.openActions": "Odpri dejanja",
@@ -1228,5 +1231,12 @@
   "agentActivity.earlierConversations": "Prejšnji pogovori ({{count}})",
   "agentActivity.earlierActivity": "Prejšnja dejavnost",
   "tabs.scrollStart": "Pomakni zavihke nazaj",
-  "tabs.scrollEnd": "Pomakni zavihke naprej"
+  "tabs.scrollEnd": "Pomakni zavihke naprej",
+  "agentChat.workedThrough": "Opravil {{count}} korakov",
+  "agentChat.newMessages": "Nova sporočila",
+  "agentChat.copy": "Kopiraj odgovor",
+  "agentChat.copied": "Kopirano",
+  "agentChat.today": "Danes",
+  "agentChat.yesterday": "Včeraj",
+  "agentChat.emptyDescription": "Vprašajte s svojimi besedami — pomočnik lahko poišče podatke in namesto vas naredi spremembe."
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "6.53.1",
+  "version": "6.55.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -126,11 +126,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": "^10.115.0",
-    "@almadar/evaluator": "^2.53.0",
-    "@almadar/logger": "^1.15.0",
-    "@almadar/runtime": "^6.101.0",
-    "@almadar/std": "^16.239.0",
+    "@almadar/core": "^10.117.0",
+    "@almadar/evaluator": "^2.54.0",
+    "@almadar/logger": "^1.16.0",
+    "@almadar/runtime": "^6.103.0",
+    "@almadar/std": "^16.242.0",
     "@almadar/syntax": "^1.19.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
@@ -191,7 +191,7 @@
     }
   },
   "devDependencies": {
-    "@almadar-io/behaviors": "^0.16.186",
+    "@almadar-io/behaviors": "^0.16.189",
     "@almadar/eslint-plugin": "^2.21.0",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.6.0",
@@ -217,6 +217,7 @@
     "babel-plugin-react-compiler": "19.0.0-beta-af1b7da-20250417",
     "eslint": "10.0.0",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "fake-indexeddb": "6.2.5",
     "jsdom": "^24.0.0",
     "katex": "^0.16.0",
     "postcss": "^8.4.35",

package/scripts/audit-tailwind-safelist.ts

@@ -26,8 +26,15 @@
  */
 
 import { readFileSync, writeFileSync, readdirSync, statSync } from 'fs';
+import { createRequire } from 'module';
 import { join, relative } from 'path';
 
+const requireCjs = createRequire(import.meta.url);
+const { compileTailwindClasses } = requireCjs('../tailwind-compile.cjs') as {
+  compileTailwindClasses: (classes: string[]) => Promise<string>;
+};
+const { safelist: loadedSafelist } = requireCjs('../tailwind-preset.cjs') as { safelist: Array<string | { pattern: RegExp }> };
+
 const ROOT = join(import.meta.dirname, '..');
 const PRESET_PATH = join(ROOT, 'tailwind-preset.cjs');
 const SCAN_DIRS = ['components', 'runtime', 'renderer', 'context', 'providers', 'hooks'];
@@ -38,7 +45,8 @@ const SCAN_DIRS = ['components', 'runtime', 'renderer', 'context', 'providers',
 
 // Matches arbitrary value classes: bg-[var(...)], min-h-[200px], w-[300px], etc.
 // Requires a hyphen before the bracket to avoid matching JS array access like arr[0]
-const ARBITRARY_RE = /(?:^|\s|["'`])([a-z][a-z0-9]*(?::[a-z][a-z0-9-]*)+-\[[^\]]+\]|[a-z][a-z0-9]*-[a-z0-9-]*-\[[^\]]+\]|[a-z][a-z0-9]*-\[[^\]]+\])/g;
+// A bracket followed by `:` is a variant (`data-[active=true]:`), not a class.
+const ARBITRARY_RE = /(?:^|\s|["'`])([a-z][a-z0-9]*(?::[a-z][a-z0-9-]*)+-\[[^\]]+\]|[a-z][a-z0-9]*-[a-z0-9-]*-\[[^\]]+\]|[a-z][a-z0-9]*-\[[^\]]+\])(?!:)/g;
 
 // Matches opacity modifiers on semantic colors: bg-primary/10, text-foreground/60
 const OPACITY_RE = /(?:^|\s|["'`])((?:bg|text|border|ring|from|to|via|hover:bg|hover:text|hover:border|dark:bg|dark:hover:bg|group-hover:bg|group-hover:text|peer-focus:ring|focus:ring)-(?:primary|secondary|muted|accent|foreground|card|surface|background|border|error|success|warning|info|ring|input|muted-foreground|card-foreground|primary-foreground|secondary-foreground|error-foreground|success-foreground|warning-foreground|info-foreground)\/\d+)/g;
@@ -184,6 +192,18 @@ const skipped = missing.filter(m => !needsSafelist(m.cls));
 missing.length = 0;
 missing.push(...filtered);
 
+// A class Tailwind generates no CSS for paints nothing whether or not it is safelisted
+// (`justify-[inherit]`: Tailwind 3 has no arbitrary justify-content) — fail on it.
+const dead: Array<{ cls: string; files: string[] }> = [];
+for (const cls of new Set([...loadedSafelist.filter((e): e is string => typeof e === 'string'), ...missing.map((m) => m.cls)])) {
+  if ((await compileTailwindClasses([cls])) === '') dead.push({ cls, files: Array.from(allCandidates.get(cls) ?? []) });
+}
+if (dead.length > 0) {
+  console.log('Classes that generate no CSS (fix the class at its source, or drop the safelist entry):');
+  for (const { cls, files } of dead) console.log(`  ${cls}${files.length > 0 ? `  <- ${files.join(', ')}` : '  (safelist only)'}`);
+  process.exit(1);
+}
+
 // Report
 console.log(`Current safelist: ${currentSafelist.size} entries`);
 console.log(`Already safelisted: ${alreadySafe.length}`);

package/scripts/theme-contrast-audit.mjs

@@ -47,6 +47,16 @@ const PAIRS = [
   ['--color-foreground', '--color-surface'],
 ];
 
+// Drawing surfaces: labels are text (4.5:1); marks are graphics (WCAG 1.4.11, 3:1). Measured
+// against the drawing ground, which falls back to the card when a theme sets none.
+const DIAGRAM_TEXT = ['--color-diagram-label'];
+const DIAGRAM_GRAPHICS = [
+  '--color-diagram-ink',
+  '--color-diagram-axis',
+  '--color-diagram-highlight',
+  ...Array.from({ length: 8 }, (_, i) => `--color-series-${i + 1}`),
+];
+
 let violations = 0;
 for (const mode of loadThemeModes(themesDir, filter)) {
   const results = [];
@@ -57,11 +67,20 @@ for (const mode of loadThemeModes(themesDir, filter)) {
       results.push({ pair: `${fgName} on ${bgName}`, ratio: ratio.toFixed(2), fg: mode.raw(fgName), bg: mode.raw(bgName) });
     }
   }
+  const groundName = mode.color('--surface-diagram') ? '--surface-diagram' : '--color-card';
+  for (const [names, min] of [[DIAGRAM_TEXT, 4.5], [DIAGRAM_GRAPHICS, 3]]) {
+    for (const fgName of names) {
+      const ratio = pairContrast(mode, mode.color(fgName), mode.color(groundName));
+      if (ratio !== null && ratio < min) {
+        results.push({ pair: `${fgName} on ${groundName} (needs ${min}:1)`, ratio: ratio.toFixed(2), fg: mode.raw(fgName), bg: mode.raw(groundName) });
+      }
+    }
+  }
   if (results.length) {
     violations += results.length;
     console.log(`\n${mode.name}  (${mode.file})`);
     for (const r of results) console.log(`  FAIL ${r.ratio}:1  ${r.pair}   fg=${r.fg} bg=${r.bg}`);
   }
 }
-console.log(violations === 0 ? '\nAll theme pairs pass WCAG AA (4.5:1).' : `\n${violations} violation(s).`);
+console.log(violations === 0 ? '\nAll theme pairs pass WCAG AA (text 4.5:1, drawing marks 3:1).' : `\n${violations} violation(s).`);
 process.exit(violations === 0 ? 0 : 1);

package/tailwind-preset.cjs

@@ -73,10 +73,8 @@ module.exports = {
   'hover:border-[var(--color-border-hover)]',
   'hover:border-l-[var(--color-muted)]',
   // Gradient partials with opacity
-  'from-[var(--color-primary)]/5',
-  'to-[var(--color-secondary)]/5',
   // Opacity variants on semantic colors (used in components)
-  'bg-primary/10', 'bg-primary/8', 'bg-accent/10',
+  'bg-primary/10', 'bg-accent/10',
   'bg-muted/20', 'bg-muted/30', 'bg-muted/50', 'bg-muted/60',
   'bg-surface/60', 'bg-surface/80',
   'bg-background/10', 'bg-background/80',
@@ -150,7 +148,6 @@ module.exports = {
   'bg-muted/60',
   'bg-primary/10',
   'bg-primary/20',
-  'bg-primary/8',
   'bg-success/10',
   'bg-success/20',
   'bg-surface/60',
@@ -177,7 +174,6 @@ module.exports = {
   'border-x-[length:var(--border-width)]',
   'dark:bg-foreground/70',
   'dark:hover:bg-error/20',
-  'data-[active=true]',
   'duration-[var(--transition-fast)]',
   'duration-[var(--transition-normal)]',
   'focus:ring-[length:var(--focus-ring-width)]',
@@ -332,7 +328,6 @@ module.exports = {
   'border-warning/60',
   'border-y-[length:var(--border-width)]',
   'bottom-[15%]',
-  'data-[empty=true]',
   'focus-visible:ring-[length:var(--focus-ring-width)]',
   'focus-visible:ring-offset-[length:var(--focus-ring-offset)]',
   'focus-within:border-[var(--color-primary)]',
@@ -460,6 +455,10 @@ module.exports = {
   'shadow-[var(--shadow-lg)]',
   'text-[var(--color-primary-foreground)]',
   'z-[850]',
+
+  // Auto-added by audit-tailwind-safelist.ts (2026-10-03)
+  '[justify-content:inherit]',
+  'bg-primary/[0.08]',
 ],
   theme: {
     fontFamily: {