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

package/dist/ui/agent-runtime-settings.js

@@ -0,0 +1,68 @@
+import {html,useEffect,useRef,useState} from "/assets/app-html.js";
+import {useLease} from "/assets/app-ctx.js";
+import {appStore,useStore} from "/assets/app-store.js";
+import {register,t} from "/assets/app-i18n.js";
+import {sectionPath} from "/assets/app-route.js";
+import {Dialog} from "/assets/ui-dialog.js";
+import {CliPicker,CliProductMark,cliLabel} from "./cli-picker.js";
+import {RuntimePicker,tr} from "./agent-runtime.js";
+import {ClaudeAccountSelect} from "./credential-profile-select.js";
+import {useRuntimeCatalog,runtimeCliChoices} from "./runtime-catalog.js";
+import {useWindowsCliCatalog} from "./windows-cli-catalog.js";
+import {useBackendRows} from "./settings-catalog.js";
+import {ModelSelect} from "./settings-dialogs.js";
+import {machineLabel} from "./settings-agent-filters.js";
+import {removedBackendReplacement} from "./settings-model.js";
+register("runtimeChange",{
+ "zh-TW":{removed:"{0} 已從 AgEnD 移除，無法繼續使用。請改選其他 CLI，建議使用 {1}。",title:"切換 Runtime 與 CLI",change:"切換 Runtime／CLI",current:"執行環境與 CLI",lead:"保留同一個 Agent 與 AgEnD 聊天歷史，在選擇的電腦開始新的 CLI 對話。",configure:"設定新環境",next:"下一步",back:"上一步",cancel:"取消",apply:"儲存切換",loading:"正在讀取 Agent 與 Runtime 狀態…",busy:"正在準備新工作區並關閉舊 CLI…",fresh:"我了解切換後會開始新的 CLI 對話",freshHint:"原有 CLI 對話與檔案會留在原電腦；不會自動複製到新環境。",stopped:"切換後 Agent 會暫停，請從 Agent 列表啟動。",directoryHint:"更換電腦時請填目標電腦的路徑；留空會建立獨立工作區。",dirty:"請先儲存或取消其他編輯，再切換 Runtime。",unknown:"請重新讀取 Agent 狀態再操作，避免重複切換。",reload:"重新讀取狀態",failed:"無法切換 Runtime",noCli:"這台電腦尚無可用的 CLI。請先到 Runtime 偵測或更新清單。",generalMove:"General 的位置不在這裡切換。請到「Agent 共用設定 → General 位置」，那裡會暫停投遞並確認舊程式已結束。",generalGo:"前往 General 位置"},
+ en:{removed:"{0} was removed from AgEnD and can no longer run. Choose another CLI; {1} is its replacement.",title:"Change runtime and CLI",change:"Change runtime / CLI",current:"Runtime and CLI",lead:"Keep this Agent and its AgEnD chat history. Start a fresh CLI conversation on the selected computer.",configure:"Configure the new environment",next:"Next",back:"Back",cancel:"Cancel",apply:"Save runtime change",loading:"Loading Agent and runtime state…",busy:"Preparing the new workspace and closing the old CLI…",fresh:"I understand this starts a new CLI conversation",freshHint:"Existing CLI conversations and files stay on the original computer. They are not copied to the new environment.",stopped:"The Agent will be paused after switching. Start it from the Agent list.",directoryHint:"Use a path on the target computer. Leave empty for a separate managed workspace.",dirty:"Save or cancel other edits before changing runtime.",unknown:"Read the Agent state again before another operation to avoid switching twice.",reload:"Read state again",failed:"Could not change runtime",noCli:"No runnable CLI is available on this computer. Detect or refresh its inventory in Runtime settings.",generalMove:"General is not moved from here. Use Shared agent settings → General location, which holds deliveries and confirms the old process has exited.",generalGo:"Go to General location"}
+});
+const text=(key,...values)=>t(`runtimeChange.${key}`,...values);
+export function AgentRuntimeSettings({name,inst,disabled=false,inherited=null,onChanged}){
+ const [open,setOpen]=useState(false),general=inst.general_topic===true||name==="general";
+ // The computer's name as the Runtime page shows it; a computer that is revoked or gone says so (with the start of its id), never the whole id.
+ const where=inst.runtime==="windows"?(inst.machine_id?machineLabel(inst.machine_id,inst.machine_name,inst.machine_status,inst.machine_missing!==true):null):null;
+ const place=inst.runtime==="windows"?(where?where.label:tr("windows")):tr("wsl");
+ return html`<section class="agent-runtime-settings"><div><span class="note">${text("current")}</span><p><${CliProductMark} id=${inst.backend} size=${20}/><strong class="agent-runtime-place" title=${where?.title||place}>${place}</strong><span class=${removedBackendReplacement(inst.backend)?"agent-runtime-removed":undefined}>· ${removedBackendReplacement(inst.backend)?t("settings.backendUnavailable",inst.backend):cliLabel(inst.backend)}</span></p>${inherited}</div>${general?html`<p class="note agent-runtime-general">${text("generalMove")} <a href=${`${sectionPath("agent-defaults")}#general-location`}>${text("generalGo")}</a></p>`:html`<button type="button" class="btn btn-sm" disabled=${disabled} title=${disabled?text("dirty"):undefined} onClick=${()=>setOpen(true)}>${text("change")}</button>`}${open&&!general?html`<${AgentRuntimeChangeDialog} name=${name} inst=${inst} onClose=${()=>setOpen(false)} onChanged=${onChanged}/>`:null}</section>`;
+}
+export function AgentRuntimeChangeDialog({name,inst,onClose,onChanged}){
+ const lease=useLease(`runtime-change:${name}`),claim=useRef(false);
+ const {windowsCli}=useStore(appStore),machinesState=useRuntimeCatalog(),rows=useBackendRows();
+ const [source,setSource]=useState(null),[step,setStep]=useState(1),[error,setError]=useState(""),[busy,setBusy]=useState(false),[uncertain,setUncertain]=useState(false);
+ const [f,setForm]=useState({runtime:inst.runtime==="windows"?"windows":"wsl",machineId:inst.machine_id||"",backend:inst.backend||"",directory:inst.working_directory||"",model:inst.model||"",access:inst.native_sandbox||"read-only",adapter:inst.native_adapter||"exec",credentialProfile:"",fresh:false});
+ const local=useWindowsCliCatalog(windowsCli===true&&f.runtime==="windows"&&!f.machineId),machines=machinesState.data?.machines||[],machine=machines.find(row=>row.id===f.machineId);
+ const windows=f.runtime==="windows",inventory=f.machineId?machine?.inventory:local.data;
+ const native=windows?(f.machineId?runtimeCliChoices(machine):inventory?.clis||[]).filter(cli=>cli.path&&cli.supports?.execution!==false&&cli.supports?.resume!==false):[];
+ const choices=windows?native.map(cli=>({value:cli.id,label:cliLabel(cli.id),disabled:!cli.runnable})): (rows||[]).filter(row=>row.installed!==false).map(row=>({value:row.name,label:cliLabel(row.name),disabled:["not_installed","not_signed_in","too_old"].includes(source?.runtime==="wsl"&&source.backend===row.name?(source.backendState||row.state):row.state)}));
+ const selected=native.find(cli=>cli.id===f.backend),targetReady=!!choices.find(choice=>choice.value===f.backend&&!choice.disabled)&&(!f.machineId||machine?.status==="online");
+ const allowedRead=!windows||selected?.readOnlySupport!==false;
+ const set=(key,value)=>setForm(old=>({...old,[key]:value}));
+ const load=async()=>{
+  if(claim.current)return;setSource(null);setError("");
+  try{const response=await lease.fetch(`/ui/instances/${encodeURIComponent(name)}/runtime`),value=await response.json();if(!lease.current())return;if(!response.ok)throw Error(value.error||text("failed"));
+   const {sandbox:access}=value;setSource(value);setUncertain(false);setStep(1);setForm({runtime:value.runtime,machineId:value.machineId||"",backend:value.backend||inst.backend||"",directory:value.directory||"",model:value.model||"",access,adapter:value.adapter,credentialProfile:typeof value.credentialProfile==="string"?value.credentialProfile:"",fresh:false});
+  }catch(e){if(lease.current())setError(e.message);}
+ };
+ useEffect(()=>{void load();},[lease]);
+ useEffect(()=>{void machinesState.refresh();},[]);
+ const choose=(runtime,machineId="")=>setForm(old=>({...old,runtime,machineId,backend:"",model:"",directory:runtime===source?.runtime&&machineId===(source?.machineId||"")?source.directory:"",access:"read-only",adapter:"exec",credentialProfile:runtime==="windows"&&machineId&&machineId===(source?.machineId||"")?source?.credentialProfile||"":"",fresh:false}));
+ useEffect(()=>{if(!f.backend&&choices.some(choice=>!choice.disabled))set("backend",choices.find(choice=>!choice.disabled).value);},[f.runtime,f.machineId,f.backend,choices.map(choice=>`${choice.value}:${choice.disabled}`).join(",")]);
+ const submit=async()=>{
+  if(claim.current||uncertain||!source||!f.fresh||!targetReady||(!allowedRead&&f.access==="read-only"))return;
+  claim.current=true;setBusy(true);setError("");
+  const body={requestId:crypto.randomUUID(),expectedRevision:source.revision,runtime:f.runtime,...(f.machineId?{machineId:f.machineId}:{}),backend:f.backend,model:f.model.trim(),directory:f.directory.trim(),sandbox:f.access,adapter:windows?f.adapter:"exec",startNewConversation:true,...(windows&&f.machineId&&f.backend==="claude-code"&&f.credentialProfile?{credentialProfile:f.credentialProfile}:{})};
+  try{const response=await lease.fetch(`/ui/instances/${encodeURIComponent(name)}/runtime`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(body)}),value=await response.json();if(!lease.current())return;
+   if(!response.ok||value?.ok!==true)throw Error(value.error||text("failed"));onChanged?.();onClose();
+  }catch(e){if(lease.current()){setError(e.message);setUncertain(true);}}
+  finally{claim.current=false;if(lease.current())setBusy(false);}
+ };
+ const close=()=>{if(!claim.current)onClose();};
+ return html`<${Dialog} title=${text("title")} cls="agent-runtime-change-dialog" busy=${busy} onClose=${close} wide=${true} actions=${html`<button type="button" class="btn" disabled=${busy} onClick=${close}>${text("cancel")}</button>${step===2?html`<button type="button" class="btn" disabled=${busy||uncertain} onClick=${()=>setStep(1)}>${text("back")}</button>`:null}<button type="button" class="btn btn-primary" disabled=${busy||uncertain||!source||!targetReady||(step===2&&(!f.fresh||!allowedRead&&f.access==="read-only"))} onClick=${step===1?()=>setStep(2):submit}>${text(step===1?"next":"apply")}</button>`}>
+  <div class="form agent-runtime-change" aria-busy=${busy}><p>${text("lead")}</p>${!source?html`<p role="status">${text("loading")}</p>`:null}
+  ${source&&step===1?html`<${RuntimePicker} value=${f.runtime} onChange=${runtime=>choose(runtime)} windowsEnabled=${windowsCli===true} machineId=${f.machineId} machines=${machines} onMachineChange=${id=>choose("windows",id)} onRefresh=${machinesState.refresh} loaded=${!!machinesState.data && !machinesState.error}/><div class="field"><label>${tr("backend")}</label><${CliPicker} value=${f.backend} choices=${choices} label=${tr("backend")} onChange=${backend=>setForm(old=>({...old,backend,model:"",credentialProfile:backend==="claude-code"?old.credentialProfile:"",fresh:false}))}/></div>${removedBackendReplacement(f.backend)?html`<p class="note" role="status">${text("removed",f.backend,removedBackendReplacement(f.backend))}</p>`:null}${!choices.length?html`<p class="note">${text("noCli")}</p>`:null}`:null}
+  ${source&&step===2?html`<h3>${text("configure")}</h3><p><strong>${machine?.name||(windows?tr("windows"):tr("wsl"))}</strong> · ${cliLabel(f.backend)}</p><label class="field"><span>${tr("directory")}</span><input value=${f.directory} disabled=${busy||uncertain} onInput=${event=>set("directory",event.target.value)}/></label><p class="note">${text("directoryHint")}</p><div class="field"><label for="runtime-change-model">${t("settings.model")}</label><${ModelSelect} id="runtime-change-model" disabled=${busy||uncertain} value=${f.model} onChange=${value=>set("model",value)} backend=${f.backend} instance=${!windows&&source.runtime==="wsl"&&source.backend===f.backend?name:undefined} runtime=${f.runtime} machineId=${f.machineId} inherit=${t("settings.modelCliDefault")}/></div>
+  ${windows?html`<label class="field"><span>${tr("access")}</span><select value=${f.access} disabled=${busy||uncertain} onChange=${event=>set("access",event.target.value)}><option value="read-only" disabled=${!allowedRead}>${tr("read")}</option><option value="workspace-write">${tr("write")}</option></select></label>${!allowedRead?html`<p class="note" role="status">${tr("noReadOnly")}</p>`:null}<label class="field"><span>${tr("adapter")}</span><select value=${f.adapter} disabled=${busy||uncertain} onChange=${event=>set("adapter",event.target.value)}><option value="exec">${tr("adapterExec")}</option><option value="pane" disabled=${!["codex","claude-code"].includes(f.backend)}>${tr("adapterPane")}</option></select></label>${f.machineId?html`<${ClaudeAccountSelect} id="runtime-change-claude-account" machine=${machine} backend=${f.backend} value=${f.credentialProfile} onChange=${value=>set("credentialProfile",value)} disabled=${busy||uncertain||machine?.status!=="online"} changeNote=${true}/>`:null}`:null}
+  <p class="note">${text("freshHint")}</p><p class="note">${text("stopped")}</p><label class="check"><input type="checkbox" checked=${f.fresh} disabled=${busy||uncertain} onChange=${event=>set("fresh",event.target.checked)}/><span>${text("fresh")}</span></label>`:null}
+  ${busy?html`<p role="status"><span class="out-spin" aria-hidden="true"></span> ${text("busy")}</p>`:null}${error?html`<p class="feedback error" role="alert">${error}</p>`:null}${uncertain?html`<p class="note">${text("unknown")}</p><button type="button" class="btn" onClick=${load}>${text("reload")}</button>`:null}</div>
+ </${Dialog}>`;
+}

package/dist/ui/agent-runtime.js

@@ -2,6 +2,7 @@ import { html, useEffect, useRef, useState } from "/assets/app-html.js";
 import { register, t } from "/assets/app-i18n.js";
 import { useLease } from "/assets/app-ctx.js";
 import { Icon } from "/assets/ui-icons.js";
+import { runtimeCliChoices } from "./runtime-catalog.js";
 
 register("runtime", {
   "zh-TW": { title:"新增 Agent", choose:"1. 選擇 Runtime", wsl:"WSL / Linux", windows:"Windows 本機", wslHint:"使用 Linux CLI 與工作目錄", windowsHint:"使用 Windows 工具與本機登入", disabled:"需要先啟用 Windows CLI", configure:"2. 設定 Agent", backend:"CLI", directory:"工作目錄（選填）", nativeHint:"建立 Windows Codex Agent，保留獨立對話。Claude Code 目前僅支援偵測。", model:"使用 Windows Codex 的預設模型", access:"檔案存取", read:"唯讀", write:"工作目錄可寫入", required:"請填入 Agent 名稱，工作目錄可以留空。", created:"Windows Agent 已建立", assist:"讓 AI 幫我填寫", assistHint:"由已登入的 Windows Codex 產生草稿，填回下方後可編輯，再按「建立」。", noAi:"需要先有可用的 AI：請在設定 → Windows CLI 確認 Codex 已登入。", goal:"描述想建立的 Agent", placeholder:"例如：建立一個協助整理資料、回答問題的助手", generate:"產生設定草稿", generating:"AI 正在產生草稿…", cancel:"取消產生", draftError:"AI 沒有回傳有效的設定草稿，請調整描述後再試。", nativeBackend:"Codex — Windows", nativeClaude:"Claude Code — Windows（僅偵測）" },
@@ -25,6 +26,10 @@ register("runtime", {
   en: { computers:"Connected computers", online:"Online", offline:"Offline", pending:"Awaiting approval", revoked:"Revoked", machineLoading:"Loading connected computers…", machineFailed:"Could not update connected computers. Local choices are still available.", machineRetry:"Refresh computers", noRemoteCli:"This computer has not reported a task-capable CLI.", remoteDirectory:"Working directory on {0} (optional)", remoteDraft:"AI-assisted setup is currently available for the local runtime. You can enter this remote agent's settings below.", machine:"Computer", inventoryAt:"CLI inventory updated: {0}", remotePolicy:"Files and CLI permissions belong to the selected computer. Sign-ins remain on that computer.", manage:"Connect or manage computers in Settings → Runtime", noAvailableMachine:"Connect and approve a computer in Settings → Runtime to use its CLIs." },
   "zh-TW": { computers:"已連接的電腦", online:"在線", offline:"離線", pending:"等待核准", revoked:"已撤銷", machineLoading:"正在載入已連接的電腦…", machineFailed:"無法更新已連接的電腦，仍可使用本機選項。", machineRetry:"更新機器清單", noRemoteCli:"這台電腦尚未回報可派工的 CLI。", remoteDirectory:"{0} 上的工作目錄（選填）", remoteDraft:"AI 協助設定目前適用於本機 Runtime，你可以直接填寫下方遠端 Agent 設定。", machine:"電腦", inventoryAt:"CLI 清單更新：{0}", remotePolicy:"檔案與 CLI 權限屬於所選電腦，登入也保留在該電腦上。", manage:"前往設定 → Runtime 連接或管理電腦", noAvailableMachine:"在設定 → Runtime 連接並核准電腦後，即可使用它的 CLI。" },
 });
+register("runtime", {
+  en: { machineOffline:"Offline: run connect-agend.bat on that computer.", machinePending:"Awaiting approval: choose Approve computer in Settings → Runtime.", machineNoInventory:"CLIs not detected yet: choose Refresh CLI inventory for it in Settings → Runtime.", machineNoCli:"No task-capable CLI reported: install one, then choose Refresh CLI inventory in Settings → Runtime.", machineNotReady:"No CLI is signed in and ready: sign in on that computer, then choose Refresh CLI inventory in Settings → Runtime." },
+  "zh-TW": { machineOffline:"離線：請在那台電腦執行 connect-agend.bat。", machinePending:"等待核准：請到設定 → Runtime 按「核准電腦」。", machineNoInventory:"尚未偵測 CLI：到設定 → Runtime 按該電腦的「更新 CLI 清單」。", machineNoCli:"沒有可派工的 CLI：請先安裝，再到設定 → Runtime 按「更新 CLI 清單」。", machineNotReady:"CLI 尚未登入或只能偵測：請在那台電腦登入，再到設定 → Runtime 按「更新 CLI 清單」。" },
+});
 register("runtime", {
   "zh-TW": {
     agendQueries:"AgEnD 工具：唯讀模式可查詢 Agent、任務與派送狀態。",
@@ -44,9 +49,22 @@ export function NativeAgendToolsHint({ cli, sandbox }) {
   return html`<p class="note native-agend-tools">${tr(!supported ? "agendUnavailable" : sandbox === "read-only" ? "agendQueries" : "agendActions")}</p>`;
 }
 /** #2953 story 3 (S-35): with this PC's Windows CLIs switched off, "Native Windows" is not offered at all (paired PCs still are). */
-export function RuntimePicker({ value, onChange, windowsEnabled, disabled, machineId = "", machines = [], onMachineChange, legend = tr("choose") }) {
+/** Why a connected computer cannot take a new agent yet ("" when it can). Offline, awaiting approval and no usable CLI are deliberate blocks; the picker says which. */
+export function machineBlockReason(machine) {
+  if (machine.status === "pending") return "machinePending";
+  if (machine.status !== "online") return "machineOffline";
+  if (!machine.inventory) return "machineNoInventory";
+  const choices = runtimeCliChoices(machine);
+  // Same bar as the dialogs' "Next": a computer is usable once one of its task-capable CLIs is runnable.
+  return !choices.length ? "machineNoCli" : choices.some(cli => cli.runnable === true) ? "" : "machineNotReady";
+}
+export function RuntimePicker({ value, onChange, windowsEnabled, disabled, machineId = "", machines = [], onMachineChange, onRefresh, loaded = false, legend = tr("choose") }) {
+  const [refreshing, setRefreshing] = useState(false);
+  // Only a click on the button disables it, never the 5 s background poll (that would drop keyboard focus).
+  const refresh = async () => { setRefreshing(true); try { await onRefresh(); } finally { setRefreshing(false); } };
+  const listed = machines.filter(machine => machine.status !== "revoked");
   return html`<fieldset class="agent-runtime-picker" disabled=${disabled}><legend>${legend}</legend><div>${(windowsEnabled ? ["wsl","windows"] : ["wsl"]).map(runtime => html`<label key=${runtime} class=${`agent-runtime-choice${!machineId && value === runtime ? " selected" : ""}`}><input type="radio" name="agent-runtime" value=${runtime} checked=${!machineId && value === runtime} disabled=${runtime === "windows" && !windowsEnabled} onChange=${() => onChange(runtime)} /><${Icon} name=${runtime === "windows" ? "view" : "code"} size=${22} /><span><strong>${tr(runtime)}</strong><small>${tr(runtime === "windows" && !windowsEnabled ? "disabled" : `${runtime}Hint`)}</small></span></label>`)}</div>
-    ${machines.length ? html`<section class="runtime-remote-targets" aria-label=${tr("computers")}><h4>${tr("computers")}</h4>${machines.filter(machine => machine.status !== "revoked").map(machine => html`<label key=${machine.id} class=${`agent-runtime-choice${machineId === machine.id ? " selected" : ""}`}><input type="radio" name="agent-runtime" value=${`machine:${machine.id}`} checked=${machineId === machine.id} disabled=${machine.status !== "online"} onChange=${() => onMachineChange?.(machine.id)} /><${Icon} name="view" size=${22} /><span><strong>${machine.name}</strong><small>${machine.platform || "Windows"} · ${tr(["online","offline","pending"].includes(machine.status) ? machine.status : "offline")}</small></span></label>`)}</section>` : null}
+    ${listed.length || onRefresh ? html`<section class="runtime-remote-targets" aria-label=${tr("computers")}><div class="runtime-remote-heading"><h4>${tr("computers")}</h4>${onRefresh ? html`<button type="button" class="btn btn-ghost btn-sm" disabled=${refreshing} onClick=${refresh}>${tr("machineRetry")}</button>` : null}</div>${listed.map(machine => { const reason = machineBlockReason(machine), status = ["online","offline","pending"].includes(machine.status) ? machine.status : "offline"; return html`<label key=${machine.id} class=${`agent-runtime-choice${machineId === machine.id ? " selected" : ""}${reason ? " blocked" : ""}`}><input type="radio" name="agent-runtime" value=${`machine:${machine.id}`} checked=${machineId === machine.id} disabled=${!!reason} aria-describedby=${reason ? `machine-reason-${machine.id}` : undefined} onChange=${() => onMachineChange?.(machine.id)} /><${Icon} name="view" size=${22} /><span><strong>${machine.name}</strong><small><span class="runtime-machine-platform">${machine.platform || "Windows"} · </span><span class=${`runtime-machine-status is-${status}`}>${tr(status)}</span></small>${reason ? html`<small class="runtime-machine-reason" id=${`machine-reason-${machine.id}`}>${tr(reason)}</small>` : null}</span></label>`; })}${loaded && !listed.length ? html`<p class="note">${tr("noAvailableMachine")}</p>` : null}</section>` : null}
   </fieldset>`;
 }
 export function parseAgentDraft(text, runtime) {

package/dist/ui/backend-signin.js

@@ -12,6 +12,8 @@ import { closeDialog, shellStore, showDialog } from "/assets/app-shell.js";
 import { Dialog } from "/assets/ui-dialog.js";
 import { toast } from "/assets/ui-toast.js";
 import { mountStructuredSignIns } from "./structured-signin.js";
+import { CliProductMark, cliLabel } from "./cli-picker.js";
+import { identityText } from "./account-identity.js";
 
 register("signin", {
   en: {
@@ -231,11 +233,12 @@ export function BrowserSignInDialog({ backend, backends, onClose }) {
     if (!result.ok) { toast(tn("failed")); return; }
     showDialog(SignInDialog, { backend: chosen });
   };
-  return html`<${Dialog} title=${backends ? tn("listTitle") : tn("title", backend)} onClose=${close}>
-    <div ref=${root}></div>
+  const actions = html`<div class="signin-browser-actions">
     ${backends ? backends.filter(b => b !== "antigravity").map(b => html`<button type="button" class="btn" onClick=${() => fallback(b)}>${b} · ${tn("consoleFallback")}</button>`) : null}
-    <div class="s-actions">${backend ? html`<button type="button" class="btn" onClick=${() => fallback(backend)}>${tn("consoleFallback")}</button>` : null}
-    <button type="button" class="btn" onClick=${close}>${tn("close")}</button></div>
+    ${backend ? html`<button type="button" class="btn" onClick=${() => fallback(backend)}>${tn("consoleFallback")}</button>` : null}
+    <button type="button" class="btn" onClick=${close}>${tn("close")}</button></div>`;
+  return html`<${Dialog} title=${backends ? tn("listTitle") : tn("title", cliLabel(backend))} onClose=${close} actions=${actions}>
+    <div class="signin-browser" ref=${root}></div>
   </${Dialog}>`;
 }
 
@@ -325,30 +328,45 @@ export function SignInLine() {
     <button type="button" class="btn btn-sm" onClick=${() => openRunning(login)}>${tn("open")}</button></div>`;
 }
 
+/** Which account a Claude Code sign-in is (masked e-mail and plan, as the host's own `claude auth status` said). An older server sends none: then nothing is shown. */
+const accountOf = (target) => identityText(target?.identity);
 const STATE_KEY = { usable: "stUsable", not_signed_in: "stNotSignedIn", not_installed: "stNotInstalled", too_old: "stTooOld", unknown: "stUnknown" };
 
-/** Settings → Agents: each login on this machine, with Sign in where the dashboard can do it. */
+register("signin", {
+  en: {
+    hostTitle: "CLI sign-ins", hostHint: "Accounts used by CLIs on the host running AgEnD.",
+    hostBadge: "AgEnD host", hostProfile: "Credential profile: {0}", hostLoading: "Reading CLI sign-ins…", hostEmpty: "No CLI sign-ins were reported on this host.",
+    installHelp: "Installation instructions", updateHelp: "Update instructions", hostHelp: "Sign-in instructions",
+    commandHint: "Run these instructions in a terminal on the host running AgEnD.",
+  },
+  "zh-TW": {
+    hostTitle: "CLI 登入", hostHint: "執行 AgEnD 的主機上，各個 CLI 使用的帳號。",
+    hostBadge: "AgEnD 主機", hostProfile: "憑證設定檔：{0}", hostLoading: "正在讀取 CLI 登入狀態…", hostEmpty: "這台主機尚未回報 CLI 登入項目。",
+    installHelp: "安裝說明", updateHelp: "更新說明", hostHelp: "登入說明",
+    commandHint: "請在執行 AgEnD 的主機終端機中操作。",
+  },
+});
+
+/** Settings → Agents: existing host sign-in actions, with commands disclosed only when needed. */
 export function SignInList() {
   const { targets, loaded, login, structured } = useStore(signInStore);
-  // Not over the temporary public link: only the dashboard reached directly signs a backend in, and the link does not
-  // serve this read (it was a 404 in the console there, found by smoke-1939-authorize-defaults).
+  // Public-link authority remains unchanged: this page neither reads nor offers host sign-in there.
   const offered = signInOffered();
   useEffect(() => { if (offered) void refreshSignIn(); }, []);
-  if (!offered || !loaded || !targets.length) return null;
+  if (!offered) return null;
   const active = structured?.login;
   const running = (login && login.phase === "running") || (active && active.phase !== "done" && !(active.phase === "failed" && active.reason));
-  return html`<section class="s-group signin-list" aria-label=${tn("listTitle")}>
-    <div class="list-head"><span>${tn("listTitle")}</span></div>
-    <p class="sub">${tn("listHint")}</p>
-    ${targets.map((x) => html`<div key=${`${x.backend}:${x.profile || ""}`} class="s-row">
-      <span class="s-name">${shownOf(x.backend, x.profile)}</span>
-      <span class="tag">${tn(STATE_KEY[x.state] || "stUnknown")}</span>
-      <span class="s-br" aria-hidden="true"></span>
-      ${x.install ? html`<span class="s-meta"><code>${tn("install", x.install)}</code></span>` : null}
-      ${x.update ? html`<span class="s-meta"><code>${tn("update", x.update)}</code></span>` : null}
-      ${x.hostCommand ? html`<span class="s-meta"><code>${tn("onHost", x.hostCommand)}</code></span>` : null}
-      <span class="s-actions">${x.signIn ? html`<button type="button" class=${x.state === "not_signed_in" ? "btn btn-sm btn-primary" : "btn btn-sm"} disabled=${!!running}
-        onClick=${() => openSignIn(x)}>${x.state === "usable" ? tn("signInAgain") : tn("signIn")}</button>` : null}</span>
-    </div>`)}
+  return html`<section class="s-group signin-list s-auth-section" aria-label=${tn("hostTitle")}>
+    <header class="s-auth-section-head"><div><h3>${tn("hostTitle")}</h3><p>${tn("hostHint")}</p></div><span class="s-auth-host-badge">${tn("hostBadge")}</span></header>
+    ${!loaded ? html`<p class="note" role="status">${tn("hostLoading")}</p>` : !targets.length ? html`<p class="note">${tn("hostEmpty")}</p>` : html`<div class="s-host-cli-list">${targets.map((x) => {
+      const commands = [["install", x.install], ["update", x.update], ["onHost", x.hostCommand]].filter(([, value]) => value);
+      return html`<div key=${`${x.backend}:${x.profile || ""}`} class="s-row s-host-cli-row" data-backend=${x.backend}>
+        <div class="s-host-cli-identity"><${CliProductMark} id=${x.backend} size=${24} /><div><strong class="s-name">${cliLabel(x.backend)}</strong>${x.profile ? html`<small>${tn("hostProfile", x.profile)}</small>` : null}${accountOf(x) ? html`<small class="s-host-cli-account" data-account=${x.profile || "default"}>${accountOf(x)}</small>` : null}</div></div>
+        <span class=${`tag s-auth-state is-${x.state || "unknown"}`}>${tn(STATE_KEY[x.state] || "stUnknown")}</span>
+        ${x.signIn ? html`<span class="s-actions"><button type="button" class=${x.state === "not_signed_in" ? "btn btn-sm btn-primary" : "btn btn-sm"} disabled=${!!running}
+          onClick=${() => openSignIn(x)}>${x.state === "usable" ? tn("signInAgain") : tn("signIn")}</button></span>` : null}
+        ${commands.length ? html`<details class="s-host-cli-help" data-inline-help=${x.signIn ? "false" : "true"}><summary>${tn(x.install ? "installHelp" : x.update ? "updateHelp" : "hostHelp")}</summary><div><p class="note">${tn("commandHint")}</p>${commands.map(([kind, command]) => html`<p class="s-host-cli-command"><code>${tn(kind, command)}</code></p>`)}</div></details>` : null}
+      </div>`;
+    })}</div>`}
   </section>`;
 }

package/dist/ui/chat-ambient.js

@@ -16,7 +16,7 @@ import { onPrefsChanged } from "/assets/app-prefs.js";
 import { safeMode } from "/assets/owner-css.js";
 import { setThemesShown, themeImageUrl, themesShown, themesStore } from "/assets/app-themes.js";
 import { markMotionNoteShown, motionBlocked, motionNoteDue, onMotionChange, setFollowsReducedMotion } from "/assets/fx-motion.js";
-import "./chat-strings.js";
+import "/assets/chat-strings.js";
 
 export const AMBIENT_CAPS = { loop: 24, burst: 16, bursts: 3 };
 const LOOP_PRESETS = ["fall", "rise", "twinkle"];

package/dist/ui/chat-md-strings.js

@@ -0,0 +1,3 @@
+// Hub PR A (#3226): these words moved to /assets/chat-md-strings.js (src/ui/shared/), shared by the fleet and the Hub. A tab opened
+// before the move still imports them from here for their effect (they register themselves): the same module, once.
+import "/assets/chat-md-strings.js";