@flanksource/clicky-ui 0.3.40 → 0.3.41

package/dist/rpc/OperationEntityPicker.cjs

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const reactQuery = require("@tanstack/react-query");
+const button = require("../components/button.cjs");
+const Modal = require("../overlay/Modal.cjs");
+const clickyMetadata = require("./clickyMetadata.cjs");
+const formMetadata = require("./formMetadata.cjs");
+const OperationCatalog = require("./OperationCatalog.cjs");
+const operationCatalogRowSelection = require("./operationCatalogRowSelection.cjs");
+const OperationEntityPicker_model = require("./OperationEntityPicker.model.cjs");
+const rowNavigation = require("./rowNavigation.cjs");
+const useOperations = require("./useOperations.cjs");
+const EMPTY_VALUES = {};
+const EMPTY_IDS = [];
+const defaultSelectLabel = ({ pending }) => pending ? "Selecting…" : "Select";
+const pickerRenderLink = () => {
+  throw new Error("OperationEntityPicker renders no endpoint links");
+};
+function OperationEntityPicker({
+  open,
+  onClose,
+  title,
+  client,
+  surfaceKey,
+  mode = "single",
+  selected = EMPTY_IDS,
+  onSelect,
+  lockedValues = EMPTY_VALUES,
+  lockedLabels,
+  initialValues = EMPTY_VALUES,
+  unavailableRows,
+  selectLabel = defaultSelectLabel,
+  note,
+  filterPre,
+  hiddenColumns,
+  cellRenderers
+}) {
+  const openingContext = react.useMemo(
+    () => ({ filters: { ...initialValues, ...lockedValues } }),
+    [initialValues, lockedValues]
+  );
+  const [ids, setIds] = react.useState(selected);
+  const [rowsById, setRowsById] = react.useState({});
+  const [context, setContext] = react.useState(openingContext);
+  const [pending, setPending] = react.useState(false);
+  const [error, setError] = react.useState("");
+  const [wasOpen, setWasOpen] = react.useState(false);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) {
+      setIds(selected);
+      setRowsById({});
+      setContext(openingContext);
+      setPending(false);
+      setError("");
+    }
+  }
+  const { operations, spec } = useOperations.useOperations(client);
+  const listOperation = react.useMemo(
+    () => clickyMetadata.findSurfaceListOperation(clickyMetadata.filterOperationsBySurface(operations, surfaceKey), surfaceKey),
+    [operations, surfaceKey]
+  );
+  const surface = clickyMetadata.getClickySurfaces(spec).find((entry) => entry.key === surfaceKey);
+  const listParameters = listOperation == null ? void 0 : listOperation.operation.parameters;
+  const lookup = reactQuery.useQuery({
+    ...operationCatalogRowSelection.operationLookupQuery(
+      client,
+      listOperation,
+      formMetadata.packLookupParameterValues(openingContext.filters, listParameters ?? [])
+    ),
+    enabled: false
+  });
+  const scope = react.useMemo(
+    () => {
+      var _a;
+      return listParameters ? OperationEntityPicker_model.lockedScopeEntries({
+        lockedValues,
+        lockedLabels,
+        parameters: listParameters,
+        lookup: lookup.data,
+        components: (_a = spec == null ? void 0 : spec.components) == null ? void 0 : _a["x-clicky-filters"]
+      }) : [];
+    },
+    [listParameters, lockedLabels, lockedValues, lookup.data, spec]
+  );
+  const pickedRows = ids.flatMap((id) => {
+    const row = rowsById[id];
+    return row ? [row] : [];
+  });
+  const confirm = async () => {
+    setPending(true);
+    setError("");
+    try {
+      await onSelect(ids, pickedRows, context);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setPending(false);
+      return;
+    }
+    setPending(false);
+    onClose();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open,
+      onClose,
+      title,
+      size: "2xl",
+      expandable: true,
+      scrollBody: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          ids.length,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(button.Button, { type: "button", variant: "outline", onClick: onClose, disabled: pending, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
+            {
+              type: "button",
+              onClick: () => void confirm(),
+              disabled: ids.length === 0 || pending,
+              children: selectLabel({ count: ids.length, pending })
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [
+        scope.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", "data-slot": "operation-picker-scope", children: `Scoped to: ${scope.map((entry) => `${entry.label} = ${entry.value}`).join(" · ")}` }) : null,
+        error ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(
+          OperationCatalog.OperationCatalog,
+          {
+            definition: {
+              key: surfaceKey,
+              title: (surface == null ? void 0 : surface.title) ?? surfaceKey,
+              description: (surface == null ? void 0 : surface.description) ?? ""
+            },
+            entities: [],
+            client,
+            surfaceKey,
+            renderLink: pickerRenderLink,
+            urlState: false,
+            lockedValues,
+            initialValues,
+            ...filterPre ? { filterPre } : {},
+            ...hiddenColumns ? { hiddenColumns } : {},
+            ...cellRenderers ? { cellRenderers } : {},
+            rowSelection: {
+              mode,
+              selectedRowIds: ids,
+              onSelectionChange: (next, rows, nextContext) => {
+                const loaded = new Map(
+                  rows.flatMap((row) => {
+                    const id = rowNavigation.getClickyRowId(row);
+                    return id ? [[id, row]] : [];
+                  })
+                );
+                setIds(next);
+                setRowsById((prev) => OperationEntityPicker_model.reconcilePickedRows(prev, next, loaded));
+                setContext(nextContext);
+              },
+              ...unavailableRows ? { unavailableRows } : {}
+            }
+          },
+          surfaceKey
+        ) }),
+        note
+      ] })
+    }
+  );
+}
+exports.OperationEntityPicker = OperationEntityPicker;
+//# sourceMappingURL=OperationEntityPicker.cjs.map

package/dist/rpc/OperationEntityPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.cjs","sources":["../../src/rpc/OperationEntityPicker.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type { FilterExtension } from \"../components/filter-bar-utils\";\nimport type { ClickyCellRenderers, ClickyRow } from \"../data/Clicky\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceListOperation,\n  getClickySurfaces,\n} from \"./clickyMetadata\";\nimport type { RenderLink } from \"./EndpointList\";\nimport { packLookupParameterValues } from \"./formMetadata\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport {\n  operationLookupQuery,\n  type OperationCatalogRowSelectionContext,\n  type OperationCatalogRowSelectionMode,\n  type OperationCatalogUnavailableRows,\n} from \"./operationCatalogRowSelection\";\nimport { lockedScopeEntries, reconcilePickedRows } from \"./OperationEntityPicker.model\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\n\nexport type OperationEntityPickerProps = {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  client: OperationsApiClient;\n  /** The clicky surface whose list operation supplies the rows. */\n  surfaceKey: string;\n  /** Defaults to \"single\": checking a row replaces the previous one. */\n  mode?: OperationCatalogRowSelectionMode;\n  /** Ids checked each time the dialog opens. */\n  selected?: string[];\n  /**\n   * Called by Select with the checked ids and, in the same order, the row of\n   * each id the reader checked while the dialog was open — an id carried in\n   * through `selected` and left untouched has no row. `context.filters` is the\n   * list scope at the last selection change (the opening scope when the reader\n   * never changed it). The dialog closes when this returns or resolves; a\n   * rejection is shown in the dialog, which stays open.\n   */\n  onSelect: (\n    ids: string[],\n    rows: ClickyRow[],\n    context: OperationCatalogRowSelectionContext,\n  ) => void | Promise<void>;\n  /** Pinned list parameters, shown only as the read-only \"Scoped to\" line. */\n  lockedValues?: Record<string, string>;\n  /** Display names for locked parameter keys, overriding the filter labels. */\n  lockedLabels?: Record<string, string>;\n  /** Editable starting values for the dialog's filters. */\n  initialValues?: Record<string, string>;\n  unavailableRows?: OperationCatalogUnavailableRows;\n  /** Label of the confirm button; defaults to \"Select\" / \"Selecting…\". */\n  selectLabel?: (state: { count: number; pending: boolean }) => string;\n  /** Extra content under the table. */\n  note?: ReactNode;\n  filterPre?: FilterExtension[];\n  hiddenColumns?: string[];\n  cellRenderers?: ClickyCellRenderers;\n};\n\nconst EMPTY_VALUES: Record<string, string> = {};\nconst EMPTY_IDS: string[] = [];\n\nconst defaultSelectLabel = ({ pending }: { pending: boolean }) =>\n  pending ? \"Selecting…\" : \"Select\";\n\n// In picker mode OperationCatalog refuses a surface without a list operation\n// before it would render its endpoint links, so no link is ever rendered.\nconst pickerRenderLink: RenderLink = () => {\n  throw new Error(\"OperationEntityPicker renders no endpoint links\");\n};\n\n/**\n * OperationEntityPicker is a dialog for picking one or more rows from a clicky\n * surface's list operation, optionally scoped by locked parameter values. It is\n * OperationCatalog in picker mode (a checkbox per row, row click toggles) plus\n * a Cancel / Select footer.\n */\nexport function OperationEntityPicker({\n  open,\n  onClose,\n  title,\n  client,\n  surfaceKey,\n  mode = \"single\",\n  selected = EMPTY_IDS,\n  onSelect,\n  lockedValues = EMPTY_VALUES,\n  lockedLabels,\n  initialValues = EMPTY_VALUES,\n  unavailableRows,\n  selectLabel = defaultSelectLabel,\n  note,\n  filterPre,\n  hiddenColumns,\n  cellRenderers,\n}: OperationEntityPickerProps) {\n  const openingContext = useMemo(\n    () => ({ filters: { ...initialValues, ...lockedValues } }),\n    [initialValues, lockedValues],\n  );\n  const [ids, setIds] = useState<string[]>(selected);\n  const [rowsById, setRowsById] = useState<Record<string, ClickyRow>>({});\n  const [context, setContext] = useState(openingContext);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState(\"\");\n  // Reset on every open, during render so the table never shows the last\n  // session's checks for a frame (Modal stays mounted for its exit transition).\n  const [wasOpen, setWasOpen] = useState(false);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setIds(selected);\n      setRowsById({});\n      setContext(openingContext);\n      setPending(false);\n      setError(\"\");\n    }\n  }\n\n  const { operations, spec } = useOperations(client);\n  const listOperation = useMemo(\n    () =>\n      findSurfaceListOperation(filterOperationsBySurface(operations, surfaceKey), surfaceKey),\n    [operations, surfaceKey],\n  );\n  const surface = getClickySurfaces(spec).find((entry) => entry.key === surfaceKey);\n  const listParameters = listOperation?.operation.parameters;\n  // Observes (never fetches) the lookup the catalog issues for the opening\n  // scope, so the scope line can name a locked GUID by its option label.\n  const lookup = useQuery({\n    ...operationLookupQuery(\n      client,\n      listOperation,\n      packLookupParameterValues(openingContext.filters, listParameters ?? []),\n    ),\n    enabled: false,\n  });\n  const scope = useMemo(\n    () =>\n      listParameters\n        ? lockedScopeEntries({\n            lockedValues,\n            lockedLabels,\n            parameters: listParameters,\n            lookup: lookup.data,\n            components: spec?.components?.[\"x-clicky-filters\"],\n          })\n        : [],\n    [listParameters, lockedLabels, lockedValues, lookup.data, spec],\n  );\n\n  const pickedRows = ids.flatMap((id) => {\n    const row = rowsById[id];\n    return row ? [row] : [];\n  });\n  const confirm = async () => {\n    setPending(true);\n    setError(\"\");\n    try {\n      await onSelect(ids, pickedRows, context);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n      setPending(false);\n      return;\n    }\n    setPending(false);\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      size=\"2xl\"\n      expandable\n      scrollBody={false}\n      footer={\n        <div className=\"flex items-center justify-between gap-3\">\n          <span className=\"text-xs text-muted-foreground\">{ids.length} selected</span>\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose} disabled={pending}>\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={() => void confirm()}\n              disabled={ids.length === 0 || pending}\n            >\n              {selectLabel({ count: ids.length, pending })}\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n        {scope.length > 0 ? (\n          <p className=\"text-xs text-muted-foreground\" data-slot=\"operation-picker-scope\">\n            {`Scoped to: ${scope.map((entry) => `${entry.label} = ${entry.value}`).join(\" · \")}`}\n          </p>\n        ) : null}\n        {error ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n          >\n            {error}\n          </div>\n        ) : null}\n        <div className=\"flex min-h-0 flex-1 flex-col\">\n          <OperationCatalog\n            key={surfaceKey}\n            definition={{\n              key: surfaceKey,\n              title: surface?.title ?? surfaceKey,\n              description: surface?.description ?? \"\",\n            }}\n            entities={[]}\n            client={client}\n            surfaceKey={surfaceKey}\n            renderLink={pickerRenderLink}\n            urlState={false}\n            lockedValues={lockedValues}\n            initialValues={initialValues}\n            {...(filterPre ? { filterPre } : {})}\n            {...(hiddenColumns ? { hiddenColumns } : {})}\n            {...(cellRenderers ? { cellRenderers } : {})}\n            rowSelection={{\n              mode,\n              selectedRowIds: ids,\n              onSelectionChange: (next, rows, nextContext) => {\n                const loaded = new Map(\n                  rows.flatMap((row) => {\n                    const id = getClickyRowId(row);\n                    return id ? [[id, row] as const] : [];\n                  }),\n                );\n                setIds(next);\n                setRowsById((prev) => reconcilePickedRows(prev, next, loaded));\n                setContext(nextContext);\n              },\n              ...(unavailableRows ? { unavailableRows } : {}),\n            }}\n          />\n        </div>\n        {note}\n      </div>\n    </Modal>\n  );\n}\n"],"names":["useMemo","useState","useOperations","findSurfaceListOperation","filterOperationsBySurface","getClickySurfaces","useQuery","operationLookupQuery","packLookupParameterValues","lockedScopeEntries","jsx","Modal","jsxs","Button","OperationCatalog","getClickyRowId","reconcilePickedRows"],"mappings":"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"}

package/dist/rpc/OperationEntityPicker.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { FilterExtension } from '../components/filter-bar-utils.js';
+import { ClickyCellRenderers, ClickyRow } from '../data/Clicky.js';
+import { OperationCatalogRowSelectionContext, OperationCatalogRowSelectionMode, OperationCatalogUnavailableRows } from './operationCatalogRowSelection.js';
+import { OperationsApiClient } from './useOperations.js';
+export type OperationEntityPickerProps = {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    client: OperationsApiClient;
+    /** The clicky surface whose list operation supplies the rows. */
+    surfaceKey: string;
+    /** Defaults to "single": checking a row replaces the previous one. */
+    mode?: OperationCatalogRowSelectionMode;
+    /** Ids checked each time the dialog opens. */
+    selected?: string[];
+    /**
+     * Called by Select with the checked ids and, in the same order, the row of
+     * each id the reader checked while the dialog was open — an id carried in
+     * through `selected` and left untouched has no row. `context.filters` is the
+     * list scope at the last selection change (the opening scope when the reader
+     * never changed it). The dialog closes when this returns or resolves; a
+     * rejection is shown in the dialog, which stays open.
+     */
+    onSelect: (ids: string[], rows: ClickyRow[], context: OperationCatalogRowSelectionContext) => void | Promise<void>;
+    /** Pinned list parameters, shown only as the read-only "Scoped to" line. */
+    lockedValues?: Record<string, string>;
+    /** Display names for locked parameter keys, overriding the filter labels. */
+    lockedLabels?: Record<string, string>;
+    /** Editable starting values for the dialog's filters. */
+    initialValues?: Record<string, string>;
+    unavailableRows?: OperationCatalogUnavailableRows;
+    /** Label of the confirm button; defaults to "Select" / "Selecting…". */
+    selectLabel?: (state: {
+        count: number;
+        pending: boolean;
+    }) => string;
+    /** Extra content under the table. */
+    note?: ReactNode;
+    filterPre?: FilterExtension[];
+    hiddenColumns?: string[];
+    cellRenderers?: ClickyCellRenderers;
+};
+/**
+ * OperationEntityPicker is a dialog for picking one or more rows from a clicky
+ * surface's list operation, optionally scoped by locked parameter values. It is
+ * OperationCatalog in picker mode (a checkbox per row, row click toggles) plus
+ * a Cancel / Select footer.
+ */
+export declare function OperationEntityPicker({ open, onClose, title, client, surfaceKey, mode, selected, onSelect, lockedValues, lockedLabels, initialValues, unavailableRows, selectLabel, note, filterPre, hiddenColumns, cellRenderers, }: OperationEntityPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=OperationEntityPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationEntityPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAUrE,OAAO,EAEL,KAAK,mCAAmC,EACxC,KAAK,gCAAgC,EACrC,KAAK,+BAA+B,EACrC,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,mBAAmB,CAAC;IAC5B,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,IAAI,CAAC,EAAE,gCAAgC,CAAC;IACxC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB;;;;;;;OAOG;IACH,QAAQ,EAAE,CACR,GAAG,EAAE,MAAM,EAAE,EACb,IAAI,EAAE,SAAS,EAAE,EACjB,OAAO,EAAE,mCAAmC,KACzC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,+BAA+B,CAAC;IAClD,wEAAwE;IACxE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,CAAC;IACrE,qCAAqC;IACrC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC,CAAC;AAcF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAe,EACf,QAAoB,EACpB,QAAQ,EACR,YAA2B,EAC3B,YAAY,EACZ,aAA4B,EAC5B,eAAe,EACf,WAAgC,EAChC,IAAI,EACJ,SAAS,EACT,aAAa,EACb,aAAa,GACd,EAAE,0BAA0B,+BA0J5B"}

package/dist/rpc/OperationEntityPicker.js

@@ -0,0 +1,185 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "../components/button.js";
+import { Modal } from "../overlay/Modal.js";
+import { findSurfaceListOperation, filterOperationsBySurface, getClickySurfaces } from "./clickyMetadata.js";
+import { packLookupParameterValues } from "./formMetadata.js";
+import { OperationCatalog } from "./OperationCatalog.js";
+import { operationLookupQuery } from "./operationCatalogRowSelection.js";
+import { lockedScopeEntries, reconcilePickedRows } from "./OperationEntityPicker.model.js";
+import { getClickyRowId } from "./rowNavigation.js";
+import { useOperations } from "./useOperations.js";
+const EMPTY_VALUES = {};
+const EMPTY_IDS = [];
+const defaultSelectLabel = ({ pending }) => pending ? "Selecting…" : "Select";
+const pickerRenderLink = () => {
+  throw new Error("OperationEntityPicker renders no endpoint links");
+};
+function OperationEntityPicker({
+  open,
+  onClose,
+  title,
+  client,
+  surfaceKey,
+  mode = "single",
+  selected = EMPTY_IDS,
+  onSelect,
+  lockedValues = EMPTY_VALUES,
+  lockedLabels,
+  initialValues = EMPTY_VALUES,
+  unavailableRows,
+  selectLabel = defaultSelectLabel,
+  note,
+  filterPre,
+  hiddenColumns,
+  cellRenderers
+}) {
+  const openingContext = useMemo(
+    () => ({ filters: { ...initialValues, ...lockedValues } }),
+    [initialValues, lockedValues]
+  );
+  const [ids, setIds] = useState(selected);
+  const [rowsById, setRowsById] = useState({});
+  const [context, setContext] = useState(openingContext);
+  const [pending, setPending] = useState(false);
+  const [error, setError] = useState("");
+  const [wasOpen, setWasOpen] = useState(false);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) {
+      setIds(selected);
+      setRowsById({});
+      setContext(openingContext);
+      setPending(false);
+      setError("");
+    }
+  }
+  const { operations, spec } = useOperations(client);
+  const listOperation = useMemo(
+    () => findSurfaceListOperation(filterOperationsBySurface(operations, surfaceKey), surfaceKey),
+    [operations, surfaceKey]
+  );
+  const surface = getClickySurfaces(spec).find((entry) => entry.key === surfaceKey);
+  const listParameters = listOperation == null ? void 0 : listOperation.operation.parameters;
+  const lookup = useQuery({
+    ...operationLookupQuery(
+      client,
+      listOperation,
+      packLookupParameterValues(openingContext.filters, listParameters ?? [])
+    ),
+    enabled: false
+  });
+  const scope = useMemo(
+    () => {
+      var _a;
+      return listParameters ? lockedScopeEntries({
+        lockedValues,
+        lockedLabels,
+        parameters: listParameters,
+        lookup: lookup.data,
+        components: (_a = spec == null ? void 0 : spec.components) == null ? void 0 : _a["x-clicky-filters"]
+      }) : [];
+    },
+    [listParameters, lockedLabels, lockedValues, lookup.data, spec]
+  );
+  const pickedRows = ids.flatMap((id) => {
+    const row = rowsById[id];
+    return row ? [row] : [];
+  });
+  const confirm = async () => {
+    setPending(true);
+    setError("");
+    try {
+      await onSelect(ids, pickedRows, context);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setPending(false);
+      return;
+    }
+    setPending(false);
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onClose,
+      title,
+      size: "2xl",
+      expandable: true,
+      scrollBody: false,
+      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          ids.length,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onClose, disabled: pending, children: "Cancel" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              onClick: () => void confirm(),
+              disabled: ids.length === 0 || pending,
+              children: selectLabel({ count: ids.length, pending })
+            }
+          )
+        ] })
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-3", children: [
+        scope.length > 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-slot": "operation-picker-scope", children: `Scoped to: ${scope.map((entry) => `${entry.label} = ${entry.value}`).join(" · ")}` }) : null,
+        error ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx(
+          OperationCatalog,
+          {
+            definition: {
+              key: surfaceKey,
+              title: (surface == null ? void 0 : surface.title) ?? surfaceKey,
+              description: (surface == null ? void 0 : surface.description) ?? ""
+            },
+            entities: [],
+            client,
+            surfaceKey,
+            renderLink: pickerRenderLink,
+            urlState: false,
+            lockedValues,
+            initialValues,
+            ...filterPre ? { filterPre } : {},
+            ...hiddenColumns ? { hiddenColumns } : {},
+            ...cellRenderers ? { cellRenderers } : {},
+            rowSelection: {
+              mode,
+              selectedRowIds: ids,
+              onSelectionChange: (next, rows, nextContext) => {
+                const loaded = new Map(
+                  rows.flatMap((row) => {
+                    const id = getClickyRowId(row);
+                    return id ? [[id, row]] : [];
+                  })
+                );
+                setIds(next);
+                setRowsById((prev) => reconcilePickedRows(prev, next, loaded));
+                setContext(nextContext);
+              },
+              ...unavailableRows ? { unavailableRows } : {}
+            }
+          },
+          surfaceKey
+        ) }),
+        note
+      ] })
+    }
+  );
+}
+export {
+  OperationEntityPicker
+};
+//# sourceMappingURL=OperationEntityPicker.js.map

package/dist/rpc/OperationEntityPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.js","sources":["../../src/rpc/OperationEntityPicker.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type { FilterExtension } from \"../components/filter-bar-utils\";\nimport type { ClickyCellRenderers, ClickyRow } from \"../data/Clicky\";\nimport { Modal } from \"../overlay/Modal\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceListOperation,\n  getClickySurfaces,\n} from \"./clickyMetadata\";\nimport type { RenderLink } from \"./EndpointList\";\nimport { packLookupParameterValues } from \"./formMetadata\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport {\n  operationLookupQuery,\n  type OperationCatalogRowSelectionContext,\n  type OperationCatalogRowSelectionMode,\n  type OperationCatalogUnavailableRows,\n} from \"./operationCatalogRowSelection\";\nimport { lockedScopeEntries, reconcilePickedRows } from \"./OperationEntityPicker.model\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\n\nexport type OperationEntityPickerProps = {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  client: OperationsApiClient;\n  /** The clicky surface whose list operation supplies the rows. */\n  surfaceKey: string;\n  /** Defaults to \"single\": checking a row replaces the previous one. */\n  mode?: OperationCatalogRowSelectionMode;\n  /** Ids checked each time the dialog opens. */\n  selected?: string[];\n  /**\n   * Called by Select with the checked ids and, in the same order, the row of\n   * each id the reader checked while the dialog was open — an id carried in\n   * through `selected` and left untouched has no row. `context.filters` is the\n   * list scope at the last selection change (the opening scope when the reader\n   * never changed it). The dialog closes when this returns or resolves; a\n   * rejection is shown in the dialog, which stays open.\n   */\n  onSelect: (\n    ids: string[],\n    rows: ClickyRow[],\n    context: OperationCatalogRowSelectionContext,\n  ) => void | Promise<void>;\n  /** Pinned list parameters, shown only as the read-only \"Scoped to\" line. */\n  lockedValues?: Record<string, string>;\n  /** Display names for locked parameter keys, overriding the filter labels. */\n  lockedLabels?: Record<string, string>;\n  /** Editable starting values for the dialog's filters. */\n  initialValues?: Record<string, string>;\n  unavailableRows?: OperationCatalogUnavailableRows;\n  /** Label of the confirm button; defaults to \"Select\" / \"Selecting…\". */\n  selectLabel?: (state: { count: number; pending: boolean }) => string;\n  /** Extra content under the table. */\n  note?: ReactNode;\n  filterPre?: FilterExtension[];\n  hiddenColumns?: string[];\n  cellRenderers?: ClickyCellRenderers;\n};\n\nconst EMPTY_VALUES: Record<string, string> = {};\nconst EMPTY_IDS: string[] = [];\n\nconst defaultSelectLabel = ({ pending }: { pending: boolean }) =>\n  pending ? \"Selecting…\" : \"Select\";\n\n// In picker mode OperationCatalog refuses a surface without a list operation\n// before it would render its endpoint links, so no link is ever rendered.\nconst pickerRenderLink: RenderLink = () => {\n  throw new Error(\"OperationEntityPicker renders no endpoint links\");\n};\n\n/**\n * OperationEntityPicker is a dialog for picking one or more rows from a clicky\n * surface's list operation, optionally scoped by locked parameter values. It is\n * OperationCatalog in picker mode (a checkbox per row, row click toggles) plus\n * a Cancel / Select footer.\n */\nexport function OperationEntityPicker({\n  open,\n  onClose,\n  title,\n  client,\n  surfaceKey,\n  mode = \"single\",\n  selected = EMPTY_IDS,\n  onSelect,\n  lockedValues = EMPTY_VALUES,\n  lockedLabels,\n  initialValues = EMPTY_VALUES,\n  unavailableRows,\n  selectLabel = defaultSelectLabel,\n  note,\n  filterPre,\n  hiddenColumns,\n  cellRenderers,\n}: OperationEntityPickerProps) {\n  const openingContext = useMemo(\n    () => ({ filters: { ...initialValues, ...lockedValues } }),\n    [initialValues, lockedValues],\n  );\n  const [ids, setIds] = useState<string[]>(selected);\n  const [rowsById, setRowsById] = useState<Record<string, ClickyRow>>({});\n  const [context, setContext] = useState(openingContext);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState(\"\");\n  // Reset on every open, during render so the table never shows the last\n  // session's checks for a frame (Modal stays mounted for its exit transition).\n  const [wasOpen, setWasOpen] = useState(false);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setIds(selected);\n      setRowsById({});\n      setContext(openingContext);\n      setPending(false);\n      setError(\"\");\n    }\n  }\n\n  const { operations, spec } = useOperations(client);\n  const listOperation = useMemo(\n    () =>\n      findSurfaceListOperation(filterOperationsBySurface(operations, surfaceKey), surfaceKey),\n    [operations, surfaceKey],\n  );\n  const surface = getClickySurfaces(spec).find((entry) => entry.key === surfaceKey);\n  const listParameters = listOperation?.operation.parameters;\n  // Observes (never fetches) the lookup the catalog issues for the opening\n  // scope, so the scope line can name a locked GUID by its option label.\n  const lookup = useQuery({\n    ...operationLookupQuery(\n      client,\n      listOperation,\n      packLookupParameterValues(openingContext.filters, listParameters ?? []),\n    ),\n    enabled: false,\n  });\n  const scope = useMemo(\n    () =>\n      listParameters\n        ? lockedScopeEntries({\n            lockedValues,\n            lockedLabels,\n            parameters: listParameters,\n            lookup: lookup.data,\n            components: spec?.components?.[\"x-clicky-filters\"],\n          })\n        : [],\n    [listParameters, lockedLabels, lockedValues, lookup.data, spec],\n  );\n\n  const pickedRows = ids.flatMap((id) => {\n    const row = rowsById[id];\n    return row ? [row] : [];\n  });\n  const confirm = async () => {\n    setPending(true);\n    setError(\"\");\n    try {\n      await onSelect(ids, pickedRows, context);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : String(err));\n      setPending(false);\n      return;\n    }\n    setPending(false);\n    onClose();\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title={title}\n      size=\"2xl\"\n      expandable\n      scrollBody={false}\n      footer={\n        <div className=\"flex items-center justify-between gap-3\">\n          <span className=\"text-xs text-muted-foreground\">{ids.length} selected</span>\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose} disabled={pending}>\n              Cancel\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={() => void confirm()}\n              disabled={ids.length === 0 || pending}\n            >\n              {selectLabel({ count: ids.length, pending })}\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      <div className=\"flex min-h-0 flex-1 flex-col gap-3\">\n        {scope.length > 0 ? (\n          <p className=\"text-xs text-muted-foreground\" data-slot=\"operation-picker-scope\">\n            {`Scoped to: ${scope.map((entry) => `${entry.label} = ${entry.value}`).join(\" · \")}`}\n          </p>\n        ) : null}\n        {error ? (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\"\n          >\n            {error}\n          </div>\n        ) : null}\n        <div className=\"flex min-h-0 flex-1 flex-col\">\n          <OperationCatalog\n            key={surfaceKey}\n            definition={{\n              key: surfaceKey,\n              title: surface?.title ?? surfaceKey,\n              description: surface?.description ?? \"\",\n            }}\n            entities={[]}\n            client={client}\n            surfaceKey={surfaceKey}\n            renderLink={pickerRenderLink}\n            urlState={false}\n            lockedValues={lockedValues}\n            initialValues={initialValues}\n            {...(filterPre ? { filterPre } : {})}\n            {...(hiddenColumns ? { hiddenColumns } : {})}\n            {...(cellRenderers ? { cellRenderers } : {})}\n            rowSelection={{\n              mode,\n              selectedRowIds: ids,\n              onSelectionChange: (next, rows, nextContext) => {\n                const loaded = new Map(\n                  rows.flatMap((row) => {\n                    const id = getClickyRowId(row);\n                    return id ? [[id, row] as const] : [];\n                  }),\n                );\n                setIds(next);\n                setRowsById((prev) => reconcilePickedRows(prev, next, loaded));\n                setContext(nextContext);\n              },\n              ...(unavailableRows ? { unavailableRows } : {}),\n            }}\n          />\n        </div>\n        {note}\n      </div>\n    </Modal>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAgEA,MAAM,eAAuC,CAAA;AAC7C,MAAM,YAAsB,CAAA;AAE5B,MAAM,qBAAqB,CAAC,EAAE,QAAA,MAC5B,UAAU,eAAe;AAI3B,MAAM,mBAA+B,MAAM;AACzC,QAAM,IAAI,MAAM,iDAAiD;AACnE;AAQO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,iBAAiB;AAAA,IACrB,OAAO,EAAE,SAAS,EAAE,GAAG,eAAe,GAAG,eAAa;AAAA,IACtD,CAAC,eAAe,YAAY;AAAA,EAAA;AAE9B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAmB,QAAQ;AACjD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAoC,CAAA,CAAE;AACtE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AACrD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AAGrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AACf,QAAI,MAAM;AACR,aAAO,QAAQ;AACf,kBAAY,CAAA,CAAE;AACd,iBAAW,cAAc;AACzB,iBAAW,KAAK;AAChB,eAAS,EAAE;AAAA,IACb;AAAA,EACF;AAEA,QAAM,EAAE,YAAY,SAAS,cAAc,MAAM;AACjD,QAAM,gBAAgB;AAAA,IACpB,MACE,yBAAyB,0BAA0B,YAAY,UAAU,GAAG,UAAU;AAAA,IACxF,CAAC,YAAY,UAAU;AAAA,EAAA;AAEzB,QAAM,UAAU,kBAAkB,IAAI,EAAE,KAAK,CAAC,UAAU,MAAM,QAAQ,UAAU;AAChF,QAAM,iBAAiB,+CAAe,UAAU;AAGhD,QAAM,SAAS,SAAS;AAAA,IACtB,GAAG;AAAA,MACD;AAAA,MACA;AAAA,MACA,0BAA0B,eAAe,SAAS,kBAAkB,CAAA,CAAE;AAAA,IAAA;AAAA,IAExE,SAAS;AAAA,EAAA,CACV;AACD,QAAM,QAAQ;AAAA,IACZ,MAAA;;AACE,8BACI,mBAAmB;AAAA,QACjB;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,QAAQ,OAAO;AAAA,QACf,aAAY,kCAAM,eAAN,mBAAmB;AAAA,MAAkB,CAClD,IACD,CAAA;AAAA;AAAA,IACN,CAAC,gBAAgB,cAAc,cAAc,OAAO,MAAM,IAAI;AAAA,EAAA;AAGhE,QAAM,aAAa,IAAI,QAAQ,CAAC,OAAO;AACrC,UAAM,MAAM,SAAS,EAAE;AACvB,WAAO,MAAM,CAAC,GAAG,IAAI,CAAA;AAAA,EACvB,CAAC;AACD,QAAM,UAAU,YAAY;AAC1B,eAAW,IAAI;AACf,aAAS,EAAE;AACX,QAAI;AACF,YAAM,SAAS,KAAK,YAAY,OAAO;AAAA,IACzC,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AACzD,iBAAW,KAAK;AAChB;AAAA,IACF;AACA,eAAW,KAAK;AAChB,YAAA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,YAAU;AAAA,MACV,YAAY;AAAA,MACZ,QACE,qBAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,iCAAiC,UAAA;AAAA,UAAA,IAAI;AAAA,UAAO;AAAA,QAAA,GAAS;AAAA,QACrE,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,SAAS,UAAU,SAAS,UAAA,SAAA,CAE7E;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,KAAK,QAAA;AAAA,cACpB,UAAU,IAAI,WAAW,KAAK;AAAA,cAE7B,sBAAY,EAAE,OAAO,IAAI,QAAQ,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,qBAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,QAAA,MAAM,SAAS,IACd,oBAAC,KAAA,EAAE,WAAU,iCAAgC,aAAU,0BACpD,UAAA,cAAc,MAAM,IAAI,CAAC,UAAU,GAAG,MAAM,KAAK,MAAM,MAAM,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC,GAAA,CACpF,IACE;AAAA,QACH,QACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,QACJ,oBAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,YAAY;AAAA,cACV,KAAK;AAAA,cACL,QAAO,mCAAS,UAAS;AAAA,cACzB,cAAa,mCAAS,gBAAe;AAAA,YAAA;AAAA,YAEvC,UAAU,CAAA;AAAA,YACV;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,YAChC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,YACxC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,YACzC,cAAc;AAAA,cACZ;AAAA,cACA,gBAAgB;AAAA,cAChB,mBAAmB,CAAC,MAAM,MAAM,gBAAgB;AAC9C,sBAAM,SAAS,IAAI;AAAA,kBACjB,KAAK,QAAQ,CAAC,QAAQ;AACpB,0BAAM,KAAK,eAAe,GAAG;AAC7B,2BAAO,KAAK,CAAC,CAAC,IAAI,GAAG,CAAU,IAAI,CAAA;AAAA,kBACrC,CAAC;AAAA,gBAAA;AAEH,uBAAO,IAAI;AACX,4BAAY,CAAC,SAAS,oBAAoB,MAAM,MAAM,MAAM,CAAC;AAC7D,2BAAW,WAAW;AAAA,cACxB;AAAA,cACA,GAAI,kBAAkB,EAAE,oBAAoB,CAAA;AAAA,YAAC;AAAA,UAC/C;AAAA,UA/BK;AAAA,QAAA,GAiCT;AAAA,QACC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/rpc/OperationEntityPicker.model.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const filterShapes = require("./filterShapes.cjs");
+const rowNavigation = require("./rowNavigation.cjs");
+function lockedScopeEntries({
+  lockedValues,
+  lockedLabels,
+  parameters,
+  lookup,
+  components
+}) {
+  const shapes = filterShapes.filterShapesByName(parameters, components);
+  return Object.entries(lockedValues).map(([key, value]) => {
+    var _a, _b, _c;
+    if (!shapes.has(key)) {
+      throw new Error(
+        `lockedValues.${key} is not a parameter of the list operation (declared: ${[...shapes.keys()].join(", ")})`
+      );
+    }
+    const filter = lookup == null ? void 0 : lookup.filters[key];
+    const option = ((_a = filter == null ? void 0 : filter.options) == null ? void 0 : _a[value]) ?? ((_b = filter == null ? void 0 : filter.selected) == null ? void 0 : _b[value]);
+    return {
+      key,
+      label: (lockedLabels == null ? void 0 : lockedLabels[key]) ?? ((_c = shapes.get(key)) == null ? void 0 : _c.label) ?? (filter == null ? void 0 : filter.label) ?? key,
+      value: option && rowNavigation.clickyNodeText(option) || value
+    };
+  });
+}
+function reconcilePickedRows(previous, ids, loaded) {
+  return Object.fromEntries(
+    ids.flatMap((id) => {
+      const row = loaded.get(id) ?? previous[id];
+      return row ? [[id, row]] : [];
+    })
+  );
+}
+exports.lockedScopeEntries = lockedScopeEntries;
+exports.reconcilePickedRows = reconcilePickedRows;
+//# sourceMappingURL=OperationEntityPicker.model.cjs.map

package/dist/rpc/OperationEntityPicker.model.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.model.cjs","sources":["../../src/rpc/OperationEntityPicker.model.ts"],"sourcesContent":["import { filterShapesByName } from \"./filterShapes\";\nimport { clickyNodeText } from \"./rowNavigation\";\nimport type {\n  ClickyFilterShape,\n  OpenAPIParameter,\n  OperationLookupResponse,\n} from \"./types\";\n\nexport type LockedScopeEntry = { key: string; label: string; value: string };\n\n/**\n * lockedScopeEntries names each locked parameter for the picker's read-only\n * \"Scoped to\" line. The label is the host's (`lockedLabels`), else the filter\n * label the catalog itself would show (spec shape, then lookup), else the raw\n * key; the value is its lookup option label when the lookup has one (a GUID\n * reads as the product it names), else the raw value.\n *\n * A locked key the list operation does not declare is an error: the catalog\n * only sends declared parameters, so the list would silently ignore the scope\n * the reader is told it is in.\n */\nexport function lockedScopeEntries({\n  lockedValues,\n  lockedLabels,\n  parameters,\n  lookup,\n  components,\n}: {\n  lockedValues: Record<string, string>;\n  lockedLabels?: Record<string, string> | undefined;\n  parameters: OpenAPIParameter[];\n  lookup?: OperationLookupResponse | undefined;\n  components?: Record<string, ClickyFilterShape> | undefined;\n}): LockedScopeEntry[] {\n  const shapes = filterShapesByName(parameters, components);\n  return Object.entries(lockedValues).map(([key, value]) => {\n    if (!shapes.has(key)) {\n      throw new Error(\n        `lockedValues.${key} is not a parameter of the list operation (declared: ${[...shapes.keys()].join(\", \")})`,\n      );\n    }\n    const filter = lookup?.filters[key];\n    const option = filter?.options?.[value] ?? filter?.selected?.[value];\n    return {\n      key,\n      label: lockedLabels?.[key] ?? shapes.get(key)?.label ?? filter?.label ?? key,\n      value: (option && clickyNodeText(option)) || value,\n    };\n  });\n}\n\n/** Keeps the row of every picked id, from this page or one read earlier. */\nexport function reconcilePickedRows<Row>(\n  previous: Record<string, Row>,\n  ids: readonly string[],\n  loaded: ReadonlyMap<string, Row>,\n): Record<string, Row> {\n  return Object.fromEntries(\n    ids.flatMap((id) => {\n      const row = loaded.get(id) ?? previous[id];\n      return row ? [[id, row] as const] : [];\n    }),\n  );\n}\n"],"names":["filterShapesByName","clickyNodeText"],"mappings":";;;;AAqBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMuB;AACrB,QAAM,SAASA,aAAAA,mBAAmB,YAAY,UAAU;AACxD,SAAO,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;;AACxD,QAAI,CAAC,OAAO,IAAI,GAAG,GAAG;AACpB,YAAM,IAAI;AAAA,QACR,gBAAgB,GAAG,wDAAwD,CAAC,GAAG,OAAO,KAAA,CAAM,EAAE,KAAK,IAAI,CAAC;AAAA,MAAA;AAAA,IAE5G;AACA,UAAM,SAAS,iCAAQ,QAAQ;AAC/B,UAAM,WAAS,sCAAQ,YAAR,mBAAkB,aAAU,sCAAQ,aAAR,mBAAmB;AAC9D,WAAO;AAAA,MACL;AAAA,MACA,QAAO,6CAAe,WAAQ,YAAO,IAAI,GAAG,MAAd,mBAAiB,WAAS,iCAAQ,UAAS;AAAA,MACzE,OAAQ,UAAUC,6BAAe,MAAM,KAAM;AAAA,IAAA;AAAA,EAEjD,CAAC;AACH;AAGO,SAAS,oBACd,UACA,KACA,QACqB;AACrB,SAAO,OAAO;AAAA,IACZ,IAAI,QAAQ,CAAC,OAAO;AAClB,YAAM,MAAM,OAAO,IAAI,EAAE,KAAK,SAAS,EAAE;AACzC,aAAO,MAAM,CAAC,CAAC,IAAI,GAAG,CAAU,IAAI,CAAA;AAAA,IACtC,CAAC;AAAA,EAAA;AAEL;;;"}

package/dist/rpc/OperationEntityPicker.model.d.ts

@@ -0,0 +1,27 @@
+import { ClickyFilterShape, OpenAPIParameter, OperationLookupResponse } from './types.js';
+export type LockedScopeEntry = {
+    key: string;
+    label: string;
+    value: string;
+};
+/**
+ * lockedScopeEntries names each locked parameter for the picker's read-only
+ * "Scoped to" line. The label is the host's (`lockedLabels`), else the filter
+ * label the catalog itself would show (spec shape, then lookup), else the raw
+ * key; the value is its lookup option label when the lookup has one (a GUID
+ * reads as the product it names), else the raw value.
+ *
+ * A locked key the list operation does not declare is an error: the catalog
+ * only sends declared parameters, so the list would silently ignore the scope
+ * the reader is told it is in.
+ */
+export declare function lockedScopeEntries({ lockedValues, lockedLabels, parameters, lookup, components, }: {
+    lockedValues: Record<string, string>;
+    lockedLabels?: Record<string, string> | undefined;
+    parameters: OpenAPIParameter[];
+    lookup?: OperationLookupResponse | undefined;
+    components?: Record<string, ClickyFilterShape> | undefined;
+}): LockedScopeEntry[];
+/** Keeps the row of every picked id, from this page or one read earlier. */
+export declare function reconcilePickedRows<Row>(previous: Record<string, Row>, ids: readonly string[], loaded: ReadonlyMap<string, Row>): Record<string, Row>;
+//# sourceMappingURL=OperationEntityPicker.model.d.ts.map

package/dist/rpc/OperationEntityPicker.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.model.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationEntityPicker.model.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,gBAAgB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAU,GACX,EAAE;IACD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAClD,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAC5D,GAAG,gBAAgB,EAAE,CAgBrB;AAED,4EAA4E;AAC5E,wBAAgB,mBAAmB,CAAC,GAAG,EACrC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,GAAG,EAAE,SAAS,MAAM,EAAE,EACtB,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,GAAG,CAAC,GAC/B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAOrB"}

package/dist/rpc/OperationEntityPicker.model.js

@@ -0,0 +1,39 @@
+import { filterShapesByName } from "./filterShapes.js";
+import { clickyNodeText } from "./rowNavigation.js";
+function lockedScopeEntries({
+  lockedValues,
+  lockedLabels,
+  parameters,
+  lookup,
+  components
+}) {
+  const shapes = filterShapesByName(parameters, components);
+  return Object.entries(lockedValues).map(([key, value]) => {
+    var _a, _b, _c;
+    if (!shapes.has(key)) {
+      throw new Error(
+        `lockedValues.${key} is not a parameter of the list operation (declared: ${[...shapes.keys()].join(", ")})`
+      );
+    }
+    const filter = lookup == null ? void 0 : lookup.filters[key];
+    const option = ((_a = filter == null ? void 0 : filter.options) == null ? void 0 : _a[value]) ?? ((_b = filter == null ? void 0 : filter.selected) == null ? void 0 : _b[value]);
+    return {
+      key,
+      label: (lockedLabels == null ? void 0 : lockedLabels[key]) ?? ((_c = shapes.get(key)) == null ? void 0 : _c.label) ?? (filter == null ? void 0 : filter.label) ?? key,
+      value: option && clickyNodeText(option) || value
+    };
+  });
+}
+function reconcilePickedRows(previous, ids, loaded) {
+  return Object.fromEntries(
+    ids.flatMap((id) => {
+      const row = loaded.get(id) ?? previous[id];
+      return row ? [[id, row]] : [];
+    })
+  );
+}
+export {
+  lockedScopeEntries,
+  reconcilePickedRows
+};
+//# sourceMappingURL=OperationEntityPicker.model.js.map

package/dist/rpc/OperationEntityPicker.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationEntityPicker.model.js","sources":["../../src/rpc/OperationEntityPicker.model.ts"],"sourcesContent":["import { filterShapesByName } from \"./filterShapes\";\nimport { clickyNodeText } from \"./rowNavigation\";\nimport type {\n  ClickyFilterShape,\n  OpenAPIParameter,\n  OperationLookupResponse,\n} from \"./types\";\n\nexport type LockedScopeEntry = { key: string; label: string; value: string };\n\n/**\n * lockedScopeEntries names each locked parameter for the picker's read-only\n * \"Scoped to\" line. The label is the host's (`lockedLabels`), else the filter\n * label the catalog itself would show (spec shape, then lookup), else the raw\n * key; the value is its lookup option label when the lookup has one (a GUID\n * reads as the product it names), else the raw value.\n *\n * A locked key the list operation does not declare is an error: the catalog\n * only sends declared parameters, so the list would silently ignore the scope\n * the reader is told it is in.\n */\nexport function lockedScopeEntries({\n  lockedValues,\n  lockedLabels,\n  parameters,\n  lookup,\n  components,\n}: {\n  lockedValues: Record<string, string>;\n  lockedLabels?: Record<string, string> | undefined;\n  parameters: OpenAPIParameter[];\n  lookup?: OperationLookupResponse | undefined;\n  components?: Record<string, ClickyFilterShape> | undefined;\n}): LockedScopeEntry[] {\n  const shapes = filterShapesByName(parameters, components);\n  return Object.entries(lockedValues).map(([key, value]) => {\n    if (!shapes.has(key)) {\n      throw new Error(\n        `lockedValues.${key} is not a parameter of the list operation (declared: ${[...shapes.keys()].join(\", \")})`,\n      );\n    }\n    const filter = lookup?.filters[key];\n    const option = filter?.options?.[value] ?? filter?.selected?.[value];\n    return {\n      key,\n      label: lockedLabels?.[key] ?? shapes.get(key)?.label ?? filter?.label ?? key,\n      value: (option && clickyNodeText(option)) || value,\n    };\n  });\n}\n\n/** Keeps the row of every picked id, from this page or one read earlier. */\nexport function reconcilePickedRows<Row>(\n  previous: Record<string, Row>,\n  ids: readonly string[],\n  loaded: ReadonlyMap<string, Row>,\n): Record<string, Row> {\n  return Object.fromEntries(\n    ids.flatMap((id) => {\n      const row = loaded.get(id) ?? previous[id];\n      return row ? [[id, row] as const] : [];\n    }),\n  );\n}\n"],"names":[],"mappings":";;AAqBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMuB;AACrB,QAAM,SAAS,mBAAmB,YAAY,UAAU;AACxD,SAAO,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;;AACxD,QAAI,CAAC,OAAO,IAAI,GAAG,GAAG;AACpB,YAAM,IAAI;AAAA,QACR,gBAAgB,GAAG,wDAAwD,CAAC,GAAG,OAAO,KAAA,CAAM,EAAE,KAAK,IAAI,CAAC;AAAA,MAAA;AAAA,IAE5G;AACA,UAAM,SAAS,iCAAQ,QAAQ;AAC/B,UAAM,WAAS,sCAAQ,YAAR,mBAAkB,aAAU,sCAAQ,aAAR,mBAAmB;AAC9D,WAAO;AAAA,MACL;AAAA,MACA,QAAO,6CAAe,WAAQ,YAAO,IAAI,GAAG,MAAd,mBAAiB,WAAS,iCAAQ,UAAS;AAAA,MACzE,OAAQ,UAAU,eAAe,MAAM,KAAM;AAAA,IAAA;AAAA,EAEjD,CAAC;AACH;AAGO,SAAS,oBACd,UACA,KACA,QACqB;AACrB,SAAO,OAAO;AAAA,IACZ,IAAI,QAAQ,CAAC,OAAO;AAClB,YAAM,MAAM,OAAO,IAAI,EAAE,KAAK,SAAS,EAAE;AACzC,aAAO,MAAM,CAAC,CAAC,IAAI,GAAG,CAAU,IAAI,CAAA;AAAA,IACtC,CAAC;AAAA,EAAA;AAEL;"}