@perses-dev/clickhouse-plugin 0.1.0

package/lib/panels/logs/components/LogRow/LogsStyles.d.ts

@@ -0,0 +1,22 @@
+export declare const LogRowContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    severityColor: string;
+}, {}, {}>;
+export declare const LogRowContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isExpandable: boolean;
+    time: boolean;
+}, {}, {}>;
+export declare const ExpandButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "loading" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isExpanded: boolean;
+}, {}, {}>;
+export declare const LogText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    wrap: boolean;
+}, {}, {}>;
+//# sourceMappingURL=LogsStyles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogsStyles.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/logs/components/LogRow/LogsStyles.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe;;;mBAAgC,MAAM;UAK/D,CAAC;AAEJ,eAAO,MAAM,aAAa;;;kBAA+B,OAAO;UAAQ,OAAO;UAU5E,CAAC;AAEJ,eAAO,MAAM,YAAY;;;gBAAoC,OAAO;UAOjE,CAAC;AAEJ,eAAO,MAAM,OAAO;;;UAA8B,OAAO;UAgBtD,CAAC"}

package/lib/panels/logs/components/LogRow/LogsStyles.js

@@ -0,0 +1,55 @@
+// Copyright 2025 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 { Box, styled, IconButton, Typography } from '@mui/material';
+export const LogRowContainer = styled(Box)(({ severityColor })=>({
+        borderLeft: `4px solid ${severityColor}`,
+        transition: 'all 0.2s ease',
+        marginBottom: '4px',
+        fontFamily: '"DejaVu Sans Mono", monospace'
+    }));
+export const LogRowContent = styled(Box)(({ theme, isExpandable })=>({
+        display: 'grid',
+        gridTemplateColumns: isExpandable ? '16px minmax(160px, max-content) 1fr' : 'minmax(160px, max-content) 1fr',
+        alignItems: 'flex-start',
+        padding: '4px 8px',
+        cursor: isExpandable ? 'pointer' : 'default',
+        gap: '12px',
+        '&:hover': {
+            backgroundColor: theme.palette.action.hover
+        }
+    }));
+export const ExpandButton = styled(IconButton)(({ theme, isExpanded })=>({
+        padding: 0,
+        width: '16px',
+        height: '16px',
+        color: theme.palette.text.secondary,
+        transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
+        transition: 'transform 0.2s ease'
+    }));
+export const LogText = styled(Typography)(({ wrap })=>({
+        fontSize: '12px',
+        flex: 1,
+        lineHeight: 1.4,
+        textAlign: 'left',
+        ...wrap ? {
+            wordBreak: 'break-word',
+            whiteSpace: 'pre-wrap',
+            overflow: 'visible',
+            textOverflow: 'unset'
+        } : {
+            wordBreak: 'normal',
+            whiteSpace: 'nowrap'
+        }
+    }));
+
+//# sourceMappingURL=LogsStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/panels/logs/components/LogRow/LogsStyles.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, styled, IconButton, Typography } from '@mui/material';\n\nexport const LogRowContainer = styled(Box)<{ severityColor: string }>(({ severityColor }) => ({\n  borderLeft: `4px solid ${severityColor}`,\n  transition: 'all 0.2s ease',\n  marginBottom: '4px',\n  fontFamily: '\"DejaVu Sans Mono\", monospace',\n}));\n\nexport const LogRowContent = styled(Box)<{ isExpandable: boolean; time: boolean }>(({ theme, isExpandable }) => ({\n  display: 'grid',\n  gridTemplateColumns: isExpandable ? '16px minmax(160px, max-content) 1fr' : 'minmax(160px, max-content) 1fr',\n  alignItems: 'flex-start',\n  padding: '4px 8px',\n  cursor: isExpandable ? 'pointer' : 'default',\n  gap: '12px',\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const ExpandButton = styled(IconButton)<{ isExpanded: boolean }>(({ theme, isExpanded }) => ({\n  padding: 0,\n  width: '16px',\n  height: '16px',\n  color: theme.palette.text.secondary,\n  transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',\n  transition: 'transform 0.2s ease',\n}));\n\nexport const LogText = styled(Typography)<{ wrap: boolean }>(({ wrap }) => ({\n  fontSize: '12px',\n  flex: 1,\n  lineHeight: 1.4,\n  textAlign: 'left',\n  ...(wrap\n    ? {\n        wordBreak: 'break-word',\n        whiteSpace: 'pre-wrap',\n        overflow: 'visible',\n        textOverflow: 'unset',\n      }\n    : {\n        wordBreak: 'normal',\n        whiteSpace: 'nowrap',\n      }),\n}));\n"],"names":["Box","styled","IconButton","Typography","LogRowContainer","severityColor","borderLeft","transition","marginBottom","fontFamily","LogRowContent","theme","isExpandable","display","gridTemplateColumns","alignItems","padding","cursor","gap","backgroundColor","palette","action","hover","ExpandButton","isExpanded","width","height","color","text","secondary","transform","LogText","wrap","fontSize","flex","lineHeight","textAlign","wordBreak","whiteSpace","overflow","textOverflow"],"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,EAAEC,MAAM,EAAEC,UAAU,EAAEC,UAAU,QAAQ,gBAAgB;AAEpE,OAAO,MAAMC,kBAAkBH,OAAOD,KAAgC,CAAC,EAAEK,aAAa,EAAE,GAAM,CAAA;QAC5FC,YAAY,CAAC,UAAU,EAAED,eAAe;QACxCE,YAAY;QACZC,cAAc;QACdC,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAMC,gBAAgBT,OAAOD,KAA+C,CAAC,EAAEW,KAAK,EAAEC,YAAY,EAAE,GAAM,CAAA;QAC/GC,SAAS;QACTC,qBAAqBF,eAAe,wCAAwC;QAC5EG,YAAY;QACZC,SAAS;QACTC,QAAQL,eAAe,YAAY;QACnCM,KAAK;QACL,WAAW;YACTC,iBAAiBR,MAAMS,OAAO,CAACC,MAAM,CAACC,KAAK;QAC7C;IACF,CAAA,GAAI;AAEJ,OAAO,MAAMC,eAAetB,OAAOC,YAAqC,CAAC,EAAES,KAAK,EAAEa,UAAU,EAAE,GAAM,CAAA;QAClGR,SAAS;QACTS,OAAO;QACPC,QAAQ;QACRC,OAAOhB,MAAMS,OAAO,CAACQ,IAAI,CAACC,SAAS;QACnCC,WAAWN,aAAa,kBAAkB;QAC1CjB,YAAY;IACd,CAAA,GAAI;AAEJ,OAAO,MAAMwB,UAAU9B,OAAOE,YAA+B,CAAC,EAAE6B,IAAI,EAAE,GAAM,CAAA;QAC1EC,UAAU;QACVC,MAAM;QACNC,YAAY;QACZC,WAAW;QACX,GAAIJ,OACA;YACEK,WAAW;YACXC,YAAY;YACZC,UAAU;YACVC,cAAc;QAChB,IACA;YACEH,WAAW;YACXC,YAAY;QACd,CAAC;IACP,CAAA,GAAI"}

package/lib/panels/logs/components/LogRow/index.d.ts

@@ -0,0 +1,3 @@
+export { LogRow } from './LogRow';
+export * from './LogsStyles';
+//# sourceMappingURL=index.d.ts.map

package/lib/panels/logs/components/LogRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/logs/components/LogRow/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/lib/panels/logs/components/LogRow/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/panels/logs/components/LogRow/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport { LogRow } from './LogRow';\nexport * from './LogsStyles';\n"],"names":["LogRow"],"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,MAAM,QAAQ,WAAW;AAClC,cAAc,eAAe"}

package/lib/panels/logs/components/LogsList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LogEntry } from '../../../model/click-house-data-types';
+interface LogsListProps {
+    logs: LogEntry[];
+}
+declare const LogsList: React.FC<LogsListProps>;
+export default LogsList;
+//# sourceMappingURL=LogsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogsList.d.ts","sourceRoot":"","sources":["../../../../../src/panels/logs/components/LogsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAKjE,UAAU,aAAa;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAQrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/panels/logs/components/LogsList.js

@@ -0,0 +1,31 @@
+// Copyright 2025 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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { EmptyLogsState } from './EmptyLogsState';
+import { useExpandedRows } from './hooks/useExpandedRows';
+import { VirtualizedLogsList } from './VirtualizedLogsList';
+const LogsList = ({ logs })=>{
+    const { expandedRows, toggleExpand } = useExpandedRows();
+    if (!logs.length) {
+        return /*#__PURE__*/ _jsx(EmptyLogsState, {});
+    }
+    return /*#__PURE__*/ _jsx(VirtualizedLogsList, {
+        logs: logs,
+        expandedRows: expandedRows,
+        onToggleExpand: toggleExpand
+    });
+};
+export default LogsList;
+
+//# sourceMappingURL=LogsList.js.map

package/lib/panels/logs/components/LogsList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/panels/logs/components/LogsList.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 { LogEntry } from '../../../model/click-house-data-types';\nimport { EmptyLogsState } from './EmptyLogsState';\nimport { useExpandedRows } from './hooks/useExpandedRows';\nimport { VirtualizedLogsList } from './VirtualizedLogsList';\n\ninterface LogsListProps {\n  logs: LogEntry[];\n}\n\nconst LogsList: React.FC<LogsListProps> = ({ logs }) => {\n  const { expandedRows, toggleExpand } = useExpandedRows();\n\n  if (!logs.length) {\n    return <EmptyLogsState />;\n  }\n\n  return <VirtualizedLogsList logs={logs} expandedRows={expandedRows} onToggleExpand={toggleExpand} />;\n};\n\nexport default LogsList;\n"],"names":["React","EmptyLogsState","useExpandedRows","VirtualizedLogsList","LogsList","logs","expandedRows","toggleExpand","length","onToggleExpand"],"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;AAE1B,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,mBAAmB,QAAQ,wBAAwB;AAM5D,MAAMC,WAAoC,CAAC,EAAEC,IAAI,EAAE;IACjD,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGL;IAEvC,IAAI,CAACG,KAAKG,MAAM,EAAE;QAChB,qBAAO,KAACP;IACV;IAEA,qBAAO,KAACE;QAAoBE,MAAMA;QAAMC,cAAcA;QAAcG,gBAAgBF;;AACtF;AAEA,eAAeH,SAAS"}

package/lib/panels/logs/components/VirtualizedLogsList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { LogEntry } from '../../../model/click-house-data-types';
+interface VirtualizedLogsListProps {
+    logs: LogEntry[];
+    expandedRows: Set<number>;
+    onToggleExpand: (index: number) => void;
+}
+export declare const VirtualizedLogsList: React.FC<VirtualizedLogsListProps>;
+export {};
+//# sourceMappingURL=VirtualizedLogsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedLogsList.d.ts","sourceRoot":"","sources":["../../../../../src/panels/logs/components/VirtualizedLogsList.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,UAAU,wBAAwB;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsBlE,CAAC"}

package/lib/panels/logs/components/VirtualizedLogsList.js

@@ -0,0 +1,47 @@
+// Copyright 2025 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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Box, useTheme } from '@mui/material';
+import { Virtuoso } from 'react-virtuoso';
+import { LogRow } from './LogRow/LogRow';
+export const VirtualizedLogsList = ({ logs, expandedRows, onToggleExpand })=>{
+    const theme = useTheme();
+    const renderLogRow = (index)=>{
+        const log = logs[index];
+        if (!log) return null;
+        return /*#__PURE__*/ _jsx(LogRow, {
+            log: log,
+            index: index,
+            isExpanded: expandedRows.has(index),
+            onToggle: onToggleExpand
+        });
+    };
+    return /*#__PURE__*/ _jsx(Box, {
+        sx: {
+            height: '100%',
+            backgroundColor: theme.palette.background.default,
+            overflow: 'hidden',
+            boxShadow: theme.shadows[1]
+        },
+        children: /*#__PURE__*/ _jsx(Virtuoso, {
+            style: {
+                height: '100%'
+            },
+            totalCount: logs.length,
+            itemContent: renderLogRow
+        })
+    });
+};
+
+//# sourceMappingURL=VirtualizedLogsList.js.map

package/lib/panels/logs/components/VirtualizedLogsList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/panels/logs/components/VirtualizedLogsList.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react';\nimport { Box, useTheme } from '@mui/material';\nimport { Virtuoso } from 'react-virtuoso';\nimport { LogEntry } from '../../../model/click-house-data-types';\nimport { LogRow } from './LogRow/LogRow';\n\ninterface VirtualizedLogsListProps {\n  logs: LogEntry[];\n  expandedRows: Set<number>;\n  onToggleExpand: (index: number) => void;\n}\n\nexport const VirtualizedLogsList: React.FC<VirtualizedLogsListProps> = ({ logs, expandedRows, onToggleExpand }) => {\n  const theme = useTheme();\n\n  const renderLogRow = (index: number) => {\n    const log = logs[index];\n    if (!log) return null;\n\n    return <LogRow log={log} index={index} isExpanded={expandedRows.has(index)} onToggle={onToggleExpand} />;\n  };\n\n  return (\n    <Box\n      sx={{\n        height: '100%',\n        backgroundColor: theme.palette.background.default,\n        overflow: 'hidden',\n        boxShadow: theme.shadows[1],\n      }}\n    >\n      <Virtuoso style={{ height: '100%' }} totalCount={logs.length} itemContent={renderLogRow} />\n    </Box>\n  );\n};\n"],"names":["React","Box","useTheme","Virtuoso","LogRow","VirtualizedLogsList","logs","expandedRows","onToggleExpand","theme","renderLogRow","index","log","isExpanded","has","onToggle","sx","height","backgroundColor","palette","background","default","overflow","boxShadow","shadows","style","totalCount","length","itemContent"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,OAAOA,WAAW,QAAQ;AAC1B,SAASC,GAAG,EAAEC,QAAQ,QAAQ,gBAAgB;AAC9C,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,SAASC,MAAM,QAAQ,kBAAkB;AAQzC,OAAO,MAAMC,sBAA0D,CAAC,EAAEC,IAAI,EAAEC,YAAY,EAAEC,cAAc,EAAE;IAC5G,MAAMC,QAAQP;IAEd,MAAMQ,eAAe,CAACC;QACpB,MAAMC,MAAMN,IAAI,CAACK,MAAM;QACvB,IAAI,CAACC,KAAK,OAAO;QAEjB,qBAAO,KAACR;YAAOQ,KAAKA;YAAKD,OAAOA;YAAOE,YAAYN,aAAaO,GAAG,CAACH;YAAQI,UAAUP;;IACxF;IAEA,qBACE,KAACP;QACCe,IAAI;YACFC,QAAQ;YACRC,iBAAiBT,MAAMU,OAAO,CAACC,UAAU,CAACC,OAAO;YACjDC,UAAU;YACVC,WAAWd,MAAMe,OAAO,CAAC,EAAE;QAC7B;kBAEA,cAAA,KAACrB;YAASsB,OAAO;gBAAER,QAAQ;YAAO;YAAGS,YAAYpB,KAAKqB,MAAM;YAAEC,aAAalB;;;AAGjF,EAAE"}

package/lib/panels/logs/components/hooks/useExpandedRows.d.ts

@@ -0,0 +1,6 @@
+export declare const useExpandedRows: () => {
+    expandedRows: Set<number>;
+    toggleExpand: (index: number) => void;
+    clearExpanded: () => void;
+};
+//# sourceMappingURL=useExpandedRows.d.ts.map

package/lib/panels/logs/components/hooks/useExpandedRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedRows.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/logs/components/hooks/useExpandedRows.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe;;0BAGe,MAAM;;CAqBhD,CAAC"}

package/lib/panels/logs/components/hooks/useExpandedRows.js

@@ -0,0 +1,37 @@
+// Copyright 2025 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 { useState, useCallback } from 'react';
+export const useExpandedRows = ()=>{
+    const [expandedRows, setExpandedRows] = useState(new Set());
+    const toggleExpand = useCallback((index)=>{
+        setExpandedRows((prev)=>{
+            const newSet = new Set(prev);
+            if (newSet.has(index)) {
+                newSet.delete(index);
+            } else {
+                newSet.add(index);
+            }
+            return newSet;
+        });
+    }, []);
+    const clearExpanded = useCallback(()=>{
+        setExpandedRows(new Set());
+    }, []);
+    return {
+        expandedRows,
+        toggleExpand,
+        clearExpanded
+    };
+};
+
+//# sourceMappingURL=useExpandedRows.js.map

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

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

package/lib/panels/logs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Logs';
+export * from './LogsComponent';
+export * from './LogsSettingsEditor';
+export * from './logs-types';
+//# sourceMappingURL=index.d.ts.map

package/lib/panels/logs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/panels/logs/index.ts"],"names":[],"mappings":"AAaA,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC"}

package/lib/panels/logs/index.js

@@ -0,0 +1,18 @@
+// Copyright 2025 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.
+export * from './Logs';
+export * from './LogsComponent';
+export * from './LogsSettingsEditor';
+export * from './logs-types';
+
+//# sourceMappingURL=index.js.map

package/lib/panels/logs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/panels/logs/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './Logs';\nexport * from './LogsComponent';\nexport * from './LogsSettingsEditor';\nexport * from './logs-types';\n"],"names":[],"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,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,uBAAuB;AACrC,cAAc,eAAe"}

package/lib/panels/logs/logs-types.d.ts

@@ -0,0 +1,16 @@
+import { ThresholdOptions } from '@perses-dev/core';
+import { PanelProps, LegendSpecOptions } from '@perses-dev/plugin-system';
+import { ClickHouseTimeSeriesData } from '../../model/click-house-data-types';
+export type QueryData = ClickHouseTimeSeriesData;
+export type LogsProps = PanelProps<LogsOptions, QueryData>;
+export interface QuerySettingsOptions {
+    queryIndex: number;
+    colorMode: 'fixed' | 'fixed-single';
+    colorValue: string;
+}
+export interface LogsOptions {
+    legend?: LegendSpecOptions;
+    thresholds?: ThresholdOptions;
+    querySettings?: QuerySettingsOptions;
+}
+//# sourceMappingURL=logs-types.d.ts.map

package/lib/panels/logs/logs-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-types.d.ts","sourceRoot":"","sources":["../../../../src/panels/logs/logs-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,GAAG,cAAc,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC"}

package/lib/panels/logs/logs-types.js

@@ -0,0 +1,15 @@
+// Copyright 2025 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.
+export { };
+
+//# sourceMappingURL=logs-types.js.map

package/lib/panels/logs/logs-types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/panels/logs/logs-types.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { TimeSeriesData, ThresholdOptions } from '@perses-dev/core';\nimport { PanelProps, LegendSpecOptions } from '@perses-dev/plugin-system';\nimport { ClickHouseTimeSeriesData } from '../../model/click-house-data-types';\n\nexport type QueryData = ClickHouseTimeSeriesData; // Type of data returned by a query plugin and supported by this plugin\n\nexport type LogsProps = PanelProps<LogsOptions, QueryData>;\n\nexport interface QuerySettingsOptions {\n  queryIndex: number;\n  colorMode: 'fixed' | 'fixed-single';\n  colorValue: string;\n}\n\nexport interface LogsOptions {\n  legend?: LegendSpecOptions;\n  thresholds?: ThresholdOptions;\n  querySettings?: QuerySettingsOptions;\n}\n"],"names":[],"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;AAgBjC,WAIC"}

package/lib/queries/click-house-log-query/ClickHouseLogQuery.d.ts

@@ -0,0 +1,4 @@
+import { ClickHouseLogQuerySpec } from './click-house-log-query-types';
+import { LogQueryPlugin } from './log-query-plugin-interface';
+export declare const ClickHouseLogQuery: LogQueryPlugin<ClickHouseLogQuerySpec>;
+//# sourceMappingURL=ClickHouseLogQuery.d.ts.map

package/lib/queries/click-house-log-query/ClickHouseLogQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickHouseLogQuery.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-log-query/ClickHouseLogQuery.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,sBAAsB,CAWrE,CAAC"}

package/lib/queries/click-house-log-query/ClickHouseLogQuery.js

@@ -0,0 +1,35 @@
+// Copyright 2025 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 { parseVariables } from '@perses-dev/plugin-system';
+import { getClickHouseLogData } from './get-click-house-log-data';
+import { ClickHouseLogQueryEditor } from './ClickHouseLogQueryEditor';
+export const ClickHouseLogQuery = {
+    getLogData: getClickHouseLogData,
+    OptionsEditorComponent: ClickHouseLogQueryEditor,
+    createInitialOptions: ()=>({
+            query: ''
+        }),
+    dependsOn: (spec)=>{
+        const queryVariables = parseVariables(spec.query);
+        const allVariables = [
+            ...new Set([
+                ...queryVariables
+            ])
+        ];
+        return {
+            variables: allVariables
+        };
+    }
+};
+
+//# sourceMappingURL=ClickHouseLogQuery.js.map

package/lib/queries/click-house-log-query/ClickHouseLogQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/click-house-log-query/ClickHouseLogQuery.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 { parseVariables } from '@perses-dev/plugin-system';\nimport { getClickHouseLogData } from './get-click-house-log-data';\nimport { ClickHouseLogQueryEditor } from './ClickHouseLogQueryEditor';\nimport { ClickHouseLogQuerySpec } from './click-house-log-query-types';\nimport { LogQueryPlugin } from './log-query-plugin-interface';\n\nexport const ClickHouseLogQuery: LogQueryPlugin<ClickHouseLogQuerySpec> = {\n  getLogData: getClickHouseLogData,\n  OptionsEditorComponent: ClickHouseLogQueryEditor,\n  createInitialOptions: () => ({ query: '' }),\n  dependsOn: (spec) => {\n    const queryVariables = parseVariables(spec.query);\n    const allVariables = [...new Set([...queryVariables])];\n    return {\n      variables: allVariables,\n    };\n  },\n};\n"],"names":["parseVariables","getClickHouseLogData","ClickHouseLogQueryEditor","ClickHouseLogQuery","getLogData","OptionsEditorComponent","createInitialOptions","query","dependsOn","spec","queryVariables","allVariables","Set","variables"],"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,cAAc,QAAQ,4BAA4B;AAC3D,SAASC,oBAAoB,QAAQ,6BAA6B;AAClE,SAASC,wBAAwB,QAAQ,6BAA6B;AAItE,OAAO,MAAMC,qBAA6D;IACxEC,YAAYH;IACZI,wBAAwBH;IACxBI,sBAAsB,IAAO,CAAA;YAAEC,OAAO;QAAG,CAAA;IACzCC,WAAW,CAACC;QACV,MAAMC,iBAAiBV,eAAeS,KAAKF,KAAK;QAChD,MAAMI,eAAe;eAAI,IAAIC,IAAI;mBAAIF;aAAe;SAAE;QACtD,OAAO;YACLG,WAAWF;QACb;IACF;AACF,EAAE"}

package/lib/queries/click-house-log-query/ClickHouseLogQueryEditor.d.ts

@@ -0,0 +1,7 @@
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { ClickHouseLogQuerySpec } from './click-house-log-query-types';
+type ClickHouseQueryEditorProps = OptionsEditorProps<ClickHouseLogQuerySpec>;
+export declare function ClickHouseLogQueryEditor(props: ClickHouseQueryEditorProps): ReactElement;
+export {};
+//# sourceMappingURL=ClickHouseLogQueryEditor.d.ts.map

package/lib/queries/click-house-log-query/ClickHouseLogQueryEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickHouseLogQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-log-query/ClickHouseLogQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAoC,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,KAAK,0BAA0B,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;AAE7E,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,0BAA0B,GAAG,YAAY,CAsExF"}

package/lib/queries/click-house-log-query/ClickHouseLogQueryEditor.js

@@ -0,0 +1,105 @@
+// Copyright 2025 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DatasourceSelect, isVariableDatasource } from '@perses-dev/plugin-system';
+import { useCallback, useEffect, useState } from 'react';
+import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
+import { ClickQLEditor } from '../../components';
+import { Stack } from '@mui/material';
+import { queryExample } from '../../components/constants';
+export function ClickHouseLogQueryEditor(props) {
+    const { onChange, value } = props;
+    const { datasource } = value;
+    const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;
+    const [localQuery, setLocalQuery] = useState(value.query || '');
+    const handleDatasourceChange = (newDatasourceSelection)=>{
+        if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {
+            onChange({
+                ...value,
+                datasource: newDatasourceSelection
+            });
+            return;
+        }
+        throw new Error('Got unexpected non ClickHouse datasource selection');
+    };
+    const handleQueryChange = useCallback((newQuery)=>{
+        setLocalQuery(newQuery);
+    }, []);
+    const handleQueryExecute = useCallback((query)=>{
+        onChange({
+            ...value,
+            query
+        });
+    }, [
+        onChange,
+        value
+    ]);
+    useEffect(()=>{
+        setLocalQuery(value.query || '');
+    }, [
+        value.query
+    ]);
+    const examplesStyle = {
+        fontSize: '11px',
+        color: '#777',
+        backgroundColor: '#f5f5f5',
+        padding: '8px',
+        borderRadius: '4px',
+        fontFamily: 'Monaco, Menlo, "Ubuntu Mono", monospace',
+        whiteSpace: 'pre-wrap',
+        lineHeight: '1.3'
+    };
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1.5,
+        children: [
+            /*#__PURE__*/ _jsx(DatasourceSelect, {
+                datasourcePluginKind: DATASOURCE_KIND,
+                value: selectedDatasource,
+                onChange: handleDatasourceChange,
+                label: "ClickHouse Datasource",
+                notched: true
+            }),
+            /*#__PURE__*/ _jsx(ClickQLEditor, {
+                value: localQuery,
+                onChange: handleQueryChange,
+                onBlur: ()=>handleQueryExecute(localQuery),
+                onKeyDown: (event)=>{
+                    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                        event.preventDefault();
+                        handleQueryExecute(localQuery);
+                    }
+                },
+                placeholder: "Enter ClickHouse SQL query"
+            }),
+            /*#__PURE__*/ _jsxs("details", {
+                children: [
+                    /*#__PURE__*/ _jsx("summary", {
+                        style: {
+                            cursor: 'pointer',
+                            fontSize: '12px',
+                            color: '#666',
+                            marginBottom: '8px'
+                        },
+                        children: "Query Examples"
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        style: examplesStyle,
+                        children: queryExample
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=ClickHouseLogQueryEditor.js.map

package/lib/queries/click-house-log-query/ClickHouseLogQueryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/queries/click-house-log-query/ClickHouseLogQueryEditor.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  DatasourceSelect,\n  DatasourceSelectProps,\n  isVariableDatasource,\n  OptionsEditorProps,\n} from '@perses-dev/plugin-system';\nimport { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { Stack } from '@mui/material';\nimport { queryExample } from '../../components/constants';\nimport { ClickHouseLogQuerySpec } from './click-house-log-query-types';\n\ntype ClickHouseQueryEditorProps = OptionsEditorProps<ClickHouseLogQuerySpec>;\n\nexport function ClickHouseLogQueryEditor(props: ClickHouseQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const [localQuery, setLocalQuery] = useState(value.query || '');\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  const handleQueryChange = useCallback((newQuery: string) => {\n    setLocalQuery(newQuery);\n  }, []);\n\n  const handleQueryExecute = useCallback(\n    (query: string) => {\n      onChange({ ...value, query });\n    },\n    [onChange, value]\n  );\n\n  useEffect(() => {\n    setLocalQuery(value.query || '');\n  }, [value.query]);\n\n  const examplesStyle: React.CSSProperties = {\n    fontSize: '11px',\n    color: '#777',\n    backgroundColor: '#f5f5f5',\n    padding: '8px',\n    borderRadius: '4px',\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", monospace',\n    whiteSpace: 'pre-wrap',\n    lineHeight: '1.3',\n  };\n\n  return (\n    <Stack spacing={1.5}>\n      <DatasourceSelect\n        datasourcePluginKind={DATASOURCE_KIND}\n        value={selectedDatasource}\n        onChange={handleDatasourceChange}\n        label=\"ClickHouse Datasource\"\n        notched\n      />\n      <ClickQLEditor\n        value={localQuery}\n        onChange={handleQueryChange}\n        onBlur={() => handleQueryExecute(localQuery)}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(localQuery);\n          }\n        }}\n        placeholder=\"Enter ClickHouse SQL query\"\n      />\n\n      <details>\n        <summary style={{ cursor: 'pointer', fontSize: '12px', color: '#666', marginBottom: '8px' }}>\n          Query Examples\n        </summary>\n        <div style={examplesStyle}>{queryExample}</div>\n      </details>\n    </Stack>\n  );\n}\n"],"names":["DatasourceSelect","isVariableDatasource","useCallback","useEffect","useState","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","Stack","queryExample","ClickHouseLogQueryEditor","props","onChange","value","datasource","selectedDatasource","localQuery","setLocalQuery","query","handleDatasourceChange","newDatasourceSelection","kind","Error","handleQueryChange","newQuery","handleQueryExecute","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","onKeyDown","event","key","ctrlKey","metaKey","preventDefault","placeholder","details","summary","style","cursor","marginBottom","div"],"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,gBAAgB,EAEhBC,oBAAoB,QAEf,4BAA4B;AACnC,SAAuBC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvE,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,6BAA6B;AAK1D,OAAO,SAASC,yBAAyBC,KAAiC;IACxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcR;IACzC,MAAM,CAACU,YAAYC,cAAc,GAAGb,SAASS,MAAMK,KAAK,IAAI;IAE5D,MAAMC,yBAA4D,CAACC;QACjE,IAAI,CAACnB,qBAAqBmB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGO,SAAS;gBAAE,GAAGC,KAAK;gBAAEC,YAAYM;YAAuB;YACxD;QACF;QACA,MAAM,IAAIE,MAAM;IAClB;IAEA,MAAMC,oBAAoBrB,YAAY,CAACsB;QACrCP,cAAcO;IAChB,GAAG,EAAE;IAEL,MAAMC,qBAAqBvB,YACzB,CAACgB;QACCN,SAAS;YAAE,GAAGC,KAAK;YAAEK;QAAM;IAC7B,GACA;QAACN;QAAUC;KAAM;IAGnBV,UAAU;QACRc,cAAcJ,MAAMK,KAAK,IAAI;IAC/B,GAAG;QAACL,MAAMK,KAAK;KAAC;IAEhB,MAAMQ,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC1B;QAAM2B,SAAS;;0BACd,KAACnC;gBACCoC,sBAAsB/B;gBACtBQ,OAAOE;gBACPH,UAAUO;gBACVkB,OAAM;gBACNC,OAAO;;0BAET,KAAC/B;gBACCM,OAAOG;gBACPJ,UAAUW;gBACVgB,QAAQ,IAAMd,mBAAmBT;gBACjCwB,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBpB,mBAAmBT;oBACrB;gBACF;gBACA8B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWvB,UAAU;4BAAQC,OAAO;4BAAQuB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOvB;kCAAgBjB;;;;;;AAIpC"}

package/lib/queries/click-house-log-query/click-house-log-query-types.d.ts

@@ -0,0 +1,6 @@
+import { DatasourceSelector } from '@perses-dev/core';
+export interface ClickHouseLogQuerySpec {
+    query: string;
+    datasource?: DatasourceSelector;
+}
+//# sourceMappingURL=click-house-log-query-types.d.ts.map

package/lib/queries/click-house-log-query/click-house-log-query-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-house-log-query-types.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-log-query/click-house-log-query-types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC"}