dsh-custom-mode 2.2.5 → 2.3.0

package/client.js

@@ -58,15 +58,70 @@ try {
        * truth, checked for key parity by test/locales.test.mjs).
        */
       const ZH = {
+        "update.heading": "插件更新",
+        "update.orphanHint": "以下助手已不在当前列表，但本页仍保留其未保存草稿，因此暂不能离页。",
+        "update.orphanName": "{name}（ID：{id}）",
+        "update.orphanView": "查看并保留草稿",
+        "update.orphanHide": "收起草稿",
+        "update.orphanCopy": "下方包含完整提示词、名称、描述、模式和覆盖项，可选中复制到本地文件保留。放弃仅移除本页内存草稿，不修改磁盘文件。",
+        "update.orphanDiscard": "放弃此草稿…",
+        "update.orphanConfirm": "确认放弃“{name}”（ID：{id}）的未保存草稿？请先复制保留需要的内容。放弃后无法从本页恢复；磁盘文件不会改动。",
+        "update.orphanAcknowledge": "我已保留需要的内容，确认放弃后无法从本页恢复。",
+        "update.orphanChanged": "草稿或助手列表已变化，未放弃任何内容。请重新查看并确认。",
+        "update.orphanDiscarded": "已放弃所确认的本页草稿；磁盘文件未改动。",
+        "update.running": "运行中的插件版本：{version}",
+        "update.unknown": "未知",
+        "update.check": "检查更新",
+        "update.checking": "正在检查…",
+        "update.inPlugins": "在插件管理中更新",
+        "update.details": "打开插件详情",
+        "update.guide": "更新指引",
+        "update.idle": "仅在点击检查时查询宿主配置的包仓库；不会自动安装。",
+        "update.unavailable": "当前连接未提供原生版本检查能力。可打开插件详情或查看更新指引。",
+        "update.permission": "此操作缺少宿主授权，或权限服务暂不可用。",
+        "update.updatePermission": "可以查看版本，但当前连接没有更新权限。",
+        "update.available": "可用更新：{version}。安装由官方插件管理处理。",
+        "update.current": "此次检查未返回更高版本。",
+        "update.filtered": "发现较新版本，但没有符合官方默认条件的稳定兼容版本。",
+        "update.partial": "结果未覆盖全部新版本，暂未找到可推荐的更新。",
+        "update.omitted": "另有 {count} 个较新版本未列出。",
+        "update.disk": "磁盘安装版本：{version}；它可能尚未在运行中加载。",
+        "update.managed": "此安装无法使用原生包仓库更新，请通过原来源或插件详情管理；不会自动切换来源。",
+        "update.notFound": "宿主插件列表中没有找到此插件，无法确认更新。",
+        "update.network": "宿主查询包仓库失败，请稍后重试；尚不能确认更新状态。",
+        "update.refused": "宿主未提供可用的版本列表，尚不能确认更新状态。",
+        "update.failed": "未能完成更新检查，请重试或打开插件详情查看。",
+        "update.finishOperation": "请等待当前操作完成后再离开此页。",
+        "update.finishRecovery": "请先完成重试读取或重试生效，再离开此页。",
+        "update.saveDrafts": "请先保存或主动放弃所有助手草稿及未提交的新建输入，再离开此页。",
+        "update.navigationFailed": "未能打开插件详情；草稿已保留，可稍后重试。",
+        "create.nextStep": "创建后可在上方继续编辑并保存；使用时，在新会话的模式菜单选择它。",
+        "btn.retryRead": "重试读取",
+        "btn.retrySync": "重试生效",
+        "api.savedButSyncFailed": "文件已保存，但这些助手尚未生效：{ids}。请点「重试生效」，无需重复原操作。",
+        "api.syncFailed": "这些助手仍未生效：{ids}。请重试；仍失败时查看宿主日志。",
+        "api.presetRegistrationSyncFailed": "尚未确认已保存的助手配置在宿主注册表中生效，请处理已有告警或查看宿主日志。",
+        "api.synchronized": "配置已生效。新会话请从模式菜单选择助手。",
+        "api.recoveryRequired": "助手文件需要恢复：{path}。请保留目录中的备份，并查看宿主日志中的恢复说明。",
+        "msg.completedReadFailed": "{result} 页面刷新失败。请点「重试读取」，无需重复原操作。",
+        "msg.synchronized": "配置已生效。",
+        "msg.syncFailed": "重新应用配置失败，请重试。",
+        "msg.loaded": "已载入到编辑器。尚未保存。",
+        "status.reading": "正在读取…",
+        "status.saving": "正在保存…",
+        "status.creating": "正在创建助手…",
+        "status.deleting": "正在删除助手…",
+        "status.reordering": "正在保存顺序…",
+        "status.repairing": "正在修复…",
+        "status.importing": "正在读取导入文件…",
+        "status.synchronizing": "正在应用配置…",
         "nav": "自定义模式",
         "assistant.heading": "助手",
-        "assistant.hint": "每个助手单独保存系统提示词、基础模式和插件开关。",
-        "posture.hint": "这一支只在点「新增助手」时写入。",
+        "assistant.hint": "选择要编辑的助手。每位助手独立保存系统提示词、基础模式和插件开关。",
+        "posture.hint": "选择起步姿态并命名，再点「新增助手」。",
         "tree.posture": "起步",
-        "tree.base": "工具底",
-        "tree.baseHold": "新建时固定用官方标准模式。",
-        "tree.baseSkip": "这一支点不了。建好后到「当前助手」里改。",
-        "tree.baseLocked": "只有官方标准模式是亮的。其余四档是暗的，新建时点不了。",
+        "tree.base": "初始基础模式",
+        "tree.baseLocked": "新建助手从官方标准模式起步。建好后，可在「当前助手」调整基础模式。",
         "posture.develop.label": "开发",
         "posture.develop.note": "官方标准模式，工具按出厂。",
         "posture.write.label": "写作",
@@ -74,7 +129,7 @@ try {
         "posture.chat.label": "聊天",
         "posture.chat.note": "官方标准模式。文件和终端关闭。",
         "editor.heading": "当前助手",
-        "editor.hint": "这一支改上面选中的助手。基础模式五档都可以点。",
+        "editor.hint": "正在编辑「{name}」。这里的选择只决定编辑对象；新会话请从模式菜单选择助手。",
         "assistant.empty": "还没有助手，用下面的输入框新建一个。",
         "assistant.loadingList": "正在读取助手列表…",
         "assistant.newPlaceholder": "新助手的名字（例如：写作助手）",
@@ -95,7 +150,7 @@ try {
         "btn.resetHint": "把编辑器换回此助手新建时保存的提示词。只改草稿，保存后才写入。",
         "btn.delete": "删除",
         "btn.cancel": "取消",
-        "msg.created": "已创建。刷新后，新会话的模式菜单里会出现它。",
+        "msg.created": "已创建。可继续编辑；使用时请在新会话的模式菜单选择它。",
         "msg.duplicated": "已复制。两份配置彼此独立。",
         "msg.deleted": "已删除。",
         "msg.createFailed": "创建失败",
@@ -135,7 +190,7 @@ try {
         "api.saved": "已保存（{name}，{mode}）。下一步组装时会重读已保存的提示词。",
         "api.conflict": "磁盘上的提示词已经变了，这次没有写入。先重新读取，再决定要不要覆盖。",
         "api.savedWithExclusiveRows": "已保存（{name}，{mode}）。已关闭不能同时启用的行：{rows}。",
-        "api.created": "已创建「{name}」。刷新后，新会话的模式菜单里会出现它。",
+        "api.created": "已创建「{name}」。可继续编辑；使用时请在新会话的模式菜单选择它。",
         "api.savedPrompt": "已保存系统提示词（{name}）。下一步组装时会重读这个文件。",
         "api.duplicated": "已从「{from}」复制。两份互不影响。",
         "api.deleted": "已删除「{name}」。正在使用它的会话不受影响。",
@@ -171,6 +226,8 @@ try {
         "warn.approvalGateMissing": "当前版本没有审批事件。会话内改写提示词不会请求确认。",
         "warn.unresolvableRows": "有的行在本机无法启动，此模式不会出现在新会话菜单里。点「按本线修复」只关闭那些行。",
         "warn.presetBroken": "此模式无法启动，不会出现在新会话菜单里。点「按本线修复」。原因见下一行。",
+        "warn.presetRegistrationSyncFailed": "尚未确认这位助手已保存的配置在宿主注册表中生效。请先处理已有告警或查看宿主日志；无需重复保存。",
+        "warn.presetRegistrationRestartSuggested": "尚未确认这位助手已保存的配置在宿主注册表中生效。如刚更新或恢复插件，建议重启 DeepSeek Harness 后重新检查；无需重复保存。",
         "warn.badPromptVariable": "提示词里有不可用的变量。改掉后再保存，否则此模式的请求会失败。",
         "warn.duplicateRowIds": "组成文件里有重复的行 id。开关只作用于第一处。",
         "warn.predicateFailed": "有一行的平台条件无法计算，已按关闭处理。",
@@ -218,7 +275,7 @@ try {
         "tag.essential": "核心",
         "tag.followPlatform": "随平台",
         "btn.save": "保存",
-        "btn.saving": "处理中…",
+        "btn.saving": "保存中…",
         "btn.reload": "重新读取",
         "btn.reloadDiscard": "放弃修改并重新读取",
         "btn.reloadConfirm": "放弃未保存的修改并重新读取？",
@@ -277,6 +334,8 @@ try {
         "row.tool-plugin-manager.label": "插件管理（安装 / 启停）",
         "row.tool-plugin-manager.note": "供模型安装或开关插件。",
         "row.tool-presentation.label": "PTC 工具呈现",
+        "row.tool-executor-ptc.label": "PTC 程序执行器",
+        "row.tool-executor-ptc.note": "通过 run_code 执行程序并调用工具，同时向模型提供工具 SDK。",
         "row.present.label": "交付文件（present）",
         "row.command-goal.label": "目标命令",
         "row.tool-goal.label": "目标",
@@ -301,15 +360,70 @@ try {
       }
 
       const EN = {
+        "update.heading": "Plugin updates",
+        "update.orphanHint": "These assistants left the current list, but this page still holds their unsaved drafts. Resolve them before leaving.",
+        "update.orphanName": "{name} (ID: {id})",
+        "update.orphanView": "View and keep draft",
+        "update.orphanHide": "Hide draft",
+        "update.orphanCopy": "The text below includes the full prompt, name, description, mode and overrides. Select and copy it to a local file to keep it. Discarding only removes this page's in-memory draft; files on disk are unchanged.",
+        "update.orphanDiscard": "Discard this draft…",
+        "update.orphanConfirm": "Discard the unsaved draft for \"{name}\" (ID: {id})? First copy any content you need to keep. This page cannot recover it after discarding; files on disk will remain unchanged.",
+        "update.orphanAcknowledge": "I have kept the content I need and understand this page cannot recover the discarded draft.",
+        "update.orphanChanged": "The draft or assistant list changed. Nothing was discarded. Review it again before confirming.",
+        "update.orphanDiscarded": "The confirmed draft was discarded from this page; files on disk are unchanged.",
+        "update.running": "Running plugin version: {version}",
+        "update.unknown": "unknown",
+        "update.check": "Check for updates",
+        "update.checking": "Checking…",
+        "update.inPlugins": "Update in Plugins",
+        "update.details": "Open plugin details",
+        "update.guide": "Update guide",
+        "update.idle": "Only a click checks the registries configured by the host; installation is never automatic.",
+        "update.unavailable": "This connection does not offer native version checks. Open plugin details or the update guide.",
+        "update.permission": "Host permission is missing for this action, or the access service is unavailable.",
+        "update.updatePermission": "You can view versions, but this connection does not have update permission.",
+        "update.available": "Update available: {version}. Official plugin management handles installation.",
+        "update.current": "This check returned no newer releases.",
+        "update.filtered": "Newer releases exist, but none meet the official default conditions for a stable compatible version.",
+        "update.partial": "The result omits some newer releases; no recommended update was found.",
+        "update.omitted": "{count} additional newer releases were omitted.",
+        "update.disk": "Installed on disk: {version}; this version may not be loaded in the running host yet.",
+        "update.managed": "Manage this installation through its original source or plugin details; it cannot use this native registry update path. The source will not be changed automatically.",
+        "update.notFound": "The host did not list this plugin, so its update status could not be determined.",
+        "update.network": "The host could not query the registry. Try again later; update status is unknown.",
+        "update.refused": "The host did not provide a usable version list; update status is unknown.",
+        "update.failed": "The update check could not finish. Retry or open plugin details.",
+        "update.finishOperation": "Wait for the current operation to finish before leaving this page.",
+        "update.finishRecovery": "Complete Retry refresh or Retry activation before leaving this page.",
+        "update.saveDrafts": "Save or explicitly discard all assistant drafts and unsubmitted new-assistant input before leaving this page.",
+        "update.navigationFailed": "Plugin details could not open. Your drafts are preserved; try again later.",
+        "create.nextStep": "After creating, edit and save above. To use the assistant, choose it in the mode menu for a new session.",
+        "btn.retryRead": "Retry refresh",
+        "btn.retrySync": "Retry activation",
+        "api.savedButSyncFailed": "Files are saved, but these assistants are not active yet: {ids}. Select Retry activation; you do not need to repeat the original action.",
+        "api.syncFailed": "These assistants are still not active: {ids}. Retry, then check the host log if the problem continues.",
+        "api.presetRegistrationSyncFailed": "The saved assistant configuration has not been confirmed in the host registry. Address existing warnings or check the host log.",
+        "api.synchronized": "Configuration is active. Choose an assistant in the mode menu for a new session.",
+        "api.recoveryRequired": "Assistant files need recovery: {path}. Keep the backups in that directory and check the host log for recovery details.",
+        "msg.completedReadFailed": "{result} The page could not refresh. Select Retry refresh; do not repeat the original action.",
+        "msg.synchronized": "Configuration is active.",
+        "msg.syncFailed": "Could not apply the configuration. Please retry.",
+        "msg.loaded": "Loaded into the editor. Not saved yet.",
+        "status.reading": "Reading…",
+        "status.saving": "Saving…",
+        "status.creating": "Creating assistant…",
+        "status.deleting": "Deleting assistant…",
+        "status.reordering": "Saving order…",
+        "status.repairing": "Repairing…",
+        "status.importing": "Reading import file…",
+        "status.synchronizing": "Applying configuration…",
         "nav": "Custom mode",
         "assistant.heading": "Assistants",
-        "assistant.hint": "Each assistant keeps its own system prompt, base mode and plugin switches.",
-        "posture.hint": "This branch is written only when you click New assistant.",
+        "assistant.hint": "Choose an assistant to edit. Each keeps its own system prompt, base mode and plugin switches.",
+        "posture.hint": "Choose a starting posture and a name, then select New assistant.",
         "tree.posture": "Starter",
-        "tree.base": "Tool base",
-        "tree.baseHold": "A new assistant always starts on the official Standard mode.",
-        "tree.baseSkip": "Cannot be chosen on this branch. Change it later under This assistant.",
-        "tree.baseLocked": "Only the official Standard mode is lit. The other four are dim and cannot be chosen when creating.",
+        "tree.base": "Starting base mode",
+        "tree.baseLocked": "New assistants start on the official Standard mode. You can change the base mode under This assistant after creating one.",
         "posture.develop.label": "Coding",
         "posture.develop.note": "Official Standard mode, tools as shipped.",
         "posture.write.label": "Writing",
@@ -317,7 +431,7 @@ try {
         "posture.chat.label": "Chat",
         "posture.chat.note": "Official Standard mode. Files and terminal off.",
         "editor.heading": "This assistant",
-        "editor.hint": "This branch edits the assistant selected above. All five base modes can be chosen.",
+        "editor.hint": "Editing {name}. This selection controls what you edit here; choose an assistant in the mode menu when starting a new session.",
         "assistant.empty": "No assistants yet — create one with the field below.",
         "assistant.loadingList": "Loading assistants…",
         "assistant.newPlaceholder": "Name of the new assistant (e.g. Writing assistant)",
@@ -338,7 +452,7 @@ try {
         "btn.resetHint": "Restores the prompt saved when this assistant was created. The editor changes. Save writes it.",
         "btn.delete": "Delete",
         "btn.cancel": "Cancel",
-        "msg.created": "Created. Refresh once, then it appears in the mode menu for a new session.",
+        "msg.created": "Created. Continue editing here, then choose it in the mode menu for a new session.",
         "msg.duplicated": "Duplicated. The two are independent from here on.",
         "msg.deleted": "Deleted.",
         "msg.createFailed": "Could not create",
@@ -378,7 +492,7 @@ try {
         "api.saved": "Saved ({name}, {mode}). The next model step rereads the saved prompt.",
         "api.conflict": "The prompt on disk has changed, so this save was not written. Reload, then decide whether to overwrite.",
         "api.savedWithExclusiveRows": "Saved ({name}, {mode}). Turned off rows that cannot be on together: {rows}.",
-        "api.created": "Created {name}. Refresh once, then it appears in the mode menu for a new session.",
+        "api.created": "Created {name}. Continue editing here, then choose it in the mode menu for a new session.",
         "api.savedPrompt": "System prompt saved ({name}). The next model step rereads this file.",
         "api.duplicated": "Copied from {from}. The two are independent from now on.",
         "api.deleted": "Deleted {name}. Sessions already using it are unchanged.",
@@ -417,6 +531,8 @@ try {
         "warn.approvalGateMissing": "This version has no approval event. In-session prompt edits are not confirmed.",
         "warn.unresolvableRows": "Some rows cannot start here, so this mode is absent from the new-session menu. Fix for this line turns off only those rows.",
         "warn.presetBroken": "This mode cannot start, so it will not appear for a new session. Use Fix for this line. The reason is on the next line.",
+        "warn.presetRegistrationSyncFailed": "This assistant's saved configuration has not been confirmed in the host registry. Address existing warnings or check the host log; you do not need to save again.",
+        "warn.presetRegistrationRestartSuggested": "This assistant's saved configuration has not been confirmed in the host registry. If the plugin was just updated or restored, consider restarting DeepSeek Harness, then check again; you do not need to save again.",
         "warn.badPromptVariable": "The prompt uses a variable that is not available. Fix it before saving.",
         "warn.duplicateRowIds": "A row id is repeated. A switch applies only to the first one.",
         "warn.predicateFailed": "A platform condition could not be evaluated. That row is treated as off.",
@@ -461,7 +577,7 @@ try {
         "tag.essential": "Core",
         "tag.followPlatform": "Platform",
         "btn.save": "Save",
-        "btn.saving": "Working…",
+        "btn.saving": "Saving…",
         "btn.reload": "Reload",
         "btn.reloadDiscard": "Discard edits and reload",
         "btn.reloadConfirm": "Discard unsaved edits and reload?",
@@ -520,6 +636,8 @@ try {
         "row.tool-plugin-manager.label": "Plugin manager (install / toggle)",
         "row.tool-plugin-manager.note": "Lets the model install or toggle plugins.",
         "row.tool-presentation.label": "PTC tool presentation",
+        "row.tool-executor-ptc.label": "PTC program executor",
+        "row.tool-executor-ptc.note": "Runs programs and calls tools through run_code, and provides the tool SDK to the model.",
         "row.present.label": "Deliverables (present)",
         "row.command-goal.label": "Goal command",
         "row.tool-goal.label": "Goals",
@@ -606,6 +724,47 @@ try {
        */
       let localeRef
 
+      const UPDATE_PACKAGE = "dsh-custom-mode"
+      let updateServices = { manager: null, navigation: null, list: false, versions: false, update: false, accessKnown: false, revision: 0 }
+      const updateListeners = new Set()
+      const publishUpdateServices = (patch) => {
+        updateServices = { ...updateServices, ...patch, revision: updateServices.revision + 1 }
+        for (const listener of updateListeners) listener()
+      }
+
+      /** Optional Cordis scopes own these reads; old hosts never block the editor. */
+      function mountUpdateServices(ctx) {
+        if (typeof ctx.inject !== "function") return
+        ctx.inject(["remote", "remote.pluginManager"], (scope) => {
+          const manager = scope.remote.pluginManager
+          if (manager === null || manager === undefined) return
+          publishUpdateServices({ manager, list: false, versions: false, update: false, accessKnown: false })
+          scope.effect(() => () => {
+            if (updateServices.manager === manager) publishUpdateServices({ manager: null, list: false, versions: false, update: false, accessKnown: false })
+          })
+          scope.inject(["remoteAccess"], (accessScope) => {
+            if (typeof accessScope.remoteAccess.whenAccess !== "function") return
+            if (updateServices.manager === manager) publishUpdateServices({ accessKnown: true })
+            for (const [key, action] of [["list", "listBundles"], ["versions", "listVersions"], ["update", "updateBundle"]]) {
+              if (typeof manager[action] !== "function") continue
+              accessScope.effect(() => accessScope.remoteAccess.whenAccess("pluginManager/" + action, () => {
+                if (updateServices.manager === manager) publishUpdateServices({ [key]: true })
+                return () => {
+                  if (updateServices.manager === manager) publishUpdateServices({ [key]: false })
+                }
+              }))
+            }
+          })
+        })
+        ctx.inject(["pluginNavigation"], (scope) => {
+          const navigation = scope.get("pluginNavigation")
+          publishUpdateServices({ navigation })
+          scope.effect(() => () => {
+            if (updateServices.navigation === navigation) publishUpdateServices({ navigation: null })
+          })
+        })
+      }
+
       /**
        * Plain-element stand-ins for the shell's atoms.
        *
@@ -779,6 +938,11 @@ try {
         ".cpfe-pills button{white-space:nowrap}",
         ".cpfe-picker{display:flex;align-items:center;gap:8px;margin:2px 0 4px}",
         ".cpfe-history{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}",
+        // Native Menu and Button keep their appearance; only the trigger's
+        // own text shrinks so long names cannot wrap outside its fixed height.
+        ".cpfe-selector-menu,.cpfe-selector{min-width:0;max-width:100%}",
+        ".cpfe-selector-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
+        ".cpfe-selector-chevron{flex:0 0 auto}",
         ".cpfe-history-label{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}",
         ".cpfe-history-hint{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}",
         ".cpfe-pill-wrap{display:inline-flex;align-items:center;gap:4px}",
@@ -789,7 +953,9 @@ try {
         ".cpfe-branch{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding-left:12px;border-left:1px solid var(--dsw-alias-border-l1)}",
         ".cpfe-node{display:flex;flex-direction:column;gap:4px}",
         ".cpfe-node-label{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}",
-        ".cpfe-field{display:flex;width:100%;margin-bottom:8px}",
+        // Native Input applies className to its padded wrapper span, so its
+        // outer box (not only the inner input) must fit the plugin column.
+        ".cpfe-field{display:flex;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-bottom:8px}",
         ".cpfe-row-head{font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary)}",
         ".cpfe-row-switch{flex:0 0 auto}",
         ".cpfe-row-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}",
@@ -802,7 +968,15 @@ try {
         ".cpfe-detail-value{min-width:0;overflow-wrap:anywhere}",
         ".cpfe-sec-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}",
         ".cpfe-sec-head .cpfe-actions{margin-top:0}",
-        ".cpfe-newinput{flex:1;min-width:200px}",
+        ".cpfe-update{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--dsw-alias-border-l1);margin-bottom:16px}",
+        ".cpfe-update-meta{flex:1 1 220px;min-width:0}",
+        ".cpfe-update-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}",
+        // The shared atoms expose no Link or anchor-shaped Button. Keep a real anchor;
+        // use official settings UI typography/link tokens, not Markdown prose styles.
+        ".cpfe-update-guide{max-width:100%;overflow-wrap:anywhere;font:var(--dsw-font-s-strong-14);color:var(--dsw-alias-link);text-decoration:none}",
+        "@media (hover:hover){.cpfe-update-guide:hover{text-decoration:underline}}",
+        ".cpfe-update-note{overflow-wrap:anywhere}",
+        ".cpfe-newinput{box-sizing:border-box;flex:1 1 200px;min-width:0;max-width:100%}",
         // 单列、行高统一（对齐官方插件页的形态）；之前的自适应多列网格会让行高参差不齐。
         // ★ 对齐官方设置行（实测 0.1.7-rc.2 的行：padding 16px 0、无背景、无圆角，行间只有一条 1px
         //   分隔线）。原来是"圆角卡片 + 描边 + 灰底" —— 那正是廉价感最重的部分。
@@ -857,11 +1031,15 @@ try {
         ".cpfe-warn svg{flex:0 0 auto;margin-top:2px}",
       ].join("")
 
-      /** Apply the page stylesheet once, keyed so a re-mount never duplicates it. */
+      /** Keep one stylesheet, replacing stale content when an HMR bundle arrives. */
       function ensureStyles() {
         if (typeof document === "undefined") return
         const tagId = "dsh-custom-mode/system-prompt"
-        if (document.querySelector('style[data-plugin-css="' + tagId + '"]') !== null) return
+        const existing = document.querySelector('style[data-plugin-css="' + tagId + '"]')
+        if (existing !== null) {
+          if (existing.textContent !== CSS) existing.textContent = CSS
+          return
+        }
         const tag = document.createElement("style")
         tag.dataset.plugin = "dsh-custom-mode"
         tag.dataset.pluginCss = tagId
@@ -880,6 +1058,7 @@ try {
         delete: ROUTE + "/delete",
         reorder: ROUTE + "/reorder",
         repair: ROUTE + "/repair",
+        sync: ROUTE + "/sync",
       }
 
       /** Every assistant this feature manages. */
@@ -1208,14 +1387,42 @@ try {
           return t(fallbackKey)
         }
 
-        const [list, setList] = react.useState(null)
+        const [list, setListState] = react.useState(null)
+        const heldRoster = react.useRef(list)
+        const setList = (value) => { heldRoster.current = value; setListState(value) }
         const [selected, setSelected] = react.useState("")
         /** id → { payload, saved, value }: loaded state, baseline and live draft. */
-        const [entries, setEntries] = react.useState({})
+        const [entries, setEntriesState] = react.useState({})
+        const heldEntries = react.useRef(entries)
+        const setEntries = (next) => {
+          heldEntries.current = typeof next === "function" ? next(heldEntries.current) : next
+          setEntriesState(heldEntries.current)
+        }
         const [status, setStatus] = react.useState("")
         const [failed, setFailed] = react.useState(false)
         const [busy, setBusy] = react.useState(false)
-        const [newName, setNewName] = react.useState("")
+        const [pending, setPending] = react.useState("")
+        const [syncNeeded, setSyncNeededState] = react.useState(false)
+        const [refreshNeeded, setRefreshNeededState] = react.useState(null)
+        const navigationState = react.useRef({ syncNeeded: false, refreshNeeded: null, newName: "" })
+        const setSyncNeeded = (value) => { navigationState.current.syncNeeded = value; setSyncNeededState(value) }
+        const setRefreshNeeded = (value) => { navigationState.current.refreshNeeded = value; setRefreshNeededState(value) }
+        // A ref closes the interval before React renders disabled controls. Only the
+        // owning operation may apply a response or release the busy state.
+        const operation = react.useRef({ alive: true, current: null })
+        const [newName, setNewNameState] = react.useState("")
+        const setNewName = (value) => { navigationState.current.newName = value; setNewNameState(value) }
+        const [runtimeVersion, setRuntimeVersion] = react.useState("")
+        const [updateResult, setUpdateResult] = react.useState(null)
+        const [updateNotice, setUpdateNotice] = react.useState("")
+        const [updateChecking, setUpdateChecking] = react.useState(false)
+        const [, setUpdateRevision] = react.useState(0)
+        const updateOperation = react.useRef({ alive: true, current: null })
+        const [orphanView, setOrphanView] = react.useState("")
+        const [orphanDialog, setOrphanDialog] = react.useState(null)
+        const [orphanAcknowledged, setOrphanAcknowledged] = react.useState(false)
+        const orphanConfirmation = react.useRef(null)
+        const orphanAcknowledgement = react.useRef(false)
         const [postureChoices, setPostureChoices] = react.useState([])
         const [posture, setPosture] = react.useState("develop")
         const [deleteOpen, setDeleteOpen] = react.useState(false)
@@ -1236,12 +1443,11 @@ try {
         /** 本机这条线上有无法解析的行时，一键把它们关掉（服务端复用保存同一条排版手术）。 */
         const repairRowsNow = async () => {
           if (draft === null) return
-          setBusy(true)
-          setFailed(false)
-          try {
+          return runOperation("status.repairing", "msg.saveFailed", async (token) => {
             const result = await postJson(ROUTES.repair, { id: selected })
-            if (result !== null && result.ok === true) {
-              setStatus(apiText(result, "msg.repaired"))
+            if (!ownsOperation(token)) return
+            showResult(result, "msg.repaired", "msg.saveFailed")
+            if (result?.ok === true || result?.persisted === true) {
               // ★ 把修复折进**草稿**（issue #8）。
               //
               // 修复在磁盘上是生效的，但草稿里那几行仍然是"启用"。而 `reload()` 对脏草稿是
@@ -1255,17 +1461,9 @@ try {
                 for (const rowId of repairedIds) nextOverrides[rowId] = false
                 update({ overrides: nextOverrides }, { force: true })
               }
-              await reload()
-            } else {
-              setFailed(true)
-              setStatus(apiText(result, "msg.saveFailed"))
+              await refreshAfterWrite(result, "msg.repaired", selected, token, () => reload(selected, undefined, token))
             }
-          } catch {
-            setFailed(true)
-            setStatus(t("msg.saveFailed"))
-          } finally {
-            setBusy(false)
-          }
+          })
         }
 
         const toggleRowExpanded = (id) =>
@@ -1309,6 +1507,52 @@ try {
 
         const describeError = (error) => String((error && error.message) || error)
 
+        const ownsOperation = (token) => operation.current.alive && operation.current.current === token
+        const runOperation = async (pendingKey, failureKey, action) => {
+          if (!operation.current.alive || operation.current.current !== null) return
+          const token = {}
+          operation.current.current = token
+          setBusy(true)
+          setPending(pendingKey)
+          try {
+            await action(token)
+          } catch (error) {
+            if (ownsOperation(token)) {
+              setFailed(true)
+              if (pendingKey === "status.reading" && list === null) setListFailed(true)
+              setStatus(fillPlaceholders(t("status.detail"), { message: t(failureKey), detail: describeError(error) }))
+            }
+          } finally {
+            if (ownsOperation(token)) {
+              operation.current.current = null
+              setBusy(false)
+              setPending("")
+            }
+          }
+        }
+
+        const showResult = (result, successKey, failureKey) => {
+          setFailed(result?.ok !== true)
+          setStatus(apiText(result, result?.ok === true ? successKey : failureKey))
+          if (result?.synchronized === false) setSyncNeeded(true)
+          else if (result?.synchronized === true) setSyncNeeded(false)
+        }
+
+        // Once the host confirms a mutation, a failed follow-up GET cannot turn
+        // that fact into a failed mutation or invite the user to repeat it.
+        const refreshAfterWrite = async (result, fallbackKey, targetId, token, refresh) => {
+          try {
+            await refresh()
+            if (ownsOperation(token)) setRefreshNeeded(null)
+          } catch (error) {
+            if (!ownsOperation(token)) return
+            setRefreshNeeded({ result, fallbackKey, targetId })
+            setFailed(true)
+            const message = fillPlaceholders(t("msg.completedReadFailed"), { result: apiText(result, fallbackKey) })
+            setStatus(fillPlaceholders(t("status.detail"), { message, detail: describeError(error) }))
+          }
+        }
+
         /**
          * Fetch one assistant into `entries`, keeping any unsaved draft it already has.
          *
@@ -1316,17 +1560,17 @@ try {
          * `force` is "re-read even if this entry is already in memory". Neither is set by
          * ordinary switching: moving between assistants must never race a half-typed prompt.
          */
-        const open = async (id, options) => {
+        const open = async (id, options, token) => {
+          if (!ownsOperation(token)) return
           if (typeof id !== "string" || id === "") return
           const force = options !== null && typeof options === "object" && options.force === true
           const discard = options !== null && typeof options === "object" && options.discard === true
           const held = entries[id]
           if (force !== true && held !== undefined) return
           const result = await fetchState(id)
+          if (!ownsOperation(token)) return
           if (result === null || result === undefined || result.ok !== true) {
-            setFailed(true)
-            setStatus(apiText(result, "msg.readFailed"))
-            return
+            throw new Error(apiText(result, "msg.readFailed"))
           }
           const fresh = draftOf(result)
           setEntries((previous) => {
@@ -1334,21 +1578,21 @@ try {
             const keep = discard !== true && before !== undefined && !sameDraft(before.value, before.saved) ? before.value : fresh
             return { ...previous, [id]: { payload: result, saved: fresh, value: keep } }
           })
-          setFailed(false)
         }
 
         /** Re-read the assistant list and force-reload the one it settles on. */
-        const reload = async (preferId, options) => {
+        const reload = async (preferId, options, token) => {
+          if (!ownsOperation(token)) return
           const result = await fetchList()
+          if (!ownsOperation(token)) return
           if (result === null || result === undefined || result.ok !== true) {
-            setFailed(true)
             setListFailed(true)
-            setStatus(apiText(result, "msg.readFailed"))
-            return
+            throw new Error(apiText(result, "msg.readFailed"))
           }
           const assistants = Array.isArray(result.assistants) ? result.assistants : []
           const choices = Array.isArray(result.postures) ? result.postures.filter((item) => item !== null && typeof item === "object" && typeof item.id === "string") : []
           setListFailed(false)
+          if (typeof result.version === "string" && result.version !== "") setRuntimeVersion(result.version)
           setList(assistants)
           setPostureChoices(choices)
           setPosture((current) => (choices.some((item) => item.id === current) ? current : choices.length > 0 ? choices[0].id : "develop"))
@@ -1362,10 +1606,11 @@ try {
                   : ""
           setSelected(wanted)
           if (wanted === "") {
-            setEntries({})
+            // An empty remote roster does not discard the only in-memory copy of another draft.
+            setEntries((previous) => Object.fromEntries(Object.entries(previous).filter(([, held]) => !sameDraft(held.value, held.saved))))
             return
           }
-          await open(wanted, { force: true, discard: options !== null && typeof options === "object" && options.discard === true })
+          await open(wanted, { force: true, discard: options !== null && typeof options === "object" && options.discard === true }, token)
         }
 
         /**
@@ -1374,11 +1619,13 @@ try {
          * A save can rename an assistant but never changes ids, so the list needs a new
          * fetch while the selection, the payloads and every draft stay exactly as they are.
          */
-        const refreshNames = async () => {
+        const refreshNames = async (token) => {
           const result = await fetchList()
+          if (!ownsOperation(token)) return
           if (result !== null && result !== undefined && result.ok === true) {
+            if (typeof result.version === "string" && result.version !== "") setRuntimeVersion(result.version)
             setList(Array.isArray(result.assistants) ? result.assistants : [])
-          }
+          } else throw new Error(apiText(result, "msg.readFailed"))
         }
 
         /**
@@ -1397,25 +1644,157 @@ try {
         }, [])
 
         react.useEffect(() => {
-          let alive = true
-          ;(async () => {
-            setBusy(true)
-            try {
-              await reload("")
-            } catch (error) {
-              if (alive) {
-                setFailed(true)
-                setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.readFailed"), detail: describeError(error) }))
-              }
-            } finally {
-              if (alive) setBusy(false)
-            }
-          })()
+          operation.current.alive = true
+          runOperation("status.reading", "msg.readFailed", (token) => reload("", undefined, token))
           return () => {
-            alive = false
+            operation.current.alive = false
+            operation.current.current = null
           }
         }, [])
 
+        react.useEffect(() => {
+          updateOperation.current.alive = true
+          const changed = () => {
+            updateOperation.current.current = null
+            setUpdateChecking(false)
+            setUpdateResult(null)
+            setUpdateNotice("")
+            setUpdateRevision((value) => value + 1)
+          }
+          updateListeners.add(changed)
+          return () => {
+            updateListeners.delete(changed)
+            updateOperation.current.alive = false
+            updateOperation.current.current = null
+          }
+        }, [])
+
+        const hasNativeUpdates = (services) => typeof services.manager?.listBundles === "function" &&
+          typeof services.manager?.listVersions === "function" && typeof services.manager?.updateBundle === "function"
+        const ownsUpdateCheck = (token, services) => updateOperation.current.alive &&
+          updateOperation.current.current === token && updateServices.revision === services.revision
+        const checkUpdates = async () => {
+          if (!updateOperation.current.alive || operation.current.current !== null || updateOperation.current.current !== null) return
+          const services = updateServices
+          if (!hasNativeUpdates(services) || !services.list || !services.versions) return
+          const token = {}
+          updateOperation.current.current = token
+          setUpdateChecking(true)
+          setUpdateResult(null)
+          setUpdateNotice("")
+          const show = (key, details) => setUpdateResult({ key, ...details, revision: services.revision })
+          try {
+            const inventory = await services.manager.listBundles()
+            if (!ownsUpdateCheck(token, services)) return
+            if (inventory?.ok !== true || !Array.isArray(inventory.value)) throw new Error("inventory")
+            const bundle = inventory.value.find((item) => item?.name === UPDATE_PACKAGE)
+            if (bundle === undefined) { show("update.notFound"); return }
+            if (bundle.updatable !== true || bundle.installed !== true || bundle.availability !== "profile" ||
+                bundle.official !== false || bundle.readOnlyReason !== undefined || typeof bundle.source !== "string" ||
+                typeof bundle.version !== "string" || bundle.version === "") {
+              show("update.managed", { installed: bundle.version }); return
+            }
+            const answer = await services.manager.listVersions(UPDATE_PACKAGE, {})
+            if (!ownsUpdateCheck(token, services)) return
+            if (answer?.ok !== true || answer.value === null || typeof answer.value !== "object") throw new Error("versions")
+            const listing = answer.value
+            if (listing.status === "refused") {
+              show(listing.problem === "network" ? "update.network" : listing.problem === "not-updatable" ? "update.managed" : "update.refused")
+              return
+            }
+            if (listing.status !== "listed" || typeof listing.installed !== "string" || listing.installed !== bundle.version ||
+                !(listing.registry === null || typeof listing.registry === "string") || !Array.isArray(listing.attempts) ||
+                !Number.isInteger(listing.omitted) || listing.omitted < 0 || !Array.isArray(listing.versions) ||
+                !listing.versions.every((item) => item !== null && typeof item === "object" && typeof item.version === "string" &&
+                  item.version !== "" && typeof item.bundle === "boolean" && typeof item.prerelease === "boolean" && Array.isArray(item.tags))) {
+              throw new Error("incomplete listing")
+            }
+            // Match the official default candidate and trust the Host's semver ordering.
+            const candidate = listing.versions.find((item) => item.bundle && item.incompatible === undefined && item.deprecated === undefined && !item.prerelease)
+            show(candidate ? "update.available" : listing.omitted > 0 ? "update.partial" : listing.versions.length > 0 ? "update.filtered" : "update.current", {
+              candidate: candidate?.version, installed: listing.installed, omitted: listing.omitted,
+            })
+          } catch {
+            if (ownsUpdateCheck(token, services)) show("update.failed")
+          } finally {
+            if (ownsUpdateCheck(token, services)) {
+              updateOperation.current.current = null
+              setUpdateChecking(false)
+            }
+          }
+        }
+
+        /** Latest refs also guard a click before React commits the last keystroke. */
+        const updateNavigationBlock = () => {
+          if (operation.current.current !== null || busy || updateOperation.current.current !== null) return "update.finishOperation"
+          if (navigationState.current.syncNeeded || navigationState.current.refreshNeeded !== null) return "update.finishRecovery"
+          if (navigationState.current.newName !== "" || Object.values(heldEntries.current).some((held) => !sameDraft(held.value, held.saved))) return "update.saveDrafts"
+          return ""
+        }
+        const guardUpdateNavigation = () => {
+          if (!updateOperation.current.alive) return false
+          const block = updateNavigationBlock()
+          if (block !== "") { setUpdateNotice(block); return false }
+          return true
+        }
+        const openPluginDetails = () => {
+          if (!guardUpdateNavigation()) return
+          const services = updateServices
+          if (((hasNativeUpdates(services) || services.accessKnown) && !services.list) || typeof services.navigation?.openBundle !== "function" ||
+              (updateResult?.candidate && (updateResult.revision !== services.revision || !services.update))) {
+            setUpdateNotice("update.permission"); return
+          }
+          try { services.navigation.openBundle(UPDATE_PACKAGE) }
+          catch { setUpdateNotice("update.navigationFailed") }
+        }
+
+        const orphanDrafts = () => {
+          if (!Array.isArray(heldRoster.current)) return []
+          const visible = new Set(heldRoster.current.map((item) => item.id))
+          return Object.entries(heldEntries.current).filter(([id, held]) => !visible.has(id) && !sameDraft(held.value, held.saved))
+        }
+        const closeOrphanConfirmation = () => {
+          orphanConfirmation.current = null
+          orphanAcknowledgement.current = false
+          setOrphanAcknowledged(false)
+          setOrphanDialog(null)
+        }
+        const orphanActionBlock = () => operation.current.current !== null || busy || updateOperation.current.current !== null
+          ? "update.finishOperation"
+          : navigationState.current.syncNeeded || navigationState.current.refreshNeeded !== null ? "update.finishRecovery" : ""
+        const orphanSnapshotCurrent = (snapshot) => heldEntries.current === snapshot.entries && heldRoster.current === snapshot.roster &&
+          navigationState.current.newName === snapshot.newName && orphanDrafts().some(([id]) => id === snapshot.id)
+        const discardOrphan = (snapshot) => {
+          if (!updateOperation.current.alive || orphanConfirmation.current !== snapshot || !orphanAcknowledgement.current) return
+          const blocked = orphanActionBlock()
+          if (blocked || !orphanSnapshotCurrent(snapshot)) {
+            closeOrphanConfirmation()
+            setUpdateNotice(blocked || "update.orphanChanged")
+            return
+          }
+          setEntries((previous) => { const next = { ...previous }; delete next[snapshot.id]; return next })
+          closeOrphanConfirmation()
+          setOrphanView("")
+          setUpdateNotice("update.orphanDiscarded")
+        }
+        const askDiscardOrphan = (id, shown) => {
+          if (!updateOperation.current.alive) return
+          const snapshot = { ...shown, id }
+          const blocked = orphanActionBlock()
+          if (blocked || !orphanSnapshotCurrent(snapshot)) { setUpdateNotice(blocked || "update.orphanChanged"); return }
+          const value = snapshot.entries[id].value
+          snapshot.name = value.name || id
+          orphanConfirmation.current = snapshot
+          orphanAcknowledgement.current = false
+          setOrphanAcknowledged(false)
+          if (renderable(A.RiskConfirmation)) setOrphanDialog(snapshot)
+          else if (typeof window !== "undefined" && typeof window.confirm === "function" &&
+              window.confirm(fillPlaceholders(t("update.orphanConfirm"), { name: snapshot.name, id }))) {
+            orphanAcknowledgement.current = true
+            discardOrphan(snapshot)
+          } else closeOrphanConfirmation()
+        }
+
         /** Change one field of the selected assistant's draft. */
         const update = (patch, options) => {
           // ★ 忙碌期间**不接受**对草稿的修改（issue #6）。
@@ -1430,7 +1809,7 @@ try {
           //
           // `{ force: true }` 是给**内部**调用用的（例如「按本线修复」把结果折进草稿）：
           // 那不是用户输入，不受这条守护约束。
-          if (busy === true && options?.force !== true) return
+          if (operation.current.current !== null && options?.force !== true) return
           setEntries((previous) => {
             const current = previous[selected]
             if (current === undefined) return previous
@@ -1440,36 +1819,25 @@ try {
         }
 
         const pick = async (id) => {
-          if (id === selected) {
-            setBusy(true)
-            try {
-              await open(id, { force: true })
-            } catch (error) {
-              setFailed(true)
-              setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.readFailed"), detail: describeError(error) }))
-            } finally {
-              setBusy(false)
-            }
-            return
-          }
-          setSelected(id)
-          setDeleteOpen(false)
-          setAcknowledged(false)
-          setStatus("")
-          setBusy(true)
-          try {
-            await open(id)
-          } catch (error) {
-            setFailed(true)
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.readFailed"), detail: describeError(error) }))
-          } finally {
-            setBusy(false)
-          }
+          return runOperation("status.reading", "msg.readFailed", async (token) => {
+            setSelected(id)
+            setDeleteOpen(false)
+            setAcknowledged(false)
+            setStatus("")
+            setFailed(false)
+            await open(id, { force: id === selected }, token)
+          })
         }
 
+        const reread = (discard = false) => runOperation("status.reading", "msg.readFailed", async (token) => {
+          setStatus("")
+          setFailed(false)
+          await reload(selected, { discard }, token)
+        })
+
         /** Create a new assistant, or duplicate the selected one. */
         const create = async (options) => {
-          if (busy === true) return
+          if (operation.current.current !== null) return
           const from = options !== null && typeof options === "object" ? options.from : undefined
           const name =
             options !== null && typeof options === "object" && typeof options.name === "string"
@@ -1480,27 +1848,18 @@ try {
             setStatus(t("msg.nameRequired"))
             return
           }
-          setBusy(true)
-          try {
+          return runOperation("status.creating", "msg.createFailed", async (token) => {
             const body = { name, locale: activeLanguage(localeRef) }
             if (from !== undefined) body.from = from
             else if (postureChoices.some((item) => item.id === posture)) body.posture = posture
             const result = await postJson(ROUTES.create, body)
-            if (result !== null && result !== undefined && result.ok === true) {
+            if (!ownsOperation(token)) return
+            showResult(result, from === undefined ? "msg.created" : "msg.duplicated", "msg.createFailed")
+            if (result?.ok === true || result?.persisted === true) {
               setNewName("")
-              setFailed(false)
-              setStatus(apiText(result, from === undefined ? "msg.created" : "msg.duplicated"))
-              await reload(result.id)
-            } else {
-              setFailed(true)
-              setStatus(apiText(result, "msg.createFailed"))
+              await refreshAfterWrite(result, from === undefined ? "msg.created" : "msg.duplicated", result.id, token, () => reload(result.id, undefined, token))
             }
-          } catch (error) {
-            setFailed(true)
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.createFailed"), detail: describeError(error) }))
-          } finally {
-            setBusy(false)
-          }
+          })
         }
 
         const duplicate = () => create({ from: draft.id, name: copyName(t("assistant.copyName"), draft.name || draft.id) })
@@ -1512,23 +1871,14 @@ try {
          * (the default) and only the roster order changes.
          */
         const move = async (direction) => {
-          setBusy(true)
-          try {
+          return runOperation("status.reordering", "msg.reorderFailed", async (token) => {
             const result = await postJson(ROUTES.reorder, { id: draft.id, direction })
-            if (result !== null && result !== undefined && result.ok === true) {
-              setFailed(false)
-              setStatus(apiText(result, "msg.reordered"))
-              await reload(draft.id)
-            } else {
-              setFailed(true)
-              setStatus(apiText(result, "msg.reorderFailed"))
+            if (!ownsOperation(token)) return
+            showResult(result, "msg.reordered", "msg.reorderFailed")
+            if (result?.ok === true || result?.persisted === true) {
+              await refreshAfterWrite(result, "msg.reordered", draft.id, token, () => reload(draft.id, undefined, token))
             }
-          } catch (error) {
-            setFailed(true)
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.reorderFailed"), detail: describe(error) }))
-          } finally {
-            setBusy(false)
-          }
+          })
         }
 
         /** Download the prompt being edited (client-side only — the host is not involved). */
@@ -1548,18 +1898,20 @@ try {
         const loadVersion = async () => {
           const picked = typeof draft.historyPick === "string" ? draft.historyPick : ""
           if (picked === "" || draft.id === undefined) return
-          try {
+          return runOperation("status.reading", "msg.loadFailed", async (token) => {
             // 版本键是序号（时间戳会在同一毫秒内撞车 —— 单测就是那样抓到它的）。
             const response = await fetch(ROUTES.history + "?id=" + encodeURIComponent(draft.id) + "&n=" + encodeURIComponent(picked))
             const payload = await asJson(response)
+            if (!ownsOperation(token)) return
             if (payload === null || payload.ok !== true) {
+              setFailed(true)
               setStatus(t("msg.loadFailed"))
               return
             }
-            update({ prompt: payload.text })
-          } catch (error) {
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.loadFailed"), detail: describeError(error) }))
-          }
+            update({ prompt: payload.text }, { force: true })
+            setFailed(false)
+            setStatus(t("msg.loaded"))
+          })
         }
 
         const exportPrompt = () => {
@@ -1588,61 +1940,54 @@ try {
          * path (and the same `{{…}}` validation) as anything typed by hand — an import can
          * never silently publish a prompt the renderer would refuse.
          */
-        const importPrompt = (event) => {
+        const importPrompt = async (event) => {
           const input = event !== null && event !== undefined ? event.target : undefined
           const file = input !== null && input !== undefined && input.files !== undefined ? input.files[0] : undefined
           // Reset so picking the same file twice in a row fires `change` again.
           if (input !== null && input !== undefined) input.value = ""
+          if (operation.current.current !== null) return
           if (file === undefined || file === null) return
           if (file.size > 1_000_000) {
             setFailed(true)
             setStatus(t("msg.importTooLarge"))
             return
           }
-          const reader = new FileReader()
-          reader.onload = () => {
-            const text = typeof reader.result === "string" ? reader.result : ""
+          return runOperation("status.importing", "msg.importFailed", async (token) => {
+            const text = await new Promise((resolve, reject) => {
+              const reader = new FileReader()
+              reader.onload = () => resolve(typeof reader.result === "string" ? reader.result : "")
+              reader.onerror = () => reject(reader.error || new Error(t("msg.importFailed")))
+              reader.onabort = () => reject(new Error(t("msg.importFailed")))
+              reader.readAsText(file, "utf-8")
+            })
+            if (!ownsOperation(token)) return
             if (text.trim() === "") {
               setFailed(true)
               setStatus(t("msg.importEmpty"))
               return
             }
-            update({ prompt: text })
+            update({ prompt: text }, { force: true })
             setFailed(false)
             setStatus(t("msg.imported"))
-          }
-          reader.onerror = () => {
-            setFailed(true)
-            setStatus(t("msg.importFailed"))
-          }
-          reader.readAsText(file, "utf-8")
+          })
         }
 
         const remove = async (id) => {
-          setBusy(true)
-          try {
+          return runOperation("status.deleting", "msg.deleteFailed", async (token) => {
             const result = await postJson(ROUTES.delete, { id })
-            if (result !== null && result !== undefined && result.ok === true) {
+            if (!ownsOperation(token)) return
+            showResult(result, "msg.deleted", "msg.deleteFailed")
+            if (result?.ok === true || result?.persisted === true) {
               setDeleteOpen(false)
               setAcknowledged(false)
-              setFailed(false)
-              setStatus(apiText(result, "msg.deleted"))
               setEntries((previous) => {
                 const next = { ...previous }
                 delete next[id]
                 return next
               })
-              await reload("")
-            } else {
-              setFailed(true)
-              setStatus(apiText(result, "msg.deleteFailed"))
+              await refreshAfterWrite(result, "msg.deleted", "", token, () => reload("", undefined, token))
             }
-          } catch (error) {
-            setFailed(true)
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.deleteFailed"), detail: describeError(error) }))
-          } finally {
-            setBusy(false)
-          }
+          })
         }
 
         /**
@@ -1669,9 +2014,10 @@ try {
         }
 
         const save = async () => {
-          setBusy(true)
-          try {
-            const newest = Array.isArray(draft.history) && draft.history.length > 0 ? draft.history[0].n : undefined
+          if (draft === null) return
+          return runOperation("status.saving", "msg.saveFailed", async (token) => {
+            const savedHistory = entry?.saved?.history
+            const newest = Array.isArray(savedHistory) && savedHistory.length > 0 ? savedHistory[0].n : undefined
             const result = await postJson(ROUTES.state, {
               id: draft.id,
               mode: draft.mode,
@@ -1681,6 +2027,9 @@ try {
               description: draft.description,
               ...(typeof newest === "number" ? { baseN: newest } : {}),
             })
+            if (!ownsOperation(token)) return
+            if (result?.synchronized === false) setSyncNeeded(true)
+            else if (result?.synchronized === true) setSyncNeeded(false)
             if (result !== null && result !== undefined && result.ok === true) {
               setFailed(false)
               const compositionChanged =
@@ -1693,42 +2042,66 @@ try {
               // The server normalises what it stores (trimmed name, recomputed overrides),
               // so the just-saved draft is replaced by what it actually wrote. Without this
               // the page would show 「已保存」 and 「未保存」 at the same time.
-              const fresh = await fetchState(draft.id)
-              if (fresh !== null && fresh !== undefined && fresh.ok === true) {
+              await refreshAfterWrite(spoken, "msg.saved", draft.id, token, async () => {
+                const fresh = await fetchState(draft.id)
+                if (!ownsOperation(token)) return
+                if (fresh?.ok !== true) throw new Error(apiText(fresh, "msg.readFailed"))
                 const normalized = draftOf(fresh)
                 setEntries((previous) => ({
                   ...previous,
                   [draft.id]: { payload: fresh, saved: normalized, value: normalized },
                 }))
-                await refreshNames()
-              } else {
-                await reload(draft.id, { discard: true })
-              }
+                await refreshNames(token)
+              })
             } else {
               setFailed(true)
               setStatus(apiText(result, "msg.saveFailed"))
             }
-          } catch (error) {
-            setFailed(true)
-            setStatus(fillPlaceholders(t("status.detail"), { message: t("msg.saveFailed"), detail: describeError(error) }))
-          } finally {
-            setBusy(false)
+          })
+        }
+
+        const retrySync = () => runOperation("status.synchronizing", "msg.syncFailed", async (token) => {
+          const result = await postJson(ROUTES.sync, {})
+          if (!ownsOperation(token)) return
+          showResult(result, "msg.synchronized", "msg.syncFailed")
+          if (result?.ok === true) {
+            await refreshAfterWrite(result, "msg.synchronized", selected, token, () => reload(selected, undefined, token))
           }
+        })
+
+        const retryRead = () => {
+          if (refreshNeeded === null) return
+          const { result, fallbackKey, targetId } = refreshNeeded
+          return runOperation("status.reading", "msg.readFailed", (token) =>
+            refreshAfterWrite(result, fallbackKey, targetId, token, async () => {
+              await reload(targetId, undefined, token)
+              if (ownsOperation(token)) showResult(result, fallbackKey, fallbackKey)
+            }),
+          )
         }
 
         const assistants = list === null ? [] : list
         const position = assistants.findIndex((item) => item.id === selected)
-        const statusClass = failed
+        const statusClass = busy
+          ? "cpfe-status"
+          : failed
           ? "cpfe-status cpfe-err"
           : dirty
             ? "cpfe-status cpfe-dirty"
             : "cpfe-status cpfe-ok"
-        const shown = dirty && status === "" ? t("msg.unsaved") : status
-
-        const lockedModes =
-          payload !== null && Array.isArray(payload.modes) && payload.modes.length > 0
-            ? payload.modes
-            : [{ id: "standard" }, { id: "ptc" }, { id: "minimal" }, { id: "cordis" }, { id: "all" }]
+        const shown = pending !== "" ? t(pending) : dirty && status === "" ? t("msg.unsaved") : status
+        const feedback = [
+          refreshNeeded !== null
+            ? react.createElement(A.Button, { variant: "outline", disabled: busy, onClick: retryRead }, t("btn.retryRead"))
+            : null,
+          refreshNeeded === null && !editorReady && failed && list !== null && selected !== ""
+            ? react.createElement(A.Button, { variant: "outline", disabled: busy, onClick: () => reread() }, t("btn.reload"))
+            : null,
+          syncNeeded
+            ? react.createElement(A.Button, { variant: "outline", disabled: busy, onClick: retrySync }, t("btn.retrySync"))
+            : null,
+          react.createElement("span", { className: statusClass, role: "status", "aria-live": "polite", "aria-atomic": true }, shown),
+        ]
         const createGroup = react.createElement(
           "section",
           { className: "cpfe-create" },
@@ -1766,24 +2139,6 @@ try {
               "div",
               { className: "cpfe-node" },
               react.createElement("span", { className: "cpfe-node-label" }, t("tree.base")),
-              react.createElement(
-                "div",
-                { className: "cpfe-pills cpfe-locked", role: "radiogroup", "aria-disabled": "true", "aria-label": t("tree.base") },
-                lockedModes.map((mode) =>
-                  react.createElement(
-                    A.Pill,
-                    {
-                      key: mode.id,
-                      active: mode.id === "standard",
-                      disabled: true,
-                      "aria-pressed": mode.id === "standard",
-                      title: mode.id === "standard" ? t("tree.baseHold") : t("tree.baseSkip"),
-                      onClick: () => {},
-                    },
-                    t("base." + mode.id + ".label", mode.label),
-                  ),
-                ),
-              ),
               react.createElement("p", { className: "cpfe-note" }, t("tree.baseLocked")),
             ),
             react.createElement(
@@ -1792,6 +2147,7 @@ try {
             react.createElement(A.Input, {
               className: "cpfe-newinput",
               value: newName,
+              disabled: busy,
               placeholder: t("assistant.newPlaceholder"),
               "aria-label": t("assistant.newPlaceholder"),
               onKeyDown: (event) => {
@@ -1810,13 +2166,78 @@ try {
                 disabled: busy,
                 onClick: () => create(),
               },
-              busy ? t("btn.creating") : t("btn.create"),
+              pending === "status.creating" ? t("btn.creating") : t("btn.create"),
             ),
             ),
+            react.createElement("p", { className: "cpfe-note" }, t("create.nextStep")),
           ),
         )
 
         // ── assistant list ────────────────────────────────────────────────────
+        const nativeUpdates = hasNativeUpdates(updateServices)
+        const updateAllowed = nativeUpdates && updateServices.list && updateServices.versions
+        const checkedUpdate = updateResult?.revision === updateServices.revision ? updateResult : null
+        const navigationBlock = updateNavigationBlock()
+        const updateText = updateChecking ? t("update.checking") : checkedUpdate
+          ? fillPlaceholders(t(checkedUpdate.key), { version: checkedUpdate.candidate })
+          : !nativeUpdates ? t("update.unavailable") : !updateAllowed ? t("update.permission") : t("update.idle")
+        const shownOrphans = orphanDrafts()
+        const orphanSnapshot = { entries: heldEntries.current, roster: heldRoster.current, newName: navigationState.current.newName }
+        const updateSection = react.createElement(
+          "section", { className: "cpfe-update", "aria-label": t("update.heading"), "aria-busy": updateChecking },
+          react.createElement("div", { className: "cpfe-update-meta" },
+            react.createElement("h2", { className: "cpfe-h" }, t("update.heading")),
+            react.createElement("p", { className: "cpfe-version" }, fillPlaceholders(t("update.running"), { version: runtimeVersion || t("update.unknown") })),
+            react.createElement("p", { id: "cpfe-update-status", className: "cpfe-sub cpfe-update-note", role: "status", "aria-live": "polite", "aria-atomic": true }, updateText),
+            checkedUpdate?.installed && checkedUpdate.installed !== runtimeVersion
+              ? react.createElement("p", { className: "cpfe-sub cpfe-update-note" }, fillPlaceholders(t("update.disk"), { version: checkedUpdate.installed })) : null,
+            checkedUpdate?.omitted > 0
+              ? react.createElement("p", { className: "cpfe-sub" }, fillPlaceholders(t("update.omitted"), { count: checkedUpdate.omitted })) : null,
+            checkedUpdate?.candidate && !updateServices.update ? react.createElement("p", { className: "cpfe-sub" }, t("update.updatePermission")) : null,
+            updateNotice || navigationBlock ? react.createElement("p", { className: "cpfe-sub", role: "status" }, t(updateNotice || navigationBlock)) : null,
+            shownOrphans.length > 0 ? react.createElement("div", { className: "cpfe-warns cpfe-update-note" },
+              react.createElement("p", { className: "cpfe-sub" }, t("update.orphanHint")),
+              ...shownOrphans.map(([id, held]) => react.createElement("div", { key: id, className: "cpfe-node" },
+                react.createElement("span", { className: "cpfe-row-head" }, fillPlaceholders(t("update.orphanName"), { name: held.value.name || id, id })),
+                react.createElement(A.Button, { variant: "ghost", className: "cpfe-disclosure", "aria-expanded": orphanView === id,
+                  onClick: () => setOrphanView(orphanView === id ? "" : id) }, t(orphanView === id ? "update.orphanHide" : "update.orphanView")),
+                orphanView === id ? react.createElement("div", { className: "cpfe-node" },
+                  react.createElement("p", { className: "cpfe-sub" }, t("update.orphanCopy")),
+                  react.createElement("textarea", { className: "cpfe-editor cpfe-orphan-editor", readOnly: true, spellCheck: false,
+                    "aria-label": fillPlaceholders(t("update.orphanName"), { name: held.value.name || id, id }),
+                    value: JSON.stringify({ id, name: held.value.name, description: held.value.description, mode: held.value.mode, overrides: held.value.overrides, prompt: held.value.prompt }, null, 2) }),
+                  react.createElement(A.Button, { variant: "outline", className: "cpfe-disclosure", disabled: orphanActionBlock() !== "",
+                    onClick: () => askDiscardOrphan(id, orphanSnapshot) }, t("update.orphanDiscard")),
+                ) : null,
+              )),
+            ) : null,
+          ),
+          react.createElement("div", { className: "cpfe-update-actions" },
+            react.createElement(A.Button, {
+              variant: "outline", disabled: busy || updateChecking || !updateAllowed,
+              "aria-describedby": "cpfe-update-status", onClick: checkUpdates,
+            }, t(updateChecking ? "update.checking" : "update.check")),
+            react.createElement(A.Button, {
+              variant: "outline",
+              disabled: navigationBlock !== "" || ((nativeUpdates || updateServices.accessKnown) && !updateServices.list) || typeof updateServices.navigation?.openBundle !== "function" ||
+                (!!checkedUpdate?.candidate && !updateServices.update),
+              title: navigationBlock ? t(navigationBlock) : undefined,
+              onClick: openPluginDetails,
+            }, t(checkedUpdate?.candidate ? "update.inPlugins" : "update.details")),
+            react.createElement("a", {
+              className: "cpfe-update-guide",
+              href: "https://github.com/BOWLUNA/dsh-custom-mode/blob/main/README" + (activeLanguage(localeRef) === "zh" ? ".zh" : "") + ".md#plugin-updates",
+              target: "_blank", rel: "noopener noreferrer", "aria-disabled": navigationBlock !== "",
+              onClick: (event) => { if (!guardUpdateNavigation()) event.preventDefault() },
+            }, t("update.guide")),
+          ),
+        )
+
+        const selectedAssistantLabel = (assistants.find((item) => item.id === selected) || {}).name || selected || t("assistant.heading")
+        const pickedHistoryEntry = draft === null || draft.historyPick === "" ? undefined : draft.history.find((item) => String(item.n) === draft.historyPick)
+        const historySelectionLabel = pickedHistoryEntry === undefined
+          ? t("history.pick")
+          : formatWhen(pickedHistoryEntry.at) + " · " + t("history.by." + pickedHistoryEntry.by)
         const assistantList = react.createElement(
           "section",
           null,
@@ -1828,7 +2249,7 @@ try {
                 null,
                 react.createElement("p", { className: "cpfe-sub" }, listFailed ? t("msg.readFailed") : t("assistant.loadingList")),
                 listFailed
-                  ? react.createElement(A.Button, { disabled: busy, onClick: () => reload("") }, t("btn.reload"))
+                  ? react.createElement(A.Button, { disabled: busy, onClick: () => reread() }, t("btn.reload"))
                   : null,
               )
             : assistants.length === 0
@@ -1842,6 +2263,7 @@ try {
                   renderable(A.Menu)
                     ? react.createElement(A.Menu, {
                         open: assistantOpen,
+                        className: "cpfe-selector-menu",
                         // ★ portal：不把浮层渲染在我们的容器里。设置面板有裁剪与叠层，非 portal 的
                         //   菜单会被裁掉表面，只剩文字"压"在下面的输入框上（实测截图如此）。
                         portal: true,
@@ -1853,15 +2275,16 @@ try {
                           {
                             variant: "toolbar",
                             className: "cpfe-selector",
+                            title: selectedAssistantLabel,
                             disabled: busy,
                             onClick: () => setAssistantOpen((open) => open !== true),
                           },
-                          (assistants.find((item) => item.id === selected) || {}).name || selected || t("assistant.heading"),
+                          react.createElement("span", { className: "cpfe-selector-label" }, selectedAssistantLabel),
                           // 官方设置项的下拉是「文字在左、chevron 在右」（实测「通用设置」页的
                           // 「工作区内修改 / 中文 / 详细」都是这个形态）⇒ 图标放在 children 末尾，
                           // 不走 `icon` prop —— 那个会渲染到文字**前面**，成为页面上唯一一个反向的下拉。
                           renderable(A.IconChevronDownOutline14)
-                            ? react.createElement(A.IconChevronDownOutline14, { size: 14 })
+                            ? react.createElement(A.IconChevronDownOutline14, { size: 14, className: "cpfe-selector-chevron", "aria-hidden": true })
                             : null,
                         ),
                         items: assistants.map((item) => ({
@@ -2166,6 +2589,7 @@ try {
                       renderable(A.Menu)
                         ? react.createElement(A.Menu, {
                             open: historyOpen,
+                            className: "cpfe-selector-menu",
                             portal: true,
                             align: "start",
                             side: "bottom",
@@ -2175,19 +2599,13 @@ try {
                               {
                                 variant: "toolbar",
                                 className: "cpfe-selector",
+                                title: historySelectionLabel,
                                 disabled: busy,
                                 onClick: () => setHistoryOpen((open) => open !== true),
                               },
-                              draft.historyPick === ""
-                                ? t("history.pick")
-                                : (() => {
-                                    const entry = draft.history.find((item) => String(item.n) === draft.historyPick)
-                                    return entry === undefined
-                                      ? t("history.pick")
-                                      : formatWhen(entry.at) + " · " + t("history.by." + entry.by)
-                                  })(),
+                              react.createElement("span", { className: "cpfe-selector-label" }, historySelectionLabel),
                               renderable(A.IconChevronDownOutline14)
-                                ? react.createElement(A.IconChevronDownOutline14, { size: 14 })
+                                ? react.createElement(A.IconChevronDownOutline14, { size: 14, className: "cpfe-selector-chevron", "aria-hidden": true })
                                 : null,
                             ),
                             items: draft.history.map((entry) => ({
@@ -2236,9 +2654,10 @@ try {
           "div",
           // `cpfe-busy` 是 issue #6 的兜底：面板里**所有**会改草稿的控件在忙碌期间一律不可交互。
           // 逐个控件加 `disabled` 会漏（本轮就漏了行开关与描述框），一个根类 + 一条 CSS 反而漏不掉。
-          { className: busy === true ? "cpfe cpfe-busy" : "cpfe" },
+          { className: busy === true ? "cpfe cpfe-busy" : "cpfe", "aria-busy": busy === true },
+          updateSection,
           assistantList,
-          null,
+          editorReady ? null : react.createElement("div", { className: "cpfe-bar" }, ...feedback),
           // 配了却不生效的项：主动点名，而不是让用户对着"我明明写了"发呆。
           // `draft` 在没选中任何助手时是 null（列表还没加载完 / 一个都没有）—— 这里必须先守卫，
           // 否则整块设置页崩掉（实测：浏览器验收当场报 Cannot read properties of null）。
@@ -2296,7 +2715,7 @@ try {
                 "section",
                 null,
                 react.createElement("h2", { className: "cpfe-h" }, t("editor.heading")),
-                react.createElement(SectionHint, { text: t("editor.hint") }),
+                react.createElement(SectionHint, { text: fillPlaceholders(t("editor.hint"), { name: draft.name || draft.id }) }),
                 react.createElement(
                   "div",
                   { className: "cpfe-branch" },
@@ -2309,10 +2728,10 @@ try {
               {
                 variant: "primary",
                 icon: A.IconCheckOutline14 === undefined ? null : react.createElement(A.IconCheckOutline14),
-                disabled: busy || editorReady === false || dirty === false,
+                disabled: busy || syncNeeded || editorReady === false || dirty === false,
                 onClick: save,
               },
-              busy ? t("btn.saving") : t("btn.save"),
+              pending === "status.saving" ? t("btn.saving") : t("btn.save"),
             ),
             react.createElement(
               A.Button,
@@ -2325,24 +2744,14 @@ try {
                 // one place that does.
                 onClick: () => {
                   if (dirty && typeof window !== "undefined" && window.confirm(t("btn.reloadConfirm")) !== true) return
-                  reload(selected, { discard: true })
+                  reread(true)
                 },
               },
               dirty ? t("btn.reloadDiscard") : t("btn.reload"),
             ),
-            react.createElement("span", { className: statusClass }, shown),
+            ...feedback,
           ),
           ...(editorReady ? editorSections.filter((section) => section.key === "name") : []),
-          editorReady
-            ? react.createElement(
-                "p",
-                {
-                  className: "cpfe-version",
-                  title: String(payload.compositionPath ?? "") + "\n" + t("meta.versionHint"),
-                },
-                "v" + String(payload.version ?? "?"),
-              )
-            : null,
           ...(editorReady ? editorSections.filter((section) => section.key === "mode") : []),
           editorReady
             ? react.createElement(
@@ -2382,6 +2791,21 @@ try {
           createGroup,
           // The confirmation is a portal: rendering it here keeps every piece of this page's
           // state in one component.
+          renderable(A.RiskConfirmation) && orphanDialog !== null
+            ? react.createElement(A.RiskConfirmation, {
+                open: true, title: t("update.orphanDiscard"),
+                description: fillPlaceholders(t("update.orphanConfirm"), { name: orphanDialog.name, id: orphanDialog.id }),
+                acknowledgeLabel: t("update.orphanAcknowledge"), acknowledged: orphanAcknowledged,
+                onAcknowledgedChange: (value) => {
+                  if (!updateOperation.current.alive || orphanConfirmation.current !== orphanDialog) return
+                  orphanAcknowledgement.current = value === true
+                  setOrphanAcknowledged(value === true)
+                },
+                cancelLabel: t("btn.cancel"), closeLabel: t("btn.cancel"), confirmLabel: t("update.orphanDiscard"),
+                disabled: orphanActionBlock() !== "", onCancel: () => { if (updateOperation.current.alive && orphanConfirmation.current === orphanDialog) closeOrphanConfirmation() },
+                onConfirm: () => discardOrphan(orphanDialog),
+              })
+            : null,
           renderable(A.RiskConfirmation) && editorReady
             ? react.createElement(A.RiskConfirmation, {
                 open: deleteOpen,
@@ -2439,6 +2863,8 @@ try {
             console.warn("dsh-custom-mode: slots service unavailable; settings page not registered")
             return
           }
+          try { mountUpdateServices(ctx) }
+          catch { console.warn("dsh-custom-mode: optional native update services unavailable") }
           slots.inject("settings.section", () => {
             // `locale: NS` is the shipped contract: the shell then hands the
             // component a bound `t` in props.