@burdenoff/microfe-vibecontrols 2026.514.5 → 2026.515.1

package/dist/components/notes/NoteEditor.js

@@ -1,10 +1,11 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
 import { useAvailableNoteTagsQuery as t, useCreateNoteTagMutation as n } from "../../generated/wspace-operations.js";
-import { useEffect as r, useState as i } from "react";
-import { Check as a, Edit as o, Eye as s, Plus as c, Save as l, Tag as u, X as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useVibeControls as r } from "../../providers/VibeControlsProvider.js";
+import { useEffect as i, useState as a } from "react";
+import { Check as o, Edit as s, Eye as c, Plus as l, Save as u, Tag as d, X as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/notes/NoteEditor.tsx
-var m = [
+var h = [
 	"var(--color-status-error-text)",
 	"var(--color-status-warning-text)",
 	"var(--color-status-success-text)",
@@ -13,84 +14,84 @@ var m = [
 	"var(--color-accent-purple)",
 	"var(--color-text-tertiary)"
 ];
-function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v, onSubmit: y, onCancel: b, isLoading: x }) {
-	let S = e(), [C, w] = i(!1), [T, E] = i({
-		title: h?.title || "",
-		content: h?.content || "",
-		vibeId: h?.vibeId || _ || "",
-		isPinned: h?.isPinned ?? !1
-	}), [D, O] = i(/* @__PURE__ */ new Set()), [k, A] = i(!1), [j, M] = i(!1), { data: N, refetch: P } = t(), F = (N?.availableNoteTags ?? []).map((e) => ({
+function g({ note: g, vibeOptions: _ = [], defaultVibeId: v, hideVibeSelect: y, onSubmit: b, onCancel: x, isLoading: S }) {
+	let C = e(), { workspaceId: w } = r(), [T, E] = a(!1), [D, O] = a({
+		title: g?.title || "",
+		content: g?.content || "",
+		vibeId: g?.vibeId || v || "",
+		isPinned: g?.isPinned ?? !1
+	}), [k, A] = a(/* @__PURE__ */ new Set()), [j, M] = a(!1), [N, P] = a(!1), { data: F, refetch: I } = t(), L = (F?.availableNoteTags ?? []).map((e) => ({
 		id: e.id,
 		key: e.key,
 		label: e.label,
 		color: e.color ?? null
 	}));
-	r(() => {
-		if (k || F.length === 0) return;
+	i(() => {
+		if (j || L.length === 0) return;
 		let e = /* @__PURE__ */ new Set();
-		if (h?.tagAssignments && h.tagAssignments.length > 0) h.tagAssignments.forEach((t) => e.add(t.tagId));
-		else if (h?.tags && h.tags.length > 0) for (let t of h.tags) {
-			let n = F.find((e) => e.label.toLowerCase() === t.toLowerCase() || e.key === t.toLowerCase());
+		if (g?.tagAssignments && g.tagAssignments.length > 0) g.tagAssignments.forEach((t) => e.add(t.tagId));
+		else if (g?.tags && g.tags.length > 0) for (let t of g.tags) {
+			let n = L.find((e) => e.label.toLowerCase() === t.toLowerCase() || e.key === t.toLowerCase());
 			n && e.add(n.id);
 		}
-		e.size > 0 && O(e), A(!0);
+		e.size > 0 && A(e), M(!0);
 	}, [
-		F,
-		h,
-		k
+		L,
+		g,
+		j
 	]);
-	let [I] = n(), [L, R] = i(""), [z, B] = i("var(--color-accent-purple)"), [V, H] = i(!1), U = async () => {
-		let e = L.trim();
-		if (!(!e || V)) {
-			H(!0);
+	let [R] = n(), [z, B] = a(""), [V, H] = a("var(--color-accent-purple)"), [U, W] = a(!1), G = async () => {
+		let e = z.trim();
+		if (!(!e || U)) {
+			W(!0);
 			try {
-				let t = (await I({ variables: { input: {
+				let t = (await R({ variables: { input: {
 					label: e,
-					color: z
+					color: V
 				} } })).data?.createNoteTag;
-				t && (O((e) => new Set(e).add(t.id)), await P()), R("");
+				t && (A((e) => new Set(e).add(t.id)), await I()), B("");
 			} catch (e) {
 				console.error("Failed to create tag:", e);
 			} finally {
-				H(!1);
+				W(!1);
 			}
 		}
-	}, W = (e) => {
-		O((t) => {
+	}, K = (e) => {
+		A((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, G = (e) => {
-		e.preventDefault(), y({
-			...h?.id ? { id: h.id } : {},
-			workspaceId: "ws-demo-1",
-			title: T.title,
-			content: T.content,
-			vibeId: T.vibeId || void 0,
-			isPinned: T.isPinned,
-			selectedTagIds: Array.from(D)
+	}, q = (e) => {
+		e.preventDefault(), b({
+			...g?.id ? { id: g.id } : {},
+			workspaceId: w ?? "",
+			title: D.title,
+			content: D.content,
+			vibeId: D.vibeId || void 0,
+			isPinned: D.isPinned,
+			selectedTagIds: Array.from(k)
 		});
-	}, K = (e) => {
+	}, J = (e) => {
 		let t = [], n = e, r = 0;
 		for (; n.length > 0;) {
 			let e = n.match(/^(\*\*|__)(.+?)\1/);
 			if (e) {
-				t.push(/* @__PURE__ */ f("strong", { children: K(e[2]) }, r++)), n = n.slice(e[0].length);
+				t.push(/* @__PURE__ */ p("strong", { children: J(e[2]) }, r++)), n = n.slice(e[0].length);
 				continue;
 			}
 			let i = n.match(/^(\*|_)([^*_]+?)\1/);
 			if (i) {
-				t.push(/* @__PURE__ */ f("em", { children: K(i[2]) }, r++)), n = n.slice(i[0].length);
+				t.push(/* @__PURE__ */ p("em", { children: J(i[2]) }, r++)), n = n.slice(i[0].length);
 				continue;
 			}
 			let a = n.match(/^~~(.+?)~~/);
 			if (a) {
-				t.push(/* @__PURE__ */ f("del", { children: K(a[1]) }, r++)), n = n.slice(a[0].length);
+				t.push(/* @__PURE__ */ p("del", { children: J(a[1]) }, r++)), n = n.slice(a[0].length);
 				continue;
 			}
 			let o = n.match(/^`([^`]+)`/);
 			if (o) {
-				t.push(/* @__PURE__ */ f("code", {
+				t.push(/* @__PURE__ */ p("code", {
 					className: "bg-bg-elevated px-1.5 py-0.5 rounded text-sm font-mono text-text-primary",
 					children: o[1]
 				}, r++)), n = n.slice(o[0].length);
@@ -99,13 +100,13 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 			let s = n.match(/^\[([^\]]+)\]\(([^)]+)\)/);
 			if (s) {
 				let e = s[2];
-				/^(https?:\/\/|mailto:|\/|#)/i.test(e) ? t.push(/* @__PURE__ */ f("a", {
+				/^(https?:\/\/|mailto:|\/|#)/i.test(e) ? t.push(/* @__PURE__ */ p("a", {
 					href: e,
 					target: "_blank",
 					rel: "noopener noreferrer",
 					className: "text-action-primary-bg hover:underline",
 					children: s[1]
-				}, r++)) : t.push(/* @__PURE__ */ f("span", {
+				}, r++)) : t.push(/* @__PURE__ */ p("span", {
 					className: "text-text-secondary",
 					children: s[1]
 				}, r++)), n = n.slice(s[0].length);
@@ -115,155 +116,155 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 		}
 		return t;
 	};
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "w-full max-w-3xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] flex flex-col",
-			children: [/* @__PURE__ */ p("div", {
+			children: [/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between px-6 py-4 border-b border-border-default",
-				children: [/* @__PURE__ */ f("h2", {
+				children: [/* @__PURE__ */ p("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: h ? S("vibecontrols.notes.editNote", "Edit Note") : S("vibecontrols.notes.newNote", "New Note")
-				}), /* @__PURE__ */ p("div", {
+					children: g ? C("vibecontrols.notes.editNote", "Edit Note") : C("vibecontrols.notes.newNote", "New Note")
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p("button", {
+					children: [/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => w(!C),
-						className: `inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${C ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-elevated"}`,
-						children: [f(C ? o : s, { className: "w-4 h-4" }), C ? S("vibecontrols.notes.edit", "Edit") : S("vibecontrols.notes.preview", "Preview")]
-					}), /* @__PURE__ */ f("button", {
-						onClick: b,
+						onClick: () => E(!T),
+						className: `inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${T ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-primary hover:bg-bg-elevated"}`,
+						children: [p(T ? s : c, { className: "w-4 h-4" }), T ? C("vibecontrols.notes.edit", "Edit") : C("vibecontrols.notes.preview", "Preview")]
+					}), /* @__PURE__ */ p("button", {
+						onClick: x,
 						className: "p-1 rounded hover:bg-bg-sunken transition-colors",
-						children: /* @__PURE__ */ f(d, { className: "w-5 h-5 text-text-secondary" })
+						children: /* @__PURE__ */ p(f, { className: "w-5 h-5 text-text-secondary" })
 					})]
 				})]
-			}), /* @__PURE__ */ p("form", {
-				onSubmit: G,
+			}), /* @__PURE__ */ m("form", {
+				onSubmit: q,
 				className: "flex-1 flex flex-col overflow-hidden",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "p-6 space-y-4 flex-1 overflow-y-auto",
 					children: [
-						/* @__PURE__ */ f("div", { children: /* @__PURE__ */ f("input", {
+						/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p("input", {
 							type: "text",
-							value: T.title,
-							onChange: (e) => E({
-								...T,
+							value: D.title,
+							onChange: (e) => O({
+								...D,
 								title: e.target.value
 							}),
-							placeholder: S("vibecontrols.notes.titlePlaceholder", "Note title..."),
+							placeholder: C("vibecontrols.notes.titlePlaceholder", "Note title..."),
 							required: !0,
 							className: "w-full px-0 py-2 text-lg sm:text-2xl font-bold bg-transparent border-0 border-b border-border-default text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg"
 						}) }),
-						/* @__PURE__ */ p("div", {
-							className: `grid ${v ? "grid-cols-1" : "grid-cols-2"} gap-4`,
-							children: [!v && /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", {
+							className: `grid ${y ? "grid-cols-1" : "grid-cols-2"} gap-4`,
+							children: [!y && /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
-								children: S("vibecontrols.notes.relatedVibe", "Related Vibe (optional)")
-							}), /* @__PURE__ */ p("select", {
-								value: T.vibeId,
-								onChange: (e) => E({
-									...T,
+								children: C("vibecontrols.notes.relatedVibe", "Related Vibe (optional)")
+							}), /* @__PURE__ */ m("select", {
+								value: D.vibeId,
+								onChange: (e) => O({
+									...D,
 									vibeId: e.target.value
 								}),
 								className: "w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-								children: [/* @__PURE__ */ f("option", {
+								children: [/* @__PURE__ */ p("option", {
 									value: "",
 									children: "No vibe"
-								}), g.map((e) => /* @__PURE__ */ f("option", {
+								}), _.map((e) => /* @__PURE__ */ p("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
-							})] }), /* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
+							})] }), /* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: S("vibecontrols.notes.tags", "Tags")
+									children: C("vibecontrols.notes.tags", "Tags")
 								}),
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ m("div", {
 									className: "flex flex-wrap gap-1.5 min-h-[38px] px-3 py-2 bg-bg-sunken border border-border-default rounded-md",
-									children: [F.filter((e) => D.has(e.id)).map((e) => /* @__PURE__ */ p("span", {
+									children: [L.filter((e) => k.has(e.id)).map((e) => /* @__PURE__ */ m("span", {
 										className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded",
 										children: [
-											/* @__PURE__ */ f(u, { className: "w-3 h-3" }),
+											/* @__PURE__ */ p(d, { className: "w-3 h-3" }),
 											e.label,
-											/* @__PURE__ */ f("button", {
+											/* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => W(e.id),
+												onClick: () => K(e.id),
 												className: "ml-0.5 hover:text-status-error-text",
-												children: /* @__PURE__ */ f(d, { className: "w-3 h-3" })
+												children: /* @__PURE__ */ p(f, { className: "w-3 h-3" })
 											})
 										]
-									}, e.id)), /* @__PURE__ */ p("button", {
+									}, e.id)), /* @__PURE__ */ m("button", {
 										type: "button",
-										onClick: () => M(!j),
+										onClick: () => P(!N),
 										className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs text-text-secondary hover:text-text-primary hover:bg-bg-elevated rounded transition-colors",
-										children: [/* @__PURE__ */ f(u, { className: "w-3 h-3" }), D.size === 0 ? "Add tags..." : "+"]
+										children: [/* @__PURE__ */ p(d, { className: "w-3 h-3" }), k.size === 0 ? "Add tags..." : "+"]
 									})]
 								}),
-								j && /* @__PURE__ */ p("div", {
+								N && /* @__PURE__ */ m("div", {
 									className: "mt-1 bg-bg-surface border border-border-default rounded-md shadow-lg",
 									children: [
-										/* @__PURE__ */ p("div", {
+										/* @__PURE__ */ m("div", {
 											className: "flex items-center gap-2 p-2 border-b border-border-subtle",
 											children: [
-												/* @__PURE__ */ f("span", {
+												/* @__PURE__ */ p("span", {
 													"aria-hidden": "true",
 													className: "w-6 h-6 rounded-full border-2 border-border-default",
-													style: { backgroundColor: z }
+													style: { backgroundColor: V }
 												}),
-												/* @__PURE__ */ f("input", {
+												/* @__PURE__ */ p("input", {
 													type: "text",
-													value: L,
-													onChange: (e) => R(e.target.value),
+													value: z,
+													onChange: (e) => B(e.target.value),
 													onKeyDown: (e) => {
-														e.key === "Enter" && (e.preventDefault(), U());
+														e.key === "Enter" && (e.preventDefault(), G());
 													},
 													placeholder: "New tag name... (Enter to create)",
-													disabled: V,
+													disabled: U,
 													className: "flex-1 px-2 py-1 text-sm bg-bg-sunken border border-border-default rounded text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50"
 												}),
-												/* @__PURE__ */ f("button", {
+												/* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: U,
-													disabled: !L.trim() || V,
+													onClick: G,
+													disabled: !z.trim() || U,
 													className: "p-1 text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors disabled:opacity-30",
-													children: /* @__PURE__ */ f(c, { className: "w-4 h-4" })
+													children: /* @__PURE__ */ p(l, { className: "w-4 h-4" })
 												})
 											]
 										}),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center gap-1 px-2 py-1.5 border-b border-border-subtle",
-											children: m.map((e) => /* @__PURE__ */ f("button", {
+											children: h.map((e) => /* @__PURE__ */ p("button", {
 												type: "button",
-												onClick: () => B(e),
-												className: `w-4 h-4 rounded-full transition-transform ${z === e ? "ring-2 ring-action-primary-bg scale-125" : "hover:scale-110"}`,
+												onClick: () => H(e),
+												className: `w-4 h-4 rounded-full transition-transform ${V === e ? "ring-2 ring-action-primary-bg scale-125" : "hover:scale-110"}`,
 												style: { backgroundColor: e }
 											}, e))
 										}),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ p("div", {
 											className: "max-h-32 overflow-y-auto p-1",
-											children: F.length === 0 ? /* @__PURE__ */ f("p", {
+											children: L.length === 0 ? /* @__PURE__ */ p("p", {
 												className: "text-xs text-text-muted px-2 py-1",
 												children: "No tags yet — create one above"
-											}) : F.map((e) => /* @__PURE__ */ p("button", {
+											}) : L.map((e) => /* @__PURE__ */ m("button", {
 												type: "button",
-												onClick: () => W(e.id),
+												onClick: () => K(e.id),
 												className: "flex items-center justify-between w-full px-2 py-1.5 text-sm text-text-primary hover:bg-bg-sunken rounded transition-colors",
-												children: [/* @__PURE__ */ p("span", {
+												children: [/* @__PURE__ */ m("span", {
 													className: "flex items-center gap-2",
-													children: [e.color && /* @__PURE__ */ f("span", {
+													children: [e.color && /* @__PURE__ */ p("span", {
 														className: "w-2.5 h-2.5 rounded-full",
 														style: { backgroundColor: e.color }
 													}), e.label]
-												}), D.has(e.id) && /* @__PURE__ */ f(a, { className: "w-4 h-4 text-action-primary-bg" })]
+												}), k.has(e.id) && /* @__PURE__ */ p(o, { className: "w-4 h-4 text-action-primary-bg" })]
 											}, e.id))
 										})
 									]
 								})
 							] })]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex-1 min-h-[300px]",
-							children: C ? /* @__PURE__ */ f("div", {
+							children: T ? /* @__PURE__ */ p("div", {
 								className: "h-full p-4 bg-bg-sunken rounded-md prose prose-sm dark:prose-invert max-w-none overflow-y-auto",
 								children: ((e) => {
 									let t = e.split("\n"), n = [], r = 0;
@@ -272,11 +273,11 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 										if (e.startsWith("```")) {
 											let i = e.slice(3).trim(), a = [];
 											for (r++; r < t.length && !t[r].startsWith("```");) a.push(t[r]), r++;
-											n.push(/* @__PURE__ */ f("pre", {
+											n.push(/* @__PURE__ */ p("pre", {
 												className: "bg-bg-elevated rounded-md p-3 my-2 overflow-x-auto",
-												children: /* @__PURE__ */ p("code", {
+												children: /* @__PURE__ */ m("code", {
 													className: "text-sm font-mono text-text-primary",
-													children: [i && /* @__PURE__ */ f("span", {
+													children: [i && /* @__PURE__ */ p("span", {
 														className: "text-xs text-text-secondary block mb-2",
 														children: i
 													}), a.join("\n")]
@@ -285,40 +286,40 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 											continue;
 										}
 										if (e.startsWith("# ")) {
-											n.push(/* @__PURE__ */ f("h1", {
+											n.push(/* @__PURE__ */ p("h1", {
 												className: "text-2xl font-bold mb-2 mt-4",
-												children: K(e.slice(2))
+												children: J(e.slice(2))
 											}, n.length)), r++;
 											continue;
 										}
 										if (e.startsWith("## ")) {
-											n.push(/* @__PURE__ */ f("h2", {
+											n.push(/* @__PURE__ */ p("h2", {
 												className: "text-xl font-bold mb-2 mt-3",
-												children: K(e.slice(3))
+												children: J(e.slice(3))
 											}, n.length)), r++;
 											continue;
 										}
 										if (e.startsWith("### ")) {
-											n.push(/* @__PURE__ */ f("h3", {
+											n.push(/* @__PURE__ */ p("h3", {
 												className: "text-lg font-bold mb-2 mt-2",
-												children: K(e.slice(4))
+												children: J(e.slice(4))
 											}, n.length)), r++;
 											continue;
 										}
 										if (e.startsWith("> ")) {
-											n.push(/* @__PURE__ */ f("blockquote", {
+											n.push(/* @__PURE__ */ p("blockquote", {
 												className: "border-l-4 border-border-default pl-4 my-2 italic text-text-secondary",
-												children: K(e.slice(2))
+												children: J(e.slice(2))
 											}, n.length)), r++;
 											continue;
 										}
 										if (e.match(/^[-*] /)) {
 											let e = [];
-											for (; r < t.length && t[r].match(/^[-*] /);) e.push(/* @__PURE__ */ f("li", {
+											for (; r < t.length && t[r].match(/^[-*] /);) e.push(/* @__PURE__ */ p("li", {
 												className: "list-disc",
-												children: K(t[r].slice(2))
+												children: J(t[r].slice(2))
 											}, e.length)), r++;
-											n.push(/* @__PURE__ */ f("ul", {
+											n.push(/* @__PURE__ */ p("ul", {
 												className: "ml-6 my-2",
 												children: e
 											}, n.length));
@@ -329,19 +330,19 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 											for (; r < t.length;) {
 												let n = t[r].match(/^(\d+)\. /);
 												if (!n) break;
-												e.push(/* @__PURE__ */ f("li", {
+												e.push(/* @__PURE__ */ p("li", {
 													className: "list-decimal",
-													children: K(t[r].slice(n[0].length))
+													children: J(t[r].slice(n[0].length))
 												}, e.length)), r++;
 											}
-											n.push(/* @__PURE__ */ f("ol", {
+											n.push(/* @__PURE__ */ p("ol", {
 												className: "ml-6 my-2",
 												children: e
 											}, n.length));
 											continue;
 										}
 										if (e.match(/^(-{3,}|\*{3,})$/)) {
-											n.push(/* @__PURE__ */ f("hr", { className: "my-4 border-border-default" }, n.length)), r++;
+											n.push(/* @__PURE__ */ p("hr", { className: "my-4 border-border-default" }, n.length)), r++;
 											continue;
 										}
 										if (e.startsWith("|") && e.endsWith("|")) {
@@ -350,19 +351,19 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 											let a = i.filter((e) => !e.match(/^\|[\s\-:|]+\|$/)).map((e) => e.slice(1, -1).split("|").map((e) => e.trim()));
 											if (a.length > 0) {
 												let [e, ...t] = a;
-												n.push(/* @__PURE__ */ p("table", {
+												n.push(/* @__PURE__ */ m("table", {
 													className: "w-full my-2 border-collapse text-sm",
-													children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ f("tr", {
+													children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", {
 														className: "border-b border-border-default",
-														children: e.map((e, t) => /* @__PURE__ */ f("th", {
+														children: e.map((e, t) => /* @__PURE__ */ p("th", {
 															className: "text-left py-2 px-3 font-semibold text-text-primary",
-															children: K(e)
+															children: J(e)
 														}, t))
-													}) }), /* @__PURE__ */ f("tbody", { children: t.map((e, t) => /* @__PURE__ */ f("tr", {
+													}) }), /* @__PURE__ */ p("tbody", { children: t.map((e, t) => /* @__PURE__ */ p("tr", {
 														className: "border-b border-border-subtle",
-														children: e.map((e, t) => /* @__PURE__ */ f("td", {
+														children: e.map((e, t) => /* @__PURE__ */ p("td", {
 															className: "py-2 px-3 text-text-primary",
-															children: K(e)
+															children: J(e)
 														}, t))
 													}, t)) })]
 												}, n.length));
@@ -370,57 +371,57 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 											continue;
 										}
 										if (e === "") {
-											n.push(/* @__PURE__ */ f("br", {}, n.length)), r++;
+											n.push(/* @__PURE__ */ p("br", {}, n.length)), r++;
 											continue;
 										}
-										n.push(/* @__PURE__ */ f("p", {
+										n.push(/* @__PURE__ */ p("p", {
 											className: "mb-1",
-											children: K(e)
+											children: J(e)
 										}, n.length)), r++;
 									}
 									return n;
-								})(T.content)
-							}) : /* @__PURE__ */ f("textarea", {
-								value: T.content,
-								onChange: (e) => E({
-									...T,
+								})(D.content)
+							}) : /* @__PURE__ */ p("textarea", {
+								value: D.content,
+								onChange: (e) => O({
+									...D,
 									content: e.target.value
 								}),
-								placeholder: S("vibecontrols.notes.contentPlaceholder", "Write your note in Markdown..."),
+								placeholder: C("vibecontrols.notes.contentPlaceholder", "Write your note in Markdown..."),
 								className: "w-full h-full min-h-[300px] px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none font-mono"
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ f("input", {
+							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
 								id: "isPinned",
-								checked: T.isPinned,
-								onChange: (e) => E({
-									...T,
+								checked: D.isPinned,
+								onChange: (e) => O({
+									...D,
 									isPinned: e.target.checked
 								}),
 								className: "w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg"
-							}), /* @__PURE__ */ f("label", {
+							}), /* @__PURE__ */ p("label", {
 								htmlFor: "isPinned",
 								className: "text-sm text-text-primary",
-								children: S("vibecontrols.notes.pinThisNote", "Pin this note")
+								children: C("vibecontrols.notes.pinThisNote", "Pin this note")
 							})]
 						})
 					]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken",
-					children: [/* @__PURE__ */ f("button", {
+					children: [/* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: b,
-						disabled: x,
+						onClick: x,
+						disabled: S,
 						className: "px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50",
-						children: S("vibecontrols.notes.cancel", "Cancel")
-					}), /* @__PURE__ */ p("button", {
+						children: C("vibecontrols.notes.cancel", "Cancel")
+					}), /* @__PURE__ */ m("button", {
 						type: "submit",
-						disabled: x,
+						disabled: S,
 						className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-						children: [/* @__PURE__ */ f(l, { className: "w-4 h-4" }), x ? S("vibecontrols.notes.saving", "Saving...") : S("vibecontrols.notes.saveNote", "Save Note")]
+						children: [/* @__PURE__ */ p(u, { className: "w-4 h-4" }), S ? C("vibecontrols.notes.saving", "Saving...") : C("vibecontrols.notes.saveNote", "Save Note")]
 					})]
 				})]
 			})]
@@ -428,6 +429,6 @@ function h({ note: h, vibeOptions: g = [], defaultVibeId: _, hideVibeSelect: v,
 	});
 }
 //#endregion
-export { h as NoteEditor };
+export { g as NoteEditor };
 
 //# sourceMappingURL=NoteEditor.js.map

package/dist/components/notes/NoteEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteEditor.js","names":[],"sources":["../../../src/components/notes/NoteEditor.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { X, Save, Eye, Edit, Tag, Check, Plus } from 'lucide-react';\nimport type { CreateNoteInput, Note, NoteTagAssignment } from './types';\nimport { useAvailableNoteTagsQuery, useCreateNoteTagMutation } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/** Tag selected in the editor */\nexport interface SelectedTag {\n  id: string;\n  key: string;\n  label: string;\n  color: string | null;\n}\n\n/** Note data submitted from the editor — includes `id` and selected tag IDs */\nexport type NoteEditorSubmitData = CreateNoteInput & { id?: string; selectedTagIds?: string[] };\n\nconst TAG_COLORS = [\n  'var(--color-status-error-text)',\n  'var(--color-status-warning-text)',\n  'var(--color-status-success-text)',\n  'var(--color-accent-teal)',\n  'var(--color-text-link)',\n  'var(--color-accent-purple)',\n  'var(--color-text-tertiary)',\n];\n\ninterface NoteEditorProps {\n  note?: Note;\n  vibeOptions?: { id: string; name: string }[];\n  /** Pre-set vibeId when creating a new note (used in vibe-scoped context) */\n  defaultVibeId?: string;\n  /** Hide the vibe dropdown (used when notes are scoped to a single vibe) */\n  hideVibeSelect?: boolean;\n  onSubmit: (data: NoteEditorSubmitData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function NoteEditor({\n  note,\n  vibeOptions = [],\n  defaultVibeId,\n  hideVibeSelect,\n  onSubmit,\n  onCancel,\n  isLoading,\n}: NoteEditorProps) {\n  const tr = useTr();\n  const [isPreview, setIsPreview] = useState(false);\n  const [formData, setFormData] = useState({\n    title: note?.title || '',\n    content: note?.content || '',\n    vibeId: note?.vibeId || defaultVibeId || '',\n    isPinned: note?.isPinned ?? false,\n  });\n\n  // Tag picker state\n  const [selectedTagIds, setSelectedTagIds] = useState<Set<string>>(new Set());\n  const [tagsInitialized, setTagsInitialized] = useState(false);\n  const [showTagPicker, setShowTagPicker] = useState(false);\n\n  // Fetch available tags from wspace-tags-svc\n  const { data: tagsData, refetch: refetchTags } = useAvailableNoteTagsQuery();\n  const availableTags: SelectedTag[] = (tagsData?.availableNoteTags ?? []).map(\n    (t: { id: string; key: string; label: string; color?: string | null }) => ({\n      id: t.id,\n      key: t.key,\n      label: t.label,\n      color: t.color ?? null,\n    })\n  );\n\n  // Initialize selected tags once available tags load\n  useEffect(() => {\n    if (tagsInitialized || availableTags.length === 0) return;\n    const ids = new Set<string>();\n\n    // First: pre-select from tagAssignments (tags service data)\n    if (note?.tagAssignments && note.tagAssignments.length > 0) {\n      note.tagAssignments.forEach((a: NoteTagAssignment) => ids.add(a.tagId));\n    }\n    // Fallback: match legacy string tags by label/key to available tags\n    else if (note?.tags && note.tags.length > 0) {\n      for (const legacyTag of note.tags) {\n        const match = availableTags.find(\n          (t) =>\n            t.label.toLowerCase() === legacyTag.toLowerCase() || t.key === legacyTag.toLowerCase()\n        );\n        if (match) ids.add(match.id);\n      }\n    }\n\n    if (ids.size > 0) setSelectedTagIds(ids);\n    setTagsInitialized(true);\n  }, [availableTags, note, tagsInitialized]);\n\n  // Inline tag creation\n  const [createNoteTag] = useCreateNoteTagMutation();\n  const [newTagLabel, setNewTagLabel] = useState('');\n  const [newTagColor, setNewTagColor] = useState('var(--color-accent-purple)');\n  const [isCreatingTag, setIsCreatingTag] = useState(false);\n\n  const handleCreateTag = async () => {\n    const label = newTagLabel.trim();\n    if (!label || isCreatingTag) return;\n    setIsCreatingTag(true);\n    try {\n      const result = await createNoteTag({\n        variables: { input: { label, color: newTagColor } },\n      });\n      const newTag = result.data?.createNoteTag;\n      if (newTag) {\n        setSelectedTagIds((prev) => new Set(prev).add(newTag.id));\n        await refetchTags();\n      }\n      setNewTagLabel('');\n    } catch (err) {\n      console.error('Failed to create tag:', err);\n    } finally {\n      setIsCreatingTag(false);\n    }\n  };\n\n  const toggleTag = (tagId: string) => {\n    setSelectedTagIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(tagId)) {\n        next.delete(tagId);\n      } else {\n        next.add(tagId);\n      }\n      return next;\n    });\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const data: NoteEditorSubmitData = {\n      ...(note?.id ? { id: note.id } : {}),\n      workspaceId: 'ws-demo-1',\n      title: formData.title,\n      content: formData.content,\n      vibeId: formData.vibeId || undefined,\n      isPinned: formData.isPinned,\n      selectedTagIds: Array.from(selectedTagIds),\n    };\n    onSubmit(data);\n  };\n\n  // Enhanced markdown preview with inline formatting support\n  const parseInlineFormatting = (text: string): React.ReactNode[] => {\n    const parts: React.ReactNode[] = [];\n    let remaining = text;\n    let key = 0;\n\n    while (remaining.length > 0) {\n      // Bold: **text** or __text__\n      const boldMatch = remaining.match(/^(\\*\\*|__)(.+?)\\1/);\n      if (boldMatch) {\n        parts.push(<strong key={key++}>{parseInlineFormatting(boldMatch[2])}</strong>);\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Italic: *text* or _text_\n      const italicMatch = remaining.match(/^(\\*|_)([^*_]+?)\\1/);\n      if (italicMatch) {\n        parts.push(<em key={key++}>{parseInlineFormatting(italicMatch[2])}</em>);\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Strikethrough: ~~text~~\n      const strikeMatch = remaining.match(/^~~(.+?)~~/);\n      if (strikeMatch) {\n        parts.push(<del key={key++}>{parseInlineFormatting(strikeMatch[1])}</del>);\n        remaining = remaining.slice(strikeMatch[0].length);\n        continue;\n      }\n\n      // Inline code: `code`\n      const codeMatch = remaining.match(/^`([^`]+)`/);\n      if (codeMatch) {\n        parts.push(\n          <code\n            key={key++}\n            className=\"bg-bg-elevated px-1.5 py-0.5 rounded text-sm font-mono text-text-primary\"\n          >\n            {codeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(codeMatch[0].length);\n        continue;\n      }\n\n      // Links: [text](url) - only allow safe URL schemes to prevent XSS\n      const linkMatch = remaining.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n      if (linkMatch) {\n        const url = linkMatch[2];\n        // Only allow http, https, mailto, relative paths, and hash links to prevent XSS via javascript: URLs\n        const isSafeUrl = /^(https?:\\/\\/|mailto:|\\/|#)/i.test(url);\n        if (isSafeUrl) {\n          parts.push(\n            <a\n              key={key++}\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"text-action-primary-bg hover:underline\"\n            >\n              {linkMatch[1]}\n            </a>\n          );\n        } else {\n          // Render unsafe links as plain text with muted styling\n          parts.push(\n            <span key={key++} className=\"text-text-secondary\">\n              {linkMatch[1]}\n            </span>\n          );\n        }\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // No match - take the next character\n      parts.push(remaining[0]);\n      remaining = remaining.slice(1);\n    }\n\n    return parts;\n  };\n\n  // Parse markdown content into React elements\n  const renderMarkdown = (text: string) => {\n    const lines = text.split('\\n');\n    const elements: React.ReactNode[] = [];\n    let i = 0;\n\n    while (i < lines.length) {\n      const line = lines[i];\n\n      // Code blocks: ```\n      if (line.startsWith('```')) {\n        const language = line.slice(3).trim();\n        const codeLines: string[] = [];\n        i++;\n        while (i < lines.length && !lines[i].startsWith('```')) {\n          codeLines.push(lines[i]);\n          i++;\n        }\n        elements.push(\n          <pre key={elements.length} className=\"bg-bg-elevated rounded-md p-3 my-2 overflow-x-auto\">\n            <code className=\"text-sm font-mono text-text-primary\">\n              {language && (\n                <span className=\"text-xs text-text-secondary block mb-2\">{language}</span>\n              )}\n              {codeLines.join('\\n')}\n            </code>\n          </pre>\n        );\n        i++;\n        continue;\n      }\n\n      // Headings\n      if (line.startsWith('# ')) {\n        elements.push(\n          <h1 key={elements.length} className=\"text-2xl font-bold mb-2 mt-4\">\n            {parseInlineFormatting(line.slice(2))}\n          </h1>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('## ')) {\n        elements.push(\n          <h2 key={elements.length} className=\"text-xl font-bold mb-2 mt-3\">\n            {parseInlineFormatting(line.slice(3))}\n          </h2>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('### ')) {\n        elements.push(\n          <h3 key={elements.length} className=\"text-lg font-bold mb-2 mt-2\">\n            {parseInlineFormatting(line.slice(4))}\n          </h3>\n        );\n        i++;\n        continue;\n      }\n\n      // Blockquotes: > text\n      if (line.startsWith('> ')) {\n        elements.push(\n          <blockquote\n            key={elements.length}\n            className=\"border-l-4 border-border-default pl-4 my-2 italic text-text-secondary\"\n          >\n            {parseInlineFormatting(line.slice(2))}\n          </blockquote>\n        );\n        i++;\n        continue;\n      }\n\n      // Unordered list: - or * (collect consecutive items and wrap in <ul>)\n      if (line.match(/^[-*] /)) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length && lines[i].match(/^[-*] /)) {\n          listItems.push(\n            <li key={listItems.length} className=\"list-disc\">\n              {parseInlineFormatting(lines[i].slice(2))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ul key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ul>\n        );\n        continue;\n      }\n\n      // Ordered list: 1. 2. etc. (collect consecutive items and wrap in <ol>)\n      const orderedMatch = line.match(/^(\\d+)\\. /);\n      if (orderedMatch) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length) {\n          const olMatch = lines[i].match(/^(\\d+)\\. /);\n          if (!olMatch) break;\n          listItems.push(\n            <li key={listItems.length} className=\"list-decimal\">\n              {parseInlineFormatting(lines[i].slice(olMatch[0].length))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ol key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ol>\n        );\n        continue;\n      }\n\n      // Horizontal rule: --- or ***\n      if (line.match(/^(-{3,}|\\*{3,})$/)) {\n        elements.push(<hr key={elements.length} className=\"my-4 border-border-default\" />);\n        i++;\n        continue;\n      }\n\n      // Table detection (simple): | col1 | col2 |\n      if (line.startsWith('|') && line.endsWith('|')) {\n        const tableLines: string[] = [line];\n        i++;\n        while (i < lines.length && lines[i].startsWith('|') && lines[i].endsWith('|')) {\n          tableLines.push(lines[i]);\n          i++;\n        }\n\n        // Parse table\n        const rows = tableLines\n          .filter((l) => !l.match(/^\\|[\\s\\-:|]+\\|$/)) // Skip separator rows (including alignment markers like :---:)\n          .map((l) =>\n            l\n              .slice(1, -1)\n              .split('|')\n              .map((cell) => cell.trim())\n          );\n\n        if (rows.length > 0) {\n          const [header, ...body] = rows;\n          elements.push(\n            <table key={elements.length} className=\"w-full my-2 border-collapse text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-default\">\n                  {header.map((cell, ci) => (\n                    <th key={ci} className=\"text-left py-2 px-3 font-semibold text-text-primary\">\n                      {parseInlineFormatting(cell)}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody>\n                {body.map((row, ri) => (\n                  <tr key={ri} className=\"border-b border-border-subtle\">\n                    {row.map((cell, ci) => (\n                      <td key={ci} className=\"py-2 px-3 text-text-primary\">\n                        {parseInlineFormatting(cell)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          );\n        }\n        continue;\n      }\n\n      // Empty line\n      if (line === '') {\n        elements.push(<br key={elements.length} />);\n        i++;\n        continue;\n      }\n\n      // Regular paragraph with inline formatting\n      elements.push(\n        <p key={elements.length} className=\"mb-1\">\n          {parseInlineFormatting(line)}\n        </p>\n      );\n      i++;\n    }\n\n    return elements;\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay\">\n      <div className=\"w-full max-w-3xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] flex flex-col\">\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {note\n              ? tr('vibecontrols.notes.editNote', 'Edit Note')\n              : tr('vibecontrols.notes.newNote', 'New Note')}\n          </h2>\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => setIsPreview(!isPreview)}\n              className={`inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${\n                isPreview\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-primary hover:bg-bg-elevated'\n              }`}\n            >\n              {isPreview ? <Edit className=\"w-4 h-4\" /> : <Eye className=\"w-4 h-4\" />}\n              {isPreview\n                ? tr('vibecontrols.notes.edit', 'Edit')\n                : tr('vibecontrols.notes.preview', 'Preview')}\n            </button>\n            <button onClick={onCancel} className=\"p-1 rounded hover:bg-bg-sunken transition-colors\">\n              <X className=\"w-5 h-5 text-text-secondary\" />\n            </button>\n          </div>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"flex-1 flex flex-col overflow-hidden\">\n          <div className=\"p-6 space-y-4 flex-1 overflow-y-auto\">\n            <div>\n              <input\n                type=\"text\"\n                value={formData.title}\n                onChange={(e) => setFormData({ ...formData, title: e.target.value })}\n                placeholder={tr('vibecontrols.notes.titlePlaceholder', 'Note title...')}\n                required\n                className=\"w-full px-0 py-2 text-lg sm:text-2xl font-bold bg-transparent border-0 border-b border-border-default text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg\"\n              />\n            </div>\n\n            <div className={`grid ${hideVibeSelect ? 'grid-cols-1' : 'grid-cols-2'} gap-4`}>\n              {!hideVibeSelect && (\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    {tr('vibecontrols.notes.relatedVibe', 'Related Vibe (optional)')}\n                  </label>\n                  <select\n                    value={formData.vibeId}\n                    onChange={(e) => setFormData({ ...formData, vibeId: e.target.value })}\n                    className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  >\n                    <option value=\"\">No vibe</option>\n                    {vibeOptions.map((vibe) => (\n                      <option key={vibe.id} value={vibe.id}>\n                        {vibe.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.notes.tags', 'Tags')}\n                </label>\n                {/* Selected tags */}\n                <div className=\"flex flex-wrap gap-1.5 min-h-[38px] px-3 py-2 bg-bg-sunken border border-border-default rounded-md\">\n                  {availableTags\n                    .filter((t) => selectedTagIds.has(t.id))\n                    .map((tag) => (\n                      <span\n                        key={tag.id}\n                        className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded\"\n                      >\n                        <Tag className=\"w-3 h-3\" />\n                        {tag.label}\n                        <button\n                          type=\"button\"\n                          onClick={() => toggleTag(tag.id)}\n                          className=\"ml-0.5 hover:text-status-error-text\"\n                        >\n                          <X className=\"w-3 h-3\" />\n                        </button>\n                      </span>\n                    ))}\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowTagPicker(!showTagPicker)}\n                    className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs text-text-secondary hover:text-text-primary hover:bg-bg-elevated rounded transition-colors\"\n                  >\n                    <Tag className=\"w-3 h-3\" />\n                    {selectedTagIds.size === 0 ? 'Add tags...' : '+'}\n                  </button>\n                </div>\n                {/* Tag picker dropdown */}\n                {showTagPicker && (\n                  <div className=\"mt-1 bg-bg-surface border border-border-default rounded-md shadow-lg\">\n                    {/* Inline create: text input + color picker */}\n                    <div className=\"flex items-center gap-2 p-2 border-b border-border-subtle\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"w-6 h-6 rounded-full border-2 border-border-default\"\n                        style={{ backgroundColor: newTagColor }}\n                      />\n                      <input\n                        type=\"text\"\n                        value={newTagLabel}\n                        onChange={(e) => setNewTagLabel(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            e.preventDefault();\n                            handleCreateTag();\n                          }\n                        }}\n                        placeholder=\"New tag name... (Enter to create)\"\n                        disabled={isCreatingTag}\n                        className=\"flex-1 px-2 py-1 text-sm bg-bg-sunken border border-border-default rounded text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n                      />\n                      <button\n                        type=\"button\"\n                        onClick={handleCreateTag}\n                        disabled={!newTagLabel.trim() || isCreatingTag}\n                        className=\"p-1 text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors disabled:opacity-30\"\n                      >\n                        <Plus className=\"w-4 h-4\" />\n                      </button>\n                    </div>\n                    {/* Quick color palette */}\n                    <div className=\"flex items-center gap-1 px-2 py-1.5 border-b border-border-subtle\">\n                      {TAG_COLORS.map((c) => (\n                        <button\n                          key={c}\n                          type=\"button\"\n                          onClick={() => setNewTagColor(c)}\n                          className={`w-4 h-4 rounded-full transition-transform ${newTagColor === c ? 'ring-2 ring-action-primary-bg scale-125' : 'hover:scale-110'}`}\n                          style={{ backgroundColor: c }}\n                        />\n                      ))}\n                    </div>\n                    {/* Existing tags list */}\n                    <div className=\"max-h-32 overflow-y-auto p-1\">\n                      {availableTags.length === 0 ? (\n                        <p className=\"text-xs text-text-muted px-2 py-1\">\n                          No tags yet — create one above\n                        </p>\n                      ) : (\n                        availableTags.map((tag) => (\n                          <button\n                            key={tag.id}\n                            type=\"button\"\n                            onClick={() => toggleTag(tag.id)}\n                            className=\"flex items-center justify-between w-full px-2 py-1.5 text-sm text-text-primary hover:bg-bg-sunken rounded transition-colors\"\n                          >\n                            <span className=\"flex items-center gap-2\">\n                              {tag.color && (\n                                <span\n                                  className=\"w-2.5 h-2.5 rounded-full\"\n                                  style={{ backgroundColor: tag.color }}\n                                />\n                              )}\n                              {tag.label}\n                            </span>\n                            {selectedTagIds.has(tag.id) && (\n                              <Check className=\"w-4 h-4 text-action-primary-bg\" />\n                            )}\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex-1 min-h-[300px]\">\n              {isPreview ? (\n                <div className=\"h-full p-4 bg-bg-sunken rounded-md prose prose-sm dark:prose-invert max-w-none overflow-y-auto\">\n                  {renderMarkdown(formData.content)}\n                </div>\n              ) : (\n                <textarea\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  placeholder={tr(\n                    'vibecontrols.notes.contentPlaceholder',\n                    'Write your note in Markdown...'\n                  )}\n                  className=\"w-full h-full min-h-[300px] px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none font-mono\"\n                />\n              )}\n            </div>\n\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                id=\"isPinned\"\n                checked={formData.isPinned}\n                onChange={(e) => setFormData({ ...formData, isPinned: e.target.checked })}\n                className=\"w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n              />\n              <label htmlFor=\"isPinned\" className=\"text-sm text-text-primary\">\n                {tr('vibecontrols.notes.pinThisNote', 'Pin this note')}\n              </label>\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken\">\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n            >\n              {tr('vibecontrols.notes.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isLoading}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Save className=\"w-4 h-4\" />\n              {isLoading\n                ? tr('vibecontrols.notes.saving', 'Saving...')\n                : tr('vibecontrols.notes.saveNote', 'Save Note')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NoteEditor.js","names":[],"sources":["../../../src/components/notes/NoteEditor.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { X, Save, Eye, Edit, Tag, Check, Plus } from 'lucide-react';\nimport type { CreateNoteInput, Note, NoteTagAssignment } from './types';\nimport { useAvailableNoteTagsQuery, useCreateNoteTagMutation } from '@/generated/wspace-operations';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useVibeControls } from '../../providers/VibeControlsProvider';\n\n/** Tag selected in the editor */\nexport interface SelectedTag {\n  id: string;\n  key: string;\n  label: string;\n  color: string | null;\n}\n\n/** Note data submitted from the editor — includes `id` and selected tag IDs */\nexport type NoteEditorSubmitData = CreateNoteInput & { id?: string; selectedTagIds?: string[] };\n\nconst TAG_COLORS = [\n  'var(--color-status-error-text)',\n  'var(--color-status-warning-text)',\n  'var(--color-status-success-text)',\n  'var(--color-accent-teal)',\n  'var(--color-text-link)',\n  'var(--color-accent-purple)',\n  'var(--color-text-tertiary)',\n];\n\ninterface NoteEditorProps {\n  note?: Note;\n  vibeOptions?: { id: string; name: string }[];\n  /** Pre-set vibeId when creating a new note (used in vibe-scoped context) */\n  defaultVibeId?: string;\n  /** Hide the vibe dropdown (used when notes are scoped to a single vibe) */\n  hideVibeSelect?: boolean;\n  onSubmit: (data: NoteEditorSubmitData) => void;\n  onCancel: () => void;\n  isLoading?: boolean;\n}\n\nexport function NoteEditor({\n  note,\n  vibeOptions = [],\n  defaultVibeId,\n  hideVibeSelect,\n  onSubmit,\n  onCancel,\n  isLoading,\n}: NoteEditorProps) {\n  const tr = useTr();\n  const { workspaceId } = useVibeControls();\n  const [isPreview, setIsPreview] = useState(false);\n  const [formData, setFormData] = useState({\n    title: note?.title || '',\n    content: note?.content || '',\n    vibeId: note?.vibeId || defaultVibeId || '',\n    isPinned: note?.isPinned ?? false,\n  });\n\n  // Tag picker state\n  const [selectedTagIds, setSelectedTagIds] = useState<Set<string>>(new Set());\n  const [tagsInitialized, setTagsInitialized] = useState(false);\n  const [showTagPicker, setShowTagPicker] = useState(false);\n\n  // Fetch available tags from wspace-tags-svc\n  const { data: tagsData, refetch: refetchTags } = useAvailableNoteTagsQuery();\n  const availableTags: SelectedTag[] = (tagsData?.availableNoteTags ?? []).map(\n    (t: { id: string; key: string; label: string; color?: string | null }) => ({\n      id: t.id,\n      key: t.key,\n      label: t.label,\n      color: t.color ?? null,\n    })\n  );\n\n  // Initialize selected tags once available tags load\n  useEffect(() => {\n    if (tagsInitialized || availableTags.length === 0) return;\n    const ids = new Set<string>();\n\n    // First: pre-select from tagAssignments (tags service data)\n    if (note?.tagAssignments && note.tagAssignments.length > 0) {\n      note.tagAssignments.forEach((a: NoteTagAssignment) => ids.add(a.tagId));\n    }\n    // Fallback: match legacy string tags by label/key to available tags\n    else if (note?.tags && note.tags.length > 0) {\n      for (const legacyTag of note.tags) {\n        const match = availableTags.find(\n          (t) =>\n            t.label.toLowerCase() === legacyTag.toLowerCase() || t.key === legacyTag.toLowerCase()\n        );\n        if (match) ids.add(match.id);\n      }\n    }\n\n    if (ids.size > 0) setSelectedTagIds(ids);\n    setTagsInitialized(true);\n  }, [availableTags, note, tagsInitialized]);\n\n  // Inline tag creation\n  const [createNoteTag] = useCreateNoteTagMutation();\n  const [newTagLabel, setNewTagLabel] = useState('');\n  const [newTagColor, setNewTagColor] = useState('var(--color-accent-purple)');\n  const [isCreatingTag, setIsCreatingTag] = useState(false);\n\n  const handleCreateTag = async () => {\n    const label = newTagLabel.trim();\n    if (!label || isCreatingTag) return;\n    setIsCreatingTag(true);\n    try {\n      const result = await createNoteTag({\n        variables: { input: { label, color: newTagColor } },\n      });\n      const newTag = result.data?.createNoteTag;\n      if (newTag) {\n        setSelectedTagIds((prev) => new Set(prev).add(newTag.id));\n        await refetchTags();\n      }\n      setNewTagLabel('');\n    } catch (err) {\n      console.error('Failed to create tag:', err);\n    } finally {\n      setIsCreatingTag(false);\n    }\n  };\n\n  const toggleTag = (tagId: string) => {\n    setSelectedTagIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(tagId)) {\n        next.delete(tagId);\n      } else {\n        next.add(tagId);\n      }\n      return next;\n    });\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    const data: NoteEditorSubmitData = {\n      ...(note?.id ? { id: note.id } : {}),\n      workspaceId: workspaceId ?? '',\n      title: formData.title,\n      content: formData.content,\n      vibeId: formData.vibeId || undefined,\n      isPinned: formData.isPinned,\n      selectedTagIds: Array.from(selectedTagIds),\n    };\n    onSubmit(data);\n  };\n\n  // Enhanced markdown preview with inline formatting support\n  const parseInlineFormatting = (text: string): React.ReactNode[] => {\n    const parts: React.ReactNode[] = [];\n    let remaining = text;\n    let key = 0;\n\n    while (remaining.length > 0) {\n      // Bold: **text** or __text__\n      const boldMatch = remaining.match(/^(\\*\\*|__)(.+?)\\1/);\n      if (boldMatch) {\n        parts.push(<strong key={key++}>{parseInlineFormatting(boldMatch[2])}</strong>);\n        remaining = remaining.slice(boldMatch[0].length);\n        continue;\n      }\n\n      // Italic: *text* or _text_\n      const italicMatch = remaining.match(/^(\\*|_)([^*_]+?)\\1/);\n      if (italicMatch) {\n        parts.push(<em key={key++}>{parseInlineFormatting(italicMatch[2])}</em>);\n        remaining = remaining.slice(italicMatch[0].length);\n        continue;\n      }\n\n      // Strikethrough: ~~text~~\n      const strikeMatch = remaining.match(/^~~(.+?)~~/);\n      if (strikeMatch) {\n        parts.push(<del key={key++}>{parseInlineFormatting(strikeMatch[1])}</del>);\n        remaining = remaining.slice(strikeMatch[0].length);\n        continue;\n      }\n\n      // Inline code: `code`\n      const codeMatch = remaining.match(/^`([^`]+)`/);\n      if (codeMatch) {\n        parts.push(\n          <code\n            key={key++}\n            className=\"bg-bg-elevated px-1.5 py-0.5 rounded text-sm font-mono text-text-primary\"\n          >\n            {codeMatch[1]}\n          </code>\n        );\n        remaining = remaining.slice(codeMatch[0].length);\n        continue;\n      }\n\n      // Links: [text](url) - only allow safe URL schemes to prevent XSS\n      const linkMatch = remaining.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)/);\n      if (linkMatch) {\n        const url = linkMatch[2];\n        // Only allow http, https, mailto, relative paths, and hash links to prevent XSS via javascript: URLs\n        const isSafeUrl = /^(https?:\\/\\/|mailto:|\\/|#)/i.test(url);\n        if (isSafeUrl) {\n          parts.push(\n            <a\n              key={key++}\n              href={url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"text-action-primary-bg hover:underline\"\n            >\n              {linkMatch[1]}\n            </a>\n          );\n        } else {\n          // Render unsafe links as plain text with muted styling\n          parts.push(\n            <span key={key++} className=\"text-text-secondary\">\n              {linkMatch[1]}\n            </span>\n          );\n        }\n        remaining = remaining.slice(linkMatch[0].length);\n        continue;\n      }\n\n      // No match - take the next character\n      parts.push(remaining[0]);\n      remaining = remaining.slice(1);\n    }\n\n    return parts;\n  };\n\n  // Parse markdown content into React elements\n  const renderMarkdown = (text: string) => {\n    const lines = text.split('\\n');\n    const elements: React.ReactNode[] = [];\n    let i = 0;\n\n    while (i < lines.length) {\n      const line = lines[i];\n\n      // Code blocks: ```\n      if (line.startsWith('```')) {\n        const language = line.slice(3).trim();\n        const codeLines: string[] = [];\n        i++;\n        while (i < lines.length && !lines[i].startsWith('```')) {\n          codeLines.push(lines[i]);\n          i++;\n        }\n        elements.push(\n          <pre key={elements.length} className=\"bg-bg-elevated rounded-md p-3 my-2 overflow-x-auto\">\n            <code className=\"text-sm font-mono text-text-primary\">\n              {language && (\n                <span className=\"text-xs text-text-secondary block mb-2\">{language}</span>\n              )}\n              {codeLines.join('\\n')}\n            </code>\n          </pre>\n        );\n        i++;\n        continue;\n      }\n\n      // Headings\n      if (line.startsWith('# ')) {\n        elements.push(\n          <h1 key={elements.length} className=\"text-2xl font-bold mb-2 mt-4\">\n            {parseInlineFormatting(line.slice(2))}\n          </h1>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('## ')) {\n        elements.push(\n          <h2 key={elements.length} className=\"text-xl font-bold mb-2 mt-3\">\n            {parseInlineFormatting(line.slice(3))}\n          </h2>\n        );\n        i++;\n        continue;\n      }\n      if (line.startsWith('### ')) {\n        elements.push(\n          <h3 key={elements.length} className=\"text-lg font-bold mb-2 mt-2\">\n            {parseInlineFormatting(line.slice(4))}\n          </h3>\n        );\n        i++;\n        continue;\n      }\n\n      // Blockquotes: > text\n      if (line.startsWith('> ')) {\n        elements.push(\n          <blockquote\n            key={elements.length}\n            className=\"border-l-4 border-border-default pl-4 my-2 italic text-text-secondary\"\n          >\n            {parseInlineFormatting(line.slice(2))}\n          </blockquote>\n        );\n        i++;\n        continue;\n      }\n\n      // Unordered list: - or * (collect consecutive items and wrap in <ul>)\n      if (line.match(/^[-*] /)) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length && lines[i].match(/^[-*] /)) {\n          listItems.push(\n            <li key={listItems.length} className=\"list-disc\">\n              {parseInlineFormatting(lines[i].slice(2))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ul key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ul>\n        );\n        continue;\n      }\n\n      // Ordered list: 1. 2. etc. (collect consecutive items and wrap in <ol>)\n      const orderedMatch = line.match(/^(\\d+)\\. /);\n      if (orderedMatch) {\n        const listItems: React.ReactNode[] = [];\n        while (i < lines.length) {\n          const olMatch = lines[i].match(/^(\\d+)\\. /);\n          if (!olMatch) break;\n          listItems.push(\n            <li key={listItems.length} className=\"list-decimal\">\n              {parseInlineFormatting(lines[i].slice(olMatch[0].length))}\n            </li>\n          );\n          i++;\n        }\n        elements.push(\n          <ol key={elements.length} className=\"ml-6 my-2\">\n            {listItems}\n          </ol>\n        );\n        continue;\n      }\n\n      // Horizontal rule: --- or ***\n      if (line.match(/^(-{3,}|\\*{3,})$/)) {\n        elements.push(<hr key={elements.length} className=\"my-4 border-border-default\" />);\n        i++;\n        continue;\n      }\n\n      // Table detection (simple): | col1 | col2 |\n      if (line.startsWith('|') && line.endsWith('|')) {\n        const tableLines: string[] = [line];\n        i++;\n        while (i < lines.length && lines[i].startsWith('|') && lines[i].endsWith('|')) {\n          tableLines.push(lines[i]);\n          i++;\n        }\n\n        // Parse table\n        const rows = tableLines\n          .filter((l) => !l.match(/^\\|[\\s\\-:|]+\\|$/)) // Skip separator rows (including alignment markers like :---:)\n          .map((l) =>\n            l\n              .slice(1, -1)\n              .split('|')\n              .map((cell) => cell.trim())\n          );\n\n        if (rows.length > 0) {\n          const [header, ...body] = rows;\n          elements.push(\n            <table key={elements.length} className=\"w-full my-2 border-collapse text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-default\">\n                  {header.map((cell, ci) => (\n                    <th key={ci} className=\"text-left py-2 px-3 font-semibold text-text-primary\">\n                      {parseInlineFormatting(cell)}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody>\n                {body.map((row, ri) => (\n                  <tr key={ri} className=\"border-b border-border-subtle\">\n                    {row.map((cell, ci) => (\n                      <td key={ci} className=\"py-2 px-3 text-text-primary\">\n                        {parseInlineFormatting(cell)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          );\n        }\n        continue;\n      }\n\n      // Empty line\n      if (line === '') {\n        elements.push(<br key={elements.length} />);\n        i++;\n        continue;\n      }\n\n      // Regular paragraph with inline formatting\n      elements.push(\n        <p key={elements.length} className=\"mb-1\">\n          {parseInlineFormatting(line)}\n        </p>\n      );\n      i++;\n    }\n\n    return elements;\n  };\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay\">\n      <div className=\"w-full max-w-3xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] flex flex-col\">\n        <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">\n            {note\n              ? tr('vibecontrols.notes.editNote', 'Edit Note')\n              : tr('vibecontrols.notes.newNote', 'New Note')}\n          </h2>\n          <div className=\"flex items-center gap-2\">\n            <button\n              type=\"button\"\n              onClick={() => setIsPreview(!isPreview)}\n              className={`inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${\n                isPreview\n                  ? 'bg-action-primary-bg text-action-primary-text'\n                  : 'bg-bg-sunken text-text-primary hover:bg-bg-elevated'\n              }`}\n            >\n              {isPreview ? <Edit className=\"w-4 h-4\" /> : <Eye className=\"w-4 h-4\" />}\n              {isPreview\n                ? tr('vibecontrols.notes.edit', 'Edit')\n                : tr('vibecontrols.notes.preview', 'Preview')}\n            </button>\n            <button onClick={onCancel} className=\"p-1 rounded hover:bg-bg-sunken transition-colors\">\n              <X className=\"w-5 h-5 text-text-secondary\" />\n            </button>\n          </div>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"flex-1 flex flex-col overflow-hidden\">\n          <div className=\"p-6 space-y-4 flex-1 overflow-y-auto\">\n            <div>\n              <input\n                type=\"text\"\n                value={formData.title}\n                onChange={(e) => setFormData({ ...formData, title: e.target.value })}\n                placeholder={tr('vibecontrols.notes.titlePlaceholder', 'Note title...')}\n                required\n                className=\"w-full px-0 py-2 text-lg sm:text-2xl font-bold bg-transparent border-0 border-b border-border-default text-text-primary placeholder:text-text-placeholder focus:outline-none focus:border-action-primary-bg\"\n              />\n            </div>\n\n            <div className={`grid ${hideVibeSelect ? 'grid-cols-1' : 'grid-cols-2'} gap-4`}>\n              {!hideVibeSelect && (\n                <div>\n                  <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                    {tr('vibecontrols.notes.relatedVibe', 'Related Vibe (optional)')}\n                  </label>\n                  <select\n                    value={formData.vibeId}\n                    onChange={(e) => setFormData({ ...formData, vibeId: e.target.value })}\n                    className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n                  >\n                    <option value=\"\">No vibe</option>\n                    {vibeOptions.map((vibe) => (\n                      <option key={vibe.id} value={vibe.id}>\n                        {vibe.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.notes.tags', 'Tags')}\n                </label>\n                {/* Selected tags */}\n                <div className=\"flex flex-wrap gap-1.5 min-h-[38px] px-3 py-2 bg-bg-sunken border border-border-default rounded-md\">\n                  {availableTags\n                    .filter((t) => selectedTagIds.has(t.id))\n                    .map((tag) => (\n                      <span\n                        key={tag.id}\n                        className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-action-primary-bg/10 text-action-primary-bg rounded\"\n                      >\n                        <Tag className=\"w-3 h-3\" />\n                        {tag.label}\n                        <button\n                          type=\"button\"\n                          onClick={() => toggleTag(tag.id)}\n                          className=\"ml-0.5 hover:text-status-error-text\"\n                        >\n                          <X className=\"w-3 h-3\" />\n                        </button>\n                      </span>\n                    ))}\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowTagPicker(!showTagPicker)}\n                    className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs text-text-secondary hover:text-text-primary hover:bg-bg-elevated rounded transition-colors\"\n                  >\n                    <Tag className=\"w-3 h-3\" />\n                    {selectedTagIds.size === 0 ? 'Add tags...' : '+'}\n                  </button>\n                </div>\n                {/* Tag picker dropdown */}\n                {showTagPicker && (\n                  <div className=\"mt-1 bg-bg-surface border border-border-default rounded-md shadow-lg\">\n                    {/* Inline create: text input + color picker */}\n                    <div className=\"flex items-center gap-2 p-2 border-b border-border-subtle\">\n                      <span\n                        aria-hidden=\"true\"\n                        className=\"w-6 h-6 rounded-full border-2 border-border-default\"\n                        style={{ backgroundColor: newTagColor }}\n                      />\n                      <input\n                        type=\"text\"\n                        value={newTagLabel}\n                        onChange={(e) => setNewTagLabel(e.target.value)}\n                        onKeyDown={(e) => {\n                          if (e.key === 'Enter') {\n                            e.preventDefault();\n                            handleCreateTag();\n                          }\n                        }}\n                        placeholder=\"New tag name... (Enter to create)\"\n                        disabled={isCreatingTag}\n                        className=\"flex-1 px-2 py-1 text-sm bg-bg-sunken border border-border-default rounded text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n                      />\n                      <button\n                        type=\"button\"\n                        onClick={handleCreateTag}\n                        disabled={!newTagLabel.trim() || isCreatingTag}\n                        className=\"p-1 text-action-primary-bg hover:bg-action-primary-bg/10 rounded transition-colors disabled:opacity-30\"\n                      >\n                        <Plus className=\"w-4 h-4\" />\n                      </button>\n                    </div>\n                    {/* Quick color palette */}\n                    <div className=\"flex items-center gap-1 px-2 py-1.5 border-b border-border-subtle\">\n                      {TAG_COLORS.map((c) => (\n                        <button\n                          key={c}\n                          type=\"button\"\n                          onClick={() => setNewTagColor(c)}\n                          className={`w-4 h-4 rounded-full transition-transform ${newTagColor === c ? 'ring-2 ring-action-primary-bg scale-125' : 'hover:scale-110'}`}\n                          style={{ backgroundColor: c }}\n                        />\n                      ))}\n                    </div>\n                    {/* Existing tags list */}\n                    <div className=\"max-h-32 overflow-y-auto p-1\">\n                      {availableTags.length === 0 ? (\n                        <p className=\"text-xs text-text-muted px-2 py-1\">\n                          No tags yet — create one above\n                        </p>\n                      ) : (\n                        availableTags.map((tag) => (\n                          <button\n                            key={tag.id}\n                            type=\"button\"\n                            onClick={() => toggleTag(tag.id)}\n                            className=\"flex items-center justify-between w-full px-2 py-1.5 text-sm text-text-primary hover:bg-bg-sunken rounded transition-colors\"\n                          >\n                            <span className=\"flex items-center gap-2\">\n                              {tag.color && (\n                                <span\n                                  className=\"w-2.5 h-2.5 rounded-full\"\n                                  style={{ backgroundColor: tag.color }}\n                                />\n                              )}\n                              {tag.label}\n                            </span>\n                            {selectedTagIds.has(tag.id) && (\n                              <Check className=\"w-4 h-4 text-action-primary-bg\" />\n                            )}\n                          </button>\n                        ))\n                      )}\n                    </div>\n                  </div>\n                )}\n              </div>\n            </div>\n\n            <div className=\"flex-1 min-h-[300px]\">\n              {isPreview ? (\n                <div className=\"h-full p-4 bg-bg-sunken rounded-md prose prose-sm dark:prose-invert max-w-none overflow-y-auto\">\n                  {renderMarkdown(formData.content)}\n                </div>\n              ) : (\n                <textarea\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  placeholder={tr(\n                    'vibecontrols.notes.contentPlaceholder',\n                    'Write your note in Markdown...'\n                  )}\n                  className=\"w-full h-full min-h-[300px] px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg resize-none font-mono\"\n                />\n              )}\n            </div>\n\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                id=\"isPinned\"\n                checked={formData.isPinned}\n                onChange={(e) => setFormData({ ...formData, isPinned: e.target.checked })}\n                className=\"w-4 h-4 rounded border-border-default text-action-primary-bg focus:ring-action-primary-bg\"\n              />\n              <label htmlFor=\"isPinned\" className=\"text-sm text-text-primary\">\n                {tr('vibecontrols.notes.pinThisNote', 'Pin this note')}\n              </label>\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-end gap-3 px-6 py-4 border-t border-border-default bg-bg-sunken\">\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              disabled={isLoading}\n              className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-surface border border-border-default rounded-md hover:bg-bg-elevated transition-colors disabled:opacity-50\"\n            >\n              {tr('vibecontrols.notes.cancel', 'Cancel')}\n            </button>\n            <button\n              type=\"submit\"\n              disabled={isLoading}\n              className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n            >\n              <Save className=\"w-4 h-4\" />\n              {isLoading\n                ? tr('vibecontrols.notes.saving', 'Saving...')\n                : tr('vibecontrols.notes.saveNote', 'Save Note')}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/sessions/SessionForm.js

@@ -1,4 +1,5 @@
 import "../../shared/hooks/useTr.js";
+import "../../providers/VibeControlsProvider.js";
 import "react";
 import "lucide-react";
 import "react/jsx-runtime";

package/dist/components/vibes/VibeForm.js

@@ -1,4 +1,5 @@
 import "../../shared/hooks/useTr.js";
+import "../../providers/VibeControlsProvider.js";
 import "react";
 import "lucide-react";
 import "react/jsx-runtime";

package/dist/services/assistantApi.js

@@ -1,7 +1,7 @@
 import { CreateSandboxDocument as e, ExtendSandboxTtlDocument as t, GetActiveSandboxesDocument as n, GetSandboxDocument as r, ProxySandboxRequestDocument as i } from "../generated/wspace-operations.js";
 import { print as a } from "graphql";
 //#region src/services/assistantApi.ts
-var o = "harbor.tooling.internal.burdenoff.com", s = "alpha-proxy-auth-v1", c = "alpha-proxy-auth-v1", l = "alpha-delegated-auth-v11", u = "sandbox-app-client-headers-v1";
+var o = "burdenoffregistry.azurecr.io", s = "alpha-proxy-auth-v1", c = "alpha-proxy-auth-v1", l = "alpha-delegated-auth-v11", u = "sandbox-app-client-headers-v1";
 function d(e) {
 	switch (e) {
 		case "general": return s;

package/dist/services/assistantApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistantApi.js","names":[],"sources":["../../src/services/assistantApi.ts"],"sourcesContent":["/**\n * AI Assistant API service.\n *\n * All requests go through the wspace-public-gateway (GraphQL Federation):\n *   Frontend → wspace-public-gateway → wspace-sandbox-svc → ai-assistant (K8s pod)\n *\n * Uses the host app's Apollo Client which already points to the gateway.\n */\n\nimport { type ApolloClient } from '@apollo/client';\nimport { print, type DocumentNode } from 'graphql';\nimport type { AssistantArtifact, AssistantMode } from '@/types/assistant';\nimport type { PageContext } from '@/utils/pageContext';\nimport {\n  CreateSandboxDocument,\n  GetSandboxDocument,\n  GetActiveSandboxesDocument,\n  ProxySandboxRequestDocument,\n  ExtendSandboxTtlDocument,\n} from '@/generated/wspace-operations';\n\n// ── Image registry ─────────────────────────────────────────────────\n\nconst HARBOR_REGISTRY = 'harbor.tooling.internal.burdenoff.com';\nconst DEFAULT_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha';\nconst GENERAL_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst VIBE_PLUGINS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst API_CALLS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-delegated-auth-v11';\nconst ASSISTANT_API_AUTH_STRATEGY = 'sandbox-app-client-headers-v1';\n\nfunction getImageTagForMode(mode: AssistantMode): string {\n  switch (mode) {\n    case 'general':\n      return GENERAL_IMAGE_TAG;\n    case 'vibe-plugins':\n      return VIBE_PLUGINS_IMAGE_TAG;\n    case 'api-calls':\n      return API_CALLS_IMAGE_TAG;\n  }\n}\n\nfunction getImageForMode(mode: AssistantMode): string {\n  const imageTag =\n    mode === 'api-calls'\n      ? API_CALLS_IMAGE_TAG\n      : mode === 'general'\n        ? GENERAL_IMAGE_TAG\n        : VIBE_PLUGINS_IMAGE_TAG;\n  return `${HARBOR_REGISTRY}/wspace/ai-assistant-${mode}:${imageTag}`;\n}\n\nfunction getResourcesForMode(mode: AssistantMode): {\n  cpuRequest: string;\n  cpuLimit: string;\n  memoryRequest: string;\n  memoryLimit: string;\n} {\n  switch (mode) {\n    case 'general':\n      return {\n        cpuRequest: '100m',\n        cpuLimit: '500m',\n        memoryRequest: '256Mi',\n        memoryLimit: '1Gi',\n      };\n    case 'vibe-plugins':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n    case 'api-calls':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n  }\n}\n\nfunction resolveSandboxAssistantMode(sandbox: {\n  metadata: Record<string, unknown> | null;\n  name?: string | null;\n}): AssistantMode | null {\n  const metadataMode = sandbox.metadata?.assistantMode;\n  if (\n    metadataMode === 'general' ||\n    metadataMode === 'api-calls' ||\n    metadataMode === 'vibe-plugins'\n  ) {\n    return metadataMode;\n  }\n\n  const name = sandbox.name ?? '';\n  if (name.startsWith('ai-assistant-vibe-plugins-')) return 'vibe-plugins';\n  if (name.startsWith('ai-assistant-api-calls-')) return 'api-calls';\n  if (name.startsWith('ai-assistant-general-')) return 'general';\n  return null;\n}\n\n// ── GraphQL operations (colocated .graphql → generated DocumentNodes) ──\n\n// ── Types ───────────────────────────────────────────────────────────\n\nexport interface AssistantPromptResult {\n  response: string;\n  tokens?: { input: number; output: number };\n  artifacts?: AssistantArtifact[];\n}\n\nexport interface AssistantRawMessagePart {\n  type?: string;\n  text?: string;\n  tool?: string;\n  state?: {\n    status?: string;\n    input?: unknown;\n    output?: unknown;\n    raw?: unknown;\n  };\n}\n\nexport interface AssistantRawMessage {\n  info?: {\n    id?: string;\n    role?: string;\n    providerID?: string;\n    modelID?: string;\n    tokens?: { input: number; output: number };\n    time?: {\n      created?: number;\n      completed?: number;\n    };\n  };\n  parts?: AssistantRawMessagePart[];\n}\n\nexport interface AssistantSandboxAuthContext {\n  accessToken?: string | null;\n  workspaceToken?: string | null;\n  userId?: string | null;\n  organizationId?: string | null;\n}\n\nexport interface AssistantSessionInfo {\n  id: string;\n  mode: string;\n}\n\ninterface GraphQLResponse<TData> {\n  data?: TData;\n  errors?: Array<{ message: string }>;\n}\n\nexport interface DownloadedAssistantArtifact {\n  filename: string;\n  mimeType: string;\n  contentBase64: string;\n}\n\ninterface ProxyResponse {\n  proxySandboxRequest: {\n    status: number;\n    body: Record<string, unknown>;\n  };\n}\n\nfunction getGatewayRequestContext(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): { headers?: Record<string, string> } | undefined {\n  const headers: Record<string, string> = {};\n\n  if (authContext?.accessToken) {\n    headers.authorization = `Bearer ${authContext.accessToken}`;\n  }\n\n  if (authContext?.workspaceToken) {\n    headers['x-workspace-authorization'] = `Bearer ${authContext.workspaceToken}`;\n  }\n\n  if (workspaceId) {\n    headers['x-workspace-id'] = workspaceId;\n  }\n\n  if (authContext?.userId) {\n    headers['x-actor-id'] = authContext.userId;\n    headers['x-actor-type'] = 'user';\n  }\n\n  if (authContext?.organizationId) {\n    headers['x-org-id'] = authContext.organizationId;\n  }\n\n  return Object.keys(headers).length > 0 ? { headers } : undefined;\n}\n\nfunction buildSandboxContextInput(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Record<string, unknown> {\n  return {\n    workspaceId,\n    ...(authContext?.organizationId\n      ? {\n          custom: {\n            organizationId: authContext.organizationId,\n          },\n        }\n      : {}),\n  };\n}\n\nasync function executeSandboxGraphQL<TData>(params: {\n  document: DocumentNode;\n  variables: Record<string, unknown>;\n  workspaceId: string;\n  authContext?: AssistantSandboxAuthContext;\n}): Promise<TData> {\n  const response = await fetch('/workspaces/graphql', {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(getGatewayRequestContext(params.workspaceId, params.authContext)?.headers ?? {}),\n    },\n    body: JSON.stringify({\n      query: print(params.document),\n      variables: params.variables,\n    }),\n  });\n\n  const result = (await response.json().catch(() => null)) as GraphQLResponse<TData> | null;\n\n  if (!response.ok) {\n    throw new Error(`Sandbox GraphQL HTTP ${response.status}`);\n  }\n\n  if (!result) {\n    throw new Error('Sandbox GraphQL returned empty response');\n  }\n\n  if (result.errors?.length) {\n    throw new Error(result.errors.map((error: { message: string }) => error.message).join(', '));\n  }\n\n  if (!result.data) {\n    throw new Error('Sandbox GraphQL returned no data');\n  }\n\n  return result.data;\n}\n\n// ── Find existing sandbox for a mode ───────────────────────────────\n\nexport async function findExistingSandbox(\n  _apollo: ApolloClient,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string | null> {\n  const data = await executeSandboxGraphQL<{\n    getActiveSandboxes: Array<{\n      id: string;\n      name: string;\n      status: string;\n      metadata: Record<string, unknown> | null;\n      template: string;\n      createdBy: string;\n    }>;\n  }>({\n    document: GetActiveSandboxesDocument,\n    variables: { context: buildSandboxContextInput(workspaceId, authContext) },\n    workspaceId,\n    authContext,\n  });\n  const sandboxes = data.getActiveSandboxes ?? [];\n\n  return (\n    sandboxes.find(\n      (s) =>\n        (s.status === 'RUNNING' || s.status === 'PROVISIONING' || s.status === 'PENDING') &&\n        s.template === 'AI_BUILDER' &&\n        resolveSandboxAssistantMode(s) === mode &&\n        (!authContext?.userId || s.createdBy === authContext.userId) &&\n        s.metadata?.authStrategy === ASSISTANT_API_AUTH_STRATEGY &&\n        s.metadata?.imageTag === getImageTagForMode(mode)\n    )?.id ?? null\n  );\n}\n\n// ── Sandbox lifecycle ──────────────────────────────────────────────\n\nexport async function createAssistantSandbox(\n  _apollo: ApolloClient,\n  mode: AssistantMode,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string> {\n  const resources = getResourcesForMode(mode);\n  const env = [\n    { name: 'AI_ASSISTANT_MODE', value: mode },\n    { name: 'HOSTNAME', value: '0.0.0.0' },\n    { name: 'WORKSPACE_ID', value: workspaceId },\n  ];\n\n  const data = await executeSandboxGraphQL<{ createSandbox: { id: string } }>({\n    document: CreateSandboxDocument,\n    variables: {\n      input: {\n        name: `ai-assistant-${mode}-${Date.now()}`,\n        description: `AI Assistant sandbox (${mode} mode)`,\n        template: 'AI_BUILDER',\n        mode: 'DEPLOYMENT',\n        containers: [\n          {\n            name: 'ai-assistant',\n            image: getImageForMode(mode),\n            ports: [{ containerPort: 80, name: 'http' }],\n            env,\n          },\n        ],\n        resources: {\n          cpuRequest: resources.cpuRequest,\n          cpuLimit: resources.cpuLimit,\n          memoryRequest: resources.memoryRequest,\n          memoryLimit: resources.memoryLimit,\n        },\n        ttlSeconds: 600,\n        metadata: {\n          assistantMode: mode,\n          assistantOwnerUserId: authContext?.userId ?? null,\n          assistantOrganizationId: authContext?.organizationId ?? null,\n          authStrategy: ASSISTANT_API_AUTH_STRATEGY,\n          imageTag: getImageTagForMode(mode),\n        },\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  if (!data?.createSandbox?.id) {\n    throw new Error('createSandbox returned empty response');\n  }\n  return data.createSandbox.id;\n}\n\nexport async function waitForSandboxReady(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 300_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const start = Date.now();\n  while (Date.now() - start < maxWaitMs) {\n    const data = await executeSandboxGraphQL<{\n      getSandbox: { status?: string; errorMessage?: string } | null;\n    }>({\n      document: GetSandboxDocument,\n      variables: { id: sandboxId, context: buildSandboxContextInput(workspaceId, authContext) },\n      workspaceId,\n      authContext,\n    });\n    const status = data?.getSandbox?.status;\n    const errorMessage = data?.getSandbox?.errorMessage as string | undefined;\n    if (status === 'RUNNING') return;\n    if (status === 'FAILED' || status === 'STOPPED' || status === 'EXPIRED') {\n      throw new Error(\n        errorMessage\n          ? `Sandbox ${status.toLowerCase()}: ${errorMessage}`\n          : `Sandbox ${status.toLowerCase()}`\n      );\n    }\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - start) / 1000));\n    onProgress?.(`Starting assistant environment... (${elapsedSeconds}s)`);\n    await new Promise((r) => setTimeout(r, 2000));\n  }\n  throw new Error('Sandbox startup timed out');\n}\n\n// ── Proxy calls to ai-assistant (via gateway → sandbox-svc) ───────\n\nasync function proxyToSandbox(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  path: string,\n  method: string,\n  body?: unknown,\n  authContext?: AssistantSandboxAuthContext\n): Promise<Record<string, unknown>> {\n  const result = await executeSandboxGraphQL<ProxyResponse>({\n    document: ProxySandboxRequestDocument,\n    variables: {\n      input: {\n        sandboxId,\n        path,\n        method,\n        body,\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  const proxyResult = result.proxySandboxRequest;\n  if (!proxyResult || proxyResult.status >= 400) {\n    const errBody = proxyResult?.body as Record<string, unknown> | undefined;\n    throw new Error(\n      (errBody?.error as string) ?? `Proxy error: ${proxyResult?.status ?? 'unknown'}`\n    );\n  }\n\n  return proxyResult.body;\n}\n\nexport async function waitForAssistantServiceReady(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 90_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const startedAt = Date.now();\n\n  while (Date.now() - startedAt < maxWaitMs) {\n    try {\n      await proxyToSandbox(\n        apollo,\n        sandboxId,\n        workspaceId,\n        '/health',\n        'GET',\n        undefined,\n        authContext\n      );\n      return;\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error);\n      if (\n        !/proxy error: 502|proxy error: 503|proxy error: 404|service not available/i.test(message)\n      ) {\n        throw error;\n      }\n    }\n\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAt) / 1000));\n    onProgress?.(`Connecting to assistant... (${elapsedSeconds}s)`);\n\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n  }\n\n  throw new Error('Assistant service did not become healthy before timeout');\n}\n\n// ── Session management ─────────────────────────────────────────────\n\nexport async function createAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<{ sessionId: string }> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    '/sessions',\n    'POST',\n    { mode },\n    authContext\n  );\n  const session = body.session as Record<string, unknown>;\n  return { sessionId: session.id as string };\n}\n\nexport async function getAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantSessionInfo> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}`,\n    'GET',\n    undefined,\n    authContext\n  );\n  const session = body.session as Record<string, unknown> | undefined;\n\n  return {\n    id: (session?.id as string | undefined) ?? sessionId,\n    mode: (body.mode as string | undefined) ?? 'unknown',\n  };\n}\n\n// ── Send prompt ────────────────────────────────────────────────────\n\nexport async function sendAssistantPrompt(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantPromptResult> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext\n      ? {\n          activeUrl: pageContext.activeUrl,\n          currentPage: pageContext.currentPage,\n          platform: pageContext.platform,\n          version: pageContext.version,\n          viewportSize: pageContext.viewportSize,\n        }\n      : undefined,\n  };\n\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt`,\n    'POST',\n    requestBody,\n    authContext\n  );\n\n  const message = body.message as Record<string, unknown> | undefined;\n  const tokens = message?.tokens as { input: number; output: number } | undefined;\n\n  return { response: body.text as string, tokens };\n}\n\nexport async function sendAssistantPromptAsync(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext ?? undefined,\n  };\n\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt-async`,\n    'POST',\n    requestBody,\n    authContext\n  );\n}\n\nexport async function getAssistantMessages(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext,\n  limit = 50\n): Promise<AssistantRawMessage[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/messages?limit=${limit}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return (body.messages as AssistantRawMessage[] | undefined) ?? [];\n}\n\nexport async function getAssistantArtifacts(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantArtifact[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return ((body.artifacts as AssistantArtifact[] | undefined) ?? []).filter(\n    (artifact) => !artifact.name.startsWith('.')\n  );\n}\n\nexport async function downloadAssistantArtifact(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  artifactPath: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<DownloadedAssistantArtifact> {\n  const encodedPath = encodeURIComponent(artifactPath);\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts/download?path=${encodedPath}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  const artifact = body.artifact as Record<string, unknown> | undefined;\n  if (!artifact) {\n    throw new Error('Artifact download returned an empty response');\n  }\n\n  return {\n    filename: artifact.filename as string,\n    mimeType: artifact.mimeType as string,\n    contentBase64: artifact.contentBase64 as string,\n  };\n}\n\n// ── Heartbeat ───────────────────────────────────────────────────────\n\nexport async function sendHeartbeat(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/heartbeat`,\n    'POST',\n    undefined,\n    authContext\n  );\n}\n\nexport async function extendAssistantSandboxTTL(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  additionalSeconds = 600,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await executeSandboxGraphQL<{ extendSandboxTTL: { id: string } }>({\n    document: ExtendSandboxTtlDocument,\n    variables: {\n      id: sandboxId,\n      additionalSeconds,\n      context: buildSandboxContextInput(workspaceId, authContext),\n    },\n    workspaceId,\n    authContext,\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"assistantApi.js","names":[],"sources":["../../src/services/assistantApi.ts"],"sourcesContent":["/**\n * AI Assistant API service.\n *\n * All requests go through the wspace-public-gateway (GraphQL Federation):\n *   Frontend → wspace-public-gateway → wspace-sandbox-svc → ai-assistant (K8s pod)\n *\n * Uses the host app's Apollo Client which already points to the gateway.\n */\n\nimport { type ApolloClient } from '@apollo/client';\nimport { print, type DocumentNode } from 'graphql';\nimport type { AssistantArtifact, AssistantMode } from '@/types/assistant';\nimport type { PageContext } from '@/utils/pageContext';\nimport {\n  CreateSandboxDocument,\n  GetSandboxDocument,\n  GetActiveSandboxesDocument,\n  ProxySandboxRequestDocument,\n  ExtendSandboxTtlDocument,\n} from '@/generated/wspace-operations';\n\n// ── Image registry ─────────────────────────────────────────────────\n\nconst HARBOR_REGISTRY = 'burdenoffregistry.azurecr.io';\nconst DEFAULT_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha';\nconst GENERAL_IMAGE_TAG = import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst VIBE_PLUGINS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-proxy-auth-v1';\nconst API_CALLS_IMAGE_TAG =\n  import.meta.env.VITE_APP_ENV === 'prod' ? 'prod' : 'alpha-delegated-auth-v11';\nconst ASSISTANT_API_AUTH_STRATEGY = 'sandbox-app-client-headers-v1';\n\nfunction getImageTagForMode(mode: AssistantMode): string {\n  switch (mode) {\n    case 'general':\n      return GENERAL_IMAGE_TAG;\n    case 'vibe-plugins':\n      return VIBE_PLUGINS_IMAGE_TAG;\n    case 'api-calls':\n      return API_CALLS_IMAGE_TAG;\n  }\n}\n\nfunction getImageForMode(mode: AssistantMode): string {\n  const imageTag =\n    mode === 'api-calls'\n      ? API_CALLS_IMAGE_TAG\n      : mode === 'general'\n        ? GENERAL_IMAGE_TAG\n        : VIBE_PLUGINS_IMAGE_TAG;\n  return `${HARBOR_REGISTRY}/wspace/ai-assistant-${mode}:${imageTag}`;\n}\n\nfunction getResourcesForMode(mode: AssistantMode): {\n  cpuRequest: string;\n  cpuLimit: string;\n  memoryRequest: string;\n  memoryLimit: string;\n} {\n  switch (mode) {\n    case 'general':\n      return {\n        cpuRequest: '100m',\n        cpuLimit: '500m',\n        memoryRequest: '256Mi',\n        memoryLimit: '1Gi',\n      };\n    case 'vibe-plugins':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n    case 'api-calls':\n      return {\n        cpuRequest: '150m',\n        cpuLimit: '750m',\n        memoryRequest: '384Mi',\n        memoryLimit: '1536Mi',\n      };\n  }\n}\n\nfunction resolveSandboxAssistantMode(sandbox: {\n  metadata: Record<string, unknown> | null;\n  name?: string | null;\n}): AssistantMode | null {\n  const metadataMode = sandbox.metadata?.assistantMode;\n  if (\n    metadataMode === 'general' ||\n    metadataMode === 'api-calls' ||\n    metadataMode === 'vibe-plugins'\n  ) {\n    return metadataMode;\n  }\n\n  const name = sandbox.name ?? '';\n  if (name.startsWith('ai-assistant-vibe-plugins-')) return 'vibe-plugins';\n  if (name.startsWith('ai-assistant-api-calls-')) return 'api-calls';\n  if (name.startsWith('ai-assistant-general-')) return 'general';\n  return null;\n}\n\n// ── GraphQL operations (colocated .graphql → generated DocumentNodes) ──\n\n// ── Types ───────────────────────────────────────────────────────────\n\nexport interface AssistantPromptResult {\n  response: string;\n  tokens?: { input: number; output: number };\n  artifacts?: AssistantArtifact[];\n}\n\nexport interface AssistantRawMessagePart {\n  type?: string;\n  text?: string;\n  tool?: string;\n  state?: {\n    status?: string;\n    input?: unknown;\n    output?: unknown;\n    raw?: unknown;\n  };\n}\n\nexport interface AssistantRawMessage {\n  info?: {\n    id?: string;\n    role?: string;\n    providerID?: string;\n    modelID?: string;\n    tokens?: { input: number; output: number };\n    time?: {\n      created?: number;\n      completed?: number;\n    };\n  };\n  parts?: AssistantRawMessagePart[];\n}\n\nexport interface AssistantSandboxAuthContext {\n  accessToken?: string | null;\n  workspaceToken?: string | null;\n  userId?: string | null;\n  organizationId?: string | null;\n}\n\nexport interface AssistantSessionInfo {\n  id: string;\n  mode: string;\n}\n\ninterface GraphQLResponse<TData> {\n  data?: TData;\n  errors?: Array<{ message: string }>;\n}\n\nexport interface DownloadedAssistantArtifact {\n  filename: string;\n  mimeType: string;\n  contentBase64: string;\n}\n\ninterface ProxyResponse {\n  proxySandboxRequest: {\n    status: number;\n    body: Record<string, unknown>;\n  };\n}\n\nfunction getGatewayRequestContext(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): { headers?: Record<string, string> } | undefined {\n  const headers: Record<string, string> = {};\n\n  if (authContext?.accessToken) {\n    headers.authorization = `Bearer ${authContext.accessToken}`;\n  }\n\n  if (authContext?.workspaceToken) {\n    headers['x-workspace-authorization'] = `Bearer ${authContext.workspaceToken}`;\n  }\n\n  if (workspaceId) {\n    headers['x-workspace-id'] = workspaceId;\n  }\n\n  if (authContext?.userId) {\n    headers['x-actor-id'] = authContext.userId;\n    headers['x-actor-type'] = 'user';\n  }\n\n  if (authContext?.organizationId) {\n    headers['x-org-id'] = authContext.organizationId;\n  }\n\n  return Object.keys(headers).length > 0 ? { headers } : undefined;\n}\n\nfunction buildSandboxContextInput(\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Record<string, unknown> {\n  return {\n    workspaceId,\n    ...(authContext?.organizationId\n      ? {\n          custom: {\n            organizationId: authContext.organizationId,\n          },\n        }\n      : {}),\n  };\n}\n\nasync function executeSandboxGraphQL<TData>(params: {\n  document: DocumentNode;\n  variables: Record<string, unknown>;\n  workspaceId: string;\n  authContext?: AssistantSandboxAuthContext;\n}): Promise<TData> {\n  const response = await fetch('/workspaces/graphql', {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      ...(getGatewayRequestContext(params.workspaceId, params.authContext)?.headers ?? {}),\n    },\n    body: JSON.stringify({\n      query: print(params.document),\n      variables: params.variables,\n    }),\n  });\n\n  const result = (await response.json().catch(() => null)) as GraphQLResponse<TData> | null;\n\n  if (!response.ok) {\n    throw new Error(`Sandbox GraphQL HTTP ${response.status}`);\n  }\n\n  if (!result) {\n    throw new Error('Sandbox GraphQL returned empty response');\n  }\n\n  if (result.errors?.length) {\n    throw new Error(result.errors.map((error: { message: string }) => error.message).join(', '));\n  }\n\n  if (!result.data) {\n    throw new Error('Sandbox GraphQL returned no data');\n  }\n\n  return result.data;\n}\n\n// ── Find existing sandbox for a mode ───────────────────────────────\n\nexport async function findExistingSandbox(\n  _apollo: ApolloClient,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string | null> {\n  const data = await executeSandboxGraphQL<{\n    getActiveSandboxes: Array<{\n      id: string;\n      name: string;\n      status: string;\n      metadata: Record<string, unknown> | null;\n      template: string;\n      createdBy: string;\n    }>;\n  }>({\n    document: GetActiveSandboxesDocument,\n    variables: { context: buildSandboxContextInput(workspaceId, authContext) },\n    workspaceId,\n    authContext,\n  });\n  const sandboxes = data.getActiveSandboxes ?? [];\n\n  return (\n    sandboxes.find(\n      (s) =>\n        (s.status === 'RUNNING' || s.status === 'PROVISIONING' || s.status === 'PENDING') &&\n        s.template === 'AI_BUILDER' &&\n        resolveSandboxAssistantMode(s) === mode &&\n        (!authContext?.userId || s.createdBy === authContext.userId) &&\n        s.metadata?.authStrategy === ASSISTANT_API_AUTH_STRATEGY &&\n        s.metadata?.imageTag === getImageTagForMode(mode)\n    )?.id ?? null\n  );\n}\n\n// ── Sandbox lifecycle ──────────────────────────────────────────────\n\nexport async function createAssistantSandbox(\n  _apollo: ApolloClient,\n  mode: AssistantMode,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<string> {\n  const resources = getResourcesForMode(mode);\n  const env = [\n    { name: 'AI_ASSISTANT_MODE', value: mode },\n    { name: 'HOSTNAME', value: '0.0.0.0' },\n    { name: 'WORKSPACE_ID', value: workspaceId },\n  ];\n\n  const data = await executeSandboxGraphQL<{ createSandbox: { id: string } }>({\n    document: CreateSandboxDocument,\n    variables: {\n      input: {\n        name: `ai-assistant-${mode}-${Date.now()}`,\n        description: `AI Assistant sandbox (${mode} mode)`,\n        template: 'AI_BUILDER',\n        mode: 'DEPLOYMENT',\n        containers: [\n          {\n            name: 'ai-assistant',\n            image: getImageForMode(mode),\n            ports: [{ containerPort: 80, name: 'http' }],\n            env,\n          },\n        ],\n        resources: {\n          cpuRequest: resources.cpuRequest,\n          cpuLimit: resources.cpuLimit,\n          memoryRequest: resources.memoryRequest,\n          memoryLimit: resources.memoryLimit,\n        },\n        ttlSeconds: 600,\n        metadata: {\n          assistantMode: mode,\n          assistantOwnerUserId: authContext?.userId ?? null,\n          assistantOrganizationId: authContext?.organizationId ?? null,\n          authStrategy: ASSISTANT_API_AUTH_STRATEGY,\n          imageTag: getImageTagForMode(mode),\n        },\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  if (!data?.createSandbox?.id) {\n    throw new Error('createSandbox returned empty response');\n  }\n  return data.createSandbox.id;\n}\n\nexport async function waitForSandboxReady(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 300_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const start = Date.now();\n  while (Date.now() - start < maxWaitMs) {\n    const data = await executeSandboxGraphQL<{\n      getSandbox: { status?: string; errorMessage?: string } | null;\n    }>({\n      document: GetSandboxDocument,\n      variables: { id: sandboxId, context: buildSandboxContextInput(workspaceId, authContext) },\n      workspaceId,\n      authContext,\n    });\n    const status = data?.getSandbox?.status;\n    const errorMessage = data?.getSandbox?.errorMessage as string | undefined;\n    if (status === 'RUNNING') return;\n    if (status === 'FAILED' || status === 'STOPPED' || status === 'EXPIRED') {\n      throw new Error(\n        errorMessage\n          ? `Sandbox ${status.toLowerCase()}: ${errorMessage}`\n          : `Sandbox ${status.toLowerCase()}`\n      );\n    }\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - start) / 1000));\n    onProgress?.(`Starting assistant environment... (${elapsedSeconds}s)`);\n    await new Promise((r) => setTimeout(r, 2000));\n  }\n  throw new Error('Sandbox startup timed out');\n}\n\n// ── Proxy calls to ai-assistant (via gateway → sandbox-svc) ───────\n\nasync function proxyToSandbox(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  path: string,\n  method: string,\n  body?: unknown,\n  authContext?: AssistantSandboxAuthContext\n): Promise<Record<string, unknown>> {\n  const result = await executeSandboxGraphQL<ProxyResponse>({\n    document: ProxySandboxRequestDocument,\n    variables: {\n      input: {\n        sandboxId,\n        path,\n        method,\n        body,\n        context: buildSandboxContextInput(workspaceId, authContext),\n      },\n    },\n    workspaceId,\n    authContext,\n  });\n\n  const proxyResult = result.proxySandboxRequest;\n  if (!proxyResult || proxyResult.status >= 400) {\n    const errBody = proxyResult?.body as Record<string, unknown> | undefined;\n    throw new Error(\n      (errBody?.error as string) ?? `Proxy error: ${proxyResult?.status ?? 'unknown'}`\n    );\n  }\n\n  return proxyResult.body;\n}\n\nexport async function waitForAssistantServiceReady(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  authContext?: AssistantSandboxAuthContext,\n  maxWaitMs = 90_000,\n  onProgress?: (message: string) => void\n): Promise<void> {\n  const startedAt = Date.now();\n\n  while (Date.now() - startedAt < maxWaitMs) {\n    try {\n      await proxyToSandbox(\n        apollo,\n        sandboxId,\n        workspaceId,\n        '/health',\n        'GET',\n        undefined,\n        authContext\n      );\n      return;\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error);\n      if (\n        !/proxy error: 502|proxy error: 503|proxy error: 404|service not available/i.test(message)\n      ) {\n        throw error;\n      }\n    }\n\n    const elapsedSeconds = Math.max(1, Math.round((Date.now() - startedAt) / 1000));\n    onProgress?.(`Connecting to assistant... (${elapsedSeconds}s)`);\n\n    await new Promise((resolve) => setTimeout(resolve, 2000));\n  }\n\n  throw new Error('Assistant service did not become healthy before timeout');\n}\n\n// ── Session management ─────────────────────────────────────────────\n\nexport async function createAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  mode: AssistantMode,\n  authContext?: AssistantSandboxAuthContext\n): Promise<{ sessionId: string }> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    '/sessions',\n    'POST',\n    { mode },\n    authContext\n  );\n  const session = body.session as Record<string, unknown>;\n  return { sessionId: session.id as string };\n}\n\nexport async function getAssistantSession(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantSessionInfo> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}`,\n    'GET',\n    undefined,\n    authContext\n  );\n  const session = body.session as Record<string, unknown> | undefined;\n\n  return {\n    id: (session?.id as string | undefined) ?? sessionId,\n    mode: (body.mode as string | undefined) ?? 'unknown',\n  };\n}\n\n// ── Send prompt ────────────────────────────────────────────────────\n\nexport async function sendAssistantPrompt(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantPromptResult> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext\n      ? {\n          activeUrl: pageContext.activeUrl,\n          currentPage: pageContext.currentPage,\n          platform: pageContext.platform,\n          version: pageContext.version,\n          viewportSize: pageContext.viewportSize,\n        }\n      : undefined,\n  };\n\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt`,\n    'POST',\n    requestBody,\n    authContext\n  );\n\n  const message = body.message as Record<string, unknown> | undefined;\n  const tokens = message?.tokens as { input: number; output: number } | undefined;\n\n  return { response: body.text as string, tokens };\n}\n\nexport async function sendAssistantPromptAsync(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  prompt: string,\n  mode: AssistantMode,\n  pageContext?: PageContext,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  const requestBody = {\n    mode,\n    prompt,\n    pageContext: pageContext ?? undefined,\n  };\n\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/prompt-async`,\n    'POST',\n    requestBody,\n    authContext\n  );\n}\n\nexport async function getAssistantMessages(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext,\n  limit = 50\n): Promise<AssistantRawMessage[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/messages?limit=${limit}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return (body.messages as AssistantRawMessage[] | undefined) ?? [];\n}\n\nexport async function getAssistantArtifacts(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<AssistantArtifact[]> {\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  return ((body.artifacts as AssistantArtifact[] | undefined) ?? []).filter(\n    (artifact) => !artifact.name.startsWith('.')\n  );\n}\n\nexport async function downloadAssistantArtifact(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  artifactPath: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<DownloadedAssistantArtifact> {\n  const encodedPath = encodeURIComponent(artifactPath);\n  const body = await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/artifacts/download?path=${encodedPath}`,\n    'GET',\n    undefined,\n    authContext\n  );\n\n  const artifact = body.artifact as Record<string, unknown> | undefined;\n  if (!artifact) {\n    throw new Error('Artifact download returned an empty response');\n  }\n\n  return {\n    filename: artifact.filename as string,\n    mimeType: artifact.mimeType as string,\n    contentBase64: artifact.contentBase64 as string,\n  };\n}\n\n// ── Heartbeat ───────────────────────────────────────────────────────\n\nexport async function sendHeartbeat(\n  apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  sessionId: string,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await proxyToSandbox(\n    apollo,\n    sandboxId,\n    workspaceId,\n    `/sessions/${sessionId}/heartbeat`,\n    'POST',\n    undefined,\n    authContext\n  );\n}\n\nexport async function extendAssistantSandboxTTL(\n  _apollo: ApolloClient,\n  sandboxId: string,\n  workspaceId: string,\n  additionalSeconds = 600,\n  authContext?: AssistantSandboxAuthContext\n): Promise<void> {\n  await executeSandboxGraphQL<{ extendSandboxTTL: { id: string } }>({\n    document: ExtendSandboxTtlDocument,\n    variables: {\n      id: sandboxId,\n      additionalSeconds,\n      context: buildSandboxContextInput(workspaceId, authContext),\n    },\n    workspaceId,\n    authContext,\n  });\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-vibecontrols",
-  "version": "2026.514.5",
+  "version": "2026.515.1",
   "description": "VibeControls microfrontend for Burdenoff products",
   "type": "module",
   "files": [