@tfdesign/b-end 1.0.5 → 1.0.7

package/skills/tfds/components.summary.json

@@ -1,7 +1,7 @@
 {
   "system": "b-end",
   "skill": "tfds",
-  "generatedAt": "2026-05-10T09:27:30.621Z",
+  "generatedAt": "2026-05-10T14:01:13.258Z",
   "purpose": "轻量组件与页面模板目录。AI 先读本文件做选型；确定命中组件后，再到 components.index.json 按 id 读取 props / rules / examples。",
   "counts": {
     "total": 46,
@@ -344,7 +344,7 @@
         "多面板工作区",
         "panel tabs"
       ],
-      "ruleCount": 24,
+      "ruleCount": 26,
       "exampleCount": 8,
       "hasCode": false,
       "detailRef": "components.index.json#info-display-panel"
@@ -631,7 +631,7 @@
         "top 布局",
         "left 布局"
       ],
-      "ruleCount": 15,
+      "ruleCount": 17,
       "exampleCount": 8,
       "hasCode": false,
       "detailRef": "components.index.json#form"
@@ -1236,7 +1236,7 @@
         "border rounded p-2 tag",
         "自渲染 Tag 列表"
       ],
-      "ruleCount": 11,
+      "ruleCount": 9,
       "exampleCount": 8,
       "hasCode": false,
       "detailRef": "components.index.json#tag-input"

package/src/_b_end_runtime/components/TagInput.jsx

@@ -12,10 +12,6 @@
  * @prop {Array<string|{value:string,label:string,variant?:string}>} [defaultValue=null] — 非受控初始标签
  * @prop {(nextTags:Array, removedTag?:object) => void} [onChange=null] — 标签列表变化
  * @prop {(tag:object) => void} [onRemove=null] — 删除标签回调
- * @prop {string|Array<string|object>|object} [aiSuggestion] — 单条 AI 推荐（可为单个标签或标签集合）
- * @prop {Array<string|Array<string|object>|object>} [aiSuggestions] — 多条 AI 推荐
- * @prop {(suggestion:Array) => void} [onAdoptSuggestion=null] — 采纳 AI 推荐回调
- * @prop {() => void} [onRefreshAiSuggestions=null] — 刷新 AI 推荐回调
  * @prop {boolean} [closable=true] — 标签是否可关闭
  * @prop {'brand'|'red'|'orange'|'yellow'|'green'|'cyan'|'blue'|'purple'|'pink'|'teal'|'grey'|'white'} [tagVariant='grey'] — 默认 Tag 颜色
  * @prop {'s'|'m'|'l'} [tagSize='m'] — Tag 尺寸
@@ -26,11 +22,6 @@ import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } fr
 import Tag from './Tag';
 import { DEFAULT_TAG_RADIUS, DEFAULT_TAG_SIZE, DEFAULT_TAG_VARIANT } from './tagShared';
 import Tooltip from './Tooltip';
-import AiSuggestionPanel, {
-  AiRefreshButton,
-  AI_REFRESH_VISIBLE_CLASS,
-  rotateList,
-} from './AiSuggestionShared';
 
 /* ── 根容器基础样式 ── */
 const BASE = [
@@ -67,14 +58,6 @@ const DISABLED_CLASS = 'bg-disabled border-border cursor-not-allowed opacity-60'
 const CONTENT_ROW = 'flex min-w-0 flex-1 items-center gap-1 overflow-hidden';
 const PLACEHOLDER = 'min-w-0 truncate text-sm leading-5 text-foreground-muted';
 const MEASURE_ROW = 'pointer-events-none invisible absolute left-0 top-0 flex items-center gap-1 whitespace-nowrap';
-const WRAPPER_BASE = 'inline-flex max-w-full flex-col items-start gap-1 [font-family:inherit]';
-const SUGGESTION_ACTION_ROW = 'flex w-full justify-end';
-
-const TAGINPUT_LOCAL_FALLBACK_SUGGESTIONS = [
-  ['改签', '门店变更'],
-  ['退款', '售后处理'],
-  ['物流异常', '催办'],
-];
 
 function normalizeTag(item, index, tagVariant) {
   if (item && typeof item === 'object') {
@@ -120,75 +103,6 @@ function getVisibleCount(tagWidths, moreWidth, availableWidth) {
   return tagWidths.length;
 }
 
-function normalizeTagSuggestion(item, index, tagVariant) {
-  let tags = [];
-  if (Array.isArray(item)) {
-    tags = normalizeList(item, tagVariant);
-  } else if (item && typeof item === 'object' && Array.isArray(item.tags)) {
-    tags = normalizeList(item.tags, tagVariant);
-  } else if (item != null) {
-    tags = normalizeList([item], tagVariant);
-  }
-
-  if (tags.length === 0) return null;
-  return {
-    id: `tag-input-ai-suggestion-${index}`,
-    label: tags.map((tag) => tag.label).join(' / '),
-    tags,
-  };
-}
-
-function buildTagSuggestionGroups(aiSuggestion, aiSuggestions, tagVariant) {
-  const source = Array.isArray(aiSuggestions) && aiSuggestions.length > 0
-    ? aiSuggestions
-    : (aiSuggestion != null ? [aiSuggestion] : []);
-  const baseGroup = source
-    .map((item, index) => normalizeTagSuggestion(item, index, tagVariant))
-    .filter(Boolean);
-  if (baseGroup.length === 0) return [];
-  const groups = [];
-  const serialized = new Set();
-
-  const pushGroup = (group) => {
-    if (!Array.isArray(group) || group.length === 0) return;
-    const key = JSON.stringify(group.map((item) => item.label));
-    if (serialized.has(key)) return;
-    serialized.add(key);
-    groups.push(group);
-  };
-
-  pushGroup(baseGroup);
-
-  if (baseGroup.length > 1) {
-    for (let offset = 1; offset < baseGroup.length; offset += 1) {
-      pushGroup(rotateList(baseGroup, offset));
-    }
-  }
-
-  const fallbackGroup = TAGINPUT_LOCAL_FALLBACK_SUGGESTIONS
-    .map((item, index) => normalizeTagSuggestion(item, `fallback-${index}`, tagVariant))
-    .filter(Boolean);
-  pushGroup(fallbackGroup);
-
-  return groups;
-}
-
-function mergeSuggestedTags(currentTags, suggestedTags) {
-  const merged = [...currentTags];
-  const existingKeys = new Set(
-    currentTags.map((tag) => String(tag.dedupeKey || tag.value || tag.label).trim().toLowerCase())
-  );
-
-  suggestedTags.forEach((tag) => {
-    const key = String(tag.dedupeKey || tag.value || tag.label).trim().toLowerCase();
-    if (!key || existingKeys.has(key)) return;
-    existingKeys.add(key);
-    merged.push(tag);
-  });
-
-  return merged;
-}
-
 export default function TagInput({
   size: _size = 'md',
   status = 'default',
@@ -198,10 +112,6 @@ export default function TagInput({
   defaultValue = null,
   onChange = null,
   onRemove = null,
-  onAdoptSuggestion = null,
-  onRefreshAiSuggestions = null,
-  aiSuggestion,
-  aiSuggestions,
   closable = true,
   tagVariant = DEFAULT_TAG_VARIANT,
   tagSize = DEFAULT_TAG_SIZE,
@@ -214,31 +124,15 @@ export default function TagInput({
   const isControlled = value !== undefined;
   const [innerValue, setInnerValue] = useState(() => normalizeList(defaultValue, tagVariant));
   const [visibleCount, setVisibleCount] = useState(null);
-  const [isSuggestionDismissed, setIsSuggestionDismissed] = useState(false);
-  const [suggestionIndex, setSuggestionIndex] = useState(0);
 
   useEffect(() => {
     if (!isControlled) setInnerValue(normalizeList(defaultValue, tagVariant));
   }, [defaultValue, isControlled, tagVariant]);
 
-  useEffect(() => {
-    setIsSuggestionDismissed(false);
-    setSuggestionIndex(0);
-  }, [aiSuggestion, aiSuggestions]);
-
   const tags = useMemo(
     () => (isControlled ? normalizeList(value, tagVariant) : innerValue),
     [innerValue, isControlled, tagVariant, value],
   );
-  const suggestionGroups = useMemo(
-    () => buildTagSuggestionGroups(aiSuggestion, aiSuggestions, tagVariant),
-    [aiSuggestion, aiSuggestions, tagVariant]
-  );
-  const suggestionList = suggestionGroups[suggestionIndex] || suggestionGroups[0] || [];
-  const canRefreshLocally = suggestionGroups.length > 1;
-  const showSuggestion = !disabled && !isSuggestionDismissed && suggestionList.length > 0;
-  const showAiRefresh = !disabled && suggestionList.length > 0
-    && (canRefreshLocally || typeof onRefreshAiSuggestions === 'function');
 
   const measure = useCallback(() => {
     const root = rootRef.current;
@@ -274,22 +168,6 @@ export default function TagInput({
     onRemove?.(tag);
   }, [commit, disabled, onRemove, tags]);
 
-  const handleAdoptSuggestion = useCallback((suggestion) => {
-    if (!suggestion?.tags || suggestion.tags.length === 0 || disabled) return;
-    const next = mergeSuggestedTags(tags, suggestion.tags);
-    commit(next);
-    onAdoptSuggestion?.(suggestion.tags);
-    setIsSuggestionDismissed(true);
-  }, [commit, disabled, onAdoptSuggestion, tags]);
-
-  const handleRefreshAiSuggestions = useCallback(() => {
-    if (canRefreshLocally) {
-      setSuggestionIndex((prev) => (prev + 1) % suggestionGroups.length);
-    }
-    onRefreshAiSuggestions?.();
-    setIsSuggestionDismissed(false);
-  }, [canRefreshLocally, onRefreshAiSuggestions, suggestionGroups.length]);
-
   const safeVisibleCount = visibleCount == null ? tags.length : Math.min(visibleCount, tags.length);
   const visibleTags = tags.slice(0, safeVisibleCount);
   const hiddenTags = tags.slice(safeVisibleCount);
@@ -324,59 +202,43 @@ export default function TagInput({
   );
 
   return (
-    <div className={WRAPPER_BASE}>
-      <div ref={rootRef} className={rootCls} aria-disabled={disabled || undefined} data-tfds-component="TagInput" {...rest}>
-        <div className={CONTENT_ROW}>
-          {tags.length === 0 ? (
-            <span className={PLACEHOLDER}>{placeholder}</span>
-          ) : (
-            <>
-              {visibleTags.map((tag) => (
-                renderTag(tag, {
-                  closable: closable && !disabled,
-                  onClose: closable && !disabled ? () => handleRemove(tag) : undefined,
-                })
-              ))}
-              {hiddenTags.length > 0 ? (
-                <Tooltip
-                  content={hiddenContent}
-                  tone="light"
-                  placement="top"
-                  triggerClassName="inline-flex shrink-0"
-                  className="!max-w-[280px]"
-                >
-                  <Tag variant={tagVariant} size={tagSize} radius={DEFAULT_TAG_RADIUS}>+{hiddenTags.length}</Tag>
-                </Tooltip>
-              ) : null}
-            </>
-          )}
-        </div>
+    <div ref={rootRef} className={rootCls} aria-disabled={disabled || undefined} data-tfds-component="TagInput" {...rest}>
+      <div className={CONTENT_ROW}>
+        {tags.length === 0 ? (
+          <span className={PLACEHOLDER}>{placeholder}</span>
+        ) : (
+          <>
+            {visibleTags.map((tag) => (
+              renderTag(tag, {
+                closable: closable && !disabled,
+                onClose: closable && !disabled ? () => handleRemove(tag) : undefined,
+              })
+            ))}
+            {hiddenTags.length > 0 ? (
+              <Tooltip
+                content={hiddenContent}
+                tone="light"
+                placement="top"
+                triggerClassName="inline-flex shrink-0"
+                className="!max-w-[280px]"
+              >
+                <Tag variant={tagVariant} size={tagSize} radius={DEFAULT_TAG_RADIUS}>+{hiddenTags.length}</Tag>
+              </Tooltip>
+            ) : null}
+          </>
+        )}
+      </div>
 
-        <div ref={measureRef} className={MEASURE_ROW} aria-hidden>
-          {tags.map((tag) => (
-            <span key={tag.value} data-measure-tag>
-              {renderTag(tag, { closable: closable && !disabled })}
-            </span>
-          ))}
-          <span ref={moreMeasureRef}>
-            <Tag variant={tagVariant} size={tagSize} radius={DEFAULT_TAG_RADIUS}>+99</Tag>
+      <div ref={measureRef} className={MEASURE_ROW} aria-hidden>
+        {tags.map((tag) => (
+          <span key={tag.value} data-measure-tag>
+            {renderTag(tag, { closable: closable && !disabled })}
           </span>
-        </div>
+        ))}
+        <span ref={moreMeasureRef}>
+          <Tag variant={tagVariant} size={tagSize} radius={DEFAULT_TAG_RADIUS}>+99</Tag>
+        </span>
       </div>
-      {showAiRefresh ? (
-        <div className={SUGGESTION_ACTION_ROW}>
-          <AiRefreshButton onClick={handleRefreshAiSuggestions} className={AI_REFRESH_VISIBLE_CLASS} />
-        </div>
-      ) : null}
-      {showSuggestion ? (
-        <AiSuggestionPanel
-          suggestions={suggestionList}
-          onSelect={handleAdoptSuggestion}
-          getSuggestionKey={(suggestion) => suggestion.id}
-          getSuggestionLabel={(suggestion) => suggestion.label}
-          getSuggestionAriaLabel={(suggestion, index) => `采纳 AI 推荐标签 ${index + 1}：${suggestion.label}`}
-        />
-      ) : null}
     </div>
   );
 }

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

@@ -54,12 +54,12 @@ export const TEXTAREA_TOKEN_MAP = {
     { label: '分割线', cssProp: 'border-right-color', value: 'none' },
     { label: '数字色', cssProp: 'color', token: '--color-blueGrey-400', value: '#D0D5DD', semanticRef: 'text-tertiary-weak' },
     { label: '字体', cssProp: 'font-family', value: 'monospace' },
-    { label: '行高', cssProp: 'line-height', value: '24px' },
+    { label: '行高', cssProp: 'line-height', value: '20px' },
     { label: '内边距', cssProp: 'padding', value: '16px 12px' },
   ],
   代码正文: [
     { label: '字体', cssProp: 'font-family', value: 'monospace' },
-    { label: '行高', cssProp: 'line-height', value: '24px' },
+    { label: '行高', cssProp: 'line-height', value: '20px' },
     { label: '内边距', cssProp: 'padding', value: '16px' },
   ],
 };

package/src/_b_end_runtime/components/Toast.jsx

@@ -15,7 +15,7 @@ const TYPE_BG = {
 
 /* ── 语义类型 → 描边颜色（bordered=true 时使用） ── */
 const TYPE_BORDER = {
-  info: 'border-teal-600',
+  info: 'border-brand-500',
   success: 'border-green-500',
   warning: 'border-orange-500',
   error: 'border-red-500',

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

@@ -44,8 +44,8 @@ export const TOAST_TOKEN_MAP = {
     {
       label: '信息边',
       cssProp: 'border-color',
-      token: '--color-teal-600',
-      value: '#129683',
+      token: '--color-brand-500',
+      value: '#56D3BC',
       state: 'type=info',
     },
     {

package/src/_b_end_runtime/components.js

@@ -1286,6 +1286,8 @@ export const COMPONENTS = [
       FONT_WEIGHT_RUNTIME_RULE,
       '【组件定位】InfoDisplayPanel 是“信息展示面板框架”，只负责外框、顶部 Tabs、拆分/合并、分栏调宽、内容插槽和基础间距；它不提供业务内容默认占位，不替代 Card、Table、Form、ConversationList 或客服工作台整页框架。',
       '【触发引用】当页面需要在同一工作区右侧并列查看“托管助手 / 历史工单 / 工单日志 / 信息工具 / 视频信息 / 用户信息 / 沟通记录”等多个详情面板，并且用户需要把当前关注的 tab 临时拆出来并排对照时，优先使用 InfoDisplayPanel；如果只是单块内容展示或普通 tabs 切换，不应使用该业务框架。',
+      '【客服业务优先规则】只要页面触及客服业务、客服工作台、客服接待、工单处理、售后处理、订单/商品上下文核对、客服资料查看等场景，并需要展示客服工单信息、商品信息、订单信息、用户信息、客服相关信息或沟通记录等辅助信息板块，默认优先使用 InfoDisplayPanel 承载这些信息区；禁止用多个 Card、div 白卡或自制 tabs 临时拼出客服信息侧栏。',
+      '【客服分类 Tabs】客服信息区涉及多个分类时，必须通过 InfoDisplayPanel 顶部 Tabs 切换分类，常见分类包括“工单信息 / 商品信息 / 订单信息 / 用户信息 / 客服信息 / 沟通记录 / 处理日志 / 风险提示”。分类名称、顺序和内容必须来自当前业务上下文；不要把这些示例硬编码成所有页面的固定 tab。',
       '【适用场景】客服工作台主白卡内部的信息区、在线 Agent 辅助信息区、工单处理详情侧、多来源上下文对照区、质检 / 审核 / 申诉处理工作区。',
       '【不适用场景】整页客服工作台外框用 CustomerServiceWorkspaceFrame；左侧会话 / 工单队列用 ConversationList；单个业务摘要用 Card；字段型详情或可批量操作数据用 Form / Table。',
       '【结构】外层为一个白色圆角容器，默认使用 `w-full` 撑满父容器可用宽度；内部按“拆分栏数组 + 主栏”组织。每一栏都必须包含 56px 顶部 Tabs 栏和内容区；顶部横线只保留 Header 内 1 条通栏下描边，左右贴满当前栏容器。Tabs 交互、文字、选中态与 3px Brand 指示线必须复用基础 `Tabs variant="line" size="lg"`，禁止手写 tab button 或手写选中线。栏与栏之间用 1px 垂直分隔线，禁止通过 gap 制造分栏空隙。',
@@ -1972,8 +1974,10 @@ export const COMPONENTS = [
       '【组件定位】Form 是字段组合层，只管理 label、提示、错误反馈、top/left 布局和字段编排，不重新定义已有表单控件样式',
       '【控件复用】已有基础组件必须复用：input 复用 Input，textarea 复用 TextArea（仅传基组件已有 props，默认 minRows=3、resize 纵向增高与 TextArea 一致；System Prompt / JSON / 代码参数字段必须传 variant="code"），input-number 复用 InputNumber，select 复用 Select，tag-input 复用 TagInput，checkbox 复用 CheckboxGroup，radio 复用 RadioGroup，switch 复用 Switch，date-picker 复用 DatePicker，time-picker 复用 TimePicker，slider 复用 Slider，upload 复用 Upload',
       '【布局】Form 在页面主内容区、白色卡片容器与纵向堆叠场景中默认 `w-full min-w-0 self-stretch`；labelPosition="top" 时字段容器与控件区都默认全宽，label 与控件间距 4px；labelPosition="left" 时标签列固定 96px、间距 24px、右侧控件区使用 `flex-1 min-w-0 w-full` 撑满剩余宽度',
+      '【表单宽度铁律】页面主表单、白卡表单、抽屉/弹窗正文表单、侧栏详情表单中，Input / Select / TextArea / InputNumber / DatePicker / TimePicker / TagInput 必须默认撑满字段内容列，且同一区域左右边界对齐；只有筛选栏、工具条、紧凑查询区允许固定宽 160/200/240px，禁止把 300px 示意宽或筛选栏固定宽套到业务表单正文',
+      '【自定义控件宽度】使用 children 或 item.control 传入自定义字段时，外层必须补 `className="w-full min-w-0 max-w-full"`；否则会绕过 Form 内置的 `!w-full` 控件宽度约束，导致 Input、Select、TextArea 等宽度不一致',
       '【详情页全集预览】组件详情页的“全集”分类按字段类型从上到下单列排列，每个组件间距 40px，超出预览画布时在画布内滚动查看',
-      '【字段配置】items 数组每项支持 id、label、type、required、labelPosition、middleHelpText、helpText、error、errorText、disabled、value/defaultValue/onChange 等字段；当字段命中 AI 推荐语义时，可继续透传 aiSuggestion、aiSuggestions、onAdoptSuggestion、onRefreshAiSuggestions 到 Input / Select / TextArea / TagInput',
+      '【字段配置】items 数组每项支持 id、label、type、required、labelPosition、middleHelpText、helpText、error、errorText、disabled、value/defaultValue/onChange 等字段；当字段命中 AI 推荐语义时，可继续透传 aiSuggestion、aiSuggestions、onAdoptSuggestion、onRefreshAiSuggestions 到 Input / Select / TextArea',
       '【标题附加样式】单字段标题支持 labelOptional、labelRequired、labelAi、labelHelp 四个布尔开关，可与纯文字标题组合显示；渲染顺序固定为 可选 -> 必填 -> AI -> Help',
       '【标题字重】字段标题、必填星号与可选文案统一使用 `semibold` token，即 `[font-weight:var(--font-semibold)]`；不要继续使用 `font-bold` 或手写 700 字重',
       '【AI 标签】当 labelAi=true 时，必须复用标准 `<Tag variant="ai" radius="full" fontWeight="bold" size="m">AI</Tag>`；禁止在 Form 内手写渐变胶囊、手写圆角块或用普通文字 span 模拟 AI 标签',
@@ -2215,7 +2219,7 @@ export const COMPONENTS = [
     _preview: INPUT_NUMBER_PREVIEW,
     rules: [
       '【⛔ AI 强制使用场景】所有数字类参数字段必须使用 InputNumber，禁止用 `<input type="number">` 或 Input 组件代替。典型场景：Temperature（0~2 精度 0.01）、Top-P（0~1 精度 0.01）、Max Tokens（整数步进）、学习率、权重、阈值等一切数值配置项。原生 input 会产生黑色边框并丢失步进、范围约束、精度控制能力',
-      '【组件定位】InputNumber 是数字输入原子组件，输入框视觉必须复用 Input：默认宽度 300px、MD 高 36px、圆角 8px、白底灰边框、聚焦 1px 绿色描边',
+      '【组件定位】InputNumber 是数字输入原子组件，输入框视觉必须复用 Input：表单正文默认随字段列满宽，MD 高 36px、圆角 8px、白底灰边框、聚焦 1px 绿色描边；仅筛选栏/工具条/详情预览示意可由父容器限制为 160/200/240/300px',
       '【按钮布局】默认 outer 外置步进按钮：位于输入框右侧，宽 16px、高 36px，与输入框间距 4px，上下两个箭头图标均为 8×8px',
       '【内置按钮】innerButtons=true 时步进按钮内嵌在输入框右侧，默认隐藏，仅在容器 hover 或 focus-within 时显示，输入内容需预留右侧空间',
       '【禁用态】disabled 时输入框与步进按钮同步进入浅灰底、禁用文字和 0.6 透明度；按钮不可点击',
@@ -2302,7 +2306,7 @@ export const COMPONENTS = [
       '【关闭】点击触发器、选项或外部 mousedown（触发器与面板均排除）关闭',
       '【键盘】Enter/Space 展开或选中高亮项；↑/↓ 移动高亮；Esc 关闭；Tab 失焦关闭',
       '【无障碍】触发器 role="combobox" aria-expanded；列表 role="listbox" 与 role="option"',
-      '【宽度】触发器为 w-full min-w-0 max-w-full，随父容器撑满；需要固定 300px 示意时在父级包一层 w-[300px]（平台 Select 详情预览已包）',
+      '【宽度】触发器为 w-full min-w-0 max-w-full，表单正文默认随字段列满宽；筛选栏、工具条或详情预览示意才允许由父容器限制宽度，禁止在业务表单正文把 Select 固定为 300px 导致与 Input / TextArea 不对齐',
       '【右侧图标】下拉箭头、清除按钮与自定义 indicator 均固定为 16×16px',
       '【尺寸】仅保留 MD 一种尺寸，触发器高度固定 36px；与 Input 保持一致',
     ],
@@ -2792,7 +2796,7 @@ export const COMPONENTS = [
       '【场景·daterange / datetimerange】表格/列表顶部时间范围筛选、统计报表数据周期选择、合同有效期区间',
       '【禁忌】不要用 type="date" 代替 type="datetime"（会丢失时分信息）；不要把两个 DatePicker 手拼成范围选择（直接用 type="daterange"）；不要在极紧凑行内（宽度 < 200px）使用，面板最小宽度 280px',
       '【类型说明】date / datetime → 单月面板单值选择；daterange / datetimerange → 双月面板范围选择，范围中间区间浅色连续高亮',
-      '【默认宽度】date / datetime / daterange → 300px；datetimerange → 400px；可通过外层容器或 className 自适应撑宽',
+      '【宽度】表单正文默认随字段列满宽；筛选栏、工具条或详情预览示意才允许由父容器限制宽度（date / datetime / daterange 常用 300px，datetimerange 常用 400px）。禁止在业务表单正文把 DatePicker 固定为 300px 导致与 Input / Select 不对齐',
       '【面板行为】单值点击即选中并关闭；范围需点击两次确定起止后自动关闭',
       '【时间栏】datetime / datetimerange 面板底部固定显示 52px 日期/时间信息栏',
       '【组合·表单】配 Form 使用时包在 Form.Item（type="date-picker"）里；时间范围筛选常配合 Table 顶部工具栏 + "查询"Button 使用',
@@ -2861,7 +2865,7 @@ export const COMPONENTS = [
     rules: [
       FONT_WEIGHT_RUNTIME_RULE,
       '【类型】time 为单时间输入框；timerange 为时间范围输入框',
-      '【触发器】视觉对齐 Figma / DatePicker：300px 宽、36px 高、白底、1px 默认描边、8px 圆角，内容默认左对齐，右侧时钟图标固定为 16×16px',
+      '【触发器】视觉对齐 Figma / DatePicker：表单正文默认随字段列满宽，详情预览示意可用 300px；36px 高、白底、1px 默认描边、8px 圆角，内容默认左对齐，右侧时钟图标固定为 16×16px',
       '【面板】点击 Trigger 展开浮层；面板默认与 Trigger 等宽，最小宽度 150px；单时间面板高 252px，无标题；时间范围面板高 304px，顶部显示开始/结束标题',
       '【固定选择区】面板中间固定 36px 高浅绿选择区，时/分列按面板宽度等分并居中对齐；timerange 使用同一条横跨四列的固定选择区，四列都支持真实滚动选择',
       '【选择】点击任一时间项会滚动到中间选择区；滚动时/分列时实时同步选择区内最近项，停止后自动吸附',
@@ -3022,10 +3026,6 @@ export const COMPONENTS = [
       { name: 'defaultValue', type: 'array', default: null },
       { name: 'onChange', type: 'function', default: null },
       { name: 'onRemove', type: 'function', default: null },
-      { name: 'aiSuggestion', type: 'array | string | object', default: null },
-      { name: 'aiSuggestions', type: 'array', default: null },
-      { name: 'onAdoptSuggestion', type: 'function', default: null },
-      { name: 'onRefreshAiSuggestions', type: 'function', default: null },
       { name: 'closable', type: 'boolean', default: true },
       { name: 'tagVariant', type: 'enum', options: ['brand', 'red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'purple', 'pink', 'teal', 'grey', 'white'], default: 'grey' },
       { name: 'tagSize', type: 'enum', options: ['s', 'm', 'l'], default: 'm' },
@@ -3051,15 +3051,13 @@ export const COMPONENTS = [
     },
     _preview: TAGINPUT_PREVIEW,
     rules: [
-      '【视觉】容器对齐 Figma taginput：默认宽度 300px、36px 高、白底、1px 默认描边、8px 圆角，空态显示“请输入”',
+      '【视觉】容器对齐 Figma taginput：表单正文默认随字段列满宽，详情预览示意可用 300px；36px 高、白底、1px 默认描边、8px 圆角，空态显示“请输入”',
       '【Tag 复用】已选项、+N 折叠项、Tooltip 内省略项、隐藏测量项都必须使用平台现有 Tag 组件；TagInput 不自绘任何标签视觉',
       '【宽度自适应】通过 ResizeObserver 监听容器宽度，按真实 Tag 宽度计算可见数量；宽度变窄自动折叠，变宽自动展开',
       '【溢出折叠】可见区域放不下的标签折叠为 +N，+N 固定在末尾并以 Tag 渲染；悬浮 +N 使用白底 tone="light" Tooltip 展示被省略的所有 Tag，该白底样式仅用于 TagInput 更多标签场景',
       '【删除】closable=true 时每个可见 Tag 显示关闭按钮，删除后触发 onChange(nextTags, removedTag) 与 onRemove(removedTag)',
       '【受控】传 value 时为受控模式，非受控使用 defaultValue；value/defaultValue 支持字符串数组或 { value, label, variant } 对象数组',
       '【状态】status="error" 使用浅红底与红色聚焦描边；disabled 叠加禁用背景、透明度并关闭删除操作',
-      '【AI推荐】支持推荐单个标签或推荐标签集合；推荐区展示在 TagInput 下方，默认支持真实点击采纳与刷新推荐，不允许只展示静态建议文案',
-      '【AI推荐采纳】点击推荐后，TagInput 默认按“追加去重”把推荐标签写入当前标签列表，并触发 onAdoptSuggestion(suggestedTags)；若传入 onRefreshAiSuggestions，应在本地轮换建议之外继续向外通知',
       '【Form】Form 的 type="tag-input" 字段必须完整引用 TagInput，不再用 Select 或原生结构临时代替',
       '【尺寸】仅保留 MD 一种尺寸，高度固定 36px；与 Input 保持一致',
     ],

package/src/_b_end_runtime/page-patterns/TabTopBarListPage.jsx

@@ -360,7 +360,7 @@ function KnowledgeCard({ item, typeLabel, selected, onClick }) {
     >
       <div className="flex items-start justify-between gap-2">
         <p
-          className="font-semibold text-blueGrey-900 m-0"
+          className="[font-weight:var(--font-semibold)] text-blueGrey-900 m-0"
           style={{
             fontSize: '16px',
             lineHeight: '24px',
@@ -441,7 +441,7 @@ function DetailPanel({ card, typeLabel, open }) {
           <div className="flex items-center justify-between gap-2 shrink-0">
             <div className="flex items-center gap-2 min-w-0">
               <h3
-                className="font-semibold text-blueGrey-900 m-0 truncate"
+                className="[font-weight:var(--font-semibold)] text-blueGrey-900 m-0 truncate"
                 style={{ fontSize: '16px', lineHeight: '24px' }}
               >
                 知识详情
@@ -502,7 +502,7 @@ function DetailPanel({ card, typeLabel, open }) {
             <div className="flex flex-col" style={{ gap: '12px' }}>
               <SectionBadge type="question">Questions / 问</SectionBadge>
               <p
-                className="font-semibold text-blueGrey-900 m-0"
+                className="[font-weight:var(--font-semibold)] text-blueGrey-900 m-0"
                 style={{ fontSize: '16px', lineHeight: '26px' }}
               >
                 {card.question}
@@ -556,7 +556,7 @@ function SectionBadge({ type, children }) {
         gap: '10px',
         borderRadius: '4px',
         fontSize: '12px',
-        fontWeight: 600,
+        fontWeight: 'var(--font-semibold)',
         lineHeight: '18px',
         alignSelf: 'flex-start',
         ...(isQuestion
@@ -584,7 +584,7 @@ function ScenePill({ label }) {
     >
       <button
         type="button"
-        className="inline-flex items-center gap-1 cursor-pointer h-8 px-4 rounded-full bg-transparent border-0 text-sm font-semibold text-blueGrey-900 leading-5"
+        className="inline-flex items-center gap-1 cursor-pointer h-8 px-4 rounded-full bg-transparent border-0 text-sm [font-weight:var(--font-semibold)] text-blueGrey-900 leading-5"
       >
         <span>{label}</span>
         <Icon name="chevron-down-stroked" />