npm - @flanksource/clicky-ui - Versions diffs - 0.3.21 → 0.3.22 - Mend

@flanksource/clicky-ui 0.3.21 → 0.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1514) hide show

package/dist/data/ObjectGraph.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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-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 CHANGED Viewed

@@ -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" })
+                    }
+                  )
+                ] })
               ] })
             ]
           }