npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.530.2 → 2026.530.3 - Mend

@burdenoff/microfe-vibecontrols 2026.530.2 → 2026.530.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/components/agent-manager/AgentManagerBookmarksDrawer.js CHANGED Viewed

@@ -143,7 +143,7 @@ var v = ({ open: g, onClose: v, sessionId: y, messages: b, onJump: x }) => {
 													onClick: () => void I(e.id),
 													className: "p-1 rounded hover:bg-bg-sunken transition-colors",
 													"aria-label": C("vibecontrols.agentManager.messageItem.removeBookmark", "Remove bookmark"),
-													children: /* @__PURE__ */ m(d, { className: "size-3.5 text-status-danger-text" })
+													children: /* @__PURE__ */ m(d, { className: "size-3.5 text-status-error-text" })
 												})
 											]
 										})]

package/dist/components/agent-manager/AgentManagerBookmarksDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AgentManagerBookmarksDrawer.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerBookmarksDrawer.tsx"],"sourcesContent":["/*\n Side drawer listing the current user's bookmarks for ONE chat session.\n \n Each row resolves its message body from the currently-loaded session\n * messages. When the bookmarked message is no longer in the session\n * (agent log pruning / rotation), the row degrades to a \"Message no\n * longer available\" affordance with a remove-only action.\n */\n\nimport { useState, type FC } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Bookmark, X, ChevronRight, Pencil, Trash2, Check, ExternalLink } from 'lucide-react';\nimport { relativeTime } from '@/utils/relativeTime';\nimport {\n useDeleteAgentMessageBookmarkMutation,\n useMyAgentMessageBookmarksQuery,\n useUpdateAgentMessageBookmarkMutation,\n type AgentMessageBookmarkFieldsFragment,\n} from '../../generated/wspace-operations';\nimport type { AgentManagerMessage } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerBookmarksDrawerProps {\n open: boolean;\n onClose: () => void;\n sessionId: string;\n messages: AgentManagerMessage[];\n onJump: (messageId: string) => void;\n}\n\nconst PREVIEW_LEN = 80;\n\nfunction snippet(content: string): string {\n if (!content) return '';\n const trimmed = content.trim().replace(/\\s+/g, ' ');\n return trimmed.length > PREVIEW_LEN ? `${trimmed.slice(0, PREVIEW_LEN)}…` : trimmed;\n}\n\nexport const AgentManagerBookmarksDrawer: FC<AgentManagerBookmarksDrawerProps> = ({\n open,\n onClose,\n sessionId,\n messages,\n onJump,\n}) => {\n const navigate = useNavigate();\n const tr = useTr();\n const [editingId, setEditingId] = useState<string \| null>(null);\n const [labelDraft, setLabelDraft] = useState('');\n\n const { data, loading } = useMyAgentMessageBookmarksQuery({\n variables: { filter: { sessionId } },\n skip: !open,\n fetchPolicy: 'cache-and-network',\n });\n\n const [updateMutation] = useUpdateAgentMessageBookmarkMutation({\n refetchQueries: ['MyAgentMessageBookmarks'],\n });\n const [deleteMutation] = useDeleteAgentMessageBookmarkMutation({\n refetchQueries: ['MyAgentMessageBookmarks'],\n });\n\n const bookmarks = data?.myAgentMessageBookmarks.items ?? [];\n const messageById = new Map(messages.map((m) => [m.id, m]));\n\n const startEdit = (id: string, current: string \| null \| undefined) => {\n setEditingId(id);\n setLabelDraft(current ?? '');\n };\n\n const saveEdit = async (id: string) => {\n await updateMutation({ variables: { id, input: { label: labelDraft \|\| null } } });\n setEditingId(null);\n setLabelDraft('');\n };\n\n const removeBookmark = async (id: string) => {\n await deleteMutation({ variables: { id } });\n };\n\n if (!open) return null;\n\n return (\n <div className=\"fixed inset-0 z-40 flex\">\n <div className=\"flex-1 bg-bg-overlay/40\" onClick={onClose} aria-hidden />\n <aside\n className=\"w-full max-w-md h-full bg-bg-surface border-l border-border-default shadow-xl flex flex-col\"\n role=\"dialog\"\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.title',\n 'Bookmarks in this session'\n )}\n data-testid=\"agent-manager-bookmarks-drawer\"\n >\n <header className=\"flex items-center justify-between px-4 py-3 border-b border-border-default flex-shrink-0\">\n <div className=\"flex items-center gap-2\">\n <Bookmark className=\"size-4 text-text-secondary\" />\n <h3 className=\"text-sm font-semibold text-text-primary\">\n {tr('vibecontrols.agentManager.bookmarksDrawer.title', 'Bookmarks in this session')}\n </h3>\n </div>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr('vibecontrols.common.close', 'Close')}\n >\n <X className=\"size-4 text-text-secondary\" />\n </button>\n </header>\n\n <div className=\"flex-1 min-h-0 overflow-y-auto\">\n {loading && bookmarks.length === 0 && (\n <div className=\"px-4 py-6 text-xs text-text-tertiary\">\n {tr('vibecontrols.common.loading', 'Loading...')}\n </div>\n )}\n\n {!loading && bookmarks.length === 0 && (\n <div className=\"px-4 py-10 flex flex-col items-center text-center gap-2\">\n <Bookmark className=\"size-8 text-text-muted\" />\n <p className=\"text-sm font-medium text-text-primary\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.empty',\n 'No bookmarks in this session yet'\n )}\n </p>\n <p className=\"text-xs text-text-secondary max-w-xs\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.emptyHint',\n 'Click the bookmark icon on any message to save it for later.'\n )}\n </p>\n </div>\n )}\n\n <ul className=\"divide-y divide-border-subtle\">\n {bookmarks.map((bm: AgentMessageBookmarkFieldsFragment) => {\n const msg = messageById.get(bm.messageId);\n const isStale = !msg;\n const isEditing = editingId === bm.id;\n\n return (\n <li key={bm.id} className=\"px-4 py-3 hover:bg-bg-elevated/40 transition-colors\">\n <div className=\"flex items-start gap-2\">\n <div className=\"flex-1 min-w-0\">\n {isEditing ? (\n <input\n aria-label=\"control\"\n value={labelDraft}\n onChange={(e) => setLabelDraft(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') void saveEdit(bm.id);\n if (e.key === 'Escape') {\n setEditingId(null);\n setLabelDraft('');\n }\n }}\n placeholder={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.labelPlaceholder',\n 'Add a label (optional)'\n )}\n className=\"w-full bg-bg-sunken border border-border-subtle rounded px-2 py-1 text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-action-primary-bg\"\n />\n ) : (\n <p className=\"text-sm font-medium text-text-primary truncate\">\n {bm.label \|\|\n (msg?.role === 'user'\n ? tr('vibecontrols.agentManager.bookmarksDrawer.fromUser', 'From you')\n : tr(\n 'vibecontrols.agentManager.bookmarksDrawer.fromAssistant',\n 'Assistant reply'\n ))}\n </p>\n )}\n\n {isStale ? (\n <p className=\"text-xs text-text-tertiary italic mt-1\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.stale',\n 'Message no longer available'\n )}\n </p>\n ) : (\n <p className=\"text-xs text-text-secondary mt-1 line-clamp-2\">\n {snippet(msg.content)}\n </p>\n )}\n\n <p className=\"text-[10px] text-text-tertiary mt-1\">\n {relativeTime(bm.createdAt)}\n </p>\n </div>\n\n <div className=\"flex items-center gap-0.5 shrink-0\">\n {!isStale && !isEditing && (\n <button\n type=\"button\"\n onClick={() => {\n onJump(bm.messageId);\n onClose();\n }}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n title={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.jump',\n 'Jump to message'\n )}\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.jump',\n 'Jump to message'\n )}\n >\n <ChevronRight className=\"size-3.5 text-text-secondary\" />\n </button>\n )}\n\n {isEditing ? (\n <button\n type=\"button\"\n onClick={() => void saveEdit(bm.id)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr('vibecontrols.common.save', 'Save')}\n >\n <Check className=\"size-3.5 text-status-success-text\" />\n </button>\n ) : (\n <button\n type=\"button\"\n onClick={() => startEdit(bm.id, bm.label)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.editLabel',\n 'Edit label'\n )}\n >\n <Pencil className=\"size-3.5 text-text-secondary\" />\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={() => void removeBookmark(bm.id)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr(\n 'vibecontrols.agentManager.messageItem.removeBookmark',\n 'Remove bookmark'\n )}\n >\n <Trash2 className=\"size-3.5 text-status-danger-text\" />\n </button>\n </div>\n </div>\n </li>\n );\n })}\n </ul>\n </div>\n\n <footer className=\"px-4 py-3 border-t border-border-default flex-shrink-0\">\n <button\n type=\"button\"\n onClick={() => {\n onClose();\n navigate('/vibecontrols/ai/bookmarks');\n }}\n className=\"inline-flex items-center gap-1.5 text-xs font-medium text-action-primary-text hover:underline\"\n >\n <ExternalLink className=\"size-3\" />\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.seeAll',\n 'See all bookmarks across sessions'\n )}\n </button>\n </footer>\n </aside>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AgentManagerBookmarksDrawer.js","names":[],"sources":["../../../src/components/agent-manager/AgentManagerBookmarksDrawer.tsx"],"sourcesContent":["/*\n Side drawer listing the current user's bookmarks for ONE chat session.\n \n Each row resolves its message body from the currently-loaded session\n * messages. When the bookmarked message is no longer in the session\n * (agent log pruning / rotation), the row degrades to a \"Message no\n * longer available\" affordance with a remove-only action.\n */\n\nimport { useState, type FC } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Bookmark, X, ChevronRight, Pencil, Trash2, Check, ExternalLink } from 'lucide-react';\nimport { relativeTime } from '@/utils/relativeTime';\nimport {\n useDeleteAgentMessageBookmarkMutation,\n useMyAgentMessageBookmarksQuery,\n useUpdateAgentMessageBookmarkMutation,\n type AgentMessageBookmarkFieldsFragment,\n} from '../../generated/wspace-operations';\nimport type { AgentManagerMessage } from '@/types/agentManager';\nimport { useTr } from '../../shared/hooks/useTr';\n\ninterface AgentManagerBookmarksDrawerProps {\n open: boolean;\n onClose: () => void;\n sessionId: string;\n messages: AgentManagerMessage[];\n onJump: (messageId: string) => void;\n}\n\nconst PREVIEW_LEN = 80;\n\nfunction snippet(content: string): string {\n if (!content) return '';\n const trimmed = content.trim().replace(/\\s+/g, ' ');\n return trimmed.length > PREVIEW_LEN ? `${trimmed.slice(0, PREVIEW_LEN)}…` : trimmed;\n}\n\nexport const AgentManagerBookmarksDrawer: FC<AgentManagerBookmarksDrawerProps> = ({\n open,\n onClose,\n sessionId,\n messages,\n onJump,\n}) => {\n const navigate = useNavigate();\n const tr = useTr();\n const [editingId, setEditingId] = useState<string \| null>(null);\n const [labelDraft, setLabelDraft] = useState('');\n\n const { data, loading } = useMyAgentMessageBookmarksQuery({\n variables: { filter: { sessionId } },\n skip: !open,\n fetchPolicy: 'cache-and-network',\n });\n\n const [updateMutation] = useUpdateAgentMessageBookmarkMutation({\n refetchQueries: ['MyAgentMessageBookmarks'],\n });\n const [deleteMutation] = useDeleteAgentMessageBookmarkMutation({\n refetchQueries: ['MyAgentMessageBookmarks'],\n });\n\n const bookmarks = data?.myAgentMessageBookmarks.items ?? [];\n const messageById = new Map(messages.map((m) => [m.id, m]));\n\n const startEdit = (id: string, current: string \| null \| undefined) => {\n setEditingId(id);\n setLabelDraft(current ?? '');\n };\n\n const saveEdit = async (id: string) => {\n await updateMutation({ variables: { id, input: { label: labelDraft \|\| null } } });\n setEditingId(null);\n setLabelDraft('');\n };\n\n const removeBookmark = async (id: string) => {\n await deleteMutation({ variables: { id } });\n };\n\n if (!open) return null;\n\n return (\n <div className=\"fixed inset-0 z-40 flex\">\n <div className=\"flex-1 bg-bg-overlay/40\" onClick={onClose} aria-hidden />\n <aside\n className=\"w-full max-w-md h-full bg-bg-surface border-l border-border-default shadow-xl flex flex-col\"\n role=\"dialog\"\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.title',\n 'Bookmarks in this session'\n )}\n data-testid=\"agent-manager-bookmarks-drawer\"\n >\n <header className=\"flex items-center justify-between px-4 py-3 border-b border-border-default flex-shrink-0\">\n <div className=\"flex items-center gap-2\">\n <Bookmark className=\"size-4 text-text-secondary\" />\n <h3 className=\"text-sm font-semibold text-text-primary\">\n {tr('vibecontrols.agentManager.bookmarksDrawer.title', 'Bookmarks in this session')}\n </h3>\n </div>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr('vibecontrols.common.close', 'Close')}\n >\n <X className=\"size-4 text-text-secondary\" />\n </button>\n </header>\n\n <div className=\"flex-1 min-h-0 overflow-y-auto\">\n {loading && bookmarks.length === 0 && (\n <div className=\"px-4 py-6 text-xs text-text-tertiary\">\n {tr('vibecontrols.common.loading', 'Loading...')}\n </div>\n )}\n\n {!loading && bookmarks.length === 0 && (\n <div className=\"px-4 py-10 flex flex-col items-center text-center gap-2\">\n <Bookmark className=\"size-8 text-text-muted\" />\n <p className=\"text-sm font-medium text-text-primary\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.empty',\n 'No bookmarks in this session yet'\n )}\n </p>\n <p className=\"text-xs text-text-secondary max-w-xs\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.emptyHint',\n 'Click the bookmark icon on any message to save it for later.'\n )}\n </p>\n </div>\n )}\n\n <ul className=\"divide-y divide-border-subtle\">\n {bookmarks.map((bm: AgentMessageBookmarkFieldsFragment) => {\n const msg = messageById.get(bm.messageId);\n const isStale = !msg;\n const isEditing = editingId === bm.id;\n\n return (\n <li key={bm.id} className=\"px-4 py-3 hover:bg-bg-elevated/40 transition-colors\">\n <div className=\"flex items-start gap-2\">\n <div className=\"flex-1 min-w-0\">\n {isEditing ? (\n <input\n aria-label=\"control\"\n value={labelDraft}\n onChange={(e) => setLabelDraft(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') void saveEdit(bm.id);\n if (e.key === 'Escape') {\n setEditingId(null);\n setLabelDraft('');\n }\n }}\n placeholder={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.labelPlaceholder',\n 'Add a label (optional)'\n )}\n className=\"w-full bg-bg-sunken border border-border-subtle rounded px-2 py-1 text-xs text-text-primary placeholder:text-text-tertiary focus:outline-none focus:border-action-primary-bg\"\n />\n ) : (\n <p className=\"text-sm font-medium text-text-primary truncate\">\n {bm.label \|\|\n (msg?.role === 'user'\n ? tr('vibecontrols.agentManager.bookmarksDrawer.fromUser', 'From you')\n : tr(\n 'vibecontrols.agentManager.bookmarksDrawer.fromAssistant',\n 'Assistant reply'\n ))}\n </p>\n )}\n\n {isStale ? (\n <p className=\"text-xs text-text-tertiary italic mt-1\">\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.stale',\n 'Message no longer available'\n )}\n </p>\n ) : (\n <p className=\"text-xs text-text-secondary mt-1 line-clamp-2\">\n {snippet(msg.content)}\n </p>\n )}\n\n <p className=\"text-[10px] text-text-tertiary mt-1\">\n {relativeTime(bm.createdAt)}\n </p>\n </div>\n\n <div className=\"flex items-center gap-0.5 shrink-0\">\n {!isStale && !isEditing && (\n <button\n type=\"button\"\n onClick={() => {\n onJump(bm.messageId);\n onClose();\n }}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n title={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.jump',\n 'Jump to message'\n )}\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.jump',\n 'Jump to message'\n )}\n >\n <ChevronRight className=\"size-3.5 text-text-secondary\" />\n </button>\n )}\n\n {isEditing ? (\n <button\n type=\"button\"\n onClick={() => void saveEdit(bm.id)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr('vibecontrols.common.save', 'Save')}\n >\n <Check className=\"size-3.5 text-status-success-text\" />\n </button>\n ) : (\n <button\n type=\"button\"\n onClick={() => startEdit(bm.id, bm.label)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr(\n 'vibecontrols.agentManager.bookmarksDrawer.editLabel',\n 'Edit label'\n )}\n >\n <Pencil className=\"size-3.5 text-text-secondary\" />\n </button>\n )}\n\n <button\n type=\"button\"\n onClick={() => void removeBookmark(bm.id)}\n className=\"p-1 rounded hover:bg-bg-sunken transition-colors\"\n aria-label={tr(\n 'vibecontrols.agentManager.messageItem.removeBookmark',\n 'Remove bookmark'\n )}\n >\n <Trash2 className=\"size-3.5 text-status-error-text\" />\n </button>\n </div>\n </div>\n </li>\n );\n })}\n </ul>\n </div>\n\n <footer className=\"px-4 py-3 border-t border-border-default flex-shrink-0\">\n <button\n type=\"button\"\n onClick={() => {\n onClose();\n navigate('/vibecontrols/ai/bookmarks');\n }}\n className=\"inline-flex items-center gap-1.5 text-xs font-medium text-action-primary-text hover:underline\"\n >\n <ExternalLink className=\"size-3\" />\n {tr(\n 'vibecontrols.agentManager.bookmarksDrawer.seeAll',\n 'See all bookmarks across sessions'\n )}\n </button>\n </footer>\n </aside>\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -14,11 +14,11 @@ import { VoiceToggle as ae } from "./controls/VoiceToggle.js";
 import { FileAttachButton as oe } from "./controls/FileAttachButton.js";
 import { createDropHandlers as se } from "./controls/createDropHandlers.js";
 import { ContextLevelToggle as ce } from "./controls/ContextLevelToggle.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as le, useState as u } from "react";
-import { ArrowUp as ue, ChevronDown as de, Clock as fe, Square as pe, X as me } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { ArrowUp as le, ChevronDown as ue, Clock as de, Square as fe, X as pe } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/agent-manager/AgentManagerInputArea.tsx
-var p = [
+var m = [
 	{
 		command: "/new",
 		description: "Create new session"
@@ -56,7 +56,7 @@ var p = [
 		command: "/help",
 		description: "Show available commands"
 	}
-], m = [
+], h = [
 	"claude",
 	"codex",
 	"gemini",
@@ -73,16 +73,16 @@ var p = [
 	"pi",
 	"aider",
 	"plandex"
-], h = ["sdk", "cli"];
-function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he = [], agentTunnelUrl: b }) {
-	let [x, S] = u(""), [C, w] = u([]), [ge, T] = u(!1), [E, _e] = u(""), [D, O] = u(!1), [k, A] = u(!1), [j, M] = u(""), [ve, N] = u([]), P = e(), F = le(null), I = le(null);
+], g = ["sdk", "cli"];
+function _({ agentId: _, sessionId: v, onSend: y, onCancel: b, mcpServers: me = [], agentTunnelUrl: he }) {
+	let [x, S] = d(""), [C, w] = d([]), [ge, T] = d(!1), [E, _e] = d(""), [D, O] = d(!1), [k, A] = d(!1), [j, M] = d(""), [ve, N] = d([]), P = e(), F = u(null), I = u(null);
 	c(() => {
 		F.current?.focus({ preventScroll: !0 });
 	}, []);
-	let L = i((e) => e.sessionStates[_]), R = i((e) => e.setSessionModel), z = i((e) => e.setSessionSdk), B = i((e) => e.setSessionMode), ye = i((e) => e.setSessionPermissionMode), be = i((e) => e.toggleVoice), xe = i((e) => e.toggleThinking), Se = i((e) => e.setSessionContextLevel), Ce = i((e) => e.setSessionVibe), we = i((e) => e.setSessionRootPath), V = i((e) => e.openSession), H = i((e) => e.addMessage), { vibes: Te, agents: U } = t(), { active: W } = n(l(() => U.find((e) => e.id === g) ?? null, [U, g])?.id ?? null), G = l(() => ({
-		id: g,
+	let L = i((e) => e.sessionStates[v]), R = i((e) => e.setSessionModel), z = i((e) => e.setSessionSdk), B = i((e) => e.setSessionMode), ye = i((e) => e.setSessionPermissionMode), be = i((e) => e.toggleVoice), xe = i((e) => e.toggleThinking), Se = i((e) => e.setSessionContextLevel), Ce = i((e) => e.setSessionVibe), we = i((e) => e.setSessionRootPath), V = i((e) => e.openSession), H = i((e) => e.addMessage), { vibes: Te, agents: U } = t(), { active: W } = n(l(() => U.find((e) => e.id === _) ?? null, [U, _])?.id ?? null), G = l(() => ({
+		id: _,
 		profile: W
-	}), [g, W]), { isListening: K, transcript: q, startListening: Ee, stopListening: De } = te(), J = L?.status === "streaming", Y = x.trim().length > 0 && !J;
+	}), [_, W]), { isListening: K, transcript: q, startListening: Ee, stopListening: De } = te(), J = L?.status === "streaming", Y = x.trim().length > 0 && !J;
 	c(() => {
 		q && K && S((e) => e + (e ? " " : "") + q);
 	}, [q, K]), c(() => {
@@ -97,7 +97,7 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 	}, [G]), c(() => {
 		x.startsWith("/") && !x.includes(" ") ? (T(!0), _e(x.slice(1))) : T(!1);
 	}, [x]);
-	let Oe = l(() => p.filter((e) => e.command.toLowerCase().includes(`/${E.toLowerCase()}`)), [E]);
+	let Oe = l(() => m.filter((e) => e.command.toLowerCase().includes(`/${E.toLowerCase()}`)), [E]);
 	c(() => {
 		let e = F.current;
 		e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, 200)}px`);
@@ -109,19 +109,18 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [D, k]);
 	let X = s((e) => {
-		H(_, {
+		H(v, {
 			id: `sys-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`,
 			role: "system",
 			content: e,
 			timestamp: (/* @__PURE__ */ new Date()).toISOString()
 		});
-	}, [H, _]), ke = s(async () => {
-		if (!(!x.trim() || !j || !b || !g)) try {
+	}, [H, v]), ke = s(async () => {
+		if (!(!x.trim() || !j || !_)) try {
 			let e = await ne({
-				sessionId: _,
-				agentTunnelUrl: b,
+				sessionId: v,
 				agentRef: {
-					agentId: g,
+					agentId: _,
 					profile: W ?? "default"
 				},
 				prompt: x.trim(),
@@ -134,9 +133,8 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 	}, [
 		x,
 		j,
-		b,
+		v,
 		_,
-		g,
 		W,
 		X
 	]), Z = s((e) => {
@@ -149,32 +147,32 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 				X(r ? `Session renamed to "${r}".` : "Usage: /rename <name>");
 				break;
 			case "/model":
-				r ? (R(_, r), X(`Model switched to "${r}".`)) : X("Usage: /model <model-name>");
+				r ? (R(v, r), X(`Model switched to "${r}".`)) : X("Usage: /model <model-name>");
 				break;
 			case "/sdk":
-				if (r && m.includes(r)) {
+				if (r && h.includes(r)) {
 					let e = r;
-					z(_, e), ee(G, e, L?.model ?? "default").then((e) => R(_, e)).catch(() => R(_, L?.model ?? "default")), X(`SDK switched to "${r}".`);
-				} else X(`Usage: /sdk <${m.join("|")}>`);
+					z(v, e), ee(G, e, L?.model ?? "default").then((e) => R(v, e)).catch(() => R(v, L?.model ?? "default")), X(`SDK switched to "${r}".`);
+				} else X(`Usage: /sdk <${h.join("|")}>`);
 				break;
 			case "/mode":
-				r && h.includes(r) ? (B(_, r), X(`Mode switched to "${r}".`)) : X(`Usage: /mode <${h.join("|")}>`);
+				r && g.includes(r) ? (B(v, r), X(`Mode switched to "${r}".`)) : X(`Usage: /mode <${g.join("|")}>`);
 				break;
 			case "/export": {
 				let e = r === "md" ? "md" : "json", t = L?.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}.`);
+				o.href = a, o.download = `conversation-${v}.${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")}`);
+				X(`Available commands:\n${m.map((e) => `  ${e.command}${e.args ? " " + e.args : ""} - ${e.description}`).join("\n")}`);
 				break;
 			default: X(`Unknown command: ${n}. Type /help for available commands.`);
 		}
 	}, [
-		_,
+		v,
 		L?.messages,
 		L?.model,
 		V,
@@ -192,98 +190,98 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 			Z(e), S(""), w([]);
 			return;
 		}
-		v(e, C.length > 0 ? C : void 0), S(""), w([]);
+		y(e, C.length > 0 ? C : void 0), S(""), w([]);
 	}, [
 		Y,
 		x,
 		C,
-		v,
+		y,
 		Z
 	]), je = s((e) => {
 		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q());
 	}, [Q]), Me = s(() => {
-		y?.();
-	}, [y]), $ = s((e) => {
+		b?.();
+	}, [b]), $ = s((e) => {
 		w((t) => [...t, ...e]);
 	}, []), Ne = s((e) => {
 		w((t) => t.filter((t, n) => n !== e));
 	}, []), Pe = se($);
-	return L ? /* @__PURE__ */ f("div", {
+	return L ? /* @__PURE__ */ p("div", {
 		className: "relative z-30 border-t border-border-default bg-bg-surface",
 		...Pe,
 		children: [
-			ge && Oe.length > 0 && /* @__PURE__ */ d("div", {
+			ge && Oe.length > 0 && /* @__PURE__ */ f("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: Oe.map((e) => /* @__PURE__ */ f("button", {
+				children: Oe.map((e) => /* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => Ae(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", {
+						/* @__PURE__ */ f("span", {
 							className: "font-mono text-xs text-text-primary",
 							children: e.command
 						}),
-						e.args && /* @__PURE__ */ d("span", {
+						e.args && /* @__PURE__ */ f("span", {
 							className: "text-text-tertiary text-xs",
 							children: e.args
 						}),
-						/* @__PURE__ */ d("span", {
+						/* @__PURE__ */ f("span", {
 							className: "text-text-secondary text-xs ml-auto",
 							children: e.description
 						})
 					]
 				}, e.command))
 			}),
-			C.length > 0 && /* @__PURE__ */ d("div", {
+			C.length > 0 && /* @__PURE__ */ f("div", {
 				className: "flex items-center gap-2 px-3 pt-2 overflow-x-auto",
-				children: C.map((e, t) => /* @__PURE__ */ f("div", {
+				children: C.map((e, t) => /* @__PURE__ */ p("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", {
+					children: [/* @__PURE__ */ f("span", {
 						className: "truncate max-w-[120px]",
 						children: e.name
-					}), /* @__PURE__ */ d("button", {
+					}), /* @__PURE__ */ f("button", {
 						type: "button",
 						onClick: () => Ne(t),
 						className: "p-0.5 rounded hover:bg-bg-sunken transition-colors flex-shrink-0",
-						children: /* @__PURE__ */ d(me, { className: "size-3" })
+						children: /* @__PURE__ */ f(pe, { className: "size-3" })
 					})]
 				}, `${e.name}-${t}`))
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-wrap items-center gap-1 px-3 pt-2 pb-1 overflow-x-auto",
 				children: [
-					/* @__PURE__ */ d(o, {
+					/* @__PURE__ */ f(o, {
 						sdk: L.sdk,
 						mode: L.mode,
 						providers: ve,
 						onSdkChange: (e) => {
-							z(_, e), ee(G, e, L.model ?? "default").then((e) => R(_, e)).catch(() => R(_, L.model ?? "default"));
+							z(v, e), ee(G, e, L.model ?? "default").then((e) => R(v, e)).catch(() => R(v, L.model ?? "default"));
 						},
-						onModeChange: (e) => B(_, e)
+						onModeChange: (e) => B(v, e)
 					}),
-					/* @__PURE__ */ d(a, {
+					/* @__PURE__ */ f(a, {
 						value: L.model,
-						onChange: (e) => R(_, e),
+						onChange: (e) => R(v, e),
 						provider: L.sdk,
-						agentId: g
+						agentId: _
 					}),
-					/* @__PURE__ */ d(re, {
+					/* @__PURE__ */ f(re, {
 						value: L.permissionMode,
 						mode: L.mode,
-						onChange: (e) => ye(_, e)
+						onChange: (e) => ye(v, e)
 					}),
-					/* @__PURE__ */ d(ie, {
+					/* @__PURE__ */ f(ie, {
 						selected: L.mcpServers,
-						available: he,
+						available: me,
 						onChange: () => {}
 					}),
-					/* @__PURE__ */ d(ce, {
+					/* @__PURE__ */ f(ce, {
 						agentId: "",
-						sessionId: _,
+						sessionId: v,
 						contextLevel: L.contextLevel,
 						rootPath: L.rootPath,
 						onChange: (e, t, n) => {
-							Se(_, e), we(_, t ?? null), Ce(_, n ?? null, t ?? null);
+							Se(v, e), we(v, t ?? null), Ce(v, n ?? null, t ?? null);
 						},
 						vibes: Te.map((e) => ({
 							id: e.id,
@@ -291,25 +289,25 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 							path: e.path
 						}))
 					}),
-					/* @__PURE__ */ d("div", { className: "flex-1" }),
-					/* @__PURE__ */ d("button", {
+					/* @__PURE__ */ f("div", { className: "flex-1" }),
+					/* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => xe(_),
+						onClick: () => xe(v),
 						className: `p-1.5 rounded text-xs font-medium transition-colors ${L.showThinking ? "bg-action-primary-bg/10 text-action-primary-text" : "text-text-tertiary hover:text-text-secondary"}`,
 						title: L.showThinking ? P("vibecontrols.agentManager.inputArea.hideThinking", "Hide thinking") : P("vibecontrols.agentManager.inputArea.showThinking", "Show thinking"),
 						children: "Think"
 					}),
-					/* @__PURE__ */ f("button", {
+					/* @__PURE__ */ p("button", {
 						type: "button",
 						onClick: () => {
 							let e = window.prompt("Context history limit (messages sent with each prompt):", String(L.contextHistoryLimit));
 							if (e !== null) {
 								let t = parseInt(e, 10);
 								if (!isNaN(t) && t >= 0) {
-									let e = i.getState().sessionStates[_];
+									let e = i.getState().sessionStates[v];
 									e && i.setState((n) => ({ sessionStates: {
 										...n.sessionStates,
-										[_]: {
+										[v]: {
 											...e,
 											contextHistoryLimit: t
 										}
@@ -321,19 +319,19 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 						title: `Context history: last ${L.contextHistoryLimit} messages sent with each prompt`,
 						children: ["H:", L.contextHistoryLimit]
 					}),
-					/* @__PURE__ */ d(ae, {
+					/* @__PURE__ */ f(ae, {
 						enabled: L.voiceEnabled,
 						onToggle: () => {
-							be(_), L.voiceEnabled ? De() : Ee();
+							be(v), L.voiceEnabled ? De() : Ee();
 						},
 						isListening: K
 					}),
-					/* @__PURE__ */ d(oe, { onFileSelect: $ })
+					/* @__PURE__ */ f(oe, { onFileSelect: $ })
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex items-end gap-2 px-3 pb-3 pt-1",
-				children: [/* @__PURE__ */ d("textarea", {
+				children: [/* @__PURE__ */ f("textarea", {
 					"aria-label": "control",
 					ref: F,
 					value: x,
@@ -343,61 +341,61 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 					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: J
-				}), J ? /* @__PURE__ */ d("button", {
+				}), J ? /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: Me,
 					className: "flex-shrink-0 p-2 rounded-lg bg-status-error-bg text-status-error-text hover:opacity-90 transition-opacity",
 					title: P("vibecontrols.agentManager.inputArea.cancel", "Cancel"),
-					children: /* @__PURE__ */ d(pe, { className: "size-4" })
-				}) : /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ f(fe, { className: "size-4" })
+				}) : /* @__PURE__ */ p("div", {
 					className: "flex items-end flex-shrink-0 relative",
 					ref: I,
 					children: [
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: Q,
 							disabled: !Y,
 							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: P("vibecontrols.agentManager.inputArea.send", "Send (Enter)"),
-							children: /* @__PURE__ */ d(ue, { className: "size-4" })
+							children: /* @__PURE__ */ f(le, { className: "size-4" })
 						}),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ f("button", {
 							type: "button",
 							onClick: () => O(!D),
 							disabled: !Y,
 							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: P("vibecontrols.agentManager.inputArea.scheduleSend", "Schedule send"),
-							children: /* @__PURE__ */ d(de, { className: "size-3" })
+							children: /* @__PURE__ */ f(ue, { className: "size-3" })
 						}),
-						D && /* @__PURE__ */ d("div", {
+						D && /* @__PURE__ */ f("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: k ? /* @__PURE__ */ f("div", {
+							children: k ? /* @__PURE__ */ p("div", {
 								className: "px-3 py-2 space-y-2",
 								children: [
-									/* @__PURE__ */ d("label", {
+									/* @__PURE__ */ f("label", {
 										className: "block text-[11px] font-medium text-text-secondary",
 										children: P("vibecontrols.agentManager.inputArea.sendAt", "Send at:")
 									}),
-									/* @__PURE__ */ d("input", {
+									/* @__PURE__ */ f("input", {
 										"aria-label": "control",
 										type: "datetime-local",
 										value: j,
 										onChange: (e) => M(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", {
+									/* @__PURE__ */ f("button", {
 										type: "button",
 										onClick: () => void ke(),
-										disabled: !j || !b || !g,
+										disabled: !j || !_,
 										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: P("vibecontrols.agentManager.inputArea.schedule", "Schedule")
 									})
 								]
-							}) : /* @__PURE__ */ f("button", {
+							}) : /* @__PURE__ */ p("button", {
 								type: "button",
 								onClick: () => A(!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(fe, { className: "size-3.5 text-text-secondary" }), P("vibecontrols.agentManager.inputArea.scheduleSendEllipsis", "Schedule Send...")]
+								children: [/* @__PURE__ */ f(de, { className: "size-3.5 text-text-secondary" }), P("vibecontrols.agentManager.inputArea.scheduleSendEllipsis", "Schedule Send...")]
 							})
 						})
 					]
@@ -407,6 +405,6 @@ function g({ agentId: g, sessionId: _, onSend: v, onCancel: y, mcpServers: he =
 	}) : null;
 }
 //#endregion
-export { g as AgentManagerInputArea };
+export { _ as AgentManagerInputArea };
 //# sourceMappingURL=AgentManagerInputArea.js.map