@flanksource/clicky-ui 0.3.40 → 0.3.42

package/dist/overlay/DropdownMenuSubmenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.cjs","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className=\"inline-flex shrink-0 text-base\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["jsx","Icon","useContext","MenuContext","useFloatingTree","useListItem","jsxs","useFloatingNodeId","useFloatingParentNodeId","useState","useRef","useFloatingZIndex","useFloating","offset","flip","shift","autoUpdate","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useInteractions","useEscapeLayer","useEffect","useMergeRefs","FloatingNode","UiChevronRight","FloatingList","FloatingPortal","FloatingFocusManager","MENU_POPOVER_CLASS","Fragment"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuSubmenu.cjs","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\nimport { cn } from \"../lib/utils\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n  iconClassName,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n  iconClassName: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className={cn(\"inline-flex shrink-0 text-base\", iconClassName)}\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon\n        icon={item.icon}\n        iconColor={item.iconColor}\n        iconClassName={item.iconClassName}\n      />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8, crossAxis: true }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n    [hover, click, role, dismiss, listNav],\n  );\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon\n          icon={item.icon}\n          iconColor={item.iconColor}\n          iconClassName={item.iconClassName}\n        />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                  aria-label={ariaLabel}\n                  {...(ariaLabel ? { \"aria-labelledby\": undefined } : {})}\n                >\n                  {item.header != null && (\n                    <div className=\"border-b border-border px-3 py-1.5\">\n                      {item.header}\n                    </div>\n                  )}\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["jsx","cn","Icon","useContext","MenuContext","useFloatingTree","useListItem","jsxs","useFloatingNodeId","useFloatingParentNodeId","useState","useRef","useFloatingZIndex","useFloating","offset","flip","shift","autoUpdate","useHover","safePolygon","useClick","useRole","useDismiss","useListNavigation","useInteractions","useEscapeLayer","useEffect","useMergeRefs","FloatingNode","UiChevronRight","FloatingList","FloatingPortal","FloatingFocusManager","MENU_POPOVER_CLASS","Fragment"],"mappings":"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"}

package/dist/overlay/DropdownMenuSubmenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.d.ts","sourceRoot":"","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA4NvD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,+BAwBpE"}
+{"version":3,"file":"DropdownMenuSubmenu.d.ts","sourceRoot":"","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAyOvD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAAE,+BAwBpE"}

package/dist/overlay/DropdownMenuSubmenu.js

@@ -4,12 +4,14 @@ import { useFloatingTree, useFloatingNodeId, useFloatingParentNodeId, useListIte
 import { Icon } from "../data/Icon.js";
 import { MenuContext, MENU_POPOVER_CLASS } from "./dropdownMenuContext.js";
 import { useFloatingZIndex, useEscapeLayer } from "./modalStack.js";
+import { cn } from "../lib/utils.js";
 import { UiChevronRight } from "../icons/components/UiChevronRight.js";
 const MENU_ITEM_CLASS = "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50";
 const MENU_HEADER_CLASS = "select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground";
 function MenuItemIcon({
   icon,
-  iconColor
+  iconColor,
+  iconClassName
 }) {
   if (!icon) return null;
   return (
@@ -20,7 +22,7 @@ function MenuItemIcon({
     /* @__PURE__ */ jsx(
       "span",
       {
-        className: "inline-flex shrink-0 text-base",
+        className: cn("inline-flex shrink-0 text-base", iconClassName),
         style: iconColor ? { color: iconColor } : void 0,
         children: /* @__PURE__ */ jsx(Icon, { ...typeof icon === "string" ? { name: icon } : { icon } })
       }
@@ -58,7 +60,14 @@ function MenuLeaf({ item }) {
         }
       }),
       children: [
-        /* @__PURE__ */ jsx(MenuItemIcon, { icon: item.icon, iconColor: item.iconColor }),
+        /* @__PURE__ */ jsx(
+          MenuItemIcon,
+          {
+            icon: item.icon,
+            iconColor: item.iconColor,
+            iconClassName: item.iconClassName
+          }
+        ),
         item.label
       ]
     }
@@ -84,7 +93,7 @@ function MenuSubmenu({ item }) {
     middleware: [
       offset({ mainAxis: 0, alignmentAxis: -4 }),
       flip({ padding: 8 }),
-      shift({ padding: 8 })
+      shift({ padding: 8, crossAxis: true })
     ],
     whileElementsMounted: autoUpdate
   });
@@ -102,13 +111,9 @@ function MenuSubmenu({ item }) {
     onNavigate: setActiveIndex,
     loop: true
   });
-  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([
-    hover,
-    click,
-    role,
-    dismiss,
-    listNav
-  ]);
+  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(
+    [hover, click, role, dismiss, listNav]
+  );
   useEscapeLayer(isOpen, () => setIsOpen(false));
   useEffect(() => {
     if (!tree) return;
@@ -158,7 +163,14 @@ function MenuSubmenu({ item }) {
           })
         ),
         children: [
-          /* @__PURE__ */ jsx(MenuItemIcon, { icon: item.icon, iconColor: item.iconColor }),
+          /* @__PURE__ */ jsx(
+            MenuItemIcon,
+            {
+              icon: item.icon,
+              iconColor: item.iconColor,
+              iconClassName: item.iconClassName
+            }
+          ),
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: item.label }),
           /* @__PURE__ */ jsx(Icon, { icon: UiChevronRight, className: "ml-auto shrink-0 opacity-60" })
         ]
@@ -181,16 +193,20 @@ function MenuSubmenu({ item }) {
             modal: false,
             initialFocus: -1,
             returnFocus: false,
-            children: /* @__PURE__ */ jsx(
+            children: /* @__PURE__ */ jsxs(
               "div",
               {
                 ref: refs.setFloating,
                 role: "menu",
-                "aria-label": ariaLabel,
                 style: { ...floatingStyles, zIndex: floatingZ },
                 className: MENU_POPOVER_CLASS,
                 ...getFloatingProps(),
-                children: /* @__PURE__ */ jsx(MenuItemList, { items: item.children ?? [] })
+                "aria-label": ariaLabel,
+                ...ariaLabel ? { "aria-labelledby": void 0 } : {},
+                children: [
+                  item.header != null && /* @__PURE__ */ jsx("div", { className: "border-b border-border px-3 py-1.5", children: item.header }),
+                  /* @__PURE__ */ jsx(MenuItemList, { items: item.children ?? [] })
+                ]
               }
             )
           }

package/dist/overlay/DropdownMenuSubmenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSubmenu.js","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className=\"inline-flex shrink-0 text-base\"\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8 }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n    hover,\n    click,\n    role,\n    dismiss,\n    listNav,\n  ]);\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon icon={item.icon} iconColor={item.iconColor} />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  aria-label={ariaLabel}\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                >\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuSubmenu.js","sources":["../../src/overlay/DropdownMenuSubmenu.tsx"],"sourcesContent":["import { Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingList,\n  FloatingNode,\n  FloatingPortal,\n  offset,\n  safePolygon,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useFloatingTree,\n  useHover,\n  useInteractions,\n  useListItem,\n  useListNavigation,\n  useMergeRefs,\n  useRole,\n  type UseInteractionsReturn,\n} from \"@floating-ui/react\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { UiChevronRight } from \"../icons\";\nimport { MENU_POPOVER_CLASS, MenuContext } from \"./dropdownMenuContext\";\nimport { useEscapeLayer, useFloatingZIndex } from \"./modalStack\";\nimport type { DropdownMenuItem } from \"./DropdownMenu\";\nimport { cn } from \"../lib/utils\";\n\n// Shared item surfaces so a leaf renders identically in the root menu or a\n// flyout submenu.\nconst MENU_ITEM_CLASS =\n  \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50\";\nconst MENU_HEADER_CLASS =\n  \"select-none px-3 pb-1 pt-2 text-[10px] font-medium uppercase tracking-wide text-muted-foreground\";\n\nfunction MenuItemIcon({\n  icon,\n  iconColor,\n  iconClassName,\n}: {\n  icon: string | StaticIconComponent | undefined;\n  iconColor: string | undefined;\n  iconClassName: string | undefined;\n}) {\n  if (!icon) return null;\n  return (\n    // `text-base` rather than inheriting the row: `Icon` sizes at 1em, so on a\n    // `text-xs` row the glyph came out at 12px — smaller than anything a caller\n    // puts in the label beside it, and too small to identify at a glance. The\n    // row's content box is already 16px tall, so this does not change its height.\n    <span\n      className={cn(\"inline-flex shrink-0 text-base\", iconClassName)}\n      style={iconColor ? { color: iconColor } : undefined}\n    >\n      <Icon {...(typeof icon === \"string\" ? { name: icon } : { icon })} />\n    </span>\n  );\n}\n\nfunction MenuLeaf({ item }: { item: DropdownMenuItem }) {\n  const menu = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const listItem = useListItem();\n  const isActive = listItem.index === menu.activeIndex;\n\n  const activate = () => {\n    if (item.disabled) return;\n    item.onSelect();\n    // A selection closes every open level; each menu subscribes to \"click\".\n    tree?.events.emit(\"click\");\n  };\n\n  return (\n    <button\n      ref={listItem.ref}\n      type=\"button\"\n      role=\"menuitem\"\n      tabIndex={isActive ? 0 : -1}\n      disabled={item.disabled}\n      title={item.title}\n      className={MENU_ITEM_CLASS}\n      {...menu.getItemProps({\n        onClick: activate,\n        onFocus: () => menu.setHasFocusInside(true),\n        onKeyDown: (event) => {\n          if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            activate();\n          }\n        },\n      })}\n    >\n      <MenuItemIcon\n        icon={item.icon}\n        iconColor={item.iconColor}\n        iconClassName={item.iconClassName}\n      />\n      {item.label}\n    </button>\n  );\n}\n\nfunction MenuSubmenu({ item }: { item: DropdownMenuItem }) {\n  const parent = useContext(MenuContext);\n  const tree = useFloatingTree();\n  const nodeId = useFloatingNodeId();\n  const parentId = useFloatingParentNodeId();\n  const listItem = useListItem();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const [hasFocusInside, setHasFocusInside] = useState(false);\n  const elementsRef = useRef<Array<HTMLElement | null>>([]);\n  const floatingZ = useFloatingZIndex();\n\n  const { refs, floatingStyles, context } = useFloating<HTMLButtonElement>({\n    // nodeId is always defined inside the FloatingTree; guard for the type only.\n    ...(nodeId ? { nodeId } : {}),\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    placement: \"right-start\",\n    middleware: [\n      offset({ mainAxis: 0, alignmentAxis: -4 }),\n      flip({ padding: 8 }),\n      shift({ padding: 8, crossAxis: true }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const hover = useHover(context, {\n    delay: { open: 75 },\n    handleClose: safePolygon(),\n  });\n  // Hover opens the flyout for mouse users; click/tap also opens it (touch and\n  // keyboard) but never toggles it shut — leaving via safePolygon or selecting a\n  // leaf is what closes it.\n  const click = useClick(context, { toggle: false });\n  const role = useRole(context, { role: \"menu\" });\n  // Escape is owned by useEscapeLayer (below) so it dismisses one menu level at\n  // a time and cooperates with modals; useDismiss keeps outside-press dismissal.\n  const dismiss = useDismiss(context, { escapeKey: false, bubbles: true });\n  const listNav = useListNavigation(context, {\n    listRef: elementsRef,\n    activeIndex,\n    nested: true,\n    onNavigate: setActiveIndex,\n    loop: true,\n  });\n  const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions(\n    [hover, click, role, dismiss, listNav],\n  );\n\n  useEscapeLayer(isOpen, () => setIsOpen(false));\n\n  useEffect(() => {\n    if (!tree) return;\n    const closeAll = () => setIsOpen(false);\n    const closeSiblings = (event: {\n      nodeId: string;\n      parentId: string | null;\n    }) => {\n      if (event.nodeId !== nodeId && event.parentId === parentId) {\n        setIsOpen(false);\n      }\n    };\n    tree.events.on(\"click\", closeAll);\n    tree.events.on(\"menuopen\", closeSiblings);\n    return () => {\n      tree.events.off(\"click\", closeAll);\n      tree.events.off(\"menuopen\", closeSiblings);\n    };\n  }, [tree, nodeId, parentId]);\n\n  useEffect(() => {\n    if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n  }, [isOpen, tree, nodeId, parentId]);\n\n  const isActive = listItem.index === parent.activeIndex;\n  const referenceRef = useMergeRefs([refs.setReference, listItem.ref]);\n  const ariaLabel = typeof item.label === \"string\" ? item.label : undefined;\n\n  return (\n    <FloatingNode id={nodeId}>\n      <button\n        ref={referenceRef}\n        type=\"button\"\n        role=\"menuitem\"\n        tabIndex={isActive ? 0 : -1}\n        disabled={item.disabled}\n        title={item.title}\n        aria-haspopup=\"menu\"\n        aria-expanded={isOpen}\n        data-focus-inside={hasFocusInside ? \"\" : undefined}\n        className={MENU_ITEM_CLASS}\n        {...parent.getItemProps(\n          // Merge the parent's roving-tabindex props with this trigger's own\n          // reference props (open on hover/click/ArrowRight). Both prop-getters\n          // return an opaque prop bag; the cast bridges the two getter\n          // signatures (getReferenceProps -> getItemProps parameter).\n          getReferenceProps({\n            onFocus: () => {\n              setHasFocusInside(false);\n              parent.setHasFocusInside(true);\n            },\n          }) as unknown as Parameters<UseInteractionsReturn[\"getItemProps\"]>[0],\n        )}\n      >\n        <MenuItemIcon\n          icon={item.icon}\n          iconColor={item.iconColor}\n          iconClassName={item.iconClassName}\n        />\n        <span className=\"min-w-0 flex-1 truncate\">{item.label}</span>\n        <Icon icon={UiChevronRight} className=\"ml-auto shrink-0 opacity-60\" />\n      </button>\n      <MenuContext.Provider\n        value={{\n          getItemProps,\n          activeIndex,\n          setActiveIndex,\n          setHasFocusInside,\n          isOpen,\n        }}\n      >\n        <FloatingList elementsRef={elementsRef}>\n          {isOpen && (\n            <FloatingPortal>\n              <FloatingFocusManager\n                context={context}\n                modal={false}\n                initialFocus={-1}\n                returnFocus={false}\n              >\n                <div\n                  ref={refs.setFloating}\n                  role=\"menu\"\n                  style={{ ...floatingStyles, zIndex: floatingZ }}\n                  className={MENU_POPOVER_CLASS}\n                  {...getFloatingProps()}\n                  aria-label={ariaLabel}\n                  {...(ariaLabel ? { \"aria-labelledby\": undefined } : {})}\n                >\n                  {item.header != null && (\n                    <div className=\"border-b border-border px-3 py-1.5\">\n                      {item.header}\n                    </div>\n                  )}\n                  <MenuItemList items={item.children ?? []} />\n                </div>\n              </FloatingFocusManager>\n            </FloatingPortal>\n          )}\n        </FloatingList>\n      </MenuContext.Provider>\n    </FloatingNode>\n  );\n}\n\n/**\n * Renders one menu level: a leaf `menuitem` button, or a submenu trigger when\n * the item has `children`. A group header renders above the first item of each\n * contiguous group (headers are not focusable, so keyboard navigation stays\n * dense over the interactive items). Must be rendered inside a `FloatingList`\n * whose `elementsRef` backs the enclosing menu's list navigation.\n */\nexport function MenuItemList({ items }: { items: DropdownMenuItem[] }) {\n  return (\n    <>\n      {items.map((item, index) => {\n        const showHeader =\n          item.group != null && item.group !== items[index - 1]?.group;\n        const hasChildren = !!item.children && item.children.length > 0;\n        return (\n          <Fragment key={index}>\n            {showHeader && (\n              <div role=\"presentation\" className={MENU_HEADER_CLASS}>\n                {item.group}\n              </div>\n            )}\n            {hasChildren ? (\n              <MenuSubmenu item={item} />\n            ) : (\n              <MenuLeaf item={item} />\n            )}\n          </Fragment>\n        );\n      })}\n    </>\n  );\n}\n"],"names":["Fragment"],"mappings":"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"}

package/dist/rpc/OperationCatalog.cjs

@@ -23,6 +23,7 @@ const operationCatalogFilterState = require("./operationCatalogFilterState.cjs")
 const operationCatalogFollow = require("./operationCatalogFollow.cjs");
 const OperationCatalogFollowStatus = require("./OperationCatalogFollowStatus.cjs");
 const useOperationCatalogFollow = require("./useOperationCatalogFollow.cjs");
+const operationCatalogRowSelection = require("./operationCatalogRowSelection.cjs");
 const defaultCommandHref = (operationId) => `/commands/${operationId}`;
 const EMPTY_LOCKED_VALUES = {};
 const EMPTY_INITIAL_VALUES = {};
@@ -50,11 +51,13 @@ function OperationCatalog({
   initialValues = EMPTY_INITIAL_VALUES,
   urlState,
   paginationMode,
+  refreshIntervalMs,
   hiddenColumns,
   rowDetail,
   cellRenderers,
   rowCard,
-  follow
+  follow,
+  rowSelection
 }) {
   var _a, _b, _c, _d, _e;
   const renderRowDetail = rowDetail == null ? void 0 : rowDetail.render;
@@ -142,7 +145,8 @@ function OperationCatalog({
     endpoint: listEndpoint,
     parameters: listParameters,
     filters: effectiveFilters,
-    ...paginationMode ? { paginationMode } : {}
+    ...paginationMode ? { paginationMode } : {},
+    ...refreshIntervalMs !== void 0 ? { refreshIntervalMs } : {}
   });
   const { followEnabled, sessionOperation, followMissing, tail } = useOperationCatalogFollow.useOperationCatalogFollow({
     follow,
@@ -174,22 +178,7 @@ function OperationCatalog({
     setValues: setFilters
   });
   const lookupQuery = reactQuery.useQuery({
-    queryKey: [
-      "operation-lookup",
-      listEndpoint == null ? void 0 : listEndpoint.method,
-      listEndpoint == null ? void 0 : listEndpoint.path,
-      lookupParameters
-    ],
-    queryFn: async () => {
-      var _a2;
-      return await ((_a2 = client.lookupFilters) == null ? void 0 : _a2.call(
-        client,
-        listEndpoint.path,
-        listEndpoint.method,
-        lookupParameters,
-        { Accept: "application/json+clicky" }
-      )) ?? { filters: {} };
-    },
+    ...operationCatalogRowSelection.operationLookupQuery(client, listEndpoint, lookupParameters),
     enabled: !!listEndpoint && !!client.lookupFilters,
     placeholderData: reactQuery.keepPreviousData,
     staleTime: 3e4,
@@ -338,7 +327,16 @@ function OperationCatalog({
       onCellFilterChange
     ]
   );
+  const pickerSelection = react.useMemo(
+    () => rowSelection ? operationCatalogRowSelection.pickerTableRowSelection(rowSelection, effectiveFilters) : void 0,
+    [effectiveFilters, rowSelection]
+  );
   const showTable = !!listEndpoint;
+  if (rowSelection && !isLoading && !showTable) {
+    throw new Error(
+      `OperationCatalog rowSelection needs a list operation, but surface "${surfaceKey ?? definition.title}" has none`
+    );
+  }
   let listError;
   if (!list.isFetching) {
     if (list.isError) {
@@ -368,23 +366,30 @@ function OperationCatalog({
     followPartition.rows,
     followOrder
   ) : void 0;
-  const mergedTableResponse = followMerge ? followMerge.response : tableResponse;
+  const unavailableRows = rowSelection == null ? void 0 : rowSelection.unavailableRows;
+  const markRows = (response) => response && unavailableRows ? operationCatalogRowSelection.markUnavailableRows(response, unavailableRows) : response;
+  const mergedTableResponse = markRows(
+    followMerge ? followMerge.response : tableResponse
+  );
   const resultsPagination = followMerge && followMerge.addedCount > 0 && dataTablePagination ? {
     ...dataTablePagination,
     total: (dataTablePagination.total ?? 0) + followMerge.addedCount,
     totalRelation: "gte"
   } : dataTablePagination;
-  const walkProps = list.infinite ? { pages: list.pages, infinite: list.infinite } : {};
+  const walkProps = list.infinite ? {
+    pages: unavailableRows ? list.pages.map((page) => operationCatalogRowSelection.markUnavailableRows(page, unavailableRows)) : list.pages,
+    infinite: list.infinite
+  } : {};
   if (isLoading || showTable && list.isPending && list.response == null) {
     return /* @__PURE__ */ jsxRuntime.jsx(loading.Loading, { variant: "centered", label: `Loading ${definition.title}…` });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: "flex h-full min-h-0 flex-col gap-2",
+      className: "flex h-full min-h-0 flex-1 flex-col gap-2",
       "data-slot": "operation-catalog",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        !rowSelection && /* @__PURE__ */ jsxRuntime.jsx(
           OperationCatalogActions.OperationCatalogActions,
           {
             actions: collectionActionOps,
@@ -416,7 +421,7 @@ function OperationCatalog({
             client
           }
         ),
-        showTable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1", "data-slot": "operation-catalog-results", children: followMissing ? renderError(
+        showTable ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col", "data-slot": "operation-catalog-results", children: followMissing ? renderError(
           new Error(
             `Surface "${surfaceKey ?? definition.title}" set follow, but ${listEndpoint == null ? void 0 : listEndpoint.path} advertises no session to follow (expected POST ${listEndpoint == null ? void 0 : listEndpoint.path}/sessions)`
           ),
@@ -441,11 +446,11 @@ function OperationCatalog({
                 loadingMessage: `Loading ${definition.title} results…`,
                 emptyMessage: "No records returned",
                 ariaLabel: `${definition.title} results`,
-                className: "mt-0 h-full min-h-0",
-                detailOperation,
+                className: "mt-0 h-full min-h-0 flex-1",
+                detailOperation: pickerSelection ? void 0 : detailOperation,
                 ...hiddenColumns ? { hiddenColumns } : {},
-                ...getRowDetailHref ? { getRowDetailHref } : {},
-                ...selectionActionOps.length > 0 ? {
+                ...getRowDetailHref && !pickerSelection ? { getRowDetailHref } : {},
+                ...pickerSelection ? { rowSelection: pickerSelection } : selectionActionOps.length > 0 ? {
                   rowSelection: {
                     selectedRowIds,
                     onSelectionChange: (ids, rows) => {

package/dist/rpc/OperationCatalog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCatalog.cjs","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useOperationPages } from \"./useOperationPages\";\nimport { filterOperationsByDomain } from \"./classify\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceCollectionActions,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n  ClickyRemoteFormat,\n  ClickyRow,\n  ClickyRowDetailRenderer,\n  ClickyCellRenderers,\n  ClickyRowCardRenderer,\n  ClickyRowDetailTitle,\n} from \"../data/Clicky\";\nimport type { ModalSize } from \"../overlay/Modal\";\nimport type { CellFilterChange } from \"../data/cells/CellFilterActions\";\nimport { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationCatalogActions } from \"./OperationCatalogActions\";\nimport { OperationsApiClientError } from \"./apiClient\";\nimport { renderOperationError } from \"./operationErrorDiagnostics\";\nimport {\n  OperationResultView,\n  type OperationResultFilterConfig,\n  type ResultRenderer,\n} from \"./OperationResultView\";\nimport { type FormActionsRenderer } from \"./SchemaActionForm\";\nimport {\n  applyFilterExtensions,\n  type FilterExtension,\n} from \"../components/filter-bar-utils\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport {\n  type DomainDefinition,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packLookupParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\nimport { cursorParameterName, useCursorStaleRecovery } from \"./cursorStale\";\nimport { useOperationFilterSearch } from \"./operationFilterSearch\";\nimport {\n  parseMultiFilterValue,\n  serializeMultiFilterValue,\n} from \"../data/data-table-filter-values\";\nimport { Loading } from \"../components/loading\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { useOperationCatalogFilterState } from \"./operationCatalogFilterState\";\nimport {\n  followRowOrder,\n  mergeFollowRowsIntoResponse,\n  partitionFollowRows,\n} from \"./operationCatalogFollow\";\nimport { OperationCatalogFollowStatus } from \"./OperationCatalogFollowStatus\";\nimport { useOperationCatalogFollow, type OperationCatalogFollowOption } from \"./useOperationCatalogFollow\";\nimport type { LogTailError } from \"../hooks/use-log-tail\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  surfaceKey?: string;\n  // Domain-specific filter decorators (e.g. stamp an entity icon by filter\n  // name). Composed in array order; mirrors JsonSchemaForm's `pre`.\n  filterPre?: FilterExtension[];\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n  renderError?: (err: unknown, title: string) => ReactNode;\n  commandRuntime?: ClickyCommandRuntime;\n  // Custom JsonSchemaForm field extensions forwarded to the create/edit form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions for the create/edit form (e.g. a connection\n  // \"Test\" button).\n  formActions?: FormActionsRenderer;\n  actionLabels?: Record<string, string>;\n  // Optional host override for the result surface, keyed off the current surface.\n  // Receives the default OperationResultView so non-overridden surfaces render\n  // unchanged.\n  resultRenderer?: ResultRenderer;\n  /**\n   * Portal target for the collection action bar (Create, bulk actions). When\n   * set, the bar renders into this element — typically an app shell's\n   * `bodyActions` slot — instead of inline under the catalog header.\n   *\n   * A portal rather than a render-prop because the bar owns its own dialog\n   * state and closes over the catalog's live filters and list query; moving the\n   * element would sever both. Falls back to inline rendering when null, so\n   * existing consumers are unaffected.\n   */\n  actionsContainer?: Element | null;\n  getRowDetailHref?: (id: string) => string | undefined;\n  actionInitialValues?: Record<string, Record<string, string>>;\n  /** Plural noun used by the cross-page selection notice. */\n  selectionNoun?: string;\n  /**\n   * Parameter values pinned by the host — sent on every list request, every\n   * filter lookup (both `client.lookupFilters` and per-filter type-ahead), and\n   * every export/download URL. Never rendered as an editable filter chip or\n   * form field, and never round-tripped through the URL: the host, not the\n   * reader, owns them (e.g. the `stream` a trace-results panel is scoped to).\n   */\n  lockedValues?: Record<string, string>;\n  /**\n   * Editable seed values for filters the URL has no value for yet — e.g. a\n   * database filter that should start at the host's current environment but\n   * stay changeable. Applied per-key only when the URL is silent on that key\n   * (a URL value always wins), still rendered as an ordinary editable filter\n   * field, and never sent as a locked value or written back to the URL as\n   * anything other than the resulting filter edit. Unlike `lockedValues`,\n   * these seed the FilterBar's own state, not an overlay on top of it.\n   */\n  initialValues?: Record<string, string>;\n  /**\n   * Controls whether list filters/pagination/sort read and write the URL.\n   * Omit for today's behaviour: unprefixed query params. `false` neither\n   * reads nor writes the URL — for a catalog embedded where the host owns the\n   * whole URL. `{ prefix }` reads and writes only `<prefix>.<name>` keys, so\n   * the catalog can live inside a host route with its own `?step=`/`?tab=`\n   * params without colliding.\n   */\n  urlState?: false | { prefix: string };\n  /** Omit to infer cursor walking automatically; set when a host requires a specific paging presentation. */\n  paginationMode?: \"paged\" | \"infinite\";\n  /** Column names retained in raw rows for detail rendering but omitted from the table. */\n  hiddenColumns?: string[];\n  /**\n   * Host row-detail configuration for the result table. `render` receives raw\n   * row values keyed by column name, including columns hidden from `columns`\n   * — see `ClickyRowDetailRenderer`. Never disturbs server paging, filters,\n   * sort or export.\n   */\n  rowDetail?: {\n    render: ClickyRowDetailRenderer;\n    /** How the detail is surfaced when a row is clicked. Defaults to \"row\". */\n    style?: \"row\" | \"dialog\";\n    /** Dialog size when `style` is \"dialog\". Defaults to DataTable's \"lg\". */\n    dialogSize?: ModalSize;\n    /** Dialog title when `style` is \"dialog\", given the same raw row values as `render`. */\n    title?: ClickyRowDetailTitle;\n  };\n  /** Override selected result table cells using raw server values. */\n  cellRenderers?: ClickyCellRenderers;\n  /** Render each list result as a card from its raw row values. */\n  rowCard?: ClickyRowCardRenderer;\n  /**\n   * Follows the surface's list results live over the commons-db sessions SSE\n   * API instead of polling: rows the server has appended since the last\n   * fetch appear in the table without a refetch. Requires the list\n   * operation to advertise a session-start operation (`POST\n   * <listPath>/sessions`) in the loaded OpenAPI document — when it does not,\n   * the catalog fails loudly with an explicit error naming the surface\n   * rather than silently rendering as if `follow` had never been set.\n   *\n   * The session opens with the same locked values and active filters the\n   * list request itself sends, and restarts whenever either changes.\n   * Pass `{ maxRows }` to size the in-memory live buffer (default 5,000 —\n   * see `useLogTail`); older rows are evicted and counted as `dropped`.\n   */\n  follow?: OperationCatalogFollowOption;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\nconst EMPTY_LOCKED_VALUES: Record<string, string> = {};\nconst EMPTY_INITIAL_VALUES: Record<string, string> = {};\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = renderOperationError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n  getRowDetailHref,\n  actionInitialValues,\n  selectionNoun,\n  lockedValues = EMPTY_LOCKED_VALUES,\n  initialValues = EMPTY_INITIAL_VALUES,\n  urlState,\n  paginationMode,\n  hiddenColumns,\n  rowDetail,\n  cellRenderers,\n  rowCard,\n  follow,\n}: OperationCatalogProps) {\n  const renderRowDetail = rowDetail?.render;\n  const rowDetailStyle = rowDetail?.style;\n  const rowDetailDialogSize = rowDetail?.dialogSize;\n  const rowDetailTitle = rowDetail?.title;\n  const { operations, spec, isLoading } = useOperations(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const surfaceOps = useMemo(\n    () => filterOperationsBySurface(operations, surfaceKey),\n    [operations, surfaceKey]\n  );\n  const useSurfaceMetadata = surfaceOps.length > 0;\n\n  const domainOps = useMemo(() => {\n    if (useSurfaceMetadata) return surfaceOps;\n    return allOperations\n      ? operations\n      : filterOperationsByDomain(operations, entities);\n  }, [allOperations, entities, operations, surfaceOps, useSurfaceMetadata]);\n\n  const listEndpoint = useMemo(() => {\n    if (!useSurfaceMetadata) return undefined;\n    return findSurfaceListOperation(domainOps, surfaceKey);\n  }, [domainOps, surfaceKey, useSurfaceMetadata]);\n  const detailOperation = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceDetailOperation(domainOps, surfaceKey)\n        : undefined,\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const listParameters = listEndpoint?.operation.parameters ?? [];\n  const { filters, setFilters, effectiveFilters } =\n    useOperationCatalogFilterState({\n      listParameters,\n      lockedValues,\n      urlState,\n      initialValues,\n    });\n  const [selectedRowIds, setSelectedRowIds] = useState<string[]>([]);\n  const [selectedRows, setSelectedRows] = useState<ClickyRow[]>([]);\n  const [selectedScopeId, setSelectedScopeId] = useState<string>();\n  const membershipFilterParameterNames = useMemo(\n    () =>\n      listParameters\n        .filter(\n          (parameter) =>\n            ![\"limit\", \"offset\", \"cursor\", \"sort\", \"order\"].includes(\n              parameter[\"x-clicky\"]?.role ?? \"\"\n            )\n        )\n        .map((parameter) => parameter.name),\n    [listParameters]\n  );\n  const membershipFilterKey = useMemo(\n    () =>\n      JSON.stringify(\n        membershipFilterParameterNames.map((name) => [\n          name,\n          filters[name] ?? \"\",\n        ])\n      ),\n    [filters, membershipFilterParameterNames]\n  );\n  const previousMembershipFilterKey = useRef(membershipFilterKey);\n  useEffect(() => {\n    if (previousMembershipFilterKey.current !== membershipFilterKey) {\n      setSelectedRowIds([]);\n      setSelectedRows([]);\n      setSelectedScopeId(undefined);\n      previousMembershipFilterKey.current = membershipFilterKey;\n    }\n  }, [membershipFilterKey]);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(effectiveFilters, listParameters),\n    [effectiveFilters, listParameters]\n  );\n  const download = useMemo<ClickyDownloadOptions | undefined>(() => {\n    const meta = listEndpoint?.operation[\"x-clicky\"]?.export;\n    if (!meta) return undefined;\n    return {\n      label: definition.title,\n      ...(meta.formats\n        ? { formats: meta.formats as ClickyRemoteFormat[] }\n        : {}),\n      ...(meta.scopes ? { scopes: meta.scopes } : {}),\n      ...(meta.allRowsMode ? { allRowsMode: meta.allRowsMode } : {}),\n      ...(meta.formatMaxRows\n        ? {\n            formatMaxRows: meta.formatMaxRows as Partial<\n              Record<ClickyRemoteFormat, number>\n            >,\n          }\n        : {}),\n    };\n  }, [definition.title, listEndpoint]);\n\n  const list = useOperationPages({\n    client,\n    endpoint: listEndpoint,\n    parameters: listParameters,\n    filters: effectiveFilters,\n    ...(paginationMode ? { paginationMode } : {}),\n  });\n\n  const { followEnabled, sessionOperation, followMissing, tail } =\n    useOperationCatalogFollow({\n      follow,\n      operations,\n      listEndpoint,\n      listParameters,\n      effectiveFilters,\n      showTable: !!listEndpoint,\n    });\n  const reconcileFollow = typeof follow === \"object\" && follow?.mode === \"reconcile\";\n  const refetchList = useRef(list.refetch);\n  refetchList.current = list.refetch;\n  const onReconcile = useRef(reconcileFollow ? follow.onReconcile : undefined);\n  onReconcile.current = reconcileFollow ? follow.onReconcile : undefined;\n  useEffect(() => {\n    if (!reconcileFollow || tail.lastSequence === null) return;\n    const sequence = tail.lastSequence;\n    const timer = setTimeout(() => {\n      refetchList.current();\n      onReconcile.current?.(sequence);\n    }, 250);\n    return () => clearTimeout(timer);\n  }, [reconcileFollow, tail.lastSequence]);\n\n  useCursorStaleRecovery({\n    error: list.error,\n    parameters: listParameters,\n    values: filters,\n    setValues: setFilters,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      lookupParameters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        lookupParameters,\n        { Accept: \"application/json+clicky\" }\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && !!client.lookupFilters,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const actionOps = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceCollectionActions(domainOps, surfaceKey)\n        : [],\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const selectionActionOps = useMemo(\n    () =>\n      actionOps.filter(\n        (operation) => getOperationClickyMeta(operation)?.supportsFilterMode\n      ),\n    [actionOps]\n  );\n  const collectionActionOps = useMemo(\n    () =>\n      actionOps.filter(\n        (operation) => !getOperationClickyMeta(operation)?.supportsFilterMode\n      ),\n    [actionOps]\n  );\n\n  const lookupSearch = useOperationFilterSearch(\n    client,\n    listEndpoint,\n    effectiveFilters,\n    listParameters\n  );\n\n  const filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n      lookupSearch,\n      components: filterShapes,\n      lockedValues,\n      hideLocked: true,\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [\n    filters,\n    filterShapes,\n    listParameters,\n    lockedValues,\n    lookupQuery.data,\n    lookupSearch,\n  ]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, list.response),\n    [filterBarConfig.pagination, list.response]\n  );\n  const followOrder = followRowOrder(filterBarConfig.sort?.value?.dir);\n  const decoratedTimeRange = useMemo(\n    () =>\n      filterBarConfig.timeRange\n        ? applyFilterExtensions(\n            {\n              key: \"timeRange\",\n              kind: \"date-range\",\n              label:\n                filterBarConfig.timeRange.timeEnabled === false\n                  ? \"Date range\"\n                  : \"Time range\",\n              ...filterBarConfig.timeRange,\n            },\n            filterPre\n          )\n        : undefined,\n    [filterBarConfig.timeRange, filterPre]\n  );\n  const decoratedFilters = useMemo(() => {\n    const next = filterBarConfig.filters.map((filter) =>\n      applyFilterExtensions(filter, filterPre)\n    );\n    if (decoratedTimeRange?.placement === \"overflow\") {\n      next.push(decoratedTimeRange);\n    }\n    return next;\n  }, [decoratedTimeRange, filterBarConfig.filters, filterPre]);\n  const cellFilters = useMemo(\n    () =>\n      Object.fromEntries(\n        listParameters\n          .filter((parameter) => parameter[\"x-clicky\"]?.role === \"filter\")\n          .map((parameter) => [\n            parameter.name,\n            parseMultiFilterValue(filters[parameter.name] ?? \"\"),\n          ])\n      ),\n    [filters, listParameters]\n  );\n  const onCellFilterChange = useCallback(\n    ({ key, value, mode }: CellFilterChange) => {\n      if (\n        !listParameters.some(\n          (parameter) =>\n            parameter.name === key && parameter[\"x-clicky\"]?.role === \"filter\"\n        )\n      ) {\n        throw new Error(\n          `Clicky table column references unknown filter parameter ${key}`\n        );\n      }\n\n      setFilters((current) => {\n        const selected = parseMultiFilterValue(current[key] ?? \"\");\n        if (mode === undefined) {\n          delete selected[value];\n        } else {\n          selected[value] = mode;\n        }\n\n        const next = { ...current };\n        const serialized = serializeMultiFilterValue(selected);\n        if (serialized) {\n          next[key] = serialized;\n        } else {\n          delete next[key];\n        }\n\n        const offset = listParameters.find(\n          (parameter) => parameter[\"x-clicky\"]?.role === \"offset\"\n        );\n        if (offset) next[offset.name] = \"0\";\n        const cursor = cursorParameterName(listParameters);\n        if (cursor) next[cursor] = \"\";\n        return next;\n      });\n    },\n    [listParameters]\n  );\n  const resultFilterConfig = useMemo<OperationResultFilterConfig>(\n    () => ({\n      filters: decoratedFilters,\n      cellFilters,\n      onCellFilterChange,\n      ...(filterBarConfig.search ? { search: filterBarConfig.search } : {}),\n      ...(filterBarConfig.timeRange &&\n      decoratedTimeRange?.placement !== \"overflow\"\n        ? { timeRange: filterBarConfig.timeRange }\n        : {}),\n    }),\n    [\n      cellFilters,\n      decoratedFilters,\n      filterBarConfig.search,\n      filterBarConfig.timeRange,\n      decoratedTimeRange?.placement,\n      onCellFilterChange,\n    ]\n  );\n\n  const showTable = !!listEndpoint;\n  let listError: unknown;\n  if (!list.isFetching) {\n    if (list.isError) {\n      listError = list.error;\n    } else if (list.response?.success === false) {\n      listError = new OperationsApiClientError(\n        list.response.error ||\n          list.response.message ||\n          list.response.stderr ||\n          `Command failed with exit code ${list.response.exit_code}`,\n        {\n          method: listEndpoint?.method,\n          url: list.response.requestUrl,\n          responseBody: list.response.stdout,\n          responseData: list.response.parsed,\n          responseHeaders: list.response.responseHeaders,\n        }\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(listError, `Failed to load ${listEndpoint?.path ?? \"\"}`)\n      : undefined;\n  const tableResponse = list.response?.success === false ? null : list.response;\n  // The presented ClickyRow rides next to each raw follow row (see\n  // LogTailEvent.clickyRow); a row-shaped event without one is a stream\n  // contract violation for a tabular follow surface, never guessed at as\n  // plain text, so it is surfaced as an error rather than merged.\n  const followPartition = partitionFollowRows(tail.rows, tail.clickyRows);\n  const followStreamError: LogTailError | null =\n    tail.error ??\n    (!reconcileFollow && followPartition.missingClickyRow\n      ? {\n          scope: \"stream\",\n          message:\n            \"a follow event arrived without its presented row (clickyRow) — the profile stopped sending it\",\n        }\n      : null);\n  const followMerge =\n    followEnabled && sessionOperation && !reconcileFollow\n      ? mergeFollowRowsIntoResponse(\n          tableResponse,\n          followPartition.rows,\n          followOrder\n        )\n      : undefined;\n  const mergedTableResponse = followMerge\n    ? followMerge.response\n    : tableResponse;\n  // The last fetch's total undercounts once live rows have been folded in\n  // that it never saw — reported as a lower bound (\"gte\"), never restated as\n  // an exact count nobody promised.\n  const resultsPagination =\n    followMerge && followMerge.addedCount > 0 && dataTablePagination\n      ? {\n          ...dataTablePagination,\n          total: (dataTablePagination.total ?? 0) + followMerge.addedCount,\n          totalRelation: \"gte\" as const,\n        }\n      : dataTablePagination;\n  const walkProps = list.infinite\n    ? { pages: list.pages, infinite: list.infinite }\n    : {};\n  if (isLoading || (showTable && list.isPending && list.response == null)) {\n    return (\n      <Loading variant=\"centered\" label={`Loading ${definition.title}…`} />\n    );\n  }\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      data-slot=\"operation-catalog\"\n    >\n      {/* No title/description here by design: page headers and breadcrumbs are\n          the host's to define (e.g. an app shell's bodyHeader), so the catalog\n          never invents chrome the consumer would have to fight or duplicate. */}\n      <OperationCatalogActions\n        actions={collectionActionOps}\n        selectionActions={selectionActionOps}\n        filters={filters}\n        filterParameterNames={listParameters.map((parameter) => parameter.name)}\n        membershipFilterParameterNames={membershipFilterParameterNames}\n        selectedRowIds={selectedRowIds}\n        selectedRows={selectedRows}\n        {...(selectedScopeId && dataTablePagination?.total != null\n          ? {\n              selectedScope: {\n                id: selectedScopeId,\n                total: dataTablePagination.total,\n              },\n            }\n          : {})}\n        clearSelection={() => {\n          setSelectedRowIds([]);\n          setSelectedRows([]);\n          setSelectedScopeId(undefined);\n        }}\n        onExecuted={() => list.refetch()}\n        {...(actionsContainer ? { actionsContainer } : {})}\n        {...(actionInitialValues\n          ? { initialValuesByAction: actionInitialValues }\n          : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(formPre ? { formPre } : {})}\n        {...(formPost ? { formPost } : {})}\n        {...(formActions ? { formActions } : {})}\n        {...(actionLabels ? { actionLabels } : {})}\n        client={client}\n      />\n\n      {showTable ? (\n        <div className=\"min-h-0 flex-1\" data-slot=\"operation-catalog-results\">\n          {followMissing ? (\n            renderError(\n              new Error(\n                `Surface \"${surfaceKey ?? definition.title}\" set follow, but ${listEndpoint?.path} advertises no session to follow (expected POST ${listEndpoint?.path}/sessions)`\n              ),\n              \"Live follow is not available\"\n            )\n          ) : (\n            <>\n              {followEnabled && sessionOperation && (\n                <OperationCatalogFollowStatus\n                  status={tail.status}\n                  error={followStreamError}\n                  droppedRows={reconcileFollow ? 0 : tail.droppedRows}\n                  addedCount={followMerge?.addedCount ?? 0}\n                  className=\"mb-2\"\n                />\n              )}\n              {(() => {\n                const defaultView = (\n                  <OperationResultView\n                    response={mergedTableResponse}\n                    loading={list.isFetching}\n                    loadingMessage={`Loading ${definition.title} results…`}\n                    emptyMessage=\"No records returned\"\n                    ariaLabel={`${definition.title} results`}\n                    className=\"mt-0 h-full min-h-0\"\n                    detailOperation={detailOperation}\n                    {...(hiddenColumns ? { hiddenColumns } : {})}\n                    {...(getRowDetailHref ? { getRowDetailHref } : {})}\n                    {...(selectionActionOps.length > 0\n                      ? {\n                          rowSelection: {\n                            selectedRowIds,\n                            onSelectionChange: (\n                              ids: string[],\n                              rows: ClickyRow[]\n                            ) => {\n                              setSelectedRowIds(ids);\n                              setSelectedRows(rows);\n                              setSelectedScopeId(undefined);\n                            },\n                            ...(dataTablePagination?.total != null &&\n                            dataTablePagination.totalRelation === \"eq\"\n                              ? {\n                                  selectAllPages: {\n                                    ...(selectedScopeId\n                                      ? { selectedScopeId }\n                                      : {}),\n                                    noun:\n                                      selectionNoun ??\n                                      definition.title.toLocaleLowerCase(),\n                                    scopes: [\n                                      {\n                                        id: \"all-matching\",\n                                        total: dataTablePagination.total,\n                                        onSelectAll: () =>\n                                          setSelectedScopeId(\"all-matching\"),\n                                      },\n                                    ],\n                                  },\n                                }\n                              : {}),\n                            getRowId: (row: ClickyRow) => {\n                              const id = getClickyRowId(row);\n                              if (!id) {\n                                throw new Error(\n                                  \"Clicky bulk action row is missing an _id or id cell\"\n                                );\n                              }\n                              return id;\n                            },\n                            isRowSelectable: (row: ClickyRow) =>\n                              getClickyRowId(row) != null,\n                          },\n                        }\n                      : {})}\n                    filterConfig={resultFilterConfig}\n                    {...(tableError ? { error: tableError } : {})}\n                    {...(commandRuntime ? { commandRuntime } : {})}\n                    {...(resultsPagination\n                      ? { pagination: resultsPagination }\n                      : {})}\n                    {...(filterBarConfig.sort\n                      ? { sort: filterBarConfig.sort }\n                      : {})}\n                    {...(download ? { download } : {})}\n                    {...(renderRowDetail ? { renderRowDetail } : {})}\n                    {...(cellRenderers ? { cellRenderers } : {})}\n                    {...(rowCard ? { renderRowCard: rowCard } : {})}\n                    {...(rowDetailStyle ? { detailStyle: rowDetailStyle } : {})}\n                    {...(rowDetailDialogSize\n                      ? { detailDialogSize: rowDetailDialogSize }\n                      : {})}\n                    {...(rowDetailTitle\n                      ? { detailDialogTitle: rowDetailTitle }\n                      : {})}\n                    {...walkProps}\n                  />\n                );\n                return resultRenderer\n                  ? resultRenderer({\n                      response: list.response,\n                      loading: list.isFetching,\n                      defaultView,\n                      filterConfig: resultFilterConfig,\n                      // A renderer that replaces the table owns the whole surface,\n                      // pager and download menu included. Without these it can only\n                      // drop them, which is how a replaced view silently loses the\n                      // ability to reach page two — or, under a walk, page one's\n                      // rows the moment page two arrives.\n                      ...(dataTablePagination\n                        ? { pagination: dataTablePagination }\n                        : {}),\n                      ...(filterBarConfig.sort\n                        ? { sort: filterBarConfig.sort }\n                        : {}),\n                      ...(download ? { download } : {}),\n                      ...(surfaceKey ? { surfaceKey } : {}),\n                      ...(renderRowDetail ? { renderRowDetail } : {}),\n                      ...(rowCard ? { renderRowCard: rowCard } : {}),\n                      ...(rowDetailStyle ? { detailStyle: rowDetailStyle } : {}),\n                      ...(rowDetailDialogSize\n                        ? { detailDialogSize: rowDetailDialogSize }\n                        : {}),\n                      ...(rowDetailTitle\n                        ? { detailDialogTitle: rowDetailTitle }\n                        : {}),\n                      ...walkProps,\n                    })\n                  : defaultView;\n              })()}\n            </>\n          )}\n        </div>\n      ) : (\n        <EndpointList\n          operations={domainOps}\n          definition={definition}\n          renderLink={renderLink}\n          getCommandHref={getCommandHref}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["renderOperationError","useOperations","useMemo","filterOperationsBySurface","filterOperationsByDomain","findSurfaceListOperation","findSurfaceDetailOperation","useOperationCatalogFilterState","useState","_a","useRef","useEffect","packLookupParameterValues","useOperationPages","useOperationCatalogFollow","useCursorStaleRecovery","useQuery","keepPreviousData","findSurfaceCollectionActions","getOperationClickyMeta","useOperationFilterSearch","parametersToFormConfig","dataTablePaginationFromForm","followRowOrder","applyFilterExtensions","parseMultiFilterValue","useCallback","serializeMultiFilterValue","cursorParameterName","OperationsApiClientError","partitionFollowRows","mergeFollowRowsIntoResponse","jsx","Loading","jsxs","OperationCatalogActions","Fragment","OperationCatalogFollowStatus","OperationResultView","getClickyRowId","EndpointList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0LA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAC5E,MAAM,sBAA8C,CAAA;AACpD,MAAM,uBAA+C,CAAA;AAE9C,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAcA,0BAAAA;AAAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;;AACxB,QAAM,kBAAkB,uCAAW;AACnC,QAAM,iBAAiB,uCAAW;AAClC,QAAM,sBAAsB,uCAAW;AACvC,QAAM,iBAAiB,uCAAW;AAClC,QAAM,EAAE,YAAY,MAAM,UAAA,IAAcC,cAAAA,cAAc,MAAM;AAC5D,QAAM,gBAAe,kCAAM,eAAN,mBAAmB;AAExC,QAAM,aAAaC,MAAAA;AAAAA,IACjB,MAAMC,eAAAA,0BAA0B,YAAY,UAAU;AAAA,IACtD,CAAC,YAAY,UAAU;AAAA,EAAA;AAEzB,QAAM,qBAAqB,WAAW,SAAS;AAE/C,QAAM,YAAYD,MAAAA,QAAQ,MAAM;AAC9B,QAAI,mBAAoB,QAAO;AAC/B,WAAO,gBACH,aACAE,kCAAyB,YAAY,QAAQ;AAAA,EACnD,GAAG,CAAC,eAAe,UAAU,YAAY,YAAY,kBAAkB,CAAC;AAExE,QAAM,eAAeF,MAAAA,QAAQ,MAAM;AACjC,QAAI,CAAC,mBAAoB,QAAO;AAChC,WAAOG,eAAAA,yBAAyB,WAAW,UAAU;AAAA,EACvD,GAAG,CAAC,WAAW,YAAY,kBAAkB,CAAC;AAC9C,QAAM,kBAAkBH,MAAAA;AAAAA,IACtB,MACE,qBACII,eAAAA,2BAA2B,WAAW,UAAU,IAChD;AAAA,IACN,CAAC,WAAW,YAAY,kBAAkB;AAAA,EAAA;AAE5C,QAAM,kBAAiB,6CAAc,UAAU,eAAc,CAAA;AAC7D,QAAM,EAAE,SAAS,YAAY,iBAAA,IAC3BC,4BAAAA,+BAA+B;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH,QAAM,CAAC,gBAAgB,iBAAiB,IAAIC,MAAAA,SAAmB,CAAA,CAAE;AACjE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAAsB,CAAA,CAAE;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,eAAA;AAC9C,QAAM,iCAAiCN,MAAAA;AAAAA,IACrC,MACE,eACG;AAAA,MACC,CAAC;;AACC,gBAAC,CAAC,SAAS,UAAU,UAAU,QAAQ,OAAO,EAAE;AAAA,YAC9CO,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,SAAQ;AAAA,QAAA;AAAA;AAAA,IACjC,EAEH,IAAI,CAAC,cAAc,UAAU,IAAI;AAAA,IACtC,CAAC,cAAc;AAAA,EAAA;AAEjB,QAAM,sBAAsBP,MAAAA;AAAAA,IAC1B,MACE,KAAK;AAAA,MACH,+BAA+B,IAAI,CAAC,SAAS;AAAA,QAC3C;AAAA,QACA,QAAQ,IAAI,KAAK;AAAA,MAAA,CAClB;AAAA,IAAA;AAAA,IAEL,CAAC,SAAS,8BAA8B;AAAA,EAAA;AAE1C,QAAM,8BAA8BQ,MAAAA,OAAO,mBAAmB;AAC9DC,QAAAA,UAAU,MAAM;AACd,QAAI,4BAA4B,YAAY,qBAAqB;AAC/D,wBAAkB,CAAA,CAAE;AACpB,sBAAgB,CAAA,CAAE;AAClB,yBAAmB,MAAS;AAC5B,kCAA4B,UAAU;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AACxB,QAAM,mBAAmBT,MAAAA;AAAAA,IACvB,MAAMU,aAAAA,0BAA0B,kBAAkB,cAAc;AAAA,IAChE,CAAC,kBAAkB,cAAc;AAAA,EAAA;AAEnC,QAAM,WAAWV,MAAAA,QAA2C,MAAM;;AAChE,UAAM,QAAOO,MAAA,6CAAc,UAAU,gBAAxB,gBAAAA,IAAqC;AAClD,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO;AAAA,MACL,OAAO,WAAW;AAAA,MAClB,GAAI,KAAK,UACL,EAAE,SAAS,KAAK,QAAA,IAChB,CAAA;AAAA,MACJ,GAAI,KAAK,SAAS,EAAE,QAAQ,KAAK,OAAA,IAAW,CAAA;AAAA,MAC5C,GAAI,KAAK,cAAc,EAAE,aAAa,KAAK,YAAA,IAAgB,CAAA;AAAA,MAC3D,GAAI,KAAK,gBACL;AAAA,QACE,eAAe,KAAK;AAAA,MAAA,IAItB,CAAA;AAAA,IAAC;AAAA,EAET,GAAG,CAAC,WAAW,OAAO,YAAY,CAAC;AAEnC,QAAM,OAAOI,kBAAAA,kBAAkB;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,EAAC,CAC5C;AAED,QAAM,EAAE,eAAe,kBAAkB,eAAe,KAAA,IACtDC,0BAAAA,0BAA0B;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,CAAC;AAAA,EAAA,CACd;AACH,QAAM,kBAAkB,OAAO,WAAW,aAAY,iCAAQ,UAAS;AACvE,QAAM,cAAcJ,MAAAA,OAAO,KAAK,OAAO;AACvC,cAAY,UAAU,KAAK;AAC3B,QAAM,cAAcA,MAAAA,OAAO,kBAAkB,OAAO,cAAc,MAAS;AAC3E,cAAY,UAAU,kBAAkB,OAAO,cAAc;AAC7DC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,mBAAmB,KAAK,iBAAiB,KAAM;AACpD,UAAM,WAAW,KAAK;AACtB,UAAM,QAAQ,WAAW,MAAM;;AAC7B,kBAAY,QAAA;AACZ,OAAAF,MAAA,YAAY,YAAZ,gBAAAA,IAAA,kBAAsB;AAAA,IACxB,GAAG,GAAG;AACN,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,iBAAiB,KAAK,YAAY,CAAC;AAEvCM,qCAAuB;AAAA,IACrB,OAAO,KAAK;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,EAAA,CACZ;AAED,QAAM,cAAcC,WAAAA,SAAkC;AAAA,IACpD,UAAU;AAAA,MACR;AAAA,MACA,6CAAc;AAAA,MACd,6CAAc;AAAA,MACd;AAAA,IAAA;AAAA,IAEF,SAAS,YAAA;;AACN,qBAAMP,MAAA,OAAO,kBAAP,gBAAAA,IAAA;AAAA;AAAA,QACL,aAAc;AAAA,QACd,aAAc;AAAA,QACd;AAAA,QACA,EAAE,QAAQ,0BAAA;AAAA,YACN,EAAE,SAAS,GAAC;AAAA;AAAA,IACpB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO;AAAA,IACpC,iBAAiBQ,WAAAA;AAAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AAED,QAAM,YAAYf,MAAAA;AAAAA,IAChB,MACE,qBACIgB,eAAAA,6BAA6B,WAAW,UAAU,IAClD,CAAA;AAAA,IACN,CAAC,WAAW,YAAY,kBAAkB;AAAA,EAAA;AAE5C,QAAM,qBAAqBhB,MAAAA;AAAAA,IACzB,MACE,UAAU;AAAA,MACR,CAAC,cAAA;;AAAciB,gBAAAA,MAAAA,sCAAuB,SAAS,MAAhCA,gBAAAA,IAAmC;AAAA;AAAA,IAAA;AAAA,IAEtD,CAAC,SAAS;AAAA,EAAA;AAEZ,QAAM,sBAAsBjB,MAAAA;AAAAA,IAC1B,MACE,UAAU;AAAA,MACR,CAAC,cAAA;;AAAc,kBAACiB,MAAAA,sCAAuB,SAAS,MAAhCA,gBAAAA,IAAmC;AAAA;AAAA,IAAA;AAAA,IAEvD,CAAC,SAAS;AAAA,EAAA;AAGZ,QAAM,eAAeC,sBAAAA;AAAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,kBAAkBlB,MAAAA,QAAQ,MAAM;AACpC,UAAM,UAAgC;AAAA,MACpC,kBAAkB,CAAC,OAAO;AAAA,MAC1B;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,IAAA;AAEd,QAAI,YAAY,QAAQ,MAAM;AAC5B,cAAQ,SAAS,YAAY;AAAA,IAC/B;AACA,WAAOmB,aAAAA,uBAAuB,gBAAgB,SAAS,YAAY,OAAO;AAAA,EAC5E,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EAAA,CACD;AACD,QAAM,sBAAsBnB,MAAAA;AAAAA,IAC1B,MACEoB,aAAAA,4BAA4B,gBAAgB,YAAY,KAAK,QAAQ;AAAA,IACvE,CAAC,gBAAgB,YAAY,KAAK,QAAQ;AAAA,EAAA;AAE5C,QAAM,cAAcC,uBAAAA,gBAAe,2BAAgB,SAAhB,mBAAsB,UAAtB,mBAA6B,GAAG;AACnE,QAAM,qBAAqBrB,MAAAA;AAAAA,IACzB,MACE,gBAAgB,YACZsB,eAAAA;AAAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OACE,gBAAgB,UAAU,gBAAgB,QACtC,eACA;AAAA,QACN,GAAG,gBAAgB;AAAA,MAAA;AAAA,MAErB;AAAA,IAAA,IAEF;AAAA,IACN,CAAC,gBAAgB,WAAW,SAAS;AAAA,EAAA;AAEvC,QAAM,mBAAmBtB,MAAAA,QAAQ,MAAM;AACrC,UAAM,OAAO,gBAAgB,QAAQ;AAAA,MAAI,CAAC,WACxCsB,qCAAsB,QAAQ,SAAS;AAAA,IAAA;AAEzC,SAAI,yDAAoB,eAAc,YAAY;AAChD,WAAK,KAAK,kBAAkB;AAAA,IAC9B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,oBAAoB,gBAAgB,SAAS,SAAS,CAAC;AAC3D,QAAM,cAActB,MAAAA;AAAAA,IAClB,MACE,OAAO;AAAA,MACL,eACG,OAAO,CAAC,cAAA;;AAAc,iBAAAO,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA,OAAQ,EAC9D,IAAI,CAAC,cAAc;AAAA,QAClB,UAAU;AAAA,QACVgB,sBAAAA,sBAAsB,QAAQ,UAAU,IAAI,KAAK,EAAE;AAAA,MAAA,CACpD;AAAA,IAAA;AAAA,IAEP,CAAC,SAAS,cAAc;AAAA,EAAA;AAE1B,QAAM,qBAAqBC,MAAAA;AAAAA,IACzB,CAAC,EAAE,KAAK,OAAO,WAA6B;AAC1C,UACE,CAAC,eAAe;AAAA,QACd,CAAC;;AACC,2BAAU,SAAS,SAAOjB,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA;AAAA,MAAA,GAE9D;AACA,cAAM,IAAI;AAAA,UACR,2DAA2D,GAAG;AAAA,QAAA;AAAA,MAElE;AAEA,iBAAW,CAAC,YAAY;AACtB,cAAM,WAAWgB,sBAAAA,sBAAsB,QAAQ,GAAG,KAAK,EAAE;AACzD,YAAI,SAAS,QAAW;AACtB,iBAAO,SAAS,KAAK;AAAA,QACvB,OAAO;AACL,mBAAS,KAAK,IAAI;AAAA,QACpB;AAEA,cAAM,OAAO,EAAE,GAAG,QAAA;AAClB,cAAM,aAAaE,sBAAAA,0BAA0B,QAAQ;AACrD,YAAI,YAAY;AACd,eAAK,GAAG,IAAI;AAAA,QACd,OAAO;AACL,iBAAO,KAAK,GAAG;AAAA,QACjB;AAEA,cAAM,SAAS,eAAe;AAAA,UAC5B,CAAC,cAAA;;AAAc,qBAAAlB,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA;AAAA,QAAA;AAEjD,YAAI,OAAQ,MAAK,OAAO,IAAI,IAAI;AAChC,cAAM,SAASmB,YAAAA,oBAAoB,cAAc;AACjD,YAAI,OAAQ,MAAK,MAAM,IAAI;AAC3B,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,cAAc;AAAA,EAAA;AAEjB,QAAM,qBAAqB1B,MAAAA;AAAAA,IACzB,OAAO;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,GAAI,gBAAgB,SAAS,EAAE,QAAQ,gBAAgB,OAAA,IAAW,CAAA;AAAA,MAClE,GAAI,gBAAgB,cACpB,yDAAoB,eAAc,aAC9B,EAAE,WAAW,gBAAgB,cAC7B,CAAA;AAAA,IAAC;AAAA,IAEP;AAAA,MACE;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,yDAAoB;AAAA,MACpB;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,YAAY,CAAC,CAAC;AACpB,MAAI;AACJ,MAAI,CAAC,KAAK,YAAY;AACpB,QAAI,KAAK,SAAS;AAChB,kBAAY,KAAK;AAAA,IACnB,aAAW,UAAK,aAAL,mBAAe,aAAY,OAAO;AAC3C,kBAAY,IAAI2B,UAAAA;AAAAA,QACd,KAAK,SAAS,SACZ,KAAK,SAAS,WACd,KAAK,SAAS,UACd,iCAAiC,KAAK,SAAS,SAAS;AAAA,QAC1D;AAAA,UACE,QAAQ,6CAAc;AAAA,UACtB,KAAK,KAAK,SAAS;AAAA,UACnB,cAAc,KAAK,SAAS;AAAA,UAC5B,cAAc,KAAK,SAAS;AAAA,UAC5B,iBAAiB,KAAK,SAAS;AAAA,QAAA;AAAA,MACjC;AAAA,IAEJ;AAAA,EACF;AACA,QAAM,aACJ,cAAc,SACV,YAAY,WAAW,mBAAkB,6CAAc,SAAQ,EAAE,EAAE,IACnE;AACN,QAAM,kBAAgB,UAAK,aAAL,mBAAe,aAAY,QAAQ,OAAO,KAAK;AAKrE,QAAM,kBAAkBC,uBAAAA,oBAAoB,KAAK,MAAM,KAAK,UAAU;AACtE,QAAM,oBACJ,KAAK,UACJ,CAAC,mBAAmB,gBAAgB,mBACjC;AAAA,IACE,OAAO;AAAA,IACP,SACE;AAAA,EAAA,IAEJ;AACN,QAAM,cACJ,iBAAiB,oBAAoB,CAAC,kBAClCC,uBAAAA;AAAAA,IACE;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,EAAA,IAEF;AACN,QAAM,sBAAsB,cACxB,YAAY,WACZ;AAIJ,QAAM,oBACJ,eAAe,YAAY,aAAa,KAAK,sBACzC;AAAA,IACE,GAAG;AAAA,IACH,QAAQ,oBAAoB,SAAS,KAAK,YAAY;AAAA,IACtD,eAAe;AAAA,EAAA,IAEjB;AACN,QAAM,YAAY,KAAK,WACnB,EAAE,OAAO,KAAK,OAAO,UAAU,KAAK,SAAA,IACpC,CAAA;AACJ,MAAI,aAAc,aAAa,KAAK,aAAa,KAAK,YAAY,MAAO;AACvE,WACEC,+BAACC,QAAAA,WAAQ,SAAQ,YAAW,OAAO,WAAW,WAAW,KAAK,IAAA,CAAK;AAAA,EAEvE;AAEA,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,MAKV,UAAA;AAAA,QAAAF,2BAAAA;AAAAA,UAACG,wBAAAA;AAAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,kBAAkB;AAAA,YAClB;AAAA,YACA,sBAAsB,eAAe,IAAI,CAAC,cAAc,UAAU,IAAI;AAAA,YACtE;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAI,oBAAmB,2DAAqB,UAAS,OAClD;AAAA,cACE,eAAe;AAAA,gBACb,IAAI;AAAA,gBACJ,OAAO,oBAAoB;AAAA,cAAA;AAAA,YAC7B,IAEF,CAAA;AAAA,YACJ,gBAAgB,MAAM;AACpB,gCAAkB,CAAA,CAAE;AACpB,8BAAgB,CAAA,CAAE;AAClB,iCAAmB,MAAS;AAAA,YAC9B;AAAA,YACA,YAAY,MAAM,KAAK,QAAA;AAAA,YACtB,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,YAC9C,GAAI,sBACD,EAAE,uBAAuB,oBAAA,IACzB,CAAA;AAAA,YACH,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,YAC1C,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,YAC5B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,YACpC,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,YACvC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,YACCH,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBAAiB,aAAU,6BACvC,UAAA,gBACC;AAAA,UACE,IAAI;AAAA,YACF,YAAY,cAAc,WAAW,KAAK,qBAAqB,6CAAc,IAAI,mDAAmD,6CAAc,IAAI;AAAA,UAAA;AAAA,UAExJ;AAAA,QAAA,IAGFE,2BAAAA,KAAAE,qBAAA,EACG,UAAA;AAAA,UAAA,iBAAiB,oBAChBJ,2BAAAA;AAAAA,YAACK,6BAAAA;AAAAA,YAAA;AAAA,cACC,QAAQ,KAAK;AAAA,cACb,OAAO;AAAA,cACP,aAAa,kBAAkB,IAAI,KAAK;AAAA,cACxC,aAAY,2CAAa,eAAc;AAAA,cACvC,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,WAGZ,MAAM;AACN,kBAAM,cACJL,2BAAAA;AAAAA,cAACM,oBAAAA;AAAAA,cAAA;AAAA,gBACC,UAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,gBAAgB,WAAW,WAAW,KAAK;AAAA,gBAC3C,cAAa;AAAA,gBACb,WAAW,GAAG,WAAW,KAAK;AAAA,gBAC9B,WAAU;AAAA,gBACV;AAAA,gBACC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,gBACxC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,gBAC9C,GAAI,mBAAmB,SAAS,IAC7B;AAAA,kBACE,cAAc;AAAA,oBACZ;AAAA,oBACA,mBAAmB,CACjB,KACA,SACG;AACH,wCAAkB,GAAG;AACrB,sCAAgB,IAAI;AACpB,yCAAmB,MAAS;AAAA,oBAC9B;AAAA,oBACA,IAAI,2DAAqB,UAAS,QAClC,oBAAoB,kBAAkB,OAClC;AAAA,sBACE,gBAAgB;AAAA,wBACd,GAAI,kBACA,EAAE,gBAAA,IACF,CAAA;AAAA,wBACJ,MACE,iBACA,WAAW,MAAM,kBAAA;AAAA,wBACnB,QAAQ;AAAA,0BACN;AAAA,4BACE,IAAI;AAAA,4BACJ,OAAO,oBAAoB;AAAA,4BAC3B,aAAa,MACX,mBAAmB,cAAc;AAAA,0BAAA;AAAA,wBACrC;AAAA,sBACF;AAAA,oBACF,IAEF,CAAA;AAAA,oBACJ,UAAU,CAAC,QAAmB;AAC5B,4BAAM,KAAKC,cAAAA,eAAe,GAAG;AAC7B,0BAAI,CAAC,IAAI;AACP,8BAAM,IAAI;AAAA,0BACR;AAAA,wBAAA;AAAA,sBAEJ;AACA,6BAAO;AAAA,oBACT;AAAA,oBACA,iBAAiB,CAAC,QAChBA,cAAAA,eAAe,GAAG,KAAK;AAAA,kBAAA;AAAA,gBAC3B,IAEF,CAAA;AAAA,gBACJ,cAAc;AAAA,gBACb,GAAI,aAAa,EAAE,OAAO,WAAA,IAAe,CAAA;AAAA,gBACzC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,gBAC1C,GAAI,oBACD,EAAE,YAAY,kBAAA,IACd,CAAA;AAAA,gBACH,GAAI,gBAAgB,OACjB,EAAE,MAAM,gBAAgB,KAAA,IACxB,CAAA;AAAA,gBACH,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,gBAC9B,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,gBAC5C,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,gBACxC,GAAI,UAAU,EAAE,eAAe,QAAA,IAAY,CAAA;AAAA,gBAC3C,GAAI,iBAAiB,EAAE,aAAa,eAAA,IAAmB,CAAA;AAAA,gBACvD,GAAI,sBACD,EAAE,kBAAkB,oBAAA,IACpB,CAAA;AAAA,gBACH,GAAI,iBACD,EAAE,mBAAmB,eAAA,IACrB,CAAA;AAAA,gBACH,GAAG;AAAA,cAAA;AAAA,YAAA;AAGR,mBAAO,iBACH,eAAe;AAAA,cACb,UAAU,KAAK;AAAA,cACf,SAAS,KAAK;AAAA,cACd;AAAA,cACA,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMd,GAAI,sBACA,EAAE,YAAY,oBAAA,IACd,CAAA;AAAA,cACJ,GAAI,gBAAgB,OAChB,EAAE,MAAM,gBAAgB,KAAA,IACxB,CAAA;AAAA,cACJ,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,cAC9B,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,cAClC,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,cAC5C,GAAI,UAAU,EAAE,eAAe,QAAA,IAAY,CAAA;AAAA,cAC3C,GAAI,iBAAiB,EAAE,aAAa,eAAA,IAAmB,CAAA;AAAA,cACvD,GAAI,sBACA,EAAE,kBAAkB,oBAAA,IACpB,CAAA;AAAA,cACJ,GAAI,iBACA,EAAE,mBAAmB,eAAA,IACrB,CAAA;AAAA,cACJ,GAAG;AAAA,YAAA,CACJ,IACD;AAAA,UACN,GAAA;AAAA,QAAG,EAAA,CACL,GAEJ,IAEAP,2BAAAA;AAAAA,UAACQ,aAAAA;AAAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"version":3,"file":"OperationCatalog.cjs","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useOperationPages } from \"./useOperationPages\";\nimport { filterOperationsByDomain } from \"./classify\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceCollectionActions,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n  ClickyRemoteFormat,\n  ClickyRow,\n  ClickyRowDetailRenderer,\n  ClickyCellRenderers,\n  ClickyRowCardRenderer,\n  ClickyRowDetailTitle,\n} from \"../data/Clicky\";\nimport type { ModalSize } from \"../overlay/Modal\";\nimport type { CellFilterChange } from \"../data/cells/CellFilterActions\";\nimport { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationCatalogActions } from \"./OperationCatalogActions\";\nimport { OperationsApiClientError } from \"./apiClient\";\nimport { renderOperationError } from \"./operationErrorDiagnostics\";\nimport {\n  OperationResultView,\n  type OperationResultFilterConfig,\n  type ResultRenderer,\n} from \"./OperationResultView\";\nimport { type FormActionsRenderer } from \"./SchemaActionForm\";\nimport {\n  applyFilterExtensions,\n  type FilterExtension,\n} from \"../components/filter-bar-utils\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport {\n  type DomainDefinition,\n  type ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packLookupParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\nimport { cursorParameterName, useCursorStaleRecovery } from \"./cursorStale\";\nimport { useOperationFilterSearch } from \"./operationFilterSearch\";\nimport {\n  parseMultiFilterValue,\n  serializeMultiFilterValue,\n} from \"../data/data-table-filter-values\";\nimport { Loading } from \"../components/loading\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { useOperationCatalogFilterState } from \"./operationCatalogFilterState\";\nimport {\n  followRowOrder,\n  mergeFollowRowsIntoResponse,\n  partitionFollowRows,\n} from \"./operationCatalogFollow\";\nimport { OperationCatalogFollowStatus } from \"./OperationCatalogFollowStatus\";\nimport { useOperationCatalogFollow, type OperationCatalogFollowOption } from \"./useOperationCatalogFollow\";\nimport type { LogTailError } from \"../hooks/use-log-tail\";\nimport {\n  markUnavailableRows,\n  operationLookupQuery,\n  pickerTableRowSelection,\n  type OperationCatalogRowSelection,\n} from \"./operationCatalogRowSelection\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  surfaceKey?: string;\n  // Domain-specific filter decorators (e.g. stamp an entity icon by filter\n  // name). Composed in array order; mirrors JsonSchemaForm's `pre`.\n  filterPre?: FilterExtension[];\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n  renderError?: (err: unknown, title: string) => ReactNode;\n  commandRuntime?: ClickyCommandRuntime;\n  // Custom JsonSchemaForm field extensions forwarded to the create/edit form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions for the create/edit form (e.g. a connection\n  // \"Test\" button).\n  formActions?: FormActionsRenderer;\n  actionLabels?: Record<string, string>;\n  // Optional host override for the result surface, keyed off the current surface.\n  // Receives the default OperationResultView so non-overridden surfaces render\n  // unchanged.\n  resultRenderer?: ResultRenderer;\n  /**\n   * Portal target for the collection action bar (Create, bulk actions). When\n   * set, the bar renders into this element — typically an app shell's\n   * `bodyActions` slot — instead of inline under the catalog header.\n   *\n   * A portal rather than a render-prop because the bar owns its own dialog\n   * state and closes over the catalog's live filters and list query; moving the\n   * element would sever both. Falls back to inline rendering when null, so\n   * existing consumers are unaffected.\n   */\n  actionsContainer?: Element | null;\n  getRowDetailHref?: (id: string) => string | undefined;\n  actionInitialValues?: Record<string, Record<string, string>>;\n  /** Plural noun used by the cross-page selection notice. */\n  selectionNoun?: string;\n  /**\n   * Parameter values pinned by the host — sent on every list request, every\n   * filter lookup (both `client.lookupFilters` and per-filter type-ahead), and\n   * every export/download URL. Never rendered as an editable filter chip or\n   * form field, and never round-tripped through the URL: the host, not the\n   * reader, owns them (e.g. the `stream` a trace-results panel is scoped to).\n   */\n  lockedValues?: Record<string, string>;\n  /**\n   * Editable seed values for filters the URL has no value for yet — e.g. a\n   * database filter that should start at the host's current environment but\n   * stay changeable. Applied per-key only when the URL is silent on that key\n   * (a URL value always wins), still rendered as an ordinary editable filter\n   * field, and never sent as a locked value or written back to the URL as\n   * anything other than the resulting filter edit. Unlike `lockedValues`,\n   * these seed the FilterBar's own state, not an overlay on top of it.\n   */\n  initialValues?: Record<string, string>;\n  /**\n   * Controls whether list filters/pagination/sort read and write the URL.\n   * Omit for today's behaviour: unprefixed query params. `false` neither\n   * reads nor writes the URL — for a catalog embedded where the host owns the\n   * whole URL. `{ prefix }` reads and writes only `<prefix>.<name>` keys, so\n   * the catalog can live inside a host route with its own `?step=`/`?tab=`\n   * params without colliding.\n   */\n  urlState?: false | { prefix: string };\n  /** Omit to infer cursor walking automatically; set when a host requires a specific paging presentation. */\n  paginationMode?: \"paged\" | \"infinite\";\n  /** Poll the current server page while it can change, in milliseconds. */\n  refreshIntervalMs?: number;\n  /** Column names retained in raw rows for detail rendering but omitted from the table. */\n  hiddenColumns?: string[];\n  /**\n   * Host row-detail configuration for the result table. `render` receives raw\n   * row values keyed by column name, including columns hidden from `columns`\n   * — see `ClickyRowDetailRenderer`. Never disturbs server paging, filters,\n   * sort or export.\n   */\n  rowDetail?: {\n    render: ClickyRowDetailRenderer;\n    /** How the detail is surfaced when a row is clicked. Defaults to \"row\". */\n    style?: \"row\" | \"dialog\";\n    /** Dialog size when `style` is \"dialog\". Defaults to DataTable's \"lg\". */\n    dialogSize?: ModalSize;\n    /** Dialog title when `style` is \"dialog\", given the same raw row values as `render`. */\n    title?: ClickyRowDetailTitle;\n  };\n  /** Override selected result table cells using raw server values. */\n  cellRenderers?: ClickyCellRenderers;\n  /** Render each list result as a card from its raw row values. */\n  rowCard?: ClickyRowCardRenderer;\n  /**\n   * Follows the surface's list results live over the commons-db sessions SSE\n   * API instead of polling: rows the server has appended since the last\n   * fetch appear in the table without a refetch. Requires the list\n   * operation to advertise a session-start operation (`POST\n   * <listPath>/sessions`) in the loaded OpenAPI document — when it does not,\n   * the catalog fails loudly with an explicit error naming the surface\n   * rather than silently rendering as if `follow` had never been set.\n   *\n   * The session opens with the same locked values and active filters the\n   * list request itself sends, and restarts whenever either changes.\n   * Pass `{ maxRows }` to size the in-memory live buffer (default 5,000 —\n   * see `useLogTail`); older rows are evicted and counted as `dropped`.\n   */\n  follow?: OperationCatalogFollowOption;\n  /**\n   * Turns the catalog into a picker: every row gets a checkbox, a row click\n   * toggles it instead of opening the detail page, and the surface's action\n   * bar (create and bulk actions) is not rendered — the host owns the\n   * selection and what happens to it. Requires a list operation.\n   */\n  rowSelection?: OperationCatalogRowSelection;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\nconst EMPTY_LOCKED_VALUES: Record<string, string> = {};\nconst EMPTY_INITIAL_VALUES: Record<string, string> = {};\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = renderOperationError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n  getRowDetailHref,\n  actionInitialValues,\n  selectionNoun,\n  lockedValues = EMPTY_LOCKED_VALUES,\n  initialValues = EMPTY_INITIAL_VALUES,\n  urlState,\n  paginationMode,\n  refreshIntervalMs,\n  hiddenColumns,\n  rowDetail,\n  cellRenderers,\n  rowCard,\n  follow,\n  rowSelection,\n}: OperationCatalogProps) {\n  const renderRowDetail = rowDetail?.render;\n  const rowDetailStyle = rowDetail?.style;\n  const rowDetailDialogSize = rowDetail?.dialogSize;\n  const rowDetailTitle = rowDetail?.title;\n  const { operations, spec, isLoading } = useOperations(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const surfaceOps = useMemo(\n    () => filterOperationsBySurface(operations, surfaceKey),\n    [operations, surfaceKey]\n  );\n  const useSurfaceMetadata = surfaceOps.length > 0;\n\n  const domainOps = useMemo(() => {\n    if (useSurfaceMetadata) return surfaceOps;\n    return allOperations\n      ? operations\n      : filterOperationsByDomain(operations, entities);\n  }, [allOperations, entities, operations, surfaceOps, useSurfaceMetadata]);\n\n  const listEndpoint = useMemo(() => {\n    if (!useSurfaceMetadata) return undefined;\n    return findSurfaceListOperation(domainOps, surfaceKey);\n  }, [domainOps, surfaceKey, useSurfaceMetadata]);\n  const detailOperation = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceDetailOperation(domainOps, surfaceKey)\n        : undefined,\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const listParameters = listEndpoint?.operation.parameters ?? [];\n  const { filters, setFilters, effectiveFilters } =\n    useOperationCatalogFilterState({\n      listParameters,\n      lockedValues,\n      urlState,\n      initialValues,\n    });\n  const [selectedRowIds, setSelectedRowIds] = useState<string[]>([]);\n  const [selectedRows, setSelectedRows] = useState<ClickyRow[]>([]);\n  const [selectedScopeId, setSelectedScopeId] = useState<string>();\n  const membershipFilterParameterNames = useMemo(\n    () =>\n      listParameters\n        .filter(\n          (parameter) =>\n            ![\"limit\", \"offset\", \"cursor\", \"sort\", \"order\"].includes(\n              parameter[\"x-clicky\"]?.role ?? \"\"\n            )\n        )\n        .map((parameter) => parameter.name),\n    [listParameters]\n  );\n  const membershipFilterKey = useMemo(\n    () =>\n      JSON.stringify(\n        membershipFilterParameterNames.map((name) => [\n          name,\n          filters[name] ?? \"\",\n        ])\n      ),\n    [filters, membershipFilterParameterNames]\n  );\n  const previousMembershipFilterKey = useRef(membershipFilterKey);\n  useEffect(() => {\n    if (previousMembershipFilterKey.current !== membershipFilterKey) {\n      setSelectedRowIds([]);\n      setSelectedRows([]);\n      setSelectedScopeId(undefined);\n      previousMembershipFilterKey.current = membershipFilterKey;\n    }\n  }, [membershipFilterKey]);\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(effectiveFilters, listParameters),\n    [effectiveFilters, listParameters]\n  );\n  const download = useMemo<ClickyDownloadOptions | undefined>(() => {\n    const meta = listEndpoint?.operation[\"x-clicky\"]?.export;\n    if (!meta) return undefined;\n    return {\n      label: definition.title,\n      ...(meta.formats\n        ? { formats: meta.formats as ClickyRemoteFormat[] }\n        : {}),\n      ...(meta.scopes ? { scopes: meta.scopes } : {}),\n      ...(meta.allRowsMode ? { allRowsMode: meta.allRowsMode } : {}),\n      ...(meta.formatMaxRows\n        ? {\n            formatMaxRows: meta.formatMaxRows as Partial<\n              Record<ClickyRemoteFormat, number>\n            >,\n          }\n        : {}),\n    };\n  }, [definition.title, listEndpoint]);\n\n  const list = useOperationPages({\n    client,\n    endpoint: listEndpoint,\n    parameters: listParameters,\n    filters: effectiveFilters,\n    ...(paginationMode ? { paginationMode } : {}),\n    ...(refreshIntervalMs !== undefined ? { refreshIntervalMs } : {}),\n  });\n\n  const { followEnabled, sessionOperation, followMissing, tail } =\n    useOperationCatalogFollow({\n      follow,\n      operations,\n      listEndpoint,\n      listParameters,\n      effectiveFilters,\n      showTable: !!listEndpoint,\n    });\n  const reconcileFollow = typeof follow === \"object\" && follow?.mode === \"reconcile\";\n  const refetchList = useRef(list.refetch);\n  refetchList.current = list.refetch;\n  const onReconcile = useRef(reconcileFollow ? follow.onReconcile : undefined);\n  onReconcile.current = reconcileFollow ? follow.onReconcile : undefined;\n  useEffect(() => {\n    if (!reconcileFollow || tail.lastSequence === null) return;\n    const sequence = tail.lastSequence;\n    const timer = setTimeout(() => {\n      refetchList.current();\n      onReconcile.current?.(sequence);\n    }, 250);\n    return () => clearTimeout(timer);\n  }, [reconcileFollow, tail.lastSequence]);\n\n  useCursorStaleRecovery({\n    error: list.error,\n    parameters: listParameters,\n    values: filters,\n    setValues: setFilters,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    ...operationLookupQuery(client, listEndpoint, lookupParameters),\n    enabled: !!listEndpoint && !!client.lookupFilters,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const actionOps = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceCollectionActions(domainOps, surfaceKey)\n        : [],\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const selectionActionOps = useMemo(\n    () =>\n      actionOps.filter(\n        (operation) => getOperationClickyMeta(operation)?.supportsFilterMode\n      ),\n    [actionOps]\n  );\n  const collectionActionOps = useMemo(\n    () =>\n      actionOps.filter(\n        (operation) => !getOperationClickyMeta(operation)?.supportsFilterMode\n      ),\n    [actionOps]\n  );\n\n  const lookupSearch = useOperationFilterSearch(\n    client,\n    listEndpoint,\n    effectiveFilters,\n    listParameters\n  );\n\n  const filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n      lookupSearch,\n      components: filterShapes,\n      lockedValues,\n      hideLocked: true,\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [\n    filters,\n    filterShapes,\n    listParameters,\n    lockedValues,\n    lookupQuery.data,\n    lookupSearch,\n  ]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, list.response),\n    [filterBarConfig.pagination, list.response]\n  );\n  const followOrder = followRowOrder(filterBarConfig.sort?.value?.dir);\n  const decoratedTimeRange = useMemo(\n    () =>\n      filterBarConfig.timeRange\n        ? applyFilterExtensions(\n            {\n              key: \"timeRange\",\n              kind: \"date-range\",\n              label:\n                filterBarConfig.timeRange.timeEnabled === false\n                  ? \"Date range\"\n                  : \"Time range\",\n              ...filterBarConfig.timeRange,\n            },\n            filterPre\n          )\n        : undefined,\n    [filterBarConfig.timeRange, filterPre]\n  );\n  const decoratedFilters = useMemo(() => {\n    const next = filterBarConfig.filters.map((filter) =>\n      applyFilterExtensions(filter, filterPre)\n    );\n    if (decoratedTimeRange?.placement === \"overflow\") {\n      next.push(decoratedTimeRange);\n    }\n    return next;\n  }, [decoratedTimeRange, filterBarConfig.filters, filterPre]);\n  const cellFilters = useMemo(\n    () =>\n      Object.fromEntries(\n        listParameters\n          .filter((parameter) => parameter[\"x-clicky\"]?.role === \"filter\")\n          .map((parameter) => [\n            parameter.name,\n            parseMultiFilterValue(filters[parameter.name] ?? \"\"),\n          ])\n      ),\n    [filters, listParameters]\n  );\n  const onCellFilterChange = useCallback(\n    ({ key, value, mode }: CellFilterChange) => {\n      if (\n        !listParameters.some(\n          (parameter) =>\n            parameter.name === key && parameter[\"x-clicky\"]?.role === \"filter\"\n        )\n      ) {\n        throw new Error(\n          `Clicky table column references unknown filter parameter ${key}`\n        );\n      }\n\n      setFilters((current) => {\n        const selected = parseMultiFilterValue(current[key] ?? \"\");\n        if (mode === undefined) {\n          delete selected[value];\n        } else {\n          selected[value] = mode;\n        }\n\n        const next = { ...current };\n        const serialized = serializeMultiFilterValue(selected);\n        if (serialized) {\n          next[key] = serialized;\n        } else {\n          delete next[key];\n        }\n\n        const offset = listParameters.find(\n          (parameter) => parameter[\"x-clicky\"]?.role === \"offset\"\n        );\n        if (offset) next[offset.name] = \"0\";\n        const cursor = cursorParameterName(listParameters);\n        if (cursor) next[cursor] = \"\";\n        return next;\n      });\n    },\n    [listParameters]\n  );\n  const resultFilterConfig = useMemo<OperationResultFilterConfig>(\n    () => ({\n      filters: decoratedFilters,\n      cellFilters,\n      onCellFilterChange,\n      ...(filterBarConfig.search ? { search: filterBarConfig.search } : {}),\n      ...(filterBarConfig.timeRange &&\n      decoratedTimeRange?.placement !== \"overflow\"\n        ? { timeRange: filterBarConfig.timeRange }\n        : {}),\n    }),\n    [\n      cellFilters,\n      decoratedFilters,\n      filterBarConfig.search,\n      filterBarConfig.timeRange,\n      decoratedTimeRange?.placement,\n      onCellFilterChange,\n    ]\n  );\n\n  const pickerSelection = useMemo(\n    () =>\n      rowSelection\n        ? pickerTableRowSelection(rowSelection, effectiveFilters)\n        : undefined,\n    [effectiveFilters, rowSelection]\n  );\n\n  const showTable = !!listEndpoint;\n  if (rowSelection && !isLoading && !showTable) {\n    throw new Error(\n      `OperationCatalog rowSelection needs a list operation, but surface \"${surfaceKey ?? definition.title}\" has none`\n    );\n  }\n  let listError: unknown;\n  if (!list.isFetching) {\n    if (list.isError) {\n      listError = list.error;\n    } else if (list.response?.success === false) {\n      listError = new OperationsApiClientError(\n        list.response.error ||\n          list.response.message ||\n          list.response.stderr ||\n          `Command failed with exit code ${list.response.exit_code}`,\n        {\n          method: listEndpoint?.method,\n          url: list.response.requestUrl,\n          responseBody: list.response.stdout,\n          responseData: list.response.parsed,\n          responseHeaders: list.response.responseHeaders,\n        }\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(listError, `Failed to load ${listEndpoint?.path ?? \"\"}`)\n      : undefined;\n  const tableResponse = list.response?.success === false ? null : list.response;\n  // The presented ClickyRow rides next to each raw follow row (see\n  // LogTailEvent.clickyRow); a row-shaped event without one is a stream\n  // contract violation for a tabular follow surface, never guessed at as\n  // plain text, so it is surfaced as an error rather than merged.\n  const followPartition = partitionFollowRows(tail.rows, tail.clickyRows);\n  const followStreamError: LogTailError | null =\n    tail.error ??\n    (!reconcileFollow && followPartition.missingClickyRow\n      ? {\n          scope: \"stream\",\n          message:\n            \"a follow event arrived without its presented row (clickyRow) — the profile stopped sending it\",\n        }\n      : null);\n  const followMerge =\n    followEnabled && sessionOperation && !reconcileFollow\n      ? mergeFollowRowsIntoResponse(\n          tableResponse,\n          followPartition.rows,\n          followOrder\n        )\n      : undefined;\n  const unavailableRows = rowSelection?.unavailableRows;\n  const markRows = (response: ExecutionResponse | null) =>\n    response && unavailableRows\n      ? markUnavailableRows(response, unavailableRows)\n      : response;\n  const mergedTableResponse = markRows(\n    followMerge ? followMerge.response : tableResponse\n  );\n  // The last fetch's total undercounts once live rows have been folded in\n  // that it never saw — reported as a lower bound (\"gte\"), never restated as\n  // an exact count nobody promised.\n  const resultsPagination =\n    followMerge && followMerge.addedCount > 0 && dataTablePagination\n      ? {\n          ...dataTablePagination,\n          total: (dataTablePagination.total ?? 0) + followMerge.addedCount,\n          totalRelation: \"gte\" as const,\n        }\n      : dataTablePagination;\n  const walkProps = list.infinite\n    ? {\n        pages: unavailableRows\n          ? list.pages.map((page) => markUnavailableRows(page, unavailableRows))\n          : list.pages,\n        infinite: list.infinite,\n      }\n    : {};\n  if (isLoading || (showTable && list.isPending && list.response == null)) {\n    return (\n      <Loading variant=\"centered\" label={`Loading ${definition.title}…`} />\n    );\n  }\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-1 flex-col gap-2\"\n      data-slot=\"operation-catalog\"\n    >\n      {/* No title/description here by design: page headers and breadcrumbs are\n          the host's to define (e.g. an app shell's bodyHeader), so the catalog\n          never invents chrome the consumer would have to fight or duplicate. */}\n      {!rowSelection && <OperationCatalogActions\n        actions={collectionActionOps}\n        selectionActions={selectionActionOps}\n        filters={filters}\n        filterParameterNames={listParameters.map((parameter) => parameter.name)}\n        membershipFilterParameterNames={membershipFilterParameterNames}\n        selectedRowIds={selectedRowIds}\n        selectedRows={selectedRows}\n        {...(selectedScopeId && dataTablePagination?.total != null\n          ? {\n              selectedScope: {\n                id: selectedScopeId,\n                total: dataTablePagination.total,\n              },\n            }\n          : {})}\n        clearSelection={() => {\n          setSelectedRowIds([]);\n          setSelectedRows([]);\n          setSelectedScopeId(undefined);\n        }}\n        onExecuted={() => list.refetch()}\n        {...(actionsContainer ? { actionsContainer } : {})}\n        {...(actionInitialValues\n          ? { initialValuesByAction: actionInitialValues }\n          : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(formPre ? { formPre } : {})}\n        {...(formPost ? { formPost } : {})}\n        {...(formActions ? { formActions } : {})}\n        {...(actionLabels ? { actionLabels } : {})}\n        client={client}\n      />}\n\n      {showTable ? (\n        <div className=\"flex min-h-0 flex-1 flex-col\" data-slot=\"operation-catalog-results\">\n          {followMissing ? (\n            renderError(\n              new Error(\n                `Surface \"${surfaceKey ?? definition.title}\" set follow, but ${listEndpoint?.path} advertises no session to follow (expected POST ${listEndpoint?.path}/sessions)`\n              ),\n              \"Live follow is not available\"\n            )\n          ) : (\n            <>\n              {followEnabled && sessionOperation && (\n                <OperationCatalogFollowStatus\n                  status={tail.status}\n                  error={followStreamError}\n                  droppedRows={reconcileFollow ? 0 : tail.droppedRows}\n                  addedCount={followMerge?.addedCount ?? 0}\n                  className=\"mb-2\"\n                />\n              )}\n              {(() => {\n                const defaultView = (\n                  <OperationResultView\n                    response={mergedTableResponse}\n                    loading={list.isFetching}\n                    loadingMessage={`Loading ${definition.title} results…`}\n                    emptyMessage=\"No records returned\"\n                    ariaLabel={`${definition.title} results`}\n                    className=\"mt-0 h-full min-h-0 flex-1\"\n                    detailOperation={pickerSelection ? undefined : detailOperation}\n                    {...(hiddenColumns ? { hiddenColumns } : {})}\n                    {...(getRowDetailHref && !pickerSelection\n                      ? { getRowDetailHref }\n                      : {})}\n                    {...(pickerSelection\n                      ? { rowSelection: pickerSelection }\n                      : selectionActionOps.length > 0\n                      ? {\n                          rowSelection: {\n                            selectedRowIds,\n                            onSelectionChange: (\n                              ids: string[],\n                              rows: ClickyRow[]\n                            ) => {\n                              setSelectedRowIds(ids);\n                              setSelectedRows(rows);\n                              setSelectedScopeId(undefined);\n                            },\n                            ...(dataTablePagination?.total != null &&\n                            dataTablePagination.totalRelation === \"eq\"\n                              ? {\n                                  selectAllPages: {\n                                    ...(selectedScopeId\n                                      ? { selectedScopeId }\n                                      : {}),\n                                    noun:\n                                      selectionNoun ??\n                                      definition.title.toLocaleLowerCase(),\n                                    scopes: [\n                                      {\n                                        id: \"all-matching\",\n                                        total: dataTablePagination.total,\n                                        onSelectAll: () =>\n                                          setSelectedScopeId(\"all-matching\"),\n                                      },\n                                    ],\n                                  },\n                                }\n                              : {}),\n                            getRowId: (row: ClickyRow) => {\n                              const id = getClickyRowId(row);\n                              if (!id) {\n                                throw new Error(\n                                  \"Clicky bulk action row is missing an _id or id cell\"\n                                );\n                              }\n                              return id;\n                            },\n                            isRowSelectable: (row: ClickyRow) =>\n                              getClickyRowId(row) != null,\n                          },\n                        }\n                      : {})}\n                    filterConfig={resultFilterConfig}\n                    {...(tableError ? { error: tableError } : {})}\n                    {...(commandRuntime ? { commandRuntime } : {})}\n                    {...(resultsPagination\n                      ? { pagination: resultsPagination }\n                      : {})}\n                    {...(filterBarConfig.sort\n                      ? { sort: filterBarConfig.sort }\n                      : {})}\n                    {...(download ? { download } : {})}\n                    {...(renderRowDetail ? { renderRowDetail } : {})}\n                    {...(cellRenderers ? { cellRenderers } : {})}\n                    {...(rowCard ? { renderRowCard: rowCard } : {})}\n                    {...(rowDetailStyle ? { detailStyle: rowDetailStyle } : {})}\n                    {...(rowDetailDialogSize\n                      ? { detailDialogSize: rowDetailDialogSize }\n                      : {})}\n                    {...(rowDetailTitle\n                      ? { detailDialogTitle: rowDetailTitle }\n                      : {})}\n                    {...walkProps}\n                  />\n                );\n                return resultRenderer\n                  ? resultRenderer({\n                      response: list.response,\n                      loading: list.isFetching,\n                      defaultView,\n                      filterConfig: resultFilterConfig,\n                      // A renderer that replaces the table owns the whole surface,\n                      // pager and download menu included. Without these it can only\n                      // drop them, which is how a replaced view silently loses the\n                      // ability to reach page two — or, under a walk, page one's\n                      // rows the moment page two arrives.\n                      ...(dataTablePagination\n                        ? { pagination: dataTablePagination }\n                        : {}),\n                      ...(filterBarConfig.sort\n                        ? { sort: filterBarConfig.sort }\n                        : {}),\n                      ...(download ? { download } : {}),\n                      ...(surfaceKey ? { surfaceKey } : {}),\n                      ...(renderRowDetail ? { renderRowDetail } : {}),\n                      ...(rowCard ? { renderRowCard: rowCard } : {}),\n                      ...(rowDetailStyle ? { detailStyle: rowDetailStyle } : {}),\n                      ...(rowDetailDialogSize\n                        ? { detailDialogSize: rowDetailDialogSize }\n                        : {}),\n                      ...(rowDetailTitle\n                        ? { detailDialogTitle: rowDetailTitle }\n                        : {}),\n                      ...walkProps,\n                    })\n                  : defaultView;\n              })()}\n            </>\n          )}\n        </div>\n      ) : (\n        <EndpointList\n          operations={domainOps}\n          definition={definition}\n          renderLink={renderLink}\n          getCommandHref={getCommandHref}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["renderOperationError","useOperations","useMemo","filterOperationsBySurface","filterOperationsByDomain","findSurfaceListOperation","findSurfaceDetailOperation","useOperationCatalogFilterState","useState","_a","useRef","useEffect","packLookupParameterValues","useOperationPages","useOperationCatalogFollow","useCursorStaleRecovery","useQuery","operationLookupQuery","keepPreviousData","findSurfaceCollectionActions","getOperationClickyMeta","useOperationFilterSearch","parametersToFormConfig","dataTablePaginationFromForm","followRowOrder","applyFilterExtensions","parseMultiFilterValue","useCallback","serializeMultiFilterValue","cursorParameterName","pickerTableRowSelection","OperationsApiClientError","partitionFollowRows","mergeFollowRowsIntoResponse","markUnavailableRows","jsx","Loading","jsxs","OperationCatalogActions","Fragment","OperationCatalogFollowStatus","OperationResultView","getClickyRowId","EndpointList"],"mappings":"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"}