@almadar/shell-web 1.1.0 → 1.2.0

package/dist/{chunk-YHMRX6YA.js → chunk-ANTJUQRD.js}

@@ -1,5 +1,5 @@
-import { isNotificationSlot } from './chunk-P4ZFUQFF.js';
-import React, { useState, useRef, useMemo, useEffect, useCallback } from 'react';
+import { isNotificationSlot } from './chunk-AZ74UPG6.js';
+import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { RENDERED_SLOTS, isRenderBindingMarker } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
 
@@ -35,6 +35,10 @@ function isPlainSlotObject(value) {
   if (isRenderBindingMarker(value)) return false;
   return true;
 }
+function elementRef(element) {
+  const props = element.props;
+  return props?.ref ?? element.ref;
+}
 function shareValue(prev, next) {
   if (Object.is(prev, next)) return { value: prev, equal: true };
   const prevMarker = isRenderBindingMarker(prev) ? prev : void 0;
@@ -49,6 +53,11 @@ function shareValue(prev, next) {
     return prev instanceof Date && next instanceof Date && prev.getTime() === next.getTime() ? { value: prev, equal: true } : { value: next, equal: false };
   }
   if (typeof prev === "function" || typeof next === "function") return { value: next, equal: false };
+  if (React.isValidElement(prev) && React.isValidElement(next)) {
+    if (prev.type !== next.type || prev.key !== next.key || elementRef(prev) !== elementRef(next)) return { value: next, equal: false };
+    const props = shareValue(prev.props, next.props);
+    return props.equal ? { value: prev, equal: true } : { value: next, equal: false };
+  }
   if (React.isValidElement(prev) || React.isValidElement(next)) return { value: next, equal: false };
   if (Array.isArray(prev) && Array.isArray(next)) {
     let equal = prev.length === next.length;
@@ -98,6 +107,7 @@ var DEFAULT_SLOTS = ALL_SLOTS.reduce(
   },
   {}
 );
+var NO_DECLARED_ORDER = /* @__PURE__ */ new Map();
 var DEFAULT_SOURCES = ALL_SLOTS.reduce(
   (acc, slot) => {
     acc[slot] = {};
@@ -105,9 +115,11 @@ var DEFAULT_SOURCES = ALL_SLOTS.reduce(
   },
   {}
 );
-function aggregateSlot(sources) {
+function aggregateSlot(sources, declaredOrder) {
   if (!sources) return null;
-  const entries = Object.entries(sources);
+  const entries = Object.entries(sources).sort(
+    ([a], [b]) => (declaredOrder.get(a) ?? Infinity) - (declaredOrder.get(b) ?? Infinity) || 0
+  );
   if (entries.length === 0) return null;
   if (entries.length === 1) return entries[0][1];
   const children = entries.map(
@@ -144,14 +156,24 @@ function useUISlotManager() {
   const subscribersRef = useRef(/* @__PURE__ */ new Set());
   const timersRef = useRef(/* @__PURE__ */ new Map());
   const traitIndexRef = useRef(/* @__PURE__ */ new Map());
+  const lastWriteRef = useRef(/* @__PURE__ */ new Map());
+  const [declaredOrder, setDeclaredOrder] = useState(NO_DECLARED_ORDER);
+  const declaredOrderRef = useRef(NO_DECLARED_ORDER);
+  const setDeclaredTraitOrder = useCallback((traits) => {
+    const next = new Map(traits.map((trait, index) => [trait, index]));
+    const held = declaredOrderRef.current;
+    if (held.size === next.size && [...next].every(([trait, index]) => held.get(trait) === index)) return;
+    declaredOrderRef.current = next;
+    setDeclaredOrder(next);
+  }, []);
   const traitSubscribersRef = useRef(/* @__PURE__ */ new Map());
   const slots = useMemo(() => {
     const out = { ...DEFAULT_SLOTS };
     for (const slot of ALL_SLOTS) {
-      out[slot] = aggregateSlot(sources[slot]);
+      out[slot] = aggregateSlot(sources[slot], declaredOrder);
     }
     return out;
-  }, [sources]);
+  }, [sources, declaredOrder]);
   useEffect(() => {
     return () => {
       timersRef.current.forEach((timer) => clearTimeout(timer));
@@ -206,6 +228,13 @@ function useUISlotManager() {
         fromState: config.fromState,
         entity: config.entity
       };
+      const writeKey = `${config.target}\0${sourceKey}`;
+      const last = lastWriteRef.current.get(writeKey);
+      if (last && !(config.autoDismissMs && config.autoDismissMs > 0) && last.autoDismissAt === void 0 && last.priority === content.priority && last.pattern === content.pattern && last.transitionEvent === content.transitionEvent && last.fromState === content.fromState && last.entity === content.entity && last.nodeId === content.nodeId && last.onDismiss === void 0 === (content.onDismiss === void 0) && reconcileSlotProps(last.props, content.props).equal) {
+        log.debug("slot:write-unchanged", { slot: config.target, sourceKey, pattern: content.pattern });
+        return id;
+      }
+      lastWriteRef.current.set(writeKey, content);
       if (config.autoDismissMs && config.autoDismissMs > 0) {
         content.autoDismissAt = Date.now() + config.autoDismissMs;
         const prevTimer = timersRef.current.get(id);
@@ -218,7 +247,7 @@ function useUISlotManager() {
               const next = { ...slotSources };
               delete next[sourceKey];
               const updated = { ...prev, [config.target]: next };
-              notifySubscribers(config.target, aggregateSlot(next));
+              notifySubscribers(config.target, aggregateSlot(next, declaredOrderRef.current));
               return updated;
             }
             return prev;
@@ -271,7 +300,7 @@ function useUISlotManager() {
           patternType: content.pattern,
           priority: content.priority
         });
-        notifySubscribers(config.target, aggregateSlot(nextSources));
+        notifySubscribers(config.target, aggregateSlot(nextSources, declaredOrderRef.current));
         return nextAll;
       });
       return id;
@@ -280,6 +309,7 @@ function useUISlotManager() {
   );
   const clear = useCallback(
     (slot) => {
+      for (const key of [...lastWriteRef.current.keys()]) if (key.startsWith(`${slot}\0`)) lastWriteRef.current.delete(key);
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || Object.keys(slotSources).length === 0) {
@@ -306,6 +336,7 @@ function useUISlotManager() {
   const clearBySource = useCallback(
     (slot, sourceTrait) => {
       const sourceKey = sourceTrait;
+      lastWriteRef.current.delete(`${slot}\0${sourceKey}`);
       setSources((prev) => {
         const slotSources = prev[slot];
         if (!slotSources || !(sourceKey in slotSources)) {
@@ -333,7 +364,7 @@ function useUISlotManager() {
         const nextSources = { ...slotSources };
         delete nextSources[sourceKey];
         log.info("slot:cleared", { slot, sourceTrait, lastPatternType: content.pattern });
-        notifySubscribers(slot, aggregateSlot(nextSources));
+        notifySubscribers(slot, aggregateSlot(nextSources, declaredOrderRef.current));
         return { ...prev, [slot]: nextSources };
       });
     },
@@ -341,6 +372,7 @@ function useUISlotManager() {
   );
   const clearById = useCallback(
     (id) => {
+      for (const [key, written] of [...lastWriteRef.current]) if (written.id === id) lastWriteRef.current.delete(key);
       setSources((prev) => {
         for (const slot of ALL_SLOTS) {
           const slotSources = prev[slot];
@@ -362,7 +394,7 @@ function useUISlotManager() {
           }
           const nextSources = { ...slotSources };
           delete nextSources[matchKey];
-          notifySubscribers(slot, aggregateSlot(nextSources));
+          notifySubscribers(slot, aggregateSlot(nextSources, declaredOrderRef.current));
           return { ...prev, [slot]: nextSources };
         }
         return prev;
@@ -371,6 +403,7 @@ function useUISlotManager() {
     [notifySubscribers, notifyTraitSubscribers, unindexTrait]
   );
   const clearAll = useCallback(() => {
+    lastWriteRef.current.clear();
     timersRef.current.forEach((timer) => clearTimeout(timer));
     timersRef.current.clear();
     setSources((prev) => {
@@ -430,13 +463,19 @@ function useUISlotManager() {
     (traitName, content) => {
       const id = `slot-content-trait-${traitName}`;
       const fullContent = { ...content, id, sourceTrait: traitName };
+      const existing = traitIndexRef.current.get(traitName);
+      if (existing && existing.slot === fullContent.slot && existing.priority === fullContent.priority && existing.pattern === fullContent.pattern && existing.transitionEvent === fullContent.transitionEvent && existing.fromState === fullContent.fromState && existing.entity === fullContent.entity && existing.nodeId === fullContent.nodeId) {
+        const reconciled = reconcileSlotProps(existing.props, fullContent.props);
+        if (reconciled.equal) return id;
+        fullContent.props = reconciled.value;
+      }
       indexTraitRender(traitName, fullContent);
       notifyTraitSubscribers(traitName, fullContent);
       return id;
     },
     [indexTraitRender, notifyTraitSubscribers]
   );
-  return {
+  return useMemo(() => ({
     slots,
     render,
     clear,
@@ -448,8 +487,9 @@ function useUISlotManager() {
     getContent,
     getTraitContent,
     subscribeTrait,
-    updateTraitContent
-  };
+    updateTraitContent,
+    setDeclaredTraitOrder
+  }), [slots, render, clear, clearBySource, clearById, clearAll, subscribe, hasContent, getContent, getTraitContent, subscribeTrait, updateTraitContent, setDeclaredTraitOrder]);
 }
 
 export { ALL_SLOTS, DEFAULT_SLOTS, useUISlotManager };

package/dist/{chunk-P4ZFUQFF.js → chunk-AZ74UPG6.js}

@@ -82,6 +82,9 @@ function isPortalSlot(slot) {
 function isNotificationSlot(slot) {
   return SLOT_DEFINITIONS[slot]?.notification === true;
 }
+function paintsInTraitFrame(traitEmbedded, slot) {
+  return traitEmbedded && !isNotificationSlot(slot);
+}
 function getSlotsByType(type) {
   return Object.entries(SLOT_DEFINITIONS).filter(([, def]) => def?.type === type).map(([name]) => name);
 }
@@ -90,4 +93,4 @@ function getInlineSlots() {
 }
 var ALL_SLOTS = Object.keys(SLOT_DEFINITIONS);
 
-export { ALL_SLOTS, SLOT_DEFINITIONS, getInlineSlots, getSlotDefinition, isNotificationSlot, isPortalSlot };
+export { ALL_SLOTS, SLOT_DEFINITIONS, getInlineSlots, getSlotDefinition, isNotificationSlot, isPortalSlot, paintsInTraitFrame };

package/dist/{chunk-YYIHRIDH.js → chunk-B23EZH2P.js}

@@ -1,6 +1,6 @@
-import { AvlStateMachine } from './chunk-4YJ53G7S.js';
-import { EmptyState } from './chunk-AGXD77SL.js';
-import { useTranslate, Box, domPassthrough } from './chunk-4YXBKHHM.js';
+import { AvlStateMachine } from './chunk-RDPELAFQ.js';
+import { EmptyState } from './chunk-3YUMGEEW.js';
+import { useTranslate, Box, domPassthrough } from './chunk-D5FJU4XC.js';
 import { jsx } from 'react/jsx-runtime';
 
 var BehaviorView = ({ data, ...rest }) => {

package/dist/{chunk-AGVSO4WY.js → chunk-CCO2ZH7F.js}

@@ -1,6 +1,6 @@
-import { AvlFieldType, AvlState, AvlPage, AvlEntity } from './chunk-7N6ZPHQ5.js';
-import { OPERATOR_CATEGORY_COLORS, AvlEffect } from './chunk-FAKU5F62.js';
-import { useTranslate, Box, Typography, domPassthrough } from './chunk-4YXBKHHM.js';
+import { AvlFieldType, AvlState, AvlPage, AvlEntity } from './chunk-DPDKBY6Z.js';
+import { OPERATOR_CATEGORY_COLORS, AvlEffect } from './chunk-3UQNFRYV.js';
+import { useTranslate, Box, Typography, domPassthrough } from './chunk-D5FJU4XC.js';
 import React, { useRef, useState, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-4YXBKHHM.js → chunk-D5FJU4XC.js}

@@ -1,5 +1,5 @@
 import * as React44 from 'react';
-import React44__default, { useRef, useEffect, createContext, useCallback, useMemo, useContext, useState, useId, useSyncExternalStore, useLayoutEffect } from 'react';
+import React44__default, { useRef, useEffect, createContext, useCallback, useState, useLayoutEffect, useMemo, useContext, useId, useSyncExternalStore } from 'react';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -1219,6 +1219,7 @@ var Box = React44__default.forwardRef(
     texture = false,
     animateChanges = false,
     backdrop,
+    marquee,
     onClick,
     onMouseEnter,
     onMouseLeave,
@@ -1306,6 +1307,7 @@ var Box = React44__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,
@@ -1320,11 +1322,35 @@ var Box = React44__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";
 
 // src/core/lib/traitPresence.ts
@@ -2354,6 +2380,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}}",
@@ -2435,6 +2462,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",
@@ -3526,6 +3554,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",
@@ -3567,7 +3596,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
@@ -3737,6 +3772,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}}",
@@ -3815,6 +3851,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",
@@ -4910,6 +4947,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",
@@ -4951,7 +4989,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
@@ -5015,6 +5059,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}}",
@@ -5093,6 +5138,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",
@@ -6188,6 +6234,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",
@@ -6229,7 +6276,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) => ({
@@ -7165,9 +7218,9 @@ var variantStyles2 = {
 };
 variantStyles2.destructive = variantStyles2.danger;
 var sizeStyles2 = {
-  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",
@@ -8104,6 +8157,7 @@ var FilterPill = React44__default.forwardRef(
     removable = true,
     onClick,
     clickEvent,
+    clickPayload,
     removeEvent,
     children,
     selected,
@@ -8115,8 +8169,8 @@ var FilterPill = React44__default.forwardRef(
     const payloadLabel = typeof children === "string" || typeof children === "number" ? children : label;
     const handleClick = useCallback(() => {
       onClick?.();
-      if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { ...payloadLabel !== void 0 ? { label: payloadLabel } : {} });
-    }, [onClick, clickEvent, eventBus, payloadLabel]);
+      if (clickEvent) eventBus.emit(`UI:${clickEvent}`, { ...payloadLabel !== void 0 ? { label: payloadLabel } : {}, ...clickPayload ?? {} });
+    }, [onClick, clickEvent, clickPayload, eventBus, payloadLabel]);
     const handleRemove = useCallback(() => {
       onRemove?.();
       if (removeEvent) eventBus.emit(`UI:${removeEvent}`, { ...payloadLabel !== void 0 ? { label: payloadLabel } : {} });
@@ -8430,8 +8484,9 @@ var Input = React44__default.forwardRef(
       "focus:outline-none focus:ring-1 focus:ring-ring focus:border-ring",
       "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-muted",
       error ? "border-error focus:border-error focus:ring-error" : "",
-      resolvedLeftIcon && "pl-10",
-      (rightIcon || showClearButton) && "pr-10",
+      resolvedLeftIcon && "pl-[calc(var(--icon-default-size,16px)+1.5rem)]",
+      rightIcon && !showClearButton && "pr-[calc(var(--icon-default-size,16px)+1.5rem)]",
+      showClearButton && "pr-10",
       className
     );
     const handleChange = (e) => {
@@ -9450,7 +9505,7 @@ function useDialogBehavior({ open, containerRef, onEscape, closeOnEscape = true,
     openStack.set(id, seqRef.current ?? ++openSequence);
     const container = containerRef.current;
     if (modal && container && !container.contains(document.activeElement)) {
-      (focusables(container)[0] ?? container).focus();
+      (focusables(container)[0] ?? container).focus({ preventScroll: true });
     }
     const onKeyDown = (e) => {
       if (!isTop(id)) return;
@@ -9490,7 +9545,7 @@ function useDialogBehavior({ open, containerRef, onEscape, closeOnEscape = true,
       const current = containerRef.current ?? container;
       const focusInside = current?.contains(active) ?? false;
       const focusLeftWithDialog = focusInside || active === null || active === document.body;
-      if (opener && opener.isConnected && focusLeftWithDialog) opener.focus();
+      if (opener && opener.isConnected && focusLeftWithDialog) opener.focus({ preventScroll: true });
     };
   }, [open, containerRef, modal, returnFocusRef]);
 }
@@ -11460,6 +11515,22 @@ var SvgStack = ({
 };
 SvgStack.displayName = "SvgStack";
 
+// 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;
+}
+
 // src/core/locales/index.ts
 var coreMessages3 = {
   en: stripMeta(en_default),
@@ -11485,4 +11556,4 @@ function stripMeta(obj) {
   return result;
 }
 
-export { AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, Avatar, BAND_ACCENT_FALLBACK, BAND_EDGE_FILL, BAND_SHAPES, BUILT_IN_THEMES, Badge, Box, Button, CONFETTI_BURST_KEYFRAMES, CONFETTI_COLORS, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Center, Checkbox, ConditionalWrapper, ConfettiEffect, DEFAULT_CURRENCY, DayCell, Dialog, Divider, EventBusContext, EventBusProvider, FilterPill, FlipContainer, GameIcon, HStack, I18nProvider, INLINE_TEXT_ATTR, Icon, Image2 as Image, InfiniteScrollSentinel, Input, Label, LawReferenceTooltip, NavStackProvider, NavStackRouterBridge, NavigationProvider, Overlay, PatternTile, PendingScopeContext, Presence, ProgressBar, Radio, RangeSlider, STRETCHED_ABOVE, STRETCHED_CONTROL, SVG_MOTION_CLASSES, SectionHeader, Select, Spacer, Sparkline, Spinner, Stack, StatusDot, SurfaceBoundary, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, Switch, THEME_SCALE_KEYS, TextHighlight, Textarea, ThemeProvider, ThemeScopeContext, ThemeToggle, TimeSlotCell, TraitScopeProvider, TrendIndicator, TypewriterText, Typography, VStack, VideoEmbed, atlasFailed, atlasUrlOf, bandEdgeHeight, bandEdgeLayerStyle, bandEdgeMask, bandPadding, beginPending, blit, boxesOf2 as boxesOf, cn, compareCellValues, coreMessages3 as coreMessages, createConfettiParticles, createTraitPresence, createTranslate, cssTimeMs, domPassthrough, endPending, entriesFor, evaluateBinding, evaluateBindings, extractRouteParams, findPageByName, findPageByPath, followHref, formatDate, formatDateTime, formatTime, formatValue, fxHash01, fxLifecycle, getAllPages, getAtlas, getCurrentIconFamily, getDefaultPage, getGlobalEventBus, getTileDimensions, getTraitPresence, guardsHold, isAbsoluteHref, isAtlasAsset, isInertNavStack, isMotionEnabled, isPending, isSpriteSheetAtlas, kebabToPascal, keyInViewerMode, layoutScale, localeMeta, lucideIconKey, matchNavPage, mergeMessages, motionTiming, navLabelsFromItems, newPendingKey, pageEntryLabel, parseCalendarDate, pathMatches, presenceGroup, pressableProps, previousEntry, registryKeyMode, registryKeyTheme, relabelCurrent, resolveAssetSource, resolveEntryLabels, resolveFxView, resolveIcon, resolveIconForFamily, resolveLucideByName, rowActivationProps, rowOpenControlProps, setGlobalEventBus, sortRows, subRectFor, subscribePending, svgMotionClass, syncNavStack, themeHasMode, toDateInputValue, toDateTimeInputValue, useActivePage, useAnimateChanges, useAtlasSliceDataUrl, useContentSurface, useDialogBehavior, useEmitEvent, useEventBus, useEventListener, useEventSubscription, useFormatContext, useIconFamily, useInfiniteScroll, useInitPayload, useMediaQuery, useNavStack, useNavigateTo, useNavigation, useNavigationId, useNavigationState, useOnSurface, usePendingAction, usePendingRows, usePendingScopeValue, usePrefersReducedMotion, usePresence, useRenderI18n, useResolvedIcon, useRootEventBus, useScopeHasPending, useScopedMode, useTapReveal, useTheme, useThemeIconStrokeApplies, useThemeScope, useTraitScope, useTraitScopeChain, useTranslate };
+export { AnimatedGraphic, AnimatedReveal, Aside, AtlasImage, AtlasPanel, Avatar, BAND_ACCENT_FALLBACK, BAND_EDGE_FILL, BAND_SHAPES, BUILT_IN_THEMES, Badge, Box, Button, CONFETTI_BURST_KEYFRAMES, CONFETTI_COLORS, Card, CardBody, CardContent, CardFooter, CardHeader, CardTitle, Center, Checkbox, ConditionalWrapper, ConfettiEffect, DEFAULT_CURRENCY, DayCell, Dialog, Divider, EventBusContext, EventBusProvider, FilterPill, FlipContainer, GameIcon, HStack, I18nProvider, INLINE_TEXT_ATTR, Icon, Image2 as Image, InfiniteScrollSentinel, Input, Label, LawReferenceTooltip, NavStackProvider, NavStackRouterBridge, NavigationProvider, Overlay, PatternTile, PendingScopeContext, Presence, ProgressBar, Radio, RangeSlider, STRETCHED_ABOVE, STRETCHED_CONTROL, SVG_MOTION_CLASSES, SectionHeader, Select, Spacer, Sparkline, Spinner, Stack, StatusDot, SurfaceBoundary, SvgBranch, SvgConnection, SvgFlow, SvgGrid, SvgLobe, SvgMesh, SvgMorph, SvgNode, SvgPulse, SvgRing, SvgShield, SvgStack, Switch, THEME_SCALE_KEYS, TextHighlight, Textarea, ThemeProvider, ThemeScopeContext, ThemeToggle, TimeSlotCell, TraitScopeProvider, TrendIndicator, TypewriterText, Typography, VStack, VideoEmbed, atlasFailed, atlasUrlOf, bandEdgeHeight, bandEdgeLayerStyle, bandEdgeMask, bandPadding, beginPending, blit, boxesOf2 as boxesOf, cn, compareCellValues, coreMessages3 as coreMessages, createConfettiParticles, createTraitPresence, createTranslate, cssTimeMs, domPassthrough, endPending, entriesFor, evaluateBinding, evaluateBindings, extractRouteParams, findPageByName, findPageByPath, followHref, formatDate, formatDateTime, formatTime, formatValue, fxHash01, fxLifecycle, getAllPages, getAtlas, getCurrentIconFamily, getDefaultPage, getGlobalEventBus, getTileDimensions, getTraitPresence, guardsHold, isAbsoluteHref, isAtlasAsset, isColorToken, isInertNavStack, isMotionEnabled, isPending, isSpriteSheetAtlas, kebabToPascal, keyInViewerMode, layoutScale, localeMeta, lucideIconKey, matchNavPage, mergeMessages, motionTiming, navLabelsFromItems, newPendingKey, pageEntryLabel, parseCalendarDate, pathMatches, presenceGroup, pressableProps, previousEntry, registryKeyMode, registryKeyTheme, relabelCurrent, resolveAssetSource, resolveColorToken, resolveEntryLabels, resolveFxView, resolveIcon, resolveIconForFamily, resolveLucideByName, rowActivationProps, rowOpenControlProps, setGlobalEventBus, sortRows, subRectFor, subscribePending, svgMotionClass, syncNavStack, themeHasMode, toDateInputValue, toDateTimeInputValue, useActivePage, useAnimateChanges, useAtlasSliceDataUrl, useContentSurface, useDialogBehavior, useEmitEvent, useEventBus, useEventListener, useEventSubscription, useFormatContext, useIconFamily, useInfiniteScroll, useInitPayload, useMediaQuery, useNavStack, useNavigateTo, useNavigation, useNavigationId, useNavigationState, useOnSurface, usePendingAction, usePendingRows, usePendingScopeValue, usePrefersReducedMotion, usePresence, useRenderI18n, useResolvedIcon, useRootEventBus, useScopeHasPending, useScopedMode, useTapReveal, useTheme, useThemeIconStrokeApplies, useThemeScope, useTraitScope, useTraitScopeChain, useTranslate };

package/dist/{chunk-7N6ZPHQ5.js → chunk-DPDKBY6Z.js}

@@ -1,4 +1,4 @@
-import { STATE_COLORS } from './chunk-FAKU5F62.js';
+import { STATE_COLORS } from './chunk-3UQNFRYV.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isTypeVariable } from '@almadar/core';
 

package/dist/{chunk-A2LR6VQQ.js → chunk-ECC3WQIB.js}

@@ -239,111 +239,27 @@ function useClientEffectConfig() {
 function useClientEffectConfigOptional() {
   return useContext(ClientEffectConfigContext);
 }
-var log4 = createLogger("almadar:ui:data-resolver");
-function resolveEntityData(entityName, context) {
-  if (context.fetchedData && entityName in context.fetchedData) {
-    const data = context.fetchedData[entityName];
-    return {
-      data: Array.isArray(data) ? data : [],
-      loading: false
-    };
-  }
-  if (context.entityStore) {
-    try {
-      const data = context.entityStore.getRecords(entityName);
-      return {
-        data: Array.isArray(data) ? data : [],
-        loading: false
-      };
-    } catch (error) {
-      log4.warn("Error getting records from entity store", {
-        entityName,
-        error: error instanceof Error ? error : String(error)
-      });
-    }
-  }
-  const hasAnySources = context.fetchedData || context.entityStore;
-  return {
-    data: [],
-    loading: !hasAnySources
-    // Only loading if no sources configured
-  };
-}
-function resolveEntityDataWithQuery(entityName, queryRef, context) {
-  const resolution = resolveEntityData(entityName, context);
-  if (!queryRef || !context.querySingleton) {
-    return resolution;
-  }
-  try {
-    const filters = context.querySingleton.getFilters(queryRef);
-    const filteredData = applyFilters(resolution.data, filters);
-    return {
-      ...resolution,
-      data: filteredData
-    };
-  } catch (error) {
-    log4.warn("Error applying query filters", {
-      queryRef,
-      error: error instanceof Error ? error : String(error)
-    });
-    return resolution;
-  }
-}
-function applyFilters(data, filters) {
-  if (!filters || Object.keys(filters).length === 0) {
-    return data;
-  }
-  return data.filter((item) => {
-    if (typeof item !== "object" || item === null) {
-      return false;
-    }
-    return Object.entries(filters).every(([key, value]) => {
-      if (value === void 0 || value === null) {
-        return true;
-      }
-      const recordValue = item[key];
-      if (Array.isArray(value)) {
-        return value.includes(recordValue ?? null);
-      }
-      if (typeof value === "string" && typeof recordValue === "string") {
-        if (value.startsWith("*") && value.endsWith("*")) {
-          const pattern = value.slice(1, -1);
-          return recordValue.toLowerCase().includes(pattern.toLowerCase());
-        }
-      }
-      return recordValue === value;
-    });
-  });
-}
-function resolveEntityById(entityName, id, context) {
-  const { data } = resolveEntityData(entityName, context);
-  return data.find((item) => item.id === id || item["_id"] === id) ?? null;
-}
-function hasEntities(entityName, context) {
-  const { data } = resolveEntityData(entityName, context);
-  return data.length > 0;
-}
-var log5 = createLogger("almadar:ui:pattern-resolver");
+var log4 = createLogger("almadar:ui:pattern-resolver");
 function initializePatterns() {
-  log5.debug("initializePatterns called");
-  log5.debug("componentMappingJson loaded", () => ({ json: JSON.stringify(componentMapping$1) }));
-  log5.debug("registryJson keys", { keys: Object.keys(patternsRegistry) });
+  log4.debug("initializePatterns called");
+  log4.debug("componentMappingJson loaded", () => ({ json: JSON.stringify(componentMapping$1) }));
+  log4.debug("registryJson keys", { keys: Object.keys(patternsRegistry) });
   const componentMappingData = componentMapping$1;
   const componentMapping2 = componentMappingData.mappings || {};
-  log5.debug("Extracted mappings count", { count: Object.keys(componentMapping2).length });
-  log5.debug("Sample mappings", { samples: Object.keys(componentMapping2).slice(0, 5) });
+  log4.debug("Extracted mappings count", { count: Object.keys(componentMapping2).length });
+  log4.debug("Sample mappings", { samples: Object.keys(componentMapping2).slice(0, 5) });
   const registryData = patternsRegistry;
   const patternRegistry2 = registryData.patterns || {};
-  log5.debug("Extracted patterns count", { count: Object.keys(patternRegistry2).length });
+  log4.debug("Extracted patterns count", { count: Object.keys(patternRegistry2).length });
   initializePatternResolver({
     componentMapping: componentMapping2,
     patternRegistry: patternRegistry2
   });
-  log5.info("Initialized", {
+  log4.info("Initialized", {
     componentMappings: Object.keys(componentMapping2).length,
     patternDefinitions: Object.keys(patternRegistry2).length
   });
   return Object.keys(componentMapping2).length;
 }
 
-export { ClientEffectConfigContext, ClientEffectConfigProvider, executeClientEffects, getKnownPatterns, getPatternDefinition, getPatternMapping, getPatternsByCategory, getRenderUIEffects, hasEntities, initializePatternResolver, initializePatterns, isKnownPattern, parseClientEffect, parseClientEffects, resolveEntityById, resolveEntityData, resolveEntityDataWithQuery, resolvePattern, setComponentMapping, setPatternRegistry, useClientEffectConfig, useClientEffectConfigOptional, useClientEffects };
+export { ClientEffectConfigContext, ClientEffectConfigProvider, executeClientEffects, getKnownPatterns, getPatternDefinition, getPatternMapping, getPatternsByCategory, getRenderUIEffects, initializePatternResolver, initializePatterns, isKnownPattern, parseClientEffect, parseClientEffects, resolvePattern, setComponentMapping, setPatternRegistry, useClientEffectConfig, useClientEffectConfigOptional, useClientEffects };

package/dist/{chunk-VO2TTLS5.js → chunk-GHAF7QUD.js}

@@ -1,4 +1,4 @@
-import { useEventBus } from './chunk-4YXBKHHM.js';
+import { useEventBus } from './chunk-D5FJU4XC.js';
 import { useState, useCallback, useMemo } from 'react';
 
 var ALMADAR_DND_MIME = "application/x-almadar-dnd";

package/dist/{chunk-M74BCDBQ.js → chunk-HA2BYO5E.js}

@@ -1,5 +1,5 @@
 import { traitLevelFromMounted } from './chunk-PCR37T3U.js';
-import { getStateRole } from './chunk-FAKU5F62.js';
+import { getStateRole } from './chunk-3UQNFRYV.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useContainerWidth(ref) {

package/dist/{chunk-ILQXJ2AR.js → chunk-JEN4EIUF.js}

@@ -1,4 +1,4 @@
-import { cn, Typography, useTranslate, VStack, HStack, Icon, Button, Switch, Input } from './chunk-4YXBKHHM.js';
+import { cn, Typography, useTranslate, VStack, HStack, Icon, Button, Switch, Input } from './chunk-D5FJU4XC.js';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';