bosun 0.36.0 → 0.36.2

package/telegram-sentinel.mjs

@@ -446,7 +446,7 @@ async function runRepairAgent(triggerReason, details = "") {
     await sendTelegram(
       telegramChatId,
       [
-        "🧰 Crash-loop detected. Launching repair agent.",
+        ":settings: Crash-loop detected. Launching repair agent.",
         `Trigger: ${triggerReason}`,
         details ? `Context: ${details}` : "",
       ]
@@ -483,7 +483,7 @@ async function runRepairAgent(triggerReason, details = "") {
     await sendTelegram(
       telegramChatId,
       [
-        `✅ Repair agent completed via ${agentInfo.adapter}.`,
+        `:check: Repair agent completed via ${agentInfo.adapter}.`,
         "",
         summary.slice(0, 3500),
       ].join("\n"),
@@ -492,7 +492,7 @@ async function runRepairAgent(triggerReason, details = "") {
   } catch (err) {
     await sendTelegram(
       telegramChatId,
-      `❌ Repair agent failed: ${err?.message || err}`,
+      `:close: Repair agent failed: ${err?.message || err}`,
     );
     return false;
   } finally {
@@ -510,7 +510,7 @@ async function runPrimaryAgentFallback(chatId, text, command) {
     const agentInfo = getPrimaryAgentInfo();
     await sendTelegram(
       chatId,
-      `🤖 bosun is down. Running via sentinel fallback (${agentInfo.adapter})...`,
+      `:bot: bosun is down. Running via sentinel fallback (${agentInfo.adapter})...`,
     );
 
     const prompt = [
@@ -536,7 +536,7 @@ async function runPrimaryAgentFallback(chatId, text, command) {
   } catch (err) {
     await sendTelegram(
       chatId,
-      `❌ Sentinel fallback failed: ${err?.message || err}`,
+      `:close: Sentinel fallback failed: ${err?.message || err}`,
     );
     return false;
   }
@@ -556,7 +556,7 @@ async function attemptMonitorRecovery(triggerReason) {
     await sendTelegram(
       telegramChatId,
       [
-        "⚠️ Monitor crash-loop detected.",
+        ":alert: Monitor crash-loop detected.",
         `Window: ${Math.round(sentinelConfig.crashLoopWindowMs / 60000)}m | threshold: ${sentinelConfig.crashLoopThreshold}`,
         `Monitor-monitor: ${mmHealth.ok ? "healthy" : "degraded"} (${mmHealth.reason})`,
         "Attempting autonomous repair before restart.",
@@ -575,12 +575,12 @@ async function attemptMonitorRecovery(triggerReason) {
     const pidSuffix = pid ? ` (PID ${pid})` : "";
     await sendTelegram(
       telegramChatId,
-      `✅ bosun recovered${pidSuffix}.`,
+      `:check: bosun recovered${pidSuffix}.`,
     );
   } catch (err) {
     await sendTelegram(
       telegramChatId,
-      `❌ bosun auto-restart failed: ${err?.message || err}`,
+      `:close: bosun auto-restart failed: ${err?.message || err}`,
     );
   }
 }
@@ -1013,14 +1013,14 @@ async function handleStandaloneCommand(chatId, command, fullText) {
  */
 async function handlePing(chatId) {
   const monPid = readAlivePid(MONITOR_PID_FILE);
-  const monStatus = monPid ? `✅ running (PID ${monPid})` : "❌ not running";
+  const monStatus = monPid ? `:check: running (PID ${monPid})` : ":close: not running";
   const uptime = formatUptime(Date.now() - new Date(startedAt).getTime());
   await sendTelegram(
     chatId,
     [
-      "🏓 *Pong!*",
+      ":target: *Pong!*",
       "",
-      `Sentinel: ✅ alive (${uptime})`,
+      `Sentinel: :check: alive (${uptime})`,
       `Mode: ${mode}`,
       `Monitor: ${monStatus}`,
       `Host: \`${os.hostname()}\``,
@@ -1038,14 +1038,14 @@ async function handleStatus(chatId) {
     if (!existsSync(STATUS_FILE)) {
       await sendTelegram(
         chatId,
-        "📊 No status file found. bosun may not have run yet.",
+        ":chart: No status file found. bosun may not have run yet.",
       );
       return;
     }
     const raw = await readFile(STATUS_FILE, "utf8");
     const data = JSON.parse(raw);
 
-    const lines = ["📊 *Orchestrator Status*", ""];
+    const lines = [":chart: *Orchestrator Status*", ""];
 
     if (data.executor_mode) lines.push(`Mode: \`${data.executor_mode}\``);
     if (data.active_slots) lines.push(`Slots: \`${data.active_slots}\``);
@@ -1074,7 +1074,7 @@ async function handleStatus(chatId) {
 
     await sendTelegram(chatId, lines.join("\n"), { parseMode: "Markdown" });
   } catch (err) {
-    await sendTelegram(chatId, `❌ Error reading status: ${err.message}`);
+    await sendTelegram(chatId, `:close: Error reading status: ${err.message}`);
   }
 }
 
@@ -1085,7 +1085,7 @@ async function handleStatus(chatId) {
 async function handleSentinelInfo(chatId) {
   const status = getSentinelStatus();
   const lines = [
-    "🛡️ *Telegram Sentinel*",
+    ":shield: *Telegram Sentinel*",
     "",
     `PID: \`${process.pid}\``,
     `Mode: ${status.mode}`,
@@ -1112,22 +1112,22 @@ async function handleStartMonitor(chatId) {
   if (monPid) {
     await sendTelegram(
       chatId,
-      `✅ bosun is already running (PID ${monPid}).`,
+      `:check: bosun is already running (PID ${monPid}).`,
     );
     return;
   }
-  await sendTelegram(chatId, "🚀 Starting bosun...");
+  await sendTelegram(chatId, ":rocket: Starting bosun...");
   try {
     await ensureMonitorRunning("manual /start command");
     const pid = readAlivePid(MONITOR_PID_FILE);
     await sendTelegram(
       chatId,
-      `✅ bosun started${pid ? ` (PID ${pid})` : ""}.`,
+      `:check: bosun started${pid ? ` (PID ${pid})` : ""}.`,
     );
   } catch (err) {
     await sendTelegram(
       chatId,
-      `❌ Failed to start bosun: ${err.message}`,
+      `:close: Failed to start bosun: ${err.message}`,
     );
   }
 }
@@ -1139,10 +1139,10 @@ async function handleStartMonitor(chatId) {
 async function handleStopMonitor(chatId) {
   const monPid = readAlivePid(MONITOR_PID_FILE);
   if (!monPid) {
-    await sendTelegram(chatId, "ℹ️ bosun is not running.");
+    await sendTelegram(chatId, ":help: bosun is not running.");
     return;
   }
-  await sendTelegram(chatId, `🛑 Stopping bosun (PID ${monPid})...`);
+  await sendTelegram(chatId, `:close: Stopping bosun (PID ${monPid})...`);
   try {
     process.kill(monPid, "SIGTERM");
     // Wait for process to die
@@ -1162,13 +1162,13 @@ async function handleStopMonitor(chatId) {
       }
     }
     removePidFile(MONITOR_PID_FILE);
-    await sendTelegram(chatId, "✅ bosun stopped.");
+    await sendTelegram(chatId, ":check: bosun stopped.");
     monitorManualStopUntil = Date.now() + sentinelConfig.manualStopHoldMs;
     saveRecoveryState();
     // Transition to standalone mode after stopping monitor
     await transitionToStandalone("monitor manually stopped");
   } catch (err) {
-    await sendTelegram(chatId, `❌ Error stopping monitor: ${err.message}`);
+    await sendTelegram(chatId, `:close: Error stopping monitor: ${err.message}`);
   }
 }
 
@@ -1181,7 +1181,7 @@ async function handleHelp(chatId) {
   const monStatus = monPid ? "running" : "stopped";
 
   const lines = [
-    "🛡️ *Sentinel Commands* (always available)",
+    ":shield: *Sentinel Commands* (always available)",
     "",
     "/ping — Check sentinel + monitor liveness",
     "/status — Show cached orchestrator status",
@@ -1232,7 +1232,7 @@ async function handleMonitorCommand(chatId, text, command) {
     return;
   }
 
-  await sendTelegram(chatId, "⏳ Starting bosun in the background...");
+  await sendTelegram(chatId, ":clock: Starting bosun in the background...");
 
   try {
     await ensureMonitorRunning(`command: ${command}`);
@@ -1247,7 +1247,7 @@ async function handleMonitorCommand(chatId, text, command) {
     if (!fallbackHandled) {
       await sendTelegram(
         chatId,
-        `❌ Failed to start bosun: ${err.message}\n\nYour command was not processed.`,
+        `:close: Failed to start bosun: ${err.message}\n\nYour command was not processed.`,
       );
     }
     // Clear the failed commands
@@ -1559,7 +1559,7 @@ async function healthCheck() {
       await sendTelegram(
         telegramChatId,
         [
-          `🔥 ${tag} bosun crashed`,
+          `:zap: ${tag} bosun crashed`,
           "",
           `Host: \`${host}\``,
           `Time: ${new Date().toISOString()}`,
@@ -1747,7 +1747,7 @@ export async function startSentinel(options = {}) {
     // Attempt crash notification
     sendTelegram(
       telegramChatId,
-      `🛡️❌ Sentinel crashed: ${err.message}\nHost: \`${os.hostname()}\``,
+      `:shield::close: Sentinel crashed: ${err.message}\nHost: \`${os.hostname()}\``,
       { parseMode: "Markdown" },
     ).catch(() => {});
     stopSentinel();

package/ui/app.js

@@ -61,6 +61,87 @@ const TABLET_MIN_WIDTH = 768;
 const COMPACT_NAV_MAX_WIDTH = 520;
 const RAIL_ICON_WIDTH = 54;
 const SIDEBAR_ICON_WIDTH = 54;
+const APP_LOGO_SOURCES = ["/logo.png", "/logo.svg", "/favicon.png"];
+const VOICE_LAUNCH_QUERY_KEYS = [
+  "launch",
+  "call",
+  "autostart",
+  "sessionId",
+  "executor",
+  "mode",
+  "model",
+  "vision",
+  "source",
+  "chat_id",
+];
+
+function getAppLogoSource(index = 0) {
+  const safeIndex = Number.isFinite(index) ? Math.trunc(index) : 0;
+  if (safeIndex <= 0) return APP_LOGO_SOURCES[0];
+  if (safeIndex >= APP_LOGO_SOURCES.length) {
+    return APP_LOGO_SOURCES[APP_LOGO_SOURCES.length - 1];
+  }
+  return APP_LOGO_SOURCES[safeIndex];
+}
+
+function handleAppLogoLoadError(event) {
+  const target = event?.currentTarget;
+  if (!target) return;
+
+  const currentIndex = Number.parseInt(
+    String(target.dataset?.logoFallbackIndex || "0"),
+    10,
+  );
+  const nextIndex = Number.isFinite(currentIndex) ? currentIndex + 1 : 1;
+  if (nextIndex >= APP_LOGO_SOURCES.length) return;
+
+  target.dataset.logoFallbackIndex = String(nextIndex);
+  target.src = getAppLogoSource(nextIndex);
+}
+
+function parseVoiceLaunchFromUrl() {
+  if (typeof window === "undefined") return null;
+  const params = new URLSearchParams(window.location.search || "");
+  const launch = String(params.get("launch") || "").trim().toLowerCase();
+  if (launch !== "meeting" && launch !== "voice") return null;
+
+  const callRaw = String(params.get("call") || "").trim().toLowerCase();
+  const call = callRaw === "video" ? "video" : "voice";
+  const explicitVision = String(params.get("vision") || "").trim().toLowerCase();
+  const initialVisionSource =
+    explicitVision === "camera" || explicitVision === "screen"
+      ? explicitVision
+      : call === "video"
+        ? "camera"
+        : null;
+
+  return {
+    tab: "chat",
+    detail: {
+      call,
+      initialVisionSource,
+      sessionId: String(params.get("sessionId") || "").trim() || null,
+      executor: String(params.get("executor") || "").trim() || null,
+      mode: String(params.get("mode") || "").trim() || null,
+      model: String(params.get("model") || "").trim() || null,
+    },
+  };
+}
+
+function scrubVoiceLaunchQuery() {
+  if (typeof window === "undefined" || !window.history?.replaceState) return;
+  const url = new URL(window.location.href);
+  let changed = false;
+  for (const key of VOICE_LAUNCH_QUERY_KEYS) {
+    if (url.searchParams.has(key)) {
+      url.searchParams.delete(key);
+      changed = true;
+    }
+  }
+  if (!changed) return;
+  const nextPath = `${url.pathname}${url.search}${url.hash}`;
+  window.history.replaceState(window.history.state, "", nextPath || "/");
+}
 
 /* ── Module imports ── */
 import { ICONS } from "./modules/icons.js";
@@ -111,12 +192,18 @@ import {
   sessionsData,
   initSessionWsListener,
 } from "./components/session-list.js";
+import {
+  activeAgent,
+  agentMode,
+  selectedModel,
+} from "./components/agent-selector.js";
 import { WorkspaceSwitcher } from "./components/workspace-switcher.js";
 import { DiffViewer } from "./components/diff-viewer.js";
 import {
   CommandPalette,
   useCommandPalette,
 } from "./components/command-palette.js";
+import { VoiceOverlay } from "./modules/voice-overlay.js";
 
 /* ── Tab imports ── */
 import { DashboardTab } from "./tabs/dashboard.js";
@@ -393,7 +480,7 @@ class TabErrorBoundary extends Component {
       return html`
         <div class="tab-error-boundary">
           <div class="tab-error-pulse">
-            <span style="font-size:20px;color:#ef4444;">${resolveIcon("⚠")}</span>
+            <span style="font-size:20px;color:#ef4444;">${resolveIcon(":alert:")}</span>
           </div>
           <div>
             <div style="font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary);">
@@ -524,7 +611,13 @@ function SidebarNav({ collapsed = false, onToggle }) {
       <div class="sidebar-brand-row">
         <div class="sidebar-brand">
           <div class="sidebar-logo">
-            <img src="logo.png" alt="Bosun" class="app-logo-img" />
+            <img
+              src=${getAppLogoSource(0)}
+              alt="Bosun"
+              class="app-logo-img"
+              data-logo-fallback-index="0"
+              onError=${handleAppLogoLoadError}
+            />
           </div>
           ${!collapsed && html`<div class="sidebar-title">Bosun</div>`}
         </div>
@@ -540,10 +633,10 @@ function SidebarNav({ collapsed = false, onToggle }) {
       ${!collapsed && html`
         <div class="sidebar-actions">
           <button class="btn btn-primary btn-block" onClick=${() => createSession({ type: "primary" })}>
-            <span class="btn-icon">${resolveIcon("➕")}</span> New Session
+            <span class="btn-icon">${resolveIcon(":plus:")}</span> New Session
           </button>
           <button class="btn btn-ghost btn-block" onClick=${() => navigateTo("tasks")}>
-            <span class="btn-icon">${resolveIcon("📋")}</span> View Tasks
+            <span class="btn-icon">${resolveIcon(":clipboard:")}</span> View Tasks
           </button>
         </div>
       `}
@@ -554,7 +647,7 @@ function SidebarNav({ collapsed = false, onToggle }) {
             onClick=${() => createSession({ type: "primary" })}
             title="New Session"
             aria-label="New Session"
-          >${resolveIcon("➕")}</button>
+          >${resolveIcon(":plus:")}</button>
         </div>
       `}
       <nav class="sidebar-nav" aria-label="Main navigation">
@@ -1027,25 +1120,25 @@ function MoreSheet({ open, onClose, onNavigate, onOpenBot }) {
  * ═══════════════════════════════════════════════ */
 const BOT_SCREENS = {
   home: {
-    title: "🎛️ Bosun Control Center",
+    title: ":sliders: Bosun Control Center",
     body: "Manage your automation fleet.",
     keyboard: [
-      [{ text: "📊 Status", cmd: "/status" }, { text: "📋 Tasks", cmd: "/tasks" }, { text: "🤖 Agents", cmd: "/agents" }],
-      [{ text: "⚙️ Executor", go: "executor" }, { text: "🛰 Routing", go: "routing" }, { text: "🌳 Workspaces", go: "workspaces" }],
-      [{ text: "📁 Logs", cmd: "/logs" }, { text: "🏥 Health", cmd: "/health" }, { text: "🔄 Refresh", cmd: "/status" }],
+      [{ text: ":chart: Status", cmd: "/status" }, { text: ":clipboard: Tasks", cmd: "/tasks" }, { text: ":bot: Agents", cmd: "/agents" }],
+      [{ text: ":settings: Executor", go: "executor" }, { text: ":server: Routing", go: "routing" }, { text: ":git: Workspaces", go: "workspaces" }],
+      [{ text: ":folder: Logs", cmd: "/logs" }, { text: ":heart: Health", cmd: "/health" }, { text: ":refresh: Refresh", cmd: "/status" }],
     ],
   },
   executor: {
-    title: "⚙️ Executor",
+    title: ":settings: Executor",
     parent: "home",
     body: "Task execution slots, pause, resume, and parallelism.",
     keyboard: [
-      [{ text: "📊 Status", cmd: "/executor" }, { text: "⏸ Pause", cmd: "/pause" }, { text: "▶️ Resume", cmd: "/resume" }],
-      [{ text: "🔢 Max Parallel", go: "maxparallel" }, { text: "🔁 Retry Active", cmd: "/retrytask" }],
+      [{ text: ":chart: Status", cmd: "/executor" }, { text: ":pause: Pause", cmd: "/pause" }, { text: ":play: Resume", cmd: "/resume" }],
+      [{ text: ":hash: Max Parallel", go: "maxparallel" }, { text: ":repeat: Retry Active", cmd: "/retrytask" }],
     ],
   },
   maxparallel: {
-    title: "🔢 Max Parallel Slots",
+    title: ":hash: Max Parallel Slots",
     parent: "executor",
     body: "Set the maximum number of concurrent task slots.",
     keyboard: [
@@ -1055,25 +1148,25 @@ const BOT_SCREENS = {
     ],
   },
   routing: {
-    title: "🛰 Routing & SDKs",
+    title: ":server: Routing & SDKs",
     parent: "home",
     body: "SDK routing, kanban binding, and version info.",
     keyboard: [
-      [{ text: "🤖 SDK Status", cmd: "/sdk" }, { text: "📋 Kanban", cmd: "/kanban" }],
-      [{ text: "🌐 Version", cmd: "/version" }, { text: "❓ Help", cmd: "/help" }],
+      [{ text: ":bot: SDK Status", cmd: "/sdk" }, { text: ":clipboard: Kanban", cmd: "/kanban" }],
+      [{ text: ":globe: Version", cmd: "/version" }, { text: ":help: Help", cmd: "/help" }],
     ],
   },
   workspaces: {
-    title: "🌳 Workspaces",
+    title: ":git: Workspaces",
     parent: "home",
     body: "Git worktrees, logs, and task planning.",
     keyboard: [
-      [{ text: "📊 Fleet Status", cmd: "/status" }, { text: "📁 Logs", cmd: "/logs" }],
-      [{ text: "🗺️ Planner", go: "planner" }, { text: "✅ Start Task", cmd: "/starttask" }],
+      [{ text: ":chart: Fleet Status", cmd: "/status" }, { text: ":folder: Logs", cmd: "/logs" }],
+      [{ text: ":grid: Planner", go: "planner" }, { text: ":check: Start Task", cmd: "/starttask" }],
     ],
   },
   planner: {
-    title: "🗺️ Task Planner",
+    title: ":grid: Task Planner",
     parent: "workspaces",
     body: "Seed new tasks from the backlog into the active queue.",
     keyboard: [
@@ -1145,7 +1238,7 @@ function BotControlsSheet({ open, onClose }) {
         } else if (d?.executed === false && d?.error) {
           setCmdError(d.error);
         } else {
-          setCmdOutput(`✅ ${cmd} sent.`);
+          setCmdOutput(`:check: ${cmd} sent.`);
         }
       } else {
         setCmdError(result?.error || "Command failed");
@@ -1172,7 +1265,7 @@ function BotControlsSheet({ open, onClose }) {
             </button>
             ${navStack.length > 1 ? html`
               <button class="btn btn-ghost btn-sm" type="button" onClick=${botGoHome} aria-label="Go to home">
-                ${iconText("🏠 Home")}
+                ${iconText(":home: Home")}
               </button>
             ` : null}
           </div>
@@ -1188,7 +1281,7 @@ function BotControlsSheet({ open, onClose }) {
         ` : null}
 
         ${cmdError && !cmdLoading ? html`
-          <div class="bot-controls-result bot-controls-result-error">${iconText(`❌ ${cmdError}`)}</div>
+          <div class="bot-controls-result bot-controls-result-error">${iconText(`:close: ${cmdError}`)}</div>
         ` : null}
 
         ${cmdOutput && !cmdLoading && !cmdError ? html`
@@ -1261,6 +1354,16 @@ function App() {
     };
   }, [isLoading]);
   const [isMoreOpen, setIsMoreOpen] = useState(false);
+  const [voiceOverlayOpen, setVoiceOverlayOpen] = useState(false);
+  const [voiceTier, setVoiceTier] = useState(2);
+  const [voiceSessionId, setVoiceSessionId] = useState(null);
+  const [voiceExecutor, setVoiceExecutor] = useState(null);
+  const [voiceAgentMode, setVoiceAgentMode] = useState(null);
+  const [voiceModel, setVoiceModel] = useState(null);
+  const [voiceCallType, setVoiceCallType] = useState("voice");
+  const [voiceInitialVisionSource, setVoiceInitialVisionSource] = useState(
+    null,
+  );
   const resizeRef = useRef(null);
   const [isCompactNav, setIsCompactNav] = useState(() => {
     const win = globalThis.window;
@@ -1566,6 +1669,125 @@ function App() {
     return () => globalThis.removeEventListener?.("beforeunload", onBeforeUnload);
   }, []);
 
+  useEffect(() => {
+    const handleOpenVoiceMode = async (event) => {
+      try {
+        const requestedCallType =
+          String(event?.detail?.call || "").trim().toLowerCase() === "video"
+            ? "video"
+            : "voice";
+        const requestedVisionSourceRaw = String(
+          event?.detail?.initialVisionSource || "",
+        )
+          .trim()
+          .toLowerCase();
+        const requestedVisionSource =
+          requestedVisionSourceRaw === "camera" ||
+          requestedVisionSourceRaw === "screen"
+            ? requestedVisionSourceRaw
+            : requestedCallType === "video"
+              ? "camera"
+              : null;
+        const currentExecutor =
+          String(event?.detail?.executor || activeAgent.value || "").trim() ||
+          null;
+        const currentMode =
+          String(event?.detail?.mode || agentMode.value || "").trim() || null;
+        const currentModel =
+          String(event?.detail?.model || selectedModel.value || "").trim() ||
+          null;
+        const explicitSessionId =
+          String(event?.detail?.sessionId || "").trim() || null;
+        let currentSessionId =
+          explicitSessionId ||
+          (selectedSessionId.value ? String(selectedSessionId.value) : null);
+
+        // Ensure voice calls always bind to a real chat session so transcript +
+        // delegated agent output are persisted in shared history.
+        if (!currentSessionId) {
+          const created = await createSession({
+            type: "primary",
+            agent: currentExecutor || undefined,
+            mode: currentMode || undefined,
+            model: currentModel || undefined,
+          });
+          const createdId = String(created?.session?.id || "").trim();
+          currentSessionId = createdId || null;
+          if (currentSessionId) {
+            selectedSessionId.value = currentSessionId;
+          }
+        }
+
+        if (!currentSessionId) {
+          showToast("Could not create a chat session for voice mode.", "error");
+          return;
+        }
+
+        setVoiceSessionId(currentSessionId);
+        setVoiceExecutor(currentExecutor);
+        setVoiceAgentMode(currentMode);
+        setVoiceModel(currentModel);
+        setVoiceCallType(requestedCallType);
+        setVoiceInitialVisionSource(requestedVisionSource);
+
+        const response = await fetch("/api/voice/config", { method: "GET" });
+        const cfg = response.ok ? await response.json() : null;
+        if (!cfg?.available) {
+          showToast(cfg?.reason || "Voice mode is not available.", "error");
+          return;
+        }
+        setVoiceTier(Number(cfg?.tier) === 1 ? 1 : 2);
+        setVoiceOverlayOpen(true);
+      } catch (err) {
+        showToast(
+          `Could not open voice mode: ${err?.message || "unknown error"}`,
+          "error",
+        );
+      }
+    };
+
+    globalThis.addEventListener?.("ve:open-voice-mode", handleOpenVoiceMode);
+    return () =>
+      globalThis.removeEventListener?.("ve:open-voice-mode", handleOpenVoiceMode);
+  }, []);
+
+  useEffect(() => {
+    const launch = parseVoiceLaunchFromUrl();
+    if (!launch) return;
+    let cancelled = false;
+
+    const start = async () => {
+      if (launch.tab === "chat") {
+        const launchSessionId = String(launch.detail?.sessionId || "").trim();
+        if (launchSessionId) {
+          selectedSessionId.value = launchSessionId;
+          navigateTo("chat", {
+            params: { sessionId: launchSessionId },
+            replace: true,
+            skipGuard: true,
+          });
+        } else {
+          navigateTo("chat", { replace: true, skipGuard: true });
+        }
+      }
+      await new Promise((resolve) => setTimeout(resolve, 60));
+      if (cancelled) return;
+      globalThis.dispatchEvent?.(
+        new CustomEvent("ve:open-voice-mode", { detail: launch.detail }),
+      );
+    };
+
+    start()
+      .catch(() => {})
+      .finally(() => {
+        scrubVoiceLaunchQuery();
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
   useEffect(() => {
     const el = mainRef.current;
     if (!el) return;
@@ -1831,6 +2053,17 @@ function App() {
       open=${isBotOpen}
       onClose=${closeBot}
     />
+    <${VoiceOverlay}
+      visible=${voiceOverlayOpen}
+      onClose=${() => setVoiceOverlayOpen(false)}
+      tier=${voiceTier}
+      sessionId=${voiceSessionId}
+      executor=${voiceExecutor}
+      mode=${voiceAgentMode}
+      model=${voiceModel}
+      callType=${voiceCallType}
+      initialVisionSource=${voiceInitialVisionSource}
+    />
   `;
 }
 

package/ui/app.monolith.js

@@ -2398,7 +2398,7 @@ function Header() {
   return html`
     <header class="app-header">
       <div class="app-header-brand">
-        <img src="logo.png" alt="Bosun" class="app-logo-img" />
+        <img src="/logo.png" alt="Bosun" class="app-logo-img" />
         <div class="app-header-title">Bosun</div>
       </div>
       <div class="connection-pill ${isConn ? "connected" : "disconnected"}">

package/ui/components/agent-selector.js

@@ -913,10 +913,11 @@ export function AgentPicker() {
     >
       ${loading && html`<option disabled value="">Loading…</option>`}
       ${enabledAgents.map((agent) => {
-        const name = EXECUTOR_DISPLAY_NAMES[agent.id] || agent.name;
-        const busy = agent.busy ? " (busy)" : "";
+        const rawName = EXECUTOR_DISPLAY_NAMES[agent.id] || agent.name || "";
+        const name =
+          String(rawName).replace(/\s*\(busy\)\s*$/i, "").trim() || "Executor";
         return html`
-          <option key=${agent.id} value=${agent.id}>${name}${busy}</option>
+          <option key=${agent.id} value=${agent.id}>${name}</option>
         `;
       })}
     </select>