@burdenoff/microfe-vibecontrols 2026.531.5 → 2026.531.6

package/dist/components/assistant/AIAssistantPanel.js

@@ -3,69 +3,71 @@ 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 { AssistantConversationList as a } from "./AssistantConversationList.js";
-import { AssistantExportMenu as o } from "./AssistantExportMenu.js";
-import { useRef as s } from "react";
-import { Eraser as c, MessageSquare as l, X as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+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";
 //#region src/components/assistant/AIAssistantPanel.tsx
-var p = ({ onClose: p, visible: m }) => {
-	let h = e(), g = s(null), { conversations: _, activeConversationId: v, conversationListOpen: y, toggleConversationList: b, clearConversation: x } = t(), S = _.find((e) => e.id === v);
-	r(S?.backendSessionId ?? null, S?.mode ?? null, m ?? !0);
-	let C = (S?.messages.length ?? 0) > 0;
+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: g,
-		onClose: p
-	}), /* @__PURE__ */ f("div", {
-		ref: g,
+		panelRef: _,
+		onClose: m
+	}), /* @__PURE__ */ p("div", {
+		ref: _,
 		className: "flex flex-col h-full w-full bg-bg-surface relative",
 		role: "complementary",
-		"aria-label": h("vibecontrols.assistant.panel.ariaLabel", "AI Assistant"),
+		"aria-label": g("vibecontrols.assistant.panel.ariaLabel", "AI Assistant"),
 		"data-testid": "ai-assistant-panel",
 		tabIndex: -1,
 		children: [
-			/* @__PURE__ */ f("div", {
+			/* @__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__ */ f("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "flex items-center gap-2 min-w-0",
-					children: [/* @__PURE__ */ d("button", {
+					children: [/* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: b,
+						onClick: x,
 						className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-						"aria-label": h("vibecontrols.assistant.panel.toggleList", "Toggle conversation list"),
+						"aria-label": g("vibecontrols.assistant.panel.toggleList", "Toggle conversation list"),
 						"data-testid": "toggle-conversation-list",
-						children: /* @__PURE__ */ d(l, { className: "size-3.5 text-text-secondary" })
-					}), /* @__PURE__ */ d("span", {
+						children: /* @__PURE__ */ f(u, { className: "size-3.5 text-text-secondary" })
+					}), /* @__PURE__ */ f("span", {
 						className: "text-xs font-semibold text-text-primary truncate",
-						children: S?.title ?? h("vibecontrols.assistant.panel.title", "AI Assistant")
+						children: C?.title ?? g("vibecontrols.assistant.panel.title", "AI Assistant")
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex items-center gap-0.5 flex-shrink-0",
 					children: [
-						C && /* @__PURE__ */ d("button", {
+						w && /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: () => v && x(v),
+							onClick: () => y && S(y),
 							className: "p-1 hover:bg-bg-sunken rounded transition-colors",
-							"aria-label": h("vibecontrols.assistant.panel.clearConversation", "Clear conversation"),
-							children: /* @__PURE__ */ d(c, { className: "size-3.5 text-text-secondary" })
+							"aria-label": g("vibecontrols.assistant.panel.clearConversation", "Clear conversation"),
+							children: /* @__PURE__ */ f(l, { className: "size-3.5 text-text-secondary" })
 						}),
-						/* @__PURE__ */ d(o, {}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ f(s, {}),
+						/* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: p,
+							onClick: m,
 							className: "p-1 hover:bg-bg-sunken rounded transition-colors md:hidden",
-							"aria-label": h("vibecontrols.assistant.panel.close", "Close assistant"),
-							children: /* @__PURE__ */ d(u, { className: "size-3.5 text-text-secondary" })
+							"aria-label": g("vibecontrols.assistant.panel.close", "Close assistant"),
+							children: /* @__PURE__ */ f(d, { className: "size-3.5 text-text-secondary" })
 						})
 					]
 				})]
 			}),
-			y && /* @__PURE__ */ d(a, {}),
-			/* @__PURE__ */ d(i, {})
+			/* @__PURE__ */ f(a, {}),
+			b && /* @__PURE__ */ f(o, {}),
+			/* @__PURE__ */ f(i, {})
 		]
 	});
 };
 //#endregion
-export { p as AIAssistantPanel };
+export { m 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 { 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      {/* Conversation list overlay */}\n      {conversationListOpen && <AssistantConversationList />}\n\n      {/* Chat area */}\n      <AssistantChatArea />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAsBA,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;;GAGL,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 * 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"}

package/dist/components/assistant/AiCreditsMeter.js

@@ -0,0 +1,21 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAiCreditsQuota as t } from "../../hooks/useAiCreditsQuota.js";
+import { jsx as n } from "react/jsx-runtime";
+import { QuotaMeter as r } from "@burdenoff/fe-libs/shared/components";
+//#region src/components/assistant/AiCreditsMeter.tsx
+var i = () => {
+	let i = e(), { data: a } = t();
+	return !a || a.noLimit ? null : /* @__PURE__ */ n("div", {
+		className: "px-3 py-1.5 border-b border-border-default bg-bg-surface flex-shrink-0",
+		children: /* @__PURE__ */ n(r, {
+			label: i("vibecontrols.assistant.credits.label", "AI credits"),
+			used: a.used,
+			limit: a.limit,
+			unit: i("vibecontrols.assistant.credits.unit", "tokens")
+		})
+	});
+};
+//#endregion
+export { i as AiCreditsMeter };
+
+//# sourceMappingURL=AiCreditsMeter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AiCreditsMeter.js","names":[],"sources":["../../../src/components/assistant/AiCreditsMeter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { QuotaMeter } from '@burdenoff/fe-libs/shared/components';\nimport { useAiCreditsQuota } from '@/hooks/useAiCreditsQuota';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Thin AI-credits usage strip shown under the assistant panel header. Hidden\n * entirely when there's no quota to show (standalone preview, no billing\n * account, or unlimited plan with nothing meaningful to meter).\n */\nexport const AiCreditsMeter: FC = () => {\n  const tr = useTr();\n  const { data } = useAiCreditsQuota();\n\n  // Nothing to meter — hide rather than render an empty/Unlimited strip.\n  if (!data || data.noLimit) return null;\n\n  return (\n    <div className=\"px-3 py-1.5 border-b border-border-default bg-bg-surface flex-shrink-0\">\n      <QuotaMeter\n        label={tr('vibecontrols.assistant.credits.label', 'AI credits')}\n        used={data.used}\n        limit={data.limit}\n        unit={tr('vibecontrols.assistant.credits.unit', 'tokens')}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAa,UAA2B;CACtC,IAAM,IAAK,GAAO,EACZ,EAAE,YAAS,GAAmB;AAKpC,QAFI,CAAC,KAAQ,EAAK,UAAgB,OAGhC,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,OAAO,EAAG,wCAAwC,aAAa;GAC/D,MAAM,EAAK;GACX,OAAO,EAAK;GACZ,MAAM,EAAG,uCAAuC,SAAS;GACzD,CAAA;EACE,CAAA"}

package/dist/components/assistant/AssistantChatArea.js

@@ -1,20 +1,22 @@
 import { useTr as e } from "../../shared/hooks/useTr.js";
-import { useAssistantStore as t } from "../../store/assistantStore.js";
-import { createAssistantSandbox as n, createAssistantSession as r, extendAssistantSandboxTTL as i, findExistingSandbox as a, getAssistantArtifacts as o, getAssistantMessages as s, getAssistantSession as c, sendAssistantPromptAsync as l, waitForAssistantServiceReady as u, waitForSandboxReady as d } from "../../services/assistantApi.js";
-import { AssistantChatInput as f } from "./AssistantChatInput.js";
-import { AssistantMessageList as p } from "./AssistantMessageList.js";
-import { AssistantModeSelector as m } from "./AssistantModeSelector.js";
-import { AssistantWelcome as h } from "./AssistantWelcome.js";
-import { gatherPageContext as ee } from "../../utils/pageContext.js";
-import { useCallback as g, useEffect as _, useRef as v } from "react";
-import { useGatewayClient as y } from "@burdenoff/fe-libs/shared/graphql";
-import { useAuthToken as b } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+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 x } from "react";
+import { useGatewayClient as re } from "@burdenoff/fe-libs/shared/graphql";
+import { useAuthToken as ie } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/assistant/AssistantChatArea.tsx
-function C() {
+function w() {
 	return `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
 }
-function w(e) {
+function T(e) {
 	try {
 		let t = e === "workspaceId" ? "burdenoff-active-context-workspace" : "burdenoff-active-context-organization", n = localStorage.getItem(t);
 		if (n) return n;
@@ -26,13 +28,13 @@ function w(e) {
 		return "";
 	}
 }
-function te() {
-	return new URLSearchParams(window.location.search).get("workspace") ?? w("workspaceId");
+function ae() {
+	return new URLSearchParams(window.location.search).get("workspace") ?? T("workspaceId");
 }
-function ne() {
-	return new URLSearchParams(window.location.search).get("org") ?? w("organizationId");
+function oe() {
+	return new URLSearchParams(window.location.search).get("org") ?? T("organizationId");
 }
-function re(e) {
+function se(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",
@@ -47,35 +49,35 @@ function re(e) {
 		"session mode mismatch"
 	].some((e) => t.includes(e));
 }
-function T(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 E(e) {
+function D(e) {
 	return e.info?.time?.created ?? 0;
 }
-function D(e) {
+function O(e) {
 	return (e ?? []).filter((e) => e.type === "text" && typeof e.text == "string").map((e) => e.text?.trim() ?? "").filter(Boolean).join("\n");
 }
-function O(e) {
+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 k(e, t) {
-	let n = e.filter((e) => e.info?.role === "assistant" && E(e) >= t).sort((e, t) => E(e) - E(t));
+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 = D(r.parts), a = O(r.parts);
+	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
 	};
 }
-function A(e) {
+function ce(e) {
 	switch (e) {
 		case "provisioning": return "Starting assistant environment...";
 		case "connecting": return "Connecting to assistant...";
@@ -84,107 +86,126 @@ function A(e) {
 	}
 }
 var j = () => {
-	let w = e(), E = y("workspace"), { getAccessToken: D, getWorkspaceToken: O, userId: j } = b(), { 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: ie, setBackendSessionId: W, clearBackendSessionId: G, setSandbox: K, clearSandbox: q } = t(), J = M.find((e) => e.id === N)?.messages ?? [], Y = N ? F[N] : void 0, ae = Y?.messageId ?? null, oe = Y?.status === "provisioning" || Y?.status === "connecting" || Y?.status === "streaming", X = g((e, t, n, r) => {
-		U(e, n, t, null), r ? V(e, t, r) : V(e, t, A(n));
-	}, [U, V]), Z = g(async (e, i, o, s, l) => {
-		let f = t.getState().sandboxesByMode[o]?.sandboxId ?? null;
-		if (!f) {
-			X(e, i, "provisioning", "Looking for existing environment...");
-			let t = await a(E, s, o, l);
-			if (t) f = t, K(o, f, "provisioning"), X(e, i, "provisioning", "Reusing assistant environment..."), await d(E, f, s, l, 3e5, (t) => X(e, i, "provisioning", t)), await u(E, f, s, l, 9e4, (t) => X(e, i, "connecting", t)), K(o, f, "running");
+	let T = e(), D = re("workspace"), { getAccessToken: O, getWorkspaceToken: k, userId: j } = ie(), { 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: le, setBackendSessionId: W, clearBackendSessionId: G, setSandbox: K, clearSandbox: q } = n(), J = M.find((e) => e.id === N)?.messages ?? [], Y = N ? F[N] : void 0, ue = Y?.messageId ?? null, de = 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, ce(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 (o === "api-calls" && !D()) throw Error("API Calls mode requires an authenticated session. Please sign in again.");
-				X(e, i, "provisioning", "Starting assistant environment..."), K(o, null, "provisioning"), f = await n(E, o, s, l), K(o, f, "provisioning"), await d(E, f, s, l, 3e5, (t) => X(e, i, "provisioning", t)), await u(E, f, s, l, 9e4, (t) => X(e, i, "connecting", t)), K(o, f, "running");
+				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 p = t.getState().conversations.find((t) => t.id === e)?.backendSessionId ?? null;
-		if (p) try {
-			let e = await c(E, f, s, p, l);
-			if (e.mode !== o) throw Error(`Session mode mismatch: expected ${o}, received ${e.mode}`);
+		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), p = null;
+			G(e), d = null;
 		}
-		return p || (X(e, i, "connecting", "Preparing session..."), p = (await r(E, f, s, o, l)).sessionId, W(e, p)), {
-			sandboxId: f,
-			sessionId: p
+		return d || (X(e, t, "connecting", "Preparing session..."), d = (await a(D, l, o, r, c)).sessionId, W(e, d)), {
+			sandboxId: l,
+			sessionId: d
 		};
 	}, [
-		E,
-		G,
 		D,
+		G,
+		O,
 		W,
 		K,
 		X
-	]), Q = g(async (e) => {
+	]), Q = y(async (e) => {
 		if (N) {
 			let e = F[N]?.status;
 			if (e === "provisioning" || e === "connecting" || e === "streaming") return;
 		}
-		let n = t.getState().mode, r = N, a = r ? t.getState().conversations.find((e) => e.id === r) : void 0;
-		if (r ? a && a.mode !== n && (a.messages.length > 0 || a.backendSessionId) ? r = z(void 0, n) : a && a.mode !== n && L(r, n) : r = z(void 0, n), !r) return;
-		let c = te(), u = {
-			accessToken: D(),
-			workspaceToken: O(),
+		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 = ae(), f = {
+			accessToken: O(),
+			workspaceToken: k(),
 			userId: j,
-			organizationId: ne()
-		}, d = {
-			id: C(),
+			organizationId: oe()
+		}, p = {
+			id: w(),
 			role: "user",
 			content: e,
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		};
-		B(r, d);
-		let f = C();
-		B(r, {
-			id: f,
+		B(a, p);
+		let m = w();
+		B(a, {
+			id: m,
 			role: "assistant",
 			content: "",
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		});
-		let p = (e, t, i, a) => {
-			H(r, f, {
-				content: T(e),
-				metadata: t?.length || i || a ? {
+		let h = (e, t, n, r) => {
+			H(a, m, {
+				content: E(e),
+				metadata: t?.length || n || r ? {
 					artifacts: t,
-					mode: n,
-					sessionId: i,
-					sandboxId: a
+					mode: i,
+					sessionId: n,
+					sandboxId: r
 				} : void 0
 			});
-		}, m = async (t = 1) => {
+		}, g = async (n = 1) => {
 			try {
-				let { sandboxId: t, sessionId: a } = await Z(r, f, n, c, u);
-				X(r, f, "streaming", "Thinking...");
-				let d = Date.now();
-				await l(E, t, c, a, e, n, ee(), u);
-				let m = k([], d), h = Date.now() + 18e4, g = Date.now();
-				for (; Date.now() < h && (m = k(await s(E, t, c, a, u, 50), d), H(r, f, { content: T(m.content) }), !m.done);) Date.now() - g > 3e4 && (await i(E, t, c, 600, u).catch(() => void 0), g = Date.now()), await new Promise((e) => setTimeout(e, 1500));
-				if (!m.done) throw Error("Assistant response timed out while streaming progress");
-				let _ = n === "vibe-plugins" ? await o(E, t, c, a, u).catch(() => []) : void 0;
-				p(m.content, _, a, t), m.tokens && H(r, f, { tokens: m.tokens }), U(r, "complete", f, null);
+				await r(D, u, f);
 			} catch (e) {
-				if (t === 1 && re(e)) return G(r), q(n), m(2);
+				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;
+				}
+				throw 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() + 18e4, 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) throw Error("Assistant response timed out while streaming progress");
+				let _ = i === "vibe-plugins" ? await c(D, t, u, n, f).catch(() => []) : void 0;
+				if (h(s.content, _, n, t), s.tokens) {
+					H(a, m, { tokens: s.tokens });
+					try {
+						await d(D, u, n, s.tokens, f), ne();
+					} catch {}
+				}
+				U(a, "complete", m, null);
+			} catch (e) {
+				if (n === 1 && se(e)) return G(a), q(i), g(2);
 				throw e;
 			}
 		};
 		try {
-			if (!c) throw Error("Assistant backend is unavailable without an active workspace context.");
-			await m();
+			if (!u) throw Error("Assistant backend is unavailable without an active workspace context.");
+			await g();
 		} catch (e) {
-			let t = e instanceof Error ? e.message : "Something went wrong";
-			U(r, "error", f, t), V(r, f, `Sorry, an error occurred: ${t}. Please try again.`);
+			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,
-		E,
+		D,
 		G,
 		q,
 		M,
 		z,
 		Z,
-		D,
 		O,
+		k,
 		H,
 		F,
 		W,
@@ -193,26 +214,26 @@ var j = () => {
 		X,
 		V,
 		j
-	]), se = g((e) => {
+	]), fe = y((e) => {
 		Q(e);
-	}, [Q]), $ = v(Q);
-	_(() => {
+	}, [Q]), $ = x(Q);
+	b(() => {
 		$.current = Q;
-	}, [Q]), _(() => {
-		let e = t.getState().consumePendingPrompt();
-		return e && $.current(e), t.subscribe((e, n) => {
-			if (e.pendingPrompt && e.pendingPrompt !== n.pendingPrompt) {
-				let e = t.getState().consumePendingPrompt();
+	}, [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 ce = g((e) => {
-		let n = N ? t.getState().conversations.find((e) => e.id === N) : void 0;
-		if (n && (n.messages.length > 0 || n.backendSessionId)) {
-			if (n.mode !== e) {
-				let n = t.getState().conversations.find((n) => n.mode === e && n.messages.length === 0 && !n.backendSessionId && !t.getState().processingByConversationId[n.id]);
-				n ? R(n.id) : z(void 0, e);
+	let pe = 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);
@@ -223,24 +244,24 @@ var j = () => {
 		L,
 		I
 	]);
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "flex flex-col flex-1 overflow-hidden pt-3",
-		children: [J.length === 0 ? /* @__PURE__ */ x(h, {
+		children: [J.length === 0 ? /* @__PURE__ */ S(_, {
 			mode: P,
-			onSuggestionClick: se
-		}) : /* @__PURE__ */ x(p, {
+			onSuggestionClick: fe
+		}) : /* @__PURE__ */ S(h, {
 			messages: J,
-			streamingMessageId: ae
-		}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
+			streamingMessageId: ue
+		}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("div", {
 			className: "px-3 pb-1",
-			children: /* @__PURE__ */ x(m, {
+			children: /* @__PURE__ */ S(g, {
 				mode: P,
-				onModeChange: ce
+				onModeChange: pe
 			})
-		}), /* @__PURE__ */ x(f, {
+		}), /* @__PURE__ */ S(m, {
 			onSend: (e) => void Q(e),
-			disabled: oe,
-			placeholder: w("vibecontrols.assistant.chatArea.placeholder", `Ask about ${P.replace(/-/g, " ")}...`)
+			disabled: de,
+			placeholder: T("vibecontrols.assistant.chatArea.placeholder", `Ask about ${P.replace(/-/g, " ")}...`)
 		})] })]
 	});
 };