@flanksource/clicky-ui 0.2.19 → 0.2.21

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\";\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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"}
+{"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  const activeLabel = options.find((opt) => opt.value === value)?.label ?? value;\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\", className)}>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-label=\"Open format menu\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className={cn(\"h-auto gap-1.5\", pad)}\n        onClick={() => setOpen((current) => !current)}\n      >\n        <span className=\"text-xs font-medium\">{activeLabel}</span>\n        <Icon icon={UiEllipsis} className=\"text-muted-foreground\" />\n      </Button>\n      {open && (\n        <div\n          role=\"menu\"\n          aria-label=\"Format and 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          <MenuSectionLabel>Format</MenuSectionLabel>\n          {options.map((opt) => (\n            <MenuRadioItem\n              key={opt.value}\n              label={opt.label}\n              active={opt.value === value}\n              onSelect={() => {\n                onChange(opt.value);\n                setOpen(false);\n              }}\n            />\n          ))}\n          {onPreviewModeChange && (\n            <>\n              <div role=\"separator\" className=\"my-1 h-px bg-border\" />\n              <MenuSectionLabel>Preview</MenuSectionLabel>\n              {PREVIEW_OPTIONS.map((option) => (\n                <MenuRadioItem\n                  key={option.value}\n                  label={option.label}\n                  active={option.value === previewMode}\n                  onSelect={() => {\n                    onPreviewModeChange(option.value);\n                    setOpen(false);\n                  }}\n                />\n              ))}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction MenuSectionLabel({ children }: { children: string }) {\n  return (\n    <div className=\"px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction MenuRadioItem({\n  label,\n  active,\n  onSelect,\n}: {\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\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        active && \"font-medium\",\n      )}\n      onClick={onSelect}\n    >\n      <span className=\"min-w-0 flex-1\">{label}</span>\n      {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n    </button>\n  );\n}\n"],"names":["ACCEPT_OPTIONS","useRef","useState","useEffect","_a","jsxs","cn","Button","jsx","Icon","UiEllipsis","Fragment","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,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"}
+{"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,2CA8EnB"}

package/dist/rpc/AcceptPicker.js

@@ -20,14 +20,16 @@ function AcceptPicker({
   onPreviewModeChange,
   className
 }) {
+  var _a;
   const rootRef = useRef(null);
   const [open, setOpen] = useState(false);
   const pad = size === "sm" ? "px-2 py-0.5" : "px-2.5 py-1";
+  const activeLabel = ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) ?? value;
   useEffect(() => {
     if (!open) return;
     const onPointerDown = (event) => {
-      var _a;
-      if (!((_a = rootRef.current) == null ? void 0 : _a.contains(event.target))) {
+      var _a2;
+      if (!((_a2 = rootRef.current) == null ? void 0 : _a2.contains(event.target))) {
         setOpen(false);
       }
     };
@@ -41,71 +43,92 @@ function AcceptPicker({
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [open]);
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex flex-wrap gap-1", className), children: [
-    options.map((opt) => /* @__PURE__ */ jsx(
-      "button",
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative flex", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
       {
         type: "button",
-        onClick: () => onChange(opt.value),
-        className: 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__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          "aria-label": "Open preview menu",
-          "aria-haspopup": "menu",
-          "aria-expanded": open,
-          className: cn("h-auto", pad),
-          onClick: () => setOpen((current) => !current),
-          children: /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis })
-        }
-      ),
-      open && /* @__PURE__ */ 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__ */ jsxs(
-              "button",
+        variant: "outline",
+        size: "sm",
+        "aria-label": "Open format menu",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        className: cn("h-auto gap-1.5", pad),
+        onClick: () => setOpen((current) => !current),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: activeLabel }),
+          /* @__PURE__ */ jsx(Icon, { icon: UiEllipsis, className: "text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Format and 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: [
+          /* @__PURE__ */ jsx(MenuSectionLabel, { children: "Format" }),
+          options.map((opt) => /* @__PURE__ */ jsx(
+            MenuRadioItem,
+            {
+              label: opt.label,
+              active: opt.value === value,
+              onSelect: () => {
+                onChange(opt.value);
+                setOpen(false);
+              }
+            },
+            opt.value
+          )),
+          onPreviewModeChange && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { role: "separator", className: "my-1 h-px bg-border" }),
+            /* @__PURE__ */ jsx(MenuSectionLabel, { children: "Preview" }),
+            PREVIEW_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+              MenuRadioItem,
               {
-                type: "button",
-                role: "menuitemradio",
-                "aria-checked": active,
-                className: 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: () => {
+                label: option.label,
+                active: option.value === previewMode,
+                onSelect: () => {
                   onPreviewModeChange(option.value);
                   setOpen(false);
-                },
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: option.label }),
-                  active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "shrink-0" }) : null
-                ]
+                }
               },
               option.value
-            );
-          })
-        }
-      )
-    ] })
+            ))
+          ] })
+        ]
+      }
+    )
   ] });
 }
+function MenuSectionLabel({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children });
+}
+function MenuRadioItem({
+  label,
+  active,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemradio",
+      "aria-checked": active,
+      className: 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",
+        active && "font-medium"
+      ),
+      onClick: onSelect,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: label }),
+        active ? /* @__PURE__ */ jsx(Icon, { icon: UiCheck, className: "shrink-0" }) : null
+      ]
+    }
+  );
+}
 export {
   AcceptPicker
 };

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\";\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;"}
+{"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  const activeLabel = options.find((opt) => opt.value === value)?.label ?? value;\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\", className)}>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        aria-label=\"Open format menu\"\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        className={cn(\"h-auto gap-1.5\", pad)}\n        onClick={() => setOpen((current) => !current)}\n      >\n        <span className=\"text-xs font-medium\">{activeLabel}</span>\n        <Icon icon={UiEllipsis} className=\"text-muted-foreground\" />\n      </Button>\n      {open && (\n        <div\n          role=\"menu\"\n          aria-label=\"Format and 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          <MenuSectionLabel>Format</MenuSectionLabel>\n          {options.map((opt) => (\n            <MenuRadioItem\n              key={opt.value}\n              label={opt.label}\n              active={opt.value === value}\n              onSelect={() => {\n                onChange(opt.value);\n                setOpen(false);\n              }}\n            />\n          ))}\n          {onPreviewModeChange && (\n            <>\n              <div role=\"separator\" className=\"my-1 h-px bg-border\" />\n              <MenuSectionLabel>Preview</MenuSectionLabel>\n              {PREVIEW_OPTIONS.map((option) => (\n                <MenuRadioItem\n                  key={option.value}\n                  label={option.label}\n                  active={option.value === previewMode}\n                  onSelect={() => {\n                    onPreviewModeChange(option.value);\n                    setOpen(false);\n                  }}\n                />\n              ))}\n            </>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction MenuSectionLabel({ children }: { children: string }) {\n  return (\n    <div className=\"px-2 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n      {children}\n    </div>\n  );\n}\n\nfunction MenuRadioItem({\n  label,\n  active,\n  onSelect,\n}: {\n  label: string;\n  active: boolean;\n  onSelect: () => void;\n}) {\n  return (\n    <button\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        active && \"font-medium\",\n      )}\n      onClick={onSelect}\n    >\n      <span className=\"min-w-0 flex-1\">{label}</span>\n      {active ? <Icon icon={UiCheck} className=\"shrink-0\" /> : null}\n    </button>\n  );\n}\n"],"names":["_a"],"mappings":"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"}

package/dist/rpc/CommandForm.cjs

@@ -5,6 +5,7 @@ const react = require("react");
 const button = require("../components/button.cjs");
 const Icon = require("../data/Icon.cjs");
 const types = require("./types.cjs");
+const commandFormUtils = require("./command-form-utils.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
 function formReducer(state, action) {
   return { ...state, [action.name]: action.value };
@@ -21,9 +22,9 @@ function CommandForm({
   const [values, dispatch] = react.useReducer(
     formReducer,
     { parameters, path, initialValues },
-    ({ parameters: params, path: formPath, initialValues: overrides }) => buildInitialState(normalizeParameters(params, formPath), formPath, overrides)
+    ({ parameters: params, path: formPath, initialValues: overrides }) => buildInitialState(commandFormUtils.normalizeParameters(params, formPath), formPath, overrides)
   );
-  const formParameters = normalizeParameters(parameters, path);
+  const formParameters = commandFormUtils.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;
@@ -32,7 +33,7 @@ function CommandForm({
     const params = {};
     const args = [];
     for (const param of formParameters) {
-      const value = submitValue(param, values[param.name]);
+      const value = commandFormUtils.submitValue(param, values[param.name]);
       if (value == null) continue;
       if (positionalNames.has(param.name)) {
         args.push(...splitArgsValue(value));
@@ -246,34 +247,12 @@ function FieldWrapper({
     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)) {
+  for (const name of commandFormUtils.pathParamNames(path)) {
     if (state[name] == null) {
       state[name] = (overrides == null ? void 0 : overrides[name]) ?? "";
     }
@@ -293,12 +272,6 @@ function sanitizeInitialValue(param, value) {
   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);
@@ -351,7 +324,4 @@ function dateOutputValue(value, dateTime) {
 }
 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

package/dist/rpc/CommandForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandForm.cjs","sources":["../../src/rpc/CommandForm.tsx"],"sourcesContent":["import { useReducer, type FormEvent, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport {\n  isPositionalParam,\n  parameterPlaceholder,\n  type OpenAPIParameter,\n} from \"./types\";\n\nexport type CommandFormProps = {\n  parameters: OpenAPIParameter[];\n  onExecute: (params: Record<string, string>, headers: Record<string, string>) => void;\n  isPending: boolean;\n  method: string;\n  path: string;\n  accept: string;\n  initialValues?: Record<string, string>;\n};\n\ntype FormState = Record<string, string>;\ntype FormAction = { name: string; value: string };\n\nfunction formReducer(state: FormState, action: FormAction): FormState {\n  return { ...state, [action.name]: action.value };\n}\n\nexport function CommandForm({\n  parameters,\n  onExecute,\n  isPending,\n  method: _method,\n  path,\n  accept,\n  initialValues,\n}: CommandFormProps) {\n  const [values, dispatch] = useReducer(\n    formReducer,\n    { parameters, path, initialValues },\n    ({ parameters: params, path: formPath, initialValues: overrides }) =>\n      buildInitialState(normalizeParameters(params, formPath), formPath, overrides),\n  );\n\n  const formParameters = normalizeParameters(parameters, path);\n  const visibleParams = formParameters.filter((p) => !(p.in === \"path\" && initialValues?.[p.name]));\n  const positionalNames = new Set(formParameters.filter(isPositionalParam).map((p) => p.name));\n  const inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault();\n    const params: Record<string, string> = {};\n    const args: string[] = [];\n    for (const param of formParameters) {\n      const value = submitValue(param, values[param.name]);\n      if (value == null) continue;\n      if (positionalNames.has(param.name)) {\n        args.push(...splitArgsValue(value));\n      } else {\n        params[param.name] = value;\n      }\n    }\n    if (args.length > 0) params.args = args.join(\",\");\n    onExecute(params, { Accept: accept });\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-4\">\n      {visibleParams.length > 0 && (\n        <div className={inlineLayout ? \"grid gap-2\" : \"grid gap-4\"}>\n          {visibleParams.map((param) => (\n            <ParameterField\n              key={param.name}\n              param={param}\n              value={values[param.name] || \"\"}\n              inline={inlineLayout}\n              onChange={(value) => dispatch({ name: param.name, value })}\n            />\n          ))}\n        </div>\n      )}\n\n      <div\n        className={\n          inlineLayout\n            ? \"sticky bottom-0 z-10 -mx-2 flex justify-end border-t border-border bg-background/95 px-2 py-3 backdrop-blur-sm\"\n            : \"flex justify-end\"\n        }\n      >\n        <Button type=\"submit\" disabled={isPending}>\n          {isPending ? \"Executing...\" : \"Execute\"}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nconst INLINE_LAYOUT_THRESHOLD = 6;\n\nfunction ParameterField({\n  param,\n  value,\n  inline,\n  onChange,\n}: {\n  param: OpenAPIParameter;\n  value: string;\n  inline: boolean;\n  onChange: (value: string) => void;\n}) {\n  const schema = param.schema;\n  const fieldId = `param-${param.name}`;\n\n  if (isMultiValueParam(param)) {\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <TagInput\n          id={fieldId}\n          value={value}\n          placeholder={parameterPlaceholder(param) || param.name}\n          onChange={onChange}\n        />\n      </FieldWrapper>\n    );\n  }\n\n  if (schema?.enum) {\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <select\n          id={fieldId}\n          value={value}\n          className={inputClassName}\n          onChange={(event) => onChange(event.target.value)}\n        >\n          <option value=\"\">Select {param.name}</option>\n          {schema.enum.map((v) => (\n            <option key={String(v)} value={String(v)}>\n              {String(v)}\n            </option>\n          ))}\n        </select>\n      </FieldWrapper>\n    );\n  }\n\n  if (schema?.type === \"boolean\") {\n    const checkbox = (\n      <input\n        id={fieldId}\n        type=\"checkbox\"\n        className=\"h-4 w-4 accent-primary\"\n        checked={value === \"true\"}\n        onChange={(event) => onChange(event.target.checked ? \"true\" : \"false\")}\n      />\n    );\n    if (inline) {\n      return (\n        <FieldWrapper param={param} fieldId={fieldId} inline>\n          <div className=\"flex h-9 items-center\">{checkbox}</div>\n        </FieldWrapper>\n      );\n    }\n    return (\n      <div className=\"flex items-center gap-2\">\n        {checkbox}\n        <label htmlFor={fieldId} className=\"text-sm font-medium\">\n          {param.name}\n          {param.required && <span className=\"text-destructive\"> *</span>}\n        </label>\n        {param.description && (\n          <span className=\"text-xs text-muted-foreground\">{param.description}</span>\n        )}\n      </div>\n    );\n  }\n\n  if (isDateParam(param)) {\n    const dateTime = schema?.format === \"date-time\";\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <div className=\"flex gap-2\">\n          <input\n            id={fieldId}\n            type={dateTime ? \"datetime-local\" : \"date\"}\n            value={dateInputValue(value, dateTime)}\n            className={inputClassName}\n            onChange={(event) => onChange(dateOutputValue(event.target.value, dateTime))}\n          />\n          {value && (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              aria-label={`Clear ${param.name}`}\n              onClick={() => onChange(\"\")}\n            >\n              <Icon icon={UiClose} />\n            </Button>\n          )}\n        </div>\n      </FieldWrapper>\n    );\n  }\n\n  const inputType = schema?.type === \"integer\" || schema?.type === \"number\" ? \"number\" : \"text\";\n\n  return (\n    <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n      <input\n        id={fieldId}\n        type={inputType}\n        value={value}\n        className={inputClassName}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={\n          schema?.default != null\n            ? String(schema.default)\n            : parameterPlaceholder(param) || param.name\n        }\n      />\n    </FieldWrapper>\n  );\n}\n\nfunction TagInput({\n  id,\n  value,\n  placeholder,\n  onChange,\n}: {\n  id: string;\n  value: string;\n  placeholder: string;\n  onChange: (value: string) => void;\n}) {\n  const tags = parseTags(value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    onChange(serializeTags([...tags, ...next]));\n    input.value = \"\";\n  }\n\n  function remove(index: number) {\n    onChange(serializeTags(tags.filter((_, i) => i !== index)));\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    const input = event.currentTarget;\n    if (event.key === \"Enter\" || event.key === \",\") {\n      event.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (event.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      remove(tags.length - 1);\n    }\n  }\n\n  return (\n    <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\">\n      {tags.map((tag, index) => (\n        <span\n          key={`${tag}-${index}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          <button\n            type=\"button\"\n            className=\"text-muted-foreground hover:text-foreground\"\n            aria-label={`Remove ${tag}`}\n            onClick={() => remove(index)}\n          >\n            <Icon icon={UiClose} />\n          </button>\n        </span>\n      ))}\n      <input\n        id={id}\n        className=\"min-w-32 flex-1 bg-transparent px-1 py-1 text-sm outline-none\"\n        placeholder={tags.length === 0 ? placeholder : \"\"}\n        onKeyDown={handleKeyDown}\n        onBlur={(event) => commit(event.currentTarget.value, event.currentTarget)}\n      />\n    </div>\n  );\n}\n\nfunction FieldWrapper({\n  param,\n  fieldId,\n  inline,\n  children,\n}: {\n  param: OpenAPIParameter;\n  fieldId: string;\n  inline?: boolean;\n  children: ReactNode;\n}) {\n  const label = (\n    <label htmlFor={fieldId} className=\"text-sm font-medium\">\n      {param.name}\n      {param.required && <span className=\"text-destructive\"> *</span>}\n    </label>\n  );\n\n  if (inline) {\n    return (\n      <div className=\"grid grid-cols-[10rem_1fr] items-start gap-x-3 gap-y-0.5\">\n        <div className=\"flex h-9 items-center\">{label}</div>\n        <div className=\"min-w-0\">{children}</div>\n        {param.description && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{param.description}</p>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-1.5\">\n      {label}\n      {children}\n      {param.description && <p className=\"text-xs text-muted-foreground\">{param.description}</p>}\n    </div>\n  );\n}\n\nexport function normalizeParameters(\n  parameters: OpenAPIParameter[],\n  path: string,\n): OpenAPIParameter[] {\n  const pathParams = pathParamNames(path);\n  const firstPathParam = pathParams[0];\n  const seen = new Set(parameters.map((param) => param.name));\n  const normalized = parameters.filter(\n    (param) => !(param.name === \"args\" && firstPathParam != null && !seen.has(firstPathParam)),\n  );\n  for (const name of pathParams) {\n    if (seen.has(name)) continue;\n    normalized.unshift({\n      name,\n      in: \"path\",\n      required: true,\n      description: \"Path parameter\",\n      schema: { type: \"string\" },\n    });\n  }\n  return normalized;\n}\n\nexport function pathParamNames(path: string): string[] {\n  return [...path.matchAll(/\\{([^}]+)\\}/g)]\n    .map((match) => match[1])\n    .filter((name): name is string => Boolean(name));\n}\n\nfunction buildInitialState(\n  parameters: OpenAPIParameter[],\n  path: string,\n  overrides?: Record<string, string>,\n): FormState {\n  const state: FormState = {};\n  for (const p of parameters) {\n    state[p.name] = initialParamValue(p, overrides?.[p.name]);\n  }\n  for (const name of pathParamNames(path)) {\n    if (state[name] == null) {\n      state[name] = overrides?.[name] ?? \"\";\n    }\n  }\n  return state;\n}\n\nfunction initialParamValue(param: OpenAPIParameter, override: string | undefined): string {\n  if (override != null) return sanitizeInitialValue(param, override);\n  const value = param.schema?.default;\n  if (value == null) return \"\";\n  return sanitizeInitialValue(param, String(value));\n}\n\nfunction sanitizeInitialValue(param: OpenAPIParameter, value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"[]\" || trimmed === \"null\") return \"\";\n  if (isDateParam(param) && isZeroDate(trimmed)) return \"\";\n  return value;\n}\n\nexport function submitValue(param: OpenAPIParameter, value: string | undefined): string | null {\n  const trimmed = (value ?? \"\").trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed === \"null\") return null;\n  if (isDateParam(param) && isZeroDate(trimmed)) return null;\n  return trimmed;\n}\n\nfunction splitArgsValue(value: string): string[] {\n  try {\n    const parsed = JSON.parse(value);\n    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);\n  } catch {\n    // Use comma splitting below.\n  }\n  return value\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n\nfunction isMultiValueParam(param: OpenAPIParameter): boolean {\n  const text = `${param.name} ${param.description ?? \"\"}`.toLowerCase();\n  return (\n    param.schema?.type === \"array\" ||\n    String(param.schema?.default ?? \"\") === \"[]\" ||\n    text.includes(\"repeatable\")\n  );\n}\n\nfunction parseTags(value: string): string[] {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed === \"null\") return [];\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);\n  } catch {\n    // Fall back to comma-delimited tags below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n\nfunction serializeTags(tags: string[]): string {\n  return tags.join(\",\");\n}\n\nfunction isDateParam(param: OpenAPIParameter): boolean {\n  const format = param.schema?.format?.toLowerCase();\n  const text = `${param.name} ${param.description ?? \"\"}`.toLowerCase();\n  return format === \"date\" || format === \"date-time\" || text.includes(\"date\");\n}\n\nfunction isZeroDate(value: string): boolean {\n  return value.startsWith(\"0001-01-01\") || value === \"0001-01-01\";\n}\n\nfunction dateInputValue(value: string, dateTime: boolean): string {\n  if (!value || value.startsWith(\"0001-01-01\")) return \"\";\n  if (!dateTime) return value.slice(0, 10);\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return value.slice(0, 16);\n  const offset = parsed.getTimezoneOffset() * 60_000;\n  return new Date(parsed.getTime() - offset).toISOString().slice(0, 16);\n}\n\nfunction dateOutputValue(value: string, dateTime: boolean): string {\n  if (!value) return \"\";\n  if (!dateTime) return value;\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return value;\n  return parsed.toISOString();\n}\n\nconst inputClassName =\n  \"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\";\n"],"names":["useReducer","isPositionalParam","jsxs","jsx","Button","parameterPlaceholder","Icon","UiClose"],"mappings":"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"}
+{"version":3,"file":"CommandForm.cjs","sources":["../../src/rpc/CommandForm.tsx"],"sourcesContent":["import { useReducer, type FormEvent, type KeyboardEvent, type ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiClose } from \"../icons\";\nimport {\n  isPositionalParam,\n  parameterPlaceholder,\n  type OpenAPIParameter,\n} from \"./types\";\nimport { normalizeParameters, pathParamNames, submitValue } from \"./command-form-utils\";\n\nexport type CommandFormProps = {\n  parameters: OpenAPIParameter[];\n  onExecute: (params: Record<string, string>, headers: Record<string, string>) => void;\n  isPending: boolean;\n  method: string;\n  path: string;\n  accept: string;\n  initialValues?: Record<string, string>;\n};\n\ntype FormState = Record<string, string>;\ntype FormAction = { name: string; value: string };\n\nfunction formReducer(state: FormState, action: FormAction): FormState {\n  return { ...state, [action.name]: action.value };\n}\n\nexport function CommandForm({\n  parameters,\n  onExecute,\n  isPending,\n  method: _method,\n  path,\n  accept,\n  initialValues,\n}: CommandFormProps) {\n  const [values, dispatch] = useReducer(\n    formReducer,\n    { parameters, path, initialValues },\n    ({ parameters: params, path: formPath, initialValues: overrides }) =>\n      buildInitialState(normalizeParameters(params, formPath), formPath, overrides),\n  );\n\n  const formParameters = normalizeParameters(parameters, path);\n  const visibleParams = formParameters.filter((p) => !(p.in === \"path\" && initialValues?.[p.name]));\n  const positionalNames = new Set(formParameters.filter(isPositionalParam).map((p) => p.name));\n  const inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault();\n    const params: Record<string, string> = {};\n    const args: string[] = [];\n    for (const param of formParameters) {\n      const value = submitValue(param, values[param.name]);\n      if (value == null) continue;\n      if (positionalNames.has(param.name)) {\n        args.push(...splitArgsValue(value));\n      } else {\n        params[param.name] = value;\n      }\n    }\n    if (args.length > 0) params.args = args.join(\",\");\n    onExecute(params, { Accept: accept });\n  }\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-4\">\n      {visibleParams.length > 0 && (\n        <div className={inlineLayout ? \"grid gap-2\" : \"grid gap-4\"}>\n          {visibleParams.map((param) => (\n            <ParameterField\n              key={param.name}\n              param={param}\n              value={values[param.name] || \"\"}\n              inline={inlineLayout}\n              onChange={(value) => dispatch({ name: param.name, value })}\n            />\n          ))}\n        </div>\n      )}\n\n      <div\n        className={\n          inlineLayout\n            ? \"sticky bottom-0 z-10 -mx-2 flex justify-end border-t border-border bg-background/95 px-2 py-3 backdrop-blur-sm\"\n            : \"flex justify-end\"\n        }\n      >\n        <Button type=\"submit\" disabled={isPending}>\n          {isPending ? \"Executing...\" : \"Execute\"}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nconst INLINE_LAYOUT_THRESHOLD = 6;\n\nfunction ParameterField({\n  param,\n  value,\n  inline,\n  onChange,\n}: {\n  param: OpenAPIParameter;\n  value: string;\n  inline: boolean;\n  onChange: (value: string) => void;\n}) {\n  const schema = param.schema;\n  const fieldId = `param-${param.name}`;\n\n  if (isMultiValueParam(param)) {\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <TagInput\n          id={fieldId}\n          value={value}\n          placeholder={parameterPlaceholder(param) || param.name}\n          onChange={onChange}\n        />\n      </FieldWrapper>\n    );\n  }\n\n  if (schema?.enum) {\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <select\n          id={fieldId}\n          value={value}\n          className={inputClassName}\n          onChange={(event) => onChange(event.target.value)}\n        >\n          <option value=\"\">Select {param.name}</option>\n          {schema.enum.map((v) => (\n            <option key={String(v)} value={String(v)}>\n              {String(v)}\n            </option>\n          ))}\n        </select>\n      </FieldWrapper>\n    );\n  }\n\n  if (schema?.type === \"boolean\") {\n    const checkbox = (\n      <input\n        id={fieldId}\n        type=\"checkbox\"\n        className=\"h-4 w-4 accent-primary\"\n        checked={value === \"true\"}\n        onChange={(event) => onChange(event.target.checked ? \"true\" : \"false\")}\n      />\n    );\n    if (inline) {\n      return (\n        <FieldWrapper param={param} fieldId={fieldId} inline>\n          <div className=\"flex h-9 items-center\">{checkbox}</div>\n        </FieldWrapper>\n      );\n    }\n    return (\n      <div className=\"flex items-center gap-2\">\n        {checkbox}\n        <label htmlFor={fieldId} className=\"text-sm font-medium\">\n          {param.name}\n          {param.required && <span className=\"text-destructive\"> *</span>}\n        </label>\n        {param.description && (\n          <span className=\"text-xs text-muted-foreground\">{param.description}</span>\n        )}\n      </div>\n    );\n  }\n\n  if (isDateParam(param)) {\n    const dateTime = schema?.format === \"date-time\";\n    return (\n      <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n        <div className=\"flex gap-2\">\n          <input\n            id={fieldId}\n            type={dateTime ? \"datetime-local\" : \"date\"}\n            value={dateInputValue(value, dateTime)}\n            className={inputClassName}\n            onChange={(event) => onChange(dateOutputValue(event.target.value, dateTime))}\n          />\n          {value && (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              aria-label={`Clear ${param.name}`}\n              onClick={() => onChange(\"\")}\n            >\n              <Icon icon={UiClose} />\n            </Button>\n          )}\n        </div>\n      </FieldWrapper>\n    );\n  }\n\n  const inputType = schema?.type === \"integer\" || schema?.type === \"number\" ? \"number\" : \"text\";\n\n  return (\n    <FieldWrapper param={param} fieldId={fieldId} inline={inline}>\n      <input\n        id={fieldId}\n        type={inputType}\n        value={value}\n        className={inputClassName}\n        onChange={(event) => onChange(event.target.value)}\n        placeholder={\n          schema?.default != null\n            ? String(schema.default)\n            : parameterPlaceholder(param) || param.name\n        }\n      />\n    </FieldWrapper>\n  );\n}\n\nfunction TagInput({\n  id,\n  value,\n  placeholder,\n  onChange,\n}: {\n  id: string;\n  value: string;\n  placeholder: string;\n  onChange: (value: string) => void;\n}) {\n  const tags = parseTags(value);\n\n  function commit(raw: string, input: HTMLInputElement) {\n    const next = raw\n      .split(\",\")\n      .map((part) => part.trim())\n      .filter(Boolean);\n    if (next.length === 0) return;\n    onChange(serializeTags([...tags, ...next]));\n    input.value = \"\";\n  }\n\n  function remove(index: number) {\n    onChange(serializeTags(tags.filter((_, i) => i !== index)));\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    const input = event.currentTarget;\n    if (event.key === \"Enter\" || event.key === \",\") {\n      event.preventDefault();\n      commit(input.value, input);\n      return;\n    }\n    if (event.key === \"Backspace\" && input.value === \"\" && tags.length > 0) {\n      remove(tags.length - 1);\n    }\n  }\n\n  return (\n    <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\">\n      {tags.map((tag, index) => (\n        <span\n          key={`${tag}-${index}`}\n          className=\"inline-flex h-6 max-w-full items-center gap-1 rounded-md bg-muted px-2 text-xs\"\n        >\n          <span className=\"truncate\">{tag}</span>\n          <button\n            type=\"button\"\n            className=\"text-muted-foreground hover:text-foreground\"\n            aria-label={`Remove ${tag}`}\n            onClick={() => remove(index)}\n          >\n            <Icon icon={UiClose} />\n          </button>\n        </span>\n      ))}\n      <input\n        id={id}\n        className=\"min-w-32 flex-1 bg-transparent px-1 py-1 text-sm outline-none\"\n        placeholder={tags.length === 0 ? placeholder : \"\"}\n        onKeyDown={handleKeyDown}\n        onBlur={(event) => commit(event.currentTarget.value, event.currentTarget)}\n      />\n    </div>\n  );\n}\n\nfunction FieldWrapper({\n  param,\n  fieldId,\n  inline,\n  children,\n}: {\n  param: OpenAPIParameter;\n  fieldId: string;\n  inline?: boolean;\n  children: ReactNode;\n}) {\n  const label = (\n    <label htmlFor={fieldId} className=\"text-sm font-medium\">\n      {param.name}\n      {param.required && <span className=\"text-destructive\"> *</span>}\n    </label>\n  );\n\n  if (inline) {\n    return (\n      <div className=\"grid grid-cols-[10rem_1fr] items-start gap-x-3 gap-y-0.5\">\n        <div className=\"flex h-9 items-center\">{label}</div>\n        <div className=\"min-w-0\">{children}</div>\n        {param.description && (\n          <p className=\"col-start-2 text-xs text-muted-foreground\">{param.description}</p>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-1.5\">\n      {label}\n      {children}\n      {param.description && <p className=\"text-xs text-muted-foreground\">{param.description}</p>}\n    </div>\n  );\n}\n\nfunction buildInitialState(\n  parameters: OpenAPIParameter[],\n  path: string,\n  overrides?: Record<string, string>,\n): FormState {\n  const state: FormState = {};\n  for (const p of parameters) {\n    state[p.name] = initialParamValue(p, overrides?.[p.name]);\n  }\n  for (const name of pathParamNames(path)) {\n    if (state[name] == null) {\n      state[name] = overrides?.[name] ?? \"\";\n    }\n  }\n  return state;\n}\n\nfunction initialParamValue(param: OpenAPIParameter, override: string | undefined): string {\n  if (override != null) return sanitizeInitialValue(param, override);\n  const value = param.schema?.default;\n  if (value == null) return \"\";\n  return sanitizeInitialValue(param, String(value));\n}\n\nfunction sanitizeInitialValue(param: OpenAPIParameter, value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"[]\" || trimmed === \"null\") return \"\";\n  if (isDateParam(param) && isZeroDate(trimmed)) return \"\";\n  return value;\n}\n\nfunction splitArgsValue(value: string): string[] {\n  try {\n    const parsed = JSON.parse(value);\n    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);\n  } catch {\n    // Use comma splitting below.\n  }\n  return value\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n\nfunction isMultiValueParam(param: OpenAPIParameter): boolean {\n  const text = `${param.name} ${param.description ?? \"\"}`.toLowerCase();\n  return (\n    param.schema?.type === \"array\" ||\n    String(param.schema?.default ?? \"\") === \"[]\" ||\n    text.includes(\"repeatable\")\n  );\n}\n\nfunction parseTags(value: string): string[] {\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed === \"null\") return [];\n  try {\n    const parsed = JSON.parse(trimmed);\n    if (Array.isArray(parsed)) return parsed.map(String).filter(Boolean);\n  } catch {\n    // Fall back to comma-delimited tags below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n\nfunction serializeTags(tags: string[]): string {\n  return tags.join(\",\");\n}\n\nfunction isDateParam(param: OpenAPIParameter): boolean {\n  const format = param.schema?.format?.toLowerCase();\n  const text = `${param.name} ${param.description ?? \"\"}`.toLowerCase();\n  return format === \"date\" || format === \"date-time\" || text.includes(\"date\");\n}\n\nfunction isZeroDate(value: string): boolean {\n  return value.startsWith(\"0001-01-01\") || value === \"0001-01-01\";\n}\n\nfunction dateInputValue(value: string, dateTime: boolean): string {\n  if (!value || value.startsWith(\"0001-01-01\")) return \"\";\n  if (!dateTime) return value.slice(0, 10);\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return value.slice(0, 16);\n  const offset = parsed.getTimezoneOffset() * 60_000;\n  return new Date(parsed.getTime() - offset).toISOString().slice(0, 16);\n}\n\nfunction dateOutputValue(value: string, dateTime: boolean): string {\n  if (!value) return \"\";\n  if (!dateTime) return value;\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) return value;\n  return parsed.toISOString();\n}\n\nconst inputClassName =\n  \"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\";\n"],"names":["useReducer","normalizeParameters","isPositionalParam","submitValue","jsxs","jsx","Button","parameterPlaceholder","Icon","UiClose","pathParamNames"],"mappings":"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"}

package/dist/rpc/CommandForm.d.ts

@@ -9,7 +9,4 @@ export type CommandFormProps = {
     initialValues?: Record<string, string>;
 };
 export declare function CommandForm({ parameters, onExecute, isPending, method: _method, path, accept, initialValues, }: CommandFormProps): import("react/jsx-runtime").JSX.Element;
-export declare function normalizeParameters(parameters: OpenAPIParameter[], path: string): OpenAPIParameter[];
-export declare function pathParamNames(path: string): string[];
-export declare function submitValue(param: OpenAPIParameter, value: string | undefined): string | null;
 //# sourceMappingURL=CommandForm.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandForm.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AASF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EAAE,OAAO,EACf,IAAI,EACJ,MAAM,EACN,aAAa,GACd,EAAE,gBAAgB,2CA2DlB;AA6OD,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,gBAAgB,EAAE,EAC9B,IAAI,EAAE,MAAM,GACX,gBAAgB,EAAE,CAkBpB;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAIrD;AAiCD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAK7F"}
+{"version":3,"file":"CommandForm.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACrF,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AASF,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,SAAS,EACT,SAAS,EACT,MAAM,EAAE,OAAO,EACf,IAAI,EACJ,MAAM,EACN,aAAa,GACd,EAAE,gBAAgB,2CA2DlB"}

package/dist/rpc/CommandForm.js

@@ -3,6 +3,7 @@ import { useReducer } from "react";
 import { Button } from "../components/button.js";
 import { Icon } from "../data/Icon.js";
 import { isPositionalParam, parameterPlaceholder } from "./types.js";
+import { normalizeParameters, pathParamNames, submitValue } from "./command-form-utils.js";
 import { UiClose } from "../icons/components/UiClose.js";
 function formReducer(state, action) {
   return { ...state, [action.name]: action.value };
@@ -244,28 +245,6 @@ function FieldWrapper({
     param.description && /* @__PURE__ */ 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) {
@@ -291,12 +270,6 @@ function sanitizeInitialValue(param, value) {
   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);
@@ -349,9 +322,6 @@ function dateOutputValue(value, dateTime) {
 }
 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";
 export {
-  CommandForm,
-  normalizeParameters,
-  pathParamNames,
-  submitValue
+  CommandForm
 };
 //# sourceMappingURL=CommandForm.js.map