camox 0.66.0 → 0.68.0

package/dist/features/preview/repeatableItemTargets.js

@@ -1,14 +1,20 @@
 //#region src/features/preview/repeatableItemTargets.ts
-const registries = /* @__PURE__ */ new WeakMap();
+/**
+* The registry lives on the document, not in this module: the renderer document
+* registers items with its own copy of the SDK, and the studio's copy observes them.
+* `Symbol.for` resolves to the same symbol in every realm.
+*/
+const REGISTRY = Symbol.for("camox.repeatableItems");
+function existingRegistry(document) {
+	return document[REGISTRY];
+}
 function registryOf(document) {
-	let registry = registries.get(document);
-	if (registry) return registry;
-	registry = {
+	const owner = document;
+	owner[REGISTRY] ??= {
 		items: /* @__PURE__ */ new Set(),
 		listeners: /* @__PURE__ */ new Set()
 	};
-	registries.set(document, registry);
-	return registry;
+	return owner[REGISTRY];
 }
 function notify(registry, kind) {
 	for (const listener of registry.listeners) listener(kind);
@@ -41,7 +47,7 @@ function fragmentsOf(element) {
 /** Each registered item with its first-level elements, in document order. */
 function repeatableItemElements(document) {
 	const result = /* @__PURE__ */ new Map();
-	const items = registries.get(document)?.items;
+	const items = existingRegistry(document)?.items;
 	if (!items?.size) return result;
 	for (const item of items) result.set(item, []);
 	for (const element of document.querySelectorAll("*")) {

package/dist/features/runtime/RuntimeChrome.js

@@ -3,9 +3,9 @@ import { shownRecordPage } from "../preview/pageRecord.js";
 import { StudioEditingFallback } from "../preview/components/StudioEditingFallback.js";
 import { Navbar } from "../studio/components/Navbar.js";
 import { EditingFallbackContext } from "./editingFallback.js";
+import { DraftBar } from "../studio/components/DraftBar.js";
 import { PreviewToolbar } from "../preview/components/PreviewToolbar.js";
 import { AgentSidebar } from "../studio/components/AgentSidebar.js";
-import { UnnamedDraftBar } from "../studio/components/UnnamedDraftBar.js";
 import { FollowAgentProvider } from "../studio/FollowAgentProvider.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,7 +15,7 @@ import studioCssUrl from "virtual:camox-studio-css";
 //#region src/features/runtime/RuntimeChrome.tsx
 const renderEditingFallback = ({ layoutPage }) => /* @__PURE__ */ jsx(StudioEditingFallback, { layoutPage });
 function RuntimeChrome(t0) {
-	const $ = c(39);
+	const $ = c(35);
 	const { input, children } = t0;
 	const website = !input.routeKind;
 	const hidden = useSelector(previewStore, _temp);
@@ -93,81 +93,67 @@ function RuntimeChrome(t0) {
 		$[15] = t11;
 		$[16] = t13;
 	} else t13 = $[16];
-	const t14 = website && hidden;
-	const t15 = website ? "max-md:hidden" : void 0;
-	let t16;
+	let t14;
 	if ($[17] !== website) {
-		t16 = /* @__PURE__ */ jsx(UnnamedDraftBar, { stacked: website });
+		t14 = !website && /* @__PURE__ */ jsx(DraftBar, {});
 		$[17] = website;
-		$[18] = t16;
-	} else t16 = $[18];
-	let t17;
-	if ($[19] !== t14 || $[20] !== t15 || $[21] !== t16) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			hidden: t14,
-			className: t15,
-			children: t16
-		});
-		$[19] = t14;
-		$[20] = t15;
-		$[21] = t16;
-		$[22] = t17;
-	} else t17 = $[22];
-	let t18;
-	if ($[23] !== t13 || $[24] !== t17 || $[25] !== t9) {
-		t18 = /* @__PURE__ */ jsxs("div", {
+		$[18] = t14;
+	} else t14 = $[18];
+	let t15;
+	if ($[19] !== t13 || $[20] !== t14 || $[21] !== t9) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "relative flex min-h-0 min-w-0 flex-1 flex-col",
 			children: [
 				t9,
 				t13,
-				t17
+				t14
 			]
 		});
-		$[23] = t13;
+		$[19] = t13;
+		$[20] = t14;
+		$[21] = t9;
+		$[22] = t15;
+	} else t15 = $[22];
+	const t16 = !showAgentSidebar;
+	let t17;
+	if ($[23] !== t16) {
+		t17 = /* @__PURE__ */ jsx(AgentSidebar, { hidden: t16 });
+		$[23] = t16;
 		$[24] = t17;
-		$[25] = t9;
-		$[26] = t18;
-	} else t18 = $[26];
-	const t19 = !showAgentSidebar;
-	let t20;
-	if ($[27] !== t19) {
-		t20 = /* @__PURE__ */ jsx(AgentSidebar, { hidden: t19 });
-		$[27] = t19;
-		$[28] = t20;
-	} else t20 = $[28];
-	let t21;
-	if ($[29] !== t18 || $[30] !== t20) {
-		t21 = /* @__PURE__ */ jsxs("div", {
+	} else t17 = $[24];
+	let t18;
+	if ($[25] !== t15 || $[26] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
 			className: "relative flex min-h-0 flex-1",
-			children: [t18, t20]
+			children: [t15, t17]
 		});
-		$[29] = t18;
-		$[30] = t20;
-		$[31] = t21;
-	} else t21 = $[31];
-	let t22;
-	if ($[32] !== t21 || $[33] !== t7) {
-		t22 = /* @__PURE__ */ jsxs("div", {
+		$[25] = t15;
+		$[26] = t17;
+		$[27] = t18;
+	} else t18 = $[27];
+	let t19;
+	if ($[28] !== t18 || $[29] !== t7) {
+		t19 = /* @__PURE__ */ jsxs("div", {
 			className: "bg-background flex h-screen flex-col overflow-hidden",
-			children: [t7, t21]
+			children: [t7, t18]
 		});
-		$[32] = t21;
-		$[33] = t7;
-		$[34] = t22;
-	} else t22 = $[34];
-	let t23;
-	if ($[35] !== input.runtimeBasePath || $[36] !== t22 || $[37] !== website) {
-		t23 = /* @__PURE__ */ jsxs(FollowAgentProvider, {
+		$[28] = t18;
+		$[29] = t7;
+		$[30] = t19;
+	} else t19 = $[30];
+	let t20;
+	if ($[31] !== input.runtimeBasePath || $[32] !== t19 || $[33] !== website) {
+		t20 = /* @__PURE__ */ jsxs(FollowAgentProvider, {
 			runtimeBasePath: t1,
 			website,
-			children: [t2, t22]
+			children: [t2, t19]
 		});
-		$[35] = input.runtimeBasePath;
-		$[36] = t22;
-		$[37] = website;
-		$[38] = t23;
-	} else t23 = $[38];
-	return t23;
+		$[31] = input.runtimeBasePath;
+		$[32] = t19;
+		$[33] = website;
+		$[34] = t20;
+	} else t20 = $[34];
+	return t20;
 }
 function _temp(state) {
 	return state.context.isToolbarHidden;

package/dist/features/runtime/pageApp.js

@@ -9,6 +9,7 @@ import { CoreCamoxProvider } from "../provider/CoreCamoxProvider.js";
 import { CuratedPageContent } from "../page/CuratedPageContent.js";
 import { DerivedPageContent } from "../page/DerivedPageContent.js";
 import { UnplacedBlockContent } from "../page/UnplacedBlockContent.js";
+import { UnplacedLayoutContent } from "../page/UnplacedLayoutContent.js";
 import { EditingFallbackSlot } from "./editingFallback.js";
 import { PageNavigationProvider } from "./pageNavigation.js";
 import { RuntimeChromeSlot } from "./runtimeChromeLoader.js";
@@ -252,9 +253,9 @@ function _temp2() {
 function _temp() {
 	return true;
 }
-/** The page's blocks, read-only, or the look document's one unplaced block. */
+/** The page's blocks, read-only, or the look document's unplaced block or Layout. */
 function PageContent(t0) {
-	const $ = c(6);
+	const $ = c(9);
 	const { camoxApp, input } = t0;
 	if (input.lookBlock) {
 		let t1;
@@ -265,24 +266,37 @@ function PageContent(t0) {
 		} else t1 = $[1];
 		return t1;
 	}
-	if (input.derived) {
+	if (input.lookLayout) {
 		let t1;
-		if ($[2] !== camoxApp || $[3] !== input.derived) {
-			t1 = /* @__PURE__ */ jsx(DerivedPageContent, {
+		if ($[2] !== camoxApp || $[3] !== input.lookLayout) {
+			t1 = /* @__PURE__ */ jsx(UnplacedLayoutContent, {
 				camoxApp,
-				derived: input.derived
+				lookLayout: input.lookLayout
 			});
 			$[2] = camoxApp;
-			$[3] = input.derived;
+			$[3] = input.lookLayout;
 			$[4] = t1;
 		} else t1 = $[4];
 		return t1;
 	}
+	if (input.derived) {
+		let t1;
+		if ($[5] !== camoxApp || $[6] !== input.derived) {
+			t1 = /* @__PURE__ */ jsx(DerivedPageContent, {
+				camoxApp,
+				derived: input.derived
+			});
+			$[5] = camoxApp;
+			$[6] = input.derived;
+			$[7] = t1;
+		} else t1 = $[7];
+		return t1;
+	}
 	let t1;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(CuratedPageContent, {});
-		$[5] = t1;
-	} else t1 = $[5];
+		$[8] = t1;
+	} else t1 = $[8];
 	return t1;
 }
 function StudioLoadError() {

package/dist/features/runtime/runtime.d.ts

@@ -6,6 +6,7 @@ import { AnalyticsProviders } from "./analytics.js";
 import { RuntimeOwnedRouteKind } from "./runtimeRoutes.js";
 import { StudioRenderInput } from "./studioApp.js";
 import { DraftRead, MemberProject, PageHead, createServerApiClient } from "../routes/pageRuntime.js";
+import { LookPlaceholderHeight } from "@camox/api-contract/drafts";
 import { UseHeadInput } from "unhead/types";
 //#region src/features/runtime/runtime.d.ts
 /** The studio's own routes, rather than a page or the Canvas. */
@@ -39,6 +40,18 @@ export interface PageRenderInput extends DraftRead {
    * instead of a page. Its block bundle is in the dehydrated state.
    */
   lookBlock?: string;
+  /**
+   * The look document's Layout Definition mode: the curated Layout it shows around no page, its
+   * blocks' bundles in the dehydrated state, with a placeholder `placeholder` tall where a page's
+   * content goes.
+   */
+  lookLayout?: {
+    layoutId: string;
+    layout: Awaited<ReturnType<ReturnType<typeof createServerApiClient>["layouts"]["getUnplaced"]>>["layout"];
+    placeholder: LookPlaceholderHeight;
+    path: string;
+    projectName: string;
+  };
   /**
    * Whether this is the look document (ADR 0032), whose client only shows the draft: it asks
    * nothing about a session and offers no sign-in, which would add requests to its captures.

package/dist/features/runtime/runtime.js

@@ -27,7 +27,7 @@ import { getPageBlockTypes } from "./pageBlockTypes.js";
 import { withPageUrls } from "./structuredData.js";
 import { curatedPageDescription, pageRecords, placedBlockNodes, withStructuredData } from "./pageGraph.js";
 import { createProjectLogoResponse, projectLogo } from "./projectLogo.js";
-import { DRAFT_SEARCH_PARAM, LOCALE_HEADER, LOOK_BLOCK_DEFINITION_PARAM, LOOK_CONTENT_PARAM, LOOK_LOCALE_PARAM, LOOK_PATH_PARAM, LOOK_SETTINGS_PARAM, UNPLACED_BLOCK_ID } from "@camox/api-contract/drafts";
+import { DRAFT_SEARCH_PARAM, LOCALE_HEADER, LOOK_BLOCKS_PARAM, LOOK_BLOCK_DEFINITION_PARAM, LOOK_CONTENT_PARAM, LOOK_LAYOUT_DEFINITION_PARAM, LOOK_LOCALE_PARAM, LOOK_PATH_PARAM, LOOK_PLACEHOLDER_HEIGHTS, LOOK_PLACEHOLDER_PARAM, LOOK_SETTINGS_PARAM, UNPLACED_BLOCK_ID } from "@camox/api-contract/drafts";
 import { QueryClient, dehydrate } from "@tanstack/react-query";
 import { createHead, renderSSRHead } from "@unhead/react/server";
 
@@ -571,6 +571,7 @@ async function createLookDocumentResponse(request, options) {
 	if (!lookToken || !draftId || !apiUrl || !authenticationUrl || !projectUuid || !renderPage) return lookNotFound();
 	const tag = searchParams.get(LOOK_LOCALE_PARAM)?.toLowerCase();
 	const blockDefinition = searchParams.get(LOOK_BLOCK_DEFINITION_PARAM);
+	const layoutDefinition = searchParams.get(LOOK_LAYOUT_DEFINITION_PARAM);
 	const queryClient = new QueryClient();
 	let locales;
 	let locale;
@@ -590,7 +591,7 @@ async function createLookDocumentResponse(request, options) {
 			projectUuid,
 			queryClient
 		};
-		shown = blockDefinition ? await lookAtBlockDefinition(request, options, reading, blockDefinition) : await lookAtPage(request, options, reading);
+		shown = layoutDefinition ? await lookAtLayoutDefinition(request, options, reading, layoutDefinition) : blockDefinition ? await lookAtBlockDefinition(request, options, reading, blockDefinition) : await lookAtPage(request, options, reading);
 	} catch (error) {
 		if (isAuthSessionError(error) || isNotFoundError(error)) return lookNotFound();
 		throw error;
@@ -806,6 +807,61 @@ async function lookAtBlockDefinition(request, options, reading, type) {
 		lookBlock: UNPLACED_BLOCK_ID
 	};
 }
+/**
+* The look document's Layout Definition mode: the curated Layout `layoutId` around no page, its
+* blocks with their default content and Block Settings and the overrides the URL gives merged on,
+* by the API, which checks them against their schemas and refuses a Singleton or Derived Layout,
+* answering its message. Where a page's content goes, a labelled placeholder as tall as the URL
+* says. Its path is the Locale's home, which links resolve against.
+*/
+async function lookAtLayoutDefinition(request, options, reading, layoutId) {
+	const { apiUrl, lookToken, draftId, locale, projectUuid, queryClient } = reading;
+	const { searchParams } = new URL(request.url);
+	const blocks = overrideParam(searchParams, LOOK_BLOCKS_PARAM);
+	if (!blocks.ok) return lookRefused(blocks.error);
+	const placeholder = searchParams.get(LOOK_PLACEHOLDER_PARAM) ?? LOOK_PLACEHOLDER_HEIGHTS[0];
+	if (!LOOK_PLACEHOLDER_HEIGHTS.includes(placeholder)) return lookRefused(`The placeholder is ${LOOK_PLACEHOLDER_HEIGHTS.join(" or ")}.`);
+	const studioCache = createServerStudioCache(queryClient, {
+		apiUrl,
+		lookToken,
+		locale
+	});
+	const inDraft = { in: draftId };
+	let shared;
+	try {
+		[shared] = await Promise.all([createServerApiClient(apiUrl, {
+			lookToken,
+			draftId,
+			locale
+		}).layouts.getUnplaced({
+			projectUuid,
+			layoutId,
+			blocks: blocks.value
+		}), studioCache.ensure(reads.pageList({ projectUuid }), inDraft).catch(() => null)]);
+	} catch (error) {
+		if (isBadRequestError(error)) return lookRefused(error.message);
+		throw error;
+	}
+	studioCache.land(reads.layoutStructure({
+		projectUuid,
+		layoutId
+	}), shared, inDraft);
+	const pathname = localizedPath("/", locale);
+	return {
+		head: {},
+		href: lookHref(request, options, pathname, draftId).href,
+		layoutIdentity: null,
+		loaderData: null,
+		pathname,
+		lookLayout: {
+			layoutId,
+			layout: shared.layout,
+			placeholder,
+			path: pathname,
+			projectName: shared.projectName
+		}
+	};
+}
 /** Whether an API error refused the request's input, such as an override its schema refuses. */
 function isBadRequestError(error) {
 	const { code, status } = error ?? {};

package/dist/features/studio/components/ChatWidget.js

@@ -9,7 +9,6 @@ import { FollowAgentContext } from "../followAgentContext.js";
 import { useThread } from "../../../lib/use-thread.js";
 import { EditorWhereContext } from "../editorWhereContext.js";
 import { useEditorSelection } from "../useEditorSelection.js";
-import { ConnectAgent } from "./ConnectAgent.js";
 import { ThreadComposer, useComposerCarrier } from "./ThreadComposer.js";
 import { ThreadMessages } from "./ThreadMessages.js";
 import { c } from "react/compiler-runtime";
@@ -27,7 +26,7 @@ import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
 * it, if it still shows Live; the card the Live turn ends on opens it too. Each message tells the
 * agent where the editor is: the page they look at, with what they selected on it unless they
 * cleared it from the composer, or the Canvas with no page selected. "Ask the agent" elsewhere in
-* the studio fills its composer. Under the composer, it invites the editor to connect their own AI.
+* the studio fills its composer.
 */
 function ChatWidget(t0) {
 	const $ = c(6);
@@ -48,9 +47,9 @@ function ChatWidget(t0) {
 				children: "Agent"
 			})
 		});
-		t3 = /* @__PURE__ */ jsxs("div", {
+		t3 = /* @__PURE__ */ jsx("div", {
 			className: cn("bg-background flex min-h-0 flex-1 flex-col", CARD_BODY_EDGES),
-			children: [/* @__PURE__ */ jsx(CurrentThread, {}), /* @__PURE__ */ jsx(ConnectAgent, {})]
+			children: /* @__PURE__ */ jsx(CurrentThread, {})
 		});
 		$[2] = t2;
 		$[3] = t3;

package/dist/features/studio/components/ConnectAgent.js

@@ -6,12 +6,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { Check, Copy, ExternalLink } from "lucide-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
-import { Avatar, AvatarFallback, AvatarGroup } from "@camox/ui/avatar";
 
 //#region src/features/studio/components/ConnectAgent.tsx
 /**
-* Common AI apps that take a remote MCP server, with their guide to adding one. In the logo row
-* each one overlaps the one before it, so the last is on top.
+* Common AI apps that take a remote MCP server, with their guide to adding one.
 */
 const CLIENTS = [
 	{
@@ -125,56 +123,42 @@ function GrokBotLogo(t0) {
 	return t7;
 }
 /**
-* Under the Chat widget's composer, what invites a member to connect their own AI to Camox as a
-* Connected Agent (ADR 0030): the logos of common AI apps, opening a dialog with the link to
-* Camox's MCP server and each app's guide to adding an MCP server.
+* In the navbar, what invites a member to connect their own agent to Camox as a Connected Agent
+* (ADR 0030): a button opening a dialog with the link to Camox's MCP server and each common AI
+* app's guide to adding an MCP server.
 */
 function ConnectAgent() {
-	const $ = c(5);
+	const $ = c(4);
 	const [open, setOpen] = React.useState(false);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = () => setOpen(true);
+		t0 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: () => setOpen(true),
+			children: "Connect your agent"
+		});
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick: t0,
-			className: "hover:bg-muted text-muted-foreground hover:text-foreground mx-2 mb-2 flex items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
-			children: [/* @__PURE__ */ jsx(AvatarGroup, { children: CLIENTS.map(_temp) }), "Connect your AI"]
-		});
+		t1 = /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ConnectAgentContent, {}) });
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(ConnectAgentContent, {}) });
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== open) {
-		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, /* @__PURE__ */ jsx(Dialog, {
+	if ($[2] !== open) {
+		t2 = /* @__PURE__ */ jsxs(Fragment, { children: [t0, /* @__PURE__ */ jsx(Dialog, {
 			open,
 			onOpenChange: setOpen,
-			children: t2
+			children: t1
 		})] });
-		$[3] = open;
-		$[4] = t3;
-	} else t3 = $[4];
-	return t3;
-}
-function _temp(client) {
-	return /* @__PURE__ */ jsx(Avatar, {
-		size: "sm",
-		children: /* @__PURE__ */ jsx(AvatarFallback, {
-			className: "bg-background text-foreground",
-			children: /* @__PURE__ */ jsx(client.Logo, { className: "size-3.5" })
-		})
-	}, client.name);
+		$[2] = open;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 }
 function ConnectAgentContent() {
-	const $ = c(23);
+	const $ = c(22);
 	const { apiUrl } = React.useContext(AuthContext);
 	const url = `${apiUrl}/mcp`;
 	const [copied, setCopied] = React.useState(false);
@@ -207,7 +191,7 @@ function ConnectAgentContent() {
 	const copy = t2;
 	let t3;
 	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Connect your AI to Camox's MCP server" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Add this URL to your AI as a remote MCP server, then sign in to Camox. Your AI can then ask Camox's agent for changes, with what it knows about your business." })] });
+		t3 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Connect your agent" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Add this URL to your agent as an MCP server. It acts as you, but can't publish." })] });
 		$[5] = t3;
 	} else t3 = $[5];
 	let t4;
@@ -255,44 +239,34 @@ function ConnectAgentContent() {
 	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground text-xs font-medium",
-			children: "How to add an MCP server in"
+			children: "How to add it in"
 		});
 		$[18] = t9;
 	} else t9 = $[18];
 	let t10;
-	let t11;
 	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col gap-2",
 			children: [t9, /* @__PURE__ */ jsx("ul", {
 				className: "grid grid-cols-2 gap-1",
-				children: CLIENTS.map(_temp2)
+				children: CLIENTS.map(_temp)
 			})]
 		});
-		t11 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-xs",
-			children: "It acts as you, with your permissions. It can't publish: you review and publish here."
-		});
 		$[19] = t10;
-		$[20] = t11;
-	} else {
-		t10 = $[19];
-		t11 = $[20];
-	}
-	let t12;
-	if ($[21] !== t8) {
-		t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== t8) {
+		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
 			t3,
 			t8,
-			t10,
-			t11
+			t10
 		] });
-		$[21] = t8;
-		$[22] = t12;
-	} else t12 = $[22];
-	return t12;
+		$[20] = t8;
+		$[21] = t11;
+	} else t11 = $[21];
+	return t11;
 }
-function _temp2(client) {
+function _temp(client) {
 	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("a", {
 		href: client.docs,
 		target: "_blank",