@baishuyun/chat-sdk 0.1.8 → 1.0.0

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,

package/src/plugins/form-filling-plugin/components/mode-select.tsx

@@ -1,4 +1,4 @@
-import { TabRadioGroup } from '@/components/bs-ui/tab-radio-group';
+import { TabRadioGroup } from '@baishuyun/ai-design/tab-radio-group';
 import { useEvtBus } from '@/hooks/use-evt-bus';
 import { FILLING_EVENTS, PLUGIN_NAME } from '../const';
 import { usePluginCtx } from '@/hooks/use-plugin-ctx';

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

@@ -1,8 +1,8 @@
-import { GenerateAnimation } from '@/components/bs-ui/generate-animation';
-import { PrimaryConfirmBtn } from '@/components/bs-ui/primary-confirm-btn';
+import { GenerateAnimation } from '@baishuyun/ai-design/generate-animation';
+import { PrimaryConfirmBtn } from '@baishuyun/ai-design/primary-confirm-btn';
 import { DATA_COUNT_PER_BATCH } from '../const';
 import { memo } from 'react';
-import BorderAnimation from '@/components/bs-ui/border-animation';
+import BorderAnimation from '@baishuyun/ai-design/border-animation';
 
 export const NonFirstBatchGeneratingAnimation = memo(() => {
   return (

package/src/plugins/form-filling-plugin/components/single-fill-part.tsx

@@ -2,7 +2,7 @@ import { MsgPartCompProps } from "@baishuyun/types";
 import { IFieldsData } from "../types";
 import { MessageContent } from "@/components/biz-comp/message-content";
 import { FieldValueCheckerListMsg } from "@/components/biz-comp/FieldCheckerListMsg";
-import { PrimaryConfirmBtn } from "@/components/bs-ui/primary-confirm-btn";
+import { PrimaryConfirmBtn } from "@baishuyun/ai-design/primary-confirm-btn";
 import { useState } from "react";
 
 export const SingleFillPart: React.FC<MsgPartCompProps & IFieldsData> = (props) => {

package/src/plugins/report-query-plugin/components/avatar.tsx

@@ -1,5 +1,5 @@
-import { BotAvatarAndName } from '@/components/bs-ui/bot-avatar-name';
-import { StatsIcon } from '@/components/bs-ui/bs-icons';
+import { BotAvatarAndName } from '@baishuyun/ai-design/bot-avatar-name';
+import { StatsIcon } from '@baishuyun/ai-design/bs-icons';
 
 export const QueryAvatar = ({
   variant = 'default',

package/src/plugins/report-query-plugin/components/query-entry-btn.tsx

@@ -1,5 +1,5 @@
-import { BaseButton } from '@/components/bs-ui/base-button';
-import { MagicIcon } from '@/components/bs-ui/bs-icons';
+import { BaseButton } from '@baishuyun/ai-design/base-button';
+import { MagicIcon } from '@baishuyun/ai-design/bs-icons';
 import { EntryButtonProps } from '@baishuyun/types';
 
 export const QueryEntryBtn = ({ style, onClick }: EntryButtonProps) => {

package/src/plugins/report-query-plugin/components/query-opening-lines.tsx

@@ -1,5 +1,5 @@
 import { ISuggestion } from '@baishuyun/types';
-import { BagIcon, BuildingIcon, UserIcon } from '@/components/bs-ui/bs-icons';
+import { BagIcon, BuildingIcon, UserIcon } from '@baishuyun/ai-design/bs-icons';
 import { Suggestions } from '@/components/biz-comp/suggestions';
 import { useChat } from '@ai-sdk/react';
 import { DefaultChatTransport } from 'ai';

package/src/plugins/report-query-plugin/components/result-cards/CreatedSourceMsg.tsx

@@ -1,6 +1,6 @@
 import { FakeBotMessage } from '@/components/biz-comp/FakeBotMsg';
 import { HighlightMsg } from '@/components/biz-comp/highlight-msg';
-import { CollapsibleTxtMsg } from '@/components/bs-ui/collapsible-txt-msg';
+import { CollapsibleTxtMsg } from '@baishuyun/ai-design/collapsible-txt-msg';
 import { QuerySourceType } from '@baishuyun/types';
 import { CreatedSourceConfigMap } from '../../const';
 import { useEffect } from 'react';

package/src/plugins/report-query-plugin/components/result-cards/DataTableCard.tsx

@@ -1,4 +1,4 @@
-import { CollapsibleTxtMsg } from '@/components/bs-ui/collapsible-txt-msg';
+import { CollapsibleTxtMsg } from '@baishuyun/ai-design/collapsible-txt-msg';
 import { usePluginCtx } from '@/hooks/use-plugin-ctx';
 import { IQueryResult } from '@baishuyun/types';
 import { IReportQueryContext } from '../../types';
@@ -6,9 +6,9 @@ import { ReportQueryPlugin } from '../..';
 import { PLUGIN_NAME } from '../../const';
 import { useCallback, useEffect } from 'react';
 import { ConditionField, DataSourceField, DimensionField, MetricField } from './DataTableFields';
-import { CardFieldsWrapper } from '@/components/bs-ui/card-field';
+import { CardFieldsWrapper } from '@baishuyun/ai-design/card-field';
 import { FilterCondition } from './FilterCondition';
-import { SplitLine } from '@/components/bs-ui/split-line';
+import { SplitLine } from '@baishuyun/ai-design/split-line';
 import { DashWidgetIcon } from '@/components/biz-comp/dash-widget-icon';
 import { useFakeGlobalLoadingMessage } from '@/hooks/use-frame-mode';
 

package/src/plugins/report-query-plugin/components/result-cards/DataTableFields.tsx

@@ -1,7 +1,7 @@
-import { DefaultFormIcon } from '@/components/bs-ui/bs-icons';
-import { CardField } from '@/components/bs-ui/card-field';
+import { DefaultFormIcon } from '@baishuyun/ai-design/bs-icons';
+import { CardField } from '@baishuyun/ai-design/card-field';
 import { IQueryResultMetric } from '@baishuyun/types/src/chat/plugin/query';
-import { FormulaTag } from '@/components/bs-ui/formula-tag';
+import { FormulaTag } from '@baishuyun/ai-design/formula-tag';
 import { cn } from '@/lib/utils';
 import type { ReactNode } from 'react';
 import { FieldIcon } from '@/components/biz-comp/field-icon';

package/src/plugins/report-query-plugin/components/result-cards/FormulaField.tsx

@@ -1,5 +1,5 @@
-import { FormulasIcon } from '@/components/bs-ui/bs-icons';
-import { FormulaTag } from '@/components/bs-ui/formula-tag';
+import { FormulasIcon } from '@baishuyun/ai-design/bs-icons';
+import { FormulaTag } from '@baishuyun/ai-design/formula-tag';
 import { cn } from '@/lib/utils';
 import type { FormulaOp, IQueryResultFormula } from '@baishuyun/types';
 

package/src/plugins/report-query-plugin/const.ts

@@ -1,6 +1,6 @@
 import { QuerySourceType } from '@baishuyun/types';
 import { ICreatedSourceConfig } from './types';
-import { AggregateTableIcon, DataReportIcon, DataViewIcon } from '@/components/bs-ui/bs-icons';
+import { AggregateTableIcon, DataReportIcon, DataViewIcon } from '@baishuyun/ai-design/bs-icons';
 
 export const PLUGIN_NAME = 'ReportQueryPlugin';
 

package/src/style.css

@@ -1,5 +1,7 @@
 @import 'tailwindcss';
 
+@source "../node_modules/@baishuyun/ai-design/src";
+
 @plugin "tailwindcss-animate";
 @plugin "@tailwindcss/typography";
 

package/tsconfig.json

@@ -1,13 +1,13 @@
 {
-  "extends": ["@baishuyun/typescript-config/vite.json"],
+  "extends": "@baishuyun/typescript-config/vite.json",
   "include": ["src"],
   "compilerOptions": {
     "jsx": "react-jsx",
     "jsxImportSource": "react",
-    "baseUrl": ".",
+    "rootDir": ".",
     "paths": {
-      "@/*": ["./src/*"],
-    },
+      "@/*": ["./src/*"]
+    }
   },
-  "references": [{ "path": "../types/tsconfig.json" }],
+  "references": [{ "path": "../types/tsconfig.json" }]
 }

package/src/components/bs-ui/abs-fullscreen-gradient-bg.tsx

@@ -1,35 +0,0 @@
-import React, { forwardRef } from 'react';
-
-export interface AbsFullscreenGradientBgProps {
-  children?: React.ReactNode;
-  zIndex: number;
-  padding?: number;
-  bgColor?: string;
-  disableGradient?: boolean;
-}
-
-export const AbsFullscreenGradientBg = forwardRef<HTMLDivElement, AbsFullscreenGradientBgProps>(
-  ({ children, zIndex, padding, disableGradient, bgColor = '#fff' }, ref) => {
-    return (
-      <div
-        ref={ref}
-        style={{
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: '100%',
-          background: disableGradient
-            ? bgColor
-            : 'linear-gradient(180deg, #DBE9FF 0%, #E9FFFD 100%)',
-          padding: padding || 0,
-          zIndex,
-        }}
-      >
-        {children}
-      </div>
-    );
-  }
-);
-
-AbsFullscreenGradientBg.displayName = 'AbsFullscreenGradientBg';

package/src/components/bs-ui/attachment-part-group.tsx

@@ -1,35 +0,0 @@
-import { cn } from '@/lib/utils';
-import { AttachmentPart, FilePart } from './attachment-part';
-import { FileUIPart } from 'ai';
-
-export interface AttachmentPartGroupProps {
-  parts: FileUIPart[];
-  className?: string;
-  /** Size in pixels for each item, defaults to 102 */
-  size?: number;
-  /** Gap between items in pixels, defaults to 10 */
-  gap?: number;
-  /** Show only icons without file names */
-  iconOnly?: boolean;
-  /** Click handler for individual parts */
-  onPartClick?: (part: FilePart) => void;
-}
-
-export const AttachmentPartGroup = ({
-  parts,
-  className,
-  size = 100,
-  gap = 10,
-  iconOnly,
-  onPartClick,
-}: AttachmentPartGroupProps) => {
-  if (!parts.length) return null;
-
-  return (
-    <div className={cn('flex flex-wrap content-center items-center', className)} style={{ gap }}>
-      {parts.map((part, index) => (
-        <AttachmentPart key={part.url || index} part={part} size={size} iconOnly={iconOnly} onClick={onPartClick} />
-      ))}
-    </div>
-  );
-};

package/src/components/bs-ui/attachment-part.tsx

@@ -1,179 +0,0 @@
-import { ComponentType } from 'react';
-import { cn } from '@/lib/utils';
-import { ImgMsgPart } from './img-part';
-import { XlsxIcon, CsvFileIcon, TxtFileIcon, UnknownFileIcon } from './bs-icons';
-
-/** File part from AI message */
-export interface FilePart {
-  type: 'file';
-  url: string;
-  name?: string;
-  mediaType?: string;
-}
-
-export interface AttachmentPartProps {
-  part: FilePart;
-  className?: string;
-  /** Size in pixels (width & height), defaults to 102 */
-  size?: number;
-  /** Show only the icon without file name */
-  iconOnly?: boolean;
-  /** Click handler for the attachment */
-  onClick?: (part: FilePart) => void;
-}
-
-type FileIconComponent = ComponentType;
-
-interface FileTypeConfig {
-  icon: FileIconComponent;
-  /** Icon original size for scaling */
-  iconSize: number;
-}
-
-/** Map media types to icon configurations */
-const FILE_TYPE_MAP: Record<string, FileTypeConfig> = {
-  // Excel files
-  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': {
-    icon: XlsxIcon,
-    iconSize: 52,
-  },
-  'application/vnd.ms-excel': { icon: XlsxIcon, iconSize: 52 },
-
-  // CSV files
-  'text/csv': { icon: CsvFileIcon, iconSize: 16 },
-
-  // Text files
-  'text/plain': { icon: TxtFileIcon, iconSize: 16 },
-  'application/octet-stream': { icon: TxtFileIcon, iconSize: 16 }, // treat as text for ts/js files
-};
-
-const DEFAULT_FILE_CONFIG: FileTypeConfig = {
-  icon: UnknownFileIcon,
-  iconSize: 16,
-};
-
-/** Check if media type is an image */
-const isImageType = (mediaType?: string): boolean => {
-  return Boolean(mediaType?.startsWith('image/'));
-};
-
-/** Get file config based on media type and file extension */
-const getFileConfig = (mediaType?: string, fileName?: string): FileTypeConfig => {
-  // Check media type first
-  if (mediaType && FILE_TYPE_MAP[mediaType]) {
-    return FILE_TYPE_MAP[mediaType];
-  }
-
-  // Fallback to file extension
-  if (fileName) {
-    const ext = fileName.split('.').pop()?.toLowerCase();
-    switch (ext) {
-      case 'xlsx':
-      case 'xls':
-        return FILE_TYPE_MAP['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'];
-      case 'csv':
-        return FILE_TYPE_MAP['text/csv'];
-      case 'txt':
-      case 'ts':
-      case 'tsx':
-      case 'js':
-      case 'jsx':
-      case 'json':
-      case 'md':
-        return FILE_TYPE_MAP['text/plain'];
-    }
-  }
-
-  return DEFAULT_FILE_CONFIG;
-};
-
-/** Extract display file name from full path */
-const getDisplayFileName = (name?: string): string | undefined => {
-  if (!name) return undefined;
-  // Get last segment of path
-  const segments = name.split('/');
-  return segments[segments.length - 1];
-};
-
-/** Generic file message part component */
-const FileMsgPart = ({
-  fileName,
-  icon: Icon,
-  iconSize,
-  className,
-  size = 102,
-}: {
-  fileName?: string;
-  icon: FileIconComponent;
-  iconSize: number;
-  className?: string;
-  size?: number;
-}) => {
-  const scale = size / 102;
-  const scaledIconSize = (52 / 102) * size; // Target icon takes ~51% of container
-  const iconScale = scaledIconSize / iconSize;
-  const hasFileName = Boolean(fileName);
-
-  return (
-    <div
-      className={cn(
-        'relative flex flex-col items-center justify-center rounded-[10px] bg-[#EFF0F6] px-[10px]',
-        hasFileName && 'gap-[6px]',
-        className
-      )}
-      style={{ width: size, height: size }}
-    >
-      <div
-        className="shrink-0 flex items-center justify-center"
-        style={{
-          width: scaledIconSize,
-          height: scaledIconSize,
-        }}
-      >
-        <div
-          style={{
-            transform: iconScale !== 1 ? `scale(${iconScale})` : undefined,
-            transformOrigin: 'center',
-          }}
-        >
-          <Icon />
-        </div>
-      </div>
-      {hasFileName && (
-        <p
-          className="block max-w-full shrink-0 truncate text-center text-[14px] leading-normal text-[#030303]"
-          style={{ fontSize: 14 * scale, maxWidth: '100%', display: 'block' }}
-          title={fileName}
-        >
-          {fileName}
-        </p>
-      )}
-    </div>
-  );
-};
-
-export const AttachmentPart = ({ part, className, size = 102, iconOnly, onClick }: AttachmentPartProps) => {
-  const { url, name, mediaType } = part;
-  const handleClick = onClick ? () => onClick(part) : undefined;
-
-  // Render image for image types
-  if (isImageType(mediaType)) {
-    return <ImgMsgPart url={url} alt={name} className={className} size={size} onClick={handleClick} />;
-  }
-
-  // Render file icon for other types
-  const { icon, iconSize } = getFileConfig(mediaType, name);
-  const displayName = iconOnly ? undefined : getDisplayFileName(name);
-
-  return (
-    <div onClick={handleClick} className={onClick ? 'cursor-pointer' : undefined}>
-      <FileMsgPart
-        fileName={displayName}
-        icon={icon}
-        iconSize={iconSize}
-        className={className}
-        size={size}
-      />
-    </div>
-  );
-};