@almadar/shell-web 1.2.1 → 1.3.1

package/dist/{chunk-RDPELAFQ.js → chunk-7GGUX2ER.js}

@@ -1,8 +1,8 @@
-import { useContainerWidth, computeTraitLayout, roundedEdgePath } from './chunk-HA2BYO5E.js';
-import { AvlExplain, AvlEffectChip } from './chunk-V5SVGUYN.js';
-import { AVL_INK, AVL_FONT, AVL_STROKE, avlTint } from './chunk-3UQNFRYV.js';
+import { useContainerWidth, computeTraitLayout, roundedEdgePath } from './chunk-R5Z655B4.js';
+import { AvlExplain, AvlEffectChip } from './chunk-TDSE2L4F.js';
+import { AVL_INK, AVL_FONT, AVL_STROKE, avlTint } from './chunk-SO2MERCZ.js';
 import { gearTeethPath } from './chunk-TZZBINQY.js';
-import { domPassthrough, useTranslate, useEventBus, useMediaQuery, Box, Typography, Button } from './chunk-D5FJU4XC.js';
+import { domPassthrough, useTranslate, useEventBus, useMediaQuery, Box, Typography, Button } from './chunk-OOG33EGF.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { formatSExpr } from '@almadar/core';
 import { createLogger } from '@almadar/logger';

package/dist/{chunk-3YUMGEEW.js → chunk-AYQKZFUH.js}

@@ -1,4 +1,4 @@
-import { useEventBus, useTranslate, Box, VStack, Icon, cn, Typography, Button, domPassthrough } from './chunk-D5FJU4XC.js';
+import { useEventBus, useTranslate, Box, VStack, Icon, cn, Typography, Button, domPassthrough } from './chunk-OOG33EGF.js';
 import { EMPTY_STATE_MARKER } from '@almadar/core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-S3LS3B7N.js → chunk-CB4POLGP.js}

@@ -1,4 +1,4 @@
-import { useEventBus, useTranslate } from './chunk-D5FJU4XC.js';
+import { useEventBus, useTranslate } from './chunk-OOG33EGF.js';
 import { createContext, useMemo, useContext, useRef, useEffect, useCallback, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { resolvePageMeta } from '@almadar/core';

package/dist/{chunk-LINJRTNB.js → chunk-FC3MXAFJ.js}

@@ -1,5 +1,5 @@
-import { AvlTransitionDetail } from './chunk-6RXP5ZXE.js';
-import { Box, domPassthrough } from './chunk-D5FJU4XC.js';
+import { AvlTransitionDetail } from './chunk-YNF2LH2I.js';
+import { Box, domPassthrough } from './chunk-OOG33EGF.js';
 import { jsx } from 'react/jsx-runtime';
 
 var AvlTransitionExplainer = ({ orbitalName, traitName, transition, annotations, className, ...rest }) => {

package/dist/{chunk-2LNXLMK3.js → chunk-FZOX7XTU.js}

@@ -1,6 +1,6 @@
 import { resolveThemeForRuntime, themeTokensToCssVars } from './chunk-3BBUBJFF.js';
 import { useUISlotManager } from './chunk-ANTJUQRD.js';
-import { useThemeScope, useTheme, keyInViewerMode, ThemeScopeContext, Box, cn } from './chunk-D5FJU4XC.js';
+import { useThemeScope, useTheme, keyInViewerMode, ThemeScopeContext, Box, cn } from './chunk-OOG33EGF.js';
 import { createContext, useMemo, useContext, useCallback, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { ANONYMOUS_USER, isThemeRegistryKey, toPayloadValue } from '@almadar/core';
@@ -127,6 +127,46 @@ function useUserForEvaluation() {
   const { user, isLoggedIn } = useUser();
   return isLoggedIn && user ? user : void 0;
 }
+var SURFACE = "h-full min-h-full bg-background surface-page text-foreground";
+function useFontImport(href) {
+  useEffect(() => {
+    if (!href || typeof document === "undefined") return;
+    const existing = Array.from(document.head.querySelectorAll("link[data-almadar-font]")).some((el) => el.getAttribute("href") === href);
+    if (existing) return;
+    const link = document.createElement("link");
+    link.rel = "stylesheet";
+    link.href = href;
+    link.setAttribute("data-almadar-font", "");
+    document.head.appendChild(link);
+  }, [href]);
+}
+function OrbitalThemeProvider({ theme: declared, override, children }) {
+  const parent = useThemeScope();
+  const hostOverride = override || parent.override || void 0;
+  const theme = hostOverride ?? declared;
+  const resolved = resolveThemeForRuntime(theme);
+  const { resolvedMode, availableThemes } = useTheme();
+  const darkTypeScale = resolvedMode === "dark" ? resolved?.variants?.dark?.typeScale : void 0;
+  useFontImport(darkTypeScale?.fontImport ?? resolved?.tokens.typeScale?.fontImport);
+  if (isThemeRegistryKey(theme)) {
+    const inherited = !override && parent.override ? { key: parent.override, mode: parent.mode } : void 0;
+    const { key, mode: keyMode } = inherited ?? keyInViewerMode(theme, availableThemes, resolvedMode);
+    const mode = keyMode ?? parent.mode;
+    return /* @__PURE__ */ jsx(
+      ThemeScopeContext.Provider,
+      {
+        value: hostOverride ? { ...parent, theme: key, mode, vars: void 0, override: key } : { ...parent, theme: key, mode },
+        children: /* @__PURE__ */ jsx(Box, { "data-theme": key, className: cn(SURFACE, keyMode), children })
+      }
+    );
+  }
+  if (!resolved) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const vars = themeTokensToCssVars(resolved.tokens, resolvedMode, resolved.variants?.dark);
+  return /* @__PURE__ */ jsx(ThemeScopeContext.Provider, { value: { ...parent, vars: { ...parent.vars, ...vars } }, children: /* @__PURE__ */ jsx(Box, { "data-orbital-theme": resolved.name, className: SURFACE, style: vars, children }) });
+}
+OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 var DESIGN_COLOR_TOKENS = [
   "primary",
   "primary-foreground",
@@ -517,45 +557,5 @@ function useArbitraryClassStyles(schema) {
     });
   }, [compile, classes]);
 }
-var SURFACE = "h-full min-h-full bg-background surface-page text-foreground";
-function useFontImport(href) {
-  useEffect(() => {
-    if (!href || typeof document === "undefined") return;
-    const existing = Array.from(document.head.querySelectorAll("link[data-almadar-font]")).some((el) => el.getAttribute("href") === href);
-    if (existing) return;
-    const link = document.createElement("link");
-    link.rel = "stylesheet";
-    link.href = href;
-    link.setAttribute("data-almadar-font", "");
-    document.head.appendChild(link);
-  }, [href]);
-}
-function OrbitalThemeProvider({ theme: declared, override, children }) {
-  const parent = useThemeScope();
-  const hostOverride = override || parent.override || void 0;
-  const theme = hostOverride ?? declared;
-  const resolved = resolveThemeForRuntime(theme);
-  const { resolvedMode, availableThemes } = useTheme();
-  const darkTypeScale = resolvedMode === "dark" ? resolved?.variants?.dark?.typeScale : void 0;
-  useFontImport(darkTypeScale?.fontImport ?? resolved?.tokens.typeScale?.fontImport);
-  if (isThemeRegistryKey(theme)) {
-    const inherited = !override && parent.override ? { key: parent.override, mode: parent.mode } : void 0;
-    const { key, mode: keyMode } = inherited ?? keyInViewerMode(theme, availableThemes, resolvedMode);
-    const mode = keyMode ?? parent.mode;
-    return /* @__PURE__ */ jsx(
-      ThemeScopeContext.Provider,
-      {
-        value: hostOverride ? { ...parent, theme: key, mode, vars: void 0, override: key } : { ...parent, theme: key, mode },
-        children: /* @__PURE__ */ jsx(Box, { "data-theme": key, className: cn(SURFACE, keyMode), children })
-      }
-    );
-  }
-  if (!resolved) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const vars = themeTokensToCssVars(resolved.tokens, resolvedMode, resolved.variants?.dark);
-  return /* @__PURE__ */ jsx(ThemeScopeContext.Provider, { value: { ...parent, vars: { ...parent.vars, ...vars } }, children: /* @__PURE__ */ jsx(Box, { "data-orbital-theme": resolved.name, className: SURFACE, style: vars, children }) });
-}
-OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
 
 export { ARBITRARY_CLASS_STYLE_ID, ArbitraryClassCompilerProvider, CurrentPagePathContext, CurrentPagePathProvider, DESIGN_COLOR_TOKENS, DESIGN_RADIUS_TOKENS, DESIGN_SPACING_SCALE, OrbitalThemeProvider, UISlotContext, UISlotProvider, UserContext, UserProvider, defaultSpacingStepPx, isArbitraryClass, layoutOf, positionOf, resetArbitraryClassStyles, sizeLimitOf, sizingOf, snapToSpacingStep, spacingOf, spacingTokenOf, tokenOfDesignClass, useArbitraryClassStyles, useCurrentPagePath, useHasPermission, useHasRole, useSlotContent, useSlotHasContent, useUISlots, useUser, useUserForEvaluation, withLayout, withPosition, withSizeLimit, withSizing, withSpacing };

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

@@ -1,6 +1,6 @@
-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 { AvlFieldType, AvlState, AvlPage, AvlEntity } from './chunk-SVIH6ICP.js';
+import { OPERATOR_CATEGORY_COLORS, AvlEffect } from './chunk-SO2MERCZ.js';
+import { useTranslate, Box, Typography, domPassthrough } from './chunk-OOG33EGF.js';
 import React, { useRef, useState, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-ZDRDJKYB.js → chunk-MXN32OVV.js}

@@ -1,30 +1,110 @@
 import { __export, __reExport } from './chunk-G7DCAZ22.js';
+import { instancesForLocale, orbitalInlineEntities, storesRowsInBrowser, isRoutePage, tickEventKey, isJsonObject } from '@almadar/core';
+import { createLogger, isLogLevelEnabled } from '@almadar/logger';
+import { HostAskError, consentFromRedirect, performHostAnswer, hostAskReturn } from '@almadar/shell-runtime/kernel/host';
 import { NativeMemoryPersistenceAdapter } from '@almadar/shell-runtime/persistence/native-memory';
 import * as local_store_transport_star from '@almadar/shell-runtime/runtime/evaluation/local-store-transport';
 import { openLocalKernel as openLocalKernel$1 } from '@almadar/shell-runtime/runtime/evaluation/local-store-transport';
 import { readPageFacts } from '@almadar/shell-browser/page-facts';
-import { instancesForLocale, orbitalInlineEntities, storesRowsInBrowser, isRoutePage, tickEventKey, isJsonObject } from '@almadar/core';
-import { createLogger, isLogLevelEnabled } from '@almadar/logger';
-import { HostAskError, consentFromRedirect, performHostAnswer, hostAskReturn } from '@almadar/shell-runtime/kernel/host';
 import { dispatchDeclaredInput } from '@almadar/shell-runtime/client/declared-input-dispatch';
 import { IndexedDbPersistence } from '@almadar/shell-browser/storage';
 export { eventRouteKey } from '@almadar/shell-runtime/runtime/events/identity/routing';
 export { createResidenceTransport } from '@almadar/shell-runtime/runtime/evaluation/residence-transport';
 
-function hasMemoryStore(kernel) {
-  return "MemoryStore" in kernel;
+var context;
+var buffers = /* @__PURE__ */ new Map();
+var voices = /* @__PURE__ */ new Map();
+function audioContext() {
+  if (context !== void 0) return context;
+  if (typeof AudioContext === "undefined") return void 0;
+  context = new AudioContext();
+  return context;
+}
+function load(ctx, source) {
+  const cached = buffers.get(source);
+  if (cached !== void 0) return cached;
+  const pending = (async () => {
+    const response = await fetch(source);
+    if (!response.ok) throw new Error(`audio/schedule: ${source} did not load (${response.status})`);
+    return ctx.decodeAudioData(await response.arrayBuffer());
+  })();
+  buffers.set(source, pending);
+  pending.catch(() => buffers.delete(source));
+  return pending;
+}
+function begin(ctx, buffer, spec) {
+  const previous = voices.get(spec.key);
+  if (previous !== void 0) previous.source.stop(spec.at);
+  const source = ctx.createBufferSource();
+  const gain = ctx.createGain();
+  source.buffer = buffer;
+  source.playbackRate.value = spec.rate;
+  gain.gain.value = spec.gain;
+  source.connect(gain);
+  gain.connect(ctx.destination);
+  const voice = { source, gain, gainValue: spec.gain, rateValue: spec.rate, ended: false };
+  voices.set(spec.key, voice);
+  source.onended = () => {
+    voice.ended = true;
+  };
+  if (spec.duration !== void 0) source.start(spec.at, spec.offset, spec.duration);
+  else source.start(spec.at, spec.offset);
+}
+async function scheduleAudio(commands) {
+  const ctx = audioContext();
+  if (ctx === void 0) throw new HostAskError("unavailable", "audio/schedule: this environment has no AudioContext");
+  const known = new Set(voices.keys());
+  for (const command of commands) {
+    if ("start" in command) known.add(command.start.key);
+    else if ("stop" in command) {
+      if (!known.has(command.stop.key)) throw new HostAskError("invalid", `audio/schedule: no voice named ${command.stop.key} was started`);
+      known.delete(command.stop.key);
+    } else if (!known.has(command.ramp.key)) throw new HostAskError("invalid", `audio/schedule: no voice named ${command.ramp.key} was started`);
+  }
+  try {
+    await ctx.resume();
+    const decoded = /* @__PURE__ */ new Map();
+    for (const command of commands) {
+      if ("start" in command && !decoded.has(command.start.source)) decoded.set(command.start.source, await load(ctx, command.start.source));
+    }
+    for (const command of commands) {
+      if ("start" in command) {
+        const buffer = decoded.get(command.start.source);
+        if (buffer === void 0) throw new HostAskError("unavailable", `audio/schedule: ${command.start.source} was not decoded`);
+        begin(ctx, buffer, command.start);
+        continue;
+      }
+      const key = "stop" in command ? command.stop.key : command.ramp.key;
+      const voice = voices.get(key);
+      if (voice === void 0) throw new HostAskError("invalid", `audio/schedule: no voice named ${key} was started`);
+      if ("stop" in command) {
+        if (!voice.ended) voice.source.stop(command.stop.at);
+        voices.delete(key);
+        continue;
+      }
+      if (voice.ended) continue;
+      const { param, value, at, endAt, curve } = command.ramp;
+      const target = param === "gain" ? voice.gain.gain : voice.source.playbackRate;
+      target.setValueAtTime(param === "gain" ? voice.gainValue : voice.rateValue, at);
+      if (curve === "linear") target.linearRampToValueAtTime(value, endAt);
+      else target.exponentialRampToValueAtTime(value, endAt);
+      if (param === "gain") voice.gainValue = value;
+      else voice.rateValue = value;
+    }
+  } catch (error) {
+    if (error instanceof HostAskError) throw error;
+    throw new HostAskError("unavailable", error instanceof Error ? error.message : String(error));
+  }
 }
-function nativeMemoryPersistence(kernel) {
-  if (!hasMemoryStore(kernel)) throw new Error("nativeMemoryPersistence: this kernel module exports no MemoryStore; install a kernel build that carries it");
-  return new NativeMemoryPersistenceAdapter(new kernel.MemoryStore());
+async function readAudioClock() {
+  const ctx = audioContext();
+  if (ctx === void 0) throw new HostAskError("unavailable", "audio/clock: this environment has no AudioContext");
+  if (typeof ctx.getOutputTimestamp === "function") {
+    const { contextTime, performanceTime } = ctx.getOutputTimestamp();
+    if (contextTime !== void 0 && performanceTime !== void 0) return { audio: contextTime, wall: performance.timeOrigin + performanceTime };
+  }
+  return { audio: ctx.currentTime, wall: performance.timeOrigin + performance.now() };
 }
-
-// src/runtime/evaluation/local-store-transport.ts
-var local_store_transport_exports = {};
-__export(local_store_transport_exports, {
-  openLocalKernel: () => openLocalKernel
-});
-__reExport(local_store_transport_exports, local_store_transport_star);
 var POLL_MS = 250;
 function consentByPopup(env) {
   return async (request) => {
@@ -94,6 +174,8 @@ var webHostActions = {
   get signIn() {
     return signInHost;
   },
+  audioSchedule: scheduleAudio,
+  audioClock: readAudioClock,
   get consent() {
     return consentHost ?? (typeof window === "undefined" ? void 0 : consentByPopup(browserConsentEnv(window)));
   }
@@ -110,11 +192,13 @@ function streamTrace(args, completion, dispatch, source) {
   const named = options !== void 0 && options !== null && isJsonObject(options) ? options["traits"] : void 0;
   const traits = Array.isArray(named) ? named.flatMap((t) => typeof t === "string" ? [t] : []) : [];
   if (traits.length === 0) return refuse("program/live trace: name the traits it observes in `traits`");
+  const cost = options !== void 0 && options !== null && isJsonObject(options) ? options["cost"] : void 0;
+  if (cost !== void 0 && cost !== null && typeof cost !== "boolean") return refuse("program/live trace: cost must be a boolean when supplied");
   if (source === void 0 || dispatch === void 0) return refuse("program/live trace: this host has no kernel trace to stream");
   if (traceStreams.has(key)) return refuse(`key ${key} already has a stream open`);
   traceStreams.set(key, source(traits, (item) => {
     void dispatch(trait, onMessage, { ...item, key, ...completion.entityId !== void 0 ? { entityId: completion.entityId } : {} }).catch((error) => log.error("trace item return failed", { trait, key, error: error.message }));
-  }));
+  }, cost === true));
 }
 function cancelStreams(args) {
   const named = args[0];
@@ -138,8 +222,20 @@ async function answerHostAsk(op, args, completion, dispatch, trace) {
   }
   await dispatch(returned.trait, returned.event, returned.entityId !== void 0 ? { ...returned.payload, entityId: returned.entityId } : returned.payload);
 }
+function hasMemoryStore(kernel) {
+  return "MemoryStore" in kernel;
+}
+function nativeMemoryPersistence(kernel) {
+  if (!hasMemoryStore(kernel)) throw new Error("nativeMemoryPersistence: this kernel module exports no MemoryStore; install a kernel build that carries it");
+  return new NativeMemoryPersistenceAdapter(new kernel.MemoryStore());
+}
 
 // src/runtime/evaluation/local-store-transport.ts
+var local_store_transport_exports = {};
+__export(local_store_transport_exports, {
+  openLocalKernel: () => openLocalKernel
+});
+__reExport(local_store_transport_exports, local_store_transport_star);
 function openLocalKernel(options) {
   return openLocalKernel$1({ ...options, pageFacts: options.pageFacts ?? readPageFacts, hostActions: options.hostActions ?? webHostActions });
 }
@@ -205,14 +301,110 @@ async function persistedMemory(kernel, database, entities, locale) {
 function browserStoreName(appName, locale) {
   return locale !== void 0 ? `almadar:${appName}:${locale}` : `almadar:${appName}`;
 }
-async function openBrowserStore(databaseName, orbitals, factory) {
+function tableOf(entity) {
+  return entity.collection ?? entity.name;
+}
+async function moveTypeStores(factory, databaseName, entities) {
+  const collections = new Set(entities.map(tableOf));
+  const current = await new Promise((resolve, reject) => {
+    const req = factory.open(databaseName);
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+  const stale = entities.filter((e) => tableOf(e) !== e.name && !collections.has(e.name) && current.objectStoreNames.contains(e.name));
+  const next = current.version + 1;
+  current.close();
+  if (stale.length === 0) return;
+  await new Promise((resolve, reject) => {
+    const req = factory.open(databaseName, next);
+    req.onupgradeneeded = () => {
+      const db = req.result;
+      const tx = req.transaction;
+      if (tx === null) return;
+      const moveOne = (index) => {
+        const entity = stale[index];
+        if (entity === void 0) return;
+        const target = tableOf(entity);
+        if (!db.objectStoreNames.contains(target)) db.createObjectStore(target, { keyPath: "id" });
+        const old = tx.objectStore(entity.name);
+        const destination = tx.objectStore(target);
+        const rows = old.getAll();
+        rows.onsuccess = () => {
+          const keys = destination.getAllKeys();
+          keys.onsuccess = () => {
+            const present = new Set(keys.result);
+            for (const row of rows.result) if (!present.has(row.id)) destination.put(row);
+            db.deleteObjectStore(entity.name);
+            moveOne(index + 1);
+          };
+        };
+      };
+      moveOne(0);
+    };
+    req.onsuccess = () => {
+      req.result.close();
+      resolve();
+    };
+    req.onerror = () => reject(req.error);
+    req.onblocked = () => reject(new Error(`browser store "${databaseName}" is open in another context and cannot be upgraded`));
+  });
+}
+async function adoptDatabase(factory, formerName, entities, target) {
+  await moveTypeStores(factory, formerName, entities);
+  const tables = [...new Set(entities.map(tableOf))];
+  const former = await new Promise((resolve, reject) => {
+    const req = factory.open(formerName);
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+  const held = /* @__PURE__ */ new Map();
+  try {
+    for (const table of tables) {
+      if (!former.objectStoreNames.contains(table)) continue;
+      const rows = await new Promise((resolve, reject) => {
+        const req = former.transaction(table, "readonly").objectStore(table).getAll();
+        req.onsuccess = () => resolve(req.result);
+        req.onerror = () => reject(req.error);
+      });
+      held.set(table, rows);
+    }
+  } finally {
+    former.close();
+  }
+  for (const [table, rows] of held) {
+    const present = new Set((await target.list(table)).map((row) => row.id));
+    for (const row of rows) if (!present.has(row.id)) await target.create(table, row);
+  }
+  await new Promise((resolve, reject) => {
+    const req = factory.deleteDatabase(formerName);
+    req.onsuccess = () => resolve();
+    req.onerror = () => reject(req.error);
+    req.onblocked = () => reject(new Error(`browser store "${formerName}" is open in another context and cannot be removed`));
+  });
+}
+async function openBrowserStore(databaseName, orbitals, factory, formerDatabaseName) {
   const entities = orbitals.flatMap(orbitalInlineEntities).filter(storesRowsInBrowser);
   if (entities.length === 0) return null;
-  return IndexedDbPersistence.open({
+  const idb = factory ?? globalThis.indexedDB;
+  if (!idb) throw new Error("IndexedDbPersistence: this environment has no IndexedDB");
+  await moveTypeStores(idb, databaseName, entities);
+  const tables = new Map(entities.map((e) => [e.name, tableOf(e)]));
+  const table = (entityType) => tables.get(entityType) ?? entityType;
+  const database = await IndexedDbPersistence.open({
     databaseName,
-    entityTypes: entities.map((e) => e.name),
-    ...factory !== void 0 ? { factory } : {}
+    entityTypes: [...new Set(tables.values())],
+    factory: idb
   });
+  if (formerDatabaseName !== void 0 && formerDatabaseName !== databaseName) {
+    await adoptDatabase(idb, formerDatabaseName, entities, database);
+  }
+  return {
+    create: (entityType, data) => database.create(table(entityType), data),
+    delete: (entityType, id) => database.delete(table(entityType), id),
+    list: (entityType) => database.list(table(entityType)),
+    changes: () => database.changes(),
+    close: () => database.close()
+  };
 }
 function browserEntities(orbitals) {
   return orbitals.flatMap(orbitalInlineEntities).filter(storesRowsInBrowser);

package/dist/{chunk-D5FJU4XC.js → chunk-OOG33EGF.js}

@@ -3,7 +3,7 @@ import React44__default, { useRef, useEffect, createContext, useCallback, useSta
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createLogger } from '@almadar/logger';
+import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { X, Loader2, HelpCircle, ArrowDownNarrowWide, ArrowUpNarrowWide, Share2, RefreshCw, VolumeX, Volume2, Square, Trash2 } from 'lucide-react';
 import dynamicIconImports from 'lucide-react/dynamicIconImports.mjs';
 import themeToggleEn from '@almadar/std/ui-theme-toggle-locales/en';
@@ -252,11 +252,9 @@ function hasMatchMedia() {
 function usePrefersReducedMotion() {
   return useMediaQuery("(prefers-reduced-motion: reduce)");
 }
-var busLog = createLogger("almadar:eventbus");
-var subLog = createLogger("almadar:eventbus:subscribe");
-var EventBusContext = globalThis.__almadarUiEventBusContext ?? (globalThis.__almadarUiEventBusContext = createContext(null));
-var listenerTags = /* @__PURE__ */ new WeakMap();
-function captureSubscriberTag(listener) {
+var TAG_READERS = ["almadar:eventbus", "almadar:eventbus:subscribe"];
+function subscriberTag(listener) {
+  if (!TAG_READERS.some((ns) => isLogLevelEnabled("DEBUG", ns))) return void 0;
   const fnName = listener.name;
   if (typeof fnName === "string" && fnName.length > 0 && fnName !== "listener") {
     return fnName;
@@ -266,14 +264,18 @@ function captureSubscriberTag(listener) {
   for (const raw of lines.slice(2)) {
     const line = raw.trim();
     if (!line) continue;
-    if (line.includes("EventBusProvider") || line.includes("useEventBus")) continue;
-    if (line.includes("captureSubscriberTag")) continue;
+    if (line.includes("EventBusProvider") || line.includes("useEventBus") || line.includes("subscriber-tag")) continue;
+    if (line.includes("subscriberTag")) continue;
     const match = line.match(/([^/\\)]+\.(?:tsx?|jsx?))(?::(\d+))?/);
     if (match) return match[2] ? `${match[1]}:${match[2]}` : match[1];
     return line.slice(0, 120);
   }
   return "unknown";
 }
+var busLog = createLogger("almadar:eventbus");
+var subLog = createLogger("almadar:eventbus:subscribe");
+var EventBusContext = globalThis.__almadarUiEventBusContext ?? (globalThis.__almadarUiEventBusContext = createContext(null));
+var listenerTags = /* @__PURE__ */ new WeakMap();
 function EventBusProvider({ children, isolated = false }) {
   const listenersRef = useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = useRef(/* @__PURE__ */ new Set());
@@ -347,7 +349,10 @@ function EventBusProvider({ children, isolated = false }) {
     }
     const listeners2 = listenersRef.current.get(type);
     listeners2.add(listener);
-    if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
+    if (!listenerTags.has(listener)) {
+      const tag = subscriberTag(listener);
+      if (tag !== void 0) listenerTags.set(listener, tag);
+    }
     subLog.debug("subscribe", { type, totalListeners: listeners2.size, tag: listenerTags.get(listener) });
     return () => {
       listeners2.delete(listener);
@@ -370,7 +375,10 @@ function EventBusProvider({ children, isolated = false }) {
   }, []);
   const onAny = useCallback((listener) => {
     anyListenersRef.current.add(listener);
-    if (!listenerTags.has(listener)) listenerTags.set(listener, captureSubscriberTag(listener));
+    if (!listenerTags.has(listener)) {
+      const tag = subscriberTag(listener);
+      if (tag !== void 0) listenerTags.set(listener, tag);
+    }
     subLog.debug("subscribe:any", { totalAnyListeners: anyListenersRef.current.size, tag: listenerTags.get(listener) });
     return () => {
       anyListenersRef.current.delete(listener);
@@ -2784,6 +2792,10 @@ var en_default = {
   "upload.error.maxFiles": "Maximum {{count}} files allowed",
   "upload.error.invalidType": "Invalid file type: {{name}}",
   "upload.error.tooLarge": "File too large: {{name}} (max {{size}})",
+  "upload.error.partial": "Some files could not be added: {{details}}",
+  "upload.reason.invalidType": "invalid type",
+  "upload.reason.tooLarge": "too large, max {{size}}",
+  "upload.reason.overLimit": "over the {{count}} file limit",
   "optionConstraint.requiredOne": "Required, pick 1",
   "optionConstraint.optionalOne": "Optional, pick up to 1",
   "optionConstraint.pickExactly": "Pick exactly {{count}}",
@@ -3279,6 +3291,7 @@ var en_default = {
   "selection.note": "Note",
   "selection.toolbar": "Selection actions",
   "qrScanner.apiUnavailable": "Camera API not available in this environment",
+  "qrScanner.decoderUnavailable": "No barcode reader is available in this browser",
   "aria.videoEmbed": "Video player",
   "videoEmbed.apiUnavailable": "The video player could not be loaded",
   "videoEmbed.invalidVideo": "The video address is not valid",
@@ -3602,7 +3615,9 @@ var en_default = {
   "themeToggle.light": "Light",
   "themeToggle.dark": "Dark",
   "agentActivity.toolDone": "{{tool}} \u2014 done",
-  "agentActivity.toolFailed": "{{tool}} \u2014 failed"
+  "agentActivity.toolFailed": "{{tool}} \u2014 failed",
+  "aria.annotatedMedia": "Media to review",
+  "aria.annotatedTimeline": "Comment timeline"
 };
 
 // src/core/lib/format.ts
@@ -4173,6 +4188,10 @@ var ar_default = {
   "upload.error.maxFiles": "\u0627\u0644\u062D\u062F \u0627\u0644\u0623\u0642\u0635\u0649 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647 {{count}} \u0645\u0644\u0641\u0627\u062A",
   "upload.error.invalidType": "\u0646\u0648\u0639 \u0645\u0644\u0641 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D: {{name}}",
   "upload.error.tooLarge": "\u0627\u0644\u0645\u0644\u0641 \u0643\u0628\u064A\u0631 \u062C\u062F\u064B\u0627: {{name}} (\u0627\u0644\u0623\u0642\u0635\u0649 {{size}})",
+  "upload.error.partial": "\u062A\u0639\u0630\u0651\u0631\u062A \u0625\u0636\u0627\u0641\u0629 \u0628\u0639\u0636 \u0627\u0644\u0645\u0644\u0641\u0627\u062A: {{details}}",
+  "upload.reason.invalidType": "\u0646\u0648\u0639 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D",
+  "upload.reason.tooLarge": "\u0643\u0628\u064A\u0631 \u062C\u062F\u064B\u0627\u060C \u0627\u0644\u0623\u0642\u0635\u0649 {{size}}",
+  "upload.reason.overLimit": "\u064A\u062A\u062C\u0627\u0648\u0632 \u062D\u062F {{count}} \u0645\u0644\u0641\u0627\u062A",
   "optionConstraint.requiredOne": "\u0645\u0637\u0644\u0648\u0628\u060C \u0627\u062E\u062A\u0631 1",
   "optionConstraint.optionalOne": "\u0627\u062E\u062A\u064A\u0627\u0631\u064A\u060C \u0627\u062E\u062A\u0631 \u062D\u062A\u0649 1",
   "optionConstraint.pickExactly": "\u0627\u062E\u062A\u0631 \u0628\u0627\u0644\u0636\u0628\u0637 {{count}}",
@@ -4672,6 +4691,7 @@ var ar_default = {
   "selection.note": "\u0645\u0644\u0627\u062D\u0638\u0629",
   "selection.toolbar": "\u0625\u062C\u0631\u0627\u0621\u0627\u062A \u0627\u0644\u062A\u062D\u062F\u064A\u062F",
   "qrScanner.apiUnavailable": "\u0648\u0627\u062C\u0647\u0629 \u0627\u0644\u0643\u0627\u0645\u064A\u0631\u0627 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D\u0629 \u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0628\u064A\u0626\u0629",
+  "qrScanner.decoderUnavailable": "\u0642\u0627\u0631\u0626 \u0627\u0644\u0631\u0645\u0648\u0632 \u063A\u064A\u0631 \u0645\u062A\u0627\u062D \u0641\u064A \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D",
   "aria.videoEmbed": "\u0645\u0634\u063A\u0644 \u0627\u0644\u0641\u064A\u062F\u064A\u0648",
   "videoEmbed.apiUnavailable": "\u062A\u0639\u0630\u0631 \u062A\u062D\u0645\u064A\u0644 \u0645\u0634\u063A\u0644 \u0627\u0644\u0641\u064A\u062F\u064A\u0648",
   "videoEmbed.invalidVideo": "\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0641\u064A\u062F\u064A\u0648 \u063A\u064A\u0631 \u0635\u0627\u0644\u062D",
@@ -4995,7 +5015,9 @@ var ar_default = {
   "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"
+  "agentActivity.toolFailed": "{{tool}} \u2014 \u062A\u0639\u0630\u0651\u0631",
+  "aria.annotatedMedia": "\u0648\u0633\u0627\u0626\u0637 \u0644\u0644\u0645\u0631\u0627\u062C\u0639\u0629",
+  "aria.annotatedTimeline": "\u0627\u0644\u062E\u0637 \u0627\u0644\u0632\u0645\u0646\u064A \u0644\u0644\u062A\u0639\u0644\u064A\u0642\u0627\u062A"
 };
 
 // src/core/locales/sl.json
@@ -5460,6 +5482,10 @@ var sl_default = {
   "upload.error.maxFiles": "Dovoljenih je najve\u010D {{count}} datotek",
   "upload.error.invalidType": "Neveljavna vrsta datoteke: {{name}}",
   "upload.error.tooLarge": "Datoteka prevelika: {{name}} (najve\u010D {{size}})",
+  "upload.error.partial": "Nekaterih datotek ni bilo mogo\u010De dodati: {{details}}",
+  "upload.reason.invalidType": "neveljavna vrsta",
+  "upload.reason.tooLarge": "prevelika, najve\u010D {{size}}",
+  "upload.reason.overLimit": "presega omejitev {{count}} datotek",
   "optionConstraint.requiredOne": "Obvezno, izberite 1",
   "optionConstraint.optionalOne": "Neobvezno, izberite do 1",
   "optionConstraint.pickExactly": "Izberite natanko {{count}}",
@@ -5959,6 +5985,7 @@ var sl_default = {
   "selection.note": "Opomba",
   "selection.toolbar": "Dejanja izbora",
   "qrScanner.apiUnavailable": "API kamere v tem okolju ni na voljo",
+  "qrScanner.decoderUnavailable": "Bralnik kod v tem brskalniku ni na voljo",
   "aria.videoEmbed": "Video predvajalnik",
   "videoEmbed.apiUnavailable": "Video predvajalnika ni bilo mogo\u010De nalo\u017Eiti",
   "videoEmbed.invalidVideo": "Naslov videa ni veljaven",
@@ -6282,7 +6309,9 @@ var sl_default = {
   "themeToggle.light": "Svetla",
   "themeToggle.dark": "Temna",
   "agentActivity.toolDone": "{{tool}} \u2014 kon\u010Dano",
-  "agentActivity.toolFailed": "{{tool}} \u2014 ni uspelo"
+  "agentActivity.toolFailed": "{{tool}} \u2014 ni uspelo",
+  "aria.annotatedMedia": "Gradivo za pregled",
+  "aria.annotatedTimeline": "\u010Casovnica komentarjev"
 };
 var { $meta: _meta2, ...coreMessages2 } = en_default;
 var withThemeToggle = (messages, labels) => ({
@@ -8694,6 +8723,7 @@ var Stack = ({
   };
   const isHorizontal = direction === "horizontal";
   const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
+  const fullWidthChildren = align === "center" ? isHorizontal ? responsive && "max-md:[&>.w-full]:self-stretch" : "[&>.w-full]:self-stretch" : void 0;
   return React44__default.createElement(
     Component,
     {
@@ -8703,6 +8733,7 @@ var Stack = ({
         directionClass,
         gapStyles[gap],
         alignStyles[align],
+        fullWidthChildren,
         justifyStyles[justify],
         wrap && "flex-wrap",
         flex && "flex-1",
@@ -10122,7 +10153,8 @@ var Switch = React44.forwardRef(
             // proportional regardless of a theme's density scale.
             "relative inline-flex h-[1.5rem] w-[2.75rem] shrink-0 cursor-pointer items-center rounded-full border-heavy border-transparent transition-colors duration-fast",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-            isChecked ? "bg-primary" : "bg-muted",
+            // The off track must clear 3:1 against the page (WCAG 1.4.11); the muted surface colour does not.
+            isChecked ? "bg-primary" : "bg-muted-foreground",
             disabled && "cursor-not-allowed opacity-50"
           ),
           children: /* @__PURE__ */ jsx(

package/dist/{chunk-AU7O65OX.js → chunk-OXHXISFA.js}

@@ -1,7 +1,7 @@
 import { applyFrame } from '@almadar/shell-runtime/kernel/frame-applier';
 
 function runTickFrame(ports, now) {
-  return applyFrame(ports.kernel.frame(now()), ports.client, ports.post);
+  return applyFrame(ports.kernel.frame(now()), ports.client, ports.post, ports.held);
 }
 function createTickDriver(ports) {
   let handle;

package/dist/{chunk-PWXZN5G5.js → chunk-PD5QUVRE.js}

@@ -1,5 +1,5 @@
-import { claimDelivery } from './chunk-S3LS3B7N.js';
-import { useEventBus, getTraitPresence, beginPending, endPending } from './chunk-D5FJU4XC.js';
+import { claimDelivery } from './chunk-CB4POLGP.js';
+import { useEventBus, getTraitPresence, beginPending, endPending } from './chunk-OOG33EGF.js';
 import { createContext, useState, useCallback, useEffect, useMemo, useRef, useContext, useSyncExternalStore } from 'react';
 import { createLogger } from '@almadar/logger';
 import { mergeEntityFrame } from '@almadar/core';

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

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

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

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