romtuck/openclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): reconnect after confirming gateway url (#2880) (thanks @0xacb)

Browse Source
This commit is contained in:
Tyler Yust 2026-01-28 13:26:39 -08:00
parent 85504949a5
commit 8cb0fa993b
3 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/ui/app-settings.ts
View File

@ -33,7 +33,7 @@ type SettingsHost = {
basePath: string; basePath: string;
themeMedia: MediaQueryList | null; themeMedia: MediaQueryList | null;
themeMediaHandler: ((event: MediaQueryListEvent) => void) | null; themeMediaHandler: ((event: MediaQueryListEvent) => void) | null;
pendingGatewayUrl: string | null; pendingGatewayUrl?: string | null;
}; };
export function applySettings(host: SettingsHost, next: UiSettings) { export function applySettings(host: SettingsHost, next: UiSettings) {

8
ui/src/ui/app.ts
View File

@ -450,12 +450,14 @@ export class MoltbotApp extends LitElement {
} }
handleGatewayUrlConfirm() { handleGatewayUrlConfirm() {
if (!this.pendingGatewayUrl) return; const nextGatewayUrl = this.pendingGatewayUrl;
if (!nextGatewayUrl) return;
this.pendingGatewayUrl = null;
applySettingsInternal( applySettingsInternal(
this as unknown as Parameters<typeof applySettingsInternal>[0], this as unknown as Parameters<typeof applySettingsInternal>[0],
{ ...this.settings, gatewayUrl: this.pendingGatewayUrl }, { ...this.settings, gatewayUrl: nextGatewayUrl },
); );
this.pendingGatewayUrl = null; this.connect();
} }
handleGatewayUrlCancel() { handleGatewayUrlCancel() {

2
ui/src/ui/views/gateway-url-confirmation.ts
View File

@ -7,7 +7,7 @@ export function renderGatewayUrlConfirmation(state: AppViewState) {
if (!pendingGatewayUrl) return nothing; if (!pendingGatewayUrl) return nothing;
return html` return html`
<div class="exec-approval-overlay" role="dialog" aria-live="polite"> <div class="exec-approval-overlay" role="dialog" aria-modal="true" aria-live="polite">
<div class="exec-approval-card"> <div class="exec-approval-card">
<div class="exec-approval-header"> <div class="exec-approval-header">
<div> <div>