refactor(prompt-editor): 优化多行方法链调用

- 将 setContent 与 setTextSelection 链式调用合并，提升代码可读性
- 调整 CSS 中 transition 属性为多行更易维护格式
- 合并移动端 CSS 中的 radial-gradient 以简化样式定义
- 新增测试以验证 PromptEditorProvider 中的 Tab 填充行为

Change-Id: If3c41d498ba21ee4b63148d41586c3dbde24f675
Co-developed-by: Qoder <noreply@qoder.com>

Author: heimanba

apps/webui/src/app/desktop.css

@@ -5102,7 +5102,9 @@ dialog.case-modal-overlay {
 	padding: 0;
 	background: var(--soft);
 	cursor: pointer;
-	transition: border-color 0.15s, box-shadow 0.15s;
+	transition:
+		border-color 0.15s,
+		box-shadow 0.15s;
 }
 
 .inline-artifact-img-wrap:hover {
@@ -5129,7 +5131,9 @@ dialog.case-modal-overlay {
 	background: var(--soft);
 	cursor: pointer;
 	color: var(--ink);
-	transition: border-color 0.15s, background 0.15s;
+	transition:
+		border-color 0.15s,
+		background 0.15s;
 }
 
 .inline-artifact-video-wrap:hover {
@@ -5163,7 +5167,9 @@ dialog.case-modal-overlay {
 	font-size: 13px;
 	color: var(--ink);
 	max-width: 320px;
-	transition: border-color 0.15s, background 0.15s;
+	transition:
+		border-color 0.15s,
+		background 0.15s;
 }
 
 .inline-artifact-card:hover {

apps/webui/src/app/mobile.css

@@ -287,15 +287,7 @@
 		border-radius: 24px;
 		padding: var(--composer-shine-border-width);
 		pointer-events: none;
-		background-image: radial-gradient(
-			transparent,
-			transparent,
-			#45ebac,
-			#8ec5ff,
-			#ab8aff,
-			transparent,
-			transparent
-		);
+		background-image: radial-gradient(transparent, transparent, #45ebac, #8ec5ff, #ab8aff, transparent, transparent);
 		background-size: 300% 300%;
 		-webkit-mask:
 			linear-gradient(#fff 0 0) content-box,

apps/webui/src/components/prompt-editor/PromptEditorProvider.tsx

@@ -169,7 +169,7 @@ export function PromptEditorProvider({
 							? slotConfigRef.current.bottomBar.tabFillText
 							: slotConfigRef.current.composer.tabFillText;
 					if (fill) {
-						ed.commands.setContent(plainTextToDocJson(fill));
+						ed.chain().setContent(plainTextToDocJson(fill)).setTextSelection(1).run();
 					}
 					return true;
 				}

apps/webui/tests/role-prompt-focus.test.ts

@@ -2,8 +2,15 @@ import { expect, test } from "bun:test";
 
 const appSource = await Bun.file(new URL("../src/App.tsx", import.meta.url)).text();
 const composerSource = await Bun.file(new URL("../src/components/Composer.tsx", import.meta.url)).text();
+const providerSource = await Bun.file(
+	new URL("../src/components/prompt-editor/PromptEditorProvider.tsx", import.meta.url),
+).text();
 
 test("role prompt selection focuses the beginning of the prefilled prompt", () => {
 	expect(appSource).toContain("composerHandleRef.current?.focusStart()");
 	expect(composerSource).toContain('editor?.commands.focus("start", { scrollIntoView: false })');
 });
+
+test("Tab fill keeps the beginning of the prompt visible", () => {
+	expect(providerSource).toContain(".setContent(plainTextToDocJson(fill)).setTextSelection(1).run()");
+});