@baishuyun/ai-design 2.0.39 → 2.1.0-alpha.2

package/CHANGELOG.md

@@ -1,22 +1,42 @@
 # @baishuyun/ai-design
 
-## 2.0.39
+## 2.1.0-alpha.2
 
 ### Patch Changes
 
-- token usage report
+- session
 - Updated dependencies
-  - @baishuyun/ai-feat-utils@2.0.35
-  - @baishuyun/types@3.0.32
+  - @baishuyun/ai-feat-utils@2.0.34-alpha.2
+  - @baishuyun/types@3.1.0-alpha.2
 
-## 2.0.38
+## 2.1.0-alpha.1
 
 ### Patch Changes
 
-- bugfix
+- session manager
+- Updated dependencies
+  - @baishuyun/ai-feat-utils@2.0.34-alpha.1
+  - @baishuyun/types@3.1.0-alpha.1
+
+## 2.1.0-alpha.0
+
+### Minor Changes
+
+- 8716e65: Upgrade AI SDK from 5.x to 7.x.
+
+  - `ai` -> `^7.0.66`, `@ai-sdk/react` -> `^4.0.69`
+  - `@ai-sdk/provider` -> `^4.0.7`, `@ai-sdk/provider-utils` -> `^5.0.27`
+  - `@ai-sdk/deepseek` -> `^3.0.28`
+  - Remove unused `@ai-sdk/mcp`
+  - Add `engines.node >= 22`
+
+### Patch Changes
+
+- add agent
+- Updated dependencies [8716e65]
 - Updated dependencies
-  - @baishuyun/ai-feat-utils@2.0.34
-  - @baishuyun/types@3.0.31
+  - @baishuyun/types@3.1.0-alpha.0
+  - @baishuyun/ai-feat-utils@2.0.34-alpha.0
 
 ## 2.0.37
 

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.39",
+  "version": "2.1.0-alpha.2",
+  "engines": {
+    "node": ">=22"
+  },
   "description": "AI 功能 UI 组件库 - 所有 AI 功能的 UI 表现唯一真相来源",
   "type": "module",
   "main": "src/index.ts",
@@ -43,7 +46,7 @@
     "@radix-ui/react-tabs": "^1.1.14",
     "@radix-ui/react-tooltip": "^1.2.9",
     "@tanstack/react-table": "^8.21.3",
-    "ai": "^5.0.101",
+    "ai": "^7.0.66",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -60,8 +63,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/ai-feat-utils": "2.0.35",
-    "@baishuyun/types": "3.0.32"
+    "@baishuyun/ai-feat-utils": "2.0.34-alpha.2",
+    "@baishuyun/types": "3.1.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -84,7 +87,7 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
     "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/types": "3.0.32",
+    "@baishuyun/types": "3.1.0-alpha.2",
     "@baishuyun/typescript-config": "2.0.9"
   },
   "keywords": [],

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

@@ -13,7 +13,7 @@ export const AgentEntryCard = ({
   agent,
   className,
   onSelect,
-  onLogClick,
+  onLogClick: _onLogClick,
 }: AgentEntryCardProps) => {
   return (
     <div

package/src/components/agent-helper/field-value-input/picker-inputs.tsx

@@ -19,18 +19,21 @@ import { chinaAddressData } from './china-address-data';
 const inputBaseCls =
   'h-[34px] px-[10px] py-[7px] rounded-[4px] bg-white border text-[14px] text-[#030303] placeholder:text-[#999999] focus:outline-none focus:border-[#0265FF] w-full disabled:bg-[#EFF0F6] disabled:cursor-not-allowed';
 
-interface WidgetItem {
+type PickerItem = {
   label: string;
   value: string | number;
-}
+};
+
+function getItems(field: FieldValueInputProps['field']): PickerItem[] {
+  return (field.widget?.items ?? [])
+    .map((it) => {
+      if ('text' in it) {
+        return { label: it.text, value: it.value };
+      }
 
-function getItems(field: FieldValueInputProps['field']): WidgetItem[] {
-  return field.widget?.items
-    ?.filter((it) => typeof it.label === 'string' || typeof it.text === 'string')
-    .map((it) => ({
-      label: it.label ?? it.text ?? '',
-      value: it.value,
-    })) as WidgetItem[] ?? [];
+      return null;
+    })
+    .filter((item): item is PickerItem => item !== null);
 }
 
 function usePortalContainer(attr: string) {

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

@@ -1,5 +1,5 @@
 import type { triggerType } from '@baishuyun/types';
-import { CommonTypeIcon, GoToFormIcon, FlowNodeTypeIcon, ScheduleTypeIcon, FormFieldIcon, FormTypeIcon } from '../../bs-icons';
+import { CommonTypeIcon, GoToFormIcon, FlowNodeTypeIcon, FormFieldIcon, FormTypeIcon } from '../../bs-icons';
 import { IconCard, type IconCardProps } from '../../icon-card';
 
 export type TriggerCardConfig = Pick<

package/src/components/collapsible-txt-msg.tsx

@@ -14,6 +14,8 @@ export interface CollapsibleTxtMsgProps {
   ghost?: boolean;
 
   disableExpand?: boolean;
+
+  withOpenShadow?: boolean;
 }
 
 export const CollapsibleTxtMsg = ({
@@ -24,21 +26,24 @@ export const CollapsibleTxtMsg = ({
   disableExpand,
   children,
   defaultOpen,
+  withOpenShadow,
 }: CollapsibleTxtMsgProps) => {
   const [isOpen, setIsOpen] = useState(defaultOpen);
 
-  const cls = classNames({
-    'bg-[#fafafa] border border-[#e0e0e0] border-solid p-2.5': !ghost
-  })
 
   const isGhostOpen = isOpen && ghost;
 
-  const t = isGhostOpen ? '' : title;
+  const cls = classNames({
+    'bg-[#fafafa] border border-[#e0e0e0] border-solid p-2.5': !ghost,
+    'shadow-lg p-2.5': withOpenShadow && isGhostOpen,
+  })
+
+  const t = (isGhostOpen && !withOpenShadow) ? '' : title;
 
   return (
     <div className={classNames("flex flex-col gap-2.5 rounded-lg w-full", cls)}>
       <div
-        className={cn('flex items-center justify-between w-full', {
+        className={cn('flex items-center justify-between w-full gap-2.5', {
           'cursor-pointer': !disableExpand,
         })}
         onClick={() => {
@@ -68,7 +73,7 @@ export const CollapsibleTxtMsg = ({
         </button>
       </div>
       {isOpen && !disableExpand && (
-        <div className="text-[#121111] text-[14px] word-wrap">{content || children}</div>
+        <div className="text-[#121111] text-[14px] word-wrap break-all max-w-full">{content || children}</div>
       )}
     </div>
   );

package/src/components/fake-bot-msg.tsx

@@ -5,14 +5,16 @@ import { cn } from '../lib/utils';
 export const FakeBotMessage = ({
   children,
   className,
-  avatarJsx
+  avatarJsx,
+  headless = false,
 }: {
   children: ReactNode;
   offset?: boolean;
   className?: string;
   avatarJsx?: ReactNode;
+  headless?: boolean;
 }) => {
-  if (!avatarJsx) {
+  if (headless || !avatarJsx) {
     return (
       <div>
         <MessageContent

package/src/hooks/use-column-appear.ts

@@ -18,7 +18,7 @@ interface UseColumnAppearResult {
   /** 列是否正在执行 appear (hidden→visible) 动画 */
   appearing: boolean;
   /** 附加到列最外层 DOM 元素的 ref，用于监听 transitionend */
-  colRef: React.RefObject<HTMLDivElement>;
+  colRef: React.RefObject<HTMLDivElement | null>;
   /** 当前适用的 transition CSS 属性，直接展开到 style={} */
   getTransitionStyle: React.CSSProperties;
 }