@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/data/TaskManager.js

@@ -1,11 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { useState, useMemo, useEffect, useRef, useCallback } from "react";
+import { useQueryClient, hashKey, useMutation } from "@tanstack/react-query";
 import { cn } from "../lib/utils.js";
 import { useTaskRuns, useTaskRun } from "../hooks/use-task-run.js";
 import { Icon } from "./Icon.js";
 import { ProgressBar } from "./ProgressBar.js";
 import { Timestamp } from "./cells/Timestamp.js";
 import { TaskProgress } from "./TaskProgress.js";
+import { taskQueryKeys } from "./task-query-keys.js";
 import { taskStatusColor, taskStatusIcon, taskStatusBg, taskSegments } from "./task-status.js";
 function TaskManager({
   basePath,
@@ -18,13 +20,29 @@ function TaskManager({
 }) {
   const [kindFilter, setKindFilter] = useState(kind ?? "");
   const [statusFilter, setStatusFilter] = useState("");
-  const { runs, status } = useTaskRuns({
-    basePath,
-    kind: kind ?? (kindFilter || void 0),
+  const queryClient = useQueryClient();
+  const apiBase = basePath ?? "/api/v1";
+  const activeKind = kind ?? (kindFilter || void 0);
+  const { runs, runsKey, status } = useTaskRuns({
+    basePath: apiBase,
+    kind: activeKind,
     labels,
     status: statusFilter || void 0,
     pollMs
   });
+  const runsQueryKey = useMemo(
+    () => taskQueryKeys.runs({
+      basePath: apiBase,
+      kind: activeKind,
+      status: statusFilter || void 0,
+      labels
+    }),
+    [activeKind, apiBase, labels, statusFilter]
+  );
+  useEffect(() => {
+    if (!runsKey || hashKey(runsKey) !== hashKey(runsQueryKey)) return;
+    queryClient.setQueryData(runsQueryKey, runs);
+  }, [queryClient, runs, runsKey, runsQueryKey]);
   const kinds = useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const r of runs) if (r.kind) set.add(r.kind);
@@ -69,7 +87,8 @@ function TaskManager({
         basePath,
         pollMs,
         selectedId,
-        onSelectRun
+        onSelectRun,
+        runsQueryKey
       },
       run.id
     )) })
@@ -80,7 +99,8 @@ function RunRow({
   basePath,
   pollMs,
   selectedId,
-  onSelectRun
+  onSelectRun,
+  runsQueryKey
 }) {
   const [localOpen, setLocalOpen] = useState(false);
   const controlled = onSelectRun !== void 0;
@@ -154,34 +174,99 @@ function RunRow({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx(ExpandedRun, { runId: run.id, basePath, pollMs })
+    open && /* @__PURE__ */ jsx(
+      ExpandedRun,
+      {
+        runId: run.id,
+        basePath,
+        pollMs,
+        runsQueryKey
+      }
+    )
   ] });
 }
 function ExpandedRun({
   runId,
   basePath,
-  pollMs
+  pollMs,
+  runsQueryKey
 }) {
   const { snapshots } = 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 = useQueryClient();
+  const pendingControls = useRef(/* @__PURE__ */ new Map());
+  const cachedSnapshots = useRef(void 0);
+  const runQueryKey = useMemo(
+    () => taskQueryKeys.run({ basePath: apiBase, runId }),
+    [apiBase, runId]
+  );
+  const controlMutation = useMutation({
+    mutationKey: 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" })
+      ]);
+    }
+  });
+  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 = 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__ */ jsx("div", { className: "border-t bg-muted/30 px-4 py-3", children: /* @__PURE__ */ jsx(
     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}`);
+  }
+}
 export {
   TaskManager
 };

package/dist/data/TaskManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManager.js","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":[],"mappings":"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"}
+{"version":3,"file":"TaskManager.js","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":[],"mappings":"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"}

package/dist/data/TaskProgress.cjs

@@ -15,7 +15,15 @@ const UiStop = require("../icons/components/UiStop.cjs");
 const UiPlay = require("../icons/components/UiPlay.cjs");
 const MAX_COMPLETED = 5;
 const MAX_PENDING = 3;
-function TaskProgress({ snapshots, title, compact, className, onControl, metricsBaseUrl }) {
+function TaskProgress({
+  snapshots,
+  title,
+  compact,
+  className,
+  onControl,
+  onTaskControl,
+  metricsBaseUrl
+}) {
   const groups = snapshots.filter((s) => s.type === "group");
   const tasks = snapshots.filter((s) => s.type === "task");
   if (groups.length === 0) {
@@ -33,6 +41,7 @@ function TaskProgress({ snapshots, title, compact, className, onControl, metrics
         tasks: tasks.filter((t) => t.groupId === g.groupId || t.group === g.id),
         compact,
         ...onControl ? { onControl } : {},
+        ...onTaskControl ? { onTaskControl } : {},
         ...metricsBaseUrl ? { metricsBaseUrl } : {}
       },
       g.groupId || g.id
@@ -47,6 +56,7 @@ function TaskGroupCard({
   tasks,
   compact,
   onControl,
+  onTaskControl,
   metricsBaseUrl
 }) {
   const [showAll, setShowAll] = react.useState(false);
@@ -92,7 +102,7 @@ function TaskGroupCard({
             children: g.status
           }
         ),
-        onControl && /* @__PURE__ */ jsxRuntime.jsx(TaskControls, { group: g, onControl })
+        onControl && /* @__PURE__ */ jsxRuntime.jsx(TaskControls, { target: g, onControl })
       ] })
     ] }),
     total > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar.ProgressBar, { segments: taskStatus.taskSegments(counts), total, height: "h-1.5" }) }),
@@ -112,10 +122,22 @@ function TaskGroupCard({
         children: showAll ? "▲ collapse" : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`
       }
     ) : null,
-    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsxRuntime.jsx(TaskRow, { task: t }, t.id))
+    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+      TaskRow,
+      {
+        task: t,
+        group: g,
+        ...onTaskControl ? { onTaskControl } : {}
+      },
+      t.id
+    ))
   ] });
 }
-function TaskRow({ task: t }) {
+function TaskRow({
+  task: t,
+  group,
+  onTaskControl
+}) {
   const [expanded, setExpanded] = react.useState(false);
   const logs = t.logs ?? [];
   const hasLogs = logs.length > 0;
@@ -148,7 +170,18 @@ function TaskRow({ task: t }) {
               latestWarn && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("truncate text-xs font-normal", taskStatus.logLevelColor("warn")), children: latestWarn.message }),
               (hasLogs || hasOutput) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground", children: logs.length + (t.stdout ? 1 : 0) + (t.stderr ? 1 : 0) })
             ] }),
-            t.duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: t.duration })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              t.duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: t.duration }),
+              onTaskControl && /* @__PURE__ */ jsxRuntime.jsx(
+                TaskControls,
+                {
+                  target: t,
+                  labelSuffix: t.name,
+                  stopPropagation: true,
+                  onControl: (action) => onTaskControl(action, t, group)
+                }
+              )
+            ] })
           ] }),
           (t.description || hasProgress) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [
             t.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: t.description }),
@@ -203,8 +236,10 @@ function TaskStream({
   ] });
 }
 function TaskControls({
-  group,
-  onControl
+  target,
+  onControl,
+  labelSuffix,
+  stopPropagation
 }) {
   const [busy, setBusy] = react.useState(null);
   const [error, setError] = react.useState("");
@@ -213,7 +248,7 @@ function TaskControls({
     setBusy(action);
     setError("");
     try {
-      await onControl(action, group);
+      await onControl(action, target);
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : `Failed to ${action} task`);
     } finally {
@@ -221,10 +256,11 @@ function TaskControls({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    (group.controls ?? []).map((action) => {
+    (target.controls ?? []).map((action) => {
       var _a;
       const ControlIcon = icons[action];
-      const label = ((_a = action[0]) == null ? void 0 : _a.toUpperCase()) + action.slice(1);
+      const actionLabel = ((_a = action[0]) == null ? void 0 : _a.toUpperCase()) + action.slice(1);
+      const label = labelSuffix ? `${actionLabel} ${labelSuffix}` : actionLabel;
       return /* @__PURE__ */ jsxRuntime.jsx(
         button.Button,
         {
@@ -234,7 +270,10 @@ function TaskControls({
           "aria-label": label,
           title: label,
           disabled: busy !== null,
-          onClick: () => void invoke(action),
+          onClick: (event) => {
+            if (stopPropagation) event.stopPropagation();
+            void invoke(action);
+          },
           children: /* @__PURE__ */ jsxRuntime.jsx(ControlIcon, {})
         },
         action

package/dist/data/TaskProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskProgress.cjs","sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { UiPlay, UiRestart, UiStop } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport {\n  bucketTasks,\n  logLevelColor,\n  taskSegments,\n  taskStatusBg,\n  taskStatusColor,\n  taskStatusIcon,\n} from \"./task-status\";\n\n// TaskProgress renders one or more clicky task runs (groups) and their child\n// tasks: a segmented progress bar per group plus collapsible per-task rows with\n// status icon, duration, error, and expandable logs. Presentational only —\n// callers feed it snapshots from useTaskRun (SSE) or any other source.\n\nconst MAX_COMPLETED = 5;\nconst MAX_PENDING = 3;\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  className?: string;\n  onControl?: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;\n  metricsBaseUrl?: string;\n}\n\nexport function TaskProgress({ snapshots, title, compact, className, onControl, metricsBaseUrl }: TaskProgressProps) {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  const tasks = snapshots.filter((s) => s.type === \"task\");\n\n  if (groups.length === 0) {\n    return (\n      <div className={cn(\"text-sm text-muted-foreground\", className)}>\n        {title ? `${title}: ` : \"\"}No tasks yet.\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(compact ? \"space-y-2\" : \"space-y-3\", className)}>\n      {title && <h2 className=\"text-sm font-semibold\">{title}</h2>}\n      {groups.map((g) => (\n        <TaskGroupCard\n          key={g.groupId || g.id}\n          group={g}\n          tasks={tasks.filter((t) => t.groupId === g.groupId || t.group === g.id)}\n          compact={compact}\n          {...(onControl ? { onControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction isFailedOrWarn(t: TaskSnapshot): boolean {\n  return t.status === \"failed\" || t.status === \"FAIL\" || t.status === \"ERR\" || t.status === \"warning\";\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  onControl,\n  metricsBaseUrl,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  onControl?: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;\n  metricsBaseUrl?: string;\n}) {\n  const [showAll, setShowAll] = useState(false);\n  const total = g.total ?? tasks.length;\n  const counts = bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail;\n  const progress = total > 0 ? `${done}/${total}` : \"\";\n\n  const running = tasks.filter((t) => t.status === \"running\");\n  const pending = tasks.filter((t) => t.status === \"pending\");\n  const completed = tasks.filter((t) => t.status !== \"running\" && t.status !== \"pending\");\n  const alwaysShow = completed.filter(isFailedOrWarn);\n  const collapsible = completed.filter((t) => !isFailedOrWarn(t));\n\n  const hiddenCompleted = collapsible.length - MAX_COMPLETED;\n  const collapseCompleted = !showAll && hiddenCompleted > 0;\n  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;\n\n  const hiddenPending = pending.length - MAX_PENDING;\n  const collapsePending = !showAll && hiddenPending > 0;\n  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;\n\n  const isTerminal = g.status !== \"running\" && g.status !== \"pending\";\n\n  return (\n    <div className={cn(\"rounded-lg border bg-card\", compact ? \"p-3\" : \"p-4\")}>\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\n        <h3 className=\"flex items-center gap-1.5 text-sm font-semibold\">\n          <Icon\n            icon={taskStatusIcon(g.status)}\n            className={cn(taskStatusColor(g.status), g.status === \"running\" && \"animate-spin\")}\n          />\n          <span>{g.name}</span>\n          {progress && <span className=\"text-xs text-muted-foreground\">{progress}</span>}\n          {g.kind && (\n            <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n              {g.kind}\n            </span>\n          )}\n        </h3>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {isTerminal && (\n            <span\n              className={cn(\n                \"rounded-full px-2 py-0.5 text-xs\",\n                taskStatusColor(g.status),\n                taskStatusBg(g.status),\n              )}\n            >\n              {g.status}\n            </span>\n          )}\n          {onControl && <TaskControls group={g} onControl={onControl} />}\n        </div>\n      </div>\n\n      {total > 0 && (\n        <div className=\"mb-3\">\n          <ProgressBar segments={taskSegments(counts)} total={total} height=\"h-1.5\" />\n        </div>\n      )}\n\n      {isTaskProcessDetails(g.details) && (\n        <TaskProcessDetailsView\n          details={g.details}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n        />\n      )}\n\n      {hiddenCompleted > 0 || hiddenPending > 0 ? (\n        <button\n          type=\"button\"\n          className=\"border-b py-1.5 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => setShowAll((v) => !v)}\n        >\n          {showAll\n            ? \"▲ collapse\"\n            : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`}\n        </button>\n      ) : null}\n\n      {[...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => (\n        <TaskRow key={t.id} task={t} />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({ task: t }: { task: TaskSnapshot }) {\n  const [expanded, setExpanded] = useState(false);\n  const logs: LogEntry[] = t.logs ?? [];\n  const hasLogs = logs.length > 0;\n  const hasOutput = !!t.stdout || !!t.stderr;\n  // Promote the latest warning message inline so a `warning` row shows its\n  // reason without expanding. Suppressed when an error is already shown.\n  const latestWarn = t.error ? undefined : logs.filter((l) => l.level === \"warn\").at(-1);\n  // Bounded per-task progress (e.g. records emitted in a phase): render an x/y\n  // count, a percentage, and a thin bar while the task runs.\n  const done = t.progress ?? 0;\n  // Only surface bounded progress once work has actually started — an untouched\n  // task should not render a \"0/100 · 0%\" placeholder.\n  const hasProgress = typeof t.maxValue === \"number\" && t.maxValue > 0 && done > 0;\n  const pct = hasProgress ? Math.round((done / (t.maxValue as number)) * 100) : 0;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-start gap-3 border-b py-2 last:border-0\",\n        (hasLogs || hasOutput) && \"-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50\",\n      )}\n      onClick={hasLogs || hasOutput ? () => setExpanded((v) => !v) : undefined}\n    >\n      <Icon\n        icon={taskStatusIcon(t.status)}\n        className={cn(taskStatusColor(t.status), \"mt-0.5 text-lg\", t.status === \"running\" && \"animate-spin\")}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"flex min-w-0 items-center gap-1.5 text-sm font-medium\">\n            <span className=\"truncate\">{t.name}</span>\n            {t.error && <span className=\"truncate text-xs font-normal text-red-500\">{t.error}</span>}\n            {latestWarn && (\n              <span className={cn(\"truncate text-xs font-normal\", logLevelColor(\"warn\"))}>\n                {latestWarn.message}\n              </span>\n            )}\n            {(hasLogs || hasOutput) && (\n              <span className=\"inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground\">\n                {logs.length + (t.stdout ? 1 : 0) + (t.stderr ? 1 : 0)}\n              </span>\n            )}\n          </span>\n          {t.duration && <span className=\"shrink-0 text-xs text-muted-foreground\">{t.duration}</span>}\n        </div>\n        {(t.description || hasProgress) && (\n          <div className=\"mt-0.5 flex items-center gap-2\">\n            {t.description && (\n              <span className=\"min-w-0 flex-1 truncate text-xs text-muted-foreground\">{t.description}</span>\n            )}\n            {hasProgress && (\n              <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n                {done}/{t.maxValue} · {pct}%\n              </span>\n            )}\n          </div>\n        )}\n        {hasProgress && t.status === \"running\" && (\n          <div className=\"mt-1\">\n            <ProgressBar\n              segments={[{ count: done, color: \"bg-blue-500\", label: \"done\" }]}\n              total={t.maxValue as number}\n              height=\"h-1\"\n            />\n          </div>\n        )}\n        {expanded && hasLogs && (\n          <div className=\"mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2\">\n            {logs.map((l, i) => (\n              <div key={i} className={cn(\"text-xs\", logLevelColor(l.level))}>\n                <span className=\"mr-1 font-mono text-muted-foreground\">{l.level.substring(0, 3)}</span>\n                {l.message}\n              </div>\n            ))}\n          </div>\n        )}\n        {expanded && hasOutput && (\n          <div className=\"mt-2 space-y-2\">\n            {t.stdout && <TaskStream label=\"stdout\" text={t.stdout} {...(t.stdoutTruncated ? { truncated: true } : {})} />}\n            {t.stderr && <TaskStream label=\"stderr\" text={t.stderr} {...(t.stderrTruncated ? { truncated: true } : {})} error />}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction TaskStream({\n  label,\n  text,\n  truncated,\n  error,\n}: {\n  label: string;\n  text: string;\n  truncated?: boolean;\n  error?: boolean;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded border bg-black\">\n      <div className=\"flex items-center justify-between border-b border-white/10 px-2 py-1 text-[10px] text-gray-400\">\n        <span>{label}</span>\n        {truncated && <span>showing latest 1 MiB</span>}\n      </div>\n      <AnsiHtml\n        text={text}\n        className={cn(\"max-h-64 overflow-auto whitespace-pre-wrap p-2 text-xs text-gray-100\", error && \"text-red-300\")}\n      />\n    </div>\n  );\n}\n\nfunction TaskControls({\n  group,\n  onControl,\n}: {\n  group: TaskSnapshot;\n  onControl: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;\n}) {\n  const [busy, setBusy] = useState<TaskControlAction | null>(null);\n  const [error, setError] = useState(\"\");\n  const icons = { start: UiPlay, stop: UiStop, restart: UiRestart };\n  const invoke = async (action: TaskControlAction) => {\n    setBusy(action);\n    setError(\"\");\n    try {\n      await onControl(action, group);\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : `Failed to ${action} task`);\n    } finally {\n      setBusy(null);\n    }\n  };\n  return (\n    <>\n      {(group.controls ?? []).map((action) => {\n        const ControlIcon = icons[action];\n        const label = action[0]?.toUpperCase() + action.slice(1);\n        return (\n          <Button\n            key={action}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label={label}\n            title={label}\n            disabled={busy !== null}\n            onClick={() => void invoke(action)}\n          >\n            <ControlIcon />\n          </Button>\n        );\n      })}\n      {error && <span role=\"alert\" className=\"text-xs text-red-600\">{error}</span>}\n    </>\n  );\n}\n"],"names":["cn","jsxs","jsx","useState","bucketTasks","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","ProgressBar","taskSegments","isTaskProcessDetails","TaskProcessDetailsView","logLevelColor","AnsiHtml","UiPlay","UiStop","UiRestart","Fragment","Button"],"mappings":"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"}
+{"version":3,"file":"TaskProgress.cjs","sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { UiPlay, UiRestart, UiStop } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { AnsiHtml } from \"./AnsiHtml\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport {\n  bucketTasks,\n  logLevelColor,\n  taskSegments,\n  taskStatusBg,\n  taskStatusColor,\n  taskStatusIcon,\n} from \"./task-status\";\n\n// TaskProgress renders one or more clicky task runs (groups) and their child\n// tasks: a segmented progress bar per group plus collapsible per-task rows with\n// status icon, duration, error, and expandable logs. Presentational only —\n// callers feed it snapshots from useTaskRun (SSE) or any other source.\n\nconst MAX_COMPLETED = 5;\nconst MAX_PENDING = 3;\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  className?: string;\n  onControl?: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;\n  onTaskControl?: (\n    action: TaskControlAction,\n    task: TaskSnapshot,\n    group: TaskSnapshot,\n  ) => void | Promise<void>;\n  metricsBaseUrl?: string;\n}\n\nexport function TaskProgress({\n  snapshots,\n  title,\n  compact,\n  className,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n}: TaskProgressProps) {\n  const groups = snapshots.filter((s) => s.type === \"group\");\n  const tasks = snapshots.filter((s) => s.type === \"task\");\n\n  if (groups.length === 0) {\n    return (\n      <div className={cn(\"text-sm text-muted-foreground\", className)}>\n        {title ? `${title}: ` : \"\"}No tasks yet.\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(compact ? \"space-y-2\" : \"space-y-3\", className)}>\n      {title && <h2 className=\"text-sm font-semibold\">{title}</h2>}\n      {groups.map((g) => (\n        <TaskGroupCard\n          key={g.groupId || g.id}\n          group={g}\n          tasks={tasks.filter((t) => t.groupId === g.groupId || t.group === g.id)}\n          compact={compact}\n          {...(onControl ? { onControl } : {})}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction isFailedOrWarn(t: TaskSnapshot): boolean {\n  return t.status === \"failed\" || t.status === \"FAIL\" || t.status === \"ERR\" || t.status === \"warning\";\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  onControl?: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;\n  onTaskControl?: (\n    action: TaskControlAction,\n    task: TaskSnapshot,\n    group: TaskSnapshot,\n  ) => void | Promise<void>;\n  metricsBaseUrl?: string;\n}) {\n  const [showAll, setShowAll] = useState(false);\n  const total = g.total ?? tasks.length;\n  const counts = bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail;\n  const progress = total > 0 ? `${done}/${total}` : \"\";\n\n  const running = tasks.filter((t) => t.status === \"running\");\n  const pending = tasks.filter((t) => t.status === \"pending\");\n  const completed = tasks.filter((t) => t.status !== \"running\" && t.status !== \"pending\");\n  const alwaysShow = completed.filter(isFailedOrWarn);\n  const collapsible = completed.filter((t) => !isFailedOrWarn(t));\n\n  const hiddenCompleted = collapsible.length - MAX_COMPLETED;\n  const collapseCompleted = !showAll && hiddenCompleted > 0;\n  const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;\n\n  const hiddenPending = pending.length - MAX_PENDING;\n  const collapsePending = !showAll && hiddenPending > 0;\n  const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;\n\n  const isTerminal = g.status !== \"running\" && g.status !== \"pending\";\n\n  return (\n    <div className={cn(\"rounded-lg border bg-card\", compact ? \"p-3\" : \"p-4\")}>\n      <div className=\"mb-3 flex items-center justify-between gap-3\">\n        <h3 className=\"flex items-center gap-1.5 text-sm font-semibold\">\n          <Icon\n            icon={taskStatusIcon(g.status)}\n            className={cn(taskStatusColor(g.status), g.status === \"running\" && \"animate-spin\")}\n          />\n          <span>{g.name}</span>\n          {progress && <span className=\"text-xs text-muted-foreground\">{progress}</span>}\n          {g.kind && (\n            <span className=\"rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground\">\n              {g.kind}\n            </span>\n          )}\n        </h3>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {isTerminal && (\n            <span\n              className={cn(\n                \"rounded-full px-2 py-0.5 text-xs\",\n                taskStatusColor(g.status),\n                taskStatusBg(g.status),\n              )}\n            >\n              {g.status}\n            </span>\n          )}\n          {onControl && <TaskControls target={g} onControl={onControl} />}\n        </div>\n      </div>\n\n      {total > 0 && (\n        <div className=\"mb-3\">\n          <ProgressBar segments={taskSegments(counts)} total={total} height=\"h-1.5\" />\n        </div>\n      )}\n\n      {isTaskProcessDetails(g.details) && (\n        <TaskProcessDetailsView\n          details={g.details}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n        />\n      )}\n\n      {hiddenCompleted > 0 || hiddenPending > 0 ? (\n        <button\n          type=\"button\"\n          className=\"border-b py-1.5 text-xs text-muted-foreground hover:text-foreground\"\n          onClick={() => setShowAll((v) => !v)}\n        >\n          {showAll\n            ? \"▲ collapse\"\n            : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`}\n        </button>\n      ) : null}\n\n      {[...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => (\n        <TaskRow\n          key={t.id}\n          task={t}\n          group={g}\n          {...(onTaskControl ? { onTaskControl } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({\n  task: t,\n  group,\n  onTaskControl,\n}: {\n  task: TaskSnapshot;\n  group: TaskSnapshot;\n  onTaskControl?: (\n    action: TaskControlAction,\n    task: TaskSnapshot,\n    group: TaskSnapshot,\n  ) => void | Promise<void>;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const logs: LogEntry[] = t.logs ?? [];\n  const hasLogs = logs.length > 0;\n  const hasOutput = !!t.stdout || !!t.stderr;\n  // Promote the latest warning message inline so a `warning` row shows its\n  // reason without expanding. Suppressed when an error is already shown.\n  const latestWarn = t.error ? undefined : logs.filter((l) => l.level === \"warn\").at(-1);\n  // Bounded per-task progress (e.g. records emitted in a phase): render an x/y\n  // count, a percentage, and a thin bar while the task runs.\n  const done = t.progress ?? 0;\n  // Only surface bounded progress once work has actually started — an untouched\n  // task should not render a \"0/100 · 0%\" placeholder.\n  const hasProgress = typeof t.maxValue === \"number\" && t.maxValue > 0 && done > 0;\n  const pct = hasProgress ? Math.round((done / (t.maxValue as number)) * 100) : 0;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-start gap-3 border-b py-2 last:border-0\",\n        (hasLogs || hasOutput) && \"-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50\",\n      )}\n      onClick={hasLogs || hasOutput ? () => setExpanded((v) => !v) : undefined}\n    >\n      <Icon\n        icon={taskStatusIcon(t.status)}\n        className={cn(taskStatusColor(t.status), \"mt-0.5 text-lg\", t.status === \"running\" && \"animate-spin\")}\n      />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"flex min-w-0 items-center gap-1.5 text-sm font-medium\">\n            <span className=\"truncate\">{t.name}</span>\n            {t.error && <span className=\"truncate text-xs font-normal text-red-500\">{t.error}</span>}\n            {latestWarn && (\n              <span className={cn(\"truncate text-xs font-normal\", logLevelColor(\"warn\"))}>\n                {latestWarn.message}\n              </span>\n            )}\n            {(hasLogs || hasOutput) && (\n              <span className=\"inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground\">\n                {logs.length + (t.stdout ? 1 : 0) + (t.stderr ? 1 : 0)}\n              </span>\n            )}\n          </span>\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {t.duration && <span className=\"text-xs text-muted-foreground\">{t.duration}</span>}\n            {onTaskControl && (\n              <TaskControls\n                target={t}\n                labelSuffix={t.name}\n                stopPropagation\n                onControl={(action) => onTaskControl(action, t, group)}\n              />\n            )}\n          </div>\n        </div>\n        {(t.description || hasProgress) && (\n          <div className=\"mt-0.5 flex items-center gap-2\">\n            {t.description && (\n              <span className=\"min-w-0 flex-1 truncate text-xs text-muted-foreground\">{t.description}</span>\n            )}\n            {hasProgress && (\n              <span className=\"shrink-0 text-xs tabular-nums text-muted-foreground\">\n                {done}/{t.maxValue} · {pct}%\n              </span>\n            )}\n          </div>\n        )}\n        {hasProgress && t.status === \"running\" && (\n          <div className=\"mt-1\">\n            <ProgressBar\n              segments={[{ count: done, color: \"bg-blue-500\", label: \"done\" }]}\n              total={t.maxValue as number}\n              height=\"h-1\"\n            />\n          </div>\n        )}\n        {expanded && hasLogs && (\n          <div className=\"mt-1 ml-1 max-h-48 space-y-0.5 overflow-y-auto border-l-2 pl-2\">\n            {logs.map((l, i) => (\n              <div key={i} className={cn(\"text-xs\", logLevelColor(l.level))}>\n                <span className=\"mr-1 font-mono text-muted-foreground\">{l.level.substring(0, 3)}</span>\n                {l.message}\n              </div>\n            ))}\n          </div>\n        )}\n        {expanded && hasOutput && (\n          <div className=\"mt-2 space-y-2\">\n            {t.stdout && <TaskStream label=\"stdout\" text={t.stdout} {...(t.stdoutTruncated ? { truncated: true } : {})} />}\n            {t.stderr && <TaskStream label=\"stderr\" text={t.stderr} {...(t.stderrTruncated ? { truncated: true } : {})} error />}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction TaskStream({\n  label,\n  text,\n  truncated,\n  error,\n}: {\n  label: string;\n  text: string;\n  truncated?: boolean;\n  error?: boolean;\n}) {\n  return (\n    <div className=\"overflow-hidden rounded border bg-black\">\n      <div className=\"flex items-center justify-between border-b border-white/10 px-2 py-1 text-[10px] text-gray-400\">\n        <span>{label}</span>\n        {truncated && <span>showing latest 1 MiB</span>}\n      </div>\n      <AnsiHtml\n        text={text}\n        className={cn(\"max-h-64 overflow-auto whitespace-pre-wrap p-2 text-xs text-gray-100\", error && \"text-red-300\")}\n      />\n    </div>\n  );\n}\n\nfunction TaskControls({\n  target,\n  onControl,\n  labelSuffix,\n  stopPropagation,\n}: {\n  target: TaskSnapshot;\n  onControl: (action: TaskControlAction, target: TaskSnapshot) => void | Promise<void>;\n  labelSuffix?: string;\n  stopPropagation?: boolean;\n}) {\n  const [busy, setBusy] = useState<TaskControlAction | null>(null);\n  const [error, setError] = useState(\"\");\n  const icons = { start: UiPlay, stop: UiStop, restart: UiRestart };\n  const invoke = async (action: TaskControlAction) => {\n    setBusy(action);\n    setError(\"\");\n    try {\n      await onControl(action, target);\n    } catch (cause) {\n      setError(cause instanceof Error ? cause.message : `Failed to ${action} task`);\n    } finally {\n      setBusy(null);\n    }\n  };\n  return (\n    <>\n      {(target.controls ?? []).map((action) => {\n        const ControlIcon = icons[action];\n        const actionLabel = action[0]?.toUpperCase() + action.slice(1);\n        const label = labelSuffix ? `${actionLabel} ${labelSuffix}` : actionLabel;\n        return (\n          <Button\n            key={action}\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label={label}\n            title={label}\n            disabled={busy !== null}\n            onClick={(event) => {\n              if (stopPropagation) event.stopPropagation();\n              void invoke(action);\n            }}\n          >\n            <ControlIcon />\n          </Button>\n        );\n      })}\n      {error && <span role=\"alert\" className=\"text-xs text-red-600\">{error}</span>}\n    </>\n  );\n}\n"],"names":["cn","jsxs","jsx","useState","bucketTasks","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","ProgressBar","taskSegments","isTaskProcessDetails","TaskProcessDetailsView","logLevelColor","AnsiHtml","UiPlay","UiStop","UiRestart","Fragment","Button"],"mappings":"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"}

package/dist/data/TaskProgress.d.ts

@@ -6,7 +6,8 @@ export interface TaskProgressProps {
     compact?: boolean;
     className?: string;
     onControl?: (action: TaskControlAction, group: TaskSnapshot) => void | Promise<void>;
+    onTaskControl?: (action: TaskControlAction, task: TaskSnapshot, group: TaskSnapshot) => void | Promise<void>;
     metricsBaseUrl?: string;
 }
-export declare function TaskProgress({ snapshots, title, compact, className, onControl, metricsBaseUrl }: TaskProgressProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskProgress({ snapshots, title, compact, className, onControl, onTaskControl, metricsBaseUrl, }: TaskProgressProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TaskProgress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskProgress.d.ts","sourceRoot":"","sources":["../../src/data/TaskProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAY,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmBhF,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CA2BlH"}
+{"version":3,"file":"TaskProgress.d.ts","sourceRoot":"","sources":["../../src/data/TaskProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAY,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmBhF,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrF,aAAa,CAAC,EAAE,CACd,MAAM,EAAE,iBAAiB,EACzB,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,YAAY,KAChB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,EACT,aAAa,EACb,cAAc,GACf,EAAE,iBAAiB,2CA4BnB"}

package/dist/data/TaskProgress.js

@@ -13,7 +13,15 @@ import { UiStop } from "../icons/components/UiStop.js";
 import { UiPlay } from "../icons/components/UiPlay.js";
 const MAX_COMPLETED = 5;
 const MAX_PENDING = 3;
-function TaskProgress({ snapshots, title, compact, className, onControl, metricsBaseUrl }) {
+function TaskProgress({
+  snapshots,
+  title,
+  compact,
+  className,
+  onControl,
+  onTaskControl,
+  metricsBaseUrl
+}) {
   const groups = snapshots.filter((s) => s.type === "group");
   const tasks = snapshots.filter((s) => s.type === "task");
   if (groups.length === 0) {
@@ -31,6 +39,7 @@ function TaskProgress({ snapshots, title, compact, className, onControl, metrics
         tasks: tasks.filter((t) => t.groupId === g.groupId || t.group === g.id),
         compact,
         ...onControl ? { onControl } : {},
+        ...onTaskControl ? { onTaskControl } : {},
         ...metricsBaseUrl ? { metricsBaseUrl } : {}
       },
       g.groupId || g.id
@@ -45,6 +54,7 @@ function TaskGroupCard({
   tasks,
   compact,
   onControl,
+  onTaskControl,
   metricsBaseUrl
 }) {
   const [showAll, setShowAll] = useState(false);
@@ -90,7 +100,7 @@ function TaskGroupCard({
             children: g.status
           }
         ),
-        onControl && /* @__PURE__ */ jsx(TaskControls, { group: g, onControl })
+        onControl && /* @__PURE__ */ jsx(TaskControls, { target: g, onControl })
       ] })
     ] }),
     total > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsx(ProgressBar, { segments: taskSegments(counts), total, height: "h-1.5" }) }),
@@ -110,10 +120,22 @@ function TaskGroupCard({
         children: showAll ? "▲ collapse" : `... ${(collapseCompleted ? hiddenCompleted : 0) + (collapsePending ? hiddenPending : 0)} more tasks`
       }
     ) : null,
-    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsx(TaskRow, { task: t }, t.id))
+    [...visibleSuccess, ...alwaysShow, ...running, ...visiblePending].map((t) => /* @__PURE__ */ jsx(
+      TaskRow,
+      {
+        task: t,
+        group: g,
+        ...onTaskControl ? { onTaskControl } : {}
+      },
+      t.id
+    ))
   ] });
 }
-function TaskRow({ task: t }) {
+function TaskRow({
+  task: t,
+  group,
+  onTaskControl
+}) {
   const [expanded, setExpanded] = useState(false);
   const logs = t.logs ?? [];
   const hasLogs = logs.length > 0;
@@ -146,7 +168,18 @@ function TaskRow({ task: t }) {
               latestWarn && /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs font-normal", logLevelColor("warn")), children: latestWarn.message }),
               (hasLogs || hasOutput) && /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0 items-center rounded-full bg-muted px-1.5 text-[10px] font-medium text-muted-foreground", children: logs.length + (t.stdout ? 1 : 0) + (t.stderr ? 1 : 0) })
             ] }),
-            t.duration && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: t.duration })
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              t.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t.duration }),
+              onTaskControl && /* @__PURE__ */ jsx(
+                TaskControls,
+                {
+                  target: t,
+                  labelSuffix: t.name,
+                  stopPropagation: true,
+                  onControl: (action) => onTaskControl(action, t, group)
+                }
+              )
+            ] })
           ] }),
           (t.description || hasProgress) && /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [
             t.description && /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: t.description }),
@@ -201,8 +234,10 @@ function TaskStream({
   ] });
 }
 function TaskControls({
-  group,
-  onControl
+  target,
+  onControl,
+  labelSuffix,
+  stopPropagation
 }) {
   const [busy, setBusy] = useState(null);
   const [error, setError] = useState("");
@@ -211,7 +246,7 @@ function TaskControls({
     setBusy(action);
     setError("");
     try {
-      await onControl(action, group);
+      await onControl(action, target);
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : `Failed to ${action} task`);
     } finally {
@@ -219,10 +254,11 @@ function TaskControls({
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (group.controls ?? []).map((action) => {
+    (target.controls ?? []).map((action) => {
       var _a;
       const ControlIcon = icons[action];
-      const label = ((_a = action[0]) == null ? void 0 : _a.toUpperCase()) + action.slice(1);
+      const actionLabel = ((_a = action[0]) == null ? void 0 : _a.toUpperCase()) + action.slice(1);
+      const label = labelSuffix ? `${actionLabel} ${labelSuffix}` : actionLabel;
       return /* @__PURE__ */ jsx(
         Button,
         {
@@ -232,7 +268,10 @@ function TaskControls({
           "aria-label": label,
           title: label,
           disabled: busy !== null,
-          onClick: () => void invoke(action),
+          onClick: (event) => {
+            if (stopPropagation) event.stopPropagation();
+            void invoke(action);
+          },
           children: /* @__PURE__ */ jsx(ControlIcon, {})
         },
         action