@flanksource/clicky-ui 0.2.2 → 0.2.3

package/dist/overlay/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type ModalProps = {\n  open: boolean;\n  onClose: () => void;\n  title?: ReactNode;\n  size?: ModalSize;\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  hideClose?: boolean;\n  className?: string;\n  headerSlot?: ReactNode;\n  footer?: ReactNode;\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm max-h-[90vh]\",\n  md: \"max-w-md max-h-[90vh]\",\n  lg: \"max-w-2xl max-h-[90vh]\",\n  xl: \"max-w-4xl max-h-[90vh]\",\n  full: \"max-w-[95vw] max-h-[95vh]\",\n};\n\nexport function Modal({\n  open,\n  onClose,\n  title,\n  size = \"md\",\n  closeOnBackdrop = true,\n  closeOnEsc = true,\n  hideClose = false,\n  className,\n  headerSlot,\n  footer,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open || !closeOnEsc) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [open, closeOnEsc, onClose]);\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/40\"\n      onClick={closeOnBackdrop ? onClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        className={cn(\n          \"relative bg-background border border-border rounded-lg shadow-xl w-full flex flex-col\",\n          sizeClass[size],\n          className,\n        )}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {(title || headerSlot || !hideClose) && (\n          <div className=\"flex items-center gap-density-2 px-density-4 py-density-3 border-b border-border\">\n            {title && <h2 className=\"text-sm font-semibold flex-1\">{title}</h2>}\n            {headerSlot}\n            {!hideClose && (\n              <button\n                type=\"button\"\n                onClick={onClose}\n                aria-label=\"Close\"\n                className=\"text-muted-foreground hover:text-foreground\"\n              >\n                <Icon name=\"codicon:close\" />\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"flex-1 overflow-auto px-density-4 py-density-3\">{children}</div>\n        {footer && <div className=\"px-density-4 py-density-3 border-t border-border\">{footer}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;AAoBA,MAAM,YAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,QAAM,YAAY,OAAuB,IAAI;AAE7C,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,WAAY;AAC1B,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,MAAM,YAAY,OAAO,CAAC;AAE9B,YAAU,MAAM;;AACd,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,SAAS;AACtB,oBAAU,YAAV,mBAAmB;AACnB,WAAO,MAAA;;AAAM,cAAAA,MAAA,6BAAM,UAAN,gBAAAA,IAAA;AAAA;AAAA,EACf,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,kBAAkB,UAAU;AAAA,MACrC,MAAK;AAAA,MAEL,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAW;AAAA,UACX,cAAY,OAAO,UAAU,WAAW,QAAQ;AAAA,UAChD,WAAW;AAAA,YACT;AAAA,YACA,UAAU,IAAI;AAAA,YACd;AAAA,UAAA;AAAA,UAEF,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,UAEhB,UAAA;AAAA,aAAA,SAAS,cAAc,CAAC,cACxB,qBAAC,OAAA,EAAI,WAAU,oFACZ,UAAA;AAAA,cAAA,SAAS,oBAAC,MAAA,EAAG,WAAU,gCAAgC,UAAA,OAAM;AAAA,cAC7D;AAAA,cACA,CAAC,aACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,cAAW;AAAA,kBACX,WAAU;AAAA,kBAEV,UAAA,oBAAC,MAAA,EAAK,MAAK,gBAAA,CAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC7B,GAEJ;AAAA,YAEF,oBAAC,OAAA,EAAI,WAAU,kDAAkD,SAAA,CAAS;AAAA,YACzE,UAAU,oBAAC,OAAA,EAAI,WAAU,oDAAoD,UAAA,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Modal.js","sources":["../../src/overlay/Modal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClose, UiFullscreen, UiFullscreenFilled } from \"../icons\";\n\nexport type ModalSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type ModalProps = {\n  /** Controls whether the modal is mounted. */\n  open: boolean;\n  /** Called when the modal requests to close. */\n  onClose: () => void;\n  /** Header title and accessible dialog label when it is a string. */\n  title?: ReactNode;\n  /** Width/height preset for the dialog. */\n  size?: ModalSize;\n  /** Close when the backdrop is clicked. */\n  closeOnBackdrop?: boolean;\n  /** Close when Escape is pressed. */\n  closeOnEsc?: boolean;\n  /** Hide the close button. */\n  hideClose?: boolean;\n  /** Show an expand/restore button. */\n  expandable?: boolean;\n  /** Classes applied to the dialog panel. */\n  className?: string;\n  /** Extra header content rendered before the expand/close buttons. */\n  headerSlot?: ReactNode;\n  /** Footer content pinned below the scrollable body. */\n  footer?: ReactNode;\n  /** Modal body content. */\n  children: ReactNode;\n};\n\nconst sizeClass: Record<ModalSize, string> = {\n  sm: \"max-w-sm max-h-[90vh]\",\n  md: \"max-w-md max-h-[90vh]\",\n  lg: \"max-w-2xl max-h-[90vh]\",\n  xl: \"max-w-4xl max-h-[90vh]\",\n  full: \"max-w-[95vw] max-h-[95vh]\",\n};\n\nexport function Modal({\n  open,\n  onClose,\n  title,\n  size = \"md\",\n  closeOnBackdrop = true,\n  closeOnEsc = true,\n  hideClose = false,\n  expandable = true,\n  className,\n  headerSlot,\n  footer,\n  children,\n}: ModalProps) {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    if (!open) setExpanded(false);\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !closeOnEsc) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") onClose();\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return () => document.removeEventListener(\"keydown\", onKey);\n  }, [open, closeOnEsc, onClose]);\n\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.activeElement as HTMLElement | null;\n    dialogRef.current?.focus();\n    return () => prev?.focus?.();\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/40\"\n      onClick={closeOnBackdrop ? onClose : undefined}\n      role=\"presentation\"\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={typeof title === \"string\" ? title : undefined}\n        className={cn(\n          \"relative bg-background border border-border rounded-lg shadow-xl w-full flex flex-col\",\n          expanded ? sizeClass.full : sizeClass[size],\n          className,\n        )}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {(title || headerSlot || expandable || !hideClose) && (\n          <div className=\"flex items-center gap-density-2 px-density-4 py-density-3 border-b border-border\">\n            {title ? (\n              <h2 className=\"text-sm font-semibold flex-1\">{title}</h2>\n            ) : (\n              <span className=\"flex-1\" />\n            )}\n            {headerSlot}\n            {expandable && (\n              <button\n                type=\"button\"\n                onClick={() => setExpanded((v) => !v)}\n                aria-label={expanded ? \"Restore size\" : \"Expand to fullscreen\"}\n                className=\"text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={expanded ? UiFullscreenFilled : UiFullscreen} />\n              </button>\n            )}\n            {!hideClose && (\n              <button\n                type=\"button\"\n                onClick={onClose}\n                aria-label=\"Close\"\n                className=\"text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiClose} />\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"flex-1 overflow-auto px-density-4 py-density-3\">{children}</div>\n        {footer && <div className=\"px-density-4 py-density-3 border-t border-border\">{footer}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;AAkCA,MAAM,YAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM,aAAY,KAAK;AAAA,EAC9B,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,WAAY;AAC1B,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAA;AAAA,IAC1B;AACA,aAAS,iBAAiB,WAAW,KAAK;AAC1C,WAAO,MAAM,SAAS,oBAAoB,WAAW,KAAK;AAAA,EAC5D,GAAG,CAAC,MAAM,YAAY,OAAO,CAAC;AAE9B,YAAU,MAAM;;AACd,QAAI,CAAC,KAAM;AACX,UAAM,OAAO,SAAS;AACtB,oBAAU,YAAV,mBAAmB;AACnB,WAAO,MAAA;;AAAM,cAAAA,MAAA,6BAAM,UAAN,gBAAAA,IAAA;AAAA;AAAA,EACf,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,kBAAkB,UAAU;AAAA,MACrC,MAAK;AAAA,MAEL,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAU;AAAA,UACV,MAAK;AAAA,UACL,cAAW;AAAA,UACX,cAAY,OAAO,UAAU,WAAW,QAAQ;AAAA,UAChD,WAAW;AAAA,YACT;AAAA,YACA,WAAW,UAAU,OAAO,UAAU,IAAI;AAAA,YAC1C;AAAA,UAAA;AAAA,UAEF,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,UAEhB,UAAA;AAAA,aAAA,SAAS,cAAc,cAAc,CAAC,cACtC,qBAAC,OAAA,EAAI,WAAU,oFACZ,UAAA;AAAA,cAAA,QACC,oBAAC,QAAG,WAAU,gCAAgC,iBAAM,IAEpD,oBAAC,QAAA,EAAK,WAAU,SAAA,CAAS;AAAA,cAE1B;AAAA,cACA,cACC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC;AAAA,kBACpC,cAAY,WAAW,iBAAiB;AAAA,kBACxC,WAAU;AAAA,kBAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,WAAW,qBAAqB,aAAA,CAAc;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG7D,CAAC,aACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,cAAW;AAAA,kBACX,WAAU;AAAA,kBAEV,UAAA,oBAAC,MAAA,EAAK,MAAM,QAAA,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB,GAEJ;AAAA,YAEF,oBAAC,OAAA,EAAI,WAAU,kDAAkD,SAAA,CAAS;AAAA,YACzE,UAAU,oBAAC,OAAA,EAAI,WAAU,oDAAoD,UAAA,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvF;AAAA,EAAA;AAGN;"}

package/dist/rpc/AcceptPicker.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../components/button.cjs");
+const Icon = require("../data/Icon.cjs");
+const utils = require("../lib/utils.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" },
+  { value: "hidden", label: "Hide preview" }
+];
+function AcceptPicker({
+  value,
+  onChange,
+  size = "md",
+  options = ACCEPT_OPTIONS,
+  previewMode = "hidden",
+  onPreviewModeChange,
+  className
+}) {
+  const rootRef = react.useRef(null);
+  const [open, setOpen] = react.useState(false);
+  const pad = size === "sm" ? "px-2 py-0.5" : "px-2.5 py-1";
+  react.useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      var _a;
+      if (!((_a = rootRef.current) == null ? void 0 : _a.contains(event.target))) {
+        setOpen(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: utils.cn("relative flex flex-wrap gap-1", className), children: [
+    options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(opt.value),
+        className: utils.cn(
+          "rounded-md border text-xs transition-colors",
+          pad,
+          value === opt.value ? "border-emerald-500 bg-emerald-50 font-medium text-emerald-700 dark:border-emerald-600 dark:bg-emerald-950/30 dark:text-emerald-400" : "text-muted-foreground hover:border-foreground/20 hover:text-foreground"
+        ),
+        children: opt.label
+      },
+      opt.value
+    )),
+    onPreviewModeChange && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          "aria-label": "Open preview menu",
+          "aria-haspopup": "menu",
+          "aria-expanded": open,
+          className: utils.cn("h-auto", pad),
+          onClick: () => setOpen((current) => !current),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiEllipsis.UiEllipsis })
+        }
+      ),
+      open && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "menu",
+          "aria-label": "Preview options",
+          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",
+          children: PREVIEW_OPTIONS.map((option) => {
+            const active = option.value === previewMode;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitemradio",
+                "aria-checked": active,
+                className: utils.cn(
+                  "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm transition-colors",
+                  "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none"
+                ),
+                onClick: () => {
+                  onPreviewModeChange(option.value);
+                  setOpen(false);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1", children: option.label }),
+                  active ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCheck.UiCheck, className: "shrink-0" }) : null
+                ]
+              },
+              option.value
+            );
+          })
+        }
+      )
+    ] })
+  ] });
+}
+exports.ACCEPT_OPTIONS = ACCEPT_OPTIONS;
+exports.AcceptPicker = AcceptPicker;
+exports.VIEW_OPTIONS = VIEW_OPTIONS;
+//# sourceMappingURL=AcceptPicker.cjs.map

package/dist/rpc/AcceptPicker.cjs.map

@@ -0,0 +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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AcceptPicker.d.ts","sourceRoot":"","sources":["../../src/rpc/AcceptPicker.tsx"],"names":[],"mappings":"AAKA,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":"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"}

package/dist/rpc/AcceptPicker.js

@@ -3,6 +3,8 @@ 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 { 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" },
@@ -80,7 +82,7 @@ function AcceptPicker({
           "aria-expanded": open,
           className: cn("h-auto", pad),
           onClick: () => setOpen((current) => !current),
-          children: /* @__PURE__ */ jsx(Icon, { name: "codicon:ellipsis" })
+          children: /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis })
         }
       ),
       open && /* @__PURE__ */ jsx(
@@ -107,7 +109,7 @@ function AcceptPicker({
                 },
                 children: [
                   /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: option.label }),
-                  active ? /* @__PURE__ */ jsx(Icon, { name: "ph:check", className: "shrink-0" }) : null
+                  active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "shrink-0" }) : null
                 ]
               },
               option.value

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 { 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 name=\"codicon:ellipsis\" />\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 name=\"ph:check\" 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\";\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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"}

package/dist/rpc/CommandForm.cjs

@@ -0,0 +1,357 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const button = require("../components/button.cjs");
+const Icon = require("../data/Icon.cjs");
+const types = require("./types.cjs");
+const UiClose = require("../icons/components/UiClose.cjs");
+function formReducer(state, action) {
+  return { ...state, [action.name]: action.value };
+}
+function CommandForm({
+  parameters,
+  onExecute,
+  isPending,
+  method: _method,
+  path,
+  accept,
+  initialValues
+}) {
+  const [values, dispatch] = react.useReducer(
+    formReducer,
+    { parameters, path, initialValues },
+    ({ parameters: params, path: formPath, initialValues: overrides }) => buildInitialState(normalizeParameters(params, formPath), formPath, overrides)
+  );
+  const formParameters = normalizeParameters(parameters, path);
+  const visibleParams = formParameters.filter((p) => !(p.in === "path" && (initialValues == null ? void 0 : initialValues[p.name])));
+  const positionalNames = new Set(formParameters.filter(types.isPositionalParam).map((p) => p.name));
+  const inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;
+  function handleSubmit(event) {
+    event.preventDefault();
+    const params = {};
+    const args = [];
+    for (const param of formParameters) {
+      const value = submitValue(param, values[param.name]);
+      if (value == null) continue;
+      if (positionalNames.has(param.name)) {
+        args.push(...splitArgsValue(value));
+      } else {
+        params[param.name] = value;
+      }
+    }
+    if (args.length > 0) params.args = args.join(",");
+    onExecute(params, { Accept: accept });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    visibleParams.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: inlineLayout ? "grid gap-2" : "grid gap-4", children: visibleParams.map((param) => /* @__PURE__ */ jsxRuntime.jsx(
+      ParameterField,
+      {
+        param,
+        value: values[param.name] || "",
+        inline: inlineLayout,
+        onChange: (value) => dispatch({ name: param.name, value })
+      },
+      param.name
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: inlineLayout ? "sticky bottom-0 z-10 -mx-2 flex justify-end border-t border-border bg-background/95 px-2 py-3 backdrop-blur-sm" : "flex justify-end",
+        children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "submit", disabled: isPending, children: isPending ? "Executing..." : "Execute" })
+      }
+    )
+  ] });
+}
+const INLINE_LAYOUT_THRESHOLD = 6;
+function ParameterField({
+  param,
+  value,
+  inline,
+  onChange
+}) {
+  const schema = param.schema;
+  const fieldId = `param-${param.name}`;
+  if (isMultiValueParam(param)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { param, fieldId, inline, children: /* @__PURE__ */ jsxRuntime.jsx(
+      TagInput,
+      {
+        id: fieldId,
+        value,
+        placeholder: param.description || param.name,
+        onChange
+      }
+    ) });
+  }
+  if (schema == null ? void 0 : schema.enum) {
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { param, fieldId, inline, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        id: fieldId,
+        value,
+        className: inputClassName,
+        onChange: (event) => onChange(event.target.value),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("option", { value: "", children: [
+            "Select ",
+            param.name
+          ] }),
+          schema.enum.map((v) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: String(v), children: String(v) }, String(v)))
+        ]
+      }
+    ) });
+  }
+  if ((schema == null ? void 0 : schema.type) === "boolean") {
+    const checkbox = /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id: fieldId,
+        type: "checkbox",
+        className: "h-4 w-4 accent-primary",
+        checked: value === "true",
+        onChange: (event) => onChange(event.target.checked ? "true" : "false")
+      }
+    );
+    if (inline) {
+      return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { param, fieldId, inline: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 items-center", children: checkbox }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      checkbox,
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: fieldId, className: "text-sm font-medium", children: [
+        param.name,
+        param.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: " *" })
+      ] }),
+      param.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: param.description })
+    ] });
+  }
+  if (isDateParam(param)) {
+    const dateTime = (schema == null ? void 0 : schema.format) === "date-time";
+    return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { param, fieldId, inline, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: fieldId,
+          type: dateTime ? "datetime-local" : "date",
+          value: dateInputValue(value, dateTime),
+          className: inputClassName,
+          onChange: (event) => onChange(dateOutputValue(event.target.value, dateTime))
+        }
+      ),
+      value && /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          "aria-label": `Clear ${param.name}`,
+          onClick: () => onChange(""),
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose })
+        }
+      )
+    ] }) });
+  }
+  const inputType = (schema == null ? void 0 : schema.type) === "integer" || (schema == null ? void 0 : schema.type) === "number" ? "number" : "text";
+  return /* @__PURE__ */ jsxRuntime.jsx(FieldWrapper, { param, fieldId, inline, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      id: fieldId,
+      type: inputType,
+      value,
+      className: inputClassName,
+      onChange: (event) => onChange(event.target.value),
+      placeholder: (schema == null ? void 0 : schema.default) != null ? String(schema.default) : param.description || param.name
+    }
+  ) });
+}
+function TagInput({
+  id,
+  value,
+  placeholder,
+  onChange
+}) {
+  const tags = parseTags(value);
+  function commit(raw, input) {
+    const next = raw.split(",").map((part) => part.trim()).filter(Boolean);
+    if (next.length === 0) return;
+    onChange(serializeTags([...tags, ...next]));
+    input.value = "";
+  }
+  function remove(index) {
+    onChange(serializeTags(tags.filter((_, i) => i !== index)));
+  }
+  function handleKeyDown(event) {
+    const input = event.currentTarget;
+    if (event.key === "Enter" || event.key === ",") {
+      event.preventDefault();
+      commit(input.value, input);
+      return;
+    }
+    if (event.key === "Backspace" && input.value === "" && tags.length > 0) {
+      remove(tags.length - 1);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1 shadow-sm", children: [
+    tags.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        className: "inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: tag }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "text-muted-foreground hover:text-foreground",
+              "aria-label": `Remove ${tag}`,
+              onClick: () => remove(index),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiClose.UiClose })
+            }
+          )
+        ]
+      },
+      `${tag}-${index}`
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        id,
+        className: "min-w-32 flex-1 bg-transparent px-1 py-1 text-sm outline-none",
+        placeholder: tags.length === 0 ? placeholder : "",
+        onKeyDown: handleKeyDown,
+        onBlur: (event) => commit(event.currentTarget.value, event.currentTarget)
+      }
+    )
+  ] });
+}
+function FieldWrapper({
+  param,
+  fieldId,
+  inline,
+  children
+}) {
+  const label = /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: fieldId, className: "text-sm font-medium", children: [
+    param.name,
+    param.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive", children: " *" })
+  ] });
+  if (inline) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[10rem_1fr] items-start gap-x-3 gap-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 items-center", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children }),
+      param.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "col-start-2 text-xs text-muted-foreground", children: param.description })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    label,
+    children,
+    param.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: param.description })
+  ] });
+}
+function normalizeParameters(parameters, path) {
+  const pathParams = pathParamNames(path);
+  const firstPathParam = pathParams[0];
+  const seen = new Set(parameters.map((param) => param.name));
+  const normalized = parameters.filter(
+    (param) => !(param.name === "args" && firstPathParam != null && !seen.has(firstPathParam))
+  );
+  for (const name of pathParams) {
+    if (seen.has(name)) continue;
+    normalized.unshift({
+      name,
+      in: "path",
+      required: true,
+      description: "Path parameter",
+      schema: { type: "string" }
+    });
+  }
+  return normalized;
+}
+function pathParamNames(path) {
+  return [...path.matchAll(/\{([^}]+)\}/g)].map((match) => match[1]).filter((name) => Boolean(name));
+}
+function buildInitialState(parameters, path, overrides) {
+  const state = {};
+  for (const p of parameters) {
+    state[p.name] = initialParamValue(p, overrides == null ? void 0 : overrides[p.name]);
+  }
+  for (const name of pathParamNames(path)) {
+    if (state[name] == null) {
+      state[name] = (overrides == null ? void 0 : overrides[name]) ?? "";
+    }
+  }
+  return state;
+}
+function initialParamValue(param, override) {
+  var _a;
+  if (override != null) return sanitizeInitialValue(param, override);
+  const value = (_a = param.schema) == null ? void 0 : _a.default;
+  if (value == null) return "";
+  return sanitizeInitialValue(param, String(value));
+}
+function sanitizeInitialValue(param, value) {
+  const trimmed = value.trim();
+  if (trimmed === "[]" || trimmed === "null") return "";
+  if (isDateParam(param) && isZeroDate(trimmed)) return "";
+  return value;
+}
+function submitValue(param, value) {
+  const trimmed = (value ?? "").trim();
+  if (!trimmed || trimmed === "[]" || trimmed === "null") return null;
+  if (isDateParam(param) && isZeroDate(trimmed)) return null;
+  return trimmed;
+}
+function splitArgsValue(value) {
+  try {
+    const parsed = JSON.parse(value);
+    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);
+  } catch {
+  }
+  return value.split(",").map((part) => part.trim()).filter(Boolean);
+}
+function isMultiValueParam(param) {
+  var _a, _b;
+  const text = `${param.name} ${param.description ?? ""}`.toLowerCase();
+  return ((_a = param.schema) == null ? void 0 : _a.type) === "array" || String(((_b = param.schema) == null ? void 0 : _b.default) ?? "") === "[]" || text.includes("repeatable");
+}
+function parseTags(value) {
+  const trimmed = value.trim();
+  if (!trimmed || trimmed === "[]" || trimmed === "null") return [];
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);
+  } catch {
+  }
+  return trimmed.split(",").map((part) => part.trim()).filter(Boolean);
+}
+function serializeTags(tags) {
+  return tags.join(",");
+}
+function isDateParam(param) {
+  var _a, _b;
+  const format = (_b = (_a = param.schema) == null ? void 0 : _a.format) == null ? void 0 : _b.toLowerCase();
+  const text = `${param.name} ${param.description ?? ""}`.toLowerCase();
+  return format === "date" || format === "date-time" || text.includes("date");
+}
+function isZeroDate(value) {
+  return value.startsWith("0001-01-01") || value === "0001-01-01";
+}
+function dateInputValue(value, dateTime) {
+  if (!value || value.startsWith("0001-01-01")) return "";
+  if (!dateTime) return value.slice(0, 10);
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value.slice(0, 16);
+  const offset = parsed.getTimezoneOffset() * 6e4;
+  return new Date(parsed.getTime() - offset).toISOString().slice(0, 16);
+}
+function dateOutputValue(value, dateTime) {
+  if (!value) return "";
+  if (!dateTime) return value;
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return value;
+  return parsed.toISOString();
+}
+const inputClassName = "h-9 w-full min-w-0 rounded-md border border-input bg-background px-2 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring";
+exports.CommandForm = CommandForm;
+exports.normalizeParameters = normalizeParameters;
+exports.pathParamNames = pathParamNames;
+exports.submitValue = submitValue;
+//# sourceMappingURL=CommandForm.cjs.map