@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/data/LogsTable.cjs

@@ -57,6 +57,7 @@ function renderLogDetails(row, context) {
 function LogsTable({
   logs,
   columns,
+  columnFilterKeys,
   showRawDetails = true,
   className,
   autoFilter = true,
@@ -72,13 +73,21 @@ function LogsTable({
   ...tableProps
 }) {
   const rows = react.useMemo(() => logsNormalize.normalizeLogsTableRows(logs), [logs]);
+  const resolvedColumns = react.useMemo(() => {
+    const base = columns ?? DEFAULT_LOG_COLUMNS;
+    if (!columnFilterKeys) return base;
+    return base.map((column) => ({
+      ...column,
+      ...columnFilterKeys[column.key] ? { filterKey: columnFilterKeys[column.key] } : {}
+    }));
+  }, [columnFilterKeys, columns]);
   const resolvedRenderExpandedRow = renderExpandedRow ?? (showRawDetails ? renderLogDetails : void 0);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DataTable.DataTable,
     {
       ...tableProps,
       data: rows,
-      columns: columns ?? DEFAULT_LOG_COLUMNS,
+      columns: resolvedColumns,
       className: utils.cn("rounded-md bg-background p-2", className),
       autoFilter,
       defaultDensity,

package/dist/data/LogsTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTable.cjs","sources":["../../src/data/LogsTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { LogDetails } from \"./LogDetails\";\nimport { normalizeLogsTableRows, type LogsTableInput, type LogsTableRow } from \"./logs-normalize\";\n\nexport type { LogsTableInput, LogsTableRow } from \"./logs-normalize\";\n\nexport type LogsTableProps = Omit<DataTableProps<LogsTableRow>, \"data\" | \"columns\"> & {\n  /** Raw newline-delimited log text or pre-parsed log records. */\n  logs: string | LogsTableInput[];\n  /** Optional custom columns; defaults to timestamp, level, pod, logger, thread, message, and tags. */\n  columns?: DataTableColumn<LogsTableRow>[];\n  /** Render parsed/raw log details when a row is expanded. */\n  showRawDetails?: boolean;\n};\n\n// Matches CSI / SGR escape sequences (e.g. \"\\x1b[31m\"). Used to skip the\n// AnsiHtml render for plain messages so the cell stays a fast text node.\nconst ANSI_PATTERN = new RegExp(`${String.fromCharCode(27)}\\\\[[0-9;?]*[ -/]*[@-~]`);\n\nconst DEFAULT_LOG_COLUMNS: DataTableColumn<LogsTableRow>[] = [\n  {\n    key: \"timestamp\",\n    label: \"Timestamp\",\n    kind: \"timestamp\",\n    shrink: true,\n    minWidth: 180,\n  },\n  {\n    key: \"level\",\n    label: \"Level\",\n    kind: \"status\",\n    shrink: true,\n    minWidth: 96,\n    status: { showLabel: true },\n  },\n  { key: \"pod\", label: \"Pod\", shrink: true, minWidth: 180 },\n  { key: \"logger\", label: \"Logger\", shrink: true, minWidth: 220 },\n  { key: \"thread\", label: \"Thread\", shrink: true, minWidth: 180 },\n  {\n    key: \"message\",\n    label: \"Message\",\n    grow: true,\n    minWidth: 360,\n    cellClassName: \"font-mono text-xs\",\n    render: (value) => {\n      const text = typeof value === \"string\" ? value : value == null ? \"\" : String(value);\n      if (!ANSI_PATTERN.test(text)) return text;\n      return <AnsiHtml as=\"span\" text={text} className=\"whitespace-pre-wrap break-words\" />;\n    },\n  },\n  {\n    key: \"tags\",\n    label: \"Tags\",\n    kind: \"tags\",\n    grow: true,\n    tags: { maxVisible: 4 },\n  },\n];\n\nconst DEFAULT_SORT = {\n  key: \"timestamp\",\n  dir: \"desc\",\n} satisfies NonNullable<DataTableProps<LogsTableRow>[\"defaultSort\"]>;\n\nfunction renderLogDetails(row: LogsTableRow, context: DataTableRowDetailContext<LogsTableRow>) {\n  return (\n    <LogDetails row={row} filterActions={context.filterActionsByColumn} columns={context.columns} />\n  );\n}\n\nexport function LogsTable({\n  logs,\n  columns,\n  showRawDetails = true,\n  className,\n  autoFilter = true,\n  defaultSort,\n  getRowId,\n  renderExpandedRow,\n  showDensityControl = true,\n  showThemeControl = true,\n  showFullscreenControl = true,\n  fullscreenTitle = \"Logs\",\n  fullscreenButtonLabel = \"Open logs full screen\",\n  defaultDensity = \"compact\",\n  ...tableProps\n}: LogsTableProps) {\n  const rows = useMemo(() => normalizeLogsTableRows(logs), [logs]);\n  const resolvedRenderExpandedRow =\n    renderExpandedRow ?? (showRawDetails ? renderLogDetails : undefined);\n  return (\n    <DataTable\n      {...tableProps}\n      data={rows}\n      columns={columns ?? DEFAULT_LOG_COLUMNS}\n      className={cn(\"rounded-md bg-background p-2\", className)}\n      autoFilter={autoFilter}\n      defaultDensity={defaultDensity}\n      defaultSort={defaultSort ?? DEFAULT_SORT}\n      getRowId={getRowId ?? ((row) => row.id)}\n      showDensityControl={showDensityControl}\n      showThemeControl={showThemeControl}\n      showFullscreenControl={showFullscreenControl}\n      fullscreenTitle={fullscreenTitle}\n      fullscreenButtonLabel={fullscreenButtonLabel}\n      {...(resolvedRenderExpandedRow ? { renderExpandedRow: resolvedRenderExpandedRow } : {})}\n    />\n  );\n}\n"],"names":["AnsiHtml","jsx","LogDetails","useMemo","normalizeLogsTableRows","DataTable","cn"],"mappings":";;;;;;;;;AAyBA,MAAM,eAAe,IAAI,OAAO,GAAG,OAAO,aAAa,EAAE,CAAC,wBAAwB;AAElF,MAAM,sBAAuD;AAAA,EAC3D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,EAAE,WAAW,KAAA;AAAA,EAAK;AAAA,EAE5B,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,MAAM,UAAU,IAAA;AAAA,EACpD,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU;AACjB,YAAM,OAAO,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,OAAO,KAAK;AAClF,UAAI,CAAC,aAAa,KAAK,IAAI,EAAG,QAAO;AACrC,4CAAQA,SAAAA,UAAA,EAAS,IAAG,QAAO,MAAY,WAAU,mCAAkC;AAAA,IACrF;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,EAAE,YAAY,EAAA;AAAA,EAAE;AAE1B;AAEA,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,iBAAiB,KAAmB,SAAkD;AAC7F,SACEC,+BAACC,WAAAA,cAAW,KAAU,eAAe,QAAQ,uBAAuB,SAAS,QAAQ,SAAS;AAElG;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,GAAG;AACL,GAAmB;AACjB,QAAM,OAAOC,MAAAA,QAAQ,MAAMC,cAAAA,uBAAuB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/D,QAAM,4BACJ,sBAAsB,iBAAiB,mBAAmB;AAC5D,SACEH,2BAAAA;AAAAA,IAACI,UAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,MACpB,WAAWC,MAAAA,GAAG,gCAAgC,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,MACA,aAAa,eAAe;AAAA,MAC5B,UAAU,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,4BAA4B,EAAE,mBAAmB,8BAA8B,CAAA;AAAA,IAAC;AAAA,EAAA;AAG3F;;"}
+{"version":3,"file":"LogsTable.cjs","sources":["../../src/data/LogsTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { LogDetails } from \"./LogDetails\";\nimport { normalizeLogsTableRows, type LogsTableInput, type LogsTableRow } from \"./logs-normalize\";\n\nexport type { LogsTableInput, LogsTableRow } from \"./logs-normalize\";\n\nexport type LogsTableProps = Omit<DataTableProps<LogsTableRow>, \"data\" | \"columns\"> & {\n  /** Raw newline-delimited log text or pre-parsed log records. */\n  logs: string | LogsTableInput[];\n  /** Optional custom columns; defaults to timestamp, level, pod, logger, thread, message, and tags. */\n  columns?: DataTableColumn<LogsTableRow>[];\n  /** Native server-filter parameter keyed by normalized log column name. */\n  columnFilterKeys?: Record<string, string>;\n  /** Render parsed/raw log details when a row is expanded. */\n  showRawDetails?: boolean;\n};\n\n// Matches CSI / SGR escape sequences (e.g. \"\\x1b[31m\"). Used to skip the\n// AnsiHtml render for plain messages so the cell stays a fast text node.\nconst ANSI_PATTERN = new RegExp(`${String.fromCharCode(27)}\\\\[[0-9;?]*[ -/]*[@-~]`);\n\nconst DEFAULT_LOG_COLUMNS: DataTableColumn<LogsTableRow>[] = [\n  {\n    key: \"timestamp\",\n    label: \"Timestamp\",\n    kind: \"timestamp\",\n    shrink: true,\n    minWidth: 180,\n  },\n  {\n    key: \"level\",\n    label: \"Level\",\n    kind: \"status\",\n    shrink: true,\n    minWidth: 96,\n    status: { showLabel: true },\n  },\n  { key: \"pod\", label: \"Pod\", shrink: true, minWidth: 180 },\n  { key: \"logger\", label: \"Logger\", shrink: true, minWidth: 220 },\n  { key: \"thread\", label: \"Thread\", shrink: true, minWidth: 180 },\n  {\n    key: \"message\",\n    label: \"Message\",\n    grow: true,\n    minWidth: 360,\n    cellClassName: \"font-mono text-xs\",\n    render: (value) => {\n      const text = typeof value === \"string\" ? value : value == null ? \"\" : String(value);\n      if (!ANSI_PATTERN.test(text)) return text;\n      return <AnsiHtml as=\"span\" text={text} className=\"whitespace-pre-wrap break-words\" />;\n    },\n  },\n  {\n    key: \"tags\",\n    label: \"Tags\",\n    kind: \"tags\",\n    grow: true,\n    tags: { maxVisible: 4 },\n  },\n];\n\nconst DEFAULT_SORT = {\n  key: \"timestamp\",\n  dir: \"desc\",\n} satisfies NonNullable<DataTableProps<LogsTableRow>[\"defaultSort\"]>;\n\nfunction renderLogDetails(row: LogsTableRow, context: DataTableRowDetailContext<LogsTableRow>) {\n  return (\n    <LogDetails row={row} filterActions={context.filterActionsByColumn} columns={context.columns} />\n  );\n}\n\nexport function LogsTable({\n  logs,\n  columns,\n  columnFilterKeys,\n  showRawDetails = true,\n  className,\n  autoFilter = true,\n  defaultSort,\n  getRowId,\n  renderExpandedRow,\n  showDensityControl = true,\n  showThemeControl = true,\n  showFullscreenControl = true,\n  fullscreenTitle = \"Logs\",\n  fullscreenButtonLabel = \"Open logs full screen\",\n  defaultDensity = \"compact\",\n  ...tableProps\n}: LogsTableProps) {\n  const rows = useMemo(() => normalizeLogsTableRows(logs), [logs]);\n  const resolvedColumns = useMemo(() => {\n    const base = columns ?? DEFAULT_LOG_COLUMNS;\n    if (!columnFilterKeys) return base;\n    return base.map((column) => ({\n      ...column,\n      ...(columnFilterKeys[column.key]\n        ? { filterKey: columnFilterKeys[column.key] }\n        : {}),\n    }));\n  }, [columnFilterKeys, columns]);\n  const resolvedRenderExpandedRow =\n    renderExpandedRow ?? (showRawDetails ? renderLogDetails : undefined);\n  return (\n    <DataTable\n      {...tableProps}\n      data={rows}\n      columns={resolvedColumns}\n      className={cn(\"rounded-md bg-background p-2\", className)}\n      autoFilter={autoFilter}\n      defaultDensity={defaultDensity}\n      defaultSort={defaultSort ?? DEFAULT_SORT}\n      getRowId={getRowId ?? ((row) => row.id)}\n      showDensityControl={showDensityControl}\n      showThemeControl={showThemeControl}\n      showFullscreenControl={showFullscreenControl}\n      fullscreenTitle={fullscreenTitle}\n      fullscreenButtonLabel={fullscreenButtonLabel}\n      {...(resolvedRenderExpandedRow ? { renderExpandedRow: resolvedRenderExpandedRow } : {})}\n    />\n  );\n}\n"],"names":["AnsiHtml","jsx","LogDetails","useMemo","normalizeLogsTableRows","DataTable","cn"],"mappings":";;;;;;;;;AA2BA,MAAM,eAAe,IAAI,OAAO,GAAG,OAAO,aAAa,EAAE,CAAC,wBAAwB;AAElF,MAAM,sBAAuD;AAAA,EAC3D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,EAAE,WAAW,KAAA;AAAA,EAAK;AAAA,EAE5B,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,MAAM,UAAU,IAAA;AAAA,EACpD,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU;AACjB,YAAM,OAAO,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,OAAO,KAAK;AAClF,UAAI,CAAC,aAAa,KAAK,IAAI,EAAG,QAAO;AACrC,4CAAQA,SAAAA,UAAA,EAAS,IAAG,QAAO,MAAY,WAAU,mCAAkC;AAAA,IACrF;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,EAAE,YAAY,EAAA;AAAA,EAAE;AAE1B;AAEA,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,iBAAiB,KAAmB,SAAkD;AAC7F,SACEC,+BAACC,WAAAA,cAAW,KAAU,eAAe,QAAQ,uBAAuB,SAAS,QAAQ,SAAS;AAElG;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,GAAG;AACL,GAAmB;AACjB,QAAM,OAAOC,MAAAA,QAAQ,MAAMC,cAAAA,uBAAuB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/D,QAAM,kBAAkBD,MAAAA,QAAQ,MAAM;AACpC,UAAM,OAAO,WAAW;AACxB,QAAI,CAAC,iBAAkB,QAAO;AAC9B,WAAO,KAAK,IAAI,CAAC,YAAY;AAAA,MAC3B,GAAG;AAAA,MACH,GAAI,iBAAiB,OAAO,GAAG,IAC3B,EAAE,WAAW,iBAAiB,OAAO,GAAG,MACxC,CAAA;AAAA,IAAC,EACL;AAAA,EACJ,GAAG,CAAC,kBAAkB,OAAO,CAAC;AAC9B,QAAM,4BACJ,sBAAsB,iBAAiB,mBAAmB;AAC5D,SACEF,2BAAAA;AAAAA,IAACI,UAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAWC,MAAAA,GAAG,gCAAgC,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,MACA,aAAa,eAAe;AAAA,MAC5B,UAAU,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,4BAA4B,EAAE,mBAAmB,8BAA8B,CAAA;AAAA,IAAC;AAAA,EAAA;AAG3F;;"}

package/dist/data/LogsTable.d.ts

@@ -6,8 +6,10 @@ export type LogsTableProps = Omit<DataTableProps<LogsTableRow>, "data" | "column
     logs: string | LogsTableInput[];
     /** Optional custom columns; defaults to timestamp, level, pod, logger, thread, message, and tags. */
     columns?: DataTableColumn<LogsTableRow>[];
+    /** Native server-filter parameter keyed by normalized log column name. */
+    columnFilterKeys?: Record<string, string>;
     /** Render parsed/raw log details when a row is expanded. */
     showRawDetails?: boolean;
 };
-export declare function LogsTable({ logs, columns, showRawDetails, className, autoFilter, defaultSort, getRowId, renderExpandedRow, showDensityControl, showThemeControl, showFullscreenControl, fullscreenTitle, fullscreenButtonLabel, defaultDensity, ...tableProps }: LogsTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function LogsTable({ logs, columns, columnFilterKeys, showRawDetails, className, autoFilter, defaultSort, getRowId, renderExpandedRow, showDensityControl, showThemeControl, showFullscreenControl, fullscreenTitle, fullscreenButtonLabel, defaultDensity, ...tableProps }: LogsTableProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LogsTable.d.ts.map

package/dist/data/LogsTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTable.d.ts","sourceRoot":"","sources":["../../src/data/LogsTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EAEpB,MAAM,aAAa,CAAC;AAErB,OAAO,EAA0B,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElG,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IACpF,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,qGAAqG;IACrG,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAyDF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,cAAqB,EACrB,SAAS,EACT,UAAiB,EACjB,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,kBAAyB,EACzB,gBAAuB,EACvB,qBAA4B,EAC5B,eAAwB,EACxB,qBAA+C,EAC/C,cAA0B,EAC1B,GAAG,UAAU,EACd,EAAE,cAAc,2CAsBhB"}
+{"version":3,"file":"LogsTable.d.ts","sourceRoot":"","sources":["../../src/data/LogsTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,cAAc,EAEpB,MAAM,aAAa,CAAC;AAErB,OAAO,EAA0B,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElG,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IACpF,gEAAgE;IAChE,IAAI,EAAE,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,qGAAqG;IACrG,OAAO,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,EAAE,CAAC;IAC1C,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAyDF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,cAAqB,EACrB,SAAS,EACT,UAAiB,EACjB,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,kBAAyB,EACzB,gBAAuB,EACvB,qBAA4B,EAC5B,eAAwB,EACxB,qBAA+C,EAC/C,cAA0B,EAC1B,GAAG,UAAU,EACd,EAAE,cAAc,2CAgChB"}

package/dist/data/LogsTable.js

@@ -55,6 +55,7 @@ function renderLogDetails(row, context) {
 function LogsTable({
   logs,
   columns,
+  columnFilterKeys,
   showRawDetails = true,
   className,
   autoFilter = true,
@@ -70,13 +71,21 @@ function LogsTable({
   ...tableProps
 }) {
   const rows = useMemo(() => normalizeLogsTableRows(logs), [logs]);
+  const resolvedColumns = useMemo(() => {
+    const base = columns ?? DEFAULT_LOG_COLUMNS;
+    if (!columnFilterKeys) return base;
+    return base.map((column) => ({
+      ...column,
+      ...columnFilterKeys[column.key] ? { filterKey: columnFilterKeys[column.key] } : {}
+    }));
+  }, [columnFilterKeys, columns]);
   const resolvedRenderExpandedRow = renderExpandedRow ?? (showRawDetails ? renderLogDetails : void 0);
   return /* @__PURE__ */ jsx(
     DataTable,
     {
       ...tableProps,
       data: rows,
-      columns: columns ?? DEFAULT_LOG_COLUMNS,
+      columns: resolvedColumns,
       className: cn("rounded-md bg-background p-2", className),
       autoFilter,
       defaultDensity,

package/dist/data/LogsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogsTable.js","sources":["../../src/data/LogsTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { LogDetails } from \"./LogDetails\";\nimport { normalizeLogsTableRows, type LogsTableInput, type LogsTableRow } from \"./logs-normalize\";\n\nexport type { LogsTableInput, LogsTableRow } from \"./logs-normalize\";\n\nexport type LogsTableProps = Omit<DataTableProps<LogsTableRow>, \"data\" | \"columns\"> & {\n  /** Raw newline-delimited log text or pre-parsed log records. */\n  logs: string | LogsTableInput[];\n  /** Optional custom columns; defaults to timestamp, level, pod, logger, thread, message, and tags. */\n  columns?: DataTableColumn<LogsTableRow>[];\n  /** Render parsed/raw log details when a row is expanded. */\n  showRawDetails?: boolean;\n};\n\n// Matches CSI / SGR escape sequences (e.g. \"\\x1b[31m\"). Used to skip the\n// AnsiHtml render for plain messages so the cell stays a fast text node.\nconst ANSI_PATTERN = new RegExp(`${String.fromCharCode(27)}\\\\[[0-9;?]*[ -/]*[@-~]`);\n\nconst DEFAULT_LOG_COLUMNS: DataTableColumn<LogsTableRow>[] = [\n  {\n    key: \"timestamp\",\n    label: \"Timestamp\",\n    kind: \"timestamp\",\n    shrink: true,\n    minWidth: 180,\n  },\n  {\n    key: \"level\",\n    label: \"Level\",\n    kind: \"status\",\n    shrink: true,\n    minWidth: 96,\n    status: { showLabel: true },\n  },\n  { key: \"pod\", label: \"Pod\", shrink: true, minWidth: 180 },\n  { key: \"logger\", label: \"Logger\", shrink: true, minWidth: 220 },\n  { key: \"thread\", label: \"Thread\", shrink: true, minWidth: 180 },\n  {\n    key: \"message\",\n    label: \"Message\",\n    grow: true,\n    minWidth: 360,\n    cellClassName: \"font-mono text-xs\",\n    render: (value) => {\n      const text = typeof value === \"string\" ? value : value == null ? \"\" : String(value);\n      if (!ANSI_PATTERN.test(text)) return text;\n      return <AnsiHtml as=\"span\" text={text} className=\"whitespace-pre-wrap break-words\" />;\n    },\n  },\n  {\n    key: \"tags\",\n    label: \"Tags\",\n    kind: \"tags\",\n    grow: true,\n    tags: { maxVisible: 4 },\n  },\n];\n\nconst DEFAULT_SORT = {\n  key: \"timestamp\",\n  dir: \"desc\",\n} satisfies NonNullable<DataTableProps<LogsTableRow>[\"defaultSort\"]>;\n\nfunction renderLogDetails(row: LogsTableRow, context: DataTableRowDetailContext<LogsTableRow>) {\n  return (\n    <LogDetails row={row} filterActions={context.filterActionsByColumn} columns={context.columns} />\n  );\n}\n\nexport function LogsTable({\n  logs,\n  columns,\n  showRawDetails = true,\n  className,\n  autoFilter = true,\n  defaultSort,\n  getRowId,\n  renderExpandedRow,\n  showDensityControl = true,\n  showThemeControl = true,\n  showFullscreenControl = true,\n  fullscreenTitle = \"Logs\",\n  fullscreenButtonLabel = \"Open logs full screen\",\n  defaultDensity = \"compact\",\n  ...tableProps\n}: LogsTableProps) {\n  const rows = useMemo(() => normalizeLogsTableRows(logs), [logs]);\n  const resolvedRenderExpandedRow =\n    renderExpandedRow ?? (showRawDetails ? renderLogDetails : undefined);\n  return (\n    <DataTable\n      {...tableProps}\n      data={rows}\n      columns={columns ?? DEFAULT_LOG_COLUMNS}\n      className={cn(\"rounded-md bg-background p-2\", className)}\n      autoFilter={autoFilter}\n      defaultDensity={defaultDensity}\n      defaultSort={defaultSort ?? DEFAULT_SORT}\n      getRowId={getRowId ?? ((row) => row.id)}\n      showDensityControl={showDensityControl}\n      showThemeControl={showThemeControl}\n      showFullscreenControl={showFullscreenControl}\n      fullscreenTitle={fullscreenTitle}\n      fullscreenButtonLabel={fullscreenButtonLabel}\n      {...(resolvedRenderExpandedRow ? { renderExpandedRow: resolvedRenderExpandedRow } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAyBA,MAAM,eAAe,IAAI,OAAO,GAAG,OAAO,aAAa,EAAE,CAAC,wBAAwB;AAElF,MAAM,sBAAuD;AAAA,EAC3D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,EAAE,WAAW,KAAA;AAAA,EAAK;AAAA,EAE5B,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,MAAM,UAAU,IAAA;AAAA,EACpD,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU;AACjB,YAAM,OAAO,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,OAAO,KAAK;AAClF,UAAI,CAAC,aAAa,KAAK,IAAI,EAAG,QAAO;AACrC,iCAAQ,UAAA,EAAS,IAAG,QAAO,MAAY,WAAU,mCAAkC;AAAA,IACrF;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,EAAE,YAAY,EAAA;AAAA,EAAE;AAE1B;AAEA,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,iBAAiB,KAAmB,SAAkD;AAC7F,SACE,oBAAC,cAAW,KAAU,eAAe,QAAQ,uBAAuB,SAAS,QAAQ,SAAS;AAElG;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,GAAG;AACL,GAAmB;AACjB,QAAM,OAAO,QAAQ,MAAM,uBAAuB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/D,QAAM,4BACJ,sBAAsB,iBAAiB,mBAAmB;AAC5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,WAAW;AAAA,MACpB,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,MACA,aAAa,eAAe;AAAA,MAC5B,UAAU,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,4BAA4B,EAAE,mBAAmB,8BAA8B,CAAA;AAAA,IAAC;AAAA,EAAA;AAG3F;"}
+{"version":3,"file":"LogsTable.js","sources":["../../src/data/LogsTable.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTableProps,\n  type DataTableRowDetailContext,\n} from \"./DataTable\";\nimport { LogDetails } from \"./LogDetails\";\nimport { normalizeLogsTableRows, type LogsTableInput, type LogsTableRow } from \"./logs-normalize\";\n\nexport type { LogsTableInput, LogsTableRow } from \"./logs-normalize\";\n\nexport type LogsTableProps = Omit<DataTableProps<LogsTableRow>, \"data\" | \"columns\"> & {\n  /** Raw newline-delimited log text or pre-parsed log records. */\n  logs: string | LogsTableInput[];\n  /** Optional custom columns; defaults to timestamp, level, pod, logger, thread, message, and tags. */\n  columns?: DataTableColumn<LogsTableRow>[];\n  /** Native server-filter parameter keyed by normalized log column name. */\n  columnFilterKeys?: Record<string, string>;\n  /** Render parsed/raw log details when a row is expanded. */\n  showRawDetails?: boolean;\n};\n\n// Matches CSI / SGR escape sequences (e.g. \"\\x1b[31m\"). Used to skip the\n// AnsiHtml render for plain messages so the cell stays a fast text node.\nconst ANSI_PATTERN = new RegExp(`${String.fromCharCode(27)}\\\\[[0-9;?]*[ -/]*[@-~]`);\n\nconst DEFAULT_LOG_COLUMNS: DataTableColumn<LogsTableRow>[] = [\n  {\n    key: \"timestamp\",\n    label: \"Timestamp\",\n    kind: \"timestamp\",\n    shrink: true,\n    minWidth: 180,\n  },\n  {\n    key: \"level\",\n    label: \"Level\",\n    kind: \"status\",\n    shrink: true,\n    minWidth: 96,\n    status: { showLabel: true },\n  },\n  { key: \"pod\", label: \"Pod\", shrink: true, minWidth: 180 },\n  { key: \"logger\", label: \"Logger\", shrink: true, minWidth: 220 },\n  { key: \"thread\", label: \"Thread\", shrink: true, minWidth: 180 },\n  {\n    key: \"message\",\n    label: \"Message\",\n    grow: true,\n    minWidth: 360,\n    cellClassName: \"font-mono text-xs\",\n    render: (value) => {\n      const text = typeof value === \"string\" ? value : value == null ? \"\" : String(value);\n      if (!ANSI_PATTERN.test(text)) return text;\n      return <AnsiHtml as=\"span\" text={text} className=\"whitespace-pre-wrap break-words\" />;\n    },\n  },\n  {\n    key: \"tags\",\n    label: \"Tags\",\n    kind: \"tags\",\n    grow: true,\n    tags: { maxVisible: 4 },\n  },\n];\n\nconst DEFAULT_SORT = {\n  key: \"timestamp\",\n  dir: \"desc\",\n} satisfies NonNullable<DataTableProps<LogsTableRow>[\"defaultSort\"]>;\n\nfunction renderLogDetails(row: LogsTableRow, context: DataTableRowDetailContext<LogsTableRow>) {\n  return (\n    <LogDetails row={row} filterActions={context.filterActionsByColumn} columns={context.columns} />\n  );\n}\n\nexport function LogsTable({\n  logs,\n  columns,\n  columnFilterKeys,\n  showRawDetails = true,\n  className,\n  autoFilter = true,\n  defaultSort,\n  getRowId,\n  renderExpandedRow,\n  showDensityControl = true,\n  showThemeControl = true,\n  showFullscreenControl = true,\n  fullscreenTitle = \"Logs\",\n  fullscreenButtonLabel = \"Open logs full screen\",\n  defaultDensity = \"compact\",\n  ...tableProps\n}: LogsTableProps) {\n  const rows = useMemo(() => normalizeLogsTableRows(logs), [logs]);\n  const resolvedColumns = useMemo(() => {\n    const base = columns ?? DEFAULT_LOG_COLUMNS;\n    if (!columnFilterKeys) return base;\n    return base.map((column) => ({\n      ...column,\n      ...(columnFilterKeys[column.key]\n        ? { filterKey: columnFilterKeys[column.key] }\n        : {}),\n    }));\n  }, [columnFilterKeys, columns]);\n  const resolvedRenderExpandedRow =\n    renderExpandedRow ?? (showRawDetails ? renderLogDetails : undefined);\n  return (\n    <DataTable\n      {...tableProps}\n      data={rows}\n      columns={resolvedColumns}\n      className={cn(\"rounded-md bg-background p-2\", className)}\n      autoFilter={autoFilter}\n      defaultDensity={defaultDensity}\n      defaultSort={defaultSort ?? DEFAULT_SORT}\n      getRowId={getRowId ?? ((row) => row.id)}\n      showDensityControl={showDensityControl}\n      showThemeControl={showThemeControl}\n      showFullscreenControl={showFullscreenControl}\n      fullscreenTitle={fullscreenTitle}\n      fullscreenButtonLabel={fullscreenButtonLabel}\n      {...(resolvedRenderExpandedRow ? { renderExpandedRow: resolvedRenderExpandedRow } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,eAAe,IAAI,OAAO,GAAG,OAAO,aAAa,EAAE,CAAC,wBAAwB;AAElF,MAAM,sBAAuD;AAAA,EAC3D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAAA,EAEZ;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ,EAAE,WAAW,KAAA;AAAA,EAAK;AAAA,EAE5B,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,MAAM,UAAU,IAAA;AAAA,EACpD,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,MAAM,UAAU,IAAA;AAAA,EAC1D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU;AACjB,YAAM,OAAO,OAAO,UAAU,WAAW,QAAQ,SAAS,OAAO,KAAK,OAAO,KAAK;AAClF,UAAI,CAAC,aAAa,KAAK,IAAI,EAAG,QAAO;AACrC,iCAAQ,UAAA,EAAS,IAAG,QAAO,MAAY,WAAU,mCAAkC;AAAA,IACrF;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM,EAAE,YAAY,EAAA;AAAA,EAAE;AAE1B;AAEA,MAAM,eAAe;AAAA,EACnB,KAAK;AAAA,EACL,KAAK;AACP;AAEA,SAAS,iBAAiB,KAAmB,SAAkD;AAC7F,SACE,oBAAC,cAAW,KAAU,eAAe,QAAQ,uBAAuB,SAAS,QAAQ,SAAS;AAElG;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,GAAG;AACL,GAAmB;AACjB,QAAM,OAAO,QAAQ,MAAM,uBAAuB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC/D,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,OAAO,WAAW;AACxB,QAAI,CAAC,iBAAkB,QAAO;AAC9B,WAAO,KAAK,IAAI,CAAC,YAAY;AAAA,MAC3B,GAAG;AAAA,MACH,GAAI,iBAAiB,OAAO,GAAG,IAC3B,EAAE,WAAW,iBAAiB,OAAO,GAAG,MACxC,CAAA;AAAA,IAAC,EACL;AAAA,EACJ,GAAG,CAAC,kBAAkB,OAAO,CAAC;AAC9B,QAAM,4BACJ,sBAAsB,iBAAiB,mBAAmB;AAC5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,GAAG,gCAAgC,SAAS;AAAA,MACvD;AAAA,MACA;AAAA,MACA,aAAa,eAAe;AAAA,MAC5B,UAAU,aAAa,CAAC,QAAQ,IAAI;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,4BAA4B,EAAE,mBAAmB,8BAA8B,CAAA;AAAA,IAAC;AAAA,EAAA;AAG3F;"}

package/dist/data/ServerTimingBadge.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const HoverCard = require("../overlay/HoverCard.cjs");
+const serverTiming = require("./server-timing.cjs");
+const UiClock = require("../icons/components/UiClock.cjs");
+function ServerTimingBadge({
+  metrics,
+  placement = "bottom",
+  className
+}) {
+  const total = metrics == null ? void 0 : metrics.find((metric) => metric.name === "total");
+  if (!total) return null;
+  const phases = (metrics == null ? void 0 : metrics.filter((metric) => metric.name !== "total")) ?? [];
+  const slowest = Math.max(1, ...phases.map((phase) => phase.duration));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HoverCard.HoverCard,
+    {
+      placement,
+      arrow: false,
+      trigger: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Show server timing",
+          className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(UiClock.UiClock, { className: "h-3.5 w-3.5" }),
+            serverTiming.formatServerTimingDuration(total.duration)
+          ]
+        }
+      ),
+      cardClassName: "w-64 whitespace-normal p-2.5",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 text-xs font-medium", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: "Server timing" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums text-muted-foreground", children: serverTiming.formatServerTimingDuration(total.duration) })
+        ] }),
+        phases.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] text-muted-foreground", children: "No phase breakdown." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: phases.map((phase, index) => {
+          const counterSummary = serverTiming.serverTimingCounterSummary(phase);
+          return /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 text-[11px]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: serverTiming.serverTimingMetricLabel(phase) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums text-foreground", children: serverTiming.formatServerTimingDuration(phase.duration) })
+            ] }),
+            counterSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground", children: counterSummary }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-primary/70",
+                style: {
+                  width: phase.duration === 0 ? "0%" : `${Math.max(phase.duration / slowest * 100, 4)}%`
+                }
+              }
+            ) })
+          ] }, `${phase.name}-${index}`);
+        }) })
+      ] })
+    }
+  );
+}
+exports.ServerTimingBadge = ServerTimingBadge;
+//# sourceMappingURL=ServerTimingBadge.cjs.map

package/dist/data/ServerTimingBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerTimingBadge.cjs","sources":["../../src/data/ServerTimingBadge.tsx"],"sourcesContent":["import { UiClock } from \"../icons\";\nimport { HoverCard, type HoverCardPlacement } from \"../overlay/HoverCard\";\nimport {\n  formatServerTimingDuration,\n  serverTimingCounterSummary,\n  serverTimingMetricLabel,\n  type ServerTimingMetric,\n} from \"./server-timing\";\n\nexport interface ServerTimingBadgeProps {\n  metrics?: readonly ServerTimingMetric[];\n  placement?: HoverCardPlacement;\n  className?: string;\n}\n\nexport function ServerTimingBadge({\n  metrics,\n  placement = \"bottom\",\n  className,\n}: ServerTimingBadgeProps) {\n  const total = metrics?.find((metric) => metric.name === \"total\");\n  if (!total) return null;\n  const phases = metrics?.filter((metric) => metric.name !== \"total\") ?? [];\n  const slowest = Math.max(1, ...phases.map((phase) => phase.duration));\n\n  return (\n    <HoverCard\n      placement={placement}\n      arrow={false}\n      trigger={\n        <button\n          type=\"button\"\n          aria-label=\"Show server timing\"\n          className=\"inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\"\n        >\n          <UiClock className=\"h-3.5 w-3.5\" />\n          {formatServerTimingDuration(total.duration)}\n        </button>\n      }\n      cardClassName=\"w-64 whitespace-normal p-2.5\"\n      className={className}\n    >\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center justify-between gap-4 text-xs font-medium\">\n          <span className=\"text-foreground\">Server timing</span>\n          <span className=\"tabular-nums text-muted-foreground\">\n            {formatServerTimingDuration(total.duration)}\n          </span>\n        </div>\n        {phases.length === 0 ? (\n          <div className=\"text-[11px] text-muted-foreground\">No phase breakdown.</div>\n        ) : (\n          <ul className=\"space-y-2\">\n            {phases.map((phase, index) => {\n              const counterSummary = serverTimingCounterSummary(phase);\n              return (\n                <li key={`${phase.name}-${index}`}>\n                  <div className=\"flex items-center justify-between gap-4 text-[11px]\">\n                    <span className=\"text-muted-foreground\">\n                      {serverTimingMetricLabel(phase)}\n                    </span>\n                    <span className=\"shrink-0 tabular-nums text-foreground\">\n                      {formatServerTimingDuration(phase.duration)}\n                    </span>\n                  </div>\n                  {counterSummary ? (\n                    <div className=\"mt-0.5 text-[10px] text-muted-foreground\">\n                      {counterSummary}\n                    </div>\n                  ) : null}\n                  <div className=\"mt-1 h-1 overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-full rounded-full bg-primary/70\"\n                      style={{\n                        width:\n                          phase.duration === 0\n                            ? \"0%\"\n                            : `${Math.max((phase.duration / slowest) * 100, 4)}%`,\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":["jsx","HoverCard","jsxs","UiClock","formatServerTimingDuration","serverTimingCounterSummary","serverTimingMetricLabel"],"mappings":";;;;;;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAA2B;AACzB,QAAM,QAAQ,mCAAS,KAAK,CAAC,WAAW,OAAO,SAAS;AACxD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAS,mCAAS,OAAO,CAAC,WAAW,OAAO,SAAS,aAAY,CAAA;AACvE,QAAM,UAAU,KAAK,IAAI,GAAG,GAAG,OAAO,IAAI,CAAC,UAAU,MAAM,QAAQ,CAAC;AAEpE,SACEA,2BAAAA;AAAAA,IAACC,UAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,SACEC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAF,2BAAAA,IAACG,QAAAA,SAAA,EAAQ,WAAU,cAAA,CAAc;AAAA,YAChCC,aAAAA,2BAA2B,MAAM,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C,eAAc;AAAA,MACd;AAAA,MAEA,UAAAF,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,UAAAF,2BAAAA,IAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,iBAAa;AAAA,yCAC9C,QAAA,EAAK,WAAU,sCACb,UAAAI,aAAAA,2BAA2B,MAAM,QAAQ,EAAA,CAC5C;AAAA,QAAA,GACF;AAAA,QACC,OAAO,WAAW,IACjBJ,+BAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,sBAAA,CAAmB,IAEtEA,2BAAAA,IAAC,QAAG,WAAU,aACX,iBAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,gBAAM,iBAAiBK,aAAAA,2BAA2B,KAAK;AACvD,iDACG,MAAA,EACC,UAAA;AAAA,YAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,cAAAF,+BAAC,QAAA,EAAK,WAAU,yBACb,UAAAM,aAAAA,wBAAwB,KAAK,GAChC;AAAA,6CACC,QAAA,EAAK,WAAU,yCACb,UAAAF,aAAAA,2BAA2B,MAAM,QAAQ,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACC,iBACCJ,2BAAAA,IAAC,OAAA,EAAI,WAAU,4CACZ,0BACH,IACE;AAAA,YACJA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kDACb,UAAAA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,OACE,MAAM,aAAa,IACf,OACA,GAAG,KAAK,IAAK,MAAM,WAAW,UAAW,KAAK,CAAC,CAAC;AAAA,gBAAA;AAAA,cACxD;AAAA,YAAA,EACF,CACF;AAAA,UAAA,EAAA,GAxBO,GAAG,MAAM,IAAI,IAAI,KAAK,EAyB/B;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/data/ServerTimingBadge.d.ts

@@ -0,0 +1,9 @@
+import { HoverCardPlacement } from '../overlay/HoverCard';
+import { ServerTimingMetric } from './server-timing';
+export interface ServerTimingBadgeProps {
+    metrics?: readonly ServerTimingMetric[];
+    placement?: HoverCardPlacement;
+    className?: string;
+}
+export declare function ServerTimingBadge({ metrics, placement, className, }: ServerTimingBadgeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ServerTimingBadge.d.ts.map

package/dist/data/ServerTimingBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerTimingBadge.d.ts","sourceRoot":"","sources":["../../src/data/ServerTimingBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAIL,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,SAAoB,EACpB,SAAS,GACV,EAAE,sBAAsB,kDAsExB"}

package/dist/data/ServerTimingBadge.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HoverCard } from "../overlay/HoverCard.js";
+import { formatServerTimingDuration, serverTimingCounterSummary, serverTimingMetricLabel } from "./server-timing.js";
+import { UiClock } from "../icons/components/UiClock.js";
+function ServerTimingBadge({
+  metrics,
+  placement = "bottom",
+  className
+}) {
+  const total = metrics == null ? void 0 : metrics.find((metric) => metric.name === "total");
+  if (!total) return null;
+  const phases = (metrics == null ? void 0 : metrics.filter((metric) => metric.name !== "total")) ?? [];
+  const slowest = Math.max(1, ...phases.map((phase) => phase.duration));
+  return /* @__PURE__ */ jsx(
+    HoverCard,
+    {
+      placement,
+      arrow: false,
+      trigger: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Show server timing",
+          className: "inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+          children: [
+            /* @__PURE__ */ jsx(UiClock, { className: "h-3.5 w-3.5" }),
+            formatServerTimingDuration(total.duration)
+          ]
+        }
+      ),
+      cardClassName: "w-64 whitespace-normal p-2.5",
+      className,
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 text-xs font-medium", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-foreground", children: "Server timing" }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums text-muted-foreground", children: formatServerTimingDuration(total.duration) })
+        ] }),
+        phases.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: "No phase breakdown." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: phases.map((phase, index) => {
+          const counterSummary = serverTimingCounterSummary(phase);
+          return /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4 text-[11px]", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: serverTimingMetricLabel(phase) }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-foreground", children: formatServerTimingDuration(phase.duration) })
+            ] }),
+            counterSummary ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground", children: counterSummary }) : null,
+            /* @__PURE__ */ jsx("div", { className: "mt-1 h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full rounded-full bg-primary/70",
+                style: {
+                  width: phase.duration === 0 ? "0%" : `${Math.max(phase.duration / slowest * 100, 4)}%`
+                }
+              }
+            ) })
+          ] }, `${phase.name}-${index}`);
+        }) })
+      ] })
+    }
+  );
+}
+export {
+  ServerTimingBadge
+};
+//# sourceMappingURL=ServerTimingBadge.js.map

package/dist/data/ServerTimingBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerTimingBadge.js","sources":["../../src/data/ServerTimingBadge.tsx"],"sourcesContent":["import { UiClock } from \"../icons\";\nimport { HoverCard, type HoverCardPlacement } from \"../overlay/HoverCard\";\nimport {\n  formatServerTimingDuration,\n  serverTimingCounterSummary,\n  serverTimingMetricLabel,\n  type ServerTimingMetric,\n} from \"./server-timing\";\n\nexport interface ServerTimingBadgeProps {\n  metrics?: readonly ServerTimingMetric[];\n  placement?: HoverCardPlacement;\n  className?: string;\n}\n\nexport function ServerTimingBadge({\n  metrics,\n  placement = \"bottom\",\n  className,\n}: ServerTimingBadgeProps) {\n  const total = metrics?.find((metric) => metric.name === \"total\");\n  if (!total) return null;\n  const phases = metrics?.filter((metric) => metric.name !== \"total\") ?? [];\n  const slowest = Math.max(1, ...phases.map((phase) => phase.duration));\n\n  return (\n    <HoverCard\n      placement={placement}\n      arrow={false}\n      trigger={\n        <button\n          type=\"button\"\n          aria-label=\"Show server timing\"\n          className=\"inline-flex h-8 items-center gap-1.5 rounded-md border border-border px-2 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\"\n        >\n          <UiClock className=\"h-3.5 w-3.5\" />\n          {formatServerTimingDuration(total.duration)}\n        </button>\n      }\n      cardClassName=\"w-64 whitespace-normal p-2.5\"\n      className={className}\n    >\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center justify-between gap-4 text-xs font-medium\">\n          <span className=\"text-foreground\">Server timing</span>\n          <span className=\"tabular-nums text-muted-foreground\">\n            {formatServerTimingDuration(total.duration)}\n          </span>\n        </div>\n        {phases.length === 0 ? (\n          <div className=\"text-[11px] text-muted-foreground\">No phase breakdown.</div>\n        ) : (\n          <ul className=\"space-y-2\">\n            {phases.map((phase, index) => {\n              const counterSummary = serverTimingCounterSummary(phase);\n              return (\n                <li key={`${phase.name}-${index}`}>\n                  <div className=\"flex items-center justify-between gap-4 text-[11px]\">\n                    <span className=\"text-muted-foreground\">\n                      {serverTimingMetricLabel(phase)}\n                    </span>\n                    <span className=\"shrink-0 tabular-nums text-foreground\">\n                      {formatServerTimingDuration(phase.duration)}\n                    </span>\n                  </div>\n                  {counterSummary ? (\n                    <div className=\"mt-0.5 text-[10px] text-muted-foreground\">\n                      {counterSummary}\n                    </div>\n                  ) : null}\n                  <div className=\"mt-1 h-1 overflow-hidden rounded-full bg-muted\">\n                    <div\n                      className=\"h-full rounded-full bg-primary/70\"\n                      style={{\n                        width:\n                          phase.duration === 0\n                            ? \"0%\"\n                            : `${Math.max((phase.duration / slowest) * 100, 4)}%`,\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </div>\n    </HoverCard>\n  );\n}\n"],"names":[],"mappings":";;;;AAeO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAA2B;AACzB,QAAM,QAAQ,mCAAS,KAAK,CAAC,WAAW,OAAO,SAAS;AACxD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,UAAS,mCAAS,OAAO,CAAC,WAAW,OAAO,SAAS,aAAY,CAAA;AACvE,QAAM,UAAU,KAAK,IAAI,GAAG,GAAG,OAAO,IAAI,CAAC,UAAU,MAAM,QAAQ,CAAC;AAEpE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,SACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,oBAAC,SAAA,EAAQ,WAAU,cAAA,CAAc;AAAA,YAChC,2BAA2B,MAAM,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C,eAAc;AAAA,MACd;AAAA,MAEA,UAAA,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,+DACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,iBAAa;AAAA,8BAC9C,QAAA,EAAK,WAAU,sCACb,UAAA,2BAA2B,MAAM,QAAQ,EAAA,CAC5C;AAAA,QAAA,GACF;AAAA,QACC,OAAO,WAAW,IACjB,oBAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA,sBAAA,CAAmB,IAEtE,oBAAC,QAAG,WAAU,aACX,iBAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,gBAAM,iBAAiB,2BAA2B,KAAK;AACvD,sCACG,MAAA,EACC,UAAA;AAAA,YAAA,qBAAC,OAAA,EAAI,WAAU,uDACb,UAAA;AAAA,cAAA,oBAAC,QAAA,EAAK,WAAU,yBACb,UAAA,wBAAwB,KAAK,GAChC;AAAA,kCACC,QAAA,EAAK,WAAU,yCACb,UAAA,2BAA2B,MAAM,QAAQ,EAAA,CAC5C;AAAA,YAAA,GACF;AAAA,YACC,iBACC,oBAAC,OAAA,EAAI,WAAU,4CACZ,0BACH,IACE;AAAA,YACJ,oBAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,OACE,MAAM,aAAa,IACf,OACA,GAAG,KAAK,IAAK,MAAM,WAAW,UAAW,KAAK,CAAC,CAAC;AAAA,gBAAA;AAAA,cACxD;AAAA,YAAA,EACF,CACF;AAAA,UAAA,EAAA,GAxBO,GAAG,MAAM,IAAI,IAAI,KAAK,EAyB/B;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/data/TaskManager.cjs

@@ -2,12 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
+const reactQuery = require("@tanstack/react-query");
 const utils = require("../lib/utils.cjs");
 const useTaskRun = require("../hooks/use-task-run.cjs");
 const Icon = require("./Icon.cjs");
 const ProgressBar = require("./ProgressBar.cjs");
 const Timestamp = require("./cells/Timestamp.cjs");
 const TaskProgress = require("./TaskProgress.cjs");
+const taskQueryKeys = require("./task-query-keys.cjs");
 const taskStatus = require("./task-status.cjs");
 function TaskManager({
   basePath,
@@ -20,13 +22,29 @@ function TaskManager({
 }) {
   const [kindFilter, setKindFilter] = react.useState(kind ?? "");
   const [statusFilter, setStatusFilter] = react.useState("");
-  const { runs, status } = useTaskRun.useTaskRuns({
-    basePath,
-    kind: kind ?? (kindFilter || void 0),
+  const queryClient = reactQuery.useQueryClient();
+  const apiBase = basePath ?? "/api/v1";
+  const activeKind = kind ?? (kindFilter || void 0);
+  const { runs, runsKey, status } = useTaskRun.useTaskRuns({
+    basePath: apiBase,
+    kind: activeKind,
     labels,
     status: statusFilter || void 0,
     pollMs
   });
+  const runsQueryKey = react.useMemo(
+    () => taskQueryKeys.taskQueryKeys.runs({
+      basePath: apiBase,
+      kind: activeKind,
+      status: statusFilter || void 0,
+      labels
+    }),
+    [activeKind, apiBase, labels, statusFilter]
+  );
+  react.useEffect(() => {
+    if (!runsKey || reactQuery.hashKey(runsKey) !== reactQuery.hashKey(runsQueryKey)) return;
+    queryClient.setQueryData(runsQueryKey, runs);
+  }, [queryClient, runs, runsKey, runsQueryKey]);
   const kinds = react.useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const r of runs) if (r.kind) set.add(r.kind);
@@ -71,7 +89,8 @@ function TaskManager({
         basePath,
         pollMs,
         selectedId,
-        onSelectRun
+        onSelectRun,
+        runsQueryKey
       },
       run.id
     )) })
@@ -82,7 +101,8 @@ function RunRow({
   basePath,
   pollMs,
   selectedId,
-  onSelectRun
+  onSelectRun,
+  runsQueryKey
 }) {
   const [localOpen, setLocalOpen] = react.useState(false);
   const controlled = onSelectRun !== void 0;
@@ -156,33 +176,98 @@ function RunRow({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(ExpandedRun, { runId: run.id, basePath, pollMs })
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      ExpandedRun,
+      {
+        runId: run.id,
+        basePath,
+        pollMs,
+        runsQueryKey
+      }
+    )
   ] });
 }
 function ExpandedRun({
   runId,
   basePath,
-  pollMs
+  pollMs,
+  runsQueryKey
 }) {
   const { snapshots } = useTaskRun.useTaskRun({ id: runId, basePath, pollMs });
   const apiBase = basePath ?? "/api/v1";
-  const control = async (action) => {
-    const response = await fetch(`${apiBase}/tasks/${encodeURIComponent(runId)}/control`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ action })
+  const queryClient = reactQuery.useQueryClient();
+  const pendingControls = react.useRef(/* @__PURE__ */ new Map());
+  const cachedSnapshots = react.useRef(void 0);
+  const runQueryKey = react.useMemo(
+    () => taskQueryKeys.taskQueryKeys.run({ basePath: apiBase, runId }),
+    [apiBase, runId]
+  );
+  const controlMutation = reactQuery.useMutation({
+    mutationKey: taskQueryKeys.taskQueryKeys.control({ basePath: apiBase, runId }),
+    mutationFn: postTaskControl,
+    onSuccess: async () => {
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: runsQueryKey, exact: true, refetchType: "none" }),
+        queryClient.invalidateQueries({ queryKey: runQueryKey, exact: true, refetchType: "none" })
+      ]);
+    }
+  });
+  react.useEffect(() => {
+    const previous = cachedSnapshots.current;
+    if ((previous == null ? void 0 : previous.length) === snapshots.length && previous.every((snapshot, index) => snapshot === snapshots[index])) {
+      return;
+    }
+    cachedSnapshots.current = snapshots;
+    queryClient.setQueryData(runQueryKey, snapshots);
+  }, [queryClient, runQueryKey, snapshots]);
+  const mutateControl = react.useCallback((request) => {
+    const key = `${request.url}:${request.action}`;
+    const pending = pendingControls.current.get(key);
+    if (pending) return pending;
+    controlMutation.reset();
+    const mutation = controlMutation.mutateAsync(request).finally(() => {
+      if (pendingControls.current.get(key) === mutation) pendingControls.current.delete(key);
     });
-    if (!response.ok) throw new Error((await response.text()).trim() || `Failed to ${action} task`);
-  };
+    pendingControls.current.set(key, mutation);
+    return mutation;
+  }, [controlMutation.mutateAsync, controlMutation.reset]);
+  const control = (action, group) => mutateControl({
+    url: `${apiBase}/tasks/${encodeURIComponent(runId)}/control`,
+    action,
+    target: group
+  });
+  const controlTask = (action, task) => mutateControl({
+    url: `${apiBase}/tasks/${encodeURIComponent(runId)}/tasks/${encodeURIComponent(task.id)}/control`,
+    action,
+    target: task
+  });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t bg-muted/30 px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
     TaskProgress.TaskProgress,
     {
       snapshots,
       compact: true,
       onControl: control,
+      onTaskControl: controlTask,
       metricsBaseUrl: `${apiBase}/tasks/metrics/`
     }
   ) });
 }
+async function postTaskControl({ url, action, target }) {
+  const context = `Failed to ${action} ${target.type} "${target.name}"`;
+  let response;
+  try {
+    response = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action })
+    });
+  } catch (cause) {
+    throw new Error(`${context}: ${cause instanceof Error ? cause.message : "request failed"}`, { cause });
+  }
+  if (!response.ok) {
+    const detail = (await response.text()).trim() || `HTTP ${response.status}`;
+    throw new Error(`${context}: ${detail}`);
+  }
+}
 exports.TaskManager = TaskManager;
 //# sourceMappingURL=TaskManager.cjs.map

package/dist/data/TaskManager.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.cjs","sources":["../../src/data/TaskManager.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { TaskProgress } from \"./TaskProgress\";\nimport type { TaskRunMeta } from \"./TaskSnapshot\";\nimport { taskSegments, taskStatusBg, taskStatusColor, taskStatusIcon } from \"./task-status\";\n\n// TaskManager is the generic clicky-ui task-manager view: it lists every run\n// (TaskRunMeta) from GET {basePath}/tasks with kind/status filters, and expands\n// each row into a live <TaskProgress> for that run id. Fully generic — no\n// application concepts.\n\nexport interface TaskManagerProps {\n  /** Base path of the clicky task API, e.g. \"/api/v1\". */\n  basePath?: string;\n  /** Restrict the listing to a single kind (also hides the kind filter). */\n  kind?: string;\n  /** Restrict the listing to runs whose labels contain every key/value pair. */\n  labels?: Record<string, string>;\n  pollMs?: number;\n  className?: string;\n  /**\n   * Currently-selected (expanded) run id, e.g. driven from the URL. When set,\n   * the matching run renders expanded and selection is controlled — otherwise\n   * each row manages its own expand/collapse state.\n   */\n  selectedId?: string;\n  /**\n   * Called when a run row is toggled: the new selection id, or null when the\n   * open row is collapsed. Pair with selectedId for URL-driven deep links.\n   */\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManager({\n  basePath,\n  kind,\n  labels,\n  pollMs,\n  className,\n  selectedId,\n  onSelectRun,\n}: TaskManagerProps) {\n  const [kindFilter, setKindFilter] = useState<string>(kind ?? \"\");\n  const [statusFilter, setStatusFilter] = useState<string>(\"\");\n  const { runs, status } = useTaskRuns({\n    basePath,\n    kind: kind ?? (kindFilter || undefined),\n    labels,\n    status: statusFilter || undefined,\n    pollMs,\n  });\n\n  const kinds = useMemo(() => {\n    const set = new Set<string>();\n    for (const r of runs) if (r.kind) set.add(r.kind);\n    return [...set].sort();\n  }, [runs]);\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {!kind && (\n          <select\n            className=\"rounded-md border bg-background px-2 py-1 text-xs\"\n            value={kindFilter}\n            onChange={(e) => setKindFilter(e.target.value)}\n          >\n            <option value=\"\">All kinds</option>\n            {kinds.map((k) => (\n              <option key={k} value={k}>\n                {k}\n              </option>\n            ))}\n          </select>\n        )}\n        <select\n          className=\"rounded-md border bg-background px-2 py-1 text-xs\"\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value)}\n        >\n          <option value=\"\">Any status</option>\n          <option value=\"running\">Running</option>\n          <option value=\"pending\">Pending</option>\n          <option value=\"success\">Success</option>\n          <option value=\"failed\">Failed</option>\n          <option value=\"warning\">Warning</option>\n        </select>\n        <span className=\"text-xs text-muted-foreground\">{status}</span>\n      </div>\n\n      {runs.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground\">\n          No background tasks.\n        </div>\n      ) : (\n        <div className=\"overflow-hidden rounded-lg border bg-card\">\n          {runs.map((run) => (\n            <RunRow\n              key={run.id}\n              run={run}\n              basePath={basePath}\n              pollMs={pollMs}\n              selectedId={selectedId}\n              onSelectRun={onSelectRun}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction RunRow({\n  run,\n  basePath,\n  pollMs,\n  selectedId,\n  onSelectRun,\n}: {\n  run: TaskRunMeta;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n  selectedId: string | undefined;\n  onSelectRun: ((id: string | null) => void) | undefined;\n}) {\n  const [localOpen, setLocalOpen] = useState(false);\n  // Controlled by selectedId when a selection handler is wired; otherwise the\n  // row owns its expand state (backward compatible for router-less consumers).\n  const controlled = onSelectRun !== undefined;\n  const open = controlled ? selectedId === run.id : localOpen;\n  const toggle = () => {\n    if (controlled) onSelectRun(open ? null : run.id);\n    else setLocalOpen((v) => !v);\n  };\n  const isTerminal = run.status !== \"running\" && run.status !== \"pending\";\n\n  return (\n    <div className=\"border-b last:border-0\">\n      <button\n        type=\"button\"\n        className=\"flex w-full items-center justify-between gap-4 px-4 py-3 text-left hover:bg-muted/50\"\n        onClick={toggle}\n      >\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <Icon\n              icon={taskStatusIcon(run.status)}\n              className={cn(taskStatusColor(run.status), run.status === \"running\" && \"animate-spin\")}\n            />\n            <span className=\"truncate font-medium\">{run.name}</span>\n            {run.kind && (\n              <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n                {run.kind}\n              </span>\n            )}\n            {isTerminal && (\n              <span\n                className={cn(\n                  \"rounded-full px-2 py-0.5 text-xs\",\n                  taskStatusColor(run.status),\n                  taskStatusBg(run.status),\n                )}\n              >\n                {run.status}\n              </span>\n            )}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n            {run.startedAt && <Timestamp value={run.startedAt} format=\"relative\" />}\n            <span>\n              {run.completed + run.failed}/{run.total} done\n              {run.failed > 0 ? `, ${run.failed} failed` : \"\"}\n            </span>\n            {Object.entries(run.labels ?? {}).map(([k, v]) => (\n              <span key={k} className=\"font-mono\">\n                {k}={v}\n              </span>\n            ))}\n          </div>\n        </div>\n        <div className=\"w-40 shrink-0\">\n          <ProgressBar\n            segments={taskSegments({\n              ok: run.completed,\n              warn: 0,\n              fail: run.failed,\n              run: run.running,\n              pending: Math.max(0, run.total - run.completed - run.failed - run.running),\n            })}\n            total={run.total || 1}\n            height=\"h-1.5\"\n          />\n        </div>\n      </button>\n      {open && <ExpandedRun runId={run.id} basePath={basePath} pollMs={pollMs} />}\n    </div>\n  );\n}\n\nfunction ExpandedRun({\n  runId,\n  basePath,\n  pollMs,\n}: {\n  runId: string;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n}) {\n  const { snapshots } = useTaskRun({ id: runId, basePath, pollMs });\n  const apiBase = basePath ?? \"/api/v1\";\n  const control = async (action: import(\"./TaskSnapshot\").TaskControlAction) => {\n    const response = await fetch(`${apiBase}/tasks/${encodeURIComponent(runId)}/control`, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ action }),\n    });\n    if (!response.ok) throw new Error((await response.text()).trim() || `Failed to ${action} task`);\n  };\n  return (\n    <div className=\"border-t bg-muted/30 px-4 py-3\">\n      <TaskProgress\n        snapshots={snapshots}\n        compact\n        onControl={control}\n        metricsBaseUrl={`${apiBase}/tasks/metrics/`}\n      />\n    </div>\n  );\n}\n"],"names":["useState","useTaskRuns","useMemo","cn","jsxs","jsx","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","Timestamp","ProgressBar","taskSegments","useTaskRun","TaskProgress"],"mappings":"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"}
+{"version":3,"file":"TaskManager.cjs","sources":["../../src/data/TaskManager.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { hashKey, useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport type { QueryKey } from \"@tanstack/react-query\";\nimport { cn } from \"../lib/utils\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { TaskProgress } from \"./TaskProgress\";\nimport type { TaskControlAction, TaskRunMeta, TaskSnapshot } from \"./TaskSnapshot\";\nimport { taskQueryKeys } from \"./task-query-keys\";\nimport { taskSegments, taskStatusBg, taskStatusColor, taskStatusIcon } from \"./task-status\";\n\n// TaskManager is the generic clicky-ui task-manager view: it lists every run\n// (TaskRunMeta) from GET {basePath}/tasks with kind/status filters, and expands\n// each row into a live <TaskProgress> for that run id. Fully generic — no\n// application concepts.\n//\n// Requires a react-query QueryClientProvider in the host app (like\n// TimeseriesPanel and CacheBrowser): control actions run through useMutation,\n// and the listing is mirrored into the query cache so sibling views can read it.\n\nexport interface TaskManagerProps {\n  /** Base path of the clicky task API, e.g. \"/api/v1\". */\n  basePath?: string;\n  /** Restrict the listing to a single kind (also hides the kind filter). */\n  kind?: string;\n  /** Restrict the listing to runs whose labels contain every key/value pair. */\n  labels?: Record<string, string>;\n  pollMs?: number;\n  className?: string;\n  /**\n   * Currently-selected (expanded) run id, e.g. driven from the URL. When set,\n   * the matching run renders expanded and selection is controlled — otherwise\n   * each row manages its own expand/collapse state.\n   */\n  selectedId?: string;\n  /**\n   * Called when a run row is toggled: the new selection id, or null when the\n   * open row is collapsed. Pair with selectedId for URL-driven deep links.\n   */\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManager({\n  basePath,\n  kind,\n  labels,\n  pollMs,\n  className,\n  selectedId,\n  onSelectRun,\n}: TaskManagerProps) {\n  const [kindFilter, setKindFilter] = useState<string>(kind ?? \"\");\n  const [statusFilter, setStatusFilter] = useState<string>(\"\");\n  const queryClient = useQueryClient();\n  const apiBase = basePath ?? \"/api/v1\";\n  const activeKind = kind ?? (kindFilter || undefined);\n  const { runs, runsKey, status } = useTaskRuns({\n    basePath: apiBase,\n    kind: activeKind,\n    labels,\n    status: statusFilter || undefined,\n    pollMs,\n  });\n  const runsQueryKey = useMemo(\n    () => taskQueryKeys.runs({\n      basePath: apiBase,\n      kind: activeKind,\n      status: statusFilter || undefined,\n      labels,\n    }),\n    [activeKind, apiBase, labels, statusFilter],\n  );\n\n  // Changing a filter re-subscribes the transport but leaves the previous\n  // listing on screen until the next SSE/poll frame. Publishing that listing\n  // under the new key would hand cache consumers rows that do not match their\n  // filters, so mirror only once the delivered listing's own key agrees.\n  useEffect(() => {\n    if (!runsKey || hashKey(runsKey) !== hashKey(runsQueryKey)) return;\n    queryClient.setQueryData(runsQueryKey, runs);\n  }, [queryClient, runs, runsKey, runsQueryKey]);\n\n  const kinds = useMemo(() => {\n    const set = new Set<string>();\n    for (const r of runs) if (r.kind) set.add(r.kind);\n    return [...set].sort();\n  }, [runs]);\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {!kind && (\n          <select\n            className=\"rounded-md border bg-background px-2 py-1 text-xs\"\n            value={kindFilter}\n            onChange={(e) => setKindFilter(e.target.value)}\n          >\n            <option value=\"\">All kinds</option>\n            {kinds.map((k) => (\n              <option key={k} value={k}>\n                {k}\n              </option>\n            ))}\n          </select>\n        )}\n        <select\n          className=\"rounded-md border bg-background px-2 py-1 text-xs\"\n          value={statusFilter}\n          onChange={(e) => setStatusFilter(e.target.value)}\n        >\n          <option value=\"\">Any status</option>\n          <option value=\"running\">Running</option>\n          <option value=\"pending\">Pending</option>\n          <option value=\"success\">Success</option>\n          <option value=\"failed\">Failed</option>\n          <option value=\"warning\">Warning</option>\n        </select>\n        <span className=\"text-xs text-muted-foreground\">{status}</span>\n      </div>\n\n      {runs.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground\">\n          No background tasks.\n        </div>\n      ) : (\n        <div className=\"overflow-hidden rounded-lg border bg-card\">\n          {runs.map((run) => (\n            <RunRow\n              key={run.id}\n              run={run}\n              basePath={basePath}\n              pollMs={pollMs}\n              selectedId={selectedId}\n              onSelectRun={onSelectRun}\n              runsQueryKey={runsQueryKey}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction RunRow({\n  run,\n  basePath,\n  pollMs,\n  selectedId,\n  onSelectRun,\n  runsQueryKey,\n}: {\n  run: TaskRunMeta;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n  selectedId: string | undefined;\n  onSelectRun: ((id: string | null) => void) | undefined;\n  runsQueryKey: QueryKey;\n}) {\n  const [localOpen, setLocalOpen] = useState(false);\n  // Controlled by selectedId when a selection handler is wired; otherwise the\n  // row owns its expand state (backward compatible for router-less consumers).\n  const controlled = onSelectRun !== undefined;\n  const open = controlled ? selectedId === run.id : localOpen;\n  const toggle = () => {\n    if (controlled) onSelectRun(open ? null : run.id);\n    else setLocalOpen((v) => !v);\n  };\n  const isTerminal = run.status !== \"running\" && run.status !== \"pending\";\n\n  return (\n    <div className=\"border-b last:border-0\">\n      <button\n        type=\"button\"\n        className=\"flex w-full items-center justify-between gap-4 px-4 py-3 text-left hover:bg-muted/50\"\n        onClick={toggle}\n      >\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-center gap-2\">\n            <Icon\n              icon={taskStatusIcon(run.status)}\n              className={cn(taskStatusColor(run.status), run.status === \"running\" && \"animate-spin\")}\n            />\n            <span className=\"truncate font-medium\">{run.name}</span>\n            {run.kind && (\n              <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n                {run.kind}\n              </span>\n            )}\n            {isTerminal && (\n              <span\n                className={cn(\n                  \"rounded-full px-2 py-0.5 text-xs\",\n                  taskStatusColor(run.status),\n                  taskStatusBg(run.status),\n                )}\n              >\n                {run.status}\n              </span>\n            )}\n          </div>\n          <div className=\"mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n            {run.startedAt && <Timestamp value={run.startedAt} format=\"relative\" />}\n            <span>\n              {run.completed + run.failed}/{run.total} done\n              {run.failed > 0 ? `, ${run.failed} failed` : \"\"}\n            </span>\n            {Object.entries(run.labels ?? {}).map(([k, v]) => (\n              <span key={k} className=\"font-mono\">\n                {k}={v}\n              </span>\n            ))}\n          </div>\n        </div>\n        <div className=\"w-40 shrink-0\">\n          <ProgressBar\n            segments={taskSegments({\n              ok: run.completed,\n              warn: 0,\n              fail: run.failed,\n              run: run.running,\n              pending: Math.max(0, run.total - run.completed - run.failed - run.running),\n            })}\n            total={run.total || 1}\n            height=\"h-1.5\"\n          />\n        </div>\n      </button>\n      {open && (\n        <ExpandedRun\n          runId={run.id}\n          basePath={basePath}\n          pollMs={pollMs}\n          runsQueryKey={runsQueryKey}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ExpandedRun({\n  runId,\n  basePath,\n  pollMs,\n  runsQueryKey,\n}: {\n  runId: string;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n  runsQueryKey: QueryKey;\n}) {\n  const { snapshots } = useTaskRun({ id: runId, basePath, pollMs });\n  const apiBase = basePath ?? \"/api/v1\";\n  const queryClient = useQueryClient();\n  const pendingControls = useRef(new Map<string, Promise<void>>());\n  const cachedSnapshots = useRef<TaskSnapshot[] | undefined>(undefined);\n  const runQueryKey = useMemo(\n    () => taskQueryKeys.run({ basePath: apiBase, runId }),\n    [apiBase, runId],\n  );\n  const controlMutation = useMutation({\n    mutationKey: taskQueryKeys.control({ basePath: apiBase, runId }),\n    mutationFn: postTaskControl,\n    onSuccess: async () => {\n      await Promise.all([\n        queryClient.invalidateQueries({ queryKey: runsQueryKey, exact: true, refetchType: \"none\" }),\n        queryClient.invalidateQueries({ queryKey: runQueryKey, exact: true, refetchType: \"none\" }),\n      ]);\n    },\n  });\n\n  useEffect(() => {\n    const previous = cachedSnapshots.current;\n    if (previous?.length === snapshots.length && previous.every((snapshot, index) => snapshot === snapshots[index])) {\n      return;\n    }\n    cachedSnapshots.current = snapshots;\n    queryClient.setQueryData(runQueryKey, snapshots);\n  }, [queryClient, runQueryKey, snapshots]);\n\n  const mutateControl = useCallback((request: TaskControlRequest) => {\n    const key = `${request.url}:${request.action}`;\n    const pending = pendingControls.current.get(key);\n    if (pending) return pending;\n    controlMutation.reset();\n    const mutation = controlMutation.mutateAsync(request).finally(() => {\n      if (pendingControls.current.get(key) === mutation) pendingControls.current.delete(key);\n    });\n    pendingControls.current.set(key, mutation);\n    return mutation;\n  }, [controlMutation.mutateAsync, controlMutation.reset]);\n  const control = (action: TaskControlAction, group: TaskSnapshot) =>\n    mutateControl({\n      url: `${apiBase}/tasks/${encodeURIComponent(runId)}/control`,\n      action,\n      target: group,\n    });\n  const controlTask = (action: TaskControlAction, task: TaskSnapshot) =>\n    mutateControl({\n      url: `${apiBase}/tasks/${encodeURIComponent(runId)}/tasks/${encodeURIComponent(task.id)}/control`,\n      action,\n      target: task,\n    });\n  return (\n    <div className=\"border-t bg-muted/30 px-4 py-3\">\n      <TaskProgress\n        snapshots={snapshots}\n        compact\n        onControl={control}\n        onTaskControl={controlTask}\n        metricsBaseUrl={`${apiBase}/tasks/metrics/`}\n      />\n    </div>\n  );\n}\n\ninterface TaskControlRequest {\n  url: string;\n  action: TaskControlAction;\n  target: TaskSnapshot;\n}\n\nasync function postTaskControl({ url, action, target }: TaskControlRequest) {\n  const context = `Failed to ${action} ${target.type} \"${target.name}\"`;\n  let response: Response;\n  try {\n    response = await fetch(url, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ action }),\n    });\n  } catch (cause) {\n    throw new Error(`${context}: ${cause instanceof Error ? cause.message : \"request failed\"}`, { cause });\n  }\n  if (!response.ok) {\n    const detail = (await response.text()).trim() || `HTTP ${response.status}`;\n    throw new Error(`${context}: ${detail}`);\n  }\n}\n"],"names":["useState","useQueryClient","useTaskRuns","useMemo","taskQueryKeys","useEffect","hashKey","cn","jsxs","jsx","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","Timestamp","ProgressBar","taskSegments","useTaskRun","useRef","useMutation","useCallback","TaskProgress"],"mappings":"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"}

package/dist/data/TaskManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/data/TaskManager.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,GACZ,EAAE,gBAAgB,2CAqElB"}
+{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/data/TaskManager.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,GACZ,EAAE,gBAAgB,2CA2FlB"}