@perses-dev/logs-table-plugin 0.3.0 → 0.4.0-beta.1

package/lib/components/LogRow/LogRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LogRow/LogRow.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 {\n  Box,\n  Collapse,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Tooltip,\n  useTheme,\n} from '@mui/material';\nimport Check from 'mdi-material-ui/Check';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport CodeJson from 'mdi-material-ui/CodeJson';\nimport ContentCopy from 'mdi-material-ui/ContentCopy';\nimport FormatQuoteClose from 'mdi-material-ui/FormatQuoteClose';\nimport React, { memo, ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { LogEntry } from '@perses-dev/spec';\nimport { ansiToSanitizedHtml } from '../../utils/ansi';\nimport { formatLogAsJson, formatLogEntry, formatLogMessage } from '../../utils/copyHelpers';\nimport { useSeverityColor } from '../hooks/useSeverity';\nimport { LogDetailsTable } from './LogDetailsTable';\nimport { LogTimestamp } from './LogTimestamp';\nimport { ExpandButton, LogRowContainer, LogRowContent, LogText } from './LogsStyles';\nimport './ansiColors.css';\n\nconst COPY_SUCCESS_DURATION_MS = 1500;\n\ninterface LogRowProps {\n  log?: LogEntry;\n  index: number;\n  isExpanded: boolean;\n  onToggle: (index: number) => void;\n  isExpandable?: boolean;\n  showTime?: boolean;\n  allowWrap?: boolean;\n  isSelected?: boolean;\n  onSelect?: (index: number, event: React.MouseEvent) => void;\n  itemActionButtons?: ReactNode[];\n}\n\nconst DefaultLogRow: React.FC<LogRowProps> = ({\n  log,\n  isExpanded,\n  index,\n  onToggle,\n  isExpandable = true,\n  showTime = false,\n  allowWrap = false,\n  isSelected = false,\n  onSelect,\n  itemActionButtons,\n}) => {\n  const theme = useTheme();\n  const severityColor = useSeverityColor(log);\n  const ansiHtml = useMemo(() => (log ? ansiToSanitizedHtml(log.line) : null), [log]);\n  const [isHovered, setIsHovered] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [copySuccess, setCopySuccess] = useState(false);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const copyTimeoutRef = useRef<number | null>(null);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return (): void => {\n      if (copyTimeoutRef.current) {\n        window.clearTimeout(copyTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      if (isExpandable) {\n        e.stopPropagation();\n        onToggle(index);\n      }\n    },\n    [isExpandable, onToggle, index]\n  );\n\n  const handleRowMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      if (onSelect) {\n        onSelect(index, e);\n      }\n    },\n    [onSelect, index]\n  );\n\n  const handleOpenMenu = useCallback((e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setAnchorEl(e.currentTarget);\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setAnchorEl(null);\n    setIsHovered(false);\n  }, []);\n\n  const handleCopy = useCallback(\n    async (format: 'full' | 'message' | 'json') => {\n      if (!log) return;\n\n      let text: string;\n      switch (format) {\n        case 'message':\n          text = formatLogMessage(log);\n          break;\n        case 'json':\n          text = formatLogAsJson(log);\n          break;\n        case 'full':\n        default:\n          text = formatLogEntry(log);\n      }\n\n      await navigator.clipboard.writeText(text);\n      setCopySuccess(true);\n      handleCloseMenu();\n\n      // Clear existing timeout\n      if (copyTimeoutRef.current) {\n        window.clearTimeout(copyTimeoutRef.current);\n      }\n\n      // Reset success state after configured duration\n      copyTimeoutRef.current = window.setTimeout(() => {\n        setCopySuccess(false);\n      }, COPY_SUCCESS_DURATION_MS);\n    },\n    [log, handleCloseMenu]\n  );\n\n  if (!log) return null;\n\n  const hasRowActions = itemActionButtons && itemActionButtons.length > 0;\n\n  return (\n    <LogRowContainer\n      severityColor={severityColor}\n      ref={rowRef}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => {\n        if (!anchorEl) {\n          setIsHovered(false);\n        }\n      }}\n      data-log-index={index}\n      data-testid={`log-row-container-${index}`}\n    >\n      <LogRowContent\n        onMouseDown={handleRowMouseDown}\n        isExpandable={isExpandable}\n        isHighlighted={Boolean(anchorEl)}\n        hasRowActions={hasRowActions}\n        isSelected={isSelected}\n      >\n        {isExpandable && (\n          <Box\n            onClick={handleToggle}\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              width: '16px',\n              justifyContent: 'center',\n              cursor: 'pointer',\n            }}\n          >\n            <ExpandButton size=\"small\" isExpanded={isExpanded}>\n              <ChevronRight sx={{ fontSize: '12px' }} />\n            </ExpandButton>\n          </Box>\n        )}\n\n        <LogTimestamp timestamp={log.timestamp} />\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            marginLeft: '36px',\n            alignItems: 'center',\n          }}\n        >\n          {ansiHtml ? (\n            <LogText variant=\"body2\" allowWrap={allowWrap} dangerouslySetInnerHTML={{ __html: ansiHtml }} />\n          ) : (\n            <LogText variant=\"body2\" allowWrap={allowWrap}>\n              {log.line}\n            </LogText>\n          )}\n          <Tooltip title={copySuccess ? 'Copied!' : 'Copy options'}>\n            <IconButton\n              size=\"small\"\n              onClick={handleOpenMenu}\n              aria-label=\"Copy log options\"\n              sx={{\n                padding: '4px',\n                marginLeft: 'auto',\n                color: copySuccess ? theme.palette.success.main : theme.palette.text.secondary,\n                opacity: isHovered || Boolean(anchorEl) || copySuccess ? 1 : 0,\n                pointerEvents: isHovered || Boolean(anchorEl) || copySuccess ? 'auto' : 'none',\n                transition: 'opacity 0.08s ease, color 0.2s ease',\n                '&:hover': {\n                  color: copySuccess ? theme.palette.success.main : theme.palette.primary.main,\n                  backgroundColor: theme.palette.action.hover,\n                },\n                borderRadius: '4px',\n                display: 'flex',\n                gap: '2px',\n              }}\n            >\n              {copySuccess ? (\n                <Check sx={{ fontSize: '14px' }} />\n              ) : (\n                <>\n                  <ContentCopy sx={{ fontSize: '14px' }} />\n                  <ChevronDown sx={{ fontSize: '12px' }} />\n                </>\n              )}\n            </IconButton>\n          </Tooltip>\n          {hasRowActions && (\n            <Box\n              sx={{\n                display: 'flex',\n                gap: '4px',\n                alignItems: 'center',\n                opacity: isHovered || Boolean(anchorEl) ? 1 : 0,\n                pointerEvents: isHovered || Boolean(anchorEl) ? 'auto' : 'none',\n                transition: 'opacity 0.08s ease',\n              }}\n            >\n              {itemActionButtons}\n            </Box>\n          )}\n          <Menu\n            anchorEl={anchorEl}\n            open={Boolean(anchorEl)}\n            onClose={handleCloseMenu}\n            onClick={(e) => e.stopPropagation()}\n            aria-label=\"Copy format options\"\n            anchorOrigin={{\n              vertical: 'bottom',\n              horizontal: 'right',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'right',\n            }}\n            slotProps={{\n              paper: {\n                sx: {\n                  mt: 0.5,\n                  minWidth: 180,\n                  boxShadow: theme.shadows[3],\n                },\n              },\n            }}\n          >\n            <MenuItem\n              onClick={() => handleCopy('full')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <ContentCopy fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy log\"\n                secondary=\"Timestamp + labels + message\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n            <MenuItem\n              onClick={() => handleCopy('message')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <FormatQuoteClose fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy message\"\n                secondary=\"Message text only\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n            <MenuItem\n              onClick={() => handleCopy('json')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <CodeJson fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy as JSON\"\n                secondary=\"Full log entry\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n          </Menu>\n        </Box>\n      </LogRowContent>\n\n      <Collapse in={isExpanded} timeout={200}>\n        <Box sx={{ padding: '8px' }}>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: !showTime ? '1fr' : '8px minmax(160px, max-content) 1fr',\n              gap: '12px',\n            }}\n          >\n            {showTime && (\n              <>\n                <Box />\n                <Box />\n              </>\n            )}\n            <Box>\n              <LogDetailsTable log={log.labels} />\n            </Box>\n          </Box>\n        </Box>\n      </Collapse>\n    </LogRowContainer>\n  );\n};\n\nexport const LogRow = memo(DefaultLogRow);\nLogRow.displayName = 'LogRow';\n"],"names":["Box","Collapse","IconButton","ListItemIcon","ListItemText","Menu","MenuItem","Tooltip","useTheme","Check","ChevronDown","ChevronRight","CodeJson","ContentCopy","FormatQuoteClose","React","memo","useCallback","useEffect","useMemo","useRef","useState","ansiToSanitizedHtml","formatLogAsJson","formatLogEntry","formatLogMessage","useSeverityColor","LogDetailsTable","LogTimestamp","ExpandButton","LogRowContainer","LogRowContent","LogText","COPY_SUCCESS_DURATION_MS","DefaultLogRow","log","isExpanded","index","onToggle","isExpandable","showTime","allowWrap","isSelected","onSelect","itemActionButtons","theme","severityColor","ansiHtml","line","isHovered","setIsHovered","anchorEl","setAnchorEl","copySuccess","setCopySuccess","rowRef","copyTimeoutRef","current","window","clearTimeout","handleToggle","e","stopPropagation","handleRowMouseDown","handleOpenMenu","currentTarget","handleCloseMenu","handleCopy","format","text","navigator","clipboard","writeText","setTimeout","hasRowActions","length","ref","onMouseEnter","onMouseLeave","data-log-index","data-testid","onMouseDown","isHighlighted","Boolean","onClick","sx","display","alignItems","width","justifyContent","cursor","size","fontSize","timestamp","gap","marginLeft","variant","dangerouslySetInnerHTML","__html","title","aria-label","padding","color","palette","success","main","secondary","opacity","pointerEvents","transition","primary","backgroundColor","action","hover","borderRadius","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","mt","minWidth","boxShadow","shadows","py","in","timeout","gridTemplateColumns","labels","LogRow","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/LogRow/LogRow.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 {\n  Box,\n  Collapse,\n  IconButton,\n  ListItemIcon,\n  ListItemText,\n  Menu,\n  MenuItem,\n  Tooltip,\n  useTheme,\n} from '@mui/material';\nimport type { LogEntry } from '@perses-dev/spec';\nimport Check from 'mdi-material-ui/Check';\nimport ChevronDown from 'mdi-material-ui/ChevronDown';\nimport ChevronRight from 'mdi-material-ui/ChevronRight';\nimport CodeJson from 'mdi-material-ui/CodeJson';\nimport ContentCopy from 'mdi-material-ui/ContentCopy';\nimport FormatQuoteClose from 'mdi-material-ui/FormatQuoteClose';\nimport type { ReactNode } from 'react';\nimport React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { ansiToSanitizedHtml } from '../../utils/ansi';\nimport { formatLogAsJson, formatLogEntry, formatLogMessage } from '../../utils/copyHelpers';\nimport { useSeverityColor } from '../hooks/useSeverity';\nimport { LogDetailsTable } from './LogDetailsTable';\nimport { ExpandButton, LogRowContainer, LogRowContent, LogText } from './LogsStyles';\nimport { LogTimestamp } from './LogTimestamp';\n\nimport './ansiColors.css';\n\nconst COPY_SUCCESS_DURATION_MS = 1500;\n\ninterface LogRowProps {\n  log?: LogEntry;\n  index: number;\n  isExpanded: boolean;\n  onToggle: (index: number) => void;\n  isExpandable?: boolean;\n  showTime?: boolean;\n  allowWrap?: boolean;\n  isSelected?: boolean;\n  onSelect?: (index: number, event: React.MouseEvent) => void;\n  itemActionButtons?: ReactNode[];\n}\n\nconst DefaultLogRow: React.FC<LogRowProps> = ({\n  log,\n  isExpanded,\n  index,\n  onToggle,\n  isExpandable = true,\n  showTime = false,\n  allowWrap = false,\n  isSelected = false,\n  onSelect,\n  itemActionButtons,\n}) => {\n  const theme = useTheme();\n  const severityColor = useSeverityColor(log);\n  const ansiHtml = useMemo(() => (log ? ansiToSanitizedHtml(log.line) : null), [log]);\n  const [isHovered, setIsHovered] = useState(false);\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [copySuccess, setCopySuccess] = useState(false);\n  const rowRef = useRef<HTMLDivElement>(null);\n  const copyTimeoutRef = useRef<number | null>(null);\n\n  // Cleanup timeout on unmount\n  useEffect(() => {\n    return (): void => {\n      if (copyTimeoutRef.current) {\n        window.clearTimeout(copyTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  const handleToggle = useCallback(\n    (e: React.MouseEvent) => {\n      if (isExpandable) {\n        e.stopPropagation();\n        onToggle(index);\n      }\n    },\n    [isExpandable, onToggle, index],\n  );\n\n  const handleRowMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      if (onSelect) {\n        onSelect(index, e);\n      }\n    },\n    [onSelect, index],\n  );\n\n  const handleOpenMenu = useCallback((e: React.MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    setAnchorEl(e.currentTarget);\n  }, []);\n\n  const handleCloseMenu = useCallback(() => {\n    setAnchorEl(null);\n    setIsHovered(false);\n  }, []);\n\n  const handleCopy = useCallback(\n    async (format: 'full' | 'message' | 'json') => {\n      if (!log) return;\n\n      let text: string;\n      switch (format) {\n        case 'message':\n          text = formatLogMessage(log);\n          break;\n        case 'json':\n          text = formatLogAsJson(log);\n          break;\n        case 'full':\n        default:\n          text = formatLogEntry(log);\n      }\n\n      await navigator.clipboard.writeText(text);\n      setCopySuccess(true);\n      handleCloseMenu();\n\n      // Clear existing timeout\n      if (copyTimeoutRef.current) {\n        window.clearTimeout(copyTimeoutRef.current);\n      }\n\n      // Reset success state after configured duration\n      copyTimeoutRef.current = window.setTimeout(() => {\n        setCopySuccess(false);\n      }, COPY_SUCCESS_DURATION_MS);\n    },\n    [log, handleCloseMenu],\n  );\n\n  if (!log) return null;\n\n  const hasRowActions = itemActionButtons && itemActionButtons.length > 0;\n\n  return (\n    <LogRowContainer\n      severityColor={severityColor}\n      ref={rowRef}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => {\n        if (!anchorEl) {\n          setIsHovered(false);\n        }\n      }}\n      data-log-index={index}\n      data-testid={`log-row-container-${index}`}\n    >\n      <LogRowContent\n        onMouseDown={handleRowMouseDown}\n        isExpandable={isExpandable}\n        isHighlighted={Boolean(anchorEl)}\n        hasRowActions={hasRowActions}\n        isSelected={isSelected}\n      >\n        {isExpandable && (\n          <Box\n            onClick={handleToggle}\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              width: '16px',\n              justifyContent: 'center',\n              cursor: 'pointer',\n            }}\n          >\n            <ExpandButton size=\"small\" isExpanded={isExpanded}>\n              <ChevronRight sx={{ fontSize: '12px' }} />\n            </ExpandButton>\n          </Box>\n        )}\n\n        <LogTimestamp timestamp={log.timestamp} />\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            marginLeft: '36px',\n            alignItems: 'center',\n          }}\n        >\n          {ansiHtml ? (\n            <LogText variant=\"body2\" allowWrap={allowWrap} dangerouslySetInnerHTML={{ __html: ansiHtml }} />\n          ) : (\n            <LogText variant=\"body2\" allowWrap={allowWrap}>\n              {log.line}\n            </LogText>\n          )}\n          <Tooltip title={copySuccess ? 'Copied!' : 'Copy options'}>\n            <IconButton\n              size=\"small\"\n              onClick={handleOpenMenu}\n              aria-label=\"Copy log options\"\n              sx={{\n                padding: '4px',\n                marginLeft: 'auto',\n                color: copySuccess ? theme.palette.success.main : theme.palette.text.secondary,\n                opacity: isHovered || Boolean(anchorEl) || copySuccess ? 1 : 0,\n                pointerEvents: isHovered || Boolean(anchorEl) || copySuccess ? 'auto' : 'none',\n                transition: 'opacity 0.08s ease, color 0.2s ease',\n                '&:hover': {\n                  color: copySuccess ? theme.palette.success.main : theme.palette.primary.main,\n                  backgroundColor: theme.palette.action.hover,\n                },\n                borderRadius: '4px',\n                display: 'flex',\n                gap: '2px',\n              }}\n            >\n              {copySuccess ? (\n                <Check sx={{ fontSize: '14px' }} />\n              ) : (\n                <>\n                  <ContentCopy sx={{ fontSize: '14px' }} />\n                  <ChevronDown sx={{ fontSize: '12px' }} />\n                </>\n              )}\n            </IconButton>\n          </Tooltip>\n          {hasRowActions && (\n            <Box\n              sx={{\n                display: 'flex',\n                gap: '4px',\n                alignItems: 'center',\n                opacity: isHovered || Boolean(anchorEl) ? 1 : 0,\n                pointerEvents: isHovered || Boolean(anchorEl) ? 'auto' : 'none',\n                transition: 'opacity 0.08s ease',\n              }}\n            >\n              {itemActionButtons}\n            </Box>\n          )}\n          <Menu\n            anchorEl={anchorEl}\n            open={Boolean(anchorEl)}\n            onClose={handleCloseMenu}\n            onClick={(e) => e.stopPropagation()}\n            aria-label=\"Copy format options\"\n            anchorOrigin={{\n              vertical: 'bottom',\n              horizontal: 'right',\n            }}\n            transformOrigin={{\n              vertical: 'top',\n              horizontal: 'right',\n            }}\n            slotProps={{\n              paper: {\n                sx: {\n                  mt: 0.5,\n                  minWidth: 180,\n                  boxShadow: theme.shadows[3],\n                },\n              },\n            }}\n          >\n            <MenuItem\n              onClick={() => handleCopy('full')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <ContentCopy fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy log\"\n                secondary=\"Timestamp + labels + message\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n            <MenuItem\n              onClick={() => handleCopy('message')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <FormatQuoteClose fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy message\"\n                secondary=\"Message text only\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n            <MenuItem\n              onClick={() => handleCopy('json')}\n              sx={{\n                py: 1,\n                '&:hover': {\n                  backgroundColor: theme.palette.action.hover,\n                },\n              }}\n            >\n              <ListItemIcon>\n                <CodeJson fontSize=\"small\" />\n              </ListItemIcon>\n              <ListItemText\n                primary=\"Copy as JSON\"\n                secondary=\"Full log entry\"\n                slotProps={{\n                  primary: { fontSize: '14px' },\n                  secondary: { fontSize: '11px' },\n                }}\n              />\n            </MenuItem>\n          </Menu>\n        </Box>\n      </LogRowContent>\n\n      <Collapse in={isExpanded} timeout={200}>\n        <Box sx={{ padding: '8px' }}>\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: !showTime ? '1fr' : '8px minmax(160px, max-content) 1fr',\n              gap: '12px',\n            }}\n          >\n            {showTime && (\n              <>\n                <Box />\n                <Box />\n              </>\n            )}\n            <Box>\n              <LogDetailsTable log={log.labels} />\n            </Box>\n          </Box>\n        </Box>\n      </Collapse>\n    </LogRowContainer>\n  );\n};\n\nexport const LogRow = memo(DefaultLogRow);\nLogRow.displayName = 'LogRow';\n"],"names":["Box","Collapse","IconButton","ListItemIcon","ListItemText","Menu","MenuItem","Tooltip","useTheme","Check","ChevronDown","ChevronRight","CodeJson","ContentCopy","FormatQuoteClose","React","memo","useCallback","useEffect","useMemo","useRef","useState","ansiToSanitizedHtml","formatLogAsJson","formatLogEntry","formatLogMessage","useSeverityColor","LogDetailsTable","ExpandButton","LogRowContainer","LogRowContent","LogText","LogTimestamp","COPY_SUCCESS_DURATION_MS","DefaultLogRow","log","isExpanded","index","onToggle","isExpandable","showTime","allowWrap","isSelected","onSelect","itemActionButtons","theme","severityColor","ansiHtml","line","isHovered","setIsHovered","anchorEl","setAnchorEl","copySuccess","setCopySuccess","rowRef","copyTimeoutRef","current","window","clearTimeout","handleToggle","e","stopPropagation","handleRowMouseDown","handleOpenMenu","currentTarget","handleCloseMenu","handleCopy","format","text","navigator","clipboard","writeText","setTimeout","hasRowActions","length","ref","onMouseEnter","onMouseLeave","data-log-index","data-testid","onMouseDown","isHighlighted","Boolean","onClick","sx","display","alignItems","width","justifyContent","cursor","size","fontSize","timestamp","gap","marginLeft","variant","dangerouslySetInnerHTML","__html","title","aria-label","padding","color","palette","success","main","secondary","opacity","pointerEvents","transition","primary","backgroundColor","action","hover","borderRadius","open","onClose","anchorOrigin","vertical","horizontal","transformOrigin","slotProps","paper","mt","minWidth","boxShadow","shadows","py","in","timeout","gridTemplateColumns","labels","LogRow","displayName"],"mappings":"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"}

package/lib/components/LogRow/LogTimestamp.js

@@ -11,7 +11,7 @@ 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 React from "react";
 const dateFromStr = (timestamp)=>{
     return /^\d+$/.test(timestamp) ? new Date(parseInt(timestamp) * 1000) : new Date(Date.parse(timestamp));
 };

package/lib/components/LogRow/LogsStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogsStyles.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe;;;oBAEP,MAAM;UAMxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;kBAGP,OAAO;oBAAkB,OAAO;iBAAe,OAAO;oBAAkB,OAAO;UAmBjG,CAAC;AAEF,eAAO,MAAM,YAAY;;;gBAER,OAAO;UAOrB,CAAC;AAEJ,eAAO,MAAM,OAAO;;;eAEJ,OAAO;UAgBpB,CAAC"}
+{"version":3,"file":"LogsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogsStyles.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe;;;oBAEP,MAAM;UAMxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;kBAGP,OAAO;oBAAkB,OAAO;iBAAe,OAAO;oBAAkB,OAAO;UAgBjG,CAAC;AAEF,eAAO,MAAM,YAAY;;;gBAER,OAAO;UAOrB,CAAC;AAEJ,eAAO,MAAM,OAAO;;;eAEJ,OAAO;UAgBpB,CAAC"}

package/lib/components/LogRow/LogsStyles.js

@@ -10,7 +10,7 @@
 // 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 { Box, styled, IconButton, Typography } from '@mui/material';
+import { Box, styled, IconButton, Typography } from "@mui/material";
 export const LogRowContainer = styled(Box, {
     shouldForwardProp: (prop)=>prop !== 'severityColor'
 })(({ severityColor })=>({
@@ -29,7 +29,7 @@ export const LogRowContent = styled(Box, {
         padding: '4px 8px',
         cursor: 'default',
         gap: '12px',
-        backgroundColor: isHighlighted ? theme.palette.action.hover : isSelected ? theme.palette.action.selected : 'transparent',
+        backgroundColor: isHighlighted && theme.palette.action.hover || isSelected && theme.palette.action.selected || 'transparent',
         '&:hover': {
             backgroundColor: isSelected ? theme.palette.action.focus : theme.palette.action.hover
         }

package/lib/components/LogRow/LogsStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LogRow/LogsStyles.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 { Box, styled, IconButton, Typography } from '@mui/material';\n\nexport const LogRowContainer = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severityColor',\n})<{ severityColor?: string }>(({ severityColor }) => ({\n  borderLeft: `4px solid ${severityColor}`,\n  transition: 'all 0.2s ease',\n  marginBottom: '4px',\n  fontFamily: '\"DejaVu Sans Mono\", monospace',\n  userSelect: 'text',\n}));\n\nexport const LogRowContent = styled(Box, {\n  shouldForwardProp: (prop) =>\n    prop !== 'isExpandable' && prop !== 'isHighlighted' && prop !== 'isSelected' && prop !== 'hasRowActions',\n})<{ isExpandable: boolean; isHighlighted?: boolean; isSelected?: boolean; hasRowActions?: boolean }>(\n  ({ theme, isExpandable, isHighlighted, isSelected, hasRowActions }) => ({\n    display: 'grid',\n    gridTemplateColumns: isExpandable\n      ? `16px minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}`\n      : `minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}`,\n    alignItems: 'flex-start',\n    padding: '4px 8px',\n    cursor: 'default',\n    gap: '12px',\n    backgroundColor: isHighlighted\n      ? theme.palette.action.hover\n      : isSelected\n        ? theme.palette.action.selected\n        : 'transparent',\n    '&:hover': {\n      backgroundColor: isSelected ? theme.palette.action.focus : theme.palette.action.hover,\n    },\n  })\n);\n\nexport const ExpandButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'isExpanded',\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\n  padding: 0,\n  width: '16px',\n  height: '16px',\n  color: theme.palette.text.secondary,\n  transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n  transition: 'transform 0.2s ease',\n}));\n\nexport const LogText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'allowWrap',\n})<{ allowWrap: boolean }>(({ allowWrap }) => ({\n  fontSize: '12px',\n  flex: 1,\n  lineHeight: 1.4,\n  textAlign: 'left',\n  ...(allowWrap\n    ? {\n        wordBreak: 'break-word',\n        whiteSpace: 'pre-wrap',\n        overflow: 'visible',\n        textOverflow: 'unset',\n      }\n    : {\n        wordBreak: 'normal',\n        whiteSpace: 'nowrap',\n      }),\n}));\n"],"names":["Box","styled","IconButton","Typography","LogRowContainer","shouldForwardProp","prop","severityColor","borderLeft","transition","marginBottom","fontFamily","userSelect","LogRowContent","theme","isExpandable","isHighlighted","isSelected","hasRowActions","display","gridTemplateColumns","alignItems","padding","cursor","gap","backgroundColor","palette","action","hover","selected","focus","ExpandButton","isExpanded","width","height","color","text","secondary","transform","LogText","allowWrap","fontSize","flex","lineHeight","textAlign","wordBreak","whiteSpace","overflow","textOverflow"],"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,GAAG,EAAEC,MAAM,EAAEC,UAAU,EAAEC,UAAU,QAAQ,gBAAgB;AAEpE,OAAO,MAAMC,kBAAkBH,OAAOD,KAAK;IACzCK,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA+B,CAAC,EAAEC,aAAa,EAAE,GAAM,CAAA;QACrDC,YAAY,CAAC,UAAU,EAAED,eAAe;QACxCE,YAAY;QACZC,cAAc;QACdC,YAAY;QACZC,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAMC,gBAAgBZ,OAAOD,KAAK;IACvCK,mBAAmB,CAACC,OAClBA,SAAS,kBAAkBA,SAAS,mBAAmBA,SAAS,gBAAgBA,SAAS;AAC7F,GACE,CAAC,EAAEQ,KAAK,EAAEC,YAAY,EAAEC,aAAa,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAM,CAAA;QACtEC,SAAS;QACTC,qBAAqBL,eACjB,CAAC,oCAAoC,EAAEG,gBAAgB,gBAAgB,IAAI,GAC3E,CAAC,+BAA+B,EAAEA,gBAAgB,gBAAgB,IAAI;QAC1EG,YAAY;QACZC,SAAS;QACTC,QAAQ;QACRC,KAAK;QACLC,iBAAiBT,gBACbF,MAAMY,OAAO,CAACC,MAAM,CAACC,KAAK,GAC1BX,aACEH,MAAMY,OAAO,CAACC,MAAM,CAACE,QAAQ,GAC7B;QACN,WAAW;YACTJ,iBAAiBR,aAAaH,MAAMY,OAAO,CAACC,MAAM,CAACG,KAAK,GAAGhB,MAAMY,OAAO,CAACC,MAAM,CAACC,KAAK;QACvF;IACF,CAAA,GACA;AAEF,OAAO,MAAMG,eAAe9B,OAAOC,YAAY;IAC7CG,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA4B,CAAC,EAAEQ,KAAK,EAAEkB,UAAU,EAAE,GAAM,CAAA;QACtDV,SAAS;QACTW,OAAO;QACPC,QAAQ;QACRC,OAAOrB,MAAMY,OAAO,CAACU,IAAI,CAACC,SAAS;QACnCC,WAAWN,aAAa,kBAAkB;QAC1CvB,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAM8B,UAAUtC,OAAOE,YAAY;IACxCE,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA2B,CAAC,EAAEkC,SAAS,EAAE,GAAM,CAAA;QAC7CC,UAAU;QACVC,MAAM;QACNC,YAAY;QACZC,WAAW;QACX,GAAIJ,YACA;YACEK,WAAW;YACXC,YAAY;YACZC,UAAU;YACVC,cAAc;QAChB,IACA;YACEH,WAAW;YACXC,YAAY;QACd,CAAC;IACP,CAAA,GAAI"}
+{"version":3,"sources":["../../../../src/components/LogRow/LogsStyles.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 { Box, styled, IconButton, Typography } from '@mui/material';\n\nexport const LogRowContainer = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severityColor',\n})<{ severityColor?: string }>(({ severityColor }) => ({\n  borderLeft: `4px solid ${severityColor}`,\n  transition: 'all 0.2s ease',\n  marginBottom: '4px',\n  fontFamily: '\"DejaVu Sans Mono\", monospace',\n  userSelect: 'text',\n}));\n\nexport const LogRowContent = styled(Box, {\n  shouldForwardProp: (prop) =>\n    prop !== 'isExpandable' && prop !== 'isHighlighted' && prop !== 'isSelected' && prop !== 'hasRowActions',\n})<{ isExpandable: boolean; isHighlighted?: boolean; isSelected?: boolean; hasRowActions?: boolean }>(\n  ({ theme, isExpandable, isHighlighted, isSelected, hasRowActions }) => ({\n    display: 'grid',\n    gridTemplateColumns: isExpandable\n      ? `16px minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}`\n      : `minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}`,\n    alignItems: 'flex-start',\n    padding: '4px 8px',\n    cursor: 'default',\n    gap: '12px',\n    backgroundColor:\n      (isHighlighted && theme.palette.action.hover) || (isSelected && theme.palette.action.selected) || 'transparent',\n    '&:hover': {\n      backgroundColor: isSelected ? theme.palette.action.focus : theme.palette.action.hover,\n    },\n  }),\n);\n\nexport const ExpandButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'isExpanded',\n})<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\n  padding: 0,\n  width: '16px',\n  height: '16px',\n  color: theme.palette.text.secondary,\n  transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n  transition: 'transform 0.2s ease',\n}));\n\nexport const LogText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'allowWrap',\n})<{ allowWrap: boolean }>(({ allowWrap }) => ({\n  fontSize: '12px',\n  flex: 1,\n  lineHeight: 1.4,\n  textAlign: 'left',\n  ...(allowWrap\n    ? {\n        wordBreak: 'break-word',\n        whiteSpace: 'pre-wrap',\n        overflow: 'visible',\n        textOverflow: 'unset',\n      }\n    : {\n        wordBreak: 'normal',\n        whiteSpace: 'nowrap',\n      }),\n}));\n"],"names":["Box","styled","IconButton","Typography","LogRowContainer","shouldForwardProp","prop","severityColor","borderLeft","transition","marginBottom","fontFamily","userSelect","LogRowContent","theme","isExpandable","isHighlighted","isSelected","hasRowActions","display","gridTemplateColumns","alignItems","padding","cursor","gap","backgroundColor","palette","action","hover","selected","focus","ExpandButton","isExpanded","width","height","color","text","secondary","transform","LogText","allowWrap","fontSize","flex","lineHeight","textAlign","wordBreak","whiteSpace","overflow","textOverflow"],"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,GAAG,EAAEC,MAAM,EAAEC,UAAU,EAAEC,UAAU,QAAQ,gBAAgB;AAEpE,OAAO,MAAMC,kBAAkBH,OAAOD,KAAK;IACzCK,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA+B,CAAC,EAAEC,aAAa,EAAE,GAAM,CAAA;QACrDC,YAAY,CAAC,UAAU,EAAED,eAAe;QACxCE,YAAY;QACZC,cAAc;QACdC,YAAY;QACZC,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAMC,gBAAgBZ,OAAOD,KAAK;IACvCK,mBAAmB,CAACC,OAClBA,SAAS,kBAAkBA,SAAS,mBAAmBA,SAAS,gBAAgBA,SAAS;AAC7F,GACE,CAAC,EAAEQ,KAAK,EAAEC,YAAY,EAAEC,aAAa,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAM,CAAA;QACtEC,SAAS;QACTC,qBAAqBL,eACjB,CAAC,oCAAoC,EAAEG,gBAAgB,gBAAgB,IAAI,GAC3E,CAAC,+BAA+B,EAAEA,gBAAgB,gBAAgB,IAAI;QAC1EG,YAAY;QACZC,SAAS;QACTC,QAAQ;QACRC,KAAK;QACLC,iBACE,AAACT,iBAAiBF,MAAMY,OAAO,CAACC,MAAM,CAACC,KAAK,IAAMX,cAAcH,MAAMY,OAAO,CAACC,MAAM,CAACE,QAAQ,IAAK;QACpG,WAAW;YACTJ,iBAAiBR,aAAaH,MAAMY,OAAO,CAACC,MAAM,CAACG,KAAK,GAAGhB,MAAMY,OAAO,CAACC,MAAM,CAACC,KAAK;QACvF;IACF,CAAA,GACA;AAEF,OAAO,MAAMG,eAAe9B,OAAOC,YAAY;IAC7CG,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA4B,CAAC,EAAEQ,KAAK,EAAEkB,UAAU,EAAE,GAAM,CAAA;QACtDV,SAAS;QACTW,OAAO;QACPC,QAAQ;QACRC,OAAOrB,MAAMY,OAAO,CAACU,IAAI,CAACC,SAAS;QACnCC,WAAWN,aAAa,kBAAkB;QAC1CvB,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAM8B,UAAUtC,OAAOE,YAAY;IACxCE,mBAAmB,CAACC,OAASA,SAAS;AACxC,GAA2B,CAAC,EAAEkC,SAAS,EAAE,GAAM,CAAA;QAC7CC,UAAU;QACVC,MAAM;QACNC,YAAY;QACZC,WAAW;QACX,GAAIJ,YACA;YACEK,WAAW;YACXC,YAAY;YACZC,UAAU;YACVC,cAAc;QAChB,IACA;YACEH,WAAW;YACXC,YAAY;QACd,CAAC;IACP,CAAA,GAAI"}

package/lib/components/LogRow/index.js

@@ -10,7 +10,7 @@
 // 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.
-export { LogRow } from './LogRow';
-export * from './LogsStyles';
+export { LogRow } from "./LogRow.js";
+export * from "./LogsStyles.js";
 
 //# sourceMappingURL=index.js.map

package/lib/components/LogRow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LogRow/index.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\nexport { LogRow } from './LogRow';\nexport * from './LogsStyles';\n"],"names":["LogRow"],"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,MAAM,QAAQ,WAAW;AAClC,cAAc,eAAe"}
+{"version":3,"sources":["../../../../src/components/LogRow/index.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\nexport { LogRow } from './LogRow';\nexport * from './LogsStyles';\n"],"names":["LogRow"],"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,MAAM,QAAQ,cAAW;AAClC,cAAc,kBAAe"}

package/lib/components/LogsList.d.ts

@@ -1,6 +1,6 @@
+import type { LogEntry } from '@perses-dev/spec';
 import React from 'react';
-import { LogEntry } from '@perses-dev/spec';
-import { LogsTableOptions } from '../model';
+import type { LogsTableOptions } from '../model';
 interface LogsListProps {
     logs: LogEntry[];
     spec: LogsTableOptions;

package/lib/components/LogsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsList.d.ts","sourceRoot":"","sources":["../../../src/components/LogsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAK5C,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQ5C,CAAC"}
+{"version":3,"file":"LogsList.d.ts","sourceRoot":"","sources":["../../../src/components/LogsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAKjD,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQ5C,CAAC"}

package/lib/components/LogsList.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } 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.
@@ -11,10 +10,11 @@ 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 { EmptyLogsState } from './EmptyLogsState';
-import { useExpandedRows } from './hooks/useExpandedRows';
-import { VirtualizedLogsList } from './VirtualizedLogsList';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { EmptyLogsState } from "./EmptyLogsState.js";
+import { useExpandedRows } from "./hooks/useExpandedRows.js";
+import { VirtualizedLogsList } from "./VirtualizedLogsList.js";
 export const LogsList = ({ logs, spec })=>{
     const { expandedRows, toggleExpand } = useExpandedRows();
     if (!logs.length) {

package/lib/components/LogsList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LogsList.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 from 'react';\nimport { LogEntry } from '@perses-dev/spec';\nimport { LogsTableOptions } from '../model';\nimport { EmptyLogsState } from './EmptyLogsState';\nimport { useExpandedRows } from './hooks/useExpandedRows';\nimport { VirtualizedLogsList } from './VirtualizedLogsList';\n\ninterface LogsListProps {\n  logs: LogEntry[];\n  spec: LogsTableOptions;\n}\n\nexport const LogsList: React.FC<LogsListProps> = ({ logs, spec }) => {\n  const { expandedRows, toggleExpand } = useExpandedRows();\n\n  if (!logs.length) {\n    return <EmptyLogsState />;\n  }\n\n  return <VirtualizedLogsList logs={logs} spec={spec} expandedRows={expandedRows} onToggleExpand={toggleExpand} />;\n};\n"],"names":["React","EmptyLogsState","useExpandedRows","VirtualizedLogsList","LogsList","logs","spec","expandedRows","toggleExpand","length","onToggleExpand"],"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,OAAOA,WAAW,QAAQ;AAG1B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,mBAAmB,QAAQ,wBAAwB;AAO5D,OAAO,MAAMC,WAAoC,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAE;IAC9D,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGN;IAEvC,IAAI,CAACG,KAAKI,MAAM,EAAE;QAChB,qBAAO,KAACR;IACV;IAEA,qBAAO,KAACE;QAAoBE,MAAMA;QAAMC,MAAMA;QAAMC,cAAcA;QAAcG,gBAAgBF;;AAClG,EAAE"}
+{"version":3,"sources":["../../../src/components/LogsList.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 type { LogEntry } from '@perses-dev/spec';\nimport React from 'react';\n\nimport type { LogsTableOptions } from '../model';\nimport { EmptyLogsState } from './EmptyLogsState';\nimport { useExpandedRows } from './hooks/useExpandedRows';\nimport { VirtualizedLogsList } from './VirtualizedLogsList';\n\ninterface LogsListProps {\n  logs: LogEntry[];\n  spec: LogsTableOptions;\n}\n\nexport const LogsList: React.FC<LogsListProps> = ({ logs, spec }) => {\n  const { expandedRows, toggleExpand } = useExpandedRows();\n\n  if (!logs.length) {\n    return <EmptyLogsState />;\n  }\n\n  return <VirtualizedLogsList logs={logs} spec={spec} expandedRows={expandedRows} onToggleExpand={toggleExpand} />;\n};\n"],"names":["React","EmptyLogsState","useExpandedRows","VirtualizedLogsList","LogsList","logs","spec","expandedRows","toggleExpand","length","onToggleExpand"],"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;;AAGjC,OAAOA,WAAW,QAAQ;AAG1B,SAASC,cAAc,QAAQ,sBAAmB;AAClD,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SAASC,mBAAmB,QAAQ,2BAAwB;AAO5D,OAAO,MAAMC,WAAoC,CAAC,EAAEC,IAAI,EAAEC,IAAI,EAAE;IAC9D,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGN;IAEvC,IAAI,CAACG,KAAKI,MAAM,EAAE;QAChB,qBAAO,KAACR;IACV;IAEA,qBAAO,KAACE;QAAoBE,MAAMA;QAAMC,MAAMA;QAAMC,cAAcA;QAAcG,gBAAgBF;;AAClG,EAAE"}

package/lib/components/VirtualizedLogsList.d.ts

@@ -1,6 +1,6 @@
+import type { LogEntry } from '@perses-dev/spec';
 import React from 'react';
-import { LogEntry } from '@perses-dev/spec';
-import { LogsTableOptions } from '../model';
+import type { LogsTableOptions } from '../model';
 interface VirtualizedLogsListProps {
     logs: LogEntry[];
     spec: LogsTableOptions;

package/lib/components/VirtualizedLogsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedLogsList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedLogsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAOnF,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAS5C,UAAU,wBAAwB;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAualE,CAAC"}
+{"version":3,"file":"VirtualizedLogsList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualizedLogsList.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAgBjD,UAAU,wBAAwB;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAualE,CAAC"}

package/lib/components/VirtualizedLogsList.js

@@ -11,17 +11,22 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // 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, { 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 { useSelection } from '@perses-dev/components';
-import { formatForDisplay, useSelectionItemActions } from '@perses-dev/dashboards';
-import { useAllVariableValues } from '@perses-dev/plugin-system';
-import { formatLogEntries, formatLogMessage } from '../utils/copyHelpers';
-import { LogRow } from './LogRow';
+import { Box, useTheme, Popover, Button, ButtonGroup, IconButton } from "@mui/material";
+import { useSelection } from "@perses-dev/components";
+import { formatForDisplay, useSelectionItemActions } from "@perses-dev/dashboards";
+import { useAllVariableValues } from "@perses-dev/plugin-system";
+import CloseIcon from "mdi-material-ui/Close";
+import React, { useCallback, useState, useEffect, useRef } from "react";
+import { Virtuoso } from "react-virtuoso";
+import { formatLogEntries, formatLogMessage } from "../utils/copyHelpers.js";
+import { LogRow } from "./LogRow/index.js";
 const PERSES_LOGSTABLE_HINTS_DISMISSED = 'PERSES_LOGSTABLE_HINTS_DISMISSED';
 const COPY_TOAST_DURATION_MS = 5000;
+const COPY_FORMAT_LABELS = {
+    full: 'Full',
+    message: 'Message',
+    json: 'JSON'
+};
 // Platform-aware modifier key display using TanStack's formatForDisplay
 const modKeyDisplay = formatForDisplay('Mod');
 export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand })=>{
@@ -110,7 +115,7 @@ export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand }
         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);
+        const selectedLogs = Array.from(selectedRowsRef.current).toSorted((a, b)=>a - b).map((index)=>logs[index]).filter((log)=>log !== undefined);
         let text;
         if (format === 'message') {
             text = selectedLogs.map(formatLogMessage).join('\n');
@@ -200,7 +205,7 @@ export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand }
         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 selectedLogs = Array.from(currentSelectedRows).toSorted((a, b)=>a - b).map((index)=>logs[index]).filter((log)=>log !== undefined);
             const formattedText = formatLogEntries(selectedLogs);
             e.clipboardData.setData('text/plain', formattedText);
         }
@@ -224,7 +229,7 @@ export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand }
                 // 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 selectedLogs = Array.from(selectedRowsRef.current).toSorted((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);
@@ -438,7 +443,7 @@ export const VirtualizedLogsList = ({ logs, spec, expandedRows, onToggleExpand }
                                                 minWidth: '60px',
                                                 display: 'inline-block'
                                             },
-                                            children: lastCopiedFormat === 'full' ? 'Full' : lastCopiedFormat === 'message' ? 'Message' : 'JSON'
+                                            children: COPY_FORMAT_LABELS[lastCopiedFormat]
                                         })
                                     ]
                                 }),

package/lib/components/VirtualizedLogsList.js.map

@@ -1 +1 @@
-{"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 { useSelection } from '@perses-dev/components';\nimport { formatForDisplay, useSelectionItemActions } from '@perses-dev/dashboards';\nimport { ActionOptions, useAllVariableValues } from '@perses-dev/plugin-system';\nimport { LogEntry } from '@perses-dev/spec';\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// Platform-aware modifier key display using TanStack's formatForDisplay\nconst modKeyDisplay = formatForDisplay('Mod');\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): ReactNode | null => {\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>): void => {\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): Promise<void> => {\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 (): void => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [logs, selectedRows, showCopyPopover]);\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return (): void => {\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                {modKeyDisplay}+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                {modKeyDisplay}+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","formatForDisplay","useSelectionItemActions","useAllVariableValues","formatLogEntries","formatLogMessage","LogRow","PERSES_LOGSTABLE_HINTS_DISMISSED","COPY_TOAST_DURATION_MS","modKeyDisplay","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","navigator","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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"}
+{"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 { Box, useTheme, Popover, Button, ButtonGroup, IconButton } from '@mui/material';\nimport { useSelection } from '@perses-dev/components';\nimport { formatForDisplay, useSelectionItemActions } from '@perses-dev/dashboards';\nimport type { ActionOptions } from '@perses-dev/plugin-system';\nimport { useAllVariableValues } from '@perses-dev/plugin-system';\nimport type { LogEntry } from '@perses-dev/spec';\nimport CloseIcon from 'mdi-material-ui/Close';\nimport type { ReactNode } from 'react';\nimport React, { useCallback, useState, useEffect, useRef } from 'react';\nimport { Virtuoso } from 'react-virtuoso';\n\nimport type { LogsTableOptions } from '../model';\nimport { formatLogEntries, formatLogMessage } from '../utils/copyHelpers';\nimport { LogRow } from './LogRow';\n\nconst PERSES_LOGSTABLE_HINTS_DISMISSED = 'PERSES_LOGSTABLE_HINTS_DISMISSED';\nconst COPY_TOAST_DURATION_MS = 5000;\ntype CopyFormat = 'full' | 'message' | 'json';\nconst COPY_FORMAT_LABELS: Record<CopyFormat, string> = {\n  full: 'Full',\n  message: 'Message',\n  json: 'JSON',\n};\n\n// Platform-aware modifier key display using TanStack's formatForDisplay\nconst modKeyDisplay = formatForDisplay('Mod');\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<CopyFormat>('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        .toSorted((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): ReactNode | null => {\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>): void => {\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        .toSorted((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): Promise<void> => {\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            .toSorted((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 (): void => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [logs, selectedRows, showCopyPopover]);\n\n  // Cleanup timer on unmount\n  useEffect(() => {\n    return (): void => {\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                {modKeyDisplay}+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                {modKeyDisplay}+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                {COPY_FORMAT_LABELS[lastCopiedFormat]}\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":["Box","useTheme","Popover","Button","ButtonGroup","IconButton","useSelection","formatForDisplay","useSelectionItemActions","useAllVariableValues","CloseIcon","React","useCallback","useState","useEffect","useRef","Virtuoso","formatLogEntries","formatLogMessage","LogRow","PERSES_LOGSTABLE_HINTS_DISMISSED","COPY_TOAST_DURATION_MS","COPY_FORMAT_LABELS","full","message","json","modKeyDisplay","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","toSorted","a","b","text","join","JSON","stringify","navigator","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

@@ -10,7 +10,7 @@
 // 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 { useState, useCallback } from 'react';
+import { useState, useCallback } from "react";
 export const useExpandedRows = ()=>{
     const [expandedRows, setExpandedRows] = useState(new Set());
     const toggleExpand = useCallback((index)=>{

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

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

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

@@ -1 +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,KAAG,MAuBjD,CAAC"}
+{"version":3,"file":"useSeverity.d.ts","sourceRoot":"","sources":["../../../../src/components/hooks/useSeverity.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,GAAI,MAAM,QAAQ,KAAG,MAuBjD,CAAC"}

package/lib/components/hooks/useSeverity.js

@@ -10,8 +10,8 @@
 // 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 { useTheme } from '@mui/material';
-import { getSeverity } from '../utils';
+import { useTheme } from "@mui/material";
+import { getSeverity } from "../utils.js";
 export const useSeverityColor = (log)=>{
     const theme = useTheme();
     if (!log) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/hooks/useSeverity.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 { useTheme } from '@mui/material';\nimport { LogEntry } from '@perses-dev/spec';\nimport { getSeverity } from '../utils';\n\nexport const useSeverityColor = (log?: LogEntry): string => {\n  const theme = useTheme();\n  if (!log) {\n    return theme.palette.text.secondary;\n  }\n  const severity = getSeverity(log);\n\n  switch (severity) {\n    case 'critical':\n      return theme.palette.error.dark;\n    case 'error':\n      return theme.palette.error.main;\n    case 'warning':\n      return theme.palette.warning.main;\n    case 'info':\n      return theme.palette.info.main;\n    case 'debug':\n      return theme.palette.primary.main;\n    case 'trace':\n      return theme.palette.grey[500];\n    default:\n      return theme.palette.text.secondary;\n  }\n};\n"],"names":["useTheme","getSeverity","useSeverityColor","log","theme","palette","text","secondary","severity","error","dark","main","warning","info","primary","grey"],"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,QAAQ,gBAAgB;AAEzC,SAASC,WAAW,QAAQ,WAAW;AAEvC,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAMC,QAAQJ;IACd,IAAI,CAACG,KAAK;QACR,OAAOC,MAAMC,OAAO,CAACC,IAAI,CAACC,SAAS;IACrC;IACA,MAAMC,WAAWP,YAAYE;IAE7B,OAAQK;QACN,KAAK;YACH,OAAOJ,MAAMC,OAAO,CAACI,KAAK,CAACC,IAAI;QACjC,KAAK;YACH,OAAON,MAAMC,OAAO,CAACI,KAAK,CAACE,IAAI;QACjC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACO,OAAO,CAACD,IAAI;QACnC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACQ,IAAI,CAACF,IAAI;QAChC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACS,OAAO,CAACH,IAAI;QACnC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACU,IAAI,CAAC,IAAI;QAChC;YACE,OAAOX,MAAMC,OAAO,CAACC,IAAI,CAACC,SAAS;IACvC;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/components/hooks/useSeverity.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 { useTheme } from '@mui/material';\nimport type { LogEntry } from '@perses-dev/spec';\n\nimport { getSeverity } from '../utils';\n\nexport const useSeverityColor = (log?: LogEntry): string => {\n  const theme = useTheme();\n  if (!log) {\n    return theme.palette.text.secondary;\n  }\n  const severity = getSeverity(log);\n\n  switch (severity) {\n    case 'critical':\n      return theme.palette.error.dark;\n    case 'error':\n      return theme.palette.error.main;\n    case 'warning':\n      return theme.palette.warning.main;\n    case 'info':\n      return theme.palette.info.main;\n    case 'debug':\n      return theme.palette.primary.main;\n    case 'trace':\n      return theme.palette.grey[500];\n    default:\n      return theme.palette.text.secondary;\n  }\n};\n"],"names":["useTheme","getSeverity","useSeverityColor","log","theme","palette","text","secondary","severity","error","dark","main","warning","info","primary","grey"],"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,QAAQ,gBAAgB;AAGzC,SAASC,WAAW,QAAQ,cAAW;AAEvC,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAMC,QAAQJ;IACd,IAAI,CAACG,KAAK;QACR,OAAOC,MAAMC,OAAO,CAACC,IAAI,CAACC,SAAS;IACrC;IACA,MAAMC,WAAWP,YAAYE;IAE7B,OAAQK;QACN,KAAK;YACH,OAAOJ,MAAMC,OAAO,CAACI,KAAK,CAACC,IAAI;QACjC,KAAK;YACH,OAAON,MAAMC,OAAO,CAACI,KAAK,CAACE,IAAI;QACjC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACO,OAAO,CAACD,IAAI;QACnC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACQ,IAAI,CAACF,IAAI;QAChC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACS,OAAO,CAACH,IAAI;QACnC,KAAK;YACH,OAAOP,MAAMC,OAAO,CAACU,IAAI,CAAC,IAAI;QAChC;YACE,OAAOX,MAAMC,OAAO,CAACC,IAAI,CAACC,SAAS;IACvC;AACF,EAAE"}

package/lib/components/utils.d.ts

@@ -1,4 +1,4 @@
-import { LogEntry } from '@perses-dev/spec';
+import type { LogEntry } from '@perses-dev/spec';
 export type Severity = 'critical' | 'error' | 'warning' | 'info' | 'debug' | 'trace' | 'unknown' | 'other';
 export declare const severityAbbreviations: Record<Severity, string[]>;
 export declare const getSeverity: (log: LogEntry) => Severity;

package/lib/components/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3G,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,CAS5D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,KAAG,QAY3C,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/utils.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3G,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,CAS5D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,KAAK,QAAQ,KAAG,QAY3C,CAAC"}

package/lib/components/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/utils.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 { LogEntry } from '@perses-dev/spec';\n\nexport type Severity = 'critical' | 'error' | 'warning' | 'info' | 'debug' | 'trace' | 'unknown' | 'other';\n\nexport const severityAbbreviations: Record<Severity, string[]> = {\n  critical: ['critical', 'emerg', 'fatal', 'alert', 'crit'],\n  error: ['error', 'err', 'eror'],\n  debug: ['debug', 'dbug'],\n  info: ['info', 'inf', 'information', 'notice'],\n  trace: ['trace'],\n  warning: ['warn', 'warning'],\n  unknown: ['unknown'],\n  other: [''],\n};\n\nexport const getSeverity = (log: LogEntry): Severity => {\n  const level = log.labels?.level?.toLowerCase();\n\n  if (level) {\n    for (const [severity, abbreviations] of Object.entries(severityAbbreviations)) {\n      if (abbreviations.some((abbr) => abbr && level.includes(abbr))) {\n        return severity as Severity;\n      }\n    }\n  }\n\n  return 'unknown';\n};\n"],"names":["severityAbbreviations","critical","error","debug","info","trace","warning","unknown","other","getSeverity","log","level","labels","toLowerCase","severity","abbreviations","Object","entries","some","abbr","includes"],"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;AAMjC,OAAO,MAAMA,wBAAoD;IAC/DC,UAAU;QAAC;QAAY;QAAS;QAAS;QAAS;KAAO;IACzDC,OAAO;QAAC;QAAS;QAAO;KAAO;IAC/BC,OAAO;QAAC;QAAS;KAAO;IACxBC,MAAM;QAAC;QAAQ;QAAO;QAAe;KAAS;IAC9CC,OAAO;QAAC;KAAQ;IAChBC,SAAS;QAAC;QAAQ;KAAU;IAC5BC,SAAS;QAAC;KAAU;IACpBC,OAAO;QAAC;KAAG;AACb,EAAE;AAEF,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAMC,QAAQD,IAAIE,MAAM,EAAED,OAAOE;IAEjC,IAAIF,OAAO;QACT,KAAK,MAAM,CAACG,UAAUC,cAAc,IAAIC,OAAOC,OAAO,CAACjB,uBAAwB;YAC7E,IAAIe,cAAcG,IAAI,CAAC,CAACC,OAASA,QAAQR,MAAMS,QAAQ,CAACD,QAAQ;gBAC9D,OAAOL;YACT;QACF;IACF;IAEA,OAAO;AACT,EAAE"}
+{"version":3,"sources":["../../../src/components/utils.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 type { LogEntry } from '@perses-dev/spec';\n\nexport type Severity = 'critical' | 'error' | 'warning' | 'info' | 'debug' | 'trace' | 'unknown' | 'other';\n\nexport const severityAbbreviations: Record<Severity, string[]> = {\n  critical: ['critical', 'emerg', 'fatal', 'alert', 'crit'],\n  error: ['error', 'err', 'eror'],\n  debug: ['debug', 'dbug'],\n  info: ['info', 'inf', 'information', 'notice'],\n  trace: ['trace'],\n  warning: ['warn', 'warning'],\n  unknown: ['unknown'],\n  other: [''],\n};\n\nexport const getSeverity = (log: LogEntry): Severity => {\n  const level = log.labels?.level?.toLowerCase();\n\n  if (level) {\n    for (const [severity, abbreviations] of Object.entries(severityAbbreviations)) {\n      if (abbreviations.some((abbr) => abbr && level.includes(abbr))) {\n        return severity as Severity;\n      }\n    }\n  }\n\n  return 'unknown';\n};\n"],"names":["severityAbbreviations","critical","error","debug","info","trace","warning","unknown","other","getSeverity","log","level","labels","toLowerCase","severity","abbreviations","Object","entries","some","abbr","includes"],"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;AAMjC,OAAO,MAAMA,wBAAoD;IAC/DC,UAAU;QAAC;QAAY;QAAS;QAAS;QAAS;KAAO;IACzDC,OAAO;QAAC;QAAS;QAAO;KAAO;IAC/BC,OAAO;QAAC;QAAS;KAAO;IACxBC,MAAM;QAAC;QAAQ;QAAO;QAAe;KAAS;IAC9CC,OAAO;QAAC;KAAQ;IAChBC,SAAS;QAAC;QAAQ;KAAU;IAC5BC,SAAS;QAAC;KAAU;IACpBC,OAAO;QAAC;KAAG;AACb,EAAE;AAEF,OAAO,MAAMC,cAAc,CAACC;IAC1B,MAAMC,QAAQD,IAAIE,MAAM,EAAED,OAAOE;IAEjC,IAAIF,OAAO;QACT,KAAK,MAAM,CAACG,UAAUC,cAAc,IAAIC,OAAOC,OAAO,CAACjB,uBAAwB;YAC7E,IAAIe,cAAcG,IAAI,CAAC,CAACC,OAASA,QAAQR,MAAMS,QAAQ,CAACD,QAAQ;gBAC9D,OAAOL;YACT;QACF;IACF;IAEA,OAAO;AACT,EAAE"}

package/lib/getPluginModule.d.ts

@@ -1,4 +1,4 @@
-import { PluginModuleResource } from '@perses-dev/plugin-system';
+import type { PluginModuleResource } from '@perses-dev/plugin-system';
 /**
  * Returns the plugin module information from package.json
  */

package/lib/getPluginModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAIxF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}