@flanksource/clicky-ui 0.3.5 → 0.3.7

package/dist/data/ProgressBars.js

@@ -0,0 +1,194 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { Icon } from "./Icon.js";
+import { deriveProgressBars } from "./ProgressBars.model.js";
+import { GaugeHoverCard } from "./GaugeHoverCard.js";
+function toneClass(pct, [warn, danger]) {
+  if (pct >= danger) return "bg-red-500";
+  if (pct >= warn) return "bg-amber-500";
+  return "bg-emerald-500";
+}
+function ProgressBarsIcon({ icon }) {
+  if (typeof icon === "string") {
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        name: icon,
+        width: 14,
+        height: 14,
+        className: "text-muted-foreground"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      icon,
+      width: 14,
+      height: 14,
+      className: "text-muted-foreground"
+    }
+  );
+}
+function defaultFormatUnits(units) {
+  return Number.isInteger(units) ? String(units) : units.toFixed(1);
+}
+function ProgressBars({
+  usage,
+  max,
+  unit,
+  title,
+  icon,
+  thresholds = [75, 90],
+  variant = "default",
+  showLabel = true,
+  showValue = true,
+  showCapacity = false,
+  orientation,
+  stats,
+  hoverCard = true,
+  hoverFooter,
+  className
+}) {
+  const perBar = (unit == null ? void 0 : unit.perBar) ?? 1e3;
+  const unitLabel = (unit == null ? void 0 : unit.label) ?? "cores";
+  const barLabel = (unit == null ? void 0 : unit.barLabel) ?? "core";
+  const formatUnits = (unit == null ? void 0 : unit.format) ?? defaultFormatUnits;
+  const model = deriveProgressBars(usage, max, perBar);
+  const tone = toneClass(model.pct, thresholds);
+  const usageText = formatUnits(model.usageUnits);
+  const capacityText = model.limitUnits !== void 0 ? formatUnits(model.limitUnits) : "?";
+  const caption = !model.hasUsage ? "—" : showCapacity ? `${usageText} / ${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
+  const compactCaption = !model.hasUsage ? "—" : showCapacity ? `${usageText}/${capacityText} ${unitLabel}` : `${usageText} ${unitLabel}`;
+  const titleText = `${title}: ${compactCaption}`;
+  const isCell = variant === "cell";
+  const pctTone = model.limitUnits === void 0 ? void 0 : model.pct >= thresholds[1] ? "text-red-500" : model.pct >= thresholds[0] ? "text-amber-500" : "text-emerald-500";
+  const fmt = (n) => `${formatUnits(n)} ${unitLabel}`;
+  const hoverRows = model.hasUsage ? [
+    { label: "Current", value: fmt(model.usageUnits), ...pctTone ? { tone: pctTone } : {} },
+    ...stats ? [
+      { label: "Min", value: fmt(stats.min / perBar) },
+      { label: "Max", value: fmt(stats.max / perBar) },
+      { label: "Avg", value: fmt(stats.avg / perBar) }
+    ] : [],
+    ...model.limitUnits !== void 0 ? [{ label: "Capacity", value: fmt(model.limitUnits) }] : []
+  ] : [];
+  const resolvedOrientation = orientation ?? "vertical";
+  const isDense = model.barCount > 4;
+  const valueText = isCell ? compactCaption : caption;
+  const hiddenAccessibleText = !showLabel || !showValue ? titleText : void 0;
+  const bars = /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "flex shrink-0",
+        resolvedOrientation === "vertical" ? cn("items-end", isCell ? "h-4 gap-px" : "h-10 gap-0.5") : cn(
+          "flex-col justify-center",
+          isCell ? "h-4 w-10 gap-px" : "h-10 w-16 gap-0.5"
+        )
+      ),
+      "aria-hidden": isCell ? "true" : void 0,
+      "data-orientation": resolvedOrientation,
+      "data-bar-count": model.barCount,
+      "data-bar-density": isDense ? "compact" : "default",
+      children: model.bars.map((bar, i) => {
+        const barPct = Math.round(bar.fill * 100);
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "relative overflow-hidden bg-muted",
+              resolvedOrientation === "vertical" ? cn(
+                "h-full",
+                isCell ? isDense ? "w-[3px] rounded-[2px]" : "w-1.5 rounded-[2px]" : isDense ? "w-1 rounded-sm" : "w-2 rounded-sm"
+              ) : cn("min-h-px w-full flex-1 rounded-[2px]")
+            ),
+            title: `${barLabel} ${i + 1}: ${barPct}%`,
+            "aria-label": !isCell ? `${barLabel} ${i + 1}: ${barPct}%` : void 0,
+            "data-fill": bar.fill,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute bottom-0 left-0 transition-all duration-300",
+                  tone
+                ),
+                style: resolvedOrientation === "vertical" ? { height: `${barPct}%`, right: 0 } : { width: `${barPct}%`, top: 0 }
+              }
+            )
+          },
+          i
+        );
+      })
+    }
+  );
+  const valueNode = showValue ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "shrink-0 font-semibold tabular-nums text-foreground",
+        isCell ? null : "text-xs"
+      ),
+      children: valueText
+    }
+  ) : null;
+  const label = icon || showLabel ? /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground"
+      ),
+      children: [
+        icon ? /* @__PURE__ */ jsx(ProgressBarsIcon, { icon }) : null,
+        showLabel ? /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }) : null
+      ]
+    }
+  ) : null;
+  const useHover = hoverCard && hoverRows.length > 0;
+  if (isCell) {
+    const cell = /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs",
+          className
+        ),
+        ...useHover ? {} : { title: titleText },
+        "aria-label": useHover ? titleText : hiddenAccessibleText,
+        children: [
+          label,
+          bars,
+          valueNode
+        ]
+      }
+    );
+    return useHover ? /* @__PURE__ */ jsx(GaugeHoverCard, { title, rows: hoverRows, footer: hoverFooter, trigger: cell }) : cell;
+  }
+  const block = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col items-center gap-1", className),
+      ...useHover ? {} : { title: hiddenAccessibleText },
+      "aria-label": useHover ? titleText : hiddenAccessibleText,
+      children: [
+        bars,
+        valueNode,
+        label
+      ]
+    }
+  );
+  return useHover ? /* @__PURE__ */ jsx(
+    GaugeHoverCard,
+    {
+      title,
+      rows: hoverRows,
+      footer: hoverFooter,
+      trigger: block,
+      className: "w-full justify-center"
+    }
+  ) : block;
+}
+export {
+  ProgressBars
+};
+//# sourceMappingURL=ProgressBars.js.map

package/dist/data/ProgressBars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.js","sources":["../../src/data/ProgressBars.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport { deriveProgressBars } from \"./ProgressBars.model\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\n\nexport type ProgressBarsVariant = \"default\" | \"cell\";\nexport type ProgressBarsOrientation = \"horizontal\" | \"vertical\";\n\n/**\n * Describes what one bar represents, letting the same component render CPU cores,\n * memory gigabytes, or any other quantised capacity. Defaults model CPU cores.\n */\nexport interface ProgressBarsUnit {\n  /** Raw value that fills one bar, in the domain of `usage`/`max`. Default 1000 (millicores → 1 core). */\n  perBar?: number;\n  /** Caption/tooltip suffix naming the unit, plural. Default \"cores\". */\n  label?: string;\n  /** Per-bar hover tooltip noun, singular. Default \"core\". */\n  barLabel?: string;\n  /** Format a bar-unit count for the caption. Default: integers as-is, else 1 decimal. */\n  format?: (units: number) => string;\n}\n\n/** Summary statistics for the hover card, in the same domain as `usage`/`max`. */\nexport interface ProgressBarsStats {\n  /** Smallest value over the window. */\n  min: number;\n  /** Largest value over the window. */\n  max: number;\n  /** Mean value over the window. */\n  avg: number;\n}\n\nexport interface ProgressBarsProps {\n  /** Usage that fills the bars, in the raw domain (e.g. CPU millicores). */\n  usage: number | undefined;\n  /**\n   * The capacity, in the same raw domain as `usage`. Determines the number of\n   * bars (one per `unit.perBar`). When omitted or 0, the bar count falls back to\n   * the ceiling of the usage so an unbounded reading still renders.\n   */\n  max?: number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: ProgressBarsUnit;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /**\n   * Utilisation thresholds (percent of capacity) at which the fill turns amber\n   * then red. Defaults to [75, 90].\n   */\n  thresholds?: [warning: number, danger: number];\n  /** Visual density/layout. `cell` is a compact inline form for table/grid cells. */\n  variant?: ProgressBarsVariant;\n  /** Show the title text. Icons and values remain visible unless separately hidden. */\n  showLabel?: boolean;\n  /** Show the value/capacity caption. Icons and bars remain visible when false. */\n  showValue?: boolean;\n  /**\n   * Include the capacity in the caption (\"2.3 / 4 cores\"). Defaults to false — the\n   * caption shows only the current value (\"2.3 cores\") since the bars already\n   * convey capacity. Set true to append the \"/ <capacity>\".\n   */\n  showCapacity?: boolean;\n  /** Bar direction. Vertical bars fill bottom-up; horizontal bars fill left-to-right. */\n  orientation?: ProgressBarsOrientation;\n  /**\n   * Summary stats for the hover card's Min/Max/Avg rows, in the SAME raw domain as\n   * `usage`/`max` (NOT divided by perBar). Pass null to omit those rows.\n   */\n  stats?: ProgressBarsStats | null;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Footer note in the hover card, e.g. the look-back window (\"over last 1h\"). */\n  hoverFooter?: ReactNode;\n  className?: string;\n}\n\nfunction toneClass(pct: number, [warn, danger]: [number, number]): string {\n  if (pct >= danger) return \"bg-red-500\";\n  if (pct >= warn) return \"bg-amber-500\";\n  return \"bg-emerald-500\";\n}\n\nfunction ProgressBarsIcon({ icon }: { icon: string | StaticIconComponent }) {\n  if (typeof icon === \"string\") {\n    return (\n      <Icon\n        name={icon}\n        width={14}\n        height={14}\n        className=\"text-muted-foreground\"\n      />\n    );\n  }\n  return (\n    <Icon\n      icon={icon}\n      width={14}\n      height={14}\n      className=\"text-muted-foreground\"\n    />\n  );\n}\n\nfunction defaultFormatUnits(units: number): string {\n  return Number.isInteger(units) ? String(units) : units.toFixed(1);\n}\n\n/**\n * ProgressBars renders quantised utilisation as a row of bars — one bar per unit\n * of capacity (the ceiling of the limit) — filled left to right by the usage. The\n * bar that straddles the usage boundary is partially filled (\"blocked out\") to\n * show the fractional unit in use, and the trailing bars stay empty to show\n * headroom; the bar colour crosses warning and danger thresholds. A \"<used> /\n * <capacity>\" caption sits below with the icon+title. It is purely presentational\n * — pass plain `usage`/`max` numbers (TimeseriesCoreBars wraps it with live data).\n */\nexport function ProgressBars({\n  usage,\n  max,\n  unit,\n  title,\n  icon,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  stats,\n  hoverCard = true,\n  hoverFooter,\n  className,\n}: ProgressBarsProps) {\n  const perBar = unit?.perBar ?? 1000;\n  const unitLabel = unit?.label ?? \"cores\";\n  const barLabel = unit?.barLabel ?? \"core\";\n  const formatUnits = unit?.format ?? defaultFormatUnits;\n\n  const model = deriveProgressBars(usage, max, perBar);\n  const tone = toneClass(model.pct, thresholds);\n  const usageText = formatUnits(model.usageUnits);\n  const capacityText =\n    model.limitUnits !== undefined ? formatUnits(model.limitUnits) : \"?\";\n  const caption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText} / ${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const compactCaption = !model.hasUsage\n    ? \"—\"\n    : showCapacity\n      ? `${usageText}/${capacityText} ${unitLabel}`\n      : `${usageText} ${unitLabel}`;\n  const titleText = `${title}: ${compactCaption}`;\n  const isCell = variant === \"cell\";\n\n  // Hover card: surface current/min/max/avg/capacity in bar-units (stats are in\n  // the raw domain, so divide by perBar) so they read in the same unit as the\n  // caption. A bounded reading colours the current row by its threshold.\n  const pctTone =\n    model.limitUnits === undefined\n      ? undefined\n      : model.pct >= thresholds[1]\n        ? \"text-red-500\"\n        : model.pct >= thresholds[0]\n          ? \"text-amber-500\"\n          : \"text-emerald-500\";\n  const fmt = (n: number) => `${formatUnits(n)} ${unitLabel}`;\n  const hoverRows: GaugeHoverRow[] = model.hasUsage\n    ? [\n        { label: \"Current\", value: fmt(model.usageUnits), ...(pctTone ? { tone: pctTone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min / perBar) },\n              { label: \"Max\", value: fmt(stats.max / perBar) },\n              { label: \"Avg\", value: fmt(stats.avg / perBar) },\n            ]\n          : []),\n        ...(model.limitUnits !== undefined\n          ? [{ label: \"Capacity\", value: fmt(model.limitUnits) }]\n          : []),\n      ]\n    : [];\n\n  const resolvedOrientation = orientation ?? \"vertical\";\n  const isDense = model.barCount > 4;\n  const valueText = isCell ? compactCaption : caption;\n  const hiddenAccessibleText = !showLabel || !showValue ? titleText : undefined;\n  const bars = (\n    <span\n      className={cn(\n        \"flex shrink-0\",\n        resolvedOrientation === \"vertical\"\n          ? cn(\"items-end\", isCell ? \"h-4 gap-px\" : \"h-10 gap-0.5\")\n          : cn(\n              \"flex-col justify-center\",\n              isCell ? \"h-4 w-10 gap-px\" : \"h-10 w-16 gap-0.5\",\n            ),\n      )}\n      aria-hidden={isCell ? \"true\" : undefined}\n      data-orientation={resolvedOrientation}\n      data-bar-count={model.barCount}\n      data-bar-density={isDense ? \"compact\" : \"default\"}\n    >\n      {model.bars.map((bar, i) => {\n        const barPct = Math.round(bar.fill * 100);\n        return (\n          <span\n            key={i}\n            className={cn(\n              \"relative overflow-hidden bg-muted\",\n              resolvedOrientation === \"vertical\"\n                ? cn(\n                    \"h-full\",\n                    isCell\n                      ? isDense\n                        ? \"w-[3px] rounded-[2px]\"\n                        : \"w-1.5 rounded-[2px]\"\n                      : isDense\n                        ? \"w-1 rounded-sm\"\n                        : \"w-2 rounded-sm\",\n                  )\n                : cn(\"min-h-px w-full flex-1 rounded-[2px]\"),\n            )}\n            title={`${barLabel} ${i + 1}: ${barPct}%`}\n            aria-label={!isCell ? `${barLabel} ${i + 1}: ${barPct}%` : undefined}\n            data-fill={bar.fill}\n          >\n            <span\n              className={cn(\n                \"absolute bottom-0 left-0 transition-all duration-300\",\n                tone,\n              )}\n              style={\n                resolvedOrientation === \"vertical\"\n                  ? { height: `${barPct}%`, right: 0 }\n                  : { width: `${barPct}%`, top: 0 }\n              }\n            />\n          </span>\n        );\n      })}\n    </span>\n  );\n  const valueNode = showValue ? (\n    <span\n      className={cn(\n        \"shrink-0 font-semibold tabular-nums text-foreground\",\n        isCell ? null : \"text-xs\",\n      )}\n    >\n      {valueText}\n    </span>\n  ) : null;\n  const label =\n    icon || showLabel ? (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1 text-xs text-muted-foreground\",\n        )}\n      >\n        {icon ? <ProgressBarsIcon icon={icon} /> : null}\n        {showLabel ? <span className=\"min-w-0 truncate\">{title}</span> : null}\n      </span>\n    ) : null;\n\n  const useHover = hoverCard && hoverRows.length > 0;\n\n  if (isCell) {\n    const cell = (\n      <span\n        className={cn(\n          \"inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap align-middle text-xs\",\n          className,\n        )}\n        {...(useHover ? {} : { title: titleText })}\n        aria-label={useHover ? titleText : hiddenAccessibleText}\n      >\n        {label}\n        {bars}\n        {valueNode}\n      </span>\n    );\n    return useHover ? (\n      <GaugeHoverCard title={title} rows={hoverRows} footer={hoverFooter} trigger={cell} />\n    ) : (\n      cell\n    );\n  }\n\n  const block = (\n    <div\n      className={cn(\"flex flex-col items-center gap-1\", className)}\n      {...(useHover ? {} : { title: hiddenAccessibleText })}\n      aria-label={useHover ? titleText : hiddenAccessibleText}\n    >\n      {bars}\n      {valueNode}\n      {label}\n    </div>\n  );\n  return useHover ? (\n    <GaugeHoverCard\n      title={title}\n      rows={hoverRows}\n      footer={hoverFooter}\n      trigger={block}\n      className=\"w-full justify-center\"\n    />\n  ) : (\n    block\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/ProgressBars.model.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveProgressBars(usage, limit, perBar = 1e3) {
+  const hasUsage = usage !== void 0;
+  const usageUnits = (usage ?? 0) / perBar;
+  const hasLimit = limit !== void 0 && limit > 0;
+  const limitUnits = hasLimit ? limit / perBar : void 0;
+  const barCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitUnits : usageUnits)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageUnits / limitUnits * 100)) : 0;
+  const bars = Array.from({ length: barCount }, (_, i) => ({
+    fill: clamp01(usageUnits - i)
+  }));
+  return {
+    hasUsage,
+    usageUnits,
+    barCount,
+    pct,
+    bars,
+    ...limitUnits !== void 0 && { limitUnits }
+  };
+}
+exports.deriveProgressBars = deriveProgressBars;
+//# sourceMappingURL=ProgressBars.model.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.cjs","sources":["../../src/data/ProgressBars.model.ts"],"sourcesContent":["export interface ProgressBarFill {\n  /** Fraction of this bar that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface ProgressBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in bar-units (raw / perBar). */\n  usageUnits: number;\n  /** Capacity in bar-units; undefined when no limit was resolved. */\n  limitUnits?: number;\n  /** Number of bars rendered (one per bar-unit of capacity). */\n  barCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-bar fill fractions, left to right. */\n  bars: ProgressBarFill[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveProgressBars turns the latest usage/limit readings into a per-bar model: one\n// bar per unit of capacity (ceil of the limit), filled left to right by usage so\n// the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly. `perBar`\n// is the raw value that fills one bar (default 1000 = millicores per core); pass\n// e.g. 1 GiB to render one bar per gigabyte of memory.\nexport function deriveProgressBars(\n  usage: number | undefined,\n  limit: number | undefined,\n  perBar = 1000,\n): ProgressBarsModel {\n  const hasUsage = usage !== undefined;\n  const usageUnits = (usage ?? 0) / perBar;\n  const hasLimit = limit !== undefined && limit > 0;\n  const limitUnits = hasLimit ? (limit as number) / perBar : undefined;\n\n  const barCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitUnits as number) : usageUnits),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageUnits / (limitUnits as number)) * 100))\n    : 0;\n\n  const bars: ProgressBarFill[] = Array.from({ length: barCount }, (_, i) => ({\n    fill: clamp01(usageUnits - i),\n  }));\n\n  return {\n    hasUsage,\n    usageUnits,\n    barCount,\n    pct,\n    bars,\n    ...(limitUnits !== undefined && { limitUnits }),\n  };\n}\n"],"names":[],"mappings":";;AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAS1D,SAAS,mBACd,OACA,OACA,SAAS,KACU;AACnB,QAAM,WAAW,UAAU;AAC3B,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,WAAW,UAAU,UAAa,QAAQ;AAChD,QAAM,aAAa,WAAY,QAAmB,SAAS;AAE3D,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAA0B,MAAM,KAAK,EAAE,QAAQ,SAAA,GAAY,CAAC,GAAG,OAAO;AAAA,IAC1E,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;;"}

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

@@ -0,0 +1,20 @@
+export interface ProgressBarFill {
+    /** Fraction of this bar that is in use, in [0, 1]. */
+    fill: number;
+}
+export interface ProgressBarsModel {
+    /** Whether a usage reading was available. */
+    hasUsage: boolean;
+    /** Usage expressed in bar-units (raw / perBar). */
+    usageUnits: number;
+    /** Capacity in bar-units; undefined when no limit was resolved. */
+    limitUnits?: number;
+    /** Number of bars rendered (one per bar-unit of capacity). */
+    barCount: number;
+    /** Utilisation percentage of capacity; 0 when unbounded. */
+    pct: number;
+    /** Per-bar fill fractions, left to right. */
+    bars: ProgressBarFill[];
+}
+export declare function deriveProgressBars(usage: number | undefined, limit: number | undefined, perBar?: number): ProgressBarsModel;
+//# sourceMappingURL=ProgressBars.model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.d.ts","sourceRoot":"","sources":["../../src/data/ProgressBars.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,GAAG,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAWD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,MAAM,SAAO,GACZ,iBAAiB,CA0BnB"}

package/dist/data/ProgressBars.model.js

@@ -0,0 +1,27 @@
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function deriveProgressBars(usage, limit, perBar = 1e3) {
+  const hasUsage = usage !== void 0;
+  const usageUnits = (usage ?? 0) / perBar;
+  const hasLimit = limit !== void 0 && limit > 0;
+  const limitUnits = hasLimit ? limit / perBar : void 0;
+  const barCount = Math.max(
+    1,
+    Math.ceil(hasLimit ? limitUnits : usageUnits)
+  );
+  const pct = hasLimit ? Math.min(100, Math.round(usageUnits / limitUnits * 100)) : 0;
+  const bars = Array.from({ length: barCount }, (_, i) => ({
+    fill: clamp01(usageUnits - i)
+  }));
+  return {
+    hasUsage,
+    usageUnits,
+    barCount,
+    pct,
+    bars,
+    ...limitUnits !== void 0 && { limitUnits }
+  };
+}
+export {
+  deriveProgressBars
+};
+//# sourceMappingURL=ProgressBars.model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBars.model.js","sources":["../../src/data/ProgressBars.model.ts"],"sourcesContent":["export interface ProgressBarFill {\n  /** Fraction of this bar that is in use, in [0, 1]. */\n  fill: number;\n}\n\nexport interface ProgressBarsModel {\n  /** Whether a usage reading was available. */\n  hasUsage: boolean;\n  /** Usage expressed in bar-units (raw / perBar). */\n  usageUnits: number;\n  /** Capacity in bar-units; undefined when no limit was resolved. */\n  limitUnits?: number;\n  /** Number of bars rendered (one per bar-unit of capacity). */\n  barCount: number;\n  /** Utilisation percentage of capacity; 0 when unbounded. */\n  pct: number;\n  /** Per-bar fill fractions, left to right. */\n  bars: ProgressBarFill[];\n}\n\nconst clamp01 = (n: number): number => Math.min(1, Math.max(0, n));\n\n// deriveProgressBars turns the latest usage/limit readings into a per-bar model: one\n// bar per unit of capacity (ceil of the limit), filled left to right by usage so\n// the bar straddling the usage boundary is partially filled and the remainder\n// stays empty. When the limit is missing or 0 the bar count falls back to the\n// ceiling of the usage so an unbounded reading still renders sensibly. `perBar`\n// is the raw value that fills one bar (default 1000 = millicores per core); pass\n// e.g. 1 GiB to render one bar per gigabyte of memory.\nexport function deriveProgressBars(\n  usage: number | undefined,\n  limit: number | undefined,\n  perBar = 1000,\n): ProgressBarsModel {\n  const hasUsage = usage !== undefined;\n  const usageUnits = (usage ?? 0) / perBar;\n  const hasLimit = limit !== undefined && limit > 0;\n  const limitUnits = hasLimit ? (limit as number) / perBar : undefined;\n\n  const barCount = Math.max(\n    1,\n    Math.ceil(hasLimit ? (limitUnits as number) : usageUnits),\n  );\n  const pct = hasLimit\n    ? Math.min(100, Math.round((usageUnits / (limitUnits as number)) * 100))\n    : 0;\n\n  const bars: ProgressBarFill[] = Array.from({ length: barCount }, (_, i) => ({\n    fill: clamp01(usageUnits - i),\n  }));\n\n  return {\n    hasUsage,\n    usageUnits,\n    barCount,\n    pct,\n    bars,\n    ...(limitUnits !== undefined && { limitUnits }),\n  };\n}\n"],"names":[],"mappings":"AAoBA,MAAM,UAAU,CAAC,MAAsB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;AAS1D,SAAS,mBACd,OACA,OACA,SAAS,KACU;AACnB,QAAM,WAAW,UAAU;AAC3B,QAAM,cAAc,SAAS,KAAK;AAClC,QAAM,WAAW,UAAU,UAAa,QAAQ;AAChD,QAAM,aAAa,WAAY,QAAmB,SAAS;AAE3D,QAAM,WAAW,KAAK;AAAA,IACpB;AAAA,IACA,KAAK,KAAK,WAAY,aAAwB,UAAU;AAAA,EAAA;AAE1D,QAAM,MAAM,WACR,KAAK,IAAI,KAAK,KAAK,MAAO,aAAc,aAAyB,GAAG,CAAC,IACrE;AAEJ,QAAM,OAA0B,MAAM,KAAK,EAAE,QAAQ,SAAA,GAAY,CAAC,GAAG,OAAO;AAAA,IAC1E,MAAM,QAAQ,aAAa,CAAC;AAAA,EAAA,EAC5B;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,eAAe,UAAa,EAAE,WAAA;AAAA,EAAW;AAEjD;"}

package/dist/data/PromptBanner.cjs

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../components/button.cjs");
+const Icon = require("./Icon.cjs");
+const utils = require("../lib/utils.cjs");
+const usePrompts = require("../hooks/use-prompts.cjs");
+const PromptDialog = require("./PromptDialog.cjs");
+const PromptBanner_model = require("./PromptBanner.model.cjs");
+const UiQuestion = require("../icons/components/UiQuestion.cjs");
+const UiRobotAi = require("../icons/components/UiRobotAi.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiHourglass = require("../icons/components/UiHourglass.cjs");
+const UiComment = require("../icons/components/UiComment.cjs");
+function PromptBanner({
+  basePath = "/api/todos",
+  enabled,
+  title,
+  className,
+  inlineActions = "auto",
+  showSummary = true,
+  historyLimit = 5,
+  state: _ignoredState,
+  ...filter
+}) {
+  const { prompts, pending } = usePrompts.usePrompts({
+    ...filter,
+    basePath,
+    ...enabled !== void 0 ? { enabled } : {},
+    ...showSummary ? {} : { state: "pending" }
+  });
+  const [active, setActive] = react.useState(null);
+  const [comment, setComment] = react.useState("");
+  const [resolving, setResolving] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const next = pending[0];
+  const activePrompt = active ?? next;
+  const inlineSpec = react.useMemo(
+    () => inlineActions === "auto" && activePrompt ? PromptBanner_model.analyzePromptInlineActions(activePrompt) : null,
+    [activePrompt, inlineActions]
+  );
+  const summary = react.useMemo(() => PromptBanner_model.summarizePrompts(prompts), [prompts]);
+  const recent = prompts.slice(0, Math.max(0, historyLimit));
+  react.useEffect(() => {
+    setComment(activePrompt ? PromptBanner_model.initialPromptComment(activePrompt, inlineSpec) : "");
+    setError(null);
+    setResolving(null);
+  }, [activePrompt == null ? void 0 : activePrompt.id, inlineSpec]);
+  if (showSummary ? prompts.length === 0 : !next) return null;
+  const headline = title ?? (pending.length > 1 ? `${pending.length} questions need your input` : (next == null ? void 0 : next.title) ?? "No pending prompts");
+  const resolveInline = async (decision) => {
+    if (!activePrompt || !inlineSpec) return;
+    setResolving(decision);
+    setError(null);
+    try {
+      await usePrompts.answerPrompt(basePath, activePrompt.id, {
+        values: PromptBanner_model.buildPromptInlineValues(activePrompt, inlineSpec, decision, comment)
+      });
+      setActive(null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setResolving(null);
+    }
+  };
+  const commentRequiredButEmpty = Boolean((inlineSpec == null ? void 0 : inlineSpec.commentRequired) && comment.trim().length === 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "aria-label": "Prompt requests",
+      className: utils.cn(
+        "rounded-md border border-border bg-card px-3 py-2 text-card-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: next ? UiQuestion.UiQuestion : UiRobotAi.UiRobotAi, className: "mt-0.5 size-4 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium", children: headline }),
+                (next == null ? void 0 : next.description) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 line-clamp-2 text-xs opacity-80", children: next.description }) : null
+              ] })
+            ] }),
+            showSummary ? /* @__PURE__ */ jsxRuntime.jsx(PromptSummaryCounts, { summary }) : null
+          ] }),
+          next ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: inlineSpec ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            inlineSpec.commentField ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex min-w-0 flex-col gap-1 text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: inlineSpec.commentLabel ?? "Comment" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "textarea",
+                {
+                  className: "min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  placeholder: "Add a short note",
+                  value: comment,
+                  onChange: (event) => setComment(event.target.value)
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+              error ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-auto text-xs text-red-600 dark:text-red-300", children: error }) : null,
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                button.Button,
+                {
+                  size: "sm",
+                  variant: "outline",
+                  type: "button",
+                  loading: resolving === "reject",
+                  disabled: resolving !== null || commentRequiredButEmpty,
+                  onClick: () => void resolveInline("reject"),
+                  className: "gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-3.5" }),
+                    "Reject"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                button.Button,
+                {
+                  size: "sm",
+                  type: "button",
+                  loading: resolving === "approve",
+                  disabled: resolving !== null || commentRequiredButEmpty,
+                  onClick: () => void resolveInline("approve"),
+                  className: "gap-1.5",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "size-3.5" }),
+                    "Approve"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", variant: "ghost", type: "button", onClick: () => setActive(next), children: "More" })
+            ] })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { size: "sm", type: "button", onClick: () => setActive(next), children: "Answer" }) }) }) : null,
+          showSummary && recent.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(PromptHistory, { prompts: recent, activeId: next == null ? void 0 : next.id }) : null
+        ] }),
+        active ? /* @__PURE__ */ jsxRuntime.jsx(
+          PromptDialog.PromptDialog,
+          {
+            prompt: active,
+            basePath,
+            open: true,
+            onClose: () => setActive(null),
+            onResolved: () => setActive(null)
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function PromptSummaryCounts({ summary }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs opacity-85", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiHourglass.UiHourglass, className: "size-3.5" }),
+      summary.pending,
+      " pending"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      summary.answered,
+      " answered"
+    ] }),
+    (summary.cancelled > 0 || summary.expired > 0) && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      summary.cancelled + summary.expired,
+      " closed"
+    ] })
+  ] });
+}
+function PromptHistory({ prompts, activeId }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs", children: prompts.map((prompt) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: utils.cn("flex min-w-0 items-start gap-2 px-2 py-1.5", prompt.id === activeId && "bg-muted/60"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PromptStateIcon, { prompt }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-foreground", children: prompt.title }),
+            prompt.kind ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-muted-foreground", children: prompt.kind }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 truncate text-muted-foreground", children: PromptBanner_model.summarizePromptAnswer(prompt) })
+        ] })
+      ]
+    },
+    prompt.id
+  )) });
+}
+function PromptStateIcon({ prompt }) {
+  if (prompt.state === "answered") return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "mt-0.5 size-3.5 shrink-0 text-emerald-600" });
+  if (prompt.state === "cancelled" || prompt.state === "expired") {
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "mt-0.5 size-3.5 shrink-0 text-rose-600" });
+  }
+  if (prompt.kind === "comment") return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiComment.UiComment, className: "mt-0.5 size-3.5 shrink-0" });
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiHourglass.UiHourglass, className: "mt-0.5 size-3.5 shrink-0" });
+}
+exports.PromptBanner = PromptBanner;
+//# sourceMappingURL=PromptBanner.cjs.map

package/dist/data/PromptBanner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBanner.cjs","sources":["../../src/data/PromptBanner.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiClose, UiComment, UiHourglass, UiQuestion, UiRobotAi } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { answerPrompt, usePrompts, type PromptFilter, type PromptSnapshot } from \"../hooks/use-prompts\";\nimport { PromptDialog } from \"./PromptDialog\";\nimport {\n  analyzePromptInlineActions,\n  buildPromptInlineValues,\n  initialPromptComment,\n  summarizePromptAnswer,\n  summarizePrompts,\n  type PromptInlineDecision,\n} from \"./PromptBanner.model\";\n\nexport interface PromptBannerProps extends PromptFilter {\n  /** Base path the prompt API is mounted under, e.g. \"/api/todos\". */\n  basePath?: string | undefined;\n  enabled?: boolean | undefined;\n  /** Override the headline; defaults to a count-aware message. */\n  title?: string | undefined;\n  className?: string | undefined;\n  /** Render approve/reject quick actions when the prompt schema supports them. */\n  inlineActions?: \"auto\" | false | undefined;\n  /** Show compact counts and recent prompt outcomes, not only the current pending prompt. */\n  showSummary?: boolean | undefined;\n  /** Maximum recent prompts shown in the summary list. */\n  historyLimit?: number | undefined;\n}\n\n// PromptBanner subscribes to pending prompts for a scope (owner / session label)\n// and surfaces them as an inline affordance, opening a PromptDialog to answer.\n// Mount it scoped to a todo (owner) at the top of a detail page, or to a session\n// (labels.session) inside a session view using the same component and filters.\nexport function PromptBanner({\n  basePath = \"/api/todos\",\n  enabled,\n  title,\n  className,\n  inlineActions = \"auto\",\n  showSummary = true,\n  historyLimit = 5,\n  state: _ignoredState,\n  ...filter\n}: PromptBannerProps) {\n  const { prompts, pending } = usePrompts({\n    ...filter,\n    basePath,\n    ...(enabled !== undefined ? { enabled } : {}),\n    ...(showSummary ? {} : { state: \"pending\" }),\n  });\n  const [active, setActive] = useState<PromptSnapshot | null>(null);\n  const [comment, setComment] = useState(\"\");\n  const [resolving, setResolving] = useState<PromptInlineDecision | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const next = pending[0];\n  const activePrompt = active ?? next;\n  const inlineSpec = useMemo(\n    () => (inlineActions === \"auto\" && activePrompt ? analyzePromptInlineActions(activePrompt) : null),\n    [activePrompt, inlineActions],\n  );\n  const summary = useMemo(() => summarizePrompts(prompts), [prompts]);\n  const recent = prompts.slice(0, Math.max(0, historyLimit));\n\n  useEffect(() => {\n    setComment(activePrompt ? initialPromptComment(activePrompt, inlineSpec) : \"\");\n    setError(null);\n    setResolving(null);\n  }, [activePrompt?.id, inlineSpec]);\n\n  if (showSummary ? prompts.length === 0 : !next) return null;\n  const headline =\n    title ??\n    (pending.length > 1\n      ? `${pending.length} questions need your input`\n      : next?.title ?? \"No pending prompts\");\n\n  const resolveInline = async (decision: PromptInlineDecision) => {\n    if (!activePrompt || !inlineSpec) return;\n    setResolving(decision);\n    setError(null);\n    try {\n      await answerPrompt(basePath, activePrompt.id, {\n        values: buildPromptInlineValues(activePrompt, inlineSpec, decision, comment),\n      });\n      setActive(null);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : String(e));\n    } finally {\n      setResolving(null);\n    }\n  };\n\n  const commentRequiredButEmpty = Boolean(inlineSpec?.commentRequired && comment.trim().length === 0);\n\n  return (\n    <section\n      aria-label=\"Prompt requests\"\n      className={cn(\n        \"rounded-md border border-border bg-card px-3 py-2 text-card-foreground\",\n        className,\n      )}\n    >\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-2\">\n            <Icon icon={next ? UiQuestion : UiRobotAi} className=\"mt-0.5 size-4 shrink-0\" />\n            <div className=\"min-w-0\">\n              <div className=\"truncate text-sm font-medium\">{headline}</div>\n              {next?.description ? (\n                <div className=\"mt-0.5 line-clamp-2 text-xs opacity-80\">{next.description}</div>\n              ) : null}\n            </div>\n          </div>\n          {showSummary ? <PromptSummaryCounts summary={summary} /> : null}\n        </div>\n\n        {next ? (\n          <div className=\"flex flex-col gap-2\">\n            {inlineSpec ? (\n              <div className=\"flex flex-col gap-2\">\n                {inlineSpec.commentField ? (\n                  <label className=\"flex min-w-0 flex-col gap-1 text-xs\">\n                    <span className=\"font-medium\">{inlineSpec.commentLabel ?? \"Comment\"}</span>\n                    <textarea\n                      className=\"min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                      placeholder=\"Add a short note\"\n                      value={comment}\n                      onChange={(event) => setComment(event.target.value)}\n                    />\n                  </label>\n                ) : null}\n                <div className=\"flex flex-wrap items-center justify-end gap-2\">\n                  {error ? <span className=\"mr-auto text-xs text-red-600 dark:text-red-300\">{error}</span> : null}\n                  <Button\n                    size=\"sm\"\n                    variant=\"outline\"\n                    type=\"button\"\n                    loading={resolving === \"reject\"}\n                    disabled={resolving !== null || commentRequiredButEmpty}\n                    onClick={() => void resolveInline(\"reject\")}\n                    className=\"gap-1.5\"\n                  >\n                    <Icon icon={UiClose} className=\"size-3.5\" />\n                    Reject\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    type=\"button\"\n                    loading={resolving === \"approve\"}\n                    disabled={resolving !== null || commentRequiredButEmpty}\n                    onClick={() => void resolveInline(\"approve\")}\n                    className=\"gap-1.5\"\n                  >\n                    <Icon icon={UiCheck} className=\"size-3.5\" />\n                    Approve\n                  </Button>\n                  <Button size=\"sm\" variant=\"ghost\" type=\"button\" onClick={() => setActive(next)}>\n                    More\n                  </Button>\n                </div>\n              </div>\n            ) : (\n              <div className=\"flex items-center justify-end\">\n                <Button size=\"sm\" type=\"button\" onClick={() => setActive(next)}>\n                  Answer\n                </Button>\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {showSummary && recent.length > 0 ? <PromptHistory prompts={recent} activeId={next?.id} /> : null}\n      </div>\n      {active ? (\n        <PromptDialog\n          prompt={active}\n          basePath={basePath}\n          open={true}\n          onClose={() => setActive(null)}\n          onResolved={() => setActive(null)}\n        />\n      ) : null}\n    </section>\n  );\n}\n\nfunction PromptSummaryCounts({ summary }: { summary: ReturnType<typeof summarizePrompts> }) {\n  return (\n    <div className=\"flex shrink-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs opacity-85\">\n      <span className=\"inline-flex items-center gap-1 font-medium\">\n        <Icon icon={UiHourglass} className=\"size-3.5\" />\n        {summary.pending} pending\n      </span>\n      <span>{summary.answered} answered</span>\n      {(summary.cancelled > 0 || summary.expired > 0) && (\n        <span>{summary.cancelled + summary.expired} closed</span>\n      )}\n    </div>\n  );\n}\n\nfunction PromptHistory({ prompts, activeId }: { prompts: PromptSnapshot[]; activeId?: string | undefined }) {\n  return (\n    <ol className=\"divide-y divide-border overflow-hidden rounded-md border border-border bg-background text-xs\">\n      {prompts.map((prompt) => (\n        <li\n          key={prompt.id}\n          className={cn(\"flex min-w-0 items-start gap-2 px-2 py-1.5\", prompt.id === activeId && \"bg-muted/60\")}\n        >\n          <PromptStateIcon prompt={prompt} />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex min-w-0 items-center gap-2\">\n              <span className=\"truncate font-medium text-foreground\">{prompt.title}</span>\n              {prompt.kind ? <span className=\"shrink-0 text-muted-foreground\">{prompt.kind}</span> : null}\n            </div>\n            <div className=\"mt-0.5 truncate text-muted-foreground\">{summarizePromptAnswer(prompt)}</div>\n          </div>\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nfunction PromptStateIcon({ prompt }: { prompt: PromptSnapshot }) {\n  if (prompt.state === \"answered\") return <Icon icon={UiCheck} className=\"mt-0.5 size-3.5 shrink-0 text-emerald-600\" />;\n  if (prompt.state === \"cancelled\" || prompt.state === \"expired\") {\n    return <Icon icon={UiClose} className=\"mt-0.5 size-3.5 shrink-0 text-rose-600\" />;\n  }\n  if (prompt.kind === \"comment\") return <Icon icon={UiComment} className=\"mt-0.5 size-3.5 shrink-0\" />;\n  return <Icon icon={UiHourglass} className=\"mt-0.5 size-3.5 shrink-0\" />;\n}\n"],"names":["usePrompts","useState","useMemo","analyzePromptInlineActions","summarizePrompts","useEffect","initialPromptComment","answerPrompt","buildPromptInlineValues","jsxs","cn","jsx","Icon","UiQuestion","UiRobotAi","Button","UiClose","UiCheck","PromptDialog","UiHourglass","summarizePromptAnswer","UiComment"],"mappings":"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"}

package/dist/data/PromptBanner.d.ts

@@ -0,0 +1,17 @@
+import { PromptFilter } from '../hooks/use-prompts';
+export interface PromptBannerProps extends PromptFilter {
+    /** Base path the prompt API is mounted under, e.g. "/api/todos". */
+    basePath?: string | undefined;
+    enabled?: boolean | undefined;
+    /** Override the headline; defaults to a count-aware message. */
+    title?: string | undefined;
+    className?: string | undefined;
+    /** Render approve/reject quick actions when the prompt schema supports them. */
+    inlineActions?: "auto" | false | undefined;
+    /** Show compact counts and recent prompt outcomes, not only the current pending prompt. */
+    showSummary?: boolean | undefined;
+    /** Maximum recent prompts shown in the summary list. */
+    historyLimit?: number | undefined;
+}
+export declare function PromptBanner({ basePath, enabled, title, className, inlineActions, showSummary, historyLimit, state: _ignoredState, ...filter }: PromptBannerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PromptBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBanner.d.ts","sourceRoot":"","sources":["../../src/data/PromptBanner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA4B,KAAK,YAAY,EAAuB,MAAM,sBAAsB,CAAC;AAWxG,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC;AAMD,wBAAgB,YAAY,CAAC,EAC3B,QAAuB,EACvB,OAAO,EACP,KAAK,EACL,SAAS,EACT,aAAsB,EACtB,WAAkB,EAClB,YAAgB,EAChB,KAAK,EAAE,aAAa,EACpB,GAAG,MAAM,EACV,EAAE,iBAAiB,kDA8InB"}