camox 0.79.0 → 0.80.0

package/dist/features/brand/CamoxBrand.js

@@ -0,0 +1,758 @@
+import { useNavigate } from "../navigation/navigation.js";
+import { useProjectUuid } from "../../lib/auth.js";
+import { reads, useReadQuery, useStudioCache } from "../../lib/studio-reads.js";
+import { brandMutations } from "../../lib/queries.js";
+import { previewStore } from "../preview/previewStore.js";
+import { studioStore } from "../studio/studioStore.js";
+import { timeAgo } from "../studio/draftLabel.js";
+import { useWebsiteHref } from "../studio/components/Navbar.js";
+import { BrandPart } from "./BrandPart.js";
+import { VoiceGroup } from "./VoiceGroup.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Label } from "@camox/ui/label";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle } from "@camox/ui/sheet";
+import { Textarea } from "@camox/ui/textarea";
+import { MessagesSquare, PlusCircleIcon, Trash2 } from "lucide-react";
+import { Skeleton } from "@camox/ui/skeleton";
+import { Spinner } from "@camox/ui/spinner";
+import { Separator } from "@camox/ui/separator";
+
+//#region src/features/brand/CamoxBrand.tsx
+/**
+* The Brand Section (GLOSSARY): the brand of Live or of the draft being viewed, where members set
+* the Voice and add, correct and delete memories. Like content, a first edit while viewing Live
+* starts a draft.
+*/
+const CamoxBrand = () => {
+	const $ = c(5);
+	const projectUuid = useProjectUuid();
+	let t0;
+	if ($[0] !== projectUuid) {
+		t0 = reads.project({ projectUuid });
+		$[0] = projectUuid;
+		$[1] = t0;
+	} else t0 = $[1];
+	const { data: project } = useReadQuery(t0);
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsxs("header", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ jsx("h1", {
+				className: "text-xl font-semibold",
+				children: "Brand"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "What Camox knows about you."
+			})]
+		});
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== project) {
+		t2 = /* @__PURE__ */ jsxs("div", {
+			"data-brand-section": true,
+			className: "mx-auto flex w-full max-w-5xl flex-col gap-10 p-6 md:p-10",
+			children: [t1, project ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(VoiceGroup, { projectId: project.id }),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsx(Memory, { projectId: project.id })
+			] }) : /* @__PURE__ */ jsxs("div", {
+				role: "status",
+				"aria-label": "Loading the brand",
+				className: "flex flex-col gap-3",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-16" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-16" })]
+			})]
+		});
+		$[3] = project;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const words = (count) => `${count.toLocaleString("en")} word${count === 1 ? "" : "s"}`;
+/**
+* Memory, as a table of memories whose last row adds one. Each row opens its memory in a side
+* sheet, as a collection's records do in the Content Section.
+*/
+function Memory(t0) {
+	const $ = c(35);
+	const { projectId } = t0;
+	let t1;
+	if ($[0] !== projectId) {
+		t1 = reads.memories({ projectId });
+		$[0] = projectId;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { data } = useReadQuery(t1);
+	const [target, setTarget] = React.useState(null);
+	const [open, setOpen] = React.useState(false);
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (next) => {
+			setTarget(next);
+			setOpen(true);
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const show = t2;
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => setOpen(false);
+		$[3] = t3;
+	} else t3 = $[3];
+	const close = t3;
+	const room = data ? Math.max(data.limitWords - data.usedWords, 0) : 0;
+	let t4;
+	if ($[4] !== data?.memories || $[5] !== target) {
+		t4 = target?.kind === "memory" ? data?.memories.find((t5) => {
+			const { id } = t5;
+			return id === target.id;
+		}) : null;
+		$[4] = data?.memories;
+		$[5] = target;
+		$[6] = t4;
+	} else t4 = $[6];
+	const shown = t4;
+	let t5;
+	if ($[7] !== data || $[8] !== room) {
+		t5 = data && /* @__PURE__ */ jsxs("p", {
+			"data-memory-room": true,
+			className: "text-muted-foreground text-xs",
+			children: [
+				words(room),
+				" left of ",
+				data.limitWords.toLocaleString("en")
+			]
+		});
+		$[7] = data;
+		$[8] = room;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== data) {
+		t6 = data ? /* @__PURE__ */ jsxs("ul", {
+			"aria-label": "Memories",
+			className: "divide-y rounded-md border",
+			children: [
+				data.memories.length === 0 && /* @__PURE__ */ jsx("li", {
+					"data-memory-empty": true,
+					className: "text-muted-foreground px-4 py-3 text-sm",
+					children: "No memories yet."
+				}),
+				data.memories.map((memory) => /* @__PURE__ */ jsx("li", {
+					"data-memory": true,
+					className: "hover:bg-accent",
+					children: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: "focus-visible:bg-accent flex w-full flex-col items-start gap-0.5 px-4 py-3 text-left text-sm outline-none",
+						onClick: () => show({
+							kind: "memory",
+							id: memory.id
+						}),
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-memory-text": true,
+							className: "line-clamp-2",
+							children: memory.text
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground text-xs",
+							children: [
+								memory.author.name,
+								" · ",
+								timeAgo(memory.createdAt)
+							]
+						})]
+					})
+				}, memory.id)),
+				/* @__PURE__ */ jsx("li", {
+					className: "flex justify-start px-2 py-1",
+					children: /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "text-muted-foreground hover:text-foreground font-normal",
+						onClick: () => show({ kind: "new" }),
+						children: [/* @__PURE__ */ jsx(PlusCircleIcon, {
+							"aria-hidden": true,
+							className: "size-3.5"
+						}), "Add memory"]
+					})
+				})
+			]
+		}) : /* @__PURE__ */ jsx(Skeleton, { className: "h-32" });
+		$[10] = data;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = (next_0) => !next_0 && close();
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== projectId || $[14] !== target?.kind) {
+		t8 = target?.kind === "new" && /* @__PURE__ */ jsx(NewMemory, {
+			projectId,
+			onDone: close
+		});
+		$[13] = projectId;
+		$[14] = target?.kind;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== projectId || $[17] !== shown || $[18] !== target?.kind) {
+		t9 = target?.kind === "memory" && shown && /* @__PURE__ */ jsx(MemoryDetails, {
+			projectId,
+			memory: shown,
+			onDone: close
+		}, shown.id);
+		$[16] = projectId;
+		$[17] = shown;
+		$[18] = target?.kind;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== data || $[21] !== shown || $[22] !== target?.kind) {
+		t10 = target?.kind === "memory" && data && !shown && /* @__PURE__ */ jsxs(SheetHeader, { children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Memory" }), /* @__PURE__ */ jsx(SheetDescription, { children: "This memory no longer exists." })] });
+		$[20] = data;
+		$[21] = shown;
+		$[22] = target?.kind;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== t10 || $[25] !== t8 || $[26] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: "gap-0 data-[side=right]:sm:max-w-xl",
+			children: [
+				t8,
+				t9,
+				t10
+			]
+		});
+		$[24] = t10;
+		$[25] = t8;
+		$[26] = t9;
+		$[27] = t11;
+	} else t11 = $[27];
+	let t12;
+	if ($[28] !== open || $[29] !== t11) {
+		t12 = /* @__PURE__ */ jsx(Sheet, {
+			open,
+			onOpenChange: t7,
+			children: t11
+		});
+		$[28] = open;
+		$[29] = t11;
+		$[30] = t12;
+	} else t12 = $[30];
+	let t13;
+	if ($[31] !== t12 || $[32] !== t5 || $[33] !== t6) {
+		t13 = /* @__PURE__ */ jsxs(BrandPart, {
+			title: "Memory",
+			description: "What Camox learnt from working with you.",
+			aside: t5,
+			children: [t6, t12]
+		});
+		$[31] = t12;
+		$[32] = t5;
+		$[33] = t6;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
+}
+/** Refreshes the memory a write changed. On Live, the write started a draft, which it reads. */
+function useRefreshMemory(projectId) {
+	const $ = c(3);
+	const cache = useStudioCache();
+	let t0;
+	if ($[0] !== cache || $[1] !== projectId) {
+		t0 = () => void cache.invalidate(reads.memories({ projectId }));
+		$[0] = cache;
+		$[1] = projectId;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+/** A new memory's form, in the memory sheet. */
+function NewMemory(t0) {
+	const $ = c(33);
+	const { projectId, onDone } = t0;
+	const [text, setText] = React.useState("");
+	const refresh = useRefreshMemory(projectId);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = brandMutations.addMemory();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== onDone || $[2] !== refresh) {
+		t2 = {
+			...t1,
+			onSuccess: () => {
+				refresh();
+				onDone();
+			}
+		};
+		$[1] = onDone;
+		$[2] = refresh;
+		$[3] = t2;
+	} else t2 = $[3];
+	const add = useMutation(t2);
+	let t3;
+	if ($[4] !== text) {
+		t3 = text.trim();
+		$[4] = text;
+		$[5] = t3;
+	} else t3 = $[5];
+	const trimmed = t3;
+	let t4;
+	if ($[6] !== add || $[7] !== projectId || $[8] !== trimmed) {
+		t4 = (event) => {
+			event.preventDefault();
+			if (trimmed) add.mutate({
+				projectId,
+				text: trimmed
+			});
+		};
+		$[6] = add;
+		$[7] = projectId;
+		$[8] = trimmed;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsxs(SheetHeader, {
+			className: "border-b",
+			children: [/* @__PURE__ */ jsx(SheetTitle, { children: "New memory" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Something Camox's agent should always know, such as a rule or how the business talks." })]
+		});
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: "camox-new-memory",
+			children: "Memory"
+		});
+		$[11] = t6;
+	} else t6 = $[11];
+	const t7 = add.error ? true : void 0;
+	let t8;
+	if ($[12] !== add) {
+		t8 = (event_0) => {
+			setText(event_0.target.value);
+			add.reset();
+		};
+		$[12] = add;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== add.isPending || $[15] !== t7 || $[16] !== t8 || $[17] !== text) {
+		t9 = /* @__PURE__ */ jsx(Textarea, {
+			id: "camox-new-memory",
+			className: "min-h-32",
+			placeholder: "We never name competitors.",
+			value: text,
+			"aria-invalid": t7,
+			disabled: add.isPending,
+			onChange: t8
+		});
+		$[14] = add.isPending;
+		$[15] = t7;
+		$[16] = t8;
+		$[17] = text;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== add.error) {
+		t10 = add.error && /* @__PURE__ */ jsx("p", {
+			"data-memory-error": true,
+			className: "text-destructive text-xs",
+			children: add.error.message
+		});
+		$[19] = add.error;
+		$[20] = t10;
+	} else t10 = $[20];
+	let t11;
+	if ($[21] !== t10 || $[22] !== t9) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto p-4",
+			children: [
+				t6,
+				t9,
+				t10
+			]
+		});
+		$[21] = t10;
+		$[22] = t9;
+		$[23] = t11;
+	} else t11 = $[23];
+	const t12 = !trimmed || add.isPending;
+	let t13;
+	if ($[24] !== add.isPending) {
+		t13 = add.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[24] = add.isPending;
+		$[25] = t13;
+	} else t13 = $[25];
+	let t14;
+	if ($[26] !== t12 || $[27] !== t13) {
+		t14 = /* @__PURE__ */ jsx(SheetFooter, {
+			className: "flex-row border-t",
+			children: /* @__PURE__ */ jsxs(Button, {
+				type: "submit",
+				disabled: t12,
+				children: [t13, "Remember"]
+			})
+		});
+		$[26] = t12;
+		$[27] = t13;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== t11 || $[30] !== t14 || $[31] !== t4) {
+		t15 = /* @__PURE__ */ jsxs("form", {
+			className: "flex min-h-0 flex-1 flex-col",
+			onSubmit: t4,
+			children: [
+				t5,
+				t11,
+				t14
+			]
+		});
+		$[29] = t11;
+		$[30] = t14;
+		$[31] = t4;
+		$[32] = t15;
+	} else t15 = $[32];
+	return t15;
+}
+/**
+* A memory in the memory sheet: where it came from (who taught it and when, and the quote and its
+* thread), its text to correct, and deleting it.
+*/
+function MemoryDetails(t0) {
+	const $ = c(62);
+	const { projectId, memory, onDone } = t0;
+	const [text, setText] = React.useState(memory.text);
+	const refresh = useRefreshMemory(projectId);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = brandMutations.changeMemory();
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== onDone || $[2] !== refresh) {
+		t2 = {
+			...t1,
+			onSuccess: () => {
+				refresh();
+				onDone();
+			}
+		};
+		$[1] = onDone;
+		$[2] = refresh;
+		$[3] = t2;
+	} else t2 = $[3];
+	const change = useMutation(t2);
+	let t3;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = brandMutations.deleteMemory();
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== onDone || $[6] !== refresh) {
+		t4 = {
+			...t3,
+			onSuccess: () => {
+				refresh();
+				onDone();
+			}
+		};
+		$[5] = onDone;
+		$[6] = refresh;
+		$[7] = t4;
+	} else t4 = $[7];
+	const remove = useMutation(t4);
+	let t5;
+	if ($[8] !== text) {
+		t5 = text.trim();
+		$[8] = text;
+		$[9] = t5;
+	} else t5 = $[9];
+	const trimmed = t5;
+	const pending = change.isPending || remove.isPending;
+	const error = change.error ?? remove.error;
+	let t6;
+	if ($[10] !== change || $[11] !== memory.id || $[12] !== projectId || $[13] !== trimmed) {
+		t6 = (event) => {
+			event.preventDefault();
+			if (trimmed) change.mutate({
+				projectId,
+				id: memory.id,
+				text: trimmed
+			});
+		};
+		$[10] = change;
+		$[11] = memory.id;
+		$[12] = projectId;
+		$[13] = trimmed;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(SheetTitle, { children: "Memory" });
+		$[15] = t7;
+	} else t7 = $[15];
+	const t8 = memory.source.kind === "studio" ? "Written in the studio by " : "Taught by ";
+	const t9 = memory.author.name;
+	let t10;
+	if ($[16] !== memory.createdAt) {
+		t10 = timeAgo(memory.createdAt);
+		$[16] = memory.createdAt;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== memory.author.name || $[19] !== t10 || $[20] !== t8) {
+		t11 = /* @__PURE__ */ jsxs(SheetHeader, {
+			className: "border-b",
+			children: [t7, /* @__PURE__ */ jsxs(SheetDescription, { children: [
+				t8,
+				t9,
+				" · ",
+				t10
+			] })]
+		});
+		$[18] = memory.author.name;
+		$[19] = t10;
+		$[20] = t8;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: "camox-memory-text",
+			children: "Memory"
+		});
+		$[22] = t12;
+	} else t12 = $[22];
+	const t13 = change.error ? true : void 0;
+	let t14;
+	if ($[23] !== change) {
+		t14 = (event_0) => {
+			setText(event_0.target.value);
+			change.reset();
+		};
+		$[23] = change;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== pending || $[26] !== t13 || $[27] !== t14 || $[28] !== text) {
+		t15 = /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [t12, /* @__PURE__ */ jsx(Textarea, {
+				id: "camox-memory-text",
+				className: "min-h-32",
+				value: text,
+				"aria-invalid": t13,
+				disabled: pending,
+				onChange: t14
+			})]
+		});
+		$[25] = pending;
+		$[26] = t13;
+		$[27] = t14;
+		$[28] = text;
+		$[29] = t15;
+	} else t15 = $[29];
+	let t16;
+	if ($[30] !== memory.source || $[31] !== onDone) {
+		t16 = memory.source.kind === "thread" && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-start gap-2",
+			children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium",
+					children: "Where it came from"
+				}),
+				/* @__PURE__ */ jsxs("blockquote", {
+					className: "text-muted-foreground border-l-2 pl-3 text-sm italic",
+					children: [
+						"“",
+						memory.source.quote,
+						"”"
+					]
+				}),
+				/* @__PURE__ */ jsx(SourceThread, {
+					source: memory.source,
+					onOpen: onDone
+				})
+			]
+		});
+		$[30] = memory.source;
+		$[31] = onDone;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== error) {
+		t17 = error && /* @__PURE__ */ jsx("p", {
+			"data-memory-error": true,
+			className: "text-destructive text-xs",
+			children: error.message
+		});
+		$[33] = error;
+		$[34] = t17;
+	} else t17 = $[34];
+	let t18;
+	if ($[35] !== t15 || $[36] !== t16 || $[37] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-6 overflow-y-auto p-4",
+			children: [
+				t15,
+				t16,
+				t17
+			]
+		});
+		$[35] = t15;
+		$[36] = t16;
+		$[37] = t17;
+		$[38] = t18;
+	} else t18 = $[38];
+	const t19 = !trimmed || trimmed === memory.text || pending;
+	let t20;
+	if ($[39] !== change.isPending) {
+		t20 = change.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[39] = change.isPending;
+		$[40] = t20;
+	} else t20 = $[40];
+	let t21;
+	if ($[41] !== t19 || $[42] !== t20) {
+		t21 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: t19,
+			children: [t20, "Save"]
+		});
+		$[41] = t19;
+		$[42] = t20;
+		$[43] = t21;
+	} else t21 = $[43];
+	let t22;
+	if ($[44] !== memory.id || $[45] !== projectId || $[46] !== remove) {
+		t22 = () => remove.mutate({
+			projectId,
+			id: memory.id
+		});
+		$[44] = memory.id;
+		$[45] = projectId;
+		$[46] = remove;
+		$[47] = t22;
+	} else t22 = $[47];
+	let t23;
+	if ($[48] !== remove.isPending) {
+		t23 = remove.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(Trash2, {});
+		$[48] = remove.isPending;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== pending || $[51] !== t22 || $[52] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			className: "text-destructive ml-auto",
+			"aria-label": "Delete memory",
+			disabled: pending,
+			onClick: t22,
+			children: [t23, "Delete"]
+		});
+		$[50] = pending;
+		$[51] = t22;
+		$[52] = t23;
+		$[53] = t24;
+	} else t24 = $[53];
+	let t25;
+	if ($[54] !== t21 || $[55] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(SheetFooter, {
+			className: "flex-row border-t",
+			children: [t21, t24]
+		});
+		$[54] = t21;
+		$[55] = t24;
+		$[56] = t25;
+	} else t25 = $[56];
+	let t26;
+	if ($[57] !== t11 || $[58] !== t18 || $[59] !== t25 || $[60] !== t6) {
+		t26 = /* @__PURE__ */ jsxs("form", {
+			"data-memory-details": true,
+			className: "flex min-h-0 flex-1 flex-col",
+			onSubmit: t6,
+			children: [
+				t11,
+				t18,
+				t25
+			]
+		});
+		$[57] = t11;
+		$[58] = t18;
+		$[59] = t25;
+		$[60] = t6;
+		$[61] = t26;
+	} else t26 = $[61];
+	return t26;
+}
+/**
+* Opens the thread a memory's quote was said in: its draft's, beside the Canvas, or its
+* Publication's once the draft was published (ADR 0045). `onOpen` closes what it was opened from.
+*/
+function SourceThread(t0) {
+	const $ = c(10);
+	const { source, onOpen } = t0;
+	const navigate = useNavigate();
+	const websiteHref = useWebsiteHref();
+	let t1;
+	if ($[0] !== navigate || $[1] !== onOpen || $[2] !== source.draftId || $[3] !== source.published || $[4] !== websiteHref) {
+		t1 = () => {
+			onOpen();
+			if (source.published) {
+				studioStore.send({
+					type: "openDraftsSheet",
+					publicationId: source.draftId
+				});
+				return;
+			}
+			previewStore.send({ type: "showCanvas" });
+			navigate({
+				to: websiteHref(),
+				draft: source.draftId
+			});
+		};
+		$[0] = navigate;
+		$[1] = onOpen;
+		$[2] = source.draftId;
+		$[3] = source.published;
+		$[4] = websiteHref;
+		$[5] = t1;
+	} else t1 = $[5];
+	const open = t1;
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(MessagesSquare, {});
+		$[6] = t2;
+	} else t2 = $[6];
+	const t3 = source.published ? "See the published draft's thread" : "See the draft's thread";
+	let t4;
+	if ($[7] !== open || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "link",
+			size: "sm",
+			className: "h-auto px-0",
+			onClick: open,
+			children: [t2, t3]
+		});
+		$[7] = open;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
+}
+
+//#endregion
+export { CamoxBrand };