@flanksource/clicky-ui 0.3.15 → 0.3.17

package/dist/rpc/OperationCatalog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCatalog.cjs","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiListFlat, UiTable } from \"../icons\";\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 { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationActionBar } from \"./OperationActionBar\";\nimport {\n  OperationResultView,\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 ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  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  kind?: \"operations\" | \"configuration\";\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\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nfunction defaultRenderError(err: unknown, title: string) {\n  const message = err instanceof Error ? err.message : String(err ?? \"\");\n  return (\n    <div className=\"rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n      <div className=\"font-medium\">{title}</div>\n      {message && (\n        <div className=\"mt-1 whitespace-pre-wrap text-xs opacity-80\">\n          {message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = defaultRenderError,\n  kind,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n}: OperationCatalogProps) {\n  const { operations, isLoading } = useOperations(client);\n  const [view, setView] = useState<\"table\" | \"endpoints\">(\"table\");\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 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 listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\n      \"operation-list\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: () =>\n      client.executeCommand(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listEndpoint!.operation.parameters ?? []),\n        {\n          Accept: \"application/json+clicky\",\n        },\n      ),\n    enabled: !!listEndpoint && view === \"table\",\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listParameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && view === \"table\" && !!client.lookupFilters,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // 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 filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, listParameters, lookupQuery.data]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, listQuery.data),\n    [filterBarConfig.pagination, listQuery.data],\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre),\n      ),\n    [filterBarConfig.filters, filterPre],\n  );\n\n  const hasTable = !!listEndpoint;\n  const showTable = hasTable && view === \"table\";\n  const sectionLabel =\n    kind === \"configuration\" || definition.key.startsWith(\"config-\")\n      ? \"Configuration\"\n      : \"Operations\";\n  // 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) {\n    return (\n      <div className=\"space-y-3\">\n        <SkeletonBlock className=\"h-10 w-72\" />\n        <SkeletonBlock className=\"h-4 w-[32rem]\" />\n        {Array.from({ length: 5 }).map((_, i) => (\n          <SkeletonBlock key={i} className=\"h-12\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-6\"\n      data-slot=\"operation-catalog\"\n    >\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n            {sectionLabel}\n          </p>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">\n            {definition.title}\n          </h1>\n          <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n            {definition.description}\n          </p>\n        </div>\n        {hasTable && (\n          <div className=\"flex gap-1 rounded-lg border p-1\">\n            <Button\n              type=\"button\"\n              variant={view === \"table\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Table view\"\n              aria-pressed={view === \"table\"}\n              onClick={() => setView(\"table\")}\n            >\n              <Icon icon={UiTable} />\n            </Button>\n            <Button\n              type=\"button\"\n              variant={view === \"endpoints\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Endpoint list view\"\n              aria-pressed={view === \"endpoints\"}\n              onClick={() => setView(\"endpoints\")}\n            >\n              <Icon icon={UiListFlat} />\n            </Button>\n          </div>\n        )}\n      </div>\n\n      <OperationActionBar\n        actions={actionOps}\n        client={client}\n        getLockedValues={getActionLockedValues}\n        onExecuted={() => void listQuery.refetch()}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(formPre ? { formPre } : {})}\n        {...(formPost ? { formPost } : {})}\n        {...(formActions ? { formActions } : {})}\n        {...(actionLabels ? { actionLabels } : {})}\n      />\n\n      {showTable ? (\n        <div\n          className=\"min-h-0 flex-1\"\n          data-slot=\"operation-catalog-results\"\n        >\n          {listQuery.isError && !listQuery.data\n            ? renderError(\n                listQuery.error,\n                `Failed to load ${listEndpoint?.path ?? \"\"}`,\n              )\n            : (() => {\n                const defaultView = (\n                  <OperationResultView\n                    response={listQuery.data ?? null}\n                    loading={listQuery.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={{\n                      filters: decoratedFilters,\n                      ...(filterBarConfig.search\n                        ? { search: filterBarConfig.search }\n                        : {}),\n                      ...(filterBarConfig.timeRange\n                        ? { timeRange: filterBarConfig.timeRange }\n                        : {}),\n                    }}\n                    {...(commandRuntime ? { commandRuntime } : {})}\n                    {...(dataTablePagination\n                      ? { pagination: dataTablePagination }\n                      : {})}\n                    {...(download ? { download } : {})}\n                  />\n                );\n                return resultRenderer\n                  ? resultRenderer({\n                      response: listQuery.data ?? null,\n                      defaultView,\n                      ...(surfaceKey ? { surfaceKey } : {}),\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 SkeletonBlock({ className }: { className?: string }) {\n  return (\n    <div\n      className={`animate-pulse rounded-md bg-muted ${className ?? \"\"}`.trim()}\n    />\n  );\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":["jsxs","jsx","useOperations","useState","useMemo","filterOperationsBySurface","filterOperationsByDomain","findSurfaceListOperation","findSurfaceDetailOperation","useEffect","useQuery","packParameterValues","keepPreviousData","findSurfaceCollectionActions","parametersToFormConfig","dataTablePaginationFromForm","applyFilterExtensions","getOperationClickyMeta","Button","Icon","UiTable","UiListFlat","OperationActionBar","OperationResultView","EndpointList"],"mappings":"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"}
+{"version":3,"file":"OperationCatalog.cjs","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\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 { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationActionBar } from \"./OperationActionBar\";\nimport {\n  OperationResultView,\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 ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  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\nfunction defaultRenderError(err: unknown, title: string) {\n  const message = err instanceof Error ? err.message : String(err ?? \"\");\n  return (\n    <div className=\"rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n      <div className=\"font-medium\">{title}</div>\n      {message && (\n        <div className=\"mt-1 whitespace-pre-wrap text-xs opacity-80\">\n          {message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = defaultRenderError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n}: OperationCatalogProps) {\n  const { operations, isLoading } = useOperations(client);\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 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 listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\n      \"operation-list\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: () =>\n      client.executeCommand(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listEndpoint!.operation.parameters ?? []),\n        {\n          Accept: \"application/json+clicky\",\n        },\n      ),\n    enabled: !!listEndpoint,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listParameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && !!client.lookupFilters,\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 filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, listParameters, lookupQuery.data]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, listQuery.data),\n    [filterBarConfig.pagination, listQuery.data],\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre),\n      ),\n    [filterBarConfig.filters, filterPre],\n  );\n\n  const showTable = !!listEndpoint;\n  let listError: unknown;\n  if (!listQuery.isFetching) {\n    if (listQuery.isError) {\n      listError = listQuery.error;\n    } else if (listQuery.data?.success === false) {\n      listError = new Error(\n        listQuery.data.error ||\n          listQuery.data.message ||\n          listQuery.data.stderr ||\n          `Command failed with exit code ${listQuery.data.exit_code}`,\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(\n          listError,\n          `Failed to load ${listEndpoint?.path ?? \"\"}`,\n        )\n      : undefined;\n  const tableResponse =\n    listQuery.data?.success === false ? null : (listQuery.data ?? null);\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) {\n    return (\n      <div className=\"space-y-3\">\n        <SkeletonBlock className=\"h-10 w-72\" />\n        <SkeletonBlock className=\"h-4 w-[32rem]\" />\n        {Array.from({ length: 5 }).map((_, i) => (\n          <SkeletonBlock key={i} className=\"h-12\" />\n        ))}\n      </div>\n    );\n  }\n\n  const actionBar = (\n    <OperationActionBar\n      actions={actionOps}\n      client={client}\n      getLockedValues={getActionLockedValues}\n      onExecuted={() => void listQuery.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\n          className=\"min-h-0 flex-1\"\n          data-slot=\"operation-catalog-results\"\n        >\n          {(() => {\n            const defaultView = (\n              <OperationResultView\n                response={tableResponse}\n                loading={listQuery.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={{\n                  filters: decoratedFilters,\n                  ...(filterBarConfig.search\n                    ? { search: filterBarConfig.search }\n                    : {}),\n                  ...(filterBarConfig.timeRange\n                    ? { timeRange: filterBarConfig.timeRange }\n                    : {}),\n                }}\n                {...(tableError ? { error: tableError } : {})}\n                {...(commandRuntime ? { commandRuntime } : {})}\n                {...(dataTablePagination\n                  ? { pagination: dataTablePagination }\n                  : {})}\n                {...(download ? { download } : {})}\n              />\n            );\n            return resultRenderer\n              ? resultRenderer({\n                  response: listQuery.data ?? null,\n                  defaultView,\n                  ...(surfaceKey ? { surfaceKey } : {}),\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 SkeletonBlock({ className }: { className?: string }) {\n  return (\n    <div\n      className={`animate-pulse rounded-md bg-muted ${className ?? \"\"}`.trim()}\n    />\n  );\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":["jsxs","jsx","useOperations","useMemo","filterOperationsBySurface","filterOperationsByDomain","findSurfaceListOperation","findSurfaceDetailOperation","useState","_a","useEffect","useQuery","packParameterValues","keepPreviousData","findSurfaceCollectionActions","parametersToFormConfig","dataTablePaginationFromForm","applyFilterExtensions","getOperationClickyMeta","OperationActionBar","createPortal","OperationResultView","EndpointList"],"mappings":"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"}

package/dist/rpc/OperationCatalog.d.ts

@@ -17,13 +17,23 @@ export type OperationCatalogProps = {
     filterPre?: FilterExtension[];
     getCommandHref?: (operationId: string, op: ResolvedOperation) => string;
     renderError?: (err: unknown, title: string) => ReactNode;
-    kind?: "operations" | "configuration";
     commandRuntime?: ClickyCommandRuntime;
     formPre?: PreExtension[];
     formPost?: PostExtension[];
     formActions?: FormActionsRenderer;
     actionLabels?: Record<string, string>;
     resultRenderer?: ResultRenderer;
+    /**
+     * Portal target for the collection action bar (Create, bulk actions). When
+     * set, the bar renders into this element — typically an app shell's
+     * `bodyActions` slot — instead of inline under the catalog header.
+     *
+     * A portal rather than a render-prop because the bar owns its own dialog
+     * state and closes over the catalog's live filters and list query; moving the
+     * element would sever both. Falls back to inline rendering when null, so
+     * existing consumers are unaffected.
+     */
+    actionsContainer?: Element | null;
 };
-export declare function OperationCatalog({ definition, entities, client, renderLink, allOperations, surfaceKey, filterPre, getCommandHref, renderError, kind, commandRuntime, formPre, formPost, formActions, actionLabels, resultRenderer, }: OperationCatalogProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationCatalog({ definition, entities, client, renderLink, allOperations, surfaceKey, filterPre, getCommandHref, renderError, commandRuntime, formPre, formPost, formActions, actionLabels, resultRenderer, actionsContainer, }: OperationCatalogProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OperationCatalog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OperationCatalog.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationCatalog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAarE,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,gBAAgB,EAGrB,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQ1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;IAGvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,KAAK,MAAM,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACtC,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAG3B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAItC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAkBF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAqB,EACrB,UAAU,EACV,SAAS,EACT,cAAmC,EACnC,WAAgC,EAChC,IAAI,EACJ,cAAc,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,2CAoTvB"}
+{"version":3,"file":"OperationCatalog.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationCatalog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWrE,OAAO,KAAK,EACV,oBAAoB,EAGrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,gBAAgB,EAGrB,KAAK,iBAAiB,EACvB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQ1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;IAGvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,KAAK,MAAM,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACzD,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAG3B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAItC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC,CAAC;AAkBF,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAqB,EACrB,UAAU,EACV,SAAS,EACT,cAAmC,EACnC,WAAgC,EAChC,cAAc,EACd,OAAO,EACP,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,EACd,gBAAgB,GACjB,EAAE,qBAAqB,2CA+RvB"}

package/dist/rpc/OperationCatalog.js

@@ -1,8 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
+import { useMemo, useState, useEffect } from "react";
+import { createPortal } from "react-dom";
 import { useQuery, keepPreviousData } from "@tanstack/react-query";
-import { Button } from "../components/button.js";
-import { Icon } from "../data/Icon.js";
 import { filterOperationsByDomain } from "./classify.js";
 import { filterOperationsBySurface, findSurfaceListOperation, findSurfaceDetailOperation, findSurfaceCollectionActions, getOperationClickyMeta } from "./clickyMetadata.js";
 import { EndpointList } from "./EndpointList.js";
@@ -11,8 +10,6 @@ import { OperationResultView } from "./OperationResultView.js";
 import { applyFilterExtensions } from "../components/filter-bar-utils.js";
 import { useOperations } from "./useOperations.js";
 import { packParameterValues, parametersToFormConfig, dataTablePaginationFromForm } from "./formMetadata.js";
-import { UiTable } from "../icons/components/UiTable.js";
-import { UiListFlat } from "../icons/components/UiListFlat.js";
 const defaultCommandHref = (operationId) => `/commands/${operationId}`;
 function defaultRenderError(err, title) {
   const message = err instanceof Error ? err.message : String(err ?? "");
@@ -31,16 +28,16 @@ function OperationCatalog({
   filterPre,
   getCommandHref = defaultCommandHref,
   renderError = defaultRenderError,
-  kind,
   commandRuntime,
   formPre,
   formPost,
   formActions,
   actionLabels,
-  resultRenderer
+  resultRenderer,
+  actionsContainer
 }) {
+  var _a, _b;
   const { operations, isLoading } = useOperations(client);
-  const [view, setView] = useState("table");
   const surfaceOps = useMemo(
     () => filterOperationsBySurface(operations, surfaceKey),
     [operations, surfaceKey]
@@ -63,8 +60,8 @@ function OperationCatalog({
   );
   const listParameters = (listEndpoint == null ? void 0 : listEndpoint.operation.parameters) ?? [];
   const download = useMemo(() => {
-    var _a;
-    const meta = (_a = listEndpoint == null ? void 0 : listEndpoint.operation["x-clicky"]) == null ? void 0 : _a.export;
+    var _a2;
+    const meta = (_a2 = listEndpoint == null ? void 0 : listEndpoint.operation["x-clicky"]) == null ? void 0 : _a2.export;
     if (!meta) return void 0;
     return {
       label: definition.title,
@@ -94,7 +91,7 @@ function OperationCatalog({
         Accept: "application/json+clicky"
       }
     ),
-    enabled: !!listEndpoint && view === "table",
+    enabled: !!listEndpoint,
     placeholderData: keepPreviousData,
     staleTime: 3e4,
     retry: 0
@@ -107,8 +104,8 @@ function OperationCatalog({
       filters
     ],
     queryFn: async () => {
-      var _a;
-      return await ((_a = client.lookupFilters) == null ? void 0 : _a.call(
+      var _a2;
+      return await ((_a2 = client.lookupFilters) == null ? void 0 : _a2.call(
         client,
         listEndpoint.path,
         listEndpoint.method,
@@ -116,7 +113,7 @@ function OperationCatalog({
         { Accept: "application/json+clicky" }
       )) ?? { filters: {} };
     },
-    enabled: !!listEndpoint && view === "table" && !!client.lookupFilters,
+    enabled: !!listEndpoint && !!client.lookupFilters,
     staleTime: 3e4,
     retry: 0
   });
@@ -143,9 +140,22 @@ function OperationCatalog({
     ),
     [filterBarConfig.filters, filterPre]
   );
-  const hasTable = !!listEndpoint;
-  const showTable = hasTable && view === "table";
-  const sectionLabel = kind === "configuration" || definition.key.startsWith("config-") ? "Configuration" : "Operations";
+  const showTable = !!listEndpoint;
+  let listError;
+  if (!listQuery.isFetching) {
+    if (listQuery.isError) {
+      listError = listQuery.error;
+    } else if (((_a = listQuery.data) == null ? void 0 : _a.success) === false) {
+      listError = new Error(
+        listQuery.data.error || listQuery.data.message || listQuery.data.stderr || `Command failed with exit code ${listQuery.data.exit_code}`
+      );
+    }
+  }
+  const tableError = listError !== void 0 ? renderError(
+    listError,
+    `Failed to load ${(listEndpoint == null ? void 0 : listEndpoint.path) ?? ""}`
+  ) : void 0;
+  const tableResponse = ((_b = listQuery.data) == null ? void 0 : _b.success) === false ? null : listQuery.data ?? null;
   function getActionLockedValues(op) {
     const meta = getOperationClickyMeta(op);
     if (meta == null || !meta.supportsFilterMode) {
@@ -173,74 +183,37 @@ function OperationCatalog({
       Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-12" }, i))
     ] });
   }
+  const actionBar = /* @__PURE__ */ jsx(
+    OperationActionBar,
+    {
+      actions: actionOps,
+      client,
+      getLockedValues: getActionLockedValues,
+      onExecuted: () => void listQuery.refetch(),
+      ...commandRuntime ? { commandRuntime } : {},
+      ...formPre ? { formPre } : {},
+      ...formPost ? { formPost } : {},
+      ...formActions ? { formActions } : {},
+      ...actionLabels ? { actionLabels } : {}
+    }
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "flex h-full min-h-0 flex-col gap-6",
+      className: "flex h-full min-h-0 flex-col gap-2",
       "data-slot": "operation-catalog",
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: sectionLabel }),
-            /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: definition.title }),
-            /* @__PURE__ */ jsx("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground", children: definition.description })
-          ] }),
-          hasTable && /* @__PURE__ */ jsxs("div", { className: "flex gap-1 rounded-lg border p-1", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: view === "table" ? "secondary" : "ghost",
-                size: "sm",
-                className: "h-7 w-7 p-0",
-                "aria-label": "Table view",
-                "aria-pressed": view === "table",
-                onClick: () => setView("table"),
-                children: /* @__PURE__ */ jsx(Icon, { icon: UiTable })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: view === "endpoints" ? "secondary" : "ghost",
-                size: "sm",
-                className: "h-7 w-7 p-0",
-                "aria-label": "Endpoint list view",
-                "aria-pressed": view === "endpoints",
-                onClick: () => setView("endpoints"),
-                children: /* @__PURE__ */ jsx(Icon, { icon: UiListFlat })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          OperationActionBar,
-          {
-            actions: actionOps,
-            client,
-            getLockedValues: getActionLockedValues,
-            onExecuted: () => void listQuery.refetch(),
-            ...commandRuntime ? { commandRuntime } : {},
-            ...formPre ? { formPre } : {},
-            ...formPost ? { formPost } : {},
-            ...formActions ? { formActions } : {},
-            ...actionLabels ? { actionLabels } : {}
-          }
-        ),
+        actionsContainer ? createPortal(actionBar, actionsContainer) : actionBar,
         showTable ? /* @__PURE__ */ jsx(
           "div",
           {
             className: "min-h-0 flex-1",
             "data-slot": "operation-catalog-results",
-            children: listQuery.isError && !listQuery.data ? renderError(
-              listQuery.error,
-              `Failed to load ${(listEndpoint == null ? void 0 : listEndpoint.path) ?? ""}`
-            ) : (() => {
+            children: (() => {
               const defaultView = /* @__PURE__ */ jsx(
                 OperationResultView,
                 {
-                  response: listQuery.data ?? null,
+                  response: tableResponse,
                   loading: listQuery.isFetching,
                   loadingMessage: `Loading ${definition.title} results…`,
                   emptyMessage: "No records returned",
@@ -252,6 +225,7 @@ function OperationCatalog({
                     ...filterBarConfig.search ? { search: filterBarConfig.search } : {},
                     ...filterBarConfig.timeRange ? { timeRange: filterBarConfig.timeRange } : {}
                   },
+                  ...tableError ? { error: tableError } : {},
                   ...commandRuntime ? { commandRuntime } : {},
                   ...dataTablePagination ? { pagination: dataTablePagination } : {},
                   ...download ? { download } : {}

package/dist/rpc/OperationCatalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationCatalog.js","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { Icon } from \"../data/Icon\";\nimport { UiListFlat, UiTable } from \"../icons\";\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 { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationActionBar } from \"./OperationActionBar\";\nimport {\n  OperationResultView,\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 ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  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  kind?: \"operations\" | \"configuration\";\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\nconst defaultCommandHref = (operationId: string) => `/commands/${operationId}`;\n\nfunction defaultRenderError(err: unknown, title: string) {\n  const message = err instanceof Error ? err.message : String(err ?? \"\");\n  return (\n    <div className=\"rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n      <div className=\"font-medium\">{title}</div>\n      {message && (\n        <div className=\"mt-1 whitespace-pre-wrap text-xs opacity-80\">\n          {message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = defaultRenderError,\n  kind,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n}: OperationCatalogProps) {\n  const { operations, isLoading } = useOperations(client);\n  const [view, setView] = useState<\"table\" | \"endpoints\">(\"table\");\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 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 listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\n      \"operation-list\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: () =>\n      client.executeCommand(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listEndpoint!.operation.parameters ?? []),\n        {\n          Accept: \"application/json+clicky\",\n        },\n      ),\n    enabled: !!listEndpoint && view === \"table\",\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listParameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && view === \"table\" && !!client.lookupFilters,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  // 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 filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, listParameters, lookupQuery.data]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, listQuery.data),\n    [filterBarConfig.pagination, listQuery.data],\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre),\n      ),\n    [filterBarConfig.filters, filterPre],\n  );\n\n  const hasTable = !!listEndpoint;\n  const showTable = hasTable && view === \"table\";\n  const sectionLabel =\n    kind === \"configuration\" || definition.key.startsWith(\"config-\")\n      ? \"Configuration\"\n      : \"Operations\";\n  // 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) {\n    return (\n      <div className=\"space-y-3\">\n        <SkeletonBlock className=\"h-10 w-72\" />\n        <SkeletonBlock className=\"h-4 w-[32rem]\" />\n        {Array.from({ length: 5 }).map((_, i) => (\n          <SkeletonBlock key={i} className=\"h-12\" />\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className=\"flex h-full min-h-0 flex-col gap-6\"\n      data-slot=\"operation-catalog\"\n    >\n      <div className=\"flex items-start justify-between gap-4\">\n        <div className=\"min-w-0\">\n          <p className=\"text-xs uppercase tracking-[0.18em] text-muted-foreground\">\n            {sectionLabel}\n          </p>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">\n            {definition.title}\n          </h1>\n          <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n            {definition.description}\n          </p>\n        </div>\n        {hasTable && (\n          <div className=\"flex gap-1 rounded-lg border p-1\">\n            <Button\n              type=\"button\"\n              variant={view === \"table\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Table view\"\n              aria-pressed={view === \"table\"}\n              onClick={() => setView(\"table\")}\n            >\n              <Icon icon={UiTable} />\n            </Button>\n            <Button\n              type=\"button\"\n              variant={view === \"endpoints\" ? \"secondary\" : \"ghost\"}\n              size=\"sm\"\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Endpoint list view\"\n              aria-pressed={view === \"endpoints\"}\n              onClick={() => setView(\"endpoints\")}\n            >\n              <Icon icon={UiListFlat} />\n            </Button>\n          </div>\n        )}\n      </div>\n\n      <OperationActionBar\n        actions={actionOps}\n        client={client}\n        getLockedValues={getActionLockedValues}\n        onExecuted={() => void listQuery.refetch()}\n        {...(commandRuntime ? { commandRuntime } : {})}\n        {...(formPre ? { formPre } : {})}\n        {...(formPost ? { formPost } : {})}\n        {...(formActions ? { formActions } : {})}\n        {...(actionLabels ? { actionLabels } : {})}\n      />\n\n      {showTable ? (\n        <div\n          className=\"min-h-0 flex-1\"\n          data-slot=\"operation-catalog-results\"\n        >\n          {listQuery.isError && !listQuery.data\n            ? renderError(\n                listQuery.error,\n                `Failed to load ${listEndpoint?.path ?? \"\"}`,\n              )\n            : (() => {\n                const defaultView = (\n                  <OperationResultView\n                    response={listQuery.data ?? null}\n                    loading={listQuery.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={{\n                      filters: decoratedFilters,\n                      ...(filterBarConfig.search\n                        ? { search: filterBarConfig.search }\n                        : {}),\n                      ...(filterBarConfig.timeRange\n                        ? { timeRange: filterBarConfig.timeRange }\n                        : {}),\n                    }}\n                    {...(commandRuntime ? { commandRuntime } : {})}\n                    {...(dataTablePagination\n                      ? { pagination: dataTablePagination }\n                      : {})}\n                    {...(download ? { download } : {})}\n                  />\n                );\n                return resultRenderer\n                  ? resultRenderer({\n                      response: listQuery.data ?? null,\n                      defaultView,\n                      ...(surfaceKey ? { surfaceKey } : {}),\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 SkeletonBlock({ className }: { className?: string }) {\n  return (\n    <div\n      className={`animate-pulse rounded-md bg-muted ${className ?? \"\"}`.trim()}\n    />\n  );\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":[],"mappings":"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"}
+{"version":3,"file":"OperationCatalog.js","sources":["../../src/rpc/OperationCatalog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\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 { EndpointList, type RenderLink } from \"./EndpointList\";\nimport { OperationActionBar } from \"./OperationActionBar\";\nimport {\n  OperationResultView,\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 ExecutionResponse,\n  type OperationLookupResponse,\n  type ResolvedOperation,\n} from \"./types\";\nimport { useOperations, type OperationsApiClient } from \"./useOperations\";\nimport {\n  dataTablePaginationFromForm,\n  packParameterValues,\n  parametersToFormConfig,\n  type ParameterFormOptions,\n} from \"./formMetadata\";\n\nexport type OperationCatalogProps = {\n  definition: DomainDefinition;\n  entities: string[];\n  client: OperationsApiClient;\n  renderLink: RenderLink;\n  // Override to return all operations (e.g. for an \"API explorer\" domain\n  // that shouldn't be filtered by entity tags).\n  allOperations?: boolean;\n  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\nfunction defaultRenderError(err: unknown, title: string) {\n  const message = err instanceof Error ? err.message : String(err ?? \"\");\n  return (\n    <div className=\"rounded-xl border border-destructive/40 bg-destructive/5 p-4 text-sm text-destructive\">\n      <div className=\"font-medium\">{title}</div>\n      {message && (\n        <div className=\"mt-1 whitespace-pre-wrap text-xs opacity-80\">\n          {message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function OperationCatalog({\n  definition,\n  entities,\n  client,\n  renderLink,\n  allOperations = false,\n  surfaceKey,\n  filterPre,\n  getCommandHref = defaultCommandHref,\n  renderError = defaultRenderError,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  resultRenderer,\n  actionsContainer,\n}: OperationCatalogProps) {\n  const { operations, isLoading } = useOperations(client);\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 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 listQuery = useQuery<ExecutionResponse>({\n    queryKey: [\n      \"operation-list\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: () =>\n      client.executeCommand(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listEndpoint!.operation.parameters ?? []),\n        {\n          Accept: \"application/json+clicky\",\n        },\n      ),\n    enabled: !!listEndpoint,\n    placeholderData: keepPreviousData,\n    staleTime: 30_000,\n    retry: 0,\n  });\n\n  const lookupQuery = useQuery<OperationLookupResponse>({\n    queryKey: [\n      \"operation-lookup\",\n      listEndpoint?.method,\n      listEndpoint?.path,\n      filters,\n    ],\n    queryFn: async () =>\n      (await client.lookupFilters?.(\n        listEndpoint!.path,\n        listEndpoint!.method,\n        packParameterValues(filters, listParameters),\n        { Accept: \"application/json+clicky\" },\n      )) ?? { filters: {} },\n    enabled: !!listEndpoint && !!client.lookupFilters,\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 filterBarConfig = useMemo(() => {\n    const options: ParameterFormOptions = {\n      includeLocations: [\"query\"],\n    };\n    if (lookupQuery.data != null) {\n      options.lookup = lookupQuery.data;\n    }\n    return parametersToFormConfig(listParameters, filters, setFilters, options);\n  }, [filters, listParameters, lookupQuery.data]);\n  const dataTablePagination = useMemo(\n    () =>\n      dataTablePaginationFromForm(filterBarConfig.pagination, listQuery.data),\n    [filterBarConfig.pagination, listQuery.data],\n  );\n  const decoratedFilters = useMemo(\n    () =>\n      filterBarConfig.filters.map((filter) =>\n        applyFilterExtensions(filter, filterPre),\n      ),\n    [filterBarConfig.filters, filterPre],\n  );\n\n  const showTable = !!listEndpoint;\n  let listError: unknown;\n  if (!listQuery.isFetching) {\n    if (listQuery.isError) {\n      listError = listQuery.error;\n    } else if (listQuery.data?.success === false) {\n      listError = new Error(\n        listQuery.data.error ||\n          listQuery.data.message ||\n          listQuery.data.stderr ||\n          `Command failed with exit code ${listQuery.data.exit_code}`,\n      );\n    }\n  }\n  const tableError =\n    listError !== undefined\n      ? renderError(\n          listError,\n          `Failed to load ${listEndpoint?.path ?? \"\"}`,\n        )\n      : undefined;\n  const tableResponse =\n    listQuery.data?.success === false ? null : (listQuery.data ?? null);\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) {\n    return (\n      <div className=\"space-y-3\">\n        <SkeletonBlock className=\"h-10 w-72\" />\n        <SkeletonBlock className=\"h-4 w-[32rem]\" />\n        {Array.from({ length: 5 }).map((_, i) => (\n          <SkeletonBlock key={i} className=\"h-12\" />\n        ))}\n      </div>\n    );\n  }\n\n  const actionBar = (\n    <OperationActionBar\n      actions={actionOps}\n      client={client}\n      getLockedValues={getActionLockedValues}\n      onExecuted={() => void listQuery.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\n          className=\"min-h-0 flex-1\"\n          data-slot=\"operation-catalog-results\"\n        >\n          {(() => {\n            const defaultView = (\n              <OperationResultView\n                response={tableResponse}\n                loading={listQuery.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={{\n                  filters: decoratedFilters,\n                  ...(filterBarConfig.search\n                    ? { search: filterBarConfig.search }\n                    : {}),\n                  ...(filterBarConfig.timeRange\n                    ? { timeRange: filterBarConfig.timeRange }\n                    : {}),\n                }}\n                {...(tableError ? { error: tableError } : {})}\n                {...(commandRuntime ? { commandRuntime } : {})}\n                {...(dataTablePagination\n                  ? { pagination: dataTablePagination }\n                  : {})}\n                {...(download ? { download } : {})}\n              />\n            );\n            return resultRenderer\n              ? resultRenderer({\n                  response: listQuery.data ?? null,\n                  defaultView,\n                  ...(surfaceKey ? { surfaceKey } : {}),\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 SkeletonBlock({ className }: { className?: string }) {\n  return (\n    <div\n      className={`animate-pulse rounded-md bg-muted ${className ?? \"\"}`.trim()}\n    />\n  );\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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"}

package/dist/rpc/OperationResultView.cjs

@@ -1,10 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const DataTable = require("../data/DataTable.cjs");
+const utils = require("../lib/utils.cjs");
 const ExecutionResult = require("./ExecutionResult.cjs");
 const rowNavigation = require("./rowNavigation.cjs");
+const ERROR_RESULT_COLUMNS = [
+  {
+    key: "error",
+    label: "Error",
+    grow: true,
+    sortable: false,
+    resizable: false,
+    hideable: false
+  }
+];
 function OperationResultView({
   response,
+  error,
   loading,
   loadingMessage,
   emptyMessage,
@@ -18,6 +31,35 @@ function OperationResultView({
 }) {
   const rowNav = rowNavigation.useRowDetailNavigation(detailOperation);
   const filters = filterConfig == null ? void 0 : filterConfig.filters;
+  if (error != null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: ariaLabel ? "region" : void 0,
+        "aria-label": ariaLabel,
+        className: utils.cn("mt-3 flex min-h-0 flex-col", className),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          DataTable.DataTable,
+          {
+            data: [],
+            columns: ERROR_RESULT_COLUMNS,
+            error,
+            className: "h-full",
+            showGlobalFilter: false,
+            showDensityControl: false,
+            hideableColumns: false,
+            resizableColumns: false,
+            persistColumnWidths: false,
+            persistColumnVisibility: false,
+            persistDensity: false,
+            ...filters && filters.length > 0 ? { externalFilters: filters } : {},
+            ...(filterConfig == null ? void 0 : filterConfig.search) ? { externalSearch: filterConfig.search } : {},
+            ...(filterConfig == null ? void 0 : filterConfig.timeRange) ? { externalTimeRange: filterConfig.timeRange } : {}
+          }
+        )
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     ExecutionResult.ExecutionResult,
     {

package/dist/rpc/OperationResultView.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.cjs","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport type { DataTablePagination } from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":["useRowDetailNavigation","jsx","ExecutionResult"],"mappings":";;;;;AA2DO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAASA,cAAAA,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,SACEC,2BAAAA;AAAAA,IAACC,gBAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;;"}
+{"version":3,"file":"OperationResultView.cjs","sources":["../../src/rpc/OperationResultView.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport {\n  DataTable,\n  type DataTableColumn,\n  type DataTablePagination,\n} from \"../data/DataTable\";\nimport type {\n  ClickyCommandRuntime,\n  ClickyDownloadOptions,\n} from \"../data/Clicky\";\nimport { cn } from \"../lib/utils\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { useRowDetailNavigation } from \"./rowNavigation\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\n\n// ResultRenderContext is handed to a host-supplied resultRenderer so it can\n// replace the default result surface for selected entities (e.g. render a\n// LogsTable for trace/log profiles). `defaultView` is the standard\n// OperationResultView element; return it unchanged to keep the default.\nexport type ResultRenderContext = {\n  surfaceKey?: string;\n  response: ExecutionResponse | null;\n  defaultView: ReactNode;\n};\n\n// ResultRenderer lets the host app swap the result presentation per surface. It\n// receives the current surface key, the raw response, and the default view, and\n// returns whatever node should render in its place.\nexport type ResultRenderer = (ctx: ResultRenderContext) => ReactNode;\n\n// In-table filter inputs for the result table — mirrors what\n// parametersToFormConfig produces, surfaced through the DataTable's own\n// FilterBar so the filter UI renders identically on every result surface.\nexport type OperationResultFilterConfig = {\n  filters?: FilterBarFilter[];\n  search?: FilterBarSearchProps;\n  timeRange?: FilterBarRangeProps;\n};\n\nexport type OperationResultViewProps = {\n  response: ExecutionResponse | null;\n  error?: ReactNode;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  // When set, rows navigate to the entity detail page (/<surface>/<id>).\n  detailOperation?: ResolvedOperation | undefined;\n  filterConfig?: OperationResultFilterConfig;\n  pagination?: DataTablePagination;\n  download?: ClickyDownloadOptions;\n};\n\ntype ErrorResultRow = {\n  error: string;\n};\n\nconst ERROR_RESULT_COLUMNS: DataTableColumn<ErrorResultRow>[] = [\n  {\n    key: \"error\",\n    label: \"Error\",\n    grow: true,\n    sortable: false,\n    resizable: false,\n    hideable: false,\n  },\n];\n\n// OperationResultView is the single result surface rendered by both the entity\n// list catalog and the operation runner. It renders the clicky result table\n// with its in-table FilterBar, the View/Download menu (automatic via the\n// response's requestUrl), pagination, and row→detail navigation — so the\n// surface looks and behaves identically wherever a result is shown.\nexport function OperationResultView({\n  response,\n  error,\n  loading,\n  loadingMessage,\n  emptyMessage,\n  ariaLabel,\n  className,\n  commandRuntime,\n  detailOperation,\n  filterConfig,\n  pagination,\n  download,\n}: OperationResultViewProps) {\n  const rowNav = useRowDetailNavigation(detailOperation);\n  const filters = filterConfig?.filters;\n\n  if (error != null) {\n    return (\n      <div\n        role={ariaLabel ? \"region\" : undefined}\n        aria-label={ariaLabel}\n        className={cn(\"mt-3 flex min-h-0 flex-col\", className)}\n      >\n        <DataTable<ErrorResultRow>\n          data={[]}\n          columns={ERROR_RESULT_COLUMNS}\n          error={error}\n          className=\"h-full\"\n          showGlobalFilter={false}\n          showDensityControl={false}\n          hideableColumns={false}\n          resizableColumns={false}\n          persistColumnWidths={false}\n          persistColumnVisibility={false}\n          persistDensity={false}\n          {...(filters && filters.length > 0\n            ? { externalFilters: filters }\n            : {})}\n          {...(filterConfig?.search\n            ? { externalSearch: filterConfig.search }\n            : {})}\n          {...(filterConfig?.timeRange\n            ? { externalTimeRange: filterConfig.timeRange }\n            : {})}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <ExecutionResult\n      response={response}\n      {...(loading !== undefined ? { loading } : {})}\n      {...(loadingMessage ? { loadingMessage } : {})}\n      {...(emptyMessage ? { emptyMessage } : {})}\n      {...(ariaLabel ? { ariaLabel } : {})}\n      {...(className ? { className } : {})}\n      {...(commandRuntime ? { commandRuntime } : {})}\n      {...(detailOperation\n        ? {\n            getTableRowHref: rowNav.getRowHref,\n            onTableRowClick: rowNav.onRowClick,\n            isTableRowClickable: rowNav.isRowClickable,\n          }\n        : {})}\n      {...(filters && filters.length > 0 ? { externalFilters: filters } : {})}\n      {...(filterConfig?.search ? { search: filterConfig.search } : {})}\n      {...(filterConfig?.timeRange\n        ? { timeRange: filterConfig.timeRange }\n        : {})}\n      {...(pagination ? { pagination } : {})}\n      {...(download ? { download } : {})}\n    />\n  );\n}\n"],"names":["useRowDetailNavigation","jsx","cn","DataTable","ExecutionResult"],"mappings":";;;;;;;AAgEA,MAAM,uBAA0D;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAU;AAAA,EAAA;AAEd;AAOO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,SAASA,cAAAA,uBAAuB,eAAe;AACrD,QAAM,UAAU,6CAAc;AAE9B,MAAI,SAAS,MAAM;AACjB,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,YAAY,WAAW;AAAA,QAC7B,cAAY;AAAA,QACZ,WAAWC,MAAAA,GAAG,8BAA8B,SAAS;AAAA,QAErD,UAAAD,2BAAAA;AAAAA,UAACE,UAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,CAAA;AAAA,YACN,SAAS;AAAA,YACT;AAAA,YACA,WAAU;AAAA,YACV,kBAAkB;AAAA,YAClB,oBAAoB;AAAA,YACpB,iBAAiB;AAAA,YACjB,kBAAkB;AAAA,YAClB,qBAAqB;AAAA,YACrB,yBAAyB;AAAA,YACzB,gBAAgB;AAAA,YACf,GAAI,WAAW,QAAQ,SAAS,IAC7B,EAAE,iBAAiB,QAAA,IACnB,CAAA;AAAA,YACH,IAAI,6CAAc,UACf,EAAE,gBAAgB,aAAa,OAAA,IAC/B,CAAA;AAAA,YACH,IAAI,6CAAc,aACf,EAAE,mBAAmB,aAAa,UAAA,IAClC,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAGN;AAEA,SACEF,2BAAAA;AAAAA,IAACG,gBAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACC,GAAI,YAAY,SAAY,EAAE,QAAA,IAAY,CAAA;AAAA,MAC1C,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,eAAe,EAAE,aAAA,IAAiB,CAAA;AAAA,MACtC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,MAChC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,kBACD;AAAA,QACE,iBAAiB,OAAO;AAAA,QACxB,iBAAiB,OAAO;AAAA,QACxB,qBAAqB,OAAO;AAAA,MAAA,IAE9B,CAAA;AAAA,MACH,GAAI,WAAW,QAAQ,SAAS,IAAI,EAAE,iBAAiB,QAAA,IAAY,CAAA;AAAA,MACnE,IAAI,6CAAc,UAAS,EAAE,QAAQ,aAAa,OAAA,IAAW,CAAA;AAAA,MAC7D,IAAI,6CAAc,aACf,EAAE,WAAW,aAAa,UAAA,IAC1B,CAAA;AAAA,MACH,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,MAClC,GAAI,WAAW,EAAE,aAAa,CAAA;AAAA,IAAC;AAAA,EAAA;AAGtC;;"}

package/dist/rpc/OperationResultView.d.ts

@@ -16,6 +16,7 @@ export type OperationResultFilterConfig = {
 };
 export type OperationResultViewProps = {
     response: ExecutionResponse | null;
+    error?: ReactNode;
     loading?: boolean;
     loadingMessage?: string;
     emptyMessage?: string;
@@ -27,5 +28,5 @@ export type OperationResultViewProps = {
     pagination?: DataTablePagination;
     download?: ClickyDownloadOptions;
 };
-export declare function OperationResultView({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, commandRuntime, detailOperation, filterConfig, pagination, download, }: OperationResultViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function OperationResultView({ response, error, loading, loadingMessage, emptyMessage, ariaLabel, className, commandRuntime, detailOperation, filterConfig, pagination, download, }: OperationResultViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OperationResultView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OperationResultView.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationResultView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,mBAAmB,KAAK,SAAS,CAAC;AAKrE,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,eAAe,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAOF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,2CA6B1B"}
+{"version":3,"file":"OperationResultView.d.ts","sourceRoot":"","sources":["../../src/rpc/OperationResultView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,WAAW,EAAE,SAAS,CAAC;CACxB,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,mBAAmB,KAAK,SAAS,CAAC;AAKrE,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAEtC,eAAe,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAChD,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC,CAAC;AAsBF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,2CA8D1B"}