@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +1,49 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useState as t } from "react";
+import { Pin as n, X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerTab.tsx
+var o = ({ sessionId: o, name: s, isActive: c, isPinned: l, isProcessing: u, onActivate: d, onClose: f, onRename: p }) => {
+	let [m, h] = t(!1), g = e(), _ = s.length > 20 ? `${s.slice(0, 20)}...` : s;
+	return /* @__PURE__ */ a("button", {
+		"data-session-id": o,
+		title: s,
+		onClick: d,
+		onDoubleClick: () => p?.(o),
+		onAuxClick: (e) => {
+			e.button === 1 && (e.preventDefault(), f());
+		},
+		onMouseEnter: () => h(!0),
+		onMouseLeave: () => h(!1),
+		className: `
+        group relative flex items-center gap-1.5 pl-3 pr-6 py-1.5 text-xs font-medium
+        whitespace-nowrap select-none w-[160px] border-b-2 border-r transition-colors
+        ${c ? "bg-bg-surface text-text-primary border-b-action-primary-bg border-r-border-default" : "bg-bg-primary text-text-secondary border-b-transparent border-r-border-subtle hover:text-text-primary hover:bg-bg-elevated"}
+      `,
+		children: [
+			u && /* @__PURE__ */ i("span", { className: "flex-shrink-0 w-2 h-2 rounded-full bg-status-info-text animate-pulse" }),
+			l && /* @__PURE__ */ i(n, { className: "flex-shrink-0 w-3 h-3 text-text-muted" }),
+			/* @__PURE__ */ i("span", {
+				className: "truncate",
+				children: _
+			}),
+			(!l || m) && /* @__PURE__ */ i("span", {
+				role: "button",
+				tabIndex: -1,
+				onClick: (e) => {
+					e.stopPropagation(), f();
+				},
+				className: `
+            absolute right-1 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-bg-sunken transition-colors
+            ${m ? "opacity-100" : "opacity-0 group-hover:opacity-100"}
+          `,
+				"aria-label": `${g("vibecontrols.agentManager.tab.close", "Close")} ${s}`,
+				children: /* @__PURE__ */ i(r, { className: "w-3 h-3" })
+			})
+		]
+	});
+};
+//#endregion
+export { o as AgentManagerTab };
+
+//# sourceMappingURL=AgentManagerTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerTab.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerTab.tsx"],"sourcesContent":["/**\n * Individual tab component for the Agent Manager tab bar.\n *\n * Visual states: active (highlighted bg), inactive, pinned (pin icon),\n * processing (animated dot). Close button hidden on pinned tabs unless hovered.\n */\n\nimport { useState, type FC, type MouseEvent } from 'react';\nimport { Pin, X } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerTabProps {\n  sessionId: string;\n  name: string;\n  isActive: boolean;\n  isPinned: boolean;\n  isProcessing: boolean;\n  onActivate: () => void;\n  onClose: () => void;\n  onRename?: (sessionId: string) => void;\n}\n\nexport const AgentManagerTab: FC<AgentManagerTabProps> = ({\n  sessionId,\n  name,\n  isActive,\n  isPinned,\n  isProcessing,\n  onActivate,\n  onClose,\n  onRename,\n}) => {\n  const [hovered, setHovered] = useState(false);\n  const tr = useTr();\n\n  const truncatedName = name.length > 20 ? `${name.slice(0, 20)}...` : name;\n\n  const handleClose = (e: MouseEvent) => {\n    e.stopPropagation();\n    onClose();\n  };\n\n  const handleAuxClick = (e: MouseEvent) => {\n    // Middle-click to close\n    if (e.button === 1) {\n      e.preventDefault();\n      onClose();\n    }\n  };\n\n  return (\n    <button\n      data-session-id={sessionId}\n      title={name}\n      onClick={onActivate}\n      onDoubleClick={() => onRename?.(sessionId)}\n      onAuxClick={handleAuxClick}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      className={`\n        group relative flex items-center gap-1.5 pl-3 pr-6 py-1.5 text-xs font-medium\n        whitespace-nowrap select-none w-[160px] border-b-2 border-r transition-colors\n        ${\n          isActive\n            ? 'bg-bg-surface text-text-primary border-b-action-primary-bg border-r-border-default'\n            : 'bg-bg-primary text-text-secondary border-b-transparent border-r-border-subtle hover:text-text-primary hover:bg-bg-elevated'\n        }\n      `}\n    >\n      {/* Processing indicator */}\n      {isProcessing && (\n        <span className=\"flex-shrink-0 w-2 h-2 rounded-full bg-status-info-text animate-pulse\" />\n      )}\n\n      {/* Pin icon */}\n      {isPinned && <Pin className=\"flex-shrink-0 w-3 h-3 text-text-muted\" />}\n\n      {/* Tab name */}\n      <span className=\"truncate\">{truncatedName}</span>\n\n      {/* Close button: absolutely positioned at top-right corner */}\n      {(!isPinned || hovered) && (\n        <span\n          role=\"button\"\n          tabIndex={-1}\n          onClick={handleClose}\n          className={`\n            absolute right-1 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-bg-sunken transition-colors\n            ${hovered ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'}\n          `}\n          aria-label={`${tr('vibecontrols.agentManager.tab.close', 'Close')} ${name}`}\n        >\n          <X className=\"w-3 h-3\" />\n        </span>\n      )}\n    </button>\n  );\n};\n"],"mappings":";;;;;AAsBA,IAAa,KAA6C,EACxD,cACA,SACA,aACA,aACA,iBACA,eACA,YACA,kBACI;CACJ,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAK,GAAO,EAEZ,IAAgB,EAAK,SAAS,KAAK,GAAG,EAAK,MAAM,GAAG,GAAG,CAAC,OAAO;AAerE,QACE,kBAAC,UAAD;EACE,mBAAiB;EACjB,OAAO;EACP,SAAS;EACT,qBAAqB,IAAW,EAAU;EAC1C,aAdoB,MAAkB;AAExC,GAAI,EAAE,WAAW,MACf,EAAE,gBAAgB,EAClB,GAAS;;EAWT,oBAAoB,EAAW,GAAK;EACpC,oBAAoB,EAAW,GAAM;EACrC,WAAW;;;UAIP,IACI,uFACA,6HACL;;YAfL;GAmBG,KACC,kBAAC,QAAD,EAAM,WAAU,wEAAyE,CAAA;GAI1F,KAAY,kBAAC,GAAD,EAAK,WAAU,yCAA0C,CAAA;GAGtE,kBAAC,QAAD;IAAM,WAAU;cAAY;IAAqB,CAAA;IAG/C,CAAC,KAAY,MACb,kBAAC,QAAD;IACE,MAAK;IACL,UAAU;IACV,UAhDa,MAAkB;AAErC,KADA,EAAE,iBAAiB,EACnB,GAAS;;IA+CH,WAAW;;cAEP,IAAU,gBAAgB,oCAAoC;;IAElE,cAAY,GAAG,EAAG,uCAAuC,QAAQ,CAAC,GAAG;cAErE,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;IACpB,CAAA;GAEF"}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+interface AgentManagerTabBarProps {
+    agentId: string;
+    onSearch?: () => void;
+    onShowShortcuts?: () => void;
+}
+export declare const AgentManagerTabBar: FC<AgentManagerTabBarProps>;
+export {};
+//# sourceMappingURL=AgentManagerTabBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerTabBar.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerTabBar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA4C,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAkB1F,UAAU,uBAAuB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0P1D,CAAC"}

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

@@ -0,0 +1,152 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { renameSession as t } from "../../services/aiApi.js";
+import { useAgentManagerStore as n } from "../../store/agentManagerStore.js";
+import { AgentManagerTab as r } from "./AgentManagerTab.js";
+import { RenameSessionDialog as i } from "./dialogs/RenameSessionDialog.js";
+import { ExportSessionDialog as a } from "./dialogs/ExportSessionDialog.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { ChevronLeft as u, ChevronRight as d, Download as f, HelpCircle as p, Maximize2 as m, Minimize2 as h, Plus as g, Search as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerTabBar.tsx
+var b = ({ agentId: b, onSearch: x, onShowShortcuts: S }) => {
+	let C = n((e) => e.tabs), w = n((e) => e.activeTabSessionId), T = n((e) => e.sessionStates), E = n((e) => e.setActiveTab), D = n((e) => e.closeTab), O = n((e) => e.reorderTabs), k = n((e) => e.openSession), A = n((e) => e.renameTab), j = n((e) => e.isFullscreen), M = n((e) => e.toggleFullscreen), N = c(null), P = e(), [F, I] = l(null), [L, R] = l(null), [z, B] = l(!1), [V, H] = l(!1), [U, W] = l(!1), G = o(() => {
+		let e = N.current;
+		e && (H(e.scrollLeft > 0), W(e.scrollLeft + e.clientWidth < e.scrollWidth - 1));
+	}, []), K = o((e) => {
+		let t = N.current;
+		t && (t.scrollBy({
+			left: e === "left" ? -200 : 200,
+			behavior: "smooth"
+		}), setTimeout(G, 300));
+	}, [G]);
+	s(() => {
+		G();
+	}, [C.length, G]), s(() => {
+		let e = N.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => G());
+		return t.observe(e), () => t.disconnect();
+	}, [G]);
+	let q = () => {
+		k(`session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+	}, J = (e, t) => {
+		I(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", String(t));
+	}, Y = (e) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move";
+	}, X = (e, t) => {
+		if (e.preventDefault(), F === null || F === t) return;
+		let n = [...C], [r] = n.splice(F, 1);
+		n.splice(t, 0, r), O(n.map((e, t) => ({
+			...e,
+			order: t
+		}))), I(null);
+	}, Z = () => {
+		I(null);
+	}, Q = o(async (e, n) => {
+		A(e, n);
+		try {
+			await t(b, e, n);
+		} catch {}
+	}, [b, A]), $ = L ? C.find((e) => e.sessionId === L) : null;
+	return /* @__PURE__ */ y("div", {
+		className: "flex items-stretch bg-bg-primary border-b border-border-default w-full",
+		children: [
+			V && /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => K("left"),
+				className: "flex-shrink-0 px-1 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-r border-border-default",
+				"aria-label": "Scroll tabs left",
+				children: /* @__PURE__ */ v(u, { className: "w-3.5 h-3.5" })
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex-1 min-w-0 overflow-hidden",
+				children: /* @__PURE__ */ v("div", {
+					ref: N,
+					onScroll: G,
+					className: "flex items-stretch overflow-x-auto h-full",
+					style: { scrollbarWidth: "none" },
+					children: C.map((e, t) => {
+						let n = T[e.sessionId], i = n?.status === "streaming" || n?.status === "processing";
+						return /* @__PURE__ */ v("div", {
+							draggable: !0,
+							onDragStart: (e) => J(e, t),
+							onDragOver: Y,
+							onDrop: (e) => X(e, t),
+							onDragEnd: Z,
+							className: `flex-shrink-0${F === t ? " opacity-50" : ""}`,
+							children: /* @__PURE__ */ v(r, {
+								sessionId: e.sessionId,
+								name: e.name,
+								isActive: e.sessionId === w,
+								isPinned: e.pinned,
+								isProcessing: i,
+								onActivate: () => E(e.sessionId),
+								onClose: () => D(e.sessionId),
+								onRename: R
+							})
+						}, e.sessionId);
+					})
+				})
+			}),
+			U && /* @__PURE__ */ v("button", {
+				type: "button",
+				onClick: () => K("right"),
+				className: "flex-shrink-0 px-1 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				"aria-label": "Scroll tabs right",
+				children: /* @__PURE__ */ v(d, { className: "w-3.5 h-3.5" })
+			}),
+			w && /* @__PURE__ */ v("button", {
+				onClick: () => B(!0),
+				className: "flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				title: P("vibecontrols.agentManager.tabBar.exportSession", "Export session"),
+				"aria-label": P("vibecontrols.agentManager.tabBar.exportSession", "Export session"),
+				children: /* @__PURE__ */ v(f, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ v("button", {
+				onClick: q,
+				className: "flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				title: P("vibecontrols.agentManager.tabBar.newSession", "New session (Ctrl+N)"),
+				"aria-label": P("vibecontrols.agentManager.tabBar.createNewSession", "Create new session"),
+				children: /* @__PURE__ */ v(g, { className: "w-4 h-4" })
+			}),
+			x && /* @__PURE__ */ v("button", {
+				onClick: x,
+				className: "flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				title: P("vibecontrols.agentManager.tabBar.searchSessions", "Search sessions (Ctrl+K)"),
+				"aria-label": P("vibecontrols.agentManager.tabBar.searchSessions", "Search sessions"),
+				children: /* @__PURE__ */ v(_, { className: "w-4 h-4" })
+			}),
+			S && /* @__PURE__ */ v("button", {
+				onClick: S,
+				className: "flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				title: P("vibecontrols.agentManager.tabBar.keyboardShortcuts", "Keyboard shortcuts"),
+				"aria-label": P("vibecontrols.agentManager.tabBar.keyboardShortcuts", "Keyboard shortcuts"),
+				children: /* @__PURE__ */ v(p, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ v("button", {
+				onClick: M,
+				className: "flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default",
+				title: j ? P("vibecontrols.agentManager.tabBar.exitFullscreen", "Exit fullscreen") : P("vibecontrols.agentManager.tabBar.enterFullscreen", "Enter fullscreen"),
+				"aria-label": j ? P("vibecontrols.agentManager.tabBar.exitFullscreen", "Exit fullscreen") : P("vibecontrols.agentManager.tabBar.enterFullscreen", "Enter fullscreen"),
+				children: v(j ? h : m, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ v(a, {
+				isOpen: z,
+				onClose: () => B(!1),
+				sessionId: w ?? "",
+				agentId: b
+			}),
+			/* @__PURE__ */ v(i, {
+				isOpen: L !== null,
+				sessionId: L ?? "",
+				currentName: $?.name ?? "",
+				onClose: () => R(null),
+				onRename: (e, t) => void Q(e, t)
+			})
+		]
+	});
+};
+//#endregion
+export { b as AgentManagerTabBar };
+
+//# sourceMappingURL=AgentManagerTabBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerTabBar.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerTabBar.tsx"],"sourcesContent":["/**\n * Browser-style tab bar for the Agent Manager.\n *\n * Horizontal scrolling tabs with a \"+\" button to create new sessions.\n * Supports drag-to-reorder via simple index swap.\n */\n\nimport { useRef, useState, useCallback, useEffect, type FC, type DragEvent } from 'react';\nimport {\n  Plus,\n  Download,\n  ChevronLeft,\n  ChevronRight,\n  Search,\n  HelpCircle,\n  Maximize2,\n  Minimize2,\n} from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { renameSession } from '@/services/aiApi';\nimport { AgentManagerTab } from './AgentManagerTab';\nimport { RenameSessionDialog } from './dialogs/RenameSessionDialog';\nimport { ExportSessionDialog } from './dialogs/ExportSessionDialog';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerTabBarProps {\n  agentId: string;\n  onSearch?: () => void;\n  onShowShortcuts?: () => void;\n}\n\nexport const AgentManagerTabBar: FC<AgentManagerTabBarProps> = ({\n  agentId,\n  onSearch,\n  onShowShortcuts,\n}) => {\n  const tabs = useAgentManagerStore((s) => s.tabs);\n  const activeTabSessionId = useAgentManagerStore((s) => s.activeTabSessionId);\n  const sessionStates = useAgentManagerStore((s) => s.sessionStates);\n  const setActiveTab = useAgentManagerStore((s) => s.setActiveTab);\n  const closeTab = useAgentManagerStore((s) => s.closeTab);\n  const reorderTabs = useAgentManagerStore((s) => s.reorderTabs);\n  const openSession = useAgentManagerStore((s) => s.openSession);\n  const renameTab = useAgentManagerStore((s) => s.renameTab);\n  const isFullscreen = useAgentManagerStore((s) => s.isFullscreen);\n  const toggleFullscreen = useAgentManagerStore((s) => s.toggleFullscreen);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const tr = useTr();\n  const [dragIndex, setDragIndex] = useState<number | null>(null);\n  const [renamingSessionId, setRenamingSessionId] = useState<string | null>(null);\n  const [exportOpen, setExportOpen] = useState(false);\n  const [showLeftArrow, setShowLeftArrow] = useState(false);\n  const [showRightArrow, setShowRightArrow] = useState(false);\n\n  const checkScroll = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    setShowLeftArrow(el.scrollLeft > 0);\n    setShowRightArrow(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);\n  }, []);\n\n  const scrollTabs = useCallback(\n    (direction: 'left' | 'right') => {\n      const el = scrollRef.current;\n      if (!el) return;\n      el.scrollBy({ left: direction === 'left' ? -200 : 200, behavior: 'smooth' });\n      // Update arrow visibility after scroll animation\n      setTimeout(checkScroll, 300);\n    },\n    [checkScroll]\n  );\n\n  useEffect(() => {\n    checkScroll();\n  }, [tabs.length, checkScroll]);\n\n  // Re-check scroll whenever the container is resized\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const ro = new ResizeObserver(() => checkScroll());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [checkScroll]);\n\n  const handleNewSession = () => {\n    const sessionId = `session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n    openSession(sessionId);\n  };\n\n  const handleDragStart = (e: DragEvent, index: number) => {\n    setDragIndex(index);\n    e.dataTransfer.effectAllowed = 'move';\n    e.dataTransfer.setData('text/plain', String(index));\n  };\n\n  const handleDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    e.dataTransfer.dropEffect = 'move';\n  };\n\n  const handleDrop = (e: DragEvent, dropIndex: number) => {\n    e.preventDefault();\n    if (dragIndex === null || dragIndex === dropIndex) return;\n\n    const reordered = [...tabs];\n    const [moved] = reordered.splice(dragIndex, 1);\n    reordered.splice(dropIndex, 0, moved);\n\n    // Update order values\n    const updated = reordered.map((tab, i) => ({ ...tab, order: i }));\n    reorderTabs(updated);\n    setDragIndex(null);\n  };\n\n  const handleDragEnd = () => {\n    setDragIndex(null);\n  };\n\n  const handleRename = useCallback(\n    async (sessionId: string, newName: string) => {\n      renameTab(sessionId, newName);\n      try {\n        await renameSession(agentId, sessionId, newName);\n      } catch {\n        // Best-effort API sync -- local rename already applied\n      }\n    },\n    [agentId, renameTab]\n  );\n\n  const renamingTab = renamingSessionId\n    ? tabs.find((t) => t.sessionId === renamingSessionId)\n    : null;\n\n  return (\n    <div className=\"flex items-stretch bg-bg-primary border-b border-border-default w-full\">\n      {showLeftArrow && (\n        <button\n          type=\"button\"\n          onClick={() => scrollTabs('left')}\n          className=\"flex-shrink-0 px-1 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-r border-border-default\"\n          aria-label=\"Scroll tabs left\"\n        >\n          <ChevronLeft className=\"w-3.5 h-3.5\" />\n        </button>\n      )}\n      {/* Clip wrapper hides the browser scrollbar while keeping scroll functional */}\n      <div className=\"flex-1 min-w-0 overflow-hidden\">\n        <div\n          ref={scrollRef}\n          onScroll={checkScroll}\n          className=\"flex items-stretch overflow-x-auto h-full\"\n          style={{ scrollbarWidth: 'none' }}\n        >\n          {tabs.map((tab, index) => {\n            const sessionState = sessionStates[tab.sessionId];\n            const isProcessing =\n              sessionState?.status === 'streaming' || sessionState?.status === 'processing';\n\n            return (\n              <div\n                key={tab.sessionId}\n                draggable\n                onDragStart={(e) => handleDragStart(e, index)}\n                onDragOver={handleDragOver}\n                onDrop={(e) => handleDrop(e, index)}\n                onDragEnd={handleDragEnd}\n                className={`flex-shrink-0${dragIndex === index ? ' opacity-50' : ''}`}\n              >\n                <AgentManagerTab\n                  sessionId={tab.sessionId}\n                  name={tab.name}\n                  isActive={tab.sessionId === activeTabSessionId}\n                  isPinned={tab.pinned}\n                  isProcessing={isProcessing}\n                  onActivate={() => setActiveTab(tab.sessionId)}\n                  onClose={() => closeTab(tab.sessionId)}\n                  onRename={setRenamingSessionId}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {showRightArrow && (\n        <button\n          type=\"button\"\n          onClick={() => scrollTabs('right')}\n          className=\"flex-shrink-0 px-1 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n          aria-label=\"Scroll tabs right\"\n        >\n          <ChevronRight className=\"w-3.5 h-3.5\" />\n        </button>\n      )}\n\n      {/* Export session button */}\n      {activeTabSessionId && (\n        <button\n          onClick={() => setExportOpen(true)}\n          className=\"flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n          title={tr('vibecontrols.agentManager.tabBar.exportSession', 'Export session')}\n          aria-label={tr('vibecontrols.agentManager.tabBar.exportSession', 'Export session')}\n        >\n          <Download className=\"w-4 h-4\" />\n        </button>\n      )}\n\n      {/* New session button */}\n      <button\n        onClick={handleNewSession}\n        className=\"flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n        title={tr('vibecontrols.agentManager.tabBar.newSession', 'New session (Ctrl+N)')}\n        aria-label={tr('vibecontrols.agentManager.tabBar.createNewSession', 'Create new session')}\n      >\n        <Plus className=\"w-4 h-4\" />\n      </button>\n\n      {/* Search sessions */}\n      {onSearch && (\n        <button\n          onClick={onSearch}\n          className=\"flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n          title={tr('vibecontrols.agentManager.tabBar.searchSessions', 'Search sessions (Ctrl+K)')}\n          aria-label={tr('vibecontrols.agentManager.tabBar.searchSessions', 'Search sessions')}\n        >\n          <Search className=\"w-4 h-4\" />\n        </button>\n      )}\n\n      {/* Keyboard shortcuts */}\n      {onShowShortcuts && (\n        <button\n          onClick={onShowShortcuts}\n          className=\"flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n          title={tr('vibecontrols.agentManager.tabBar.keyboardShortcuts', 'Keyboard shortcuts')}\n          aria-label={tr(\n            'vibecontrols.agentManager.tabBar.keyboardShortcuts',\n            'Keyboard shortcuts'\n          )}\n        >\n          <HelpCircle className=\"w-4 h-4\" />\n        </button>\n      )}\n\n      {/* Fullscreen toggle */}\n      <button\n        onClick={toggleFullscreen}\n        className=\"flex-shrink-0 px-2 py-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-elevated transition-colors border-l border-border-default\"\n        title={\n          isFullscreen\n            ? tr('vibecontrols.agentManager.tabBar.exitFullscreen', 'Exit fullscreen')\n            : tr('vibecontrols.agentManager.tabBar.enterFullscreen', 'Enter fullscreen')\n        }\n        aria-label={\n          isFullscreen\n            ? tr('vibecontrols.agentManager.tabBar.exitFullscreen', 'Exit fullscreen')\n            : tr('vibecontrols.agentManager.tabBar.enterFullscreen', 'Enter fullscreen')\n        }\n      >\n        {isFullscreen ? <Minimize2 className=\"w-4 h-4\" /> : <Maximize2 className=\"w-4 h-4\" />}\n      </button>\n\n      {/* Export session dialog */}\n      <ExportSessionDialog\n        isOpen={exportOpen}\n        onClose={() => setExportOpen(false)}\n        sessionId={activeTabSessionId ?? ''}\n        agentId={agentId}\n      />\n\n      {/* Rename session dialog */}\n      <RenameSessionDialog\n        isOpen={renamingSessionId !== null}\n        sessionId={renamingSessionId ?? ''}\n        currentName={renamingTab?.name ?? ''}\n        onClose={() => setRenamingSessionId(null)}\n        onRename={(sessionId, newName) => void handleRename(sessionId, newName)}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * Bridle Configuration Manager Panel.
+ *
+ * Provides a full UI for managing cross-harness AI assistant configurations
+ * via the Bridle CLI tool. Supports profile management, skill installation,
+ * and config editing across Claude Code, OpenCode, Goose, Amp, Copilot, and Crush.
+ */
+interface BridleConfigPanelProps {
+    agentId: string;
+}
+export declare function BridleConfigPanel({ agentId: _agentId }: BridleConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BridleConfigPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BridleConfigPanel.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/BridleConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB;AAuBD,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CAqW9E"}

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

@@ -0,0 +1,356 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useCallback as t, useState as n } from "react";
+import { ArrowLeftRight as r, Check as i, Copy as a, Download as o, Plus as s, RefreshCw as c, Settings as l, Terminal as u, Trash2 as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/agent-manager/BridleConfigPanel.tsx
+var h = [
+	{
+		name: "Claude Code",
+		id: "claude",
+		config: "~/.claude/",
+		color: "bg-purple-100 text-purple-800"
+	},
+	{
+		name: "OpenCode",
+		id: "opencode",
+		config: "~/.config/opencode/",
+		color: "bg-blue-100 text-blue-800"
+	},
+	{
+		name: "Goose",
+		id: "goose",
+		config: "~/.config/goose/",
+		color: "bg-green-100 text-green-800"
+	},
+	{
+		name: "Amp",
+		id: "amp",
+		config: "~/.amp/",
+		color: "bg-yellow-100 text-yellow-800"
+	},
+	{
+		name: "Copilot",
+		id: "copilot",
+		config: "~/.copilot/",
+		color: "bg-gray-100 text-gray-800"
+	},
+	{
+		name: "Crush",
+		id: "crush",
+		config: "~/.config/crush/",
+		color: "bg-red-100 text-red-800"
+	}
+];
+function g({ agentId: g }) {
+	let _ = e(), [v, y] = n("overview"), [b, x] = n("claude"), [S, C] = n(""), [w, T] = n(""), [E, D] = n(""), [O, k] = n(""), [A, j] = n(""), [M, N] = n(null), P = t((e) => {
+		navigator.clipboard.writeText(e), N(e), setTimeout(() => N(null), 2e3);
+	}, []), F = (e) => {
+		j(`$ ${e}\n\nRun this command in your terminal to execute.`), P(e);
+	}, I = [
+		{
+			key: "overview",
+			label: "Overview",
+			icon: c
+		},
+		{
+			key: "profiles",
+			label: "Profiles",
+			icon: r
+		},
+		{
+			key: "install",
+			label: "Install",
+			icon: o
+		},
+		{
+			key: "settings",
+			label: "Settings",
+			icon: l
+		}
+	];
+	return /* @__PURE__ */ m("div", {
+		className: "flex flex-col h-full max-h-[65vh] overflow-hidden",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between px-4 py-3 border-b border-border-default flex-shrink-0",
+				children: /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("h3", {
+					className: "text-sm font-semibold text-text-primary flex items-center gap-2",
+					children: [/* @__PURE__ */ p(u, { className: "w-4 h-4" }), _("vibecontrols.agentManager.bridle.title", "Bridle — Cross-Harness Config Manager")]
+				}), /* @__PURE__ */ p("p", {
+					className: "text-[11px] text-text-secondary mt-0.5",
+					children: _("vibecontrols.agentManager.bridle.description", "Manage profiles, skills, and configurations across all AI coding assistants")
+				})] })
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex gap-1 px-4 py-2 border-b border-border-default flex-shrink-0",
+				children: I.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ m("button", {
+					onClick: () => y(e),
+					className: `flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded transition-colors ${v === e ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-secondary hover:text-text-primary hover:bg-bg-elevated"}`,
+					children: [/* @__PURE__ */ p(n, { className: "w-3.5 h-3.5" }), t]
+				}, e))
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex-1 overflow-y-auto p-4",
+				children: [
+					v === "overview" && /* @__PURE__ */ m("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+							children: _("vibecontrols.agentManager.bridle.supportedHarnesses", "Supported Harnesses")
+						}), /* @__PURE__ */ p("div", {
+							className: "grid grid-cols-2 sm:grid-cols-3 gap-2",
+							children: h.map((e) => /* @__PURE__ */ m("button", {
+								onClick: () => {
+									x(e.id), y("profiles");
+								},
+								className: "px-3 py-2.5 rounded-md border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left",
+								children: [/* @__PURE__ */ p("span", {
+									className: "text-xs font-medium text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ p("span", {
+									className: "block text-[10px] text-text-tertiary font-mono mt-0.5",
+									children: e.config
+								})]
+							}, e.id))
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+							children: _("vibecontrols.agentManager.bridle.quickActions", "Quick Actions")
+						}), /* @__PURE__ */ m("div", {
+							className: "flex flex-wrap gap-2",
+							children: [/* @__PURE__ */ m("button", {
+								onClick: () => F("bridle status"),
+								className: "px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ p(c, { className: "w-3 h-3" }),
+									" ",
+									_("vibecontrols.agentManager.bridle.showStatus", "Show Status")
+								]
+							}), /* @__PURE__ */ m("button", {
+								onClick: () => F("bridle init"),
+								className: "px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors flex items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ p(s, { className: "w-3 h-3" }),
+									" ",
+									_("vibecontrols.agentManager.bridle.initialize", "Initialize")
+								]
+							})]
+						})] })]
+					}),
+					v === "profiles" && /* @__PURE__ */ m("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-xs font-medium text-text-secondary mb-1",
+								children: "Harness"
+							}), /* @__PURE__ */ p("select", {
+								value: b,
+								onChange: (e) => x(e.target.value),
+								className: "w-full px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary",
+								children: h.map((e) => /* @__PURE__ */ p("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))
+							})] }),
+							/* @__PURE__ */ m("div", {
+								className: "grid grid-cols-2 gap-2",
+								children: [/* @__PURE__ */ p("button", {
+									onClick: () => F(`bridle profile list ${b}`),
+									className: "px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left",
+									children: _("vibecontrols.agentManager.bridle.listProfiles", "List Profiles")
+								}), /* @__PURE__ */ p("button", {
+									onClick: () => F(`bridle profile show ${b} ${S || "<name>"}`),
+									className: "px-3 py-2 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated transition-colors text-left",
+									children: _("vibecontrols.agentManager.bridle.showProfile", "Show Profile")
+								})]
+							}),
+							/* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ p("label", {
+									className: "block text-xs font-medium text-text-secondary mb-1",
+									children: _("vibecontrols.agentManager.bridle.profileName", "Profile Name")
+								}),
+								/* @__PURE__ */ p("div", {
+									className: "flex gap-2",
+									children: /* @__PURE__ */ p("input", {
+										type: "text",
+										value: S,
+										onChange: (e) => C(e.target.value),
+										placeholder: "e.g., work, personal, minimal",
+										className: "flex-1 px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
+									})
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex gap-2 mt-2",
+									children: [
+										/* @__PURE__ */ m("button", {
+											onClick: () => F(`bridle profile create ${b} ${S}`),
+											disabled: !S,
+											className: "px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1",
+											children: [/* @__PURE__ */ p(s, { className: "w-3 h-3" }), " Create"]
+										}),
+										/* @__PURE__ */ m("button", {
+											onClick: () => F(`bridle profile create ${b} ${S} --from-current`),
+											disabled: !S,
+											className: "px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1",
+											children: [/* @__PURE__ */ p(a, { className: "w-3 h-3" }), " From Current"]
+										}),
+										/* @__PURE__ */ m("button", {
+											onClick: () => F(`bridle profile switch ${b} ${S}`),
+											disabled: !S,
+											className: "px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50 flex items-center gap-1",
+											children: [/* @__PURE__ */ p(r, { className: "w-3 h-3" }), " Switch"]
+										}),
+										/* @__PURE__ */ m("button", {
+											onClick: () => F(`bridle profile delete ${b} ${S}`),
+											disabled: !S,
+											className: "px-3 py-1.5 text-xs rounded border border-status-error-bg text-status-error-text hover:bg-status-error-bg/10 disabled:opacity-50 flex items-center gap-1",
+											children: [/* @__PURE__ */ p(d, { className: "w-3 h-3" }), " Delete"]
+										})
+									]
+								})
+							] })
+						]
+					}),
+					v === "install" && /* @__PURE__ */ p("div", {
+						className: "space-y-4",
+						children: /* @__PURE__ */ m("div", { children: [
+							/* @__PURE__ */ p("h4", {
+								className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+								children: _("vibecontrols.agentManager.bridle.installFromGithub", "Install from GitHub")
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "text-xs text-text-secondary mb-3",
+								children: _("vibecontrols.agentManager.bridle.installDescription", "Install skills, agents, commands, or MCPs from GitHub repositories.")
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ p("input", {
+									type: "text",
+									value: w,
+									onChange: (e) => T(e.target.value),
+									placeholder: "owner/repo or full GitHub URL",
+									className: "flex-1 px-3 py-2 text-sm rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
+								}), /* @__PURE__ */ m("button", {
+									onClick: () => F(`bridle install ${w}`),
+									disabled: !w,
+									className: "px-4 py-2 text-sm rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50 flex items-center gap-1.5",
+									children: [/* @__PURE__ */ p(o, { className: "w-4 h-4" }), " Install"]
+								})]
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "text-[10px] text-text-tertiary mt-1.5",
+								children: [
+									"Use ",
+									/* @__PURE__ */ p("code", {
+										className: "px-1 py-0.5 rounded bg-bg-elevated",
+										children: "--force"
+									}),
+									" to overwrite existing installations"
+								]
+							})
+						] })
+					}),
+					v === "settings" && /* @__PURE__ */ m("div", {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+							children: _("vibecontrols.agentManager.bridle.configuration", "Configuration")
+						}), /* @__PURE__ */ m("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-xs font-medium text-text-secondary mb-1",
+									children: "Key"
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: E,
+									onChange: (e) => D(e.target.value),
+									placeholder: "e.g., editor, default_harness, profile_marker",
+									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-xs font-medium text-text-secondary mb-1",
+									children: "Value"
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: O,
+									onChange: (e) => k(e.target.value),
+									placeholder: "value",
+									className: "w-full px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong"
+								})] }),
+								/* @__PURE__ */ m("div", {
+									className: "flex gap-2",
+									children: [/* @__PURE__ */ p("button", {
+										onClick: () => F(`bridle config get ${E}`),
+										disabled: !E,
+										className: "px-3 py-1.5 text-xs rounded border border-border-default bg-bg-primary hover:bg-bg-elevated disabled:opacity-50",
+										children: "Get"
+									}), /* @__PURE__ */ p("button", {
+										onClick: () => F(`bridle config set ${E} ${O}`),
+										disabled: !E || !O,
+										className: "px-3 py-1.5 text-xs rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-50",
+										children: "Set"
+									})]
+								})
+							]
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h4", {
+							className: "text-xs font-semibold text-text-secondary uppercase tracking-wider mb-2",
+							children: _("vibecontrols.agentManager.bridle.availableConfigKeys", "Available Config Keys")
+						}), /* @__PURE__ */ m("div", {
+							className: "space-y-1 text-xs text-text-secondary",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "flex justify-between px-2 py-1 rounded bg-bg-primary",
+									children: [/* @__PURE__ */ p("code", { children: "profile_marker" }), /* @__PURE__ */ p("span", { children: "Enable debug marker files" })]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex justify-between px-2 py-1 rounded bg-bg-primary",
+									children: [/* @__PURE__ */ p("code", { children: "editor" }), /* @__PURE__ */ p("span", { children: "Default text editor" })]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex justify-between px-2 py-1 rounded bg-bg-primary",
+									children: [/* @__PURE__ */ p("code", { children: "tui.view" }), /* @__PURE__ */ p("span", { children: "Initial TUI view" })]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex justify-between px-2 py-1 rounded bg-bg-primary",
+									children: [/* @__PURE__ */ p("code", { children: "default_harness" }), /* @__PURE__ */ p("span", { children: "Startup harness tab" })]
+								})
+							]
+						})] })]
+					}),
+					A && /* @__PURE__ */ m("div", {
+						className: "mt-4 border-t border-border-default pt-3",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between mb-2",
+								children: [/* @__PURE__ */ p("h4", {
+									className: "text-xs font-semibold text-text-secondary uppercase tracking-wider",
+									children: _("vibecontrols.agentManager.bridle.command", "Command")
+								}), /* @__PURE__ */ p("button", {
+									onClick: () => j(""),
+									className: "text-[10px] text-text-tertiary hover:text-text-secondary",
+									children: _("vibecontrols.agentManager.bridle.clear", "Clear")
+								})]
+							}),
+							/* @__PURE__ */ p("pre", {
+								className: "p-3 rounded-md bg-bg-sunken text-text-primary text-xs font-mono whitespace-pre-wrap border border-border-default",
+								children: A
+							}),
+							/* @__PURE__ */ p("p", {
+								className: "text-[10px] text-text-tertiary mt-1 flex items-center gap-1",
+								children: M ? /* @__PURE__ */ m(f, { children: [
+									/* @__PURE__ */ p(i, { className: "w-3 h-3 text-status-success-text" }),
+									" ",
+									_("vibecontrols.agentManager.bridle.copiedToClipboard", "Copied to clipboard")
+								] }) : _("vibecontrols.agentManager.bridle.commandCopied", "Command copied to clipboard")
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { g as BridleConfigPanel };
+
+//# sourceMappingURL=BridleConfigPanel.js.map