@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/ai/AISessionsTab.js

@@ -0,0 +1,245 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../shared/LoadingState.js";
+import { ErrorState as n } from "../shared/ErrorState.js";
+import { EmptyState as r } from "../shared/EmptyState.js";
+import { Card as i } from "../shared/Card.js";
+import "../shared/index.js";
+import { createSession as a, fetchSessions as o } from "../../services/aiApi.js";
+import { useCallback as s, useEffect as c, useState as l } from "react";
+import { MessageSquare as u, Plus as d, X as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/ai/AISessionsTab.tsx
+var h = {
+	active: "bg-status-success-bg text-status-success-text",
+	idle: "bg-status-warning-bg text-status-warning-text",
+	processing: "bg-action-primary-bg/20 text-action-primary-bg",
+	error: "bg-status-error-bg text-status-error-text",
+	terminated: "bg-bg-sunken text-text-secondary"
+}, g = [
+	{
+		value: "claude",
+		label: "Claude"
+	},
+	{
+		value: "codex",
+		label: "Codex"
+	},
+	{
+		value: "opencode",
+		label: "OpenCode"
+	},
+	{
+		value: "gemini",
+		label: "Gemini"
+	},
+	{
+		value: "openai-compat",
+		label: "OpenAI-compatible"
+	},
+	{
+		value: "copilot",
+		label: "Copilot"
+	},
+	{
+		value: "aider",
+		label: "Aider"
+	},
+	{
+		value: "amp",
+		label: "Amp"
+	},
+	{
+		value: "crush",
+		label: "Crush"
+	},
+	{
+		value: "goose",
+		label: "Goose"
+	},
+	{
+		value: "pi",
+		label: "Pi"
+	},
+	{
+		value: "plandex",
+		label: "Plandex"
+	}
+];
+function _({ agentId: _, onNavigateToSession: v }) {
+	let y = e(), [b, x] = l([]), [S, C] = l(!0), [w, T] = l(null), [E, D] = l(!1), [O, k] = l(!1), [A, j] = l(""), [M, N] = l("claude"), P = s(async () => {
+		C(!0), T(null);
+		try {
+			x(await o(_));
+		} catch (e) {
+			T(e instanceof Error ? e.message : "Failed to load sessions");
+		} finally {
+			C(!1);
+		}
+	}, [_]);
+	return c(() => {
+		P();
+	}, [P]), S ? /* @__PURE__ */ p(t, { message: y("vibecontrols.ai.sessions.loading", "Loading sessions...") }) : w ? /* @__PURE__ */ p(n, {
+		title: y("vibecontrols.ai.sessions.loadFailed", "Failed to load sessions"),
+		message: w,
+		onRetry: P
+	}) : /* @__PURE__ */ m("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary",
+					children: [b.length, " session(s)"]
+				}), /* @__PURE__ */ m("button", {
+					onClick: () => D(!0),
+					className: "flex w-full items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover sm:w-auto",
+					children: [/* @__PURE__ */ p(d, { className: "w-4 h-4" }), y("vibecontrols.ai.sessions.newSession", "New Session")]
+				})]
+			}),
+			b.length === 0 ? /* @__PURE__ */ p(r, {
+				icon: /* @__PURE__ */ p(u, { className: "w-8 h-8 text-text-secondary" }),
+				title: y("vibecontrols.ai.sessions.emptyTitle", "No AI sessions"),
+				description: y("vibecontrols.ai.sessions.emptyDescription", "Create a new session to start interacting with an AI agent"),
+				action: /* @__PURE__ */ m("button", {
+					onClick: () => D(!0),
+					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__ */ p(d, { className: "w-4 h-4" }), y("vibecontrols.ai.sessions.newSession", "New Session")]
+				})
+			}) : /* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
+				children: b.map((e) => /* @__PURE__ */ m(i, {
+					hoverable: !0,
+					onClick: () => v?.(e.id),
+					className: "p-4 cursor-pointer",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ m("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ p("h4", {
+									className: "font-semibold text-text-primary truncate",
+									children: e.name
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-text-secondary mt-0.5",
+									children: e.agentType
+								})]
+							}), /* @__PURE__ */ p("span", {
+								className: `px-2 py-0.5 text-xs rounded-full font-medium flex-shrink-0 ${h[e.status] ?? "bg-bg-sunken text-text-secondary"}`,
+								children: e.status
+							})]
+						}),
+						e.stats && /* @__PURE__ */ m("div", {
+							className: "mt-3 grid grid-cols-2 gap-2 text-xs",
+							children: [/* @__PURE__ */ m("div", {
+								className: "bg-bg-sunken rounded p-2",
+								children: [/* @__PURE__ */ p("div", {
+									className: "text-text-secondary",
+									children: "Total Tokens"
+								}), /* @__PURE__ */ p("div", {
+									className: "font-semibold text-text-primary",
+									children: e.stats.totalTokens?.toLocaleString() ?? 0
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "bg-bg-sunken rounded p-2",
+								children: [/* @__PURE__ */ p("div", {
+									className: "text-text-secondary",
+									children: "Input / Output"
+								}), /* @__PURE__ */ m("div", {
+									className: "font-semibold text-text-primary",
+									children: [
+										e.stats.inputTokens?.toLocaleString() ?? 0,
+										" /",
+										" ",
+										e.stats.outputTokens?.toLocaleString() ?? 0
+									]
+								})]
+							})]
+						}),
+						e.createdAt && /* @__PURE__ */ m("p", {
+							className: "mt-2 text-xs text-text-muted",
+							children: ["Created ", new Date(e.createdAt).toLocaleDateString()]
+						})
+					]
+				}, e.id))
+			}),
+			E && /* @__PURE__ */ p("div", {
+				className: "fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4",
+				onClick: () => D(!1),
+				children: /* @__PURE__ */ m("div", {
+					className: "bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-sm p-6",
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "mb-4 flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ p("h3", {
+								className: "text-lg font-semibold text-text-primary",
+								children: y("vibecontrols.ai.sessions.newAISession", "New AI Session")
+							}), /* @__PURE__ */ p("button", {
+								onClick: () => D(!1),
+								className: "p-1 hover:bg-bg-sunken rounded-md",
+								children: /* @__PURE__ */ p(f, { className: "w-4 h-4 text-text-secondary" })
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: y("vibecontrols.ai.sessions.name", "Name")
+							}), /* @__PURE__ */ p("input", {
+								type: "text",
+								value: A,
+								onChange: (e) => j(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: y("vibecontrols.ai.sessions.sessionNamePlaceholder", "Session name"),
+								autoFocus: !0
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary mb-1",
+								children: y("vibecontrols.ai.sessions.agentType", "Agent Type")
+							}), /* @__PURE__ */ p("select", {
+								value: M,
+								onChange: (e) => N(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: g.map((e) => /* @__PURE__ */ p("option", {
+									value: e.value,
+									children: e.label
+								}, e.value))
+							})] })]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex justify-end gap-2 mt-6",
+							children: [/* @__PURE__ */ p("button", {
+								onClick: () => D(!1),
+								className: "px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+								children: y("vibecontrols.ai.sessions.cancel", "Cancel")
+							}), /* @__PURE__ */ p("button", {
+								onClick: async () => {
+									if (A.trim()) {
+										k(!0);
+										try {
+											let e = await a(_, {
+												name: A,
+												agentType: M
+											});
+											D(!1), j(""), N("claude"), await P(), v?.(e.id);
+										} catch (e) {
+											console.error("Failed to create session:", e);
+										} finally {
+											k(!1);
+										}
+									}
+								},
+								disabled: O || !A.trim(),
+								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: O ? y("vibecontrols.ai.sessions.creating", "Creating...") : y("vibecontrols.ai.sessions.create", "Create")
+							})]
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { _ as AISessionsTab };
+
+//# sourceMappingURL=AISessionsTab.js.map

package/dist/components/ai/AISessionsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AISessionsTab.js","names":[],"sources":["../../../src/components/ai/AISessionsTab.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { Plus, MessageSquare, X } from 'lucide-react';\nimport { Card, LoadingState, ErrorState, EmptyState } from '@/components/shared';\nimport type { AISession } from '@/services/aiApi';\nimport { fetchSessions, createSession } from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AISessionsTabProps {\n  agentId: string;\n  onNavigateToSession?: (sessionId: string) => void;\n}\n\nconst statusColors: Record<string, string> = {\n  active: 'bg-status-success-bg text-status-success-text',\n  idle: 'bg-status-warning-bg text-status-warning-text',\n  processing: 'bg-action-primary-bg/20 text-action-primary-bg',\n  error: 'bg-status-error-bg text-status-error-text',\n  terminated: 'bg-bg-sunken text-text-secondary',\n};\n\nconst agentTypes = [\n  { value: 'claude', label: 'Claude' },\n  { value: 'codex', label: 'Codex' },\n  { value: 'opencode', label: 'OpenCode' },\n  { value: 'gemini', label: 'Gemini' },\n  { value: 'openai-compat', label: 'OpenAI-compatible' },\n  { value: 'copilot', label: 'Copilot' },\n  { value: 'aider', label: 'Aider' },\n  { value: 'amp', label: 'Amp' },\n  { value: 'crush', label: 'Crush' },\n  { value: 'goose', label: 'Goose' },\n  { value: 'pi', label: 'Pi' },\n  { value: 'plandex', label: 'Plandex' },\n];\n\nexport function AISessionsTab({ agentId, onNavigateToSession }: AISessionsTabProps) {\n  const tr = useTr();\n  const [sessions, setSessions] = useState<AISession[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [showCreate, setShowCreate] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [newName, setNewName] = useState('');\n  const [newAgentType, setNewAgentType] = useState('claude');\n\n  const loadSessions = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await fetchSessions(agentId);\n      setSessions(result);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load sessions');\n    } finally {\n      setLoading(false);\n    }\n  }, [agentId]);\n\n  useEffect(() => {\n    loadSessions();\n  }, [loadSessions]);\n\n  const handleCreate = async () => {\n    if (!newName.trim()) return;\n    setCreating(true);\n    try {\n      const session = await createSession(agentId, {\n        name: newName,\n        agentType: newAgentType,\n      });\n      setShowCreate(false);\n      setNewName('');\n      setNewAgentType('claude');\n      await loadSessions();\n      onNavigateToSession?.(session.id);\n    } catch (err) {\n      console.error('Failed to create session:', err);\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  if (loading)\n    return <LoadingState message={tr('vibecontrols.ai.sessions.loading', 'Loading sessions...')} />;\n  if (error)\n    return (\n      <ErrorState\n        title={tr('vibecontrols.ai.sessions.loadFailed', 'Failed to load sessions')}\n        message={error}\n        onRetry={loadSessions}\n      />\n    );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Toolbar */}\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n        <p className=\"text-sm text-text-secondary\">{sessions.length} session(s)</p>\n        <button\n          onClick={() => setShowCreate(true)}\n          className=\"flex w-full items-center justify-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm text-action-primary-text transition-colors hover:bg-action-primary-bg-hover sm:w-auto\"\n        >\n          <Plus className=\"w-4 h-4\" />\n          {tr('vibecontrols.ai.sessions.newSession', 'New Session')}\n        </button>\n      </div>\n\n      {/* Session Grid */}\n      {sessions.length === 0 ? (\n        <EmptyState\n          icon={<MessageSquare className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('vibecontrols.ai.sessions.emptyTitle', 'No AI sessions')}\n          description={tr(\n            'vibecontrols.ai.sessions.emptyDescription',\n            'Create a new session to start interacting with an AI agent'\n          )}\n          action={\n            <button\n              onClick={() => setShowCreate(true)}\n              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\"\n            >\n              <Plus className=\"w-4 h-4\" />\n              {tr('vibecontrols.ai.sessions.newSession', 'New Session')}\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {sessions.map((session) => (\n            <Card\n              key={session.id}\n              hoverable\n              onClick={() => onNavigateToSession?.(session.id)}\n              className=\"p-4 cursor-pointer\"\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"min-w-0 flex-1\">\n                  <h4 className=\"font-semibold text-text-primary truncate\">{session.name}</h4>\n                  <p className=\"text-xs text-text-secondary mt-0.5\">{session.agentType}</p>\n                </div>\n                <span\n                  className={`px-2 py-0.5 text-xs rounded-full font-medium flex-shrink-0 ${statusColors[session.status] ?? 'bg-bg-sunken text-text-secondary'}`}\n                >\n                  {session.status}\n                </span>\n              </div>\n\n              {session.stats && (\n                <div className=\"mt-3 grid grid-cols-2 gap-2 text-xs\">\n                  <div className=\"bg-bg-sunken rounded p-2\">\n                    <div className=\"text-text-secondary\">Total Tokens</div>\n                    <div className=\"font-semibold text-text-primary\">\n                      {session.stats.totalTokens?.toLocaleString() ?? 0}\n                    </div>\n                  </div>\n                  <div className=\"bg-bg-sunken rounded p-2\">\n                    <div className=\"text-text-secondary\">Input / Output</div>\n                    <div className=\"font-semibold text-text-primary\">\n                      {session.stats.inputTokens?.toLocaleString() ?? 0} /{' '}\n                      {session.stats.outputTokens?.toLocaleString() ?? 0}\n                    </div>\n                  </div>\n                </div>\n              )}\n\n              {session.createdAt && (\n                <p className=\"mt-2 text-xs text-text-muted\">\n                  Created {new Date(session.createdAt).toLocaleDateString()}\n                </p>\n              )}\n            </Card>\n          ))}\n        </div>\n      )}\n\n      {/* Create Session Dialog */}\n      {showCreate && (\n        <div\n          className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\"\n          onClick={() => setShowCreate(false)}\n        >\n          <div\n            className=\"bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-sm p-6\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div className=\"mb-4 flex items-start justify-between gap-3\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {tr('vibecontrols.ai.sessions.newAISession', 'New AI Session')}\n              </h3>\n              <button\n                onClick={() => setShowCreate(false)}\n                className=\"p-1 hover:bg-bg-sunken rounded-md\"\n              >\n                <X className=\"w-4 h-4 text-text-secondary\" />\n              </button>\n            </div>\n            <div className=\"space-y-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.ai.sessions.name', 'Name')}\n                </label>\n                <input\n                  type=\"text\"\n                  value={newName}\n                  onChange={(e) => setNewName(e.target.value)}\n                  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\"\n                  placeholder={tr(\n                    'vibecontrols.ai.sessions.sessionNamePlaceholder',\n                    'Session name'\n                  )}\n                  autoFocus\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.ai.sessions.agentType', 'Agent Type')}\n                </label>\n                <select\n                  value={newAgentType}\n                  onChange={(e) => setNewAgentType(e.target.value)}\n                  className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm\"\n                >\n                  {agentTypes.map((t) => (\n                    <option key={t.value} value={t.value}>\n                      {t.label}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n            <div className=\"flex justify-end gap-2 mt-6\">\n              <button\n                onClick={() => setShowCreate(false)}\n                className=\"px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n              >\n                {tr('vibecontrols.ai.sessions.cancel', 'Cancel')}\n              </button>\n              <button\n                onClick={handleCreate}\n                disabled={creating || !newName.trim()}\n                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\"\n              >\n                {creating\n                  ? tr('vibecontrols.ai.sessions.creating', 'Creating...')\n                  : tr('vibecontrols.ai.sessions.create', 'Create')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ai/AIStatsTab.d.ts

@@ -0,0 +1,6 @@
+interface AIStatsTabProps {
+    agentId: string;
+}
+export declare function AIStatsTab({ agentId }: AIStatsTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIStatsTab.d.ts.map

package/dist/components/ai/AIStatsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIStatsTab.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AIStatsTab.tsx"],"names":[],"mappings":"AAQA,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,2CAyKtD"}

package/dist/components/ai/AIStatsTab.js

@@ -0,0 +1,182 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../shared/LoadingState.js";
+import { ErrorState as n } from "../shared/ErrorState.js";
+import { Card as r } from "../shared/Card.js";
+import { StatCard as i } from "../shared/StatCard.js";
+import "../shared/index.js";
+import { fetchStatsOverview as a, fetchUsageStats as o } from "../../services/aiApi.js";
+import { useCallback as s, useEffect as c, useState as l } from "react";
+import { BarChart3 as u, MessageSquare as d, RefreshCw as f, Zap as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { MotionItem as g, MotionList as _ } from "@burdenoff/fe-libs/shared/motion";
+//#region src/components/ai/AIStatsTab.tsx
+function v({ agentId: v }) {
+	let y = e(), [b, x] = l(null), [S, C] = l(null), [w, T] = l(!0), [E, D] = l(null), O = s(async () => {
+		T(!0), D(null);
+		try {
+			let [e, t] = await Promise.all([a(v), o(v)]);
+			x(e), C(t);
+		} catch (e) {
+			D(e instanceof Error ? e.message : "Failed to load stats");
+		} finally {
+			T(!1);
+		}
+	}, [v]);
+	if (c(() => {
+		O();
+	}, [O]), w) return /* @__PURE__ */ m(t, { message: y("vibecontrols.ai.stats.loading", "Loading stats...") });
+	if (E) return /* @__PURE__ */ m(n, {
+		title: y("vibecontrols.ai.stats.loadFailed", "Failed to load stats"),
+		message: E,
+		onRetry: O
+	});
+	let k = Math.max(...S?.byProvider.map((e) => e.tokens) ?? [1]);
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ h("button", {
+					onClick: O,
+					className: "flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:bg-bg-sunken rounded-md transition-colors",
+					children: [/* @__PURE__ */ m(f, { className: "w-3.5 h-3.5" }), y("vibecontrols.ai.stats.refresh", "Refresh")]
+				})
+			}),
+			/* @__PURE__ */ h(_, {
+				stagger: .04,
+				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+						title: y("vibecontrols.ai.stats.totalTokens", "Total Tokens"),
+						value: b?.totalTokens?.toLocaleString() ?? "0",
+						icon: /* @__PURE__ */ m(p, { className: "w-5 h-5" })
+					}) }),
+					/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+						title: y("vibecontrols.ai.stats.inputTokens", "Input Tokens"),
+						value: b?.inputTokens?.toLocaleString() ?? "0",
+						icon: /* @__PURE__ */ m(p, { className: "w-5 h-5" }),
+						variant: "success"
+					}) }),
+					/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+						title: y("vibecontrols.ai.stats.outputTokens", "Output Tokens"),
+						value: b?.outputTokens?.toLocaleString() ?? "0",
+						icon: /* @__PURE__ */ m(p, { className: "w-5 h-5" }),
+						variant: "warning"
+					}) })
+				]
+			}),
+			S?.byStatus && S.byStatus.length > 0 && /* @__PURE__ */ h(r, {
+				className: "p-4",
+				children: [/* @__PURE__ */ h("h3", {
+					className: "font-semibold text-text-primary mb-4 flex items-center gap-2",
+					children: [/* @__PURE__ */ m(d, { className: "w-4 h-4" }), y("vibecontrols.ai.stats.sessionsByStatus", "Sessions by Status")]
+				}), /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3",
+					children: S.byStatus.map((e) => /* @__PURE__ */ h("div", {
+						className: "bg-bg-sunken rounded-lg p-3 text-center",
+						children: [/* @__PURE__ */ m("div", {
+							className: "text-2xl font-bold text-text-primary",
+							children: e.count
+						}), /* @__PURE__ */ m("div", {
+							className: "text-xs text-text-secondary mt-1 capitalize",
+							children: e.status
+						})]
+					}, e.status))
+				})]
+			}),
+			S?.byProvider && S.byProvider.length > 0 && /* @__PURE__ */ h(r, {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ h("h3", {
+						className: "font-semibold text-text-primary mb-4 flex items-center gap-2",
+						children: [/* @__PURE__ */ m(u, { className: "w-4 h-4" }), y("vibecontrols.ai.stats.usageByProvider", "Usage by Provider")]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ h("table", {
+							className: "w-full text-sm",
+							children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+								className: "border-b border-border-default",
+								children: [
+									/* @__PURE__ */ m("th", {
+										className: "text-left py-2 pr-4 font-medium text-text-secondary",
+										children: "Provider"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "text-right py-2 px-4 font-medium text-text-secondary",
+										children: "Tokens"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "text-right py-2 px-4 font-medium text-text-secondary",
+										children: "Sessions"
+									}),
+									/* @__PURE__ */ m("th", {
+										className: "text-right py-2 pl-4 font-medium text-text-secondary",
+										children: "Cost"
+									})
+								]
+							}) }), /* @__PURE__ */ m("tbody", { children: S.byProvider.map((e) => /* @__PURE__ */ h("tr", {
+								className: "border-b border-border-default last:border-0",
+								children: [
+									/* @__PURE__ */ m("td", {
+										className: "py-2 pr-4 font-medium text-text-primary capitalize",
+										children: e.provider
+									}),
+									/* @__PURE__ */ m("td", {
+										className: "py-2 px-4 text-right text-text-primary",
+										children: e.tokens.toLocaleString()
+									}),
+									/* @__PURE__ */ m("td", {
+										className: "py-2 px-4 text-right text-text-primary",
+										children: e.sessions
+									}),
+									/* @__PURE__ */ m("td", {
+										className: "py-2 pl-4 text-right text-text-secondary",
+										children: e.cost === void 0 ? "--" : `$${e.cost.toFixed(4)}`
+									})
+								]
+							}, e.provider)) })]
+						})
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "mt-6 space-y-3",
+						children: [/* @__PURE__ */ m("h4", {
+							className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
+							children: y("vibecontrols.ai.stats.tokenDistribution", "Token Distribution")
+						}), S.byProvider.map((e) => {
+							let t = k > 0 ? e.tokens / k * 100 : 0;
+							return /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ m("span", {
+										className: "w-20 text-xs text-text-primary font-medium capitalize truncate",
+										children: e.provider
+									}),
+									/* @__PURE__ */ m("div", {
+										className: "flex-1 bg-bg-sunken rounded-full h-5 overflow-hidden",
+										children: /* @__PURE__ */ m("div", {
+											className: "h-full bg-action-primary-bg rounded-full transition-all duration-500 flex items-center justify-end pr-2",
+											style: { width: `${Math.max(t, 2)}%` },
+											children: t > 15 && /* @__PURE__ */ m("span", {
+												className: "text-[10px] font-medium text-action-primary-text",
+												children: e.tokens.toLocaleString()
+											})
+										})
+									}),
+									t <= 15 && /* @__PURE__ */ m("span", {
+										className: "text-xs text-text-secondary",
+										children: e.tokens.toLocaleString()
+									})
+								]
+							}, e.provider);
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { v as AIStatsTab };
+
+//# sourceMappingURL=AIStatsTab.js.map

package/dist/components/ai/AIStatsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIStatsTab.js","names":[],"sources":["../../../src/components/ai/AIStatsTab.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { Zap, MessageSquare, BarChart3, RefreshCw } from 'lucide-react';\nimport { StatCard, Card, LoadingState, ErrorState } from '@/components/shared';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport type { AIStatsOverview, AIUsageStats } from '@/services/aiApi';\nimport { fetchStatsOverview, fetchUsageStats } from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AIStatsTabProps {\n  agentId: string;\n}\n\nexport function AIStatsTab({ agentId }: AIStatsTabProps) {\n  const tr = useTr();\n  const [overview, setOverview] = useState<AIStatsOverview | null>(null);\n  const [usage, setUsage] = useState<AIUsageStats | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  const loadStats = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const [o, u] = await Promise.all([fetchStatsOverview(agentId), fetchUsageStats(agentId)]);\n      setOverview(o);\n      setUsage(u);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load stats');\n    } finally {\n      setLoading(false);\n    }\n  }, [agentId]);\n\n  useEffect(() => {\n    loadStats();\n  }, [loadStats]);\n\n  if (loading)\n    return <LoadingState message={tr('vibecontrols.ai.stats.loading', 'Loading stats...')} />;\n  if (error)\n    return (\n      <ErrorState\n        title={tr('vibecontrols.ai.stats.loadFailed', 'Failed to load stats')}\n        message={error}\n        onRetry={loadStats}\n      />\n    );\n\n  const maxTokens = Math.max(...(usage?.byProvider.map((p) => p.tokens) ?? [1]));\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Refresh */}\n      <div className=\"flex justify-end\">\n        <button\n          onClick={loadStats}\n          className=\"flex items-center gap-1.5 px-3 py-1.5 text-xs text-text-secondary hover:bg-bg-sunken rounded-md transition-colors\"\n        >\n          <RefreshCw className=\"w-3.5 h-3.5\" />\n          {tr('vibecontrols.ai.stats.refresh', 'Refresh')}\n        </button>\n      </div>\n\n      {/* Token Stats */}\n      <MotionList stagger={0.04} className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.stats.totalTokens', 'Total Tokens')}\n            value={overview?.totalTokens?.toLocaleString() ?? '0'}\n            icon={<Zap className=\"w-5 h-5\" />}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.stats.inputTokens', 'Input Tokens')}\n            value={overview?.inputTokens?.toLocaleString() ?? '0'}\n            icon={<Zap className=\"w-5 h-5\" />}\n            variant=\"success\"\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.stats.outputTokens', 'Output Tokens')}\n            value={overview?.outputTokens?.toLocaleString() ?? '0'}\n            icon={<Zap className=\"w-5 h-5\" />}\n            variant=\"warning\"\n          />\n        </MotionItem>\n      </MotionList>\n\n      {/* Sessions by Status */}\n      {usage?.byStatus && usage.byStatus.length > 0 && (\n        <Card className=\"p-4\">\n          <h3 className=\"font-semibold text-text-primary mb-4 flex items-center gap-2\">\n            <MessageSquare className=\"w-4 h-4\" />\n            {tr('vibecontrols.ai.stats.sessionsByStatus', 'Sessions by Status')}\n          </h3>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n            {usage.byStatus.map((item) => (\n              <div key={item.status} className=\"bg-bg-sunken rounded-lg p-3 text-center\">\n                <div className=\"text-2xl font-bold text-text-primary\">{item.count}</div>\n                <div className=\"text-xs text-text-secondary mt-1 capitalize\">{item.status}</div>\n              </div>\n            ))}\n          </div>\n        </Card>\n      )}\n\n      {/* Usage by Provider */}\n      {usage?.byProvider && usage.byProvider.length > 0 && (\n        <Card className=\"p-4\">\n          <h3 className=\"font-semibold text-text-primary mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"w-4 h-4\" />\n            {tr('vibecontrols.ai.stats.usageByProvider', 'Usage by Provider')}\n          </h3>\n\n          {/* Table */}\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b border-border-default\">\n                  <th className=\"text-left py-2 pr-4 font-medium text-text-secondary\">Provider</th>\n                  <th className=\"text-right py-2 px-4 font-medium text-text-secondary\">Tokens</th>\n                  <th className=\"text-right py-2 px-4 font-medium text-text-secondary\">Sessions</th>\n                  <th className=\"text-right py-2 pl-4 font-medium text-text-secondary\">Cost</th>\n                </tr>\n              </thead>\n              <tbody>\n                {usage.byProvider.map((p) => (\n                  <tr key={p.provider} className=\"border-b border-border-default last:border-0\">\n                    <td className=\"py-2 pr-4 font-medium text-text-primary capitalize\">\n                      {p.provider}\n                    </td>\n                    <td className=\"py-2 px-4 text-right text-text-primary\">\n                      {p.tokens.toLocaleString()}\n                    </td>\n                    <td className=\"py-2 px-4 text-right text-text-primary\">{p.sessions}</td>\n                    <td className=\"py-2 pl-4 text-right text-text-secondary\">\n                      {p.cost !== undefined ? `$${p.cost.toFixed(4)}` : '--'}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {/* CSS Bar Chart */}\n          <div className=\"mt-6 space-y-3\">\n            <h4 className=\"text-xs font-medium text-text-secondary uppercase tracking-wide\">\n              {tr('vibecontrols.ai.stats.tokenDistribution', 'Token Distribution')}\n            </h4>\n            {usage.byProvider.map((p) => {\n              const pct = maxTokens > 0 ? (p.tokens / maxTokens) * 100 : 0;\n              return (\n                <div key={p.provider} className=\"flex items-center gap-3\">\n                  <span className=\"w-20 text-xs text-text-primary font-medium capitalize truncate\">\n                    {p.provider}\n                  </span>\n                  <div className=\"flex-1 bg-bg-sunken rounded-full h-5 overflow-hidden\">\n                    <div\n                      className=\"h-full bg-action-primary-bg rounded-full transition-all duration-500 flex items-center justify-end pr-2\"\n                      style={{ width: `${Math.max(pct, 2)}%` }}\n                    >\n                      {pct > 15 && (\n                        <span className=\"text-[10px] font-medium text-action-primary-text\">\n                          {p.tokens.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                  {pct <= 15 && (\n                    <span className=\"text-xs text-text-secondary\">{p.tokens.toLocaleString()}</span>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ai/AITasksTab.d.ts

@@ -0,0 +1,5 @@
+/**
+ * AI Tasks Tab — Kanban board backed by PlanMagnet's WorkItem model
+ */
+export declare function AITasksTab(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AITasksTab.d.ts.map

package/dist/components/ai/AITasksTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AITasksTab.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AITasksTab.tsx"],"names":[],"mappings":"AAAA;;GAEG;AA6DH,wBAAgB,UAAU,4CA0oBzB"}