@flanksource/clicky-ui 0.3.27 → 0.3.28

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

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

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

package/dist/data/TaskManager.js

@@ -48,6 +48,7 @@ function TaskManager({
     for (const r of runs) if (r.kind) set.add(r.kind);
     return [...set].sort();
   }, [runs]);
+  const applications = useMemo(() => groupRunsByApplication(runs), [runs]);
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
       !kind && /* @__PURE__ */ jsxs(
@@ -80,20 +81,41 @@ function TaskManager({
       ),
       /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: status })
     ] }),
-    runs.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: "No background tasks." }) : /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border bg-card", children: runs.map((run) => /* @__PURE__ */ jsx(
-      RunRow,
-      {
-        run,
-        basePath,
-        pollMs,
-        selectedId,
-        onSelectRun,
-        runsQueryKey
-      },
-      run.id
-    )) })
+    runs.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed p-6 text-center text-sm text-muted-foreground", children: "No background tasks." }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: applications.map((application) => /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 px-1 text-xs font-semibold text-muted-foreground", children: applicationLabel(application.kind) }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border bg-card", children: application.runs.map((run) => /* @__PURE__ */ jsx(
+        RunRow,
+        {
+          run,
+          basePath,
+          pollMs,
+          selectedId,
+          onSelectRun,
+          runsQueryKey
+        },
+        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 applicationLabel(kind) {
+  const names = {
+    makerprint: "MakerPrint",
+    openscad: "OpenSCAD",
+    orca: "Orca",
+    snapmaker: "Snapmaker",
+    other: "Other"
+  };
+  return names[kind] ?? kind;
+}
 function RunRow({
   run,
   basePath,

package/dist/data/TaskManager.js.map

@@ -1 +1 @@
-{"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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"}
+{"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. 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\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  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        </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                  />\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}: {\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/TaskManagerButton.cjs

@@ -23,15 +23,14 @@ function TaskManagerButton({
   onSelectRun
 }) {
   const { runs } = useTaskRun.useTaskRuns({ basePath, kind, labels });
-  const active = runs.filter((run) => run.status === "running" || run.status === "pending").length;
-  const activeRun = runs.find((run) => run.status === "running") ?? runs.find((run) => run.status === "pending");
+  const activeRuns = runs.filter((run) => run.status === "running" || run.status === "pending");
   const { snapshots } = useTaskRun.useTaskRun({
     ...basePath ? { basePath } : {},
-    ...activeRun ? { id: activeRun.id } : {},
-    enabled: Boolean(activeRun)
+    ids: activeRuns.map((run) => run.id),
+    enabled: activeRuns.length > 0
   });
   const resources = resourceSummary(snapshots);
-  const trigger = /* @__PURE__ */ jsxRuntime.jsx(TaskTrigger, { active, ...resources ? { resources } : {} });
+  const trigger = /* @__PURE__ */ jsxRuntime.jsx(TaskTrigger, { active: activeRuns.length, ...resources ? { resources } : {} });
   return panel ? /* @__PURE__ */ jsxRuntime.jsx(
     TaskPanelDropdown,
     {
@@ -127,8 +126,13 @@ function ResourceGauge({ icon, label, percent, value }) {
   ] });
 }
 function resourceSummary(snapshots) {
-  const tasks = snapshots.filter((snapshot) => snapshot.type === "task" && taskProcessDetails.isTaskProcessDetails(snapshot.details));
-  const processes = tasks.length ? tasks : snapshots.filter((snapshot) => taskProcessDetails.isTaskProcessDetails(snapshot.details));
+  const activeSnapshots = snapshots.filter(
+    (snapshot) => snapshot.status === "running" || snapshot.status === "pending"
+  );
+  const tasks = activeSnapshots.filter(
+    (snapshot) => snapshot.type === "task" && taskProcessDetails.isTaskProcessDetails(snapshot.details)
+  );
+  const processes = tasks.length ? tasks : activeSnapshots.filter((snapshot) => taskProcessDetails.isTaskProcessDetails(snapshot.details));
   if (!processes.length) return void 0;
   return processes.reduce((total, snapshot) => {
     if (!taskProcessDetails.isTaskProcessDetails(snapshot.details)) return total;

package/dist/data/TaskManagerButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManagerButton.cjs","sources":["../../src/data/TaskManagerButton.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiActivity, UiListChecks, UiMemoryStick } from \"../icons\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { formatBytes } from \"../lib/format\";\nimport { TaskManager } from \"./TaskManager\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\nimport { taskStatusIcon } from \"./task-status\";\n\nexport interface TaskManagerButtonProps {\n  basePath?: string;\n  tasksHref?: string;\n  latest?: number;\n  onNavigate?: (href: string) => void;\n  panel?: boolean;\n  kind?: string;\n  labels?: Record<string, string>;\n  selectedId?: string;\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManagerButton({\n  basePath,\n  tasksHref = \"/tasks\",\n  latest = 5,\n  onNavigate,\n  panel,\n  kind,\n  labels,\n  selectedId,\n  onSelectRun,\n}: TaskManagerButtonProps) {\n  const { runs } = useTaskRuns({ basePath, kind, labels });\n  const active = runs.filter((run) => run.status === \"running\" || run.status === \"pending\").length;\n  const activeRun = runs.find((run) => run.status === \"running\") ?? runs.find((run) => run.status === \"pending\");\n  const { snapshots } = useTaskRun({\n    ...(basePath ? { basePath } : {}),\n    ...(activeRun ? { id: activeRun.id } : {}),\n    enabled: Boolean(activeRun),\n  });\n  const resources = resourceSummary(snapshots);\n  const trigger = <TaskTrigger active={active} {...(resources ? { resources } : {})} />;\n\n  return panel ? (\n    <TaskPanelDropdown\n      {...(basePath ? { basePath } : {})}\n      {...(kind ? { kind } : {})}\n      {...(labels ? { labels } : {})}\n      {...(onSelectRun ? { onSelectRun } : {})}\n      {...(selectedId ? { selectedId } : {})}\n      trigger={trigger}\n    />\n  ) : (\n    <RecentTasksDropdown\n      latest={latest}\n      {...(onNavigate ? { onNavigate } : {})}\n      runs={runs}\n      tasksHref={tasksHref}\n      trigger={trigger}\n    />\n  );\n}\n\nfunction TaskPanelDropdown({ basePath, kind, labels, onSelectRun, selectedId, trigger }: TaskManagerButtonProps & { trigger: React.ReactNode }) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      header={<span className=\"text-xs font-semibold\">Activity</span>}\n      menuClassName=\"w-[min(42rem,calc(100vw-1rem))] max-w-none p-0\"\n      menuLabel=\"Task activity\"\n      trigger={trigger}\n    >\n      {() => (\n        <div className=\"max-h-[min(42rem,calc(100vh-5rem))] overflow-auto p-3\">\n          <TaskManager\n            {...(basePath ? { basePath } : {})}\n            {...(kind ? { kind } : {})}\n            {...(labels ? { labels } : {})}\n            {...(onSelectRun ? { onSelectRun } : {})}\n            {...(selectedId ? { selectedId } : {})}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\ntype TaskRuns = ReturnType<typeof useTaskRuns>[\"runs\"];\n\nfunction RecentTasksDropdown({\n  latest,\n  onNavigate,\n  runs,\n  tasksHref,\n  trigger,\n}: {\n  latest: number;\n  onNavigate?: (href: string) => void;\n  runs: TaskRuns;\n  tasksHref: string;\n  trigger: React.ReactNode;\n}) {\n  const navigate = (href: string) => {\n    if (onNavigate) onNavigate(href);\n    else window.location.assign(href);\n  };\n  const items: DropdownMenuItem[] = runs.slice(0, latest).map((run) => ({\n    label: (\n      <span className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"truncate\">{run.name}</span>\n        <span className=\"shrink-0 text-[10px] text-muted-foreground\">{run.status}</span>\n      </span>\n    ),\n    icon: taskStatusIcon(run.status),\n    onSelect: () => navigate(run.href ?? `${tasksHref}/${encodeURIComponent(run.id)}`),\n  }));\n  if (items.length === 0) {\n    items.push({ label: \"No tasks yet\", disabled: true, onSelect: () => {} });\n  }\n\n  return (\n    <DropdownMenu\n      items={items}\n      align=\"right\"\n      menuLabel=\"Recent tasks\"\n      trigger={trigger}\n      footer={(\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"w-full justify-start\" onClick={() => navigate(tasksHref)}>\n          View all tasks\n        </Button>\n      )}\n    />\n  );\n}\n\ntype ResourceSummary = { cpu: number; rss: number; peakRss: number };\n\nfunction TaskTrigger({ active, resources }: { active: number; resources?: ResourceSummary }) {\n  const label = `Tasks (${active} active)`;\n  return (\n    <Button type=\"button\" variant=\"ghost\" size={resources ? \"sm\" : \"icon\"} aria-label={label} title={label} className=\"relative gap-1.5\">\n      <UiListChecks className={active > 0 ? \"animate-pulse\" : undefined} />\n      {resources ? (\n        <>\n          <ResourceGauge icon={<UiActivity />} label=\"CPU\" percent={resources.cpu} value={`${resources.cpu.toFixed(1)}%`} />\n          <ResourceGauge icon={<UiMemoryStick />} label=\"Memory\" percent={resources.peakRss ? resources.rss / resources.peakRss * 100 : 0} value={formatBytes(resources.rss)} />\n        </>\n      ) : active > 0 ? (\n        <span className=\"absolute -right-0.5 -top-0.5 min-w-4 rounded-full bg-primary px-1 text-[9px] leading-4 text-primary-foreground\">{active}</span>\n      ) : null}\n    </Button>\n  );\n}\n\nfunction ResourceGauge({ icon, label, percent, value }: { icon: React.ReactNode; label: string; percent: number; value: string }) {\n  return (\n    <span aria-label={`${label} ${value}`} className=\"flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium\" title={`${label} ${value}`}>\n      {icon}\n      <span aria-hidden className=\"h-1 w-5 overflow-hidden rounded bg-border\">\n        <span className=\"block h-full rounded bg-primary\" style={{ width: `${Math.max(0, Math.min(100, percent))}%` }} />\n      </span>\n      <span>{value}</span>\n    </span>\n  );\n}\n\nfunction resourceSummary(snapshots: TaskSnapshot[]): ResourceSummary | undefined {\n  const tasks = snapshots.filter((snapshot) => snapshot.type === \"task\" && isTaskProcessDetails(snapshot.details));\n  const processes = tasks.length ? tasks : snapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));\n  if (!processes.length) return undefined;\n  return processes.reduce<ResourceSummary>((total, snapshot) => {\n    if (!isTaskProcessDetails(snapshot.details)) return total;\n    return {\n      cpu: total.cpu + snapshot.details.latest.cpuPercent,\n      rss: total.rss + snapshot.details.latest.rssBytes,\n      peakRss: total.peakRss + snapshot.details.peak.rssBytes,\n    };\n  }, { cpu: 0, rss: 0, peakRss: 0 });\n}\n"],"names":["useTaskRuns","useTaskRun","jsx","DropdownMenu","TaskManager","jsxs","taskStatusIcon","Button","UiListChecks","Fragment","UiActivity","UiMemoryStick","formatBytes","isTaskProcessDetails"],"mappings":"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"}
+{"version":3,"file":"TaskManagerButton.cjs","sources":["../../src/data/TaskManagerButton.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiActivity, UiListChecks, UiMemoryStick } from \"../icons\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { formatBytes } from \"../lib/format\";\nimport { TaskManager } from \"./TaskManager\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\nimport { taskStatusIcon } from \"./task-status\";\n\nexport interface TaskManagerButtonProps {\n  basePath?: string;\n  tasksHref?: string;\n  latest?: number;\n  onNavigate?: (href: string) => void;\n  panel?: boolean;\n  kind?: string;\n  labels?: Record<string, string>;\n  selectedId?: string;\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManagerButton({\n  basePath,\n  tasksHref = \"/tasks\",\n  latest = 5,\n  onNavigate,\n  panel,\n  kind,\n  labels,\n  selectedId,\n  onSelectRun,\n}: TaskManagerButtonProps) {\n  const { runs } = useTaskRuns({ basePath, kind, labels });\n  const activeRuns = runs.filter((run) => run.status === \"running\" || run.status === \"pending\");\n  const { snapshots } = useTaskRun({\n    ...(basePath ? { basePath } : {}),\n    ids: activeRuns.map((run) => run.id),\n    enabled: activeRuns.length > 0,\n  });\n  const resources = resourceSummary(snapshots);\n  const trigger = <TaskTrigger active={activeRuns.length} {...(resources ? { resources } : {})} />;\n\n  return panel ? (\n    <TaskPanelDropdown\n      {...(basePath ? { basePath } : {})}\n      {...(kind ? { kind } : {})}\n      {...(labels ? { labels } : {})}\n      {...(onSelectRun ? { onSelectRun } : {})}\n      {...(selectedId ? { selectedId } : {})}\n      trigger={trigger}\n    />\n  ) : (\n    <RecentTasksDropdown\n      latest={latest}\n      {...(onNavigate ? { onNavigate } : {})}\n      runs={runs}\n      tasksHref={tasksHref}\n      trigger={trigger}\n    />\n  );\n}\n\nfunction TaskPanelDropdown({ basePath, kind, labels, onSelectRun, selectedId, trigger }: TaskManagerButtonProps & { trigger: React.ReactNode }) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      header={<span className=\"text-xs font-semibold\">Activity</span>}\n      menuClassName=\"w-[min(42rem,calc(100vw-1rem))] max-w-none p-0\"\n      menuLabel=\"Task activity\"\n      trigger={trigger}\n    >\n      {() => (\n        <div className=\"max-h-[min(42rem,calc(100vh-5rem))] overflow-auto p-3\">\n          <TaskManager\n            {...(basePath ? { basePath } : {})}\n            {...(kind ? { kind } : {})}\n            {...(labels ? { labels } : {})}\n            {...(onSelectRun ? { onSelectRun } : {})}\n            {...(selectedId ? { selectedId } : {})}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\ntype TaskRuns = ReturnType<typeof useTaskRuns>[\"runs\"];\n\nfunction RecentTasksDropdown({\n  latest,\n  onNavigate,\n  runs,\n  tasksHref,\n  trigger,\n}: {\n  latest: number;\n  onNavigate?: (href: string) => void;\n  runs: TaskRuns;\n  tasksHref: string;\n  trigger: React.ReactNode;\n}) {\n  const navigate = (href: string) => {\n    if (onNavigate) onNavigate(href);\n    else window.location.assign(href);\n  };\n  const items: DropdownMenuItem[] = runs.slice(0, latest).map((run) => ({\n    label: (\n      <span className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"truncate\">{run.name}</span>\n        <span className=\"shrink-0 text-[10px] text-muted-foreground\">{run.status}</span>\n      </span>\n    ),\n    icon: taskStatusIcon(run.status),\n    onSelect: () => navigate(run.href ?? `${tasksHref}/${encodeURIComponent(run.id)}`),\n  }));\n  if (items.length === 0) {\n    items.push({ label: \"No tasks yet\", disabled: true, onSelect: () => {} });\n  }\n\n  return (\n    <DropdownMenu\n      items={items}\n      align=\"right\"\n      menuLabel=\"Recent tasks\"\n      trigger={trigger}\n      footer={(\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"w-full justify-start\" onClick={() => navigate(tasksHref)}>\n          View all tasks\n        </Button>\n      )}\n    />\n  );\n}\n\ntype ResourceSummary = { cpu: number; rss: number; peakRss: number };\n\nfunction TaskTrigger({ active, resources }: { active: number; resources?: ResourceSummary }) {\n  const label = `Tasks (${active} active)`;\n  return (\n    <Button type=\"button\" variant=\"ghost\" size={resources ? \"sm\" : \"icon\"} aria-label={label} title={label} className=\"relative gap-1.5\">\n      <UiListChecks className={active > 0 ? \"animate-pulse\" : undefined} />\n      {resources ? (\n        <>\n          <ResourceGauge icon={<UiActivity />} label=\"CPU\" percent={resources.cpu} value={`${resources.cpu.toFixed(1)}%`} />\n          <ResourceGauge icon={<UiMemoryStick />} label=\"Memory\" percent={resources.peakRss ? resources.rss / resources.peakRss * 100 : 0} value={formatBytes(resources.rss)} />\n        </>\n      ) : active > 0 ? (\n        <span className=\"absolute -right-0.5 -top-0.5 min-w-4 rounded-full bg-primary px-1 text-[9px] leading-4 text-primary-foreground\">{active}</span>\n      ) : null}\n    </Button>\n  );\n}\n\nfunction ResourceGauge({ icon, label, percent, value }: { icon: React.ReactNode; label: string; percent: number; value: string }) {\n  return (\n    <span aria-label={`${label} ${value}`} className=\"flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium\" title={`${label} ${value}`}>\n      {icon}\n      <span aria-hidden className=\"h-1 w-5 overflow-hidden rounded bg-border\">\n        <span className=\"block h-full rounded bg-primary\" style={{ width: `${Math.max(0, Math.min(100, percent))}%` }} />\n      </span>\n      <span>{value}</span>\n    </span>\n  );\n}\n\nfunction resourceSummary(snapshots: TaskSnapshot[]): ResourceSummary | undefined {\n  const activeSnapshots = snapshots.filter(\n    (snapshot) => snapshot.status === \"running\" || snapshot.status === \"pending\",\n  );\n  const tasks = activeSnapshots.filter(\n    (snapshot) => snapshot.type === \"task\" && isTaskProcessDetails(snapshot.details),\n  );\n  const processes = tasks.length\n    ? tasks\n    : activeSnapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));\n  if (!processes.length) return undefined;\n  return processes.reduce<ResourceSummary>((total, snapshot) => {\n    if (!isTaskProcessDetails(snapshot.details)) return total;\n    return {\n      cpu: total.cpu + snapshot.details.latest.cpuPercent,\n      rss: total.rss + snapshot.details.latest.rssBytes,\n      peakRss: total.peakRss + snapshot.details.peak.rssBytes,\n    };\n  }, { cpu: 0, rss: 0, peakRss: 0 });\n}\n"],"names":["useTaskRuns","useTaskRun","jsx","DropdownMenu","TaskManager","jsxs","taskStatusIcon","Button","UiListChecks","Fragment","UiActivity","UiMemoryStick","formatBytes","isTaskProcessDetails"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TaskManagerButton.d.ts","sourceRoot":"","sources":["../../src/data/TaskManagerButton.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAoB,EACpB,MAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,WAAW,GACZ,EAAE,sBAAsB,2CA8BxB"}
+{"version":3,"file":"TaskManagerButton.d.ts","sourceRoot":"","sources":["../../src/data/TaskManagerButton.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,SAAoB,EACpB,MAAU,EACV,UAAU,EACV,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,WAAW,GACZ,EAAE,sBAAsB,2CA6BxB"}

package/dist/data/TaskManagerButton.js

@@ -21,15 +21,14 @@ function TaskManagerButton({
   onSelectRun
 }) {
   const { runs } = useTaskRuns({ basePath, kind, labels });
-  const active = runs.filter((run) => run.status === "running" || run.status === "pending").length;
-  const activeRun = runs.find((run) => run.status === "running") ?? runs.find((run) => run.status === "pending");
+  const activeRuns = runs.filter((run) => run.status === "running" || run.status === "pending");
   const { snapshots } = useTaskRun({
     ...basePath ? { basePath } : {},
-    ...activeRun ? { id: activeRun.id } : {},
-    enabled: Boolean(activeRun)
+    ids: activeRuns.map((run) => run.id),
+    enabled: activeRuns.length > 0
   });
   const resources = resourceSummary(snapshots);
-  const trigger = /* @__PURE__ */ jsx(TaskTrigger, { active, ...resources ? { resources } : {} });
+  const trigger = /* @__PURE__ */ jsx(TaskTrigger, { active: activeRuns.length, ...resources ? { resources } : {} });
   return panel ? /* @__PURE__ */ jsx(
     TaskPanelDropdown,
     {
@@ -125,8 +124,13 @@ function ResourceGauge({ icon, label, percent, value }) {
   ] });
 }
 function resourceSummary(snapshots) {
-  const tasks = snapshots.filter((snapshot) => snapshot.type === "task" && isTaskProcessDetails(snapshot.details));
-  const processes = tasks.length ? tasks : snapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));
+  const activeSnapshots = snapshots.filter(
+    (snapshot) => snapshot.status === "running" || snapshot.status === "pending"
+  );
+  const tasks = activeSnapshots.filter(
+    (snapshot) => snapshot.type === "task" && isTaskProcessDetails(snapshot.details)
+  );
+  const processes = tasks.length ? tasks : activeSnapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));
   if (!processes.length) return void 0;
   return processes.reduce((total, snapshot) => {
     if (!isTaskProcessDetails(snapshot.details)) return total;

package/dist/data/TaskManagerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskManagerButton.js","sources":["../../src/data/TaskManagerButton.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiActivity, UiListChecks, UiMemoryStick } from \"../icons\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { formatBytes } from \"../lib/format\";\nimport { TaskManager } from \"./TaskManager\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\nimport { taskStatusIcon } from \"./task-status\";\n\nexport interface TaskManagerButtonProps {\n  basePath?: string;\n  tasksHref?: string;\n  latest?: number;\n  onNavigate?: (href: string) => void;\n  panel?: boolean;\n  kind?: string;\n  labels?: Record<string, string>;\n  selectedId?: string;\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManagerButton({\n  basePath,\n  tasksHref = \"/tasks\",\n  latest = 5,\n  onNavigate,\n  panel,\n  kind,\n  labels,\n  selectedId,\n  onSelectRun,\n}: TaskManagerButtonProps) {\n  const { runs } = useTaskRuns({ basePath, kind, labels });\n  const active = runs.filter((run) => run.status === \"running\" || run.status === \"pending\").length;\n  const activeRun = runs.find((run) => run.status === \"running\") ?? runs.find((run) => run.status === \"pending\");\n  const { snapshots } = useTaskRun({\n    ...(basePath ? { basePath } : {}),\n    ...(activeRun ? { id: activeRun.id } : {}),\n    enabled: Boolean(activeRun),\n  });\n  const resources = resourceSummary(snapshots);\n  const trigger = <TaskTrigger active={active} {...(resources ? { resources } : {})} />;\n\n  return panel ? (\n    <TaskPanelDropdown\n      {...(basePath ? { basePath } : {})}\n      {...(kind ? { kind } : {})}\n      {...(labels ? { labels } : {})}\n      {...(onSelectRun ? { onSelectRun } : {})}\n      {...(selectedId ? { selectedId } : {})}\n      trigger={trigger}\n    />\n  ) : (\n    <RecentTasksDropdown\n      latest={latest}\n      {...(onNavigate ? { onNavigate } : {})}\n      runs={runs}\n      tasksHref={tasksHref}\n      trigger={trigger}\n    />\n  );\n}\n\nfunction TaskPanelDropdown({ basePath, kind, labels, onSelectRun, selectedId, trigger }: TaskManagerButtonProps & { trigger: React.ReactNode }) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      header={<span className=\"text-xs font-semibold\">Activity</span>}\n      menuClassName=\"w-[min(42rem,calc(100vw-1rem))] max-w-none p-0\"\n      menuLabel=\"Task activity\"\n      trigger={trigger}\n    >\n      {() => (\n        <div className=\"max-h-[min(42rem,calc(100vh-5rem))] overflow-auto p-3\">\n          <TaskManager\n            {...(basePath ? { basePath } : {})}\n            {...(kind ? { kind } : {})}\n            {...(labels ? { labels } : {})}\n            {...(onSelectRun ? { onSelectRun } : {})}\n            {...(selectedId ? { selectedId } : {})}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\ntype TaskRuns = ReturnType<typeof useTaskRuns>[\"runs\"];\n\nfunction RecentTasksDropdown({\n  latest,\n  onNavigate,\n  runs,\n  tasksHref,\n  trigger,\n}: {\n  latest: number;\n  onNavigate?: (href: string) => void;\n  runs: TaskRuns;\n  tasksHref: string;\n  trigger: React.ReactNode;\n}) {\n  const navigate = (href: string) => {\n    if (onNavigate) onNavigate(href);\n    else window.location.assign(href);\n  };\n  const items: DropdownMenuItem[] = runs.slice(0, latest).map((run) => ({\n    label: (\n      <span className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"truncate\">{run.name}</span>\n        <span className=\"shrink-0 text-[10px] text-muted-foreground\">{run.status}</span>\n      </span>\n    ),\n    icon: taskStatusIcon(run.status),\n    onSelect: () => navigate(run.href ?? `${tasksHref}/${encodeURIComponent(run.id)}`),\n  }));\n  if (items.length === 0) {\n    items.push({ label: \"No tasks yet\", disabled: true, onSelect: () => {} });\n  }\n\n  return (\n    <DropdownMenu\n      items={items}\n      align=\"right\"\n      menuLabel=\"Recent tasks\"\n      trigger={trigger}\n      footer={(\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"w-full justify-start\" onClick={() => navigate(tasksHref)}>\n          View all tasks\n        </Button>\n      )}\n    />\n  );\n}\n\ntype ResourceSummary = { cpu: number; rss: number; peakRss: number };\n\nfunction TaskTrigger({ active, resources }: { active: number; resources?: ResourceSummary }) {\n  const label = `Tasks (${active} active)`;\n  return (\n    <Button type=\"button\" variant=\"ghost\" size={resources ? \"sm\" : \"icon\"} aria-label={label} title={label} className=\"relative gap-1.5\">\n      <UiListChecks className={active > 0 ? \"animate-pulse\" : undefined} />\n      {resources ? (\n        <>\n          <ResourceGauge icon={<UiActivity />} label=\"CPU\" percent={resources.cpu} value={`${resources.cpu.toFixed(1)}%`} />\n          <ResourceGauge icon={<UiMemoryStick />} label=\"Memory\" percent={resources.peakRss ? resources.rss / resources.peakRss * 100 : 0} value={formatBytes(resources.rss)} />\n        </>\n      ) : active > 0 ? (\n        <span className=\"absolute -right-0.5 -top-0.5 min-w-4 rounded-full bg-primary px-1 text-[9px] leading-4 text-primary-foreground\">{active}</span>\n      ) : null}\n    </Button>\n  );\n}\n\nfunction ResourceGauge({ icon, label, percent, value }: { icon: React.ReactNode; label: string; percent: number; value: string }) {\n  return (\n    <span aria-label={`${label} ${value}`} className=\"flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium\" title={`${label} ${value}`}>\n      {icon}\n      <span aria-hidden className=\"h-1 w-5 overflow-hidden rounded bg-border\">\n        <span className=\"block h-full rounded bg-primary\" style={{ width: `${Math.max(0, Math.min(100, percent))}%` }} />\n      </span>\n      <span>{value}</span>\n    </span>\n  );\n}\n\nfunction resourceSummary(snapshots: TaskSnapshot[]): ResourceSummary | undefined {\n  const tasks = snapshots.filter((snapshot) => snapshot.type === \"task\" && isTaskProcessDetails(snapshot.details));\n  const processes = tasks.length ? tasks : snapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));\n  if (!processes.length) return undefined;\n  return processes.reduce<ResourceSummary>((total, snapshot) => {\n    if (!isTaskProcessDetails(snapshot.details)) return total;\n    return {\n      cpu: total.cpu + snapshot.details.latest.cpuPercent,\n      rss: total.rss + snapshot.details.latest.rssBytes,\n      peakRss: total.peakRss + snapshot.details.peak.rssBytes,\n    };\n  }, { cpu: 0, rss: 0, peakRss: 0 });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TaskManagerButton.js","sources":["../../src/data/TaskManagerButton.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { UiActivity, UiListChecks, UiMemoryStick } from \"../icons\";\nimport { useTaskRun, useTaskRuns } from \"../hooks/use-task-run\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { formatBytes } from \"../lib/format\";\nimport { TaskManager } from \"./TaskManager\";\nimport { isTaskProcessDetails } from \"./task-process-details\";\nimport type { TaskSnapshot } from \"./TaskSnapshot\";\nimport { taskStatusIcon } from \"./task-status\";\n\nexport interface TaskManagerButtonProps {\n  basePath?: string;\n  tasksHref?: string;\n  latest?: number;\n  onNavigate?: (href: string) => void;\n  panel?: boolean;\n  kind?: string;\n  labels?: Record<string, string>;\n  selectedId?: string;\n  onSelectRun?: (id: string | null) => void;\n}\n\nexport function TaskManagerButton({\n  basePath,\n  tasksHref = \"/tasks\",\n  latest = 5,\n  onNavigate,\n  panel,\n  kind,\n  labels,\n  selectedId,\n  onSelectRun,\n}: TaskManagerButtonProps) {\n  const { runs } = useTaskRuns({ basePath, kind, labels });\n  const activeRuns = runs.filter((run) => run.status === \"running\" || run.status === \"pending\");\n  const { snapshots } = useTaskRun({\n    ...(basePath ? { basePath } : {}),\n    ids: activeRuns.map((run) => run.id),\n    enabled: activeRuns.length > 0,\n  });\n  const resources = resourceSummary(snapshots);\n  const trigger = <TaskTrigger active={activeRuns.length} {...(resources ? { resources } : {})} />;\n\n  return panel ? (\n    <TaskPanelDropdown\n      {...(basePath ? { basePath } : {})}\n      {...(kind ? { kind } : {})}\n      {...(labels ? { labels } : {})}\n      {...(onSelectRun ? { onSelectRun } : {})}\n      {...(selectedId ? { selectedId } : {})}\n      trigger={trigger}\n    />\n  ) : (\n    <RecentTasksDropdown\n      latest={latest}\n      {...(onNavigate ? { onNavigate } : {})}\n      runs={runs}\n      tasksHref={tasksHref}\n      trigger={trigger}\n    />\n  );\n}\n\nfunction TaskPanelDropdown({ basePath, kind, labels, onSelectRun, selectedId, trigger }: TaskManagerButtonProps & { trigger: React.ReactNode }) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      header={<span className=\"text-xs font-semibold\">Activity</span>}\n      menuClassName=\"w-[min(42rem,calc(100vw-1rem))] max-w-none p-0\"\n      menuLabel=\"Task activity\"\n      trigger={trigger}\n    >\n      {() => (\n        <div className=\"max-h-[min(42rem,calc(100vh-5rem))] overflow-auto p-3\">\n          <TaskManager\n            {...(basePath ? { basePath } : {})}\n            {...(kind ? { kind } : {})}\n            {...(labels ? { labels } : {})}\n            {...(onSelectRun ? { onSelectRun } : {})}\n            {...(selectedId ? { selectedId } : {})}\n          />\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\ntype TaskRuns = ReturnType<typeof useTaskRuns>[\"runs\"];\n\nfunction RecentTasksDropdown({\n  latest,\n  onNavigate,\n  runs,\n  tasksHref,\n  trigger,\n}: {\n  latest: number;\n  onNavigate?: (href: string) => void;\n  runs: TaskRuns;\n  tasksHref: string;\n  trigger: React.ReactNode;\n}) {\n  const navigate = (href: string) => {\n    if (onNavigate) onNavigate(href);\n    else window.location.assign(href);\n  };\n  const items: DropdownMenuItem[] = runs.slice(0, latest).map((run) => ({\n    label: (\n      <span className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"truncate\">{run.name}</span>\n        <span className=\"shrink-0 text-[10px] text-muted-foreground\">{run.status}</span>\n      </span>\n    ),\n    icon: taskStatusIcon(run.status),\n    onSelect: () => navigate(run.href ?? `${tasksHref}/${encodeURIComponent(run.id)}`),\n  }));\n  if (items.length === 0) {\n    items.push({ label: \"No tasks yet\", disabled: true, onSelect: () => {} });\n  }\n\n  return (\n    <DropdownMenu\n      items={items}\n      align=\"right\"\n      menuLabel=\"Recent tasks\"\n      trigger={trigger}\n      footer={(\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" className=\"w-full justify-start\" onClick={() => navigate(tasksHref)}>\n          View all tasks\n        </Button>\n      )}\n    />\n  );\n}\n\ntype ResourceSummary = { cpu: number; rss: number; peakRss: number };\n\nfunction TaskTrigger({ active, resources }: { active: number; resources?: ResourceSummary }) {\n  const label = `Tasks (${active} active)`;\n  return (\n    <Button type=\"button\" variant=\"ghost\" size={resources ? \"sm\" : \"icon\"} aria-label={label} title={label} className=\"relative gap-1.5\">\n      <UiListChecks className={active > 0 ? \"animate-pulse\" : undefined} />\n      {resources ? (\n        <>\n          <ResourceGauge icon={<UiActivity />} label=\"CPU\" percent={resources.cpu} value={`${resources.cpu.toFixed(1)}%`} />\n          <ResourceGauge icon={<UiMemoryStick />} label=\"Memory\" percent={resources.peakRss ? resources.rss / resources.peakRss * 100 : 0} value={formatBytes(resources.rss)} />\n        </>\n      ) : active > 0 ? (\n        <span className=\"absolute -right-0.5 -top-0.5 min-w-4 rounded-full bg-primary px-1 text-[9px] leading-4 text-primary-foreground\">{active}</span>\n      ) : null}\n    </Button>\n  );\n}\n\nfunction ResourceGauge({ icon, label, percent, value }: { icon: React.ReactNode; label: string; percent: number; value: string }) {\n  return (\n    <span aria-label={`${label} ${value}`} className=\"flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium\" title={`${label} ${value}`}>\n      {icon}\n      <span aria-hidden className=\"h-1 w-5 overflow-hidden rounded bg-border\">\n        <span className=\"block h-full rounded bg-primary\" style={{ width: `${Math.max(0, Math.min(100, percent))}%` }} />\n      </span>\n      <span>{value}</span>\n    </span>\n  );\n}\n\nfunction resourceSummary(snapshots: TaskSnapshot[]): ResourceSummary | undefined {\n  const activeSnapshots = snapshots.filter(\n    (snapshot) => snapshot.status === \"running\" || snapshot.status === \"pending\",\n  );\n  const tasks = activeSnapshots.filter(\n    (snapshot) => snapshot.type === \"task\" && isTaskProcessDetails(snapshot.details),\n  );\n  const processes = tasks.length\n    ? tasks\n    : activeSnapshots.filter((snapshot) => isTaskProcessDetails(snapshot.details));\n  if (!processes.length) return undefined;\n  return processes.reduce<ResourceSummary>((total, snapshot) => {\n    if (!isTaskProcessDetails(snapshot.details)) return total;\n    return {\n      cpu: total.cpu + snapshot.details.latest.cpuPercent,\n      rss: total.rss + snapshot.details.latest.rssBytes,\n      peakRss: total.peakRss + snapshot.details.peak.rssBytes,\n    };\n  }, { cpu: 0, rss: 0, peakRss: 0 });\n}\n"],"names":[],"mappings":"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"}

package/dist/data/TaskProgress.cjs

@@ -3,15 +3,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const button = require("../components/button.cjs");
+const CopyButton = require("../components/CopyButton.cjs");
+const SplitButton = require("../components/SplitButton.cjs");
+const clipboard = require("../components/clipboard.cjs");
 const utils = require("../lib/utils.cjs");
 const AnsiHtml = require("./AnsiHtml.cjs");
 const Icon = require("./Icon.cjs");
 const ProgressBar = require("./ProgressBar.cjs");
 const TaskProcessDetails = require("./TaskProcessDetails.cjs");
 const TaskExecDetails = require("./TaskExecDetails.cjs");
+const taskCopy = require("./task-copy.cjs");
 const taskExecDetails = require("./task-exec-details.cjs");
 const taskProcessDetails = require("./task-process-details.cjs");
 const taskStatus = require("./task-status.cjs");
+const UiJson = require("../icons/components/UiJson.cjs");
+const UiWarningTriangle = require("../icons/components/UiWarningTriangle.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiCopy = require("../icons/components/UiCopy.cjs");
 const UiRestart = require("../icons/components/UiRestart.cjs");
 const UiStop = require("../icons/components/UiStop.cjs");
 const UiPlay = require("../icons/components/UiPlay.cjs");
@@ -50,9 +58,6 @@ function TaskProgress({
     ))
   ] });
 }
-function isFailedOrWarn(t) {
-  return t.status === "failed" || t.status === "FAIL" || t.status === "ERR" || t.status === "warning";
-}
 function TaskGroupCard({
   group: g,
   tasks,
@@ -62,6 +67,7 @@ function TaskGroupCard({
   metricsBaseUrl
 }) {
   const [showAll, setShowAll] = react.useState(false);
+  const { state: copyState, copy } = clipboard.useCopyFlash();
   const total = g.total ?? tasks.length;
   const counts = taskStatus.bucketTasks(tasks);
   const done = counts.ok + counts.warn + counts.fail;
@@ -69,8 +75,8 @@ function TaskGroupCard({
   const running = tasks.filter((t) => t.status === "running");
   const pending = tasks.filter((t) => t.status === "pending");
   const completed = tasks.filter((t) => t.status !== "running" && t.status !== "pending");
-  const alwaysShow = completed.filter(isFailedOrWarn);
-  const collapsible = completed.filter((t) => !isFailedOrWarn(t));
+  const alwaysShow = completed.filter(taskCopy.isFailedOrWarn);
+  const collapsible = completed.filter((t) => !taskCopy.isFailedOrWarn(t));
   const hiddenCompleted = collapsible.length - MAX_COMPLETED;
   const collapseCompleted = !showAll && hiddenCompleted > 0;
   const visibleSuccess = collapseCompleted ? collapsible.slice(-MAX_COMPLETED) : collapsible;
@@ -78,19 +84,36 @@ function TaskGroupCard({
   const collapsePending = !showAll && hiddenPending > 0;
   const visiblePending = collapsePending ? pending.slice(0, MAX_PENDING) : pending;
   const isTerminal = g.status !== "running" && g.status !== "pending";
+  const copyItems = [
+    {
+      label: "Copy as JSON",
+      icon: UiJson.UiJson,
+      onSelect: () => copy(taskCopy.taskGroupJson(g, tasks))
+    },
+    {
+      label: "Copy errors only",
+      icon: UiWarningTriangle.UiWarningTriangle,
+      disabled: taskCopy.taskGroupErrorCount(tasks) === 0,
+      onSelect: () => copy(taskCopy.taskGroupErrors(g, tasks))
+    }
+  ];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("rounded-lg border bg-card", compact ? "p-3" : "p-4"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "flex min-w-0 items-center gap-1.5 text-sm font-semibold", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Icon.Icon,
           {
             icon: taskStatus.taskStatusIcon(g.status),
-            className: utils.cn(taskStatus.taskStatusColor(g.status), g.status === "running" && "animate-spin")
+            className: utils.cn(
+              "shrink-0",
+              taskStatus.taskStatusColor(g.status),
+              g.status === "running" && "animate-spin"
+            )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: g.name }),
-        progress && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: progress }),
-        g.kind && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: g.name }),
+        progress && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: progress }),
+        g.kind && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
         isTerminal && /* @__PURE__ */ jsxRuntime.jsx(
@@ -104,6 +127,18 @@ function TaskGroupCard({
             children: g.status
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SplitButton.SplitButton,
+          {
+            label: copyState === "copied" ? "Copied" : copyState === "error" ? "Copy failed" : "Copy",
+            icon: copyState === "copied" ? UiCheck.UiCheck : UiCopy.UiCopy,
+            variant: "ghost",
+            size: "sm",
+            title: "More copy options",
+            onClick: () => copy(taskCopy.taskGroupMarkdown(g, tasks)),
+            items: copyItems
+          }
+        ),
         onControl && /* @__PURE__ */ jsxRuntime.jsx(TaskControls, { target: g, onControl })
       ] })
     ] }),
@@ -158,7 +193,7 @@ function TaskRow({
     "div",
     {
       className: utils.cn(
-        "flex items-start gap-3 border-b py-2 last:border-0",
+        "group flex items-start gap-3 border-b py-2 last:border-0",
         expandable && "-mx-1 cursor-pointer rounded px-1 hover:bg-muted/50"
       ),
       onClick: expandable ? () => setExpanded((v) => !v) : void 0,
@@ -180,6 +215,15 @@ function TaskRow({
             ] }),
             /* @__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 }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                CopyButton.CopyButton,
+                {
+                  value: () => taskCopy.taskMarkdown(t),
+                  label: `Copy ${t.name}`,
+                  className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+                  iconClassName: "text-xs"
+                }
+              ),
               onTaskControl && /* @__PURE__ */ jsxRuntime.jsx(
                 TaskControls,
                 {