@workflow/web-shared 5.0.0-beta.4 → 5.0.0-beta.41
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.
- package/README.md +5 -13
- package/dist/components/error-boundary.js +1 -1
- package/dist/components/event-list-view.d.ts +46 -1
- package/dist/components/event-list-view.d.ts.map +1 -1
- package/dist/components/event-list-view.js +235 -97
- package/dist/components/hook-actions.js +1 -1
- package/dist/components/index.d.ts +8 -5
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +6 -4
- package/dist/components/sidebar/attribute-panel.d.ts +4 -1
- package/dist/components/sidebar/attribute-panel.d.ts.map +1 -1
- package/dist/components/sidebar/attribute-panel.js +173 -119
- package/dist/components/sidebar/attributes-block.d.ts +40 -0
- package/dist/components/sidebar/attributes-block.d.ts.map +1 -0
- package/dist/components/sidebar/attributes-block.js +140 -0
- package/dist/components/sidebar/conversation-view.js +1 -1
- package/dist/components/sidebar/copyable-data-block.d.ts +2 -0
- package/dist/components/sidebar/copyable-data-block.d.ts.map +1 -1
- package/dist/components/sidebar/copyable-data-block.js +17 -16
- package/dist/components/sidebar/entity-detail-panel.d.ts +11 -11
- package/dist/components/sidebar/entity-detail-panel.d.ts.map +1 -1
- package/dist/components/sidebar/entity-detail-panel.js +37 -71
- package/dist/components/sidebar/events-list.d.ts +6 -2
- package/dist/components/sidebar/events-list.d.ts.map +1 -1
- package/dist/components/sidebar/events-list.js +77 -63
- package/dist/components/sidebar/resolve-hook-modal.js +1 -1
- package/dist/components/sidebar/sidebar-data-context.d.ts +10 -7
- package/dist/components/sidebar/sidebar-data-context.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar-data-context.js +1 -1
- package/dist/components/sidebar/span-detail-merge.d.ts +31 -0
- package/dist/components/sidebar/span-detail-merge.d.ts.map +1 -0
- package/dist/components/sidebar/span-detail-merge.js +92 -0
- package/dist/components/sidebar/use-selected-span-detail.d.ts +16 -0
- package/dist/components/sidebar/use-selected-span-detail.d.ts.map +1 -0
- package/dist/components/sidebar/use-selected-span-detail.js +93 -0
- package/dist/components/stream-viewer-skeleton.d.ts +2 -0
- package/dist/components/stream-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/stream-viewer-skeleton.js +12 -0
- package/dist/components/stream-viewer.d.ts +1 -1
- package/dist/components/stream-viewer.d.ts.map +1 -1
- package/dist/components/stream-viewer.js +9 -26
- package/dist/components/trace-viewer/components/copy-button.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/copy-button.js +27 -0
- package/dist/components/trace-viewer/components/detail-panel-width.d.ts +34 -0
- package/dist/components/trace-viewer/components/detail-panel-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel-width.js +67 -0
- package/dist/components/trace-viewer/components/detail-panel.d.ts +14 -0
- package/dist/components/trace-viewer/components/detail-panel.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/detail-panel.js +122 -0
- package/dist/components/trace-viewer/components/draggable-border.d.ts +31 -0
- package/dist/components/trace-viewer/components/draggable-border.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/draggable-border.js +140 -0
- package/dist/components/trace-viewer/components/event-list.d.ts +10 -0
- package/dist/components/trace-viewer/components/event-list.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/event-list.js +47 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/copy-selection.js +54 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/middle-truncate.js +81 -0
- package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.d.ts +1 -1
- package/dist/components/trace-viewer/components/middle-truncate/truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/truncate.js +101 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/middle-truncate/use-middle-truncate.js +114 -0
- package/dist/components/trace-viewer/components/minimap.d.ts +14 -0
- package/dist/components/trace-viewer/components/minimap.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/minimap.js +337 -0
- package/dist/components/trace-viewer/components/pane-constants.d.ts +14 -0
- package/dist/components/trace-viewer/components/pane-constants.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/pane-constants.js +16 -0
- package/dist/components/trace-viewer/components/span-markers.d.ts +46 -0
- package/dist/components/trace-viewer/components/span-markers.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/span-markers.js +85 -0
- package/dist/components/trace-viewer/components/split-pane.d.ts +10 -0
- package/dist/components/trace-viewer/components/split-pane.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/split-pane.js +41 -0
- package/dist/components/trace-viewer/components/timeline.d.ts +42 -0
- package/dist/components/trace-viewer/components/timeline.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/timeline.js +321 -0
- package/dist/components/trace-viewer/components/timeline.module.css +46 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts +5 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.js +55 -0
- package/dist/components/trace-viewer/components/trace-shortcut-helper.module.css +20 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.d.ts +2 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/trace-viewer-skeleton.js +26 -0
- package/dist/components/trace-viewer/components/use-element-width.d.ts +8 -0
- package/dist/components/trace-viewer/components/use-element-width.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-element-width.js +25 -0
- package/dist/components/trace-viewer/components/use-row-window.d.ts +34 -0
- package/dist/components/trace-viewer/components/use-row-window.d.ts.map +1 -0
- package/dist/components/trace-viewer/components/use-row-window.js +107 -0
- package/dist/components/trace-viewer/context.d.ts +14 -182
- package/dist/components/trace-viewer/context.d.ts.map +1 -1
- package/dist/components/trace-viewer/context.js +44 -351
- package/dist/components/trace-viewer/icons.d.ts.map +1 -0
- package/dist/components/trace-viewer/icons.js +15 -0
- package/dist/components/trace-viewer/search.d.ts +19 -0
- package/dist/components/trace-viewer/search.d.ts.map +1 -0
- package/dist/components/trace-viewer/search.js +134 -0
- package/dist/components/trace-viewer/trace-viewer.d.ts +7 -28
- package/dist/components/trace-viewer/trace-viewer.d.ts.map +1 -1
- package/dist/components/trace-viewer/trace-viewer.js +306 -356
- package/dist/components/trace-viewer/types.d.ts +2 -211
- package/dist/components/trace-viewer/types.d.ts.map +1 -1
- package/dist/components/trace-viewer/types.js +1 -1
- package/dist/components/trace-viewer/util/timing.d.ts +2 -2
- package/dist/components/trace-viewer/util/timing.d.ts.map +1 -1
- package/dist/components/trace-viewer/util/timing.js +3 -3
- package/dist/components/trace-viewer/utils.d.ts +111 -0
- package/dist/components/trace-viewer/utils.d.ts.map +1 -0
- package/dist/components/trace-viewer/utils.js +430 -0
- package/dist/components/{trace-viewer-new.d.ts → trace-viewer.d.ts} +7 -3
- package/dist/components/trace-viewer.d.ts.map +1 -0
- package/dist/components/trace-viewer.js +21 -0
- package/dist/components/ui/alert.js +3 -3
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/button.js +46 -0
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/card.js +4 -4
- package/dist/components/ui/collapsible.d.ts +46 -0
- package/dist/components/ui/collapsible.d.ts.map +1 -0
- package/dist/components/ui/collapsible.js +66 -0
- package/dist/components/ui/context-card.d.ts +47 -0
- package/dist/components/ui/context-card.d.ts.map +1 -0
- package/dist/components/ui/context-card.js +471 -0
- package/dist/components/ui/data-inspector.d.ts +7 -6
- package/dist/components/ui/data-inspector.d.ts.map +1 -1
- package/dist/components/ui/data-inspector.js +232 -99
- package/dist/components/ui/data-inspector.styles.d.ts +29 -0
- package/dist/components/ui/data-inspector.styles.d.ts.map +1 -0
- package/dist/components/ui/data-inspector.styles.js +95 -0
- package/dist/components/ui/decrypt-button.js +1 -1
- package/dist/components/ui/error-card.js +3 -3
- package/dist/components/ui/error-stack-block.d.ts +17 -10
- package/dist/components/ui/error-stack-block.d.ts.map +1 -1
- package/dist/components/ui/error-stack-block.js +49 -30
- package/dist/components/ui/icon-button.d.ts +19 -0
- package/dist/components/ui/icon-button.d.ts.map +1 -0
- package/dist/components/ui/icon-button.js +29 -0
- package/dist/components/ui/kbd.d.ts +10 -0
- package/dist/components/ui/kbd.d.ts.map +1 -0
- package/dist/components/ui/kbd.js +25 -0
- package/dist/components/ui/load-more-button.js +1 -1
- package/dist/components/ui/menu-dropdown.js +1 -1
- package/dist/components/ui/skeleton.js +2 -2
- package/dist/components/ui/spinner.js +1 -1
- package/dist/components/ui/timestamp-tooltip.d.ts +34 -1
- package/dist/components/ui/timestamp-tooltip.d.ts.map +1 -1
- package/dist/components/ui/timestamp-tooltip.js +80 -132
- package/dist/components/ui/tooltip.d.ts +10 -0
- package/dist/components/ui/tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip.js +12 -0
- package/dist/components/workflow-traces/event-colors.d.ts +2 -1
- package/dist/components/workflow-traces/event-colors.d.ts.map +1 -1
- package/dist/components/workflow-traces/event-colors.js +15 -7
- package/dist/components/workflow-traces/trace-span-construction.d.ts +6 -3
- package/dist/components/workflow-traces/trace-span-construction.d.ts.map +1 -1
- package/dist/components/workflow-traces/trace-span-construction.js +71 -30
- package/dist/components/workflow-traces/trace-time-utils.js +1 -1
- package/dist/hooks/use-dark-mode.js +1 -1
- package/dist/hooks/use-intersection-observer.d.ts +17 -0
- package/dist/hooks/use-intersection-observer.d.ts.map +1 -0
- package/dist/hooks/use-intersection-observer.js +29 -0
- package/dist/hooks/use-load-more-on-scroll.d.ts +21 -0
- package/dist/hooks/use-load-more-on-scroll.d.ts.map +1 -0
- package/dist/hooks/use-load-more-on-scroll.js +28 -0
- package/dist/hooks/use-reduced-motion.d.ts +10 -0
- package/dist/hooks/use-reduced-motion.d.ts.map +1 -0
- package/dist/hooks/use-reduced-motion.js +29 -0
- package/dist/index.d.ts +4 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/lib/cn.d.ts +10 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +83 -0
- package/dist/lib/event-analysis.d.ts +1 -1
- package/dist/lib/event-analysis.d.ts.map +1 -1
- package/dist/lib/event-analysis.js +3 -2
- package/dist/lib/event-materialization.d.ts +1 -1
- package/dist/lib/event-materialization.d.ts.map +1 -1
- package/dist/lib/event-materialization.js +29 -21
- package/dist/lib/exact-event-search-id.d.ts +25 -0
- package/dist/lib/exact-event-search-id.d.ts.map +1 -0
- package/dist/lib/exact-event-search-id.js +39 -0
- package/dist/lib/hydration.d.ts +17 -2
- package/dist/lib/hydration.d.ts.map +1 -1
- package/dist/lib/hydration.js +194 -23
- package/dist/lib/stream-display.js +1 -1
- package/dist/lib/toast.js +1 -1
- package/dist/lib/trace-builder.d.ts +17 -5
- package/dist/lib/trace-builder.d.ts.map +1 -1
- package/dist/lib/trace-builder.js +32 -14
- package/dist/lib/trace-types.d.ts +54 -0
- package/dist/lib/trace-types.d.ts.map +1 -0
- package/dist/lib/trace-types.js +2 -0
- package/dist/lib/utils.d.ts +14 -2
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +46 -6
- package/dist/lib/zstd-browser-decoder.d.ts +7 -0
- package/dist/lib/zstd-browser-decoder.d.ts.map +1 -0
- package/dist/lib/zstd-browser-decoder.js +41 -0
- package/dist/styles.css +210 -139
- package/package.json +11 -8
- package/src/components/event-list-view.tsx +385 -123
- package/src/components/index.ts +14 -8
- package/src/components/sidebar/attribute-panel.tsx +331 -282
- package/src/components/sidebar/attributes-block.tsx +326 -0
- package/src/components/sidebar/copyable-data-block.tsx +50 -28
- package/src/components/sidebar/entity-detail-panel.tsx +92 -126
- package/src/components/sidebar/events-list.tsx +197 -179
- package/src/components/sidebar/sidebar-data-context.tsx +11 -11
- package/src/components/sidebar/span-detail-merge.ts +134 -0
- package/src/components/sidebar/use-selected-span-detail.ts +146 -0
- package/src/components/stream-viewer-skeleton.tsx +34 -0
- package/src/components/stream-viewer.tsx +34 -106
- package/src/components/{new-trace-viewer → trace-viewer}/components/copy-button.tsx +2 -2
- package/src/components/trace-viewer/components/detail-panel-width.test.ts +123 -0
- package/src/components/trace-viewer/components/detail-panel-width.ts +76 -0
- package/src/components/trace-viewer/components/detail-panel.tsx +273 -0
- package/src/components/trace-viewer/components/draggable-border.tsx +216 -0
- package/src/components/trace-viewer/components/event-list.tsx +144 -0
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.tsx +8 -8
- package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/truncate.ts +1 -1
- package/src/components/trace-viewer/components/minimap.tsx +556 -0
- package/src/components/trace-viewer/components/pane-constants.ts +19 -0
- package/src/components/trace-viewer/components/span-markers.tsx +173 -0
- package/src/components/trace-viewer/components/split-pane.tsx +141 -0
- package/src/components/trace-viewer/components/timeline.module.css +46 -0
- package/src/components/trace-viewer/components/timeline.tsx +850 -0
- package/src/components/trace-viewer/components/trace-shortcut-helper.module.css +20 -0
- package/src/components/trace-viewer/components/trace-shortcut-helper.tsx +116 -0
- package/src/components/trace-viewer/components/trace-viewer-skeleton.tsx +114 -0
- package/src/components/trace-viewer/components/use-element-width.ts +29 -0
- package/src/components/trace-viewer/components/use-row-window.ts +140 -0
- package/src/components/trace-viewer/context.tsx +63 -656
- package/src/components/{new-trace-viewer → trace-viewer}/icons.tsx +2 -2
- package/src/components/trace-viewer/search.ts +178 -0
- package/src/components/trace-viewer/trace-viewer.tsx +563 -531
- package/src/components/trace-viewer/types.ts +2 -234
- package/src/components/trace-viewer/util/timing.ts +2 -2
- package/src/components/trace-viewer/utils.test.ts +458 -0
- package/src/components/{new-trace-viewer → trace-viewer}/utils.ts +271 -50
- package/src/components/{trace-viewer-new.tsx → trace-viewer.tsx} +24 -18
- package/src/components/ui/alert.tsx +2 -2
- package/src/components/ui/button.tsx +68 -0
- package/src/components/ui/card.tsx +3 -10
- package/src/components/ui/collapsible.tsx +219 -0
- package/src/components/ui/context-card.tsx +784 -0
- package/src/components/ui/data-inspector.styles.ts +96 -0
- package/src/components/ui/data-inspector.tsx +501 -204
- package/src/components/ui/error-card.tsx +4 -4
- package/src/components/ui/error-stack-block.tsx +84 -55
- package/src/components/ui/icon-button.tsx +53 -0
- package/src/components/ui/kbd.tsx +43 -0
- package/src/components/ui/skeleton.tsx +1 -1
- package/src/components/ui/timestamp-tooltip.tsx +132 -194
- package/src/components/ui/tooltip.tsx +47 -0
- package/src/components/workflow-traces/event-colors.ts +15 -11
- package/src/components/workflow-traces/trace-span-construction.test.ts +85 -0
- package/src/components/workflow-traces/trace-span-construction.ts +97 -32
- package/src/hooks/use-intersection-observer.ts +57 -0
- package/src/hooks/use-load-more-on-scroll.ts +49 -0
- package/src/hooks/use-reduced-motion.ts +34 -0
- package/src/index.ts +10 -4
- package/src/lib/cn.ts +93 -0
- package/src/lib/event-analysis.ts +6 -4
- package/src/lib/event-materialization.ts +35 -21
- package/src/lib/exact-event-search-id.ts +67 -0
- package/src/lib/hydration.ts +210 -30
- package/src/lib/trace-builder.ts +43 -19
- package/src/lib/trace-types.ts +56 -0
- package/src/lib/utils.test.ts +33 -0
- package/src/lib/utils.ts +53 -6
- package/src/lib/zstd-browser-decoder.ts +42 -0
- package/src/styles.css +210 -139
- package/dist/components/error-boundary.js.map +0 -1
- package/dist/components/event-list-view.js.map +0 -1
- package/dist/components/hook-actions.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/new-trace-viewer/components/copy-button.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/copy-button.js +0 -27
- package/dist/components/new-trace-viewer/components/copy-button.js.map +0 -1
- package/dist/components/new-trace-viewer/components/event-list.d.ts +0 -8
- package/dist/components/new-trace-viewer/components/event-list.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/event-list.js +0 -38
- package/dist/components/new-trace-viewer/components/event-list.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js +0 -54
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js +0 -81
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js +0 -101
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js +0 -114
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js.map +0 -1
- package/dist/components/new-trace-viewer/components/split-pane.d.ts +0 -14
- package/dist/components/new-trace-viewer/components/split-pane.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/split-pane.js +0 -99
- package/dist/components/new-trace-viewer/components/split-pane.js.map +0 -1
- package/dist/components/new-trace-viewer/components/timeline.d.ts +0 -31
- package/dist/components/new-trace-viewer/components/timeline.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/components/timeline.js +0 -138
- package/dist/components/new-trace-viewer/components/timeline.js.map +0 -1
- package/dist/components/new-trace-viewer/context.d.ts +0 -15
- package/dist/components/new-trace-viewer/context.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/context.js +0 -47
- package/dist/components/new-trace-viewer/context.js.map +0 -1
- package/dist/components/new-trace-viewer/detail-panel.d.ts +0 -10
- package/dist/components/new-trace-viewer/detail-panel.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/detail-panel.js +0 -12
- package/dist/components/new-trace-viewer/detail-panel.js.map +0 -1
- package/dist/components/new-trace-viewer/icons.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/icons.js +0 -15
- package/dist/components/new-trace-viewer/icons.js.map +0 -1
- package/dist/components/new-trace-viewer/trace-viewer.d.ts +0 -8
- package/dist/components/new-trace-viewer/trace-viewer.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/trace-viewer.js +0 -349
- package/dist/components/new-trace-viewer/trace-viewer.js.map +0 -1
- package/dist/components/new-trace-viewer/types.d.ts +0 -1
- package/dist/components/new-trace-viewer/types.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/types.js +0 -2
- package/dist/components/new-trace-viewer/types.js.map +0 -1
- package/dist/components/new-trace-viewer/util/constants.d.ts +0 -1
- package/dist/components/new-trace-viewer/util/constants.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/util/constants.js +0 -2
- package/dist/components/new-trace-viewer/util/constants.js.map +0 -1
- package/dist/components/new-trace-viewer/utils.d.ts +0 -42
- package/dist/components/new-trace-viewer/utils.d.ts.map +0 -1
- package/dist/components/new-trace-viewer/utils.js +0 -305
- package/dist/components/new-trace-viewer/utils.js.map +0 -1
- package/dist/components/run-trace-view.d.ts +0 -25
- package/dist/components/run-trace-view.d.ts.map +0 -1
- package/dist/components/run-trace-view.js +0 -11
- package/dist/components/run-trace-view.js.map +0 -1
- package/dist/components/sidebar/attribute-panel.js.map +0 -1
- package/dist/components/sidebar/conversation-view.js.map +0 -1
- package/dist/components/sidebar/copyable-data-block.js.map +0 -1
- package/dist/components/sidebar/detail-card.d.ts +0 -14
- package/dist/components/sidebar/detail-card.d.ts.map +0 -1
- package/dist/components/sidebar/detail-card.js +0 -20
- package/dist/components/sidebar/detail-card.js.map +0 -1
- package/dist/components/sidebar/entity-detail-panel.js.map +0 -1
- package/dist/components/sidebar/events-list.js.map +0 -1
- package/dist/components/sidebar/resolve-hook-modal.js.map +0 -1
- package/dist/components/sidebar/sidebar-data-context.js.map +0 -1
- package/dist/components/stream-viewer.js.map +0 -1
- package/dist/components/trace-viewer/components/map.d.ts +0 -8
- package/dist/components/trace-viewer/components/map.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/map.js +0 -162
- package/dist/components/trace-viewer/components/map.js.map +0 -1
- package/dist/components/trace-viewer/components/markers.d.ts +0 -23
- package/dist/components/trace-viewer/components/markers.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/markers.js +0 -416
- package/dist/components/trace-viewer/components/markers.js.map +0 -1
- package/dist/components/trace-viewer/components/node.d.ts +0 -35
- package/dist/components/trace-viewer/components/node.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/node.js +0 -285
- package/dist/components/trace-viewer/components/node.js.map +0 -1
- package/dist/components/trace-viewer/components/search-input.d.ts +0 -9
- package/dist/components/trace-viewer/components/search-input.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search-input.js +0 -9
- package/dist/components/trace-viewer/components/search-input.js.map +0 -1
- package/dist/components/trace-viewer/components/search.d.ts +0 -3
- package/dist/components/trace-viewer/components/search.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/search.js +0 -25
- package/dist/components/trace-viewer/components/search.js.map +0 -1
- package/dist/components/trace-viewer/components/span-content.d.ts +0 -19
- package/dist/components/trace-viewer/components/span-content.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-content.js +0 -137
- package/dist/components/trace-viewer/components/span-content.js.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts +0 -10
- package/dist/components/trace-viewer/components/span-detail-panel.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.js +0 -285
- package/dist/components/trace-viewer/components/span-detail-panel.js.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.d.ts +0 -50
- package/dist/components/trace-viewer/components/span-segments.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.js +0 -445
- package/dist/components/trace-viewer/components/span-segments.js.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.d.ts +0 -46
- package/dist/components/trace-viewer/components/span-strategies.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.js +0 -108
- package/dist/components/trace-viewer/components/span-strategies.js.map +0 -1
- package/dist/components/trace-viewer/components/ui.d.ts +0 -28
- package/dist/components/trace-viewer/components/ui.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/ui.js +0 -39
- package/dist/components/trace-viewer/components/ui.js.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.d.ts +0 -3
- package/dist/components/trace-viewer/components/zoom-button.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.js +0 -29
- package/dist/components/trace-viewer/components/zoom-button.js.map +0 -1
- package/dist/components/trace-viewer/components/zoom-icons.d.ts +0 -11
- package/dist/components/trace-viewer/components/zoom-icons.d.ts.map +0 -1
- package/dist/components/trace-viewer/components/zoom-icons.js +0 -11
- package/dist/components/trace-viewer/components/zoom-icons.js.map +0 -1
- package/dist/components/trace-viewer/context.js.map +0 -1
- package/dist/components/trace-viewer/index.d.ts +0 -5
- package/dist/components/trace-viewer/index.d.ts.map +0 -1
- package/dist/components/trace-viewer/index.js +0 -4
- package/dist/components/trace-viewer/index.js.map +0 -1
- package/dist/components/trace-viewer/trace-viewer.js.map +0 -1
- package/dist/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/dist/components/trace-viewer/types.js.map +0 -1
- package/dist/components/trace-viewer/util/constants.d.ts +0 -9
- package/dist/components/trace-viewer/util/constants.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/constants.js +0 -9
- package/dist/components/trace-viewer/util/constants.js.map +0 -1
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts +0 -2
- package/dist/components/trace-viewer/util/scrollbar-width.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/scrollbar-width.js +0 -14
- package/dist/components/trace-viewer/util/scrollbar-width.js.map +0 -1
- package/dist/components/trace-viewer/util/timing.js.map +0 -1
- package/dist/components/trace-viewer/util/tree.d.ts +0 -13
- package/dist/components/trace-viewer/util/tree.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/tree.js +0 -227
- package/dist/components/trace-viewer/util/tree.js.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts +0 -15
- package/dist/components/trace-viewer/util/use-immediate-style.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.js +0 -23
- package/dist/components/trace-viewer/util/use-immediate-style.js.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts +0 -8
- package/dist/components/trace-viewer/util/use-streaming-spans.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.js +0 -345
- package/dist/components/trace-viewer/util/use-streaming-spans.js.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts +0 -6
- package/dist/components/trace-viewer/util/use-trackpad-zoom.d.ts.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js +0 -39
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js.map +0 -1
- package/dist/components/trace-viewer/worker.d.ts +0 -2
- package/dist/components/trace-viewer/worker.d.ts.map +0 -1
- package/dist/components/trace-viewer/worker.js +0 -109
- package/dist/components/trace-viewer/worker.js.map +0 -1
- package/dist/components/trace-viewer-new.d.ts.map +0 -1
- package/dist/components/trace-viewer-new.js +0 -23
- package/dist/components/trace-viewer-new.js.map +0 -1
- package/dist/components/ui/alert.js.map +0 -1
- package/dist/components/ui/card.js.map +0 -1
- package/dist/components/ui/data-inspector.js.map +0 -1
- package/dist/components/ui/decrypt-button.js.map +0 -1
- package/dist/components/ui/error-card.js.map +0 -1
- package/dist/components/ui/error-stack-block.js.map +0 -1
- package/dist/components/ui/inspector-theme.d.ts +0 -95
- package/dist/components/ui/inspector-theme.d.ts.map +0 -1
- package/dist/components/ui/inspector-theme.js +0 -82
- package/dist/components/ui/inspector-theme.js.map +0 -1
- package/dist/components/ui/load-more-button.js.map +0 -1
- package/dist/components/ui/menu-dropdown.js.map +0 -1
- package/dist/components/ui/skeleton.js.map +0 -1
- package/dist/components/ui/spinner.js.map +0 -1
- package/dist/components/ui/timestamp-tooltip.js.map +0 -1
- package/dist/components/workflow-trace-view.d.ts +0 -40
- package/dist/components/workflow-trace-view.d.ts.map +0 -1
- package/dist/components/workflow-trace-view.js +0 -695
- package/dist/components/workflow-trace-view.js.map +0 -1
- package/dist/components/workflow-traces/event-colors.js.map +0 -1
- package/dist/components/workflow-traces/trace-colors.d.ts +0 -15
- package/dist/components/workflow-traces/trace-colors.d.ts.map +0 -1
- package/dist/components/workflow-traces/trace-colors.js +0 -87
- package/dist/components/workflow-traces/trace-colors.js.map +0 -1
- package/dist/components/workflow-traces/trace-span-construction.js.map +0 -1
- package/dist/components/workflow-traces/trace-time-utils.js.map +0 -1
- package/dist/hooks/use-dark-mode.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/lib/event-analysis.js.map +0 -1
- package/dist/lib/event-materialization.js.map +0 -1
- package/dist/lib/hydration.js.map +0 -1
- package/dist/lib/stream-display.js.map +0 -1
- package/dist/lib/toast.js.map +0 -1
- package/dist/lib/trace-builder.js.map +0 -1
- package/dist/lib/utils.js.map +0 -1
- package/src/components/new-trace-viewer/components/event-list.tsx +0 -116
- package/src/components/new-trace-viewer/components/split-pane.tsx +0 -185
- package/src/components/new-trace-viewer/components/timeline.tsx +0 -382
- package/src/components/new-trace-viewer/context.tsx +0 -92
- package/src/components/new-trace-viewer/detail-panel.tsx +0 -58
- package/src/components/new-trace-viewer/trace-viewer.tsx +0 -645
- package/src/components/new-trace-viewer/types.ts +0 -0
- package/src/components/new-trace-viewer/util/constants.ts +0 -0
- package/src/components/run-trace-view.tsx +0 -84
- package/src/components/sidebar/detail-card.tsx +0 -65
- package/src/components/trace-viewer/components/map.tsx +0 -226
- package/src/components/trace-viewer/components/markers.tsx +0 -612
- package/src/components/trace-viewer/components/node.tsx +0 -505
- package/src/components/trace-viewer/components/search-input.tsx +0 -52
- package/src/components/trace-viewer/components/search.tsx +0 -47
- package/src/components/trace-viewer/components/span-content.tsx +0 -247
- package/src/components/trace-viewer/components/span-detail-panel.tsx +0 -655
- package/src/components/trace-viewer/components/span-segments.ts +0 -585
- package/src/components/trace-viewer/components/span-strategies.ts +0 -205
- package/src/components/trace-viewer/components/ui.tsx +0 -156
- package/src/components/trace-viewer/components/zoom-button.tsx +0 -61
- package/src/components/trace-viewer/components/zoom-icons.tsx +0 -65
- package/src/components/trace-viewer/index.tsx +0 -4
- package/src/components/trace-viewer/trace-viewer.module.css +0 -1465
- package/src/components/trace-viewer/util/constants.ts +0 -8
- package/src/components/trace-viewer/util/scrollbar-width.ts +0 -13
- package/src/components/trace-viewer/util/tree.ts +0 -277
- package/src/components/trace-viewer/util/use-immediate-style.ts +0 -38
- package/src/components/trace-viewer/util/use-streaming-spans.ts +0 -426
- package/src/components/trace-viewer/util/use-trackpad-zoom.tsx +0 -51
- package/src/components/trace-viewer/worker.ts +0 -131
- package/src/components/ui/inspector-theme.ts +0 -110
- package/src/components/workflow-trace-view.tsx +0 -1171
- package/src/components/workflow-traces/trace-colors.ts +0 -112
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/copy-button.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/middle-truncate.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.d.ts +0 -0
- /package/dist/components/{new-trace-viewer → trace-viewer}/icons.d.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/copy-selection.ts +0 -0
- /package/src/components/{new-trace-viewer → trace-viewer}/components/middle-truncate/use-middle-truncate.ts +0 -0
- /package/src/{components/trace-viewer/modules.d.ts → modules.d.ts} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"event-list-view.js","sourceRoot":"","sources":["../../src/components/event-list-view.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { parseStepName, parseWorkflowName } from '@workflow/utils/parse-name';\nimport type { Event, WorkflowRun } from '@workflow/world';\nimport { Check, ChevronRight, Copy } from 'lucide-react';\nimport type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Virtuoso, type VirtuosoHandle } from 'react-virtuoso';\nimport { isEncryptedMarker } from '../lib/hydration';\nimport { DecryptButton } from './ui/decrypt-button';\nimport { formatDuration } from '../lib/utils';\nimport { DataInspector, DecryptClickContext } from './ui/data-inspector';\nimport {\n ErrorStackBlock,\n isStructuredErrorWithStack,\n} from './ui/error-stack-block';\nimport { LoadMoreButton } from './ui/load-more-button';\nimport { MenuDropdown } from './ui/menu-dropdown';\nimport { Skeleton } from './ui/skeleton';\nimport { TimestampTooltip } from './ui/timestamp-tooltip';\n\n/**\n * Event types whose eventData contains an error field with a StructuredError.\n */\nconst ERROR_EVENT_TYPES = new Set([\n 'step_failed',\n 'step_retrying',\n 'run_failed',\n 'workflow_failed',\n]);\n\nconst BUTTON_RESET_STYLE: React.CSSProperties = {\n appearance: 'none',\n WebkitAppearance: 'none',\n border: 'none',\n background: 'transparent',\n};\nconst DOT_PULSE_ANIMATION =\n 'workflow-dot-pulse 1.25s cubic-bezier(0, 0, 0.2, 1) infinite';\n\n// ──────────────────────────────────────────────────────────────────────────\n// Helpers\n// ──────────────────────────────────────────────────────────────────────────\n\nfunction formatEventTime(date: Date): string {\n return (\n date.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit',\n hour12: false,\n }) +\n '.' +\n date.getMilliseconds().toString().padStart(3, '0')\n );\n}\n\nfunction formatEventType(eventType: Event['eventType']): string {\n return eventType\n .split('_')\n .map((word: string) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Event type → status color (small dot only)\n// ──────────────────────────────────────────────────────────────────────────\n\n/** Returns a CSS color using Geist design tokens for the status dot. */\nfunction getStatusDotColor(eventType: string): string {\n // Failed → red\n if (\n eventType === 'step_failed' ||\n eventType === 'run_failed' ||\n eventType === 'workflow_failed'\n ) {\n return 'var(--ds-red-700)';\n }\n // Cancelled → amber\n if (eventType === 'run_cancelled') {\n return 'var(--ds-amber-700)';\n }\n // Retrying → amber\n if (eventType === 'step_retrying') {\n return 'var(--ds-amber-700)';\n }\n // Completed/succeeded → green\n if (\n eventType === 'step_completed' ||\n eventType === 'run_completed' ||\n eventType === 'workflow_completed' ||\n eventType === 'hook_disposed' ||\n eventType === 'wait_completed'\n ) {\n return 'var(--ds-green-700)';\n }\n // Started/running → blue\n if (\n eventType === 'step_started' ||\n eventType === 'run_started' ||\n eventType === 'workflow_started' ||\n eventType === 'hook_received'\n ) {\n return 'var(--ds-blue-700)';\n }\n // Created/pending → gray\n return 'var(--ds-gray-600)';\n}\n\n/**\n * Build a map from correlationId (stepId) → display name using step_created\n * events, and parse the workflow name from the run.\n */\nfunction buildNameMaps(\n events: Event[] | null,\n run: WorkflowRun | null\n): {\n correlationNameMap: Map<string, string>;\n workflowName: string | null;\n} {\n const correlationNameMap = new Map<string, string>();\n\n // Map step correlationId (= stepId) → parsed step name from step_created events\n if (events) {\n for (const event of events) {\n if (event.eventType === 'step_created' && event.correlationId) {\n const stepName = event.eventData?.stepName ?? '';\n const parsed = parseStepName(String(stepName));\n correlationNameMap.set(\n event.correlationId,\n parsed?.shortName ?? stepName\n );\n }\n }\n }\n\n // Parse workflow name from run\n const workflowName = run?.workflowName\n ? (parseWorkflowName(run.workflowName)?.shortName ?? run.workflowName)\n : null;\n\n return { correlationNameMap, workflowName };\n}\n\ninterface DurationInfo {\n /** Time from created → started (ms) */\n queued?: number;\n /** Time from started → completed/failed/cancelled (ms) */\n ran?: number;\n}\n\n/**\n * Build a map from correlationId → duration info by diffing\n * created ↔ started (queued) and started ↔ completed/failed/cancelled (ran).\n * Also computes run-level durations under the key '__run__'.\n */\nfunction buildDurationMap(events: Event[]): Map<string, DurationInfo> {\n const createdTimes = new Map<string, number>();\n const startedTimes = new Map<string, number>();\n const durations = new Map<string, DurationInfo>();\n\n for (const event of events) {\n const ts = new Date(event.createdAt).getTime();\n const key = event.correlationId ?? '__run__';\n const type: string = event.eventType;\n\n // Track created times (first event for each correlation)\n if (type === 'step_created' || type === 'run_created') {\n createdTimes.set(key, ts);\n }\n\n // Track started times & compute queued duration\n if (\n type === 'step_started' ||\n type === 'run_started' ||\n type === 'workflow_started'\n ) {\n startedTimes.set(key, ts);\n // If no explicit created event was seen, use the started time as created\n if (!createdTimes.has(key)) {\n createdTimes.set(key, ts);\n }\n const createdAt = createdTimes.get(key);\n const info = durations.get(key) ?? {};\n if (createdAt !== undefined) {\n info.queued = ts - createdAt;\n }\n durations.set(key, info);\n }\n\n // Compute ran duration on terminal events\n if (\n type === 'step_completed' ||\n type === 'step_failed' ||\n type === 'run_completed' ||\n type === 'run_failed' ||\n type === 'run_cancelled' ||\n type === 'workflow_completed' ||\n type === 'workflow_failed' ||\n type === 'wait_completed' ||\n type === 'hook_disposed'\n ) {\n const startedAt = startedTimes.get(key);\n const info = durations.get(key) ?? {};\n if (startedAt !== undefined) {\n info.ran = ts - startedAt;\n }\n durations.set(key, info);\n }\n }\n\n return durations;\n}\n\n/** Check if a loaded eventData object contains any encrypted marker values. */\nfunction hasEncryptedValues(data: unknown): boolean {\n if (!data || typeof data !== 'object') return false;\n for (const val of Object.values(data as Record<string, unknown>)) {\n if (isEncryptedMarker(val)) return true;\n }\n return false;\n}\n\nfunction isRunLevel(eventType: string): boolean {\n return (\n eventType === 'run_created' ||\n eventType === 'run_started' ||\n eventType === 'run_completed' ||\n eventType === 'run_failed' ||\n eventType === 'run_cancelled' ||\n eventType === 'workflow_started' ||\n eventType === 'workflow_completed' ||\n eventType === 'workflow_failed'\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Tree gutter — fixed-width, shows branch lines only for the selected group\n// ──────────────────────────────────────────────────────────────────────────\n\n/** Fixed gutter width: 20px root area + 16px for one branch lane */\nconst GUTTER_WIDTH = 36;\n/** X position of the single branch lane line */\nconst LANE_X = 20;\nconst ROOT_LINE_COLOR = 'var(--ds-gray-500)';\n\nfunction TreeGutter({\n isFirst,\n isLast,\n isRunLevel: isRun,\n statusDotColor,\n pulse = false,\n hasSelection,\n showBranch,\n showLaneLine,\n isLaneStart,\n isLaneEnd,\n continuationOnly = false,\n}: {\n isFirst: boolean;\n isLast: boolean;\n isRunLevel: boolean;\n statusDotColor?: string;\n pulse?: boolean;\n /** Whether any group is currently active (selected or hovered) */\n hasSelection: boolean;\n /** Whether to show a horizontal branch line for this row (event belongs to active group) */\n showBranch: boolean;\n /** Whether the vertical lane line passes through this row */\n showLaneLine: boolean;\n /** Whether the vertical lane line starts at this row (top clipped to 50%) */\n isLaneStart: boolean;\n /** Whether the vertical lane line ends at this row (bottom clipped to 50%) */\n isLaneEnd: boolean;\n continuationOnly?: boolean;\n}) {\n const dotSize = isRun ? 8 : 6;\n const dotLeft = isRun ? 5 : 6;\n const dotOpacity = hasSelection && !showBranch && !isRun ? 0.3 : 1;\n\n return (\n <div\n className=\"relative flex-shrink-0 self-stretch\"\n style={{\n width: GUTTER_WIDTH,\n minHeight: continuationOnly ? 0 : undefined,\n }}\n >\n {/* Root vertical line (leftmost, always visible) */}\n <div\n style={{\n position: 'absolute',\n left: 8,\n top: continuationOnly ? 0 : isFirst ? '50%' : 0,\n bottom: continuationOnly ? 0 : isLast ? '50%' : 0,\n width: 2,\n backgroundColor: ROOT_LINE_COLOR,\n zIndex: 0,\n }}\n />\n\n {!continuationOnly && (\n <>\n {/* Status dot on the root line for every event */}\n <div\n style={{\n position: 'absolute',\n left: dotLeft,\n top: '50%',\n transform: 'translateY(-50%)',\n width: dotSize,\n height: dotSize,\n zIndex: 2,\n }}\n >\n {/* Opaque backdrop ensures gutter lines never visually cut through dots */}\n <div\n style={{\n position: 'absolute',\n inset: 0,\n borderRadius: '50%',\n backgroundColor: 'var(--ds-background-100)',\n zIndex: 0,\n }}\n />\n {pulse && (\n <div\n style={{\n position: 'absolute',\n inset: 0,\n borderRadius: '50%',\n backgroundColor: statusDotColor,\n opacity: 0.75 * dotOpacity,\n animation: DOT_PULSE_ANIMATION,\n zIndex: 1,\n }}\n />\n )}\n <div\n style={{\n position: 'relative',\n width: '100%',\n height: '100%',\n borderRadius: '50%',\n backgroundColor: statusDotColor,\n opacity: dotOpacity,\n transition: 'opacity 150ms',\n zIndex: 2,\n }}\n />\n </div>\n\n {/* Horizontal branch from root to gutter edge (selected group events only) */}\n {showBranch && (\n <div\n style={{\n position: 'absolute',\n left: 9,\n top: '50%',\n width: GUTTER_WIDTH - 9,\n height: 2,\n backgroundColor: ROOT_LINE_COLOR,\n zIndex: 0,\n }}\n />\n )}\n </>\n )}\n\n {/* Vertical lane line connecting the selected group's events */}\n {showLaneLine && (\n <div\n style={{\n position: 'absolute',\n left: LANE_X,\n top: continuationOnly ? 0 : isLaneStart ? '50%' : 0,\n bottom: continuationOnly ? 0 : isLaneEnd ? '50%' : 0,\n width: 2,\n backgroundColor: ROOT_LINE_COLOR,\n zIndex: 0,\n }}\n />\n )}\n </div>\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Copyable cell — shows a copy button on hover\n// ──────────────────────────────────────────────────────────────────────────\n\nfunction CopyableCell({\n value,\n className,\n style: styleProp,\n}: {\n value: string;\n className?: string;\n style?: React.CSSProperties;\n}): ReactNode {\n const [copied, setCopied] = useState(false);\n const resetCopiedTimeoutRef = useRef<number | null>(null);\n\n useEffect(() => {\n return () => {\n if (resetCopiedTimeoutRef.current !== null) {\n window.clearTimeout(resetCopiedTimeoutRef.current);\n }\n };\n }, []);\n\n const handleCopy = useCallback(\n (e: ReactMouseEvent) => {\n e.stopPropagation();\n navigator.clipboard.writeText(value).then(() => {\n setCopied(true);\n if (resetCopiedTimeoutRef.current !== null) {\n window.clearTimeout(resetCopiedTimeoutRef.current);\n }\n resetCopiedTimeoutRef.current = window.setTimeout(() => {\n setCopied(false);\n resetCopiedTimeoutRef.current = null;\n }, 1500);\n });\n },\n [value]\n );\n\n return (\n <div\n className={`group/copy flex items-center gap-1 min-w-0 px-4 ${className ?? ''}`}\n style={styleProp}\n >\n <span className=\"overflow-hidden text-ellipsis whitespace-nowrap\">\n {value || '-'}\n </span>\n {value ? (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]\"\n style={BUTTON_RESET_STYLE}\n aria-label={`Copy ${value}`}\n >\n {copied ? (\n <Check\n className=\"h-3 w-3\"\n style={{ color: 'var(--ds-green-700)' }}\n />\n ) : (\n <Copy className=\"h-3 w-3\" style={{ color: 'var(--ds-gray-700)' }} />\n )}\n </button>\n ) : null}\n </div>\n );\n}\n\n/** Recursively parse stringified JSON values so escaped slashes / quotes are cleaned up */\nfunction deepParseJson(value: unknown): unknown {\n if (typeof value === 'string') {\n const trimmed = value.trim();\n if (\n (trimmed.startsWith('{') && trimmed.endsWith('}')) ||\n (trimmed.startsWith('[') && trimmed.endsWith(']')) ||\n (trimmed.startsWith('\"') && trimmed.endsWith('\"'))\n ) {\n try {\n return deepParseJson(JSON.parse(trimmed));\n } catch {\n return value;\n }\n }\n return value;\n }\n if (Array.isArray(value)) {\n return value.map(deepParseJson);\n }\n if (value !== null && typeof value === 'object') {\n // Preserve objects with custom constructors (e.g., encrypted markers,\n // class instance refs) — don't destructure them into plain objects\n if (value.constructor !== Object) {\n return value;\n }\n const result: Record<string, unknown> = {};\n for (const [k, v] of Object.entries(value)) {\n result[k] = deepParseJson(v);\n }\n return result;\n }\n return value;\n}\n\n/**\n * Extracts a structured error with a stack trace from event data, if present.\n * Returns the error object to render with ErrorStackBlock, or null if not applicable.\n */\nfunction extractStructuredError(\n data: unknown,\n eventType?: string\n): (Record<string, unknown> & { stack: string }) | null {\n if (!eventType || !ERROR_EVENT_TYPES.has(eventType)) return null;\n if (data == null || typeof data !== 'object') return null;\n const record = data as Record<string, unknown>;\n // Check the nested `error` field first (the StructuredError)\n if (isStructuredErrorWithStack(record.error)) return record.error;\n // Some error formats put the stack at the top level of eventData\n if (isStructuredErrorWithStack(record)) return record;\n return null;\n}\n\nfunction PayloadBlock({\n data,\n eventType,\n}: {\n data: unknown;\n eventType?: string;\n}): ReactNode {\n const structuredError = useMemo(\n () => extractStructuredError(data, eventType),\n [data, eventType]\n );\n\n const [copied, setCopied] = useState(false);\n const resetCopiedTimeoutRef = useRef<number | null>(null);\n const cleaned = useMemo(() => deepParseJson(data), [data]);\n\n useEffect(() => {\n return () => {\n if (resetCopiedTimeoutRef.current !== null) {\n window.clearTimeout(resetCopiedTimeoutRef.current);\n }\n };\n }, []);\n\n const formatted = useMemo(() => {\n try {\n return JSON.stringify(cleaned, null, 2);\n } catch {\n return String(cleaned);\n }\n }, [cleaned]);\n\n const handleCopy = useCallback(\n (e: ReactMouseEvent) => {\n e.stopPropagation();\n navigator.clipboard.writeText(formatted).then(() => {\n setCopied(true);\n if (resetCopiedTimeoutRef.current !== null) {\n window.clearTimeout(resetCopiedTimeoutRef.current);\n }\n resetCopiedTimeoutRef.current = window.setTimeout(() => {\n setCopied(false);\n resetCopiedTimeoutRef.current = null;\n }, 1500);\n });\n },\n [formatted]\n );\n\n if (structuredError) {\n return (\n <div className=\"p-2\">\n <ErrorStackBlock value={structuredError} />\n </div>\n );\n }\n\n return (\n <div className=\"relative group/payload\">\n <div\n className=\"overflow-x-auto p-2 text-[11px]\"\n style={{ color: 'var(--ds-gray-1000)' }}\n >\n <DataInspector data={cleaned} expandLevel={2} />\n </div>\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"absolute bottom-2 right-2 opacity-0 group-hover/payload:opacity-100 transition-opacity flex items-center gap-1 px-2 py-1 rounded-md text-xs hover:bg-[var(--ds-gray-alpha-200)]\"\n style={{ ...BUTTON_RESET_STYLE, color: 'var(--ds-gray-700)' }}\n aria-label=\"Copy payload\"\n >\n {copied ? (\n <>\n <Check\n className=\"h-3 w-3\"\n style={{ color: 'var(--ds-green-700)' }}\n />\n <span style={{ color: 'var(--ds-green-700)' }}>Copied</span>\n </>\n ) : (\n <>\n <Copy className=\"h-3 w-3\" />\n <span>Copy</span>\n </>\n )}\n </button>\n </div>\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Sort options for the events list\n// ──────────────────────────────────────────────────────────────────────────\n\nconst SORT_OPTIONS = [\n { value: 'desc' as const, label: 'Newest' },\n { value: 'asc' as const, label: 'Oldest' },\n];\n\nfunction RowsSkeleton() {\n return (\n <div className=\"flex-1 overflow-hidden\">\n {Array.from({ length: 16 }, (_, i) => (\n <div key={i} className=\"flex items-center gap-0\" style={{ height: 40 }}>\n {/* Gutter area */}\n <div\n className=\"relative flex-shrink-0 self-stretch flex items-center\"\n style={{ width: GUTTER_WIDTH }}\n >\n {/* Vertical line skeleton */}\n <div\n style={{\n position: 'absolute',\n left: 8,\n top: i === 0 ? '50%' : 0,\n bottom: 0,\n width: 2,\n }}\n >\n <Skeleton className=\"w-full h-full\" style={{ borderRadius: 1 }} />\n </div>\n {/* Dot skeleton */}\n <Skeleton\n className=\"flex-shrink-0\"\n style={{\n width: i % 4 === 0 ? 8 : 6,\n height: i % 4 === 0 ? 8 : 6,\n borderRadius: '50%',\n marginLeft: i % 4 === 0 ? 5 : 6,\n }}\n />\n </div>\n {/* Chevron placeholder */}\n <div className=\"w-5 flex-shrink-0 flex items-center justify-center\">\n <Skeleton className=\"w-5 h-5\" style={{ borderRadius: 4 }} />\n </div>\n {/* Time */}\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: '70%' }} />\n </div>\n {/* Event Type */}\n <div\n className=\"min-w-0 px-4 flex items-center gap-1.5\"\n style={{ flex: '2 1 0%' }}\n >\n <Skeleton\n className=\"flex-shrink-0\"\n style={{ width: 6, height: 6, borderRadius: '50%' }}\n />\n <Skeleton className=\"h-3\" style={{ width: '60%' }} />\n </div>\n {/* Name */}\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: '50%' }} />\n </div>\n {/* Correlation ID */}\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: '75%' }} />\n </div>\n {/* Event ID */}\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: '75%' }} />\n </div>\n </div>\n ))}\n </div>\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Event row\n// ──────────────────────────────────────────────────────────────────────────\n\ninterface EventsListProps {\n events: Event[] | null;\n run?: WorkflowRun | null;\n onLoadEventData?: (event: Event) => Promise<unknown | null>;\n hasMoreEvents?: boolean;\n isLoadingMoreEvents?: boolean;\n onLoadMoreEvents?: () => Promise<void> | void;\n /** When provided, signals that decryption is active (triggers re-load of expanded events) */\n encryptionKey?: Uint8Array;\n /** When true, shows a loading state instead of \"No events found\" for empty lists */\n isLoading?: boolean;\n /** Sort order for events. Defaults to 'asc'. */\n sortOrder?: 'asc' | 'desc';\n /** Called when the user changes sort order. When provided, the sort dropdown is shown\n * and the parent is expected to refetch from the API with the new order. */\n onSortOrderChange?: (order: 'asc' | 'desc') => void;\n /** Called when the user clicks the Decrypt button. */\n onDecrypt?: () => void;\n /** Whether the encryption key is currently being fetched. */\n isDecrypting?: boolean;\n /** Run-level hint: the run contains encrypted data (from probe). */\n hasEncryptedData?: boolean;\n}\n\nfunction EventRow({\n event,\n index,\n isFirst,\n isLast,\n isExpanded,\n onToggleExpand,\n activeGroupKey,\n selectedGroupKey,\n selectedGroupRange,\n correlationNameMap,\n workflowName,\n durationMap,\n onSelectGroup,\n onHoverGroup,\n onLoadEventData,\n cachedEventData,\n onCacheEventData,\n encryptionKey,\n onEncryptedDataDetected,\n}: {\n event: Event;\n index: number;\n isFirst: boolean;\n isLast: boolean;\n isExpanded: boolean;\n onToggleExpand: (eventId: string) => void;\n activeGroupKey?: string;\n selectedGroupKey?: string;\n selectedGroupRange: { first: number; last: number } | null;\n correlationNameMap: Map<string, string>;\n workflowName: string | null;\n durationMap: Map<string, DurationInfo>;\n onSelectGroup: (groupKey: string | undefined) => void;\n onHoverGroup: (groupKey: string | undefined) => void;\n onLoadEventData?: (event: Event) => Promise<unknown | null>;\n cachedEventData: unknown | null;\n onCacheEventData: (eventId: string, data: unknown) => void;\n encryptionKey?: Uint8Array;\n onEncryptedDataDetected?: () => void;\n}) {\n const [isLoading, setIsLoading] = useState(false);\n const [loadedEventData, setLoadedEventData] = useState<unknown | null>(\n cachedEventData\n );\n const [loadError, setLoadError] = useState<string | null>(null);\n const [hasAttemptedLoad, setHasAttemptedLoad] = useState(\n cachedEventData !== null\n );\n\n // Notify parent if cached data has encrypted markers on mount\n useEffect(() => {\n if (\n cachedEventData !== null &&\n !encryptionKey &&\n hasEncryptedValues(cachedEventData)\n ) {\n onEncryptedDataDetected?.();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const rowGroupKey = isRunLevel(event.eventType)\n ? '__run__'\n : (event.correlationId ?? undefined);\n\n const statusDotColor = getStatusDotColor(event.eventType);\n const createdAt = new Date(event.createdAt);\n const hasExistingEventData = 'eventData' in event && event.eventData != null;\n const isRun = isRunLevel(event.eventType);\n const eventName = isRun\n ? (workflowName ?? '-')\n : event.correlationId\n ? (correlationNameMap.get(event.correlationId) ?? '-')\n : '-';\n\n const durationKey = event.correlationId ?? (isRun ? '__run__' : '');\n const durationInfo = durationKey ? durationMap.get(durationKey) : undefined;\n\n const hasActive = activeGroupKey !== undefined;\n const isRelated = rowGroupKey !== undefined && rowGroupKey === activeGroupKey;\n const isDimmed = hasActive && !isRelated;\n const isPulsing = hasActive && isRelated;\n\n // Gutter state derived from selectedGroupRange\n const showBranch = hasActive && isRelated && !isRun;\n const showLaneLine =\n selectedGroupRange !== null &&\n index >= selectedGroupRange.first &&\n index <= selectedGroupRange.last;\n const isLaneStart =\n selectedGroupRange !== null && index === selectedGroupRange.first;\n const isLaneEnd =\n selectedGroupRange !== null && index === selectedGroupRange.last;\n\n const loadEventDetails = useCallback(async () => {\n if (loadedEventData !== null) {\n return;\n }\n if (cachedEventData !== null) {\n setLoadedEventData(cachedEventData);\n setHasAttemptedLoad(true);\n return;\n }\n if (isLoading) {\n return;\n }\n setIsLoading(true);\n setLoadError(null);\n try {\n if (!onLoadEventData) {\n setLoadError('Event details unavailable');\n return;\n }\n const data = await onLoadEventData(event);\n if (data !== null && data !== undefined) {\n setLoadedEventData(data);\n onCacheEventData(event.eventId, data);\n if (!encryptionKey && hasEncryptedValues(data)) {\n onEncryptedDataDetected?.();\n }\n }\n } catch (err) {\n setLoadError(\n err instanceof Error ? err.message : 'Failed to load event details'\n );\n } finally {\n setIsLoading(false);\n setHasAttemptedLoad(true);\n }\n }, [\n event,\n loadedEventData,\n isLoading,\n onLoadEventData,\n onCacheEventData,\n encryptionKey,\n onEncryptedDataDetected,\n cachedEventData,\n ]);\n\n // Auto-load event data when remounting in expanded state without cached data\n useEffect(() => {\n if (!isExpanded || isLoading) {\n return;\n }\n void loadEventDetails();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // When encryption key changes and this event was previously loaded,\n // re-load to get decrypted data\n useEffect(() => {\n if (encryptionKey && hasAttemptedLoad && onLoadEventData) {\n setLoadedEventData(null);\n setHasAttemptedLoad(false);\n onLoadEventData(event)\n .then((data) => {\n if (data !== null && data !== undefined) {\n setLoadedEventData(data);\n onCacheEventData(event.eventId, data);\n }\n setHasAttemptedLoad(true);\n })\n .catch(() => {\n setHasAttemptedLoad(true);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [encryptionKey]);\n\n const handleRowClick = useCallback(() => {\n onSelectGroup(rowGroupKey === selectedGroupKey ? undefined : rowGroupKey);\n onToggleExpand(event.eventId);\n if (!isExpanded) {\n void loadEventDetails();\n }\n }, [\n selectedGroupKey,\n rowGroupKey,\n onSelectGroup,\n onToggleExpand,\n event.eventId,\n isExpanded,\n loadEventDetails,\n ]);\n\n const mergedEventData =\n loadedEventData ??\n (hasExistingEventData\n ? (event as Event & { eventData: unknown }).eventData\n : null);\n\n const displayPayload = isLoading ? loadedEventData : mergedEventData;\n\n const contentOpacity = isDimmed ? 0.3 : 1;\n\n return (\n <div\n data-event-id={event.eventId}\n onMouseEnter={() => onHoverGroup(rowGroupKey)}\n onMouseLeave={() => onHoverGroup(undefined)}\n >\n {/* Row */}\n <div\n role=\"button\"\n tabIndex={0}\n onClick={handleRowClick}\n onKeyDown={(e) => {\n if (e.key === 'Enter' || e.key === ' ') handleRowClick();\n }}\n className=\"w-full text-left flex items-center gap-0 text-[13px] hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer\"\n style={{ minHeight: 40 }}\n >\n <TreeGutter\n isFirst={isFirst}\n isLast={isLast && !isExpanded}\n isRunLevel={isRun}\n statusDotColor={statusDotColor}\n pulse={isPulsing}\n hasSelection={hasActive}\n showBranch={showBranch}\n showLaneLine={showLaneLine}\n isLaneStart={isLaneStart}\n isLaneEnd={isLaneEnd}\n />\n\n {/* Content area — dims when unrelated */}\n <div\n className=\"flex items-center flex-1 min-w-0\"\n style={{ opacity: contentOpacity, transition: 'opacity 150ms' }}\n >\n {/* Expand chevron indicator */}\n <div\n className=\"flex items-center justify-center w-5 h-5 flex-shrink-0 rounded\"\n style={{\n border: '1px solid var(--ds-gray-400)',\n }}\n >\n <ChevronRight\n className=\"h-3 w-3 transition-transform\"\n style={{\n color: 'var(--ds-gray-900)',\n transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n }}\n />\n </div>\n\n {/* Time */}\n <div\n className=\"tabular-nums min-w-0 px-4\"\n style={{ color: 'var(--ds-gray-900)', flex: '2 1 0%' }}\n >\n <TimestampTooltip date={createdAt}>\n <span>{formatEventTime(createdAt)}</span>\n </TimestampTooltip>\n </div>\n\n {/* Event Type */}\n <div className=\"font-medium min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <span\n className=\"inline-flex items-center gap-1.5\"\n style={{ color: 'var(--ds-gray-900)' }}\n >\n <span\n style={{\n position: 'relative',\n display: 'inline-flex',\n width: 6,\n height: 6,\n flexShrink: 0,\n }}\n >\n {isPulsing && (\n <span\n style={{\n position: 'absolute',\n inset: 0,\n borderRadius: '50%',\n backgroundColor: statusDotColor,\n opacity: 0.75,\n animation: DOT_PULSE_ANIMATION,\n }}\n />\n )}\n <span\n style={{\n position: 'relative',\n width: 6,\n height: 6,\n borderRadius: '50%',\n backgroundColor: statusDotColor,\n }}\n />\n </span>\n {formatEventType(event.eventType)}\n </span>\n </div>\n\n {/* Name */}\n <div\n className=\"min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap\"\n style={{ flex: '2 1 0%' }}\n title={eventName !== '-' ? eventName : undefined}\n >\n {eventName}\n </div>\n\n {/* Correlation ID */}\n <CopyableCell\n value={event.correlationId || ''}\n className=\"font-mono\"\n style={{ flex: '3 1 0%' }}\n />\n\n {/* Event ID */}\n <CopyableCell\n value={event.eventId}\n className=\"font-mono\"\n style={{ flex: '3 1 0%' }}\n />\n </div>\n </div>\n\n {/* Expanded details — tree lines continue through this area */}\n {isExpanded && (\n <div className=\"flex\">\n {/* Continuation gutter — lane line continues if not at lane end */}\n <TreeGutter\n isFirst={false}\n isLast={isLast}\n isRunLevel={isRun}\n hasSelection={hasActive}\n showBranch={false}\n showLaneLine={showLaneLine && !isLaneEnd}\n isLaneStart={false}\n isLaneEnd={false}\n continuationOnly\n />\n {/* Spacer for chevron column */}\n <div className=\"w-5 flex-shrink-0\" />\n <div\n className=\"flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden\"\n style={{\n borderColor: 'var(--ds-gray-alpha-200)',\n opacity: contentOpacity,\n transition: 'opacity 150ms',\n }}\n >\n {/* Duration info */}\n {(durationInfo?.queued !== undefined ||\n durationInfo?.ran !== undefined) && (\n <div\n className=\"px-2 pb-1.5 text-xs flex gap-3\"\n style={{ color: 'var(--ds-gray-900)' }}\n >\n {durationInfo.queued !== undefined &&\n durationInfo.queued > 0 && (\n <span>\n Queued for{' '}\n <span className=\"font-mono tabular-nums\">\n {formatDuration(durationInfo.queued)}\n </span>\n </span>\n )}\n {durationInfo.ran !== undefined && (\n <span>\n Ran for{' '}\n <span className=\"font-mono tabular-nums\">\n {formatDuration(durationInfo.ran)}\n </span>\n </span>\n )}\n </div>\n )}\n\n {/* Payload */}\n {displayPayload != null ? (\n <PayloadBlock data={displayPayload} eventType={event.eventType} />\n ) : loadError ? (\n <div\n className=\"rounded-md border p-3 text-xs\"\n style={{\n borderColor: 'var(--ds-red-400)',\n backgroundColor: 'var(--ds-red-100)',\n color: 'var(--ds-red-900)',\n }}\n >\n {loadError}\n </div>\n ) : isLoading ||\n (loadedEventData === null &&\n !hasAttemptedLoad &&\n event.correlationId) ? (\n <div className=\"flex flex-col gap-2 p-3\">\n <Skeleton className=\"h-3\" style={{ width: '75%' }} />\n <Skeleton className=\"h-3\" style={{ width: '50%' }} />\n <Skeleton className=\"h-3\" style={{ width: '60%' }} />\n </div>\n ) : (\n <div\n className=\"p-2 text-xs\"\n style={{ color: 'var(--ds-gray-900)' }}\n >\n No data\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n );\n}\n\n// ──────────────────────────────────────────────────────────────────────────\n// Main component\n// ──────────────────────────────────────────────────────────────────────────\n\nexport function EventListView({\n events,\n run,\n onLoadEventData,\n hasMoreEvents = false,\n isLoadingMoreEvents = false,\n onLoadMoreEvents,\n encryptionKey,\n isLoading = false,\n sortOrder: sortOrderProp,\n onSortOrderChange,\n onDecrypt,\n isDecrypting = false,\n hasEncryptedData: hasEncryptedDataProp = false,\n}: EventsListProps) {\n const [internalSortOrder, setInternalSortOrder] = useState<'asc' | 'desc'>(\n 'asc'\n );\n const effectiveSortOrder = sortOrderProp ?? internalSortOrder;\n const handleSortOrderChange = useCallback(\n (order: 'asc' | 'desc') => {\n if (onSortOrderChange) {\n onSortOrderChange(order);\n } else {\n setInternalSortOrder(order);\n }\n },\n [onSortOrderChange]\n );\n\n const sortedEvents = useMemo(() => {\n if (!events || events.length === 0) return [];\n const dir = effectiveSortOrder === 'desc' ? -1 : 1;\n return [...events].sort(\n (a, b) =>\n dir *\n (new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime())\n );\n }, [events, effectiveSortOrder]);\n\n // Detect encrypted fields across all loaded events (inline eventData).\n const hasEncryptedInlineData = useMemo(() => {\n if (!events) return false;\n for (const event of events) {\n const ed = (event as Record<string, unknown>).eventData;\n if (hasEncryptedValues(ed)) return true;\n }\n return false;\n }, [events]);\n\n // Tracks whether any expanded row's lazy-loaded data contained encrypted markers.\n // Set to true by EventRow via onEncryptedDataDetected; never reset (sticky).\n const [foundEncryptedInLazyData, setFoundEncryptedInLazyData] =\n useState(false);\n const handleEncryptedDataDetected = useCallback(() => {\n setFoundEncryptedInLazyData(true);\n }, []);\n\n const hasEncryptedData =\n hasEncryptedDataProp || hasEncryptedInlineData || foundEncryptedInLazyData;\n\n const { correlationNameMap, workflowName } = useMemo(\n () => buildNameMaps(events ?? null, run ?? null),\n [events, run]\n );\n\n const durationMap = useMemo(\n () => buildDurationMap(sortedEvents),\n [sortedEvents]\n );\n\n const [selectedGroupKey, setSelectedGroupKey] = useState<string | undefined>(\n undefined\n );\n const [hoveredGroupKey, setHoveredGroupKey] = useState<string | undefined>(\n undefined\n );\n const onSelectGroup = useCallback((groupKey: string | undefined) => {\n setSelectedGroupKey(groupKey);\n }, []);\n const onHoverGroup = useCallback((groupKey: string | undefined) => {\n setHoveredGroupKey(groupKey);\n }, []);\n\n const activeGroupKey = selectedGroupKey ?? hoveredGroupKey;\n\n // Expanded state lifted out of EventRow so it survives virtualization\n const [expandedEventIds, setExpandedEventIds] = useState<Set<string>>(\n () => new Set()\n );\n const toggleEventExpanded = useCallback((eventId: string) => {\n setExpandedEventIds((prev) => {\n const next = new Set(prev);\n if (next.has(eventId)) {\n next.delete(eventId);\n } else {\n next.add(eventId);\n }\n return next;\n });\n }, []);\n\n // Event data cache — ref avoids re-renders when cache updates\n const eventDataCacheRef = useRef<Map<string, unknown>>(new Map());\n const cacheEventData = useCallback((eventId: string, data: unknown) => {\n eventDataCacheRef.current.set(eventId, data);\n }, []);\n\n // Lookup from eventId → groupKey for efficient collapse filtering\n const eventGroupKeyMap = useMemo(() => {\n const map = new Map<string, string>();\n for (const ev of sortedEvents) {\n const gk = isRunLevel(ev.eventType)\n ? '__run__'\n : (ev.correlationId ?? '');\n if (gk) map.set(ev.eventId, gk);\n }\n return map;\n }, [sortedEvents]);\n\n // Collapse expanded events that don't belong to the newly selected group\n useEffect(() => {\n if (selectedGroupKey === undefined) return;\n setExpandedEventIds((prev) => {\n if (prev.size === 0) return prev;\n let changed = false;\n const next = new Set<string>();\n for (const eventId of prev) {\n if (eventGroupKeyMap.get(eventId) === selectedGroupKey) {\n next.add(eventId);\n } else {\n changed = true;\n }\n }\n return changed ? next : prev;\n });\n }, [selectedGroupKey, eventGroupKeyMap]);\n\n // Compute the row-index range for the active group's connecting lane line.\n // Only applies to non-run groups (step/hook/wait correlations).\n const selectedGroupRange = useMemo(() => {\n if (!activeGroupKey || activeGroupKey === '__run__') return null;\n let first = -1;\n let last = -1;\n for (let i = 0; i < sortedEvents.length; i++) {\n if (sortedEvents[i].correlationId === activeGroupKey) {\n if (first === -1) first = i;\n last = i;\n }\n }\n return first >= 0 ? { first, last } : null;\n }, [activeGroupKey, sortedEvents]);\n\n const [searchQuery, setSearchQuery] = useState('');\n const virtuosoRef = useRef<VirtuosoHandle>(null);\n\n const searchIndex = useMemo(() => {\n const entries: {\n fields: string[];\n groupKey?: string;\n eventId: string;\n index: number;\n }[] = [];\n for (let i = 0; i < sortedEvents.length; i++) {\n const ev = sortedEvents[i];\n const isRun = isRunLevel(ev.eventType);\n const name = isRun\n ? (workflowName ?? '')\n : ev.correlationId\n ? (correlationNameMap.get(ev.correlationId) ?? '')\n : '';\n entries.push({\n fields: [\n ev.eventId,\n ev.correlationId ?? '',\n ev.eventType,\n formatEventType(ev.eventType),\n name,\n ].map((f) => f.toLowerCase()),\n groupKey: ev.correlationId ?? (isRun ? '__run__' : undefined),\n eventId: ev.eventId,\n index: i,\n });\n }\n return entries;\n }, [sortedEvents, correlationNameMap, workflowName]);\n\n useEffect(() => {\n const q = searchQuery.trim().toLowerCase();\n if (!q) {\n setSelectedGroupKey(undefined);\n return;\n }\n let bestMatch: (typeof searchIndex)[number] | null = null;\n let bestScore = 0;\n for (const entry of searchIndex) {\n for (const field of entry.fields) {\n if (field && field.includes(q)) {\n const score = q.length / field.length;\n if (score > bestScore) {\n bestScore = score;\n bestMatch = entry;\n }\n }\n }\n }\n if (bestMatch) {\n setSelectedGroupKey(bestMatch.groupKey);\n virtuosoRef.current?.scrollToIndex({\n index: bestMatch.index,\n align: 'center',\n behavior: 'smooth',\n });\n }\n }, [searchQuery, searchIndex]);\n\n // Track whether we've ever had events to distinguish initial load from refetch\n const hasHadEventsRef = useRef(false);\n if (sortedEvents.length > 0) {\n hasHadEventsRef.current = true;\n }\n const isInitialLoad = isLoading && !hasHadEventsRef.current;\n const isRefetching =\n isLoading && hasHadEventsRef.current && sortedEvents.length === 0;\n\n if (isInitialLoad) {\n return (\n <div className=\"h-full flex flex-col overflow-hidden\">\n {/* Skeleton search bar */}\n <div style={{ padding: 6 }}>\n <Skeleton style={{ height: 40, borderRadius: 6 }} />\n </div>\n {/* Skeleton header */}\n <div\n className=\"flex items-center gap-0 h-10 border-b flex-shrink-0\"\n style={{ borderColor: 'var(--ds-gray-alpha-200)' }}\n >\n <div className=\"flex-shrink-0\" style={{ width: GUTTER_WIDTH }} />\n <div className=\"w-5 flex-shrink-0\" />\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: 40 }} />\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: 72 }} />\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: 44 }} />\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: 92 }} />\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n <Skeleton className=\"h-3\" style={{ width: 60 }} />\n </div>\n </div>\n <RowsSkeleton />\n </div>\n );\n }\n\n if (!isLoading && (!events || events.length === 0)) {\n return (\n <div\n className=\"flex items-center justify-center h-full text-sm\"\n style={{ color: 'var(--ds-gray-700)' }}\n >\n No events found\n </div>\n );\n }\n\n return (\n <DecryptClickContext.Provider\n value={onDecrypt ? { onDecrypt, isDecrypting } : undefined}\n >\n <div className=\"h-full flex flex-col overflow-hidden\">\n <style>{`@keyframes workflow-dot-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.2);opacity:0}}`}</style>\n {/* Search bar + sort */}\n <div\n style={{\n padding: 6,\n backgroundColor: 'var(--ds-background-100)',\n display: 'flex',\n gap: 6,\n }}\n >\n <label\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 6,\n boxShadow: '0 0 0 1px var(--ds-gray-alpha-400)',\n background: 'var(--ds-background-100)',\n height: 40,\n flex: 1,\n minWidth: 0,\n }}\n >\n <div\n style={{\n width: 40,\n height: 40,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'var(--ds-gray-800)',\n flexShrink: 0,\n }}\n >\n <svg\n width={16}\n height={16}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <circle\n cx=\"7\"\n cy=\"7\"\n r=\"4.5\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n />\n <path\n d=\"M11.5 11.5L14 14\"\n stroke=\"currentColor\"\n strokeWidth=\"1.5\"\n strokeLinecap=\"round\"\n />\n </svg>\n </div>\n <input\n type=\"search\"\n placeholder=\"Search by name, event type, or ID…\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n style={{\n marginLeft: -16,\n paddingInline: 12,\n fontFamily: 'inherit',\n fontSize: 14,\n background: 'transparent',\n border: 'none',\n outline: 'none',\n height: 40,\n width: '100%',\n }}\n />\n </label>\n <MenuDropdown\n options={SORT_OPTIONS}\n value={effectiveSortOrder}\n onChange={handleSortOrderChange}\n />\n {(hasEncryptedData || encryptionKey) && onDecrypt && (\n <DecryptButton\n decrypted={!!encryptionKey}\n loading={isDecrypting}\n onClick={onDecrypt}\n />\n )}\n </div>\n\n {/* Header */}\n <div\n className=\"flex items-center gap-0 text-[13px] font-medium h-10 border-b flex-shrink-0\"\n style={{\n borderColor: 'var(--ds-gray-alpha-200)',\n color: 'var(--ds-gray-900)',\n backgroundColor: 'var(--ds-background-100)',\n }}\n >\n <div className=\"flex-shrink-0\" style={{ width: GUTTER_WIDTH }} />\n <div className=\"w-5 flex-shrink-0\" />\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n Time\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n Event Type\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '2 1 0%' }}>\n Name\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n Correlation ID\n </div>\n <div className=\"min-w-0 px-4\" style={{ flex: '3 1 0%' }}>\n Event ID\n </div>\n </div>\n\n {/* Virtualized event rows or refetching skeleton */}\n {isRefetching ? (\n <RowsSkeleton />\n ) : (\n <Virtuoso\n ref={virtuosoRef}\n totalCount={sortedEvents.length}\n overscan={20}\n defaultItemHeight={40}\n endReached={() => {\n if (!hasMoreEvents || isLoadingMoreEvents) {\n return;\n }\n void onLoadMoreEvents?.();\n }}\n itemContent={(index: number) => {\n const ev = sortedEvents[index];\n return (\n <EventRow\n event={ev}\n index={index}\n isFirst={index === 0}\n isLast={index === sortedEvents.length - 1}\n isExpanded={expandedEventIds.has(ev.eventId)}\n onToggleExpand={toggleEventExpanded}\n activeGroupKey={activeGroupKey}\n selectedGroupKey={selectedGroupKey}\n selectedGroupRange={selectedGroupRange}\n correlationNameMap={correlationNameMap}\n workflowName={workflowName}\n durationMap={durationMap}\n onSelectGroup={onSelectGroup}\n onHoverGroup={onHoverGroup}\n onLoadEventData={onLoadEventData}\n cachedEventData={\n eventDataCacheRef.current.get(ev.eventId) ?? null\n }\n onCacheEventData={cacheEventData}\n encryptionKey={encryptionKey}\n onEncryptedDataDetected={handleEncryptedDataDetected}\n />\n );\n }}\n style={{ flex: 1, minHeight: 0 }}\n />\n )}\n\n {/* Fixed footer — count + load more */}\n <div\n className=\"relative flex-shrink-0 flex items-center h-10 border-t px-4 text-xs\"\n style={{\n borderColor: 'var(--ds-gray-alpha-200)',\n color: 'var(--ds-gray-900)',\n backgroundColor: 'var(--ds-background-100)',\n }}\n >\n <span>\n {sortedEvents.length} event\n {sortedEvents.length !== 1 ? 's' : ''} loaded\n </span>\n {hasMoreEvents && (\n <div className=\"absolute inset-0 flex items-center justify-center pointer-events-none\">\n <div className=\"pointer-events-auto\">\n <LoadMoreButton\n loading={isLoadingMoreEvents}\n onClick={() => void onLoadMoreEvents?.()}\n />\n </div>\n </div>\n )}\n </div>\n </div>\n </DecryptClickContext.Provider>\n );\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"hook-actions.js","sourceRoot":"","sources":["../../src/components/hook-actions.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport type { Hook, WorkflowRunStatus } from '@workflow/world';\nimport { Send } from 'lucide-react';\nimport { useCallback, useState } from 'react';\nimport { useToast } from '../lib/toast';\nimport { ResolveHookModal } from './sidebar/resolve-hook-modal';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface HookActionCallbacks {\n /** Called after a successful action */\n onSuccess?: () => void;\n}\n\nexport interface UseHookActionsOptions {\n onResolve: (hook: Hook, payload: unknown) => Promise<void>;\n callbacks?: HookActionCallbacks;\n}\n\nexport interface UseHookActionsReturn {\n /** Whether the hook is currently being resolved */\n isResolving: boolean;\n /** The hook currently selected for resolution (null if none) */\n selectedHook: Hook | null;\n /** Open the resolve modal for a specific hook */\n openResolveModal: (hook: Hook) => void;\n /** Close the resolve modal */\n closeResolveModal: () => void;\n /** Handle submitting the resolve payload */\n handleResolve: (payload: unknown) => Promise<void>;\n}\n\n// ============================================================================\n// Hook for managing hook actions state\n// ============================================================================\n\n/**\n * React hook for managing hook action state.\n * Use this to coordinate the resolve modal across components.\n */\nexport function useHookActions({\n onResolve,\n callbacks,\n}: UseHookActionsOptions): UseHookActionsReturn {\n const toast = useToast();\n const [isResolving, setIsResolving] = useState(false);\n const [selectedHook, setSelectedHook] = useState<Hook | null>(null);\n\n const openResolveModal = useCallback((hook: Hook) => {\n setSelectedHook(hook);\n }, []);\n\n const closeResolveModal = useCallback(() => {\n setSelectedHook(null);\n }, []);\n\n const handleResolve = useCallback(\n async (payload: unknown) => {\n if (isResolving || !selectedHook) return;\n\n try {\n setIsResolving(true);\n await onResolve(selectedHook, payload);\n toast.success('Hook resolved', {\n description: 'The payload has been sent and the hook resolved.',\n });\n setSelectedHook(null);\n callbacks?.onSuccess?.();\n } catch (err) {\n console.error('Failed to resolve hook:', err);\n toast.error('Failed to resolve hook', {\n description:\n err instanceof Error ? err.message : 'An unknown error occurred',\n });\n } finally {\n setIsResolving(false);\n }\n },\n [onResolve, selectedHook, isResolving, callbacks]\n );\n\n return {\n isResolving,\n selectedHook,\n openResolveModal,\n closeResolveModal,\n handleResolve,\n };\n}\n\n// ============================================================================\n// Dropdown Menu Item Component\n// ============================================================================\n\nexport interface HookActionsDropdownItemProps {\n /** The hook to act on */\n hook: Hook;\n /** The current run status (used to determine if actions are available) */\n runStatus?: WorkflowRunStatus;\n /** Stop click event propagation (useful in table rows) */\n stopPropagation?: boolean;\n /** Called when the resolve action is triggered */\n onResolveClick: (hook: Hook) => void;\n /** Custom DropdownMenuItem component (allows using the consumer's UI library) */\n DropdownMenuItem: React.ComponentType<{\n onClick?: (e: React.MouseEvent) => void;\n disabled?: boolean;\n children: React.ReactNode;\n }>;\n}\n\n/**\n * Dropdown menu item for resolving a hook.\n * This is a single menu item component that can be composed into dropdown menus.\n */\nexport function ResolveHookDropdownItem({\n hook,\n stopPropagation = false,\n onResolveClick,\n DropdownMenuItem,\n}: HookActionsDropdownItemProps): React.JSX.Element {\n const handleClick = (e: React.MouseEvent) => {\n if (stopPropagation) e.stopPropagation();\n onResolveClick(hook);\n };\n\n return (\n <DropdownMenuItem onClick={handleClick}>\n <Send className=\"h-4 w-4 mr-2\" />\n Resolve Hook\n </DropdownMenuItem>\n );\n}\n\n// ============================================================================\n// Modal wrapper for convenience\n// ============================================================================\n\nexport interface HookResolveModalProps {\n /** The hook actions state from useHookActions */\n hookActions: UseHookActionsReturn;\n}\n\n/**\n * Convenience wrapper that renders the ResolveHookModal using useHookActions state.\n * Place this at the top level of your component (outside any iteration).\n */\nexport function HookResolveModalWrapper({\n hookActions,\n}: HookResolveModalProps): React.JSX.Element | null {\n const { selectedHook, closeResolveModal, handleResolve, isResolving } =\n hookActions;\n\n return (\n <ResolveHookModal\n isOpen={selectedHook !== null}\n onClose={closeResolveModal}\n onSubmit={handleResolve}\n isSubmitting={isResolving}\n />\n );\n}\n\n// Re-export the modal for direct use\nexport { ResolveHookModal } from './sidebar/resolve-hook-modal';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQlD,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EACL,mBAAmB,GAEpB,MAAM,gCAAgC,CAAC;AAKxC,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,EACL,aAAa,EAEb,mBAAmB,GAEpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAA2B,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { ErrorBoundary } from './error-boundary';\nexport { EventListView } from './event-list-view';\nexport type {\n HookActionCallbacks,\n HookActionsDropdownItemProps,\n HookResolveModalProps,\n UseHookActionsOptions,\n UseHookActionsReturn,\n} from './hook-actions';\nexport {\n HookResolveModalWrapper,\n ResolveHookDropdownItem,\n ResolveHookModal,\n useHookActions,\n} from './hook-actions';\nexport { RunTraceView } from './run-trace-view';\nexport { ConversationView } from './sidebar/conversation-view';\nexport {\n SidebarDataProvider,\n type SidebarDataContextValue,\n} from './sidebar/sidebar-data-context';\nexport type {\n SelectedSpanInfo,\n SpanSelectionInfo,\n} from './sidebar/entity-detail-panel';\nexport { type StreamChunk, StreamViewer } from './stream-viewer';\nexport type { Span, SpanEvent } from './trace-viewer/types';\nexport {\n DataInspector,\n type DataInspectorProps,\n DecryptClickContext,\n type DecryptClickContextValue,\n} from './ui/data-inspector';\nexport { DecryptButton } from './ui/decrypt-button';\nexport { LoadMoreButton } from './ui/load-more-button';\nexport { MenuDropdown, type MenuDropdownOption } from './ui/menu-dropdown';\nexport { Spinner } from './ui/spinner';\nexport { WorkflowTraceViewer } from './workflow-trace-view';\nexport { NewTraceViewer } from './trace-viewer-new';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/copy-button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,GAAG,EAA+B,MAAM,OAAO,CAAC;AAG9D,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,SAAS,GACV,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAmD/B"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Check, Copy } from 'lucide-react';
|
|
4
|
-
import { useEffect, useRef, useState } from 'react';
|
|
5
|
-
import { cn } from '../../../lib/utils';
|
|
6
|
-
export function CopyButton({ copyText, ariaLabel, className, }) {
|
|
7
|
-
const [copied, setCopied] = useState(false);
|
|
8
|
-
const timeoutRef = useRef(null);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
return () => {
|
|
11
|
-
if (timeoutRef.current) {
|
|
12
|
-
clearTimeout(timeoutRef.current);
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
}, []);
|
|
16
|
-
return (_jsx("button", { type: "button", "aria-label": ariaLabel, className: cn('cursor-pointer text-gray-800 hover:text-gray-1000 bg-transparent border-none p-1 m-0', className), onClick: (e) => {
|
|
17
|
-
e.stopPropagation();
|
|
18
|
-
if (timeoutRef.current) {
|
|
19
|
-
clearTimeout(timeoutRef.current);
|
|
20
|
-
}
|
|
21
|
-
void navigator.clipboard.writeText(copyText).then(() => {
|
|
22
|
-
setCopied(true);
|
|
23
|
-
timeoutRef.current = setTimeout(() => setCopied(false), 1000);
|
|
24
|
-
});
|
|
25
|
-
}, children: _jsxs("div", { className: "relative w-3 h-3", children: [_jsx("div", { className: cn('absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out', copied ? 'scale-100 opacity-100' : 'scale-0 opacity-0'), children: _jsx(Check, { className: "w-3 h-3" }) }), _jsx("div", { className: cn('absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out', copied ? 'scale-0 opacity-0' : 'scale-100 opacity-100'), children: _jsx(Copy, { className: "w-3 h-3" }) })] }) }));
|
|
26
|
-
}
|
|
27
|
-
//# sourceMappingURL=copy-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy-button.js","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/copy-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAY,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,SAAS,GACO;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,gBACD,SAAS,EACrB,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,SAAS,CACV,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACvB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;YACD,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACrD,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;QACL,CAAC,YAED,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cACE,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,CACvD,YAED,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACzB,EACN,cACE,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,uBAAuB,CACvD,YAED,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,GACxB,IACF,GACC,CACV,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { type JSX, useEffect, useRef, useState } from 'react';\nimport { cn } from '../../../lib/utils';\n\ninterface CopyButtonProps {\n copyText: string;\n ariaLabel: string;\n className?: string;\n}\n\nexport function CopyButton({\n copyText,\n ariaLabel,\n className,\n}: CopyButtonProps): JSX.Element {\n const [copied, setCopied] = useState(false);\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n return () => {\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n };\n }, []);\n\n return (\n <button\n type=\"button\"\n aria-label={ariaLabel}\n className={cn(\n 'cursor-pointer text-gray-800 hover:text-gray-1000 bg-transparent border-none p-1 m-0',\n className\n )}\n onClick={(e) => {\n e.stopPropagation();\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n void navigator.clipboard.writeText(copyText).then(() => {\n setCopied(true);\n timeoutRef.current = setTimeout(() => setCopied(false), 1000);\n });\n }}\n >\n <div className=\"relative w-3 h-3\">\n <div\n className={cn(\n 'absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out',\n copied ? 'scale-100 opacity-100' : 'scale-0 opacity-0'\n )}\n >\n <Check className=\"w-3 h-3\" />\n </div>\n <div\n className={cn(\n 'absolute inset-0 flex items-center justify-center transition-all duration-150 ease-out',\n copied ? 'scale-0 opacity-0' : 'scale-100 opacity-100'\n )}\n >\n <Copy className=\"w-3 h-3\" />\n </div>\n </div>\n </button>\n );\n}\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Span } from '../../trace-viewer/types';
|
|
2
|
-
declare const EventList: ({ spans, activeSpanId, onSelectSpan, }: {
|
|
3
|
-
spans: Span[];
|
|
4
|
-
activeSpanId: string | null;
|
|
5
|
-
onSelectSpan: (spanId: string) => void;
|
|
6
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default EventList;
|
|
8
|
-
//# sourceMappingURL=event-list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"event-list.d.ts","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/event-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAwFrD,QAAA,MAAM,SAAS,GAAI,wCAIhB;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,4CAeA,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Circle } from 'lucide-react';
|
|
3
|
-
import { cn } from '../../../lib/utils';
|
|
4
|
-
import { formatDuration } from '../../trace-viewer/util/timing';
|
|
5
|
-
import { WorkflowIcon, WebhookIcon, SleepIcon, StepForwardIcon, } from '../icons';
|
|
6
|
-
import { getSpanDurationMs } from '../utils';
|
|
7
|
-
import { MiddleTruncate } from './middle-truncate/middle-truncate';
|
|
8
|
-
const eventStyles = {
|
|
9
|
-
run: { icon: WorkflowIcon, className: 'text-blue-900' },
|
|
10
|
-
step: { icon: StepForwardIcon, className: 'text-green-900' },
|
|
11
|
-
hook: { icon: WebhookIcon, className: 'text-yellow-900' },
|
|
12
|
-
sleep: { icon: SleepIcon, className: 'text-gray-900' },
|
|
13
|
-
};
|
|
14
|
-
const defaultStyle = {
|
|
15
|
-
icon: Circle,
|
|
16
|
-
className: 'text-gray-900',
|
|
17
|
-
};
|
|
18
|
-
const ROW_HEIGHT_CLASS = 'h-10';
|
|
19
|
-
function getEventStyle(resource, isErrored) {
|
|
20
|
-
const style = eventStyles[resource] ?? defaultStyle;
|
|
21
|
-
return {
|
|
22
|
-
icon: style.icon,
|
|
23
|
-
className: cn(isErrored ? 'text-red-900' : style.className),
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
const EventRow = ({ span, isSelected, onSelectSpan, }) => {
|
|
27
|
-
const durationMs = getSpanDurationMs(span);
|
|
28
|
-
const isErrored = span.attributes.data.status === 'failed';
|
|
29
|
-
const { icon: Icon, className: tagClassName } = getEventStyle(span.resource, isErrored);
|
|
30
|
-
return (_jsx("li", { className: cn('relative overflow-clip group after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-gray-alpha-400', ROW_HEIGHT_CLASS), role: 'treeitem', "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, onClick: () => onSelectSpan(span.spanId), children: _jsx("div", { className: 'h-full hover:bg-gray-100 group-aria-selected:bg-gray-100 group-aria-selected:hover:bg-gray-200', children: _jsxs("div", { className: 'flex h-full min-w-0 items-center px-2', children: [_jsxs("div", { className: 'flex min-w-0 flex-1 items-center gap-2', children: [_jsx("span", { className: cn('shrink-0', tagClassName), children: _jsx(Icon, { className: 'w-4 h-4' }) }), _jsx("span", { className: 'min-w-0 text-label-14', children: _jsx(MiddleTruncate, { value: span.name }) })] }), _jsx("div", { className: 'ml-2 shrink-0', children: _jsx("span", { className: 'text-label-14 text-gray-900 tabular-nums', children: formatDuration(durationMs) }) })] }) }) }));
|
|
31
|
-
};
|
|
32
|
-
const EventList = ({ spans, activeSpanId, onSelectSpan, }) => {
|
|
33
|
-
return (_jsx("ul", { id: 'event-list', role: 'tree', className: 'block min-h-0 overflow-visible', children: spans.map((span) => {
|
|
34
|
-
return (_jsx(EventRow, { span: span, isSelected: span.spanId === activeSpanId, onSelectSpan: onSelectSpan }, span.spanId));
|
|
35
|
-
}) }));
|
|
36
|
-
};
|
|
37
|
-
export default EventList;
|
|
38
|
-
//# sourceMappingURL=event-list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"event-list.js","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/event-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Circle } from 'lucide-react';\nimport { cn } from '../../../lib/utils';\nimport type { Span } from '../../trace-viewer/types';\nimport { formatDuration } from '../../trace-viewer/util/timing';\nimport {\n WorkflowIcon,\n WebhookIcon,\n SleepIcon,\n StepForwardIcon,\n} from '../icons';\nimport { getSpanDurationMs } from '../utils';\nimport { MiddleTruncate } from './middle-truncate/middle-truncate';\n\ninterface EventStyle {\n icon: React.ComponentType<{ className?: string }>;\n className: string;\n}\n\nconst eventStyles: Record<string, EventStyle> = {\n run: { icon: WorkflowIcon, className: 'text-blue-900' },\n step: { icon: StepForwardIcon, className: 'text-green-900' },\n hook: { icon: WebhookIcon, className: 'text-yellow-900' },\n sleep: { icon: SleepIcon, className: 'text-gray-900' },\n};\n\nconst defaultStyle: EventStyle = {\n icon: Circle,\n className: 'text-gray-900',\n};\n\nconst ROW_HEIGHT_CLASS = 'h-10';\n\nfunction getEventStyle(resource: string, isErrored: boolean): EventStyle {\n const style = eventStyles[resource] ?? defaultStyle;\n return {\n icon: style.icon,\n className: cn(isErrored ? 'text-red-900' : style.className),\n };\n}\n\nconst EventRow = ({\n span,\n isSelected,\n onSelectSpan,\n}: {\n span: Span;\n isSelected: boolean;\n onSelectSpan: (spanId: string) => void;\n}) => {\n const durationMs = getSpanDurationMs(span);\n const isErrored =\n (span.attributes.data as Record<string, unknown>).status === 'failed';\n const { icon: Icon, className: tagClassName } = getEventStyle(\n span.resource,\n isErrored\n );\n\n return (\n <li\n className={cn(\n 'relative overflow-clip group after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-gray-alpha-400',\n ROW_HEIGHT_CLASS\n )}\n role='treeitem'\n aria-selected={isSelected}\n aria-expanded={isSelected}\n aria-level={1}\n onClick={() => onSelectSpan(span.spanId)}\n >\n <div className='h-full hover:bg-gray-100 group-aria-selected:bg-gray-100 group-aria-selected:hover:bg-gray-200'>\n <div className='flex h-full min-w-0 items-center px-2'>\n <div className='flex min-w-0 flex-1 items-center gap-2'>\n <span className={cn('shrink-0', tagClassName)}>\n <Icon className='w-4 h-4' />\n </span>\n <span className='min-w-0 text-label-14'>\n <MiddleTruncate value={span.name} />\n </span>\n </div>\n <div className='ml-2 shrink-0'>\n <span className='text-label-14 text-gray-900 tabular-nums'>\n {formatDuration(durationMs)}\n </span>\n </div>\n </div>\n </div>\n </li>\n );\n};\n\nconst EventList = ({\n spans,\n activeSpanId,\n onSelectSpan,\n}: {\n spans: Span[];\n activeSpanId: string | null;\n onSelectSpan: (spanId: string) => void;\n}) => {\n return (\n <ul id='event-list' role='tree' className='block min-h-0 overflow-visible'>\n {spans.map((span) => {\n return (\n <EventRow\n key={span.spanId}\n span={span}\n isSelected={span.spanId === activeSpanId}\n onSelectSpan={onSelectSpan}\n />\n );\n })}\n </ul>\n );\n};\n\nexport default EventList;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy-selection.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/copy-selection.ts"],"names":[],"mappings":"AAEA,UAAU,gCAAgC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iDAAiD;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,yBAAyB,CAAC,EACjC,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,EACV,KAAK,GACN,EAAE,gCAAgC,GAAG,MAAM,GAAG,IAAI,CAqClD;AAED,iBAAS,0CAA0C,CAAC,EAClD,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,GACN,EAAE,iDAAiD,GAAG,MAAM,GAAG,IAAI,CAqCnE;AAED,OAAO,EACL,yBAAyB,EACzB,0CAA0C,GAC3C,CAAC;AACF,YAAY,EACV,iDAAiD,EACjD,gCAAgC,GACjC,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { ELLIPSIS, toGraphemes } from './truncate';
|
|
2
|
-
function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value, }) {
|
|
3
|
-
const visibleText = prefixText + ELLIPSIS + suffixText;
|
|
4
|
-
if (selectionStart < 0 ||
|
|
5
|
-
selectionEnd > visibleText.length ||
|
|
6
|
-
selectionStart >= selectionEnd) {
|
|
7
|
-
return null;
|
|
8
|
-
}
|
|
9
|
-
if (selectionStart === 0 && selectionEnd === visibleText.length) {
|
|
10
|
-
return value;
|
|
11
|
-
}
|
|
12
|
-
const ellipsisStart = prefixText.length;
|
|
13
|
-
const ellipsisEnd = ellipsisStart + ELLIPSIS.length;
|
|
14
|
-
if (selectionStart > ellipsisStart || selectionEnd < ellipsisEnd) {
|
|
15
|
-
return null;
|
|
16
|
-
}
|
|
17
|
-
const originalGraphemes = toGraphemes(value);
|
|
18
|
-
const selectedPrefixGraphemeCount = toGraphemes(visibleText.slice(0, selectionStart)).length;
|
|
19
|
-
const selectedSuffixGraphemeCount = toGraphemes(visibleText.slice(ellipsisEnd, selectionEnd)).length;
|
|
20
|
-
const suffixStart = originalGraphemes.length - toGraphemes(suffixText).length;
|
|
21
|
-
return originalGraphemes
|
|
22
|
-
.slice(selectedPrefixGraphemeCount, suffixStart + selectedSuffixGraphemeCount)
|
|
23
|
-
.join('');
|
|
24
|
-
}
|
|
25
|
-
function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value, }) {
|
|
26
|
-
const visibleText = prefixText + ELLIPSIS + suffixText;
|
|
27
|
-
const trimmedSelectionText = selectionText.trim();
|
|
28
|
-
if (!trimmedSelectionText) {
|
|
29
|
-
return null;
|
|
30
|
-
}
|
|
31
|
-
const leading = selectionText.slice(0, selectionText.length - selectionText.trimStart().length);
|
|
32
|
-
const trailing = selectionText.slice(selectionText.trimEnd().length);
|
|
33
|
-
if (trimmedSelectionText === visibleText) {
|
|
34
|
-
return leading + value + trailing;
|
|
35
|
-
}
|
|
36
|
-
if (!trimmedSelectionText.includes(ELLIPSIS)) {
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
const selectionStart = visibleText.indexOf(trimmedSelectionText);
|
|
40
|
-
if (selectionStart === -1) {
|
|
41
|
-
return null;
|
|
42
|
-
}
|
|
43
|
-
const selectionEnd = selectionStart + trimmedSelectionText.length;
|
|
44
|
-
const mappedText = getMiddleTruncateCopyText({
|
|
45
|
-
prefixText,
|
|
46
|
-
selectionEnd,
|
|
47
|
-
selectionStart,
|
|
48
|
-
suffixText,
|
|
49
|
-
value,
|
|
50
|
-
});
|
|
51
|
-
return mappedText === null ? null : leading + mappedText + trailing;
|
|
52
|
-
}
|
|
53
|
-
export { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, };
|
|
54
|
-
//# sourceMappingURL=copy-selection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"copy-selection.js","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/copy-selection.ts"],"names":[],"mappings":"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","sourcesContent":["import { ELLIPSIS, toGraphemes } from './truncate';\n\ninterface GetMiddleTruncateCopyTextOptions {\n prefixText: string;\n selectionEnd: number;\n selectionStart: number;\n suffixText: string;\n value: string;\n}\n\ninterface GetMiddleTruncateCopyTextFromSelectionTextOptions {\n prefixText: string;\n selectionText: string;\n suffixText: string;\n value: string;\n}\n\nfunction getMiddleTruncateCopyText({\n prefixText,\n selectionEnd,\n selectionStart,\n suffixText,\n value,\n}: GetMiddleTruncateCopyTextOptions): string | null {\n const visibleText = prefixText + ELLIPSIS + suffixText;\n\n if (\n selectionStart < 0 ||\n selectionEnd > visibleText.length ||\n selectionStart >= selectionEnd\n ) {\n return null;\n }\n\n if (selectionStart === 0 && selectionEnd === visibleText.length) {\n return value;\n }\n\n const ellipsisStart = prefixText.length;\n const ellipsisEnd = ellipsisStart + ELLIPSIS.length;\n\n if (selectionStart > ellipsisStart || selectionEnd < ellipsisEnd) {\n return null;\n }\n\n const originalGraphemes = toGraphemes(value);\n const selectedPrefixGraphemeCount = toGraphemes(\n visibleText.slice(0, selectionStart)\n ).length;\n const selectedSuffixGraphemeCount = toGraphemes(\n visibleText.slice(ellipsisEnd, selectionEnd)\n ).length;\n const suffixStart = originalGraphemes.length - toGraphemes(suffixText).length;\n\n return originalGraphemes\n .slice(\n selectedPrefixGraphemeCount,\n suffixStart + selectedSuffixGraphemeCount\n )\n .join('');\n}\n\nfunction getMiddleTruncateCopyTextFromSelectionText({\n prefixText,\n selectionText,\n suffixText,\n value,\n}: GetMiddleTruncateCopyTextFromSelectionTextOptions): string | null {\n const visibleText = prefixText + ELLIPSIS + suffixText;\n const trimmedSelectionText = selectionText.trim();\n\n if (!trimmedSelectionText) {\n return null;\n }\n\n const leading = selectionText.slice(\n 0,\n selectionText.length - selectionText.trimStart().length\n );\n const trailing = selectionText.slice(selectionText.trimEnd().length);\n\n if (trimmedSelectionText === visibleText) {\n return leading + value + trailing;\n }\n\n if (!trimmedSelectionText.includes(ELLIPSIS)) {\n return null;\n }\n\n const selectionStart = visibleText.indexOf(trimmedSelectionText);\n if (selectionStart === -1) {\n return null;\n }\n\n const selectionEnd = selectionStart + trimmedSelectionText.length;\n const mappedText = getMiddleTruncateCopyText({\n prefixText,\n selectionEnd,\n selectionStart,\n suffixText,\n value,\n });\n\n return mappedText === null ? null : leading + mappedText + trailing;\n}\n\nexport {\n getMiddleTruncateCopyText,\n getMiddleTruncateCopyTextFromSelectionText,\n};\nexport type {\n GetMiddleTruncateCopyTextFromSelectionTextOptions,\n GetMiddleTruncateCopyTextOptions,\n};\n"]}
|
package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/middle-truncate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAS3E,sDAAsD;AACtD,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1D,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8FnC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useCallback, useRef } from 'react';
|
|
4
|
-
import { cn } from '../../../../lib/utils';
|
|
5
|
-
import { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, } from './copy-selection';
|
|
6
|
-
import { ELLIPSIS } from './truncate';
|
|
7
|
-
import { useMiddleTruncate } from './use-middle-truncate';
|
|
8
|
-
function getRangeOffsets(container, range) {
|
|
9
|
-
if (!container.contains(range.startContainer) ||
|
|
10
|
-
!container.contains(range.endContainer)) {
|
|
11
|
-
return null;
|
|
12
|
-
}
|
|
13
|
-
const startRange = document.createRange();
|
|
14
|
-
startRange.selectNodeContents(container);
|
|
15
|
-
startRange.setEnd(range.startContainer, range.startOffset);
|
|
16
|
-
const endRange = document.createRange();
|
|
17
|
-
endRange.selectNodeContents(container);
|
|
18
|
-
endRange.setEnd(range.endContainer, range.endOffset);
|
|
19
|
-
return {
|
|
20
|
-
end: endRange.toString().length,
|
|
21
|
-
start: startRange.toString().length,
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* @gdoc
|
|
26
|
-
*
|
|
27
|
-
* Truncates text from the middle with an ellipsis when it overflows, preserving the beginning and end (e.g. file paths, URLs). Copy behavior restores the full untruncated text to the clipboard.
|
|
28
|
-
* Renders a `<span>` element.
|
|
29
|
-
*
|
|
30
|
-
* Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
|
|
31
|
-
*
|
|
32
|
-
* @param value - Full text string to display.
|
|
33
|
-
*/
|
|
34
|
-
function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
|
|
35
|
-
const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } = useMiddleTruncate(value);
|
|
36
|
-
const visibleRef = useRef(null);
|
|
37
|
-
const handleCopy = useCallback((e) => {
|
|
38
|
-
onCopyProp?.(e);
|
|
39
|
-
if (e.defaultPrevented || !isTruncated)
|
|
40
|
-
return;
|
|
41
|
-
const selection = window.getSelection();
|
|
42
|
-
if (!selection || selection.rangeCount === 0)
|
|
43
|
-
return;
|
|
44
|
-
const selectionText = selection.toString();
|
|
45
|
-
if (!selectionText)
|
|
46
|
-
return;
|
|
47
|
-
// Only intercept when the selection is fully within this element.
|
|
48
|
-
// If the user selected across elements (e.g. a table row), let
|
|
49
|
-
// the browser's default behavior preserve surrounding context.
|
|
50
|
-
const range = selection.getRangeAt(0);
|
|
51
|
-
const visibleEl = visibleRef.current;
|
|
52
|
-
let copyText = null;
|
|
53
|
-
if (e.currentTarget.contains(range.startContainer) &&
|
|
54
|
-
e.currentTarget.contains(range.endContainer) &&
|
|
55
|
-
visibleEl) {
|
|
56
|
-
const offsets = getRangeOffsets(visibleEl, range);
|
|
57
|
-
if (offsets) {
|
|
58
|
-
copyText = getMiddleTruncateCopyText({
|
|
59
|
-
prefixText,
|
|
60
|
-
selectionEnd: offsets.end,
|
|
61
|
-
selectionStart: offsets.start,
|
|
62
|
-
suffixText,
|
|
63
|
-
value,
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
copyText ??= getMiddleTruncateCopyTextFromSelectionText({
|
|
68
|
-
prefixText,
|
|
69
|
-
selectionText,
|
|
70
|
-
suffixText,
|
|
71
|
-
value,
|
|
72
|
-
});
|
|
73
|
-
if (copyText === null)
|
|
74
|
-
return;
|
|
75
|
-
e.preventDefault();
|
|
76
|
-
e.clipboardData.setData('text/plain', copyText);
|
|
77
|
-
}, [onCopyProp, isTruncated, prefixText, suffixText, value]);
|
|
78
|
-
return (_jsxs("span", { title: isTruncated ? value : undefined, ...props, ref: ref, className: cn('relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap', className), onCopy: handleCopy, children: [isTruncated && _jsx("span", { className: 'sr-only select-none', children: value }), _jsx("span", { "aria-hidden": 'true', className: 'pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap', children: value }), _jsx("span", { "aria-hidden": isTruncated || undefined, className: 'col-start-1 row-start-1 min-w-0 overflow-hidden', ref: visibleRef, children: isTruncated ? (_jsxs(_Fragment, { children: [_jsx("span", { children: prefixText }), _jsx("span", { children: ELLIPSIS }), _jsx("span", { children: suffixText })] })) : (displayText) }), _jsx("span", { "aria-hidden": 'true', className: 'pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap', ref: measureRef })] }));
|
|
79
|
-
}
|
|
80
|
-
export { MiddleTruncate };
|
|
81
|
-
//# sourceMappingURL=middle-truncate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"middle-truncate.js","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/middle-truncate.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, useRef } from 'react';\nimport type { ClipboardEvent, ComponentPropsWithoutRef, JSX } from 'react';\nimport { cn } from '../../../../lib/utils';\nimport {\n getMiddleTruncateCopyText,\n getMiddleTruncateCopyTextFromSelectionText,\n} from './copy-selection';\nimport { ELLIPSIS } from './truncate';\nimport { useMiddleTruncate } from './use-middle-truncate';\n\n/** Props for the {@link MiddleTruncate} component. */\ninterface MiddleTruncateProps\n extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {\n /** The full text string to display, truncated from the middle when it overflows. */\n value: string;\n}\n\nfunction getRangeOffsets(\n container: HTMLElement,\n range: Range\n): { end: number; start: number } | null {\n if (\n !container.contains(range.startContainer) ||\n !container.contains(range.endContainer)\n ) {\n return null;\n }\n\n const startRange = document.createRange();\n startRange.selectNodeContents(container);\n startRange.setEnd(range.startContainer, range.startOffset);\n\n const endRange = document.createRange();\n endRange.selectNodeContents(container);\n endRange.setEnd(range.endContainer, range.endOffset);\n\n return {\n end: endRange.toString().length,\n start: startRange.toString().length,\n };\n}\n\n/**\n * @gdoc\n *\n * Truncates text from the middle with an ellipsis when it overflows, preserving the beginning and end (e.g. file paths, URLs). Copy behavior restores the full untruncated text to the clipboard.\n * Renders a `<span>` element.\n *\n * Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)\n *\n * @param value - Full text string to display.\n */\nfunction MiddleTruncate({\n value,\n className,\n onCopy: onCopyProp,\n ...props\n}: MiddleTruncateProps): JSX.Element {\n const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } =\n useMiddleTruncate(value);\n const visibleRef = useRef<HTMLSpanElement | null>(null);\n\n const handleCopy = useCallback(\n (e: ClipboardEvent<HTMLSpanElement>) => {\n onCopyProp?.(e);\n if (e.defaultPrevented || !isTruncated) return;\n\n const selection = window.getSelection();\n if (!selection || selection.rangeCount === 0) return;\n const selectionText = selection.toString();\n if (!selectionText) return;\n\n // Only intercept when the selection is fully within this element.\n // If the user selected across elements (e.g. a table row), let\n // the browser's default behavior preserve surrounding context.\n const range = selection.getRangeAt(0);\n const visibleEl = visibleRef.current;\n let copyText: string | null = null;\n\n if (\n e.currentTarget.contains(range.startContainer) &&\n e.currentTarget.contains(range.endContainer) &&\n visibleEl\n ) {\n const offsets = getRangeOffsets(visibleEl, range);\n if (offsets) {\n copyText = getMiddleTruncateCopyText({\n prefixText,\n selectionEnd: offsets.end,\n selectionStart: offsets.start,\n suffixText,\n value,\n });\n }\n }\n\n copyText ??= getMiddleTruncateCopyTextFromSelectionText({\n prefixText,\n selectionText,\n suffixText,\n value,\n });\n\n if (copyText === null) return;\n\n e.preventDefault();\n e.clipboardData.setData('text/plain', copyText);\n },\n [onCopyProp, isTruncated, prefixText, suffixText, value]\n );\n\n return (\n <span\n title={isTruncated ? value : undefined}\n {...props}\n ref={ref}\n className={cn(\n 'relative inline-grid min-w-0 max-w-full overflow-hidden whitespace-nowrap',\n className\n )}\n onCopy={handleCopy}\n >\n {isTruncated && <span className='sr-only select-none'>{value}</span>}\n <span\n aria-hidden='true'\n className='pointer-events-none col-start-1 row-start-1 invisible select-none whitespace-nowrap'\n >\n {value}\n </span>\n <span\n aria-hidden={isTruncated || undefined}\n className='col-start-1 row-start-1 min-w-0 overflow-hidden'\n ref={visibleRef}\n >\n {isTruncated ? (\n <>\n <span>{prefixText}</span>\n <span>{ELLIPSIS}</span>\n <span>{suffixText}</span>\n </>\n ) : (\n displayText\n )}\n </span>\n <span\n aria-hidden='true'\n className='pointer-events-none absolute left-0 top-0 inline-block invisible select-none whitespace-nowrap'\n ref={measureRef}\n />\n </span>\n );\n}\n\nexport { MiddleTruncate };\nexport type { MiddleTruncateProps };\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/truncate.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,QAAQ,CAAC;AACvB,QAAA,MAAM,SAAS,IAAI,CAAC;AACpB,QAAA,MAAM,OAAO,IAAI,CAAC;AAOlB,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;AAE1C;;;GAGG;AACH,iBAAS,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAK3C;AAED,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;CACpB;AAmCD;;;GAGG;AACH,iBAAS,cAAc,CACrB,SAAS,EAAE,MAAM,EAAE,EACnB,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,SAAS,EAClB,SAAS,CAAC,EAAE,MAAM,GACjB,cAAc,CAuDhB;AAED,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AACrE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
|