@flanksource/clicky-ui 0.3.26 → 0.3.28

package/dist/rpc/OperationCatalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCatalog.js","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useOperationPages } from \"./useOperationPages\";\nimport { filterOperationsByDomain } from \"./classify\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceCollectionActions,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n  ClickyRemoteFormat,\n} from \"../data/Clicky\";\nimport type { CellFilterChange } from \"../data/cells/CellFilterActions\";\nimport { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationActionBar } from \"./OperationActionBar\";\nimport { OperationsApiClientError } from \"./apiClient\";\nimport { renderOperationError } from \"./operationErrorDiagnostics\";\nimport {\n  OperationResultView,\n  type OperationResultFilterConfig,\n  type ResultRenderer,\n} from \"./OperationResultView\";\nimport { type FormActionsRenderer } from \"./SchemaActionForm\";\nimport {\n  applyFilterExtensions,\n  type FilterExtension,\n} from \"../components/filter-bar-utils\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport {\n  type DomainDefinition,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packLookupParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\nimport { cursorParameterName, useCursorStaleRecovery } from \"./cursorStale\";\nimport { useOperationFilterSearch } from \"./operationFilterSearch\";\nimport {\n  parseMultiFilterValue,\n  serializeMultiFilterValue,\n} from \"../data/data-table-filter-values\";\nimport { Loading } from \"../components/loading\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  surfaceKey?: string;\n  // Domain-specific filter decorators (e.g. stamp an entity icon by filter\n  // name). Composed in array order; mirrors JsonSchemaForm's `pre`.\n  filterPre?: FilterExtension[];\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n  renderError?: (err: unknown, title: string) => ReactNode;\n  commandRuntime?: ClickyCommandRuntime;\n  // Custom JsonSchemaForm field extensions forwarded to the create/edit form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions for the create/edit form (e.g. a connection\n  // \"Test\" button).\n  formActions?: FormActionsRenderer;\n  actionLabels?: Record<string, string>;\n  // Optional host override for the result surface, keyed off the current surface.\n  // Receives the default OperationResultView so non-overridden surfaces render\n  // unchanged.\n  resultRenderer?: ResultRenderer;\n  /**\n   * Portal target for the collection action bar (Create, bulk actions). When\n   * set, the bar renders into this element — typically an app shell's\n   * `bodyActions` slot — instead of inline under the catalog header.\n   *\n   * A portal rather than a render-prop because the bar owns its own dialog\n   * state and closes over the catalog's live filters and list query; moving the\n   * element would sever both. Falls back to inline rendering when null, so\n   * existing consumers are unaffected.\n   */\n  actionsContainer?: Element | null;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = renderOperationError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n}: OperationCatalogProps) {\n  const { operations, spec, isLoading } = useOperations(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const surfaceOps = useMemo(\n    () => filterOperationsBySurface(operations, surfaceKey),\n    [operations, surfaceKey],\n  );\n  const useSurfaceMetadata = surfaceOps.length > 0;\n\n  // domainOps are the operations scoped to this domain: a surface's operations\n  // when surfaceKey resolves, otherwise the entity-tagged operations — used only\n  // to render the generic operation-page fallback, never to guess a table.\n  const domainOps = useMemo(() => {\n    if (useSurfaceMetadata) return surfaceOps;\n    return allOperations\n      ? operations\n      : filterOperationsByDomain(operations, entities);\n  }, [allOperations, entities, operations, surfaceOps, useSurfaceMetadata]);\n\n  // The list table is driven solely by x-clicky surface metadata. Without a\n  // surface there is no authoritative list op, so listEndpoint stays undefined\n  // and the catalog renders the generic EndpointList fallback instead of\n  // guessing a table from operationId/path conventions.\n  const listEndpoint = useMemo(() => {\n    if (!useSurfaceMetadata) return undefined;\n    return findSurfaceListOperation(domainOps, surfaceKey);\n  }, [domainOps, surfaceKey, useSurfaceMetadata]);\n  // The detail op turns each list row into a link to /<surface>/<id>; absent it\n  // (no surface metadata) rows stay non-navigable.\n  const detailOperation = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceDetailOperation(domainOps, surfaceKey)\n        : undefined,\n    [domainOps, surfaceKey, useSurfaceMetadata],\n  );\n  const [filters, setFilters] = useState<Record<string, string>>(() =>\n    readFiltersFromUrl(),\n  );\n  const listParameters = listEndpoint?.operation.parameters ?? [];\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(filters, listParameters),\n    [filters, listParameters],\n  );\n  const download = useMemo<ClickyDownloadOptions | undefined>(() => {\n    const meta = listEndpoint?.operation[\"x-clicky\"]?.export;\n    if (!meta) return undefined;\n    return {\n      label: definition.title,\n      ...(meta.formats\n        ? { formats: meta.formats as ClickyRemoteFormat[] }\n        : {}),\n      ...(meta.scopes ? { scopes: meta.scopes } : {}),\n      ...(meta.allRowsMode ? { allRowsMode: meta.allRowsMode } : {}),\n      ...(meta.formatMaxRows\n        ? {\n            formatMaxRows: meta.formatMaxRows as Partial<\n              Record<ClickyRemoteFormat, number>\n            >,\n          }\n        : {}),\n    };\n  }, [definition.title, listEndpoint]);\n\n  useEffect(() => {\n    writeFiltersToUrl(filters);\n  }, [filters]);\n\n  const list = useOperationPages({\n    client,\n    endpoint: listEndpoint,\n    parameters: listParameters,\n    filters,\n  });\n\n  // Only reaches a cursor the form itself holds — an offset-mode surface that\n  // stepped onto a cursor near the depth limit. A walk keeps its position in the\n  // query rather than in the form, and restarts itself from inside the hook.\n  useCursorStaleRecovery({\n    error: list.error,\n    parameters: listParameters,\n    values: filters,\n    setValues: setFilters,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      lookupParameters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        lookupParameters,\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && !!client.lookupFilters,\n    // Options are the answer to \"what can this filter be set to now\", so the\n    // previous answer stays on screen while the next one is fetched rather than\n    // the dropdowns emptying and refilling on every selection.\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // The list action bar shows only collection-scoped actions (create + bulk\n  // actions that operate on the filtered set). Entity-scoped actions\n  // (update/delete and per-id custom actions) need an {id}, so they live on the\n  // detail page (OperationEntityPage) instead. In the generic fallback the\n  // EndpointList already exposes every operation as a runnable card, so there is\n  // no separate action bar to guess at.\n  const actionOps = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceCollectionActions(domainOps, surfaceKey)\n        : [],\n    [domainOps, surfaceKey, useSurfaceMetadata],\n  );\n\n  const lookupSearch = useOperationFilterSearch(\n    client,\n    listEndpoint,\n    filters,\n    listParameters,\n  );\n\n  const filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n      lookupSearch,\n      components: filterShapes,\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, filterShapes, listParameters, lookupQuery.data, lookupSearch]);\n  const dataTablePagination = useMemo(\n    () => dataTablePaginationFromForm(filterBarConfig.pagination, list.response),\n    [filterBarConfig.pagination, list.response],\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre),\n      ),\n    [filterBarConfig.filters, filterPre],\n  );\n  const cellFilters = useMemo(\n    () =>\n      Object.fromEntries(\n        listParameters\n          .filter((parameter) => parameter[\"x-clicky\"]?.role === \"filter\")\n          .map((parameter) => [\n            parameter.name,\n            parseMultiFilterValue(filters[parameter.name] ?? \"\"),\n          ]),\n      ),\n    [filters, listParameters],\n  );\n  const onCellFilterChange = useCallback(\n    ({ key, value, mode }: CellFilterChange) => {\n      if (\n        !listParameters.some(\n          (parameter) =>\n            parameter.name === key && parameter[\"x-clicky\"]?.role === \"filter\",\n        )\n      ) {\n        throw new Error(\n          `Clicky table column references unknown filter parameter ${key}`,\n        );\n      }\n\n      setFilters((current) => {\n        const selected = parseMultiFilterValue(current[key] ?? \"\");\n        if (mode === undefined) {\n          delete selected[value];\n        } else {\n          selected[value] = mode;\n        }\n\n        const next = { ...current };\n        const serialized = serializeMultiFilterValue(selected);\n        if (serialized) {\n          next[key] = serialized;\n        } else {\n          delete next[key];\n        }\n\n        // Both positions go, for the reason rewind gives: filtering from a cell\n        // changes which rows exist, so an offset names different rows and a\n        // cursor minted under the old filters is refused outright.\n        const offset = listParameters.find(\n          (parameter) => parameter[\"x-clicky\"]?.role === \"offset\",\n        );\n        if (offset) next[offset.name] = \"0\";\n        const cursor = cursorParameterName(listParameters);\n        if (cursor) next[cursor] = \"\";\n        return next;\n      });\n    },\n    [listParameters],\n  );\n  const resultFilterConfig = useMemo<OperationResultFilterConfig>(\n    () => ({\n      filters: decoratedFilters,\n      cellFilters,\n      onCellFilterChange,\n      ...(filterBarConfig.search ? { search: filterBarConfig.search } : {}),\n      ...(filterBarConfig.timeRange\n        ? { timeRange: filterBarConfig.timeRange }\n        : {}),\n    }),\n    [\n      cellFilters,\n      decoratedFilters,\n      filterBarConfig.search,\n      filterBarConfig.timeRange,\n      onCellFilterChange,\n    ],\n  );\n\n  const showTable = !!listEndpoint;\n  let listError: unknown;\n  if (!list.isFetching) {\n    if (list.isError) {\n      listError = list.error;\n    } else if (list.response?.success === false) {\n      // A non-2xx that still carries a clicky envelope never throws, so this\n      // branch has to rebuild the error the client would have raised — with the\n      // request identity and raw body intact, not just the message.\n      listError = new OperationsApiClientError(\n        list.response.error ||\n          list.response.message ||\n          list.response.stderr ||\n          `Command failed with exit code ${list.response.exit_code}`,\n        {\n          method: listEndpoint?.method,\n          url: list.response.requestUrl,\n          responseBody: list.response.stdout,\n          responseData: list.response.parsed,\n          responseHeaders: list.response.responseHeaders,\n        },\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(listError, `Failed to load ${listEndpoint?.path ?? \"\"}`)\n      : undefined;\n  const tableResponse =\n    list.response?.success === false ? null : list.response;\n  // The walk is handed on only while there is one. Outside cursor mode `pages`\n  // would be a one-element array restating `response`, and a renderer reading\n  // it as \"the surface is accumulating\" would be wrong.\n  const walkProps = list.infinite\n    ? { pages: list.pages, infinite: list.infinite }\n    : {};\n  // Lock the current list filters into a bulk action (supportsFilterMode), so a\n  // collection action like \"pause\" runs against the same set the table shows.\n  // Entity-scoped actions never reach here (they live on the detail page).\n  function getActionLockedValues(\n    op: ResolvedOperation,\n  ): Record<string, string> {\n    const meta = getOperationClickyMeta(op);\n    if (meta == null || !meta.supportsFilterMode) {\n      return {};\n    }\n\n    const locked: Record<string, string> = {};\n    for (const param of op.operation.parameters ?? []) {\n      const value = filters[param.name];\n      if (param.in === \"query\" && value) {\n        locked[param.name] = value;\n      }\n    }\n\n    if (meta.idParam) {\n      locked[meta.idParam] = \"all\";\n    }\n\n    if (\n      (op.operation.parameters ?? []).some((param) => param.name === \"filter\")\n    ) {\n      locked.filter =\n        Object.entries(filters)\n          .filter(([, value]) => value)\n          .map(([key, value]) => `${key}=${value}`)\n          .join(\", \") || \"current list filters\";\n    }\n\n    return locked;\n  }\n\n  if (isLoading || (showTable && list.isPending && list.response == null)) {\n    return (\n      <Loading variant=\"centered\" label={`Loading ${definition.title}…`} />\n    );\n  }\n\n  const actionBar = (\n    <OperationActionBar\n      actions={actionOps}\n      client={client}\n      getLockedValues={getActionLockedValues}\n      onExecuted={() => list.refetch()}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(formPre ? { formPre } : {})}\n      {...(formPost ? { formPost } : {})}\n      {...(formActions ? { formActions } : {})}\n      {...(actionLabels ? { actionLabels } : {})}\n    />\n  );\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      data-slot=\"operation-catalog\"\n    >\n      {/* No title/description here by design: page headers and breadcrumbs are\n          the host's to define (e.g. an app shell's bodyHeader), so the catalog\n          never invents chrome the consumer would have to fight or duplicate. */}\n      {actionsContainer ? createPortal(actionBar, actionsContainer) : actionBar}\n\n      {showTable ? (\n        <div className=\"min-h-0 flex-1\" data-slot=\"operation-catalog-results\">\n          {(() => {\n            const defaultView = (\n              <OperationResultView\n                response={tableResponse}\n                loading={list.isFetching}\n                loadingMessage={`Loading ${definition.title} results…`}\n                emptyMessage=\"No records returned\"\n                ariaLabel={`${definition.title} results`}\n                className=\"mt-0 h-full min-h-0\"\n                detailOperation={detailOperation}\n                filterConfig={resultFilterConfig}\n                {...(tableError ? { error: tableError } : {})}\n                {...(commandRuntime ? { commandRuntime } : {})}\n                {...(dataTablePagination\n                  ? { pagination: dataTablePagination }\n                  : {})}\n                {...(filterBarConfig.sort\n                  ? { sort: filterBarConfig.sort }\n                  : {})}\n                {...(download ? { download } : {})}\n                {...walkProps}\n              />\n            );\n            return resultRenderer\n              ? resultRenderer({\n                  response: list.response,\n                  loading: list.isFetching,\n                  defaultView,\n                  filterConfig: resultFilterConfig,\n                  // A renderer that replaces the table owns the whole surface,\n                  // pager and download menu included. Without these it can only\n                  // drop them, which is how a replaced view silently loses the\n                  // ability to reach page two — or, under a walk, page one's\n                  // rows the moment page two arrives.\n                  ...(dataTablePagination\n                    ? { pagination: dataTablePagination }\n                    : {}),\n                  ...(filterBarConfig.sort\n                    ? { sort: filterBarConfig.sort }\n                    : {}),\n                  ...(download ? { download } : {}),\n                  ...(surfaceKey ? { surfaceKey } : {}),\n                  ...walkProps,\n                })\n              : defaultView;\n          })()}\n        </div>\n      ) : (\n        <EndpointList\n          operations={domainOps}\n          definition={definition}\n          renderLink={renderLink}\n          getCommandHref={getCommandHref}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction readFiltersFromUrl(): Record<string, string> {\n  if (typeof window === \"undefined\") return {};\n  const search = new URLSearchParams(window.location.search);\n  const values: Record<string, string> = {};\n  for (const [key, value] of search.entries()) {\n    if (key.startsWith(\"__\")) continue;\n    if (value !== \"\") values[key] = value;\n  }\n  return values;\n}\n\nfunction writeFiltersToUrl(filters: Record<string, string>) {\n  if (typeof window === \"undefined\") return;\n  const search = reservedSearchParamsFromUrl();\n  for (const [key, value] of Object.entries(filters)) {\n    if (value !== \"\") search.set(key, value);\n  }\n  const query = search.toString();\n  const next = `${window.location.pathname}${query ? `?${query}` : \"\"}${window.location.hash}`;\n  if (\n    next !==\n    `${window.location.pathname}${window.location.search}${window.location.hash}`\n  ) {\n    window.history.replaceState(window.history.state, \"\", next);\n  }\n}\n\nfunction reservedSearchParamsFromUrl() {\n  const current = new URLSearchParams(window.location.search);\n  const next = new URLSearchParams();\n  for (const [key, value] of current.entries()) {\n    if (!key.startsWith(\"__\")) continue;\n    if (key === \"__autoRun\" || key.startsWith(\"__arg\")) continue;\n    next.append(key, value);\n  }\n  return next;\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"OperationCatalog.js","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { useOperationPages } from \"./useOperationPages\";\nimport { filterOperationsByDomain } from \"./classify\";\nimport {\n  filterOperationsBySurface,\n  findSurfaceCollectionActions,\n  findSurfaceDetailOperation,\n  findSurfaceListOperation,\n  getOperationClickyMeta,\n} from \"./clickyMetadata\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n  ClickyRemoteFormat,\n  ClickyRow,\n} from \"../data/Clicky\";\nimport type { CellFilterChange } from \"../data/cells/CellFilterActions\";\nimport { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationCatalogActions } from \"./OperationCatalogActions\";\nimport { OperationsApiClientError } from \"./apiClient\";\nimport { renderOperationError } from \"./operationErrorDiagnostics\";\nimport {\n  OperationResultView,\n  type OperationResultFilterConfig,\n  type ResultRenderer,\n} from \"./OperationResultView\";\nimport { type FormActionsRenderer } from \"./SchemaActionForm\";\nimport {\n  applyFilterExtensions,\n  type FilterExtension,\n} from \"../components/filter-bar-utils\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\nimport {\n  type DomainDefinition,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packLookupParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\nimport { cursorParameterName, useCursorStaleRecovery } from \"./cursorStale\";\nimport { useOperationFilterSearch } from \"./operationFilterSearch\";\nimport {\n  parseMultiFilterValue,\n  serializeMultiFilterValue,\n} from \"../data/data-table-filter-values\";\nimport { Loading } from \"../components/loading\";\nimport { getClickyRowId } from \"./rowNavigation\";\nimport {\n  readOperationFiltersFromUrl,\n  writeOperationFiltersToUrl,\n} from \"./operationCatalogUrl\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  surfaceKey?: string;\n  // Domain-specific filter decorators (e.g. stamp an entity icon by filter\n  // name). Composed in array order; mirrors JsonSchemaForm's `pre`.\n  filterPre?: FilterExtension[];\n  getCommandHref?: (operationId: string, op: ResolvedOperation) => string;\n  renderError?: (err: unknown, title: string) => ReactNode;\n  commandRuntime?: ClickyCommandRuntime;\n  // Custom JsonSchemaForm field extensions forwarded to the create/edit form.\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  // Optional extra footer actions for the create/edit form (e.g. a connection\n  // \"Test\" button).\n  formActions?: FormActionsRenderer;\n  actionLabels?: Record<string, string>;\n  // Optional host override for the result surface, keyed off the current surface.\n  // Receives the default OperationResultView so non-overridden surfaces render\n  // unchanged.\n  resultRenderer?: ResultRenderer;\n  /**\n   * Portal target for the collection action bar (Create, bulk actions). When\n   * set, the bar renders into this element — typically an app shell's\n   * `bodyActions` slot — instead of inline under the catalog header.\n   *\n   * A portal rather than a render-prop because the bar owns its own dialog\n   * state and closes over the catalog's live filters and list query; moving the\n   * element would sever both. Falls back to inline rendering when null, so\n   * existing consumers are unaffected.\n   */\n  actionsContainer?: Element | null;\n  getRowDetailHref?: (id: string) => string | undefined;\n  actionInitialValues?: Record<string, Record<string, string>>;\n};\n\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = renderOperationError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n  getRowDetailHref,\n  actionInitialValues,\n}: OperationCatalogProps) {\n  const { operations, spec, isLoading } = useOperations(client);\n  const filterShapes = spec?.components?.[\"x-clicky-filters\"];\n\n  const surfaceOps = useMemo(\n    () => filterOperationsBySurface(operations, surfaceKey),\n    [operations, surfaceKey]\n  );\n  const useSurfaceMetadata = surfaceOps.length > 0;\n\n  const domainOps = useMemo(() => {\n    if (useSurfaceMetadata) return surfaceOps;\n    return allOperations\n      ? operations\n      : filterOperationsByDomain(operations, entities);\n  }, [allOperations, entities, operations, surfaceOps, useSurfaceMetadata]);\n\n  const listEndpoint = useMemo(() => {\n    if (!useSurfaceMetadata) return undefined;\n    return findSurfaceListOperation(domainOps, surfaceKey);\n  }, [domainOps, surfaceKey, useSurfaceMetadata]);\n  const detailOperation = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceDetailOperation(domainOps, surfaceKey)\n        : undefined,\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const [filters, setFilters] = useState<Record<string, string>>(() =>\n    readOperationFiltersFromUrl()\n  );\n  const [selectedRowIds, setSelectedRowIds] = useState<string[]>([]);\n  const [selectedRows, setSelectedRows] = useState<ClickyRow[]>([]);\n  const listParameters = listEndpoint?.operation.parameters ?? [];\n  const lookupParameters = useMemo(\n    () => packLookupParameterValues(filters, listParameters),\n    [filters, listParameters]\n  );\n  const download = useMemo<ClickyDownloadOptions | undefined>(() => {\n    const meta = listEndpoint?.operation[\"x-clicky\"]?.export;\n    if (!meta) return undefined;\n    return {\n      label: definition.title,\n      ...(meta.formats\n        ? { formats: meta.formats as ClickyRemoteFormat[] }\n        : {}),\n      ...(meta.scopes ? { scopes: meta.scopes } : {}),\n      ...(meta.allRowsMode ? { allRowsMode: meta.allRowsMode } : {}),\n      ...(meta.formatMaxRows\n        ? {\n            formatMaxRows: meta.formatMaxRows as Partial<\n              Record<ClickyRemoteFormat, number>\n            >,\n          }\n        : {}),\n    };\n  }, [definition.title, listEndpoint]);\n\n  useEffect(() => {\n    writeOperationFiltersToUrl(\n      filters,\n      listParameters.map((parameter) => parameter.name)\n    );\n  }, [filters, listParameters]);\n\n  const list = useOperationPages({\n    client,\n    endpoint: listEndpoint,\n    parameters: listParameters,\n    filters,\n  });\n\n  useCursorStaleRecovery({\n    error: list.error,\n    parameters: listParameters,\n    values: filters,\n    setValues: setFilters,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      lookupParameters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        lookupParameters,\n        { Accept: \"application/json+clicky\" }\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && !!client.lookupFilters,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const actionOps = useMemo(\n    () =>\n      useSurfaceMetadata\n        ? findSurfaceCollectionActions(domainOps, surfaceKey)\n        : [],\n    [domainOps, surfaceKey, useSurfaceMetadata]\n  );\n  const selectionActionOps = useMemo(\n    () =>\n      actionOps.filter(\n        (operation) => getOperationClickyMeta(operation)?.supportsFilterMode\n      ),\n    [actionOps]\n  );\n\n  const lookupSearch = useOperationFilterSearch(\n    client,\n    listEndpoint,\n    filters,\n    listParameters\n  );\n\n  const filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n      lookupSearch,\n      components: filterShapes,\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, filterShapes, listParameters, lookupQuery.data, lookupSearch]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, list.response),\n    [filterBarConfig.pagination, list.response]\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre)\n      ),\n    [filterBarConfig.filters, filterPre]\n  );\n  const cellFilters = useMemo(\n    () =>\n      Object.fromEntries(\n        listParameters\n          .filter((parameter) => parameter[\"x-clicky\"]?.role === \"filter\")\n          .map((parameter) => [\n            parameter.name,\n            parseMultiFilterValue(filters[parameter.name] ?? \"\"),\n          ])\n      ),\n    [filters, listParameters]\n  );\n  const onCellFilterChange = useCallback(\n    ({ key, value, mode }: CellFilterChange) => {\n      if (\n        !listParameters.some(\n          (parameter) =>\n            parameter.name === key && parameter[\"x-clicky\"]?.role === \"filter\"\n        )\n      ) {\n        throw new Error(\n          `Clicky table column references unknown filter parameter ${key}`\n        );\n      }\n\n      setFilters((current) => {\n        const selected = parseMultiFilterValue(current[key] ?? \"\");\n        if (mode === undefined) {\n          delete selected[value];\n        } else {\n          selected[value] = mode;\n        }\n\n        const next = { ...current };\n        const serialized = serializeMultiFilterValue(selected);\n        if (serialized) {\n          next[key] = serialized;\n        } else {\n          delete next[key];\n        }\n\n        const offset = listParameters.find(\n          (parameter) => parameter[\"x-clicky\"]?.role === \"offset\"\n        );\n        if (offset) next[offset.name] = \"0\";\n        const cursor = cursorParameterName(listParameters);\n        if (cursor) next[cursor] = \"\";\n        return next;\n      });\n    },\n    [listParameters]\n  );\n  const resultFilterConfig = useMemo<OperationResultFilterConfig>(\n    () => ({\n      filters: decoratedFilters,\n      cellFilters,\n      onCellFilterChange,\n      ...(filterBarConfig.search ? { search: filterBarConfig.search } : {}),\n      ...(filterBarConfig.timeRange\n        ? { timeRange: filterBarConfig.timeRange }\n        : {}),\n    }),\n    [\n      cellFilters,\n      decoratedFilters,\n      filterBarConfig.search,\n      filterBarConfig.timeRange,\n      onCellFilterChange,\n    ]\n  );\n\n  const showTable = !!listEndpoint;\n  let listError: unknown;\n  if (!list.isFetching) {\n    if (list.isError) {\n      listError = list.error;\n    } else if (list.response?.success === false) {\n      listError = new OperationsApiClientError(\n        list.response.error ||\n          list.response.message ||\n          list.response.stderr ||\n          `Command failed with exit code ${list.response.exit_code}`,\n        {\n          method: listEndpoint?.method,\n          url: list.response.requestUrl,\n          responseBody: list.response.stdout,\n          responseData: list.response.parsed,\n          responseHeaders: list.response.responseHeaders,\n        }\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(listError, `Failed to load ${listEndpoint?.path ?? \"\"}`)\n      : undefined;\n  const tableResponse = list.response?.success === false ? null : list.response;\n  const walkProps = list.infinite\n    ? { pages: list.pages, infinite: list.infinite }\n    : {};\n  if (isLoading || (showTable && list.isPending && list.response == null)) {\n    return (\n      <Loading variant=\"centered\" label={`Loading ${definition.title}…`} />\n    );\n  }\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-2\"\n      data-slot=\"operation-catalog\"\n    >\n      {/* No title/description here by design: page headers and breadcrumbs are\n          the host's to define (e.g. an app shell's bodyHeader), so the catalog\n          never invents chrome the consumer would have to fight or duplicate. */}\n      <OperationCatalogActions\n        actions={actionOps}\n        selectionActions={selectionActionOps}\n        filters={filters}\n        filterParameterNames={listParameters.map(\n          (parameter) => parameter.name\n        )}\n        selectedRowIds={selectedRowIds}\n        selectedRows={selectedRows}\n        clearSelection={() => {\n          setSelectedRowIds([]);\n          setSelectedRows([]);\n        }}\n        onExecuted={() => list.refetch()}\n        {...(actionsContainer ? { actionsContainer } : {})}\n        {...(actionInitialValues\n          ? { initialValuesByAction: actionInitialValues }\n          : {})}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(formPre ? { formPre } : {})}\n        {...(formPost ? { formPost } : {})}\n        {...(formActions ? { formActions } : {})}\n        {...(actionLabels ? { actionLabels } : {})}\n        client={client}\n      />\n\n      {showTable ? (\n        <div className=\"min-h-0 flex-1\" data-slot=\"operation-catalog-results\">\n          {(() => {\n            const defaultView = (\n              <OperationResultView\n                response={tableResponse}\n                loading={list.isFetching}\n                loadingMessage={`Loading ${definition.title} results…`}\n                emptyMessage=\"No records returned\"\n                ariaLabel={`${definition.title} results`}\n                className=\"mt-0 h-full min-h-0\"\n                detailOperation={detailOperation}\n                {...(getRowDetailHref ? { getRowDetailHref } : {})}\n                {...(selectionActionOps.length > 0\n                  ? {\n                      rowSelection: {\n                        selectedRowIds,\n                        onSelectionChange: (\n                          ids: string[],\n                          rows: ClickyRow[]\n                        ) => {\n                          setSelectedRowIds(ids);\n                          setSelectedRows(rows);\n                        },\n                        getRowId: (row: ClickyRow) => {\n                          const id = getClickyRowId(row);\n                          if (!id) {\n                            throw new Error(\n                              \"Clicky bulk action row is missing an _id or id cell\"\n                            );\n                          }\n                          return id;\n                        },\n                        isRowSelectable: (row: ClickyRow) =>\n                          getClickyRowId(row) != null,\n                      },\n                    }\n                  : {})}\n                filterConfig={resultFilterConfig}\n                {...(tableError ? { error: tableError } : {})}\n                {...(commandRuntime ? { commandRuntime } : {})}\n                {...(dataTablePagination\n                  ? { pagination: dataTablePagination }\n                  : {})}\n                {...(filterBarConfig.sort\n                  ? { sort: filterBarConfig.sort }\n                  : {})}\n                {...(download ? { download } : {})}\n                {...walkProps}\n              />\n            );\n            return resultRenderer\n              ? resultRenderer({\n                  response: list.response,\n                  loading: list.isFetching,\n                  defaultView,\n                  filterConfig: resultFilterConfig,\n                  // A renderer that replaces the table owns the whole surface,\n                  // pager and download menu included. Without these it can only\n                  // drop them, which is how a replaced view silently loses the\n                  // ability to reach page two — or, under a walk, page one's\n                  // rows the moment page two arrives.\n                  ...(dataTablePagination\n                    ? { pagination: dataTablePagination }\n                    : {}),\n                  ...(filterBarConfig.sort\n                    ? { sort: filterBarConfig.sort }\n                    : {}),\n                  ...(download ? { download } : {}),\n                  ...(surfaceKey ? { surfaceKey } : {}),\n                  ...walkProps,\n                })\n              : defaultView;\n          })()}\n        </div>\n      ) : (\n        <EndpointList\n          operations={domainOps}\n          definition={definition}\n          renderLink={renderLink}\n          getCommandHref={getCommandHref}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4GA,MAAM,qBAAqB,CAAC,gBAAwB,aAAa,WAAW;AAErE,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;;AACxB,QAAM,EAAE,YAAY,MAAM,UAAA,IAAc,cAAc,MAAM;AAC5D,QAAM,gBAAe,kCAAM,eAAN,mBAAmB;AAExC,QAAM,aAAa;AAAA,IACjB,MAAM,0BAA0B,YAAY,UAAU;AAAA,IACtD,CAAC,YAAY,UAAU;AAAA,EAAA;AAEzB,QAAM,qBAAqB,WAAW,SAAS;AAE/C,QAAM,YAAY,QAAQ,MAAM;AAC9B,QAAI,mBAAoB,QAAO;AAC/B,WAAO,gBACH,aACA,yBAAyB,YAAY,QAAQ;AAAA,EACnD,GAAG,CAAC,eAAe,UAAU,YAAY,YAAY,kBAAkB,CAAC;AAExE,QAAM,eAAe,QAAQ,MAAM;AACjC,QAAI,CAAC,mBAAoB,QAAO;AAChC,WAAO,yBAAyB,WAAW,UAAU;AAAA,EACvD,GAAG,CAAC,WAAW,YAAY,kBAAkB,CAAC;AAC9C,QAAM,kBAAkB;AAAA,IACtB,MACE,qBACI,2BAA2B,WAAW,UAAU,IAChD;AAAA,IACN,CAAC,WAAW,YAAY,kBAAkB;AAAA,EAAA;AAE5C,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAAiC,MAC7D,4BAAA;AAAA,EAA4B;AAE9B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAmB,CAAA,CAAE;AACjE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAChE,QAAM,kBAAiB,6CAAc,UAAU,eAAc,CAAA;AAC7D,QAAM,mBAAmB;AAAA,IACvB,MAAM,0BAA0B,SAAS,cAAc;AAAA,IACvD,CAAC,SAAS,cAAc;AAAA,EAAA;AAE1B,QAAM,WAAW,QAA2C,MAAM;;AAChE,UAAM,QAAOA,MAAA,6CAAc,UAAU,gBAAxB,gBAAAA,IAAqC;AAClD,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO;AAAA,MACL,OAAO,WAAW;AAAA,MAClB,GAAI,KAAK,UACL,EAAE,SAAS,KAAK,QAAA,IAChB,CAAA;AAAA,MACJ,GAAI,KAAK,SAAS,EAAE,QAAQ,KAAK,OAAA,IAAW,CAAA;AAAA,MAC5C,GAAI,KAAK,cAAc,EAAE,aAAa,KAAK,YAAA,IAAgB,CAAA;AAAA,MAC3D,GAAI,KAAK,gBACL;AAAA,QACE,eAAe,KAAK;AAAA,MAAA,IAItB,CAAA;AAAA,IAAC;AAAA,EAET,GAAG,CAAC,WAAW,OAAO,YAAY,CAAC;AAEnC,YAAU,MAAM;AACd;AAAA,MACE;AAAA,MACA,eAAe,IAAI,CAAC,cAAc,UAAU,IAAI;AAAA,IAAA;AAAA,EAEpD,GAAG,CAAC,SAAS,cAAc,CAAC;AAE5B,QAAM,OAAO,kBAAkB;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,EAAA,CACD;AAED,yBAAuB;AAAA,IACrB,OAAO,KAAK;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,EAAA,CACZ;AAED,QAAM,cAAc,SAAkC;AAAA,IACpD,UAAU;AAAA,MACR;AAAA,MACA,6CAAc;AAAA,MACd,6CAAc;AAAA,MACd;AAAA,IAAA;AAAA,IAEF,SAAS,YAAA;;AACN,qBAAMA,MAAA,OAAO,kBAAP,gBAAAA,IAAA;AAAA;AAAA,QACL,aAAc;AAAA,QACd,aAAc;AAAA,QACd;AAAA,QACA,EAAE,QAAQ,0BAAA;AAAA,YACN,EAAE,SAAS,GAAC;AAAA;AAAA,IACpB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO;AAAA,IACpC,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,OAAO;AAAA,EAAA,CACR;AAED,QAAM,YAAY;AAAA,IAChB,MACE,qBACI,6BAA6B,WAAW,UAAU,IAClD,CAAA;AAAA,IACN,CAAC,WAAW,YAAY,kBAAkB;AAAA,EAAA;AAE5C,QAAM,qBAAqB;AAAA,IACzB,MACE,UAAU;AAAA,MACR,CAAC,cAAA;;AAAc,gBAAAA,MAAA,uBAAuB,SAAS,MAAhC,gBAAAA,IAAmC;AAAA;AAAA,IAAA;AAAA,IAEtD,CAAC,SAAS;AAAA,EAAA;AAGZ,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,kBAAkB,QAAQ,MAAM;AACpC,UAAM,UAAgC;AAAA,MACpC,kBAAkB,CAAC,OAAO;AAAA,MAC1B;AAAA,MACA,YAAY;AAAA,IAAA;AAEd,QAAI,YAAY,QAAQ,MAAM;AAC5B,cAAQ,SAAS,YAAY;AAAA,IAC/B;AACA,WAAO,uBAAuB,gBAAgB,SAAS,YAAY,OAAO;AAAA,EAC5E,GAAG,CAAC,SAAS,cAAc,gBAAgB,YAAY,MAAM,YAAY,CAAC;AAC1E,QAAM,sBAAsB;AAAA,IAC1B,MACE,4BAA4B,gBAAgB,YAAY,KAAK,QAAQ;AAAA,IACvE,CAAC,gBAAgB,YAAY,KAAK,QAAQ;AAAA,EAAA;AAE5C,QAAM,mBAAmB;AAAA,IACvB,MACE,gBAAgB,QAAQ;AAAA,MAAI,CAAC,WAC3B,sBAAsB,QAAQ,SAAS;AAAA,IAAA;AAAA,IAE3C,CAAC,gBAAgB,SAAS,SAAS;AAAA,EAAA;AAErC,QAAM,cAAc;AAAA,IAClB,MACE,OAAO;AAAA,MACL,eACG,OAAO,CAAC,cAAA;;AAAc,iBAAAA,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA,OAAQ,EAC9D,IAAI,CAAC,cAAc;AAAA,QAClB,UAAU;AAAA,QACV,sBAAsB,QAAQ,UAAU,IAAI,KAAK,EAAE;AAAA,MAAA,CACpD;AAAA,IAAA;AAAA,IAEP,CAAC,SAAS,cAAc;AAAA,EAAA;AAE1B,QAAM,qBAAqB;AAAA,IACzB,CAAC,EAAE,KAAK,OAAO,WAA6B;AAC1C,UACE,CAAC,eAAe;AAAA,QACd,CAAC;;AACC,2BAAU,SAAS,SAAOA,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA;AAAA,MAAA,GAE9D;AACA,cAAM,IAAI;AAAA,UACR,2DAA2D,GAAG;AAAA,QAAA;AAAA,MAElE;AAEA,iBAAW,CAAC,YAAY;AACtB,cAAM,WAAW,sBAAsB,QAAQ,GAAG,KAAK,EAAE;AACzD,YAAI,SAAS,QAAW;AACtB,iBAAO,SAAS,KAAK;AAAA,QACvB,OAAO;AACL,mBAAS,KAAK,IAAI;AAAA,QACpB;AAEA,cAAM,OAAO,EAAE,GAAG,QAAA;AAClB,cAAM,aAAa,0BAA0B,QAAQ;AACrD,YAAI,YAAY;AACd,eAAK,GAAG,IAAI;AAAA,QACd,OAAO;AACL,iBAAO,KAAK,GAAG;AAAA,QACjB;AAEA,cAAM,SAAS,eAAe;AAAA,UAC5B,CAAC,cAAA;;AAAc,qBAAAA,MAAA,UAAU,UAAU,MAApB,gBAAAA,IAAuB,UAAS;AAAA;AAAA,QAAA;AAEjD,YAAI,OAAQ,MAAK,OAAO,IAAI,IAAI;AAChC,cAAM,SAAS,oBAAoB,cAAc;AACjD,YAAI,OAAQ,MAAK,MAAM,IAAI;AAC3B,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,cAAc;AAAA,EAAA;AAEjB,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,GAAI,gBAAgB,SAAS,EAAE,QAAQ,gBAAgB,OAAA,IAAW,CAAA;AAAA,MAClE,GAAI,gBAAgB,YAChB,EAAE,WAAW,gBAAgB,UAAA,IAC7B,CAAA;AAAA,IAAC;AAAA,IAEP;AAAA,MACE;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB;AAAA,IAAA;AAAA,EACF;AAGF,QAAM,YAAY,CAAC,CAAC;AACpB,MAAI;AACJ,MAAI,CAAC,KAAK,YAAY;AACpB,QAAI,KAAK,SAAS;AAChB,kBAAY,KAAK;AAAA,IACnB,aAAW,UAAK,aAAL,mBAAe,aAAY,OAAO;AAC3C,kBAAY,IAAI;AAAA,QACd,KAAK,SAAS,SACZ,KAAK,SAAS,WACd,KAAK,SAAS,UACd,iCAAiC,KAAK,SAAS,SAAS;AAAA,QAC1D;AAAA,UACE,QAAQ,6CAAc;AAAA,UACtB,KAAK,KAAK,SAAS;AAAA,UACnB,cAAc,KAAK,SAAS;AAAA,UAC5B,cAAc,KAAK,SAAS;AAAA,UAC5B,iBAAiB,KAAK,SAAS;AAAA,QAAA;AAAA,MACjC;AAAA,IAEJ;AAAA,EACF;AACA,QAAM,aACJ,cAAc,SACV,YAAY,WAAW,mBAAkB,6CAAc,SAAQ,EAAE,EAAE,IACnE;AACN,QAAM,kBAAgB,UAAK,aAAL,mBAAe,aAAY,QAAQ,OAAO,KAAK;AACrE,QAAM,YAAY,KAAK,WACnB,EAAE,OAAO,KAAK,OAAO,UAAU,KAAK,SAAA,IACpC,CAAA;AACJ,MAAI,aAAc,aAAa,KAAK,aAAa,KAAK,YAAY,MAAO;AACvE,WACE,oBAAC,WAAQ,SAAQ,YAAW,OAAO,WAAW,WAAW,KAAK,IAAA,CAAK;AAAA,EAEvE;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,MAKV,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,kBAAkB;AAAA,YAClB;AAAA,YACA,sBAAsB,eAAe;AAAA,cACnC,CAAC,cAAc,UAAU;AAAA,YAAA;AAAA,YAE3B;AAAA,YACA;AAAA,YACA,gBAAgB,MAAM;AACpB,gCAAkB,CAAA,CAAE;AACpB,8BAAgB,CAAA,CAAE;AAAA,YACpB;AAAA,YACA,YAAY,MAAM,KAAK,QAAA;AAAA,YACtB,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,YAC9C,GAAI,sBACD,EAAE,uBAAuB,oBAAA,IACzB,CAAA;AAAA,YACH,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,YAC1C,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,YAC5B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,YACpC,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,YACvC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,YACC,oBAAC,OAAA,EAAI,WAAU,kBAAiB,aAAU,6BACtC,WAAA,MAAM;AACN,gBAAM,cACJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,SAAS,KAAK;AAAA,cACd,gBAAgB,WAAW,WAAW,KAAK;AAAA,cAC3C,cAAa;AAAA,cACb,WAAW,GAAG,WAAW,KAAK;AAAA,cAC9B,WAAU;AAAA,cACV;AAAA,cACC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,cAC9C,GAAI,mBAAmB,SAAS,IAC7B;AAAA,gBACE,cAAc;AAAA,kBACZ;AAAA,kBACA,mBAAmB,CACjB,KACA,SACG;AACH,sCAAkB,GAAG;AACrB,oCAAgB,IAAI;AAAA,kBACtB;AAAA,kBACA,UAAU,CAAC,QAAmB;AAC5B,0BAAM,KAAK,eAAe,GAAG;AAC7B,wBAAI,CAAC,IAAI;AACP,4BAAM,IAAI;AAAA,wBACR;AAAA,sBAAA;AAAA,oBAEJ;AACA,2BAAO;AAAA,kBACT;AAAA,kBACA,iBAAiB,CAAC,QAChB,eAAe,GAAG,KAAK;AAAA,gBAAA;AAAA,cAC3B,IAEF,CAAA;AAAA,cACJ,cAAc;AAAA,cACb,GAAI,aAAa,EAAE,OAAO,WAAA,IAAe,CAAA;AAAA,cACzC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,cAC1C,GAAI,sBACD,EAAE,YAAY,oBAAA,IACd,CAAA;AAAA,cACH,GAAI,gBAAgB,OACjB,EAAE,MAAM,gBAAgB,KAAA,IACxB,CAAA;AAAA,cACH,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,cAC9B,GAAG;AAAA,YAAA;AAAA,UAAA;AAGR,iBAAO,iBACH,eAAe;AAAA,YACb,UAAU,KAAK;AAAA,YACf,SAAS,KAAK;AAAA,YACd;AAAA,YACA,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMd,GAAI,sBACA,EAAE,YAAY,oBAAA,IACd,CAAA;AAAA,YACJ,GAAI,gBAAgB,OAChB,EAAE,MAAM,gBAAgB,KAAA,IACxB,CAAA;AAAA,YACJ,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,YAC9B,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,YAClC,GAAG;AAAA,UAAA,CACJ,IACD;AAAA,QACN,GAAA,GACF,IAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/rpc/OperationCatalogActions.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const reactDom = require("react-dom");
+const clickyMetadata = require("./clickyMetadata.cjs");
+const OperationActionBar = require("./OperationActionBar.cjs");
+function OperationCatalogActions({
+  actions,
+  selectionActions,
+  filters,
+  filterParameterNames,
+  selectedRowIds,
+  selectedRows,
+  clearSelection,
+  onExecuted,
+  actionsContainer,
+  ...actionProps
+}) {
+  function getActionLockedValues(operation) {
+    const meta = clickyMetadata.getOperationClickyMeta(operation);
+    if (meta == null || !meta.supportsFilterMode) return {};
+    const locked = {};
+    for (const parameter of operation.operation.parameters ?? []) {
+      const value = filters[parameter.name];
+      if (parameter.in === "query" && value) locked[parameter.name] = value;
+    }
+    if (meta.idParam) locked[meta.idParam] = "all";
+    if ((operation.operation.parameters ?? []).some(
+      (parameter) => parameter.name === "filter"
+    )) {
+      locked.filter = Object.entries(filters).filter(([, value]) => value).map(([key, value]) => `${key}=${value}`).join(", ") || "current list filters";
+    }
+    return locked;
+  }
+  const excludedParameterNames = [
+    ...filterParameterNames,
+    "args",
+    "id",
+    "filter"
+  ];
+  const actionBar = /* @__PURE__ */ jsxRuntime.jsx(
+    OperationActionBar.OperationActionBar,
+    {
+      ...actionProps,
+      actions,
+      getLockedValues: getActionLockedValues,
+      onExecuted,
+      hideLockedInForm: true,
+      excludedParameterNames
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    actionsContainer ? reactDom.createPortal(actionBar, actionsContainer) : actionBar,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      OperationActionBar.OperationActionBar,
+      {
+        ...actionProps,
+        actions: selectionActions,
+        selection: { selectedRowIds, selectedRows, clearSelection },
+        getLockedValues: () => ({ filter: "" }),
+        getRequestValues: () => ({ args: selectedRowIds }),
+        excludedParameterNames,
+        onExecuted
+      }
+    )
+  ] });
+}
+exports.OperationCatalogActions = OperationCatalogActions;
+//# sourceMappingURL=OperationCatalogActions.cjs.map

package/dist/rpc/OperationCatalogActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCatalogActions.cjs","sources":["../../src/rpc/OperationCatalogActions.tsx"],"sourcesContent":["import { createPortal } from \"react-dom\";\nimport type { ClickyRow } from \"../data/Clicky\";\nimport { getOperationClickyMeta } from \"./clickyMetadata\";\nimport {\n  OperationActionBar,\n  type OperationActionBarProps,\n} from \"./OperationActionBar\";\nimport type { ResolvedOperation } from \"./types\";\n\ntype OperationCatalogActionsProps = Pick<\n  OperationActionBarProps,\n  | \"client\"\n  | \"commandRuntime\"\n  | \"formPre\"\n  | \"formPost\"\n  | \"formActions\"\n  | \"actionLabels\"\n  | \"initialValuesByAction\"\n> & {\n  actions: ResolvedOperation[];\n  selectionActions: ResolvedOperation[];\n  filters: Record<string, string>;\n  filterParameterNames: string[];\n  selectedRowIds: string[];\n  selectedRows: ClickyRow[];\n  clearSelection: () => void;\n  onExecuted: () => void | Promise<void>;\n  actionsContainer?: Element | null;\n};\n\nexport function OperationCatalogActions({\n  actions,\n  selectionActions,\n  filters,\n  filterParameterNames,\n  selectedRowIds,\n  selectedRows,\n  clearSelection,\n  onExecuted,\n  actionsContainer,\n  ...actionProps\n}: OperationCatalogActionsProps) {\n  function getActionLockedValues(\n    operation: ResolvedOperation\n  ): Record<string, string> {\n    const meta = getOperationClickyMeta(operation);\n    if (meta == null || !meta.supportsFilterMode) return {};\n\n    const locked: Record<string, string> = {};\n    for (const parameter of operation.operation.parameters ?? []) {\n      const value = filters[parameter.name];\n      if (parameter.in === \"query\" && value) locked[parameter.name] = value;\n    }\n    if (meta.idParam) locked[meta.idParam] = \"all\";\n    if (\n      (operation.operation.parameters ?? []).some(\n        (parameter) => parameter.name === \"filter\"\n      )\n    ) {\n      locked.filter =\n        Object.entries(filters)\n          .filter(([, value]) => value)\n          .map(([key, value]) => `${key}=${value}`)\n          .join(\", \") || \"current list filters\";\n    }\n    return locked;\n  }\n\n  const excludedParameterNames = [\n    ...filterParameterNames,\n    \"args\",\n    \"id\",\n    \"filter\",\n  ];\n  const actionBar = (\n    <OperationActionBar\n      {...actionProps}\n      actions={actions}\n      getLockedValues={getActionLockedValues}\n      onExecuted={onExecuted}\n      hideLockedInForm\n      excludedParameterNames={excludedParameterNames}\n    />\n  );\n\n  return (\n    <>\n      {actionsContainer ? createPortal(actionBar, actionsContainer) : actionBar}\n      <OperationActionBar\n        {...actionProps}\n        actions={selectionActions}\n        selection={{ selectedRowIds, selectedRows, clearSelection }}\n        getLockedValues={() => ({ filter: \"\" })}\n        getRequestValues={() => ({ args: selectedRowIds })}\n        excludedParameterNames={excludedParameterNames}\n        onExecuted={onExecuted}\n      />\n    </>\n  );\n}\n"],"names":["getOperationClickyMeta","jsx","OperationActionBar","jsxs","Fragment","createPortal"],"mappings":";;;;;;AA8BO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,WAAS,sBACP,WACwB;AACxB,UAAM,OAAOA,eAAAA,uBAAuB,SAAS;AAC7C,QAAI,QAAQ,QAAQ,CAAC,KAAK,2BAA2B,CAAA;AAErD,UAAM,SAAiC,CAAA;AACvC,eAAW,aAAa,UAAU,UAAU,cAAc,CAAA,GAAI;AAC5D,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,UAAU,OAAO,WAAW,MAAO,QAAO,UAAU,IAAI,IAAI;AAAA,IAClE;AACA,QAAI,KAAK,QAAS,QAAO,KAAK,OAAO,IAAI;AACzC,SACG,UAAU,UAAU,cAAc,CAAA,GAAI;AAAA,MACrC,CAAC,cAAc,UAAU,SAAS;AAAA,IAAA,GAEpC;AACA,aAAO,SACL,OAAO,QAAQ,OAAO,EACnB,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,KAAK,EAC3B,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,EACvC,KAAK,IAAI,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,yBAAyB;AAAA,IAC7B,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,YACJC,2BAAAA;AAAAA,IAACC,mBAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,kBAAgB;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAIJ,SACEC,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,mBAAmBC,SAAAA,aAAa,WAAW,gBAAgB,IAAI;AAAA,IAChEJ,2BAAAA;AAAAA,MAACC,mBAAAA;AAAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,EAAE,gBAAgB,cAAc,eAAA;AAAA,QAC3C,iBAAiB,OAAO,EAAE,QAAQ;QAClC,kBAAkB,OAAO,EAAE,MAAM;QACjC;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

package/dist/rpc/OperationCatalogActions.d.ts

@@ -0,0 +1,17 @@
+import { ClickyRow } from '../data/Clicky';
+import { OperationActionBarProps } from './OperationActionBar';
+import { ResolvedOperation } from './types';
+type OperationCatalogActionsProps = Pick<OperationActionBarProps, "client" | "commandRuntime" | "formPre" | "formPost" | "formActions" | "actionLabels" | "initialValuesByAction"> & {
+    actions: ResolvedOperation[];
+    selectionActions: ResolvedOperation[];
+    filters: Record<string, string>;
+    filterParameterNames: string[];
+    selectedRowIds: string[];
+    selectedRows: ClickyRow[];
+    clearSelection: () => void;
+    onExecuted: () => void | Promise<void>;
+    actionsContainer?: Element | null;
+};
+export declare function OperationCatalogActions({ actions, selectionActions, filters, filterParameterNames, selectedRowIds, selectedRows, clearSelection, onExecuted, actionsContainer, ...actionProps }: OperationCatalogActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OperationCatalogActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCatalogActions.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationCatalogActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,4BAA4B,GAAG,IAAI,CACtC,uBAAuB,EACrB,QAAQ,GACR,gBAAgB,GAChB,SAAS,GACT,UAAU,GACV,aAAa,GACb,cAAc,GACd,uBAAuB,CAC1B,GAAG;IACF,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,gBAAgB,EAAE,iBAAiB,EAAE,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,OAAO,EACP,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,GAAG,WAAW,EACf,EAAE,4BAA4B,2CA0D9B"}

package/dist/rpc/OperationCatalogActions.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { getOperationClickyMeta } from "./clickyMetadata.js";
+import { OperationActionBar } from "./OperationActionBar.js";
+function OperationCatalogActions({
+  actions,
+  selectionActions,
+  filters,
+  filterParameterNames,
+  selectedRowIds,
+  selectedRows,
+  clearSelection,
+  onExecuted,
+  actionsContainer,
+  ...actionProps
+}) {
+  function getActionLockedValues(operation) {
+    const meta = getOperationClickyMeta(operation);
+    if (meta == null || !meta.supportsFilterMode) return {};
+    const locked = {};
+    for (const parameter of operation.operation.parameters ?? []) {
+      const value = filters[parameter.name];
+      if (parameter.in === "query" && value) locked[parameter.name] = value;
+    }
+    if (meta.idParam) locked[meta.idParam] = "all";
+    if ((operation.operation.parameters ?? []).some(
+      (parameter) => parameter.name === "filter"
+    )) {
+      locked.filter = Object.entries(filters).filter(([, value]) => value).map(([key, value]) => `${key}=${value}`).join(", ") || "current list filters";
+    }
+    return locked;
+  }
+  const excludedParameterNames = [
+    ...filterParameterNames,
+    "args",
+    "id",
+    "filter"
+  ];
+  const actionBar = /* @__PURE__ */ jsx(
+    OperationActionBar,
+    {
+      ...actionProps,
+      actions,
+      getLockedValues: getActionLockedValues,
+      onExecuted,
+      hideLockedInForm: true,
+      excludedParameterNames
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    actionsContainer ? createPortal(actionBar, actionsContainer) : actionBar,
+    /* @__PURE__ */ jsx(
+      OperationActionBar,
+      {
+        ...actionProps,
+        actions: selectionActions,
+        selection: { selectedRowIds, selectedRows, clearSelection },
+        getLockedValues: () => ({ filter: "" }),
+        getRequestValues: () => ({ args: selectedRowIds }),
+        excludedParameterNames,
+        onExecuted
+      }
+    )
+  ] });
+}
+export {
+  OperationCatalogActions
+};
+//# sourceMappingURL=OperationCatalogActions.js.map

package/dist/rpc/OperationCatalogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationCatalogActions.js","sources":["../../src/rpc/OperationCatalogActions.tsx"],"sourcesContent":["import { createPortal } from \"react-dom\";\nimport type { ClickyRow } from \"../data/Clicky\";\nimport { getOperationClickyMeta } from \"./clickyMetadata\";\nimport {\n  OperationActionBar,\n  type OperationActionBarProps,\n} from \"./OperationActionBar\";\nimport type { ResolvedOperation } from \"./types\";\n\ntype OperationCatalogActionsProps = Pick<\n  OperationActionBarProps,\n  | \"client\"\n  | \"commandRuntime\"\n  | \"formPre\"\n  | \"formPost\"\n  | \"formActions\"\n  | \"actionLabels\"\n  | \"initialValuesByAction\"\n> & {\n  actions: ResolvedOperation[];\n  selectionActions: ResolvedOperation[];\n  filters: Record<string, string>;\n  filterParameterNames: string[];\n  selectedRowIds: string[];\n  selectedRows: ClickyRow[];\n  clearSelection: () => void;\n  onExecuted: () => void | Promise<void>;\n  actionsContainer?: Element | null;\n};\n\nexport function OperationCatalogActions({\n  actions,\n  selectionActions,\n  filters,\n  filterParameterNames,\n  selectedRowIds,\n  selectedRows,\n  clearSelection,\n  onExecuted,\n  actionsContainer,\n  ...actionProps\n}: OperationCatalogActionsProps) {\n  function getActionLockedValues(\n    operation: ResolvedOperation\n  ): Record<string, string> {\n    const meta = getOperationClickyMeta(operation);\n    if (meta == null || !meta.supportsFilterMode) return {};\n\n    const locked: Record<string, string> = {};\n    for (const parameter of operation.operation.parameters ?? []) {\n      const value = filters[parameter.name];\n      if (parameter.in === \"query\" && value) locked[parameter.name] = value;\n    }\n    if (meta.idParam) locked[meta.idParam] = \"all\";\n    if (\n      (operation.operation.parameters ?? []).some(\n        (parameter) => parameter.name === \"filter\"\n      )\n    ) {\n      locked.filter =\n        Object.entries(filters)\n          .filter(([, value]) => value)\n          .map(([key, value]) => `${key}=${value}`)\n          .join(\", \") || \"current list filters\";\n    }\n    return locked;\n  }\n\n  const excludedParameterNames = [\n    ...filterParameterNames,\n    \"args\",\n    \"id\",\n    \"filter\",\n  ];\n  const actionBar = (\n    <OperationActionBar\n      {...actionProps}\n      actions={actions}\n      getLockedValues={getActionLockedValues}\n      onExecuted={onExecuted}\n      hideLockedInForm\n      excludedParameterNames={excludedParameterNames}\n    />\n  );\n\n  return (\n    <>\n      {actionsContainer ? createPortal(actionBar, actionsContainer) : actionBar}\n      <OperationActionBar\n        {...actionProps}\n        actions={selectionActions}\n        selection={{ selectedRowIds, selectedRows, clearSelection }}\n        getLockedValues={() => ({ filter: \"\" })}\n        getRequestValues={() => ({ args: selectedRowIds })}\n        excludedParameterNames={excludedParameterNames}\n        onExecuted={onExecuted}\n      />\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;AA8BO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,WAAS,sBACP,WACwB;AACxB,UAAM,OAAO,uBAAuB,SAAS;AAC7C,QAAI,QAAQ,QAAQ,CAAC,KAAK,2BAA2B,CAAA;AAErD,UAAM,SAAiC,CAAA;AACvC,eAAW,aAAa,UAAU,UAAU,cAAc,CAAA,GAAI;AAC5D,YAAM,QAAQ,QAAQ,UAAU,IAAI;AACpC,UAAI,UAAU,OAAO,WAAW,MAAO,QAAO,UAAU,IAAI,IAAI;AAAA,IAClE;AACA,QAAI,KAAK,QAAS,QAAO,KAAK,OAAO,IAAI;AACzC,SACG,UAAU,UAAU,cAAc,CAAA,GAAI;AAAA,MACrC,CAAC,cAAc,UAAU,SAAS;AAAA,IAAA,GAEpC;AACA,aAAO,SACL,OAAO,QAAQ,OAAO,EACnB,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,KAAK,EAC3B,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,EACvC,KAAK,IAAI,KAAK;AAAA,IACrB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,yBAAyB;AAAA,IAC7B,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,YACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA,kBAAgB;AAAA,MAChB;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,mBAAmB,aAAa,WAAW,gBAAgB,IAAI;AAAA,IAChE;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS;AAAA,QACT,WAAW,EAAE,gBAAgB,cAAc,eAAA;AAAA,QAC3C,iBAAiB,OAAO,EAAE,QAAQ;QAClC,kBAAkB,OAAO,EAAE,MAAM;QACjC;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/rpc/OperationEntityContextPicker.cjs

@@ -27,6 +27,7 @@ function OperationEntityContextPicker({
   surfaceColor,
   surfaceGroupIcon,
   surfaceGroupColor,
+  surfaceRenderer,
   triggerLabel = "Add context"
 }) {
   var _a;
@@ -279,126 +280,138 @@ function OperationEntityContextPicker({
   ]);
   const selectedCount = Object.keys(selectedRows).length;
   const selectedLabel = selected ? (surfaceLabel == null ? void 0 : surfaceLabel(selected.surface, selected.listOperation)) ?? selected.surface.title : "records";
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DropdownMenu.DropdownMenu,
-      {
-        label: triggerLabel,
-        icon: UiAdd.UiAdd,
-        variant: "ghost",
-        size: "sm",
-        align: "left",
-        menuLabel: "Context entity types",
-        menuClassName: "min-w-56",
-        items: menuItems.length > 0 ? menuItems : [
-          {
-            label: operationsLoading ? "Loading entity types…" : "No entity listings available",
-            disabled: true,
-            onSelect: () => {
-            }
+  const trigger = /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenu.DropdownMenu,
+    {
+      label: triggerLabel,
+      icon: UiAdd.UiAdd,
+      variant: "ghost",
+      size: "sm",
+      align: "left",
+      menuLabel: "Context entity types",
+      menuClassName: "min-w-56",
+      items: menuItems.length > 0 ? menuItems : [
+        {
+          label: operationsLoading ? "Loading entity types…" : "No entity listings available",
+          disabled: true,
+          onSelect: () => {
           }
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Modal.Modal,
-      {
-        open,
-        onClose: () => setOpen(false),
-        title: `Add ${selectedLabel} context`,
-        size: "2xl",
-        expandable: true,
-        scrollBody: false,
-        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              button.Button,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: () => setOpen(false),
-                disabled: attaching,
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              button.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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [
-          surfaces.length === 0 && !operationsLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No attachable entity surfaces are available." }) : null,
-          lookupQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: lookupQuery.error, prefix: "Load filters" }) : null,
-          listQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: listQuery.error, prefix: "Load records" }) : null,
-          attachError ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: attachError, prefix: "Attach record" }) : null,
-          attaching ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", className: "text-xs text-muted-foreground", children: "Loading full record details and adding context…" }) : null,
-          selected ? /* @__PURE__ */ jsxRuntime.jsx(
-            CommandOutput.CommandOutput,
+        }
+      ]
+    }
+  );
+  const defaultDialog = /* @__PURE__ */ jsxRuntime.jsx(
+    Modal.Modal,
+    {
+      open,
+      onClose: () => setOpen(false),
+      title: `Add ${selectedLabel} context`,
+      size: "2xl",
+      expandable: true,
+      scrollBody: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.Button,
             {
-              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 = rowNavigation.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) => rowNavigation.getClickyRowId(row) ?? `context-row-${index}`,
-                isRowSelectable: (row) => {
-                  const id = rowNavigation.getClickyRowId(row);
-                  return !!id && !existingIDs.has(
-                    OperationEntityContextPicker_model.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
-              } : {}
+              type: "button",
+              variant: "outline",
+              onClick: () => setOpen(false),
+              disabled: attaching,
+              children: "Cancel"
             }
-          ) : null,
-          items.length ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            items.length,
-            " context ",
-            items.length === 1 ? "record" : "records",
-            " ",
-            "attached. Attached rows are disabled."
-          ] }) : null
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            button.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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-4", children: [
+        surfaces.length === 0 && !operationsLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No attachable entity surfaces are available." }) : null,
+        lookupQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: lookupQuery.error, prefix: "Load filters" }) : null,
+        listQuery.error ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: listQuery.error, prefix: "Load records" }) : null,
+        attachError ? /* @__PURE__ */ jsxRuntime.jsx(PickerError, { error: attachError, prefix: "Attach record" }) : null,
+        attaching ? /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", className: "text-xs text-muted-foreground", children: "Loading full record details and adding context…" }) : null,
+        selected ? /* @__PURE__ */ jsxRuntime.jsx(
+          CommandOutput.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 = rowNavigation.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) => rowNavigation.getClickyRowId(row) ?? `context-row-${index}`,
+              isRowSelectable: (row) => {
+                const id = rowNavigation.getClickyRowId(row);
+                return !!id && !existingIDs.has(
+                  OperationEntityContextPicker_model.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    trigger,
+    selected && surfaceRenderer ? surfaceRenderer({
+      surface: selected.surface,
+      listOperation: selected.listOperation,
+      ...selected.detailOperation ? { detailOperation: selected.detailOperation } : {},
+      items,
+      onAdd,
+      onAddMany: (added) => onAddMany ? onAddMany(added) : added.forEach(onAdd),
+      open,
+      close: () => setOpen(false),
+      defaultView: defaultDialog
+    }) : defaultDialog
   ] });
 }
 function parseResponseJSON(response) {