From 5ee00bd2c4716370cc0c2d655afddf9409c55845 Mon Sep 17 00:00:00 2001
From: Rick Ye <rick.ye@gz.questwork.com>
Date: Fri, 11 Sep 2026 13:38:23 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui-refactor=204/4):=20=E8=A1=A8=E5=8D=95?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=88=87=20bg-field+inset=20=E9=98=B4?=
 =?UTF-8?q?=E5=BD=B1=EF=BC=88=E6=9B=BF=E4=BB=A3=E6=8F=8F=E8=BE=B9=E9=A3=8E?=
 =?UTF-8?q?=EF=BC=8C=E5=AE=BF=E4=B8=BB/=E6=8F=92=E4=BB=B6=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=BA=93=E7=BB=9F=E4=B8=80=EF=BC=89=EF=BC=9B=E6=B5=81?=
 =?UTF-8?q?=E5=BC=8F=E5=85=89=E6=A0=87=E5=B8=B8=E4=BA=AE=E5=AF=B9=E9=BD=90?=
 =?UTF-8?q?=20StreamText?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../renderer/src/components/SettingsModal.tsx    | 10 +++++-----
 apps/desktop/src/renderer/src/styles/globals.css | 16 ++--------------
 packages/plugin-sdk/src/ui.tsx                   |  6 +++---
 3 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/apps/desktop/src/renderer/src/components/SettingsModal.tsx b/apps/desktop/src/renderer/src/components/SettingsModal.tsx
index 8f1187d..aa4bc45 100644
--- a/apps/desktop/src/renderer/src/components/SettingsModal.tsx
+++ b/apps/desktop/src/renderer/src/components/SettingsModal.tsx
@@ -263,7 +263,7 @@ const CUSTOM_API_OPTIONS: Array<{ value: string; label: string }> = [
 ]
 
 const customInputCls =
-  'w-full rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 focus:border-ink-3'
+  'w-full rounded-control bg-field shadow-inset-field px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3'
 
 /** 模型设置：搜索/过滤 + @tanstack/react-virtual 虚拟列表（供应商多、模型上千时滚动不卡顿）。
  * 卡片视觉按行拼装：provider 头行圆角上盖、模型行接左右边框、末行圆角下盖，行尾留组间距。
@@ -423,7 +423,7 @@ function ModelSettings({
                 value={keyValue}
                 onChange={(e) => onKeyChange(e.target.value)}
                 placeholder="输入 API Key"
-                className="flex-1 rounded-control border border-line-strong bg-surface px-2.5 py-1.5 font-mono text-[12px] text-ink outline-none focus:border-ink-3"
+                className="flex-1 rounded-control bg-field shadow-inset-field px-2.5 py-1.5 font-mono text-[12px] text-ink outline-none"
               />
               <button
                 type="button"
@@ -491,7 +491,7 @@ function ModelSettings({
             value={search}
             onChange={(e) => onSearch(e.target.value)}
             placeholder="搜索模型或提供商"
-            className="w-full rounded-control border border-line-strong bg-surface py-1.5 pl-8 pr-3 text-[12.5px] text-ink outline-none placeholder:text-ink-3 focus:border-ink-3"
+            className="w-full rounded-control bg-field shadow-inset-field py-1.5 pl-8 pr-3 text-[12.5px] text-ink outline-none placeholder:text-ink-3"
           />
         </div>
         {loading && <span className="text-[11px] text-ink-3">加载中…</span>}
@@ -909,7 +909,7 @@ function PluginSettingsForm({
 
   // 注意不要写 w-full：string/number 控件要定宽（w-56/w-28）跟 label 同行，w-full 会把 label 挤成竖排
   const inputCls =
-    'rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 focus:border-ink-3'
+    'rounded-control bg-field shadow-inset-field px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3'
 
   return (
     <div className="space-y-1">
@@ -1023,7 +1023,7 @@ function PluginSettingsForm({
               <select
                 value={typeof value === 'string' ? value : ''}
                 onChange={(e) => onChange(item.key, e.target.value)}
-                className="w-44 shrink-0 rounded-control border border-line-strong bg-surface px-2 py-1.5 text-[12px] text-ink outline-none focus:border-ink-3"
+                className="w-44 shrink-0 rounded-control bg-field shadow-inset-field px-2 py-1.5 text-[12px] text-ink outline-none"
               >
                 {!value && <option value="">（未设置）</option>}
                 {item.options.map((o) => (
diff --git a/apps/desktop/src/renderer/src/styles/globals.css b/apps/desktop/src/renderer/src/styles/globals.css
index 4796cd5..209e4b4 100644
--- a/apps/desktop/src/renderer/src/styles/globals.css
+++ b/apps/desktop/src/renderer/src/styles/globals.css
@@ -38,20 +38,9 @@ body,
 
 /* ::selection 在 beautifului.css 基座（accent-tint + ink） */
 
-/* 流式输出光标 */
-@keyframes caret-blink {
-  0%,
-  60% {
-    opacity: 1;
-  }
-  61%,
-  100% {
-    opacity: 0;
-  }
-}
-
 /* 流式输出光标：以 ::after 附加到流式正文最后一个文本块的最后一行文字之后
-   （inline 随文，而不是孤零零落在新的一行），结束后随容器 data-streaming 消失 */
+   （inline 随文，而不是孤零零落在新的一行），结束后随容器 data-streaming 消失。
+   对齐 beautifului StreamText：流式期间光标常亮（不闪烁）。 */
 .streaming-body[data-streaming='true'] > *:last-child > :is(p, h1, h2, h3, h4, h5, h6):last-child::after,
 .streaming-body[data-streaming='true'] > *:last-child > :is(ul, ol):last-child > li:last-child::after {
   content: '';
@@ -62,7 +51,6 @@ body,
   vertical-align: -0.15em;
   background: var(--ink);
   border-radius: 1px;
-  animation: caret-blink 0.9s steps(1) infinite;
 }
 
 /* 禁用 textarea 的默认 resize 与滚动条闪烁 */
diff --git a/packages/plugin-sdk/src/ui.tsx b/packages/plugin-sdk/src/ui.tsx
index b2c78a5..a817513 100644
--- a/packages/plugin-sdk/src/ui.tsx
+++ b/packages/plugin-sdk/src/ui.tsx
@@ -159,7 +159,7 @@ export function Input({ className, ...rest }: InputHTMLAttributes<HTMLInputEleme
   return (
     <input
       className={cn(
-        'w-full rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 disabled:opacity-50',
+        'w-full rounded-control bg-field shadow-inset-field px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 disabled:opacity-50',
         className
       )}
       {...rest}
@@ -171,7 +171,7 @@ export function Textarea({ className, ...rest }: TextareaHTMLAttributes<HTMLText
   return (
     <textarea
       className={cn(
-        'w-full resize-y rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] leading-4 text-ink outline-none placeholder:text-ink-3 disabled:opacity-50',
+        'w-full resize-y bg-field shadow-inset-field px-2.5 py-1.5 text-[12px] leading-4 text-ink outline-none placeholder:text-ink-3 disabled:opacity-50',
         className
       )}
       {...rest}
@@ -188,7 +188,7 @@ export function Select({ options, className, ...rest }: SelectProps): ReactEleme
   return (
     <select
       className={cn(
-        'w-full rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none disabled:opacity-50',
+        'w-full rounded-control bg-field shadow-inset-field px-2.5 py-1.5 text-[12px] text-ink outline-none disabled:opacity-50',
         className
       )}
       {...rest}