@burdenoff/microfe-vibecontrols 2026.511.1

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

@@ -0,0 +1,121 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import t from "../../hooks/useCachedInitialData.js";
+import { fetchSessionLogs as n } from "../../services/aiApi.js";
+import { useAgentManagerStore as r } from "../../store/agentManagerStore.js";
+import { useAgentManagerStreaming as i } from "../../hooks/useAgentManagerStreaming.js";
+import { AgentManagerMessageList as a } from "./AgentManagerMessageList.js";
+import { AgentManagerInputArea as o } from "./AgentManagerInputArea.js";
+import { PluginInstallModal as s } from "./PluginInstallModal.js";
+import { useCallback as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { PackagePlus as f, Search as p, X as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerChatPane.tsx
+var _ = ({ sessionId: _, agentId: v }) => {
+	let [y, b] = d(!1), [x, S] = d(!1), [C, w] = d(""), [T, E] = d(!1), D = e(), { agents: O } = t(), k = u(() => O.find((e) => e.id === v) ?? null, [O, v]), A = r((e) => e.sessionStates[_]), j = r((e) => e.addMessage), M = A?.messages ?? [], { sendMessage: N, cancelStream: P, isStreaming: F } = i({
+		agentId: v,
+		sessionId: _
+	}), I = c(() => {
+		S((e) => (e && w(""), !e));
+	}, []);
+	return l(() => {
+		let e = !1;
+		return (async () => {
+			if (!(M.length > 0)) {
+				b(!0);
+				try {
+					let t = await n(v, _, { types: ["input", "output"] });
+					if (e || t.length === 0) return;
+					for (let e of t) j(_, {
+						id: e.id,
+						role: e.type === "input" ? "user" : "assistant",
+						content: e.message || e.content || "",
+						timestamp: e.timestamp || e.createdAt,
+						tokens: e.tokenCount ? {
+							input: 0,
+							output: e.tokenCount
+						} : void 0,
+						model: e.model
+					});
+				} catch {} finally {
+					e || b(!1);
+				}
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [v, _]), /* @__PURE__ */ g("div", {
+		className: "flex flex-col h-full min-h-0",
+		"data-testid": "agent-manager-chat-pane",
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-1 px-3 py-1 border-b border-border-default bg-bg-surface flex-shrink-0",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-1.5 min-w-0 flex-1",
+					children: [/* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: I,
+						className: `p-1 rounded transition-colors shrink-0 ${x ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated"}`,
+						title: D("vibecontrols.agentManager.chatPane.searchInSession", "Search in session (Ctrl+F)"),
+						"aria-label": D("vibecontrols.agentManager.chatPane.searchInSession", "Search in session"),
+						children: /* @__PURE__ */ h(p, { className: "w-3.5 h-3.5" })
+					}), x && /* @__PURE__ */ g("div", {
+						className: "flex items-center gap-1.5 flex-1 min-w-0",
+						children: [/* @__PURE__ */ h("input", {
+							type: "text",
+							value: C,
+							onChange: (e) => w(e.target.value),
+							placeholder: D("vibecontrols.agentManager.chatPane.searchPlaceholder", "Search in conversation..."),
+							autoFocus: !0,
+							className: "flex-1 min-w-0 bg-transparent text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none"
+						}), C && /* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => w(""),
+							className: "p-0.5 rounded hover:bg-bg-elevated transition-colors",
+							children: /* @__PURE__ */ h(m, { className: "w-3 h-3 text-text-tertiary" })
+						})]
+					})]
+				}), /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => E(!0),
+					className: "shrink-0 inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-elevated px-2 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken hover:border-action-primary-bg/40",
+					title: D("vibecontrols.agentManager.chatPane.manageProvidersTooltip", "Install or remove AI providers (Claude, Codex, Gemini, OpenCode)"),
+					"aria-label": D("vibecontrols.agentManager.chatPane.manageProviders", "Manage AI providers"),
+					"data-testid": "agent-manager-manage-providers",
+					children: [/* @__PURE__ */ h(f, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ h("span", {
+						className: "hidden sm:inline",
+						children: D("vibecontrols.agentManager.chatPane.manageProviders", "Manage AI providers")
+					})]
+				})]
+			}),
+			y ? /* @__PURE__ */ h("div", {
+				className: "flex-1 flex items-center justify-center",
+				children: /* @__PURE__ */ h("p", {
+					className: "text-sm text-text-secondary",
+					children: D("vibecontrols.agentManager.chatPane.loadingConversation", "Loading conversation...")
+				})
+			}) : /* @__PURE__ */ h(a, {
+				messages: M,
+				isStreaming: F,
+				onCancelStream: P,
+				searchQuery: C
+			}),
+			/* @__PURE__ */ h(o, {
+				agentId: v,
+				sessionId: _,
+				onSend: (e) => void N(e),
+				onCancel: P,
+				agentTunnelUrl: k?.tunnelUrl ?? void 0,
+				agentApiKey: k?.agentApiKey ?? void 0
+			}),
+			/* @__PURE__ */ h(s, {
+				open: T,
+				agentId: v,
+				onClose: () => E(!1)
+			})
+		]
+	});
+};
+//#endregion
+export { _ as AgentManagerChatPane };
+
+//# sourceMappingURL=AgentManagerChatPane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerChatPane.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerChatPane.tsx"],"sourcesContent":["/**\n * Main chat interface for a single Agent Manager session.\n *\n * Renders message list + input area, manages the send/receive flow,\n * fetches existing conversation logs on mount, and provides\n * auto-scroll, cancel, and in-session search support.\n */\n\nimport { useEffect, useState, useCallback, useMemo, type FC } from 'react';\nimport { PackagePlus, Search, X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { useAgentManagerStreaming } from '@/hooks/useAgentManagerStreaming';\nimport { useCachedInitialData } from '@/hooks/useCachedInitialData';\nimport { fetchSessionLogs } from '@/services/aiApi';\nimport { AgentManagerMessageList } from './AgentManagerMessageList';\nimport { AgentManagerInputArea } from './AgentManagerInputArea';\nimport { PluginInstallModal } from './PluginInstallModal';\nimport type { AgentManagerMessage } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerChatPaneProps {\n  sessionId: string;\n  agentId: string;\n}\n\nexport const AgentManagerChatPane: FC<AgentManagerChatPaneProps> = ({ sessionId, agentId }) => {\n  const [loadingLogs, setLoadingLogs] = useState(false);\n  const [searchOpen, setSearchOpen] = useState(false);\n  const [searchQuery, setSearchQuery] = useState('');\n  // Provider-install modal triggered from the header. Lets users add a\n  // claude/codex/gemini/opencode plugin without leaving the conversation.\n  const [installModalOpen, setInstallModalOpen] = useState(false);\n  const tr = useTr();\n\n  const { agents } = useCachedInitialData();\n  const activeAgent = useMemo(\n    () => agents.find((a) => a.id === agentId) ?? null,\n    [agents, agentId]\n  );\n\n  const sessionState = useAgentManagerStore((s) => s.sessionStates[sessionId]);\n  const addMessage = useAgentManagerStore((s) => s.addMessage);\n\n  const messages = sessionState?.messages ?? [];\n\n  const { sendMessage, cancelStream, isStreaming } = useAgentManagerStreaming({\n    agentId,\n    sessionId,\n  });\n\n  const toggleSearch = useCallback(() => {\n    setSearchOpen((prev) => {\n      if (prev) setSearchQuery('');\n      return !prev;\n    });\n  }, []);\n\n  // Fetch existing conversation logs on mount\n  useEffect(() => {\n    let cancelled = false;\n\n    const loadExistingLogs = async () => {\n      // Only load if session has no messages yet\n      if (messages.length > 0) return;\n\n      setLoadingLogs(true);\n      try {\n        const logs = await fetchSessionLogs(agentId, sessionId, {\n          types: ['input', 'output'],\n        });\n\n        if (cancelled || logs.length === 0) return;\n\n        // Convert session logs to AgentManagerMessage format\n        for (const log of logs) {\n          const msg: AgentManagerMessage = {\n            id: log.id,\n            role: log.type === 'input' ? 'user' : 'assistant',\n            content: log.message || log.content || '',\n            timestamp: log.timestamp || log.createdAt,\n            tokens: log.tokenCount ? { input: 0, output: log.tokenCount } : undefined,\n            model: log.model,\n          };\n          addMessage(sessionId, msg);\n        }\n      } catch {\n        // Silent fail -- session may not have logs yet\n      } finally {\n        if (!cancelled) setLoadingLogs(false);\n      }\n    };\n\n    void loadExistingLogs();\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- only run on mount\n  }, [agentId, sessionId]);\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\" data-testid=\"agent-manager-chat-pane\">\n      {/* In-session search bar.\n          Layout: [search controls (flex-1)] ... [Manage AI providers].\n          The search input expands inside the LEFT cluster only, so the\n          Manage button stays anchored on the right and never shifts. */}\n      <div className=\"flex items-center gap-1 px-3 py-1 border-b border-border-default bg-bg-surface flex-shrink-0\">\n        <div className=\"flex items-center gap-1.5 min-w-0 flex-1\">\n          <button\n            type=\"button\"\n            onClick={toggleSearch}\n            className={`p-1 rounded transition-colors shrink-0 ${\n              searchOpen\n                ? 'bg-action-primary-bg/10 text-action-primary-text'\n                : 'text-text-tertiary hover:text-text-secondary hover:bg-bg-elevated'\n            }`}\n            title={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session (Ctrl+F)'\n            )}\n            aria-label={tr(\n              'vibecontrols.agentManager.chatPane.searchInSession',\n              'Search in session'\n            )}\n          >\n            <Search className=\"w-3.5 h-3.5\" />\n          </button>\n          {searchOpen && (\n            <div className=\"flex items-center gap-1.5 flex-1 min-w-0\">\n              <input\n                type=\"text\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                placeholder={tr(\n                  'vibecontrols.agentManager.chatPane.searchPlaceholder',\n                  'Search in conversation...'\n                )}\n                autoFocus\n                className=\"flex-1 min-w-0 bg-transparent text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none\"\n              />\n              {searchQuery && (\n                <button\n                  type=\"button\"\n                  onClick={() => setSearchQuery('')}\n                  className=\"p-0.5 rounded hover:bg-bg-elevated transition-colors\"\n                >\n                  <X className=\"w-3 h-3 text-text-tertiary\" />\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setInstallModalOpen(true)}\n          className=\"shrink-0 inline-flex items-center gap-1.5 rounded-md border border-border-default bg-bg-elevated px-2 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken hover:border-action-primary-bg/40\"\n          title={tr(\n            'vibecontrols.agentManager.chatPane.manageProvidersTooltip',\n            'Install or remove AI providers (Claude, Codex, Gemini, OpenCode)'\n          )}\n          aria-label={tr(\n            'vibecontrols.agentManager.chatPane.manageProviders',\n            'Manage AI providers'\n          )}\n          data-testid=\"agent-manager-manage-providers\"\n        >\n          <PackagePlus className=\"w-3.5 h-3.5\" />\n          <span className=\"hidden sm:inline\">\n            {tr('vibecontrols.agentManager.chatPane.manageProviders', 'Manage AI providers')}\n          </span>\n        </button>\n      </div>\n\n      {/* Message list */}\n      {loadingLogs ? (\n        <div className=\"flex-1 flex items-center justify-center\">\n          <p className=\"text-sm text-text-secondary\">\n            {tr(\n              'vibecontrols.agentManager.chatPane.loadingConversation',\n              'Loading conversation...'\n            )}\n          </p>\n        </div>\n      ) : (\n        <AgentManagerMessageList\n          messages={messages}\n          isStreaming={isStreaming}\n          onCancelStream={cancelStream}\n          searchQuery={searchQuery}\n        />\n      )}\n\n      {/* Rich input area with controls */}\n      <AgentManagerInputArea\n        agentId={agentId}\n        sessionId={sessionId}\n        onSend={(text) => void sendMessage(text)}\n        onCancel={cancelStream}\n        agentTunnelUrl={activeAgent?.tunnelUrl ?? undefined}\n        agentApiKey={activeAgent?.agentApiKey ?? undefined}\n      />\n\n      {/* Header-triggered provider install/remove. Sits below the chat\n          tree so it can render full-screen without disturbing layout. */}\n      <PluginInstallModal\n        open={installModalOpen}\n        agentId={agentId}\n        onClose={() => setInstallModalOpen(false)}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+/**
+ * Collapsible detail panel for the Agent Manager.
+ *
+ * Renders in the right pane of the three-column layout. Provides tabbed
+ * sub-panels: Logs, Stats, Config, Tools.
+ */
+interface AgentManagerDetailPanelProps {
+    sessionId: string;
+    agentId: string;
+}
+export declare function AgentManagerDetailPanel({ sessionId, agentId }: AgentManagerDetailPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentManagerDetailPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerDetailPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,UAAU,4BAA4B;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAWD,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,4BAA4B,2CA4C3F"}

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

@@ -0,0 +1,73 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAgentManagerStore as t } from "../../store/agentManagerStore.js";
+import { SessionLogsPanel as n } from "./detail/SessionLogsPanel.js";
+import { SessionStatsPanel as r } from "./detail/SessionStatsPanel.js";
+import { SessionConfigPanel as i } from "./detail/SessionConfigPanel.js";
+import { SessionToolsPanel as a } from "./detail/SessionToolsPanel.js";
+import { useState as o } from "react";
+import { X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerDetailPanel.tsx
+var u = [
+	{
+		key: "logs",
+		label: "Logs"
+	},
+	{
+		key: "stats",
+		label: "Stats"
+	},
+	{
+		key: "config",
+		label: "Config"
+	},
+	{
+		key: "tools",
+		label: "Tools"
+	}
+];
+function d({ sessionId: d, agentId: f }) {
+	let [p, m] = o("logs"), h = t((e) => e.setDetailPanelOpen), g = e();
+	return /* @__PURE__ */ l("div", {
+		className: "flex flex-col h-full",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center border-b border-border-default px-2",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-0.5 flex-1 overflow-x-auto",
+				children: u.map((e) => /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: () => m(e.key),
+					className: `px-3 py-2 text-xs font-medium whitespace-nowrap border-b-2 transition-colors ${p === e.key ? "border-action-primary-bg text-action-primary-text" : "border-transparent text-text-tertiary hover:text-text-secondary"}`,
+					children: e.label
+				}, e.key))
+			}), /* @__PURE__ */ c("button", {
+				type: "button",
+				onClick: () => h(!1),
+				className: "p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary",
+				title: g("vibecontrols.agentManager.detailPanel.closePanel", "Close detail panel"),
+				children: /* @__PURE__ */ c(s, { className: "w-4 h-4" })
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "flex-1 overflow-y-auto",
+			children: [
+				p === "logs" && /* @__PURE__ */ c(n, {
+					sessionId: d,
+					agentId: f
+				}),
+				p === "stats" && /* @__PURE__ */ c(r, {
+					sessionId: d,
+					agentId: f
+				}),
+				p === "config" && /* @__PURE__ */ c(i, {
+					sessionId: d,
+					agentId: f
+				}),
+				p === "tools" && /* @__PURE__ */ c(a, { agentId: f })
+			]
+		})]
+	});
+}
+//#endregion
+export { d as AgentManagerDetailPanel };
+
+//# sourceMappingURL=AgentManagerDetailPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerDetailPanel.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerDetailPanel.tsx"],"sourcesContent":["/**\n * Collapsible detail panel for the Agent Manager.\n *\n * Renders in the right pane of the three-column layout. Provides tabbed\n * sub-panels: Logs, Stats, Config, Tools.\n */\n\nimport { useState } from 'react';\nimport { X } from 'lucide-react';\nimport { useAgentManagerStore } from '@/store/agentManagerStore';\nimport { SessionLogsPanel } from './detail/SessionLogsPanel';\nimport { SessionStatsPanel } from './detail/SessionStatsPanel';\nimport { SessionConfigPanel } from './detail/SessionConfigPanel';\nimport { SessionToolsPanel } from './detail/SessionToolsPanel';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerDetailPanelProps {\n  sessionId: string;\n  agentId: string;\n}\n\ntype PanelTab = 'logs' | 'stats' | 'config' | 'tools';\n\nconst TABS: Array<{ key: PanelTab; label: string }> = [\n  { key: 'logs', label: 'Logs' },\n  { key: 'stats', label: 'Stats' },\n  { key: 'config', label: 'Config' },\n  { key: 'tools', label: 'Tools' },\n];\n\nexport function AgentManagerDetailPanel({ sessionId, agentId }: AgentManagerDetailPanelProps) {\n  const [activeTab, setActiveTab] = useState<PanelTab>('logs');\n  const setDetailPanelOpen = useAgentManagerStore((s) => s.setDetailPanelOpen);\n  const tr = useTr();\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Tab bar */}\n      <div className=\"flex items-center border-b border-border-default px-2\">\n        <div className=\"flex items-center gap-0.5 flex-1 overflow-x-auto\">\n          {TABS.map((tab) => (\n            <button\n              key={tab.key}\n              type=\"button\"\n              onClick={() => setActiveTab(tab.key)}\n              className={`px-3 py-2 text-xs font-medium whitespace-nowrap border-b-2 transition-colors ${\n                activeTab === tab.key\n                  ? 'border-action-primary-bg text-action-primary-text'\n                  : 'border-transparent text-text-tertiary hover:text-text-secondary'\n              }`}\n            >\n              {tab.label}\n            </button>\n          ))}\n        </div>\n        <button\n          type=\"button\"\n          onClick={() => setDetailPanelOpen(false)}\n          className=\"p-1 rounded hover:bg-bg-elevated transition-colors text-text-tertiary hover:text-text-secondary\"\n          title={tr('vibecontrols.agentManager.detailPanel.closePanel', 'Close detail panel')}\n        >\n          <X className=\"w-4 h-4\" />\n        </button>\n      </div>\n\n      {/* Panel content */}\n      <div className=\"flex-1 overflow-y-auto\">\n        {activeTab === 'logs' && <SessionLogsPanel sessionId={sessionId} agentId={agentId} />}\n        {activeTab === 'stats' && <SessionStatsPanel sessionId={sessionId} agentId={agentId} />}\n        {activeTab === 'config' && <SessionConfigPanel sessionId={sessionId} agentId={agentId} />}\n        {activeTab === 'tools' && <SessionToolsPanel agentId={agentId} />}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,IAAgD;CACpD;EAAE,KAAK;EAAQ,OAAO;EAAQ;CAC9B;EAAE,KAAK;EAAS,OAAO;EAAS;CAChC;EAAE,KAAK;EAAU,OAAO;EAAU;CAClC;EAAE,KAAK;EAAS,OAAO;EAAS;CACjC;AAED,SAAgB,EAAwB,EAAE,cAAW,cAAyC;CAC5F,IAAM,CAAC,GAAW,KAAgB,EAAmB,OAAO,EACtD,IAAqB,GAAsB,MAAM,EAAE,mBAAmB,EACtE,IAAK,GAAO;AAElB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK,KAAK,MACT,kBAAC,UAAD;KAEE,MAAK;KACL,eAAe,EAAa,EAAI,IAAI;KACpC,WAAW,gFACT,MAAc,EAAI,MACd,sDACA;eAGL,EAAI;KACE,EAVF,EAAI,IAUF,CACT;IACE,CAAA,EACN,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAmB,GAAM;IACxC,WAAU;IACV,OAAO,EAAG,oDAAoD,qBAAqB;cAEnF,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;IAClB,CAAA,CACL;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,MAAc,UAAU,kBAAC,GAAD;KAA6B;KAAoB;KAAW,CAAA;IACpF,MAAc,WAAW,kBAAC,GAAD;KAA8B;KAAoB;KAAW,CAAA;IACtF,MAAc,YAAY,kBAAC,GAAD;KAA+B;KAAoB;KAAW,CAAA;IACxF,MAAc,WAAW,kBAAC,GAAD,EAA4B,YAAW,CAAA;IAC7D;KACF"}

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

@@ -0,0 +1,14 @@
+import { McpServer } from '../../types/agentManager';
+
+interface AgentManagerInputAreaProps {
+    agentId: string;
+    sessionId: string;
+    onSend: (text: string, attachments?: File[]) => void;
+    onCancel?: () => void;
+    mcpServers?: McpServer[];
+    agentTunnelUrl?: string;
+    agentApiKey?: string;
+}
+export declare function AgentManagerInputArea({ agentId, sessionId, onSend, onCancel, mcpServers, agentTunnelUrl, agentApiKey, }: AgentManagerInputAreaProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AgentManagerInputArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentManagerInputArea.d.ts","sourceRoot":"","sources":["../../../src/components/agent-manager/AgentManagerInputArea.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAeH,OAAO,KAAK,EAAgB,SAAS,EAAgB,MAAM,sBAAsB,CAAC;AA+DlF,UAAU,0BAA0B;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,SAAS,EACT,MAAM,EACN,QAAQ,EACR,UAAe,EACf,cAAc,EACd,WAAW,GACZ,EAAE,0BAA0B,kDAigB5B"}

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

@@ -0,0 +1,397 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import t from "../../hooks/useCachedInitialData.js";
+import { fetchProviders as n } from "../../services/aiApi.js";
+import { useAgentManagerStore as r } from "../../store/agentManagerStore.js";
+import { ModelSelector as i } from "./controls/ModelSelector.js";
+import { SdkSelector as a } from "./controls/SdkSelector.js";
+import { useVoiceMode as o } from "../../hooks/useVoiceMode.js";
+import { schedulePrompt as ee } from "../../services/schedulerApi.js";
+import { McpServerSelector as te } from "./controls/McpServerSelector.js";
+import { VoiceToggle as ne } from "./controls/VoiceToggle.js";
+import { FileAttachButton as re, createDropHandlers as ie } from "./controls/FileAttachButton.js";
+import { ContextLevelToggle as ae } from "./controls/ContextLevelToggle.js";
+import { useCallback as s, useEffect as c, useMemo as oe, useRef as l, useState as u } from "react";
+import { ArrowUp as se, ChevronDown as ce, Clock as le, Square as ue, X as de } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/agent-manager/AgentManagerInputArea.tsx
+var p = [
+	{
+		command: "/new",
+		description: "Create new session"
+	},
+	{
+		command: "/rename",
+		description: "Rename current session",
+		args: "<name>"
+	},
+	{
+		command: "/model",
+		description: "Switch model",
+		args: "<model-name>"
+	},
+	{
+		command: "/sdk",
+		description: "Switch SDK",
+		args: "<claude|codex|gemini|opencode|openai-compat>"
+	},
+	{
+		command: "/mode",
+		description: "Switch mode",
+		args: "<sdk|cli>"
+	},
+	{
+		command: "/export",
+		description: "Export conversation",
+		args: "[json|md]"
+	},
+	{
+		command: "/clear",
+		description: "Clear conversation"
+	},
+	{
+		command: "/help",
+		description: "Show available commands"
+	}
+], m = [
+	"claude",
+	"codex",
+	"gemini",
+	"opencode",
+	"openai-compat",
+	"goose",
+	"amp",
+	"copilot",
+	"crush",
+	"pi",
+	"aider",
+	"plandex"
+], h = ["sdk", "cli"], fe = {
+	claude: "claude-sonnet-4-20250514",
+	codex: "gpt-4.1-mini",
+	gemini: "gemini-2.5-flash",
+	opencode: "claude-sonnet-4-20250514",
+	"openai-compat": "gpt-3.5-turbo",
+	goose: "default",
+	amp: "default",
+	copilot: "default",
+	crush: "default",
+	pi: "default",
+	aider: "default",
+	plandex: "default"
+};
+function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: pe = [], agentTunnelUrl: b, agentApiKey: x }) {
+	let [S, C] = u(""), [w, T] = u([]), [me, E] = u(!1), [D, he] = u(""), [O, k] = u(!1), [A, j] = u(!1), [M, N] = u(""), [ge, P] = u([]), F = e(), I = l(null), L = l(null);
+	c(() => {
+		I.current?.focus({ preventScroll: !0 });
+	}, []);
+	let R = r((e) => e.sessionStates[_]), z = r((e) => e.setSessionModel), B = r((e) => e.setSessionSdk), V = r((e) => e.setSessionMode), _e = r((e) => e.toggleVoice), H = r((e) => e.toggleThinking), ve = r((e) => e.setSessionContextLevel), ye = r((e) => e.setSessionVibe), be = r((e) => e.setSessionRootPath), U = r((e) => e.openSession), W = r((e) => e.addMessage), { vibes: xe } = t(), { isListening: G, transcript: K, startListening: Se, stopListening: Ce } = o(), q = R?.status === "streaming", J = S.trim().length > 0 && !q;
+	c(() => {
+		K && G && C((e) => e + (e ? " " : "") + K);
+	}, [K, G]), c(() => {
+		let e = !1;
+		return n(g).then((t) => {
+			e || P(t);
+		}).catch(() => {
+			e || P([]);
+		}), () => {
+			e = !0;
+		};
+	}, [g]), c(() => {
+		S.startsWith("/") && !S.includes(" ") ? (E(!0), he(S.slice(1))) : E(!1);
+	}, [S]);
+	let Y = oe(() => p.filter((e) => e.command.toLowerCase().includes(`/${D.toLowerCase()}`)), [D]);
+	c(() => {
+		let e = I.current;
+		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 200)}px`);
+	}, [S]), c(() => {
+		if (!O && !A) return;
+		let e = (e) => {
+			L.current && !L.current.contains(e.target) && (k(!1), j(!1));
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [O, A]);
+	let X = s((e) => {
+		W(_, {
+			id: `sys-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
+			role: "system",
+			content: e,
+			timestamp: (/* @__PURE__ */ new Date()).toISOString()
+		});
+	}, [W, _]), we = s(async () => {
+		if (!(!S.trim() || !M || !b || !x)) try {
+			let e = await ee({
+				sessionId: _,
+				agentTunnelUrl: b,
+				agentApiKey: x,
+				prompt: S.trim(),
+				scheduledAt: new Date(M).toISOString()
+			});
+			X(`Prompt scheduled for ${new Date(e.scheduledAt).toLocaleString()} (Job: ${e.jobId.slice(0, 8)})`), C(""), N(""), j(!1), k(!1);
+		} catch (e) {
+			X(`Failed to schedule: ${e instanceof Error ? e.message : "Unknown error"}`);
+		}
+	}, [
+		S,
+		M,
+		b,
+		x,
+		_,
+		X
+	]), Z = s((e) => {
+		let t = e.trim().split(/\s+/), n = t[0].toLowerCase(), r = t.slice(1).join(" ");
+		switch (n) {
+			case "/new":
+				U(`session-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+				break;
+			case "/rename":
+				X(r ? `Session renamed to "${r}".` : "Usage: /rename <name>");
+				break;
+			case "/model":
+				r ? (z(_, r), X(`Model switched to "${r}".`)) : X("Usage: /model <model-name>");
+				break;
+			case "/sdk":
+				r && m.includes(r) ? (B(_, r), X(`SDK switched to "${r}".`)) : X(`Usage: /sdk <${m.join("|")}>`);
+				break;
+			case "/mode":
+				r && h.includes(r) ? (V(_, r), X(`Mode switched to "${r}".`)) : X(`Usage: /mode <${h.join("|")}>`);
+				break;
+			case "/export": {
+				let e = r === "md" ? "md" : "json", t = R?.messages ?? [], n = e === "json" ? JSON.stringify(t, null, 2) : t.map((e) => `**${e.role}** (${e.timestamp ?? ""}):\n${e.content ?? ""}`).join("\n\n---\n\n"), i = new Blob([n], { type: e === "json" ? "application/json" : "text/markdown" }), a = URL.createObjectURL(i), o = document.createElement("a");
+				o.href = a, o.download = `conversation-${_}.${e}`, o.click(), URL.revokeObjectURL(a), X(`Conversation exported as ${e}.`);
+				break;
+			}
+			case "/clear":
+				X("Conversation cleared.");
+				break;
+			case "/help":
+				X(`Available commands:\n${p.map((e) => `  ${e.command}${e.args ? " " + e.args : ""} - ${e.description}`).join("\n")}`);
+				break;
+			default: X(`Unknown command: ${n}. Type /help for available commands.`);
+		}
+	}, [
+		_,
+		R?.messages,
+		U,
+		z,
+		B,
+		V,
+		X
+	]), Te = s((e) => {
+		e.args ? C(`${e.command} `) : (Z(e.command), C("")), E(!1), I.current?.focus();
+	}, [Z]), Q = s(() => {
+		if (!J) return;
+		let e = S.trim();
+		if (e.startsWith("/")) {
+			Z(e), C(""), T([]);
+			return;
+		}
+		v(e, w.length > 0 ? w : void 0), C(""), T([]);
+	}, [
+		J,
+		S,
+		w,
+		v,
+		Z
+	]), Ee = s((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
+	}, [Q]), De = s(() => {
+		y?.();
+	}, [y]), $ = s((e) => {
+		T((t) => [...t, ...e]);
+	}, []), Oe = s((e) => {
+		T((t) => t.filter((t, n) => n !== e));
+	}, []), ke = ie($);
+	return R ? /* @__PURE__ */ f("div", {
+		className: "relative z-30 border-t border-border-default bg-bg-surface",
+		...ke,
+		children: [
+			me && Y.length > 0 && /* @__PURE__ */ d("div", {
+				className: "absolute bottom-full left-0 right-0 mb-1 mx-3 bg-bg-elevated border border-border-default rounded-lg shadow-lg max-h-48 overflow-y-auto z-50",
+				children: Y.map((e) => /* @__PURE__ */ f("button", {
+					type: "button",
+					onClick: () => Te(e),
+					className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-bg-sunken transition-colors",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: "font-mono text-xs text-text-primary",
+							children: e.command
+						}),
+						e.args && /* @__PURE__ */ d("span", {
+							className: "text-text-tertiary text-xs",
+							children: e.args
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "text-text-secondary text-xs ml-auto",
+							children: e.description
+						})
+					]
+				}, e.command))
+			}),
+			w.length > 0 && /* @__PURE__ */ d("div", {
+				className: "flex items-center gap-2 px-3 pt-2 overflow-x-auto",
+				children: w.map((e, t) => /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-1.5 px-2 py-1 rounded-md bg-bg-elevated border border-border-default text-xs text-text-secondary",
+					children: [/* @__PURE__ */ d("span", {
+						className: "truncate max-w-[120px]",
+						children: e.name
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => Oe(t),
+						className: "p-0.5 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
+						children: /* @__PURE__ */ d(de, { className: "w-3 h-3" })
+					})]
+				}, `${e.name}-${t}`))
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex flex-wrap items-center gap-1 px-3 pt-2 pb-1 overflow-x-auto",
+				children: [
+					/* @__PURE__ */ d(a, {
+						sdk: R.sdk,
+						mode: R.mode,
+						providers: ge,
+						onSdkChange: (e) => {
+							B(_, e), z(_, fe[e] || "default");
+						},
+						onModeChange: (e) => V(_, e)
+					}),
+					/* @__PURE__ */ d(i, {
+						value: R.model,
+						onChange: (e) => z(_, e),
+						provider: R.sdk
+					}),
+					/* @__PURE__ */ d(te, {
+						selected: R.mcpServers,
+						available: pe,
+						onChange: () => {}
+					}),
+					/* @__PURE__ */ d(ae, {
+						agentId: "",
+						sessionId: _,
+						contextLevel: R.contextLevel,
+						rootPath: R.rootPath,
+						onChange: (e, t, n) => {
+							ve(_, e), be(_, t ?? null), ye(_, n ?? null, t ?? null);
+						},
+						vibes: xe.map((e) => ({
+							id: e.id,
+							name: e.name,
+							path: e.path
+						}))
+					}),
+					/* @__PURE__ */ d("div", { className: "flex-1" }),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => H(_),
+						className: `p-1.5 rounded text-xs font-medium transition-colors ${R.showThinking ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary"}`,
+						title: R.showThinking ? F("vibecontrols.agentManager.inputArea.hideThinking", "Hide thinking") : F("vibecontrols.agentManager.inputArea.showThinking", "Show thinking"),
+						children: "Think"
+					}),
+					/* @__PURE__ */ f("button", {
+						type: "button",
+						onClick: () => {
+							let e = window.prompt("Context history limit (messages sent with each prompt):", String(R.contextHistoryLimit));
+							if (e !== null) {
+								let t = parseInt(e, 10);
+								if (!isNaN(t) && t >= 0) {
+									let e = r.getState().sessionStates[_];
+									e && r.setState((n) => ({ sessionStates: {
+										...n.sessionStates,
+										[_]: {
+											...e,
+											contextHistoryLimit: t
+										}
+									} }));
+								}
+							}
+						},
+						className: "p-1.5 rounded text-[10px] font-mono text-text-tertiary hover:text-text-secondary transition-colors",
+						title: `Context history: last ${R.contextHistoryLimit} messages sent with each prompt`,
+						children: ["H:", R.contextHistoryLimit]
+					}),
+					/* @__PURE__ */ d(ne, {
+						enabled: R.voiceEnabled,
+						onToggle: () => {
+							_e(_), R.voiceEnabled ? Ce() : Se();
+						},
+						isListening: G
+					}),
+					/* @__PURE__ */ d(re, { onFileSelect: $ })
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "flex items-end gap-2 px-3 pb-3 pt-1",
+				children: [/* @__PURE__ */ d("textarea", {
+					ref: I,
+					value: S,
+					onChange: (e) => C(e.target.value),
+					onKeyDown: Ee,
+					placeholder: F("vibecontrols.agentManager.inputArea.placeholder", "Type a message or / for commands... (Enter to send)"),
+					rows: 1,
+					className: "flex-1 resize-none rounded-lg border border-border-default bg-bg-primary px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-border-strong transition-colors",
+					disabled: q
+				}), q ? /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: De,
+					className: "flex-shrink-0 p-2 rounded-lg bg-status-error-bg text-status-error-text hover:opacity-90 transition-opacity",
+					title: F("vibecontrols.agentManager.inputArea.cancel", "Cancel"),
+					children: /* @__PURE__ */ d(ue, { className: "w-4 h-4" })
+				}) : /* @__PURE__ */ f("div", {
+					className: "flex items-end flex-shrink-0 relative",
+					ref: L,
+					children: [
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: Q,
+							disabled: !J,
+							className: "p-2 rounded-l-lg bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+							title: F("vibecontrols.agentManager.inputArea.send", "Send (Enter)"),
+							children: /* @__PURE__ */ d(se, { className: "w-4 h-4" })
+						}),
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: () => k(!O),
+							disabled: !J,
+							className: "ml-1 p-2 rounded-r-lg border-l border-action-primary-text/20 bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+							title: F("vibecontrols.agentManager.inputArea.scheduleSend", "Schedule send"),
+							children: /* @__PURE__ */ d(ce, { className: "w-3 h-3" })
+						}),
+						O && /* @__PURE__ */ d("div", {
+							className: "absolute bottom-full right-0 mb-1 w-56 bg-bg-surface border border-border-default rounded-md shadow-lg py-1 z-50",
+							children: A ? /* @__PURE__ */ f("div", {
+								className: "px-3 py-2 space-y-2",
+								children: [
+									/* @__PURE__ */ d("label", {
+										className: "block text-[11px] font-medium text-text-secondary",
+										children: F("vibecontrols.agentManager.inputArea.sendAt", "Send at:")
+									}),
+									/* @__PURE__ */ d("input", {
+										type: "datetime-local",
+										value: M,
+										onChange: (e) => N(e.target.value),
+										className: "w-full px-2 py-1 text-xs rounded border border-border-default bg-bg-primary text-text-primary focus:outline-none focus:border-border-strong"
+									}),
+									/* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => void we(),
+										disabled: !M || !b || !x,
+										className: "w-full px-2 py-1.5 text-xs font-medium rounded bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+										children: F("vibecontrols.agentManager.inputArea.schedule", "Schedule")
+									})
+								]
+							}) : /* @__PURE__ */ f("button", {
+								type: "button",
+								onClick: () => j(!0),
+								className: "flex items-center gap-2 w-full px-3 py-2 text-left text-xs text-text-primary hover:bg-bg-sunken transition-colors",
+								children: [/* @__PURE__ */ d(le, { className: "w-3.5 h-3.5 text-text-secondary" }), F("vibecontrols.agentManager.inputArea.scheduleSendEllipsis", "Schedule Send...")]
+							})
+						})
+					]
+				})]
+			})
+		]
+	}) : null;
+}
+//#endregion
+export { g as AgentManagerInputArea };
+
+//# sourceMappingURL=AgentManagerInputArea.js.map