@flanksource/clicky-ui 0.2.14 → 0.2.16

package/dist/overlay/modalStack.d.ts

@@ -0,0 +1,13 @@
+export type ModalStackPosition = {
+    /** Whether this modal is the topmost open one and should own global affordances. */
+    isTop: boolean;
+    /** Zero-based depth in the stack; drives the stacking order of nested modals. */
+    depth: number;
+};
+/**
+ * Registers a modal in the global stack while `open`, returning its live
+ * position. Used so a nested modal sits above its opener and only the topmost
+ * modal closes on Escape.
+ */
+export declare function useModalStack(open: boolean): ModalStackPosition;
+//# sourceMappingURL=modalStack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalStack.d.ts","sourceRoot":"","sources":["../../src/overlay/modalStack.ts"],"names":[],"mappings":"AA0BA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oFAAoF;IACpF,KAAK,EAAE,OAAO,CAAC;IACf,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,kBAAkB,CAiB/D"}

package/dist/overlay/modalStack.js

@@ -0,0 +1,35 @@
+import { useId, useSyncExternalStore, useEffect } from "react";
+const stack = [];
+const listeners = /* @__PURE__ */ new Set();
+function emit() {
+  for (const listener of listeners) listener();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getSnapshot() {
+  return stack.join("\0");
+}
+function useModalStack(open) {
+  const id = useId();
+  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  useEffect(() => {
+    if (!open) return;
+    stack.push(id);
+    emit();
+    return () => {
+      const index = stack.indexOf(id);
+      if (index !== -1) stack.splice(index, 1);
+      emit();
+    };
+  }, [open, id]);
+  const depth = stack.indexOf(id);
+  return { isTop: depth === stack.length - 1, depth: depth === -1 ? 0 : depth };
+}
+export {
+  useModalStack
+};
+//# sourceMappingURL=modalStack.js.map

package/dist/overlay/modalStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalStack.js","sources":["../../src/overlay/modalStack.ts"],"sourcesContent":["import { useEffect, useId, useSyncExternalStore } from \"react\";\n\n// A process-wide stack of the currently open modals, topmost last. Modals mount\n// independently (no shared provider), so the stack lives at module scope and is\n// shared through useSyncExternalStore. It lets nested modals cooperate: only the\n// topmost reacts to Escape, and each renders above the one it opened over.\nconst stack: string[] = [];\nconst listeners = new Set<() => void>();\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\n// The snapshot is the stack identity; it only changes when an entry is pushed or\n// popped, so subscribers re-render exactly when their position could have moved.\nfunction getSnapshot() {\n  return stack.join(\"\u0000\");\n}\n\nexport type ModalStackPosition = {\n  /** Whether this modal is the topmost open one and should own global affordances. */\n  isTop: boolean;\n  /** Zero-based depth in the stack; drives the stacking order of nested modals. */\n  depth: number;\n};\n\n/**\n * Registers a modal in the global stack while `open`, returning its live\n * position. Used so a nested modal sits above its opener and only the topmost\n * modal closes on Escape.\n */\nexport function useModalStack(open: boolean): ModalStackPosition {\n  const id = useId();\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  useEffect(() => {\n    if (!open) return;\n    stack.push(id);\n    emit();\n    return () => {\n      const index = stack.indexOf(id);\n      if (index !== -1) stack.splice(index, 1);\n      emit();\n    };\n  }, [open, id]);\n\n  const depth = stack.indexOf(id);\n  return { isTop: depth === stack.length - 1, depth: depth === -1 ? 0 : depth };\n}\n"],"names":[],"mappings":";AAMA,MAAM,QAAkB,CAAA;AACxB,MAAM,gCAAgB,IAAA;AAEtB,SAAS,OAAO;AACd,aAAW,YAAY,UAAW,UAAA;AACpC;AAEA,SAAS,UAAU,UAAsB;AACvC,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAIA,SAAS,cAAc;AACrB,SAAO,MAAM,KAAK,IAAG;AACvB;AAcO,SAAS,cAAc,MAAmC;AAC/D,QAAM,KAAK,MAAA;AACX,uBAAqB,WAAW,aAAa,WAAW;AAExD,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,KAAK,EAAE;AACb,SAAA;AACA,WAAO,MAAM;AACX,YAAM,QAAQ,MAAM,QAAQ,EAAE;AAC9B,UAAI,UAAU,GAAI,OAAM,OAAO,OAAO,CAAC;AACvC,WAAA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,EAAE,CAAC;AAEb,QAAM,QAAQ,MAAM,QAAQ,EAAE;AAC9B,SAAO,EAAE,OAAO,UAAU,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,IAAI,MAAA;AACxE;"}

package/dist/rpc/AcceptPicker.cjs

@@ -5,23 +5,9 @@ const react = require("react");
 const button = require("../components/button.cjs");
 const Icon = require("../data/Icon.cjs");
 const utils = require("../lib/utils.cjs");
+const acceptOptions = require("./accept-options.cjs");
 const UiEllipsis = require("../icons/components/UiEllipsis.cjs");
 const UiCheck = require("../icons/components/UiCheck.cjs");
-const ACCEPT_OPTIONS = [
-  { value: "application/json", label: "JSON" },
-  { value: "application/clicky+json", label: "Clicky" },
-  { value: "text/markdown", label: "Markdown" },
-  { value: "text/html", label: "HTML" },
-  { value: "application/x-yaml", label: "YAML" },
-  { value: "text/csv", label: "CSV" },
-  { value: "application/pdf", label: "PDF" },
-  { value: "text/plain", label: "Pretty" }
-];
-const VIEW_OPTIONS = [
-  { value: "application/json", label: "JSON" },
-  { value: "application/clicky+json", label: "Clicky" },
-  { value: "application/pdf", label: "PDF" }
-];
 const PREVIEW_OPTIONS = [
   { value: "curl", label: "Show cURL preview" },
   { value: "cli", label: "Show CLI preview" },
@@ -31,7 +17,7 @@ function AcceptPicker({
   value,
   onChange,
   size = "md",
-  options = ACCEPT_OPTIONS,
+  options = acceptOptions.ACCEPT_OPTIONS,
   previewMode = "hidden",
   onPreviewModeChange,
   className
@@ -122,7 +108,5 @@ function AcceptPicker({
     ] })
   ] });
 }
-exports.ACCEPT_OPTIONS = ACCEPT_OPTIONS;
 exports.AcceptPicker = AcceptPicker;
-exports.VIEW_OPTIONS = VIEW_OPTIONS;
 //# sourceMappingURL=AcceptPicker.cjs.map

package/dist/rpc/AcceptPicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptPicker.cjs","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport const ACCEPT_OPTIONS = [\n  { value: \"application/json\", label: \"JSON\" },\n  { value: \"application/clicky+json\", label: \"Clicky\" },\n  { value: \"text/markdown\", label: \"Markdown\" },\n  { value: \"text/html\", label: \"HTML\" },\n  { value: \"application/x-yaml\", label: \"YAML\" },\n  { value: \"text/csv\", label: \"CSV\" },\n  { value: \"application/pdf\", label: \"PDF\" },\n  { value: \"text/plain\", label: \"Pretty\" },\n] as const;\n\nexport const VIEW_OPTIONS = [\n  { value: \"application/json\", label: \"JSON\" },\n  { value: \"application/clicky+json\", label: \"Clicky\" },\n  { value: \"application/pdf\", label: \"PDF\" },\n] as const;\n\nexport type AcceptOption = { value: string; label: string };\nexport type AcceptValue = (typeof ACCEPT_OPTIONS)[number][\"value\"];\nexport type OperationPreviewMode = \"hidden\" | \"curl\" | \"cli\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <div ref={rootRef} className={cn(\"relative flex flex-wrap gap-1\", className)}>\n      {options.map((opt) => (\n        <button\n          key={opt.value}\n          type=\"button\"\n          onClick={() => onChange(opt.value)}\n          className={cn(\n            \"rounded-md border text-xs transition-colors\",\n            pad,\n            value === opt.value\n              ? \"border-emerald-500 bg-emerald-50 font-medium text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/30 dark:text-emerald-400\"\n              : \"text-muted-foreground hover:border-foreground/20 hover:text-foreground\",\n          )}\n        >\n          {opt.label}\n        </button>\n      ))}\n      {onPreviewModeChange && (\n        <>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label=\"Open preview menu\"\n            aria-haspopup=\"menu\"\n            aria-expanded={open}\n            className={cn(\"h-auto\", pad)}\n            onClick={() => setOpen((current) => !current)}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n          {open && (\n            <div\n              role=\"menu\"\n              aria-label=\"Preview options\"\n              className=\"absolute right-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n            >\n              {PREVIEW_OPTIONS.map((option) => {\n                const active = option.value === previewMode;\n                return (\n                  <button\n                    key={option.value}\n                    type=\"button\"\n                    role=\"menuitemradio\"\n                    aria-checked={active}\n                    className={cn(\n                      \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n                      \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n                    )}\n                    onClick={() => {\n                      onPreviewModeChange(option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <span className=\"min-w-0 flex-1\">{option.label}</span>\n                    {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["useRef","useState","useEffect","jsxs","cn","jsx","Fragment","Button","Icon","UiEllipsis","UiCheck"],"mappings":"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"}
+{"version":3,"file":"AcceptPicker.cjs","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  ACCEPT_OPTIONS,\n  type AcceptOption,\n  type OperationPreviewMode,\n} from \"./accept-options\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <div ref={rootRef} className={cn(\"relative flex flex-wrap gap-1\", className)}>\n      {options.map((opt) => (\n        <button\n          key={opt.value}\n          type=\"button\"\n          onClick={() => onChange(opt.value)}\n          className={cn(\n            \"rounded-md border text-xs transition-colors\",\n            pad,\n            value === opt.value\n              ? \"border-emerald-500 bg-emerald-50 font-medium text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/30 dark:text-emerald-400\"\n              : \"text-muted-foreground hover:border-foreground/20 hover:text-foreground\",\n          )}\n        >\n          {opt.label}\n        </button>\n      ))}\n      {onPreviewModeChange && (\n        <>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label=\"Open preview menu\"\n            aria-haspopup=\"menu\"\n            aria-expanded={open}\n            className={cn(\"h-auto\", pad)}\n            onClick={() => setOpen((current) => !current)}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n          {open && (\n            <div\n              role=\"menu\"\n              aria-label=\"Preview options\"\n              className=\"absolute right-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n            >\n              {PREVIEW_OPTIONS.map((option) => {\n                const active = option.value === previewMode;\n                return (\n                  <button\n                    key={option.value}\n                    type=\"button\"\n                    role=\"menuitemradio\"\n                    aria-checked={active}\n                    className={cn(\n                      \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n                      \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n                    )}\n                    onClick={() => {\n                      onPreviewModeChange(option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <span className=\"min-w-0 flex-1\">{option.label}</span>\n                    {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["ACCEPT_OPTIONS","useRef","useState","useEffect","jsxs","cn","jsx","Fragment","Button","Icon","UiEllipsis","UiCheck"],"mappings":"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"}

package/dist/rpc/AcceptPicker.d.ts

@@ -1,44 +1,4 @@
-export declare const ACCEPT_OPTIONS: readonly [{
-    readonly value: "application/json";
-    readonly label: "JSON";
-}, {
-    readonly value: "application/clicky+json";
-    readonly label: "Clicky";
-}, {
-    readonly value: "text/markdown";
-    readonly label: "Markdown";
-}, {
-    readonly value: "text/html";
-    readonly label: "HTML";
-}, {
-    readonly value: "application/x-yaml";
-    readonly label: "YAML";
-}, {
-    readonly value: "text/csv";
-    readonly label: "CSV";
-}, {
-    readonly value: "application/pdf";
-    readonly label: "PDF";
-}, {
-    readonly value: "text/plain";
-    readonly label: "Pretty";
-}];
-export declare const VIEW_OPTIONS: readonly [{
-    readonly value: "application/json";
-    readonly label: "JSON";
-}, {
-    readonly value: "application/clicky+json";
-    readonly label: "Clicky";
-}, {
-    readonly value: "application/pdf";
-    readonly label: "PDF";
-}];
-export type AcceptOption = {
-    value: string;
-    label: string;
-};
-export type AcceptValue = (typeof ACCEPT_OPTIONS)[number]["value"];
-export type OperationPreviewMode = "hidden" | "curl" | "cli";
+import { AcceptOption, OperationPreviewMode } from './accept-options';
 export type AcceptPickerProps = {
     value: string;
     onChange: (value: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"AcceptPicker.d.ts","sourceRoot":"","sources":["../../src/rpc/AcceptPicker.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;EASjB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;EAIf,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;AACnE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAwB,EACxB,WAAsB,EACtB,mBAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,2CAyFnB"}
+{"version":3,"file":"AcceptPicker.d.ts","sourceRoot":"","sources":["../../src/rpc/AcceptPicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,oBAAoB,EAC1B,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAClC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAW,EACX,OAAwB,EACxB,WAAsB,EACtB,mBAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,2CAyFnB"}

package/dist/rpc/AcceptPicker.js

@@ -3,23 +3,9 @@ import { useRef, useState, useEffect } from "react";
 import { Button } from "../components/button.js";
 import { Icon } from "../data/Icon.js";
 import { cn } from "../lib/utils.js";
+import { ACCEPT_OPTIONS } from "./accept-options.js";
 import { UiEllipsis } from "../icons/components/UiEllipsis.js";
 import { UiCheck } from "../icons/components/UiCheck.js";
-const ACCEPT_OPTIONS = [
-  { value: "application/json", label: "JSON" },
-  { value: "application/clicky+json", label: "Clicky" },
-  { value: "text/markdown", label: "Markdown" },
-  { value: "text/html", label: "HTML" },
-  { value: "application/x-yaml", label: "YAML" },
-  { value: "text/csv", label: "CSV" },
-  { value: "application/pdf", label: "PDF" },
-  { value: "text/plain", label: "Pretty" }
-];
-const VIEW_OPTIONS = [
-  { value: "application/json", label: "JSON" },
-  { value: "application/clicky+json", label: "Clicky" },
-  { value: "application/pdf", label: "PDF" }
-];
 const PREVIEW_OPTIONS = [
   { value: "curl", label: "Show cURL preview" },
   { value: "cli", label: "Show CLI preview" },
@@ -121,8 +107,6 @@ function AcceptPicker({
   ] });
 }
 export {
-  ACCEPT_OPTIONS,
-  AcceptPicker,
-  VIEW_OPTIONS
+  AcceptPicker
 };
 //# sourceMappingURL=AcceptPicker.js.map

package/dist/rpc/AcceptPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcceptPicker.js","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\n\nexport const ACCEPT_OPTIONS = [\n  { value: \"application/json\", label: \"JSON\" },\n  { value: \"application/clicky+json\", label: \"Clicky\" },\n  { value: \"text/markdown\", label: \"Markdown\" },\n  { value: \"text/html\", label: \"HTML\" },\n  { value: \"application/x-yaml\", label: \"YAML\" },\n  { value: \"text/csv\", label: \"CSV\" },\n  { value: \"application/pdf\", label: \"PDF\" },\n  { value: \"text/plain\", label: \"Pretty\" },\n] as const;\n\nexport const VIEW_OPTIONS = [\n  { value: \"application/json\", label: \"JSON\" },\n  { value: \"application/clicky+json\", label: \"Clicky\" },\n  { value: \"application/pdf\", label: \"PDF\" },\n] as const;\n\nexport type AcceptOption = { value: string; label: string };\nexport type AcceptValue = (typeof ACCEPT_OPTIONS)[number][\"value\"];\nexport type OperationPreviewMode = \"hidden\" | \"curl\" | \"cli\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <div ref={rootRef} className={cn(\"relative flex flex-wrap gap-1\", className)}>\n      {options.map((opt) => (\n        <button\n          key={opt.value}\n          type=\"button\"\n          onClick={() => onChange(opt.value)}\n          className={cn(\n            \"rounded-md border text-xs transition-colors\",\n            pad,\n            value === opt.value\n              ? \"border-emerald-500 bg-emerald-50 font-medium text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/30 dark:text-emerald-400\"\n              : \"text-muted-foreground hover:border-foreground/20 hover:text-foreground\",\n          )}\n        >\n          {opt.label}\n        </button>\n      ))}\n      {onPreviewModeChange && (\n        <>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label=\"Open preview menu\"\n            aria-haspopup=\"menu\"\n            aria-expanded={open}\n            className={cn(\"h-auto\", pad)}\n            onClick={() => setOpen((current) => !current)}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n          {open && (\n            <div\n              role=\"menu\"\n              aria-label=\"Preview options\"\n              className=\"absolute right-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n            >\n              {PREVIEW_OPTIONS.map((option) => {\n                const active = option.value === previewMode;\n                return (\n                  <button\n                    key={option.value}\n                    type=\"button\"\n                    role=\"menuitemradio\"\n                    aria-checked={active}\n                    className={cn(\n                      \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n                      \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n                    )}\n                    onClick={() => {\n                      onPreviewModeChange(option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <span className=\"min-w-0 flex-1\">{option.label}</span>\n                    {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AcceptPicker.js","sources":["../../src/rpc/AcceptPicker.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiEllipsis, UiCheck } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport {\n  ACCEPT_OPTIONS,\n  type AcceptOption,\n  type OperationPreviewMode,\n} from \"./accept-options\";\n\nexport type AcceptPickerProps = {\n  value: string;\n  onChange: (value: string) => void;\n  size?: \"sm\" | \"md\";\n  options?: readonly AcceptOption[];\n  previewMode?: OperationPreviewMode;\n  onPreviewModeChange?: (mode: OperationPreviewMode) => void;\n  className?: string;\n};\n\nconst PREVIEW_OPTIONS: Array<{ value: OperationPreviewMode; label: string }> = [\n  { value: \"curl\", label: \"Show cURL preview\" },\n  { value: \"cli\", label: \"Show CLI preview\" },\n  { value: \"hidden\", label: \"Hide preview\" },\n];\n\nexport function AcceptPicker({\n  value,\n  onChange,\n  size = \"md\",\n  options = ACCEPT_OPTIONS,\n  previewMode = \"hidden\",\n  onPreviewModeChange,\n  className,\n}: AcceptPickerProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const pad = size === \"sm\" ? \"px-2 py-0.5\" : \"px-2.5 py-1\";\n\n  useEffect(() => {\n    if (!open) return;\n    const onPointerDown = (event: PointerEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) {\n        setOpen(false);\n      }\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") setOpen(false);\n    };\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <div ref={rootRef} className={cn(\"relative flex flex-wrap gap-1\", className)}>\n      {options.map((opt) => (\n        <button\n          key={opt.value}\n          type=\"button\"\n          onClick={() => onChange(opt.value)}\n          className={cn(\n            \"rounded-md border text-xs transition-colors\",\n            pad,\n            value === opt.value\n              ? \"border-emerald-500 bg-emerald-50 font-medium text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/30 dark:text-emerald-400\"\n              : \"text-muted-foreground hover:border-foreground/20 hover:text-foreground\",\n          )}\n        >\n          {opt.label}\n        </button>\n      ))}\n      {onPreviewModeChange && (\n        <>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            aria-label=\"Open preview menu\"\n            aria-haspopup=\"menu\"\n            aria-expanded={open}\n            className={cn(\"h-auto\", pad)}\n            onClick={() => setOpen((current) => !current)}\n          >\n            <Icon icon={UiEllipsis} />\n          </Button>\n          {open && (\n            <div\n              role=\"menu\"\n              aria-label=\"Preview options\"\n              className=\"absolute right-0 top-[calc(100%+0.375rem)] z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg shadow-black/5\"\n            >\n              {PREVIEW_OPTIONS.map((option) => {\n                const active = option.value === previewMode;\n                return (\n                  <button\n                    key={option.value}\n                    type=\"button\"\n                    role=\"menuitemradio\"\n                    aria-checked={active}\n                    className={cn(\n                      \"flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors\",\n                      \"hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none\",\n                    )}\n                    onClick={() => {\n                      onPreviewModeChange(option.value);\n                      setOpen(false);\n                    }}\n                  >\n                    <span className=\"min-w-0 flex-1\">{option.label}</span>\n                    {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,MAAM,kBAAyE;AAAA,EAC7E,EAAE,OAAO,QAAQ,OAAO,oBAAA;AAAA,EACxB,EAAE,OAAO,OAAO,OAAO,mBAAA;AAAA,EACvB,EAAE,OAAO,UAAU,OAAO,eAAA;AAC5B;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,MAAM,SAAS,OAAO,gBAAgB;AAE5C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,UAAM,gBAAgB,CAAC,UAAwB;;AAC7C,UAAI,GAAC,aAAQ,YAAR,mBAAiB,SAAS,MAAM,UAAiB;AACpD,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF;AACA,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,SAAQ,KAAK;AAAA,IAC3C;AACA,aAAS,iBAAiB,eAAe,aAAa;AACtD,aAAS,iBAAiB,WAAW,SAAS;AAC9C,WAAO,MAAM;AACX,eAAS,oBAAoB,eAAe,aAAa;AACzD,eAAS,oBAAoB,WAAW,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,KAAK,SAAS,WAAW,GAAG,iCAAiC,SAAS,GACxE,UAAA;AAAA,IAAA,QAAQ,IAAI,CAAC,QACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,MAAM,SAAS,IAAI,KAAK;AAAA,QACjC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,UAAU,IAAI,QACV,uIACA;AAAA,QAAA;AAAA,QAGL,UAAA,IAAI;AAAA,MAAA;AAAA,MAXA,IAAI;AAAA,IAAA,CAaZ;AAAA,IACA,uBACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,cAAW;AAAA,UACX,iBAAc;AAAA,UACd,iBAAe;AAAA,UACf,WAAW,GAAG,UAAU,GAAG;AAAA,UAC3B,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,OAAO;AAAA,UAE5C,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAA,CAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzB,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAU;AAAA,UAET,UAAA,gBAAgB,IAAI,CAAC,WAAW;AAC/B,kBAAM,SAAS,OAAO,UAAU;AAChC,mBACE;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,gBAAc;AAAA,gBACd,WAAW;AAAA,kBACT;AAAA,kBACA;AAAA,gBAAA;AAAA,gBAEF,SAAS,MAAM;AACb,sCAAoB,OAAO,KAAK;AAChC,0BAAQ,KAAK;AAAA,gBACf;AAAA,gBAEA,UAAA;AAAA,kBAAA,oBAAC,QAAA,EAAK,WAAU,kBAAkB,UAAA,OAAO,OAAM;AAAA,kBAC9C,SAAS,oBAAC,MAAA,EAAK,MAAM,SAAS,WAAU,YAAW,IAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,cAdpD,OAAO;AAAA,YAAA;AAAA,UAiBlB,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/rpc/CommandOutput.cjs

@@ -171,7 +171,7 @@ function OutputBody({
       "iframe",
       {
         srcDoc: text,
-        className: "h-[600px] w-full rounded-md border bg-white",
+        className: "h-[600px] w-full rounded-md border bg-background",
         sandbox: "allow-same-origin"
       }
     );

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  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\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-white\"\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 { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\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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"}

package/dist/rpc/CommandOutput.js

@@ -169,7 +169,7 @@ function OutputBody({
       "iframe",
       {
         srcDoc: text,
-        className: "h-[600px] w-full rounded-md border bg-white",
+        className: "h-[600px] w-full rounded-md border bg-background",
         sandbox: "allow-same-origin"
       }
     );

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  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\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-white\"\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 { DataTable, type DataTableColumn, type DataTablePagination } from \"../data/DataTable\";\nimport {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowClick,\n  type ClickyTableRowHref,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\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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"}

package/dist/rpc/EndpointList.cjs

@@ -42,7 +42,7 @@ function EndpointList({
       return renderLink({
         key: `${op.method}:${op.path}`,
         to: getCommandHref(operationId, op),
-        className: "flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50",
+        className: "flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10",
         children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(MethodBadge.MethodBadge, { method: op.method }),
           /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-sm", children: op.path }),

package/dist/rpc/EndpointList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointList.cjs","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsxs","jsx","Fragment","MethodBadge"],"mappings":";;;;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,EAAE;AAEvC,QAAM,WAAWC,MAAAA,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,qCACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACED,2BAAAA,KAAAE,qBAAA,EACE,UAAA;AAAA,UAAAD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChCF,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZA,2BAAAA,IAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"EndpointList.cjs","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["useState","useMemo","jsxs","jsx","Fragment","MethodBadge"],"mappings":";;;;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAS,EAAE;AAEvC,QAAM,WAAWC,MAAAA,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,qCACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,mCAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACED,2BAAAA,KAAAE,qBAAA,EACE,UAAA;AAAA,UAAAD,2BAAAA,IAACE,YAAAA,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChCF,2BAAAA,IAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZA,2BAAAA,IAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/rpc/EndpointList.js

@@ -40,7 +40,7 @@ function EndpointList({
       return renderLink({
         key: `${op.method}:${op.path}`,
         to: getCommandHref(operationId, op),
-        className: "flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50",
+        className: "flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10",
         children: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(MethodBadge, { method: op.method }),
           /* @__PURE__ */ jsx("code", { className: "text-sm", children: op.path }),

package/dist/rpc/EndpointList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndpointList.js","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,0BACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZ,oBAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"EndpointList.js","sources":["../../src/rpc/EndpointList.tsx"],"sourcesContent":["import { useMemo, useState, type ReactElement, type ReactNode } from \"react\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport type { DomainDefinition, ResolvedOperation } from \"./types\";\n\nexport type RenderLinkArgs = {\n  to: string;\n  className?: string;\n  children: ReactNode;\n  title?: string;\n  key?: string;\n};\n\n// Render-prop form lets callers pass react-router's Link, a plain <a>, or\n// any custom navigation component without relying on React type equality\n// across nested type installs.\nexport type RenderLink = (args: RenderLinkArgs) => ReactElement;\n\nexport type EndpointListProps = {\n  operations: ResolvedOperation[];\n  definition: Pick<DomainDefinition, \"title\" | \"emptyTitle\" | \"emptyDescription\">;\n  renderLink: RenderLink;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function EndpointList({\n  operations,\n  definition,\n  renderLink,\n  getCommandHref = defaultCommandHref,\n}: EndpointListProps) {\n  const [search, setSearch] = useState(\"\");\n\n  const filtered = useMemo(() => {\n    if (!search) return operations;\n    const q = search.toLowerCase();\n    return operations.filter(\n      (op) =>\n        op.path.toLowerCase().includes(q) ||\n        op.operation.summary?.toLowerCase().includes(q) ||\n        op.operation.operationId?.toLowerCase().includes(q),\n    );\n  }, [operations, search]);\n\n  if (operations.length === 0) {\n    return (\n      <div className=\"rounded-xl border border-dashed p-8\">\n        <h2 className=\"text-lg font-medium\">\n          {definition.emptyTitle || `No ${definition.title} endpoints found`}\n        </h2>\n        <p className=\"mt-2 max-w-2xl text-sm text-muted-foreground\">\n          {definition.emptyDescription ||\n            \"This area is reserved in the information architecture, but the current OpenAPI surface does not expose matching operations yet.\"}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <input\n        placeholder={`Search ${definition.title.toLowerCase()}...`}\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"w-full max-w-lg rounded-lg border bg-background px-3 py-2 text-sm outline-none placeholder:text-muted-foreground focus:ring-2 focus:ring-ring\"\n      />\n      <div className=\"space-y-2\">\n        {filtered.map((op) => {\n          const operationId = op.operation.operationId ?? `${op.method}:${op.path}`;\n          return renderLink({\n            key: `${op.method}:${op.path}`,\n            to: getCommandHref(operationId, op),\n            className:\n              \"flex items-center gap-3 rounded-xl border bg-card p-3 transition-colors hover:border-emerald-200 hover:bg-emerald-50/50 dark:hover:border-emerald-500/40 dark:hover:bg-emerald-500/10\",\n            children: (\n              <>\n                <MethodBadge method={op.method} />\n                <code className=\"text-sm\">{op.path}</code>\n                {op.operation.summary && (\n                  <span className=\"ml-auto text-xs text-muted-foreground\">\n                    {op.operation.summary}\n                  </span>\n                )}\n              </>\n            ),\n          });\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAwBA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAsB;AACpB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,QAAM,WAAW,QAAQ,MAAM;AAC7B,QAAI,CAAC,OAAQ,QAAO;AACpB,UAAM,IAAI,OAAO,YAAA;AACjB,WAAO,WAAW;AAAA,MAChB,CAAC;;AACC,kBAAG,KAAK,cAAc,SAAS,CAAC,OAChC,QAAG,UAAU,YAAb,mBAAsB,cAAc,SAAS,SAC7C,QAAG,UAAU,gBAAb,mBAA0B,cAAc,SAAS;AAAA;AAAA,IAAC;AAAA,EAExD,GAAG,CAAC,YAAY,MAAM,CAAC;AAEvB,MAAI,WAAW,WAAW,GAAG;AAC3B,WACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,uBACX,UAAA,WAAW,cAAc,MAAM,WAAW,KAAK,mBAAA,CAClD;AAAA,0BACC,KAAA,EAAE,WAAU,gDACV,UAAA,WAAW,oBACV,kIAAA,CACJ;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa,UAAU,WAAW,MAAM,aAAa;AAAA,QACrD,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,QACzC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,OAAA,EAAI,WAAU,aACZ,UAAA,SAAS,IAAI,CAAC,OAAO;AACpB,YAAM,cAAc,GAAG,UAAU,eAAe,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AACvE,aAAO,WAAW;AAAA,QAChB,KAAK,GAAG,GAAG,MAAM,IAAI,GAAG,IAAI;AAAA,QAC5B,IAAI,eAAe,aAAa,EAAE;AAAA,QAClC,WACE;AAAA,QACF,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,aAAA,EAAY,QAAQ,GAAG,OAAA,CAAQ;AAAA,UAChC,oBAAC,QAAA,EAAK,WAAU,WAAW,aAAG,MAAK;AAAA,UAClC,GAAG,UAAU,WACZ,oBAAC,UAAK,WAAU,yCACb,UAAA,GAAG,UAAU,QAAA,CAChB;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,CAEH;AAAA,IACH,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/rpc/FilterForm.cjs

@@ -169,7 +169,7 @@ function renderParameterInput(filter, id) {
         disabled: filter.disabled,
         onChange: (event) => filter.onChange(event.target.value),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: filter.placeholder ?? `Any ${filter.label.toLowerCase()}` }),
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: filter.placeholder ?? "" }),
           filter.options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label ?? option.value }, option.value))
         ]
       }
@@ -199,7 +199,7 @@ function renderParameterInput(filter, id) {
           type: filter.inputType === "number" ? "number" : "text",
           "aria-label": filter.label,
           className: inputClassName,
-          placeholder: filter.placeholder ?? "Value",
+          ...filter.placeholder !== void 0 ? { placeholder: filter.placeholder } : {},
           value: filter.value,
           list: listId,
           disabled: filter.disabled,
@@ -227,7 +227,7 @@ function renderParameterInput(filter, id) {
           type: "text",
           "aria-label": filter.label,
           className: inputClassName,
-          placeholder: filter.placeholder ?? "value-1, value-2",
+          ...filter.placeholder !== void 0 ? { placeholder: filter.placeholder } : {},
           value: filter.value.join(", "),
           list: listId,
           disabled: filter.disabled,
@@ -256,7 +256,7 @@ function renderParameterInput(filter, id) {
         type: "text",
         "aria-label": filter.label,
         className: inputClassName,
-        placeholder: filter.placeholder ?? "Value",
+        ...filter.placeholder !== void 0 ? { placeholder: filter.placeholder } : {},
         value: filter.value,
         disabled: filter.disabled,
         onChange: (event) => filter.onChange(event.target.value)