@rekayasa/erica-bubble 1.2.1 → 1.2.3

package/dist/index.mjs

@@ -14511,19 +14511,53 @@ var qy = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 		rx: "1",
 		key: "q5h2i8"
 	}]
-]), ab = nb("square-pen", [["path", {
+]), ab = nb("maximize-2", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "m21 3-7 7",
+		key: "1l2asr"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M9 21H3v-6",
+		key: "wtvkvv"
+	}]
+]), ob = nb("minimize-2", [
+	["path", {
+		d: "m14 10 7-7",
+		key: "oa77jy"
+	}],
+	["path", {
+		d: "M20 10h-6V4",
+		key: "mjg0md"
+	}],
+	["path", {
+		d: "m3 21 7-7",
+		key: "tjx5ai"
+	}],
+	["path", {
+		d: "M4 14h6v6",
+		key: "rmj7iw"
+	}]
+]), sb = nb("square-pen", [["path", {
 	d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",
 	key: "1m0v6g"
 }], ["path", {
 	d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
 	key: "ohrbg2"
-}]]), ob = nb("x", [["path", {
+}]]), cb = nb("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]), sb = { downloadGenerated: async (e, t) => {
+}]]), lb = { downloadGenerated: async (e, t) => {
 	let { data: n } = await Pe.get({
 		url: `/templates/generated/${encodeURIComponent(e)}/download`,
 		parseAs: "blob",
@@ -14533,7 +14567,7 @@ var qy = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e)
 } };
 //#endregion
 //#region src/components/artifacts/FilledTemplateCard.tsx
-function cb({ templateName: e, outputFilename: t, s3Path: n }) {
+function ub({ templateName: e, outputFilename: t, s3Path: n }) {
 	let [r, i] = u(!1), [a, o] = u(null), s = c(() => n.split("/").pop()?.replace(/\.docx$/i, "") ?? "", [n]), l = async () => {
 		if (!s) {
 			o("Generated file id is missing");
@@ -14541,7 +14575,7 @@ function cb({ templateName: e, outputFilename: t, s3Path: n }) {
 		}
 		i(!0), o(null);
 		try {
-			await sb.downloadGenerated(s, t || `${s}.docx`);
+			await lb.downloadGenerated(s, t || `${s}.docx`);
 		} catch (e) {
 			o(e instanceof Error ? e.message : "Download failed");
 		} finally {
@@ -14585,19 +14619,19 @@ function cb({ templateName: e, outputFilename: t, s3Path: n }) {
 }
 //#endregion
 //#region src/components/Tools.tsx
-function lb({ name: e }) {
+function db({ name: e }) {
 	let t = a(xn);
 	return o(() => {
 		t && t.setStep(e);
 	}, [e, t]), null;
 }
-function ub() {
+function fb() {
 	return b({
-		name: "showChart",
+		name: "show_chart",
 		parameters: fc,
 		render: ({ parameters: e }) => e.compiled_chart?.path ? /* @__PURE__ */ S(Gc, { path: e.compiled_chart.path }) : /* @__PURE__ */ S("div", { children: "No chart path provided" })
 	}, []), b({
-		name: "showReport",
+		name: "show_report",
 		parameters: pc,
 		render: ({ parameters: e }) => e.compiled_report?.path ? /* @__PURE__ */ S(Hy, {
 			path: e.compiled_report.path,
@@ -14608,13 +14642,13 @@ function ub() {
 		parameters: mc,
 		render: ({ parameters: e }) => {
 			let { filled_template: t } = e;
-			return t?.s3_path ? /* @__PURE__ */ S(cb, {
+			return t?.s3_path ? /* @__PURE__ */ S(ub, {
 				templateName: t.template_name,
 				outputFilename: t.output_filename,
 				s3Path: t.s3_path
 			}) : /* @__PURE__ */ S("div", { children: "No template path provided" });
 		}
-	}, []), v({ render: ({ name: e }) => /* @__PURE__ */ S(lb, { name: e }) }, []), y({ render: ({ event: e, resolve: t }) => {
+	}, []), v({ render: ({ name: e }) => /* @__PURE__ */ S(db, { name: e }) }, []), y({ render: ({ event: e, resolve: t }) => {
 		let n = {};
 		try {
 			n = typeof e.value == "string" ? JSON.parse(e.value) : e.value;
@@ -14657,7 +14691,7 @@ function ub() {
 }
 //#endregion
 //#region src/lib/resource-api.ts
-var db = { search: async (e, t = yn) => {
+var pb = { search: async (e, t = yn) => {
 	let { data: n } = await Pe.get({
 		security: [{
 			scheme: "bearer",
@@ -14671,11 +14705,11 @@ var db = { search: async (e, t = yn) => {
 		throwOnError: !0
 	});
 	return n.data ?? [];
-} }, fb = {
+} }, mb = {
 	dataset: "dataset",
 	document: "document",
 	template: "template"
-}, pb = r(({ items: e, command: t, isLoading: n = !1 }, r) => {
+}, hb = r(({ items: e, command: t, isLoading: n = !1 }, r) => {
 	let [i, a] = u(0), c = l(null);
 	return o(() => {
 		a(0);
@@ -14711,22 +14745,22 @@ var db = { search: async (e, t = yn) => {
 					children: e.label
 				}), e.description && /* @__PURE__ */ S("span", {
 					className: ["erica-mention-badge", `erica-mention-badge-${e.description}`].join(" "),
-					children: fb[e.description] ?? e.description
+					children: mb[e.description] ?? e.description
 				})]
 			}, e.id))
 		})]
 	});
 });
-pb.displayName = "MentionSuggestionList";
+hb.displayName = "MentionSuggestionList";
 //#endregion
 //#region src/components/ChatEditor.tsx
-function mb(e) {
-	return e.nodeType === Node.TEXT_NODE ? e.textContent ?? "" : e instanceof HTMLElement ? e.dataset.resourceUid && e.dataset.resourceType ? `:resource[${e.dataset.resourceLabel ?? e.textContent?.replace(/^@/, "") ?? ""}]{uid="${e.dataset.resourceUid}" type="${e.dataset.resourceType}"}` : e.tagName === "BR" ? "\n" : Array.from(e.childNodes).map(mb).join("") : Array.from(e.childNodes).map(mb).join("");
+function gb(e) {
+	return e.nodeType === Node.TEXT_NODE ? e.textContent ?? "" : e instanceof HTMLElement ? e.dataset.resourceUid && e.dataset.resourceType ? `:resource[${e.dataset.resourceLabel ?? e.textContent?.replace(/^@/, "") ?? ""}]{uid="${e.dataset.resourceUid}" type="${e.dataset.resourceType}"}` : e.tagName === "BR" ? "\n" : Array.from(e.childNodes).map(gb).join("") : Array.from(e.childNodes).map(gb).join("");
 }
-function hb(e) {
-	return Array.from(e.childNodes).map(mb).join("");
+function _b(e) {
+	return Array.from(e.childNodes).map(gb).join("");
 }
-function gb() {
+function vb() {
 	let e = window.getSelection();
 	if (!e || e.rangeCount === 0) return null;
 	let t = e.getRangeAt(0);
@@ -14739,13 +14773,13 @@ function gb() {
 		query: i[1]
 	} : null;
 }
-function _b(e, t) {
+function yb(e, t) {
 	let n = document.createRange();
 	n.setStart(e, Math.min(t, e.data.length)), n.collapse(!0);
 	let r = window.getSelection();
 	r?.removeAllRanges(), r?.addRange(n);
 }
-function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholder: i = "Ketik pertanyaan Anda di sini..." }) {
+function bb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholder: i = "Ketik pertanyaan Anda di sini..." }) {
 	let a = l(null), s = l(null), c = l(null), d = l(null), f = l(null), p = l(null), m = l(0), h = l(n), g = l(t), _ = l(r), [v, y] = u(!0);
 	o(() => {
 		h.current = n;
@@ -14762,13 +14796,13 @@ function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholde
 	function x() {
 		let e = a.current;
 		if (!e) return;
-		let t = hb(e);
+		let t = _b(e);
 		y(t.trim().length === 0), g.current(t);
 	}
 	function w(e, t) {
 		let n = f.current;
 		if (!n) return;
-		s.current || (s.current = document.createElement("div"), s.current.className = "erica-mention-popup", s.current.setAttribute("data-mention-suggestion", ""), document.body.appendChild(s.current), c.current = T(s.current)), c.current.render(/* @__PURE__ */ S(pb, {
+		s.current || (s.current = document.createElement("div"), s.current.className = "erica-mention-popup", s.current.setAttribute("data-mention-suggestion", ""), document.body.appendChild(s.current), c.current = T(s.current)), c.current.render(/* @__PURE__ */ S(hb, {
 			ref: d,
 			items: e,
 			isLoading: t,
@@ -14784,7 +14818,7 @@ function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholde
 		w([], !0), p.current && clearTimeout(p.current), p.current = setTimeout(async () => {
 			p.current = null;
 			try {
-				let n = await db.search(e.query, _.current);
+				let n = await pb.search(e.query, _.current);
 				if (t !== m.current) return;
 				w(n.filter((e) => [
 					"dataset",
@@ -14802,7 +14836,7 @@ function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholde
 		}, 300);
 	}
 	function D() {
-		let e = gb();
+		let e = vb();
 		if (f.current = e, !e) {
 			b();
 			return;
@@ -14817,7 +14851,7 @@ function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholde
 		let c = document.createElement("span");
 		c.className = "erica-resource-tag erica-editor-resource-tag", c.contentEditable = "false", c.dataset.resourceType = n, c.dataset.resourceUid = r, c.dataset.resourceLabel = e.label, c.textContent = `@${e.label}`;
 		let l = document.createTextNode(a), u = document.createTextNode(` ${o}`);
-		s.insertBefore(l, i), s.insertBefore(c, i), s.insertBefore(u, i), s.removeChild(i), b(), _b(u, 1), x();
+		s.insertBefore(l, i), s.insertBefore(c, i), s.insertBefore(u, i), s.removeChild(i), b(), yb(u, 1), x();
 	}
 	return /* @__PURE__ */ C("div", {
 		className: "erica-editor-wrap",
@@ -14858,7 +14892,7 @@ function vb({ value: e, onChange: t, onSubmit: n, agentIdentifier: r, placeholde
 }
 //#endregion
 //#region src/components/DocumentAttachmentPicker.tsx
-function yb({ hasAttachments: e, disabled: t, onFilesSelected: n }) {
+function xb({ hasAttachments: e, disabled: t, onFilesSelected: n }) {
 	let r = l(null);
 	function i(e) {
 		let t = Array.from(e.target.files ?? []);
@@ -14893,7 +14927,7 @@ function yb({ hasAttachments: e, disabled: t, onFilesSelected: n }) {
 }
 //#endregion
 //#region src/components/AgentAwareInput.tsx
-function bb(e) {
+function Sb(e) {
 	let t = a(xn), [n, r] = u(!1), i = l(0);
 	if (!t) return /* @__PURE__ */ S(f, { ...e });
 	let { attachedFiles: o, addFiles: s, removeFile: c, inputValue: d, setInputValue: p, handleSubmit: m, threadId: h } = t, g = yn;
@@ -14961,7 +14995,7 @@ function bb(e) {
 					}),
 					/* @__PURE__ */ S("div", {
 						className: "erica-aware-input-main",
-						children: u === "transcribe" ? a : /* @__PURE__ */ S(vb, {
+						children: u === "transcribe" ? a : /* @__PURE__ */ S(bb, {
 							value: d,
 							onChange: p,
 							onSubmit: w,
@@ -14972,7 +15006,7 @@ function bb(e) {
 					/* @__PURE__ */ C("div", {
 						className: "erica-aware-input-toolbar",
 						children: [
-							/* @__PURE__ */ S(yb, {
+							/* @__PURE__ */ S(xb, {
 								hasAttachments: o.length > 0,
 								disabled: !h,
 								onFilesSelected: s
@@ -14988,10 +15022,10 @@ function bb(e) {
 }
 //#endregion
 //#region src/components/ChatMessageSpinner.tsx
-var xb = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])([A-Z][a-z])/g, "$1 $2").replace(/[_-]/g, " ").toLowerCase().trim().replace(/\s+/g, " ");
-function Sb() {
+var Cb = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z])([A-Z][a-z])/g, "$1 $2").replace(/[_-]/g, " ").toLowerCase().trim().replace(/\s+/g, " ");
+function wb() {
 	let e = a(xn), t = "digesting";
-	return e?.step && (t = e.step === "ls" ? "listing files" : xb(e.step)), /* @__PURE__ */ C("div", {
+	return e?.step && (t = e.step === "ls" ? "listing files" : Cb(e.step)), /* @__PURE__ */ C("div", {
 		className: "chat-message-spinner-container",
 		children: [/* @__PURE__ */ S("div", { className: "chat-message-spinner-icon" }), /* @__PURE__ */ C("div", {
 			className: "chat-message-spinner-text",
@@ -15017,7 +15051,7 @@ function Sb() {
 }
 //#endregion
 //#region src/components/LoadingMessage.tsx
-function Cb({ message: e }) {
+function Tb({ message: e }) {
 	return /* @__PURE__ */ C("div", {
 		className: "loading-message-container",
 		children: [/* @__PURE__ */ S("div", { className: "loading-message-spinner" }), /* @__PURE__ */ C("div", {
@@ -15044,28 +15078,28 @@ function Cb({ message: e }) {
 }
 //#endregion
 //#region src/components/EricaChatHeader.tsx
-function wb(e) {
+function Eb(e) {
 	if (!e) return "";
 	let t = e.split(":");
 	return (t.length > 1 ? t.slice(1).join(" ") : e).replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Tb(e) {
+function Db(e) {
 	if (!e) return "";
 	let t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 6e4), r = Math.floor(n / 60), i = Math.floor(r / 24);
 	return n < 1 ? "just now" : n < 60 ? `${n}m ago` : r < 24 ? `${r}h ago` : i < 7 ? `${i}d ago` : new Date(e).toLocaleDateString();
 }
-function Eb({ onNewChat: e, onThreadSelect: t }) {
-	let [n, r] = u(!1), i = l(null), a = g(), { data: s = [], isLoading: c } = gn();
+function Ob({ onNewChat: e, onThreadSelect: t, isMaximized: n = !1, onToggleMaximize: r }) {
+	let [i, a] = u(!1), s = l(null), c = g(), { data: d = [], isLoading: f } = gn();
 	o(() => {
 		function e(e) {
-			i.current && !i.current.contains(e.target) && r(!1);
+			s.current && !s.current.contains(e.target) && a(!1);
 		}
-		if (n) return document.addEventListener("mousedown", e), () => {
+		if (i) return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [n]);
-	function d(e) {
-		r(!1), t?.(e);
+	}, [i]);
+	function p(e) {
+		a(!1), t?.(e);
 	}
 	return /* @__PURE__ */ C("div", {
 		className: "erica-header",
@@ -15077,30 +15111,36 @@ function Eb({ onNewChat: e, onThreadSelect: t }) {
 			})]
 		}), /* @__PURE__ */ C("div", {
 			className: "erica-header-controls",
-			ref: i,
+			ref: s,
 			children: [
 				/* @__PURE__ */ S("button", {
 					onClick: e,
 					className: "erica-new-chat-button",
 					title: "Start new chat",
-					children: /* @__PURE__ */ S(ab, { className: "erica-icon-sm" })
+					children: /* @__PURE__ */ S(sb, { className: "erica-icon-sm" })
 				}),
 				/* @__PURE__ */ C("button", {
-					onClick: () => r(!n),
+					onClick: () => a(!i),
 					className: "erica-threads-toggle",
 					title: "Recent threads",
 					children: [/* @__PURE__ */ C("span", {
 						className: "erica-threads-toggle-text",
-						children: ["Riwayat ", s.length > 0 && `(${s.length})`]
-					}), /* @__PURE__ */ S(rb, { className: `erica-threads-toggle-icon ${n ? "erica-threads-toggle-icon--open" : ""}` })]
+						children: ["Riwayat ", d.length > 0 && `(${d.length})`]
+					}), /* @__PURE__ */ S(rb, { className: `erica-threads-toggle-icon ${i ? "erica-threads-toggle-icon--open" : ""}` })]
 				}),
-				a?.setModalOpen && /* @__PURE__ */ S("button", {
-					onClick: () => a.setModalOpen(!1),
+				r && /* @__PURE__ */ S("button", {
+					onClick: r,
+					className: "erica-maximize-button",
+					title: n ? "Restore chat" : "Maximize chat",
+					children: S(n ? ob : ab, { className: "erica-icon-sm" })
+				}),
+				c?.setModalOpen && /* @__PURE__ */ S("button", {
+					onClick: () => c.setModalOpen(!1),
 					className: "erica-close-button",
 					title: "Close sidebar",
-					children: /* @__PURE__ */ S(ob, { className: "erica-icon-sm" })
+					children: /* @__PURE__ */ S(cb, { className: "erica-icon-sm" })
 				}),
-				n && /* @__PURE__ */ S("div", {
+				i && /* @__PURE__ */ S("div", {
 					className: "erica-threads-dropdown",
 					children: /* @__PURE__ */ C("div", {
 						className: "erica-threads-dropdown-content",
@@ -15109,18 +15149,18 @@ function Eb({ onNewChat: e, onThreadSelect: t }) {
 								className: "erica-threads-dropdown-header",
 								children: "Riwayat Terakhir"
 							}),
-							c && /* @__PURE__ */ S("div", {
+							f && /* @__PURE__ */ S("div", {
 								className: "erica-threads-empty",
 								children: "Loading threads..."
 							}),
-							!c && s.length === 0 && /* @__PURE__ */ S("div", {
+							!f && d.length === 0 && /* @__PURE__ */ S("div", {
 								className: "erica-threads-empty",
 								children: "No conversations yet"
 							}),
-							!c && s.map((e) => {
-								let t = wb(e.agent), n = Tb(e.last_run_at ?? e.created_at);
+							!f && d.map((e) => {
+								let t = Eb(e.agent), n = Db(e.last_run_at ?? e.created_at);
 								return /* @__PURE__ */ S("button", {
-									onClick: () => d(e.uid),
+									onClick: () => p(e.uid ?? ""),
 									className: "erica-thread-item",
 									children: /* @__PURE__ */ C("div", {
 										className: "erica-thread-item-content",
@@ -15149,7 +15189,7 @@ function Eb({ onNewChat: e, onThreadSelect: t }) {
 }
 //#endregion
 //#region src/components/AttachmentItem.tsx
-function Db({ attachment: e }) {
+function kb({ attachment: e }) {
 	let [t, n] = u(!1);
 	async function r() {
 		n(!0);
@@ -15198,7 +15238,7 @@ function Db({ attachment: e }) {
 }
 //#endregion
 //#region src/components/AttachmentBlock.tsx
-function Ob({ children: e }) {
+function Ab({ children: e }) {
 	let t = String(e).trim(), n = [];
 	try {
 		n = JSON.parse(t);
@@ -15207,12 +15247,12 @@ function Ob({ children: e }) {
 	}
 	return n.length === 0 ? null : /* @__PURE__ */ S("div", {
 		className: "flex flex-wrap gap-1.5 mt-1.5 py-1",
-		children: n.map((e, t) => /* @__PURE__ */ S(Db, { attachment: e }, t))
+		children: n.map((e, t) => /* @__PURE__ */ S(kb, { attachment: e }, t))
 	});
 }
 //#endregion
 //#region src/components/ChatToggleGreeting.tsx
-function kb({ message: e = "Hai! Saya SPP AI, siap membantu Anda!", isOpen: t = !1, initialDelay: n = 1e4 }) {
+function jb({ message: e = "Hai! Saya SPP AI, siap membantu Anda!", isOpen: t = !1, initialDelay: n = 1e4 }) {
 	let [r, i] = u(!1), [a, s] = u(!1);
 	return o(() => {
 		let e = setTimeout(() => {
@@ -15229,29 +15269,29 @@ function kb({ message: e = "Hai! Saya SPP AI, siap membantu Anda!", isOpen: t =
 				},
 				className: "chat-toggle-greeting-close",
 				"aria-label": "Dismiss greeting",
-				children: /* @__PURE__ */ S(ob, {})
+				children: /* @__PURE__ */ S(cb, {})
 			})]
 		})
 	});
 }
 //#endregion
 //#region node_modules/mdast-util-newline-to-break/lib/index.js
-function Ab(e) {
-	Dh(e, [/\r?\n|\r/g, jb]);
+function Mb(e) {
+	Dh(e, [/\r?\n|\r/g, Nb]);
 }
-function jb() {
+function Nb() {
 	return { type: "break" };
 }
 //#endregion
 //#region node_modules/remark-breaks/lib/index.js
-function Mb() {
+function Pb() {
 	return function(e) {
-		Ab(e);
+		Mb(e);
 	};
 }
 //#endregion
 //#region src/components/EricaChat.tsx
-var Nb = () => (e) => {
+var Fb = () => (e) => {
 	let t = (e) => {
 		[
 			"containerDirective",
@@ -15260,128 +15300,135 @@ var Nb = () => (e) => {
 		].includes(e.type) && e.name === "tool_call_content" && (e.data = e.data || {}, e.data.hName = e.name, e.data.hProperties = e.attributes || {}, e.children = []), e.children && e.children.forEach(t);
 	};
 	t(e);
-}, Pb = () => (e) => {
+}, Ib = () => (e) => {
 	let t = (e) => {
 		e.type === "textDirective" && e.name === "resource" && (e.data = e.data || {}, e.data.hName = "resource", e.data.hProperties = e.attributes || {}), e.children && e.children.forEach(t);
 	};
 	t(e);
 };
-function Fb({ runtimeUrl: e, widgetToken: t, requiresSandbox: n = !1 }) {
-	let [r, a] = u(void 0), [s, l] = u(!0), [f, h] = u(!1), [g, _] = u(0), [v, y] = u(!0), [b, w] = u(!1), T = c(() => {
+function Lb({ threadId: e, isLoadingThreadId: t, isLoadingSandbox: n, isSandboxReady: r, isNewThread: a, handleNewChat: o, handleThreadSelect: s, requiresSandbox: c, isModalOpen: l, isMaximized: u, setIsMaximized: d }) {
+	let f = "Halo! Saya asisten AI SPP, ada yg bisa saya bantu?";
+	t ? f = /* @__PURE__ */ S(Tb, { message: "Initializing conversation" }) : c && a && n ? f = /* @__PURE__ */ S(Tb, { message: "Preparing workspace" }) : c && a && !r && (f = /* @__PURE__ */ S(Tb, { message: "Setting up environment" }));
+	let p = i(() => /* @__PURE__ */ S(Ob, {
+		onNewChat: o,
+		onThreadSelect: s,
+		isMaximized: u,
+		onToggleMaximize: () => d((e) => !e)
+	}), [
+		o,
+		s,
+		u,
+		d
+	]);
+	return /* @__PURE__ */ C("div", {
+		className: `erica-chat-container${u ? " erica-chat-maximized" : ""}`,
+		children: [
+			/* @__PURE__ */ S(fb, {}),
+			/* @__PURE__ */ S(jb, {
+				message: "Hai! Saya SPP AI, siap membantu Anda!",
+				isOpen: l,
+				initialDelay: 1e4
+			}),
+			/* @__PURE__ */ S(m, {
+				welcomeScreen: !0,
+				header: p,
+				labels: {
+					chatInputPlaceholder: "Ketik pertanyaan Anda di sini...",
+					welcomeMessageText: f,
+					chatDisclaimerText: "AI dapat membuat kesalahan. Harap verifikasi informasi penting."
+				},
+				threadId: e,
+				input: Sb,
+				messageView: {
+					cursor: wb,
+					userMessage: { messageRenderer: ({ content: e, className: t }) => /* @__PURE__ */ S("div", {
+						className: ["cpk:prose cpk:dark:prose-invert cpk:bg-smi cpk:relative cpk:max-w-[80%] cpk:rounded-[18px] cpk:px-4 cpk:py-1.5 cpk:data-[multiline]:py-3 cpk:inline-block", t].filter(Boolean).join(" "),
+						children: /* @__PURE__ */ S(bh, {
+							remarkPlugins: [
+								Pb,
+								wv,
+								zy,
+								Ib
+							],
+							components: {
+								pre: ({ children: e }) => /* @__PURE__ */ S(x, { children: e }),
+								code({ children: e, className: t }) {
+									return /language-(\w+)/.exec(t || "")?.[1] === "attachments" ? /* @__PURE__ */ S(Ab, { children: e }) : /* @__PURE__ */ S("code", {
+										className: t,
+										style: {
+											fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+											fontSize: "0.85em"
+										},
+										children: e
+									});
+								},
+								resource: ({ children: e }) => /* @__PURE__ */ C("span", {
+									className: "erica-resource-tag",
+									children: ["@", e]
+								}),
+								table: ({ children: e }) => /* @__PURE__ */ S("div", {
+									className: "markdown-table-wrapper",
+									children: /* @__PURE__ */ S("table", { children: e })
+								})
+							},
+							children: e
+						})
+					}) },
+					assistantMessage: {
+						className: "prose lg:prose-xl",
+						toolbarVisible: !1,
+						markdownRenderer: ({ content: e }) => !e || e.trim() === "" ? /* @__PURE__ */ S(x, {}) : /* @__PURE__ */ S(bh, {
+							remarkPlugins: [
+								Pb,
+								wv,
+								zy,
+								Fb
+							],
+							components: {
+								tool_call_content: ({ children: e, ...t }) => /* @__PURE__ */ S("div", {
+									className: "tool-call-content",
+									...t,
+									children: e
+								}),
+								table: ({ children: e }) => /* @__PURE__ */ S("div", {
+									className: "markdown-table-wrapper",
+									children: /* @__PURE__ */ S("table", { children: e })
+								})
+							},
+							children: e
+						})
+					}
+				},
+				defaultOpen: l
+			})
+		]
+	});
+}
+function Rb({ runtimeUrl: e, widgetToken: t, requiresSandbox: n = !1 }) {
+	let [r, a] = u(void 0), [s, l] = u(!0), [f, m] = u(!1), [h, g] = u(0), [_, v] = u(!0), [y, b] = u(!1), [x, C] = u(!1), w = c(() => {
 		let t = new URL(e), n = t.pathname.split("/").filter(Boolean);
 		return n.length > 2 && n.pop(), t.pathname = "/" + n.join("/"), t.toString();
 	}, [e]);
 	c(() => {
-		Fe(T, t);
-	}, [T, t]);
-	let { data: E, isLoading: D } = _n(s, g), { isLoading: O, isSuccess: ee } = vn(r || "", f);
+		Fe(w, t);
+	}, [w, t]);
+	let { data: T, isLoading: E } = _n(s, h), { isLoading: D, isSuccess: O } = vn(r || "", f);
 	o(() => {
-		ee && v && b && w(!0);
+		O && _ && y && b(!0);
 	}, [
-		ee,
-		v,
-		b
+		O,
+		_,
+		y
 	]), o(() => {
-		E && (a(E), l(!1), h(n), y(!0));
-	}, [E, n]), o(() => () => {
-		r && v && mn.deleteSandbox(r).catch(() => {});
-	}, [r, v]);
-	let te = i(() => {
-		a(void 0), l(!0), h(!1), _((e) => e + 1), y(!0), w(!0);
-	}, []), ne = i((e) => {
-		a(e), l(!1), h(!1), y(!1), w(!0);
+		T && (a(T), l(!1), m(n), v(!0));
+	}, [T, n]), o(() => () => {
+		r && _ && mn.deleteSandbox(r).catch(() => {});
+	}, [r, _]);
+	let ee = i(() => {
+		a(void 0), l(!0), m(!1), g((e) => e + 1), v(!0), b(!0);
+	}, []), te = i((e) => {
+		a(e), l(!1), m(!1), v(!1), b(!0);
 	}, []);
-	function k({ threadId: e, isLoadingThreadId: t, isLoadingSandbox: r, isSandboxReady: a, isNewThread: o, handleNewChat: s, handleThreadSelect: c }) {
-		let l = "Halo! Saya asisten AI SPP, ada yg bisa saya bantu?";
-		t ? l = /* @__PURE__ */ S(Cb, { message: "Initializing conversation" }) : n && o && r ? l = /* @__PURE__ */ S(Cb, { message: "Preparing workspace" }) : n && o && !a && (l = /* @__PURE__ */ S(Cb, { message: "Setting up environment" }));
-		let u = i(() => /* @__PURE__ */ S(Eb, {
-			onNewChat: s,
-			onThreadSelect: c
-		}), [s, c]);
-		return /* @__PURE__ */ C("div", {
-			className: "erica-chat-container",
-			children: [
-				/* @__PURE__ */ S(ub, {}),
-				/* @__PURE__ */ S(kb, {
-					message: "Hai! Saya SPP AI, siap membantu Anda!",
-					isOpen: b,
-					initialDelay: 1e4
-				}),
-				/* @__PURE__ */ S(m, {
-					welcomeScreen: !0,
-					header: u,
-					labels: {
-						chatInputPlaceholder: "Ketik pertanyaan Anda di sini...",
-						welcomeMessageText: l,
-						chatDisclaimerText: "AI dapat membuat kesalahan. Harap verifikasi informasi penting."
-					},
-					threadId: e,
-					input: bb,
-					messageView: {
-						cursor: Sb,
-						userMessage: { messageRenderer: ({ content: e, className: t }) => /* @__PURE__ */ S("div", {
-							className: ["cpk:prose cpk:dark:prose-invert cpk:bg-smi cpk:relative cpk:max-w-[80%] cpk:rounded-[18px] cpk:px-4 cpk:py-1.5 cpk:data-[multiline]:py-3 cpk:inline-block", t].filter(Boolean).join(" "),
-							children: /* @__PURE__ */ S(bh, {
-								remarkPlugins: [
-									Mb,
-									wv,
-									zy,
-									Pb
-								],
-								components: {
-									pre: ({ children: e }) => /* @__PURE__ */ S(x, { children: e }),
-									code({ children: e, className: t }) {
-										return /language-(\w+)/.exec(t || "")?.[1] === "attachments" ? /* @__PURE__ */ S(Ob, { children: e }) : /* @__PURE__ */ S("code", {
-											className: t,
-											style: {
-												fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
-												fontSize: "0.85em"
-											},
-											children: e
-										});
-									},
-									resource: ({ children: e }) => /* @__PURE__ */ C("span", {
-										className: "erica-resource-tag",
-										children: ["@", e]
-									}),
-									table: ({ children: e }) => /* @__PURE__ */ S("div", {
-										className: "markdown-table-wrapper",
-										children: /* @__PURE__ */ S("table", { children: e })
-									})
-								},
-								children: e
-							})
-						}) },
-						assistantMessage: {
-							className: "prose lg:prose-xl",
-							toolbarVisible: !1,
-							markdownRenderer: ({ content: e }) => !e || e.trim() === "" ? /* @__PURE__ */ S(x, {}) : /* @__PURE__ */ S(bh, {
-								remarkPlugins: [
-									Mb,
-									wv,
-									zy,
-									Nb
-								],
-								components: {
-									tool_call_content: ({ children: e, ...t }) => /* @__PURE__ */ S("div", {
-										className: "tool-call-content",
-										...t,
-										children: e
-									}),
-									table: ({ children: e }) => /* @__PURE__ */ S("div", {
-										className: "markdown-table-wrapper",
-										children: /* @__PURE__ */ S("table", { children: e })
-									})
-								},
-								children: e
-							})
-						}
-					},
-					defaultOpen: b
-				})
-			]
-		});
-	}
 	return /* @__PURE__ */ S(d, { children: /* @__PURE__ */ S(p, {
 		runtimeUrl: e,
 		headers: { Authorization: `Bearer ${t}` },
@@ -15391,38 +15438,42 @@ function Fb({ runtimeUrl: e, widgetToken: t, requiresSandbox: n = !1 }) {
 		children: /* @__PURE__ */ S(Cn, {
 			threadId: r,
 			agentIdentifier: yn,
-			children: /* @__PURE__ */ S(k, {
+			children: /* @__PURE__ */ S(Lb, {
 				threadId: r,
-				isLoadingThreadId: D,
-				isLoadingSandbox: O,
-				isSandboxReady: ee,
-				isNewThread: v,
-				handleNewChat: te,
-				handleThreadSelect: ne
+				isLoadingThreadId: E,
+				isLoadingSandbox: D,
+				isSandboxReady: O,
+				isNewThread: _,
+				handleNewChat: ee,
+				handleThreadSelect: te,
+				requiresSandbox: n,
+				isModalOpen: y,
+				isMaximized: x,
+				setIsMaximized: C
 			})
 		})
 	}) });
 }
 //#endregion
 //#region src/contexts/AccountContext.tsx
-var Ib = t(void 0);
-function Lb({ accountUid: e, children: t }) {
-	return /* @__PURE__ */ S(Ib.Provider, {
+var zb = t(void 0);
+function Bb({ accountUid: e, children: t }) {
+	return /* @__PURE__ */ S(zb.Provider, {
 		value: { accountUid: e },
 		children: t
 	});
 }
 //#endregion
 //#region src/contexts/EricaProvider.tsx
-var Rb = new Vt({ defaultOptions: { queries: {
+var Vb = new Vt({ defaultOptions: { queries: {
 	refetchOnWindowFocus: !1,
 	retry: 1,
 	staleTime: 3e4
 } } });
-function zb({ accountUid: e, children: t }) {
+function Hb({ accountUid: e, children: t }) {
 	return /* @__PURE__ */ S(Wt, {
-		client: Rb,
-		children: /* @__PURE__ */ S(Lb, {
+		client: Vb,
+		children: /* @__PURE__ */ S(Bb, {
 			accountUid: e,
 			children: /* @__PURE__ */ S(qc, { children: t })
 		})
@@ -15430,7 +15481,7 @@ function zb({ accountUid: e, children: t }) {
 }
 //#endregion
 //#region src/components/EricaDrawer.tsx
-function Bb() {
+function Ub() {
 	let { isOpen: e, onClose: t, content: n, title: r } = Jc(), [i, a] = u(!1);
 	return o(() => {
 		e ? setTimeout(() => a(!0), 10) : a(!1);
@@ -15450,7 +15501,7 @@ function Bb() {
 					onClick: t,
 					className: "erica-artifact-close-button",
 					"aria-label": "Close drawer",
-					children: /* @__PURE__ */ S(ob, { className: "erica-icon-md" })
+					children: /* @__PURE__ */ S(cb, { className: "erica-icon-md" })
 				})]
 			}), /* @__PURE__ */ S("div", {
 				className: "erica-artifact-body",
@@ -15460,6 +15511,6 @@ function Bb() {
 	}) : null;
 }
 //#endregion
-export { qc as ArtifactProvider, Fb as EricaChat, Bb as EricaDrawer, zb as EricaProvider };
+export { qc as ArtifactProvider, Rb as EricaChat, Ub as EricaDrawer, Hb as EricaProvider };
 
 //# sourceMappingURL=index.mjs.map