@viax.io/uxm 4.36.0

package/dist/studio/shell/canvas.js

@@ -0,0 +1,375 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import {
+  BannerPreview,
+  BulkActionBarPreview,
+  AppSidebarPreview,
+  AppTopBarPreview,
+  AvatarPreview,
+  BackLinkPreview,
+  BadgePreview,
+  BrandSettingsPreview,
+  BreadcrumbPreview,
+  ButtonGroupPreview,
+  ButtonPreview,
+  ButtonWithIconPreview,
+  CalendarPreview,
+  CardPreview,
+  CheckboxPreview,
+  ChipPreview,
+  ClusterPreview,
+  CodeEditorPreview,
+  ColorInputPreview,
+  ComponentRowPreview,
+  ConfigComponentRowPreview,
+  ConfigSegmentItemPreview,
+  ContentTooltipPreview,
+  CurrencyInputPreview,
+  DataTablePreview,
+  DateInputPreview,
+  DetailSectionPreview,
+  DisclosurePreview,
+  DividerPreview,
+  EditableCellPreview,
+  EmptyStatePreview,
+  ErrorPagePreview,
+  ExplorerListItemPreview,
+  ExplorerSectionPreview,
+  FileUploadPreview,
+  FilterTabsPreview,
+  FormFieldPreview,
+  FormPreview,
+  IconButtonPreview,
+  IconPreview,
+  IconTilePreview,
+  InlineActionPreview,
+  InlineFilterPreview,
+  InputPreview,
+  InputWithIconPreview,
+  LifecycleActionRowPreview,
+  LifecycleConnectorKnobsPreview,
+  LifecycleConnectorPreview,
+  LifecycleDropSlotPreview,
+  LifecycleEdgeLabelPreview,
+  LifecycleGroupBoxPreview,
+  LifecycleMinimapPreview,
+  LifecycleNodeCardPreview,
+  LifecyclePlusButtonPreview,
+  LifecycleTerminalPreview,
+  LifecycleZoomControlPreview,
+  LinkPreview,
+  ListItemPreview,
+  ListboxPreview,
+  LoaderPreview,
+  LoginPagePreview,
+  MenuPreview,
+  MetaRowPreview,
+  ModalPreview,
+  MultirowFormPreview,
+  NumberStepperPreview,
+  NumberInputPreview,
+  OptionListPreview,
+  PageHeaderPreview,
+  PageShellPreview,
+  PasswordInputPreview,
+  PhoneInputPreview,
+  PillSelectPreview,
+  ProgressBarPreview,
+  PropertyFieldPreview,
+  PropertyGridPreview,
+  RadioGroupPreview,
+  ResponsiveGridPreview,
+  SearchDropdownPreview,
+  SectionHeaderPreview,
+  SegmentCardPreview,
+  SegmentRowPreview,
+  SelectPreview,
+  SideFlexpanePreview,
+  SidebarNavItemPreview,
+  SidebarNavTriggerPreview,
+  SliderPreview,
+  StackPreview,
+  StatCardPreview,
+  TabsPreview,
+  TabsUnderlinePreview,
+  TagPreview,
+  TextareaPreview,
+  ThumbnailPreview,
+  TimeInputPreview,
+  TimelineEntryPreview,
+  ToastPreview,
+  TogglePreview,
+  TooltipPreview,
+  TypeOverviewCardPreview,
+  ViewSwitcherPreview
+} from "../../previews/index.js";
+import { ButtonGhost, ButtonPrimary, IconButton } from "../../ui/index.js";
+import { Icon } from "../../ui/index.js";
+import { useUxm } from "../lib/context.js";
+import { usePreviewShell } from "../lib/preview-shell.js";
+import { getComponentDef } from "../lib/registry/index.js";
+import { PreviewModal } from "./preview-modal.js";
+function isHighFrequencyTextEntry(el) {
+  if (!el) return false;
+  if (el.tagName === "TEXTAREA") return true;
+  if (el.isContentEditable) return true;
+  if (el.tagName === "INPUT") {
+    const type = el.type;
+    return type === "text" || type === "tel" || type === "email" || type === "password" || type === "url" || type === "search" || type === "number";
+  }
+  return false;
+}
+const previewMap = {
+  "app-sidebar": AppSidebarPreview,
+  "app-top-bar": AppTopBarPreview,
+  "button-primary": ButtonPreview,
+  "button-secondary": ButtonPreview,
+  "button-tertiary": ButtonPreview,
+  "button-ghost": ButtonPreview,
+  "button-danger": ButtonPreview,
+  "button-icon": ButtonPreview,
+  "button-with-icon": ButtonWithIconPreview,
+  "input-text": InputPreview,
+  "input-with-icon": InputWithIconPreview,
+  "color-input": ColorInputPreview,
+  textarea: TextareaPreview,
+  "file-upload": FileUploadPreview,
+  "select-dropdown": SelectPreview,
+  checkbox: CheckboxPreview,
+  "toggle-switch": TogglePreview,
+  "radio-group": RadioGroupPreview,
+  chip: ChipPreview,
+  "code-editor": CodeEditorPreview,
+  tag: TagPreview,
+  card: CardPreview,
+  avatar: AvatarPreview,
+  "empty-state": EmptyStatePreview,
+  banner: BannerPreview,
+  "bulk-action-bar": BulkActionBarPreview,
+  toast: ToastPreview,
+  tooltip: TooltipPreview,
+  "form-login": FormPreview,
+  "form-contact": FormPreview,
+  "pill-select": PillSelectPreview,
+  "inline-filter": InlineFilterPreview,
+  "content-tooltip": ContentTooltipPreview,
+  "form-multirow": MultirowFormPreview,
+  "data-table": DataTablePreview,
+  "button-group": ButtonGroupPreview,
+  "stat-card": StatCardPreview,
+  "type-overview-card": TypeOverviewCardPreview,
+  "page-shell": PageShellPreview,
+  "sidebar-nav-item": SidebarNavItemPreview,
+  "sidebar-nav-trigger": SidebarNavTriggerPreview,
+  "explorer-list-item": ExplorerListItemPreview,
+  "explorer-section": ExplorerSectionPreview,
+  "inline-action": InlineActionPreview,
+  "number-stepper": NumberStepperPreview,
+  "number-input": NumberInputPreview,
+  "currency-input": CurrencyInputPreview,
+  "search-dropdown": SearchDropdownPreview,
+  listbox: ListboxPreview,
+  menu: MenuPreview,
+  "editable-cell": EditableCellPreview,
+  "section-header": SectionHeaderPreview,
+  slider: SliderPreview,
+  "error-page": ErrorPagePreview,
+  "login-page": LoginPagePreview,
+  loader: LoaderPreview,
+  "progress-bar": ProgressBarPreview,
+  "timeline-entry": TimelineEntryPreview,
+  "segment-card": SegmentCardPreview,
+  "segment-row": SegmentRowPreview,
+  "component-row": ComponentRowPreview,
+  "option-list": OptionListPreview,
+  "config-segment-item": ConfigSegmentItemPreview,
+  "config-component-row": ConfigComponentRowPreview,
+  "icon-tile": IconTilePreview,
+  "meta-row": MetaRowPreview,
+  icon: IconPreview,
+  "icon-button": IconButtonPreview,
+  "detail-section": DetailSectionPreview,
+  "back-link": BackLinkPreview,
+  badge: BadgePreview,
+  thumbnail: ThumbnailPreview,
+  "date-input": DateInputPreview,
+  "password-input": PasswordInputPreview,
+  "phone-input": PhoneInputPreview,
+  "time-input": TimeInputPreview,
+  calendar: CalendarPreview,
+  disclosure: DisclosurePreview,
+  "link": LinkPreview,
+  "breadcrumb": BreadcrumbPreview,
+  "property-field": PropertyFieldPreview,
+  "property-grid": PropertyGridPreview,
+  "form-field": FormFieldPreview,
+  "list-item": ListItemPreview,
+  "side-flexpane": SideFlexpanePreview,
+  "page-header": PageHeaderPreview,
+  "divider": DividerPreview,
+  "filter-tabs": FilterTabsPreview,
+  "view-switcher": ViewSwitcherPreview,
+  "tabs": TabsPreview,
+  "tabs-underline": TabsUnderlinePreview,
+  "brand-settings": BrandSettingsPreview,
+  "lifecycle-node-card": LifecycleNodeCardPreview,
+  "lifecycle-terminal": LifecycleTerminalPreview,
+  "lifecycle-edge-label": LifecycleEdgeLabelPreview,
+  "lifecycle-plus-button": LifecyclePlusButtonPreview,
+  "lifecycle-zoom-control": LifecycleZoomControlPreview,
+  "lifecycle-minimap": LifecycleMinimapPreview,
+  "lifecycle-group-box": LifecycleGroupBoxPreview,
+  "lifecycle-drop-slot": LifecycleDropSlotPreview,
+  "lifecycle-action-row": LifecycleActionRowPreview,
+  modal: ModalPreview,
+  "lifecycle-connector": LifecycleConnectorPreview,
+  "lifecycle-connector-knobs": LifecycleConnectorKnobsPreview,
+  "responsive-grid": ResponsiveGridPreview,
+  stack: StackPreview,
+  cluster: ClusterPreview
+};
+function Canvas({
+  embed = false,
+  headerActions
+}) {
+  const [previewOpen, setPreviewOpen] = useState(false);
+  const { selectedId, getOverrides, resetOverrides, getCurrentVariants, pushEvent, capabilities, theme, setTheme } = useUxm();
+  const shell = usePreviewShell();
+  const def = getComponentDef(selectedId);
+  const overrides = getOverrides(selectedId);
+  const currentVariants = getCurrentVariants();
+  const resolved = useMemo(() => {
+    if (!def) return { styles: {}, variants: {} };
+    const styles = {};
+    for (const prop of def.styleProperties) {
+      styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;
+    }
+    const variants = {};
+    for (const v of def.layoutVariants) {
+      variants[v.key] = currentVariants[v.key] ?? v.defaultValue;
+    }
+    return { styles, variants };
+  }, [def, overrides, currentVariants]);
+  if (!def) return null;
+  const Preview = previewMap[def.id];
+  const hasOverrides = Object.keys(overrides).length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "@container flex items-center justify-between gap-3 border-b border-border px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-[15px] font-semibold text-text truncate", children: def.name }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-text-muted mt-0.5 hidden @[640px]:block truncate", children: def.description })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+        hasOverrides && /* @__PURE__ */ jsxs(ButtonGhost, { onClick: () => resetOverrides(selectedId), title: "Reset overrides", children: [
+          /* @__PURE__ */ jsx(Icon, { glyph: "refresh", size: 14 }),
+          /* @__PURE__ */ jsx("span", { className: "hidden @[480px]:inline", children: "Reset" })
+        ] }),
+        !embed && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => setTheme(theme === "dark" ? "light" : "dark"),
+            "aria-label": theme === "dark" ? "Switch to light theme" : "Switch to dark theme",
+            title: theme === "dark" ? "Switch to light theme" : "Switch to dark theme",
+            children: /* @__PURE__ */ jsx(Icon, { glyph: theme === "dark" ? "sun" : "moon", size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(ButtonPrimary, { onClick: () => setPreviewOpen(true), children: [
+          /* @__PURE__ */ jsx(Icon, { glyph: "eye", size: 14 }),
+          capabilities.persist ? "Preview & Publish" : "Preview"
+        ] }),
+        headerActions
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex-1 overflow-auto p-12",
+        style: def.canvasBackground === false ? void 0 : {
+          backgroundImage: "radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px)",
+          backgroundSize: "20px 20px"
+        },
+        children: /* @__PURE__ */ jsx("div", { className: def.canvasFill ? "min-h-full" : "min-h-full flex items-center justify-center", children: Preview ? (
+          // Wrap the preview in a capture-phase event listener so any
+          // native event the rendered atom fires gets logged to the
+          // Events tab. Capture (rather than bubble) sees the event
+          // before the atom's own handler — so we log first, the atom
+          // behaves second. We don't `preventDefault`, so the rendered
+          // component still works normally.
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              onClickCapture: (e) => pushEvent({
+                name: "onClick",
+                target: e.target.tagName.toLowerCase(),
+                payload: JSON.stringify({ x: e.clientX, y: e.clientY, button: e.button })
+              }),
+              onChangeCapture: (e) => {
+                const t = e.target;
+                if (isHighFrequencyTextEntry(t)) return;
+                pushEvent({
+                  name: "onChange",
+                  target: t.tagName.toLowerCase(),
+                  payload: JSON.stringify({
+                    value: t.value,
+                    checked: t.type === "checkbox" ? t.checked : void 0
+                  })
+                });
+              },
+              onInputCapture: (e) => {
+                const t = e.target;
+                if (t.type === "checkbox" || t.type === "radio" || t.type === "range") return;
+                if (isHighFrequencyTextEntry(t)) return;
+                pushEvent({
+                  name: "onInput",
+                  target: t.tagName.toLowerCase(),
+                  payload: JSON.stringify({ value: t.value })
+                });
+              },
+              onFocusCapture: (e) => pushEvent({
+                name: "onFocus",
+                target: e.target.tagName.toLowerCase(),
+                payload: JSON.stringify({})
+              }),
+              onBlurCapture: (e) => {
+                const t = e.target;
+                const payload = {};
+                if (isHighFrequencyTextEntry(t)) {
+                  payload.value = t.value;
+                }
+                pushEvent({
+                  name: "onBlur",
+                  target: t.tagName.toLowerCase(),
+                  payload: JSON.stringify(payload)
+                });
+              },
+              onSubmitCapture: (e) => {
+                pushEvent({
+                  name: "onSubmit",
+                  target: e.target.tagName.toLowerCase(),
+                  payload: JSON.stringify({})
+                });
+                e.preventDefault();
+              },
+              onKeyDownCapture: (e) => {
+                const meaningful = ["Enter", "Escape", " ", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab"];
+                if (!meaningful.includes(e.key)) return;
+                pushEvent({
+                  name: "onKeyDown",
+                  target: e.target.tagName.toLowerCase(),
+                  payload: JSON.stringify({ key: e.key })
+                });
+              },
+              children: /* @__PURE__ */ jsx(Preview, { styles: resolved.styles, variants: resolved.variants, componentId: def.id, shell })
+            }
+          )
+        ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-muted", children: "No preview available." }) })
+      }
+    ),
+    previewOpen && /* @__PURE__ */ jsx(PreviewModal, { onClose: () => setPreviewOpen(false) })
+  ] });
+}
+export {
+  Canvas,
+  previewMap
+};
+//# sourceMappingURL=canvas.js.map

package/dist/studio/shell/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/studio/shell/canvas.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\n\nimport {\n  BannerPreview,\n  BulkActionBarPreview,\n  AppSidebarPreview,\n  AppTopBarPreview,\n  AvatarPreview,\n  BackLinkPreview,\n  BadgePreview,\n  BrandSettingsPreview,\n  BreadcrumbPreview,\n  ButtonGroupPreview,\n  ButtonPreview,\n  ButtonWithIconPreview,\n  CalendarPreview,\n  CardPreview,\n  CheckboxPreview,\n  ChipPreview,\n  ClusterPreview,\n  CodeEditorPreview,\n  ColorInputPreview,\n  ComponentRowPreview,\n  ConfigComponentRowPreview,\n  ConfigSegmentItemPreview,\n  ContentTooltipPreview,\n  CurrencyInputPreview,\n  DataTablePreview,\n  DateInputPreview,\n  DetailSectionPreview,\n  DisclosurePreview,\n  DividerPreview,\n  EditableCellPreview,\n  EmptyStatePreview,\n  ErrorPagePreview,\n  ExplorerListItemPreview,\n  ExplorerSectionPreview,\n  FileUploadPreview,\n  FilterTabsPreview,\n  FormFieldPreview,\n  FormPreview,\n  IconButtonPreview,\n  IconPreview,\n  IconTilePreview,\n  InlineActionPreview,\n  InlineFilterPreview,\n  InputPreview,\n  InputWithIconPreview,\n  LifecycleActionRowPreview,\n  LifecycleConnectorKnobsPreview,\n  LifecycleConnectorPreview,\n  LifecycleDropSlotPreview,\n  LifecycleEdgeLabelPreview,\n  LifecycleGroupBoxPreview,\n  LifecycleMinimapPreview,\n  LifecycleNodeCardPreview,\n  LifecyclePlusButtonPreview,\n  LifecycleTerminalPreview,\n  LifecycleZoomControlPreview,\n  LinkPreview,\n  ListItemPreview,\n  ListboxPreview,\n  LoaderPreview,\n  LoginPagePreview,\n  MenuPreview,\n  MetaRowPreview,\n  ModalPreview,\n  MultirowFormPreview,\n  NumberStepperPreview,\n  NumberInputPreview,\n  OptionListPreview,\n  PageHeaderPreview,\n  PageShellPreview,\n  PasswordInputPreview,\n  PhoneInputPreview,\n  PillSelectPreview,\n  ProgressBarPreview,\n  PropertyFieldPreview,\n  PropertyGridPreview,\n  RadioGroupPreview,\n  ResponsiveGridPreview,\n  SearchDropdownPreview,\n  SectionHeaderPreview,\n  SegmentCardPreview,\n  SegmentRowPreview,\n  SelectPreview,\n  SideFlexpanePreview,\n  SidebarNavItemPreview,\n  SidebarNavTriggerPreview,\n  SliderPreview,\n  StackPreview,\n  StatCardPreview,\n  TabsPreview,\n  TabsUnderlinePreview,\n  TagPreview,\n  TextareaPreview,\n  ThumbnailPreview,\n  TimeInputPreview,\n  TimelineEntryPreview,\n  ToastPreview,\n  TogglePreview,\n  TooltipPreview,\n  TypeOverviewCardPreview,\n  ViewSwitcherPreview,\n} from '@/previews';\nimport { ButtonGhost, ButtonPrimary, IconButton } from '@/ui';\nimport { Icon } from '@/ui';\n\nimport { useUxm } from '../lib/context';\nimport { usePreviewShell } from '../lib/preview-shell';\nimport { getComponentDef } from '../lib/registry';\n\nimport { PreviewModal } from './preview-modal';\n\nimport type { PreviewProps } from '../lib/types';\nimport type { ReactNode } from 'react';\n\n\ntype PreviewComponent = React.ComponentType<PreviewProps>;\n\n/**\n * Text-entry surfaces (typeable inputs + textarea + contenteditable) where\n * `onInput` / React's mapped `onChange` fires per keystroke. Capturing those\n * events into the UXM event log triggers a context re-render on every\n * character, which races the controlled-input flow and silently drops\n * typed values mid-keystroke (Chrome / Safari / Firefox alike — repro'd\n * by typing into TextInput, PasswordInput, PhoneInput, etc. in the\n * canvas while the side-panel inputs work fine because they aren't\n * wrapped in the capture handlers). The fix: skip these surfaces in\n * the high-frequency capture handlers and rely on `onBlur` to log the\n * committed value once the user leaves the field.\n */\nfunction isHighFrequencyTextEntry(el: HTMLElement | null): boolean {\n  if (!el) return false;\n  if (el.tagName === 'TEXTAREA') return true;\n  if ((el as HTMLElement).isContentEditable) return true;\n  if (el.tagName === 'INPUT') {\n    const type = (el as HTMLInputElement).type;\n    return (\n      type === 'text' ||\n      type === 'tel' ||\n      type === 'email' ||\n      type === 'password' ||\n      type === 'url' ||\n      type === 'search' ||\n      type === 'number'\n    );\n  }\n  return false;\n}\n\nexport const previewMap: Record<string, PreviewComponent> = {\n  'app-sidebar': AppSidebarPreview,\n  'app-top-bar': AppTopBarPreview,\n  'button-primary': ButtonPreview,\n  'button-secondary': ButtonPreview,\n  'button-tertiary': ButtonPreview,\n  'button-ghost': ButtonPreview,\n  'button-danger': ButtonPreview,\n  'button-icon': ButtonPreview,\n  'button-with-icon': ButtonWithIconPreview,\n  'input-text': InputPreview,\n  'input-with-icon': InputWithIconPreview,\n  'color-input': ColorInputPreview,\n  textarea: TextareaPreview,\n  'file-upload': FileUploadPreview,\n  'select-dropdown': SelectPreview,\n  checkbox: CheckboxPreview,\n  'toggle-switch': TogglePreview,\n  'radio-group': RadioGroupPreview,\n  chip: ChipPreview,\n  'code-editor': CodeEditorPreview,\n  tag: TagPreview,\n  card: CardPreview,\n  avatar: AvatarPreview,\n  'empty-state': EmptyStatePreview,\n  banner: BannerPreview,\n  'bulk-action-bar': BulkActionBarPreview,\n  toast: ToastPreview,\n  tooltip: TooltipPreview,\n  'form-login': FormPreview,\n  'form-contact': FormPreview,\n  'pill-select': PillSelectPreview,\n  'inline-filter': InlineFilterPreview,\n  'content-tooltip': ContentTooltipPreview,\n  'form-multirow': MultirowFormPreview,\n  'data-table': DataTablePreview,\n  'button-group': ButtonGroupPreview,\n  'stat-card': StatCardPreview,\n  'type-overview-card': TypeOverviewCardPreview,\n  'page-shell': PageShellPreview,\n  'sidebar-nav-item': SidebarNavItemPreview,\n  'sidebar-nav-trigger': SidebarNavTriggerPreview,\n  'explorer-list-item': ExplorerListItemPreview,\n  'explorer-section': ExplorerSectionPreview,\n  'inline-action': InlineActionPreview,\n  'number-stepper': NumberStepperPreview,\n  'number-input': NumberInputPreview,\n  'currency-input': CurrencyInputPreview,\n  'search-dropdown': SearchDropdownPreview,\n  listbox: ListboxPreview,\n  menu: MenuPreview,\n  'editable-cell': EditableCellPreview,\n  'section-header': SectionHeaderPreview,\n  slider: SliderPreview,\n  'error-page': ErrorPagePreview,\n  'login-page': LoginPagePreview,\n  loader: LoaderPreview,\n  'progress-bar': ProgressBarPreview,\n  'timeline-entry': TimelineEntryPreview,\n  'segment-card': SegmentCardPreview,\n  'segment-row': SegmentRowPreview,\n  'component-row': ComponentRowPreview,\n  'option-list': OptionListPreview,\n  'config-segment-item': ConfigSegmentItemPreview,\n  'config-component-row': ConfigComponentRowPreview,\n  'icon-tile': IconTilePreview,\n  'meta-row': MetaRowPreview,\n  icon: IconPreview,\n  'icon-button': IconButtonPreview,\n  'detail-section': DetailSectionPreview,\n  'back-link': BackLinkPreview,\n  badge: BadgePreview,\n  thumbnail: ThumbnailPreview,\n  'date-input': DateInputPreview,\n  'password-input': PasswordInputPreview,\n  'phone-input': PhoneInputPreview,\n  'time-input': TimeInputPreview,\n  calendar: CalendarPreview,\n  disclosure: DisclosurePreview,\n  'link': LinkPreview,\n  'breadcrumb': BreadcrumbPreview,\n  'property-field': PropertyFieldPreview,\n  'property-grid': PropertyGridPreview,\n  'form-field': FormFieldPreview,\n  'list-item': ListItemPreview,\n  'side-flexpane': SideFlexpanePreview,\n  'page-header': PageHeaderPreview,\n  'divider': DividerPreview,\n  'filter-tabs': FilterTabsPreview,\n  'view-switcher': ViewSwitcherPreview,\n  'tabs': TabsPreview,\n  'tabs-underline': TabsUnderlinePreview,\n  'brand-settings': BrandSettingsPreview,\n  'lifecycle-node-card': LifecycleNodeCardPreview,\n  'lifecycle-terminal': LifecycleTerminalPreview,\n  'lifecycle-edge-label': LifecycleEdgeLabelPreview,\n  'lifecycle-plus-button': LifecyclePlusButtonPreview,\n  'lifecycle-zoom-control': LifecycleZoomControlPreview,\n  'lifecycle-minimap': LifecycleMinimapPreview,\n  'lifecycle-group-box': LifecycleGroupBoxPreview,\n  'lifecycle-drop-slot': LifecycleDropSlotPreview,\n  'lifecycle-action-row': LifecycleActionRowPreview,\n  modal: ModalPreview,\n  'lifecycle-connector': LifecycleConnectorPreview,\n  'lifecycle-connector-knobs': LifecycleConnectorKnobsPreview,\n  'responsive-grid': ResponsiveGridPreview,\n  stack: StackPreview,\n  cluster: ClusterPreview,\n};\n\nexport function Canvas({\n  embed = false,\n  headerActions,\n}: {\n  embed?: boolean;\n  /** Optional host-provided actions rendered at the end of the top-bar\n      cluster, right after the Preview & Publish button (e.g. a user avatar). */\n  headerActions?: ReactNode;\n}) {\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const { selectedId, getOverrides, resetOverrides, getCurrentVariants, pushEvent, capabilities, theme, setTheme } = useUxm();\n  const shell = usePreviewShell();\n  const def = getComponentDef(selectedId);\n  const overrides = getOverrides(selectedId);\n  const currentVariants = getCurrentVariants();\n\n  const resolved = useMemo(() => {\n    if (!def) return { styles: {}, variants: {} };\n    const styles: Record<string, string | number | boolean> = {};\n    for (const prop of def.styleProperties) {\n      styles[prop.key] = overrides[prop.key] ?? prop.defaultValue;\n    }\n    // Variants read from ephemeral session state, NOT from overrides.\n    // Variant selections decide which knobs are visible in the panel —\n    // they don't persist and never get saved to components.css/json.\n    const variants: Record<string, string> = {};\n    for (const v of def.layoutVariants) {\n      variants[v.key] = (currentVariants[v.key] as string | undefined) ?? v.defaultValue;\n    }\n    return { styles, variants };\n  }, [def, overrides, currentVariants]);\n\n  if (!def) return null;\n\n  const Preview = previewMap[def.id];\n  const hasOverrides = Object.keys(overrides).length > 0;\n\n  return (\n    <div className=\"flex h-full flex-col bg-card\">\n      {/* Toolbar — uses container queries so the layout adapts to the\n          canvas's actual width, not the viewport. The canvas can be\n          much narrower than the viewport when the sidebar + properties\n          pane are open; viewport breakpoints would respond to the\n          wrong dimension. Three steps:\n            ≥640px  full (name + description + labelled buttons)\n            480-640 hide description, keep labels\n            <480px  icon-only secondary buttons; primary CTA stays\n                    labelled (Preview & Publish is moment-of-truth). */}\n      <div className=\"@container flex items-center justify-between gap-3 border-b border-border px-6 py-4\">\n        {/* min-w-0 enables `truncate` on the children — without it the\n            flex item ignores the constraint and pushes the actions\n            cluster off-screen. */}\n        <div className=\"min-w-0 flex-1\">\n          <h2 className=\"text-[15px] font-semibold text-text truncate\">{def.name}</h2>\n          <p className=\"text-xs text-text-muted mt-0.5 hidden @[640px]:block truncate\">\n            {def.description}\n          </p>\n        </div>\n        {/* flex-shrink-0 keeps the actions cluster from wrapping; the\n            label spans inside the secondary buttons hide first when\n            space gets tight. */}\n        <div className=\"flex items-center gap-2 flex-shrink-0\">\n          {hasOverrides && (\n            <ButtonGhost onClick={() => resetOverrides(selectedId)} title=\"Reset overrides\">\n              <Icon glyph=\"refresh\" size={14} />\n              <span className=\"hidden @[480px]:inline\">Reset</span>\n            </ButtonGhost>\n          )}\n          {/* Light/dark toggle — only in the standalone portal (the studio\n              owns the theme here; ThemeSync mirrors it onto data-theme). An\n              embedded host renders its own theme control. */}\n          {!embed && (\n            <IconButton\n              onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}\n              aria-label={theme === 'dark' ? 'Switch to light theme' : 'Switch to dark theme'}\n              title={theme === 'dark' ? 'Switch to light theme' : 'Switch to dark theme'}\n            >\n              <Icon glyph={theme === 'dark' ? 'sun' : 'moon'} size={16} />\n            </IconButton>\n          )}\n          <ButtonPrimary onClick={() => setPreviewOpen(true)}>\n            <Icon glyph=\"eye\" size={14} />\n            {capabilities.persist ? 'Preview & Publish' : 'Preview'}\n          </ButtonPrimary>\n          {headerActions}\n        </div>\n      </div>\n\n      {/* Preview area with optional dot grid */}\n      <div\n        className=\"flex-1 overflow-auto p-12\"\n        style={def.canvasBackground === false ? undefined : {\n          backgroundImage: 'radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px)',\n          backgroundSize: '20px 20px',\n        }}\n      >\n        <div className={def.canvasFill ? 'min-h-full' : 'min-h-full flex items-center justify-center'}>\n          {Preview ? (\n            // Wrap the preview in a capture-phase event listener so any\n            // native event the rendered atom fires gets logged to the\n            // Events tab. Capture (rather than bubble) sees the event\n            // before the atom's own handler — so we log first, the atom\n            // behaves second. We don't `preventDefault`, so the rendered\n            // component still works normally.\n            <div\n              onClickCapture={(e) =>\n                pushEvent({\n                  name: 'onClick',\n                  target: (e.target as HTMLElement).tagName.toLowerCase(),\n                  payload: JSON.stringify({ x: e.clientX, y: e.clientY, button: e.button }),\n                })\n              }\n              onChangeCapture={(e) => {\n                const t = e.target as HTMLInputElement;\n                // Skip text-entry surfaces here too — React maps onChange\n                // to the native `input` event for text inputs / textareas /\n                // contenteditable, so this capture would fire on EVERY\n                // keystroke. Combined with onInputCapture below, that's\n                // two `setEventLog` calls per character, each triggering\n                // a context re-render that races the controlled-input\n                // flow and eats typed values mid-keystroke (focus is fine,\n                // but the value never lands). The final committed value\n                // is captured via onBlurCapture below instead.\n                if (isHighFrequencyTextEntry(t)) return;\n                pushEvent({\n                  name: 'onChange',\n                  target: t.tagName.toLowerCase(),\n                  payload: JSON.stringify({\n                    value: t.value,\n                    checked: t.type === 'checkbox' ? t.checked : undefined,\n                  }),\n                });\n              }}\n              onInputCapture={(e) => {\n                const t = e.target as HTMLInputElement;\n                // Skip the input types where `input` is either redundant\n                // or pathologically high-frequency:\n                //   - checkbox/radio fire `change` AND `input` for a single\n                //     toggle — the `change` is the meaningful one.\n                //   - range fires `input` on every drag tick (30-60Hz).\n                //   - text / tel / email / password / url / search / number\n                //     inputs and <textarea> fire `input` per keystroke —\n                //     same hazard as range, but worse because text fields\n                //     are controlled and the cascading re-render replaces\n                //     the inner DOM (or interferes with React's value\n                //     reconciliation) and drops typed characters. The blur\n                //     handler logs the final committed value instead.\n                //   Each captured event pushes to a context-managed log\n                //   that triggers a re-render of the UXM shell. Slow\n                //   renders during this loop visibly stutter range thumbs\n                //   AND silently eat keystrokes for text fields.\n                if (t.type === 'checkbox' || t.type === 'radio' || t.type === 'range') return;\n                if (isHighFrequencyTextEntry(t)) return;\n                pushEvent({\n                  name: 'onInput',\n                  target: t.tagName.toLowerCase(),\n                  payload: JSON.stringify({ value: t.value }),\n                });\n              }}\n              onFocusCapture={(e) =>\n                pushEvent({\n                  name: 'onFocus',\n                  target: (e.target as HTMLElement).tagName.toLowerCase(),\n                  payload: JSON.stringify({}),\n                })\n              }\n              onBlurCapture={(e) => {\n                const t = e.target as HTMLElement;\n                // For text-entry surfaces we suppressed the per-keystroke\n                // onChange / onInput log entries (those caused mid-typing\n                // re-render races that dropped characters). Include the\n                // committed value here so designers can still see what\n                // landed in the field once the user leaves it.\n                const payload: Record<string, unknown> = {};\n                if (isHighFrequencyTextEntry(t)) {\n                  payload.value = (t as HTMLInputElement | HTMLTextAreaElement).value;\n                }\n                pushEvent({\n                  name: 'onBlur',\n                  target: t.tagName.toLowerCase(),\n                  payload: JSON.stringify(payload),\n                });\n              }}\n              onSubmitCapture={(e) => {\n                pushEvent({\n                  name: 'onSubmit',\n                  target: (e.target as HTMLElement).tagName.toLowerCase(),\n                  payload: JSON.stringify({}),\n                });\n                // Forms in the preview shouldn't navigate — they're not\n                // backed by anything. The atoms themselves don't always\n                // remember to preventDefault, so we do it here.\n                e.preventDefault();\n              }}\n              onKeyDownCapture={(e) => {\n                // Log only \"meaningful\" keystrokes — Enter, Escape, Space,\n                // and arrow keys. Logging every keystroke during typing\n                // would drown the log; onInput already covers value changes.\n                const meaningful = ['Enter', 'Escape', ' ', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab'];\n                if (!meaningful.includes(e.key)) return;\n                pushEvent({\n                  name: 'onKeyDown',\n                  target: (e.target as HTMLElement).tagName.toLowerCase(),\n                  payload: JSON.stringify({ key: e.key }),\n                });\n              }}\n            >\n              <Preview styles={resolved.styles} variants={resolved.variants} componentId={def.id} shell={shell} />\n            </div>\n          ) : (\n            <p className=\"text-sm text-text-muted\">No preview available.</p>\n          )}\n        </div>\n      </div>\n\n      {previewOpen && <PreviewModal onClose={() => setPreviewOpen(false)} />}\n    </div>\n  );\n}\n"],"mappings":"AA0TQ,SACE,KADF;AA1TR,SAAS,SAAS,gBAAgB;AAGlC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,eAAe,kBAAkB;AACvD,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEhC,SAAS,oBAAoB;AAoB7B,SAAS,yBAAyB,IAAiC;AACjE,MAAI,CAAC,GAAI,QAAO;AAChB,MAAI,GAAG,YAAY,WAAY,QAAO;AACtC,MAAK,GAAmB,kBAAmB,QAAO;AAClD,MAAI,GAAG,YAAY,SAAS;AAC1B,UAAM,OAAQ,GAAwB;AACtC,WACE,SAAS,UACT,SAAS,SACT,SAAS,WACT,SAAS,cACT,SAAS,SACT,SAAS,YACT,SAAS;AAAA,EAEb;AACA,SAAO;AACT;AAEO,MAAM,aAA+C;AAAA,EAC1D,eAAe;AAAA,EACf,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,UAAU;AAAA,EACV,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,MAAM;AAAA,EACN,eAAe;AAAA,EACf,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EACtB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,OAAO;AAAA,EACP,uBAAuB;AAAA,EACvB,6BAA6B;AAAA,EAC7B,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAAS,OAAO;AAAA,EACrB,QAAQ;AAAA,EACR;AACF,GAKG;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,EAAE,YAAY,cAAc,gBAAgB,oBAAoB,WAAW,cAAc,OAAO,SAAS,IAAI,OAAO;AAC1H,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,MAAM,gBAAgB,UAAU;AACtC,QAAM,YAAY,aAAa,UAAU;AACzC,QAAM,kBAAkB,mBAAmB;AAE3C,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,IAAK,QAAO,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAC5C,UAAM,SAAoD,CAAC;AAC3D,eAAW,QAAQ,IAAI,iBAAiB;AACtC,aAAO,KAAK,GAAG,IAAI,UAAU,KAAK,GAAG,KAAK,KAAK;AAAA,IACjD;AAIA,UAAM,WAAmC,CAAC;AAC1C,eAAW,KAAK,IAAI,gBAAgB;AAClC,eAAS,EAAE,GAAG,IAAK,gBAAgB,EAAE,GAAG,KAA4B,EAAE;AAAA,IACxE;AACA,WAAO,EAAE,QAAQ,SAAS;AAAA,EAC5B,GAAG,CAAC,KAAK,WAAW,eAAe,CAAC;AAEpC,MAAI,CAAC,IAAK,QAAO;AAEjB,QAAM,UAAU,WAAW,IAAI,EAAE;AACjC,QAAM,eAAe,OAAO,KAAK,SAAS,EAAE,SAAS;AAErD,SACE,qBAAC,SAAI,WAAU,gCAUb;AAAA,yBAAC,SAAI,WAAU,uFAIb;AAAA,2BAAC,SAAI,WAAU,kBACb;AAAA,4BAAC,QAAG,WAAU,gDAAgD,cAAI,MAAK;AAAA,QACvE,oBAAC,OAAE,WAAU,iEACV,cAAI,aACP;AAAA,SACF;AAAA,MAIA,qBAAC,SAAI,WAAU,yCACZ;AAAA,wBACC,qBAAC,eAAY,SAAS,MAAM,eAAe,UAAU,GAAG,OAAM,mBAC5D;AAAA,8BAAC,QAAK,OAAM,WAAU,MAAM,IAAI;AAAA,UAChC,oBAAC,UAAK,WAAU,0BAAyB,mBAAK;AAAA,WAChD;AAAA,QAKD,CAAC,SACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,SAAS,UAAU,SAAS,UAAU,MAAM;AAAA,YAC3D,cAAY,UAAU,SAAS,0BAA0B;AAAA,YACzD,OAAO,UAAU,SAAS,0BAA0B;AAAA,YAEpD,8BAAC,QAAK,OAAO,UAAU,SAAS,QAAQ,QAAQ,MAAM,IAAI;AAAA;AAAA,QAC5D;AAAA,QAEF,qBAAC,iBAAc,SAAS,MAAM,eAAe,IAAI,GAC/C;AAAA,8BAAC,QAAK,OAAM,OAAM,MAAM,IAAI;AAAA,UAC3B,aAAa,UAAU,sBAAsB;AAAA,WAChD;AAAA,QACC;AAAA,SACH;AAAA,OACF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,IAAI,qBAAqB,QAAQ,SAAY;AAAA,UAClD,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,QAClB;AAAA,QAEA,8BAAC,SAAI,WAAW,IAAI,aAAa,eAAe,+CAC7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAOC;AAAA,YAAC;AAAA;AAAA,cACC,gBAAgB,CAAC,MACf,UAAU;AAAA,gBACR,MAAM;AAAA,gBACN,QAAS,EAAE,OAAuB,QAAQ,YAAY;AAAA,gBACtD,SAAS,KAAK,UAAU,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,SAAS,QAAQ,EAAE,OAAO,CAAC;AAAA,cAC1E,CAAC;AAAA,cAEH,iBAAiB,CAAC,MAAM;AACtB,sBAAM,IAAI,EAAE;AAUZ,oBAAI,yBAAyB,CAAC,EAAG;AACjC,0BAAU;AAAA,kBACR,MAAM;AAAA,kBACN,QAAQ,EAAE,QAAQ,YAAY;AAAA,kBAC9B,SAAS,KAAK,UAAU;AAAA,oBACtB,OAAO,EAAE;AAAA,oBACT,SAAS,EAAE,SAAS,aAAa,EAAE,UAAU;AAAA,kBAC/C,CAAC;AAAA,gBACH,CAAC;AAAA,cACH;AAAA,cACA,gBAAgB,CAAC,MAAM;AACrB,sBAAM,IAAI,EAAE;AAiBZ,oBAAI,EAAE,SAAS,cAAc,EAAE,SAAS,WAAW,EAAE,SAAS,QAAS;AACvE,oBAAI,yBAAyB,CAAC,EAAG;AACjC,0BAAU;AAAA,kBACR,MAAM;AAAA,kBACN,QAAQ,EAAE,QAAQ,YAAY;AAAA,kBAC9B,SAAS,KAAK,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC;AAAA,gBAC5C,CAAC;AAAA,cACH;AAAA,cACA,gBAAgB,CAAC,MACf,UAAU;AAAA,gBACR,MAAM;AAAA,gBACN,QAAS,EAAE,OAAuB,QAAQ,YAAY;AAAA,gBACtD,SAAS,KAAK,UAAU,CAAC,CAAC;AAAA,cAC5B,CAAC;AAAA,cAEH,eAAe,CAAC,MAAM;AACpB,sBAAM,IAAI,EAAE;AAMZ,sBAAM,UAAmC,CAAC;AAC1C,oBAAI,yBAAyB,CAAC,GAAG;AAC/B,0BAAQ,QAAS,EAA6C;AAAA,gBAChE;AACA,0BAAU;AAAA,kBACR,MAAM;AAAA,kBACN,QAAQ,EAAE,QAAQ,YAAY;AAAA,kBAC9B,SAAS,KAAK,UAAU,OAAO;AAAA,gBACjC,CAAC;AAAA,cACH;AAAA,cACA,iBAAiB,CAAC,MAAM;AACtB,0BAAU;AAAA,kBACR,MAAM;AAAA,kBACN,QAAS,EAAE,OAAuB,QAAQ,YAAY;AAAA,kBACtD,SAAS,KAAK,UAAU,CAAC,CAAC;AAAA,gBAC5B,CAAC;AAID,kBAAE,eAAe;AAAA,cACnB;AAAA,cACA,kBAAkB,CAAC,MAAM;AAIvB,sBAAM,aAAa,CAAC,SAAS,UAAU,KAAK,WAAW,aAAa,aAAa,cAAc,KAAK;AACpG,oBAAI,CAAC,WAAW,SAAS,EAAE,GAAG,EAAG;AACjC,0BAAU;AAAA,kBACR,MAAM;AAAA,kBACN,QAAS,EAAE,OAAuB,QAAQ,YAAY;AAAA,kBACtD,SAAS,KAAK,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC;AAAA,gBACxC,CAAC;AAAA,cACH;AAAA,cAEA,8BAAC,WAAQ,QAAQ,SAAS,QAAQ,UAAU,SAAS,UAAU,aAAa,IAAI,IAAI,OAAc;AAAA;AAAA,UACpG;AAAA,YAEA,oBAAC,OAAE,WAAU,2BAA0B,mCAAqB,GAEhE;AAAA;AAAA,IACF;AAAA,IAEC,eAAe,oBAAC,gBAAa,SAAS,MAAM,eAAe,KAAK,GAAG;AAAA,KACtE;AAEJ;","names":[]}