camox 0.31.5 → 0.33.0

package/dist/core/lib/fieldTypes.js

@@ -1,224 +1,15 @@
-import { previewStore } from "../../features/preview/previewStore.js";
-import { jsx } from "react/jsx-runtime";
-import { ChevronDown, FileIcon, FrameIcon, ImageIcon, Images, Link2, List, ToggleLeft, Type } from "lucide-react";
-
 //#region src/core/lib/fieldTypes.tsx
 const fieldTypesDictionary = {
-	String: {
-		label: "String",
-		isScalar: true,
-		isContentEditable: true,
-		hasOwnView: false,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(Type, { ...props }),
-		getLabel: (value) => {
-			if (typeof value !== "string") return "";
-			return value.replace(/\*{1,3}(.+?)\*{1,3}/g, "$1");
-		},
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "String"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Repeater: {
-		label: "Repeater",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: false,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(List, { ...props }),
-		getLabel: (_value, { schemaTitle, fieldName }) => schemaTitle ?? fieldName,
-		onTreeDoubleClick: ({ blockId }) => {
-			previewStore.send({
-				type: "setFocusedBlock",
-				blockId
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Enum: {
-		label: "Enum",
-		isScalar: true,
-		isContentEditable: false,
-		hasOwnView: false,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(ChevronDown, { ...props }),
-		getLabel: (value) => value,
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Enum"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Boolean: {
-		label: "Boolean",
-		isScalar: true,
-		isContentEditable: false,
-		hasOwnView: false,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(ToggleLeft, { ...props }),
-		getLabel: (value) => JSON.stringify(value),
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Boolean"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Embed: {
-		label: "Embed",
-		isScalar: true,
-		isContentEditable: false,
-		hasOwnView: false,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(FrameIcon, { ...props }),
-		getLabel: (value, { schemaTitle, fieldName, fetchedTitle }) => {
-			let domain = null;
-			try {
-				domain = new URL(value).hostname.replace(/^www\./, "");
-			} catch {}
-			return fetchedTitle ?? schemaTitle ?? domain ?? fieldName;
-		},
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Embed"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Link: {
-		label: "Link",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: true,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(Link2, { ...props }),
-		getLabel: (value) => value?.text ?? "",
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Link"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	Image: {
-		label: "Image",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: true,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(ImageIcon, { ...props }),
-		getLabel: (value, { schemaTitle, fieldName }) => {
-			const filename = value?.filename;
-			if (!filename) return `Missing ${schemaTitle ?? fieldName}`;
-			return filename;
-		},
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Image"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	File: {
-		label: "File",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: true,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(FileIcon, { ...props }),
-		getLabel: (value, { schemaTitle, fieldName }) => {
-			const filename = value?.filename;
-			if (!filename) return `Missing ${schemaTitle ?? fieldName}`;
-			return filename;
-		},
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "File"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	ImageList: {
-		label: "Image list",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: true,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(Images, { ...props }),
-		getLabel: (_value, { schemaTitle, fieldName }) => schemaTitle ?? fieldName,
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "Image"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	},
-	FileList: {
-		label: "File list",
-		isScalar: false,
-		isContentEditable: false,
-		hasOwnView: true,
-		getIcon: () => (props) => /* @__PURE__ */ jsx(FileIcon, { ...props }),
-		getLabel: (_value, { schemaTitle, fieldName }) => schemaTitle ?? fieldName,
-		onTreeDoubleClick: ({ blockId, fieldName }) => {
-			previewStore.send({
-				type: "selectBlockField",
-				blockId,
-				fieldName,
-				fieldType: "File"
-			});
-			previewStore.send({
-				type: "openBlockContentSheet",
-				blockId
-			});
-		}
-	}
+	String: { hasOwnView: false },
+	Repeater: { hasOwnView: false },
+	Enum: { hasOwnView: false },
+	Boolean: { hasOwnView: false },
+	Embed: { hasOwnView: false },
+	Link: { hasOwnView: true },
+	Image: { hasOwnView: true },
+	File: { hasOwnView: true },
+	ImageList: { hasOwnView: true },
+	FileList: { hasOwnView: true }
 };
 
 //#endregion

package/dist/core/lib/lexicalReact.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+
+//#region src/core/lib/lexicalReact.d.ts
+interface MarkdownLinkRenderProps {
+  href: string;
+  target?: string;
+  rel?: string;
+  children: React.ReactNode;
+}
+interface MarkdownLinkRenderData {
+  target: string;
+  href: string;
+  external: boolean;
+  pageId?: string;
+}
+interface MarkdownInlineComponents {
+  link?: (props: MarkdownLinkRenderProps, data: MarkdownLinkRenderData) => React.ReactNode;
+  strong?: (props: {
+    children: React.ReactNode;
+  }) => React.ReactNode;
+  emphasis?: (props: {
+    children: React.ReactNode;
+  }) => React.ReactNode;
+}
+//#endregion
+export { MarkdownInlineComponents, MarkdownLinkRenderData, MarkdownLinkRenderProps };

package/dist/core/lib/lexicalReact.js

@@ -1,35 +1,70 @@
-import "react";
+import { getPageIdFromTextLinkTarget, isHttpTextLinkTarget, isValidTextLinkTarget, resolveTextLinkHref, shouldOpenTextLinkInNewTab } from "./textLinks.js";
+import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/core/lib/lexicalReact.tsx
 /**
-* Parse a markdown string with **bold** and *italic* into React nodes.
+* Parse a markdown string with **bold**, *italic*, and text links into React nodes.
 * Falls back to rendering the raw string if it's not a string value.
 */
-function markdownToReactNodes(value) {
+function markdownToReactNodes(value, options = {}) {
 	if (typeof value !== "string") return null;
 	if (!value) return null;
-	const regex = /(\*{1,3})((?:(?!\1).)+)\1/g;
 	const parts = [];
-	let lastIndex = 0;
-	let match;
 	let key = 0;
+	const fallbackHref = options.fallbackHref ?? "#";
 	const pushWithLineBreaks = (text) => {
 		text.split("\n").forEach((line, i) => {
 			if (i > 0) parts.push(/* @__PURE__ */ jsx("br", {}, key++));
 			if (line) parts.push(line);
 		});
 	};
-	while ((match = regex.exec(value)) !== null) {
-		if (match.index > lastIndex) pushWithLineBreaks(value.slice(lastIndex, match.index));
-		const stars = match[1].length;
-		const content = match[2];
-		if (stars === 3) parts.push(/* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("em", { children: content }) }, key++));
-		else if (stars === 2) parts.push(/* @__PURE__ */ jsx("strong", { children: content }, key++));
-		else parts.push(/* @__PURE__ */ jsx("em", { children: content }, key++));
-		lastIndex = match.index + match[0].length;
+	const pushFormatted = (text) => {
+		const regex = /(\*{1,3})((?:(?!\1).)+)\1/g;
+		let lastIndex = 0;
+		let match;
+		while ((match = regex.exec(text)) !== null) {
+			if (match.index > lastIndex) pushWithLineBreaks(text.slice(lastIndex, match.index));
+			const stars = match[1].length;
+			const content = match[2];
+			if (stars === 3) {
+				const emphasis = options.components?.emphasis?.({ children: content }) ?? /* @__PURE__ */ jsx("em", { children: content });
+				parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: options.components?.strong?.({ children: emphasis }) ?? /* @__PURE__ */ jsx("strong", { children: emphasis }) }, key++));
+			} else if (stars === 2) parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: options.components?.strong?.({ children: content }) ?? /* @__PURE__ */ jsx("strong", { children: content }) }, key++));
+			else parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: options.components?.emphasis?.({ children: content }) ?? /* @__PURE__ */ jsx("em", { children: content }) }, key++));
+			lastIndex = match.index + match[0].length;
+		}
+		if (lastIndex < text.length) pushWithLineBreaks(text.slice(lastIndex));
+	};
+	const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
+	let lastLinkIndex = 0;
+	let linkMatch;
+	while ((linkMatch = linkRegex.exec(value)) !== null) {
+		if (linkMatch.index > lastLinkIndex) pushFormatted(value.slice(lastLinkIndex, linkMatch.index));
+		const [, label, target] = linkMatch;
+		const href = isValidTextLinkTarget(target) ? resolveTextLinkHref(target, options.pages, fallbackHref) : null;
+		if (href) {
+			const openInNewTab = shouldOpenTextLinkInNewTab(target);
+			const linkProps = {
+				href,
+				target: openInNewTab ? "_blank" : void 0,
+				rel: openInNewTab ? "noreferrer" : void 0,
+				children: label
+			};
+			const linkData = {
+				target,
+				href,
+				external: isHttpTextLinkTarget(target),
+				pageId: getPageIdFromTextLinkTarget(target) ?? void 0
+			};
+			parts.push(/* @__PURE__ */ jsx(React.Fragment, { children: options.components?.link?.(linkProps, linkData) ?? /* @__PURE__ */ jsx("a", {
+				...linkProps,
+				style: { textDecorationLine: "underline" }
+			}) }, key++));
+		} else pushFormatted(label);
+		lastLinkIndex = linkMatch.index + linkMatch[0].length;
 	}
-	if (lastIndex < value.length) pushWithLineBreaks(value.slice(lastIndex));
+	if (lastLinkIndex < value.length) pushFormatted(value.slice(lastLinkIndex));
 	if (parts.length === 0) return value;
 	return /* @__PURE__ */ jsx(Fragment, { children: parts });
 }

package/dist/core/lib/lexicalState.js

@@ -1,4 +1,5 @@
 import { FORMAT_FLAGS, lexicalTextToMarkdown } from "./modifierFormats.js";
+import { isValidTextLinkTarget } from "./textLinks.js";
 
 //#region src/core/lib/lexicalState.ts
 function isLexicalState(value) {
@@ -19,6 +20,12 @@ function lexicalStateToMarkdown(serialized) {
 }
 function extractMarkdownFromNode(node) {
 	if (node.type === "text") return lexicalTextToMarkdown(node.text ?? "", node.format ?? 0);
+	if (node.type === "link") {
+		const text = (node.children ?? []).map(extractMarkdownFromNode).join("");
+		const url = typeof node.url === "string" ? node.url : "";
+		if (!url) return text;
+		return `[${text}](${url})`;
+	}
 	if (node.type === "linebreak") return "\n";
 	if (!node.children) return "";
 	const parts = [];
@@ -67,6 +74,33 @@ function parseParagraphWithLineBreaks(para) {
 	return nodes;
 }
 function parseInlineMarkdown(text) {
+	const nodes = [];
+	const linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
+	let lastLinkIndex = 0;
+	let linkMatch;
+	while ((linkMatch = linkRegex.exec(text)) !== null) {
+		if (linkMatch.index > lastLinkIndex) nodes.push(...parseFormattedText(text.slice(lastLinkIndex, linkMatch.index)));
+		const [, label, target] = linkMatch;
+		if (isValidTextLinkTarget(target)) nodes.push({
+			children: parseFormattedText(label),
+			direction: "ltr",
+			format: "",
+			indent: 0,
+			rel: null,
+			target: null,
+			title: null,
+			type: "link",
+			url: target,
+			version: 1
+		});
+		else nodes.push(...parseFormattedText(label));
+		lastLinkIndex = linkMatch.index + linkMatch[0].length;
+	}
+	if (lastLinkIndex < text.length) nodes.push(...parseFormattedText(text.slice(lastLinkIndex)));
+	if (nodes.length === 0) return parseFormattedText(text);
+	return nodes;
+}
+function parseFormattedText(text) {
 	const segments = [];
 	const regex = /(\*{1,3})((?:(?!\1).)+)\1/g;
 	let lastIndex = 0;

package/dist/core/lib/textLinks.js

@@ -0,0 +1,28 @@
+//#region src/core/lib/textLinks.ts
+const PAGE_TEXT_LINK_PREFIX = "camox:page:";
+function getPageIdFromTextLinkTarget(target) {
+	if (!target.startsWith("camox:page:")) return null;
+	const pageId = target.slice(11);
+	if (!pageId) return null;
+	return pageId;
+}
+function createPageTextLinkTarget(pageId) {
+	return `${PAGE_TEXT_LINK_PREFIX}${pageId}`;
+}
+function isHttpTextLinkTarget(target) {
+	return /^https?:\/\//i.test(target);
+}
+function isValidTextLinkTarget(target) {
+	return getPageIdFromTextLinkTarget(target) != null || isHttpTextLinkTarget(target);
+}
+function resolveTextLinkHref(target, pages, fallbackHref) {
+	const pageId = getPageIdFromTextLinkTarget(target);
+	if (pageId == null) return isHttpTextLinkTarget(target) ? target : null;
+	return (pages?.find((p) => String(p.id) === pageId))?.fullPath ?? fallbackHref;
+}
+function shouldOpenTextLinkInNewTab(target) {
+	return isHttpTextLinkTarget(target);
+}
+
+//#endregion
+export { createPageTextLinkTarget, getPageIdFromTextLinkTarget, isHttpTextLinkTarget, isValidTextLinkTarget, resolveTextLinkHref, shouldOpenTextLinkInNewTab };

package/dist/features/agent-chat/components/AgentChatSidebar.js

@@ -0,0 +1,172 @@
+import { useProjectSlug } from "../../../lib/auth.js";
+import { projectQueries } from "../../../lib/queries.js";
+import { previewStore } from "../../preview/previewStore.js";
+import { AgentChatThread } from "./AgentChatThread.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useLocation } from "@tanstack/react-router";
+import { useSelector } from "@xstate/store-react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { Lock, Plus, X } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
+
+//#region src/features/agent-chat/components/AgentChatSidebar.tsx
+const AgentChatSidebar = () => {
+	const $ = c(20);
+	if ($[0] !== "fa80c907e2ec181da4f3cb91fbf7d8dc7f1330b0892397f5d2dd7e7058b18f66") {
+		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "fa80c907e2ec181da4f3cb91fbf7d8dc7f1330b0892397f5d2dd7e7058b18f66";
+	}
+	const previewSource = useSelector(previewStore, _temp);
+	const pageScaffoldContext = useSelector(previewStore, _temp2);
+	const [agentChatKey, setAgentChatKey] = React.useState(0);
+	const [composerFocusKey, setComposerFocusKey] = React.useState(0);
+	const { pathname } = useLocation();
+	const projectSlug = useProjectSlug();
+	let t0;
+	if ($[1] !== projectSlug) {
+		t0 = projectQueries.getBySlug(projectSlug);
+		$[1] = projectSlug;
+		$[2] = t0;
+	} else t0 = $[2];
+	const { data: project } = useQuery(t0);
+	const isLiveSource = previewSource === "live";
+	let t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			setComposerFocusKey(_temp3);
+		};
+		t2 = [];
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	React.useEffect(t1, t2);
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "flex-1 text-base font-semibold",
+			children: "Agent Chat"
+		});
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-sm",
+			"aria-label": "Start a new Agent Chat",
+			onClick: () => {
+				previewStore.send({ type: "clearAgentChatPageScaffoldContext" });
+				setAgentChatKey(_temp4);
+				setComposerFocusKey(_temp5);
+			},
+			children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
+		});
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 p-2",
+			children: [
+				t3,
+				t4,
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Close",
+					onClick: _temp6,
+					children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+				})
+			]
+		});
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== isLiveSource) {
+		t6 = isLiveSource && /* @__PURE__ */ jsx("div", {
+			className: "p-2 pb-0",
+			children: /* @__PURE__ */ jsxs(Alert, { children: [
+				/* @__PURE__ */ jsx(Lock, { className: "size-4" }),
+				/* @__PURE__ */ jsx(AlertTitle, { children: "Live Source is read-only" }),
+				/* @__PURE__ */ jsxs(AlertDescription, {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ jsx("p", { children: "Agent Chat can inspect live content, but edits require switching to Draft Source." }), /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						onClick: _temp7,
+						children: "Switch to draft"
+					})]
+				})
+			] })
+		});
+		$[8] = isLiveSource;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== agentChatKey || $[11] !== composerFocusKey || $[12] !== pageScaffoldContext || $[13] !== pathname || $[14] !== previewSource || $[15] !== project) {
+		t7 = project ? /* @__PURE__ */ jsx(AgentChatThread, {
+			projectId: project.id,
+			currentPath: pathname,
+			source: previewSource,
+			focusKey: composerFocusKey,
+			pageScaffoldContext: pageScaffoldContext ?? void 0
+		}, `${agentChatKey}:${pageScaffoldContext?.id ?? 0}`) : /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex flex-1 items-center justify-center p-6 text-sm",
+			children: "Loading project…"
+		});
+		$[10] = agentChatKey;
+		$[11] = composerFocusKey;
+		$[12] = pageScaffoldContext;
+		$[13] = pathname;
+		$[14] = previewSource;
+		$[15] = project;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t6 || $[18] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Fragment, { children: [t5, /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col",
+			children: [t6, t7]
+		})] });
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	return t8;
+};
+function _temp(state) {
+	return state.context.previewSource;
+}
+function _temp2(state_0) {
+	return state_0.context.agentChatPageScaffoldContext;
+}
+function _temp3(key) {
+	return key + 1;
+}
+function _temp4(key_0) {
+	return key_0 + 1;
+}
+function _temp5(key_1) {
+	return key_1 + 1;
+}
+function _temp6() {
+	return previewStore.send({ type: "closeAgentChatSidebar" });
+}
+function _temp7() {
+	return previewStore.send({
+		type: "setPreviewSource",
+		source: "draft"
+	});
+}
+
+//#endregion
+export { AgentChatSidebar };

package/dist/features/agent-chat/components/AgentChatThread.js

@@ -1,7 +1,7 @@
-import { previewStore } from "../../preview/previewStore.js";
 import { getAuthCookieHeader } from "../../../lib/auth.js";
 import { getApiClient, getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
 import { cn } from "../../../lib/utils.js";
+import { previewStore } from "../../preview/previewStore.js";
 import { buildAgentChatToolLabelContext, getToolCallLabel } from "../agent-chat-labels.js";
 import { AgentToolCallCard } from "./AgentToolCallCard.js";
 import { c } from "react/compiler-runtime";
@@ -106,9 +106,9 @@ const markdownComponents = {
 };
 const MessageBubble = (t0) => {
 	const $ = c(34);
-	if ($[0] !== "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82") {
+	if ($[0] !== "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf") {
 		for (let $i = 0; $i < 34; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82";
+		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
 	}
 	const { message, source, isThinkingActive, activeThinkingDurationKeys, thinkingDurations, toolLabelContext, onApprovalResponse } = t0;
 	const isUser = message.role === "user";
@@ -158,7 +158,7 @@ const MessageBubble = (t0) => {
 			if (text != null) {
 				if (text.trim().length === 0) return null;
 				return /* @__PURE__ */ jsx(Streamdown, {
-					className: cn("wrap-break-words space-y-2", !isUser && "pl-6"),
+					className: "wrap-break-words space-y-2",
 					components: markdownComponents,
 					controls: false,
 					isAnimating: !isUser,
@@ -226,9 +226,9 @@ const MessageBubble = (t0) => {
 };
 const AgentThinkingIndicator = (t0) => {
 	const $ = c(7);
-	if ($[0] !== "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82") {
+	if ($[0] !== "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "ac29c5bab5ba745d35d55b8522bbfdd5d2f187fdcb71b67d53addf6539f9af82";
+		$[0] = "f3b8a7664c3b99923b26867f113f97eb01d8277569c870abd2bc42ddb6f634bf";
 	}
 	const { durationSeconds } = t0;
 	if (durationSeconds !== void 0) {
@@ -517,7 +517,7 @@ const AgentChatThread = ({ projectId, currentPath, source, disabled, focusKey =
 		className: "flex min-h-0 flex-1 flex-col",
 		children: [/* @__PURE__ */ jsx("div", {
 			ref: messagesScrollRef,
-			className: "min-h-0 flex-1 overflow-y-auto border-t p-4",
+			className: "min-h-0 flex-1 overflow-y-auto border-t px-2 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex min-h-full flex-col justify-end",
 				children: [
@@ -552,7 +552,7 @@ const AgentChatThread = ({ projectId, currentPath, source, disabled, focusKey =
 			})
 		}), /* @__PURE__ */ jsx("form", {
 			onSubmit: handleSubmit,
-			className: "border-border border-t p-4",
+			className: "border-border border-t px-2 py-4",
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "border-input focus-within:border-ring focus-within:ring-ring/50 flex items-center gap-2 rounded-2xl border px-3 transition-colors focus-within:ring-[3px]",
 				children: [/* @__PURE__ */ jsx(Textarea, {
@@ -566,7 +566,7 @@ const AgentChatThread = ({ projectId, currentPath, source, disabled, focusKey =
 						}
 					},
 					disabled,
-					placeholder: disabled ? "Switch to draft to chat" : "Ask for changes or inspect this page…",
+					placeholder: disabled ? "Switch to draft to chat" : "Ask for anything",
 					className: "max-h-32 min-h-10 resize-none border-0 bg-inherit! px-0 py-4 leading-6 shadow-none focus-visible:ring-0"
 				}), isLoading ? /* @__PURE__ */ jsx(Button, {
 					type: "button",