@workflow/web-shared 5.0.0-beta.2 → 5.0.0-beta.20
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/dist/components/error-boundary.js +1 -1
- package/dist/components/event-list-view.d.ts +16 -1
- package/dist/components/event-list-view.d.ts.map +1 -1
- package/dist/components/event-list-view.js +196 -85
- package/dist/components/hook-actions.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -1
- package/dist/components/new-trace-viewer/components/copy-button.d.ts +9 -0
- package/dist/components/new-trace-viewer/components/copy-button.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/copy-button.js +27 -0
- package/dist/components/new-trace-viewer/components/event-list.d.ts +10 -0
- package/dist/components/new-trace-viewer/components/event-list.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/event-list.js +46 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts +18 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js +54 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts +20 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js +81 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts +25 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/truncate.js +101 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts +20 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.js +114 -0
- package/dist/components/new-trace-viewer/components/span-markers.d.ts +46 -0
- package/dist/components/new-trace-viewer/components/span-markers.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/span-markers.js +85 -0
- package/dist/components/new-trace-viewer/components/split-pane.d.ts +15 -0
- package/dist/components/new-trace-viewer/components/split-pane.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/split-pane.js +105 -0
- package/dist/components/new-trace-viewer/components/timeline.d.ts +36 -0
- package/dist/components/new-trace-viewer/components/timeline.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/timeline.js +254 -0
- package/dist/components/new-trace-viewer/components/timeline.module.css +46 -0
- package/dist/components/new-trace-viewer/components/trace-viewer-skeleton.d.ts +2 -0
- package/dist/components/new-trace-viewer/components/trace-viewer-skeleton.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/trace-viewer-skeleton.js +19 -0
- package/dist/components/new-trace-viewer/components/use-row-window.d.ts +34 -0
- package/dist/components/new-trace-viewer/components/use-row-window.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/components/use-row-window.js +107 -0
- package/dist/components/new-trace-viewer/context.d.ts +15 -0
- package/dist/components/new-trace-viewer/context.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/context.js +47 -0
- package/dist/components/new-trace-viewer/icons.d.ts +6 -0
- package/dist/components/new-trace-viewer/icons.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/icons.js +15 -0
- package/dist/components/new-trace-viewer/search.d.ts +19 -0
- package/dist/components/new-trace-viewer/search.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/search.js +134 -0
- package/dist/components/new-trace-viewer/trace-viewer.d.ts +11 -0
- package/dist/components/new-trace-viewer/trace-viewer.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/trace-viewer.js +462 -0
- package/dist/components/new-trace-viewer/types.d.ts +3 -0
- package/dist/components/new-trace-viewer/types.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/types.js +2 -0
- package/dist/components/new-trace-viewer/utils.d.ts +61 -0
- package/dist/components/new-trace-viewer/utils.d.ts.map +1 -0
- package/dist/components/new-trace-viewer/utils.js +345 -0
- package/dist/components/run-trace-view.js +1 -1
- package/dist/components/sidebar/attribute-panel.d.ts.map +1 -1
- package/dist/components/sidebar/attribute-panel.js +129 -102
- package/dist/components/sidebar/attributes-block.d.ts +28 -0
- package/dist/components/sidebar/attributes-block.d.ts.map +1 -0
- package/dist/components/sidebar/attributes-block.js +81 -0
- package/dist/components/sidebar/conversation-view.js +1 -1
- package/dist/components/sidebar/copyable-data-block.d.ts +1 -0
- package/dist/components/sidebar/copyable-data-block.d.ts.map +1 -1
- package/dist/components/sidebar/copyable-data-block.js +16 -15
- package/dist/components/sidebar/detail-card.d.ts +5 -6
- package/dist/components/sidebar/detail-card.d.ts.map +1 -1
- package/dist/components/sidebar/detail-card.js +32 -16
- package/dist/components/sidebar/entity-detail-panel.d.ts +1 -3
- package/dist/components/sidebar/entity-detail-panel.d.ts.map +1 -1
- package/dist/components/sidebar/entity-detail-panel.js +17 -35
- package/dist/components/sidebar/events-list.d.ts +3 -1
- package/dist/components/sidebar/events-list.d.ts.map +1 -1
- package/dist/components/sidebar/events-list.js +36 -22
- package/dist/components/sidebar/resolve-hook-modal.js +1 -1
- package/dist/components/sidebar/sidebar-data-context.d.ts +29 -0
- package/dist/components/sidebar/sidebar-data-context.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-data-context.js +19 -0
- package/dist/components/sidebar/span-detail-merge.d.ts +16 -0
- package/dist/components/sidebar/span-detail-merge.d.ts.map +1 -0
- package/dist/components/sidebar/span-detail-merge.js +53 -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 +3 -27
- package/dist/components/trace-viewer/components/map.js +1 -1
- package/dist/components/trace-viewer/components/markers.js +1 -1
- package/dist/components/trace-viewer/components/node.d.ts.map +1 -1
- package/dist/components/trace-viewer/components/node.js +2 -1
- package/dist/components/trace-viewer/components/search-input.js +1 -1
- package/dist/components/trace-viewer/components/search.js +1 -1
- package/dist/components/trace-viewer/components/span-content.js +1 -1
- package/dist/components/trace-viewer/components/span-detail-panel.js +1 -1
- package/dist/components/trace-viewer/components/span-segments.js +1 -1
- package/dist/components/trace-viewer/components/span-strategies.js +1 -1
- package/dist/components/trace-viewer/components/ui.js +1 -1
- package/dist/components/trace-viewer/components/zoom-button.js +1 -1
- package/dist/components/trace-viewer/components/zoom-icons.js +1 -1
- package/dist/components/trace-viewer/context.js +1 -1
- package/dist/components/trace-viewer/index.js +1 -1
- package/dist/components/trace-viewer/trace-viewer.js +1 -1
- package/dist/components/trace-viewer/trace-viewer.module.css +4 -4
- package/dist/components/trace-viewer/types.js +1 -1
- package/dist/components/trace-viewer/util/constants.js +1 -1
- package/dist/components/trace-viewer/util/scrollbar-width.js +1 -1
- package/dist/components/trace-viewer/util/timing.d.ts +3 -3
- package/dist/components/trace-viewer/util/timing.d.ts.map +1 -1
- package/dist/components/trace-viewer/util/timing.js +8 -11
- package/dist/components/trace-viewer/util/tree.js +1 -1
- package/dist/components/trace-viewer/util/use-immediate-style.js +1 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.js +1 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js +1 -1
- package/dist/components/trace-viewer/worker.js +1 -1
- package/dist/components/trace-viewer-new.d.ts +14 -0
- package/dist/components/trace-viewer-new.d.ts.map +1 -0
- package/dist/components/trace-viewer-new.js +21 -0
- package/dist/components/ui/alert.js +1 -1
- 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.js +1 -1
- 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 +22 -0
- package/dist/components/ui/data-inspector.d.ts.map +1 -1
- package/dist/components/ui/data-inspector.js +103 -13
- package/dist/components/ui/decrypt-button.js +1 -1
- package/dist/components/ui/error-card.js +1 -1
- 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/inspector-theme.d.ts +9 -10
- package/dist/components/ui/inspector-theme.d.ts.map +1 -1
- package/dist/components/ui/inspector-theme.js +39 -72
- package/dist/components/ui/kbd.d.ts +6 -0
- package/dist/components/ui/kbd.d.ts.map +1 -0
- package/dist/components/ui/kbd.js +6 -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 +1 -1
- 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-trace-view.d.ts +1 -3
- package/dist/components/workflow-trace-view.d.ts.map +1 -1
- package/dist/components/workflow-trace-view.js +11 -13
- package/dist/components/workflow-traces/event-colors.d.ts +1 -0
- package/dist/components/workflow-traces/event-colors.d.ts.map +1 -1
- package/dist/components/workflow-traces/event-colors.js +12 -1
- package/dist/components/workflow-traces/trace-colors.js +1 -1
- package/dist/components/workflow-traces/trace-span-construction.d.ts +2 -2
- package/dist/components/workflow-traces/trace-span-construction.d.ts.map +1 -1
- package/dist/components/workflow-traces/trace-span-construction.js +19 -5
- 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 +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/lib/event-analysis.js +1 -1
- package/dist/lib/event-materialization.js +1 -1
- 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 +6 -0
- package/dist/lib/hydration.d.ts.map +1 -1
- package/dist/lib/hydration.js +154 -2
- package/dist/lib/stream-display.d.ts +18 -0
- package/dist/lib/stream-display.d.ts.map +1 -0
- package/dist/lib/stream-display.js +30 -0
- package/dist/lib/toast.js +1 -1
- package/dist/lib/trace-builder.d.ts +15 -0
- package/dist/lib/trace-builder.d.ts.map +1 -1
- package/dist/lib/trace-builder.js +29 -3
- package/dist/lib/utils.d.ts +20 -9
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +74 -31
- 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 +484 -1
- package/package.json +10 -5
- package/src/components/event-list-view.tsx +279 -104
- package/src/components/index.ts +7 -0
- package/src/components/new-trace-viewer/components/copy-button.tsx +68 -0
- package/src/components/new-trace-viewer/components/event-list.tsx +136 -0
- package/src/components/new-trace-viewer/components/middle-truncate/copy-selection.ts +114 -0
- package/src/components/new-trace-viewer/components/middle-truncate/middle-truncate.tsx +157 -0
- package/src/components/new-trace-viewer/components/middle-truncate/truncate.ts +132 -0
- package/src/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.ts +167 -0
- package/src/components/new-trace-viewer/components/span-markers.tsx +173 -0
- package/src/components/new-trace-viewer/components/split-pane.tsx +198 -0
- package/src/components/new-trace-viewer/components/timeline.module.css +46 -0
- package/src/components/new-trace-viewer/components/timeline.tsx +744 -0
- package/src/components/new-trace-viewer/components/trace-viewer-skeleton.tsx +94 -0
- package/src/components/new-trace-viewer/components/use-row-window.ts +140 -0
- package/src/components/new-trace-viewer/context.tsx +90 -0
- package/src/components/new-trace-viewer/icons.tsx +79 -0
- package/src/components/new-trace-viewer/search.ts +178 -0
- package/src/components/new-trace-viewer/trace-viewer.tsx +843 -0
- package/src/components/new-trace-viewer/types.ts +2 -0
- package/src/components/new-trace-viewer/utils.test.ts +182 -0
- package/src/components/new-trace-viewer/utils.ts +519 -0
- package/src/components/sidebar/attribute-panel.tsx +194 -240
- package/src/components/sidebar/attributes-block.tsx +173 -0
- package/src/components/sidebar/copyable-data-block.tsx +49 -27
- package/src/components/sidebar/detail-card.tsx +119 -59
- package/src/components/sidebar/entity-detail-panel.tsx +55 -111
- package/src/components/sidebar/events-list.tsx +85 -96
- package/src/components/sidebar/sidebar-data-context.tsx +62 -0
- package/src/components/sidebar/span-detail-merge.ts +65 -0
- package/src/components/stream-viewer.tsx +18 -40
- package/src/components/trace-viewer/components/node.tsx +3 -2
- package/src/components/trace-viewer/trace-viewer.module.css +4 -4
- package/src/components/trace-viewer/util/timing.ts +7 -11
- package/src/components/trace-viewer-new.tsx +55 -0
- package/src/components/ui/button.tsx +68 -0
- package/src/components/ui/context-card.tsx +784 -0
- package/src/components/ui/data-inspector.tsx +244 -22
- package/src/components/ui/error-stack-block.tsx +84 -55
- package/src/components/ui/icon-button.tsx +53 -0
- package/src/components/ui/inspector-theme.ts +39 -81
- package/src/components/ui/kbd.tsx +21 -0
- package/src/components/ui/timestamp-tooltip.tsx +132 -194
- package/src/components/ui/tooltip.tsx +47 -0
- package/src/components/workflow-trace-view.tsx +19 -15
- package/src/components/workflow-traces/event-colors.ts +12 -0
- package/src/components/workflow-traces/trace-span-construction.ts +24 -5
- 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 +9 -0
- package/src/lib/exact-event-search-id.ts +67 -0
- package/src/lib/hydration.ts +166 -1
- package/src/lib/stream-display.ts +48 -0
- package/src/lib/trace-builder.ts +34 -2
- package/src/lib/utils.ts +83 -31
- package/src/lib/zstd-browser-decoder.ts +42 -0
- package/src/styles.css +484 -1
- 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/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.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/stream-viewer.js.map +0 -1
- package/dist/components/trace-viewer/components/map.js.map +0 -1
- package/dist/components/trace-viewer/components/markers.js.map +0 -1
- package/dist/components/trace-viewer/components/node.js.map +0 -1
- package/dist/components/trace-viewer/components/search-input.js.map +0 -1
- package/dist/components/trace-viewer/components/search.js.map +0 -1
- package/dist/components/trace-viewer/components/span-content.js.map +0 -1
- package/dist/components/trace-viewer/components/span-detail-panel.js.map +0 -1
- package/dist/components/trace-viewer/components/span-segments.js.map +0 -1
- package/dist/components/trace-viewer/components/span-strategies.js.map +0 -1
- package/dist/components/trace-viewer/components/ui.js.map +0 -1
- package/dist/components/trace-viewer/components/zoom-button.js.map +0 -1
- 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.js.map +0 -1
- package/dist/components/trace-viewer/trace-viewer.js.map +0 -1
- package/dist/components/trace-viewer/types.js.map +0 -1
- package/dist/components/trace-viewer/util/constants.js.map +0 -1
- 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.js.map +0 -1
- package/dist/components/trace-viewer/util/use-immediate-style.js.map +0 -1
- package/dist/components/trace-viewer/util/use-streaming-spans.js.map +0 -1
- package/dist/components/trace-viewer/util/use-trackpad-zoom.js.map +0 -1
- package/dist/components/trace-viewer/worker.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.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.js.map +0 -1
- package/dist/components/workflow-traces/event-colors.js.map +0 -1
- 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/toast.js.map +0 -1
- package/dist/lib/trace-builder.js.map +0 -1
- package/dist/lib/utils.js.map +0 -1
|
@@ -73,4 +73,4 @@ export function HookResolveModalWrapper({ hookActions, }) {
|
|
|
73
73
|
}
|
|
74
74
|
// Re-export the modal for direct use
|
|
75
75
|
export { ResolveHookModal } from './sidebar/resolve-hook-modal';
|
|
76
|
-
//# sourceMappingURL=hook-actions.js.map
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9vay1hY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvaG9vay1hY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7O0FBR2IsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNwQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBNkJoRSwrRUFBK0U7QUFDL0UsdUNBQXVDO0FBQ3ZDLCtFQUErRTtBQUUvRTs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsY0FBYyxDQUFDLEVBQzdCLFNBQVMsRUFDVCxTQUFTLEdBQ2E7SUFDdEIsTUFBTSxLQUFLLEdBQUcsUUFBUSxFQUFFLENBQUM7SUFDekIsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUMsR0FBRyxRQUFRLENBQWMsSUFBSSxDQUFDLENBQUM7SUFFcEUsTUFBTSxnQkFBZ0IsR0FBRyxXQUFXLENBQUMsQ0FBQyxJQUFVLEVBQUUsRUFBRTtRQUNsRCxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsTUFBTSxpQkFBaUIsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFO1FBQ3pDLGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN4QixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLGFBQWEsR0FBRyxXQUFXLENBQy9CLEtBQUssRUFBRSxPQUFnQixFQUFFLEVBQUU7UUFDekIsSUFBSSxXQUFXLElBQUksQ0FBQyxZQUFZO1lBQUUsT0FBTztRQUV6QyxJQUFJLENBQUM7WUFDSCxjQUFjLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDckIsTUFBTSxTQUFTLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1lBQ3ZDLEtBQUssQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFO2dCQUM3QixXQUFXLEVBQUUsa0RBQWtEO2FBQ2hFLENBQUMsQ0FBQztZQUNILGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN0QixTQUFTLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQztRQUMzQixDQUFDO1FBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztZQUNiLE9BQU8sQ0FBQyxLQUFLLENBQUMseUJBQXlCLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDOUMsS0FBSyxDQUFDLEtBQUssQ0FBQyx3QkFBd0IsRUFBRTtnQkFDcEMsV0FBVyxFQUNULEdBQUcsWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLDJCQUEyQjthQUNuRSxDQUFDLENBQUM7UUFDTCxDQUFDO2dCQUFTLENBQUM7WUFDVCxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUMsRUFDRCxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUNsRCxDQUFDO0lBRUYsT0FBTztRQUNMLFdBQVc7UUFDWCxZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLGlCQUFpQjtRQUNqQixhQUFhO0tBQ2QsQ0FBQztBQUNKLENBQUM7QUF1QkQ7OztHQUdHO0FBQ0gsTUFBTSxVQUFVLHVCQUF1QixDQUFDLEVBQ3RDLElBQUksRUFDSixlQUFlLEdBQUcsS0FBSyxFQUN2QixjQUFjLEVBQ2QsZ0JBQWdCLEdBQ2E7SUFDN0IsTUFBTSxXQUFXLEdBQUcsQ0FBQyxDQUFtQixFQUFFLEVBQUU7UUFDMUMsSUFBSSxlQUFlO1lBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3pDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsTUFBQyxnQkFBZ0IsSUFBQyxPQUFPLEVBQUUsV0FBVyxhQUNwQyxLQUFDLElBQUksSUFBQyxTQUFTLEVBQUMsY0FBYyxHQUFHLG9CQUVoQixDQUNwQixDQUFDO0FBQ0osQ0FBQztBQVdEOzs7R0FHRztBQUNILE1BQU0sVUFBVSx1QkFBdUIsQ0FBQyxFQUN0QyxXQUFXLEdBQ1c7SUFDdEIsTUFBTSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxhQUFhLEVBQUUsV0FBVyxFQUFFLEdBQ25FLFdBQVcsQ0FBQztJQUVkLE9BQU8sQ0FDTCxLQUFDLGdCQUFnQixJQUNmLE1BQU0sRUFBRSxZQUFZLEtBQUssSUFBSSxFQUM3QixPQUFPLEVBQUUsaUJBQWlCLEVBQzFCLFFBQVEsRUFBRSxhQUFhLEVBQ3ZCLFlBQVksRUFBRSxXQUFXLEdBQ3pCLENBQ0gsQ0FBQztBQUNKLENBQUM7QUFFRCxxQ0FBcUM7QUFDckMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHsgSG9vaywgV29ya2Zsb3dSdW5TdGF0dXMgfSBmcm9tICdAd29ya2Zsb3cvd29ybGQnO1xuaW1wb3J0IHsgU2VuZCB9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUb2FzdCB9IGZyb20gJy4uL2xpYi90b2FzdCc7XG5pbXBvcnQgeyBSZXNvbHZlSG9va01vZGFsIH0gZnJvbSAnLi9zaWRlYmFyL3Jlc29sdmUtaG9vay1tb2RhbCc7XG5cbi8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbi8vIFR5cGVzXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgSG9va0FjdGlvbkNhbGxiYWNrcyB7XG4gIC8qKiBDYWxsZWQgYWZ0ZXIgYSBzdWNjZXNzZnVsIGFjdGlvbiAqL1xuICBvblN1Y2Nlc3M/OiAoKSA9PiB2b2lkO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFVzZUhvb2tBY3Rpb25zT3B0aW9ucyB7XG4gIG9uUmVzb2x2ZTogKGhvb2s6IEhvb2ssIHBheWxvYWQ6IHVua25vd24pID0+IFByb21pc2U8dm9pZD47XG4gIGNhbGxiYWNrcz86IEhvb2tBY3Rpb25DYWxsYmFja3M7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVXNlSG9va0FjdGlvbnNSZXR1cm4ge1xuICAvKiogV2hldGhlciB0aGUgaG9vayBpcyBjdXJyZW50bHkgYmVpbmcgcmVzb2x2ZWQgKi9cbiAgaXNSZXNvbHZpbmc6IGJvb2xlYW47XG4gIC8qKiBUaGUgaG9vayBjdXJyZW50bHkgc2VsZWN0ZWQgZm9yIHJlc29sdXRpb24gKG51bGwgaWYgbm9uZSkgKi9cbiAgc2VsZWN0ZWRIb29rOiBIb29rIHwgbnVsbDtcbiAgLyoqIE9wZW4gdGhlIHJlc29sdmUgbW9kYWwgZm9yIGEgc3BlY2lmaWMgaG9vayAqL1xuICBvcGVuUmVzb2x2ZU1vZGFsOiAoaG9vazogSG9vaykgPT4gdm9pZDtcbiAgLyoqIENsb3NlIHRoZSByZXNvbHZlIG1vZGFsICovXG4gIGNsb3NlUmVzb2x2ZU1vZGFsOiAoKSA9PiB2b2lkO1xuICAvKiogSGFuZGxlIHN1Ym1pdHRpbmcgdGhlIHJlc29sdmUgcGF5bG9hZCAqL1xuICBoYW5kbGVSZXNvbHZlOiAocGF5bG9hZDogdW5rbm93bikgPT4gUHJvbWlzZTx2b2lkPjtcbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gSG9vayBmb3IgbWFuYWdpbmcgaG9vayBhY3Rpb25zIHN0YXRlXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbi8qKlxuICogUmVhY3QgaG9vayBmb3IgbWFuYWdpbmcgaG9vayBhY3Rpb24gc3RhdGUuXG4gKiBVc2UgdGhpcyB0byBjb29yZGluYXRlIHRoZSByZXNvbHZlIG1vZGFsIGFjcm9zcyBjb21wb25lbnRzLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlSG9va0FjdGlvbnMoe1xuICBvblJlc29sdmUsXG4gIGNhbGxiYWNrcyxcbn06IFVzZUhvb2tBY3Rpb25zT3B0aW9ucyk6IFVzZUhvb2tBY3Rpb25zUmV0dXJuIHtcbiAgY29uc3QgdG9hc3QgPSB1c2VUb2FzdCgpO1xuICBjb25zdCBbaXNSZXNvbHZpbmcsIHNldElzUmVzb2x2aW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkSG9vaywgc2V0U2VsZWN0ZWRIb29rXSA9IHVzZVN0YXRlPEhvb2sgfCBudWxsPihudWxsKTtcblxuICBjb25zdCBvcGVuUmVzb2x2ZU1vZGFsID0gdXNlQ2FsbGJhY2soKGhvb2s6IEhvb2spID0+IHtcbiAgICBzZXRTZWxlY3RlZEhvb2soaG9vayk7XG4gIH0sIFtdKTtcblxuICBjb25zdCBjbG9zZVJlc29sdmVNb2RhbCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXRTZWxlY3RlZEhvb2sobnVsbCk7XG4gIH0sIFtdKTtcblxuICBjb25zdCBoYW5kbGVSZXNvbHZlID0gdXNlQ2FsbGJhY2soXG4gICAgYXN5bmMgKHBheWxvYWQ6IHVua25vd24pID0+IHtcbiAgICAgIGlmIChpc1Jlc29sdmluZyB8fCAhc2VsZWN0ZWRIb29rKSByZXR1cm47XG5cbiAgICAgIHRyeSB7XG4gICAgICAgIHNldElzUmVzb2x2aW5nKHRydWUpO1xuICAgICAgICBhd2FpdCBvblJlc29sdmUoc2VsZWN0ZWRIb29rLCBwYXlsb2FkKTtcbiAgICAgICAgdG9hc3Quc3VjY2VzcygnSG9vayByZXNvbHZlZCcsIHtcbiAgICAgICAgICBkZXNjcmlwdGlvbjogJ1RoZSBwYXlsb2FkIGhhcyBiZWVuIHNlbnQgYW5kIHRoZSBob29rIHJlc29sdmVkLicsXG4gICAgICAgIH0pO1xuICAgICAgICBzZXRTZWxlY3RlZEhvb2sobnVsbCk7XG4gICAgICAgIGNhbGxiYWNrcz8ub25TdWNjZXNzPy4oKTtcbiAgICAgIH0gY2F0Y2ggKGVycikge1xuICAgICAgICBjb25zb2xlLmVycm9yKCdGYWlsZWQgdG8gcmVzb2x2ZSBob29rOicsIGVycik7XG4gICAgICAgIHRvYXN0LmVycm9yKCdGYWlsZWQgdG8gcmVzb2x2ZSBob29rJywge1xuICAgICAgICAgIGRlc2NyaXB0aW9uOlxuICAgICAgICAgICAgZXJyIGluc3RhbmNlb2YgRXJyb3IgPyBlcnIubWVzc2FnZSA6ICdBbiB1bmtub3duIGVycm9yIG9jY3VycmVkJyxcbiAgICAgICAgfSk7XG4gICAgICB9IGZpbmFsbHkge1xuICAgICAgICBzZXRJc1Jlc29sdmluZyhmYWxzZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZXNvbHZlLCBzZWxlY3RlZEhvb2ssIGlzUmVzb2x2aW5nLCBjYWxsYmFja3NdXG4gICk7XG5cbiAgcmV0dXJuIHtcbiAgICBpc1Jlc29sdmluZyxcbiAgICBzZWxlY3RlZEhvb2ssXG4gICAgb3BlblJlc29sdmVNb2RhbCxcbiAgICBjbG9zZVJlc29sdmVNb2RhbCxcbiAgICBoYW5kbGVSZXNvbHZlLFxuICB9O1xufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBEcm9wZG93biBNZW51IEl0ZW0gQ29tcG9uZW50XG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG5cbmV4cG9ydCBpbnRlcmZhY2UgSG9va0FjdGlvbnNEcm9wZG93bkl0ZW1Qcm9wcyB7XG4gIC8qKiBUaGUgaG9vayB0byBhY3Qgb24gKi9cbiAgaG9vazogSG9vaztcbiAgLyoqIFRoZSBjdXJyZW50IHJ1biBzdGF0dXMgKHVzZWQgdG8gZGV0ZXJtaW5lIGlmIGFjdGlvbnMgYXJlIGF2YWlsYWJsZSkgKi9cbiAgcnVuU3RhdHVzPzogV29ya2Zsb3dSdW5TdGF0dXM7XG4gIC8qKiBTdG9wIGNsaWNrIGV2ZW50IHByb3BhZ2F0aW9uICh1c2VmdWwgaW4gdGFibGUgcm93cykgKi9cbiAgc3RvcFByb3BhZ2F0aW9uPzogYm9vbGVhbjtcbiAgLyoqIENhbGxlZCB3aGVuIHRoZSByZXNvbHZlIGFjdGlvbiBpcyB0cmlnZ2VyZWQgKi9cbiAgb25SZXNvbHZlQ2xpY2s6IChob29rOiBIb29rKSA9PiB2b2lkO1xuICAvKiogQ3VzdG9tIERyb3Bkb3duTWVudUl0ZW0gY29tcG9uZW50IChhbGxvd3MgdXNpbmcgdGhlIGNvbnN1bWVyJ3MgVUkgbGlicmFyeSkgKi9cbiAgRHJvcGRvd25NZW51SXRlbTogUmVhY3QuQ29tcG9uZW50VHlwZTx7XG4gICAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICB9Pjtcbn1cblxuLyoqXG4gKiBEcm9wZG93biBtZW51IGl0ZW0gZm9yIHJlc29sdmluZyBhIGhvb2suXG4gKiBUaGlzIGlzIGEgc2luZ2xlIG1lbnUgaXRlbSBjb21wb25lbnQgdGhhdCBjYW4gYmUgY29tcG9zZWQgaW50byBkcm9wZG93biBtZW51cy5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFJlc29sdmVIb29rRHJvcGRvd25JdGVtKHtcbiAgaG9vayxcbiAgc3RvcFByb3BhZ2F0aW9uID0gZmFsc2UsXG4gIG9uUmVzb2x2ZUNsaWNrLFxuICBEcm9wZG93bk1lbnVJdGVtLFxufTogSG9va0FjdGlvbnNEcm9wZG93bkl0ZW1Qcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGlmIChzdG9wUHJvcGFnYXRpb24pIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgb25SZXNvbHZlQ2xpY2soaG9vayk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8RHJvcGRvd25NZW51SXRlbSBvbkNsaWNrPXtoYW5kbGVDbGlja30+XG4gICAgICA8U2VuZCBjbGFzc05hbWU9XCJoLTQgdy00IG1yLTJcIiAvPlxuICAgICAgUmVzb2x2ZSBIb29rXG4gICAgPC9Ecm9wZG93bk1lbnVJdGVtPlxuICApO1xufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4vLyBNb2RhbCB3cmFwcGVyIGZvciBjb252ZW5pZW5jZVxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuXG5leHBvcnQgaW50ZXJmYWNlIEhvb2tSZXNvbHZlTW9kYWxQcm9wcyB7XG4gIC8qKiBUaGUgaG9vayBhY3Rpb25zIHN0YXRlIGZyb20gdXNlSG9va0FjdGlvbnMgKi9cbiAgaG9va0FjdGlvbnM6IFVzZUhvb2tBY3Rpb25zUmV0dXJuO1xufVxuXG4vKipcbiAqIENvbnZlbmllbmNlIHdyYXBwZXIgdGhhdCByZW5kZXJzIHRoZSBSZXNvbHZlSG9va01vZGFsIHVzaW5nIHVzZUhvb2tBY3Rpb25zIHN0YXRlLlxuICogUGxhY2UgdGhpcyBhdCB0aGUgdG9wIGxldmVsIG9mIHlvdXIgY29tcG9uZW50IChvdXRzaWRlIGFueSBpdGVyYXRpb24pLlxuICovXG5leHBvcnQgZnVuY3Rpb24gSG9va1Jlc29sdmVNb2RhbFdyYXBwZXIoe1xuICBob29rQWN0aW9ucyxcbn06IEhvb2tSZXNvbHZlTW9kYWxQcm9wcyk6IFJlYWN0LkpTWC5FbGVtZW50IHwgbnVsbCB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRIb29rLCBjbG9zZVJlc29sdmVNb2RhbCwgaGFuZGxlUmVzb2x2ZSwgaXNSZXNvbHZpbmcgfSA9XG4gICAgaG9va0FjdGlvbnM7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVzb2x2ZUhvb2tNb2RhbFxuICAgICAgaXNPcGVuPXtzZWxlY3RlZEhvb2sgIT09IG51bGx9XG4gICAgICBvbkNsb3NlPXtjbG9zZVJlc29sdmVNb2RhbH1cbiAgICAgIG9uU3VibWl0PXtoYW5kbGVSZXNvbHZlfVxuICAgICAgaXNTdWJtaXR0aW5nPXtpc1Jlc29sdmluZ31cbiAgICAvPlxuICApO1xufVxuXG4vLyBSZS1leHBvcnQgdGhlIG1vZGFsIGZvciBkaXJlY3QgdXNlXG5leHBvcnQgeyBSZXNvbHZlSG9va01vZGFsIH0gZnJvbSAnLi9zaWRlYmFyL3Jlc29sdmUtaG9vay1tb2RhbCc7XG4iXX0=
|
|
@@ -4,13 +4,17 @@ export type { HookActionCallbacks, HookActionsDropdownItemProps, HookResolveModa
|
|
|
4
4
|
export { HookResolveModalWrapper, ResolveHookDropdownItem, ResolveHookModal, useHookActions, } from './hook-actions';
|
|
5
5
|
export { RunTraceView } from './run-trace-view';
|
|
6
6
|
export { ConversationView } from './sidebar/conversation-view';
|
|
7
|
+
export { SidebarDataProvider, type SidebarDataContextValue, } from './sidebar/sidebar-data-context';
|
|
7
8
|
export type { SelectedSpanInfo, SpanSelectionInfo, } from './sidebar/entity-detail-panel';
|
|
8
9
|
export { type StreamChunk, StreamViewer } from './stream-viewer';
|
|
9
10
|
export type { Span, SpanEvent } from './trace-viewer/types';
|
|
10
11
|
export { DataInspector, type DataInspectorProps, DecryptClickContext, type DecryptClickContextValue, } from './ui/data-inspector';
|
|
11
12
|
export { DecryptButton } from './ui/decrypt-button';
|
|
13
|
+
export { IconButton } from './ui/icon-button';
|
|
12
14
|
export { LoadMoreButton } from './ui/load-more-button';
|
|
13
15
|
export { MenuDropdown, type MenuDropdownOption } from './ui/menu-dropdown';
|
|
14
16
|
export { Spinner } from './ui/spinner';
|
|
15
17
|
export { WorkflowTraceViewer } from './workflow-trace-view';
|
|
18
|
+
export { NewTraceViewer } from './trace-viewer-new';
|
|
19
|
+
export { TraceViewerSkeleton } from './new-trace-viewer/components/trace-viewer-skeleton';
|
|
16
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,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,YAAY,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC;AACxB,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,EACnB,KAAK,uBAAuB,GAC7B,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,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;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -3,11 +3,15 @@ export { EventListView } from './event-list-view';
|
|
|
3
3
|
export { HookResolveModalWrapper, ResolveHookDropdownItem, ResolveHookModal, useHookActions, } from './hook-actions';
|
|
4
4
|
export { RunTraceView } from './run-trace-view';
|
|
5
5
|
export { ConversationView } from './sidebar/conversation-view';
|
|
6
|
+
export { SidebarDataProvider, } from './sidebar/sidebar-data-context';
|
|
6
7
|
export { StreamViewer } from './stream-viewer';
|
|
7
8
|
export { DataInspector, DecryptClickContext, } from './ui/data-inspector';
|
|
8
9
|
export { DecryptButton } from './ui/decrypt-button';
|
|
10
|
+
export { IconButton } from './ui/icon-button';
|
|
9
11
|
export { LoadMoreButton } from './ui/load-more-button';
|
|
10
12
|
export { MenuDropdown } from './ui/menu-dropdown';
|
|
11
13
|
export { Spinner } from './ui/spinner';
|
|
12
14
|
export { WorkflowTraceViewer } from './workflow-trace-view';
|
|
13
|
-
|
|
15
|
+
export { NewTraceViewer } from './trace-viewer-new';
|
|
16
|
+
export { TraceViewerSkeleton } from './new-trace-viewer/components/trace-viewer-skeleton';
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBUWxELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsdUJBQXVCLEVBQ3ZCLGdCQUFnQixFQUNoQixjQUFjLEdBQ2YsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDL0QsT0FBTyxFQUNMLG1CQUFtQixHQUVwQixNQUFNLGdDQUFnQyxDQUFDO0FBS3hDLE9BQU8sRUFBb0IsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFakUsT0FBTyxFQUNMLGFBQWEsRUFFYixtQkFBbUIsR0FFcEIsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUEyQixNQUFNLG9CQUFvQixDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDdkMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgRXJyb3JCb3VuZGFyeSB9IGZyb20gJy4vZXJyb3ItYm91bmRhcnknO1xuZXhwb3J0IHsgRXZlbnRMaXN0VmlldyB9IGZyb20gJy4vZXZlbnQtbGlzdC12aWV3JztcbmV4cG9ydCB0eXBlIHtcbiAgSG9va0FjdGlvbkNhbGxiYWNrcyxcbiAgSG9va0FjdGlvbnNEcm9wZG93bkl0ZW1Qcm9wcyxcbiAgSG9va1Jlc29sdmVNb2RhbFByb3BzLFxuICBVc2VIb29rQWN0aW9uc09wdGlvbnMsXG4gIFVzZUhvb2tBY3Rpb25zUmV0dXJuLFxufSBmcm9tICcuL2hvb2stYWN0aW9ucyc7XG5leHBvcnQge1xuICBIb29rUmVzb2x2ZU1vZGFsV3JhcHBlcixcbiAgUmVzb2x2ZUhvb2tEcm9wZG93bkl0ZW0sXG4gIFJlc29sdmVIb29rTW9kYWwsXG4gIHVzZUhvb2tBY3Rpb25zLFxufSBmcm9tICcuL2hvb2stYWN0aW9ucyc7XG5leHBvcnQgeyBSdW5UcmFjZVZpZXcgfSBmcm9tICcuL3J1bi10cmFjZS12aWV3JztcbmV4cG9ydCB7IENvbnZlcnNhdGlvblZpZXcgfSBmcm9tICcuL3NpZGViYXIvY29udmVyc2F0aW9uLXZpZXcnO1xuZXhwb3J0IHtcbiAgU2lkZWJhckRhdGFQcm92aWRlcixcbiAgdHlwZSBTaWRlYmFyRGF0YUNvbnRleHRWYWx1ZSxcbn0gZnJvbSAnLi9zaWRlYmFyL3NpZGViYXItZGF0YS1jb250ZXh0JztcbmV4cG9ydCB0eXBlIHtcbiAgU2VsZWN0ZWRTcGFuSW5mbyxcbiAgU3BhblNlbGVjdGlvbkluZm8sXG59IGZyb20gJy4vc2lkZWJhci9lbnRpdHktZGV0YWlsLXBhbmVsJztcbmV4cG9ydCB7IHR5cGUgU3RyZWFtQ2h1bmssIFN0cmVhbVZpZXdlciB9IGZyb20gJy4vc3RyZWFtLXZpZXdlcic7XG5leHBvcnQgdHlwZSB7IFNwYW4sIFNwYW5FdmVudCB9IGZyb20gJy4vdHJhY2Utdmlld2VyL3R5cGVzJztcbmV4cG9ydCB7XG4gIERhdGFJbnNwZWN0b3IsXG4gIHR5cGUgRGF0YUluc3BlY3RvclByb3BzLFxuICBEZWNyeXB0Q2xpY2tDb250ZXh0LFxuICB0eXBlIERlY3J5cHRDbGlja0NvbnRleHRWYWx1ZSxcbn0gZnJvbSAnLi91aS9kYXRhLWluc3BlY3Rvcic7XG5leHBvcnQgeyBEZWNyeXB0QnV0dG9uIH0gZnJvbSAnLi91aS9kZWNyeXB0LWJ1dHRvbic7XG5leHBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi91aS9pY29uLWJ1dHRvbic7XG5leHBvcnQgeyBMb2FkTW9yZUJ1dHRvbiB9IGZyb20gJy4vdWkvbG9hZC1tb3JlLWJ1dHRvbic7XG5leHBvcnQgeyBNZW51RHJvcGRvd24sIHR5cGUgTWVudURyb3Bkb3duT3B0aW9uIH0gZnJvbSAnLi91aS9tZW51LWRyb3Bkb3duJztcbmV4cG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3VpL3NwaW5uZXInO1xuZXhwb3J0IHsgV29ya2Zsb3dUcmFjZVZpZXdlciB9IGZyb20gJy4vd29ya2Zsb3ctdHJhY2Utdmlldyc7XG5leHBvcnQgeyBOZXdUcmFjZVZpZXdlciB9IGZyb20gJy4vdHJhY2Utdmlld2VyLW5ldyc7XG5leHBvcnQgeyBUcmFjZVZpZXdlclNrZWxldG9uIH0gZnJvbSAnLi9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvdHJhY2Utdmlld2VyLXNrZWxldG9uJztcbiJdfQ==
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type JSX } from 'react';
|
|
2
|
+
interface CopyButtonProps {
|
|
3
|
+
copyText: string;
|
|
4
|
+
ariaLabel: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function CopyButton({ copyText, ariaLabel, className, }: CopyButtonProps): JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=copy-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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-0 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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvY29weS1idXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMzQyxPQUFPLEVBQVksU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDOUQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBUXhDLE1BQU0sVUFBVSxVQUFVLENBQUMsRUFDekIsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLEdBQ087SUFDaEIsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUF1QyxJQUFJLENBQUMsQ0FBQztJQUV0RSxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsT0FBTyxHQUFHLEVBQUU7WUFDVixJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDdkIsWUFBWSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNuQyxDQUFDO1FBQ0gsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLGlCQUNFLElBQUksRUFBQyxRQUFRLGdCQUNELFNBQVMsRUFDckIsU0FBUyxFQUFFLEVBQUUsQ0FDWCxtRkFBbUYsRUFDbkYsU0FBUyxDQUNWLEVBQ0QsT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDYixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDcEIsSUFBSSxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ3ZCLFlBQVksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDbkMsQ0FBQztZQUNELEtBQUssU0FBUyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDckQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNoQixVQUFVLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDaEUsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLFlBRUQsZUFBSyxTQUFTLEVBQUMsa0JBQWtCLGFBQy9CLGNBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FDWCx3RkFBd0YsRUFDeEYsTUFBTSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQ3ZELFlBRUQsS0FBQyxLQUFLLElBQUMsU0FBUyxFQUFDLFNBQVMsR0FBRyxHQUN6QixFQUNOLGNBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FDWCx3RkFBd0YsRUFDeEYsTUFBTSxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQ3ZELFlBRUQsS0FBQyxJQUFJLElBQUMsU0FBUyxFQUFDLFNBQVMsR0FBRyxHQUN4QixJQUNGLEdBQ0MsQ0FDVixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50JztcblxuaW1wb3J0IHsgQ2hlY2ssIENvcHkgfSBmcm9tICdsdWNpZGUtcmVhY3QnO1xuaW1wb3J0IHsgdHlwZSBKU1gsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vLi4vbGliL3V0aWxzJztcblxuaW50ZXJmYWNlIENvcHlCdXR0b25Qcm9wcyB7XG4gIGNvcHlUZXh0OiBzdHJpbmc7XG4gIGFyaWFMYWJlbDogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBDb3B5QnV0dG9uKHtcbiAgY29weVRleHQsXG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxufTogQ29weUJ1dHRvblByb3BzKTogSlNYLkVsZW1lbnQge1xuICBjb25zdCBbY29waWVkLCBzZXRDb3BpZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB0aW1lb3V0UmVmID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbD4obnVsbCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKHRpbWVvdXRSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGltZW91dFJlZi5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdjdXJzb3ItcG9pbnRlciB0ZXh0LWdyYXktODAwIGhvdmVyOnRleHQtZ3JheS0xMDAwIGJnLXRyYW5zcGFyZW50IGJvcmRlci0wIHAtMSBtLTAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBvbkNsaWNrPXsoZSkgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBpZiAodGltZW91dFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXRSZWYuY3VycmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgdm9pZCBuYXZpZ2F0b3IuY2xpcGJvYXJkLndyaXRlVGV4dChjb3B5VGV4dCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgc2V0Q29waWVkKHRydWUpO1xuICAgICAgICAgIHRpbWVvdXRSZWYuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4gc2V0Q29waWVkKGZhbHNlKSwgMTAwMCk7XG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cInJlbGF0aXZlIHctMyBoLTNcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAnYWJzb2x1dGUgaW5zZXQtMCBmbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciB0cmFuc2l0aW9uLWFsbCBkdXJhdGlvbi0xNTAgZWFzZS1vdXQnLFxuICAgICAgICAgICAgY29waWVkID8gJ3NjYWxlLTEwMCBvcGFjaXR5LTEwMCcgOiAnc2NhbGUtMCBvcGFjaXR5LTAnXG4gICAgICAgICAgKX1cbiAgICAgICAgPlxuICAgICAgICAgIDxDaGVjayBjbGFzc05hbWU9XCJ3LTMgaC0zXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgJ2Fic29sdXRlIGluc2V0LTAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgdHJhbnNpdGlvbi1hbGwgZHVyYXRpb24tMTUwIGVhc2Utb3V0JyxcbiAgICAgICAgICAgIGNvcGllZCA/ICdzY2FsZS0wIG9wYWNpdHktMCcgOiAnc2NhbGUtMTAwIG9wYWNpdHktMTAwJ1xuICAgICAgICAgICl9XG4gICAgICAgID5cbiAgICAgICAgICA8Q29weSBjbGFzc05hbWU9XCJ3LTMgaC0zXCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Span } from '../types';
|
|
2
|
+
import { type SpanSearchResult } from '../search';
|
|
3
|
+
declare const EventList: ({ spans, activeSpanId, searchResult, onSelectSpan, }: {
|
|
4
|
+
spans: Span[];
|
|
5
|
+
activeSpanId: string | null;
|
|
6
|
+
searchResult: SpanSearchResult;
|
|
7
|
+
onSelectSpan: (spanId: string) => void;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default EventList;
|
|
10
|
+
//# sourceMappingURL=event-list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"event-list.d.ts","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/event-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAQrC,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAsFxE,QAAA,MAAM,SAAS,GAAI,sDAKhB;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,gBAAgB,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,4CA0BA,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Circle } from 'lucide-react';
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { cn } from '../../../lib/utils';
|
|
5
|
+
import { formatDurationPrecise } from '../../trace-viewer/util/timing';
|
|
6
|
+
import { SleepIcon, StepForwardIcon, WebhookIcon, WorkflowIcon, } from '../icons';
|
|
7
|
+
import { isSpanDimmedBySearch } from '../search';
|
|
8
|
+
import { getSpanDurationMs } from '../utils';
|
|
9
|
+
import { MiddleTruncate } from './middle-truncate/middle-truncate';
|
|
10
|
+
import { ROW_HEIGHT_PX, useRowWindow } from './use-row-window';
|
|
11
|
+
const eventStyles = {
|
|
12
|
+
run: { icon: WorkflowIcon, className: 'text-blue-900' },
|
|
13
|
+
step: { icon: StepForwardIcon, className: 'text-green-900' },
|
|
14
|
+
hook: { icon: WebhookIcon, className: 'text-gray-900' },
|
|
15
|
+
sleep: { icon: SleepIcon, className: 'text-gray-900' },
|
|
16
|
+
};
|
|
17
|
+
const defaultStyle = {
|
|
18
|
+
icon: Circle,
|
|
19
|
+
className: 'text-gray-900',
|
|
20
|
+
};
|
|
21
|
+
const ROW_HEIGHT_CLASS = 'h-10';
|
|
22
|
+
function getEventStyle(resource, isErrored) {
|
|
23
|
+
const style = eventStyles[resource] ?? defaultStyle;
|
|
24
|
+
return {
|
|
25
|
+
icon: style.icon,
|
|
26
|
+
className: cn(isErrored ? 'text-red-900' : style.className),
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
const EventRow = ({ span, isSelected, isDimmed, onSelectSpan, }) => {
|
|
30
|
+
const durationMs = getSpanDurationMs(span);
|
|
31
|
+
const workflowStatus = span.attributes.data
|
|
32
|
+
?.status;
|
|
33
|
+
const isErrored = span.status.code === 2 || workflowStatus === 'failed';
|
|
34
|
+
const { icon: Icon, className: tagClassName } = getEventStyle(span.resource, isErrored);
|
|
35
|
+
return (_jsx("li", { className: cn('relative overflow-clip group transition-opacity', ROW_HEIGHT_CLASS, isDimmed && 'opacity-35'), 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 pl-4 pr-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: formatDurationPrecise(durationMs) }) })] }) }) }));
|
|
36
|
+
};
|
|
37
|
+
const EventList = ({ spans, activeSpanId, searchResult, onSelectSpan, }) => {
|
|
38
|
+
const listRef = useRef(null);
|
|
39
|
+
const { start, end } = useRowWindow(listRef, spans.length, ROW_HEIGHT_PX);
|
|
40
|
+
return (_jsx("ul", { ref: listRef, id: "event-list", role: "tree", className: "block min-h-0 overflow-visible divide-y divide-gray-alpha-400 border-b border-gray-alpha-400", style: {
|
|
41
|
+
paddingTop: start * ROW_HEIGHT_PX,
|
|
42
|
+
paddingBottom: (spans.length - end) * ROW_HEIGHT_PX,
|
|
43
|
+
}, children: spans.slice(start, end).map((span) => (_jsx(EventRow, { span: span, isSelected: span.spanId === activeSpanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelectSpan: onSelectSpan }, span.spanId))) }));
|
|
44
|
+
};
|
|
45
|
+
export default EventList;
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ldy10cmFjZS12aWV3ZXIvY29tcG9uZW50cy9ldmVudC1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsWUFBWSxHQUNiLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxvQkFBb0IsRUFBeUIsTUFBTSxXQUFXLENBQUM7QUFDeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNuRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBTy9ELE1BQU0sV0FBVyxHQUErQjtJQUM5QyxHQUFHLEVBQUUsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUU7SUFDdkQsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUU7SUFDNUQsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO0lBQ3ZELEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtDQUN2RCxDQUFDO0FBRUYsTUFBTSxZQUFZLEdBQWU7SUFDL0IsSUFBSSxFQUFFLE1B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RUFBRSxFQUFFLENBQUMsQ0FDckMsS0FBQyxRQUFRLElBRVAsSUFBSSxFQUFFLElBQUksRUFDVixVQUFVLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxZQUFZLEVBQ3hDLFFBQVEsRUFBRSxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFlBQVksQ0FBQyxFQUN6RCxZQUFZLEVBQUUsWUFBWSxJQUpyQixJQUFJLENBQUMsTUFBTSxDQUtoQixDQUNILENBQUMsR0FDQyxDQUNOLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENpcmNsZSB9IGZyb20gJ2x1Y2lkZS1yZWFjdCc7XG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uLy4uL2xpYi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IFNwYW4gfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBmb3JtYXREdXJhdGlvblByZWNpc2UgfSBmcm9tICcuLi8uLi90cmFjZS12aWV3ZXIvdXRpbC90aW1pbmcnO1xuaW1wb3J0IHtcbiAgU2xlZXBJY29uLFxuICBTdGVwRm9yd2FyZEljb24sXG4gIFdlYmhvb2tJY29uLFxuICBXb3JrZmxvd0ljb24sXG59IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGlzU3BhbkRpbW1lZEJ5U2VhcmNoLCB0eXBlIFNwYW5TZWFyY2hSZXN1bHQgfSBmcm9tICcuLi9zZWFyY2gnO1xuaW1wb3J0IHsgZ2V0U3BhbkR1cmF0aW9uTXMgfSBmcm9tICcuLi91dGlscyc7XG5pbXBvcnQgeyBNaWRkbGVUcnVuY2F0ZSB9IGZyb20gJy4vbWlkZGxlLXRydW5jYXRlL21pZGRsZS10cnVuY2F0ZSc7XG5pbXBvcnQgeyBST1dfSEVJR0hUX1BYLCB1c2VSb3dXaW5kb3cgfSBmcm9tICcuL3VzZS1yb3ctd2luZG93JztcblxuaW50ZXJmYWNlIEV2ZW50U3R5bGUge1xuICBpY29uOiBSZWFjdC5Db21wb25lbnRUeXBlPHsgY2xhc3NOYW1lPzogc3RyaW5nIH0+O1xuICBjbGFzc05hbWU6IHN0cmluZztcbn1cblxuY29uc3QgZXZlbnRTdHlsZXM6IFJlY29yZDxzdHJpbmcsIEV2ZW50U3R5bGU+ID0ge1xuICBydW46IHsgaWNvbjogV29ya2Zsb3dJY29uLCBjbGFzc05hbWU6ICd0ZXh0LWJsdWUtOTAwJyB9LFxuICBzdGVwOiB7IGljb246IFN0ZXBGb3J3YXJkSWNvbiwgY2xhc3NOYW1lOiAndGV4dC1ncmVlbi05MDAnIH0sXG4gIGhvb2s6IHsgaWNvbjogV2ViaG9va0ljb24sIGNsYXNzTmFtZTogJ3RleHQtZ3JheS05MDAnIH0sXG4gIHNsZWVwOiB7IGljb246IFNsZWVwSWNvbiwgY2xhc3NOYW1lOiAndGV4dC1ncmF5LTkwMCcgfSxcbn07XG5cbmNvbnN0IGRlZmF1bHRTdHlsZTogRXZlbnRTdHlsZSA9IHtcbiAgaWNvbjogQ2lyY2xlLFxuICBjbGFzc05hbWU6ICd0ZXh0LWdyYXktOTAwJyxcbn07XG5cbmNvbnN0IFJPV19IRUlHSFRfQ0xBU1MgPSAnaC0xMCc7XG5cbmZ1bmN0aW9uIGdldEV2ZW50U3R5bGUocmVzb3VyY2U6IHN0cmluZywgaXNFcnJvcmVkOiBib29sZWFuKTogRXZlbnRTdHlsZSB7XG4gIGNvbnN0IHN0eWxlID0gZXZlbnRTdHlsZXNbcmVzb3VyY2VdID8/IGRlZmF1bHRTdHlsZTtcbiAgcmV0dXJuIHtcbiAgICBpY29uOiBzdHlsZS5pY29uLFxuICAgIGNsYXNzTmFtZTogY24oaXNFcnJvcmVkID8gJ3RleHQtcmVkLTkwMCcgOiBzdHlsZS5jbGFzc05hbWUpLFxuICB9O1xufVxuXG5jb25zdCBFdmVudFJvdyA9ICh7XG4gIHNwYW4sXG4gIGlzU2VsZWN0ZWQsXG4gIGlzRGltbWVkLFxuICBvblNlbGVjdFNwYW4sXG59OiB7XG4gIHNwYW46IFNwYW47XG4gIGlzU2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGlzRGltbWVkPzogYm9vbGVhbjtcbiAgb25TZWxlY3RTcGFuOiAoc3BhbklkOiBzdHJpbmcpID0+IHZvaWQ7XG59KSA9PiB7XG4gIGNvbnN0IGR1cmF0aW9uTXMgPSBnZXRTcGFuRHVyYXRpb25NcyhzcGFuKTtcbiAgY29uc3Qgd29ya2Zsb3dTdGF0dXMgPSAoc3Bhbi5hdHRyaWJ1dGVzLmRhdGEgYXMgUmVjb3JkPHN0cmluZywgdW5rbm93bj4pXG4gICAgPy5zdGF0dXMgYXMgc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBjb25zdCBpc0Vycm9yZWQgPSBzcGFuLnN0YXR1cy5jb2RlID09PSAyIHx8IHdvcmtmbG93U3RhdHVzID09PSAnZmFpbGVkJztcbiAgY29uc3QgeyBpY29uOiBJY29uLCBjbGFzc05hbWU6IHRhZ0NsYXNzTmFtZSB9ID0gZ2V0RXZlbnRTdHlsZShcbiAgICBzcGFuLnJlc291cmNlLFxuICAgIGlzRXJyb3JlZFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPGxpXG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAncmVsYXRpdmUgb3ZlcmZsb3ctY2xpcCBncm91cCB0cmFuc2l0aW9uLW9wYWNpdHknLFxuICAgICAgICBST1dfSEVJR0hUX0NMQVNTLFxuICAgICAgICBpc0RpbW1lZCAmJiAnb3BhY2l0eS0zNSdcbiAgICAgICl9XG4gICAgICByb2xlPVwidHJlZWl0ZW1cIlxuICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICBhcmlhLWxldmVsPXsxfVxuICAgICAgb25DbGljaz17KCkgPT4gb25TZWxlY3RTcGFuKHNwYW4uc3BhbklkKX1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImgtZnVsbCBob3ZlcjpiZy1ncmF5LTEwMCBncm91cC1hcmlhLXNlbGVjdGVkOmJnLWdyYXktMTAwIGdyb3VwLWFyaWEtc2VsZWN0ZWQ6aG92ZXI6YmctZ3JheS0yMDBcIj5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGgtZnVsbCBtaW4tdy0wIGl0ZW1zLWNlbnRlciBwbC00IHByLTJcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggbWluLXctMCBmbGV4LTEgaXRlbXMtY2VudGVyIGdhcC0yXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NuKCdzaHJpbmstMCcsIHRhZ0NsYXNzTmFtZSl9PlxuICAgICAgICAgICAgICA8SWNvbiBjbGFzc05hbWU9XCJ3LTQgaC00XCIgLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm1pbi13LTAgdGV4dC1sYWJlbC0xNFwiPlxuICAgICAgICAgICAgICA8TWlkZGxlVHJ1bmNhdGUgdmFsdWU9e3NwYW4ubmFtZX0gLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1sLTIgc2hyaW5rLTBcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cInRleHQtbGFiZWwtMTQgdGV4dC1ncmF5LTkwMCB0YWJ1bGFyLW51bXNcIj5cbiAgICAgICAgICAgICAge2Zvcm1hdER1cmF0aW9uUHJlY2lzZShkdXJhdGlvbk1zKX1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2xpPlxuICApO1xufTtcblxuY29uc3QgRXZlbnRMaXN0ID0gKHtcbiAgc3BhbnMsXG4gIGFjdGl2ZVNwYW5JZCxcbiAgc2VhcmNoUmVzdWx0LFxuICBvblNlbGVjdFNwYW4sXG59OiB7XG4gIHNwYW5zOiBTcGFuW107XG4gIGFjdGl2ZVNwYW5JZDogc3RyaW5nIHwgbnVsbDtcbiAgc2VhcmNoUmVzdWx0OiBTcGFuU2VhcmNoUmVzdWx0O1xuICBvblNlbGVjdFNwYW46IChzcGFuSWQ6IHN0cmluZykgPT4gdm9pZDtcbn0pID0+IHtcbiAgY29uc3QgbGlzdFJlZiA9IHVzZVJlZjxIVE1MVUxpc3RFbGVtZW50PihudWxsKTtcbiAgY29uc3QgeyBzdGFydCwgZW5kIH0gPSB1c2VSb3dXaW5kb3cobGlzdFJlZiwgc3BhbnMubGVuZ3RoLCBST1dfSEVJR0hUX1BYKTtcblxuICByZXR1cm4gKFxuICAgIDx1bFxuICAgICAgcmVmPXtsaXN0UmVmfVxuICAgICAgaWQ9XCJldmVudC1saXN0XCJcbiAgICAgIHJvbGU9XCJ0cmVlXCJcbiAgICAgIGNsYXNzTmFtZT1cImJsb2NrIG1pbi1oLTAgb3ZlcmZsb3ctdmlzaWJsZSBkaXZpZGUteSBkaXZpZGUtZ3JheS1hbHBoYS00MDAgYm9yZGVyLWIgYm9yZGVyLWdyYXktYWxwaGEtNDAwXCJcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIHBhZGRpbmdUb3A6IHN0YXJ0ICogUk9XX0hFSUdIVF9QWCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogKHNwYW5zLmxlbmd0aCAtIGVuZCkgKiBST1dfSEVJR0hUX1BYLFxuICAgICAgfX1cbiAgICA+XG4gICAgICB7c3BhbnMuc2xpY2Uoc3RhcnQsIGVuZCkubWFwKChzcGFuKSA9PiAoXG4gICAgICAgIDxFdmVudFJvd1xuICAgICAgICAgIGtleT17c3Bhbi5zcGFuSWR9XG4gICAgICAgICAgc3Bhbj17c3Bhbn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtzcGFuLnNwYW5JZCA9PT0gYWN0aXZlU3BhbklkfVxuICAgICAgICAgIGlzRGltbWVkPXtpc1NwYW5EaW1tZWRCeVNlYXJjaChzcGFuLnNwYW5JZCwgc2VhcmNoUmVzdWx0KX1cbiAgICAgICAgICBvblNlbGVjdFNwYW49e29uU2VsZWN0U3Bhbn1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvdWw+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFdmVudExpc3Q7XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
interface GetMiddleTruncateCopyTextOptions {
|
|
2
|
+
prefixText: string;
|
|
3
|
+
selectionEnd: number;
|
|
4
|
+
selectionStart: number;
|
|
5
|
+
suffixText: string;
|
|
6
|
+
value: string;
|
|
7
|
+
}
|
|
8
|
+
interface GetMiddleTruncateCopyTextFromSelectionTextOptions {
|
|
9
|
+
prefixText: string;
|
|
10
|
+
selectionText: string;
|
|
11
|
+
suffixText: string;
|
|
12
|
+
value: string;
|
|
13
|
+
}
|
|
14
|
+
declare function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value, }: GetMiddleTruncateCopyTextOptions): string | null;
|
|
15
|
+
declare function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value, }: GetMiddleTruncateCopyTextFromSelectionTextOptions): string | null;
|
|
16
|
+
export { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, };
|
|
17
|
+
export type { GetMiddleTruncateCopyTextFromSelectionTextOptions, GetMiddleTruncateCopyTextOptions, };
|
|
18
|
+
//# sourceMappingURL=copy-selection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL2NvcHktc2VsZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBaUJuRCxTQUFTLHlCQUF5QixDQUFDLEVBQ2pDLFVBQVUsRUFDVixZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixLQUFLLEdBQzRCO0lBQ2pDLE1BQU0sV0FBVyxHQUFHLFVBQVUsR0FBRyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBRXZELElBQ0UsY0FBYyxHQUFHLENBQUM7UUFDbEIsWUFBWSxHQUFHLFdBQVcsQ0FBQyxNQUFNO1FBQ2pDLGNBQWMsSUFBSSxZQUFZLEVBQzlCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLGNBQWMsS0FBSyxDQUFDLElBQUksWUFBWSxLQUFLLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNoRSxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQ3hDLE1BQU0sV0FBVyxHQUFHLGFBQWEsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBRXBELElBQUksY0FBYyxHQUFHLGFBQWEsSUFBSSxZQUFZLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFDakUsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxpQkFBaUIsR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsTUFBTSwyQkFBMkIsR0FBRyxXQUFXLENBQzdDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxDQUNyQyxDQUFDLE1BQU0sQ0FBQztJQUNULE1BQU0sMkJBQTJCLEdBQUcsV0FBVyxDQUM3QyxXQUFXLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUMsQ0FDN0MsQ0FBQyxNQUFNLENBQUM7SUFDVCxNQUFNLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUU5RSxPQUFPLGlCQUFpQjtTQUNyQixLQUFLLENBQ0osMkJBQTJCLEVBQzNCLFdBQVcsR0FBRywyQkFBMkIsQ0FDMUM7U0FDQSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7QUFDZCxDQUFDO0FBRUQsU0FBUywwQ0FBMEMsQ0FBQyxFQUNsRCxVQUFVLEVBQ1YsYUFBYSxFQUNiLFVBQVUsRUFDVixLQUFLLEdBQzZDO0lBQ2xELE1BQU0sV0FBVyxHQUFHLFVBQVUsR0FBRyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQ3ZELE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBRWxELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzFCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE1BQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQ2pDLENBQUMsRUFDRCxhQUFhLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxNQUFNLENBQ3hELENBQUM7SUFDRixNQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVyRSxJQUFJLG9CQUFvQixLQUFLLFdBQVcsRUFBRSxDQUFDO1FBQ3pDLE9BQU8sT0FBTyxHQUFHLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztRQUM3QyxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDakUsSUFBSSxjQUFjLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUMxQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLFlBQVksR0FBRyxjQUFjLEdBQUcsb0JBQW9CLENBQUMsTUFBTSxDQUFDO0lBQ2xFLE1BQU0sVUFBVSxHQUFHLHlCQUF5QixDQUFDO1FBQzNDLFVBQVU7UUFDVixZQUFZO1FBQ1osY0FBYztRQUNkLFVBQVU7UUFDVixLQUFLO0tBQ04sQ0FBQyxDQUFDO0lBRUgsT0FBTyxVQUFVLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxVQUFVLEdBQUcsUUFBUSxDQUFDO0FBQ3RFLENBQUM7QUFFRCxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLDBDQUEwQyxHQUMzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRUxMSVBTSVMsIHRvR3JhcGhlbWVzIH0gZnJvbSAnLi90cnVuY2F0ZSc7XG5cbmludGVyZmFjZSBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyB7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc2VsZWN0aW9uRW5kOiBudW1iZXI7XG4gIHNlbGVjdGlvblN0YXJ0OiBudW1iZXI7XG4gIHN1ZmZpeFRleHQ6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIEdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dE9wdGlvbnMge1xuICBwcmVmaXhUZXh0OiBzdHJpbmc7XG4gIHNlbGVjdGlvblRleHQ6IHN0cmluZztcbiAgc3VmZml4VGV4dDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0KHtcbiAgcHJlZml4VGV4dCxcbiAgc2VsZWN0aW9uRW5kLFxuICBzZWxlY3Rpb25TdGFydCxcbiAgc3VmZml4VGV4dCxcbiAgdmFsdWUsXG59OiBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyk6IHN0cmluZyB8IG51bGwge1xuICBjb25zdCB2aXNpYmxlVGV4dCA9IHByZWZpeFRleHQgKyBFTExJUFNJUyArIHN1ZmZpeFRleHQ7XG5cbiAgaWYgKFxuICAgIHNlbGVjdGlvblN0YXJ0IDwgMCB8fFxuICAgIHNlbGVjdGlvbkVuZCA+IHZpc2libGVUZXh0Lmxlbmd0aCB8fFxuICAgIHNlbGVjdGlvblN0YXJ0ID49IHNlbGVjdGlvbkVuZFxuICApIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGlmIChzZWxlY3Rpb25TdGFydCA9PT0gMCAmJiBzZWxlY3Rpb25FbmQgPT09IHZpc2libGVUZXh0Lmxlbmd0aCkge1xuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIGNvbnN0IGVsbGlwc2lzU3RhcnQgPSBwcmVmaXhUZXh0Lmxlbmd0aDtcbiAgY29uc3QgZWxsaXBzaXNFbmQgPSBlbGxpcHNpc1N0YXJ0ICsgRUxMSVBTSVMubGVuZ3RoO1xuXG4gIGlmIChzZWxlY3Rpb25TdGFydCA+IGVsbGlwc2lzU3RhcnQgfHwgc2VsZWN0aW9uRW5kIDwgZWxsaXBzaXNFbmQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IG9yaWdpbmFsR3JhcGhlbWVzID0gdG9HcmFwaGVtZXModmFsdWUpO1xuICBjb25zdCBzZWxlY3RlZFByZWZpeEdyYXBoZW1lQ291bnQgPSB0b0dyYXBoZW1lcyhcbiAgICB2aXNpYmxlVGV4dC5zbGljZSgwLCBzZWxlY3Rpb25TdGFydClcbiAgKS5sZW5ndGg7XG4gIGNvbnN0IHNlbGVjdGVkU3VmZml4R3JhcGhlbWVDb3VudCA9IHRvR3JhcGhlbWVzKFxuICAgIHZpc2libGVUZXh0LnNsaWNlKGVsbGlwc2lzRW5kLCBzZWxlY3Rpb25FbmQpXG4gICkubGVuZ3RoO1xuICBjb25zdCBzdWZmaXhTdGFydCA9IG9yaWdpbmFsR3JhcGhlbWVzLmxlbmd0aCAtIHRvR3JhcGhlbWVzKHN1ZmZpeFRleHQpLmxlbmd0aDtcblxuICByZXR1cm4gb3JpZ2luYWxHcmFwaGVtZXNcbiAgICAuc2xpY2UoXG4gICAgICBzZWxlY3RlZFByZWZpeEdyYXBoZW1lQ291bnQsXG4gICAgICBzdWZmaXhTdGFydCArIHNlbGVjdGVkU3VmZml4R3JhcGhlbWVDb3VudFxuICAgIClcbiAgICAuam9pbignJyk7XG59XG5cbmZ1bmN0aW9uIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dCh7XG4gIHByZWZpeFRleHQsXG4gIHNlbGVjdGlvblRleHQsXG4gIHN1ZmZpeFRleHQsXG4gIHZhbHVlLFxufTogR2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dEZyb21TZWxlY3Rpb25UZXh0T3B0aW9ucyk6IHN0cmluZyB8IG51bGwge1xuICBjb25zdCB2aXNpYmxlVGV4dCA9IHByZWZpeFRleHQgKyBFTExJUFNJUyArIHN1ZmZpeFRleHQ7XG4gIGNvbnN0IHRyaW1tZWRTZWxlY3Rpb25UZXh0ID0gc2VsZWN0aW9uVGV4dC50cmltKCk7XG5cbiAgaWYgKCF0cmltbWVkU2VsZWN0aW9uVGV4dCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbGVhZGluZyA9IHNlbGVjdGlvblRleHQuc2xpY2UoXG4gICAgMCxcbiAgICBzZWxlY3Rpb25UZXh0Lmxlbmd0aCAtIHNlbGVjdGlvblRleHQudHJpbVN0YXJ0KCkubGVuZ3RoXG4gICk7XG4gIGNvbnN0IHRyYWlsaW5nID0gc2VsZWN0aW9uVGV4dC5zbGljZShzZWxlY3Rpb25UZXh0LnRyaW1FbmQoKS5sZW5ndGgpO1xuXG4gIGlmICh0cmltbWVkU2VsZWN0aW9uVGV4dCA9PT0gdmlzaWJsZVRleHQpIHtcbiAgICByZXR1cm4gbGVhZGluZyArIHZhbHVlICsgdHJhaWxpbmc7XG4gIH1cblxuICBpZiAoIXRyaW1tZWRTZWxlY3Rpb25UZXh0LmluY2x1ZGVzKEVMTElQU0lTKSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc2VsZWN0aW9uU3RhcnQgPSB2aXNpYmxlVGV4dC5pbmRleE9mKHRyaW1tZWRTZWxlY3Rpb25UZXh0KTtcbiAgaWYgKHNlbGVjdGlvblN0YXJ0ID09PSAtMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc2VsZWN0aW9uRW5kID0gc2VsZWN0aW9uU3RhcnQgKyB0cmltbWVkU2VsZWN0aW9uVGV4dC5sZW5ndGg7XG4gIGNvbnN0IG1hcHBlZFRleHQgPSBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0KHtcbiAgICBwcmVmaXhUZXh0LFxuICAgIHNlbGVjdGlvbkVuZCxcbiAgICBzZWxlY3Rpb25TdGFydCxcbiAgICBzdWZmaXhUZXh0LFxuICAgIHZhbHVlLFxuICB9KTtcblxuICByZXR1cm4gbWFwcGVkVGV4dCA9PT0gbnVsbCA/IG51bGwgOiBsZWFkaW5nICsgbWFwcGVkVGV4dCArIHRyYWlsaW5nO1xufVxuXG5leHBvcnQge1xuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0LFxuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQsXG59O1xuZXhwb3J0IHR5cGUge1xuICBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHRPcHRpb25zLFxuICBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyxcbn07XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ComponentPropsWithoutRef, JSX } from 'react';
|
|
2
|
+
/** Props for the {@link MiddleTruncate} component. */
|
|
3
|
+
interface MiddleTruncateProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
|
|
4
|
+
/** The full text string to display, truncated from the middle when it overflows. */
|
|
5
|
+
value: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* @gdoc
|
|
9
|
+
*
|
|
10
|
+
* 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.
|
|
11
|
+
* Renders a `<span>` element.
|
|
12
|
+
*
|
|
13
|
+
* Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
|
|
14
|
+
*
|
|
15
|
+
* @param value - Full text string to display.
|
|
16
|
+
*/
|
|
17
|
+
declare function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }: MiddleTruncateProps): JSX.Element;
|
|
18
|
+
export { MiddleTruncate };
|
|
19
|
+
export type { MiddleTruncateProps };
|
|
20
|
+
//# sourceMappingURL=middle-truncate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlLXRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3LXRyYWNlLXZpZXdlci9jb21wb25lbnRzL21pZGRsZS10cnVuY2F0ZS9taWRkbGUtdHJ1bmNhdGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUU1QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0MsT0FBTyxFQUNMLHlCQUF5QixFQUN6QiwwQ0FBMEMsR0FDM0MsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBUzFELFNBQVMsZUFBZSxDQUN0QixTQUFzQixFQUN0QixLQUFZO0lBRVosSUFDRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQztRQUN6QyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxFQUN2QyxDQUFDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzFDLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN6QyxVQUFVLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRTNELE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4QyxRQUFRLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdkMsUUFBUSxDQUFDLE1BQU0sQ0FB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QkFBcUIsWUFBRSxLQUFLLEdBQVEsRUFDcEUsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMscUZBQXFGLFlBRTlGLEtBQUssR0FDRCxFQUNQLDhCQUNlLFdBQVcsSUFBSSxTQUFTLEVBQ3JDLFNBQVMsRUFBQyxpREFBaUQsRUFDM0QsR0FBRyxFQUFFLFVBQVUsWUFFZCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2IsOEJBQ0UseUJBQU8sVUFBVSxHQUFRLEVBQ3pCLHlCQUFPLFFBQVEsR0FBUSxFQUN2Qix5QkFBTyxVQUFVLEdBQVEsSUFDeEIsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixHQUNJLEVBQ1AsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMsZ0dBQWdHLEVBQzFHLEdBQUcsRUFBRSxVQUFVLEdBQ2YsSUFDRyxDQUNSLENBQUM7QUFDSixDQUFDO0FBRUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBDbGlwYm9hcmRFdmVudCwgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmLCBKU1ggfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uLy4uLy4uL2xpYi91dGlscyc7XG5pbXBvcnQge1xuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0LFxuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQsXG59IGZyb20gJy4vY29weS1zZWxlY3Rpb24nO1xuaW1wb3J0IHsgRUxMSVBTSVMgfSBmcm9tICcuL3RydW5jYXRlJztcbmltcG9ydCB7IHVzZU1pZGRsZVRydW5jYXRlIH0gZnJvbSAnLi91c2UtbWlkZGxlLXRydW5jYXRlJztcblxuLyoqIFByb3BzIGZvciB0aGUge0BsaW5rIE1pZGRsZVRydW5jYXRlfSBjb21wb25lbnQuICovXG5pbnRlcmZhY2UgTWlkZGxlVHJ1bmNhdGVQcm9wc1xuICBleHRlbmRzIE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdzcGFuJz4sICdjaGlsZHJlbic+IHtcbiAgLyoqIFRoZSBmdWxsIHRleHQgc3RyaW5nIHRvIGRpc3BsYXksIHRydW5jYXRlZCBmcm9tIHRoZSBtaWRkbGUgd2hlbiBpdCBvdmVyZmxvd3MuICovXG4gIHZhbHVlOiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIGdldFJhbmdlT2Zmc2V0cyhcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCxcbiAgcmFuZ2U6IFJhbmdlXG4pOiB7IGVuZDogbnVtYmVyOyBzdGFydDogbnVtYmVyIH0gfCBudWxsIHtcbiAgaWYgKFxuICAgICFjb250YWluZXIuY29udGFpbnMocmFuZ2Uuc3RhcnRDb250YWluZXIpIHx8XG4gICAgIWNvbnRhaW5lci5jb250YWlucyhyYW5nZS5lbmRDb250YWluZXIpXG4gICkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc3RhcnRSYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XG4gIHN0YXJ0UmFuZ2Uuc2VsZWN0Tm9kZUNvbnRlbnRzKGNvbnRhaW5lcik7XG4gIHN0YXJ0UmFuZ2Uuc2V0RW5kKHJhbmdlLnN0YXJ0Q29udGFpbmVyLCByYW5nZS5zdGFydE9mZnNldCk7XG5cbiAgY29uc3QgZW5kUmFuZ2UgPSBkb2N1bWVudC5jcmVhdGVSYW5nZSgpO1xuICBlbmRSYW5nZS5zZWxlY3ROb2RlQ29udGVudHMoY29udGFpbmVyKTtcbiAgZW5kUmFuZ2Uuc2V0RW5kKHJhbmdlLmVuZENvbnRhaW5lciwgcmFuZ2UuZW5kT2Zmc2V0KTtcblxuICByZXR1cm4ge1xuICAgIGVuZDogZW5kUmFuZ2UudG9TdHJpbmcoKS5sZW5ndGgsXG4gICAgc3RhcnQ6IHN0YXJ0UmFuZ2UudG9TdHJpbmcoKS5sZW5ndGgsXG4gIH07XG59XG5cbi8qKlxuICogQGdkb2NcbiAqXG4gKiBUcnVuY2F0ZXMgdGV4dCBmcm9tIHRoZSBtaWRkbGUgd2l0aCBhbiBlbGxpcHNpcyB3aGVuIGl0IG92ZXJmbG93cywgcHJlc2VydmluZyB0aGUgYmVnaW5uaW5nIGFuZCBlbmQgKGUuZy4gZmlsZSBwYXRocywgVVJMcykuIENvcHkgYmVoYXZpb3IgcmVzdG9yZXMgdGhlIGZ1bGwgdW50cnVuY2F0ZWQgdGV4dCB0byB0aGUgY2xpcGJvYXJkLlxuICogUmVuZGVycyBhIGA8c3Bhbj5gIGVsZW1lbnQuXG4gKlxuICogRG9jdW1lbnRhdGlvbjogW0dlaXN0IE1pZGRsZSBUcnVuY2F0ZV0oaHR0cHM6Ly92ZXJjZWwuY29tL2dlaXN0L21pZGRsZS10cnVuY2F0ZSlcbiAqXG4gKiBAcGFyYW0gdmFsdWUgLSBGdWxsIHRleHQgc3RyaW5nIHRvIGRpc3BsYXkuXG4gKi9cbmZ1bmN0aW9uIE1pZGRsZVRydW5jYXRlKHtcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgb25Db3B5OiBvbkNvcHlQcm9wLFxuICAuLi5wcm9wc1xufTogTWlkZGxlVHJ1bmNhdGVQcm9wcyk6IEpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWYsIG1lYXN1cmVSZWYsIGRpc3BsYXlUZXh0LCBpc1RydW5jYXRlZCwgcHJlZml4VGV4dCwgc3VmZml4VGV4dCB9ID1cbiAgICB1c2VNaWRkbGVUcnVuY2F0ZSh2YWx1ZSk7XG4gIGNvbnN0IHZpc2libGVSZWYgPSB1c2VSZWY8SFRNTFNwYW5FbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlQ29weSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBDbGlwYm9hcmRFdmVudDxIVE1MU3BhbkVsZW1lbnQ+KSA9PiB7XG4gICAgICBvbkNvcHlQcm9wPy4oZSk7XG4gICAgICBpZiAoZS5kZWZhdWx0UHJldmVudGVkIHx8ICFpc1RydW5jYXRlZCkgcmV0dXJuO1xuXG4gICAgICBjb25zdCBzZWxlY3Rpb24gPSB3aW5kb3cuZ2V0U2VsZWN0aW9uKCk7XG4gICAgICBpZiAoIXNlbGVjdGlvbiB8fCBzZWxlY3Rpb24ucmFuZ2VDb3VudCA9PT0gMCkgcmV0dXJuO1xuICAgICAgY29uc3Qgc2VsZWN0aW9uVGV4dCA9IHNlbGVjdGlvbi50b1N0cmluZygpO1xuICAgICAgaWYgKCFzZWxlY3Rpb25UZXh0KSByZXR1cm47XG5cbiAgICAgIC8vIE9ubHkgaW50ZXJjZXB0IHdoZW4gdGhlIHNlbGVjdGlvbiBpcyBmdWxseSB3aXRoaW4gdGhpcyBlbGVtZW50LlxuICAgICAgLy8gSWYgdGhlIHVzZXIgc2VsZWN0ZWQgYWNyb3NzIGVsZW1lbnRzIChlLmcuIGEgdGFibGUgcm93KSwgbGV0XG4gICAgICAvLyB0aGUgYnJvd3NlcidzIGRlZmF1bHQgYmVoYXZpb3IgcHJlc2VydmUgc3Vycm91bmRpbmcgY29udGV4dC5cbiAgICAgIGNvbnN0IHJhbmdlID0gc2VsZWN0aW9uLmdldFJhbmdlQXQoMCk7XG4gICAgICBjb25zdCB2aXNpYmxlRWwgPSB2aXNpYmxlUmVmLmN1cnJlbnQ7XG4gICAgICBsZXQgY29weVRleHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgICBpZiAoXG4gICAgICAgIGUuY3VycmVudFRhcmdldC5jb250YWlucyhyYW5nZS5zdGFydENvbnRhaW5lcikgJiZcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKHJhbmdlLmVuZENvbnRhaW5lcikgJiZcbiAgICAgICAgdmlzaWJsZUVsXG4gICAgICApIHtcbiAgICAgICAgY29uc3Qgb2Zmc2V0cyA9IGdldFJhbmdlT2Zmc2V0cyh2aXNpYmxlRWwsIHJhbmdlKTtcbiAgICAgICAgaWYgKG9mZnNldHMpIHtcbiAgICAgICAgICBjb3B5VGV4dCA9IGdldE1pZGRsZVRydW5jYXRlQ29weVRleHQoe1xuICAgICAgICAgICAgcHJlZml4VGV4dCxcbiAgICAgICAgICAgIHNlbGVjdGlvbkVuZDogb2Zmc2V0cy5lbmQsXG4gICAgICAgICAgICBzZWxlY3Rpb25TdGFydDogb2Zmc2V0cy5zdGFydCxcbiAgICAgICAgICAgIHN1ZmZpeFRleHQsXG4gICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBjb3B5VGV4dCA/Pz0gZ2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dEZyb21TZWxlY3Rpb25UZXh0KHtcbiAgICAgICAgcHJlZml4VGV4dCxcbiAgICAgICAgc2VsZWN0aW9uVGV4dCxcbiAgICAgICAgc3VmZml4VGV4dCxcbiAgICAgICAgdmFsdWUsXG4gICAgICB9KTtcblxuICAgICAgaWYgKGNvcHlUZXh0ID09PSBudWxsKSByZXR1cm47XG5cbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGUuY2xpcGJvYXJkRGF0YS5zZXREYXRhKCd0ZXh0L3BsYWluJywgY29weVRleHQpO1xuICAgIH0sXG4gICAgW29uQ29weVByb3AsIGlzVHJ1bmNhdGVkLCBwcmVmaXhUZXh0LCBzdWZmaXhUZXh0LCB2YWx1ZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICB0aXRsZT17aXNUcnVuY2F0ZWQgPyB2YWx1ZSA6IHVuZGVmaW5lZH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ3JlbGF0aXZlIGlubGluZS1ncmlkIG1pbi13LTAgbWF4LXctZnVsbCBvdmVyZmxvdy1oaWRkZW4gd2hpdGVzcGFjZS1ub3dyYXAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBvbkNvcHk9e2hhbmRsZUNvcHl9XG4gICAgPlxuICAgICAge2lzVHJ1bmNhdGVkICYmIDxzcGFuIGNsYXNzTmFtZT1cInNyLW9ubHkgc2VsZWN0LW5vbmVcIj57dmFsdWV9PC9zcGFuPn1cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzTmFtZT1cInBvaW50ZXItZXZlbnRzLW5vbmUgY29sLXN0YXJ0LTEgcm93LXN0YXJ0LTEgaW52aXNpYmxlIHNlbGVjdC1ub25lIHdoaXRlc3BhY2Utbm93cmFwXCJcbiAgICAgID5cbiAgICAgICAge3ZhbHVlfVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49e2lzVHJ1bmNhdGVkIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgY2xhc3NOYW1lPVwiY29sLXN0YXJ0LTEgcm93LXN0YXJ0LTEgbWluLXctMCBvdmVyZmxvdy1oaWRkZW5cIlxuICAgICAgICByZWY9e3Zpc2libGVSZWZ9XG4gICAgICA+XG4gICAgICAgIHtpc1RydW5jYXRlZCA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPHNwYW4+e3ByZWZpeFRleHR9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e0VMTElQU0lTfTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntzdWZmaXhUZXh0fTwvc3Bhbj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBkaXNwbGF5VGV4dFxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPVwicG9pbnRlci1ldmVudHMtbm9uZSBhYnNvbHV0ZSBsZWZ0LTAgdG9wLTAgaW5saW5lLWJsb2NrIGludmlzaWJsZSBzZWxlY3Qtbm9uZSB3aGl0ZXNwYWNlLW5vd3JhcFwiXG4gICAgICAgIHJlZj17bWVhc3VyZVJlZn1cbiAgICAgIC8+XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5leHBvcnQgeyBNaWRkbGVUcnVuY2F0ZSB9O1xuZXhwb3J0IHR5cGUgeyBNaWRkbGVUcnVuY2F0ZVByb3BzIH07XG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
declare const ELLIPSIS = "...";
|
|
2
|
+
declare const MIN_START = 3;
|
|
3
|
+
declare const MIN_END = 3;
|
|
4
|
+
type MeasureFn = (text: string) => number;
|
|
5
|
+
/**
|
|
6
|
+
* Splits a string into grapheme clusters using Intl.Segmenter.
|
|
7
|
+
* Falls back to Array.from for environments without Intl.Segmenter.
|
|
8
|
+
*/
|
|
9
|
+
declare function toGraphemes(text: string): string[];
|
|
10
|
+
interface TruncateResult {
|
|
11
|
+
prefixText: string;
|
|
12
|
+
prefixGraphemeCount: number;
|
|
13
|
+
suffixText: string;
|
|
14
|
+
suffixGraphemeCount: number;
|
|
15
|
+
text: string;
|
|
16
|
+
truncated: boolean;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Middle-truncates a string so `prefix...suffix` fits within `availableWidth`.
|
|
20
|
+
* Uses binary search over grapheme clusters with an injectable measure function.
|
|
21
|
+
*/
|
|
22
|
+
declare function middleTruncate(graphemes: string[], availableWidth: number, measure: MeasureFn, fullWidth?: number): TruncateResult;
|
|
23
|
+
export { middleTruncate, toGraphemes, ELLIPSIS, MIN_START, MIN_END };
|
|
24
|
+
export type { MeasureFn, TruncateResult };
|
|
25
|
+
//# sourceMappingURL=truncate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
const ELLIPSIS = '...';
|
|
2
|
+
const MIN_START = 3;
|
|
3
|
+
const MIN_END = 3;
|
|
4
|
+
const MIN_KEPT = MIN_START + MIN_END;
|
|
5
|
+
const graphemeSegmenter = typeof Intl !== 'undefined' && 'Segmenter' in Intl
|
|
6
|
+
? new Intl.Segmenter(undefined, { granularity: 'grapheme' })
|
|
7
|
+
: null;
|
|
8
|
+
/**
|
|
9
|
+
* Splits a string into grapheme clusters using Intl.Segmenter.
|
|
10
|
+
* Falls back to Array.from for environments without Intl.Segmenter.
|
|
11
|
+
*/
|
|
12
|
+
function toGraphemes(text) {
|
|
13
|
+
if (graphemeSegmenter) {
|
|
14
|
+
return [...graphemeSegmenter.segment(text)].map((s) => s.segment);
|
|
15
|
+
}
|
|
16
|
+
return Array.from(text);
|
|
17
|
+
}
|
|
18
|
+
function buildCandidate(graphemes, kept) {
|
|
19
|
+
if (kept <= 0) {
|
|
20
|
+
return {
|
|
21
|
+
prefixText: '',
|
|
22
|
+
prefixGraphemeCount: 0,
|
|
23
|
+
suffixText: '',
|
|
24
|
+
suffixGraphemeCount: 0,
|
|
25
|
+
text: ELLIPSIS,
|
|
26
|
+
truncated: true,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
const suffixGraphemeCount = kept >= MIN_KEPT
|
|
30
|
+
? Math.max(MIN_END, Math.floor(kept / 2))
|
|
31
|
+
: Math.floor(kept / 2);
|
|
32
|
+
const prefixGraphemeCount = kept - suffixGraphemeCount;
|
|
33
|
+
const prefixText = graphemes.slice(0, prefixGraphemeCount).join('');
|
|
34
|
+
const suffixText = suffixGraphemeCount > 0
|
|
35
|
+
? graphemes.slice(-suffixGraphemeCount).join('')
|
|
36
|
+
: '';
|
|
37
|
+
return {
|
|
38
|
+
prefixText,
|
|
39
|
+
prefixGraphemeCount,
|
|
40
|
+
suffixText,
|
|
41
|
+
suffixGraphemeCount,
|
|
42
|
+
text: prefixText + ELLIPSIS + suffixText,
|
|
43
|
+
truncated: true,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Middle-truncates a string so `prefix...suffix` fits within `availableWidth`.
|
|
48
|
+
* Uses binary search over grapheme clusters with an injectable measure function.
|
|
49
|
+
*/
|
|
50
|
+
function middleTruncate(graphemes, availableWidth, measure, fullWidth) {
|
|
51
|
+
const fullText = graphemes.join('');
|
|
52
|
+
const resolvedFullWidth = fullWidth ?? measure(fullText);
|
|
53
|
+
if (availableWidth <= 0 || graphemes.length === 0) {
|
|
54
|
+
return {
|
|
55
|
+
prefixText: fullText,
|
|
56
|
+
prefixGraphemeCount: graphemes.length,
|
|
57
|
+
suffixText: '',
|
|
58
|
+
suffixGraphemeCount: 0,
|
|
59
|
+
text: fullText,
|
|
60
|
+
truncated: false,
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
if (resolvedFullWidth <= availableWidth) {
|
|
64
|
+
return {
|
|
65
|
+
prefixText: fullText,
|
|
66
|
+
prefixGraphemeCount: graphemes.length,
|
|
67
|
+
suffixText: '',
|
|
68
|
+
suffixGraphemeCount: 0,
|
|
69
|
+
text: fullText,
|
|
70
|
+
truncated: false,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
// Binary search for the maximum number of kept graphemes
|
|
74
|
+
let lo = 0;
|
|
75
|
+
let hi = graphemes.length - 1;
|
|
76
|
+
let best = -1;
|
|
77
|
+
while (lo <= hi) {
|
|
78
|
+
const mid = (lo + hi) >>> 1;
|
|
79
|
+
const candidate = buildCandidate(graphemes, mid);
|
|
80
|
+
if (measure(candidate.text) <= availableWidth) {
|
|
81
|
+
best = mid;
|
|
82
|
+
lo = mid + 1;
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
hi = mid - 1;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
if (best === -1) {
|
|
89
|
+
return {
|
|
90
|
+
prefixText: '',
|
|
91
|
+
prefixGraphemeCount: 0,
|
|
92
|
+
suffixText: '',
|
|
93
|
+
suffixGraphemeCount: 0,
|
|
94
|
+
text: '',
|
|
95
|
+
truncated: true,
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
return buildCandidate(graphemes, best);
|
|
99
|
+
}
|
|
100
|
+
export { middleTruncate, toGraphemes, ELLIPSIS, MIN_START, MIN_END };
|
|
101
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL3RydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQztBQUN2QixNQUFNLFNBQVMsR0FBRyxDQUFDLENBQUM7QUFDcEIsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUFDO0FBQ2xCLE1BQU0sUUFBUSxHQUFHLFNBQVMsR0FBRyxPQUFPLENBQUM7QUFDckMsTUFBTSxpQkFBaUIsR0FDckIsT0FBTyxJQUFJLEtBQUssV0FBVyxJQUFJLFdBQVcsSUFBSSxJQUFJO0lBQ2hELENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxDQUFDO0lBQzVELENBQUMsQ0FBQyxJQUFJLENBQUM7QUFJWDs7O0dBR0c7QUFDSCxTQUFTLFdBQVcsQ0FBQyxJQUFZO0lBQy9CLElBQUksaUJBQWlCLEVBQUUsQ0FBQztRQUN0QixPQUFPLENBQUMsR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzFCLENBQUM7QUFXRCxTQUFTLGNBQWMsQ0FBQyxTQUFtQixFQUFFLElBQVk7SUFDdkQsSUFBSSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDZCxPQUFPO1lBQ0wsVUFBVSxFQUFFLEVBQUU7WUFDZCxtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLFVBQVUsRUFBRSxFQUFFO1lBQ2QsbUJBQW1CLEVBQUUsQ0FBQztZ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LENBQUMsRUFBRSxDQUFDO1FBQ2hCLE9BQU87WUFDTCxVQUFVLEVBQUUsRUFBRTtZQUNkLG1CQUFtQixFQUFFLENBQUM7WUFDdEIsVUFBVSxFQUFFLEVBQUU7WUFDZCxtQkFBbUIsRUFBRSxDQUFDO1lBQ3RCLElBQUksRUFBRSxFQUFFO1lBQ1IsU0FBUyxFQUFFLElBQUk7U0FDaEIsQ0FBQztJQUNKLENBQUM7SUFFRCxPQUFPLGNBQWMsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUM7QUFDekMsQ0FBQztBQUVELE9BQU8sRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBFTExJUFNJUyA9ICcuLi4nO1xuY29uc3QgTUlOX1NUQVJUID0gMztcbmNvbnN0IE1JTl9FTkQgPSAzO1xuY29uc3QgTUlOX0tFUFQgPSBNSU5fU1RBUlQgKyBNSU5fRU5EO1xuY29uc3QgZ3JhcGhlbWVTZWdtZW50ZXIgPVxuICB0eXBlb2YgSW50bCAhPT0gJ3VuZGVmaW5lZCcgJiYgJ1NlZ21lbnRlcicgaW4gSW50bFxuICAgID8gbmV3IEludGwuU2VnbWVudGVyKHVuZGVmaW5lZCwgeyBncmFudWxhcml0eTogJ2dyYXBoZW1lJyB9KVxuICAgIDogbnVsbDtcblxudHlwZSBNZWFzdXJlRm4gPSAodGV4dDogc3RyaW5nKSA9PiBudW1iZXI7XG5cbi8qKlxuICogU3BsaXRzIGEgc3RyaW5nIGludG8gZ3JhcGhlbWUgY2x1c3RlcnMgdXNpbmcgSW50bC5TZWdtZW50ZXIuXG4gKiBGYWxscyBiYWNrIHRvIEFycmF5LmZyb20gZm9yIGVudmlyb25tZW50cyB3aXRob3V0IEludGwuU2VnbWVudGVyLlxuICovXG5mdW5jdGlvbiB0b0dyYXBoZW1lcyh0ZXh0OiBzdHJpbmcpOiBzdHJpbmdbXSB7XG4gIGlmIChncmFwaGVtZVNlZ21lbnRlcikge1xuICAgIHJldHVybiBbLi4uZ3JhcGhlbWVTZWdtZW50ZXIuc2VnbWVudCh0ZXh0KV0ubWFwKChzKSA9PiBzLnNlZ21lbnQpO1xuICB9XG4gIHJldHVybiBBcnJheS5mcm9tKHRleHQpO1xufVxuXG5pbnRlcmZhY2UgVHJ1bmNhdGVSZXN1bHQge1xuICBwcmVmaXhUZXh0OiBzdHJpbmc7XG4gIHByZWZpeEdyYXBoZW1lQ291bnQ6IG51bWJlcjtcbiAgc3VmZml4VGV4dDogc3RyaW5nO1xuICBzdWZmaXhHcmFwaGVtZUNvdW50OiBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgdHJ1bmNhdGVkOiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBidWlsZENhbmRpZGF0ZShncmFwaGVtZXM6IHN0cmluZ1tdLCBrZXB0OiBudW1iZXIpOiBUcnVuY2F0ZVJlc3VsdCB7XG4gIGlmIChrZXB0IDw9IDApIHtcbiAgICByZXR1cm4ge1xuICAgICAgcHJlZml4VGV4dDogJycsXG4gICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiAwLFxuICAgICAgc3VmZml4VGV4dDogJycsXG4gICAgICBzdWZmaXhHcmFwaGVtZUNvdW50OiAwLFxuICAgICAgdGV4dDogRUxMSVBTSVMsXG4gICAgICB0cnVuY2F0ZWQ6IHRydWUsXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0IHN1ZmZpeEdyYXBoZW1lQ291bnQgPVxuICAgIGtlcHQgPj0gTUlOX0tFUFRcbiAgICAgID8gTWF0aC5tYXgoTUlOX0VORCwgTWF0aC5mbG9vcihrZXB0IC8gMikpXG4gICAgICA6IE1hdGguZmxvb3Ioa2VwdCAvIDIpO1xuICBjb25zdCBwcmVmaXhHcmFwaGVtZUNvdW50ID0ga2VwdCAtIHN1ZmZpeEdyYXBoZW1lQ291bnQ7XG4gIGNvbnN0IHByZWZpeFRleHQgPSBncmFwaGVtZXMuc2xpY2UoMCwgcHJlZml4R3JhcGhlbWVDb3VudCkuam9pbignJyk7XG4gIGNvbnN0IHN1ZmZpeFRleHQgPVxuICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQgPiAwXG4gICAgICA/IGdyYXBoZW1lcy5zbGljZSgtc3VmZml4R3JhcGhlbWVDb3VudCkuam9pbignJylcbiAgICAgIDogJyc7XG5cbiAgcmV0dXJuIHtcbiAgICBwcmVmaXhUZXh0LFxuICAgIHByZWZpeEdyYXBoZW1lQ291bnQsXG4gICAgc3VmZml4VGV4dCxcbiAgICBzdWZmaXhHcmFwaGVtZUNvdW50LFxuICAgIHRleHQ6IHByZWZpeFRleHQgKyBFTExJUFNJUyArIHN1ZmZpeFRleHQsXG4gICAgdHJ1bmNhdGVkOiB0cnVlLFxuICB9O1xufVxuXG4vKipcbiAqIE1pZGRsZS10cnVuY2F0ZXMgYSBzdHJpbmcgc28gYHByZWZpeC4uLnN1ZmZpeGAgZml0cyB3aXRoaW4gYGF2YWlsYWJsZVdpZHRoYC5cbiAqIFVzZXMgYmluYXJ5IHNlYXJjaCBvdmVyIGdyYXBoZW1lIGNsdXN0ZXJzIHdpdGggYW4gaW5qZWN0YWJsZSBtZWFzdXJlIGZ1bmN0aW9uLlxuICovXG5mdW5jdGlvbiBtaWRkbGVUcnVuY2F0ZShcbiAgZ3JhcGhlbWVzOiBzdHJpbmdbXSxcbiAgYXZhaWxhYmxlV2lkdGg6IG51bWJlcixcbiAgbWVhc3VyZTogTWVhc3VyZUZuLFxuICBmdWxsV2lkdGg/OiBudW1iZXJcbik6IFRydW5jYXRlUmVzdWx0IHtcbiAgY29uc3QgZnVsbFRleHQgPSBncmFwaGVtZXMuam9pbignJyk7XG4gIGNvbnN0IHJlc29sdmVkRnVsbFdpZHRoID0gZnVsbFdpZHRoID8/IG1lYXN1cmUoZnVsbFRleHQpO1xuXG4gIGlmIChhdmFpbGFibGVXaWR0aCA8PSAwIHx8IGdyYXBoZW1lcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4ge1xuICAgICAgcHJlZml4VGV4dDogZnVsbFRleHQsXG4gICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBncmFwaGVtZXMubGVuZ3RoLFxuICAgICAgc3VmZml4VGV4dDogJycsXG4gICAgICBzdWZmaXhHcmFwaGVtZUNvdW50OiAwLFxuICAgICAgdGV4dDogZnVsbFRleHQsXG4gICAgICB0cnVuY2F0ZWQ6IGZhbHNlLFxuICAgIH07XG4gIH1cblxuICBpZiAocmVzb2x2ZWRGdWxsV2lkdGggPD0gYXZhaWxhYmxlV2lkdGgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgcHJlZml4VGV4dDogZnVsbFRleHQsXG4gICAgICBwcmVmaXhHcmFwaGVtZUNvdW50OiBncmFwaGVtZXMubGVuZ3RoLFxuICAgICAgc3VmZml4VGV4dDogJycsXG4gICAgICBzdWZmaXhHcmFwaGVtZUNvdW50OiAwLFxuICAgICAgdGV4dDogZnVsbFRleHQsXG4gICAgICB0cnVuY2F0ZWQ6IGZhbHNlLFxuICAgIH07XG4gIH1cblxuICAvLyBCaW5hcnkgc2VhcmNoIGZvciB0aGUgbWF4aW11bSBudW1iZXIgb2Yga2VwdCBncmFwaGVtZXNcbiAgbGV0IGxvID0gMDtcbiAgbGV0IGhpID0gZ3JhcGhlbWVzLmxlbmd0aCAtIDE7XG4gIGxldCBiZXN0ID0gLTE7XG5cbiAgd2hpbGUgKGxvIDw9IGhpKSB7XG4gICAgY29uc3QgbWlkID0gKGxvICsgaGkpID4+PiAxO1xuICAgIGNvbnN0IGNhbmRpZGF0ZSA9IGJ1aWxkQ2FuZGlkYXRlKGdyYXBoZW1lcywgbWlkKTtcblxuICAgIGlmIChtZWFzdXJlKGNhbmRpZGF0ZS50ZXh0KSA8PSBhdmFpbGFibGVXaWR0aCkge1xuICAgICAgYmVzdCA9IG1pZDtcbiAgICAgIGxvID0gbWlkICsgMTtcbiAgICB9IGVsc2Uge1xuICAgICAgaGkgPSBtaWQgLSAxO1xuICAgIH1cbiAgfVxuXG4gIGlmIChiZXN0ID09PSAtMSkge1xuICAgIHJldHVybiB7XG4gICAgICBwcmVmaXhUZXh0OiAnJyxcbiAgICAgIHByZWZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICBzdWZmaXhUZXh0OiAnJyxcbiAgICAgIHN1ZmZpeEdyYXBoZW1lQ291bnQ6IDAsXG4gICAgICB0ZXh0OiAnJyxcbiAgICAgIHRydW5jYXRlZDogdHJ1ZSxcbiAgICB9O1xuICB9XG5cbiAgcmV0dXJuIGJ1aWxkQ2FuZGlkYXRlKGdyYXBoZW1lcywgYmVzdCk7XG59XG5cbmV4cG9ydCB7IG1pZGRsZVRydW5jYXRlLCB0b0dyYXBoZW1lcywgRUxMSVBTSVMsIE1JTl9TVEFSVCwgTUlOX0VORCB9O1xuZXhwb3J0IHR5cGUgeyBNZWFzdXJlRm4sIFRydW5jYXRlUmVzdWx0IH07XG4iXX0=
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Middle-truncation logic. Returns refs to attach to the container and measurement elements, plus the truncated display text. Recalculates on resize, font loading, and value changes.
|
|
3
|
+
* Powers the `<MiddleTruncate>` (`<span>`) component.
|
|
4
|
+
*
|
|
5
|
+
* Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
|
|
6
|
+
*
|
|
7
|
+
* @param value - Full text string to truncate.
|
|
8
|
+
*/
|
|
9
|
+
declare function useMiddleTruncate(value: string): {
|
|
10
|
+
ref: React.RefObject<HTMLSpanElement | null>;
|
|
11
|
+
measureRef: React.RefObject<HTMLSpanElement | null>;
|
|
12
|
+
displayText: string;
|
|
13
|
+
isTruncated: boolean;
|
|
14
|
+
prefixGraphemeCount: number;
|
|
15
|
+
prefixText: string;
|
|
16
|
+
suffixGraphemeCount: number;
|
|
17
|
+
suffixText: string;
|
|
18
|
+
};
|
|
19
|
+
export { useMiddleTruncate };
|
|
20
|
+
//# sourceMappingURL=use-middle-truncate.d.ts.map
|
package/dist/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/use-middle-truncate.ts"],"names":[],"mappings":"AAsCA;;;;;;;GAOG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG;IACzC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CA6GA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|