dsh-monkeyai-sessions 0.1.0 → 0.1.2

package/client.js

@@ -315,9 +315,9 @@ window.__ModuleLoader__.load({
     
     // src/shared/projection.mjs
     var MESSAGE_UPDATES = Object.freeze({
-      user_message_chunk: { role: "user", label: "You", mode: "append" },
+      user_message_chunk: { role: "user", label: "\u6211", mode: "append" },
       agent_message_chunk: { role: "assistant", label: "MonkeyAI", mode: "append" },
-      user_message: { role: "user", label: "You", mode: "replace" },
+      user_message: { role: "user", label: "\u6211", mode: "replace" },
       agent_message: { role: "assistant", label: "MonkeyAI", mode: "replace" }
     });
     var THOUGHT_UPDATES = Object.freeze({
@@ -325,11 +325,11 @@ window.__ModuleLoader__.load({
       agent_thought: "replace"
     });
     var TOOL_STATUS_LABEL = Object.freeze({
-      pending: "queued",
-      in_progress: "running",
-      completed: "done",
-      failed: "failed",
-      cancelled: "cancelled"
+      pending: "\u6392\u961F\u4E2D",
+      in_progress: "\u6267\u884C\u4E2D",
+      completed: "\u5B8C\u6210",
+      failed: "\u5931\u8D25",
+      cancelled: "\u5DF2\u53D6\u6D88"
     });
     function contentText(content) {
       const blocks = Array.isArray(content) ? content : content === void 0 || content === null ? [] : [content];
@@ -449,25 +449,25 @@ window.__ModuleLoader__.load({
         if (frame.type === "ready") {
           if (!seenReady) {
             seenReady = true;
-            entries.push({ kind: "system", label: "Connected to remote runtime", key: `sys-ready:${entries.length}` });
+            entries.push({ kind: "system", label: "\u5DF2\u8FDE\u63A5\u5230\u8FDC\u7A0B runtime", key: `sys-ready:${entries.length}` });
           }
           continue;
         }
         if (frame.type === "history_loaded") {
           if (!seenHistoryLoaded) {
             seenHistoryLoaded = true;
-            entries.push({ kind: "system", label: "History loaded", key: `sys-hist:${entries.length}` });
+            entries.push({ kind: "system", label: "\u5386\u53F2\u5DF2\u52A0\u8F7D", key: `sys-hist:${entries.length}` });
           }
           continue;
         }
         if (frame.type === "history_incomplete") {
-          entries.push({ kind: "system", label: "History incomplete - some earlier messages may be missing", key: `sys-inc:${entries.length}` });
+          entries.push({ kind: "system", label: "\u5386\u53F2\u4E0D\u5B8C\u6574\uFF0C\u90E8\u5206\u66F4\u65E9\u7684\u6D88\u606F\u53EF\u80FD\u7F3A\u5931", key: `sys-inc:${entries.length}` });
           continue;
         }
         if (frame.type === "reconnecting") {
           if (!seenReconnecting) {
             seenReconnecting = true;
-            entries.push({ kind: "system", label: frame.message || "Reconnecting to remote runtime", key: `sys-reconn:${entries.length}` });
+            entries.push({ kind: "system", label: frame.message || "\u6B63\u5728\u91CD\u8FDE\u8FDC\u7A0B runtime", key: `sys-reconn:${entries.length}` });
           }
           continue;
         }
@@ -477,18 +477,18 @@ window.__ModuleLoader__.load({
         if (frame.type === "delivery") {
           const accepted = Boolean(frame.data?.accepted);
           if (accepted) continue;
-          entries.push({ kind: "system", label: "MonkeyAI did not accept the instruction", key: `sys-del:${entries.length}` });
+          entries.push({ kind: "system", label: "MonkeyAI \u672A\u63A5\u53D7\u8BE5\u6307\u4EE4", key: `sys-del:${entries.length}` });
           continue;
         }
         if (frame.type === "cancel_sent") {
-          entries.push({ kind: "system", label: "Stop requested", key: `sys-cancel:${entries.length}` });
+          entries.push({ kind: "system", label: "\u5DF2\u8BF7\u6C42\u505C\u6B62", key: `sys-cancel:${entries.length}` });
           continue;
         }
         if (frame.type === "request") {
           continue;
         }
         if (frame.type === "model_switched") {
-          entries.push({ kind: "system", label: `Model switched to ${frame.data?.model ?? "selected model"}`, key: `sys-model:${entries.length}` });
+          entries.push({ kind: "system", label: `\u5DF2\u5207\u6362\u6A21\u578B\uFF1A${frame.data?.model ?? "\u6240\u9009\u6A21\u578B"}`, key: `sys-model:${entries.length}` });
           continue;
         }
         if (frame.type === "model_switch_failed") {
@@ -592,7 +592,7 @@ window.__ModuleLoader__.load({
     .mai-panel .mai-md pre::-webkit-scrollbar-thumb { background: #d5dbe4; border-radius: 6px; }
     `;
     function errorText(error) {
-      return typeof error?.message === "string" ? error.message : typeof error === "string" ? error : "Remote operation failed";
+      return typeof error?.message === "string" ? error.message : typeof error === "string" ? error : "\u8FDC\u7A0B\u64CD\u4F5C\u5931\u8D25";
     }
     function renderMarkdown(text) {
       if (typeof text !== "string" || text === "") return null;
@@ -726,8 +726,8 @@ window.__ModuleLoader__.load({
         h(
           "div",
           { style: { display: "flex", alignItems: "center", gap: 8 } },
-          h("span", { style: { fontSize: 12.5, fontWeight: 650 } }, isPermission ? "Permission requested" : "MonkeyAI asks for input"),
-          h("span", { style: { fontSize: 11, color: t.text3 } }, "responding requires session:control")
+          h("span", { style: { fontSize: 12.5, fontWeight: 650 } }, isPermission ? "\u8BF7\u6C42\u6388\u6743" : "MonkeyAI \u9700\u8981\u4F60\u7684\u8F93\u5165"),
+          h("span", { style: { fontSize: 11, color: t.text3 } }, "\u56DE\u590D\u9700\u8981 session:control \u6743\u9650")
         ),
         questionText !== "" ? h("div", { style: { fontSize: 12.5, color: t.text2, whiteSpace: "pre-wrap", overflowWrap: "anywhere" } }, questionText) : null,
         options.length > 0 ? h(
@@ -740,14 +740,14 @@ window.__ModuleLoader__.load({
             disabled,
             onClick: () => onRespond(request, { outcome: "selected", optionId: option.optionId })
           }, option.name || option.optionId)),
-          h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { outcome: "cancelled" }) }, "Decline")
+          h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { outcome: "cancelled" }) }, "\u62D2\u7EDD")
         ) : null,
         options.length === 0 && !isPermission ? h(
           import_react.default.Fragment,
           null,
           h("textarea", {
             style: { ...style.textarea, minHeight: 44 },
-            placeholder: disabled ? "Read-only: session:control is required to answer" : "Type your answer",
+            placeholder: disabled ? "\u53EA\u8BFB\u6A21\u5F0F\uFF1A\u56DE\u590D\u9700\u8981 session:control \u6743\u9650" : "\u8F93\u5165\u4F60\u7684\u56DE\u7B54",
             value: answerText,
             disabled,
             onChange: (event) => setAnswerText(event.target.value)
@@ -755,19 +755,19 @@ window.__ModuleLoader__.load({
           h(
             "div",
             { style: style.row },
-            h("button", { type: "button", style: style.primaryButton, disabled: disabled || answerText.trim() === "", onClick: () => onAnswer(request) }, "Reply"),
-            h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { action: "decline" }) }, "Decline")
+            h("button", { type: "button", style: style.primaryButton, disabled: disabled || answerText.trim() === "", onClick: () => onAnswer(request) }, "\u56DE\u590D"),
+            h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { action: "decline" }) }, "\u62D2\u7EDD")
           )
         ) : null,
         options.length === 0 && isPermission ? h(
           "div",
           { style: style.row },
-          h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { outcome: "cancelled" }) }, "Decline")
+          h("button", { type: "button", style: style.button, disabled, onClick: () => onRespond(request, { outcome: "cancelled" }) }, "\u62D2\u7EDD")
         ) : null,
         h(
           "details",
           { style: style.details },
-          h("summary", { style: style.summary }, "Request details"),
+          h("summary", { style: style.summary }, "\u8BF7\u6C42\u8BE6\u60C5"),
           h("pre", { style: { margin: "6px 0 0", whiteSpace: "pre-wrap", overflowWrap: "anywhere", fontSize: 11.5 } }, JSON.stringify(request.data, null, 2))
         )
       );
@@ -789,7 +789,7 @@ window.__ModuleLoader__.load({
       const [pendingRequests, setPendingRequests] = useState([]);
       const [prompt, setPrompt] = useState("");
       const [answerText, setAnswerText] = useState("");
-      const [status, setStatus] = useState("Disconnected");
+      const [status, setStatus] = useState("\u672A\u8FDE\u63A5");
       const [error, setError] = useState("");
       const [loading, setLoading] = useState(false);
       const [lastDelivery, setLastDelivery] = useState(void 0);
@@ -872,7 +872,7 @@ window.__ModuleLoader__.load({
         if (loading || !serverAddress || !signInEmail.trim() || signInPassword === "") return;
         setError("");
         setLoading(true);
-        setStatus("Signing in to MonkeyAI");
+        setStatus("\u6B63\u5728\u767B\u5F55 MonkeyAI");
         try {
           const account = await unwrap(api.signIn({
             serverAddress,
@@ -883,7 +883,7 @@ window.__ModuleLoader__.load({
           adoptAccount(account);
         } catch (reason) {
           setError(errorText(reason));
-          setStatus("Sign-in failed");
+          setStatus("\u767B\u5F55\u5931\u8D25");
         } finally {
           setLoading(false);
         }
@@ -898,9 +898,9 @@ window.__ModuleLoader__.load({
           setAuthorizationMode(mode);
           setCopied(false);
           if (mode === "loopback") {
-            setStatus("Waiting for approval");
+            setStatus("\u7B49\u5F85\u6279\u51C6");
           } else {
-            setStatus("Approve access, then paste the callback URL");
+            setStatus("\u6279\u51C6\u6388\u6743\u540E\uFF0C\u7C98\u8D34\u56DE\u8C03 URL");
           }
           authWindowRef.current = window.open(result.authorizationUrl, "_blank");
         } catch (reason) {
@@ -946,12 +946,12 @@ window.__ModuleLoader__.load({
               setAccounts((current) => [result.account, ...current.filter((item) => item.accountId !== result.account.accountId)]);
               setAccountId(result.account.accountId);
               setServerAddress(result.account.serverOrigin);
-              setStatus("MonkeyAI account connected");
+              setStatus("MonkeyAI \u8D26\u53F7\u5DF2\u8FDE\u63A5");
             } else if (result.status === "failed") {
-              setError(result.error || "Automatic authorization failed; paste the callback URL instead.");
-              setStatus("Automatic authorization failed");
+              setError(result.error || "\u81EA\u52A8\u6388\u6743\u5931\u8D25\uFF0C\u8BF7\u6539\u4E3A\u7C98\u8D34\u56DE\u8C03 URL\u3002");
+              setStatus("\u81EA\u52A8\u6388\u6743\u5931\u8D25");
             } else {
-              setStatus("Authorization request expired");
+              setStatus("\u6388\u6743\u8BF7\u6C42\u5DF2\u8FC7\u671F");
             }
             setAuthorizationRequestId("");
             setAuthorizationUrl("");
@@ -965,7 +965,7 @@ window.__ModuleLoader__.load({
         setAccounts((current) => [account, ...current.filter((item) => item.accountId !== account.accountId)]);
         setAccountId(account.accountId);
         setServerAddress(account.serverOrigin);
-        setStatus("MonkeyAI account connected");
+        setStatus("MonkeyAI \u8D26\u53F7\u5DF2\u8FDE\u63A5");
         setAddingServer(false);
       }
       async function completeAuthorization() {
@@ -988,9 +988,9 @@ window.__ModuleLoader__.load({
         try {
           await navigator.clipboard.writeText(authorizationUrl);
           setCopied(true);
-          setStatus("Authorization link copied");
+          setStatus("\u6388\u6743\u94FE\u63A5\u5DF2\u590D\u5236");
         } catch {
-          setStatus("Copy failed - select the link text manually");
+          setStatus("\u590D\u5236\u5931\u8D25\uFF0C\u8BF7\u624B\u52A8\u9009\u4E2D\u94FE\u63A5\u6587\u672C");
         }
       }
       async function loadDevices() {
@@ -1007,7 +1007,7 @@ window.__ModuleLoader__.load({
           setSessionId("");
           streamRef.current?.dispose();
           streamRef.current = null;
-          setStatus(result.items.length > 0 ? `${result.items.length} device(s) found` : "No devices registered");
+          setStatus(result.items.length > 0 ? `${result.items.length} device(s) found` : "\u6682\u65E0\u5DF2\u6CE8\u518C\u8BBE\u5907");
           if (first) await loadSessions(first);
         } catch (reason) {
           setError(errorText(reason));
@@ -1031,10 +1031,10 @@ window.__ModuleLoader__.load({
         ]);
         const errors = [];
         if (results[0].status === "fulfilled") setSummarySessions(results[0].value.items);
-        else errors.push(`Summary index: ${errorText(results[0].reason)}`);
+        else errors.push(`\u4F1A\u8BDD\u6458\u8981\u7D22\u5F15\uFF1A${errorText(results[0].reason)}`);
         if (results[1].status === "fulfilled") setRuntimeSessions(results[1].value.sessions);
-        else errors.push(`ACP session list: ${errorText(results[1].reason)}`);
-        setStatus(errors.length === 0 ? "Sessions refreshed" : "Some session sources are unavailable");
+        else errors.push(`ACP \u4F1A\u8BDD\u5217\u8868\uFF1A${errorText(results[1].reason)}`);
+        setStatus(errors.length === 0 ? "\u4F1A\u8BDD\u5DF2\u5237\u65B0" : "\u90E8\u5206\u4F1A\u8BDD\u6765\u6E90\u4E0D\u53EF\u7528");
         setError(errors.join("\n"));
         setLoading(false);
       }
@@ -1053,38 +1053,38 @@ window.__ModuleLoader__.load({
         setCurrentModel("");
         setVisibleCount(RECENT_LIMIT);
         setHistoryLoading(true);
-        setStatus("Connecting to remote session");
+        setStatus("\u6B63\u5728\u8FDE\u63A5\u8FDC\u7A0B\u4F1A\u8BDD");
         try {
           const stream = api.followSession({ accountId, machineId, sessionId: session.id, cwd: session.cwd });
           streamRef.current = stream;
-          setStatus("Remote session connected");
+          setStatus("\u8FDC\u7A0B\u4F1A\u8BDD\u5DF2\u8FDE\u63A5");
           for await (const frame of stream) {
             setFrames((current) => [...current, frame]);
-            if (frame.type === "ready" && !historyLoadedRef.current) setStatus("Replaying session history");
-            if (frame.type === "reconnecting") setStatus(frame.message || "Reconnecting to remote runtime");
+            if (frame.type === "ready" && !historyLoadedRef.current) setStatus("\u6B63\u5728\u56DE\u653E\u4F1A\u8BDD\u5386\u53F2");
+            if (frame.type === "reconnecting") setStatus(frame.message || "\u6B63\u5728\u91CD\u8FDE\u8FDC\u7A0B runtime");
             if (frame.type === "history_loaded") {
               historyLoadedRef.current = true;
-              setStatus("History loaded");
+              setStatus("\u5386\u53F2\u5DF2\u52A0\u8F7D");
               setHistoryLoading(false);
               if (frame.model) setCurrentModel(frame.model);
             }
             if (frame.type === "history_incomplete") {
-              setStatus("History incomplete: " + (frame.message || "replay was cut off"));
+              setStatus("\u5386\u53F2\u4E0D\u5B8C\u6574\uFF1A" + (frame.message || "\u56DE\u653E\u88AB\u4E2D\u65AD"));
               setHistoryLoading(false);
             }
             if (frame.type === "model_switched") {
               if (frame.data?.model) setCurrentModel(frame.data.model);
               setSwitchingModel(false);
-              setStatus("Model switched");
+              setStatus("\u6A21\u578B\u5DF2\u5207\u6362");
             }
             if (frame.type === "model_switch_failed") {
               setSwitchingModel(false);
-              setError(frame.message || "Model switch was rejected");
-              setStatus("Model switch failed");
+              setError(frame.message || "\u6A21\u578B\u5207\u6362\u88AB\u62D2\u7EDD");
+              setStatus("\u6A21\u578B\u5207\u6362\u5931\u8D25");
             }
             if (frame.type === "session_missing") {
-              setError(frame.message || "This session no longer exists on the selected device.");
-              setStatus("Session not found on device");
+              setError(frame.message || "\u8BE5\u4F1A\u8BDD\u5728\u6240\u9009\u8BBE\u5907\u4E0A\u5DF2\u4E0D\u5B58\u5728\u3002");
+              setStatus("\u8BBE\u5907\u4E0A\u627E\u4E0D\u5230\u8BE5\u4F1A\u8BDD");
               setHistoryLoading(false);
             }
             if (frame.type === "request") {
@@ -1097,31 +1097,31 @@ window.__ModuleLoader__.load({
               setStopping(false);
               if (accepted) {
                 const cancelled = frame.data?.result?.stopReason === "cancelled";
-                setStatus(cancelled ? "Turn stopped" : "Turn completed");
+                setStatus(cancelled ? "\u56DE\u5408\u5DF2\u505C\u6B62" : "\u56DE\u5408\u5DF2\u5B8C\u6210");
               } else {
                 setPrompt((current) => current === "" ? lastDraftRef.current || "" : current);
-                setStatus("MonkeyAI did not accept the instruction; draft preserved");
+                setStatus("MonkeyAI \u672A\u63A5\u53D7\u8BE5\u6307\u4EE4\uFF0C\u8349\u7A3F\u5DF2\u4FDD\u7559");
                 if (frame.message) setError(frame.message);
               }
             }
             if (frame.type === "cancel_sent") {
               setStopping(false);
-              setStatus("Stop requested - waiting for the runtime to cancel");
+              setStatus("\u5DF2\u8BF7\u6C42\u505C\u6B62\uFF0C\u7B49\u5F85 runtime \u53D6\u6D88");
             }
             if (frame.type === "response_sent") {
               setPendingRequests((current) => current.filter((item) => item.requestId !== frame.requestId));
             }
             if (frame.type === "response_error") {
-              setError(`Remote response was rejected: ${frame.code || "unknown"}`);
+              setError(`\u8FDC\u7A0B\u56DE\u590D\u88AB\u62D2\u7EDD\uFF1A${frame.code || "\u672A\u77E5"}`);
             }
-            if (frame.type === "error") setError(frame.message || frame.code || "Remote session error");
+            if (frame.type === "error") setError(frame.message || frame.code || "\u8FDC\u7A0B\u4F1A\u8BDD\u9519\u8BEF");
           }
-          setStatus("Remote session disconnected");
+          setStatus("\u8FDC\u7A0B\u4F1A\u8BDD\u5DF2\u65AD\u5F00");
           setHistoryLoading(false);
           setTurnActive(false);
           setStopping(false);
         } catch (reason) {
-          setStatus("Remote session unavailable");
+          setStatus("\u8FDC\u7A0B\u4F1A\u8BDD\u4E0D\u53EF\u7528");
           setError(errorText(reason));
           setHistoryLoading(false);
           setTurnActive(false);
@@ -1139,7 +1139,7 @@ window.__ModuleLoader__.load({
           setPrompt("");
           setTurnActive(true);
           setStopping(false);
-          setStatus("Instruction sent - MonkeyAI is working");
+          setStatus("\u6307\u4EE4\u5DF2\u53D1\u9001\uFF0CMonkeyAI \u6B63\u5728\u5904\u7406");
         } catch (reason) {
           setError(errorText(reason));
         }
@@ -1150,14 +1150,14 @@ window.__ModuleLoader__.load({
         try {
           stream.send({ type: "cancel" });
           setStopping(true);
-          setStatus("Stopping\u2026");
+          setStatus("\u505C\u6B62\u4E2D\u2026");
         } catch (reason) {
           setError(errorText(reason));
         }
       }
       function respond(request, result) {
         if (!hasControl) {
-          setError("MonkeyAI response requires session:control permission");
+          setError("\u56DE\u590D MonkeyAI \u9700\u8981 session:control \u6743\u9650");
           return;
         }
         try {
@@ -1187,7 +1187,7 @@ window.__ModuleLoader__.load({
           setCallbackUrl("");
           setAuthorizationUrl("");
           setAuthorizationMode("");
-          setStatus("Disconnected");
+          setStatus("\u672A\u8FDE\u63A5");
           setAddingServer(false);
         } catch (reason) {
           setError(errorText(reason));
@@ -1238,7 +1238,7 @@ window.__ModuleLoader__.load({
           setDevices((current) => [entry, ...current.filter((item) => item.machineId !== machineId2)]);
           setMachineId((current) => current || machineId2);
         }
-        setStatus(`Added device ${entry.displayName}`);
+        setStatus(`\u5DF2\u6DFB\u52A0\u8BBE\u5907 ${entry.displayName}`);
       }
       function removeManualDevice(machineId2) {
         saveManualDevices(loadManualDevices().filter((item) => item.machineId !== machineId2));
@@ -1254,14 +1254,14 @@ window.__ModuleLoader__.load({
           if (created.model) setCurrentModel(created.model);
           setRuntimeSessions((current) => {
             if (current.some((item) => item.id === created.sessionId)) return current;
-            return [{ id: created.sessionId, title: created.title || "New remote session", cwd: created.cwd }, ...current];
+            return [{ id: created.sessionId, title: created.title || "\u65B0\u5EFA\u8FDC\u7A0B\u4F1A\u8BDD", cwd: created.cwd }, ...current];
           });
           setSummarySessions((current) => current.filter((item) => item.id !== created.sessionId));
-          setStatus("Session created");
-          await openSession({ id: created.sessionId, title: created.title || "New remote session", cwd: created.cwd });
+          setStatus("\u4F1A\u8BDD\u5DF2\u521B\u5EFA");
+          await openSession({ id: created.sessionId, title: created.title || "\u65B0\u5EFA\u8FDC\u7A0B\u4F1A\u8BDD", cwd: created.cwd });
         } catch (reason) {
           setError(errorText(reason));
-          setStatus("Could not create a remote session");
+          setStatus("\u65E0\u6CD5\u521B\u5EFA\u8FDC\u7A0B\u4F1A\u8BDD");
         } finally {
           setNewSessionBusy(false);
         }
@@ -1274,10 +1274,10 @@ window.__ModuleLoader__.load({
         setSwitchingModel(true);
         try {
           stream.send({ type: "switch_model", model: modelId });
-          setStatus("Switching model\u2026");
+          setStatus("\u6B63\u5728\u5207\u6362\u6A21\u578B\u2026");
         } catch (reason) {
           setError(errorText(reason));
-          setStatus("Model switch failed");
+          setStatus("\u6A21\u578B\u5207\u6362\u5931\u8D25");
           setSwitchingModel(false);
         }
       }
@@ -1335,7 +1335,7 @@ window.__ModuleLoader__.load({
             "div",
             { style: { display: "flex", alignItems: "center", gap: 8 } },
             h(MonkeyIcon, { size: 22 }),
-            h("h1", { style: style.title }, "MonkeyAI Sessions")
+            h("h1", { style: style.title }, "MonkeyAI \u4F1A\u8BDD")
           ),
           h(StatusBadge, { status, live: isLive })
         ),
@@ -1345,7 +1345,7 @@ window.__ModuleLoader__.load({
           h("span", { style: { flex: 1 } }, error),
           h("button", {
             type: "button",
-            "aria-label": "Dismiss error",
+            "aria-label": "\u5173\u95ED\u9519\u8BEF\u63D0\u793A",
             onClick: () => setError(""),
             style: { border: 0, background: "transparent", cursor: "pointer", color: t.danger, fontWeight: 700, padding: "0 2px", fontSize: 13 }
           }, "\xD7")
@@ -1356,12 +1356,12 @@ window.__ModuleLoader__.load({
           addingServer && !authorizing ? h(
             "div",
             { style: style.row },
-            h("h2", { style: { ...style.sectionTitle, flex: 1 } }, "Add MonkeyAI server"),
+            h("h2", { style: { ...style.sectionTitle, flex: 1 } }, "\u6DFB\u52A0 MonkeyAI \u670D\u52A1\u5668"),
             h("button", { type: "button", style: style.button, onClick: () => {
               setAddingServer(false);
               setServerAddress(currentAccount?.serverOrigin || "");
-              setStatus("MonkeyAI account connected");
-            } }, "Cancel")
+              setStatus("MonkeyAI \u8D26\u53F7\u5DF2\u8FDE\u63A5");
+            } }, "\u53D6\u6D88")
           ) : null,
           authorizing ? h(
             import_react.default.Fragment,
@@ -1369,15 +1369,15 @@ window.__ModuleLoader__.load({
             h(
               "div",
               { style: style.row },
-              h("h2", { style: { ...style.sectionTitle, flex: 1 } }, addingServer ? "Authorizing a new server" : "Waiting for authorization"),
+              h("h2", { style: { ...style.sectionTitle, flex: 1 } }, addingServer ? "\u6B63\u5728\u6388\u6743\u65B0\u670D\u52A1\u5668" : "\u7B49\u5F85\u6388\u6743"),
               addingServer ? h("button", { type: "button", style: style.button, onClick: () => {
                 setAuthorizationRequestId("");
                 setAuthorizationUrl("");
                 setAuthorizationMode("");
                 setCallbackUrl("");
                 setAddingServer(false);
-                setStatus("MonkeyAI account connected");
-              } }, "Cancel") : null
+                setStatus("MonkeyAI \u8D26\u53F7\u5DF2\u8FDE\u63A5");
+              } }, "\u53D6\u6D88") : null
             ),
             h(
               "ol",
@@ -1385,20 +1385,20 @@ window.__ModuleLoader__.load({
               h(
                 "li",
                 null,
-                "Open the authorization page and approve access in MonkeyAI.",
+                "\u6253\u5F00\u6388\u6743\u9875\u5E76\u5728 MonkeyAI \u4E2D\u6279\u51C6\u8BBF\u95EE\u3002",
                 h(
                   "span",
                   { style: style.row, title: authorizationUrl },
-                  h("a", { href: authorizationUrl, target: "_blank", rel: "noopener noreferrer", style: { color: t.accent, fontWeight: 600, fontSize: 12 } }, "Open page"),
-                  h("button", { type: "button", style: style.button, onClick: copyAuthorizationUrl }, copied ? "Copied" : "Copy link")
+                  h("a", { href: authorizationUrl, target: "_blank", rel: "noopener noreferrer", style: { color: t.accent, fontWeight: 600, fontSize: 12 } }, "\u6253\u5F00\u6388\u6743\u9875"),
+                  h("button", { type: "button", style: style.button, onClick: copyAuthorizationUrl }, copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u94FE\u63A5")
                 )
               ),
-              authorizationMode === "loopback" ? h("li", null, "Approve in the browser - this panel completes automatically. If the browser cannot return to DSH, copy the callback URL below.") : h("li", null, "After approving, the browser shows the monkeyai-desktop:// callback - copy its full address-bar URL and paste it below.")
+              authorizationMode === "loopback" ? h("li", null, "\u5728\u6D4F\u89C8\u5668\u4E2D\u6279\u51C6\u540E\u9762\u677F\u4F1A\u81EA\u52A8\u5B8C\u6210\u3002\u82E5\u6D4F\u89C8\u5668\u65E0\u6CD5\u56DE\u4F20\u5230 DSH\uFF0C\u8BF7\u590D\u5236\u56DE\u8C03 URL \u7C98\u8D34\u5230\u4E0B\u65B9\u3002") : h("li", null, "\u6279\u51C6\u540E\u6D4F\u89C8\u5668\u4F1A\u663E\u793A monkeyai-desktop:// \u56DE\u8C03\uFF0C\u590D\u5236\u5730\u5740\u680F\u5B8C\u6574 URL \u7C98\u8D34\u5230\u4E0B\u65B9\u3002")
             ),
             h(
               "details",
               { style: style.details },
-              h("summary", { style: style.summary }, "Automatic completion did not finish? Paste the callback"),
+              h("summary", { style: style.summary }, "\u6CA1\u6709\u81EA\u52A8\u5B8C\u6210\uFF1F\u624B\u52A8\u7C98\u8D34\u56DE\u8C03"),
               h(
                 "div",
                 { style: { ...style.row, paddingTop: 8 } },
@@ -1409,13 +1409,13 @@ window.__ModuleLoader__.load({
                   style: { ...style.input, flex: "1 1 260px" },
                   onChange: (event) => setCallbackUrl(event.target.value)
                 }),
-                h("button", { type: "button", style: style.primaryButton, disabled: loading || !callbackUrl, onClick: completeAuthorization }, "Complete authorization")
+                h("button", { type: "button", style: style.primaryButton, disabled: loading || !callbackUrl, onClick: completeAuthorization }, "\u5B8C\u6210\u6388\u6743")
               )
             )
           ) : h(
             import_react.default.Fragment,
             null,
-            h("h2", { style: style.sectionTitle }, "Connect MonkeyAI"),
+            h("h2", { style: style.sectionTitle }, "\u8FDE\u63A5 MonkeyAI"),
             h(
               "form",
               {
@@ -1427,7 +1427,7 @@ window.__ModuleLoader__.load({
               },
               h(
                 Field,
-                { labelText: "MonkeyAI server origin" },
+                { labelText: "MonkeyAI \u670D\u52A1\u5668\u5730\u5740" },
                 h("input", {
                   type: "url",
                   value: serverAddress,
@@ -1439,7 +1439,7 @@ window.__ModuleLoader__.load({
               ),
               h(
                 Field,
-                { labelText: "Account email" },
+                { labelText: "\u8D26\u53F7\u90AE\u7BB1" },
                 h("input", {
                   type: "email",
                   value: signInEmail,
@@ -1451,11 +1451,11 @@ window.__ModuleLoader__.load({
               ),
               h(
                 Field,
-                { labelText: "Password" },
+                { labelText: "\u5BC6\u7801" },
                 h("input", {
                   type: "password",
                   value: signInPassword,
-                  placeholder: "MonkeyAI account password",
+                  placeholder: "MonkeyAI \u8D26\u53F7\u5BC6\u7801",
                   style: style.input,
                   autoComplete: "current-password",
                   onChange: (event) => setSignInPassword(event.target.value)
@@ -1465,26 +1465,26 @@ window.__ModuleLoader__.load({
                 type: "submit",
                 style: style.primaryButton,
                 disabled: loading || !serverAddress || !signInEmail.trim() || signInPassword === ""
-              }, loading ? "Signing in\u2026" : "Sign in"),
+              }, loading ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"),
               h(
                 "p",
                 { style: { margin: 0, fontSize: 11.5, color: t.text3 } },
-                "Sign-in runs on the DSH host and works on phones. Your password is used once to authorize this plugin and is never stored."
+                "\u767B\u5F55\u5728 DSH Host \u4E0A\u5B8C\u6210\uFF0C\u624B\u673A\u540C\u6837\u53EF\u7528\u3002\u5BC6\u7801\u4EC5\u7528\u4E8E\u672C\u6B21\u6388\u6743\uFF0C\u4E0D\u4F1A\u88AB\u5B58\u50A8\u3002"
               )
             ),
             h(
               "details",
               { style: style.details },
-              h("summary", { style: style.summary }, "Use browser authorization instead"),
+              h("summary", { style: style.summary }, "\u6539\u7528\u6D4F\u89C8\u5668\u6388\u6743"),
               h(
                 "div",
                 { style: { display: "grid", gap: 8, paddingTop: 8 } },
-                h("button", { type: "button", style: style.button, disabled: loading || !serverAddress, onClick: () => beginAuthorization("loopback") }, "Authorize in browser"),
-                h("button", { type: "button", style: style.button, disabled: loading || !serverAddress, onClick: () => beginAuthorization("scheme") }, "Authorize (paste callback)"),
-                h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "Browser authorization needs the callback to reach this host. On a phone, use sign-in above instead.")
+                h("button", { type: "button", style: style.button, disabled: loading || !serverAddress, onClick: () => beginAuthorization("loopback") }, "\u5728\u6D4F\u89C8\u5668\u4E2D\u6388\u6743"),
+                h("button", { type: "button", style: style.button, disabled: loading || !serverAddress, onClick: () => beginAuthorization("scheme") }, "\u6388\u6743\uFF08\u7C98\u8D34\u56DE\u8C03\uFF09"),
+                h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "\u6D4F\u89C8\u5668\u6388\u6743\u9700\u8981\u56DE\u8C03\u80FD\u8BBF\u95EE\u5230\u672C\u673A Host\u3002\u624B\u673A\u4E0A\u8BF7\u6539\u7528\u4E0A\u65B9\u8D26\u53F7\u767B\u5F55\u3002")
               )
             ),
-            accounts.length > 0 ? h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "Connected accounts appear in the account selector above the device list.") : null
+            accounts.length > 0 ? h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "\u5DF2\u8FDE\u63A5\u7684\u8D26\u53F7\u4F1A\u51FA\u73B0\u5728\u8BBE\u5907\u5217\u8868\u4E0A\u65B9\u7684\u8D26\u53F7\u9009\u62E9\u5668\u4E2D\u3002") : null
           )
         ) : null,
         currentAccount ? h(
@@ -1493,7 +1493,7 @@ window.__ModuleLoader__.load({
           h(
             "div",
             { style: style.row },
-            h("h2", { style: { ...style.sectionTitle, flex: 1 } }, "Remote sessions"),
+            h("h2", { style: { ...style.sectionTitle, flex: 1 } }, "\u8FDC\u7A0B\u4F1A\u8BDD"),
             h("span", { style: { fontSize: 11, color: t.text3 } }, currentAccount.scopes.filter((s) => s !== "device:connect").join(" \xB7 "))
           ),
           h(
@@ -1501,7 +1501,7 @@ window.__ModuleLoader__.load({
             { style: style.row },
             h(
               "select",
-              { style: { ...style.input, flex: "1 1 200px" }, value: accountId, onChange: (event) => setAccountId(event.target.value), "aria-label": "Authorized account" },
+              { style: { ...style.input, flex: "1 1 200px" }, value: accountId, onChange: (event) => setAccountId(event.target.value), "aria-label": "\u5DF2\u6388\u6743\u8D26\u53F7" },
               accounts.map((account) => h("option", { key: account.accountId, value: account.accountId }, account.serverOrigin))
             ),
             h("button", { type: "button", style: { ...style.button, flex: "0 0 auto", padding: "6px 10px", fontWeight: 700 }, disabled: loading || addingServer, onClick: () => {
@@ -1511,22 +1511,22 @@ window.__ModuleLoader__.load({
               setAuthorizationUrl("");
               setAuthorizationMode("");
               setCallbackUrl("");
-              setStatus("Enter a MonkeyAI server origin");
-            }, title: "Authorize an additional MonkeyAI server" }, "+ Add server"),
+              setStatus("\u8BF7\u8F93\u5165 MonkeyAI \u670D\u52A1\u5668\u5730\u5740");
+            }, title: "\u6388\u6743\u53E6\u4E00\u4E2A MonkeyAI \u670D\u52A1\u5668" }, "+ \u6DFB\u52A0\u670D\u52A1\u5668"),
             h(
               "select",
               { style: { ...style.input, flex: "1 1 220px" }, value: machineId, onChange: (event) => {
                 const next = event.target.value;
                 setMachineId(next);
                 if (next) void loadSessions(next);
-              }, "aria-label": "Remote device" },
-              h("option", { value: "" }, "Select a device"),
-              allDevices.map((device) => h("option", { key: device.machineId, value: device.machineId }, `${device.displayName}${device.status === "online" ? "" : ` \xB7 ${device.status}`}${device.stale ? " \xB7 stale" : ""}`))
+              }, "aria-label": "\u8FDC\u7A0B\u8BBE\u5907" },
+              h("option", { value: "" }, "\u9009\u62E9\u8BBE\u5907"),
+              allDevices.map((device) => h("option", { key: device.machineId, value: device.machineId }, `${device.displayName}${device.status === "online" ? "" : ` \xB7 ${device.status === "offline" ? "\u79BB\u7EBF" : device.status}`}${device.stale ? " \xB7 \u5DF2\u8FC7\u671F" : ""}`))
             ),
-            h("button", { type: "button", style: style.button, disabled: loading, onClick: machineId ? () => loadSessions() : loadDevices, title: machineId ? "Refresh sessions" : "Refresh devices" }, "Refresh"),
-            h("button", { type: "button", style: style.dangerButton, disabled: !accountId, onClick: disconnectAccount, title: "Revoke this account authorization" }, "Disconnect")
+            h("button", { type: "button", style: style.button, disabled: loading, onClick: machineId ? () => loadSessions() : loadDevices, title: machineId ? "\u5237\u65B0\u4F1A\u8BDD" : "\u5237\u65B0\u8BBE\u5907" }, "\u5237\u65B0"),
+            h("button", { type: "button", style: style.dangerButton, disabled: !accountId, onClick: disconnectAccount, title: "\u64A4\u9500\u8BE5\u8D26\u53F7\u6388\u6743" }, "\u65AD\u5F00\u8FDE\u63A5")
           ),
-          !hasRead ? h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "session:read is required to list and read remote sessions.") : null,
+          !hasRead ? h("p", { style: { margin: 0, fontSize: 12, color: t.text3 } }, "\u5217\u51FA\u548C\u8BFB\u53D6\u8FDC\u7A0B\u4F1A\u8BDD\u9700\u8981 session:read \u6743\u9650\u3002") : null,
           manualDevices.length > 0 ? h(
             "div",
             { style: style.row },
@@ -1537,7 +1537,7 @@ window.__ModuleLoader__.load({
               h("button", {
                 type: "button",
                 style: { border: 0, background: "transparent", cursor: "pointer", padding: 0, color: t.danger, fontWeight: 700, fontSize: 12 },
-                "aria-label": `Remove ${device.displayName}`,
+                "aria-label": `\u79FB\u9664 ${device.displayName}`,
                 onClick: () => removeManualDevice(device.machineId)
               }, "\xD7")
             ))
@@ -1545,7 +1545,7 @@ window.__ModuleLoader__.load({
           h(
             "details",
             { style: style.details },
-            h("summary", { style: style.summary }, "Device missing? Add it by machine ID"),
+            h("summary", { style: style.summary }, "\u627E\u4E0D\u5230\u8BBE\u5907\uFF1F\u6309 machine ID \u6DFB\u52A0"),
             h(
               "div",
               { style: { display: "grid", gap: 8, paddingTop: 8 } },
@@ -1555,23 +1555,23 @@ window.__ModuleLoader__.load({
                 h("input", {
                   style: { ...style.input, flex: "2 1 200px" },
                   value: manualDeviceId,
-                  placeholder: "Machine ID, e.g. 6f1c2a34-... or headless-host-01",
+                  placeholder: "Machine ID\uFF0C\u4F8B\u5982 6f1c2a34-... \u6216 headless-host-01",
                   onChange: (event) => setManualDeviceId(event.target.value)
                 }),
                 h("input", {
                   style: { ...style.input, flex: "1 1 140px" },
                   value: manualDeviceName,
-                  placeholder: "Display name (optional)",
+                  placeholder: "\u663E\u793A\u540D\u79F0\uFF08\u53EF\u9009\uFF09",
                   onChange: (event) => setManualDeviceName(event.target.value)
                 }),
-                h("button", { type: "button", style: style.button, disabled: !manualDeviceId.trim(), onClick: addManualDevice }, "Add")
+                h("button", { type: "button", style: style.button, disabled: !manualDeviceId.trim(), onClick: addManualDevice }, "\u6DFB\u52A0")
               )
             )
           ),
           h(
             "details",
             { style: style.details },
-            h("summary", { style: style.summary }, "New remote session"),
+            h("summary", { style: style.summary }, "\u65B0\u5EFA\u8FDC\u7A0B\u4F1A\u8BDD"),
             h(
               "div",
               { style: { display: "grid", gap: 8, paddingTop: 8 } },
@@ -1581,7 +1581,7 @@ window.__ModuleLoader__.load({
                 h("input", {
                   style: { ...style.input, flex: "2 1 200px" },
                   value: newSessionCwd,
-                  placeholder: "Working directory, e.g. /root",
+                  placeholder: "\u5DE5\u4F5C\u76EE\u5F55\uFF0C\u4F8B\u5982 /root",
                   onChange: (event) => setNewSessionCwd(event.target.value)
                 }),
                 h("select", {
@@ -1589,7 +1589,7 @@ window.__ModuleLoader__.load({
                   value: selectedModel,
                   disabled: models.length === 0,
                   onChange: (event) => setSelectedModel(event.target.value),
-                  "aria-label": "Model for the new session"
+                  "aria-label": "\u65B0\u4F1A\u8BDD\u4F7F\u7528\u7684\u6A21\u578B"
                 }, models.map((m) => h("option", { key: m.id, value: m.id }, m.displayName))),
                 h("button", {
                   type: "button",
@@ -1597,12 +1597,12 @@ window.__ModuleLoader__.load({
                   flex: "0 0 auto",
                   disabled: loading || !machineId || !newSessionCwd.trim() || newSessionBusy,
                   onClick: createRemoteSession
-                }, newSessionBusy ? "Creating..." : "Create")
+                }, newSessionBusy ? "\u521B\u5EFA\u4E2D\u2026" : "\u521B\u5EFA")
               )
             )
           ),
           sessionOptions.length > 0 ? h("div", { style: style.sessions }, sessionOptions.map((session) => {
-            const flag = session.stale ? "stale" : session.deviceStatus && session.deviceStatus !== "online" ? session.deviceStatus : "";
+            const flag = session.stale ? "\u5DF2\u8FC7\u671F" : session.deviceStatus && session.deviceStatus !== "online" ? session.deviceStatus === "offline" ? "\u79BB\u7EBF" : session.deviceStatus : "";
             return h(
               "button",
               {
@@ -1612,13 +1612,13 @@ window.__ModuleLoader__.load({
                 type: "button",
                 disabled: !session.cwd,
                 onClick: () => openSession(session),
-                title: session.cwd ? `Open ${session.cwd}` : "ACP session list did not provide a working directory"
+                title: session.cwd ? `\u6253\u5F00 ${session.cwd}` : "ACP \u4F1A\u8BDD\u5217\u8868\u672A\u63D0\u4F9B\u5DE5\u4F5C\u76EE\u5F55"
               },
               h("span", { style: style.sessionTitle }, session.title || session.id),
-              h("span", { style: style.sessionMeta }, session.cwd || "History requires a working directory from the runtime"),
+              h("span", { style: style.sessionMeta }, session.cwd || "\u52A0\u8F7D\u5386\u53F2\u9700\u8981 runtime \u63D0\u4F9B\u5DE5\u4F5C\u76EE\u5F55"),
               flag !== "" ? h("span", { style: { fontSize: 10.5, fontWeight: 650, color: session.stale ? t.text3 : "#8a6d1d", textTransform: "uppercase", letterSpacing: "0.04em" } }, flag) : null
             );
-          })) : h("p", { style: style.subtitle }, machineId ? "No sessions on this device yet. Create one above or refresh." : "Select a device to list its sessions.")
+          })) : h("p", { style: style.subtitle }, machineId ? "\u8BE5\u8BBE\u5907\u6682\u65E0\u4F1A\u8BDD\u3002\u53EF\u5728\u4E0A\u65B9\u65B0\u5EFA\uFF0C\u6216\u70B9\u51FB\u5237\u65B0\u3002" : "\u8BF7\u9009\u62E9\u8BBE\u5907\u4EE5\u5217\u51FA\u5176\u4F1A\u8BDD\u3002")
         ) : null,
         sessionId ? h(
           "section",
@@ -1629,14 +1629,14 @@ window.__ModuleLoader__.load({
             h("button", {
               type: "button",
               style: { ...style.button, flexShrink: 0 },
-              title: "Close session and go back to the list",
+              title: "\u5173\u95ED\u4F1A\u8BDD\u5E76\u8FD4\u56DE\u5217\u8868",
               onClick: () => {
                 streamRef.current?.dispose();
                 streamRef.current = null;
                 setSessionId("");
                 setTurnActive(false);
                 setStopping(false);
-                setStatus("Remote session closed");
+                setStatus("\u8FDC\u7A0B\u4F1A\u8BDD\u5DF2\u5173\u95ED");
               }
             }, "\u2190"),
             h("strong", { style: { flex: 1, fontSize: 13.5, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title }, title),
@@ -1646,7 +1646,7 @@ window.__ModuleLoader__.load({
                 style: { ...style.input, flex: "0 1 190px", minWidth: 130 },
                 value: currentModel,
                 disabled: !hasControl || switchingModel || models.length === 0,
-                title: "Switch model for this session",
+                title: "\u5207\u6362\u8BE5\u4F1A\u8BDD\u7684\u6A21\u578B",
                 onChange: (event) => {
                   const next = event.target.value;
                   if (next && next !== currentModel) switchSessionModel(next);
@@ -1674,11 +1674,11 @@ window.__ModuleLoader__.load({
             historyLoading ? h(
               "div",
               { style: { fontSize: 12.5, color: t.text3, textAlign: "center", padding: "32px 12px" } },
-              displayEntries.length > 0 ? `Loading session history\u2026 (${displayEntries.length} entries loaded)` : "Loading session history\u2026"
+              displayEntries.length > 0 ? `\u6B63\u5728\u52A0\u8F7D\u4F1A\u8BDD\u5386\u53F2\u2026\uFF08\u5DF2\u52A0\u8F7D ${displayEntries.length} \u6761\uFF09` : "\u6B63\u5728\u52A0\u8F7D\u4F1A\u8BDD\u5386\u53F2\u2026"
             ) : h(
               import_react.default.Fragment,
               null,
-              displayEntries.length > visibleCount ? h("div", { style: { fontSize: 11, color: t.text3, textAlign: "center", padding: "6px 0" } }, `${displayEntries.length - visibleCount} earlier messages \u2014 scroll up to load more`) : null,
+              displayEntries.length > visibleCount ? h("div", { style: { fontSize: 11, color: t.text3, textAlign: "center", padding: "6px 0" } }, `\u8FD8\u6709 ${displayEntries.length - visibleCount} \u6761\u66F4\u65E9\u7684\u6D88\u606F \u2014 \u5411\u4E0A\u6EDA\u52A8\u52A0\u8F7D`) : null,
               displayEntries.slice(-visibleCount).map((entry) => {
                 if (entry.kind === "thought") {
                   return h(
@@ -1688,7 +1688,7 @@ window.__ModuleLoader__.load({
                     h(
                       "details",
                       { style: style.thought },
-                      h("summary", { style: style.thoughtSummary }, "Thinking"),
+                      h("summary", { style: style.thoughtSummary }, "\u601D\u8003\u8FC7\u7A0B"),
                       h("p", { style: { margin: "6px 0 0", whiteSpace: "pre-wrap", overflowWrap: "anywhere", color: "#5b4a72", fontStyle: "italic" } }, entry.text || "")
                     )
                   );
@@ -1708,7 +1708,7 @@ window.__ModuleLoader__.load({
                       h("div", { style: { fontSize: 10.5, fontWeight: 700, letterSpacing: "0.04em", marginBottom: 3, opacity: 0.7, textTransform: "uppercase", color: isUser ? "rgba(255,255,255,0.85)" : t.text3 } }, entry.label),
                       isUser ? h("p", { style: { margin: 0, whiteSpace: "pre-wrap", overflowWrap: "anywhere" } }, entry.text || "") : h("div", { className: "mai-md" }, renderMarkdown(entry.text || ""))
                     ),
-                    isUser ? h("div", { style: { ...style.avatar, background: avatarColor } }, "You") : null
+                    isUser ? h("div", { style: { ...style.avatar, background: avatarColor } }, "\u6211") : null
                   );
                 }
                 if (entry.kind === "tool") {
@@ -1722,8 +1722,8 @@ window.__ModuleLoader__.load({
                     h(
                       "summary",
                       { style: { ...style.row, cursor: "pointer", userSelect: "none", listStyle: "none" } },
-                      h("span", { style: { fontSize: 10, fontWeight: 700, color: t.text3, textTransform: "uppercase", letterSpacing: "0.05em", flexShrink: 0 } }, "Tool"),
-                      h("span", { style: { fontSize: 12.5, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", flex: 1, minWidth: 0 } }, entry.title || "Working"),
+                      h("span", { style: { fontSize: 10, fontWeight: 700, color: t.text3, textTransform: "uppercase", letterSpacing: "0.05em", flexShrink: 0 } }, "\u5DE5\u5177"),
+                      h("span", { style: { fontSize: 12.5, fontWeight: 600, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", flex: 1, minWidth: 0 } }, entry.title || "\u6267\u884C\u4E2D"),
                       running ? h("span", { className: "mai-pulse", style: { ...style.dot, width: 6, height: 6, background: "#d4a72c" } }) : null,
                       h("span", { style: { fontSize: 10.5, padding: "1px 8px", borderRadius: 999, background: statusBg, color: statusColor, fontWeight: 650, flexShrink: 0 } }, statusLabel)
                     ),
@@ -1734,7 +1734,7 @@ window.__ModuleLoader__.load({
                   return h(
                     "article",
                     { style: style.event, key: entry.key },
-                    h("div", { style: { fontSize: 10.5, fontWeight: 700, color: t.text3, marginBottom: 3, textTransform: "uppercase", letterSpacing: "0.04em" } }, "Plan"),
+                    h("div", { style: { fontSize: 10.5, fontWeight: 700, color: t.text3, marginBottom: 3, textTransform: "uppercase", letterSpacing: "0.04em" } }, "\u8BA1\u5212"),
                     ...entry.entries.map((item, index) => h(
                       "div",
                       { style: { display: "flex", gap: 6, fontSize: 12.5, margin: "2px 0" }, key: index },
@@ -1757,7 +1757,7 @@ window.__ModuleLoader__.load({
                   h(
                     "details",
                     null,
-                    h("summary", { style: style.summary }, "Show details"),
+                    h("summary", { style: style.summary }, "\u67E5\u770B\u8BE6\u60C5"),
                     h("pre", { style: { margin: "5px 0 0", whiteSpace: "pre-wrap", overflowWrap: "anywhere", fontSize: 11.5 } }, JSON.stringify(entry.data ?? {}, null, 2))
                   )
                 );
@@ -1789,7 +1789,7 @@ window.__ModuleLoader__.load({
                   sendPrompt();
                 }
               },
-              placeholder: hasControl ? "Send an instruction to the remote session (Enter to send, Shift+Enter for a new line)" : "Read-only: session:control is required to send instructions",
+              placeholder: hasControl ? "\u5411\u8FDC\u7A0B\u4F1A\u8BDD\u4E0B\u53D1\u6307\u4EE4\uFF08\u56DE\u8F66\u53D1\u9001\uFF0CShift+\u56DE\u8F66\u6362\u884C\uFF09" : "\u53EA\u8BFB\u6A21\u5F0F\uFF1A\u4E0B\u53D1\u6307\u4EE4\u9700\u8981 session:control \u6743\u9650",
               disabled: !hasControl
             }),
             turnActive ? h(
@@ -1799,8 +1799,8 @@ window.__ModuleLoader__.load({
                 style: style.stopButton,
                 disabled: !hasControl || stopping,
                 onClick: stopTurn,
-                title: stopping ? "Stopping\u2026" : "Stop the current turn",
-                "aria-label": "Stop the current turn"
+                title: stopping ? "\u505C\u6B62\u4E2D\u2026" : "\u505C\u6B62\u5F53\u524D\u56DE\u5408",
+                "aria-label": "\u505C\u6B62\u5F53\u524D\u56DE\u5408"
               },
               h("span", { style: style.stopIcon })
             ) : h(
@@ -1809,8 +1809,8 @@ window.__ModuleLoader__.load({
                 type: "submit",
                 style: style.sendButton,
                 disabled: !streamRef.current || !hasControl || prompt.trim() === "",
-                title: "Send (Enter)",
-                "aria-label": "Send instruction"
+                title: "\u53D1\u9001\uFF08\u56DE\u8F66\uFF09",
+                "aria-label": "\u53D1\u9001\u6307\u4EE4"
               },
               h(
                 "svg",
@@ -1823,7 +1823,7 @@ window.__ModuleLoader__.load({
             "div",
             { style: { fontSize: 11.5, color: turnActive ? t.accent : lastDelivery?.accepted ? t.success : lastDelivery?.frame === "pending" ? t.text3 : t.danger, textAlign: "right", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: 6 } },
             turnActive ? h("span", { className: "mai-pulse", style: { ...style.dot, background: t.accent } }) : null,
-            turnActive ? stopping ? "Stopping the current turn\u2026" : "MonkeyAI is working\u2026" : lastDelivery?.accepted ? "Turn finished" : lastDelivery?.frame === "pending" ? "Delivery pending" : "Delivery rejected"
+            turnActive ? stopping ? "\u6B63\u5728\u505C\u6B62\u5F53\u524D\u56DE\u5408\u2026" : "MonkeyAI \u6B63\u5728\u5904\u7406\u2026" : lastDelivery?.accepted ? "\u56DE\u5408\u5DF2\u7ED3\u675F" : lastDelivery?.frame === "pending" ? "\u7B49\u5F85\u6295\u9012" : "\u6295\u9012\u88AB\u62D2\u7EDD"
           ) : null
         ) : null
       );
@@ -1861,8 +1861,8 @@ window.__ModuleLoader__.load({
             type: "button",
             style: { width: "100%", height: "100%", padding: 0, border: 0, background: "transparent", color: "inherit", cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center" },
             onClick: () => owner.layout.selectPanel(PANEL_ID),
-            "aria-label": "MonkeyAI sessions",
-            title: "MonkeyAI Sessions"
+            "aria-label": "MonkeyAI \u4F1A\u8BDD",
+            title: "MonkeyAI \u4F1A\u8BDD"
           }, h(MonkeyIcon, { size: 18 }));
           owner.slots.inject("main", () => owner.slots.register({
             name: "main",