@almadar/ui 6.53.0 → 6.53.1

package/dist/avl/index.cjs

@@ -4800,7 +4800,9 @@ var init_en = __esm({
       "agentActivity.llmToolCalls": "Tool calls",
       "agentActivity.showRawLlm": "Raw LLM",
       "agentActivity.earlierConversations": "Earlier conversations ({{count}})",
-      "agentActivity.earlierActivity": "Earlier activity"
+      "agentActivity.earlierActivity": "Earlier activity",
+      "tabs.scrollStart": "Scroll tabs back",
+      "tabs.scrollEnd": "Scroll tabs forward"
     };
   }
 });
@@ -15282,6 +15284,7 @@ var init_Tabs = __esm({
     init_Badge();
     init_Typography();
     init_Box();
+    init_Button();
     init_cn();
     init_useEventBus();
     init_domPassthrough();
@@ -15313,6 +15316,28 @@ var init_Tabs = __esm({
       const uid = React93.useId();
       const tabId = (id) => `${uid}-tab-${id}`;
       const panelId = (id) => `${uid}-panel-${id}`;
+      const laneRef = React93.useRef(null);
+      const [hidden, setHidden] = React93.useState({ start: false, end: false });
+      const measure = React93.useCallback(() => {
+        const lane = laneRef.current;
+        if (!lane || orientation !== "horizontal") return;
+        const max = lane.scrollWidth - lane.clientWidth;
+        const start = max > 1 && lane.scrollLeft > 1;
+        const end = max > 1 && lane.scrollLeft < max - 1;
+        setHidden((prev) => prev.start === start && prev.end === end ? prev : { start, end });
+      }, [orientation]);
+      React93.useLayoutEffect(() => {
+        measure();
+        const lane = laneRef.current;
+        if (!lane || typeof ResizeObserver === "undefined") return void 0;
+        const observer2 = new ResizeObserver(measure);
+        observer2.observe(lane);
+        return () => observer2.disconnect();
+      }, [measure, rawItems.length]);
+      const scrollLane = (direction) => {
+        const lane = laneRef.current;
+        if (lane) lane.scrollBy({ left: direction * lane.clientWidth * 0.8, behavior: "smooth" });
+      };
       const handleTabChange = (tabId2, tabEvent) => {
         if (controlledActiveTab === void 0) {
           setInternalActiveTab(tabId2);
@@ -15369,62 +15394,97 @@ var init_Tabs = __esm({
           "data-[active=true]:border-primary"
         ].join(" ")
       };
-      return /* @__PURE__ */ jsxRuntime.jsxs(Box, { ...domPassthrough(rest), className: cn("w-full", orientation === "vertical" && "flex flex-row", className), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Box,
-          {
-            role: "tablist",
-            "aria-orientation": orientation,
-            className: cn(
-              "flex",
-              // Horizontal tab strip becomes a horizontally-scrollable lane
-              // below its container width — phones with many tabs scroll
-              // instead of clipping. `snap-x` snaps to each tab; the
-              // scrollbar is hidden for a cleaner affordance (the swipe
-              // gesture is the discoverability cue).
-              orientation === "horizontal" ? "flex-row border-b-[length:var(--border-width)] border-border overflow-x-auto snap-x snap-mandatory [&::-webkit-scrollbar]:hidden" : "flex-col border-r-[length:var(--border-width)] border-border",
-              variant === "pills" && "gap-1 p-1 bg-muted border-0 rounded-interactive",
-              variant === "underline" && orientation === "vertical" && "border-b-0"
-            ),
-            children: safeItems.map((item, index) => {
-              const isActive = item.id === activeTab;
-              const isDisabled = item.disabled;
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                Box,
-                {
-                  as: "button",
-                  ref: (el) => {
-                    tabRefs.current[item.id] = el;
-                  },
-                  id: tabId(item.id),
-                  role: "tab",
-                  "aria-selected": isActive,
-                  "aria-controls": isActive ? panelId(item.id) : void 0,
-                  "aria-disabled": isDisabled,
-                  tabIndex: isActive ? 0 : -1,
-                  onClick: () => !isDisabled && handleTabChange(item.id, item.event),
-                  onKeyDown: (e) => handleKeyDown(e, index),
-                  "data-active": isActive,
-                  "data-testid": `tab-${item.id}`,
-                  className: cn(
-                    "flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
-                    orientation === "horizontal" && "snap-start shrink-0",
-                    "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-                    isDisabled && "opacity-50 cursor-not-allowed",
-                    variantClasses2[variant],
-                    isActive ? variant === "pills" ? "text-primary-foreground" : "text-foreground" : "text-muted-foreground hover:text-foreground"
-                  ),
-                  children: [
-                    item.iconAsset?.url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.iconAsset.url, alt: item.iconAsset.name ?? item.iconAsset.category ?? "", width: 16, height: 16, style: { imageRendering: "pixelated", objectFit: "contain", width: 16, height: 16 }, className: "flex-shrink-0" }) : item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" })),
-                    /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "!text-inherit", children: item.label }),
-                    item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
-                  ]
+      const tablist = /* @__PURE__ */ jsxRuntime.jsx(
+        Box,
+        {
+          ref: laneRef,
+          role: "tablist",
+          "aria-orientation": orientation,
+          onScroll: measure,
+          "data-scroll-affordance": hidden.start || hidden.end ? "true" : void 0,
+          className: cn(
+            "flex",
+            // Horizontal tab strip becomes a horizontally-scrollable lane
+            // below its container width — phones with many tabs scroll
+            // instead of clipping. `snap-x` snaps to each tab; the
+            // scrollbar is hidden — the edge chevrons are the affordance.
+            orientation === "horizontal" ? "flex-row border-b-[length:var(--border-width)] border-border overflow-x-auto snap-x snap-mandatory [&::-webkit-scrollbar]:hidden" : "flex-col border-r-[length:var(--border-width)] border-border",
+            variant === "pills" && "gap-1 p-1 bg-muted border-0 rounded-interactive",
+            variant === "underline" && orientation === "vertical" && "border-b-0"
+          ),
+          children: safeItems.map((item, index) => {
+            const isActive = item.id === activeTab;
+            const isDisabled = item.disabled;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              Box,
+              {
+                as: "button",
+                ref: (el) => {
+                  tabRefs.current[item.id] = el;
                 },
-                item.id
-              );
-            })
-          }
-        ),
+                id: tabId(item.id),
+                role: "tab",
+                "aria-selected": isActive,
+                "aria-controls": isActive ? panelId(item.id) : void 0,
+                "aria-disabled": isDisabled,
+                tabIndex: isActive ? 0 : -1,
+                onClick: () => !isDisabled && handleTabChange(item.id, item.event),
+                onKeyDown: (e) => handleKeyDown(e, index),
+                "data-active": isActive,
+                "data-testid": `tab-${item.id}`,
+                className: cn(
+                  "flex items-center gap-2 px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
+                  orientation === "horizontal" && "snap-start shrink-0",
+                  "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                  isDisabled && "opacity-50 cursor-not-allowed",
+                  variantClasses2[variant],
+                  isActive ? variant === "pills" ? "text-primary-foreground" : "text-foreground" : "text-muted-foreground hover:text-foreground"
+                ),
+                children: [
+                  item.iconAsset?.url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.iconAsset.url, alt: item.iconAsset.name ?? item.iconAsset.category ?? "", width: 16, height: 16, style: { imageRendering: "pixelated", objectFit: "contain", width: 16, height: 16 }, className: "flex-shrink-0" }) : item.icon && (typeof item.icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: item.icon, size: "sm" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { icon: item.icon, size: "sm" })),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", weight: "medium", className: "!text-inherit", children: item.label }),
+                  item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", size: "sm", children: item.badge })
+                ]
+              },
+              item.id
+            );
+          })
+        }
+      );
+      return /* @__PURE__ */ jsxRuntime.jsxs(Box, { ...domPassthrough(rest), className: cn("w-full", orientation === "vertical" && "flex flex-row", className), children: [
+        orientation === "horizontal" ? /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
+          tablist,
+          hidden.start && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "pointer-events-none absolute inset-y-0 start-0 w-10 bg-gradient-to-r from-[var(--color-background)] to-transparent rtl:bg-gradient-to-l" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                leftIcon: "chevron-left",
+                "aria-label": t("tabs.scrollStart"),
+                "data-testid": "tabs-scroll-start",
+                className: "absolute start-0 top-1/2 -translate-y-1/2 px-1 rtl:rotate-180",
+                onClick: () => scrollLane(-1)
+              }
+            )
+          ] }),
+          hidden.end && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "pointer-events-none absolute inset-y-0 end-0 w-10 bg-gradient-to-l from-[var(--color-background)] to-transparent rtl:bg-gradient-to-r" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                leftIcon: "chevron-right",
+                "aria-label": t("tabs.scrollEnd"),
+                "data-testid": "tabs-scroll-end",
+                className: "absolute end-0 top-1/2 -translate-y-1/2 px-1 rtl:rotate-180",
+                onClick: () => scrollLane(1)
+              }
+            )
+          ] })
+        ] }) : tablist,
         activeTabContent !== void 0 && activeTabContent !== null && /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
@@ -33140,7 +33200,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect81, useRef: useRef85, useCallback: useCallback106, useState: useState117 } = React93__namespace.default;
+      const { useEffect: useEffect81, useRef: useRef85, useCallback: useCallback107, useState: useState117 } = React93__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -33189,7 +33249,7 @@ var init_MapView = __esm({
         const contentSurface = providers.useContentSurface(surface);
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState117(null);
-        const handleMapClick = useCallback106((lat, lng) => {
+        const handleMapClick = useCallback107((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -33198,7 +33258,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback106((marker) => {
+        const handleMarkerClick = useCallback107((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -54852,263 +54912,775 @@ var init_component_registry_generated = __esm({
     init_WizardNavigation();
     init_WizardProgress();
     COMPONENT_REGISTRY = {
-      "Accordion": Accordion,
-      "ActionPalette": ActionPalette,
-      "ActionTile": ActionTile,
-      "ActivationBlock": ActivationBlock,
-      "AgentActivityFeed": AgentActivityFeed,
-      "AgentActivityRow": AgentActivityRow,
-      "AgentChatFeed": AgentChatFeed,
-      "Alert": AlertPattern,
-      "AlertPattern": AlertPattern,
-      "AlgoGraphCanvas": AlgoGraphCanvas,
-      "AlgorithmCanvas": AlgorithmCanvas,
-      "AnimatedCounter": AnimatedCounter,
-      "AnimatedGraphic": AnimatedGraphic,
-      "AnimatedReveal": AnimatedReveal,
-      "Aside": Aside,
-      "AtlasImage": AtlasImage,
-      "AtlasPanel": AtlasPanel,
-      "AuthLayout": AuthLayout,
-      "Avatar": Avatar,
-      "Badge": Badge,
-      "BehaviorView": exports.BehaviorView,
-      "BiologyCanvas": BiologyCanvas,
-      "BloomQuizBlock": BloomQuizBlock,
-      "Box": BoxPattern,
-      "BoxPattern": BoxPattern,
-      "BranchingLogicBuilder": BranchingLogicBuilder,
-      "Breadcrumb": Breadcrumb,
-      "Button": ButtonPattern,
-      "ButtonGroup": ButtonGroup,
-      "ButtonPattern": ButtonPattern,
-      "CalendarGrid": CalendarGrid,
-      "Canvas": Canvas,
-      "Canvas2D": Canvas2D,
-      "Card": Card,
-      "Carousel": Carousel,
-      "Center": Center,
-      "ChangeList": ChangeList,
-      "Chart": Chart,
-      "ChartLegend": ChartLegend,
-      "ChatBar": ChatBar,
-      "Checkbox": Checkbox,
-      "ChemistryCanvas": ChemistryCanvas,
-      "ChoiceButton": ChoiceButton,
-      "CodeBlock": CodeBlock,
-      "CodeRunnerPanel": CodeRunnerPanel,
-      "CommandPalette": CommandPalette,
-      "CommitRow": CommitRow,
-      "ConditionalWrapper": ConditionalWrapper,
-      "ConfettiEffect": ConfettiEffect,
-      "ConfirmDialog": ConfirmDialog,
-      "ConnectionBlock": ConnectionBlock,
-      "Container": Container,
-      "ContentRenderer": ContentRenderer,
-      "ControlButton": ControlButton,
-      "ControlGrid": ControlGrid,
-      "CounterTemplate": CounterTemplate,
-      "DashboardGrid": DashboardGrid,
-      "DashboardLayout": DashboardLayout,
-      "DataGrid": DataGrid,
-      "DataList": DataList,
-      "DateRangePicker": DateRangePicker,
-      "DateRangeSelector": DateRangeSelector,
-      "DayCell": DayCell,
-      "DetailPanel": DetailPanel,
-      "Dialog": Dialog,
-      "DialogueBubble": DialogueBubble,
-      "Divider": DividerPattern,
-      "DividerPattern": DividerPattern,
-      "DocBreadcrumb": DocBreadcrumb,
-      "DocPagination": DocPagination,
-      "DocSearch": DocSearch,
-      "DocSidebar": DocSidebar,
-      "DocTOC": DocTOC,
-      "DockLayout": DockLayout,
-      "DocumentDetails": DocumentDetails,
-      "DocumentPanel": DocumentPanel,
-      "DocumentViewer": DocumentViewer,
-      "DrawFxLayer": DrawFxLayer,
-      "DrawGroup": DrawGroup,
-      "DrawMesh": DrawMesh,
-      "DrawShape": DrawShape,
-      "DrawShapeLayer": DrawShapeLayer,
-      "DrawSkinnedMesh": DrawSkinnedMesh,
-      "DrawSprite": DrawSprite,
-      "DrawSpriteLayer": DrawSpriteLayer,
-      "DrawText": DrawText,
-      "DrawTextLayer": DrawTextLayer,
-      "Drawer": Drawer,
-      "DrawerSlot": DrawerSlot,
-      "EdgeDecoration": EdgeDecoration,
-      "EmojiPicker": EmojiPicker,
-      "EmptyState": EmptyState,
-      "ErrorBoundary": ErrorBoundary,
-      "ErrorState": ErrorState,
-      "FeatureCard": FeatureCard,
-      "FeatureGrid": FeatureGrid,
-      "FileTree": FileTree,
-      "FilterGroup": FilterGroup,
-      "FilterPill": FilterPill,
-      "Flex": Flex,
-      "FlipCard": FlipCard,
-      "FlipContainer": FlipContainer,
-      "FloatingActionButton": FloatingActionButton,
-      "FloatingToolbar": FloatingToolbar,
-      "Form": Form,
-      "FormField": FormField,
-      "FormLayout": FormLayout,
-      "FormSectionHeader": FormSectionHeader,
-      "FxOverlay": FxOverlay,
-      "GameAudioCue": GameAudioCue,
-      "GameAudioToggle": GameAudioToggle,
-      "GameHud": GameHud,
-      "GameIcon": GameIcon,
-      "GameMenu": GameMenu,
-      "GameShell": GameShell,
-      "Gantt": Gantt,
-      "GenericAppTemplate": GenericAppTemplate,
-      "GeometricPattern": GeometricPattern,
-      "GradientDivider": GradientDivider,
-      "GraphCanvas": GraphCanvas,
-      "GraphView": GraphView,
-      "Grid": Grid,
-      "HStack": HStack,
-      "Header": Header,
-      "HealthBar": HealthBar,
-      "Icon": Icon,
-      "IconButton": IconButtonPattern,
-      "IconButtonPattern": IconButtonPattern,
-      "Image": Image2,
-      "ImportPreviewTree": ImportPreviewTree,
-      "ImportProgress": ImportProgress,
-      "ImportSourcePicker": ImportSourcePicker,
-      "InfiniteScrollSentinel": InfiniteScrollSentinel,
-      "Input": Input,
-      "InputGroup": InputGroup,
-      "JazariStateMachine": JazariStateMachine,
-      "Label": LabelPattern,
-      "LabelPattern": LabelPattern,
-      "LawReferenceTooltip": LawReferenceTooltip,
-      "LearningCanvas": LearningCanvas,
-      "Lightbox": Lightbox,
-      "LikertScale": LikertScale,
-      "LineChart": LineChart2,
-      "LoadingState": LoadingState,
-      "MapView": MapView,
-      "MarkdownContent": MarkdownContent,
-      "MasterDetailLayout": MasterDetailLayout,
-      "MathCanvas": MathCanvas,
-      "MatrixQuestion": MatrixQuestion,
-      "MediaGallery": MediaGallery,
-      "Menu": Menu,
-      "Meter": Meter,
-      "Modal": Modal,
-      "ModalSlot": ModalSlot,
-      "ModuleCard": exports.ModuleCard,
-      "Navigation": Navigation,
-      "NumberStepper": NumberStepper,
-      "OptionConstraintGroup": OptionConstraintGroup,
-      "OrbitalVisualization": OrbitalVisualization,
-      "Overlay": Overlay,
-      "PageHeader": PageHeader,
-      "PageTransition": PageTransition,
-      "Pagination": Pagination,
-      "PatternTile": PatternTile,
-      "PhysicsCanvas": PhysicsCanvas,
-      "Popover": Popover,
-      "PositionedCanvas": PositionedCanvas,
-      "Presence": Presence,
-      "ProgressBar": ProgressBar,
-      "ProgressDots": ProgressDots,
-      "PullToRefresh": PullToRefresh,
-      "QrScanner": QrScanner,
-      "QuizBlock": QuizBlock,
-      "Radio": Radio,
-      "RangeSlider": RangeSlider,
-      "ReflectionBlock": ReflectionBlock,
-      "RelationSelect": RelationSelect,
-      "RepeatableFormSection": RepeatableFormSection,
-      "ReplyTree": ReplyTree,
-      "RichTextEditor": RichTextEditor,
-      "RuntimeDebugger": RuntimeDebugger,
-      "ScaledDiagram": ScaledDiagram,
-      "ScoreDisplay": ScoreDisplay,
-      "SearchInput": SearchInput,
-      "Section": Section,
-      "SectionHeader": SectionHeader,
-      "SegmentRenderer": SegmentRenderer,
-      "Select": Select,
-      "SequenceBar": SequenceBar,
-      "SidePanel": SidePanel,
-      "Sidebar": Sidebar,
-      "SignaturePad": SignaturePad,
-      "SimpleGrid": SimpleGrid,
-      "Skeleton": Skeleton,
-      "SocialProof": SocialProof,
-      "SortableList": SortableList,
-      "Spacer": SpacerPattern,
-      "SpacerPattern": SpacerPattern,
-      "Sparkline": Sparkline,
-      "Spinner": Spinner,
-      "Split": Split,
-      "SplitPane": SplitPane,
-      "Stack": Stack,
-      "StarRating": StarRating,
-      "StatBadge": StatBadge,
-      "StatCard": StatCard,
-      "StatDisplay": StatDisplay,
-      "StateGraph": StateGraph,
-      "StateJsonView": StateJsonView,
-      "StateMachineView": StateMachineView,
-      "StatusDot": StatusDot,
-      "SubagentTracePanel": SubagentTracePanel,
-      "SvgBranch": SvgBranch,
-      "SvgConnection": SvgConnection,
-      "SvgFlow": SvgFlow,
-      "SvgGrid": SvgGrid,
-      "SvgLobe": SvgLobe,
-      "SvgMesh": SvgMesh,
-      "SvgMorph": SvgMorph,
-      "SvgNode": SvgNode,
-      "SvgPulse": SvgPulse,
-      "SvgRing": SvgRing,
-      "SvgShield": SvgShield,
-      "SvgStack": SvgStack,
-      "SwipeableRow": SwipeableRow,
-      "Switch": Switch,
-      "TabbedContainer": TabbedContainer,
-      "TableView": TableView,
-      "Tabs": Tabs,
-      "TagInput": TagInput,
-      "TextHighlight": TextHighlight,
-      "Textarea": Textarea,
-      "ThemeToggle": ThemeToggle,
-      "TimeSlotCell": TimeSlotCell,
-      "Timeline": Timeline,
-      "TimerDisplay": TimerDisplay,
-      "Toast": Toast,
-      "ToastSlot": ToastSlot,
-      "Tooltip": Tooltip,
-      "TopNavItem": TopNavItem,
-      "TraitFrame": TraitFrame,
-      "TraitSlot": TraitSlot,
-      "TrendIndicator": TrendIndicator,
-      "TypewriterText": TypewriterText,
-      "Typography": Typography,
-      "UISlotComponent": UISlotComponent,
-      "UISlotRenderer": UISlotRenderer,
-      "UploadDropZone": UploadDropZone,
-      "VStack": VStack,
-      "VersionDiff": VersionDiff,
-      "ViolationAlert": ViolationAlert,
-      "VoteStack": VoteStack,
-      "WizardContainer": WizardContainer,
-      "WizardNavigation": WizardNavigation,
-      "WizardProgress": WizardProgress,
+      get "Accordion"() {
+        return Accordion;
+      },
+      get "ActionPalette"() {
+        return ActionPalette;
+      },
+      get "ActionTile"() {
+        return ActionTile;
+      },
+      get "ActivationBlock"() {
+        return ActivationBlock;
+      },
+      get "AgentActivityFeed"() {
+        return AgentActivityFeed;
+      },
+      get "AgentActivityRow"() {
+        return AgentActivityRow;
+      },
+      get "AgentChatFeed"() {
+        return AgentChatFeed;
+      },
+      get "Alert"() {
+        return AlertPattern;
+      },
+      get "AlertPattern"() {
+        return AlertPattern;
+      },
+      get "AlgoGraphCanvas"() {
+        return AlgoGraphCanvas;
+      },
+      get "AlgorithmCanvas"() {
+        return AlgorithmCanvas;
+      },
+      get "AnimatedCounter"() {
+        return AnimatedCounter;
+      },
+      get "AnimatedGraphic"() {
+        return AnimatedGraphic;
+      },
+      get "AnimatedReveal"() {
+        return AnimatedReveal;
+      },
+      get "Aside"() {
+        return Aside;
+      },
+      get "AtlasImage"() {
+        return AtlasImage;
+      },
+      get "AtlasPanel"() {
+        return AtlasPanel;
+      },
+      get "AuthLayout"() {
+        return AuthLayout;
+      },
+      get "Avatar"() {
+        return Avatar;
+      },
+      get "Badge"() {
+        return Badge;
+      },
+      get "BehaviorView"() {
+        return exports.BehaviorView;
+      },
+      get "BiologyCanvas"() {
+        return BiologyCanvas;
+      },
+      get "BloomQuizBlock"() {
+        return BloomQuizBlock;
+      },
+      get "Box"() {
+        return BoxPattern;
+      },
+      get "BoxPattern"() {
+        return BoxPattern;
+      },
+      get "BranchingLogicBuilder"() {
+        return BranchingLogicBuilder;
+      },
+      get "Breadcrumb"() {
+        return Breadcrumb;
+      },
+      get "Button"() {
+        return ButtonPattern;
+      },
+      get "ButtonGroup"() {
+        return ButtonGroup;
+      },
+      get "ButtonPattern"() {
+        return ButtonPattern;
+      },
+      get "CalendarGrid"() {
+        return CalendarGrid;
+      },
+      get "Canvas"() {
+        return Canvas;
+      },
+      get "Canvas2D"() {
+        return Canvas2D;
+      },
+      get "Card"() {
+        return Card;
+      },
+      get "Carousel"() {
+        return Carousel;
+      },
+      get "Center"() {
+        return Center;
+      },
+      get "ChangeList"() {
+        return ChangeList;
+      },
+      get "Chart"() {
+        return Chart;
+      },
+      get "ChartLegend"() {
+        return ChartLegend;
+      },
+      get "ChatBar"() {
+        return ChatBar;
+      },
+      get "Checkbox"() {
+        return Checkbox;
+      },
+      get "ChemistryCanvas"() {
+        return ChemistryCanvas;
+      },
+      get "ChoiceButton"() {
+        return ChoiceButton;
+      },
+      get "CodeBlock"() {
+        return CodeBlock;
+      },
+      get "CodeRunnerPanel"() {
+        return CodeRunnerPanel;
+      },
+      get "CommandPalette"() {
+        return CommandPalette;
+      },
+      get "CommitRow"() {
+        return CommitRow;
+      },
+      get "ConditionalWrapper"() {
+        return ConditionalWrapper;
+      },
+      get "ConfettiEffect"() {
+        return ConfettiEffect;
+      },
+      get "ConfirmDialog"() {
+        return ConfirmDialog;
+      },
+      get "ConnectionBlock"() {
+        return ConnectionBlock;
+      },
+      get "Container"() {
+        return Container;
+      },
+      get "ContentRenderer"() {
+        return ContentRenderer;
+      },
+      get "ControlButton"() {
+        return ControlButton;
+      },
+      get "ControlGrid"() {
+        return ControlGrid;
+      },
+      get "CounterTemplate"() {
+        return CounterTemplate;
+      },
+      get "DashboardGrid"() {
+        return DashboardGrid;
+      },
+      get "DashboardLayout"() {
+        return DashboardLayout;
+      },
+      get "DataGrid"() {
+        return DataGrid;
+      },
+      get "DataList"() {
+        return DataList;
+      },
+      get "DateRangePicker"() {
+        return DateRangePicker;
+      },
+      get "DateRangeSelector"() {
+        return DateRangeSelector;
+      },
+      get "DayCell"() {
+        return DayCell;
+      },
+      get "DetailPanel"() {
+        return DetailPanel;
+      },
+      get "Dialog"() {
+        return Dialog;
+      },
+      get "DialogueBubble"() {
+        return DialogueBubble;
+      },
+      get "Divider"() {
+        return DividerPattern;
+      },
+      get "DividerPattern"() {
+        return DividerPattern;
+      },
+      get "DocBreadcrumb"() {
+        return DocBreadcrumb;
+      },
+      get "DocPagination"() {
+        return DocPagination;
+      },
+      get "DocSearch"() {
+        return DocSearch;
+      },
+      get "DocSidebar"() {
+        return DocSidebar;
+      },
+      get "DocTOC"() {
+        return DocTOC;
+      },
+      get "DockLayout"() {
+        return DockLayout;
+      },
+      get "DocumentDetails"() {
+        return DocumentDetails;
+      },
+      get "DocumentPanel"() {
+        return DocumentPanel;
+      },
+      get "DocumentViewer"() {
+        return DocumentViewer;
+      },
+      get "DrawFxLayer"() {
+        return DrawFxLayer;
+      },
+      get "DrawGroup"() {
+        return DrawGroup;
+      },
+      get "DrawMesh"() {
+        return DrawMesh;
+      },
+      get "DrawShape"() {
+        return DrawShape;
+      },
+      get "DrawShapeLayer"() {
+        return DrawShapeLayer;
+      },
+      get "DrawSkinnedMesh"() {
+        return DrawSkinnedMesh;
+      },
+      get "DrawSprite"() {
+        return DrawSprite;
+      },
+      get "DrawSpriteLayer"() {
+        return DrawSpriteLayer;
+      },
+      get "DrawText"() {
+        return DrawText;
+      },
+      get "DrawTextLayer"() {
+        return DrawTextLayer;
+      },
+      get "Drawer"() {
+        return Drawer;
+      },
+      get "DrawerSlot"() {
+        return DrawerSlot;
+      },
+      get "EdgeDecoration"() {
+        return EdgeDecoration;
+      },
+      get "EmojiPicker"() {
+        return EmojiPicker;
+      },
+      get "EmptyState"() {
+        return EmptyState;
+      },
+      get "ErrorBoundary"() {
+        return ErrorBoundary;
+      },
+      get "ErrorState"() {
+        return ErrorState;
+      },
+      get "FeatureCard"() {
+        return FeatureCard;
+      },
+      get "FeatureGrid"() {
+        return FeatureGrid;
+      },
+      get "FileTree"() {
+        return FileTree;
+      },
+      get "FilterGroup"() {
+        return FilterGroup;
+      },
+      get "FilterPill"() {
+        return FilterPill;
+      },
+      get "Flex"() {
+        return Flex;
+      },
+      get "FlipCard"() {
+        return FlipCard;
+      },
+      get "FlipContainer"() {
+        return FlipContainer;
+      },
+      get "FloatingActionButton"() {
+        return FloatingActionButton;
+      },
+      get "FloatingToolbar"() {
+        return FloatingToolbar;
+      },
+      get "Form"() {
+        return Form;
+      },
+      get "FormField"() {
+        return FormField;
+      },
+      get "FormLayout"() {
+        return FormLayout;
+      },
+      get "FormSectionHeader"() {
+        return FormSectionHeader;
+      },
+      get "FxOverlay"() {
+        return FxOverlay;
+      },
+      get "GameAudioCue"() {
+        return GameAudioCue;
+      },
+      get "GameAudioToggle"() {
+        return GameAudioToggle;
+      },
+      get "GameHud"() {
+        return GameHud;
+      },
+      get "GameIcon"() {
+        return GameIcon;
+      },
+      get "GameMenu"() {
+        return GameMenu;
+      },
+      get "GameShell"() {
+        return GameShell;
+      },
+      get "Gantt"() {
+        return Gantt;
+      },
+      get "GenericAppTemplate"() {
+        return GenericAppTemplate;
+      },
+      get "GeometricPattern"() {
+        return GeometricPattern;
+      },
+      get "GradientDivider"() {
+        return GradientDivider;
+      },
+      get "GraphCanvas"() {
+        return GraphCanvas;
+      },
+      get "GraphView"() {
+        return GraphView;
+      },
+      get "Grid"() {
+        return Grid;
+      },
+      get "HStack"() {
+        return HStack;
+      },
+      get "Header"() {
+        return Header;
+      },
+      get "HealthBar"() {
+        return HealthBar;
+      },
+      get "Icon"() {
+        return Icon;
+      },
+      get "IconButton"() {
+        return IconButtonPattern;
+      },
+      get "IconButtonPattern"() {
+        return IconButtonPattern;
+      },
+      get "Image"() {
+        return Image2;
+      },
+      get "ImportPreviewTree"() {
+        return ImportPreviewTree;
+      },
+      get "ImportProgress"() {
+        return ImportProgress;
+      },
+      get "ImportSourcePicker"() {
+        return ImportSourcePicker;
+      },
+      get "InfiniteScrollSentinel"() {
+        return InfiniteScrollSentinel;
+      },
+      get "Input"() {
+        return Input;
+      },
+      get "InputGroup"() {
+        return InputGroup;
+      },
+      get "JazariStateMachine"() {
+        return JazariStateMachine;
+      },
+      get "Label"() {
+        return LabelPattern;
+      },
+      get "LabelPattern"() {
+        return LabelPattern;
+      },
+      get "LawReferenceTooltip"() {
+        return LawReferenceTooltip;
+      },
+      get "LearningCanvas"() {
+        return LearningCanvas;
+      },
+      get "Lightbox"() {
+        return Lightbox;
+      },
+      get "LikertScale"() {
+        return LikertScale;
+      },
+      get "LineChart"() {
+        return LineChart2;
+      },
+      get "LoadingState"() {
+        return LoadingState;
+      },
+      get "MapView"() {
+        return MapView;
+      },
+      get "MarkdownContent"() {
+        return MarkdownContent;
+      },
+      get "MasterDetailLayout"() {
+        return MasterDetailLayout;
+      },
+      get "MathCanvas"() {
+        return MathCanvas;
+      },
+      get "MatrixQuestion"() {
+        return MatrixQuestion;
+      },
+      get "MediaGallery"() {
+        return MediaGallery;
+      },
+      get "Menu"() {
+        return Menu;
+      },
+      get "Meter"() {
+        return Meter;
+      },
+      get "Modal"() {
+        return Modal;
+      },
+      get "ModalSlot"() {
+        return ModalSlot;
+      },
+      get "ModuleCard"() {
+        return exports.ModuleCard;
+      },
+      get "Navigation"() {
+        return Navigation;
+      },
+      get "NumberStepper"() {
+        return NumberStepper;
+      },
+      get "OptionConstraintGroup"() {
+        return OptionConstraintGroup;
+      },
+      get "OrbitalVisualization"() {
+        return OrbitalVisualization;
+      },
+      get "Overlay"() {
+        return Overlay;
+      },
+      get "PageHeader"() {
+        return PageHeader;
+      },
+      get "PageTransition"() {
+        return PageTransition;
+      },
+      get "Pagination"() {
+        return Pagination;
+      },
+      get "PatternTile"() {
+        return PatternTile;
+      },
+      get "PhysicsCanvas"() {
+        return PhysicsCanvas;
+      },
+      get "Popover"() {
+        return Popover;
+      },
+      get "PositionedCanvas"() {
+        return PositionedCanvas;
+      },
+      get "Presence"() {
+        return Presence;
+      },
+      get "ProgressBar"() {
+        return ProgressBar;
+      },
+      get "ProgressDots"() {
+        return ProgressDots;
+      },
+      get "PullToRefresh"() {
+        return PullToRefresh;
+      },
+      get "QrScanner"() {
+        return QrScanner;
+      },
+      get "QuizBlock"() {
+        return QuizBlock;
+      },
+      get "Radio"() {
+        return Radio;
+      },
+      get "RangeSlider"() {
+        return RangeSlider;
+      },
+      get "ReflectionBlock"() {
+        return ReflectionBlock;
+      },
+      get "RelationSelect"() {
+        return RelationSelect;
+      },
+      get "RepeatableFormSection"() {
+        return RepeatableFormSection;
+      },
+      get "ReplyTree"() {
+        return ReplyTree;
+      },
+      get "RichTextEditor"() {
+        return RichTextEditor;
+      },
+      get "RuntimeDebugger"() {
+        return RuntimeDebugger;
+      },
+      get "ScaledDiagram"() {
+        return ScaledDiagram;
+      },
+      get "ScoreDisplay"() {
+        return ScoreDisplay;
+      },
+      get "SearchInput"() {
+        return SearchInput;
+      },
+      get "Section"() {
+        return Section;
+      },
+      get "SectionHeader"() {
+        return SectionHeader;
+      },
+      get "SegmentRenderer"() {
+        return SegmentRenderer;
+      },
+      get "Select"() {
+        return Select;
+      },
+      get "SequenceBar"() {
+        return SequenceBar;
+      },
+      get "SidePanel"() {
+        return SidePanel;
+      },
+      get "Sidebar"() {
+        return Sidebar;
+      },
+      get "SignaturePad"() {
+        return SignaturePad;
+      },
+      get "SimpleGrid"() {
+        return SimpleGrid;
+      },
+      get "Skeleton"() {
+        return Skeleton;
+      },
+      get "SocialProof"() {
+        return SocialProof;
+      },
+      get "SortableList"() {
+        return SortableList;
+      },
+      get "Spacer"() {
+        return SpacerPattern;
+      },
+      get "SpacerPattern"() {
+        return SpacerPattern;
+      },
+      get "Sparkline"() {
+        return Sparkline;
+      },
+      get "Spinner"() {
+        return Spinner;
+      },
+      get "Split"() {
+        return Split;
+      },
+      get "SplitPane"() {
+        return SplitPane;
+      },
+      get "Stack"() {
+        return Stack;
+      },
+      get "StarRating"() {
+        return StarRating;
+      },
+      get "StatBadge"() {
+        return StatBadge;
+      },
+      get "StatCard"() {
+        return StatCard;
+      },
+      get "StatDisplay"() {
+        return StatDisplay;
+      },
+      get "StateGraph"() {
+        return StateGraph;
+      },
+      get "StateJsonView"() {
+        return StateJsonView;
+      },
+      get "StateMachineView"() {
+        return StateMachineView;
+      },
+      get "StatusDot"() {
+        return StatusDot;
+      },
+      get "SubagentTracePanel"() {
+        return SubagentTracePanel;
+      },
+      get "SvgBranch"() {
+        return SvgBranch;
+      },
+      get "SvgConnection"() {
+        return SvgConnection;
+      },
+      get "SvgFlow"() {
+        return SvgFlow;
+      },
+      get "SvgGrid"() {
+        return SvgGrid;
+      },
+      get "SvgLobe"() {
+        return SvgLobe;
+      },
+      get "SvgMesh"() {
+        return SvgMesh;
+      },
+      get "SvgMorph"() {
+        return SvgMorph;
+      },
+      get "SvgNode"() {
+        return SvgNode;
+      },
+      get "SvgPulse"() {
+        return SvgPulse;
+      },
+      get "SvgRing"() {
+        return SvgRing;
+      },
+      get "SvgShield"() {
+        return SvgShield;
+      },
+      get "SvgStack"() {
+        return SvgStack;
+      },
+      get "SwipeableRow"() {
+        return SwipeableRow;
+      },
+      get "Switch"() {
+        return Switch;
+      },
+      get "TabbedContainer"() {
+        return TabbedContainer;
+      },
+      get "TableView"() {
+        return TableView;
+      },
+      get "Tabs"() {
+        return Tabs;
+      },
+      get "TagInput"() {
+        return TagInput;
+      },
+      get "TextHighlight"() {
+        return TextHighlight;
+      },
+      get "Textarea"() {
+        return Textarea;
+      },
+      get "ThemeToggle"() {
+        return ThemeToggle;
+      },
+      get "TimeSlotCell"() {
+        return TimeSlotCell;
+      },
+      get "Timeline"() {
+        return Timeline;
+      },
+      get "TimerDisplay"() {
+        return TimerDisplay;
+      },
+      get "Toast"() {
+        return Toast;
+      },
+      get "ToastSlot"() {
+        return ToastSlot;
+      },
+      get "Tooltip"() {
+        return Tooltip;
+      },
+      get "TopNavItem"() {
+        return TopNavItem;
+      },
+      get "TraitFrame"() {
+        return TraitFrame;
+      },
+      get "TraitSlot"() {
+        return TraitSlot;
+      },
+      get "TrendIndicator"() {
+        return TrendIndicator;
+      },
+      get "TypewriterText"() {
+        return TypewriterText;
+      },
+      get "Typography"() {
+        return Typography;
+      },
+      get "UISlotComponent"() {
+        return UISlotComponent;
+      },
+      get "UISlotRenderer"() {
+        return UISlotRenderer;
+      },
+      get "UploadDropZone"() {
+        return UploadDropZone;
+      },
+      get "VStack"() {
+        return VStack;
+      },
+      get "VersionDiff"() {
+        return VersionDiff;
+      },
+      get "ViolationAlert"() {
+        return ViolationAlert;
+      },
+      get "VoteStack"() {
+        return VoteStack;
+      },
+      get "WizardContainer"() {
+        return WizardContainer;
+      },
+      get "WizardNavigation"() {
+        return WizardNavigation;
+      },
+      get "WizardProgress"() {
+        return WizardProgress;
+      },
       // Semantic aliases
-      "Text": TextPattern
+      get "Text"() {
+        return TextPattern;
+      }
     };
   }
 });
@@ -60174,13 +60746,18 @@ function stateOptionsFor(schema, orbitalName, entityName, transitions, view, moc
     const key = `${s.entry.traitName}|${s.entry.transition.to}`;
     stateUses.set(key, (stateUses.get(key) ?? 0) + 1);
   }
+  const armsSeen = /* @__PURE__ */ new Map();
   return screens.map(({ entry, enteredBy }) => {
     const t = entry.transition;
     const from = String(t.from);
     const state = view === "screens" ? (stateUses.get(`${entry.traitName}|${t.to}`) ?? 0) > 1 ? `${t.to} \xB7 ${t.event}` : t.to : `${t.event}: ${from} \u2192 ${t.to}`;
-    const label = manyTraits ? `${entry.traitName} \xB7 ${state}` : state;
+    const baseId = `${entry.traitName}:${t.event}:${from}:${t.to}`;
+    const arm = (armsSeen.get(baseId) ?? 0) + 1;
+    armsSeen.set(baseId, arm);
+    const named = manyTraits ? `${entry.traitName} \xB7 ${state}` : state;
+    const label = arm > 1 ? `${named} (guard ${arm})` : named;
     return {
-      id: `${entry.traitName}:${t.event}:${from}:${t.to}`,
+      id: arm > 1 ? `${baseId}#${arm}` : baseId,
       label,
       hint: view === "screens" ? enteredBy.join(" \xB7 ") : entry.traitName,
       data: {