@perses-dev/clickhouse-plugin 0.3.0 → 0.5.0-beta.0

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

@@ -1 +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 } from 'react';\nimport { produce } from 'immer';\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';\nimport { useQueryState } from '../query-editor-model';\n\ntype ClickHouseQueryEditorProps = OptionsEditorProps<ClickHouseLogQuerySpec>;\n\nexport function ClickHouseLogQueryEditor(props: ClickHouseQueryEditorProps): ReactElement {\n  const { onChange, value, queryHandlerSettings } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(query);\n    }\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\n  );\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={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(query);\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","produce","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","Stack","queryExample","useQueryState","ClickHouseLogQueryEditor","props","onChange","value","queryHandlerSettings","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","setWatchOtherSpecs","Error","handleQueryExecute","watchQueryChanges","handleClickHouseQueryChange","e","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","runWithOnBlur","undefined","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,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,6BAA6B;AAE1D,SAASC,aAAa,QAAQ,wBAAwB;AAItD,OAAO,SAASC,yBAAyBC,KAAiC;IACxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,oBAAoB,EAAE,GAAGH;IAClD,MAAM,EAAEI,UAAU,EAAE,GAAGF;IACvB,MAAMG,qBAAqBD,cAAcV;IACzC,MAAM,EAAEY,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGV,cAAcE;IAEpE,MAAMS,yBAA4D,CAACC;QACjE,IAAI,CAACpB,qBAAqBoB,2BAA2BA,uBAAuBC,IAAI,KAAKlB,iBAAiB;YACpGQ,SACET,QAAQU,OAAO,CAACU;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAGF,IAAIP,sBAAsBU,oBACxBV,qBAAqBU,kBAAkB,CAAC;gBAAE,GAAGX,KAAK;gBAAEE,YAAYM;YAAuB;YACzF;QACF;QACA,MAAM,IAAII,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACT;QAC1B,IAAIH,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACV;QACzC;QACAL,SACET,QAAQU,OAAO,CAACU;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMW,8BAA8B1B,YAClC,CAAC2B;QACCX,kBAAkBW;QAClB,IAAIf,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACE;QACzC;IACF,GACA;QAACX;QAAmBJ;KAAqB;IAG3C,MAAMgB,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC/B;QAAMgC,SAAS;;0BACd,KAACvC;gBACCwC,sBAAsBpC;gBACtBS,OAAOG;gBACPJ,UAAUQ;gBACVqB,OAAM;gBACNC,OAAO;;0BAET,KAACpC;gBACCO,OAAOI;gBACPL,UAAUgB;gBACVe,QAAQ7B,sBAAsB8B,gBAAgBzB,kBAAkB0B;gBAChEC,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBzB,mBAAmBT;oBACrB;gBACF;gBACAmC,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWzB,UAAU;4BAAQC,OAAO;4BAAQyB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOzB;kCAAgBtB;;;;;;AAIpC"}
+{"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 } from 'react';\nimport { produce } from 'immer';\nimport { Stack } from '@mui/material';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { queryExample } from '../../components/constants';\nimport { useQueryState } from '../query-editor-model';\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 { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\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={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={handleQueryBlur}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(query);\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","produce","Stack","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","queryExample","useQueryState","ClickHouseLogQueryEditor","props","onChange","value","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleClickHouseQueryChange","e","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,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAKtD,OAAO,SAASC,yBAAyBC,KAAiC;IACxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcR;IACzC,MAAM,EAAEU,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGT,cAAcE;IAEpE,MAAMQ,yBAA4D,CAACC;QACjE,IAAI,CAACnB,qBAAqBmB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGO,SACET,QAAQU,OAAO,CAACS;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAEF;QACF;QACA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BJ,SACET,QAAQU,OAAO,CAACS;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,8BAA8BvB,YAClC,CAACwB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,MAAMU,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC/B;QAAMgC,SAAS;;0BACd,KAACpC;gBACCqC,sBAAsBhC;gBACtBQ,OAAOE;gBACPH,UAAUO;gBACVmB,OAAM;gBACNC,OAAO;;0BAET,KAAChC;gBACCM,OAAOG;gBACPJ,UAAUa;gBACVe,QAAQtB;gBACRuB,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBtB,mBAAmBR;oBACrB;gBACF;gBACA+B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWvB,UAAU;4BAAQC,OAAO;4BAAQuB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOvB;kCAAgBnB;;;;;;AAIpC"}

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

@@ -1,6 +1,5 @@
-import { AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';
+import { AbsoluteTimeRange, UnknownSpec, LogData } from '@perses-dev/core';
 import { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';
-import { LogData } from '@perses-dev/core';
 export interface LogQueryResult {
     logs: LogData;
     timeRange: AbsoluteTimeRange;
@@ -12,7 +11,6 @@ export interface ClickHouseQueryContext {
     timeRange: AbsoluteTimeRange;
     variableState: VariableStateMap;
     datasourceStore: DatasourceStore;
-    refreshKey: string;
 }
 type LogQueryPluginDependencies = {
     variables?: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"log-query-plugin-interface.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-log-query/log-query-plugin-interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,sBAAsB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACjF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,sBAAsB,KAAK,0BAA0B,CAAC;CACrF"}
+{"version":3,"file":"log-query-plugin-interface.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-log-query/log-query-plugin-interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAEtF,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE;QACT,mBAAmB,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,aAAa,EAAE,gBAAgB,CAAC;IAChC,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,WAAW,CAAE,SAAQ,MAAM,CAAC,IAAI,CAAC;IACtE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,sBAAsB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IACjF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,sBAAsB,KAAK,0BAA0B,CAAC;CACrF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-log-query/log-query-plugin-interface.ts"],"sourcesContent":["import { AbsoluteTimeRange, UnknownSpec } from '@perses-dev/core';\nimport { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\nimport { LogData } from '@perses-dev/core';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface ClickHouseQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n  refreshKey: string;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: ClickHouseQueryContext) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: ClickHouseQueryContext) => LogQueryPluginDependencies;\n}\n"],"names":[],"mappings":"AAuBA,WAGC"}
+{"version":3,"sources":["../../../../src/queries/click-house-log-query/log-query-plugin-interface.ts"],"sourcesContent":["import { AbsoluteTimeRange, UnknownSpec, LogData } from '@perses-dev/core';\nimport { DatasourceStore, Plugin, VariableStateMap } from '@perses-dev/plugin-system';\n\nexport interface LogQueryResult {\n  logs: LogData;\n  timeRange: AbsoluteTimeRange;\n  metadata?: {\n    executedQueryString: string;\n  };\n}\n\nexport interface ClickHouseQueryContext {\n  timeRange: AbsoluteTimeRange;\n  variableState: VariableStateMap;\n  datasourceStore: DatasourceStore;\n}\n\ntype LogQueryPluginDependencies = {\n  variables?: string[];\n};\n\nexport interface LogQueryPlugin<Spec = UnknownSpec> extends Plugin<Spec> {\n  getLogData: (spec: Spec, ctx: ClickHouseQueryContext) => Promise<LogQueryResult>;\n  dependsOn?: (spec: Spec, ctx: ClickHouseQueryContext) => LogQueryPluginDependencies;\n}\n"],"names":[],"mappings":"AAqBA,WAGC"}

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickHouseQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAO1E,KAAK,oCAAoC,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAE9F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,GAAG,YAAY,CAoFzG"}
+{"version":3,"file":"ClickHouseQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAIL,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAe,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,KAAK,oCAAoC,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAE9F,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,GAAG,YAAY,CA2EzG"}

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // 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.
@@ -10,17 +11,16 @@
 // 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 } from 'react';
 import { produce } from 'immer';
+import { Stack } from '@mui/material';
 import { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';
 import { ClickQLEditor } from '../../components';
-import { Stack } from '@mui/material';
 import { queryExample } from '../../components/constants';
 import { useQueryState } from '../query-editor-model';
 export function ClickHouseTimeSeriesQueryEditor(props) {
-    const { onChange, value, queryHandlerSettings } = props;
+    const { onChange, value } = props;
     const { datasource } = value;
     const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;
     const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);
@@ -29,31 +29,20 @@ export function ClickHouseTimeSeriesQueryEditor(props) {
             onChange(produce(value, (draft)=>{
                 draft.datasource = newDatasourceSelection;
             }));
-            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
-                ...value,
-                datasource: newDatasourceSelection
-            });
             return;
         }
         throw new Error('Got unexpected non ClickHouse datasource selection');
     };
     // Immediate query execution on Enter or blur
     const handleQueryExecute = (query)=>{
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(query);
-        }
         onChange(produce(value, (draft)=>{
             draft.query = query;
         }));
     };
     const handleClickHouseQueryChange = useCallback((e)=>{
         handleQueryChange(e);
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(e);
-        }
     }, [
-        handleQueryChange,
-        queryHandlerSettings
+        handleQueryChange
     ]);
     const examplesStyle = {
         fontSize: '11px',
@@ -78,7 +67,7 @@ export function ClickHouseTimeSeriesQueryEditor(props) {
             /*#__PURE__*/ _jsx(ClickQLEditor, {
                 value: query,
                 onChange: handleClickHouseQueryChange,
-                onBlur: queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined,
+                onBlur: handleQueryBlur,
                 onKeyDown: (event)=>{
                     if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
                         event.preventDefault();

package/lib/queries/click-house-time-series-query/ClickHouseQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.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 } from 'react';\nimport { produce } from 'immer';\nimport { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { Stack } from '@mui/material';\nimport { queryExample } from '../../components/constants';\nimport { useQueryState } from '../query-editor-model';\n\ntype ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;\n\nexport function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement {\n  const { onChange, value, queryHandlerSettings } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: newDatasourceSelection });\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(query);\n    }\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\n  );\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={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(query);\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","produce","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","Stack","queryExample","useQueryState","ClickHouseTimeSeriesQueryEditor","props","onChange","value","queryHandlerSettings","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","setWatchOtherSpecs","Error","handleQueryExecute","watchQueryChanges","handleClickHouseQueryChange","e","examplesStyle","fontSize","color","backgroundColor","padding","borderRadius","fontFamily","whiteSpace","lineHeight","spacing","datasourcePluginKind","label","notched","onBlur","runWithOnBlur","undefined","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,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAItD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,oBAAoB,EAAE,GAAGH;IAClD,MAAM,EAAEI,UAAU,EAAE,GAAGF;IACvB,MAAMG,qBAAqBD,cAAcV;IACzC,MAAM,EAAEY,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGV,cAAcE;IAEpE,MAAMS,yBAA4D,CAACC;QACjE,IAAI,CAACpB,qBAAqBoB,2BAA2BA,uBAAuBC,IAAI,KAAKlB,iBAAiB;YACpGQ,SACET,QAAQU,OAAO,CAACU;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAGF,IAAIP,sBAAsBU,oBACxBV,qBAAqBU,kBAAkB,CAAC;gBAAE,GAAGX,KAAK;gBAAEE,YAAYM;YAAuB;YACzF;QACF;QACA,MAAM,IAAII,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACT;QAC1B,IAAIH,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACV;QACzC;QACAL,SACET,QAAQU,OAAO,CAACU;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMW,8BAA8B1B,YAClC,CAAC2B;QACCX,kBAAkBW;QAClB,IAAIf,sBAAsBa,mBAAmB;YAC3Cb,qBAAqBa,iBAAiB,CAACE;QACzC;IACF,GACA;QAACX;QAAmBJ;KAAqB;IAG3C,MAAMgB,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC/B;QAAMgC,SAAS;;0BACd,KAACvC;gBACCwC,sBAAsBpC;gBACtBS,OAAOG;gBACPJ,UAAUQ;gBACVqB,OAAM;gBACNC,OAAO;;0BAET,KAACpC;gBACCO,OAAOI;gBACPL,UAAUgB;gBACVe,QAAQ7B,sBAAsB8B,gBAAgBzB,kBAAkB0B;gBAChEC,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBzB,mBAAmBT;oBACrB;gBACF;gBACAmC,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWzB,UAAU;4BAAQC,OAAO;4BAAQyB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOzB;kCAAgBtB;;;;;;AAIpC"}
+{"version":3,"sources":["../../../../src/queries/click-house-time-series-query/ClickHouseQueryEditor.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 } from 'react';\nimport { produce } from 'immer';\nimport { Stack } from '@mui/material';\nimport { DATASOURCE_KIND, DEFAULT_DATASOURCE } from '../constants';\nimport { ClickQLEditor } from '../../components';\nimport { queryExample } from '../../components/constants';\nimport { useQueryState } from '../query-editor-model';\nimport { ClickHouseTimeSeriesQuerySpec } from './click-house-query-types';\n\ntype ClickHouseTimeSeriesQueryEditorProps = OptionsEditorProps<ClickHouseTimeSeriesQuerySpec>;\n\nexport function ClickHouseTimeSeriesQueryEditor(props: ClickHouseTimeSeriesQueryEditorProps): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_DATASOURCE;\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (newDatasourceSelection) => {\n    if (!isVariableDatasource(newDatasourceSelection) && newDatasourceSelection.kind === DATASOURCE_KIND) {\n      onChange(\n        produce(value, (draft) => {\n          draft.datasource = newDatasourceSelection;\n        })\n      );\n      return;\n    }\n    throw new Error('Got unexpected non ClickHouse datasource selection');\n  };\n\n  // Immediate query execution on Enter or blur\n  const handleQueryExecute = (query: string) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  const handleClickHouseQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\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={query}\n        onChange={handleClickHouseQueryChange}\n        onBlur={handleQueryBlur}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n            event.preventDefault();\n            handleQueryExecute(query);\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","produce","Stack","DATASOURCE_KIND","DEFAULT_DATASOURCE","ClickQLEditor","queryExample","useQueryState","ClickHouseTimeSeriesQueryEditor","props","onChange","value","datasource","selectedDatasource","query","handleQueryChange","handleQueryBlur","handleDatasourceChange","newDatasourceSelection","kind","draft","Error","handleQueryExecute","handleClickHouseQueryChange","e","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,QAAQ,QAAQ;AAClD,SAASC,OAAO,QAAQ,QAAQ;AAChC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,eAAe,EAAEC,kBAAkB,QAAQ,eAAe;AACnE,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,wBAAwB;AAKtD,OAAO,SAASC,gCAAgCC,KAA2C;IACzF,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcR;IACzC,MAAM,EAAEU,KAAK,EAAEC,iBAAiB,EAAEC,eAAe,EAAE,GAAGT,cAAcE;IAEpE,MAAMQ,yBAA4D,CAACC;QACjE,IAAI,CAACnB,qBAAqBmB,2BAA2BA,uBAAuBC,IAAI,KAAKhB,iBAAiB;YACpGO,SACET,QAAQU,OAAO,CAACS;gBACdA,MAAMR,UAAU,GAAGM;YACrB;YAEF;QACF;QACA,MAAM,IAAIG,MAAM;IAClB;IAEA,6CAA6C;IAC7C,MAAMC,qBAAqB,CAACR;QAC1BJ,SACET,QAAQU,OAAO,CAACS;YACdA,MAAMN,KAAK,GAAGA;QAChB;IAEJ;IAEA,MAAMS,8BAA8BvB,YAClC,CAACwB;QACCT,kBAAkBS;IACpB,GACA;QAACT;KAAkB;IAGrB,MAAMU,gBAAqC;QACzCC,UAAU;QACVC,OAAO;QACPC,iBAAiB;QACjBC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,YAAY;QACZC,YAAY;IACd;IAEA,qBACE,MAAC/B;QAAMgC,SAAS;;0BACd,KAACpC;gBACCqC,sBAAsBhC;gBACtBQ,OAAOE;gBACPH,UAAUO;gBACVmB,OAAM;gBACNC,OAAO;;0BAET,KAAChC;gBACCM,OAAOG;gBACPJ,UAAUa;gBACVe,QAAQtB;gBACRuB,WAAW,CAACC;oBACV,IAAIA,MAAMC,GAAG,KAAK,WAAYD,CAAAA,MAAME,OAAO,IAAIF,MAAMG,OAAO,AAAD,GAAI;wBAC7DH,MAAMI,cAAc;wBACpBtB,mBAAmBR;oBACrB;gBACF;gBACA+B,aAAY;;0BAGd,MAACC;;kCACC,KAACC;wBAAQC,OAAO;4BAAEC,QAAQ;4BAAWvB,UAAU;4BAAQC,OAAO;4BAAQuB,cAAc;wBAAM;kCAAG;;kCAG7F,KAACC;wBAAIH,OAAOvB;kCAAgBnB;;;;;;AAIpC"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "ClickHouse",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.3.0",
+      "buildVersion": "0.5.0-beta.0",
       "buildName": "@perses-dev/clickhouse-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/ClickHouse.8f89cb2c.js",
+      "name": "__mf/js/ClickHouse.f04664bb.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "ClickHouse",
-    "pluginVersion": "0.19.1",
+    "pluginVersion": "0.21.6",
     "prefetchInterface": false,
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/ClickHouse/\"; }"
   },
@@ -35,7 +35,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3960.e0eb27f3.js"
+            "__mf/js/async/6274.0299ceca.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6770.e50c0d08.js",
-            "__mf/js/async/694.c93f9cdf.js"
+            "__mf/js/async/1616.d273c2a4.js",
+            "__mf/js/async/9235.239f5888.js"
           ]
         },
         "css": {
@@ -74,8 +74,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5214.d1943ccc.js",
-            "__mf/js/async/738.0cdf47b4.js"
+            "__mf/js/async/5587.caa53d74.js",
+            "__mf/js/async/7968.d7870d30.js"
           ]
         },
         "css": {
@@ -87,14 +87,14 @@
     {
       "id": "ClickHouse:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.53.0-beta.1",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.53.0-beta.1",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7991.64a1aaaf.js"
+            "__mf/js/async/8643.a67671b8.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "ClickHouse:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.53.0-beta.1",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.53.0-beta.1",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2472.9f5fd5cf.js"
+            "__mf/js/async/1490.e6f33090.js"
           ]
         },
         "css": {
@@ -125,14 +125,14 @@
     {
       "id": "ClickHouse:@perses-dev/explore",
       "name": "@perses-dev/explore",
-      "version": "0.53.0-beta.1",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.53.0-beta.1",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4421.750852d0.js"
+            "__mf/js/async/1728.6e27cee7.js"
           ]
         },
         "css": {
@@ -144,14 +144,14 @@
     {
       "id": "ClickHouse:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.53.0-beta.1",
+      "version": "0.53.0-beta.4",
       "singleton": true,
-      "requiredVersion": "^0.53.0-beta.1",
+      "requiredVersion": "^0.53.0-beta.4",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2178.16cf2da3.js"
+            "__mf/js/async/5501.1aae6bcc.js"
           ]
         },
         "css": {
@@ -170,7 +170,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/3980.2a6bea70.js"
+            "__mf/js/async/6283.18a07ff0.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4075.b85e5581.js"
+            "__mf/js/async/7192.738bb7d0.js"
           ]
         },
         "css": {
@@ -208,7 +208,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5409.c4876520.js"
+            "__mf/js/async/873.0b522a3c.js"
           ]
         },
         "css": {
@@ -227,7 +227,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5981.f3abf3c8.js"
+            "__mf/js/async/392.f8d81681.js"
           ]
         },
         "css": {
@@ -246,7 +246,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/9173.90ba4f20.js"
+            "__mf/js/async/8470.12101f38.js"
           ]
         },
         "css": {
@@ -265,7 +265,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6292.4311054b.js"
+            "__mf/js/async/8356.1990f800.js"
           ]
         },
         "css": {
@@ -284,7 +284,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6377.6c8c4e15.js"
+            "__mf/js/async/5440.0e8e1dab.js"
           ]
         },
         "css": {
@@ -303,7 +303,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1964.dccce52b.js"
+            "__mf/js/async/4121.437b34db.js"
           ]
         },
         "css": {
@@ -322,7 +322,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7740.b3df297f.js"
+            "__mf/js/async/7978.a9ba54ff.js"
           ]
         },
         "css": {
@@ -340,32 +340,32 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/__federation_expose_ClickHouseDatasource.e3722d39.js"
+            "__mf/js/async/__federation_expose_ClickHouseDatasource.07019854.js"
           ],
           "async": [
-            "__mf/js/async/282.76b8b044.js",
-            "__mf/js/async/1360.33f7e672.js",
-            "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.6a30813e.js",
-            "__mf/js/async/__federation_expose_ClickHouseLogQuery.63888cb7.js",
-            "__mf/js/async/2226.1d4436dc.js",
-            "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6620.1d8e42fd.js",
-            "__mf/js/async/2652.fd27ec3f.js",
-            "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/6134.a0f2d3c5.js",
-            "__mf/js/async/4238.a8170f41.js",
-            "__mf/js/async/3224.5735a223.js",
-            "__mf/js/async/2292.248bd1ea.js",
-            "__mf/js/async/8488.16a69ea5.js",
-            "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/2708.7448dd5c.js"
+            "__mf/js/async/1825.3b06cbc6.js",
+            "__mf/js/async/9754.9efd83f1.js",
+            "__mf/js/async/6045.424732f1.js",
+            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.f384ac43.js",
+            "__mf/js/async/__federation_expose_ClickHouseLogQuery.f492a83a.js",
+            "__mf/js/async/1238.c73d9688.js",
+            "__mf/js/async/9836.4cd749fe.js",
+            "__mf/js/async/3664.16a2c8f0.js",
+            "__mf/js/async/1811.e34f9555.js",
+            "__mf/js/async/3059.33197202.js",
+            "__mf/js/async/8035.9a47693a.js",
+            "__mf/js/async/9588.643512c3.js",
+            "__mf/js/async/5071.c665fc3d.js",
+            "__mf/js/async/2043.827fc525.js",
+            "__mf/js/async/7177.661c72fd.js",
+            "__mf/js/async/1969.41d665ea.js",
+            "__mf/js/async/8482.f99a0f22.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.d3010b86.css"
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },
@@ -377,30 +377,30 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/282.76b8b044.js",
-            "__mf/js/async/1360.33f7e672.js",
-            "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.6a30813e.js"
+            "__mf/js/async/1825.3b06cbc6.js",
+            "__mf/js/async/9754.9efd83f1.js",
+            "__mf/js/async/6045.424732f1.js",
+            "__mf/js/async/__federation_expose_ClickHouseTimeSeriesQuery.f384ac43.js"
           ],
           "async": [
-            "__mf/js/async/2226.1d4436dc.js",
-            "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6620.1d8e42fd.js",
-            "__mf/js/async/2652.fd27ec3f.js",
-            "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/6134.a0f2d3c5.js",
-            "__mf/js/async/4238.a8170f41.js",
-            "__mf/js/async/3224.5735a223.js",
-            "__mf/js/async/2292.248bd1ea.js",
-            "__mf/js/async/8488.16a69ea5.js",
-            "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/2708.7448dd5c.js"
+            "__mf/js/async/1238.c73d9688.js",
+            "__mf/js/async/9836.4cd749fe.js",
+            "__mf/js/async/3664.16a2c8f0.js",
+            "__mf/js/async/1811.e34f9555.js",
+            "__mf/js/async/3059.33197202.js",
+            "__mf/js/async/8035.9a47693a.js",
+            "__mf/js/async/9588.643512c3.js",
+            "__mf/js/async/5071.c665fc3d.js",
+            "__mf/js/async/2043.827fc525.js",
+            "__mf/js/async/7177.661c72fd.js",
+            "__mf/js/async/1969.41d665ea.js",
+            "__mf/js/async/8482.f99a0f22.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.d3010b86.css"
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },
@@ -412,30 +412,30 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/282.76b8b044.js",
-            "__mf/js/async/1360.33f7e672.js",
-            "__mf/js/async/2114.27f707a0.js",
-            "__mf/js/async/__federation_expose_ClickHouseLogQuery.63888cb7.js"
+            "__mf/js/async/1825.3b06cbc6.js",
+            "__mf/js/async/9754.9efd83f1.js",
+            "__mf/js/async/6045.424732f1.js",
+            "__mf/js/async/__federation_expose_ClickHouseLogQuery.f492a83a.js"
           ],
           "async": [
-            "__mf/js/async/2226.1d4436dc.js",
-            "__mf/js/async/7376.c01a7f82.js",
-            "__mf/js/async/6620.1d8e42fd.js",
-            "__mf/js/async/2652.fd27ec3f.js",
-            "__mf/js/async/3431.54fb88df.js",
-            "__mf/js/async/6134.a0f2d3c5.js",
-            "__mf/js/async/4238.a8170f41.js",
-            "__mf/js/async/3224.5735a223.js",
-            "__mf/js/async/2292.248bd1ea.js",
-            "__mf/js/async/8488.16a69ea5.js",
-            "__mf/js/async/8216.44c6334e.js",
-            "__mf/js/async/2708.7448dd5c.js"
+            "__mf/js/async/1238.c73d9688.js",
+            "__mf/js/async/9836.4cd749fe.js",
+            "__mf/js/async/3664.16a2c8f0.js",
+            "__mf/js/async/1811.e34f9555.js",
+            "__mf/js/async/3059.33197202.js",
+            "__mf/js/async/8035.9a47693a.js",
+            "__mf/js/async/9588.643512c3.js",
+            "__mf/js/async/5071.c665fc3d.js",
+            "__mf/js/async/2043.827fc525.js",
+            "__mf/js/async/7177.661c72fd.js",
+            "__mf/js/async/1969.41d665ea.js",
+            "__mf/js/async/8482.f99a0f22.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/2341.d3010b86.css"
+            "__mf/css/async/3061.d3010b86.css"
           ]
         }
       },