@flanksource/clicky-ui 0.3.5 → 0.3.7

package/dist/data/TimeseriesCoreBars.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeseriesCoreBars.js","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport { deriveCoreBars } from \"./TimeseriesCoreBars.model\";\nimport { GaugeHoverCard, type GaugeHoverRow } from \"./GaugeHoverCard\";\nimport { seriesStats } from \"./gauge-stats\";\n\nexport type TimeseriesCoreBarsVariant = \"default\" | \"cell\";\nexport type TimeseriesCoreBarsOrientation = \"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 CoreBarsUnit {\n  /** Raw value that fills one bar, in the domain of `value`/`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\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. 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?: GaugeSeries | number;\n  /** What one bar represents. Defaults to CPU cores (perBar 1000, label \"cores\"). */\n  unit?: CoreBarsUnit;\n  title: string;\n  /** Iconify name or static icon component shown beside the label. */\n  icon?: string | StaticIconComponent;\n  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\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?: TimeseriesCoreBarsVariant;\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?: TimeseriesCoreBarsOrientation;\n  /**\n   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\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 CoreBarsIcon({ 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 formatCores(cores: number): string {\n  return Number.isInteger(cores) ? String(cores) : cores.toFixed(1);\n}\n\n/**\n * TimeseriesCoreBars renders CPU utilisation as a row of vertical bars — one bar\n * per core (the ceiling of the CPU limit) — filled left to right by the latest\n * usage. The bar that straddles the usage boundary is partially filled (\"blocked\n * out\") to show the fractional core in use, and the trailing bars stay empty to\n * show headroom. Both usage and limit are read live from the timeseries store,\n * mirroring TimeseriesGauge's data plumbing; the bar colour crosses warning and\n * danger thresholds. A \"<used> / <cores>\" caption sits below with the icon+title.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const perBar = unit?.perBar ?? 1000;\n  const unitLabel = unit?.label ?? \"cores\";\n  const barLabel = unit?.barLabel ?? \"core\";\n  const formatUnits = unit?.format ?? formatCores;\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const model = deriveCoreBars(usage, limit, perBar);\n  const tone = toneClass(model.pct, thresholds);\n  const usageText = formatUnits(model.usageCores);\n  const capacityText =\n    model.limitCores !== undefined ? formatUnits(model.limitCores) : \"?\";\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: reduce the fetched points to current/min/max/avg in bar-units\n  // (raw value transformed, then divided by perBar) so they read in the same unit\n  // as the caption. A bounded reading colours the current row by its threshold.\n  const pctTone =\n    model.limitCores === 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 stats = seriesStats(results[0]?.data?.points, (v) =>\n    (value.transform ? value.transform(v) : v) / perBar,\n  );\n  const fmt = (n: number) => `${formatUnits(n)} ${unitLabel}`;\n  const hoverRows: GaugeHoverRow[] = model.hasUsage\n    ? [\n        { label: \"Current\", value: fmt(model.usageCores), ...(pctTone ? { tone: pctTone } : {}) },\n        ...(stats\n          ? [\n              { label: \"Min\", value: fmt(stats.min) },\n              { label: \"Max\", value: fmt(stats.max) },\n              { label: \"Avg\", value: fmt(stats.avg) },\n            ]\n          : []),\n        ...(model.limitCores !== undefined\n          ? [{ label: \"Capacity\", value: fmt(model.limitCores) }]\n          : []),\n      ]\n    : [];\n\n  const resolvedOrientation = orientation ?? \"vertical\";\n  const isDense = model.coreCount > 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-core-count={model.coreCount}\n      data-core-density={isDense ? \"compact\" : \"default\"}\n    >\n      {model.bars.map((bar, i) => {\n        const corePct = 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}: ${corePct}%`}\n            aria-label={!isCell ? `${barLabel} ${i + 1}: ${corePct}%` : 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: `${corePct}%`, right: 0 }\n                  : { width: `${corePct}%`, 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 ? <CoreBarsIcon 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  const footer = `over last ${range}`;\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={footer} 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={footer}\n      trigger={block}\n      className=\"w-full justify-center\"\n    />\n  ) : (\n    block\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA8EA,MAAM,iBAAiB,OAAO,QAA6C;AACzE,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,MAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,2BAA2B,IAAI,MAAM,EAAE;AACpE,SAAO,IAAI,KAAA;AACb;AAEA,SAAS,YAAY,MAA0D;;AAC7E,QAAM,SAAS,6BAAM;AACrB,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,UAAO,YAAO,OAAO,SAAS,CAAC,MAAxB,mBAA2B;AACpC;AAEA,SAAS,UAAU,KAAa,CAAC,MAAM,MAAM,GAA6B;AACxE,MAAI,OAAO,OAAQ,QAAO;AAC1B,MAAI,OAAO,KAAM,QAAO;AACxB,SAAO;AACT;AAEA,SAAS,aAAa,EAAE,QAAgD;AACtE,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS,YAAY,OAAuB;AAC1C,SAAO,OAAO,UAAU,KAAK,IAAI,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAClE;AAWO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,UAAS,6BAAM,WAAU;AAC/B,QAAM,aAAY,6BAAM,UAAS;AACjC,QAAM,YAAW,6BAAM,aAAY;AACnC,QAAM,eAAc,6BAAM,WAAU;AACpC,QAAM,cAAc,OAAO,QAAQ;AACnC,QAAM,YAAY,cAAc,MAAM;AACtC,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,OAAO,CAAC,MAAM,EAAE;AACtB,QAAI,UAAW,MAAK,KAAK,UAAU,EAAE;AACrC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,SAAS,CAAC;AAExB,QAAM,UAAU,WAAW;AAAA,IACzB,SAAS,IAAI,IAAI,CAAC,OAAO;AACvB,YAAM,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,SAAS,MAAM;AACtD,UAAI,MAAO,GAAE,aAAa,IAAI,SAAS,KAAK;AAC5C,YAAM,aAAa,EAAE,WAAW,EAAE;AAClC,aAAO;AAAA,QACL,UAAU,CAAC,cAAc,UAAU;AAAA,QACnC,SAAS,MAAM,QAAQ,UAAU;AAAA,QACjC,iBAAiB,YAAY,IAAI,YAAY;AAAA,QAC7C,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,EAAA,CACF;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQ,eAAe,OAAO,OAAO,MAAM;AACjD,QAAM,OAAO,UAAU,MAAM,KAAK,UAAU;AAC5C,QAAM,YAAY,YAAY,MAAM,UAAU;AAC9C,QAAM,eACJ,MAAM,eAAe,SAAY,YAAY,MAAM,UAAU,IAAI;AACnE,QAAM,UAAU,CAAC,MAAM,WACnB,MACA,eACE,GAAG,SAAS,MAAM,YAAY,IAAI,SAAS,KAC3C,GAAG,SAAS,IAAI,SAAS;AAC/B,QAAM,iBAAiB,CAAC,MAAM,WAC1B,MACA,eACE,GAAG,SAAS,IAAI,YAAY,IAAI,SAAS,KACzC,GAAG,SAAS,IAAI,SAAS;AAC/B,QAAM,YAAY,GAAG,KAAK,KAAK,cAAc;AAC7C,QAAM,SAAS,YAAY;AAK3B,QAAM,UACJ,MAAM,eAAe,SACjB,SACA,MAAM,OAAO,WAAW,CAAC,IACvB,iBACA,MAAM,OAAO,WAAW,CAAC,IACvB,mBACA;AACV,QAAM,QAAQ;AAAA,KAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB;AAAA,IAAQ,CAAC,OAClD,MAAM,YAAY,MAAM,UAAU,CAAC,IAAI,KAAK;AAAA,EAAA;AAE/C,QAAM,MAAM,CAAC,MAAc,GAAG,YAAY,CAAC,CAAC,IAAI,SAAS;AACzD,QAAM,YAA6B,MAAM,WACrC;AAAA,IACE,EAAE,OAAO,WAAW,OAAO,IAAI,MAAM,UAAU,GAAG,GAAI,UAAU,EAAE,MAAM,QAAA,IAAY,CAAA,EAAC;AAAA,IACrF,GAAI,QACA;AAAA,MACE,EAAE,OAAO,OAAO,OAAO,IAAI,MAAM,GAAG,EAAA;AAAA,MACpC,EAAE,OAAO,OAAO,OAAO,IAAI,MAAM,GAAG,EAAA;AAAA,MACpC,EAAE,OAAO,OAAO,OAAO,IAAI,MAAM,GAAG,EAAA;AAAA,IAAE,IAExC,CAAA;AAAA,IACJ,GAAI,MAAM,eAAe,SACrB,CAAC,EAAE,OAAO,YAAY,OAAO,IAAI,MAAM,UAAU,EAAA,CAAG,IACpD,CAAA;AAAA,EAAC,IAEP,CAAA;AAEJ,QAAM,sBAAsB,eAAe;AAC3C,QAAM,UAAU,MAAM,YAAY;AAClC,QAAM,YAAY,SAAS,iBAAiB;AAC5C,QAAM,uBAAuB,CAAC,aAAa,CAAC,YAAY,YAAY;AACpE,QAAM,OACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,wBAAwB,aACpB,GAAG,aAAa,SAAS,eAAe,cAAc,IACtD;AAAA,UACE;AAAA,UACA,SAAS,oBAAoB;AAAA,QAAA;AAAA,MAC/B;AAAA,MAEN,eAAa,SAAS,SAAS;AAAA,MAC/B,oBAAkB;AAAA,MAClB,mBAAiB,MAAM;AAAA,MACvB,qBAAmB,UAAU,YAAY;AAAA,MAExC,UAAA,MAAM,KAAK,IAAI,CAAC,KAAK,MAAM;AAC1B,cAAM,UAAU,KAAK,MAAM,IAAI,OAAO,GAAG;AACzC,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,wBAAwB,aACpB;AAAA,gBACE;AAAA,gBACA,SACI,UACE,0BACA,wBACF,UACE,mBACA;AAAA,cAAA,IAER,GAAG,sCAAsC;AAAA,YAAA;AAAA,YAE/C,OAAO,GAAG,QAAQ,IAAI,IAAI,CAAC,KAAK,OAAO;AAAA,YACvC,cAAY,CAAC,SAAS,GAAG,QAAQ,IAAI,IAAI,CAAC,KAAK,OAAO,MAAM;AAAA,YAC5D,aAAW,IAAI;AAAA,YAEf,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBAAA;AAAA,gBAEF,OACE,wBAAwB,aACpB,EAAE,QAAQ,GAAG,OAAO,KAAK,OAAO,EAAA,IAChC,EAAE,OAAO,GAAG,OAAO,KAAK,KAAK,EAAA;AAAA,cAAE;AAAA,YAAA;AAAA,UAEvC;AAAA,UA9BK;AAAA,QAAA;AAAA,MAiCX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGL,QAAM,YAAY,YAChB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS,OAAO;AAAA,MAAA;AAAA,MAGjB,UAAA;AAAA,IAAA;AAAA,EAAA,IAED;AACJ,QAAM,QACJ,QAAQ,YACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA,OAAO,oBAAC,cAAA,EAAa,KAAA,CAAY,IAAK;AAAA,QACtC,YAAY,oBAAC,QAAA,EAAK,WAAU,oBAAoB,iBAAM,IAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAEjE;AAEN,QAAM,WAAW,aAAa,UAAU,SAAS;AACjD,QAAM,SAAS,aAAa,KAAK;AAEjC,MAAI,QAAQ;AACV,UAAM,OACJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAI,WAAW,CAAA,IAAK,EAAE,OAAO,UAAA;AAAA,QAC9B,cAAY,WAAW,YAAY;AAAA,QAElC,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAGL,WAAO,+BACJ,gBAAA,EAAe,OAAc,MAAM,WAAW,QAAgB,SAAS,KAAA,CAAM,IAE9E;AAAA,EAEJ;AAEA,QAAM,QACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAI,WAAW,CAAA,IAAK,EAAE,OAAO,qBAAA;AAAA,MAC9B,cAAY,WAAW,YAAY;AAAA,MAElC,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGL,SAAO,WACL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,SAAS;AAAA,MACT,WAAU;AAAA,IAAA;AAAA,EAAA,IAGZ;AAEJ;"}
+{"version":3,"file":"TimeseriesCoreBars.js","sources":["../../src/data/TimeseriesCoreBars.tsx"],"sourcesContent":["import { useQueries } from \"@tanstack/react-query\";\nimport { useMemo } from \"react\";\nimport { type StaticIconComponent } from \"./Icon\";\nimport type { GaugeSeries } from \"./TimeseriesGauge\";\nimport type { TimeseriesResponse } from \"./TimeseriesPanel\";\nimport {\n  ProgressBars,\n  type ProgressBarsOrientation,\n  type ProgressBarsUnit,\n  type ProgressBarsVariant,\n} from \"./ProgressBars\";\nimport { seriesStats } from \"./gauge-stats\";\n\nexport interface TimeseriesCoreBarsProps {\n  /** Common prefix; the value/max requests are `baseUrl + id`. */\n  baseUrl?: string;\n  /** The metric whose latest value (CPU millicores) fills the bars. */\n  value: GaugeSeries;\n  /**\n   * The capacity. Either a `.limit`-style metric series (its latest value) or a\n   * fixed number, in the same raw domain as `value`. 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?: GaugeSeries | 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  /** Look-back window passed as ?since=; defaults to \"1h\". */\n  range?: string;\n  /** Poll interval in ms; defaults to 5000. Pass 0 to disable polling. */\n  refreshMs?: number;\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   * Wrap the bars in a hover card summarising the metric (label + current / min /\n   * max / avg / capacity over the window). Defaults to true.\n   */\n  hoverCard?: boolean;\n  /** Override the default fetch (e.g. to route through an app's API client). */\n  fetcher?: (url: string) => Promise<TimeseriesResponse>;\n  className?: string;\n}\n\nconst defaultFetcher = async (url: string): Promise<TimeseriesResponse> => {\n  const res = await fetch(url);\n  if (!res.ok) throw new Error(`metrics request failed: ${res.status}`);\n  return res.json();\n};\n\nfunction latestValue(resp: TimeseriesResponse | undefined): number | undefined {\n  const points = resp?.points;\n  if (!points || points.length === 0) return undefined;\n  return points[points.length - 1]?.value;\n}\n\n/**\n * TimeseriesCoreBars reads usage and limit live from the timeseries store\n * (mirroring TimeseriesGauge's data plumbing) and renders them as quantised\n * utilisation bars via {@link ProgressBars}. Usage and limit flow through each\n * series' optional `transform`; the hover card summarises current/min/max/avg/\n * capacity over the look-back window.\n */\nexport function TimeseriesCoreBars({\n  baseUrl = \"\",\n  value,\n  max,\n  unit,\n  title,\n  icon,\n  range = \"1h\",\n  refreshMs = 5000,\n  thresholds = [75, 90],\n  variant = \"default\",\n  showLabel = true,\n  showValue = true,\n  showCapacity = false,\n  orientation,\n  hoverCard = true,\n  fetcher = defaultFetcher,\n  className,\n}: TimeseriesCoreBarsProps) {\n  const maxIsSeries = typeof max === \"object\";\n  const maxSeries = maxIsSeries ? max : undefined;\n  const ids = useMemo(() => {\n    const list = [value.id];\n    if (maxSeries) list.push(maxSeries.id);\n    return list;\n  }, [value.id, maxSeries]);\n\n  const results = useQueries({\n    queries: ids.map((id) => {\n      const u = new URL(baseUrl + id, window.location.origin);\n      if (range) u.searchParams.set(\"since\", range);\n      const requestUrl = u.pathname + u.search;\n      return {\n        queryKey: [\"timeseries\", requestUrl],\n        queryFn: () => fetcher(requestUrl),\n        refetchInterval: refreshMs > 0 ? refreshMs : false,\n        staleTime: 0,\n        retry: 0,\n      };\n    }),\n  });\n\n  const rawValue = latestValue(results[0]?.data);\n  const usage =\n    rawValue === undefined\n      ? undefined\n      : value.transform\n        ? value.transform(rawValue)\n        : rawValue;\n\n  let limit: number | undefined;\n  if (typeof max === \"number\") {\n    limit = max;\n  } else if (maxSeries) {\n    const rawMax = latestValue(results[1]?.data);\n    limit =\n      rawMax === undefined\n        ? undefined\n        : maxSeries.transform\n          ? maxSeries.transform(rawMax)\n          : rawMax;\n  }\n\n  const stats = seriesStats(results[0]?.data?.points, value.transform);\n\n  return (\n    <ProgressBars\n      usage={usage}\n      stats={stats}\n      title={title}\n      thresholds={thresholds}\n      variant={variant}\n      showLabel={showLabel}\n      showValue={showValue}\n      showCapacity={showCapacity}\n      hoverCard={hoverCard}\n      hoverFooter={`over last ${range}`}\n      {...(limit !== undefined ? { max: limit } : {})}\n      {...(unit !== undefined ? { unit } : {})}\n      {...(icon !== undefined ? { icon } : {})}\n      {...(orientation !== undefined ? { orientation } : {})}\n      {...(className !== undefined ? { className } : {})}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AA+DA,MAAM,iBAAiB,OAAO,QAA6C;AACzE,QAAM,MAAM,MAAM,MAAM,GAAG;AAC3B,MAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,2BAA2B,IAAI,MAAM,EAAE;AACpE,SAAO,IAAI,KAAA;AACb;AAEA,SAAS,YAAY,MAA0D;;AAC7E,QAAM,SAAS,6BAAM;AACrB,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,QAAO;AAC3C,UAAO,YAAO,OAAO,SAAS,CAAC,MAAxB,mBAA2B;AACpC;AASO,SAAS,mBAAmB;AAAA,EACjC,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,aAAa,CAAC,IAAI,EAAE;AAAA,EACpB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV;AACF,GAA4B;;AAC1B,QAAM,cAAc,OAAO,QAAQ;AACnC,QAAM,YAAY,cAAc,MAAM;AACtC,QAAM,MAAM,QAAQ,MAAM;AACxB,UAAM,OAAO,CAAC,MAAM,EAAE;AACtB,QAAI,UAAW,MAAK,KAAK,UAAU,EAAE;AACrC,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,IAAI,SAAS,CAAC;AAExB,QAAM,UAAU,WAAW;AAAA,IACzB,SAAS,IAAI,IAAI,CAAC,OAAO;AACvB,YAAM,IAAI,IAAI,IAAI,UAAU,IAAI,OAAO,SAAS,MAAM;AACtD,UAAI,MAAO,GAAE,aAAa,IAAI,SAAS,KAAK;AAC5C,YAAM,aAAa,EAAE,WAAW,EAAE;AAClC,aAAO;AAAA,QACL,UAAU,CAAC,cAAc,UAAU;AAAA,QACnC,SAAS,MAAM,QAAQ,UAAU;AAAA,QACjC,iBAAiB,YAAY,IAAI,YAAY;AAAA,QAC7C,WAAW;AAAA,QACX,OAAO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,EAAA,CACF;AAED,QAAM,WAAW,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC7C,QAAM,QACJ,aAAa,SACT,SACA,MAAM,YACJ,MAAM,UAAU,QAAQ,IACxB;AAER,MAAI;AACJ,MAAI,OAAO,QAAQ,UAAU;AAC3B,YAAQ;AAAA,EACV,WAAW,WAAW;AACpB,UAAM,SAAS,aAAY,aAAQ,CAAC,MAAT,mBAAY,IAAI;AAC3C,YACE,WAAW,SACP,SACA,UAAU,YACR,UAAU,UAAU,MAAM,IAC1B;AAAA,EACV;AAEA,QAAM,QAAQ,aAAY,mBAAQ,CAAC,MAAT,mBAAY,SAAZ,mBAAkB,QAAQ,MAAM,SAAS;AAEnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,aAAa,KAAK;AAAA,MAC9B,GAAI,UAAU,SAAY,EAAE,KAAK,MAAA,IAAU,CAAA;AAAA,MAC3C,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,SAAS,SAAY,EAAE,KAAA,IAAS,CAAA;AAAA,MACpC,GAAI,gBAAgB,SAAY,EAAE,YAAA,IAAgB,CAAA;AAAA,MAClD,GAAI,cAAc,SAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtD;"}

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

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.model.cjs","sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { TimeseriesCoreBarsOrientation } from \"./TimeseriesCoreBars\";\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  label?: string;\n  code?: string;\n  health?: string;\n  message?: string;\n  tone?: BadgeTone;\n}\n\nexport interface WorkloadCardWorkload {\n  kind: WorkloadCardKind;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\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?: TimeseriesCoreBarsOrientation;\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\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  const token = [status?.label, status?.code, status?.health]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  if (!token) return \"neutral\";\n  if (/(unhealthy|error|failed|failure|crash|down|unavailable)/.test(token))\n    return \"danger\";\n  if (/(warning|warn|degraded|pending|progress|starting|reconcil)/.test(token))\n    return \"warning\";\n  if (/(healthy|ready|running|available|ok|success)/.test(token))\n    return \"success\";\n  if (/(info|unknown)/.test(token)) return \"info\";\n  return \"neutral\";\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"],"names":[],"mappings":";;AA8DO,SAAS,kBAAkB,MAAgC;AAChE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,oBACd,QACoB;AACpB,UAAO,iCAAQ,WAAS,iCAAQ,UAAQ,iCAAQ;AAClD;AAEO,SAAS,mBACd,QACW;AACX,MAAI,iCAAQ,KAAM,QAAO,OAAO;AAChC,QAAM,QAAQ,CAAC,iCAAQ,OAAO,iCAAQ,MAAM,iCAAQ,MAAM,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACR,YAAA;AACH,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,0DAA0D,KAAK,KAAK;AACtE,WAAO;AACT,MAAI,6DAA6D,KAAK,KAAK;AACzE,WAAO;AACT,MAAI,+CAA+C,KAAK,KAAK;AAC3D,WAAO;AACT,MAAI,iBAAiB,KAAK,KAAK,EAAG,QAAO;AACzC,SAAO;AACT;AAEO,SAAS,oBACd,UACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,SAAS,UAAU,UAAa,SAAS,YAAY,QAAW;AAClE,WAAO,GAAG,SAAS,KAAK,IAAI,SAAS,OAAO;AAAA,EAC9C;AACA,MAAI,SAAS,cAAc,UAAa,SAAS,YAAY,QAAW;AACtE,WAAO,GAAG,SAAS,SAAS,IAAI,SAAS,OAAO;AAAA,EAClD;AACA,MAAI,SAAS,UAAU,OAAW,QAAO,GAAG,SAAS,KAAK;AAC1D,MAAI,SAAS,YAAY,OAAW,QAAO,GAAG,SAAS,OAAO;AAC9D,MAAI,SAAS,cAAc;AACzB,WAAO,GAAG,SAAS,SAAS;AAC9B,SAAO;AACT;;;;;"}
+{"version":3,"file":"WorkloadCard.model.cjs","sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import 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  label?: string;\n  code?: string;\n  health?: string;\n  message?: string;\n  tone?: BadgeTone;\n}\n\nexport interface WorkloadCardWorkload {\n  kind: WorkloadCardKind;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\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\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  const token = [status?.label, status?.code, status?.health]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  if (!token) return \"neutral\";\n  if (/(unhealthy|error|failed|failure|crash|down|unavailable)/.test(token))\n    return \"danger\";\n  if (/(warning|warn|degraded|pending|progress|starting|reconcil)/.test(token))\n    return \"warning\";\n  if (/(healthy|ready|running|available|ok|success)/.test(token))\n    return \"success\";\n  if (/(info|unknown)/.test(token)) return \"info\";\n  return \"neutral\";\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"],"names":[],"mappings":";;AA8DO,SAAS,kBAAkB,MAAgC;AAChE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,oBACd,QACoB;AACpB,UAAO,iCAAQ,WAAS,iCAAQ,UAAQ,iCAAQ;AAClD;AAEO,SAAS,mBACd,QACW;AACX,MAAI,iCAAQ,KAAM,QAAO,OAAO;AAChC,QAAM,QAAQ,CAAC,iCAAQ,OAAO,iCAAQ,MAAM,iCAAQ,MAAM,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACR,YAAA;AACH,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,0DAA0D,KAAK,KAAK;AACtE,WAAO;AACT,MAAI,6DAA6D,KAAK,KAAK;AACzE,WAAO;AACT,MAAI,+CAA+C,KAAK,KAAK;AAC3D,WAAO;AACT,MAAI,iBAAiB,KAAK,KAAK,EAAG,QAAO;AACzC,SAAO;AACT;AAEO,SAAS,oBACd,UACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,SAAS,UAAU,UAAa,SAAS,YAAY,QAAW;AAClE,WAAO,GAAG,SAAS,KAAK,IAAI,SAAS,OAAO;AAAA,EAC9C;AACA,MAAI,SAAS,cAAc,UAAa,SAAS,YAAY,QAAW;AACtE,WAAO,GAAG,SAAS,SAAS,IAAI,SAAS,OAAO;AAAA,EAClD;AACA,MAAI,SAAS,UAAU,OAAW,QAAO,GAAG,SAAS,KAAK;AAC1D,MAAI,SAAS,YAAY,OAAW,QAAO,GAAG,SAAS,OAAO;AAC9D,MAAI,SAAS,cAAc;AACzB,WAAO,GAAG,SAAS,SAAS;AAC9B,SAAO;AACT;;;;;"}

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

@@ -1,6 +1,6 @@
 import { BadgeTone } from './Badge';
 import { StaticIconComponent } from './Icon';
-import { TimeseriesCoreBarsOrientation } from './TimeseriesCoreBars';
+import { ProgressBarsOrientation } from './ProgressBars';
 import { GaugeSeries } from './TimeseriesGauge';
 export type WorkloadCardKind = "service" | "ingress" | "deployment" | "statefulset" | "pod";
 export type WorkloadCardIcon = string | StaticIconComponent;
@@ -38,7 +38,7 @@ export interface WorkloadCardResourceMetric {
     centerDisplay?: "value" | "percent";
 }
 export interface WorkloadCardCpuMetric extends WorkloadCardResourceMetric {
-    orientation?: TimeseriesCoreBarsOrientation;
+    orientation?: ProgressBarsOrientation;
     showValue?: boolean;
 }
 export interface WorkloadCardMetrics {

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,aAAa,GACb,KAAK,CAAC;AAEV,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,qBAAsB,SAAQ,0BAA0B;IACvE,WAAW,CAAC,EAAE,6BAA6B,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC,IAAI,CAAC,EAAE,0BAA0B,CAAC;CACnC;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAahE;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,kBAAkB,GAAG,SAAS,GACrC,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,kBAAkB,GAAG,SAAS,GACrC,SAAS,CAeX;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,GACzC,MAAM,GAAG,SAAS,CAapB"}
+{"version":3,"file":"WorkloadCard.model.d.ts","sourceRoot":"","sources":["../../src/data/WorkloadCard.model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,aAAa,GACb,KAAK,CAAC;AAEV,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,gBAAgB,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,qBAAsB,SAAQ,0BAA0B;IACvE,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B,MAAM,CAAC,EAAE,0BAA0B,CAAC;IACpC,IAAI,CAAC,EAAE,0BAA0B,CAAC;CACnC;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAahE;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,kBAAkB,GAAG,SAAS,GACrC,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,kBAAkB,GAAG,SAAS,GACrC,SAAS,CAeX;AAED,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,oBAAoB,GAAG,SAAS,GACzC,MAAM,GAAG,SAAS,CAapB"}

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

@@ -1 +1 @@
-{"version":3,"file":"WorkloadCard.model.js","sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import type { BadgeTone } from \"./Badge\";\nimport type { StaticIconComponent } from \"./Icon\";\nimport type { TimeseriesCoreBarsOrientation } from \"./TimeseriesCoreBars\";\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  label?: string;\n  code?: string;\n  health?: string;\n  message?: string;\n  tone?: BadgeTone;\n}\n\nexport interface WorkloadCardWorkload {\n  kind: WorkloadCardKind;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\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?: TimeseriesCoreBarsOrientation;\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\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  const token = [status?.label, status?.code, status?.health]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  if (!token) return \"neutral\";\n  if (/(unhealthy|error|failed|failure|crash|down|unavailable)/.test(token))\n    return \"danger\";\n  if (/(warning|warn|degraded|pending|progress|starting|reconcil)/.test(token))\n    return \"warning\";\n  if (/(healthy|ready|running|available|ok|success)/.test(token))\n    return \"success\";\n  if (/(info|unknown)/.test(token)) return \"info\";\n  return \"neutral\";\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"],"names":[],"mappings":"AA8DO,SAAS,kBAAkB,MAAgC;AAChE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,oBACd,QACoB;AACpB,UAAO,iCAAQ,WAAS,iCAAQ,UAAQ,iCAAQ;AAClD;AAEO,SAAS,mBACd,QACW;AACX,MAAI,iCAAQ,KAAM,QAAO,OAAO;AAChC,QAAM,QAAQ,CAAC,iCAAQ,OAAO,iCAAQ,MAAM,iCAAQ,MAAM,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACR,YAAA;AACH,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,0DAA0D,KAAK,KAAK;AACtE,WAAO;AACT,MAAI,6DAA6D,KAAK,KAAK;AACzE,WAAO;AACT,MAAI,+CAA+C,KAAK,KAAK;AAC3D,WAAO;AACT,MAAI,iBAAiB,KAAK,KAAK,EAAG,QAAO;AACzC,SAAO;AACT;AAEO,SAAS,oBACd,UACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,SAAS,UAAU,UAAa,SAAS,YAAY,QAAW;AAClE,WAAO,GAAG,SAAS,KAAK,IAAI,SAAS,OAAO;AAAA,EAC9C;AACA,MAAI,SAAS,cAAc,UAAa,SAAS,YAAY,QAAW;AACtE,WAAO,GAAG,SAAS,SAAS,IAAI,SAAS,OAAO;AAAA,EAClD;AACA,MAAI,SAAS,UAAU,OAAW,QAAO,GAAG,SAAS,KAAK;AAC1D,MAAI,SAAS,YAAY,OAAW,QAAO,GAAG,SAAS,OAAO;AAC9D,MAAI,SAAS,cAAc;AACzB,WAAO,GAAG,SAAS,SAAS;AAC9B,SAAO;AACT;"}
+{"version":3,"file":"WorkloadCard.model.js","sources":["../../src/data/WorkloadCard.model.ts"],"sourcesContent":["import 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  label?: string;\n  code?: string;\n  health?: string;\n  message?: string;\n  tone?: BadgeTone;\n}\n\nexport interface WorkloadCardWorkload {\n  kind: WorkloadCardKind;\n  name: string;\n  namespace?: string;\n  role?: string;\n  createdAt?: string | number | Date;\n  replicas?: WorkloadCardReplicas;\n  status?: WorkloadCardStatus;\n  icon?: WorkloadCardIcon;\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\nexport function workloadStatusLabel(\n  status: WorkloadCardStatus | undefined,\n): string | undefined {\n  return status?.label ?? status?.code ?? status?.health;\n}\n\nexport function workloadStatusTone(\n  status: WorkloadCardStatus | undefined,\n): BadgeTone {\n  if (status?.tone) return status.tone;\n  const token = [status?.label, status?.code, status?.health]\n    .filter(Boolean)\n    .join(\" \")\n    .toLowerCase();\n  if (!token) return \"neutral\";\n  if (/(unhealthy|error|failed|failure|crash|down|unavailable)/.test(token))\n    return \"danger\";\n  if (/(warning|warn|degraded|pending|progress|starting|reconcil)/.test(token))\n    return \"warning\";\n  if (/(healthy|ready|running|available|ok|success)/.test(token))\n    return \"success\";\n  if (/(info|unknown)/.test(token)) return \"info\";\n  return \"neutral\";\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"],"names":[],"mappings":"AA8DO,SAAS,kBAAkB,MAAgC;AAChE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AAEO,SAAS,oBACd,QACoB;AACpB,UAAO,iCAAQ,WAAS,iCAAQ,UAAQ,iCAAQ;AAClD;AAEO,SAAS,mBACd,QACW;AACX,MAAI,iCAAQ,KAAM,QAAO,OAAO;AAChC,QAAM,QAAQ,CAAC,iCAAQ,OAAO,iCAAQ,MAAM,iCAAQ,MAAM,EACvD,OAAO,OAAO,EACd,KAAK,GAAG,EACR,YAAA;AACH,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,0DAA0D,KAAK,KAAK;AACtE,WAAO;AACT,MAAI,6DAA6D,KAAK,KAAK;AACzE,WAAO;AACT,MAAI,+CAA+C,KAAK,KAAK;AAC3D,WAAO;AACT,MAAI,iBAAiB,KAAK,KAAK,EAAG,QAAO;AACzC,SAAO;AACT;AAEO,SAAS,oBACd,UACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,SAAS,UAAU,UAAa,SAAS,YAAY,QAAW;AAClE,WAAO,GAAG,SAAS,KAAK,IAAI,SAAS,OAAO;AAAA,EAC9C;AACA,MAAI,SAAS,cAAc,UAAa,SAAS,YAAY,QAAW;AACtE,WAAO,GAAG,SAAS,SAAS,IAAI,SAAS,OAAO;AAAA,EAClD;AACA,MAAI,SAAS,UAAU,OAAW,QAAO,GAAG,SAAS,KAAK;AAC1D,MAAI,SAAS,YAAY,OAAW,QAAO,GAAG,SAAS,OAAO;AAC9D,MAAI,SAAS,cAAc;AACzB,WAAO,GAAG,SAAS,SAAS;AAC9B,SAAO;AACT;"}

package/dist/data/ai/ChatWindow.cjs

@@ -64,8 +64,9 @@ function ChatWindow({
       const next = { ...prev };
       let changed = false;
       for (const t of tools) {
-        if (next[t.name] === void 0) {
-          next[t.name] = defaultToolMode;
+        const key = t.preferenceKey ?? t.name;
+        if (next[key] === void 0) {
+          next[key] = t.defaultMode ?? defaultToolMode;
           changed = true;
         }
       }
@@ -82,7 +83,9 @@ function ChatWindow({
     };
   }, []);
   const removeContext = react.useCallback(
-    (id) => updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),
+    (id) => updatePanel(panel.id, {
+      contextItems: panel.contextItems.filter((c) => c.id !== id)
+    }),
     [updatePanel, panel.id, panel.contextItems]
   );
   const mergedBody = ChatWindowRequestBody.chatWindowRequestBody({
@@ -109,8 +112,24 @@ function ChatWindow({
     ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 text-sm font-medium", children: title }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" }),
     headerExtras,
-    tools && /* @__PURE__ */ jsxRuntime.jsx(ToolPreferences.ToolPreferences, { tools, value: toolPrefs, onChange: setToolPrefs }),
-    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", title: "New window", onClick: () => openPanel(), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-4" }) }),
+    tools && /* @__PURE__ */ jsxRuntime.jsx(
+      ToolPreferences.ToolPreferences,
+      {
+        tools,
+        value: toolPrefs,
+        onChange: setToolPrefs
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: "New window",
+        onClick: () => openPanel(),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiAdd.UiAdd, className: "size-4" })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       button.Button,
       {
@@ -121,7 +140,16 @@ function ChatWindow({
         children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiFullscreen.UiFullscreen, className: "size-4" })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { variant: "ghost", size: "icon", title: "Close", onClick: () => closePanel(panel.id), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-4" }) })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: "Close",
+        onClick: () => closePanel(panel.id),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose, className: "size-4" })
+      }
+    )
   ] });
   const frame = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl", children: [
     header,
@@ -153,7 +181,13 @@ function ChatWindow({
       "div",
       {
         className: "pointer-events-auto h-full",
-        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : { position: "absolute", left: panel.x, top: panel.y, width: panel.width, height: panel.height },
+        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : {
+          position: "absolute",
+          left: panel.x,
+          top: panel.y,
+          width: panel.width,
+          height: panel.height
+        },
         children: frame
       }
     ) });
@@ -163,7 +197,12 @@ function ChatWindow({
     /* @__PURE__ */ jsxRuntime.jsx(
       Rnd,
       {
-        default: { x: panel.x, y: panel.y, width: panel.width, height: panel.height },
+        default: {
+          x: panel.x,
+          y: panel.y,
+          width: panel.width,
+          height: panel.height
+        },
         style: { pointerEvents: "auto" },
         minWidth: 360,
         minHeight: 400,
@@ -173,7 +212,12 @@ function ChatWindow({
         enableResizing: !panel.maximized,
         onDragStart: () => bringToFront(panel.id),
         onDragStop: (_e, d) => updatePanel(panel.id, { x: d.x, y: d.y }),
-        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y }),
+        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, {
+          width: ref.offsetWidth,
+          height: ref.offsetHeight,
+          x: pos.x,
+          y: pos.y
+        }),
         children: frame
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.cjs","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport { useChatWindowManager, type ChatWindowState } from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport { ToolPreferences, type ToolMeta, type ToolMode } from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\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/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        if (next[t.name] === undefined) {\n          next[t.name] = defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && <ToolPreferences tools={tools} value={toolPrefs} onChange={setToolPrefs} />}\n      <Button variant=\"ghost\" size=\"icon\" title=\"New window\" onClick={() => openPanel()}>\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button variant=\"ghost\" size=\"icon\" title=\"Close\" onClick={() => closePanel(panel.id)}>\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : { position: \"absolute\", left: panel.x, top: panel.y, width: panel.width, height: panel.height }\n          }\n        >\n          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{ x: panel.x, y: panel.y, width: panel.width, height: panel.height }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":["useChatWindowManager","useState","useEffect","useCallback","chatWindowRequestBody","jsxs","jsx","ThreadPicker","ToolPreferences","Button","Icon","UiAdd","UiFullscreen","UiClose","ContextBadges","Chat","cn","Fragment"],"mappings":"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"}
+{"version":3,"file":"ChatWindow.cjs","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport {\n  useChatWindowManager,\n  type ChatWindowState,\n} from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport {\n  ToolPreferences,\n  type ToolMeta,\n  type ToolMode,\n} from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\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/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } =\n    useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        const key = t.preferenceKey ?? t.name;\n        if (next[key] === undefined) {\n          next[key] = t.defaultMode ?? defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, {\n        contextItems: panel.contextItems.filter((c) => c.id !== id),\n      }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && (\n        <ToolPreferences\n          tools={tools}\n          value={toolPrefs}\n          onChange={setToolPrefs}\n        />\n      )}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"New window\"\n        onClick={() => openPanel()}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"Close\"\n        onClick={() => closePanel(panel.id)}\n      >\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\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          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\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={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, {\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":["useChatWindowManager","useState","useEffect","useCallback","chatWindowRequestBody","jsxs","jsx","ThreadPicker","ToolPreferences","Button","Icon","UiAdd","UiFullscreen","UiClose","ContextBadges","Chat","cn","Fragment"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAmB,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGnD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB;kFAC8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;6CAEyC;IACzC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;iEAE6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAWF;;;oEAGoE;AACpE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAmB,EACnB,UAAgC,EAChC,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,eAAuB,EACvB,YAAY,GACb,EAAE,eAAe,2CA0JjB;AAED;8DAC8D;AAC9D,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,2CASpE"}
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../../src/data/ai/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAGnD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,eAAe,CAAC;IACvB;kFAC8E;IAC9E,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;6CAEyC;IACzC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;iEAE6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,8EAA8E;IAC9E,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAWF;;;oEAGoE;AACpE,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAmB,EACnB,UAAgC,EAChC,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,eAAuB,EACvB,YAAY,GACb,EAAE,eAAe,2CA8LjB;AAED;8DAC8D;AAC9D,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,2CASpE"}

package/dist/data/ai/ChatWindow.js

@@ -40,8 +40,9 @@ function ChatWindow({
       const next = { ...prev };
       let changed = false;
       for (const t of tools) {
-        if (next[t.name] === void 0) {
-          next[t.name] = defaultToolMode;
+        const key = t.preferenceKey ?? t.name;
+        if (next[key] === void 0) {
+          next[key] = t.defaultMode ?? defaultToolMode;
           changed = true;
         }
       }
@@ -58,7 +59,9 @@ function ChatWindow({
     };
   }, []);
   const removeContext = useCallback(
-    (id) => updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),
+    (id) => updatePanel(panel.id, {
+      contextItems: panel.contextItems.filter((c) => c.id !== id)
+    }),
     [updatePanel, panel.id, panel.contextItems]
   );
   const mergedBody = chatWindowRequestBody({
@@ -85,8 +88,24 @@ function ChatWindow({
     ) : /* @__PURE__ */ jsx("span", { className: "px-1 text-sm font-medium", children: title }),
     /* @__PURE__ */ jsx("div", { className: "flex-1" }),
     headerExtras,
-    tools && /* @__PURE__ */ jsx(ToolPreferences, { tools, value: toolPrefs, onChange: setToolPrefs }),
-    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "New window", onClick: () => openPanel(), children: /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-4" }) }),
+    tools && /* @__PURE__ */ jsx(
+      ToolPreferences,
+      {
+        tools,
+        value: toolPrefs,
+        onChange: setToolPrefs
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: "New window",
+        onClick: () => openPanel(),
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiAdd, className: "size-4" })
+      }
+    ),
     /* @__PURE__ */ jsx(
       Button,
       {
@@ -97,7 +116,16 @@ function ChatWindow({
         children: /* @__PURE__ */ jsx(Icon, { icon: UiFullscreen, className: "size-4" })
       }
     ),
-    /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", title: "Close", onClick: () => closePanel(panel.id), children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-4" }) })
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        title: "Close",
+        onClick: () => closePanel(panel.id),
+        children: /* @__PURE__ */ jsx(Icon, { icon: UiClose, className: "size-4" })
+      }
+    )
   ] });
   const frame = /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl", children: [
     header,
@@ -129,7 +157,13 @@ function ChatWindow({
       "div",
       {
         className: "pointer-events-auto h-full",
-        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : { position: "absolute", left: panel.x, top: panel.y, width: panel.width, height: panel.height },
+        style: panel.maximized ? { position: "relative", width: "100%", height: "100%" } : {
+          position: "absolute",
+          left: panel.x,
+          top: panel.y,
+          width: panel.width,
+          height: panel.height
+        },
         children: frame
       }
     ) });
@@ -139,7 +173,12 @@ function ChatWindow({
     /* @__PURE__ */ jsx(
       Rnd,
       {
-        default: { x: panel.x, y: panel.y, width: panel.width, height: panel.height },
+        default: {
+          x: panel.x,
+          y: panel.y,
+          width: panel.width,
+          height: panel.height
+        },
         style: { pointerEvents: "auto" },
         minWidth: 360,
         minHeight: 400,
@@ -149,7 +188,12 @@ function ChatWindow({
         enableResizing: !panel.maximized,
         onDragStart: () => bringToFront(panel.id),
         onDragStop: (_e, d) => updatePanel(panel.id, { x: d.x, y: d.y }),
-        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y }),
+        onResizeStop: (_e, _dir, ref, _delta, pos) => updatePanel(panel.id, {
+          width: ref.offsetWidth,
+          height: ref.offsetHeight,
+          x: pos.x,
+          y: pos.y
+        }),
         children: frame
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.js","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport { useChatWindowManager, type ChatWindowState } from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport { ToolPreferences, type ToolMeta, type ToolMode } from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\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/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } = useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        if (next[t.name] === undefined) {\n          next[t.name] = defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, { contextItems: panel.contextItems.filter((c) => c.id !== id) }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && <ToolPreferences tools={tools} value={toolPrefs} onChange={setToolPrefs} />}\n      <Button variant=\"ghost\" size=\"icon\" title=\"New window\" onClick={() => openPanel()}>\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button variant=\"ghost\" size=\"icon\" title=\"Close\" onClick={() => closePanel(panel.id)}>\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n        <div\n          className=\"pointer-events-auto h-full\"\n          style={\n            panel.maximized\n              ? { position: \"relative\", width: \"100%\", height: \"100%\" }\n              : { position: \"absolute\", left: panel.x, top: panel.y, width: panel.width, height: panel.height }\n          }\n        >\n          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\n      <style>{MAXIMIZE_CSS}</style>\n      <Rnd\n        default={{ x: panel.x, y: panel.y, width: panel.width, height: panel.height }}\n        style={{ pointerEvents: \"auto\" }}\n        minWidth={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, { width: ref.offsetWidth, height: ref.offsetHeight, x: pos.x, y: pos.y })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuCA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAad,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AACF,GAAoB;AAClB,QAAM,EAAE,aAAa,YAAY,cAAc,eAAe,UAAA,IAAc,qBAAA;AAC5E,QAAM,CAAC,KAAK,MAAM,IAAI,SAAgD,IAAI;AAC1E,QAAM,CAAC,WAAW,YAAY,IAAI,SAAmC,CAAA,CAAE;AAKvE,YAAU,MAAM;AACd,QAAI,EAAC,+BAAO,QAAQ;AACpB,iBAAa,CAAC,SAAS;AACrB,YAAM,OAAO,EAAE,GAAG,KAAA;AAClB,UAAI,UAAU;AACd,iBAAW,KAAK,OAAO;AACrB,YAAI,KAAK,EAAE,IAAI,MAAM,QAAW;AAC9B,eAAK,EAAE,IAAI,IAAI;AACf,oBAAU;AAAA,QACZ;AAAA,MACF;AACA,aAAO,UAAU,OAAO;AAAA,IAC1B,CAAC;AAAA,EACH,GAAG,CAAC,iBAAiB,KAAK,CAAC;AAE3B,YAAU,MAAM;AACd,QAAI,SAAS;AACb,WAAO,WAAW,EAAE,KAAK,CAAC,MAAM;AAC9B,UAAI,OAAQ,QAAO,MAAM,EAAE,GAAG;AAAA,IAChC,CAAC;AACD,WAAO,MAAM;AACX,eAAS;AAAA,IACX;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,OACC,YAAY,MAAM,IAAI,EAAE,cAAc,MAAM,aAAa,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG;AAAA,IACvF,CAAC,aAAa,MAAM,IAAI,MAAM,YAAY;AAAA,EAAA;AAG5C,QAAM,aAAa,sBAAsB;AAAA,IACvC,MAAM,6BAAM;AAAA,IACZ,cAAc,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,gBAAgB,MAAM,kBAAiB,6BAAM,kBAAiB;AACpE,QAAM,0BAA0B,YAAY,MAAM;;AAChD,QAAI,MAAM,cAAe,aAAY,MAAM,IAAI,EAAE,eAAe,MAAM;AACtE,uCAAM,wBAAN;AAAA,EACF,GAAG,CAAC,MAAM,MAAM,IAAI,MAAM,eAAe,WAAW,CAAC;AAErD,QAAM,SACJ,qBAAC,OAAA,EAAI,WAAU,uGACZ,UAAA;AAAA,IAAA,iBAAiB,QAAQ,eAAe,OACvC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU,MAAM;AAAA,QAChB,UAAU,CAAC,QAAQ,YAAY,MAAM,IAAI,EAAE,UAAU,KAAK;AAAA,QAC1D,OAAO,MAAM,YAAY,MAAM,IAAI,EAAE,UAAU,MAAM;AAAA,QACpD,GAAI,gBACD,EAAE,QAAQ,cAAA,IACV,eAAe,OACb,EAAE,KAAK,eACP,CAAA;AAAA,MAAC;AAAA,IAAA,IAGT,oBAAC,QAAA,EAAK,WAAU,4BAA4B,UAAA,OAAM;AAAA,IAEpD,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,IACvB;AAAA,IACA,SAAS,oBAAC,iBAAA,EAAgB,OAAc,OAAO,WAAW,UAAU,cAAc;AAAA,wBAClF,QAAA,EAAO,SAAQ,SAAQ,MAAK,QAAO,OAAM,cAAa,SAAS,MAAM,UAAA,GACpE,UAAA,oBAAC,MAAA,EAAK,MAAM,OAAO,WAAU,UAAS,GACxC;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAO,MAAM,YAAY,YAAY;AAAA,QACrC,SAAS,MAAM,cAAc,MAAM,EAAE;AAAA,QAErC,UAAA,oBAAC,MAAA,EAAK,MAAM,cAAc,WAAU,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAE/C,oBAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,OAAM,SAAQ,SAAS,MAAM,WAAW,MAAM,EAAE,GAClF,UAAA,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,UAAS,EAAA,CAC1C;AAAA,EAAA,GACF;AAGF,QAAM,QACJ,qBAAC,OAAA,EAAI,WAAU,gGACZ,UAAA;AAAA,IAAA;AAAA,IACD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,UAAU;AAAA,QACT,GAAI,oBAAoB,EAAE,YAAY,sBAAsB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,IAEhE,oBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAI,MAAM,WAAW,EAAE,UAAU,MAAM,SAAA,IAAa,CAAA;AAAA,QACrD,MAAM;AAAA,QACN;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IAAA,EACvB,CACF;AAAA,EAAA,GACF;AAGF,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,MAAM,YAAY,2BAA2B;AAAA,EAAA;AAK/C,MAAI,CAAC,KAAK;AACR,WACE,oBAAC,SAAI,WAAW,YAAY,OAAO,EAAE,QAAQ,MAAM,OAAA,GACjD,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OACE,MAAM,YACF,EAAE,UAAU,YAAY,OAAO,QAAQ,QAAQ,OAAA,IAC/C,EAAE,UAAU,YAAY,MAAM,MAAM,GAAG,KAAK,MAAM,GAAG,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAA;AAAA,QAG5F,UAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,YAAY,OAAO,EAAE,QAAQ,MAAM,OAAA,GACjD,UAAA;AAAA,IAAA,oBAAC,WAAO,UAAA,aAAA,CAAa;AAAA,IACrB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAA;AAAA,QACrE,OAAO,EAAE,eAAe,OAAA;AAAA,QACxB,UAAU;AAAA,QACV,WAAW;AAAA,QACX,QAAO;AAAA,QACP,qBAAoB;AAAA,QACpB,iBAAiB,MAAM;AAAA,QACvB,gBAAgB,CAAC,MAAM;AAAA,QACvB,aAAa,MAAM,aAAa,MAAM,EAAE;AAAA,QACxC,YAAY,CAAC,IAAI,MAAM,YAAY,MAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,GAAG;AAAA,QAC/D,cAAc,CAAC,IAAI,MAAM,KAAK,QAAQ,QACpC,YAAY,MAAM,IAAI,EAAE,OAAO,IAAI,aAAa,QAAQ,IAAI,cAAc,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG;AAAA,QAG/F,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAIO,SAAS,gBAAgB,OAAuC;AACrE,QAAM,EAAE,OAAA,IAAW,qBAAA;AACnB,SACE,oBAAA,UAAA,EACG,UAAA,OAAO,IAAI,CAAC,UACX,oBAAC,YAAA,EAA0B,OAAe,GAAG,MAAA,GAA5B,MAAM,EAA6B,CACrD,GACH;AAEJ;"}
+{"version":3,"file":"ChatWindow.js","sources":["../../../src/data/ai/ChatWindow.tsx"],"sourcesContent":["import { useCallback, useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../../components/button\";\nimport { Icon } from \"../Icon\";\nimport { UiAdd, UiClose, UiFullscreen } from \"../../icons\";\nimport { Chat, type ChatProps } from \"../chat/Chat\";\nimport {\n  useChatWindowManager,\n  type ChatWindowState,\n} from \"./chat-window-context\";\nimport { ThreadPicker, type ThreadSource } from \"./ThreadPicker\";\nimport { ContextBadges } from \"./ContextBadges\";\nimport {\n  ToolPreferences,\n  type ToolMeta,\n  type ToolMode,\n} from \"./ToolPreferences\";\nimport type { ContextTypeConfig } from \"./context\";\nimport { chatWindowRequestBody } from \"./ChatWindowRequestBody\";\n\nexport type ChatWindowProps = {\n  panel: ChatWindowState;\n  /** Props forwarded to the inner <Chat>. The window manages `threadId` and\n   *  merges attached context / tool preferences into `body` on top of these. */\n  chat?: Partial<ChatProps>;\n  /** Header title shown when the thread picker is disabled. */\n  title?: ReactNode;\n  /** Thread switcher endpoint, or null to hide the picker. Defaults to\n   *  \"/api/chat/threads\". Ignored when `threadsSource` is set. */\n  threadsApi?: string | null;\n  /** Inject the thread list/delete directly instead of fetching `threadsApi`\n   *  (e.g. an app that loads conversations via its own client). Shows the\n   *  picker regardless of `threadsApi`. */\n  threadsSource?: ThreadSource;\n  /** Maps context item `type` to an icon/colour for the badge row. */\n  contextTypeConfig?: ContextTypeConfig;\n  /** When provided, a tool-preferences popover is shown and forwarded as\n   *  `body.toolPreferences`. Tools default to \"ask\" (approval required); the\n   *  user can switch any tool to Auto/Off from the popover. */\n  tools?: ToolMeta[];\n  /** Initial mode assigned to tools when they first load. Defaults to \"ask\". */\n  defaultToolMode?: ToolMode;\n  /** Extra controls rendered in the header, e.g. a <ContextUsage/> gauge. */\n  headerExtras?: ReactNode;\n};\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/** A draggable, resizable floating chat window. It lazy-loads `react-rnd` (an\n *  optional dependency, so consumers of just the inner <Chat> never pull it)\n *  and renders the existing <Chat> beneath a drag-handle header with thread\n *  switching, a context-badge row and optional tool preferences. */\nexport function ChatWindow({\n  panel,\n  chat,\n  title = \"Assistant\",\n  threadsApi = \"/api/chat/threads\",\n  threadsSource,\n  contextTypeConfig,\n  tools,\n  defaultToolMode = \"ask\",\n  headerExtras,\n}: ChatWindowProps) {\n  const { updatePanel, closePanel, bringToFront, maximizePanel, openPanel } =\n    useChatWindowManager();\n  const [Rnd, setRnd] = useState<typeof import(\"react-rnd\").Rnd | null>(null);\n  const [toolPrefs, setToolPrefs] = useState<Record<string, ToolMode>>({});\n\n  // Tools default to \"ask\" (human-in-the-loop approval) on chat windows. Seed\n  // any tool the user hasn't configured yet; existing choices are preserved.\n  // Handles tools that load asynchronously after mount.\n  useEffect(() => {\n    if (!tools?.length) return;\n    setToolPrefs((prev) => {\n      const next = { ...prev };\n      let changed = false;\n      for (const t of tools) {\n        const key = t.preferenceKey ?? t.name;\n        if (next[key] === undefined) {\n          next[key] = t.defaultMode ?? defaultToolMode;\n          changed = true;\n        }\n      }\n      return changed ? next : prev;\n    });\n  }, [defaultToolMode, tools]);\n\n  useEffect(() => {\n    let active = true;\n    import(\"react-rnd\").then((m) => {\n      if (active) setRnd(() => m.Rnd);\n    });\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const removeContext = useCallback(\n    (id: string) =>\n      updatePanel(panel.id, {\n        contextItems: panel.contextItems.filter((c) => c.id !== id),\n      }),\n    [updatePanel, panel.id, panel.contextItems],\n  );\n\n  const mergedBody = chatWindowRequestBody({\n    base: chat?.body,\n    contextItems: panel.contextItems,\n    tools,\n    toolPrefs,\n  });\n\n  const initialPrompt = panel.initialPrompt ?? chat?.initialPrompt ?? null;\n  const handleInitialPromptSent = useCallback(() => {\n    if (panel.initialPrompt) updatePanel(panel.id, { initialPrompt: null });\n    chat?.onInitialPromptSent?.();\n  }, [chat, panel.id, panel.initialPrompt, updatePanel]);\n\n  const header = (\n    <div className=\"chat-drag-handle flex cursor-move items-center gap-1 border-b border-border bg-muted/40 px-2 py-1.5\">\n      {threadsSource != null || threadsApi !== null ? (\n        <ThreadPicker\n          threadId={panel.threadId}\n          onSelect={(tid) => updatePanel(panel.id, { threadId: tid })}\n          onNew={() => updatePanel(panel.id, { threadId: null })}\n          {...(threadsSource\n            ? { source: threadsSource }\n            : threadsApi !== null\n              ? { api: threadsApi }\n              : {})}\n        />\n      ) : (\n        <span className=\"px-1 text-sm font-medium\">{title}</span>\n      )}\n      <div className=\"flex-1\" />\n      {headerExtras}\n      {tools && (\n        <ToolPreferences\n          tools={tools}\n          value={toolPrefs}\n          onChange={setToolPrefs}\n        />\n      )}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"New window\"\n        onClick={() => openPanel()}\n      >\n        <Icon icon={UiAdd} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title={panel.maximized ? \"Restore\" : \"Maximize\"}\n        onClick={() => maximizePanel(panel.id)}\n      >\n        <Icon icon={UiFullscreen} className=\"size-4\" />\n      </Button>\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        title=\"Close\"\n        onClick={() => closePanel(panel.id)}\n      >\n        <Icon icon={UiClose} className=\"size-4\" />\n      </Button>\n    </div>\n  );\n\n  const frame = (\n    <div className=\"flex h-full flex-col overflow-hidden rounded-lg border border-border bg-background shadow-xl\">\n      {header}\n      <ContextBadges\n        items={panel.contextItems}\n        onRemove={removeContext}\n        {...(contextTypeConfig ? { typeConfig: contextTypeConfig } : {})}\n      />\n      <div className=\"min-h-0 flex-1\">\n        <Chat\n          {...chat}\n          {...(panel.threadId ? { threadId: panel.threadId } : {})}\n          body={mergedBody}\n          initialPrompt={initialPrompt}\n          onInitialPromptSent={handleInitialPromptSent}\n        />\n      </div>\n    </div>\n  );\n\n  const outerClass = cn(\n    \"fixed pointer-events-none\",\n    panel.maximized ? \"inset-4 chat-maximized\" : \"inset-0\",\n  );\n\n  // Until react-rnd loads (and as a graceful fallback if it never does) the\n  // window is statically positioned — still usable, just not draggable.\n  if (!Rnd) {\n    return (\n      <div className={outerClass} style={{ zIndex: panel.zIndex }}>\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          {frame}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={outerClass} style={{ zIndex: panel.zIndex }}>\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={360}\n        minHeight={400}\n        bounds=\"parent\"\n        dragHandleClassName=\"chat-drag-handle\"\n        disableDragging={panel.maximized}\n        enableResizing={!panel.maximized}\n        onDragStart={() => bringToFront(panel.id)}\n        onDragStop={(_e, d) => updatePanel(panel.id, { x: d.x, y: d.y })}\n        onResizeStop={(_e, _dir, ref, _delta, pos) =>\n          updatePanel(panel.id, {\n            width: ref.offsetWidth,\n            height: ref.offsetHeight,\n            x: pos.x,\n            y: pos.y,\n          })\n        }\n      >\n        {frame}\n      </Rnd>\n    </div>\n  );\n}\n\n/** Renders every open window for the current {@link useChatWindowManager}.\n *  Drop one of these near the root alongside a <ChatFab/>. */\nexport function ChatWindowLayer(props: Omit<ChatWindowProps, \"panel\">) {\n  const { panels } = useChatWindowManager();\n  return (\n    <>\n      {panels.map((panel) => (\n        <ChatWindow key={panel.id} panel={panel} {...props} />\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}