@walkeros/explorer 2.0.1 → 2.1.1

package/dist/components/molecules/code-box.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-box.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-box.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/code-snippet.stories.d.ts

@@ -9,12 +9,15 @@ export declare const MultiLine: Story;
  * Auto-Formatting Demo - Badly formatted code gets auto-formatted on mount
  */
 export declare const AutoFormatEnabled: Story;
-/**
- * Disable Auto-Formatting - Keep code exactly as provided
- */
-export declare const AutoFormatDisabled: Story;
 /**
  * JSON Auto-Formatting - Badly formatted JSON gets auto-formatted
  */
 export declare const JSONFormatting: Story;
+/**
+ * Bare Object Formatting - JS object literals without assignment
+ *
+ * This is common in docs where event results are shown as plain objects.
+ * Previously these were not indented because Prettier couldn't parse them.
+ */
+export declare const BareObjectFormatting: Story;
 //# sourceMappingURL=code-snippet.stories.d.ts.map

package/dist/components/molecules/code-snippet.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC"}
+{"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC"}

package/dist/components/molecules/code-snippet.stories.js

@@ -47,22 +47,41 @@ export const AutoFormatEnabled = {
     },
 };
 /**
- * Disable Auto-Formatting - Keep code exactly as provided
+ * JSON Auto-Formatting - Badly formatted JSON gets auto-formatted
  */
-export const AutoFormatDisabled = {
+export const JSONFormatting = {
     args: {
-        code: `function example(){const x={a:1,b:2,c:3};if(x.a===1){return x.b+x.c;}return 0;}`,
-        language: 'javascript',
-        format: false,
+        code: `{"entity":"product","action":"view","data":{"id":"P123","name":"Laptop","price":999},"context":{"stage":["shopping",1]}}`,
+        language: 'json',
     },
 };
 /**
- * JSON Auto-Formatting - Badly formatted JSON gets auto-formatted
+ * Bare Object Formatting - JS object literals without assignment
+ *
+ * This is common in docs where event results are shown as plain objects.
+ * Previously these were not indented because Prettier couldn't parse them.
  */
-export const JSONFormatting = {
+export const BareObjectFormatting = {
     args: {
-        code: `{"entity":"product","action":"view","data":{"id":"P123","name":"Laptop","price":999},"context":{"stage":["shopping",1]}}`,
-        language: 'json',
+        code: `{
+name: 'promotion view',
+data: {
+name: 'Setting up tracking easily',
+category: 'analytics',
+},
+context: {
+test: ['engagement', 0]
+},
+globals: {
+language: 'en'
+},
+nested: [],
+consent: { functional: true },
+trigger: 'visible',
+entity: 'promotion',
+action: 'view',
+}`,
+        language: 'javascript',
     },
 };
 //# sourceMappingURL=code-snippet.stories.js.map

package/dist/components/molecules/code-snippet.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,KAAK;KACd;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC"}
+{"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../src/components/molecules/code-snippet.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;SAC7D;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,2EAA2E;QACjF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;EAcR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,IAAI,EAAE,iFAAiF;QACvF,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE,0HAA0H;QAChI,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,IAAI,EAAE;;;;;;;;;;;;;;;;;EAiBR;QACE,QAAQ,EAAE,YAAY;KACvB;CACF,CAAC"}

package/dist/components/molecules/flow-map/FlowMap.stories.d.ts

@@ -11,26 +11,6 @@ export declare const Default: Story;
  * With custom labels and text
  */
 export declare const WithLabels: Story;
-/**
- * Layout Comparison - 5 typography/spacing variations
- */
-export declare const LayoutComparison: Story;
-/**
- * Responsive behavior - scales down in narrow containers
- */
-export declare const ResponsiveDemo: Story;
-/**
- * Rich content and link examples
- */
-export declare const RichContentExamples: Story;
-/**
- * Stage highlight variations - use highlight:false to dim stages
- */
-export declare const HighlightVariations: Story;
-/**
- * Marker examples - numbered callouts on stages and arrows
- */
-export declare const MarkerExamples: Story;
 /**
  * Markers with legend - shows markers and legend text below diagram
  */
@@ -54,22 +34,10 @@ export declare const TypicalFlowWithReturn: Story;
  * All arrows point forward (no return arrows).
  */
 export declare const MeshLayout: Story;
-/**
- * Various multi-stage configurations.
- */
-export declare const MultipleStages: Story;
 /**
  * Icons - Display Iconify icons before labels in boxes
  */
 export declare const WithIcons: Story;
-/**
- * Bidirectional Flow - With return arrows showing full data flow back and forth
- */
-export declare const BidirectionalFlow: Story;
-/**
- * Per-Destination After Stages - Each destination can have its own external platform box
- */
-export declare const PerDestinationAfterStages: Story;
 /**
  * walkerOS Architecture - Shows two complete data flows:
  * 1. Browser sources with validation and selective redaction

package/dist/components/molecules/flow-map/FlowMap.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlowMap.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/FlowMap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AA8CtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAsK9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAwHjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAsFjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAwH5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqF/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgG7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KA4D5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAgE/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAyGvC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAiH1B,CAAC"}
+{"version":3,"file":"FlowMap.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/flow-map/FlowMap.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAqF/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAgG7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAgIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAiH1B,CAAC"}

package/dist/components/molecules/flow-map/FlowMap.stories.js

@@ -9,49 +9,6 @@ const meta = {
     ],
 };
 export default meta;
-// Layout presets for comparison
-const layouts = {
-    compact: {
-        labelSize: 12,
-        labelWeight: '600',
-        textSize: 11,
-        textWeight: 'normal',
-        boxHeight: 45,
-        descriptionSize: 13,
-    },
-    standard: {
-        labelSize: 13,
-        labelWeight: '600',
-        textSize: 12,
-        textWeight: 'normal',
-        boxHeight: 50,
-        descriptionSize: 13,
-    },
-    prominent: {
-        labelSize: 14,
-        labelWeight: '600',
-        textSize: 11,
-        textWeight: 'normal',
-        boxHeight: 50,
-        descriptionSize: 13,
-    },
-    balanced: {
-        labelSize: 13,
-        labelWeight: '600',
-        textSize: 13,
-        textWeight: 'normal',
-        boxHeight: 55,
-        descriptionSize: 13,
-    },
-    withDesc: {
-        labelSize: 13,
-        labelWeight: '600',
-        textSize: 12,
-        textWeight: 'normal',
-        boxHeight: 50,
-        descriptionSize: 13,
-    },
-};
 /**
  * Default state - Soft Pastels palette (mint → sky → lavender)
  */
@@ -68,186 +25,6 @@ export const WithLabels = {
         destinations: { default: { label: 'GA4', text: 'Analytics' } },
     },
 };
-/**
- * Layout Comparison - 5 typography/spacing variations
- */
-export const LayoutComparison = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '28px' }, children: [_jsx("div", { style: { color: '#6b7280', fontSize: '12px', marginBottom: '4px' }, children: "Compare typography and spacing variations. All use same content." }), _jsxs("div", { children: [_jsxs("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: ["1. Compact", _jsx("span", { style: { color: '#6b7280', fontSize: '11px', marginLeft: '12px' }, children: "label: 12px/600, text: 11px, box: 45px" })] }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { layout: layouts.compact, sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsxs("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: ["2. Standard", _jsx("span", { style: { color: '#6b7280', fontSize: '11px', marginLeft: '12px' }, children: "label: 13px/600, text: 12px, box: 50px" })] }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { layout: layouts.standard, sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsxs("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: ["3. Prominent", _jsx("span", { style: { color: '#6b7280', fontSize: '11px', marginLeft: '12px' }, children: "label: 14px/600, text: 11px, box: 50px" })] }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { layout: layouts.prominent, sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsxs("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: ["4. Balanced", _jsx("span", { style: { color: '#6b7280', fontSize: '11px', marginLeft: '12px' }, children: "label: 13px/600, text: 13px, box: 55px" })] }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { layout: layouts.balanced, sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsxs("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: ["5. With Description", _jsx("span", { style: { color: '#6b7280', fontSize: '11px', marginLeft: '12px' }, children: "label: 13px/600, text: 12px, box: 50px + description below" })] }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { layout: layouts.withDesc, sources: {
-                                default: {
-                                    label: 'Source',
-                                    text: 'walker.js',
-                                    description: 'Data origin',
-                                },
-                            }, collector: {
-                                label: 'Collector',
-                                text: 'Node',
-                                description: 'Processing',
-                            }, destinations: {
-                                default: {
-                                    label: 'Destination',
-                                    text: 'GA4',
-                                    description: 'Analytics',
-                                },
-                            } }) })] })] })),
-    decorators: [
-        (Story) => (_jsx("div", { style: { padding: '20px', background: '#111827' }, children: _jsx(Story, {}) })),
-    ],
-};
-/**
- * Responsive behavior - scales down in narrow containers
- */
-export const ResponsiveDemo = {
-    args: {},
-    decorators: [
-        (Story) => (_jsx("div", { className: "elb-explorer", "data-theme": "dark", style: { padding: '20px', background: '#1f2937' }, children: _jsx("div", { style: {
-                    maxWidth: '350px',
-                    border: '1px dashed #4b5563',
-                    padding: '8px',
-                }, children: _jsx(Story, {}) }) })),
-    ],
-};
-/**
- * Rich content and link examples
- */
-export const RichContentExamples = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Clickable boxes (default - each box links to its docs)" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Rich HTML text (ReactNode with formatting)" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { boxHeight: 70, descriptionHeight: 50, sources: {
-                                default: {
-                                    label: 'Source',
-                                    text: (_jsxs("span", { children: [_jsx("a", { href: "/docs/walker-js", style: { color: 'inherit' }, children: "walker.js" }), ' ', "v2", _jsx("br", {}), "Browser SDK"] })),
-                                    description: 'Client-side tracking with automatic page view detection',
-                                    link: false, // Disable box link since text has its own link
-                                },
-                            }, collector: {
-                                label: 'Collector',
-                                text: (_jsxs("span", { children: [_jsx("strong", { children: "Node" }), " server", _jsx("br", {}), "with validation"] })),
-                                description: 'Server-side processing and event enrichment',
-                            }, destinations: {
-                                default: {
-                                    label: 'Destination',
-                                    text: (_jsxs("span", { children: ["GA4 + BigQuery", _jsx("br", {}), "data warehouse"] })),
-                                    description: 'Analytics and raw data storage for analysis',
-                                    link: '/docs/destinations/bigquery', // Custom URL
-                                },
-                            } }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Non-clickable boxes (link: false)" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: {
-                                default: { label: 'Source', text: 'walker.js', link: false },
-                            }, collector: { label: 'Collector', text: 'Node', link: false }, destinations: {
-                                default: { label: 'Destination', text: 'GA4', link: false },
-                            } }) })] })] })),
-    decorators: [
-        (Story) => (_jsx("div", { style: { padding: '20px', background: '#111827' }, children: _jsx(Story, {}) })),
-    ],
-};
-/**
- * Stage highlight variations - use highlight:false to dim stages
- */
-export const HighlightVariations = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "1. All stages highlighted (default)" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "2. Only destination highlighted" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: {
-                                default: {
-                                    label: 'Source',
-                                    text: 'walker.js',
-                                    highlight: false,
-                                },
-                            }, collector: { label: 'Collector', text: 'Node', highlight: false }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "3. Collector and destination highlighted" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: {
-                                default: {
-                                    label: 'Source',
-                                    text: 'walker.js',
-                                    highlight: false,
-                                },
-                            }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } } }) })] })] })),
-    decorators: [
-        (Story) => (_jsx("div", { style: { padding: '20px', background: '#111827' }, children: _jsx(Story, {}) })),
-    ],
-};
-/**
- * Marker examples - numbered callouts on stages and arrows
- */
-export const MarkerExamples = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '24px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Single marker on source" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } }, markers: [{ position: 'source' }] }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Multiple markers with auto-numbering" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } }, markers: [
-                                { position: 'incoming' },
-                                { position: 'source' },
-                                { position: 'source-collector' },
-                                { position: 'collector' },
-                                { position: 'destination' },
-                            ] }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Custom marker text" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } }, markers: [
-                                { position: 'source-left', id: 'A' },
-                                { position: 'collector-right', id: 'B' },
-                                { position: 'outgoing', id: '!' },
-                            ] }) })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "All marker positions" }), _jsx("div", { className: "elb-explorer", "data-theme": "dark", style: {
-                            background: '#1f2937',
-                            padding: '12px',
-                            borderRadius: '8px',
-                        }, children: _jsx(FlowMap, { sources: { default: { label: 'Source', text: 'walker.js' } }, collector: { label: 'Collector', text: 'Node' }, destinations: { default: { label: 'Destination', text: 'GA4' } }, markers: [
-                                { position: 'incoming', id: 'in' },
-                                { position: 'source-left', id: 'SL' },
-                                { position: 'source-right', id: 'SR' },
-                                { position: 'source-collector', id: 'SC' },
-                                { position: 'collector-left', id: 'CL' },
-                                { position: 'collector-right', id: 'CR' },
-                                { position: 'collector-destination', id: 'CD' },
-                                { position: 'destination-left', id: 'DL' },
-                                { position: 'destination-right', id: 'DR' },
-                                { position: 'outgoing', id: 'out' },
-                            ] }) })] })] })),
-    decorators: [
-        (Story) => (_jsx("div", { style: { padding: '20px', background: '#111827' }, children: _jsx(Story, {}) })),
-    ],
-};
 /**
  * Markers with legend - shows markers and legend text below diagram
  */
@@ -393,34 +170,6 @@ export const MeshLayout = {
             segment: { label: 'Segment' },
         } })),
 };
-/**
- * Various multi-stage configurations.
- */
-export const MultipleStages = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "2 Sources \u2192 1 Destination" }), _jsx(FlowMap, { sources: {
-                            web: { label: 'Web', text: 'walker.js' },
-                            app: { label: 'App', text: 'SDK' },
-                        }, collector: { label: 'walkerOS', text: 'Node' }, destinations: { default: { label: 'BigQuery' } } })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "1 Source \u2192 3 Destinations" }), _jsx(FlowMap, { sources: { default: { label: 'Website', text: 'walker.js' } }, collector: { label: 'walkerOS' }, destinations: {
-                            ga4: { label: 'GA4', text: 'Analytics' },
-                            bigquery: { label: 'BigQuery', text: 'Warehouse' },
-                            segment: { label: 'Segment', text: 'CDP' },
-                        } })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "With named markers" }), _jsx(FlowMap, { sources: {
-                            web: { label: 'Web' },
-                            app: { label: 'App' },
-                        }, collector: { label: 'walkerOS' }, destinations: {
-                            ga4: { label: 'GA4' },
-                            bigquery: { label: 'BigQuery' },
-                        }, markers: [
-                            { position: 'source-web', id: '1', text: 'source-web (Web)' },
-                            { position: 'source-app', id: '2', text: 'source-app (App)' },
-                            { position: 'destination-ga4', id: '3', text: 'destination-ga4' },
-                            {
-                                position: 'destination-bigquery',
-                                id: '4',
-                                text: 'destination-bigquery',
-                            },
-                        ] })] })] })),
-};
 /**
  * Icons - Display Iconify icons before labels in boxes
  */
@@ -505,85 +254,6 @@ export const WithIcons = {
                             text: 'GA4',
                         } })] })] })),
 };
-/**
- * Bidirectional Flow - With return arrows showing full data flow back and forth
- */
-export const BidirectionalFlow = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Typical flow with return arrows (withReturn=true)" }), _jsx(FlowMap, { sources: { default: { label: 'Website', text: 'walker.js' } }, collector: { label: 'walkerOS', text: 'Node' }, destinations: { default: { label: 'GA4', text: 'Analytics' } }, withReturn: true })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Multi-source with return arrows" }), _jsx(FlowMap, { sources: {
-                            web: { label: 'Web', text: 'walker.js' },
-                            app: { label: 'App', text: 'SDK' },
-                        }, collector: { label: 'walkerOS', text: 'Node' }, destinations: { default: { label: 'BigQuery' } }, withReturn: true })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Multi-destination with return arrows" }), _jsx(FlowMap, { sources: { default: { label: 'Website', text: 'walker.js' } }, collector: { label: 'walkerOS' }, destinations: {
-                            ga4: { label: 'GA4', text: 'Analytics' },
-                            bigquery: { label: 'BigQuery', text: 'Warehouse' },
-                        }, withReturn: true })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "2x2 mesh with return arrows" }), _jsx(FlowMap, { sources: {
-                            web: { label: 'Web' },
-                            app: { label: 'App' },
-                        }, collector: { label: 'walkerOS' }, destinations: {
-                            ga4: { label: 'GA4' },
-                            bigquery: { label: 'BigQuery' },
-                        }, withReturn: true })] })] })),
-};
-/**
- * Per-Destination After Stages - Each destination can have its own external platform box
- */
-export const PerDestinationAfterStages = {
-    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: [_jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Each destination with its own external platform" }), _jsx(FlowMap, { sources: { default: { highlight: false } }, collector: { highlight: false }, destinations: {
-                            ga4: {
-                                label: 'Destination',
-                                text: 'GA4',
-                                after: { label: 'External', text: 'Google Analytics' },
-                            },
-                            api: {
-                                label: 'Destination',
-                                text: 'API',
-                                after: { label: 'External', text: 'Custom Endpoint' },
-                            },
-                        } })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Mixed: some destinations with after, some using shared stageAfter" }), _jsx(FlowMap, { sources: { default: { highlight: false } }, collector: { highlight: false }, destinations: {
-                            ga4: {
-                                label: 'Destination',
-                                text: 'GA4',
-                                after: { label: 'External', text: 'Google Analytics' },
-                            },
-                            segment: {
-                                label: 'Destination',
-                                text: 'Segment',
-                                // No after - will use shared stageAfter
-                            },
-                        }, stageAfter: { label: 'External', text: 'CDP' } })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Three destinations with per-destination external platforms" }), _jsx(FlowMap, { sources: {
-                            web: { label: 'Web', text: 'walker.js' },
-                        }, collector: { label: 'walkerOS' }, destinations: {
-                            ga4: {
-                                label: 'Destination',
-                                text: 'GA4',
-                                after: {
-                                    icon: 'simple-icons:googleanalytics',
-                                    label: 'External',
-                                    text: 'Google Analytics',
-                                },
-                            },
-                            meta: {
-                                label: 'Destination',
-                                text: 'Meta',
-                                after: {
-                                    icon: 'simple-icons:meta',
-                                    label: 'External',
-                                    text: 'Facebook',
-                                },
-                            },
-                            bigquery: {
-                                label: 'Destination',
-                                text: 'BigQuery',
-                                after: {
-                                    icon: 'simple-icons:googlebigquery',
-                                    label: 'External',
-                                    text: 'Data Warehouse',
-                                },
-                            },
-                        } })] }), _jsxs("div", { children: [_jsx("h3", { style: { color: '#9ca3af', marginBottom: '8px', fontSize: '14px' }, children: "Backward compatibility: shared stageAfter still works" }), _jsx(FlowMap, { sources: { default: { highlight: false } }, collector: { highlight: false }, destinations: {
-                            ga4: { label: 'Destination', text: 'GA4' },
-                            api: { label: 'Destination', text: 'API' },
-                        }, stageAfter: { label: 'External', text: 'Platforms' } })] })] })),
-};
 /**
  * walkerOS Architecture - Shows two complete data flows:
  * 1. Browser sources with validation and selective redaction