@flanksource/clicky-ui 0.1.0 → 0.2.1

package/dist/rpc/OperationActionDialog.js.map

@@ -0,0 +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 { Modal } from \"../overlay/Modal\";\nimport { CommandForm } from \"./CommandForm\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport { InlineError } from \"./InlineError\";\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 name=\"codicon:play\" />\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\") search.set(key, value);\n  }\n  const query = search.toString();\n  return query ? `${route}?${query}` : route;\n}\n\nfunction apiPathToRoutePath(path: string): string {\n  const cliPath = path\n    .trim()\n    .replace(/^\\/api\\/v1\\/?/, \"\")\n    .replace(/^\\/+/, \"\")\n    .replace(/\\/+$/, \"\");\n  if (!cliPath) return \"/\";\n  return `/${cliPath.replace(/\\{([^}]+)\\}/g, \":$1\")}`;\n}\n\nfunction pathParamNames(path: string): string[] {\n  return [...path.matchAll(/\\{([^}]+)\\}/g)]\n    .map((match) => match[1])\n    .filter((name): name is string => Boolean(name));\n}\n\nfunction 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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"}

package/dist/rpc/OperationCatalog.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ClickyCommandRuntime } from '../data/Clicky';
+import { RenderLink } from './EndpointList';
+import { DomainDefinition, ResolvedOperation } from './types';
+import { OperationsApiClient } from './useOperations';
+export type OperationCatalogProps = {
+    definition: DomainDefinition;
+    entities: string[];
+    client: OperationsApiClient;
+    renderLink: RenderLink;
+    allOperations?: boolean;
+    operationIdPrefix?: string;
+    listOperationId?: string;
+    surfaceKey?: string;
+    getCommandHref?: (operationId: string, op: ResolvedOperation) => string;
+    renderError?: (err: unknown, title: string) => ReactNode;
+    kind?: "operations" | "configuration";
+    commandRuntime?: ClickyCommandRuntime;
+};
+export declare function OperationCatalog({ definition, entities, client, renderLink, allOperations, operationIdPrefix, listOperationId, surfaceKey, getCommandHref, renderError, kind, commandRuntime, }: OperationCatalogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OperationCatalog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCatalog.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationCatalog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAcrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EACL,KAAK,gBAAgB,EAGrB,KAAK,iBAAiB,EAEvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAO1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;IAGvB,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,KAAK,MAAM,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACvC,CAAC;AAcF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,cAAmC,EACnC,WAAgC,EAChC,IAAI,EACJ,cAAc,GACf,EAAE,qBAAqB,2CAyUvB"}

package/dist/rpc/OperationCatalog.js

@@ -0,0 +1,339 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "../components/button.js";
+import { FilterBar } from "../components/FilterBar.js";
+import { Icon } from "../data/Icon.js";
+import { MethodBadge } from "../data/MethodBadge.js";
+import { Modal } from "../overlay/Modal.js";
+import { filterOperationsByDomain, findListEndpoint } from "./classify.js";
+import { filterOperationsBySurface, findSurfaceListOperation, findSurfaceCollectionActions, getOperationClickyMeta } from "./clickyMetadata.js";
+import { EndpointList } from "./EndpointList.js";
+import { ExecutionResult } from "./ExecutionResult.js";
+import { FilterForm } from "./FilterForm.js";
+import { isPositionalParam } from "./types.js";
+import { useOperations } from "./useOperations.js";
+import { packParameterValues, parametersToFormConfig } from "./formMetadata.js";
+const defaultCommandHref = (operationId) => `/commands/${operationId}`;
+function defaultRenderError(err, title) {
+  const message = err instanceof Error ? err.message : String(err ?? "");
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: title }),
+    message && /* @__PURE__ */ jsx("div", { className: "mt-1 whitespace-pre-wrap text-xs opacity-80", children: message })
+  ] });
+}
+function OperationCatalog({
+  definition,
+  entities,
+  client,
+  renderLink,
+  allOperations = false,
+  operationIdPrefix,
+  listOperationId,
+  surfaceKey,
+  getCommandHref = defaultCommandHref,
+  renderError = defaultRenderError,
+  kind,
+  commandRuntime
+}) {
+  const { operations, isLoading } = useOperations(client);
+  const [view, setView] = useState("table");
+  const [activeAction, setActiveAction] = useState(null);
+  const [actionResult, setActionResult] = useState(null);
+  const [actionError, setActionError] = useState("");
+  const [isExecutingAction, setIsExecutingAction] = useState(false);
+  const surfaceOps = useMemo(
+    () => filterOperationsBySurface(operations, surfaceKey),
+    [operations, surfaceKey]
+  );
+  const useSurfaceMetadata = surfaceOps.length > 0;
+  const domainOps = useMemo(() => {
+    if (useSurfaceMetadata) {
+      return surfaceOps;
+    }
+    return (allOperations ? operations : filterOperationsByDomain(operations, entities)).filter(
+      (op) => operationIdPrefix ? (op.operation.operationId ?? "").startsWith(operationIdPrefix) : true
+    );
+  }, [allOperations, entities, operationIdPrefix, operations, surfaceOps, useSurfaceMetadata]);
+  const listEndpoint = useMemo(() => {
+    if (useSurfaceMetadata) {
+      return findSurfaceListOperation(domainOps, surfaceKey);
+    }
+    return listOperationId ? domainOps.find((op) => op.method === "get" && op.operation.operationId === listOperationId) : findListEndpoint(domainOps, entities);
+  }, [domainOps, entities, listOperationId, surfaceKey, useSurfaceMetadata]);
+  const [filters, setFilters] = useState(() => readFiltersFromUrl());
+  const listParameters = (listEndpoint == null ? void 0 : listEndpoint.operation.parameters) ?? [];
+  useEffect(() => {
+    writeFiltersToUrl(filters);
+  }, [filters]);
+  const listQuery = useQuery({
+    queryKey: ["operation-list", listEndpoint == null ? void 0 : listEndpoint.method, listEndpoint == null ? void 0 : listEndpoint.path, filters],
+    queryFn: () => client.executeCommand(
+      listEndpoint.path,
+      listEndpoint.method,
+      packParameterValues(filters, listEndpoint.operation.parameters ?? []),
+      {
+        Accept: "application/json+clicky"
+      }
+    ),
+    enabled: !!listEndpoint && view === "table",
+    staleTime: 3e4,
+    retry: 0
+  });
+  const lookupQuery = useQuery({
+    queryKey: ["operation-lookup", listEndpoint == null ? void 0 : listEndpoint.method, listEndpoint == null ? void 0 : listEndpoint.path, filters],
+    queryFn: async () => {
+      var _a;
+      return await ((_a = client.lookupFilters) == null ? void 0 : _a.call(
+        client,
+        listEndpoint.path,
+        listEndpoint.method,
+        packParameterValues(filters, listParameters),
+        { Accept: "application/json+clicky" }
+      )) ?? { filters: {} };
+    },
+    enabled: !!listEndpoint && view === "table" && !!client.lookupFilters,
+    staleTime: 3e4,
+    retry: 0
+  });
+  const actionOps = useMemo(() => {
+    if (useSurfaceMetadata) {
+      return findSurfaceCollectionActions(domainOps, surfaceKey);
+    }
+    return domainOps.filter(
+      (op) => {
+        var _a;
+        return op.method !== "get" && !op.path.includes("{") && !((_a = op.operation.parameters) == null ? void 0 : _a.some((p) => p.in === "path" || isPositionalParam(p)));
+      }
+    );
+  }, [domainOps, surfaceKey, useSurfaceMetadata]);
+  const filterBarConfig = useMemo(() => {
+    const options = {
+      includeLocations: ["query"]
+    };
+    if (lookupQuery.data != null) {
+      options.lookup = lookupQuery.data;
+    }
+    return parametersToFormConfig(listParameters, filters, setFilters, options);
+  }, [filters, listParameters, lookupQuery.data]);
+  const hasTable = !!listEndpoint;
+  const showTable = hasTable && view === "table";
+  const sectionLabel = kind === "configuration" || definition.key.startsWith("config-") ? "Configuration" : "Operations";
+  const activeActionMeta = activeAction ? getOperationClickyMeta(activeAction) : void 0;
+  const actionLockedValues = useMemo(() => {
+    const meta = activeActionMeta;
+    if (!activeAction || meta == null || !meta.supportsFilterMode) {
+      return {};
+    }
+    const locked = {};
+    for (const param of activeAction.operation.parameters ?? []) {
+      const value = filters[param.name];
+      if (param.in === "query" && value) {
+        locked[param.name] = value;
+      }
+    }
+    if (meta.idParam) {
+      locked[meta.idParam] = "all";
+    }
+    if ((activeAction.operation.parameters ?? []).some((param) => param.name === "filter")) {
+      locked.filter = Object.entries(filters).filter(([, value]) => value).map(([key, value]) => `${key}=${value}`).join(", ") || "current list filters";
+    }
+    return locked;
+  }, [activeAction, activeActionMeta, filters]);
+  async function executeAction(values) {
+    if (!activeAction) return;
+    setIsExecutingAction(true);
+    setActionError("");
+    try {
+      const response = await client.executeCommand(
+        activeAction.path,
+        activeAction.method,
+        packParameterValues(values, activeAction.operation.parameters ?? []),
+        { Accept: "application/json+clicky" }
+      );
+      setActionResult(response);
+      await listQuery.refetch();
+    } catch (err) {
+      setActionResult(null);
+      setActionError(err instanceof Error ? err.message : String(err ?? "Unknown error"));
+    } finally {
+      setIsExecutingAction(false);
+    }
+  }
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-10 w-72" }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-[32rem]" }),
+      Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-12" }, i))
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: sectionLabel }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: definition.title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: definition.description })
+      ] }),
+      hasTable && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 rounded-lg border p-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: view === "table" ? "secondary" : "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0",
+            "aria-label": "Table view",
+            "aria-pressed": view === "table",
+            onClick: () => setView("table"),
+            children: /* @__PURE__ */ jsx(Icon, { name: "codicon:table" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: view === "endpoints" ? "secondary" : "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0",
+            "aria-label": "Endpoint list view",
+            "aria-pressed": view === "endpoints",
+            onClick: () => setView("endpoints"),
+            children: /* @__PURE__ */ jsx(Icon, { name: "codicon:list-flat" })
+          }
+        )
+      ] })
+    ] }),
+    actionOps.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actionOps.map((op) => {
+      var _a;
+      const commandName = op.operation.operationId || op.path;
+      const tooltip = op.operation.description ? `${commandName} — ${op.operation.description}` : commandName;
+      if (useSurfaceMetadata) {
+        return /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            title: tooltip,
+            onClick: () => {
+              setActiveAction(op);
+              setActionResult(null);
+              setActionError("");
+            },
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "codicon:add", className: "text-xs" }),
+              op.operation.summary || ((_a = getOperationClickyMeta(op)) == null ? void 0 : _a.actionName) || commandName
+            ]
+          },
+          `${op.method}:${op.path}`
+        );
+      }
+      return renderLink({
+        key: `${op.method}:${op.path}`,
+        to: getCommandHref(op.operation.operationId ?? commandName, op),
+        title: tooltip,
+        className: "inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
+        children: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Icon, { name: "codicon:add", className: "text-xs" }),
+          op.operation.summary || commandName
+        ] })
+      });
+    }) }),
+    showTable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      (filterBarConfig.filters.length > 0 || filterBarConfig.timeRange != null) && /* @__PURE__ */ jsx(
+        FilterBar,
+        {
+          autoSubmit: true,
+          isPending: listQuery.isFetching,
+          filters: filterBarConfig.filters,
+          ...filterBarConfig.timeRange ? { timeRange: filterBarConfig.timeRange } : {}
+        }
+      ),
+      listQuery.isLoading ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-10" }, i)) }) : listQuery.isError ? renderError(listQuery.error, `Failed to load ${(listEndpoint == null ? void 0 : listEndpoint.path) ?? ""}`) : listQuery.data ? /* @__PURE__ */ jsx(
+        ExecutionResult,
+        {
+          response: listQuery.data,
+          emptyMessage: "No records returned",
+          ariaLabel: `${definition.title} results`,
+          className: "mt-0",
+          ...commandRuntime ? { commandRuntime } : {}
+        }
+      ) : null
+    ] }) : /* @__PURE__ */ jsx(
+      EndpointList,
+      {
+        operations: domainOps,
+        definition,
+        renderLink,
+        getCommandHref
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: activeAction != null,
+        onClose: () => setActiveAction(null),
+        title: (activeAction == null ? void 0 : activeAction.operation.summary) || (activeActionMeta == null ? void 0 : activeActionMeta.actionName) || (activeAction == null ? void 0 : activeAction.operation.operationId) || "Action",
+        size: "lg",
+        children: activeAction && /* @__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 })
+          ] }),
+          /* @__PURE__ */ jsx(
+            FilterForm,
+            {
+              client,
+              path: activeAction.path,
+              method: activeAction.method,
+              parameters: activeAction.operation.parameters ?? [],
+              lockedValues: actionLockedValues,
+              enableLookup: Boolean(activeActionMeta == null ? void 0 : activeActionMeta.supportsLookup),
+              submitLabel: "Execute request",
+              submittingLabel: "Executing…",
+              isSubmitting: isExecutingAction,
+              onSubmit: executeAction
+            }
+          ),
+          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,
+            {
+              response: actionResult,
+              className: "mt-0",
+              ...commandRuntime ? { commandRuntime } : {}
+            }
+          ) : null
+        ] })
+      }
+    )
+  ] });
+}
+function SkeletonBlock({ className }) {
+  return /* @__PURE__ */ jsx("div", { className: `animate-pulse rounded-md bg-muted ${className ?? ""}`.trim() });
+}
+function readFiltersFromUrl() {
+  if (typeof window === "undefined") return {};
+  const search = new URLSearchParams(window.location.search);
+  const values = {};
+  for (const [key, value] of search.entries()) {
+    if (key.startsWith("__")) continue;
+    if (value !== "") values[key] = value;
+  }
+  return values;
+}
+function writeFiltersToUrl(filters) {
+  if (typeof window === "undefined") return;
+  const search = new URLSearchParams();
+  for (const [key, value] of Object.entries(filters)) {
+    if (value !== "") search.set(key, value);
+  }
+  const query = search.toString();
+  const next = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
+  if (next !== `${window.location.pathname}${window.location.search}${window.location.hash}`) {
+    window.history.replaceState(window.history.state, "", next);
+  }
+}
+export {
+  OperationCatalog
+};
+//# sourceMappingURL=OperationCatalog.js.map

package/dist/rpc/OperationCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCatalog.js","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { FilterBar } from \"../components/FilterBar\";\nimport { Icon } from \"../data/Icon\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { filterOperationsByDomain, findListEndpoint } from \"./classify\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceCollectionActions,\n  findSurfaceListOperation,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  type DomainDefinition,\n  type ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n  isPositionalParam,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  packParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  // Restrict the domain to operationIds with a shared prefix when tags alone\n  // are too coarse (for example admin_ or catalog_ surfaces).\n  operationIdPrefix?: string;\n  // Explicit operation id for domains whose canonical list route does not\n  // follow the default `<entity>_list` pattern.\n  listOperationId?: string;\n  surfaceKey?: string;\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n  renderError?: (err: unknown, title: string) => ReactNode;\n  kind?: \"operations\" | \"configuration\";\n  commandRuntime?: ClickyCommandRuntime;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nfunction defaultRenderError(err: unknown, title: string) {\n  const message = err instanceof Error ? err.message : String(err ?? \"\");\n  return (\n    <div className=\"rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n      <div className=\"font-medium\">{title}</div>\n      {message && <div className=\"mt-1 whitespace-pre-wrap text-xs opacity-80\">{message}</div>}\n    </div>\n  );\n}\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  operationIdPrefix,\n  listOperationId,\n  surfaceKey,\n  getCommandHref = defaultCommandHref,\n  renderError = defaultRenderError,\n  kind,\n  commandRuntime,\n}: OperationCatalogProps) {\n  const { operations, isLoading } = useOperations(client);\n  const [view, setView] = useState<\"table\" | \"endpoints\">(\"table\");\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 surfaceOps = useMemo(\n    () => filterOperationsBySurface(operations, surfaceKey),\n    [operations, surfaceKey],\n  );\n  const useSurfaceMetadata = surfaceOps.length > 0;\n\n  const domainOps = useMemo(() => {\n    if (useSurfaceMetadata) {\n      return surfaceOps;\n    }\n\n    return (allOperations ? operations : filterOperationsByDomain(operations, entities)).filter(\n      (op) =>\n        operationIdPrefix ? (op.operation.operationId ?? \"\").startsWith(operationIdPrefix) : true,\n    );\n  }, [allOperations, entities, operationIdPrefix, operations, surfaceOps, useSurfaceMetadata]);\n\n  const listEndpoint = useMemo(() => {\n    if (useSurfaceMetadata) {\n      return findSurfaceListOperation(domainOps, surfaceKey);\n    }\n\n    return listOperationId\n      ? domainOps.find((op) => op.method === \"get\" && op.operation.operationId === listOperationId)\n      : findListEndpoint(domainOps, entities);\n  }, [domainOps, entities, listOperationId, surfaceKey, useSurfaceMetadata]);\n  const [filters, setFilters] = useState<Record<string, string>>(() => readFiltersFromUrl());\n  const listParameters = listEndpoint?.operation.parameters ?? [];\n\n  useEffect(() => {\n    writeFiltersToUrl(filters);\n  }, [filters]);\n\n  const listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\"operation-list\", listEndpoint?.method, listEndpoint?.path, filters],\n    queryFn: () =>\n      client.executeCommand(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listEndpoint!.operation.parameters ?? []),\n        {\n          Accept: \"application/json+clicky\",\n        },\n      ),\n    enabled: !!listEndpoint && view === \"table\",\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\"operation-lookup\", listEndpoint?.method, listEndpoint?.path, filters],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listParameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && view === \"table\" && !!client.lookupFilters,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const actionOps = useMemo(() => {\n    if (useSurfaceMetadata) {\n      return findSurfaceCollectionActions(domainOps, surfaceKey);\n    }\n\n    return domainOps.filter(\n      (op) =>\n        op.method !== \"get\" &&\n        !op.path.includes(\"{\") &&\n        !op.operation.parameters?.some((p) => p.in === \"path\" || isPositionalParam(p)),\n    );\n  }, [domainOps, surfaceKey, useSurfaceMetadata]);\n\n  const filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, listParameters, lookupQuery.data]);\n\n  const hasTable = !!listEndpoint;\n  const showTable = hasTable && view === \"table\";\n  const sectionLabel =\n    kind === \"configuration\" || definition.key.startsWith(\"config-\")\n      ? \"Configuration\"\n      : \"Operations\";\n  const activeActionMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n\n  const actionLockedValues = useMemo(() => {\n    const meta = activeActionMeta;\n    if (!activeAction || meta == null || !meta.supportsFilterMode) {\n      return {};\n    }\n\n    const locked: Record<string, string> = {};\n    for (const param of activeAction.operation.parameters ?? []) {\n      const value = filters[param.name];\n      if (param.in === \"query\" && value) {\n        locked[param.name] = value;\n      }\n    }\n\n    if (meta.idParam) {\n      locked[meta.idParam] = \"all\";\n    }\n\n    if ((activeAction.operation.parameters ?? []).some((param) => param.name === \"filter\")) {\n      locked.filter =\n        Object.entries(filters)\n          .filter(([, value]) => value)\n          .map(([key, value]) => `${key}=${value}`)\n          .join(\", \") || \"current list filters\";\n    }\n\n    return locked;\n  }, [activeAction, activeActionMeta, filters]);\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      await listQuery.refetch();\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  if (isLoading) {\n    return (\n      <div className=\"space-y-3\">\n        <SkeletonBlock className=\"h-10 w-72\" />\n        <SkeletonBlock className=\"h-4 w-[32rem]\" />\n        {Array.from({ length: 5 }).map((_, i) => (\n          <SkeletonBlock key={i} className=\"h-12\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n            {sectionLabel}\n          </p>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{definition.title}</h1>\n          <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">{definition.description}</p>\n        </div>\n        {hasTable && (\n          <div className=\"flex gap-1 rounded-lg border p-1\">\n            <Button\n              type=\"button\"\n              variant={view === \"table\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Table view\"\n              aria-pressed={view === \"table\"}\n              onClick={() => setView(\"table\")}\n            >\n              <Icon name=\"codicon:table\" />\n            </Button>\n            <Button\n              type=\"button\"\n              variant={view === \"endpoints\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Endpoint list view\"\n              aria-pressed={view === \"endpoints\"}\n              onClick={() => setView(\"endpoints\")}\n            >\n              <Icon name=\"codicon:list-flat\" />\n            </Button>\n          </div>\n        )}\n      </div>\n\n      {actionOps.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {actionOps.map((op) => {\n            const commandName = op.operation.operationId || op.path;\n            const tooltip = op.operation.description\n              ? `${commandName} — ${op.operation.description}`\n              : commandName;\n            if (useSurfaceMetadata) {\n              return (\n                <Button\n                  key={`${op.method}:${op.path}`}\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  title={tooltip}\n                  onClick={() => {\n                    setActiveAction(op);\n                    setActionResult(null);\n                    setActionError(\"\");\n                  }}\n                >\n                  <Icon name=\"codicon:add\" className=\"text-xs\" />\n                  {op.operation.summary || getOperationClickyMeta(op)?.actionName || commandName}\n                </Button>\n              );\n            }\n\n            return renderLink({\n              key: `${op.method}:${op.path}`,\n              to: getCommandHref(op.operation.operationId ?? commandName, op),\n              title: tooltip,\n              className:\n                \"inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground\",\n              children: (\n                <>\n                  <Icon name=\"codicon:add\" className=\"text-xs\" />\n                  {op.operation.summary || commandName}\n                </>\n              ),\n            });\n          })}\n        </div>\n      )}\n\n      {showTable ? (\n        <>\n          {(filterBarConfig.filters.length > 0 || filterBarConfig.timeRange != null) && (\n            <FilterBar\n              autoSubmit\n              isPending={listQuery.isFetching}\n              filters={filterBarConfig.filters}\n              {...(filterBarConfig.timeRange ? { timeRange: filterBarConfig.timeRange } : {})}\n            />\n          )}\n          {listQuery.isLoading ? (\n            <div className=\"space-y-2\">\n              {Array.from({ length: 8 }).map((_, i) => (\n                <SkeletonBlock key={i} className=\"h-10\" />\n              ))}\n            </div>\n          ) : listQuery.isError ? (\n            renderError(listQuery.error, `Failed to load ${listEndpoint?.path ?? \"\"}`)\n          ) : listQuery.data ? (\n            <ExecutionResult\n              response={listQuery.data}\n              emptyMessage=\"No records returned\"\n              ariaLabel={`${definition.title} results`}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </>\n      ) : (\n        <EndpointList\n          operations={domainOps}\n          definition={definition}\n          renderLink={renderLink}\n          getCommandHref={getCommandHref}\n        />\n      )}\n\n      <Modal\n        open={activeAction != null}\n        onClose={() => setActiveAction(null)}\n        title={\n          activeAction?.operation.summary ||\n          activeActionMeta?.actionName ||\n          activeAction?.operation.operationId ||\n          \"Action\"\n        }\n        size=\"lg\"\n      >\n        {activeAction && (\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\">{activeAction.path}</code>\n            </div>\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={actionLockedValues}\n              enableLookup={Boolean(activeActionMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n            />\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        )}\n      </Modal>\n    </div>\n  );\n}\n\nfunction SkeletonBlock({ className }: { className?: string }) {\n  return <div className={`animate-pulse rounded-md bg-muted ${className ?? \"\"}`.trim()} />;\n}\n\nfunction readFiltersFromUrl(): Record<string, string> {\n  if (typeof window === \"undefined\") return {};\n  const search = new URLSearchParams(window.location.search);\n  const values: Record<string, string> = {};\n  for (const [key, value] of search.entries()) {\n    if (key.startsWith(\"__\")) continue;\n    if (value !== \"\") values[key] = value;\n  }\n  return values;\n}\n\nfunction writeFiltersToUrl(filters: Record<string, string>) {\n  if (typeof window === \"undefined\") return;\n  const search = new URLSearchParams();\n  for (const [key, value] of Object.entries(filters)) {\n    if (value !== \"\") search.set(key, value);\n  }\n  const query = search.toString();\n  const next = `${window.location.pathname}${query ? `?${query}` : \"\"}${window.location.hash}`;\n  if (next !== `${window.location.pathname}${window.location.search}${window.location.hash}`) {\n    window.history.replaceState(window.history.state, \"\", next);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/OperationCommandPage.d.ts

@@ -0,0 +1,22 @@
+import { ClickyCommandRuntime } from '../data/Clicky';
+import { RenderLink } from './EndpointList';
+import { ParameterValues } from './formMetadata';
+import { ResolvedOperation } from './types';
+import { OperationsApiClient } from './useOperations';
+export type OperationCommandPageProps = {
+    client: OperationsApiClient;
+    operationId?: string;
+    operation?: ResolvedOperation;
+    operations?: ResolvedOperation[];
+    initialValues?: ParameterValues;
+    autoRun?: boolean;
+    backHref?: string;
+    backLabel?: string;
+    renderLink?: RenderLink;
+    commandRuntime?: ClickyCommandRuntime;
+    onNavigate?: (href: string) => void;
+    hideLockedPathFilters?: boolean;
+    className?: string;
+};
+export declare function OperationCommandPage({ client, operationId, operation: providedOperation, operations, initialValues, autoRun, backHref, backLabel, renderLink, onNavigate, hideLockedPathFilters, className, }: OperationCommandPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OperationCommandPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCommandPage.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationCommandPage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EAKrB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAOL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAoB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE7E,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,mBAAmB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,WAAW,EACX,SAAS,EAAE,iBAAiB,EAC5B,UAAyD,EACzD,aAAkB,EAClB,OAAe,EACf,QAAQ,EACR,SAAkB,EAClB,UAAU,EACV,UAAU,EACV,qBAAkD,EAClD,SAAS,GACV,EAAE,yBAAyB,2CAwQ3B"}