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

package/dist/ui/hub-strings.js

@@ -0,0 +1,162 @@
+// AgEnD Hub P1, slice 3 (docs/design/hub-ui-client.md): the Hub pages' own words, en and zh-TW, and their stylesheet.
+// A lazy module of its own: loaded only with a Hub page or card, never while the Hub is off. It imports only names every
+// shell has had since #1408 (register / t), so a tab opened before an upgrade loads it as fresh as the rest.
+import { register, t } from "/assets/app-i18n.js";
+
+register("hub", {
+  en: {
+    preview: "Preview: the Hub connection isn't available in this build yet, so nothing here leaves this page.",
+    // The member's switcher
+    myFleet: "My fleet", hub: "Hub", openHubTab: "Open {0} in a new tab", switcher: "Workspace",
+    // The Hub's own pages
+    askTitle: "Ask", askEmpty: "No agents you can ask yet", askHint: "When an owner shares an agent with you, it appears here with who allowed it.",
+    exposuresTitle: "My exposures", exposuresEmpty: "You don't share any agents yet",
+    exposuresHint: "Share an agent from your own fleet: Settings → Access & security → Connect to a Hub.",
+    adminTitle: "Administration",
+    // The Hub workspace (S3b): sign-in, Ask, My exposures, Administration
+    signedOutHub: "Not signed in", signOut: "Sign out", signInTitle: "Sign in to the Hub",
+    signInLead: "Use your organisation account. Your password goes to the directory only and is never kept.",
+    login: "Account", password: "Password", signIn: "Sign in",
+    errSignIn: "That account and password didn't work.", errDirectory: "The directory can't be reached right now. Try again later.",
+    errBusyHub: "Too many requests just now. Wait a moment and try again.", errConflictHub: "This changed meanwhile. It has been reloaded; check it and try again.",
+    errNotFound: "Not found, or not available to you.", errDenied: "You're not allowed to do that (or no longer).", errUnreachableHub: "The Hub can't be reached.",
+    askableTitle: "Agents you can ask", allowedBy: "Shared by {0} · until {1}", ask: "Ask", roomsTitle: "Your conversations", openRoom: "Open", back: "Back",
+    roomNote: "You're asking as yourself. The agent sees your Hub identity, not any authority over its owner's fleet.",
+    roomShared: "Everyone who asks this agent shares its one conversation, so it may remember what others asked. Don't send anything other askers shouldn't see.",
+    agentPolicy: "Shared as a representative agent: questions go into its ordinary conversation, with the tools its fleet's Settings allow.",
+    expiredText: "This text was removed under the Hub's retention policy.", roomClosed: "This conversation is closed: the access it used was withdrawn.",
+    question: "Question", questionPh: "Ask a question…", send: "Send",
+    stageQueued: "Waiting for the owner's fleet", stageDelivered: "Delivered", stageWorking: "Working on it", stageAnswered: "Answered",
+    stageNotAnswered: "Not answered", stageUncertain: "Outcome unknown; the owner has been told",
+    pairingsTitle: "Pairing requests for you", pairingsLead: "Confirm only if this fingerprint matches the one your fleet's Settings shows.",
+    confirmPairing: "Confirm", confirmPairingAsk: "Does your fleet show this fingerprint?\n{0}", confirmed: "Confirmed",
+    state_published: "Shared", state_withdrawn: "Withdrawn", state_frozen: "Frozen", revision: "revision {0}", until: "until {0}",
+    noGrants: "Nobody can ask it yet.", grantLogin: "Allow this account to ask", grantDays: "For", days: "{0} days", allow: "Allow",
+    freeze: "Stop all asking", freezeAsk: "Stop all asking {0}? Sharing it again needs a new approval from your fleet.",
+    revoke: "Revoke", revokeAsk: "Revoke {0}'s access? Their conversation closes.",
+    adminOnly: "Only the Hub administrator can see this", adminOnlyHint: "Paired fleets and pairing codes are managed here.",
+    pairTitle: "Pair a fleet", pairLead: "Create a one-time code for a person who has signed in to this Hub. It works once, for ten minutes.",
+    pairOwner: "Owner's account", pairCreate: "Create code", pairCode: "Give this code to {0}, for their fleet's Settings:",
+    pendingPairings: "Pairing requests", codeUnused: "Code not used yet", ownerConfirmed: "Owner confirmed", ownerWaiting: "Waiting for the owner's confirmation",
+    approved: "Approved", approve: "Approve", approveAsk: "Approve the fleet with this fingerprint?\n{0}",
+    fleetsTitle: "Paired fleets", fleetActive: "Active", fleetRevoked: "Revoked", revokeFleetAsk: "Revoke {0}'s fleet? It disconnects and everything it shares is withdrawn.",
+    noFleets: "No fleets are paired yet.",
+    // Settings → Connect to a Hub
+    title: "Connect to a Hub",
+    lead: "A Hub lets people in your organisation ask agents you choose to share. Your fleet stays yours: you decide which agents are shared and who may ask them.",
+    address: "Hub address", addressPh: "https://", addressHint: "The https:// address your Hub administrator gave you.", code: "One-time pairing code", connect: "Connect",
+    errAddress: "Enter the Hub's https:// address.", errCode: "Enter the pairing code exactly as it was given.",
+    errBusy: "This fleet is already connected or waiting for approval.", errUnreachable: "Could not reach the Hub at that address.",
+    errRefused: "The Hub refused this code.", errFailed: "That didn't work. Try again.",
+    pendingTitle: "Waiting for approval", pairingFp: "Pairing fingerprint",
+    pendingCompare: "Compare it with the fingerprint on the Hub's screen. Both must match before you confirm there.",
+    pendingSteps: "Still needed:", ownerStep: "your confirmation, from your own Hub sign-in", adminStep: "the Hub administrator's approval",
+    done: "done", waiting: "waiting", expires: "Expires {0}", cancel: "Cancel request", showFull: "Show the full fingerprint", hideFull: "Hide",
+    pairedTitle: "Connected to {0}", online: "Online", offline: "Offline: reconnecting", hubKeyFp: "Hub key fingerprint",
+    openHub: "Open the Hub", disconnect: "Disconnect",
+    disconnectAsk: "Disconnect from {0}? Every agent you share there is withdrawn.",
+    disconnectPending: "Disconnected here. The Hub hasn't confirmed it yet; it will be told when it can be reached.",
+    keyTitle: "The Hub's key changed",
+    keyLead: "Nothing connects until you pair again. If you didn't expect this, ask your Hub administrator before pairing again.",
+    keyApproved: "Approved key", keyOffered: "Key the Hub presents now", repair: "Pair again",
+    heldTitle: "On hold", holdClear: "Start over",
+    hold_unknown_outcome: "The last pairing step's result is unknown. Nothing runs until it is checked.",
+    hold_expired: "The pairing request expired.", hold_unsaved: "This fleet couldn't save its Hub settings. Nothing connects until they can be saved.",
+    hold_refused: "The Hub refused the pairing.", hold_revoked: "The Hub revoked this fleet's pairing.", hold_other: "Pairing is on hold.",
+    sharedTitle: "Shared agents",
+    sharedLead: "Every agent is private unless you share it. Only an agent that can run in a restricted, read-only mode can be shared.",
+    share: "Share {0}", notEnforceable: "Can't be shared yet: restricted mode isn't available for it.", frozen: "Frozen by the Hub",
+    policy: "Shares {0} · tools: {1}", noAgents: "This fleet has no agents yet.",
+    // S3c (S-55): the owner's picker and the confirmation it waits for.
+    pickView: "Data view", pickTools: "Tools", shareNow: "Share", pickCancel: "Cancel", pickNone: "Choose a data view and at least one tool.",
+    waitingConfirm: "Waiting for your confirmation", pendingSent: "Sent for confirmation: confirm it in General's chat or Settings to share it.",
+    errLimit: "At most 64 agents can be shared.", notAvailable: "Not available on this AgEnD version.",
+    hubStillNeeded: "Still needed on the Hub:", ownerStepHub: "Your confirmation: sign in to the Hub, open My exposures and confirm this fingerprint.",
+    adminStepHub: "The Hub administrator's approval of this fingerprint.", hubProgressHidden: "This page can't see their progress; it connects once both are done.",
+    localMatch: "It matches the Hub's screen", localConfirmed: "You confirmed this fingerprint here.",
+    hold_disconnected: "Disconnected here. The Hub still lists this fleet until its administrator revokes it.", startOver: "Start over",
+    errConflict: "This list changed in another tab. It has been reloaded; try again.", errUnsaved: "Couldn't save this change.",
+    errNotPaired: "Connect to a Hub first.", withdrawPending: "Withdrawn here. The Hub will be told when it can be reached.",
+  },
+  "zh-TW": {
+    preview: "預覽：這個版本還不能真正連線到 Hub，這裡的操作不會離開這個頁面。",
+    myFleet: "我的 Fleet", hub: "Hub", openHubTab: "在新分頁開啟 {0}", switcher: "工作區",
+    askTitle: "提問", askEmpty: "目前還沒有你可以提問的 Agent", askHint: "有人把 Agent 開放給你之後，它會出現在這裡，並註明是誰授權的。",
+    exposuresTitle: "我的公開 Agent", exposuresEmpty: "你還沒有公開任何 Agent",
+    exposuresHint: "請在自己的 Fleet 公開 Agent：設定 → 存取與安全 → 連線到 Hub。",
+    adminTitle: "管理",
+    signedOutHub: "尚未登入", signOut: "登出", signInTitle: "登入 Hub",
+    signInLead: "請使用組織帳號登入。密碼只送給目錄服務驗證，不會被保存。",
+    login: "帳號", password: "密碼", signIn: "登入",
+    errSignIn: "帳號或密碼不正確。", errDirectory: "目前無法連到目錄服務，請稍後再試。",
+    errBusyHub: "請求太頻繁，請稍候再試。", errConflictHub: "這個項目剛剛有變更，已重新載入，請確認後再試一次。",
+    errNotFound: "找不到，或你無法使用。", errDenied: "你沒有權限（或權限已被撤回）。", errUnreachableHub: "無法連到 Hub。",
+    askableTitle: "你可以提問的 Agent", allowedBy: "由 {0} 開放 · 到 {1}", ask: "提問", roomsTitle: "你的對話", openRoom: "開啟", back: "返回",
+    roomNote: "你是以自己的身分提問。Agent 只看到你的 Hub 身分，不代表擁有者 Fleet 的任何授權。",
+    roomShared: "所有向這個 Agent 提問的人共用它的同一段對話，它可能記得其他人問過的內容。請勿傳送不該讓其他提問者看到的內容。",
+    agentPolicy: "以代表 Agent 公開：提問會送到它平常的對話，使用它所在 Fleet 設定允許的工具。",
+    expiredText: "這段文字已依 Hub 的保存期限刪除。", roomClosed: "這段對話已關閉：它使用的權限已被撤回。",
+    question: "問題", questionPh: "輸入問題…", send: "送出",
+    stageQueued: "等待擁有者的 Fleet", stageDelivered: "已送達", stageWorking: "處理中", stageAnswered: "已回答",
+    stageNotAnswered: "未回答", stageUncertain: "結果不明，已通知擁有者",
+    pairingsTitle: "給你的配對請求", pairingsLead: "請確認這個指紋和你 Fleet 設定頁顯示的相同，再按確認。",
+    confirmPairing: "確認", confirmPairingAsk: "你的 Fleet 顯示的是這個指紋嗎？\n{0}", confirmed: "已確認",
+    state_published: "公開中", state_withdrawn: "已撤回", state_frozen: "已凍結", revision: "第 {0} 版", until: "到 {0}",
+    noGrants: "目前沒有人可以提問。", grantLogin: "允許這個帳號提問", grantDays: "期間", days: "{0} 天", allow: "允許",
+    freeze: "停止所有提問", freezeAsk: "要停止所有人向 {0} 提問嗎？之後要再公開，需要你的 Fleet 重新核准。",
+    revoke: "撤銷", revokeAsk: "要撤銷 {0} 的權限嗎？對方的對話會關閉。",
+    adminOnly: "只有 Hub 管理者可以查看", adminOnlyHint: "已配對的 Fleet 與配對碼在這裡管理。",
+    pairTitle: "配對 Fleet", pairLead: "為已登入過這個 Hub 的人建立一次性配對碼，只能使用一次，十分鐘內有效。",
+    pairOwner: "擁有者帳號", pairCreate: "建立配對碼", pairCode: "請把這組配對碼交給 {0}，在對方 Fleet 的設定頁輸入：",
+    pendingPairings: "配對請求", codeUnused: "配對碼尚未使用", ownerConfirmed: "擁有者已確認", ownerWaiting: "等待擁有者確認",
+    approved: "已核准", approve: "核准", approveAsk: "要核准這個指紋的 Fleet 嗎？\n{0}",
+    fleetsTitle: "已配對的 Fleet", fleetActive: "使用中", fleetRevoked: "已撤銷", revokeFleetAsk: "要撤銷 {0} 的 Fleet 嗎？它會中斷連線，公開的內容都會撤回。",
+    noFleets: "還沒有配對的 Fleet。",
+    title: "連線到 Hub",
+    lead: "Hub 讓組織裡的人可以向你選擇公開的 Agent 提問。你的 Fleet 仍然屬於你：要公開哪些 Agent、誰可以提問，都由你決定。",
+    address: "Hub 位址", addressPh: "https://", addressHint: "Hub 管理者給你的 https:// 位址。", code: "一次性配對碼", connect: "連線",
+    errAddress: "請輸入 Hub 的 https:// 位址。", errCode: "請完整輸入配對碼。",
+    errBusy: "這個 Fleet 已經連線，或正在等待核准。", errUnreachable: "無法連到這個位址的 Hub。",
+    errRefused: "Hub 拒絕了這個配對碼。", errFailed: "沒有成功，請再試一次。",
+    pendingTitle: "等待核准", pairingFp: "配對指紋",
+    pendingCompare: "請和 Hub 畫面上的指紋比對，兩者相同後再到 Hub 確認。",
+    pendingSteps: "還需要：", ownerStep: "你用自己的 Hub 帳號確認", adminStep: "Hub 管理者核准",
+    done: "已完成", waiting: "等待中", expires: "{0} 到期", cancel: "取消請求", showFull: "顯示完整指紋", hideFull: "收合",
+    pairedTitle: "已連線到 {0}", online: "在線", offline: "離線，正在重新連線", hubKeyFp: "Hub 金鑰指紋",
+    openHub: "開啟 Hub", disconnect: "中斷連線",
+    disconnectAsk: "要中斷與 {0} 的連線嗎？你在那裡公開的 Agent 都會撤回。",
+    disconnectPending: "已在這裡中斷。Hub 尚未確認，連得上時會再通知它。",
+    keyTitle: "Hub 的金鑰已變更",
+    keyLead: "重新配對前不會連線。若你沒有預期這個變更，請先詢問 Hub 管理者，再重新配對。",
+    keyApproved: "已核准的金鑰", keyOffered: "Hub 目前提供的金鑰", repair: "重新配對",
+    heldTitle: "暫停中", holdClear: "重新開始",
+    hold_unknown_outcome: "最後一個配對步驟的結果不明，確認之前不會執行任何工作。",
+    hold_expired: "配對請求已過期。", hold_unsaved: "這個 Fleet 無法儲存 Hub 設定，可以儲存之前不會連線。",
+    hold_refused: "Hub 拒絕了這次配對。", hold_revoked: "Hub 已撤銷這個 Fleet 的配對。", hold_other: "配對已暫停。",
+    sharedTitle: "公開的 Agent",
+    sharedLead: "每個 Agent 預設都不公開。只有能在受限、唯讀模式下執行的 Agent 才能公開。",
+    share: "公開 {0}", notEnforceable: "暫時無法公開：這個 Agent 還不能使用受限模式。", frozen: "已被 Hub 凍結",
+    policy: "公開 {0} · 工具：{1}", noAgents: "這個 Fleet 還沒有 Agent。",
+    pickView: "資料檢視", pickTools: "工具", shareNow: "公開", pickCancel: "取消", pickNone: "請選擇一個資料檢視和至少一個工具。",
+    waitingConfirm: "等待你的確認", pendingSent: "已送出確認：請在 General 的聊天或設定中確認，才會公開。",
+    errLimit: "最多只能公開 64 個 Agent。", notAvailable: "這個 AgEnD 版本無法使用此功能。",
+    hubStillNeeded: "還需要在 Hub 完成：", ownerStepHub: "你的確認：登入 Hub，在「我的公開 Agent」確認這個指紋。",
+    adminStepHub: "Hub 管理者核准這個指紋。", hubProgressHidden: "這個頁面看不到 Hub 那邊的進度，兩項都完成後就會連線。",
+    localMatch: "和 Hub 畫面上的一致", localConfirmed: "你已在這裡確認這個指紋。",
+    hold_disconnected: "已在這裡中斷連線。Hub 管理者撤銷之前，Hub 上仍會列出這個 Fleet。", startOver: "重新開始",
+    errConflict: "這份清單在其他分頁有變更，已重新載入，請再試一次。", errUnsaved: "無法儲存這個變更。",
+    errNotPaired: "請先連線到 Hub。", withdrawPending: "已在這裡撤回，連得上 Hub 時會再通知它。",
+  },
+});
+/** hub.* words: hw("pairedTitle", name). */
+export const hw = (key, ...values) => t(`hub.${key}`, ...values);
+
+/** The Hub pages' own stylesheet, linked once (a tab opened before an upgrade has an app.css without these rules). */
+export function linkHubCss(doc = typeof document !== "undefined" ? document : null) {
+  try {
+    if (!doc || !doc.head || doc.querySelector('link[data-hub-css="1"]')) return;
+    const link = doc.createElement("link");
+    link.setAttribute("rel", "stylesheet"); link.setAttribute("href", "/assets/hub.css"); link.setAttribute("data-hub-css", "1");
+    doc.head.appendChild(link);
+  } catch { /* the pages still work without it */ }
+}

package/dist/ui/hub-switcher.js

@@ -0,0 +1,27 @@
+// AgEnD Hub P1, slice 3 (docs/design/hub.md §1 "Web entry"): a member fleet's "My fleet ↔ Hub" switcher, under the
+// brand. Loaded only on a member page (the page's mark); shown only once this fleet is paired, and then it opens the
+// Hub's own approved web origin in a new tab — never a token or identity in the URL, never a sign-in proxied here, never
+// an origin offered after a key change.
+import { html, useEffect, useState } from "/assets/app-html.js";
+import { Icon } from "/assets/ui-icons.js";
+import { hubClient, safeWebOrigin } from "./hub-client.js";
+import { hw, linkHubCss } from "./hub-strings.js";
+
+export function HubSwitcher() {
+  const [pairing, setPairing] = useState(null);
+  useEffect(() => {
+    linkHubCss();
+    const client = hubClient();
+    let live = true;
+    client.pairing().then((p) => { if (live) setPairing(p); }, () => {});
+    const off = client.subscribe((p) => { if (live) setPairing(p); });
+    return () => { live = false; off(); };
+  }, []);
+  const origin = safeWebOrigin(pairing);
+  if (!origin) return null;
+  const name = pairing.hub.name || hw("hub");
+  return html`<div class="hub-switch" role="group" aria-label=${hw("switcher")} data-trust="navigation">
+    <span class="hub-switch-item is-current" aria-current="true">${hw("myFleet")}</span>
+    <a class="hub-switch-item" href=${origin} target="_blank" rel="noopener noreferrer" title=${hw("openHubTab", name)}>${name}<${Icon} name="external" size=${13} /></a>
+  </div>`;
+}

package/dist/ui/native-instance-settings.js

@@ -1,16 +1,12 @@
 // Windows uses the same staged instance settings flow, with its runtime's supported fields.
 import { html, useState } from "/assets/app-html.js";
-import { t, register } from "/assets/app-i18n.js";
+import { t } from "/assets/app-i18n.js";
 import { Dialog } from "/assets/ui-dialog.js";
 import { ChipList, ModelSelect } from "./settings-dialogs.js";
-import { CliProductMark, cliLabel } from "./cli-picker.js";
 import { useWindowsCliCatalog } from "./windows-cli-catalog.js";
 import { useRuntimeCatalog, instanceMachineId } from "./runtime-catalog.js";
 import { NativeAgendToolsHint, tr } from "./agent-runtime.js";
-register("nativeInstance", {
-  "zh-TW": { fixed:"Runtime 與 CLI 隨此對話保留。", workspace:"此 Agent 的對話會沿用這個工作區。" },
-  en: { fixed:"This conversation keeps its runtime and CLI.", workspace:"This agent's conversation keeps this workspace." },
-});
+import {AgentRuntimeSettings} from "./agent-runtime-settings.js";
 const tn = key => t(`settings.${key}`);
 export function NativeInstanceSettings({ name, inst, ctx, onClose }) {
   const machineId = instanceMachineId(inst);
@@ -19,6 +15,7 @@ export function NativeInstanceSettings({ name, inst, ctx, onClose }) {
   const native = (machineId ? machine?.inventory : catalog.data)?.clis?.find(cli => cli.id === inst.backend);
   const [form,setForm] = useState(() => ({display_name:inst.display_name || name,description:inst.description || "",model:inst.model || "",systemPrompt:inst.systemPrompt || "",native_sandbox:inst.native_sandbox || "read-only",tags:Array.isArray(inst.tags) ? [...inst.tags] : []}));
   const set = key => value => setForm(current => ({...current,[key]:value}));
+  const dirty=Object.entries(form).some(([key,value])=>JSON.stringify(typeof value==="string"?value.trim():value)!==JSON.stringify(key==="display_name"?inst.display_name||name:key==="native_sandbox"?inst.native_sandbox||"read-only":key==="tags"?inst.tags||[]:inst[key]||""));
   const ready = !!form.display_name.trim() && !(form.native_sandbox === "read-only" && native?.readOnlySupport === false);
   const stage = () => {
     if (!ready) return;
@@ -31,8 +28,8 @@ export function NativeInstanceSettings({ name, inst, ctx, onClose }) {
     if (Object.keys(patch).length) ctx.stageAgent(name,inst,patch);
     onClose();
   };
-  return html`<${Dialog} title=${ctx.shortName(name,inst)} onClose=${onClose} wide=${true} actions=${html`<button type="button" class="btn" onClick=${onClose}>${tn("cancel")}</button><button type="button" class="btn btn-primary" disabled=${!ready} onClick=${stage}>${tn("modalDone")}</button>`}>
-    <div class="form native-instance-settings"><p class="note"><${CliProductMark} id=${inst.backend} size=${20} /> Windows · ${cliLabel(inst.backend)} — ${t("nativeInstance.fixed")}</p>${machineId ? html`<p class="note runtime-instance-machine">${tr("machine")}: ${machine?.name || inst.machine_name || machineId}</p>` : null}
+  return html`<${Dialog} title=${ctx.shortName(name,inst)} onClose=${onClose} wide=${true} drawer=${true} actions=${html`<button type="button" class="btn" onClick=${onClose}>${tn("cancel")}</button><button type="button" class="btn btn-primary" disabled=${!ready} onClick=${stage}>${tn("modalDone")}</button>`}>
+    <div class="form native-instance-settings"><${AgentRuntimeSettings} name=${name} inst=${{...inst,machine_name:machine?.name||inst.machine_name,machine_status:machine?.status||inst.machine_status,machine_missing:!!machineId&&!!machines.data&&machines.data.enabled!==false&&!machine}} disabled=${dirty||ctx.staged?.size>0} onChanged=${()=>{ctx.reload();onClose();}}/>
       <label class="field"><span>${tn("displayName")}</span><input value=${form.display_name} maxLength=${64} onInput=${event => set("display_name")(event.target.value)} /></label>
       <label class="field"><span>${tn("description")}</span><input value=${form.description} maxLength=${512} onInput=${event => set("description")(event.target.value)} /></label>
       <div class="field"><label for="native-instance-model">${tn("model")}</label><${ModelSelect} id="native-instance-model" value=${form.model} onChange=${set("model")} backend=${inst.backend} instance=${name} runtime="windows" machineId=${machineId} inherit=${tr("model")} /></div>

package/dist/ui/native-pane-recovery.js

@@ -4,7 +4,7 @@ import { t } from "/assets/app-i18n.js";
 import { guestPage } from "/assets/app-store.js";
 import { Dialog } from "/assets/ui-dialog.js";
 import { toast } from "/assets/ui-toast.js";
-import "./chat-strings.js";
+import "/assets/chat-strings.js";
 export function NativePaneRecovery({ name, inst, lease }) {
   const [dialog, setDialog] = useState(false), [checked, setChecked] = useState(false), [busy, setBusy] = useState(false);
   const confirmation = useRef(null), inFlight = useRef(false), recovery = inst.native_recovery;

package/dist/ui/office-share-page.js

@@ -127,7 +127,9 @@ export function SharePage({ base, timers = globalThis, pollMs = POLL_MS }) {
         if (stopped || !lease.current()) return;
         appStore.set((s) => ({ ...s, ...appFromState(d) }));
         if (d.traffic && traffic.load(d.traffic)) setItems(traffic.items());
-        setState({ phase: "live", org: d.org, office: typeof d.office === "string" ? d.office : null, ends: typeof d.ends === "number" ? d.ends : null });
+        // #2861: the dialogue box's news (when someone talked to a person here — never what was said), as read.
+        setState({ phase: "live", org: d.org, office: typeof d.office === "string" ? d.office : null, ends: typeof d.ends === "number" ? d.ends : null,
+          talk: d.talk && typeof d.talk === "object" ? d.talk : null });
       } catch { if (!stopped) setState((s) => (s.phase === "live" ? s : { phase: "offline" })); }
     };
     void read();
@@ -149,7 +151,7 @@ export function SharePage({ base, timers = globalThis, pollMs = POLL_MS }) {
     </header>
     ${state.phase === "offline" ? html`<p class="note share-note" role="status">${to("offline")}</p>` : null}
     ${view ? html`<div class="share-stage"><${Office} view=${view} traffic=${items} lease=${lease} assetUrl=${(p) => shareUrl(base, p) || p}
-      assetImage=${(url) => shareImage(url, { fetch: (...a) => timers.fetch(...a), timers })} opening=${state.office === "all" ? ALL_ID : state.office || undefined} /></div>`
+      assetImage=${(url) => shareImage(url, { fetch: (...a) => timers.fetch(...a), timers })} opening=${state.office === "all" ? ALL_ID : state.office || undefined} talk=${state.talk || null} /></div>`
       : html`<p class="muted share-loading" role="status">${to("loading")}</p>`}
   </main>`;
 }

package/dist/ui/panel-chat.js

@@ -9,11 +9,12 @@ import { GeneralLocation } from "./general-location.js";
 // The instance's own actions (details, start, stop, restart, delete) are in the header's ⋯ menu, and only the ones
 // that apply to its state are offered (#1408 rough edges 4 and 7).
 import { html, useEffect, useLayoutEffect, useRef, useState } from "/assets/app-html.js";
-import { lang, t } from "/assets/app-i18n.js";
+import { lang, register, t } from "/assets/app-i18n.js";
 import { appStore, createStore, guestPage, guestTrusted, useStore } from "/assets/app-store.js";
 import { ComposerAuth } from "/assets/web-authorize.js";
 import { useLease } from "/assets/app-ctx.js";
 import { modelText, namesOf, namesStore, navStore as instanceNavStore, supportsInstanceFeature } from "/assets/instance-nav.js";
+import { machineName } from "/assets/machine-name.js";
 import { PanelHeader, onPanelKey, setTitle, statusClass, statusLabel, openDrawer, requestNewInstance } from "/assets/app-shell.js";
 import { detailsPath, textLinkSegments, sectionPath } from "/assets/app-route.js";
 import { InstanceSwitch } from "/assets/instance-switch.js";
@@ -25,6 +26,16 @@ import { Empty, Skeleton } from "/assets/ui-states.js";
 import { Icon } from "/assets/ui-icons.js";
 import { recordEdit } from "/assets/text-undo.js";
 import { toast } from "/assets/ui-toast.js";
+// cc3ce4fe: registered here, not in the shared chat strings, so a newer panel never shows a bare key on an older page.
+register("nativecli", {
+  en: { unverified:"Not yet verified", unverifiedHint:"{0} {1}: AgEnD has not tested this version in Windows panes yet. It still runs; any screen AgEnD does not recognise stops and waits for you in Needs you." },
+  "zh-TW": { unverified:"尚未驗證", unverifiedHint:"{0} {1}：AgEnD 還沒在 Windows 面板中測試過這個版本。它仍然可以執行；遇到 AgEnD 認不得的畫面時，會停下來在「需要你」等你處理。" },
+});
+function nativeCliTag(inst) {
+  if (inst.native_cli_verification !== "unverified") return null;
+  const cli = inst.backend === "codex" ? "Codex" : inst.backend === "claude-code" ? "Claude Code" : inst.backend;
+  return html`<span class="tag native-cli-unverified" title=${t("nativecli.unverifiedHint", cli, inst.native_cli_version || "")}>${t("nativecli.unverified")}</span>`;
+}
 import { confirmDialog } from "/assets/ui-confirm.js";
 import { savePref } from "/assets/app-prefs.js";
 import { applyTheme, clearAmbient, resolvedMode, themeFor, themeImageUrl, themeMenuItems, themesStore } from "/assets/app-themes.js";
@@ -69,16 +80,17 @@ function CardMenu({ card }) {
   ];
   return html`<${Menu} items=${items} label=${t("card.menu")} icon="idcard" cls="chat-card-menu" active=${prefs.open} />`;
 }
-import "./chat-strings.js";
+import "/assets/chat-strings.js";
 import { confirmedWrite, selfConfirmed } from "./settings-confirm.js";
 import { createChatStore } from "./chat-store.js";
-import { createThread, msgKey } from "./chat-thread.js";
+import { createThread, msgKey } from "/assets/chat-thread.js";
+import { ComposerInput, WorkBarView, touchScreen } from "/assets/chat-composer.js";
 import { installMessageActions } from "./chat-msg-actions.js";
 import { createEmojiIndex } from "./chat-emojis.js";
 import { pollPublicPreview } from "./preview-status.js";
 import { createMentionIndex } from "./chat-mentions.js";
 import { setPanelFeedback } from "./preview-panel-actions.js";
-import { PreviewPanel, claimPanel, openPanel, panelClaims, panelStore, panelVersion, shownKey } from "./preview-panel.js";
+import { PreviewPanel, claimPanel, openMarkdown, openPanel, openWorkspace, panelClaims, panelStore, panelVersion, shownKey } from "./preview-panel.js";
 import { needsArgument, paletteFor, parseCommandLine } from "./chat-commands.js";
 import { installTour, refreshTourSpot } from "./chat-tour.js";
 import { LightboxHost, openLightbox } from "./image-lightbox.js";
@@ -204,7 +216,6 @@ const headerName = ({ primary, secondary }) => (secondary ? html`<span title=${s
 /** #2478: who the composer writes to — the display name, else the instance's name (a long id made the box two lines). */
 const composerLabel = (inst, name) => (inst && typeof inst.display_name === "string" && inst.display_name.trim()) || name;
 /** #2478: a touch screen (a coarse pointer) — Return is a new line there and only the Send button sends. Asked each time. */
-const touchScreen = () => typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches;
 
 export function ChatPanel({ route, navKey }) {
   const lease = useLease(navKey);
@@ -338,6 +349,10 @@ function ChatView({ name, inst, lease, navKey, exec, awaiting }) {
     running && supportsInstanceFeature(inst,"lifecycle") ? { key: "restart", label: t("chat.restart"), icon: "restart", onSelect: () => action("restart") } : null,
     running && supportsInstanceFeature(inst,"lifecycle") ? { key: "stop", label: t("chat.stopInstance"), icon: "stop", onSelect: () => action("stop") } : null,
     // #1958: its identity colour and where it shows (the public link too, as profile edits).
+    // #3153 P1: the folder it works in, read-only — this computer's admin only (never over the public link), and not an
+    // agent on another machine (the server also refuses General and coordinators: their folder is the fleet's own).
+    document.body.dataset.publicLink === "1" || inst.runtime === "windows" || inst.machine_id || inst.general_topic === true ? null
+      : { key: "workspace", label: t("chat.wsOpen"), icon: "file", onSelect: () => openWorkspace({ key: `ws:${name}`, instance: name }) },
     colorMenuItem(name, inst),
     // #1629: a person's control over this agent's theme — not over the public link (it only views themes).
     ...themeMenuItems(name),
@@ -354,7 +369,7 @@ function ChatView({ name, inst, lease, navKey, exec, awaiting }) {
   const pick = (command) => store.runCommand(name, command, "", { alive: () => lease.current() });
   const sub = html`<span class="status"><span class=${`dot ${cls}`} aria-hidden="true"></span>${statusLabel(inst, exec, awaiting)}</span>
     ${inst.runtime === "windows" ? html`<span class="tag">Windows</span>` : null}
-    ${inst.machine_id ? html`<span class="tag runtime-machine-tag" title=${t("chat.machineName",inst.machine_name || inst.machine_id)}>${inst.machine_name || inst.machine_id}</span>${inst.machine_status !== "online" ? html`<span class="tag runtime-machine-offline">${t(inst.machine_status === "revoked" ? "chat.machineRevoked" : "chat.machineOffline")}</span>` : null}` : null}
+    ${nativeCliTag(inst)}${inst.machine_id ? html`<span class="tag runtime-machine-tag" title=${t("chat.machineName",machineName(inst.machine_id,inst.machine_name))}>${machineName(inst.machine_id,inst.machine_name)}</span>${inst.machine_status !== "online" ? html`<span class="tag runtime-machine-offline">${t(inst.machine_status === "revoked" ? "chat.machineRevoked" : "chat.machineOffline")}</span>` : null}` : null}
     ${inst.model ? html`<button type="button" class="hd-chip" title=${t("chat.chipModel", modelText(inst))} aria-label=${t("chat.chipModel", modelText(inst))} onClick=${() => supportsInstanceFeature(inst,"commands") ? pick("model") : navigate(sectionPath("agents"))}>${modelText(inst)}</button>` : null}
     ${inst.effort && supportsInstanceFeature(inst,"effort") ? html`<button type="button" class="hd-chip" title=${t("chat.chipEffort", inst.effort)} aria-label=${t("chat.chipEffort", inst.effort)} onClick=${() => pick("effort")}>${inst.effort}</button>` : null}`;
   return html`<div class=${`panel p-chat${wrap ? " wrap-code" : ""}`} data-width=${wide ? "full" : undefined} ref=${view}>
@@ -459,7 +474,8 @@ function threadEntry(name, doc) {
     replyButtonBusy: (id) => store.state.rbBusy.has(id),
     pollMine: (id) => store.state.pollMine[id],                            // #1823: this device's own vote
     serverNow: () => Date.now() + store.state.clockSkew,                   // #1823: the deadline is the server's
-    panel: { shown: shownKey, open: (spec, o) => openPanel(spec, o), version: panelVersion, claim: claimPanel, claims: panelClaims },   // #1481, #1704
+    panel: { shown: shownKey, open: (spec, o) => openPanel(spec, o), version: panelVersion, claim: claimPanel, claims: panelClaims,   // #1481, #1704
+      openMarkdown: (spec) => openMarkdown(spec) },   // M-2448: a Markdown file in the side panel
     openImage: openLightbox,                                               // an image, full size, in the page
     emojis: (id) => !!emojiIndex && emojiIndex.known(id),                  // #1630: the fleet's server emoji
     mentions: (kind, id) => (mentionIndex ? mentionIndex.name(kind, id) : null),   // #1682: mention names
@@ -653,9 +669,8 @@ function WorkBar({ name, lease, exec, awaiting, workingLabel }) {
   const label = kind === "working" && workingLabel ? workingLabel
     : t(kind === "stuck" ? "chat.stuck" : kind === "stopping" ? "chat.stopping" : kind === "awaiting" ? "chat.awaiting" : "chat.working", name);
   const since = s.workingSince[name];
-  return html`<div class=${`work-bar ${kind}`}><span class="pulse" aria-hidden="true"></span><span class="lbl">${label}</span>
-    ${kind === "awaiting" ? html`<span class="note" title=${t("chat.approxNote")}>${awaiting || t("chat.approxNote")}</span>`
-      : html`<span class="elapsed" title=${t("chat.elapsedTitle")} aria-hidden="true">${since == null ? "" : R().formatElapsed(performance.now() - since)}</span>`}</div>`;
+  return html`<${WorkBarView} kind=${kind} label=${label} note=${awaiting || t("chat.approxNote")} noteTitle=${t("chat.approxNote")}
+    elapsed=${kind === "awaiting" || since == null ? "" : R().formatElapsed(performance.now() - since)} elapsedTitle=${t("chat.elapsedTitle")} />`;
 }
 
 /** #2272: the reply bar's quote — the first ~80 characters, or what it had instead of text. */
@@ -666,17 +681,12 @@ function replySnippet(r) {
 
 function Composer({ name, inst, label = name, lease, busy }) {
   const s = store.state;
-  const input = useRef(null), fileIn = useRef(null);
+  const input = useRef(null);
   const [, tick] = useState(0);
   const [sel, setSel] = useState(0);
   const [closedFor, setClosedFor] = useState(null);    // the draft the palette was closed on (Esc); it opens again on change
-  // An IME composing (Zhuyin, Pinyin, kana…): between compositionstart and compositionend the box is the IME's. Nothing
-  // here touches it — no draft update, no re-render, no auto-grow (each one moved the box, and iOS redrew the candidate
-  // bar on every keystroke: the user's flicker). What it holds is taken once, at compositionend.
-  const composing = useRef(false);
+  // An IME composing: the box is the IME's until compositionend (ComposerInput, /assets/chat-composer.js).
   const value = s.drafts[name] || "";
-  // A render while composing (another part of the chat changed) gives the box what it holds, so it never writes it.
-  const boxValue = composing.current && input.current ? input.current.value : value;
   const files = s.pendingFiles[name] || [];
   const reply = s.replies[name];                       // #2272: the message this one will reply to
   const content = !!value.trim() || files.length > 0;
@@ -690,13 +700,6 @@ function Composer({ name, inst, label = name, lease, busy }) {
   const sendingBlocked = machineUnavailable || inst?.native_blocked || inst?.native_busy || (busy && !supportsInstanceFeature(inst,"send_while_busy"));
   const palette = !commandsSupported || files.length || closedFor === value || (guest && !guestAllowed.length) ? null : paletteFor(value, guestAllowed || undefined);
   const pick = palette && palette.length ? palette[Math.min(sel, palette.length - 1)] : null;
-  // Grow with the text, up to a limit: set through the CSSOM, never a style attribute (#1300). Empty, it is one line
-  // (#2478 — a long name's placeholder made the box two lines tall).
-  useLayoutEffect(() => {
-    const el = input.current; if (!el || composing.current) return;
-    el.style.height = "auto";
-    if (value) el.style.height = `${Math.min(el.scrollHeight, 240)}px`;
-  }, [value]);
   useEffect(() => { if (input.current) input.current.focus(); }, [name]);
   useEffect(() => { refreshTourSpot(); });
   const setValue = (v) => { store.setDraft(name, v); setSel(0); tick(n => n + 1); };
@@ -739,11 +742,6 @@ function Composer({ name, inst, label = name, lease, busy }) {
     if (reply && e.key === "Escape" && !e.isComposing) { e.preventDefault(); store.clearReply(name); return; }   // #2272
     if (R().composerKey(e, { touch: touchScreen() }) === "send") { e.preventDefault(); submit(); }
   };
-  const onInput = (e) => { if (composing.current || e.isComposing) return; setValue(e.target.value); };
-  const onCompositionStart = () => { composing.current = true; };
-  // The composed text is the draft now (some engines send no input after it); a blur ends one that never ended.
-  // Lower-case props below: an element has no oncomposition… property, so Preact would listen for "CompositionStart".
-  const onCompositionEnd = (e) => { if (!composing.current) return; composing.current = false; setValue(e.target.value); };
   // Files in a paste are attached; a very long text paste goes as a text file — only once it is really attached.
   const onPaste = (e) => {
     const list = e.clipboardData && e.clipboardData.files;
@@ -753,7 +751,7 @@ function Composer({ name, inst, label = name, lease, busy }) {
   };
   const optId = (c) => `cmd-${c.name}`;
   return html`<div class="composer-box">
-    ${machineUnavailable ? html`<p class="note runtime-machine-unavailable" role="status">${t(inst.machine_status === "revoked" ? "chat.machineRevokedHint" : "chat.machineUnavailable",inst.machine_name || inst.machine_id)}</p>` : null}
+    ${machineUnavailable ? html`<p class="note runtime-machine-unavailable" role="status">${t(inst.machine_status === "revoked" ? "chat.machineRevokedHint" : "chat.machineUnavailable",machineName(inst.machine_id,inst.machine_name))}</p>` : null}
     ${inst?.native_busy && !busy && !inst?.native_blocked ? html`<p class="note" role="status">${t("chat.nativeBusy")}</p>` : null}
     ${palette ? html`<ul data-trust="palette" class="cmd-palette" id="cmdPalette" role="listbox" aria-label=${t("chat.cmdCommands")}>
       ${palette.length ? palette.map((c) => html`<li key=${c.name} id=${optId(c)} role="option" aria-selected=${c === pick ? "true" : "false"}
@@ -767,25 +765,12 @@ function Composer({ name, inst, label = name, lease, busy }) {
       <button type="button" class="icon-btn reply-cancel" title=${t("chat.replyCancel")} aria-label=${t("chat.replyCancel")} onClick=${() => { store.clearReply(name); input.current?.focus(); }}><${Icon} name="close" size=${14} /></button>
     </div>` : null}
     ${files.length ? html`<div class="pending-files">${files.map((f, i) => html`<${FileChip} key=${`${f.name}-${i}`} f=${f} i=${i} name=${name} />`)}</div>` : null}
-    <div class="composer">
-      ${attachmentsSupported ? html`<button id="attachBtn" type="button" class="icon-btn" title=${t("chat.attachTitle")} aria-label=${t("chat.attachTitle")} onClick=${() => fileIn.current && fileIn.current.click()}><${Icon} name="attach" /></button>
-      <input ref=${fileIn} type="file" multiple hidden
-        onChange=${(e) => { store.addFiles(name, e.target.files); e.target.value = ""; }} />` : null}
-      ${/* #2478: the placeholder is drawn beside the box, one line ending in "…" — a textarea's own placeholder is clipped,
-          never ellipsized, and a long name wrapped it to two lines. The box keeps the words as its accessible name. Its own
-          placeholder is one space: :placeholder-shown hides the drawn one (app.css) the moment the box holds text, an
-          IME's composing text included, with no change to the page. */ ""}
-      <span class="composer-field"><textarea id="msgIn" ref=${input} rows="1" value=${boxValue} aria-label=${t("chat.composerPlaceholder", label)}
-        enterkeyhint=${touchScreen() ? "enter" : undefined} autocomplete="off" aria-controls=${palette ? "cmdPalette" : undefined} aria-expanded=${palette ? "true" : "false"}
-        aria-activedescendant=${pick ? optId(pick) : undefined} onInput=${onInput} onKeyDown=${onKeyDown} onPaste=${onPaste}
-        oncompositionstart=${onCompositionStart} oncompositionend=${onCompositionEnd} onBlur=${onCompositionEnd}
-        placeholder=" "></textarea><span class="composer-ph" aria-hidden="true">${t("chat.composerPlaceholder", label)}</span></span>
-      <button id="stopBtn" type="button" class="btn btn-stop" hidden=${!busy} title=${t("chat.stopReplyTitle")}
-        disabled=${!!s.cancelling[name]} onClick=${() => store.cancelReply(name)}><${Icon} name="stop" size=${14} /><span class="stop-label">${t("chat.stopReply")}</span></button>
-      <button id="sendBtn" type="button" class="btn btn-primary btn-send" hidden=${busy && !content} disabled=${!content || sendingBlocked}
-        onMouseDown=${(e) => e.preventDefault()}
-        aria-label=${t("chat.send")} title=${t("chat.send")} onClick=${submit}><${Icon} name="send" size=${16} /><span class="send-label">${t("chat.send")}</span></button>
-    </div></div>`;
+    <${ComposerInput} inputRef=${input} value=${value} placeholder=${t("chat.composerPlaceholder", label)} onValue=${setValue}
+      onKeyDown=${onKeyDown} onPaste=${onPaste} controls=${palette ? "cmdPalette" : undefined} expanded=${!!palette} activeDescendant=${pick ? optId(pick) : undefined}
+      attach=${attachmentsSupported ? { title: t("chat.attachTitle"), onFiles: (list) => store.addFiles(name, list) } : null}
+      stop=${{ hidden: !busy, disabled: !!s.cancelling[name], title: t("chat.stopReplyTitle"), label: t("chat.stopReply"), onClick: () => store.cancelReply(name) }}
+      send=${{ hidden: busy && !content, disabled: !content || sendingBlocked, label: t("chat.send"), onClick: submit }} />
+    </div>`;
 }
 
 function FileChip({ f, i, name }) {
@@ -828,6 +813,8 @@ function DeleteDialog({ name, inst, onClose }) {
     } catch (err) { r = { error: err && err.message ? err.message : t("chat.disconnected") }; }
     if (r && r.error) { toast(r.error, false); if (!handedOver && lease.current()) setBusy(false); return; }
     toast(t("chat.instanceDeleted", name));
+    // The agent's own topic went too, or stayed with the reason (the server's own words: no new string here).
+    if (r.topic_note) toast(r.topic_note, r.topic_deleted !== false);
     if (handedOver || !lease.current()) return;
     setBusy(false);
     onClose();

package/dist/ui/panel-details.js

@@ -24,7 +24,7 @@ import { IdentityCard, useCard } from "/assets/identity-card.js";
 import { AgentWidget, instanceBinds, widgetFor } from "/assets/agent-widget.js";
 import { Empty, ErrorState, Skeleton } from "/assets/ui-states.js";
 import { toast } from "/assets/ui-toast.js";
-import "./chat-strings.js";
+import "/assets/chat-strings.js";
 import { api } from "./settings-confirm.js";
 import { InstanceBoardWork } from "./fleet-task-work.js";
 import { requestAgentSettings } from "./settings-request.js";