@burdenoff/microfe-vibecontrols 2026.830.1 → 2026.905.2

package/dist/components/assistant/AIAssistantPanel.js

@@ -1,73 +1,40 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useAssistantStore as t } from "../../store/assistantStore.js";
-import { useAssistantKeyboardShortcuts as n } from "../../hooks/useAssistantKeyboardShortcuts.js";
-import { useAssistantHeartbeat as r } from "../../hooks/useAssistantHeartbeat.js";
-import { AssistantChatArea as i } from "./AssistantChatArea.js";
-import { AiCreditsMeter as a } from "./AiCreditsMeter.js";
-import { AssistantConversationList as o } from "./AssistantConversationList.js";
-import { AssistantExportMenu as s } from "./AssistantExportMenu.js";
-import { useRef as c } from "react";
-import { Eraser as l, MessageSquare as u, X as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ASSISTANT_MODES as e } from "../../types/assistant.js";
+import { PRODUCT as t, reportAssistantTokenUsage as n } from "../../services/assistantApi.js";
+import { useWorkspaceWriteAccess as r } from "../../hooks/useWorkspaceWriteAccess.js";
+import { describeCurrentPage as i, gatherPageContext as a } from "../../utils/pageContext.js";
+import { buildPromptForMode as o } from "../../utils/assistantPrompt.js";
+import { AiCreditsMeter as s } from "./AiCreditsMeter.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { AIAssistantPanel as u } from "@burdenoff/fe-libs/shared/assistant/ui/AIAssistantPanel";
+import { AssistantProductProvider as d } from "@burdenoff/fe-libs/shared/assistant/product";
+import { getActorId as f, getWorkspaceId as p } from "@burdenoff/fe-libs/shared/assistant/context";
 //#region src/components/assistant/AIAssistantPanel.tsx
-var m = ({ onClose: m, visible: h }) => {
-	let g = e(), _ = c(null), { conversations: v, activeConversationId: y, conversationListOpen: b, toggleConversationList: x, clearConversation: S } = t(), C = v.find((e) => e.id === y);
-	r(C?.backendSessionId ?? null, C?.mode ?? null, h ?? !0);
-	let w = (C?.messages.length ?? 0) > 0;
-	return n({
-		panelRef: _,
-		onClose: m
-	}), /* @__PURE__ */ p("div", {
-		ref: _,
-		className: "flex flex-col h-full w-full bg-bg-surface relative",
-		role: "complementary",
-		"aria-label": g("vibecontrols.assistant.panel.ariaLabel", "AI Assistant"),
-		"data-testid": "ai-assistant-panel",
-		tabIndex: -1,
-		children: [
-			/* @__PURE__ */ p("div", {
-				className: "flex items-center justify-between px-3 py-2 border-b border-border-default bg-bg-elevated flex-shrink-0",
-				children: [/* @__PURE__ */ p("div", {
-					className: "flex items-center gap-2 min-w-0",
-					children: [/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: x,
-						className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-						"aria-label": g("vibecontrols.assistant.panel.toggleList", "Toggle conversation list"),
-						"data-testid": "toggle-conversation-list",
-						children: /* @__PURE__ */ f(u, { className: "size-3.5 text-text-secondary" })
-					}), /* @__PURE__ */ f("span", {
-						className: "text-xs font-semibold text-text-primary truncate",
-						children: C?.title ?? g("vibecontrols.assistant.panel.title", "AI Assistant")
-					})]
-				}), /* @__PURE__ */ p("div", {
-					className: "flex items-center gap-0.5 flex-shrink-0",
-					children: [
-						w && /* @__PURE__ */ f("button", {
-							type: "button",
-							onClick: () => y && S(y),
-							className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-							"aria-label": g("vibecontrols.assistant.panel.clearConversation", "Clear conversation"),
-							children: /* @__PURE__ */ f(l, { className: "size-3.5 text-text-secondary" })
-						}),
-						/* @__PURE__ */ f(s, {}),
-						/* @__PURE__ */ f("button", {
-							type: "button",
-							onClick: m,
-							className: "p-1 hover:bg-bg-sunken rounded transition-colors md:hidden",
-							"aria-label": g("vibecontrols.assistant.panel.close", "Close assistant"),
-							children: /* @__PURE__ */ f(d, { className: "size-3.5 text-text-secondary" })
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ f(a, {}),
-			b && /* @__PURE__ */ f(o, {}),
-			/* @__PURE__ */ f(i, {})
-		]
+var m = {
+	attachments: "/VibeControls/AI Assistant/Attachments",
+	artifacts: "/VibeControls/AI Assistant/Artifacts"
+}, h = (h) => {
+	let g = r(f(), p() || null);
+	return /* @__PURE__ */ c(d, {
+		product: t,
+		modes: e,
+		describeCurrentPage: i,
+		gatherPageContext: a,
+		buildPrompt: o,
+		reportTokenUsage: n,
+		storageFolders: m,
+		children: /* @__PURE__ */ l("div", {
+			className: "flex flex-col h-full w-full min-h-0",
+			children: [/* @__PURE__ */ c(s, {}), /* @__PURE__ */ c("div", {
+				className: "flex-1 min-h-0",
+				children: /* @__PURE__ */ c(u, {
+					...h,
+					writeAccess: g
+				})
+			})]
+		})
 	});
 };
 //#endregion
-export { m as AIAssistantPanel };
+export { h as AIAssistantPanel };
 
 //# sourceMappingURL=AIAssistantPanel.js.map

package/dist/components/assistant/AIAssistantPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIAssistantPanel.js","names":[],"sources":["../../../src/components/assistant/AIAssistantPanel.tsx"],"sourcesContent":["/**\n * AI Assistant Panel — top-level component for the right-pane assistant.\n *\n * Receives PanelProps from the plugin panel system. Orchestrates the\n * conversation list, chat area, and export menu.\n *\n * Responsive behavior:\n * - Desktop (>= 768px): Renders inline within PanelContainer (right panel)\n * - Mobile (< 768px): Panel container handles sizing; panel fills available space\n */\n\nimport { useRef, type FC } from 'react';\nimport { MessageSquare, Eraser, X } from 'lucide-react';\nimport type { PanelProps } from '@burdenoff/fe-libs/shared/plugins';\nimport { useAssistantStore } from '@/store/assistantStore';\nimport { useAssistantKeyboardShortcuts } from '@/hooks/useAssistantKeyboardShortcuts';\nimport { useAssistantHeartbeat } from '@/hooks/useAssistantHeartbeat';\nimport { AssistantChatArea } from './AssistantChatArea';\nimport { AiCreditsMeter } from './AiCreditsMeter';\nimport { AssistantConversationList } from './AssistantConversationList';\nimport { AssistantExportMenu } from './AssistantExportMenu';\nimport { useTr } from '../../shared/hooks/useTr';\n\nexport const AIAssistantPanel: FC<PanelProps> = ({ onClose, visible }) => {\n  const tr = useTr();\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const {\n    conversations,\n    activeConversationId,\n    conversationListOpen,\n    toggleConversationList,\n    clearConversation,\n  } = useAssistantStore();\n\n  const activeConversation = conversations.find((c) => c.id === activeConversationId);\n  const activeSessionId = activeConversation?.backendSessionId ?? null;\n\n  // Keep sandbox alive while panel is open\n  useAssistantHeartbeat(activeSessionId, activeConversation?.mode ?? null, visible ?? true);\n\n  const hasMessages = (activeConversation?.messages.length ?? 0) > 0;\n\n  useAssistantKeyboardShortcuts({\n    panelRef,\n    onClose,\n  });\n\n  return (\n    <div\n      ref={panelRef}\n      className=\"flex flex-col h-full w-full bg-bg-surface relative\"\n      role=\"complementary\"\n      aria-label={tr('vibecontrols.assistant.panel.ariaLabel', 'AI Assistant')}\n      data-testid=\"ai-assistant-panel\"\n      tabIndex={-1}\n    >\n      {/* Panel header */}\n      <div className=\"flex items-center justify-between px-3 py-2 border-b border-border-default bg-bg-elevated flex-shrink-0\">\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <button\n            type=\"button\"\n            onClick={toggleConversationList}\n            className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n            aria-label={tr('vibecontrols.assistant.panel.toggleList', 'Toggle conversation list')}\n            data-testid=\"toggle-conversation-list\"\n          >\n            <MessageSquare className=\"size-3.5 text-text-secondary\" />\n          </button>\n          <span className=\"text-xs font-semibold text-text-primary truncate\">\n            {activeConversation?.title ?? tr('vibecontrols.assistant.panel.title', 'AI Assistant')}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-0.5 flex-shrink-0\">\n          {hasMessages && (\n            <button\n              type=\"button\"\n              onClick={() => activeConversationId && clearConversation(activeConversationId)}\n              className=\"p-1 hover:bg-bg-sunken rounded transition-colors\"\n              aria-label={tr(\n                'vibecontrols.assistant.panel.clearConversation',\n                'Clear conversation'\n              )}\n            >\n              <Eraser className=\"size-3.5 text-text-secondary\" />\n            </button>\n          )}\n          <AssistantExportMenu />\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"p-1 hover:bg-bg-sunken rounded transition-colors md:hidden\"\n            aria-label={tr('vibecontrols.assistant.panel.close', 'Close assistant')}\n          >\n            <X className=\"size-3.5 text-text-secondary\" />\n          </button>\n        </div>\n      </div>\n\n      {/* Live AI-credits usage meter (hidden when there's no quota to show) */}\n      <AiCreditsMeter />\n\n      {/* Conversation list overlay */}\n      {conversationListOpen && <AssistantConversationList />}\n\n      {/* Chat area */}\n      <AssistantChatArea />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAa,KAAoC,EAAE,YAAS,iBAAc;CACxE,IAAM,IAAK,GAAO,EACZ,IAAW,EAAuB,KAAK,EAEvC,EACJ,kBACA,yBACA,yBACA,2BACA,yBACE,GAAmB,EAEjB,IAAqB,EAAc,MAAM,MAAM,EAAE,OAAO,EAAqB;AAInF,GAHwB,GAAoB,oBAAoB,MAGzB,GAAoB,QAAQ,MAAM,KAAW,GAAK;CAEzF,IAAM,KAAe,GAAoB,SAAS,UAAU,KAAK;AAOjE,QALA,EAA8B;EAC5B;EACA;EACD,CAAC,EAGA,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,MAAK;EACL,cAAY,EAAG,0CAA0C,eAAe;EACxE,eAAY;EACZ,UAAU;YANZ;GASE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAU;MACV,cAAY,EAAG,2CAA2C,2BAA2B;MACrF,eAAY;gBAEZ,kBAAC,GAAD,EAAe,WAAU,gCAAiC,CAAA;MACnD,CAAA,EACT,kBAAC,QAAD;MAAM,WAAU;gBACb,GAAoB,SAAS,EAAG,sCAAsC,eAAe;MACjF,CAAA,CACH;QAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,UAAD;OACE,MAAK;OACL,eAAe,KAAwB,EAAkB,EAAqB;OAC9E,WAAU;OACV,cAAY,EACV,kDACA,qBACD;iBAED,kBAAC,GAAD,EAAQ,WAAU,gCAAiC,CAAA;OAC5C,CAAA;MAEX,kBAAC,GAAD,EAAuB,CAAA;MACvB,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;OACV,cAAY,EAAG,sCAAsC,kBAAkB;iBAEvE,kBAAC,GAAD,EAAG,WAAU,gCAAiC,CAAA;OACvC,CAAA;MACL;OACF;;GAGN,kBAAC,GAAD,EAAkB,CAAA;GAGjB,KAAwB,kBAAC,GAAD,EAA6B,CAAA;GAGtD,kBAAC,GAAD,EAAqB,CAAA;GACjB"}
+{"version":3,"file":"AIAssistantPanel.js","names":[],"sources":["../../../src/components/assistant/AIAssistantPanel.tsx"],"sourcesContent":["/**\n * VibeControls' AI assistant.\n *\n * ★★ Everything below this file is now shared. The panel, the orchestrator, the\n * transport, the voice session, the composer and every component in them live in\n * `fe-libs/shared/assistant` and answer to any product that mounts them. What is\n * left here is the things that are genuinely VibeControls', and nothing else:\n *\n *   modes               which use cases this product offers.\n *   describeCurrentPage what to CALL the page the user is on.\n *   gatherPageContext   the same page, as structured context for the agent.\n *   buildPrompt         the confirm-before-mutate guardrail, the language\n *                       directive and the dictation instructions.\n *   reportTokenUsage    the charge, against VibeControls' OWN reporter.\n *   storageFolders      where this product's attachments and artifacts live.\n *\n * Plus `writeAccess`, which is a PROP rather than a seventh seam field: which\n * resource types prove \"this user can write here\" is a product answer, but the\n * product can simply compute it and hand it down. A capability a product can\n * work out for itself does not belong in an interface every product must\n * satisfy.\n *\n * ★ The provider wraps from OUTSIDE the shared panel rather than sitting inside\n * its tree: the panel calls `useAssistantProduct()` and `useAssistantTr()` in its\n * own body, so a provider nested in its JSX would be below the consumer and read\n * as null — which does not throw, it silently renders English with no modes.\n *\n * ★ `AiCreditsMeter` is composed AROUND the shared panel, not inside it. The\n * shared panel has no slot for it and should not grow one: a credits strip is a\n * VibeControls billing decision, not something every product wants above its\n * assistant. It listens to the `notifyAiCreditsUpdated` event the shared chat\n * area already dispatches, so it keeps working untouched.\n */\n\nimport type { FC } from 'react';\nimport {\n  AIAssistantPanel as SharedAIAssistantPanel,\n  type AIAssistantPanelProps as SharedProps,\n} from '@burdenoff/fe-libs/shared/assistant/ui/AIAssistantPanel';\nimport { AssistantProductProvider } from '@burdenoff/fe-libs/shared/assistant/product';\nimport { getActorId, getWorkspaceId } from '@burdenoff/fe-libs/shared/assistant/context';\nimport { ASSISTANT_MODES } from '@/types/assistant';\nimport { PRODUCT, reportAssistantTokenUsage } from '@/services/assistantApi';\nimport { useWorkspaceWriteAccess } from '@/hooks/useWorkspaceWriteAccess';\nimport { describeCurrentPage, gatherPageContext } from '@/utils/pageContext';\nimport { buildPromptForMode } from '@/utils/assistantPrompt';\nimport { AiCreditsMeter } from './AiCreditsMeter';\n\n/**\n * Where this product's assistant files live.\n *\n * ★★ These strings are LOAD-BEARING once users have saved anything. They are the\n * real folders in the workspace file library holding every attachment and\n * artifact. Changing them does not fail — it starts a second folder beside the\n * first and orphans everything in the original.\n *\n * ★ Note the capitalisation: `/VibeControls/…`, while the product id is\n * `vibecontrols`. That mismatch is exactly why fe-libs cannot derive this and\n * why it is supplied here.\n */\nconst STORAGE_FOLDERS = {\n  attachments: '/VibeControls/AI Assistant/Attachments',\n  artifacts: '/VibeControls/AI Assistant/Artifacts',\n} as const;\n\nexport type AIAssistantPanelProps = Omit<SharedProps, 'writeAccess'>;\n\nexport const AIAssistantPanel: FC<AIAssistantPanelProps> = (props) => {\n  /**\n   * ★ Advisory, never a gate — see `useWorkspaceWriteAccess`. Gating on it\n   * would remove api-calls from the product entirely until RBAC rows are\n   * seeded. It warns before the effort instead of after it, and self-corrects\n   * with no code change the moment those rows exist.\n   */\n  const writeAccess = useWorkspaceWriteAccess(getActorId(), getWorkspaceId() || null);\n\n  return (\n    <AssistantProductProvider\n      product={PRODUCT}\n      modes={ASSISTANT_MODES}\n      describeCurrentPage={describeCurrentPage}\n      gatherPageContext={gatherPageContext}\n      buildPrompt={buildPromptForMode}\n      reportTokenUsage={reportAssistantTokenUsage}\n      storageFolders={STORAGE_FOLDERS}\n    >\n      <div className=\"flex flex-col h-full w-full min-h-0\">\n        <AiCreditsMeter />\n        <div className=\"flex-1 min-h-0\">\n          <SharedAIAssistantPanel {...props} writeAccess={writeAccess} />\n        </div>\n      </div>\n    </AssistantProductProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA4DA,IAAM,IAAkB;CACtB,aAAa;CACb,WAAW;CACZ,EAIY,KAA+C,MAAU;CAOpE,IAAM,IAAc,EAAwB,GAAY,EAAE,GAAgB,IAAI,KAAK;AAEnF,QACE,kBAAC,GAAD;EACE,SAAS;EACT,OAAO;EACc;EACF;EACnB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;YAEhB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAkB,CAAA,EAClB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAwB,GAAI;KAAoB;KAAe,CAAA;IAC3D,CAAA,CACF;;EACmB,CAAA"}

package/dist/components/assistant/AssistantChatArea.js

@@ -1,281 +1,11 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { isQuotaExhaustedError as t } from "../../utils/quotaUtils.js";
-import { useAssistantStore as n } from "../../store/assistantStore.js";
-import { checkAssistantAiCredits as r, createAssistantSandbox as i, createAssistantSession as a, extendAssistantSandboxTTL as o, findExistingSandbox as s, getAssistantArtifacts as c, getAssistantMessages as l, getAssistantSession as u, reportAssistantAiTokenUsage as d, sendAssistantPromptAsync as ee, waitForAssistantServiceReady as f, waitForSandboxReady as p } from "../../services/assistantApi.js";
-import { AssistantChatInput as m } from "./AssistantChatInput.js";
-import { AssistantMessageList as h } from "./AssistantMessageList.js";
-import { AssistantModeSelector as g } from "./AssistantModeSelector.js";
-import { AssistantWelcome as _ } from "./AssistantWelcome.js";
-import { gatherPageContext as te } from "../../utils/pageContext.js";
-import { dispatchAssistantQuotaExhausted as v, notifyAiCreditsUpdated as ne } from "../../utils/aiCredits.js";
-import { useCallback as y, useEffect as b, useRef as re } from "react";
-import { useGatewayClient as ie } from "@burdenoff/fe-libs/shared/graphql";
-import { useAuthToken as ae } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-//#region src/components/assistant/AssistantChatArea.tsx
-var oe = {
-	assistant: 18e4,
-	general: 18e4,
-	"api-calls": 18e4,
-	"vibe-plugins": 6e5
-}, C = 18e4;
-function w() {
-	return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
-}
-function T(e) {
-	try {
-		let t = e === "workspaceId" ? "burdenoff-active-context-workspace" : "burdenoff-active-context-organization", n = localStorage.getItem(t);
-		if (n) return n;
-		let r = sessionStorage.getItem("bf-active-profile");
-		if (!r) return "";
-		let i = localStorage.getItem(`bf-p-${r}-context`);
-		return i ? JSON.parse(i)[e] ?? "" : "";
-	} catch {
-		return "";
-	}
-}
-function se() {
-	return new URLSearchParams(window.location.search).get("workspace") ?? T("workspaceId");
-}
-function ce() {
-	return new URLSearchParams(window.location.search).get("org") ?? T("organizationId");
-}
-function le(e) {
-	let t = e instanceof Error ? e.message.toLowerCase() : String(e).toLowerCase();
-	return t.includes("rate limit exceeded") || t.includes("unauthorized") || t.includes("k8s api error 401") ? !1 : [
-		"sandbox not found",
-		"sandbox is not running",
-		"sandbox service not available yet",
-		"sandbox failed",
-		"sandbox startup timed out",
-		"assistant service did not become healthy",
-		"proxy error: 404",
-		"proxy error: 502",
-		"proxy error: 503",
-		"session mode mismatch"
-	].some((e) => t.includes(e));
-}
-function E(e) {
-	return e.replace(/(Authorization\s*:\s*Bearer\s+)[^\s\n]+/gi, "$1[REDACTED]").replace(/(X-Workspace-Authorization\s*:\s*Bearer\s+)[^\s\n]+/gi, "$1[REDACTED]").replace(/\beyJ[A-Za-z0-9_-]+\.[A-Za-z0-9._-]+\.[A-Za-z0-9._-]+\b/g, "[REDACTED_JWT]").replace(/\bsk-ant-[A-Za-z0-9-]+\b/g, "[REDACTED_API_KEY]");
-}
-function D(e) {
-	return e.info?.time?.created ?? 0;
-}
-function O(e) {
-	return (e ?? []).filter((e) => e.type === "text" && typeof e.text == "string").map((e) => e.text?.trim() ?? "").filter(Boolean).join("\n");
-}
-function k(e) {
-	return (e ?? []).filter((e) => e.type === "tool" && e.tool).map((e) => {
-		let t = e.state?.status ?? "running", n = e.tool ?? "tool";
-		return t === "completed" ? `Completed: ${n}` : t === "failed" ? `Failed: ${n}` : `Running: ${n}`;
-	});
-}
-function A(e, t) {
-	let n = e.filter((e) => e.info?.role === "assistant" && D(e) >= t).sort((e, t) => D(e) - D(t));
-	if (n.length === 0) return {
-		content: "Thinking...",
-		done: !1
-	};
-	let r = n[n.length - 1], i = O(r.parts), a = k(r.parts);
-	return {
-		content: [i, ...a].filter(Boolean).join("\n\n") || "Thinking...",
-		done: !!r.info?.time?.completed && (!!i || a.length > 0),
-		tokens: r.info?.tokens,
-		model: r.info?.providerID && r.info?.modelID ? `${r.info.providerID}/${r.info.modelID}` : void 0
-	};
-}
-function ue(e) {
-	switch (e) {
-		case "provisioning": return "Starting assistant environment...";
-		case "connecting": return "Connecting to assistant...";
-		case "streaming": return "Thinking...";
-		default: return "";
-	}
-}
-var j = () => {
-	let T = e(), D = ie("workspace"), { getAccessToken: O, getWorkspaceToken: k, userId: j } = ae(), { conversations: M, activeConversationId: N, mode: P, processingByConversationId: F, setMode: I, setConversationMode: L, setActiveConversation: R, createConversation: z, addMessage: B, updateMessage: V, patchMessage: H, setConversationProcessing: U, clearConversationProcessing: de, setBackendSessionId: W, clearBackendSessionId: G, setSandbox: K, clearSandbox: q } = n(), J = M.find((e) => e.id === N)?.messages ?? [], Y = N ? F[N] : void 0, fe = Y?.messageId ?? null, pe = Y?.status === "provisioning" || Y?.status === "connecting" || Y?.status === "streaming", X = y((e, t, n, r) => {
-		U(e, n, t, null), r ? V(e, t, r) : V(e, t, ue(n));
-	}, [U, V]), Z = y(async (e, t, r, o, c) => {
-		let l = n.getState().sandboxesByMode[r]?.sandboxId ?? null;
-		if (!l) {
-			X(e, t, "provisioning", "Looking for existing environment...");
-			let n = await s(D, o, r, c);
-			if (n) l = n, K(r, l, "provisioning"), X(e, t, "provisioning", "Reusing assistant environment..."), await p(D, l, o, c, 3e5, (n) => X(e, t, "provisioning", n)), await f(D, l, o, c, 9e4, (n) => X(e, t, "connecting", n)), K(r, l, "running");
-			else {
-				if (r === "api-calls" && !O()) throw Error("API Calls mode requires an authenticated session. Please sign in again.");
-				X(e, t, "provisioning", "Starting assistant environment..."), K(r, null, "provisioning"), l = await i(D, r, o, c), K(r, l, "provisioning"), await p(D, l, o, c, 3e5, (n) => X(e, t, "provisioning", n)), await f(D, l, o, c, 9e4, (n) => X(e, t, "connecting", n)), K(r, l, "running");
-			}
-		}
-		let d = n.getState().conversations.find((t) => t.id === e)?.backendSessionId ?? null;
-		if (d) try {
-			let e = await u(D, l, o, d, c);
-			if (e.mode !== r) throw Error(`Session mode mismatch: expected ${r}, received ${e.mode}`);
-		} catch {
-			G(e), d = null;
-		}
-		return d || (X(e, t, "connecting", "Preparing session..."), d = (await a(D, l, o, r, c)).sessionId, W(e, d)), {
-			sandboxId: l,
-			sessionId: d
-		};
-	}, [
-		D,
-		G,
-		O,
-		W,
-		K,
-		X
-	]), Q = y(async (e) => {
-		if (N) {
-			let e = F[N]?.status;
-			if (e === "provisioning" || e === "connecting" || e === "streaming") return;
-		}
-		let i = n.getState().mode, a = N, s = a ? n.getState().conversations.find((e) => e.id === a) : void 0;
-		if (a ? s && s.mode !== i && (s.messages.length > 0 || s.backendSessionId) ? a = z(void 0, i) : s && s.mode !== i && L(a, i) : a = z(void 0, i), !a) return;
-		let u = se(), f = {
-			accessToken: O(),
-			workspaceToken: k(),
-			userId: j,
-			organizationId: ce()
-		}, p = {
-			id: w(),
-			role: "user",
-			content: e,
-			timestamp: (/* @__PURE__ */ new Date()).toISOString()
-		};
-		B(a, p);
-		let m = w();
-		B(a, {
-			id: m,
-			role: "assistant",
-			content: "",
-			timestamp: (/* @__PURE__ */ new Date()).toISOString()
-		});
-		let h = (e, t, n, r) => {
-			H(a, m, {
-				content: E(e),
-				metadata: t?.length || n || r ? {
-					artifacts: t,
-					mode: i,
-					sessionId: n,
-					sandboxId: r
-				} : void 0
-			});
-		}, g = async (n = 1) => {
-			try {
-				await r(D, u, f);
-			} catch (e) {
-				if (t(e)) {
-					v("ai-credits"), h("You've run out of AI credits for this billing cycle. Upgrade your plan to keep chatting."), U(a, "error", m, null);
-					return;
-				}
-				console.warn("[assistant] AI-credit pre-flight check failed with a non-quota error; proceeding — gateway @usage(checkQuota) still enforces the real budget downstream", e);
-			}
-			try {
-				let { sandboxId: t, sessionId: n } = await Z(a, m, i, u, f);
-				X(a, m, "streaming", "Thinking...");
-				let r = Date.now();
-				await ee(D, t, u, n, e, i, te(), f);
-				let s = A([], r), p = Date.now() + (oe[i] ?? C), g = Date.now();
-				for (; Date.now() < p && (s = A(await l(D, t, u, n, f, 50), r), H(a, m, { content: E(s.content) }), !s.done);) Date.now() - g > 3e4 && (await o(D, t, u, 600, f).catch(() => void 0), g = Date.now()), await new Promise((e) => setTimeout(e, 1500));
-				if (!s.done && i !== "vibe-plugins") throw Error("Assistant response timed out while streaming progress");
-				let _ = i === "vibe-plugins" ? await c(D, t, u, n, f).catch(() => []) : void 0;
-				if (s.done || (s = {
-					...s,
-					content: `${s.content}\n\n_Still building in the background — any artifacts below will finish shortly. Re-open this conversation to pick up the completed plugin._`
-				}), h(s.content, _, n, t), s.tokens) {
-					H(a, m, { tokens: s.tokens });
-					try {
-						await d(D, u, n, m, s.model, s.tokens, f), ne();
-					} catch {}
-				}
-				U(a, "complete", m, null);
-			} catch (e) {
-				if (n === 1 && le(e)) return G(a), q(i), g(2);
-				throw e;
-			}
-		};
-		try {
-			if (!u) throw Error("Assistant backend is unavailable without an active workspace context.");
-			await g();
-		} catch (e) {
-			if (t(e)) {
-				v("sandbox"), h("You've reached your sandbox limit on the current plan. Upgrade to start the AI assistant."), U(a, "error", m, null);
-				return;
-			}
-			let n = e instanceof Error ? e.message : "Something went wrong";
-			U(a, "error", m, n), V(a, m, `Sorry, an error occurred: ${n}. Please try again.`);
-		}
-	}, [
-		N,
-		B,
-		D,
-		G,
-		q,
-		M,
-		z,
-		Z,
-		O,
-		k,
-		H,
-		F,
-		W,
-		L,
-		U,
-		X,
-		V,
-		j
-	]), me = y((e) => {
-		Q(e);
-	}, [Q]), $ = re(Q);
-	b(() => {
-		$.current = Q;
-	}, [Q]), b(() => {
-		let e = n.getState().consumePendingPrompt();
-		return e && $.current(e), n.subscribe((e, t) => {
-			if (e.pendingPrompt && e.pendingPrompt !== t.pendingPrompt) {
-				let e = n.getState().consumePendingPrompt();
-				e && $.current(e);
-			}
-		});
-	}, []);
-	let he = y((e) => {
-		let t = N ? n.getState().conversations.find((e) => e.id === N) : void 0;
-		if (t && (t.messages.length > 0 || t.backendSessionId)) {
-			if (t.mode !== e) {
-				let t = n.getState().conversations.find((t) => t.mode === e && t.messages.length === 0 && !t.backendSessionId && !n.getState().processingByConversationId[t.id]);
-				t ? R(t.id) : z(void 0, e);
-			}
-		} else N && L(N, e);
-		I(e);
-	}, [
-		N,
-		z,
-		R,
-		L,
-		I
-	]);
-	return /* @__PURE__ */ S("div", {
-		className: "flex flex-col flex-1 overflow-hidden pt-3",
-		children: [J.length === 0 ? /* @__PURE__ */ x(_, {
-			mode: P,
-			onSuggestionClick: me
-		}) : /* @__PURE__ */ x(h, {
-			messages: J,
-			streamingMessageId: fe
-		}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
-			className: "px-3 pb-1",
-			children: /* @__PURE__ */ x(g, {
-				mode: P,
-				onModeChange: he
-			})
-		}), /* @__PURE__ */ x(m, {
-			onSend: (e) => void Q(e),
-			disabled: pe,
-			placeholder: T("vibecontrols.assistant.chatArea.placeholder", `Ask about ${P.replace(/-/g, " ")}...`)
-		})] })]
-	});
-};
-//#endregion
-export { j as AssistantChatArea };
-
-//# sourceMappingURL=AssistantChatArea.js.map
+import "../../shared/hooks/useTr.js";
+import "../../services/assistantApi.js";
+import "./AssistantChatInput.js";
+import "./AssistantMessageList.js";
+import "./AssistantModeSelector.js";
+import "./AssistantWelcome.js";
+import "../../store/assistantStore.js";
+import "react";
+import "@burdenoff/fe-libs/shared/graphql";
+import "@burdenoff/fe-libs/shared/providers/shell";
+import "react/jsx-runtime";

package/dist/components/assistant/AssistantChatInput.js

@@ -1,44 +1,4 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useCallback as t, useRef as n } from "react";
-import { Send as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/assistant/AssistantChatInput.tsx
-var o = ({ onSend: o, disabled: s = !1, placeholder: c = "Ask anything..." }) => {
-	let l = e(), u = n(null), d = t(() => {
-		let e = u.current;
-		if (!e) return;
-		let t = e.value.trim();
-		!t || s || (o(t), e.value = "", e.style.height = "auto");
-	}, [o, s]);
-	return /* @__PURE__ */ a("div", {
-		className: "flex items-end gap-2 px-3 py-2.5 border-t border-border-default bg-bg-surface",
-		children: [/* @__PURE__ */ i("textarea", {
-			ref: u,
-			onKeyDown: t((e) => {
-				e.key === "Enter" && !e.shiftKey && (e.preventDefault(), d());
-			}, [d]),
-			onInput: t(() => {
-				let e = u.current;
-				e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 120)}px`);
-			}, []),
-			disabled: s,
-			placeholder: c,
-			rows: 1,
-			className: "flex-1 resize-none bg-bg-sunken border border-border-default rounded-lg px-3 py-2 text-xs text-text-primary placeholder:text-text-muted focus:outline-none focus:border-action-primary-bg disabled:opacity-50 leading-relaxed",
-			"aria-label": l("vibecontrols.assistant.chatInput.ariaLabel", "Message input"),
-			"data-testid": "assistant-input"
-		}), /* @__PURE__ */ i("button", {
-			type: "button",
-			onClick: d,
-			disabled: s,
-			className: "flex-shrink-0 p-2 bg-action-primary-bg text-action-primary-text rounded-lg hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50",
-			"aria-label": l("vibecontrols.assistant.chatInput.send", "Send message"),
-			"data-testid": "assistant-send",
-			children: /* @__PURE__ */ i(r, { className: "size-3.5" })
-		})]
-	});
-};
-//#endregion
-export { o as AssistantChatInput };
-
-//# sourceMappingURL=AssistantChatInput.js.map
+import "../../shared/hooks/useTr.js";
+import "react";
+import "lucide-react";
+import "react/jsx-runtime";

package/dist/components/assistant/AssistantConversationList.js

@@ -1,155 +1,6 @@
-import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useAssistantStore as t } from "../../store/assistantStore.js";
-import { ASSISTANT_MODES as n } from "../../types/assistant.js";
-import { useEffect as r, useState as i } from "react";
-import { Check as a, MessageSquare as o, Pencil as s, Plus as c, Trash2 as l, X as u } from "lucide-react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region src/components/assistant/AssistantConversationList.tsx
-var m = () => {
-	let m = e(), { conversations: h, activeConversationId: g, processingByConversationId: _, setActiveConversation: v, setMode: y, createConversation: b, deleteConversation: x, renameConversation: S, setConversationListOpen: C } = t(), [w, T] = i(null), [E, D] = i("");
-	r(() => {
-		g && C(!1);
-	}, [g, C]);
-	let O = () => {
-		b(), C(!1);
-	}, k = (e) => {
-		let t = h.find((t) => t.id === e);
-		v(e), t && y(t.mode), C(!1);
-	}, A = (e, t) => {
-		T(e), D(t);
-	}, j = () => {
-		w && E.trim() && S(w, E.trim()), T(null);
-	}, M = (e, t) => {
-		e.stopPropagation(), x(t);
-	};
-	return /* @__PURE__ */ p("div", {
-		className: "absolute inset-0 z-10 flex flex-col bg-bg-surface",
-		"data-testid": "conversation-list",
-		children: [/* @__PURE__ */ p("div", {
-			className: "flex items-center justify-between px-3 py-2 border-b border-border-default",
-			children: [/* @__PURE__ */ f("span", {
-				className: "text-xs font-semibold text-text-primary",
-				children: m("vibecontrols.assistant.conversations.title", "Conversations")
-			}), /* @__PURE__ */ p("div", {
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ f("button", {
-					type: "button",
-					onClick: O,
-					className: "p-1 hover:bg-bg-elevated rounded transition-colors",
-					"aria-label": m("vibecontrols.assistant.conversations.new", "New conversation"),
-					"data-testid": "new-conversation",
-					children: /* @__PURE__ */ f(c, { className: "size-3.5 text-text-secondary" })
-				}), /* @__PURE__ */ f("button", {
-					type: "button",
-					onClick: () => C(!1),
-					className: "p-1 hover:bg-bg-elevated rounded transition-colors",
-					"aria-label": "Close conversation list",
-					children: /* @__PURE__ */ f(u, { className: "size-3.5 text-text-secondary" })
-				})]
-			})]
-		}), /* @__PURE__ */ f("div", {
-			className: "flex-1 overflow-y-auto",
-			children: h.length === 0 ? /* @__PURE__ */ p("div", {
-				className: "flex flex-col items-center justify-center h-full text-center px-4",
-				children: [
-					/* @__PURE__ */ f(o, { className: "size-6 text-text-muted mb-2" }),
-					/* @__PURE__ */ f("p", {
-						className: "text-xs text-text-muted",
-						children: m("vibecontrols.assistant.conversations.empty", "No conversations yet")
-					}),
-					/* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: O,
-						className: "mt-2 text-xs text-action-primary-bg hover:underline",
-						children: m("vibecontrols.assistant.conversations.startNew", "Start a new conversation")
-					})
-				]
-			}) : /* @__PURE__ */ f("div", {
-				className: "py-1",
-				children: h.map((e) => {
-					let t = e.id === g, r = e.id === w, i = n.find((t) => t.id === e.mode), o = e.messages[e.messages.length - 1], c = _[e.id];
-					return /* @__PURE__ */ f("div", {
-						role: "button",
-						tabIndex: 0,
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), !r && k(e.id));
-						},
-						onClick: () => !r && k(e.id),
-						className: `group px-3 py-2 cursor-pointer hover:bg-bg-elevated transition-colors ${t ? "bg-bg-elevated border-l-2 border-action-primary-bg" : ""}`,
-						children: r ? /* @__PURE__ */ p("div", {
-							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ f("input", {
-								"aria-label": "control",
-								value: E,
-								onChange: (e) => D(e.target.value),
-								onKeyDown: (e) => {
-									e.key === "Enter" && j(), e.key === "Escape" && T(null);
-								},
-								className: "flex-1 text-xs bg-bg-sunken border border-border-default rounded px-2 py-1 text-text-primary focus:outline-none focus:border-action-primary-bg",
-								onClick: (e) => e.stopPropagation()
-							}), /* @__PURE__ */ f("button", {
-								type: "button",
-								onClick: (e) => {
-									e.stopPropagation(), j();
-								},
-								className: "p-1 hover:bg-bg-sunken rounded",
-								children: /* @__PURE__ */ f(a, { className: "size-3 text-status-success-text" })
-							})]
-						}) : /* @__PURE__ */ p(d, { children: [
-							/* @__PURE__ */ p("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ f("span", {
-									className: "text-xs font-medium text-text-primary truncate flex-1",
-									children: e.title
-								}), /* @__PURE__ */ p("div", {
-									className: "hidden group-hover:flex items-center gap-0.5 ml-1",
-									children: [/* @__PURE__ */ f("button", {
-										type: "button",
-										onClick: (t) => {
-											t.stopPropagation(), A(e.id, e.title);
-										},
-										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": "Rename conversation",
-										children: /* @__PURE__ */ f(s, { className: "size-3 text-text-muted" })
-									}), /* @__PURE__ */ f("button", {
-										type: "button",
-										onClick: (t) => M(t, e.id),
-										className: "p-0.5 hover:bg-bg-sunken rounded",
-										"aria-label": "Delete conversation",
-										"data-testid": "delete-conversation",
-										children: /* @__PURE__ */ f(l, { className: "size-3 text-status-error-text" })
-									})]
-								})]
-							}),
-							/* @__PURE__ */ p("div", {
-								className: "flex items-center gap-1.5 mt-0.5",
-								children: [
-									/* @__PURE__ */ f("span", {
-										className: "text-[10px] text-text-muted px-1 py-0.5 bg-bg-sunken rounded",
-										children: i?.label ?? e.mode
-									}),
-									/* @__PURE__ */ p("span", {
-										className: "text-[10px] text-text-muted",
-										children: [e.messages.length, " msgs"]
-									}),
-									c && c.status !== "idle" && /* @__PURE__ */ f("span", {
-										className: "text-[10px] text-action-primary-bg px-1 py-0.5 bg-bg-sunken rounded",
-										children: c.status
-									})
-								]
-							}),
-							o && /* @__PURE__ */ f("p", {
-								className: "text-[10px] text-text-muted truncate mt-0.5",
-								children: o.content.slice(0, 60)
-							})
-						] })
-					}, e.id);
-				})
-			})
-		})]
-	});
-};
-//#endregion
-export { m as AssistantConversationList };
-
-//# sourceMappingURL=AssistantConversationList.js.map
+import "../../shared/hooks/useTr.js";
+import "../../types/assistant.js";
+import "../../store/assistantStore.js";
+import "react";
+import "lucide-react";
+import "react/jsx-runtime";