@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/data/TreeNode.d.ts

@@ -23,6 +23,18 @@ export type TreeNodeProps<T> = {
     getAriaLabel?: (node: T) => string;
     onSelect?: (node: T) => void;
     renderRow: (ctx: TreeRowContext<T>) => ReactNode;
+    /**
+     * Render extra content beneath a node's row and above its children (e.g. the
+     * decompiled source line a call was made from). Rendered for leaf and parent
+     * nodes alike, regardless of open/collapsed state, and left-aligned with the
+     * row's content column (after the depth indent and chevron). Returning
+     * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.
+     * A click or keydown inside it is stopped from propagating, so it can never
+     * toggle the row's expand/collapse state.
+     */
+    renderDetail?: (node: T) => ReactNode;
+    /** Render a node's result after its children, including when the children are collapsed. */
+    renderAfterChildren?: (node: T) => ReactNode;
     rowClass?: (node: T, selected: boolean) => string;
     indentPx?: number;
     basePaddingPx?: number;
@@ -58,5 +70,5 @@ export type TreeNodeProps<T> = {
      */
     isSecondary?: (node: T) => boolean;
 };
-export declare function TreeNode<T>({ node, depth, expandAll, forcedOpenKeys, selected, defaultOpen, getChildren, getKey, getAriaLabel, onSelect, renderRow, rowClass, indentPx, basePaddingPx, isSecondary, hasMoreChildren, loadChildren, }: TreeNodeProps<T>): import("react").JSX.Element;
+export declare function TreeNode<T>({ node, depth, expandAll, forcedOpenKeys, selected, defaultOpen, getChildren, getKey, getAriaLabel, onSelect, renderRow, renderDetail, renderAfterChildren, rowClass, indentPx, basePaddingPx, isSecondary, hasMoreChildren, loadChildren, }: TreeNodeProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=TreeNode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../src/data/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,KAAS,EACT,SAAgB,EAChB,cAAqB,EACrB,QAAe,EACf,WAAW,EACX,WAAW,EACX,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAa,EACb,aAAiB,EACjB,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,+BAwLlB"}
+{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../src/data/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWpE,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+EAA+E;IAC/E,OAAO,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACjD;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,4FAA4F;IAC5F,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACvC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,IAAI,EACJ,KAAS,EACT,SAAgB,EAChB,cAAqB,EACrB,QAAe,EACf,WAAW,EACX,WAAW,EACX,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,QAAa,EACb,aAAiB,EACjB,WAAW,EACX,eAAe,EACf,YAAY,GACb,EAAE,aAAa,CAAC,CAAC,CAAC,+BAgNlB"}

package/dist/data/TreeNode.js

@@ -4,6 +4,7 @@ import { cn } from "../lib/utils.js";
 import { Icon } from "./Icon.js";
 import { UiChevronDown } from "../icons/components/UiChevronDown.js";
 import { UiChevronRight } from "../icons/components/UiChevronRight.js";
+const ROW_CONTENT_OFFSET_PX = 18;
 function TreeNode({
   node,
   depth = 0,
@@ -16,6 +17,8 @@ function TreeNode({
   getAriaLabel,
   onSelect,
   renderRow,
+  renderDetail,
+  renderAfterChildren,
   rowClass,
   indentPx = 16,
   basePaddingPx = 8,
@@ -80,6 +83,8 @@ function TreeNode({
   }
   const defaultRowBg = isSelected ? "bg-primary/10 border-l-2 border-primary" : "hover:bg-accent";
   const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;
+  const detail = renderDetail == null ? void 0 : renderDetail(node);
+  const afterChildren = renderAfterChildren == null ? void 0 : renderAfterChildren(node);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -125,6 +130,16 @@ function TreeNode({
             ]
           }
         ),
+        detail != null && detail !== false && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pb-1 pr-2",
+            style: { paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` },
+            onClick: (e) => e.stopPropagation(),
+            onKeyDown: (e) => e.stopPropagation(),
+            children: detail
+          }
+        ),
         isOpen && hasChildren && /* @__PURE__ */ jsx("div", { role: "group", children: children.map((child) => /* @__PURE__ */ jsx(
           TreeNode,
           {
@@ -139,6 +154,8 @@ function TreeNode({
             indentPx,
             basePaddingPx,
             ...defaultOpen ? { defaultOpen } : {},
+            ...renderDetail ? { renderDetail } : {},
+            ...renderAfterChildren ? { renderAfterChildren } : {},
             ...getAriaLabel ? { getAriaLabel } : {},
             ...onSelect ? { onSelect } : {},
             ...rowClass ? { rowClass } : {},
@@ -147,7 +164,17 @@ function TreeNode({
             ...loadChildren ? { loadChildren } : {}
           },
           getKey(child)
-        )) })
+        )) }),
+        afterChildren != null && afterChildren !== false && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pb-1 pr-2",
+            style: { paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` },
+            onClick: (e) => e.stopPropagation(),
+            onKeyDown: (e) => e.stopPropagation(),
+            children: afterChildren
+          }
+        )
       ]
     }
   );

package/dist/data/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  const skipExpandAll = secondaryNode || childrenAllSecondary;\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../../src/data/TreeNode.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiChevronDown, UiChevronRight } from \"../icons\";\n\n// A row's content column starts after the chevron (`w-3`, 12px) plus the row's\n// `gap-1.5` (6px) — fixed regardless of indentPx/basePaddingPx, since the\n// chevron/spacer width and gap are not configurable. renderDetail's wrapper\n// adds this on top of the row's own paddingLeft so it lines up under the label.\nconst ROW_CONTENT_OFFSET_PX = 18;\n\nexport type TreeRowContext<T> = {\n  node: T;\n  depth: number;\n  open: boolean;\n  selected: boolean;\n  hasChildren: boolean;\n  toggle: () => void;\n  /** True while this node's lazy children are being fetched via loadChildren. */\n  loading: boolean;\n  /** The rejection value from loadChildren, or null when there was no error. */\n  error: unknown;\n};\n\nexport type TreeNodeProps<T> = {\n  node: T;\n  depth?: number;\n  expandAll?: boolean | null;\n  forcedOpenKeys?: Set<string | number> | null;\n  selected?: T | null;\n  defaultOpen?: (node: T, depth: number) => boolean;\n  getChildren: (node: T) => T[] | undefined;\n  getKey: (node: T) => string | number;\n  getAriaLabel?: (node: T) => string;\n  onSelect?: (node: T) => void;\n  renderRow: (ctx: TreeRowContext<T>) => ReactNode;\n  /**\n   * Render extra content beneath a node's row and above its children (e.g. the\n   * decompiled source line a call was made from). Rendered for leaf and parent\n   * nodes alike, regardless of open/collapsed state, and left-aligned with the\n   * row's content column (after the depth indent and chevron). Returning\n   * `null`/`undefined`/`false` renders nothing — no wrapper, no extra spacing.\n   * A click or keydown inside it is stopped from propagating, so it can never\n   * toggle the row's expand/collapse state.\n   */\n  renderDetail?: (node: T) => ReactNode;\n  /** Render a node's result after its children, including when the children are collapsed. */\n  renderAfterChildren?: (node: T) => ReactNode;\n  rowClass?: (node: T, selected: boolean) => string;\n  indentPx?: number;\n  basePaddingPx?: number;\n  /**\n   * Reports that a node has children that are not yet loaded — it renders an\n   * expand chevron even when `getChildren` returns nothing. On the first open\n   * the node fetches them via `loadChildren`. Without this (the default), a\n   * node is expandable only when `getChildren` already returns children.\n   */\n  hasMoreChildren?: (node: T) => boolean;\n  /**\n   * Lazily fetch a node's children the first time it is opened. Resolves to the\n   * child nodes (which may themselves be lazy). A rejection is surfaced to\n   * `renderRow` via `ctx.error` and is not retried until the node is collapsed\n   * and reopened. Required for any node `hasMoreChildren` returns true for.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Marks a node as a **secondary child** of its parent. Secondary\n   * children keep the full tree structure (they render, they can be\n   * opened manually) but opt out of the bulk behaviours a caller\n   * typically wants when they click the toolbar:\n   *\n   *  - Tree-wide filter: their text is skipped during match detection\n   *    so typing in the search box never surfaces a row because one\n   *    of its secondary children happened to match.\n   *  - Expand all: secondary nodes stay at their default-open state\n   *    instead of being forced open, preventing 28k field rows from\n   *    flooding the viewport when an operator hits the button on a\n   *    schema with hundreds of tables.\n   *\n   * Default: every node is primary (returns false).\n   */\n  isSecondary?: (node: T) => boolean;\n};\n\nexport function TreeNode<T>({\n  node,\n  depth = 0,\n  expandAll = null,\n  forcedOpenKeys = null,\n  selected = null,\n  defaultOpen,\n  getChildren,\n  getKey,\n  getAriaLabel,\n  onSelect,\n  renderRow,\n  renderDetail,\n  renderAfterChildren,\n  rowClass,\n  indentPx = 16,\n  basePaddingPx = 8,\n  isSecondary,\n  hasMoreChildren,\n  loadChildren,\n}: TreeNodeProps<T>) {\n  // Lazily-fetched children take precedence over the synchronous ones once a\n  // load has resolved; until then `loadedChildren` is null and we fall back to\n  // getChildren. A node can be \"lazy\" (hasMoreChildren) with no sync children.\n  const [loadedChildren, setLoadedChildren] = useState<T[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<unknown>(null);\n  const syncChildren = getChildren(node);\n  const children = loadedChildren ?? syncChildren;\n  const hasChildren = (children?.length ?? 0) > 0;\n  const lazyUnloaded = (hasMoreChildren?.(node) ?? false) && loadedChildren === null;\n  // The chevron shows when there is something to reveal: either real children\n  // are present, or the node is lazy and has not been loaded yet.\n  const expandable = hasChildren || lazyUnloaded;\n  // A node opts out of bulk expand-all in two distinct cases:\n  //\n  //  1. The node itself is secondary (its edge from the parent is\n  //     secondary) — rare at the root, but the rule is symmetric.\n  //  2. All of the node's children are secondary — the common case.\n  //     This is what keeps an \"Expand all\" on a schema tree from\n  //     flooding the viewport with every table's field rows: the\n  //     table opens to nothing structural worth seeing in bulk, so\n  //     we leave it closed until the operator clicks it manually.\n  //\n  // In both cases the manual toggle still works, and filter matches\n  // still force the row open via forcedOpenKeys, so users never\n  // lose access — they just don't get auto-flooded.\n  const secondaryNode = isSecondary?.(node) ?? false;\n  const childrenAllSecondary =\n    hasChildren && isSecondary != null && children!.every((c) => isSecondary(c));\n  const skipExpandAll = secondaryNode || childrenAllSecondary;\n  // A non-null `expandAll` is a live bulk state, not just a one-off change\n  // signal: a node mounted *while* expand-all is active (because an ancestor\n  // just opened) inherits it as its initial open state, so opening a parent\n  // cascades all the way down — expand/collapse-all are recursive. The\n  // skipExpandAll guard keeps secondary subtrees from auto-flooding. When\n  // expandAll is null (before any toolbar click) we fall back to defaultOpen.\n  const initialOpen =\n    expandAll !== null && !skipExpandAll\n      ? expandAll\n      : defaultOpen\n        ? defaultOpen(node, depth)\n        : depth < 1;\n  const [open, setOpen] = useState(initialOpen);\n  const prevExpandAll = useRef(expandAll);\n  const isSelected = selected === node;\n  const key = getKey(node);\n  const isForcedOpen = forcedOpenKeys?.has(key) ?? false;\n  const isOpen = isForcedOpen || open;\n\n  useEffect(() => {\n    if (expandAll !== null && expandAll !== prevExpandAll.current && !skipExpandAll) {\n      setOpen(expandAll);\n    }\n    prevExpandAll.current = expandAll;\n  }, [expandAll, skipExpandAll]);\n\n  // Guards a lazy fetch so a node loads its children at most once per mount and\n  // a resolution arriving after the node was reused (key changed) is ignored.\n  const loadRequested = useRef(false);\n  const nodeKey = getKey(node);\n  const loadKeyRef = useRef(nodeKey);\n\n  function loadLazyChildren() {\n    if (!loadChildren || loadRequested.current) return;\n    loadRequested.current = true;\n    loadKeyRef.current = nodeKey;\n    setLoading(true);\n    setError(null);\n    loadChildren(node)\n      .then((kids) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        setLoadedChildren(kids);\n        setLoading(false);\n      })\n      .catch((err) => {\n        if (loadKeyRef.current !== nodeKey) return;\n        // Surfaced to renderRow via ctx.error; allow a retry on re-toggle.\n        loadRequested.current = false;\n        setError(err);\n        setLoading(false);\n      });\n  }\n\n  // A lazy node can be open without ever having been clicked — defaultOpen said\n  // so, expand-all did, or the filter forced it open to reveal a match. Loading\n  // only on the open transition would leave every one of those showing a caret\n  // over nothing.\n  //\n  // A node that already failed is skipped: loadLazyChildren clears its own retry\n  // guard on failure so a re-toggle can try again, and re-running here would\n  // turn that into an unbounded retry loop instead.\n  useEffect(() => {\n    if (isOpen && lazyUnloaded && error === null) loadLazyChildren();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen, lazyUnloaded, error]);\n\n  function toggle() {\n    if (!expandable) return;\n    setOpen((o) => {\n      const next = !o;\n      // Only fetch when transitioning into the open state, so collapsing a\n      // not-yet-loaded (e.g. previously-failed) lazy node never triggers a load.\n      if (next && lazyUnloaded) loadLazyChildren();\n      return next;\n    });\n  }\n\n  const defaultRowBg = isSelected ? \"bg-primary/10 border-l-2 border-primary\" : \"hover:bg-accent\";\n  const rowClassName = rowClass ? rowClass(node, isSelected) : defaultRowBg;\n  const detail = renderDetail?.(node);\n  const afterChildren = renderAfterChildren?.(node);\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={getAriaLabel?.(node)}\n      aria-expanded={expandable ? isOpen : undefined}\n      aria-selected={isSelected}\n    >\n      <div\n        className={cn(\"flex items-center gap-1.5 py-1 px-2 cursor-pointer text-sm\", rowClassName)}\n        style={{ paddingLeft: `${depth * indentPx + basePaddingPx}px` }}\n        onClick={(e) => {\n          e.stopPropagation();\n          onSelect?.(node);\n          toggle();\n        }}\n      >\n        {expandable ? (\n          <button\n            type=\"button\"\n            aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n            // The caret only toggles expansion — stopPropagation keeps the row's\n            // onClick (which selects) from firing, so expanding a node never\n            // selects it.\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n            }}\n            className=\"flex shrink-0 items-center text-muted-foreground\"\n          >\n            <Icon icon={isOpen ? UiChevronDown : UiChevronRight} className=\"text-xs w-3\" />\n          </button>\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden />\n        )}\n        {renderRow({\n          node,\n          depth,\n          open: isOpen,\n          selected: isSelected,\n          hasChildren,\n          toggle,\n          loading,\n          error,\n        })}\n      </div>\n      {detail != null && detail !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {detail}\n        </div>\n      )}\n      {isOpen && hasChildren && (\n        <div role=\"group\">\n          {children!.map((child) => (\n            <TreeNode\n              key={getKey(child)}\n              node={child}\n              depth={depth + 1}\n              expandAll={expandAll}\n              forcedOpenKeys={forcedOpenKeys}\n              selected={selected}\n              getChildren={getChildren}\n              getKey={getKey}\n              renderRow={renderRow}\n              indentPx={indentPx}\n              basePaddingPx={basePaddingPx}\n              {...(defaultOpen ? { defaultOpen } : {})}\n              {...(renderDetail ? { renderDetail } : {})}\n              {...(renderAfterChildren ? { renderAfterChildren } : {})}\n              {...(getAriaLabel ? { getAriaLabel } : {})}\n              {...(onSelect ? { onSelect } : {})}\n              {...(rowClass ? { rowClass } : {})}\n              {...(isSecondary ? { isSecondary } : {})}\n              {...(hasMoreChildren ? { hasMoreChildren } : {})}\n              {...(loadChildren ? { loadChildren } : {})}\n            />\n          ))}\n        </div>\n      )}\n      {afterChildren != null && afterChildren !== false && (\n        <div\n          className=\"pb-1 pr-2\"\n          style={{ paddingLeft: `${depth * indentPx + basePaddingPx + ROW_CONTENT_OFFSET_PX}px` }}\n          onClick={(e) => e.stopPropagation()}\n          onKeyDown={(e) => e.stopPropagation()}\n        >\n          {afterChildren}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/WorkloadCard.cjs

@@ -129,6 +129,7 @@ function WorkloadCard({
   range = "1h",
   refreshMs = 5e3,
   expandable = true,
+  headerActions,
   size = "md",
   variant = "default",
   fetcher,
@@ -251,6 +252,7 @@ function WorkloadCard({
                     children: statusLabel
                   }
                 ) }) : null,
+                headerActions,
                 canExpand ? /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {

package/dist/data/WorkloadCard.cjs.map

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

package/dist/data/WorkloadCard.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { TimeseriesResponse } from './TimeseriesPanel';
 import { WorkloadCardMetrics, WorkloadCardWorkload } from './WorkloadCard.model';
 export interface WorkloadCardProps {
@@ -7,6 +8,8 @@ export interface WorkloadCardProps {
     range?: string;
     refreshMs?: number;
     expandable?: boolean;
+    /** Controls rendered beside status and history, owned by the host domain. */
+    headerActions?: ReactNode;
     size?: WorkloadCardSize;
     variant?: WorkloadCardVariant;
     fetcher?: (url: string) => Promise<TimeseriesResponse>;
@@ -21,5 +24,5 @@ export type WorkloadCardVariant = "default" | "outline" | "subtle" | "elevated"
  * core-style bars (memory at one bar per GB) and disk as a linear progress bar.
  * Callers own the metric ids; the card only composes the supplied series.
  */
-export declare function WorkloadCard({ workload, metrics, baseUrl, range, refreshMs, expandable, size, variant, fetcher, className, }: WorkloadCardProps): import("react").JSX.Element;
+export declare function WorkloadCard({ workload, metrics, baseUrl, range, refreshMs, expandable, headerActions, size, variant, fetcher, className, }: WorkloadCardProps): import("react").JSX.Element;
 //# sourceMappingURL=WorkloadCard.d.ts.map

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

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

package/dist/data/WorkloadCard.js

@@ -127,6 +127,7 @@ function WorkloadCard({
   range = "1h",
   refreshMs = 5e3,
   expandable = true,
+  headerActions,
   size = "md",
   variant = "default",
   fetcher,
@@ -249,6 +250,7 @@ function WorkloadCard({
                     children: statusLabel
                   }
                 ) }) : null,
+                headerActions,
                 canExpand ? /* @__PURE__ */ jsx(
                   "button",
                   {

package/dist/data/WorkloadCard.js.map

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

package/dist/data/ai/ChatWindow.cjs

@@ -454,8 +454,8 @@ function ChatWindow({
           height: panel.height
         },
         style: { pointerEvents: "auto" },
-        minWidth: 360,
-        minHeight: 400,
+        minWidth: Math.min(360, Math.max(1, window.innerWidth - 32)),
+        minHeight: Math.min(400, Math.max(1, window.innerHeight - 32)),
         bounds: "parent",
         dragHandleClassName: "chat-drag-handle",
         disableDragging: panel.maximized,