@perses-dev/logs-table-plugin 0.2.0-beta.0 → 0.2.0

package/lib/components/VirtualizedLogsList.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 The Perses Authors
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -11,15 +11,171 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import React from 'react';
-import { Box, useTheme } from '@mui/material';
+import React, { useCallback, useState, useEffect, useRef } from 'react';
+import { Box, useTheme, Popover, Button, ButtonGroup, IconButton } from '@mui/material';
+import CloseIcon from 'mdi-material-ui/Close';
 import { Virtuoso } from 'react-virtuoso';
-import { LogRow } from './LogRow/LogRow';
+import { useSelection } from '@perses-dev/components';
+import { useSelectionItemActions } from '@perses-dev/dashboards';
+import { useAllVariableValues } from '@perses-dev/plugin-system';
+import { formatLogEntries, formatLogMessage } from '../utils/copyHelpers';
+import { LogRow } from './LogRow';
+const PERSES_LOGSTABLE_HINTS_DISMISSED = 'PERSES_LOGSTABLE_HINTS_DISMISSED';
+const COPY_TOAST_DURATION_MS = 5000;
+// Detect Mac for keyboard shortcuts display
+const isMac = /(Mac|iPhone|iPod|iPad)/i.test(navigator.userAgent);
 export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand })=>{
     const theme = useTheme();
+    const [selectedRows, setSelectedRows] = useState(new Set());
+    const [lastSelectedIndex, setLastSelectedIndex] = useState(null);
+    const selectedRowsRef = useRef(selectedRows);
+    const [copyPopoverAnchor, setCopyPopoverAnchor] = useState(null);
+    const [lastCopiedFormat, setLastCopiedFormat] = useState('full');
+    const [lastCopiedCount, setLastCopiedCount] = useState(0);
+    const copyPopoverTimerRef = useRef(null);
+    const [isHintsDismissed, setIsHintsDismissed] = useState(()=>{
+        try {
+            return localStorage.getItem(PERSES_LOGSTABLE_HINTS_DISMISSED) === 'true';
+        } catch  {
+            return false;
+        }
+    });
+    const selectionEnabled = spec.selection?.enabled ?? false;
+    const { setSelection, clearSelection } = useSelection();
+    const allVariables = useAllVariableValues();
+    const itemActionsConfig = spec.actions ? spec.actions : undefined;
+    const itemActionsListConfig = itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : [];
+    const { getItemActionButtons, confirmDialog } = useSelectionItemActions({
+        actions: itemActionsListConfig,
+        variableState: allVariables
+    });
+    useEffect(()=>{
+        selectedRowsRef.current = selectedRows;
+    }, [
+        selectedRows
+    ]);
+    // Sync local selection state with context when selection is enabled
+    useEffect(()=>{
+        if (!selectionEnabled) return;
+        if (selectedRows.size === 0) {
+            clearSelection();
+        } else {
+            const selectionItems = Array.from(selectedRows).map((index)=>{
+                const log = logs[index];
+                return log ? {
+                    id: index,
+                    item: log
+                } : null;
+            }).filter((entry)=>entry !== null);
+            setSelection(selectionItems);
+        }
+    }, [
+        selectedRows,
+        logs,
+        selectionEnabled,
+        setSelection,
+        clearSelection
+    ]);
+    const handleDismissHints = useCallback(()=>{
+        setIsHintsDismissed(true);
+        try {
+            localStorage.setItem(PERSES_LOGSTABLE_HINTS_DISMISSED, 'true');
+        } catch  {
+        // Ignore localStorage errors
+        }
+    }, []);
+    const showCopyPopover = useCallback((format = 'full', count)=>{
+        // Show toast at bottom-right corner
+        const x = window.innerWidth - 32;
+        const y = window.innerHeight - 32;
+        setCopyPopoverAnchor({
+            x,
+            y
+        });
+        setLastCopiedFormat(format);
+        setLastCopiedCount(count);
+        // Clear existing timer
+        if (copyPopoverTimerRef.current) {
+            window.clearTimeout(copyPopoverTimerRef.current);
+        }
+        // Auto-dismiss after configured duration
+        copyPopoverTimerRef.current = window.setTimeout(()=>{
+            setCopyPopoverAnchor(null);
+        }, COPY_TOAST_DURATION_MS);
+    }, []);
+    const handleCloseCopyPopover = useCallback(()=>{
+        if (copyPopoverTimerRef.current) {
+            window.clearTimeout(copyPopoverTimerRef.current);
+        }
+        setCopyPopoverAnchor(null);
+    }, []);
+    const handleCopyInFormat = useCallback(async (format)=>{
+        const selectedLogs = Array.from(selectedRowsRef.current).sort((a, b)=>a - b).map((index)=>logs[index]).filter((log)=>log !== undefined);
+        let text;
+        if (format === 'message') {
+            text = selectedLogs.map(formatLogMessage).join('\n');
+        } else if (format === 'json') {
+            text = JSON.stringify(selectedLogs, null, 2);
+        } else {
+            text = formatLogEntries(selectedLogs);
+        }
+        await navigator.clipboard.writeText(text);
+        showCopyPopover(format, selectedLogs.length);
+    }, [
+        logs,
+        showCopyPopover
+    ]);
+    const handleRowSelect = useCallback((index, event)=>{
+        if (event.shiftKey) {
+            // Prevent text selection during shift-click
+            event.preventDefault();
+            window.getSelection()?.removeAllRanges();
+            if (lastSelectedIndex !== null) {
+                // Range selection: select all rows between anchor and current
+                const start = Math.min(lastSelectedIndex, index);
+                const end = Math.max(lastSelectedIndex, index);
+                const newSelection = new Set();
+                for(let i = start; i <= end; i++){
+                    newSelection.add(i);
+                }
+                setSelectedRows(newSelection);
+            } else {
+                // No anchor set: just select this row and set as anchor
+                const newSelection = new Set([
+                    index
+                ]);
+                setSelectedRows(newSelection);
+                setLastSelectedIndex(index);
+            }
+        } else if (event.ctrlKey || event.metaKey) {
+            // Prevent text selection during cmd/ctrl-click
+            event.preventDefault();
+            window.getSelection()?.removeAllRanges();
+            // Toggle individual row (additive selection)
+            const newSelection = new Set(selectedRows);
+            if (newSelection.has(index)) {
+                newSelection.delete(index);
+            } else {
+                newSelection.add(index);
+            }
+            setSelectedRows(newSelection);
+            setLastSelectedIndex(index);
+        } else {
+            // Plain click: set as anchor for future shift-clicks
+            // Don't prevent default to allow text selection
+            setLastSelectedIndex(index);
+        }
+    }, [
+        selectedRows,
+        lastSelectedIndex
+    ]);
     const renderLogRow = (index)=>{
         const log = logs[index];
         if (!log) return null;
+        const itemActionButtons = itemActionsListConfig?.length ? getItemActionButtons({
+            id: index,
+            data: log
+        }) : [];
         return /*#__PURE__*/ _jsx(LogRow, {
             isExpandable: spec.enableDetails,
             log: log,
@@ -27,24 +183,310 @@ export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand }
             isExpanded: expandedRows.has(index),
             onToggle: onToggleExpand,
             allowWrap: spec.allowWrap,
-            showTime: spec.showTime
+            showTime: spec.showTime,
+            isSelected: selectedRows.has(index),
+            onSelect: handleRowSelect,
+            itemActionButtons: itemActionButtons
         });
     };
-    return /*#__PURE__*/ _jsx(Box, {
-        sx: {
-            height: '100%',
-            backgroundColor: theme.palette.background.default,
-            overflow: 'hidden',
-            boxShadow: theme.shadows[1]
-        },
-        children: /*#__PURE__*/ _jsx(Virtuoso, {
-            style: {
-                height: '100%'
-            },
-            initialItemCount: spec.showAll ? logs.length : undefined,
-            totalCount: logs.length,
-            itemContent: renderLogRow
-        })
+    const handleCopy = (e)=>{
+        const selection = window.getSelection();
+        const hasTextSelection = selection && selection.rangeCount > 0 && selection.toString().length > 0;
+        // If user has text selected, let browser handle it normally
+        if (hasTextSelection) {
+            return;
+        }
+        // If rows are selected, copy those
+        const currentSelectedRows = selectedRowsRef.current;
+        if (currentSelectedRows.size > 0) {
+            e.preventDefault();
+            const selectedLogs = Array.from(currentSelectedRows).sort((a, b)=>a - b).map((index)=>logs[index]).filter((log)=>log !== undefined);
+            const formattedText = formatLogEntries(selectedLogs);
+            e.clipboardData.setData('text/plain', formattedText);
+        }
+    };
+    // Keyboard shortcuts for selection
+    useEffect(()=>{
+        const handleKeyDown = async (e)=>{
+            // Cmd/Ctrl+A: Select all logs
+            if ((e.metaKey || e.ctrlKey) && e.key === 'a') {
+                e.preventDefault();
+                const allIndices = new Set(logs.map((_, index)=>index));
+                setSelectedRows(allIndices);
+                if (logs.length > 0) {
+                    setLastSelectedIndex(logs.length - 1);
+                }
+            }
+            // Cmd/Ctrl+C: Copy selected rows
+            if ((e.metaKey || e.ctrlKey) && e.key === 'c') {
+                const selection = window.getSelection();
+                const hasTextSelection = selection && selection.rangeCount > 0 && selection.toString().length > 0;
+                // Only handle if we have selected rows and no text selection
+                if (selectedRowsRef.current.size > 0 && !hasTextSelection) {
+                    e.preventDefault();
+                    const selectedLogs = Array.from(selectedRowsRef.current).sort((a, b)=>a - b).map((index)=>logs[index]).filter((log)=>log !== undefined);
+                    const formattedText = formatLogEntries(selectedLogs);
+                    await navigator.clipboard.writeText(formattedText);
+                    showCopyPopover('full', selectedLogs.length);
+                }
+            }
+            // Escape: Clear selection
+            if (e.key === 'Escape' && selectedRows.size > 0) {
+                setSelectedRows(new Set());
+                setLastSelectedIndex(null);
+            }
+        };
+        window.addEventListener('keydown', handleKeyDown);
+        return ()=>{
+            window.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        logs,
+        selectedRows,
+        showCopyPopover
+    ]);
+    // Cleanup timer on unmount
+    useEffect(()=>{
+        return ()=>{
+            if (copyPopoverTimerRef.current) {
+                window.clearTimeout(copyPopoverTimerRef.current);
+            }
+        };
+    }, []);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            confirmDialog,
+            /*#__PURE__*/ _jsxs(Box, {
+                sx: {
+                    height: '100%',
+                    backgroundColor: theme.palette.background.default,
+                    overflow: 'hidden',
+                    boxShadow: theme.shadows[1],
+                    display: 'flex',
+                    flexDirection: 'column'
+                },
+                onCopy: handleCopy,
+                children: [
+                    !isHintsDismissed && /*#__PURE__*/ _jsxs(Box, {
+                        sx: {
+                            px: 2,
+                            py: 0.75,
+                            fontSize: '12px',
+                            color: theme.palette.text.secondary,
+                            backgroundColor: theme.palette.background.paper,
+                            borderBottom: `1px solid ${theme.palette.divider}`,
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: 2,
+                            flexShrink: 0
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsxs(Box, {
+                                sx: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: 2,
+                                    flex: 1
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsxs(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.8
+                                        },
+                                        children: [
+                                            isMac ? '⌘' : 'Ctrl',
+                                            "+Click to select"
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.6
+                                        },
+                                        children: "•"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.8
+                                        },
+                                        children: "Shift+Click for range"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.6
+                                        },
+                                        children: "•"
+                                    }),
+                                    /*#__PURE__*/ _jsxs(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.8
+                                        },
+                                        children: [
+                                            isMac ? '⌘' : 'Ctrl',
+                                            "+C to copy"
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.6
+                                        },
+                                        children: "•"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Box, {
+                                        component: "span",
+                                        sx: {
+                                            opacity: 0.8
+                                        },
+                                        children: "Esc to clear"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(IconButton, {
+                                size: "small",
+                                onClick: handleDismissHints,
+                                sx: {
+                                    opacity: 0.6,
+                                    '&:hover': {
+                                        opacity: 1
+                                    },
+                                    padding: 0.5
+                                },
+                                "aria-label": "Dismiss hints",
+                                children: /*#__PURE__*/ _jsx(CloseIcon, {
+                                    sx: {
+                                        fontSize: '16px'
+                                    }
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Virtuoso, {
+                        style: {
+                            height: '100%',
+                            flexGrow: 1
+                        },
+                        initialItemCount: spec.showAll ? logs.length : undefined,
+                        totalCount: logs.length,
+                        itemContent: renderLogRow
+                    }),
+                    /*#__PURE__*/ _jsx(Popover, {
+                        open: Boolean(copyPopoverAnchor),
+                        anchorReference: "anchorPosition",
+                        anchorPosition: copyPopoverAnchor ? {
+                            top: copyPopoverAnchor.y,
+                            left: copyPopoverAnchor.x
+                        } : undefined,
+                        onClose: handleCloseCopyPopover,
+                        disableScrollLock: true,
+                        disableAutoFocus: true,
+                        disableRestoreFocus: true,
+                        disableEnforceFocus: true,
+                        anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right'
+                        },
+                        transformOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right'
+                        },
+                        slotProps: {
+                            paper: {
+                                sx: {
+                                    px: 2,
+                                    py: 1.5,
+                                    boxShadow: theme.shadows[8],
+                                    borderRadius: 2,
+                                    pointerEvents: 'auto'
+                                }
+                            }
+                        },
+                        sx: {
+                            pointerEvents: 'none'
+                        },
+                        children: /*#__PURE__*/ _jsxs(Box, {
+                            sx: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                gap: 2
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsxs(Box, {
+                                    sx: {
+                                        fontSize: '14px',
+                                        color: theme.palette.text.primary,
+                                        fontWeight: 500,
+                                        display: 'flex',
+                                        alignItems: 'center',
+                                        gap: 0.5
+                                    },
+                                    children: [
+                                        "✓ Copied ",
+                                        lastCopiedCount,
+                                        " ",
+                                        lastCopiedCount === 1 ? 'log' : 'logs',
+                                        " as",
+                                        ' ',
+                                        /*#__PURE__*/ _jsx(Box, {
+                                            component: "span",
+                                            sx: {
+                                                color: theme.palette.primary.main,
+                                                minWidth: '60px',
+                                                display: 'inline-block'
+                                            },
+                                            children: lastCopiedFormat === 'full' ? 'Full' : lastCopiedFormat === 'message' ? 'Message' : 'JSON'
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs(ButtonGroup, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            onClick: ()=>handleCopyInFormat('full'),
+                                            sx: {
+                                                fontSize: '12px',
+                                                textTransform: 'none',
+                                                minWidth: '52px',
+                                                fontWeight: lastCopiedFormat === 'full' ? 600 : 400,
+                                                bgcolor: lastCopiedFormat === 'full' ? theme.palette.action.selected : 'transparent'
+                                            },
+                                            children: "Full"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            onClick: ()=>handleCopyInFormat('message'),
+                                            sx: {
+                                                fontSize: '12px',
+                                                textTransform: 'none',
+                                                minWidth: '74px',
+                                                fontWeight: lastCopiedFormat === 'message' ? 600 : 400,
+                                                bgcolor: lastCopiedFormat === 'message' ? theme.palette.action.selected : 'transparent'
+                                            },
+                                            children: "Message"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            onClick: ()=>handleCopyInFormat('json'),
+                                            sx: {
+                                                fontSize: '12px',
+                                                textTransform: 'none',
+                                                minWidth: '52px',
+                                                fontWeight: lastCopiedFormat === 'json' ? 600 : 400,
+                                                bgcolor: lastCopiedFormat === 'json' ? theme.palette.action.selected : 'transparent'
+                                            },
+                                            children: "JSON"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
     });
 };
 

package/lib/components/VirtualizedLogsList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VirtualizedLogsList.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport { Box, useTheme } from '@mui/material';\nimport { Virtuoso } from 'react-virtuoso';\nimport { LogEntry } from '@perses-dev/core';\nimport { LogsTableOptions } from '../model';\nimport { LogRow } from './LogRow/LogRow';\n\ninterface VirtualizedLogsListProps {\n  logs: LogEntry[];\n  spec: LogsTableOptions;\n  expandedRows: Set<number>;\n  onToggleExpand: (index: number) => void;\n}\n\nexport const VirtualizedLogsList: React.FC<VirtualizedLogsListProps> = ({\n  logs,\n  spec,\n  expandedRows,\n  onToggleExpand,\n}) => {\n  const theme = useTheme();\n\n  const renderLogRow = (index: number) => {\n    const log = logs[index];\n    if (!log) return null;\n\n    return (\n      <LogRow\n        isExpandable={spec.enableDetails}\n        log={log}\n        index={index}\n        isExpanded={expandedRows.has(index)}\n        onToggle={onToggleExpand}\n        allowWrap={spec.allowWrap}\n        showTime={spec.showTime}\n      />\n    );\n  };\n\n  return (\n    <Box\n      sx={{\n        height: '100%',\n        backgroundColor: theme.palette.background.default,\n        overflow: 'hidden',\n        boxShadow: theme.shadows[1],\n      }}\n    >\n      <Virtuoso\n        style={{ height: '100%' }}\n        initialItemCount={spec.showAll ? logs.length : undefined}\n        totalCount={logs.length}\n        itemContent={renderLogRow}\n      />\n    </Box>\n  );\n};\n"],"names":["React","Box","useTheme","Virtuoso","LogRow","VirtualizedLogsList","logs","spec","expandedRows","onToggleExpand","theme","renderLogRow","index","log","isExpandable","enableDetails","isExpanded","has","onToggle","allowWrap","showTime","sx","height","backgroundColor","palette","background","default","overflow","boxShadow","shadows","style","initialItemCount","showAll","length","undefined","totalCount","itemContent"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,SAASC,GAAG,EAAEC,QAAQ,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,SAASC,MAAM,QAAQ,kBAAkB;AASzC,OAAO,MAAMC,sBAA0D,CAAC,EACtEC,IAAI,EACJC,IAAI,EACJC,YAAY,EACZC,cAAc,EACf;IACC,MAAMC,QAAQR;IAEd,MAAMS,eAAe,CAACC;QACpB,MAAMC,MAAMP,IAAI,CAACM,MAAM;QACvB,IAAI,CAACC,KAAK,OAAO;QAEjB,qBACE,KAACT;YACCU,cAAcP,KAAKQ,aAAa;YAChCF,KAAKA;YACLD,OAAOA;YACPI,YAAYR,aAAaS,GAAG,CAACL;YAC7BM,UAAUT;YACVU,WAAWZ,KAAKY,SAAS;YACzBC,UAAUb,KAAKa,QAAQ;;IAG7B;IAEA,qBACE,KAACnB;QACCoB,IAAI;YACFC,QAAQ;YACRC,iBAAiBb,MAAMc,OAAO,CAACC,UAAU,CAACC,OAAO;YACjDC,UAAU;YACVC,WAAWlB,MAAMmB,OAAO,CAAC,EAAE;QAC7B;kBAEA,cAAA,KAAC1B;YACC2B,OAAO;gBAAER,QAAQ;YAAO;YACxBS,kBAAkBxB,KAAKyB,OAAO,GAAG1B,KAAK2B,MAAM,GAAGC;YAC/CC,YAAY7B,KAAK2B,MAAM;YACvBG,aAAazB;;;AAIrB,EAAE"}
+{"version":3,"sources":["../../../src/components/VirtualizedLogsList.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useCallback, useState, useEffect, useRef, ReactNode } from 'react';\nimport { Box, useTheme, Popover, Button, ButtonGroup, IconButton } from '@mui/material';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport { Virtuoso } from 'react-virtuoso';\nimport { LogEntry } from '@perses-dev/core';\nimport { useSelection } from '@perses-dev/components';\nimport { useSelectionItemActions } from '@perses-dev/dashboards';\nimport { ActionOptions, useAllVariableValues } from '@perses-dev/plugin-system';\nimport { formatLogEntries, formatLogMessage } from '../utils/copyHelpers';\nimport { LogsTableOptions } from '../model';\nimport { LogRow } from './LogRow';\n\nconst PERSES_LOGSTABLE_HINTS_DISMISSED = 'PERSES_LOGSTABLE_HINTS_DISMISSED';\nconst COPY_TOAST_DURATION_MS = 5000;\n\n// Detect Mac for keyboard shortcuts display\nconst isMac = /(Mac|iPhone|iPod|iPad)/i.test(navigator.userAgent);\n\ninterface VirtualizedLogsListProps {\n  logs: LogEntry[];\n  spec: LogsTableOptions;\n  expandedRows: Set<number>;\n  onToggleExpand: (index: number) => void;\n}\n\nexport const VirtualizedLogsList: React.FC<VirtualizedLogsListProps> = ({\n  logs,\n  spec,\n  expandedRows,\n  onToggleExpand,\n}) => {\n  const theme = useTheme();\n  const [selectedRows, setSelectedRows] = useState<Set<number>>(new Set());\n  const [lastSelectedIndex, setLastSelectedIndex] = useState<number | null>(null);\n  const selectedRowsRef = useRef<Set<number>>(selectedRows);\n  const [copyPopoverAnchor, setCopyPopoverAnchor] = useState<{ x: number; y: number } | null>(null);\n  const [lastCopiedFormat, setLastCopiedFormat] = useState<'full' | 'message' | 'json'>('full');\n  const [lastCopiedCount, setLastCopiedCount] = useState(0);\n  const copyPopoverTimerRef = useRef<number | null>(null);\n  const [isHintsDismissed, setIsHintsDismissed] = useState(() => {\n    try {\n      return localStorage.getItem(PERSES_LOGSTABLE_HINTS_DISMISSED) === 'true';\n    } catch {\n      return false;\n    }\n  });\n\n  const selectionEnabled = spec.selection?.enabled ?? false;\n  const { setSelection, clearSelection } = useSelection<LogEntry, number>();\n\n  const allVariables = useAllVariableValues();\n  const itemActionsConfig = spec.actions ? (spec.actions as ActionOptions) : undefined;\n  const itemActionsListConfig =\n    itemActionsConfig?.enabled && itemActionsConfig.displayWithItem ? itemActionsConfig.actionsList : [];\n\n  const { getItemActionButtons, confirmDialog } = useSelectionItemActions<number>({\n    actions: itemActionsListConfig,\n    variableState: allVariables,\n  });\n\n  useEffect(() => {\n    selectedRowsRef.current = selectedRows;\n  }, [selectedRows]);\n\n  // Sync local selection state with context when selection is enabled\n  useEffect(() => {\n    if (!selectionEnabled) return;\n\n    if (selectedRows.size === 0) {\n      clearSelection();\n    } else {\n      const selectionItems = Array.from(selectedRows)\n        .map((index) => {\n          const log = logs[index];\n          return log ? { id: index, item: log } : null;\n        })\n        .filter((entry): entry is { id: number; item: LogEntry } => entry !== null);\n      setSelection(selectionItems);\n    }\n  }, [selectedRows, logs, selectionEnabled, setSelection, clearSelection]);\n\n  const handleDismissHints = useCallback(() => {\n    setIsHintsDismissed(true);\n    try {\n      localStorage.setItem(PERSES_LOGSTABLE_HINTS_DISMISSED, 'true');\n    } catch {\n      // Ignore localStorage errors\n    }\n  }, []);\n\n  const showCopyPopover = useCallback((format: 'full' | 'message' | 'json' = 'full', count: number) => {\n    // Show toast at bottom-right corner\n    const x = window.innerWidth - 32;\n    const y = window.innerHeight - 32;\n    setCopyPopoverAnchor({ x, y });\n    setLastCopiedFormat(format);\n    setLastCopiedCount(count);\n\n    // Clear existing timer\n    if (copyPopoverTimerRef.current) {\n      window.clearTimeout(copyPopoverTimerRef.current);\n    }\n\n    // Auto-dismiss after configured duration\n    copyPopoverTimerRef.current = window.setTimeout(() => {\n      setCopyPopoverAnchor(null);\n    }, COPY_TOAST_DURATION_MS);\n  }, []);\n\n  const handleCloseCopyPopover = useCallback(() => {\n    if (copyPopoverTimerRef.current) {\n      window.clearTimeout(copyPopoverTimerRef.current);\n    }\n    setCopyPopoverAnchor(null);\n  }, []);\n\n  const handleCopyInFormat = useCallback(\n    async (format: 'full' | 'message' | 'json') => {\n      const selectedLogs = Array.from(selectedRowsRef.current)\n        .sort((a, b) => a - b)\n        .map((index) => logs[index])\n        .filter((log) => log !== undefined);\n\n      let text: string;\n      if (format === 'message') {\n        text = selectedLogs.map(formatLogMessage).join('\\n');\n      } else if (format === 'json') {\n        text = JSON.stringify(selectedLogs, null, 2);\n      } else {\n        text = formatLogEntries(selectedLogs);\n      }\n\n      await navigator.clipboard.writeText(text);\n      showCopyPopover(format, selectedLogs.length);\n    },\n    [logs, showCopyPopover]\n  );\n\n  const handleRowSelect = useCallback(\n    (index: number, event: React.MouseEvent) => {\n      if (event.shiftKey) {\n        // Prevent text selection during shift-click\n        event.preventDefault();\n        window.getSelection()?.removeAllRanges();\n\n        if (lastSelectedIndex !== null) {\n          // Range selection: select all rows between anchor and current\n          const start = Math.min(lastSelectedIndex, index);\n          const end = Math.max(lastSelectedIndex, index);\n          const newSelection = new Set<number>();\n          for (let i = start; i <= end; i++) {\n            newSelection.add(i);\n          }\n          setSelectedRows(newSelection);\n        } else {\n          // No anchor set: just select this row and set as anchor\n          const newSelection = new Set([index]);\n          setSelectedRows(newSelection);\n          setLastSelectedIndex(index);\n        }\n      } else if (event.ctrlKey || event.metaKey) {\n        // Prevent text selection during cmd/ctrl-click\n        event.preventDefault();\n        window.getSelection()?.removeAllRanges();\n\n        // Toggle individual row (additive selection)\n        const newSelection = new Set(selectedRows);\n        if (newSelection.has(index)) {\n          newSelection.delete(index);\n        } else {\n          newSelection.add(index);\n        }\n        setSelectedRows(newSelection);\n        setLastSelectedIndex(index);\n      } else {\n        // Plain click: set as anchor for future shift-clicks\n        // Don't prevent default to allow text selection\n        setLastSelectedIndex(index);\n      }\n    },\n    [selectedRows, lastSelectedIndex]\n  );\n\n  const renderLogRow = (index: number) => {\n    const log = logs[index];\n    if (!log) return null;\n\n    const itemActionButtons: ReactNode[] = itemActionsListConfig?.length\n      ? getItemActionButtons({ id: index, data: log as unknown as Record<string, unknown> })\n      : [];\n\n    return (\n      <LogRow\n        isExpandable={spec.enableDetails}\n        log={log}\n        index={index}\n        isExpanded={expandedRows.has(index)}\n        onToggle={onToggleExpand}\n        allowWrap={spec.allowWrap}\n        showTime={spec.showTime}\n        isSelected={selectedRows.has(index)}\n        onSelect={handleRowSelect}\n        itemActionButtons={itemActionButtons}\n      />\n    );\n  };\n\n  const handleCopy = (e: React.ClipboardEvent<HTMLDivElement>) => {\n    const selection = window.getSelection();\n    const hasTextSelection = selection && selection.rangeCount > 0 && selection.toString().length > 0;\n\n    // If user has text selected, let browser handle it normally\n    if (hasTextSelection) {\n      return;\n    }\n\n    // If rows are selected, copy those\n    const currentSelectedRows = selectedRowsRef.current;\n    if (currentSelectedRows.size > 0) {\n      e.preventDefault();\n      const selectedLogs = Array.from(currentSelectedRows)\n        .sort((a, b) => a - b)\n        .map((index) => logs[index])\n        .filter((log) => log !== undefined);\n      const formattedText = formatLogEntries(selectedLogs);\n      e.clipboardData.setData('text/plain', formattedText);\n    }\n  };\n\n  // Keyboard shortcuts for selection\n  useEffect(() => {\n    const handleKeyDown = async (e: KeyboardEvent) => {\n      // Cmd/Ctrl+A: Select all logs\n      if ((e.metaKey || e.ctrlKey) && e.key === 'a') {\n        e.preventDefault();\n        const allIndices = new Set(logs.map((_, index) => index));\n        setSelectedRows(allIndices);\n        if (logs.length > 0) {\n          setLastSelectedIndex(logs.length - 1);\n        }\n      }\n\n      // Cmd/Ctrl+C: Copy selected rows\n      if ((e.metaKey || e.ctrlKey) && e.key === 'c') {\n        const selection = window.getSelection();\n        const hasTextSelection = selection && selection.rangeCount > 0 && selection.toString().length > 0;\n\n        // Only handle if we have selected rows and no text selection\n        if (selectedRowsRef.current.size > 0 && !hasTextSelection) {\n          e.preventDefault();\n          const selectedLogs = Array.from(selectedRowsRef.current)\n            .sort((a, b) => a - b)\n            .map((index) => logs[index])\n            .filter((log) => log !== undefined);\n          const formattedText = formatLogEntries(selectedLogs);\n          await navigator.clipboard.writeText(formattedText);\n          showCopyPopover('full', selectedLogs.length);\n        }\n      }\n\n      // Escape: Clear selection\n      if (e.key === 'Escape' && selectedRows.size > 0) {\n        setSelectedRows(new Set());\n        setLastSelectedIndex(null);\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [logs, selectedRows, showCopyPopover]);\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return () => {\n      if (copyPopoverTimerRef.current) {\n        window.clearTimeout(copyPopoverTimerRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      {confirmDialog}\n      <Box\n        sx={{\n          height: '100%',\n          backgroundColor: theme.palette.background.default,\n          overflow: 'hidden',\n          boxShadow: theme.shadows[1],\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        onCopy={handleCopy}\n      >\n        {!isHintsDismissed && (\n          <Box\n            sx={{\n              px: 2,\n              py: 0.75,\n              fontSize: '12px',\n              color: theme.palette.text.secondary,\n              backgroundColor: theme.palette.background.paper,\n              borderBottom: `1px solid ${theme.palette.divider}`,\n              display: 'flex',\n              alignItems: 'center',\n              gap: 2,\n              flexShrink: 0,\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2, flex: 1 }}>\n              <Box component=\"span\" sx={{ opacity: 0.8 }}>\n                {isMac ? '⌘' : 'Ctrl'}+Click to select\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.6 }}>\n                •\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.8 }}>\n                Shift+Click for range\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.6 }}>\n                •\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.8 }}>\n                {isMac ? '⌘' : 'Ctrl'}+C to copy\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.6 }}>\n                •\n              </Box>\n              <Box component=\"span\" sx={{ opacity: 0.8 }}>\n                Esc to clear\n              </Box>\n            </Box>\n            <IconButton\n              size=\"small\"\n              onClick={handleDismissHints}\n              sx={{\n                opacity: 0.6,\n                '&:hover': { opacity: 1 },\n                padding: 0.5,\n              }}\n              aria-label=\"Dismiss hints\"\n            >\n              <CloseIcon sx={{ fontSize: '16px' }} />\n            </IconButton>\n          </Box>\n        )}\n        <Virtuoso\n          style={{ height: '100%', flexGrow: 1 }}\n          initialItemCount={spec.showAll ? logs.length : undefined}\n          totalCount={logs.length}\n          itemContent={renderLogRow}\n        />\n        <Popover\n          open={Boolean(copyPopoverAnchor)}\n          anchorReference=\"anchorPosition\"\n          anchorPosition={copyPopoverAnchor ? { top: copyPopoverAnchor.y, left: copyPopoverAnchor.x } : undefined}\n          onClose={handleCloseCopyPopover}\n          disableScrollLock\n          disableAutoFocus\n          disableRestoreFocus\n          disableEnforceFocus\n          anchorOrigin={{\n            vertical: 'bottom',\n            horizontal: 'right',\n          }}\n          transformOrigin={{\n            vertical: 'bottom',\n            horizontal: 'right',\n          }}\n          slotProps={{\n            paper: {\n              sx: {\n                px: 2,\n                py: 1.5,\n                boxShadow: theme.shadows[8],\n                borderRadius: 2,\n                pointerEvents: 'auto',\n              },\n            },\n          }}\n          sx={{\n            pointerEvents: 'none',\n          }}\n        >\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>\n            <Box\n              sx={{\n                fontSize: '14px',\n                color: theme.palette.text.primary,\n                fontWeight: 500,\n                display: 'flex',\n                alignItems: 'center',\n                gap: 0.5,\n              }}\n            >\n              ✓ Copied {lastCopiedCount} {lastCopiedCount === 1 ? 'log' : 'logs'} as{' '}\n              <Box\n                component=\"span\"\n                sx={{ color: theme.palette.primary.main, minWidth: '60px', display: 'inline-block' }}\n              >\n                {lastCopiedFormat === 'full' ? 'Full' : lastCopiedFormat === 'message' ? 'Message' : 'JSON'}\n              </Box>\n            </Box>\n            <ButtonGroup size=\"small\" variant=\"outlined\">\n              <Button\n                onClick={() => handleCopyInFormat('full')}\n                sx={{\n                  fontSize: '12px',\n                  textTransform: 'none',\n                  minWidth: '52px',\n                  fontWeight: lastCopiedFormat === 'full' ? 600 : 400,\n                  bgcolor: lastCopiedFormat === 'full' ? theme.palette.action.selected : 'transparent',\n                }}\n              >\n                Full\n              </Button>\n              <Button\n                onClick={() => handleCopyInFormat('message')}\n                sx={{\n                  fontSize: '12px',\n                  textTransform: 'none',\n                  minWidth: '74px',\n                  fontWeight: lastCopiedFormat === 'message' ? 600 : 400,\n                  bgcolor: lastCopiedFormat === 'message' ? theme.palette.action.selected : 'transparent',\n                }}\n              >\n                Message\n              </Button>\n              <Button\n                onClick={() => handleCopyInFormat('json')}\n                sx={{\n                  fontSize: '12px',\n                  textTransform: 'none',\n                  minWidth: '52px',\n                  fontWeight: lastCopiedFormat === 'json' ? 600 : 400,\n                  bgcolor: lastCopiedFormat === 'json' ? theme.palette.action.selected : 'transparent',\n                }}\n              >\n                JSON\n              </Button>\n            </ButtonGroup>\n          </Box>\n        </Popover>\n      </Box>\n    </>\n  );\n};\n"],"names":["React","useCallback","useState","useEffect","useRef","Box","useTheme","Popover","Button","ButtonGroup","IconButton","CloseIcon","Virtuoso","useSelection","useSelectionItemActions","useAllVariableValues","formatLogEntries","formatLogMessage","LogRow","PERSES_LOGSTABLE_HINTS_DISMISSED","COPY_TOAST_DURATION_MS","isMac","test","navigator","userAgent","VirtualizedLogsList","logs","spec","expandedRows","onToggleExpand","theme","selectedRows","setSelectedRows","Set","lastSelectedIndex","setLastSelectedIndex","selectedRowsRef","copyPopoverAnchor","setCopyPopoverAnchor","lastCopiedFormat","setLastCopiedFormat","lastCopiedCount","setLastCopiedCount","copyPopoverTimerRef","isHintsDismissed","setIsHintsDismissed","localStorage","getItem","selectionEnabled","selection","enabled","setSelection","clearSelection","allVariables","itemActionsConfig","actions","undefined","itemActionsListConfig","displayWithItem","actionsList","getItemActionButtons","confirmDialog","variableState","current","size","selectionItems","Array","from","map","index","log","id","item","filter","entry","handleDismissHints","setItem","showCopyPopover","format","count","x","window","innerWidth","y","innerHeight","clearTimeout","setTimeout","handleCloseCopyPopover","handleCopyInFormat","selectedLogs","sort","a","b","text","join","JSON","stringify","clipboard","writeText","length","handleRowSelect","event","shiftKey","preventDefault","getSelection","removeAllRanges","start","Math","min","end","max","newSelection","i","add","ctrlKey","metaKey","has","delete","renderLogRow","itemActionButtons","data","isExpandable","enableDetails","isExpanded","onToggle","allowWrap","showTime","isSelected","onSelect","handleCopy","e","hasTextSelection","rangeCount","toString","currentSelectedRows","formattedText","clipboardData","setData","handleKeyDown","key","allIndices","_","addEventListener","removeEventListener","sx","height","backgroundColor","palette","background","default","overflow","boxShadow","shadows","display","flexDirection","onCopy","px","py","fontSize","color","secondary","paper","borderBottom","divider","alignItems","gap","flexShrink","flex","component","opacity","onClick","padding","aria-label","style","flexGrow","initialItemCount","showAll","totalCount","itemContent","open","Boolean","anchorReference","anchorPosition","top","left","onClose","disableScrollLock","disableAutoFocus","disableRestoreFocus","disableEnforceFocus","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","borderRadius","pointerEvents","primary","fontWeight","main","minWidth","variant","textTransform","bgcolor","action","selected"],"mappings":"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"}

package/lib/components/hooks/useExpandedRows.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/components/hooks/useExpandedRows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/hooks/useExpandedRows.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState, useCallback } from 'react';\n\nexport const useExpandedRows = () => {\n  const [expandedRows, setExpandedRows] = useState<Set<number>>(new Set());\n\n  const toggleExpand = useCallback((index: number) => {\n    setExpandedRows((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(index)) {\n        newSet.delete(index);\n      } else {\n        newSet.add(index);\n      }\n      return newSet;\n    });\n  }, []);\n\n  const clearExpanded = useCallback(() => {\n    setExpandedRows(new Set());\n  }, []);\n\n  return {\n    expandedRows,\n    toggleExpand,\n    clearExpanded,\n  };\n};\n"],"names":["useState","useCallback","useExpandedRows","expandedRows","setExpandedRows","Set","toggleExpand","index","prev","newSet","has","delete","add","clearExpanded"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,EAAEC,WAAW,QAAQ,QAAQ;AAE9C,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,CAACC,cAAcC,gBAAgB,GAAGJ,SAAsB,IAAIK;IAElE,MAAMC,eAAeL,YAAY,CAACM;QAChCH,gBAAgB,CAACI;YACf,MAAMC,SAAS,IAAIJ,IAAIG;YACvB,IAAIC,OAAOC,GAAG,CAACH,QAAQ;gBACrBE,OAAOE,MAAM,CAACJ;YAChB,OAAO;gBACLE,OAAOG,GAAG,CAACL;YACb;YACA,OAAOE;QACT;IACF,GAAG,EAAE;IAEL,MAAMI,gBAAgBZ,YAAY;QAChCG,gBAAgB,IAAIC;IACtB,GAAG,EAAE;IAEL,OAAO;QACLF;QACAG;QACAO;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/components/hooks/useExpandedRows.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState, useCallback } from 'react';\n\nexport const useExpandedRows = () => {\n  const [expandedRows, setExpandedRows] = useState<Set<number>>(new Set());\n\n  const toggleExpand = useCallback((index: number) => {\n    setExpandedRows((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(index)) {\n        newSet.delete(index);\n      } else {\n        newSet.add(index);\n      }\n      return newSet;\n    });\n  }, []);\n\n  const clearExpanded = useCallback(() => {\n    setExpandedRows(new Set());\n  }, []);\n\n  return {\n    expandedRows,\n    toggleExpand,\n    clearExpanded,\n  };\n};\n"],"names":["useState","useCallback","useExpandedRows","expandedRows","setExpandedRows","Set","toggleExpand","index","prev","newSet","has","delete","add","clearExpanded"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,EAAEC,WAAW,QAAQ,QAAQ;AAE9C,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,CAACC,cAAcC,gBAAgB,GAAGJ,SAAsB,IAAIK;IAElE,MAAMC,eAAeL,YAAY,CAACM;QAChCH,gBAAgB,CAACI;YACf,MAAMC,SAAS,IAAIJ,IAAIG;YACvB,IAAIC,OAAOC,GAAG,CAACH,QAAQ;gBACrBE,OAAOE,MAAM,CAACJ;YAChB,OAAO;gBACLE,OAAOG,GAAG,CAACL;YACb;YACA,OAAOE;QACT;IACF,GAAG,EAAE;IAEL,MAAMI,gBAAgBZ,YAAY;QAChCG,gBAAgB,IAAIC;IACtB,GAAG,EAAE;IAEL,OAAO;QACLF;QACAG;QACAO;IACF;AACF,EAAE"}

package/lib/components/hooks/useSeverity.d.ts

@@ -0,0 +1,3 @@
+import { LogEntry } from '@perses-dev/core';
+export declare const useSeverityColor: (log?: LogEntry) => string;
+//# sourceMappingURL=useSeverity.d.ts.map

package/lib/components/hooks/useSeverity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeverity.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/useSeverity.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,eAAO,MAAM,gBAAgB,GAAI,MAAM,QAAQ,WAuB9C,CAAC"}