@baishuyun/chat-sdk 0.1.9 → 1.0.0

package/dist/src/sdk.impl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.impl.d.ts","sourceRoot":"","sources":["../../src/sdk.impl.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,OAAO,EAER,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAGnD,qBAAa,OAAQ,YAAW,QAAQ;IACtC,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE,CAAM;IAEjC,OAAO,CAAC,IAAI,CAA4C;IACxD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAY;IAClC,OAAO,CAAC,yBAAyB,CAAc;IAC/C,OAAO,CAAC,yBAAyB,CAAgB;IAE1C,OAAO,EAAE,cAAc,CAAC;IAExB,QAAQ,EAAmB,OAAO,CAAC;gBAE9B,OAAO,EAAE,cAAc;IA2BnC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,WAAW;IAcZ,uBAAuB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAI/C,YAAY,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,SAAS;IAQhE,eAAe,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,SAAS;IAW1F,sBAAsB;IAItB,sBAAsB,IAAI,OAAO,CAAC,IAAI,CAAC;IAIvC,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IAC1D,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,gBAAgB,GAAU,MAAM,MAAM,mBAG5C;IAEM,WAAW,GAAU,MAAM,MAAM,EAAE,gBAAgB,SAAS,EAAE,UAAS,kBAAkB,GAAG;QACjG,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;KACtB,mBAqCL;IAEM,gBAAgB;IAIhB,aAAa,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS;IAcnE,YAAY;IAIZ,YAAY,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,WAAW;IAQtD,YAAY,CAAC,KAAK,EAAE,MAAM;IAa1B,aAAa;IAIb,aAAa;IAIb,YAAY;IAIZ,YAAY,CAAC,SAAS,CAAC,EAAE,WAAW;IAWpC,cAAc;IAMd,WAAW;IAIX,YAAY;IAIZ,mBAAmB,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,GAAE,OAAmB,EAAE,EAAE,CAAC,EAAE,MAAM;IAW/E,mBAAmB,CAAC,EAAE,CAAC,EAAE,MAAM;IAWtC,OAAO,CAAC,qBAAqB;IAStB,qBAAqB,CAAC,EAAE,EAAE,MAAM;IAIhC,OAAO;CASf"}

package/dist/src/store/context.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChatStore } from '.';
+import { ChatContextType } from '@baishuyun/types';
+export declare const ChatStoreCtx: import('react').Context<{
+    chatStore: ChatStore;
+}>;
+export declare const ChatStoreProvider: FC<{
+    store: ChatStore;
+    children: React.ReactNode;
+}>;
+export declare const useChatStore: <T>(selector: (store: ChatContextType) => T) => T;
+//# sourceMappingURL=context.d.ts.map

package/dist/src/store/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/store/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAc,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,YAAY;eACZ,SAAS;EAET,CAAC;AAEd,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAEA,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,CAAC,KAAK,CAG1E,CAAC"}

package/dist/src/store/index.d.ts

@@ -0,0 +1,14 @@
+import { ChatContextType, IChatSDKOption } from '@baishuyun/types';
+import { ChatSDK } from '..';
+export declare const createStore: (sdkInst: ChatSDK) => import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ChatContextType>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: ChatContextType, previousSelectedState: ChatContextType) => void): () => void;
+        <U>(selector: (state: ChatContextType) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean;
+        } | undefined): () => void;
+    };
+}>;
+export declare const setupStoreSubscriptions: (store: ChatStore, option: IChatSDKOption) => void;
+export type ChatStore = ReturnType<typeof createStore>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/store/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAIf,cAAc,EAGf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAI7B,eAAO,MAAM,WAAW,GAAI,SAAS,OAAO;;;;;;;;EAsG3C,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,SAAS,EAAE,QAAQ,cAAc,SAY/E,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/src/stories/FormulaField.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { FormulaField } from '../plugins/report-query-plugin/components/result-cards/FormulaField';
+declare const meta: Meta<typeof FormulaField>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** COUNT → 计数 */
+export declare const Count: Story;
+/** SUM → 求和 */
+export declare const Sum: Story;
+/** MAX → 最大值 */
+export declare const Max: Story;
+/** MIN → 最小值 */
+export declare const Min: Story;
+/** AVERAGE → 平均 */
+export declare const Average: Story;
+/** COUNTDISTINCT → 去重计数 */
+export declare const CountDistinct: Story;
+/** 算术表达式（无聚合函数） → 不显示 tag */
+export declare const ArithmeticExpression: Story;
+/** 长标题截断 */
+export declare const LongTitle: Story;
+/** 多条公式一览 */
+export declare const MultipleFormulas: Story;
+//# sourceMappingURL=FormulaField.stories.d.ts.map

package/dist/src/stories/FormulaField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormulaField.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/FormulaField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,oEAAoE,CAAC;AAElG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAqBC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iBAAiB;AACjB,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAe;AACf,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAC;AAEF,mBAAmB;AACnB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,EAAE,KAQlC,CAAC;AAEF,YAAY;AACZ,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,aAAa;AACb,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/chat-sdk",
-  "version": "0.1.9",
+  "version": "1.0.0",
   "description": "",
   "main": "src/index.jsx",
   "module": "dist/chat-sdk.js",
@@ -35,7 +35,8 @@
     "tw-animate-css": "^1.4.0",
     "use-stick-to-bottom": "^1.1.1",
     "zustand": "^5.0.8",
-    "@baishuyun/agents": "0.1.0"
+    "@baishuyun/agents": "1.0.0",
+    "@baishuyun/ai-design": "1.0.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^10.1.11",
@@ -51,8 +52,8 @@
     "tailwindcss": "^4.1.17",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/typescript-config": "0.1.0",
-    "@baishuyun/types": "1.1.0"
+    "@baishuyun/types": "2.0.0",
+    "@baishuyun/typescript-config": "1.0.0"
   },
   "exports": {
     ".": {

package/src/components/biz-comp/FakeBotMsg.tsx

@@ -1,7 +1,7 @@
 import { ComponentType, ReactNode } from 'react';
 import { MessageContent } from './message-content';
 import { cn } from '@/lib/utils';
-import { BotAvatarAndName } from '../bs-ui/bot-avatar-name';
+import { BotAvatarAndName } from '@baishuyun/ai-design/bot-avatar-name';
 import { useDefaultPluginCustomComponent } from '@/hooks/use-plugin-custom-components';
 import { useChatStore } from '@/store/context';
 

package/src/components/biz-comp/FieldChecker.tsx

@@ -3,8 +3,8 @@ import { FieldType, ValueOf } from '@baishuyun/types';
 import { FieldTypeNameMap } from '@/const';
 import { ToolUIPart } from 'ai';
 import { FieldsTools, Option } from '@baishuyun/agents';
-import LineChecker from '../bs-ui/line-checker';
-import { OptionItem } from '../bs-ui/option-item';
+import LineChecker from '@baishuyun/ai-design/line-checker';
+import { OptionItem } from '@baishuyun/ai-design/option-item';
 import { FieldIcon } from '@/components/biz-comp/field-icon';
 
 type Field = ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>;

package/src/components/biz-comp/FieldCheckerListMsg.tsx

@@ -7,11 +7,11 @@ import {
   useMemo,
   useState,
 } from 'react';
-import { CollapsibleTxtMsg } from '../bs-ui/collapsible-txt-msg';
+import { CollapsibleTxtMsg } from '@baishuyun/ai-design/collapsible-txt-msg';
 import { FieldChecker, FieldCheckerProps } from './FieldChecker';
-import { EditIcon, LetterAIcon } from '../bs-ui/bs-icons';
+import { EditIcon, LetterAIcon } from '@baishuyun/ai-design/bs-icons';
 import { FieldValueChecker, FieldValueCheckerProps } from './FieldValueChecker';
-import { SquareChecker } from '../bs-ui/square-checker';
+import { SquareChecker } from '@baishuyun/ai-design/square-checker';
 import { cn } from '@/lib/utils';
 
 export interface FieldCheckerListMsgRef {

package/src/components/biz-comp/FieldValueChecker.tsx

@@ -6,7 +6,7 @@ import { FieldsTools } from '@baishuyun/agents';
 import { isSubformFieldEqual } from '@/lib/utils';
 import { toHumanReadable } from '@/plugins/form-filling-plugin/utils';
 import { SubformFieldsValueChecker } from './SubformFieldsValueChecker';
-import LineChecker from '../bs-ui/line-checker';
+import LineChecker from '@baishuyun/ai-design/line-checker';
 
 type Field = ValueOf<Pick<ToolUIPart<FieldsTools>, 'output'>>;
 

package/src/components/biz-comp/SubformFieldsValueChecker.tsx

@@ -5,7 +5,7 @@ import { ToolUIPart } from 'ai';
 import { FieldsTools } from '@baishuyun/agents';
 import { toHumanReadable } from '@/plugins/form-filling-plugin/utils';
 import { Collapsible, /* CollapsibleTrigger,*/ CollapsibleContent } from '../ui/collapsible';
-import LineChecker from '../bs-ui/line-checker';
+import LineChecker from '@baishuyun/ai-design/line-checker';
 
 const Checker = ({
   disabled,

package/src/components/biz-comp/chat-client.tsx

@@ -7,11 +7,11 @@ import { cn } from '@/lib/utils';
 import { ReactPortal } from 'react';
 import { createPortal } from 'react-dom';
 import { useChatStatus } from '@/hooks/use-frame-mode';
-import { PrimaryEntryBtn } from '../bs-ui/primary-entry-btn';
+import { PrimaryEntryBtn } from '@baishuyun/ai-design/primary-entry-btn';
 import { useShadow } from '@/hooks/use-shadow';
-import { ChatAreaHeader } from '../bs-ui/chat-area-header';
+import { ChatAreaHeader } from '@baishuyun/ai-design/chat-area-header';
 import { useDefaultPluginCustomComponent } from '@/hooks/use-plugin-custom-components';
-import { BotAvatarAndName } from '../bs-ui/bot-avatar-name';
+import { BotAvatarAndName } from '@baishuyun/ai-design/bot-avatar-name';
 import { ChatEntryButtonConfig } from '@baishuyun/types';
 import { useDraggable } from '@/hooks/use-draggable';
 import { TooltipProvider } from '../ui/tooltip';

package/src/components/biz-comp/conversation.tsx

@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import { StickToBottom, StickToBottomProps, useStickToBottomContext } from 'use-stick-to-bottom';
 import { Button } from '@/components/ui/button';
 import cn from 'classnames';
-import { ScrollToBottomBtn } from '../bs-ui/scroll-to-bottom-btn';
+import { ScrollToBottomBtn } from '@baishuyun/ai-design/scroll-to-bottom-btn';
 
 export type ConversationProps = ComponentProps<typeof StickToBottom>;
 

package/src/components/biz-comp/dash-widget-icon.tsx

@@ -1,6 +1,6 @@
 import { DASH_WIDGET_ICON_CODE_MAP } from '@/const';
 import { IDashWidgetType } from '@baishuyun/types';
-import { FontIcon } from '../bs-ui/font-icon';
+import { FontIcon } from '@baishuyun/ai-design/font-icon';
 
 export const DashWidgetIcon = ({
   type,

package/src/components/biz-comp/field-icon.tsx

@@ -1,7 +1,7 @@
 import { FIELD_ICON_CODE_MAP } from '@/const';
 import { FieldType } from '@baishuyun/types';
-import { FontIcon } from '../bs-ui/font-icon';
-import { FormulasIcon } from '../bs-ui/bs-icons';
+import { FontIcon } from '@baishuyun/ai-design/font-icon';
+import { FormulasIcon } from '@baishuyun/ai-design/bs-icons';
 
 export const FieldIcon = ({ type }: { type: FieldType }) => {
   const code = FIELD_ICON_CODE_MAP[type] || 'unknown';

package/src/components/biz-comp/markdown-part.tsx

@@ -2,9 +2,9 @@ import { MsgPartCompProps } from '@baishuyun/types';
 import { MessageContent } from './message-content';
 import { cn, sanitizeText } from '@/lib/utils';
 import { MemoizedMarkdown } from './markdown';
-import { UserTextMsgBubble } from '../bs-ui/user-txt-msg-bubble';
-import { CollapsibleTxtMsg } from '../bs-ui/collapsible-txt-msg';
-import { AnalysisIcon } from '../bs-ui/bs-icons';
+import { UserTextMsgBubble } from '@baishuyun/ai-design/user-txt-msg-bubble';
+import { CollapsibleTxtMsg } from '@baishuyun/ai-design/collapsible-txt-msg';
+import { AnalysisIcon } from '@baishuyun/ai-design/bs-icons';
 import { UIDataTypes, UIMessagePart, UITools } from 'ai';
 import { formatJSONIfValid } from '@/lib/utils';
 

package/src/components/biz-comp/message-content.tsx

@@ -8,7 +8,7 @@ export type MessageContentProps = HTMLAttributes<HTMLDivElement> & {
 export const MessageContent = ({ children, className, ...props }: MessageContentProps) => (
   <div
     className={cn(
-      'flex flex-col gap-[10px] overflow-hidden p-0 text-foreground text-[14px]',
+      'flex flex-col gap-2.5 overflow-hidden p-0 text-foreground text-[14px]',
       'group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground',
       'group-[.is-assistant]:bg-secondary group-[.is-assistant]:text-foreground',
       'is-user:dark overflow-visible',

package/src/components/biz-comp/messages.tsx

@@ -5,7 +5,7 @@ import { FakeBotMessage } from './FakeBotMsg';
 import { OpeningLines } from './opening-lines';
 import { useRef } from 'react';
 import { useFakeGlobalLoadingMessage } from '@/hooks/use-frame-mode';
-import { GenerateAnimation } from '../bs-ui/generate-animation';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
 
 export const Messages = (props: MessagesProps) => {
   const messagesContainerRef = useRef(null);
@@ -20,7 +20,10 @@ export const Messages = (props: MessagesProps) => {
       ref={messagesContainerRef}
       style={{ overflowAnchor: 'none', overscrollBehavior: 'contain' }}
     >
-      <Conversation className="mx-auto flex min-w-0 max-w-4xl flex-col">
+      <Conversation
+        className="mx-auto flex min-w-0 max-w-4xl flex-col"
+        resize={props.status === 'streaming' ? 'instant' : 'smooth'}
+      >
         <ConversationContent className="flex flex-col px-2 py-4 md:px-4">
           {messages.length === 0 && (
             <FakeBotMessage>

package/src/components/biz-comp/multi-modal-input/clear-btn.tsx

@@ -1,10 +1,10 @@
-import { TrashIcon } from '@/components/bs-ui/bs-icons';
+import { TrashIcon } from '@baishuyun/ai-design/bs-icons';
 import type { UseChatHelpers } from '@ai-sdk/react';
 import { usePluginLifeCycleChainRunner } from '@/hooks/use-plugin-life-cycle-chain-runner';
 import { ChatMessage } from '@baishuyun/types';
 import { useCallback, useEffect } from 'react';
 import { useChatStore } from '@/store/context';
-import { IconBtn } from '@/components/bs-ui/icon-btn';
+import { IconBtn } from '@baishuyun/ai-design/icon-btn';
 
 export const ClearBtn = ({
   setMessages,

package/src/components/biz-comp/multi-modal-input/index.tsx

@@ -19,16 +19,16 @@ import {
   PromptInputToolbar,
   PromptInputTools,
 } from './prompt-input';
-import { AttachmentsPreviewer } from '@/components/bs-ui/attachments-previewer';
+import { AttachmentsPreviewer } from '@baishuyun/ai-design/attachments-previewer';
 import { ChatMessage, Attachment } from '@baishuyun/types';
 import { Button } from '@/components/ui/button';
 import { usePluginLifeCycleChainRunner } from '@/hooks/use-plugin-life-cycle-chain-runner';
 import { ClearBtn } from './clear-btn';
-import { IconBtn } from '@/components/bs-ui/icon-btn';
-import { DividerIcon, PlaneIcon, UploadIcon } from '@/components/bs-ui/bs-icons';
+import { IconBtn } from '@baishuyun/ai-design/icon-btn';
+import { DividerIcon, PlaneIcon, UploadIcon } from '@baishuyun/ai-design/bs-icons';
 import { useChatPreference } from '@/hooks/use-chat-preference';
 import { useToast } from '@/hooks/use-toast';
-import { BsTooltip } from '@/components/bs-ui/tooltip';
+import { BsTooltip } from '@baishuyun/ai-design/tooltip';
 import { useChatStatus } from '@/hooks/use-frame-mode';
 import { useVoiceInput } from '@/hooks/use-voice-input';
 import { VoiceButton } from './voice-btn';

package/src/components/biz-comp/multi-modal-input/prompt-input.tsx

@@ -13,8 +13,8 @@ import {
 } from '@/components/ui/select';
 import { Textarea } from '@/components/ui/textarea';
 import { cn } from '@/lib/utils';
-import { StopIcon } from '@/components/bs-ui/bs-icons';
-import { BsTooltip } from '@/components/bs-ui/tooltip';
+import { StopIcon } from '@baishuyun/ai-design/bs-icons';
+import { BsTooltip } from '@baishuyun/ai-design/tooltip';
 
 export type PromptInputProps = HTMLAttributes<HTMLFormElement>;
 

package/src/components/biz-comp/multi-modal-input/voice-btn.tsx

@@ -1,6 +1,6 @@
 import { memo } from 'react';
-import { IconBtn } from '@/components/bs-ui/icon-btn';
-import { MicrophoneIcon } from '@/components/bs-ui/bs-icons';
+import { IconBtn } from '@baishuyun/ai-design/icon-btn';
+import { MicrophoneIcon } from '@baishuyun/ai-design/bs-icons';
 
 export interface VoiceButtonProps {
   isRecording: boolean;

package/src/components/biz-comp/preview-message-wrapper.tsx

@@ -1,14 +1,14 @@
 import { cn } from '@/lib/utils';
 import { MsgSenderRole } from '@baishuyun/types';
-import { BotAvatarAndName } from '../bs-ui/bot-avatar-name';
-import { useState } from 'react';
+import { BotAvatarAndName } from '@baishuyun/ai-design/bot-avatar-name';
 import { useDefaultPluginCustomComponent } from '@/hooks/use-plugin-custom-components';
 import { ComponentType } from 'react';
-import { IconBtn } from '../bs-ui/icon-btn';
-import { CopyIcon, RefreshIcon } from '../bs-ui/bs-icons';
+import { IconBtn } from '@baishuyun/ai-design/icon-btn';
+import { CopyIcon, RefreshIcon } from '@baishuyun/ai-design/bs-icons';
 import { useChatPreference } from '@/hooks/use-chat-preference';
-import { GenerateAnimation } from '../bs-ui/generate-animation';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
 import { useChatStore } from '@/store/context';
+import { useStreamingAnchor } from '@/hooks/use-streaming-anchor';
 
 export const PreviewMessageWrapper = ({
   role,
@@ -32,6 +32,8 @@ export const PreviewMessageWrapper = ({
   const isBot = role === 'assistant';
   const isUser = role === 'user';
 
+  const [containerRef, streamingMinHeight] = useStreamingAnchor(isLoading);
+
   const chatPref = useChatPreference();
   const botInfo = useChatStore((state) => state.botInfo);
 
@@ -50,7 +52,7 @@ export const PreviewMessageWrapper = ({
   const actionBarJsx = (
     <div
       className={cn(
-        'flex items-center gap-2.5 text-[#666] h-[40px]',
+        'flex items-center gap-2.5 text-[#666] h-10',
         visibilityCls,
         pointerEventsCls
       )}
@@ -76,7 +78,12 @@ export const PreviewMessageWrapper = ({
 
   return (
     <div
+      ref={containerRef}
       className="group/message w-full"
+      style={{
+        contain: 'layout',
+        minHeight: isLoading && streamingMinHeight ? streamingMinHeight : undefined,
+      }}
       data-role={role}
       data-testid={`message-${role}`}
       // onMouseEnter={() => setIsHovered(true)}
@@ -92,7 +99,7 @@ export const PreviewMessageWrapper = ({
 
         <div
           className={cn('flex flex-col min-w-0', {
-            'gap-[10px]': hasTextPart,
+            'gap-2.5': hasTextPart,
             grow: isBot,
             'items-end': role === 'user',
             'min-h-96': isBot && requiresScrollPadding,

package/src/components/biz-comp/preview-message.tsx

@@ -19,13 +19,13 @@ import {
   getMetaErrorMsg,
 } from '@/lib/utils';
 import { FakeBotMessage } from './FakeBotMsg';
-import { WarningMessage } from '../bs-ui/warning-msg';
-import { GenerateAnimation } from '../bs-ui/generate-animation';
-import { AttachmentPartGroup } from '../bs-ui/attachment-part-group';
-import { AttachmentPart } from '../bs-ui/attachment-part';
+import { WarningMessage } from '@baishuyun/ai-design/warning-msg';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
+import { AttachmentPartGroup } from '@baishuyun/ai-design/attachment-part-group';
+import { AttachmentPart } from '@baishuyun/ai-design/attachment-part';
 import { useChatStatus } from '@/hooks/use-frame-mode';
 import { useEvtBus } from '@/hooks/use-evt-bus';
-import type { FilePart } from '../bs-ui/attachment-part';
+import type { FilePart } from '@baishuyun/ai-design/attachment-part';
 import { useChatStore } from '@/store/context';
 
 const PurePreviewMessage = ({

package/src/components/biz-comp/suggestions.tsx

@@ -1,8 +1,8 @@
 import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { cn } from '@/lib/utils';
-import { Card as BsCard } from '../bs-ui/card';
+import { Card as BsCard } from '@baishuyun/ai-design/card';
 import { ISuggestion, SuggestionCardProps } from '@baishuyun/types';
-import { BagIcon, BuildingIcon, UserIcon } from '../bs-ui/bs-icons';
+import { BagIcon, BuildingIcon, UserIcon } from '@baishuyun/ai-design/bs-icons';
 
 export const SuggestionCard = ({
   title,

package/src/components/web-comp/fields-previewer-web-component.ts

@@ -1,6 +1,6 @@
 import { createRoot, Root } from 'react-dom/client';
 import { createElement } from 'react';
-import { FieldsPreviewer, FieldsPreviewerProps } from '../bs-ui/fields-previewer';
+import { FieldsPreviewer, FieldsPreviewerProps } from '@baishuyun/ai-design/fields-previewer';
 
 // Declare the global SDK styles injected by vite
 declare const __SDK_STYLES__: string;

package/src/const/ui.ts

@@ -1,4 +1,4 @@
-import { FormIconOption } from '@/components/bs-ui/form-info-editor';
+import { FormIconOption } from '@baishuyun/ai-design/form-info-editor';
 
 export const BotImgUrl = `
   url(data:image/png;base64,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)

package/src/hooks/use-streaming-anchor.ts

@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from 'react';
+
+/**
+ * 在流式输出期间为元素锁定高度下限，防止内容回缩导致的视觉抖动。
+ *
+ * 当 `isStreaming` 从 false 变为 true 时，记录当前元素高度并设为 min-height；
+ * 当流式结束时，自动释放 min-height 限制。
+ *
+ * @param isStreaming 是否处于流式输出状态
+ * @returns [ref, minHeight] - ref 绑定到目标元素，minHeight 为应设置的样式值
+ */
+export function useStreamingAnchor(isStreaming?: boolean) {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const [streamingMinHeight, setStreamingMinHeight] = useState<number | undefined>(undefined);
+  const wasStreamingRef = useRef(isStreaming);
+  const heightRef = useRef(0);
+
+  useEffect(() => {
+    if (!containerRef.current) return;
+
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        heightRef.current = entry.contentRect.height;
+      }
+    });
+
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, []);
+
+  useEffect(() => {
+    if (!wasStreamingRef.current && isStreaming) {
+      setStreamingMinHeight(heightRef.current);
+    } else if (wasStreamingRef.current && !isStreaming) {
+      setStreamingMinHeight(undefined);
+    }
+    wasStreamingRef.current = isStreaming;
+  }, [isStreaming]);
+
+  return [containerRef, streamingMinHeight] as const;
+}

package/src/plugins/form-builder-plugin/components/create-form-confirm.tsx

@@ -7,12 +7,12 @@ import { ChatMessage, RealFormInfo, UseChatHelpers } from '@baishuyun/types';
 import { useEvt } from '@/hooks/use-evt';
 import { parseFormDesignInfo } from '../utils';
 import { useEvtBus } from '@/hooks/use-evt-bus';
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
-import FormInfoEditor from '@/components/bs-ui/form-info-editor';
+import { PrimaryConfirmBtn } from '@baishuyun/ai-design/primary-confirm-btn';
+import FormInfoEditor from '@baishuyun/ai-design/form-info-editor';
 import { FORM_ICON_OPTIONS } from '@/const/ui';
 import { FakeBotMessage } from '@/components/biz-comp/FakeBotMsg';
-import { GenerateAnimation } from '@/components/bs-ui/generate-animation';
-import { WarningMessage } from '@/components/bs-ui/warning-msg';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
+import { WarningMessage } from '@baishuyun/ai-design/warning-msg';
 import { usePluginCtx } from '@/hooks/use-plugin-ctx';
 import { FormInfo, McpFormBuilderPluginCtx } from '../types';
 import { getIconOption } from '@/lib/utils';

package/src/plugins/form-builder-plugin/components/design-info.tsx

@@ -1,10 +1,10 @@
 import { MemoizedMarkdown } from '@/components/biz-comp/markdown';
 import { MessageContent } from '@/components/biz-comp/message-content';
-import { AnalysisIcon } from '@/components/bs-ui/bs-icons';
-import { CollapsibleTxtMsg } from '@/components/bs-ui/collapsible-txt-msg';
+import { AnalysisIcon } from '@baishuyun/ai-design/bs-icons';
+import { CollapsibleTxtMsg } from '@baishuyun/ai-design/collapsible-txt-msg';
 import { cn, sanitizeText } from '@/lib/utils';
 import { parseRawFormText } from '../utils';
-import { FieldsDesignInfoTable } from '@/components/bs-ui/fields-design-info-table';
+import { FieldsDesignInfoTable } from '@baishuyun/ai-design/fields-design-info-table';
 import { parseFormMarkdownDynamic } from '@/lib/parse-design-doc';
 
 export const DesignInfo = ({

package/src/plugins/form-builder-plugin/components/entry-btn.tsx

@@ -1,6 +1,6 @@
-import { BaseButton } from '@/components/bs-ui/base-button';
-import { MagicIcon } from '@/components/bs-ui/bs-icons';
-import { PrimaryEntryBtn } from '@/components/bs-ui/primary-entry-btn';
+import { BaseButton } from '@baishuyun/ai-design/base-button';
+import { MagicIcon } from '@baishuyun/ai-design/bs-icons';
+import { PrimaryEntryBtn } from '@baishuyun/ai-design/primary-entry-btn';
 import { usePlugin } from '@/hooks/use-plugin';
 import { EntryButtonProps } from '@baishuyun/types';
 import { FormBuilderPlugin } from '..';

package/src/plugins/form-builder-plugin/components/fields-part.tsx

@@ -11,8 +11,8 @@ import { TextUIPart } from 'ai';
 import { FormBuilderPlugin } from '..';
 import { MCP_PLUGIN_NAME } from '../const';
 import { usePlugin } from '@/hooks/use-plugin';
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
-import { CheckerIcon } from '@/components/bs-ui/bs-icons';
+import { PrimaryConfirmBtn } from '@baishuyun/ai-design/primary-confirm-btn';
+import { CheckerIcon } from '@baishuyun/ai-design/bs-icons';
 import { useEvtBus } from '@/hooks/use-evt-bus';
 
 export const FieldsPart: React.FC<MsgPartCompProps & IExtraPartProps> = (props) => {

package/src/plugins/form-builder-plugin/components/follow-up.tsx

@@ -1,5 +1,5 @@
-import { BaseButton } from '@/components/bs-ui/base-button';
-import { FontIcon } from '@/components/bs-ui/font-icon';
+import { BaseButton } from '@baishuyun/ai-design/base-button';
+import { FontIcon } from '@baishuyun/ai-design/font-icon';
 import { SuggestionCardProps } from '@baishuyun/types';
 
 const extractFontIconCodeFrom = (desc: string) => {

package/src/plugins/form-filling-plugin/components/FormFillingOpeningLines.tsx

@@ -2,7 +2,7 @@ import { usePluginCtx } from '@/hooks/use-plugin-ctx';
 import { FormFillingPluginCtx } from '../types';
 import { FormFillingPlugin } from '..';
 import { DATA_COUNT_PER_BATCH, PLUGIN_NAME } from '../const';
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
+import { PrimaryConfirmBtn } from '@baishuyun/ai-design/primary-confirm-btn';
 import { OpeningLinesProps } from '@baishuyun/types';
 import { useEvtBus } from '@/hooks/use-evt-bus';
 import { GetSafeFormStructure } from '../utils';

package/src/plugins/form-filling-plugin/components/avatar.tsx

@@ -1,5 +1,5 @@
-import { BotAvatarAndName } from '@/components/bs-ui/bot-avatar-name';
-import { ColorfulEditIcon } from '@/components/bs-ui/bs-icons';
+import { BotAvatarAndName } from '@baishuyun/ai-design/bot-avatar-name';
+import { ColorfulEditIcon } from '@baishuyun/ai-design/bs-icons';
 import { PLUGIN_NAME } from '../const';
 import { FormFillingPlugin } from '@/index';
 import { FormFillingPluginCtx } from '../types';

package/src/plugins/form-filling-plugin/components/batch-generator-action.tsx

@@ -1,4 +1,4 @@
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
+import { PrimaryConfirmBtn } from '@baishuyun/ai-design/primary-confirm-btn';
 import { TextUIPart } from 'ai';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { GetSafeFormStructure, valueNormalizer } from '../utils';

package/src/plugins/form-filling-plugin/components/entry-btn.tsx

@@ -1,11 +1,11 @@
-import { ColorfulEditIcon } from '@/components/bs-ui/bs-icons';
-import { PrimaryEntryBtn } from '@/components/bs-ui/primary-entry-btn';
+import { ColorfulEditIcon } from '@baishuyun/ai-design/bs-icons';
+import { PrimaryEntryBtn } from '@baishuyun/ai-design/primary-entry-btn';
 import { usePluginCtx } from '@/hooks/use-plugin-ctx';
 import { EntryButtonProps, FormFillingMode } from '@baishuyun/types';
 import { FormFillingPluginCtx } from '../types';
 import { FormFillingPlugin } from '..';
 import { PLUGIN_NAME } from '../const';
-import { BaseButton } from '@/components/bs-ui/base-button';
+import { BaseButton } from '@baishuyun/ai-design/base-button';
 // import { useEvtBus } from '@/hooks/use-evt-bus';
 export const EntryButton = ({ style, onClick, variant }: EntryButtonProps) => {
   const ctx = usePluginCtx<FormFillingPluginCtx, FormFillingPlugin>(PLUGIN_NAME);

package/src/plugins/form-filling-plugin/components/first-batch-generating-animation.tsx

@@ -1,5 +1,5 @@
-import BorderAnimation from '@/components/bs-ui/border-animation';
-import { GenerateAnimation } from '@/components/bs-ui/generate-animation';
+import BorderAnimation from '@baishuyun/ai-design/border-animation';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
 import { memo } from 'react';
 
 export const FirstBatchGeneratingAnimation = memo(() => {

package/src/plugins/form-filling-plugin/components/generated-data-counter.tsx

@@ -1,4 +1,4 @@
-import { CircleChecker } from '@/components/bs-ui/circle-checker';
+import { CircleChecker } from '@baishuyun/ai-design/circle-checker';
 
 export const GeneratedDataCounter = ({
   count,