@flanksource/clicky-ui 0.3.48 → 0.3.49

package/dist/data/TaskManager.cjs

@@ -4,20 +4,83 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactQuery = require("@tanstack/react-query");
 const utils = require("../lib/utils.cjs");
+const format = require("../lib/format.cjs");
+const useResourceClock = require("../hooks/use-resource-clock.cjs");
 const useTaskRun = require("../hooks/use-task-run.cjs");
 const Icon = require("./Icon.cjs");
+const DataTable = require("./DataTable.cjs");
+const tagUtils = require("./cells/tag-utils.cjs");
 const ProgressBar = require("./ProgressBar.cjs");
-const Timestamp = require("./cells/Timestamp.cjs");
 const TaskProgress = require("./TaskProgress.cjs");
 const taskWorkProgress = require("./task-work-progress.cjs");
 const taskQueryKeys = require("./task-query-keys.cjs");
 const taskStatus = require("./task-status.cjs");
+const progressColumn = {
+  key: "progress",
+  label: "Progress",
+  minWidth: 180,
+  accessor: (row) => taskWorkProgress.taskWorkProgress(row.run).done,
+  render: (_, row) => {
+    const progress = taskWorkProgress.taskWorkProgress(row.run);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-36 space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: progress.label }),
+      progress.total > 0 && /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { segments: taskStatus.taskSegments(progress.counts), total: progress.total, height: "h-1.5" })
+    ] });
+  }
+};
+const startedColumn = { key: "startedAt", label: "Started", kind: "timestamp", sortable: true };
+const durationColumn = {
+  key: "duration",
+  label: "Duration",
+  sortable: true,
+  accessor: (row) => row.startedAt ? Date.parse(row.finishedAt ?? (/* @__PURE__ */ new Date()).toISOString()) - Date.parse(row.startedAt) : null,
+  render: (_, row) => /* @__PURE__ */ jsxRuntime.jsx(RunDuration, { startedAt: row.startedAt, finishedAt: row.finishedAt })
+};
+const runColumns = [
+  { key: "name", label: "Run", sortable: true, grow: true, minWidth: 220 },
+  {
+    key: "status",
+    label: "Status",
+    sortable: true,
+    render: (_, row) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn("inline-flex items-center gap-1.5 capitalize", taskStatus.taskStatusColor(row.status)), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: taskStatus.taskStatusIcon(row.status), ...row.status === "running" ? { className: "animate-spin" } : {} }),
+      row.status
+    ] })
+  },
+  durationColumn,
+  progressColumn,
+  { key: "labels", label: "Labels", kind: "tags", tags: { maxVisible: 2 }, minWidth: 160 },
+  startedColumn,
+  { key: "finishedAt", label: "Finished", kind: "timestamp", sortable: true }
+];
+const compactRunColumns = [
+  {
+    key: "name",
+    label: "Run",
+    sortable: true,
+    grow: true,
+    minWidth: 220,
+    render: (_, row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: row.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: applicationLabel(row.kind) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: utils.cn("inline-flex items-center gap-1 capitalize", taskStatus.taskStatusColor(row.status)), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: taskStatus.taskStatusIcon(row.status) }),
+          row.status
+        ] })
+      ] })
+    ] })
+  },
+  progressColumn,
+  startedColumn
+];
 function TaskManager({
   basePath,
   kind,
   labels,
   pollMs,
   className,
+  compact,
   selectedId,
   onSelectRun,
   extraTabs,
@@ -25,13 +88,21 @@ function TaskManager({
 }) {
   const [kindFilter, setKindFilter] = react.useState(kind ?? "");
   const [statusFilter, setStatusFilter] = react.useState("");
+  const [labelFilter, setLabelFilter] = react.useState("");
+  const [filterOptions, setFilterOptions] = react.useState({ kinds: [], labels: [] });
+  const [localSelectedId, setLocalSelectedId] = react.useState(null);
   const queryClient = reactQuery.useQueryClient();
   const apiBase = basePath ?? "/api/v1";
   const activeKind = kind ?? (kindFilter || void 0);
+  const activeLabels = react.useMemo(() => {
+    if (!labelFilter) return labels;
+    const selected = tagUtils.splitTagToken(labelFilter);
+    return { ...labels, [selected.key]: selected.value };
+  }, [labels, labelFilter]);
   const { runs, runsKey, status } = useTaskRun.useTaskRuns({
     basePath: apiBase,
     kind: activeKind,
-    labels,
+    labels: activeLabels,
     status: statusFilter || void 0,
     pollMs
   });
@@ -40,79 +111,88 @@ function TaskManager({
       basePath: apiBase,
       kind: activeKind,
       status: statusFilter || void 0,
-      labels
+      labels: activeLabels
     }),
-    [activeKind, apiBase, labels, statusFilter]
+    [activeKind, apiBase, activeLabels, 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);
-    return [...set].sort();
+  react.useEffect(() => {
+    setFilterOptions((previous) => {
+      const kinds = [.../* @__PURE__ */ new Set([...previous.kinds, ...runs.flatMap((run) => run.kind ? [run.kind] : [])])].sort();
+      const labels2 = [.../* @__PURE__ */ new Set([...previous.labels, ...runs.flatMap((run) => Object.entries(run.labels ?? {}).map(([key, value]) => `${key}=${value}`))])].sort();
+      if (kinds.length === previous.kinds.length && labels2.length === previous.labels.length) return previous;
+      return { kinds, labels: labels2 };
+    });
   }, [runs]);
-  const applications = react.useMemo(() => groupRunsByApplication(runs), [runs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      !kind && /* @__PURE__ */ jsxRuntime.jsxs(
-        "select",
-        {
-          className: "rounded-md border bg-background px-2 py-1 text-xs",
-          value: kindFilter,
-          onChange: (e) => setKindFilter(e.target.value),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All kinds" }),
-            kinds.map((k) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: k, children: k }, k))
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "select",
-        {
-          className: "rounded-md border bg-background px-2 py-1 text-xs",
-          value: statusFilter,
-          onChange: (e) => setStatusFilter(e.target.value),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Any status" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "running", children: "Running" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pending", children: "Pending" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "success", children: "Success" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "failed", children: "Failed" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "warning", children: "Warning" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "canceled", children: "Canceled" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: status })
-    ] }),
-    runs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: "No background tasks." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: applications.map((application) => /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 px-1 text-xs font-semibold text-muted-foreground", children: applicationLabel(application.kind) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-lg border bg-card", children: application.runs.map((run) => /* @__PURE__ */ jsxRuntime.jsx(
-        RunRow,
+  const filters = [
+    ...!kind ? [{ key: "kind", kind: "enum", label: "Kind", placeholder: "All kinds", value: kindFilter, options: filterOptions.kinds.map((value) => ({ value, label: applicationLabel(value) })), onChange: setKindFilter }] : [],
+    { key: "status", kind: "enum", label: "Status", placeholder: "Any status", value: statusFilter, options: [
+      { value: "running", label: "Running" },
+      { value: "pending", label: "Pending" },
+      { value: "success", label: "Success" },
+      { value: "failed", label: "Failed" },
+      { value: "warning", label: "Warning" },
+      { value: "canceled", label: "Canceled" }
+    ], onChange: setStatusFilter },
+    {
+      key: "labels",
+      kind: "enum",
+      label: "Labels",
+      placeholder: "Any label",
+      value: labelFilter,
+      options: filterOptions.labels.filter((token) => !(tagUtils.splitTagToken(token).key in (labels ?? {}))).map((value) => ({ value })),
+      onChange: setLabelFilter
+    }
+  ];
+  const rows = react.useMemo(() => runs.map((run) => ({
+    id: run.id,
+    name: run.name,
+    kind: run.kind || "other",
+    status: run.status,
+    ...run.startedAt ? { startedAt: run.startedAt } : {},
+    ...run.finishedAt ? { finishedAt: run.finishedAt } : {},
+    ...run.labels ? { labels: run.labels } : {},
+    run
+  })), [runs]);
+  const openId = onSelectRun ? selectedId : localSelectedId;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable.DataTable,
+    {
+      ...className ? { className } : {},
+      data: rows,
+      columns: compact ? compactRunColumns : runColumns,
+      emptyMessage: "No background tasks.",
+      externalFilters: filters,
+      filterBarProps: { trailing: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: status }) },
+      getRowId: (row) => row.id,
+      defaultSort: { key: "startedAt", dir: "desc" },
+      expandedRowIds: openId ? [openId] : [],
+      onExpandedRowIdsChange: (ids) => {
+        const next = ids.find((id) => id !== openId) ?? null;
+        if (onSelectRun) onSelectRun(next);
+        else setLocalSelectedId(next);
+      },
+      renderExpandedRow: (row) => /* @__PURE__ */ jsxRuntime.jsx(
+        ExpandedRun,
         {
-          run,
+          run: row.run,
           basePath,
           pollMs,
-          selectedId,
-          onSelectRun,
           runsQueryKey,
           extraTabs,
           headerExtra
-        },
-        run.id
-      )) })
-    ] }, application.kind)) })
-  ] });
+        }
+      )
+    }
+  );
 }
-function groupRunsByApplication(runs) {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const run of runs) {
-    const application = run.kind || "other";
-    grouped.set(application, [...grouped.get(application) ?? [], run]);
-  }
-  return [...grouped].map(([kind, applicationRuns]) => ({ kind, runs: applicationRuns }));
+function RunDuration({ startedAt, finishedAt }) {
+  const now = useResourceClock.useResourceClock(!!startedAt && !finishedAt);
+  if (!startedAt) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "—" });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: format.formatDuration(Math.max(0, (finishedAt ? Date.parse(finishedAt) : now) - Date.parse(startedAt))) });
 }
 function applicationLabel(kind) {
   const names = {
@@ -124,98 +204,15 @@ function applicationLabel(kind) {
   };
   return names[kind] ?? kind;
 }
-function RunRow({
-  run,
-  basePath,
-  pollMs,
-  selectedId,
-  onSelectRun,
-  runsQueryKey,
-  extraTabs,
-  headerExtra
-}) {
-  const [localOpen, setLocalOpen] = react.useState(false);
-  const controlled = onSelectRun !== void 0;
-  const open = controlled ? selectedId === run.id : localOpen;
-  const toggle = () => {
-    if (controlled) onSelectRun(open ? null : run.id);
-    else setLocalOpen((v) => !v);
-  };
-  const isTerminal = run.status !== "running" && run.status !== "pending";
-  const progress = taskWorkProgress.taskWorkProgress(run);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b last:border-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "flex w-full items-center justify-between gap-4 px-4 py-3 text-left hover:bg-muted/50",
-        onClick: toggle,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Icon.Icon,
-                {
-                  icon: taskStatus.taskStatusIcon(run.status),
-                  className: utils.cn(taskStatus.taskStatusColor(run.status), run.status === "running" && "animate-spin")
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: run.name }),
-              run.kind && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: run.kind }),
-              isTerminal && /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: utils.cn(
-                    "rounded-full px-2 py-0.5 text-xs",
-                    taskStatus.taskStatusColor(run.status),
-                    taskStatus.taskStatusBg(run.status)
-                  ),
-                  children: run.status
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
-              run.startedAt && /* @__PURE__ */ jsxRuntime.jsx(Timestamp.Timestamp, { value: run.startedAt, format: "relative" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: progress.label }),
-              Object.entries(run.labels ?? {}).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
-                k,
-                "=",
-                v
-              ] }, k))
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-40 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-            ProgressBar.ProgressBar,
-            {
-              segments: taskStatus.taskSegments(progress.counts),
-              total: progress.total || 1,
-              height: "h-1.5"
-            }
-          ) })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      ExpandedRun,
-      {
-        runId: run.id,
-        basePath,
-        pollMs,
-        runsQueryKey,
-        extraTabs,
-        headerExtra
-      }
-    )
-  ] });
-}
 function ExpandedRun({
-  runId,
+  run,
   basePath,
   pollMs,
   runsQueryKey,
   extraTabs,
   headerExtra
 }) {
+  const runId = run.id;
   const { snapshots, status } = useTaskRun.useTaskRun({ id: runId, basePath, pollMs });
   const apiBase = basePath ?? "/api/v1";
   const queryClient = reactQuery.useQueryClient();
@@ -264,19 +261,46 @@ function ExpandedRun({
     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,
-      connectionStatus: status,
-      compact: true,
-      onControl: control,
-      onTaskControl: controlTask,
-      metricsBaseUrl: `${apiBase}/tasks/metrics/`,
-      ...extraTabs ? { extraTabs } : {},
-      ...headerExtra ? { headerExtra } : {}
-    }
-  ) });
+  const progress = taskWorkProgress.taskWorkProgress(run);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 bg-muted/20 px-4 py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        progress.completed,
+        " completed"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        progress.running,
+        " running"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        progress.failed,
+        " failed"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        progress.counts.pending + progress.unstarted,
+        " waiting"
+      ] }),
+      Object.entries(run.labels ?? {}).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono", children: [
+        key,
+        "=",
+        value
+      ] }, key))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TaskProgress.TaskProgress,
+      {
+        snapshots,
+        compact: true,
+        connectionStatus: status,
+        initialShowAllTasks: true,
+        onControl: control,
+        onTaskControl: controlTask,
+        metricsBaseUrl: `${apiBase}/tasks/metrics/`,
+        ...extraTabs ? { extraTabs } : {},
+        ...headerExtra ? { headerExtra } : {}
+      }
+    )
+  ] });
 }
 async function postTaskControl({ url, action, target }) {
   const context = `Failed to ${action} ${target.type} "${target.name}"`;

package/dist/data/TaskManager.cjs.map

@@ -1 +1 @@
-{"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 { taskWorkProgress } from \"./task-work-progress\";\nimport type { TaskControlAction, TaskRunMeta, TaskSnapshot } from \"./TaskSnapshot\";\nimport type { TaskHeaderExtra } from \"./TaskHeaderExtras\";\nimport type { TaskExtraTabs } from \"./TaskStreamTabs\";\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. Runs are grouped by kind,\n// which applications use as their stable task identity.\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   * Contributes host-owned output panes to each task, alongside its own\n   * stdout/stderr — an agent's session transcript, say.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default metadata chips.\n   */\n  headerExtra?: TaskHeaderExtra;\n}\n\nexport function TaskManager({\n  basePath,\n  kind,\n  labels,\n  pollMs,\n  className,\n  selectedId,\n  onSelectRun,\n  extraTabs,\n  headerExtra,\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  const applications = useMemo(() => groupRunsByApplication(runs), [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          <option value=\"canceled\">Canceled</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=\"space-y-3\">\n          {applications.map((application) => (\n            <section key={application.kind}>\n              <h3 className=\"mb-1 px-1 text-xs font-semibold text-muted-foreground\">\n                {applicationLabel(application.kind)}\n              </h3>\n              <div className=\"overflow-hidden rounded-lg border bg-card\">\n                {application.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                    extraTabs={extraTabs}\n                    headerExtra={headerExtra}\n                  />\n                ))}\n              </div>\n            </section>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction groupRunsByApplication(runs: TaskRunMeta[]) {\n  const grouped = new Map<string, TaskRunMeta[]>();\n  for (const run of runs) {\n    const application = run.kind || \"other\";\n    grouped.set(application, [...(grouped.get(application) ?? []), run]);\n  }\n  return [...grouped].map(([kind, applicationRuns]) => ({ kind, runs: applicationRuns }));\n}\n\nfunction applicationLabel(kind: string): string {\n  const names: Record<string, string> = {\n    makerprint: \"MakerPrint\",\n    openscad: \"OpenSCAD\",\n    orca: \"Orca\",\n    snapmaker: \"Snapmaker\",\n    other: \"Other\",\n  };\n  return names[kind] ?? kind;\n}\n\nfunction RunRow({\n  run,\n  basePath,\n  pollMs,\n  selectedId,\n  onSelectRun,\n  runsQueryKey,\n  extraTabs,\n  headerExtra,\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  extraTabs: TaskExtraTabs | undefined;\n  headerExtra: TaskHeaderExtra | 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  const progress = taskWorkProgress(run);\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              {progress.label}\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(progress.counts)}\n            total={progress.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          extraTabs={extraTabs}\n          headerExtra={headerExtra}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction ExpandedRun({\n  runId,\n  basePath,\n  pollMs,\n  runsQueryKey,\n  extraTabs,\n  headerExtra,\n}: {\n  runId: string;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n  runsQueryKey: QueryKey;\n  extraTabs: TaskExtraTabs | undefined;\n  headerExtra: TaskHeaderExtra | undefined;\n}) {\n  const { snapshots, status } = 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        connectionStatus={status}\n        compact\n        onControl={control}\n        onTaskControl={controlTask}\n        metricsBaseUrl={`${apiBase}/tasks/metrics/`}\n        {...(extraTabs ? { extraTabs } : {})}\n        {...(headerExtra ? { headerExtra } : {})}\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","taskWorkProgress","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","Timestamp","ProgressBar","taskSegments","useTaskRun","useRef","useMutation","useCallback","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 { formatDuration } from \"../lib/format\";\nimport { useResourceClock } from \"../hooks/use-resource-clock\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport type { FilterBarFilter } from \"../components/FilterBar\";\nimport { Icon } from \"./Icon\";\nimport { DataTable, type DataTableColumn } from \"./DataTable\";\nimport { splitTagToken } from \"./cells/tag-utils\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProgress } from \"./TaskProgress\";\nimport { taskWorkProgress } from \"./task-work-progress\";\nimport type { TaskControlAction, TaskRunMeta, TaskSnapshot } from \"./TaskSnapshot\";\nimport type { TaskHeaderExtra } from \"./TaskHeaderExtras\";\nimport type { TaskExtraTabs } from \"./TaskStreamTabs\";\nimport { taskQueryKeys } from \"./task-query-keys\";\nimport { taskSegments, 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.\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  /** Keep the run columns usable in a narrow panel. */\n  compact?: boolean;\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   * Contributes host-owned output panes to each task, alongside its own\n   * stdout/stderr — an agent's session transcript, say.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default metadata chips.\n   */\n  headerExtra?: TaskHeaderExtra;\n}\n\ntype RunTableRow = Record<string, unknown> & {\n  id: string;\n  name: string;\n  kind: string;\n  status: string;\n  startedAt?: string;\n  finishedAt?: string;\n  labels?: Record<string, string>;\n  run: TaskRunMeta;\n};\n\nconst progressColumn: DataTableColumn<RunTableRow> = {\n  key: \"progress\", label: \"Progress\", minWidth: 180,\n  accessor: (row) => taskWorkProgress(row.run).done,\n  render: (_, row) => {\n    const progress = taskWorkProgress(row.run);\n    return (\n      <div className=\"min-w-36 space-y-1\">\n        <span className=\"text-xs tabular-nums text-muted-foreground\">{progress.label}</span>\n        {progress.total > 0 && <ProgressBar segments={taskSegments(progress.counts)} total={progress.total} height=\"h-1.5\" />}\n      </div>\n    );\n  },\n};\nconst startedColumn: DataTableColumn<RunTableRow> = { key: \"startedAt\", label: \"Started\", kind: \"timestamp\", sortable: true };\nconst durationColumn: DataTableColumn<RunTableRow> = {\n  key: \"duration\", label: \"Duration\", sortable: true,\n  accessor: (row) => row.startedAt ? Date.parse(row.finishedAt ?? new Date().toISOString()) - Date.parse(row.startedAt) : null,\n  render: (_, row) => <RunDuration startedAt={row.startedAt} finishedAt={row.finishedAt} />,\n};\nconst runColumns: DataTableColumn<RunTableRow>[] = [\n  { key: \"name\", label: \"Run\", sortable: true, grow: true, minWidth: 220 },\n  {\n    key: \"status\", label: \"Status\", sortable: true,\n    render: (_, row) => (\n      <span className={cn(\"inline-flex items-center gap-1.5 capitalize\", taskStatusColor(row.status))}>\n        <Icon icon={taskStatusIcon(row.status)} {...(row.status === \"running\" ? { className: \"animate-spin\" } : {})} />\n        {row.status}\n      </span>\n    ),\n  },\n  durationColumn,\n  progressColumn,\n  { key: \"labels\", label: \"Labels\", kind: \"tags\", tags: { maxVisible: 2 }, minWidth: 160 },\n  startedColumn,\n  { key: \"finishedAt\", label: \"Finished\", kind: \"timestamp\", sortable: true },\n];\nconst compactRunColumns: DataTableColumn<RunTableRow>[] = [\n  {\n    key: \"name\", label: \"Run\", sortable: true, grow: true, minWidth: 220,\n    render: (_, row) => (\n      <div className=\"space-y-0.5\">\n        <div className=\"font-medium\">{row.name}</div>\n        <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <span>{applicationLabel(row.kind)}</span>\n          <span className={cn(\"inline-flex items-center gap-1 capitalize\", taskStatusColor(row.status))}>\n            <Icon icon={taskStatusIcon(row.status)} />{row.status}\n          </span>\n        </div>\n      </div>\n    ),\n  },\n  progressColumn,\n  startedColumn,\n];\n\nexport function TaskManager({\n  basePath,\n  kind,\n  labels,\n  pollMs,\n  className,\n  compact,\n  selectedId,\n  onSelectRun,\n  extraTabs,\n  headerExtra,\n}: TaskManagerProps) {\n  const [kindFilter, setKindFilter] = useState<string>(kind ?? \"\");\n  const [statusFilter, setStatusFilter] = useState<string>(\"\");\n  const [labelFilter, setLabelFilter] = useState(\"\");\n  const [filterOptions, setFilterOptions] = useState({ kinds: [] as string[], labels: [] as string[] });\n  const [localSelectedId, setLocalSelectedId] = useState<string | null>(null);\n  const queryClient = useQueryClient();\n  const apiBase = basePath ?? \"/api/v1\";\n  const activeKind = kind ?? (kindFilter || undefined);\n  const activeLabels = useMemo(() => {\n    if (!labelFilter) return labels;\n    const selected = splitTagToken(labelFilter);\n    return { ...labels, [selected.key]: selected.value };\n  }, [labels, labelFilter]);\n  const { runs, runsKey, status } = useTaskRuns({\n    basePath: apiBase,\n    kind: activeKind,\n    labels: activeLabels,\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: activeLabels,\n    }),\n    [activeKind, apiBase, activeLabels, 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  useEffect(() => {\n    setFilterOptions((previous) => {\n      const kinds = [...new Set([...previous.kinds, ...runs.flatMap((run) => run.kind ? [run.kind] : [])])].sort();\n      const labels = [...new Set([...previous.labels, ...runs.flatMap((run) => Object.entries(run.labels ?? {}).map(([key, value]) => `${key}=${value}`))])].sort();\n      if (kinds.length === previous.kinds.length && labels.length === previous.labels.length) return previous;\n      return { kinds, labels };\n    });\n  }, [runs]);\n  const filters: FilterBarFilter[] = [\n    ...(!kind ? [{ key: \"kind\", kind: \"enum\" as const, label: \"Kind\", placeholder: \"All kinds\", value: kindFilter, options: filterOptions.kinds.map((value) => ({ value, label: applicationLabel(value) })), onChange: setKindFilter }] : []),\n    { key: \"status\", kind: \"enum\", label: \"Status\", placeholder: \"Any status\", value: statusFilter, options: [\n      { value: \"running\", label: \"Running\" },\n      { value: \"pending\", label: \"Pending\" },\n      { value: \"success\", label: \"Success\" },\n      { value: \"failed\", label: \"Failed\" },\n      { value: \"warning\", label: \"Warning\" },\n      { value: \"canceled\", label: \"Canceled\" },\n    ], onChange: setStatusFilter },\n    { key: \"labels\", kind: \"enum\", label: \"Labels\", placeholder: \"Any label\", value: labelFilter,\n      options: filterOptions.labels.filter((token) => !(splitTagToken(token).key in (labels ?? {}))).map((value) => ({ value })),\n      onChange: setLabelFilter },\n  ];\n  const rows = useMemo<RunTableRow[]>(() => runs.map((run) => ({\n    id: run.id,\n    name: run.name,\n    kind: run.kind || \"other\",\n    status: run.status,\n    ...(run.startedAt ? { startedAt: run.startedAt } : {}),\n    ...(run.finishedAt ? { finishedAt: run.finishedAt } : {}),\n    ...(run.labels ? { labels: run.labels } : {}),\n    run,\n  })), [runs]);\n  const openId = onSelectRun ? selectedId : localSelectedId;\n\n  return (\n    <DataTable\n      {...(className ? { className } : {})}\n      data={rows}\n      columns={compact ? compactRunColumns : runColumns}\n      emptyMessage=\"No background tasks.\"\n      externalFilters={filters}\n      filterBarProps={{ trailing: <span className=\"text-xs text-muted-foreground\">{status}</span> }}\n      getRowId={(row) => row.id}\n      defaultSort={{ key: \"startedAt\", dir: \"desc\" }}\n      expandedRowIds={openId ? [openId] : []}\n      onExpandedRowIdsChange={(ids) => {\n        const next = ids.find((id) => id !== openId) ?? null;\n        if (onSelectRun) onSelectRun(next);\n        else setLocalSelectedId(next);\n      }}\n      renderExpandedRow={(row) => (\n        <ExpandedRun\n          run={row.run}\n          basePath={basePath}\n          pollMs={pollMs}\n          runsQueryKey={runsQueryKey}\n          extraTabs={extraTabs}\n          headerExtra={headerExtra}\n        />\n      )}\n    />\n  );\n}\n\nfunction RunDuration({ startedAt, finishedAt }: { startedAt: string | undefined; finishedAt: string | undefined }) {\n  const now = useResourceClock(!!startedAt && !finishedAt);\n  if (!startedAt) return <span className=\"text-muted-foreground\">—</span>;\n  return <span className=\"tabular-nums\">{formatDuration(Math.max(0, (finishedAt ? Date.parse(finishedAt) : now) - Date.parse(startedAt)))}</span>;\n}\n\nfunction applicationLabel(kind: string): string {\n  const names: Record<string, string> = {\n    makerprint: \"MakerPrint\",\n    openscad: \"OpenSCAD\",\n    orca: \"Orca\",\n    snapmaker: \"Snapmaker\",\n    other: \"Other\",\n  };\n  return names[kind] ?? kind;\n}\n\nfunction ExpandedRun({\n  run,\n  basePath,\n  pollMs,\n  runsQueryKey,\n  extraTabs,\n  headerExtra,\n}: {\n  run: TaskRunMeta;\n  basePath: string | undefined;\n  pollMs: number | undefined;\n  runsQueryKey: QueryKey;\n  extraTabs: TaskExtraTabs | undefined;\n  headerExtra: TaskHeaderExtra | undefined;\n}) {\n  const runId = run.id;\n  const { snapshots, status } = 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  const progress = taskWorkProgress(run);\n  return (\n    <div className=\"space-y-3 bg-muted/20 px-4 py-4\">\n      <div className=\"flex flex-wrap gap-x-5 gap-y-1 text-xs text-muted-foreground\">\n        <span>{progress.completed} completed</span>\n        <span>{progress.running} running</span>\n        <span>{progress.failed} failed</span>\n        <span>{progress.counts.pending + progress.unstarted} waiting</span>\n        {Object.entries(run.labels ?? {}).map(([key, value]) => (\n          <span key={key} className=\"font-mono\">{key}={value}</span>\n        ))}\n      </div>\n      <TaskProgress\n        snapshots={snapshots}\n        compact\n        connectionStatus={status}\n        initialShowAllTasks\n        onControl={control}\n        onTaskControl={controlTask}\n        metricsBaseUrl={`${apiBase}/tasks/metrics/`}\n        {...(extraTabs ? { extraTabs } : {})}\n        {...(headerExtra ? { headerExtra } : {})}\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":["taskWorkProgress","jsxs","jsx","ProgressBar","taskSegments","cn","taskStatusColor","Icon","taskStatusIcon","useState","useQueryClient","useMemo","splitTagToken","useTaskRuns","taskQueryKeys","useEffect","hashKey","labels","DataTable","useResourceClock","formatDuration","useTaskRun","useRef","useMutation","useCallback","TaskProgress"],"mappings":";;;;;;;;;;;;;;;;;AAyEA,MAAM,iBAA+C;AAAA,EACnD,KAAK;AAAA,EAAY,OAAO;AAAA,EAAY,UAAU;AAAA,EAC9C,UAAU,CAAC,QAAQA,iBAAAA,iBAAiB,IAAI,GAAG,EAAE;AAAA,EAC7C,QAAQ,CAAC,GAAG,QAAQ;AAClB,UAAM,WAAWA,iBAAAA,iBAAiB,IAAI,GAAG;AACzC,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,sBACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,8CAA8C,UAAA,SAAS,OAAM;AAAA,MAC5E,SAAS,QAAQ,KAAKA,2BAAAA,IAACC,YAAAA,eAAY,UAAUC,WAAAA,aAAa,SAAS,MAAM,GAAG,OAAO,SAAS,OAAO,QAAO,QAAA,CAAQ;AAAA,IAAA,GACrH;AAAA,EAEJ;AACF;AACA,MAAM,gBAA8C,EAAE,KAAK,aAAa,OAAO,WAAW,MAAM,aAAa,UAAU,KAAA;AACvH,MAAM,iBAA+C;AAAA,EACnD,KAAK;AAAA,EAAY,OAAO;AAAA,EAAY,UAAU;AAAA,EAC9C,UAAU,CAAC,QAAQ,IAAI,YAAY,KAAK,MAAM,IAAI,mCAAkB,KAAA,GAAO,aAAa,IAAI,KAAK,MAAM,IAAI,SAAS,IAAI;AAAA,EACxH,QAAQ,CAAC,GAAG,QAAQF,2BAAAA,IAAC,aAAA,EAAY,WAAW,IAAI,WAAW,YAAY,IAAI,WAAA,CAAY;AACzF;AACA,MAAM,aAA6C;AAAA,EACjD,EAAE,KAAK,QAAQ,OAAO,OAAO,UAAU,MAAM,MAAM,MAAM,UAAU,IAAA;AAAA,EACnE;AAAA,IACE,KAAK;AAAA,IAAU,OAAO;AAAA,IAAU,UAAU;AAAA,IAC1C,QAAQ,CAAC,GAAG,QACVD,2BAAAA,KAAC,QAAA,EAAK,WAAWI,MAAAA,GAAG,+CAA+CC,WAAAA,gBAAgB,IAAI,MAAM,CAAC,GAC5F,UAAA;AAAA,MAAAJ,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMC,WAAAA,eAAe,IAAI,MAAM,GAAI,GAAI,IAAI,WAAW,YAAY,EAAE,WAAW,eAAA,IAAmB,CAAA,GAAK;AAAA,MAC5G,IAAI;AAAA,IAAA,EAAA,CACP;AAAA,EAAA;AAAA,EAGJ;AAAA,EACA;AAAA,EACA,EAAE,KAAK,UAAU,OAAO,UAAU,MAAM,QAAQ,MAAM,EAAE,YAAY,KAAK,UAAU,IAAA;AAAA,EACnF;AAAA,EACA,EAAE,KAAK,cAAc,OAAO,YAAY,MAAM,aAAa,UAAU,KAAA;AACvE;AACA,MAAM,oBAAoD;AAAA,EACxD;AAAA,IACE,KAAK;AAAA,IAAQ,OAAO;AAAA,IAAO,UAAU;AAAA,IAAM,MAAM;AAAA,IAAM,UAAU;AAAA,IACjE,QAAQ,CAAC,GAAG,QACVP,2BAAAA,KAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAA,IAAI,MAAK;AAAA,MACvCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAM,UAAA,iBAAiB,IAAI,IAAI,GAAE;AAAA,QAClCD,2BAAAA,KAAC,UAAK,WAAWI,SAAG,6CAA6CC,WAAAA,gBAAgB,IAAI,MAAM,CAAC,GAC1F,UAAA;AAAA,UAAAJ,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAMC,WAAAA,eAAe,IAAI,MAAM,GAAG;AAAA,UAAG,IAAI;AAAA,QAAA,EAAA,CACjD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA;AAAA,EAGJ;AAAA,EACA;AACF;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAAiB,QAAQ,EAAE;AAC/D,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAiB,EAAE;AAC3D,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAS,EAAE;AACjD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,MAAAA,SAAS,EAAE,OAAO,CAAA,GAAgB,QAAQ,CAAA,GAAgB;AACpG,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAAwB,IAAI;AAC1E,QAAM,cAAcC,WAAAA,eAAA;AACpB,QAAM,UAAU,YAAY;AAC5B,QAAM,aAAa,SAAS,cAAc;AAC1C,QAAM,eAAeC,MAAAA,QAAQ,MAAM;AACjC,QAAI,CAAC,YAAa,QAAO;AACzB,UAAM,WAAWC,SAAAA,cAAc,WAAW;AAC1C,WAAO,EAAE,GAAG,QAAQ,CAAC,SAAS,GAAG,GAAG,SAAS,MAAA;AAAA,EAC/C,GAAG,CAAC,QAAQ,WAAW,CAAC;AACxB,QAAM,EAAE,MAAM,SAAS,OAAA,IAAWC,WAAAA,YAAY;AAAA,IAC5C,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ,gBAAgB;AAAA,IACxB;AAAA,EAAA,CACD;AACD,QAAM,eAAeF,MAAAA;AAAAA,IACnB,MAAMG,cAAAA,cAAc,KAAK;AAAA,MACvB,UAAU;AAAA,MACV,MAAM;AAAA,MACN,QAAQ,gBAAgB;AAAA,MACxB,QAAQ;AAAA,IAAA,CACT;AAAA,IACD,CAAC,YAAY,SAAS,cAAc,YAAY;AAAA,EAAA;AAOlDC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,WAAWC,WAAAA,QAAQ,OAAO,MAAMA,WAAAA,QAAQ,YAAY,EAAG;AAC5D,gBAAY,aAAa,cAAc,IAAI;AAAA,EAC7C,GAAG,CAAC,aAAa,MAAM,SAAS,YAAY,CAAC;AAE7CD,QAAAA,UAAU,MAAM;AACd,qBAAiB,CAAC,aAAa;AAC7B,YAAM,QAAQ,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,SAAS,OAAO,GAAG,KAAK,QAAQ,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAA;AACtG,YAAME,UAAS,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,SAAS,QAAQ,GAAG,KAAK,QAAQ,CAAC,QAAQ,OAAO,QAAQ,IAAI,UAAU,CAAA,CAAE,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAA;AACvJ,UAAI,MAAM,WAAW,SAAS,MAAM,UAAUA,QAAO,WAAW,SAAS,OAAO,OAAQ,QAAO;AAC/F,aAAO,EAAE,OAAO,QAAAA,QAAAA;AAAAA,IAClB,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,CAAC;AACT,QAAM,UAA6B;AAAA,IACjC,GAAI,CAAC,OAAO,CAAC,EAAE,KAAK,QAAQ,MAAM,QAAiB,OAAO,QAAQ,aAAa,aAAa,OAAO,YAAY,SAAS,cAAc,MAAM,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,iBAAiB,KAAK,EAAA,EAAI,GAAG,UAAU,cAAA,CAAe,IAAI,CAAA;AAAA,IACtO,EAAE,KAAK,UAAU,MAAM,QAAQ,OAAO,UAAU,aAAa,cAAc,OAAO,cAAc,SAAS;AAAA,MACvG,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,MAC3B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,MAC3B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,MAC3B,EAAE,OAAO,UAAU,OAAO,SAAA;AAAA,MAC1B,EAAE,OAAO,WAAW,OAAO,UAAA;AAAA,MAC3B,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,IAAW,GACtC,UAAU,gBAAA;AAAA,IACb;AAAA,MAAE,KAAK;AAAA,MAAU,MAAM;AAAA,MAAQ,OAAO;AAAA,MAAU,aAAa;AAAA,MAAa,OAAO;AAAA,MAC/E,SAAS,cAAc,OAAO,OAAO,CAAC,UAAU,EAAEL,SAAAA,cAAc,KAAK,EAAE,QAAQ,UAAU,CAAA,GAAI,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ;AAAA,MACzH,UAAU;AAAA,IAAA;AAAA,EAAe;AAE7B,QAAM,OAAOD,MAAAA,QAAuB,MAAM,KAAK,IAAI,CAAC,SAAS;AAAA,IAC3D,IAAI,IAAI;AAAA,IACR,MAAM,IAAI;AAAA,IACV,MAAM,IAAI,QAAQ;AAAA,IAClB,QAAQ,IAAI;AAAA,IACZ,GAAI,IAAI,YAAY,EAAE,WAAW,IAAI,UAAA,IAAc,CAAA;AAAA,IACnD,GAAI,IAAI,aAAa,EAAE,YAAY,IAAI,WAAA,IAAe,CAAA;AAAA,IACtD,GAAI,IAAI,SAAS,EAAE,QAAQ,IAAI,OAAA,IAAW,CAAA;AAAA,IAC1C;AAAA,EAAA,EACA,GAAG,CAAC,IAAI,CAAC;AACX,QAAM,SAAS,cAAc,aAAa;AAE1C,SACET,2BAAAA;AAAAA,IAACgB,UAAAA;AAAAA,IAAA;AAAA,MACE,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MACjC,MAAM;AAAA,MACN,SAAS,UAAU,oBAAoB;AAAA,MACvC,cAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,gBAAgB,EAAE,UAAUhB,2BAAAA,IAAC,UAAK,WAAU,iCAAiC,kBAAO,EAAA;AAAA,MACpF,UAAU,CAAC,QAAQ,IAAI;AAAA,MACvB,aAAa,EAAE,KAAK,aAAa,KAAK,OAAA;AAAA,MACtC,gBAAgB,SAAS,CAAC,MAAM,IAAI,CAAA;AAAA,MACpC,wBAAwB,CAAC,QAAQ;AAC/B,cAAM,OAAO,IAAI,KAAK,CAAC,OAAO,OAAO,MAAM,KAAK;AAChD,YAAI,yBAAyB,IAAI;AAAA,gCACT,IAAI;AAAA,MAC9B;AAAA,MACA,mBAAmB,CAAC,QAClBA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK,IAAI;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;AAEA,SAAS,YAAY,EAAE,WAAW,cAAiF;AACjH,QAAM,MAAMiB,iBAAAA,iBAAiB,CAAC,CAAC,aAAa,CAAC,UAAU;AACvD,MAAI,CAAC,UAAW,uCAAQ,QAAA,EAAK,WAAU,yBAAwB,UAAA,KAAC;AAChE,wCAAQ,QAAA,EAAK,WAAU,gBAAgB,UAAAC,OAAAA,eAAe,KAAK,IAAI,IAAI,aAAa,KAAK,MAAM,UAAU,IAAI,OAAO,KAAK,MAAM,SAAS,CAAC,CAAC,GAAE;AAC1I;AAEA,SAAS,iBAAiB,MAAsB;AAC9C,QAAM,QAAgC;AAAA,IACpC,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,EAAA;AAET,SAAO,MAAM,IAAI,KAAK;AACxB;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,QAAM,QAAQ,IAAI;AAClB,QAAM,EAAE,WAAW,OAAA,IAAWC,WAAAA,WAAW,EAAE,IAAI,OAAO,UAAU,QAAQ;AACxE,QAAM,UAAU,YAAY;AAC5B,QAAM,cAAcX,WAAAA,eAAA;AACpB,QAAM,kBAAkBY,MAAAA,OAAO,oBAAI,KAA4B;AAC/D,QAAM,kBAAkBA,MAAAA,OAAmC,MAAS;AACpE,QAAM,cAAcX,MAAAA;AAAAA,IAClB,MAAMG,cAAAA,cAAc,IAAI,EAAE,UAAU,SAAS,OAAO;AAAA,IACpD,CAAC,SAAS,KAAK;AAAA,EAAA;AAEjB,QAAM,kBAAkBS,WAAAA,YAAY;AAAA,IAClC,aAAaT,cAAAA,cAAc,QAAQ,EAAE,UAAU,SAAS,OAAO;AAAA,IAC/D,YAAY;AAAA,IACZ,WAAW,YAAY;AACrB,YAAM,QAAQ,IAAI;AAAA,QAChB,YAAY,kBAAkB,EAAE,UAAU,cAAc,OAAO,MAAM,aAAa,QAAQ;AAAA,QAC1F,YAAY,kBAAkB,EAAE,UAAU,aAAa,OAAO,MAAM,aAAa,OAAA,CAAQ;AAAA,MAAA,CAC1F;AAAA,IACH;AAAA,EAAA,CACD;AAEDC,QAAAA,UAAU,MAAM;AACd,UAAM,WAAW,gBAAgB;AACjC,SAAI,qCAAU,YAAW,UAAU,UAAU,SAAS,MAAM,CAAC,UAAU,UAAU,aAAa,UAAU,KAAK,CAAC,GAAG;AAC/G;AAAA,IACF;AACA,oBAAgB,UAAU;AAC1B,gBAAY,aAAa,aAAa,SAAS;AAAA,EACjD,GAAG,CAAC,aAAa,aAAa,SAAS,CAAC;AAExC,QAAM,gBAAgBS,kBAAY,CAAC,YAAgC;AACjE,UAAM,MAAM,GAAG,QAAQ,GAAG,IAAI,QAAQ,MAAM;AAC5C,UAAM,UAAU,gBAAgB,QAAQ,IAAI,GAAG;AAC/C,QAAI,QAAS,QAAO;AACpB,oBAAgB,MAAA;AAChB,UAAM,WAAW,gBAAgB,YAAY,OAAO,EAAE,QAAQ,MAAM;AAClE,UAAI,gBAAgB,QAAQ,IAAI,GAAG,MAAM,SAAU,iBAAgB,QAAQ,OAAO,GAAG;AAAA,IACvF,CAAC;AACD,oBAAgB,QAAQ,IAAI,KAAK,QAAQ;AACzC,WAAO;AAAA,EACT,GAAG,CAAC,gBAAgB,aAAa,gBAAgB,KAAK,CAAC;AACvD,QAAM,UAAU,CAAC,QAA2B,UAC1C,cAAc;AAAA,IACZ,KAAK,GAAG,OAAO,UAAU,mBAAmB,KAAK,CAAC;AAAA,IAClD;AAAA,IACA,QAAQ;AAAA,EAAA,CACT;AACH,QAAM,cAAc,CAAC,QAA2B,SAC9C,cAAc;AAAA,IACZ,KAAK,GAAG,OAAO,UAAU,mBAAmB,KAAK,CAAC,UAAU,mBAAmB,KAAK,EAAE,CAAC;AAAA,IACvF;AAAA,IACA,QAAQ;AAAA,EAAA,CACT;AACH,QAAM,WAAWxB,iBAAAA,iBAAiB,GAAG;AACrC,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,gEACb,UAAA;AAAA,MAAAA,gCAAC,QAAA,EAAM,UAAA;AAAA,QAAA,SAAS;AAAA,QAAU;AAAA,MAAA,GAAU;AAAA,sCACnC,QAAA,EAAM,UAAA;AAAA,QAAA,SAAS;AAAA,QAAQ;AAAA,MAAA,GAAQ;AAAA,sCAC/B,QAAA,EAAM,UAAA;AAAA,QAAA,SAAS;AAAA,QAAO;AAAA,MAAA,GAAO;AAAA,sCAC7B,QAAA,EAAM,UAAA;AAAA,QAAA,SAAS,OAAO,UAAU,SAAS;AAAA,QAAU;AAAA,MAAA,GAAQ;AAAA,MAC3D,OAAO,QAAQ,IAAI,UAAU,CAAA,CAAE,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAChDA,2BAAAA,KAAC,QAAA,EAAe,WAAU,aAAa,UAAA;AAAA,QAAA;AAAA,QAAI;AAAA,QAAE;AAAA,MAAA,EAAA,GAAlC,GAAwC,CACpD;AAAA,IAAA,GACH;AAAA,IACAC,2BAAAA;AAAAA,MAACuB,aAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,SAAO;AAAA,QACP,kBAAkB;AAAA,QAClB,qBAAmB;AAAA,QACnB,WAAW;AAAA,QACX,eAAe;AAAA,QACf,gBAAgB,GAAG,OAAO;AAAA,QACzB,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,QAChC,GAAI,cAAc,EAAE,gBAAgB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EACxC,GACF;AAEJ;AAQA,eAAe,gBAAgB,EAAE,KAAK,QAAQ,UAA8B;AAC1E,QAAM,UAAU,aAAa,MAAM,IAAI,OAAO,IAAI,KAAK,OAAO,IAAI;AAClE,MAAI;AACJ,MAAI;AACF,eAAW,MAAM,MAAM,KAAK;AAAA,MAC1B,QAAQ;AAAA,MACR,SAAS,EAAE,gBAAgB,mBAAA;AAAA,MAC3B,MAAM,KAAK,UAAU,EAAE,QAAQ;AAAA,IAAA,CAChC;AAAA,EACH,SAAS,OAAO;AACd,UAAM,IAAI,MAAM,GAAG,OAAO,KAAK,iBAAiB,QAAQ,MAAM,UAAU,gBAAgB,IAAI,EAAE,OAAO;AAAA,EACvG;AACA,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,UAAU,MAAM,SAAS,KAAA,GAAQ,KAAA,KAAU,QAAQ,SAAS,MAAM;AACxE,UAAM,IAAI,MAAM,GAAG,OAAO,KAAK,MAAM,EAAE;AAAA,EACzC;AACF;;"}

package/dist/data/TaskManager.d.ts

@@ -9,6 +9,8 @@ export interface TaskManagerProps {
     labels?: Record<string, string>;
     pollMs?: number;
     className?: string;
+    /** Keep the run columns usable in a narrow panel. */
+    compact?: boolean;
     /**
      * Currently-selected (expanded) run id, e.g. driven from the URL. When set,
      * the matching run renders expanded and selection is controlled — otherwise
@@ -31,5 +33,5 @@ export interface TaskManagerProps {
      */
     headerExtra?: TaskHeaderExtra;
 }
-export declare function TaskManager({ basePath, kind, labels, pollMs, className, selectedId, onSelectRun, extraTabs, headerExtra, }: TaskManagerProps): import("react").JSX.Element;
+export declare function TaskManager({ basePath, kind, labels, pollMs, className, compact, selectedId, onSelectRun, extraTabs, headerExtra, }: TaskManagerProps): import("react").JSX.Element;
 //# sourceMappingURL=TaskManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/data/TaskManager.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD,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;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,GACZ,EAAE,gBAAgB,+BAwGlB"}
+{"version":3,"file":"TaskManager.d.ts","sourceRoot":"","sources":["../../src/data/TaskManager.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAYtD,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,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAoED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,GACZ,EAAE,gBAAgB,+BAsGlB"}