fix(editor): improve formula source editing

Keep display math source editing open for line edits, add live source highlighting and preview behavior, and normalize related test fixtures to synthetic English content.

Author: murongg

apps/desktop/src/App.test.tsx

@@ -156,7 +156,7 @@ describe("Markra workspace", () => {
     expect(screen.getByLabelText("Markdown editor")).toBeInTheDocument();
     expect(screen.getByLabelText("Markdown editor")).toHaveAttribute("data-editor-engine", "milkdown");
     expect(container.querySelector("[data-milkdown-root]")).toBeInTheDocument();
-    expect(screen.queryByText("文件")).not.toBeInTheDocument();
+    expect(screen.queryByText("File")).not.toBeInTheDocument();
     expect(container.querySelector(".native-title")).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "Toggle file list" })).toBeInTheDocument();
     expect(container.querySelector(".quiet-status")?.closest(".editor-content-slot")).toBeInTheDocument();
@@ -546,14 +546,14 @@ describe("Markra workspace", () => {
     expect(document.documentElement).toHaveAttribute("data-window", "settings");
 
     fireEvent.change(languageSelect!, {
-      target: { value: "zh-CN" }
+      target: { value: "fr" }
     });
-    await waitFor(() => expect(mockedSaveStoredLanguage).toHaveBeenCalledWith("zh-CN"));
-    await waitFor(() => expect(mockedNotifyAppLanguageChanged).toHaveBeenCalledWith("zh-CN"));
+    await waitFor(() => expect(mockedSaveStoredLanguage).toHaveBeenCalledWith("fr"));
+    await waitFor(() => expect(mockedNotifyAppLanguageChanged).toHaveBeenCalledWith("fr"));
 
     fireEvent.click(categoryButtons[5]);
     expect(categoryButtons[5]).toHaveAttribute("aria-current", "page");
-    const themeSelect = screen.getByRole("combobox", { name: "颜色主题" });
+    const themeSelect = screen.getByRole("combobox");
     expect(themeSelect).toHaveValue("light");
     expect(screen.getByRole("option", { name: "Night" })).toBeInTheDocument();
     fireEvent.change(themeSelect, { target: { value: "night" } });
@@ -563,7 +563,7 @@ describe("Markra workspace", () => {
     await waitFor(() => expect(mockedNotifyAppThemeChanged).toHaveBeenCalledWith("night"));
 
     fireEvent.change(themeSelect, { target: { value: "custom" } });
-    const customCss = await screen.findByRole("textbox", { name: "自定义主题 CSS" });
+    const customCss = await screen.findByRole("textbox");
     fireEvent.change(customCss, {
       target: { value: ":root[data-theme=\"custom\"] { --accent: #0969da; }" }
     });
@@ -2696,7 +2696,7 @@ describe("Markra workspace", () => {
 
   it("saves expanded link source as markdown instead of escaped text", async () => {
     mockOpenMarkdownFile({
-      content: "[关于我们](https://m.techflowpost.com/article/9424)",
+      content: "[About us](https://example.test/articles/about)",
       name: "native.md",
       path: mockNativePath
     });
@@ -2708,11 +2708,11 @@ describe("Markra workspace", () => {
 
     fireEvent.keyDown(window, { key: "o", metaKey: true });
 
-    const link = await screen.findByText("关于我们");
+    const link = await screen.findByText("About us");
     fireEvent.click(link.closest("a")!);
 
     expect(container.querySelector(".ProseMirror")?.textContent).toBe(
-      "[关于我们](https://m.techflowpost.com/article/9424)"
+      "[About us](https://example.test/articles/about)"
     );
 
     fireEvent.keyDown(window, { key: "s", metaKey: true });
@@ -2726,9 +2726,9 @@ describe("Markra workspace", () => {
       )
     );
     const savedContents = mockedSaveNativeMarkdownFile.mock.calls.at(-1)?.[0].contents ?? "";
-    expect(savedContents).toContain("[关于我们](https://m.techflowpost.com/article/9424)");
-    expect(savedContents).not.toContain("\\[关于我们\\]");
-    expect(savedContents).not.toContain("\\(https\\://m.techflowpost.com/article/9424\\)");
+    expect(savedContents).toContain("[About us](https://example.test/articles/about)");
+    expect(savedContents).not.toContain("\\[About us\\]");
+    expect(savedContents).not.toContain("\\(https\\://example.test/articles/about\\)");
   });
 
   it("opens relative markdown links inside the current folder workspace", async () => {

apps/desktop/src/components/AiAgentPanel.test.tsx

@@ -305,13 +305,13 @@ describe("AiAgentPanel", () => {
 
   it("does not send when Enter confirms an IME composition", () => {
     function Harness() {
-      const [draft, setDraft] = useState("都有什么ai");
+      const [draft, setDraft] = useState("Which AI models are available?");
       const [messages, setMessages] = useState<{ id: number; role: "assistant" | "user"; text: string }[]>([]);
 
       return (
         <AiAgentPanel
           draft={draft}
-          language="zh-CN"
+          language="en"
           messages={messages}
           open
           onClose={() => {}}
@@ -329,13 +329,13 @@ describe("AiAgentPanel", () => {
 
     render(<Harness />);
 
-    const input = screen.getByRole("textbox", { name: "Markra AI 消息" });
+    const input = screen.getByRole("textbox", { name: "Markra AI message" });
     fireEvent.compositionStart(input);
     fireEvent.keyDown(input, { key: "Enter", nativeEvent: { isComposing: true, keyCode: 229 } });
     fireEvent.compositionEnd(input);
 
     expect(screen.queryByRole("list")).not.toBeInTheDocument();
-    expect(input).toHaveValue("都有什么ai");
+    expect(input).toHaveValue("Which AI models are available?");
   });
 
   it("keeps the transcript scrolled to the newest streamed message", async () => {

apps/desktop/src/components/AiCommandBar.test.tsx

@@ -311,7 +311,7 @@ describe("AiCommandBar", () => {
   it("shows a quiet thinking status while AI is running", () => {
     render(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
         prompt="rewrite"
         submitting
@@ -323,9 +323,9 @@ describe("AiCommandBar", () => {
 
     const status = screen.getByRole("status");
 
-    expect(status).toHaveTextContent(/^正在思考$/);
+    expect(status).toHaveTextContent(/^Thinking$/);
     expect(status).toHaveClass("text-(--text-secondary)");
-    expect(screen.getByText("正在思考")).toHaveClass("ai-command-thinking-text");
+    expect(screen.getByText("Thinking")).toHaveClass("ai-command-thinking-text");
     expect(screen.queryByText("Reading context")).not.toBeInTheDocument();
     expect(screen.queryByText("Generating suggestion")).not.toBeInTheDocument();
   });
@@ -334,23 +334,23 @@ describe("AiCommandBar", () => {
     render(
       <AiCommandBar
         externalActionPending
-        language="zh-CN"
+        language="en"
         open
-        prompt="润色"
+        prompt="Polish"
         submitting={false}
         onClose={vi.fn()}
         onPromptChange={vi.fn()}
         onSubmit={vi.fn()}
       />
     );
 
-    const input = screen.getByRole("textbox", { name: "AI 命令" });
+    const input = screen.getByRole("textbox", { name: "AI command" });
     const status = screen.getByRole("status");
     const commandBox = input.closest(".ai-command-box");
 
     expect(input).toHaveAttribute("readonly");
     expect(input).toHaveAttribute("aria-busy", "true");
-    expect(status).toHaveTextContent(/^正在思考$/);
+    expect(status).toHaveTextContent(/^Thinking$/);
     expect(commandBox).toHaveClass("min-h-21", "rounded-lg", "border-(--ai-command-expanded-border)");
     expect(commandBox).not.toHaveClass("h-14", "rounded-xl");
   });
@@ -383,17 +383,17 @@ describe("AiCommandBar", () => {
 
     render(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
-        prompt="都有什么ai"
+        prompt="Which AI models are available?"
         submitting={false}
         onClose={vi.fn()}
         onPromptChange={onPromptChange}
         onSubmit={onSubmit}
       />
     );
 
-    const input = screen.getByRole("textbox", { name: "AI 命令" });
+    const input = screen.getByRole("textbox", { name: "AI command" });
     fireEvent.compositionStart(input);
     fireEvent.keyDown(input, { key: "Enter", nativeEvent: { isComposing: true, keyCode: 229 } });
     fireEvent.compositionEnd(input);
@@ -537,7 +537,7 @@ describe("AiCommandBar", () => {
 
     render(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
         prompt=""
         submitting={false}
@@ -547,26 +547,26 @@ describe("AiCommandBar", () => {
       />
     );
 
-    fireEvent.click(screen.getByRole("textbox", { name: "AI 命令" }));
-    fireEvent.click(await screen.findByRole("button", { name: "翻译" }));
+    fireEvent.click(screen.getByRole("textbox", { name: "AI command" }));
+    fireEvent.click(await screen.findByRole("button", { name: "Translate" }));
 
     expect(onPromptChange).toHaveBeenCalledWith(
-      defaultAiQuickActionPrompt("translate", "Simplified Chinese")
+      defaultAiQuickActionPrompt("translate", "English")
     );
     expect(onSubmit).toHaveBeenCalledWith(
-      defaultAiQuickActionPrompt("translate", "Simplified Chinese"),
+      defaultAiQuickActionPrompt("translate", "English"),
       "translate"
     );
   });
 
   it("keeps quick action generation in the compact input style", async () => {
     const onPromptChange = vi.fn();
     const onSubmit = vi.fn();
-    const chinesePolishPrompt = defaultAiQuickActionPrompt("polish", "Simplified Chinese");
+    const englishPolishPrompt = defaultAiQuickActionPrompt("polish", "English");
 
     const { rerender } = render(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
         prompt=""
         submitting={false}
@@ -576,14 +576,14 @@ describe("AiCommandBar", () => {
       />
     );
 
-    fireEvent.click(screen.getByRole("textbox", { name: "AI 命令" }));
-    fireEvent.click(await screen.findByRole("button", { name: "润色" }));
+    fireEvent.click(screen.getByRole("textbox", { name: "AI command" }));
+    fireEvent.click(await screen.findByRole("button", { name: "Polish" }));
 
     rerender(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
-        prompt={chinesePolishPrompt}
+        prompt={englishPolishPrompt}
         submitting
         onClose={vi.fn()}
         onInterrupt={vi.fn()}
@@ -595,14 +595,14 @@ describe("AiCommandBar", () => {
     const status = screen.getByRole("status");
     const commandBox = status.closest(".ai-command-box");
 
-    expect(onPromptChange).toHaveBeenCalledWith(chinesePolishPrompt);
-    expect(onSubmit).toHaveBeenCalledWith(chinesePolishPrompt, "polish");
-    expect(status).toHaveTextContent("润色中……");
-    expect(screen.getByText("润色中……")).toHaveClass("ai-command-inline-loading-text");
+    expect(onPromptChange).toHaveBeenCalledWith(englishPolishPrompt);
+    expect(onSubmit).toHaveBeenCalledWith(englishPolishPrompt, "polish");
+    expect(status).toHaveTextContent("Polishing...");
+    expect(screen.getByText("Polishing...")).toHaveClass("ai-command-inline-loading-text");
     expect(commandBox).toHaveClass("h-14", "rounded-xl", "border-(--border-default)");
     expect(commandBox).not.toHaveClass("min-h-21", "border-(--ai-command-expanded-border)");
-    expect(screen.queryByRole("combobox", { name: "AI 模型" })).not.toBeInTheDocument();
-    expect(screen.getByRole("button", { name: "中断 AI 命令" })).toBeInTheDocument();
+    expect(screen.queryByRole("combobox", { name: "AI model" })).not.toBeInTheDocument();
+    expect(screen.getByRole("button", { name: "Stop AI command" })).toBeInTheDocument();
   });
 
   it("keeps the compact command input vertically centered", () => {
@@ -680,9 +680,9 @@ describe("AiCommandBar", () => {
 
     render(
       <AiCommandBar
-        language="zh-CN"
+        language="en"
         open
-        prompt="润色"
+        prompt="Polish"
         selectedProviderId="deepseek"
         submitting={false}
         supportsThinking
@@ -692,12 +692,12 @@ describe("AiCommandBar", () => {
       />
     );
 
-    const input = screen.getByRole("textbox", { name: "AI 命令" });
+    const input = screen.getByRole("textbox", { name: "AI command" });
     fireEvent.click(input);
-    fireEvent.click(screen.getByRole("button", { name: "深度思考" }));
+    fireEvent.click(screen.getByRole("button", { name: "Deep thinking" }));
     fireEvent.keyDown(input, { key: "Enter" });
 
-    expect(screen.getByRole("button", { name: "深度思考" })).toHaveAttribute("aria-pressed", "true");
+    expect(screen.getByRole("button", { name: "Deep thinking" })).toHaveAttribute("aria-pressed", "true");
     expect(onSubmit).toHaveBeenCalledWith(undefined, "custom", { thinkingEnabled: true });
   });
 });

apps/desktop/src/components/AiSelectionToolbar.test.tsx

@@ -41,18 +41,18 @@ describe("AiSelectionToolbar", () => {
     render(
       <AiSelectionToolbar
         anchor={anchor}
-        language="zh-CN"
+        language="en"
         open
         onOpenCommand={vi.fn()}
         onRunAction={onRunAction}
       />
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "翻译" }));
+    fireEvent.click(screen.getByRole("button", { name: "Translate" }));
 
     expect(onRunAction).toHaveBeenCalledWith(
       "translate",
-      defaultAiQuickActionPrompt("translate", "Simplified Chinese")
+      defaultAiQuickActionPrompt("translate", "English")
     );
   });
 
@@ -62,20 +62,20 @@ describe("AiSelectionToolbar", () => {
     render(
       <AiSelectionToolbar
         anchor={anchor}
-        language="zh-CN"
+        language="en"
         open
         quickActionPrompts={{
           ...defaultAiQuickActionPrompts,
-          polish: "让选中的内容更清晰"
+          polish: "Make the selected text clearer."
         }}
         onOpenCommand={vi.fn()}
         onRunAction={onRunAction}
       />
     );
 
-    fireEvent.click(screen.getByRole("button", { name: "润色" }));
+    fireEvent.click(screen.getByRole("button", { name: "Polish" }));
 
-    expect(onRunAction).toHaveBeenCalledWith("polish", "让选中的内容更清晰");
+    expect(onRunAction).toHaveBeenCalledWith("polish", "Make the selected text clearer.");
   });
 
   it("opens the full command input for a custom instruction", () => {