fix(ui): add Overview connect button (#385, thanks @wizaj)

CHANGELOG.md

@@ -42,6 +42,7 @@
 - Tools: scope `process` sessions per agent to prevent cross-agent visibility.
 - Cron: clamp timer delay to avoid TimeoutOverflowWarning. Thanks @emanuelst for PR #412.
 - Web UI: allow reconnect + password URL auth for the control UI and always scrub auth params from the URL. Thanks @oswalpalash for PR #414.
+- Web UI: add Connect button on Overview to apply connection changes. Thanks @wizaj for PR #385.
 - ClawdbotKit: fix SwiftPM resource bundling path for `tool-display.json`. Thanks @fcatuhe for PR #398.
 - Tools: add Telegram/WhatsApp reaction tools (with per-provider gating). Thanks @zats for PR #353.
 - Tools: flatten literal-union schemas for Claude on Vertex AI. Thanks @carlulsoe for PR #409.

ui/src/ui/app-render.ts

@@ -258,8 +258,8 @@ export function renderApp(state: AppViewState) {
                   lastActiveSessionKey: next,
                 });
               },
+              onConnect: () => state.connect(),
               onRefresh: () => state.loadOverview(),
-              onReconnect: () => state.connect(),
             })
           : nothing}
 

ui/src/ui/views/overview.ts

@@ -19,8 +19,8 @@ export type OverviewProps = {
   onSettingsChange: (next: UiSettings) => void;
   onPasswordChange: (next: string) => void;
   onSessionKeyChange: (next: string) => void;
+  onConnect: () => void;
   onRefresh: () => void;
-  onReconnect: () => void;
 };
 
 export function renderOverview(props: OverviewProps) {
@@ -84,9 +84,9 @@ export function renderOverview(props: OverviewProps) {
           </label>
         </div>
         <div class="row" style="margin-top: 14px;">
+          <button class="btn" @click=${() => props.onConnect()}>Connect</button>
           <button class="btn" @click=${() => props.onRefresh()}>Refresh</button>
-          <button class="btn" @click=${() => props.onReconnect()}>Reconnect</button>
-          <span class="muted">Reconnect to apply URL/password changes.</span>
+          <span class="muted">Click Connect to apply connection changes.</span>
         </div>
       </div>