@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/ai/AIContextsTab.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIContextsTab.js","names":[],"sources":["../../../src/components/ai/AIContextsTab.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo } from 'react';\nimport { Plus, X, FileText, Trash2, Pencil } from 'lucide-react';\nimport {\n  Card,\n  LoadingState,\n  ErrorState,\n  EmptyState,\n  ConfirmDialog,\n  SelectionCheckbox,\n} from '@/components/shared';\nimport type { AIContext } from '@/services/aiApi';\nimport { fetchContexts, createContext, updateContext, deleteContext } from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AIContextsTabProps {\n  agentId: string;\n}\n\nconst contextTypes = [\n  { value: 'all', label: 'All Types' },\n  { value: 'system', label: 'System' },\n  { value: 'user', label: 'User' },\n  { value: 'file', label: 'File' },\n  { value: 'project', label: 'Project' },\n  { value: 'custom', label: 'Custom' },\n];\n\ninterface ContextFormData {\n  name: string;\n  type: string;\n  content: string;\n  tags: string[];\n}\n\nconst emptyForm: ContextFormData = { name: '', type: 'custom', content: '', tags: [] };\n\nexport function AIContextsTab({ agentId }: AIContextsTabProps) {\n  const tr = useTr();\n  const [contexts, setContexts] = useState<AIContext[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [typeFilter, setTypeFilter] = useState('all');\n  const [showForm, setShowForm] = useState(false);\n  const [editingId, setEditingId] = useState<string | null>(null);\n  const [formData, setFormData] = useState<ContextFormData>(emptyForm);\n  const [tagInput, setTagInput] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [deleteIds, setDeleteIds] = useState<string[]>([]);\n  const [deleting, setDeleting] = useState(false);\n  const [selectedContextIds, setSelectedContextIds] = useState<Set<string>>(new Set());\n\n  const loadContexts = useCallback(async () => {\n    setLoading(true);\n    setError(null);\n    try {\n      const params: Record<string, unknown> = {};\n      if (typeFilter !== 'all') params.type = typeFilter;\n      const result = await fetchContexts(agentId, params);\n      setContexts(result);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to load contexts');\n    } finally {\n      setLoading(false);\n    }\n  }, [agentId, typeFilter]);\n\n  useEffect(() => {\n    loadContexts();\n  }, [loadContexts]);\n\n  const selectedContexts = useMemo(\n    () => contexts.filter((context) => selectedContextIds.has(context.id)),\n    [contexts, selectedContextIds]\n  );\n  const allVisibleSelected =\n    contexts.length > 0 && contexts.every((context) => selectedContextIds.has(context.id));\n  const partiallySelected =\n    contexts.some((context) => selectedContextIds.has(context.id)) && !allVisibleSelected;\n\n  const openCreate = () => {\n    setEditingId(null);\n    setFormData(emptyForm);\n    setTagInput('');\n    setShowForm(true);\n  };\n\n  const openEdit = (ctx: AIContext) => {\n    setEditingId(ctx.id);\n    setFormData({ name: ctx.name, type: ctx.type, content: ctx.content, tags: ctx.tags ?? [] });\n    setTagInput('');\n    setShowForm(true);\n  };\n\n  const handleSave = async () => {\n    setSaving(true);\n    try {\n      if (editingId) {\n        await updateContext(agentId, editingId, formData);\n      } else {\n        await createContext(agentId, formData);\n      }\n      setShowForm(false);\n      await loadContexts();\n    } catch (err) {\n      console.error('Failed to save context:', err);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async () => {\n    if (deleteIds.length === 0) return;\n    setDeleting(true);\n    try {\n      await Promise.allSettled(deleteIds.map((deleteId) => deleteContext(agentId, deleteId)));\n      setSelectedContextIds((prev) => {\n        const next = new Set(prev);\n        deleteIds.forEach((deleteId) => next.delete(deleteId));\n        return next;\n      });\n      setDeleteIds([]);\n      await loadContexts();\n    } catch (err) {\n      console.error('Failed to delete context:', err);\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  const addTag = () => {\n    const tag = tagInput.trim();\n    if (tag && !formData.tags.includes(tag)) {\n      setFormData((prev) => ({ ...prev, tags: [...prev.tags, tag] }));\n    }\n    setTagInput('');\n  };\n\n  const removeTag = (tag: string) => {\n    setFormData((prev) => ({ ...prev, tags: prev.tags.filter((t) => t !== tag) }));\n  };\n\n  const toggleContextSelection = (contextId: string, checked: boolean) => {\n    setSelectedContextIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(contextId);\n      } else {\n        next.delete(contextId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllVisibleContexts = (checked: boolean) => {\n    setSelectedContextIds((prev) => {\n      const next = new Set(prev);\n      contexts.forEach((context) => {\n        if (checked) {\n          next.add(context.id);\n        } else {\n          next.delete(context.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const clearSelection = () => setSelectedContextIds(new Set());\n\n  if (loading)\n    return <LoadingState message={tr('vibecontrols.ai.contexts.loading', 'Loading contexts...')} />;\n  if (error)\n    return (\n      <ErrorState\n        title={tr('vibecontrols.ai.contexts.loadFailed', 'Failed to load contexts')}\n        message={error}\n        onRetry={loadContexts}\n      />\n    );\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Toolbar */}\n      <div className=\"flex flex-col sm:flex-row items-stretch sm:items-center gap-2\">\n        <select\n          value={typeFilter}\n          onChange={(e) => setTypeFilter(e.target.value)}\n          className=\"px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm\"\n        >\n          {contextTypes.map((t) => (\n            <option key={t.value} value={t.value}>\n              {t.label}\n            </option>\n          ))}\n        </select>\n        <div className=\"flex-1\" />\n        <button\n          onClick={openCreate}\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 text-sm\"\n        >\n          <Plus className=\"w-4 h-4\" />\n          {tr('vibecontrols.ai.contexts.newContext', 'New Context')}\n        </button>\n      </div>\n\n      {contexts.length > 0 && (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <div className=\"flex items-center gap-2\">\n                <SelectionCheckbox\n                  checked={allVisibleSelected}\n                  indeterminate={partiallySelected}\n                  onChange={toggleAllVisibleContexts}\n                  ariaLabel=\"Select all visible contexts\"\n                />\n                <span className=\"text-sm font-medium text-text-primary\">\n                  {tr('vibecontrols.ai.contexts.selectAllVisible', 'Select all visible')}\n                </span>\n              </div>\n              {selectedContextIds.size > 0 && (\n                <button\n                  onClick={clearSelection}\n                  className=\"text-sm text-text-secondary hover:text-text-primary\"\n                >\n                  {tr('vibecontrols.ai.contexts.clearSelection', 'Clear selection')}\n                </button>\n              )}\n            </div>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"rounded-full bg-bg-sunken px-3 py-1 text-sm font-medium text-text-secondary\">\n                {selectedContextIds.size} {tr('vibecontrols.ai.contexts.selected', 'selected')}\n              </span>\n              <button\n                onClick={() => setDeleteIds(selectedContexts.map((context) => context.id))}\n                disabled={selectedContexts.length === 0}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                {tr('vibecontrols.ai.contexts.deleteSelected', 'Delete Selected')}\n                {selectedContexts.length > 0 ? ` (${selectedContexts.length})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Context List */}\n      {contexts.length === 0 ? (\n        <EmptyState\n          icon={<FileText className=\"w-8 h-8 text-text-secondary\" />}\n          title={tr('vibecontrols.ai.contexts.emptyTitle', 'No contexts yet')}\n          description={tr(\n            'vibecontrols.ai.contexts.emptyDescription',\n            'Create contexts to provide additional information to your AI sessions'\n          )}\n          action={\n            <button\n              onClick={openCreate}\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.contexts.newContext', 'New Context')}\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n          {contexts.map((ctx) => (\n            <Card\n              key={ctx.id}\n              className={`p-4 ${selectedContextIds.has(ctx.id) ? 'border-action-primary-bg ring-1 ring-action-primary-bg/25' : ''}`}\n            >\n              <div className=\"flex items-start justify-between gap-2\">\n                <div className=\"flex items-start gap-3 min-w-0 flex-1\">\n                  <div onClick={(event) => event.stopPropagation()}>\n                    <SelectionCheckbox\n                      checked={selectedContextIds.has(ctx.id)}\n                      onChange={(checked) => toggleContextSelection(ctx.id, checked)}\n                      ariaLabel={`Select context ${ctx.name}`}\n                    />\n                  </div>\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <h4 className=\"font-semibold text-text-primary truncate\">{ctx.name}</h4>\n                      <span className=\"px-1.5 py-0.5 text-xs bg-action-primary-bg/10 text-action-primary-bg rounded\">\n                        {ctx.type}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-1 flex-shrink-0\">\n                  <button\n                    onClick={() => openEdit(ctx)}\n                    className=\"p-1.5 hover:bg-bg-sunken rounded-md transition-colors\"\n                    title=\"Edit\"\n                  >\n                    <Pencil className=\"w-3.5 h-3.5 text-text-secondary\" />\n                  </button>\n                  <button\n                    onClick={() => setDeleteIds([ctx.id])}\n                    className=\"p-1.5 hover:bg-status-error-bg rounded-md transition-colors\"\n                    title=\"Delete\"\n                  >\n                    <Trash2 className=\"w-3.5 h-3.5 text-status-error-text\" />\n                  </button>\n                </div>\n              </div>\n              <pre className=\"mt-2 text-xs text-text-secondary bg-bg-sunken rounded p-2 max-h-20 overflow-auto whitespace-pre-wrap\">\n                {ctx.content}\n              </pre>\n              {ctx.tags.length > 0 && (\n                <div className=\"mt-2 flex flex-wrap gap-1\">\n                  {ctx.tags.map((tag) => (\n                    <span\n                      key={tag}\n                      className=\"px-1.5 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n                    >\n                      {tag}\n                    </span>\n                  ))}\n                </div>\n              )}\n            </Card>\n          ))}\n        </div>\n      )}\n\n      {/* Create/Edit Dialog */}\n      {showForm && (\n        <div\n          className=\"fixed inset-0 bg-bg-overlay flex items-center justify-center z-50 p-4\"\n          onClick={() => setShowForm(false)}\n        >\n          <div\n            className=\"bg-bg-surface border border-border-default rounded-lg shadow-xl w-full max-w-lg max-h-[90vh] overflow-y-auto p-6\"\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div className=\"flex items-center justify-between mb-4\">\n              <h3 className=\"text-lg font-semibold text-text-primary\">\n                {editingId\n                  ? tr('vibecontrols.ai.contexts.editContext', 'Edit Context')\n                  : tr('vibecontrols.ai.contexts.newContext', 'New Context')}\n              </h3>\n              <button\n                onClick={() => setShowForm(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\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.contexts.name', 'Name')}\n                </label>\n                <input\n                  type=\"text\"\n                  value={formData.name}\n                  onChange={(e) => setFormData({ ...formData, name: 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('vibecontrols.ai.contexts.namePlaceholder', 'Context name')}\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.ai.contexts.type', 'Type')}\n                </label>\n                <select\n                  value={formData.type}\n                  onChange={(e) => setFormData({ ...formData, type: 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                  {contextTypes\n                    .filter((t) => t.value !== 'all')\n                    .map((t) => (\n                      <option key={t.value} value={t.value}>\n                        {t.label}\n                      </option>\n                    ))}\n                </select>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.ai.contexts.content', 'Content')}\n                </label>\n                <textarea\n                  value={formData.content}\n                  onChange={(e) => setFormData({ ...formData, content: e.target.value })}\n                  rows={8}\n                  className=\"w-full px-3 py-2 bg-bg-sunken border border-border-default rounded-md text-text-primary text-sm font-mono focus:outline-none focus:border-border-strong\"\n                  placeholder={tr(\n                    'vibecontrols.ai.contexts.contentPlaceholder',\n                    'Context content...'\n                  )}\n                />\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-text-primary mb-1\">\n                  {tr('vibecontrols.ai.contexts.tags', 'Tags')}\n                </label>\n                <div className=\"flex flex-wrap gap-1 mb-2\">\n                  {formData.tags.map((tag) => (\n                    <span\n                      key={tag}\n                      className=\"flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-primary rounded\"\n                    >\n                      {tag}\n                      <button onClick={() => removeTag(tag)}>\n                        <X className=\"w-3 h-3 text-text-secondary hover:text-status-error-text\" />\n                      </button>\n                    </span>\n                  ))}\n                </div>\n                <div className=\"flex gap-2\">\n                  <input\n                    type=\"text\"\n                    value={tagInput}\n                    onChange={(e) => setTagInput(e.target.value)}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter') {\n                        e.preventDefault();\n                        addTag();\n                      }\n                    }}\n                    className=\"flex-1 px-3 py-1.5 bg-bg-sunken border border-border-default rounded text-sm text-text-primary focus:outline-none focus:border-border-strong\"\n                    placeholder={tr('vibecontrols.ai.contexts.addTagPlaceholder', 'Add a tag...')}\n                  />\n                  <button\n                    onClick={addTag}\n                    className=\"px-3 py-1.5 text-xs bg-bg-sunken border border-border-default rounded hover:bg-bg-surface transition-colors\"\n                  >\n                    {tr('vibecontrols.ai.contexts.add', 'Add')}\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"flex justify-end gap-2 mt-6\">\n              <button\n                onClick={() => setShowForm(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.contexts.cancel', 'Cancel')}\n              </button>\n              <button\n                onClick={handleSave}\n                disabled={saving || !formData.name || !formData.content}\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                {saving\n                  ? tr('vibecontrols.ai.contexts.saving', 'Saving...')\n                  : editingId\n                    ? tr('vibecontrols.ai.contexts.update', 'Update')\n                    : tr('vibecontrols.ai.contexts.create', 'Create')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Delete Confirmation */}\n      <ConfirmDialog\n        isOpen={deleteIds.length > 0}\n        title={deleteIds.length > 1 ? 'Delete Contexts' : 'Delete Context'}\n        message={\n          deleteIds.length > 1\n            ? `Are you sure you want to delete ${deleteIds.length} selected contexts? This action cannot be undone.`\n            : 'Are you sure you want to delete this context? This action cannot be undone.'\n        }\n        confirmLabel={deleting ? 'Deleting...' : 'Delete'}\n        variant=\"danger\"\n        onConfirm={handleDelete}\n        onClose={() => setDeleteIds([])}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+interface AIOverviewTabProps {
+    agentId: string;
+    onNavigateToSession?: (sessionId: string) => void;
+}
+export declare function AIOverviewTab({ agentId, onNavigateToSession }: AIOverviewTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AIOverviewTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIOverviewTab.d.ts","sourceRoot":"","sources":["../../../src/components/ai/AIOverviewTab.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAUD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAAE,kBAAkB,2CAuJjF"}

package/dist/components/ai/AIOverviewTab.js

@@ -0,0 +1,143 @@
+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 { fetchDispatchHistory as a, fetchSessions as o, fetchStatsOverview as s } from "../../services/aiApi.js";
+import { useEffect as c, useState as l } from "react";
+import { Activity as u, Clock as d, MessageSquare 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/AIOverviewTab.tsx
+var v = {
+	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"
+};
+function y({ agentId: y, onNavigateToSession: b }) {
+	let x = e(), [S, C] = l(null), [w, T] = l([]), [E, D] = l([]), [O, k] = l(!0), [A, j] = l(null);
+	return c(() => {
+		let e = !1;
+		async function t() {
+			k(!0), j(null);
+			try {
+				let [t, n, r] = await Promise.all([
+					s(y),
+					o(y, {
+						limit: 5,
+						sort: "updatedAt:desc"
+					}),
+					a(y, { limit: 5 })
+				]);
+				if (e) return;
+				C(t), T(n), D(r);
+			} catch (t) {
+				e || j(t instanceof Error ? t.message : "Failed to load overview");
+			} finally {
+				e || k(!1);
+			}
+		}
+		return t(), () => {
+			e = !0;
+		};
+	}, [y]), O ? /* @__PURE__ */ m(t, { message: x("vibecontrols.ai.overview.loading", "Loading AI overview...") }) : A ? /* @__PURE__ */ m(n, {
+		title: x("vibecontrols.ai.overview.loadFailed", "Failed to load overview"),
+		message: A
+	}) : /* @__PURE__ */ h("div", {
+		className: "space-y-6",
+		children: [/* @__PURE__ */ h(_, {
+			stagger: .04,
+			className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+			children: [
+				/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+					title: x("vibecontrols.ai.overview.activeSessions", "Active Sessions"),
+					value: S?.activeSessions ?? 0,
+					icon: /* @__PURE__ */ m(u, { className: "w-5 h-5" }),
+					variant: "success"
+				}) }),
+				/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+					title: x("vibecontrols.ai.overview.totalTokens", "Total Tokens"),
+					value: S?.totalTokens?.toLocaleString() ?? "0",
+					subtitle: `In: ${S?.inputTokens?.toLocaleString() ?? 0} / Out: ${S?.outputTokens?.toLocaleString() ?? 0}`,
+					icon: /* @__PURE__ */ m(p, { className: "w-5 h-5" })
+				}) }),
+				/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+					title: x("vibecontrols.ai.overview.queuedPrompts", "Queued Prompts"),
+					value: S?.queuedPrompts ?? 0,
+					icon: /* @__PURE__ */ m(d, { className: "w-5 h-5" }),
+					variant: S?.queuedPrompts && S.queuedPrompts > 0 ? "warning" : "default"
+				}) }),
+				/* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(i, {
+					title: x("vibecontrols.ai.overview.totalSessions", "Total Sessions"),
+					value: S?.totalSessions ?? 0,
+					icon: /* @__PURE__ */ m(f, { className: "w-5 h-5" })
+				}) })
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+			children: [/* @__PURE__ */ h(r, {
+				className: "p-0",
+				children: [/* @__PURE__ */ m("div", {
+					className: "px-4 py-3 border-b border-border-default",
+					children: /* @__PURE__ */ m("h3", {
+						className: "font-semibold text-text-primary",
+						children: x("vibecontrols.ai.overview.recentSessions", "Recent Sessions")
+					})
+				}), /* @__PURE__ */ m("div", {
+					className: "divide-y divide-border-default",
+					children: w.length === 0 ? /* @__PURE__ */ m("p", {
+						className: "px-4 py-6 text-sm text-text-secondary text-center",
+						children: x("vibecontrols.ai.overview.noSessions", "No sessions yet")
+					}) : w.map((e) => /* @__PURE__ */ h("button", {
+						onClick: () => b?.(e.id),
+						className: "flex w-full flex-col items-start gap-2 px-4 py-3 text-left transition-colors hover:bg-bg-sunken sm:flex-row sm:items-center sm:justify-between",
+						children: [/* @__PURE__ */ h("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ m("div", {
+								className: "font-medium text-text-primary text-sm truncate",
+								children: e.name
+							}), /* @__PURE__ */ m("div", {
+								className: "text-xs text-text-secondary",
+								children: e.agentType
+							})]
+						}), /* @__PURE__ */ m("span", {
+							className: `rounded-full px-2 py-0.5 text-xs font-medium ${v[e.status] ?? "bg-bg-sunken text-text-secondary"}`,
+							children: e.status
+						})]
+					}, e.id))
+				})]
+			}), /* @__PURE__ */ h(r, {
+				className: "p-0",
+				children: [/* @__PURE__ */ m("div", {
+					className: "px-4 py-3 border-b border-border-default",
+					children: /* @__PURE__ */ m("h3", {
+						className: "font-semibold text-text-primary",
+						children: x("vibecontrols.ai.overview.recentPrompts", "Recent Prompts")
+					})
+				}), /* @__PURE__ */ m("div", {
+					className: "divide-y divide-border-default",
+					children: E.length === 0 ? /* @__PURE__ */ m("p", {
+						className: "px-4 py-6 text-sm text-text-secondary text-center",
+						children: x("vibecontrols.ai.overview.noPrompts", "No prompts dispatched yet")
+					}) : E.map((e) => /* @__PURE__ */ h("div", {
+						className: "px-4 py-3",
+						children: [/* @__PURE__ */ m("div", {
+							className: "text-sm text-text-primary line-clamp-2",
+							children: e.prompt
+						}), /* @__PURE__ */ h("div", {
+							className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-secondary",
+							children: [/* @__PURE__ */ m("span", { children: e.status }), e.createdAt && /* @__PURE__ */ m("span", { children: new Date(e.createdAt).toLocaleString() })]
+						})]
+					}, e.id))
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { y as AIOverviewTab };
+
+//# sourceMappingURL=AIOverviewTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIOverviewTab.js","names":[],"sources":["../../../src/components/ai/AIOverviewTab.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Activity, Zap, Clock, MessageSquare } from 'lucide-react';\nimport { StatCard, Card, LoadingState, ErrorState } from '@/components/shared';\nimport { MotionList, MotionItem } from '@burdenoff/fe-libs/shared/motion';\nimport type { AIStatsOverview, AISession, AIDispatch } from '@/services/aiApi';\nimport { fetchStatsOverview, fetchSessions, fetchDispatchHistory } from '@/services/aiApi';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AIOverviewTabProps {\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\nexport function AIOverviewTab({ agentId, onNavigateToSession }: AIOverviewTabProps) {\n  const tr = useTr();\n  const [stats, setStats] = useState<AIStatsOverview | null>(null);\n  const [recentSessions, setRecentSessions] = useState<AISession[]>([]);\n  const [recentPrompts, setRecentPrompts] = useState<AIDispatch[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    async function load() {\n      setLoading(true);\n      setError(null);\n      try {\n        const [s, sess, hist] = await Promise.all([\n          fetchStatsOverview(agentId),\n          fetchSessions(agentId, { limit: 5, sort: 'updatedAt:desc' }),\n          fetchDispatchHistory(agentId, { limit: 5 }),\n        ]);\n        if (cancelled) return;\n        setStats(s);\n        setRecentSessions(sess);\n        setRecentPrompts(hist);\n      } catch (err) {\n        if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load overview');\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    }\n    load();\n    return () => {\n      cancelled = true;\n    };\n  }, [agentId]);\n\n  if (loading)\n    return (\n      <LoadingState message={tr('vibecontrols.ai.overview.loading', 'Loading AI overview...')} />\n    );\n  if (error)\n    return (\n      <ErrorState\n        title={tr('vibecontrols.ai.overview.loadFailed', 'Failed to load overview')}\n        message={error}\n      />\n    );\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Quick Stats */}\n      <MotionList stagger={0.04} className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4\">\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.overview.activeSessions', 'Active Sessions')}\n            value={stats?.activeSessions ?? 0}\n            icon={<Activity className=\"w-5 h-5\" />}\n            variant=\"success\"\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.overview.totalTokens', 'Total Tokens')}\n            value={stats?.totalTokens?.toLocaleString() ?? '0'}\n            subtitle={`In: ${stats?.inputTokens?.toLocaleString() ?? 0} / Out: ${stats?.outputTokens?.toLocaleString() ?? 0}`}\n            icon={<Zap className=\"w-5 h-5\" />}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.overview.queuedPrompts', 'Queued Prompts')}\n            value={stats?.queuedPrompts ?? 0}\n            icon={<Clock className=\"w-5 h-5\" />}\n            variant={stats?.queuedPrompts && stats.queuedPrompts > 0 ? 'warning' : 'default'}\n          />\n        </MotionItem>\n        <MotionItem>\n          <StatCard\n            title={tr('vibecontrols.ai.overview.totalSessions', 'Total Sessions')}\n            value={stats?.totalSessions ?? 0}\n            icon={<MessageSquare className=\"w-5 h-5\" />}\n          />\n        </MotionItem>\n      </MotionList>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        {/* Recent Sessions */}\n        <Card className=\"p-0\">\n          <div className=\"px-4 py-3 border-b border-border-default\">\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('vibecontrols.ai.overview.recentSessions', 'Recent Sessions')}\n            </h3>\n          </div>\n          <div className=\"divide-y divide-border-default\">\n            {recentSessions.length === 0 ? (\n              <p className=\"px-4 py-6 text-sm text-text-secondary text-center\">\n                {tr('vibecontrols.ai.overview.noSessions', 'No sessions yet')}\n              </p>\n            ) : (\n              recentSessions.map((session) => (\n                <button\n                  key={session.id}\n                  onClick={() => onNavigateToSession?.(session.id)}\n                  className=\"flex w-full flex-col items-start gap-2 px-4 py-3 text-left transition-colors hover:bg-bg-sunken sm:flex-row sm:items-center sm:justify-between\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <div className=\"font-medium text-text-primary text-sm truncate\">\n                      {session.name}\n                    </div>\n                    <div className=\"text-xs text-text-secondary\">{session.agentType}</div>\n                  </div>\n                  <span\n                    className={`rounded-full px-2 py-0.5 text-xs font-medium ${statusColors[session.status] ?? 'bg-bg-sunken text-text-secondary'}`}\n                  >\n                    {session.status}\n                  </span>\n                </button>\n              ))\n            )}\n          </div>\n        </Card>\n\n        {/* Recent Prompts */}\n        <Card className=\"p-0\">\n          <div className=\"px-4 py-3 border-b border-border-default\">\n            <h3 className=\"font-semibold text-text-primary\">\n              {tr('vibecontrols.ai.overview.recentPrompts', 'Recent Prompts')}\n            </h3>\n          </div>\n          <div className=\"divide-y divide-border-default\">\n            {recentPrompts.length === 0 ? (\n              <p className=\"px-4 py-6 text-sm text-text-secondary text-center\">\n                {tr('vibecontrols.ai.overview.noPrompts', 'No prompts dispatched yet')}\n              </p>\n            ) : (\n              recentPrompts.map((dispatch) => (\n                <div key={dispatch.id} className=\"px-4 py-3\">\n                  <div className=\"text-sm text-text-primary line-clamp-2\">{dispatch.prompt}</div>\n                  <div className=\"mt-1 flex flex-wrap items-center gap-2 text-xs text-text-secondary\">\n                    <span>{dispatch.status}</span>\n                    {dispatch.createdAt && (\n                      <span>{new Date(dispatch.createdAt).toLocaleString()}</span>\n                    )}\n                  </div>\n                </div>\n              ))\n            )}\n          </div>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

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