+ {t("无法验证当前页面截图。", "The current screenshot could not be verified.")}{" "} + +
} {(current.last_action || current.updated_at || current.failure_code) &&{t("最近状态", "Latest status")}
{current.last_action &&{t("最近动作：", "Last action: ")}{actionText(current.last_action, t)}
}{t("更新时间：", "Updated: ")}{new Date(current.updated_at).toLocaleTimeString(locale)}
@@ -118,3 +129,25 @@ function AgentBrowserCard({ client, runID, running, onDismiss }: { client: APICl ; } + +function BrowserScreenshot({ url, blob, name, alt }: { url: string; blob: Blob; name: string; alt: string }) { + const { t } = useLocale(); + const trigger = useRef{t("无法显示当前页面截图，请让 Agent 重新截图。", "The current screenshot could not be displayed. Ask the agent to capture it again.")}
} + {viewing && dimensions && { if (event.target === event.currentTarget) setOpen(false); }}>
- }
{!attempt && shownObservation && }
diff --git a/web/vite.config.ts b/web/vite.config.ts
index 7faf222b..fd8574df 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -1,7 +1,23 @@
+import { fileURLToPath } from "node:url";
import react from "@vitejs/plugin-react";
-import { loadEnv } from "vite";
+import { loadEnv, normalizePath, type Plugin } from "vite";
import { defineConfig } from "vitest/config";
+// npm overrides cannot replace Monaco's embedded copy. Redirect its sanitizer import
+// in both Vite and the separate dependency prebundler to the installed DOMPurify.
+const monacoSanitizer = normalizePath(fileURLToPath(import.meta.resolve("monaco-editor/base/browser/domSanitize.js")));
+const monacoDOMPurify: Plugin = {
+ name: "monaco-dompurify",
+ enforce: "pre",
+ async resolveId(source, importer) {
+ if (source === "./dompurify/dompurify.js" && importer && normalizePath(importer) === monacoSanitizer) {
+ const resolved = await this.resolve("dompurify", importer, { skipSelf: true });
+ if (!resolved) throw new Error("Cannot resolve installed DOMPurify for the Monaco sanitizer");
+ return resolved;
+ }
+ },
+};
+
export default defineConfig(({ mode }) => {
const env = loadEnv(mode, ".", "");
const apiTarget = env.CYBERAGENT_API_TARGET || "http://127.0.0.1:8765";
@@ -19,7 +35,10 @@ export default defineConfig(({ mode }) => {
};
return {
- plugins: [react()],
+ plugins: [react(), monacoDOMPurify],
+ optimizeDeps: {
+ rolldownOptions: { plugins: [monacoDOMPurify] },
+ },
server: {
host: "127.0.0.1",
port: 5173,
@@ -39,6 +58,7 @@ export default defineConfig(({ mode }) => {
},
test: {
include: ["src/**/*.{test,spec}.{ts,tsx}"],
+ server: { deps: { inline: ["monaco-editor"] } },
environment: "jsdom",
globals: true,
setupFiles: "./src/test/setup.ts",
{phase === "plan" ? t("确认计划", "Confirm plan") : t("任务计划", "Task plan")}
+{phase === "plan" && !confirmed ? t("确认计划", "Confirm plan") : t("任务计划", "Task plan")}
{t("先规划时先分析和形成方案。确认后在同一对话执行；后续修改要求仍可直接发消息。", "Planning analyzes the task and proposes an approach. Confirm to execute in this conversation; send further messages to change requirements.")}
{detail.isPending &&{t("正在读取计划…", "Loading plan…")}
} @@ -169,10 +172,12 @@ function ThreadPlanContent({ client, threadID, runID, active, working, hasUnsent{observationText(shownObservation, t)}
} {!detail.isError && proposal &&
- {proposal.directions.map((direction) =>
-
+ {proposal.directions.map((direction) =>
+
}
{!detail.isPending && !detail.isError && !proposal && {direction.summary}
{direction.tradeoffs.length > 0 &&- {direction.tradeoffs.map((text, index) =>
- {text} )}
{t(`查看步骤与验收标准（${direction.modules.length} 项）`, `View steps and acceptance criteria (${direction.modules.length})`)}
@@ -184,7 +189,7 @@ function ThreadPlanContent({ client, threadID, runID, active, working, hasUnsent{phase === "plan" ? t("尚无可确认的计划。请在对话中提出需求或补充要求，等待计划形成。", "No plan is ready to confirm. Send your requirements in the conversation and wait for a plan.") : t("当前采用默认处理方式。需要先讨论方案时，可开启输入框旁的“计划模式”。", "The default work mode is active. Enable Plan mode beside the composer to discuss an approach first.")}
} {working &&{t("Agent 仍在处理消息。可以直接在对话中补充要求，待本轮处理结束后确认最新计划。", "The agent is still processing messages. Add requirements in the conversation and confirm the latest plan after this turn ends.")}
} - {phase === "plan" && proposal && <> + {phase === "plan" && proposal && !confirmed && <> {hasUnsentDraft &&{t("输入框中还有未发送内容。请先发送修改要求并等待计划更新，再确认执行。", "The composer contains an unsent draft. Send your changes and wait for the plan to update before confirming.")}
} {!latest &&{t("请选择当前方案；计划更新后需要重新核对。", "Select an approach. Review it again if the plan changes.")}
} {latest &&{t("确认时发送的消息", "Message sent on confirmation")}
{confirmContent}