@almadar/shell-web 1.0.0 → 1.2.0

package/dist/ssr/index.cjs

@@ -40,7 +40,7 @@ var themeToggleAr__default = /*#__PURE__*/_interopDefault(themeToggleAr);
 var themeToggleSl__default = /*#__PURE__*/_interopDefault(themeToggleSl);
 var patternTileGeometry__default = /*#__PURE__*/_interopDefault(patternTileGeometry);
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// ../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f2, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -55,7 +55,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// ../../../../../node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
@@ -2588,6 +2588,30 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function useMediaQuery(query) {
+  const subscribe = React16.useCallback(
+    (onChange) => {
+      if (!hasMatchMedia()) return () => void 0;
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    },
+    [query]
+  );
+  return React16.useSyncExternalStore(
+    subscribe,
+    () => hasMatchMedia() && window.matchMedia(query).matches,
+    () => false
+  );
+}
+function hasMatchMedia() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function";
+}
+
+// src/core/hooks/usePrefersReducedMotion.ts
+function usePrefersReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
 logger.createLogger("almadar:eventbus");
 logger.createLogger("almadar:eventbus:subscribe");
 var EventBusContext = globalThis.__almadarUiEventBusContext ?? (globalThis.__almadarUiEventBusContext = React16.createContext(null));
@@ -3148,6 +3172,7 @@ var Box = React16__namespace.default.forwardRef(
     texture = false,
     animateChanges = false,
     backdrop,
+    marquee,
     onClick,
     onMouseEnter,
     onMouseLeave,
@@ -3235,6 +3260,7 @@ var Box = React16__namespace.default.forwardRef(
           position && positionStyles[position],
           isClickable && "cursor-pointer",
           isBand && "band",
+          marquee?.clip && "proof-marquee motion-reduce:[mask-image:none]",
           className
         ),
         onClick: isClickable ? handleClick : void 0,
@@ -3249,11 +3275,35 @@ var Box = React16__namespace.default.forwardRef(
       },
       isBand ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         bandLayers,
-        children
-      ] }) : children
+        marquee ? /* @__PURE__ */ jsxRuntime.jsx(MarqueeTrack, { marquee, children }) : children
+      ] }) : marquee ? /* @__PURE__ */ jsxRuntime.jsx(MarqueeTrack, { marquee, children }) : children
     );
   }
 );
+function MarqueeTrack({ marquee, children }) {
+  const reduced = usePrefersReducedMotion();
+  const copyRef = React16.useRef(null);
+  const [width, setWidth] = React16.useState(0);
+  React16.useLayoutEffect(() => {
+    const node = copyRef.current;
+    if (!node) return;
+    const measure = () => setWidth(node.getBoundingClientRect().width);
+    measure();
+    const observer2 = new ResizeObserver(measure);
+    observer2.observe(node);
+    return () => observer2.disconnect();
+  }, []);
+  const moving = !reduced && width > 0 && marquee.speed > 0;
+  const style = moving ? {
+    animation: `almadar-marquee ${width / marquee.speed}s linear infinite`,
+    animationDirection: marquee.direction === "end" ? "reverse" : "normal",
+    "--marquee-distance": marquee.loop ? "50%" : "100%"
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-marquee-track": "", className: cn("proof-marquee-track hover:[animation-play-state:paused]", reduced && "w-full flex-wrap justify-center"), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: copyRef, className: "flex shrink-0 items-center", children }),
+    marquee.loop && !reduced && /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: "flex shrink-0 items-center", children })
+  ] });
+}
 Box.displayName = "Box";
 var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = React16.createContext(null);
@@ -3895,6 +3945,7 @@ var en_default = {
   "status.archived": "Archived",
   "error.generic": "Something went wrong",
   "error.traitMountFailed": "{{trait}} failed to start",
+  "error.serverRefused": "The server refused this page",
   "error.retry": "Try again",
   "error.notFound": "Not found",
   "error.loadFailed": "Failed to load: {{message}}",
@@ -3976,6 +4027,7 @@ var en_default = {
   "aria.closeMenu": "Close menu",
   "aria.openSidebar": "Open sidebar",
   "aria.openRow": "Open item {{position}}",
+  "aria.scrollableBoard": "Scrollable board",
   "sidebar.expand": "Expand sidebar",
   "sidebar.collapse": "Collapse sidebar",
   "sidebar.close": "Close sidebar",
@@ -5067,6 +5119,7 @@ var en_default = {
   "agentActivity.change.trait-config-changed": "Changed the settings of {{orbitalName}}",
   "agentActivity.change.theme-changed": "Changed the theme of {{orbitalName}}",
   "agentActivity.llmResponse": "Raw LLM response",
+  "agentActivity.unknown": "Unknown activity: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}}s",
   "agentActivity.llmTokens": "{{prompt}} in / {{completion}} out tokens",
   "agentActivity.llmResponseLabel": "Response",
@@ -5108,7 +5161,13 @@ var en_default = {
   "debug.replayPause": "Pause",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "Inspect: pick a trait on the page",
-  "stateMachine.inspectHint": "Click a part of the page \xB7 Esc to stop"
+  "stateMachine.inspectHint": "Click a part of the page \xB7 Esc to stop",
+  "themeToggle.switchToLight": "Switch to light mode",
+  "themeToggle.switchToDark": "Switch to dark mode",
+  "themeToggle.light": "Light",
+  "themeToggle.dark": "Dark",
+  "agentActivity.toolDone": "{{tool}} \u2014 done",
+  "agentActivity.toolFailed": "{{tool}} \u2014 failed"
 };
 
 // src/core/lib/format.ts
@@ -5229,6 +5288,7 @@ var ar_default = {
   "status.archived": "\u0645\u0624\u0631\u0634\u0641",
   "error.generic": "\u062D\u062F\u062B \u062E\u0637\u0623 \u0645\u0627",
   "error.traitMountFailed": "\u062A\u0639\u0630\u0651\u0631 \u0628\u062F\u0621 {{trait}}",
+  "error.serverRefused": "\u0631\u0641\u0636 \u0627\u0644\u062E\u0627\u062F\u0645 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629",
   "error.retry": "\u062D\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649",
   "error.notFound": "\u063A\u064A\u0631 \u0645\u0648\u062C\u0648\u062F",
   "error.loadFailed": "\u0641\u0634\u0644 \u0627\u0644\u062A\u062D\u0645\u064A\u0644: {{message}}",
@@ -5307,6 +5367,7 @@ var ar_default = {
   "aria.closeMenu": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629",
   "aria.openSidebar": "\u0641\u062A\u062D \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "aria.openRow": "\u0641\u062A\u062D \u0627\u0644\u0639\u0646\u0635\u0631 {{position}}",
+  "aria.scrollableBoard": "\u0644\u0648\u062D\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062A\u0645\u0631\u064A\u0631",
   "sidebar.expand": "\u062A\u0648\u0633\u064A\u0639 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "sidebar.collapse": "\u0637\u064A \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "sidebar.close": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
@@ -6402,6 +6463,7 @@ var ar_default = {
   "agentActivity.change.trait-config-changed": "\u062A\u0645 \u062A\u063A\u064A\u064A\u0631 \u0625\u0639\u062F\u0627\u062F\u0627\u062A {{orbitalName}}",
   "agentActivity.change.theme-changed": "\u062A\u0645 \u062A\u063A\u064A\u064A\u0631 \u0633\u0645\u0629 {{orbitalName}}",
   "agentActivity.llmResponse": "\u0627\u0633\u062A\u062C\u0627\u0628\u0629 LLM \u062E\u0627\u0645",
+  "agentActivity.unknown": "\u0646\u0634\u0627\u0637 \u063A\u064A\u0631 \u0645\u0639\u0631\u0648\u0641: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}} \u062B",
   "agentActivity.llmTokens": "{{prompt}} \u062F\u0627\u062E\u0644 / {{completion}} \u062E\u0627\u0631\u062C",
   "agentActivity.llmResponseLabel": "\u0627\u0644\u0627\u0633\u062A\u062C\u0627\u0628\u0629",
@@ -6443,7 +6505,13 @@ var ar_default = {
   "debug.replayPause": "\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "\u0641\u062D\u0635: \u0627\u062E\u062A\u0631 \u0633\u0645\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629",
-  "stateMachine.inspectHint": "\u0627\u0646\u0642\u0631 \u062C\u0632\u0621\u064B\u0627 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629 \xB7 Esc \u0644\u0644\u0625\u064A\u0642\u0627\u0641"
+  "stateMachine.inspectHint": "\u0627\u0646\u0642\u0631 \u062C\u0632\u0621\u064B\u0627 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629 \xB7 Esc \u0644\u0644\u0625\u064A\u0642\u0627\u0641",
+  "themeToggle.switchToLight": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0627\u062A\u062D",
+  "themeToggle.switchToDark": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062F\u0627\u0643\u0646",
+  "themeToggle.light": "\u0641\u0627\u062A\u062D",
+  "themeToggle.dark": "\u062F\u0627\u0643\u0646",
+  "agentActivity.toolDone": "{{tool}} \u2014 \u062A\u0645",
+  "agentActivity.toolFailed": "{{tool}} \u2014 \u062A\u0639\u0630\u0651\u0631"
 };
 
 // src/core/locales/sl.json
@@ -6507,6 +6575,7 @@ var sl_default = {
   "status.archived": "Arhivirano",
   "error.generic": "Nekaj je \u0161lo narobe",
   "error.traitMountFailed": "{{trait}} se ni zagnal",
+  "error.serverRefused": "Stre\u017Enik je zavrnil to stran",
   "error.retry": "Poskusite znova",
   "error.notFound": "Ni najdeno",
   "error.loadFailed": "Nalaganje ni uspelo: {{message}}",
@@ -6585,6 +6654,7 @@ var sl_default = {
   "aria.closeMenu": "Zapri meni",
   "aria.openSidebar": "Odpri stransko vrstico",
   "aria.openRow": "Odpri element {{position}}",
+  "aria.scrollableBoard": "Drsljiva tabla",
   "sidebar.expand": "Raz\u0161iri stransko vrstico",
   "sidebar.collapse": "Strni stransko vrstico",
   "sidebar.close": "Zapri stransko vrstico",
@@ -7680,6 +7750,7 @@ var sl_default = {
   "agentActivity.change.trait-config-changed": "Spremenjene nastavitve {{orbitalName}}",
   "agentActivity.change.theme-changed": "Spremenjena tema {{orbitalName}}",
   "agentActivity.llmResponse": "Surov odgovor LLM",
+  "agentActivity.unknown": "Neznana dejavnost: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}} s",
   "agentActivity.llmTokens": "{{prompt}} vhodnih / {{completion}} izhodnih \u017Eetonov",
   "agentActivity.llmResponseLabel": "Odgovor",
@@ -7721,7 +7792,13 @@ var sl_default = {
   "debug.replayPause": "Premor",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "Pregled: izberi lastnost na strani",
-  "stateMachine.inspectHint": "Klikni del strani \xB7 Esc za konec"
+  "stateMachine.inspectHint": "Klikni del strani \xB7 Esc za konec",
+  "themeToggle.switchToLight": "Preklopi na svetli na\u010Din",
+  "themeToggle.switchToDark": "Preklopi na temni na\u010Din",
+  "themeToggle.light": "Svetla",
+  "themeToggle.dark": "Temna",
+  "agentActivity.toolDone": "{{tool}} \u2014 kon\u010Dano",
+  "agentActivity.toolFailed": "{{tool}} \u2014 ni uspelo"
 };
 var { $meta: _meta2, ...coreMessages2 } = en_default;
 var withThemeToggle = (messages, labels) => ({
@@ -7897,9 +7974,9 @@ var variantStyles = {
 };
 variantStyles.destructive = variantStyles.danger;
 var sizeStyles = {
-  sm: "h-button-sm px-3 text-sm",
-  md: "h-button-md px-4 text-sm",
-  lg: "h-button-lg px-6 text-base"
+  sm: "min-h-button-sm py-1 px-3 text-sm",
+  md: "min-h-button-md py-1 px-4 text-sm",
+  lg: "min-h-button-lg py-1 px-6 text-base"
 };
 var iconSizeStyles = {
   sm: "h-icon-default w-icon-default",
@@ -8557,6 +8634,22 @@ var Sparkline = ({
   );
 };
 Sparkline.displayName = "Sparkline";
+
+// src/core/atoms/types.ts
+var COLOR_TOKEN_VARS = {
+  primary: "var(--color-primary)",
+  secondary: "var(--color-secondary)",
+  success: "var(--color-success)",
+  warning: "var(--color-warning)",
+  error: "var(--color-error)",
+  muted: "var(--color-muted)"
+};
+function isColorToken(value) {
+  return Object.prototype.hasOwnProperty.call(COLOR_TOKEN_VARS, value);
+}
+function resolveColorToken(color) {
+  return isColorToken(color) ? COLOR_TOKEN_VARS[color] : color;
+}
 var iconSizeMap = {
   sm: "lg",
   md: "xl",
@@ -9059,20 +9152,12 @@ var StatDisplay = ({
   );
 };
 StatDisplay.displayName = "StatDisplay";
-var colorTokenVars = {
-  primary: "var(--color-primary)",
-  secondary: "var(--color-secondary)",
-  success: "var(--color-success)",
-  warning: "var(--color-warning)",
-  error: "var(--color-error)",
-  muted: "var(--color-muted)"
-};
 var GradientDivider = ({
   color,
   className,
   ...rest
 }) => {
-  const centerColor = color ? color in colorTokenVars ? colorTokenVars[color] : color : "var(--color-primary)";
+  const centerColor = color ? resolveColorToken(color) : "var(--color-primary)";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
     {
@@ -9550,14 +9635,6 @@ var GeometricPattern = ({
   );
 };
 GeometricPattern.displayName = "GeometricPattern";
-var colorTokenVars2 = {
-  primary: "var(--color-primary)",
-  secondary: "var(--color-secondary)",
-  success: "var(--color-success)",
-  warning: "var(--color-warning)",
-  error: "var(--color-error)",
-  muted: "var(--color-muted)"
-};
 function ArchSVG({
   facing,
   w,
@@ -9695,7 +9772,7 @@ var EdgeDecoration = ({
 }) => {
   const id = React16.useId();
   const Variant = VARIANT_MAP[variant];
-  const resolvedColor = color in colorTokenVars2 ? colorTokenVars2[color] : color;
+  const resolvedColor = resolveColorToken(color);
   const sides = side === "both" ? ["left", "right"] : [side];
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: sides.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
     "svg",

package/dist/ssr/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React16 from 'react';
-import React16__default, { createContext, useRef, useCallback, useMemo, useContext, useEffect, useState, useSyncExternalStore, useLayoutEffect, useId } from 'react';
+import React16__default, { createContext, useRef, useCallback, useState, useLayoutEffect, useMemo, useContext, useEffect, useSyncExternalStore, useId } from 'react';
 import { createLogger } from '@almadar/logger';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Loader2, HelpCircle, ArrowDownNarrowWide, ArrowUpNarrowWide, Share2, RefreshCw, VolumeX, Volume2, Square, Trash2, X } from 'lucide-react';
@@ -12,7 +12,7 @@ import { actionTestId, LOADING_STATE_MARKER } from '@almadar/core';
 import 'react-router-dom';
 import patternTileGeometry from '@almadar/core/patterns/pattern-tile-geometry.json';
 
-// node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+// ../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f2, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -27,7 +27,7 @@ function clsx() {
   return n;
 }
 
-// node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// ../../../../../node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 var CLASS_PART_SEPARATOR = "-";
 var createClassGroupUtils = (config) => {
   const classMap = createClassMap(config);
@@ -2560,6 +2560,30 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function useMediaQuery(query) {
+  const subscribe = useCallback(
+    (onChange) => {
+      if (!hasMatchMedia()) return () => void 0;
+      const mql = window.matchMedia(query);
+      mql.addEventListener("change", onChange);
+      return () => mql.removeEventListener("change", onChange);
+    },
+    [query]
+  );
+  return useSyncExternalStore(
+    subscribe,
+    () => hasMatchMedia() && window.matchMedia(query).matches,
+    () => false
+  );
+}
+function hasMatchMedia() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function";
+}
+
+// src/core/hooks/usePrefersReducedMotion.ts
+function usePrefersReducedMotion() {
+  return useMediaQuery("(prefers-reduced-motion: reduce)");
+}
 createLogger("almadar:eventbus");
 createLogger("almadar:eventbus:subscribe");
 var EventBusContext = globalThis.__almadarUiEventBusContext ?? (globalThis.__almadarUiEventBusContext = createContext(null));
@@ -3120,6 +3144,7 @@ var Box = React16__default.forwardRef(
     texture = false,
     animateChanges = false,
     backdrop,
+    marquee,
     onClick,
     onMouseEnter,
     onMouseLeave,
@@ -3207,6 +3232,7 @@ var Box = React16__default.forwardRef(
           position && positionStyles[position],
           isClickable && "cursor-pointer",
           isBand && "band",
+          marquee?.clip && "proof-marquee motion-reduce:[mask-image:none]",
           className
         ),
         onClick: isClickable ? handleClick : void 0,
@@ -3221,11 +3247,35 @@ var Box = React16__default.forwardRef(
       },
       isBand ? /* @__PURE__ */ jsxs(Fragment, { children: [
         bandLayers,
-        children
-      ] }) : children
+        marquee ? /* @__PURE__ */ jsx(MarqueeTrack, { marquee, children }) : children
+      ] }) : marquee ? /* @__PURE__ */ jsx(MarqueeTrack, { marquee, children }) : children
     );
   }
 );
+function MarqueeTrack({ marquee, children }) {
+  const reduced = usePrefersReducedMotion();
+  const copyRef = useRef(null);
+  const [width, setWidth] = useState(0);
+  useLayoutEffect(() => {
+    const node = copyRef.current;
+    if (!node) return;
+    const measure = () => setWidth(node.getBoundingClientRect().width);
+    measure();
+    const observer2 = new ResizeObserver(measure);
+    observer2.observe(node);
+    return () => observer2.disconnect();
+  }, []);
+  const moving = !reduced && width > 0 && marquee.speed > 0;
+  const style = moving ? {
+    animation: `almadar-marquee ${width / marquee.speed}s linear infinite`,
+    animationDirection: marquee.direction === "end" ? "reverse" : "normal",
+    "--marquee-distance": marquee.loop ? "50%" : "100%"
+  } : {};
+  return /* @__PURE__ */ jsxs("div", { "data-marquee-track": "", className: cn("proof-marquee-track hover:[animation-play-state:paused]", reduced && "w-full flex-wrap justify-center"), style, children: [
+    /* @__PURE__ */ jsx("div", { ref: copyRef, className: "flex shrink-0 items-center", children }),
+    marquee.loop && !reduced && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "flex shrink-0 items-center", children })
+  ] });
+}
 Box.displayName = "Box";
 var EMPTY_CHAIN = Object.freeze([]);
 var TraitScopeContext = createContext(null);
@@ -3867,6 +3917,7 @@ var en_default = {
   "status.archived": "Archived",
   "error.generic": "Something went wrong",
   "error.traitMountFailed": "{{trait}} failed to start",
+  "error.serverRefused": "The server refused this page",
   "error.retry": "Try again",
   "error.notFound": "Not found",
   "error.loadFailed": "Failed to load: {{message}}",
@@ -3948,6 +3999,7 @@ var en_default = {
   "aria.closeMenu": "Close menu",
   "aria.openSidebar": "Open sidebar",
   "aria.openRow": "Open item {{position}}",
+  "aria.scrollableBoard": "Scrollable board",
   "sidebar.expand": "Expand sidebar",
   "sidebar.collapse": "Collapse sidebar",
   "sidebar.close": "Close sidebar",
@@ -5039,6 +5091,7 @@ var en_default = {
   "agentActivity.change.trait-config-changed": "Changed the settings of {{orbitalName}}",
   "agentActivity.change.theme-changed": "Changed the theme of {{orbitalName}}",
   "agentActivity.llmResponse": "Raw LLM response",
+  "agentActivity.unknown": "Unknown activity: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}}s",
   "agentActivity.llmTokens": "{{prompt}} in / {{completion}} out tokens",
   "agentActivity.llmResponseLabel": "Response",
@@ -5080,7 +5133,13 @@ var en_default = {
   "debug.replayPause": "Pause",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "Inspect: pick a trait on the page",
-  "stateMachine.inspectHint": "Click a part of the page \xB7 Esc to stop"
+  "stateMachine.inspectHint": "Click a part of the page \xB7 Esc to stop",
+  "themeToggle.switchToLight": "Switch to light mode",
+  "themeToggle.switchToDark": "Switch to dark mode",
+  "themeToggle.light": "Light",
+  "themeToggle.dark": "Dark",
+  "agentActivity.toolDone": "{{tool}} \u2014 done",
+  "agentActivity.toolFailed": "{{tool}} \u2014 failed"
 };
 
 // src/core/lib/format.ts
@@ -5201,6 +5260,7 @@ var ar_default = {
   "status.archived": "\u0645\u0624\u0631\u0634\u0641",
   "error.generic": "\u062D\u062F\u062B \u062E\u0637\u0623 \u0645\u0627",
   "error.traitMountFailed": "\u062A\u0639\u0630\u0651\u0631 \u0628\u062F\u0621 {{trait}}",
+  "error.serverRefused": "\u0631\u0641\u0636 \u0627\u0644\u062E\u0627\u062F\u0645 \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629",
   "error.retry": "\u062D\u0627\u0648\u0644 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649",
   "error.notFound": "\u063A\u064A\u0631 \u0645\u0648\u062C\u0648\u062F",
   "error.loadFailed": "\u0641\u0634\u0644 \u0627\u0644\u062A\u062D\u0645\u064A\u0644: {{message}}",
@@ -5279,6 +5339,7 @@ var ar_default = {
   "aria.closeMenu": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629",
   "aria.openSidebar": "\u0641\u062A\u062D \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "aria.openRow": "\u0641\u062A\u062D \u0627\u0644\u0639\u0646\u0635\u0631 {{position}}",
+  "aria.scrollableBoard": "\u0644\u0648\u062D\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062A\u0645\u0631\u064A\u0631",
   "sidebar.expand": "\u062A\u0648\u0633\u064A\u0639 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "sidebar.collapse": "\u0637\u064A \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
   "sidebar.close": "\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0634\u0631\u064A\u0637 \u0627\u0644\u062C\u0627\u0646\u0628\u064A",
@@ -6374,6 +6435,7 @@ var ar_default = {
   "agentActivity.change.trait-config-changed": "\u062A\u0645 \u062A\u063A\u064A\u064A\u0631 \u0625\u0639\u062F\u0627\u062F\u0627\u062A {{orbitalName}}",
   "agentActivity.change.theme-changed": "\u062A\u0645 \u062A\u063A\u064A\u064A\u0631 \u0633\u0645\u0629 {{orbitalName}}",
   "agentActivity.llmResponse": "\u0627\u0633\u062A\u062C\u0627\u0628\u0629 LLM \u062E\u0627\u0645",
+  "agentActivity.unknown": "\u0646\u0634\u0627\u0637 \u063A\u064A\u0631 \u0645\u0639\u0631\u0648\u0641: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}} \u062B",
   "agentActivity.llmTokens": "{{prompt}} \u062F\u0627\u062E\u0644 / {{completion}} \u062E\u0627\u0631\u062C",
   "agentActivity.llmResponseLabel": "\u0627\u0644\u0627\u0633\u062A\u062C\u0627\u0628\u0629",
@@ -6415,7 +6477,13 @@ var ar_default = {
   "debug.replayPause": "\u0625\u064A\u0642\u0627\u0641 \u0645\u0624\u0642\u062A",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "\u0641\u062D\u0635: \u0627\u062E\u062A\u0631 \u0633\u0645\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629",
-  "stateMachine.inspectHint": "\u0627\u0646\u0642\u0631 \u062C\u0632\u0621\u064B\u0627 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629 \xB7 Esc \u0644\u0644\u0625\u064A\u0642\u0627\u0641"
+  "stateMachine.inspectHint": "\u0627\u0646\u0642\u0631 \u062C\u0632\u0621\u064B\u0627 \u0645\u0646 \u0627\u0644\u0635\u0641\u062D\u0629 \xB7 Esc \u0644\u0644\u0625\u064A\u0642\u0627\u0641",
+  "themeToggle.switchToLight": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0627\u062A\u062D",
+  "themeToggle.switchToDark": "\u0627\u0644\u062A\u0628\u062F\u064A\u0644 \u0625\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062F\u0627\u0643\u0646",
+  "themeToggle.light": "\u0641\u0627\u062A\u062D",
+  "themeToggle.dark": "\u062F\u0627\u0643\u0646",
+  "agentActivity.toolDone": "{{tool}} \u2014 \u062A\u0645",
+  "agentActivity.toolFailed": "{{tool}} \u2014 \u062A\u0639\u0630\u0651\u0631"
 };
 
 // src/core/locales/sl.json
@@ -6479,6 +6547,7 @@ var sl_default = {
   "status.archived": "Arhivirano",
   "error.generic": "Nekaj je \u0161lo narobe",
   "error.traitMountFailed": "{{trait}} se ni zagnal",
+  "error.serverRefused": "Stre\u017Enik je zavrnil to stran",
   "error.retry": "Poskusite znova",
   "error.notFound": "Ni najdeno",
   "error.loadFailed": "Nalaganje ni uspelo: {{message}}",
@@ -6557,6 +6626,7 @@ var sl_default = {
   "aria.closeMenu": "Zapri meni",
   "aria.openSidebar": "Odpri stransko vrstico",
   "aria.openRow": "Odpri element {{position}}",
+  "aria.scrollableBoard": "Drsljiva tabla",
   "sidebar.expand": "Raz\u0161iri stransko vrstico",
   "sidebar.collapse": "Strni stransko vrstico",
   "sidebar.close": "Zapri stransko vrstico",
@@ -7652,6 +7722,7 @@ var sl_default = {
   "agentActivity.change.trait-config-changed": "Spremenjene nastavitve {{orbitalName}}",
   "agentActivity.change.theme-changed": "Spremenjena tema {{orbitalName}}",
   "agentActivity.llmResponse": "Surov odgovor LLM",
+  "agentActivity.unknown": "Neznana dejavnost: {{kind}}",
   "agentActivity.llmDuration": "{{seconds}} s",
   "agentActivity.llmTokens": "{{prompt}} vhodnih / {{completion}} izhodnih \u017Eetonov",
   "agentActivity.llmResponseLabel": "Odgovor",
@@ -7693,7 +7764,13 @@ var sl_default = {
   "debug.replayPause": "Premor",
   "debug.replayStep": "{{step}} / {{total}}",
   "stateMachine.inspect": "Pregled: izberi lastnost na strani",
-  "stateMachine.inspectHint": "Klikni del strani \xB7 Esc za konec"
+  "stateMachine.inspectHint": "Klikni del strani \xB7 Esc za konec",
+  "themeToggle.switchToLight": "Preklopi na svetli na\u010Din",
+  "themeToggle.switchToDark": "Preklopi na temni na\u010Din",
+  "themeToggle.light": "Svetla",
+  "themeToggle.dark": "Temna",
+  "agentActivity.toolDone": "{{tool}} \u2014 kon\u010Dano",
+  "agentActivity.toolFailed": "{{tool}} \u2014 ni uspelo"
 };
 var { $meta: _meta2, ...coreMessages2 } = en_default;
 var withThemeToggle = (messages, labels) => ({
@@ -7869,9 +7946,9 @@ var variantStyles = {
 };
 variantStyles.destructive = variantStyles.danger;
 var sizeStyles = {
-  sm: "h-button-sm px-3 text-sm",
-  md: "h-button-md px-4 text-sm",
-  lg: "h-button-lg px-6 text-base"
+  sm: "min-h-button-sm py-1 px-3 text-sm",
+  md: "min-h-button-md py-1 px-4 text-sm",
+  lg: "min-h-button-lg py-1 px-6 text-base"
 };
 var iconSizeStyles = {
   sm: "h-icon-default w-icon-default",
@@ -8529,6 +8606,22 @@ var Sparkline = ({
   );
 };
 Sparkline.displayName = "Sparkline";
+
+// src/core/atoms/types.ts
+var COLOR_TOKEN_VARS = {
+  primary: "var(--color-primary)",
+  secondary: "var(--color-secondary)",
+  success: "var(--color-success)",
+  warning: "var(--color-warning)",
+  error: "var(--color-error)",
+  muted: "var(--color-muted)"
+};
+function isColorToken(value) {
+  return Object.prototype.hasOwnProperty.call(COLOR_TOKEN_VARS, value);
+}
+function resolveColorToken(color) {
+  return isColorToken(color) ? COLOR_TOKEN_VARS[color] : color;
+}
 var iconSizeMap = {
   sm: "lg",
   md: "xl",
@@ -9031,20 +9124,12 @@ var StatDisplay = ({
   );
 };
 StatDisplay.displayName = "StatDisplay";
-var colorTokenVars = {
-  primary: "var(--color-primary)",
-  secondary: "var(--color-secondary)",
-  success: "var(--color-success)",
-  warning: "var(--color-warning)",
-  error: "var(--color-error)",
-  muted: "var(--color-muted)"
-};
 var GradientDivider = ({
   color,
   className,
   ...rest
 }) => {
-  const centerColor = color ? color in colorTokenVars ? colorTokenVars[color] : color : "var(--color-primary)";
+  const centerColor = color ? resolveColorToken(color) : "var(--color-primary)";
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -9522,14 +9607,6 @@ var GeometricPattern = ({
   );
 };
 GeometricPattern.displayName = "GeometricPattern";
-var colorTokenVars2 = {
-  primary: "var(--color-primary)",
-  secondary: "var(--color-secondary)",
-  success: "var(--color-success)",
-  warning: "var(--color-warning)",
-  error: "var(--color-error)",
-  muted: "var(--color-muted)"
-};
 function ArchSVG({
   facing,
   w,
@@ -9667,7 +9744,7 @@ var EdgeDecoration = ({
 }) => {
   const id = useId();
   const Variant = VARIANT_MAP[variant];
-  const resolvedColor = color in colorTokenVars2 ? colorTokenVars2[color] : color;
+  const resolvedColor = resolveColorToken(color);
   const sides = side === "both" ? ["left", "right"] : [side];
   return /* @__PURE__ */ jsx(Fragment, { children: sides.map((s) => /* @__PURE__ */ jsx(
     "svg",

package/dist/test-support.js

@@ -1,5 +1,5 @@
 "use client";
-import { openLocalKernel, nativeMemoryPersistence } from './chunk-3VZ36ZKO.js';
+import { openLocalKernel, nativeMemoryPersistence } from './chunk-ZDRDJKYB.js';
 import './chunk-G7DCAZ22.js';
 import { existsSync, readFileSync, mkdtempSync, writeFileSync, mkdirSync, rmSync } from 'fs';
 import { createRequire } from 'module';
@@ -107,7 +107,7 @@ async function loadFreshClientKernel() {
 async function warmKernel() {
   if (!KERNEL_AVAILABLE) return;
   await KERNEL_ENGINE.loadModule();
-  await import('./kernel-client-TZKGHJRY.js');
+  await import('./kernel-client-NMZ56JVU.js');
 }
 function statelessKernelTransport(schema) {
   let template;

package/dist/{useUISlots-CiobNFGb.d.ts → useUISlots-BLcGd__D.d.ts}

@@ -197,6 +197,8 @@ interface UISlotManager {
      * inlined as JSX inside the layout's pattern, not writing slots.
      */
     updateTraitContent: (traitName: string, content: Omit<SlotContent, 'id' | 'sourceTrait'>) => string;
+    /** The page's declared trait order, which multi-writer slots stack by (not by write timing). */
+    setDeclaredTraitOrder: (traits: readonly string[]) => void;
 }
 declare const DEFAULT_SLOTS: Partial<Record<UISlot, SlotContent | null>>;
 /**