@flanksource/clicky-ui 0.3.54 → 0.3.56

package/dist/data/WorkloadCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.cjs","names":["K8SService","K8SIngress","K8SDeployment","K8SStatefulset","K8SPod","Icon","formatReplicaCounts","_Fragment","Timestamp","useState","workloadTypeLabel","workloadStatusLabel","UiBox","useMemo","UiChip","UiMemoryStick","UiHardDrive","cn","Badge","workloadStatusTone","UiFullscreen","TimeseriesCoreBars","TimeseriesGauge","Modal","TimeseriesPanel"],"sources":["../../src/data/WorkloadCard.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  K8SDeployment,\n  K8SIngress,\n  K8SPod,\n  K8SService,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Badge } from \"./Badge\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { TimeseriesCoreBars } from \"./TimeseriesCoreBars\";\nimport { TimeseriesGauge } from \"./TimeseriesGauge\";\nimport {\n  TimeseriesPanel,\n  type TimeseriesReferenceLine,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport {\n  UiBox,\n  UiChip,\n  UiFullscreen,\n  UiHardDrive,\n  UiMemoryStick,\n} from \"../icons\";\nimport {\n  formatReplicaCounts,\n  workloadStatusLabel,\n  workloadStatusTone,\n  workloadTypeLabel,\n  type WorkloadCardIcon,\n  type WorkloadCardKind,\n  type WorkloadCardMetrics,\n  type WorkloadCardResourceMetric,\n  type WorkloadCardWorkload,\n} from \"./WorkloadCard.model\";\n\nexport interface WorkloadCardProps {\n  workload: WorkloadCardWorkload;\n  /**\n   * CPU/memory/disk series. Each is requested as `baseUrl + id` via `fetcher`,\n   * or loaded by its own `load` function (then `id` is the cache key and must\n   * be unique per data source).\n   */\n  metrics: WorkloadCardMetrics;\n  baseUrl?: string;\n  range?: string;\n  refreshMs?: number;\n  expandable?: boolean;\n  /** Controls rendered beside status and history, owned by the host domain. */\n  headerActions?: ReactNode;\n  size?: WorkloadCardSize;\n  variant?: WorkloadCardVariant;\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nexport type WorkloadCardSize = \"sm\" | \"md\" | \"lg\";\nexport type WorkloadCardVariant =\n  | \"default\"\n  | \"outline\"\n  | \"subtle\"\n  | \"elevated\"\n  | \"ghost\";\n\ntype MetricKey = keyof WorkloadCardMetrics;\n\ntype PanelMetric = {\n  key: MetricKey;\n  title: string;\n  unit?: string;\n  icon: WorkloadCardIcon;\n  metric: WorkloadCardResourceMetric;\n};\n\nconst KIND_ICONS: Record<WorkloadCardKind, StaticIconComponent> = {\n  service: K8SService,\n  ingress: K8SIngress,\n  deployment: K8SDeployment,\n  statefulset: K8SStatefulset,\n  pod: K8SPod,\n};\n\ntype WorkloadCardSizeClasses = {\n  root: string;\n  header: string;\n  titleGap: string;\n  icon: string;\n  name: string;\n  meta: string;\n  statusSize: \"xxs\" | \"xs\" | \"sm\";\n  action: string;\n  actionIcon: number;\n  metricGrid: string;\n  metricVariant: \"default\" | \"cell\";\n  empty: string;\n};\n\nconst SIZE_CLASSES: Record<WorkloadCardSize, WorkloadCardSizeClasses> = {\n  sm: {\n    root: \"p-2\",\n    header: \"mb-2 gap-2\",\n    titleGap: \"gap-1\",\n    icon: \"h-3.5 w-3.5\",\n    name: \"text-xs\",\n    meta: \"mt-0.5 gap-x-1.5 gap-y-0.5 text-[11px] leading-4\",\n    statusSize: \"xxs\",\n    action: \"h-5 w-5\",\n    actionIcon: 12,\n    metricGrid: \"grid-cols-1 gap-1.5\",\n    metricVariant: \"cell\",\n    empty: \"px-2 py-3 text-[11px]\",\n  },\n  md: {\n    root: \"p-3\",\n    header: \"mb-3 gap-2\",\n    titleGap: \"gap-1.5\",\n    icon: \"h-4 w-4\",\n    name: \"text-sm\",\n    meta: \"mt-0.5 gap-x-2 gap-y-0.5 text-xs\",\n    statusSize: \"xs\",\n    action: \"h-6 w-6\",\n    actionIcon: 14,\n    metricGrid: \"gap-3\",\n    metricVariant: \"default\",\n    empty: \"px-3 py-4 text-xs\",\n  },\n  lg: {\n    root: \"p-4\",\n    header: \"mb-4 gap-3\",\n    titleGap: \"gap-2\",\n    icon: \"h-5 w-5\",\n    name: \"text-base\",\n    meta: \"mt-1 gap-x-2 gap-y-1 text-xs\",\n    statusSize: \"sm\",\n    action: \"h-7 w-7\",\n    actionIcon: 16,\n    metricGrid: \"gap-4\",\n    metricVariant: \"default\",\n    empty: \"px-4 py-6 text-sm\",\n  },\n};\n\nconst VARIANT_CLASSES: Record<WorkloadCardVariant, string> = {\n  default: \"border-border bg-card text-card-foreground\",\n  outline: \"border-border bg-background text-foreground\",\n  subtle: \"border-transparent bg-muted/35 text-foreground\",\n  elevated: \"border-border/70 bg-card text-card-foreground shadow-sm\",\n  ghost: \"border-transparent bg-transparent text-foreground\",\n};\n\nfunction metricGridClass(count: number): string {\n  if (count <= 1) return \"grid-cols-1\";\n  if (count === 2) return \"grid-cols-2\";\n  return \"grid-cols-3\";\n}\n\n// Memory renders as cores-style bars at one bar per gibibyte, matching CPU; bytes\n// are fed raw and TimeseriesCoreBars divides by perBar so captions read \"x GiB\".\nconst MEMORY_BAR_UNIT = { perBar: 1024 ** 3, label: \"GiB\", barLabel: \"GiB\" };\n\nfunction WorkloadIcon({\n  icon,\n  title,\n  className,\n}: {\n  icon: WorkloadCardIcon;\n  title: string;\n  className?: string;\n}) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon name={icon} title={title} {...(className ? { className } : {})} />\n    );\n  }\n  return (\n    <Icon icon={icon} title={title} {...(className ? { className } : {})} />\n  );\n}\n\nfunction metricSeries(metric: WorkloadCardResourceMetric): TimeseriesSeries[] {\n  const series: TimeseriesSeries[] = [\n    { ...metric.value, label: metric.valueLabel ?? \"usage\" },\n  ];\n  if (typeof metric.max === \"object\") {\n    series.push({ ...metric.max, label: metric.maxLabel ?? \"limit\" });\n  }\n  return series;\n}\n\n// A fixed numeric max has no series to plot, so the history chart draws it as\n// a flat capacity line instead.\nfunction metricReferenceLines(\n  metric: WorkloadCardResourceMetric,\n): TimeseriesReferenceLine[] {\n  if (typeof metric.max !== \"number\") return [];\n  return [{ value: metric.max, label: metric.maxLabel ?? \"capacity\" }];\n}\n\nfunction hasMetric(metrics: WorkloadCardMetrics): boolean {\n  return Boolean(metrics.cpu || metrics.memory || metrics.disk);\n}\n\ntype HeaderMetaItem = { key: string; content: ReactNode; title?: string };\n\nfunction HeaderMeta({\n  separator,\n  title,\n  children,\n}: {\n  separator: boolean;\n  title?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1\" title={title}>\n      {separator ? (\n        <span\n          className=\"h-1 w-1 shrink-0 rounded-full bg-muted-foreground/40\"\n          aria-hidden\n        />\n      ) : null}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </span>\n  );\n}\n\nfunction headerMetaItems(\n  workload: WorkloadCardWorkload,\n  typeLabel: string | undefined,\n): HeaderMetaItem[] {\n  const items: HeaderMetaItem[] = [];\n  if (typeLabel) items.push({ key: \"type\", content: typeLabel });\n  if (workload.namespace) {\n    items.push({ key: \"namespace\", content: workload.namespace });\n  }\n  if (workload.role) items.push({ key: \"role\", content: workload.role });\n  const replicaText = formatReplicaCounts(workload.replicas);\n  if (replicaText) items.push({ key: \"replicas\", content: replicaText });\n  if (workload.createdAt !== undefined) {\n    items.push({\n      key: \"age\",\n      content: (\n        <>\n          age <Timestamp value={workload.createdAt} format=\"relative\" />\n        </>\n      ),\n    });\n  }\n  workload.metadata?.forEach((item, i) => {\n    const plain =\n      typeof item.value === \"string\" || typeof item.value === \"number\";\n    items.push({\n      key: `meta-${i}`,\n      content: (\n        <>\n          <span className=\"text-muted-foreground/70\">{item.label}</span>{\" \"}\n          {item.value}\n        </>\n      ),\n      title: plain ? `${item.label}: ${item.value}` : item.label,\n    });\n  });\n  return items;\n}\n\n/**\n * WorkloadCard is a compact resource card for a workload: a Kubernetes\n * resource (`kind`) or anything else (a free-form `type`, `icon` and\n * `metadata`). It shows identity, status, subtitle metadata, and\n * CPU/memory/disk utilization backed by the existing time-series primitives:\n * CPU and memory as core-style bars (memory at one bar per GiB) and disk as a\n * linear progress bar. Callers own the metric series (URL ids or `load`\n * functions); the card only composes them.\n *\n * Like the timeseries widgets it renders, it needs a react-query\n * `QueryClientProvider` above it.\n */\nexport function WorkloadCard({\n  workload,\n  metrics,\n  baseUrl,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  headerActions,\n  size = \"md\",\n  variant = \"default\",\n  fetcher,\n  className,\n}: WorkloadCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const typeLabel = workloadTypeLabel(workload);\n  const statusLabel = workloadStatusLabel(workload.status);\n  const metaItems = headerMetaItems(workload, typeLabel);\n  const workloadIcon =\n    workload.icon ?? (workload.kind ? KIND_ICONS[workload.kind] : UiBox);\n  const sizeClasses = SIZE_CLASSES[size];\n\n  const panelMetrics = useMemo(() => {\n    const list: PanelMetric[] = [];\n    if (metrics.cpu) {\n      list.push({\n        key: \"cpu\",\n        title: metrics.cpu.title ?? \"CPU\",\n        unit: metrics.cpu.unit ?? \"short\",\n        icon: metrics.cpu.icon ?? UiChip,\n        metric: metrics.cpu,\n      });\n    }\n    if (metrics.memory) {\n      list.push({\n        key: \"memory\",\n        title: metrics.memory.title ?? \"Memory\",\n        unit: metrics.memory.unit ?? \"bytes\",\n        icon: metrics.memory.icon ?? UiMemoryStick,\n        metric: metrics.memory,\n      });\n    }\n    if (metrics.disk) {\n      list.push({\n        key: \"disk\",\n        title: metrics.disk.title ?? \"Disk\",\n        unit: metrics.disk.unit ?? \"bytes\",\n        icon: metrics.disk.icon ?? UiHardDrive,\n        metric: metrics.disk,\n      });\n    }\n    return list;\n  }, [metrics]);\n\n  const metricProps = {\n    ...(baseUrl !== undefined ? { baseUrl } : {}),\n    range,\n    refreshMs,\n    ...(fetcher !== undefined ? { fetcher } : {}),\n  };\n  const canExpand = expandable && hasMetric(metrics);\n\n  return (\n    <div\n      className={cn(\n        \"w-full rounded-md border\",\n        VARIANT_CLASSES[variant],\n        sizeClasses.root,\n        className,\n      )}\n      data-size={size}\n      data-variant={variant}\n    >\n      <div\n        className={cn(\"flex items-start justify-between\", sizeClasses.header)}\n      >\n        <div className=\"min-w-0\">\n          <div\n            className={cn(\"flex min-w-0 items-center\", sizeClasses.titleGap)}\n          >\n            <WorkloadIcon\n              icon={workloadIcon}\n              title={typeLabel ?? workload.name}\n              className={cn(\"shrink-0 text-muted-foreground\", sizeClasses.icon)}\n            />\n            <span\n              className={cn(\"min-w-0 truncate font-medium\", sizeClasses.name)}\n              title={workload.name}\n            >\n              {workload.name}\n            </span>\n          </div>\n          {metaItems.length > 0 ? (\n            <div\n              className={cn(\n                \"flex flex-wrap items-center text-muted-foreground\",\n                sizeClasses.meta,\n              )}\n            >\n              {metaItems.map((item, i) => (\n                <HeaderMeta\n                  key={item.key}\n                  separator={i > 0}\n                  title={item.title}\n                >\n                  {item.content}\n                </HeaderMeta>\n              ))}\n            </div>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {statusLabel ? (\n            <span title={workload.status?.message}>\n              <Badge\n                tone={workloadStatusTone(workload.status)}\n                variant=\"soft\"\n                size={sizeClasses.statusSize}\n              >\n                {statusLabel}\n              </Badge>\n            </span>\n          ) : null}\n          {headerActions}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label={`Open ${workload.name} history`}\n              title=\"History\"\n              onClick={() => setExpanded(true)}\n              className={cn(\n                \"inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n                sizeClasses.action,\n              )}\n            >\n              <Icon\n                icon={UiFullscreen}\n                width={sizeClasses.actionIcon}\n                height={sizeClasses.actionIcon}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {hasMetric(metrics) ? (\n        <div\n          className={cn(\n            \"grid items-start gap-3\",\n            sizeClasses.metricVariant === \"cell\"\n              ? sizeClasses.metricGrid\n              : cn(\n                  metricGridClass(panelMetrics.length),\n                  sizeClasses.metricGrid,\n                ),\n          )}\n        >\n          {metrics.cpu ? (\n            <TimeseriesCoreBars\n              title={metrics.cpu.title ?? \"CPU\"}\n              icon={metrics.cpu.icon ?? UiChip}\n              value={metrics.cpu.value}\n              {...(metrics.cpu.max !== undefined\n                ? { max: metrics.cpu.max }\n                : {})}\n              {...(metrics.cpu.thresholds\n                ? { thresholds: metrics.cpu.thresholds }\n                : {})}\n              {...(metrics.cpu.orientation\n                ? { orientation: metrics.cpu.orientation }\n                : {})}\n              {...(metrics.cpu.showValue !== undefined\n                ? { showValue: metrics.cpu.showValue }\n                : {})}\n              variant={sizeClasses.metricVariant}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.memory ? (\n            <TimeseriesCoreBars\n              title={metrics.memory.title ?? \"Memory\"}\n              icon={metrics.memory.icon ?? UiMemoryStick}\n              value={metrics.memory.value}\n              unit={MEMORY_BAR_UNIT}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.memory.max !== undefined\n                ? { max: metrics.memory.max }\n                : {})}\n              {...(metrics.memory.thresholds\n                ? { thresholds: metrics.memory.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.disk ? (\n            <TimeseriesGauge\n              title={metrics.disk.title ?? \"Disk\"}\n              icon={metrics.disk.icon ?? UiHardDrive}\n              value={metrics.disk.value}\n              unit={metrics.disk.unit ?? \"bytes\"}\n              shape=\"linear\"\n              expandable={false}\n              centerDisplay={metrics.disk.centerDisplay ?? \"value\"}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.disk.max !== undefined\n                ? { max: metrics.disk.max }\n                : {})}\n              {...(metrics.disk.thresholds\n                ? { thresholds: metrics.disk.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n        </div>\n      ) : (\n        <div\n          className={cn(\n            \"rounded-md border border-dashed border-border text-center text-muted-foreground\",\n            sizeClasses.empty,\n          )}\n        >\n          No metrics configured\n        </div>\n      )}\n\n      <Modal\n        open={expanded}\n        onClose={() => setExpanded(false)}\n        title={`${workload.name} history`}\n        size=\"xl\"\n      >\n        <div className=\"flex flex-col gap-3\">\n          {panelMetrics.map(({ key, title, unit, icon, metric }) => (\n            <TimeseriesPanel\n              key={key}\n              title={title}\n              icon={icon}\n              series={metricSeries(metric)}\n              referenceLines={metricReferenceLines(metric)}\n              {...(unit ? { unit } : {})}\n              {...metricProps}\n              expandable={false}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkloadCard.cjs","names":["K8SService","K8SIngress","K8SDeployment","K8SStatefulset","K8SPod","Icon","formatReplicaCounts","_Fragment","Timestamp","useState","workloadTypeLabel","workloadStatusLabel","UiBox","useMemo","UiChip","UiMemoryStick","UiHardDrive","cn","Badge","workloadStatusTone","UiFullscreen","TimeseriesCoreBars","TimeseriesGauge","Modal","TimeseriesPanel"],"sources":["../../src/data/WorkloadCard.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  K8SDeployment,\n  K8SIngress,\n  K8SPod,\n  K8SService,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Badge } from \"./Badge\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { TimeseriesCoreBars } from \"./TimeseriesCoreBars\";\nimport { TimeseriesGauge } from \"./TimeseriesGauge\";\nimport {\n  TimeseriesPanel,\n  type TimeseriesReferenceLine,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport {\n  UiBox,\n  UiChip,\n  UiFullscreen,\n  UiHardDrive,\n  UiMemoryStick,\n} from \"../icons\";\nimport {\n  formatReplicaCounts,\n  workloadStatusLabel,\n  workloadStatusTone,\n  workloadTypeLabel,\n  type WorkloadCardIcon,\n  type WorkloadCardKind,\n  type WorkloadCardMetrics,\n  type WorkloadCardResourceMetric,\n  type WorkloadCardWorkload,\n} from \"./WorkloadCard.model\";\n\nexport interface WorkloadCardProps {\n  /** Caller-owned metric body, e.g. statistical snapshots instead of time series. */\n  children?: ReactNode;\n  workload: WorkloadCardWorkload;\n  /**\n   * CPU/memory/disk series. Each is requested as `baseUrl + id` via `fetcher`,\n   * or loaded by its own `load` function (then `id` is the cache key and must\n   * be unique per data source).\n   */\n  metrics: WorkloadCardMetrics;\n  baseUrl?: string;\n  range?: string;\n  refreshMs?: number;\n  expandable?: boolean;\n  /** Controls rendered beside status and history, owned by the host domain. */\n  headerActions?: ReactNode;\n  size?: WorkloadCardSize;\n  variant?: WorkloadCardVariant;\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nexport type WorkloadCardSize = \"sm\" | \"md\" | \"lg\";\nexport type WorkloadCardVariant =\n  | \"default\"\n  | \"outline\"\n  | \"subtle\"\n  | \"elevated\"\n  | \"ghost\";\n\ntype MetricKey = keyof WorkloadCardMetrics;\n\ntype PanelMetric = {\n  key: MetricKey;\n  title: string;\n  unit?: string;\n  icon: WorkloadCardIcon;\n  metric: WorkloadCardResourceMetric;\n};\n\nconst KIND_ICONS: Record<WorkloadCardKind, StaticIconComponent> = {\n  service: K8SService,\n  ingress: K8SIngress,\n  deployment: K8SDeployment,\n  statefulset: K8SStatefulset,\n  pod: K8SPod,\n};\n\ntype WorkloadCardSizeClasses = {\n  root: string;\n  header: string;\n  titleGap: string;\n  icon: string;\n  name: string;\n  meta: string;\n  statusSize: \"xxs\" | \"xs\" | \"sm\";\n  action: string;\n  actionIcon: number;\n  metricGrid: string;\n  metricVariant: \"default\" | \"cell\";\n  empty: string;\n};\n\nconst SIZE_CLASSES: Record<WorkloadCardSize, WorkloadCardSizeClasses> = {\n  sm: {\n    root: \"p-2\",\n    header: \"mb-2 gap-2\",\n    titleGap: \"gap-1\",\n    icon: \"h-3.5 w-3.5\",\n    name: \"text-xs\",\n    meta: \"mt-0.5 gap-x-1.5 gap-y-0.5 text-[11px] leading-4\",\n    statusSize: \"xxs\",\n    action: \"h-5 w-5\",\n    actionIcon: 12,\n    metricGrid: \"grid-cols-1 gap-1.5\",\n    metricVariant: \"cell\",\n    empty: \"px-2 py-3 text-[11px]\",\n  },\n  md: {\n    root: \"p-3\",\n    header: \"mb-3 gap-2\",\n    titleGap: \"gap-1.5\",\n    icon: \"h-4 w-4\",\n    name: \"text-sm\",\n    meta: \"mt-0.5 gap-x-2 gap-y-0.5 text-xs\",\n    statusSize: \"xs\",\n    action: \"h-6 w-6\",\n    actionIcon: 14,\n    metricGrid: \"gap-3\",\n    metricVariant: \"default\",\n    empty: \"px-3 py-4 text-xs\",\n  },\n  lg: {\n    root: \"p-4\",\n    header: \"mb-4 gap-3\",\n    titleGap: \"gap-2\",\n    icon: \"h-5 w-5\",\n    name: \"text-base\",\n    meta: \"mt-1 gap-x-2 gap-y-1 text-xs\",\n    statusSize: \"sm\",\n    action: \"h-7 w-7\",\n    actionIcon: 16,\n    metricGrid: \"gap-4\",\n    metricVariant: \"default\",\n    empty: \"px-4 py-6 text-sm\",\n  },\n};\n\nconst VARIANT_CLASSES: Record<WorkloadCardVariant, string> = {\n  default: \"border-border bg-card text-card-foreground\",\n  outline: \"border-border bg-background text-foreground\",\n  subtle: \"border-transparent bg-muted/35 text-foreground\",\n  elevated: \"border-border/70 bg-card text-card-foreground shadow-sm\",\n  ghost: \"border-transparent bg-transparent text-foreground\",\n};\n\nfunction metricGridClass(count: number): string {\n  if (count <= 1) return \"grid-cols-1\";\n  if (count === 2) return \"grid-cols-2\";\n  return \"grid-cols-3\";\n}\n\n// Memory renders as cores-style bars at one bar per gibibyte, matching CPU; bytes\n// are fed raw and TimeseriesCoreBars divides by perBar so captions read \"x GiB\".\nconst MEMORY_BAR_UNIT = { perBar: 1024 ** 3, label: \"GiB\", barLabel: \"GiB\" };\n\nfunction WorkloadIcon({\n  icon,\n  title,\n  className,\n}: {\n  icon: WorkloadCardIcon;\n  title: string;\n  className?: string;\n}) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon name={icon} title={title} {...(className ? { className } : {})} />\n    );\n  }\n  return (\n    <Icon icon={icon} title={title} {...(className ? { className } : {})} />\n  );\n}\n\nfunction metricSeries(metric: WorkloadCardResourceMetric): TimeseriesSeries[] {\n  const series: TimeseriesSeries[] = [\n    { ...metric.value, label: metric.valueLabel ?? \"usage\" },\n  ];\n  if (typeof metric.max === \"object\") {\n    series.push({ ...metric.max, label: metric.maxLabel ?? \"limit\" });\n  }\n  return series;\n}\n\n// A fixed numeric max has no series to plot, so the history chart draws it as\n// a flat capacity line instead.\nfunction metricReferenceLines(\n  metric: WorkloadCardResourceMetric,\n): TimeseriesReferenceLine[] {\n  if (typeof metric.max !== \"number\") return [];\n  return [{ value: metric.max, label: metric.maxLabel ?? \"capacity\" }];\n}\n\nfunction hasMetric(metrics: WorkloadCardMetrics): boolean {\n  return Boolean(metrics.cpu || metrics.memory || metrics.disk);\n}\n\ntype HeaderMetaItem = { key: string; content: ReactNode; title?: string };\n\nfunction HeaderMeta({\n  separator,\n  title,\n  children,\n}: {\n  separator: boolean;\n  title?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1\" title={title}>\n      {separator ? (\n        <span\n          className=\"h-1 w-1 shrink-0 rounded-full bg-muted-foreground/40\"\n          aria-hidden\n        />\n      ) : null}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </span>\n  );\n}\n\nfunction headerMetaItems(\n  workload: WorkloadCardWorkload,\n  typeLabel: string | undefined,\n): HeaderMetaItem[] {\n  const items: HeaderMetaItem[] = [];\n  if (typeLabel) items.push({ key: \"type\", content: typeLabel });\n  if (workload.namespace) {\n    items.push({ key: \"namespace\", content: workload.namespace });\n  }\n  if (workload.role) items.push({ key: \"role\", content: workload.role });\n  const replicaText = formatReplicaCounts(workload.replicas);\n  if (replicaText) items.push({ key: \"replicas\", content: replicaText });\n  if (workload.createdAt !== undefined) {\n    items.push({\n      key: \"age\",\n      content: (\n        <>\n          age <Timestamp value={workload.createdAt} format=\"relative\" />\n        </>\n      ),\n    });\n  }\n  workload.metadata?.forEach((item, i) => {\n    const plain =\n      typeof item.value === \"string\" || typeof item.value === \"number\";\n    items.push({\n      key: `meta-${i}`,\n      content: (\n        <>\n          {item.icon ? (\n            <WorkloadIcon\n              icon={item.icon}\n              title={item.label}\n              className=\"h-3.5 w-auto shrink-0\"\n            />\n          ) : (\n            <span className=\"text-muted-foreground/70\">{item.label}</span>\n          )}{\" \"}\n          {item.value}\n        </>\n      ),\n      title: plain ? `${item.label}: ${item.value}` : item.label,\n    });\n  });\n  return items;\n}\n\n/**\n * WorkloadCard is a compact resource card for a workload: a Kubernetes\n * resource (`kind`) or anything else (a free-form `type`, `icon` and\n * `metadata`). It shows identity, status, subtitle metadata, and\n * CPU/memory/disk utilization backed by the existing time-series primitives:\n * CPU and memory as core-style bars (memory at one bar per GiB) and disk as a\n * linear progress bar. Callers own the metric series (URL ids or `load`\n * functions); the card only composes them.\n *\n * Like the timeseries widgets it renders, it needs a react-query\n * `QueryClientProvider` above it.\n */\nexport function WorkloadCard({\n  children,\n  workload,\n  metrics,\n  baseUrl,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  headerActions,\n  size = \"md\",\n  variant = \"default\",\n  fetcher,\n  className,\n}: WorkloadCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const typeLabel = workloadTypeLabel(workload);\n  const statusLabel = workloadStatusLabel(workload.status);\n  const metaItems = headerMetaItems(workload, typeLabel);\n  const workloadIcon =\n    workload.icon ?? (workload.kind ? KIND_ICONS[workload.kind] : UiBox);\n  const sizeClasses = SIZE_CLASSES[size];\n\n  const panelMetrics = useMemo(() => {\n    const list: PanelMetric[] = [];\n    if (metrics.cpu) {\n      list.push({\n        key: \"cpu\",\n        title: metrics.cpu.title ?? \"CPU\",\n        unit: metrics.cpu.unit ?? \"short\",\n        icon: metrics.cpu.icon ?? UiChip,\n        metric: metrics.cpu,\n      });\n    }\n    if (metrics.memory) {\n      list.push({\n        key: \"memory\",\n        title: metrics.memory.title ?? \"Memory\",\n        unit: metrics.memory.unit ?? \"bytes\",\n        icon: metrics.memory.icon ?? UiMemoryStick,\n        metric: metrics.memory,\n      });\n    }\n    if (metrics.disk) {\n      list.push({\n        key: \"disk\",\n        title: metrics.disk.title ?? \"Disk\",\n        unit: metrics.disk.unit ?? \"bytes\",\n        icon: metrics.disk.icon ?? UiHardDrive,\n        metric: metrics.disk,\n      });\n    }\n    return list;\n  }, [metrics]);\n\n  const metricProps = {\n    ...(baseUrl !== undefined ? { baseUrl } : {}),\n    range,\n    refreshMs,\n    ...(fetcher !== undefined ? { fetcher } : {}),\n  };\n  const canExpand = expandable && hasMetric(metrics);\n\n  return (\n    <div\n      className={cn(\n        \"w-full rounded-md border\",\n        VARIANT_CLASSES[variant],\n        sizeClasses.root,\n        className,\n      )}\n      data-size={size}\n      data-variant={variant}\n    >\n      <div\n        className={cn(\"flex items-start justify-between\", sizeClasses.header)}\n      >\n        <div className=\"min-w-0\">\n          <div\n            className={cn(\"flex min-w-0 items-center\", sizeClasses.titleGap)}\n          >\n            <WorkloadIcon\n              icon={workloadIcon}\n              title={typeLabel ?? workload.name}\n              className={cn(\"shrink-0 text-muted-foreground\", sizeClasses.icon)}\n            />\n            <span\n              className={cn(\"min-w-0 truncate font-medium\", sizeClasses.name)}\n              title={workload.name}\n            >\n              {workload.name}\n            </span>\n          </div>\n          {metaItems.length > 0 ? (\n            <div\n              className={cn(\n                \"flex flex-wrap items-center text-muted-foreground\",\n                sizeClasses.meta,\n              )}\n            >\n              {metaItems.map((item, i) => (\n                <HeaderMeta\n                  key={item.key}\n                  separator={i > 0}\n                  title={item.title}\n                >\n                  {item.content}\n                </HeaderMeta>\n              ))}\n            </div>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {statusLabel ? (\n            <span title={workload.status?.message}>\n              <Badge\n                tone={workloadStatusTone(workload.status)}\n                variant=\"soft\"\n                size={sizeClasses.statusSize}\n              >\n                {statusLabel}\n              </Badge>\n            </span>\n          ) : null}\n          {headerActions}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label={`Open ${workload.name} history`}\n              title=\"History\"\n              onClick={() => setExpanded(true)}\n              className={cn(\n                \"inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n                sizeClasses.action,\n              )}\n            >\n              <Icon\n                icon={UiFullscreen}\n                width={sizeClasses.actionIcon}\n                height={sizeClasses.actionIcon}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {children !== undefined ? children : hasMetric(metrics) ? (\n        <div\n          className={cn(\n            \"grid items-start gap-3\",\n            sizeClasses.metricVariant === \"cell\"\n              ? sizeClasses.metricGrid\n              : cn(\n                  metricGridClass(panelMetrics.length),\n                  sizeClasses.metricGrid,\n                ),\n          )}\n        >\n          {metrics.cpu ? (\n            <TimeseriesCoreBars\n              title={metrics.cpu.title ?? \"CPU\"}\n              icon={metrics.cpu.icon ?? UiChip}\n              value={metrics.cpu.value}\n              {...(metrics.cpu.max !== undefined\n                ? { max: metrics.cpu.max }\n                : {})}\n              {...(metrics.cpu.thresholds\n                ? { thresholds: metrics.cpu.thresholds }\n                : {})}\n              {...(metrics.cpu.orientation\n                ? { orientation: metrics.cpu.orientation }\n                : {})}\n              {...(metrics.cpu.showValue !== undefined\n                ? { showValue: metrics.cpu.showValue }\n                : {})}\n              variant={sizeClasses.metricVariant}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.memory ? (\n            <TimeseriesCoreBars\n              title={metrics.memory.title ?? \"Memory\"}\n              icon={metrics.memory.icon ?? UiMemoryStick}\n              value={metrics.memory.value}\n              unit={MEMORY_BAR_UNIT}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.memory.max !== undefined\n                ? { max: metrics.memory.max }\n                : {})}\n              {...(metrics.memory.thresholds\n                ? { thresholds: metrics.memory.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.disk ? (\n            <TimeseriesGauge\n              title={metrics.disk.title ?? \"Disk\"}\n              icon={metrics.disk.icon ?? UiHardDrive}\n              value={metrics.disk.value}\n              unit={metrics.disk.unit ?? \"bytes\"}\n              shape=\"linear\"\n              expandable={false}\n              centerDisplay={metrics.disk.centerDisplay ?? \"value\"}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.disk.max !== undefined\n                ? { max: metrics.disk.max }\n                : {})}\n              {...(metrics.disk.thresholds\n                ? { thresholds: metrics.disk.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n        </div>\n      ) : (\n        <div\n          className={cn(\n            \"rounded-md border border-dashed border-border text-center text-muted-foreground\",\n            sizeClasses.empty,\n          )}\n        >\n          No metrics configured\n        </div>\n      )}\n\n      <Modal\n        open={expanded}\n        onClose={() => setExpanded(false)}\n        title={`${workload.name} history`}\n        size=\"xl\"\n      >\n        <div className=\"flex flex-col gap-3\">\n          {panelMetrics.map(({ key, title, unit, icon, metric }) => (\n            <TimeseriesPanel\n              key={key}\n              title={title}\n              icon={icon}\n              series={metricSeries(metric)}\n              referenceLines={metricReferenceLines(metric)}\n              {...(unit ? { unit } : {})}\n              {...metricProps}\n              expandable={false}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/WorkloadCard.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { TimeseriesResponse } from './TimeseriesPanel.js';
 import { WorkloadCardMetrics, WorkloadCardWorkload } from './WorkloadCard.model.js';
 export interface WorkloadCardProps {
+    /** Caller-owned metric body, e.g. statistical snapshots instead of time series. */
+    children?: ReactNode;
     workload: WorkloadCardWorkload;
     /**
      * CPU/memory/disk series. Each is requested as `baseUrl + id` via `fetcher`,
@@ -34,5 +36,5 @@ export type WorkloadCardVariant = "default" | "outline" | "subtle" | "elevated"
  * Like the timeseries widgets it renders, it needs a react-query
  * `QueryClientProvider` above it.
  */
-export declare function WorkloadCard({ workload, metrics, baseUrl, range, refreshMs, expandable, headerActions, size, variant, fetcher, className, }: WorkloadCardProps): import("react").JSX.Element;
+export declare function WorkloadCard({ children, workload, metrics, baseUrl, range, refreshMs, expandable, headerActions, size, variant, fetcher, className, }: WorkloadCardProps): import("react").JSX.Element;
 //# sourceMappingURL=WorkloadCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.d.ts","sourceRoot":"","sources":["../../src/data/WorkloadCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAe1D,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAOL,KAAK,mBAAmB,EAExB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AA2MZ;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAY,EACZ,SAAgB,EAChB,UAAiB,EACjB,aAAa,EACb,IAAW,EACX,OAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,+BA2OnB"}
+{"version":3,"file":"WorkloadCard.d.ts","sourceRoot":"","sources":["../../src/data/WorkloadCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAe1D,OAAO,EAGL,KAAK,kBAAkB,EAExB,MAAM,mBAAmB,CAAC;AAQ3B,OAAO,EAOL,KAAK,mBAAmB,EAExB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,iBAAiB;IAChC,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AAmNZ;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,KAAY,EACZ,SAAgB,EAChB,UAAiB,EACjB,aAAa,EACb,IAAW,EACX,OAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,iBAAiB,+BA2OnB"}

package/dist/data/WorkloadCard.js

@@ -161,7 +161,11 @@ function headerMetaItems(workload, typeLabel) {
 		items.push({
 			key: `meta-${i}`,
 			content: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				/* @__PURE__ */ jsx("span", {
+				item.icon ? /* @__PURE__ */ jsx(WorkloadIcon, {
+					icon: item.icon,
+					title: item.label,
+					className: "h-3.5 w-auto shrink-0"
+				}) : /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground/70",
 					children: item.label
 				}),
@@ -185,7 +189,7 @@ function headerMetaItems(workload, typeLabel) {
 * Like the timeseries widgets it renders, it needs a react-query
 * `QueryClientProvider` above it.
 */
-function WorkloadCard({ workload, metrics, baseUrl, range = "1h", refreshMs = 5e3, expandable = true, headerActions, size = "md", variant = "default", fetcher, className }) {
+function WorkloadCard({ children, workload, metrics, baseUrl, range = "1h", refreshMs = 5e3, expandable = true, headerActions, size = "md", variant = "default", fetcher, className }) {
 	const [expanded, setExpanded] = useState(false);
 	const typeLabel = workloadTypeLabel(workload);
 	const statusLabel = workloadStatusLabel(workload.status);
@@ -280,7 +284,7 @@ function WorkloadCard({ workload, metrics, baseUrl, range = "1h", refreshMs = 5e
 					]
 				})]
 			}),
-			hasMetric(metrics) ? /* @__PURE__ */ jsxs("div", {
+			children !== void 0 ? children : hasMetric(metrics) ? /* @__PURE__ */ jsxs("div", {
 				className: cn("grid items-start gap-3", sizeClasses.metricVariant === "cell" ? sizeClasses.metricGrid : cn(metricGridClass(panelMetrics.length), sizeClasses.metricGrid)),
 				children: [
 					metrics.cpu ? /* @__PURE__ */ jsx(TimeseriesCoreBars, {

package/dist/data/WorkloadCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.js","names":["_Fragment"],"sources":["../../src/data/WorkloadCard.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  K8SDeployment,\n  K8SIngress,\n  K8SPod,\n  K8SService,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Badge } from \"./Badge\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { TimeseriesCoreBars } from \"./TimeseriesCoreBars\";\nimport { TimeseriesGauge } from \"./TimeseriesGauge\";\nimport {\n  TimeseriesPanel,\n  type TimeseriesReferenceLine,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport {\n  UiBox,\n  UiChip,\n  UiFullscreen,\n  UiHardDrive,\n  UiMemoryStick,\n} from \"../icons\";\nimport {\n  formatReplicaCounts,\n  workloadStatusLabel,\n  workloadStatusTone,\n  workloadTypeLabel,\n  type WorkloadCardIcon,\n  type WorkloadCardKind,\n  type WorkloadCardMetrics,\n  type WorkloadCardResourceMetric,\n  type WorkloadCardWorkload,\n} from \"./WorkloadCard.model\";\n\nexport interface WorkloadCardProps {\n  workload: WorkloadCardWorkload;\n  /**\n   * CPU/memory/disk series. Each is requested as `baseUrl + id` via `fetcher`,\n   * or loaded by its own `load` function (then `id` is the cache key and must\n   * be unique per data source).\n   */\n  metrics: WorkloadCardMetrics;\n  baseUrl?: string;\n  range?: string;\n  refreshMs?: number;\n  expandable?: boolean;\n  /** Controls rendered beside status and history, owned by the host domain. */\n  headerActions?: ReactNode;\n  size?: WorkloadCardSize;\n  variant?: WorkloadCardVariant;\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nexport type WorkloadCardSize = \"sm\" | \"md\" | \"lg\";\nexport type WorkloadCardVariant =\n  | \"default\"\n  | \"outline\"\n  | \"subtle\"\n  | \"elevated\"\n  | \"ghost\";\n\ntype MetricKey = keyof WorkloadCardMetrics;\n\ntype PanelMetric = {\n  key: MetricKey;\n  title: string;\n  unit?: string;\n  icon: WorkloadCardIcon;\n  metric: WorkloadCardResourceMetric;\n};\n\nconst KIND_ICONS: Record<WorkloadCardKind, StaticIconComponent> = {\n  service: K8SService,\n  ingress: K8SIngress,\n  deployment: K8SDeployment,\n  statefulset: K8SStatefulset,\n  pod: K8SPod,\n};\n\ntype WorkloadCardSizeClasses = {\n  root: string;\n  header: string;\n  titleGap: string;\n  icon: string;\n  name: string;\n  meta: string;\n  statusSize: \"xxs\" | \"xs\" | \"sm\";\n  action: string;\n  actionIcon: number;\n  metricGrid: string;\n  metricVariant: \"default\" | \"cell\";\n  empty: string;\n};\n\nconst SIZE_CLASSES: Record<WorkloadCardSize, WorkloadCardSizeClasses> = {\n  sm: {\n    root: \"p-2\",\n    header: \"mb-2 gap-2\",\n    titleGap: \"gap-1\",\n    icon: \"h-3.5 w-3.5\",\n    name: \"text-xs\",\n    meta: \"mt-0.5 gap-x-1.5 gap-y-0.5 text-[11px] leading-4\",\n    statusSize: \"xxs\",\n    action: \"h-5 w-5\",\n    actionIcon: 12,\n    metricGrid: \"grid-cols-1 gap-1.5\",\n    metricVariant: \"cell\",\n    empty: \"px-2 py-3 text-[11px]\",\n  },\n  md: {\n    root: \"p-3\",\n    header: \"mb-3 gap-2\",\n    titleGap: \"gap-1.5\",\n    icon: \"h-4 w-4\",\n    name: \"text-sm\",\n    meta: \"mt-0.5 gap-x-2 gap-y-0.5 text-xs\",\n    statusSize: \"xs\",\n    action: \"h-6 w-6\",\n    actionIcon: 14,\n    metricGrid: \"gap-3\",\n    metricVariant: \"default\",\n    empty: \"px-3 py-4 text-xs\",\n  },\n  lg: {\n    root: \"p-4\",\n    header: \"mb-4 gap-3\",\n    titleGap: \"gap-2\",\n    icon: \"h-5 w-5\",\n    name: \"text-base\",\n    meta: \"mt-1 gap-x-2 gap-y-1 text-xs\",\n    statusSize: \"sm\",\n    action: \"h-7 w-7\",\n    actionIcon: 16,\n    metricGrid: \"gap-4\",\n    metricVariant: \"default\",\n    empty: \"px-4 py-6 text-sm\",\n  },\n};\n\nconst VARIANT_CLASSES: Record<WorkloadCardVariant, string> = {\n  default: \"border-border bg-card text-card-foreground\",\n  outline: \"border-border bg-background text-foreground\",\n  subtle: \"border-transparent bg-muted/35 text-foreground\",\n  elevated: \"border-border/70 bg-card text-card-foreground shadow-sm\",\n  ghost: \"border-transparent bg-transparent text-foreground\",\n};\n\nfunction metricGridClass(count: number): string {\n  if (count <= 1) return \"grid-cols-1\";\n  if (count === 2) return \"grid-cols-2\";\n  return \"grid-cols-3\";\n}\n\n// Memory renders as cores-style bars at one bar per gibibyte, matching CPU; bytes\n// are fed raw and TimeseriesCoreBars divides by perBar so captions read \"x GiB\".\nconst MEMORY_BAR_UNIT = { perBar: 1024 ** 3, label: \"GiB\", barLabel: \"GiB\" };\n\nfunction WorkloadIcon({\n  icon,\n  title,\n  className,\n}: {\n  icon: WorkloadCardIcon;\n  title: string;\n  className?: string;\n}) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon name={icon} title={title} {...(className ? { className } : {})} />\n    );\n  }\n  return (\n    <Icon icon={icon} title={title} {...(className ? { className } : {})} />\n  );\n}\n\nfunction metricSeries(metric: WorkloadCardResourceMetric): TimeseriesSeries[] {\n  const series: TimeseriesSeries[] = [\n    { ...metric.value, label: metric.valueLabel ?? \"usage\" },\n  ];\n  if (typeof metric.max === \"object\") {\n    series.push({ ...metric.max, label: metric.maxLabel ?? \"limit\" });\n  }\n  return series;\n}\n\n// A fixed numeric max has no series to plot, so the history chart draws it as\n// a flat capacity line instead.\nfunction metricReferenceLines(\n  metric: WorkloadCardResourceMetric,\n): TimeseriesReferenceLine[] {\n  if (typeof metric.max !== \"number\") return [];\n  return [{ value: metric.max, label: metric.maxLabel ?? \"capacity\" }];\n}\n\nfunction hasMetric(metrics: WorkloadCardMetrics): boolean {\n  return Boolean(metrics.cpu || metrics.memory || metrics.disk);\n}\n\ntype HeaderMetaItem = { key: string; content: ReactNode; title?: string };\n\nfunction HeaderMeta({\n  separator,\n  title,\n  children,\n}: {\n  separator: boolean;\n  title?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1\" title={title}>\n      {separator ? (\n        <span\n          className=\"h-1 w-1 shrink-0 rounded-full bg-muted-foreground/40\"\n          aria-hidden\n        />\n      ) : null}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </span>\n  );\n}\n\nfunction headerMetaItems(\n  workload: WorkloadCardWorkload,\n  typeLabel: string | undefined,\n): HeaderMetaItem[] {\n  const items: HeaderMetaItem[] = [];\n  if (typeLabel) items.push({ key: \"type\", content: typeLabel });\n  if (workload.namespace) {\n    items.push({ key: \"namespace\", content: workload.namespace });\n  }\n  if (workload.role) items.push({ key: \"role\", content: workload.role });\n  const replicaText = formatReplicaCounts(workload.replicas);\n  if (replicaText) items.push({ key: \"replicas\", content: replicaText });\n  if (workload.createdAt !== undefined) {\n    items.push({\n      key: \"age\",\n      content: (\n        <>\n          age <Timestamp value={workload.createdAt} format=\"relative\" />\n        </>\n      ),\n    });\n  }\n  workload.metadata?.forEach((item, i) => {\n    const plain =\n      typeof item.value === \"string\" || typeof item.value === \"number\";\n    items.push({\n      key: `meta-${i}`,\n      content: (\n        <>\n          <span className=\"text-muted-foreground/70\">{item.label}</span>{\" \"}\n          {item.value}\n        </>\n      ),\n      title: plain ? `${item.label}: ${item.value}` : item.label,\n    });\n  });\n  return items;\n}\n\n/**\n * WorkloadCard is a compact resource card for a workload: a Kubernetes\n * resource (`kind`) or anything else (a free-form `type`, `icon` and\n * `metadata`). It shows identity, status, subtitle metadata, and\n * CPU/memory/disk utilization backed by the existing time-series primitives:\n * CPU and memory as core-style bars (memory at one bar per GiB) and disk as a\n * linear progress bar. Callers own the metric series (URL ids or `load`\n * functions); the card only composes them.\n *\n * Like the timeseries widgets it renders, it needs a react-query\n * `QueryClientProvider` above it.\n */\nexport function WorkloadCard({\n  workload,\n  metrics,\n  baseUrl,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  headerActions,\n  size = \"md\",\n  variant = \"default\",\n  fetcher,\n  className,\n}: WorkloadCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const typeLabel = workloadTypeLabel(workload);\n  const statusLabel = workloadStatusLabel(workload.status);\n  const metaItems = headerMetaItems(workload, typeLabel);\n  const workloadIcon =\n    workload.icon ?? (workload.kind ? KIND_ICONS[workload.kind] : UiBox);\n  const sizeClasses = SIZE_CLASSES[size];\n\n  const panelMetrics = useMemo(() => {\n    const list: PanelMetric[] = [];\n    if (metrics.cpu) {\n      list.push({\n        key: \"cpu\",\n        title: metrics.cpu.title ?? \"CPU\",\n        unit: metrics.cpu.unit ?? \"short\",\n        icon: metrics.cpu.icon ?? UiChip,\n        metric: metrics.cpu,\n      });\n    }\n    if (metrics.memory) {\n      list.push({\n        key: \"memory\",\n        title: metrics.memory.title ?? \"Memory\",\n        unit: metrics.memory.unit ?? \"bytes\",\n        icon: metrics.memory.icon ?? UiMemoryStick,\n        metric: metrics.memory,\n      });\n    }\n    if (metrics.disk) {\n      list.push({\n        key: \"disk\",\n        title: metrics.disk.title ?? \"Disk\",\n        unit: metrics.disk.unit ?? \"bytes\",\n        icon: metrics.disk.icon ?? UiHardDrive,\n        metric: metrics.disk,\n      });\n    }\n    return list;\n  }, [metrics]);\n\n  const metricProps = {\n    ...(baseUrl !== undefined ? { baseUrl } : {}),\n    range,\n    refreshMs,\n    ...(fetcher !== undefined ? { fetcher } : {}),\n  };\n  const canExpand = expandable && hasMetric(metrics);\n\n  return (\n    <div\n      className={cn(\n        \"w-full rounded-md border\",\n        VARIANT_CLASSES[variant],\n        sizeClasses.root,\n        className,\n      )}\n      data-size={size}\n      data-variant={variant}\n    >\n      <div\n        className={cn(\"flex items-start justify-between\", sizeClasses.header)}\n      >\n        <div className=\"min-w-0\">\n          <div\n            className={cn(\"flex min-w-0 items-center\", sizeClasses.titleGap)}\n          >\n            <WorkloadIcon\n              icon={workloadIcon}\n              title={typeLabel ?? workload.name}\n              className={cn(\"shrink-0 text-muted-foreground\", sizeClasses.icon)}\n            />\n            <span\n              className={cn(\"min-w-0 truncate font-medium\", sizeClasses.name)}\n              title={workload.name}\n            >\n              {workload.name}\n            </span>\n          </div>\n          {metaItems.length > 0 ? (\n            <div\n              className={cn(\n                \"flex flex-wrap items-center text-muted-foreground\",\n                sizeClasses.meta,\n              )}\n            >\n              {metaItems.map((item, i) => (\n                <HeaderMeta\n                  key={item.key}\n                  separator={i > 0}\n                  title={item.title}\n                >\n                  {item.content}\n                </HeaderMeta>\n              ))}\n            </div>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {statusLabel ? (\n            <span title={workload.status?.message}>\n              <Badge\n                tone={workloadStatusTone(workload.status)}\n                variant=\"soft\"\n                size={sizeClasses.statusSize}\n              >\n                {statusLabel}\n              </Badge>\n            </span>\n          ) : null}\n          {headerActions}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label={`Open ${workload.name} history`}\n              title=\"History\"\n              onClick={() => setExpanded(true)}\n              className={cn(\n                \"inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n                sizeClasses.action,\n              )}\n            >\n              <Icon\n                icon={UiFullscreen}\n                width={sizeClasses.actionIcon}\n                height={sizeClasses.actionIcon}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {hasMetric(metrics) ? (\n        <div\n          className={cn(\n            \"grid items-start gap-3\",\n            sizeClasses.metricVariant === \"cell\"\n              ? sizeClasses.metricGrid\n              : cn(\n                  metricGridClass(panelMetrics.length),\n                  sizeClasses.metricGrid,\n                ),\n          )}\n        >\n          {metrics.cpu ? (\n            <TimeseriesCoreBars\n              title={metrics.cpu.title ?? \"CPU\"}\n              icon={metrics.cpu.icon ?? UiChip}\n              value={metrics.cpu.value}\n              {...(metrics.cpu.max !== undefined\n                ? { max: metrics.cpu.max }\n                : {})}\n              {...(metrics.cpu.thresholds\n                ? { thresholds: metrics.cpu.thresholds }\n                : {})}\n              {...(metrics.cpu.orientation\n                ? { orientation: metrics.cpu.orientation }\n                : {})}\n              {...(metrics.cpu.showValue !== undefined\n                ? { showValue: metrics.cpu.showValue }\n                : {})}\n              variant={sizeClasses.metricVariant}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.memory ? (\n            <TimeseriesCoreBars\n              title={metrics.memory.title ?? \"Memory\"}\n              icon={metrics.memory.icon ?? UiMemoryStick}\n              value={metrics.memory.value}\n              unit={MEMORY_BAR_UNIT}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.memory.max !== undefined\n                ? { max: metrics.memory.max }\n                : {})}\n              {...(metrics.memory.thresholds\n                ? { thresholds: metrics.memory.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.disk ? (\n            <TimeseriesGauge\n              title={metrics.disk.title ?? \"Disk\"}\n              icon={metrics.disk.icon ?? UiHardDrive}\n              value={metrics.disk.value}\n              unit={metrics.disk.unit ?? \"bytes\"}\n              shape=\"linear\"\n              expandable={false}\n              centerDisplay={metrics.disk.centerDisplay ?? \"value\"}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.disk.max !== undefined\n                ? { max: metrics.disk.max }\n                : {})}\n              {...(metrics.disk.thresholds\n                ? { thresholds: metrics.disk.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n        </div>\n      ) : (\n        <div\n          className={cn(\n            \"rounded-md border border-dashed border-border text-center text-muted-foreground\",\n            sizeClasses.empty,\n          )}\n        >\n          No metrics configured\n        </div>\n      )}\n\n      <Modal\n        open={expanded}\n        onClose={() => setExpanded(false)}\n        title={`${workload.name} history`}\n        size=\"xl\"\n      >\n        <div className=\"flex flex-col gap-3\">\n          {panelMetrics.map(({ key, title, unit, icon, metric }) => (\n            <TimeseriesPanel\n              key={key}\n              title={title}\n              icon={icon}\n              series={metricSeries(metric)}\n              referenceLines={metricReferenceLines(metric)}\n              {...(unit ? { unit } : {})}\n              {...metricProps}\n              expandable={false}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkloadCard.js","names":["_Fragment"],"sources":["../../src/data/WorkloadCard.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport {\n  K8SDeployment,\n  K8SIngress,\n  K8SPod,\n  K8SService,\n  K8SStatefulset,\n} from \"@flanksource/icons/mi\";\nimport { cn } from \"../lib/utils\";\nimport { Modal } from \"../overlay/Modal\";\nimport { Badge } from \"./Badge\";\nimport { Timestamp } from \"./cells/Timestamp\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { TimeseriesCoreBars } from \"./TimeseriesCoreBars\";\nimport { TimeseriesGauge } from \"./TimeseriesGauge\";\nimport {\n  TimeseriesPanel,\n  type TimeseriesReferenceLine,\n  type TimeseriesResponse,\n  type TimeseriesSeries,\n} from \"./TimeseriesPanel\";\nimport {\n  UiBox,\n  UiChip,\n  UiFullscreen,\n  UiHardDrive,\n  UiMemoryStick,\n} from \"../icons\";\nimport {\n  formatReplicaCounts,\n  workloadStatusLabel,\n  workloadStatusTone,\n  workloadTypeLabel,\n  type WorkloadCardIcon,\n  type WorkloadCardKind,\n  type WorkloadCardMetrics,\n  type WorkloadCardResourceMetric,\n  type WorkloadCardWorkload,\n} from \"./WorkloadCard.model\";\n\nexport interface WorkloadCardProps {\n  /** Caller-owned metric body, e.g. statistical snapshots instead of time series. */\n  children?: ReactNode;\n  workload: WorkloadCardWorkload;\n  /**\n   * CPU/memory/disk series. Each is requested as `baseUrl + id` via `fetcher`,\n   * or loaded by its own `load` function (then `id` is the cache key and must\n   * be unique per data source).\n   */\n  metrics: WorkloadCardMetrics;\n  baseUrl?: string;\n  range?: string;\n  refreshMs?: number;\n  expandable?: boolean;\n  /** Controls rendered beside status and history, owned by the host domain. */\n  headerActions?: ReactNode;\n  size?: WorkloadCardSize;\n  variant?: WorkloadCardVariant;\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nexport type WorkloadCardSize = \"sm\" | \"md\" | \"lg\";\nexport type WorkloadCardVariant =\n  | \"default\"\n  | \"outline\"\n  | \"subtle\"\n  | \"elevated\"\n  | \"ghost\";\n\ntype MetricKey = keyof WorkloadCardMetrics;\n\ntype PanelMetric = {\n  key: MetricKey;\n  title: string;\n  unit?: string;\n  icon: WorkloadCardIcon;\n  metric: WorkloadCardResourceMetric;\n};\n\nconst KIND_ICONS: Record<WorkloadCardKind, StaticIconComponent> = {\n  service: K8SService,\n  ingress: K8SIngress,\n  deployment: K8SDeployment,\n  statefulset: K8SStatefulset,\n  pod: K8SPod,\n};\n\ntype WorkloadCardSizeClasses = {\n  root: string;\n  header: string;\n  titleGap: string;\n  icon: string;\n  name: string;\n  meta: string;\n  statusSize: \"xxs\" | \"xs\" | \"sm\";\n  action: string;\n  actionIcon: number;\n  metricGrid: string;\n  metricVariant: \"default\" | \"cell\";\n  empty: string;\n};\n\nconst SIZE_CLASSES: Record<WorkloadCardSize, WorkloadCardSizeClasses> = {\n  sm: {\n    root: \"p-2\",\n    header: \"mb-2 gap-2\",\n    titleGap: \"gap-1\",\n    icon: \"h-3.5 w-3.5\",\n    name: \"text-xs\",\n    meta: \"mt-0.5 gap-x-1.5 gap-y-0.5 text-[11px] leading-4\",\n    statusSize: \"xxs\",\n    action: \"h-5 w-5\",\n    actionIcon: 12,\n    metricGrid: \"grid-cols-1 gap-1.5\",\n    metricVariant: \"cell\",\n    empty: \"px-2 py-3 text-[11px]\",\n  },\n  md: {\n    root: \"p-3\",\n    header: \"mb-3 gap-2\",\n    titleGap: \"gap-1.5\",\n    icon: \"h-4 w-4\",\n    name: \"text-sm\",\n    meta: \"mt-0.5 gap-x-2 gap-y-0.5 text-xs\",\n    statusSize: \"xs\",\n    action: \"h-6 w-6\",\n    actionIcon: 14,\n    metricGrid: \"gap-3\",\n    metricVariant: \"default\",\n    empty: \"px-3 py-4 text-xs\",\n  },\n  lg: {\n    root: \"p-4\",\n    header: \"mb-4 gap-3\",\n    titleGap: \"gap-2\",\n    icon: \"h-5 w-5\",\n    name: \"text-base\",\n    meta: \"mt-1 gap-x-2 gap-y-1 text-xs\",\n    statusSize: \"sm\",\n    action: \"h-7 w-7\",\n    actionIcon: 16,\n    metricGrid: \"gap-4\",\n    metricVariant: \"default\",\n    empty: \"px-4 py-6 text-sm\",\n  },\n};\n\nconst VARIANT_CLASSES: Record<WorkloadCardVariant, string> = {\n  default: \"border-border bg-card text-card-foreground\",\n  outline: \"border-border bg-background text-foreground\",\n  subtle: \"border-transparent bg-muted/35 text-foreground\",\n  elevated: \"border-border/70 bg-card text-card-foreground shadow-sm\",\n  ghost: \"border-transparent bg-transparent text-foreground\",\n};\n\nfunction metricGridClass(count: number): string {\n  if (count <= 1) return \"grid-cols-1\";\n  if (count === 2) return \"grid-cols-2\";\n  return \"grid-cols-3\";\n}\n\n// Memory renders as cores-style bars at one bar per gibibyte, matching CPU; bytes\n// are fed raw and TimeseriesCoreBars divides by perBar so captions read \"x GiB\".\nconst MEMORY_BAR_UNIT = { perBar: 1024 ** 3, label: \"GiB\", barLabel: \"GiB\" };\n\nfunction WorkloadIcon({\n  icon,\n  title,\n  className,\n}: {\n  icon: WorkloadCardIcon;\n  title: string;\n  className?: string;\n}) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon name={icon} title={title} {...(className ? { className } : {})} />\n    );\n  }\n  return (\n    <Icon icon={icon} title={title} {...(className ? { className } : {})} />\n  );\n}\n\nfunction metricSeries(metric: WorkloadCardResourceMetric): TimeseriesSeries[] {\n  const series: TimeseriesSeries[] = [\n    { ...metric.value, label: metric.valueLabel ?? \"usage\" },\n  ];\n  if (typeof metric.max === \"object\") {\n    series.push({ ...metric.max, label: metric.maxLabel ?? \"limit\" });\n  }\n  return series;\n}\n\n// A fixed numeric max has no series to plot, so the history chart draws it as\n// a flat capacity line instead.\nfunction metricReferenceLines(\n  metric: WorkloadCardResourceMetric,\n): TimeseriesReferenceLine[] {\n  if (typeof metric.max !== \"number\") return [];\n  return [{ value: metric.max, label: metric.maxLabel ?? \"capacity\" }];\n}\n\nfunction hasMetric(metrics: WorkloadCardMetrics): boolean {\n  return Boolean(metrics.cpu || metrics.memory || metrics.disk);\n}\n\ntype HeaderMetaItem = { key: string; content: ReactNode; title?: string };\n\nfunction HeaderMeta({\n  separator,\n  title,\n  children,\n}: {\n  separator: boolean;\n  title?: string | undefined;\n  children: ReactNode;\n}) {\n  return (\n    <span className=\"inline-flex min-w-0 items-center gap-1\" title={title}>\n      {separator ? (\n        <span\n          className=\"h-1 w-1 shrink-0 rounded-full bg-muted-foreground/40\"\n          aria-hidden\n        />\n      ) : null}\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </span>\n  );\n}\n\nfunction headerMetaItems(\n  workload: WorkloadCardWorkload,\n  typeLabel: string | undefined,\n): HeaderMetaItem[] {\n  const items: HeaderMetaItem[] = [];\n  if (typeLabel) items.push({ key: \"type\", content: typeLabel });\n  if (workload.namespace) {\n    items.push({ key: \"namespace\", content: workload.namespace });\n  }\n  if (workload.role) items.push({ key: \"role\", content: workload.role });\n  const replicaText = formatReplicaCounts(workload.replicas);\n  if (replicaText) items.push({ key: \"replicas\", content: replicaText });\n  if (workload.createdAt !== undefined) {\n    items.push({\n      key: \"age\",\n      content: (\n        <>\n          age <Timestamp value={workload.createdAt} format=\"relative\" />\n        </>\n      ),\n    });\n  }\n  workload.metadata?.forEach((item, i) => {\n    const plain =\n      typeof item.value === \"string\" || typeof item.value === \"number\";\n    items.push({\n      key: `meta-${i}`,\n      content: (\n        <>\n          {item.icon ? (\n            <WorkloadIcon\n              icon={item.icon}\n              title={item.label}\n              className=\"h-3.5 w-auto shrink-0\"\n            />\n          ) : (\n            <span className=\"text-muted-foreground/70\">{item.label}</span>\n          )}{\" \"}\n          {item.value}\n        </>\n      ),\n      title: plain ? `${item.label}: ${item.value}` : item.label,\n    });\n  });\n  return items;\n}\n\n/**\n * WorkloadCard is a compact resource card for a workload: a Kubernetes\n * resource (`kind`) or anything else (a free-form `type`, `icon` and\n * `metadata`). It shows identity, status, subtitle metadata, and\n * CPU/memory/disk utilization backed by the existing time-series primitives:\n * CPU and memory as core-style bars (memory at one bar per GiB) and disk as a\n * linear progress bar. Callers own the metric series (URL ids or `load`\n * functions); the card only composes them.\n *\n * Like the timeseries widgets it renders, it needs a react-query\n * `QueryClientProvider` above it.\n */\nexport function WorkloadCard({\n  children,\n  workload,\n  metrics,\n  baseUrl,\n  range = \"1h\",\n  refreshMs = 5000,\n  expandable = true,\n  headerActions,\n  size = \"md\",\n  variant = \"default\",\n  fetcher,\n  className,\n}: WorkloadCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const typeLabel = workloadTypeLabel(workload);\n  const statusLabel = workloadStatusLabel(workload.status);\n  const metaItems = headerMetaItems(workload, typeLabel);\n  const workloadIcon =\n    workload.icon ?? (workload.kind ? KIND_ICONS[workload.kind] : UiBox);\n  const sizeClasses = SIZE_CLASSES[size];\n\n  const panelMetrics = useMemo(() => {\n    const list: PanelMetric[] = [];\n    if (metrics.cpu) {\n      list.push({\n        key: \"cpu\",\n        title: metrics.cpu.title ?? \"CPU\",\n        unit: metrics.cpu.unit ?? \"short\",\n        icon: metrics.cpu.icon ?? UiChip,\n        metric: metrics.cpu,\n      });\n    }\n    if (metrics.memory) {\n      list.push({\n        key: \"memory\",\n        title: metrics.memory.title ?? \"Memory\",\n        unit: metrics.memory.unit ?? \"bytes\",\n        icon: metrics.memory.icon ?? UiMemoryStick,\n        metric: metrics.memory,\n      });\n    }\n    if (metrics.disk) {\n      list.push({\n        key: \"disk\",\n        title: metrics.disk.title ?? \"Disk\",\n        unit: metrics.disk.unit ?? \"bytes\",\n        icon: metrics.disk.icon ?? UiHardDrive,\n        metric: metrics.disk,\n      });\n    }\n    return list;\n  }, [metrics]);\n\n  const metricProps = {\n    ...(baseUrl !== undefined ? { baseUrl } : {}),\n    range,\n    refreshMs,\n    ...(fetcher !== undefined ? { fetcher } : {}),\n  };\n  const canExpand = expandable && hasMetric(metrics);\n\n  return (\n    <div\n      className={cn(\n        \"w-full rounded-md border\",\n        VARIANT_CLASSES[variant],\n        sizeClasses.root,\n        className,\n      )}\n      data-size={size}\n      data-variant={variant}\n    >\n      <div\n        className={cn(\"flex items-start justify-between\", sizeClasses.header)}\n      >\n        <div className=\"min-w-0\">\n          <div\n            className={cn(\"flex min-w-0 items-center\", sizeClasses.titleGap)}\n          >\n            <WorkloadIcon\n              icon={workloadIcon}\n              title={typeLabel ?? workload.name}\n              className={cn(\"shrink-0 text-muted-foreground\", sizeClasses.icon)}\n            />\n            <span\n              className={cn(\"min-w-0 truncate font-medium\", sizeClasses.name)}\n              title={workload.name}\n            >\n              {workload.name}\n            </span>\n          </div>\n          {metaItems.length > 0 ? (\n            <div\n              className={cn(\n                \"flex flex-wrap items-center text-muted-foreground\",\n                sizeClasses.meta,\n              )}\n            >\n              {metaItems.map((item, i) => (\n                <HeaderMeta\n                  key={item.key}\n                  separator={i > 0}\n                  title={item.title}\n                >\n                  {item.content}\n                </HeaderMeta>\n              ))}\n            </div>\n          ) : null}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1\">\n          {statusLabel ? (\n            <span title={workload.status?.message}>\n              <Badge\n                tone={workloadStatusTone(workload.status)}\n                variant=\"soft\"\n                size={sizeClasses.statusSize}\n              >\n                {statusLabel}\n              </Badge>\n            </span>\n          ) : null}\n          {headerActions}\n          {canExpand ? (\n            <button\n              type=\"button\"\n              aria-label={`Open ${workload.name} history`}\n              title=\"History\"\n              onClick={() => setExpanded(true)}\n              className={cn(\n                \"inline-flex items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n                sizeClasses.action,\n              )}\n            >\n              <Icon\n                icon={UiFullscreen}\n                width={sizeClasses.actionIcon}\n                height={sizeClasses.actionIcon}\n              />\n            </button>\n          ) : null}\n        </div>\n      </div>\n\n      {children !== undefined ? children : hasMetric(metrics) ? (\n        <div\n          className={cn(\n            \"grid items-start gap-3\",\n            sizeClasses.metricVariant === \"cell\"\n              ? sizeClasses.metricGrid\n              : cn(\n                  metricGridClass(panelMetrics.length),\n                  sizeClasses.metricGrid,\n                ),\n          )}\n        >\n          {metrics.cpu ? (\n            <TimeseriesCoreBars\n              title={metrics.cpu.title ?? \"CPU\"}\n              icon={metrics.cpu.icon ?? UiChip}\n              value={metrics.cpu.value}\n              {...(metrics.cpu.max !== undefined\n                ? { max: metrics.cpu.max }\n                : {})}\n              {...(metrics.cpu.thresholds\n                ? { thresholds: metrics.cpu.thresholds }\n                : {})}\n              {...(metrics.cpu.orientation\n                ? { orientation: metrics.cpu.orientation }\n                : {})}\n              {...(metrics.cpu.showValue !== undefined\n                ? { showValue: metrics.cpu.showValue }\n                : {})}\n              variant={sizeClasses.metricVariant}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.memory ? (\n            <TimeseriesCoreBars\n              title={metrics.memory.title ?? \"Memory\"}\n              icon={metrics.memory.icon ?? UiMemoryStick}\n              value={metrics.memory.value}\n              unit={MEMORY_BAR_UNIT}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.memory.max !== undefined\n                ? { max: metrics.memory.max }\n                : {})}\n              {...(metrics.memory.thresholds\n                ? { thresholds: metrics.memory.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n          {metrics.disk ? (\n            <TimeseriesGauge\n              title={metrics.disk.title ?? \"Disk\"}\n              icon={metrics.disk.icon ?? UiHardDrive}\n              value={metrics.disk.value}\n              unit={metrics.disk.unit ?? \"bytes\"}\n              shape=\"linear\"\n              expandable={false}\n              centerDisplay={metrics.disk.centerDisplay ?? \"value\"}\n              variant={sizeClasses.metricVariant}\n              {...(metrics.disk.max !== undefined\n                ? { max: metrics.disk.max }\n                : {})}\n              {...(metrics.disk.thresholds\n                ? { thresholds: metrics.disk.thresholds }\n                : {})}\n              {...metricProps}\n            />\n          ) : null}\n        </div>\n      ) : (\n        <div\n          className={cn(\n            \"rounded-md border border-dashed border-border text-center text-muted-foreground\",\n            sizeClasses.empty,\n          )}\n        >\n          No metrics configured\n        </div>\n      )}\n\n      <Modal\n        open={expanded}\n        onClose={() => setExpanded(false)}\n        title={`${workload.name} history`}\n        size=\"xl\"\n      >\n        <div className=\"flex flex-col gap-3\">\n          {panelMetrics.map(({ key, title, unit, icon, metric }) => (\n            <TimeseriesPanel\n              key={key}\n              title={title}\n              icon={icon}\n              series={metricSeries(metric)}\n              referenceLines={metricReferenceLines(metric)}\n              {...(unit ? { unit } : {})}\n              {...metricProps}\n              expandable={false}\n            />\n          ))}\n        </div>\n      </Modal>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/data/WorkloadCard.model.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.model.cjs","names":[],"sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressBarsOrientation } from \"./ProgressBars\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\n\nexport type WorkloadCardKind =\n  | \"service\"\n  | \"ingress\"\n  | \"deployment\"\n  | \"statefulset\"\n  | \"pod\";\n\nexport type WorkloadCardIcon = string | StaticIconComponent;\n\nexport interface WorkloadCardReplicas {\n  ready?: number;\n  desired?: number;\n  available?: number;\n}\n\nexport interface WorkloadCardStatus {\n  /** Badge text; falls back to `code`, then `health`. Never affects the tone. */\n  label?: string;\n  code?: string;\n  /** Drives the tone: healthy → success, warning → warning, unhealthy → danger. */\n  health?: string;\n  /** Hover text for the status badge. */\n  message?: string;\n  /** Explicit badge tone; overrides the `health` mapping. */\n  tone?: BadgeTone;\n}\n\n/** One caller-defined fact shown in the card's subtitle row, e.g. a region. */\nexport interface WorkloadCardMetadataItem {\n  label: string;\n  value: ReactNode;\n}\n\n/**\n * The workload a card describes. Kubernetes workloads set `kind` (which picks\n * the icon and type label); anything else sets a free-form `type` label and\n * its own `icon`, and describes itself through `metadata`.\n */\nexport interface WorkloadCardWorkload {\n  /** Kubernetes kind; picks the default icon and type label. */\n  kind?: WorkloadCardKind;\n  /** Display label for the workload type, e.g. \"EC2 instance\". Overrides the kind label. */\n  type?: string;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\n  /** Extra label/value facts rendered after the built-ins in the subtitle row. */\n  metadata?: ReadonlyArray<WorkloadCardMetadataItem>;\n}\n\nexport interface WorkloadCardResourceMetric {\n  title?: string;\n  value: GaugeSeries;\n  max?: GaugeSeries | number;\n  valueLabel?: string;\n  maxLabel?: string;\n  unit?: string;\n  icon?: WorkloadCardIcon;\n  thresholds?: [warning: number, danger: number];\n  centerDisplay?: \"value\" | \"percent\";\n}\n\nexport interface WorkloadCardCpuMetric extends WorkloadCardResourceMetric {\n  orientation?: ProgressBarsOrientation;\n  showValue?: boolean;\n}\n\nexport interface WorkloadCardMetrics {\n  cpu?: WorkloadCardCpuMetric;\n  memory?: WorkloadCardResourceMetric;\n  disk?: WorkloadCardResourceMetric;\n}\n\nexport function workloadKindLabel(kind: WorkloadCardKind): string {\n  switch (kind) {\n    case \"statefulset\":\n      return \"StatefulSet\";\n    case \"deployment\":\n      return \"Deployment\";\n    case \"service\":\n      return \"Service\";\n    case \"ingress\":\n      return \"Ingress\";\n    case \"pod\":\n      return \"Pod\";\n  }\n}\n\n/** The type label shown in the subtitle: `type`, else the kind's label. */\nexport function workloadTypeLabel(\n  workload: Pick<WorkloadCardWorkload, \"kind\" | \"type\">,\n): string | undefined {\n  if (workload.type) return workload.type;\n  return workload.kind ? workloadKindLabel(workload.kind) : undefined;\n}\n\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\n/**\n * The status badge tone: an explicit `tone`, else a fixed mapping of `health`\n * (healthy → success, warning → warning, unhealthy → danger, anything else →\n * neutral). Free-text `label`/`code` never affect the tone — substring guesses\n * misfire (\"NotReady\" contains \"ready\", \"Broken\" contains \"ok\").\n */\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  switch (status?.health?.trim().toLowerCase()) {\n    case \"healthy\":\n      return \"success\";\n    case \"warning\":\n      return \"warning\";\n    case \"unhealthy\":\n      return \"danger\";\n    default:\n      return \"neutral\";\n  }\n}\n\nexport function formatReplicaCounts(\n  replicas: WorkloadCardReplicas | undefined,\n): string | undefined {\n  if (!replicas) return undefined;\n  if (replicas.ready !== undefined && replicas.desired !== undefined) {\n    return `${replicas.ready}/${replicas.desired} ready`;\n  }\n  if (replicas.available !== undefined && replicas.desired !== undefined) {\n    return `${replicas.available}/${replicas.desired} available`;\n  }\n  if (replicas.ready !== undefined) return `${replicas.ready} ready`;\n  if (replicas.desired !== undefined) return `${replicas.desired} desired`;\n  if (replicas.available !== undefined)\n    return `${replicas.available} available`;\n  return undefined;\n}\n"],"mappings":";AAmFA,SAAgB,kBAAkB,MAAgC;CAChE,QAAQ,MAAR;EACE,KAAK,eACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,OACH,OAAO;CACX;AACF;;AAGA,SAAgB,kBACd,UACoB;CACpB,IAAI,SAAS,MAAM,OAAO,SAAS;CACnC,OAAO,SAAS,OAAO,kBAAkB,SAAS,IAAI,IAAI,KAAA;AAC5D;AAEA,SAAgB,oBACd,QACoB;CACpB,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAClD;;;;;;;AAQA,SAAgB,mBACd,QACW;CACX,IAAI,QAAQ,MAAM,OAAO,OAAO;CAChC,QAAQ,QAAQ,QAAQ,KAAK,CAAC,CAAC,YAAY,GAA3C;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBACd,UACoB;CACpB,IAAI,CAAC,UAAU,OAAO,KAAA;CACtB,IAAI,SAAS,UAAU,KAAA,KAAa,SAAS,YAAY,KAAA,GACvD,OAAO,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ;CAE/C,IAAI,SAAS,cAAc,KAAA,KAAa,SAAS,YAAY,KAAA,GAC3D,OAAO,GAAG,SAAS,UAAU,GAAG,SAAS,QAAQ;CAEnD,IAAI,SAAS,UAAU,KAAA,GAAW,OAAO,GAAG,SAAS,MAAM;CAC3D,IAAI,SAAS,YAAY,KAAA,GAAW,OAAO,GAAG,SAAS,QAAQ;CAC/D,IAAI,SAAS,cAAc,KAAA,GACzB,OAAO,GAAG,SAAS,UAAU;AAEjC"}
+{"version":3,"file":"WorkloadCard.model.cjs","names":[],"sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressBarsOrientation } from \"./ProgressBars\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\n\nexport type WorkloadCardKind =\n  | \"service\"\n  | \"ingress\"\n  | \"deployment\"\n  | \"statefulset\"\n  | \"pod\";\n\nexport type WorkloadCardIcon = string | StaticIconComponent;\n\nexport interface WorkloadCardReplicas {\n  ready?: number;\n  desired?: number;\n  available?: number;\n}\n\nexport interface WorkloadCardStatus {\n  /** Badge text; falls back to `code`, then `health`. Never affects the tone. */\n  label?: string;\n  code?: string;\n  /** Drives the tone: healthy → success, warning → warning, unhealthy → danger. */\n  health?: string;\n  /** Hover text for the status badge. */\n  message?: string;\n  /** Explicit badge tone; overrides the `health` mapping. */\n  tone?: BadgeTone;\n}\n\n/** One caller-defined fact shown in the card's subtitle row, e.g. a region. */\nexport interface WorkloadCardMetadataItem {\n  label: string;\n  value: ReactNode;\n  /** Shown instead of the label text; the label moves to the hover title. */\n  icon?: WorkloadCardIcon;\n}\n\n/**\n * The workload a card describes. Kubernetes workloads set `kind` (which picks\n * the icon and type label); anything else sets a free-form `type` label and\n * its own `icon`, and describes itself through `metadata`.\n */\nexport interface WorkloadCardWorkload {\n  /** Kubernetes kind; picks the default icon and type label. */\n  kind?: WorkloadCardKind;\n  /** Display label for the workload type, e.g. \"EC2 instance\". Overrides the kind label. */\n  type?: string;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\n  /** Extra label/value facts rendered after the built-ins in the subtitle row. */\n  metadata?: ReadonlyArray<WorkloadCardMetadataItem>;\n}\n\nexport interface WorkloadCardResourceMetric {\n  title?: string;\n  value: GaugeSeries;\n  max?: GaugeSeries | number;\n  valueLabel?: string;\n  maxLabel?: string;\n  unit?: string;\n  icon?: WorkloadCardIcon;\n  thresholds?: [warning: number, danger: number];\n  centerDisplay?: \"value\" | \"percent\";\n}\n\nexport interface WorkloadCardCpuMetric extends WorkloadCardResourceMetric {\n  orientation?: ProgressBarsOrientation;\n  showValue?: boolean;\n}\n\nexport interface WorkloadCardMetrics {\n  cpu?: WorkloadCardCpuMetric;\n  memory?: WorkloadCardResourceMetric;\n  disk?: WorkloadCardResourceMetric;\n}\n\nexport function workloadKindLabel(kind: WorkloadCardKind): string {\n  switch (kind) {\n    case \"statefulset\":\n      return \"StatefulSet\";\n    case \"deployment\":\n      return \"Deployment\";\n    case \"service\":\n      return \"Service\";\n    case \"ingress\":\n      return \"Ingress\";\n    case \"pod\":\n      return \"Pod\";\n  }\n}\n\n/** The type label shown in the subtitle: `type`, else the kind's label. */\nexport function workloadTypeLabel(\n  workload: Pick<WorkloadCardWorkload, \"kind\" | \"type\">,\n): string | undefined {\n  if (workload.type) return workload.type;\n  return workload.kind ? workloadKindLabel(workload.kind) : undefined;\n}\n\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\n/**\n * The status badge tone: an explicit `tone`, else a fixed mapping of `health`\n * (healthy → success, warning → warning, unhealthy → danger, anything else →\n * neutral). Free-text `label`/`code` never affect the tone — substring guesses\n * misfire (\"NotReady\" contains \"ready\", \"Broken\" contains \"ok\").\n */\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  switch (status?.health?.trim().toLowerCase()) {\n    case \"healthy\":\n      return \"success\";\n    case \"warning\":\n      return \"warning\";\n    case \"unhealthy\":\n      return \"danger\";\n    default:\n      return \"neutral\";\n  }\n}\n\nexport function formatReplicaCounts(\n  replicas: WorkloadCardReplicas | undefined,\n): string | undefined {\n  if (!replicas) return undefined;\n  if (replicas.ready !== undefined && replicas.desired !== undefined) {\n    return `${replicas.ready}/${replicas.desired} ready`;\n  }\n  if (replicas.available !== undefined && replicas.desired !== undefined) {\n    return `${replicas.available}/${replicas.desired} available`;\n  }\n  if (replicas.ready !== undefined) return `${replicas.ready} ready`;\n  if (replicas.desired !== undefined) return `${replicas.desired} desired`;\n  if (replicas.available !== undefined)\n    return `${replicas.available} available`;\n  return undefined;\n}\n"],"mappings":";AAqFA,SAAgB,kBAAkB,MAAgC;CAChE,QAAQ,MAAR;EACE,KAAK,eACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,OACH,OAAO;CACX;AACF;;AAGA,SAAgB,kBACd,UACoB;CACpB,IAAI,SAAS,MAAM,OAAO,SAAS;CACnC,OAAO,SAAS,OAAO,kBAAkB,SAAS,IAAI,IAAI,KAAA;AAC5D;AAEA,SAAgB,oBACd,QACoB;CACpB,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAClD;;;;;;;AAQA,SAAgB,mBACd,QACW;CACX,IAAI,QAAQ,MAAM,OAAO,OAAO;CAChC,QAAQ,QAAQ,QAAQ,KAAK,CAAC,CAAC,YAAY,GAA3C;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBACd,UACoB;CACpB,IAAI,CAAC,UAAU,OAAO,KAAA;CACtB,IAAI,SAAS,UAAU,KAAA,KAAa,SAAS,YAAY,KAAA,GACvD,OAAO,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ;CAE/C,IAAI,SAAS,cAAc,KAAA,KAAa,SAAS,YAAY,KAAA,GAC3D,OAAO,GAAG,SAAS,UAAU,GAAG,SAAS,QAAQ;CAEnD,IAAI,SAAS,UAAU,KAAA,GAAW,OAAO,GAAG,SAAS,MAAM;CAC3D,IAAI,SAAS,YAAY,KAAA,GAAW,OAAO,GAAG,SAAS,QAAQ;CAC/D,IAAI,SAAS,cAAc,KAAA,GACzB,OAAO,GAAG,SAAS,UAAU;AAEjC"}

package/dist/data/WorkloadCard.model.d.ts

@@ -25,6 +25,8 @@ export interface WorkloadCardStatus {
 export interface WorkloadCardMetadataItem {
     label: string;
     value: ReactNode;
+    /** Shown instead of the label text; the label moves to the hover title. */
+    icon?: WorkloadCardIcon;
 }
 /**
  * The workload a card describes. Kubernetes workloads set `kind` (which picks

package/dist/data/WorkloadCard.model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.model.d.ts","sourceRoot":"","sources":["../../src/data/WorkloadCard.model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"WorkloadCard.model.d.ts","sourceRoot":"","sources":["../../src/data/WorkloadCard.model.ts"],"names":[],"mappings":"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"}

package/dist/data/WorkloadCard.model.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.model.js","names":[],"sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressBarsOrientation } from \"./ProgressBars\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\n\nexport type WorkloadCardKind =\n  | \"service\"\n  | \"ingress\"\n  | \"deployment\"\n  | \"statefulset\"\n  | \"pod\";\n\nexport type WorkloadCardIcon = string | StaticIconComponent;\n\nexport interface WorkloadCardReplicas {\n  ready?: number;\n  desired?: number;\n  available?: number;\n}\n\nexport interface WorkloadCardStatus {\n  /** Badge text; falls back to `code`, then `health`. Never affects the tone. */\n  label?: string;\n  code?: string;\n  /** Drives the tone: healthy → success, warning → warning, unhealthy → danger. */\n  health?: string;\n  /** Hover text for the status badge. */\n  message?: string;\n  /** Explicit badge tone; overrides the `health` mapping. */\n  tone?: BadgeTone;\n}\n\n/** One caller-defined fact shown in the card's subtitle row, e.g. a region. */\nexport interface WorkloadCardMetadataItem {\n  label: string;\n  value: ReactNode;\n}\n\n/**\n * The workload a card describes. Kubernetes workloads set `kind` (which picks\n * the icon and type label); anything else sets a free-form `type` label and\n * its own `icon`, and describes itself through `metadata`.\n */\nexport interface WorkloadCardWorkload {\n  /** Kubernetes kind; picks the default icon and type label. */\n  kind?: WorkloadCardKind;\n  /** Display label for the workload type, e.g. \"EC2 instance\". Overrides the kind label. */\n  type?: string;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\n  /** Extra label/value facts rendered after the built-ins in the subtitle row. */\n  metadata?: ReadonlyArray<WorkloadCardMetadataItem>;\n}\n\nexport interface WorkloadCardResourceMetric {\n  title?: string;\n  value: GaugeSeries;\n  max?: GaugeSeries | number;\n  valueLabel?: string;\n  maxLabel?: string;\n  unit?: string;\n  icon?: WorkloadCardIcon;\n  thresholds?: [warning: number, danger: number];\n  centerDisplay?: \"value\" | \"percent\";\n}\n\nexport interface WorkloadCardCpuMetric extends WorkloadCardResourceMetric {\n  orientation?: ProgressBarsOrientation;\n  showValue?: boolean;\n}\n\nexport interface WorkloadCardMetrics {\n  cpu?: WorkloadCardCpuMetric;\n  memory?: WorkloadCardResourceMetric;\n  disk?: WorkloadCardResourceMetric;\n}\n\nexport function workloadKindLabel(kind: WorkloadCardKind): string {\n  switch (kind) {\n    case \"statefulset\":\n      return \"StatefulSet\";\n    case \"deployment\":\n      return \"Deployment\";\n    case \"service\":\n      return \"Service\";\n    case \"ingress\":\n      return \"Ingress\";\n    case \"pod\":\n      return \"Pod\";\n  }\n}\n\n/** The type label shown in the subtitle: `type`, else the kind's label. */\nexport function workloadTypeLabel(\n  workload: Pick<WorkloadCardWorkload, \"kind\" | \"type\">,\n): string | undefined {\n  if (workload.type) return workload.type;\n  return workload.kind ? workloadKindLabel(workload.kind) : undefined;\n}\n\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\n/**\n * The status badge tone: an explicit `tone`, else a fixed mapping of `health`\n * (healthy → success, warning → warning, unhealthy → danger, anything else →\n * neutral). Free-text `label`/`code` never affect the tone — substring guesses\n * misfire (\"NotReady\" contains \"ready\", \"Broken\" contains \"ok\").\n */\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  switch (status?.health?.trim().toLowerCase()) {\n    case \"healthy\":\n      return \"success\";\n    case \"warning\":\n      return \"warning\";\n    case \"unhealthy\":\n      return \"danger\";\n    default:\n      return \"neutral\";\n  }\n}\n\nexport function formatReplicaCounts(\n  replicas: WorkloadCardReplicas | undefined,\n): string | undefined {\n  if (!replicas) return undefined;\n  if (replicas.ready !== undefined && replicas.desired !== undefined) {\n    return `${replicas.ready}/${replicas.desired} ready`;\n  }\n  if (replicas.available !== undefined && replicas.desired !== undefined) {\n    return `${replicas.available}/${replicas.desired} available`;\n  }\n  if (replicas.ready !== undefined) return `${replicas.ready} ready`;\n  if (replicas.desired !== undefined) return `${replicas.desired} desired`;\n  if (replicas.available !== undefined)\n    return `${replicas.available} available`;\n  return undefined;\n}\n"],"mappings":";AAmFA,SAAgB,kBAAkB,MAAgC;CAChE,QAAQ,MAAR;EACE,KAAK,eACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,OACH,OAAO;CACX;AACF;;AAGA,SAAgB,kBACd,UACoB;CACpB,IAAI,SAAS,MAAM,OAAO,SAAS;CACnC,OAAO,SAAS,OAAO,kBAAkB,SAAS,IAAI,IAAI,KAAA;AAC5D;AAEA,SAAgB,oBACd,QACoB;CACpB,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAClD;;;;;;;AAQA,SAAgB,mBACd,QACW;CACX,IAAI,QAAQ,MAAM,OAAO,OAAO;CAChC,QAAQ,QAAQ,QAAQ,KAAK,CAAC,CAAC,YAAY,GAA3C;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBACd,UACoB;CACpB,IAAI,CAAC,UAAU,OAAO,KAAA;CACtB,IAAI,SAAS,UAAU,KAAA,KAAa,SAAS,YAAY,KAAA,GACvD,OAAO,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ;CAE/C,IAAI,SAAS,cAAc,KAAA,KAAa,SAAS,YAAY,KAAA,GAC3D,OAAO,GAAG,SAAS,UAAU,GAAG,SAAS,QAAQ;CAEnD,IAAI,SAAS,UAAU,KAAA,GAAW,OAAO,GAAG,SAAS,MAAM;CAC3D,IAAI,SAAS,YAAY,KAAA,GAAW,OAAO,GAAG,SAAS,QAAQ;CAC/D,IAAI,SAAS,cAAc,KAAA,GACzB,OAAO,GAAG,SAAS,UAAU;AAEjC"}
+{"version":3,"file":"WorkloadCard.model.js","names":[],"sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { ProgressBarsOrientation } from \"./ProgressBars\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\n\nexport type WorkloadCardKind =\n  | \"service\"\n  | \"ingress\"\n  | \"deployment\"\n  | \"statefulset\"\n  | \"pod\";\n\nexport type WorkloadCardIcon = string | StaticIconComponent;\n\nexport interface WorkloadCardReplicas {\n  ready?: number;\n  desired?: number;\n  available?: number;\n}\n\nexport interface WorkloadCardStatus {\n  /** Badge text; falls back to `code`, then `health`. Never affects the tone. */\n  label?: string;\n  code?: string;\n  /** Drives the tone: healthy → success, warning → warning, unhealthy → danger. */\n  health?: string;\n  /** Hover text for the status badge. */\n  message?: string;\n  /** Explicit badge tone; overrides the `health` mapping. */\n  tone?: BadgeTone;\n}\n\n/** One caller-defined fact shown in the card's subtitle row, e.g. a region. */\nexport interface WorkloadCardMetadataItem {\n  label: string;\n  value: ReactNode;\n  /** Shown instead of the label text; the label moves to the hover title. */\n  icon?: WorkloadCardIcon;\n}\n\n/**\n * The workload a card describes. Kubernetes workloads set `kind` (which picks\n * the icon and type label); anything else sets a free-form `type` label and\n * its own `icon`, and describes itself through `metadata`.\n */\nexport interface WorkloadCardWorkload {\n  /** Kubernetes kind; picks the default icon and type label. */\n  kind?: WorkloadCardKind;\n  /** Display label for the workload type, e.g. \"EC2 instance\". Overrides the kind label. */\n  type?: string;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\n  /** Extra label/value facts rendered after the built-ins in the subtitle row. */\n  metadata?: ReadonlyArray<WorkloadCardMetadataItem>;\n}\n\nexport interface WorkloadCardResourceMetric {\n  title?: string;\n  value: GaugeSeries;\n  max?: GaugeSeries | number;\n  valueLabel?: string;\n  maxLabel?: string;\n  unit?: string;\n  icon?: WorkloadCardIcon;\n  thresholds?: [warning: number, danger: number];\n  centerDisplay?: \"value\" | \"percent\";\n}\n\nexport interface WorkloadCardCpuMetric extends WorkloadCardResourceMetric {\n  orientation?: ProgressBarsOrientation;\n  showValue?: boolean;\n}\n\nexport interface WorkloadCardMetrics {\n  cpu?: WorkloadCardCpuMetric;\n  memory?: WorkloadCardResourceMetric;\n  disk?: WorkloadCardResourceMetric;\n}\n\nexport function workloadKindLabel(kind: WorkloadCardKind): string {\n  switch (kind) {\n    case \"statefulset\":\n      return \"StatefulSet\";\n    case \"deployment\":\n      return \"Deployment\";\n    case \"service\":\n      return \"Service\";\n    case \"ingress\":\n      return \"Ingress\";\n    case \"pod\":\n      return \"Pod\";\n  }\n}\n\n/** The type label shown in the subtitle: `type`, else the kind's label. */\nexport function workloadTypeLabel(\n  workload: Pick<WorkloadCardWorkload, \"kind\" | \"type\">,\n): string | undefined {\n  if (workload.type) return workload.type;\n  return workload.kind ? workloadKindLabel(workload.kind) : undefined;\n}\n\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\n/**\n * The status badge tone: an explicit `tone`, else a fixed mapping of `health`\n * (healthy → success, warning → warning, unhealthy → danger, anything else →\n * neutral). Free-text `label`/`code` never affect the tone — substring guesses\n * misfire (\"NotReady\" contains \"ready\", \"Broken\" contains \"ok\").\n */\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  switch (status?.health?.trim().toLowerCase()) {\n    case \"healthy\":\n      return \"success\";\n    case \"warning\":\n      return \"warning\";\n    case \"unhealthy\":\n      return \"danger\";\n    default:\n      return \"neutral\";\n  }\n}\n\nexport function formatReplicaCounts(\n  replicas: WorkloadCardReplicas | undefined,\n): string | undefined {\n  if (!replicas) return undefined;\n  if (replicas.ready !== undefined && replicas.desired !== undefined) {\n    return `${replicas.ready}/${replicas.desired} ready`;\n  }\n  if (replicas.available !== undefined && replicas.desired !== undefined) {\n    return `${replicas.available}/${replicas.desired} available`;\n  }\n  if (replicas.ready !== undefined) return `${replicas.ready} ready`;\n  if (replicas.desired !== undefined) return `${replicas.desired} desired`;\n  if (replicas.available !== undefined)\n    return `${replicas.available} available`;\n  return undefined;\n}\n"],"mappings":";AAqFA,SAAgB,kBAAkB,MAAgC;CAChE,QAAQ,MAAR;EACE,KAAK,eACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,OACH,OAAO;CACX;AACF;;AAGA,SAAgB,kBACd,UACoB;CACpB,IAAI,SAAS,MAAM,OAAO,SAAS;CACnC,OAAO,SAAS,OAAO,kBAAkB,SAAS,IAAI,IAAI,KAAA;AAC5D;AAEA,SAAgB,oBACd,QACoB;CACpB,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAClD;;;;;;;AAQA,SAAgB,mBACd,QACW;CACX,IAAI,QAAQ,MAAM,OAAO,OAAO;CAChC,QAAQ,QAAQ,QAAQ,KAAK,CAAC,CAAC,YAAY,GAA3C;EACE,KAAK,WACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAEA,SAAgB,oBACd,UACoB;CACpB,IAAI,CAAC,UAAU,OAAO,KAAA;CACtB,IAAI,SAAS,UAAU,KAAA,KAAa,SAAS,YAAY,KAAA,GACvD,OAAO,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ;CAE/C,IAAI,SAAS,cAAc,KAAA,KAAa,SAAS,YAAY,KAAA,GAC3D,OAAO,GAAG,SAAS,UAAU,GAAG,SAAS,QAAQ;CAEnD,IAAI,SAAS,UAAU,KAAA,GAAW,OAAO,GAAG,SAAS,MAAM;CAC3D,IAAI,SAAS,YAAY,KAAA,GAAW,OAAO,GAAG,SAAS,QAAQ;CAC/D,IAAI,SAAS,cAAc,KAAA,GACzB,OAAO,GAAG,SAAS,UAAU;AAEjC"}

package/dist/data/ai/ChatWindow.placement.cjs

@@ -1,10 +1,11 @@
 const require_utils = require("../../lib/utils.cjs");
+const require_breakpoints = require("../../lib/breakpoints.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/ai/ChatWindow.placement.tsx
 /** The small-screen query the chat window switches to a full-screen sheet at.
 *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align
 *  their own chrome (e.g. hide a bottom bar) with it. */
-var CHAT_WINDOW_MOBILE_QUERY = "(max-width: 767px)";
+var CHAT_WINDOW_MOBILE_QUERY = require_breakpoints.belowBreakpoint("md");
 var MAXIMIZE_CSS = `
 .chat-maximized .react-draggable {
   transform: none !important;

package/dist/data/ai/ChatWindow.placement.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.placement.cjs","names":["cn"],"sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"sourcesContent":["import type { ComponentType, CSSProperties, ReactNode } from \"react\";\nimport type { Props as RndProps } from \"react-rnd\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatWindowState } from \"./chat-window-context\";\n\n/** The small-screen query the chat window switches to a full-screen sheet at.\n *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align\n *  their own chrome (e.g. hide a bottom bar) with it. */\nexport const CHAT_WINDOW_MOBILE_QUERY = \"(max-width: 767px)\";\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** The window on a phone: fixed to the dynamic viewport (`h-dvh`, so a URL-bar\n *  or on-screen-keyboard resize never pushes the prompt off-screen), clipped so\n *  the document cannot scroll, padded by the top and side safe areas (the\n *  prompt bar pads its own bottom), never draggable or resizable. `hidden`\n *  keeps a non-front window mounted (its stream and draft survive) without\n *  painting it. */\nexport function ChatWindowSheet({\n  layerStyle,\n  hidden,\n  children,\n}: {\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  hidden: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div hidden={hidden}>\n      <div\n        data-testid=\"chat-window-sheet\"\n        className={cn(\n          \"fixed inset-x-0 top-0 flex h-dvh flex-col overflow-hidden bg-background\",\n          \"pt-[env(safe-area-inset-top)]\",\n          \"pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]\",\n        )}\n        style={layerStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** The window on a larger screen: a draggable/resizable react-rnd box. Until\n *  react-rnd loads (and as a graceful fallback if it never does) the window is\n *  statically positioned — still usable, just not draggable. */\nexport function ChatWindowFloating({\n  panel,\n  layerStyle,\n  Rnd,\n  onDragStart,\n  onGeometryChange,\n  children,\n}: {\n  panel: ChatWindowState;\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  Rnd: ComponentType<RndProps> | null;\n  onDragStart: () => void;\n  onGeometryChange: (\n    partial: Pick<Partial<ChatWindowState>, \"x\" | \"y\" | \"width\" | \"height\">,\n  ) => void;\n  children: ReactNode;\n}) {\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={layerStyle}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : {\n                  position: \"absolute\",\n                  left: panel.x,\n                  top: panel.y,\n                  width: panel.width,\n                  height: panel.height,\n                }\n          }\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={layerStyle}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{\n          x: panel.x,\n          y: panel.y,\n          width: panel.width,\n          height: panel.height,\n        }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={Math.min(360, Math.max(1, window.innerWidth - 32))}\n        minHeight={Math.min(400, Math.max(1, window.innerHeight - 32))}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={onDragStart}\n        onDragStop={(_e, d) => onGeometryChange({ x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          onGeometryChange({\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {children}\n      </Rnd>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,IAAa,2BAA2B;AAExC,IAAM,eAAe;;;;;;;;;;;;;;AAerB,SAAgB,gBAAgB,EAC9B,YACA,QACA,YAMC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAa;EACX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,eAAY;GACZ,WAAWA,cAAAA,GACT,2EACA,iCACA,gEACF;GACA,OAAO;GAEN;EACE,CAAA;CACF,CAAA;AAET;;;;AAKA,SAAgB,mBAAmB,EACjC,OACA,YACA,KACA,aACA,kBACA,YAWC;CACD,MAAM,aAAaA,cAAAA,GACjB,6BACA,MAAM,YAAY,2BAA2B,SAC/C;CAEA,IAAI,CAAC,KACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,OACE,MAAM,YACF;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;GAAO,IACtD;IACE,UAAU;IACV,MAAM,MAAM;IACZ,KAAK,MAAM;IACX,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GAGL;EACE,CAAA;CACF,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,EAAA,UAAQ,aAAoB,CAAA,GAC5B,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GACE,SAAS;IACP,GAAG,MAAM;IACT,GAAG,MAAM;IACT,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GACA,OAAO,EAAE,eAAe,OAAO;GAC/B,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,aAAa,EAAE,CAAC;GAC3D,WAAW,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,cAAc,EAAE,CAAC;GAC7D,QAAO;GACP,qBAAoB;GACpB,iBAAiB,MAAM;GACvB,gBAAgB,CAAC,MAAM;GACV;GACb,aAAa,IAAI,MAAM,iBAAiB;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE,CAAC;GAC1D,eAAe,IAAI,MAAM,KAAK,QAAQ,QACpC,iBAAiB;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,GAAG,IAAI;IACP,GAAG,IAAI;GACT,CAAC;GAGF;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"ChatWindow.placement.cjs","names":["belowBreakpoint","cn"],"sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"sourcesContent":["import type { ComponentType, CSSProperties, ReactNode } from \"react\";\nimport type { Props as RndProps } from \"react-rnd\";\nimport { cn } from \"../../lib/utils\";\nimport { belowBreakpoint } from \"../../lib/breakpoints\";\nimport type { ChatWindowState } from \"./chat-window-context\";\n\n/** The small-screen query the chat window switches to a full-screen sheet at.\n *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align\n *  their own chrome (e.g. hide a bottom bar) with it. */\nexport const CHAT_WINDOW_MOBILE_QUERY = belowBreakpoint(\"md\");\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** The window on a phone: fixed to the dynamic viewport (`h-dvh`, so a URL-bar\n *  or on-screen-keyboard resize never pushes the prompt off-screen), clipped so\n *  the document cannot scroll, padded by the top and side safe areas (the\n *  prompt bar pads its own bottom), never draggable or resizable. `hidden`\n *  keeps a non-front window mounted (its stream and draft survive) without\n *  painting it. */\nexport function ChatWindowSheet({\n  layerStyle,\n  hidden,\n  children,\n}: {\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  hidden: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div hidden={hidden}>\n      <div\n        data-testid=\"chat-window-sheet\"\n        className={cn(\n          \"fixed inset-x-0 top-0 flex h-dvh flex-col overflow-hidden bg-background\",\n          \"pt-[env(safe-area-inset-top)]\",\n          \"pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]\",\n        )}\n        style={layerStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** The window on a larger screen: a draggable/resizable react-rnd box. Until\n *  react-rnd loads (and as a graceful fallback if it never does) the window is\n *  statically positioned — still usable, just not draggable. */\nexport function ChatWindowFloating({\n  panel,\n  layerStyle,\n  Rnd,\n  onDragStart,\n  onGeometryChange,\n  children,\n}: {\n  panel: ChatWindowState;\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  Rnd: ComponentType<RndProps> | null;\n  onDragStart: () => void;\n  onGeometryChange: (\n    partial: Pick<Partial<ChatWindowState>, \"x\" | \"y\" | \"width\" | \"height\">,\n  ) => void;\n  children: ReactNode;\n}) {\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={layerStyle}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : {\n                  position: \"absolute\",\n                  left: panel.x,\n                  top: panel.y,\n                  width: panel.width,\n                  height: panel.height,\n                }\n          }\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={layerStyle}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{\n          x: panel.x,\n          y: panel.y,\n          width: panel.width,\n          height: panel.height,\n        }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={Math.min(360, Math.max(1, window.innerWidth - 32))}\n        minHeight={Math.min(400, Math.max(1, window.innerHeight - 32))}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={onDragStart}\n        onDragStop={(_e, d) => onGeometryChange({ x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          onGeometryChange({\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {children}\n      </Rnd>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AASA,IAAa,2BAA2BA,oBAAAA,gBAAgB,IAAI;AAE5D,IAAM,eAAe;;;;;;;;;;;;;;AAerB,SAAgB,gBAAgB,EAC9B,YACA,QACA,YAMC;CACD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAa;EACX,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,eAAY;GACZ,WAAWC,cAAAA,GACT,2EACA,iCACA,gEACF;GACA,OAAO;GAEN;EACE,CAAA;CACF,CAAA;AAET;;;;AAKA,SAAgB,mBAAmB,EACjC,OACA,YACA,KACA,aACA,kBACA,YAWC;CACD,MAAM,aAAaA,cAAAA,GACjB,6BACA,MAAM,YAAY,2BAA2B,SAC/C;CAEA,IAAI,CAAC,KACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EACjC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,WAAU;GACV,OACE,MAAM,YACF;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;GAAO,IACtD;IACE,UAAU;IACV,MAAM,MAAM;IACZ,KAAK,MAAM;IACX,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GAGL;EACE,CAAA;CACF,CAAA;CAIT,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,EAAA,UAAQ,aAAoB,CAAA,GAC5B,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;GACE,SAAS;IACP,GAAG,MAAM;IACT,GAAG,MAAM;IACT,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GACA,OAAO,EAAE,eAAe,OAAO;GAC/B,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,aAAa,EAAE,CAAC;GAC3D,WAAW,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,cAAc,EAAE,CAAC;GAC7D,QAAO;GACP,qBAAoB;GACpB,iBAAiB,MAAM;GACvB,gBAAgB,CAAC,MAAM;GACV;GACb,aAAa,IAAI,MAAM,iBAAiB;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE,CAAC;GAC1D,eAAe,IAAI,MAAM,KAAK,QAAQ,QACpC,iBAAiB;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,GAAG,IAAI;IACP,GAAG,IAAI;GACT,CAAC;GAGF;EACE,CAAA,CACF;;AAET"}

package/dist/data/ai/ChatWindow.placement.d.ts

@@ -4,7 +4,7 @@ import { ChatWindowState } from './chat-window-context.js';
 /** The small-screen query the chat window switches to a full-screen sheet at.
  *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align
  *  their own chrome (e.g. hide a bottom bar) with it. */
-export declare const CHAT_WINDOW_MOBILE_QUERY = "(max-width: 767px)";
+export declare const CHAT_WINDOW_MOBILE_QUERY: string;
 /** The window on a phone: fixed to the dynamic viewport (`h-dvh`, so a URL-bar
  *  or on-screen-keyboard resize never pushes the prompt off-screen), clipped so
  *  the document cannot scroll, padded by the top and side safe areas (the

package/dist/data/ai/ChatWindow.placement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.placement.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;yDAEyD;AACzD,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAW7D;;;;;mBAKmB;AACnB,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE;IACD,0EAA0E;IAC1E,UAAU,EAAE,aAAa,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAgBA;AAED;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,GAAG,EACH,WAAW,EACX,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,0EAA0E;IAC1E,UAAU,EAAE,aAAa,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAChB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC,KACpE,IAAI,CAAC;IACV,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA6DA"}
+{"version":3,"file":"ChatWindow.placement.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,KAAK,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,WAAW,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;yDAEyD;AACzD,eAAO,MAAM,wBAAwB,QAAwB,CAAC;AAW9D;;;;;mBAKmB;AACnB,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE;IACD,0EAA0E;IAC1E,UAAU,EAAE,aAAa,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAgBA;AAED;;gEAEgE;AAChE,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,UAAU,EACV,GAAG,EACH,WAAW,EACX,gBAAgB,EAChB,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,0EAA0E;IAC1E,UAAU,EAAE,aAAa,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,CAChB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,CAAC,KACpE,IAAI,CAAC;IACV,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA6DA"}

package/dist/data/ai/ChatWindow.placement.js

@@ -1,10 +1,11 @@
 import { cn } from "../../lib/utils.js";
+import { belowBreakpoint } from "../../lib/breakpoints.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/data/ai/ChatWindow.placement.tsx
 /** The small-screen query the chat window switches to a full-screen sheet at.
 *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align
 *  their own chrome (e.g. hide a bottom bar) with it. */
-var CHAT_WINDOW_MOBILE_QUERY = "(max-width: 767px)";
+var CHAT_WINDOW_MOBILE_QUERY = belowBreakpoint("md");
 var MAXIMIZE_CSS = `
 .chat-maximized .react-draggable {
   transform: none !important;

package/dist/data/ai/ChatWindow.placement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.placement.js","names":[],"sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"sourcesContent":["import type { ComponentType, CSSProperties, ReactNode } from \"react\";\nimport type { Props as RndProps } from \"react-rnd\";\nimport { cn } from \"../../lib/utils\";\nimport type { ChatWindowState } from \"./chat-window-context\";\n\n/** The small-screen query the chat window switches to a full-screen sheet at.\n *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align\n *  their own chrome (e.g. hide a bottom bar) with it. */\nexport const CHAT_WINDOW_MOBILE_QUERY = \"(max-width: 767px)\";\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** The window on a phone: fixed to the dynamic viewport (`h-dvh`, so a URL-bar\n *  or on-screen-keyboard resize never pushes the prompt off-screen), clipped so\n *  the document cannot scroll, padded by the top and side safe areas (the\n *  prompt bar pads its own bottom), never draggable or resizable. `hidden`\n *  keeps a non-front window mounted (its stream and draft survive) without\n *  painting it. */\nexport function ChatWindowSheet({\n  layerStyle,\n  hidden,\n  children,\n}: {\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  hidden: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div hidden={hidden}>\n      <div\n        data-testid=\"chat-window-sheet\"\n        className={cn(\n          \"fixed inset-x-0 top-0 flex h-dvh flex-col overflow-hidden bg-background\",\n          \"pt-[env(safe-area-inset-top)]\",\n          \"pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]\",\n        )}\n        style={layerStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** The window on a larger screen: a draggable/resizable react-rnd box. Until\n *  react-rnd loads (and as a graceful fallback if it never does) the window is\n *  statically positioned — still usable, just not draggable. */\nexport function ChatWindowFloating({\n  panel,\n  layerStyle,\n  Rnd,\n  onDragStart,\n  onGeometryChange,\n  children,\n}: {\n  panel: ChatWindowState;\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  Rnd: ComponentType<RndProps> | null;\n  onDragStart: () => void;\n  onGeometryChange: (\n    partial: Pick<Partial<ChatWindowState>, \"x\" | \"y\" | \"width\" | \"height\">,\n  ) => void;\n  children: ReactNode;\n}) {\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={layerStyle}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : {\n                  position: \"absolute\",\n                  left: panel.x,\n                  top: panel.y,\n                  width: panel.width,\n                  height: panel.height,\n                }\n          }\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={layerStyle}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{\n          x: panel.x,\n          y: panel.y,\n          width: panel.width,\n          height: panel.height,\n        }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={Math.min(360, Math.max(1, window.innerWidth - 32))}\n        minHeight={Math.min(400, Math.max(1, window.innerHeight - 32))}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={onDragStart}\n        onDragStop={(_e, d) => onGeometryChange({ x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          onGeometryChange({\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {children}\n      </Rnd>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,IAAa,2BAA2B;AAExC,IAAM,eAAe;;;;;;;;;;;;;;AAerB,SAAgB,gBAAgB,EAC9B,YACA,QACA,YAMC;CACD,OACE,oBAAC,OAAD;EAAa;EACX,UAAA,oBAAC,OAAD;GACE,eAAY;GACZ,WAAW,GACT,2EACA,iCACA,gEACF;GACA,OAAO;GAEN;EACE,CAAA;CACF,CAAA;AAET;;;;AAKA,SAAgB,mBAAmB,EACjC,OACA,YACA,KACA,aACA,kBACA,YAWC;CACD,MAAM,aAAa,GACjB,6BACA,MAAM,YAAY,2BAA2B,SAC/C;CAEA,IAAI,CAAC,KACH,OACE,oBAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EACjC,UAAA,oBAAC,OAAD;GACE,WAAU;GACV,OACE,MAAM,YACF;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;GAAO,IACtD;IACE,UAAU;IACV,MAAM,MAAM;IACZ,KAAK,MAAM;IACX,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GAGL;EACE,CAAA;CACF,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EAAnC,UAAA,CACE,oBAAC,SAAD,EAAA,UAAQ,aAAoB,CAAA,GAC5B,oBAAC,KAAD;GACE,SAAS;IACP,GAAG,MAAM;IACT,GAAG,MAAM;IACT,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GACA,OAAO,EAAE,eAAe,OAAO;GAC/B,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,aAAa,EAAE,CAAC;GAC3D,WAAW,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,cAAc,EAAE,CAAC;GAC7D,QAAO;GACP,qBAAoB;GACpB,iBAAiB,MAAM;GACvB,gBAAgB,CAAC,MAAM;GACV;GACb,aAAa,IAAI,MAAM,iBAAiB;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE,CAAC;GAC1D,eAAe,IAAI,MAAM,KAAK,QAAQ,QACpC,iBAAiB;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,GAAG,IAAI;IACP,GAAG,IAAI;GACT,CAAC;GAGF;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"ChatWindow.placement.js","names":[],"sources":["../../../src/data/ai/ChatWindow.placement.tsx"],"sourcesContent":["import type { ComponentType, CSSProperties, ReactNode } from \"react\";\nimport type { Props as RndProps } from \"react-rnd\";\nimport { cn } from \"../../lib/utils\";\nimport { belowBreakpoint } from \"../../lib/breakpoints\";\nimport type { ChatWindowState } from \"./chat-window-context\";\n\n/** The small-screen query the chat window switches to a full-screen sheet at.\n *  Matches AppShell's md breakpoint (its mobile drawer is md:hidden); export so hosts can align\n *  their own chrome (e.g. hide a bottom bar) with it. */\nexport const CHAT_WINDOW_MOBILE_QUERY = belowBreakpoint(\"md\");\n\nconst MAXIMIZE_CSS = `\n.chat-maximized .react-draggable {\n  transform: none !important;\n  width: auto !important;\n  height: auto !important;\n  inset: 0 !important;\n  position: absolute !important;\n}`;\n\n/** The window on a phone: fixed to the dynamic viewport (`h-dvh`, so a URL-bar\n *  or on-screen-keyboard resize never pushes the prompt off-screen), clipped so\n *  the document cannot scroll, padded by the top and side safe areas (the\n *  prompt bar pads its own bottom), never draggable or resizable. `hidden`\n *  keeps a non-front window mounted (its stream and draft survive) without\n *  painting it. */\nexport function ChatWindowSheet({\n  layerStyle,\n  hidden,\n  children,\n}: {\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  hidden: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <div hidden={hidden}>\n      <div\n        data-testid=\"chat-window-sheet\"\n        className={cn(\n          \"fixed inset-x-0 top-0 flex h-dvh flex-col overflow-hidden bg-background\",\n          \"pt-[env(safe-area-inset-top)]\",\n          \"pl-[env(safe-area-inset-left)] pr-[env(safe-area-inset-right)]\",\n        )}\n        style={layerStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** The window on a larger screen: a draggable/resizable react-rnd box. Until\n *  react-rnd loads (and as a graceful fallback if it never does) the window is\n *  statically positioned — still usable, just not draggable. */\nexport function ChatWindowFloating({\n  panel,\n  layerStyle,\n  Rnd,\n  onDragStart,\n  onGeometryChange,\n  children,\n}: {\n  panel: ChatWindowState;\n  /** Stacking style of the window layer, built by the host (ChatWindow). */\n  layerStyle: CSSProperties;\n  Rnd: ComponentType<RndProps> | null;\n  onDragStart: () => void;\n  onGeometryChange: (\n    partial: Pick<Partial<ChatWindowState>, \"x\" | \"y\" | \"width\" | \"height\">,\n  ) => void;\n  children: ReactNode;\n}) {\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={layerStyle}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : {\n                  position: \"absolute\",\n                  left: panel.x,\n                  top: panel.y,\n                  width: panel.width,\n                  height: panel.height,\n                }\n          }\n        >\n          {children}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={layerStyle}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{\n          x: panel.x,\n          y: panel.y,\n          width: panel.width,\n          height: panel.height,\n        }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={Math.min(360, Math.max(1, window.innerWidth - 32))}\n        minHeight={Math.min(400, Math.max(1, window.innerHeight - 32))}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={onDragStart}\n        onDragStop={(_e, d) => onGeometryChange({ x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          onGeometryChange({\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {children}\n      </Rnd>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AASA,IAAa,2BAA2B,gBAAgB,IAAI;AAE5D,IAAM,eAAe;;;;;;;;;;;;;;AAerB,SAAgB,gBAAgB,EAC9B,YACA,QACA,YAMC;CACD,OACE,oBAAC,OAAD;EAAa;EACX,UAAA,oBAAC,OAAD;GACE,eAAY;GACZ,WAAW,GACT,2EACA,iCACA,gEACF;GACA,OAAO;GAEN;EACE,CAAA;CACF,CAAA;AAET;;;;AAKA,SAAgB,mBAAmB,EACjC,OACA,YACA,KACA,aACA,kBACA,YAWC;CACD,MAAM,aAAa,GACjB,6BACA,MAAM,YAAY,2BAA2B,SAC/C;CAEA,IAAI,CAAC,KACH,OACE,oBAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EACjC,UAAA,oBAAC,OAAD;GACE,WAAU;GACV,OACE,MAAM,YACF;IAAE,UAAU;IAAY,OAAO;IAAQ,QAAQ;GAAO,IACtD;IACE,UAAU;IACV,MAAM,MAAM;IACZ,KAAK,MAAM;IACX,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GAGL;EACE,CAAA;CACF,CAAA;CAIT,OACE,qBAAC,OAAD;EAAK,WAAW;EAAY,OAAO;EAAnC,UAAA,CACE,oBAAC,SAAD,EAAA,UAAQ,aAAoB,CAAA,GAC5B,oBAAC,KAAD;GACE,SAAS;IACP,GAAG,MAAM;IACT,GAAG,MAAM;IACT,OAAO,MAAM;IACb,QAAQ,MAAM;GAChB;GACA,OAAO,EAAE,eAAe,OAAO;GAC/B,UAAU,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,aAAa,EAAE,CAAC;GAC3D,WAAW,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,cAAc,EAAE,CAAC;GAC7D,QAAO;GACP,qBAAoB;GACpB,iBAAiB,MAAM;GACvB,gBAAgB,CAAC,MAAM;GACV;GACb,aAAa,IAAI,MAAM,iBAAiB;IAAE,GAAG,EAAE;IAAG,GAAG,EAAE;GAAE,CAAC;GAC1D,eAAe,IAAI,MAAM,KAAK,QAAQ,QACpC,iBAAiB;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,GAAG,IAAI;IACP,GAAG,IAAI;GACT,CAAC;GAGF;EACE,CAAA,CACF;;AAET"}

package/dist/data/ai/SpecRuntimeBar.cjs

@@ -5,7 +5,7 @@ const require_runtime_field_support = require("../runtime/runtime-field-support.
 const require_runtime_spec_fields = require("./runtime-spec-fields.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/data/ai/SpecRuntimeBar.tsx
-function SpecRuntimeBar({ value, onChange, models = [], families: catalog, effectiveMode, effectiveModel, reasoningEfforts, ariaLabel = "Runtime", className, readOnly = false, variant = "run", sections, inheritedCommits }) {
+function SpecRuntimeBar({ value, onChange, models = [], families: catalog, effectiveMode, effectiveModel, reasoningEfforts, ariaLabel = "Runtime", className, readOnly = false, variant = "run", sections, inheritedCommits, fields: hostFields = [] }) {
 	const families = catalog?.length ? catalog : require_runtime_mode.SPEC_RUNTIME_FAMILIES;
 	const family = require_runtime_family.familyForModel(families, models, value.model || effectiveModel);
 	const mode = value.mode?.trim() || require_runtime_family.runtimeModeFromModel(value.model) || effectiveMode || require_runtime_mode.firstMode(families[0] ?? require_runtime_mode.SPEC_RUNTIME_FAMILIES[0]).id;
@@ -38,7 +38,7 @@ function SpecRuntimeBar({ value, onChange, models = [], families: catalog, effec
 			showEffort: supports("effort"),
 			showCost: supports("budget.cost"),
 			showTimeout: supports("budget.timeout"),
-			actions: { fields },
+			actions: { fields: [...fields, ...hostFields] },
 			ariaLabel,
 			className
 		})

package/dist/data/ai/SpecRuntimeBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpecRuntimeBar.cjs","names":["SPEC_RUNTIME_FAMILIES","familyForModel","runtimeModeFromModel","firstMode","runtimeModelError","runtimeModeError","SUPPORT_ALL_RUNTIME_FIELDS","runtimeFieldSupport","runtimeSpecFields","RuntimeBar"],"sources":["../../../src/data/ai/SpecRuntimeBar.tsx"],"sourcesContent":["import { RuntimeBar, type RuntimeBarProps } from \"../runtime/RuntimeBar\";\nimport {\n  runtimeFieldSupport,\n  SUPPORT_ALL_RUNTIME_FIELDS,\n} from \"../runtime/runtime-field-support\";\nimport {\n  familyForModel,\n  firstMode,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  SPEC_RUNTIME_FAMILIES,\n} from \"../runtime/runtime-mode\";\nimport { runtimeSpecFields } from \"./runtime-spec-fields\";\nimport type {\n  AISpecRuntimeCommit,\n  AISpecRuntimeValue,\n} from \"./SpecRuntimeEditor.model\";\nimport type { SpecSectionId } from \"./SpecRuntimeEditor/types\";\n\nexport type SpecRuntimeBarProps = Pick<\n  RuntimeBarProps<AISpecRuntimeValue>,\n  | \"value\"\n  | \"onChange\"\n  | \"models\"\n  | \"families\"\n  | \"effectiveMode\"\n  | \"effectiveModel\"\n  | \"reasoningEfforts\"\n  | \"ariaLabel\"\n  | \"className\"\n> & {\n  readOnly?: boolean | undefined;\n  variant?: \"run\" | \"preset\" | undefined;\n  sections?: readonly SpecSectionId[] | undefined;\n  inheritedCommits?: AISpecRuntimeCommit[] | undefined;\n};\n\nexport function SpecRuntimeBar({\n  value,\n  onChange,\n  models = [],\n  families: catalog,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts,\n  ariaLabel = \"Runtime\",\n  className,\n  readOnly = false,\n  variant = \"run\",\n  sections,\n  inheritedCommits,\n}: SpecRuntimeBarProps) {\n  const families = catalog?.length ? catalog : SPEC_RUNTIME_FAMILIES;\n  const family = familyForModel(\n    families,\n    models,\n    value.model || effectiveModel,\n  );\n  const mode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode ||\n    firstMode(families[0] ?? SPEC_RUNTIME_FAMILIES[0]!).id;\n  const error =\n    runtimeModelError(value.model || effectiveModel) ??\n    runtimeModeError(families, mode, family?.id);\n  const supports = error\n    ? SUPPORT_ALL_RUNTIME_FIELDS\n    : runtimeFieldSupport(families, mode, family?.id);\n  const change = (next: AISpecRuntimeValue) => {\n    if (!readOnly) onChange(next);\n  };\n  const fields = runtimeSpecFields({\n    value,\n    onChange: change,\n    models,\n    families,\n    effectiveMode,\n    effectiveModel,\n    variant,\n    inheritedCommits,\n  }).filter(\n    (field) =>\n      !sections ||\n      sections.includes(\n        field.id === \"permissions.mode\"\n          ? \"permissions\"\n          : field.id === \"workflow.commits\"\n            ? \"commit\"\n            : \"workspace\",\n      ),\n  );\n  return (\n    <fieldset\n      disabled={readOnly}\n      className=\"m-0 min-w-0 border-0 p-0 disabled:opacity-50\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={change}\n        models={models}\n        families={families}\n        effectiveMode={effectiveMode}\n        effectiveModel={effectiveModel}\n        reasoningEfforts={reasoningEfforts}\n        showModel={supports(\"model\")}\n        showEffort={supports(\"effort\")}\n        showCost={supports(\"budget.cost\")}\n        showTimeout={supports(\"budget.timeout\")}\n        actions={{ fields }}\n        ariaLabel={ariaLabel}\n        className={className}\n      />\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;;;AAsCA,SAAgB,eAAe,EAC7B,OACA,UACA,SAAS,CAAC,GACV,UAAU,SACV,eACA,gBACA,kBACA,YAAY,WACZ,WACA,WAAW,OACX,UAAU,OACV,UACA,oBACsB;CACtB,MAAM,WAAW,SAAS,SAAS,UAAUA,qBAAAA;CAC7C,MAAM,SAASC,uBAAAA,eACb,UACA,QACA,MAAM,SAAS,cACjB;CACA,MAAM,OACJ,MAAM,MAAM,KAAK,KACjBC,uBAAAA,qBAAqB,MAAM,KAAK,KAChC,iBACAC,qBAAAA,UAAU,SAAS,MAAMH,qBAAAA,sBAAsB,EAAG,CAAC,CAAC;CAItD,MAAM,WAFJI,qBAAAA,kBAAkB,MAAM,SAAS,cAAc,KAC/CC,qBAAAA,iBAAiB,UAAU,MAAM,QAAQ,EAAE,IAEzCC,8BAAAA,6BACAC,8BAAAA,oBAAoB,UAAU,MAAM,QAAQ,EAAE;CAClD,MAAM,UAAU,SAA6B;EAC3C,IAAI,CAAC,UAAU,SAAS,IAAI;CAC9B;CACA,MAAM,SAASC,4BAAAA,kBAAkB;EAC/B;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,CAAC,QACA,UACC,CAAC,YACD,SAAS,SACP,MAAM,OAAO,qBACT,gBACA,MAAM,OAAO,qBACX,WACA,WACR,CACJ;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EACE,UAAU;EACV,WAAU;EAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GACS;GACP,UAAU;GACF;GACE;GACK;GACC;GACE;GAClB,WAAW,SAAS,OAAO;GAC3B,YAAY,SAAS,QAAQ;GAC7B,UAAU,SAAS,aAAa;GAChC,aAAa,SAAS,gBAAgB;GACtC,SAAS,EAAE,OAAO;GACP;GACA;EACZ,CAAA;CACO,CAAA;AAEd"}
+{"version":3,"file":"SpecRuntimeBar.cjs","names":["SPEC_RUNTIME_FAMILIES","familyForModel","runtimeModeFromModel","firstMode","runtimeModelError","runtimeModeError","SUPPORT_ALL_RUNTIME_FIELDS","runtimeFieldSupport","runtimeSpecFields","RuntimeBar"],"sources":["../../../src/data/ai/SpecRuntimeBar.tsx"],"sourcesContent":["import { RuntimeBar, type RuntimeBarProps } from \"../runtime/RuntimeBar\";\nimport type { RuntimeBarAction } from \"../runtime/RuntimeBarActions\";\nimport {\n  runtimeFieldSupport,\n  SUPPORT_ALL_RUNTIME_FIELDS,\n} from \"../runtime/runtime-field-support\";\nimport {\n  familyForModel,\n  firstMode,\n  runtimeModeError,\n  runtimeModeFromModel,\n  runtimeModelError,\n  SPEC_RUNTIME_FAMILIES,\n} from \"../runtime/runtime-mode\";\nimport { runtimeSpecFields } from \"./runtime-spec-fields\";\nimport type {\n  AISpecRuntimeCommit,\n  AISpecRuntimeValue,\n} from \"./SpecRuntimeEditor.model\";\nimport type { SpecSectionId } from \"./SpecRuntimeEditor/types\";\n\nexport type SpecRuntimeBarProps = Pick<\n  RuntimeBarProps<AISpecRuntimeValue>,\n  | \"value\"\n  | \"onChange\"\n  | \"models\"\n  | \"families\"\n  | \"effectiveMode\"\n  | \"effectiveModel\"\n  | \"reasoningEfforts\"\n  | \"ariaLabel\"\n  | \"className\"\n> & {\n  readOnly?: boolean | undefined;\n  variant?: \"run\" | \"preset\" | undefined;\n  sections?: readonly SpecSectionId[] | undefined;\n  inheritedCommits?: AISpecRuntimeCommit[] | undefined;\n  /** Host settings appended after the spec's own fields, e.g. run presets. */\n  fields?: RuntimeBarAction[] | undefined;\n};\n\nexport function SpecRuntimeBar({\n  value,\n  onChange,\n  models = [],\n  families: catalog,\n  effectiveMode,\n  effectiveModel,\n  reasoningEfforts,\n  ariaLabel = \"Runtime\",\n  className,\n  readOnly = false,\n  variant = \"run\",\n  sections,\n  inheritedCommits,\n  fields: hostFields = [],\n}: SpecRuntimeBarProps) {\n  const families = catalog?.length ? catalog : SPEC_RUNTIME_FAMILIES;\n  const family = familyForModel(\n    families,\n    models,\n    value.model || effectiveModel,\n  );\n  const mode =\n    value.mode?.trim() ||\n    runtimeModeFromModel(value.model) ||\n    effectiveMode ||\n    firstMode(families[0] ?? SPEC_RUNTIME_FAMILIES[0]!).id;\n  const error =\n    runtimeModelError(value.model || effectiveModel) ??\n    runtimeModeError(families, mode, family?.id);\n  const supports = error\n    ? SUPPORT_ALL_RUNTIME_FIELDS\n    : runtimeFieldSupport(families, mode, family?.id);\n  const change = (next: AISpecRuntimeValue) => {\n    if (!readOnly) onChange(next);\n  };\n  const fields = runtimeSpecFields({\n    value,\n    onChange: change,\n    models,\n    families,\n    effectiveMode,\n    effectiveModel,\n    variant,\n    inheritedCommits,\n  }).filter(\n    (field) =>\n      !sections ||\n      sections.includes(\n        field.id === \"permissions.mode\"\n          ? \"permissions\"\n          : field.id === \"workflow.commits\"\n            ? \"commit\"\n            : \"workspace\",\n      ),\n  );\n  return (\n    <fieldset\n      disabled={readOnly}\n      className=\"m-0 min-w-0 border-0 p-0 disabled:opacity-50\"\n    >\n      <RuntimeBar\n        value={value}\n        onChange={change}\n        models={models}\n        families={families}\n        effectiveMode={effectiveMode}\n        effectiveModel={effectiveModel}\n        reasoningEfforts={reasoningEfforts}\n        showModel={supports(\"model\")}\n        showEffort={supports(\"effort\")}\n        showCost={supports(\"budget.cost\")}\n        showTimeout={supports(\"budget.timeout\")}\n        actions={{ fields: [...fields, ...hostFields] }}\n        ariaLabel={ariaLabel}\n        className={className}\n      />\n    </fieldset>\n  );\n}\n"],"mappings":";;;;;;;AAyCA,SAAgB,eAAe,EAC7B,OACA,UACA,SAAS,CAAC,GACV,UAAU,SACV,eACA,gBACA,kBACA,YAAY,WACZ,WACA,WAAW,OACX,UAAU,OACV,UACA,kBACA,QAAQ,aAAa,CAAC,KACA;CACtB,MAAM,WAAW,SAAS,SAAS,UAAUA,qBAAAA;CAC7C,MAAM,SAASC,uBAAAA,eACb,UACA,QACA,MAAM,SAAS,cACjB;CACA,MAAM,OACJ,MAAM,MAAM,KAAK,KACjBC,uBAAAA,qBAAqB,MAAM,KAAK,KAChC,iBACAC,qBAAAA,UAAU,SAAS,MAAMH,qBAAAA,sBAAsB,EAAG,CAAC,CAAC;CAItD,MAAM,WAFJI,qBAAAA,kBAAkB,MAAM,SAAS,cAAc,KAC/CC,qBAAAA,iBAAiB,UAAU,MAAM,QAAQ,EAAE,IAEzCC,8BAAAA,6BACAC,8BAAAA,oBAAoB,UAAU,MAAM,QAAQ,EAAE;CAClD,MAAM,UAAU,SAA6B;EAC3C,IAAI,CAAC,UAAU,SAAS,IAAI;CAC9B;CACA,MAAM,SAASC,4BAAAA,kBAAkB;EAC/B;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,CAAC,QACA,UACC,CAAC,YACD,SAAS,SACP,MAAM,OAAO,qBACT,gBACA,MAAM,OAAO,qBACX,WACA,WACR,CACJ;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,YAAD;EACE,UAAU;EACV,WAAU;EAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GACS;GACP,UAAU;GACF;GACE;GACK;GACC;GACE;GAClB,WAAW,SAAS,OAAO;GAC3B,YAAY,SAAS,QAAQ;GAC7B,UAAU,SAAS,aAAa;GAChC,aAAa,SAAS,gBAAgB;GACtC,SAAS,EAAE,QAAQ,CAAC,GAAG,QAAQ,GAAG,UAAU,EAAE;GACnC;GACA;EACZ,CAAA;CACO,CAAA;AAEd"}

package/dist/data/ai/SpecRuntimeBar.d.ts

@@ -1,4 +1,5 @@
 import { RuntimeBarProps } from '../runtime/RuntimeBar.js';
+import { RuntimeBarAction } from '../runtime/RuntimeBarActions.js';
 import { AISpecRuntimeCommit, AISpecRuntimeValue } from './SpecRuntimeEditor.model.js';
 import { SpecSectionId } from './SpecRuntimeEditor/types.js';
 export type SpecRuntimeBarProps = Pick<RuntimeBarProps<AISpecRuntimeValue>, "value" | "onChange" | "models" | "families" | "effectiveMode" | "effectiveModel" | "reasoningEfforts" | "ariaLabel" | "className"> & {
@@ -6,6 +7,8 @@ export type SpecRuntimeBarProps = Pick<RuntimeBarProps<AISpecRuntimeValue>, "val
     variant?: "run" | "preset" | undefined;
     sections?: readonly SpecSectionId[] | undefined;
     inheritedCommits?: AISpecRuntimeCommit[] | undefined;
+    /** Host settings appended after the spec's own fields, e.g. run presets. */
+    fields?: RuntimeBarAction[] | undefined;
 };
-export declare function SpecRuntimeBar({ value, onChange, models, families: catalog, effectiveMode, effectiveModel, reasoningEfforts, ariaLabel, className, readOnly, variant, sections, inheritedCommits, }: SpecRuntimeBarProps): import("react").JSX.Element;
+export declare function SpecRuntimeBar({ value, onChange, models, families: catalog, effectiveMode, effectiveModel, reasoningEfforts, ariaLabel, className, readOnly, variant, sections, inheritedCommits, fields: hostFields, }: SpecRuntimeBarProps): import("react").JSX.Element;
 //# sourceMappingURL=SpecRuntimeBar.d.ts.map

package/dist/data/ai/SpecRuntimeBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpecRuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SpecRuntimeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAczE,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,CAAC,kBAAkB,CAAC,EACjC,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,WAAW,CACd,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;CACtD,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EAAE,OAAO,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAqB,EACrB,SAAS,EACT,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,gBAAgB,GACjB,EAAE,mBAAmB,+BAgErB"}
+{"version":3,"file":"SpecRuntimeBar.d.ts","sourceRoot":"","sources":["../../../src/data/ai/SpecRuntimeBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAcrE,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,eAAe,CAAC,kBAAkB,CAAC,EACjC,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,eAAe,GACf,gBAAgB,GAChB,kBAAkB,GAClB,WAAW,GACX,WAAW,CACd,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,aAAa,EAAE,GAAG,SAAS,CAAC;IAChD,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;IACrD,4EAA4E;IAC5E,MAAM,CAAC,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAW,EACX,QAAQ,EAAE,OAAO,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,SAAqB,EACrB,SAAS,EACT,QAAgB,EAChB,OAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,MAAM,EAAE,UAAe,GACxB,EAAE,mBAAmB,+BAgErB"}