@songsid/agend 2.3.5-alpha.3 → 2.3.5-alpha.4

package/dist/ui/shared/instance-nav.js

@@ -18,6 +18,7 @@ import { viewStore } from "./view-roster-store.js";
 import { onPrefsChanged, prefInForce, prefsWritable, savePref } from "./app-prefs.js";
 import "./view-strings.js";
 import { themesShown, themesStore } from "./app-themes.js";
+import { machineName } from "./machine-name.js";
 import { identityClasses, identityOf, paintIdentity, useIdentityColors } from "./identity-color.js";
 
 /** view.* text with named values. */
@@ -145,7 +146,7 @@ export function instanceTooltip(it) {
   else lines.push(name);
   lines.push(line("tooltipBackend", backendLabel(it.backend)));
   if (it.runtime) lines.push(`Runtime: ${runtimeLabel(it.runtime)}`);
-  if (it.machine_id) lines.push(line("tooltipMachine",it.machine_name || it.machine_id));
+  if (it.machine_id) lines.push(line("tooltipMachine",machineName(it.machine_id,it.machine_name)));
   if (it.machine_id && it.machine_status !== "online") lines.push(tn(it.machine_status === "revoked" ? "machineRevoked" : "machineOffline"));
   const src = (s) => (s === "instance" || s === "classic" ? tn("srcConfigured") : s === "fleet-default" ? tn("srcFleetDefault") : "");
   lines.push(line("tooltipModel", (modelText(it) || tn("tooltipUnavailable")) + src(it.model_source)));
@@ -630,7 +631,7 @@ export function InstanceNav({ route, items, loaded = true, exec = {}, awaiting =
           <span class="v-meta">${it.runtime === "windows" ? "Windows" : it.context_pct != null ? `${Math.round(it.context_pct)}%` : ""}</span></span>
         ${two ? html`<span class="inst-line inst-line2"><span class="inst-alt" title=${secondary || undefined}>${secondary || ""}</span>
           ${mins != null ? html`<span class=${`inst-when${fade > 0 ? " fresh" : ""}`} title=${tn("replyTitle", { time: new Date(Date.parse(it.last_reply)).toLocaleString() })}>${replyText(mins)}</span>` : null}</span>` : null}
-        ${it.machine_id ? html`<span class=${`inst-machine${it.machine_status !== "online" ? " offline" : ""}`} title=${tn("tooltipMachine",{value:it.machine_name || it.machine_id})}><span class="inst-machine-name">${it.machine_name || it.machine_id}</span>${it.machine_status !== "online" ? html`<span class="inst-machine-status">${tn(it.machine_status === "revoked" ? "machineRevoked" : "machineOffline")}</span>` : null}</span>` : null}
+        ${it.machine_id ? html`<span class=${`inst-machine${it.machine_status !== "online" ? " offline" : ""}`} title=${tn("tooltipMachine",{value:machineName(it.machine_id,it.machine_name)})}><span class="inst-machine-name">${machineName(it.machine_id,it.machine_name)}</span>${it.machine_status !== "online" ? html`<span class="inst-machine-status">${tn(it.machine_status === "revoked" ? "machineRevoked" : "machineOffline")}</span>` : null}</span>` : null}
         ${facet === "needs" ? html`<span class="inst-sub"><span class="badge-await" title=${waiting || t("app.approxNote")}>${t("app.needsYou")}</span></span>` : null}
         <span class="sr-only">${tn("tooltipBackend", { value: backendLabel(it.backend) })}</span></span>
     </a>${fav && editing && canStar ? html`<button type="button" class="icon-btn inst-move" aria-label=${tn("favUp", { name: label })}

package/dist/ui/shared/machine-name.js

@@ -0,0 +1,13 @@
+// A paired computer's display name. A module of its own, imported by the sidebar (instance-nav.js) and by the lazy
+// chat panel. A tab opened before an upgrade keeps the old shell, whose instance-nav.js has no `machineName`; the new
+// chat panel imports it from here instead, a module that tab loads fresh, so Chat still opens (as #2978 did for
+// settings-width.js). It registers its own words so it does not depend on the shell's older string tables.
+import { register, t } from "./app-i18n.js";
+
+register("machine", {
+  "en": { "short": "Computer {value}" },
+  "zh-TW": { "short": "電腦 {value}" },
+});
+
+/** A remote computer by its name; with no name yet, by the start of its id, never the whole id. The 8-character cut matches `shortId` in src/ui/settings-agent-filters.js; keep the two in step. */
+export const machineName = (id, name) => name || t("machine.short").split("{value}").join(String(id).slice(0, 8));

package/dist/ui/shared/settings-width.js

@@ -0,0 +1,31 @@
+// #2936 (Settings content width, from app-shell.js) — #2978 merge: a module of its own, imported by the shell (which
+// restores the choice at load) and by Settings' Look section. A tab opened before an upgrade has the old shell, without
+// these names; the new Settings panel imports them from here instead, a module that tab loads fresh, so Settings still
+// opens (the width then applies from the first change on, and at the next load).
+import { createStore } from "./app-store.js";
+
+/** Settings' reading space is this device's layout choice, never a host-kept or staged preference. */
+export const SETTINGS_CONTENT_WIDTH_KEY = "agend_settings_content_width";
+export const SETTINGS_CONTENT_WIDTHS = Object.freeze([1000, 1200, 1440]);
+export const DEFAULT_SETTINGS_CONTENT_WIDTH = 1200;
+export const settingsContentWidthStore = createStore({ width: DEFAULT_SETTINGS_CONTENT_WIDTH });
+function storedSettingsContentWidth() {
+  try {
+    const value = globalThis.localStorage.getItem(SETTINGS_CONTENT_WIDTH_KEY);
+    return SETTINGS_CONTENT_WIDTHS.find((width) => String(width) === value) ?? DEFAULT_SETTINGS_CONTENT_WIDTH;
+  } catch { return DEFAULT_SETTINGS_CONTENT_WIDTH; }
+}
+function showSettingsContentWidth(width) {
+  // The property is consumed only by Settings' content maximum; CSS still fits a narrower window or form.
+  if (typeof document !== "undefined") document.documentElement.style.setProperty("--settings-width", `${width}px`);
+  settingsContentWidthStore.set({ width });
+}
+/** A page load restores this device's choice. Unreadable or invalid storage keeps the normal 1200 px maximum. */
+export function initSettingsContentWidth() { showSettingsContentWidth(storedSettingsContentWidth()); }
+/** Apply immediately even when storage is unavailable; then the choice lasts for this page only. */
+export function setSettingsContentWidth(width) {
+  if (!SETTINGS_CONTENT_WIDTHS.includes(width)) return;
+  try { globalThis.localStorage.setItem(SETTINGS_CONTENT_WIDTH_KEY, String(width)); } catch { /* this page only */ }
+  showSettingsContentWidth(width);
+}
+

package/dist/ui/shared/tokens.css

@@ -46,6 +46,7 @@
 
   /* ── Layout ── */
   --col: 768px;            /* the conversation column */
+  --settings-width: 1200px; /* settings workspace, including its horizontal padding */
   --sidebar-w: 260px;
   --header-h: 52px;
   --tap: 44px;             /* the smallest touch target on a phone */

package/dist/ui/shared/ui-dialog.js

@@ -10,7 +10,7 @@ import { t } from "./app-i18n.js";
  * <${Dialog} title="Create task" onClose=${…} actions=${html`…`}>…body…</${Dialog}>
  * Rendered = open; the parent unmounts it to close. `busy` keeps Esc and the backdrop from closing it mid-request.
  */
-export function Dialog({ title, onClose, actions, children, busy = false, wide = false, drawer = false, label, tools = null }) {
+export function Dialog({ title, onClose, actions, children, busy = false, wide = false, drawer = false, label, tools = null, cls = "" }) {
   const ref = useRef(null);
   const opener = useRef(null);
   const busyRef = useRef(busy);
@@ -41,7 +41,7 @@ export function Dialog({ title, onClose, actions, children, busy = false, wide =
     d.addEventListener("click", onClick);
     return () => { d.removeEventListener("cancel", onCancel); d.removeEventListener("click", onClick); };
   }, [onClose]);
-  return html`<dialog data-trust="dialog" ref=${ref} class=${`dlg${wide ? " dlg-wide" : ""}${drawer ? " dlg-drawer" : ""}`} aria-label=${label || title}>
+  return html`<dialog data-trust="dialog" ref=${ref} class=${`dlg${wide ? " dlg-wide" : ""}${drawer ? " dlg-drawer" : ""}${cls ? ` ${cls}` : ""}`} aria-label=${label || title}>
     <div class="dlg-box" tabindex="-1">
       <div class="dlg-head"><h2 class="dlg-title">${title}</h2>${tools ? html`<span class="dlg-tools">${tools}</span>` : null}
         <button type="button" class="icon-btn dlg-x" aria-label=${t("app.close")} title=${t("app.close")} onClick=${() => { if (!busyRef.current) onClose(); }}><${Icon} name="close" /></button></div>

package/dist/ui/shared/ui-menu.js

@@ -34,7 +34,7 @@ export function Menu({ items, label, icon = "more", cls = "", active = false, tr
   useEffect(() => {
     if (!open || disabled) { if (open && disabled) setOpen(false); return undefined; }
     const first = list.current && list.current.querySelector("[role=menuitem]:not([disabled]), [role=menuitemradio]:not([disabled]), [role=menuitemcheckbox]:not([disabled])");
-    if (first) first.focus();
+    if (first) first.focus({ preventScroll: true });
     const outside = (e) => { if (list.current && !list.current.contains(e.target) && btn.current && !btn.current.contains(e.target)) setOpen(false); };
     document.addEventListener("pointerdown", outside, true);
     return () => document.removeEventListener("pointerdown", outside, true);
@@ -42,7 +42,7 @@ export function Menu({ items, label, icon = "more", cls = "", active = false, tr
   function onKey(e) {
     const all = [...list.current.querySelectorAll("[role=menuitem]:not([disabled]), [role=menuitemradio]:not([disabled]), [role=menuitemcheckbox]:not([disabled])")];
     const i = all.indexOf(document.activeElement);
-    if (e.key === "Escape") { e.preventDefault(); e.stopPropagation(); setOpen(false); btn.current && btn.current.focus(); }
+    if (e.key === "Escape") { e.preventDefault(); e.stopPropagation(); setOpen(false); btn.current && btn.current.focus({ preventScroll: true }); }
     else if (e.key === "Enter" || e.key === " ") { e.preventDefault(); document.activeElement?.click(); }
     else if (e.key === "ArrowDown") { e.preventDefault(); (all[(i + 1) % all.length] || all[0])?.focus(); }
     else if (e.key === "ArrowUp") { e.preventDefault(); (all[(i - 1 + all.length) % all.length] || all[0])?.focus(); }
@@ -50,7 +50,7 @@ export function Menu({ items, label, icon = "more", cls = "", active = false, tr
     else if (e.key === "End") { e.preventDefault(); all[all.length - 1]?.focus(); }
     else if (e.key === "Tab") setOpen(false);
   }
-  function choose(item) { if (disabled || item.disabled) return; setOpen(false); btn.current && btn.current.focus(); item.onSelect(); }
+  function choose(item) { if (disabled || item.disabled) return; setOpen(false); btn.current && btn.current.focus({ preventScroll: true }); item.onSelect(); }
   return html`<div class=${`menu ${cls}`}>
     <button ref=${btn} type="button" class=${`${triggerClass}${active ? " active" : ""}`} aria-haspopup="menu" aria-expanded=${open ? "true" : "false"} disabled=${disabled}
       aria-label=${label || t("app.more")} title=${label || t("app.more")} onClick=${() => { if (!disabled) setOpen(!open); }}

package/dist/ui/windows-cli-catalog.js

@@ -11,7 +11,7 @@ const initial = () => ({ data:null, loading:false, error:"", checkedAt:0, starte
 
 /** Successful inventory only, in memory. No polling, localStorage, credential data or model tasks. A plain load reads the
  * server's last detection (which starts nothing, M-2239 P1-2); only `force` (Detect again) runs detection. */
-export function createWindowsCliCatalog({ fetcher = (...args) => fetch(...args), now = () => Date.now(), ttlMs = WINDOWS_CLI_CATALOG_TTL_MS, timeoutMs = 80_000 } = {}) {
+export function createWindowsCliCatalog({ fetcher = (...args) => fetch(...args), now = () => Date.now(), ttlMs = WINDOWS_CLI_CATALOG_TTL_MS, timeoutMs = 100_000, machineId = "" } = {}) {
   const store = createStore(initial());
   let pending = null, controller = null, generation = 0;
   const load = ({ force = false } = {}) => {
@@ -26,12 +26,14 @@ export function createWindowsCliCatalog({ fetcher = (...args) => fetch(...args),
     pending = Promise.resolve().then(async () => {
       try {
         if (mine !== generation) return null;
-        const response = await fetcher("/ui/windows-cli/probe",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json"},body:JSON.stringify(force ? {force:true} : {}),signal:abort.signal});
-        const value = await response.json();
+        const base = machineId ? `/ui/runtimes/machines/${encodeURIComponent(machineId)}` : "/ui/windows-cli";
+        const response = await fetcher(`${base}/${machineId && !force ? "inventory" : "probe"}`,{credentials:"same-origin",...(machineId && !force ? {} : {method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(machineId ? {} : force ? {force:true} : {})}),signal:abort.signal});
+        const body = await response.json();
         if (!response.ok) {
           if (mine === generation && [401,403].includes(response.status)) store.set({data:null,checkedAt:0});
-          throw new Error(value?.error || `HTTP ${response.status}`);
+          throw new Error(body?.error || `HTTP ${response.status}`);
         }
+        const value = machineId ? body.inventory || { home:"", clis:[], probedAt:null } : body;
         if (!value || !Array.isArray(value.clis) || typeof value.home !== "string") throw new Error("Invalid Windows CLI inventory response");
         if (mine === generation) store.set({data:value,checkedAt:now(),error:""});
         return value;
@@ -49,20 +51,47 @@ export function createWindowsCliCatalog({ fetcher = (...args) => fetch(...args),
 }
 
 const catalog = createWindowsCliCatalog();
-export function forgetWindowsCliCatalog() { catalog.clear(); }
-export function useWindowsCliCatalog(enabled = true) {
-  const state = useStore(catalog);
-  useEffect(() => { if (enabled) void catalog.load(); },[enabled]);
-  return { ...(enabled ? state : initial()), refresh:() => catalog.load({force:true}) };
+const remoteCatalogs = new Map();
+function catalogFor(machineId) {
+  if (!machineId) return catalog;
+  if (!remoteCatalogs.has(machineId)) remoteCatalogs.set(machineId,createWindowsCliCatalog({machineId}));
+  return remoteCatalogs.get(machineId);
+}
+export const refreshWindowsCliCatalog = (machineId = "") => catalogFor(machineId).load({force:true});
+/** Subscribe to progress without starting a read; cards observe detection started in a dialog. */
+export const useWindowsCliCatalogSnapshot = (machineId = "") => useStore(catalogFor(machineId));
+export function forgetWindowsCliCatalog() { catalog.clear(); for (const remote of remoteCatalogs.values()) remote.clear(); remoteCatalogs.clear(); }
+export function useWindowsCliCatalog(enabled = true, machineId = "") {
+  const current = catalogFor(machineId);
+  const state = useStore(current);
+  useEffect(() => { if (enabled) void current.load(); },[enabled,current]);
+  return { ...(enabled ? state : initial()), refresh:() => current.load({force:true}) };
 }
 
+register("windetect", {
+  en: { remoteWindows:"Paired Windows Runtime" },
+  "zh-TW": { remoteWindows:"已配對的 Windows Runtime" },
+});
 register("windetect", {
   "zh-TW": { loading:"正在偵測 Windows CLI…", refreshing:"正在更新 Windows CLI…", hint:"正在確認已安裝的 CLI、版本與登入狀態。完成後會重用結果，不必每次重新等待。", elapsed:"已等待 {0} 秒，仍在檢查中。", failed:"無法完成 Windows CLI 偵測", previous:"更新未完成，目前顯示上次成功偵測的結果。", retry:"重試偵測", refresh:"重新偵測", cached:"已載入最近的偵測結果", never:"尚未偵測 Windows CLI。偵測會逐一啟動已安裝的 CLI 一次，讀取版本與登入狀態；之後只在你按下「重新偵測」時再做。", detect:"偵測 Windows CLI" },
   en: { loading:"Detecting Windows CLIs…", refreshing:"Updating Windows CLIs…", hint:"Checking installed CLIs, versions and sign-ins. Results are reused so reopening does not repeat the wait.", elapsed:"Still checking after {0} seconds.", failed:"Windows CLI detection failed", previous:"Refresh failed. Showing the last successful inventory.", retry:"Retry detection", refresh:"Detect again", cached:"Loaded the recent inventory", never:"Windows CLIs have not been detected yet. Detection starts each installed CLI once to read its version and sign-in; after that, only when you press Detect again.", detect:"Detect Windows CLIs" },
 });
+register("windetect", {
+  en: { computer:"Diagnostic computer", hostWindows:"Windows on the AgEnD host", hostHint:"Diagnostics and test tasks use this computer's CLIs and sign-ins.", hostUnknown:"Computer name not reported", hostRefresh:"Detect again to read the Windows computer name." },
+  "zh-TW": { computer:"診斷電腦", hostWindows:"AgEnD 主機的 Windows", hostHint:"診斷與測試任務使用這台電腦的 CLI 與登入。", hostUnknown:"電腦名稱尚未回報", hostRefresh:"重新偵測後可取得 Windows 電腦名稱。" },
+});
 export const detectionText = key => t(`windetect.${key}`);
 
-export function WindowsCliDiscoveryStatus({ state }) {
+/** Show the execution computer's identity, independently of the computer opening the dashboard. */
+export function WindowsCliHostIdentity({ inventory, compact = false, machineId = "", machine }) {
+  const hostname = (inventory?.hostname || machine?.hostname || "").trim();
+  return html`<div class=${`windows-cli-target${compact ? " is-compact" : ""}`} aria-label=${detectionText("computer")}>
+    <${Icon} name="fleet" size=${compact ? 16 : 21} /><div><span class="windows-cli-target-label">${machineId ? t("windetect.remoteWindows") : detectionText("hostWindows")}</span><strong class="windows-cli-target-name">${machineId ? `${machine?.name || machineId}${hostname && hostname !== machine?.name ? ` · ${hostname}` : ""}` : hostname || detectionText("hostUnknown")}</strong>
+    ${!compact ? html`<p>${detectionText(hostname ? "hostHint" : "hostRefresh")}</p>` : null}</div>
+  </div>`;
+}
+
+export function WindowsCliDiscoveryStatus({ state, disabled = false }) {
   const lease = useLease("windows-cli-discovery-status");
   const [seconds,setSeconds] = useState(0);
   useEffect(() => {
@@ -71,9 +100,9 @@ export function WindowsCliDiscoveryStatus({ state }) {
     tick(); const timer = lease.interval(tick,1000);
     return () => lease.clear(timer);
   },[lease,state.loading,state.startedAt]);
-  if (state.error) return html`<div class="cli-discovery-status is-error" role="alert"><${Icon} name="alert" size=${18} /><div><strong>${detectionText("failed")}</strong><p>${state.data ? detectionText("previous") : state.error}</p>${state.data ? html`<small>${state.error}</small>` : null}<button type="button" class="btn btn-sm" onClick=${state.refresh}>${detectionText("retry")}</button></div></div>`;
+  if (state.error) return html`<div class="cli-discovery-status is-error" role="alert"><${Icon} name="alert" size=${18} /><div><strong>${detectionText("failed")}</strong><p>${state.data ? detectionText("previous") : state.error}</p>${state.data ? html`<small>${state.error}</small>` : null}<button type="button" class="btn btn-sm" disabled=${disabled} onClick=${state.refresh}>${detectionText("retry")}</button></div></div>`;
   // M-2239 P1-2: nothing is detected on its own — the first detection is the administrator's press too.
-  if (!state.loading && state.data && state.data.probedAt === null) return html`<div class="cli-discovery-status" role="status"><${Icon} name="info" size=${18} /><div><p>${detectionText("never")}</p><button type="button" class="btn btn-sm" onClick=${state.refresh}>${detectionText("detect")}</button></div></div>`;
+  if (!state.loading && state.data && state.data.probedAt === null) return html`<div class="cli-discovery-status" role="status"><${Icon} name="info" size=${18} /><div><p>${detectionText("never")}</p><button type="button" class="btn btn-sm" disabled=${disabled} onClick=${state.refresh}>${detectionText("detect")}</button></div></div>`;
   if (!state.loading && state.data) return null;
   return html`<div class="cli-discovery-status" role="status" aria-live="polite" aria-busy="true"><span class="out-spin" aria-hidden="true"></span><div><strong>${detectionText(state.data ? "refreshing" : "loading")}</strong><p>${detectionText("hint")}</p>${seconds >= 8 ? html`<small>${t("windetect.elapsed",seconds)}</small>` : null}</div></div>`;
 }

package/dist/web-api.d.ts

@@ -40,6 +40,7 @@ export interface WebApiContext {
     recoverNativePane?(name: string, launchId: string, authorized: () => boolean): Promise<void>;
     startFreshNativePane?(name: string, launchId: string, sessionId: string | null, authorized: () => boolean): Promise<void>;
     nativeInstanceRuntime?(): import("./fleet-windows-runtime.js").FleetWindowsRuntime;
+    agentRuntimeChanges?(): import("./agent-runtime-change.js").AgentRuntimeChanges;
     createNativePaneInstance?(profile: Record<string, unknown>, channelId: string | undefined, authorized: () => boolean, execution: import("./settings-transaction.js").SettingsExecution): Promise<unknown>;
     updateNativePaneConfig?(name: string, patch: Partial<import("./fleet-windows-runtime.js").NativeRuntimePatch>, authorized: () => boolean, execution?: import("./settings-transaction.js").SettingsExecution): Promise<unknown>;
     runtimeCoordinator?(): RuntimeCoordinator;

package/dist/web-api.js

@@ -58,6 +58,7 @@ import { xmsgShown } from "./search/search-docs.js";
 import { WebSendDedupe } from "./web-send-dedupe.js";
 import { handleWindowsCliRequest, nativeCliAuthorization } from "./windows-cli-api.js";
 import { createNativeInstance, handleNativeInstanceRequest } from "./native-instance-api.js";
+import { handleAgentRuntimeChange } from "./agent-runtime-api.js";
 import { isWindowsInstance, isNativePaneInstance, isNativeExecInstance } from "./native-instance-registry.js";
 import { handleNativeModelCatalog } from "./native-model-catalog.js";
 import { claudeDocumentedModels } from "./model-catalog-defaults.js";
@@ -1894,6 +1895,8 @@ export function handleWebRequest(req, res, url, ctx) {
         json(res, 403, { error: "Windows runtime requires an administrator on the local dashboard" });
         return true;
     }
+    if (handleAgentRuntimeChange(req, res, url, ctx))
+        return true;
     if (handleNativeInstanceRequest(req, res, url, ctx))
         return true;
     if (handleWindowsCliRequest(req, res, url, ctx))