@flanksource/clicky-ui 0.3.16 → 0.3.18

package/dist/rpc/EntityExplorerApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityExplorerApp.js","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useEffect, useMemo, type ReactNode } from \"react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { PreExtension, PostExtension } from \"../components/json-schema-form-types\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { AppShell, type AppShellNavSection } from \"../layout/AppShell\";\nimport { getClickySurfaces, makeSurfaceDefinition } from \"./clickyMetadata\";\nimport {\n  ARG_QUERY_PREFIX,\n  AUTORUN_QUERY_PARAM,\n  buildCommandHref,\n  trimTrailingSlash,\n  withBasePath,\n} from \"./commandHref\";\nimport { useRouter } from \"./router\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport type { ResultRenderer } from \"./OperationResultView\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport {\n  OperationEntityPage,\n  type EntityDetailBodyRenderer,\n  type EntityDetailHeaderRenderer,\n} from \"./OperationEntityPage\";\nimport type { FormActionsRenderer } from \"./SchemaActionForm\";\nimport { resolveSurfaceIcon } from \"./surfaceIconMap\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type SurfaceActionLabels = Record<string, Record<string, string>>;\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  /**\n   * Custom JsonSchemaForm field extensions applied to every create/edit form the\n   * explorer renders — e.g. a SecretKeySelector widget keyed on an\n   * `x-clicky-component` schema hint. `pre` transforms a resolved control; `post`\n   * can replace the rendered value node with a custom component.\n   */\n  formExtensions?: { pre?: PreExtension[]; post?: PostExtension[] };\n  /**\n   * Optional extra footer actions added to every create/edit form (e.g. a\n   * connection \"Test\" split-button). The renderer receives the live form value\n   * and the action it submits to, so it can scope itself to a given entity.\n   */\n  formActions?: FormActionsRenderer;\n  /** Per-surface labels keyed by x-clicky verb/actionName. */\n  surfaceActionLabels?: SurfaceActionLabels;\n  /**\n   * @deprecated Superseded by per-surface icons emitted by the backend\n   * (x-clicky-icon → ClickySurface.icon). AppShell section labels are plain\n   * strings, so this group-header icon map is no longer rendered. Kept for\n   * source-compatibility only.\n   */\n  surfaceIcons?: Record<string, ReactNode>;\n  /**\n   * Optional host override for the result surface. Called where an entity's\n   * result table renders, with the current surface key, the raw response, and\n   * the default OperationResultView element. Return `defaultView` to keep the\n   * standard table, or a custom node (e.g. a LogsTable for trace/log profiles\n   * flagged via x-clicky-render). Filtering/sorting policy is the host's choice.\n   */\n  resultRenderer?: ResultRenderer;\n  /** Host override for a loaded entity's body; heading and actions remain. */\n  entityDetailBodyRenderer?: EntityDetailBodyRenderer;\n  /** Host override for a loaded entity's \"{title}: {id}\" heading. */\n  entityDetailHeaderRenderer?: EntityDetailHeaderRenderer;\n};\n\n// SIDEBAR_COLLAPSED_KEY persists the AppShell rail collapsed flag across reloads.\nconst SIDEBAR_COLLAPSED_KEY = \"clicky-ui:sidebar:collapsed\";\n\nexport function EntityExplorerApp({\n  client,\n  basePath = \"\",\n  showApiExplorer = true,\n  formExtensions,\n  formActions,\n  surfaceActionLabels,\n  resultRenderer,\n  entityDetailBodyRenderer,\n  entityDetailHeaderRenderer,\n}: EntityExplorerAppProps) {\n  const formPre = formExtensions?.pre;\n  const formPost = formExtensions?.post;\n  const { pathname, renderLink, navigate } = useRouter();\n  const { spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\n  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);\n  const defaultSurface = useMemo(\n    () => surfaces.find((surface) => !surface.admin) ?? surfaces[0],\n    [surfaces],\n  );\n  const relativePath = useMemo(() => stripBasePath(pathname, basePath), [basePath, pathname]);\n  const route = useMemo(() => parseExplorerRoute(relativePath), [relativePath]);\n  const resolvedRoute = useMemo(() => resolveRouteSurface(route, surfaces), [route, surfaces]);\n  const commandRuntime = useMemo<ClickyCommandRuntime>(\n    () => ({\n      client,\n      hrefForCommand: (resolved) => buildCommandHref(basePath, resolved),\n      onNavigate: (resolved) => {\n        const href = buildCommandHref(basePath, resolved);\n        if (!href) return;\n        navigate(href);\n      },\n    }),\n    [basePath, client, navigate],\n  );\n  const { initialValues: commandInitialValues } = useMemo(\n    () =>\n      resolvedRoute.kind === \"command\"\n        ? readCommandQueryParams()\n        : { initialValues: {}, autoRun: false },\n    [resolvedRoute.kind, pathname],\n  );\n  const explorerDefinition = useMemo(\n    () => ({\n      key: \"explorer\",\n      title: \"API Explorer\",\n      description: \"Every operation exposed by the current OpenAPI spec.\",\n    }),\n    [],\n  );\n  const navSections = useMemo<AppShellNavSection[]>(() => {\n    const sections: AppShellNavSection[] = surfaceGroups.map((group) => ({\n      label: group.label,\n      items: group.surfaces.map((surface) => {\n        const icon = resolveSurfaceIcon(surface.icon);\n        return {\n          key: surface.key,\n          label: surface.title,\n          ...(icon ? { icon } : {}),\n          active: isSurfaceRouteActive(resolvedRoute, surface.key),\n          to: withBasePath(basePath, `/${surface.key}`),\n        };\n      }),\n    }));\n    if (showApiExplorer) {\n      sections.push({\n        items: [\n          {\n            key: explorerDefinition.key,\n            label: explorerDefinition.title,\n            active: resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n            to: withBasePath(basePath, \"/explorer\"),\n          },\n        ],\n      });\n    }\n    return sections;\n  }, [surfaceGroups, basePath, resolvedRoute, showApiExplorer, explorerDefinition]);\n\n  useEffect(() => {\n    if (defaultSurface == null || relativePath !== \"/\") return;\n    navigate(withBasePath(basePath, `/${defaultSurface.key}`), { replace: true });\n  }, [basePath, defaultSurface, relativePath, navigate]);\n\n  const content = (\n    <AppShell\n      brand={\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">\n            {spec?.info.title ?? \"Clicky Explorer\"}\n          </div>\n          <div className=\"truncate text-xs text-sidebar-foreground/60\">\n            Metadata-driven entity explorer\n          </div>\n        </div>\n      }\n      navSections={navSections}\n      sidebarFooter={<ThemeSwitcher />}\n      // The page header belongs to the host, not to OperationCatalog — the\n      // catalog renders only its results. OperationEntityPage still titles\n      // itself, so this covers the collection route only.\n      {...(resolvedRoute.kind === \"surface\" && resolvedRoute.surface\n        ? {\n            bodyHeader: (\n              <div className=\"min-w-0\">\n                <h1 className=\"truncate text-2xl font-semibold tracking-tight\">\n                  {resolvedRoute.surface.title}\n                </h1>\n                <p className=\"mt-1 max-w-2xl text-sm text-muted-foreground\">\n                  {makeSurfaceDefinition(resolvedRoute.surface).description}\n                </p>\n              </div>\n            ),\n          }\n        : {})}\n      collapsedStorageKey={SIDEBAR_COLLAPSED_KEY}\n      contentClassName=\"p-6\"\n    >\n      {resolvedRoute.kind === \"surface\" ? (\n          resolvedRoute.surface ? (\n            <OperationCatalog\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(resultRenderer ? { resultRenderer } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"entity\" ? (\n          resolvedRoute.surface ? (\n            <OperationEntityPage\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              backHref={withBasePath(basePath, `/${resolvedRoute.surface.key}`)}\n              backLabel={`Back to ${resolvedRoute.surface.title}`}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(entityDetailBodyRenderer ? { entityDetailBodyRenderer } : {})}\n            {...(entityDetailHeaderRenderer ? { entityDetailHeaderRenderer } : {})}\n            {...(resolvedRoute.id ? { id: resolvedRoute.id } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"command\" ? (\n          <OperationCommandPage\n            client={client}\n            backHref={withBasePath(basePath, \"/explorer\")}\n            backLabel=\"Back to API Explorer\"\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n            initialValues={commandInitialValues}\n            autoRun={true}\n            {...(resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {})}\n          />\n        ) : resolvedRoute.kind === \"explorer\" ? (\n          <OperationCatalog\n            definition={explorerDefinition}\n            entities={[]}\n            allOperations\n            client={client}\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n          />\n        ) : defaultSurface == null ? (\n          <div className=\"text-sm text-muted-foreground\">Loading surfaces…</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Redirecting…</div>\n        )}\n    </AppShell>\n  );\n\n  return content;\n}\n\ntype ExplorerRoute =\n  | { kind: \"root\" }\n  | { kind: \"explorer\" }\n  | { kind: \"command\"; operationId?: string }\n  | { kind: \"surface\"; surfaceKey: string; surface?: ClickySurface }\n  | {\n      kind: \"entity\";\n      surfaceKey: string;\n      surface?: ClickySurface;\n      id?: string;\n    };\n\nfunction parseExplorerRoute(pathname: string): ExplorerRoute {\n  const normalized = trimTrailingSlash(pathname) || \"/\";\n  if (normalized === \"/\") {\n    return { kind: \"root\" };\n  }\n\n  const segments = normalized.replace(/^\\/+/, \"\").split(\"/\");\n  if (segments[0] === \"explorer\") {\n    return { kind: \"explorer\" };\n  }\n  if (segments[0] === \"commands\") {\n    return segments[1] ? { kind: \"command\", operationId: segments[1] } : { kind: \"command\" };\n  }\n  const surfaceKey = segments[0] ?? \"\";\n  if (segments[1]) {\n    return {\n      kind: \"entity\",\n      surfaceKey,\n      id: decodeURIComponent(segments[1]),\n    };\n  }\n  return { kind: \"surface\", surfaceKey };\n}\n\nfunction resolveRouteSurface(route: ExplorerRoute, surfaces: ClickySurface[]): ExplorerRoute {\n  if (route.kind !== \"surface\" && route.kind !== \"entity\") {\n    return route;\n  }\n  const surface = surfaces.find((item) => item.key === route.surfaceKey);\n  return surface ? { ...route, surface } : route;\n}\n\nfunction isSurfaceRouteActive(route: ExplorerRoute, surfaceKey: string) {\n  return (\n    (route.kind === \"surface\" && route.surfaceKey === surfaceKey) ||\n    (route.kind === \"entity\" && route.surfaceKey === surfaceKey)\n  );\n}\n\nfunction stripBasePath(pathname: string, basePath: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return trimTrailingSlash(pathname) || \"/\";\n  }\n  if (pathname === base) {\n    return \"/\";\n  }\n  if (pathname.startsWith(`${base}/`)) {\n    return trimTrailingSlash(pathname.slice(base.length)) || \"/\";\n  }\n  return trimTrailingSlash(pathname) || \"/\";\n}\n\nfunction UnknownSurface({ surfaceKey }: { surfaceKey: string }) {\n  return (\n    <div className=\"p-6 text-sm text-muted-foreground\">\n      Unknown surface: <code>{surfaceKey}</code>\n    </div>\n  );\n}\n\nconst LEGACY_AUTORUN_QUERY_PARAM = \"__autoRun\";\n\ntype SurfaceGroup = {\n  parent: string; // the slug; \"\" for surfaces that declared no parent\n  label: string; // display name in the sidebar\n  surfaces: ClickySurface[];\n};\n\n// groupSurfacesByParent buckets surfaces by their ClickySurface.parent slug,\n// preserving the order surfaces appeared in the spec. Surfaces with no parent\n// fall into a trailing \"\" bucket labelled \"Other\".\nfunction groupSurfacesByParent(surfaces: ClickySurface[]): SurfaceGroup[] {\n  const order: string[] = [];\n  const buckets = new Map<string, ClickySurface[]>();\n  for (const surface of surfaces) {\n    const parent = surface.parent ?? \"\";\n    if (!buckets.has(parent)) {\n      buckets.set(parent, []);\n      order.push(parent);\n    }\n    buckets.get(parent)!.push(surface);\n  }\n  return order.map((parent) => ({\n    parent,\n    label: parent === \"\" ? \"Other\" : titleCase(parent),\n    surfaces: buckets.get(parent)!,\n  }));\n}\n\nfunction titleCase(value: string): string {\n  if (!value) return value;\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction readCommandQueryParams(): { initialValues: Record<string, string>; autoRun: boolean } {\n  if (typeof window === \"undefined\") {\n    return { initialValues: {}, autoRun: false };\n  }\n  const search = new URLSearchParams(window.location.search);\n  const initialValues: Record<string, string> = {};\n  let autoRun = false;\n  const positional: string[] = [];\n\n  for (const [key, value] of search.entries()) {\n    if (key === AUTORUN_QUERY_PARAM || key === LEGACY_AUTORUN_QUERY_PARAM) {\n      autoRun = value === \"1\" || value === \"true\";\n      continue;\n    }\n    if (key.startsWith(ARG_QUERY_PREFIX)) {\n      const index = Number.parseInt(key.slice(ARG_QUERY_PREFIX.length), 10);\n      if (Number.isFinite(index) && index >= 0) {\n        positional[index] = value;\n      }\n      continue;\n    }\n    initialValues[key] = value;\n  }\n\n  const packedArgs = positional.filter((value) => value !== undefined).join(\" \");\n  if (packedArgs !== \"\") {\n    initialValues.args = packedArgs;\n  }\n\n  return { initialValues, autoRun };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityExplorerApp.js","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useEffect, useMemo, type ReactNode } from \"react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { PreExtension, PostExtension } from \"../components/json-schema-form-types\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { AppShell, type AppShellNavSection } from \"../layout/AppShell\";\nimport { getClickySurfaces, makeSurfaceDefinition } from \"./clickyMetadata\";\nimport {\n  ARG_QUERY_PREFIX,\n  AUTORUN_QUERY_PARAM,\n  buildCommandHref,\n  trimTrailingSlash,\n  withBasePath,\n} from \"./commandHref\";\nimport { useRouter } from \"./router\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport type { ResultRenderer } from \"./OperationResultView\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport {\n  OperationEntityPage,\n  type EntityDetailBodyRenderer,\n  type EntityDetailHeaderRenderer,\n} from \"./OperationEntityPage\";\nimport type { FormActionsRenderer } from \"./SchemaActionForm\";\nimport { surfaceNavSection } from \"./surfaceNav\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type SurfaceActionLabels = Record<string, Record<string, string>>;\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  /**\n   * Custom JsonSchemaForm field extensions applied to every create/edit form the\n   * explorer renders — e.g. a SecretKeySelector widget keyed on an\n   * `x-clicky-component` schema hint. `pre` transforms a resolved control; `post`\n   * can replace the rendered value node with a custom component.\n   */\n  formExtensions?: { pre?: PreExtension[]; post?: PostExtension[] };\n  /**\n   * Optional extra footer actions added to every create/edit form (e.g. a\n   * connection \"Test\" split-button). The renderer receives the live form value\n   * and the action it submits to, so it can scope itself to a given entity.\n   */\n  formActions?: FormActionsRenderer;\n  /** Per-surface labels keyed by x-clicky verb/actionName. */\n  surfaceActionLabels?: SurfaceActionLabels;\n  /**\n   * @deprecated Superseded by per-surface icons emitted by the backend\n   * (x-clicky-icon → ClickySurface.icon). AppShell section labels are plain\n   * strings, so this group-header icon map is no longer rendered. Kept for\n   * source-compatibility only.\n   */\n  surfaceIcons?: Record<string, ReactNode>;\n  /**\n   * Optional host override for the result surface. Called where an entity's\n   * result table renders, with the current surface key, the raw response, and\n   * the default OperationResultView element. Return `defaultView` to keep the\n   * standard table, or a custom node (e.g. a LogsTable for trace/log profiles\n   * flagged via x-clicky-render). Filtering/sorting policy is the host's choice.\n   */\n  resultRenderer?: ResultRenderer;\n  /** Host override for a loaded entity's body; heading and actions remain. */\n  entityDetailBodyRenderer?: EntityDetailBodyRenderer;\n  /** Host override for a loaded entity's \"{title}: {id}\" heading. */\n  entityDetailHeaderRenderer?: EntityDetailHeaderRenderer;\n};\n\n// SIDEBAR_COLLAPSED_KEY persists the AppShell rail collapsed flag across reloads.\nconst SIDEBAR_COLLAPSED_KEY = \"clicky-ui:sidebar:collapsed\";\n\nexport function EntityExplorerApp({\n  client,\n  basePath = \"\",\n  showApiExplorer = true,\n  formExtensions,\n  formActions,\n  surfaceActionLabels,\n  resultRenderer,\n  entityDetailBodyRenderer,\n  entityDetailHeaderRenderer,\n}: EntityExplorerAppProps) {\n  const formPre = formExtensions?.pre;\n  const formPost = formExtensions?.post;\n  const { pathname, renderLink, navigate } = useRouter();\n  const { spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\n  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);\n  const defaultSurface = useMemo(\n    () => surfaces.find((surface) => !surface.admin) ?? surfaces[0],\n    [surfaces],\n  );\n  const relativePath = useMemo(() => stripBasePath(pathname, basePath), [basePath, pathname]);\n  const route = useMemo(() => parseExplorerRoute(relativePath), [relativePath]);\n  const resolvedRoute = useMemo(() => resolveRouteSurface(route, surfaces), [route, surfaces]);\n  const commandRuntime = useMemo<ClickyCommandRuntime>(\n    () => ({\n      client,\n      hrefForCommand: (resolved) => buildCommandHref(basePath, resolved),\n      onNavigate: (resolved) => {\n        const href = buildCommandHref(basePath, resolved);\n        if (!href) return;\n        navigate(href);\n      },\n    }),\n    [basePath, client, navigate],\n  );\n  const { initialValues: commandInitialValues } = useMemo(\n    () =>\n      resolvedRoute.kind === \"command\"\n        ? readCommandQueryParams()\n        : { initialValues: {}, autoRun: false },\n    [resolvedRoute.kind, pathname],\n  );\n  const explorerDefinition = useMemo(\n    () => ({\n      key: \"explorer\",\n      title: \"API Explorer\",\n      description: \"Every operation exposed by the current OpenAPI spec.\",\n    }),\n    [],\n  );\n  const navSections = useMemo<AppShellNavSection[]>(() => {\n    const sections: AppShellNavSection[] = surfaceGroups.map((group) =>\n      surfaceNavSection(group.label, group.surfaces, {\n        isActive: (surface) => isSurfaceRouteActive(resolvedRoute, surface.key),\n        hrefFor: (surface) => withBasePath(basePath, `/${surface.key}`),\n      }),\n    );\n    if (showApiExplorer) {\n      sections.push({\n        items: [\n          {\n            key: explorerDefinition.key,\n            label: explorerDefinition.title,\n            active: resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n            to: withBasePath(basePath, \"/explorer\"),\n          },\n        ],\n      });\n    }\n    return sections;\n  }, [surfaceGroups, basePath, resolvedRoute, showApiExplorer, explorerDefinition]);\n\n  useEffect(() => {\n    if (defaultSurface == null || relativePath !== \"/\") return;\n    navigate(withBasePath(basePath, `/${defaultSurface.key}`), { replace: true });\n  }, [basePath, defaultSurface, relativePath, navigate]);\n\n  const content = (\n    <AppShell\n      brand={\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-semibold\">\n            {spec?.info.title ?? \"Clicky Explorer\"}\n          </div>\n          <div className=\"truncate text-xs text-sidebar-foreground/60\">\n            Metadata-driven entity explorer\n          </div>\n        </div>\n      }\n      navSections={navSections}\n      sidebarFooter={<ThemeSwitcher />}\n      // The page header belongs to the host, not to OperationCatalog — the\n      // catalog renders only its results. OperationEntityPage still titles\n      // itself, so this covers the collection route only.\n      //\n      // It rides in the top bar rather than a bodyHeader row: next to the rail\n      // that bar is otherwise empty, and the row it replaces cost the result\n      // table ~72px of the viewport it needs to keep its sticky head and\n      // pagination footer on screen without the page itself scrolling.\n      {...(resolvedRoute.kind === \"surface\" && resolvedRoute.surface\n        ? {\n            nav: (\n              <div className=\"flex min-w-0 flex-1 items-baseline gap-density-2\">\n                <h1 className=\"min-w-0 truncate text-base font-semibold tracking-tight\">\n                  {resolvedRoute.surface.title}\n                </h1>\n                <p className=\"hidden min-w-0 truncate text-sm text-muted-foreground lg:block\">\n                  {makeSurfaceDefinition(resolvedRoute.surface).description}\n                </p>\n              </div>\n            ),\n          }\n        : {})}\n      collapsedStorageKey={SIDEBAR_COLLAPSED_KEY}\n      // Results are wide tables, not prose — let them use the whole workspace\n      // instead of the centred reading column.\n      contentWidth=\"full\"\n      contentClassName=\"p-6\"\n    >\n      {resolvedRoute.kind === \"surface\" ? (\n          resolvedRoute.surface ? (\n            <OperationCatalog\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(resultRenderer ? { resultRenderer } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"entity\" ? (\n          resolvedRoute.surface ? (\n            <OperationEntityPage\n              definition={makeSurfaceDefinition(resolvedRoute.surface)}\n              entities={[resolvedRoute.surface.entity]}\n              client={client}\n              renderLink={renderLink}\n              surfaceKey={resolvedRoute.surface.key}\n              backHref={withBasePath(basePath, `/${resolvedRoute.surface.key}`)}\n              backLabel={`Back to ${resolvedRoute.surface.title}`}\n              commandRuntime={commandRuntime}\n              {...(formPre ? { formPre } : {})}\n            {...(formPost ? { formPost } : {})}\n            {...(formActions ? { formActions } : {})}\n            {...(surfaceActionLabels?.[resolvedRoute.surface.key]\n              ? { actionLabels: surfaceActionLabels[resolvedRoute.surface.key] }\n              : {})}\n            {...(entityDetailBodyRenderer ? { entityDetailBodyRenderer } : {})}\n            {...(entityDetailHeaderRenderer ? { entityDetailHeaderRenderer } : {})}\n            {...(resolvedRoute.id ? { id: resolvedRoute.id } : {})}\n            />\n          ) : (\n            <UnknownSurface surfaceKey={resolvedRoute.surfaceKey} />\n          )\n        ) : resolvedRoute.kind === \"command\" ? (\n          <OperationCommandPage\n            client={client}\n            backHref={withBasePath(basePath, \"/explorer\")}\n            backLabel=\"Back to API Explorer\"\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n            initialValues={commandInitialValues}\n            autoRun={true}\n            {...(resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {})}\n          />\n        ) : resolvedRoute.kind === \"explorer\" ? (\n          <OperationCatalog\n            definition={explorerDefinition}\n            entities={[]}\n            allOperations\n            client={client}\n            renderLink={renderLink}\n            commandRuntime={commandRuntime}\n          />\n        ) : defaultSurface == null ? (\n          <div className=\"text-sm text-muted-foreground\">Loading surfaces…</div>\n        ) : (\n          <div className=\"text-sm text-muted-foreground\">Redirecting…</div>\n        )}\n    </AppShell>\n  );\n\n  return content;\n}\n\ntype ExplorerRoute =\n  | { kind: \"root\" }\n  | { kind: \"explorer\" }\n  | { kind: \"command\"; operationId?: string }\n  | { kind: \"surface\"; surfaceKey: string; surface?: ClickySurface }\n  | {\n      kind: \"entity\";\n      surfaceKey: string;\n      surface?: ClickySurface;\n      id?: string;\n    };\n\nfunction parseExplorerRoute(pathname: string): ExplorerRoute {\n  const normalized = trimTrailingSlash(pathname) || \"/\";\n  if (normalized === \"/\") {\n    return { kind: \"root\" };\n  }\n\n  const segments = normalized.replace(/^\\/+/, \"\").split(\"/\");\n  if (segments[0] === \"explorer\") {\n    return { kind: \"explorer\" };\n  }\n  if (segments[0] === \"commands\") {\n    return segments[1] ? { kind: \"command\", operationId: segments[1] } : { kind: \"command\" };\n  }\n  const surfaceKey = segments[0] ?? \"\";\n  if (segments[1]) {\n    return {\n      kind: \"entity\",\n      surfaceKey,\n      id: decodeURIComponent(segments[1]),\n    };\n  }\n  return { kind: \"surface\", surfaceKey };\n}\n\nfunction resolveRouteSurface(route: ExplorerRoute, surfaces: ClickySurface[]): ExplorerRoute {\n  if (route.kind !== \"surface\" && route.kind !== \"entity\") {\n    return route;\n  }\n  const surface = surfaces.find((item) => item.key === route.surfaceKey);\n  return surface ? { ...route, surface } : route;\n}\n\nfunction isSurfaceRouteActive(route: ExplorerRoute, surfaceKey: string) {\n  return (\n    (route.kind === \"surface\" && route.surfaceKey === surfaceKey) ||\n    (route.kind === \"entity\" && route.surfaceKey === surfaceKey)\n  );\n}\n\nfunction stripBasePath(pathname: string, basePath: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return trimTrailingSlash(pathname) || \"/\";\n  }\n  if (pathname === base) {\n    return \"/\";\n  }\n  if (pathname.startsWith(`${base}/`)) {\n    return trimTrailingSlash(pathname.slice(base.length)) || \"/\";\n  }\n  return trimTrailingSlash(pathname) || \"/\";\n}\n\nfunction UnknownSurface({ surfaceKey }: { surfaceKey: string }) {\n  return (\n    <div className=\"p-6 text-sm text-muted-foreground\">\n      Unknown surface: <code>{surfaceKey}</code>\n    </div>\n  );\n}\n\nconst LEGACY_AUTORUN_QUERY_PARAM = \"__autoRun\";\n\ntype SurfaceGroup = {\n  parent: string; // the slug; \"\" for surfaces that declared no parent\n  label: string; // display name in the sidebar\n  surfaces: ClickySurface[];\n};\n\n// groupSurfacesByParent buckets surfaces by their ClickySurface.parent slug,\n// preserving the order surfaces appeared in the spec. Surfaces with no parent\n// fall into a trailing \"\" bucket labelled \"Other\".\nfunction groupSurfacesByParent(surfaces: ClickySurface[]): SurfaceGroup[] {\n  const order: string[] = [];\n  const buckets = new Map<string, ClickySurface[]>();\n  for (const surface of surfaces) {\n    const parent = surface.parent ?? \"\";\n    if (!buckets.has(parent)) {\n      buckets.set(parent, []);\n      order.push(parent);\n    }\n    buckets.get(parent)!.push(surface);\n  }\n  return order.map((parent) => ({\n    parent,\n    label: parent === \"\" ? \"Other\" : titleCase(parent),\n    surfaces: buckets.get(parent)!,\n  }));\n}\n\nfunction titleCase(value: string): string {\n  if (!value) return value;\n  return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction readCommandQueryParams(): { initialValues: Record<string, string>; autoRun: boolean } {\n  if (typeof window === \"undefined\") {\n    return { initialValues: {}, autoRun: false };\n  }\n  const search = new URLSearchParams(window.location.search);\n  const initialValues: Record<string, string> = {};\n  let autoRun = false;\n  const positional: string[] = [];\n\n  for (const [key, value] of search.entries()) {\n    if (key === AUTORUN_QUERY_PARAM || key === LEGACY_AUTORUN_QUERY_PARAM) {\n      autoRun = value === \"1\" || value === \"true\";\n      continue;\n    }\n    if (key.startsWith(ARG_QUERY_PREFIX)) {\n      const index = Number.parseInt(key.slice(ARG_QUERY_PREFIX.length), 10);\n      if (Number.isFinite(index) && index >= 0) {\n        positional[index] = value;\n      }\n      continue;\n    }\n    initialValues[key] = value;\n  }\n\n  const packedArgs = positional.filter((value) => value !== undefined).join(\" \");\n  if (packedArgs !== \"\") {\n    initialValues.args = packedArgs;\n  }\n\n  return { initialValues, autoRun };\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAuEA,MAAM,wBAAwB;AAEvB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,UAAU,iDAAgB;AAChC,QAAM,WAAW,iDAAgB;AACjC,QAAM,EAAE,UAAU,YAAY,SAAA,IAAa,UAAA;AAC3C,QAAM,EAAE,KAAA,IAAS,cAAc,MAAM;AACrC,QAAM,WAAW,QAAQ,MAAM,kBAAkB,IAAI,GAAG,CAAC,IAAI,CAAC;AAC9D,QAAM,gBAAgB,QAAQ,MAAM,sBAAsB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC/E,QAAM,iBAAiB;AAAA,IACrB,MAAM,SAAS,KAAK,CAAC,YAAY,CAAC,QAAQ,KAAK,KAAK,SAAS,CAAC;AAAA,IAC9D,CAAC,QAAQ;AAAA,EAAA;AAEX,QAAM,eAAe,QAAQ,MAAM,cAAc,UAAU,QAAQ,GAAG,CAAC,UAAU,QAAQ,CAAC;AAC1F,QAAM,QAAQ,QAAQ,MAAM,mBAAmB,YAAY,GAAG,CAAC,YAAY,CAAC;AAC5E,QAAM,gBAAgB,QAAQ,MAAM,oBAAoB,OAAO,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC;AAC3F,QAAM,iBAAiB;AAAA,IACrB,OAAO;AAAA,MACL;AAAA,MACA,gBAAgB,CAAC,aAAa,iBAAiB,UAAU,QAAQ;AAAA,MACjE,YAAY,CAAC,aAAa;AACxB,cAAM,OAAO,iBAAiB,UAAU,QAAQ;AAChD,YAAI,CAAC,KAAM;AACX,iBAAS,IAAI;AAAA,MACf;AAAA,IAAA;AAAA,IAEF,CAAC,UAAU,QAAQ,QAAQ;AAAA,EAAA;AAE7B,QAAM,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,MACE,cAAc,SAAS,YACnB,uBAAA,IACA,EAAE,eAAe,CAAA,GAAI,SAAS,MAAA;AAAA,IACpC,CAAC,cAAc,MAAM,QAAQ;AAAA,EAAA;AAE/B,QAAM,qBAAqB;AAAA,IACzB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,CAAA;AAAA,EAAC;AAEH,QAAM,cAAc,QAA8B,MAAM;AACtD,UAAM,WAAiC,cAAc;AAAA,MAAI,CAAC,UACxD,kBAAkB,MAAM,OAAO,MAAM,UAAU;AAAA,QAC7C,UAAU,CAAC,YAAY,qBAAqB,eAAe,QAAQ,GAAG;AAAA,QACtE,SAAS,CAAC,YAAY,aAAa,UAAU,IAAI,QAAQ,GAAG,EAAE;AAAA,MAAA,CAC/D;AAAA,IAAA;AAEH,QAAI,iBAAiB;AACnB,eAAS,KAAK;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,YACE,KAAK,mBAAmB;AAAA,YACxB,OAAO,mBAAmB;AAAA,YAC1B,QAAQ,cAAc,SAAS,cAAc,cAAc,SAAS;AAAA,YACpE,IAAI,aAAa,UAAU,WAAW;AAAA,UAAA;AAAA,QACxC;AAAA,MACF,CACD;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,UAAU,eAAe,iBAAiB,kBAAkB,CAAC;AAEhF,YAAU,MAAM;AACd,QAAI,kBAAkB,QAAQ,iBAAiB,IAAK;AACpD,aAAS,aAAa,UAAU,IAAI,eAAe,GAAG,EAAE,GAAG,EAAE,SAAS,KAAA,CAAM;AAAA,EAC9E,GAAG,CAAC,UAAU,gBAAgB,cAAc,QAAQ,CAAC;AAErD,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OACE,qBAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAA,oBAAC,SAAI,WAAU,kCACZ,WAAA,6BAAM,KAAK,UAAS,mBACvB;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,+CAA8C,UAAA,kCAAA,CAE7D;AAAA,MAAA,GACF;AAAA,MAEF;AAAA,MACA,mCAAgB,eAAA,EAAc;AAAA,MAS7B,GAAI,cAAc,SAAS,aAAa,cAAc,UACnD;AAAA,QACE,KACE,qBAAC,OAAA,EAAI,WAAU,oDACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAG,WAAU,2DACX,UAAA,cAAc,QAAQ,OACzB;AAAA,UACA,oBAAC,OAAE,WAAU,kEACV,gCAAsB,cAAc,OAAO,EAAE,YAAA,CAChD;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,IAGJ,CAAA;AAAA,MACJ,qBAAqB;AAAA,MAGrB,cAAa;AAAA,MACb,kBAAiB;AAAA,MAEhB,UAAA,cAAc,SAAS,YACpB,cAAc,UACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,YAAY,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,iBAAiB,EAAE,mBAAmB,CAAA;AAAA,QAAC;AAAA,MAAA,IAG5C,oBAAC,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,WACzB,cAAc,UACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,YAAY,sBAAsB,cAAc,OAAO;AAAA,UACvD,UAAU,CAAC,cAAc,QAAQ,MAAM;AAAA,UACvC;AAAA,UACA;AAAA,UACA,YAAY,cAAc,QAAQ;AAAA,UAClC,UAAU,aAAa,UAAU,IAAI,cAAc,QAAQ,GAAG,EAAE;AAAA,UAChE,WAAW,WAAW,cAAc,QAAQ,KAAK;AAAA,UACjD;AAAA,UACC,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,UAC9B,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,UAC9B,GAAI,cAAc,EAAE,YAAA,IAAgB,CAAA;AAAA,UACpC,IAAI,2DAAsB,cAAc,QAAQ,QAC7C,EAAE,cAAc,oBAAoB,cAAc,QAAQ,GAAG,EAAA,IAC7D,CAAA;AAAA,UACH,GAAI,2BAA2B,EAAE,yBAAA,IAA6B,CAAA;AAAA,UAC9D,GAAI,6BAA6B,EAAE,2BAAA,IAA+B,CAAA;AAAA,UAClE,GAAI,cAAc,KAAK,EAAE,IAAI,cAAc,GAAA,IAAO,CAAA;AAAA,QAAC;AAAA,MAAA,wBAGnD,gBAAA,EAAe,YAAY,cAAc,WAAA,CAAY,IAEtD,cAAc,SAAS,YACzB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,UAAU,aAAa,UAAU,WAAW;AAAA,UAC5C,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,eAAe;AAAA,UACf,SAAS;AAAA,UACR,GAAI,cAAc,cAAc,EAAE,aAAa,cAAc,YAAA,IAAgB,CAAA;AAAA,QAAC;AAAA,MAAA,IAE/E,cAAc,SAAS,aACzB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,UAAU,CAAA;AAAA,UACV,eAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA,IAEA,kBAAkB,OACpB,oBAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,oBAAA,CAAiB,IAEhE,oBAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,eAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAKnE,SAAO;AACT;AAcA,SAAS,mBAAmB,UAAiC;AAC3D,QAAM,aAAa,kBAAkB,QAAQ,KAAK;AAClD,MAAI,eAAe,KAAK;AACtB,WAAO,EAAE,MAAM,OAAA;AAAA,EACjB;AAEA,QAAM,WAAW,WAAW,QAAQ,QAAQ,EAAE,EAAE,MAAM,GAAG;AACzD,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,EAAE,MAAM,WAAA;AAAA,EACjB;AACA,MAAI,SAAS,CAAC,MAAM,YAAY;AAC9B,WAAO,SAAS,CAAC,IAAI,EAAE,MAAM,WAAW,aAAa,SAAS,CAAC,EAAA,IAAM,EAAE,MAAM,UAAA;AAAA,EAC/E;AACA,QAAM,aAAa,SAAS,CAAC,KAAK;AAClC,MAAI,SAAS,CAAC,GAAG;AACf,WAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,MACA,IAAI,mBAAmB,SAAS,CAAC,CAAC;AAAA,IAAA;AAAA,EAEtC;AACA,SAAO,EAAE,MAAM,WAAW,WAAA;AAC5B;AAEA,SAAS,oBAAoB,OAAsB,UAA0C;AAC3F,MAAI,MAAM,SAAS,aAAa,MAAM,SAAS,UAAU;AACvD,WAAO;AAAA,EACT;AACA,QAAM,UAAU,SAAS,KAAK,CAAC,SAAS,KAAK,QAAQ,MAAM,UAAU;AACrE,SAAO,UAAU,EAAE,GAAG,OAAO,YAAY;AAC3C;AAEA,SAAS,qBAAqB,OAAsB,YAAoB;AACtE,SACG,MAAM,SAAS,aAAa,MAAM,eAAe,cACjD,MAAM,SAAS,YAAY,MAAM,eAAe;AAErD;AAEA,SAAS,cAAc,UAAkB,UAAkB;AACzD,QAAM,OAAO,kBAAkB,QAAQ;AACvC,MAAI,CAAC,QAAQ,SAAS,KAAK;AACzB,WAAO,kBAAkB,QAAQ,KAAK;AAAA,EACxC;AACA,MAAI,aAAa,MAAM;AACrB,WAAO;AAAA,EACT;AACA,MAAI,SAAS,WAAW,GAAG,IAAI,GAAG,GAAG;AACnC,WAAO,kBAAkB,SAAS,MAAM,KAAK,MAAM,CAAC,KAAK;AAAA,EAC3D;AACA,SAAO,kBAAkB,QAAQ,KAAK;AACxC;AAEA,SAAS,eAAe,EAAE,cAAsC;AAC9D,SACE,qBAAC,OAAA,EAAI,WAAU,qCAAoC,UAAA;AAAA,IAAA;AAAA,IAChC,oBAAC,UAAM,UAAA,WAAA,CAAW;AAAA,EAAA,GACrC;AAEJ;AAEA,MAAM,6BAA6B;AAWnC,SAAS,sBAAsB,UAA2C;AACxE,QAAM,QAAkB,CAAA;AACxB,QAAM,8BAAc,IAAA;AACpB,aAAW,WAAW,UAAU;AAC9B,UAAM,SAAS,QAAQ,UAAU;AACjC,QAAI,CAAC,QAAQ,IAAI,MAAM,GAAG;AACxB,cAAQ,IAAI,QAAQ,EAAE;AACtB,YAAM,KAAK,MAAM;AAAA,IACnB;AACA,YAAQ,IAAI,MAAM,EAAG,KAAK,OAAO;AAAA,EACnC;AACA,SAAO,MAAM,IAAI,CAAC,YAAY;AAAA,IAC5B;AAAA,IACA,OAAO,WAAW,KAAK,UAAU,UAAU,MAAM;AAAA,IACjD,UAAU,QAAQ,IAAI,MAAM;AAAA,EAAA,EAC5B;AACJ;AAEA,SAAS,UAAU,OAAuB;AACxC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,MAAM,OAAO,CAAC,EAAE,gBAAgB,MAAM,MAAM,CAAC;AACtD;AAEA,SAAS,yBAAsF;AAC7F,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,EAAE,eAAe,IAAI,SAAS,MAAA;AAAA,EACvC;AACA,QAAM,SAAS,IAAI,gBAAgB,OAAO,SAAS,MAAM;AACzD,QAAM,gBAAwC,CAAA;AAC9C,MAAI,UAAU;AACd,QAAM,aAAuB,CAAA;AAE7B,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,WAAW;AAC3C,QAAI,QAAQ,uBAAuB,QAAQ,4BAA4B;AACrE,gBAAU,UAAU,OAAO,UAAU;AACrC;AAAA,IACF;AACA,QAAI,IAAI,WAAW,gBAAgB,GAAG;AACpC,YAAM,QAAQ,OAAO,SAAS,IAAI,MAAM,iBAAiB,MAAM,GAAG,EAAE;AACpE,UAAI,OAAO,SAAS,KAAK,KAAK,SAAS,GAAG;AACxC,mBAAW,KAAK,IAAI;AAAA,MACtB;AACA;AAAA,IACF;AACA,kBAAc,GAAG,IAAI;AAAA,EACvB;AAEA,QAAM,aAAa,WAAW,OAAO,CAAC,UAAU,UAAU,MAAS,EAAE,KAAK,GAAG;AAC7E,MAAI,eAAe,IAAI;AACrB,kBAAc,OAAO;AAAA,EACvB;AAEA,SAAO,EAAE,eAAe,QAAA;AAC1B;"}

package/dist/rpc/OperationActionBar.cjs

@@ -132,7 +132,7 @@ function OperationActionBar({
         open: true,
         onClose: () => setActiveAction(null),
         title: actionLabel(activeAction),
-        size: "lg",
+        size: "2xl",
         ...footer ? { footer } : {},
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [

package/dist/rpc/OperationActionBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionBar.cjs","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"lg\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":["useQueryClient","useState","getOperationClickyMeta","surfaceActionLabel","packParameterValues","jsxs","Fragment","jsx","cn","Button","SchemaActionForm","FilterForm","Modal","MethodBadge","ExecutionResult"],"mappings":"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"}
+{"version":3,"file":"OperationActionBar.cjs","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":["useQueryClient","useState","getOperationClickyMeta","surfaceActionLabel","packParameterValues","jsxs","Fragment","jsx","cn","Button","SchemaActionForm","FilterForm","Modal","MethodBadge","ExecutionResult"],"mappings":"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"}

package/dist/rpc/OperationActionBar.js

@@ -130,7 +130,7 @@ function OperationActionBar({
         open: true,
         onClose: () => setActiveAction(null),
         title: actionLabel(activeAction),
-        size: "lg",
+        size: "2xl",
         ...footer ? { footer } : {},
         children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [

package/dist/rpc/OperationActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationActionBar.js","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"lg\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationActionBar.js","sources":["../../src/rpc/OperationActionBar.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Button } from \"../components/button\";\nimport { cn } from \"../lib/utils\";\nimport type { ClickyCommandRuntime } from \"../data/Clicky\";\nimport { MethodBadge } from \"../data/MethodBadge\";\nimport { Modal } from \"../overlay/Modal\";\nimport { ExecutionResult } from \"./ExecutionResult\";\nimport { FilterForm } from \"./FilterForm\";\nimport {\n  SchemaActionForm,\n  type FormActionsRenderer,\n  type SchemaActionFormSlots,\n} from \"./SchemaActionForm\";\nimport { getOperationClickyMeta, surfaceActionLabel } from \"./clickyMetadata\";\nimport { packParameterValues } from \"./formMetadata\";\nimport type { ExecutionResponse, ResolvedOperation } from \"./types\";\nimport { type OperationsApiClient } from \"./useOperations\";\nimport type {\n  PreExtension,\n  PostExtension,\n} from \"../components/json-schema-form-types\";\n\nexport type OperationActionBarProps = {\n  // Operations rendered as buttons. The list page passes collection-scoped\n  // actions, the detail page passes entity-scoped actions — this component\n  // renders both identically (same labels, same location, same modal).\n  actions: ResolvedOperation[];\n  client: OperationsApiClient;\n  // Path/filter values locked into the action form. The detail page locks the\n  // row id; the list page locks the active list filters for a bulk action.\n  getLockedValues?: (action: ResolvedOperation) => Record<string, string>;\n  // Refetch the surrounding view (list/detail) once an action succeeds.\n  onExecuted?: () => void | Promise<void>;\n  // Pre-filled form value (the existing entity when editing).\n  initialValue?: Record<string, unknown>;\n  // Hide the locked values in the fallback parameter form (detail hides the id;\n  // the list shows the locked filters for transparency).\n  hideLockedInForm?: boolean;\n  commandRuntime?: ClickyCommandRuntime;\n  formPre?: PreExtension[];\n  formPost?: PostExtension[];\n  formActions?: FormActionsRenderer;\n  // Optional labels keyed by x-clicky verb/actionName for this surface.\n  actionLabels?: Record<string, string>;\n  // Layout placement only — the bar's own styling stays consistent across pages.\n  className?: string;\n};\n\n// OperationActionBar is the single render path for entity action buttons shared\n// by the list (OperationCatalog) and detail (OperationEntityPage) pages: a row\n// of buttons that each open the execution Modal (schema form, or parameter-form\n// fallback) inline. Keeping it shared guarantees both surfaces present the same\n// labels in the same location.\nexport function OperationActionBar({\n  actions,\n  client,\n  getLockedValues,\n  onExecuted,\n  initialValue,\n  hideLockedInForm = false,\n  commandRuntime,\n  formPre,\n  formPost,\n  formActions,\n  actionLabels,\n  className,\n}: OperationActionBarProps) {\n  const queryClient = useQueryClient();\n  const [activeAction, setActiveAction] = useState<ResolvedOperation | null>(null);\n  const [actionResult, setActionResult] = useState<ExecutionResponse | null>(null);\n  const [actionError, setActionError] = useState(\"\");\n  const [isExecutingAction, setIsExecutingAction] = useState(false);\n\n  const activeMeta = activeAction ? getOperationClickyMeta(activeAction) : undefined;\n  const lockedValues = activeAction ? (getLockedValues?.(activeAction) ?? {}) : {};\n\n  function openAction(op: ResolvedOperation) {\n    setActiveAction(op);\n    setActionResult(null);\n    setActionError(\"\");\n  }\n\n  function actionLabel(op: ResolvedOperation): string {\n    const meta = getOperationClickyMeta(op);\n    const key = meta?.actionName?.trim() || meta?.verb?.trim();\n    return (key ? actionLabels?.[key] : undefined) ?? surfaceActionLabel(op);\n  }\n\n  async function refreshDiscovery() {\n    await Promise.all([\n      queryClient.invalidateQueries({ queryKey: [\"openapi-spec\"] }),\n      queryClient.invalidateQueries({ queryKey: [\"logs-entity-names\"] }),\n    ]);\n    await onExecuted?.();\n  }\n\n  async function executeAction(values: Record<string, string>) {\n    if (!activeAction) return;\n    setIsExecutingAction(true);\n    setActionError(\"\");\n\n    try {\n      const response = await client.executeCommand(\n        activeAction.path,\n        activeAction.method,\n        packParameterValues(values, activeAction.operation.parameters ?? []),\n        { Accept: \"application/json+clicky\" },\n      );\n      setActionResult(response);\n      if (!response.error) await refreshDiscovery();\n    } catch (err) {\n      setActionResult(null);\n      setActionError(err instanceof Error ? err.message : String(err ?? \"Unknown error\"));\n    } finally {\n      setIsExecutingAction(false);\n    }\n  }\n\n  return (\n    <>\n      {actions.length > 0 && (\n        <div className={cn(\"flex flex-wrap gap-2\", className)}>\n          {actions.map((op) => {\n            const label = actionLabel(op);\n            const summary = op.operation.summary || op.operation.description;\n            const tooltip = summary && summary !== label ? `${label} — ${summary}` : label;\n            return (\n              <Button\n                key={`${op.method}:${op.path}`}\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                title={tooltip}\n                onClick={() => openAction(op)}\n              >\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n\n      {activeAction && (\n        <SchemaActionForm\n          client={client}\n          action={activeAction}\n          lockedValues={lockedValues}\n          submitLabel={actionLabel(activeAction)}\n          {...(initialValue ? { initialValue } : {})}\n          {...(formPre ? { formPre } : {})}\n          {...(formPost ? { formPost } : {})}\n          {...(formActions ? { footerActions: formActions } : {})}\n          renderLayout={(slots) => renderActionDialog(slots)}\n          onSuccess={() => {\n            setActiveAction(null);\n            void refreshDiscovery();\n          }}\n          fallback={\n            <FilterForm\n              client={client}\n              path={activeAction.path}\n              method={activeAction.method}\n              parameters={activeAction.operation.parameters ?? []}\n              lockedValues={lockedValues}\n              enableLookup={Boolean(activeMeta?.supportsLookup)}\n              submitLabel=\"Execute request\"\n              submittingLabel=\"Executing…\"\n              isSubmitting={isExecutingAction}\n              onSubmit={executeAction}\n              {...(hideLockedInForm ? { hideLocked: true } : {})}\n            />\n          }\n        />\n      )}\n    </>\n  );\n\n  function renderActionDialog({ body, footer }: SchemaActionFormSlots) {\n    if (!activeAction) return null;\n    return (\n      <Modal\n        open\n        onClose={() => setActiveAction(null)}\n        title={actionLabel(activeAction)}\n        size=\"2xl\"\n        {...(footer ? { footer } : {})}\n      >\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-3\">\n            <MethodBadge method={activeAction.method} />\n            <code className=\"rounded-md bg-muted px-2 py-1 text-sm\">\n              {activeAction.path}\n            </code>\n          </div>\n          {body}\n          {actionError ? (\n            <div className=\"rounded-md border border-destructive/40 bg-destructive/5 p-3 text-sm text-destructive\">\n              {actionError}\n            </div>\n          ) : actionResult ? (\n            <ExecutionResult\n              response={actionResult}\n              className=\"mt-0\"\n              {...(commandRuntime ? { commandRuntime } : {})}\n            />\n          ) : null}\n        </div>\n      </Modal>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/rpc/OperationCatalog.cjs

@@ -4,8 +4,6 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const reactQuery = require("@tanstack/react-query");
-const button = require("../components/button.cjs");
-const Icon = require("../data/Icon.cjs");
 const classify = require("./classify.cjs");
 const clickyMetadata = require("./clickyMetadata.cjs");
 const EndpointList = require("./EndpointList.cjs");
@@ -14,8 +12,8 @@ const OperationResultView = require("./OperationResultView.cjs");
 const filterBarUtils = require("../components/filter-bar-utils.cjs");
 const useOperations = require("./useOperations.cjs");
 const formMetadata = require("./formMetadata.cjs");
-const UiTable = require("../icons/components/UiTable.cjs");
-const UiListFlat = require("../icons/components/UiListFlat.cjs");
+const operationFilterSearch = require("./operationFilterSearch.cjs");
+const dataTableFilterValues = require("../data/data-table-filter-values.cjs");
 const defaultCommandHref = (operationId) => `/commands/${operationId}`;
 function defaultRenderError(err, title) {
   const message = err instanceof Error ? err.message : String(err ?? "");
@@ -40,11 +38,10 @@ function OperationCatalog({
   formActions,
   actionLabels,
   resultRenderer,
-  actionsContainer,
-  viewToggleContainer
+  actionsContainer
 }) {
+  var _a, _b;
   const { operations, isLoading } = useOperations.useOperations(client);
-  const [view, setView] = react.useState("table");
   const surfaceOps = react.useMemo(
     () => clickyMetadata.filterOperationsBySurface(operations, surfaceKey),
     [operations, surfaceKey]
@@ -67,8 +64,8 @@ function OperationCatalog({
   );
   const listParameters = (listEndpoint == null ? void 0 : listEndpoint.operation.parameters) ?? [];
   const download = react.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,
@@ -98,7 +95,7 @@ function OperationCatalog({
         Accept: "application/json+clicky"
       }
     ),
-    enabled: !!listEndpoint && view === "table",
+    enabled: !!listEndpoint,
     placeholderData: reactQuery.keepPreviousData,
     staleTime: 3e4,
     retry: 0
@@ -111,8 +108,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,
@@ -120,7 +117,7 @@ function OperationCatalog({
         { Accept: "application/json+clicky" }
       )) ?? { filters: {} };
     },
-    enabled: !!listEndpoint && view === "table" && !!client.lookupFilters,
+    enabled: !!listEndpoint && !!client.lookupFilters,
     staleTime: 3e4,
     retry: 0
   });
@@ -128,15 +125,22 @@ function OperationCatalog({
     () => useSurfaceMetadata ? clickyMetadata.findSurfaceCollectionActions(domainOps, surfaceKey) : [],
     [domainOps, surfaceKey, useSurfaceMetadata]
   );
+  const lookupSearch = operationFilterSearch.useOperationFilterSearch(
+    client,
+    listEndpoint,
+    filters,
+    listParameters
+  );
   const filterBarConfig = react.useMemo(() => {
     const options = {
-      includeLocations: ["query"]
+      includeLocations: ["query"],
+      lookupSearch
     };
     if (lookupQuery.data != null) {
       options.lookup = lookupQuery.data;
     }
     return formMetadata.parametersToFormConfig(listParameters, filters, setFilters, options);
-  }, [filters, listParameters, lookupQuery.data]);
+  }, [filters, listParameters, lookupQuery.data, lookupSearch]);
   const dataTablePagination = react.useMemo(
     () => formMetadata.dataTablePaginationFromForm(filterBarConfig.pagination, listQuery.data),
     [filterBarConfig.pagination, listQuery.data]
@@ -147,8 +151,86 @@ function OperationCatalog({
     ),
     [filterBarConfig.filters, filterPre]
   );
-  const hasTable = !!listEndpoint;
-  const showTable = hasTable && view === "table";
+  const cellFilters = react.useMemo(
+    () => Object.fromEntries(
+      listParameters.filter((parameter) => {
+        var _a2;
+        return ((_a2 = parameter["x-clicky"]) == null ? void 0 : _a2.role) === "filter";
+      }).map((parameter) => [
+        parameter.name,
+        dataTableFilterValues.parseMultiFilterValue(filters[parameter.name] ?? "")
+      ])
+    ),
+    [filters, listParameters]
+  );
+  const onCellFilterChange = react.useCallback(
+    ({ key, value, mode }) => {
+      if (!listParameters.some(
+        (parameter) => {
+          var _a2;
+          return parameter.name === key && ((_a2 = parameter["x-clicky"]) == null ? void 0 : _a2.role) === "filter";
+        }
+      )) {
+        throw new Error(`Clicky table column references unknown filter parameter ${key}`);
+      }
+      setFilters((current) => {
+        const selected = dataTableFilterValues.parseMultiFilterValue(current[key] ?? "");
+        if (mode === void 0) {
+          delete selected[value];
+        } else {
+          selected[value] = mode;
+        }
+        const next = { ...current };
+        const serialized = dataTableFilterValues.serializeMultiFilterValue(selected);
+        if (serialized) {
+          next[key] = serialized;
+        } else {
+          delete next[key];
+        }
+        const offset = listParameters.find(
+          (parameter) => {
+            var _a2;
+            return ((_a2 = parameter["x-clicky"]) == null ? void 0 : _a2.role) === "offset";
+          }
+        );
+        if (offset) next[offset.name] = "0";
+        return next;
+      });
+    },
+    [listParameters]
+  );
+  const resultFilterConfig = react.useMemo(
+    () => ({
+      filters: decoratedFilters,
+      cellFilters,
+      onCellFilterChange,
+      ...filterBarConfig.search ? { search: filterBarConfig.search } : {},
+      ...filterBarConfig.timeRange ? { timeRange: filterBarConfig.timeRange } : {}
+    }),
+    [
+      cellFilters,
+      decoratedFilters,
+      filterBarConfig.search,
+      filterBarConfig.timeRange,
+      onCellFilterChange
+    ]
+  );
+  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 = clickyMetadata.getOperationClickyMeta(op);
     if (meta == null || !meta.supportsFilterMode) {
@@ -176,34 +258,6 @@ function OperationCatalog({
       Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SkeletonBlock, { className: "h-12" }, i))
     ] });
   }
-  const viewToggle = hasTable ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "operation-catalog-view-toggle", className: "flex gap-1 rounded-lg border p-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      button.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__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiTable.UiTable })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      button.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__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiListFlat.UiListFlat })
-      }
-    )
-  ] }) : null;
   const actionBar = /* @__PURE__ */ jsxRuntime.jsx(
     OperationActionBar.OperationActionBar,
     {
@@ -221,36 +275,28 @@ function OperationCatalog({
   return /* @__PURE__ */ jsxRuntime.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: [
-        viewToggle && !viewToggleContainer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-end gap-4", children: viewToggle }),
-        viewToggle && viewToggleContainer && reactDom.createPortal(viewToggle, viewToggleContainer),
         actionsContainer ? reactDom.createPortal(actionBar, actionsContainer) : actionBar,
         showTable ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
                 OperationResultView.OperationResultView,
                 {
-                  response: listQuery.data ?? null,
+                  response: tableResponse,
                   loading: listQuery.isFetching,
                   loadingMessage: `Loading ${definition.title} results…`,
                   emptyMessage: "No records returned",
                   ariaLabel: `${definition.title} results`,
                   className: "mt-0 h-full min-h-0",
                   detailOperation,
-                  filterConfig: {
-                    filters: decoratedFilters,
-                    ...filterBarConfig.search ? { search: filterBarConfig.search } : {},
-                    ...filterBarConfig.timeRange ? { timeRange: filterBarConfig.timeRange } : {}
-                  },
+                  filterConfig: resultFilterConfig,
+                  ...tableError ? { error: tableError } : {},
                   ...commandRuntime ? { commandRuntime } : {},
                   ...dataTablePagination ? { pagination: dataTablePagination } : {},
                   ...download ? { download } : {}
@@ -259,6 +305,13 @@ function OperationCatalog({
               return resultRenderer ? resultRenderer({
                 response: listQuery.data ?? null,
                 defaultView,
+                filterConfig: resultFilterConfig,
+                // A renderer that replaces the table owns the whole surface,
+                // pager and download menu included. Without these it can only
+                // drop them, which is how a replaced view silently loses the
+                // ability to reach page two.
+                ...dataTablePagination ? { pagination: dataTablePagination } : {},
+                ...download ? { download } : {},
                 ...surfaceKey ? { surfaceKey } : {}
               }) : defaultView;
             })()