camox 0.54.0 → 0.56.0

package/dist/features/canvas/CamoxCanvas.js

@@ -29,7 +29,7 @@ import { CanvasPageHeader } from "./CanvasPageHeader.js";
 import { CanvasPreviewPageSlot } from "./CanvasPreviewPageSlot.js";
 import { CANVAS_WORLD_TRANSFORM, canvasScreenAbove, canvasScreenLength, canvasScreenX } from "./canvasScreenSpace.js";
 import { selectedCanvasPage } from "./canvasSelection.js";
-import { CanvasSidebar } from "./sidebar/CanvasSidebar.js";
+import { ContentSidebar } from "./sidebar/ContentSidebar.js";
 import { useCanvasCamera } from "./useCanvasCamera.js";
 import { useCanvasNearness } from "./useCanvasNearness.js";
 import { useDiscoveredPreviewPaths } from "./useDiscoveredPreviewPaths.js";
@@ -42,7 +42,7 @@ import { createStore as createStore$1 } from "@xstate/store";
 
 //#region src/features/canvas/CamoxCanvas.tsx
 /**
-* The Canvas spans the studio under its sidebars, the Canvas sidebar on its left and the chat on
+* The Canvas spans the studio under its sidebars, the Content Sidebar on its left and the Agent Sidebar on
 * its right: the camera frames and snaps Pages between them, and above the studio's bottom edge.
 */
 const CANVAS_INSETS = {
@@ -459,10 +459,10 @@ function CanvasPageFrameLoader(t0) {
 	return t2;
 }
 /**
-* How far a sidebar's scrim fades, in px: from this far inside the sidebar, to the edge of a
-* snapped Page, past it by the page fit's padding.
+* Where a sidebar's scrim starts fading, in px from the studio's edge: past the sidebar's outer
+* gutter (`SIDEBAR_GUTTER`), so it fades across the whole of the sidebar's contents.
 */
-const SCRIM_FADE_INSIDE = 48;
+const SCRIM_FADE_START = 8;
 /** How opaque the scrim gets at most: what's under it always shows through, faintly. */
 const SCRIM_MAX_OPACITY = .8;
 /** Opacity along the fade, relative to the most, eased so it leaves no visible edge where it ends. */
@@ -477,11 +477,14 @@ const SCRIM_EASING = [
 	.05,
 	0
 ];
-/** Fades what the Canvas shows around a sidebar into the Canvas's background, toward the sidebar. */
+/**
+* Fades what the Canvas shows around a sidebar into the Canvas's background, toward the sidebar:
+* from nothing past a snapped Page's edge, to the most only at the sidebar's outer gutter.
+*/
 function scrimGradient(towards, inset) {
-	const from = inset - SCRIM_FADE_INSIDE;
-	const length = SCRIM_FADE_INSIDE + 16;
-	const stops = SCRIM_EASING.map((alpha, index) => `color-mix(in oklab, var(--color-muted) ${alpha * SCRIM_MAX_OPACITY * 100}%, transparent) ${from + length * index / (SCRIM_EASING.length - 1)}px`);
+	const from = SCRIM_FADE_START;
+	const length = inset + 16 - SCRIM_FADE_START;
+	const stops = SCRIM_EASING.map((alpha, index) => `color-mix(in oklab, var(--color-canvas) ${alpha * SCRIM_MAX_OPACITY * 100}%, transparent) ${from + length * index / (SCRIM_EASING.length - 1)}px`);
 	return `linear-gradient(to ${towards === "left" ? "right" : "left"}, ${stops.join(", ")})`;
 }
 /** A frame header above an item's slot, at a constant on-screen height. */
@@ -1049,7 +1052,7 @@ function CanvasWorkspace(t0) {
 		"aria-describedby": instructionsId,
 		tabIndex: 0,
 		"data-camox-canvas": true,
-		className: "bg-muted relative min-h-0 min-w-0 flex-1 touch-none overflow-clip outline-none *:*:[--canvas-x:initial] *:*:[--canvas-y:initial] data-[canvas-pan]:cursor-grab data-[canvas-pan]:**:cursor-[inherit]! data-[canvas-pan=dragging]:cursor-grabbing data-[canvas-pan]:[&_iframe]:pointer-events-none",
+		className: "bg-canvas relative min-h-0 min-w-0 flex-1 touch-none overflow-clip outline-none *:*:[--canvas-x:initial] *:*:[--canvas-y:initial] data-[canvas-pan]:cursor-grab data-[canvas-pan]:**:cursor-[inherit]! data-[canvas-pan=dragging]:cursor-grabbing data-[canvas-pan]:[&_iframe]:pointer-events-none",
 		style: t13,
 		children: [
 			/* @__PURE__ */ jsx(CanvasWorkspaceContext, {
@@ -1305,7 +1308,7 @@ function CamoxCanvas(t0) {
 	} else t17 = $[37];
 	let t18;
 	if ($[38] !== editingOwner || $[39] !== intendedPage || $[40] !== pageRecord || $[41] !== runtimeBasePath || $[42] !== t16) {
-		t18 = /* @__PURE__ */ jsx(CanvasSidebar, {
+		t18 = /* @__PURE__ */ jsx(ContentSidebar, {
 			page: intendedPage,
 			navigator: t16,
 			onShowWholeCanvas: t17,

package/dist/features/canvas/CanvasLoadingScreen.js

@@ -26,7 +26,7 @@ function CanvasLoadingScreen(t0) {
 	if ($[3] !== t2) {
 		t3 = /* @__PURE__ */ jsx("div", {
 			"data-canvas-loading": true,
-			className: "bg-muted absolute inset-0 grid place-items-center",
+			className: "bg-canvas absolute inset-0 grid place-items-center",
 			children: t2
 		});
 		$[3] = t2;

package/dist/features/canvas/sidebar/CanvasViewHeader.js

@@ -1,6 +1,6 @@
 import { SidebarStackHeader, useSelectionViewCount } from "../../preview/components/SidebarStack.js";
-import { SHOW_WHOLE_CANVAS_SHORTCUT } from "../../preview/previewConstants.js";
 import { formatShortcut } from "../../../lib/shortcuts.js";
+import { SHOW_WHOLE_CANVAS_SHORTCUT } from "../../preview/previewConstants.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 

package/dist/features/canvas/sidebar/{CanvasSidebar.js → ContentSidebar.js}

@@ -1,18 +1,18 @@
 import { SidebarStack, SidebarStackView } from "../../preview/components/SidebarStack.js";
-import { CanvasSidebarFrame } from "./CanvasSidebarFrame.js";
 import { CanvasViewHeader } from "./CanvasViewHeader.js";
+import { ContentSidebarFrame } from "./ContentSidebarFrame.js";
 import { CreatePageModal } from "../../preview/components/CreatePageModal.js";
 import { CanvasNavigator } from "./CanvasNavigator.js";
 import { PageInspector } from "./PageInspector.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/features/canvas/sidebar/CanvasSidebar.tsx
+//#region src/features/canvas/sidebar/ContentSidebar.tsx
 /**
 * The sidebar beside the Canvas, a stack of views: the Canvas's own, which shows the Canvas
 * Navigator, then the Canvas Inspector of the selected Page laid over it, if any.
 */
-function CanvasSidebar(t0) {
+function ContentSidebar(t0) {
 	const $ = c(16);
 	const { page, navigator, onShowWholeCanvas, owner: t1, pageRecord, runtimeBasePath } = t0;
 	const owner = t1 === void 0 ? null : t1;
@@ -61,7 +61,7 @@ function CanvasSidebar(t0) {
 	} else t7 = $[12];
 	let t8;
 	if ($[13] !== t2 || $[14] !== t6) {
-		t8 = /* @__PURE__ */ jsxs(CanvasSidebarFrame, {
+		t8 = /* @__PURE__ */ jsxs(ContentSidebarFrame, {
 			label: t2,
 			children: [t6, t7]
 		});
@@ -73,4 +73,4 @@ function CanvasSidebar(t0) {
 }
 
 //#endregion
-export { CanvasSidebar };
+export { ContentSidebar };

package/dist/features/canvas/sidebar/{CanvasSidebarFrame.js → ContentSidebarFrame.js}

@@ -1,13 +1,13 @@
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/features/canvas/sidebar/CanvasSidebarFrame.tsx
+//#region src/features/canvas/sidebar/ContentSidebarFrame.tsx
 /**
-* The Canvas sidebar's own box, laid over the Canvas's left side: the Canvas Navigator or the
+* The Content Sidebar's own box, laid over the Canvas's left side: the Canvas Navigator or the
 * Canvas Inspector, or a stand-in for either, goes in it. Only its cards have a background:
 * around them, the Canvas shows through.
 */
-function CanvasSidebarFrame(t0) {
+function ContentSidebarFrame(t0) {
 	const $ = c(9);
 	let children;
 	let label;
@@ -46,4 +46,4 @@ function CanvasSidebarFrame(t0) {
 }
 
 //#endregion
-export { CanvasSidebarFrame };
+export { ContentSidebarFrame };

package/dist/features/canvas/sidebar/{CanvasSidebarSkeleton.js → ContentSidebarSkeleton.js}

@@ -1,17 +1,17 @@
 import { SidebarStack, SidebarStackView } from "../../preview/components/SidebarStack.js";
 import { CanvasInspectorBody, CanvasInspectorHeaderSkeleton } from "./CanvasInspector.js";
-import { CanvasSidebarFrame } from "./CanvasSidebarFrame.js";
 import { CanvasViewHeader } from "./CanvasViewHeader.js";
+import { ContentSidebarFrame } from "./ContentSidebarFrame.js";
 import { CuratedPageSkeleton, LayoutPageSkeleton } from "./PageInspectorSkeleton.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/features/canvas/sidebar/CanvasSidebarSkeleton.tsx
+//#region src/features/canvas/sidebar/ContentSidebarSkeleton.tsx
 /**
-* Stands in for the Canvas sidebar while the Canvas loads, where the sidebar will show. For a
+* Stands in for the Content Sidebar while the Canvas loads, where the sidebar will show. For a
 * selected Page, it takes the Canvas Inspector's layout. Without one, it is empty.
 */
-function CanvasSidebarSkeleton(t0) {
+function ContentSidebarSkeleton(t0) {
 	const $ = c(5);
 	const { page: t1, layoutPage: t2 } = t0;
 	const page = t1 === void 0 ? true : t1;
@@ -33,8 +33,8 @@ function CanvasSidebarSkeleton(t0) {
 	} else t3 = $[2];
 	let t4;
 	if ($[3] !== t3) {
-		t4 = /* @__PURE__ */ jsx(CanvasSidebarFrame, {
-			"data-canvas-sidebar-skeleton": true,
+		t4 = /* @__PURE__ */ jsx(ContentSidebarFrame, {
+			"data-content-sidebar-skeleton": true,
 			children: t3
 		});
 		$[3] = t3;
@@ -44,4 +44,4 @@ function CanvasSidebarSkeleton(t0) {
 }
 
 //#endregion
-export { CanvasSidebarSkeleton };
+export { ContentSidebarSkeleton };

package/dist/features/preview/CamoxPreview.js

@@ -14,7 +14,7 @@ import { CanvasLoadingScreen } from "../canvas/CanvasLoadingScreen.js";
 import { canvasStore } from "../canvas/canvasStore.js";
 import { previewStore, selectIsCanvasShown } from "./previewStore.js";
 import { SHOW_WHOLE_CANVAS_SHORTCUT, TOGGLE_CANVAS_SHORTCUT } from "./previewConstants.js";
-import { CanvasSidebarSkeleton } from "../canvas/sidebar/CanvasSidebarSkeleton.js";
+import { ContentSidebarSkeleton } from "../canvas/sidebar/ContentSidebarSkeleton.js";
 import { takeShowCanvasRequest } from "../provider/signInShortcut.js";
 import { PreviewEditingOwnerContext } from "./previewSelection.js";
 import { RendererFramesProvider, RendererSlot, useRendererHost, useRendererStatus } from "../renderer/RendererFrames.js";
@@ -577,7 +577,7 @@ const PreviewShell = (t0) => {
 	const t14 = !!derivedLayout;
 	let t15;
 	if ($[20] !== t13 || $[21] !== t14) {
-		t15 = /* @__PURE__ */ jsx(CanvasSidebarSkeleton, {
+		t15 = /* @__PURE__ */ jsx(ContentSidebarSkeleton, {
 			page: t13,
 			layoutPage: t14
 		});

package/dist/features/preview/components/PreviewToolbar.js

@@ -1,6 +1,6 @@
 import { previewStore, selectIsCanvasShown } from "../previewStore.js";
-import { TOGGLE_CANVAS_SHORTCUT } from "../previewConstants.js";
 import { formatShortcut } from "../../../lib/shortcuts.js";
+import { TOGGLE_CANVAS_SHORTCUT } from "../previewConstants.js";
 import { prefetchCanvas } from "./CanvasPreview.js";
 import { DeviceSelector } from "../../../components/DeviceSelector.js";
 import { c } from "react/compiler-runtime";

package/dist/features/preview/components/SelectionEditor.js

@@ -35,7 +35,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 //#region src/features/preview/components/SelectionEditor.tsx
 const EMPTY_CONTENT = {};
 /**
-* The path's headers. The `kept` first steps, the selection and its parent always show; two or
+* The path's headers. The `kept` first steps and the selection always show; two or
 * more steps between them collapse into one header, which lists them.
 */
 function stackRows(items, kept) {
@@ -43,7 +43,7 @@ function stackRows(items, kept) {
 		index,
 		item
 	}));
-	const between = items.slice(kept, -2);
+	const between = items.slice(kept, -1);
 	if (between.length < 2) return rows;
 	return [
 		...rows.slice(0, kept),

package/dist/features/preview/components/SidebarStack.js

@@ -31,16 +31,14 @@ const DARK_SHADE_STRENGTH = 2.5;
 /** Keeps a sidebar's cards off its sides, so their edges show. */
 const SIDEBAR_GUTTER = "px-2";
 /**
-* The color of a card's edges: the border's, solid. Dark mode's border is translucent, so it's
-* laid over the Canvas behind the sidebars, to look the same over the card as beside it.
+* The front card's bottom, under its header, with a soft shadow down its sides that stops short
+* of its top, so it doesn't fall on its header.
 */
-const CARD_EDGE_COLOR = "border-border dark:border-[color-mix(in_srgb,var(--color-muted),white_10%)]";
-/** The front card's sides and bottom, under its header. */
-const CARD_BODY_EDGES = `rounded-b-lg border border-t-0 ${CARD_EDGE_COLOR}`;
-/** The bottom card's top and sides, as it meets the top of a sidebar. */
-const BOTTOM_CARD_EDGES = `rounded-t-lg border border-b-0 ${CARD_EDGE_COLOR}`;
-/** The front card's top and sides, over the cards behind it. */
-const FRONT_CARD_EDGES = `border border-b-0 ${CARD_EDGE_COLOR}`;
+const CARD_BODY_EDGES = "rounded-b-lg inset-shadow-raised-bottom shadow-[0_12px_24px_-12px_rgb(0_0_0/0.14)] dark:shadow-[0_12px_24px_-12px_rgb(0_0_0/0.6)]";
+/** The bottom card's top, as it meets the top of a sidebar. */
+const BOTTOM_CARD_EDGES = "rounded-t-lg inset-shadow-raised-top";
+/** A card's top, over the cards behind it. */
+const CARD_TOP_EDGE = "inset-shadow-raised-top";
 /**
 * How much the second card behind the front fades its name, which shows depth on dark
 * backgrounds too. The card right behind the front doesn't fade.
@@ -352,7 +350,7 @@ function SidebarStackView(t0) {
 	const { depth, className, children } = t0;
 	const ref = React.useRef(null);
 	useStackCard(ref, depth, true);
-	const t1 = React.useContext(StackMotionContext) != null && "rounded-b-lg border border-t-0 border-border dark:border-[color-mix(in_srgb,var(--color-muted),white_10%)]";
+	const t1 = React.useContext(StackMotionContext) != null && "rounded-b-lg inset-shadow-raised-bottom shadow-[0_12px_24px_-12px_rgb(0_0_0/0.14)] dark:shadow-[0_12px_24px_-12px_rgb(0_0_0/0.6)]";
 	let t2;
 	if ($[0] !== className || $[1] !== t1) {
 		t2 = cn("bg-background min-h-0 flex-1 origin-top", t1, className);
@@ -461,9 +459,9 @@ function SidebarStackHeader(t0) {
 	} else t10 = $[18];
 	const t11 = !flat && !first && "rounded-t-sm";
 	const t12 = covered ? "h-[38px] pb-1" : "h-11 px-3";
-	const t13 = first && !flat && "rounded-t-lg border border-b-0 border-border dark:border-[color-mix(in_srgb,var(--color-muted),white_10%)]";
-	const t14 = covered && !first && `border ${CARD_EDGE_COLOR} shadow-[0_-2px_5px_-3px_rgb(0_0_0/0.08)] dark:shadow-[0_-2px_5px_-3px_rgb(0_0_0/0.4)]`;
-	const t15 = !covered && !first && (inStack ? `${FRONT_CARD_EDGES} shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.08)] dark:shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.4)]` : `border-t ${CARD_EDGE_COLOR} shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.08)] dark:shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.4)]`);
+	const t13 = first && !flat && "rounded-t-lg inset-shadow-raised-top";
+	const t14 = covered && !first && `${CARD_TOP_EDGE} shadow-[0_-2px_5px_-3px_rgb(0_0_0/0.08)] dark:shadow-[0_-2px_5px_-3px_rgb(0_0_0/0.4)]`;
+	const t15 = !covered && !first && `${CARD_TOP_EDGE} shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.08)] dark:shadow-[0_-3px_8px_-4px_rgb(0_0_0/0.4)]`;
 	const t16 = liftable && "hover:[--fade:1] hover:[--lift:var(--hover-lift)] hover:[--shade:var(--hover-shade)] hover:[--tilt:var(--hover-tilt)]";
 	const t17 = liftable && "has-focus-visible:[--fade:1] has-focus-visible:[--lift:var(--hover-lift)] has-focus-visible:[--shade:var(--hover-shade)] has-focus-visible:[--tilt:var(--hover-tilt)]";
 	const t18 = liftable && "has-data-popup-open:[--fade:1] has-data-popup-open:[--lift:var(--hover-lift)] has-data-popup-open:[--shade:var(--hover-shade)] has-data-popup-open:[--tilt:var(--hover-tilt)]";

package/dist/features/preview/components/StudioEditingFallback.js

@@ -1,6 +1,6 @@
 import { CanvasLoadingScreen } from "../../canvas/CanvasLoadingScreen.js";
 import { previewStore, selectIsCanvasShown } from "../previewStore.js";
-import { CanvasSidebarSkeleton } from "../../canvas/sidebar/CanvasSidebarSkeleton.js";
+import { ContentSidebarSkeleton } from "../../canvas/sidebar/ContentSidebarSkeleton.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * What holds the page's place while the editor loads. The studio never renders the site's code:
 * a loading screen shows where the page will, in the Canvas's background, until the renderer
-* frame shows it. Showing the Canvas before the editor is ready also shows the Canvas sidebar's
+* frame shows it. Showing the Canvas before the editor is ready also shows the Content Sidebar's
 * placeholder, as the editor does while the Canvas prepares.
 */
 function StudioEditingFallback(t0) {
@@ -18,7 +18,7 @@ function StudioEditingFallback(t0) {
 	const isCanvasShown = useSelector(previewStore, selectIsCanvasShown);
 	let t1;
 	if ($[0] !== isCanvasShown || $[1] !== layoutPage) {
-		t1 = isCanvasShown && /* @__PURE__ */ jsx(CanvasSidebarSkeleton, { layoutPage });
+		t1 = isCanvasShown && /* @__PURE__ */ jsx(ContentSidebarSkeleton, { layoutPage });
 		$[0] = isCanvasShown;
 		$[1] = layoutPage;
 		$[2] = t1;

package/dist/features/routes/pageRuntime.d.ts

@@ -23,7 +23,7 @@ export type PageStructure = {
 };
 /**
  * Why a member can't see the draft a URL names: it doesn't exist, it's someone else's
- * development draft, or it was published or discarded (ADR 0011). In dev mode, the caller's
+ * development draft, or it was published or deleted (ADR 0011). In dev mode, the caller's
  * own development draft doesn't exist until the dev server's first sync creates it.
  */
 export type DraftNotice = {

package/dist/features/runtime/RuntimeChrome.js

@@ -4,7 +4,7 @@ import { StudioEditingFallback } from "../preview/components/StudioEditingFallba
 import { Navbar } from "../studio/components/Navbar.js";
 import { EditingFallbackContext } from "./editingFallback.js";
 import { PreviewToolbar } from "../preview/components/PreviewToolbar.js";
-import { ChatSidebar } from "../studio/components/ChatSidebar.js";
+import { AgentSidebar } from "../studio/components/AgentSidebar.js";
 import { FollowAgentProvider } from "../studio/FollowAgentProvider.js";
 import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store-react";
@@ -19,7 +19,7 @@ function RuntimeChrome(t0) {
 	const website = !input.routeKind;
 	const hidden = useSelector(previewStore, _temp);
 	const isCanvasShown = useSelector(previewStore, selectIsCanvasShown);
-	const showChat = website && isCanvasShown;
+	const showAgentSidebar = website && isCanvasShown;
 	const t1 = input.runtimeBasePath;
 	let t2;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -102,10 +102,10 @@ function RuntimeChrome(t0) {
 		$[18] = t9;
 		$[19] = t14;
 	} else t14 = $[19];
-	const t15 = !showChat;
+	const t15 = !showAgentSidebar;
 	let t16;
 	if ($[20] !== t15) {
-		t16 = /* @__PURE__ */ jsx(ChatSidebar, { hidden: t15 });
+		t16 = /* @__PURE__ */ jsx(AgentSidebar, { hidden: t15 });
 		$[20] = t15;
 		$[21] = t16;
 	} else t16 = $[21];

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

@@ -0,0 +1,56 @@
+import { cn } from "../../../lib/utils.js";
+import { SIDEBAR_GUTTER } from "../../preview/components/SidebarStack.js";
+import { ChatWidget } from "./ChatWidget.js";
+import { WorkersWidget } from "./WorkersWidget.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/studio/components/AgentSidebar.tsx
+/**
+* The sidebar on the Canvas's right side, where editors work with Camox's agent: the Workers
+* widget over the Chat widget, which gets the larger share of the height. Laid over the Canvas,
+* as the Content Sidebar is over its left: only the cards have a background, and the Canvas shows
+* around them. Elsewhere in the studio it is only hidden, so the chat keeps its thread and the
+* Preview and Studio pages follow the editor's runs too.
+*/
+function AgentSidebar(t0) {
+	const $ = c(6);
+	const { hidden: t1 } = t0;
+	const hidden = t1 === void 0 ? false : t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = cn("absolute inset-y-0 right-0 z-10 flex flex-col gap-2 py-2 max-md:hidden", SIDEBAR_GUTTER);
+		t3 = { width: 265 };
+		t4 = /* @__PURE__ */ jsx(WorkersWidget, { className: "min-h-0 flex-[3_1_0]" });
+		t5 = /* @__PURE__ */ jsx(ChatWidget, { className: "min-h-0 flex-[7_1_0]" });
+		$[0] = t2;
+		$[1] = t3;
+		$[2] = t4;
+		$[3] = t5;
+	} else {
+		t2 = $[0];
+		t3 = $[1];
+		t4 = $[2];
+		t5 = $[3];
+	}
+	let t6;
+	if ($[4] !== hidden) {
+		t6 = /* @__PURE__ */ jsxs("aside", {
+			"aria-label": "Agent",
+			"data-agent-sidebar": true,
+			hidden,
+			className: t2,
+			style: t3,
+			children: [t4, t5]
+		});
+		$[4] = hidden;
+		$[5] = t6;
+	} else t6 = $[5];
+	return t6;
+}
+
+//#endregion
+export { AgentSidebar };