@flanksource/clicky-ui 0.3.27 → 0.3.29

package/dist/rpc/FilterFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterFormFields.js","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\",\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : (option.title ?? option.value),\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 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":"FilterFormFields.js","sources":["../../src/rpc/FilterFormFields.tsx"],"sourcesContent":["import { Button } from \"../components/button\";\nimport { Combobox } from \"../components/Combobox\";\nimport {\n  type FilterBarFilter,\n  type FilterBarMultiFilter,\n  type FilterBarRangeProps,\n} from \"../components/FilterBar\";\nimport { TimeRange } from \"../components/TimeRange\";\nimport { cn } from \"../lib/utils\";\n\nexport type ParameterGridProps = {\n  filters: FilterBarFilter[];\n  timeRange?: FilterBarRangeProps | undefined;\n  autoSubmit: boolean;\n  isSubmitting: boolean;\n  submitLabel: string;\n  submittingLabel: string;\n  className?: string | undefined;\n  showSubmit?: boolean | undefined;\n};\n\nexport function ParameterGrid({\n  filters,\n  timeRange,\n  autoSubmit,\n  isSubmitting,\n  submitLabel,\n  submittingLabel,\n  className,\n  showSubmit = true,\n}: ParameterGridProps) {\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      <div className=\"divide-y divide-border border-y border-border\">\n        {filters.map((filter) => (\n          <ParameterRow key={filter.key} filter={filter} />\n        ))}\n        {timeRange && <TimeRangeRow timeRange={timeRange} />}\n      </div>\n\n      {!autoSubmit && showSubmit && (\n        <div className=\"flex justify-end\">\n          <Button type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? submittingLabel : submitLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ParameterRow({ filter }: { filter: FilterBarFilter }) {\n  const id = `clicky-param-${filter.key.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n  return (\n    <div\n      title={filter.description}\n      className={cn(\n        \"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\",\n        filter.disabled && \"opacity-60\"\n      )}\n    >\n      <label htmlFor={id} className=\"text-sm font-medium text-muted-foreground\">\n        {filter.label}\n      </label>\n      <div className=\"min-w-0\">{renderParameterInput(filter, id)}</div>\n    </div>\n  );\n}\n\nfunction renderParameterInput(filter: FilterBarFilter, id: string) {\n  if (filter.kind === \"date-range\") {\n    return (\n      <TimeRange\n        kind={filter.timeEnabled === false ? \"date\" : \"time\"}\n        label={filter.label}\n        align=\"left\"\n        from={filter.from ?? \"\"}\n        to={filter.to ?? \"\"}\n        onApply={filter.onApply}\n        {...(filter.disabled !== undefined\n          ? { disabled: filter.disabled }\n          : {})}\n        {...(filter.presets ? { presets: filter.presets } : {})}\n        {...(filter.timeEnabled !== undefined\n          ? { timeEnabled: filter.timeEnabled }\n          : {})}\n        {...(filter.timeZone ? { timeZone: filter.timeZone } : {})}\n        {...(filter.timeZones ? { timeZones: filter.timeZones } : {})}\n        {...(filter.fromPlaceholder\n          ? { fromPlaceholder: filter.fromPlaceholder }\n          : {})}\n        {...(filter.toPlaceholder\n          ? { toPlaceholder: filter.toPlaceholder }\n          : {})}\n      />\n    );\n  }\n\n  if (filter.kind === \"enum\") {\n    return (\n      <select\n        id={id}\n        aria-label={filter.label}\n        className={inputClassName}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      >\n        <option value=\"\">{filter.placeholder ?? \"\"}</option>\n        {filter.options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label ?? option.value}\n          </option>\n        ))}\n      </select>\n    );\n  }\n\n  if (filter.kind === \"boolean\") {\n    return (\n      <div className=\"flex h-8 items-center\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          aria-label={filter.label}\n          className=\"h-4 w-4 accent-primary disabled:cursor-not-allowed\"\n          checked={filter.value}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.checked)}\n        />\n      </div>\n    );\n  }\n\n  if (filter.kind === \"lookup\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type={filter.inputType === \"number\" ? \"number\" : \"text\"}\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) => filter.onChange(event.target.value)}\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"lookup-multi\") {\n    const listId = `${id}-options`;\n    return (\n      <>\n        <input\n          id={id}\n          type=\"text\"\n          aria-label={filter.label}\n          className={inputClassName}\n          {...(filter.placeholder !== undefined\n            ? { placeholder: filter.placeholder }\n            : {})}\n          value={filter.value.join(\", \")}\n          list={listId}\n          disabled={filter.disabled}\n          onChange={(event) =>\n            filter.onChange(splitCommaValues(event.target.value))\n          }\n        />\n        <datalist id={listId}>\n          {filter.options.map((option) => (\n            <option\n              key={option.value}\n              value={option.value}\n              label={option.label ?? option.value}\n              disabled={option.disabled}\n            />\n          ))}\n        </datalist>\n      </>\n    );\n  }\n\n  if (filter.kind === \"multi\") {\n    return <MultiParameterInput filter={filter} id={id} />;\n  }\n\n  if (filter.kind === \"text\") {\n    return (\n      <input\n        id={id}\n        type=\"text\"\n        aria-label={filter.label}\n        className={inputClassName}\n        {...(filter.placeholder !== undefined\n          ? { placeholder: filter.placeholder }\n          : {})}\n        value={filter.value}\n        disabled={filter.disabled}\n        onChange={(event) => filter.onChange(event.target.value)}\n      />\n    );\n  }\n\n  return (\n    <input\n      id={id}\n      type=\"text\"\n      aria-label={filter.label}\n      className={inputClassName}\n      value={JSON.stringify(filter.value)}\n      disabled\n      readOnly\n    />\n  );\n}\n\nfunction MultiParameterInput({\n  filter,\n  id,\n}: {\n  filter: FilterBarMultiFilter;\n  id: string;\n}) {\n  const moreCount =\n    filter.truncated && filter.total\n      ? Math.max(filter.total - filter.options.length, 0)\n      : 0;\n  return (\n    <Combobox\n      multiple\n      id={id}\n      ariaLabel={filter.label}\n      value={Object.keys(filter.value)}\n      options={filter.options.map((option) => ({\n        value: option.value,\n        label:\n          typeof option.label === \"string\"\n            ? option.label\n            : option.title ?? option.value,\n        ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n        ...(option.title !== undefined ? { title: option.title } : {}),\n      }))}\n      onChange={(values) => {\n        const next: FilterBarMultiFilter[\"value\"] = {};\n        for (const value of values)\n          next[value] = filter.value[value] ?? \"include\";\n        filter.onChange(next);\n      }}\n      allowCustomValue={filter.allowCustomValue ?? false}\n      {...(filter.placeholder !== undefined\n        ? { placeholder: filter.placeholder }\n        : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(filter.className !== undefined\n        ? { className: filter.className }\n        : {})}\n      {...(moreCount > 0\n        ? { footer: `… and ${moreCount.toLocaleString()} more` }\n        : {})}\n    />\n  );\n}\n\nfunction TimeRangeRow({ timeRange }: { timeRange: FilterBarRangeProps }) {\n  return (\n    <div className=\"grid grid-cols-1 gap-2 py-2 sm:grid-cols-[minmax(8rem,14rem)_minmax(0,1fr)] sm:items-center\">\n      <div className=\"text-sm font-medium text-muted-foreground\">\n        Time range\n      </div>\n      <div className=\"min-w-0\">\n        <TimeRange\n          kind={timeRange.timeEnabled ? \"time\" : \"date\"}\n          label=\"Time range\"\n          align=\"left\"\n          from={timeRange.from ?? \"\"}\n          to={timeRange.to ?? \"\"}\n          onApply={timeRange.onApply}\n          {...(timeRange.presets ? { presets: timeRange.presets } : {})}\n          {...(timeRange.timeEnabled !== undefined\n            ? { timeEnabled: timeRange.timeEnabled }\n            : {})}\n          {...(timeRange.timeZone ? { timeZone: timeRange.timeZone } : {})}\n          {...(timeRange.timeZones ? { timeZones: timeRange.timeZones } : {})}\n          {...(timeRange.fromPlaceholder\n            ? { fromPlaceholder: timeRange.fromPlaceholder }\n            : {})}\n          {...(timeRange.toPlaceholder\n            ? { toPlaceholder: timeRange.toPlaceholder }\n            : {})}\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction splitCommaValues(value: string) {\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nconst inputClassName =\n  \"h-8 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/InlineError.d.ts

@@ -7,5 +7,5 @@ export type InlineErrorProps = {
         loading?: boolean;
     };
 };
-export declare function InlineError({ title, error, className, runNow }: InlineErrorProps): import("react/jsx-runtime").JSX.Element;
+export declare function InlineError({ title, error, className, runNow }: InlineErrorProps): import("react").JSX.Element;
 //# sourceMappingURL=InlineError.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../src/rpc/InlineError.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AASF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAkDhF"}
+{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../src/rpc/InlineError.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC;AASF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,gBAAgB,+BAkDhF"}

package/dist/rpc/OperationActionBar.cjs

@@ -5,13 +5,15 @@ const react = require("react");
 const reactQuery = require("@tanstack/react-query");
 const button = require("../components/button.cjs");
 const utils = require("../lib/utils.cjs");
-const MethodBadge = require("../data/MethodBadge.cjs");
+const SelectionActionBar = require("../data/SelectionActionBar.cjs");
+const Icon = require("../data/Icon.cjs");
 const Modal = require("../overlay/Modal.cjs");
 const ExecutionResult = require("./ExecutionResult.cjs");
 const FilterForm = require("./FilterForm.cjs");
 const SchemaActionForm = require("./SchemaActionForm.cjs");
 const clickyMetadata = require("./clickyMetadata.cjs");
 const formMetadata = require("./formMetadata.cjs");
+const actionIconMap = require("./actionIconMap.cjs");
 function OperationActionBar({
   actions,
   client,
@@ -24,13 +26,22 @@ function OperationActionBar({
   formPost,
   formActions,
   actionLabels,
-  className
+  className,
+  selection,
+  getRequestValues,
+  excludedParameterNames,
+  initialValuesByAction
 }) {
   const queryClient = reactQuery.useQueryClient();
-  const [activeAction, setActiveAction] = react.useState(null);
-  const [actionResult, setActionResult] = react.useState(null);
+  const [activeAction, setActiveAction] = react.useState(
+    null
+  );
+  const [actionResult, setActionResult] = react.useState(
+    null
+  );
   const [actionError, setActionError] = react.useState("");
   const [isExecutingAction, setIsExecutingAction] = react.useState(false);
+  const fallbackFormId = react.useId();
   const activeMeta = activeAction ? clickyMetadata.getOperationClickyMeta(activeAction) : void 0;
   const lockedValues = activeAction ? (getLockedValues == null ? void 0 : getLockedValues(activeAction)) ?? {} : {};
   function openAction(op) {
@@ -59,24 +70,53 @@ function OperationActionBar({
       const response = await client.executeCommand(
         activeAction.path,
         activeAction.method,
-        formMetadata.packParameterValues(values, activeAction.operation.parameters ?? []),
+        {
+          ...formMetadata.packParameterValues(
+            values,
+            activeAction.operation.parameters ?? []
+          ),
+          ...getRequestValues == null ? void 0 : getRequestValues(activeAction)
+        },
         { Accept: "application/json+clicky" }
       );
       setActionResult(response);
       if (!response.error) await refreshDiscovery();
     } catch (err) {
       setActionResult(null);
-      setActionError(err instanceof Error ? err.message : String(err ?? "Unknown error"));
+      setActionError(
+        err instanceof Error ? err.message : String(err ?? "Unknown error")
+      );
     } finally {
       setIsExecutingAction(false);
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-wrap gap-2", className), children: actions.map((op) => {
+    selection && (selection.selectedScope || selection.selectedRowIds.length > 0) ? /* @__PURE__ */ jsxRuntime.jsx(
+      SelectionActionBar.SelectionActionBar,
+      {
+        actions: actions.map((op) => {
+          var _a;
+          const hints = (_a = clickyMetadata.getOperationClickyMeta(op)) == null ? void 0 : _a.toolHints;
+          const icon = actionIconMap.resolveActionIcon(hints == null ? void 0 : hints.icon);
+          return {
+            id: op.operation.operationId || `${op.method}:${op.path}`,
+            label: actionLabel(op),
+            onSelect: () => openAction(op),
+            ...icon ? { icon } : {},
+            ...(hints == null ? void 0 : hints.destructiveHint) ? { variant: "destructive" } : {}
+          };
+        }),
+        context: selection
+      }
+    ) : actions.length > 0 && !selection ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("flex flex-wrap gap-2", className), children: actions.map((op) => {
+      var _a, _b;
       const label = actionLabel(op);
+      const icon = actionIconMap.resolveActionIcon(
+        (_b = (_a = clickyMetadata.getOperationClickyMeta(op)) == null ? void 0 : _a.toolHints) == null ? void 0 : _b.icon
+      );
       const summary = op.operation.summary || op.operation.description;
       const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         button.Button,
         {
           type: "button",
@@ -84,11 +124,14 @@ function OperationActionBar({
           size: "sm",
           title: tooltip,
           onClick: () => openAction(op),
-          children: label
+          children: [
+            icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon }) : null,
+            label
+          ]
         },
         `${op.method}:${op.path}`
       );
-    }) }),
+    }) }) : null,
     activeAction && /* @__PURE__ */ jsxRuntime.jsx(
       SchemaActionForm.SchemaActionForm,
       {
@@ -96,7 +139,9 @@ function OperationActionBar({
         action: activeAction,
         lockedValues,
         submitLabel: actionLabel(activeAction),
-        ...initialValue ? { initialValue } : {},
+        ...(initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? initialValue ? {
+          initialValue: (initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? initialValue
+        } : {},
         ...formPre ? { formPre } : {},
         ...formPost ? { formPost } : {},
         ...formActions ? { footerActions: formActions } : {},
@@ -113,11 +158,15 @@ function OperationActionBar({
             method: activeAction.method,
             parameters: activeAction.operation.parameters ?? [],
             lockedValues,
+            initialValues: (initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? {},
             enableLookup: Boolean(activeMeta == null ? void 0 : activeMeta.supportsLookup),
-            submitLabel: "Execute request",
+            submitLabel: actionLabel(activeAction),
             submittingLabel: "Executing…",
             isSubmitting: isExecutingAction,
             onSubmit: executeAction,
+            formId: fallbackFormId,
+            showSubmit: false,
+            ...excludedParameterNames ? { excludedParameterNames } : {},
             ...hideLockedInForm ? { hideLocked: true } : {}
           }
         )
@@ -133,12 +182,27 @@ function OperationActionBar({
         onClose: () => setActiveAction(null),
         title: actionLabel(activeAction),
         size: "2xl",
-        ...footer ? { footer } : {},
+        footer: footer ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => setActiveAction(null),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "submit",
+              form: fallbackFormId,
+              disabled: isExecutingAction,
+              children: isExecutingAction ? "Executing…" : actionLabel(activeAction)
+            }
+          )
+        ] }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(MethodBadge.MethodBadge, { method: activeAction.method }),
-            /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded-md bg-muted px-2 py-1 text-sm", children: activeAction.path })
-          ] }),
           body,
           actionError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: actionError }) : actionResult ? /* @__PURE__ */ jsxRuntime.jsx(
             ExecutionResult.ExecutionResult,

package/dist/rpc/OperationActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionBar.cjs","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":["useQueryClient","useState","getOperationClickyMeta","surfaceActionLabel","packParameterValues","jsxs","Fragment","jsx","cn","Button","SchemaActionForm","FilterForm","Modal","MethodBadge","ExecutionResult"],"mappings":"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"}
+{"version":3,"file":"OperationActionBar.cjs","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport type { ClickyRow } from \"../data/Clicky\";\nimport { SelectionActionBar } from \"../data/SelectionActionBar\";\nimport { Icon } from \"../data/Icon\";\nimport type { DataTableSelectionContext } from \"../data/DataTable\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type {\n  ExecutionResponse,\n  OperationRequestValues,\n  ResolvedOperation,\n} from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport { resolveActionIcon } from \"./actionIconMap\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n  selection?: DataTableSelectionContext<ClickyRow>;\n  getRequestValues?: (action: ResolvedOperation) => OperationRequestValues;\n  excludedParameterNames?: string[];\n  initialValuesByAction?: Record<string, Record<string, string>>;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n  selection,\n  getRequestValues,\n  excludedParameterNames,\n  initialValuesByAction,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(\n    null\n  );\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(\n    null\n  );\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n  const fallbackFormId = useId();\n\n  const activeMeta = activeAction\n    ? getOperationClickyMeta(activeAction)\n    : undefined;\n  const lockedValues = activeAction\n    ? (getLockedValues?.(activeAction) ?? {})\n    : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        {\n          ...packParameterValues(\n            values,\n            activeAction.operation.parameters ?? []\n          ),\n          ...getRequestValues?.(activeAction),\n        },\n        { Accept: \"application/json+clicky\" }\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(\n        err instanceof Error ? err.message : String(err ?? \"Unknown error\")\n      );\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {selection &&\n      (selection.selectedScope || selection.selectedRowIds.length > 0) ? (\n        <SelectionActionBar\n          actions={actions.map((op) => {\n            const hints = getOperationClickyMeta(op)?.toolHints;\n            const icon = resolveActionIcon(hints?.icon);\n            return {\n              id: op.operation.operationId || `${op.method}:${op.path}`,\n              label: actionLabel(op),\n              onSelect: () => openAction(op),\n              ...(icon ? { icon } : {}),\n              ...(hints?.destructiveHint\n                ? { variant: \"destructive\" as const }\n                : {}),\n            };\n          })}\n          context={selection}\n        />\n      ) : actions.length > 0 && !selection ? (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const icon = resolveActionIcon(\n              getOperationClickyMeta(op)?.toolHints?.icon\n            );\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip =\n              summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {icon ? <Icon icon={icon} /> : null}\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      ) : null}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...((initialValuesByAction?.[\n            activeMeta?.actionName || activeMeta?.verb || \"\"\n          ] ?? initialValue)\n            ? {\n                initialValue:\n                  initialValuesByAction?.[\n                    activeMeta?.actionName || activeMeta?.verb || \"\"\n                  ] ?? initialValue!,\n              }\n            : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              initialValues={\n                initialValuesByAction?.[\n                  activeMeta?.actionName || activeMeta?.verb || \"\"\n                ] ?? {}\n              }\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel={actionLabel(activeAction)}\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              formId={fallbackFormId}\n              showSubmit={false}\n              {...(excludedParameterNames ? { excludedParameterNames } : {})}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        footer={\n          footer ?? (\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => setActiveAction(null)}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                form={fallbackFormId}\n                disabled={isExecutingAction}\n              >\n                {isExecutingAction ? \"Executing…\" : actionLabel(activeAction)}\n              </Button>\n            </div>\n          )\n        }\n      >\n        <div className=\"space-y-4\">\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":["useQueryClient","useState","useId","getOperationClickyMeta","surfaceActionLabel","packParameterValues","jsxs","Fragment","jsx","SelectionActionBar","resolveActionIcon","cn","Button","Icon","SchemaActionForm","FilterForm","Modal","ExecutionResult"],"mappings":"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"}

package/dist/rpc/OperationActionBar.d.ts

@@ -1,6 +1,7 @@
-import { ClickyCommandRuntime } from '../data/Clicky';
+import { ClickyCommandRuntime, ClickyRow } from '../data/Clicky';
+import { DataTableSelectionContext } from '../data/DataTable';
 import { FormActionsRenderer } from './SchemaActionForm';
-import { ResolvedOperation } from './types';
+import { OperationRequestValues, ResolvedOperation } from './types';
 import { OperationsApiClient } from './useOperations';
 import { PreExtension, PostExtension } from '../components/json-schema-form-types';
 export type OperationActionBarProps = {
@@ -16,6 +17,10 @@ export type OperationActionBarProps = {
     formActions?: FormActionsRenderer;
     actionLabels?: Record<string, string>;
     className?: string;
+    selection?: DataTableSelectionContext<ClickyRow>;
+    getRequestValues?: (action: ResolvedOperation) => OperationRequestValues;
+    excludedParameterNames?: string[];
+    initialValuesByAction?: Record<string, Record<string, string>>;
 };
-export declare function OperationActionBar({ actions, client, getLockedValues, onExecuted, initialValue, hideLockedInForm, commandRuntime, formPre, formPost, formActions, actionLabels, className, }: OperationActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationActionBar({ actions, client, getLockedValues, onExecuted, initialValue, hideLockedInForm, commandRuntime, formPre, formPost, formActions, actionLabels, className, selection, getRequestValues, excludedParameterNames, initialValuesByAction, }: OperationActionBarProps): import("react").JSX.Element;
 //# sourceMappingURL=OperationActionBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OperationActionBar.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationActionBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAK3D,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAAqB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,uBAAuB,GAAG;IAIpC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;IAG5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAExE,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAGvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAM,EACN,eAAe,EACf,UAAU,EACV,YAAY,EACZ,gBAAwB,EACxB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,2CAgJzB"}
+{"version":3,"file":"OperationActionBar.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationActionBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAInE,OAAO,EAEL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAK,EAEV,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAG9C,MAAM,MAAM,uBAAuB,GAAG;IAIpC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;IAG5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAExE,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAGvC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,sBAAsB,CAAC;IACzE,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAChE,CAAC;AAOF,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,MAAM,EACN,eAAe,EACf,UAAU,EACV,YAAY,EACZ,gBAAwB,EACxB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,GACtB,EAAE,uBAAuB,+BAsNzB"}

package/dist/rpc/OperationActionBar.js

@@ -1,15 +1,17 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useId } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { Button } from "../components/button.js";
 import { cn } from "../lib/utils.js";
-import { MethodBadge } from "../data/MethodBadge.js";
+import { SelectionActionBar } from "../data/SelectionActionBar.js";
+import { Icon } from "../data/Icon.js";
 import { Modal } from "../overlay/Modal.js";
 import { ExecutionResult } from "./ExecutionResult.js";
 import { FilterForm } from "./FilterForm.js";
 import { SchemaActionForm } from "./SchemaActionForm.js";
 import { getOperationClickyMeta, surfaceActionLabel } from "./clickyMetadata.js";
 import { packParameterValues } from "./formMetadata.js";
+import { resolveActionIcon } from "./actionIconMap.js";
 function OperationActionBar({
   actions,
   client,
@@ -22,13 +24,22 @@ function OperationActionBar({
   formPost,
   formActions,
   actionLabels,
-  className
+  className,
+  selection,
+  getRequestValues,
+  excludedParameterNames,
+  initialValuesByAction
 }) {
   const queryClient = useQueryClient();
-  const [activeAction, setActiveAction] = useState(null);
-  const [actionResult, setActionResult] = useState(null);
+  const [activeAction, setActiveAction] = useState(
+    null
+  );
+  const [actionResult, setActionResult] = useState(
+    null
+  );
   const [actionError, setActionError] = useState("");
   const [isExecutingAction, setIsExecutingAction] = useState(false);
+  const fallbackFormId = useId();
   const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : void 0;
   const lockedValues = activeAction ? (getLockedValues == null ? void 0 : getLockedValues(activeAction)) ?? {} : {};
   function openAction(op) {
@@ -57,24 +68,53 @@ function OperationActionBar({
       const response = await client.executeCommand(
         activeAction.path,
         activeAction.method,
-        packParameterValues(values, activeAction.operation.parameters ?? []),
+        {
+          ...packParameterValues(
+            values,
+            activeAction.operation.parameters ?? []
+          ),
+          ...getRequestValues == null ? void 0 : getRequestValues(activeAction)
+        },
         { Accept: "application/json+clicky" }
       );
       setActionResult(response);
       if (!response.error) await refreshDiscovery();
     } catch (err) {
       setActionResult(null);
-      setActionError(err instanceof Error ? err.message : String(err ?? "Unknown error"));
+      setActionError(
+        err instanceof Error ? err.message : String(err ?? "Unknown error")
+      );
     } finally {
       setIsExecutingAction(false);
     }
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    actions.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2", className), children: actions.map((op) => {
+    selection && (selection.selectedScope || selection.selectedRowIds.length > 0) ? /* @__PURE__ */ jsx(
+      SelectionActionBar,
+      {
+        actions: actions.map((op) => {
+          var _a;
+          const hints = (_a = getOperationClickyMeta(op)) == null ? void 0 : _a.toolHints;
+          const icon = resolveActionIcon(hints == null ? void 0 : hints.icon);
+          return {
+            id: op.operation.operationId || `${op.method}:${op.path}`,
+            label: actionLabel(op),
+            onSelect: () => openAction(op),
+            ...icon ? { icon } : {},
+            ...(hints == null ? void 0 : hints.destructiveHint) ? { variant: "destructive" } : {}
+          };
+        }),
+        context: selection
+      }
+    ) : actions.length > 0 && !selection ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2", className), children: actions.map((op) => {
+      var _a, _b;
       const label = actionLabel(op);
+      const icon = resolveActionIcon(
+        (_b = (_a = getOperationClickyMeta(op)) == null ? void 0 : _a.toolHints) == null ? void 0 : _b.icon
+      );
       const summary = op.operation.summary || op.operation.description;
       const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsxs(
         Button,
         {
           type: "button",
@@ -82,11 +122,14 @@ function OperationActionBar({
           size: "sm",
           title: tooltip,
           onClick: () => openAction(op),
-          children: label
+          children: [
+            icon ? /* @__PURE__ */ jsx(Icon, { icon }) : null,
+            label
+          ]
         },
         `${op.method}:${op.path}`
       );
-    }) }),
+    }) }) : null,
     activeAction && /* @__PURE__ */ jsx(
       SchemaActionForm,
       {
@@ -94,7 +137,9 @@ function OperationActionBar({
         action: activeAction,
         lockedValues,
         submitLabel: actionLabel(activeAction),
-        ...initialValue ? { initialValue } : {},
+        ...(initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? initialValue ? {
+          initialValue: (initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? initialValue
+        } : {},
         ...formPre ? { formPre } : {},
         ...formPost ? { formPost } : {},
         ...formActions ? { footerActions: formActions } : {},
@@ -111,11 +156,15 @@ function OperationActionBar({
             method: activeAction.method,
             parameters: activeAction.operation.parameters ?? [],
             lockedValues,
+            initialValues: (initialValuesByAction == null ? void 0 : initialValuesByAction[(activeMeta == null ? void 0 : activeMeta.actionName) || (activeMeta == null ? void 0 : activeMeta.verb) || ""]) ?? {},
             enableLookup: Boolean(activeMeta == null ? void 0 : activeMeta.supportsLookup),
-            submitLabel: "Execute request",
+            submitLabel: actionLabel(activeAction),
             submittingLabel: "Executing…",
             isSubmitting: isExecutingAction,
             onSubmit: executeAction,
+            formId: fallbackFormId,
+            showSubmit: false,
+            ...excludedParameterNames ? { excludedParameterNames } : {},
             ...hideLockedInForm ? { hideLocked: true } : {}
           }
         )
@@ -131,12 +180,27 @@ function OperationActionBar({
         onClose: () => setActiveAction(null),
         title: actionLabel(activeAction),
         size: "2xl",
-        ...footer ? { footer } : {},
+        footer: footer ?? /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => setActiveAction(null),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              form: fallbackFormId,
+              disabled: isExecutingAction,
+              children: isExecutingAction ? "Executing…" : actionLabel(activeAction)
+            }
+          )
+        ] }),
         children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx(MethodBadge, { method: activeAction.method }),
-            /* @__PURE__ */ jsx("code", { className: "rounded-md bg-muted px-2 py-1 text-sm", children: activeAction.path })
-          ] }),
           body,
           actionError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: actionError }) : actionResult ? /* @__PURE__ */ jsx(
             ExecutionResult,

package/dist/rpc/OperationActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionBar.js","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationActionBar.js","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport type { ClickyRow } from \"../data/Clicky\";\nimport { SelectionActionBar } from \"../data/SelectionActionBar\";\nimport { Icon } from \"../data/Icon\";\nimport type { DataTableSelectionContext } from \"../data/DataTable\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type {\n  ExecutionResponse,\n  OperationRequestValues,\n  ResolvedOperation,\n} from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport { resolveActionIcon } from \"./actionIconMap\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n  selection?: DataTableSelectionContext<ClickyRow>;\n  getRequestValues?: (action: ResolvedOperation) => OperationRequestValues;\n  excludedParameterNames?: string[];\n  initialValuesByAction?: Record<string, Record<string, string>>;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n  selection,\n  getRequestValues,\n  excludedParameterNames,\n  initialValuesByAction,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(\n    null\n  );\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(\n    null\n  );\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n  const fallbackFormId = useId();\n\n  const activeMeta = activeAction\n    ? getOperationClickyMeta(activeAction)\n    : undefined;\n  const lockedValues = activeAction\n    ? (getLockedValues?.(activeAction) ?? {})\n    : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        {\n          ...packParameterValues(\n            values,\n            activeAction.operation.parameters ?? []\n          ),\n          ...getRequestValues?.(activeAction),\n        },\n        { Accept: \"application/json+clicky\" }\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(\n        err instanceof Error ? err.message : String(err ?? \"Unknown error\")\n      );\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {selection &&\n      (selection.selectedScope || selection.selectedRowIds.length > 0) ? (\n        <SelectionActionBar\n          actions={actions.map((op) => {\n            const hints = getOperationClickyMeta(op)?.toolHints;\n            const icon = resolveActionIcon(hints?.icon);\n            return {\n              id: op.operation.operationId || `${op.method}:${op.path}`,\n              label: actionLabel(op),\n              onSelect: () => openAction(op),\n              ...(icon ? { icon } : {}),\n              ...(hints?.destructiveHint\n                ? { variant: \"destructive\" as const }\n                : {}),\n            };\n          })}\n          context={selection}\n        />\n      ) : actions.length > 0 && !selection ? (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const icon = resolveActionIcon(\n              getOperationClickyMeta(op)?.toolHints?.icon\n            );\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip =\n              summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {icon ? <Icon icon={icon} /> : null}\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      ) : null}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...((initialValuesByAction?.[\n            activeMeta?.actionName || activeMeta?.verb || \"\"\n          ] ?? initialValue)\n            ? {\n                initialValue:\n                  initialValuesByAction?.[\n                    activeMeta?.actionName || activeMeta?.verb || \"\"\n                  ] ?? initialValue!,\n              }\n            : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              initialValues={\n                initialValuesByAction?.[\n                  activeMeta?.actionName || activeMeta?.verb || \"\"\n                ] ?? {}\n              }\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel={actionLabel(activeAction)}\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              formId={fallbackFormId}\n              showSubmit={false}\n              {...(excludedParameterNames ? { excludedParameterNames } : {})}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        footer={\n          footer ?? (\n            <div className=\"flex justify-end gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => setActiveAction(null)}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"submit\"\n                form={fallbackFormId}\n                disabled={isExecutingAction}\n              >\n                {isExecutingAction ? \"Executing…\" : actionLabel(activeAction)}\n              </Button>\n            </div>\n          )\n        }\n      >\n        <div className=\"space-y-4\">\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/OperationActionDialog.d.ts

@@ -8,5 +8,5 @@ export type OperationActionDialogProps = {
     defaultAccept?: string;
     onNavigateAction?: (href: string) => void;
 };
-export declare function OperationActionDialog({ operation, client, initialValues, label, defaultAccept, onNavigateAction, }: OperationActionDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationActionDialog({ operation, client, initialValues, label, defaultAccept, onNavigateAction, }: OperationActionDialogProps): import("react").JSX.Element;
 //# sourceMappingURL=OperationActionDialog.d.ts.map