@almadar/shell-web 0.1.0 → 1.0.0

package/dist/{chunk-VFF5OO47.js → chunk-PCR37T3U.js}

@@ -1,46 +1,11 @@
-import { routing_exports } from './chunk-DYEKAA4L.js';
 import { renderUiEntriesOf } from '@almadar/core/patterns';
-import { isInlineTrait } from '@almadar/core';
+import { kernelEvaluator } from '@almadar/core';
 
-function instanceOf(orbital, orbitalId, ref) {
-  const at = orbitalId === void 0 ? { orbital } : { orbital, orbitalId };
-  if (isInlineTrait(ref)) return { ...at, name: ref.name, trait: ref };
-  if (typeof ref === "object" && ref._resolved) return { ...at, name: ref.name ?? ref._resolved.name, trait: ref._resolved };
-  return null;
-}
 var wiresBySchema = /* @__PURE__ */ new WeakMap();
 function traitEventWires(schema) {
   const cached = wiresBySchema.get(schema);
   if (cached) return cached;
-  const instances = (schema.orbitals ?? []).flatMap(
-    (o) => (o.traits ?? []).map((ref) => instanceOf(o.name, o.id, ref)).filter((i) => i !== null)
-  );
-  const listensByEvent = /* @__PURE__ */ new Map();
-  for (const listener of instances) {
-    for (const listen of listener.trait.listens ?? []) {
-      const { bareEvent, matcher } = (0, routing_exports.parseListenSource)(listen, listener.orbital);
-      const bucket = listensByEvent.get(bareEvent);
-      if (bucket) bucket.push({ listener, matcher });
-      else listensByEvent.set(bareEvent, [{ listener, matcher }]);
-    }
-  }
-  const wires = [];
-  for (const emitter of instances) {
-    const source = { orbital: emitter.orbital, trait: emitter.name, ...emitter.orbitalId ? { orbitalId: emitter.orbitalId } : {}, ...emitter.trait.id ? { traitId: emitter.trait.id } : {} };
-    for (const emit of emitter.trait.emits ?? []) {
-      for (const { listener, matcher } of listensByEvent.get(emit.event) ?? []) {
-        if (listener.orbital === emitter.orbital && listener.name === emitter.name) continue;
-        if (!matcher(source)) continue;
-        wires.push({
-          emitterOrbital: emitter.orbital,
-          emitterTrait: emitter.name,
-          listenerOrbital: listener.orbital,
-          listenerTrait: listener.name,
-          event: emit.event
-        });
-      }
-    }
-  }
+  const wires = kernelEvaluator().eventWires(schema);
   wiresBySchema.set(schema, wires);
   return wires;
 }
@@ -269,6 +234,18 @@ function traitLevelFromDescription(description) {
     description.events.listens
   );
 }
+function traitLevelFromMounted(trait) {
+  return {
+    name: trait.trait,
+    linkedEntity: trait.linkedEntity ?? "",
+    states: trait.states.map((s) => ({ name: s.name, isInitial: s.isInitial, isTerminal: s.isTerminal })),
+    transitions: trait.transitions.flatMap(
+      (t) => t.from.map((from) => ({ from, to: t.to, event: t.event, guard: null, effects: [], index: t.index }))
+    ),
+    emittedEvents: trait.emits,
+    listenedEvents: trait.listens.map((l) => l.event)
+  };
+}
 function traitLevelOf(name, linkedEntity, sm, emittedEvents, listenedEvents) {
   const states = getStates(sm).map((s) => ({
     name: s.name ?? "",
@@ -316,4 +293,4 @@ function parseTransitionLevel(schema, orbitalName, traitName, transitionIndex) {
   };
 }
 
-export { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, programTraits, traitEventWires, traitLevelFromDescription, traitLevelFromTrait, traitTransitionRenderUi };
+export { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, parseTransitionLevel, programTraits, traitEventWires, traitLevelFromDescription, traitLevelFromMounted, traitLevelFromTrait, traitTransitionRenderUi };

package/dist/{chunk-R5O5AUPI.js → chunk-PRXQGGCO.js}

@@ -1,7 +1,30 @@
-import { useEventBus, useTranslate } from './chunk-MBQAMMSE.js';
-import { useRef, useEffect, useCallback, useState, useMemo } from 'react';
+import { useEventBus, useTranslate } from './chunk-4YXBKHHM.js';
+import { createContext, useMemo, useContext, useRef, useEffect, useCallback, useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { resolvePageMeta } from '@almadar/core';
 
+function createEditorFocus() {
+  let current = null;
+  return {
+    focused: () => current,
+    focus: (editorId) => {
+      current = editorId;
+    },
+    blur: (editorId) => {
+      if (current === editorId) current = null;
+    }
+  };
+}
+var INERT_EDITOR_FOCUS = { focused: () => null, focus: () => void 0, blur: () => void 0 };
+var EditorFocusContext = createContext(INERT_EDITOR_FOCUS);
+var EditorFocusProvider = ({ children }) => {
+  const focus = useMemo(createEditorFocus, []);
+  return /* @__PURE__ */ jsx(EditorFocusContext.Provider, { value: focus, children });
+};
+EditorFocusProvider.displayName = "EditorFocusProvider";
+function useEditorFocus() {
+  return useContext(EditorFocusContext);
+}
 function mergeCaptureTables(tables) {
   const merged = {};
   for (const table of tables) {
@@ -32,38 +55,18 @@ function keyChord(event) {
 function useKeyboardRouter(options) {
   const {
     captureTable,
-    editorFocusEvent = "EDITOR_FOCUS",
-    editorBlurEvent = "EDITOR_BLUR",
     keyEvent = "KEY",
     enabled = true
   } = options;
   const eventBus = useEventBus();
   const captureTableRef = useRef(captureTable);
   captureTableRef.current = captureTable;
-  const focusedEditorIdRef = useRef(null);
-  useEffect(() => {
-    const unsubFocus = eventBus.on(`UI:${editorFocusEvent}`, (event) => {
-      const editorId = event.payload?.editorId;
-      if (typeof editorId === "string") {
-        focusedEditorIdRef.current = editorId;
-      }
-    });
-    const unsubBlur = eventBus.on(`UI:${editorBlurEvent}`, (event) => {
-      const editorId = event.payload?.editorId;
-      if (typeof editorId === "string" && focusedEditorIdRef.current === editorId) {
-        focusedEditorIdRef.current = null;
-      }
-    });
-    return () => {
-      unsubFocus();
-      unsubBlur();
-    };
-  }, [eventBus, editorFocusEvent, editorBlurEvent]);
+  const editorFocus = useEditorFocus();
   useEffect(() => {
     if (!enabled) return;
     const handleKeyDown = (event) => {
       if (event.isComposing) return;
-      const target = focusedEditorIdRef.current ?? "shell";
+      const target = editorFocus.focused() ?? "shell";
       const entry = captureTableRef.current[target];
       const captured = entry !== void 0 && (entry.keys.has(event.key) || entry.keys.has(keyChord(event)));
       if (captured) {
@@ -84,7 +87,7 @@ function useKeyboardRouter(options) {
     return () => {
       window.removeEventListener("keydown", handleKeyDown, { capture: true });
     };
-  }, [eventBus, enabled, keyEvent]);
+  }, [eventBus, editorFocus, enabled, keyEvent]);
 }
 function useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
@@ -372,66 +375,6 @@ function parseQueryBinding(binding) {
     field: parts.length > 1 ? parts.slice(1).join(".") : void 0
   };
 }
-function usePullToRefresh(onRefresh, options = {}) {
-  const { threshold = 60, maxPull = 120 } = options;
-  const [pullDistance, setPullDistance] = useState(0);
-  const [isPulling, setIsPulling] = useState(false);
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const startY = useRef(0);
-  const scrollTopRef = useRef(0);
-  const onTouchStart = useCallback((e) => {
-    const container = e.currentTarget;
-    scrollTopRef.current = container.scrollTop;
-    if (scrollTopRef.current <= 0) {
-      startY.current = e.touches[0].clientY;
-      setIsPulling(true);
-    }
-  }, []);
-  const onTouchMove = useCallback((e) => {
-    if (!isPulling || isRefreshing) return;
-    const container = e.currentTarget;
-    if (container.scrollTop > 0) {
-      setPullDistance(0);
-      return;
-    }
-    const dy = e.touches[0].clientY - startY.current;
-    if (dy > 0) {
-      const distance = Math.min(dy * 0.5, maxPull);
-      setPullDistance(distance);
-    }
-  }, [isPulling, isRefreshing, maxPull]);
-  const onTouchEnd = useCallback(() => {
-    if (!isPulling) return;
-    setIsPulling(false);
-    if (pullDistance >= threshold && !isRefreshing) {
-      setIsRefreshing(true);
-      setPullDistance(threshold);
-      onRefresh();
-    } else {
-      setPullDistance(0);
-    }
-  }, [isPulling, pullDistance, threshold, isRefreshing, onRefresh]);
-  const endRefresh = useCallback(() => {
-    setIsRefreshing(false);
-    setPullDistance(0);
-  }, []);
-  const containerProps = {
-    onTouchStart,
-    onTouchMove,
-    onTouchEnd,
-    style: {
-      transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : void 0,
-      transition: isPulling ? "none" : "transform 300ms ease-out"
-    }
-  };
-  return {
-    pullDistance,
-    isPulling,
-    isRefreshing,
-    containerProps,
-    endRefresh
-  };
-}
 
 // src/lib/bus-claim.ts
 var claims = /* @__PURE__ */ new WeakMap();
@@ -447,6 +390,10 @@ function claimDelivery(source, trait, event) {
   seen.add(key);
   return true;
 }
+var DISPATCH_CLAIM = "$dispatch";
+function claimDispatch(source, event) {
+  return claimDelivery(source, DISPATCH_CLAIM, event);
+}
 var OWNED = "data-orb-head";
 var shellTitle;
 function ownedTag(tag, attrs) {
@@ -501,6 +448,66 @@ function usePageHead(input) {
     };
   }, [active, title, description, isPublic, canonical, siteName, locale, hreflangKey]);
 }
+function usePullToRefresh(onRefresh, options = {}) {
+  const { threshold = 60, maxPull = 120 } = options;
+  const [pullDistance, setPullDistance] = useState(0);
+  const [isPulling, setIsPulling] = useState(false);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const startY = useRef(0);
+  const scrollTopRef = useRef(0);
+  const onTouchStart = useCallback((e) => {
+    const container = e.currentTarget;
+    scrollTopRef.current = container.scrollTop;
+    if (scrollTopRef.current <= 0) {
+      startY.current = e.touches[0].clientY;
+      setIsPulling(true);
+    }
+  }, []);
+  const onTouchMove = useCallback((e) => {
+    if (!isPulling || isRefreshing) return;
+    const container = e.currentTarget;
+    if (container.scrollTop > 0) {
+      setPullDistance(0);
+      return;
+    }
+    const dy = e.touches[0].clientY - startY.current;
+    if (dy > 0) {
+      const distance = Math.min(dy * 0.5, maxPull);
+      setPullDistance(distance);
+    }
+  }, [isPulling, isRefreshing, maxPull]);
+  const onTouchEnd = useCallback(() => {
+    if (!isPulling) return;
+    setIsPulling(false);
+    if (pullDistance >= threshold && !isRefreshing) {
+      setIsRefreshing(true);
+      setPullDistance(threshold);
+      onRefresh();
+    } else {
+      setPullDistance(0);
+    }
+  }, [isPulling, pullDistance, threshold, isRefreshing, onRefresh]);
+  const endRefresh = useCallback(() => {
+    setIsRefreshing(false);
+    setPullDistance(0);
+  }, []);
+  const containerProps = {
+    onTouchStart,
+    onTouchMove,
+    onTouchEnd,
+    style: {
+      transform: pullDistance > 0 ? `translateY(${pullDistance}px)` : void 0,
+      transition: isPulling ? "none" : "transform 300ms ease-out"
+    }
+  };
+  return {
+    pullDistance,
+    isPulling,
+    isRefreshing,
+    containerProps,
+    endRefresh
+  };
+}
 function useDragReorder(initialItems, onReorder) {
   const [items, setItems] = useState(initialItems);
   const [dragIndex, setDragIndex] = useState(-1);
@@ -570,4 +577,4 @@ function useDragReorder(initialItems, onReorder) {
   };
 }
 
-export { claimDelivery, keyChord, mergeCaptureTables, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useKeyboardRouter, useLongPress, usePageHead, usePullToRefresh, useQuerySingleton, useSwipeGesture };
+export { EditorFocusProvider, claimDelivery, claimDispatch, keyChord, mergeCaptureTables, parseQueryBinding, useAuthContext, useCanvasGestures, useDragReorder, useEditorFocus, useKeyboardRouter, useLongPress, usePageHead, usePullToRefresh, useQuerySingleton, useSwipeGesture };

package/dist/{chunk-42FY4RYA.js → chunk-REXYVBUO.js}

@@ -1,5 +1,5 @@
-import { traitLevelFromDescription } from './chunk-VFF5OO47.js';
-import { useContentSurface, useEventBus, Typography, Icon, cn, domPassthrough } from './chunk-MBQAMMSE.js';
+import { traitLevelFromDescription } from './chunk-PCR37T3U.js';
+import { useContentSurface, useEventBus, Typography, Icon, cn, domPassthrough } from './chunk-4YXBKHHM.js';
 import { useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-DLZF4PVE.js → chunk-ROICKAU7.js}

@@ -1,6 +1,6 @@
-import { AvlStateMachine } from './chunk-KVQS4GXU.js';
-import { EmptyState } from './chunk-FAJDTHWC.js';
-import { useTranslate, Box, domPassthrough } from './chunk-MBQAMMSE.js';
+import { AvlStateMachine } from './chunk-SP5CDJ6K.js';
+import { EmptyState } from './chunk-AGXD77SL.js';
+import { useTranslate, Box, domPassthrough } from './chunk-4YXBKHHM.js';
 import { jsx } from 'react/jsx-runtime';
 
 var BehaviorView = ({ data, ...rest }) => {

package/dist/{chunk-KVQS4GXU.js → chunk-SP5CDJ6K.js}

@@ -1,8 +1,8 @@
-import { useContainerWidth, computeTraitLayout, roundedEdgePath } from './chunk-GAR5TQ5B.js';
-import { AvlExplain, AvlEffectChip } from './chunk-SJGJJKBY.js';
+import { useContainerWidth, computeTraitLayout, roundedEdgePath } from './chunk-TXAUOLWZ.js';
+import { AvlExplain, AvlEffectChip } from './chunk-AB3X7QTE.js';
 import { gearTeethPath } from './chunk-TZZBINQY.js';
-import { AVL_INK, AVL_FONT, AVL_STROKE, avlTint } from './chunk-DFNZUYX4.js';
-import { domPassthrough, useTranslate, useEventBus, useMediaQuery, Box, Typography } from './chunk-MBQAMMSE.js';
+import { AVL_INK, AVL_FONT, AVL_STROKE, avlTint } from './chunk-UXLE3IPR.js';
+import { domPassthrough, useTranslate, useEventBus, useMediaQuery, Box, Typography, Button } from './chunk-4YXBKHHM.js';
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { formatSExpr } from '@almadar/core';
 import { createLogger } from '@almadar/logger';
@@ -65,19 +65,25 @@ var AvlStateMachine = ({
   const clickable = transitionClickEvent !== void 0 || onTransitionClick !== void 0;
   const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
   const [layout, setLayout] = useState(null);
+  const [layoutFailed, setLayoutFailed] = useState(false);
+  const [layoutAttempt, setLayoutAttempt] = useState(0);
   const hostRef = useRef(null);
   const hostWidth = useContainerWidth(hostRef);
   const traitKey = useMemo(() => JSON.stringify(trait), [trait]);
   useEffect(() => {
     if (trait.states.length === 0) return;
     let live = true;
+    setLayoutFailed(false);
     computeTraitLayout(trait, metricsFor(nodeShape, direction)).then((l) => {
       if (live) setLayout(l);
-    }).catch((error) => log.error("layout-failed", { trait: trait.name, error: error instanceof Error ? error : String(error) }));
+    }).catch((error) => {
+      log.error("layout-failed", { trait: trait.name, error: error instanceof Error ? error : String(error) });
+      if (live) setLayoutFailed(true);
+    });
     return () => {
       live = false;
     };
-  }, [traitKey, nodeShape, direction]);
+  }, [traitKey, nodeShape, direction, layoutAttempt]);
   useEffect(() => {
     const host = hostRef.current;
     if (!followActive || layout === null || host === null || activeState === void 0) return;
@@ -270,6 +276,7 @@ var AvlStateMachine = ({
               transition: "border-color var(--duration-normal, 200ms), box-shadow var(--duration-normal, 200ms)"
             },
             children: [
+              pending ? /* @__PURE__ */ jsx(Box, { as: "span", className: "sr-only", children: t("avl.pendingSourceState") }) : null,
               visit !== void 0 && !active ? /* @__PURE__ */ jsx(
                 Box,
                 {
@@ -308,7 +315,10 @@ var AvlStateMachine = ({
           s.name
         );
       })
-    ] }) }) : /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("avl.computingLayout") }) }) })
+    ] }) }) : layoutFailed ? /* @__PURE__ */ jsxs(Box, { role: "alert", className: "flex flex-col items-center justify-center gap-2 py-10", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("avl.layoutFailed") }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", label: t("common.retry"), onClick: () => setLayoutAttempt((n) => n + 1) })
+    ] }) : /* @__PURE__ */ jsx(Box, { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "muted", children: t("avl.computingLayout") }) }) })
   ] });
 };
 var Rail = ({ kind, event }) => /* @__PURE__ */ jsxs(
@@ -325,4 +335,4 @@ var Rail = ({ kind, event }) => /* @__PURE__ */ jsxs(
 );
 AvlStateMachine.displayName = "AvlStateMachine";
 
-export { AvlStateMachine };
+export { AvlStateMachine, BODY_CHAR, MARGIN, MAX_SCALE, MIN_SCALE, MONO_CHAR, PILL_H, metricsFor, pillWidth };

package/dist/{chunk-P4LNHAFI.js → chunk-TUPZWTRE.js}

@@ -1,5 +1,5 @@
-import { perfStore, pushPerfEntry } from './chunk-DYEKAA4L.js';
-import { isMotionEnabled } from './chunk-MBQAMMSE.js';
+import { perfStore, pushPerfEntry } from './chunk-3VZ36ZKO.js';
+import { isMotionEnabled } from './chunk-4YXBKHHM.js';
 import { useRef, useLayoutEffect, useSyncExternalStore } from 'react';
 import { ENTER_DELAY_STEPS, ENTER_ANIMATIONS, isFileValue } from '@almadar/core';
 export { getNestedValue } from '@almadar/core';