@flanksource/clicky-ui 0.3.17 → 0.3.19

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/TaskExecDetails.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const JsonView = require("./JsonView.cjs");
+const EXEC_KEYS = /* @__PURE__ */ new Set(["command", "args", "pid", "status", "exitCode", "started", "duration"]);
+function formatExecDuration(nanoseconds) {
+  const milliseconds = nanoseconds / 1e6;
+  if (milliseconds < 1e3) return `${Number(milliseconds.toFixed(1))}ms`;
+  const seconds = milliseconds / 1e3;
+  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;
+  const minutes = Math.floor(seconds / 60);
+  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;
+}
+function TaskExecDetailsView({ details }) {
+  const argv = [details.command, ...details.args ?? []];
+  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": "Execution details", className: "mb-3 space-y-2 rounded-md border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command and arguments" }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs", children: JSON.stringify(argv) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: details.status }),
+      details.pid !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-foreground", children: [
+        "pid ",
+        details.pid
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-foreground", children: [
+        "exit ",
+        details.exitCode
+      ] }),
+      details.duration !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatExecDuration(details.duration) }),
+      details.started && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "started ",
+        details.started
+      ] })
+    ] }),
+    Object.keys(extra).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded border bg-background p-2", children: /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data: extra, defaultOpenDepth: 3 }) })
+  ] });
+}
+exports.TaskExecDetailsView = TaskExecDetailsView;
+//# sourceMappingURL=TaskExecDetails.cjs.map

package/dist/data/TaskExecDetails.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskExecDetails.cjs","sources":["../../src/data/TaskExecDetails.tsx"],"sourcesContent":["import { JsonView } from \"./JsonView\";\nimport type { TaskExecDetails } from \"./TaskSnapshot\";\n\nconst EXEC_KEYS = new Set([\"command\", \"args\", \"pid\", \"status\", \"exitCode\", \"started\", \"duration\"]);\n\nfunction formatExecDuration(nanoseconds: number): string {\n  const milliseconds = nanoseconds / 1_000_000;\n  if (milliseconds < 1000) return `${Number(milliseconds.toFixed(1))}ms`;\n  const seconds = milliseconds / 1000;\n  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;\n  const minutes = Math.floor(seconds / 60);\n  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;\n}\n\nexport function TaskExecDetailsView({ details }: { details: TaskExecDetails }) {\n  const argv = [details.command, ...(details.args ?? [])];\n  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));\n\n  return (\n    <section aria-label=\"Execution details\" className=\"mb-3 space-y-2 rounded-md border bg-muted/20 p-3\">\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Command and arguments\n      </div>\n      <code className=\"block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs\">\n        {JSON.stringify(argv)}\n      </code>\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n        <span>{details.status}</span>\n        {details.pid !== undefined && <span className=\"font-mono text-foreground\">pid {details.pid}</span>}\n        <span className=\"font-mono text-foreground\">exit {details.exitCode}</span>\n        {details.duration !== undefined && <span>{formatExecDuration(details.duration)}</span>}\n        {details.started && <span>started {details.started}</span>}\n      </div>\n      {Object.keys(extra).length > 0 && (\n        <div className=\"rounded border bg-background p-2\">\n          <JsonView data={extra} defaultOpenDepth={3} />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":["jsxs","jsx","JsonView"],"mappings":";;;;AAGA,MAAM,YAAY,oBAAI,IAAI,CAAC,WAAW,QAAQ,OAAO,UAAU,YAAY,WAAW,UAAU,CAAC;AAEjG,SAAS,mBAAmB,aAA6B;AACvD,QAAM,eAAe,cAAc;AACnC,MAAI,eAAe,IAAM,QAAO,GAAG,OAAO,aAAa,QAAQ,CAAC,CAAC,CAAC;AAClE,QAAM,UAAU,eAAe;AAC/B,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC;AACtD,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,SAAO,GAAG,OAAO,KAAK,QAAQ,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC;AACzD;AAEO,SAAS,oBAAoB,EAAE,WAAyC;AAC7E,QAAM,OAAO,CAAC,QAAQ,SAAS,GAAI,QAAQ,QAAQ,EAAG;AACtD,QAAM,QAAQ,OAAO,YAAY,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;AAE/F,SACEA,2BAAAA,KAAC,WAAA,EAAQ,cAAW,qBAAoB,WAAU,oDAChD,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,2EAA0E,UAAA,yBAEzF;AAAA,mCACC,QAAA,EAAK,WAAU,iFACb,UAAA,KAAK,UAAU,IAAI,GACtB;AAAA,IACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAM,kBAAQ,OAAA,CAAO;AAAA,MACrB,QAAQ,QAAQ,UAAaD,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAK,QAAQ;AAAA,MAAA,GAAI;AAAA,MAC3FA,2BAAAA,KAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAM,QAAQ;AAAA,MAAA,GAAS;AAAA,MAClE,QAAQ,aAAa,UAAaC,2BAAAA,IAAC,UAAM,UAAA,mBAAmB,QAAQ,QAAQ,GAAE;AAAA,MAC9E,QAAQ,WAAWD,2BAAAA,KAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAS,QAAQ;AAAA,MAAA,EAAA,CAAQ;AAAA,IAAA,GACrD;AAAA,IACC,OAAO,KAAK,KAAK,EAAE,SAAS,KAC3BC,2BAAAA,IAAC,OAAA,EAAI,WAAU,oCACb,yCAACC,SAAAA,UAAA,EAAS,MAAM,OAAO,kBAAkB,GAAG,EAAA,CAC9C;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/data/TaskExecDetails.d.ts

@@ -0,0 +1,5 @@
+import { TaskExecDetails } from './TaskSnapshot';
+export declare function TaskExecDetailsView({ details }: {
+    details: TaskExecDetails;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TaskExecDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskExecDetails.d.ts","sourceRoot":"","sources":["../../src/data/TaskExecDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAatD,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,eAAe,CAAA;CAAE,2CA0B5E"}

package/dist/data/TaskExecDetails.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { JsonView } from "./JsonView.js";
+const EXEC_KEYS = /* @__PURE__ */ new Set(["command", "args", "pid", "status", "exitCode", "started", "duration"]);
+function formatExecDuration(nanoseconds) {
+  const milliseconds = nanoseconds / 1e6;
+  if (milliseconds < 1e3) return `${Number(milliseconds.toFixed(1))}ms`;
+  const seconds = milliseconds / 1e3;
+  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;
+  const minutes = Math.floor(seconds / 60);
+  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;
+}
+function TaskExecDetailsView({ details }) {
+  const argv = [details.command, ...details.args ?? []];
+  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));
+  return /* @__PURE__ */ jsxs("section", { "aria-label": "Execution details", className: "mb-3 space-y-2 rounded-md border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Command and arguments" }),
+    /* @__PURE__ */ jsx("code", { className: "block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs", children: JSON.stringify(argv) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: details.status }),
+      details.pid !== void 0 && /* @__PURE__ */ jsxs("span", { className: "font-mono text-foreground", children: [
+        "pid ",
+        details.pid
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-foreground", children: [
+        "exit ",
+        details.exitCode
+      ] }),
+      details.duration !== void 0 && /* @__PURE__ */ jsx("span", { children: formatExecDuration(details.duration) }),
+      details.started && /* @__PURE__ */ jsxs("span", { children: [
+        "started ",
+        details.started
+      ] })
+    ] }),
+    Object.keys(extra).length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded border bg-background p-2", children: /* @__PURE__ */ jsx(JsonView, { data: extra, defaultOpenDepth: 3 }) })
+  ] });
+}
+export {
+  TaskExecDetailsView
+};
+//# sourceMappingURL=TaskExecDetails.js.map

package/dist/data/TaskExecDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskExecDetails.js","sources":["../../src/data/TaskExecDetails.tsx"],"sourcesContent":["import { JsonView } from \"./JsonView\";\nimport type { TaskExecDetails } from \"./TaskSnapshot\";\n\nconst EXEC_KEYS = new Set([\"command\", \"args\", \"pid\", \"status\", \"exitCode\", \"started\", \"duration\"]);\n\nfunction formatExecDuration(nanoseconds: number): string {\n  const milliseconds = nanoseconds / 1_000_000;\n  if (milliseconds < 1000) return `${Number(milliseconds.toFixed(1))}ms`;\n  const seconds = milliseconds / 1000;\n  if (seconds < 60) return `${Number(seconds.toFixed(1))}s`;\n  const minutes = Math.floor(seconds / 60);\n  return `${minutes}m ${Number((seconds % 60).toFixed(1))}s`;\n}\n\nexport function TaskExecDetailsView({ details }: { details: TaskExecDetails }) {\n  const argv = [details.command, ...(details.args ?? [])];\n  const extra = Object.fromEntries(Object.entries(details).filter(([key]) => !EXEC_KEYS.has(key)));\n\n  return (\n    <section aria-label=\"Execution details\" className=\"mb-3 space-y-2 rounded-md border bg-muted/20 p-3\">\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground\">\n        Command and arguments\n      </div>\n      <code className=\"block overflow-x-auto whitespace-pre rounded border bg-background p-2 text-xs\">\n        {JSON.stringify(argv)}\n      </code>\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1 text-xs text-muted-foreground\">\n        <span>{details.status}</span>\n        {details.pid !== undefined && <span className=\"font-mono text-foreground\">pid {details.pid}</span>}\n        <span className=\"font-mono text-foreground\">exit {details.exitCode}</span>\n        {details.duration !== undefined && <span>{formatExecDuration(details.duration)}</span>}\n        {details.started && <span>started {details.started}</span>}\n      </div>\n      {Object.keys(extra).length > 0 && (\n        <div className=\"rounded border bg-background p-2\">\n          <JsonView data={extra} defaultOpenDepth={3} />\n        </div>\n      )}\n    </section>\n  );\n}\n"],"names":[],"mappings":";;AAGA,MAAM,YAAY,oBAAI,IAAI,CAAC,WAAW,QAAQ,OAAO,UAAU,YAAY,WAAW,UAAU,CAAC;AAEjG,SAAS,mBAAmB,aAA6B;AACvD,QAAM,eAAe,cAAc;AACnC,MAAI,eAAe,IAAM,QAAO,GAAG,OAAO,aAAa,QAAQ,CAAC,CAAC,CAAC;AAClE,QAAM,UAAU,eAAe;AAC/B,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO,QAAQ,QAAQ,CAAC,CAAC,CAAC;AACtD,QAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,SAAO,GAAG,OAAO,KAAK,QAAQ,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC;AACzD;AAEO,SAAS,oBAAoB,EAAE,WAAyC;AAC7E,QAAM,OAAO,CAAC,QAAQ,SAAS,GAAI,QAAQ,QAAQ,EAAG;AACtD,QAAM,QAAQ,OAAO,YAAY,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC;AAE/F,SACE,qBAAC,WAAA,EAAQ,cAAW,qBAAoB,WAAU,oDAChD,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,2EAA0E,UAAA,yBAEzF;AAAA,wBACC,QAAA,EAAK,WAAU,iFACb,UAAA,KAAK,UAAU,IAAI,GACtB;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,6EACb,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAM,kBAAQ,OAAA,CAAO;AAAA,MACrB,QAAQ,QAAQ,UAAa,qBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAK,QAAQ;AAAA,MAAA,GAAI;AAAA,MAC3F,qBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,QAAA;AAAA,QAAM,QAAQ;AAAA,MAAA,GAAS;AAAA,MAClE,QAAQ,aAAa,UAAa,oBAAC,UAAM,UAAA,mBAAmB,QAAQ,QAAQ,GAAE;AAAA,MAC9E,QAAQ,WAAW,qBAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAS,QAAQ;AAAA,MAAA,EAAA,CAAQ;AAAA,IAAA,GACrD;AAAA,IACC,OAAO,KAAK,KAAK,EAAE,SAAS,KAC3B,oBAAC,OAAA,EAAI,WAAU,oCACb,8BAAC,UAAA,EAAS,MAAM,OAAO,kBAAkB,GAAG,EAAA,CAC9C;AAAA,EAAA,GAEJ;AAEJ;"}

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"}