@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/agent-manager/AgentManagerSessionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerSessionItem.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerSessionItem.tsx"],"sourcesContent":["/**\n * Single session row in the sidebar session list.\n *\n * Displays status dot, name, SDK badge, model badge, and relative timestamp.\n * Click opens the session as a tab; hover reveals pin/delete actions.\n */\n\nimport { useState } from 'react';\nimport { Pin, Trash2, Tag } from 'lucide-react';\nimport { motion } from 'framer-motion';\nimport type { AISession } from '@/services/aiApi';\nimport { updateSessionConfig } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { SelectionCheckbox } from '@/components/shared';\nimport { relativeTime } from '@/utils/relativeTime';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerSessionItemProps {\n  session: AISession;\n  agentId: string;\n  isActive: boolean;\n  isSelected: boolean;\n  onDelete: (sessionId: string) => void;\n}\n\nconst STATUS_DOT_COLORS: Record<string, string> = {\n  active: 'bg-status-success-bg',\n  idle: 'bg-status-warning-bg',\n  error: 'bg-status-error-bg',\n  terminated: 'bg-border-default',\n  processing: 'bg-status-info-bg',\n};\n\nexport function AgentManagerSessionItem({\n  session,\n  agentId,\n  isActive,\n  isSelected,\n  onDelete,\n}: AgentManagerSessionItemProps) {\n  const [hovered, setHovered] = useState(false);\n  const tr = useTr();\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const pinTab = useAgentManagerStore((s) => s.pinTab);\n  const toggleSessionSelection = useAgentManagerStore((s) => s.toggleSessionSelection);\n  const tabs = useAgentManagerStore((s) => s.tabs);\n\n  const isPinned = tabs.find((t) => t.sessionId === session.id)?.pinned ?? false;\n  const dotColor = STATUS_DOT_COLORS[session.status] ?? 'bg-border-default';\n  const tags: string[] = ((session.config as Record<string, unknown>)?.tags as string[]) || [];\n\n  const handleClick = () => {\n    openSession(session.id, session.name);\n  };\n\n  const handlePin = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    openSession(session.id, session.name);\n    pinTab(session.id);\n  };\n\n  const handleDelete = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onDelete(session.id);\n  };\n\n  const handleEditTags = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    const currentTags = tags.join(', ');\n    const input = window.prompt('Enter tags (comma-separated):', currentTags);\n    if (input === null) return;\n    const newTags = input\n      .split(',')\n      .map((t) => t.trim())\n      .filter(Boolean);\n    void updateSessionConfig(agentId, session.id, { tags: newTags });\n  };\n\n  const handleCheckbox = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    toggleSessionSelection(session.id);\n  };\n\n  return (\n    <motion.div\n      layout\n      initial={{ opacity: 0, y: 4 }}\n      animate={{ opacity: 1, y: 0 }}\n      exit={{ opacity: 0, y: -4 }}\n      transition={{ duration: 0.15 }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      onClick={handleClick}\n      className={`group flex items-center gap-2 px-3 py-2 cursor-pointer transition-colors ${\n        isActive\n          ? 'bg-bg-elevated border-l-2 border-action-primary-bg'\n          : 'hover:bg-bg-sunken border-l-2 border-transparent'\n      }`}\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') handleClick();\n      }}\n    >\n      {/* Selection checkbox (on hover or when selected) */}\n      <div\n        className={`flex-shrink-0 transition-opacity ${hovered || isSelected ? 'opacity-100' : 'opacity-0'}`}\n        onClick={handleCheckbox}\n      >\n        <SelectionCheckbox\n          checked={isSelected}\n          onChange={() => toggleSessionSelection(session.id)}\n          ariaLabel={`Select session ${session.name}`}\n        />\n      </div>\n\n      {/* Status dot */}\n      <span className={`flex-shrink-0 w-2 h-2 rounded-full ${dotColor}`} title={session.status} />\n\n      {/* Session info */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"text-sm text-text-primary truncate font-medium\">{session.name}</span>\n          {isPinned && <Pin className=\"w-3 h-3 text-text-secondary flex-shrink-0\" />}\n        </div>\n        <div className=\"flex items-center gap-1.5 mt-0.5\">\n          <span className=\"text-xs px-1.5 py-0.5 rounded bg-bg-sunken text-text-secondary font-mono\">\n            {session.agentType}\n          </span>\n          {typeof (session.config as Record<string, unknown>)?.mode === 'string' && (\n            <span className=\"text-[10px] px-1 py-0.5 rounded bg-bg-elevated text-text-muted uppercase font-mono\">\n              {(session.config as Record<string, string>).mode}\n            </span>\n          )}\n          {session.createdAt && (\n            <span className=\"text-xs text-text-tertiary truncate\">\n              {relativeTime(session.createdAt)}\n            </span>\n          )}\n        </div>\n        {tags.length > 0 && (\n          <div className=\"flex gap-0.5 mt-0.5 flex-wrap\">\n            {tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag}\n                className=\"px-1 py-0.5 text-[10px] bg-bg-elevated text-text-tertiary rounded\"\n              >\n                {tag}\n              </span>\n            ))}\n            {tags.length > 3 && (\n              <span className=\"text-[10px] text-text-muted\">+{tags.length - 3}</span>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Hover actions */}\n      {hovered && (\n        <div className=\"flex items-center gap-0.5 flex-shrink-0\">\n          <button\n            onClick={handlePin}\n            className={`p-1 rounded transition-colors ${\n              isPinned\n                ? 'text-action-primary-bg hover:bg-bg-elevated'\n                : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n            }`}\n            title={\n              isPinned\n                ? tr('vibecontrols.agentManager.sessionItem.unpin', 'Unpin')\n                : tr('vibecontrols.agentManager.sessionItem.pin', 'Pin')\n            }\n          >\n            <Pin className=\"w-3.5 h-3.5\" />\n          </button>\n          <button\n            onClick={handleEditTags}\n            className=\"p-1 rounded text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors\"\n            title={tr('vibecontrols.agentManager.sessionItem.editTags', 'Edit tags')}\n          >\n            <Tag className=\"w-3.5 h-3.5\" />\n          </button>\n          <button\n            onClick={handleDelete}\n            className=\"p-1 rounded text-text-secondary hover:text-status-error-text hover:bg-bg-elevated transition-colors\"\n            title={tr('vibecontrols.agentManager.sessionItem.deleteSession', 'Delete session')}\n          >\n            <Trash2 className=\"w-3.5 h-3.5\" />\n          </button>\n        </div>\n      )}\n    </motion.div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyBA,IAAM,IAA4C;CAChD,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,YAAY;CACb;AAED,SAAgB,EAAwB,EACtC,YACA,YACA,aACA,eACA,eAC+B;CAC/B,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAK,GAAO,EACZ,IAAc,GAAsB,MAAM,EAAE,YAAY,EACxD,IAAS,GAAsB,MAAM,EAAE,OAAO,EAC9C,IAAyB,GAAsB,MAAM,EAAE,uBAAuB,EAG9E,IAFO,GAAsB,MAAM,EAAE,KAAK,CAE1B,MAAM,MAAM,EAAE,cAAc,EAAQ,GAAG,EAAE,UAAU,IACnE,IAAW,EAAkB,EAAQ,WAAW,qBAChD,IAAmB,EAAQ,QAAoC,QAAqB,EAAE,EAEtF,UAAoB;AACxB,IAAY,EAAQ,IAAI,EAAQ,KAAK;;AA+BvC,QACE,kBAAC,EAAO,KAAR;EACE,QAAA;EACA,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,MAAM;GAAE,SAAS;GAAG,GAAG;GAAI;EAC3B,YAAY,EAAE,UAAU,KAAM;EAC9B,oBAAoB,EAAW,GAAK;EACpC,oBAAoB,EAAW,GAAM;EACrC,SAAS;EACT,WAAW,4EACT,IACI,uDACA;EAEN,MAAK;EACL,UAAU;EACV,YAAY,MAAM;AAChB,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAK,GAAa;;YAjBzD;GAqBE,kBAAC,OAAD;IACE,WAAW,oCAAoC,KAAW,IAAa,gBAAgB;IACvF,UA7BkB,MAAwB;AAE9C,KADA,EAAE,iBAAiB,EACnB,EAAuB,EAAQ,GAAG;;cA6B9B,kBAAC,GAAD;KACE,SAAS;KACT,gBAAgB,EAAuB,EAAQ,GAAG;KAClD,WAAW,kBAAkB,EAAQ;KACrC,CAAA;IACE,CAAA;GAGN,kBAAC,QAAD;IAAM,WAAW,sCAAsC;IAAY,OAAO,EAAQ;IAAU,CAAA;GAG5F,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAkD,EAAQ;OAAY,CAAA,EACrF,KAAY,kBAAC,GAAD,EAAK,WAAU,6CAA8C,CAAA,CACtE;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAQ;QACJ,CAAA;OACN,OAAQ,EAAQ,QAAoC,QAAS,YAC5D,kBAAC,QAAD;QAAM,WAAU;kBACZ,EAAQ,OAAkC;QACvC,CAAA;OAER,EAAQ,aACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAa,EAAQ,UAAU;QAC3B,CAAA;OAEL;;KACL,EAAK,SAAS,KACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MACrB,kBAAC,QAAD;OAEE,WAAU;iBAET;OACI,EAJA,EAIA,CACP,EACD,EAAK,SAAS,KACb,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA8C,KAAE,EAAK,SAAS,EAAS;SAErE;;KAEJ;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,UAAD;MACE,UA1GS,MAAwB;AAGzC,OAFA,EAAE,iBAAiB,EACnB,EAAY,EAAQ,IAAI,EAAQ,KAAK,EACrC,EAAO,EAAQ,GAAG;;MAwGV,WAAW,iCACT,IACI,gDACA;MAEN,OACE,IACI,EAAG,+CAA+C,QAAQ,GAC1D,EAAG,6CAA6C,MAAM;gBAG5D,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA;MACxB,CAAA;KACT,kBAAC,UAAD;MACE,UA9Gc,MAAwB;AAC9C,SAAE,iBAAiB;OACnB,IAAM,IAAc,EAAK,KAAK,KAAK,EAC7B,IAAQ,OAAO,OAAO,iCAAiC,EAAY;AACzE,WAAI,MAAU,KAAM;OACpB,IAAM,IAAU,EACb,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ;AACb,SAAoB,GAAS,EAAQ,IAAI,EAAE,MAAM,GAAS,CAAC;;MAsGxD,WAAU;MACV,OAAO,EAAG,kDAAkD,YAAY;gBAExE,kBAAC,GAAD,EAAK,WAAU,eAAgB,CAAA;MACxB,CAAA;KACT,kBAAC,UAAD;MACE,UA1HY,MAAwB;AAE5C,OADA,EAAE,iBAAiB,EACnB,EAAS,EAAQ,GAAG;;MAyHZ,WAAU;MACV,OAAO,EAAG,uDAAuD,iBAAiB;gBAElF,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA;MAC3B,CAAA;KACL;;GAEG"}

package/dist/components/agent-manager/AgentManagerSessionList.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Renders the list of sessions in the sidebar.
+ *
+ * Fetches sessions via aiApi, groups them based on the sidebar groupBy
+ * setting, and renders each as an AgentManagerSessionItem.
+ */
+interface AgentManagerSessionListProps {
+    agentId: string;
+    onDeleteSession: (sessionId: string) => void;
+    filterTags?: string[];
+    dateFrom?: string;
+    dateTo?: string;
+}
+export declare function AgentManagerSessionList({ agentId, onDeleteSession, filterTags, dateFrom, dateTo, }: AgentManagerSessionListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentManagerSessionList.d.ts.map

package/dist/components/agent-manager/AgentManagerSessionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerSessionList.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerSessionList.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH,UAAU,4BAA4B;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAwDD,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,eAAe,EACf,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,4BAA4B,2CA2Q9B"}

package/dist/components/agent-manager/AgentManagerSessionList.js

@@ -0,0 +1,180 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { LoadingState as t } from "../shared/LoadingState.js";
+import { EmptyState as n } from "../shared/EmptyState.js";
+import "../shared/index.js";
+import { fetchSessionsPaginated as r } from "../../services/aiApi.js";
+import { useAgentManagerStore as i } from "../../store/agentManagerStore.js";
+import { AgentManagerSessionItem as a } from "./AgentManagerSessionItem.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { ChevronDown as d, ChevronRight as f, Loader2 as p } from "lucide-react";
+import { AnimatePresence as m } from "framer-motion";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerSessionList.tsx
+var v = 10;
+function y(e, t) {
+	if (t === "none") return [["", e]];
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e;
+		switch (t) {
+			case "date":
+				if (!r.createdAt) e = "Unknown";
+				else {
+					let t = new Date(r.createdAt), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), i = Math.floor(n / (1e3 * 60 * 60 * 24));
+					e = i === 0 ? "Today" : i === 1 ? "Yesterday" : i < 7 ? "This Week" : i < 30 ? "This Month" : "Older";
+				}
+				break;
+			case "model":
+				e = r.agentType || "Unknown";
+				break;
+			case "status":
+				e = r.status.charAt(0).toUpperCase() + r.status.slice(1);
+				break;
+			case "sdk":
+				e = r.providerPlugin ?? r.agentType ?? "Unknown";
+				break;
+			default: e = "All";
+		}
+		let i = n.get(e);
+		i ? i.push(r) : n.set(e, [r]);
+	}
+	return Array.from(n.entries());
+}
+function b({ agentId: b, onDeleteSession: x, filterTags: S, dateFrom: C, dateTo: w }) {
+	let [T, E] = u([]), [D, O] = u(!0), [k, A] = u(null), [j, M] = u(!1), [N, P] = u(!1), [F, I] = u(0), [L, R] = u(/* @__PURE__ */ new Set()), z = l(null), B = i((e) => e.activeTabSessionId), V = i((e) => e.selectedSessionIds), H = i((e) => e.sidebarSearchQuery), U = i((e) => e.sidebarGroupBy), W = e(), G = o(async (e) => {
+		O(!0), A(null), I(0);
+		try {
+			let t = await r(b, {
+				limit: v,
+				offset: 0,
+				search: e || void 0
+			});
+			E(t.items), M(t.hasMore), I(v);
+		} catch (e) {
+			A(e instanceof Error ? e.message : "Failed to load sessions");
+		} finally {
+			O(!1);
+		}
+	}, [b]), K = o(async () => {
+		if (!(N || !j)) {
+			P(!0);
+			try {
+				let e = await r(b, {
+					limit: v,
+					offset: F,
+					search: H || void 0
+				});
+				E((t) => [...t, ...e.items]), M(e.hasMore), I((e) => e + v);
+			} catch {} finally {
+				P(!1);
+			}
+		}
+	}, [
+		b,
+		N,
+		j,
+		F,
+		H
+	]);
+	s(() => {
+		let e = setTimeout(() => {
+			G(H);
+		}, 300);
+		return () => clearTimeout(e);
+	}, [H, G]), s(() => {
+		let e = z.current;
+		if (!e) return;
+		let t = new IntersectionObserver((e) => {
+			e[0]?.isIntersecting && K();
+		}, { threshold: .1 });
+		return t.observe(e), () => t.disconnect();
+	}, [K]);
+	let q = c(() => {
+		let e = T;
+		if (S && S.length > 0 && (e = e.filter((e) => {
+			let t = e.config?.tags;
+			return !t || !Array.isArray(t) ? !1 : S.some((e) => t.some((t) => t.toLowerCase().includes(e.toLowerCase())));
+		})), C) {
+			let t = new Date(C);
+			e = e.filter((e) => e.createdAt ? new Date(e.createdAt) >= t : !1);
+		}
+		if (w) {
+			let t = new Date(w);
+			t.setHours(23, 59, 59, 999), e = e.filter((e) => e.createdAt ? new Date(e.createdAt) <= t : !1);
+		}
+		return e;
+	}, [
+		T,
+		S,
+		C,
+		w
+	]), J = c(() => y(q, U), [q, U]), Y = (e) => {
+		R((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	};
+	return D ? /* @__PURE__ */ g("div", {
+		className: "p-4",
+		children: /* @__PURE__ */ g(t, { message: W("vibecontrols.agentManager.sessionList.loadingSessions", "Loading sessions...") })
+	}) : k ? /* @__PURE__ */ _("div", {
+		className: "p-4 space-y-2",
+		children: [k.includes("Cannot query field") || k.includes("agentAiGet") ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("p", {
+			className: "text-xs text-text-secondary",
+			children: W("vibecontrols.agentManager.sessionList.proxyNotAvailable", "Agent AI proxy not available yet. The backend schema may need to be published to GraphQL Hive.")
+		}), /* @__PURE__ */ g("p", {
+			className: "text-xs text-text-tertiary",
+			children: W("vibecontrols.agentManager.sessionList.sessionsWillLoad", "Sessions will load once the gateway schema is updated.")
+		})] }) : /* @__PURE__ */ g("p", {
+			className: "text-xs text-status-error-text",
+			children: k
+		}), /* @__PURE__ */ g("button", {
+			onClick: () => void G(H),
+			className: "text-xs text-action-primary-bg hover:underline",
+			children: W("vibecontrols.agentManager.sessionList.retry", "Retry")
+		})]
+	}) : q.length === 0 ? /* @__PURE__ */ g("div", {
+		className: "p-4",
+		children: /* @__PURE__ */ g(n, {
+			title: H ? W("vibecontrols.agentManager.sessionList.noMatchingSessions", "No matching sessions") : W("vibecontrols.agentManager.sessionList.noSessionsYet", "No sessions yet"),
+			description: H ? W("vibecontrols.agentManager.sessionList.tryDifferentSearch", "Try a different search query") : W("vibecontrols.agentManager.sessionList.createToGetStarted", "Create a new session to get started")
+		})
+	}) : /* @__PURE__ */ _("div", {
+		className: "flex flex-col",
+		children: [J.map(([e, t]) => {
+			let n = L.has(e);
+			return /* @__PURE__ */ _("div", { children: [U !== "none" && e !== "" && /* @__PURE__ */ _("button", {
+				onClick: () => Y(e),
+				className: "flex items-center gap-1 w-full px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary hover:text-text-secondary transition-colors",
+				children: [
+					g(n ? f : d, { className: "w-3 h-3" }),
+					e,
+					/* @__PURE__ */ g("span", {
+						className: "ml-auto text-text-tertiary font-normal",
+						children: t.length
+					})
+				]
+			}), !n && /* @__PURE__ */ g(m, {
+				mode: "popLayout",
+				children: t.map((e) => /* @__PURE__ */ g(a, {
+					session: e,
+					agentId: b,
+					isActive: B === e.id,
+					isSelected: V.includes(e.id),
+					onDelete: x
+				}, e.id))
+			})] }, e || "__ungrouped");
+		}), /* @__PURE__ */ g("div", {
+			ref: z,
+			className: "py-1",
+			children: N && /* @__PURE__ */ g("div", {
+				className: "flex items-center justify-center py-2",
+				children: /* @__PURE__ */ g(p, { className: "w-4 h-4 animate-spin text-text-tertiary" })
+			})
+		})]
+	});
+}
+//#endregion
+export { b as AgentManagerSessionList };
+
+//# sourceMappingURL=AgentManagerSessionList.js.map

package/dist/components/agent-manager/AgentManagerSessionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerSessionList.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerSessionList.tsx"],"sourcesContent":["/**\n * Renders the list of sessions in the sidebar.\n *\n * Fetches sessions via aiApi, groups them based on the sidebar groupBy\n * setting, and renders each as an AgentManagerSessionItem.\n */\n\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'react';\nimport { AnimatePresence } from 'framer-motion';\nimport { ChevronDown, ChevronRight, Loader2 } from 'lucide-react';\nimport { LoadingState, EmptyState } from '@/components/shared';\nimport { fetchSessionsPaginated } from '@/services/aiApi';\nimport type { AISession } from '@/services/aiApi';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { AgentManagerSessionItem } from './AgentManagerSessionItem';\nimport type { SidebarGroupBy } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\nconst PAGE_SIZE = 10;\n\ninterface AgentManagerSessionListProps {\n  agentId: string;\n  onDeleteSession: (sessionId: string) => void;\n  filterTags?: string[];\n  dateFrom?: string;\n  dateTo?: string;\n}\n\n/** Group sessions by the given key. Returns array of [groupLabel, sessions] pairs. */\nfunction groupSessions(\n  sessions: AISession[],\n  groupBy: SidebarGroupBy\n): Array<[string, AISession[]]> {\n  if (groupBy === 'none') {\n    return [['', sessions]];\n  }\n\n  const groups = new Map<string, AISession[]>();\n\n  for (const session of sessions) {\n    let key: string;\n    switch (groupBy) {\n      case 'date': {\n        if (!session.createdAt) {\n          key = 'Unknown';\n        } else {\n          const d = new Date(session.createdAt);\n          const now = new Date();\n          const diffMs = now.getTime() - d.getTime();\n          const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24));\n          if (diffDays === 0) key = 'Today';\n          else if (diffDays === 1) key = 'Yesterday';\n          else if (diffDays < 7) key = 'This Week';\n          else if (diffDays < 30) key = 'This Month';\n          else key = 'Older';\n        }\n        break;\n      }\n      case 'model':\n        key = session.agentType || 'Unknown';\n        break;\n      case 'status':\n        key = session.status.charAt(0).toUpperCase() + session.status.slice(1);\n        break;\n      case 'sdk':\n        key = session.providerPlugin ?? session.agentType ?? 'Unknown';\n        break;\n      default:\n        key = 'All';\n    }\n\n    const existing = groups.get(key);\n    if (existing) {\n      existing.push(session);\n    } else {\n      groups.set(key, [session]);\n    }\n  }\n\n  return Array.from(groups.entries());\n}\n\nexport function AgentManagerSessionList({\n  agentId,\n  onDeleteSession,\n  filterTags,\n  dateFrom,\n  dateTo,\n}: AgentManagerSessionListProps) {\n  const [sessions, setSessions] = useState<AISession[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [offset, setOffset] = useState(0);\n  const [collapsedGroups, setCollapsedGroups] = useState<Set<string>>(new Set());\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const selectedSessionIds = useAgentManagerStore((s) => s.selectedSessionIds);\n  const sidebarSearchQuery = useAgentManagerStore((s) => s.sidebarSearchQuery);\n  const sidebarGroupBy = useAgentManagerStore((s) => s.sidebarGroupBy);\n  const tr = useTr();\n\n  const loadSessions = useCallback(\n    async (search: string) => {\n      setLoading(true);\n      setError(null);\n      setOffset(0);\n      try {\n        const data = await fetchSessionsPaginated(agentId, {\n          limit: PAGE_SIZE,\n          offset: 0,\n          search: search || undefined,\n        });\n        setSessions(data.items);\n        setHasMore(data.hasMore);\n        setOffset(PAGE_SIZE);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Failed to load sessions');\n      } finally {\n        setLoading(false);\n      }\n    },\n    [agentId]\n  );\n\n  const loadMore = useCallback(async () => {\n    if (isLoadingMore || !hasMore) return;\n    setIsLoadingMore(true);\n    try {\n      const data = await fetchSessionsPaginated(agentId, {\n        limit: PAGE_SIZE,\n        offset,\n        search: sidebarSearchQuery || undefined,\n      });\n      setSessions((prev) => [...prev, ...data.items]);\n      setHasMore(data.hasMore);\n      setOffset((prev) => prev + PAGE_SIZE);\n    } catch {\n      // Silently fail on load-more — user can scroll up to retry\n    } finally {\n      setIsLoadingMore(false);\n    }\n  }, [agentId, isLoadingMore, hasMore, offset, sidebarSearchQuery]);\n\n  // Debounced reload when search query changes\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      void loadSessions(sidebarSearchQuery);\n    }, 300);\n    return () => clearTimeout(timer);\n  }, [sidebarSearchQuery, loadSessions]);\n\n  // IntersectionObserver to auto-trigger loadMore when sentinel is visible\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel) return;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries[0]?.isIntersecting) {\n          void loadMore();\n        }\n      },\n      { threshold: 0.1 }\n    );\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, [loadMore]);\n\n  /** Filter sessions by tags and date range (client-side; search is backend-driven) */\n  const filteredSessions = useMemo(() => {\n    let result = sessions;\n\n    // Tag filter\n    if (filterTags && filterTags.length > 0) {\n      result = result.filter((s) => {\n        const sessionTags = (s.config as Record<string, unknown>)?.tags as string[] | undefined;\n        if (!sessionTags || !Array.isArray(sessionTags)) return false;\n        return filterTags.some((ft) =>\n          sessionTags.some((st) => st.toLowerCase().includes(ft.toLowerCase()))\n        );\n      });\n    }\n\n    // Date range filter\n    if (dateFrom) {\n      const from = new Date(dateFrom);\n      result = result.filter((s) => {\n        if (!s.createdAt) return false;\n        return new Date(s.createdAt) >= from;\n      });\n    }\n    if (dateTo) {\n      const to = new Date(dateTo);\n      to.setHours(23, 59, 59, 999);\n      result = result.filter((s) => {\n        if (!s.createdAt) return false;\n        return new Date(s.createdAt) <= to;\n      });\n    }\n\n    return result;\n  }, [sessions, filterTags, dateFrom, dateTo]);\n\n  /** Grouped sessions */\n  const grouped = useMemo(\n    () => groupSessions(filteredSessions, sidebarGroupBy),\n    [filteredSessions, sidebarGroupBy]\n  );\n\n  const toggleGroup = (groupLabel: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev);\n      if (next.has(groupLabel)) {\n        next.delete(groupLabel);\n      } else {\n        next.add(groupLabel);\n      }\n      return next;\n    });\n  };\n\n  if (loading) {\n    return (\n      <div className=\"p-4\">\n        <LoadingState\n          message={tr(\n            'vibecontrols.agentManager.sessionList.loadingSessions',\n            'Loading sessions...'\n          )}\n        />\n      </div>\n    );\n  }\n\n  if (error) {\n    const isSchemaError = error.includes('Cannot query field') || error.includes('agentAiGet');\n    // NOT_FOUND in the sessions fetch means the AI plugin's route isn't\n    // mounted yet (usually transient — plugin loads a moment after the\n    // agent reports ready). Plugin install is already gated by\n    // <PluginGate> above this component, so showing a CLI-install hint\n    // here is both misleading (the plugin may already be installed) and\n    // redundant. Just offer a retry.\n    return (\n      <div className=\"p-4 space-y-2\">\n        {isSchemaError ? (\n          <>\n            <p className=\"text-xs text-text-secondary\">\n              {tr(\n                'vibecontrols.agentManager.sessionList.proxyNotAvailable',\n                'Agent AI proxy not available yet. The backend schema may need to be published to GraphQL Hive.'\n              )}\n            </p>\n            <p className=\"text-xs text-text-tertiary\">\n              {tr(\n                'vibecontrols.agentManager.sessionList.sessionsWillLoad',\n                'Sessions will load once the gateway schema is updated.'\n              )}\n            </p>\n          </>\n        ) : (\n          <p className=\"text-xs text-status-error-text\">{error}</p>\n        )}\n        <button\n          onClick={() => void loadSessions(sidebarSearchQuery)}\n          className=\"text-xs text-action-primary-bg hover:underline\"\n        >\n          {tr('vibecontrols.agentManager.sessionList.retry', 'Retry')}\n        </button>\n      </div>\n    );\n  }\n\n  if (filteredSessions.length === 0) {\n    return (\n      <div className=\"p-4\">\n        <EmptyState\n          title={\n            sidebarSearchQuery\n              ? tr(\n                  'vibecontrols.agentManager.sessionList.noMatchingSessions',\n                  'No matching sessions'\n                )\n              : tr('vibecontrols.agentManager.sessionList.noSessionsYet', 'No sessions yet')\n          }\n          description={\n            sidebarSearchQuery\n              ? tr(\n                  'vibecontrols.agentManager.sessionList.tryDifferentSearch',\n                  'Try a different search query'\n                )\n              : tr(\n                  'vibecontrols.agentManager.sessionList.createToGetStarted',\n                  'Create a new session to get started'\n                )\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col\">\n      {grouped.map(([groupLabel, groupSessions]) => {\n        const isCollapsed = collapsedGroups.has(groupLabel);\n        const showHeader = sidebarGroupBy !== 'none' && groupLabel !== '';\n\n        return (\n          <div key={groupLabel || '__ungrouped'}>\n            {showHeader && (\n              <button\n                onClick={() => toggleGroup(groupLabel)}\n                className=\"flex items-center gap-1 w-full px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-text-tertiary hover:text-text-secondary transition-colors\"\n              >\n                {isCollapsed ? (\n                  <ChevronRight className=\"w-3 h-3\" />\n                ) : (\n                  <ChevronDown className=\"w-3 h-3\" />\n                )}\n                {groupLabel}\n                <span className=\"ml-auto text-text-tertiary font-normal\">\n                  {groupSessions.length}\n                </span>\n              </button>\n            )}\n\n            {!isCollapsed && (\n              <AnimatePresence mode=\"popLayout\">\n                {groupSessions.map((session) => (\n                  <AgentManagerSessionItem\n                    key={session.id}\n                    session={session}\n                    agentId={agentId}\n                    isActive={activeTabSessionId === session.id}\n                    isSelected={selectedSessionIds.includes(session.id)}\n                    onDelete={onDeleteSession}\n                  />\n                ))}\n              </AnimatePresence>\n            )}\n          </div>\n        );\n      })}\n\n      {/* Sentinel for infinite scroll */}\n      <div ref={sentinelRef} className=\"py-1\">\n        {isLoadingMore && (\n          <div className=\"flex items-center justify-center py-2\">\n            <Loader2 className=\"w-4 h-4 animate-spin text-text-tertiary\" />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/AgentManagerSidebar.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Session list sidebar for the Agent Manager.
+ *
+ * Includes a "New Session" button, search input, filter dropdown,
+ * group-by selector, the session list, and bulk action bar.
+ */
+interface AgentManagerSidebarProps {
+    agentId: string;
+    onDeleteSession: (sessionId: string) => void;
+    onDeleteSelected: (sessionIds: string[]) => void;
+}
+export declare function AgentManagerSidebar({ agentId, onDeleteSession, onDeleteSelected, }: AgentManagerSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentManagerSidebar.d.ts.map

package/dist/components/agent-manager/AgentManagerSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAaH,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAClD;AAkBD,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,eAAe,EACf,gBAAgB,GACjB,EAAE,wBAAwB,2CAmN1B"}

package/dist/components/agent-manager/AgentManagerSidebar.js

@@ -0,0 +1,204 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { SearchInput as t } from "../shared/SearchInput.js";
+import "../shared/index.js";
+import { useAgentManagerStore as n } from "../../store/agentManagerStore.js";
+import { AgentManagerSessionList as r } from "./AgentManagerSessionList.js";
+import { AgentManagerBulkActions as i } from "./AgentManagerBulkActions.js";
+import { NewSessionDialog as a } from "./dialogs/NewSessionDialog.js";
+import { useCallback as o, useState as s } from "react";
+import { ChevronDown as c, ListFilter as l, Plus as u, SlidersHorizontal as d } from "lucide-react";
+import { AnimatePresence as f } from "framer-motion";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerSidebar.tsx
+var g = [
+	{
+		value: "date",
+		label: "Date"
+	},
+	{
+		value: "model",
+		label: "Model"
+	},
+	{
+		value: "status",
+		label: "Status"
+	},
+	{
+		value: "sdk",
+		label: "SDK"
+	},
+	{
+		value: "none",
+		label: "None"
+	}
+], _ = [
+	{
+		value: "active",
+		label: "Active"
+	},
+	{
+		value: "idle",
+		label: "Idle"
+	},
+	{
+		value: "processing",
+		label: "Processing"
+	},
+	{
+		value: "error",
+		label: "Error"
+	},
+	{
+		value: "terminated",
+		label: "Terminated"
+	}
+];
+function v({ agentId: v, onDeleteSession: y, onDeleteSelected: b }) {
+	let x = e(), S = n((e) => e.sidebarSearchQuery), C = n((e) => e.setSidebarSearchQuery), w = n((e) => e.sidebarGroupBy), T = n((e) => e.setSidebarGroupBy), [E, D] = s(null), [O, k] = s(""), [A, j] = s(""), [M, N] = s(""), [P, F] = s(!1), [I, L] = s(!1), [R, z] = s(!1), [B, V] = s(!1), H = O.split(",").map((e) => e.trim()).filter(Boolean), U = o((e) => {
+		T(e), V(!1);
+	}, [T]), W = o((e) => {
+		D(e === "all" ? null : e), z(!1);
+	}, []), G = E ? _.find((e) => e.value === E)?.label ?? "All" : "All", K = g.find((e) => e.value === w)?.label ?? "Date";
+	return /* @__PURE__ */ h("div", {
+		className: "flex flex-col h-full",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "px-3 py-2",
+				children: /* @__PURE__ */ h("button", {
+					onClick: () => F(!0),
+					className: "flex items-center justify-center gap-1.5 w-full px-3 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-md hover:bg-action-primary-bg-hover transition-colors",
+					children: [/* @__PURE__ */ m(u, { className: "w-4 h-4" }), x("vibecontrols.agentManager.sidebar.newSession", "New Session")]
+				})
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center gap-1.5 px-3 pb-2",
+				children: [/* @__PURE__ */ m("div", {
+					className: "flex-1 min-w-0",
+					children: /* @__PURE__ */ m(t, {
+						value: S,
+						onChange: C,
+						placeholder: x("vibecontrols.agentManager.sidebar.searchSessions", "Search sessions...")
+					})
+				}), /* @__PURE__ */ m("button", {
+					onClick: () => L((e) => !e),
+					title: I ? x("vibecontrols.agentManager.sidebar.hideFilters", "Hide filters") : x("vibecontrols.agentManager.sidebar.showFilters", "Show filters"),
+					className: `flex-shrink-0 p-1.5 rounded transition-colors ${I ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:text-text-primary hover:bg-bg-elevated"}`,
+					children: /* @__PURE__ */ m(d, { className: "w-3.5 h-3.5" })
+				})]
+			}),
+			I && /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2 px-3 pb-2 text-xs",
+					children: [/* @__PURE__ */ h("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ h("button", {
+							onClick: () => z(!R),
+							className: "flex items-center gap-1 px-2 py-1 rounded border border-border-default bg-bg-primary text-text-secondary hover:bg-bg-elevated text-xs transition-colors",
+							children: [
+								/* @__PURE__ */ m("span", {
+									className: "text-text-tertiary",
+									children: "Status:"
+								}),
+								/* @__PURE__ */ m("span", {
+									className: "font-medium text-text-primary",
+									children: G
+								}),
+								/* @__PURE__ */ m(c, { className: `w-3 h-3 transition-transform ${R ? "rotate-180" : ""}` })
+							]
+						}), R && /* @__PURE__ */ h("div", {
+							className: "absolute z-50 mt-1 w-36 bg-bg-surface border border-border-default rounded-md shadow-lg py-1",
+							children: [/* @__PURE__ */ m("button", {
+								onClick: () => W("all"),
+								className: "block w-full px-3 py-1.5 text-left text-xs text-text-primary hover:bg-bg-sunken transition-colors",
+								children: "All"
+							}), _.map((e) => /* @__PURE__ */ m("button", {
+								onClick: () => W(e.value),
+								className: `block w-full px-3 py-1.5 text-left text-xs hover:bg-bg-sunken transition-colors ${E === e.value ? "text-action-primary-bg font-medium" : "text-text-primary"}`,
+								children: e.label
+							}, e.value))]
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: "relative ml-auto flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ m(l, { className: "w-3.5 h-3.5 text-text-secondary flex-shrink-0" }),
+							/* @__PURE__ */ h("button", {
+								onClick: () => V(!B),
+								className: "flex items-center gap-1 px-2 py-1 rounded border border-border-default bg-bg-primary text-text-secondary hover:bg-bg-elevated text-xs transition-colors",
+								children: [
+									/* @__PURE__ */ m("span", {
+										className: "text-text-tertiary",
+										children: "Group:"
+									}),
+									/* @__PURE__ */ m("span", {
+										className: "font-medium text-text-primary",
+										children: K
+									}),
+									/* @__PURE__ */ m(c, { className: `w-3 h-3 transition-transform ${B ? "rotate-180" : ""}` })
+								]
+							}),
+							B && /* @__PURE__ */ m("div", {
+								className: "absolute right-0 z-50 mt-1 top-full w-32 bg-bg-surface border border-border-default rounded-md shadow-lg py-1",
+								children: g.map((e) => /* @__PURE__ */ m("button", {
+									onClick: () => U(e.value),
+									className: `block w-full px-3 py-1.5 text-left text-xs hover:bg-bg-sunken transition-colors ${w === e.value ? "text-action-primary-bg font-medium" : "text-text-primary"}`,
+									children: e.label
+								}, e.value))
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "px-3 pb-2",
+					children: /* @__PURE__ */ m("input", {
+						type: "text",
+						value: O,
+						onChange: (e) => k(e.target.value),
+						placeholder: x("vibecontrols.agentManager.sidebar.filterByTags", "Filter by tags..."),
+						className: "w-full px-2 py-1 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors"
+					})
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "flex gap-1 items-center px-3 pb-2",
+					children: [
+						/* @__PURE__ */ m("input", {
+							type: "date",
+							value: A,
+							onChange: (e) => j(e.target.value),
+							className: "flex-1 px-1.5 py-1 text-[11px] rounded border border-border-default bg-bg-primary text-text-primary"
+						}),
+						/* @__PURE__ */ m("span", {
+							className: "text-[10px] text-text-tertiary",
+							children: "to"
+						}),
+						/* @__PURE__ */ m("input", {
+							type: "date",
+							value: M,
+							onChange: (e) => N(e.target.value),
+							className: "flex-1 px-1.5 py-1 text-[11px] rounded border border-border-default bg-bg-primary text-text-primary"
+						})
+					]
+				})
+			] }),
+			/* @__PURE__ */ m("div", {
+				className: "flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ m(r, {
+					agentId: v,
+					onDeleteSession: y,
+					filterTags: H,
+					dateFrom: A,
+					dateTo: M
+				})
+			}),
+			/* @__PURE__ */ m(f, { children: /* @__PURE__ */ m(i, { onDeleteSelected: b }) }),
+			/* @__PURE__ */ m(a, {
+				agentId: v,
+				isOpen: P,
+				onClose: () => F(!1)
+			})
+		]
+	});
+}
+//#endregion
+export { v as AgentManagerSidebar };
+
+//# sourceMappingURL=AgentManagerSidebar.js.map

package/dist/components/agent-manager/AgentManagerSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerSidebar.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerSidebar.tsx"],"sourcesContent":["/**\n * Session list sidebar for the Agent Manager.\n *\n * Includes a \"New Session\" button, search input, filter dropdown,\n * group-by selector, the session list, and bulk action bar.\n */\n\nimport { useCallback, useState } from 'react';\nimport { Plus, ListFilter, ChevronDown, SlidersHorizontal } from 'lucide-react';\nimport { AnimatePresence } from 'framer-motion';\nimport { SearchInput } from '@/components/shared';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport type { SidebarGroupBy } from '@/types/agentManager';\nimport { AgentManagerSessionList } from './AgentManagerSessionList';\nimport { AgentManagerBulkActions } from './AgentManagerBulkActions';\nimport { NewSessionDialog } from './dialogs/NewSessionDialog';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerSidebarProps {\n  agentId: string;\n  onDeleteSession: (sessionId: string) => void;\n  onDeleteSelected: (sessionIds: string[]) => void;\n}\n\nconst GROUP_BY_OPTIONS = [\n  { value: 'date', label: 'Date' },\n  { value: 'model', label: 'Model' },\n  { value: 'status', label: 'Status' },\n  { value: 'sdk', label: 'SDK' },\n  { value: 'none', label: 'None' },\n];\n\nconst STATUS_OPTIONS = [\n  { value: 'active', label: 'Active' },\n  { value: 'idle', label: 'Idle' },\n  { value: 'processing', label: 'Processing' },\n  { value: 'error', label: 'Error' },\n  { value: 'terminated', label: 'Terminated' },\n];\n\nexport function AgentManagerSidebar({\n  agentId,\n  onDeleteSession,\n  onDeleteSelected,\n}: AgentManagerSidebarProps) {\n  const tr = useTr();\n  const sidebarSearchQuery = useAgentManagerStore((s) => s.sidebarSearchQuery);\n  const setSidebarSearchQuery = useAgentManagerStore((s) => s.setSidebarSearchQuery);\n  const sidebarGroupBy = useAgentManagerStore((s) => s.sidebarGroupBy);\n  const setSidebarGroupBy = useAgentManagerStore((s) => s.setSidebarGroupBy);\n  const [filterStatus, setFilterStatus] = useState<string | null>(null);\n  const [tagFilter, setTagFilter] = useState('');\n  const [dateFrom, setDateFrom] = useState('');\n  const [dateTo, setDateTo] = useState('');\n  const [showNewDialog, setShowNewDialog] = useState(false);\n  const [showFilters, setShowFilters] = useState(false);\n  const [statusDropdownOpen, setStatusDropdownOpen] = useState(false);\n  const [groupDropdownOpen, setGroupDropdownOpen] = useState(false);\n\n  const filterTags = tagFilter\n    .split(',')\n    .map((t) => t.trim())\n    .filter(Boolean);\n\n  const handleGroupByChange = useCallback(\n    (value: string) => {\n      setSidebarGroupBy(value as SidebarGroupBy);\n      setGroupDropdownOpen(false);\n    },\n    [setSidebarGroupBy]\n  );\n\n  const handleStatusFilterChange = useCallback((value: string) => {\n    setFilterStatus(value === 'all' ? null : value);\n    setStatusDropdownOpen(false);\n  }, []);\n\n  const statusLabel = filterStatus\n    ? (STATUS_OPTIONS.find((o) => o.value === filterStatus)?.label ?? 'All')\n    : 'All';\n\n  const groupLabel = GROUP_BY_OPTIONS.find((o) => o.value === sidebarGroupBy)?.label ?? 'Date';\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* New session button */}\n      <div className=\"px-3 py-2\">\n        <button\n          onClick={() => setShowNewDialog(true)}\n          className=\"flex items-center justify-center gap-1.5 w-full px-3 py-2 text-sm font-medium 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.agentManager.sidebar.newSession', 'New Session')}\n        </button>\n      </div>\n\n      {/* Search + filter toggle */}\n      <div className=\"flex items-center gap-1.5 px-3 pb-2\">\n        <div className=\"flex-1 min-w-0\">\n          <SearchInput\n            value={sidebarSearchQuery}\n            onChange={setSidebarSearchQuery}\n            placeholder={tr(\n              'vibecontrols.agentManager.sidebar.searchSessions',\n              'Search sessions...'\n            )}\n          />\n        </div>\n        <button\n          onClick={() => setShowFilters((p) => !p)}\n          title={\n            showFilters\n              ? tr('vibecontrols.agentManager.sidebar.hideFilters', 'Hide filters')\n              : tr('vibecontrols.agentManager.sidebar.showFilters', 'Show filters')\n          }\n          className={`flex-shrink-0 p-1.5 rounded transition-colors ${\n            showFilters\n              ? 'bg-action-primary-bg text-action-primary-text'\n              : 'text-text-secondary hover:text-text-primary hover:bg-bg-elevated'\n          }`}\n        >\n          <SlidersHorizontal className=\"w-3.5 h-3.5\" />\n        </button>\n      </div>\n\n      {/* Collapsible filters */}\n      {showFilters && (\n        <>\n          {/* Status + Group By row */}\n          <div className=\"flex items-center gap-2 px-3 pb-2 text-xs\">\n            <div className=\"relative\">\n              <button\n                onClick={() => setStatusDropdownOpen(!statusDropdownOpen)}\n                className=\"flex items-center gap-1 px-2 py-1 rounded border border-border-default bg-bg-primary text-text-secondary hover:bg-bg-elevated text-xs transition-colors\"\n              >\n                <span className=\"text-text-tertiary\">Status:</span>\n                <span className=\"font-medium text-text-primary\">{statusLabel}</span>\n                <ChevronDown\n                  className={`w-3 h-3 transition-transform ${statusDropdownOpen ? 'rotate-180' : ''}`}\n                />\n              </button>\n              {statusDropdownOpen && (\n                <div className=\"absolute z-50 mt-1 w-36 bg-bg-surface border border-border-default rounded-md shadow-lg py-1\">\n                  <button\n                    onClick={() => handleStatusFilterChange('all')}\n                    className=\"block w-full px-3 py-1.5 text-left text-xs text-text-primary hover:bg-bg-sunken transition-colors\"\n                  >\n                    All\n                  </button>\n                  {STATUS_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.value}\n                      onClick={() => handleStatusFilterChange(opt.value)}\n                      className={`block w-full px-3 py-1.5 text-left text-xs hover:bg-bg-sunken transition-colors ${\n                        filterStatus === opt.value\n                          ? 'text-action-primary-bg font-medium'\n                          : 'text-text-primary'\n                      }`}\n                    >\n                      {opt.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n\n            <div className=\"relative ml-auto flex items-center gap-1\">\n              <ListFilter className=\"w-3.5 h-3.5 text-text-secondary flex-shrink-0\" />\n              <button\n                onClick={() => setGroupDropdownOpen(!groupDropdownOpen)}\n                className=\"flex items-center gap-1 px-2 py-1 rounded border border-border-default bg-bg-primary text-text-secondary hover:bg-bg-elevated text-xs transition-colors\"\n              >\n                <span className=\"text-text-tertiary\">Group:</span>\n                <span className=\"font-medium text-text-primary\">{groupLabel}</span>\n                <ChevronDown\n                  className={`w-3 h-3 transition-transform ${groupDropdownOpen ? 'rotate-180' : ''}`}\n                />\n              </button>\n              {groupDropdownOpen && (\n                <div className=\"absolute right-0 z-50 mt-1 top-full w-32 bg-bg-surface border border-border-default rounded-md shadow-lg py-1\">\n                  {GROUP_BY_OPTIONS.map((opt) => (\n                    <button\n                      key={opt.value}\n                      onClick={() => handleGroupByChange(opt.value)}\n                      className={`block w-full px-3 py-1.5 text-left text-xs hover:bg-bg-sunken transition-colors ${\n                        sidebarGroupBy === opt.value\n                          ? 'text-action-primary-bg font-medium'\n                          : 'text-text-primary'\n                      }`}\n                    >\n                      {opt.label}\n                    </button>\n                  ))}\n                </div>\n              )}\n            </div>\n          </div>\n\n          {/* Tag filter */}\n          <div className=\"px-3 pb-2\">\n            <input\n              type=\"text\"\n              value={tagFilter}\n              onChange={(e) => setTagFilter(e.target.value)}\n              placeholder={tr(\n                'vibecontrols.agentManager.sidebar.filterByTags',\n                'Filter by tags...'\n              )}\n              className=\"w-full px-2 py-1 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors\"\n            />\n          </div>\n\n          {/* Date range filter */}\n          <div className=\"flex gap-1 items-center px-3 pb-2\">\n            <input\n              type=\"date\"\n              value={dateFrom}\n              onChange={(e) => setDateFrom(e.target.value)}\n              className=\"flex-1 px-1.5 py-1 text-[11px] rounded border border-border-default bg-bg-primary text-text-primary\"\n            />\n            <span className=\"text-[10px] text-text-tertiary\">to</span>\n            <input\n              type=\"date\"\n              value={dateTo}\n              onChange={(e) => setDateTo(e.target.value)}\n              className=\"flex-1 px-1.5 py-1 text-[11px] rounded border border-border-default bg-bg-primary text-text-primary\"\n            />\n          </div>\n        </>\n      )}\n\n      {/* Session list */}\n      <div className=\"flex-1 overflow-y-auto\">\n        <AgentManagerSessionList\n          agentId={agentId}\n          onDeleteSession={onDeleteSession}\n          filterTags={filterTags}\n          dateFrom={dateFrom}\n          dateTo={dateTo}\n        />\n      </div>\n\n      {/* Bulk actions */}\n      <AnimatePresence>\n        <AgentManagerBulkActions onDeleteSelected={onDeleteSelected} />\n      </AnimatePresence>\n\n      {/* New session dialog */}\n      <NewSessionDialog\n        agentId={agentId}\n        isOpen={showNewDialog}\n        onClose={() => setShowNewDialog(false)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/agent-manager/AgentManagerStreamingIndicator.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface AgentManagerStreamingIndicatorProps {
+    onCancel: () => void;
+}
+export declare const AgentManagerStreamingIndicator: FC<AgentManagerStreamingIndicatorProps>;
+export {};
+//# sourceMappingURL=AgentManagerStreamingIndicator.d.ts.map

package/dist/components/agent-manager/AgentManagerStreamingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerStreamingIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerStreamingIndicator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,UAAU,mCAAmC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,mCAAmC,CAuClF,CAAC"}

package/dist/components/agent-manager/AgentManagerStreamingIndicator.js

@@ -0,0 +1,53 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { Square as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerStreamingIndicator.tsx
+var i = ({ onCancel: i }) => {
+	let a = e();
+	return /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-3 px-3 py-2",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ n("span", {
+						className: "w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce",
+						style: {
+							animationDelay: "0ms",
+							animationDuration: "1s"
+						}
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce",
+						style: {
+							animationDelay: "150ms",
+							animationDuration: "1s"
+						}
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce",
+						style: {
+							animationDelay: "300ms",
+							animationDuration: "1s"
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ n("span", {
+				className: "text-xs text-text-secondary",
+				children: a("vibecontrols.agentManager.streaming.thinking", "Thinking...")
+			}),
+			/* @__PURE__ */ r("button", {
+				onClick: i,
+				className: "ml-auto flex items-center gap-1 px-2 py-1 text-xs text-text-secondary hover:text-text-primary bg-bg-sunken hover:bg-bg-elevated rounded transition-colors",
+				title: a("vibecontrols.agentManager.streaming.cancelEscape", "Cancel (Escape)"),
+				"aria-label": a("vibecontrols.agentManager.streaming.cancelStreaming", "Cancel streaming"),
+				children: [/* @__PURE__ */ n(t, { className: "w-3 h-3" }), /* @__PURE__ */ n("span", { children: a("vibecontrols.agentManager.streaming.stop", "Stop") })]
+			})
+		]
+	});
+};
+//#endregion
+export { i as AgentManagerStreamingIndicator };
+
+//# sourceMappingURL=AgentManagerStreamingIndicator.js.map

package/dist/components/agent-manager/AgentManagerStreamingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerStreamingIndicator.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerStreamingIndicator.tsx"],"sourcesContent":["/**\n * Animated streaming indicator for the Agent Manager chat.\n *\n * Shows bouncing dots, \"Thinking...\" text, and a cancel button.\n */\n\nimport type { FC } from 'react';\nimport { Square } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerStreamingIndicatorProps {\n  onCancel: () => void;\n}\n\nexport const AgentManagerStreamingIndicator: FC<AgentManagerStreamingIndicatorProps> = ({\n  onCancel,\n}) => {\n  const tr = useTr();\n\n  return (\n    <div className=\"flex items-center gap-3 px-3 py-2\">\n      {/* Bouncing dots */}\n      <div className=\"flex items-center gap-1\">\n        <span\n          className=\"w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce\"\n          style={{ animationDelay: '0ms', animationDuration: '1s' }}\n        />\n        <span\n          className=\"w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce\"\n          style={{ animationDelay: '150ms', animationDuration: '1s' }}\n        />\n        <span\n          className=\"w-1.5 h-1.5 rounded-full bg-text-secondary animate-bounce\"\n          style={{ animationDelay: '300ms', animationDuration: '1s' }}\n        />\n      </div>\n\n      <span className=\"text-xs text-text-secondary\">\n        {tr('vibecontrols.agentManager.streaming.thinking', 'Thinking...')}\n      </span>\n\n      {/* Cancel button */}\n      <button\n        onClick={onCancel}\n        className=\"ml-auto flex items-center gap-1 px-2 py-1 text-xs text-text-secondary hover:text-text-primary bg-bg-sunken hover:bg-bg-elevated rounded transition-colors\"\n        title={tr('vibecontrols.agentManager.streaming.cancelEscape', 'Cancel (Escape)')}\n        aria-label={tr('vibecontrols.agentManager.streaming.cancelStreaming', 'Cancel streaming')}\n      >\n        <Square className=\"w-3 h-3\" />\n        <span>{tr('vibecontrols.agentManager.streaming.stop', 'Stop')}</span>\n      </button>\n    </div>\n  );\n};\n"],"mappings":";;;;AAcA,IAAa,KAA2E,EACtF,kBACI;CACJ,IAAM,IAAK,GAAO;AAElB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MACE,WAAU;MACV,OAAO;OAAE,gBAAgB;OAAO,mBAAmB;OAAM;MACzD,CAAA;KACF,kBAAC,QAAD;MACE,WAAU;MACV,OAAO;OAAE,gBAAgB;OAAS,mBAAmB;OAAM;MAC3D,CAAA;KACF,kBAAC,QAAD;MACE,WAAU;MACV,OAAO;OAAE,gBAAgB;OAAS,mBAAmB;OAAM;MAC3D,CAAA;KACE;;GAEN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAG,gDAAgD,cAAc;IAC7D,CAAA;GAGP,kBAAC,UAAD;IACE,SAAS;IACT,WAAU;IACV,OAAO,EAAG,oDAAoD,kBAAkB;IAChF,cAAY,EAAG,uDAAuD,mBAAmB;cAJ3F,CAME,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAO,EAAG,4CAA4C,OAAO,EAAQ,CAAA,CAC9D;;GACL"}

package/dist/components/agent-manager/AgentManagerTab.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+interface AgentManagerTabProps {
+    sessionId: string;
+    name: string;
+    isActive: boolean;
+    isPinned: boolean;
+    isProcessing: boolean;
+    onActivate: () => void;
+    onClose: () => void;
+    onRename?: (sessionId: string) => void;
+}
+export declare const AgentManagerTab: FC<AgentManagerTabProps>;
+export {};
+//# sourceMappingURL=AgentManagerTab.d.ts.map

package/dist/components/agent-manager/AgentManagerTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerTab.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerTab.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAY,KAAK,EAAE,EAAmB,MAAM,OAAO,CAAC;AAI3D,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2EpD,CAAC"}