@workflow/web-shared 5.0.0-beta.3 → 5.0.0-beta.31

package/dist/components/new-trace-viewer/components/draggable-border.js

@@ -0,0 +1,140 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState, } from 'react';
+import { cn } from '../../../lib/cn';
+/**
+ * Overlay drag handle straddling a panel edge: an invisible strip over the
+ * panel's border whose center line highlights on hover/drag, with
+ * double-click reset, pointer-capture dragging (works with touch/pen, no
+ * ghost image), and keyboard/ARIA window-splitter support.
+ *
+ * The panel's positioning ancestor must not clip overflow — the strip hangs
+ * ~8px past the panel edge.
+ */
+export function DraggableBorder({ element, position, onWidthChange, onReset, 'aria-label': ariaLabel, 'aria-controls': ariaControls, 'aria-valuemin': ariaValueMin, 'aria-valuemax': ariaValueMax, 'aria-valuenow': ariaValueNow, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const pointerIdRef = useRef(null);
+    const startXRef = useRef(0);
+    const startWidthRef = useRef(0);
+    const pendingWidthRef = useRef(0);
+    const rafRef = useRef(null);
+    const movedRef = useRef(false);
+    const lastDragEndAtRef = useRef(0);
+    useEffect(() => {
+        return () => {
+            if (rafRef.current)
+                cancelAnimationFrame(rafRef.current);
+        };
+    }, []);
+    // Suppress text selection for the duration of a drag. Effect cleanup also
+    // covers the handle unmounting mid-drag (e.g. Escape closing the panel).
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const previous = document.body.style.userSelect;
+        document.body.style.userSelect = 'none';
+        return () => {
+            document.body.style.userSelect = previous;
+        };
+    }, [isDragging]);
+    const stopDrag = () => {
+        pointerIdRef.current = null;
+        setIsDragging(false);
+        if (rafRef.current) {
+            cancelAnimationFrame(rafRef.current);
+            rafRef.current = null;
+            // Flush the final position that was still waiting on the next frame.
+            if (movedRef.current)
+                onWidthChange(pendingWidthRef.current);
+        }
+        if (movedRef.current) {
+            movedRef.current = false;
+            lastDragEndAtRef.current = performance.now();
+        }
+    };
+    const handlePointerDown = (e) => {
+        // Ignore secondary pointers (e.g. a second finger) while a drag is active
+        // so they can't re-baseline the gesture.
+        if (pointerIdRef.current !== null)
+            return;
+        const el = element.current;
+        if (!el)
+            return;
+        if (e.pointerType === 'mouse' && e.button !== 0)
+            return;
+        e.currentTarget.setPointerCapture(e.pointerId);
+        pointerIdRef.current = e.pointerId;
+        startXRef.current = e.clientX;
+        startWidthRef.current = el.offsetWidth;
+        movedRef.current = false;
+        setIsDragging(true);
+    };
+    // Pointer capture routes move/up events to the strip itself, so no
+    // document-level listeners are needed.
+    const handlePointerMove = (e) => {
+        if (pointerIdRef.current !== e.pointerId)
+            return;
+        if (Math.abs(e.clientX - startXRef.current) > 4) {
+            movedRef.current = true;
+        }
+        const delta = position === 'left'
+            ? startXRef.current - e.clientX
+            : e.clientX - startXRef.current;
+        pendingWidthRef.current = startWidthRef.current + delta;
+        if (!rafRef.current) {
+            rafRef.current = requestAnimationFrame(() => {
+                rafRef.current = null;
+                onWidthChange(pendingWidthRef.current);
+            });
+        }
+    };
+    const handlePointerEnd = (e) => {
+        if (pointerIdRef.current !== e.pointerId)
+            return;
+        stopDrag();
+    };
+    const handleLostPointerCapture = (e) => {
+        if (pointerIdRef.current !== null && e.pointerId !== pointerIdRef.current) {
+            return;
+        }
+        stopDrag();
+    };
+    const handleDoubleClick = () => {
+        // Pointer-capture drags still emit click/dblclick (unlike HTML5 drag), so
+        // a dblclick during or right after a real drag is two resize nudges, not
+        // a reset request.
+        if (movedRef.current ||
+            performance.now() - lastDragEndAtRef.current < 500) {
+            return;
+        }
+        onReset?.();
+    };
+    const handleKeyDown = (e) => {
+        const el = element.current;
+        if (!el)
+            return;
+        const step = e.shiftKey ? 64 : 16;
+        // Arrows move the border in screen direction: for a left-edge border,
+        // ArrowLeft grows the panel.
+        const grow = position === 'left' ? 1 : -1;
+        let next = null;
+        if (e.key === 'ArrowLeft') {
+            next = el.offsetWidth + grow * step;
+        }
+        else if (e.key === 'ArrowRight') {
+            next = el.offsetWidth - grow * step;
+        }
+        else if (e.key === 'Home' && ariaValueMin !== undefined) {
+            next = ariaValueMin;
+        }
+        else if (e.key === 'End' && ariaValueMax !== undefined) {
+            next = ariaValueMax;
+        }
+        if (next === null)
+            return;
+        e.preventDefault();
+        onWidthChange(next);
+    };
+    return (_jsx("div", { role: "separator", "aria-orientation": "vertical", "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuenow": ariaValueNow, tabIndex: 0, className: cn('group absolute inset-y-0 z-10 w-[17px] cursor-col-resize touch-none outline-none', position === 'left' ? '-left-2' : '-right-2'), onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd, onPointerCancel: handlePointerEnd, onLostPointerCapture: handleLostPointerCapture, onDoubleClick: handleDoubleClick, onKeyDown: handleKeyDown, children: _jsx("span", { "aria-hidden": true, className: cn('pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-colors delay-75 duration-100', 'group-hover:bg-gray-500 group-focus-visible:bg-[var(--ds-focus-color)]', isDragging && 'bg-gray-500') }) }));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhZ2dhYmxlLWJvcmRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ldy10cmFjZS12aWV3ZXIvY29tcG9uZW50cy9kcmFnZ2FibGUtYm9yZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUM7O0FBRWIsT0FBTyxFQUlMLFNBQVMsRUFDVCxNQUFNLEVBQ04sUUFBUSxHQUNULE1BQU0sT0FBTyxDQUFDO0FBQ2YsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBcUJyQzs7Ozs7Ozs7R0FRRztBQUNILE1BQU0sVUFBVSxlQUFlLENBQUMsRUFDOUIsT0FBTyxFQUNQLFFBQVEsRUFDUixhQUFhLEVBQ2IsT0FBTyxFQUNQLFlBQVksRUFBRSxTQUFTLEVBQ3ZCLGVBQWUsRUFBRSxZQUFZLEVBQzdCLGVBQWUsRUFBRSxZQUFZLEVBQzdCLGVBQWUsRUFBRSxZQUFZLEVBQzdCLGVBQWUsRUFBRSxZQUFZLEdBQ1I7SUFDckIsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEQsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFnQixJQUFJLENBQUMsQ0FBQztJQUNqRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUIsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsQyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQWdCLElBQUksQ0FBQyxDQUFDO0lBQzNDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixNQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVuQyxTQUFTLENBQUMsR0FBRyxFQUFF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VyxzQkFDQyxVQUFVLGdCQUNmLFNBQVMsbUJBQ04sWUFBWSxtQkFDWixZQUFZLG1CQUNaLFlBQVksbUJBQ1osWUFBWSxFQUMzQixRQUFRLEVBQUUsQ0FBQyxFQUNYLFNBQVMsRUFBRSxFQUFFLENBQ1gsa0ZBQWtGLEVBQ2xGLFFBQVEsS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUM3QyxFQUNELGFBQWEsRUFBRSxpQkFBaUIsRUFDaEMsYUFBYSxFQUFFLGlCQUFpQixFQUNoQyxXQUFXLEVBQUUsZ0JBQWdCLEVBQzdCLGVBQWUsRUFBRSxnQkFBZ0IsRUFDakMsb0JBQW9CLEVBQUUsd0JBQXdCLEVBQzlDLGFBQWEsRUFBRSxpQkFBaUIsRUFDaEMsU0FBUyxFQUFFLGFBQWEsWUFVeEIsb0NBRUUsU0FBUyxFQUFFLEVBQUUsQ0FDWCw4SEFBOEgsRUFDOUgsd0VBQXdFLEVBQ3hFLFVBQVUsSUFBSSxhQUFhLENBQzVCLEdBQ0QsR0FDRSxDQUNQLENBQUM7QUFDSixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQge1xuICB0eXBlIEtleWJvYXJkRXZlbnQgYXMgUmVhY3RLZXlib2FyZEV2ZW50LFxuICB0eXBlIFBvaW50ZXJFdmVudCBhcyBSZWFjdFBvaW50ZXJFdmVudCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi8uLi9saWIvY24nO1xuXG5pbnRlcmZhY2UgRHJhZ2dhYmxlQm9yZGVyUHJvcHMge1xuICAvKiogVGhlIHBhbmVsIHdob3NlIHdpZHRoIHRoaXMgYm9yZGVyIGFkanVzdHMgKG1lYXN1cmVkIG9uIGludGVyYWN0aW9uKS4gKi9cbiAgZWxlbWVudDogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgbnVsbD47XG4gIC8qKiBXaGljaCBlZGdlIG9mIHRoZSBwYW5lbCB0aGUgYm9yZGVyIHNpdHMgb24uICovXG4gIHBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICAvKipcbiAgICogQ2FsbGVkIHdpdGggdGhlIG5leHQgd2lkdGggKHB4KSB3aGlsZSBkcmFnZ2luZyBvciBrZXlib2FyZC1yZXNpemluZy5cbiAgICogVGhlIG93bmVyIGlzIHJlc3BvbnNpYmxlIGZvciBjbGFtcGluZy5cbiAgICovXG4gIG9uV2lkdGhDaGFuZ2U6ICh3aWR0aDogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogRG91YmxlLWNsaWNrIHJlc2V0LiAqL1xuICBvblJlc2V0PzogKCkgPT4gdm9pZDtcbiAgJ2FyaWEtbGFiZWwnOiBzdHJpbmc7XG4gICdhcmlhLWNvbnRyb2xzJz86IHN0cmluZztcbiAgJ2FyaWEtdmFsdWVtaW4nPzogbnVtYmVyO1xuICAnYXJpYS12YWx1ZW1heCc/OiBudW1iZXI7XG4gICdhcmlhLXZhbHVlbm93Jz86IG51bWJlcjtcbn1cblxuLyoqXG4gKiBPdmVybGF5IGRyYWcgaGFuZGxlIHN0cmFkZGxpbmcgYSBwYW5lbCBlZGdlOiBhbiBpbnZpc2libGUgc3RyaXAgb3ZlciB0aGVcbiAqIHBhbmVsJ3MgYm9yZGVyIHdob3NlIGNlbnRlciBsaW5lIGhpZ2hsaWdodHMgb24gaG92ZXIvZHJhZywgd2l0aFxuICogZG91YmxlLWNsaWNrIHJlc2V0LCBwb2ludGVyLWNhcHR1cmUgZHJhZ2dpbmcgKHdvcmtzIHdpdGggdG91Y2gvcGVuLCBub1xuICogZ2hvc3QgaW1hZ2UpLCBhbmQga2V5Ym9hcmQvQVJJQSB3aW5kb3ctc3BsaXR0ZXIgc3VwcG9ydC5cbiAqXG4gKiBUaGUgcGFuZWwncyBwb3NpdGlvbmluZyBhbmNlc3RvciBtdXN0IG5vdCBjbGlwIG92ZXJmbG93IOKAlCB0aGUgc3RyaXAgaGFuZ3NcbiAqIH44cHggcGFzdCB0aGUgcGFuZWwgZWRnZS5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIERyYWdnYWJsZUJvcmRlcih7XG4gIGVsZW1lbnQsXG4gIHBvc2l0aW9uLFxuICBvbldpZHRoQ2hhbmdlLFxuICBvblJlc2V0LFxuICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgJ2FyaWEtY29udHJvbHMnOiBhcmlhQ29udHJvbHMsXG4gICdhcmlhLXZhbHVlbWluJzogYXJpYVZhbHVlTWluLFxuICAnYXJpYS12YWx1ZW1heCc6IGFyaWFWYWx1ZU1heCxcbiAgJ2FyaWEtdmFsdWVub3cnOiBhcmlhVmFsdWVOb3csXG59OiBEcmFnZ2FibGVCb3JkZXJQcm9wcykge1xuICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHBvaW50ZXJJZFJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKTtcbiAgY29uc3Qgc3RhcnRYUmVmID0gdXNlUmVmKDApO1xuICBjb25zdCBzdGFydFdpZHRoUmVmID0gdXNlUmVmKDApO1xuICBjb25zdCBwZW5kaW5nV2lkdGhSZWYgPSB1c2VSZWYoMCk7XG4gIGNvbnN0IHJhZlJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKTtcbiAgY29uc3QgbW92ZWRSZWYgPSB1c2VSZWYoZmFsc2UpO1xuICBjb25zdCBsYXN0RHJhZ0VuZEF0UmVmID0gdXNlUmVmKDApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmIChyYWZSZWYuY3VycmVudCkgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmFmUmVmLmN1cnJlbnQpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICAvLyBTdXBwcmVzcyB0ZXh0IHNlbGVjdGlvbiBmb3IgdGhlIGR1cmF0aW9uIG9mIGEgZHJhZy4gRWZmZWN0IGNsZWFudXAgYWxzb1xuICAvLyBjb3ZlcnMgdGhlIGhhbmRsZSB1bm1vdW50aW5nIG1pZC1kcmFnIChlLmcuIEVzY2FwZSBjbG9zaW5nIHRoZSBwYW5lbCkuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFpc0RyYWdnaW5nKSByZXR1cm47XG4gICAgY29uc3QgcHJldmlvdXMgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3Q7XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnO1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSBwcmV2aW91cztcbiAgICB9O1xuICB9LCBbaXNEcmFnZ2luZ10pO1xuXG4gIGNvbnN0IHN0b3BEcmFnID0gKCkgPT4ge1xuICAgIHBvaW50ZXJJZFJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICBpZiAocmFmUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJhZlJlZi5jdXJyZW50KTtcbiAgICAgIHJhZlJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgIC8vIEZsdXNoIHRoZSBmaW5hbCBwb3NpdGlvbiB0aGF0IHdhcyBzdGlsbCB3YWl0aW5nIG9uIHRoZSBuZXh0IGZyYW1lLlxuICAgICAgaWYgKG1vdmVkUmVmLmN1cnJlbnQpIG9uV2lkdGhDaGFuZ2UocGVuZGluZ1dpZHRoUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgICBpZiAobW92ZWRSZWYuY3VycmVudCkge1xuICAgICAgbW92ZWRSZWYuY3VycmVudCA9IGZhbHNlO1xuICAgICAgbGFzdERyYWdFbmRBdFJlZi5jdXJyZW50ID0gcGVyZm9ybWFuY2Uubm93KCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVBvaW50ZXJEb3duID0gKGU6IFJlYWN0UG9pbnRlckV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIC8vIElnbm9yZSBzZWNvbmRhcnkgcG9pbnRlcnMgKGUuZy4gYSBzZWNvbmQgZmluZ2VyKSB3aGlsZSBhIGRyYWcgaXMgYWN0aXZlXG4gICAgLy8gc28gdGhleSBjYW4ndCByZS1iYXNlbGluZSB0aGUgZ2VzdHVyZS5cbiAgICBpZiAocG9pbnRlcklkUmVmLmN1cnJlbnQgIT09IG51bGwpIHJldHVybjtcbiAgICBjb25zdCBlbCA9IGVsZW1lbnQuY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG4gICAgaWYgKGUucG9pbnRlclR5cGUgPT09ICdtb3VzZScgJiYgZS5idXR0b24gIT09IDApIHJldHVybjtcbiAgICBlLmN1cnJlbnRUYXJnZXQuc2V0UG9pbnRlckNhcHR1cmUoZS5wb2ludGVySWQpO1xuICAgIHBvaW50ZXJJZFJlZi5jdXJyZW50ID0gZS5wb2ludGVySWQ7XG4gICAgc3RhcnRYUmVmLmN1cnJlbnQgPSBlLmNsaWVudFg7XG4gICAgc3RhcnRXaWR0aFJlZi5jdXJyZW50ID0gZWwub2Zmc2V0V2lkdGg7XG4gICAgbW92ZWRSZWYuY3VycmVudCA9IGZhbHNlO1xuICAgIHNldElzRHJhZ2dpbmcodHJ1ZSk7XG4gIH07XG5cbiAgLy8gUG9pbnRlciBjYXB0dXJlIHJvdXRlcyBtb3ZlL3VwIGV2ZW50cyB0byB0aGUgc3RyaXAgaXRzZWxmLCBzbyBub1xuICAvLyBkb2N1bWVudC1sZXZlbCBsaXN0ZW5lcnMgYXJlIG5lZWRlZC5cbiAgY29uc3QgaGFuZGxlUG9pbnRlck1vdmUgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKHBvaW50ZXJJZFJlZi5jdXJyZW50ICE9PSBlLnBvaW50ZXJJZCkgcmV0dXJuO1xuICAgIGlmIChNYXRoLmFicyhlLmNsaWVudFggLSBzdGFydFhSZWYuY3VycmVudCkgPiA0KSB7XG4gICAgICBtb3ZlZFJlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgICB9XG4gICAgY29uc3QgZGVsdGEgPVxuICAgICAgcG9zaXRpb24gPT09ICdsZWZ0J1xuICAgICAgICA/IHN0YXJ0WFJlZi5jdXJyZW50IC0gZS5jbGllbnRYXG4gICAgICAgIDogZS5jbGllbnRYIC0gc3RhcnRYUmVmLmN1cnJlbnQ7XG4gICAgcGVuZGluZ1dpZHRoUmVmLmN1cnJlbnQgPSBzdGFydFdpZHRoUmVmLmN1cnJlbnQgKyBkZWx0YTtcbiAgICBpZiAoIXJhZlJlZi5jdXJyZW50KSB7XG4gICAgICByYWZSZWYuY3VycmVudCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgIHJhZlJlZi5jdXJyZW50ID0gbnVsbDtcbiAgICAgICAgb25XaWR0aENoYW5nZShwZW5kaW5nV2lkdGhSZWYuY3VycmVudCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUG9pbnRlckVuZCA9IChlOiBSZWFjdFBvaW50ZXJFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBpZiAocG9pbnRlcklkUmVmLmN1cnJlbnQgIT09IGUucG9pbnRlcklkKSByZXR1cm47XG4gICAgc3RvcERyYWcoKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVMb3N0UG9pbnRlckNhcHR1cmUgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKHBvaW50ZXJJZFJlZi5jdXJyZW50ICE9PSBudWxsICYmIGUucG9pbnRlcklkICE9PSBwb2ludGVySWRSZWYuY3VycmVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBzdG9wRHJhZygpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZURvdWJsZUNsaWNrID0gKCkgPT4ge1xuICAgIC8vIFBvaW50ZXItY2FwdHVyZSBkcmFncyBzdGlsbCBlbWl0IGNsaWNrL2RibGNsaWNrICh1bmxpa2UgSFRNTDUgZHJhZyksIHNvXG4gICAgLy8gYSBkYmxjbGljayBkdXJpbmcgb3IgcmlnaHQgYWZ0ZXIgYSByZWFsIGRyYWcgaXMgdHdvIHJlc2l6ZSBudWRnZXMsIG5vdFxuICAgIC8vIGEgcmVzZXQgcmVxdWVzdC5cbiAgICBpZiAoXG4gICAgICBtb3ZlZFJlZi5jdXJyZW50IHx8XG4gICAgICBwZXJmb3JtYW5jZS5ub3coKSAtIGxhc3REcmFnRW5kQXRSZWYuY3VycmVudCA8IDUwMFxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBvblJlc2V0Py4oKTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0S2V5Ym9hcmRFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCBlbCA9IGVsZW1lbnQuY3VycmVudDtcbiAgICBpZiAoIWVsKSByZXR1cm47XG4gICAgY29uc3Qgc3RlcCA9IGUuc2hpZnRLZXkgPyA2NCA6IDE2O1xuICAgIC8vIEFycm93cyBtb3ZlIHRoZSBib3JkZXIgaW4gc2NyZWVuIGRpcmVjdGlvbjogZm9yIGEgbGVmdC1lZGdlIGJvcmRlcixcbiAgICAvLyBBcnJvd0xlZnQgZ3Jvd3MgdGhlIHBhbmVsLlxuICAgIGNvbnN0IGdyb3cgPSBwb3NpdGlvbiA9PT0gJ2xlZnQnID8gMSA6IC0xO1xuICAgIGxldCBuZXh0OiBudW1iZXIgfCBudWxsID0gbnVsbDtcbiAgICBpZiAoZS5rZXkgPT09ICdBcnJvd0xlZnQnKSB7XG4gICAgICBuZXh0ID0gZWwub2Zmc2V0V2lkdGggKyBncm93ICogc3RlcDtcbiAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnQXJyb3dSaWdodCcpIHtcbiAgICAgIG5leHQgPSBlbC5vZmZzZXRXaWR0aCAtIGdyb3cgKiBzdGVwO1xuICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdIb21lJyAmJiBhcmlhVmFsdWVNaW4gIT09IHVuZGVmaW5lZCkge1xuICAgICAgbmV4dCA9IGFyaWFWYWx1ZU1pbjtcbiAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnRW5kJyAmJiBhcmlhVmFsdWVNYXggIT09IHVuZGVmaW5lZCkge1xuICAgICAgbmV4dCA9IGFyaWFWYWx1ZU1heDtcbiAgICB9XG4gICAgaWYgKG5leHQgPT09IG51bGwpIHJldHVybjtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgb25XaWR0aENoYW5nZShuZXh0KTtcbiAgfTtcblxuICByZXR1cm4gKFxuICAgIC8vIGJpb21lLWlnbm9yZSBsaW50L2ExMXkvdXNlU2VtYW50aWNFbGVtZW50czogdGhlIFdBSS1BUklBIHdpbmRvdy1zcGxpdHRlciBwYXR0ZXJuIHJlcXVpcmVzIGEgZm9jdXNhYmxlIGRpdiB3aXRoIHJvbGU9c2VwYXJhdG9yOyA8aHI+IGNhbm5vdCByZWNlaXZlIGZvY3VzIG9yIGRyYWcgaW50ZXJhY3Rpb25zXG4gICAgPGRpdlxuICAgICAgcm9sZT1cInNlcGFyYXRvclwiXG4gICAgICBhcmlhLW9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgYXJpYS1jb250cm9scz17YXJpYUNvbnRyb2xzfVxuICAgICAgYXJpYS12YWx1ZW1pbj17YXJpYVZhbHVlTWlufVxuICAgICAgYXJpYS12YWx1ZW1heD17YXJpYVZhbHVlTWF4fVxuICAgICAgYXJpYS12YWx1ZW5vdz17YXJpYVZhbHVlTm93fVxuICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAnZ3JvdXAgYWJzb2x1dGUgaW5zZXQteS0wIHotMTAgdy1bMTdweF0gY3Vyc29yLWNvbC1yZXNpemUgdG91Y2gtbm9uZSBvdXRsaW5lLW5vbmUnLFxuICAgICAgICBwb3NpdGlvbiA9PT0gJ2xlZnQnID8gJy1sZWZ0LTInIDogJy1yaWdodC0yJ1xuICAgICAgKX1cbiAgICAgIG9uUG9pbnRlckRvd249e2hhbmRsZVBvaW50ZXJEb3dufVxuICAgICAgb25Qb2ludGVyTW92ZT17aGFuZGxlUG9pbnRlck1vdmV9XG4gICAgICBvblBvaW50ZXJVcD17aGFuZGxlUG9pbnRlckVuZH1cbiAgICAgIG9uUG9pbnRlckNhbmNlbD17aGFuZGxlUG9pbnRlckVuZH1cbiAgICAgIG9uTG9zdFBvaW50ZXJDYXB0dXJlPXtoYW5kbGVMb3N0UG9pbnRlckNhcHR1cmV9XG4gICAgICBvbkRvdWJsZUNsaWNrPXtoYW5kbGVEb3VibGVDbGlja31cbiAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5RG93bn1cbiAgICA+XG4gICAgICB7LyogQ2VudGVyIGxpbmU6IHNpdHMgZXhhY3RseSBvdmVyIHRoZSBwYW5lbCdzIDFweCBib3JkZXIgYW5kIGhpZ2hsaWdodHNcbiAgICAgICAgICBvbiBob3Zlci9kcmFnL2ZvY3VzIChkZWxheWVkIHNvIGluY2lkZW50YWwgbW91c2Utb3ZlcnMgZG9uJ3QgZmxhc2gpLlxuICAgICAgICAgIHBvaW50ZXItZXZlbnRzLW5vbmUgaXMgbG9hZC1iZWFyaW5nOiB3aXRob3V0IGl0IHRoaXMgMXB4IGxpbmUgaXMgYVxuICAgICAgICAgIGhpdCB0YXJnZXQsIHNvIGEgZG91YmxlLWNsaWNrIGFpbWVkIGF0IHRoZSBsaW5lIGxhbmRzIG9uZSBjbGljayBvblxuICAgICAgICAgIHRoZSBsaW5lIGFuZCAoYWZ0ZXIgc3ViLXBpeGVsIGppdHRlcikgdGhlIG90aGVyIG9uIHRoZSBzdHJpcC4gQVxuICAgICAgICAgIG5hdGl2ZSBkYmxjbGljayBvbmx5IGZpcmVzIHdoZW4gYm90aCBjbGlja3Mgc2hhcmUgYSB0YXJnZXQsIHNvIHRoZVxuICAgICAgICAgIHJlc2V0IHNpbGVudGx5IGZhaWxzIG9uIHRoZSBsaW5lIGJ1dCB3b3JrcyBqdXN0IGJlc2lkZSBpdC4gS2VlcGluZ1xuICAgICAgICAgIHRoZSBsaW5lIGluZXJ0IG1ha2VzIHRoZSBzZXBhcmF0b3IgZGl2IHRoZSBzb2xlIHRhcmdldCBldmVyeXdoZXJlLiAqL31cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgJ3BvaW50ZXItZXZlbnRzLW5vbmUgYWJzb2x1dGUgaW5zZXQteS0wIGxlZnQtMS8yIHctcHggLXRyYW5zbGF0ZS14LTEvMiBiZy10cmFuc3BhcmVudCB0cmFuc2l0aW9uLWNvbG9ycyBkZWxheS03NSBkdXJhdGlvbi0xMDAnLFxuICAgICAgICAgICdncm91cC1ob3ZlcjpiZy1ncmF5LTUwMCBncm91cC1mb2N1cy12aXNpYmxlOmJnLVt2YXIoLS1kcy1mb2N1cy1jb2xvcildJyxcbiAgICAgICAgICBpc0RyYWdnaW5nICYmICdiZy1ncmF5LTUwMCdcbiAgICAgICAgKX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG4iXX0=

package/dist/components/new-trace-viewer/components/event-list.d.ts

@@ -1,7 +1,9 @@
-import type { Span } from '../../trace-viewer/types';
-declare const EventList: ({ spans, activeSpanId, onSelectSpan, }: {
+import { type SpanSearchResult } from '../search';
+import type { Span } from '../types';
+declare const EventList: ({ spans, activeSpanId, searchResult, onSelectSpan, }: {
     spans: Span[];
     activeSpanId: string | null;
+    searchResult: SpanSearchResult;
     onSelectSpan: (spanId: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default EventList;

package/dist/components/new-trace-viewer/components/event-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"event-list.d.ts","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/event-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AA6ErD,QAAA,MAAM,SAAS,GAAI,wCAIhB;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,4CAmBA,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"event-list.d.ts","sourceRoot":"","sources":["../../../../src/components/new-trace-viewer/components/event-list.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AACxE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAoFrC,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"}

package/dist/components/new-trace-viewer/components/event-list.js

@@ -1,18 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Circle } from 'lucide-react';
-import { cn } from '../../../lib/utils';
-import { formatDuration, getHighResInMs } from '../../trace-viewer/util/timing';
-import { WorkflowIcon, WebhookIcon, SleepIcon, StepForwardIcon, } from '../icons';
+import { useRef } from 'react';
+import { cn } from '../../../lib/cn';
+import { formatDurationPrecise } from '../../trace-viewer/util/timing';
+import { SleepIcon, StepForwardIcon, WebhookIcon, WorkflowIcon, } from '../icons';
+import { isSpanDimmedBySearch } from '../search';
+import { getSpanDurationMs, isSpanErrored } from '../utils';
+import { MiddleTruncate } from './middle-truncate/middle-truncate';
+import { ROW_HEIGHT_PX, useRowWindow } from './use-row-window';
 const eventStyles = {
     run: { icon: WorkflowIcon, className: 'text-blue-900' },
     step: { icon: StepForwardIcon, className: 'text-green-900' },
-    hook: { icon: WebhookIcon, className: 'text-yellow-900' },
+    hook: { icon: WebhookIcon, className: 'text-gray-900' },
     sleep: { icon: SleepIcon, className: 'text-gray-900' },
 };
 const defaultStyle = {
     icon: Circle,
     className: 'text-gray-900',
 };
+const ROW_HEIGHT_CLASS = 'h-10';
 function getEventStyle(resource, isErrored) {
     const style = eventStyles[resource] ?? defaultStyle;
     return {
@@ -20,16 +26,19 @@ function getEventStyle(resource, isErrored) {
         className: cn(isErrored ? 'text-red-900' : style.className),
     };
 }
-const EventRow = ({ span, isSelected, onSelectSpan, }) => {
-    const durationMs = getHighResInMs(span.duration);
-    const isErrored = span.attributes.data.status === 'failed';
+const EventRow = ({ span, isSelected, isDimmed, onSelectSpan, }) => {
+    const durationMs = getSpanDurationMs(span);
+    const isErrored = isSpanErrored(span);
     const { icon: Icon, className: tagClassName } = getEventStyle(span.resource, isErrored);
-    return (_jsx("li", { className: "overflow-clip group", role: "treeitem", "aria-selected": isSelected, "aria-expanded": isSelected, "aria-level": 1, onClick: () => onSelectSpan(span.spanId), children: _jsxs("div", { className: "hover:bg-gray-100 group-aria-selected:bg-gray-100 group-aria-selected:hover:bg-gray-200 hover:aria-selected:bg-gray-100 rounded-sm px-2 h-[34px] py-1.5 flex", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: tagClassName, children: _jsx(Icon, { className: "w-4 h-4" }) }), _jsx("span", { className: "text-label-14", children: span.name })] }), _jsx("div", { className: "ml-auto", children: _jsx("span", { className: "text-label-14 text-gray-900 tabular-nums", children: formatDuration(durationMs) }) })] }) }));
+    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) }) })] }) }) }));
 };
-const EventList = ({ spans, activeSpanId, onSelectSpan, }) => {
-    return (_jsx("ul", { id: "event-list", role: "tree", className: "block min-h-0 overflow-visible px-2 py-2", children: spans.map((span) => {
-            return (_jsx(EventRow, { span: span, isSelected: span.spanId === activeSpanId, onSelectSpan: onSelectSpan }, span.spanId));
-        }) }));
+const EventList = ({ spans, activeSpanId, searchResult, onSelectSpan, }) => {
+    const listRef = useRef(null);
+    const { start, end } = useRowWindow(listRef, spans.length, ROW_HEIGHT_PX);
+    return (_jsx("ul", { ref: listRef, id: "event-list", role: "tree", className: "block min-h-0 overflow-visible divide-y divide-gray-400 border-b border-gray-400", style: {
+            paddingTop: start * ROW_HEIGHT_PX,
+            paddingBottom: (spans.length - end) * ROW_HEIGHT_PX,
+        }, children: spans.slice(start, end).map((span) => (_jsx(EventRow, { span: span, isSelected: span.spanId === activeSpanId, isDimmed: isSpanDimmedBySearch(span.spanId, searchResult), onSelectSpan: onSelectSpan }, span.spanId))) }));
 };
 export default EventList;
-//# sourceMappingURL=event-list.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ldy10cmFjZS12aWV3ZXIvY29tcG9uZW50cy9ldmVudC1saXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN0QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixXQUFXLEVBQ1gsWUFBWSxHQUNiLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxvQkFBb0IsRUFBeUIsTUFBTSxXQUFXLENBQUM7QUFFeEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGFBQWEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQU8vRCxNQUFNLFdBQVcsR0FBK0I7SUFDOUMsR0FBRyxFQUFFLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO0lBQ3ZELElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO0lBQzVELElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtJQUN2RCxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUU7Q0FDdkQsQ0FBQztBQUVGLE1BQU0sWUFBWSxHQUFlO0lBQy9CLElB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eEMsUUFBUSxFQUFFLG9CQUFvQixDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLEVBQ3pELFlBQVksRUFBRSxZQUFZLElBSnJCLElBQUksQ0FBQyxNQUFNLENBS2hCLENBQ0gsQ0FBQyxHQUNDLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2lyY2xlIH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7IHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vLi4vbGliL2NuJztcbmltcG9ydCB7IGZvcm1hdER1cmF0aW9uUHJlY2lzZSB9IGZyb20gJy4uLy4uL3RyYWNlLXZpZXdlci91dGlsL3RpbWluZyc7XG5pbXBvcnQge1xuICBTbGVlcEljb24sXG4gIFN0ZXBGb3J3YXJkSWNvbixcbiAgV2ViaG9va0ljb24sXG4gIFdvcmtmbG93SWNvbixcbn0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgaXNTcGFuRGltbWVkQnlTZWFyY2gsIHR5cGUgU3BhblNlYXJjaFJlc3VsdCB9IGZyb20gJy4uL3NlYXJjaCc7XG5pbXBvcnQgdHlwZSB7IFNwYW4gfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRTcGFuRHVyYXRpb25NcywgaXNTcGFuRXJyb3JlZCB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IE1pZGRsZVRydW5jYXRlIH0gZnJvbSAnLi9taWRkbGUtdHJ1bmNhdGUvbWlkZGxlLXRydW5jYXRlJztcbmltcG9ydCB7IFJPV19IRUlHSFRfUFgsIHVzZVJvd1dpbmRvdyB9IGZyb20gJy4vdXNlLXJvdy13aW5kb3cnO1xuXG5pbnRlcmZhY2UgRXZlbnRTdHlsZSB7XG4gIGljb246IFJlYWN0LkNvbXBvbmVudFR5cGU8eyBjbGFzc05hbWU/OiBzdHJpbmcgfT47XG4gIGNsYXNzTmFtZTogc3RyaW5nO1xufVxuXG5jb25zdCBldmVudFN0eWxlczogUmVjb3JkPHN0cmluZywgRXZlbnRTdHlsZT4gPSB7XG4gIHJ1bjogeyBpY29uOiBXb3JrZmxvd0ljb24sIGNsYXNzTmFtZTogJ3RleHQtYmx1ZS05MDAnIH0sXG4gIHN0ZXA6IHsgaWNvbjogU3RlcEZvcndhcmRJY29uLCBjbGFzc05hbWU6ICd0ZXh0LWdyZWVuLTkwMCcgfSxcbiAgaG9vazogeyBpY29uOiBXZWJob29rSWNvbiwgY2xhc3NOYW1lOiAndGV4dC1ncmF5LTkwMCcgfSxcbiAgc2xlZXA6IHsgaWNvbjogU2xlZXBJY29uLCBjbGFzc05hbWU6ICd0ZXh0LWdyYXktOTAwJyB9LFxufTtcblxuY29uc3QgZGVmYXVsdFN0eWxlOiBFdmVudFN0eWxlID0ge1xuICBpY29uOiBDaXJjbGUsXG4gIGNsYXNzTmFtZTogJ3RleHQtZ3JheS05MDAnLFxufTtcblxuY29uc3QgUk9XX0hFSUdIVF9DTEFTUyA9ICdoLTEwJztcblxuZnVuY3Rpb24gZ2V0RXZlbnRTdHlsZShyZXNvdXJjZTogc3RyaW5nLCBpc0Vycm9yZWQ6IGJvb2xlYW4pOiBFdmVudFN0eWxlIHtcbiAgY29uc3Qgc3R5bGUgPSBldmVudFN0eWxlc1tyZXNvdXJjZV0gPz8gZGVmYXVsdFN0eWxlO1xuICByZXR1cm4ge1xuICAgIGljb246IHN0eWxlLmljb24sXG4gICAgY2xhc3NOYW1lOiBjbihpc0Vycm9yZWQgPyAndGV4dC1yZWQtOTAwJyA6IHN0eWxlLmNsYXNzTmFtZSksXG4gIH07XG59XG5cbmNvbnN0IEV2ZW50Um93ID0gKHtcbiAgc3BhbixcbiAgaXNTZWxlY3RlZCxcbiAgaXNEaW1tZWQsXG4gIG9uU2VsZWN0U3Bhbixcbn06IHtcbiAgc3BhbjogU3BhbjtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbiAgaXNEaW1tZWQ/OiBib29sZWFuO1xuICBvblNlbGVjdFNwYW46IChzcGFuSWQ6IHN0cmluZykgPT4gdm9pZDtcbn0pID0+IHtcbiAgY29uc3QgZHVyYXRpb25NcyA9IGdldFNwYW5EdXJhdGlvbk1zKHNwYW4pO1xuICBjb25zdCBpc0Vycm9yZWQgPSBpc1NwYW5FcnJvcmVkKHNwYW4pO1xuICBjb25zdCB7IGljb246IEljb24sIGNsYXNzTmFtZTogdGFnQ2xhc3NOYW1lIH0gPSBnZXRFdmVudFN0eWxlKFxuICAgIHNwYW4ucmVzb3VyY2UsXG4gICAgaXNFcnJvcmVkXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGlcbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdyZWxhdGl2ZSBvdmVyZmxvdy1jbGlwIGdyb3VwIHRyYW5zaXRpb24tb3BhY2l0eScsXG4gICAgICAgIFJPV19IRUlHSFRfQ0xBU1MsXG4gICAgICAgIGlzRGltbWVkICYmICdvcGFjaXR5LTM1J1xuICAgICAgKX1cbiAgICAgIHJvbGU9XCJ0cmVlaXRlbVwiXG4gICAgICBhcmlhLXNlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgYXJpYS1leHBhbmRlZD17aXNTZWxlY3RlZH1cbiAgICAgIGFyaWEtbGV2ZWw9ezF9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBvblNlbGVjdFNwYW4oc3Bhbi5zcGFuSWQpfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaC1mdWxsIGhvdmVyOmJnLWdyYXktMTAwIGdyb3VwLWFyaWEtc2VsZWN0ZWQ6YmctZ3JheS0xMDAgZ3JvdXAtYXJpYS1zZWxlY3RlZDpob3ZlcjpiZy1ncmF5LTIwMFwiPlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaC1mdWxsIG1pbi13LTAgaXRlbXMtY2VudGVyIHBsLTQgcHItMlwiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZmxleCBtaW4tdy0wIGZsZXgtMSBpdGVtcy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y24oJ3Nocmluay0wJywgdGFnQ2xhc3NOYW1lKX0+XG4gICAgICAgICAgICAgIDxJY29uIGNsYXNzTmFtZT1cInctNCBoLTRcIiAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwibWluLXctMCB0ZXh0LWxhYmVsLTE0XCI+XG4gICAgICAgICAgICAgIDxNaWRkbGVUcnVuY2F0ZSB2YWx1ZT17c3Bhbi5uYW1lfSAvPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibWwtMiBzaHJpbmstMFwiPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwidGV4dC1sYWJlbC0xNCB0ZXh0LWdyYXktOTAwIHRhYnVsYXItbnVtc1wiPlxuICAgICAgICAgICAgICB7Zm9ybWF0RHVyYXRpb25QcmVjaXNlKGR1cmF0aW9uTXMpfVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbGk+XG4gICk7XG59O1xuXG5jb25zdCBFdmVudExpc3QgPSAoe1xuICBzcGFucyxcbiAgYWN0aXZlU3BhbklkLFxuICBzZWFyY2hSZXN1bHQsXG4gIG9uU2VsZWN0U3Bhbixcbn06IHtcbiAgc3BhbnM6IFNwYW5bXTtcbiAgYWN0aXZlU3BhbklkOiBzdHJpbmcgfCBudWxsO1xuICBzZWFyY2hSZXN1bHQ6IFNwYW5TZWFyY2hSZXN1bHQ7XG4gIG9uU2VsZWN0U3BhbjogKHNwYW5JZDogc3RyaW5nKSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCBsaXN0UmVmID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB7IHN0YXJ0LCBlbmQgfSA9IHVzZVJvd1dpbmRvdyhsaXN0UmVmLCBzcGFucy5sZW5ndGgsIFJPV19IRUlHSFRfUFgpO1xuXG4gIHJldHVybiAoXG4gICAgPHVsXG4gICAgICByZWY9e2xpc3RSZWZ9XG4gICAgICBpZD1cImV2ZW50LWxpc3RcIlxuICAgICAgcm9sZT1cInRyZWVcIlxuICAgICAgY2xhc3NOYW1lPVwiYmxvY2sgbWluLWgtMCBvdmVyZmxvdy12aXNpYmxlIGRpdmlkZS15IGRpdmlkZS1ncmF5LTQwMCBib3JkZXItYiBib3JkZXItZ3JheS00MDBcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgcGFkZGluZ1RvcDogc3RhcnQgKiBST1dfSEVJR0hUX1BYLFxuICAgICAgICBwYWRkaW5nQm90dG9tOiAoc3BhbnMubGVuZ3RoIC0gZW5kKSAqIFJPV19IRUlHSFRfUFgsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHtzcGFucy5zbGljZShzdGFydCwgZW5kKS5tYXAoKHNwYW4pID0+IChcbiAgICAgICAgPEV2ZW50Um93XG4gICAgICAgICAga2V5PXtzcGFuLnNwYW5JZH1cbiAgICAgICAgICBzcGFuPXtzcGFufVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NwYW4uc3BhbklkID09PSBhY3RpdmVTcGFuSWR9XG4gICAgICAgICAgaXNEaW1tZWQ9e2lzU3BhbkRpbW1lZEJ5U2VhcmNoKHNwYW4uc3BhbklkLCBzZWFyY2hSZXN1bHQpfVxuICAgICAgICAgIG9uU2VsZWN0U3Bhbj17b25TZWxlY3RTcGFufVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC91bD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEV2ZW50TGlzdDtcbiJdfQ==

package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts

@@ -0,0 +1,18 @@
+interface GetMiddleTruncateCopyTextOptions {
+    prefixText: string;
+    selectionEnd: number;
+    selectionStart: number;
+    suffixText: string;
+    value: string;
+}
+interface GetMiddleTruncateCopyTextFromSelectionTextOptions {
+    prefixText: string;
+    selectionText: string;
+    suffixText: string;
+    value: string;
+}
+declare function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value, }: GetMiddleTruncateCopyTextOptions): string | null;
+declare function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value, }: GetMiddleTruncateCopyTextFromSelectionTextOptions): string | null;
+export { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, };
+export type { GetMiddleTruncateCopyTextFromSelectionTextOptions, GetMiddleTruncateCopyTextOptions, };
+//# sourceMappingURL=copy-selection.d.ts.map

package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-selection.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/copy-selection.ts"],"names":[],"mappings":"AAEA,UAAU,gCAAgC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iDAAiD;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,yBAAyB,CAAC,EACjC,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,EACV,KAAK,GACN,EAAE,gCAAgC,GAAG,MAAM,GAAG,IAAI,CAqClD;AAED,iBAAS,0CAA0C,CAAC,EAClD,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,GACN,EAAE,iDAAiD,GAAG,MAAM,GAAG,IAAI,CAqCnE;AAED,OAAO,EACL,yBAAyB,EACzB,0CAA0C,GAC3C,CAAC;AACF,YAAY,EACV,iDAAiD,EACjD,gCAAgC,GACjC,CAAC"}

package/dist/components/new-trace-viewer/components/middle-truncate/copy-selection.js

@@ -0,0 +1,54 @@
+import { ELLIPSIS, toGraphemes } from './truncate';
+function getMiddleTruncateCopyText({ prefixText, selectionEnd, selectionStart, suffixText, value, }) {
+    const visibleText = prefixText + ELLIPSIS + suffixText;
+    if (selectionStart < 0 ||
+        selectionEnd > visibleText.length ||
+        selectionStart >= selectionEnd) {
+        return null;
+    }
+    if (selectionStart === 0 && selectionEnd === visibleText.length) {
+        return value;
+    }
+    const ellipsisStart = prefixText.length;
+    const ellipsisEnd = ellipsisStart + ELLIPSIS.length;
+    if (selectionStart > ellipsisStart || selectionEnd < ellipsisEnd) {
+        return null;
+    }
+    const originalGraphemes = toGraphemes(value);
+    const selectedPrefixGraphemeCount = toGraphemes(visibleText.slice(0, selectionStart)).length;
+    const selectedSuffixGraphemeCount = toGraphemes(visibleText.slice(ellipsisEnd, selectionEnd)).length;
+    const suffixStart = originalGraphemes.length - toGraphemes(suffixText).length;
+    return originalGraphemes
+        .slice(selectedPrefixGraphemeCount, suffixStart + selectedSuffixGraphemeCount)
+        .join('');
+}
+function getMiddleTruncateCopyTextFromSelectionText({ prefixText, selectionText, suffixText, value, }) {
+    const visibleText = prefixText + ELLIPSIS + suffixText;
+    const trimmedSelectionText = selectionText.trim();
+    if (!trimmedSelectionText) {
+        return null;
+    }
+    const leading = selectionText.slice(0, selectionText.length - selectionText.trimStart().length);
+    const trailing = selectionText.slice(selectionText.trimEnd().length);
+    if (trimmedSelectionText === visibleText) {
+        return leading + value + trailing;
+    }
+    if (!trimmedSelectionText.includes(ELLIPSIS)) {
+        return null;
+    }
+    const selectionStart = visibleText.indexOf(trimmedSelectionText);
+    if (selectionStart === -1) {
+        return null;
+    }
+    const selectionEnd = selectionStart + trimmedSelectionText.length;
+    const mappedText = getMiddleTruncateCopyText({
+        prefixText,
+        selectionEnd,
+        selectionStart,
+        suffixText,
+        value,
+    });
+    return mappedText === null ? null : leading + mappedText + trailing;
+}
+export { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS1zZWxlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXctdHJhY2Utdmlld2VyL2NvbXBvbmVudHMvbWlkZGxlLXRydW5jYXRlL2NvcHktc2VsZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBaUJuRCxTQUFTLHlCQUF5QixDQUFDLEVBQ2pDLFVBQVUsRUFDVixZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixLQUFLLEdBQzRCO0lBQ2pDLE1BQU0sV0FBVyxHQUFHLFVBQVUsR0FBRyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBRXZELElBQ0UsY0FBYyxHQUFHLENBQUM7UUFDbEIsWUFBWSxHQUFHLFdBQVcsQ0FBQyxNQUFNO1FBQ2pDLGNBQWMsSUFBSSxZQUFZLEVBQzlCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxJQUFJLGNBQWMsS0FBSyxDQUFDLElBQUksWUFBWSxLQUFLLFdBQVcsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNoRSxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO0lBQ3hDLE1BQU0sV0FBVyxHQUFHLGFBQWEsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBRXBELElBQUksY0FBYyxHQUFHLGFBQWEsSUFBSSxZQUFZLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFDakUsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxpQkFBaUIsR0FBRyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDN0MsTUFBTSwyQkFBMkIsR0FBRyxXQUFXLENBQzdDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxDQUNyQyxDQUFDLE1BQU0sQ0FBQztJQUNULE1BQU0sMkJBQTJCLEdBQUcsV0FBVyxDQUM3QyxXQUFXLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUMsQ0FDN0MsQ0FBQyxNQUFNLENBQUM7SUFDVCxNQUFNLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQyxNQUFNLEdBQUcsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUU5RSxPQUFPLGlCQUFpQjtTQUNyQixLQUFLLENBQ0osMkJBQTJCLEVBQzNCLFdBQVcsR0FBRywyQkFBMkIsQ0FDMUM7U0FDQSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7QUFDZCxDQUFDO0FBRUQsU0FBUywwQ0FBMEMsQ0FBQyxFQUNsRCxVQUFVLEVBQ1YsYUFBYSxFQUNiLFVBQVUsRUFDVixLQUFLLEdBQzZDO0lBQ2xELE1BQU0sV0FBVyxHQUFHLFVBQVUsR0FBRyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQ3ZELE1BQU0sb0JBQW9CLEdBQUcsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBRWxELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzFCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE1BQU0sT0FBTyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQ2pDLENBQUMsRUFDRCxhQUFhLENBQUMsTUFBTSxHQUFHLGFBQWEsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxNQUFNLENBQ3hELENBQUM7SUFDRixNQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVyRSxJQUFJLG9CQUFvQixLQUFLLFdBQVcsRUFBRSxDQUFDO1FBQ3pDLE9BQU8sT0FBTyxHQUFHLEtBQUssR0FBRyxRQUFRLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztRQUM3QyxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLGNBQWMsR0FBRyxXQUFXLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDakUsSUFBSSxjQUFjLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUMxQixPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxNQUFNLFlBQVksR0FBRyxjQUFjLEdBQUcsb0JBQW9CLENBQUMsTUFBTSxDQUFDO0lBQ2xFLE1BQU0sVUFBVSxHQUFHLHlCQUF5QixDQUFDO1FBQzNDLFVBQVU7UUFDVixZQUFZO1FBQ1osY0FBYztRQUNkLFVBQVU7UUFDVixLQUFLO0tBQ04sQ0FBQyxDQUFDO0lBRUgsT0FBTyxVQUFVLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxVQUFVLEdBQUcsUUFBUSxDQUFDO0FBQ3RFLENBQUM7QUFFRCxPQUFPLEVBQ0wseUJBQXlCLEVBQ3pCLDBDQUEwQyxHQUMzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRUxMSVBTSVMsIHRvR3JhcGhlbWVzIH0gZnJvbSAnLi90cnVuY2F0ZSc7XG5cbmludGVyZmFjZSBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyB7XG4gIHByZWZpeFRleHQ6IHN0cmluZztcbiAgc2VsZWN0aW9uRW5kOiBudW1iZXI7XG4gIHNlbGVjdGlvblN0YXJ0OiBudW1iZXI7XG4gIHN1ZmZpeFRleHQ6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIEdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dE9wdGlvbnMge1xuICBwcmVmaXhUZXh0OiBzdHJpbmc7XG4gIHNlbGVjdGlvblRleHQ6IHN0cmluZztcbiAgc3VmZml4VGV4dDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xufVxuXG5mdW5jdGlvbiBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0KHtcbiAgcHJlZml4VGV4dCxcbiAgc2VsZWN0aW9uRW5kLFxuICBzZWxlY3Rpb25TdGFydCxcbiAgc3VmZml4VGV4dCxcbiAgdmFsdWUsXG59OiBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyk6IHN0cmluZyB8IG51bGwge1xuICBjb25zdCB2aXNpYmxlVGV4dCA9IHByZWZpeFRleHQgKyBFTExJUFNJUyArIHN1ZmZpeFRleHQ7XG5cbiAgaWYgKFxuICAgIHNlbGVjdGlvblN0YXJ0IDwgMCB8fFxuICAgIHNlbGVjdGlvbkVuZCA+IHZpc2libGVUZXh0Lmxlbmd0aCB8fFxuICAgIHNlbGVjdGlvblN0YXJ0ID49IHNlbGVjdGlvbkVuZFxuICApIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGlmIChzZWxlY3Rpb25TdGFydCA9PT0gMCAmJiBzZWxlY3Rpb25FbmQgPT09IHZpc2libGVUZXh0Lmxlbmd0aCkge1xuICAgIHJldHVybiB2YWx1ZTtcbiAgfVxuXG4gIGNvbnN0IGVsbGlwc2lzU3RhcnQgPSBwcmVmaXhUZXh0Lmxlbmd0aDtcbiAgY29uc3QgZWxsaXBzaXNFbmQgPSBlbGxpcHNpc1N0YXJ0ICsgRUxMSVBTSVMubGVuZ3RoO1xuXG4gIGlmIChzZWxlY3Rpb25TdGFydCA+IGVsbGlwc2lzU3RhcnQgfHwgc2VsZWN0aW9uRW5kIDwgZWxsaXBzaXNFbmQpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIGNvbnN0IG9yaWdpbmFsR3JhcGhlbWVzID0gdG9HcmFwaGVtZXModmFsdWUpO1xuICBjb25zdCBzZWxlY3RlZFByZWZpeEdyYXBoZW1lQ291bnQgPSB0b0dyYXBoZW1lcyhcbiAgICB2aXNpYmxlVGV4dC5zbGljZSgwLCBzZWxlY3Rpb25TdGFydClcbiAgKS5sZW5ndGg7XG4gIGNvbnN0IHNlbGVjdGVkU3VmZml4R3JhcGhlbWVDb3VudCA9IHRvR3JhcGhlbWVzKFxuICAgIHZpc2libGVUZXh0LnNsaWNlKGVsbGlwc2lzRW5kLCBzZWxlY3Rpb25FbmQpXG4gICkubGVuZ3RoO1xuICBjb25zdCBzdWZmaXhTdGFydCA9IG9yaWdpbmFsR3JhcGhlbWVzLmxlbmd0aCAtIHRvR3JhcGhlbWVzKHN1ZmZpeFRleHQpLmxlbmd0aDtcblxuICByZXR1cm4gb3JpZ2luYWxHcmFwaGVtZXNcbiAgICAuc2xpY2UoXG4gICAgICBzZWxlY3RlZFByZWZpeEdyYXBoZW1lQ291bnQsXG4gICAgICBzdWZmaXhTdGFydCArIHNlbGVjdGVkU3VmZml4R3JhcGhlbWVDb3VudFxuICAgIClcbiAgICAuam9pbignJyk7XG59XG5cbmZ1bmN0aW9uIGdldE1pZGRsZVRydW5jYXRlQ29weVRleHRGcm9tU2VsZWN0aW9uVGV4dCh7XG4gIHByZWZpeFRleHQsXG4gIHNlbGVjdGlvblRleHQsXG4gIHN1ZmZpeFRleHQsXG4gIHZhbHVlLFxufTogR2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dEZyb21TZWxlY3Rpb25UZXh0T3B0aW9ucyk6IHN0cmluZyB8IG51bGwge1xuICBjb25zdCB2aXNpYmxlVGV4dCA9IHByZWZpeFRleHQgKyBFTExJUFNJUyArIHN1ZmZpeFRleHQ7XG4gIGNvbnN0IHRyaW1tZWRTZWxlY3Rpb25UZXh0ID0gc2VsZWN0aW9uVGV4dC50cmltKCk7XG5cbiAgaWYgKCF0cmltbWVkU2VsZWN0aW9uVGV4dCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbGVhZGluZyA9IHNlbGVjdGlvblRleHQuc2xpY2UoXG4gICAgMCxcbiAgICBzZWxlY3Rpb25UZXh0Lmxlbmd0aCAtIHNlbGVjdGlvblRleHQudHJpbVN0YXJ0KCkubGVuZ3RoXG4gICk7XG4gIGNvbnN0IHRyYWlsaW5nID0gc2VsZWN0aW9uVGV4dC5zbGljZShzZWxlY3Rpb25UZXh0LnRyaW1FbmQoKS5sZW5ndGgpO1xuXG4gIGlmICh0cmltbWVkU2VsZWN0aW9uVGV4dCA9PT0gdmlzaWJsZVRleHQpIHtcbiAgICByZXR1cm4gbGVhZGluZyArIHZhbHVlICsgdHJhaWxpbmc7XG4gIH1cblxuICBpZiAoIXRyaW1tZWRTZWxlY3Rpb25UZXh0LmluY2x1ZGVzKEVMTElQU0lTKSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc2VsZWN0aW9uU3RhcnQgPSB2aXNpYmxlVGV4dC5pbmRleE9mKHRyaW1tZWRTZWxlY3Rpb25UZXh0KTtcbiAgaWYgKHNlbGVjdGlvblN0YXJ0ID09PSAtMSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc2VsZWN0aW9uRW5kID0gc2VsZWN0aW9uU3RhcnQgKyB0cmltbWVkU2VsZWN0aW9uVGV4dC5sZW5ndGg7XG4gIGNvbnN0IG1hcHBlZFRleHQgPSBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0KHtcbiAgICBwcmVmaXhUZXh0LFxuICAgIHNlbGVjdGlvbkVuZCxcbiAgICBzZWxlY3Rpb25TdGFydCxcbiAgICBzdWZmaXhUZXh0LFxuICAgIHZhbHVlLFxuICB9KTtcblxuICByZXR1cm4gbWFwcGVkVGV4dCA9PT0gbnVsbCA/IG51bGwgOiBsZWFkaW5nICsgbWFwcGVkVGV4dCArIHRyYWlsaW5nO1xufVxuXG5leHBvcnQge1xuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0LFxuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQsXG59O1xuZXhwb3J0IHR5cGUge1xuICBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHRPcHRpb25zLFxuICBHZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0T3B0aW9ucyxcbn07XG4iXX0=

package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentPropsWithoutRef, JSX } from 'react';
+/** Props for the {@link MiddleTruncate} component. */
+interface MiddleTruncateProps extends Omit<ComponentPropsWithoutRef<'span'>, 'children'> {
+    /** The full text string to display, truncated from the middle when it overflows. */
+    value: string;
+}
+/**
+ * @gdoc
+ *
+ * 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.
+ * Renders a `<span>` element.
+ *
+ * Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
+ *
+ * @param value - Full text string to display.
+ */
+declare function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }: MiddleTruncateProps): JSX.Element;
+export { MiddleTruncate };
+export type { MiddleTruncateProps };
+//# sourceMappingURL=middle-truncate.d.ts.map

package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"middle-truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/middle-truncate.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAS3E,sDAAsD;AACtD,UAAU,mBACR,SAAQ,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC1D,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AA2BD;;;;;;;;;GASG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,SAAS,EACT,MAAM,EAAE,UAAU,EAClB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8FnC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/new-trace-viewer/components/middle-truncate/middle-truncate.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import { cn } from '../../../../lib/cn';
+import { getMiddleTruncateCopyText, getMiddleTruncateCopyTextFromSelectionText, } from './copy-selection';
+import { ELLIPSIS } from './truncate';
+import { useMiddleTruncate } from './use-middle-truncate';
+function getRangeOffsets(container, range) {
+    if (!container.contains(range.startContainer) ||
+        !container.contains(range.endContainer)) {
+        return null;
+    }
+    const startRange = document.createRange();
+    startRange.selectNodeContents(container);
+    startRange.setEnd(range.startContainer, range.startOffset);
+    const endRange = document.createRange();
+    endRange.selectNodeContents(container);
+    endRange.setEnd(range.endContainer, range.endOffset);
+    return {
+        end: endRange.toString().length,
+        start: startRange.toString().length,
+    };
+}
+/**
+ * @gdoc
+ *
+ * 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.
+ * Renders a `<span>` element.
+ *
+ * Documentation: [Geist Middle Truncate](https://vercel.com/geist/middle-truncate)
+ *
+ * @param value - Full text string to display.
+ */
+function MiddleTruncate({ value, className, onCopy: onCopyProp, ...props }) {
+    const { ref, measureRef, displayText, isTruncated, prefixText, suffixText } = useMiddleTruncate(value);
+    const visibleRef = useRef(null);
+    const handleCopy = useCallback((e) => {
+        onCopyProp?.(e);
+        if (e.defaultPrevented || !isTruncated)
+            return;
+        const selection = window.getSelection();
+        if (!selection || selection.rangeCount === 0)
+            return;
+        const selectionText = selection.toString();
+        if (!selectionText)
+            return;
+        // Only intercept when the selection is fully within this element.
+        // If the user selected across elements (e.g. a table row), let
+        // the browser's default behavior preserve surrounding context.
+        const range = selection.getRangeAt(0);
+        const visibleEl = visibleRef.current;
+        let copyText = null;
+        if (e.currentTarget.contains(range.startContainer) &&
+            e.currentTarget.contains(range.endContainer) &&
+            visibleEl) {
+            const offsets = getRangeOffsets(visibleEl, range);
+            if (offsets) {
+                copyText = getMiddleTruncateCopyText({
+                    prefixText,
+                    selectionEnd: offsets.end,
+                    selectionStart: offsets.start,
+                    suffixText,
+                    value,
+                });
+            }
+        }
+        copyText ??= getMiddleTruncateCopyTextFromSelectionText({
+            prefixText,
+            selectionText,
+            suffixText,
+            value,
+        });
+        if (copyText === null)
+            return;
+        e.preventDefault();
+        e.clipboardData.setData('text/plain', copyText);
+    }, [onCopyProp, isTruncated, prefixText, suffixText, value]);
+    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 })] }));
+}
+export { MiddleTruncate };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxlLXRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3LXRyYWNlLXZpZXdlci9jb21wb25lbnRzL21pZGRsZS10cnVuY2F0ZS9taWRkbGUtdHJ1bmNhdGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFlBQVksQ0FBQzs7QUFFYixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUU1QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUNMLHlCQUF5QixFQUN6QiwwQ0FBMEMsR0FDM0MsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBUzFELFNBQVMsZUFBZSxDQUN0QixTQUFzQixFQUN0QixLQUFZO0lBRVosSUFDRSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQztRQUN6QyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxFQUN2QyxDQUFDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzFDLFVBQVUsQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN6QyxVQUFVLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRTNELE1BQU0sUUFBUSxHQUFHLFFBQVEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN4QyxRQUFRLENBQUMsa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdkMsUUFBUSxDQUFDLE1BQU0sQ0FB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QkFBcUIsWUFBRSxLQUFLLEdBQVEsRUFDcEUsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMscUZBQXFGLFlBRTlGLEtBQUssR0FDRCxFQUNQLDhCQUNlLFdBQVcsSUFBSSxTQUFTLEVBQ3JDLFNBQVMsRUFBQyxpREFBaUQsRUFDM0QsR0FBRyxFQUFFLFVBQVUsWUFFZCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2IsOEJBQ0UseUJBQU8sVUFBVSxHQUFRLEVBQ3pCLHlCQUFPLFFBQVEsR0FBUSxFQUN2Qix5QkFBTyxVQUFVLEdBQVEsSUFDeEIsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixHQUNJLEVBQ1AsOEJBQ2MsTUFBTSxFQUNsQixTQUFTLEVBQUMsZ0dBQWdHLEVBQzFHLEdBQUcsRUFBRSxVQUFVLEdBQ2YsSUFDRyxDQUNSLENBQUM7QUFDSixDQUFDO0FBRUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuXG5pbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBDbGlwYm9hcmRFdmVudCwgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmLCBKU1ggfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uLy4uLy4uL2xpYi9jbic7XG5pbXBvcnQge1xuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0LFxuICBnZXRNaWRkbGVUcnVuY2F0ZUNvcHlUZXh0RnJvbVNlbGVjdGlvblRleHQsXG59IGZyb20gJy4vY29weS1zZWxlY3Rpb24nO1xuaW1wb3J0IHsgRUxMSVBTSVMgfSBmcm9tICcuL3RydW5jYXRlJztcbmltcG9ydCB7IHVzZU1pZGRsZVRydW5jYXRlIH0gZnJvbSAnLi91c2UtbWlkZGxlLXRydW5jYXRlJztcblxuLyoqIFByb3BzIGZvciB0aGUge0BsaW5rIE1pZGRsZVRydW5jYXRlfSBjb21wb25lbnQuICovXG5pbnRlcmZhY2UgTWlkZGxlVHJ1bmNhdGVQcm9wc1xuICBleHRlbmRzIE9taXQ8Q29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdzcGFuJz4sICdjaGlsZHJlbic+IHtcbiAgLyoqIFRoZSBmdWxsIHRleHQgc3RyaW5nIHRvIGRpc3BsYXksIHRydW5jYXRlZCBmcm9tIHRoZSBtaWRkbGUgd2hlbiBpdCBvdmVyZmxvd3MuICovXG4gIHZhbHVlOiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIGdldFJhbmdlT2Zmc2V0cyhcbiAgY29udGFpbmVyOiBIVE1MRWxlbWVudCxcbiAgcmFuZ2U6IFJhbmdlXG4pOiB7IGVuZDogbnVtYmVyOyBzdGFydDogbnVtYmVyIH0gfCBudWxsIHtcbiAgaWYgKFxuICAgICFjb250YWluZXIuY29udGFpbnMocmFuZ2Uuc3RhcnRDb250YWluZXIpIHx8XG4gICAgIWNvbnRhaW5lci5jb250YWlucyhyYW5nZS5lbmRDb250YWluZXIpXG4gICkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3Qgc3RhcnRSYW5nZSA9IGRvY3VtZW50LmNyZWF0ZVJhbmdlKCk7XG4gIHN0YXJ0UmFuZ2Uuc2VsZWN0Tm9kZUNvbnRlbnRzKGNvbnRhaW5lcik7XG4gIHN0YXJ0UmFuZ2Uuc2V0RW5kKHJhbmdlLnN0YXJ0Q29udGFpbmVyLCByYW5nZS5zdGFydE9mZnNldCk7XG5cbiAgY29uc3QgZW5kUmFuZ2UgPSBkb2N1bWVudC5jcmVhdGVSYW5nZSgpO1xuICBlbmRSYW5nZS5zZWxlY3ROb2RlQ29udGVudHMoY29udGFpbmVyKTtcbiAgZW5kUmFuZ2Uuc2V0RW5kKHJhbmdlLmVuZENvbnRhaW5lciwgcmFuZ2UuZW5kT2Zmc2V0KTtcblxuICByZXR1cm4ge1xuICAgIGVuZDogZW5kUmFuZ2UudG9TdHJpbmcoKS5sZW5ndGgsXG4gICAgc3RhcnQ6IHN0YXJ0UmFuZ2UudG9TdHJpbmcoKS5sZW5ndGgsXG4gIH07XG59XG5cbi8qKlxuICogQGdkb2NcbiAqXG4gKiBUcnVuY2F0ZXMgdGV4dCBmcm9tIHRoZSBtaWRkbGUgd2l0aCBhbiBlbGxpcHNpcyB3aGVuIGl0IG92ZXJmbG93cywgcHJlc2VydmluZyB0aGUgYmVnaW5uaW5nIGFuZCBlbmQgKGUuZy4gZmlsZSBwYXRocywgVVJMcykuIENvcHkgYmVoYXZpb3IgcmVzdG9yZXMgdGhlIGZ1bGwgdW50cnVuY2F0ZWQgdGV4dCB0byB0aGUgY2xpcGJvYXJkLlxuICogUmVuZGVycyBhIGA8c3Bhbj5gIGVsZW1lbnQuXG4gKlxuICogRG9jdW1lbnRhdGlvbjogW0dlaXN0IE1pZGRsZSBUcnVuY2F0ZV0oaHR0cHM6Ly92ZXJjZWwuY29tL2dlaXN0L21pZGRsZS10cnVuY2F0ZSlcbiAqXG4gKiBAcGFyYW0gdmFsdWUgLSBGdWxsIHRleHQgc3RyaW5nIHRvIGRpc3BsYXkuXG4gKi9cbmZ1bmN0aW9uIE1pZGRsZVRydW5jYXRlKHtcbiAgdmFsdWUsXG4gIGNsYXNzTmFtZSxcbiAgb25Db3B5OiBvbkNvcHlQcm9wLFxuICAuLi5wcm9wc1xufTogTWlkZGxlVHJ1bmNhdGVQcm9wcyk6IEpTWC5FbGVtZW50IHtcbiAgY29uc3QgeyByZWYsIG1lYXN1cmVSZWYsIGRpc3BsYXlUZXh0LCBpc1RydW5jYXRlZCwgcHJlZml4VGV4dCwgc3VmZml4VGV4dCB9ID1cbiAgICB1c2VNaWRkbGVUcnVuY2F0ZSh2YWx1ZSk7XG4gIGNvbnN0IHZpc2libGVSZWYgPSB1c2VSZWY8SFRNTFNwYW5FbGVtZW50IHwgbnVsbD4obnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlQ29weSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBDbGlwYm9hcmRFdmVudDxIVE1MU3BhbkVsZW1lbnQ+KSA9PiB7XG4gICAgICBvbkNvcHlQcm9wPy4oZSk7XG4gICAgICBpZiAoZS5kZWZhdWx0UHJldmVudGVkIHx8ICFpc1RydW5jYXRlZCkgcmV0dXJuO1xuXG4gICAgICBjb25zdCBzZWxlY3Rpb24gPSB3aW5kb3cuZ2V0U2VsZWN0aW9uKCk7XG4gICAgICBpZiAoIXNlbGVjdGlvbiB8fCBzZWxlY3Rpb24ucmFuZ2VDb3VudCA9PT0gMCkgcmV0dXJuO1xuICAgICAgY29uc3Qgc2VsZWN0aW9uVGV4dCA9IHNlbGVjdGlvbi50b1N0cmluZygpO1xuICAgICAgaWYgKCFzZWxlY3Rpb25UZXh0KSByZXR1cm47XG5cbiAgICAgIC8vIE9ubHkgaW50ZXJjZXB0IHdoZW4gdGhlIHNlbGVjdGlvbiBpcyBmdWxseSB3aXRoaW4gdGhpcyBlbGVtZW50LlxuICAgICAgLy8gSWYgdGhlIHVzZXIgc2VsZWN0ZWQgYWNyb3NzIGVsZW1lbnRzIChlLmcuIGEgdGFibGUgcm93KSwgbGV0XG4gICAgICAvLyB0aGUgYnJvd3NlcidzIGRlZmF1bHQgYmVoYXZpb3IgcHJlc2VydmUgc3Vycm91bmRpbmcgY29udGV4dC5cbiAgICAgIGNvbnN0IHJhbmdlID0gc2VsZWN0aW9uLmdldFJhbmdlQXQoMCk7XG4gICAgICBjb25zdCB2aXNpYmxlRWwgPSB2aXNpYmxlUmVmLmN1cnJlbnQ7XG4gICAgICBsZXQgY29weVRleHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgICBpZiAoXG4gICAgICAgIGUuY3VycmVudFRhcmdldC5jb250YWlucyhyYW5nZS5zdGFydENvbnRhaW5lcikgJiZcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmNvbnRhaW5zKHJhbmdlLmVuZENvbnRhaW5lcikgJiZcbiAgICAgICAgdmlzaWJsZUVsXG4gICAgICApIHtcbiAgICAgICAgY29uc3Qgb2Zmc2V0cyA9IGdldFJhbmdlT2Zmc2V0cyh2aXNpYmxlRWwsIHJhbmdlKTtcbiAgICAgICAgaWYgKG9mZnNldHMpIHtcbiAgICAgICAgICBjb3B5VGV4dCA9IGdldE1pZGRsZVRydW5jYXRlQ29weVRleHQoe1xuICAgICAgICAgICAgcHJlZml4VGV4dCxcbiAgICAgICAgICAgIHNlbGVjdGlvbkVuZDogb2Zmc2V0cy5lbmQsXG4gICAgICAgICAgICBzZWxlY3Rpb25TdGFydDogb2Zmc2V0cy5zdGFydCxcbiAgICAgICAgICAgIHN1ZmZpeFRleHQsXG4gICAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBjb3B5VGV4dCA/Pz0gZ2V0TWlkZGxlVHJ1bmNhdGVDb3B5VGV4dEZyb21TZWxlY3Rpb25UZXh0KHtcbiAgICAgICAgcHJlZml4VGV4dCxcbiAgICAgICAgc2VsZWN0aW9uVGV4dCxcbiAgICAgICAgc3VmZml4VGV4dCxcbiAgICAgICAgdmFsdWUsXG4gICAgICB9KTtcblxuICAgICAgaWYgKGNvcHlUZXh0ID09PSBudWxsKSByZXR1cm47XG5cbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGUuY2xpcGJvYXJkRGF0YS5zZXREYXRhKCd0ZXh0L3BsYWluJywgY29weVRleHQpO1xuICAgIH0sXG4gICAgW29uQ29weVByb3AsIGlzVHJ1bmNhdGVkLCBwcmVmaXhUZXh0LCBzdWZmaXhUZXh0LCB2YWx1ZV1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICB0aXRsZT17aXNUcnVuY2F0ZWQgPyB2YWx1ZSA6IHVuZGVmaW5lZH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ3JlbGF0aXZlIGlubGluZS1ncmlkIG1pbi13LTAgbWF4LXctZnVsbCBvdmVyZmxvdy1oaWRkZW4gd2hpdGVzcGFjZS1ub3dyYXAnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICBvbkNvcHk9e2hhbmRsZUNvcHl9XG4gICAgPlxuICAgICAge2lzVHJ1bmNhdGVkICYmIDxzcGFuIGNsYXNzTmFtZT1cInNyLW9ubHkgc2VsZWN0LW5vbmVcIj57dmFsdWV9PC9zcGFuPn1cbiAgICAgIDxzcGFuXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICAgIGNsYXNzTmFtZT1cInBvaW50ZXItZXZlbnRzLW5vbmUgY29sLXN0YXJ0LTEgcm93LXN0YXJ0LTEgaW52aXNpYmxlIHNlbGVjdC1ub25lIHdoaXRlc3BhY2Utbm93cmFwXCJcbiAgICAgID5cbiAgICAgICAge3ZhbHVlfVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49e2lzVHJ1bmNhdGVkIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgY2xhc3NOYW1lPVwiY29sLXN0YXJ0LTEgcm93LXN0YXJ0LTEgbWluLXctMCBvdmVyZmxvdy1oaWRkZW5cIlxuICAgICAgICByZWY9e3Zpc2libGVSZWZ9XG4gICAgICA+XG4gICAgICAgIHtpc1RydW5jYXRlZCA/IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPHNwYW4+e3ByZWZpeFRleHR9PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e0VMTElQU0lTfTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuPntzdWZmaXhUZXh0fTwvc3Bhbj5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBkaXNwbGF5VGV4dFxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPVwicG9pbnRlci1ldmVudHMtbm9uZSBhYnNvbHV0ZSBsZWZ0LTAgdG9wLTAgaW5saW5lLWJsb2NrIGludmlzaWJsZSBzZWxlY3Qtbm9uZSB3aGl0ZXNwYWNlLW5vd3JhcFwiXG4gICAgICAgIHJlZj17bWVhc3VyZVJlZn1cbiAgICAgIC8+XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5leHBvcnQgeyBNaWRkbGVUcnVuY2F0ZSB9O1xuZXhwb3J0IHR5cGUgeyBNaWRkbGVUcnVuY2F0ZVByb3BzIH07XG4iXX0=

package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts

@@ -0,0 +1,25 @@
+declare const ELLIPSIS = "\u2026";
+declare const MIN_START = 3;
+declare const MIN_END = 3;
+type MeasureFn = (text: string) => number;
+/**
+ * Splits a string into grapheme clusters using Intl.Segmenter.
+ * Falls back to Array.from for environments without Intl.Segmenter.
+ */
+declare function toGraphemes(text: string): string[];
+interface TruncateResult {
+    prefixText: string;
+    prefixGraphemeCount: number;
+    suffixText: string;
+    suffixGraphemeCount: number;
+    text: string;
+    truncated: boolean;
+}
+/**
+ * Middle-truncates a string so `prefix...suffix` fits within `availableWidth`.
+ * Uses binary search over grapheme clusters with an injectable measure function.
+ */
+declare function middleTruncate(graphemes: string[], availableWidth: number, measure: MeasureFn, fullWidth?: number): TruncateResult;
+export { middleTruncate, toGraphemes, ELLIPSIS, MIN_START, MIN_END };
+export type { MeasureFn, TruncateResult };
+//# sourceMappingURL=truncate.d.ts.map

package/dist/components/new-trace-viewer/components/middle-truncate/truncate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.d.ts","sourceRoot":"","sources":["../../../../../src/components/new-trace-viewer/components/middle-truncate/truncate.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,WAAM,CAAC;AACrB,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"}