@flanksource/clicky-ui 0.3.22 → 0.3.23

package/dist/index.js

@@ -46,6 +46,9 @@ import { Select } from "./components/select.js";
 import { ConnectionLoggingPolicy } from "./components/ConnectionLoggingPolicy.js";
 import { CONNECTION_LOG_LEVELS, isConnectionLoggingCapability, visibleConnectionLogEvents } from "./components/ConnectionLoggingPolicy.model.js";
 import { Combobox } from "./components/Combobox.js";
+import { CountryFlag } from "./components/CountryFlag.js";
+import { CountryPicker } from "./components/CountryPicker.js";
+import { COUNTRY_OPTIONS, getCountryOption, isCountryCode } from "./components/country-options.js";
 import { Field } from "./components/Field.js";
 import { useForm } from "./components/use-form.js";
 import { TreePickerField } from "./components/TreePickerField.js";
@@ -76,6 +79,7 @@ import { rehydrateRefs } from "./components/json-schema-form-refs.js";
 import { templateValuePre } from "./components/json-schema-form-template.js";
 import { applyPostExtensions } from "./components/json-schema-form-extensions.js";
 import { FieldErrorText, FormErrorSummary } from "./components/json-schema-form-error-display.js";
+import { ItemBadge, ItemGlyph } from "./components/json-schema-form-item-row.js";
 import { SplitPane } from "./layout/SplitPane.js";
 import { Workspace } from "./layout/Workspace.js";
 import { AppShell } from "./layout/AppShell.js";
@@ -183,7 +187,9 @@ import { DiagnosticsDetailPanel } from "./data/diagnostics/DiagnosticsDetailPane
 import { countProcesses, findProcessByPID, processLabel, processStateColor, processStateIcon } from "./data/diagnostics/utils.js";
 import { countGoroutinesByState, countStackByState, detectDumpFormat, parseGoroutineDump, parseStackDump } from "./data/diagnostics/stacktrace.js";
 import { countThreadsByState, parseJvmThreadDump } from "./data/diagnostics/jvm-stacktrace.js";
-import { JvmStackFrameRow, JvmStackTrace } from "./data/diagnostics/JvmStackTrace.js";
+import { JvmStackTrace } from "./data/diagnostics/JvmStackTrace.js";
+import { StackFrameRow } from "./data/diagnostics/StackFrameRow.js";
+import { RUNTIME_PREFIXES, frameLocation, isRuntimeFrame, shortFrameName } from "./data/diagnostics/frame-heuristics.js";
 import { FrameSourceWindow } from "./data/diagnostics/FrameSourceWindow.js";
 import { frameHasSource } from "./data/diagnostics/FrameSourceWindow.utils.js";
 import { StackTrace } from "./data/diagnostics/RenderedStackTrace.js";
@@ -611,6 +617,7 @@ export {
   CLICKY_COLUMN_UNIT_OPTIONS,
   CLICKY_FORMAT_OPTIONS,
   CONNECTION_LOG_LEVELS,
+  COUNTRY_OPTIONS,
   CacheAdapterRegistry,
   CacheBrowser,
   CacheDetailPanel,
@@ -646,6 +653,8 @@ export {
   CommentThreadList,
   ConnectionLoggingPolicy,
   CopyBadge,
+  CountryFlag,
+  CountryPicker,
   DATA_TABLE_FILTER_LOOKUP_LIMIT,
   DEFAULT_CHECKLIST_CYCLE,
   DEFAULT_COMMENT_STATUSES,
@@ -698,11 +707,12 @@ export {
   InlineError,
   InputField,
   ItemActions,
+  ItemBadge,
+  ItemGlyph,
   JSONPathField,
   JSONPathPlayground,
   JsonSchemaForm,
   JsonView,
-  JvmStackFrameRow,
   JvmStackTrace,
   KeyValueList,
   LabelIcon,
@@ -748,6 +758,7 @@ export {
   QueryBrowser,
   QueryBrowserExecutionError,
   QueryInfoDialog,
+  RUNTIME_PREFIXES,
   RadialGauge,
   RangeSlider,
   RouterProvider,
@@ -769,6 +780,7 @@ export {
   SortableHeader,
   SplitButton,
   SplitPane,
+  StackFrameRow,
   StackTrace,
   StackedStatusBar,
   StatStrip,
@@ -1520,9 +1532,11 @@ export {
   formatUnit,
   formatUnitAwareValue,
   frameHasSource,
+  frameLocation,
   frameworkIcon,
   getChangeIcon,
   getClickySurfaces,
+  getCountryOption,
   getRoots,
   getVersionInfo,
   groupByFacet,
@@ -1536,6 +1550,7 @@ export {
   inferColumns,
   isApplicationStackFrame,
   isConnectionLoggingCapability,
+  isCountryCode,
   isGroupCollapsedByDefault,
   isLeaf,
   isNearTop,
@@ -1544,6 +1559,7 @@ export {
   isPinnedToBottom,
   isPlainObject,
   isPositionalParam,
+  isRuntimeFrame,
   isTerminalSessionState,
   isTerminalStatus,
   isTourFinished,
@@ -1623,6 +1639,7 @@ export {
   serverTimingMetricLabel,
   setFallbackIconProvider,
   setIndex,
+  shortFrameName,
   slugify,
   sortReplies,
   splitCommaValues,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/rpc/CommandForm.cjs

@@ -6,6 +6,7 @@ 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 formMetadata = require("./formMetadata.cjs");
 const UiClose = require("../icons/components/UiClose.cjs");
 function formReducer(state, action) {
   return { ...state, [action.name]: action.value };
@@ -26,23 +27,20 @@ function CommandForm({
   );
   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;
   function handleSubmit(event) {
     event.preventDefault();
-    const params = {};
-    const args = [];
+    const submittedValues = {};
     for (const param of formParameters) {
       const value = commandFormUtils.submitValue(param, values[param.name]);
       if (value == null) continue;
-      if (positionalNames.has(param.name)) {
-        args.push(...splitArgsValue(value));
-      } else {
-        params[param.name] = value;
-      }
+      submittedValues[param.name] = value;
     }
-    if (args.length > 0) params.args = args.join(",");
-    onExecute(params, { Accept: accept });
+    onExecute({
+      values: submittedValues,
+      request: formMetadata.packParameterValues(submittedValues, formParameters),
+      headers: { 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(
@@ -272,14 +270,6 @@ function sanitizeInitialValue(param, value) {
   if (isDateParam(param) && isZeroDate(trimmed)) return "";
   return value;
 }
-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();

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\";\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-placeholder 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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"}
+{"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 { parameterPlaceholder, type OpenAPIParameter, type OperationRequestValues } from \"./types\";\nimport { normalizeParameters, pathParamNames, submitValue } from \"./command-form-utils\";\nimport { packParameterValues, type ParameterValues } from \"./formMetadata\";\n\nexport type CommandFormSubmission = {\n  values: ParameterValues;\n  request: OperationRequestValues;\n  headers: Record<string, string>;\n};\n\nexport type CommandFormProps = {\n  parameters: OpenAPIParameter[];\n  onExecute: (submission: CommandFormSubmission) => 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 inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault();\n    const submittedValues: ParameterValues = {};\n    for (const param of formParameters) {\n      const value = submitValue(param, values[param.name]);\n      if (value == null) continue;\n      submittedValues[param.name] = value;\n    }\n    onExecute({\n      values: submittedValues,\n      request: packParameterValues(submittedValues, formParameters),\n      headers: { Accept: accept },\n    });\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 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-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":["useReducer","normalizeParameters","submitValue","packParameterValues","jsxs","jsx","Button","parameterPlaceholder","Icon","UiClose","pathParamNames"],"mappings":"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"}

package/dist/rpc/CommandForm.d.ts

@@ -1,7 +1,13 @@
-import { OpenAPIParameter } from './types';
+import { OpenAPIParameter, OperationRequestValues } from './types';
+import { ParameterValues } from './formMetadata';
+export type CommandFormSubmission = {
+    values: ParameterValues;
+    request: OperationRequestValues;
+    headers: Record<string, string>;
+};
 export type CommandFormProps = {
     parameters: OpenAPIParameter[];
-    onExecute: (params: Record<string, string>, headers: Record<string, string>) => void;
+    onExecute: (submission: CommandFormSubmission) => void;
     isPending: boolean;
     method: string;
     path: string;

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;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"}
+{"version":3,"file":"CommandForm.d.ts","sourceRoot":"","sources":["../../src/rpc/CommandForm.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEnG,OAAO,EAAuB,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,EAAE,sBAAsB,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,SAAS,EAAE,CAAC,UAAU,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACvD,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,2CAwDlB"}

package/dist/rpc/CommandForm.js

@@ -2,8 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useReducer } from "react";
 import { Button } from "../components/button.js";
 import { Icon } from "../data/Icon.js";
-import { isPositionalParam, parameterPlaceholder } from "./types.js";
+import { parameterPlaceholder } from "./types.js";
 import { normalizeParameters, pathParamNames, submitValue } from "./command-form-utils.js";
+import { packParameterValues } from "./formMetadata.js";
 import { UiClose } from "../icons/components/UiClose.js";
 function formReducer(state, action) {
   return { ...state, [action.name]: action.value };
@@ -24,23 +25,20 @@ function CommandForm({
   );
   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(isPositionalParam).map((p) => p.name));
   const inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;
   function handleSubmit(event) {
     event.preventDefault();
-    const params = {};
-    const args = [];
+    const submittedValues = {};
     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;
-      }
+      submittedValues[param.name] = value;
     }
-    if (args.length > 0) params.args = args.join(",");
-    onExecute(params, { Accept: accept });
+    onExecute({
+      values: submittedValues,
+      request: packParameterValues(submittedValues, formParameters),
+      headers: { Accept: accept }
+    });
   }
   return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
     visibleParams.length > 0 && /* @__PURE__ */ jsx("div", { className: inlineLayout ? "grid gap-2" : "grid gap-4", children: visibleParams.map((param) => /* @__PURE__ */ jsx(
@@ -270,14 +268,6 @@ function sanitizeInitialValue(param, value) {
   if (isDateParam(param) && isZeroDate(trimmed)) return "";
   return value;
 }
-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();

package/dist/rpc/CommandForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandForm.js","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-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommandForm.js","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 { parameterPlaceholder, type OpenAPIParameter, type OperationRequestValues } from \"./types\";\nimport { normalizeParameters, pathParamNames, submitValue } from \"./command-form-utils\";\nimport { packParameterValues, type ParameterValues } from \"./formMetadata\";\n\nexport type CommandFormSubmission = {\n  values: ParameterValues;\n  request: OperationRequestValues;\n  headers: Record<string, string>;\n};\n\nexport type CommandFormProps = {\n  parameters: OpenAPIParameter[];\n  onExecute: (submission: CommandFormSubmission) => 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 inlineLayout = visibleParams.length >= INLINE_LAYOUT_THRESHOLD;\n\n  function handleSubmit(event: FormEvent) {\n    event.preventDefault();\n    const submittedValues: ParameterValues = {};\n    for (const param of formParameters) {\n      const value = submitValue(param, values[param.name]);\n      if (value == null) continue;\n      submittedValues[param.name] = value;\n    }\n    onExecute({\n      values: submittedValues,\n      request: packParameterValues(submittedValues, formParameters),\n      headers: { Accept: accept },\n    });\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 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-placeholder disabled:cursor-not-allowed disabled:bg-muted/40 focus-visible:ring-2 focus-visible:ring-ring\";\n"],"names":[],"mappings":"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"}

package/dist/rpc/OperationActionDialog.cjs

@@ -23,9 +23,9 @@ function OperationActionDialog({
   const [isExecuting, setIsExecuting] = react.useState(false);
   const [response, setResponse] = react.useState(null);
   const [error, setError] = react.useState(null);
-  async function handleExecute(params, headers) {
+  async function handleExecute({ values, request, headers }) {
     if (onNavigateAction) {
-      const href = hrefForOperationAction(operation.path, params);
+      const href = hrefForOperationAction(operation.path, values);
       if (!href) return;
       const separator = href.includes("?") ? "&" : "?";
       onNavigateAction(`${href}${separator}autoRun=1`);
@@ -35,7 +35,7 @@ function OperationActionDialog({
     setError(null);
     setResponse(null);
     try {
-      const result = await client.executeCommand(operation.path, operation.method, params, headers);
+      const result = await client.executeCommand(operation.path, operation.method, request, headers);
       setResponse(result);
     } catch (err) {
       setError(err);

package/dist/rpc/OperationActionDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionDialog.cjs","sources":["../../src/rpc/OperationActionDialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiPlay } from \"../icons\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommandForm } from \"./CommandForm\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport { pathParamNames } from \"./command-form-utils\";\nimport { InlineError } from \"./InlineError\";\nimport { apiPathToRoutePath } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationActionDialogProps = {\n  operation: ResolvedOperation;\n  client: OperationsApiClient;\n  initialValues: Record<string, string>;\n  label: string;\n  defaultAccept?: string;\n  onNavigateAction?: (href: string) => void;\n};\n\nexport function OperationActionDialog({\n  operation,\n  client,\n  initialValues,\n  label,\n  defaultAccept = \"application/clicky+json\",\n  onNavigateAction,\n}: OperationActionDialogProps) {\n  const [open, setOpen] = useState(false);\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [response, setResponse] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n\n  async function handleExecute(params: Record<string, string>, headers: Record<string, string>) {\n    if (onNavigateAction) {\n      const href = hrefForOperationAction(operation.path, params);\n      if (!href) return;\n      const separator = href.includes(\"?\") ? \"&\" : \"?\";\n      onNavigateAction(`${href}${separator}autoRun=1`);\n      return;\n    }\n\n    setIsExecuting(true);\n    setError(null);\n    setResponse(null);\n    try {\n      const result = await client.executeCommand(operation.path, operation.method, params, headers);\n      setResponse(result);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n        <Icon icon={UiPlay} />\n        {label}\n      </Button>\n      <Modal open={open} onClose={() => setOpen(false)} title={label} size=\"lg\">\n        <div className=\"space-y-4\">\n          <CommandForm\n            parameters={operation.operation.parameters ?? []}\n            onExecute={handleExecute}\n            isPending={isExecuting}\n            method={operation.method}\n            path={operation.path}\n            accept={defaultAccept}\n            initialValues={initialValues}\n          />\n\n          {error ? (\n            <InlineError title={`Failed to execute ${operation.path}`} error={error} />\n          ) : response ? (\n            <CommandOutput response={response} />\n          ) : null}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction hrefForOperationAction(path: string, params: Record<string, string>): string | undefined {\n  const nextParams = { ...params };\n  const args = parseArgsParam(params.args);\n  let route = apiPathToRoutePath(path);\n\n  for (const [index, name] of pathParamNames(path).entries()) {\n    const value = nextParams[name] || args[index];\n    if (!value) return undefined;\n    route = route.replace(`:${name}`, encodeURIComponent(value));\n    delete nextParams[name];\n    if (!nextParams[name] && value === args[index]) {\n      delete nextParams.args;\n    }\n  }\n\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(nextParams)) {\n    if (value && key !== \"autoRun\" && key !== \"__autoRun\") search.set(key, value);\n  }\n  const query = search.toString();\n  return query ? `${route}?${query}` : route;\n}\n\nfunction parseArgsParam(value: string | undefined): string[] {\n  if (!value) return [];\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed.toLowerCase() === \"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 args below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n"],"names":["useState","jsxs","Fragment","Button","jsx","Icon","UiPlay","Modal","CommandForm","InlineError","CommandOutput","apiPathToRoutePath","pathParamNames"],"mappings":"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"}
+{"version":3,"file":"OperationActionDialog.cjs","sources":["../../src/rpc/OperationActionDialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiPlay } from \"../icons\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommandForm, type CommandFormSubmission } from \"./CommandForm\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport { pathParamNames } from \"./command-form-utils\";\nimport { InlineError } from \"./InlineError\";\nimport { apiPathToRoutePath } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationActionDialogProps = {\n  operation: ResolvedOperation;\n  client: OperationsApiClient;\n  initialValues: Record<string, string>;\n  label: string;\n  defaultAccept?: string;\n  onNavigateAction?: (href: string) => void;\n};\n\nexport function OperationActionDialog({\n  operation,\n  client,\n  initialValues,\n  label,\n  defaultAccept = \"application/clicky+json\",\n  onNavigateAction,\n}: OperationActionDialogProps) {\n  const [open, setOpen] = useState(false);\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [response, setResponse] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n\n  async function handleExecute({ values, request, headers }: CommandFormSubmission) {\n    if (onNavigateAction) {\n      const href = hrefForOperationAction(operation.path, values);\n      if (!href) return;\n      const separator = href.includes(\"?\") ? \"&\" : \"?\";\n      onNavigateAction(`${href}${separator}autoRun=1`);\n      return;\n    }\n\n    setIsExecuting(true);\n    setError(null);\n    setResponse(null);\n    try {\n      const result = await client.executeCommand(operation.path, operation.method, request, headers);\n      setResponse(result);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n        <Icon icon={UiPlay} />\n        {label}\n      </Button>\n      <Modal open={open} onClose={() => setOpen(false)} title={label} size=\"lg\">\n        <div className=\"space-y-4\">\n          <CommandForm\n            parameters={operation.operation.parameters ?? []}\n            onExecute={handleExecute}\n            isPending={isExecuting}\n            method={operation.method}\n            path={operation.path}\n            accept={defaultAccept}\n            initialValues={initialValues}\n          />\n\n          {error ? (\n            <InlineError title={`Failed to execute ${operation.path}`} error={error} />\n          ) : response ? (\n            <CommandOutput response={response} />\n          ) : null}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction hrefForOperationAction(path: string, params: Record<string, string>): string | undefined {\n  const nextParams = { ...params };\n  const args = parseArgsParam(params.args);\n  let route = apiPathToRoutePath(path);\n\n  for (const [index, name] of pathParamNames(path).entries()) {\n    const value = nextParams[name] || args[index];\n    if (!value) return undefined;\n    route = route.replace(`:${name}`, encodeURIComponent(value));\n    delete nextParams[name];\n    if (!nextParams[name] && value === args[index]) {\n      delete nextParams.args;\n    }\n  }\n\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(nextParams)) {\n    if (value && key !== \"autoRun\" && key !== \"__autoRun\") search.set(key, value);\n  }\n  const query = search.toString();\n  return query ? `${route}?${query}` : route;\n}\n\nfunction parseArgsParam(value: string | undefined): string[] {\n  if (!value) return [];\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed.toLowerCase() === \"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 args below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n"],"names":["useState","jsxs","Fragment","Button","jsx","Icon","UiPlay","Modal","CommandForm","InlineError","CommandOutput","apiPathToRoutePath","pathParamNames"],"mappings":"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"}

package/dist/rpc/OperationActionDialog.js

@@ -21,9 +21,9 @@ function OperationActionDialog({
   const [isExecuting, setIsExecuting] = useState(false);
   const [response, setResponse] = useState(null);
   const [error, setError] = useState(null);
-  async function handleExecute(params, headers) {
+  async function handleExecute({ values, request, headers }) {
     if (onNavigateAction) {
-      const href = hrefForOperationAction(operation.path, params);
+      const href = hrefForOperationAction(operation.path, values);
       if (!href) return;
       const separator = href.includes("?") ? "&" : "?";
       onNavigateAction(`${href}${separator}autoRun=1`);
@@ -33,7 +33,7 @@ function OperationActionDialog({
     setError(null);
     setResponse(null);
     try {
-      const result = await client.executeCommand(operation.path, operation.method, params, headers);
+      const result = await client.executeCommand(operation.path, operation.method, request, headers);
       setResponse(result);
     } catch (err) {
       setError(err);

package/dist/rpc/OperationActionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionDialog.js","sources":["../../src/rpc/OperationActionDialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiPlay } from \"../icons\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommandForm } from \"./CommandForm\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport { pathParamNames } from \"./command-form-utils\";\nimport { InlineError } from \"./InlineError\";\nimport { apiPathToRoutePath } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationActionDialogProps = {\n  operation: ResolvedOperation;\n  client: OperationsApiClient;\n  initialValues: Record<string, string>;\n  label: string;\n  defaultAccept?: string;\n  onNavigateAction?: (href: string) => void;\n};\n\nexport function OperationActionDialog({\n  operation,\n  client,\n  initialValues,\n  label,\n  defaultAccept = \"application/clicky+json\",\n  onNavigateAction,\n}: OperationActionDialogProps) {\n  const [open, setOpen] = useState(false);\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [response, setResponse] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n\n  async function handleExecute(params: Record<string, string>, headers: Record<string, string>) {\n    if (onNavigateAction) {\n      const href = hrefForOperationAction(operation.path, params);\n      if (!href) return;\n      const separator = href.includes(\"?\") ? \"&\" : \"?\";\n      onNavigateAction(`${href}${separator}autoRun=1`);\n      return;\n    }\n\n    setIsExecuting(true);\n    setError(null);\n    setResponse(null);\n    try {\n      const result = await client.executeCommand(operation.path, operation.method, params, headers);\n      setResponse(result);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n        <Icon icon={UiPlay} />\n        {label}\n      </Button>\n      <Modal open={open} onClose={() => setOpen(false)} title={label} size=\"lg\">\n        <div className=\"space-y-4\">\n          <CommandForm\n            parameters={operation.operation.parameters ?? []}\n            onExecute={handleExecute}\n            isPending={isExecuting}\n            method={operation.method}\n            path={operation.path}\n            accept={defaultAccept}\n            initialValues={initialValues}\n          />\n\n          {error ? (\n            <InlineError title={`Failed to execute ${operation.path}`} error={error} />\n          ) : response ? (\n            <CommandOutput response={response} />\n          ) : null}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction hrefForOperationAction(path: string, params: Record<string, string>): string | undefined {\n  const nextParams = { ...params };\n  const args = parseArgsParam(params.args);\n  let route = apiPathToRoutePath(path);\n\n  for (const [index, name] of pathParamNames(path).entries()) {\n    const value = nextParams[name] || args[index];\n    if (!value) return undefined;\n    route = route.replace(`:${name}`, encodeURIComponent(value));\n    delete nextParams[name];\n    if (!nextParams[name] && value === args[index]) {\n      delete nextParams.args;\n    }\n  }\n\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(nextParams)) {\n    if (value && key !== \"autoRun\" && key !== \"__autoRun\") search.set(key, value);\n  }\n  const query = search.toString();\n  return query ? `${route}?${query}` : route;\n}\n\nfunction parseArgsParam(value: string | undefined): string[] {\n  if (!value) return [];\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed.toLowerCase() === \"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 args below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationActionDialog.js","sources":["../../src/rpc/OperationActionDialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiPlay } from \"../icons\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommandForm, type CommandFormSubmission } from \"./CommandForm\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport { pathParamNames } from \"./command-form-utils\";\nimport { InlineError } from \"./InlineError\";\nimport { apiPathToRoutePath } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\n\nexport type OperationActionDialogProps = {\n  operation: ResolvedOperation;\n  client: OperationsApiClient;\n  initialValues: Record<string, string>;\n  label: string;\n  defaultAccept?: string;\n  onNavigateAction?: (href: string) => void;\n};\n\nexport function OperationActionDialog({\n  operation,\n  client,\n  initialValues,\n  label,\n  defaultAccept = \"application/clicky+json\",\n  onNavigateAction,\n}: OperationActionDialogProps) {\n  const [open, setOpen] = useState(false);\n  const [isExecuting, setIsExecuting] = useState(false);\n  const [response, setResponse] = useState<ExecutionResponse | null>(null);\n  const [error, setError] = useState<unknown>(null);\n\n  async function handleExecute({ values, request, headers }: CommandFormSubmission) {\n    if (onNavigateAction) {\n      const href = hrefForOperationAction(operation.path, values);\n      if (!href) return;\n      const separator = href.includes(\"?\") ? \"&\" : \"?\";\n      onNavigateAction(`${href}${separator}autoRun=1`);\n      return;\n    }\n\n    setIsExecuting(true);\n    setError(null);\n    setResponse(null);\n    try {\n      const result = await client.executeCommand(operation.path, operation.method, request, headers);\n      setResponse(result);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setIsExecuting(false);\n    }\n  }\n\n  return (\n    <>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n        <Icon icon={UiPlay} />\n        {label}\n      </Button>\n      <Modal open={open} onClose={() => setOpen(false)} title={label} size=\"lg\">\n        <div className=\"space-y-4\">\n          <CommandForm\n            parameters={operation.operation.parameters ?? []}\n            onExecute={handleExecute}\n            isPending={isExecuting}\n            method={operation.method}\n            path={operation.path}\n            accept={defaultAccept}\n            initialValues={initialValues}\n          />\n\n          {error ? (\n            <InlineError title={`Failed to execute ${operation.path}`} error={error} />\n          ) : response ? (\n            <CommandOutput response={response} />\n          ) : null}\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction hrefForOperationAction(path: string, params: Record<string, string>): string | undefined {\n  const nextParams = { ...params };\n  const args = parseArgsParam(params.args);\n  let route = apiPathToRoutePath(path);\n\n  for (const [index, name] of pathParamNames(path).entries()) {\n    const value = nextParams[name] || args[index];\n    if (!value) return undefined;\n    route = route.replace(`:${name}`, encodeURIComponent(value));\n    delete nextParams[name];\n    if (!nextParams[name] && value === args[index]) {\n      delete nextParams.args;\n    }\n  }\n\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(nextParams)) {\n    if (value && key !== \"autoRun\" && key !== \"__autoRun\") search.set(key, value);\n  }\n  const query = search.toString();\n  return query ? `${route}?${query}` : route;\n}\n\nfunction parseArgsParam(value: string | undefined): string[] {\n  if (!value) return [];\n  const trimmed = value.trim();\n  if (!trimmed || trimmed === \"[]\" || trimmed.toLowerCase() === \"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 args below.\n  }\n  return trimmed\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean);\n}\n"],"names":[],"mappings":"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"}