@codingame/monaco-vscode-chat-service-override 37.2.0 → 37.3.1

package/vscode/src/vs/sessions/contrib/providers/remoteAgentHost/browser/managedReconnectAgentHostContribution.js

@@ -0,0 +1,172 @@
+
+import { disposableTimeout } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
+import { Disposable, MutableDisposable, DisposableMap } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { RemoteAgentHostConnectionStatus } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/remoteAgentHostService';
+import { hasExhaustedReconnectAttempts } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/reconnectPolicy';
+import { PROTOCOL_VERSION } from '@codingame/monaco-vscode-api/vscode/vs/platform/agentHost/common/state/protocol/version/registry';
+import { EntryDrivenProviderContribution } from './entryDrivenProviderContribution.js';
+
+class ManagedReconnectState extends Disposable {
+    constructor() {
+        super(...arguments);
+        this._timer = this._register(( new MutableDisposable()));
+        this.attempts = 0;
+        this.paused = false;
+        this.pausedAt = 0;
+        this.requiresUserInitiatedResume = false;
+    }
+    get hasPendingTimer() {
+        return !!this._timer.value;
+    }
+    scheduleRetry(delayMs, handler) {
+        this._timer.value = disposableTimeout(() => {
+            this._timer.value = undefined;
+            handler();
+        }, delayMs);
+    }
+    cancelTimer() {
+        this._timer.clear();
+    }
+    resetForResume() {
+        this.attempts = 0;
+        this.paused = false;
+        this._timer.clear();
+        this.requiresUserInitiatedResume = false;
+    }
+    resumeAutomatically() {
+        if (!this.paused || this.requiresUserInitiatedResume) {
+            return false;
+        }
+        this.resetForResume();
+        return true;
+    }
+}
+class ManagedReconnectAgentHostContribution extends EntryDrivenProviderContribution {
+    constructor(
+        remoteAgentHostService,
+        configurationService,
+        _logService,
+        instantiationService,
+        sessionsProvidersService,
+        notificationService
+    ) {
+        super(
+            remoteAgentHostService,
+            configurationService,
+            instantiationService,
+            sessionsProvidersService,
+            notificationService
+        );
+        this._logService = _logService;
+        this._reconnectStates = this._register(( new DisposableMap()));
+        this._pendingReconnects = ( new Map());
+    }
+    _getOrCreateReconnectState(key) {
+        let state = this._reconnectStates.get(key);
+        if (!state) {
+            state = ( new ManagedReconnectState());
+            this._reconnectStates.set(key, state);
+        }
+        return state;
+    }
+    _resumeReconnects(logKind) {
+        let resumed = 0;
+        for (const [, state] of this._reconnectStates) {
+            if (state.resumeAutomatically()) {
+                resumed++;
+            }
+        }
+        if (resumed > 0) {
+            this._logService.info(
+                `[RemoteAgentHost] Resuming ${logKind} auto-reconnect for ${resumed} paused host(s)`
+            );
+        }
+        return resumed;
+    }
+    async _attemptManagedReconnect(opts) {
+        const runPromise = (async () => {
+            const live = this._remoteAgentHostService.connections.find(connection => connection.address === opts.address);
+            if (!opts.userInitiated && RemoteAgentHostConnectionStatus.isConnecting(live?.status)) {
+                return;
+            }
+            if (!opts.userInitiated && RemoteAgentHostConnectionStatus.isReconnecting(live?.status)) {
+                this._reconnectStates.get(opts.key)?.cancelTimer();
+                return;
+            }
+            const state = this._getOrCreateReconnectState(opts.key);
+            const attempt = state.attempts;
+            const provider = this._providerInstances.get(opts.address);
+            if (opts.userInitiated) {
+                provider?.setConnectionStatus(RemoteAgentHostConnectionStatus.connecting);
+            }
+            this._logService.info(
+                `[RemoteAgentHost] Re-establishing ${opts.kind} connection for ${opts.key} (attempt ${attempt + 1})`
+            );
+            try {
+                if (opts.preCheck) {
+                    const result = await opts.preCheck(opts.userInitiated);
+                    if (result?.skip) {
+                        if (result.reason) {
+                            this._logService.info(
+                                `[RemoteAgentHost] ${opts.kind} reconnect for ${opts.key}: ${result.reason}; skipping`
+                            );
+                        }
+                        return;
+                    }
+                }
+                await opts.doConnect();
+                this._reconnectStates.deleteAndDispose(opts.key);
+                this._logService.info(`[RemoteAgentHost] ${opts.kind} connection re-established for ${opts.key}`);
+            } catch (err) {
+                if (!this._enabled) {
+                    this._reconnectStates.deleteAndDispose(opts.key);
+                    return;
+                }
+                if (opts.userInitiated) {
+                    provider?.setConnectionStatus(RemoteAgentHostConnectionStatus.disconnected);
+                }
+                if (opts.shouldPause(err)) {
+                    this._logService.info(
+                        `[RemoteAgentHost] Pausing ${opts.kind} auto-reconnect for ${opts.key} after ${opts.getPauseReason?.(err) ?? "user cancellation"}`
+                    );
+                    provider?.unpublishCachedSessions();
+                    const liveState = this._getOrCreateReconnectState(opts.key);
+                    liveState.paused = true;
+                    liveState.pausedAt = Date.now();
+                    liveState.requiresUserInitiatedResume = opts.requiresUserInitiatedResume?.(err) ?? false;
+                    return;
+                }
+                this._logService.error(`[RemoteAgentHost] ${opts.kind} reconnect failed for ${opts.key}`, err);
+                const incompatible = RemoteAgentHostConnectionStatus.fromConnectError(err, [PROTOCOL_VERSION]);
+                if (incompatible) {
+                    provider?.setConnectionStatus(incompatible);
+                    this._reconnectStates.deleteAndDispose(opts.key);
+                    return;
+                }
+                provider?.unpublishCachedSessions();
+                const liveState = this._getOrCreateReconnectState(opts.key);
+                liveState.attempts = attempt + 1;
+                if (hasExhaustedReconnectAttempts(opts.reconnectPolicy, liveState.attempts)) {
+                    this._logService.info(
+                        `[RemoteAgentHost] Pausing ${opts.kind} auto-reconnect for ${opts.key} after ${liveState.attempts} consecutive failures`
+                    );
+                    liveState.paused = true;
+                    liveState.pausedAt = Date.now();
+                    return;
+                }
+                if (opts.userInitiated) {
+                    return;
+                }
+                opts.schedule?.(liveState);
+            }
+        })();
+        this._pendingReconnects.set(opts.key, runPromise);
+        try {
+            await runPromise;
+        } finally {
+            this._pendingReconnects.delete(opts.key);
+        }
+    }
+}
+
+export { ManagedReconnectAgentHostContribution, ManagedReconnectState };

package/vscode/src/vs/sessions/contrib/providers/remoteAgentHost/browser/media/hostFilter.css

@@ -0,0 +1,259 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Compound widget (dropdown pill + connect button). Expands to fill the
+ * space available in the titlebar's left toolbar after the sidebar toggle,
+ * so the pill + connect button appear centered in the remaining width.
+ *
+ * Higher specificity than the default `.monaco-action-bar .action-item`
+ * (which sets `display: block`) so the li lays out its two child controls
+ * (dropdown + connect) as a horizontal flex row. */
+.monaco-action-bar .action-item.agent-host-filter-combo {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex: 1 1 auto;
+	min-width: 0;
+	gap: 4px;
+	height: 22px;
+	padding-right: 4px;
+}
+
+/* --- Sidebar appearance ------------------------------------------------- */
+
+/* In sidebar mode the action item lays out as a horizontal flex row:
+ * picker button (full-width) + trailing connect button. Each is its own
+ * independent click target. */
+.monaco-action-bar .action-item.agent-host-filter-combo.sidebar {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	max-width: 100%;
+	height: auto;
+	padding: 0;
+	gap: 4px;
+}
+
+.agent-host-filter-combo.sidebar .customization-link-button-container {
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+/* The picker button content is laid out as:
+ *   [leading icon] [host-name span (flex:1)] [trailing chevron/refresh]
+ * The label span consumes remaining space so the trailing icon docks at
+ * the right edge with comfortable spacing from the host name. */
+.agent-host-filter-combo.sidebar .agent-host-filter-button .agent-host-filter-leading-icon {
+	flex: 0 0 auto;
+}
+
+.agent-host-filter-combo.sidebar .agent-host-filter-button .agent-host-filter-label {
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.agent-host-filter-combo.sidebar .agent-host-filter-button .agent-host-filter-trailing-icon {
+	flex: 0 0 auto;
+	opacity: 0.7;
+	font-size: var(--vscode-codiconFontSize-compact, 12px);
+}
+
+/* Connect indicator: independent control sitting next to the picker
+ * button. Square-ish 26px hit target aligned with the row height. */
+.agent-host-filter-combo.sidebar .agent-host-filter-connect {
+	flex: 0 0 auto;
+	margin-left: 0;
+	width: 26px;
+	height: 26px;
+}
+
+/* --- Dropdown pill ------------------------------------------------------ */
+
+.agent-host-filter-combo .agent-host-filter-dropdown {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	height: 22px;
+	padding: 0 6px;
+	margin: 0 2px;
+	cursor: pointer;
+	color: var(--vscode-titleBar-activeForeground);
+	border-radius: var(--vscode-cornerRadius-small);
+	font-size: var(--vscode-fontSize-label1);
+	user-select: none;
+	-webkit-user-select: none;
+	touch-action: manipulation;
+	flex: 0 1 auto;
+	min-width: 0;
+	max-width: 260px;
+}
+
+.agent-host-filter-combo .agent-host-filter-dropdown:hover {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.agent-host-filter-combo .agent-host-filter-dropdown:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.agent-host-filter-combo .agent-host-filter-icon,
+.agent-host-filter-combo .agent-host-filter-chevron {
+	display: flex;
+	align-items: center;
+	flex: 0 0 auto;
+}
+
+.agent-host-filter-combo .agent-host-filter-icon .codicon {
+	font-size: 14px;
+}
+
+.agent-host-filter-combo .agent-host-filter-chevron .codicon {
+	font-size: 12px;
+	opacity: 0.8;
+}
+
+.agent-host-filter-combo .agent-host-filter-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+/* --- Single-host mode: static label, no dropdown affordance ------------- */
+
+.agent-host-filter-combo.single-host .agent-host-filter-dropdown {
+	cursor: default;
+}
+
+.agent-host-filter-combo.single-host .agent-host-filter-dropdown:hover {
+	background-color: transparent;
+}
+
+.agent-host-filter-combo.single-host .agent-host-filter-chevron {
+	display: none;
+}
+
+/* --- Connection button (right edge) ------------------------------------- */
+
+.agent-host-filter-combo .agent-host-filter-connect {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+	margin-left: auto;
+	width: 22px;
+	height: 22px;
+	border-radius: var(--vscode-cornerRadius-small);
+	cursor: pointer;
+	touch-action: manipulation;
+	-webkit-user-select: none;
+	user-select: none;
+}
+
+.agent-host-filter-combo .agent-host-filter-connect.hidden {
+	display: none;
+}
+
+.agent-host-filter-combo .agent-host-filter-connect .codicon {
+	font-size: 14px;
+}
+
+.agent-host-filter-combo .agent-host-filter-connect.connected .codicon {
+	color: var(--vscode-testing-iconPassed, var(--vscode-debugIcon-startForeground, #388a34)) !important;
+}
+
+.agent-host-filter-combo .agent-host-filter-connect.connecting .codicon {
+	color: var(--vscode-debugIcon-startForeground, #388a34);
+	animation: agent-host-filter-pulse 1.2s ease-in-out infinite;
+}
+
+.agent-host-filter-combo .agent-host-filter-connect.disconnected .codicon {
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-host-filter-combo .agent-host-filter-connect.rediscover .codicon {
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-host-filter-combo .agent-host-filter-connect:hover {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.agent-host-filter-combo .agent-host-filter-connect:hover .codicon {
+	color: var(--vscode-foreground);
+}
+
+.agent-host-filter-combo .agent-host-filter-connect:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+@keyframes agent-host-filter-pulse {
+	0%, 100% { opacity: 0.4; }
+	50% { opacity: 1; }
+}
+
+/* --- Discovery pulse ----------------------------------------------------
+ * While the host filter is re-discovering hosts, the icon container
+ * grows a single soft expanding ring + the icon itself gently breathes.
+ * Subtle by design: a single ring (not multiple), a slow 1.8s cadence,
+ * and a small max scale (1.3) so it reads as "checking…" without
+ * competing for attention with primary content. */
+
+.agent-host-filter-combo .agent-host-filter-icon {
+	position: relative;
+}
+
+.agent-host-filter-combo .agent-host-filter-dropdown.discovering .agent-host-filter-icon::before {
+	content: '';
+	position: absolute;
+	inset: -2px;
+	border-radius: 50%;
+	box-sizing: border-box;
+	border: 1px solid var(--vscode-progressBar-background, var(--vscode-textLink-foreground));
+	opacity: 0;
+	pointer-events: none;
+	animation: agent-host-filter-discover-ring 1.8s ease-out infinite;
+}
+
+.agent-host-filter-combo .agent-host-filter-dropdown.discovering .agent-host-filter-icon .codicon {
+	animation: agent-host-filter-discover-breathe 1.8s ease-in-out infinite;
+}
+
+/* While discovering, hide the chevron (we'll show it again once we know
+ * how many hosts are available) and dim the label to "Searching…". */
+.agent-host-filter-combo .agent-host-filter-dropdown.discovering .agent-host-filter-chevron {
+	display: none;
+}
+
+.agent-host-filter-combo .agent-host-filter-dropdown.discovering .agent-host-filter-label {
+	opacity: 0.7;
+	font-style: italic;
+}
+
+@keyframes agent-host-filter-discover-ring {
+	0% {
+		transform: scale(0.85);
+		opacity: 0.55;
+	}
+	100% {
+		transform: scale(1.3);
+		opacity: 0;
+	}
+}
+
+@keyframes agent-host-filter-discover-breathe {
+	0%, 100% {
+		opacity: 0.85;
+	}
+	50% {
+		opacity: 1;
+	}
+}