bosun 0.37.1 → 0.37.2

package/ui/tabs/library.js

@@ -349,12 +349,12 @@ async function configureMcpEnv(id, env) {
 
 async function fetchAvailableTools() {
   const res = await apiFetch("/api/agent-tools/available");
-  return res?.data || { builtinTools: [], mcpServers: [] };
+  return res?.data || { builtinTools: [], bosunTools: [], mcpServers: [] };
 }
 
 async function fetchAgentToolConfig(agentId) {
   const res = await apiFetch(`/api/agent-tools/config?agentId=${encodeURIComponent(agentId)}`);
-  return res?.data || { builtinTools: [], mcpServers: [] };
+  return res?.data || { builtinTools: [], bosunTools: [], mcpServers: [], enabledTools: null };
 }
 
 async function saveAgentToolConfig(agentId, config) {
@@ -377,6 +377,73 @@ async function fetchBuiltinToolDefaults() {
 const TYPE_ICONS = { prompt: ":edit:", agent: ":bot:", skill: ":cpu:", mcp: ":plug:" };
 const TYPE_LABELS = { prompt: "Prompt", agent: "Agent Profile", skill: "Skill", mcp: "MCP Server" };
 const TYPE_COLORS = { prompt: "#58a6ff", agent: "#af7bff", skill: "#3fb950", mcp: "#f59e0b" };
+const AGENT_TYPE_OPTIONS = Object.freeze([
+  { value: "voice", label: "Voice" },
+  { value: "task", label: "Task" },
+  { value: "chat", label: "Chat" },
+]);
+
+function normalizeAgentType(rawType) {
+  const value = String(rawType || "").trim().toLowerCase();
+  if (value === "voice" || value === "task" || value === "chat") return value;
+  return "task";
+}
+
+function inferAgentTypeFromEntry(entry, parsedContent) {
+  const explicit = normalizeAgentType(parsedContent?.agentType);
+  if (parsedContent?.agentType) return explicit;
+  if (parsedContent?.voiceAgent === true) return "voice";
+  const id = String(entry?.id || "").trim().toLowerCase();
+  const tags = Array.isArray(entry?.tags)
+    ? entry.tags.map((tag) => String(tag || "").trim().toLowerCase())
+    : [];
+  if (id.startsWith("voice-agent")) return "voice";
+  if (tags.includes("voice") || tags.includes("audio-agent") || tags.includes("realtime")) return "voice";
+  return "task";
+}
+
+const AUDIO_AGENT_TEMPLATES = Object.freeze({
+  female: {
+    type: "agent",
+    name: "Voice Agent (Female)",
+    description: "Conversational voice specialist with concise guidance and call-friendly pacing.",
+    tags: "voice,audio-agent,female,realtime",
+    scope: "global",
+    content: JSON.stringify({
+      name: "Voice Agent (Female)",
+      description: "Conversational voice specialist with concise guidance and call-friendly pacing.",
+      titlePatterns: ["\\bvoice\\b", "\\bcall\\b", "\\bmeeting\\b", "\\bassistant\\b"],
+      scopes: ["voice", "assistant"],
+      model: null,
+      promptOverride: null,
+      skills: ["concise-voice-guidance", "conversation-memory"],
+      agentType: "voice",
+      voiceAgent: true,
+      voicePersona: "female",
+      voiceInstructions: "You are Nova, a female voice agent. Be concise, warm, and practical. Use tools for facts and execution. Keep spoken responses short and clear.",
+    }, null, 2),
+  },
+  male: {
+    type: "agent",
+    name: "Voice Agent (Male)",
+    description: "Operational voice specialist focused on diagnostics and execution.",
+    tags: "voice,audio-agent,male,realtime",
+    scope: "global",
+    content: JSON.stringify({
+      name: "Voice Agent (Male)",
+      description: "Operational voice specialist focused on diagnostics and execution.",
+      titlePatterns: ["\\bvoice\\b", "\\bcall\\b", "\\bmeeting\\b", "\\bassistant\\b"],
+      scopes: ["voice", "assistant"],
+      model: null,
+      promptOverride: null,
+      skills: ["ops-diagnostics", "task-execution"],
+      agentType: "voice",
+      voiceAgent: true,
+      voicePersona: "male",
+      voiceInstructions: "You are Atlas, a male voice agent. Be direct and execution-oriented. Prefer actionable status updates. Use tools proactively for diagnostics.",
+    }, null, 2),
+  },
+});
 
 /* ═══════════════════════════════════════════════════════════════
  *  Sub-components
@@ -454,6 +521,9 @@ function LibraryCard({ entry, onSelect }) {
         <div class="library-card-desc">${entry.description}</div>
       `}
       <div class="library-card-meta">
+        ${entry.type === "agent" && entry.agentType && html`
+          <span class="library-card-tag">${String(entry.agentType).toUpperCase()}</span>
+        `}
         ${(entry.tags || []).slice(0, 5).map((tag) => html`
           <span class="library-card-tag" key=${tag}>${tag}</span>
         `)}
@@ -476,7 +546,8 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
     description: entry?.description || "",
     tags: (entry?.tags || []).join(", "),
     scope: entry?.scope || "global",
-    content: "",
+    agentType: inferAgentTypeFromEntry(entry, null),
+    content: typeof entry?.content === "string" ? entry.content : "",
   };
   const [form, setForm] = useState(initialFormSnapshot);
   const [baseline, setBaseline] = useState(initialFormSnapshot);
@@ -496,6 +567,7 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
       description: entry?.description || "",
       tags: (entry?.tags || []).join(", "),
       scope: entry?.scope || "global",
+      agentType: inferAgentTypeFromEntry(entry, null),
       content: "",
     };
     setForm(next);
@@ -513,8 +585,13 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
         if (cancelled) return;
         let contentStr = detail?.content ?? "";
         if (typeof contentStr === "object") contentStr = JSON.stringify(contentStr, null, 2);
+        const parsed = detail?.content && typeof detail.content === "object" ? detail.content : null;
         setForm((f) => {
-          const next = { ...f, content: contentStr };
+          const next = {
+            ...f,
+            content: contentStr,
+            agentType: inferAgentTypeFromEntry(detail || entry, parsed),
+          };
           setBaseline(next);
           return next;
         });
@@ -551,7 +628,19 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
       const tags = form.tags.split(/[,\s]+/).map((t) => t.trim().toLowerCase()).filter(Boolean);
       let content = form.content;
       if (form.type === "agent") {
-        try { content = JSON.parse(content); } catch { /* keep as string if invalid JSON */ }
+        try {
+          content = JSON.parse(content);
+        } catch {
+          showToast("Agent profile content must be valid JSON", "error");
+          return false;
+        }
+        const agentType = normalizeAgentType(form.agentType);
+        content.agentType = agentType;
+        if (agentType === "voice") {
+          content.voiceAgent = true;
+        } else if (content.voiceAgent === true) {
+          content.voiceAgent = false;
+        }
       }
       const res = await saveEntry({
         id: form.id || undefined,
@@ -611,6 +700,7 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
           model: null,
           promptOverride: null,
           skills: [],
+          agentType: "task",
           tags: [],
         }, null, 2)
       : "# Skill Title\n\n## Purpose\nDescribe what this skill teaches agents.\n\n## Instructions\n...";
@@ -661,6 +751,16 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
             <option value="workspace">Workspace</option>
           </select>
         </label>
+        ${form.type === "agent" && html`
+          <label>
+            Agent Type
+            <select value=${normalizeAgentType(form.agentType)} onChange=${updateField("agentType")}>
+              ${AGENT_TYPE_OPTIONS.map((opt) => html`
+                <option key=${opt.value} value=${opt.value}>${opt.label}</option>
+              `)}
+            </select>
+          </label>
+        `}
         <label>
           Content
           ${loadingContent
@@ -672,7 +772,7 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
         </label>
         <div style="font-size:0.78em;color:var(--text-tertiary,#666);margin-top:-8px;">
           ${form.type === "prompt" ? "Use {{VARIABLE_NAME}} for template variables. Reference in workflows as {{prompt:name}}."
-            : form.type === "agent" ? "JSON format. Referenced in workflows as {{agent:name}}."
+          : form.type === "agent" ? "JSON format. Referenced in workflows as {{agent:name}}."
             : form.type === "mcp" ? "MCP server configuration. Managed via the MCP Servers panel."
             : "Markdown format. Referenced in workflows as {{skill:name}}."}
         </div>
@@ -727,8 +827,8 @@ function EntryEditor({ entry, onClose, onSaved, onDeleted }) {
 /* ─ Agent Tool Configurator ─────────────────────────────── */
 
 function AgentToolConfigurator({ agentId, agentName }) {
-  const [toolsTab, setToolsTab] = useState("builtin"); // "builtin" | "mcp"
-  const [tools, setTools] = useState({ builtinTools: [], mcpServers: [] });
+  const [toolsTab, setToolsTab] = useState("builtin"); // "builtin" | "bosun" | "mcp"
+  const [tools, setTools] = useState({ builtinTools: [], bosunTools: [], mcpServers: [], enabledTools: null });
   const [installed, setInstalled] = useState([]);
   const [loading, setLoading] = useState(true);
   const [saving, setSaving] = useState(false);
@@ -756,11 +856,26 @@ function AgentToolConfigurator({ agentId, agentName }) {
     const newDisabled = enabled
       ? disabledList.filter((id) => id !== toolId)
       : [...disabledList, toolId];
+    const currentEnabledTools = Array.isArray(tools.enabledTools)
+      ? tools.enabledTools.map((id) => String(id || "").trim()).filter(Boolean)
+      : null;
+    const nextEnabledTools = currentEnabledTools
+      ? (() => {
+        const set = new Set(currentEnabledTools);
+        if (enabled) set.add(toolId);
+        else set.delete(toolId);
+        return [...set];
+      })()
+      : undefined;
     setSaving(true);
     try {
-      await saveAgentToolConfig(agentId, { disabledBuiltinTools: newDisabled });
+      await saveAgentToolConfig(agentId, {
+        disabledBuiltinTools: newDisabled,
+        ...(nextEnabledTools !== undefined ? { enabledTools: nextEnabledTools } : {}),
+      });
       setTools((prev) => ({
         ...prev,
+        ...(nextEnabledTools !== undefined ? { enabledTools: nextEnabledTools } : {}),
         builtinTools: prev.builtinTools.map((t) =>
           t.id === toolId ? { ...t, enabled } : t
         ),
@@ -771,6 +886,34 @@ function AgentToolConfigurator({ agentId, agentName }) {
     setSaving(false);
   }, [agentId, tools]);
 
+  const toggleBosunTool = useCallback(async (toolId, enabled) => {
+    const bosunIds = (tools.bosunTools || []).map((tool) => String(tool?.id || "").trim()).filter(Boolean);
+    const bosunIdSet = new Set(bosunIds);
+    const currentEnabledTools = Array.isArray(tools.enabledTools)
+      ? tools.enabledTools.map((id) => String(id || "").trim()).filter(Boolean)
+      : [];
+    const currentSet = new Set(currentEnabledTools);
+    const hasBosunAllowlist = bosunIds.some((id) => currentSet.has(id));
+    const nextBosunSet = hasBosunAllowlist
+      ? new Set(currentEnabledTools.filter((id) => bosunIdSet.has(id)))
+      : new Set(bosunIds);
+    if (enabled) nextBosunSet.add(toolId);
+    else nextBosunSet.delete(toolId);
+    const preserved = currentEnabledTools.filter((id) => !bosunIdSet.has(id));
+    const nextEnabledTools = [...new Set([...preserved, ...nextBosunSet])];
+    setSaving(true);
+    try {
+      await saveAgentToolConfig(agentId, { enabledTools: nextEnabledTools });
+      setTools((prev) => ({
+        ...prev,
+        enabledTools: nextEnabledTools,
+      }));
+    } catch (err) {
+      showToast("Failed to save: " + err.message, "error");
+    }
+    setSaving(false);
+  }, [agentId, tools]);
+
   const toggleMcpServer = useCallback(async (serverId, enabled) => {
     const currentMcp = tools.mcpServers || [];
     const newMcp = enabled
@@ -787,6 +930,17 @@ function AgentToolConfigurator({ agentId, agentName }) {
   }, [agentId, tools]);
 
   const enabledMcpSet = new Set(tools.mcpServers || []);
+  const bosunTools = Array.isArray(tools.bosunTools) ? tools.bosunTools : [];
+  const bosunToolIds = bosunTools.map((tool) => String(tool?.id || "").trim()).filter(Boolean);
+  const rawEnabledTools = Array.isArray(tools.enabledTools)
+    ? tools.enabledTools.map((id) => String(id || "").trim()).filter(Boolean)
+    : null;
+  const hasBosunAllowlist = Boolean(rawEnabledTools && rawEnabledTools.some((id) => bosunToolIds.includes(id)));
+  const enabledBosunSet = new Set(
+    hasBosunAllowlist
+      ? rawEnabledTools.filter((id) => bosunToolIds.includes(id))
+      : bosunToolIds,
+  );
 
   if (loading) {
     return html`<div class="agent-tools-section">
@@ -806,6 +960,10 @@ function AgentToolConfigurator({ agentId, agentName }) {
           onClick=${() => setToolsTab("builtin")}>
           ${iconText(":cpu: Built-in Tools")} (${(tools.builtinTools || []).filter((t) => t.enabled).length}/${(tools.builtinTools || []).length})
         </button>
+        <button class=${`agent-tools-tab ${toolsTab === "bosun" ? "active" : ""}`}
+          onClick=${() => setToolsTab("bosun")}>
+          ${iconText(":zap: Bosun Tools")} (${enabledBosunSet.size}/${bosunTools.length})
+        </button>
         <button class=${`agent-tools-tab ${toolsTab === "mcp" ? "active" : ""}`}
           onClick=${() => setToolsTab("mcp")}>
           ${iconText(":plug: MCP Servers")} (${enabledMcpSet.size}/${installed.length})
@@ -832,6 +990,34 @@ function AgentToolConfigurator({ agentId, agentName }) {
         </div>
       `}
 
+      ${toolsTab === "bosun" && html`
+        <details open class="tool-config-group">
+          <summary class="tool-config-group-label">
+            Runtime Voice Tools (collapsible)
+          </summary>
+          ${bosunTools.length === 0 && html`
+            <div style="padding:12px;text-align:center;color:var(--text-secondary);font-size:0.85em;">
+              No Bosun runtime tools were discovered.
+            </div>
+          `}
+          ${bosunTools.map((tool) => html`
+            <div class="tool-config-item" key=${tool.id}>
+              <span class="tool-config-item-icon">${resolveIcon(":zap:") || iconText(":zap:")}</span>
+              <div class="tool-config-item-info">
+                <div class="tool-config-item-name">${tool.name}</div>
+                <div class="tool-config-item-desc">${tool.description || "Bosun runtime tool"}</div>
+              </div>
+              <div class="tool-config-toggle">
+                <${Toggle}
+                  checked=${enabledBosunSet.has(tool.id)}
+                  onChange=${(val) => toggleBosunTool(tool.id, val)}
+                />
+              </div>
+            </div>
+          `)}
+        </details>
+      `}
+
       ${toolsTab === "mcp" && html`
         <div class="tool-config-group">
           ${installed.length === 0 && html`
@@ -1350,6 +1536,17 @@ export function LibraryTab() {
 
   useEffect(() => { loadEntries(); }, [filterType.value]);
 
+  useEffect(() => {
+    const onWorkspaceSwitched = () => {
+      setEditing(null);
+      loadEntries();
+    };
+    window.addEventListener("ve:workspace-switched", onWorkspaceSwitched);
+    return () => {
+      window.removeEventListener("ve:workspace-switched", onWorkspaceSwitched);
+    };
+  }, [loadEntries]);
+
   // Debounced search
   const searchTimer = useRef(null);
   const handleSearch = useCallback((value) => {
@@ -1391,6 +1588,13 @@ export function LibraryTab() {
     setEditing(entry);
   }, []);
 
+  const handleCreateAudioAgent = useCallback((templateKey) => {
+    const template = AUDIO_AGENT_TEMPLATES[templateKey];
+    if (!template) return;
+    haptic("light");
+    setEditing({ ...template });
+  }, []);
+
   const handleSaved = useCallback(() => {
     setEditing(null);
     loadEntries();
@@ -1414,6 +1618,12 @@ export function LibraryTab() {
     <div class="library-root">
       <div class="library-header">
         <h2>${iconText(":book: Library")}</h2>
+        <button class="library-type-pill" onClick=${() => handleCreateAudioAgent("female")}>
+          ${iconText(":mic: New Female Audio Agent")}
+        </button>
+        <button class="library-type-pill" onClick=${() => handleCreateAudioAgent("male")}>
+          ${iconText(":mic: New Male Audio Agent")}
+        </button>
         <button class="library-type-pill" onClick=${handleRebuild}
           title="Rescan directories and rebuild manifest">
           ${iconText(":refresh: Rebuild")}

package/ui/tabs/settings.js

@@ -2114,25 +2114,36 @@ function VoiceEndpointsEditor() {
     ];
   }, []);
 
-  const normalizeEp = useCallback((ep = {}, idx = 0) => ({
-    _id: ep._id ?? `ep-${idx}-${Date.now()}`,
-    name: String(ep.name || `endpoint-${idx + 1}`),
-    provider: ["azure", "openai", "claude", "gemini", "custom"].includes(ep.provider) ? ep.provider : "azure",
+  const normalizeEp = useCallback((ep = {}, idx = 0) => {
+    const provider = ["azure", "openai", "claude", "gemini", "custom"].includes(ep.provider)
+      ? ep.provider
+      : "azure";
+    const transcriptionEnabled = ep.transcriptionEnabled == null
+      ? provider !== "azure"
+      : ep.transcriptionEnabled !== false;
+    return {
+      _id: ep._id ?? `ep-${idx}-${Date.now()}`,
+      name: String(ep.name || `endpoint-${idx + 1}`),
+      provider,
     endpoint: (() => {
-      const p = ["azure", "openai", "claude", "gemini", "custom"].includes(ep.provider) ? ep.provider : "azure";
       const raw = String(ep.endpoint || "");
-      return (p === "azure" || p === "custom") ? raw : (raw || getDefaultEndpointUrl(p, ep.authSource));
+      return (provider === "azure" || provider === "custom")
+        ? raw
+        : (raw || getDefaultEndpointUrl(provider, ep.authSource));
     })(),
     deployment: String(ep.deployment || ""),
     model: String(ep.model || ""),
     visionModel: String(ep.visionModel || ""),
+    transcriptionModel: String(ep.transcriptionModel || ""),
+    transcriptionEnabled,
     apiKey: String(ep.apiKey || ""),
     voiceId: String(ep.voiceId || ""),
     role: ["primary", "backup"].includes(ep.role) ? ep.role : "primary",
     weight: Number(ep.weight) > 0 ? Number(ep.weight) : 1,
     enabled: ep.enabled !== false,
     authSource: ["apiKey", "oauth"].includes(ep.authSource) ? ep.authSource : "apiKey",
-  }), [getDefaultEndpointUrl]);
+    };
+  }, [getDefaultEndpointUrl]);
 
   // Fetch OAuth status for all providers
   const fetchOAuthStatuses = useCallback(async () => {
@@ -2359,12 +2370,20 @@ function VoiceEndpointsEditor() {
                   onInput=${(e) => updateEndpoint(ep._id, "endpoint", e.target.value)} />
               </div>
               <div style="grid-column:1/-1">
-                <div class="setting-row-label">Audio Model (Realtime)</div>
-                <input type="text" value=${ep.deployment} placeholder="gpt-realtime-1.5"
+                <div class="setting-row-label">Deployment Name</div>
+                <input type="text" value=${ep.deployment} placeholder="my-gpt-4o-realtime"
                   onInput=${(e) => updateEndpoint(ep._id, "deployment", e.target.value)} />
                 <div class="meta-text" style="margin-top:3px">
-                  Connectivity tests use the endpoint URL exactly as entered.
-                  If you enter only a host, Bosun appends the default Azure OpenAI probe route.
+                  The deployment name from Azure AI Foundry (not the model name).
+                  Find it under your resource → Deployments. Leave empty to test credentials only.
+                </div>
+              </div>
+              <div style="grid-column:1/-1">
+                <div class="setting-row-label">Audio Model (Realtime)</div>
+                <input type="text" value=${ep.model} placeholder="gpt-4o-realtime-preview"
+                  onInput=${(e) => updateEndpoint(ep._id, "model", e.target.value)} />
+                <div class="meta-text" style="margin-top:3px">
+                  The underlying model name (e.g. gpt-4o-realtime-preview). Used at runtime.
                 </div>
               </div>
             `}
@@ -2451,6 +2470,27 @@ function VoiceEndpointsEditor() {
                 onInput=${(e) => updateEndpoint(ep._id, "visionModel", e.target.value)} />
               <div class="meta-text" style="margin-top:3px">Model used for screenshot / image analysis tasks.</div>
             </div>
+            ${(ep.provider === "openai" || ep.provider === "azure") && html`
+            <div style="grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end">
+              <div>
+                <div class="setting-row-label">Transcription Model</div>
+                <input type="text" value=${ep.transcriptionModel || ""}
+                  placeholder="gpt-4o-transcribe"
+                  onInput=${(e) => updateEndpoint(ep._id, "transcriptionModel", e.target.value)} />
+                <div class="meta-text" style="margin-top:3px">
+                  Model used for input audio transcription. Leave blank for default (gpt-4o-transcribe).
+                  ${ep.provider === "azure" ? " Azure endpoints default transcription OFF unless enabled." : ""}
+                </div>
+              </div>
+              <div style="display:flex;align-items:center;gap:6px;padding-bottom:22px">
+                <label style="display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px">
+                  <input type="checkbox" checked=${ep.transcriptionEnabled !== false}
+                    onChange=${(e) => updateEndpoint(ep._id, "transcriptionEnabled", e.target.checked)} />
+                  Enable
+                </label>
+              </div>
+            </div>
+            `}
           </div>
           <!-- Test Connection -->
           <div style="display:flex;align-items:center;gap:10px;margin-top:8px">