@songsid/agend 2.3.4-beta.5 → 2.3.5-alpha.2

package/dist/ui/settings-strings.js

@@ -259,6 +259,11 @@ register("settings", {
     backendNotInstalled: "not installed", backendNotSignedIn: "not signed in (use /login)", backendTooOld: "needs {0} or newer", backendUnchecked: "not checked yet",
     modelNotListed: "current — not in this CLI's list", modelOther: "Other…", modelOtherLabel: "Model name", modelOtherPlaceholder: "a model name this CLI accepts",
     modelNone: "— none —", inheritValue: "inherit ({0})", modelCliDefault: "the CLI's own default",
+    modelCatalogLoading: "Loading this CLI's models…", modelCatalogFailed: "Could not load models. Keep the default or enter a model name.",
+    modelCatalogEmpty: "No model list is available. Use the default or enter a model name.",
+    modelCatalogCliList: "Source: CLI model listing.", modelCatalogCliCache: "Source: local CLI model cache.",
+    modelCatalogOfficial: "Source: official candidate list. Availability depends on your account and provider.",
+    modelCatalogCached: "Source: AgEnD's cached CLI/account model list.", modelCatalogRetry: "Retry", modelCatalogRefresh: "Refresh models",
     readyApply: "Ready to apply",
     copied: "Copied",
     expectedMapping: "expected a mapping",
@@ -284,6 +289,8 @@ register("settings", {
     syncedPublicLink: "On the public link these are read-only: a change here stays in this browser.",
     deviceTitle: "This device only", deviceLead: "The tour, text size, view fit, the sidebar shown or hidden, panel widths and desktop notifications stay on each device.",
     sec_agents: "Agents",
+    "sec_windows-cli": "Windows CLI",
+    sec_runtimes: "Runtime",
     "sec_agent-defaults": "Agent defaults", sec_chat: "Chat & connections", "sec_web-dashboard": "Web dashboard", sec_access: "Access & security",
     sec_advanced: "Advanced", sec_look: "Look", grp_you: "You", grp_fleet: "Fleet",
     classicDefaultsTitle: "ClassicBot defaults", publicLinkTitle: "Public link & fixed address", webDashboardTitle: "Dashboard features", webSettingsLabel: "Web settings",
@@ -916,6 +923,11 @@ register("settings", {
     backendNotInstalled: "未安裝", backendNotSignedIn: "未登入（請用 /login）", backendTooOld: "需要 {0} 以上版本", backendUnchecked: "尚未檢查",
     modelNotListed: "目前使用中 — 不在這個 CLI 的清單裡", modelOther: "其他…", modelOtherLabel: "模型名稱", modelOtherPlaceholder: "這個 CLI 接受的模型名稱",
     modelNone: "— 無 —", inheritValue: "沿用（{0}）", modelCliDefault: "CLI 自己的預設",
+    modelCatalogLoading: "正在載入這個 CLI 的模型…", modelCatalogFailed: "模型清單載入失敗，可先使用預設或輸入模型名稱。",
+    modelCatalogEmpty: "目前沒有可讀取的模型清單，可使用預設或輸入模型名稱。",
+    modelCatalogCliList: "來源：CLI 列舉結果。", modelCatalogCliCache: "來源：本機 CLI 模型快取。",
+    modelCatalogOfficial: "來源：官方候選清單，實際可用性依帳戶與服務設定。",
+    modelCatalogCached: "來源：AgEnD 已快取的 CLI／帳號模型清單。", modelCatalogRetry: "重試", modelCatalogRefresh: "更新模型",
     readyApply: "可套用變更",
     copied: "已複製",
     expectedMapping: "預期為 mapping",
@@ -941,6 +953,8 @@ register("settings", {
     syncedPublicLink: "公開連結只能讀取這些設定：在這裡變更只會留在這個瀏覽器。",
     deviceTitle: "只限這台裝置", deviceLead: "導覽、文字大小、視圖寬度、側欄顯示或隱藏、面板寬度與桌面通知，每台裝置各自保留。",
     sec_agents: "Agent",
+    "sec_windows-cli": "Windows CLI",
+    sec_runtimes: "Runtime",
     "sec_agent-defaults": "Agent 預設值", sec_chat: "聊天與連線", "sec_web-dashboard": "網頁儀表板", sec_access: "存取與安全",
     sec_advanced: "進階", sec_look: "外觀", grp_you: "你自己", grp_fleet: "整個 Fleet",
     classicDefaultsTitle: "ClassicBot 預設值", publicLinkTitle: "公開連結與固定網址", webDashboardTitle: "儀表板功能", webSettingsLabel: "網頁設定",

package/dist/ui/shared/app-i18n.js

@@ -111,7 +111,7 @@ register("app", {
     confirmTitle: "Please confirm", confirmOk: "Continue", cancel: "Cancel",
     sidePanelLeave: "Leave {0} without saving? Your changes there will be lost.", sidePanelDiscard: "Discard changes",
     // The server's own wording (src/locale.ts needs.reason.*), so the web says what Discord says.
-    needs_reason_hang: "Not responding", needs_reason_exited: "Exited", needs_reason_assist: "Waiting at its terminal", needs_reason_question: "Asking you a question", needs_reason_permission: "Permission needed", needs_reason_dangerous_command: "Dangerous command waiting", needs_reason_login: "Sign-in needed", needs_reason_dialog: "Waiting at a dialog", needs_reason_terminal_input: "May be waiting for input", needs_reason_auth_paused: "Paused: sign-in needed", needs_reason_backend_signin: "Backend sign-in needed", needs_reason_config_invalid: "Configuration file needs attention", needs_reason_config_fallback: "Running on stored configuration", config_history_edit: "{0}, line {1}, column {2}: {3}. AgEnD is still running on the previous settings. The next restart would use the stored valid copy from {4}. Correct the YAML error; the file has not been changed by AgEnD.", config_history_no_history: "{0}, line {1}, column {2}: {3}. AgEnD is still running on the previous settings. No stored valid copy is available, so the next restart cannot recover automatically. Correct the YAML error before restarting; the file has not been changed by AgEnD.", config_history_fallback: "{0}, line {1}, column {2}: {3}. AgEnD started using the stored valid copy from {4}. Correct the YAML error and reload the settings. The file on disk has not been changed by AgEnD.", needs_reason_crashed: "Crashed", needs_reason_usage_limit: "Usage limit reached · reset time unknown", needs_reason_delivery_uncertain: "Could not confirm delivery", needs_reason_delivery_failed: "Delivery failed", needs_reason_task_review: "Waiting for your confirmation", needs_reason_task_blocked: "Blocked: asks you",
+    needs_reason_hang: "Not responding", needs_reason_exited: "Exited", needs_reason_assist: "Waiting at its terminal", needs_reason_question: "Asking you a question", needs_reason_permission: "Permission needed", needs_reason_dangerous_command: "Dangerous command waiting", needs_reason_login: "Sign-in needed", needs_reason_dialog: "Waiting at a dialog", needs_reason_terminal_input: "May be waiting for input", needs_reason_auth_paused: "Paused: sign-in needed", needs_reason_backend_signin: "Backend sign-in needed", needs_reason_config_invalid: "Configuration file needs attention", needs_reason_config_fallback: "Running on stored configuration", config_history_edit: "{0}, line {1}, column {2}: {3}. AgEnD is still running on the previous settings. The next restart would use the stored valid copy from {4}. Correct the YAML error; the file has not been changed by AgEnD.", config_history_no_history: "{0}, line {1}, column {2}: {3}. AgEnD is still running on the previous settings. No stored valid copy is available, so the next restart cannot recover automatically. Correct the YAML error before restarting; the file has not been changed by AgEnD.", config_history_fallback: "{0}, line {1}, column {2}: {3}. AgEnD started using the stored valid copy from {4}. Correct the YAML error and reload the settings. The file on disk has not been changed by AgEnD.", needs_reason_native_pane_hold: "Windows agent needs attention", needs_reason_crashed: "Crashed", needs_reason_usage_limit: "Usage limit reached · reset time unknown", needs_reason_delivery_uncertain: "Could not confirm delivery", needs_reason_delivery_failed: "Delivery failed", needs_reason_task_review: "Waiting for your confirmation", needs_reason_task_blocked: "Blocked: asks you",
   },
   "zh-TW": {
     brand: "AgEnD", fleet: "Fleet", fleetOverview: "Fleet 概覽", view: "檢視", settings: "設定", instances: "Instances", newInstance: "新增 instance", newAgent: "新增 Agent",
@@ -156,6 +156,6 @@ register("app", {
     search: "搜尋", searchTitle: "搜尋聊天、agent 之間的訊息與任務（{0}）",
     confirmTitle: "請確認", confirmOk: "繼續", cancel: "取消",
     sidePanelLeave: "不儲存就離開「{0}」？你在那裡的修改會遺失。", sidePanelDiscard: "捨棄修改",
-    needs_reason_hang: "沒有回應", needs_reason_exited: "已結束", needs_reason_assist: "在終端機上等待", needs_reason_question: "正在問你問題", needs_reason_permission: "需要權限", needs_reason_dangerous_command: "危險指令待確認", needs_reason_login: "需要登入", needs_reason_dialog: "停在對話框", needs_reason_terminal_input: "可能在等輸入", needs_reason_auth_paused: "已暫停：需要登入", needs_reason_backend_signin: "後端需要登入", needs_reason_config_invalid: "設定檔需要處理", needs_reason_config_fallback: "正在使用儲存的設定副本", config_history_edit: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 仍使用先前的設定執行。下次重新啟動會改用 {4} 儲存的有效副本。請修正 YAML 錯誤；AgEnD 未更動此檔案。", config_history_no_history: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 仍使用先前的設定執行。沒有可用的有效副本，下次重新啟動將無法自動恢復。請在重新啟動前修正 YAML 錯誤；AgEnD 未更動此檔案。", config_history_fallback: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 已使用 {4} 儲存的有效副本啟動。請修正 YAML 錯誤並重新載入設定。AgEnD 未更動磁碟上的檔案。", needs_reason_crashed: "已崩潰", needs_reason_usage_limit: "用量已達上限 · 恢復時間未知", needs_reason_delivery_uncertain: "無法確認是否送達", needs_reason_delivery_failed: "傳送失敗", needs_reason_task_review: "等你確認", needs_reason_task_blocked: "卡住，在問你",
+    needs_reason_hang: "沒有回應", needs_reason_exited: "已結束", needs_reason_assist: "在終端機上等待", needs_reason_question: "正在問你問題", needs_reason_permission: "需要權限", needs_reason_dangerous_command: "危險指令待確認", needs_reason_login: "需要登入", needs_reason_dialog: "停在對話框", needs_reason_terminal_input: "可能在等輸入", needs_reason_auth_paused: "已暫停：需要登入", needs_reason_backend_signin: "後端需要登入", needs_reason_config_invalid: "設定檔需要處理", needs_reason_config_fallback: "正在使用儲存的設定副本", config_history_edit: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 仍使用先前的設定執行。下次重新啟動會改用 {4} 儲存的有效副本。請修正 YAML 錯誤；AgEnD 未更動此檔案。", config_history_no_history: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 仍使用先前的設定執行。沒有可用的有效副本，下次重新啟動將無法自動恢復。請在重新啟動前修正 YAML 錯誤；AgEnD 未更動此檔案。", config_history_fallback: "{0} 第 {1} 行、第 {2} 欄：{3}。AgEnD 已使用 {4} 儲存的有效副本啟動。請修正 YAML 錯誤並重新載入設定。AgEnD 未更動磁碟上的檔案。", needs_reason_native_pane_hold: "Windows 代理需要處理", needs_reason_crashed: "已崩潰", needs_reason_usage_limit: "用量已達上限 · 恢復時間未知", needs_reason_delivery_uncertain: "無法確認是否送達", needs_reason_delivery_failed: "傳送失敗", needs_reason_task_review: "等你確認", needs_reason_task_blocked: "卡住，在問你",
   },
 });

package/dist/ui/shared/app-route.js

@@ -6,11 +6,11 @@ export const FLEET_TABS = ["tasks", "schedules", "teams", "org", "cache", "usage
 // #2347: two groups — "You" changes only you or this browser; "Fleet" changes AgEnD for everyone.
 export const SETTINGS_GROUPS = Object.freeze([
   Object.freeze({ id: "you", sections: Object.freeze(["preferences", "look"]) }),
-  Object.freeze({ id: "fleet", sections: Object.freeze(["agents", "agent-defaults", "chat", "web-dashboard", "access", "advanced"]) }),
+  Object.freeze({ id: "fleet", sections: Object.freeze(["agents", "runtimes", "agent-defaults", "chat", "web-dashboard", "access", "advanced"]) }),
 ]);
 export const SETTINGS_SECTIONS = Object.freeze(SETTINGS_GROUPS.flatMap((g) => g.sections));
 /** #2347: the sections' names before the regrouping (links and bookmarks keep working) and where each one went. */
-export const LEGACY_SETTINGS = Object.freeze({ device: "preferences", appearance: "look", general: "agent-defaults", bots: "chat", classic: "chat#classicbot", web: "access" });
+export const LEGACY_SETTINGS = Object.freeze({ device: "preferences", appearance: "look", general: "agent-defaults", bots: "chat", classic: "chat#classicbot", web: "access", "windows-cli":"runtimes" });
 const legacySection = (name) => (Object.prototype.hasOwnProperty.call(LEGACY_SETTINGS, name) ? LEGACY_SETTINGS[name] : null);
 const MAX_INSTANCE_NAME = 128;
 const PATH_SEPARATOR_OR_CONTROL = /[/\\\u0000-\u001f\u007f]/;
@@ -28,6 +28,9 @@ export function isSafeInstanceName(name) {
  */
 export function parseRoute(pathname) {
   if (pathname === "/ui") return { panel: "chat", instance: null };
+  if (pathname === "/ui/windows-cli") return { panel: "settings", section: "runtimes" };
+  const windowsAgent = /^\/ui\/windows-agents\/([a-f0-9-]{36})$/i.exec(pathname);
+  if (windowsAgent) return { panel: "windows-agent", instance: windowsAgent[1] };
   if (pathname === "/ui/fleet") return { panel: "fleet", tab: "tasks" };
   if (pathname === "/ui/needs") return { panel: "needs" };
   if (pathname === NOTICES_PATH) return { panel: "notices" };              // #2910 D2: a web-only fleet's Notices
@@ -108,6 +111,7 @@ export function legacySettingsTarget(pathname) {
 }
 export function routePath(route) {
   if (!route) return "/ui";
+  if (route.panel === "windows-agent") return `/ui/windows-agents/${route.instance}`;
   if (route.panel === "fleet") return fleetPath(route.tab);
   if (route.panel === "settings") return settingsPath(route.section);
   if (route.panel === "needs") return NEEDS_PATH;

package/dist/ui/shared/app-shell.js

@@ -331,7 +331,8 @@ function Sidebar({ route, onNewInstance, viewOnly }) {
   const navLink = (panel, href, icon, label, count = 0, countText = "app.needsCount") => html`<a class=${`side-row${on(panel) ? " active" : ""}`} href=${href}
     aria-current=${on(panel) ? "page" : undefined} aria-label=${count ? `${label} (${t(countText, count)})` : undefined} onClick=${closeDrawer}>
     <${Icon} name=${icon} /><span class="grow">${label}</span>${count ? html`<span class="nav-count" aria-hidden="true">${count}</span>` : null}</a>`;
-  const needsCount = Array.isArray(app.needs) ? app.needs.length : 0;
+  // alpha.2 (M-2300): an agent's request waiting for this web-only fleet's owner counts too (only the owner's page has any).
+  const needsCount = (Array.isArray(app.needs) ? app.needs.length : 0) + (Array.isArray(app.proposals) ? app.proposals.length : 0);
   // View-only (an anonymous reader, #1408 §3): View and a way to sign in — nothing that needs a session is rendered.
   if (viewOnly) {
     return html`<aside id="sidebar" class="sidebar" aria-label=${t("app.menu")}>
@@ -502,7 +503,7 @@ function BottomTabs({ route, viewOnly }) {
   // last tab), Settings.
   return html`<nav data-trust="navigation" class="tabs" aria-label=${t("app.menu")}>
     ${tab(chatHref, "chat", t("app.chat"), !!open || (!!route && route.panel === "chat"), anyAwaiting)}
-    ${tab(NEEDS_PATH, "inbox", t("app.needsTab"), route && route.panel === "needs", (app.needs || []).length, t("app.needsCount", (app.needs || []).length))}
+    ${tab(NEEDS_PATH, "inbox", t("app.needsTab"), route && route.panel === "needs", (app.needs || []).length + (app.proposals || []).length, t("app.needsCount", (app.needs || []).length + (app.proposals || []).length))}
     ${tab(fleetEntryPath(route), "fleet", t("app.fleet"), route && route.panel === "fleet")}
     ${tab(settingsPath(), "settings", t("app.settings"), route && route.panel === "settings")}
   </nav>`;

package/dist/ui/shared/app-store.js

@@ -56,6 +56,7 @@ export function applyStatus(d) {
   appStore.set({ ready: true, instances: d.instances, uptime: d.uptime ?? 0, exec, awaiting,
     startup: d.startup?.phase === "starting" ? d.startup : null,
     connections: typeof d.connections === "number" ? d.connections : null,
+    windowsCli: d.windows_cli === true,
     // #1665: the host preferences' revision (app-prefs.js re-reads them when it moves).
     prefsRev: typeof d.prefs_rev === "number" ? d.prefs_rev : null,
     // #1629: the agents' themes' revision (app-themes.js re-reads them when it moves).

package/dist/ui/shared/app-stream.js

@@ -36,11 +36,13 @@
 // #1918: traffic — a message between instances moved; delegation — a task opened, or its report closed it (SSE only: the
 // org canvas reads /ui/traffic when it has no stream).
 // #2233: backend_login — a dashboard sign-in started, moved or ended (no details: the page reads its own view).
+// alpha.2 (M-2300): agent_proposals — an agent's Windows request came or was decided (no details: a web-only fleet's
+// owner reads GET /ui/agent-proposals).
 // tasks — the task board changed: the card numbers a write touched (SSE only: the board reads again when it is shown).
 // offices — the stored offices changed ({ rev }; SSE only: the Office view reads /ui/offices again).
 // office_skins — a skin pack was uploaded or deleted ({ rev }; SSE only: the Office view reads /ui/office-skins again).
 // office_acts — the agents' live acts in the Office view changed ({ acts }, #2578; a poll page reads /ui/office-acts).
-const EVENTS = ["status", "message", "agent_reply_live", "delivery", "deliveries", "prompt", "prompts", "prompt_resolved", "activity", "needs", "reply_buttons", "reactions", "steps_tick", "clock", "traffic", "delegation", "backend_login", "tasks", "offices", "office_skins", "office_acts", "office_pack_changes", "notice"];
+const EVENTS = ["status", "message", "agent_reply_live", "delivery", "deliveries", "prompt", "prompts", "prompt_resolved", "activity", "needs", "reply_buttons", "reactions", "steps_tick", "clock", "traffic", "delegation", "backend_login", "tasks", "offices", "office_skins", "office_acts", "office_pack_changes", "agent_proposals", "notice"];
 const MAX_HELD = 1000;                    // live events held during one catch-up read; more → read again afterwards
 const RETRY_DELAYS = [1000, 2000, 4000];  // after the first failed catch-up read; then it waits for Retry
 const POLL_LIMIT_MS = 10000;              // a poll that has not answered by then counts as failed

package/dist/ui/shared/app.css

@@ -285,6 +285,14 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
 .panel-title { flex: 1; min-width: 0; display: flex; align-items: center; gap: var(--s-3); min-height: calc(var(--header-h) - 2 * var(--s-1)); }
 .panel-title h1 { font-size: var(--fs-lg); line-height: var(--lh-lg); font-weight: var(--fw-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; outline: none; }
 .panel-sub { color: var(--text-2); font-size: var(--fs-sm); white-space: nowrap; }
+/* S-30: on a phone the chat's state and chips (Windows, computer, model…) left the agent's name two letters. There the
+   header keeps the name (at least ~10 characters) and the state ("idle", "閒置"); the chips are on the sidebar row and
+   in Details. */
+@media (max-width: 479px) {
+  .p-chat .panel-title h1 { flex: 0 1 auto; min-width: min(10ch, 45%); }
+  .p-chat .panel-sub { flex: 0 0 auto; }
+  .p-chat .panel-sub > :not(.status) { display: none; }
+}
 .status { display: inline-flex; align-items: center; gap: 6px; }
 /* #2015: the largest processes, after the host memory chip's text. */
 .host-mem-top { margin-left: var(--s-2); opacity: 0.8; overflow-wrap: anywhere; }
@@ -425,6 +433,9 @@ html:has(.shell), html:has(.shell) body { overflow: hidden; }
 /* #2072: a model field — the list, and the text box "Other…" opens under it. */
 .model-pick { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; }
 .model-pick > select, .model-pick > input { width: 100%; }
+.model-catalog-status { display: flex; gap: var(--s-2); align-items: center; justify-content: space-between; }
+.model-catalog-status > .note { line-height: 1.5; }
+.model-catalog-status > button { flex-shrink: 0; }
 .note { font-size: var(--fs-xs); color: var(--text-3); }
 .checks { display: flex; flex-direction: column; gap: var(--s-1); max-height: 180px; overflow-y: auto; }
 .check { display: flex; gap: var(--s-2); align-items: center; font-size: var(--fs-sm); }
@@ -936,6 +947,8 @@ img.amb-p { object-fit: contain; }
 .failed-send { padding: var(--s-2) var(--s-3); border-radius: var(--r-md); font-size: var(--fs-xs); background: var(--danger-bg); border: 1px solid var(--danger-line); display: flex; gap: var(--s-2); align-items: center; flex-wrap: wrap; }
 .failed-send .txt { flex: 1; min-width: 120px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 4.5em; overflow: hidden; }
 .composer-box { background: var(--surface); border-radius: var(--r-xl); box-shadow: var(--shadow-1); }
+/* S-30: a state note above the composer ("Connection revoked…", "still working") sat flush on the box's edge. */
+.composer-box > .note { margin: 0; padding: var(--s-2) var(--s-3) 0; }
 .composer-box:focus-within { box-shadow: 0 0 0 1px var(--border-strong), var(--shadow-1); }
 .composer { display: flex; align-items: flex-end; gap: var(--s-1); padding: var(--s-2); }
 .composer textarea {
@@ -2658,3 +2671,291 @@ html.oo-immersive .p-fleet > .panel-body { z-index: 50; }
 .os-none { margin: 0; }
 .os-form .os-err { grid-column: 1 / -1; margin: 0; padding: var(--s-2) var(--s-3); border: 1px solid var(--danger); border-radius: var(--r-sm); }
 @media (max-width: 480px) { .os-form { grid-template-columns: 1fr; } }
+/* Windows CLI preview: local providers, a task composer and a compact execution history. */
+.p-windows-cli .windows-cli-content { width: 100%; max-width: 1160px; margin: 0 auto; padding: 28px 28px 48px; }
+.p-windows-cli .windows-cli-intro { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
+.p-windows-cli .windows-cli-eyebrow { display: inline-flex; align-items: center; gap: 6px; color: var(--text-2); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
+.p-windows-cli .windows-cli-intro h2 { margin-top: 7px; font-size: 26px; font-weight: 600; line-height: 1.3; letter-spacing: -.04em; }
+.p-windows-cli .windows-cli-intro p { margin-top: 7px; font-size: 13px; color: var(--text-2); line-height: 1.7; }
+.p-windows-cli .windows-cli-probe { flex-shrink: 0; min-height: 38px; border-radius: 9px; }
+.p-windows-cli .windows-cli-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
+.p-windows-cli .windows-cli-provider { min-width: 0; padding: 20px 20px 0; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); }
+.p-windows-cli .windows-cli-provider-head { display: flex; align-items: center; gap: 12px; }
+.p-windows-cli .windows-cli-brand { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 12px; }
+.p-windows-cli .brand-openai { color: #fff; background: #141413; }
+.p-windows-cli .brand-anthropic { color: #141413; background: #f0e9df; }
+.p-windows-cli .windows-cli-provider-name { flex: 1; min-width: 0; }
+.p-windows-cli .windows-cli-provider-name > span { font-size: 11px; color: var(--text-2); }
+.p-windows-cli .windows-cli-provider-name h3 { font-size: 18px; line-height: 1.4; font-weight: 600; letter-spacing: -.025em; }
+.p-windows-cli .windows-cli-badge { display: inline-flex; align-items: center; flex-shrink: 0; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; }
+.p-windows-cli .tone-ready { color: var(--ok); }
+.p-windows-cli .tone-neutral { color: var(--text-2); }
+.p-windows-cli .tone-failed { color: var(--danger); }
+.p-windows-cli .tone-working { color: var(--accent); }
+.p-windows-cli .windows-cli-badge.tone-ready { background: var(--ok-bg); }
+.p-windows-cli .windows-cli-badge.tone-neutral { background: var(--surface); }
+.p-windows-cli .windows-cli-provider-status { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 14px; margin: 17px 0 14px; font-size: 12px; }
+.p-windows-cli .windows-cli-auth, .p-windows-cli .windows-cli-readiness, .p-windows-cli .windows-cli-task-state { display: inline-flex; align-items: center; gap: 7px; }
+.p-windows-cli .windows-cli-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
+.p-windows-cli .windows-cli-version { color: var(--text-3); font-family: var(--font-mono); font-size: 11px; overflow-wrap: anywhere; }
+.p-windows-cli .windows-cli-location { border-top: 1px solid var(--border); }
+.p-windows-cli summary { cursor: pointer; list-style: none; }
+.p-windows-cli summary::-webkit-details-marker { display: none; }
+.p-windows-cli .windows-cli-location summary { display: flex; justify-content: space-between; align-items: center; min-height: 37px; color: var(--text-2); font-size: 11px; }
+.p-windows-cli details[open] > summary > .icon:last-child { transform: rotate(180deg); }
+.p-windows-cli .windows-cli-path { display: block; white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/1.7 var(--font-mono); color: var(--text-2); }
+.p-windows-cli .windows-cli-location .windows-cli-path { padding: 0 0 12px; }
+.p-windows-cli .windows-cli-workbench { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; gap: 20px; }
+.p-windows-cli .windows-cli-card { min-width: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); }
+.p-windows-cli .windows-cli-composer { padding: 22px; }
+.p-windows-cli .windows-cli-section-head { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
+.p-windows-cli .windows-cli-section-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 34px; height: 34px; border-radius: 9px; background: var(--surface); color: var(--text-2); }
+.p-windows-cli .windows-cli-section-head > div { flex: 1; min-width: 0; }
+.p-windows-cli .windows-cli-section-head h2 { display: flex; align-items: center; gap: 7px; font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -.02em; }
+.p-windows-cli .windows-cli-section-head p { margin-top: 4px; color: var(--text-2); font-size: 11px; line-height: 1.6; }
+.p-windows-cli .windows-cli-field { margin-bottom: 18px; }
+.p-windows-cli .windows-cli-field > label, .p-windows-cli .windows-cli-access > legend { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 600; }
+.p-windows-cli .windows-cli-field > input, .p-windows-cli .windows-cli-field > textarea { display: block; width: 100%; max-width: 100%; padding: 10px 12px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--bg); color: var(--text); font-size: var(--fs-sm); line-height: 1.6; }
+.p-windows-cli .windows-cli-field > input:focus, .p-windows-cli .windows-cli-field > textarea:focus { border-color: var(--focus); outline: none; box-shadow: 0 0 0 3px var(--accent-dim); }
+.p-windows-cli .windows-cli-field > textarea { min-height: 120px; resize: vertical; }
+.p-windows-cli .windows-cli-field .windows-cli-directory { font-family: var(--font-mono); font-size: var(--fs-xs); }
+.p-windows-cli .windows-cli-field > p { margin-top: 6px; font-size: 11px; line-height: 1.6; color: var(--text-3); }
+.p-windows-cli .windows-cli-field ::placeholder { color: var(--text-3); }
+.p-windows-cli .windows-cli-access-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
+.p-windows-cli .windows-cli-access-option { display: flex; align-items: flex-start; gap: 8px; padding: 11px 10px; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; }
+.p-windows-cli .windows-cli-access-option.selected { background: var(--accent-dim); border-color: var(--focus); }
+.p-windows-cli .windows-cli-access-option input { margin: 3px 0 0; accent-color: var(--accent); width: 13px; height: 13px; flex-shrink: 0; }
+.p-windows-cli .windows-cli-access-option strong { display: flex; align-items: center; gap: 5px; font-size: 12px; line-height: 1.6; font-weight: 600; }
+.p-windows-cli .windows-cli-access-option small { display: block; margin-top: 3px; font-size: 10px; line-height: 1.6; color: var(--text-2); }
+.p-windows-cli .windows-cli-policy { margin-top: 14px; color: var(--text-2); font-size: 11px; }
+.p-windows-cli .windows-cli-policy summary { display: flex; align-items: center; gap: 6px; min-height: 28px; }
+.p-windows-cli .windows-cli-policy p { padding: 4px 0 10px; line-height: 1.8; }
+.p-windows-cli .windows-cli-submit { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 16px; margin-top: 10px; border-top: 1px solid var(--border); }
+.p-windows-cli .windows-cli-readiness { font-size: 11px; line-height: 1.6; }
+.p-windows-cli .windows-cli-submit .btn { min-height: 40px; border-radius: 8px; }
+.p-windows-cli .windows-cli-limits { display: flex; align-items: center; gap: 5px; margin-top: 10px; color: var(--text-3); font-size: 10px; line-height: 1.6; }
+.p-windows-cli .windows-cli-history { padding: 22px 20px 0; }
+.p-windows-cli .windows-cli-history .windows-cli-section-head { margin-bottom: 18px; }
+.p-windows-cli .windows-cli-history .icon-btn { width: 30px; height: 30px; }
+.p-windows-cli .windows-cli-count { color: var(--text-2); background: var(--surface); padding: 1px 6px; border-radius: 5px; font-size: 10px; font-weight: 500; }
+.p-windows-cli .windows-cli-task { margin-top: 10px; border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
+.p-windows-cli .windows-cli-task > summary { display: flex; align-items: center; gap: 10px; padding: 12px; font-size: 12px; }
+.p-windows-cli .windows-cli-task > summary:hover { background: var(--surface); }
+.p-windows-cli .windows-cli-task-state { flex: 1; font-weight: 600; }
+.p-windows-cli .windows-cli-task time { font-size: 10px; color: var(--text-3); font-variant-numeric: tabular-nums; }
+.p-windows-cli .windows-cli-task-cwd { padding: 0 12px 12px; font-size: 10px; }
+.p-windows-cli .windows-cli-task-detail { padding: 0 12px 12px; }
+.p-windows-cli .windows-cli-output-label { display: flex; align-items: center; gap: 5px; padding: 9px 10px; border-radius: 6px 6px 0 0; background: var(--code-head); color: var(--text-2); font-size: 10px; }
+.p-windows-cli .windows-cli-output { padding: 12px; margin: 0; max-height: 320px; overflow: auto; border-radius: 0 0 6px 6px; background: var(--code-bg); white-space: pre-wrap; overflow-wrap: anywhere; font: 11px/1.8 var(--font-mono); }
+.p-windows-cli .windows-cli-task-detail > .btn { margin-top: 10px; }
+.p-windows-cli .windows-cli-history-note { margin-top: 18px; padding: 12px 0; border-top: 1px solid var(--border); color: var(--text-3); text-align: center; font-size: 10px; }
+.p-windows-cli .windows-cli-empty { display: flex; flex-direction: column; align-items: center; padding: 42px 16px; text-align: center; }
+.p-windows-cli .windows-cli-empty > span { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--surface); color: var(--text-3); margin-bottom: 16px; }
+.p-windows-cli .windows-cli-empty h3 { font-size: 13px; font-weight: 600; }
+.p-windows-cli .windows-cli-empty p { max-width: 220px; margin-top: 7px; font-size: 12px; line-height: 1.8; color: var(--text-3); }
+.p-windows-cli .error { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--danger); font-size: 12px; }
+.p-windows-cli .windows-cli-error { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; padding: 14px; border-radius: 10px; background: var(--danger-bg); }
+.p-windows-cli .windows-cli-error .icon { margin-top: 2px; }
+.p-windows-cli .windows-cli-spin { animation: windows-cli-rotate 1.4s linear infinite; }
+@keyframes windows-cli-rotate { to { transform: rotate(360deg); } }
+@media (max-width: 1130px) { .p-windows-cli .windows-cli-workbench { grid-template-columns: minmax(0, 1fr); } }
+@media (max-width: 620px) {
+  .p-windows-cli .windows-cli-content { padding: 20px 16px 32px; }
+  .p-windows-cli .windows-cli-intro { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
+  .p-windows-cli .windows-cli-intro h2 { font-size: 23px; }
+  .p-windows-cli .windows-cli-cards { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-bottom: 20px; }
+  .p-windows-cli .windows-cli-provider { padding: 16px 16px 0; }
+  .p-windows-cli .windows-cli-composer, .p-windows-cli .windows-cli-history { padding: 18px 16px; }
+  .p-windows-cli .windows-cli-history { padding-bottom: 0; }
+  .p-windows-cli .windows-cli-field > input, .p-windows-cli .windows-cli-field > textarea { font-size: 16px; }
+  .p-windows-cli .windows-cli-submit { flex-direction: column; align-items: stretch; }
+  .p-windows-cli .windows-cli-access-option { padding: 10px 8px; }
+  .p-windows-cli .windows-cli-access-option strong { font-size: 11px; }
+}
+@media (prefers-reduced-motion: reduce) { .p-windows-cli .windows-cli-spin { animation: none; } }
+.p-windows-cli.windows-cli-settings .windows-cli-content { padding: 0; }
+.p-settings .col:has(> .windows-cli-settings) { max-width: 1160px; }
+.p-settings .windows-cli-settings .windows-cli-workbench { grid-template-columns: minmax(0, 1fr); }
+@media (min-width: 1500px) { .p-settings .windows-cli-settings .windows-cli-workbench { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } }
+/* Runtime-first agent creation and native Windows conversations. */
+.agent-runtime-picker > legend, .agent-runtime-fields > legend { font-size: 13px; font-weight: 600; margin-bottom: 12px; }
+.agent-runtime-picker > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
+.agent-runtime-choice { display: flex; align-items: center; gap: 9px; padding: 14px 11px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; }
+.agent-runtime-choice.selected { border-color: var(--focus); background: var(--accent-dim); }
+.agent-runtime-choice > input { width: 13px; height: 13px; margin: 0; accent-color: var(--accent); flex-shrink: 0; }
+.agent-runtime-choice > span { min-width: 0; }
+.agent-runtime-choice strong { display: block; font-size: 12px; line-height: 1.6; }
+.agent-runtime-choice small { display: block; margin-top: 3px; color: var(--text-2); font-size: 10px; line-height: 1.6; }
+.agent-runtime-fields { border-top: 1px solid var(--border); padding-top: 14px; }
+.agent-draft-assistant { padding: 12px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); }
+.agent-draft-assistant > summary { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; cursor: pointer; }
+.agent-draft-assistant > .note { margin: 10px 0; font-size: 11px; }
+.agent-draft-assistant .btn { margin-top: 10px; }
+.agent-draft-assistant textarea { resize: vertical; }
+.windows-agent-nav { flex-shrink: 0; padding: 8px; border-top: 1px solid var(--border); max-height: 25vh; overflow: auto; }
+.windows-agent-nav h3 { padding: 0 12px 5px; color: var(--text-3); font-size: 11px; font-weight: 500; }
+.windows-agent-nav svg { flex-shrink: 0; }
+.p-windows-agent .windows-agent-conversation { max-width: 960px; }
+.windows-agent-identity { display: flex; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--border); margin-bottom: 16px; }
+.windows-agent-identity > span:first-child { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; color: white; background: #141413; flex-shrink: 0; }
+.windows-agent-identity > div { flex: 1; min-width: 0; }
+.windows-agent-identity strong { font-size: 13px; }
+.windows-agent-identity code { display: block; overflow-wrap: anywhere; color: var(--text-2); font: 11px/1.7 var(--font-mono); }
+.windows-agent-empty { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 60px 12px; color: var(--text-2); }
+.windows-agent-empty h2 { margin: 18px 0 8px; color: var(--text); font-size: 20px; }
+.windows-agent-empty p { max-width: 400px; font-size: 13px; line-height: 1.8; }
+.windows-agent-turn { margin-bottom: 26px; }
+.windows-agent-human { padding: 14px 18px; margin-left: 15%; border-radius: 12px; background: var(--surface); }
+.windows-agent-human strong { font-size: 12px; }
+.windows-agent-human p { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 6px; }
+.windows-agent-reply { padding: 20px 0 0; }
+.windows-agent-reply > strong { display: flex; gap: 8px; align-items: center; font-size: 13px; }
+.windows-agent-reply pre { margin: 14px 0 7px; white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.8 var(--font-mono); }
+.windows-agent-reply small { color: var(--text-3); font-size: 11px; }
+.windows-agent-composer { padding: 12px 24px 18px; border-top: 1px solid var(--border); }
+.windows-agent-composer > div, .windows-agent-composer > p { max-width: 900px; margin-left: auto; margin-right: auto; }
+.windows-agent-input { padding: 12px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; }
+.windows-agent-input > textarea { display: block; width: 100%; border: 0; resize: vertical; padding: 4px; background: transparent; color: var(--text); font-family: var(--font-ui); font-size: var(--fs-md); min-height: 60px; max-height: 180px; }
+.runtime-settings { max-width: 1080px; }
+.runtime-heading, .runtime-heading > div:last-child, .runtime-machine > header, .runtime-machine-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.runtime-heading { justify-content: space-between; margin-bottom: 20px; }
+.runtime-heading h2, .runtime-machine h3 { margin: 0; }
+.runtime-local, .runtime-machine, .runtime-pairing { padding: 18px; margin: 16px 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
+.runtime-local h3 { display: flex; align-items: center; gap: 8px; }
+/* M-2255: Settings → Runtime's switches. */
+.runtime-switches { padding: 18px; margin: 16px 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
+.runtime-switches > h3 { margin: 0 0 6px; }
+.runtime-switch { padding: 12px 0; border-bottom: 1px solid var(--border); }
+.runtime-switch-row { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
+.runtime-switch-row input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--accent); }
+.runtime-switch-row input:disabled { cursor: not-allowed; }
+.runtime-switch-row > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+.runtime-switch-row small { color: var(--text-3); font-size: var(--fs-sm); line-height: 1.5; overflow-wrap: anywhere; }
+.runtime-switch-env, .runtime-switch-pending { display: block; margin: 8px 0 0 32px; font-size: var(--fs-sm); }
+.runtime-switch-env { color: var(--warn); }
+.runtime-switches > .note { margin: 12px 0 0; font-size: var(--fs-sm); color: var(--text-3); }
+.runtime-guide { margin: 10px 0 0 32px; font-size: var(--fs-sm); }
+.runtime-guide > summary { cursor: pointer; font-weight: 600; padding: 4px 0; }
+.runtime-guide p { margin: 8px 0; line-height: 1.5; }
+/* A command wraps only between its words (never inside an address), so all of it is in view, on a phone too. */
+.runtime-guide pre { margin: 6px 0 10px; padding: 8px 10px; border-radius: 8px; background: var(--bg); overflow-x: auto; white-space: pre-wrap; overflow-wrap: normal; word-break: normal; max-width: 100%; }
+.runtime-guide-link { display: inline-flex; align-items: center; gap: 4px; color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
+.runtime-guide-warn { color: var(--warn); }
+.runtime-limit { display: flex; flex-direction: column; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--border); }
+.runtime-limit label { display: flex; flex-direction: column; gap: 4px; }
+.runtime-limit small { color: var(--text-3); font-size: var(--fs-sm); line-height: 1.5; }
+.runtime-limit > div { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.runtime-limit input { width: 6em; font-size: var(--fs-md); }
+@media (max-width: 600px) { .runtime-guide, .runtime-switch-env, .runtime-switch-pending { margin-left: 0; } }
+.runtime-machine > header > div { flex: 1; min-width: 140px; }
+.runtime-machine > header p, .runtime-machine .note { margin: 7px 0; font-size: var(--fs-sm); color: var(--text-3); }
+.runtime-machine-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: var(--bg); }
+.runtime-status { padding: 4px 10px; border: 1px solid var(--border); border-radius: 20px; font-size: var(--fs-sm); }
+.runtime-status.is-online { color: var(--ok); }
+.runtime-status.is-pending { color: var(--warn); }
+.runtime-status.is-offline, .runtime-status.is-revoked { color: var(--text-3); }
+.runtime-machine-id { display: block; margin: 8px 0; overflow-wrap: anywhere; }
+.runtime-cli-list { padding: 0; margin: 14px 0; list-style: none; }
+.runtime-cli-list li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--border); }
+.runtime-cli-list li > span:nth-child(2) { flex: 1; }
+.runtime-cli-list small { display: block; color: var(--text-3); font-size: var(--fs-sm); }
+.runtime-machine-actions { margin-top: 14px; }
+/* S-30: the ZIP step is a button with its hint beside it (wrapping under it on a phone), not text flush against it. */
+.runtime-bundle-step { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 12px 0; }
+.runtime-bundle-step .note { margin: 0; flex: 1 1 220px; }
+.runtime-pairing label, .runtime-rename label { display: flex; flex-direction: column; gap: 7px; margin: 12px 0; }
+.runtime-pairing input, .runtime-rename input { width: 100%; min-width: 0; font-family: var(--font-ui); font-size: var(--fs-md); }
+.runtime-pair-code { letter-spacing: .14em; }
+.runtime-error { border: 1px solid var(--danger); padding: 12px; border-radius: 10px; overflow-wrap: anywhere; }
+.runtime-local-diagnostics { margin-top: 22px; }
+.runtime-local-diagnostics > summary { cursor: pointer; font-weight: 600; padding: 12px 0; }
+.runtime-remote-targets { display: grid; gap: 8px; margin-top: 16px; }
+.runtime-remote-targets h4 { margin: 0 0 4px; font-size: var(--fs-md); }
+.runtime-remote-targets .agent-runtime-choice { min-width: 0; width: 100%; }
+.runtime-manage-link { display: inline-block; margin-top: 12px; }
+.inst-machine { display: flex; gap: 5px; overflow: hidden; white-space: nowrap; font-size: var(--fs-xs); color: var(--text-3); }
+/* S-30: the machine name gives way; "Connection revoked" / "Offline" always stays readable. */
+.inst-machine-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
+.inst-machine-status { flex: none; }
+.inst-machine.offline, .runtime-machine-offline { color: var(--warn); }
+.runtime-machine-tag { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+@media (max-width: 600px) {
+  .runtime-heading > div:last-child { width: 100%; }
+  .runtime-machine, .runtime-pairing, .runtime-local { padding: 14px; }
+  .runtime-cli-list li { flex-wrap: wrap; }
+  .runtime-cli-list li > .note { width: 100%; }
+}
+.windows-agent-input > div { display: flex; justify-content: flex-end; gap: 8px; align-items: center; }
+.windows-agent-composer > .note { margin-top: 8px; font-size: 10px; }
+.p-windows-agent .error, .agent-draft-assistant .error { color: var(--danger); font-size: 12px; overflow-wrap: anywhere; }
+.windows-agent-blocked { padding: 16px; background: var(--warn-bg); border-radius: 10px; }
+.windows-agent-blocked p { margin-bottom: 12px; }
+@media (max-width: 620px) {
+  .agent-runtime-choice { flex-wrap: wrap; padding: 12px; }
+  .agent-runtime-choice > span { flex-basis: 100%; }
+  .windows-agent-composer { padding: 10px 12px; }
+  .windows-agent-identity { flex-wrap: wrap; }
+}
+/* Agent creation wizard: one active stage per screen, with persistent navigation actions. */
+.agent-create-wizard { display: flex; flex-direction: column; gap: 24px; }
+/* S-30: the body's top padding scrolled content through above the sticky steps (a phone showed card edges there); a
+   background-coloured copy of the bar, shifted up, covers that strip. */
+.agent-create-steps { position: sticky; top: 0; z-index: 2; background: var(--bg); box-shadow: 0 calc(-1 * var(--s-5)) 0 var(--bg); display: flex; align-items: center; gap: 8px; padding-bottom: 20px; margin: 0; list-style: none; border-bottom: 1px solid var(--border); }
+.agent-create-steps > li { display: flex; align-items: center; gap: 7px; color: var(--text-3); font-size: 12px; min-width: 0; }
+.agent-create-steps > li:not(:last-child)::after { content: ""; width: 28px; height: 1px; background: var(--border); margin: 0 6px; }
+.agent-create-steps > li.current { color: var(--text); font-weight: 600; }
+.agent-create-step-number { display: grid; place-items: center; width: 22px; height: 22px; flex-shrink: 0; border: 1px solid var(--border-strong); border-radius: 50%; font-size: 11px; }
+.agent-create-steps .current .agent-create-step-number { color: var(--on-accent); background: var(--accent-fill); border-color: var(--accent-fill); }
+.agent-create-steps .complete .agent-create-step-number { color: var(--ok); border-color: var(--ok); background: var(--ok-bg); }
+.agent-create-stage { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
+.agent-create-stage > h3 { margin: 0; font-size: 21px; font-weight: 600; line-height: 1.4; letter-spacing: -.025em; }
+.agent-create-stage > h3:focus { outline: none; }
+.agent-create-stage > .note { margin-top: -12px; font-size: 12px; line-height: 1.8; }
+.agent-create-cli { padding: 16px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; }
+.agent-create-cli .field { margin: 0; }
+.agent-create-selection { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); }
+.agent-create-selection > div { flex: 1; min-width: 0; }
+.agent-create-selection strong { display: block; font-size: 12px; }
+.agent-create-selection span { display: block; color: var(--text-2); font-size: 11px; overflow-wrap: anywhere; }
+.agent-create-wizard .agent-runtime-fields { padding-top: 0; border-top: 0; }
+.agent-create-success { align-items: center; text-align: center; padding: 18px 0 8px; }
+.agent-create-success-icon { display: grid; place-items: center; width: 64px; height: 64px; color: var(--ok); background: var(--ok-bg); border-radius: 50%; }
+.agent-create-success dl { display: grid; grid-template-columns: max-content minmax(0,1fr); gap: 12px 20px; width: 100%; margin: 0; padding: 18px; border: 1px solid var(--border); border-radius: 10px; text-align: left; font-size: 13px; }
+.agent-create-success dt { color: var(--text-2); }
+.agent-create-success dd { margin: 0; overflow-wrap: anywhere; }
+.agent-create-success code { font-family: var(--font-mono); font-size: 12px; }
+@media (max-width: 620px) {
+  .agent-create-steps { gap: 6px; }
+  .agent-create-steps > li { gap: 5px; font-size: 11px; }
+  .agent-create-steps > li:not(:last-child)::after { width: 12px; margin: 0 2px; }
+  .agent-create-selection { gap: 8px; padding: 10px; }
+  .agent-create-selection .btn { padding: 0 8px; }
+  .agent-create-stage > h3 { font-size: 20px; }
+}
+.cli-picker { width: 100%; min-width: 0; }
+.cli-picker-trigger { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid var(--border-strong); border-radius: var(--r-sm); background: var(--surface); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
+.cli-picker-trigger:hover:not(:disabled) { border-color: var(--accent); }
+.cli-picker-trigger:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
+.cli-picker-trigger:disabled { opacity: .5; cursor: not-allowed; }
+.cli-product-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; line-height: 0; }
+.cli-product-mark svg, .cli-product-mark img { display: block; flex-shrink: 0; }
+.cli-picker-value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.cli-picker-chevron { display: inline-flex; color: var(--text-3); }
+.cli-picker .menu-list { left: 0; right: 0; min-width: 0; max-height: 280px; overflow-y: auto; }
+.cli-picker .menu-list.menu-up { top: auto; bottom: calc(100% + 6px); }
+.cli-picker .menu-list.menu-compact { max-height: 180px; }
+.cli-picker .menu-list.menu-short { max-height: 96px; }
+.cli-picker .menu-item { padding-top: 8px; padding-bottom: 8px; }
+.cli-picker .menu-radio > span:last-child { flex: 1; min-width: 0; }
+.cli-picker-option { display: flex; align-items: center; gap: 10px; min-width: 0; }
+.cli-picker-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
+.cli-picker-description { color: var(--text-2); font-size: var(--fs-xs); line-height: 1.4; }
+.cli-discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; }
+.cli-discovery-status { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--surface); }
+.cli-discovery-status > .out-spin { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; color: var(--accent); }
+.cli-discovery-status > div { min-width: 0; }
+.cli-discovery-status strong { display: block; font-size: var(--fs-sm); line-height: 1.5; }
+.cli-discovery-status p, .cli-discovery-status small { display: block; color: var(--text-2); font-size: var(--fs-xs); line-height: 1.6; margin: 4px 0 0; overflow-wrap: anywhere; }
+.cli-discovery-status .btn { margin-top: 10px; }
+.cli-discovery-status.is-error { border-color: var(--border-strong); }
+.cli-discovery-status.is-error > svg { flex: 0 0 auto; margin-top: 2px; }

package/dist/ui/shared/app.js

@@ -85,6 +85,8 @@ if (mode === "full") {
   let chatLoads = 0;
   panels.set("chat", { load: () => (chatLoads++ === 0 ? chatBoot : loadChat()).then((m) => m.ChatPanel) });
   if (!guest) {
+    const loadWindowsAgent = retryable((a) => import(retryUrl("/ui/js/panel-windows-agent.js", a)));
+    panels.set("windows-agent", { load: () => loadWindowsAgent().then((m) => m.WindowsAgentPanel) });
     panels.set("fleet", { load: () => loadFleet().then((m) => m.FleetPanel) });
     panels.set("settings", { load: () => loadSettings().then((m) => m.SettingsPanel) });
     // #2347: the restart banner's Restart now, in any panel — the Settings runner (behind the session) does it.
@@ -120,6 +122,8 @@ if (mode === "full") {
     startNeedsNotifier({ open: (instance) => navigate(chatPath(instance)) });
     // #2233: a backend sign-in running anywhere is shown on every admin page (the module lives behind the session gate).
     import("/ui/js/backend-signin.js").then((m) => m.installSignIn(), () => {});
+    // alpha.2 (M-2300): an agent's Windows request waiting for a web-only fleet's owner — counted in Needs you everywhere.
+    import("/ui/js/agent-proposals.js").then((m) => m.installProposals(), () => {});
   }
   // #1665: this device's first upload of its own choices (once), then another device's changes at each status frame.
   // A guest's page (#2855) uploads and saves only its own keys (prefsWritable(key)); another device's changes reach it at

package/dist/ui/shared/header-tools.js

@@ -7,7 +7,7 @@
 // Fleet read (#1300: no style attribute). View's terminal multiplies its fitted size by VIEW_SCALE, as its density did.
 import { html, useEffect, useState } from "./app-html.js";
 import { t } from "./app-i18n.js";
-import { createStore, useStore } from "./app-store.js";
+import { appStore, createStore, useStore } from "./app-store.js";
 import { Icon } from "./ui-icons.js";
 import { UsageBody, UsageCompactToggle, UsageDialog } from "./usage-dialog.js";
 
@@ -124,7 +124,9 @@ export function useRailWidth() {
 export function UsageRail({ route }) {
   const wide = useRailWidth();
   const { open } = useStore(usageRailStore);
-  if (!wide || !open || !route || !RAIL_PANELS.includes(route.panel) || !usageOffered()) return null;
+  const { instances = [] } = useStore(appStore);
+  const instance = instances.find(item => item.name === route?.instance);
+  if (!wide || !open || !route || !RAIL_PANELS.includes(route.panel) || !usageOffered() || instance?.capabilities?.usage === false) return null;
   return html`<aside data-trust="usage" class="u-rail" aria-label=${t("view.usage.title_plain")}>
     <div class="u-rail-head"><h2>${t("view.usage.title")}</h2><${UsageCompactToggle} />
       <button type="button" class="icon-btn" onClick=${() => setUsageRail(false)} aria-label=${t("app.usageHide")} title=${t("app.usageHide")}><${Icon} name="close" size=${16} /></button></div>
@@ -154,8 +156,8 @@ export function UsageButton({ navKey }) {
 }
 
 /** The shared controls, in the one order every page uses. `navKey`: the page's navigation (the usage dialog's owner). */
-export function HeaderTools({ view = false, navKey }) {
-  return html`<${TextSizeButton} view=${view} /><${UsageButton} navKey=${navKey} />`;
+export function HeaderTools({ view = false, navKey, usage = true }) {
+  return html`<${TextSizeButton} view=${view} />${usage ? html`<${UsageButton} navKey=${navKey} />` : null}`;
 }
 /** Where a page with no control of its own after the shared ones (Log) keeps the room Chat's ⋯ takes: the same box on every tab. */
 export function HeaderSlot() {