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

package/lib/LogsTable.js

@@ -13,6 +13,7 @@
 import { LogsTableComponent } from './LogsTableComponent';
 import { LogsTableItemSelectionActionsEditor } from './LogsTableItemSelectionActionsEditor';
 import { LogsTableSettingsEditor } from './LogsTableSettingsEditor';
+import { LogsTableCsvExportAction } from './LogsTableCsvExportAction';
 import { LogsTableExportAction } from './LogsTableExportAction';
 export const LogsTable = {
     PanelComponent: LogsTableComponent,
@@ -38,6 +39,10 @@ export const LogsTable = {
         {
             component: LogsTableExportAction,
             location: 'header'
+        },
+        {
+            component: LogsTableCsvExportAction,
+            location: 'header'
         }
     ]
 };

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 { 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: [{ component: LogsTableExportAction, location: 'header' }],\n};\n"],"names":["LogsTableComponent","LogsTableItemSelectionActionsEditor","LogsTableSettingsEditor","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,qBAAqB,QAAQ,0BAA0B;AAEhE,OAAO,MAAMC,YAA2D;IACtEC,gBAAgBL;IAChBM,8BAA8B;QAC5B;YAAEC,OAAO;YAAYC,SAASN;QAAwB;QACtD;YAAEK,OAAO;YAAgBC,SAASP;QAAoC;KACvE;IACDQ,qBAAqB;QAAC;KAAW;IACjCC,sBAAsB,IAAO,CAAA;YAC3BC,UAAU;YACVC,WAAW;YACXC,eAAe;QACjB,CAAA;IACAC,SAAS;QAAC;YAAEC,WAAWZ;YAAuBa,UAAU;QAAS;KAAE;AACrE,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 { 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"}

package/lib/LogsTableCsvExportAction.d.ts

@@ -0,0 +1,6 @@
+import { LogEntry } from '@perses-dev/spec';
+import { LogsTableProps } from './model';
+export declare function collectLabelKeys(entries: LogEntry[]): string[];
+export declare function buildLogsCsvString(entries: LogEntry[]): string;
+export declare const LogsTableCsvExportAction: React.FC<LogsTableProps>;
+//# sourceMappingURL=LogsTableCsvExportAction.d.ts.map

package/lib/LogsTableCsvExportAction.d.ts.map

@@ -0,0 +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"}

package/lib/LogsTableCsvExportAction.js

@@ -0,0 +1,100 @@
+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.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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';
+export function collectLabelKeys(entries) {
+    const keys = new Set();
+    for (const entry of entries){
+        for (const key of Object.keys(entry.labels)){
+            keys.add(key);
+        }
+    }
+    return Array.from(keys).sort();
+}
+export function buildLogsCsvString(entries) {
+    const labelKeys = collectLabelKeys(entries);
+    const headerColumns = [
+        'timestamp',
+        'body',
+        ...labelKeys
+    ];
+    const headerRow = headerColumns.map(escapeCsvValue).join(',');
+    const dataRows = entries.map((entry)=>{
+        const timestamp = escapeCsvValue(formatTimestampISO(entry.timestamp));
+        const body = escapeCsvValue(stripAnsi(entry.line));
+        const labels = labelKeys.map((key)=>escapeCsvValue(entry.labels[key] ?? ''));
+        return [
+            timestamp,
+            body,
+            ...labels
+        ].join(',');
+    });
+    return [
+        headerRow,
+        ...dataRows
+    ].join('\n') + '\n';
+}
+export const LogsTableCsvExportAction = ({ queryResults, definition })=>{
+    const entries = useMemo(()=>{
+        return queryResults.flatMap((q)=>q.data?.logs?.entries ?? []);
+    }, [
+        queryResults
+    ]);
+    const isDisabled = !entries.length;
+    const handleDownload = useCallback(()=>{
+        if (isDisabled) return;
+        try {
+            const csvString = buildLogsCsvString(entries);
+            const blob = new Blob([
+                csvString
+            ], {
+                type: 'text/csv;charset=utf-8'
+            });
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            const title = definition?.spec?.display?.name || 'Logs Table Data';
+            const baseFilename = sanitizeFilename(title);
+            link.download = `${baseFilename}_data.csv`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        } catch (error) {
+            console.error('Logs table CSV export failed:', error);
+        }
+    }, [
+        definition,
+        entries,
+        isDisabled
+    ]);
+    return /*#__PURE__*/ _jsx(InfoTooltip, {
+        description: isDisabled ? 'No data to export' : 'Export as CSV',
+        children: /*#__PURE__*/ _jsx(IconButton, {
+            disabled: isDisabled,
+            size: "small",
+            onClick: handleDownload,
+            "aria-label": "Export Logs Table Data as CSV",
+            children: /*#__PURE__*/ _jsx(FileDelimitedOutline, {
+                fontSize: "inherit"
+            })
+        })
+    });
+};
+
+//# sourceMappingURL=LogsTableCsvExportAction.js.map

package/lib/LogsTableCsvExportAction.js.map

@@ -0,0 +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"}

package/lib/cjs/LogsTable.js

@@ -23,6 +23,7 @@ Object.defineProperty(exports, "LogsTable", {
 const _LogsTableComponent = require("./LogsTableComponent");
 const _LogsTableItemSelectionActionsEditor = require("./LogsTableItemSelectionActionsEditor");
 const _LogsTableSettingsEditor = require("./LogsTableSettingsEditor");
+const _LogsTableCsvExportAction = require("./LogsTableCsvExportAction");
 const _LogsTableExportAction = require("./LogsTableExportAction");
 const LogsTable = {
     PanelComponent: _LogsTableComponent.LogsTableComponent,
@@ -48,6 +49,10 @@ const LogsTable = {
         {
             component: _LogsTableExportAction.LogsTableExportAction,
             location: 'header'
+        },
+        {
+            component: _LogsTableCsvExportAction.LogsTableCsvExportAction,
+            location: 'header'
         }
     ]
 };

package/lib/cjs/LogsTableCsvExportAction.js

@@ -0,0 +1,124 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get LogsTableCsvExportAction () {
+        return LogsTableCsvExportAction;
+    },
+    get buildLogsCsvString () {
+        return buildLogsCsvString;
+    },
+    get collectLabelKeys () {
+        return collectLabelKeys;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _components = require("@perses-dev/components");
+const _material = require("@mui/material");
+const _FileDelimitedOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/FileDelimitedOutline"));
+const _pluginsystem = require("@perses-dev/plugin-system");
+const _react = require("react");
+const _ansi = require("./utils/ansi");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function collectLabelKeys(entries) {
+    const keys = new Set();
+    for (const entry of entries){
+        for (const key of Object.keys(entry.labels)){
+            keys.add(key);
+        }
+    }
+    return Array.from(keys).sort();
+}
+function buildLogsCsvString(entries) {
+    const labelKeys = collectLabelKeys(entries);
+    const headerColumns = [
+        'timestamp',
+        'body',
+        ...labelKeys
+    ];
+    const headerRow = headerColumns.map(_pluginsystem.escapeCsvValue).join(',');
+    const dataRows = entries.map((entry)=>{
+        const timestamp = (0, _pluginsystem.escapeCsvValue)((0, _pluginsystem.formatTimestampISO)(entry.timestamp));
+        const body = (0, _pluginsystem.escapeCsvValue)((0, _ansi.stripAnsi)(entry.line));
+        const labels = labelKeys.map((key)=>(0, _pluginsystem.escapeCsvValue)(entry.labels[key] ?? ''));
+        return [
+            timestamp,
+            body,
+            ...labels
+        ].join(',');
+    });
+    return [
+        headerRow,
+        ...dataRows
+    ].join('\n') + '\n';
+}
+const LogsTableCsvExportAction = ({ queryResults, definition })=>{
+    const entries = (0, _react.useMemo)(()=>{
+        return queryResults.flatMap((q)=>q.data?.logs?.entries ?? []);
+    }, [
+        queryResults
+    ]);
+    const isDisabled = !entries.length;
+    const handleDownload = (0, _react.useCallback)(()=>{
+        if (isDisabled) return;
+        try {
+            const csvString = buildLogsCsvString(entries);
+            const blob = new Blob([
+                csvString
+            ], {
+                type: 'text/csv;charset=utf-8'
+            });
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            const title = definition?.spec?.display?.name || 'Logs Table Data';
+            const baseFilename = (0, _pluginsystem.sanitizeFilename)(title);
+            link.download = `${baseFilename}_data.csv`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        } catch (error) {
+            console.error('Logs table CSV export failed:', error);
+        }
+    }, [
+        definition,
+        entries,
+        isDisabled
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
+        description: isDisabled ? 'No data to export' : 'Export as CSV',
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+            disabled: isDisabled,
+            size: "small",
+            onClick: handleDownload,
+            "aria-label": "Export Logs Table Data as CSV",
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileDelimitedOutline.default, {
+                fontSize: "inherit"
+            })
+        })
+    });
+};

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "LogsTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.3.0-beta.0",
+      "buildVersion": "0.3.0-beta.3",
       "buildName": "@perses-dev/logs-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/LogsTable.471dc288.js",
+      "name": "__mf/js/LogsTable.c9a77ac4.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "LogsTable",
-    "pluginVersion": "2.4.0",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/LogsTable/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6274.940dee19.js"
+            "__mf/js/async/6274.fe68ed99.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1616.1b9a06fe.js",
-            "__mf/js/async/9235.33a97899.js"
+            "__mf/js/async/1616.c3be409a.js",
+            "__mf/js/async/9235.b68f4586.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5587.c7e5a39c.js",
-            "__mf/js/async/7968.aaf8a8bc.js"
+            "__mf/js/async/5587.9e49a823.js",
+            "__mf/js/async/7968.ec249f6f.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "LogsTable:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.3",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.3",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5369.0aa8782c.js"
+            "__mf/js/async/4401.e12938b2.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/5369.85c2cbf6.css"
+            "__mf/css/async/4401.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "LogsTable:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.54.0-beta.3",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.3",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1159.9276d668.js"
+            "__mf/js/async/9126.32822d59.js"
           ]
         },
         "css": {
@@ -131,14 +131,14 @@
     {
       "id": "LogsTable:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.3",
+      "version": "0.54.0-beta.11",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.3",
+      "requiredVersion": "^0.54.0-beta.11",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/20.b04ebcaa.js"
+            "__mf/js/async/1570.1c819a66.js"
           ]
         },
         "css": {
@@ -151,17 +151,14 @@
     {
       "id": "LogsTable:@perses-dev/spec",
       "name": "@perses-dev/spec",
-      "version": "0.2.0-beta.0",
+      "version": "0.2.0-beta.6",
       "singleton": true,
-      "requiredVersion": "^0.2.0-beta.2",
+      "requiredVersion": "^0.2.0-beta.6",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/256.20a94089.js",
-            "__mf/js/async/1805.ab82c1ef.js",
-            "__mf/js/async/1519.40e06bfc.js",
-            "__mf/js/async/2842.4aad5bc1.js"
+            "__mf/js/async/2842.7c7a1b3f.js"
           ]
         },
         "css": {
@@ -174,14 +171,14 @@
     {
       "id": "LogsTable:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7192.84e9432b.js"
+            "__mf/js/async/7192.017cbe40.js"
           ]
         },
         "css": {
@@ -201,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.a4b44e41.js"
+            "__mf/js/async/873.4fd8a061.js"
           ]
         },
         "css": {
@@ -221,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.f9cb0cfc.js"
+            "__mf/js/async/392.5cb44640.js"
           ]
         },
         "css": {
@@ -241,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8470.878f89da.js"
+            "__mf/js/async/8470.f0bbed7d.js"
           ]
         },
         "css": {
@@ -261,7 +258,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4121.c9ef0518.js"
+            "__mf/js/async/4121.d4c9b3e3.js"
           ]
         },
         "css": {
@@ -281,8 +278,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4077.e9103d7c.js",
-            "__mf/js/async/6458.b2359789.js"
+            "__mf/js/async/4077.32e3919d.js",
+            "__mf/js/async/6458.de33906b.js"
           ]
         },
         "css": {
@@ -302,7 +299,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7978.35e0aa88.js"
+            "__mf/js/async/7978.026a8b19.js"
           ]
         },
         "css": {
@@ -321,25 +318,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/9293.77eed9f0.js",
-            "__mf/js/async/7445.73c38e72.js",
-            "__mf/js/async/8608.072381d3.js",
-            "__mf/js/async/540.d4d0de7f.js",
-            "__mf/js/async/__federation_expose_LogsTable.b2bc5b29.js"
+            "__mf/js/async/9293.ee3265d4.js",
+            "__mf/js/async/7445.009cf084.js",
+            "__mf/js/async/8608.618e49dc.js",
+            "__mf/js/async/8634.231e1601.js",
+            "__mf/js/async/__federation_expose_LogsTable.46e67e99.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.47d4d226.js",
-            "__mf/js/async/8356.355b4afe.js",
-            "__mf/js/async/8542.e30a008f.js",
-            "__mf/js/async/304.8985bacb.js",
-            "__mf/js/async/7452.7c6fe277.js",
-            "__mf/js/async/5652.e6029fc8.js",
-            "__mf/js/async/9588.4e751733.js",
-            "__mf/js/async/5071.87183f5a.js",
-            "__mf/js/async/2043.956cdbbb.js",
-            "__mf/js/async/7413.581476fb.js",
-            "__mf/js/async/4869.940da5d7.js",
-            "__mf/js/async/7177.44516b97.js"
+            "__mf/js/async/lib-router.c5e3aef3.js",
+            "__mf/js/async/8356.f736e620.js",
+            "__mf/js/async/8542.aa0c5fe3.js",
+            "__mf/js/async/304.21c30c64.js",
+            "__mf/js/async/1603.89bfb1ad.js",
+            "__mf/js/async/973.3b37ba1a.js",
+            "__mf/js/async/9588.b214b983.js",
+            "__mf/js/async/5071.be3352f1.js",
+            "__mf/js/async/2043.dba84aa4.js",
+            "__mf/js/async/7413.c2661694.js",
+            "__mf/js/async/4869.80345aa7.js",
+            "__mf/js/async/7177.8dd90707.js"
           ]
         },
         "css": {
@@ -347,7 +344,7 @@
             "__mf/css/async/__federation_expose_LogsTable.eedb54d8.css"
           ],
           "async": [
-            "__mf/css/async/5369.85c2cbf6.css"
+            "__mf/css/async/4401.85c2cbf6.css"
           ]
         }
       },