@ledgerhq/device-management-kit-devtools-ui 1.1.1

package/lib/build/src/screens/logger/logsTable/index.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useMemo } from "react";
+import { getCoreRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import styled from "styled-components";
+import { TABLE_CONFIG } from "./constants";
+import { ScrollDownButton } from "./ScrollDownButton";
+import { TableBody } from "./TableBody";
+import { createColumns } from "./TableColumns";
+import { TableHeader } from "./TableHeader";
+import { useScrollLogic } from "./useScrollLogic";
+const ScrollContainer = styled.div `
+  height: ${({ height }) => height}px;
+  overflow: ${({ disableScroll }) => (disableScroll ? "hidden" : "auto")};
+  overflow-anchor: auto;
+  position: relative;
+  width: 100%;
+`;
+const TableWrapper = styled.div `
+  width: 100%;
+  min-width: fit-content;
+`;
+const StyledTable = styled.table `
+  display: grid;
+`;
+const TableContainer = styled.div `
+  flex: 1;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+`;
+const EmptyState = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  color: #999;
+  font-size: 14px;
+`;
+export const LogsTable = ({ data, highlightedIndices, currentHighlightIndex, scrollToIndex, }) => {
+    const { autoScrollEnabled, onScroll, scrollContainerRef, scrollZoneHeight, scrollToBottom, scrollZoneRef, } = useScrollLogic({ data });
+    const columns = useMemo(() => createColumns(), []);
+    const table = useReactTable({
+        data,
+        columns,
+        defaultColumn: {
+            minSize: TABLE_CONFIG.MIN_COLUMN_SIZE,
+            maxSize: TABLE_CONFIG.MAX_COLUMN_SIZE,
+        },
+        columnResizeMode: "onChange",
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        debugTable: true,
+        getRowId: (originalRow) => `${originalRow.timestamp}-${originalRow.message}`,
+    });
+    const { rows } = table.getRowModel();
+    const rowVirtualizer = useVirtualizer({
+        count: rows.length,
+        estimateSize: () => TABLE_CONFIG.ROW_HEIGHT_ESTIMATE,
+        getScrollElement: () => scrollContainerRef.current,
+        getItemKey: (index) => rows[index]?.id ?? String(index),
+        measureElement: typeof window !== "undefined" &&
+            navigator.userAgent.indexOf("Firefox") === -1
+            ? (element) => element?.getBoundingClientRect().height
+            : undefined,
+        overscan: TABLE_CONFIG.OVERSCAN,
+    });
+    // Skip during column resize to avoid scroll position jumping
+    const isResizingColumn = table.getState().columnSizingInfo.isResizingColumn;
+    // Notify virtualizer when container height changes
+    useEffect(() => {
+        if (isResizingColumn)
+            return;
+        rowVirtualizer.measure();
+    }, [scrollZoneHeight, rowVirtualizer, isResizingColumn]);
+    // Observe the scroll container for size changes
+    useEffect(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        const observer = new ResizeObserver(() => {
+            // Skip measure during column resize
+            if (table.getState().columnSizingInfo.isResizingColumn)
+                return;
+            requestAnimationFrame(() => {
+                rowVirtualizer.measure();
+            });
+        });
+        observer.observe(container);
+        return () => {
+            observer.disconnect();
+        };
+    }, [rowVirtualizer, scrollContainerRef, table]);
+    // Scroll to current search match
+    useEffect(() => {
+        if (scrollToIndex !== undefined && scrollToIndex >= 0) {
+            rowVirtualizer.scrollToIndex(scrollToIndex, { align: "center" });
+        }
+    }, [scrollToIndex, rowVirtualizer]);
+    // Reset virtualizer when data changes and is small (helps with filter transitions)
+    // Scroll to top first to avoid invalid scroll position, then recalculate
+    // Use useLayoutEffect to run synchronously before browser paints
+    useLayoutEffect(() => {
+        if (rows.length < 100 && rows.length > 0) {
+            rowVirtualizer.scrollToOffset(0);
+            rowVirtualizer.measure();
+        }
+    }, [rows.length, rowVirtualizer]);
+    // Show empty state when there are no logs to display
+    if (data.length === 0) {
+        return (_jsx(TableContainer, { ref: scrollZoneRef, children: _jsx(EmptyState, { children: "No logs to display" }) }));
+    }
+    return (_jsxs(TableContainer, { ref: scrollZoneRef, children: [_jsx(ScrollContainer, { className: "container", ref: scrollContainerRef, onScroll: onScroll, height: scrollZoneHeight, disableScroll: !!isResizingColumn, children: _jsx(TableWrapper, { children: _jsxs(StyledTable, { children: [_jsx(TableHeader, { headerGroups: table.getHeaderGroups() }), _jsx(TableBody, { virtualizer: rowVirtualizer, rows: rows, highlightedIndices: highlightedIndices, currentHighlightIndex: currentHighlightIndex })] }) }) }), _jsx(ScrollDownButton, { enabled: autoScrollEnabled, onClick: scrollToBottom })] }));
+};
+//# sourceMappingURL=index.js.map

package/lib/build/src/screens/logger/logsTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/index.tsx"],"names":[],"mappings":"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"}

package/lib/build/src/screens/logger/logsTable/useColumnSizeVars.d.ts

@@ -0,0 +1,4 @@
+import { type Table } from "@tanstack/react-table";
+import { type LogData } from "../types";
+export declare const useColumnSizeVars: (table: Table<LogData>) => Record<string, number>;
+//# sourceMappingURL=useColumnSizeVars.d.ts.map

package/lib/build/src/screens/logger/logsTable/useColumnSizeVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnSizeVars.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useColumnSizeVars.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,OAAO,CAAC,2BAgBtD,CAAC"}

package/lib/build/src/screens/logger/logsTable/useColumnSizeVars.js

@@ -0,0 +1,17 @@
+import { useMemo } from "react";
+export const useColumnSizeVars = (table) => {
+    return useMemo(() => {
+        const headers = table.getFlatHeaders();
+        const colSizes = {};
+        for (const header of headers) {
+            colSizes[`--header-${header.id}-size`] = header.getSize();
+            colSizes[`--col-${header.column.id}-size`] = header.column.getSize();
+        }
+        return colSizes;
+    }, [
+        table.getState().columnSizingInfo,
+        table.getFlatHeaders(),
+        table.getState().columnSizing,
+    ]);
+};
+//# sourceMappingURL=useColumnSizeVars.js.map

package/lib/build/src/screens/logger/logsTable/useColumnSizeVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnSizeVars.js","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useColumnSizeVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QACvC,MAAM,QAAQ,GAA2B,EAAE,CAAC;QAE5C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,QAAQ,CAAC,YAAY,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;YAC1D,QAAQ,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACvE,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE;QACD,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB;QACjC,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY;KAC9B,CAAC,CAAC;AACL,CAAC,CAAC"}

package/lib/build/src/screens/logger/logsTable/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import("react").RefObject<T>;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/lib/build/src/screens/logger/logsTable/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useResizeObserver.tsx"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EACrD,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB,KAAK,IAAI,gCAiC1D"}

package/lib/build/src/screens/logger/logsTable/useResizeObserver.js

@@ -0,0 +1,28 @@
+import { useLayoutEffect, useRef } from "react";
+export function useResizeObserver(callback) {
+    const ref = useRef(null);
+    const callbackRef = useRef(callback);
+    // Keep callback ref up to date
+    useLayoutEffect(() => {
+        callbackRef.current = callback;
+    }, [callback]);
+    useLayoutEffect(() => {
+        const element = ref?.current;
+        if (!element) {
+            return;
+        }
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (entry) {
+                callbackRef.current(element, entry);
+            }
+        });
+        // Observe border box to catch all size changes including padding/borders
+        observer.observe(element, { box: "border-box" });
+        return () => {
+            observer.disconnect();
+        };
+    }, []); // Empty dependency array - observer is created once
+    return ref;
+}
+//# sourceMappingURL=useResizeObserver.js.map

package/lib/build/src/screens/logger/logsTable/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useResizeObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,UAAU,iBAAiB,CAC/B,QAAyD;IAEzD,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAC5B,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAErC,+BAA+B;IAC/B,eAAe,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,GAAG,EAAE,OAAO,CAAC;QAE7B,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,KAAK,EAAE,CAAC;gBACV,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,yEAAyE;QACzE,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,CAAC;QAEjD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oDAAoD;IAE5D,OAAO,GAAG,CAAC;AACb,CAAC"}

package/lib/build/src/screens/logger/logsTable/useScrollLogic.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const useScrollLogic: ({ data }: {
+    data: unknown[];
+}) => {
+    autoScrollEnabled: boolean;
+    onScroll: () => void;
+    scrollContainerRef: React.RefObject<HTMLDivElement>;
+    scrollZoneHeight: number;
+    scrollToBottom: () => void;
+    scrollZoneRef: React.RefObject<HTMLDivElement>;
+};
+//# sourceMappingURL=useScrollLogic.d.ts.map

package/lib/build/src/screens/logger/logsTable/useScrollLogic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLogic.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useScrollLogic.ts"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,OAAO,EAAE,CAAA;CAAE;;;;;;;CAiG3D,CAAC"}

package/lib/build/src/screens/logger/logsTable/useScrollLogic.js

@@ -0,0 +1,86 @@
+import React, { useCallback, useEffect, useLayoutEffect, useState, } from "react";
+import { SCROLL_THRESHOLD } from "./constants";
+import { useResizeObserver } from "./useResizeObserver";
+export const useScrollLogic = ({ data }) => {
+    const scrollContainerRef = React.useRef(null);
+    const [autoScrollEnabled, setAutoScrollEnabled] = useState(true);
+    const isScrollingProgrammaticallyRef = React.useRef(false);
+    const prevDataLengthRef = React.useRef(data.length);
+    const scrollToBottom = useCallback(() => {
+        if (scrollContainerRef.current) {
+            isScrollingProgrammaticallyRef.current = true;
+            setAutoScrollEnabled(true);
+            scrollContainerRef.current.scrollTo({
+                top: scrollContainerRef.current.scrollHeight,
+                behavior: "instant",
+            });
+            // Reset the flag after a brief delay to allow scroll to complete
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    isScrollingProgrammaticallyRef.current = false;
+                });
+            });
+        }
+    }, []);
+    // Auto-scroll when new data arrives (not on container resize)
+    useEffect(() => {
+        if (autoScrollEnabled && scrollContainerRef.current) {
+            // Use double requestAnimationFrame to ensure DOM has updated and virtualizer has recalculated
+            // This is necessary when content starts overflowing as the virtualizer needs time to measure
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    if (scrollContainerRef.current && autoScrollEnabled) {
+                        scrollToBottom();
+                    }
+                });
+            });
+        }
+    }, [data.length, autoScrollEnabled, scrollToBottom]);
+    // Reset scroll position when data shrinks significantly (e.g., filter applied)
+    // This prevents the virtualizer from being in an invalid scroll state
+    useEffect(() => {
+        const prevLength = prevDataLengthRef.current;
+        const currentLength = data.length;
+        prevDataLengthRef.current = currentLength;
+        // If data shrunk significantly (more than 50% reduction or to near-empty)
+        if (currentLength < prevLength * 0.5 || currentLength <= 3) {
+            scrollContainerRef.current?.scrollTo({ top: 0, behavior: "instant" });
+            setAutoScrollEnabled(true);
+        }
+    }, [data.length]);
+    const [scrollZoneHeight, setScrollZoneHeight] = useState(0);
+    const updateScrollZoneHeight = useCallback((_, entry) => {
+        setScrollZoneHeight(entry.contentRect.height);
+    }, []);
+    const scrollZoneRef = useResizeObserver(updateScrollZoneHeight);
+    // Calculate initial height on mount
+    useLayoutEffect(() => {
+        if (scrollZoneRef.current) {
+            const height = scrollZoneRef.current.getBoundingClientRect().height;
+            if (height > 0) {
+                setScrollZoneHeight(height);
+            }
+        }
+    }, [scrollZoneRef]);
+    const onScroll = useCallback(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        // Only update autoScrollEnabled for manual user scrolls
+        if (isScrollingProgrammaticallyRef.current) {
+            return;
+        }
+        const isNearBottom = container.scrollTop + container.clientHeight >=
+            container.scrollHeight - SCROLL_THRESHOLD;
+        setAutoScrollEnabled(isNearBottom);
+    }, []);
+    return {
+        autoScrollEnabled,
+        onScroll,
+        scrollContainerRef,
+        scrollZoneHeight,
+        scrollToBottom,
+        scrollZoneRef,
+    };
+};
+//# sourceMappingURL=useScrollLogic.js.map

package/lib/build/src/screens/logger/logsTable/useScrollLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLogic.js","sourceRoot":"","sources":["../../../../../../src/screens/logger/logsTable/useScrollLogic.ts"],"names":[],"mappings":"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"}

package/lib/build/src/screens/logger/mapConnectorMessageToLogData.d.ts

@@ -0,0 +1,6 @@
+import type { LogData } from "./types";
+export declare function mapConnectorMessageToLogData(connectorMessage: {
+    type: string;
+    payload: string;
+}): LogData | null;
+//# sourceMappingURL=mapConnectorMessageToLogData.d.ts.map

package/lib/build/src/screens/logger/mapConnectorMessageToLogData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapConnectorMessageToLogData.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/mapConnectorMessageToLogData.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,OAAO,EAAE,MAAM,SAAS,CAAC;AAEpD,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,OAAO,GAAG,IAAI,CAgBjB"}

package/lib/build/src/screens/logger/mapConnectorMessageToLogData.js

@@ -0,0 +1,17 @@
+import { LOGGER_MESSAGE_TYPES } from "@ledgerhq/device-management-kit-devtools-core";
+export function mapConnectorMessageToLogData(connectorMessage) {
+    if (connectorMessage.type !== LOGGER_MESSAGE_TYPES.ADD_LOG) {
+        return null;
+    }
+    const { timestamp, tag, verbosity, message, payloadJSON } = JSON.parse(connectorMessage.payload);
+    return {
+        timestamp,
+        tag,
+        verbosity,
+        message,
+        payloadJSON,
+        // TODO: fix this type
+        payload: JSON.parse(payloadJSON),
+    };
+}
+//# sourceMappingURL=mapConnectorMessageToLogData.js.map

package/lib/build/src/screens/logger/mapConnectorMessageToLogData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapConnectorMessageToLogData.js","sourceRoot":"","sources":["../../../../../src/screens/logger/mapConnectorMessageToLogData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAIrF,MAAM,UAAU,4BAA4B,CAAC,gBAG5C;IACC,IAAI,gBAAgB,CAAC,IAAI,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CACpE,gBAAgB,CAAC,OAAO,CACV,CAAC;IACjB,OAAO;QACL,SAAS;QACT,GAAG;QACH,SAAS;QACT,OAAO;QACP,WAAW;QACX,sBAAsB;QACtB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqC;KACrE,CAAC;AACJ,CAAC"}

package/lib/build/src/screens/logger/types.d.ts

@@ -0,0 +1,6 @@
+import { type DevToolsLog } from "@ledgerhq/device-management-kit-devtools-core";
+export type { DevToolsLog };
+export type LogData = DevToolsLog & {
+    payload: string | Record<string, unknown>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/build/src/screens/logger/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAEjF,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,MAAM,MAAM,OAAO,GAAG,WAAW,GAAG;IAClC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC3C,CAAC"}

package/lib/build/src/screens/logger/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/build/src/screens/logger/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/screens/logger/types.ts"],"names":[],"mappings":""}

package/lib/build/src/screens/logger/useColumnSizeVars.d.ts

@@ -0,0 +1,4 @@
+import { type Table } from "@tanstack/react-table";
+import { type LogData } from "./types";
+export declare const useColumnSizeVars: (table: Table<LogData>) => Record<string, number>;
+//# sourceMappingURL=useColumnSizeVars.d.ts.map

package/lib/build/src/screens/logger/useColumnSizeVars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnSizeVars.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/useColumnSizeVars.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,OAAO,CAAC,2BAgBtD,CAAC"}

package/lib/build/src/screens/logger/useColumnSizeVars.js

@@ -0,0 +1,17 @@
+import { useMemo } from "react";
+export const useColumnSizeVars = (table) => {
+    return useMemo(() => {
+        const headers = table.getFlatHeaders();
+        const colSizes = {};
+        for (const header of headers) {
+            colSizes[`--header-${header.id}-size`] = header.getSize();
+            colSizes[`--col-${header.column.id}-size`] = header.column.getSize();
+        }
+        return colSizes;
+    }, [
+        table.getState().columnSizingInfo,
+        table.getFlatHeaders(),
+        table.getState().columnSizing,
+    ]);
+};
+//# sourceMappingURL=useColumnSizeVars.js.map

package/lib/build/src/screens/logger/useColumnSizeVars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnSizeVars.js","sourceRoot":"","sources":["../../../../../src/screens/logger/useColumnSizeVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzD,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,OAAO,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC;QACvC,MAAM,QAAQ,GAA2B,EAAE,CAAC;QAE5C,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,QAAQ,CAAC,YAAY,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;YAC1D,QAAQ,CAAC,SAAS,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACvE,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE;QACD,KAAK,CAAC,QAAQ,EAAE,CAAC,gBAAgB;QACjC,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,QAAQ,EAAE,CAAC,YAAY;KAC9B,CAAC,CAAC;AACL,CAAC,CAAC"}

package/lib/build/src/screens/logger/useLogsDataAndOptions.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { type LoggerOptions } from "./LoggerOptions";
+import { type LogData } from "./types";
+export declare const useLogsDataAndOptions: ({ logs }: {
+    logs: LogData[];
+}) => {
+    displayedLogs: LogData[];
+    options: LoggerOptions;
+    setOptions: React.Dispatch<React.SetStateAction<LoggerOptions>>;
+    uniqueTags: Set<string>;
+};
+//# sourceMappingURL=useLogsDataAndOptions.d.ts.map

package/lib/build/src/screens/logger/useLogsDataAndOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogsDataAndOptions.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/useLogsDataAndOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAIvC,eAAO,MAAM,qBAAqB,GAAI,UAAU;IAAE,IAAI,EAAE,OAAO,EAAE,CAAA;CAAE;;;;;CAmClE,CAAC"}

package/lib/build/src/screens/logger/useLogsDataAndOptions.js

@@ -0,0 +1,36 @@
+import React, { useMemo } from "react";
+import { matchesFilter, parseFilterQuery } from "./filterUtils";
+import { defaultLoggerOptions } from "./LoggerOptions";
+const maxDisplayedLogs = Number.POSITIVE_INFINITY;
+export const useLogsDataAndOptions = ({ logs }) => {
+    const [options, setOptions] = React.useState(defaultLoggerOptions);
+    const displayedLogs = useMemo(() => {
+        const filterTokens = parseFilterQuery(options.filterText);
+        const filteredLogs = logs.filter((log) => {
+            if (!options.activeLevels[log.verbosity]) {
+                return false;
+            }
+            if (options.includeTags.size > 0) {
+                if (!options.includeTags.has(log.tag)) {
+                    return false;
+                }
+            }
+            if (filterTokens.length > 0 && !matchesFilter(log, filterTokens)) {
+                return false;
+            }
+            return true;
+        });
+        return filteredLogs.length > maxDisplayedLogs
+            ? filteredLogs.slice(-maxDisplayedLogs)
+            : filteredLogs;
+    }, [logs, options]);
+    const uniqueTagsRef = React.useRef(new Set());
+    const uniqueTags = useMemo(() => {
+        logs.forEach((log) => {
+            uniqueTagsRef.current.add(log.tag);
+        });
+        return uniqueTagsRef.current;
+    }, [logs]);
+    return { displayedLogs, options, setOptions, uniqueTags };
+};
+//# sourceMappingURL=useLogsDataAndOptions.js.map

package/lib/build/src/screens/logger/useLogsDataAndOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogsDataAndOptions.js","sourceRoot":"","sources":["../../../../../src/screens/logger/useLogsDataAndOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAsB,MAAM,iBAAiB,CAAC;AAG3E,MAAM,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GACzB,KAAK,CAAC,QAAQ,CAAgB,oBAAoB,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QAE1D,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE;YACvC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;gBACzC,OAAO,KAAK,CAAC;YACf,CAAC;YACD,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;gBACjC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;oBACtC,OAAO,KAAK,CAAC;gBACf,CAAC;YACH,CAAC;YACD,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,YAAY,CAAC,EAAE,CAAC;gBACjE,OAAO,KAAK,CAAC;YACf,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,OAAO,YAAY,CAAC,MAAM,GAAG,gBAAgB;YAC3C,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC;YACvC,CAAC,CAAC,YAAY,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QACH,OAAO,aAAa,CAAC,OAAO,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAC5D,CAAC,CAAC"}

package/lib/build/src/screens/logger/useRecentFilters.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Hook to manage recent filters with localStorage persistence.
+ *
+ * Features:
+ * - Loads recent filters from localStorage on mount
+ * - Auto-saves current filter after 15 seconds of no changes (debounced)
+ * - Provides manual add/remove functions
+ * - Caps at MAX_RECENT_FILTERS items
+ *
+ * @param currentFilter - The current filter value (used for debounced auto-save)
+ * @returns Object with recentFilters array and add/remove functions
+ */
+export declare const useRecentFilters: (currentFilter: string) => {
+    recentFilters: string[];
+    addFilter: (filter: string) => void;
+    removeFilter: (filter: string) => void;
+};
+//# sourceMappingURL=useRecentFilters.d.ts.map

package/lib/build/src/screens/logger/useRecentFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecentFilters.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/useRecentFilters.ts"],"names":[],"mappings":"AAqCA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,GAAI,eAAe,MAAM;;wBAab,MAAM;2BAiBH,MAAM;CA6BjD,CAAC"}

package/lib/build/src/screens/logger/useRecentFilters.js

@@ -0,0 +1,96 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+const STORAGE_KEY = "devtools-logger-recent-filters";
+const MAX_RECENT_FILTERS = 10;
+const DEBOUNCE_MS = 15000; // 15 seconds
+/**
+ * Loads recent filters from localStorage.
+ */
+function loadRecentFilters() {
+    try {
+        const stored = localStorage.getItem(STORAGE_KEY);
+        if (stored) {
+            const parsed = JSON.parse(stored);
+            if (Array.isArray(parsed)) {
+                return parsed.filter((item) => typeof item === "string");
+            }
+        }
+    }
+    catch {
+        // Ignore errors, return empty array
+    }
+    return [];
+}
+/**
+ * Saves recent filters to localStorage.
+ */
+function saveRecentFilters(filters) {
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(filters));
+    }
+    catch {
+        // Ignore errors (e.g., storage full, private mode)
+    }
+}
+/**
+ * Hook to manage recent filters with localStorage persistence.
+ *
+ * Features:
+ * - Loads recent filters from localStorage on mount
+ * - Auto-saves current filter after 15 seconds of no changes (debounced)
+ * - Provides manual add/remove functions
+ * - Caps at MAX_RECENT_FILTERS items
+ *
+ * @param currentFilter - The current filter value (used for debounced auto-save)
+ * @returns Object with recentFilters array and add/remove functions
+ */
+export const useRecentFilters = (currentFilter) => {
+    const [recentFilters, setRecentFilters] = useState(() => loadRecentFilters());
+    // Track the last saved filter to avoid duplicate saves
+    const lastSavedFilterRef = useRef("");
+    /**
+     * Adds a filter to the recent list.
+     * - Moves to top if already exists
+     * - Caps at MAX_RECENT_FILTERS
+     */
+    const addFilter = useCallback((filter) => {
+        if (!filter.trim())
+            return;
+        setRecentFilters((prev) => {
+            // Remove if already exists
+            const filtered = prev.filter((f) => f !== filter);
+            // Add to beginning
+            const updated = [filter, ...filtered].slice(0, MAX_RECENT_FILTERS);
+            // Persist
+            saveRecentFilters(updated);
+            return updated;
+        });
+    }, []);
+    /**
+     * Removes a filter from the recent list.
+     */
+    const removeFilter = useCallback((filter) => {
+        setRecentFilters((prev) => {
+            const updated = prev.filter((f) => f !== filter);
+            // Persist
+            saveRecentFilters(updated);
+            return updated;
+        });
+    }, []);
+    // Auto-save with debounce
+    useEffect(() => {
+        const trimmedFilter = currentFilter.trim();
+        // Don't save empty filters or if already saved
+        if (!trimmedFilter || trimmedFilter === lastSavedFilterRef.current) {
+            return;
+        }
+        const timeoutId = setTimeout(() => {
+            addFilter(trimmedFilter);
+            lastSavedFilterRef.current = trimmedFilter;
+        }, DEBOUNCE_MS);
+        return () => {
+            clearTimeout(timeoutId);
+        };
+    }, [currentFilter, addFilter]);
+    return { recentFilters, addFilter, removeFilter };
+};
+//# sourceMappingURL=useRecentFilters.js.map

package/lib/build/src/screens/logger/useRecentFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecentFilters.js","sourceRoot":"","sources":["../../../../../src/screens/logger/useRecentFilters.ts"],"names":[],"mappings":"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"}

package/lib/build/src/screens/logger/useSearchState.d.ts

@@ -0,0 +1,24 @@
+import { type LogData } from "./types";
+/**
+ * Hook to manage search state and compute matches.
+ *
+ * Features:
+ * - Computes matching row indices using filterUtils
+ * - Tracks current match index for navigation
+ * - Provides navigation functions (next/previous) with wraparound
+ *
+ * @param logs - The logs to search through (typically displayedLogs after filtering)
+ * @returns Search state and navigation functions
+ */
+export declare const useSearchState: (logs: LogData[]) => {
+    searchQuery: string;
+    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    matchIndices: number[];
+    currentMatchIndex: number;
+    currentMatchRowIndex: number | undefined;
+    goToNext: () => void;
+    goToPrevious: () => void;
+    goToFirst: () => void;
+    goToLast: () => void;
+};
+//# sourceMappingURL=useSearchState.d.ts.map

package/lib/build/src/screens/logger/useSearchState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchState.d.ts","sourceRoot":"","sources":["../../../../../src/screens/logger/useSearchState.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,EAAE;;;;;;;;;;CAiE7C,CAAC"}