@burdenoff/microfe-vibecontrols 2026.601.21 → 2026.601.23

package/dist/components/ai/AIContextsTab.js

@@ -6,12 +6,14 @@ import { EmptyState as i } from "../shared/EmptyState.js";
 import { Card as a } from "../shared/Card.js";
 import { SelectionCheckbox as o } from "../shared/SelectionCheckbox.js";
 import "../shared/index.js";
-import { createContext as s, deleteContext as c, fetchContexts as l, updateContext as ee } from "../../services/aiApi.js";
-import { useCallback as u, useEffect as d, useMemo as f, useState as p } from "react";
-import { FileText as m, Pencil as h, Plus as g, Trash2 as _, X as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EntityShareButton as ee } from "../sharing/EntityShareButton.js";
+import "../sharing/index.js";
+import { createContext as s, deleteContext as c, fetchContexts as l, updateContext as u } from "../../services/aiApi.js";
+import { useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
+import { FileText as h, Pencil as g, Plus as _, Trash2 as v, X as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/ai/AIContextsTab.tsx
-var x = [
+var S = [
 	{
 		value: "all",
 		label: "All Types"
@@ -36,216 +38,227 @@ var x = [
 		value: "custom",
 		label: "Custom"
 	}
-], S = {
+], C = {
 	name: "",
 	type: "custom",
 	content: "",
 	tags: []
 };
-function C({ agent: C }) {
-	let w = e(), [T, E] = p([]), [te, D] = p(!0), [O, k] = p(null), [A, j] = p("all"), [M, N] = p(!1), [P, F] = p(null), [I, L] = p(S), [R, z] = p(""), [B, V] = p(!1), [H, U] = p([]), [W, G] = p(!1), [K, q] = p(/* @__PURE__ */ new Set()), J = u(async () => {
-		D(!0), k(null);
+function w({ agent: w }) {
+	let T = e(), [E, te] = m([]), [D, O] = m(!0), [k, A] = m(null), [j, M] = m("all"), [N, P] = m(!1), [F, I] = m(null), [L, R] = m(C), [z, B] = m(""), [V, H] = m(!1), [U, W] = m([]), [G, K] = m(!1), [q, J] = m(/* @__PURE__ */ new Set()), Y = d(async () => {
+		O(!0), A(null);
 		try {
 			let e = {};
-			A !== "all" && (e.type = A), E(await l(C, e));
+			j !== "all" && (e.type = j), te(await l(w, e));
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Failed to load contexts");
+			A(e instanceof Error ? e.message : "Failed to load contexts");
 		} finally {
-			D(!1);
+			O(!1);
 		}
-	}, [C, A]);
-	d(() => {
-		J();
-	}, [J]);
-	let Y = f(() => T.filter((e) => K.has(e.id)), [T, K]), X = T.length > 0 && T.every((e) => K.has(e.id)), Z = T.some((e) => K.has(e.id)) && !X, Q = () => {
-		F(null), L(S), z(""), N(!0);
-	}, ne = (e) => {
-		F(e.id), L({
+	}, [w, j]);
+	f(() => {
+		Y();
+	}, [Y]);
+	let X = p(() => E.filter((e) => q.has(e.id)), [E, q]), Z = E.length > 0 && E.every((e) => q.has(e.id)), ne = E.some((e) => q.has(e.id)) && !Z, Q = () => {
+		I(null), R(C), B(""), P(!0);
+	}, re = (e) => {
+		I(e.id), R({
 			name: e.name,
 			type: e.type,
 			content: e.content,
 			tags: e.tags ?? []
-		}), z(""), N(!0);
-	}, re = async () => {
-		V(!0);
+		}), B(""), P(!0);
+	}, ie = async () => {
+		H(!0);
 		try {
-			P ? await ee(C, P, I) : await s(C, I), N(!1), await J();
+			F ? await u(w, F, L) : await s(w, L), P(!1), await Y();
 		} catch (e) {
 			console.error("Failed to save context:", e);
 		} finally {
-			V(!1);
+			H(!1);
 		}
-	}, ie = async () => {
-		if (H.length !== 0) {
-			G(!0);
+	}, ae = async () => {
+		if (U.length !== 0) {
+			K(!0);
 			try {
-				await Promise.allSettled(H.map((e) => c(C, e))), q((e) => {
+				await Promise.allSettled(U.map((e) => c(w, e))), J((e) => {
 					let t = new Set(e);
-					return H.forEach((e) => t.delete(e)), t;
-				}), U([]), await J();
+					return U.forEach((e) => t.delete(e)), t;
+				}), W([]), await Y();
 			} catch (e) {
 				console.error("Failed to delete context:", e);
 			} finally {
-				G(!1);
+				K(!1);
 			}
 		}
 	}, $ = () => {
-		let e = R.trim();
-		e && !I.tags.includes(e) && L((t) => ({
+		let e = z.trim();
+		e && !L.tags.includes(e) && R((t) => ({
 			...t,
 			tags: [...t.tags, e]
-		})), z("");
-	}, ae = (e) => {
-		L((t) => ({
+		})), B("");
+	}, oe = (e) => {
+		R((t) => ({
 			...t,
 			tags: t.tags.filter((t) => t !== e)
 		}));
-	}, oe = (e, t) => {
-		q((n) => {
+	}, se = (e, t) => {
+		J((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
 	};
-	return te ? /* @__PURE__ */ y(n, { message: w("vibecontrols.ai.contexts.loading", "Loading contexts...") }) : O ? /* @__PURE__ */ y(r, {
-		title: w("vibecontrols.ai.contexts.loadFailed", "Failed to load contexts"),
-		message: O,
-		onRetry: J
-	}) : /* @__PURE__ */ b("div", {
+	return D ? /* @__PURE__ */ b(n, { message: T("vibecontrols.ai.contexts.loading", "Loading contexts...") }) : k ? /* @__PURE__ */ b(r, {
+		title: T("vibecontrols.ai.contexts.loadFailed", "Failed to load contexts"),
+		message: k,
+		onRetry: Y
+	}) : /* @__PURE__ */ x("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-col sm:flex-row items-stretch sm:items-center gap-2",
 				children: [
-					/* @__PURE__ */ y("select", {
-						value: A,
-						onChange: (e) => j(e.target.value),
+					/* @__PURE__ */ b("select", {
+						value: j,
+						onChange: (e) => M(e.target.value),
 						className: "px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm",
-						children: x.map((e) => /* @__PURE__ */ y("option", {
+						children: S.map((e) => /* @__PURE__ */ b("option", {
 							value: e.value,
 							children: e.label
 						}, e.value))
 					}),
-					/* @__PURE__ */ y("div", { className: "flex-1" }),
-					/* @__PURE__ */ b("button", {
+					/* @__PURE__ */ b("div", { className: "flex-1" }),
+					/* @__PURE__ */ x("button", {
 						type: "button",
 						onClick: Q,
 						className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors text-sm",
-						children: [/* @__PURE__ */ y(g, { className: "size-4" }), w("vibecontrols.ai.contexts.newContext", "New Context")]
+						children: [/* @__PURE__ */ b(_, { className: "size-4" }), T("vibecontrols.ai.contexts.newContext", "New Context")]
 					})
 				]
 			}),
-			T.length > 0 && /* @__PURE__ */ y("div", {
+			E.length > 0 && /* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ y(o, {
-								checked: X,
-								indeterminate: Z,
+							children: [/* @__PURE__ */ b(o, {
+								checked: Z,
+								indeterminate: ne,
 								onChange: (e) => {
-									q((t) => {
+									J((t) => {
 										let n = new Set(t);
-										return T.forEach((t) => {
+										return E.forEach((t) => {
 											e ? n.add(t.id) : n.delete(t.id);
 										}), n;
 									});
 								},
 								ariaLabel: "Select all visible contexts"
-							}), /* @__PURE__ */ y("span", {
+							}), /* @__PURE__ */ b("span", {
 								className: "text-sm font-medium text-text-primary",
-								children: w("vibecontrols.ai.contexts.selectAllVisible", "Select all visible")
+								children: T("vibecontrols.ai.contexts.selectAllVisible", "Select all visible")
 							})]
-						}), K.size > 0 && /* @__PURE__ */ y("button", {
+						}), q.size > 0 && /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => q(/* @__PURE__ */ new Set()),
+							onClick: () => J(/* @__PURE__ */ new Set()),
 							className: "text-sm text-text-secondary hover:text-text-primary",
-							children: w("vibecontrols.ai.contexts.clearSelection", "Clear selection")
+							children: T("vibecontrols.ai.contexts.clearSelection", "Clear selection")
 						})]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex flex-wrap items-center gap-2",
-						children: [/* @__PURE__ */ b("span", {
+						children: [/* @__PURE__ */ x("span", {
 							className: "rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary",
 							children: [
-								K.size,
+								q.size,
 								" ",
-								w("vibecontrols.ai.contexts.selected", "selected")
+								T("vibecontrols.ai.contexts.selected", "selected")
 							]
-						}), /* @__PURE__ */ b("button", {
+						}), /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => U(Y.map((e) => e.id)),
-							disabled: Y.length === 0,
+							onClick: () => W(X.map((e) => e.id)),
+							disabled: X.length === 0,
 							className: "rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50",
-							children: [w("vibecontrols.ai.contexts.deleteSelected", "Delete Selected"), Y.length > 0 ? ` (${Y.length})` : ""]
+							children: [T("vibecontrols.ai.contexts.deleteSelected", "Delete Selected"), X.length > 0 ? ` (${X.length})` : ""]
 						})]
 					})]
 				})
 			}),
-			T.length === 0 ? /* @__PURE__ */ y(i, {
-				icon: /* @__PURE__ */ y(m, { className: "size-8 text-text-secondary" }),
-				title: w("vibecontrols.ai.contexts.emptyTitle", "No contexts yet"),
-				description: w("vibecontrols.ai.contexts.emptyDescription", "Create contexts to provide additional information to your AI sessions"),
-				action: /* @__PURE__ */ b("button", {
+			E.length === 0 ? /* @__PURE__ */ b(i, {
+				icon: /* @__PURE__ */ b(h, { className: "size-8 text-text-secondary" }),
+				title: T("vibecontrols.ai.contexts.emptyTitle", "No contexts yet"),
+				description: T("vibecontrols.ai.contexts.emptyDescription", "Create contexts to provide additional information to your AI sessions"),
+				action: /* @__PURE__ */ x("button", {
 					type: "button",
 					onClick: Q,
 					className: "flex items-center gap-2 px-4 py-2 bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
-					children: [/* @__PURE__ */ y(g, { className: "size-4" }), w("vibecontrols.ai.contexts.newContext", "New Context")]
+					children: [/* @__PURE__ */ b(_, { className: "size-4" }), T("vibecontrols.ai.contexts.newContext", "New Context")]
 				})
-			}) : /* @__PURE__ */ y("div", {
+			}) : /* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: T.map((e) => /* @__PURE__ */ b(a, {
-					className: `p-4 ${K.has(e.id) ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : ""}`,
+				children: E.map((e) => /* @__PURE__ */ x(a, {
+					className: `p-4 ${q.has(e.id) ? "border-action-primary-bg ring-1 ring-action-primary-bg/25" : ""}`,
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ b("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "flex items-start gap-3 min-w-0 flex-1",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ b("div", {
 									onClick: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ y(o, {
-										checked: K.has(e.id),
-										onChange: (t) => oe(e.id, t),
+									children: /* @__PURE__ */ b(o, {
+										checked: q.has(e.id),
+										onChange: (t) => se(e.id, t),
 										ariaLabel: `Select context ${e.name}`
 									})
-								}), /* @__PURE__ */ y("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "min-w-0 flex-1",
-									children: /* @__PURE__ */ b("div", {
+									children: /* @__PURE__ */ x("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ y("h4", {
+										children: [/* @__PURE__ */ b("h4", {
 											className: "font-semibold text-text-primary truncate",
 											children: e.name
-										}), /* @__PURE__ */ y("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-action-primary-bg rounded",
 											children: e.type
 										})]
 									})
 								})]
-							}), /* @__PURE__ */ b("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-1 flex-shrink-0",
-								children: [/* @__PURE__ */ y("button", {
-									type: "button",
-									onClick: () => ne(e),
-									className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
-									title: "Edit",
-									children: /* @__PURE__ */ y(h, { className: "size-3.5 text-text-secondary" })
-								}), /* @__PURE__ */ y("button", {
-									type: "button",
-									onClick: () => U([e.id]),
-									className: "p-1.5 hover:bg-status-error-bg rounded-md transition-colors",
-									title: "Delete",
-									children: /* @__PURE__ */ y(_, { className: "size-3.5 text-status-error-text" })
-								})]
+								children: [
+									/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => re(e),
+										className: "p-1.5 hover:bg-bg-sunken rounded-md transition-colors",
+										title: "Edit",
+										children: /* @__PURE__ */ b(g, { className: "size-3.5 text-text-secondary" })
+									}),
+									/* @__PURE__ */ b(ee, {
+										entity: "aicontext",
+										resource: {
+											id: e.id,
+											name: e.name
+										},
+										label: T("vibecontrols.ai.contexts.share", "Share")
+									}),
+									/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => W([e.id]),
+										className: "p-1.5 hover:bg-status-error-bg rounded-md transition-colors",
+										title: "Delete",
+										children: /* @__PURE__ */ b(v, { className: "size-3.5 text-status-error-text" })
+									})
+								]
 							})]
 						}),
-						/* @__PURE__ */ y("pre", {
+						/* @__PURE__ */ b("pre", {
 							className: "mt-2 text-xs text-text-secondary bg-bg-sunken rounded p-2 max-h-20 overflow-auto whitespace-pre-wrap",
 							children: e.content
 						}),
-						e.tags.length > 0 && /* @__PURE__ */ y("div", {
+						e.tags.length > 0 && /* @__PURE__ */ b("div", {
 							className: "mt-2 flex flex-wrap gap-1",
-							children: e.tags.map((e) => /* @__PURE__ */ y("span", {
+							children: e.tags.map((e) => /* @__PURE__ */ b("span", {
 								className: "px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
 								children: e
 							}, e))
@@ -253,145 +266,145 @@ function C({ agent: C }) {
 					]
 				}, e.id))
 			}),
-			M && /* @__PURE__ */ y("div", {
+			N && /* @__PURE__ */ b("div", {
 				role: "button",
 				tabIndex: 0,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), N(!1));
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), P(!1));
 				},
 				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
-				onClick: () => N(!1),
-				children: /* @__PURE__ */ b("div", {
+				onClick: () => P(!1),
+				children: /* @__PURE__ */ x("div", {
 					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto p-6",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ y("h3", {
+							children: [/* @__PURE__ */ b("h3", {
 								className: "text-lg font-semibold text-text-primary",
-								children: P ? w("vibecontrols.ai.contexts.editContext", "Edit Context") : w("vibecontrols.ai.contexts.newContext", "New Context")
-							}), /* @__PURE__ */ y("button", {
+								children: F ? T("vibecontrols.ai.contexts.editContext", "Edit Context") : T("vibecontrols.ai.contexts.newContext", "New Context")
+							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => N(!1),
+								onClick: () => P(!1),
 								className: "p-1 hover:bg-bg-sunken rounded-md",
-								children: /* @__PURE__ */ y(v, { className: "size-4 text-text-secondary" })
+								children: /* @__PURE__ */ b(y, { className: "size-4 text-text-secondary" })
 							})]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("vibecontrols.ai.contexts.name", "Name")
-								}), /* @__PURE__ */ y("input", {
+									children: T("vibecontrols.ai.contexts.name", "Name")
+								}), /* @__PURE__ */ b("input", {
 									"aria-label": "control",
 									type: "text",
-									value: I.name,
-									onChange: (e) => L({
-										...I,
+									value: L.name,
+									onChange: (e) => R({
+										...L,
 										name: e.target.value
 									}),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm focus:outline-none focus:border-border-strong",
-									placeholder: w("vibecontrols.ai.contexts.namePlaceholder", "Context name")
+									placeholder: T("vibecontrols.ai.contexts.namePlaceholder", "Context name")
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("vibecontrols.ai.contexts.type", "Type")
-								}), /* @__PURE__ */ y("select", {
-									value: I.type,
-									onChange: (e) => L({
-										...I,
+									children: T("vibecontrols.ai.contexts.type", "Type")
+								}), /* @__PURE__ */ b("select", {
+									value: L.type,
+									onChange: (e) => R({
+										...L,
 										type: e.target.value
 									}),
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm",
-									children: x.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ y("option", {
+									children: S.filter((e) => e.value !== "all").map((e) => /* @__PURE__ */ b("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))
 								})] }),
-								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: w("vibecontrols.ai.contexts.content", "Content")
-								}), /* @__PURE__ */ y("textarea", {
+									children: T("vibecontrols.ai.contexts.content", "Content")
+								}), /* @__PURE__ */ b("textarea", {
 									"aria-label": "control",
-									value: I.content,
-									onChange: (e) => L({
-										...I,
+									value: L.content,
+									onChange: (e) => R({
+										...L,
 										content: e.target.value
 									}),
 									rows: 8,
 									className: "w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm font-mono focus:outline-none focus:border-border-strong",
-									placeholder: w("vibecontrols.ai.contexts.contentPlaceholder", "Context content...")
+									placeholder: T("vibecontrols.ai.contexts.contentPlaceholder", "Context content...")
 								})] }),
-								/* @__PURE__ */ b("div", { children: [
-									/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", { children: [
+									/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-primary mb-1",
-										children: w("vibecontrols.ai.contexts.tags", "Tags")
+										children: T("vibecontrols.ai.contexts.tags", "Tags")
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "flex flex-wrap gap-1 mb-2",
-										children: I.tags.map((e) => /* @__PURE__ */ b("span", {
+										children: L.tags.map((e) => /* @__PURE__ */ x("span", {
 											className: "flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-primary rounded",
-											children: [e, /* @__PURE__ */ y("button", {
+											children: [e, /* @__PURE__ */ b("button", {
 												type: "button",
-												onClick: () => ae(e),
-												children: /* @__PURE__ */ y(v, { className: "size-3 text-text-secondary hover:text-status-error-text" })
+												onClick: () => oe(e),
+												children: /* @__PURE__ */ b(y, { className: "size-3 text-text-secondary hover:text-status-error-text" })
 											})]
 										}, e))
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex gap-2",
-										children: [/* @__PURE__ */ y("input", {
+										children: [/* @__PURE__ */ b("input", {
 											"aria-label": "control",
 											type: "text",
-											value: R,
-											onChange: (e) => z(e.target.value),
+											value: z,
+											onChange: (e) => B(e.target.value),
 											onKeyDown: (e) => {
 												e.key === "Enter" && (e.preventDefault(), $());
 											},
 											className: "flex-1 px-3 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong",
-											placeholder: w("vibecontrols.ai.contexts.addTagPlaceholder", "Add a tag...")
-										}), /* @__PURE__ */ y("button", {
+											placeholder: T("vibecontrols.ai.contexts.addTagPlaceholder", "Add a tag...")
+										}), /* @__PURE__ */ b("button", {
 											type: "button",
 											onClick: $,
 											className: "px-3 py-1.5 text-xs bg-bg-sunken border border-border-default rounded hover:bg-bg-surface transition-colors",
-											children: w("vibecontrols.ai.contexts.add", "Add")
+											children: T("vibecontrols.ai.contexts.add", "Add")
 										})]
 									})
 								] })
 							]
 						}),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex justify-end gap-2 mt-6",
-							children: [/* @__PURE__ */ y("button", {
+							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => N(!1),
+								onClick: () => P(!1),
 								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
-								children: w("vibecontrols.ai.contexts.cancel", "Cancel")
-							}), /* @__PURE__ */ y("button", {
+								children: T("vibecontrols.ai.contexts.cancel", "Cancel")
+							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: re,
-								disabled: B || !I.name || !I.content,
+								onClick: ie,
+								disabled: V || !L.name || !L.content,
 								className: "px-4 py-2 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-								children: B ? w("vibecontrols.ai.contexts.saving", "Saving...") : P ? w("vibecontrols.ai.contexts.update", "Update") : w("vibecontrols.ai.contexts.create", "Create")
+								children: V ? T("vibecontrols.ai.contexts.saving", "Saving...") : F ? T("vibecontrols.ai.contexts.update", "Update") : T("vibecontrols.ai.contexts.create", "Create")
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ y(t, {
-				isOpen: H.length > 0,
-				title: H.length > 1 ? "Delete Contexts" : "Delete Context",
-				message: H.length > 1 ? `Are you sure you want to delete ${H.length} selected contexts? This action cannot be undone.` : "Are you sure you want to delete this context? This action cannot be undone.",
-				confirmLabel: W ? "Deleting..." : "Delete",
+			/* @__PURE__ */ b(t, {
+				isOpen: U.length > 0,
+				title: U.length > 1 ? "Delete Contexts" : "Delete Context",
+				message: U.length > 1 ? `Are you sure you want to delete ${U.length} selected contexts? This action cannot be undone.` : "Are you sure you want to delete this context? This action cannot be undone.",
+				confirmLabel: G ? "Deleting..." : "Delete",
 				variant: "danger",
-				onConfirm: ie,
-				onClose: () => U([])
+				onConfirm: ae,
+				onClose: () => W([])
 			})
 		]
 	});
 }
 //#endregion
-export { C as AIContextsTab };
+export { w as AIContextsTab };
 
 //# sourceMappingURL=AIContextsTab.js.map