@flanksource/clicky-ui 0.3.27 → 0.3.29

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

@@ -9,5 +9,5 @@ export interface TaskManagerButtonProps {
     selectedId?: string;
     onSelectRun?: (id: string | null) => void;
 }
-export declare function TaskManagerButton({ basePath, tasksHref, latest, onNavigate, panel, kind, labels, selectedId, onSelectRun, }: TaskManagerButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TaskManagerButton({ basePath, tasksHref, latest, onNavigate, panel, kind, labels, selectedId, onSelectRun, }: TaskManagerButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=TaskManagerButton.d.ts.map

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,+BA6BxB"}

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/TaskProcessDetails.d.ts

@@ -2,5 +2,5 @@ import { TaskProcessDetails } from './TaskSnapshot';
 export declare function TaskProcessDetailsView({ details, metricsBaseUrl, }: {
     details: TaskProcessDetails;
     metricsBaseUrl?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=TaskProcessDetails.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TaskProcessDetails.d.ts","sourceRoot":"","sources":["../../src/data/TaskProcessDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,cAAc,GACf,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CAyFA"}
+{"version":3,"file":"TaskProcessDetails.d.ts","sourceRoot":"","sources":["../../src/data/TaskProcessDetails.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,cAAc,GACf,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,+BAyFA"}

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,
                 {

package/dist/data/TaskProgress.cjs.map

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

package/dist/data/TaskProgress.d.ts

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

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

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

package/dist/data/TaskProgress.js

@@ -1,15 +1,23 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../components/button.js";
+import { CopyButton } from "../components/CopyButton.js";
+import { SplitButton } from "../components/SplitButton.js";
+import { useCopyFlash } from "../components/clipboard.js";
 import { cn } from "../lib/utils.js";
 import { AnsiHtml } from "./AnsiHtml.js";
 import { Icon } from "./Icon.js";
 import { ProgressBar } from "./ProgressBar.js";
 import { TaskProcessDetailsView } from "./TaskProcessDetails.js";
 import { TaskExecDetailsView } from "./TaskExecDetails.js";
+import { isFailedOrWarn, taskGroupJson, taskGroupErrors, taskGroupErrorCount, taskGroupMarkdown, taskMarkdown } from "./task-copy.js";
 import { isTaskExecDetails } from "./task-exec-details.js";
 import { isTaskProcessDetails } from "./task-process-details.js";
 import { bucketTasks, taskStatusColor, taskStatusIcon, taskStatusBg, taskSegments, logLevelColor } from "./task-status.js";
+import { UiJson } from "../icons/components/UiJson.js";
+import { UiWarningTriangle } from "../icons/components/UiWarningTriangle.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiCopy } from "../icons/components/UiCopy.js";
 import { UiRestart } from "../icons/components/UiRestart.js";
 import { UiStop } from "../icons/components/UiStop.js";
 import { UiPlay } from "../icons/components/UiPlay.js";
@@ -48,9 +56,6 @@ function TaskProgress({
     ))
   ] });
 }
-function isFailedOrWarn(t) {
-  return t.status === "failed" || t.status === "FAIL" || t.status === "ERR" || t.status === "warning";
-}
 function TaskGroupCard({
   group: g,
   tasks,
@@ -60,6 +65,7 @@ function TaskGroupCard({
   metricsBaseUrl
 }) {
   const [showAll, setShowAll] = useState(false);
+  const { state: copyState, copy } = useCopyFlash();
   const total = g.total ?? tasks.length;
   const counts = bucketTasks(tasks);
   const done = counts.ok + counts.warn + counts.fail;
@@ -76,19 +82,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,
+      onSelect: () => copy(taskGroupJson(g, tasks))
+    },
+    {
+      label: "Copy errors only",
+      icon: UiWarningTriangle,
+      disabled: taskGroupErrorCount(tasks) === 0,
+      onSelect: () => copy(taskGroupErrors(g, tasks))
+    }
+  ];
   return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border bg-card", compact ? "p-3" : "p-4"), children: [
     /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-1.5 text-sm font-semibold", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "flex min-w-0 items-center gap-1.5 text-sm font-semibold", children: [
         /* @__PURE__ */ jsx(
           Icon,
           {
             icon: taskStatusIcon(g.status),
-            className: cn(taskStatusColor(g.status), g.status === "running" && "animate-spin")
+            className: cn(
+              "shrink-0",
+              taskStatusColor(g.status),
+              g.status === "running" && "animate-spin"
+            )
           }
         ),
-        /* @__PURE__ */ jsx("span", { children: g.name }),
-        progress && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: progress }),
-        g.kind && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: g.name }),
+        progress && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: progress }),
+        g.kind && /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-muted px-1.5 py-0 text-[10px] text-muted-foreground", children: g.kind })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
         isTerminal && /* @__PURE__ */ jsx(
@@ -102,6 +125,18 @@ function TaskGroupCard({
             children: g.status
           }
         ),
+        /* @__PURE__ */ jsx(
+          SplitButton,
+          {
+            label: copyState === "copied" ? "Copied" : copyState === "error" ? "Copy failed" : "Copy",
+            icon: copyState === "copied" ? UiCheck : UiCopy,
+            variant: "ghost",
+            size: "sm",
+            title: "More copy options",
+            onClick: () => copy(taskGroupMarkdown(g, tasks)),
+            items: copyItems
+          }
+        ),
         onControl && /* @__PURE__ */ jsx(TaskControls, { target: g, onControl })
       ] })
     ] }),
@@ -156,7 +191,7 @@ function TaskRow({
     "div",
     {
       className: 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,
@@ -178,6 +213,15 @@ function TaskRow({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
               t.duration && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t.duration }),
+              /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  value: () => taskMarkdown(t),
+                  label: `Copy ${t.name}`,
+                  className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+                  iconClassName: "text-xs"
+                }
+              ),
               onTaskControl && /* @__PURE__ */ jsx(
                 TaskControls,
                 {