@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/data/ObjectGraph.d.ts

@@ -1,25 +1,7 @@
 import { ReactNode } from 'react';
-export type ObjectGraphNode = {
-    /** Stable unique key within the tree. */
-    id: string;
-    /** Display label (field name, map key, index, …). */
-    label: string;
-    /** Optional type annotation rendered as `@type`. */
-    type?: string;
-    /** Scalar value for a leaf; absent for containers. */
-    value?: string | number | boolean | null;
-    /** Free-form node kind hint (object|map|list|scalar|…). */
-    kind?: string;
-    /** Accessor path from the root (used by lazy expansion). */
-    path?: string;
-    /** Verbatim preview for an opaque node with no structured children. */
-    raw?: string;
-    /** Node can be expanded via loadChildren even with no inline children. */
-    expandable?: boolean;
-    /** Caller-opaque context (carried through, not rendered by default). */
-    metadata?: Record<string, unknown>;
-    children?: ObjectGraphNode[];
-};
+import { DropdownMenuItem } from '../overlay/DropdownMenu';
+import { ObjectGraphNode } from './object-graph-nodes';
+export type { ObjectGraphNode };
 export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
     roots: T[];
     className?: string;
@@ -29,6 +11,12 @@ export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
     defaultOpenDepth?: number;
     /** Override the row label rendering. */
     renderLabel?: (node: T) => ReactNode;
+    /**
+     * Override how a node's value is rendered. Return `null`/`undefined` to fall
+     * back to the default scalar/raw span, so a caller only has to handle the
+     * nodes it recognises (e.g. a Java exception leaf).
+     */
+    renderValue?: (node: T) => ReactNode;
     /**
      * Lazily fetch a node's children the first time an `expandable` node opens.
      * When omitted, only inline `children` are shown.
@@ -42,6 +30,24 @@ export type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {
     onNodeSelect?: (node: T) => void;
     /** `id` of the currently-selected node; its label is highlighted. */
     selectedId?: string;
+    /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */
+    showOptionsMenu?: boolean;
+    /**
+     * Initial state of the options menu's "Hide null values" toggle. Off by
+     * default so existing consumers keep seeing every node.
+     */
+    defaultHideNulls?: boolean;
+    /** Extra entries appended to the options menu. */
+    menuActions?: DropdownMenuItem[];
+    /**
+     * Render a fullscreen toggle in the toolbar. When clicked, the graph
+     * re-renders inside a full-viewport Modal. Defaults to `false`.
+     */
+    showFullscreenControl?: boolean;
+    /** Title of the fullscreen modal. */
+    fullscreenTitle?: ReactNode;
+    /** Accessible name of the fullscreen button. */
+    fullscreenButtonLabel?: string;
 };
-export declare function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({ roots, className, empty, showControls, defaultOpenDepth, renderLabel, loadChildren, onNodeSelect, selectedId, }: ObjectGraphProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({ roots, className, empty, showControls, defaultOpenDepth, renderLabel, renderValue, loadChildren, onNodeSelect, selectedId, showOptionsMenu, defaultHideNulls, menuActions, showFullscreenControl, fullscreenTitle, fullscreenButtonLabel, }: ObjectGraphProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ObjectGraph.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectGraph.d.ts","sourceRoot":"","sources":["../../src/data/ObjectGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,MAAM,eAAe,GAAG;IAC5B,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACzC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACvE,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,gBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,GACX,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAgCrB"}
+{"version":3,"file":"ObjectGraph.d.ts","sourceRoot":"","sources":["../../src/data/ObjectGraph.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAG9B,YAAY,EAAE,eAAe,EAAE,CAAC;AAQhC,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC1E,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kDAAkD;IAClD,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qCAAqC;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gDAAgD;IAChD,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,EAAE,EACvE,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,gBAAoB,EACpB,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,eAAuB,EACvB,gBAAwB,EACxB,WAAW,EACX,qBAA6B,EAC7B,eAA0B,EAC1B,qBAAyD,GAC1D,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyGrB"}

package/dist/data/ObjectGraph.js

@@ -1,6 +1,14 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
 import { cn } from "../lib/utils.js";
+import { Icon } from "./Icon.js";
+import { DropdownMenu } from "../overlay/DropdownMenu.js";
+import { Modal } from "../overlay/Modal.js";
+import { pruneNullNodes, countObjectGraphNodes } from "./object-graph-nodes.js";
 import { Tree } from "./Tree.js";
+import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiFullscreen } from "../icons/components/UiFullscreen.js";
+import { UiEllipsis } from "../icons/components/UiEllipsis.js";
 function ObjectGraph({
   roots,
   className,
@@ -8,39 +16,115 @@ function ObjectGraph({
   showControls,
   defaultOpenDepth = 2,
   renderLabel,
+  renderValue,
   loadChildren,
   onNodeSelect,
-  selectedId
+  selectedId,
+  showOptionsMenu = false,
+  defaultHideNulls = false,
+  menuActions,
+  showFullscreenControl = false,
+  fullscreenTitle = "Object",
+  fullscreenButtonLabel = "Open object browser full screen"
+}) {
+  const [hideNulls, setHideNulls] = useState(defaultHideNulls);
+  const [fullscreenOpen, setFullscreenOpen] = useState(false);
+  const visibleRoots = useMemo(
+    () => hideNulls ? pruneNullNodes(roots) : roots,
+    [hideNulls, roots]
+  );
+  const hiddenCount = useMemo(
+    () => hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0,
+    [hideNulls, roots, visibleRoots]
+  );
+  const items = [
+    {
+      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : "Hide null values",
+      onSelect: () => setHideNulls((current) => !current),
+      ...hideNulls ? { icon: UiCheck } : {},
+      title: "Drop fields whose value is null or blank"
+    },
+    ...menuActions ?? []
+  ];
+  const renderGraph = ({ inFullscreen }) => {
+    const actions = showOptionsMenu || showFullscreenControl && !inFullscreen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      showFullscreenControl && !inFullscreen && /* @__PURE__ */ jsx(ToolbarButton, { label: fullscreenButtonLabel, onClick: () => setFullscreenOpen(true), children: /* @__PURE__ */ jsx(Icon, { icon: UiFullscreen, className: "text-sm" }) }),
+      showOptionsMenu && /* @__PURE__ */ jsx(
+        DropdownMenu,
+        {
+          items,
+          align: "right",
+          menuLabel: "Display options",
+          trigger: /* @__PURE__ */ jsx(ToolbarButton, { label: "Display options", children: /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis, className: "text-sm" }) })
+        }
+      )
+    ] }) : void 0;
+    return /* @__PURE__ */ jsx(
+      Tree,
+      {
+        roots: visibleRoots,
+        getKey: (n) => n.id,
+        getChildren: (n) => n.children,
+        defaultOpen: (_n, depth) => depth < defaultOpenDepth,
+        ...className !== void 0 && !inFullscreen ? { className } : {},
+        ...actions !== void 0 ? { actions } : {},
+        empty: hideNulls && roots.length > 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-sm text-muted-foreground", children: "All values are null." }) : empty,
+        ...showControls !== void 0 ? { showControls } : {},
+        ...loadChildren ? { loadChildren, hasMoreChildren: (n) => n.expandable === true } : {},
+        renderRow: ({ node, loading, error }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs", children: [
+          renderLabel ? renderLabel(node) : /* @__PURE__ */ jsx(
+            DefaultObjectLabel,
+            {
+              node,
+              selected: selectedId != null && node.id === selectedId,
+              ...renderValue ? { renderValue } : {},
+              ...onNodeSelect ? { onSelect: onNodeSelect } : {}
+            }
+          ),
+          loading && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: "…" }),
+          error != null && /* @__PURE__ */ jsx("span", { className: "break-all text-red-600", children: error instanceof Error ? error.message : String(error) })
+        ] })
+      }
+    );
+  };
+  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderGraph({ inFullscreen: false }),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: fullscreenOpen,
+        onClose: () => setFullscreenOpen(false),
+        title: fullscreenTitle,
+        size: "full",
+        className: "h-[95vh]",
+        scrollBody: false,
+        children: /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-col", children: renderGraph({ inFullscreen: true }) })
+      }
+    )
+  ] });
+}
+function ToolbarButton({
+  label,
+  onClick,
+  children
 }) {
   return /* @__PURE__ */ jsx(
-    Tree,
+    "button",
     {
-      roots,
-      getKey: (n) => n.id,
-      getChildren: (n) => n.children,
-      defaultOpen: (_n, depth) => depth < defaultOpenDepth,
-      ...className !== void 0 ? { className } : {},
-      ...empty !== void 0 ? { empty } : {},
-      ...showControls !== void 0 ? { showControls } : {},
-      ...loadChildren ? { loadChildren, hasMoreChildren: (n) => n.expandable === true } : {},
-      renderRow: ({ node, loading, error }) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs", children: [
-        renderLabel ? renderLabel(node) : /* @__PURE__ */ jsx(
-          DefaultObjectLabel,
-          {
-            node,
-            selected: selectedId != null && node.id === selectedId,
-            ...onNodeSelect ? { onSelect: onNodeSelect } : {}
-          }
-        ),
-        loading && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: "…" }),
-        error != null && /* @__PURE__ */ jsx("span", { className: "break-all text-red-600", children: error instanceof Error ? error.message : String(error) })
-      ] })
+      type: "button",
+      "aria-label": label,
+      title: label,
+      className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+      ...onClick ? { onClick } : {},
+      children
     }
   );
 }
 function DefaultObjectLabel({
   node,
   onSelect,
+  renderValue,
   selected = false
 }) {
   const label = onSelect ? (
@@ -64,13 +148,14 @@ function DefaultObjectLabel({
       }
     )
   ) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: node.label });
+  const custom = renderValue == null ? void 0 : renderValue(node);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     label,
     node.type && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/60", children: [
       "@",
       node.type
     ] }),
-    node.value != null ? /* @__PURE__ */ jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
+    custom != null ? custom : node.value != null ? /* @__PURE__ */ jsx("span", { className: "break-all text-foreground", children: String(node.value) }) : node.raw && !node.children ? /* @__PURE__ */ jsx("span", { className: "break-all italic text-muted-foreground/70", children: node.raw }) : null
   ] });
 }
 export {

package/dist/data/ObjectGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectGraph.js","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Tree } from \"./Tree\";\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphNode = {\n  /** Stable unique key within the tree. */\n  id: string;\n  /** Display label (field name, map key, index, …). */\n  label: string;\n  /** Optional type annotation rendered as `@type`. */\n  type?: string;\n  /** Scalar value for a leaf; absent for containers. */\n  value?: string | number | boolean | null;\n  /** Free-form node kind hint (object|map|list|scalar|…). */\n  kind?: string;\n  /** Accessor path from the root (used by lazy expansion). */\n  path?: string;\n  /** Verbatim preview for an opaque node with no structured children. */\n  raw?: string;\n  /** Node can be expanded via loadChildren even with no inline children. */\n  expandable?: boolean;\n  /** Caller-opaque context (carried through, not rendered by default). */\n  metadata?: Record<string, unknown>;\n  children?: ObjectGraphNode[];\n};\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n}: ObjectGraphProps<T>) {\n  return (\n    <Tree<T>\n      roots={roots}\n      getKey={(n) => n.id}\n      getChildren={(n) => n.children as T[] | undefined}\n      defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n      {...(className !== undefined ? { className } : {})}\n      {...(empty !== undefined ? { empty } : {})}\n      {...(showControls !== undefined ? { showControls } : {})}\n      {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n      renderRow={({ node, loading, error }) => (\n        <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n          {renderLabel ? (\n            renderLabel(node)\n          ) : (\n            <DefaultObjectLabel\n              node={node}\n              selected={selectedId != null && node.id === selectedId}\n              {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n            />\n          )}\n          {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n          {error != null && (\n            <span className=\"break-all text-red-600\">\n              {error instanceof Error ? error.message : String(error)}\n            </span>\n          )}\n        </div>\n      )}\n    />\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  return (\n    <>\n      {label}\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAwDO,SAAS,YAAyD;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ,CAAC,MAAM,EAAE;AAAA,MACjB,aAAa,CAAC,MAAM,EAAE;AAAA,MACtB,aAAa,CAAC,IAAI,UAAU,QAAQ;AAAA,MACnC,GAAI,cAAc,SAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAC9C,GAAI,UAAU,SAAY,EAAE,MAAA,IAAU,CAAA;AAAA,MACtC,GAAI,iBAAiB,SAAY,EAAE,aAAA,IAAiB,CAAA;AAAA,MACpD,GAAI,eAAe,EAAE,cAAc,iBAAiB,CAAC,MAAS,EAAE,eAAe,KAAA,IAAS,CAAA;AAAA,MACzF,WAAW,CAAC,EAAE,MAAM,SAAS,YAC3B,qBAAC,OAAA,EAAI,WAAU,sEACZ,UAAA;AAAA,QAAA,cACC,YAAY,IAAI,IAEhB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU,cAAc,QAAQ,KAAK,OAAO;AAAA,YAC3C,GAAI,eAAe,EAAE,UAAU,iBAAiB,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,QAGrD,WAAW,oBAAC,QAAA,EAAK,WAAU,kCAAiC,UAAA,KAAC;AAAA,QAC7D,SAAS,QACR,oBAAC,QAAA,EAAK,WAAU,0BACb,UAAA,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK,EAAA,CACxD;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,SAAS,mBAA8C;AAAA,EACrD;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAIG;AACD,QAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,IAIZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,CAAC,MAAM;AACd,YAAE,gBAAA;AACF,mBAAS,IAAI;AAAA,QACf;AAAA,QACA,OAAM;AAAA,QACN,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QAAA;AAAA,QAGb,UAAA,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,MAGR,oBAAC,QAAA,EAAK,WAAU,yBAAyB,eAAK,OAAM;AAEtD,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA;AAAA,IACA,KAAK,QAAQ,qBAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA;AAAA,MAAA;AAAA,MAAE,KAAK;AAAA,IAAA,GAAK;AAAA,IACpE,KAAK,SAAS,OACb,oBAAC,UAAK,WAAU,6BAA6B,UAAA,OAAO,KAAK,KAAK,EAAA,CAAE,IAC9D,KAAK,OAAO,CAAC,KAAK,WACpB,oBAAC,UAAK,WAAU,6CAA6C,UAAA,KAAK,IAAA,CAAI,IACpE;AAAA,EAAA,GACN;AAEJ;"}
+{"version":3,"file":"ObjectGraph.js","sources":["../../src/data/ObjectGraph.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"./Icon\";\nimport { UiCheck, UiEllipsis, UiFullscreen } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  countObjectGraphNodes,\n  pruneNullNodes,\n  type ObjectGraphNode,\n} from \"./object-graph-nodes\";\nimport { Tree } from \"./Tree\";\n\nexport type { ObjectGraphNode };\n\n// ObjectGraph renders a generic, type-agnostic expandable object/value\n// inspector — a bean's fields, a map's entries, a list's elements, a scalar\n// leaf. It is the shared home for what used to be per-feature object viewers\n// (e.g. an OGNL inspector): any producer maps its data into ObjectGraphNode and\n// gets the same tree, search, and lazy-expansion behaviour.\n\nexport type ObjectGraphProps<T extends ObjectGraphNode = ObjectGraphNode> = {\n  roots: T[];\n  className?: string;\n  empty?: ReactNode;\n  showControls?: boolean;\n  /** Open nodes shallower than this depth on first render (default 2). */\n  defaultOpenDepth?: number;\n  /** Override the row label rendering. */\n  renderLabel?: (node: T) => ReactNode;\n  /**\n   * Override how a node's value is rendered. Return `null`/`undefined` to fall\n   * back to the default scalar/raw span, so a caller only has to handle the\n   * nodes it recognises (e.g. a Java exception leaf).\n   */\n  renderValue?: (node: T) => ReactNode;\n  /**\n   * Lazily fetch a node's children the first time an `expandable` node opens.\n   * When omitted, only inline `children` are shown.\n   */\n  loadChildren?: (node: T) => Promise<T[]>;\n  /**\n   * Called when a node's label is clicked. This makes the label an actionable\n   * target (e.g. copy/drill its `path`) **without toggling expansion** — the\n   * chevron stays the only expand/collapse control. Omit for a static tree.\n   */\n  onNodeSelect?: (node: T) => void;\n  /** `id` of the currently-selected node; its label is highlighted. */\n  selectedId?: string;\n  /** Render a ⋮ display-options menu in the toolbar. Defaults to `false`. */\n  showOptionsMenu?: boolean;\n  /**\n   * Initial state of the options menu's \"Hide null values\" toggle. Off by\n   * default so existing consumers keep seeing every node.\n   */\n  defaultHideNulls?: boolean;\n  /** Extra entries appended to the options menu. */\n  menuActions?: DropdownMenuItem[];\n  /**\n   * Render a fullscreen toggle in the toolbar. When clicked, the graph\n   * re-renders inside a full-viewport Modal. Defaults to `false`.\n   */\n  showFullscreenControl?: boolean;\n  /** Title of the fullscreen modal. */\n  fullscreenTitle?: ReactNode;\n  /** Accessible name of the fullscreen button. */\n  fullscreenButtonLabel?: string;\n};\n\nexport function ObjectGraph<T extends ObjectGraphNode = ObjectGraphNode>({\n  roots,\n  className,\n  empty,\n  showControls,\n  defaultOpenDepth = 2,\n  renderLabel,\n  renderValue,\n  loadChildren,\n  onNodeSelect,\n  selectedId,\n  showOptionsMenu = false,\n  defaultHideNulls = false,\n  menuActions,\n  showFullscreenControl = false,\n  fullscreenTitle = \"Object\",\n  fullscreenButtonLabel = \"Open object browser full screen\",\n}: ObjectGraphProps<T>) {\n  const [hideNulls, setHideNulls] = useState(defaultHideNulls);\n  const [fullscreenOpen, setFullscreenOpen] = useState(false);\n\n  const visibleRoots = useMemo(\n    () => (hideNulls ? pruneNullNodes(roots) : roots),\n    [hideNulls, roots],\n  );\n  const hiddenCount = useMemo(\n    () => (hideNulls ? countObjectGraphNodes(roots) - countObjectGraphNodes(visibleRoots) : 0),\n    [hideNulls, roots, visibleRoots],\n  );\n\n  const items: DropdownMenuItem[] = [\n    {\n      label: hideNulls && hiddenCount > 0 ? `Hide null values (${hiddenCount})` : \"Hide null values\",\n      onSelect: () => setHideNulls((current) => !current),\n      ...(hideNulls ? { icon: UiCheck } : {}),\n      title: \"Drop fields whose value is null or blank\",\n    },\n    ...(menuActions ?? []),\n  ];\n\n  const renderGraph = ({ inFullscreen }: { inFullscreen: boolean }) => {\n    const actions =\n      showOptionsMenu || (showFullscreenControl && !inFullscreen) ? (\n        <>\n          {showFullscreenControl && !inFullscreen && (\n            <ToolbarButton label={fullscreenButtonLabel} onClick={() => setFullscreenOpen(true)}>\n              <Icon icon={UiFullscreen} className=\"text-sm\" />\n            </ToolbarButton>\n          )}\n          {showOptionsMenu && (\n            <DropdownMenu\n              items={items}\n              align=\"right\"\n              menuLabel=\"Display options\"\n              trigger={\n                <ToolbarButton label=\"Display options\">\n                  <Icon icon={UiEllipsis} className=\"text-sm\" />\n                </ToolbarButton>\n              }\n            />\n          )}\n        </>\n      ) : undefined;\n\n    return (\n      <Tree<T>\n        roots={visibleRoots}\n        getKey={(n) => n.id}\n        getChildren={(n) => n.children as T[] | undefined}\n        defaultOpen={(_n, depth) => depth < defaultOpenDepth}\n        {...(className !== undefined && !inFullscreen ? { className } : {})}\n        {...(actions !== undefined ? { actions } : {})}\n        empty={\n          hideNulls && roots.length > 0 ? (\n            <div className=\"px-3 py-4 text-sm text-muted-foreground\">All values are null.</div>\n          ) : (\n            empty\n          )\n        }\n        {...(showControls !== undefined ? { showControls } : {})}\n        {...(loadChildren ? { loadChildren, hasMoreChildren: (n: T) => n.expandable === true } : {})}\n        renderRow={({ node, loading, error }) => (\n          <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-2 font-mono text-xs\">\n            {renderLabel ? (\n              renderLabel(node)\n            ) : (\n              <DefaultObjectLabel\n                node={node}\n                selected={selectedId != null && node.id === selectedId}\n                {...(renderValue ? { renderValue } : {})}\n                {...(onNodeSelect ? { onSelect: onNodeSelect } : {})}\n              />\n            )}\n            {loading && <span className=\"shrink-0 text-muted-foreground\">…</span>}\n            {error != null && (\n              <span className=\"break-all text-red-600\">\n                {error instanceof Error ? error.message : String(error)}\n              </span>\n            )}\n          </div>\n        )}\n      />\n    );\n  };\n\n  if (!showFullscreenControl) return renderGraph({ inFullscreen: false });\n\n  return (\n    <>\n      {renderGraph({ inFullscreen: false })}\n      <Modal\n        open={fullscreenOpen}\n        onClose={() => setFullscreenOpen(false)}\n        title={fullscreenTitle}\n        size=\"full\"\n        className=\"h-[95vh]\"\n        scrollBody={false}\n      >\n        <div className=\"flex h-full min-h-0 flex-col\">{renderGraph({ inFullscreen: true })}</div>\n      </Modal>\n    </>\n  );\n}\n\nfunction ToolbarButton({\n  label,\n  onClick,\n  children,\n}: {\n  label: string;\n  onClick?: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      className=\"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground\"\n      {...(onClick ? { onClick } : {})}\n    >\n      {children}\n    </button>\n  );\n}\n\nfunction DefaultObjectLabel<T extends ObjectGraphNode>({\n  node,\n  onSelect,\n  renderValue,\n  selected = false,\n}: {\n  node: T;\n  onSelect?: (node: T) => void;\n  renderValue?: (node: T) => ReactNode;\n  selected?: boolean;\n}) {\n  const label = onSelect ? (\n    // A button so the label is a first-class click target; stopPropagation keeps\n    // the row's onClick (which toggles the node) from firing, so selecting a node\n    // never expands or collapses it.\n    <button\n      type=\"button\"\n      onClick={(e) => {\n        e.stopPropagation();\n        onSelect(node);\n      }}\n      title=\"Select this path\"\n      className={cn(\n        \"rounded px-0.5 text-left text-muted-foreground hover:text-foreground hover:underline\",\n        selected && \"bg-primary/15 text-foreground\",\n      )}\n    >\n      {node.label}\n    </button>\n  ) : (\n    <span className=\"text-muted-foreground\">{node.label}</span>\n  );\n  const custom = renderValue?.(node);\n  return (\n    <>\n      {label}\n      {node.type && <span className=\"text-muted-foreground/60\">@{node.type}</span>}\n      {custom != null ? (\n        custom\n      ) : node.value != null ? (\n        <span className=\"break-all text-foreground\">{String(node.value)}</span>\n      ) : node.raw && !node.children ? (\n        <span className=\"break-all italic text-muted-foreground/70\">{node.raw}</span>\n      ) : null}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/PromptBanner.cjs

@@ -92,7 +92,7 @@ function PromptBanner({
               /* @__PURE__ */ jsxRuntime.jsx(
                 "textarea",
                 {
-                  className: "min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  className: "min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                   placeholder: "Add a short note",
                   value: comment,
                   onChange: (event) => setComment(event.target.value)

package/dist/data/PromptBanner.cjs.map

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

package/dist/data/PromptBanner.js

@@ -90,7 +90,7 @@ function PromptBanner({
               /* @__PURE__ */ jsx(
                 "textarea",
                 {
-                  className: "min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  className: "min-h-16 w-full resize-y rounded-md border border-input bg-background px-2 py-1.5 text-sm text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                   placeholder: "Add a short note",
                   value: comment,
                   onChange: (event) => setComment(event.target.value)

package/dist/data/PromptBanner.js.map

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

package/dist/data/Tree.cjs

@@ -129,6 +129,7 @@ function Tree({
   expandAll: controlledExpandAll,
   onExpandAllChange,
   toolbarClassName,
+  actions,
   getSearchText,
   revealSelected = false,
   ...nodeProps
@@ -176,7 +177,7 @@ function Tree({
   const effectiveExpandAll = expandAll;
   const effectiveEmpty = activeFilter.trim() ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-sm text-muted-foreground", children: "No matching tree nodes." }) : empty;
   const showControlButtons = showControls && roots.length > 0;
-  const showVirtualRow = showFilter || showControlButtons;
+  const showVirtualRow = showFilter || showControlButtons || actions != null;
   const setExpandAll = (next) => {
     if (isControlled) onExpandAllChange == null ? void 0 : onExpandAllChange(next);
     else setInternalExpandAll(next);
@@ -208,7 +209,7 @@ function Tree({
                     value: filterQuery,
                     onChange: (event) => setFilterQuery(event.target.value),
                     placeholder: "Filter tree",
-                    className: "h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-muted-foreground",
+                    className: "h-5 w-full min-w-0 border-0 bg-transparent p-0 text-xs outline-none placeholder:text-placeholder",
                     "aria-label": "Filter tree nodes"
                   }
                 ),
@@ -224,39 +225,42 @@ function Tree({
                   }
                 )
               ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
-              showControlButtons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setExpandAll(true),
-                    "aria-pressed": effectiveExpandAll === true,
-                    "aria-label": "Expand all",
-                    title: "Expand all",
-                    disabled: activeFilter.trim().length > 0,
-                    className: utils.cn(
-                      "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
-                      effectiveExpandAll === true && "bg-accent text-accent-foreground"
-                    ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiExpandAll.UiExpandAll, className: "text-sm" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => setExpandAll(false),
-                    "aria-pressed": effectiveExpandAll === false,
-                    "aria-label": "Collapse all",
-                    title: "Collapse all",
-                    disabled: activeFilter.trim().length > 0,
-                    className: utils.cn(
-                      "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
-                      effectiveExpandAll === false && "bg-accent text-accent-foreground"
-                    ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCollapseAll.UiCollapseAll, className: "text-sm" })
-                  }
-                )
+              (showControlButtons || actions != null) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+                actions,
+                showControlButtons && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setExpandAll(true),
+                      "aria-pressed": effectiveExpandAll === true,
+                      "aria-label": "Expand all",
+                      title: "Expand all",
+                      disabled: activeFilter.trim().length > 0,
+                      className: utils.cn(
+                        "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                        effectiveExpandAll === true && "bg-accent text-accent-foreground"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiExpandAll.UiExpandAll, className: "text-sm" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setExpandAll(false),
+                      "aria-pressed": effectiveExpandAll === false,
+                      "aria-label": "Collapse all",
+                      title: "Collapse all",
+                      disabled: activeFilter.trim().length > 0,
+                      className: utils.cn(
+                        "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+                        effectiveExpandAll === false && "bg-accent text-accent-foreground"
+                      ),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCollapseAll.UiCollapseAll, className: "text-sm" })
+                    }
+                  )
+                ] })
               ] })
             ]
           }