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

package/lib/LogsTable.js

@@ -10,11 +10,11 @@
 // 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 { LogsTableComponent } from './LogsTableComponent';
-import { LogsTableItemSelectionActionsEditor } from './LogsTableItemSelectionActionsEditor';
-import { LogsTableSettingsEditor } from './LogsTableSettingsEditor';
-import { LogsTableCsvExportAction } from './LogsTableCsvExportAction';
-import { LogsTableExportAction } from './LogsTableExportAction';
+import { LogsTableComponent } from "./LogsTableComponent.js";
+import { LogsTableCsvExportAction } from "./LogsTableCsvExportAction.js";
+import { LogsTableExportAction } from "./LogsTableExportAction.js";
+import { LogsTableItemSelectionActionsEditor } from "./LogsTableItemSelectionActionsEditor.js";
+import { LogsTableSettingsEditor } from "./LogsTableSettingsEditor.js";
 export const LogsTable = {
     PanelComponent: LogsTableComponent,
     panelOptionsEditorComponents: [

package/lib/LogsTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTable.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 { PanelPlugin } from '@perses-dev/plugin-system';\nimport { LogsTableComponent } from './LogsTableComponent';\nimport { LogsTableItemSelectionActionsEditor } from './LogsTableItemSelectionActionsEditor';\nimport { LogsTableSettingsEditor } from './LogsTableSettingsEditor';\nimport { LogsTableOptions, LogsTableProps } from './model';\nimport { LogsTableCsvExportAction } from './LogsTableCsvExportAction';\nimport { LogsTableExportAction } from './LogsTableExportAction';\n\nexport const LogsTable: PanelPlugin<LogsTableOptions, LogsTableProps> = {\n  PanelComponent: LogsTableComponent,\n  panelOptionsEditorComponents: [\n    { label: 'Settings', content: LogsTableSettingsEditor },\n    { label: 'Item Actions', content: LogsTableItemSelectionActionsEditor },\n  ],\n  supportedQueryTypes: ['LogQuery'],\n  createInitialOptions: () => ({\n    showTime: true,\n    allowWrap: true,\n    enableDetails: true,\n  }),\n  actions: [\n    { component: LogsTableExportAction, location: 'header' },\n    { component: LogsTableCsvExportAction, location: 'header' },\n  ],\n};\n"],"names":["LogsTableComponent","LogsTableItemSelectionActionsEditor","LogsTableSettingsEditor","LogsTableCsvExportAction","LogsTableExportAction","LogsTable","PanelComponent","panelOptionsEditorComponents","label","content","supportedQueryTypes","createInitialOptions","showTime","allowWrap","enableDetails","actions","component","location"],"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,SAASA,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,mCAAmC,QAAQ,wCAAwC;AAC5F,SAASC,uBAAuB,QAAQ,4BAA4B;AAEpE,SAASC,wBAAwB,QAAQ,6BAA6B;AACtE,SAASC,qBAAqB,QAAQ,0BAA0B;AAEhE,OAAO,MAAMC,YAA2D;IACtEC,gBAAgBN;IAChBO,8BAA8B;QAC5B;YAAEC,OAAO;YAAYC,SAASP;QAAwB;QACtD;YAAEM,OAAO;YAAgBC,SAASR;QAAoC;KACvE;IACDS,qBAAqB;QAAC;KAAW;IACjCC,sBAAsB,IAAO,CAAA;YAC3BC,UAAU;YACVC,WAAW;YACXC,eAAe;QACjB,CAAA;IACAC,SAAS;QACP;YAAEC,WAAWZ;YAAuBa,UAAU;QAAS;QACvD;YAAED,WAAWb;YAA0Bc,UAAU;QAAS;KAC3D;AACH,EAAE"}
+{"version":3,"sources":["../../src/LogsTable.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 { PanelPlugin } from '@perses-dev/plugin-system';\n\nimport { LogsTableComponent } from './LogsTableComponent';\nimport { LogsTableCsvExportAction } from './LogsTableCsvExportAction';\nimport { LogsTableExportAction } from './LogsTableExportAction';\nimport { LogsTableItemSelectionActionsEditor } from './LogsTableItemSelectionActionsEditor';\nimport { LogsTableSettingsEditor } from './LogsTableSettingsEditor';\nimport type { LogsTableOptions, LogsTableProps } from './model';\n\nexport const LogsTable: PanelPlugin<LogsTableOptions, LogsTableProps> = {\n  PanelComponent: LogsTableComponent,\n  panelOptionsEditorComponents: [\n    { label: 'Settings', content: LogsTableSettingsEditor },\n    { label: 'Item Actions', content: LogsTableItemSelectionActionsEditor },\n  ],\n  supportedQueryTypes: ['LogQuery'],\n  createInitialOptions: () => ({\n    showTime: true,\n    allowWrap: true,\n    enableDetails: true,\n  }),\n  actions: [\n    { component: LogsTableExportAction, location: 'header' },\n    { component: LogsTableCsvExportAction, location: 'header' },\n  ],\n};\n"],"names":["LogsTableComponent","LogsTableCsvExportAction","LogsTableExportAction","LogsTableItemSelectionActionsEditor","LogsTableSettingsEditor","LogsTable","PanelComponent","panelOptionsEditorComponents","label","content","supportedQueryTypes","createInitialOptions","showTime","allowWrap","enableDetails","actions","component","location"],"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;AAIjC,SAASA,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,wBAAwB,QAAQ,gCAA6B;AACtE,SAASC,qBAAqB,QAAQ,6BAA0B;AAChE,SAASC,mCAAmC,QAAQ,2CAAwC;AAC5F,SAASC,uBAAuB,QAAQ,+BAA4B;AAGpE,OAAO,MAAMC,YAA2D;IACtEC,gBAAgBN;IAChBO,8BAA8B;QAC5B;YAAEC,OAAO;YAAYC,SAASL;QAAwB;QACtD;YAAEI,OAAO;YAAgBC,SAASN;QAAoC;KACvE;IACDO,qBAAqB;QAAC;KAAW;IACjCC,sBAAsB,IAAO,CAAA;YAC3BC,UAAU;YACVC,WAAW;YACXC,eAAe;QACjB,CAAA;IACAC,SAAS;QACP;YAAEC,WAAWd;YAAuBe,UAAU;QAAS;QACvD;YAAED,WAAWf;YAA0BgB,UAAU;QAAS;KAC3D;AACH,EAAE"}

package/lib/LogsTableComponent.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { LogsTableProps } from './model';
+import type { ReactElement } from 'react';
+import type { LogsTableProps } from './model';
 export declare function LogsTableComponent(props: LogsTableProps): ReactElement | null;
 //# sourceMappingURL=LogsTableComponent.d.ts.map

package/lib/LogsTableComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTableComponent.d.ts","sourceRoot":"","sources":["../../src/LogsTableComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,GAAG,IAAI,CAwB7E"}
+{"version":3,"file":"LogsTableComponent.d.ts","sourceRoot":"","sources":["../../src/LogsTableComponent.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,GAAG,IAAI,CAwB7E"}

package/lib/LogsTableComponent.js

@@ -1,3 +1,4 @@
+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.
@@ -10,13 +11,12 @@
 // 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 { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-import { LogsList } from './components/LogsList';
+import { Box, Typography } from "@mui/material";
+import { LogsList } from "./components/LogsList.js";
 export function LogsTableComponent(props) {
     const { queryResults, spec } = props;
     // all queries results must be included
-    const logs = queryResults.flatMap((result)=>result?.data.logs?.entries ?? []).sort((a, b)=>b.timestamp - a.timestamp);
+    const logs = queryResults.flatMap((result)=>result?.data.logs?.entries ?? []).toSorted((a, b)=>b.timestamp - a.timestamp);
     if (!logs.length) {
         return /*#__PURE__*/ _jsx(Box, {
             sx: {

package/lib/LogsTableComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableComponent.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 { ReactElement } from 'react';\nimport { Box, Typography } from '@mui/material';\nimport { LogsTableProps } from './model';\nimport { LogsList } from './components/LogsList';\n\nexport function LogsTableComponent(props: LogsTableProps): ReactElement | null {\n  const { queryResults, spec } = props;\n\n  // all queries results must be included\n  const logs = queryResults\n    .flatMap((result) => result?.data.logs?.entries ?? [])\n    .sort((a, b) => b.timestamp - a.timestamp);\n\n  if (!logs.length) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}\n      >\n        <Typography>No logs to display</Typography>\n      </Box>\n    );\n  }\n\n  return <LogsList logs={logs} spec={spec} />;\n}\n"],"names":["Box","Typography","LogsList","LogsTableComponent","props","queryResults","spec","logs","flatMap","result","data","entries","sort","a","b","timestamp","length","sx","display","justifyContent","alignItems","height"],"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,SAASA,GAAG,EAAEC,UAAU,QAAQ,gBAAgB;AAEhD,SAASC,QAAQ,QAAQ,wBAAwB;AAEjD,OAAO,SAASC,mBAAmBC,KAAqB;IACtD,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGF;IAE/B,uCAAuC;IACvC,MAAMG,OAAOF,aACVG,OAAO,CAAC,CAACC,SAAWA,QAAQC,KAAKH,MAAMI,WAAW,EAAE,EACpDC,IAAI,CAAC,CAACC,GAAGC,IAAMA,EAAEC,SAAS,GAAGF,EAAEE,SAAS;IAE3C,IAAI,CAACR,KAAKS,MAAM,EAAE;QAChB,qBACE,KAAChB;YACCiB,IAAI;gBACFC,SAAS;gBACTC,gBAAgB;gBAChBC,YAAY;gBACZC,QAAQ;YACV;sBAEA,cAAA,KAACpB;0BAAW;;;IAGlB;IAEA,qBAAO,KAACC;QAASK,MAAMA;QAAMD,MAAMA;;AACrC"}
+{"version":3,"sources":["../../src/LogsTableComponent.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, Typography } from '@mui/material';\nimport type { ReactElement } from 'react';\n\nimport { LogsList } from './components/LogsList';\nimport type { LogsTableProps } from './model';\n\nexport function LogsTableComponent(props: LogsTableProps): ReactElement | null {\n  const { queryResults, spec } = props;\n\n  // all queries results must be included\n  const logs = queryResults\n    .flatMap((result) => result?.data.logs?.entries ?? [])\n    .toSorted((a, b) => b.timestamp - a.timestamp);\n\n  if (!logs.length) {\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100%',\n        }}\n      >\n        <Typography>No logs to display</Typography>\n      </Box>\n    );\n  }\n\n  return <LogsList logs={logs} spec={spec} />;\n}\n"],"names":["Box","Typography","LogsList","LogsTableComponent","props","queryResults","spec","logs","flatMap","result","data","entries","toSorted","a","b","timestamp","length","sx","display","justifyContent","alignItems","height"],"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,UAAU,QAAQ,gBAAgB;AAGhD,SAASC,QAAQ,QAAQ,2BAAwB;AAGjD,OAAO,SAASC,mBAAmBC,KAAqB;IACtD,MAAM,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGF;IAE/B,uCAAuC;IACvC,MAAMG,OAAOF,aACVG,OAAO,CAAC,CAACC,SAAWA,QAAQC,KAAKH,MAAMI,WAAW,EAAE,EACpDC,QAAQ,CAAC,CAACC,GAAGC,IAAMA,EAAEC,SAAS,GAAGF,EAAEE,SAAS;IAE/C,IAAI,CAACR,KAAKS,MAAM,EAAE;QAChB,qBACE,KAAChB;YACCiB,IAAI;gBACFC,SAAS;gBACTC,gBAAgB;gBAChBC,YAAY;gBACZC,QAAQ;YACV;sBAEA,cAAA,KAACpB;0BAAW;;;IAGlB;IAEA,qBAAO,KAACC;QAASK,MAAMA;QAAMD,MAAMA;;AACrC"}

package/lib/LogsTableCsvExportAction.d.ts

@@ -1,5 +1,5 @@
-import { LogEntry } from '@perses-dev/spec';
-import { LogsTableProps } from './model';
+import type { LogEntry } from '@perses-dev/spec';
+import type { LogsTableProps } from './model';
 export declare function collectLabelKeys(entries: LogEntry[]): string[];
 export declare function buildLogsCsvString(entries: LogEntry[]): string;
 export declare const LogsTableCsvExportAction: React.FC<LogsTableProps>;

package/lib/LogsTableCsvExportAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTableCsvExportAction.d.ts","sourceRoot":"","sources":["../../src/LogsTableCsvExportAction.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAQ9D;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAc9D;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuC7D,CAAC"}
+{"version":3,"file":"LogsTableCsvExportAction.d.ts","sourceRoot":"","sources":["../../src/LogsTableCsvExportAction.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,CAQ9D;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAc9D;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuC7D,CAAC"}

package/lib/LogsTableCsvExportAction.js

@@ -11,12 +11,12 @@ 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 { InfoTooltip } from '@perses-dev/components';
-import { IconButton } from '@mui/material';
-import FileDelimitedOutline from 'mdi-material-ui/FileDelimitedOutline';
-import { escapeCsvValue, formatTimestampISO, sanitizeFilename } from '@perses-dev/plugin-system';
-import { useCallback, useMemo } from 'react';
-import { stripAnsi } from './utils/ansi';
+import { IconButton } from "@mui/material";
+import { InfoTooltip } from "@perses-dev/components";
+import { escapeCsvValue, formatTimestampISO, sanitizeFilename } from "@perses-dev/plugin-system";
+import FileDelimitedOutline from "mdi-material-ui/FileDelimitedOutline";
+import { useCallback, useMemo } from "react";
+import { stripAnsi } from "./utils/ansi.js";
 export function collectLabelKeys(entries) {
     const keys = new Set();
     for (const entry of entries){
@@ -24,7 +24,7 @@ export function collectLabelKeys(entries) {
             keys.add(key);
         }
     }
-    return Array.from(keys).sort();
+    return Array.from(keys).toSorted();
 }
 export function buildLogsCsvString(entries) {
     const labelKeys = collectLabelKeys(entries);

package/lib/LogsTableCsvExportAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableCsvExportAction.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 { InfoTooltip } from '@perses-dev/components';\nimport { IconButton } from '@mui/material';\nimport FileDelimitedOutline from 'mdi-material-ui/FileDelimitedOutline';\nimport { escapeCsvValue, formatTimestampISO, sanitizeFilename } from '@perses-dev/plugin-system';\nimport { LogEntry } from '@perses-dev/spec';\nimport { useCallback, useMemo } from 'react';\nimport { LogsTableProps } from './model';\nimport { stripAnsi } from './utils/ansi';\n\nexport function collectLabelKeys(entries: LogEntry[]): string[] {\n  const keys = new Set<string>();\n  for (const entry of entries) {\n    for (const key of Object.keys(entry.labels)) {\n      keys.add(key);\n    }\n  }\n  return Array.from(keys).sort();\n}\n\nexport function buildLogsCsvString(entries: LogEntry[]): string {\n  const labelKeys = collectLabelKeys(entries);\n\n  const headerColumns = ['timestamp', 'body', ...labelKeys];\n  const headerRow = headerColumns.map(escapeCsvValue).join(',');\n\n  const dataRows = entries.map((entry) => {\n    const timestamp = escapeCsvValue(formatTimestampISO(entry.timestamp));\n    const body = escapeCsvValue(stripAnsi(entry.line));\n    const labels = labelKeys.map((key) => escapeCsvValue(entry.labels[key] ?? ''));\n    return [timestamp, body, ...labels].join(',');\n  });\n\n  return [headerRow, ...dataRows].join('\\n') + '\\n';\n}\n\nexport const LogsTableCsvExportAction: React.FC<LogsTableProps> = ({ queryResults, definition }) => {\n  const entries = useMemo(() => {\n    return queryResults.flatMap((q) => q.data?.logs?.entries ?? []);\n  }, [queryResults]);\n\n  const isDisabled = !entries.length;\n\n  const handleDownload = useCallback((): void => {\n    if (isDisabled) return;\n    try {\n      const csvString = buildLogsCsvString(entries);\n      const blob = new Blob([csvString], { type: 'text/csv;charset=utf-8' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      const title = definition?.spec?.display?.name || 'Logs Table Data';\n      const baseFilename = sanitizeFilename(title);\n      link.download = `${baseFilename}_data.csv`;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('Logs table CSV export failed:', error);\n    }\n  }, [definition, entries, isDisabled]);\n\n  return (\n    <InfoTooltip description={isDisabled ? 'No data to export' : 'Export as CSV'}>\n      <IconButton\n        disabled={isDisabled}\n        size=\"small\"\n        onClick={handleDownload}\n        aria-label=\"Export Logs Table Data as CSV\"\n      >\n        <FileDelimitedOutline fontSize=\"inherit\" />\n      </IconButton>\n    </InfoTooltip>\n  );\n};\n"],"names":["InfoTooltip","IconButton","FileDelimitedOutline","escapeCsvValue","formatTimestampISO","sanitizeFilename","useCallback","useMemo","stripAnsi","collectLabelKeys","entries","keys","Set","entry","key","Object","labels","add","Array","from","sort","buildLogsCsvString","labelKeys","headerColumns","headerRow","map","join","dataRows","timestamp","body","line","LogsTableCsvExportAction","queryResults","definition","flatMap","q","data","logs","isDisabled","length","handleDownload","csvString","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","title","spec","display","name","baseFilename","download","appendChild","click","removeChild","revokeObjectURL","error","console","description","disabled","size","onClick","aria-label","fontSize"],"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,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,0BAA0B,uCAAuC;AACxE,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEjG,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAE7C,SAASC,SAAS,QAAQ,eAAe;AAEzC,OAAO,SAASC,iBAAiBC,OAAmB;IAClD,MAAMC,OAAO,IAAIC;IACjB,KAAK,MAAMC,SAASH,QAAS;QAC3B,KAAK,MAAMI,OAAOC,OAAOJ,IAAI,CAACE,MAAMG,MAAM,EAAG;YAC3CL,KAAKM,GAAG,CAACH;QACX;IACF;IACA,OAAOI,MAAMC,IAAI,CAACR,MAAMS,IAAI;AAC9B;AAEA,OAAO,SAASC,mBAAmBX,OAAmB;IACpD,MAAMY,YAAYb,iBAAiBC;IAEnC,MAAMa,gBAAgB;QAAC;QAAa;WAAWD;KAAU;IACzD,MAAME,YAAYD,cAAcE,GAAG,CAACtB,gBAAgBuB,IAAI,CAAC;IAEzD,MAAMC,WAAWjB,QAAQe,GAAG,CAAC,CAACZ;QAC5B,MAAMe,YAAYzB,eAAeC,mBAAmBS,MAAMe,SAAS;QACnE,MAAMC,OAAO1B,eAAeK,UAAUK,MAAMiB,IAAI;QAChD,MAAMd,SAASM,UAAUG,GAAG,CAAC,CAACX,MAAQX,eAAeU,MAAMG,MAAM,CAACF,IAAI,IAAI;QAC1E,OAAO;YAACc;YAAWC;eAASb;SAAO,CAACU,IAAI,CAAC;IAC3C;IAEA,OAAO;QAACF;WAAcG;KAAS,CAACD,IAAI,CAAC,QAAQ;AAC/C;AAEA,OAAO,MAAMK,2BAAqD,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAE;IAC7F,MAAMvB,UAAUH,QAAQ;QACtB,OAAOyB,aAAaE,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEC,MAAM3B,WAAW,EAAE;IAChE,GAAG;QAACsB;KAAa;IAEjB,MAAMM,aAAa,CAAC5B,QAAQ6B,MAAM;IAElC,MAAMC,iBAAiBlC,YAAY;QACjC,IAAIgC,YAAY;QAChB,IAAI;YACF,MAAMG,YAAYpB,mBAAmBX;YACrC,MAAMgC,OAAO,IAAIC,KAAK;gBAACF;aAAU,EAAE;gBAAEG,MAAM;YAAyB;YACpE,MAAMC,MAAMC,IAAIC,eAAe,CAACL;YAChC,MAAMM,OAAOC,SAASC,aAAa,CAAC;YACpCF,KAAKG,IAAI,GAAGN;YACZ,MAAMO,QAAQnB,YAAYoB,MAAMC,SAASC,QAAQ;YACjD,MAAMC,eAAenD,iBAAiB+C;YACtCJ,KAAKS,QAAQ,GAAG,GAAGD,aAAa,SAAS,CAAC;YAC1CP,SAASpB,IAAI,CAAC6B,WAAW,CAACV;YAC1BA,KAAKW,KAAK;YACVV,SAASpB,IAAI,CAAC+B,WAAW,CAACZ;YAC1BF,IAAIe,eAAe,CAAChB;QACtB,EAAE,OAAOiB,OAAO;YACdC,QAAQD,KAAK,CAAC,iCAAiCA;QACjD;IACF,GAAG;QAAC7B;QAAYvB;QAAS4B;KAAW;IAEpC,qBACE,KAACtC;QAAYgE,aAAa1B,aAAa,sBAAsB;kBAC3D,cAAA,KAACrC;YACCgE,UAAU3B;YACV4B,MAAK;YACLC,SAAS3B;YACT4B,cAAW;sBAEX,cAAA,KAAClE;gBAAqBmE,UAAS;;;;AAIvC,EAAE"}
+{"version":3,"sources":["../../src/LogsTableCsvExportAction.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 { IconButton } from '@mui/material';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { escapeCsvValue, formatTimestampISO, sanitizeFilename } from '@perses-dev/plugin-system';\nimport type { LogEntry } from '@perses-dev/spec';\nimport FileDelimitedOutline from 'mdi-material-ui/FileDelimitedOutline';\nimport { useCallback, useMemo } from 'react';\n\nimport type { LogsTableProps } from './model';\nimport { stripAnsi } from './utils/ansi';\n\nexport function collectLabelKeys(entries: LogEntry[]): string[] {\n  const keys = new Set<string>();\n  for (const entry of entries) {\n    for (const key of Object.keys(entry.labels)) {\n      keys.add(key);\n    }\n  }\n  return Array.from(keys).toSorted();\n}\n\nexport function buildLogsCsvString(entries: LogEntry[]): string {\n  const labelKeys = collectLabelKeys(entries);\n\n  const headerColumns = ['timestamp', 'body', ...labelKeys];\n  const headerRow = headerColumns.map(escapeCsvValue).join(',');\n\n  const dataRows = entries.map((entry) => {\n    const timestamp = escapeCsvValue(formatTimestampISO(entry.timestamp));\n    const body = escapeCsvValue(stripAnsi(entry.line));\n    const labels = labelKeys.map((key) => escapeCsvValue(entry.labels[key] ?? ''));\n    return [timestamp, body, ...labels].join(',');\n  });\n\n  return [headerRow, ...dataRows].join('\\n') + '\\n';\n}\n\nexport const LogsTableCsvExportAction: React.FC<LogsTableProps> = ({ queryResults, definition }) => {\n  const entries = useMemo(() => {\n    return queryResults.flatMap((q) => q.data?.logs?.entries ?? []);\n  }, [queryResults]);\n\n  const isDisabled = !entries.length;\n\n  const handleDownload = useCallback((): void => {\n    if (isDisabled) return;\n    try {\n      const csvString = buildLogsCsvString(entries);\n      const blob = new Blob([csvString], { type: 'text/csv;charset=utf-8' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      const title = definition?.spec?.display?.name || 'Logs Table Data';\n      const baseFilename = sanitizeFilename(title);\n      link.download = `${baseFilename}_data.csv`;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('Logs table CSV export failed:', error);\n    }\n  }, [definition, entries, isDisabled]);\n\n  return (\n    <InfoTooltip description={isDisabled ? 'No data to export' : 'Export as CSV'}>\n      <IconButton\n        disabled={isDisabled}\n        size=\"small\"\n        onClick={handleDownload}\n        aria-label=\"Export Logs Table Data as CSV\"\n      >\n        <FileDelimitedOutline fontSize=\"inherit\" />\n      </IconButton>\n    </InfoTooltip>\n  );\n};\n"],"names":["IconButton","InfoTooltip","escapeCsvValue","formatTimestampISO","sanitizeFilename","FileDelimitedOutline","useCallback","useMemo","stripAnsi","collectLabelKeys","entries","keys","Set","entry","key","Object","labels","add","Array","from","toSorted","buildLogsCsvString","labelKeys","headerColumns","headerRow","map","join","dataRows","timestamp","body","line","LogsTableCsvExportAction","queryResults","definition","flatMap","q","data","logs","isDisabled","length","handleDownload","csvString","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","title","spec","display","name","baseFilename","download","appendChild","click","removeChild","revokeObjectURL","error","console","description","disabled","size","onClick","aria-label","fontSize"],"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,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEjG,OAAOC,0BAA0B,uCAAuC;AACxE,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAG7C,SAASC,SAAS,QAAQ,kBAAe;AAEzC,OAAO,SAASC,iBAAiBC,OAAmB;IAClD,MAAMC,OAAO,IAAIC;IACjB,KAAK,MAAMC,SAASH,QAAS;QAC3B,KAAK,MAAMI,OAAOC,OAAOJ,IAAI,CAACE,MAAMG,MAAM,EAAG;YAC3CL,KAAKM,GAAG,CAACH;QACX;IACF;IACA,OAAOI,MAAMC,IAAI,CAACR,MAAMS,QAAQ;AAClC;AAEA,OAAO,SAASC,mBAAmBX,OAAmB;IACpD,MAAMY,YAAYb,iBAAiBC;IAEnC,MAAMa,gBAAgB;QAAC;QAAa;WAAWD;KAAU;IACzD,MAAME,YAAYD,cAAcE,GAAG,CAACvB,gBAAgBwB,IAAI,CAAC;IAEzD,MAAMC,WAAWjB,QAAQe,GAAG,CAAC,CAACZ;QAC5B,MAAMe,YAAY1B,eAAeC,mBAAmBU,MAAMe,SAAS;QACnE,MAAMC,OAAO3B,eAAeM,UAAUK,MAAMiB,IAAI;QAChD,MAAMd,SAASM,UAAUG,GAAG,CAAC,CAACX,MAAQZ,eAAeW,MAAMG,MAAM,CAACF,IAAI,IAAI;QAC1E,OAAO;YAACc;YAAWC;eAASb;SAAO,CAACU,IAAI,CAAC;IAC3C;IAEA,OAAO;QAACF;WAAcG;KAAS,CAACD,IAAI,CAAC,QAAQ;AAC/C;AAEA,OAAO,MAAMK,2BAAqD,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAE;IAC7F,MAAMvB,UAAUH,QAAQ;QACtB,OAAOyB,aAAaE,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEC,MAAM3B,WAAW,EAAE;IAChE,GAAG;QAACsB;KAAa;IAEjB,MAAMM,aAAa,CAAC5B,QAAQ6B,MAAM;IAElC,MAAMC,iBAAiBlC,YAAY;QACjC,IAAIgC,YAAY;QAChB,IAAI;YACF,MAAMG,YAAYpB,mBAAmBX;YACrC,MAAMgC,OAAO,IAAIC,KAAK;gBAACF;aAAU,EAAE;gBAAEG,MAAM;YAAyB;YACpE,MAAMC,MAAMC,IAAIC,eAAe,CAACL;YAChC,MAAMM,OAAOC,SAASC,aAAa,CAAC;YACpCF,KAAKG,IAAI,GAAGN;YACZ,MAAMO,QAAQnB,YAAYoB,MAAMC,SAASC,QAAQ;YACjD,MAAMC,eAAepD,iBAAiBgD;YACtCJ,KAAKS,QAAQ,GAAG,GAAGD,aAAa,SAAS,CAAC;YAC1CP,SAASpB,IAAI,CAAC6B,WAAW,CAACV;YAC1BA,KAAKW,KAAK;YACVV,SAASpB,IAAI,CAAC+B,WAAW,CAACZ;YAC1BF,IAAIe,eAAe,CAAChB;QACtB,EAAE,OAAOiB,OAAO;YACdC,QAAQD,KAAK,CAAC,iCAAiCA;QACjD;IACF,GAAG;QAAC7B;QAAYvB;QAAS4B;KAAW;IAEpC,qBACE,KAACrC;QAAY+D,aAAa1B,aAAa,sBAAsB;kBAC3D,cAAA,KAACtC;YACCiE,UAAU3B;YACV4B,MAAK;YACLC,SAAS3B;YACT4B,cAAW;sBAEX,cAAA,KAAC/D;gBAAqBgE,UAAS;;;;AAIvC,EAAE"}

package/lib/LogsTableExportAction.d.ts

@@ -1,3 +1,3 @@
-import { LogsTableProps } from './model';
+import type { LogsTableProps } from './model';
 export declare const LogsTableExportAction: React.FC<LogsTableProps>;
 //# sourceMappingURL=LogsTableExportAction.d.ts.map

package/lib/LogsTableExportAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTableExportAction.d.ts","sourceRoot":"","sources":["../../src/LogsTableExportAction.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuC1D,CAAC"}
+{"version":3,"file":"LogsTableExportAction.d.ts","sourceRoot":"","sources":["../../src/LogsTableExportAction.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuC1D,CAAC"}

package/lib/LogsTableExportAction.js

@@ -11,11 +11,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 { InfoTooltip } from '@perses-dev/components';
-import { IconButton } from '@mui/material';
-import DownloadIcon from 'mdi-material-ui/Download';
-import { sanitizeFilename } from '@perses-dev/plugin-system';
-import { useCallback, useMemo } from 'react';
+import { IconButton } from "@mui/material";
+import { InfoTooltip } from "@perses-dev/components";
+import { sanitizeFilename } from "@perses-dev/plugin-system";
+import DownloadIcon from "mdi-material-ui/Download";
+import { useCallback, useMemo } from "react";
 export const LogsTableExportAction = ({ queryResults, definition })=>{
     const exportedResult = useMemo(()=>{
         return queryResults.flatMap((q)=>q.data?.logs?.entries ?? []);

package/lib/LogsTableExportAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableExportAction.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 { InfoTooltip } from '@perses-dev/components';\nimport { IconButton } from '@mui/material';\nimport DownloadIcon from 'mdi-material-ui/Download';\nimport { sanitizeFilename } from '@perses-dev/plugin-system';\nimport { useCallback, useMemo } from 'react';\nimport { LogsTableProps } from './model';\n\nexport const LogsTableExportAction: React.FC<LogsTableProps> = ({ queryResults, definition }) => {\n  const exportedResult = useMemo(() => {\n    return queryResults.flatMap((q) => q.data?.logs?.entries ?? []);\n  }, [queryResults]);\n\n  const isDisabled = !exportedResult.length;\n\n  const handleDownload = useCallback((): void => {\n    if (isDisabled) return;\n    try {\n      const jsonString = JSON.stringify(exportedResult, null, 2);\n      const blob = new Blob([jsonString], { type: 'application/json' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      const title = definition?.spec?.display?.name || 'Logs Table Data';\n      const baseFilename = sanitizeFilename(title);\n      link.download = `${baseFilename}_data.json`;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('Logs table export failed:', error);\n    }\n  }, [definition, exportedResult, isDisabled]);\n\n  return (\n    <InfoTooltip description={isDisabled ? 'No data to export' : 'Export as JSON'}>\n      <IconButton\n        disabled={isDisabled}\n        size=\"small\"\n        onClick={handleDownload}\n        aria-label=\"Export Logs Table Data as JSON\"\n      >\n        <DownloadIcon fontSize=\"inherit\" />\n      </IconButton>\n    </InfoTooltip>\n  );\n};\n"],"names":["InfoTooltip","IconButton","DownloadIcon","sanitizeFilename","useCallback","useMemo","LogsTableExportAction","queryResults","definition","exportedResult","flatMap","q","data","logs","entries","isDisabled","length","handleDownload","jsonString","JSON","stringify","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","title","spec","display","name","baseFilename","download","body","appendChild","click","removeChild","revokeObjectURL","error","console","description","disabled","size","onClick","aria-label","fontSize"],"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,WAAW,QAAQ,yBAAyB;AACrD,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,kBAAkB,2BAA2B;AACpD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAG7C,OAAO,MAAMC,wBAAkD,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAE;IAC1F,MAAMC,iBAAiBJ,QAAQ;QAC7B,OAAOE,aAAaG,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEC,MAAMC,WAAW,EAAE;IAChE,GAAG;QAACP;KAAa;IAEjB,MAAMQ,aAAa,CAACN,eAAeO,MAAM;IAEzC,MAAMC,iBAAiBb,YAAY;QACjC,IAAIW,YAAY;QAChB,IAAI;YACF,MAAMG,aAAaC,KAAKC,SAAS,CAACX,gBAAgB,MAAM;YACxD,MAAMY,OAAO,IAAIC,KAAK;gBAACJ;aAAW,EAAE;gBAAEK,MAAM;YAAmB;YAC/D,MAAMC,MAAMC,IAAIC,eAAe,CAACL;YAChC,MAAMM,OAAOC,SAASC,aAAa,CAAC;YACpCF,KAAKG,IAAI,GAAGN;YACZ,MAAMO,QAAQvB,YAAYwB,MAAMC,SAASC,QAAQ;YACjD,MAAMC,eAAehC,iBAAiB4B;YACtCJ,KAAKS,QAAQ,GAAG,GAAGD,aAAa,UAAU,CAAC;YAC3CP,SAASS,IAAI,CAACC,WAAW,CAACX;YAC1BA,KAAKY,KAAK;YACVX,SAASS,IAAI,CAACG,WAAW,CAACb;YAC1BF,IAAIgB,eAAe,CAACjB;QACtB,EAAE,OAAOkB,OAAO;YACdC,QAAQD,KAAK,CAAC,6BAA6BA;QAC7C;IACF,GAAG;QAAClC;QAAYC;QAAgBM;KAAW;IAE3C,qBACE,KAACf;QAAY4C,aAAa7B,aAAa,sBAAsB;kBAC3D,cAAA,KAACd;YACC4C,UAAU9B;YACV+B,MAAK;YACLC,SAAS9B;YACT+B,cAAW;sBAEX,cAAA,KAAC9C;gBAAa+C,UAAS;;;;AAI/B,EAAE"}
+{"version":3,"sources":["../../src/LogsTableExportAction.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 { IconButton } from '@mui/material';\nimport { InfoTooltip } from '@perses-dev/components';\nimport { sanitizeFilename } from '@perses-dev/plugin-system';\nimport DownloadIcon from 'mdi-material-ui/Download';\nimport { useCallback, useMemo } from 'react';\n\nimport type { LogsTableProps } from './model';\n\nexport const LogsTableExportAction: React.FC<LogsTableProps> = ({ queryResults, definition }) => {\n  const exportedResult = useMemo(() => {\n    return queryResults.flatMap((q) => q.data?.logs?.entries ?? []);\n  }, [queryResults]);\n\n  const isDisabled = !exportedResult.length;\n\n  const handleDownload = useCallback((): void => {\n    if (isDisabled) return;\n    try {\n      const jsonString = JSON.stringify(exportedResult, null, 2);\n      const blob = new Blob([jsonString], { type: 'application/json' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      const title = definition?.spec?.display?.name || 'Logs Table Data';\n      const baseFilename = sanitizeFilename(title);\n      link.download = `${baseFilename}_data.json`;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('Logs table export failed:', error);\n    }\n  }, [definition, exportedResult, isDisabled]);\n\n  return (\n    <InfoTooltip description={isDisabled ? 'No data to export' : 'Export as JSON'}>\n      <IconButton\n        disabled={isDisabled}\n        size=\"small\"\n        onClick={handleDownload}\n        aria-label=\"Export Logs Table Data as JSON\"\n      >\n        <DownloadIcon fontSize=\"inherit\" />\n      </IconButton>\n    </InfoTooltip>\n  );\n};\n"],"names":["IconButton","InfoTooltip","sanitizeFilename","DownloadIcon","useCallback","useMemo","LogsTableExportAction","queryResults","definition","exportedResult","flatMap","q","data","logs","entries","isDisabled","length","handleDownload","jsonString","JSON","stringify","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","title","spec","display","name","baseFilename","download","body","appendChild","click","removeChild","revokeObjectURL","error","console","description","disabled","size","onClick","aria-label","fontSize"],"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,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,OAAOC,kBAAkB,2BAA2B;AACpD,SAASC,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AAI7C,OAAO,MAAMC,wBAAkD,CAAC,EAAEC,YAAY,EAAEC,UAAU,EAAE;IAC1F,MAAMC,iBAAiBJ,QAAQ;QAC7B,OAAOE,aAAaG,OAAO,CAAC,CAACC,IAAMA,EAAEC,IAAI,EAAEC,MAAMC,WAAW,EAAE;IAChE,GAAG;QAACP;KAAa;IAEjB,MAAMQ,aAAa,CAACN,eAAeO,MAAM;IAEzC,MAAMC,iBAAiBb,YAAY;QACjC,IAAIW,YAAY;QAChB,IAAI;YACF,MAAMG,aAAaC,KAAKC,SAAS,CAACX,gBAAgB,MAAM;YACxD,MAAMY,OAAO,IAAIC,KAAK;gBAACJ;aAAW,EAAE;gBAAEK,MAAM;YAAmB;YAC/D,MAAMC,MAAMC,IAAIC,eAAe,CAACL;YAChC,MAAMM,OAAOC,SAASC,aAAa,CAAC;YACpCF,KAAKG,IAAI,GAAGN;YACZ,MAAMO,QAAQvB,YAAYwB,MAAMC,SAASC,QAAQ;YACjD,MAAMC,eAAejC,iBAAiB6B;YACtCJ,KAAKS,QAAQ,GAAG,GAAGD,aAAa,UAAU,CAAC;YAC3CP,SAASS,IAAI,CAACC,WAAW,CAACX;YAC1BA,KAAKY,KAAK;YACVX,SAASS,IAAI,CAACG,WAAW,CAACb;YAC1BF,IAAIgB,eAAe,CAACjB;QACtB,EAAE,OAAOkB,OAAO;YACdC,QAAQD,KAAK,CAAC,6BAA6BA;QAC7C;IACF,GAAG;QAAClC;QAAYC;QAAgBM;KAAW;IAE3C,qBACE,KAACd;QAAY2C,aAAa7B,aAAa,sBAAsB;kBAC3D,cAAA,KAACf;YACC6C,UAAU9B;YACV+B,MAAK;YACLC,SAAS9B;YACT+B,cAAW;sBAEX,cAAA,KAAC7C;gBAAa8C,UAAS;;;;AAI/B,EAAE"}

package/lib/LogsTableItemSelectionActionsEditor.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { LogsTableSettingsEditorProps } from './model';
+import type { ReactElement } from 'react';
+import type { LogsTableSettingsEditorProps } from './model';
 export declare function LogsTableItemSelectionActionsEditor({ value, onChange }: LogsTableSettingsEditorProps): ReactElement;
 //# sourceMappingURL=LogsTableItemSelectionActionsEditor.d.ts.map

package/lib/LogsTableItemSelectionActionsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTableItemSelectionActionsEditor.d.ts","sourceRoot":"","sources":["../../src/LogsTableItemSelectionActionsEditor.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,mCAAmC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,4BAA4B,GAAG,YAAY,CAiBnH"}
+{"version":3,"file":"LogsTableItemSelectionActionsEditor.d.ts","sourceRoot":"","sources":["../../src/LogsTableItemSelectionActionsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,wBAAgB,mCAAmC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,4BAA4B,GAAG,YAAY,CAiBnH"}

package/lib/LogsTableItemSelectionActionsEditor.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,7 +10,8 @@ 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 { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ItemSelectionActionsEditor } from "@perses-dev/plugin-system";
 export function LogsTableItemSelectionActionsEditor({ value, onChange }) {
     function handleActionsChange(actions) {
         onChange({

package/lib/LogsTableItemSelectionActionsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableItemSelectionActionsEditor.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 { ActionOptions, ItemSelectionActionsEditor, SelectionOptions } from '@perses-dev/plugin-system';\nimport { ReactElement } from 'react';\nimport { LogsTableSettingsEditorProps } from './model';\n\nexport function LogsTableItemSelectionActionsEditor({ value, onChange }: LogsTableSettingsEditorProps): ReactElement {\n  function handleActionsChange(actions: ActionOptions | undefined): void {\n    onChange({ ...value, actions: actions });\n  }\n\n  function handleSelectionChange(selection: SelectionOptions | undefined): void {\n    onChange({ ...value, selection: selection });\n  }\n\n  return (\n    <ItemSelectionActionsEditor\n      actionOptions={value.actions}\n      onChangeActions={handleActionsChange}\n      selectionOptions={value.selection}\n      onChangeSelection={handleSelectionChange}\n    />\n  );\n}\n"],"names":["ItemSelectionActionsEditor","LogsTableItemSelectionActionsEditor","value","onChange","handleActionsChange","actions","handleSelectionChange","selection","actionOptions","onChangeActions","selectionOptions","onChangeSelection"],"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,SAAwBA,0BAA0B,QAA0B,4BAA4B;AAIxG,OAAO,SAASC,oCAAoC,EAAEC,KAAK,EAAEC,QAAQ,EAAgC;IACnG,SAASC,oBAAoBC,OAAkC;QAC7DF,SAAS;YAAE,GAAGD,KAAK;YAAEG,SAASA;QAAQ;IACxC;IAEA,SAASC,sBAAsBC,SAAuC;QACpEJ,SAAS;YAAE,GAAGD,KAAK;YAAEK,WAAWA;QAAU;IAC5C;IAEA,qBACE,KAACP;QACCQ,eAAeN,MAAMG,OAAO;QAC5BI,iBAAiBL;QACjBM,kBAAkBR,MAAMK,SAAS;QACjCI,mBAAmBL;;AAGzB"}
+{"version":3,"sources":["../../src/LogsTableItemSelectionActionsEditor.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 { ActionOptions, SelectionOptions } from '@perses-dev/plugin-system';\nimport { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\n\nimport type { LogsTableSettingsEditorProps } from './model';\n\nexport function LogsTableItemSelectionActionsEditor({ value, onChange }: LogsTableSettingsEditorProps): ReactElement {\n  function handleActionsChange(actions: ActionOptions | undefined): void {\n    onChange({ ...value, actions: actions });\n  }\n\n  function handleSelectionChange(selection: SelectionOptions | undefined): void {\n    onChange({ ...value, selection: selection });\n  }\n\n  return (\n    <ItemSelectionActionsEditor\n      actionOptions={value.actions}\n      onChangeActions={handleActionsChange}\n      selectionOptions={value.selection}\n      onChangeSelection={handleSelectionChange}\n    />\n  );\n}\n"],"names":["ItemSelectionActionsEditor","LogsTableItemSelectionActionsEditor","value","onChange","handleActionsChange","actions","handleSelectionChange","selection","actionOptions","onChangeActions","selectionOptions","onChangeSelection"],"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,SAASA,0BAA0B,QAAQ,4BAA4B;AAKvE,OAAO,SAASC,oCAAoC,EAAEC,KAAK,EAAEC,QAAQ,EAAgC;IACnG,SAASC,oBAAoBC,OAAkC;QAC7DF,SAAS;YAAE,GAAGD,KAAK;YAAEG,SAASA;QAAQ;IACxC;IAEA,SAASC,sBAAsBC,SAAuC;QACpEJ,SAAS;YAAE,GAAGD,KAAK;YAAEK,WAAWA;QAAU;IAC5C;IAEA,qBACE,KAACP;QACCQ,eAAeN,MAAMG,OAAO;QAC5BI,iBAAiBL;QACjBM,kBAAkBR,MAAMK,SAAS;QACjCI,mBAAmBL;;AAGzB"}

package/lib/LogsTablePanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
-import { LogsTableProps } from './model';
+import type { ReactElement } from 'react';
+import type { LogsTableProps } from './model';
 export declare function LogsTablePanel(props: LogsTableProps): ReactElement;
 //# sourceMappingURL=LogsTablePanel.d.ts.map

package/lib/LogsTablePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTablePanel.d.ts","sourceRoot":"","sources":["../../src/LogsTablePanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAUlE"}
+{"version":3,"file":"LogsTablePanel.d.ts","sourceRoot":"","sources":["../../src/LogsTablePanel.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,cAAc,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAUlE"}

package/lib/LogsTablePanel.js

@@ -11,9 +11,9 @@ 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 { Box } from '@mui/material';
-import { useChartsTheme } from '@perses-dev/components';
-import { LogsTableComponent } from './LogsTableComponent';
+import { Box } from "@mui/material";
+import { useChartsTheme } from "@perses-dev/components";
+import { LogsTableComponent } from "./LogsTableComponent.js";
 export function LogsTablePanel(props) {
     const { contentDimensions, queryResults, spec } = props;
     const chartsTheme = useChartsTheme();

package/lib/LogsTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTablePanel.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 } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport { ReactElement } from 'react';\nimport { LogsTableComponent } from './LogsTableComponent';\nimport { LogsTableProps } from './model';\n\nexport function LogsTablePanel(props: LogsTableProps): ReactElement {\n  const { contentDimensions, queryResults, spec } = props;\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  return (\n    <Box sx={{ height: contentDimensions?.height || 0, padding: `${contentPadding}px`, overflowY: 'scroll' }}>\n      <LogsTableComponent queryResults={queryResults} spec={spec} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","LogsTableComponent","LogsTablePanel","props","contentDimensions","queryResults","spec","chartsTheme","contentPadding","container","padding","default","sx","height","overflowY"],"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,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAExD,SAASC,kBAAkB,QAAQ,uBAAuB;AAG1D,OAAO,SAASC,eAAeC,KAAqB;IAClD,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGH;IAClD,MAAMI,cAAcP;IACpB,MAAMQ,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACZ;QAAIa,IAAI;YAAEC,QAAQT,mBAAmBS,UAAU;YAAGH,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEM,WAAW;QAAS;kBACrG,cAAA,KAACb;YAAmBI,cAAcA;YAAcC,MAAMA;;;AAG5D"}
+{"version":3,"sources":["../../src/LogsTablePanel.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 } from '@mui/material';\nimport { useChartsTheme } from '@perses-dev/components';\nimport type { ReactElement } from 'react';\n\nimport { LogsTableComponent } from './LogsTableComponent';\nimport type { LogsTableProps } from './model';\n\nexport function LogsTablePanel(props: LogsTableProps): ReactElement {\n  const { contentDimensions, queryResults, spec } = props;\n  const chartsTheme = useChartsTheme();\n  const contentPadding = chartsTheme.container.padding.default;\n\n  return (\n    <Box sx={{ height: contentDimensions?.height || 0, padding: `${contentPadding}px`, overflowY: 'scroll' }}>\n      <LogsTableComponent queryResults={queryResults} spec={spec} />\n    </Box>\n  );\n}\n"],"names":["Box","useChartsTheme","LogsTableComponent","LogsTablePanel","props","contentDimensions","queryResults","spec","chartsTheme","contentPadding","container","padding","default","sx","height","overflowY"],"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,QAAQ,gBAAgB;AACpC,SAASC,cAAc,QAAQ,yBAAyB;AAGxD,SAASC,kBAAkB,QAAQ,0BAAuB;AAG1D,OAAO,SAASC,eAAeC,KAAqB;IAClD,MAAM,EAAEC,iBAAiB,EAAEC,YAAY,EAAEC,IAAI,EAAE,GAAGH;IAClD,MAAMI,cAAcP;IACpB,MAAMQ,iBAAiBD,YAAYE,SAAS,CAACC,OAAO,CAACC,OAAO;IAE5D,qBACE,KAACZ;QAAIa,IAAI;YAAEC,QAAQT,mBAAmBS,UAAU;YAAGH,SAAS,GAAGF,eAAe,EAAE,CAAC;YAAEM,WAAW;QAAS;kBACrG,cAAA,KAACb;YAAmBI,cAAcA;YAAcC,MAAMA;;;AAG5D"}

package/lib/LogsTableSettingsEditor.d.ts

@@ -1,6 +1,6 @@
-import { OptionsEditorProps } from '@perses-dev/plugin-system';
-import { ReactElement } from 'react';
-import { LogsTableOptions } from './model';
+import type { OptionsEditorProps } from '@perses-dev/plugin-system';
+import type { ReactElement } from 'react';
+import type { LogsTableOptions } from './model';
 type LogsTableSettingsEditorProps = OptionsEditorProps<LogsTableOptions>;
 export declare function LogsTableSettingsEditor(props: LogsTableSettingsEditorProps): ReactElement;
 export {};

package/lib/LogsTableSettingsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTableSettingsEditor.d.ts","sourceRoot":"","sources":["../../src/LogsTableSettingsEditor.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAiD,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC9G,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAqBzF"}
+{"version":3,"file":"LogsTableSettingsEditor.d.ts","sourceRoot":"","sources":["../../src/LogsTableSettingsEditor.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA4B,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE9F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,4BAA4B,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,GAAG,YAAY,CAqBzF"}

package/lib/LogsTableSettingsEditor.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } 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,8 +10,9 @@ import { jsx as _jsx, jsxs as _jsxs } 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 { OptionsEditorColumn, OptionsEditorGrid, ThresholdsEditor } from '@perses-dev/components';
-import { LegendOptionsEditor } from '@perses-dev/plugin-system';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OptionsEditorColumn, OptionsEditorGrid, ThresholdsEditor } from "@perses-dev/components";
+import { LegendOptionsEditor } from "@perses-dev/plugin-system";
 export function LogsTableSettingsEditor(props) {
     const { onChange, value } = props;
     const handleLegendChange = (newLegend)=>{

package/lib/LogsTableSettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableSettingsEditor.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  OptionsEditorColumn,\n  OptionsEditorGrid,\n  ThresholdsEditor,\n  ThresholdsEditorProps,\n} from '@perses-dev/components';\nimport { LegendOptionsEditor, LegendOptionsEditorProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { ReactElement } from 'react';\nimport { LogsTableOptions } from './model';\n\ntype LogsTableSettingsEditorProps = OptionsEditorProps<LogsTableOptions>;\n\nexport function LogsTableSettingsEditor(props: LogsTableSettingsEditorProps): ReactElement {\n  const { onChange, value } = props;\n\n  const handleLegendChange: LegendOptionsEditorProps['onChange'] = (newLegend) => {\n    onChange({ ...value, legend: newLegend });\n  };\n\n  const handleThresholdsChange: ThresholdsEditorProps['onChange'] = (thresholds) => {\n    onChange({ ...value, thresholds });\n  };\n\n  return (\n    <OptionsEditorGrid>\n      <OptionsEditorColumn>\n        <LegendOptionsEditor value={value.legend} onChange={handleLegendChange} />\n      </OptionsEditorColumn>\n      <OptionsEditorColumn>\n        <ThresholdsEditor hideDefault thresholds={value.thresholds} onChange={handleThresholdsChange} />\n      </OptionsEditorColumn>\n    </OptionsEditorGrid>\n  );\n}\n"],"names":["OptionsEditorColumn","OptionsEditorGrid","ThresholdsEditor","LegendOptionsEditor","LogsTableSettingsEditor","props","onChange","value","handleLegendChange","newLegend","legend","handleThresholdsChange","thresholds","hideDefault"],"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,SACEA,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,QAEX,yBAAyB;AAChC,SAASC,mBAAmB,QAAsD,4BAA4B;AAM9G,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,MAAMG,qBAA2D,CAACC;QAChEH,SAAS;YAAE,GAAGC,KAAK;YAAEG,QAAQD;QAAU;IACzC;IAEA,MAAME,yBAA4D,CAACC;QACjEN,SAAS;YAAE,GAAGC,KAAK;YAAEK;QAAW;IAClC;IAEA,qBACE,MAACX;;0BACC,KAACD;0BACC,cAAA,KAACG;oBAAoBI,OAAOA,MAAMG,MAAM;oBAAEJ,UAAUE;;;0BAEtD,KAACR;0BACC,cAAA,KAACE;oBAAiBW,WAAW;oBAACD,YAAYL,MAAMK,UAAU;oBAAEN,UAAUK;;;;;AAI9E"}
+{"version":3,"sources":["../../src/LogsTableSettingsEditor.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 { ThresholdsEditorProps } from '@perses-dev/components';\nimport { OptionsEditorColumn, OptionsEditorGrid, ThresholdsEditor } from '@perses-dev/components';\nimport type { LegendOptionsEditorProps, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { LegendOptionsEditor } from '@perses-dev/plugin-system';\nimport type { ReactElement } from 'react';\n\nimport type { LogsTableOptions } from './model';\n\ntype LogsTableSettingsEditorProps = OptionsEditorProps<LogsTableOptions>;\n\nexport function LogsTableSettingsEditor(props: LogsTableSettingsEditorProps): ReactElement {\n  const { onChange, value } = props;\n\n  const handleLegendChange: LegendOptionsEditorProps['onChange'] = (newLegend) => {\n    onChange({ ...value, legend: newLegend });\n  };\n\n  const handleThresholdsChange: ThresholdsEditorProps['onChange'] = (thresholds) => {\n    onChange({ ...value, thresholds });\n  };\n\n  return (\n    <OptionsEditorGrid>\n      <OptionsEditorColumn>\n        <LegendOptionsEditor value={value.legend} onChange={handleLegendChange} />\n      </OptionsEditorColumn>\n      <OptionsEditorColumn>\n        <ThresholdsEditor hideDefault thresholds={value.thresholds} onChange={handleThresholdsChange} />\n      </OptionsEditorColumn>\n    </OptionsEditorGrid>\n  );\n}\n"],"names":["OptionsEditorColumn","OptionsEditorGrid","ThresholdsEditor","LegendOptionsEditor","LogsTableSettingsEditor","props","onChange","value","handleLegendChange","newLegend","legend","handleThresholdsChange","thresholds","hideDefault"],"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,SAASA,mBAAmB,EAAEC,iBAAiB,EAAEC,gBAAgB,QAAQ,yBAAyB;AAElG,SAASC,mBAAmB,QAAQ,4BAA4B;AAOhE,OAAO,SAASC,wBAAwBC,KAAmC;IACzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,MAAMG,qBAA2D,CAACC;QAChEH,SAAS;YAAE,GAAGC,KAAK;YAAEG,QAAQD;QAAU;IACzC;IAEA,MAAME,yBAA4D,CAACC;QACjEN,SAAS;YAAE,GAAGC,KAAK;YAAEK;QAAW;IAClC;IAEA,qBACE,MAACX;;0BACC,KAACD;0BACC,cAAA,KAACG;oBAAoBI,OAAOA,MAAMG,MAAM;oBAAEJ,UAAUE;;;0BAEtD,KAACR;0BACC,cAAA,KAACE;oBAAiBW,WAAW;oBAACD,YAAYL,MAAMK,UAAU;oBAAEN,UAAUK;;;;;AAI9E"}

package/lib/bootstrap.js

@@ -11,8 +11,8 @@ 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 ReactDOM from 'react-dom/client';
+import React from "react";
+import ReactDOM from "react-dom/client";
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(/*#__PURE__*/ _jsx(React.StrictMode, {}));
 

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyLogsState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyLogsState.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}
+{"version":3,"file":"EmptyLogsState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyLogsState.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuBxD,CAAC"}

package/lib/components/EmptyLogsState.js

@@ -11,8 +11,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import React from 'react';
-import { Box, Typography, useTheme } from '@mui/material';
+import { Box, Typography, useTheme } from "@mui/material";
+import React from "react";
 export const EmptyLogsState = ({ message = 'No logs to display' })=>{
     const theme = useTheme();
     return /*#__PURE__*/ _jsx(Box, {

package/lib/components/EmptyLogsState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/EmptyLogsState.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 { Box, Typography, useTheme } from '@mui/material';\n\ninterface EmptyLogsStateProps {\n  message?: string;\n}\n\nexport const EmptyLogsState: React.FC<EmptyLogsStateProps> = ({ message = 'No logs to display' }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '200px',\n      }}\n    >\n      <Typography\n        variant=\"body2\"\n        sx={{\n          color: theme.palette.text.secondary,\n          fontSize: '14px',\n        }}\n      >\n        {message}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":["React","Box","Typography","useTheme","EmptyLogsState","message","theme","sx","display","alignItems","justifyContent","height","variant","color","palette","text","secondary","fontSize"],"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;AAC1B,SAASC,GAAG,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,gBAAgB;AAM1D,OAAO,MAAMC,iBAAgD,CAAC,EAAEC,UAAU,oBAAoB,EAAE;IAC9F,MAAMC,QAAQH;IAEd,qBACE,KAACF;QACCM,IAAI;YACFC,SAAS;YACTC,YAAY;YACZC,gBAAgB;YAChBC,QAAQ;QACV;kBAEA,cAAA,KAACT;YACCU,SAAQ;YACRL,IAAI;gBACFM,OAAOP,MAAMQ,OAAO,CAACC,IAAI,CAACC,SAAS;gBACnCC,UAAU;YACZ;sBAECZ;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/components/EmptyLogsState.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, Typography, useTheme } from '@mui/material';\nimport React from 'react';\n\ninterface EmptyLogsStateProps {\n  message?: string;\n}\n\nexport const EmptyLogsState: React.FC<EmptyLogsStateProps> = ({ message = 'No logs to display' }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '200px',\n      }}\n    >\n      <Typography\n        variant=\"body2\"\n        sx={{\n          color: theme.palette.text.secondary,\n          fontSize: '14px',\n        }}\n      >\n        {message}\n      </Typography>\n    </Box>\n  );\n};\n"],"names":["Box","Typography","useTheme","React","EmptyLogsState","message","theme","sx","display","alignItems","justifyContent","height","variant","color","palette","text","secondary","fontSize"],"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,UAAU,EAAEC,QAAQ,QAAQ,gBAAgB;AAC1D,OAAOC,WAAW,QAAQ;AAM1B,OAAO,MAAMC,iBAAgD,CAAC,EAAEC,UAAU,oBAAoB,EAAE;IAC9F,MAAMC,QAAQJ;IAEd,qBACE,KAACF;QACCO,IAAI;YACFC,SAAS;YACTC,YAAY;YACZC,gBAAgB;YAChBC,QAAQ;QACV;kBAEA,cAAA,KAACV;YACCW,SAAQ;YACRL,IAAI;gBACFM,OAAOP,MAAMQ,OAAO,CAACC,IAAI,CAACC,SAAS;gBACnCC,UAAU;YACZ;sBAECZ;;;AAIT,EAAE"}

package/lib/components/LogRow/LogDetailsTable.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import type { Labels } from '@perses-dev/spec';
 import './ansiColors.css';
-import { Labels } from '@perses-dev/spec';
+import React from 'react';
 interface LogDetailsTableProps {
     log: Labels;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LogDetailsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogDetailsTable.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAW1C,UAAU,oBAAoB;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}
+{"version":3,"file":"LogDetailsTable.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogDetailsTable.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAkB,MAAM,OAAO,CAAC;AAYvC,UAAU,oBAAoB;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgD1D,CAAC"}

package/lib/components/LogRow/LogDetailsTable.js

@@ -11,10 +11,10 @@ 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, { useMemo } from 'react';
-import { Table, TableBody, TableRow, TableCell, useTheme, alpha } from '@mui/material';
-import './ansiColors.css';
-import { ansiToSanitizedHtml } from '../../utils/ansi';
+import { Table, TableBody, TableRow, TableCell, useTheme, alpha } from "@mui/material";
+import "./ansiColors.css";
+import React, { useMemo } from "react";
+import { ansiToSanitizedHtml } from "../../utils/ansi.js";
 const AnsiValue = ({ value })=>{
     const ansiHtml = useMemo(()=>ansiToSanitizedHtml(value), [
         value

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LogRow/LogDetailsTable.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, { useMemo } from 'react';\nimport { Table, TableBody, TableRow, TableCell, useTheme, alpha } from '@mui/material';\nimport './ansiColors.css';\nimport { Labels } from '@perses-dev/spec';\nimport { ansiToSanitizedHtml } from '../../utils/ansi';\n\nconst AnsiValue: React.FC<{ value: string }> = ({ value }) => {\n  const ansiHtml = useMemo(() => ansiToSanitizedHtml(value), [value]);\n  if (ansiHtml) {\n    return <span dangerouslySetInnerHTML={{ __html: ansiHtml }} />;\n  }\n  return <>{value}</>;\n};\n\ninterface LogDetailsTableProps {\n  log: Labels;\n}\n\nexport const LogDetailsTable: React.FC<LogDetailsTableProps> = ({ log }) => {\n  const theme = useTheme();\n\n  return (\n    <Table\n      size=\"small\"\n      sx={{\n        border: `1px solid ${theme.palette.divider}`,\n        '& .MuiTableCell-root': {\n          border: 'none',\n          padding: '6px 8px',\n          fontSize: '12px',\n        },\n      }}\n    >\n      <TableBody>\n        {Object.entries(log).map(([key, value]) => (\n          <TableRow\n            key={key}\n            sx={{\n              '&:hover': {\n                backgroundColor: alpha(theme.palette.action.hover, 0.04),\n              },\n            }}\n          >\n            <TableCell\n              sx={{\n                color: theme.palette.text.secondary,\n                fontWeight: 500,\n                width: '33%',\n              }}\n            >\n              {key}\n            </TableCell>\n            <TableCell\n              sx={{\n                color: theme.palette.text.primary,\n                wordBreak: 'break-word',\n                width: '67%',\n              }}\n            >\n              {value !== undefined && value !== null && value !== '' ? <AnsiValue value={value} /> : '--'}\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":["React","useMemo","Table","TableBody","TableRow","TableCell","useTheme","alpha","ansiToSanitizedHtml","AnsiValue","value","ansiHtml","span","dangerouslySetInnerHTML","__html","LogDetailsTable","log","theme","size","sx","border","palette","divider","padding","fontSize","Object","entries","map","key","backgroundColor","action","hover","color","text","secondary","fontWeight","width","primary","wordBreak","undefined"],"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,SAASC,OAAO,QAAQ,QAAQ;AACvC,SAASC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,gBAAgB;AACvF,OAAO,mBAAmB;AAE1B,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,MAAMC,YAAyC,CAAC,EAAEC,KAAK,EAAE;IACvD,MAAMC,WAAWV,QAAQ,IAAMO,oBAAoBE,QAAQ;QAACA;KAAM;IAClE,IAAIC,UAAU;QACZ,qBAAO,KAACC;YAAKC,yBAAyB;gBAAEC,QAAQH;YAAS;;IAC3D;IACA,qBAAO;kBAAGD;;AACZ;AAMA,OAAO,MAAMK,kBAAkD,CAAC,EAAEC,GAAG,EAAE;IACrE,MAAMC,QAAQX;IAEd,qBACE,KAACJ;QACCgB,MAAK;QACLC,IAAI;YACFC,QAAQ,CAAC,UAAU,EAAEH,MAAMI,OAAO,CAACC,OAAO,EAAE;YAC5C,wBAAwB;gBACtBF,QAAQ;gBACRG,SAAS;gBACTC,UAAU;YACZ;QACF;kBAEA,cAAA,KAACrB;sBACEsB,OAAOC,OAAO,CAACV,KAAKW,GAAG,CAAC,CAAC,CAACC,KAAKlB,MAAM,iBACpC,MAACN;oBAECe,IAAI;wBACF,WAAW;4BACTU,iBAAiBtB,MAAMU,MAAMI,OAAO,CAACS,MAAM,CAACC,KAAK,EAAE;wBACrD;oBACF;;sCAEA,KAAC1B;4BACCc,IAAI;gCACFa,OAAOf,MAAMI,OAAO,CAACY,IAAI,CAACC,SAAS;gCACnCC,YAAY;gCACZC,OAAO;4BACT;sCAECR;;sCAEH,KAACvB;4BACCc,IAAI;gCACFa,OAAOf,MAAMI,OAAO,CAACY,IAAI,CAACI,OAAO;gCACjCC,WAAW;gCACXF,OAAO;4BACT;sCAEC1B,UAAU6B,aAAa7B,UAAU,QAAQA,UAAU,mBAAK,KAACD;gCAAUC,OAAOA;iCAAY;;;mBAvBpFkB;;;AA8BjB,EAAE"}
+{"version":3,"sources":["../../../../src/components/LogRow/LogDetailsTable.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 { Table, TableBody, TableRow, TableCell, useTheme, alpha } from '@mui/material';\nimport type { Labels } from '@perses-dev/spec';\n\nimport './ansiColors.css';\nimport React, { useMemo } from 'react';\n\nimport { ansiToSanitizedHtml } from '../../utils/ansi';\n\nconst AnsiValue: React.FC<{ value: string }> = ({ value }) => {\n  const ansiHtml = useMemo(() => ansiToSanitizedHtml(value), [value]);\n  if (ansiHtml) {\n    return <span dangerouslySetInnerHTML={{ __html: ansiHtml }} />;\n  }\n  return <>{value}</>;\n};\n\ninterface LogDetailsTableProps {\n  log: Labels;\n}\n\nexport const LogDetailsTable: React.FC<LogDetailsTableProps> = ({ log }) => {\n  const theme = useTheme();\n\n  return (\n    <Table\n      size=\"small\"\n      sx={{\n        border: `1px solid ${theme.palette.divider}`,\n        '& .MuiTableCell-root': {\n          border: 'none',\n          padding: '6px 8px',\n          fontSize: '12px',\n        },\n      }}\n    >\n      <TableBody>\n        {Object.entries(log).map(([key, value]) => (\n          <TableRow\n            key={key}\n            sx={{\n              '&:hover': {\n                backgroundColor: alpha(theme.palette.action.hover, 0.04),\n              },\n            }}\n          >\n            <TableCell\n              sx={{\n                color: theme.palette.text.secondary,\n                fontWeight: 500,\n                width: '33%',\n              }}\n            >\n              {key}\n            </TableCell>\n            <TableCell\n              sx={{\n                color: theme.palette.text.primary,\n                wordBreak: 'break-word',\n                width: '67%',\n              }}\n            >\n              {value !== undefined && value !== null && value !== '' ? <AnsiValue value={value} /> : '--'}\n            </TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":["Table","TableBody","TableRow","TableCell","useTheme","alpha","React","useMemo","ansiToSanitizedHtml","AnsiValue","value","ansiHtml","span","dangerouslySetInnerHTML","__html","LogDetailsTable","log","theme","size","sx","border","palette","divider","padding","fontSize","Object","entries","map","key","backgroundColor","action","hover","color","text","secondary","fontWeight","width","primary","wordBreak","undefined"],"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,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,gBAAgB;AAGvF,OAAO,mBAAmB;AAC1B,OAAOC,SAASC,OAAO,QAAQ,QAAQ;AAEvC,SAASC,mBAAmB,QAAQ,sBAAmB;AAEvD,MAAMC,YAAyC,CAAC,EAAEC,KAAK,EAAE;IACvD,MAAMC,WAAWJ,QAAQ,IAAMC,oBAAoBE,QAAQ;QAACA;KAAM;IAClE,IAAIC,UAAU;QACZ,qBAAO,KAACC;YAAKC,yBAAyB;gBAAEC,QAAQH;YAAS;;IAC3D;IACA,qBAAO;kBAAGD;;AACZ;AAMA,OAAO,MAAMK,kBAAkD,CAAC,EAAEC,GAAG,EAAE;IACrE,MAAMC,QAAQb;IAEd,qBACE,KAACJ;QACCkB,MAAK;QACLC,IAAI;YACFC,QAAQ,CAAC,UAAU,EAAEH,MAAMI,OAAO,CAACC,OAAO,EAAE;YAC5C,wBAAwB;gBACtBF,QAAQ;gBACRG,SAAS;gBACTC,UAAU;YACZ;QACF;kBAEA,cAAA,KAACvB;sBACEwB,OAAOC,OAAO,CAACV,KAAKW,GAAG,CAAC,CAAC,CAACC,KAAKlB,MAAM,iBACpC,MAACR;oBAECiB,IAAI;wBACF,WAAW;4BACTU,iBAAiBxB,MAAMY,MAAMI,OAAO,CAACS,MAAM,CAACC,KAAK,EAAE;wBACrD;oBACF;;sCAEA,KAAC5B;4BACCgB,IAAI;gCACFa,OAAOf,MAAMI,OAAO,CAACY,IAAI,CAACC,SAAS;gCACnCC,YAAY;gCACZC,OAAO;4BACT;sCAECR;;sCAEH,KAACzB;4BACCgB,IAAI;gCACFa,OAAOf,MAAMI,OAAO,CAACY,IAAI,CAACI,OAAO;gCACjCC,WAAW;gCACXF,OAAO;4BACT;sCAEC1B,UAAU6B,aAAa7B,UAAU,QAAQA,UAAU,mBAAK,KAACD;gCAAUC,OAAOA;iCAAY;;;mBAvBpFkB;;;AA8BjB,EAAE"}

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

@@ -1,5 +1,6 @@
-import React, { ReactNode } from 'react';
-import { LogEntry } from '@perses-dev/spec';
+import type { LogEntry } from '@perses-dev/spec';
+import type { ReactNode } from 'react';
+import React from 'react';
 import './ansiColors.css';
 interface LogRowProps {
     log?: LogEntry;

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

@@ -1 +1 @@
-{"version":3,"file":"LogRow.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogRow.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,EAAQ,SAAS,EAAqD,MAAM,OAAO,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAO5C,OAAO,kBAAkB,CAAC;AAI1B,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;CACjC;AA0TD,eAAO,MAAM,MAAM,yCAAsB,CAAC"}
+{"version":3,"file":"LogRow.d.ts","sourceRoot":"","sources":["../../../../src/components/LogRow/LogRow.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAkE,MAAM,OAAO,CAAC;AASvF,OAAO,kBAAkB,CAAC;AAI1B,UAAU,WAAW;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;CACjC;AA0TD,eAAO,MAAM,MAAM,yCAAsB,CAAC"}

package/lib/components/LogRow/LogRow.js

@@ -11,21 +11,21 @@ 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 { Box, Collapse, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, useTheme } from '@mui/material';
-import Check from 'mdi-material-ui/Check';
-import ChevronDown from 'mdi-material-ui/ChevronDown';
-import ChevronRight from 'mdi-material-ui/ChevronRight';
-import CodeJson from 'mdi-material-ui/CodeJson';
-import ContentCopy from 'mdi-material-ui/ContentCopy';
-import FormatQuoteClose from 'mdi-material-ui/FormatQuoteClose';
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { ansiToSanitizedHtml } from '../../utils/ansi';
-import { formatLogAsJson, formatLogEntry, formatLogMessage } from '../../utils/copyHelpers';
-import { useSeverityColor } from '../hooks/useSeverity';
-import { LogDetailsTable } from './LogDetailsTable';
-import { LogTimestamp } from './LogTimestamp';
-import { ExpandButton, LogRowContainer, LogRowContent, LogText } from './LogsStyles';
-import './ansiColors.css';
+import { Box, Collapse, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, useTheme } from "@mui/material";
+import Check from "mdi-material-ui/Check";
+import ChevronDown from "mdi-material-ui/ChevronDown";
+import ChevronRight from "mdi-material-ui/ChevronRight";
+import CodeJson from "mdi-material-ui/CodeJson";
+import ContentCopy from "mdi-material-ui/ContentCopy";
+import FormatQuoteClose from "mdi-material-ui/FormatQuoteClose";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { ansiToSanitizedHtml } from "../../utils/ansi.js";
+import { formatLogAsJson, formatLogEntry, formatLogMessage } from "../../utils/copyHelpers.js";
+import { useSeverityColor } from "../hooks/useSeverity.js";
+import { LogDetailsTable } from "./LogDetailsTable.js";
+import { ExpandButton, LogRowContainer, LogRowContent, LogText } from "./LogsStyles.js";
+import { LogTimestamp } from "./LogTimestamp.js";
+import "./ansiColors.css";
 const COPY_SUCCESS_DURATION_MS = 1500;
 const DefaultLogRow = ({ log, isExpanded, index, onToggle, isExpandable = true, showTime = false, allowWrap = false, isSelected = false, onSelect, itemActionButtons })=>{
     const theme = useTheme();