@walkeros/storybook-addon 4.8.0 → 4.8.1-next-1792019907609

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/manager.js.map +1 -1
  3. package/dist/preview.cjs.map +1 -1
  4. package/dist/preview.js.map +1 -1
  5. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @walkeros/storybook-addon
2
2
 
3
+ ## 4.8.1-next-1792019907609
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [7df8a2e]
8
+ - Updated dependencies [1062e99]
9
+ - Updated dependencies [7df8a2e]
10
+ - @walkeros/collector@4.8.1-next-1792019907609
11
+ - @walkeros/core@4.8.1-next-1792019907609
12
+ - @walkeros/web-source-browser@4.8.1-next-1792019907609
13
+ - @walkeros/web-core@4.8.1-next-1792019907609
14
+
3
15
  ## 4.8.0
4
16
 
5
17
  ### Patch Changes
package/dist/manager.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/constants.ts","../src/components/List.tsx","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/components/HighlightButtons.tsx","../src/components/origin-chip.ts","../src/components/AttributeTreeView.tsx","../src/utils/eventPreview.ts","../src/utils/formatEventTitle.tsx","../src/components/Panel.tsx","../src/manager.tsx"],"names":["ADDON_ID","PANEL_ID","EVENTS","ListWrapper","styled","theme","Wrapper","Icon","ArrowDownIcon","HeaderBar","Description","ListItem","memo","item","isOpen","onToggle","useState","React","Fragment","List","items","idx","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","attributeColors","BUTTONS","HighlightButtons","highlights","toggleHighlight","useTheme","kind","label","active","color","Button","originLabel","origin","formatValueForBadge","value","keys","AttributeBadge","type","suffix","base","displayText","suffixNode","AttributeNodeComponent","node","depth","_a","_b","expanded","setExpanded","showDetails","setShowDetails","hasAttributes","hasChildren","p","SyntaxHighlighter","child","index","AttributeTreeView","tree","createEventDataPreview","event","sections","formatValue","v","formatSection","obj","sectionName","entries","key","dataSection","contextSection","formatEventTitle","dataPreview","eventNumber","eventName","baseTitle","Panel","props","api","useStorybookApi","parameters","config","setHighlights","events","setState","liveEvents","setLiveEvents","skeleton","setSkeleton","newHighlights","emit","useChannel","newEvents","prev","result","updateEvents","useCallback","updateAttributes","useEffect","storyEvents","CURRENT_STORY_WAS_SET","SELECT_STORY","STORY_RENDERED","STORY_ARGS_UPDATED","updateAll","getEventTitle","getLiveEventTitle","clearLiveEvents","getSkeletonTitle","count","nodes","total","n","AddonPanel","TabsState","Placeholder","addons","types","viewMode"],"mappings":"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","file":"manager.js","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import { ArrowDownIcon } from '@storybook/icons';\nimport React, { Fragment, useState, memo } from 'react';\nimport { styled } from 'storybook/theming';\n\ntype Item = {\n title: string | React.ReactNode;\n content: string | React.ReactNode;\n};\n\ninterface ListItemProps {\n item: Item;\n}\n\ninterface ListProps {\n items: Item[];\n}\n\nconst ListWrapper = styled.ul(({ theme }) => ({\n listStyle: 'none',\n fontSize: theme.typography.size.s2,\n padding: 0,\n margin: 0,\n}));\n\nconst Wrapper = styled.div(({ theme }) => ({\n display: 'flex',\n width: '100%',\n borderBottom: `1px solid ${theme.appBorderColor}`,\n '&:hover': {\n background: theme.background.hoverable,\n },\n}));\n\nconst Icon = styled(ArrowDownIcon)(({ theme }) => ({\n height: 10,\n width: 10,\n minWidth: 10,\n color: theme.color.mediumdark,\n marginRight: 10,\n alignSelf: 'center',\n display: 'inline-flex',\n}));\n\nconst HeaderBar = styled.div(({ theme }) => ({\n padding: '6px 12px',\n paddingLeft: 9,\n background: 'none',\n color: 'inherit',\n textAlign: 'left',\n cursor: 'pointer',\n borderLeft: '3px solid transparent',\n width: '100%',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n\n '&:focus': {\n outline: '0 none',\n borderLeft: `3px solid ${theme.color.secondary}`,\n },\n\n '& .event-base': {\n color: 'inherit',\n fontWeight: '500',\n },\n\n '& .event-separator': {\n color: theme.color.mediumdark,\n fontWeight: '300',\n },\n\n '& .event-preview': {\n color: theme.color.mediumdark,\n fontWeight: '400',\n },\n}));\n\nconst Description = styled.div(({ theme }) => ({\n padding: theme.layoutMargin,\n background: theme.background.content,\n fontFamily: theme.typography.fonts.mono,\n whiteSpace: 'pre-wrap',\n textAlign: 'left',\n}));\n\nexport const ListItem: React.FC<ListItemProps> = memo(({ item }) => {\n const [isOpen, onToggle] = useState(false);\n\n return (\n <Fragment>\n <Wrapper>\n <HeaderBar onClick={() => onToggle(!isOpen)} role=\"button\">\n <Icon\n style={{\n transform: `rotate(${isOpen ? 0 : -90}deg)`,\n }}\n />\n {item.title}\n </HeaderBar>\n </Wrapper>\n {isOpen ? <Description>{item.content}</Description> : null}\n </Fragment>\n );\n});\n\nexport const List: React.FC<ListProps> = memo(({ items }) => (\n <ListWrapper>\n {items.map((item, idx) => (\n <ListItem key={`${item.title}-${idx}`} item={item}></ListItem>\n ))}\n </ListWrapper>\n));\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","import type { WalkerOSAddon } from '../types';\nimport React from 'react';\nimport { Button } from 'storybook/internal/components';\nimport { useTheme } from 'storybook/theming';\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors, type HighlightKind } from '../utils/eventColors';\n\ninterface HighlightButtonsProps {\n highlights: Record<HighlightKind, boolean>;\n toggleHighlight: (type: HighlightKind) => void;\n}\n\nconst BUTTONS: Array<{ kind: HighlightKind; label: string }> = [\n { kind: 'globals', label: 'Globals' },\n { kind: 'context', label: 'Context' },\n { kind: 'entity', label: 'Entity' },\n { kind: 'property', label: 'Property' },\n { kind: 'action', label: 'Action' },\n];\n\nexport const HighlightButtons: React.FC<HighlightButtonsProps> = ({\n highlights,\n toggleHighlight,\n}) => {\n const theme = useTheme();\n\n return (\n <div\n style={{\n display: 'flex',\n gap: '4px',\n alignItems: 'center',\n flexWrap: 'wrap',\n justifyContent: 'flex-end',\n }}\n >\n <span\n style={{\n fontSize: theme.typography.size.s1,\n color: theme.color.mediumdark,\n marginRight: '8px',\n }}\n >\n Highlight:\n </span>\n {BUTTONS.map(({ kind, label }) => {\n const active = highlights[kind];\n const color = highlightColors[kind];\n\n return (\n <Button\n key={kind}\n size=\"small\"\n variant={active ? 'solid' : 'outline'}\n onClick={() => toggleHighlight(kind)}\n style={{\n fontSize: theme.typography.size.s1,\n padding: '4px 8px',\n // Active: the event colour on the dark visualisation ground.\n backgroundColor: active ? vizBg : 'transparent',\n color: active ? color : theme.color.mediumdark,\n border: `1px solid ${active ? color : theme.color.border}`,\n }}\n >\n {label}\n </Button>\n );\n })}\n </div>\n );\n};\n","import type { PropertyOrigin } from '../types';\n\n// Human-readable origin label for non-default origins (empty for directly\n// declared data). Rendered as a thin \"(generic)\" / \"(scoped)\" suffix.\nexport const originLabel = (origin: PropertyOrigin): string =>\n origin === 'data' ? '' : origin;\n","import React, { useState } from 'react';\nimport { SyntaxHighlighter } from 'storybook/internal/components';\nimport { useTheme } from 'storybook/theming';\nimport type { AttributeNode, PropertyOrigin } from '../types';\nimport type { WalkerOS } from '@walkeros/core';\nimport { vizBg } from '@walkeros/explorer/design';\nimport { originLabel } from './origin-chip';\nimport { attributeColors, type AttributeKind } from '../utils/eventColors';\n\n// Utility to format complex values for display in badges\nconst formatValueForBadge = (value: unknown): string => {\n if (typeof value === 'string') return value;\n if (typeof value === 'number' || typeof value === 'boolean')\n return String(value);\n if (value === null || value === undefined) return '';\n if (typeof value === 'object') {\n if (Array.isArray(value)) {\n return value.length <= 3\n ? value.join(', ')\n : `${value.slice(0, 3).join(', ')}...`;\n }\n // For objects, show the actual keys instead of just the count\n const keys = Object.keys(value);\n if (keys.length === 0) return '';\n if (keys.length <= 3) {\n return keys.join(', ');\n }\n return `${keys.slice(0, 3).join(', ')}...`;\n }\n return String(value);\n};\n\ninterface AttributeTreeViewProps {\n tree: AttributeNode[];\n depth?: number;\n}\n\ninterface AttributeBadgeProps {\n type: AttributeKind;\n label: string;\n value?: string;\n origin?: PropertyOrigin;\n}\n\nconst AttributeBadge: React.FC<AttributeBadgeProps> = ({\n type,\n label,\n value,\n origin,\n}) => {\n const theme = useTheme();\n const suffix = origin ? originLabel(origin) : '';\n const base = value ? `${label}: ${value}` : label;\n const displayText = suffix ? `${base} (${suffix})` : base;\n\n // Thin, muted \"(generic)\" / \"(scoped)\" suffix appended after the value.\n const suffixNode = suffix ? (\n <span\n style={{\n fontSize: theme.typography.size.s1,\n fontWeight: 400,\n fontStyle: 'italic',\n opacity: 0.65,\n marginLeft: '4px',\n }}\n >\n ({suffix})\n </span>\n ) : null;\n\n return (\n <span\n style={{\n display: 'inline-block',\n padding: '2px 6px',\n margin: '0 4px',\n fontSize: theme.typography.size.s2,\n // A dark chip: event colours only sit on the dark visualisation ground.\n color: attributeColors[type],\n backgroundColor: vizBg,\n border: `1px solid ${attributeColors[type]}`,\n borderRadius: '3px',\n maxWidth: '240px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n title={displayText}\n >\n <span>\n {type === 'data' ? (\n value ? (\n <>\n <strong>{label}:</strong> {value}\n {suffixNode}\n </>\n ) : (\n <>\n <strong>{label}</strong>\n {suffixNode}\n </>\n )\n ) : (\n <>\n <strong>{type}:</strong> {displayText}\n </>\n )}\n </span>\n </span>\n );\n};\n\nconst AttributeNodeComponent: React.FC<{\n node: AttributeNode;\n depth: number;\n}> = ({ node, depth }) => {\n const [expanded, setExpanded] = useState(true);\n const [showDetails, setShowDetails] = useState(false);\n const theme = useTheme();\n\n const hasAttributes =\n node.attributes.entity ||\n node.attributes.action ||\n node.attributes.context ||\n node.attributes.globals ||\n node.attributes.properties?.length;\n\n const hasChildren = node.children.length > 0;\n\n return (\n <div\n style={{\n marginLeft: depth * 16,\n borderLeft: depth > 0 ? `1px solid ${theme.color.border}` : 'none',\n paddingLeft: depth > 0 ? '8px' : '0',\n }}\n >\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: '4px 0',\n }}\n >\n {hasChildren ? (\n <span\n style={{\n marginRight: '8px',\n color: theme.color.mediumdark,\n cursor: 'pointer',\n userSelect: 'none',\n display: 'inline-block',\n width: '12px',\n textAlign: 'center',\n }}\n onClick={() => setExpanded(!expanded)}\n title={expanded ? 'Collapse' : 'Expand'}\n >\n {expanded ? '▼' : '▶'}\n </span>\n ) : (\n <span\n style={{\n marginRight: '8px',\n width: '12px',\n display: 'inline-block',\n }}\n />\n )}\n\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n rowGap: '4px',\n cursor: hasAttributes ? 'pointer' : 'default',\n flex: 1,\n minWidth: 0,\n }}\n onClick={\n hasAttributes ? () => setShowDetails(!showDetails) : undefined\n }\n >\n {node.attributes.entity && (\n <AttributeBadge type=\"entity\" label={node.attributes.entity} />\n )}\n\n {node.attributes.action && (\n <AttributeBadge type=\"action\" label={node.attributes.action} />\n )}\n\n {node.attributes.context &&\n Object.keys(node.attributes.context).length > 0 && (\n <AttributeBadge\n key=\"context\"\n type=\"context\"\n label={Object.keys(node.attributes.context).join(', ')}\n />\n )}\n\n {node.attributes.globals &&\n Object.keys(node.attributes.globals).length > 0 && (\n <AttributeBadge\n key=\"globals\"\n type=\"globals\"\n label={Object.keys(node.attributes.globals).join(', ')}\n />\n )}\n\n {node.attributes.properties\n ?.filter((p) => {\n if (\n typeof p.value === 'object' &&\n p.value !== null &&\n Object.keys(p.value).length === 0\n )\n return false;\n return (\n p.value !== null && p.value !== undefined && p.value !== ''\n );\n })\n .map((p) => (\n <AttributeBadge\n key={`data-${p.key}-${p.origin}`}\n type=\"data\"\n label={`data-${p.key}`}\n value={formatValueForBadge(p.value)}\n origin={p.origin}\n />\n ))}\n </div>\n </div>\n\n {showDetails && hasAttributes && node.htmlMarkup && (\n <div\n style={{ marginTop: '8px', marginBottom: '8px', textAlign: 'left' }}\n >\n <SyntaxHighlighter\n language=\"html\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {node.htmlMarkup}\n </SyntaxHighlighter>\n </div>\n )}\n\n {expanded && hasChildren && (\n <div>\n {node.children.map((child, index) => (\n <AttributeNodeComponent\n key={index}\n node={child}\n depth={depth + 1}\n />\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport const AttributeTreeView: React.FC<AttributeTreeViewProps> = ({\n tree,\n depth = 0,\n}) => {\n const theme = useTheme();\n\n if (tree.length === 0) {\n return (\n <div\n style={{\n color: theme.color.mediumdark,\n padding: '20px',\n }}\n >\n No walker attributes found\n <br />\n <small>\n Make sure your components have walker attributes like data-elb,\n data-elbaction, etc.\n </small>\n </div>\n );\n }\n\n return (\n <div>\n {tree.map((node, index) => (\n <AttributeNodeComponent key={index} node={node} depth={depth} />\n ))}\n </div>\n );\n};\n","import type { WalkerOS } from '@walkeros/core';\nimport type { Walker } from '@walkeros/web-core';\n\n/**\n * Creates a formatted data preview from a walkerOS event\n * Shows data and context properties in JSON-like syntax\n */\nexport function createEventDataPreview(\n event: WalkerOS.Event | Walker.Event,\n): string {\n const sections: string[] = [];\n\n // Helper to format value\n const formatValue = (value: unknown): string => {\n if (value === null || value === undefined) {\n return 'null';\n }\n if (typeof value === 'string') {\n return `\"${value}\"`;\n }\n if (Array.isArray(value)) {\n const items = value\n .map((v) => (typeof v === 'string' ? `\"${v}\"` : String(v)))\n .join(', ');\n return `[${items}]`;\n }\n if (typeof value === 'object') {\n return '{...}';\n }\n return String(value);\n };\n\n // Helper to format a section (data or context)\n const formatSection = (obj: unknown, sectionName: string): string | null => {\n if (\n !obj ||\n typeof obj !== 'object' ||\n obj === null ||\n Object.keys(obj as Record<string, unknown>).length === 0\n ) {\n return null;\n }\n\n const entries = Object.entries(obj as Record<string, unknown>)\n .map(([key, value]) => `${key}: ${formatValue(value)}`)\n .join(', ');\n\n return `${sectionName}: { ${entries} }`;\n };\n\n // Process data section first\n if (event.data) {\n const dataSection = formatSection(event.data, 'data');\n if (dataSection) {\n sections.push(dataSection);\n }\n }\n\n // Process context section second\n if (event.context) {\n const contextSection = formatSection(event.context, 'context');\n if (contextSection) {\n sections.push(contextSection);\n }\n }\n\n return sections.join('; ');\n}\n","import React from 'react';\nimport type { WalkerOS } from '@walkeros/core';\nimport type { Walker } from '@walkeros/web-core';\nimport { createEventDataPreview } from './eventPreview';\n\n/**\n * Formats an event title with consistent styling across Events and Live Events tabs\n */\nexport function formatEventTitle(\n event: WalkerOS.Event | Walker.Event,\n index: number,\n): React.ReactNode {\n const dataPreview = createEventDataPreview(event);\n\n // Build base title components\n const eventNumber = `#${index + 1}`;\n // Handle both WalkerOS.Event (has name property) and Walker.Event (has entity/action)\n const eventName =\n 'name' in event ? event.name : `${event.entity} ${event.action}`;\n\n // Construct base title\n const baseTitle = `${eventNumber} ${eventName}`;\n\n // Return styled JSX\n if (!dataPreview) {\n return <span className=\"event-base\">{baseTitle}</span>;\n }\n\n return (\n <>\n <span className=\"event-base\">{baseTitle}</span>\n <span className=\"event-separator\"> - </span>\n <span className=\"event-preview\">{dataPreview}</span>\n </>\n );\n}\n","import type { AttributeNode, ResolvedProperty } from '../types';\nimport type { WalkerOS } from '@walkeros/core';\nimport React, { Fragment, memo, useCallback, useEffect, useState } from 'react';\nimport {\n AddonPanel,\n Placeholder,\n TabsState,\n SyntaxHighlighter,\n Button,\n} from 'storybook/internal/components';\nimport { useChannel, useStorybookApi } from 'storybook/manager-api';\nimport { useTheme } from 'storybook/theming';\nimport {\n STORY_ARGS_UPDATED,\n CURRENT_STORY_WAS_SET,\n SELECT_STORY,\n STORY_RENDERED,\n} from 'storybook/internal/core-events';\n\nimport { ADDON_ID, EVENTS } from '../constants';\nimport { List } from './List';\nimport { HighlightButtons } from './HighlightButtons';\nimport { AttributeTreeView } from './AttributeTreeView';\nimport { formatEventTitle } from '../utils/formatEventTitle';\n\ninterface PanelProps {\n active: boolean;\n}\n\nexport const Panel: React.FC<PanelProps> = memo(function MyPanel(props) {\n const theme = useTheme();\n const api = useStorybookApi();\n const { parameters } = api.getCurrentStoryData() || {};\n\n const defaultConfig = {\n autoRefresh: true,\n prefix: 'data-elb',\n };\n\n const config = {\n ...defaultConfig,\n ...parameters?.[ADDON_ID],\n };\n\n // Highlights are now local state, not persistent config\n const [highlights, setHighlights] = useState({\n context: false,\n entity: false,\n property: false,\n action: false,\n globals: false,\n });\n\n const [events, setState] = useState<WalkerOS.Event[]>([]);\n const [liveEvents, setLiveEvents] = useState<WalkerOS.Event[]>([]);\n const [skeleton, setSkeleton] = useState<{\n nodes: AttributeNode[];\n globals: ResolvedProperty[];\n }>({ nodes: [], globals: [] });\n\n const toggleHighlight = (type: keyof typeof highlights) => {\n const newHighlights = {\n ...highlights,\n [type]: !highlights[type],\n };\n setHighlights(newHighlights);\n\n // Send highlighting update to preview with current config + highlights\n emit(EVENTS.HIGHLIGHT, { ...config, highlights: newHighlights });\n };\n\n // https://storybook.js.org/docs/react/addons/addons-api#usechannel\n const emit = useChannel({\n [EVENTS.RESULT]: (newEvents: WalkerOS.Event[]) => {\n setState(newEvents);\n },\n [EVENTS.LIVE_EVENT]: (event: WalkerOS.Event) => {\n setLiveEvents((prev) =>\n [{ ...event, timestamp: Date.now() }].concat(prev).slice(0, 50),\n );\n },\n [EVENTS.ATTRIBUTES_RESULT]: (result: {\n nodes: AttributeNode[];\n globals: ResolvedProperty[];\n }) => {\n setSkeleton(result);\n },\n });\n\n const updateEvents = useCallback(() => {\n emit(EVENTS.REQUEST, { ...config, highlights });\n }, [config, highlights, emit]);\n\n const updateAttributes = useCallback(() => {\n emit(EVENTS.ATTRIBUTES_REQUEST, { ...config, highlights });\n }, [config, highlights, emit]);\n\n // Initial auto-refresh on page load\n useEffect(() => {\n if (config.autoRefresh) {\n updateEvents();\n updateAttributes();\n }\n }, []); // Only run once on mount\n\n // Auto-refresh on story navigation and args updates\n useEffect(() => {\n if (!config.autoRefresh) return;\n\n // Events to listen for\n const storyEvents = [\n CURRENT_STORY_WAS_SET,\n SELECT_STORY,\n STORY_RENDERED,\n STORY_ARGS_UPDATED,\n ];\n\n // Combined update function for events and attributes\n const updateAll = () => {\n updateEvents();\n updateAttributes();\n };\n\n // Listen for story navigation and control changes\n storyEvents.forEach((event) => api.on(event, updateAll));\n // Cleanup listeners on unmount\n return () => storyEvents.forEach((event) => api.off(event, updateAll));\n }, [api, updateEvents, updateAttributes, config.autoRefresh]);\n\n const getEventTitle = (events: WalkerOS.Event[]) =>\n `Events (${events.length})`;\n\n const getLiveEventTitle = () => `Live Events (${liveEvents.length})`;\n\n const clearLiveEvents = () => {\n setLiveEvents([]);\n };\n\n const formatTime = (timestamp: number) => {\n return new Date(timestamp).toLocaleTimeString();\n };\n\n const getSkeletonTitle = () => {\n const count = (nodes: AttributeNode[]): number =>\n nodes.reduce((total, node) => {\n let n = 0;\n if (node.attributes.entity) n++;\n if (node.attributes.action) n++;\n if (\n node.attributes.context &&\n Object.keys(node.attributes.context).length\n )\n n++;\n if (\n node.attributes.globals &&\n Object.keys(node.attributes.globals).length\n )\n n++;\n n += node.attributes.properties?.length ?? 0;\n return total + n + count(node.children || []);\n }, 0);\n return `Skeleton (${count(skeleton.nodes)})`;\n };\n\n return (\n <AddonPanel {...props}>\n <TabsState\n initial=\"live\"\n backgroundColor={theme.background.hoverable as string}\n >\n <div id=\"events\" title={getEventTitle(events)}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <Button onClick={updateEvents}>Update events</Button>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n {events.length > 0 ? (\n <List\n items={events.map((item, index) => {\n return {\n title: formatEventTitle(item, index),\n content: (\n <SyntaxHighlighter\n language=\"json\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {JSON.stringify(item, null, 2)}\n </SyntaxHighlighter>\n ),\n };\n })}\n />\n ) : (\n <p>No events yet</p>\n )}\n </Placeholder>\n </div>\n <div id=\"live\" title={getLiveEventTitle()}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <div\n style={{ display: 'flex', gap: '8px', alignItems: 'center' }}\n >\n <Button size=\"small\" onClick={clearLiveEvents}>\n Clear Events\n </Button>\n </div>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n {liveEvents.length > 0 ? (\n <List\n items={liveEvents.map((event, index) => {\n return {\n title: formatEventTitle(\n event,\n liveEvents.length - index - 1,\n ),\n content: (\n <SyntaxHighlighter\n language=\"json\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {JSON.stringify(event, null, 2)}\n </SyntaxHighlighter>\n ),\n };\n })}\n />\n ) : (\n <p\n style={{\n textAlign: 'center',\n color: theme.color.mediumdark,\n padding: '20px',\n }}\n >\n Waiting for live events...\n <br />\n <small>\n Interact with components to see events appear here in\n real-time\n </small>\n </p>\n )}\n </Placeholder>\n </div>\n <div id=\"attributes\" title={getSkeletonTitle()}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <Button onClick={updateAttributes}>Update skeleton</Button>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n <AttributeTreeView tree={skeleton.nodes} />\n </Placeholder>\n </div>\n </TabsState>\n </AddonPanel>\n );\n});\n","import React from 'react';\nimport { addons, types } from 'storybook/manager-api';\n\nimport { Panel } from './components/Panel';\nimport { ADDON_ID, PANEL_ID } from './constants';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `manager.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/manager.tsx\",\n */\n\naddons.register(ADDON_ID, (api) => {\n addons.add(PANEL_ID, {\n type: types.PANEL,\n title: ADDON_ID,\n match: ({ viewMode }) => viewMode === 'story',\n render: ({ active }) => <Panel active={!!active} />,\n });\n});\n"]}
1
+ {"version":3,"sources":["../src/constants.ts","../src/components/List.tsx","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/components/HighlightButtons.tsx","../src/components/origin-chip.ts","../src/components/AttributeTreeView.tsx","../src/utils/eventPreview.ts","../src/utils/formatEventTitle.tsx","../src/components/Panel.tsx","../src/manager.tsx"],"names":["ADDON_ID","PANEL_ID","EVENTS","ListWrapper","styled","theme","Wrapper","Icon","ArrowDownIcon","HeaderBar","Description","ListItem","memo","item","isOpen","onToggle","useState","React","Fragment","List","items","idx","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","attributeColors","BUTTONS","HighlightButtons","highlights","toggleHighlight","useTheme","kind","label","active","color","Button","originLabel","origin","formatValueForBadge","value","keys","AttributeBadge","type","suffix","base","displayText","suffixNode","AttributeNodeComponent","node","depth","_a","_b","expanded","setExpanded","showDetails","setShowDetails","hasAttributes","hasChildren","p","SyntaxHighlighter","child","index","AttributeTreeView","tree","createEventDataPreview","event","sections","formatValue","v","formatSection","obj","sectionName","entries","key","dataSection","contextSection","formatEventTitle","dataPreview","eventNumber","eventName","baseTitle","Panel","props","api","useStorybookApi","parameters","config","setHighlights","events","setState","liveEvents","setLiveEvents","skeleton","setSkeleton","newHighlights","emit","useChannel","newEvents","prev","result","updateEvents","useCallback","updateAttributes","useEffect","storyEvents","CURRENT_STORY_WAS_SET","SELECT_STORY","STORY_RENDERED","STORY_ARGS_UPDATED","updateAll","getEventTitle","getLiveEventTitle","clearLiveEvents","getSkeletonTitle","count","nodes","total","n","AddonPanel","TabsState","Placeholder","addons","types","viewMode"],"mappings":"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","file":"manager.js","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import { ArrowDownIcon } from '@storybook/icons';\nimport React, { Fragment, useState, memo } from 'react';\nimport { styled } from 'storybook/theming';\n\ntype Item = {\n title: string | React.ReactNode;\n content: string | React.ReactNode;\n};\n\ninterface ListItemProps {\n item: Item;\n}\n\ninterface ListProps {\n items: Item[];\n}\n\nconst ListWrapper = styled.ul(({ theme }) => ({\n listStyle: 'none',\n fontSize: theme.typography.size.s2,\n padding: 0,\n margin: 0,\n}));\n\nconst Wrapper = styled.div(({ theme }) => ({\n display: 'flex',\n width: '100%',\n borderBottom: `1px solid ${theme.appBorderColor}`,\n '&:hover': {\n background: theme.background.hoverable,\n },\n}));\n\nconst Icon = styled(ArrowDownIcon)(({ theme }) => ({\n height: 10,\n width: 10,\n minWidth: 10,\n color: theme.color.mediumdark,\n marginRight: 10,\n alignSelf: 'center',\n display: 'inline-flex',\n}));\n\nconst HeaderBar = styled.div(({ theme }) => ({\n padding: '6px 12px',\n paddingLeft: 9,\n background: 'none',\n color: 'inherit',\n textAlign: 'left',\n cursor: 'pointer',\n borderLeft: '3px solid transparent',\n width: '100%',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n\n '&:focus': {\n outline: '0 none',\n borderLeft: `3px solid ${theme.color.secondary}`,\n },\n\n '& .event-base': {\n color: 'inherit',\n fontWeight: '500',\n },\n\n '& .event-separator': {\n color: theme.color.mediumdark,\n fontWeight: '300',\n },\n\n '& .event-preview': {\n color: theme.color.mediumdark,\n fontWeight: '400',\n },\n}));\n\nconst Description = styled.div(({ theme }) => ({\n padding: theme.layoutMargin,\n background: theme.background.content,\n fontFamily: theme.typography.fonts.mono,\n whiteSpace: 'pre-wrap',\n textAlign: 'left',\n}));\n\nexport const ListItem: React.FC<ListItemProps> = memo(({ item }) => {\n const [isOpen, onToggle] = useState(false);\n\n return (\n <Fragment>\n <Wrapper>\n <HeaderBar onClick={() => onToggle(!isOpen)} role=\"button\">\n <Icon\n style={{\n transform: `rotate(${isOpen ? 0 : -90}deg)`,\n }}\n />\n {item.title}\n </HeaderBar>\n </Wrapper>\n {isOpen ? <Description>{item.content}</Description> : null}\n </Fragment>\n );\n});\n\nexport const List: React.FC<ListProps> = memo(({ items }) => (\n <ListWrapper>\n {items.map((item, idx) => (\n <ListItem key={`${item.title}-${idx}`} item={item}></ListItem>\n ))}\n </ListWrapper>\n));\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Text and icons on an event-colour fill: a tag card's Done. Dark ink on the dark event values (5.6:1 or more), white on the light ones (about 5:1). */\nexport const onEvent = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","import type { WalkerOSAddon } from '../types';\nimport React from 'react';\nimport { Button } from 'storybook/internal/components';\nimport { useTheme } from 'storybook/theming';\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors, type HighlightKind } from '../utils/eventColors';\n\ninterface HighlightButtonsProps {\n highlights: Record<HighlightKind, boolean>;\n toggleHighlight: (type: HighlightKind) => void;\n}\n\nconst BUTTONS: Array<{ kind: HighlightKind; label: string }> = [\n { kind: 'globals', label: 'Globals' },\n { kind: 'context', label: 'Context' },\n { kind: 'entity', label: 'Entity' },\n { kind: 'property', label: 'Property' },\n { kind: 'action', label: 'Action' },\n];\n\nexport const HighlightButtons: React.FC<HighlightButtonsProps> = ({\n highlights,\n toggleHighlight,\n}) => {\n const theme = useTheme();\n\n return (\n <div\n style={{\n display: 'flex',\n gap: '4px',\n alignItems: 'center',\n flexWrap: 'wrap',\n justifyContent: 'flex-end',\n }}\n >\n <span\n style={{\n fontSize: theme.typography.size.s1,\n color: theme.color.mediumdark,\n marginRight: '8px',\n }}\n >\n Highlight:\n </span>\n {BUTTONS.map(({ kind, label }) => {\n const active = highlights[kind];\n const color = highlightColors[kind];\n\n return (\n <Button\n key={kind}\n size=\"small\"\n variant={active ? 'solid' : 'outline'}\n onClick={() => toggleHighlight(kind)}\n style={{\n fontSize: theme.typography.size.s1,\n padding: '4px 8px',\n // Active: the event colour on the dark visualisation ground.\n backgroundColor: active ? vizBg : 'transparent',\n color: active ? color : theme.color.mediumdark,\n border: `1px solid ${active ? color : theme.color.border}`,\n }}\n >\n {label}\n </Button>\n );\n })}\n </div>\n );\n};\n","import type { PropertyOrigin } from '../types';\n\n// Human-readable origin label for non-default origins (empty for directly\n// declared data). Rendered as a thin \"(generic)\" / \"(scoped)\" suffix.\nexport const originLabel = (origin: PropertyOrigin): string =>\n origin === 'data' ? '' : origin;\n","import React, { useState } from 'react';\nimport { SyntaxHighlighter } from 'storybook/internal/components';\nimport { useTheme } from 'storybook/theming';\nimport type { AttributeNode, PropertyOrigin } from '../types';\nimport type { WalkerOS } from '@walkeros/core';\nimport { vizBg } from '@walkeros/explorer/design';\nimport { originLabel } from './origin-chip';\nimport { attributeColors, type AttributeKind } from '../utils/eventColors';\n\n// Utility to format complex values for display in badges\nconst formatValueForBadge = (value: unknown): string => {\n if (typeof value === 'string') return value;\n if (typeof value === 'number' || typeof value === 'boolean')\n return String(value);\n if (value === null || value === undefined) return '';\n if (typeof value === 'object') {\n if (Array.isArray(value)) {\n return value.length <= 3\n ? value.join(', ')\n : `${value.slice(0, 3).join(', ')}...`;\n }\n // For objects, show the actual keys instead of just the count\n const keys = Object.keys(value);\n if (keys.length === 0) return '';\n if (keys.length <= 3) {\n return keys.join(', ');\n }\n return `${keys.slice(0, 3).join(', ')}...`;\n }\n return String(value);\n};\n\ninterface AttributeTreeViewProps {\n tree: AttributeNode[];\n depth?: number;\n}\n\ninterface AttributeBadgeProps {\n type: AttributeKind;\n label: string;\n value?: string;\n origin?: PropertyOrigin;\n}\n\nconst AttributeBadge: React.FC<AttributeBadgeProps> = ({\n type,\n label,\n value,\n origin,\n}) => {\n const theme = useTheme();\n const suffix = origin ? originLabel(origin) : '';\n const base = value ? `${label}: ${value}` : label;\n const displayText = suffix ? `${base} (${suffix})` : base;\n\n // Thin, muted \"(generic)\" / \"(scoped)\" suffix appended after the value.\n const suffixNode = suffix ? (\n <span\n style={{\n fontSize: theme.typography.size.s1,\n fontWeight: 400,\n fontStyle: 'italic',\n opacity: 0.65,\n marginLeft: '4px',\n }}\n >\n ({suffix})\n </span>\n ) : null;\n\n return (\n <span\n style={{\n display: 'inline-block',\n padding: '2px 6px',\n margin: '0 4px',\n fontSize: theme.typography.size.s2,\n // A dark chip: event colours only sit on the dark visualisation ground.\n color: attributeColors[type],\n backgroundColor: vizBg,\n border: `1px solid ${attributeColors[type]}`,\n borderRadius: '3px',\n maxWidth: '240px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n title={displayText}\n >\n <span>\n {type === 'data' ? (\n value ? (\n <>\n <strong>{label}:</strong> {value}\n {suffixNode}\n </>\n ) : (\n <>\n <strong>{label}</strong>\n {suffixNode}\n </>\n )\n ) : (\n <>\n <strong>{type}:</strong> {displayText}\n </>\n )}\n </span>\n </span>\n );\n};\n\nconst AttributeNodeComponent: React.FC<{\n node: AttributeNode;\n depth: number;\n}> = ({ node, depth }) => {\n const [expanded, setExpanded] = useState(true);\n const [showDetails, setShowDetails] = useState(false);\n const theme = useTheme();\n\n const hasAttributes =\n node.attributes.entity ||\n node.attributes.action ||\n node.attributes.context ||\n node.attributes.globals ||\n node.attributes.properties?.length;\n\n const hasChildren = node.children.length > 0;\n\n return (\n <div\n style={{\n marginLeft: depth * 16,\n borderLeft: depth > 0 ? `1px solid ${theme.color.border}` : 'none',\n paddingLeft: depth > 0 ? '8px' : '0',\n }}\n >\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n padding: '4px 0',\n }}\n >\n {hasChildren ? (\n <span\n style={{\n marginRight: '8px',\n color: theme.color.mediumdark,\n cursor: 'pointer',\n userSelect: 'none',\n display: 'inline-block',\n width: '12px',\n textAlign: 'center',\n }}\n onClick={() => setExpanded(!expanded)}\n title={expanded ? 'Collapse' : 'Expand'}\n >\n {expanded ? '▼' : '▶'}\n </span>\n ) : (\n <span\n style={{\n marginRight: '8px',\n width: '12px',\n display: 'inline-block',\n }}\n />\n )}\n\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n rowGap: '4px',\n cursor: hasAttributes ? 'pointer' : 'default',\n flex: 1,\n minWidth: 0,\n }}\n onClick={\n hasAttributes ? () => setShowDetails(!showDetails) : undefined\n }\n >\n {node.attributes.entity && (\n <AttributeBadge type=\"entity\" label={node.attributes.entity} />\n )}\n\n {node.attributes.action && (\n <AttributeBadge type=\"action\" label={node.attributes.action} />\n )}\n\n {node.attributes.context &&\n Object.keys(node.attributes.context).length > 0 && (\n <AttributeBadge\n key=\"context\"\n type=\"context\"\n label={Object.keys(node.attributes.context).join(', ')}\n />\n )}\n\n {node.attributes.globals &&\n Object.keys(node.attributes.globals).length > 0 && (\n <AttributeBadge\n key=\"globals\"\n type=\"globals\"\n label={Object.keys(node.attributes.globals).join(', ')}\n />\n )}\n\n {node.attributes.properties\n ?.filter((p) => {\n if (\n typeof p.value === 'object' &&\n p.value !== null &&\n Object.keys(p.value).length === 0\n )\n return false;\n return (\n p.value !== null && p.value !== undefined && p.value !== ''\n );\n })\n .map((p) => (\n <AttributeBadge\n key={`data-${p.key}-${p.origin}`}\n type=\"data\"\n label={`data-${p.key}`}\n value={formatValueForBadge(p.value)}\n origin={p.origin}\n />\n ))}\n </div>\n </div>\n\n {showDetails && hasAttributes && node.htmlMarkup && (\n <div\n style={{ marginTop: '8px', marginBottom: '8px', textAlign: 'left' }}\n >\n <SyntaxHighlighter\n language=\"html\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {node.htmlMarkup}\n </SyntaxHighlighter>\n </div>\n )}\n\n {expanded && hasChildren && (\n <div>\n {node.children.map((child, index) => (\n <AttributeNodeComponent\n key={index}\n node={child}\n depth={depth + 1}\n />\n ))}\n </div>\n )}\n </div>\n );\n};\n\nexport const AttributeTreeView: React.FC<AttributeTreeViewProps> = ({\n tree,\n depth = 0,\n}) => {\n const theme = useTheme();\n\n if (tree.length === 0) {\n return (\n <div\n style={{\n color: theme.color.mediumdark,\n padding: '20px',\n }}\n >\n No walker attributes found\n <br />\n <small>\n Make sure your components have walker attributes like data-elb,\n data-elbaction, etc.\n </small>\n </div>\n );\n }\n\n return (\n <div>\n {tree.map((node, index) => (\n <AttributeNodeComponent key={index} node={node} depth={depth} />\n ))}\n </div>\n );\n};\n","import type { WalkerOS } from '@walkeros/core';\nimport type { Walker } from '@walkeros/web-core';\n\n/**\n * Creates a formatted data preview from a walkerOS event\n * Shows data and context properties in JSON-like syntax\n */\nexport function createEventDataPreview(\n event: WalkerOS.Event | Walker.Event,\n): string {\n const sections: string[] = [];\n\n // Helper to format value\n const formatValue = (value: unknown): string => {\n if (value === null || value === undefined) {\n return 'null';\n }\n if (typeof value === 'string') {\n return `\"${value}\"`;\n }\n if (Array.isArray(value)) {\n const items = value\n .map((v) => (typeof v === 'string' ? `\"${v}\"` : String(v)))\n .join(', ');\n return `[${items}]`;\n }\n if (typeof value === 'object') {\n return '{...}';\n }\n return String(value);\n };\n\n // Helper to format a section (data or context)\n const formatSection = (obj: unknown, sectionName: string): string | null => {\n if (\n !obj ||\n typeof obj !== 'object' ||\n obj === null ||\n Object.keys(obj as Record<string, unknown>).length === 0\n ) {\n return null;\n }\n\n const entries = Object.entries(obj as Record<string, unknown>)\n .map(([key, value]) => `${key}: ${formatValue(value)}`)\n .join(', ');\n\n return `${sectionName}: { ${entries} }`;\n };\n\n // Process data section first\n if (event.data) {\n const dataSection = formatSection(event.data, 'data');\n if (dataSection) {\n sections.push(dataSection);\n }\n }\n\n // Process context section second\n if (event.context) {\n const contextSection = formatSection(event.context, 'context');\n if (contextSection) {\n sections.push(contextSection);\n }\n }\n\n return sections.join('; ');\n}\n","import React from 'react';\nimport type { WalkerOS } from '@walkeros/core';\nimport type { Walker } from '@walkeros/web-core';\nimport { createEventDataPreview } from './eventPreview';\n\n/**\n * Formats an event title with consistent styling across Events and Live Events tabs\n */\nexport function formatEventTitle(\n event: WalkerOS.Event | Walker.Event,\n index: number,\n): React.ReactNode {\n const dataPreview = createEventDataPreview(event);\n\n // Build base title components\n const eventNumber = `#${index + 1}`;\n // Handle both WalkerOS.Event (has name property) and Walker.Event (has entity/action)\n const eventName =\n 'name' in event ? event.name : `${event.entity} ${event.action}`;\n\n // Construct base title\n const baseTitle = `${eventNumber} ${eventName}`;\n\n // Return styled JSX\n if (!dataPreview) {\n return <span className=\"event-base\">{baseTitle}</span>;\n }\n\n return (\n <>\n <span className=\"event-base\">{baseTitle}</span>\n <span className=\"event-separator\"> - </span>\n <span className=\"event-preview\">{dataPreview}</span>\n </>\n );\n}\n","import type { AttributeNode, ResolvedProperty } from '../types';\nimport type { WalkerOS } from '@walkeros/core';\nimport React, { Fragment, memo, useCallback, useEffect, useState } from 'react';\nimport {\n AddonPanel,\n Placeholder,\n TabsState,\n SyntaxHighlighter,\n Button,\n} from 'storybook/internal/components';\nimport { useChannel, useStorybookApi } from 'storybook/manager-api';\nimport { useTheme } from 'storybook/theming';\nimport {\n STORY_ARGS_UPDATED,\n CURRENT_STORY_WAS_SET,\n SELECT_STORY,\n STORY_RENDERED,\n} from 'storybook/internal/core-events';\n\nimport { ADDON_ID, EVENTS } from '../constants';\nimport { List } from './List';\nimport { HighlightButtons } from './HighlightButtons';\nimport { AttributeTreeView } from './AttributeTreeView';\nimport { formatEventTitle } from '../utils/formatEventTitle';\n\ninterface PanelProps {\n active: boolean;\n}\n\nexport const Panel: React.FC<PanelProps> = memo(function MyPanel(props) {\n const theme = useTheme();\n const api = useStorybookApi();\n const { parameters } = api.getCurrentStoryData() || {};\n\n const defaultConfig = {\n autoRefresh: true,\n prefix: 'data-elb',\n };\n\n const config = {\n ...defaultConfig,\n ...parameters?.[ADDON_ID],\n };\n\n // Highlights are now local state, not persistent config\n const [highlights, setHighlights] = useState({\n context: false,\n entity: false,\n property: false,\n action: false,\n globals: false,\n });\n\n const [events, setState] = useState<WalkerOS.Event[]>([]);\n const [liveEvents, setLiveEvents] = useState<WalkerOS.Event[]>([]);\n const [skeleton, setSkeleton] = useState<{\n nodes: AttributeNode[];\n globals: ResolvedProperty[];\n }>({ nodes: [], globals: [] });\n\n const toggleHighlight = (type: keyof typeof highlights) => {\n const newHighlights = {\n ...highlights,\n [type]: !highlights[type],\n };\n setHighlights(newHighlights);\n\n // Send highlighting update to preview with current config + highlights\n emit(EVENTS.HIGHLIGHT, { ...config, highlights: newHighlights });\n };\n\n // https://storybook.js.org/docs/react/addons/addons-api#usechannel\n const emit = useChannel({\n [EVENTS.RESULT]: (newEvents: WalkerOS.Event[]) => {\n setState(newEvents);\n },\n [EVENTS.LIVE_EVENT]: (event: WalkerOS.Event) => {\n setLiveEvents((prev) =>\n [{ ...event, timestamp: Date.now() }].concat(prev).slice(0, 50),\n );\n },\n [EVENTS.ATTRIBUTES_RESULT]: (result: {\n nodes: AttributeNode[];\n globals: ResolvedProperty[];\n }) => {\n setSkeleton(result);\n },\n });\n\n const updateEvents = useCallback(() => {\n emit(EVENTS.REQUEST, { ...config, highlights });\n }, [config, highlights, emit]);\n\n const updateAttributes = useCallback(() => {\n emit(EVENTS.ATTRIBUTES_REQUEST, { ...config, highlights });\n }, [config, highlights, emit]);\n\n // Initial auto-refresh on page load\n useEffect(() => {\n if (config.autoRefresh) {\n updateEvents();\n updateAttributes();\n }\n }, []); // Only run once on mount\n\n // Auto-refresh on story navigation and args updates\n useEffect(() => {\n if (!config.autoRefresh) return;\n\n // Events to listen for\n const storyEvents = [\n CURRENT_STORY_WAS_SET,\n SELECT_STORY,\n STORY_RENDERED,\n STORY_ARGS_UPDATED,\n ];\n\n // Combined update function for events and attributes\n const updateAll = () => {\n updateEvents();\n updateAttributes();\n };\n\n // Listen for story navigation and control changes\n storyEvents.forEach((event) => api.on(event, updateAll));\n // Cleanup listeners on unmount\n return () => storyEvents.forEach((event) => api.off(event, updateAll));\n }, [api, updateEvents, updateAttributes, config.autoRefresh]);\n\n const getEventTitle = (events: WalkerOS.Event[]) =>\n `Events (${events.length})`;\n\n const getLiveEventTitle = () => `Live Events (${liveEvents.length})`;\n\n const clearLiveEvents = () => {\n setLiveEvents([]);\n };\n\n const formatTime = (timestamp: number) => {\n return new Date(timestamp).toLocaleTimeString();\n };\n\n const getSkeletonTitle = () => {\n const count = (nodes: AttributeNode[]): number =>\n nodes.reduce((total, node) => {\n let n = 0;\n if (node.attributes.entity) n++;\n if (node.attributes.action) n++;\n if (\n node.attributes.context &&\n Object.keys(node.attributes.context).length\n )\n n++;\n if (\n node.attributes.globals &&\n Object.keys(node.attributes.globals).length\n )\n n++;\n n += node.attributes.properties?.length ?? 0;\n return total + n + count(node.children || []);\n }, 0);\n return `Skeleton (${count(skeleton.nodes)})`;\n };\n\n return (\n <AddonPanel {...props}>\n <TabsState\n initial=\"live\"\n backgroundColor={theme.background.hoverable as string}\n >\n <div id=\"events\" title={getEventTitle(events)}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <Button onClick={updateEvents}>Update events</Button>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n {events.length > 0 ? (\n <List\n items={events.map((item, index) => {\n return {\n title: formatEventTitle(item, index),\n content: (\n <SyntaxHighlighter\n language=\"json\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {JSON.stringify(item, null, 2)}\n </SyntaxHighlighter>\n ),\n };\n })}\n />\n ) : (\n <p>No events yet</p>\n )}\n </Placeholder>\n </div>\n <div id=\"live\" title={getLiveEventTitle()}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <div\n style={{ display: 'flex', gap: '8px', alignItems: 'center' }}\n >\n <Button size=\"small\" onClick={clearLiveEvents}>\n Clear Events\n </Button>\n </div>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n {liveEvents.length > 0 ? (\n <List\n items={liveEvents.map((event, index) => {\n return {\n title: formatEventTitle(\n event,\n liveEvents.length - index - 1,\n ),\n content: (\n <SyntaxHighlighter\n language=\"json\"\n copyable={true}\n bordered={true}\n padded={true}\n >\n {JSON.stringify(event, null, 2)}\n </SyntaxHighlighter>\n ),\n };\n })}\n />\n ) : (\n <p\n style={{\n textAlign: 'center',\n color: theme.color.mediumdark,\n padding: '20px',\n }}\n >\n Waiting for live events...\n <br />\n <small>\n Interact with components to see events appear here in\n real-time\n </small>\n </p>\n )}\n </Placeholder>\n </div>\n <div id=\"attributes\" title={getSkeletonTitle()}>\n <Placeholder>\n <Fragment>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexWrap: 'wrap',\n gap: '8px',\n marginBottom: '12px',\n padding: '8px',\n backgroundColor: theme.background.app,\n borderRadius: '4px',\n border: `1px solid ${theme.color.border}`,\n }}\n >\n <Button onClick={updateAttributes}>Update skeleton</Button>\n <HighlightButtons\n highlights={highlights}\n toggleHighlight={toggleHighlight}\n />\n </div>\n </Fragment>\n <AttributeTreeView tree={skeleton.nodes} />\n </Placeholder>\n </div>\n </TabsState>\n </AddonPanel>\n );\n});\n","import React from 'react';\nimport { addons, types } from 'storybook/manager-api';\n\nimport { Panel } from './components/Panel';\nimport { ADDON_ID, PANEL_ID } from './constants';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `manager.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/manager.tsx\",\n */\n\naddons.register(ADDON_ID, (api) => {\n addons.add(PANEL_ID, {\n type: types.PANEL,\n title: ADDON_ID,\n match: ({ viewMode }) => viewMode === 'story',\n render: ({ active }) => <Panel active={!!active} />,\n });\n});\n"]}
package/dist/preview.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/constants.ts","../src/walker.ts","../src/utils/domUtils.ts","../src/utils/attributeTreeUtils.ts","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/utils/cssUtils.ts","../src/utils/highlightingUtils.ts","../src/withRoundTrip.ts","../src/preview.ts"],"names":["ADDON_ID","EVENTS","destinationConsole","event","context","destinationLive","channel","addons","getIframeContext","iframe","e","initializeWalker","config","iframeDoc","iframeWin","result","startFlow","sourceBrowser","collector","elb","error","getStoryDocument","getStoryRootElement","storyDoc","selectors","selector","element","getElementPath","el","path","current","c","enhanceProperties","storyRoot","prefix","allElements","scopedAttr","getElbAttributeName","Const","actionAttr","contextAttr","globalsAttr","attr","generateElementHTML","tagName","propertyMarker","attribs","PRIORITY","addProperty","acc","key","value","origin","existing","collectValues","name","values","getElbValues","k","v","buildAttributeTree","scope","entityAttr","scopedName","entityEls","entitySet","owningEntity","cur","nodeMap","entity","props","owned","child","o","anc","g","roots","node","parentEl","parentNode","globalsValues","getGlobals","globals","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","outline","colors","color","index","generateHighlightCSS","property","action","globalsSelector","contextSelector","baseSelector","propertySelector","injectHighlightingCSS","existingStyle","highlightingStyleElement","css","applyHighlighting","highlights","setupHighlighting","currentStoryId","events","getAllEvents","eventsWithGlobals","withRoundTrip","storyFn","_a","storyId","hasStoryChanged","parameters","autoRefresh","err","preview","preview_default"],"mappings":"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","file":"preview.cjs","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import type { Collector, WalkerOS, Destination } from '@walkeros/core';\nimport { startFlow } from '@walkeros/collector';\nimport { sourceBrowser } from '@walkeros/web-source-browser';\nimport { addons } from 'storybook/preview-api';\nimport { EVENTS } from './constants';\n\ndeclare global {\n interface Window {\n __storybookElb: WalkerOS.Elb;\n __storybookWalker: Collector.Instance;\n }\n}\n\n// Simple console destination for Storybook\nconst destinationConsole = {\n type: 'console',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n console.log('Storybook Event:', event);\n },\n config: {},\n};\n\n// Live destination for Storybook panel\nconst destinationLive = {\n type: 'live',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n // Send event to Storybook panel for live display\n const channel = addons.getChannel();\n if (channel) {\n channel.emit(EVENTS.LIVE_EVENT, event);\n }\n },\n config: {},\n};\n\n// Function to get Storybook iframe context\nfunction getIframeContext() {\n try {\n // Try to get iframe from parent document (manager context)\n const iframe = parent.document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument && iframe?.contentWindow) {\n return {\n document: iframe.contentDocument,\n window: iframe.contentWindow,\n };\n }\n } catch (e) {\n // If we can't access parent, we're likely already in iframe context\n }\n\n // Fallback to current context\n return { document, window };\n}\n\nexport async function initializeWalker(config?: {\n prefix?: string;\n autoRefresh?: boolean;\n}): Promise<void> {\n // Skip initialization if already done\n if (window.__storybookWalker) return;\n\n try {\n // Get iframe context for proper event capture\n const { document: iframeDoc, window: iframeWin } = getIframeContext();\n\n if (!iframeDoc) {\n console.warn('Document not available, skipping walkerOS initialization');\n return;\n }\n\n // Create collector with browser source and destinations\n const result = await startFlow({\n consent: { functional: true },\n sources: {\n browser: {\n code: sourceBrowser,\n config: {\n settings: {\n pageview: true,\n elbLayer: '__storybookElbLayer',\n elb: '__storybookElb',\n prefix: config?.prefix || 'data-elb',\n scope: iframeDoc.body || iframeDoc, // Set scope to iframe document\n },\n },\n env: {\n window: iframeWin,\n document: iframeDoc,\n },\n },\n },\n destinations: {\n console: { code: destinationConsole },\n live: { code: destinationLive },\n },\n });\n\n const { collector, elb } = result;\n\n // Verify collector was created successfully\n if (!collector) {\n throw new Error('Collector creation failed - no collector returned');\n }\n\n // Set global window objects\n window.__storybookWalker = collector;\n window.__storybookElb = elb;\n } catch (error) {\n console.error('Failed to initialize walkerOS:', error);\n }\n}\n","// DOM utilities for working with story elements\n\nimport { Const } from '@walkeros/collector';\nimport { getElbAttributeName } from '@walkeros/web-source-browser';\n\n// Function to get the story document (either iframe or main document)\nexport const getStoryDocument = (): Document => {\n // Try to find story iframe\n const iframe = document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument) {\n return iframe.contentDocument;\n }\n // Fallback to main document\n return document;\n};\n\n// Function to get the story root element\nexport const getStoryRootElement = (): Element | null => {\n const storyDoc = getStoryDocument();\n\n // Try multiple selectors for story root\n const selectors = [\n '#storybook-root',\n '#root',\n '[data-testid=\"storybook-root\"]',\n 'body',\n ];\n\n for (const selector of selectors) {\n const element = storyDoc.querySelector(selector);\n if (element) {\n return element;\n }\n }\n\n return storyDoc.body;\n};\n\n// Helper to get element path\nexport const getElementPath = (el: Element): string => {\n const path = [];\n let current = el;\n while (current && current !== document.body && current.parentElement) {\n let selector = current.tagName.toLowerCase();\n if (current.id) {\n selector += `#${current.id}`;\n } else if (current.className && typeof current.className === 'string') {\n selector += `.${current.className\n .split(' ')\n .filter((c) => c)\n .join('.')}`;\n }\n path.unshift(selector);\n current = current.parentElement;\n }\n return path.join(' > ');\n};\n\n// Function to enhance DOM with property attributes\nexport const enhanceProperties = (\n storyRoot: Element,\n prefix: string = 'data-elb',\n): void => {\n // Find all elements with any attributes starting with prefix-\n const allElements = Array.from(storyRoot.querySelectorAll('*'));\n\n const scopedAttr = getElbAttributeName(prefix, Const.Commands.Scoped, false); // data-elb_\n const actionAttr = getElbAttributeName(prefix, Const.Commands.Action, false);\n const contextAttr = getElbAttributeName(\n prefix,\n Const.Commands.Context,\n false,\n );\n const globalsAttr = getElbAttributeName(\n prefix,\n Const.Commands.Globals,\n false,\n );\n\n allElements.forEach((el) => {\n const hasProperties = Array.from(el.attributes).some((attr) => {\n if (attr.name === scopedAttr) return true; // scoped generic data-elb_\n return (\n attr.name.startsWith(`${prefix}-`) &&\n attr.name !== actionAttr &&\n attr.name !== contextAttr &&\n attr.name !== globalsAttr\n );\n });\n\n // Mark elements with property attributes\n if (hasProperties) {\n el.setAttribute(getElbAttributeName(prefix, 'property', false), '');\n }\n });\n};\n","// Builds an entity-centric \"skeleton\" tree: each node is a data-elb entity, with\n// generic (data-elb-), scoped (data-elb_), and explicit (data-elb-<entity>)\n// values resolved onto it and tagged by origin. Interim addon-local\n// approximation of the walker's resolution (see the design doc for fidelity\n// limits: cross-DOM links, shadow piercing, exact collision priority, and\n// context ordering index are out of scope for Phase 1).\n\nimport type { WalkerOS } from '@walkeros/core';\nimport { Const } from '@walkeros/collector';\nimport {\n getElbValues,\n getElbAttributeName,\n getGlobals,\n} from '@walkeros/web-source-browser';\nimport type { AttributeNode, ResolvedProperty } from '../types';\nimport { getElementPath } from './domUtils';\n\nconst generateElementHTML = (element: Element, prefix: string): string => {\n const tagName = element.tagName.toLowerCase();\n // Hide the synthetic highlight marker (data-elbproperty) that\n // enhanceProperties stamps on the live DOM; it is an internal helper, not\n // author-written tagging, so it must not appear in the displayed markup.\n const propertyMarker = getElbAttributeName(prefix, 'property', false);\n const attribs = Array.from(element.attributes)\n .filter((a) => a.name !== propertyMarker)\n .map((a) => `${a.name}=\"${a.value}\"`);\n if (attribs.length === 0) return `<${tagName}></${tagName}>`;\n if (attribs.length === 1) return `<${tagName} ${attribs[0]}></${tagName}>`;\n return `<${tagName}\\n${attribs.map((a) => ` ${a}`).join('\\n')}\\n></${tagName}>`;\n};\n\n// Origin priority for same-key collisions (highest first). Approximate; real\n// walker priority is documented as out of scope for Phase 1.\nconst PRIORITY: Record<ResolvedProperty['origin'], number> = {\n data: 3,\n scoped: 2,\n generic: 1,\n};\n\nconst addProperty = (\n acc: Map<string, ResolvedProperty>,\n key: string,\n value: WalkerOS.Property | undefined,\n origin: ResolvedProperty['origin'],\n) => {\n if (!key) return; // never store the blank-key generic\n if (value === undefined || value === null || value === '') return;\n const existing = acc.get(key);\n if (!existing || PRIORITY[origin] > PRIORITY[existing.origin]) {\n acc.set(key, { key, value, origin });\n }\n};\n\nconst collectValues = (\n acc: Map<string, ResolvedProperty>,\n prefix: string,\n el: Element,\n name: string, // '' for generic, entity name for explicit\n origin: ResolvedProperty['origin'],\n) => {\n const values = getElbValues(prefix, el, name, true);\n Object.entries(values).forEach(([k, v]) => addProperty(acc, k, v, origin));\n};\n\nexport const buildAttributeTree = (\n scope: Element,\n prefix: string = Const.Commands.Prefix,\n): { nodes: AttributeNode[]; globals: ResolvedProperty[] } => {\n const entityAttr = getElbAttributeName(prefix); // data-elb\n const scopedName = Const.Commands.Scoped; // '_'\n\n // All entity elements (self + descendants).\n const entityEls: Element[] = [];\n if (scope.matches(`[${entityAttr}]`)) entityEls.push(scope);\n scope.querySelectorAll(`[${entityAttr}]`).forEach((el) => entityEls.push(el));\n const entitySet = new Set(entityEls);\n\n // Nearest ancestor-or-self entity for any element (DOM ancestry).\n const owningEntity = (el: Element): Element | null => {\n let cur: Element | null = el;\n while (cur) {\n if (entitySet.has(cur)) return cur;\n cur = cur.parentElement;\n }\n return null;\n };\n\n const nodeMap = new Map<Element, AttributeNode>();\n\n entityEls.forEach((el) => {\n const entity = el.getAttribute(entityAttr) || '';\n const props = new Map<string, ResolvedProperty>();\n\n // Own + owned descendants: explicit (data-elb-<entity>) and generic (data-elb-)\n const owned: Element[] = [el];\n el.querySelectorAll('*').forEach((child) => {\n if (owningEntity(child) === el) owned.push(child);\n });\n owned.forEach((o) => {\n collectValues(props, prefix, o, entity, 'data');\n collectValues(props, prefix, o, '', 'generic');\n });\n\n // Ancestors (incl. self start): explicit, generic, and scoped (data-elb_)\n let anc: Element | null = el;\n while (anc) {\n collectValues(props, prefix, anc, entity, 'data');\n collectValues(props, prefix, anc, '', 'generic');\n // scoped uses isProperty=false (suffix '_' with no dash)\n Object.entries(getElbValues(prefix, anc, scopedName, false)).forEach(\n ([k, v]) => addProperty(props, k, v, 'scoped'),\n );\n anc = anc.parentElement;\n }\n\n nodeMap.set(el, {\n element: el.tagName.toLowerCase(),\n path: getElementPath(el),\n htmlMarkup: generateElementHTML(el, prefix),\n attributes: {\n entity,\n action:\n el.getAttribute(\n getElbAttributeName(prefix, Const.Commands.Action, false),\n ) || undefined,\n context: (() => {\n const c = getElbValues(prefix, el, Const.Commands.Context, false);\n return Object.keys(c).length ? c : undefined;\n })(),\n globals: (() => {\n const g = getElbValues(prefix, el, Const.Commands.Globals, false);\n return Object.keys(g).length ? g : undefined;\n })(),\n properties: Array.from(props.values()),\n },\n children: [],\n });\n });\n\n // Nest by nearest ancestor entity.\n const roots: AttributeNode[] = [];\n nodeMap.forEach((node, el) => {\n const parentEl = el.parentElement ? owningEntity(el.parentElement) : null;\n const parentNode = parentEl ? nodeMap.get(parentEl) : undefined;\n if (parentNode) parentNode.children.push(node);\n else roots.push(node);\n });\n\n const globalsValues = getGlobals(prefix, scope);\n const globals: ResolvedProperty[] = [];\n Object.entries(globalsValues).forEach(([key, value]) => {\n if (value !== undefined && value !== null && value !== '')\n globals.push({ key, value, origin: 'data' });\n });\n\n return { nodes: roots, globals };\n};\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","// CSS utilities for highlighting DOM elements\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors } from './eventColors';\n\n// Stacked 2px rings in the given event colours, closed by a 1px edge in the\n// dark visualisation ground so the outline reads on light and dark stories.\nconst outline = (...colors: string[]): string =>\n [\n ...colors.map((color, index) => `0 0 0 ${(index + 1) * 2}px ${color}`),\n `0 0 0 ${colors.length * 2 + 1}px ${vizBg}`,\n ].join(', ');\n\n// Generate dynamic CSS based on prefix\nexport const generateHighlightCSS = (prefix: string): string => {\n const { globals, context, entity, property, action } = highlightColors;\n\n // Define selectors based on prefix\n const globalsSelector = `${prefix}globals`;\n const contextSelector = `${prefix}context`;\n const baseSelector = prefix;\n const propertySelector = `${prefix}property`;\n\n // Template CSS with actual selectors\n const cssTemplate = `\n .highlight-globals [${globalsSelector}] {\n box-shadow: ${outline(globals)} !important;\n }\n\n .highlight-context [${contextSelector}] {\n box-shadow: ${outline(context)} !important;\n }\n\n .highlight-entity [${baseSelector}] {\n box-shadow: ${outline(entity)} !important;\n }\n\n .highlight-property [${propertySelector}] {\n box-shadow: ${outline(property)} !important;\n }\n\n .highlight-action [${prefix}action] {\n box-shadow: ${outline(action)} !important;\n }\n\n /* Combined highlights with layered solid borders */\n .highlight-entity.highlight-action [${baseSelector}][${prefix}action] {\n box-shadow: ${outline(action, entity)} !important;\n }\n\n .highlight-entity.highlight-context [${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(entity, context)} !important;\n }\n\n .highlight-entity.highlight-property [${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(entity, property)} !important;\n }\n\n .highlight-action.highlight-context [${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, context)} !important;\n }\n\n .highlight-context.highlight-property [${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, property)} !important;\n }\n\n .highlight-action.highlight-property [${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, property)} !important;\n }\n\n /* Globals combinations */\n .highlight-globals.highlight-entity [${globalsSelector}][${baseSelector}] {\n box-shadow: ${outline(globals, entity)} !important;\n }\n\n .highlight-globals.highlight-action [${globalsSelector}][${prefix}action] {\n box-shadow: ${outline(globals, action)} !important;\n }\n\n .highlight-globals.highlight-context [${globalsSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, context)} !important;\n }\n\n .highlight-globals.highlight-property [${globalsSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, property)} !important;\n }\n\n /* Triple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action\n [${globalsSelector}][${baseSelector}][${prefix}action] {\n box-shadow: ${outline(globals, entity, action)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context\n [${globalsSelector}][${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, entity, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-property\n [${globalsSelector}][${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context\n [${globalsSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, action, context)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-property\n [${globalsSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, action, property)} !important;\n }\n\n .highlight-globals.highlight-context.highlight-property\n [${globalsSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, context, property)} !important;\n }\n\n /* Triple combinations with distinct layers */\n .highlight-entity.highlight-action.highlight-context\n [${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, entity, context)} !important;\n }\n\n /* Triple combinations with property */\n .highlight-entity.highlight-action.highlight-property\n [${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, entity, property)} !important;\n }\n\n .highlight-entity.highlight-context.highlight-property\n [${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, entity, property)} !important;\n }\n\n .highlight-action.highlight-context.highlight-property\n [${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, context, property)} !important;\n }\n\n /* Quadruple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action.highlight-context\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, entity, action, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-action.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, property)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, context, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, action, context, property)} !important;\n }\n\n /* Quadruple combination */\n .highlight-entity.highlight-action.highlight-context.highlight-property\n [${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, entity, context, property)} !important;\n }\n\n /* Quintuple combination with all attributes */\n .highlight-globals.highlight-entity.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, context, property)} !important;\n }\n `;\n\n return cssTemplate;\n};\n\n// Function to inject highlighting CSS into story document\nexport const injectHighlightingCSS = (\n storyDoc: Document,\n prefix: string = 'data-elb',\n): void => {\n // Remove existing styles\n const existingStyle = storyDoc.querySelector('#walkeros-highlighting');\n if (existingStyle) {\n existingStyle.remove();\n }\n\n const highlightingStyleElement = storyDoc.createElement('style');\n highlightingStyleElement.id = 'walkeros-highlighting';\n const css = generateHighlightCSS(prefix);\n highlightingStyleElement.textContent = css;\n\n storyDoc.head.appendChild(highlightingStyleElement);\n};\n","// Utilities for managing DOM highlighting\n\nimport type { WalkerOSAddon } from '../types';\nimport {\n getStoryDocument,\n getStoryRootElement,\n enhanceProperties,\n} from './domUtils';\nimport { injectHighlightingCSS } from './cssUtils';\n\n// Function to apply highlighting to story root\nexport const applyHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) return;\n\n // Remove existing highlighting classes\n storyRoot.classList.remove('highlight-context');\n storyRoot.classList.remove('highlight-entity');\n storyRoot.classList.remove('highlight-property');\n storyRoot.classList.remove('highlight-action');\n storyRoot.classList.remove('highlight-globals');\n\n if (!highlights) return;\n\n // Re-enhance properties FIRST to ensure they're marked\n enhanceProperties(storyRoot, prefix);\n\n // Then add specific highlighting classes\n if (highlights.context) storyRoot.classList.add('highlight-context');\n if (highlights.entity) storyRoot.classList.add('highlight-entity');\n if (highlights.property) storyRoot.classList.add('highlight-property');\n if (highlights.action) storyRoot.classList.add('highlight-action');\n if (highlights.globals) storyRoot.classList.add('highlight-globals');\n};\n\n// Combined function to inject CSS and apply highlighting\nexport const setupHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyDoc = getStoryDocument();\n\n // Always inject CSS first\n injectHighlightingCSS(storyDoc, prefix);\n\n // Then apply highlighting\n applyHighlighting(highlights, prefix);\n};\n","import type { WalkerOSAddon } from './types';\nimport type { DecoratorFunction } from 'storybook/internal/types';\nimport { addons } from 'storybook/preview-api';\nimport { getAllEvents, getGlobals } from '@walkeros/web-source-browser';\n\nimport { ADDON_ID, EVENTS } from './constants';\nimport { initializeWalker } from './walker';\nimport { getStoryRootElement, enhanceProperties } from './utils/domUtils';\nimport { buildAttributeTree } from './utils/attributeTreeUtils';\nimport { setupHighlighting } from './utils/highlightingUtils';\n\n// Set up the channel listener globally, not per story\nconst channel = addons.getChannel();\nlet currentStoryId: string | null = null;\n\n// Global listener for the request events\nchannel.addListener(EVENTS.REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.RESULT, []);\n return;\n }\n\n // Enhance DOM with property attributes\n enhanceProperties(storyRoot, config.prefix || 'data-elb');\n\n const events = getAllEvents(storyRoot as Element, config.prefix);\n\n // Collect globals from data-elbglobals attributes\n const globals = getGlobals(config.prefix || 'data-elb', storyRoot as Element);\n\n // Add globals to each event if any globals exist\n const eventsWithGlobals = events.map((event) => {\n if (Object.keys(globals).length > 0) {\n return { ...event, globals };\n }\n return event;\n });\n\n // Send the result back to the manager\n channel.emit(EVENTS.RESULT, eventsWithGlobals);\n});\n\n// Global listener for highlighting events\nchannel.addListener(EVENTS.HIGHLIGHT, (config: WalkerOSAddon) => {\n setupHighlighting(config.highlights, config.prefix);\n});\n\n// Global listener for attribute tree requests\nchannel.addListener(EVENTS.ATTRIBUTES_REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.ATTRIBUTES_RESULT, { nodes: [], globals: [] });\n return;\n }\n\n // Build the skeleton tree ({ nodes, globals })\n const result = buildAttributeTree(\n storyRoot as Element,\n config.prefix || 'data-elb',\n );\n\n // Send the result back to the manager\n channel.emit(EVENTS.ATTRIBUTES_RESULT, result);\n});\n\nexport const withRoundTrip: DecoratorFunction = (storyFn, context) => {\n // Check if story changed and auto-run is enabled\n const storyId = context.id;\n const hasStoryChanged = currentStoryId !== storyId;\n const { parameters } = context;\n const autoRefresh = parameters?.[ADDON_ID]?.autoRefresh;\n\n if (hasStoryChanged) {\n currentStoryId = storyId;\n }\n\n const result = storyFn();\n\n // Initialize walker and inject CSS after story renders\n setTimeout(() => {\n // Initialize walkerOS for live event capture\n const prefix = parameters?.[ADDON_ID]?.prefix || 'data-elb';\n initializeWalker({ prefix, autoRefresh }).catch((err) => {\n console.error('Walker initialization failed:', err);\n });\n\n // Inject highlighting CSS and enhance properties\n const storyRoot = getStoryRootElement();\n if (storyRoot) {\n setupHighlighting(undefined, prefix);\n enhanceProperties(storyRoot, prefix);\n }\n\n // Auto-run walker if story changed and auto-refresh is enabled\n if (hasStoryChanged && autoRefresh && window.__storybookElb) {\n window.__storybookElb('walker run');\n }\n }, 200);\n\n return result;\n};\n","/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators\n */\nimport type { ProjectAnnotations, Renderer } from 'storybook/internal/types';\n\nimport { ADDON_ID } from './constants';\nimport { withRoundTrip } from './withRoundTrip';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `preview.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/preview.tsx\",\n */\n\nconst preview: ProjectAnnotations<Renderer> = {\n decorators: [withRoundTrip],\n parameters: {\n [ADDON_ID]: {\n autoRefresh: true,\n prefix: 'data-elb',\n },\n },\n};\n\nexport default preview;\n"]}
1
+ {"version":3,"sources":["../src/constants.ts","../src/walker.ts","../src/utils/domUtils.ts","../src/utils/attributeTreeUtils.ts","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/utils/cssUtils.ts","../src/utils/highlightingUtils.ts","../src/withRoundTrip.ts","../src/preview.ts"],"names":["ADDON_ID","EVENTS","destinationConsole","event","context","destinationLive","channel","addons","getIframeContext","iframe","e","initializeWalker","config","iframeDoc","iframeWin","result","startFlow","sourceBrowser","collector","elb","error","getStoryDocument","getStoryRootElement","storyDoc","selectors","selector","element","getElementPath","el","path","current","c","enhanceProperties","storyRoot","prefix","allElements","scopedAttr","getElbAttributeName","Const","actionAttr","contextAttr","globalsAttr","attr","generateElementHTML","tagName","propertyMarker","attribs","PRIORITY","addProperty","acc","key","value","origin","existing","collectValues","name","values","getElbValues","k","v","buildAttributeTree","scope","entityAttr","scopedName","entityEls","entitySet","owningEntity","cur","nodeMap","entity","props","owned","child","o","anc","g","roots","node","parentEl","parentNode","globalsValues","getGlobals","globals","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","outline","colors","color","index","generateHighlightCSS","property","action","globalsSelector","contextSelector","baseSelector","propertySelector","injectHighlightingCSS","existingStyle","highlightingStyleElement","css","applyHighlighting","highlights","setupHighlighting","currentStoryId","events","getAllEvents","eventsWithGlobals","withRoundTrip","storyFn","_a","storyId","hasStoryChanged","parameters","autoRefresh","err","preview","preview_default"],"mappings":"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","file":"preview.cjs","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import type { Collector, WalkerOS, Destination } from '@walkeros/core';\nimport { startFlow } from '@walkeros/collector';\nimport { sourceBrowser } from '@walkeros/web-source-browser';\nimport { addons } from 'storybook/preview-api';\nimport { EVENTS } from './constants';\n\ndeclare global {\n interface Window {\n __storybookElb: WalkerOS.Elb;\n __storybookWalker: Collector.Instance;\n }\n}\n\n// Simple console destination for Storybook\nconst destinationConsole = {\n type: 'console',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n console.log('Storybook Event:', event);\n },\n config: {},\n};\n\n// Live destination for Storybook panel\nconst destinationLive = {\n type: 'live',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n // Send event to Storybook panel for live display\n const channel = addons.getChannel();\n if (channel) {\n channel.emit(EVENTS.LIVE_EVENT, event);\n }\n },\n config: {},\n};\n\n// Function to get Storybook iframe context\nfunction getIframeContext() {\n try {\n // Try to get iframe from parent document (manager context)\n const iframe = parent.document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument && iframe?.contentWindow) {\n return {\n document: iframe.contentDocument,\n window: iframe.contentWindow,\n };\n }\n } catch (e) {\n // If we can't access parent, we're likely already in iframe context\n }\n\n // Fallback to current context\n return { document, window };\n}\n\nexport async function initializeWalker(config?: {\n prefix?: string;\n autoRefresh?: boolean;\n}): Promise<void> {\n // Skip initialization if already done\n if (window.__storybookWalker) return;\n\n try {\n // Get iframe context for proper event capture\n const { document: iframeDoc, window: iframeWin } = getIframeContext();\n\n if (!iframeDoc) {\n console.warn('Document not available, skipping walkerOS initialization');\n return;\n }\n\n // Create collector with browser source and destinations\n const result = await startFlow({\n consent: { functional: true },\n sources: {\n browser: {\n code: sourceBrowser,\n config: {\n settings: {\n pageview: true,\n elbLayer: '__storybookElbLayer',\n elb: '__storybookElb',\n prefix: config?.prefix || 'data-elb',\n scope: iframeDoc.body || iframeDoc, // Set scope to iframe document\n },\n },\n env: {\n window: iframeWin,\n document: iframeDoc,\n },\n },\n },\n destinations: {\n console: { code: destinationConsole },\n live: { code: destinationLive },\n },\n });\n\n const { collector, elb } = result;\n\n // Verify collector was created successfully\n if (!collector) {\n throw new Error('Collector creation failed - no collector returned');\n }\n\n // Set global window objects\n window.__storybookWalker = collector;\n window.__storybookElb = elb;\n } catch (error) {\n console.error('Failed to initialize walkerOS:', error);\n }\n}\n","// DOM utilities for working with story elements\n\nimport { Const } from '@walkeros/collector';\nimport { getElbAttributeName } from '@walkeros/web-source-browser';\n\n// Function to get the story document (either iframe or main document)\nexport const getStoryDocument = (): Document => {\n // Try to find story iframe\n const iframe = document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument) {\n return iframe.contentDocument;\n }\n // Fallback to main document\n return document;\n};\n\n// Function to get the story root element\nexport const getStoryRootElement = (): Element | null => {\n const storyDoc = getStoryDocument();\n\n // Try multiple selectors for story root\n const selectors = [\n '#storybook-root',\n '#root',\n '[data-testid=\"storybook-root\"]',\n 'body',\n ];\n\n for (const selector of selectors) {\n const element = storyDoc.querySelector(selector);\n if (element) {\n return element;\n }\n }\n\n return storyDoc.body;\n};\n\n// Helper to get element path\nexport const getElementPath = (el: Element): string => {\n const path = [];\n let current = el;\n while (current && current !== document.body && current.parentElement) {\n let selector = current.tagName.toLowerCase();\n if (current.id) {\n selector += `#${current.id}`;\n } else if (current.className && typeof current.className === 'string') {\n selector += `.${current.className\n .split(' ')\n .filter((c) => c)\n .join('.')}`;\n }\n path.unshift(selector);\n current = current.parentElement;\n }\n return path.join(' > ');\n};\n\n// Function to enhance DOM with property attributes\nexport const enhanceProperties = (\n storyRoot: Element,\n prefix: string = 'data-elb',\n): void => {\n // Find all elements with any attributes starting with prefix-\n const allElements = Array.from(storyRoot.querySelectorAll('*'));\n\n const scopedAttr = getElbAttributeName(prefix, Const.Commands.Scoped, false); // data-elb_\n const actionAttr = getElbAttributeName(prefix, Const.Commands.Action, false);\n const contextAttr = getElbAttributeName(\n prefix,\n Const.Commands.Context,\n false,\n );\n const globalsAttr = getElbAttributeName(\n prefix,\n Const.Commands.Globals,\n false,\n );\n\n allElements.forEach((el) => {\n const hasProperties = Array.from(el.attributes).some((attr) => {\n if (attr.name === scopedAttr) return true; // scoped generic data-elb_\n return (\n attr.name.startsWith(`${prefix}-`) &&\n attr.name !== actionAttr &&\n attr.name !== contextAttr &&\n attr.name !== globalsAttr\n );\n });\n\n // Mark elements with property attributes\n if (hasProperties) {\n el.setAttribute(getElbAttributeName(prefix, 'property', false), '');\n }\n });\n};\n","// Builds an entity-centric \"skeleton\" tree: each node is a data-elb entity, with\n// generic (data-elb-), scoped (data-elb_), and explicit (data-elb-<entity>)\n// values resolved onto it and tagged by origin. Interim addon-local\n// approximation of the walker's resolution (see the design doc for fidelity\n// limits: cross-DOM links, shadow piercing, exact collision priority, and\n// context ordering index are out of scope for Phase 1).\n\nimport type { WalkerOS } from '@walkeros/core';\nimport { Const } from '@walkeros/collector';\nimport {\n getElbValues,\n getElbAttributeName,\n getGlobals,\n} from '@walkeros/web-source-browser';\nimport type { AttributeNode, ResolvedProperty } from '../types';\nimport { getElementPath } from './domUtils';\n\nconst generateElementHTML = (element: Element, prefix: string): string => {\n const tagName = element.tagName.toLowerCase();\n // Hide the synthetic highlight marker (data-elbproperty) that\n // enhanceProperties stamps on the live DOM; it is an internal helper, not\n // author-written tagging, so it must not appear in the displayed markup.\n const propertyMarker = getElbAttributeName(prefix, 'property', false);\n const attribs = Array.from(element.attributes)\n .filter((a) => a.name !== propertyMarker)\n .map((a) => `${a.name}=\"${a.value}\"`);\n if (attribs.length === 0) return `<${tagName}></${tagName}>`;\n if (attribs.length === 1) return `<${tagName} ${attribs[0]}></${tagName}>`;\n return `<${tagName}\\n${attribs.map((a) => ` ${a}`).join('\\n')}\\n></${tagName}>`;\n};\n\n// Origin priority for same-key collisions (highest first). Approximate; real\n// walker priority is documented as out of scope for Phase 1.\nconst PRIORITY: Record<ResolvedProperty['origin'], number> = {\n data: 3,\n scoped: 2,\n generic: 1,\n};\n\nconst addProperty = (\n acc: Map<string, ResolvedProperty>,\n key: string,\n value: WalkerOS.Property | undefined,\n origin: ResolvedProperty['origin'],\n) => {\n if (!key) return; // never store the blank-key generic\n if (value === undefined || value === null || value === '') return;\n const existing = acc.get(key);\n if (!existing || PRIORITY[origin] > PRIORITY[existing.origin]) {\n acc.set(key, { key, value, origin });\n }\n};\n\nconst collectValues = (\n acc: Map<string, ResolvedProperty>,\n prefix: string,\n el: Element,\n name: string, // '' for generic, entity name for explicit\n origin: ResolvedProperty['origin'],\n) => {\n const values = getElbValues(prefix, el, name, true);\n Object.entries(values).forEach(([k, v]) => addProperty(acc, k, v, origin));\n};\n\nexport const buildAttributeTree = (\n scope: Element,\n prefix: string = Const.Commands.Prefix,\n): { nodes: AttributeNode[]; globals: ResolvedProperty[] } => {\n const entityAttr = getElbAttributeName(prefix); // data-elb\n const scopedName = Const.Commands.Scoped; // '_'\n\n // All entity elements (self + descendants).\n const entityEls: Element[] = [];\n if (scope.matches(`[${entityAttr}]`)) entityEls.push(scope);\n scope.querySelectorAll(`[${entityAttr}]`).forEach((el) => entityEls.push(el));\n const entitySet = new Set(entityEls);\n\n // Nearest ancestor-or-self entity for any element (DOM ancestry).\n const owningEntity = (el: Element): Element | null => {\n let cur: Element | null = el;\n while (cur) {\n if (entitySet.has(cur)) return cur;\n cur = cur.parentElement;\n }\n return null;\n };\n\n const nodeMap = new Map<Element, AttributeNode>();\n\n entityEls.forEach((el) => {\n const entity = el.getAttribute(entityAttr) || '';\n const props = new Map<string, ResolvedProperty>();\n\n // Own + owned descendants: explicit (data-elb-<entity>) and generic (data-elb-)\n const owned: Element[] = [el];\n el.querySelectorAll('*').forEach((child) => {\n if (owningEntity(child) === el) owned.push(child);\n });\n owned.forEach((o) => {\n collectValues(props, prefix, o, entity, 'data');\n collectValues(props, prefix, o, '', 'generic');\n });\n\n // Ancestors (incl. self start): explicit, generic, and scoped (data-elb_)\n let anc: Element | null = el;\n while (anc) {\n collectValues(props, prefix, anc, entity, 'data');\n collectValues(props, prefix, anc, '', 'generic');\n // scoped uses isProperty=false (suffix '_' with no dash)\n Object.entries(getElbValues(prefix, anc, scopedName, false)).forEach(\n ([k, v]) => addProperty(props, k, v, 'scoped'),\n );\n anc = anc.parentElement;\n }\n\n nodeMap.set(el, {\n element: el.tagName.toLowerCase(),\n path: getElementPath(el),\n htmlMarkup: generateElementHTML(el, prefix),\n attributes: {\n entity,\n action:\n el.getAttribute(\n getElbAttributeName(prefix, Const.Commands.Action, false),\n ) || undefined,\n context: (() => {\n const c = getElbValues(prefix, el, Const.Commands.Context, false);\n return Object.keys(c).length ? c : undefined;\n })(),\n globals: (() => {\n const g = getElbValues(prefix, el, Const.Commands.Globals, false);\n return Object.keys(g).length ? g : undefined;\n })(),\n properties: Array.from(props.values()),\n },\n children: [],\n });\n });\n\n // Nest by nearest ancestor entity.\n const roots: AttributeNode[] = [];\n nodeMap.forEach((node, el) => {\n const parentEl = el.parentElement ? owningEntity(el.parentElement) : null;\n const parentNode = parentEl ? nodeMap.get(parentEl) : undefined;\n if (parentNode) parentNode.children.push(node);\n else roots.push(node);\n });\n\n const globalsValues = getGlobals(prefix, scope);\n const globals: ResolvedProperty[] = [];\n Object.entries(globalsValues).forEach(([key, value]) => {\n if (value !== undefined && value !== null && value !== '')\n globals.push({ key, value, origin: 'data' });\n });\n\n return { nodes: roots, globals };\n};\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Text and icons on an event-colour fill: a tag card's Done. Dark ink on the dark event values (5.6:1 or more), white on the light ones (about 5:1). */\nexport const onEvent = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","// CSS utilities for highlighting DOM elements\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors } from './eventColors';\n\n// Stacked 2px rings in the given event colours, closed by a 1px edge in the\n// dark visualisation ground so the outline reads on light and dark stories.\nconst outline = (...colors: string[]): string =>\n [\n ...colors.map((color, index) => `0 0 0 ${(index + 1) * 2}px ${color}`),\n `0 0 0 ${colors.length * 2 + 1}px ${vizBg}`,\n ].join(', ');\n\n// Generate dynamic CSS based on prefix\nexport const generateHighlightCSS = (prefix: string): string => {\n const { globals, context, entity, property, action } = highlightColors;\n\n // Define selectors based on prefix\n const globalsSelector = `${prefix}globals`;\n const contextSelector = `${prefix}context`;\n const baseSelector = prefix;\n const propertySelector = `${prefix}property`;\n\n // Template CSS with actual selectors\n const cssTemplate = `\n .highlight-globals [${globalsSelector}] {\n box-shadow: ${outline(globals)} !important;\n }\n\n .highlight-context [${contextSelector}] {\n box-shadow: ${outline(context)} !important;\n }\n\n .highlight-entity [${baseSelector}] {\n box-shadow: ${outline(entity)} !important;\n }\n\n .highlight-property [${propertySelector}] {\n box-shadow: ${outline(property)} !important;\n }\n\n .highlight-action [${prefix}action] {\n box-shadow: ${outline(action)} !important;\n }\n\n /* Combined highlights with layered solid borders */\n .highlight-entity.highlight-action [${baseSelector}][${prefix}action] {\n box-shadow: ${outline(action, entity)} !important;\n }\n\n .highlight-entity.highlight-context [${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(entity, context)} !important;\n }\n\n .highlight-entity.highlight-property [${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(entity, property)} !important;\n }\n\n .highlight-action.highlight-context [${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, context)} !important;\n }\n\n .highlight-context.highlight-property [${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, property)} !important;\n }\n\n .highlight-action.highlight-property [${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, property)} !important;\n }\n\n /* Globals combinations */\n .highlight-globals.highlight-entity [${globalsSelector}][${baseSelector}] {\n box-shadow: ${outline(globals, entity)} !important;\n }\n\n .highlight-globals.highlight-action [${globalsSelector}][${prefix}action] {\n box-shadow: ${outline(globals, action)} !important;\n }\n\n .highlight-globals.highlight-context [${globalsSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, context)} !important;\n }\n\n .highlight-globals.highlight-property [${globalsSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, property)} !important;\n }\n\n /* Triple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action\n [${globalsSelector}][${baseSelector}][${prefix}action] {\n box-shadow: ${outline(globals, entity, action)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context\n [${globalsSelector}][${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, entity, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-property\n [${globalsSelector}][${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context\n [${globalsSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, action, context)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-property\n [${globalsSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, action, property)} !important;\n }\n\n .highlight-globals.highlight-context.highlight-property\n [${globalsSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, context, property)} !important;\n }\n\n /* Triple combinations with distinct layers */\n .highlight-entity.highlight-action.highlight-context\n [${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, entity, context)} !important;\n }\n\n /* Triple combinations with property */\n .highlight-entity.highlight-action.highlight-property\n [${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, entity, property)} !important;\n }\n\n .highlight-entity.highlight-context.highlight-property\n [${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, entity, property)} !important;\n }\n\n .highlight-action.highlight-context.highlight-property\n [${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, context, property)} !important;\n }\n\n /* Quadruple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action.highlight-context\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, entity, action, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-action.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, property)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, context, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, action, context, property)} !important;\n }\n\n /* Quadruple combination */\n .highlight-entity.highlight-action.highlight-context.highlight-property\n [${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, entity, context, property)} !important;\n }\n\n /* Quintuple combination with all attributes */\n .highlight-globals.highlight-entity.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, context, property)} !important;\n }\n `;\n\n return cssTemplate;\n};\n\n// Function to inject highlighting CSS into story document\nexport const injectHighlightingCSS = (\n storyDoc: Document,\n prefix: string = 'data-elb',\n): void => {\n // Remove existing styles\n const existingStyle = storyDoc.querySelector('#walkeros-highlighting');\n if (existingStyle) {\n existingStyle.remove();\n }\n\n const highlightingStyleElement = storyDoc.createElement('style');\n highlightingStyleElement.id = 'walkeros-highlighting';\n const css = generateHighlightCSS(prefix);\n highlightingStyleElement.textContent = css;\n\n storyDoc.head.appendChild(highlightingStyleElement);\n};\n","// Utilities for managing DOM highlighting\n\nimport type { WalkerOSAddon } from '../types';\nimport {\n getStoryDocument,\n getStoryRootElement,\n enhanceProperties,\n} from './domUtils';\nimport { injectHighlightingCSS } from './cssUtils';\n\n// Function to apply highlighting to story root\nexport const applyHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) return;\n\n // Remove existing highlighting classes\n storyRoot.classList.remove('highlight-context');\n storyRoot.classList.remove('highlight-entity');\n storyRoot.classList.remove('highlight-property');\n storyRoot.classList.remove('highlight-action');\n storyRoot.classList.remove('highlight-globals');\n\n if (!highlights) return;\n\n // Re-enhance properties FIRST to ensure they're marked\n enhanceProperties(storyRoot, prefix);\n\n // Then add specific highlighting classes\n if (highlights.context) storyRoot.classList.add('highlight-context');\n if (highlights.entity) storyRoot.classList.add('highlight-entity');\n if (highlights.property) storyRoot.classList.add('highlight-property');\n if (highlights.action) storyRoot.classList.add('highlight-action');\n if (highlights.globals) storyRoot.classList.add('highlight-globals');\n};\n\n// Combined function to inject CSS and apply highlighting\nexport const setupHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyDoc = getStoryDocument();\n\n // Always inject CSS first\n injectHighlightingCSS(storyDoc, prefix);\n\n // Then apply highlighting\n applyHighlighting(highlights, prefix);\n};\n","import type { WalkerOSAddon } from './types';\nimport type { DecoratorFunction } from 'storybook/internal/types';\nimport { addons } from 'storybook/preview-api';\nimport { getAllEvents, getGlobals } from '@walkeros/web-source-browser';\n\nimport { ADDON_ID, EVENTS } from './constants';\nimport { initializeWalker } from './walker';\nimport { getStoryRootElement, enhanceProperties } from './utils/domUtils';\nimport { buildAttributeTree } from './utils/attributeTreeUtils';\nimport { setupHighlighting } from './utils/highlightingUtils';\n\n// Set up the channel listener globally, not per story\nconst channel = addons.getChannel();\nlet currentStoryId: string | null = null;\n\n// Global listener for the request events\nchannel.addListener(EVENTS.REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.RESULT, []);\n return;\n }\n\n // Enhance DOM with property attributes\n enhanceProperties(storyRoot, config.prefix || 'data-elb');\n\n const events = getAllEvents(storyRoot as Element, config.prefix);\n\n // Collect globals from data-elbglobals attributes\n const globals = getGlobals(config.prefix || 'data-elb', storyRoot as Element);\n\n // Add globals to each event if any globals exist\n const eventsWithGlobals = events.map((event) => {\n if (Object.keys(globals).length > 0) {\n return { ...event, globals };\n }\n return event;\n });\n\n // Send the result back to the manager\n channel.emit(EVENTS.RESULT, eventsWithGlobals);\n});\n\n// Global listener for highlighting events\nchannel.addListener(EVENTS.HIGHLIGHT, (config: WalkerOSAddon) => {\n setupHighlighting(config.highlights, config.prefix);\n});\n\n// Global listener for attribute tree requests\nchannel.addListener(EVENTS.ATTRIBUTES_REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.ATTRIBUTES_RESULT, { nodes: [], globals: [] });\n return;\n }\n\n // Build the skeleton tree ({ nodes, globals })\n const result = buildAttributeTree(\n storyRoot as Element,\n config.prefix || 'data-elb',\n );\n\n // Send the result back to the manager\n channel.emit(EVENTS.ATTRIBUTES_RESULT, result);\n});\n\nexport const withRoundTrip: DecoratorFunction = (storyFn, context) => {\n // Check if story changed and auto-run is enabled\n const storyId = context.id;\n const hasStoryChanged = currentStoryId !== storyId;\n const { parameters } = context;\n const autoRefresh = parameters?.[ADDON_ID]?.autoRefresh;\n\n if (hasStoryChanged) {\n currentStoryId = storyId;\n }\n\n const result = storyFn();\n\n // Initialize walker and inject CSS after story renders\n setTimeout(() => {\n // Initialize walkerOS for live event capture\n const prefix = parameters?.[ADDON_ID]?.prefix || 'data-elb';\n initializeWalker({ prefix, autoRefresh }).catch((err) => {\n console.error('Walker initialization failed:', err);\n });\n\n // Inject highlighting CSS and enhance properties\n const storyRoot = getStoryRootElement();\n if (storyRoot) {\n setupHighlighting(undefined, prefix);\n enhanceProperties(storyRoot, prefix);\n }\n\n // Auto-run walker if story changed and auto-refresh is enabled\n if (hasStoryChanged && autoRefresh && window.__storybookElb) {\n window.__storybookElb('walker run');\n }\n }, 200);\n\n return result;\n};\n","/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators\n */\nimport type { ProjectAnnotations, Renderer } from 'storybook/internal/types';\n\nimport { ADDON_ID } from './constants';\nimport { withRoundTrip } from './withRoundTrip';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `preview.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/preview.tsx\",\n */\n\nconst preview: ProjectAnnotations<Renderer> = {\n decorators: [withRoundTrip],\n parameters: {\n [ADDON_ID]: {\n autoRefresh: true,\n prefix: 'data-elb',\n },\n },\n};\n\nexport default preview;\n"]}
package/dist/preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/constants.ts","../src/walker.ts","../src/utils/domUtils.ts","../src/utils/attributeTreeUtils.ts","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/utils/cssUtils.ts","../src/utils/highlightingUtils.ts","../src/withRoundTrip.ts","../src/preview.ts"],"names":["ADDON_ID","EVENTS","destinationConsole","event","context","destinationLive","channel","addons","getIframeContext","iframe","e","initializeWalker","config","iframeDoc","iframeWin","result","startFlow","sourceBrowser","collector","elb","error","getStoryDocument","getStoryRootElement","storyDoc","selectors","selector","element","getElementPath","el","path","current","c","enhanceProperties","storyRoot","prefix","allElements","scopedAttr","getElbAttributeName","Const","actionAttr","contextAttr","globalsAttr","attr","generateElementHTML","tagName","propertyMarker","attribs","PRIORITY","addProperty","acc","key","value","origin","existing","collectValues","name","values","getElbValues","k","v","buildAttributeTree","scope","entityAttr","scopedName","entityEls","entitySet","owningEntity","cur","nodeMap","entity","props","owned","child","o","anc","g","roots","node","parentEl","parentNode","globalsValues","getGlobals","globals","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","outline","colors","color","index","generateHighlightCSS","property","action","globalsSelector","contextSelector","baseSelector","propertySelector","injectHighlightingCSS","existingStyle","highlightingStyleElement","css","applyHighlighting","highlights","setupHighlighting","currentStoryId","events","getAllEvents","eventsWithGlobals","withRoundTrip","storyFn","_a","storyId","hasStoryChanged","parameters","autoRefresh","err","preview","preview_default"],"mappings":"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","file":"preview.js","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import type { Collector, WalkerOS, Destination } from '@walkeros/core';\nimport { startFlow } from '@walkeros/collector';\nimport { sourceBrowser } from '@walkeros/web-source-browser';\nimport { addons } from 'storybook/preview-api';\nimport { EVENTS } from './constants';\n\ndeclare global {\n interface Window {\n __storybookElb: WalkerOS.Elb;\n __storybookWalker: Collector.Instance;\n }\n}\n\n// Simple console destination for Storybook\nconst destinationConsole = {\n type: 'console',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n console.log('Storybook Event:', event);\n },\n config: {},\n};\n\n// Live destination for Storybook panel\nconst destinationLive = {\n type: 'live',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n // Send event to Storybook panel for live display\n const channel = addons.getChannel();\n if (channel) {\n channel.emit(EVENTS.LIVE_EVENT, event);\n }\n },\n config: {},\n};\n\n// Function to get Storybook iframe context\nfunction getIframeContext() {\n try {\n // Try to get iframe from parent document (manager context)\n const iframe = parent.document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument && iframe?.contentWindow) {\n return {\n document: iframe.contentDocument,\n window: iframe.contentWindow,\n };\n }\n } catch (e) {\n // If we can't access parent, we're likely already in iframe context\n }\n\n // Fallback to current context\n return { document, window };\n}\n\nexport async function initializeWalker(config?: {\n prefix?: string;\n autoRefresh?: boolean;\n}): Promise<void> {\n // Skip initialization if already done\n if (window.__storybookWalker) return;\n\n try {\n // Get iframe context for proper event capture\n const { document: iframeDoc, window: iframeWin } = getIframeContext();\n\n if (!iframeDoc) {\n console.warn('Document not available, skipping walkerOS initialization');\n return;\n }\n\n // Create collector with browser source and destinations\n const result = await startFlow({\n consent: { functional: true },\n sources: {\n browser: {\n code: sourceBrowser,\n config: {\n settings: {\n pageview: true,\n elbLayer: '__storybookElbLayer',\n elb: '__storybookElb',\n prefix: config?.prefix || 'data-elb',\n scope: iframeDoc.body || iframeDoc, // Set scope to iframe document\n },\n },\n env: {\n window: iframeWin,\n document: iframeDoc,\n },\n },\n },\n destinations: {\n console: { code: destinationConsole },\n live: { code: destinationLive },\n },\n });\n\n const { collector, elb } = result;\n\n // Verify collector was created successfully\n if (!collector) {\n throw new Error('Collector creation failed - no collector returned');\n }\n\n // Set global window objects\n window.__storybookWalker = collector;\n window.__storybookElb = elb;\n } catch (error) {\n console.error('Failed to initialize walkerOS:', error);\n }\n}\n","// DOM utilities for working with story elements\n\nimport { Const } from '@walkeros/collector';\nimport { getElbAttributeName } from '@walkeros/web-source-browser';\n\n// Function to get the story document (either iframe or main document)\nexport const getStoryDocument = (): Document => {\n // Try to find story iframe\n const iframe = document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument) {\n return iframe.contentDocument;\n }\n // Fallback to main document\n return document;\n};\n\n// Function to get the story root element\nexport const getStoryRootElement = (): Element | null => {\n const storyDoc = getStoryDocument();\n\n // Try multiple selectors for story root\n const selectors = [\n '#storybook-root',\n '#root',\n '[data-testid=\"storybook-root\"]',\n 'body',\n ];\n\n for (const selector of selectors) {\n const element = storyDoc.querySelector(selector);\n if (element) {\n return element;\n }\n }\n\n return storyDoc.body;\n};\n\n// Helper to get element path\nexport const getElementPath = (el: Element): string => {\n const path = [];\n let current = el;\n while (current && current !== document.body && current.parentElement) {\n let selector = current.tagName.toLowerCase();\n if (current.id) {\n selector += `#${current.id}`;\n } else if (current.className && typeof current.className === 'string') {\n selector += `.${current.className\n .split(' ')\n .filter((c) => c)\n .join('.')}`;\n }\n path.unshift(selector);\n current = current.parentElement;\n }\n return path.join(' > ');\n};\n\n// Function to enhance DOM with property attributes\nexport const enhanceProperties = (\n storyRoot: Element,\n prefix: string = 'data-elb',\n): void => {\n // Find all elements with any attributes starting with prefix-\n const allElements = Array.from(storyRoot.querySelectorAll('*'));\n\n const scopedAttr = getElbAttributeName(prefix, Const.Commands.Scoped, false); // data-elb_\n const actionAttr = getElbAttributeName(prefix, Const.Commands.Action, false);\n const contextAttr = getElbAttributeName(\n prefix,\n Const.Commands.Context,\n false,\n );\n const globalsAttr = getElbAttributeName(\n prefix,\n Const.Commands.Globals,\n false,\n );\n\n allElements.forEach((el) => {\n const hasProperties = Array.from(el.attributes).some((attr) => {\n if (attr.name === scopedAttr) return true; // scoped generic data-elb_\n return (\n attr.name.startsWith(`${prefix}-`) &&\n attr.name !== actionAttr &&\n attr.name !== contextAttr &&\n attr.name !== globalsAttr\n );\n });\n\n // Mark elements with property attributes\n if (hasProperties) {\n el.setAttribute(getElbAttributeName(prefix, 'property', false), '');\n }\n });\n};\n","// Builds an entity-centric \"skeleton\" tree: each node is a data-elb entity, with\n// generic (data-elb-), scoped (data-elb_), and explicit (data-elb-<entity>)\n// values resolved onto it and tagged by origin. Interim addon-local\n// approximation of the walker's resolution (see the design doc for fidelity\n// limits: cross-DOM links, shadow piercing, exact collision priority, and\n// context ordering index are out of scope for Phase 1).\n\nimport type { WalkerOS } from '@walkeros/core';\nimport { Const } from '@walkeros/collector';\nimport {\n getElbValues,\n getElbAttributeName,\n getGlobals,\n} from '@walkeros/web-source-browser';\nimport type { AttributeNode, ResolvedProperty } from '../types';\nimport { getElementPath } from './domUtils';\n\nconst generateElementHTML = (element: Element, prefix: string): string => {\n const tagName = element.tagName.toLowerCase();\n // Hide the synthetic highlight marker (data-elbproperty) that\n // enhanceProperties stamps on the live DOM; it is an internal helper, not\n // author-written tagging, so it must not appear in the displayed markup.\n const propertyMarker = getElbAttributeName(prefix, 'property', false);\n const attribs = Array.from(element.attributes)\n .filter((a) => a.name !== propertyMarker)\n .map((a) => `${a.name}=\"${a.value}\"`);\n if (attribs.length === 0) return `<${tagName}></${tagName}>`;\n if (attribs.length === 1) return `<${tagName} ${attribs[0]}></${tagName}>`;\n return `<${tagName}\\n${attribs.map((a) => ` ${a}`).join('\\n')}\\n></${tagName}>`;\n};\n\n// Origin priority for same-key collisions (highest first). Approximate; real\n// walker priority is documented as out of scope for Phase 1.\nconst PRIORITY: Record<ResolvedProperty['origin'], number> = {\n data: 3,\n scoped: 2,\n generic: 1,\n};\n\nconst addProperty = (\n acc: Map<string, ResolvedProperty>,\n key: string,\n value: WalkerOS.Property | undefined,\n origin: ResolvedProperty['origin'],\n) => {\n if (!key) return; // never store the blank-key generic\n if (value === undefined || value === null || value === '') return;\n const existing = acc.get(key);\n if (!existing || PRIORITY[origin] > PRIORITY[existing.origin]) {\n acc.set(key, { key, value, origin });\n }\n};\n\nconst collectValues = (\n acc: Map<string, ResolvedProperty>,\n prefix: string,\n el: Element,\n name: string, // '' for generic, entity name for explicit\n origin: ResolvedProperty['origin'],\n) => {\n const values = getElbValues(prefix, el, name, true);\n Object.entries(values).forEach(([k, v]) => addProperty(acc, k, v, origin));\n};\n\nexport const buildAttributeTree = (\n scope: Element,\n prefix: string = Const.Commands.Prefix,\n): { nodes: AttributeNode[]; globals: ResolvedProperty[] } => {\n const entityAttr = getElbAttributeName(prefix); // data-elb\n const scopedName = Const.Commands.Scoped; // '_'\n\n // All entity elements (self + descendants).\n const entityEls: Element[] = [];\n if (scope.matches(`[${entityAttr}]`)) entityEls.push(scope);\n scope.querySelectorAll(`[${entityAttr}]`).forEach((el) => entityEls.push(el));\n const entitySet = new Set(entityEls);\n\n // Nearest ancestor-or-self entity for any element (DOM ancestry).\n const owningEntity = (el: Element): Element | null => {\n let cur: Element | null = el;\n while (cur) {\n if (entitySet.has(cur)) return cur;\n cur = cur.parentElement;\n }\n return null;\n };\n\n const nodeMap = new Map<Element, AttributeNode>();\n\n entityEls.forEach((el) => {\n const entity = el.getAttribute(entityAttr) || '';\n const props = new Map<string, ResolvedProperty>();\n\n // Own + owned descendants: explicit (data-elb-<entity>) and generic (data-elb-)\n const owned: Element[] = [el];\n el.querySelectorAll('*').forEach((child) => {\n if (owningEntity(child) === el) owned.push(child);\n });\n owned.forEach((o) => {\n collectValues(props, prefix, o, entity, 'data');\n collectValues(props, prefix, o, '', 'generic');\n });\n\n // Ancestors (incl. self start): explicit, generic, and scoped (data-elb_)\n let anc: Element | null = el;\n while (anc) {\n collectValues(props, prefix, anc, entity, 'data');\n collectValues(props, prefix, anc, '', 'generic');\n // scoped uses isProperty=false (suffix '_' with no dash)\n Object.entries(getElbValues(prefix, anc, scopedName, false)).forEach(\n ([k, v]) => addProperty(props, k, v, 'scoped'),\n );\n anc = anc.parentElement;\n }\n\n nodeMap.set(el, {\n element: el.tagName.toLowerCase(),\n path: getElementPath(el),\n htmlMarkup: generateElementHTML(el, prefix),\n attributes: {\n entity,\n action:\n el.getAttribute(\n getElbAttributeName(prefix, Const.Commands.Action, false),\n ) || undefined,\n context: (() => {\n const c = getElbValues(prefix, el, Const.Commands.Context, false);\n return Object.keys(c).length ? c : undefined;\n })(),\n globals: (() => {\n const g = getElbValues(prefix, el, Const.Commands.Globals, false);\n return Object.keys(g).length ? g : undefined;\n })(),\n properties: Array.from(props.values()),\n },\n children: [],\n });\n });\n\n // Nest by nearest ancestor entity.\n const roots: AttributeNode[] = [];\n nodeMap.forEach((node, el) => {\n const parentEl = el.parentElement ? owningEntity(el.parentElement) : null;\n const parentNode = parentEl ? nodeMap.get(parentEl) : undefined;\n if (parentNode) parentNode.children.push(node);\n else roots.push(node);\n });\n\n const globalsValues = getGlobals(prefix, scope);\n const globals: ResolvedProperty[] = [];\n Object.entries(globalsValues).forEach(([key, value]) => {\n if (value !== undefined && value !== null && value !== '')\n globals.push({ key, value, origin: 'data' });\n });\n\n return { nodes: roots, globals };\n};\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","// CSS utilities for highlighting DOM elements\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors } from './eventColors';\n\n// Stacked 2px rings in the given event colours, closed by a 1px edge in the\n// dark visualisation ground so the outline reads on light and dark stories.\nconst outline = (...colors: string[]): string =>\n [\n ...colors.map((color, index) => `0 0 0 ${(index + 1) * 2}px ${color}`),\n `0 0 0 ${colors.length * 2 + 1}px ${vizBg}`,\n ].join(', ');\n\n// Generate dynamic CSS based on prefix\nexport const generateHighlightCSS = (prefix: string): string => {\n const { globals, context, entity, property, action } = highlightColors;\n\n // Define selectors based on prefix\n const globalsSelector = `${prefix}globals`;\n const contextSelector = `${prefix}context`;\n const baseSelector = prefix;\n const propertySelector = `${prefix}property`;\n\n // Template CSS with actual selectors\n const cssTemplate = `\n .highlight-globals [${globalsSelector}] {\n box-shadow: ${outline(globals)} !important;\n }\n\n .highlight-context [${contextSelector}] {\n box-shadow: ${outline(context)} !important;\n }\n\n .highlight-entity [${baseSelector}] {\n box-shadow: ${outline(entity)} !important;\n }\n\n .highlight-property [${propertySelector}] {\n box-shadow: ${outline(property)} !important;\n }\n\n .highlight-action [${prefix}action] {\n box-shadow: ${outline(action)} !important;\n }\n\n /* Combined highlights with layered solid borders */\n .highlight-entity.highlight-action [${baseSelector}][${prefix}action] {\n box-shadow: ${outline(action, entity)} !important;\n }\n\n .highlight-entity.highlight-context [${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(entity, context)} !important;\n }\n\n .highlight-entity.highlight-property [${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(entity, property)} !important;\n }\n\n .highlight-action.highlight-context [${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, context)} !important;\n }\n\n .highlight-context.highlight-property [${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, property)} !important;\n }\n\n .highlight-action.highlight-property [${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, property)} !important;\n }\n\n /* Globals combinations */\n .highlight-globals.highlight-entity [${globalsSelector}][${baseSelector}] {\n box-shadow: ${outline(globals, entity)} !important;\n }\n\n .highlight-globals.highlight-action [${globalsSelector}][${prefix}action] {\n box-shadow: ${outline(globals, action)} !important;\n }\n\n .highlight-globals.highlight-context [${globalsSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, context)} !important;\n }\n\n .highlight-globals.highlight-property [${globalsSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, property)} !important;\n }\n\n /* Triple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action\n [${globalsSelector}][${baseSelector}][${prefix}action] {\n box-shadow: ${outline(globals, entity, action)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context\n [${globalsSelector}][${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, entity, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-property\n [${globalsSelector}][${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context\n [${globalsSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, action, context)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-property\n [${globalsSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, action, property)} !important;\n }\n\n .highlight-globals.highlight-context.highlight-property\n [${globalsSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, context, property)} !important;\n }\n\n /* Triple combinations with distinct layers */\n .highlight-entity.highlight-action.highlight-context\n [${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, entity, context)} !important;\n }\n\n /* Triple combinations with property */\n .highlight-entity.highlight-action.highlight-property\n [${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, entity, property)} !important;\n }\n\n .highlight-entity.highlight-context.highlight-property\n [${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, entity, property)} !important;\n }\n\n .highlight-action.highlight-context.highlight-property\n [${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, context, property)} !important;\n }\n\n /* Quadruple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action.highlight-context\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, entity, action, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-action.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, property)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, context, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, action, context, property)} !important;\n }\n\n /* Quadruple combination */\n .highlight-entity.highlight-action.highlight-context.highlight-property\n [${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, entity, context, property)} !important;\n }\n\n /* Quintuple combination with all attributes */\n .highlight-globals.highlight-entity.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, context, property)} !important;\n }\n `;\n\n return cssTemplate;\n};\n\n// Function to inject highlighting CSS into story document\nexport const injectHighlightingCSS = (\n storyDoc: Document,\n prefix: string = 'data-elb',\n): void => {\n // Remove existing styles\n const existingStyle = storyDoc.querySelector('#walkeros-highlighting');\n if (existingStyle) {\n existingStyle.remove();\n }\n\n const highlightingStyleElement = storyDoc.createElement('style');\n highlightingStyleElement.id = 'walkeros-highlighting';\n const css = generateHighlightCSS(prefix);\n highlightingStyleElement.textContent = css;\n\n storyDoc.head.appendChild(highlightingStyleElement);\n};\n","// Utilities for managing DOM highlighting\n\nimport type { WalkerOSAddon } from '../types';\nimport {\n getStoryDocument,\n getStoryRootElement,\n enhanceProperties,\n} from './domUtils';\nimport { injectHighlightingCSS } from './cssUtils';\n\n// Function to apply highlighting to story root\nexport const applyHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) return;\n\n // Remove existing highlighting classes\n storyRoot.classList.remove('highlight-context');\n storyRoot.classList.remove('highlight-entity');\n storyRoot.classList.remove('highlight-property');\n storyRoot.classList.remove('highlight-action');\n storyRoot.classList.remove('highlight-globals');\n\n if (!highlights) return;\n\n // Re-enhance properties FIRST to ensure they're marked\n enhanceProperties(storyRoot, prefix);\n\n // Then add specific highlighting classes\n if (highlights.context) storyRoot.classList.add('highlight-context');\n if (highlights.entity) storyRoot.classList.add('highlight-entity');\n if (highlights.property) storyRoot.classList.add('highlight-property');\n if (highlights.action) storyRoot.classList.add('highlight-action');\n if (highlights.globals) storyRoot.classList.add('highlight-globals');\n};\n\n// Combined function to inject CSS and apply highlighting\nexport const setupHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyDoc = getStoryDocument();\n\n // Always inject CSS first\n injectHighlightingCSS(storyDoc, prefix);\n\n // Then apply highlighting\n applyHighlighting(highlights, prefix);\n};\n","import type { WalkerOSAddon } from './types';\nimport type { DecoratorFunction } from 'storybook/internal/types';\nimport { addons } from 'storybook/preview-api';\nimport { getAllEvents, getGlobals } from '@walkeros/web-source-browser';\n\nimport { ADDON_ID, EVENTS } from './constants';\nimport { initializeWalker } from './walker';\nimport { getStoryRootElement, enhanceProperties } from './utils/domUtils';\nimport { buildAttributeTree } from './utils/attributeTreeUtils';\nimport { setupHighlighting } from './utils/highlightingUtils';\n\n// Set up the channel listener globally, not per story\nconst channel = addons.getChannel();\nlet currentStoryId: string | null = null;\n\n// Global listener for the request events\nchannel.addListener(EVENTS.REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.RESULT, []);\n return;\n }\n\n // Enhance DOM with property attributes\n enhanceProperties(storyRoot, config.prefix || 'data-elb');\n\n const events = getAllEvents(storyRoot as Element, config.prefix);\n\n // Collect globals from data-elbglobals attributes\n const globals = getGlobals(config.prefix || 'data-elb', storyRoot as Element);\n\n // Add globals to each event if any globals exist\n const eventsWithGlobals = events.map((event) => {\n if (Object.keys(globals).length > 0) {\n return { ...event, globals };\n }\n return event;\n });\n\n // Send the result back to the manager\n channel.emit(EVENTS.RESULT, eventsWithGlobals);\n});\n\n// Global listener for highlighting events\nchannel.addListener(EVENTS.HIGHLIGHT, (config: WalkerOSAddon) => {\n setupHighlighting(config.highlights, config.prefix);\n});\n\n// Global listener for attribute tree requests\nchannel.addListener(EVENTS.ATTRIBUTES_REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.ATTRIBUTES_RESULT, { nodes: [], globals: [] });\n return;\n }\n\n // Build the skeleton tree ({ nodes, globals })\n const result = buildAttributeTree(\n storyRoot as Element,\n config.prefix || 'data-elb',\n );\n\n // Send the result back to the manager\n channel.emit(EVENTS.ATTRIBUTES_RESULT, result);\n});\n\nexport const withRoundTrip: DecoratorFunction = (storyFn, context) => {\n // Check if story changed and auto-run is enabled\n const storyId = context.id;\n const hasStoryChanged = currentStoryId !== storyId;\n const { parameters } = context;\n const autoRefresh = parameters?.[ADDON_ID]?.autoRefresh;\n\n if (hasStoryChanged) {\n currentStoryId = storyId;\n }\n\n const result = storyFn();\n\n // Initialize walker and inject CSS after story renders\n setTimeout(() => {\n // Initialize walkerOS for live event capture\n const prefix = parameters?.[ADDON_ID]?.prefix || 'data-elb';\n initializeWalker({ prefix, autoRefresh }).catch((err) => {\n console.error('Walker initialization failed:', err);\n });\n\n // Inject highlighting CSS and enhance properties\n const storyRoot = getStoryRootElement();\n if (storyRoot) {\n setupHighlighting(undefined, prefix);\n enhanceProperties(storyRoot, prefix);\n }\n\n // Auto-run walker if story changed and auto-refresh is enabled\n if (hasStoryChanged && autoRefresh && window.__storybookElb) {\n window.__storybookElb('walker run');\n }\n }, 200);\n\n return result;\n};\n","/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators\n */\nimport type { ProjectAnnotations, Renderer } from 'storybook/internal/types';\n\nimport { ADDON_ID } from './constants';\nimport { withRoundTrip } from './withRoundTrip';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `preview.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/preview.tsx\",\n */\n\nconst preview: ProjectAnnotations<Renderer> = {\n decorators: [withRoundTrip],\n parameters: {\n [ADDON_ID]: {\n autoRefresh: true,\n prefix: 'data-elb',\n },\n },\n};\n\nexport default preview;\n"]}
1
+ {"version":3,"sources":["../src/constants.ts","../src/walker.ts","../src/utils/domUtils.ts","../src/utils/attributeTreeUtils.ts","../../explorer/src/design/index.ts","../src/utils/eventColors.ts","../src/utils/cssUtils.ts","../src/utils/highlightingUtils.ts","../src/withRoundTrip.ts","../src/preview.ts"],"names":["ADDON_ID","EVENTS","destinationConsole","event","context","destinationLive","channel","addons","getIframeContext","iframe","e","initializeWalker","config","iframeDoc","iframeWin","result","startFlow","sourceBrowser","collector","elb","error","getStoryDocument","getStoryRootElement","storyDoc","selectors","selector","element","getElementPath","el","path","current","c","enhanceProperties","storyRoot","prefix","allElements","scopedAttr","getElbAttributeName","Const","actionAttr","contextAttr","globalsAttr","attr","generateElementHTML","tagName","propertyMarker","attribs","PRIORITY","addProperty","acc","key","value","origin","existing","collectValues","name","values","getElbValues","k","v","buildAttributeTree","scope","entityAttr","scopedName","entityEls","entitySet","owningEntity","cur","nodeMap","entity","props","owned","child","o","anc","g","roots","node","parentEl","parentNode","globalsValues","getGlobals","globals","vizBg","eventEntity","eventAction","eventProperty","eventContext","eventGlobals","highlightColors","outline","colors","color","index","generateHighlightCSS","property","action","globalsSelector","contextSelector","baseSelector","propertySelector","injectHighlightingCSS","existingStyle","highlightingStyleElement","css","applyHighlighting","highlights","setupHighlighting","currentStoryId","events","getAllEvents","eventsWithGlobals","withRoundTrip","storyFn","_a","storyId","hasStoryChanged","parameters","autoRefresh","err","preview","preview_default"],"mappings":"+MAAO,IAAMA,CAAAA,CAAW,UAAA,CAIjB,IAAMC,CAAAA,CAAS,CACpB,MAAA,CAAQ,CAAA,EAAGD,CAAQ,UACnB,OAAA,CAAS,CAAA,EAAGA,CAAQ,CAAA,QAAA,CAAA,CACpB,SAAA,CAAW,CAAA,EAAGA,CAAQ,CAAA,UAAA,CAAA,CACtB,UAAA,CAAY,CAAA,EAAGA,CAAQ,CAAA,WAAA,CAAA,CACvB,iBAAA,CAAmB,CAAA,EAAGA,CAAQ,CAAA,kBAAA,CAAA,CAC9B,mBAAoB,CAAA,EAAGA,CAAQ,CAAA,mBAAA,CACjC,CAAA,CCGA,IAAME,CAAAA,CAAqB,CACzB,IAAA,CAAM,SAAA,CACN,IAAA,CAAM,CAACC,CAAAA,CAAuBC,IAAqC,CACjE,OAAA,CAAQ,GAAA,CAAI,kBAAA,CAAoBD,CAAK,EACvC,CAAA,CACA,MAAA,CAAQ,EACV,CAAA,CAGME,CAAAA,CAAkB,CACtB,IAAA,CAAM,MAAA,CACN,IAAA,CAAM,CAACF,CAAAA,CAAuBC,CAAAA,GAAqC,CAEjE,IAAME,CAAAA,CAAUC,MAAAA,CAAO,UAAA,EAAW,CAC9BD,GACFA,CAAAA,CAAQ,IAAA,CAAKL,CAAAA,CAAO,UAAA,CAAYE,CAAK,EAEzC,CAAA,CACA,MAAA,CAAQ,EACV,CAAA,CAGA,SAASK,CAAAA,EAAmB,CAC1B,GAAI,CAEF,IAAMC,CAAAA,CAAS,MAAA,CAAO,QAAA,CAAS,aAAA,CAC7B,2BACF,CAAA,CACA,GAAIA,CAAAA,EAAA,MAAAA,CAAAA,CAAQ,eAAA,GAAmBA,CAAAA,EAAA,IAAA,EAAAA,CAAAA,CAAQ,aAAA,CAAA,CACrC,OAAO,CACL,SAAUA,CAAAA,CAAO,eAAA,CACjB,MAAA,CAAQA,CAAAA,CAAO,aACjB,CAEJ,CAAA,MAASC,CAAAA,CAAG,CAEZ,CAGA,OAAO,CAAE,QAAA,CAAU,MAAO,CAC5B,CAEA,eAAsBC,CAAAA,CAAiBC,CAAAA,CAGrB,CAEhB,GAAI,CAAA,MAAA,CAAO,iBAAA,CAEX,GAAI,CAEF,GAAM,CAAE,QAAA,CAAUC,CAAAA,CAAW,MAAA,CAAQC,CAAU,CAAA,CAAIN,CAAAA,EAAiB,CAEpE,GAAI,CAACK,CAAAA,CAAW,CACd,OAAA,CAAQ,IAAA,CAAK,0DAA0D,CAAA,CACvE,MACF,CAGA,IAAME,CAAAA,CAAS,MAAMC,SAAAA,CAAU,CAC7B,OAAA,CAAS,CAAE,UAAA,CAAY,CAAA,CAAK,CAAA,CAC5B,OAAA,CAAS,CACP,OAAA,CAAS,CACP,IAAA,CAAMC,cACN,MAAA,CAAQ,CACN,QAAA,CAAU,CACR,QAAA,CAAU,CAAA,CAAA,CACV,QAAA,CAAU,qBAAA,CACV,IAAK,gBAAA,CACL,MAAA,CAAA,CAAQL,CAAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAAA,CAAAA,CAAQ,MAAA,GAAU,UAAA,CAC1B,KAAA,CAAOC,EAAU,IAAA,EAAQA,CAC3B,CACF,CAAA,CACA,GAAA,CAAK,CACH,MAAA,CAAQC,CAAAA,CACR,QAAA,CAAUD,CACZ,CACF,CACF,CAAA,CACA,YAAA,CAAc,CACZ,OAAA,CAAS,CAAE,IAAA,CAAMX,CAAmB,CAAA,CACpC,IAAA,CAAM,CAAE,IAAA,CAAMG,CAAgB,CAChC,CACF,CAAC,CAAA,CAEK,CAAE,SAAA,CAAAa,CAAAA,CAAW,GAAA,CAAAC,CAAI,CAAA,CAAIJ,EAG3B,GAAI,CAACG,CAAAA,CACH,MAAM,IAAI,KAAA,CAAM,mDAAmD,CAAA,CAIrE,MAAA,CAAO,iBAAA,CAAoBA,CAAAA,CAC3B,MAAA,CAAO,cAAA,CAAiBC,EAC1B,CAAA,MAASC,CAAAA,CAAO,CACd,OAAA,CAAQ,KAAA,CAAM,gCAAA,CAAkCA,CAAK,EACvD,CACF,CC1GO,IAAMC,CAAAA,CAAmB,IAAgB,CAE9C,IAAMZ,CAAAA,CAAS,QAAA,CAAS,aAAA,CACtB,2BACF,CAAA,CACA,OAAIA,CAAAA,EAAA,IAAA,EAAAA,CAAAA,CAAQ,eAAA,CACHA,CAAAA,CAAO,eAAA,CAGT,QACT,CAAA,CAGaa,EAAsB,IAAsB,CACvD,IAAMC,CAAAA,CAAWF,CAAAA,EAAiB,CAG5BG,CAAAA,CAAY,CAChB,iBAAA,CACA,OAAA,CACA,gCAAA,CACA,MACF,CAAA,CAEA,IAAA,IAAWC,CAAAA,IAAYD,CAAAA,CAAW,CAChC,IAAME,CAAAA,CAAUH,CAAAA,CAAS,aAAA,CAAcE,CAAQ,CAAA,CAC/C,GAAIC,CAAAA,CACF,OAAOA,CAEX,CAEA,OAAOH,CAAAA,CAAS,IAClB,CAAA,CAGaI,CAAAA,CAAkBC,GAAwB,CACrD,IAAMC,CAAAA,CAAO,EAAC,CACVC,CAAAA,CAAUF,CAAAA,CACd,KAAOE,GAAWA,CAAAA,GAAY,QAAA,CAAS,IAAA,EAAQA,CAAAA,CAAQ,aAAA,EAAe,CACpE,IAAIL,CAAAA,CAAWK,EAAQ,OAAA,CAAQ,WAAA,EAAY,CACvCA,CAAAA,CAAQ,EAAA,CACVL,CAAAA,EAAY,CAAA,CAAA,EAAIK,CAAAA,CAAQ,EAAE,CAAA,CAAA,CACjBA,CAAAA,CAAQ,SAAA,EAAa,OAAOA,CAAAA,CAAQ,SAAA,EAAc,QAAA,GAC3DL,GAAY,CAAA,CAAA,EAAIK,CAAAA,CAAQ,SAAA,CACrB,KAAA,CAAM,GAAG,CAAA,CACT,MAAA,CAAQC,CAAAA,EAAMA,CAAC,CAAA,CACf,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,CAAA,CAEdF,CAAAA,CAAK,OAAA,CAAQJ,CAAQ,EACrBK,CAAAA,CAAUA,CAAAA,CAAQ,cACpB,CACA,OAAOD,CAAAA,CAAK,IAAA,CAAK,KAAK,CACxB,CAAA,CAGaG,CAAAA,CAAoB,CAC/BC,CAAAA,CACAC,CAAAA,CAAiB,UAAA,GACR,CAET,IAAMC,CAAAA,CAAc,KAAA,CAAM,IAAA,CAAKF,CAAAA,CAAU,gBAAA,CAAiB,GAAG,CAAC,CAAA,CAExDG,EAAaC,mBAAAA,CAAoBH,CAAAA,CAAQI,KAAAA,CAAM,QAAA,CAAS,MAAA,CAAQ,KAAK,CAAA,CACrEC,CAAAA,CAAaF,oBAAoBH,CAAAA,CAAQI,KAAAA,CAAM,QAAA,CAAS,MAAA,CAAQ,KAAK,CAAA,CACrEE,CAAAA,CAAcH,mBAAAA,CAClBH,CAAAA,CACAI,KAAAA,CAAM,QAAA,CAAS,OAAA,CACf,KACF,CAAA,CACMG,CAAAA,CAAcJ,mBAAAA,CAClBH,EACAI,KAAAA,CAAM,QAAA,CAAS,OAAA,CACf,KACF,CAAA,CAEAH,CAAAA,CAAY,OAAA,CAASP,CAAAA,EAAO,CACJ,KAAA,CAAM,IAAA,CAAKA,CAAAA,CAAG,UAAU,CAAA,CAAE,IAAA,CAAMc,CAAAA,EAChDA,CAAAA,CAAK,OAASN,CAAAA,CAAmB,IAAA,CAEnCM,CAAAA,CAAK,IAAA,CAAK,UAAA,CAAW,CAAA,EAAGR,CAAM,CAAA,CAAA,CAAG,CAAA,EACjCQ,CAAAA,CAAK,IAAA,GAASH,CAAAA,EACdG,CAAAA,CAAK,IAAA,GAASF,CAAAA,EACdE,CAAAA,CAAK,OAASD,CAEjB,CAAA,EAICb,CAAAA,CAAG,YAAA,CAAaS,mBAAAA,CAAoBH,CAAAA,CAAQ,UAAA,CAAY,KAAK,EAAG,EAAE,EAEtE,CAAC,EACH,CAAA,CChFA,IAAMS,EAAAA,CAAsB,CAACjB,CAAAA,CAAkBQ,CAAAA,GAA2B,CACxE,IAAMU,CAAAA,CAAUlB,EAAQ,OAAA,CAAQ,WAAA,EAAY,CAItCmB,CAAAA,CAAiBR,mBAAAA,CAAoBH,CAAAA,CAAQ,UAAA,CAAY,KAAK,EAC9DY,CAAAA,CAAU,KAAA,CAAM,IAAA,CAAKpB,CAAAA,CAAQ,UAAU,CAAA,CAC1C,MAAA,CAAQ,CAAA,EAAM,EAAE,IAAA,GAASmB,CAAc,CAAA,CACvC,GAAA,CAAK,CAAA,EAAM,CAAA,EAAG,CAAA,CAAE,IAAI,CAAA,EAAA,EAAK,CAAA,CAAE,KAAK,CAAA,CAAA,CAAG,CAAA,CACtC,OAAIC,CAAAA,CAAQ,MAAA,GAAW,EAAU,CAAA,CAAA,EAAIF,CAAO,CAAA,GAAA,EAAMA,CAAO,CAAA,CAAA,CAAA,CACrDE,CAAAA,CAAQ,MAAA,GAAW,CAAA,CAAU,IAAIF,CAAO,CAAA,CAAA,EAAIE,CAAAA,CAAQ,CAAC,CAAC,CAAA,GAAA,EAAMF,CAAO,CAAA,CAAA,CAAA,CAChE,IAAIA,CAAO;AAAA,EAAKE,EAAQ,GAAA,CAAK,CAAA,EAAM,KAAK,CAAC,CAAA,CAAE,EAAE,IAAA,CAAK;AAAA,CAAI,CAAC;AAAA,GAAA,EAAQF,CAAO,CAAA,CAAA,CAC/E,CAAA,CAIMG,CAAAA,CAAuD,CAC3D,IAAA,CAAM,CAAA,CACN,MAAA,CAAQ,CAAA,CACR,OAAA,CAAS,CACX,CAAA,CAEMC,CAAAA,CAAc,CAClBC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,GACG,CAEH,GADI,CAACF,CAAAA,EACsBC,GAAU,IAAA,EAAQA,CAAAA,GAAU,EAAA,CAAI,OAC3D,IAAME,CAAAA,CAAWJ,CAAAA,CAAI,GAAA,CAAIC,CAAG,CAAA,CAAA,CACxB,CAACG,CAAAA,EAAYN,CAAAA,CAASK,CAAM,CAAA,CAAIL,CAAAA,CAASM,CAAAA,CAAS,MAAM,CAAA,GAC1DJ,CAAAA,CAAI,GAAA,CAAIC,CAAAA,CAAK,CAAE,GAAA,CAAAA,CAAAA,CAAK,KAAA,CAAAC,EAAO,MAAA,CAAAC,CAAO,CAAC,EAEvC,CAAA,CAEME,CAAAA,CAAgB,CACpBL,CAAAA,CACAf,EACAN,CAAAA,CACA2B,CAAAA,CACAH,CAAAA,GACG,CACH,IAAMI,CAAAA,CAASC,YAAAA,CAAavB,CAAAA,CAAQN,EAAI2B,CAAAA,CAAM,IAAI,CAAA,CAClD,MAAA,CAAO,OAAA,CAAQC,CAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,CAACE,CAAAA,CAAGC,CAAC,CAAA,GAAMX,CAAAA,CAAYC,CAAAA,CAAKS,CAAAA,CAAGC,CAAAA,CAAGP,CAAM,CAAC,EAC3E,CAAA,CAEaQ,CAAAA,CAAqB,CAChCC,CAAAA,CACA3B,CAAAA,CAAiBI,KAAAA,CAAM,SAAS,MAAA,GAC4B,CAC5D,IAAMwB,CAAAA,CAAazB,mBAAAA,CAAoBH,CAAM,CAAA,CACvC6B,CAAAA,CAAazB,MAAM,QAAA,CAAS,MAAA,CAG5B0B,CAAAA,CAAuB,EAAC,CAC1BH,CAAAA,CAAM,OAAA,CAAQ,CAAA,CAAA,EAAIC,CAAU,CAAA,CAAA,CAAG,CAAA,EAAGE,CAAAA,CAAU,IAAA,CAAKH,CAAK,CAAA,CAC1DA,CAAAA,CAAM,gBAAA,CAAiB,IAAIC,CAAU,CAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAASlC,CAAAA,EAAOoC,CAAAA,CAAU,IAAA,CAAKpC,CAAE,CAAC,CAAA,CAC5E,IAAMqC,CAAAA,CAAY,IAAI,IAAID,CAAS,CAAA,CAG7BE,CAAAA,CAAgBtC,CAAAA,EAAgC,CACpD,IAAIuC,CAAAA,CAAsBvC,CAAAA,CAC1B,KAAOuC,CAAAA,EAAK,CACV,GAAIF,CAAAA,CAAU,IAAIE,CAAG,CAAA,CAAG,OAAOA,CAAAA,CAC/BA,CAAAA,CAAMA,CAAAA,CAAI,cACZ,CACA,OAAO,IACT,CAAA,CAEMC,CAAAA,CAAU,IAAI,GAAA,CAEpBJ,CAAAA,CAAU,OAAA,CAASpC,CAAAA,EAAO,CACxB,IAAMyC,CAAAA,CAASzC,CAAAA,CAAG,YAAA,CAAakC,CAAU,CAAA,EAAK,EAAA,CACxCQ,CAAAA,CAAQ,IAAI,GAAA,CAGZC,CAAAA,CAAmB,CAAC3C,CAAE,CAAA,CAC5BA,CAAAA,CAAG,gBAAA,CAAiB,GAAG,EAAE,OAAA,CAAS4C,CAAAA,EAAU,CACtCN,CAAAA,CAAaM,CAAK,CAAA,GAAM5C,CAAAA,EAAI2C,CAAAA,CAAM,KAAKC,CAAK,EAClD,CAAC,CAAA,CACDD,CAAAA,CAAM,OAAA,CAASE,CAAAA,EAAM,CACnBnB,EAAcgB,CAAAA,CAAOpC,CAAAA,CAAQuC,CAAAA,CAAGJ,CAAAA,CAAQ,MAAM,CAAA,CAC9Cf,CAAAA,CAAcgB,CAAAA,CAAOpC,CAAAA,CAAQuC,EAAG,EAAA,CAAI,SAAS,EAC/C,CAAC,CAAA,CAGD,IAAIC,CAAAA,CAAsB9C,CAAAA,CAC1B,KAAO8C,CAAAA,EACLpB,CAAAA,CAAcgB,CAAAA,CAAOpC,CAAAA,CAAQwC,CAAAA,CAAKL,CAAAA,CAAQ,MAAM,CAAA,CAChDf,EAAcgB,CAAAA,CAAOpC,CAAAA,CAAQwC,CAAAA,CAAK,EAAA,CAAI,SAAS,CAAA,CAE/C,MAAA,CAAO,OAAA,CAAQjB,aAAavB,CAAAA,CAAQwC,CAAAA,CAAKX,CAAAA,CAAY,KAAK,CAAC,CAAA,CAAE,OAAA,CAC3D,CAAC,CAACL,CAAAA,CAAGC,CAAC,CAAA,GAAMX,CAAAA,CAAYsB,CAAAA,CAAOZ,CAAAA,CAAGC,CAAAA,CAAG,QAAQ,CAC/C,CAAA,CACAe,CAAAA,CAAMA,CAAAA,CAAI,aAAA,CAGZN,CAAAA,CAAQ,GAAA,CAAIxC,CAAAA,CAAI,CACd,QAASA,CAAAA,CAAG,OAAA,CAAQ,WAAA,EAAY,CAChC,IAAA,CAAMD,CAAAA,CAAeC,CAAE,CAAA,CACvB,WAAYe,EAAAA,CAAoBf,CAAAA,CAAIM,CAAM,CAAA,CAC1C,WAAY,CACV,MAAA,CAAAmC,CAAAA,CACA,MAAA,CACEzC,EAAG,YAAA,CACDS,mBAAAA,CAAoBH,CAAAA,CAAQI,KAAAA,CAAM,QAAA,CAAS,MAAA,CAAQ,KAAK,CAC1D,GAAK,MAAA,CACP,OAAA,CAAA,CAAU,IAAM,CACd,IAAMP,CAAAA,CAAI0B,YAAAA,CAAavB,CAAAA,CAAQN,EAAIU,KAAAA,CAAM,QAAA,CAAS,OAAA,CAAS,KAAK,CAAA,CAChE,OAAO,MAAA,CAAO,IAAA,CAAKP,CAAC,CAAA,CAAE,MAAA,CAASA,CAAAA,CAAI,MACrC,CAAA,GAAG,CACH,OAAA,CAAA,CAAU,IAAM,CACd,IAAM4C,CAAAA,CAAIlB,YAAAA,CAAavB,CAAAA,CAAQN,CAAAA,CAAIU,KAAAA,CAAM,QAAA,CAAS,OAAA,CAAS,KAAK,CAAA,CAChE,OAAO,MAAA,CAAO,IAAA,CAAKqC,CAAC,CAAA,CAAE,MAAA,CAASA,CAAAA,CAAI,MACrC,CAAA,GAAG,CACH,UAAA,CAAY,KAAA,CAAM,IAAA,CAAKL,CAAAA,CAAM,MAAA,EAAQ,CACvC,CAAA,CACA,QAAA,CAAU,EACZ,CAAC,EACH,CAAC,CAAA,CAGD,IAAMM,CAAAA,CAAyB,EAAC,CAChCR,CAAAA,CAAQ,OAAA,CAAQ,CAACS,CAAAA,CAAMjD,CAAAA,GAAO,CAC5B,IAAMkD,CAAAA,CAAWlD,CAAAA,CAAG,aAAA,CAAgBsC,CAAAA,CAAatC,CAAAA,CAAG,aAAa,CAAA,CAAI,KAC/DmD,CAAAA,CAAaD,CAAAA,CAAWV,CAAAA,CAAQ,GAAA,CAAIU,CAAQ,CAAA,CAAI,MAAA,CAClDC,CAAAA,CAAYA,EAAW,QAAA,CAAS,IAAA,CAAKF,CAAI,CAAA,CACxCD,CAAAA,CAAM,IAAA,CAAKC,CAAI,EACtB,CAAC,CAAA,CAED,IAAMG,CAAAA,CAAgBC,UAAAA,CAAW/C,CAAAA,CAAQ2B,CAAK,CAAA,CACxCqB,CAAAA,CAA8B,EAAC,CACrC,OAAA,MAAA,CAAO,OAAA,CAAQF,CAAa,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC9B,EAAKC,CAAK,CAAA,GAAM,CAC3BA,CAAAA,EAAU,IAAA,EAAQA,CAAAA,GAAU,EAAA,EACrD+B,CAAAA,CAAQ,KAAK,CAAE,GAAA,CAAAhC,CAAAA,CAAK,KAAA,CAAAC,EAAO,MAAA,CAAQ,MAAO,CAAC,EAC/C,CAAC,CAAA,CAEM,CAAE,KAAA,CAAOyB,CAAAA,CAAO,OAAA,CAAAM,CAAQ,CACjC,CAAA,CCvGO,IAAMC,CAAAA,CAAQ,SAAA,CAoCd,IAAMC,CAAAA,CAAc,CAAE,IAAA,CAAM,SAA4B,CAAA,CAGlDC,CAAAA,CAAc,CAAE,IAAA,CAAM,SAA4B,CAAA,CAGlDC,EAAgB,CAAE,IAAA,CAAM,SAA4B,CAAA,CAGpDC,CAAAA,CAAe,CAAE,KAAM,SAA4B,CAAA,CAGnDC,CAAAA,CAAe,CAAE,IAAA,CAAM,SAA4B,CAAA,CClFzD,IAAMC,CAAAA,CAAiD,CAC5D,OAAA,CAASD,CAAAA,CAAa,IAAA,CACtB,QAASD,CAAAA,CAAa,IAAA,CACtB,MAAA,CAAQH,CAAAA,CAAY,IAAA,CACpB,QAAA,CAAUE,CAAAA,CAAc,IAAA,CACxB,OAAQD,CAAAA,CAAY,IACtB,CAAA,CCnBA,IAAMK,CAAAA,CAAU,CAAA,GAAIC,CAAAA,GAClB,CACE,GAAGA,EAAO,GAAA,CAAI,CAACC,CAAAA,CAAOC,CAAAA,GAAU,CAAA,MAAA,EAAA,CAAUA,CAAAA,CAAQ,CAAA,EAAK,CAAC,MAAMD,CAAK,CAAA,CAAE,CAAA,CACrE,CAAA,MAAA,EAASD,CAAAA,CAAO,MAAA,CAAS,CAAA,CAAI,CAAC,MAAMR,CAAK,CAAA,CAC3C,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA,CAGAW,EAAAA,CAAwB5D,CAAAA,EAA2B,CAC9D,GAAM,CAAE,OAAA,CAAAgD,CAAAA,CAAS,OAAA,CAAA9E,CAAAA,CAAS,MAAA,CAAAiE,CAAAA,CAAQ,SAAA0B,CAAAA,CAAU,MAAA,CAAAC,CAAO,CAAA,CAAIP,CAAAA,CAGjDQ,CAAAA,CAAkB,CAAA,EAAG/D,CAAM,UAC3BgE,CAAAA,CAAkB,CAAA,EAAGhE,CAAM,CAAA,OAAA,CAAA,CAC3BiE,EAAejE,CAAAA,CACfkE,CAAAA,CAAmB,CAAA,EAAGlE,CAAM,WAyJlC,OAtJoB;AAAA,wBAAA,EACI+D,CAAe,CAAA;AAAA,kBAAA,EACrBP,CAAAA,CAAQR,CAAO,CAAC,CAAA;AAAA;;AAAA,wBAAA,EAGVgB,CAAe,CAAA;AAAA,kBAAA,EACrBR,CAAAA,CAAQtF,CAAO,CAAC,CAAA;AAAA;;AAAA,uBAAA,EAGX+F,CAAY,CAAA;AAAA,kBAAA,EACjBT,CAAAA,CAAQrB,CAAM,CAAC,CAAA;AAAA;;AAAA,yBAAA,EAGR+B,CAAgB,CAAA;AAAA,kBAAA,EACvBV,CAAAA,CAAQK,CAAQ,CAAC,CAAA;AAAA;;AAAA,uBAAA,EAGZ7D,CAAM,CAAA;AAAA,kBAAA,EACXwD,CAAAA,CAAQM,CAAM,CAAC,CAAA;AAAA;;AAAA;AAAA,wCAAA,EAIOG,CAAY,KAAKjE,CAAM,CAAA;AAAA,kBAAA,EAC7CwD,CAAAA,CAAQM,CAAAA,CAAQ3B,CAAM,CAAC,CAAA;AAAA;;AAAA,yCAAA,EAGA8B,CAAY,KAAKD,CAAe,CAAA;AAAA,kBAAA,EACvDR,CAAAA,CAAQrB,CAAAA,CAAQjE,CAAO,CAAC,CAAA;AAAA;;AAAA,0CAAA,EAGA+F,CAAY,KAAKC,CAAgB,CAAA;AAAA,kBAAA,EACzDV,CAAAA,CAAQrB,CAAAA,CAAQ0B,CAAQ,CAAC,CAAA;AAAA;;AAAA,yCAAA,EAGF7D,CAAM,WAAWgE,CAAe,CAAA;AAAA,kBAAA,EACvDR,CAAAA,CAAQM,CAAAA,CAAQ5F,CAAO,CAAC,CAAA;AAAA;;AAAA,2CAAA,EAGC8F,CAAe,KAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC7DV,CAAAA,CAAQtF,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA,0CAAA,EAGF7D,CAAM,WAAWkE,CAAgB,CAAA;AAAA,kBAAA,EACzDV,CAAAA,CAAQM,CAAAA,CAAQD,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,yCAAA,EAIFE,CAAe,KAAKE,CAAY,CAAA;AAAA,kBAAA,EACvDT,CAAAA,CAAQR,CAAAA,CAASb,CAAM,CAAC,CAAA;AAAA;;AAAA,yCAAA,EAGD4B,CAAe,KAAK/D,CAAM,CAAA;AAAA,kBAAA,EACjDwD,CAAAA,CAAQR,CAAAA,CAASc,CAAM,CAAC,CAAA;AAAA;;AAAA,0CAAA,EAGAC,CAAe,KAAKC,CAAe,CAAA;AAAA,kBAAA,EAC3DR,CAAAA,CAAQR,CAAAA,CAAS9E,CAAO,CAAC,CAAA;AAAA;;AAAA,2CAAA,EAGA6F,CAAe,KAAKG,CAAgB,CAAA;AAAA,kBAAA,EAC7DV,CAAAA,CAAQR,CAAAA,CAASa,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAKrCE,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKjE,CAAM,CAAA;AAAA,kBAAA,EAChCwD,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQ2B,CAAM,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI3CC,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKD,CAAe,CAAA;AAAA,kBAAA,EACzCR,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQjE,CAAO,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI5C6F,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKC,CAAgB,CAAA;AAAA,kBAAA,EAC1CV,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQ0B,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI7CE,CAAe,CAAA,EAAA,EAAK/D,CAAM,CAAA,QAAA,EAAWgE,CAAe,CAAA;AAAA,kBAAA,EACzCR,CAAAA,CAAQR,CAAAA,CAASc,CAAAA,CAAQ5F,CAAO,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI5C6F,CAAe,CAAA,EAAA,EAAK/D,CAAM,CAAA,QAAA,EAAWkE,CAAgB,CAAA;AAAA,kBAAA,EAC1CV,CAAAA,CAAQR,CAAAA,CAASc,CAAAA,CAAQD,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI7CE,CAAe,CAAA,EAAA,EAAKC,CAAe,CAAA,EAAA,EAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC7CV,CAAAA,CAAQR,CAAAA,CAAS9E,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAK9CI,CAAY,CAAA,EAAA,EAAKjE,CAAM,CAAA,QAAA,EAAWgE,CAAe,CAAA;AAAA,kBAAA,EACtCR,CAAAA,CAAQM,CAAAA,CAAQ3B,CAAAA,CAAQjE,CAAO,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAK3C+F,CAAY,CAAA,EAAA,EAAKjE,CAAM,CAAA,QAAA,EAAWkE,CAAgB,CAAA;AAAA,kBAAA,EACvCV,CAAAA,CAAQM,CAAAA,CAAQ3B,CAAAA,CAAQ0B,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI5CI,CAAY,CAAA,EAAA,EAAKD,CAAe,CAAA,EAAA,EAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC1CV,CAAAA,CAAQtF,CAAAA,CAASiE,CAAAA,CAAQ0B,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAI7C7D,CAAM,CAAA,QAAA,EAAWgE,CAAe,CAAA,EAAA,EAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC1CV,CAAAA,CAAQM,CAAAA,CAAQ5F,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAK7CE,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKjE,CAAM,WAAWgE,CAAe,CAAA;AAAA,kBAAA,EAC1DR,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQ2B,CAAAA,CAAQ5F,CAAO,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAIpD6F,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKjE,CAAM,WAAWkE,CAAgB,CAAA;AAAA,kBAAA,EAC3DV,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQ2B,CAAAA,CAAQD,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAIrDE,CAAe,CAAA,EAAA,EAAKE,CAAY,CAAA,EAAA,EAAKD,CAAe,KAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC9DV,CAAAA,CAAQR,CAAAA,CAASb,CAAAA,CAAQjE,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA,OAAA,EAItDE,CAAe,CAAA,EAAA,EAAK/D,CAAM,CAAA,QAAA,EAAWgE,CAAe,KAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC9DV,CAAAA,CAAQR,CAAAA,CAASc,CAAAA,CAAQ5F,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAKtDI,CAAY,CAAA,EAAA,EAAKjE,CAAM,CAAA,QAAA,EAAWgE,CAAe,KAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC3DV,CAAAA,CAAQM,CAAAA,CAAQ3B,CAAAA,CAAQjE,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;;AAAA;AAAA;AAAA,OAAA,EAKrDE,CAAe,KAAKE,CAAY,CAAA,EAAA,EAAKjE,CAAM,CAAA,QAAA,EAAWgE,CAAe,KAAKE,CAAgB,CAAA;AAAA,kBAAA,EAC/EV,EAAQR,CAAAA,CAASb,CAAAA,CAAQ2B,CAAAA,CAAQ5F,CAAAA,CAAS2F,CAAQ,CAAC,CAAA;AAAA;AAAA,EAAA,CAKvE,CAAA,CAGaM,EAAwB,CACnC9E,CAAAA,CACAW,EAAiB,UAAA,GACR,CAET,IAAMoE,CAAAA,CAAgB/E,CAAAA,CAAS,cAAc,wBAAwB,CAAA,CACjE+E,GACFA,CAAAA,CAAc,MAAA,GAGhB,IAAMC,CAAAA,CAA2BhF,EAAS,aAAA,CAAc,OAAO,EAC/DgF,CAAAA,CAAyB,EAAA,CAAK,wBAC9B,IAAMC,CAAAA,CAAMV,GAAqB5D,CAAM,CAAA,CACvCqE,EAAyB,WAAA,CAAcC,CAAAA,CAEvCjF,EAAS,IAAA,CAAK,WAAA,CAAYgF,CAAwB,EACpD,CAAA,CCtLO,IAAME,EAAAA,CAAoB,CAC/BC,CAAAA,CACAxE,CAAAA,CAAiB,UAAA,GACR,CACT,IAAMD,CAAAA,CAAYX,CAAAA,GACbW,CAAAA,GAGLA,CAAAA,CAAU,UAAU,MAAA,CAAO,mBAAmB,EAC9CA,CAAAA,CAAU,SAAA,CAAU,OAAO,kBAAkB,CAAA,CAC7CA,EAAU,SAAA,CAAU,MAAA,CAAO,oBAAoB,CAAA,CAC/CA,CAAAA,CAAU,UAAU,MAAA,CAAO,kBAAkB,EAC7CA,CAAAA,CAAU,SAAA,CAAU,OAAO,mBAAmB,CAAA,CAEzCyE,IAGL1E,CAAAA,CAAkBC,CAAAA,CAAWC,CAAM,CAAA,CAG/BwE,CAAAA,CAAW,SAASzE,CAAAA,CAAU,SAAA,CAAU,IAAI,mBAAmB,CAAA,CAC/DyE,EAAW,MAAA,EAAQzE,CAAAA,CAAU,SAAA,CAAU,GAAA,CAAI,kBAAkB,CAAA,CAC7DyE,EAAW,QAAA,EAAUzE,CAAAA,CAAU,UAAU,GAAA,CAAI,oBAAoB,EACjEyE,CAAAA,CAAW,MAAA,EAAQzE,EAAU,SAAA,CAAU,GAAA,CAAI,kBAAkB,CAAA,CAC7DyE,CAAAA,CAAW,SAASzE,CAAAA,CAAU,SAAA,CAAU,IAAI,mBAAmB,CAAA,CAAA,EACrE,EAGa0E,CAAAA,CAAoB,CAC/BD,EACAxE,CAAAA,CAAiB,UAAA,GACR,CACT,IAAMX,CAAAA,CAAWF,GAAiB,CAGlCgF,CAAAA,CAAsB9E,EAAUW,CAAM,CAAA,CAGtCuE,GAAkBC,CAAAA,CAAYxE,CAAM,EACtC,CAAA,CCtCA,IAAM5B,EAAUC,MAAAA,CAAO,UAAA,EAAW,CAC9BqG,CAAAA,CAAgC,IAAA,CAGpCtG,CAAAA,CAAQ,YAAYL,CAAAA,CAAO,OAAA,CAAUW,GAA0B,CAC7D,IAAMqB,EAAYX,CAAAA,EAAoB,CACtC,GAAI,CAACW,CAAAA,CAAW,CACd3B,CAAAA,CAAQ,IAAA,CAAKL,EAAO,MAAA,CAAQ,EAAE,CAAA,CAC9B,MACF,CAGA+B,CAAAA,CAAkBC,CAAAA,CAAWrB,EAAO,MAAA,EAAU,UAAU,EAExD,IAAMiG,CAAAA,CAASC,aAAa7E,CAAAA,CAAsBrB,CAAAA,CAAO,MAAM,CAAA,CAGzDsE,CAAAA,CAAUD,WAAWrE,CAAAA,CAAO,MAAA,EAAU,WAAYqB,CAAoB,CAAA,CAGtE8E,EAAoBF,CAAAA,CAAO,GAAA,CAAK1G,CAAAA,EAChC,MAAA,CAAO,IAAA,CAAK+E,CAAO,EAAE,MAAA,CAAS,CAAA,CACzB,CAAE,GAAG/E,CAAAA,CAAO,QAAA+E,CAAQ,CAAA,CAEtB/E,CACR,CAAA,CAGDG,CAAAA,CAAQ,KAAKL,CAAAA,CAAO,MAAA,CAAQ8G,CAAiB,EAC/C,CAAC,EAGDzG,CAAAA,CAAQ,WAAA,CAAYL,EAAO,SAAA,CAAYW,CAAAA,EAA0B,CAC/D+F,CAAAA,CAAkB/F,CAAAA,CAAO,WAAYA,CAAAA,CAAO,MAAM,EACpD,CAAC,CAAA,CAGDN,EAAQ,WAAA,CAAYL,CAAAA,CAAO,mBAAqBW,CAAAA,EAA0B,CACxE,IAAMqB,CAAAA,CAAYX,CAAAA,GAClB,GAAI,CAACW,CAAAA,CAAW,CACd3B,CAAAA,CAAQ,IAAA,CAAKL,EAAO,iBAAA,CAAmB,CAAE,MAAO,EAAC,CAAG,QAAS,EAAG,CAAC,CAAA,CACjE,MACF,CAGA,IAAMc,CAAAA,CAAS6C,EACb3B,CAAAA,CACArB,CAAAA,CAAO,QAAU,UACnB,CAAA,CAGAN,EAAQ,IAAA,CAAKL,CAAAA,CAAO,kBAAmBc,CAAM,EAC/C,CAAC,CAAA,CAEM,IAAMiG,EAAmC,CAACC,CAAAA,CAAS7G,IAAY,CAlEtE,IAAA8G,EAoEE,IAAMC,CAAAA,CAAU/G,EAAQ,EAAA,CAClBgH,CAAAA,CAAkBR,IAAmBO,CAAAA,CACrC,CAAE,UAAA,CAAAE,CAAW,CAAA,CAAIjH,CAAAA,CACjBkH,GAAcJ,CAAAA,CAAAG,CAAAA,EAAA,YAAAA,CAAAA,CAAarH,CAAAA,CAAAA,GAAb,YAAAkH,CAAAA,CAAwB,WAAA,CAExCE,IACFR,CAAAA,CAAiBO,CAAAA,CAAAA,CAGnB,IAAMpG,CAAAA,CAASkG,CAAAA,GAGf,OAAA,UAAA,CAAW,IAAM,CAhFnB,IAAAC,CAAAA,CAkFI,IAAMhF,CAAAA,CAAAA,CAAAA,CAASgF,CAAAA,CAAAG,GAAA,IAAA,CAAA,MAAA,CAAAA,CAAAA,CAAarH,KAAb,IAAA,CAAA,MAAA,CAAAkH,CAAAA,CAAwB,SAAU,UAAA,CACjDvG,CAAAA,CAAiB,CAAE,MAAA,CAAAuB,CAAAA,CAAQ,YAAAoF,CAAY,CAAC,EAAE,KAAA,CAAOC,CAAAA,EAAQ,CACvD,OAAA,CAAQ,KAAA,CAAM,+BAAA,CAAiCA,CAAG,EACpD,CAAC,EAGD,IAAMtF,CAAAA,CAAYX,GAAoB,CAClCW,CAAAA,GACF0E,EAAkB,MAAA,CAAWzE,CAAM,EACnCF,CAAAA,CAAkBC,CAAAA,CAAWC,CAAM,CAAA,CAAA,CAIjCkF,CAAAA,EAAmBE,GAAe,MAAA,CAAO,cAAA,EAC3C,OAAO,cAAA,CAAe,YAAY,EAEtC,CAAA,CAAG,GAAG,EAECvG,CACT,CAAA,KCjFMyG,EAAAA,CAAwC,CAC5C,WAAY,CAACR,CAAa,EAC1B,UAAA,CAAY,CACV,CAAChH,CAAQ,EAAG,CACV,WAAA,CAAa,IAAA,CACb,OAAQ,UACV,CACF,CACF,CAAA,CAEOyH,EAAAA,CAAQD","file":"preview.js","sourcesContent":["export const ADDON_ID = 'walkerOS';\nexport const PANEL_ID = `${ADDON_ID}/panel`;\nexport const KEY = `walkerOS`;\n\nexport const EVENTS = {\n RESULT: `${ADDON_ID}/result`,\n REQUEST: `${ADDON_ID}/request`,\n HIGHLIGHT: `${ADDON_ID}/highlight`,\n LIVE_EVENT: `${ADDON_ID}/live-event`,\n ATTRIBUTES_RESULT: `${ADDON_ID}/attributes-result`,\n ATTRIBUTES_REQUEST: `${ADDON_ID}/attributes-request`,\n};\n","import type { Collector, WalkerOS, Destination } from '@walkeros/core';\nimport { startFlow } from '@walkeros/collector';\nimport { sourceBrowser } from '@walkeros/web-source-browser';\nimport { addons } from 'storybook/preview-api';\nimport { EVENTS } from './constants';\n\ndeclare global {\n interface Window {\n __storybookElb: WalkerOS.Elb;\n __storybookWalker: Collector.Instance;\n }\n}\n\n// Simple console destination for Storybook\nconst destinationConsole = {\n type: 'console',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n console.log('Storybook Event:', event);\n },\n config: {},\n};\n\n// Live destination for Storybook panel\nconst destinationLive = {\n type: 'live',\n push: (event: WalkerOS.Event, context: Destination.PushContext) => {\n // Send event to Storybook panel for live display\n const channel = addons.getChannel();\n if (channel) {\n channel.emit(EVENTS.LIVE_EVENT, event);\n }\n },\n config: {},\n};\n\n// Function to get Storybook iframe context\nfunction getIframeContext() {\n try {\n // Try to get iframe from parent document (manager context)\n const iframe = parent.document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument && iframe?.contentWindow) {\n return {\n document: iframe.contentDocument,\n window: iframe.contentWindow,\n };\n }\n } catch (e) {\n // If we can't access parent, we're likely already in iframe context\n }\n\n // Fallback to current context\n return { document, window };\n}\n\nexport async function initializeWalker(config?: {\n prefix?: string;\n autoRefresh?: boolean;\n}): Promise<void> {\n // Skip initialization if already done\n if (window.__storybookWalker) return;\n\n try {\n // Get iframe context for proper event capture\n const { document: iframeDoc, window: iframeWin } = getIframeContext();\n\n if (!iframeDoc) {\n console.warn('Document not available, skipping walkerOS initialization');\n return;\n }\n\n // Create collector with browser source and destinations\n const result = await startFlow({\n consent: { functional: true },\n sources: {\n browser: {\n code: sourceBrowser,\n config: {\n settings: {\n pageview: true,\n elbLayer: '__storybookElbLayer',\n elb: '__storybookElb',\n prefix: config?.prefix || 'data-elb',\n scope: iframeDoc.body || iframeDoc, // Set scope to iframe document\n },\n },\n env: {\n window: iframeWin,\n document: iframeDoc,\n },\n },\n },\n destinations: {\n console: { code: destinationConsole },\n live: { code: destinationLive },\n },\n });\n\n const { collector, elb } = result;\n\n // Verify collector was created successfully\n if (!collector) {\n throw new Error('Collector creation failed - no collector returned');\n }\n\n // Set global window objects\n window.__storybookWalker = collector;\n window.__storybookElb = elb;\n } catch (error) {\n console.error('Failed to initialize walkerOS:', error);\n }\n}\n","// DOM utilities for working with story elements\n\nimport { Const } from '@walkeros/collector';\nimport { getElbAttributeName } from '@walkeros/web-source-browser';\n\n// Function to get the story document (either iframe or main document)\nexport const getStoryDocument = (): Document => {\n // Try to find story iframe\n const iframe = document.querySelector(\n '#storybook-preview-iframe',\n ) as HTMLIFrameElement;\n if (iframe?.contentDocument) {\n return iframe.contentDocument;\n }\n // Fallback to main document\n return document;\n};\n\n// Function to get the story root element\nexport const getStoryRootElement = (): Element | null => {\n const storyDoc = getStoryDocument();\n\n // Try multiple selectors for story root\n const selectors = [\n '#storybook-root',\n '#root',\n '[data-testid=\"storybook-root\"]',\n 'body',\n ];\n\n for (const selector of selectors) {\n const element = storyDoc.querySelector(selector);\n if (element) {\n return element;\n }\n }\n\n return storyDoc.body;\n};\n\n// Helper to get element path\nexport const getElementPath = (el: Element): string => {\n const path = [];\n let current = el;\n while (current && current !== document.body && current.parentElement) {\n let selector = current.tagName.toLowerCase();\n if (current.id) {\n selector += `#${current.id}`;\n } else if (current.className && typeof current.className === 'string') {\n selector += `.${current.className\n .split(' ')\n .filter((c) => c)\n .join('.')}`;\n }\n path.unshift(selector);\n current = current.parentElement;\n }\n return path.join(' > ');\n};\n\n// Function to enhance DOM with property attributes\nexport const enhanceProperties = (\n storyRoot: Element,\n prefix: string = 'data-elb',\n): void => {\n // Find all elements with any attributes starting with prefix-\n const allElements = Array.from(storyRoot.querySelectorAll('*'));\n\n const scopedAttr = getElbAttributeName(prefix, Const.Commands.Scoped, false); // data-elb_\n const actionAttr = getElbAttributeName(prefix, Const.Commands.Action, false);\n const contextAttr = getElbAttributeName(\n prefix,\n Const.Commands.Context,\n false,\n );\n const globalsAttr = getElbAttributeName(\n prefix,\n Const.Commands.Globals,\n false,\n );\n\n allElements.forEach((el) => {\n const hasProperties = Array.from(el.attributes).some((attr) => {\n if (attr.name === scopedAttr) return true; // scoped generic data-elb_\n return (\n attr.name.startsWith(`${prefix}-`) &&\n attr.name !== actionAttr &&\n attr.name !== contextAttr &&\n attr.name !== globalsAttr\n );\n });\n\n // Mark elements with property attributes\n if (hasProperties) {\n el.setAttribute(getElbAttributeName(prefix, 'property', false), '');\n }\n });\n};\n","// Builds an entity-centric \"skeleton\" tree: each node is a data-elb entity, with\n// generic (data-elb-), scoped (data-elb_), and explicit (data-elb-<entity>)\n// values resolved onto it and tagged by origin. Interim addon-local\n// approximation of the walker's resolution (see the design doc for fidelity\n// limits: cross-DOM links, shadow piercing, exact collision priority, and\n// context ordering index are out of scope for Phase 1).\n\nimport type { WalkerOS } from '@walkeros/core';\nimport { Const } from '@walkeros/collector';\nimport {\n getElbValues,\n getElbAttributeName,\n getGlobals,\n} from '@walkeros/web-source-browser';\nimport type { AttributeNode, ResolvedProperty } from '../types';\nimport { getElementPath } from './domUtils';\n\nconst generateElementHTML = (element: Element, prefix: string): string => {\n const tagName = element.tagName.toLowerCase();\n // Hide the synthetic highlight marker (data-elbproperty) that\n // enhanceProperties stamps on the live DOM; it is an internal helper, not\n // author-written tagging, so it must not appear in the displayed markup.\n const propertyMarker = getElbAttributeName(prefix, 'property', false);\n const attribs = Array.from(element.attributes)\n .filter((a) => a.name !== propertyMarker)\n .map((a) => `${a.name}=\"${a.value}\"`);\n if (attribs.length === 0) return `<${tagName}></${tagName}>`;\n if (attribs.length === 1) return `<${tagName} ${attribs[0]}></${tagName}>`;\n return `<${tagName}\\n${attribs.map((a) => ` ${a}`).join('\\n')}\\n></${tagName}>`;\n};\n\n// Origin priority for same-key collisions (highest first). Approximate; real\n// walker priority is documented as out of scope for Phase 1.\nconst PRIORITY: Record<ResolvedProperty['origin'], number> = {\n data: 3,\n scoped: 2,\n generic: 1,\n};\n\nconst addProperty = (\n acc: Map<string, ResolvedProperty>,\n key: string,\n value: WalkerOS.Property | undefined,\n origin: ResolvedProperty['origin'],\n) => {\n if (!key) return; // never store the blank-key generic\n if (value === undefined || value === null || value === '') return;\n const existing = acc.get(key);\n if (!existing || PRIORITY[origin] > PRIORITY[existing.origin]) {\n acc.set(key, { key, value, origin });\n }\n};\n\nconst collectValues = (\n acc: Map<string, ResolvedProperty>,\n prefix: string,\n el: Element,\n name: string, // '' for generic, entity name for explicit\n origin: ResolvedProperty['origin'],\n) => {\n const values = getElbValues(prefix, el, name, true);\n Object.entries(values).forEach(([k, v]) => addProperty(acc, k, v, origin));\n};\n\nexport const buildAttributeTree = (\n scope: Element,\n prefix: string = Const.Commands.Prefix,\n): { nodes: AttributeNode[]; globals: ResolvedProperty[] } => {\n const entityAttr = getElbAttributeName(prefix); // data-elb\n const scopedName = Const.Commands.Scoped; // '_'\n\n // All entity elements (self + descendants).\n const entityEls: Element[] = [];\n if (scope.matches(`[${entityAttr}]`)) entityEls.push(scope);\n scope.querySelectorAll(`[${entityAttr}]`).forEach((el) => entityEls.push(el));\n const entitySet = new Set(entityEls);\n\n // Nearest ancestor-or-self entity for any element (DOM ancestry).\n const owningEntity = (el: Element): Element | null => {\n let cur: Element | null = el;\n while (cur) {\n if (entitySet.has(cur)) return cur;\n cur = cur.parentElement;\n }\n return null;\n };\n\n const nodeMap = new Map<Element, AttributeNode>();\n\n entityEls.forEach((el) => {\n const entity = el.getAttribute(entityAttr) || '';\n const props = new Map<string, ResolvedProperty>();\n\n // Own + owned descendants: explicit (data-elb-<entity>) and generic (data-elb-)\n const owned: Element[] = [el];\n el.querySelectorAll('*').forEach((child) => {\n if (owningEntity(child) === el) owned.push(child);\n });\n owned.forEach((o) => {\n collectValues(props, prefix, o, entity, 'data');\n collectValues(props, prefix, o, '', 'generic');\n });\n\n // Ancestors (incl. self start): explicit, generic, and scoped (data-elb_)\n let anc: Element | null = el;\n while (anc) {\n collectValues(props, prefix, anc, entity, 'data');\n collectValues(props, prefix, anc, '', 'generic');\n // scoped uses isProperty=false (suffix '_' with no dash)\n Object.entries(getElbValues(prefix, anc, scopedName, false)).forEach(\n ([k, v]) => addProperty(props, k, v, 'scoped'),\n );\n anc = anc.parentElement;\n }\n\n nodeMap.set(el, {\n element: el.tagName.toLowerCase(),\n path: getElementPath(el),\n htmlMarkup: generateElementHTML(el, prefix),\n attributes: {\n entity,\n action:\n el.getAttribute(\n getElbAttributeName(prefix, Const.Commands.Action, false),\n ) || undefined,\n context: (() => {\n const c = getElbValues(prefix, el, Const.Commands.Context, false);\n return Object.keys(c).length ? c : undefined;\n })(),\n globals: (() => {\n const g = getElbValues(prefix, el, Const.Commands.Globals, false);\n return Object.keys(g).length ? g : undefined;\n })(),\n properties: Array.from(props.values()),\n },\n children: [],\n });\n });\n\n // Nest by nearest ancestor entity.\n const roots: AttributeNode[] = [];\n nodeMap.forEach((node, el) => {\n const parentEl = el.parentElement ? owningEntity(el.parentElement) : null;\n const parentNode = parentEl ? nodeMap.get(parentEl) : undefined;\n if (parentNode) parentNode.children.push(node);\n else roots.push(node);\n });\n\n const globalsValues = getGlobals(prefix, scope);\n const globals: ResolvedProperty[] = [];\n Object.entries(globalsValues).forEach(([key, value]) => {\n if (value !== undefined && value !== null && value !== '')\n globals.push({ key, value, origin: 'data' });\n });\n\n return { nodes: roots, globals };\n};\n","/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Text and icons on an event-colour fill: a tag card's Done. Dark ink on the dark event values (5.6:1 or more), white on the light ones (about 5:1). */\nexport const onEvent = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n","import {\n eventAction,\n eventContext,\n eventEntity,\n eventGlobals,\n eventProperty,\n} from '@walkeros/explorer/design';\nimport type { WalkerOSAddon } from '../types';\n\nexport type HighlightKind = keyof NonNullable<WalkerOSAddon['highlights']>;\nexport type AttributeKind =\n | 'entity'\n | 'action'\n | 'context'\n | 'globals'\n | 'data';\n\n// Event colours of the walkerOS design system, their dark values: every use\n// pairs them with the dark visualisation ground vizBg.\nexport const highlightColors: Record<HighlightKind, string> = {\n globals: eventGlobals.dark,\n context: eventContext.dark,\n entity: eventEntity.dark,\n property: eventProperty.dark,\n action: eventAction.dark,\n};\n\n// Attribute badges name the property kind \"data\".\nexport const attributeColors: Record<AttributeKind, string> = {\n entity: highlightColors.entity,\n action: highlightColors.action,\n context: highlightColors.context,\n globals: highlightColors.globals,\n data: highlightColors.property,\n};\n","// CSS utilities for highlighting DOM elements\nimport { vizBg } from '@walkeros/explorer/design';\nimport { highlightColors } from './eventColors';\n\n// Stacked 2px rings in the given event colours, closed by a 1px edge in the\n// dark visualisation ground so the outline reads on light and dark stories.\nconst outline = (...colors: string[]): string =>\n [\n ...colors.map((color, index) => `0 0 0 ${(index + 1) * 2}px ${color}`),\n `0 0 0 ${colors.length * 2 + 1}px ${vizBg}`,\n ].join(', ');\n\n// Generate dynamic CSS based on prefix\nexport const generateHighlightCSS = (prefix: string): string => {\n const { globals, context, entity, property, action } = highlightColors;\n\n // Define selectors based on prefix\n const globalsSelector = `${prefix}globals`;\n const contextSelector = `${prefix}context`;\n const baseSelector = prefix;\n const propertySelector = `${prefix}property`;\n\n // Template CSS with actual selectors\n const cssTemplate = `\n .highlight-globals [${globalsSelector}] {\n box-shadow: ${outline(globals)} !important;\n }\n\n .highlight-context [${contextSelector}] {\n box-shadow: ${outline(context)} !important;\n }\n\n .highlight-entity [${baseSelector}] {\n box-shadow: ${outline(entity)} !important;\n }\n\n .highlight-property [${propertySelector}] {\n box-shadow: ${outline(property)} !important;\n }\n\n .highlight-action [${prefix}action] {\n box-shadow: ${outline(action)} !important;\n }\n\n /* Combined highlights with layered solid borders */\n .highlight-entity.highlight-action [${baseSelector}][${prefix}action] {\n box-shadow: ${outline(action, entity)} !important;\n }\n\n .highlight-entity.highlight-context [${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(entity, context)} !important;\n }\n\n .highlight-entity.highlight-property [${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(entity, property)} !important;\n }\n\n .highlight-action.highlight-context [${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, context)} !important;\n }\n\n .highlight-context.highlight-property [${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, property)} !important;\n }\n\n .highlight-action.highlight-property [${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, property)} !important;\n }\n\n /* Globals combinations */\n .highlight-globals.highlight-entity [${globalsSelector}][${baseSelector}] {\n box-shadow: ${outline(globals, entity)} !important;\n }\n\n .highlight-globals.highlight-action [${globalsSelector}][${prefix}action] {\n box-shadow: ${outline(globals, action)} !important;\n }\n\n .highlight-globals.highlight-context [${globalsSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, context)} !important;\n }\n\n .highlight-globals.highlight-property [${globalsSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, property)} !important;\n }\n\n /* Triple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action\n [${globalsSelector}][${baseSelector}][${prefix}action] {\n box-shadow: ${outline(globals, entity, action)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context\n [${globalsSelector}][${baseSelector}][${contextSelector}] {\n box-shadow: ${outline(globals, entity, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-property\n [${globalsSelector}][${baseSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context\n [${globalsSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, action, context)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-property\n [${globalsSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, action, property)} !important;\n }\n\n .highlight-globals.highlight-context.highlight-property\n [${globalsSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, context, property)} !important;\n }\n\n /* Triple combinations with distinct layers */\n .highlight-entity.highlight-action.highlight-context\n [${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(action, entity, context)} !important;\n }\n\n /* Triple combinations with property */\n .highlight-entity.highlight-action.highlight-property\n [${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(action, entity, property)} !important;\n }\n\n .highlight-entity.highlight-context.highlight-property\n [${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(context, entity, property)} !important;\n }\n\n .highlight-action.highlight-context.highlight-property\n [${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, context, property)} !important;\n }\n\n /* Quadruple combinations with globals */\n .highlight-globals.highlight-entity.highlight-action.highlight-context\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}] {\n box-shadow: ${outline(globals, entity, action, context)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-action.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, property)} !important;\n }\n\n .highlight-globals.highlight-entity.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, context, property)} !important;\n }\n\n .highlight-globals.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, action, context, property)} !important;\n }\n\n /* Quadruple combination */\n .highlight-entity.highlight-action.highlight-context.highlight-property\n [${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(action, entity, context, property)} !important;\n }\n\n /* Quintuple combination with all attributes */\n .highlight-globals.highlight-entity.highlight-action.highlight-context.highlight-property\n [${globalsSelector}][${baseSelector}][${prefix}action][${contextSelector}][${propertySelector}] {\n box-shadow: ${outline(globals, entity, action, context, property)} !important;\n }\n `;\n\n return cssTemplate;\n};\n\n// Function to inject highlighting CSS into story document\nexport const injectHighlightingCSS = (\n storyDoc: Document,\n prefix: string = 'data-elb',\n): void => {\n // Remove existing styles\n const existingStyle = storyDoc.querySelector('#walkeros-highlighting');\n if (existingStyle) {\n existingStyle.remove();\n }\n\n const highlightingStyleElement = storyDoc.createElement('style');\n highlightingStyleElement.id = 'walkeros-highlighting';\n const css = generateHighlightCSS(prefix);\n highlightingStyleElement.textContent = css;\n\n storyDoc.head.appendChild(highlightingStyleElement);\n};\n","// Utilities for managing DOM highlighting\n\nimport type { WalkerOSAddon } from '../types';\nimport {\n getStoryDocument,\n getStoryRootElement,\n enhanceProperties,\n} from './domUtils';\nimport { injectHighlightingCSS } from './cssUtils';\n\n// Function to apply highlighting to story root\nexport const applyHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) return;\n\n // Remove existing highlighting classes\n storyRoot.classList.remove('highlight-context');\n storyRoot.classList.remove('highlight-entity');\n storyRoot.classList.remove('highlight-property');\n storyRoot.classList.remove('highlight-action');\n storyRoot.classList.remove('highlight-globals');\n\n if (!highlights) return;\n\n // Re-enhance properties FIRST to ensure they're marked\n enhanceProperties(storyRoot, prefix);\n\n // Then add specific highlighting classes\n if (highlights.context) storyRoot.classList.add('highlight-context');\n if (highlights.entity) storyRoot.classList.add('highlight-entity');\n if (highlights.property) storyRoot.classList.add('highlight-property');\n if (highlights.action) storyRoot.classList.add('highlight-action');\n if (highlights.globals) storyRoot.classList.add('highlight-globals');\n};\n\n// Combined function to inject CSS and apply highlighting\nexport const setupHighlighting = (\n highlights: WalkerOSAddon['highlights'],\n prefix: string = 'data-elb',\n): void => {\n const storyDoc = getStoryDocument();\n\n // Always inject CSS first\n injectHighlightingCSS(storyDoc, prefix);\n\n // Then apply highlighting\n applyHighlighting(highlights, prefix);\n};\n","import type { WalkerOSAddon } from './types';\nimport type { DecoratorFunction } from 'storybook/internal/types';\nimport { addons } from 'storybook/preview-api';\nimport { getAllEvents, getGlobals } from '@walkeros/web-source-browser';\n\nimport { ADDON_ID, EVENTS } from './constants';\nimport { initializeWalker } from './walker';\nimport { getStoryRootElement, enhanceProperties } from './utils/domUtils';\nimport { buildAttributeTree } from './utils/attributeTreeUtils';\nimport { setupHighlighting } from './utils/highlightingUtils';\n\n// Set up the channel listener globally, not per story\nconst channel = addons.getChannel();\nlet currentStoryId: string | null = null;\n\n// Global listener for the request events\nchannel.addListener(EVENTS.REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.RESULT, []);\n return;\n }\n\n // Enhance DOM with property attributes\n enhanceProperties(storyRoot, config.prefix || 'data-elb');\n\n const events = getAllEvents(storyRoot as Element, config.prefix);\n\n // Collect globals from data-elbglobals attributes\n const globals = getGlobals(config.prefix || 'data-elb', storyRoot as Element);\n\n // Add globals to each event if any globals exist\n const eventsWithGlobals = events.map((event) => {\n if (Object.keys(globals).length > 0) {\n return { ...event, globals };\n }\n return event;\n });\n\n // Send the result back to the manager\n channel.emit(EVENTS.RESULT, eventsWithGlobals);\n});\n\n// Global listener for highlighting events\nchannel.addListener(EVENTS.HIGHLIGHT, (config: WalkerOSAddon) => {\n setupHighlighting(config.highlights, config.prefix);\n});\n\n// Global listener for attribute tree requests\nchannel.addListener(EVENTS.ATTRIBUTES_REQUEST, (config: WalkerOSAddon) => {\n const storyRoot = getStoryRootElement();\n if (!storyRoot) {\n channel.emit(EVENTS.ATTRIBUTES_RESULT, { nodes: [], globals: [] });\n return;\n }\n\n // Build the skeleton tree ({ nodes, globals })\n const result = buildAttributeTree(\n storyRoot as Element,\n config.prefix || 'data-elb',\n );\n\n // Send the result back to the manager\n channel.emit(EVENTS.ATTRIBUTES_RESULT, result);\n});\n\nexport const withRoundTrip: DecoratorFunction = (storyFn, context) => {\n // Check if story changed and auto-run is enabled\n const storyId = context.id;\n const hasStoryChanged = currentStoryId !== storyId;\n const { parameters } = context;\n const autoRefresh = parameters?.[ADDON_ID]?.autoRefresh;\n\n if (hasStoryChanged) {\n currentStoryId = storyId;\n }\n\n const result = storyFn();\n\n // Initialize walker and inject CSS after story renders\n setTimeout(() => {\n // Initialize walkerOS for live event capture\n const prefix = parameters?.[ADDON_ID]?.prefix || 'data-elb';\n initializeWalker({ prefix, autoRefresh }).catch((err) => {\n console.error('Walker initialization failed:', err);\n });\n\n // Inject highlighting CSS and enhance properties\n const storyRoot = getStoryRootElement();\n if (storyRoot) {\n setupHighlighting(undefined, prefix);\n enhanceProperties(storyRoot, prefix);\n }\n\n // Auto-run walker if story changed and auto-refresh is enabled\n if (hasStoryChanged && autoRefresh && window.__storybookElb) {\n window.__storybookElb('walker run');\n }\n }, 200);\n\n return result;\n};\n","/**\n * A decorator is a way to wrap a story in extra “rendering” functionality. Many addons define decorators\n * in order to augment stories:\n * - with extra rendering\n * - gather details about how a story is rendered\n *\n * When writing stories, decorators are typically used to wrap stories with extra markup or context mocking.\n *\n * https://storybook.js.org/docs/react/writing-stories/decorators\n */\nimport type { ProjectAnnotations, Renderer } from 'storybook/internal/types';\n\nimport { ADDON_ID } from './constants';\nimport { withRoundTrip } from './withRoundTrip';\n\n/**\n * Note: if you want to use JSX in this file, rename it to `preview.tsx`\n * and update the entry prop in tsup.config.ts to use \"src/preview.tsx\",\n */\n\nconst preview: ProjectAnnotations<Renderer> = {\n decorators: [withRoundTrip],\n parameters: {\n [ADDON_ID]: {\n autoRefresh: true,\n prefix: 'data-elb',\n },\n },\n};\n\nexport default preview;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@walkeros/storybook-addon",
3
- "version": "4.8.0",
3
+ "version": "4.8.1-next-1792019907609",
4
4
  "description": "Visualize, debug, and validate walkerOS event tracking in your Storybook stories. Real-time event capture with visual DOM highlighting for data-attribute based tagging.",
5
5
  "keywords": [
6
6
  "storybook-addons",
@@ -62,10 +62,10 @@
62
62
  },
63
63
  "dependencies": {
64
64
  "@storybook/icons": "^2.0.1",
65
- "@walkeros/collector": "4.8.0",
66
- "@walkeros/core": "4.8.0",
67
- "@walkeros/web-core": "4.8.0",
68
- "@walkeros/web-source-browser": "4.8.0"
65
+ "@walkeros/collector": "4.8.1-next-1792019907609",
66
+ "@walkeros/core": "4.8.1-next-1792019907609",
67
+ "@walkeros/web-core": "4.8.1-next-1792019907609",
68
+ "@walkeros/web-source-browser": "4.8.1-next-1792019907609"
69
69
  },
70
70
  "devDependencies": {
71
71
  "@storybook/addon-docs": "^10.1.9",
@@ -74,8 +74,8 @@
74
74
  "@types/react": "^19.2.7",
75
75
  "@types/react-dom": "^19.2.3",
76
76
  "@vitejs/plugin-react": "^6.0.2",
77
- "@walkeros/config": "4.8.0",
78
- "@walkeros/explorer": "4.8.0",
77
+ "@walkeros/config": "4.8.1-next-1792019907609",
78
+ "@walkeros/explorer": "4.8.1-next-1792019907609",
79
79
  "auto": "^11.3.6",
80
80
  "boxen": "^8.0.1",
81
81
  "npm-run-all2": "^8.0.4",