@almadar/shell-web 0.1.0 → 1.1.0

package/dist/{chunk-SGM3FASH.js → chunk-OWNG4JZI.js}

@@ -1,14 +1,13 @@
-import { JsonTreeEditor } from './chunk-U6QRZASX.js';
-import { transitionPlayback, Accordion } from './chunk-42FY4RYA.js';
-import { EmptyState } from './chunk-FAJDTHWC.js';
-import { useContainerWidth, roundedEdgePath } from './chunk-GAR5TQ5B.js';
-import { AvlExplain, AvlEffectChip } from './chunk-SJGJJKBY.js';
-import { AvlEffect } from './chunk-DZ42OJQC.js';
-import { parseTraitLevel } from './chunk-VFF5OO47.js';
-import { AVL_INK, AVL_FONT, effectZoneOf, avlTint, OPERATOR_CATEGORY_COLORS, avlBlend } from './chunk-DFNZUYX4.js';
-import { useTranslate, useMediaQuery, Box, Typography, Card, VStack, HStack, Badge, Button } from './chunk-MBQAMMSE.js';
+import { JsonTreeEditor } from './chunk-ILQXJ2AR.js';
+import { transitionPlayback, Accordion } from './chunk-REXYVBUO.js';
+import { EmptyState } from './chunk-AGXD77SL.js';
+import { useContainerWidth, roundedEdgePath } from './chunk-M74BCDBQ.js';
+import { parseTraitLevel } from './chunk-PCR37T3U.js';
+import { AvlExplain, AvlEffectChip } from './chunk-PRLHKBXG.js';
+import { AVL_INK, AVL_FONT, effectZoneOf, avlTint, AvlEffect, OPERATOR_CATEGORY_COLORS, avlBlend } from './chunk-FAKU5F62.js';
+import { useTranslate, useMediaQuery, Box, Typography, Card, VStack, HStack, Badge, Button } from './chunk-4YXBKHHM.js';
 import { useRef, useMemo, useState } from 'react';
-import { formatSExpr, isBinding } from '@almadar/core';
+import { formatSExpr, JsonValueSchema, isJsonObject, isBinding } from '@almadar/core';
 import { operatorVisualForm, getStdOperatorMeta } from '@almadar/std/registry';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -587,7 +586,6 @@ var AvlCircuit = ({ expr, trace, cursor, title, showCode = true, className }) =>
   ] });
 };
 AvlCircuit.displayName = "AvlCircuit";
-var isConfigObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
 var EffectHeader = ({ type, failed, failedLabel, note }) => /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "center", children: [
   /* @__PURE__ */ jsx(AvlEffectChip, { effectType: type, size: 18, note }),
   /* @__PURE__ */ jsx(Badge, { variant: "primary", size: "sm", children: type }),
@@ -640,7 +638,10 @@ var TransitionDetailBody = ({ orbital, trait, transition, annotations, playback,
     stepEvent ? /* @__PURE__ */ jsxs(VStack, { gap: "xs", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "muted", children: t("avl.play.payload") }),
       /* @__PURE__ */ jsxs(HStack, { gap: "sm", align: "start", children: [
-        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(JsonTreeEditor, { value: payload, onChange: (next) => setPayload(isConfigObject(next) ? next : {}) }) }),
+        /* @__PURE__ */ jsx(Box, { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(JsonTreeEditor, { value: payload, onChange: (next) => {
+          const json = JsonValueSchema.safeParse(next);
+          setPayload(json.success && isJsonObject(json.data) ? json.data : {});
+        } }) }),
         /* @__PURE__ */ jsx(Button, { variant: "primary", size: "sm", action: stepEvent, actionPayload: request, leftIcon: "skip-forward", children: t("avl.play.step") })
       ] })
     ] }) : null,

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-SJGJJKBY.js → chunk-PRLHKBXG.js}

@@ -1,6 +1,5 @@
-import { AvlEffect } from './chunk-DZ42OJQC.js';
-import { effectCategoryOf } from './chunk-DFNZUYX4.js';
-import { useThemeScope, Box, useTapReveal, Typography, cn, domPassthrough, usePresence, useDialogBehavior, SurfaceBoundary, VStack, useTranslate } from './chunk-MBQAMMSE.js';
+import { effectCategoryOf, AvlEffect } from './chunk-FAKU5F62.js';
+import { useThemeScope, Box, useTapReveal, Typography, cn, domPassthrough, usePresence, useDialogBehavior, SurfaceBoundary, VStack, useTranslate } from './chunk-4YXBKHHM.js';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useId, useState, useRef, useLayoutEffect, useEffect } from 'react';
@@ -420,6 +419,9 @@ var Popover = ({
       style: {
         left: placement.left,
         top: placement.top,
+        // Sized by its content, not by the room right of `left`: a placement-dependent width re-places it forever.
+        width: "max-content",
+        maxWidth: `calc(100vw - ${2 * VIEWPORT_EDGE_PADDING}px)`,
         ...popoverWidth === 0 ? { visibility: "hidden" } : void 0
       },
       ...domPassthrough(rest),

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-EQAMU2ZC.js → chunk-UTDC2NEA.js}

@@ -1,4 +1,4 @@
-import { ThemeProvider, useTheme } from './chunk-MBQAMMSE.js';
+import { ThemeProvider, useTheme } from './chunk-4YXBKHHM.js';
 
 // src/providers/DesignThemeContext.tsx
 var DesignThemeProvider = ThemeProvider;

package/dist/{chunk-73SRAB4P.js → chunk-UU57VNS2.js}

@@ -1,5 +1,5 @@
-import { claimDelivery } from './chunk-R5O5AUPI.js';
-import { useEventBus, getTraitPresence, beginPending, endPending } from './chunk-MBQAMMSE.js';
+import { claimDelivery } from './chunk-PRXQGGCO.js';
+import { useEventBus, getTraitPresence, beginPending, endPending } from './chunk-4YXBKHHM.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-TESBIVUA.js → chunk-VHC2M26B.js}

@@ -1,5 +1,5 @@
-import { AvlTransitionDetail } from './chunk-SGM3FASH.js';
-import { Box, domPassthrough } from './chunk-MBQAMMSE.js';
+import { AvlTransitionDetail } from './chunk-OWNG4JZI.js';
+import { Box, domPassthrough } from './chunk-4YXBKHHM.js';
 import { jsx } from 'react/jsx-runtime';
 
 var AvlTransitionExplainer = ({ orbitalName, traitName, transition, annotations, className, ...rest }) => {

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

@@ -1,10 +1,9 @@
-import { useEventBus } from './chunk-MBQAMMSE.js';
+import { useEventBus } from './chunk-4YXBKHHM.js';
 import { useState, useCallback, useMemo } from 'react';
 
 var ALMADAR_DND_MIME = "application/x-almadar-dnd";
 function useDraggable({ payload, disabled = false }) {
   const [isDragging, setIsDragging] = useState(false);
-  const eventBus = useEventBus();
   const handleDragStart = useCallback(
     (e) => {
       if (disabled) {
@@ -14,16 +13,14 @@ function useDraggable({ payload, disabled = false }) {
       e.dataTransfer.setData(ALMADAR_DND_MIME, JSON.stringify(payload));
       e.dataTransfer.effectAllowed = "copy";
       setIsDragging(true);
-      eventBus.emit("UI:DRAG_START", { kind: payload.kind, data: payload.data });
     },
-    [disabled, payload, eventBus]
+    [disabled, payload]
   );
   const handleDragEnd = useCallback(
     (e) => {
       setIsDragging(false);
-      eventBus.emit("UI:DRAG_END", { kind: payload.kind, data: payload.data });
     },
-    [payload, eventBus]
+    []
   );
   const dragProps = useMemo(
     () => ({

package/dist/{chunk-2PY54Z44.js → chunk-VUIACGDU.js}

@@ -1,8 +1,7 @@
-import { AvlState, AvlEntity, AvlFieldType, AvlPage } from './chunk-FP3WIKTC.js';
-import { AvlExplain, useEffectLines } from './chunk-SJGJJKBY.js';
-import { AvlEffect } from './chunk-DZ42OJQC.js';
-import { getStateRole, CONNECTION_COLORS } from './chunk-DFNZUYX4.js';
-import { useTranslate, Box, cn, domPassthrough } from './chunk-MBQAMMSE.js';
+import { AvlState, AvlEntity, AvlFieldType, AvlPage } from './chunk-7N6ZPHQ5.js';
+import { AvlExplain, useEffectLines } from './chunk-PRLHKBXG.js';
+import { getStateRole, AvlEffect, CONNECTION_COLORS } from './chunk-FAKU5F62.js';
+import { useTranslate, Box, cn, domPassthrough } from './chunk-4YXBKHHM.js';
 import { useNodeId, ReactFlowProvider, Handle, Position } from '@xyflow/react';
 import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-DLZF4PVE.js → chunk-YYIHRIDH.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-4YJ53G7S.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 }) => {