@almadar/shell-web 1.2.1 → 1.3.1

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

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

package/dist/{chunk-AL2XXMYR.js → chunk-RQH6O76X.js}

@@ -1,5 +1,5 @@
-import { useDraggable, useDropZone } from './chunk-GHAF7QUD.js';
-import { Box, domPassthrough, useTranslate, Icon, pressableProps, Typography } from './chunk-D5FJU4XC.js';
+import { useDraggable, useDropZone } from './chunk-QZ6TDP6I.js';
+import { Box, domPassthrough, useTranslate, Icon, pressableProps, Typography } from './chunk-OOG33EGF.js';
 import React, { createContext, useState, useCallback, useRef, useEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -242,6 +242,7 @@ var FlatTreeNodeItem = ({
   onNodeReorder,
   selectedId,
   look,
+  foldsOnClick,
   isExpanded,
   onToggle
 }) => {
@@ -257,9 +258,13 @@ var FlatTreeNodeItem = ({
     if (isSelected) rowRef.current?.scrollIntoView({ block: "center" });
   }, [isSelected]);
   const handleClick = useCallback(() => {
+    if (hasChildren && foldsOnClick) {
+      onToggle(item.id, expanded);
+      return;
+    }
     if (hasChildren && !onNodeSelect) onToggle(item.id, expanded);
     onNodeSelect?.(item.id);
-  }, [hasChildren, expanded, item.id, onNodeSelect, onToggle]);
+  }, [hasChildren, foldsOnClick, expanded, item.id, onNodeSelect, onToggle]);
   const handleChevron = useCallback((e) => {
     e.stopPropagation();
     onToggle(item.id, expanded);
@@ -373,6 +378,7 @@ var FlatTreeNodeItem = ({
         onNodeReorder,
         selectedId,
         look,
+        foldsOnClick,
         isExpanded,
         onToggle
       },
@@ -396,6 +402,7 @@ var FlatFileTree = ({
   expandedPaths,
   look = "files",
   onNodeSelect,
+  onNodeToggle,
   onNodeAction,
   nodeActionIcon,
   nodeActionLabel,
@@ -423,16 +430,20 @@ var FlatFileTree = ({
     });
   }, [selectedId, selectedAncestors, listedKey, listed]);
   const isExpanded = useCallback(
-    (id, depth) => overrides.get(id) ?? (depth < 1 || selectedAncestors.has(id) || listed.has(id)),
-    [overrides, selectedAncestors, listed]
+    (id, depth) => onNodeToggle ? listed.has(id) : overrides.get(id) ?? (depth < 1 || selectedAncestors.has(id) || listed.has(id)),
+    [onNodeToggle, overrides, selectedAncestors, listed]
   );
   const onToggle = useCallback((id, effective) => {
+    if (onNodeToggle) {
+      onNodeToggle(id, !effective);
+      return;
+    }
     setOverrides((prev) => {
       const next = new Map(prev);
       next.set(id, !effective);
       return next;
     });
-  }, []);
+  }, [onNodeToggle]);
   if (items.length === 0) return null;
   const ids = new Set(items.map((node) => node.id));
   const childrenByParent = /* @__PURE__ */ new Map();
@@ -461,6 +472,7 @@ var FlatFileTree = ({
       onNodeReorder,
       selectedId,
       look,
+      foldsOnClick: onNodeToggle !== void 0,
       isExpanded,
       onToggle
     },
@@ -477,6 +489,7 @@ var FileTree = ({
   onNodeExpand,
   expandedPaths,
   onNodeSelect,
+  onNodeToggle,
   onNodeAction,
   nodeActionIcon,
   nodeActionLabel,
@@ -495,6 +508,7 @@ var FileTree = ({
         expandedPaths,
         look,
         onNodeSelect,
+        onNodeToggle,
         onNodeAction,
         nodeActionIcon,
         nodeActionLabel,

package/dist/{chunk-3UQNFRYV.js → chunk-SO2MERCZ.js}

@@ -1,4 +1,5 @@
 import { createLogger } from '@almadar/logger';
+import { getStdOperatorMeta } from '@almadar/std/registry';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var log = createLogger("almadar:ui:theme-color");
@@ -208,6 +209,7 @@ var EFFECT_OPERATOR_CATEGORY = {
   "program/live": "system",
   "program/open": "system",
   "program/close": "system",
+  "program/host-ask": "system",
   "persist/read-named": "system",
   "credential-status": "system",
   "credential-forget": "system",
@@ -316,6 +318,7 @@ var EFFECT_OPERATOR_ZONE = {
   "program/live": "system",
   "program/open": "system",
   "program/close": "system",
+  "program/host-ask": "system",
   "persist/read-named": "system",
   "credential-status": "system",
   "credential-forget": "system",
@@ -426,8 +429,8 @@ var OPERATOR_CATEGORY_COLORS = {
   "std-workspace": avlBlend("var(--color-muted-foreground)", 60, "var(--color-warning)"),
   "std-session": avlBlend("var(--color-muted-foreground)", 60, "var(--color-success)"),
   "std-audio": avlBlend("var(--color-accent)", 50, "var(--color-warning)"),
+  "std-signal": avlBlend("var(--color-accent)", 40, "var(--color-info)"),
   "std-auth": avlBlend("var(--color-warning)", 60, "var(--color-primary)"),
-  "std-trace": "var(--color-muted-foreground)",
   "std-behavior": avlBlend("var(--color-accent)", 60, "var(--color-success)"),
   "std-mem": avlBlend("var(--color-muted-foreground)", 70, "var(--color-error)"),
   "std-mem-read": avlBlend("var(--color-muted-foreground)", 70, "var(--color-info)"),
@@ -465,36 +468,12 @@ function headIcon(type, x, y, s, color) {
           strokeLinejoin: "round"
         }
       );
-    case "persist":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y - s * 0.6, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.6, x2: x - s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y - s * 0.6, x2: x + s, y2: y + s * 0.4, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("ellipse", { cx: x, cy: y + s * 0.4, rx: s, ry: s * 0.4, fill: "none", stroke: color, strokeWidth: 1.5 })
-      ] });
-    case "fetch":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x, y1: y - s, x2: x, y2: y + s * 0.6, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y + s * 0.1} ${x},${y + s} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
     case "emit":
       return /* @__PURE__ */ jsxs("g", { children: [
         /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s * 0.3, fill: color }),
         /* @__PURE__ */ jsx("path", { d: `M${x - s * 0.7},${y - s * 0.7} A${s},${s} 0 0,1 ${x + s * 0.7},${y - s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5 }),
         /* @__PURE__ */ jsx("path", { d: `M${x - s},${y - s} A${s * 1.4},${s * 1.4} 0 0,1 ${x + s},${y - s}`, fill: "none", stroke: color, strokeWidth: 1, opacity: 0.6 })
       ] });
-    case "navigate":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y, x2: x + s * 0.6, y2: y, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.1},${y - s * 0.5} ${x + s},${y} ${x + s * 0.1},${y + s * 0.5}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
-    case "call-service":
-      return /* @__PURE__ */ jsxs("g", { children: [
-        /* @__PURE__ */ jsx("line", { x1: x - s, y1: y - s * 0.3, x2: x + s, y2: y - s * 0.3, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x + s * 0.5},${y - s * 0.7} ${x + s},${y - s * 0.3} ${x + s * 0.5},${y + s * 0.1}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" }),
-        /* @__PURE__ */ jsx("line", { x1: x + s, y1: y + s * 0.3, x2: x - s, y2: y + s * 0.3, stroke: color, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx("polyline", { points: `${x - s * 0.5},${y - s * 0.1} ${x - s},${y + s * 0.3} ${x - s * 0.5},${y + s * 0.7}`, fill: "none", stroke: color, strokeWidth: 1.5, strokeLinejoin: "round" })
-      ] });
     case "spawn":
       return /* @__PURE__ */ jsxs("g", { children: [
         /* @__PURE__ */ jsx("circle", { cx: x, cy: y, r: s, fill: "none", stroke: color, strokeWidth: 1.5 }),
@@ -570,6 +549,22 @@ var CATEGORY_GLYPH = {
   system: gear
 };
 function effectIcon(type, x, y, s, color) {
+  const glyph = getStdOperatorMeta(type)?.visual?.glyph;
+  if (glyph) {
+    return /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: glyph,
+        transform: `translate(${x} ${y}) scale(${s})`,
+        vectorEffect: "non-scaling-stroke",
+        fill: "none",
+        stroke: color,
+        strokeWidth: 1.5,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    );
+  }
   const op = asEffectOperator(type);
   const own = op ? headIcon(op, x, y, s, color) : null;
   if (own) return own;

package/dist/{chunk-DPDKBY6Z.js → chunk-SVIH6ICP.js}

@@ -1,4 +1,4 @@
-import { STATE_COLORS } from './chunk-3UQNFRYV.js';
+import { STATE_COLORS } from './chunk-SO2MERCZ.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isTypeVariable } from '@almadar/core';
 
@@ -232,6 +232,7 @@ var FIELD_TYPE_SHAPES = {
   event: "hexagon",
   EventAddress: "hexagon",
   CallKey: "hexagon",
+  MessageKey: "hexagon",
   SExpr: "hexagon",
   array: "bars",
   tuple: "bars",

package/dist/{chunk-UFQLHCFJ.js → chunk-SZJEUMQ2.js}

@@ -1,5 +1,5 @@
-import { FileTree } from './chunk-AL2XXMYR.js';
-import { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, traitTransitionRenderUi } from './chunk-PCR37T3U.js';
+import { FileTree } from './chunk-RQH6O76X.js';
+import { parseApplicationLevel, parseOrbitalLevel, parseTraitLevel, traitTransitionRenderUi } from './chunk-UUHF7XOZ.js';
 import { useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-V5SVGUYN.js → chunk-TDSE2L4F.js}

@@ -1,5 +1,5 @@
-import { effectCategoryOf, AvlEffect } from './chunk-3UQNFRYV.js';
-import { useThemeScope, Box, useTapReveal, Typography, cn, domPassthrough, usePresence, useDialogBehavior, SurfaceBoundary, VStack, useTranslate } from './chunk-D5FJU4XC.js';
+import { effectCategoryOf, AvlEffect } from './chunk-SO2MERCZ.js';
+import { useThemeScope, Box, useTapReveal, Typography, cn, domPassthrough, usePresence, useDialogBehavior, SurfaceBoundary, VStack, useTranslate } from './chunk-OOG33EGF.js';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useId, useState, useRef, useLayoutEffect, useEffect } from 'react';

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

@@ -1,4 +1,5 @@
 import { renderUiEntriesOf } from '@almadar/core/patterns';
+import { getStdOperatorMeta } from '@almadar/std/registry';
 import { kernelEvaluator } from '@almadar/core';
 
 var wiresBySchema = /* @__PURE__ */ new WeakMap();
@@ -72,10 +73,12 @@ function getListens(trait) {
 function jsonEffects(t) {
   return t.effects ?? [];
 }
-function parseEffectType(effect) {
+function parseEffectType(effect, described) {
   if (Array.isArray(effect)) {
     const [type, ...args] = effect;
-    return { type: String(type), args };
+    const name = String(type);
+    const glyph = getStdOperatorMeta(name)?.visual?.glyph ?? described?.[name];
+    return glyph === void 0 ? { type: name, args } : { type: name, args, glyph };
   }
   return { type: "unknown", args: [] };
 }
@@ -231,7 +234,8 @@ function traitLevelFromDescription(description) {
     machine.linkedEntity ?? "",
     machine.stateMachine,
     description.events.emits,
-    description.events.listens
+    description.events.listens,
+    machine.glyphs
   );
 }
 function traitLevelFromMounted(trait) {
@@ -246,7 +250,7 @@ function traitLevelFromMounted(trait) {
     listenedEvents: trait.listens.map((l) => l.event)
   };
 }
-function traitLevelOf(name, linkedEntity, sm, emittedEvents, listenedEvents) {
+function traitLevelOf(name, linkedEntity, sm, emittedEvents, listenedEvents, glyphs) {
   const states = getStates(sm).map((s) => ({
     name: s.name ?? "",
     isInitial: s.isInitial ?? null,
@@ -257,7 +261,7 @@ function traitLevelOf(name, linkedEntity, sm, emittedEvents, listenedEvents) {
     to: t.to ?? "",
     event: t.event ?? "",
     guard: t.guard ?? null,
-    effects: jsonEffects(t).map(parseEffectType),
+    effects: jsonEffects(t).map((e) => parseEffectType(e, glyphs)),
     index: i
   }));
   return {

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

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

package/dist/{chunk-LKL5RULQ.js → chunk-VQQEFPNX.js}

@@ -1,5 +1,5 @@
-import { perfStore, pushPerfEntry } from './chunk-ZDRDJKYB.js';
-import { isMotionEnabled } from './chunk-D5FJU4XC.js';
+import { perfStore, pushPerfEntry } from './chunk-MXN32OVV.js';
+import { isMotionEnabled } from './chunk-OOG33EGF.js';
 import { useRef, useLayoutEffect, useSyncExternalStore } from 'react';
 import { ENTER_DELAY_STEPS, ENTER_ANIMATIONS, isFileValue } from '@almadar/core';
 export { getNestedValue } from '@almadar/core';
@@ -852,6 +852,7 @@ function bindEventBus(eventBus) {
       log.debug("sendEvent", { event: prefixed, traitScope, payloadKeys: payload ? Object.keys(payload) : [] });
       eventBus.emit(prefixed, payload);
     };
+    if (!verifierAttached()) return;
     const MAX_EVENT_LOG = 5e3;
     const eventLog = [];
     let eventLogDropped = 0;

package/dist/{chunk-6RXP5ZXE.js → chunk-YNF2LH2I.js}

@@ -1,11 +1,11 @@
-import { JsonTreeEditor } from './chunk-JEN4EIUF.js';
-import { transitionPlayback, Accordion } from './chunk-3DA36FOA.js';
-import { EmptyState } from './chunk-3YUMGEEW.js';
-import { useContainerWidth, roundedEdgePath } from './chunk-HA2BYO5E.js';
-import { parseTraitLevel } from './chunk-PCR37T3U.js';
-import { AvlExplain, AvlEffectChip } from './chunk-V5SVGUYN.js';
-import { AVL_INK, AVL_FONT, effectZoneOf, avlTint, AvlEffect, OPERATOR_CATEGORY_COLORS, avlBlend } from './chunk-3UQNFRYV.js';
-import { useTranslate, useMediaQuery, Box, Typography, Card, VStack, HStack, Badge, Button } from './chunk-D5FJU4XC.js';
+import { JsonTreeEditor } from './chunk-RCB4CKRK.js';
+import { transitionPlayback, Accordion } from './chunk-ZR2UDQOR.js';
+import { EmptyState } from './chunk-AYQKZFUH.js';
+import { useContainerWidth, roundedEdgePath } from './chunk-R5Z655B4.js';
+import { parseTraitLevel } from './chunk-UUHF7XOZ.js';
+import { AvlExplain, AvlEffectChip } from './chunk-TDSE2L4F.js';
+import { AVL_INK, AVL_FONT, effectZoneOf, avlTint, AvlEffect, OPERATOR_CATEGORY_COLORS, avlBlend } from './chunk-SO2MERCZ.js';
+import { useTranslate, useMediaQuery, Box, Typography, Card, VStack, HStack, Badge, Button } from './chunk-OOG33EGF.js';
 import { useRef, useMemo, useState } from 'react';
 import { formatSExpr, JsonValueSchema, isJsonObject, isBinding } from '@almadar/core';
 import { operatorVisualForm, getStdOperatorMeta } from '@almadar/std/registry';

package/dist/{chunk-KTYOYEVA.js → chunk-YU2ZNLGI.js}

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

package/dist/{chunk-3DA36FOA.js → chunk-ZR2UDQOR.js}

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