@flanksource/clicky-ui 0.3.10 → 0.3.11

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlay/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE3D,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAiBF,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,eAAuB,EACvB,UAAiB,EACjB,SAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,GACT,EAAE,UAAU,sCAyIZ"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/overlay/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASpE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEnE,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,+CAA+C;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;IAC7C,oEAAoE;IACpE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAkBF,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,OAAO,EACP,YAAoB,EACpB,KAAK,EACL,QAAQ,EACR,IAAW,EACX,eAAuB,EACvB,UAAiB,EACjB,SAAiB,EACjB,UAAiB,EACjB,SAAS,EACT,UAAU,EACV,MAAM,EACN,UAAiB,EACjB,QAAQ,GACT,EAAE,UAAU,sCA+JZ"}

package/dist/overlay/Modal.js

@@ -13,6 +13,7 @@ const sizeClass = {
   md: "max-w-md",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
+  "2xl": "max-w-6xl",
   full: "max-w-[95vw]"
 };
 const DEFAULT_CONFIRM = {
@@ -35,6 +36,7 @@ function Modal({
   className,
   headerSlot,
   footer,
+  scrollBody = true,
   children
 }) {
   const dialogRef = useRef(null);
@@ -130,8 +132,18 @@ function Modal({
               ] }),
               subtitle ? /* @__PURE__ */ jsx("div", { className: "mt-density-2", children: subtitle }) : null
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto px-density-4 py-density-3", children }),
-            footer && /* @__PURE__ */ jsx("div", { className: "px-density-4 py-density-3 border-t border-border", children: footer }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "data-slot": "modal-body",
+                className: cn(
+                  "flex-1 px-density-4 py-density-3",
+                  scrollBody ? "overflow-auto" : "flex min-h-0 flex-col overflow-hidden"
+                ),
+                children
+              }
+            ),
+            footer && /* @__PURE__ */ jsx("div", { "data-slot": "modal-footer", className: "px-density-4 py-density-3 border-t border-border", children: footer }),
             confirming && /* @__PURE__ */ jsx(
               ConfirmClosePrompt,
               {

package/dist/overlay/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { Button } from \"../components/button\";\nimport { UiClose, UiFullscreen, UiFullscreenFilled } from \"../icons\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\n/** Copy for the discard-confirmation prompt shown before a guarded close. */\nexport type ConfirmCloseOptions = {\n  /** Heading of the confirmation prompt. */\n  title?: ReactNode;\n  /** Body explaining what is lost on close. */\n  message?: ReactNode;\n  /** Label of the button that proceeds with closing. */\n  confirmLabel?: string;\n  /** Label of the button that dismisses the prompt and keeps the modal open. */\n  cancelLabel?: string;\n};\n\nexport type ModalProps = {\n  /** Controls whether the modal is mounted. */\n  open: boolean;\n  /** Called when the modal requests to close. */\n  onClose: () => void;\n  /**\n   * Guard every close path (close button, Escape, backdrop) behind a discard\n   * confirmation. `true` uses the default copy; pass options to customise it.\n   * `onClose` only fires once the user confirms. Set this while the modal holds\n   * unsaved edits and clear it (or pass `false`) once there is nothing to lose.\n   */\n  confirmClose?: boolean | ConfirmCloseOptions;\n  /** Header title and accessible dialog label when it is a string. */\n  title?: ReactNode;\n  /**\n   * Secondary header content rendered on its own row directly beneath the title.\n   * The title stays a single row alongside the expand/close buttons, so a tall\n   * subtitle (e.g. a tab switcher) never pushes those buttons down.\n   */\n  subtitle?: ReactNode;\n  /** Width/height preset for the dialog. */\n  size?: ModalSize;\n  /** Close when the backdrop is clicked. Off by default; close via Escape or the close button. */\n  closeOnBackdrop?: boolean;\n  /** Close when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /** Hide the close button. */\n  hideClose?: boolean;\n  /** Show an expand/restore button. */\n  expandable?: boolean;\n  /** Classes applied to the dialog panel. */\n  className?: string;\n  /** Extra header content rendered before the expand/close buttons. */\n  headerSlot?: ReactNode;\n  /** Footer content pinned below the scrollable body. */\n  footer?: ReactNode;\n  /** Modal body content. */\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-2xl\",\n  xl: \"max-w-4xl\",\n  full: \"max-w-[95vw]\",\n};\n\nconst DEFAULT_CONFIRM: Required<ConfirmCloseOptions> = {\n  title: \"Discard changes?\",\n  message: \"You have unsaved changes. Closing now will discard them.\",\n  confirmLabel: \"Discard\",\n  cancelLabel: \"Keep editing\",\n};\n\nexport function Modal({\n  open,\n  onClose,\n  confirmClose = false,\n  title,\n  subtitle,\n  size = \"md\",\n  closeOnBackdrop = false,\n  closeOnEsc = true,\n  hideClose = false,\n  expandable = true,\n  className,\n  headerSlot,\n  footer,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const { depth } = useModalStack(open);\n  const [expanded, setExpanded] = useState(false);\n  // When confirmClose is active, a close request opens this prompt instead of\n  // closing outright; onClose only fires once the user confirms the discard.\n  const [confirming, setConfirming] = useState(false);\n\n  // requestClose is the single entry point for every close affordance. With the\n  // guard on, it surfaces the confirmation; otherwise it closes immediately.\n  const requestClose = () => {\n    if (confirmClose) setConfirming(true);\n    else onClose();\n  };\n\n  useEffect(() => {\n    if (!open) {\n      setExpanded(false);\n      setConfirming(false);\n    }\n  }, [open]);\n\n  // A close guard that disappears mid-prompt (changes saved/reverted) should\n  // not leave a stale confirmation dialog up.\n  useEffect(() => {\n    if (!confirmClose) setConfirming(false);\n  }, [confirmClose]);\n\n  useEscapeLayer(\n    open,\n    () => {\n      // While the prompt is up, Escape dismisses the prompt rather than the modal.\n      if (confirming) setConfirming(false);\n      else requestClose();\n    },\n    closeOnEsc,\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!open) return null;\n\n  const overlay = (\n    <div\n      className={cn(\n        \"fixed inset-0 flex items-center justify-center p-density-2 sm:p-density-4\",\n        // Nested modals dim less so the dialog they opened over stays visible.\n        depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n      )}\n      // Sits in the modal band of the centralized z-index scale; +depth keeps\n      // nested modals above their parent. Floating content (dropdowns, tooltips)\n      // computes its z relative to this via useFloatingZIndex so it clears the\n      // modal instead of rendering behind it.\n      style={{ zIndex: zIndex.modal + depth * zIndex.modalStep }}\n      onClick={closeOnBackdrop ? requestClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        className={cn(\n          \"relative flex w-full flex-col rounded-lg border border-border bg-background shadow-xl\",\n          expanded ? sizeClass.full : sizeClass[size],\n          className,\n        )}\n        // Inline maxHeight (not an arbitrary Tailwind class) so the panel stays\n        // viewport-bounded even when a consumer's Tailwind build can't generate\n        // the dvh utility — e.g. www aliases clicky-ui to source but scans the\n        // published dist. When expanded, fill the viewport.\n        style={{\n          maxHeight: \"calc(100dvh - 2rem)\",\n          ...(expanded ? { height: \"calc(100dvh - 2rem)\" } : {}),\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {(title || subtitle || headerSlot || expandable || !hideClose) && (\n          <div className=\"px-density-4 py-density-3 border-b border-border\">\n            <div className=\"flex items-center gap-density-2\">\n              {title ? (\n                <h2 className=\"text-sm font-semibold flex-1\">{title}</h2>\n              ) : (\n                <span className=\"flex-1\" />\n              )}\n              {headerSlot}\n              {expandable && (\n                <button\n                  type=\"button\"\n                  onClick={() => setExpanded((v) => !v)}\n                  aria-label={expanded ? \"Restore size\" : \"Expand to fullscreen\"}\n                  className=\"text-muted-foreground hover:text-foreground\"\n                >\n                  <Icon icon={expanded ? UiFullscreenFilled : UiFullscreen} />\n                </button>\n              )}\n              {!hideClose && (\n                <button\n                  type=\"button\"\n                  onClick={requestClose}\n                  aria-label=\"Close\"\n                  className=\"text-muted-foreground hover:text-foreground\"\n                >\n                  <Icon icon={UiClose} />\n                </button>\n              )}\n            </div>\n            {subtitle ? <div className=\"mt-density-2\">{subtitle}</div> : null}\n          </div>\n        )}\n        <div className=\"flex-1 overflow-auto px-density-4 py-density-3\">{children}</div>\n        {footer && <div className=\"px-density-4 py-density-3 border-t border-border\">{footer}</div>}\n        {confirming && (\n          <ConfirmClosePrompt\n            options={confirmClose === true ? DEFAULT_CONFIRM : { ...DEFAULT_CONFIRM, ...confirmClose }}\n            onConfirm={() => {\n              setConfirming(false);\n              onClose();\n            }}\n            onCancel={() => setConfirming(false)}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  // Render into document.body so the fixed-position overlay escapes any ancestor\n  // transform/overflow (e.g. a dropdown menu positioned via a CSS transform),\n  // which would otherwise trap position:fixed inside that ancestor's box and clip\n  // the modal to it.\n  return typeof document !== \"undefined\" ? createPortal(overlay, document.body) : null;\n}\n\nfunction ConfirmClosePrompt({\n  options,\n  onConfirm,\n  onCancel,\n}: {\n  options: Required<ConfirmCloseOptions>;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center rounded-lg bg-background/80 p-density-4\"\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-label={typeof options.title === \"string\" ? options.title : \"Confirm close\"}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <div className=\"w-full max-w-sm rounded-lg border border-border bg-background p-density-4 shadow-xl\">\n        <h3 className=\"text-sm font-semibold\">{options.title}</h3>\n        <p className=\"mt-density-2 text-sm text-muted-foreground\">{options.message}</p>\n        <div className=\"mt-density-4 flex justify-end gap-density-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {options.cancelLabel}\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n            {options.confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { Button } from \"../components/button\";\nimport { UiClose, UiFullscreen, UiFullscreenFilled } from \"../icons\";\nimport { useEscapeLayer, useModalStack } from \"./modalStack\";\nimport { zIndex } from \"./zIndex\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\n/** Copy for the discard-confirmation prompt shown before a guarded close. */\nexport type ConfirmCloseOptions = {\n  /** Heading of the confirmation prompt. */\n  title?: ReactNode;\n  /** Body explaining what is lost on close. */\n  message?: ReactNode;\n  /** Label of the button that proceeds with closing. */\n  confirmLabel?: string;\n  /** Label of the button that dismisses the prompt and keeps the modal open. */\n  cancelLabel?: string;\n};\n\nexport type ModalProps = {\n  /** Controls whether the modal is mounted. */\n  open: boolean;\n  /** Called when the modal requests to close. */\n  onClose: () => void;\n  /**\n   * Guard every close path (close button, Escape, backdrop) behind a discard\n   * confirmation. `true` uses the default copy; pass options to customise it.\n   * `onClose` only fires once the user confirms. Set this while the modal holds\n   * unsaved edits and clear it (or pass `false`) once there is nothing to lose.\n   */\n  confirmClose?: boolean | ConfirmCloseOptions;\n  /** Header title and accessible dialog label when it is a string. */\n  title?: ReactNode;\n  /**\n   * Secondary header content rendered on its own row directly beneath the title.\n   * The title stays a single row alongside the expand/close buttons, so a tall\n   * subtitle (e.g. a tab switcher) never pushes those buttons down.\n   */\n  subtitle?: ReactNode;\n  /** Width/height preset for the dialog. */\n  size?: ModalSize;\n  /** Close when the backdrop is clicked. Off by default; close via Escape or the close button. */\n  closeOnBackdrop?: boolean;\n  /** Close when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /** Hide the close button. */\n  hideClose?: boolean;\n  /** Show an expand/restore button. */\n  expandable?: boolean;\n  /** Classes applied to the dialog panel. */\n  className?: string;\n  /** Extra header content rendered before the expand/close buttons. */\n  headerSlot?: ReactNode;\n  /** Footer content pinned below the scrollable body. */\n  footer?: ReactNode;\n  /**\n   * Whether the body scrolls its overflow. Default `true`. Set `false` when the\n   * body owns a single fill-height child that scrolls internally (e.g. a\n   * DataTable with a sticky header): the body becomes a non-scrolling flex\n   * column, so only that child's own scroll region moves.\n   */\n  scrollBody?: boolean;\n  /** Modal body content. */\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-2xl\",\n  xl: \"max-w-4xl\",\n  \"2xl\": \"max-w-6xl\",\n  full: \"max-w-[95vw]\",\n};\n\nconst DEFAULT_CONFIRM: Required<ConfirmCloseOptions> = {\n  title: \"Discard changes?\",\n  message: \"You have unsaved changes. Closing now will discard them.\",\n  confirmLabel: \"Discard\",\n  cancelLabel: \"Keep editing\",\n};\n\nexport function Modal({\n  open,\n  onClose,\n  confirmClose = false,\n  title,\n  subtitle,\n  size = \"md\",\n  closeOnBackdrop = false,\n  closeOnEsc = true,\n  hideClose = false,\n  expandable = true,\n  className,\n  headerSlot,\n  footer,\n  scrollBody = true,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const { depth } = useModalStack(open);\n  const [expanded, setExpanded] = useState(false);\n  // When confirmClose is active, a close request opens this prompt instead of\n  // closing outright; onClose only fires once the user confirms the discard.\n  const [confirming, setConfirming] = useState(false);\n\n  // requestClose is the single entry point for every close affordance. With the\n  // guard on, it surfaces the confirmation; otherwise it closes immediately.\n  const requestClose = () => {\n    if (confirmClose) setConfirming(true);\n    else onClose();\n  };\n\n  useEffect(() => {\n    if (!open) {\n      setExpanded(false);\n      setConfirming(false);\n    }\n  }, [open]);\n\n  // A close guard that disappears mid-prompt (changes saved/reverted) should\n  // not leave a stale confirmation dialog up.\n  useEffect(() => {\n    if (!confirmClose) setConfirming(false);\n  }, [confirmClose]);\n\n  useEscapeLayer(\n    open,\n    () => {\n      // While the prompt is up, Escape dismisses the prompt rather than the modal.\n      if (confirming) setConfirming(false);\n      else requestClose();\n    },\n    closeOnEsc,\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!open) return null;\n\n  const overlay = (\n    <div\n      className={cn(\n        \"fixed inset-0 flex items-center justify-center p-density-2 sm:p-density-4\",\n        // Nested modals dim less so the dialog they opened over stays visible.\n        depth === 0 ? \"bg-black/40\" : \"bg-black/20\",\n      )}\n      // Sits in the modal band of the centralized z-index scale; +depth keeps\n      // nested modals above their parent. Floating content (dropdowns, tooltips)\n      // computes its z relative to this via useFloatingZIndex so it clears the\n      // modal instead of rendering behind it.\n      style={{ zIndex: zIndex.modal + depth * zIndex.modalStep }}\n      onClick={closeOnBackdrop ? requestClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        className={cn(\n          \"relative flex w-full flex-col rounded-lg border border-border bg-background shadow-xl\",\n          expanded ? sizeClass.full : sizeClass[size],\n          className,\n        )}\n        // Inline maxHeight (not an arbitrary Tailwind class) so the panel stays\n        // viewport-bounded even when a consumer's Tailwind build can't generate\n        // the dvh utility — e.g. www aliases clicky-ui to source but scans the\n        // published dist. When expanded, fill the viewport.\n        style={{\n          maxHeight: \"calc(100dvh - 2rem)\",\n          ...(expanded ? { height: \"calc(100dvh - 2rem)\" } : {}),\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {(title || subtitle || headerSlot || expandable || !hideClose) && (\n          <div className=\"px-density-4 py-density-3 border-b border-border\">\n            <div className=\"flex items-center gap-density-2\">\n              {title ? (\n                <h2 className=\"text-sm font-semibold flex-1\">{title}</h2>\n              ) : (\n                <span className=\"flex-1\" />\n              )}\n              {headerSlot}\n              {expandable && (\n                <button\n                  type=\"button\"\n                  onClick={() => setExpanded((v) => !v)}\n                  aria-label={\n                    expanded ? \"Restore size\" : \"Expand to fullscreen\"\n                  }\n                  className=\"text-muted-foreground hover:text-foreground\"\n                >\n                  <Icon icon={expanded ? UiFullscreenFilled : UiFullscreen} />\n                </button>\n              )}\n              {!hideClose && (\n                <button\n                  type=\"button\"\n                  onClick={requestClose}\n                  aria-label=\"Close\"\n                  className=\"text-muted-foreground hover:text-foreground\"\n                >\n                  <Icon icon={UiClose} />\n                </button>\n              )}\n            </div>\n            {subtitle ? <div className=\"mt-density-2\">{subtitle}</div> : null}\n          </div>\n        )}\n        <div\n          data-slot=\"modal-body\"\n          className={cn(\n            \"flex-1 px-density-4 py-density-3\",\n            scrollBody\n              ? \"overflow-auto\"\n              : \"flex min-h-0 flex-col overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div data-slot=\"modal-footer\" className=\"px-density-4 py-density-3 border-t border-border\">\n            {footer}\n          </div>\n        )}\n        {confirming && (\n          <ConfirmClosePrompt\n            options={\n              confirmClose === true\n                ? DEFAULT_CONFIRM\n                : { ...DEFAULT_CONFIRM, ...confirmClose }\n            }\n            onConfirm={() => {\n              setConfirming(false);\n              onClose();\n            }}\n            onCancel={() => setConfirming(false)}\n          />\n        )}\n      </div>\n    </div>\n  );\n\n  // Render into document.body so the fixed-position overlay escapes any ancestor\n  // transform/overflow (e.g. a dropdown menu positioned via a CSS transform),\n  // which would otherwise trap position:fixed inside that ancestor's box and clip\n  // the modal to it.\n  return typeof document !== \"undefined\"\n    ? createPortal(overlay, document.body)\n    : null;\n}\n\nfunction ConfirmClosePrompt({\n  options,\n  onConfirm,\n  onCancel,\n}: {\n  options: Required<ConfirmCloseOptions>;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex items-center justify-center rounded-lg bg-background/80 p-density-4\"\n      role=\"alertdialog\"\n      aria-modal=\"true\"\n      aria-label={\n        typeof options.title === \"string\" ? options.title : \"Confirm close\"\n      }\n      onClick={(e) => e.stopPropagation()}\n    >\n      <div className=\"w-full max-w-sm rounded-lg border border-border bg-background p-density-4 shadow-xl\">\n        <h3 className=\"text-sm font-semibold\">{options.title}</h3>\n        <p className=\"mt-density-2 text-sm text-muted-foreground\">\n          {options.message}\n        </p>\n        <div className=\"mt-density-4 flex justify-end gap-density-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={onCancel}>\n            {options.cancelLabel}\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\" onClick={onConfirm}>\n            {options.confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/overlay/dropdownMenuContext.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const MENU_POPOVER_CLASS = "min-w-[8rem] rounded-md border border-border bg-popover py-1 shadow-md";
+const MenuContext = react.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: false
+});
+exports.MENU_POPOVER_CLASS = MENU_POPOVER_CLASS;
+exports.MenuContext = MenuContext;
+//# sourceMappingURL=dropdownMenuContext.cjs.map

package/dist/overlay/dropdownMenuContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuContext.cjs","sources":["../../src/overlay/dropdownMenuContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { UseInteractionsReturn } from \"@floating-ui/react\";\n\n// Shared popover shell class so the root menu and every flyout submenu match.\nexport const MENU_POPOVER_CLASS =\n  \"min-w-[8rem] rounded-md border border-border bg-popover py-1 shadow-md\";\n\n/**\n * Bridges a menu level to its item components: leaves and submenu triggers pull\n * `getItemProps` + roving-tabindex state from the enclosing menu. The root menu\n * provides it too, so the same item components serve every level.\n */\nexport type MenuContextValue = {\n  getItemProps: UseInteractionsReturn[\"getItemProps\"];\n  activeIndex: number | null;\n  setActiveIndex: (index: number | null) => void;\n  setHasFocusInside: (value: boolean) => void;\n  isOpen: boolean;\n};\n\nexport const MenuContext = createContext<MenuContextValue>({\n  getItemProps: () => ({}),\n  activeIndex: null,\n  setActiveIndex: () => {},\n  setHasFocusInside: () => {},\n  isOpen: false,\n});\n"],"names":["createContext"],"mappings":";;;AAIO,MAAM,qBACX;AAeK,MAAM,cAAcA,MAAAA,cAAgC;AAAA,EACzD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACV,CAAC;;;"}

package/dist/overlay/dropdownMenuContext.d.ts

@@ -0,0 +1,16 @@
+import { UseInteractionsReturn } from '@floating-ui/react';
+export declare const MENU_POPOVER_CLASS = "min-w-[8rem] rounded-md border border-border bg-popover py-1 shadow-md";
+/**
+ * Bridges a menu level to its item components: leaves and submenu triggers pull
+ * `getItemProps` + roving-tabindex state from the enclosing menu. The root menu
+ * provides it too, so the same item components serve every level.
+ */
+export type MenuContextValue = {
+    getItemProps: UseInteractionsReturn["getItemProps"];
+    activeIndex: number | null;
+    setActiveIndex: (index: number | null) => void;
+    setHasFocusInside: (value: boolean) => void;
+    isOpen: boolean;
+};
+export declare const MenuContext: import('react').Context<MenuContextValue>;
+//# sourceMappingURL=dropdownMenuContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuContext.d.ts","sourceRoot":"","sources":["../../src/overlay/dropdownMenuContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,eAAO,MAAM,kBAAkB,2EAC2C,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACpD,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,2CAMtB,CAAC"}

package/dist/overlay/dropdownMenuContext.js

@@ -0,0 +1,16 @@
+import { createContext } from "react";
+const MENU_POPOVER_CLASS = "min-w-[8rem] rounded-md border border-border bg-popover py-1 shadow-md";
+const MenuContext = createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: false
+});
+export {
+  MENU_POPOVER_CLASS,
+  MenuContext
+};
+//# sourceMappingURL=dropdownMenuContext.js.map

package/dist/overlay/dropdownMenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenuContext.js","sources":["../../src/overlay/dropdownMenuContext.ts"],"sourcesContent":["import { createContext } from \"react\";\nimport type { UseInteractionsReturn } from \"@floating-ui/react\";\n\n// Shared popover shell class so the root menu and every flyout submenu match.\nexport const MENU_POPOVER_CLASS =\n  \"min-w-[8rem] rounded-md border border-border bg-popover py-1 shadow-md\";\n\n/**\n * Bridges a menu level to its item components: leaves and submenu triggers pull\n * `getItemProps` + roving-tabindex state from the enclosing menu. The root menu\n * provides it too, so the same item components serve every level.\n */\nexport type MenuContextValue = {\n  getItemProps: UseInteractionsReturn[\"getItemProps\"];\n  activeIndex: number | null;\n  setActiveIndex: (index: number | null) => void;\n  setHasFocusInside: (value: boolean) => void;\n  isOpen: boolean;\n};\n\nexport const MenuContext = createContext<MenuContextValue>({\n  getItemProps: () => ({}),\n  activeIndex: null,\n  setActiveIndex: () => {},\n  setHasFocusInside: () => {},\n  isOpen: false,\n});\n"],"names":[],"mappings":";AAIO,MAAM,qBACX;AAeK,MAAM,cAAc,cAAgC;AAAA,EACzD,cAAc,OAAO,CAAA;AAAA,EACrB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,QAAQ;AACV,CAAC;"}

package/dist/rpc/CommandOutput.cjs

@@ -28,7 +28,9 @@ function CommandOutput({
   search,
   timeRange,
   externalFilters,
-  pagination
+  pagination,
+  rowSelection,
+  download
 }) {
   const text = (response == null ? void 0 : response.stdout) || (response == null ? void 0 : response.output) || "";
   const ct = (response == null ? void 0 : response.contentType) || "application/json";
@@ -60,7 +62,9 @@ function CommandOutput({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
-        ...pagination ? { pagination } : {}
+        ...pagination ? { pagination } : {},
+        ...rowSelection ? { rowSelection } : {},
+        ...download ? { download } : {}
       }
     );
   } else if (loading) {
@@ -76,7 +80,7 @@ function CommandOutput({
       children: loadingMessage
     }
   ) : null;
-  const content = bare || !response ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+  const content = bare || !response ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
     pending,
     output
   ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
@@ -109,7 +113,7 @@ function CommandOutput({
         role: ariaLabel ? "region" : void 0,
         "aria-label": ariaLabel,
         "aria-busy": loading || void 0,
-        className: utils.cn("mt-3", className),
+        className: utils.cn("mt-3 flex min-h-0 flex-col", className),
         children: content
       }
     );
@@ -130,7 +134,9 @@ function OutputBody({
   search,
   timeRange,
   externalFilters,
-  pagination
+  pagination,
+  rowSelection,
+  download
 }) {
   const ct = (contentType.split(";")[0] ?? "").trim();
   if (ct === "application/pdf" && blob) {
@@ -151,10 +157,13 @@ function OutputBody({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
-        ...pagination ? { pagination } : {}
+        ...pagination ? { pagination } : {},
+        ...rowSelection ? { rowSelection } : {},
+        ...download ? { download } : {},
+        className: "flex min-h-0 flex-1 flex-col"
       }
     );
-    const detailOutput = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "detail-output", children: clicky });
+    const detailOutput = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "detail-output flex min-h-0 flex-1 flex-col", children: clicky });
     if (bare) return detailOutput;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Tabs,
@@ -183,7 +192,11 @@ function OutputBody({
         defaultValue: "preview",
         tabs: [
           { value: "preview", label: "Preview", content: iframe },
-          { value: "source", label: "Source", content: /* @__PURE__ */ jsxRuntime.jsx(TextOutput, { text }) }
+          {
+            value: "source",
+            label: "Source",
+            content: /* @__PURE__ */ jsxRuntime.jsx(TextOutput, { text })
+          }
         ]
       }
     );
@@ -246,7 +259,13 @@ function PdfOutput({ blob }) {
   ] });
 }
 function JsonViewer({ data }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto rounded-md bg-muted p-4 font-mono text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(JsonView.JsonView, { data, defaultOpenDepth: Number.MAX_SAFE_INTEGER }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-auto rounded-md bg-muted p-4 font-mono text-xs", children: /* @__PURE__ */ jsxRuntime.jsx(
+    JsonView.JsonView,
+    {
+      data,
+      defaultOpenDepth: Number.MAX_SAFE_INTEGER
+    }
+  ) });
 }
 function TextOutput({
   text,

package/dist/rpc/CommandOutput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending = loading && response ? (\n    <div\n      role=\"status\"\n      className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n    >\n      {loadingMessage}\n    </div>\n  ) : null;\n\n  const content = bare || !response ? (\n    <div className=\"space-y-2\">\n      {pending}\n      {output}\n    </div>\n  ) : (\n    <div className=\"space-y-3\">\n      {pending}\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}
+{"version":3,"file":"CommandOutput.cjs","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":["useMemo","jsx","jsxs","cn","parseClickyData","Clicky","DataTable","useState","useEffect","JsonView"],"mappings":"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"}

package/dist/rpc/CommandOutput.d.ts

@@ -1,6 +1,6 @@
 import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { DataTablePagination } from '../data/DataTable';
-import { ClickyCommandRuntime, ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate } from '../data/Clicky';
+import { ClickyCommandRuntime, ClickyDownloadOptions, ClickyTableRowClick, ClickyTableRowHref, ClickyTableRowPredicate, ClickyTableRowSelection } from '../data/Clicky';
 import { ExecutionResponse } from './types';
 export type CommandOutputProps = {
     response?: ExecutionResponse | null;
@@ -18,6 +18,8 @@ export type CommandOutputProps = {
     timeRange?: FilterBarRangeProps;
     externalFilters?: FilterBarFilter[];
     pagination?: DataTablePagination;
+    rowSelection?: ClickyTableRowSelection;
+    download?: ClickyDownloadOptions;
 };
-export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, pagination, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommandOutput({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, bare, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, pagination, rowSelection, download, }: CommandOutputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommandOutput.d.ts.map

package/dist/rpc/CommandOutput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAmC,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC9F,OAAO,EAEL,KAAK,oBAAoB,EAGzB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,UAAU,GACX,EAAE,kBAAkB,2CAuGpB"}
+{"version":3,"file":"CommandOutput.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandOutput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAG1B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAgBF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAAS,EACT,SAAS,EACT,IAAY,EACZ,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,EACf,UAAU,EACV,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,2CA6GpB"}

package/dist/rpc/CommandOutput.js

@@ -26,7 +26,9 @@ function CommandOutput({
   search,
   timeRange,
   externalFilters,
-  pagination
+  pagination,
+  rowSelection,
+  download
 }) {
   const text = (response == null ? void 0 : response.stdout) || (response == null ? void 0 : response.output) || "";
   const ct = (response == null ? void 0 : response.contentType) || "application/json";
@@ -58,7 +60,9 @@ function CommandOutput({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
-        ...pagination ? { pagination } : {}
+        ...pagination ? { pagination } : {},
+        ...rowSelection ? { rowSelection } : {},
+        ...download ? { download } : {}
       }
     );
   } else if (loading) {
@@ -74,7 +78,7 @@ function CommandOutput({
       children: loadingMessage
     }
   ) : null;
-  const content = bare || !response ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+  const content = bare || !response ? /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
     pending,
     output
   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
@@ -107,7 +111,7 @@ function CommandOutput({
         role: ariaLabel ? "region" : void 0,
         "aria-label": ariaLabel,
         "aria-busy": loading || void 0,
-        className: cn("mt-3", className),
+        className: cn("mt-3 flex min-h-0 flex-col", className),
         children: content
       }
     );
@@ -128,7 +132,9 @@ function OutputBody({
   search,
   timeRange,
   externalFilters,
-  pagination
+  pagination,
+  rowSelection,
+  download
 }) {
   const ct = (contentType.split(";")[0] ?? "").trim();
   if (ct === "application/pdf" && blob) {
@@ -149,10 +155,13 @@ function OutputBody({
         ...search ? { search } : {},
         ...timeRange ? { timeRange } : {},
         ...externalFilters ? { externalFilters } : {},
-        ...pagination ? { pagination } : {}
+        ...pagination ? { pagination } : {},
+        ...rowSelection ? { rowSelection } : {},
+        ...download ? { download } : {},
+        className: "flex min-h-0 flex-1 flex-col"
       }
     );
-    const detailOutput = /* @__PURE__ */ jsx("div", { className: "detail-output", children: clicky });
+    const detailOutput = /* @__PURE__ */ jsx("div", { className: "detail-output flex min-h-0 flex-1 flex-col", children: clicky });
     if (bare) return detailOutput;
     return /* @__PURE__ */ jsx(
       Tabs,
@@ -181,7 +190,11 @@ function OutputBody({
         defaultValue: "preview",
         tabs: [
           { value: "preview", label: "Preview", content: iframe },
-          { value: "source", label: "Source", content: /* @__PURE__ */ jsx(TextOutput, { text }) }
+          {
+            value: "source",
+            label: "Source",
+            content: /* @__PURE__ */ jsx(TextOutput, { text })
+          }
         ]
       }
     );
@@ -244,7 +257,13 @@ function PdfOutput({ blob }) {
   ] });
 }
 function JsonViewer({ data }) {
-  return /* @__PURE__ */ jsx("div", { className: "overflow-auto rounded-md bg-muted p-4 font-mono text-xs", children: /* @__PURE__ */ jsx(JsonView, { data, defaultOpenDepth: Number.MAX_SAFE_INTEGER }) });
+  return /* @__PURE__ */ jsx("div", { className: "overflow-auto rounded-md bg-muted p-4 font-mono text-xs", children: /* @__PURE__ */ jsx(
+    JsonView,
+    {
+      data,
+      defaultOpenDepth: Number.MAX_SAFE_INTEGER
+    }
+  ) });
 }
 function TextOutput({
   text,

package/dist/rpc/CommandOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending = loading && response ? (\n    <div\n      role=\"status\"\n      className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n    >\n      {loadingMessage}\n    </div>\n  ) : null;\n\n  const content = bare || !response ? (\n    <div className=\"space-y-2\">\n      {pending}\n      {output}\n    </div>\n  ) : (\n    <div className=\"space-y-3\">\n      {pending}\n      <div className=\"flex items-center gap-2\">\n        <span\n          className={\n            response.success\n              ? \"rounded-md border px-2 py-0.5 text-xs\"\n              : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n          }\n        >\n          {response.success ? \"Success\" : \"Failed\"}\n        </span>\n        <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n          exit {response.exit_code}\n        </span>\n        {ct !== \"application/json\" && (\n          <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n            {ct.split(\";\")[0]}\n          </span>\n        )}\n        {response.error && <span className=\"text-sm text-destructive\">{response.error}</span>}\n      </div>\n\n      {response.cli && (\n        <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n          $ {response.cli}\n        </pre>\n      )}\n\n      {output}\n    </div>\n  );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n      />\n    );\n\n    const detailOutput = <div className=\"detail-output\">{clicky}</div>;\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          { value: \"source\", label: \"Source\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView data={data as object | unknown[]} defaultOpenDepth={Number.MAX_SAFE_INTEGER} />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandOutput.js","sources":["../../src/rpc/CommandOutput.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport {\n  Clicky,\n  type ClickyCommandRuntime,\n  type ClickyDownloadOptions,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n  type ClickyTableRowSelection,\n} from \"../data/Clicky\";\nimport { parseClickyData } from \"../data/clicky-parse\";\nimport { JsonView } from \"../data/JsonView\";\nimport { cn } from \"../lib/utils\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type CommandOutputProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n};\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport function CommandOutput({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel,\n  className,\n  bare = false,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: CommandOutputProps) {\n  const text = response?.stdout || response?.output || \"\";\n  const ct = response?.contentType || \"application/json\";\n\n  const parsed = useMemo(() => {\n    if (!response) return null;\n    if (response.parsed !== undefined) return response.parsed;\n    if (!text.trim()) return null;\n    try {\n      return JSON.parse(text.trim());\n    } catch {\n      return null;\n    }\n  }, [response, text]);\n\n  let output: ReactNode;\n  if (response) {\n    output = (\n      <OutputBody\n        text={text}\n        parsed={parsed}\n        contentType={ct}\n        bare={bare}\n        {...(response.requestUrl ? { url: response.requestUrl } : {})}\n        {...(response.blob ? { blob: response.blob } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n      />\n    );\n  } else if (loading) {\n    output = <LoadingOutput loadingMessage={loadingMessage} />;\n  } else {\n    output = <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n\n  const pending =\n    loading && response ? (\n      <div\n        role=\"status\"\n        className=\"rounded-md border border-border bg-muted/40 px-3 py-1.5 text-xs text-muted-foreground\"\n      >\n        {loadingMessage}\n      </div>\n    ) : null;\n\n  const content =\n    bare || !response ? (\n      <div className=\"flex min-h-0 flex-1 flex-col gap-2\">\n        {pending}\n        {output}\n      </div>\n    ) : (\n      <div className=\"space-y-3\">\n        {pending}\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={\n              response.success\n                ? \"rounded-md border px-2 py-0.5 text-xs\"\n                : \"rounded-md bg-destructive px-2 py-0.5 text-xs text-destructive-foreground\"\n            }\n          >\n            {response.success ? \"Success\" : \"Failed\"}\n          </span>\n          <span className=\"rounded-md border px-2 py-0.5 font-mono text-xs\">\n            exit {response.exit_code}\n          </span>\n          {ct !== \"application/json\" && (\n            <span className=\"rounded-md bg-secondary px-2 py-0.5 font-mono text-xs text-secondary-foreground\">\n              {ct.split(\";\")[0]}\n            </span>\n          )}\n          {response.error && (\n            <span className=\"text-sm text-destructive\">{response.error}</span>\n          )}\n        </div>\n\n        {response.cli && (\n          <pre className=\"overflow-x-auto rounded-md bg-muted p-3 font-mono text-xs\">\n            $ {response.cli}\n          </pre>\n        )}\n\n        {output}\n      </div>\n    );\n\n  if (ariaLabel || className) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        aria-busy={loading || undefined}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return content;\n}\n\nfunction OutputBody({\n  text,\n  parsed,\n  contentType,\n  url,\n  blob,\n  bare,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n  pagination,\n  rowSelection,\n  download,\n}: {\n  text: string;\n  parsed: unknown;\n  contentType: string;\n  url?: string;\n  blob?: Blob;\n  bare?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n  externalFilters?: FilterBarFilter[];\n  pagination?: DataTablePagination;\n  rowSelection?: ClickyTableRowSelection;\n  download?: ClickyDownloadOptions;\n}) {\n  const ct = (contentType.split(\";\")[0] ?? \"\").trim();\n\n  if (ct === \"application/pdf\" && blob) {\n    return <PdfOutput blob={blob} />;\n  }\n\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsed === \"string\" || (parsed != null && typeof parsed === \"object\")\n      ? (parsed as ClickyNode | ClickyDocument)\n      : text;\n  const parsedClicky =\n    clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (\n    parsedClicky?.ok ||\n    ct === \"application/clicky+json\" ||\n    ct === \"application/json+clicky\"\n  ) {\n    const clicky = (\n      <Clicky\n        data={\n          parsedClicky?.ok\n            ? parsedClicky.document\n            : ((parsed as Parameters<typeof Clicky>[0][\"data\"]) ?? text)\n        }\n        {...(url ? { url } : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(onTableRowClick ? { onTableRowClick } : {})}\n        {...(getTableRowHref ? { getTableRowHref } : {})}\n        {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        {...(search ? { search } : {})}\n        {...(timeRange ? { timeRange } : {})}\n        {...(externalFilters ? { externalFilters } : {})}\n        {...(pagination ? { pagination } : {})}\n        {...(rowSelection ? { rowSelection } : {})}\n        {...(download ? { download } : {})}\n        className=\"flex min-h-0 flex-1 flex-col\"\n      />\n    );\n\n    const detailOutput = (\n      <div className=\"detail-output flex min-h-0 flex-1 flex-col\">\n        {clicky}\n      </div>\n    );\n    if (bare) return detailOutput;\n\n    return (\n      <Tabs\n        defaultValue=\"rendered\"\n        tabs={[\n          { value: \"rendered\", label: \"Rendered\", content: detailOutput },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (ct === \"text/html\") {\n    const iframe = (\n      <iframe\n        srcDoc={text}\n        className=\"h-[600px] w-full rounded-md border bg-background\"\n        sandbox=\"allow-same-origin\"\n      />\n    );\n    if (bare) return iframe;\n    return (\n      <Tabs\n        defaultValue=\"preview\"\n        tabs={[\n          { value: \"preview\", label: \"Preview\", content: iframe },\n          {\n            value: \"source\",\n            label: \"Source\",\n            content: <TextOutput text={text} />,\n          },\n        ]}\n      />\n    );\n  }\n\n  if (parsed) {\n    const json = <JsonViewer data={parsed} />;\n    if (bare) return json;\n    return (\n      <Tabs\n        defaultValue=\"output\"\n        tabs={[\n          { value: \"output\", label: \"Output\", content: json },\n          { value: \"raw\", label: \"Raw\", content: <TextOutput text={text} /> },\n        ]}\n      />\n    );\n  }\n\n  if (text) return <TextOutput text={text} />;\n\n  return <p className=\"py-4 text-sm text-muted-foreground\">No output</p>;\n}\n\nfunction LoadingOutput({ loadingMessage }: { loadingMessage: string }) {\n  return (\n    <DataTable<LoadingResultRow>\n      data={[]}\n      columns={LOADING_RESULT_COLUMNS}\n      loading\n      loadingMessage={loadingMessage}\n      loadingRowCount={8}\n      showGlobalFilter={false}\n      showDensityControl={false}\n      hideableColumns={false}\n      resizableColumns={false}\n      persistColumnWidths={false}\n      persistColumnVisibility={false}\n      persistDensity={false}\n    />\n  );\n}\n\nfunction PdfOutput({ blob }: { blob: Blob }) {\n  const [url, setURL] = useState(\"\");\n\n  useEffect(() => {\n    const next = URL.createObjectURL(blob);\n    setURL(next);\n    return () => URL.revokeObjectURL(next);\n  }, [blob]);\n\n  if (!url) return null;\n  return (\n    <div className=\"space-y-2\">\n      <a\n        href={url}\n        download=\"output.pdf\"\n        className=\"inline-block rounded-md border px-3 py-1.5 text-sm hover:bg-accent\"\n      >\n        Download PDF\n      </a>\n      <iframe src={url} className=\"h-[600px] w-full rounded-md border\" />\n    </div>\n  );\n}\n\nfunction JsonViewer({ data }: { data: unknown }) {\n  return (\n    <div className=\"overflow-auto rounded-md bg-muted p-4 font-mono text-xs\">\n      <JsonView\n        data={data as object | unknown[]}\n        defaultOpenDepth={Number.MAX_SAFE_INTEGER}\n      />\n    </div>\n  );\n}\n\nfunction TextOutput({\n  text,\n  variant = \"default\",\n}: {\n  text: string;\n  variant?: \"default\" | \"error\";\n}) {\n  return (\n    <pre\n      className={`max-h-96 overflow-auto whitespace-pre-wrap rounded-md p-4 font-mono text-sm ${\n        variant === \"error\"\n          ? \"bg-red-50 text-red-800 dark:bg-red-950 dark:text-red-200\"\n          : \"bg-muted\"\n      }`}\n    >\n      {text}\n    </pre>\n  );\n}\n\nfunction Tabs({\n  defaultValue,\n  tabs,\n}: {\n  defaultValue: string;\n  tabs: Array<{ value: string; label: string; content: ReactNode }>;\n}) {\n  const [value, setValue] = useState(defaultValue);\n  const active = tabs.find((tab) => tab.value === value) ?? tabs[0];\n  if (!active) return null;\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"inline-flex rounded-md border bg-muted p-1\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            type=\"button\"\n            className={`rounded px-2 py-1 text-xs ${\n              tab.value === active.value\n                ? \"bg-background text-foreground shadow-sm\"\n                : \"text-muted-foreground\"\n            }`}\n            onClick={() => setValue(tab.value)}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n      <div>{active.content}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/EntityExplorerApp.cjs

@@ -19,7 +19,10 @@ function EntityExplorerApp({
   showApiExplorer = true,
   formExtensions,
   formActions,
-  resultRenderer
+  surfaceActionLabels,
+  resultRenderer,
+  entityDetailBodyRenderer,
+  entityDetailHeaderRenderer
 }) {
   const formPre = formExtensions == null ? void 0 : formExtensions.pre;
   const formPost = formExtensions == null ? void 0 : formExtensions.post;
@@ -113,6 +116,7 @@ function EntityExplorerApp({
           ...formPre ? { formPre } : {},
           ...formPost ? { formPost } : {},
           ...formActions ? { formActions } : {},
+          ...(surfaceActionLabels == null ? void 0 : surfaceActionLabels[resolvedRoute.surface.key]) ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] } : {},
           ...resultRenderer ? { resultRenderer } : {}
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(UnknownSurface, { surfaceKey: resolvedRoute.surfaceKey }) : resolvedRoute.kind === "entity" ? resolvedRoute.surface ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,6 +133,9 @@ function EntityExplorerApp({
           ...formPre ? { formPre } : {},
           ...formPost ? { formPost } : {},
           ...formActions ? { formActions } : {},
+          ...(surfaceActionLabels == null ? void 0 : surfaceActionLabels[resolvedRoute.surface.key]) ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] } : {},
+          ...entityDetailBodyRenderer ? { entityDetailBodyRenderer } : {},
+          ...entityDetailHeaderRenderer ? { entityDetailHeaderRenderer } : {},
           ...resolvedRoute.id ? { id: resolvedRoute.id } : {}
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(UnknownSurface, { surfaceKey: resolvedRoute.surfaceKey }) : resolvedRoute.kind === "command" ? /* @__PURE__ */ jsxRuntime.jsx(