@tfdesign/b-end 1.0.9 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tfdesign/b-end",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "private": false,
   "type": "module",
   "description": "TFDS B-end React components + Tailwind v4 theme.css; self-contained npm install (no monorepo clone required).",

package/skills/tfds/GLOBAL_DESIGN_RULES.md

@@ -23,7 +23,7 @@
 | 卡片白底 | `var(--color-surface)` / `var(--color-white)` | `#FFFFFF`             | 业务白卡               |
 | 默认描边 | `var(--color-border-default)`                 | `#E4E7EC`             | 输入框、卡片描边           |
 | 强描边  | `var(--color-border-strong)`                  | `#D0D5DD`             | hover/focus 描边     |
-| 细线   | `var(--color-border-line-light)`              | `rgba(22,24,35,0.08)` | 列表分隔线、表格行线         |
+| 细线   | `var(--color-border-default)`              | `#E4E7EC` | 列表分隔线、表格行线         |
 
 
 ⛔ **禁止**：
@@ -353,7 +353,7 @@ B 端主路径的**标题与密集区强调文案**默认以 **600（`--font-sem
 
 1. **白卡内嵌的灰卡**（`Card color="grey"`）→ 由组件自带浅描边表达"次级容器"，保留
 2. **TFDS 组件自带描边**：Input / Select / TextArea / TagInput / Tabs line / Table 行线 / Tooltip → 保留
-3. **白卡内部的"分割线"**（`borderTop` / `borderBottom`）→ 用 `var(--color-border-line-light)` 划行，不是给整张卡加 border
+3. **白卡内部的"分割线"**（`borderTop` / `borderBottom`）→ 用 `var(--color-border-default)` 划行，不是给整张卡加 border
 4. **浮层 Dialog / Drawer 自带的轻描边** → 由组件自带，保留
 
 ⛔ 以上 4 种之外，**任何**直接给白卡 div 加 `border` / `outline` / `ring` 都视为违规。

package/skills/tfds/LAYOUT_RULES.md

@@ -735,7 +735,7 @@ const [leftCardWidth, setLeftCardWidth] = useState(260);
   {/* 分页：吸底 */}
   <div
     className="shrink-0 px-6 py-3"
-    style={{ borderTop: '1px solid var(--color-border-line-light)' }}
+    style={{ borderTop: '1px solid var(--color-border-default)' }}
   >
     <Pagination ... />
   </div>
@@ -983,7 +983,7 @@ const [leftCardWidth, setLeftCardWidth] = useState(260);
       {/* 筛选栏 */}
       <div
         className="shrink-0 px-6 py-3 flex items-center gap-3"
-        style={{ borderTop: '1px solid var(--color-border-line-light)' }}
+        style={{ borderTop: '1px solid var(--color-border-default)' }}
       >
         <Input placeholder="搜索变量名" style={{ width: 240 }} />
         <Select placeholder="状态" style={{ width: 160 }} options={...} />
@@ -997,7 +997,7 @@ const [leftCardWidth, setLeftCardWidth] = useState(260);
       {/* 分页 */}
       <div
         className="shrink-0 px-6 py-3"
-        style={{ borderTop: '1px solid var(--color-border-line-light)' }}
+        style={{ borderTop: '1px solid var(--color-border-default)' }}
       >
         <Pagination ... />
       </div>
@@ -1183,7 +1183,7 @@ const [leftCardWidth, setLeftCardWidth] = useState(260);
     {/* 右侧元数据面板（可选） */}
     <aside
       className="shrink-0 w-[320px] overflow-y-auto"
-      style={{ borderLeft: '1px solid var(--color-border-line-light)' }}
+      style={{ borderLeft: '1px solid var(--color-border-default)' }}
     >
       {/* 元数据/属性 */}
     </aside>
@@ -1263,7 +1263,7 @@ const [leftCardWidth, setLeftCardWidth] = useState(260);
     >
       <header
         className="shrink-0 px-6 py-4 flex items-center justify-between"
-        style={{ borderBottom: '1px solid var(--color-border-line-light)' }}
+        style={{ borderBottom: '1px solid var(--color-border-default)' }}
       >
         {/* ⚠️ 面板/卡内 section 标题永远用 FormTitle level-2，⛔ 不要手搓 div+h3 */}
         <FormTitle

package/skills/tfds/components.index.json

@@ -1,7 +1,7 @@
 {
   "system": "b-end",
   "skill": "tfds",
-  "generatedAt": "2026-05-10T17:49:25.351Z",
+  "generatedAt": "2026-05-11T04:59:21.276Z",
   "summary": "B 端 COMPONENTS 36 条 + 列表页模板 4 + PATTERNS 6；import 一律来自 @tf-designsystem/b-end。",
   "components": [
     {
@@ -2380,8 +2380,8 @@
         "【消息原子】一个 ChatMessage = AI 对话页中的一条消息原子，role=\"ai\" 渲染 AI 消息（适配容器宽度），role=\"user\" 渲染用户气泡（右对齐 + 8% 容器宽度左缩进 ≈ 500px 容器下 40px 缩进）",
         "【AI 友好命名】props 一律用最短同义词：header / thinking / plan / confirms / followUps / actions / userContent；读 props 即知 DOM 结构（<ChatMessage header thinking plan ... />）",
         "【7 类子组件】内部按 AI 头像 / 文本回复 / 执行流 / 卡片回复 / 深度思考 / 操作栏 / 用户气泡 7 类子组件按需组合，全部通过 props 启用，互相正交不冲突",
-        "【theme 必引】入口 CSS 必须 @import \"@tf-designsystem/b-end/theme.css\"。ChatMessage 子区块使用 --color-border-line-light、--color-neutral、--color-neutral-500/300/700、--tfds-ai-execution-* 等；未引入 theme 时 var() 无效，描边易退化为浏览器默认深黑（追问按钮等）。",
-        "【禁止手搓描边】勿包一层 div 并加 border-black / ring-black；追问 followUps 为白底 + border-border-line-light + hover:border-border-strong。",
+        "【theme 必引】入口 CSS 必须 @import \"@tf-designsystem/b-end/theme.css\"。ChatMessage 子区块使用 --color-border-default、--color-neutral、--color-neutral-500/300/700、--tfds-ai-execution-* 等；未引入 theme 时 var() 无效，描边易退化为浏览器默认深黑（追问按钮等）。",
+        "【禁止手搓描边】勿包一层 div 并加 border-black / ring-black；追问 followUps 为白底 + border-border-default + hover:border-border-strong。",
         "【AI 头像】header 传 true 启用默认 \"OLA AI\" + catcat 头像；传对象 { name, avatarSrc } 自定义名称与头像；建议每条 AI 消息都开启，保持身份一致；不传则该消息没有头像",
         "【自定义头像素材】ChatMessage 默认 AI 头像使用包内 catcat.svg；若 header 对象自定义 avatarSrc（如拟人助手、成员身份或人工协作身份），优先使用包内本地成员头像图片素材，不要使用 pravatar/Unsplash/placeholder 随机外链头像。",
         "【消息加载态】status=\"requesting\" 仅渲染 AI 头像 + 三圆点 bouncing 动画，用于刚发出请求未返回内容时；不渲染标题、步骤、结果区",

package/skills/tfds/components.summary.json

@@ -1,7 +1,7 @@
 {
   "system": "b-end",
   "skill": "tfds",
-  "generatedAt": "2026-05-10T17:49:25.351Z",
+  "generatedAt": "2026-05-11T04:59:21.276Z",
   "purpose": "轻量组件与页面模板目录。AI 先读本文件做选型；确定命中组件后，再到 components.index.json 按 id 读取 props / rules / examples。",
   "counts": {
     "total": 46,

package/src/_b_end_runtime/components/ChatMessage.jsx

@@ -3,7 +3,7 @@
  *
  * 行业对齐：assistant-ui Message / Vercel AI SDK Message / Microsoft Copilot ChatMessage。
  * 与 ChatBubble（仅气泡）、ChatInput（输入器）共同组成 Chat 命名空间。
- * 样式依赖：入口 CSS 须 @import "@tf-designsystem/b-end/theme.css"（提供 --color-border-line-light、--color-blueGrey-*、--tfds-ai-execution-* 等）；缺失时 var() 无效，追问/执行流等易出现深黑描边。
+ * 样式依赖：入口 CSS 须 @import "@tf-designsystem/b-end/theme.css"（提供 --color-border-default、--color-blueGrey-*、--tfds-ai-execution-* 等）；缺失时 var() 无效，追问/执行流等易出现深黑描边。
  * 一个 ChatMessage = 一条会话消息，按 role 渲染：
  *   · role='ai'   AI 输出消息（默认）：header / thinking / plan / 执行流(title+steps/taskGroups)
  *                  / 结果(resultText+resultArtifacts+confirms) / taskBadge / actions / followUps
@@ -333,7 +333,7 @@ const BODY = 'relative flex w-full min-w-0 max-w-full flex-col items-start gap-1
 const HEADER = 'group/exec-header relative flex w-full min-w-0 max-w-full items-start gap-3 py-2 cursor-pointer select-none';
 const HEADER_ICON_WRAP = 'mt-[2px] flex shrink-0 items-center';
 const STATUS_SPINNER_WRAP = 'relative block size-4 shrink-0';
-const STATUS_SPINNER_TRACK = 'absolute inset-[0.67px] rounded-full border border-border-line-light';
+const STATUS_SPINNER_TRACK = 'absolute inset-[0.67px] rounded-full border border-border-default';
 const STATUS_SPINNER_ARC = 'absolute inset-[0.67px] rounded-full animate-[spin_1.1s_linear_infinite]';
 /* 标题：单行截断；不占满宽度，让 chevron 紧贴文字（或省略号）右侧；
    颜色用 text token className（不用 inline style，否则 hover 失效）；
@@ -492,7 +492,7 @@ const TASK_PLAN_FOOTER = 'mt-3 flex w-full min-w-0 items-center justify-end gap-
 const FOLLOW_UP_GROUP = 'flex w-full min-w-0 flex-col items-stretch gap-2';
 const FOLLOW_UP_BUTTON = [
   'inline-flex h-10 w-fit max-w-full items-center justify-start',
-  'rounded-lg border border-border-line-light bg-surface px-3 py-2',
+  'rounded-lg border border-border-default bg-surface px-3 py-2',
   'text-sm font-normal leading-5 tracking-[0] text-left',
   'cursor-pointer transition-all duration-150',
   '[outline:2px_solid_transparent] outline-offset-2',
@@ -1044,7 +1044,7 @@ function ThinkingProcess({ thinkingProcess, tokenStyles }) {
         <div className={THINKING_BODY}>
           <div
             className={THINKING_RAIL}
-            style={{ backgroundColor: 'var(--color-border-line-light)' }}
+            style={{ backgroundColor: 'var(--color-border-default)' }}
             aria-hidden="true"
           />
           <p className={THINKING_TEXT} style={tokenStyles.muted}>
@@ -1081,7 +1081,7 @@ function TaskPlanCard({ taskPlan, tokenStyles }) {
       className={TASK_PLAN_CARD}
       style={{
         backgroundColor: 'var(--color-fill)',
-        borderColor: 'var(--color-border-line-light)',
+        borderColor: 'var(--color-border-default)',
       }}
       data-tfds-component="ChatMessage.TaskPlan"
     >
@@ -1405,7 +1405,7 @@ export function ResultArtifactCard({ artifact, className = '' }) {
   return (
     <div
       className={[RESULT_ARTIFACT_CARD, className].filter(Boolean).join(' ')}
-      style={{ borderColor: 'var(--color-border-line-light)' }}
+      style={{ borderColor: 'var(--color-border-default)' }}
     >
       <div className={RESULT_ARTIFACT_ICON} aria-hidden="true">
         <ArtifactIcon type={a.type} size={32} />
@@ -1828,13 +1828,13 @@ export default function ChatMessage({
   const tokenStyles = {
     title: { color: 'var(--color-blueGrey-800)' },
     muted: { color: 'var(--color-blueGrey-600)' },
-    rail: { backgroundColor: 'var(--color-border-line-light)' },
+    rail: { backgroundColor: 'var(--color-border-default)' },
     card: {
-      borderColor: 'var(--color-border-line-light)',
+      borderColor: 'var(--color-border-default)',
       backgroundColor: 'var(--color-fill)',
     },
     iconWrap: {
-      borderColor: 'var(--color-border-line-light)',
+      borderColor: 'var(--color-border-default)',
       backgroundImage: 'var(--tfds-ai-execution-icon-gradient)',
     },
     humanConfirmCard: {
@@ -2070,7 +2070,7 @@ export default function ChatMessage({
                 <div
                   key={artifact.id}
                   className={RESULT_ARTIFACT_CARD}
-                  style={{ borderColor: 'var(--color-border-line-light)' }}
+                  style={{ borderColor: 'var(--color-border-default)' }}
                 >
                   <div className={RESULT_ARTIFACT_ICON} aria-hidden="true">
                     <ArtifactIcon type={artifact.type} size={32} />

package/src/_b_end_runtime/components/ChatMessage.tokens.js

@@ -37,7 +37,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
   ],
   操作卡片: [
     { label: '背景色', cssProp: 'background', token: '--color-chat-incoming', value: 'rgba(52,59,57,0.05)' },
-    { label: '描边色', cssProp: 'border-color', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '描边色', cssProp: 'border-color', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '宽度策略', cssProp: 'width/max-width', value: 'fit-content / max-width: 100%' },
     { label: '圆角', cssProp: 'border-radius', token: '--radius-md', value: '8px' },
     { label: '左内边距', cssProp: 'padding-left', token: '--spacing-2', value: '8px' },
@@ -54,7 +54,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
     { label: '溢出处理', cssProp: 'text-overflow', value: 'ellipsis / nowrap / hidden' },
   ],
   处理中: [
-    { label: '轨道描边', cssProp: 'border-color', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '轨道描边', cssProp: 'border-color', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '底色', cssProp: 'background', token: '--tfds-ai-execution-processing-fill', value: 'rgba(52,59,57,0.04)' },
     { label: '扫光渐变', cssProp: 'background-image', token: '--tfds-ai-execution-processing-shimmer', value: 'linear-gradient(90deg, rgba(52,59,57,0.045) 0%, rgba(52,59,57,0.05) 28%, rgba(255,255,255,0.18) 50%, rgba(52,59,57,0.05) 72%, rgba(52,59,57,0.045) 100%)' },
     { label: '旋转渐变', cssProp: 'background', value: 'conic-gradient(var(--color-brand-500) → var(--color-purple-300))' },
@@ -78,7 +78,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
   ],
   结果产物: [
     { label: '卡片背景', cssProp: 'background', token: '--color-surface', value: '#FFFFFF' },
-    { label: '描边色', cssProp: 'border-color', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '描边色', cssProp: 'border-color', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '卡片宽度', cssProp: 'width', value: '300px / max-width: 100%' },
     { label: '圆角', cssProp: 'border-radius', token: '--radius-md', value: '8px' },
     { label: '内边距', cssProp: 'padding', value: '12px' },
@@ -93,12 +93,12 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
   图标容器: [
     { label: '尺寸', cssProp: 'width/height', value: '24px' },
     { label: '背景渐变', cssProp: 'background-image', token: '--tfds-ai-execution-icon-gradient', value: 'linear-gradient(180deg, rgba(200,214,210,0.09) 0%, rgba(52,59,57,0.09) 100%)' },
-    { label: '描边色', cssProp: 'border-color', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '描边色', cssProp: 'border-color', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '圆角', cssProp: 'border-radius', token: '--radius-md', value: '8px' },
     { label: '图标尺寸', cssProp: 'width/height', token: '--size-icon-14', value: '14px' },
   ],
   连接线: [
-    { label: '线色', cssProp: 'background', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '线色', cssProp: 'background', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '线宽', cssProp: 'width', value: '1px' },
     { label: '轨道宽度', cssProp: 'width', token: '--spacing-4', value: '16px' },
   ],
@@ -130,7 +130,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
     { label: '标题字号', cssProp: 'font-size', token: '--text-xs', value: '12px' },
     { label: '标题行高', cssProp: 'line-height', token: '--leading-4', value: '16px' },
     { label: '展开/收起图标', cssProp: 'icon', value: 'chevron-up/down-stroked / 16px' },
-    { label: '思考引用线', cssProp: 'background', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '思考引用线', cssProp: 'background', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '引用线宽', cssProp: 'width', value: '1px' },
     { label: '思考文本色', cssProp: 'color', token: '--color-neutral-500', value: '#858595' },
     { label: '思考文本字号', cssProp: 'font-size', token: '--text-xs', value: '12px' },
@@ -139,7 +139,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
   ],
   任务规划卡片: [
     { label: '外框背景', cssProp: 'background', token: '--color-fill', value: 'rgba(83,96,143,0.07)' },
-    { label: '外框描边', cssProp: 'border', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08) / 0.5px' },
+    { label: '外框描边', cssProp: 'border', token: '--color-border-default', value: '#E4E7EC / 0.5px', semanticRef: 'border-default' },
     { label: '外框圆角', cssProp: 'border-radius', token: '--radius-lg', value: '12px' },
     { label: '外框内边距', cssProp: 'padding', value: '12px 16px' },
     { label: '头部图标容器', cssProp: 'size', value: '32px / 渐变灰底 / 0.5px 描边 / 8px 圆角' },
@@ -160,7 +160,7 @@ export const CHAT_MESSAGE_TOKEN_MAP = {
   ],
   追问按钮组: [
     { label: '按钮背景', cssProp: 'background', token: '--color-surface', value: '#FFFFFF' },
-    { label: '按钮描边', cssProp: 'border', token: '--color-border-line-light', value: 'rgba(22,24,35,0.08)' },
+    { label: '按钮描边', cssProp: 'border', token: '--color-border-default', value: '#E4E7EC', semanticRef: 'border-default' },
     { label: '按钮圆角', cssProp: 'border-radius', token: '--radius-md', value: '8px' },
     { label: '按钮高度', cssProp: 'height', value: '40px' },
     { label: '按钮内边距', cssProp: 'padding', value: '8px 12px' },

package/src/_b_end_runtime/components/ChatMessagePreview.jsx

@@ -251,7 +251,7 @@ export default function ChatMessagePreview({
           {ALL_ARTIFACT_TYPES.map((a) => (
             <div
               key={a.id}
-              className="flex flex-col items-center gap-1 rounded-md border border-border-line-light p-2"
+              className="flex flex-col items-center gap-1 rounded-md border border-border-default p-2"
               title={a.type}
             >
               <ArtifactIcon type={a.type} size={32} />

package/src/_b_end_runtime/components/ConversationList.jsx

@@ -288,7 +288,7 @@ const CARD_FOOTER_EDITABLE = 'flex flex-col gap-3 px-3 py-3';
 const CARD_FOOTER_TEXT = 'w-full text-xs leading-4 text-foreground';
 const CARD_FOOTER_BUTTON_ROW = 'flex w-full justify-end';
 const CARD_STATUS_SPINNER_WRAP = 'relative inline-flex size-3 shrink-0 items-center justify-center';
-const CARD_STATUS_SPINNER_TRACK = 'absolute inset-0 rounded-full border border-border-line-light';
+const CARD_STATUS_SPINNER_TRACK = 'absolute inset-0 rounded-full border border-border-default';
 const CARD_STATUS_SPINNER_ARC = 'absolute inset-0 rounded-full animate-spin [animation-duration:1.1s] [animation-timing-function:linear] [animation-iteration-count:infinite]';
 
 function getSectionItemCount(section) {

package/src/_b_end_runtime/components/Slider.jsx

@@ -33,7 +33,7 @@ const HANDLE_BASE = [
 
 const HANDLE_ENABLED = [
   'bg-white border-border-brand',
-  'hover:border-border-brand-strong',
+  'hover:border-border-brand',
   'active:border-brand-700',
   'cursor-grab',
 ].join(' ');

package/src/_b_end_runtime/components.js

@@ -1610,8 +1610,8 @@ export const COMPONENTS = [
       '【消息原子】一个 ChatMessage = AI 对话页中的一条消息原子，role="ai" 渲染 AI 消息（适配容器宽度），role="user" 渲染用户气泡（右对齐 + 8% 容器宽度左缩进 ≈ 500px 容器下 40px 缩进）',
       '【AI 友好命名】props 一律用最短同义词：header / thinking / plan / confirms / followUps / actions / userContent；读 props 即知 DOM 结构（<ChatMessage header thinking plan ... />）',
       '【7 类子组件】内部按 AI 头像 / 文本回复 / 执行流 / 卡片回复 / 深度思考 / 操作栏 / 用户气泡 7 类子组件按需组合，全部通过 props 启用，互相正交不冲突',
-      '【theme 必引】入口 CSS 必须 @import "@tf-designsystem/b-end/theme.css"。ChatMessage 子区块使用 --color-border-line-light、--color-neutral、--color-neutral-500/300/700、--tfds-ai-execution-* 等；未引入 theme 时 var() 无效，描边易退化为浏览器默认深黑（追问按钮等）。',
-      '【禁止手搓描边】勿包一层 div 并加 border-black / ring-black；追问 followUps 为白底 + border-border-line-light + hover:border-border-strong。',
+      '【theme 必引】入口 CSS 必须 @import "@tf-designsystem/b-end/theme.css"。ChatMessage 子区块使用 --color-border-default、--color-neutral、--color-neutral-500/300/700、--tfds-ai-execution-* 等；未引入 theme 时 var() 无效，描边易退化为浏览器默认深黑（追问按钮等）。',
+      '【禁止手搓描边】勿包一层 div 并加 border-black / ring-black；追问 followUps 为白底 + border-border-default + hover:border-border-strong。',
 
       /* —— 1. AI 头像 —— */
       '【AI 头像】header 传 true 启用默认 "OLA AI" + catcat 头像；传对象 { name, avatarSrc } 自定义名称与头像；建议每条 AI 消息都开启，保持身份一致；不传则该消息没有头像',

package/src/_b_end_runtime/tokens.js

@@ -188,7 +188,7 @@ export const SEMANTIC_CSS_MAP = {
   'text-tertiary': 'foreground-muted', 'text-disabled': 'foreground-disabled', 'text-inverse': 'foreground-inverse',
   'bg-page': 'page', 'bg-surface': 'surface', 'bg-elevated': 'elevated', 'bg-disabled': 'disabled', 'bg-card-secondary': 'card-secondary', 'bg-chat-incoming': 'chat-incoming', 'bg-chat-outgoing': 'chat-outgoing', 'bg-chat-outgoing-ai': 'chat-outgoing-ai',
   'fill-default': 'fill', 'fill-hover': 'fill-hover', 'fill-active': 'fill-active',
-  'border-default': 'border-default', 'border-strong': 'border-strong', 'border-brand': 'border-brand', 'border-brand-strong': 'border-brand-strong',
+  'border-default': 'border-default', 'border-strong': 'border-strong', 'border-brand': 'border-brand',
   'overlay-bg': 'overlay', 'focus-ring': 'ring',
 };
 
@@ -227,9 +227,6 @@ export const TOKEN_SEMANTIC_MAP = {
   'border-default':       { label: '默认描边',       color: '#E4E7EC', primitiveRef: 'blueGrey-300' },
   'border-strong':        { label: '强调/悬浮描边', color: '#D0D5DD', primitiveRef: 'blueGrey-400' },
   'border-brand':         { label: '品牌描边',       color: '#56D3BC', primitiveRef: 'brand-500' },
-  'border-brand-strong':  { label: '品牌强调描边', color: '#32C4AC', primitiveRef: 'brand-600' },
-  /** rgba 细线：ChatMessage 追问/执行流卡片描边；必须进 theme.css，否则 var() 失效时浏览器退化为深黑描边 */
-  'border-line-light':    { label: '细线描边 rgba',  color: 'rgba(22,24,35,0.08)' },
 
   // ── overlay: 蒙层 ──
   'overlay-bg':           { label: '蒙层背景',       color: 'rgba(22, 22, 26, 0.60)', primitiveRef: 'grey-950/60%' },

package/theme.css

@@ -224,8 +224,6 @@
   --color-border-default: var(--color-blueGrey-300);  /* 默认描边 ← blueGrey-300 */
   --color-border-strong: var(--color-blueGrey-400);  /* 强调/悬浮描边 ← blueGrey-400 */
   --color-border-brand: var(--color-brand-500);  /* 品牌描边 ← brand-500 */
-  --color-border-brand-strong: var(--color-brand-600);  /* 品牌强调描边 ← brand-600 */
-  --color-border-line-light: rgba(22,24,35,0.08);  /* 细线描边 rgba ← literal */
   --color-overlay: rgba(22, 22, 26, 0.60);  /* 蒙层背景 ← grey-950/60% */
   --color-ring: var(--color-brand-500);  /* 焦点环 ← brand-500 */