@baishuyun/ai-design 2.0.50 → 2.0.52

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @baishuyun/ai-design
 
+## 2.0.52
+
+### Patch Changes
+
+- Updated dependencies
+  - @baishuyun/types@3.0.43
+  - @baishuyun/ai-feat-utils@2.0.47
+
+## 2.0.51
+
+### Patch Changes
+
+- fix mobile style
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.46
+
 ## 2.0.50
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.50",
+  "version": "2.0.52",
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -60,8 +60,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/ai-feat-utils": "2.0.45",
-    "@baishuyun/types": "3.0.42"
+    "@baishuyun/ai-feat-utils": "2.0.47",
+    "@baishuyun/types": "3.0.43"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -84,7 +84,7 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
     "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/types": "3.0.42",
+    "@baishuyun/types": "3.0.43",
     "@baishuyun/typescript-config": "2.0.9"
   },
   "keywords": [],

package/src/components/agent-drawer.tsx

@@ -76,7 +76,7 @@ export const AgentDrawer = ({
         title="选择智能体"
         // DrawerContent 内联 style 强制 borderRadius: 0（会压掉方向圆角），
         // 用 !important 任意值恢复设计稿的顶部 10px 圆角
-        className="rounded-t-[10px]!"
+        className="rounded-t-[20px]!"
       >
         <div className="flex flex-col">
           {/* 头部：标题 18px Bold + 关闭（设计稿 40434:34109，上 20、下 20、左右 12） */}

package/src/components/agent-helper/agent-entry-card/index.tsx

@@ -9,18 +9,13 @@ export interface AgentEntryCardProps {
   onLogClick: () => void;
 }
 
-export const AgentEntryCard = ({
-  agent,
-  className,
-  onSelect,
-  onLogClick,
-}: AgentEntryCardProps) => {
+export const AgentEntryCard = ({ agent, className, onSelect, onLogClick }: AgentEntryCardProps) => {
   return (
     <div
       className={cn(
         'bg-white border border-[#e0e0e0] border-solid content-stretch flex flex-col items-start p-[16px] rounded-[10px] w-full drop-shadow-[0px_0px_5px_rgba(0,0,0,0.04)] hover:drop-shadow-[0px_0px_8px_rgba(0,0,0,0.1)]',
         transCls,
-        className,
+        className
       )}
 
       onClick={onSelect}
@@ -32,7 +27,7 @@ export const AgentEntryCard = ({
           <div className="content-stretch flex gap-[10px] items-center min-w-0">
             <img
               alt={agent.name}
-              className="rounded-[10px] shrink-0 size-[40px] object-cover"
+              className="rounded-[20px] shrink-0 size-[40px] object-cover"
               src={agent.icon}
             />
             <p className="font-bold leading-[normal] overflow-hidden shrink-0 text-[#030303] text-[18px] text-ellipsis whitespace-nowrap">

package/src/components/agent-helper/form-select/index.tsx

@@ -12,6 +12,7 @@ import { cn } from '../../../lib/utils';
 import { transCls } from '../../../const/ui';
 import { SolidArrowDownIcon, SearchIcon } from '../../bs-icons';
 import { useSelectPopoverPosition } from '../../../hooks/use-select-popover-position';
+import { FontIcon } from '../../font-icon';
 
 const POPOVER_MAX_HEIGHT = 300;
 
@@ -172,14 +173,6 @@ function buildFormTree(items: FormSelectItem[], searchQuery: string): FormTreeIt
   return result;
 }
 
-// ── Form Icon ─────────────────────────────────────────────────────
-
-function getFormIconClass(icon: number): string {
-  const isNew = icon >= 25;
-  const newStr = isNew ? '-new' : '';
-  return `node-icon icon-bsy-form${newStr} icon${newStr}-bsy-form-${icon}`;
-}
-
 // ── Entry Item ────────────────────────────────────────────────────
 
 function FormEntryItem({
@@ -204,10 +197,7 @@ function FormEntryItem({
       onClick={onClick}
     >
       <span className="flex items-center gap-[6px] min-w-0 flex-1">
-        <i
-          className={getFormIconClass(item.icon)}
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        <FontIcon name={item.icon} />
         <span className="text-[14px] leading-[normal] truncate">
           {item.name}
         </span>
@@ -658,10 +648,7 @@ export const FormSelect = forwardRef<HTMLDivElement, FormSelectProps>(
                   className="flex items-center gap-[4px] bg-[#EEEEEE] rounded-[2px] h-[26px] px-[6px] shrink-0 max-w-[160px]"
                   onClick={(e) => handleRemoveChip(form.id, e)}
                 >
-                  <i
-                    className={getFormIconClass(form.icon ?? 0)}
-                    style={{ fontSize: 14, lineHeight: 1 }}
-                  />
+                  <FontIcon name={form.icon ?? 0} style={{ fontSize: 14 }} />
                   <span className="text-[14px] text-[#030303] truncate leading-[normal]">
                     {form.name}
                   </span>
@@ -683,10 +670,7 @@ export const FormSelect = forwardRef<HTMLDivElement, FormSelectProps>(
             <span className="flex items-center gap-[6px] min-w-0 flex-1">
               {selectedForm ? (
                 <>
-                  <i
-                    className={getFormIconClass(selectedForm.icon ?? 0)}
-                    style={{ fontSize: 16, lineHeight: 1 }}
-                  />
+                  <FontIcon name={selectedForm.icon ?? 0} />
                   <span className="text-[14px] text-[#030303] leading-[normal] truncate">
                     {selectedForm.name}
                   </span>

package/src/components/bot-avatar-name.tsx

@@ -9,7 +9,7 @@ export const BotAvatarAndName = ({
   icon?: React.ReactNode | string;
   variant?: 'default' | 'active';
 }) => {
-  const size = variant === 'default' ? 20 : 24;
+  const size = variant === 'default' ? 16 : 24;
 
   if (!name) {
     return null;

package/src/components/bs-entry-select/build-tree.ts

@@ -16,12 +16,6 @@ export function getDepthPadding(depth: number): string {
   return DEPTH_PADDING[Math.min(depth, 5)] ?? DEPTH_PADDING[5];
 }
 
-export function getEntryIconClass(entry: IEntryDetail): string {
-  const isNew = entry.icon >= 25;
-  const newStr = isNew ? '-new' : '';
-  return `node-icon icon-bsy-form${newStr}  icon${newStr}-bsy-form-${entry.icon}`;
-}
-
 export function buildEntryTreeFromAliasMap(
   appDetail: IAppDetail,
   searchQuery: string

package/src/components/bs-entry-select/entry-item.tsx

@@ -1,6 +1,7 @@
 import { cn } from '../../lib/utils';
 import { transCls } from '../../const/ui';
-import { getDepthPadding, getEntryIconClass } from './build-tree';
+import { getDepthPadding } from './build-tree';
+import { FontIcon } from '../font-icon';
 import type { EntryTreeItem } from './types';
 
 export function EntryItem({
@@ -26,16 +27,11 @@ export function EntryItem({
       onClick={onClick}
     >
       <span className="flex items-center gap-[6px] min-w-0 flex-1">
-        <i
-          className={
-            item.iconClass
-              ? item.iconClass
-              : item.entry
-                ? getEntryIconClass(item.entry)
-                : 'node-icon icon-bsy-form icon-new-bsy-form-25'
-          }
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        {item.iconClass ? (
+          <i className={item.iconClass} style={{ fontSize: 16, lineHeight: 1 }} />
+        ) : (
+          <FontIcon name={item.entry?.icon ?? 25} />
+        )}
         <span className="text-[14px] text-[#030303] truncate">
           {item.name}
         </span>

package/src/components/bs-entry-select/other-app-section.tsx

@@ -6,6 +6,7 @@ import { TreeItemNode } from './tree-item-node';
 import type { IAppDetail } from '@baishuyun/types';
 import type { BsEntrySelectChangeResult } from './types';
 import { SolidArrowDownIcon } from '../bs-icons';
+import { FontIcon } from '../font-icon';
 
 const ChevronRightIcon = ({ size }: { size?: number }) => (
   <SolidArrowDownIcon className="-rotate-90" size={size} />
@@ -59,10 +60,7 @@ export function OtherAppSection({
         >
           <ChevronRightIcon size={18} />
         </span>
-        <i
-          className="node-icon icon-bsy-form icon-new-bsy-form-0"
-          style={{ fontSize: 16, lineHeight: 1 }}
-        />
+        <FontIcon name={0} />
         <span className="text-[14px] text-[#030303] truncate">
           {appDetail.name}
         </span>

package/src/components/bs-entry-select/scroll-slider.tsx

@@ -11,9 +11,9 @@ import { cn } from '../../lib/utils';
 import { transCls } from '../../const/ui';
 import { IconBtn } from '../icon-btn';
 import { LeftArrowIcon, SolidArrowDownIcon, DividerIcon } from '../bs-icons';
+import { FontIcon } from '../font-icon';
 import {
   buildEntryTreeFromAliasMap,
-  getEntryIconClass,
   filterTreeBySearch,
   buildFlowCenterTree,
 } from './build-tree';
@@ -648,16 +648,11 @@ export function ScrollSlider({
                       ),
                   )}
                 >
-                  <i
-                    className={
-                      node.iconClass
-                        ? node.iconClass
-                        : node.entry
-                          ? getEntryIconClass(node.entry)
-                          : 'node-icon icon-bsy-form icon-new-bsy-form-25'
-                    }
-                    style={{ fontSize: 16, lineHeight: 1 }}
-                  />
+                  {node.iconClass ? (
+                    <i className={node.iconClass} style={{ fontSize: 16, lineHeight: 1 }} />
+                  ) : (
+                    <FontIcon name={node.entry?.icon ?? 25} />
+                  )}
                   <span className="text-[14px] leading-[normal] truncate">
                     {node.name}
                   </span>