@flanksource/clicky-ui 0.2.1 → 0.2.3

package/dist/rpc/EntityExplorerApp.js

@@ -1,24 +1,46 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, useEffect } from "react";
+import { useMemo, useState, useCallback, useEffect } from "react";
 import { ThemeSwitcher } from "../components/theme-switcher.js";
-import { ApiExplorer } from "./ApiExplorer.js";
-import { getClickySurfaces, makeSurfaceDefinition } from "./clickyMetadata.js";
+import { getClickySurfaces, findSurfaceListOperation, makeSurfaceDefinition } from "./clickyMetadata.js";
 import { OperationCatalog } from "./OperationCatalog.js";
 import { OperationCommandPage } from "./OperationCommandPage.js";
 import { OperationEntityPage } from "./OperationEntityPage.js";
 import { useOperations } from "./useOperations.js";
+const SURFACE_GROUP_STATE_KEY = "clicky-ui:sidebar:groupCollapsed";
 function EntityExplorerApp({
   client,
   pathname,
   renderLink,
   basePath = "",
   showApiExplorer = true,
-  apiExplorerMode = "scalar",
-  apiExplorerUrl,
-  apiExplorerConfiguration
+  surfaceIcons
 }) {
-  const { spec } = useOperations(client);
+  const { operations, spec } = useOperations(client);
   const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);
+  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);
+  const listHrefBySurface = useMemo(() => {
+    const out = {};
+    for (const surface of surfaces) {
+      const listOp = findSurfaceListOperation(operations, surface.key);
+      if (!(listOp == null ? void 0 : listOp.operation.operationId)) continue;
+      const href = buildCommandHref(basePath, {
+        operation: listOp,
+        request: { command: listOp.operation.operationId, autoRun: true }
+      });
+      if (href) out[surface.key] = href;
+    }
+    return out;
+  }, [basePath, operations, surfaces]);
+  const [collapsedGroups, setCollapsedGroups] = useState(
+    () => readCollapsedGroups()
+  );
+  const toggleGroup = useCallback((parent) => {
+    setCollapsedGroups((prev) => {
+      const next = { ...prev, [parent]: !prev[parent] };
+      writeCollapsedGroups(next);
+      return next;
+    });
+  }, []);
   const defaultSurface = useMemo(
     () => surfaces.find((surface) => !surface.admin) ?? surfaces[0],
     [surfaces]
@@ -65,15 +87,36 @@ function EntityExplorerApp({
         /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: (spec == null ? void 0 : spec.info.title) ?? "Clicky Explorer" }),
         /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Metadata-driven entity explorer" })
       ] }),
-      /* @__PURE__ */ jsxs("nav", { className: "flex flex-col gap-1", children: [
-        surfaces.map(
-          (surface) => renderLink({
-            key: surface.key,
-            to: withBasePath(basePath, `/${surface.key}`),
-            className: navLinkClassName(isSurfaceRouteActive(resolvedRoute, surface.key)),
-            children: surface.title
-          })
-        ),
+      /* @__PURE__ */ jsxs("nav", { className: "flex flex-col gap-2", children: [
+        surfaceGroups.map((group) => {
+          const collapsed = collapsedGroups[group.parent] ?? false;
+          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleGroup(group.parent),
+                "aria-expanded": !collapsed,
+                className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:bg-accent/40",
+                children: [
+                  (surfaceIcons == null ? void 0 : surfaceIcons[group.parent]) != null && /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center text-current", children: surfaceIcons[group.parent] }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: group.label }),
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-[0.65rem] opacity-60", children: collapsed ? "▸" : "▾" })
+                ]
+              }
+            ),
+            !collapsed && /* @__PURE__ */ jsx("div", { className: "ml-2 mt-1 flex flex-col gap-1 border-l border-border/60 pl-2", children: group.surfaces.map(
+              (surface) => renderLink({
+                key: surface.key,
+                to: listHrefBySurface[surface.key] ?? withBasePath(basePath, `/${surface.key}`),
+                className: navLinkClassName(
+                  isSurfaceRouteActive(resolvedRoute, surface.key)
+                ),
+                children: surface.title
+              })
+            ) })
+          ] }, group.parent);
+        }),
         showApiExplorer && renderLink({
           key: explorerDefinition.key,
           to: withBasePath(basePath, "/explorer"),
@@ -120,13 +163,7 @@ function EntityExplorerApp({
         autoRun: commandAutoRun,
         ...resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {}
       }
-    ) : resolvedRoute.kind === "explorer" ? apiExplorerMode === "scalar" ? /* @__PURE__ */ jsx(
-      ApiExplorer,
-      {
-        ...apiExplorerUrl ? { openApiUrl: apiExplorerUrl } : {},
-        ...apiExplorerConfiguration ? { configuration: apiExplorerConfiguration } : {}
-      }
-    ) : /* @__PURE__ */ jsx(
+    ) : resolvedRoute.kind === "explorer" ? /* @__PURE__ */ jsx(
       OperationCatalog,
       {
         definition: explorerDefinition,
@@ -248,6 +285,45 @@ function buildCommandHref(basePath, resolved) {
   const suffix = query ? `?${query}` : "";
   return withBasePath(basePath, `/commands/${encodeURIComponent(commandId)}${suffix}`);
 }
+function groupSurfacesByParent(surfaces) {
+  const order = [];
+  const buckets = /* @__PURE__ */ new Map();
+  for (const surface of surfaces) {
+    const parent = surface.parent ?? "";
+    if (!buckets.has(parent)) {
+      buckets.set(parent, []);
+      order.push(parent);
+    }
+    buckets.get(parent).push(surface);
+  }
+  return order.map((parent) => ({
+    parent,
+    label: parent === "" ? "Other" : titleCase(parent),
+    surfaces: buckets.get(parent)
+  }));
+}
+function titleCase(value) {
+  if (!value) return value;
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function readCollapsedGroups() {
+  if (typeof window === "undefined") return {};
+  try {
+    const raw = window.localStorage.getItem(SURFACE_GROUP_STATE_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function writeCollapsedGroups(state) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(SURFACE_GROUP_STATE_KEY, JSON.stringify(state));
+  } catch {
+  }
+}
 function readCommandQueryParams() {
   if (typeof window === "undefined") {
     return { initialValues: {}, autoRun: false };

package/dist/rpc/EntityExplorerApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityExplorerApp.js","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport type { AnyApiReferenceConfiguration } from \"@scalar/api-reference-react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { ClickyCommandRuntime, ClickyResolvedCommand } from \"../data/Clicky\";\nimport { ApiExplorer } from \"./ApiExplorer\";\nimport { getClickySurfaces, makeSurfaceDefinition } from \"./clickyMetadata\";\nimport type { RenderLink } from \"./EndpointList\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport { OperationEntityPage } from \"./OperationEntityPage\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  pathname: string;\n  renderLink: RenderLink;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  apiExplorerMode?: \"scalar\" | \"operations\";\n  apiExplorerUrl?: string;\n  apiExplorerConfiguration?: AnyApiReferenceConfiguration;\n};\n\nexport function EntityExplorerApp({\n  client,\n  pathname,\n  renderLink,\n  basePath = \"\",\n  showApiExplorer = true,\n  apiExplorerMode = \"scalar\",\n  apiExplorerUrl,\n  apiExplorerConfiguration,\n}: EntityExplorerAppProps) {\n  const { spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\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 || typeof window === \"undefined\") return;\n        window.history.pushState(window.history.state, \"\", href);\n        window.dispatchEvent(new PopStateEvent(\"popstate\"));\n      },\n    }),\n    [basePath, client],\n  );\n  const { initialValues: commandInitialValues, autoRun: commandAutoRun } = 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\n  useEffect(() => {\n    if (\n      typeof window === \"undefined\" ||\n      defaultSurface == null ||\n      relativePath !== \"/\" ||\n      window.location.pathname !== withBasePath(basePath, \"/\")\n    ) {\n      return;\n    }\n\n    const target = withBasePath(basePath, `/${defaultSurface.key}`);\n    window.history.replaceState(window.history.state, \"\", target);\n    window.dispatchEvent(new PopStateEvent(\"popstate\"));\n  }, [basePath, defaultSurface, relativePath]);\n\n  return (\n    <div className=\"flex h-full\">\n      <aside className=\"flex w-64 shrink-0 flex-col border-r border-border bg-muted/30 p-4\">\n        <div className=\"mb-6\">\n          <div className=\"text-sm font-semibold\">{spec?.info.title ?? \"Clicky Explorer\"}</div>\n          <div className=\"text-xs text-muted-foreground\">Metadata-driven entity explorer</div>\n        </div>\n        <nav className=\"flex flex-col gap-1\">\n          {surfaces.map((surface) =>\n            renderLink({\n              key: surface.key,\n              to: withBasePath(basePath, `/${surface.key}`),\n              className: navLinkClassName(isSurfaceRouteActive(resolvedRoute, surface.key)),\n              children: surface.title,\n            }),\n          )}\n          {showApiExplorer &&\n            renderLink({\n              key: explorerDefinition.key,\n              to: withBasePath(basePath, \"/explorer\"),\n              className: navLinkClassName(\n                resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n              ),\n              children: explorerDefinition.title,\n            })}\n        </nav>\n        <div className=\"mt-auto pt-4\">\n          <ThemeSwitcher />\n        </div>\n      </aside>\n\n      <main className=\"flex-1 overflow-auto p-6\">\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            />\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              {...(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={commandAutoRun}\n            {...(resolvedRoute.operationId ? { operationId: resolvedRoute.operationId } : {})}\n          />\n        ) : resolvedRoute.kind === \"explorer\" ? (\n          apiExplorerMode === \"scalar\" ? (\n            <ApiExplorer\n              {...(apiExplorerUrl ? { openApiUrl: apiExplorerUrl } : {})}\n              {...(apiExplorerConfiguration ? { configuration: apiExplorerConfiguration } : {})}\n            />\n          ) : (\n            <OperationCatalog\n              definition={explorerDefinition}\n              entities={[]}\n              allOperations\n              client={client}\n              renderLink={renderLink}\n              commandRuntime={commandRuntime}\n            />\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      </main>\n    </div>\n  );\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 navLinkClassName(active: boolean) {\n  return [\n    \"rounded-md px-2 py-1.5 text-sm transition-colors\",\n    active ? \"bg-accent text-accent-foreground\" : \"text-foreground hover:bg-accent\",\n  ].join(\" \");\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 withBasePath(basePath: string, pathname: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return pathname;\n  }\n  return `${base}${pathname}`;\n}\n\nfunction trimTrailingSlash(value: string) {\n  if (!value) return \"\";\n  return value.length > 1 ? value.replace(/\\/+$/, \"\") : value;\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 AUTORUN_QUERY_PARAM = \"__autoRun\";\nconst ARG_QUERY_PREFIX = \"__arg\";\n\nfunction buildCommandHref(basePath: string, resolved: ClickyResolvedCommand): string | undefined {\n  const commandId = resolved.operation?.operation.operationId ?? resolved.request.command;\n  if (!commandId) return undefined;\n\n  const meta = resolved.operation?.operation[\"x-clicky\"];\n  const args = resolved.request.args ?? [];\n  const flags = resolved.request.flags ?? {};\n\n  // Entity `get` commands route to the surface detail URL: /<surface>/<id>?<flags>\n  if (meta?.verb === \"get\" && meta?.scope === \"entity\" && meta.surface && args[0]) {\n    const search = new URLSearchParams();\n    for (const [key, value] of Object.entries(flags)) {\n      if (value !== undefined && value !== \"\") {\n        search.set(key, value);\n      }\n    }\n    const query = search.toString();\n    const suffix = query ? `?${query}` : \"\";\n    return withBasePath(\n      basePath,\n      `/${encodeURIComponent(meta.surface)}/${encodeURIComponent(args[0])}${suffix}`,\n    );\n  }\n\n  const search = new URLSearchParams();\n  args.forEach((value, index) => {\n    if (value !== undefined && value !== \"\") {\n      search.set(`${ARG_QUERY_PREFIX}${index}`, value);\n    }\n  });\n  for (const [key, value] of Object.entries(flags)) {\n    if (value !== undefined && value !== \"\") {\n      search.set(key, value);\n    }\n  }\n  if (resolved.request.autoRun) {\n    search.set(AUTORUN_QUERY_PARAM, \"1\");\n  }\n\n  const query = search.toString();\n  const suffix = query ? `?${query}` : \"\";\n  return withBasePath(basePath, `/commands/${encodeURIComponent(commandId)}${suffix}`);\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) {\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":["search","query","suffix"],"mappings":"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"}
+{"version":3,"file":"EntityExplorerApp.js","sources":["../../src/rpc/EntityExplorerApp.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { ThemeSwitcher } from \"../components/theme-switcher\";\nimport type { ClickyCommandRuntime, ClickyResolvedCommand } from \"../data/Clicky\";\nimport {\n  findSurfaceListOperation,\n  getClickySurfaces,\n  makeSurfaceDefinition,\n} from \"./clickyMetadata\";\nimport type { RenderLink } from \"./EndpointList\";\nimport { OperationCatalog } from \"./OperationCatalog\";\nimport { OperationCommandPage } from \"./OperationCommandPage\";\nimport { OperationEntityPage } from \"./OperationEntityPage\";\nimport type { ClickySurface } from \"./types\";\nimport type { OperationsApiClient } from \"./useOperations\";\nimport { useOperations } from \"./useOperations\";\n\nexport type EntityExplorerAppProps = {\n  client: OperationsApiClient;\n  pathname: string;\n  renderLink: RenderLink;\n  basePath?: string;\n  showApiExplorer?: boolean;\n  // surfaceIcons maps a ClickySurface.parent slug to a ReactNode rendered next\n  // to the group label. Lets the host app drop in brand SVGs (e.g. Xero,\n  // Takealot) without coupling clicky-ui to any specific iconography.\n  surfaceIcons?: Record<string, ReactNode>;\n};\n\n// SURFACE_GROUP_STATE_KEY persists open/closed state of sidebar groups across\n// reloads. Single localStorage entry, not per-user — operator UI only.\nconst SURFACE_GROUP_STATE_KEY = \"clicky-ui:sidebar:groupCollapsed\";\n\nexport function EntityExplorerApp({\n  client,\n  pathname,\n  renderLink,\n  basePath = \"\",\n  showApiExplorer = true,\n  surfaceIcons,\n}: EntityExplorerAppProps) {\n  const { operations, spec } = useOperations(client);\n  const surfaces = useMemo(() => getClickySurfaces(spec), [spec]);\n  const surfaceGroups = useMemo(() => groupSurfacesByParent(surfaces), [surfaces]);\n  const listHrefBySurface = useMemo(() => {\n    const out: Record<string, string> = {};\n    for (const surface of surfaces) {\n      const listOp = findSurfaceListOperation(operations, surface.key);\n      if (!listOp?.operation.operationId) continue;\n      const href = buildCommandHref(basePath, {\n        operation: listOp,\n        request: { command: listOp.operation.operationId, autoRun: true },\n      });\n      if (href) out[surface.key] = href;\n    }\n    return out;\n  }, [basePath, operations, surfaces]);\n  const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>(() =>\n    readCollapsedGroups(),\n  );\n  const toggleGroup = useCallback((parent: string) => {\n    setCollapsedGroups((prev) => {\n      const next = { ...prev, [parent]: !prev[parent] };\n      writeCollapsedGroups(next);\n      return next;\n    });\n  }, []);\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 || typeof window === \"undefined\") return;\n        window.history.pushState(window.history.state, \"\", href);\n        window.dispatchEvent(new PopStateEvent(\"popstate\"));\n      },\n    }),\n    [basePath, client],\n  );\n  const { initialValues: commandInitialValues, autoRun: commandAutoRun } = 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\n  useEffect(() => {\n    if (\n      typeof window === \"undefined\" ||\n      defaultSurface == null ||\n      relativePath !== \"/\" ||\n      window.location.pathname !== withBasePath(basePath, \"/\")\n    ) {\n      return;\n    }\n\n    const target = withBasePath(basePath, `/${defaultSurface.key}`);\n    window.history.replaceState(window.history.state, \"\", target);\n    window.dispatchEvent(new PopStateEvent(\"popstate\"));\n  }, [basePath, defaultSurface, relativePath]);\n\n  return (\n    <div className=\"flex h-full\">\n      <aside className=\"flex w-64 shrink-0 flex-col border-r border-border bg-muted/30 p-4\">\n        <div className=\"mb-6\">\n          <div className=\"text-sm font-semibold\">{spec?.info.title ?? \"Clicky Explorer\"}</div>\n          <div className=\"text-xs text-muted-foreground\">Metadata-driven entity explorer</div>\n        </div>\n        <nav className=\"flex flex-col gap-2\">\n          {surfaceGroups.map((group) => {\n            const collapsed = collapsedGroups[group.parent] ?? false;\n            return (\n              <div key={group.parent} className=\"flex flex-col\">\n                <button\n                  type=\"button\"\n                  onClick={() => toggleGroup(group.parent)}\n                  aria-expanded={!collapsed}\n                  className=\"flex items-center gap-2 rounded-md px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground transition-colors hover:bg-accent/40\"\n                >\n                  {surfaceIcons?.[group.parent] != null && (\n                    <span className=\"flex h-4 w-4 items-center justify-center text-current\">\n                      {surfaceIcons[group.parent]}\n                    </span>\n                  )}\n                  <span className=\"flex-1 text-left\">{group.label}</span>\n                  <span aria-hidden className=\"text-[0.65rem] opacity-60\">\n                    {collapsed ? \"▸\" : \"▾\"}\n                  </span>\n                </button>\n                {!collapsed && (\n                  <div className=\"ml-2 mt-1 flex flex-col gap-1 border-l border-border/60 pl-2\">\n                    {group.surfaces.map((surface) =>\n                      renderLink({\n                        key: surface.key,\n                        to:\n                          listHrefBySurface[surface.key] ??\n                          withBasePath(basePath, `/${surface.key}`),\n                        className: navLinkClassName(\n                          isSurfaceRouteActive(resolvedRoute, surface.key),\n                        ),\n                        children: surface.title,\n                      }),\n                    )}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n          {showApiExplorer &&\n            renderLink({\n              key: explorerDefinition.key,\n              to: withBasePath(basePath, \"/explorer\"),\n              className: navLinkClassName(\n                resolvedRoute.kind === \"explorer\" || resolvedRoute.kind === \"command\",\n              ),\n              children: explorerDefinition.title,\n            })}\n        </nav>\n        <div className=\"mt-auto pt-4\">\n          <ThemeSwitcher />\n        </div>\n      </aside>\n\n      <main className=\"flex-1 overflow-auto p-6\">\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            />\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              {...(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={commandAutoRun}\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      </main>\n    </div>\n  );\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 navLinkClassName(active: boolean) {\n  return [\n    \"rounded-md px-2 py-1.5 text-sm transition-colors\",\n    active ? \"bg-accent text-accent-foreground\" : \"text-foreground hover:bg-accent\",\n  ].join(\" \");\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 withBasePath(basePath: string, pathname: string) {\n  const base = trimTrailingSlash(basePath);\n  if (!base || base === \"/\") {\n    return pathname;\n  }\n  return `${base}${pathname}`;\n}\n\nfunction trimTrailingSlash(value: string) {\n  if (!value) return \"\";\n  return value.length > 1 ? value.replace(/\\/+$/, \"\") : value;\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 AUTORUN_QUERY_PARAM = \"__autoRun\";\nconst ARG_QUERY_PREFIX = \"__arg\";\n\nfunction buildCommandHref(basePath: string, resolved: ClickyResolvedCommand): string | undefined {\n  const commandId = resolved.operation?.operation.operationId ?? resolved.request.command;\n  if (!commandId) return undefined;\n\n  const meta = resolved.operation?.operation[\"x-clicky\"];\n  const args = resolved.request.args ?? [];\n  const flags = resolved.request.flags ?? {};\n\n  // Entity `get` commands route to the surface detail URL: /<surface>/<id>?<flags>\n  if (meta?.verb === \"get\" && meta?.scope === \"entity\" && meta.surface && args[0]) {\n    const search = new URLSearchParams();\n    for (const [key, value] of Object.entries(flags)) {\n      if (value !== undefined && value !== \"\") {\n        search.set(key, value);\n      }\n    }\n    const query = search.toString();\n    const suffix = query ? `?${query}` : \"\";\n    return withBasePath(\n      basePath,\n      `/${encodeURIComponent(meta.surface)}/${encodeURIComponent(args[0])}${suffix}`,\n    );\n  }\n\n  const search = new URLSearchParams();\n  args.forEach((value, index) => {\n    if (value !== undefined && value !== \"\") {\n      search.set(`${ARG_QUERY_PREFIX}${index}`, value);\n    }\n  });\n  for (const [key, value] of Object.entries(flags)) {\n    if (value !== undefined && value !== \"\") {\n      search.set(key, value);\n    }\n  }\n  if (resolved.request.autoRun) {\n    search.set(AUTORUN_QUERY_PARAM, \"1\");\n  }\n\n  const query = search.toString();\n  const suffix = query ? `?${query}` : \"\";\n  return withBasePath(basePath, `/commands/${encodeURIComponent(commandId)}${suffix}`);\n}\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 readCollapsedGroups(): Record<string, boolean> {\n  if (typeof window === \"undefined\") return {};\n  try {\n    const raw = window.localStorage.getItem(SURFACE_GROUP_STATE_KEY);\n    if (!raw) return {};\n    const parsed = JSON.parse(raw);\n    return parsed && typeof parsed === \"object\" ? (parsed as Record<string, boolean>) : {};\n  } catch {\n    return {};\n  }\n}\n\nfunction writeCollapsedGroups(state: Record<string, boolean>) {\n  if (typeof window === \"undefined\") return;\n  try {\n    window.localStorage.setItem(SURFACE_GROUP_STATE_KEY, JSON.stringify(state));\n  } catch {\n    // Quota / private-mode failures are safe to swallow — sidebar state is\n    // purely a UX nicety, not a correctness signal.\n  }\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) {\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":["search","query","suffix"],"mappings":"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"}

package/dist/rpc/ExecutionResult.cjs

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Clicky = require("../data/Clicky.cjs");
+const DataTable = require("../data/DataTable.cjs");
+const utils = require("../lib/utils.cjs");
+const classify = require("./classify.cjs");
+const LOADING_RESULT_COLUMNS = [
+  { key: "result", label: "Result", grow: true },
+  { key: "status", label: "Status", shrink: true },
+  { key: "updated", label: "Updated", shrink: true },
+  { key: "details", label: "Details", grow: true }
+];
+function ExecutionResult({
+  response,
+  loading = false,
+  loadingMessage = "Loading execution results…",
+  emptyMessage = "No response yet.",
+  ariaLabel = "Response body",
+  className,
+  commandRuntime,
+  onTableRowClick,
+  getTableRowHref,
+  isTableRowClickable,
+  search,
+  timeRange,
+  externalFilters
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": ariaLabel, className: utils.cn("mt-3", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable.DataTable,
+      {
+        data: [],
+        columns: LOADING_RESULT_COLUMNS,
+        loading: true,
+        loadingMessage,
+        loadingRowCount: 8,
+        showGlobalFilter: false,
+        showDensityControl: false,
+        hideableColumns: false,
+        resizableColumns: false,
+        persistColumnWidths: false,
+        persistColumnVisibility: false,
+        persistDensity: false
+      }
+    ) });
+  }
+  if (!response) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("mt-3 text-sm text-muted-foreground", className), children: emptyMessage });
+  }
+  const rawText = response.stdout || response.output || response.message || "";
+  const parsedPayload = response.parsed ?? classify.parseJsonBody(response);
+  const clickyPayload = typeof parsedPayload === "string" || parsedPayload != null && typeof parsedPayload === "object" ? parsedPayload : rawText;
+  const parsedClicky = clickyPayload === "" ? null : Clicky.parseClickyData(clickyPayload);
+  if (parsedClicky == null ? void 0 : parsedClicky.ok) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "region", "aria-label": ariaLabel, className: utils.cn("mt-3", className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      Clicky.Clicky,
+      {
+        data: parsedClicky.document,
+        ...response.requestUrl ? { url: response.requestUrl } : {},
+        ...commandRuntime ? { commandRuntime } : {},
+        ...onTableRowClick ? { onTableRowClick } : {},
+        ...getTableRowHref ? { getTableRowHref } : {},
+        ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
+        ...externalFilters ? { externalFilters } : {}
+      }
+    ) });
+  }
+  const renderedText = parsedPayload != null ? JSON.stringify(parsedPayload, null, 2) : rawText;
+  if (!renderedText) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils.cn("mt-3 text-sm text-muted-foreground", className), children: "Response completed with no body." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "pre",
+    {
+      "aria-label": ariaLabel,
+      className: utils.cn("mt-3 overflow-auto rounded-md bg-muted p-4 text-xs", className),
+      children: renderedText
+    }
+  );
+}
+exports.ExecutionResult = ExecutionResult;
+//# sourceMappingURL=ExecutionResult.cjs.map

package/dist/rpc/ExecutionResult.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionResult.cjs","sources":["../../src/rpc/ExecutionResult.tsx"],"sourcesContent":["import {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowHref,\n  type ClickyTableRowClick,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { DataTable, type DataTableColumn } from \"../data/DataTable\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { cn } from \"../lib/utils\";\nimport { parseJsonBody } from \"./classify\";\nimport type { ExecutionResponse } from \"./types\";\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport type ExecutionResultProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  /** Caller-owned search input published into the embedded table's FilterBar. */\n  search?: FilterBarSearchProps;\n  /** Caller-owned time-range control published into the embedded table's FilterBar. */\n  timeRange?: FilterBarRangeProps;\n  /** Caller-owned filter pills published into the embedded table's FilterBar. */\n  externalFilters?: FilterBarFilter[];\n};\n\nexport function ExecutionResult({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel = \"Response body\",\n  className,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n}: ExecutionResultProps) {\n  if (loading) {\n    return (\n      <div role=\"region\" aria-label={ariaLabel} className={cn(\"mt-3\", className)}>\n        <DataTable<LoadingResultRow>\n          data={[]}\n          columns={LOADING_RESULT_COLUMNS}\n          loading\n          loadingMessage={loadingMessage}\n          loadingRowCount={8}\n          showGlobalFilter={false}\n          showDensityControl={false}\n          hideableColumns={false}\n          resizableColumns={false}\n          persistColumnWidths={false}\n          persistColumnVisibility={false}\n          persistDensity={false}\n        />\n      </div>\n    );\n  }\n\n  if (!response) {\n    return <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>{emptyMessage}</p>;\n  }\n\n  const rawText = response.stdout || response.output || response.message || \"\";\n  const parsedPayload = response.parsed ?? parseJsonBody(response);\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsedPayload === \"string\" ||\n    (parsedPayload != null && typeof parsedPayload === \"object\")\n      ? (parsedPayload as ClickyNode | ClickyDocument)\n      : rawText;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (parsedClicky?.ok) {\n    return (\n      <div role=\"region\" aria-label={ariaLabel} className={cn(\"mt-3\", className)}>\n        <Clicky\n          data={parsedClicky.document}\n          {...(response.requestUrl ? { url: response.requestUrl } : {})}\n          {...(commandRuntime ? { commandRuntime } : {})}\n          {...(onTableRowClick ? { onTableRowClick } : {})}\n          {...(getTableRowHref ? { getTableRowHref } : {})}\n          {...(isTableRowClickable ? { isTableRowClickable } : {})}\n          {...(search ? { search } : {})}\n          {...(timeRange ? { timeRange } : {})}\n          {...(externalFilters ? { externalFilters } : {})}\n        />\n      </div>\n    );\n  }\n\n  const renderedText = parsedPayload != null ? JSON.stringify(parsedPayload, null, 2) : rawText;\n\n  if (!renderedText) {\n    return (\n      <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>\n        Response completed with no body.\n      </p>\n    );\n  }\n\n  return (\n    <pre\n      aria-label={ariaLabel}\n      className={cn(\"mt-3 overflow-auto rounded-md bg-muted p-4 text-xs\", className)}\n    >\n      {renderedText}\n    </pre>\n  );\n}\n"],"names":["jsx","cn","DataTable","parseJsonBody","parseClickyData","Clicky"],"mappings":";;;;;;;AA2BA,MAAM,yBAA8D;AAAA,EAClE,EAAE,KAAK,UAAU,OAAO,UAAU,MAAM,KAAA;AAAA,EACxC,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,KAAA;AAAA,EAC1C,EAAE,KAAK,WAAW,OAAO,WAAW,QAAQ,KAAA;AAAA,EAC5C,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,KAAA;AAC5C;AAqBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,MAAI,SAAS;AACX,WACEA,2BAAAA,IAAC,OAAA,EAAI,MAAK,UAAS,cAAY,WAAW,WAAWC,MAAAA,GAAG,QAAQ,SAAS,GACvE,UAAAD,2BAAAA;AAAAA,MAACE,UAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,CAAA;AAAA,QACN,SAAS;AAAA,QACT,SAAO;AAAA,QACP;AAAA,QACA,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,qBAAqB;AAAA,QACrB,yBAAyB;AAAA,QACzB,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,EAEJ;AAEA,MAAI,CAAC,UAAU;AACb,0CAAQ,KAAA,EAAE,WAAWD,MAAAA,GAAG,sCAAsC,SAAS,GAAI,UAAA,cAAa;AAAA,EAC1F;AAEA,QAAM,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS,WAAW;AAC1E,QAAM,gBAAgB,SAAS,UAAUE,SAAAA,cAAc,QAAQ;AAC/D,QAAM,gBACJ,OAAO,kBAAkB,YACxB,iBAAiB,QAAQ,OAAO,kBAAkB,WAC9C,gBACD;AACN,QAAM,eAAe,kBAAkB,KAAK,OAAOC,OAAAA,gBAAgB,aAAa;AAEhF,MAAI,6CAAc,IAAI;AACpB,WACEJ,2BAAAA,IAAC,OAAA,EAAI,MAAK,UAAS,cAAY,WAAW,WAAWC,MAAAA,GAAG,QAAQ,SAAS,GACvE,UAAAD,2BAAAA;AAAAA,MAACK,OAAAA;AAAAA,MAAA;AAAA,QACC,MAAM,aAAa;AAAA,QAClB,GAAI,SAAS,aAAa,EAAE,KAAK,SAAS,WAAA,IAAe,CAAA;AAAA,QACzD,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,sBAAsB,EAAE,oBAAA,IAAwB,CAAA;AAAA,QACpD,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,QAC1B,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,QAChC,GAAI,kBAAkB,EAAE,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA,GAElD;AAAA,EAEJ;AAEA,QAAM,eAAe,iBAAiB,OAAO,KAAK,UAAU,eAAe,MAAM,CAAC,IAAI;AAEtF,MAAI,CAAC,cAAc;AACjB,0CACG,KAAA,EAAE,WAAWJ,MAAAA,GAAG,sCAAsC,SAAS,GAAG,UAAA,oCAEnE;AAAA,EAEJ;AAEA,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAWC,MAAAA,GAAG,sDAAsD,SAAS;AAAA,MAE5E,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/rpc/ExecutionResult.d.ts

@@ -1,7 +1,10 @@
 import { ClickyCommandRuntime, ClickyTableRowHref, ClickyTableRowClick, ClickyTableRowPredicate } from '../data/Clicky';
+import { FilterBarFilter, FilterBarRangeProps, FilterBarSearchProps } from '../components/FilterBar';
 import { ExecutionResponse } from './types';
 export type ExecutionResultProps = {
     response?: ExecutionResponse | null;
+    loading?: boolean;
+    loadingMessage?: string;
     emptyMessage?: string;
     ariaLabel?: string;
     className?: string;
@@ -9,6 +12,12 @@ export type ExecutionResultProps = {
     onTableRowClick?: ClickyTableRowClick;
     getTableRowHref?: ClickyTableRowHref;
     isTableRowClickable?: ClickyTableRowPredicate;
+    /** Caller-owned search input published into the embedded table's FilterBar. */
+    search?: FilterBarSearchProps;
+    /** Caller-owned time-range control published into the embedded table's FilterBar. */
+    timeRange?: FilterBarRangeProps;
+    /** Caller-owned filter pills published into the embedded table's FilterBar. */
+    externalFilters?: FilterBarFilter[];
 };
-export declare function ExecutionResult({ response, emptyMessage, ariaLabel, className, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, }: ExecutionResultProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExecutionResult({ response, loading, loadingMessage, emptyMessage, ariaLabel, className, commandRuntime, onTableRowClick, getTableRowHref, isTableRowClickable, search, timeRange, externalFilters, }: ExecutionResultProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExecutionResult.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExecutionResult.d.ts","sourceRoot":"","sources":["../../src/rpc/ExecutionResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,YAAiC,EACjC,SAA2B,EAC3B,SAAS,EACT,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,GACpB,EAAE,oBAAoB,2CA+CtB"}
+{"version":3,"file":"ExecutionResult.d.ts","sourceRoot":"","sources":["../../src/rpc/ExecutionResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EAGzB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC7B,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAgBjD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACpC,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;IACtC,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;IAC9C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,qFAAqF;IACrF,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;CACrC,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,OAAe,EACf,cAA6C,EAC7C,YAAiC,EACjC,SAA2B,EAC3B,SAAS,EACT,cAAc,EACd,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,MAAM,EACN,SAAS,EACT,eAAe,GAChB,EAAE,oBAAoB,2CAuEtB"}

package/dist/rpc/ExecutionResult.js

@@ -1,17 +1,48 @@
 import { jsx } from "react/jsx-runtime";
 import { parseClickyData, Clicky } from "../data/Clicky.js";
+import { DataTable } from "../data/DataTable.js";
 import { cn } from "../lib/utils.js";
 import { parseJsonBody } from "./classify.js";
+const LOADING_RESULT_COLUMNS = [
+  { key: "result", label: "Result", grow: true },
+  { key: "status", label: "Status", shrink: true },
+  { key: "updated", label: "Updated", shrink: true },
+  { key: "details", label: "Details", grow: true }
+];
 function ExecutionResult({
   response,
+  loading = false,
+  loadingMessage = "Loading execution results…",
   emptyMessage = "No response yet.",
   ariaLabel = "Response body",
   className,
   commandRuntime,
   onTableRowClick,
   getTableRowHref,
-  isTableRowClickable
+  isTableRowClickable,
+  search,
+  timeRange,
+  externalFilters
 }) {
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { role: "region", "aria-label": ariaLabel, className: cn("mt-3", className), children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: [],
+        columns: LOADING_RESULT_COLUMNS,
+        loading: true,
+        loadingMessage,
+        loadingRowCount: 8,
+        showGlobalFilter: false,
+        showDensityControl: false,
+        hideableColumns: false,
+        resizableColumns: false,
+        persistColumnWidths: false,
+        persistColumnVisibility: false,
+        persistDensity: false
+      }
+    ) });
+  }
   if (!response) {
     return /* @__PURE__ */ jsx("p", { className: cn("mt-3 text-sm text-muted-foreground", className), children: emptyMessage });
   }
@@ -28,7 +59,10 @@ function ExecutionResult({
         ...commandRuntime ? { commandRuntime } : {},
         ...onTableRowClick ? { onTableRowClick } : {},
         ...getTableRowHref ? { getTableRowHref } : {},
-        ...isTableRowClickable ? { isTableRowClickable } : {}
+        ...isTableRowClickable ? { isTableRowClickable } : {},
+        ...search ? { search } : {},
+        ...timeRange ? { timeRange } : {},
+        ...externalFilters ? { externalFilters } : {}
       }
     ) });
   }

package/dist/rpc/ExecutionResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExecutionResult.js","sources":["../../src/rpc/ExecutionResult.tsx"],"sourcesContent":["import {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowHref,\n  type ClickyTableRowClick,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { cn } from \"../lib/utils\";\nimport { parseJsonBody } from \"./classify\";\nimport type { ExecutionResponse } from \"./types\";\n\nexport type ExecutionResultProps = {\n  response?: ExecutionResponse | null;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n};\n\nexport function ExecutionResult({\n  response,\n  emptyMessage = \"No response yet.\",\n  ariaLabel = \"Response body\",\n  className,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n}: ExecutionResultProps) {\n  if (!response) {\n    return <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>{emptyMessage}</p>;\n  }\n\n  const rawText = response.stdout || response.output || response.message || \"\";\n  const parsedPayload = response.parsed ?? parseJsonBody(response);\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsedPayload === \"string\" ||\n    (parsedPayload != null && typeof parsedPayload === \"object\")\n      ? (parsedPayload as ClickyNode | ClickyDocument)\n      : rawText;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (parsedClicky?.ok) {\n    return (\n      <div role=\"region\" aria-label={ariaLabel} className={cn(\"mt-3\", className)}>\n        <Clicky\n          data={parsedClicky.document}\n          {...(response.requestUrl ? { url: response.requestUrl } : {})}\n          {...(commandRuntime ? { commandRuntime } : {})}\n          {...(onTableRowClick ? { onTableRowClick } : {})}\n          {...(getTableRowHref ? { getTableRowHref } : {})}\n          {...(isTableRowClickable ? { isTableRowClickable } : {})}\n        />\n      </div>\n    );\n  }\n\n  const renderedText = parsedPayload != null ? JSON.stringify(parsedPayload, null, 2) : rawText;\n\n  if (!renderedText) {\n    return (\n      <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>\n        Response completed with no body.\n      </p>\n    );\n  }\n\n  return (\n    <pre\n      aria-label={ariaLabel}\n      className={cn(\"mt-3 overflow-auto rounded-md bg-muted p-4 text-xs\", className)}\n    >\n      {renderedText}\n    </pre>\n  );\n}\n"],"names":[],"mappings":";;;;AAyBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,MAAI,CAAC,UAAU;AACb,+BAAQ,KAAA,EAAE,WAAW,GAAG,sCAAsC,SAAS,GAAI,UAAA,cAAa;AAAA,EAC1F;AAEA,QAAM,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS,WAAW;AAC1E,QAAM,gBAAgB,SAAS,UAAU,cAAc,QAAQ;AAC/D,QAAM,gBACJ,OAAO,kBAAkB,YACxB,iBAAiB,QAAQ,OAAO,kBAAkB,WAC9C,gBACD;AACN,QAAM,eAAe,kBAAkB,KAAK,OAAO,gBAAgB,aAAa;AAEhF,MAAI,6CAAc,IAAI;AACpB,WACE,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAY,WAAW,WAAW,GAAG,QAAQ,SAAS,GACvE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,aAAa;AAAA,QAClB,GAAI,SAAS,aAAa,EAAE,KAAK,SAAS,WAAA,IAAe,CAAA;AAAA,QACzD,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,sBAAsB,EAAE,wBAAwB,CAAA;AAAA,MAAC;AAAA,IAAA,GAE1D;AAAA,EAEJ;AAEA,QAAM,eAAe,iBAAiB,OAAO,KAAK,UAAU,eAAe,MAAM,CAAC,IAAI;AAEtF,MAAI,CAAC,cAAc;AACjB,+BACG,KAAA,EAAE,WAAW,GAAG,sCAAsC,SAAS,GAAG,UAAA,oCAEnE;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAE5E,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"ExecutionResult.js","sources":["../../src/rpc/ExecutionResult.tsx"],"sourcesContent":["import {\n  Clicky,\n  parseClickyData,\n  type ClickyCommandRuntime,\n  type ClickyDocument,\n  type ClickyNode,\n  type ClickyTableRowHref,\n  type ClickyTableRowClick,\n  type ClickyTableRowPredicate,\n} from \"../data/Clicky\";\nimport { DataTable, type DataTableColumn } from \"../data/DataTable\";\nimport type {\n  FilterBarFilter,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n} from \"../components/FilterBar\";\nimport { cn } from \"../lib/utils\";\nimport { parseJsonBody } from \"./classify\";\nimport type { ExecutionResponse } from \"./types\";\n\ntype LoadingResultRow = {\n  result: string;\n  status: string;\n  updated: string;\n  details: string;\n};\n\nconst LOADING_RESULT_COLUMNS: DataTableColumn<LoadingResultRow>[] = [\n  { key: \"result\", label: \"Result\", grow: true },\n  { key: \"status\", label: \"Status\", shrink: true },\n  { key: \"updated\", label: \"Updated\", shrink: true },\n  { key: \"details\", label: \"Details\", grow: true },\n];\n\nexport type ExecutionResultProps = {\n  response?: ExecutionResponse | null;\n  loading?: boolean;\n  loadingMessage?: string;\n  emptyMessage?: string;\n  ariaLabel?: string;\n  className?: string;\n  commandRuntime?: ClickyCommandRuntime;\n  onTableRowClick?: ClickyTableRowClick;\n  getTableRowHref?: ClickyTableRowHref;\n  isTableRowClickable?: ClickyTableRowPredicate;\n  /** Caller-owned search input published into the embedded table's FilterBar. */\n  search?: FilterBarSearchProps;\n  /** Caller-owned time-range control published into the embedded table's FilterBar. */\n  timeRange?: FilterBarRangeProps;\n  /** Caller-owned filter pills published into the embedded table's FilterBar. */\n  externalFilters?: FilterBarFilter[];\n};\n\nexport function ExecutionResult({\n  response,\n  loading = false,\n  loadingMessage = \"Loading execution results…\",\n  emptyMessage = \"No response yet.\",\n  ariaLabel = \"Response body\",\n  className,\n  commandRuntime,\n  onTableRowClick,\n  getTableRowHref,\n  isTableRowClickable,\n  search,\n  timeRange,\n  externalFilters,\n}: ExecutionResultProps) {\n  if (loading) {\n    return (\n      <div role=\"region\" aria-label={ariaLabel} className={cn(\"mt-3\", className)}>\n        <DataTable<LoadingResultRow>\n          data={[]}\n          columns={LOADING_RESULT_COLUMNS}\n          loading\n          loadingMessage={loadingMessage}\n          loadingRowCount={8}\n          showGlobalFilter={false}\n          showDensityControl={false}\n          hideableColumns={false}\n          resizableColumns={false}\n          persistColumnWidths={false}\n          persistColumnVisibility={false}\n          persistDensity={false}\n        />\n      </div>\n    );\n  }\n\n  if (!response) {\n    return <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>{emptyMessage}</p>;\n  }\n\n  const rawText = response.stdout || response.output || response.message || \"\";\n  const parsedPayload = response.parsed ?? parseJsonBody(response);\n  const clickyPayload: string | ClickyNode | ClickyDocument | undefined =\n    typeof parsedPayload === \"string\" ||\n    (parsedPayload != null && typeof parsedPayload === \"object\")\n      ? (parsedPayload as ClickyNode | ClickyDocument)\n      : rawText;\n  const parsedClicky = clickyPayload === \"\" ? null : parseClickyData(clickyPayload);\n\n  if (parsedClicky?.ok) {\n    return (\n      <div role=\"region\" aria-label={ariaLabel} className={cn(\"mt-3\", className)}>\n        <Clicky\n          data={parsedClicky.document}\n          {...(response.requestUrl ? { url: response.requestUrl } : {})}\n          {...(commandRuntime ? { commandRuntime } : {})}\n          {...(onTableRowClick ? { onTableRowClick } : {})}\n          {...(getTableRowHref ? { getTableRowHref } : {})}\n          {...(isTableRowClickable ? { isTableRowClickable } : {})}\n          {...(search ? { search } : {})}\n          {...(timeRange ? { timeRange } : {})}\n          {...(externalFilters ? { externalFilters } : {})}\n        />\n      </div>\n    );\n  }\n\n  const renderedText = parsedPayload != null ? JSON.stringify(parsedPayload, null, 2) : rawText;\n\n  if (!renderedText) {\n    return (\n      <p className={cn(\"mt-3 text-sm text-muted-foreground\", className)}>\n        Response completed with no body.\n      </p>\n    );\n  }\n\n  return (\n    <pre\n      aria-label={ariaLabel}\n      className={cn(\"mt-3 overflow-auto rounded-md bg-muted p-4 text-xs\", className)}\n    >\n      {renderedText}\n    </pre>\n  );\n}\n"],"names":[],"mappings":";;;;;AA2BA,MAAM,yBAA8D;AAAA,EAClE,EAAE,KAAK,UAAU,OAAO,UAAU,MAAM,KAAA;AAAA,EACxC,EAAE,KAAK,UAAU,OAAO,UAAU,QAAQ,KAAA;AAAA,EAC1C,EAAE,KAAK,WAAW,OAAO,WAAW,QAAQ,KAAA;AAAA,EAC5C,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,KAAA;AAC5C;AAqBO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,MAAI,SAAS;AACX,WACE,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAY,WAAW,WAAW,GAAG,QAAQ,SAAS,GACvE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,CAAA;AAAA,QACN,SAAS;AAAA,QACT,SAAO;AAAA,QACP;AAAA,QACA,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,qBAAqB;AAAA,QACrB,yBAAyB;AAAA,QACzB,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,EAEJ;AAEA,MAAI,CAAC,UAAU;AACb,+BAAQ,KAAA,EAAE,WAAW,GAAG,sCAAsC,SAAS,GAAI,UAAA,cAAa;AAAA,EAC1F;AAEA,QAAM,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS,WAAW;AAC1E,QAAM,gBAAgB,SAAS,UAAU,cAAc,QAAQ;AAC/D,QAAM,gBACJ,OAAO,kBAAkB,YACxB,iBAAiB,QAAQ,OAAO,kBAAkB,WAC9C,gBACD;AACN,QAAM,eAAe,kBAAkB,KAAK,OAAO,gBAAgB,aAAa;AAEhF,MAAI,6CAAc,IAAI;AACpB,WACE,oBAAC,OAAA,EAAI,MAAK,UAAS,cAAY,WAAW,WAAW,GAAG,QAAQ,SAAS,GACvE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,aAAa;AAAA,QAClB,GAAI,SAAS,aAAa,EAAE,KAAK,SAAS,WAAA,IAAe,CAAA;AAAA,QACzD,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,kBAAkB,EAAE,gBAAA,IAAoB,CAAA;AAAA,QAC5C,GAAI,sBAAsB,EAAE,oBAAA,IAAwB,CAAA;AAAA,QACpD,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,QAC1B,GAAI,YAAY,EAAE,UAAA,IAAc,CAAA;AAAA,QAChC,GAAI,kBAAkB,EAAE,oBAAoB,CAAA;AAAA,MAAC;AAAA,IAAA,GAElD;AAAA,EAEJ;AAEA,QAAM,eAAe,iBAAiB,OAAO,KAAK,UAAU,eAAe,MAAM,CAAC,IAAI;AAEtF,MAAI,CAAC,cAAc;AACjB,+BACG,KAAA,EAAE,WAAW,GAAG,sCAAsC,SAAS,GAAG,UAAA,oCAEnE;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAY;AAAA,MACZ,WAAW,GAAG,sDAAsD,SAAS;AAAA,MAE5E,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}