@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/data/Properties.js.map

@@ -1 +1 @@
-{"version":3,"file":"Properties.js","names":[],"sources":["../../src/data/Properties.tsx"],"sourcesContent":["import {\n  Fragment,\n  useContext,\n  useEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  UiCheck,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiRows,\n} from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport { PropertiesContext } from \"./properties-context\";\nimport { PropertyValue } from \"./PropertyValue\";\n\nexport type PropertiesAction<V = unknown> = {\n  /** Stable action id. */\n  id: string;\n  /** Iconify name or imported icon component. */\n  icon: string | StaticIconComponent;\n  /** Accessible label and tooltip for this row action. */\n  label: (key: string, value: V, item: PropertiesItem<V>) => string;\n  /** Return false to hide the action for a specific row. */\n  visible?: (key: string, value: V, item: PropertiesItem<V>) => boolean;\n  /** Return true to disable the action for a specific row. */\n  disabled?: (key: string, value: V, item: PropertiesItem<V>) => boolean;\n  /** Called when the row action is clicked. */\n  onClick: (key: string, value: V, item: PropertiesItem<V>) => void;\n};\n\nexport type PropertiesItem<V = unknown> = {\n  /** Stable property key. Also used as the default label. */\n  key: string;\n  /** Property value passed to renderers and actions. */\n  value: V;\n  /** Optional display type; structured values otherwise render as JSON. */\n  type?: \"text\" | \"json\" | \"bytes\" | \"duration\" | \"number\" | \"boolean\" | \"date\";\n  /** Unit for numeric values, such as ms, s, bytes, or percent. */\n  unit?: string;\n  /** Secondary text shown below the label. */\n  subtitle?: ReactNode;\n  /** Hide this row without removing it from the item array. */\n  hidden?: boolean;\n  /** Enables a child area spanning both columns, with nested labels indented. */\n  expandable?: boolean;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Called when an expandable row is toggled. */\n  onToggle?: (next: boolean) => void;\n  /** Child content rendered when the row is expanded. */\n  renderChildren?: () => ReactNode;\n};\n\nexport type PropertiesDensity = \"comfortable\" | \"compact\" | \"spacious\";\n\nexport type PropertiesProps<V = unknown> = {\n  /** Property rows to render. Hidden items are filtered out. */\n  items: PropertiesItem<V>[];\n  /** Custom label renderer. */\n  renderLabel?: (key: string, value: V, item: PropertiesItem<V>) => ReactNode;\n  /** Custom value renderer. */\n  renderValue?: (key: string, value: V, item: PropertiesItem<V>) => ReactNode;\n  /** Static icon name or function that returns an icon name per row. */\n  labelIcon?:\n    | string\n    | ((key: string, value: V, item: PropertiesItem<V>) => string | undefined);\n  /** Actions rendered before the value. */\n  prefixActions?: PropertiesAction<V>[];\n  /** Actions rendered after the value. */\n  suffixActions?: PropertiesAction<V>[];\n  /** Classes applied to the list root. */\n  className?: string;\n  /** Classes applied to each row. */\n  rowClassName?: string;\n  /** CSS grid columns applied to each row. Defaults to the selected density preset. */\n  gridTemplateColumns?: string;\n  /** Classes applied to each label cell. */\n  labelClassName?: string;\n  /** Classes applied to each value cell. */\n  valueClassName?: string;\n  /** Row density preset. */\n  density?: PropertiesDensity;\n  /** Stable reference used to persist this instance's density preference. */\n  keyRef?: string;\n  /** Show the display-options menu. */\n  showDensityMenu?: boolean;\n  /** Empty-state content when no rows are visible. */\n  emptyMessage?: ReactNode;\n};\n\nconst PROPERTIES_DENSITY_STORAGE_PREFIX = \"clicky-ui-properties\";\n\nconst PROPERTIES_DENSITY_OPTIONS: Array<{\n  value: PropertiesDensity;\n  label: string;\n  icon: StaticIconComponent;\n}> = [\n  { value: \"compact\", label: \"Compact\", icon: UiRows },\n  { value: \"comfortable\", label: \"Comfortable\", icon: UiListFlat },\n  { value: \"spacious\", label: \"Spacious\", icon: UiListDashes },\n];\n\nconst DENSITY_CLASSES: Record<\n  PropertiesDensity,\n  { row: string; label: string; value: string; gridTemplateColumns: string }\n> = {\n  spacious: {\n    row: \"px-density-4 py-density-3\",\n    label: \"text-sm font-medium text-muted-foreground\",\n    value: \"text-base text-foreground\",\n    gridTemplateColumns: \"minmax(12rem, 20rem) minmax(0, 1fr)\",\n  },\n  comfortable: {\n    row: \"px-density-3 py-density-2\",\n    label: \"text-xs font-medium text-muted-foreground\",\n    value: \"text-sm text-foreground\",\n    gridTemplateColumns: \"minmax(7rem, 12rem) minmax(0, 1fr)\",\n  },\n  compact: {\n    row: \"px-density-2 py-density-1.5\",\n    label: \"font-mono text-[11px] text-muted-foreground\",\n    value: \"text-xs text-foreground\",\n    gridTemplateColumns: \"minmax(8rem, 14rem) minmax(0, 1fr)\",\n  },\n};\n\nexport function Properties<V = unknown>({\n  items,\n  renderLabel,\n  renderValue,\n  labelIcon,\n  prefixActions,\n  suffixActions,\n  className,\n  rowClassName,\n  gridTemplateColumns,\n  labelClassName,\n  valueClassName,\n  density = \"comfortable\",\n  keyRef,\n  showDensityMenu = true,\n  emptyMessage = \"No properties\",\n}: PropertiesProps<V>) {\n  const parent = useContext(PropertiesContext);\n  const [densityOverride, setDensityOverride] = useState<PropertiesDensity>();\n  useEffect(() => setDensityOverride(readStoredDensity(keyRef)), [keyRef]);\n\n  const visible = items.filter((item) => !item.hidden);\n\n  if (visible.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const activeDensity = parent?.density ?? densityOverride ?? density;\n  const styles = DENSITY_CLASSES[activeDensity];\n  const columns =\n    parent?.columns ?? gridTemplateColumns ?? styles.gridTemplateColumns;\n  const depth = parent?.depth ?? 0;\n\n  const updateDensity = (next: PropertiesDensity) => {\n    setDensityOverride(next);\n    writeStoredDensity(keyRef, next);\n  };\n\n  return (\n    <dl\n      className={cn(\n        \"grid gap-x-density-3 divide-y divide-border rounded-md border border-border bg-muted/20\",\n        parent && \"col-span-full rounded-none border-0 bg-transparent\",\n        className,\n      )}\n      style={{ gridTemplateColumns: parent ? \"subgrid\" : columns }}\n    >\n      {showDensityMenu && !parent ? (\n        <div className=\"col-span-full flex items-center justify-end px-density-2 py-density-1\">\n          <dt className=\"sr-only\">Properties display options</dt>\n          <dd>\n            <PropertiesDensityMenu\n              density={activeDensity}\n              onChange={updateDensity}\n            />\n          </dd>\n        </div>\n      ) : null}\n      {visible.map((item) => {\n        const iconName =\n          typeof labelIcon === \"function\"\n            ? labelIcon(item.key, item.value, item)\n            : labelIcon;\n        const renderedLabel = renderLabel\n          ? renderLabel(item.key, item.value, item)\n          : formatPropertyLabel(item.key);\n        const ariaLabel =\n          typeof renderedLabel === \"string\" ? renderedLabel : item.key;\n\n        return (\n          <Fragment key={item.key}>\n            <div\n              className={cn(\n                \"col-span-full grid min-w-0 grid-cols-subgrid gap-density-3\",\n                styles.row,\n                rowClassName,\n              )}\n            >\n              <dt\n                aria-label={ariaLabel}\n                className={cn(\"min-w-0 truncate\", styles.label, labelClassName)}\n                style={{ paddingInlineStart: depth * 16 }}\n              >\n                <div className=\"flex min-w-0 items-center gap-density-1\">\n                  {iconName ? (\n                    <Icon name={iconName} className=\"text-xs shrink-0\" />\n                  ) : null}\n                  <span className=\"min-w-0 truncate\">{renderedLabel}</span>\n                </div>\n                {item.subtitle ? (\n                  <div className=\"mt-0.5 text-[10px] font-normal text-muted-foreground/80\">\n                    {item.subtitle}\n                  </div>\n                ) : null}\n              </dt>\n              <dd className={cn(\"min-w-0 space-y-density-1\", valueClassName)}>\n                <div className=\"flex min-w-0 items-start gap-density-1\">\n                  <ActionList\n                    actions={prefixActions}\n                    item={item}\n                    className=\"shrink-0 pt-0.5\"\n                  />\n                  <div\n                    className={cn(\"min-w-0 max-w-full flex-1\", styles.value)}\n                  >\n                    {renderValue\n                      ? renderValue(item.key, item.value, item)\n                      : <PropertyValue item={item} density={activeDensity} />}\n                  </div>\n                  <ActionList\n                    actions={suffixActions}\n                    item={item}\n                    className=\"shrink-0 pt-0.5\"\n                  />\n                </div>\n              </dd>\n            </div>\n            {item.expandable && item.expanded && item.renderChildren ? (\n              <div className=\"col-span-full grid grid-cols-subgrid\">\n                <dt className=\"sr-only\">{ariaLabel} properties</dt>\n                <dd className=\"col-span-full grid min-w-0 grid-cols-subgrid\">\n                  <PropertiesContext.Provider\n                    value={{\n                      depth: depth + 1,\n                      columns,\n                      density: activeDensity,\n                    }}\n                  >\n                    {item.renderChildren()}\n                  </PropertiesContext.Provider>\n                </dd>\n              </div>\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\nfunction PropertiesDensityMenu({\n  density,\n  onChange,\n}: {\n  density: PropertiesDensity;\n  onChange: (density: PropertiesDensity) => void;\n}) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      menuLabel=\"Properties options\"\n      trigger={\n        <IconButton\n          icon={UiDotsVertical}\n          label=\"Properties options\"\n          className=\"h-6 w-6\"\n        />\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"min-w-44 py-1 text-popover-foreground\">\n          <div className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n            Density\n          </div>\n          {PROPERTIES_DENSITY_OPTIONS.map((option) => {\n            const active = density === option.value;\n            return (\n              <button\n                key={option.value}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={active}\n                className={densityMenuItemClassName(active)}\n                onClick={() => {\n                  onChange(option.value);\n                  closeMenu();\n                }}\n              >\n                <Icon\n                  icon={option.icon}\n                  className=\"text-sm text-muted-foreground\"\n                />\n                <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n                {active ? (\n                  <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n                ) : (\n                  <span className=\"inline-block h-4 w-4\" aria-hidden />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction densityMenuItemClassName(active: boolean): string {\n  return cn(\n    \"flex w-full items-center gap-2 px-2 py-1.5 text-left text-sm\",\n    \"hover:bg-accent focus:bg-accent focus:outline-none\",\n    active && \"bg-accent/60\",\n  );\n}\n\nfunction readStoredDensity(\n  keyRef: string | undefined,\n): PropertiesDensity | undefined {\n  const storageKey = propertiesDensityStorageKey(keyRef);\n  if (!storageKey || typeof window === \"undefined\") return undefined;\n\n  try {\n    const value = window.localStorage.getItem(storageKey);\n    return isPropertiesDensity(value) ? value : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction writeStoredDensity(\n  keyRef: string | undefined,\n  density: PropertiesDensity,\n): void {\n  const storageKey = propertiesDensityStorageKey(keyRef);\n  if (!storageKey || typeof window === \"undefined\") return;\n\n  try {\n    window.localStorage.setItem(storageKey, density);\n  } catch {\n    // Display preferences are best-effort when browser storage is unavailable.\n  }\n}\n\nfunction propertiesDensityStorageKey(\n  keyRef: string | undefined,\n): string | undefined {\n  const normalized = keyRef?.trim();\n  return normalized\n    ? `${PROPERTIES_DENSITY_STORAGE_PREFIX}:${normalized}:density`\n    : undefined;\n}\n\nfunction isPropertiesDensity(value: unknown): value is PropertiesDensity {\n  return value === \"compact\" || value === \"comfortable\" || value === \"spacious\";\n}\n\nfunction ActionList<V>({\n  actions,\n  item,\n  className,\n}: {\n  actions: PropertiesAction<V>[] | undefined;\n  item: PropertiesItem<V>;\n  className?: string;\n}) {\n  if (!actions || actions.length === 0) return null;\n  const rendered = actions.filter(\n    (action) => !action.visible || action.visible(item.key, item.value, item),\n  );\n  if (rendered.length === 0) return null;\n  return (\n    <span className={cn(\"inline-flex items-center\", className)}>\n      {rendered.map((action) => (\n        <PropertiesActionButton key={action.id} action={action} item={item} />\n      ))}\n    </span>\n  );\n}\n\nfunction PropertiesActionButton<V>({\n  action,\n  item,\n}: {\n  action: PropertiesAction<V>;\n  item: PropertiesItem<V>;\n}) {\n  const label = action.label(item.key, item.value, item);\n  const disabled = action.disabled?.(item.key, item.value, item) ?? false;\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        \"disabled:opacity-35 disabled:hover:bg-transparent disabled:hover:text-muted-foreground\",\n      )}\n      onClick={(event) => {\n        event.stopPropagation();\n        action.onClick(item.key, item.value, item);\n      }}\n    >\n      <Icon\n        {...(typeof action.icon === \"string\"\n          ? { name: action.icon }\n          : { icon: action.icon })}\n        className=\"text-xs\"\n      />\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiGA,IAAM,oCAAoC;AAE1C,IAAM,6BAID;CACH;EAAE,OAAO;EAAW,OAAO;EAAW,MAAM;CAAO;CACnD;EAAE,OAAO;EAAe,OAAO;EAAe,MAAM;CAAW;CAC/D;EAAE,OAAO;EAAY,OAAO;EAAY,MAAM;CAAa;AAC7D;AAEA,IAAM,kBAGF;CACF,UAAU;EACR,KAAK;EACL,OAAO;EACP,OAAO;EACP,qBAAqB;CACvB;CACA,aAAa;EACX,KAAK;EACL,OAAO;EACP,OAAO;EACP,qBAAqB;CACvB;CACA,SAAS;EACP,KAAK;EACL,OAAO;EACP,OAAO;EACP,qBAAqB;CACvB;AACF;AAEA,SAAgB,WAAwB,EACtC,OACA,aACA,aACA,WACA,eACA,eACA,WACA,cACA,qBACA,gBACA,gBACA,UAAU,eACV,QACA,kBAAkB,MAClB,eAAe,mBACM;CACrB,MAAM,SAAS,WAAW,iBAAiB;CAC3C,MAAM,CAAC,iBAAiB,sBAAsB,SAA4B;CAC1E,gBAAgB,mBAAmB,kBAAkB,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;CAEvE,MAAM,UAAU,MAAM,QAAQ,SAAS,CAAC,KAAK,MAAM;CAEnD,IAAI,QAAQ,WAAW,GACrB,OAAO,oBAAC,OAAD;EAAK,WAAU;EAAiC,UAAA;CAAkB,CAAA;CAG3E,MAAM,gBAAgB,QAAQ,WAAW,mBAAmB;CAC5D,MAAM,SAAS,gBAAgB;CAC/B,MAAM,UACJ,QAAQ,WAAW,uBAAuB,OAAO;CACnD,MAAM,QAAQ,QAAQ,SAAS;CAE/B,MAAM,iBAAiB,SAA4B;EACjD,mBAAmB,IAAI;EACvB,mBAAmB,QAAQ,IAAI;CACjC;CAEA,OACE,qBAAC,MAAD;EACE,WAAW,GACT,2FACA,UAAU,sDACV,SACF;EACA,OAAO,EAAE,qBAAqB,SAAS,YAAY,QAAQ;EAN7D,UAAA,CAQG,mBAAmB,CAAC,SACnB,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,MAAD;IAAI,WAAU;IAAU,UAAA;GAA8B,CAAA,GACtD,oBAAC,MAAD,EAAA,UACE,oBAAC,uBAAD;IACE,SAAS;IACT,UAAU;GACX,CAAA,EACC,CAAA,CACD;EACH,CAAA,IAAA,MACH,QAAQ,KAAK,SAAS;GACrB,MAAM,WACJ,OAAO,cAAc,aACjB,UAAU,KAAK,KAAK,KAAK,OAAO,IAAI,IACpC;GACN,MAAM,gBAAgB,cAClB,YAAY,KAAK,KAAK,KAAK,OAAO,IAAI,IACtC,oBAAoB,KAAK,GAAG;GAChC,MAAM,YACJ,OAAO,kBAAkB,WAAW,gBAAgB,KAAK;GAE3D,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,qBAAC,OAAD;IACE,WAAW,GACT,8DACA,OAAO,KACP,YACF;IALF,UAAA,CAOE,qBAAC,MAAD;KACE,cAAY;KACZ,WAAW,GAAG,oBAAoB,OAAO,OAAO,cAAc;KAC9D,OAAO,EAAE,oBAAoB,QAAQ,GAAG;KAH1C,UAAA,CAKE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACG,WACC,oBAAC,MAAD;OAAM,MAAM;OAAU,WAAU;MAAoB,CAAA,IAClD,MACJ,oBAAC,QAAD;OAAM,WAAU;OAAoB,UAAA;MAAoB,CAAA,CACrD;KACJ,CAAA,GAAA,KAAK,WACJ,oBAAC,OAAD;MAAK,WAAU;MACZ,UAAA,KAAK;KACH,CAAA,IACH,IACF;IACJ,CAAA,GAAA,oBAAC,MAAD;KAAI,WAAW,GAAG,6BAA6B,cAAc;KAC3D,UAAA,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA;OACE,oBAAC,YAAD;QACE,SAAS;QACH;QACN,WAAU;OACX,CAAA;OACD,oBAAC,OAAD;QACE,WAAW,GAAG,6BAA6B,OAAO,KAAK;QAEtD,UAAA,cACG,YAAY,KAAK,KAAK,KAAK,OAAO,IAAI,IACtC,oBAAC,eAAD;SAAqB;SAAM,SAAS;QAAgB,CAAA;OACrD,CAAA;OACL,oBAAC,YAAD;QACE,SAAS;QACH;QACN,WAAU;OACX,CAAA;MACE;;IACH,CAAA,CACD;GACJ,CAAA,GAAA,KAAK,cAAc,KAAK,YAAY,KAAK,iBACxC,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA,CAAyB,WAAU,aAAe;IAClD,CAAA,GAAA,oBAAC,MAAD;KAAI,WAAU;KACZ,UAAA,oBAAC,kBAAkB,UAAnB;MACE,OAAO;OACL,OAAO,QAAQ;OACf;OACA,SAAS;MACX;MAEC,UAAA,KAAK,eAAe;KACK,CAAA;IAC1B,CAAA,CACD;GACH,CAAA,IAAA,IACI,EAAA,GA/DK,KAAK,GA+DV;EAEd,CAAC,CACC;;AAER;AAEA,SAAS,sBAAsB,EAC7B,SACA,YAIC;CACD,OACE,oBAAC,cAAD;EACE,OAAM;EACN,WAAU;EACV,SACE,oBAAC,YAAD;GACE,MAAM;GACN,OAAM;GACN,WAAU;EACX,CAAA;EAGD,WAAA,cACA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,OAAD;IAAK,WAAU;IAAsD,UAAA;GAEhE,CAAA,GACJ,2BAA2B,KAAK,WAAW;IAC1C,MAAM,SAAS,YAAY,OAAO;IAClC,OACE,qBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,WAAW,yBAAyB,MAAM;KAC1C,eAAe;MACb,SAAS,OAAO,KAAK;MACrB,UAAU;KACZ;KATF,UAAA;MAWE,oBAAC,MAAD;OACE,MAAM,OAAO;OACb,WAAU;MACX,CAAA;MACD,oBAAC,QAAD;OAAM,WAAU;OAA2B,UAAA,OAAO;MAAY,CAAA;MAC7D,SACC,oBAAC,MAAD;OAAM,MAAM;OAAS,WAAU;MAA2B,CAAA,IAE1D,oBAAC,QAAD;OAAM,WAAU;OAAuB,eAAA;MAAa,CAAA;KAEhD;IApBD,GAAA,OAAO,KAoBN;GAEZ,CAAC,CACE;;CAEK,CAAA;AAElB;AAEA,SAAS,yBAAyB,QAAyB;CACzD,OAAO,GACL,gEACA,sDACA,UAAU,cACZ;AACF;AAEA,SAAS,kBACP,QAC+B;CAC/B,MAAM,aAAa,4BAA4B,MAAM;CACrD,IAAI,CAAC,cAAc,OAAO,WAAW,aAAa,OAAO,KAAA;CAEzD,IAAI;EACF,MAAM,QAAQ,OAAO,aAAa,QAAQ,UAAU;EACpD,OAAO,oBAAoB,KAAK,IAAI,QAAQ,KAAA;CAC9C,QAAQ;EACN;CACF;AACF;AAEA,SAAS,mBACP,QACA,SACM;CACN,MAAM,aAAa,4BAA4B,MAAM;CACrD,IAAI,CAAC,cAAc,OAAO,WAAW,aAAa;CAElD,IAAI;EACF,OAAO,aAAa,QAAQ,YAAY,OAAO;CACjD,QAAQ,CAER;AACF;AAEA,SAAS,4BACP,QACoB;CACpB,MAAM,aAAa,QAAQ,KAAK;CAChC,OAAO,aACH,GAAG,kCAAkC,GAAG,WAAW,YACnD,KAAA;AACN;AAEA,SAAS,oBAAoB,OAA4C;CACvE,OAAO,UAAU,aAAa,UAAU,iBAAiB,UAAU;AACrE;AAEA,SAAS,WAAc,EACrB,SACA,MACA,aAKC;CACD,IAAI,CAAC,WAAW,QAAQ,WAAW,GAAG,OAAO;CAC7C,MAAM,WAAW,QAAQ,QACtB,WAAW,CAAC,OAAO,WAAW,OAAO,QAAQ,KAAK,KAAK,KAAK,OAAO,IAAI,CAC1E;CACA,IAAI,SAAS,WAAW,GAAG,OAAO;CAClC,OACE,oBAAC,QAAD;EAAM,WAAW,GAAG,4BAA4B,SAAS;EACtD,UAAA,SAAS,KAAK,WACb,oBAAC,wBAAD;GAAgD;GAAc;EAAO,GAAxC,OAAO,EAAiC,CACtE;CACG,CAAA;AAEV;AAEA,SAAS,uBAA0B,EACjC,QACA,QAIC;CACD,MAAM,QAAQ,OAAO,MAAM,KAAK,KAAK,KAAK,OAAO,IAAI;CACrD,MAAM,WAAW,OAAO,WAAW,KAAK,KAAK,KAAK,OAAO,IAAI,KAAK;CAClE,OACE,oBAAC,UAAD;EACE,MAAK;EACL,cAAY;EACZ,OAAO;EACG;EACV,WAAW,GACT,iFACA,yCACA,wFACF;EACA,UAAU,UAAU;GAClB,MAAM,gBAAgB;GACtB,OAAO,QAAQ,KAAK,KAAK,KAAK,OAAO,IAAI;EAC3C;EAEA,UAAA,oBAAC,MAAD;GACE,GAAK,OAAO,OAAO,SAAS,WACxB,EAAE,MAAM,OAAO,KAAK,IACpB,EAAE,MAAM,OAAO,KAAK;GACxB,WAAU;EACX,CAAA;CACK,CAAA;AAEZ"}
+{"version":3,"file":"Properties.js","names":[],"sources":["../../src/data/Properties.tsx"],"sourcesContent":["import {\n  Fragment,\n  useContext,\n  useEffect,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { IconButton } from \"../components/IconButton\";\nimport {\n  UiCheck,\n  UiDotsVertical,\n  UiListDashes,\n  UiListFlat,\n  UiRows,\n} from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { DropdownMenu } from \"../overlay/DropdownMenu\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { formatPropertyLabel } from \"./properties-utils\";\nimport { PropertiesContext } from \"./properties-context\";\nimport { PropertyValue } from \"./PropertyValue\";\n\nexport type PropertiesAction<V = unknown> = {\n  /** Stable action id. */\n  id: string;\n  /** Iconify name or imported icon component. */\n  icon: string | StaticIconComponent;\n  /** Accessible label and tooltip for this row action. */\n  label: (key: string, value: V, item: PropertiesItem<V>) => string;\n  /** Return false to hide the action for a specific row. */\n  visible?: (key: string, value: V, item: PropertiesItem<V>) => boolean;\n  /** Return true to disable the action for a specific row. */\n  disabled?: (key: string, value: V, item: PropertiesItem<V>) => boolean;\n  /** Called when the row action is clicked. */\n  onClick: (key: string, value: V, item: PropertiesItem<V>) => void;\n};\n\nexport type PropertiesItem<V = unknown> = {\n  /** Stable property key. Also used as the default label. */\n  key: string;\n  /** Property value passed to renderers and actions. */\n  value: V;\n  /** Optional display type; structured values otherwise render as JSON. */\n  type?: \"text\" | \"json\" | \"bytes\" | \"duration\" | \"number\" | \"boolean\" | \"date\";\n  /** Unit for numeric values, such as ms, s, bytes, or percent. */\n  unit?: string;\n  /** Secondary text shown below the label. */\n  subtitle?: ReactNode;\n  /** Hide this row without removing it from the item array. */\n  hidden?: boolean;\n  /** Enables a child area spanning both columns, with nested labels indented. */\n  expandable?: boolean;\n  /** Controlled expanded state. */\n  expanded?: boolean;\n  /** Called when an expandable row is toggled. */\n  onToggle?: (next: boolean) => void;\n  /** Child content rendered when the row is expanded. */\n  renderChildren?: () => ReactNode;\n};\n\nexport type PropertiesDensity = \"comfortable\" | \"compact\" | \"spacious\";\n\nexport type PropertiesProps<V = unknown> = {\n  /** Property rows to render. Hidden items are filtered out. */\n  items: PropertiesItem<V>[];\n  /** Custom label renderer. */\n  renderLabel?: (key: string, value: V, item: PropertiesItem<V>) => ReactNode;\n  /** Custom value renderer. */\n  renderValue?: (key: string, value: V, item: PropertiesItem<V>) => ReactNode;\n  /** Static icon name or function that returns an icon name per row. */\n  labelIcon?:\n    | string\n    | ((key: string, value: V, item: PropertiesItem<V>) => string | undefined);\n  /** Actions rendered before the value. */\n  prefixActions?: PropertiesAction<V>[];\n  /** Actions rendered after the value. */\n  suffixActions?: PropertiesAction<V>[];\n  /** Classes applied to the list root. */\n  className?: string;\n  /** Classes applied to each row. */\n  rowClassName?: string;\n  /** CSS grid columns applied to each row. Defaults to the selected density preset. */\n  gridTemplateColumns?: string;\n  /** Classes applied to each label cell. */\n  labelClassName?: string;\n  /** Classes applied to each value cell. */\n  valueClassName?: string;\n  /** Row density preset. */\n  density?: PropertiesDensity;\n  /** Stable reference used to persist this instance's density preference. */\n  keyRef?: string;\n  /** Show the display-options menu. */\n  showDensityMenu?: boolean;\n  /** Empty-state content when no rows are visible. */\n  emptyMessage?: ReactNode;\n};\n\nconst PROPERTIES_DENSITY_STORAGE_PREFIX = \"clicky-ui-properties\";\n\nconst PROPERTIES_DENSITY_OPTIONS: Array<{\n  value: PropertiesDensity;\n  label: string;\n  icon: StaticIconComponent;\n}> = [\n  { value: \"compact\", label: \"Compact\", icon: UiRows },\n  { value: \"comfortable\", label: \"Comfortable\", icon: UiListFlat },\n  { value: \"spacious\", label: \"Spacious\", icon: UiListDashes },\n];\n\nconst DENSITY_CLASSES: Record<\n  PropertiesDensity,\n  { row: string; label: string; value: string; gridTemplateColumns: string }\n> = {\n  spacious: {\n    row: \"px-density-4 py-density-3\",\n    label: \"text-sm font-medium text-muted-foreground\",\n    value: \"text-base text-foreground\",\n    gridTemplateColumns: \"minmax(min(12rem, 40%), min(20rem, 50%)) minmax(0, 1fr)\",\n  },\n  comfortable: {\n    row: \"px-density-3 py-density-2\",\n    label: \"text-xs font-medium text-muted-foreground\",\n    value: \"text-sm text-foreground\",\n    gridTemplateColumns: \"minmax(min(7rem, 40%), min(12rem, 50%)) minmax(0, 1fr)\",\n  },\n  compact: {\n    row: \"px-density-2 py-density-1.5\",\n    label: \"font-mono text-[11px] text-muted-foreground\",\n    value: \"text-xs text-foreground\",\n    gridTemplateColumns: \"minmax(min(8rem, 40%), min(14rem, 50%)) minmax(0, 1fr)\",\n  },\n};\n\nexport function Properties<V = unknown>({\n  items,\n  renderLabel,\n  renderValue,\n  labelIcon,\n  prefixActions,\n  suffixActions,\n  className,\n  rowClassName,\n  gridTemplateColumns,\n  labelClassName,\n  valueClassName,\n  density = \"comfortable\",\n  keyRef,\n  showDensityMenu = true,\n  emptyMessage = \"No properties\",\n}: PropertiesProps<V>) {\n  const parent = useContext(PropertiesContext);\n  const [densityOverride, setDensityOverride] = useState<PropertiesDensity>();\n  useEffect(() => setDensityOverride(readStoredDensity(keyRef)), [keyRef]);\n\n  const visible = items.filter((item) => !item.hidden);\n\n  if (visible.length === 0) {\n    return <div className=\"text-sm text-muted-foreground\">{emptyMessage}</div>;\n  }\n\n  const activeDensity = parent?.density ?? densityOverride ?? density;\n  const styles = DENSITY_CLASSES[activeDensity];\n  const columns =\n    parent?.columns ?? gridTemplateColumns ?? styles.gridTemplateColumns;\n  const depth = parent?.depth ?? 0;\n\n  const updateDensity = (next: PropertiesDensity) => {\n    setDensityOverride(next);\n    writeStoredDensity(keyRef, next);\n  };\n\n  return (\n    <dl\n      className={cn(\n        \"grid gap-x-density-3 divide-y divide-border rounded-md border border-border bg-muted/20\",\n        parent && \"col-span-full rounded-none border-0 bg-transparent\",\n        className,\n      )}\n      style={{ gridTemplateColumns: parent ? \"subgrid\" : columns }}\n    >\n      {showDensityMenu && !parent ? (\n        <div className=\"col-span-full flex items-center justify-end px-density-2 py-density-1\">\n          <dt className=\"sr-only\">Properties display options</dt>\n          <dd>\n            <PropertiesDensityMenu\n              density={activeDensity}\n              onChange={updateDensity}\n            />\n          </dd>\n        </div>\n      ) : null}\n      {visible.map((item) => {\n        const iconName =\n          typeof labelIcon === \"function\"\n            ? labelIcon(item.key, item.value, item)\n            : labelIcon;\n        const renderedLabel = renderLabel\n          ? renderLabel(item.key, item.value, item)\n          : formatPropertyLabel(item.key);\n        const ariaLabel =\n          typeof renderedLabel === \"string\" ? renderedLabel : item.key;\n\n        return (\n          <Fragment key={item.key}>\n            <div\n              className={cn(\n                \"col-span-full grid min-w-0 grid-cols-subgrid gap-density-3\",\n                styles.row,\n                rowClassName,\n              )}\n            >\n              <dt\n                aria-label={ariaLabel}\n                className={cn(\"min-w-0 truncate\", styles.label, labelClassName)}\n                style={{ paddingInlineStart: depth * 16 }}\n              >\n                <div className=\"flex min-w-0 items-center gap-density-1\">\n                  {iconName ? (\n                    <Icon name={iconName} className=\"text-xs shrink-0\" />\n                  ) : null}\n                  <span className=\"min-w-0 truncate\">{renderedLabel}</span>\n                </div>\n                {item.subtitle ? (\n                  <div className=\"mt-0.5 text-[10px] font-normal text-muted-foreground/80\">\n                    {item.subtitle}\n                  </div>\n                ) : null}\n              </dt>\n              <dd className={cn(\"min-w-0 space-y-density-1\", valueClassName)}>\n                <div className=\"flex min-w-0 items-start gap-density-1\">\n                  <ActionList\n                    actions={prefixActions}\n                    item={item}\n                    className=\"shrink-0 pt-0.5\"\n                  />\n                  <div\n                    className={cn(\"min-w-0 max-w-full flex-1\", styles.value)}\n                  >\n                    {renderValue\n                      ? renderValue(item.key, item.value, item)\n                      : <PropertyValue item={item} density={activeDensity} />}\n                  </div>\n                  <ActionList\n                    actions={suffixActions}\n                    item={item}\n                    className=\"shrink-0 pt-0.5\"\n                  />\n                </div>\n              </dd>\n            </div>\n            {item.expandable && item.expanded && item.renderChildren ? (\n              <div className=\"col-span-full grid grid-cols-subgrid\">\n                <dt className=\"sr-only\">{ariaLabel} properties</dt>\n                <dd className=\"col-span-full grid min-w-0 grid-cols-subgrid\">\n                  <PropertiesContext.Provider\n                    value={{\n                      depth: depth + 1,\n                      columns,\n                      density: activeDensity,\n                    }}\n                  >\n                    {item.renderChildren()}\n                  </PropertiesContext.Provider>\n                </dd>\n              </div>\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </dl>\n  );\n}\n\nfunction PropertiesDensityMenu({\n  density,\n  onChange,\n}: {\n  density: PropertiesDensity;\n  onChange: (density: PropertiesDensity) => void;\n}) {\n  return (\n    <DropdownMenu\n      align=\"right\"\n      menuLabel=\"Properties options\"\n      trigger={\n        <IconButton\n          icon={UiDotsVertical}\n          label=\"Properties options\"\n          className=\"h-6 w-6\"\n        />\n      }\n    >\n      {(closeMenu) => (\n        <div className=\"min-w-44 py-1 text-popover-foreground\">\n          <div className=\"px-2 py-1 text-xs font-medium text-muted-foreground\">\n            Density\n          </div>\n          {PROPERTIES_DENSITY_OPTIONS.map((option) => {\n            const active = density === option.value;\n            return (\n              <button\n                key={option.value}\n                type=\"button\"\n                role=\"menuitemradio\"\n                aria-checked={active}\n                className={densityMenuItemClassName(active)}\n                onClick={() => {\n                  onChange(option.value);\n                  closeMenu();\n                }}\n              >\n                <Icon\n                  icon={option.icon}\n                  className=\"text-sm text-muted-foreground\"\n                />\n                <span className=\"min-w-0 flex-1 truncate\">{option.label}</span>\n                {active ? (\n                  <Icon icon={UiCheck} className=\"text-sm text-foreground\" />\n                ) : (\n                  <span className=\"inline-block h-4 w-4\" aria-hidden />\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </DropdownMenu>\n  );\n}\n\nfunction densityMenuItemClassName(active: boolean): string {\n  return cn(\n    \"flex w-full items-center gap-2 px-2 py-1.5 text-left text-sm\",\n    \"hover:bg-accent focus:bg-accent focus:outline-none\",\n    active && \"bg-accent/60\",\n  );\n}\n\nfunction readStoredDensity(\n  keyRef: string | undefined,\n): PropertiesDensity | undefined {\n  const storageKey = propertiesDensityStorageKey(keyRef);\n  if (!storageKey || typeof window === \"undefined\") return undefined;\n\n  try {\n    const value = window.localStorage.getItem(storageKey);\n    return isPropertiesDensity(value) ? value : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction writeStoredDensity(\n  keyRef: string | undefined,\n  density: PropertiesDensity,\n): void {\n  const storageKey = propertiesDensityStorageKey(keyRef);\n  if (!storageKey || typeof window === \"undefined\") return;\n\n  try {\n    window.localStorage.setItem(storageKey, density);\n  } catch {\n    // Display preferences are best-effort when browser storage is unavailable.\n  }\n}\n\nfunction propertiesDensityStorageKey(\n  keyRef: string | undefined,\n): string | undefined {\n  const normalized = keyRef?.trim();\n  return normalized\n    ? `${PROPERTIES_DENSITY_STORAGE_PREFIX}:${normalized}:density`\n    : undefined;\n}\n\nfunction isPropertiesDensity(value: unknown): value is PropertiesDensity {\n  return value === \"compact\" || value === \"comfortable\" || value === \"spacious\";\n}\n\nfunction ActionList<V>({\n  actions,\n  item,\n  className,\n}: {\n  actions: PropertiesAction<V>[] | undefined;\n  item: PropertiesItem<V>;\n  className?: string;\n}) {\n  if (!actions || actions.length === 0) return null;\n  const rendered = actions.filter(\n    (action) => !action.visible || action.visible(item.key, item.value, item),\n  );\n  if (rendered.length === 0) return null;\n  return (\n    <span className={cn(\"inline-flex items-center\", className)}>\n      {rendered.map((action) => (\n        <PropertiesActionButton key={action.id} action={action} item={item} />\n      ))}\n    </span>\n  );\n}\n\nfunction PropertiesActionButton<V>({\n  action,\n  item,\n}: {\n  action: PropertiesAction<V>;\n  item: PropertiesItem<V>;\n}) {\n  const label = action.label(item.key, item.value, item);\n  const disabled = action.disabled?.(item.key, item.value, item) ?? false;\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      className={cn(\n        \"inline-flex h-5 w-5 items-center justify-center rounded text-muted-foreground\",\n        \"hover:bg-accent hover:text-foreground\",\n        \"disabled:opacity-35 disabled:hover:bg-transparent disabled:hover:text-muted-foreground\",\n      )}\n      onClick={(event) => {\n        event.stopPropagation();\n        action.onClick(item.key, item.value, item);\n      }}\n    >\n      <Icon\n        {...(typeof action.icon === \"string\"\n          ? { name: action.icon }\n          : { icon: action.icon })}\n        className=\"text-xs\"\n      />\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/data/TaskProgress.cjs

@@ -22,12 +22,14 @@ const require_task_copy = require("./task-copy.cjs");
 const require_task_work_progress = require("./task-work-progress.cjs");
 const require_TaskExecDetails = require("./TaskExecDetails.cjs");
 const require_TaskProcessDetails = require("./TaskProcessDetails.cjs");
+const require_TaskPrompts = require("./TaskPrompts.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/TaskProgress.tsx
 var MAX_COMPLETED = 5;
 var MAX_PENDING = 3;
-function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra }) {
+var DEFAULT_PROMPT_BASE = "/api/todos";
+function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, promptBasePath = DEFAULT_PROMPT_BASE }) {
 	const groups = snapshots.filter((s) => s.type === "group");
 	const tasks = snapshots.filter((s) => s.type === "task");
 	if (groups.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -49,11 +51,12 @@ function TaskProgress({ snapshots, title, compact, initialShowAllTasks, classNam
 			...metricsBaseUrl ? { metricsBaseUrl } : {},
 			...connectionStatus ? { connectionStatus } : {},
 			...extraTabs ? { extraTabs } : {},
-			...headerExtra ? { headerExtra } : {}
+			...headerExtra ? { headerExtra } : {},
+			promptBasePath
 		}, g.groupId || g.id))]
 	});
 }
-function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra }) {
+function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, promptBasePath }) {
 	const [showAll, setShowAll] = (0, react.useState)(initialShowAllTasks ?? false);
 	const { state: copyState, copy } = require_clipboard.useCopyFlash();
 	const work = require_task_work_progress.taskWorkProgress(g);
@@ -164,12 +167,13 @@ function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onContro
 				...metricsBaseUrl ? { metricsBaseUrl } : {},
 				...connectionStatus ? { connectionStatus } : {},
 				...extraTabs ? { extraTabs } : {},
-				...headerExtra ? { headerExtra } : {}
+				...headerExtra ? { headerExtra } : {},
+				promptBasePath
 			}, t.id))
 		]
 	});
 }
-function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs: contributeTabs, headerExtra }) {
+function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs: contributeTabs, headerExtra, promptBasePath }) {
 	const [expanded, setExpanded] = (0, react.useState)(false);
 	const logs = t.logs ?? [];
 	const hasLogs = logs.length > 0;
@@ -227,7 +231,7 @@ function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, conne
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CopyButton.CopyButton, {
 									value: () => require_task_copy.taskMarkdown(t),
 									label: `Copy ${t.name}`,
-									className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+									className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100",
 									iconClassName: "text-xs"
 								}),
 								onTaskControl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskControls, {
@@ -269,6 +273,10 @@ function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, conne
 						height: "h-1"
 					})
 				}),
+				t.prompts && t.prompts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TaskPrompts.TaskPrompts, {
+					prompts: t.prompts,
+					basePath: promptBasePath
+				}),
 				expanded && execDetails && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TaskExecDetails.TaskExecDetailsView, { details: execDetails }),
 				expanded && processDetails && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TaskProcessDetails.TaskProcessDetailsView, {
 					details: processDetails,

package/dist/data/TaskProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskProgress.cjs","names":["cn","useState","useCopyFlash","taskWorkProgress","bucketTasks","isFailedOrWarn","UiJson","taskGroupJson","UiWarningTriangle","taskGroupErrorCount","taskGroupErrors","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","SplitButton","UiCheck","UiCopy","taskGroupMarkdown","ProgressBar","taskSegments","isTaskProcessDetails","TaskProcessDetailsView","isTaskExecDetails","TaskExecDetailsView","TaskMetadataChips","logLevelColor","CopyButton","taskMarkdown","TaskStreamTabs","UiPlay","UiStop","UiRestart","UiRefresh","_Fragment","Button"],"sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { taskWorkProgress } from \"./task-work-progress\";\nimport { 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, UiRefresh, UiRestart, UiStop, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport { TaskExecDetailsView } from \"./TaskExecDetails\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { type TaskHeaderExtra, TaskMetadataChips } from \"./TaskHeaderExtras\";\nimport { type TaskExtraTabs, TaskStreamTabs } from \"./TaskStreamTabs\";\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  /** Show every child task when the group first opens. */\n  initialShowAllTasks?: 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  connectionStatus?: string;\n  /**\n   * Contributes host-owned output panes alongside a task's own stdout/stderr —\n   * an agent's session transcript, say, which this module has no way to fetch.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default, which chips the scalar values of its\n   * process metadata.\n   */\n  headerExtra?: TaskHeaderExtra;\n}\n\nexport function TaskProgress({\n  snapshots,\n  title,\n  compact,\n  initialShowAllTasks,\n  className,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\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) => g.groupId ? t.groupId === g.groupId : t.group === g.id)}\n          compact={compact}\n          initialShowAllTasks={initialShowAllTasks}\n          {...(onControl ? { onControl } : {})}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  initialShowAllTasks,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  initialShowAllTasks: boolean | undefined;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\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  connectionStatus?: string;\n}) {\n  const [showAll, setShowAll] = useState(initialShowAllTasks ?? false);\n  const { state: copyState, copy } = useCopyFlash();\n  const work = taskWorkProgress(g);\n  const total = g.work ? work.total : g.total ?? tasks.length;\n  const counts = g.work ? work.counts : bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail + counts.canceled;\n  const progress = g.work ? work.label : 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-2\" : \"p-4\")}>\n      <div className={cn(\"flex items-center justify-between gap-3\", compact ? \"mb-2\" : \"mb-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={compact ? \"mb-2\" : \"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          {...(connectionStatus ? { connectionStatus } : {})}\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={cn(\"border-b text-xs text-muted-foreground hover:text-foreground\", compact ? \"py-1\" : \"py-1.5\")}\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          compact={compact}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({\n  task: t,\n  group,\n  compact,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs: contributeTabs,\n  headerExtra,\n}: {\n  task: TaskSnapshot;\n  group: TaskSnapshot;\n  compact: boolean | undefined;\n  metricsBaseUrl?: string;\n  connectionStatus?: string;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\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 extraTabs = contributeTabs?.(t, group) ?? [];\n  // A host that has nothing to add for this task returns null, and the default\n  // metadata chips take over — so enriching one kind of task never costs the\n  // rest their header.\n  const header = headerExtra?.(t, group) ?? <TaskMetadataChips task={t} />;\n  const hasOutput = !!t.stdout || !!t.stderr || extraTabs.length > 0;\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 border-b last:border-0\",\n        compact ? \"gap-2 py-1\" : \"gap-3 py-2\",\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\", compact ? \"text-base\" : \"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          {header}\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          {...(connectionStatus ? { connectionStatus } : {})}\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 && <TaskStreamTabs task={t} {...(extraTabs.length > 0 ? { extraTabs } : {})} />}\n      </div>\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: Record<TaskControlAction, typeof UiPlay> = {\n    start: UiPlay,\n    stop: UiStop,\n    restart: UiRestart,\n    drain: UiStop,\n    retry: UiRefresh,\n  };\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 === \"drain\" ? \"Stop after current\" : 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"],"mappings":"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"}
+{"version":3,"file":"TaskProgress.cjs","names":["cn","useState","useCopyFlash","taskWorkProgress","bucketTasks","isFailedOrWarn","UiJson","taskGroupJson","UiWarningTriangle","taskGroupErrorCount","taskGroupErrors","Icon","taskStatusIcon","taskStatusColor","taskStatusBg","SplitButton","UiCheck","UiCopy","taskGroupMarkdown","ProgressBar","taskSegments","isTaskProcessDetails","TaskProcessDetailsView","isTaskExecDetails","TaskExecDetailsView","TaskMetadataChips","logLevelColor","CopyButton","taskMarkdown","TaskPrompts","TaskStreamTabs","UiPlay","UiStop","UiRestart","UiRefresh","_Fragment","Button"],"sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { taskWorkProgress } from \"./task-work-progress\";\nimport { 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, UiRefresh, UiRestart, UiStop, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport { TaskExecDetailsView } from \"./TaskExecDetails\";\nimport { TaskPrompts } from \"./TaskPrompts\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { type TaskHeaderExtra, TaskMetadataChips } from \"./TaskHeaderExtras\";\nimport { type TaskExtraTabs, TaskStreamTabs } from \"./TaskStreamTabs\";\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;\nconst DEFAULT_PROMPT_BASE = \"/api/todos\";\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  /** Show every child task when the group first opens. */\n  initialShowAllTasks?: 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  connectionStatus?: string;\n  /**\n   * Contributes host-owned output panes alongside a task's own stdout/stderr —\n   * an agent's session transcript, say, which this module has no way to fetch.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default, which chips the scalar values of its\n   * process metadata.\n   */\n  headerExtra?: TaskHeaderExtra;\n  /** Base path the prompt API is mounted under; a task's pending prompts are answered there. */\n  promptBasePath?: string;\n}\n\nexport function TaskProgress({\n  snapshots,\n  title,\n  compact,\n  initialShowAllTasks,\n  className,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n  promptBasePath = DEFAULT_PROMPT_BASE,\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) => g.groupId ? t.groupId === g.groupId : t.group === g.id)}\n          compact={compact}\n          initialShowAllTasks={initialShowAllTasks}\n          {...(onControl ? { onControl } : {})}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n          promptBasePath={promptBasePath}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  initialShowAllTasks,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n  promptBasePath,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  initialShowAllTasks: boolean | undefined;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\n  promptBasePath: 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  connectionStatus?: string;\n}) {\n  const [showAll, setShowAll] = useState(initialShowAllTasks ?? false);\n  const { state: copyState, copy } = useCopyFlash();\n  const work = taskWorkProgress(g);\n  const total = g.work ? work.total : g.total ?? tasks.length;\n  const counts = g.work ? work.counts : bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail + counts.canceled;\n  const progress = g.work ? work.label : 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-2\" : \"p-4\")}>\n      <div className={cn(\"flex items-center justify-between gap-3\", compact ? \"mb-2\" : \"mb-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={compact ? \"mb-2\" : \"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          {...(connectionStatus ? { connectionStatus } : {})}\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={cn(\"border-b text-xs text-muted-foreground hover:text-foreground\", compact ? \"py-1\" : \"py-1.5\")}\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          compact={compact}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n          promptBasePath={promptBasePath}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({\n  task: t,\n  group,\n  compact,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs: contributeTabs,\n  headerExtra,\n  promptBasePath,\n}: {\n  task: TaskSnapshot;\n  group: TaskSnapshot;\n  compact: boolean | undefined;\n  metricsBaseUrl?: string;\n  connectionStatus?: string;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\n  promptBasePath: 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 extraTabs = contributeTabs?.(t, group) ?? [];\n  // A host that has nothing to add for this task returns null, and the default\n  // metadata chips take over — so enriching one kind of task never costs the\n  // rest their header.\n  const header = headerExtra?.(t, group) ?? <TaskMetadataChips task={t} />;\n  const hasOutput = !!t.stdout || !!t.stderr || extraTabs.length > 0;\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 border-b last:border-0\",\n        compact ? \"gap-2 py-1\" : \"gap-3 py-2\",\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\", compact ? \"text-base\" : \"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          {header}\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 [@media(hover:none)]: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        {t.prompts && t.prompts.length > 0 && <TaskPrompts prompts={t.prompts} basePath={promptBasePath} />}\n        {expanded && execDetails && <TaskExecDetailsView details={execDetails} />}\n        {expanded && processDetails && (\n          <TaskProcessDetailsView\n            details={processDetails}\n            {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\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 && <TaskStreamTabs task={t} {...(extraTabs.length > 0 ? { extraTabs } : {})} />}\n      </div>\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: Record<TaskControlAction, typeof UiPlay> = {\n    start: UiPlay,\n    stop: UiStop,\n    restart: UiRestart,\n    drain: UiStop,\n    retry: UiRefresh,\n  };\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 === \"drain\" ? \"Stop after current\" : 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAM,gBAAgB;AACtB,IAAM,cAAc;AACpB,IAAM,sBAAsB;AAiC5B,SAAgB,aAAa,EAC3B,WACA,OACA,SACA,qBACA,WACA,WACA,eACA,gBACA,kBACA,WACA,aACA,iBAAiB,uBACG;CACpB,MAAM,SAAS,UAAU,QAAQ,MAAM,EAAE,SAAS,OAAO;CACzD,MAAM,QAAQ,UAAU,QAAQ,MAAM,EAAE,SAAS,MAAM;CAEvD,IAAI,OAAO,WAAW,GACpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWA,cAAAA,GAAG,iCAAiC,SAAS;EAA7D,UAAA,CACG,QAAQ,GAAG,MAAM,MAAM,IAAG,eACxB;;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWA,cAAAA,GAAG,UAAU,cAAc,aAAa,SAAS;EAAjE,UAAA,CACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;GAAI,WAAU;GAAyB,UAAA;EAAU,CAAA,GAC1D,OAAO,KAAK,MACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;GAEE,OAAO;GACP,OAAO,MAAM,QAAQ,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE;GACxE;GACY;GACrB,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GAClC,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;GAC1C,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GAClC,GAAK,cAAc,EAAE,YAAY,IAAI,CAAC;GACtB;EACjB,GAZM,EAAE,WAAW,EAAE,EAYrB,CACF,CACE;;AAET;AAEA,SAAS,cAAc,EACrB,OAAO,GACP,OACA,SACA,qBACA,WACA,eACA,gBACA,kBACA,WACA,aACA,kBAiBC;CACD,MAAM,CAAC,SAAS,eAAA,GAAcC,MAAAA,SAAAA,CAAS,uBAAuB,KAAK;CACnE,MAAM,EAAE,OAAO,WAAW,SAASC,kBAAAA,aAAa;CAChD,MAAM,OAAOC,2BAAAA,iBAAiB,CAAC;CAC/B,MAAM,QAAQ,EAAE,OAAO,KAAK,QAAQ,EAAE,SAAS,MAAM;CACrD,MAAM,SAAS,EAAE,OAAO,KAAK,SAASC,oBAAAA,YAAY,KAAK;CACvD,MAAM,OAAO,OAAO,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO;CAC5D,MAAM,WAAW,EAAE,OAAO,KAAK,QAAQ,QAAQ,IAAI,GAAG,KAAK,GAAG,UAAU;CAExE,MAAM,UAAU,MAAM,QAAQ,MAAM,EAAE,WAAW,SAAS;CAC1D,MAAM,UAAU,MAAM,QAAQ,MAAM,EAAE,WAAW,SAAS;CAC1D,MAAM,YAAY,MAAM,QAAQ,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,SAAS;CACtF,MAAM,aAAa,UAAU,OAAOC,kBAAAA,cAAc;CAClD,MAAM,cAAc,UAAU,QAAQ,MAAM,CAACA,kBAAAA,eAAe,CAAC,CAAC;CAE9D,MAAM,kBAAkB,YAAY,SAAS;CAC7C,MAAM,oBAAoB,CAAC,WAAW,kBAAkB;CACxD,MAAM,iBAAiB,oBAAoB,YAAY,MAAM,EAAc,IAAI;CAE/E,MAAM,gBAAgB,QAAQ,SAAS;CACvC,MAAM,kBAAkB,CAAC,WAAW,gBAAgB;CACpD,MAAM,iBAAiB,kBAAkB,QAAQ,MAAM,GAAG,WAAW,IAAI;CAEzE,MAAM,aAAa,EAAE,WAAW,aAAa,EAAE,WAAW;CAE1D,MAAM,YAAgC,CACpC;EACE,OAAO;EACP,MAAMC,eAAAA;EACN,gBAAgB,KAAKC,kBAAAA,cAAc,GAAG,KAAK,CAAC;CAC9C,GACA;EACE,OAAO;EACP,MAAMC,0BAAAA;EACN,UAAUC,kBAAAA,oBAAoB,KAAK,MAAM;EACzC,gBAAgB,KAAKC,kBAAAA,gBAAgB,GAAG,KAAK,CAAC;CAChD,CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWV,cAAAA,GAAG,6BAA6B,UAAU,QAAQ,KAAK;EAAvE,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAWA,cAAAA,GAAG,2CAA2C,UAAU,SAAS,MAAM;IAAvF,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,MAAD;KAAI,WAAU;KAAd,UAAA;MACE,iBAAA,GAAA,kBAAA,IAAA,CAACW,aAAAA,MAAD;OACE,MAAMC,oBAAAA,eAAe,EAAE,MAAM;OAC7B,WAAWZ,cAAAA,GACT,YACAa,oBAAAA,gBAAgB,EAAE,MAAM,GACxB,EAAE,WAAW,aAAa,cAC5B;MACD,CAAA;MACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;OAAY,UAAA,EAAE;MAAW,CAAA;MACxC,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;OAA0C,UAAA;MAAe,CAAA;MAE1E,EAAE,QACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;OACb,UAAA,EAAE;MACC,CAAA;KAEN;IACJ,CAAA,GAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACG,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OACE,WAAWb,cAAAA,GACT,oCACAa,oBAAAA,gBAAgB,EAAE,MAAM,GACxBC,oBAAAA,aAAa,EAAE,MAAM,CACvB;OAEC,UAAA,EAAE;MACC,CAAA;MAER,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;OACE,OAAO,cAAc,WAAW,WAAW,cAAc,UAAU,gBAAgB;OACnF,MAAM,cAAc,WAAWC,gBAAAA,UAAUC,eAAAA;OACzC,SAAQ;OACR,MAAK;OACL,OAAM;OACN,eAAe,KAAKC,kBAAAA,kBAAkB,GAAG,KAAK,CAAC;OAC/C,OAAO;MACR,CAAA;MACA,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;OAAc,QAAQ;OAAc;MAAY,CAAA;KAC3D;IACF,CAAA,CAAA;;GAEJ,QAAQ,KACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAW,UAAU,SAAS;IACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;KAAa,UAAUC,oBAAAA,aAAa,MAAM;KAAU;KAAO,QAAO;IAAS,CAAA;GACxE,CAAA;GAGNC,6BAAAA,qBAAqB,EAAE,OAAO,KAC7B,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,wBAAD;IACE,SAAS,EAAE;IACX,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;IAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GACjD,CAAA;GAGF,CAACD,6BAAAA,qBAAqB,EAAE,OAAO,KAAKE,0BAAAA,kBAAkB,EAAE,OAAO,KAC9D,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,qBAAD,EAAqB,SAAS,EAAE,QAAU,CAAA;GAG3C,kBAAkB,KAAK,gBAAgB,IACtC,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IACE,MAAK;IACL,WAAWxB,cAAAA,GAAG,gEAAgE,UAAU,SAAS,QAAQ;IACzG,eAAe,YAAY,MAAM,CAAC,CAAC;IAElC,UAAA,UACG,eACA,QAAQ,oBAAoB,kBAAkB,MAAM,kBAAkB,gBAAgB,GAAG;GACvF,CAAA,IACN;GAEH;IAAC,GAAG;IAAgB,GAAG;IAAY,GAAG;IAAS,GAAG;GAAc,CAAC,CAAC,KAAK,MACtE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;IAEE,MAAM;IACN,OAAO;IACE;IACT,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;IAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;IAChD,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;IAClC,GAAK,cAAc,EAAE,YAAY,IAAI,CAAC;IACtB;GACjB,GAVM,EAAE,EAUR,CACF;EACE;;AAET;AAEA,SAAS,QAAQ,EACf,MAAM,GACN,OACA,SACA,eACA,gBACA,kBACA,WAAW,gBACX,aACA,kBAeC;CACD,MAAM,CAAC,UAAU,gBAAA,GAAeC,MAAAA,SAAAA,CAAS,KAAK;CAC9C,MAAM,OAAmB,EAAE,QAAQ,CAAC;CACpC,MAAM,UAAU,KAAK,SAAS;CAC9B,MAAM,YAAY,iBAAiB,GAAG,KAAK,KAAK,CAAC;CAIjD,MAAM,SAAS,cAAc,GAAG,KAAK,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACwB,yBAAAA,mBAAD,EAAmB,MAAM,EAAI,CAAA;CACvE,MAAM,YAAY,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,UAAU,UAAU,SAAS;CACjE,MAAM,cAAcF,0BAAAA,kBAAkB,EAAE,OAAO,IAAI,EAAE,UAAU,KAAA;CAC/D,MAAM,iBAAiBF,6BAAAA,qBAAqB,EAAE,OAAO,IAAI,EAAE,UAAU,KAAA;CACrE,MAAM,aAAa,WAAW,aAAa,gBAAgB,KAAA,KAAa,mBAAmB,KAAA;CAG3F,MAAM,aAAa,EAAE,QAAQ,KAAA,IAAY,KAAK,QAAQ,MAAM,EAAE,UAAU,MAAM,CAAC,CAAC,GAAG,EAAE;CAGrF,MAAM,OAAO,EAAE,YAAY;CAG3B,MAAM,cAAc,OAAO,EAAE,aAAa,YAAY,EAAE,WAAW,KAAK,OAAO;CAC/E,MAAM,MAAM,cAAc,KAAK,MAAO,OAAQ,EAAE,WAAuB,GAAG,IAAI;CAE9E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,WAAWrB,cAAAA,GACT,iDACA,UAAU,eAAe,cACzB,cAAc,qDAChB;EACA,SAAS,mBAAmB,aAAa,MAAM,CAAC,CAAC,IAAI,KAAA;EANvD,UAAA,CAQE,iBAAA,GAAA,kBAAA,IAAA,CAACW,aAAAA,MAAD;GACE,MAAMC,oBAAAA,eAAe,EAAE,MAAM;GAC7B,WAAWZ,cAAAA,GAAGa,oBAAAA,gBAAgB,EAAE,MAAM,GAAG,UAAU,UAAU,cAAc,WAAW,EAAE,WAAW,aAAa,cAAc;EAC/H,CAAA,GACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;OAAM,WAAU;OAAhB,UAAA;QACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,WAAU;SAAY,UAAA,EAAE;QAAW,CAAA;QACxC,EAAE,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,WAAU;SAA6C,UAAA,EAAE;QAAY,CAAA;QACtF,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,WAAWb,cAAAA,GAAG,gCAAgC0B,oBAAAA,cAAc,MAAM,CAAC;SACtE,UAAA,WAAW;QACR,CAAA;QAEP,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,WAAU;SACb,UAAA,KAAK,UAAU,EAAE,SAAS,IAAI,MAAM,EAAE,SAAS,IAAI,MAAM,eAAe,iBAAiB,IAAI;QAC1F,CAAA;OAEJ;;MACL;MACD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACG,EAAE,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;SAAM,WAAU;SAAiC,UAAA,EAAE;QAAe,CAAA;QACjF,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;SACE,aAAaC,kBAAAA,aAAa,CAAC;SAC3B,OAAO,QAAQ,EAAE;SACjB,WAAU;SACV,eAAc;QACf,CAAA;QACA,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD;SACE,QAAQ;SACR,aAAa,EAAE;SACf,iBAAA;SACA,YAAY,WAAW,cAAc,QAAQ,GAAG,KAAK;QACtD,CAAA;OAEA;;KACF;;KACH,EAAE,eAAe,gBACjB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,EAAE,eACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;MAAyD,UAAA,EAAE;KAAkB,CAAA,GAE9F,eACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACG;OAAK;OAAE,EAAE;OAAS;OAAI;OAAI;MACvB;KAEL,CAAA,CAAA;;IAEN,eAAe,EAAE,WAAW,aAC3B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACT,oBAAAA,aAAD;MACE,UAAU,CAAC;OAAE,OAAO;OAAM,OAAO;OAAe,OAAO;MAAO,CAAC;MAC/D,OAAO,EAAE;MACT,QAAO;KACR,CAAA;IACE,CAAA;IAEN,EAAE,WAAW,EAAE,QAAQ,SAAS,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAACU,oBAAAA,aAAD;KAAa,SAAS,EAAE;KAAS,UAAU;IAAiB,CAAA;IACjG,YAAY,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAACL,wBAAAA,qBAAD,EAAqB,SAAS,YAAc,CAAA;IACvE,YAAY,kBACX,iBAAA,GAAA,kBAAA,IAAA,CAACF,2BAAAA,wBAAD;KACE,SAAS;KACT,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;KAC9C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;IAC/C,CAAA;IAEF,YAAY,WACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;KACZ,UAAA,KAAK,KAAK,GAAG,MACZ,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAa,WAAWtB,cAAAA,GAAG,WAAW0B,oBAAAA,cAAc,EAAE,KAAK,CAAC;MAA5D,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;OAAwC,UAAA,EAAE,MAAM,UAAU,GAAG,CAAC;MAAQ,CAAA,GACrF,EAAE,OACA;KAHK,GAAA,CAGL,CACN;IACE,CAAA;IAEN,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACI,uBAAAA,gBAAD;KAAgB,MAAM;KAAG,GAAK,UAAU,SAAS,IAAI,EAAE,UAAU,IAAI,CAAC;IAAK,CAAA;GACrF;EACF,CAAA,CAAA;;AAET;AAEA,SAAS,aAAa,EACpB,QACA,WACA,aACA,mBAMC;CACD,MAAM,CAAC,MAAM,YAAA,GAAW7B,MAAAA,SAAAA,CAAmC,IAAI;CAC/D,MAAM,CAAC,OAAO,aAAA,GAAYA,MAAAA,SAAAA,CAAS,EAAE;CACrC,MAAM,QAAkD;EACtD,OAAO8B,eAAAA;EACP,MAAMC,eAAAA;EACN,SAASC,kBAAAA;EACT,OAAOD,eAAAA;EACP,OAAOE,kBAAAA;CACT;CACA,MAAM,SAAS,OAAO,WAA8B;EAClD,QAAQ,MAAM;EACd,SAAS,EAAE;EACX,IAAI;GACF,MAAM,UAAU,QAAQ,MAAM;EAChC,SAAS,OAAO;GACd,SAAS,iBAAiB,QAAQ,MAAM,UAAU,aAAa,OAAO,MAAM;EAC9E,UAAU;GACR,QAAQ,IAAI;EACd;CACF;CACA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,EACI,OAAO,YAAY,CAAC,EAAA,CAAG,KAAK,WAAW;EACvC,MAAM,cAAc,MAAM;EAC1B,MAAM,cAAc,WAAW,UAAU,uBAAuB,OAAO,EAAE,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;EACzG,MAAM,QAAQ,cAAc,GAAG,YAAY,GAAG,gBAAgB;EAC9D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;GAEE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,cAAY;GACZ,OAAO;GACP,UAAU,SAAS;GACnB,UAAU,UAAU;IAClB,IAAI,iBAAiB,MAAM,gBAAgB;IAC3C,OAAY,MAAM;GACpB;GAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAD,CAAc,CAAA;EACR,GAbD,MAaC;CAEZ,CAAC,GACA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,MAAK;EAAQ,WAAU;EAAwB,UAAA;CAAY,CAAA,CAC3E,EAAA,CAAA;AAEN"}

package/dist/data/TaskProgress.d.ts

@@ -24,6 +24,8 @@ export interface TaskProgressProps {
      * process metadata.
      */
     headerExtra?: TaskHeaderExtra;
+    /** Base path the prompt API is mounted under; a task's pending prompts are answered there. */
+    promptBasePath?: string;
 }
-export declare function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, }: TaskProgressProps): import("react").JSX.Element;
+export declare function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, promptBasePath, }: 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":"AAaA,OAAO,KAAK,EAAY,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AA4BtE,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,WAAW,GACZ,EAAE,iBAAiB,+BAgCnB"}
+{"version":3,"file":"TaskProgress.d.ts","sourceRoot":"","sources":["../../src/data/TaskProgress.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAY,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AA6BtE,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,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;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,8FAA8F;IAC9F,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,KAAK,EACL,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,cAAoC,GACrC,EAAE,iBAAiB,+BAiCnB"}

package/dist/data/TaskProgress.js

@@ -22,12 +22,14 @@ import { isFailedOrWarn, taskGroupErrorCount, taskGroupErrors, taskGroupJson, ta
 import { taskWorkProgress } from "./task-work-progress.js";
 import { TaskExecDetailsView } from "./TaskExecDetails.js";
 import { TaskProcessDetailsView } from "./TaskProcessDetails.js";
+import { TaskPrompts } from "./TaskPrompts.js";
 import { useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // src/data/TaskProgress.tsx
 var MAX_COMPLETED = 5;
 var MAX_PENDING = 3;
-function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra }) {
+var DEFAULT_PROMPT_BASE = "/api/todos";
+function TaskProgress({ snapshots, title, compact, initialShowAllTasks, className, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, promptBasePath = DEFAULT_PROMPT_BASE }) {
 	const groups = snapshots.filter((s) => s.type === "group");
 	const tasks = snapshots.filter((s) => s.type === "task");
 	if (groups.length === 0) return /* @__PURE__ */ jsxs("div", {
@@ -49,11 +51,12 @@ function TaskProgress({ snapshots, title, compact, initialShowAllTasks, classNam
 			...metricsBaseUrl ? { metricsBaseUrl } : {},
 			...connectionStatus ? { connectionStatus } : {},
 			...extraTabs ? { extraTabs } : {},
-			...headerExtra ? { headerExtra } : {}
+			...headerExtra ? { headerExtra } : {},
+			promptBasePath
 		}, g.groupId || g.id))]
 	});
 }
-function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra }) {
+function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onControl, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs, headerExtra, promptBasePath }) {
 	const [showAll, setShowAll] = useState(initialShowAllTasks ?? false);
 	const { state: copyState, copy } = useCopyFlash();
 	const work = taskWorkProgress(g);
@@ -164,12 +167,13 @@ function TaskGroupCard({ group: g, tasks, compact, initialShowAllTasks, onContro
 				...metricsBaseUrl ? { metricsBaseUrl } : {},
 				...connectionStatus ? { connectionStatus } : {},
 				...extraTabs ? { extraTabs } : {},
-				...headerExtra ? { headerExtra } : {}
+				...headerExtra ? { headerExtra } : {},
+				promptBasePath
 			}, t.id))
 		]
 	});
 }
-function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs: contributeTabs, headerExtra }) {
+function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, connectionStatus, extraTabs: contributeTabs, headerExtra, promptBasePath }) {
 	const [expanded, setExpanded] = useState(false);
 	const logs = t.logs ?? [];
 	const hasLogs = logs.length > 0;
@@ -227,7 +231,7 @@ function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, conne
 								/* @__PURE__ */ jsx(CopyButton, {
 									value: () => taskMarkdown(t),
 									label: `Copy ${t.name}`,
-									className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100",
+									className: "opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100",
 									iconClassName: "text-xs"
 								}),
 								onTaskControl && /* @__PURE__ */ jsx(TaskControls, {
@@ -269,6 +273,10 @@ function TaskRow({ task: t, group, compact, onTaskControl, metricsBaseUrl, conne
 						height: "h-1"
 					})
 				}),
+				t.prompts && t.prompts.length > 0 && /* @__PURE__ */ jsx(TaskPrompts, {
+					prompts: t.prompts,
+					basePath: promptBasePath
+				}),
 				expanded && execDetails && /* @__PURE__ */ jsx(TaskExecDetailsView, { details: execDetails }),
 				expanded && processDetails && /* @__PURE__ */ jsx(TaskProcessDetailsView, {
 					details: processDetails,

package/dist/data/TaskProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskProgress.js","names":["_Fragment"],"sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { taskWorkProgress } from \"./task-work-progress\";\nimport { 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, UiRefresh, UiRestart, UiStop, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport { TaskExecDetailsView } from \"./TaskExecDetails\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { type TaskHeaderExtra, TaskMetadataChips } from \"./TaskHeaderExtras\";\nimport { type TaskExtraTabs, TaskStreamTabs } from \"./TaskStreamTabs\";\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  /** Show every child task when the group first opens. */\n  initialShowAllTasks?: 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  connectionStatus?: string;\n  /**\n   * Contributes host-owned output panes alongside a task's own stdout/stderr —\n   * an agent's session transcript, say, which this module has no way to fetch.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default, which chips the scalar values of its\n   * process metadata.\n   */\n  headerExtra?: TaskHeaderExtra;\n}\n\nexport function TaskProgress({\n  snapshots,\n  title,\n  compact,\n  initialShowAllTasks,\n  className,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\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) => g.groupId ? t.groupId === g.groupId : t.group === g.id)}\n          compact={compact}\n          initialShowAllTasks={initialShowAllTasks}\n          {...(onControl ? { onControl } : {})}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  initialShowAllTasks,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  initialShowAllTasks: boolean | undefined;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\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  connectionStatus?: string;\n}) {\n  const [showAll, setShowAll] = useState(initialShowAllTasks ?? false);\n  const { state: copyState, copy } = useCopyFlash();\n  const work = taskWorkProgress(g);\n  const total = g.work ? work.total : g.total ?? tasks.length;\n  const counts = g.work ? work.counts : bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail + counts.canceled;\n  const progress = g.work ? work.label : 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-2\" : \"p-4\")}>\n      <div className={cn(\"flex items-center justify-between gap-3\", compact ? \"mb-2\" : \"mb-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={compact ? \"mb-2\" : \"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          {...(connectionStatus ? { connectionStatus } : {})}\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={cn(\"border-b text-xs text-muted-foreground hover:text-foreground\", compact ? \"py-1\" : \"py-1.5\")}\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          compact={compact}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({\n  task: t,\n  group,\n  compact,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs: contributeTabs,\n  headerExtra,\n}: {\n  task: TaskSnapshot;\n  group: TaskSnapshot;\n  compact: boolean | undefined;\n  metricsBaseUrl?: string;\n  connectionStatus?: string;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\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 extraTabs = contributeTabs?.(t, group) ?? [];\n  // A host that has nothing to add for this task returns null, and the default\n  // metadata chips take over — so enriching one kind of task never costs the\n  // rest their header.\n  const header = headerExtra?.(t, group) ?? <TaskMetadataChips task={t} />;\n  const hasOutput = !!t.stdout || !!t.stderr || extraTabs.length > 0;\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 border-b last:border-0\",\n        compact ? \"gap-2 py-1\" : \"gap-3 py-2\",\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\", compact ? \"text-base\" : \"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          {header}\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          {...(connectionStatus ? { connectionStatus } : {})}\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 && <TaskStreamTabs task={t} {...(extraTabs.length > 0 ? { extraTabs } : {})} />}\n      </div>\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: Record<TaskControlAction, typeof UiPlay> = {\n    start: UiPlay,\n    stop: UiStop,\n    restart: UiRestart,\n    drain: UiStop,\n    retry: UiRefresh,\n  };\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 === \"drain\" ? \"Stop after current\" : 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"],"mappings":"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"}
+{"version":3,"file":"TaskProgress.js","names":["_Fragment"],"sources":["../../src/data/TaskProgress.tsx"],"sourcesContent":["import { taskWorkProgress } from \"./task-work-progress\";\nimport { 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, UiRefresh, UiRestart, UiStop, UiWarningTriangle } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Icon } from \"./Icon\";\nimport { ProgressBar } from \"./ProgressBar\";\nimport { TaskProcessDetailsView } from \"./TaskProcessDetails\";\nimport { TaskExecDetailsView } from \"./TaskExecDetails\";\nimport { TaskPrompts } from \"./TaskPrompts\";\nimport type { LogEntry, TaskControlAction, TaskSnapshot } from \"./TaskSnapshot\";\nimport { type TaskHeaderExtra, TaskMetadataChips } from \"./TaskHeaderExtras\";\nimport { type TaskExtraTabs, TaskStreamTabs } from \"./TaskStreamTabs\";\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;\nconst DEFAULT_PROMPT_BASE = \"/api/todos\";\n\nexport interface TaskProgressProps {\n  snapshots: TaskSnapshot[];\n  title?: string;\n  /** Tighter spacing for embedding in a panel. */\n  compact?: boolean;\n  /** Show every child task when the group first opens. */\n  initialShowAllTasks?: 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  connectionStatus?: string;\n  /**\n   * Contributes host-owned output panes alongside a task's own stdout/stderr —\n   * an agent's session transcript, say, which this module has no way to fetch.\n   */\n  extraTabs?: TaskExtraTabs;\n  /**\n   * Replaces the content beside a task's name in its header row. Returning null\n   * for a task falls back to the default, which chips the scalar values of its\n   * process metadata.\n   */\n  headerExtra?: TaskHeaderExtra;\n  /** Base path the prompt API is mounted under; a task's pending prompts are answered there. */\n  promptBasePath?: string;\n}\n\nexport function TaskProgress({\n  snapshots,\n  title,\n  compact,\n  initialShowAllTasks,\n  className,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n  promptBasePath = DEFAULT_PROMPT_BASE,\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) => g.groupId ? t.groupId === g.groupId : t.group === g.id)}\n          compact={compact}\n          initialShowAllTasks={initialShowAllTasks}\n          {...(onControl ? { onControl } : {})}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n          promptBasePath={promptBasePath}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskGroupCard({\n  group: g,\n  tasks,\n  compact,\n  initialShowAllTasks,\n  onControl,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs,\n  headerExtra,\n  promptBasePath,\n}: {\n  group: TaskSnapshot;\n  tasks: TaskSnapshot[];\n  compact: boolean | undefined;\n  initialShowAllTasks: boolean | undefined;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\n  promptBasePath: 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  connectionStatus?: string;\n}) {\n  const [showAll, setShowAll] = useState(initialShowAllTasks ?? false);\n  const { state: copyState, copy } = useCopyFlash();\n  const work = taskWorkProgress(g);\n  const total = g.work ? work.total : g.total ?? tasks.length;\n  const counts = g.work ? work.counts : bucketTasks(tasks);\n  const done = counts.ok + counts.warn + counts.fail + counts.canceled;\n  const progress = g.work ? work.label : 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-2\" : \"p-4\")}>\n      <div className={cn(\"flex items-center justify-between gap-3\", compact ? \"mb-2\" : \"mb-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={compact ? \"mb-2\" : \"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          {...(connectionStatus ? { connectionStatus } : {})}\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={cn(\"border-b text-xs text-muted-foreground hover:text-foreground\", compact ? \"py-1\" : \"py-1.5\")}\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          compact={compact}\n          {...(onTaskControl ? { onTaskControl } : {})}\n          {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\n          {...(extraTabs ? { extraTabs } : {})}\n          {...(headerExtra ? { headerExtra } : {})}\n          promptBasePath={promptBasePath}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction TaskRow({\n  task: t,\n  group,\n  compact,\n  onTaskControl,\n  metricsBaseUrl,\n  connectionStatus,\n  extraTabs: contributeTabs,\n  headerExtra,\n  promptBasePath,\n}: {\n  task: TaskSnapshot;\n  group: TaskSnapshot;\n  compact: boolean | undefined;\n  metricsBaseUrl?: string;\n  connectionStatus?: string;\n  extraTabs?: TaskExtraTabs;\n  headerExtra?: TaskHeaderExtra;\n  promptBasePath: 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 extraTabs = contributeTabs?.(t, group) ?? [];\n  // A host that has nothing to add for this task returns null, and the default\n  // metadata chips take over — so enriching one kind of task never costs the\n  // rest their header.\n  const header = headerExtra?.(t, group) ?? <TaskMetadataChips task={t} />;\n  const hasOutput = !!t.stdout || !!t.stderr || extraTabs.length > 0;\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 border-b last:border-0\",\n        compact ? \"gap-2 py-1\" : \"gap-3 py-2\",\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\", compact ? \"text-base\" : \"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          {header}\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 [@media(hover:none)]: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        {t.prompts && t.prompts.length > 0 && <TaskPrompts prompts={t.prompts} basePath={promptBasePath} />}\n        {expanded && execDetails && <TaskExecDetailsView details={execDetails} />}\n        {expanded && processDetails && (\n          <TaskProcessDetailsView\n            details={processDetails}\n            {...(metricsBaseUrl ? { metricsBaseUrl } : {})}\n          {...(connectionStatus ? { connectionStatus } : {})}\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 && <TaskStreamTabs task={t} {...(extraTabs.length > 0 ? { extraTabs } : {})} />}\n      </div>\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: Record<TaskControlAction, typeof UiPlay> = {\n    start: UiPlay,\n    stop: UiStop,\n    restart: UiRestart,\n    drain: UiStop,\n    retry: UiRefresh,\n  };\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 === \"drain\" ? \"Stop after current\" : 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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAM,gBAAgB;AACtB,IAAM,cAAc;AACpB,IAAM,sBAAsB;AAiC5B,SAAgB,aAAa,EAC3B,WACA,OACA,SACA,qBACA,WACA,WACA,eACA,gBACA,kBACA,WACA,aACA,iBAAiB,uBACG;CACpB,MAAM,SAAS,UAAU,QAAQ,MAAM,EAAE,SAAS,OAAO;CACzD,MAAM,QAAQ,UAAU,QAAQ,MAAM,EAAE,SAAS,MAAM;CAEvD,IAAI,OAAO,WAAW,GACpB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,iCAAiC,SAAS;EAA7D,UAAA,CACG,QAAQ,GAAG,MAAM,MAAM,IAAG,eACxB;;CAIT,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,cAAc,aAAa,SAAS;EAAjE,UAAA,CACG,SAAS,oBAAC,MAAD;GAAI,WAAU;GAAyB,UAAA;EAAU,CAAA,GAC1D,OAAO,KAAK,MACX,oBAAC,eAAD;GAEE,OAAO;GACP,OAAO,MAAM,QAAQ,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE;GACxE;GACY;GACrB,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GAClC,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;GAC1C,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GAClC,GAAK,cAAc,EAAE,YAAY,IAAI,CAAC;GACtB;EACjB,GAZM,EAAE,WAAW,EAAE,EAYrB,CACF,CACE;;AAET;AAEA,SAAS,cAAc,EACrB,OAAO,GACP,OACA,SACA,qBACA,WACA,eACA,gBACA,kBACA,WACA,aACA,kBAiBC;CACD,MAAM,CAAC,SAAS,cAAc,SAAS,uBAAuB,KAAK;CACnE,MAAM,EAAE,OAAO,WAAW,SAAS,aAAa;CAChD,MAAM,OAAO,iBAAiB,CAAC;CAC/B,MAAM,QAAQ,EAAE,OAAO,KAAK,QAAQ,EAAE,SAAS,MAAM;CACrD,MAAM,SAAS,EAAE,OAAO,KAAK,SAAS,YAAY,KAAK;CACvD,MAAM,OAAO,OAAO,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO;CAC5D,MAAM,WAAW,EAAE,OAAO,KAAK,QAAQ,QAAQ,IAAI,GAAG,KAAK,GAAG,UAAU;CAExE,MAAM,UAAU,MAAM,QAAQ,MAAM,EAAE,WAAW,SAAS;CAC1D,MAAM,UAAU,MAAM,QAAQ,MAAM,EAAE,WAAW,SAAS;CAC1D,MAAM,YAAY,MAAM,QAAQ,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,SAAS;CACtF,MAAM,aAAa,UAAU,OAAO,cAAc;CAClD,MAAM,cAAc,UAAU,QAAQ,MAAM,CAAC,eAAe,CAAC,CAAC;CAE9D,MAAM,kBAAkB,YAAY,SAAS;CAC7C,MAAM,oBAAoB,CAAC,WAAW,kBAAkB;CACxD,MAAM,iBAAiB,oBAAoB,YAAY,MAAM,EAAc,IAAI;CAE/E,MAAM,gBAAgB,QAAQ,SAAS;CACvC,MAAM,kBAAkB,CAAC,WAAW,gBAAgB;CACpD,MAAM,iBAAiB,kBAAkB,QAAQ,MAAM,GAAG,WAAW,IAAI;CAEzE,MAAM,aAAa,EAAE,WAAW,aAAa,EAAE,WAAW;CAE1D,MAAM,YAAgC,CACpC;EACE,OAAO;EACP,MAAM;EACN,gBAAgB,KAAK,cAAc,GAAG,KAAK,CAAC;CAC9C,GACA;EACE,OAAO;EACP,MAAM;EACN,UAAU,oBAAoB,KAAK,MAAM;EACzC,gBAAgB,KAAK,gBAAgB,GAAG,KAAK,CAAC;CAChD,CACF;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,6BAA6B,UAAU,QAAQ,KAAK;EAAvE,UAAA;GACE,qBAAC,OAAD;IAAK,WAAW,GAAG,2CAA2C,UAAU,SAAS,MAAM;IAAvF,UAAA,CACE,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA;MACE,oBAAC,MAAD;OACE,MAAM,eAAe,EAAE,MAAM;OAC7B,WAAW,GACT,YACA,gBAAgB,EAAE,MAAM,GACxB,EAAE,WAAW,aAAa,cAC5B;MACD,CAAA;MACD,oBAAC,QAAD;OAAM,WAAU;OAAY,UAAA,EAAE;MAAW,CAAA;MACxC,YACC,oBAAC,QAAD;OAAM,WAAU;OAA0C,UAAA;MAAe,CAAA;MAE1E,EAAE,QACD,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,EAAE;MACC,CAAA;KAEN;IACJ,CAAA,GAAA,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACG,cACC,oBAAC,QAAD;OACE,WAAW,GACT,oCACA,gBAAgB,EAAE,MAAM,GACxB,aAAa,EAAE,MAAM,CACvB;OAEC,UAAA,EAAE;MACC,CAAA;MAER,oBAAC,aAAD;OACE,OAAO,cAAc,WAAW,WAAW,cAAc,UAAU,gBAAgB;OACnF,MAAM,cAAc,WAAW,UAAU;OACzC,SAAQ;OACR,MAAK;OACL,OAAM;OACN,eAAe,KAAK,kBAAkB,GAAG,KAAK,CAAC;OAC/C,OAAO;MACR,CAAA;MACA,aAAa,oBAAC,cAAD;OAAc,QAAQ;OAAc;MAAY,CAAA;KAC3D;IACF,CAAA,CAAA;;GAEJ,QAAQ,KACP,oBAAC,OAAD;IAAK,WAAW,UAAU,SAAS;IACjC,UAAA,oBAAC,aAAD;KAAa,UAAU,aAAa,MAAM;KAAU;KAAO,QAAO;IAAS,CAAA;GACxE,CAAA;GAGN,qBAAqB,EAAE,OAAO,KAC7B,oBAAC,wBAAD;IACE,SAAS,EAAE;IACX,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;IAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GACjD,CAAA;GAGF,CAAC,qBAAqB,EAAE,OAAO,KAAK,kBAAkB,EAAE,OAAO,KAC9D,oBAAC,qBAAD,EAAqB,SAAS,EAAE,QAAU,CAAA;GAG3C,kBAAkB,KAAK,gBAAgB,IACtC,oBAAC,UAAD;IACE,MAAK;IACL,WAAW,GAAG,gEAAgE,UAAU,SAAS,QAAQ;IACzG,eAAe,YAAY,MAAM,CAAC,CAAC;IAElC,UAAA,UACG,eACA,QAAQ,oBAAoB,kBAAkB,MAAM,kBAAkB,gBAAgB,GAAG;GACvF,CAAA,IACN;GAEH;IAAC,GAAG;IAAgB,GAAG;IAAY,GAAG;IAAS,GAAG;GAAc,CAAC,CAAC,KAAK,MACtE,oBAAC,SAAD;IAEE,MAAM;IACN,OAAO;IACE;IACT,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;IAC5C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;IAChD,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;IAClC,GAAK,cAAc,EAAE,YAAY,IAAI,CAAC;IACtB;GACjB,GAVM,EAAE,EAUR,CACF;EACE;;AAET;AAEA,SAAS,QAAQ,EACf,MAAM,GACN,OACA,SACA,eACA,gBACA,kBACA,WAAW,gBACX,aACA,kBAeC;CACD,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,OAAmB,EAAE,QAAQ,CAAC;CACpC,MAAM,UAAU,KAAK,SAAS;CAC9B,MAAM,YAAY,iBAAiB,GAAG,KAAK,KAAK,CAAC;CAIjD,MAAM,SAAS,cAAc,GAAG,KAAK,KAAK,oBAAC,mBAAD,EAAmB,MAAM,EAAI,CAAA;CACvE,MAAM,YAAY,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,UAAU,UAAU,SAAS;CACjE,MAAM,cAAc,kBAAkB,EAAE,OAAO,IAAI,EAAE,UAAU,KAAA;CAC/D,MAAM,iBAAiB,qBAAqB,EAAE,OAAO,IAAI,EAAE,UAAU,KAAA;CACrE,MAAM,aAAa,WAAW,aAAa,gBAAgB,KAAA,KAAa,mBAAmB,KAAA;CAG3F,MAAM,aAAa,EAAE,QAAQ,KAAA,IAAY,KAAK,QAAQ,MAAM,EAAE,UAAU,MAAM,CAAC,CAAC,GAAG,EAAE;CAGrF,MAAM,OAAO,EAAE,YAAY;CAG3B,MAAM,cAAc,OAAO,EAAE,aAAa,YAAY,EAAE,WAAW,KAAK,OAAO;CAC/E,MAAM,MAAM,cAAc,KAAK,MAAO,OAAQ,EAAE,WAAuB,GAAG,IAAI;CAE9E,OACE,qBAAC,OAAD;EACE,WAAW,GACT,iDACA,UAAU,eAAe,cACzB,cAAc,qDAChB;EACA,SAAS,mBAAmB,aAAa,MAAM,CAAC,CAAC,IAAI,KAAA;EANvD,UAAA,CAQE,oBAAC,MAAD;GACE,MAAM,eAAe,EAAE,MAAM;GAC7B,WAAW,GAAG,gBAAgB,EAAE,MAAM,GAAG,UAAU,UAAU,cAAc,WAAW,EAAE,WAAW,aAAa,cAAc;EAC/H,CAAA,GACD,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,qBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA;QACE,oBAAC,QAAD;SAAM,WAAU;SAAY,UAAA,EAAE;QAAW,CAAA;QACxC,EAAE,SAAS,oBAAC,QAAD;SAAM,WAAU;SAA6C,UAAA,EAAE;QAAY,CAAA;QACtF,cACC,oBAAC,QAAD;SAAM,WAAW,GAAG,gCAAgC,cAAc,MAAM,CAAC;SACtE,UAAA,WAAW;QACR,CAAA;QAEP,cACC,oBAAC,QAAD;SAAM,WAAU;SACb,UAAA,KAAK,UAAU,EAAE,SAAS,IAAI,MAAM,EAAE,SAAS,IAAI,MAAM,eAAe,iBAAiB,IAAI;QAC1F,CAAA;OAEJ;;MACL;MACD,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA;QACG,EAAE,YAAY,oBAAC,QAAD;SAAM,WAAU;SAAiC,UAAA,EAAE;QAAe,CAAA;QACjF,oBAAC,YAAD;SACE,aAAa,aAAa,CAAC;SAC3B,OAAO,QAAQ,EAAE;SACjB,WAAU;SACV,eAAc;QACf,CAAA;QACA,iBACC,oBAAC,cAAD;SACE,QAAQ;SACR,aAAa,EAAE;SACf,iBAAA;SACA,YAAY,WAAW,cAAc,QAAQ,GAAG,KAAK;QACtD,CAAA;OAEA;;KACF;;KACH,EAAE,eAAe,gBACjB,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,EAAE,eACD,oBAAC,QAAD;MAAM,WAAU;MAAyD,UAAA,EAAE;KAAkB,CAAA,GAE9F,eACC,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACG;OAAK;OAAE,EAAE;OAAS;OAAI;OAAI;MACvB;KAEL,CAAA,CAAA;;IAEN,eAAe,EAAE,WAAW,aAC3B,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,aAAD;MACE,UAAU,CAAC;OAAE,OAAO;OAAM,OAAO;OAAe,OAAO;MAAO,CAAC;MAC/D,OAAO,EAAE;MACT,QAAO;KACR,CAAA;IACE,CAAA;IAEN,EAAE,WAAW,EAAE,QAAQ,SAAS,KAAK,oBAAC,aAAD;KAAa,SAAS,EAAE;KAAS,UAAU;IAAiB,CAAA;IACjG,YAAY,eAAe,oBAAC,qBAAD,EAAqB,SAAS,YAAc,CAAA;IACvE,YAAY,kBACX,oBAAC,wBAAD;KACE,SAAS;KACT,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;KAC9C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;IAC/C,CAAA;IAEF,YAAY,WACX,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA,KAAK,KAAK,GAAG,MACZ,qBAAC,OAAD;MAAa,WAAW,GAAG,WAAW,cAAc,EAAE,KAAK,CAAC;MAA5D,UAAA,CACE,oBAAC,QAAD;OAAM,WAAU;OAAwC,UAAA,EAAE,MAAM,UAAU,GAAG,CAAC;MAAQ,CAAA,GACrF,EAAE,OACA;KAHK,GAAA,CAGL,CACN;IACE,CAAA;IAEN,YAAY,oBAAC,gBAAD;KAAgB,MAAM;KAAG,GAAK,UAAU,SAAS,IAAI,EAAE,UAAU,IAAI,CAAC;IAAK,CAAA;GACrF;EACF,CAAA,CAAA;;AAET;AAEA,SAAS,aAAa,EACpB,QACA,WACA,aACA,mBAMC;CACD,MAAM,CAAC,MAAM,WAAW,SAAmC,IAAI;CAC/D,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,QAAkD;EACtD,OAAO;EACP,MAAM;EACN,SAAS;EACT,OAAO;EACP,OAAO;CACT;CACA,MAAM,SAAS,OAAO,WAA8B;EAClD,QAAQ,MAAM;EACd,SAAS,EAAE;EACX,IAAI;GACF,MAAM,UAAU,QAAQ,MAAM;EAChC,SAAS,OAAO;GACd,SAAS,iBAAiB,QAAQ,MAAM,UAAU,aAAa,OAAO,MAAM;EAC9E,UAAU;GACR,QAAQ,IAAI;EACd;CACF;CACA,OACE,qBAAAA,YAAA,EAAA,UAAA,EACI,OAAO,YAAY,CAAC,EAAA,CAAG,KAAK,WAAW;EACvC,MAAM,cAAc,MAAM;EAC1B,MAAM,cAAc,WAAW,UAAU,uBAAuB,OAAO,EAAE,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC;EACzG,MAAM,QAAQ,cAAc,GAAG,YAAY,GAAG,gBAAgB;EAC9D,OACE,oBAAC,QAAD;GAEE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,cAAY;GACZ,OAAO;GACP,UAAU,SAAS;GACnB,UAAU,UAAU;IAClB,IAAI,iBAAiB,MAAM,gBAAgB;IAC3C,OAAY,MAAM;GACpB;GAEA,UAAA,oBAAC,aAAD,CAAc,CAAA;EACR,GAbD,MAaC;CAEZ,CAAC,GACA,SAAS,oBAAC,QAAD;EAAM,MAAK;EAAQ,WAAU;EAAwB,UAAA;CAAY,CAAA,CAC3E,EAAA,CAAA;AAEN"}