@flanksource/clicky-ui 0.3.39 → 0.3.41

package/dist/rpc/OperationEntityContextPicker.js

@@ -1,18 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, useCallback } from "react";
-import { useQuery, keepPreviousData } from "@tanstack/react-query";
-import { Button } from "../components/button.js";
+import { useState, useMemo, useCallback } from "react";
 import { DropdownMenu } from "../overlay/DropdownMenu.js";
-import { Modal } from "../overlay/Modal.js";
-import { CommandOutput } from "./CommandOutput.js";
-import { useDebouncedRecord, packParameterValues, packLookupParameterValues, parametersToFormConfig, dataTablePaginationFromForm } from "./formMetadata.js";
+import { packParameterValues } from "./formMetadata.js";
 import { getClickySurfaces, filterOperationsBySurface, findSurfaceListOperation, findSurfaceDetailOperation, getOperationClickyMeta } from "./clickyMetadata.js";
+import { OperationEntityPicker } from "./OperationEntityPicker.js";
 import { getClickyRowId } from "./rowNavigation.js";
 import { resolveSurfaceIcon } from "./surfaceIconMap.js";
 import { useOperations } from "./useOperations.js";
 import { entityContextItemID, clickyRowRecord, contextItemFromEntityRow } from "./OperationEntityContextPicker.model.js";
 import { UiTable } from "../icons/components/UiTable.js";
 import { UiAdd } from "../icons/components/UiAdd.js";
+const plural = (count) => count === 1 ? "" : "s";
 function OperationEntityContextPicker({
   client,
   items,
@@ -28,7 +26,6 @@ function OperationEntityContextPicker({
   surfaceRenderer,
   triggerLabel = "Add context"
 }) {
-  var _a;
   const {
     operations,
     spec,
@@ -36,12 +33,6 @@ function OperationEntityContextPicker({
   } = useOperations(client);
   const [open, setOpen] = useState(false);
   const [surfaceKey, setSurfaceKey] = useState("");
-  const [filters, setFilters] = useState({});
-  const [selectedRows, setSelectedRows] = useState(
-    {}
-  );
-  const [attaching, setAttaching] = useState(false);
-  const [attachError, setAttachError] = useState("");
   const surfaces = useMemo(() => {
     return getClickySurfaces(spec).flatMap((surface) => {
       const surfaceOperations = filterOperationsBySurface(
@@ -72,84 +63,14 @@ function OperationEntityContextPicker({
       return leftGroup.localeCompare(rightGroup) || left.surface.title.localeCompare(right.surface.title);
     });
   }, [operations, spec, surfaceFilter, surfaceGroup]);
-  useEffect(() => {
-    setFilters({});
-    setSelectedRows({});
-    setAttachError("");
-  }, [surfaceKey]);
   const selected = surfaces.find((entry) => entry.surface.key === surfaceKey);
-  const parameters = (selected == null ? void 0 : selected.listOperation.operation.parameters) ?? [];
-  const debouncedFilters = useDebouncedRecord(filters, 250);
-  const packedFilters = useMemo(
-    () => packParameterValues(debouncedFilters, parameters),
-    [debouncedFilters, parameters]
-  );
-  const packedLookupFilters = useMemo(
-    () => packLookupParameterValues(debouncedFilters, parameters),
-    [debouncedFilters, parameters]
-  );
-  const lookupQuery = useQuery({
-    queryKey: [
-      "entity-context-lookup",
-      selected == null ? void 0 : selected.listOperation.path,
-      packedLookupFilters
-    ],
-    queryFn: async () => {
-      var _a2;
-      return await ((_a2 = client.lookupFilters) == null ? void 0 : _a2.call(
-        client,
-        selected.listOperation.path,
-        selected.listOperation.method,
-        packedLookupFilters,
-        { Accept: "application/json+clicky" }
-      )) ?? { filters: {} };
-    },
-    enabled: open && !!selected && !!client.lookupFilters && parameters.some((parameter) => parameter.in === "query"),
-    placeholderData: keepPreviousData,
-    staleTime: 3e4,
-    retry: 0
-  });
-  const listQuery = useQuery({
-    queryKey: [
-      "entity-context-list",
-      selected == null ? void 0 : selected.listOperation.path,
-      packedFilters
-    ],
-    queryFn: () => client.executeCommand(
-      selected.listOperation.path,
-      selected.listOperation.method,
-      packedFilters,
-      { Accept: "application/json+clicky" }
-    ),
-    enabled: open && !!selected,
-    placeholderData: keepPreviousData,
-    staleTime: 3e4,
-    retry: 0
-  });
-  const filterShapes = (_a = spec == null ? void 0 : spec.components) == null ? void 0 : _a["x-clicky-filters"];
-  const filterConfig = useMemo(
-    () => parametersToFormConfig(parameters, filters, setFilters, {
-      includeLocations: ["query"],
-      lookup: lookupQuery.data,
-      components: filterShapes
-    }),
-    [filters, filterShapes, lookupQuery.data, parameters]
-  );
-  const pagination = useMemo(
-    () => dataTablePaginationFromForm(filterConfig.pagination, listQuery.data),
-    [filterConfig.pagination, listQuery.data]
-  );
   const existingIDs = useMemo(
     () => new Set(items.map((item) => item.id)),
     [items]
   );
-  const markedListResponse = useMemo(
-    () => markAttachedRows(listQuery.data, selected == null ? void 0 : selected.surface.key, existingIDs),
-    [existingIDs, listQuery.data, selected == null ? void 0 : selected.surface.key]
-  );
   const hydrateRow = useCallback(
-    async (row) => {
-      var _a2, _b, _c;
+    async (row, listFilters) => {
+      var _a, _b, _c;
       if (!selected) throw new Error("Select an entity type first.");
       const recordID = getClickyRowId(row);
       if (!recordID) {
@@ -162,7 +83,7 @@ function OperationEntityContextPicker({
       let record = clickyRowRecord(row);
       if (selected.detailOperation) {
         const detailMeta = getOperationClickyMeta(selected.detailOperation);
-        const idParam = (detailMeta == null ? void 0 : detailMeta.idParam) ?? ((_b = (_a2 = selected.detailOperation.operation.parameters) == null ? void 0 : _a2.find(
+        const idParam = (detailMeta == null ? void 0 : detailMeta.idParam) ?? ((_b = (_a = selected.detailOperation.operation.parameters) == null ? void 0 : _a.find(
           (parameter) => parameter.in === "path"
         )) == null ? void 0 : _b.name) ?? "id";
         const detailParameterNames = new Set(
@@ -170,6 +91,10 @@ function OperationEntityContextPicker({
             (parameter) => parameter.name
           )) ?? []
         );
+        const packedFilters = packParameterValues(
+          listFilters,
+          selected.listOperation.operation.parameters ?? []
+        );
         const detailParams = Object.fromEntries(
           Object.entries(packedFilters).filter(
             ([key]) => detailParameterNames.has(key)
@@ -193,37 +118,34 @@ function OperationEntityContextPicker({
         throw new Error("This row does not expose a stable record ID.");
       return contextItem;
     },
-    [client, existingIDs, packedFilters, selected]
+    [client, existingIDs, selected]
   );
-  const attachSelected = useCallback(async () => {
-    const rows = Object.values(selectedRows);
-    if (rows.length === 0) return;
-    setAttaching(true);
-    setAttachError("");
-    const results = await Promise.allSettled(rows.map(hydrateRow));
-    const added = results.flatMap(
-      (result) => result.status === "fulfilled" ? [result.value] : []
-    );
-    const failures = results.flatMap(
-      (result) => result.status === "rejected" ? [result.reason] : []
-    );
-    if (added.length > 0) {
-      if (onAddMany) onAddMany(added);
-      else added.forEach(onAdd);
-    }
-    setAttaching(false);
-    if (failures.length > 0) {
-      const first = failures[0];
-      setAttachError(
-        `${failures.length} record${failures.length === 1 ? "" : "s"} could not be attached: ${first instanceof Error ? first.message : String(first)}`
+  const attachRows = useCallback(
+    async (rows, listFilters) => {
+      const results = await Promise.allSettled(
+        rows.map((row) => hydrateRow(row, listFilters))
       );
-      return;
-    }
-    setSelectedRows({});
-    setOpen(false);
-  }, [hydrateRow, onAdd, onAddMany, selectedRows]);
+      const added = results.flatMap(
+        (result) => result.status === "fulfilled" ? [result.value] : []
+      );
+      const failures = results.flatMap(
+        (result) => result.status === "rejected" ? [result.reason] : []
+      );
+      if (added.length > 0) {
+        if (onAddMany) onAddMany(added);
+        else added.forEach(onAdd);
+      }
+      if (failures.length > 0) {
+        const first = failures[0];
+        throw new Error(
+          `${failures.length} record${plural(failures.length)} could not be attached: ${first instanceof Error ? first.message : String(first)}`
+        );
+      }
+    },
+    [hydrateRow, onAdd, onAddMany]
+  );
   const menuItems = useMemo(() => {
-    var _a2;
+    var _a;
     const groups = [];
     const byGroup = /* @__PURE__ */ new Map();
     for (const entry of surfaces) {
@@ -249,9 +171,9 @@ function OperationEntityContextPicker({
       }
       bucket.push(leaf);
     }
-    if (groups.length <= 1) return ((_a2 = groups[0]) == null ? void 0 : _a2.leaves) ?? [];
+    if (groups.length <= 1) return ((_a = groups[0]) == null ? void 0 : _a.leaves) ?? [];
     return groups.map(({ group, leaves }) => {
-      var _a3;
+      var _a2;
       const groupColor = surfaceGroupColor == null ? void 0 : surfaceGroupColor(group);
       const prefix = `${group} `;
       const children = leaves.map(
@@ -260,7 +182,7 @@ function OperationEntityContextPicker({
       return {
         label: group,
         title: group,
-        icon: (surfaceGroupIcon == null ? void 0 : surfaceGroupIcon(group)) ?? ((_a3 = leaves[0]) == null ? void 0 : _a3.icon) ?? UiTable,
+        icon: (surfaceGroupIcon == null ? void 0 : surfaceGroupIcon(group)) ?? ((_a2 = leaves[0]) == null ? void 0 : _a2.icon) ?? UiTable,
         ...groupColor ? { iconColor: groupColor } : {},
         onSelect: () => {
         },
@@ -276,8 +198,6 @@ function OperationEntityContextPicker({
     surfaceLabel,
     surfaces
   ]);
-  const selectedCount = Object.keys(selectedRows).length;
-  const selectedLabel = selected ? (surfaceLabel == null ? void 0 : surfaceLabel(selected.surface, selected.listOperation)) ?? selected.surface.title : "records";
   const trigger = /* @__PURE__ */ jsx(
     DropdownMenu,
     {
@@ -298,108 +218,40 @@ function OperationEntityContextPicker({
       ]
     }
   );
+  if (!selected) return trigger;
+  const selectedLabel = (surfaceLabel == null ? void 0 : surfaceLabel(selected.surface, selected.listOperation)) ?? selected.surface.title;
+  const selectedSurfaceKey = selected.surface.key;
   const defaultDialog = /* @__PURE__ */ jsx(
-    Modal,
+    OperationEntityPicker,
     {
       open,
       onClose: () => setOpen(false),
       title: `Add ${selectedLabel} context`,
-      size: "2xl",
-      expandable: true,
-      scrollBody: false,
-      footer: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: selectedCount === 0 ? "Select one or more records from the table." : `${selectedCount} record${selectedCount === 1 ? "" : "s"} selected` }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              onClick: () => setOpen(false),
-              disabled: attaching,
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              onClick: () => void attachSelected(),
-              disabled: selectedCount === 0 || attaching,
-              children: attaching ? "Adding…" : selectedCount > 0 ? `Add ${selectedCount} record${selectedCount === 1 ? "" : "s"}` : "Add records"
-            }
-          )
-        ] })
-      ] }),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [
-        surfaces.length === 0 && !operationsLoading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No attachable entity surfaces are available." }) : null,
-        lookupQuery.error ? /* @__PURE__ */ jsx(PickerError, { error: lookupQuery.error, prefix: "Load filters" }) : null,
-        listQuery.error ? /* @__PURE__ */ jsx(PickerError, { error: listQuery.error, prefix: "Load records" }) : null,
-        attachError ? /* @__PURE__ */ jsx(PickerError, { error: attachError, prefix: "Attach record" }) : null,
-        attaching ? /* @__PURE__ */ jsx("div", { role: "status", className: "text-xs text-muted-foreground", children: "Loading full record details and adding context…" }) : null,
-        selected ? /* @__PURE__ */ jsx(
-          CommandOutput,
-          {
-            bare: true,
-            className: "mt-0 flex-1",
-            response: markedListResponse ?? null,
-            loading: listQuery.isLoading || listQuery.isFetching,
-            loadingMessage: "Loading records…",
-            emptyMessage: "No matching records.",
-            ariaLabel: "Context records",
-            rowSelection: {
-              selectedRowIds: Object.keys(selectedRows),
-              // Keep selections made on other pages: reconcile the table's
-              // next id set against the rows on the current page, falling back
-              // to the already-known row for ids from previously-viewed pages.
-              onSelectionChange: (nextIds, rows) => {
-                const rowByID = new Map(
-                  rows.flatMap((row) => {
-                    const id = getClickyRowId(row);
-                    return id ? [[id, row]] : [];
-                  })
-                );
-                setSelectedRows(
-                  (prev) => Object.fromEntries(
-                    nextIds.flatMap((id) => {
-                      const row = rowByID.get(id) ?? prev[id];
-                      return row ? [[id, row]] : [];
-                    })
-                  )
-                );
-              },
-              getRowId: (row, index) => getClickyRowId(row) ?? `context-row-${index}`,
-              isRowSelectable: (row) => {
-                const id = getClickyRowId(row);
-                return !!id && !existingIDs.has(
-                  entityContextItemID(selected.surface.key, id)
-                );
-              },
-              toggleOnRowClick: true
-            },
-            ...filterConfig.search ? { search: filterConfig.search } : {},
-            ...filterConfig.timeRange ? { timeRange: filterConfig.timeRange } : {},
-            ...filterConfig.filters.length ? { externalFilters: filterConfig.filters } : {},
-            ...pagination ? { pagination } : {},
-            ...filterConfig.sort ? {
-              sort: filterConfig.sort.value,
-              onSortChange: filterConfig.sort.onChange
-            } : {}
-          }
-        ) : null,
-        items.length ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-          items.length,
-          " context ",
-          items.length === 1 ? "record" : "records",
-          " ",
-          "attached. Attached rows are disabled."
-        ] }) : null
-      ] })
+      client,
+      surfaceKey: selectedSurfaceKey,
+      mode: "multi",
+      onSelect: (_ids, rows, { filters }) => attachRows(rows, filters),
+      unavailableRows: {
+        isUnavailable: (row) => {
+          const id = getClickyRowId(row);
+          return !!id && existingIDs.has(entityContextItemID(selectedSurfaceKey, id));
+        },
+        label: "Attached",
+        columnLabel: "Context"
+      },
+      selectLabel: ({ count, pending }) => pending ? "Adding…" : count > 0 ? `Add ${count} record${plural(count)}` : "Add records",
+      note: items.length ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        items.length,
+        " context ",
+        items.length === 1 ? "record" : "records",
+        " ",
+        "attached. Attached rows are disabled."
+      ] }) : null
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     trigger,
-    selected && surfaceRenderer ? surfaceRenderer({
+    surfaceRenderer ? surfaceRenderer({
       surface: selected.surface,
       listOperation: selected.listOperation,
       ...selected.detailOperation ? { detailOperation: selected.detailOperation } : {},
@@ -421,52 +273,6 @@ function parseResponseJSON(response) {
     return void 0;
   }
 }
-function markAttachedRows(response, surfaceKey, existingIDs) {
-  var _a;
-  if (!response || !surfaceKey || existingIDs.size === 0 || !response.parsed)
-    return response;
-  const parsed = response.parsed;
-  const node = parsed.version === 1 && parsed.node ? parsed.node : parsed;
-  if (node.kind !== "table" || !((_a = node.rows) == null ? void 0 : _a.length)) return response;
-  const tableNode = node;
-  const attached = tableNode.rows.map((row) => {
-    const id = getClickyRowId(row);
-    return !!id && existingIDs.has(entityContextItemID(surfaceKey, id));
-  });
-  if (!attached.some(Boolean)) return response;
-  const markerColumn = {
-    name: "__chat_context",
-    label: "Context",
-    shrink: true
-  };
-  const markedNode = {
-    ...tableNode,
-    kind: "table",
-    columns: [...tableNode.columns ?? [], markerColumn],
-    rows: tableNode.rows.map((row, index) => ({
-      ...row,
-      cells: {
-        ...row.cells,
-        __chat_context: attached[index] ? { kind: "badge", badgeLabel: "Attached" } : { kind: "text", text: "", plain: "" }
-      }
-    }))
-  };
-  return {
-    ...response,
-    parsed: parsed.version === 1 ? { ...parsed, node: markedNode } : markedNode
-  };
-}
-function PickerError({ error, prefix }) {
-  const message = error instanceof Error ? error.message : String(error);
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive", children: [
-    /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-      prefix,
-      ":"
-    ] }),
-    " ",
-    message
-  ] });
-}
 export {
   OperationEntityContextPicker
 };

package/dist/rpc/OperationEntityContextPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationEntityContextPicker.js","sources":["../../src/rpc/OperationEntityContextPicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport type { ClickyDocument, ClickyNode, ClickyRow } from \"../data/Clicky\";\nimport type { StaticIconComponent } from \"../data/Icon\";\nimport type { ChatContextItem } from \"../data/ai/context\";\nimport { UiAdd, UiTable } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommandOutput } from \"./CommandOutput\";\nimport {\n  dataTablePaginationFromForm,\n  packLookupParameterValues,\n  packParameterValues,\n  parametersToFormConfig,\n  useDebouncedRecord,\n  type ParameterValues,\n} from \"./formMetadata\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getClickySurfaces,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { resolveSurfaceIcon } from \"./surfaceIconMap\";\nimport type {\n  ClickySurface,\n  ExecutionResponse,\n  ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  clickyRowRecord,\n  contextItemFromEntityRow,\n  entityContextItemID,\n} from \"./OperationEntityContextPicker.model\";\n\nexport type EntityContextSurfaceFilter = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => boolean;\n\nexport type EntityContextSurfaceText = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string;\n\nexport type EntityContextSurfaceIcon = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string | StaticIconComponent | undefined;\n\nexport type EntityContextSurfaceColor = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string | undefined;\n\nexport type EntityContextGroupIcon = (\n  group: string,\n) => string | StaticIconComponent | undefined;\n\nexport type EntityContextGroupColor = (group: string) => string | undefined;\n\n// EntityContextSurfaceRenderContext is handed to a host-supplied surfaceRenderer\n// so it can replace the picker dialog for selected surfaces, the way\n// ResultRenderer replaces a result surface. The generic dialog lists whatever\n// the entity's list operation returns, which is the right default and the wrong\n// answer for a surface the host already browses with a purpose-built UI — a\n// document tree, a map, a calendar. `defaultView` is the standard dialog;\n// return it unchanged to keep it.\n//\n// The whole dialog is replaced rather than only its body: a replacement that\n// owns selection has to own the confirm button too, or the footer would count\n// rows the host is no longer tracking.\nexport type EntityContextSurfaceRenderContext = {\n  surface: ClickySurface;\n  listOperation: ResolvedOperation;\n  detailOperation?: ResolvedOperation;\n  /** Already-attached items, so a replacement can disable them. */\n  items: ChatContextItem[];\n  onAdd: (item: ChatContextItem) => void;\n  onAddMany: (items: ChatContextItem[]) => void;\n  /** True while this surface is the one chosen from the dropdown. */\n  open: boolean;\n  close: () => void;\n  defaultView: ReactNode;\n};\n\nexport type EntityContextSurfaceRenderer = (\n  ctx: EntityContextSurfaceRenderContext,\n) => ReactNode;\n\nexport type OperationEntityContextPickerProps = {\n  client: OperationsApiClient;\n  items: ChatContextItem[];\n  onAdd: (item: ChatContextItem) => void;\n  onAddMany?: (items: ChatContextItem[]) => void;\n  surfaceFilter?: EntityContextSurfaceFilter;\n  surfaceLabel?: EntityContextSurfaceText;\n  surfaceGroup?: EntityContextSurfaceText;\n  surfaceIcon?: EntityContextSurfaceIcon;\n  surfaceColor?: EntityContextSurfaceColor;\n  /** Icon for a top-level provider/group row (the submenu trigger). */\n  surfaceGroupIcon?: EntityContextGroupIcon;\n  /** Icon colour for a top-level provider/group row. */\n  surfaceGroupColor?: EntityContextGroupColor;\n  /** Replaces the picker dialog for surfaces the host browses its own way. */\n  surfaceRenderer?: EntityContextSurfaceRenderer;\n  triggerLabel?: string;\n};\n\ntype ContextSurface = {\n  surface: ClickySurface;\n  listOperation: ResolvedOperation;\n  detailOperation?: ResolvedOperation;\n};\n\nexport function OperationEntityContextPicker({\n  client,\n  items,\n  onAdd,\n  onAddMany,\n  surfaceFilter,\n  surfaceLabel,\n  surfaceGroup,\n  surfaceIcon,\n  surfaceColor,\n  surfaceGroupIcon,\n  surfaceGroupColor,\n  surfaceRenderer,\n  triggerLabel = \"Add context\",\n}: OperationEntityContextPickerProps) {\n  const {\n    operations,\n    spec,\n    isLoading: operationsLoading,\n  } = useOperations(client);\n  const [open, setOpen] = useState(false);\n  const [surfaceKey, setSurfaceKey] = useState(\"\");\n  const [filters, setFilters] = useState<ParameterValues>({});\n  const [selectedRows, setSelectedRows] = useState<Record<string, ClickyRow>>(\n    {},\n  );\n  const [attaching, setAttaching] = useState(false);\n  const [attachError, setAttachError] = useState(\"\");\n\n  const surfaces = useMemo<ContextSurface[]>(() => {\n    return getClickySurfaces(spec)\n      .flatMap((surface): ContextSurface[] => {\n        const surfaceOperations = filterOperationsBySurface(\n          operations,\n          surface.key,\n        );\n        const listOperation = findSurfaceListOperation(\n          surfaceOperations,\n          surface.key,\n        );\n        if (!listOperation || listOperation.method.toUpperCase() !== \"GET\")\n          return [];\n        if (surfaceFilter && !surfaceFilter(surface, listOperation)) return [];\n        const detailOperation = findSurfaceDetailOperation(\n          surfaceOperations,\n          surface.key,\n        );\n        return [\n          {\n            surface,\n            listOperation,\n            ...(detailOperation ? { detailOperation } : {}),\n          },\n        ];\n      })\n      .sort((left, right) => {\n        const leftGroup =\n          surfaceGroup?.(left.surface, left.listOperation) ??\n          left.surface.parent ??\n          \"\";\n        const rightGroup =\n          surfaceGroup?.(right.surface, right.listOperation) ??\n          right.surface.parent ??\n          \"\";\n        return (\n          leftGroup.localeCompare(rightGroup) ||\n          left.surface.title.localeCompare(right.surface.title)\n        );\n      });\n  }, [operations, spec, surfaceFilter, surfaceGroup]);\n\n  useEffect(() => {\n    setFilters({});\n    setSelectedRows({});\n    setAttachError(\"\");\n  }, [surfaceKey]);\n\n  const selected = surfaces.find((entry) => entry.surface.key === surfaceKey);\n  const parameters = selected?.listOperation.operation.parameters ?? [];\n  const debouncedFilters = useDebouncedRecord(filters, 250);\n  const packedFilters = useMemo(\n    () => packParameterValues(debouncedFilters, parameters),\n    [debouncedFilters, parameters],\n  );\n  const packedLookupFilters = useMemo(\n    () => packLookupParameterValues(debouncedFilters, parameters),\n    [debouncedFilters, parameters],\n  );\n\n  const lookupQuery = useQuery({\n    queryKey: [\n      \"entity-context-lookup\",\n      selected?.listOperation.path,\n      packedLookupFilters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        selected!.listOperation.path,\n        selected!.listOperation.method,\n        packedLookupFilters,\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled:\n      open &&\n      !!selected &&\n      !!client.lookupFilters &&\n      parameters.some((parameter) => parameter.in === \"query\"),\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\n      \"entity-context-list\",\n      selected?.listOperation.path,\n      packedFilters,\n    ],\n    queryFn: () =>\n      client.executeCommand(\n        selected!.listOperation.path,\n        selected!.listOperation.method,\n        packedFilters,\n        { Accept: \"application/json+clicky\" },\n      ),\n    enabled: open && !!selected,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // Shapes come from the spec so a control keeps its identity while the lookup\n  // that fills it is in flight; see parametersToFormConfig.\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n  const filterConfig = useMemo(\n    () =>\n      parametersToFormConfig(parameters, filters, setFilters, {\n        includeLocations: [\"query\"],\n        lookup: lookupQuery.data,\n        components: filterShapes,\n      }),\n    [filters, filterShapes, lookupQuery.data, parameters],\n  );\n  const pagination = useMemo(\n    () => dataTablePaginationFromForm(filterConfig.pagination, listQuery.data),\n    [filterConfig.pagination, listQuery.data],\n  );\n  const existingIDs = useMemo(\n    () => new Set(items.map((item) => item.id)),\n    [items],\n  );\n  const markedListResponse = useMemo(\n    () => markAttachedRows(listQuery.data, selected?.surface.key, existingIDs),\n    [existingIDs, listQuery.data, selected?.surface.key],\n  );\n\n  const hydrateRow = useCallback(\n    async (row: ClickyRow) => {\n      if (!selected) throw new Error(\"Select an entity type first.\");\n      const recordID = getClickyRowId(row);\n      if (!recordID) {\n        throw new Error(\"This row does not expose a stable record ID.\");\n      }\n      const contextID = entityContextItemID(selected.surface.key, recordID);\n      if (existingIDs.has(contextID)) {\n        throw new Error(\"This record is already attached.\");\n      }\n\n      let record: unknown = clickyRowRecord(row);\n      if (selected.detailOperation) {\n        const detailMeta = getOperationClickyMeta(selected.detailOperation);\n        const idParam =\n          detailMeta?.idParam ??\n          selected.detailOperation.operation.parameters?.find(\n            (parameter) => parameter.in === \"path\",\n          )?.name ??\n          \"id\";\n        const detailParameterNames = new Set(\n          selected.detailOperation.operation.parameters?.map(\n            (parameter) => parameter.name,\n          ) ?? [],\n        );\n        const detailParams = Object.fromEntries(\n          Object.entries(packedFilters).filter(([key]) =>\n            detailParameterNames.has(key),\n          ),\n        );\n        detailParams[idParam] = recordID;\n        const response = await client.executeCommand(\n          selected.detailOperation.path,\n          selected.detailOperation.method,\n          detailParams,\n          { Accept: \"application/json\" },\n        );\n        record = response.parsed ?? parseResponseJSON(response) ?? record;\n      }\n\n      const contextItem = contextItemFromEntityRow(\n        selected.surface,\n        row,\n        record,\n      );\n      if (!contextItem)\n        throw new Error(\"This row does not expose a stable record ID.\");\n      return contextItem;\n    },\n    [client, existingIDs, packedFilters, selected],\n  );\n\n  const attachSelected = useCallback(async () => {\n    const rows = Object.values(selectedRows);\n    if (rows.length === 0) return;\n    setAttaching(true);\n    setAttachError(\"\");\n    const results = await Promise.allSettled(rows.map(hydrateRow));\n    const added = results.flatMap((result) =>\n      result.status === \"fulfilled\" ? [result.value] : [],\n    );\n    const failures = results.flatMap((result) =>\n      result.status === \"rejected\" ? [result.reason] : [],\n    );\n    if (added.length > 0) {\n      if (onAddMany) onAddMany(added);\n      else added.forEach(onAdd);\n    }\n    setAttaching(false);\n    if (failures.length > 0) {\n      const first = failures[0];\n      setAttachError(\n        `${failures.length} record${failures.length === 1 ? \"\" : \"s\"} could not be attached: ${first instanceof Error ? first.message : String(first)}`,\n      );\n      return;\n    }\n    setSelectedRows({});\n    setOpen(false);\n  }, [hydrateRow, onAdd, onAddMany, selectedRows]);\n\n  const menuItems = useMemo<DropdownMenuItem[]>(() => {\n    // `surfaces` is pre-sorted by group then title, so bucketing by group in\n    // insertion order yields a stable provider → type tree without re-sorting.\n    const groups: Array<{ group: string; leaves: DropdownMenuItem[] }> = [];\n    const byGroup = new Map<string, DropdownMenuItem[]>();\n    for (const entry of surfaces) {\n      const group =\n        surfaceGroup?.(entry.surface, entry.listOperation) ??\n        entry.surface.parent ??\n        \"Other\";\n      const label =\n        surfaceLabel?.(entry.surface, entry.listOperation) ??\n        entry.surface.title;\n      const icon =\n        surfaceIcon?.(entry.surface, entry.listOperation) ??\n        resolveSurfaceIcon(entry.surface.icon) ??\n        UiTable;\n      const iconColor = surfaceColor?.(entry.surface, entry.listOperation);\n      const leaf: DropdownMenuItem = {\n        label,\n        title: label,\n        icon,\n        ...(iconColor ? { iconColor } : {}),\n        onSelect: () => {\n          setSurfaceKey(entry.surface.key);\n          setOpen(true);\n        },\n      };\n      let bucket = byGroup.get(group);\n      if (!bucket) {\n        bucket = [];\n        byGroup.set(group, bucket);\n        groups.push({ group, leaves: bucket });\n      }\n      bucket.push(leaf);\n    }\n\n    // A single group would nest everything under one lone submenu; render its\n    // types flat instead.\n    if (groups.length <= 1) return groups[0]?.leaves ?? [];\n\n    return groups.map(({ group, leaves }): DropdownMenuItem => {\n      const groupColor = surfaceGroupColor?.(group);\n      // A submenu child already sits under its group header — don't repeat the\n      // group name in the child label. The tooltip (title) and the detail dialog\n      // keep the full label.\n      const prefix = `${group} `;\n      const children = leaves.map((leaf) =>\n        typeof leaf.label === \"string\" && leaf.label.startsWith(prefix)\n          ? { ...leaf, label: leaf.label.slice(prefix.length) }\n          : leaf,\n      );\n      return {\n        label: group,\n        title: group,\n        icon: surfaceGroupIcon?.(group) ?? leaves[0]?.icon ?? UiTable,\n        ...(groupColor ? { iconColor: groupColor } : {}),\n        onSelect: () => {},\n        children,\n      };\n    });\n  }, [\n    surfaceColor,\n    surfaceGroup,\n    surfaceGroupColor,\n    surfaceGroupIcon,\n    surfaceIcon,\n    surfaceLabel,\n    surfaces,\n  ]);\n\n  const selectedCount = Object.keys(selectedRows).length;\n  const selectedLabel = selected\n    ? (surfaceLabel?.(selected.surface, selected.listOperation) ??\n      selected.surface.title)\n    : \"records\";\n\n  const trigger = (\n    <DropdownMenu\n      label={triggerLabel}\n      icon={UiAdd}\n      variant=\"ghost\"\n      size=\"sm\"\n      align=\"left\"\n      menuLabel=\"Context entity types\"\n      menuClassName=\"min-w-56\"\n      items={\n        menuItems.length > 0\n          ? menuItems\n          : [\n              {\n                label: operationsLoading\n                  ? \"Loading entity types…\"\n                  : \"No entity listings available\",\n                disabled: true,\n                onSelect: () => {},\n              },\n            ]\n      }\n    />\n  );\n\n  const defaultDialog = (\n      <Modal\n        open={open}\n        onClose={() => setOpen(false)}\n        title={`Add ${selectedLabel} context`}\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\">\n              {selectedCount === 0\n                ? \"Select one or more records from the table.\"\n                : `${selectedCount} record${selectedCount === 1 ? \"\" : \"s\"} selected`}\n            </span>\n            <div className=\"flex items-center gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => setOpen(false)}\n                disabled={attaching}\n              >\n                Cancel\n              </Button>\n              <Button\n                type=\"button\"\n                onClick={() => void attachSelected()}\n                disabled={selectedCount === 0 || attaching}\n              >\n                {attaching\n                  ? \"Adding…\"\n                  : selectedCount > 0\n                    ? `Add ${selectedCount} record${selectedCount === 1 ? \"\" : \"s\"}`\n                    : \"Add records\"}\n              </Button>\n            </div>\n          </div>\n        }\n      >\n        <div className=\"flex min-h-0 flex-1 flex-col gap-4\">\n          {surfaces.length === 0 && !operationsLoading ? (\n            <p className=\"text-sm text-muted-foreground\">\n              No attachable entity surfaces are available.\n            </p>\n          ) : null}\n          {lookupQuery.error ? (\n            <PickerError error={lookupQuery.error} prefix=\"Load filters\" />\n          ) : null}\n          {listQuery.error ? (\n            <PickerError error={listQuery.error} prefix=\"Load records\" />\n          ) : null}\n          {attachError ? (\n            <PickerError error={attachError} prefix=\"Attach record\" />\n          ) : null}\n          {attaching ? (\n            <div role=\"status\" className=\"text-xs text-muted-foreground\">\n              Loading full record details and adding context…\n            </div>\n          ) : null}\n\n          {selected ? (\n            <CommandOutput\n              bare\n              className=\"mt-0 flex-1\"\n              response={markedListResponse ?? null}\n              loading={listQuery.isLoading || listQuery.isFetching}\n              loadingMessage=\"Loading records…\"\n              emptyMessage=\"No matching records.\"\n              ariaLabel=\"Context records\"\n              rowSelection={{\n                selectedRowIds: Object.keys(selectedRows),\n                // Keep selections made on other pages: reconcile the table's\n                // next id set against the rows on the current page, falling back\n                // to the already-known row for ids from previously-viewed pages.\n                onSelectionChange: (nextIds, rows) => {\n                  const rowByID = new Map(\n                    rows.flatMap((row) => {\n                      const id = getClickyRowId(row);\n                      return id ? [[id, row] as const] : [];\n                    }),\n                  );\n                  setSelectedRows((prev) =>\n                    Object.fromEntries(\n                      nextIds.flatMap((id) => {\n                        const row = rowByID.get(id) ?? prev[id];\n                        return row ? [[id, row] as const] : [];\n                      }),\n                    ),\n                  );\n                },\n                getRowId: (row, index) =>\n                  getClickyRowId(row) ?? `context-row-${index}`,\n                isRowSelectable: (row) => {\n                  const id = getClickyRowId(row);\n                  return (\n                    !!id &&\n                    !existingIDs.has(\n                      entityContextItemID(selected.surface.key, id),\n                    )\n                  );\n                },\n                toggleOnRowClick: true,\n              }}\n              {...(filterConfig.search ? { search: filterConfig.search } : {})}\n              {...(filterConfig.timeRange\n                ? { timeRange: filterConfig.timeRange }\n                : {})}\n              {...(filterConfig.filters.length\n                ? { externalFilters: filterConfig.filters }\n                : {})}\n              {...(pagination ? { pagination } : {})}\n              {...(filterConfig.sort\n                ? {\n                    sort: filterConfig.sort.value,\n                    onSortChange: filterConfig.sort.onChange,\n                  }\n                : {})}\n            />\n          ) : null}\n\n          {items.length ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {items.length} context {items.length === 1 ? \"record\" : \"records\"}{\" \"}\n              attached. Attached rows are disabled.\n            </p>\n          ) : null}\n        </div>\n      </Modal>\n  );\n\n  return (\n    <>\n      {trigger}\n      {selected && surfaceRenderer\n        ? surfaceRenderer({\n            surface: selected.surface,\n            listOperation: selected.listOperation,\n            ...(selected.detailOperation\n              ? { detailOperation: selected.detailOperation }\n              : {}),\n            items,\n            onAdd,\n            onAddMany: (added) =>\n              onAddMany ? onAddMany(added) : added.forEach(onAdd),\n            open,\n            close: () => setOpen(false),\n            defaultView: defaultDialog,\n          })\n        : defaultDialog}\n    </>\n  );\n}\n\nfunction parseResponseJSON(response: ExecutionResponse): unknown {\n  const text = response.stdout || response.output || \"\";\n  if (!text.trim()) return undefined;\n  try {\n    return JSON.parse(text);\n  } catch {\n    return undefined;\n  }\n}\n\nfunction markAttachedRows(\n  response: ExecutionResponse | undefined,\n  surfaceKey: string | undefined,\n  existingIDs: Set<string>,\n): ExecutionResponse | undefined {\n  if (!response || !surfaceKey || existingIDs.size === 0 || !response.parsed)\n    return response;\n  const parsed = response.parsed as Partial<ClickyDocument> &\n    Partial<ClickyNode>;\n  const node = parsed.version === 1 && parsed.node ? parsed.node : parsed;\n  if (node.kind !== \"table\" || !node.rows?.length) return response;\n  const tableNode = node as ClickyNode;\n  const attached = tableNode.rows!.map((row) => {\n    const id = getClickyRowId(row);\n    return !!id && existingIDs.has(entityContextItemID(surfaceKey, id));\n  });\n  if (!attached.some(Boolean)) return response;\n\n  const markerColumn = {\n    name: \"__chat_context\",\n    label: \"Context\",\n    shrink: true,\n  };\n  const markedNode: ClickyNode = {\n    ...tableNode,\n    kind: \"table\",\n    columns: [...(tableNode.columns ?? []), markerColumn],\n    rows: tableNode.rows!.map((row, index) => ({\n      ...row,\n      cells: {\n        ...row.cells,\n        __chat_context: attached[index]\n          ? { kind: \"badge\", badgeLabel: \"Attached\" }\n          : { kind: \"text\", text: \"\", plain: \"\" },\n      },\n    })),\n  };\n  return {\n    ...response,\n    parsed:\n      parsed.version === 1\n        ? { ...(parsed as ClickyDocument), node: markedNode }\n        : markedNode,\n  };\n}\n\nfunction PickerError({ error, prefix }: { error: unknown; prefix: string }) {\n  const message = error instanceof Error ? error.message : String(error);\n  return (\n    <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n      <span className=\"font-medium\">{prefix}:</span> {message}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"OperationEntityContextPicker.js","sources":["../../src/rpc/OperationEntityContextPicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState, type ReactNode } from \"react\";\nimport type { ClickyRow } from \"../data/Clicky\";\nimport type { StaticIconComponent } from \"../data/Icon\";\nimport type { ChatContextItem } from \"../data/ai/context\";\nimport { UiAdd, UiTable } from \"../icons\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { packParameterValues, type ParameterValues } from \"./formMetadata\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getClickySurfaces,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport { OperationEntityPicker } from \"./OperationEntityPicker\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport { resolveSurfaceIcon } from \"./surfaceIconMap\";\nimport type {\n  ClickySurface,\n  ExecutionResponse,\n  ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  clickyRowRecord,\n  contextItemFromEntityRow,\n  entityContextItemID,\n} from \"./OperationEntityContextPicker.model\";\n\nexport type EntityContextSurfaceFilter = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => boolean;\n\nexport type EntityContextSurfaceText = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string;\n\nexport type EntityContextSurfaceIcon = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string | StaticIconComponent | undefined;\n\nexport type EntityContextSurfaceColor = (\n  surface: ClickySurface,\n  listOperation: ResolvedOperation,\n) => string | undefined;\n\nexport type EntityContextGroupIcon = (\n  group: string,\n) => string | StaticIconComponent | undefined;\n\nexport type EntityContextGroupColor = (group: string) => string | undefined;\n\n// EntityContextSurfaceRenderContext is handed to a host-supplied surfaceRenderer\n// so it can replace the picker dialog for selected surfaces, the way\n// ResultRenderer replaces a result surface. The generic dialog lists whatever\n// the entity's list operation returns, which is the right default and the wrong\n// answer for a surface the host already browses with a purpose-built UI — a\n// document tree, a map, a calendar. `defaultView` is the standard dialog;\n// return it unchanged to keep it.\n//\n// The whole dialog is replaced rather than only its body: a replacement that\n// owns selection has to own the confirm button too, or the footer would count\n// rows the host is no longer tracking.\nexport type EntityContextSurfaceRenderContext = {\n  surface: ClickySurface;\n  listOperation: ResolvedOperation;\n  detailOperation?: ResolvedOperation;\n  /** Already-attached items, so a replacement can disable them. */\n  items: ChatContextItem[];\n  onAdd: (item: ChatContextItem) => void;\n  onAddMany: (items: ChatContextItem[]) => void;\n  /** True while this surface is the one chosen from the dropdown. */\n  open: boolean;\n  close: () => void;\n  defaultView: ReactNode;\n};\n\nexport type EntityContextSurfaceRenderer = (\n  ctx: EntityContextSurfaceRenderContext,\n) => ReactNode;\n\nexport type OperationEntityContextPickerProps = {\n  client: OperationsApiClient;\n  items: ChatContextItem[];\n  onAdd: (item: ChatContextItem) => void;\n  onAddMany?: (items: ChatContextItem[]) => void;\n  surfaceFilter?: EntityContextSurfaceFilter;\n  surfaceLabel?: EntityContextSurfaceText;\n  surfaceGroup?: EntityContextSurfaceText;\n  surfaceIcon?: EntityContextSurfaceIcon;\n  surfaceColor?: EntityContextSurfaceColor;\n  /** Icon for a top-level provider/group row (the submenu trigger). */\n  surfaceGroupIcon?: EntityContextGroupIcon;\n  /** Icon colour for a top-level provider/group row. */\n  surfaceGroupColor?: EntityContextGroupColor;\n  /** Replaces the picker dialog for surfaces the host browses its own way. */\n  surfaceRenderer?: EntityContextSurfaceRenderer;\n  triggerLabel?: string;\n};\n\ntype ContextSurface = {\n  surface: ClickySurface;\n  listOperation: ResolvedOperation;\n  detailOperation?: ResolvedOperation;\n};\n\nconst plural = (count: number) => (count === 1 ? \"\" : \"s\");\n\nexport function OperationEntityContextPicker({\n  client,\n  items,\n  onAdd,\n  onAddMany,\n  surfaceFilter,\n  surfaceLabel,\n  surfaceGroup,\n  surfaceIcon,\n  surfaceColor,\n  surfaceGroupIcon,\n  surfaceGroupColor,\n  surfaceRenderer,\n  triggerLabel = \"Add context\",\n}: OperationEntityContextPickerProps) {\n  const {\n    operations,\n    spec,\n    isLoading: operationsLoading,\n  } = useOperations(client);\n  const [open, setOpen] = useState(false);\n  const [surfaceKey, setSurfaceKey] = useState(\"\");\n\n  const surfaces = useMemo<ContextSurface[]>(() => {\n    return getClickySurfaces(spec)\n      .flatMap((surface): ContextSurface[] => {\n        const surfaceOperations = filterOperationsBySurface(\n          operations,\n          surface.key,\n        );\n        const listOperation = findSurfaceListOperation(\n          surfaceOperations,\n          surface.key,\n        );\n        if (!listOperation || listOperation.method.toUpperCase() !== \"GET\")\n          return [];\n        if (surfaceFilter && !surfaceFilter(surface, listOperation)) return [];\n        const detailOperation = findSurfaceDetailOperation(\n          surfaceOperations,\n          surface.key,\n        );\n        return [\n          {\n            surface,\n            listOperation,\n            ...(detailOperation ? { detailOperation } : {}),\n          },\n        ];\n      })\n      .sort((left, right) => {\n        const leftGroup =\n          surfaceGroup?.(left.surface, left.listOperation) ??\n          left.surface.parent ??\n          \"\";\n        const rightGroup =\n          surfaceGroup?.(right.surface, right.listOperation) ??\n          right.surface.parent ??\n          \"\";\n        return (\n          leftGroup.localeCompare(rightGroup) ||\n          left.surface.title.localeCompare(right.surface.title)\n        );\n      });\n  }, [operations, spec, surfaceFilter, surfaceGroup]);\n\n  const selected = surfaces.find((entry) => entry.surface.key === surfaceKey);\n  const existingIDs = useMemo(\n    () => new Set(items.map((item) => item.id)),\n    [items],\n  );\n\n  const hydrateRow = useCallback(\n    async (row: ClickyRow, listFilters: ParameterValues) => {\n      if (!selected) throw new Error(\"Select an entity type first.\");\n      const recordID = getClickyRowId(row);\n      if (!recordID) {\n        throw new Error(\"This row does not expose a stable record ID.\");\n      }\n      const contextID = entityContextItemID(selected.surface.key, recordID);\n      if (existingIDs.has(contextID)) {\n        throw new Error(\"This record is already attached.\");\n      }\n\n      let record: unknown = clickyRowRecord(row);\n      if (selected.detailOperation) {\n        const detailMeta = getOperationClickyMeta(selected.detailOperation);\n        const idParam =\n          detailMeta?.idParam ??\n          selected.detailOperation.operation.parameters?.find(\n            (parameter) => parameter.in === \"path\",\n          )?.name ??\n          \"id\";\n        const detailParameterNames = new Set(\n          selected.detailOperation.operation.parameters?.map(\n            (parameter) => parameter.name,\n          ) ?? [],\n        );\n        // The list's own scope (a database, an environment) rides along to the\n        // detail call wherever the detail operation accepts the same parameter.\n        const packedFilters = packParameterValues(\n          listFilters,\n          selected.listOperation.operation.parameters ?? [],\n        );\n        const detailParams = Object.fromEntries(\n          Object.entries(packedFilters).filter(([key]) =>\n            detailParameterNames.has(key),\n          ),\n        );\n        detailParams[idParam] = recordID;\n        const response = await client.executeCommand(\n          selected.detailOperation.path,\n          selected.detailOperation.method,\n          detailParams,\n          { Accept: \"application/json\" },\n        );\n        record = response.parsed ?? parseResponseJSON(response) ?? record;\n      }\n\n      const contextItem = contextItemFromEntityRow(\n        selected.surface,\n        row,\n        record,\n      );\n      if (!contextItem)\n        throw new Error(\"This row does not expose a stable record ID.\");\n      return contextItem;\n    },\n    [client, existingIDs, selected],\n  );\n\n  // Adds every record that hydrates, then rejects with the failures so the\n  // picker keeps the dialog open and shows them.\n  const attachRows = useCallback(\n    async (rows: ClickyRow[], listFilters: ParameterValues) => {\n      const results = await Promise.allSettled(\n        rows.map((row) => hydrateRow(row, listFilters)),\n      );\n      const added = results.flatMap((result) =>\n        result.status === \"fulfilled\" ? [result.value] : [],\n      );\n      const failures = results.flatMap((result) =>\n        result.status === \"rejected\" ? [result.reason] : [],\n      );\n      if (added.length > 0) {\n        if (onAddMany) onAddMany(added);\n        else added.forEach(onAdd);\n      }\n      if (failures.length > 0) {\n        const first = failures[0];\n        throw new Error(\n          `${failures.length} record${plural(failures.length)} could not be attached: ${first instanceof Error ? first.message : String(first)}`,\n        );\n      }\n    },\n    [hydrateRow, onAdd, onAddMany],\n  );\n\n  const menuItems = useMemo<DropdownMenuItem[]>(() => {\n    // `surfaces` is pre-sorted by group then title, so bucketing by group in\n    // insertion order yields a stable provider → type tree without re-sorting.\n    const groups: Array<{ group: string; leaves: DropdownMenuItem[] }> = [];\n    const byGroup = new Map<string, DropdownMenuItem[]>();\n    for (const entry of surfaces) {\n      const group =\n        surfaceGroup?.(entry.surface, entry.listOperation) ??\n        entry.surface.parent ??\n        \"Other\";\n      const label =\n        surfaceLabel?.(entry.surface, entry.listOperation) ??\n        entry.surface.title;\n      const icon =\n        surfaceIcon?.(entry.surface, entry.listOperation) ??\n        resolveSurfaceIcon(entry.surface.icon) ??\n        UiTable;\n      const iconColor = surfaceColor?.(entry.surface, entry.listOperation);\n      const leaf: DropdownMenuItem = {\n        label,\n        title: label,\n        icon,\n        ...(iconColor ? { iconColor } : {}),\n        onSelect: () => {\n          setSurfaceKey(entry.surface.key);\n          setOpen(true);\n        },\n      };\n      let bucket = byGroup.get(group);\n      if (!bucket) {\n        bucket = [];\n        byGroup.set(group, bucket);\n        groups.push({ group, leaves: bucket });\n      }\n      bucket.push(leaf);\n    }\n\n    // A single group would nest everything under one lone submenu; render its\n    // types flat instead.\n    if (groups.length <= 1) return groups[0]?.leaves ?? [];\n\n    return groups.map(({ group, leaves }): DropdownMenuItem => {\n      const groupColor = surfaceGroupColor?.(group);\n      // A submenu child already sits under its group header — don't repeat the\n      // group name in the child label. The tooltip (title) and the detail dialog\n      // keep the full label.\n      const prefix = `${group} `;\n      const children = leaves.map((leaf) =>\n        typeof leaf.label === \"string\" && leaf.label.startsWith(prefix)\n          ? { ...leaf, label: leaf.label.slice(prefix.length) }\n          : leaf,\n      );\n      return {\n        label: group,\n        title: group,\n        icon: surfaceGroupIcon?.(group) ?? leaves[0]?.icon ?? UiTable,\n        ...(groupColor ? { iconColor: groupColor } : {}),\n        onSelect: () => {},\n        children,\n      };\n    });\n  }, [\n    surfaceColor,\n    surfaceGroup,\n    surfaceGroupColor,\n    surfaceGroupIcon,\n    surfaceIcon,\n    surfaceLabel,\n    surfaces,\n  ]);\n\n  const trigger = (\n    <DropdownMenu\n      label={triggerLabel}\n      icon={UiAdd}\n      variant=\"ghost\"\n      size=\"sm\"\n      align=\"left\"\n      menuLabel=\"Context entity types\"\n      menuClassName=\"min-w-56\"\n      items={\n        menuItems.length > 0\n          ? menuItems\n          : [\n              {\n                label: operationsLoading\n                  ? \"Loading entity types…\"\n                  : \"No entity listings available\",\n                disabled: true,\n                onSelect: () => {},\n              },\n            ]\n      }\n    />\n  );\n\n  if (!selected) return trigger;\n\n  const selectedLabel =\n    surfaceLabel?.(selected.surface, selected.listOperation) ??\n    selected.surface.title;\n  const selectedSurfaceKey = selected.surface.key;\n  const defaultDialog = (\n    <OperationEntityPicker\n      open={open}\n      onClose={() => setOpen(false)}\n      title={`Add ${selectedLabel} context`}\n      client={client}\n      surfaceKey={selectedSurfaceKey}\n      mode=\"multi\"\n      onSelect={(_ids, rows, { filters }) => attachRows(rows, filters)}\n      unavailableRows={{\n        isUnavailable: (row) => {\n          const id = getClickyRowId(row);\n          return (\n            !!id && existingIDs.has(entityContextItemID(selectedSurfaceKey, id))\n          );\n        },\n        label: \"Attached\",\n        columnLabel: \"Context\",\n      }}\n      selectLabel={({ count, pending }) =>\n        pending\n          ? \"Adding…\"\n          : count > 0\n            ? `Add ${count} record${plural(count)}`\n            : \"Add records\"\n      }\n      note={\n        items.length ? (\n          <p className=\"text-xs text-muted-foreground\">\n            {items.length} context {items.length === 1 ? \"record\" : \"records\"}{\" \"}\n            attached. Attached rows are disabled.\n          </p>\n        ) : null\n      }\n    />\n  );\n\n  return (\n    <>\n      {trigger}\n      {surfaceRenderer\n        ? surfaceRenderer({\n            surface: selected.surface,\n            listOperation: selected.listOperation,\n            ...(selected.detailOperation\n              ? { detailOperation: selected.detailOperation }\n              : {}),\n            items,\n            onAdd,\n            onAddMany: (added) =>\n              onAddMany ? onAddMany(added) : added.forEach(onAdd),\n            open,\n            close: () => setOpen(false),\n            defaultView: defaultDialog,\n          })\n        : defaultDialog}\n    </>\n  );\n}\n\nfunction parseResponseJSON(response: ExecutionResponse): unknown {\n  const text = response.stdout || response.output || \"\";\n  if (!text.trim()) return undefined;\n  try {\n    return JSON.parse(text);\n  } catch {\n    return undefined;\n  }\n}\n"],"names":["_a"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { ClickyRow } from '../data/Clicky';
-import { ChatContextItem } from '../data/ai/context';
-import { ClickySurface } from './types';
+import { ClickyRow } from '../data/Clicky.js';
+import { ChatContextItem } from '../data/ai/context.js';
+import { ClickySurface } from './types.js';
 export declare function entityContextItemID(surfaceKey: string, recordID: string): string;
 export declare function clickyRowRecord(row: ClickyRow): Record<string, string>;
 export declare function contextItemFromEntityRow(surface: ClickySurface, row: ClickyRow, record: unknown): ChatContextItem | undefined;

package/dist/rpc/OperationEntityPage.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { ClickyCommandRuntime } from '../data/Clicky';
-import { FormActionsRenderer } from './SchemaActionForm';
-import { RenderLink } from './EndpointList';
-import { PreExtension, PostExtension } from '../components/json-schema-form-types';
-import { DomainDefinition, ExecutionResponse } from './types';
-import { OperationsApiClient } from './useOperations';
+import { ClickyCommandRuntime } from '../data/Clicky.js';
+import { FormActionsRenderer } from './SchemaActionForm.js';
+import { RenderLink } from './EndpointList.js';
+import { PreExtension, PostExtension } from '../components/json-schema-form-types.js';
+import { DomainDefinition, ExecutionResponse } from './types.js';
+import { OperationsApiClient } from './useOperations.js';
 export type EntityDetailBodyRenderContext = {
     id: string;
     surfaceKey?: string;