camox 0.53.1 → 0.56.0

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

@@ -1,364 +0,0 @@
-import { AuthContext } from "../../../lib/auth.js";
-import { useCurrentDraftId, useDraftScope } from "../../../lib/draft-scope.js";
-import { useNavigate } from "../../navigation/navigation.js";
-import { reads, useReadQuery } from "../../../lib/studio-reads.js";
-import { cn } from "../../../lib/utils.js";
-import { BOTTOM_CARD_EDGES, CARD_BODY_EDGES, SIDEBAR_GUTTER } from "../../preview/components/SidebarStack.js";
-import { draftLabel } from "../draftLabel.js";
-import { FollowAgentContext } from "../followAgentContext.js";
-import { useThread } from "../../../lib/use-thread.js";
-import { ThreadComposer } from "./ThreadComposer.js";
-import { ThreadMessages } from "./ThreadMessages.js";
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { EMPTY_THREAD_VIEW } from "@camox/api-contract/threads";
-
-//#region src/features/studio/components/ChatSidebar.tsx
-/**
-* Where an editor works with Camox's agent in a thread, beside the Canvas. Elsewhere in the
-* studio it is only hidden: the studio keeps following the editor's runs there. It follows
-* where the studio is: the editor's own Live thread on Live, and the draft's thread in a draft.
-* When the Live thread starts a draft, the studio enters it with the thread.
-*/
-function ChatSidebar(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 py-2 max-md:hidden", SIDEBAR_GUTTER);
-		t3 = { width: 265 };
-		t4 = /* @__PURE__ */ jsxs("header", {
-			className: cn("bg-background flex h-11 min-w-0 shrink-0 items-center justify-center gap-2 px-3", BOTTOM_CARD_EDGES),
-			children: [/* @__PURE__ */ jsx(CamoxMark, {}), /* @__PURE__ */ jsx("h2", {
-				className: "truncate text-sm font-medium",
-				children: "Chat"
-			})]
-		});
-		t5 = /* @__PURE__ */ jsx("div", {
-			className: cn("bg-background flex min-h-0 flex-1 flex-col", CARD_BODY_EDGES),
-			children: /* @__PURE__ */ jsx(CurrentThread, {})
-		});
-		$[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": "Chat",
-			"data-chat-sidebar": true,
-			hidden,
-			className: t2,
-			style: t3,
-			children: [t4, t5]
-		});
-		$[4] = hidden;
-		$[5] = t6;
-	} else t6 = $[5];
-	return t6;
-}
-/** Camox's logo, beside the heading: the agent is Camox. */
-function CamoxMark() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("svg", {
-			"aria-hidden": true,
-			viewBox: "0 0 191.03 132",
-			className: "size-5 shrink-0",
-			xmlns: "http://www.w3.org/2000/svg",
-			children: /* @__PURE__ */ jsx("path", {
-				d: "M0 22.55A22.55 22.55 0 0 1 22.55 0L90.19 0A5.32 5.32 0 0 1 95.52 5.32L95.52 36.48L36.48 36.48L36.48 95.52L5.32 95.52A5.32 5.32 0 0 1 0 90.19ZM95.52 36.48L181.48 36.48A5.32 5.32 0 0 1 186.01 44.61L138.61 121.31A22.55 22.55 0 0 1 119.43 132L41.81 132A5.32 5.32 0 0 1 36.48 126.68L36.48 95.52L95.52 95.52Z",
-				fill: "#00BC7D"
-			})
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
-}
-function CurrentThread() {
-	const $ = c(15);
-	const { apiUrl, projectUuid } = React.useContext(AuthContext);
-	let t0;
-	if ($[0] !== projectUuid) {
-		t0 = reads.project({ projectUuid });
-		$[0] = projectUuid;
-		$[1] = t0;
-	} else t0 = $[1];
-	const { data: project } = useReadQuery(t0);
-	const draftId = useCurrentDraftId();
-	const draftScope = useDraftScope();
-	const [carried, setCarried] = React.useState();
-	let t1;
-	if ($[2] !== draftScope) {
-		t1 = (started, thread) => {
-			if (draftScope.current() !== null) return;
-			const { startedDraft: _, continuedIn: __, ...state } = thread.state;
-			setCarried({
-				draftId: started,
-				thread: {
-					...thread,
-					state
-				}
-			});
-			draftScope.enterStarted(started);
-		};
-		$[2] = draftScope;
-		$[3] = t1;
-	} else t1 = $[3];
-	const enterDraft = t1;
-	let t2;
-	let t3;
-	if ($[4] !== draftScope) {
-		t2 = () => draftScope.subscribe((t4) => {
-			const { move } = t4;
-			if (move !== "started") setCarried(void 0);
-		});
-		t3 = [draftScope];
-		$[4] = draftScope;
-		$[5] = t2;
-		$[6] = t3;
-	} else {
-		t2 = $[5];
-		t3 = $[6];
-	}
-	React.useEffect(t2, t3);
-	if (!project) {
-		let t4;
-		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-			t4 = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ThreadMessages, { view: EMPTY_THREAD_VIEW }), /* @__PURE__ */ jsx(ThreadComposer, { disabled: true })] });
-			$[7] = t4;
-		} else t4 = $[7];
-		return t4;
-	}
-	const t4 = `${project.id}:${draftId ?? "live"}`;
-	const t5 = carried?.draftId === draftId ? carried.thread : void 0;
-	let t6;
-	if ($[8] !== apiUrl || $[9] !== draftId || $[10] !== enterDraft || $[11] !== project.id || $[12] !== t4 || $[13] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Thread, {
-			apiUrl,
-			projectId: project.id,
-			draftId,
-			carried: t5,
-			onEnterDraft: enterDraft
-		}, t4);
-		$[8] = apiUrl;
-		$[9] = draftId;
-		$[10] = enterDraft;
-		$[11] = project.id;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	return t6;
-}
-function Thread(t0) {
-	const $ = c(31);
-	const { apiUrl, projectId, draftId, carried, onEnterDraft } = t0;
-	let t1;
-	if ($[0] !== carried || $[1] !== onEnterDraft) {
-		t1 = {
-			carried,
-			onEnterDraft
-		};
-		$[0] = carried;
-		$[1] = onEnterDraft;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { view, sending, send, stop, error, touched } = useThread(apiUrl, projectId, draftId, t1);
-	const follow = React.use(FollowAgentContext);
-	let t2;
-	if ($[3] !== follow) {
-		t2 = (batch) => follow?.receive(batch);
-		$[3] = follow;
-		$[4] = t2;
-	} else t2 = $[4];
-	const followTouched = React.useEffectEvent(t2);
-	let t3;
-	if ($[5] !== followTouched || $[6] !== touched) {
-		t3 = () => {
-			if (touched) followTouched(touched.batch);
-		};
-		$[5] = followTouched;
-		$[6] = touched;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== touched) {
-		t4 = [touched];
-		$[8] = touched;
-		$[9] = t4;
-	} else t4 = $[9];
-	React.useEffect(t3, t4);
-	let t5;
-	if ($[10] !== follow || $[11] !== send) {
-		t5 = (text) => {
-			follow?.resume();
-			send(text);
-		};
-		$[10] = follow;
-		$[11] = send;
-		$[12] = t5;
-	} else t5 = $[12];
-	const sendFollowing = t5;
-	const t6 = draftId !== null;
-	let t7;
-	if ($[13] !== sending || $[14] !== t6 || $[15] !== view) {
-		t7 = {
-			view,
-			sending,
-			showSenders: t6
-		};
-		$[13] = sending;
-		$[14] = t6;
-		$[15] = view;
-		$[16] = t7;
-	} else t7 = $[16];
-	const messages = t7;
-	const continuedIn = draftId === null ? view.continuedIn?.draftId : void 0;
-	let t8;
-	if ($[17] !== continuedIn || $[18] !== messages || $[19] !== projectId) {
-		t8 = continuedIn ? /* @__PURE__ */ jsx(ContinuedInMessages, {
-			...messages,
-			projectId,
-			draftId: continuedIn
-		}) : /* @__PURE__ */ jsx(ThreadMessages, { ...messages });
-		$[17] = continuedIn;
-		$[18] = messages;
-		$[19] = projectId;
-		$[20] = t8;
-	} else t8 = $[20];
-	let t9;
-	if ($[21] !== error) {
-		t9 = error && /* @__PURE__ */ jsx("p", {
-			role: "alert",
-			className: "text-destructive px-2 pt-2 text-sm",
-			children: error
-		});
-		$[21] = error;
-		$[22] = t9;
-	} else t9 = $[22];
-	let t10;
-	if ($[23] !== sendFollowing || $[24] !== stop || $[25] !== view.running) {
-		t10 = /* @__PURE__ */ jsx(ThreadComposer, {
-			onSend: sendFollowing,
-			onStop: stop,
-			running: view.running
-		});
-		$[23] = sendFollowing;
-		$[24] = stop;
-		$[25] = view.running;
-		$[26] = t10;
-	} else t10 = $[26];
-	let t11;
-	if ($[27] !== t10 || $[28] !== t8 || $[29] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t8,
-			t9,
-			t10
-		] });
-		$[27] = t10;
-		$[28] = t8;
-		$[29] = t9;
-		$[30] = t11;
-	} else t11 = $[30];
-	return t11;
-}
-/**
-* A fresh Live thread's messages, linking to the draft the editor's previous one continued in,
-* named as the drafts control names it.
-*/
-function ContinuedInMessages(t0) {
-	const $ = c(22);
-	let draftId;
-	let messages;
-	let projectId;
-	if ($[0] !== t0) {
-		({projectId, draftId, ...messages} = t0);
-		$[0] = t0;
-		$[1] = draftId;
-		$[2] = messages;
-		$[3] = projectId;
-	} else {
-		draftId = $[1];
-		messages = $[2];
-		projectId = $[3];
-	}
-	const draftScope = useDraftScope();
-	const navigate = useNavigate();
-	let t1;
-	if ($[4] !== draftId || $[5] !== projectId) {
-		t1 = reads.draft({
-			projectId,
-			draftId
-		});
-		$[4] = draftId;
-		$[5] = projectId;
-		$[6] = t1;
-	} else t1 = $[6];
-	const { data: draft } = useReadQuery(t1);
-	let t2;
-	if ($[7] !== draft) {
-		t2 = draft ? draftLabel(draft) : "a draft";
-		$[7] = draft;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== draftId || $[10] !== draftScope) {
-		t3 = draftScope.hrefFor(window.location.href, { draft: draftId });
-		$[9] = draftId;
-		$[10] = draftScope;
-		$[11] = t3;
-	} else t3 = $[11];
-	let t4;
-	if ($[12] !== draftId || $[13] !== navigate) {
-		t4 = (event) => {
-			event.preventDefault();
-			navigate({
-				to: window.location.href,
-				draft: draftId
-			});
-		};
-		$[12] = draftId;
-		$[13] = navigate;
-		$[14] = t4;
-	} else t4 = $[14];
-	let t5;
-	if ($[15] !== t2 || $[16] !== t3 || $[17] !== t4) {
-		t5 = {
-			label: t2,
-			href: t3,
-			onOpen: t4
-		};
-		$[15] = t2;
-		$[16] = t3;
-		$[17] = t4;
-		$[18] = t5;
-	} else t5 = $[18];
-	const link = t5;
-	let t6;
-	if ($[19] !== link || $[20] !== messages) {
-		t6 = /* @__PURE__ */ jsx(ThreadMessages, {
-			...messages,
-			continuedIn: link
-		});
-		$[19] = link;
-		$[20] = messages;
-		$[21] = t6;
-	} else t6 = $[21];
-	return t6;
-}
-
-//#endregion
-export { ChatSidebar };