bosun 0.36.2 → 0.36.4

package/stream-resilience.mjs

@@ -46,9 +46,9 @@ const streamConfig = readInternalExecutorStreamConfig();
 export const MAX_STREAM_RETRIES = parseNumericSetting({
   envKey: "INTERNAL_EXECUTOR_STREAM_MAX_RETRIES",
   configValue: streamConfig.maxRetries,
-  fallback: 5,
+  fallback: 8,
   min: 1,
-  max: 12,
+  max: 20,
 });
 
 /** Base backoff in ms.  Doubles per attempt: 2 s → 4 s → 8 s → 16 s → 32 s. */
@@ -62,7 +62,7 @@ const STREAM_RETRY_BASE_MS = parseNumericSetting({
 const STREAM_RETRY_MAX_MS = parseNumericSetting({
   envKey: "INTERNAL_EXECUTOR_STREAM_RETRY_MAX_MS",
   configValue: streamConfig.retryMaxMs,
-  fallback: 32_000,
+  fallback: 60_000,
   min: STREAM_RETRY_BASE_MS,
   max: 300_000,
 });
@@ -111,23 +111,33 @@ export function isTransientStreamError(err) {
     msg.includes("service_unavailable") ||
     msg.includes("529") || // Azure overloaded
     msg.includes("rate_limit_exceeded") ||
-    msg.includes("overloaded_error") // Anthropic overloaded
+    msg.includes("overloaded_error") || // Anthropic overloaded
+    // ── Azure / Foundry specific ────────────────────────────────────────────
+    msg.includes("reconnecting") ||
+    msg.includes("upstream connect error") ||
+    msg.includes("no healthy upstream") ||
+    msg.includes("gateway timeout") ||
+    msg.includes("model is currently overloaded") ||
+    msg.includes("the server had an error") ||
+    msg.includes("an error occurred during streaming")
   );
 }
 
 /**
- * Exponential backoff delay for stream retries, with ±1 s jitter.
+ * Exponential backoff delay for stream retries, with ±25% jitter.
  *
  * attempt 0 → ~2 s
  * attempt 1 → ~4 s
  * attempt 2 → ~8 s
  * attempt 3 → ~16 s
- * attempt 4 → ~32 s (capped)
+ * attempt 4 → ~32 s
+ * attempt 5+ → ~60 s (capped)
  *
  * @param {number} attempt  zero-based retry index
  * @returns {number}  delay in milliseconds
  */
 export function streamRetryDelay(attempt) {
   const base = Math.min(STREAM_RETRY_BASE_MS * 2 ** attempt, STREAM_RETRY_MAX_MS);
-  return base + Math.random() * 1_000;
+  // ±25% jitter to avoid thundering herd on Azure reconnect
+  return base + (Math.random() - 0.5) * 0.5 * base;
 }

package/ui/app.js

@@ -74,6 +74,7 @@ const VOICE_LAUNCH_QUERY_KEYS = [
   "source",
   "chat_id",
 ];
+const FLOATING_CALL_STATE_KEY = "ve-floating-call-state";
 
 function getAppLogoSource(index = 0) {
   const safeIndex = Number.isFinite(index) ? Math.trunc(index) : 0;
@@ -143,6 +144,49 @@ function scrubVoiceLaunchQuery() {
   window.history.replaceState(window.history.state, "", nextPath || "/");
 }
 
+function isFollowWindowFromUrl() {
+  if (typeof window === "undefined") return false;
+  const params = new URLSearchParams(window.location.search || "");
+  return params.get("follow") === "1";
+}
+
+function readFloatingCallState() {
+  if (typeof window === "undefined") return { active: false };
+  try {
+    const raw = localStorage.getItem(FLOATING_CALL_STATE_KEY);
+    if (!raw) return { active: false };
+    const parsed = JSON.parse(raw);
+    return {
+      active: parsed?.active === true,
+      call: String(parsed?.call || "").trim().toLowerCase() === "video"
+        ? "video"
+        : "voice",
+      updatedAt: Number(parsed?.updatedAt || 0) || Date.now(),
+    };
+  } catch {
+    return { active: false };
+  }
+}
+
+function writeFloatingCallState(nextState) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(
+      FLOATING_CALL_STATE_KEY,
+      JSON.stringify({
+        active: nextState?.active === true,
+        call:
+          String(nextState?.call || "").trim().toLowerCase() === "video"
+            ? "video"
+            : "voice",
+        updatedAt: Date.now(),
+      }),
+    );
+  } catch {
+    // best effort
+  }
+}
+
 /* ── Module imports ── */
 import { ICONS } from "./modules/icons.js";
 import { iconText, resolveIcon } from "./modules/icon-utils.js";
@@ -665,7 +709,7 @@ function SidebarNav({ collapsed = false, onToggle }) {
             <button
               key=${tab.id}
               class="sidebar-nav-item ${isActive ? "active" : ""} ${isChild ? "sidebar-nav-child" : ""}"
-              style=${`position:relative${isChild ? ";padding-left:28px;font-size:0.85em" : ""}`}
+              style="position:relative"
               aria-label=${tab.label}
               aria-current=${isActive ? "page" : null}
               title=${collapsed ? tab.label : undefined}
@@ -962,7 +1006,7 @@ function InspectorPanel({ onResizeStart, onResizeReset, showResizer }) {
  *  Bottom Navigation
  * ═══════════════════════════════════════════════ */
 const PRIMARY_NAV_TABS = ["dashboard", "chat", "tasks", "agents"];
-const MORE_NAV_TABS = ["control", "infra", "logs", "library", "workflows", "settings"];
+const MORE_NAV_TABS = ["control", "infra", "logs", "telemetry", "library", "workflows", "settings"];
 
 function getTabsById(ids) {
   return ids
@@ -1364,6 +1408,11 @@ function App() {
   const [voiceInitialVisionSource, setVoiceInitialVisionSource] = useState(
     null,
   );
+  const followWindowMode = isFollowWindowFromUrl();
+  const followOverlayOpenedRef = useRef(false);
+  const [floatingCallState, setFloatingCallState] = useState(() =>
+    readFloatingCallState(),
+  );
   const resizeRef = useRef(null);
   const [isCompactNav, setIsCompactNav] = useState(() => {
     const win = globalThis.window;
@@ -1723,6 +1772,29 @@ function App() {
           return;
         }
 
+        const desktopFollowApi = globalThis?.veDesktop?.follow;
+        if (!followWindowMode && desktopFollowApi?.open) {
+          try {
+            await desktopFollowApi.open({
+              call: requestedCallType,
+              initialVisionSource: requestedVisionSource,
+              sessionId: currentSessionId,
+              executor: currentExecutor,
+              mode: currentMode,
+              model: currentModel,
+            });
+            const nextFloatingState = {
+              active: true,
+              call: requestedCallType,
+            };
+            setFloatingCallState(nextFloatingState);
+            writeFloatingCallState(nextFloatingState);
+            return;
+          } catch {
+            // Fall through to in-window overlay if desktop companion fails.
+          }
+        }
+
         setVoiceSessionId(currentSessionId);
         setVoiceExecutor(currentExecutor);
         setVoiceAgentMode(currentMode);
@@ -1749,8 +1821,39 @@ function App() {
     globalThis.addEventListener?.("ve:open-voice-mode", handleOpenVoiceMode);
     return () =>
       globalThis.removeEventListener?.("ve:open-voice-mode", handleOpenVoiceMode);
+  }, [followWindowMode]);
+
+  useEffect(() => {
+    const onStorage = (event) => {
+      if (event?.key && event.key !== FLOATING_CALL_STATE_KEY) return;
+      setFloatingCallState(readFloatingCallState());
+    };
+    globalThis.addEventListener?.("storage", onStorage);
+    return () => {
+      globalThis.removeEventListener?.("storage", onStorage);
+    };
   }, []);
 
+  useEffect(() => {
+    if (!followWindowMode) return;
+    const nextFloatingState = {
+      active: Boolean(voiceOverlayOpen),
+      call: voiceCallType,
+    };
+    setFloatingCallState(nextFloatingState);
+    writeFloatingCallState(nextFloatingState);
+  }, [followWindowMode, voiceOverlayOpen, voiceCallType]);
+
+  useEffect(() => {
+    if (!followWindowMode) return;
+    if (voiceOverlayOpen) {
+      followOverlayOpenedRef.current = true;
+      return;
+    }
+    if (!followOverlayOpenedRef.current) return;
+    globalThis?.veDesktop?.follow?.hide?.().catch?.(() => {});
+  }, [followWindowMode, voiceOverlayOpen]);
+
   useEffect(() => {
     const launch = parseVoiceLaunchFromUrl();
     if (!launch) return;
@@ -1875,6 +1978,14 @@ function App() {
   const railSessionType = "primary";
   const showDrawerToggles = isTablet;
   const showInspectorToggle = isTablet && isChatOrAgents;
+  const showRestoreFloatingCall =
+    !followWindowMode &&
+    floatingCallState?.active === true &&
+    typeof globalThis?.veDesktop?.follow?.restore === "function";
+  const floatingCallLabel =
+    String(floatingCallState?.call || "").trim().toLowerCase() === "video"
+      ? "Restore floating video call"
+      : "Restore floating voice call";
 
   const shellStyle = isDesktop
     ? {
@@ -2053,9 +2164,42 @@ function App() {
       open=${isBotOpen}
       onClose=${closeBot}
     />
+    ${showRestoreFloatingCall
+      ? html`
+          <button
+            class="btn btn-primary floating-call-restore"
+            title=${floatingCallLabel}
+            onClick=${async () => {
+              try {
+                const result = await globalThis.veDesktop.follow.restore();
+                if (!result?.ok) {
+                  const nextFloatingState = { active: false, call: floatingCallState?.call };
+                  setFloatingCallState(nextFloatingState);
+                  writeFloatingCallState(nextFloatingState);
+                  showToast("No floating call window is active.", "info");
+                }
+              } catch {
+                showToast("Could not restore floating call window.", "error");
+              }
+            }}
+          >
+            ${resolveIcon("phone")}
+            ${String(floatingCallState?.call || "").trim().toLowerCase() === "video"
+              ? " Restore Video Call"
+              : " Restore Voice Call"}
+          </button>
+        `
+      : null}
     <${VoiceOverlay}
       visible=${voiceOverlayOpen}
       onClose=${() => setVoiceOverlayOpen(false)}
+      onDismiss=${() => {
+        if (followWindowMode && globalThis?.veDesktop?.follow?.hide) {
+          globalThis.veDesktop.follow.hide().catch(() => {});
+          return;
+        }
+        setVoiceOverlayOpen(false);
+      }}
       tier=${voiceTier}
       sessionId=${voiceSessionId}
       executor=${voiceExecutor}
@@ -2063,11 +2207,27 @@ function App() {
       model=${voiceModel}
       callType=${voiceCallType}
       initialVisionSource=${voiceInitialVisionSource}
+      compact=${followWindowMode}
     />
   `;
 }
 
 /* ─── Mount ─── */
-const mountApp = () => preactRender(html`<${App} />`, document.getElementById("app"));
-globalThis.__veRemountApp = mountApp;
+const mountRoot = () => document.getElementById("app");
+const mountApp = () => {
+  const root = mountRoot();
+  if (!root) return;
+  preactRender(html`<${App} />`, root);
+};
+const remountApp = () => {
+  const root = mountRoot();
+  if (!root) return;
+  try {
+    preactRender(null, root);
+  } catch {
+    root.replaceChildren();
+  }
+  preactRender(html`<${App} />`, root);
+};
+globalThis.__veRemountApp = remountApp;
 mountApp();

package/ui/components/agent-selector.js

@@ -29,7 +29,7 @@ const html = htm.bind(h);
  * ═══════════════════════════════════════════════ */
 
 /** Current agent interaction mode */
-export const agentMode = signal("agent"); // "ask" | "agent" | "plan"
+export const agentMode = signal("ask"); // "ask" | "agent" | "plan"
 
 /** Available agents loaded from API */
 export const availableAgents = signal([]); // Array<{ id, name, provider, available, busy, capabilities }>
@@ -697,6 +697,150 @@ const AGENT_SELECTOR_STYLES = `
 .toolbar-select:focus { outline: none; border-color: var(--tg-theme-button-color, #3b82f6); }
 .toolbar-select option { background: #1a1a2e; color: #fff; }
 .toolbar-select--wide { min-width: 110px; }
+
+/* ── Stop Button ── */
+.chat-stop-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  border: 2px solid #ef4444;
+  background: rgba(239, 68, 68, 0.12);
+  color: #ef4444;
+  cursor: pointer;
+  font-size: 14px;
+  flex-shrink: 0;
+  transition: background 0.2s ease, transform 0.1s ease;
+  -webkit-tap-highlight-color: transparent;
+  padding: 0;
+}
+.chat-stop-btn:hover {
+  background: rgba(239, 68, 68, 0.22);
+  transform: scale(1.05);
+}
+.chat-stop-btn:active {
+  transform: scale(0.95);
+}
+
+/* ── Split Send Button Group ── */
+.chat-send-group {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+}
+.chat-send-main {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  padding: 0 13px;
+  border: none;
+  border-radius: 8px 0 0 8px;
+  background: var(--tg-theme-button-color, #3b82f6);
+  color: var(--tg-theme-button-text-color, #fff);
+  cursor: pointer;
+  font-size: 15px;
+  transition: background 0.2s ease, opacity 0.2s ease;
+  -webkit-tap-highlight-color: transparent;
+}
+.chat-send-main:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.chat-send-main:not(:disabled):hover {
+  background: #2563eb;
+}
+.chat-send-chevron {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  width: 22px;
+  border: none;
+  border-left: 1px solid rgba(255,255,255,0.2);
+  border-radius: 0 8px 8px 0;
+  background: var(--tg-theme-button-color, #3b82f6);
+  color: rgba(255,255,255,0.85);
+  cursor: pointer;
+  font-size: 10px;
+  transition: background 0.2s ease, opacity 0.2s ease;
+  -webkit-tap-highlight-color: transparent;
+  padding: 0;
+}
+.chat-send-chevron:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.chat-send-chevron:not(:disabled):hover {
+  background: #2563eb;
+  color: #fff;
+}
+
+/* ── Send Options Dropdown ── */
+.chat-send-menu {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  right: 0;
+  min-width: 230px;
+  background: var(--tg-theme-bg-color, #0f0f23);
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
+  backdrop-filter: blur(16px);
+  padding: 4px;
+  z-index: 1010;
+  animation: agentDropIn 0.15s ease-out;
+  overflow: hidden;
+}
+.chat-send-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 9px 12px;
+  width: 100%;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--tg-theme-text-color, #fff);
+  cursor: pointer;
+  font-size: 13px;
+  text-align: left;
+  transition: background 0.15s ease;
+  -webkit-tap-highlight-color: transparent;
+  line-height: 1.2;
+}
+.chat-send-menu-item:hover {
+  background: rgba(255,255,255,0.07);
+}
+.chat-send-menu-item.active {
+  background: rgba(59,130,246,0.15);
+  color: #93c5fd;
+}
+.chat-send-menu-item-icon {
+  font-size: 14px;
+  width: 18px;
+  text-align: center;
+  flex-shrink: 0;
+}
+.chat-send-menu-item-label {
+  flex: 1;
+  font-weight: 500;
+}
+.chat-send-menu-item-kbd {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 5px;
+  border-radius: 4px;
+  background: rgba(255,255,255,0.08);
+  border: 1px solid rgba(255,255,255,0.12);
+  font-size: 10px;
+  color: var(--tg-theme-hint-color, #999);
+  font-family: monospace;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
 `;
 
 let _agentStylesInjected = false;