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

package/lib/LogsTableItemSelectionActionsEditor.js

@@ -0,0 +1,36 @@
+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 { ItemSelectionActionsEditor } from '@perses-dev/plugin-system';
+export function LogsTableItemSelectionActionsEditor({ value, onChange }) {
+    function handleActionsChange(actions) {
+        onChange({
+            ...value,
+            actions: actions
+        });
+    }
+    function handleSelectionChange(selection) {
+        onChange({
+            ...value,
+            selection: selection
+        });
+    }
+    return /*#__PURE__*/ _jsx(ItemSelectionActionsEditor, {
+        actionOptions: value.actions,
+        onChangeActions: handleActionsChange,
+        selectionOptions: value.selection,
+        onChangeSelection: handleSelectionChange
+    });
+}
+
+//# sourceMappingURL=LogsTableItemSelectionActionsEditor.js.map

package/lib/LogsTableItemSelectionActionsEditor.js.map

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

package/lib/LogsTablePanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/LogsTablePanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTablePanel.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { 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,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,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 { 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"}

package/lib/LogsTableSettingsEditor.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -11,7 +11,7 @@ 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 { OptionsEditorGrid, OptionsEditorColumn, ThresholdsEditor } from '@perses-dev/components';
+import { OptionsEditorColumn, OptionsEditorGrid, ThresholdsEditor } from '@perses-dev/components';
 import { LegendOptionsEditor } from '@perses-dev/plugin-system';
 export function LogsTableSettingsEditor(props) {
     const { onChange, value } = props;

package/lib/LogsTableSettingsEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/LogsTableSettingsEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  OptionsEditorGrid,\n  OptionsEditorColumn,\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":["OptionsEditorGrid","OptionsEditorColumn","ThresholdsEditor","LegendOptionsEditor","LogsTableSettingsEditor","props","onChange","value","handleLegendChange","newLegend","legend","handleThresholdsChange","thresholds","hideDefault"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SACEA,iBAAiB,EACjBC,mBAAmB,EACnBC,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,MAACZ;;0BACC,KAACC;0BACC,cAAA,KAACE;oBAAoBI,OAAOA,MAAMG,MAAM;oBAAEJ,UAAUE;;;0BAEtD,KAACP;0BACC,cAAA,KAACC;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 {\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"}

package/lib/bootstrap.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at

package/lib/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/bootstrap.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}
+{"version":3,"sources":["../../src/bootstrap.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 ReactDOM from 'react-dom/client';\n\nconst root = ReactDOM.createRoot(document.getElementById('root')!);\nroot.render(<React.StrictMode></React.StrictMode>);\n"],"names":["React","ReactDOM","root","createRoot","document","getElementById","render","StrictMode"],"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,OAAOC,cAAc,mBAAmB;AAExC,MAAMC,OAAOD,SAASE,UAAU,CAACC,SAASC,cAAc,CAAC;AACzDH,KAAKI,MAAM,eAAC,KAACN,MAAMO,UAAU"}

package/lib/cjs/LogsTable.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -21,6 +21,7 @@ Object.defineProperty(exports, "LogsTable", {
     }
 });
 const _LogsTableComponent = require("./LogsTableComponent");
+const _LogsTableItemSelectionActionsEditor = require("./LogsTableItemSelectionActionsEditor");
 const _LogsTableSettingsEditor = require("./LogsTableSettingsEditor");
 const LogsTable = {
     PanelComponent: _LogsTableComponent.LogsTableComponent,
@@ -28,6 +29,10 @@ const LogsTable = {
         {
             label: 'Settings',
             content: _LogsTableSettingsEditor.LogsTableSettingsEditor
+        },
+        {
+            label: 'Item Actions',
+            content: _LogsTableItemSelectionActionsEditor.LogsTableItemSelectionActionsEditor
         }
     ],
     supportedQueryTypes: [

package/lib/cjs/LogsTableComponent.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -25,17 +25,21 @@ const _material = require("@mui/material");
 const _LogsList = require("./components/LogsList");
 function LogsTableComponent(props) {
     const { queryResults, spec } = props;
-    if (queryResults[0]?.data.logs === undefined) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-            variant: "h3",
+    // all queries results must be included
+    const logs = queryResults.flatMap((result)=>result?.data.logs?.entries ?? []).sort((a, b)=>b.timestamp - a.timestamp);
+    if (!logs.length) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
             sx: {
-                textAlign: 'center',
-                marginTop: 4
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100%'
             },
-            children: "No logs to display"
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                children: "No logs to display"
+            })
         });
     }
-    const logs = queryResults[0]?.data.logs.entries;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogsList.LogsList, {
         logs: logs,
         spec: spec

package/lib/cjs/LogsTableItemSelectionActionsEditor.js

@@ -0,0 +1,44 @@
+// 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
+});
+Object.defineProperty(exports, "LogsTableItemSelectionActionsEditor", {
+    enumerable: true,
+    get: function() {
+        return LogsTableItemSelectionActionsEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _pluginsystem = require("@perses-dev/plugin-system");
+function LogsTableItemSelectionActionsEditor({ value, onChange }) {
+    function handleActionsChange(actions) {
+        onChange({
+            ...value,
+            actions: actions
+        });
+    }
+    function handleSelectionChange(selection) {
+        onChange({
+            ...value,
+            selection: selection
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.ItemSelectionActionsEditor, {
+        actionOptions: value.actions,
+        onChangeActions: handleActionsChange,
+        selectionOptions: value.selection,
+        onChangeSelection: handleSelectionChange
+    });
+}

package/lib/cjs/LogsTablePanel.js

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

package/lib/cjs/LogsTableSettingsEditor.js

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

package/lib/cjs/bootstrap.js

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

package/lib/cjs/components/EmptyLogsState.js

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

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

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

package/lib/cjs/components/LogRow/LogRow.js

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // You may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -24,6 +24,13 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _material = require("@mui/material");
 const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
+const _ContentCopy = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ContentCopy"));
+const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
+const _FormatQuoteClose = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/FormatQuoteClose"));
+const _CodeJson = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/CodeJson"));
+const _Check = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Check"));
+const _useSeverity = require("../hooks/useSeverity");
+const _copyHelpers = require("../../utils/copyHelpers");
 const _LogTimestamp = require("./LogTimestamp");
 const _LogsStyles = require("./LogsStyles");
 const _LogDetailsTable = require("./LogDetailsTable");
@@ -73,11 +80,26 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const DefaultLogRow = ({ log, isExpanded, index, onToggle, isExpandable = true, showTime = false, allowWrap = false })=>{
+const COPY_SUCCESS_DURATION_MS = 1500;
+const DefaultLogRow = ({ log, isExpanded, index, onToggle, isExpandable = true, showTime = false, allowWrap = false, isSelected = false, onSelect, itemActionButtons })=>{
     const theme = (0, _material.useTheme)();
-    const severityColor = theme.palette.text.secondary;
-    const handleToggle = (0, _react.useCallback)(()=>{
+    const severityColor = (0, _useSeverity.useSeverityColor)(log);
+    const [isHovered, setIsHovered] = (0, _react.useState)(false);
+    const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+    const [copySuccess, setCopySuccess] = (0, _react.useState)(false);
+    const rowRef = (0, _react.useRef)(null);
+    const copyTimeoutRef = (0, _react.useRef)(null);
+    // Cleanup timeout on unmount
+    (0, _react.useEffect)(()=>{
+        return ()=>{
+            if (copyTimeoutRef.current) {
+                window.clearTimeout(copyTimeoutRef.current);
+            }
+        };
+    }, []);
+    const handleToggle = (0, _react.useCallback)((e)=>{
         if (isExpandable) {
+            e.stopPropagation();
             onToggle(index);
         }
     }, [
@@ -85,20 +107,80 @@ const DefaultLogRow = ({ log, isExpanded, index, onToggle, isExpandable = true,
         onToggle,
         index
     ]);
+    const handleRowMouseDown = (0, _react.useCallback)((e)=>{
+        if (onSelect) {
+            onSelect(index, e);
+        }
+    }, [
+        onSelect,
+        index
+    ]);
+    const handleOpenMenu = (0, _react.useCallback)((e)=>{
+        e.stopPropagation();
+        setAnchorEl(e.currentTarget);
+    }, []);
+    const handleCloseMenu = (0, _react.useCallback)(()=>{
+        setAnchorEl(null);
+        setIsHovered(false);
+    }, []);
+    const handleCopy = (0, _react.useCallback)(async (format)=>{
+        if (!log) return;
+        let text;
+        switch(format){
+            case 'message':
+                text = (0, _copyHelpers.formatLogMessage)(log);
+                break;
+            case 'json':
+                text = (0, _copyHelpers.formatLogAsJson)(log);
+                break;
+            case 'full':
+            default:
+                text = (0, _copyHelpers.formatLogEntry)(log);
+        }
+        await navigator.clipboard.writeText(text);
+        setCopySuccess(true);
+        handleCloseMenu();
+        // Clear existing timeout
+        if (copyTimeoutRef.current) {
+            window.clearTimeout(copyTimeoutRef.current);
+        }
+        // Reset success state after configured duration
+        copyTimeoutRef.current = window.setTimeout(()=>{
+            setCopySuccess(false);
+        }, COPY_SUCCESS_DURATION_MS);
+    }, [
+        log,
+        handleCloseMenu
+    ]);
     if (!log) return null;
+    const hasRowActions = itemActionButtons && itemActionButtons.length > 0;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_LogsStyles.LogRowContainer, {
         severityColor: severityColor,
+        ref: rowRef,
+        onMouseEnter: ()=>setIsHovered(true),
+        onMouseLeave: ()=>{
+            if (!anchorEl) {
+                setIsHovered(false);
+            }
+        },
+        "data-log-index": index,
+        "data-testid": `log-row-container-${index}`,
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_LogsStyles.LogRowContent, {
-                onClick: handleToggle,
+                onMouseDown: handleRowMouseDown,
                 isExpandable: isExpandable,
+                isHighlighted: Boolean(anchorEl),
+                hasRowActions: hasRowActions,
+                isSelected: isSelected,
                 children: [
                     isExpandable && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                        onClick: handleToggle,
                         sx: {
                             display: 'flex',
                             alignItems: 'center',
                             width: '16px',
-                            justifyContent: 'center'
+                            justifyContent: 'center',
+                            cursor: 'pointer'
                         },
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogsStyles.ExpandButton, {
                             size: "small",
@@ -113,17 +195,182 @@ const DefaultLogRow = ({ log, isExpanded, index, onToggle, isExpandable = true,
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogTimestamp.LogTimestamp, {
                         timestamp: log.timestamp
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
                         sx: {
                             display: 'flex',
                             gap: '10px',
-                            marginLeft: '36px'
+                            marginLeft: '36px',
+                            alignItems: 'center'
                         },
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogsStyles.LogText, {
-                            variant: "body2",
-                            allowWrap: allowWrap,
-                            children: log.line
-                        })
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogsStyles.LogText, {
+                                variant: "body2",
+                                allowWrap: allowWrap,
+                                children: log.line
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Tooltip, {
+                                title: copySuccess ? 'Copied!' : 'Copy options',
+                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                                    size: "small",
+                                    onClick: handleOpenMenu,
+                                    "aria-label": "Copy log options",
+                                    sx: {
+                                        padding: '4px',
+                                        marginLeft: 'auto',
+                                        color: copySuccess ? theme.palette.success.main : theme.palette.text.secondary,
+                                        opacity: isHovered || Boolean(anchorEl) || copySuccess ? 1 : 0,
+                                        pointerEvents: isHovered || Boolean(anchorEl) || copySuccess ? 'auto' : 'none',
+                                        transition: 'opacity 0.08s ease, color 0.2s ease',
+                                        '&:hover': {
+                                            color: copySuccess ? theme.palette.success.main : theme.palette.primary.main,
+                                            backgroundColor: theme.palette.action.hover
+                                        },
+                                        borderRadius: '4px',
+                                        display: 'flex',
+                                        gap: '2px'
+                                    },
+                                    children: copySuccess ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Check.default, {
+                                        sx: {
+                                            fontSize: '14px'
+                                        }
+                                    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ContentCopy.default, {
+                                                sx: {
+                                                    fontSize: '14px'
+                                                }
+                                            }),
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {
+                                                sx: {
+                                                    fontSize: '12px'
+                                                }
+                                            })
+                                        ]
+                                    })
+                                })
+                            }),
+                            hasRowActions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                                sx: {
+                                    display: 'flex',
+                                    gap: '4px',
+                                    alignItems: 'center',
+                                    opacity: isHovered || Boolean(anchorEl) ? 1 : 0,
+                                    pointerEvents: isHovered || Boolean(anchorEl) ? 'auto' : 'none',
+                                    transition: 'opacity 0.08s ease'
+                                },
+                                children: itemActionButtons
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Menu, {
+                                anchorEl: anchorEl,
+                                open: Boolean(anchorEl),
+                                onClose: handleCloseMenu,
+                                onClick: (e)=>e.stopPropagation(),
+                                "aria-label": "Copy format options",
+                                anchorOrigin: {
+                                    vertical: 'bottom',
+                                    horizontal: 'right'
+                                },
+                                transformOrigin: {
+                                    vertical: 'top',
+                                    horizontal: 'right'
+                                },
+                                slotProps: {
+                                    paper: {
+                                        sx: {
+                                            mt: 0.5,
+                                            minWidth: 180,
+                                            boxShadow: theme.shadows[3]
+                                        }
+                                    }
+                                },
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
+                                        onClick: ()=>handleCopy('full'),
+                                        sx: {
+                                            py: 1,
+                                            '&:hover': {
+                                                backgroundColor: theme.palette.action.hover
+                                            }
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
+                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ContentCopy.default, {
+                                                    fontSize: "small"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
+                                                primary: "Copy log",
+                                                secondary: "Timestamp + labels + message",
+                                                slotProps: {
+                                                    primary: {
+                                                        fontSize: '14px'
+                                                    },
+                                                    secondary: {
+                                                        fontSize: '11px'
+                                                    }
+                                                }
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
+                                        onClick: ()=>handleCopy('message'),
+                                        sx: {
+                                            py: 1,
+                                            '&:hover': {
+                                                backgroundColor: theme.palette.action.hover
+                                            }
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
+                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormatQuoteClose.default, {
+                                                    fontSize: "small"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
+                                                primary: "Copy message",
+                                                secondary: "Message text only",
+                                                slotProps: {
+                                                    primary: {
+                                                        fontSize: '14px'
+                                                    },
+                                                    secondary: {
+                                                        fontSize: '11px'
+                                                    }
+                                                }
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.MenuItem, {
+                                        onClick: ()=>handleCopy('json'),
+                                        sx: {
+                                            py: 1,
+                                            '&:hover': {
+                                                backgroundColor: theme.palette.action.hover
+                                            }
+                                        },
+                                        children: [
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemIcon, {
+                                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_CodeJson.default, {
+                                                    fontSize: "small"
+                                                })
+                                            }),
+                                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ListItemText, {
+                                                primary: "Copy as JSON",
+                                                secondary: "Full log entry",
+                                                slotProps: {
+                                                    primary: {
+                                                        fontSize: '14px'
+                                                    },
+                                                    secondary: {
+                                                        fontSize: '11px'
+                                                    }
+                                                }
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
                     })
                 ]
             }),

package/lib/cjs/components/LogRow/LogTimestamp.js

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

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

@@ -1,4 +1,4 @@
-// Copyright 2025 The Perses Authors
+// Copyright The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -41,19 +41,21 @@ const LogRowContainer = (0, _material.styled)(_material.Box, {
         borderLeft: `4px solid ${severityColor}`,
         transition: 'all 0.2s ease',
         marginBottom: '4px',
-        fontFamily: '"DejaVu Sans Mono", monospace'
+        fontFamily: '"DejaVu Sans Mono", monospace',
+        userSelect: 'text'
     }));
 const LogRowContent = (0, _material.styled)(_material.Box, {
-    shouldForwardProp: (prop)=>prop !== 'isExpandable'
-})(({ theme, isExpandable })=>({
+    shouldForwardProp: (prop)=>prop !== 'isExpandable' && prop !== 'isHighlighted' && prop !== 'isSelected' && prop !== 'hasRowActions'
+})(({ theme, isExpandable, isHighlighted, isSelected, hasRowActions })=>({
         display: 'grid',
-        gridTemplateColumns: isExpandable ? '16px minmax(160px, max-content) 1fr' : 'minmax(160px, max-content) 1fr',
+        gridTemplateColumns: isExpandable ? `16px minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}` : `minmax(160px, max-content) 1fr ${hasRowActions ? 'min-content' : ''}`,
         alignItems: 'flex-start',
         padding: '4px 8px',
-        cursor: isExpandable ? 'pointer' : 'default',
+        cursor: 'default',
         gap: '12px',
+        backgroundColor: isHighlighted ? theme.palette.action.hover : isSelected ? theme.palette.action.selected : 'transparent',
         '&:hover': {
-            backgroundColor: theme.palette.action.hover
+            backgroundColor: isSelected ? theme.palette.action.focus : theme.palette.action.hover
         }
     }));
 const ExpandButton = (0, _material.styled)(_material.IconButton, {

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

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

package/lib/cjs/components/LogsList.js

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