@baishuyun/ai-design 2.1.0-alpha.0 → 2.1.0-alpha.4

package/components.json

@@ -1,22 +1,22 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/style.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "lucide",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "registries": {}
-}
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/style.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.1.0-alpha.0",
+  "version": "2.1.0-alpha.4",
   "engines": {
     "node": ">=22"
   },
@@ -63,8 +63,8 @@
     "tw-animate-css": "^1.4.0",
     "vaul": "^1.1.2",
     "zod": "^4.1.13",
-    "@baishuyun/ai-feat-utils": "2.0.34-alpha.0",
-    "@baishuyun/types": "3.1.0-alpha.0"
+    "@baishuyun/ai-feat-utils": "2.0.34-alpha.4",
+    "@baishuyun/types": "3.1.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -87,8 +87,8 @@
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
     "@baishuyun/tailwind-config": "3.0.9",
-    "@baishuyun/typescript-config": "2.0.9",
-    "@baishuyun/types": "3.1.0-alpha.0"
+    "@baishuyun/types": "3.1.0-alpha.4",
+    "@baishuyun/typescript-config": "2.0.9"
   },
   "keywords": [],
   "author": "",

package/scripts/strip-layers.cjs

@@ -1,41 +1,41 @@
-const fs = require('fs');
-
-const css = fs.readFileSync('dist/ai-design.css', 'utf-8');
-
-let result = [];
-let inLayer = false;
-let depth = 0;
-
-for (const line of css.split('\n')) {
-  const trimmed = line.trim();
-
-  // Skip single-line @layer declarations: @layer properties;
-  if (/^@layer\s+[^{;]+;/.test(trimmed)) {
-    continue;
-  }
-
-  // Skip @layer block opening: @layer theme {
-  const m = trimmed.match(/^@layer\s+(\w+)\s*\{/);
-  if (m) {
-    inLayer = true;
-    depth = 1;
-    continue;
-  }
-
-  if (inLayer) {
-    for (const ch of line) {
-      if (ch === '{') depth++;
-      if (ch === '}') depth--;
-    }
-    if (depth <= 0) {
-      inLayer = false;
-      continue; // skip the closing }
-    }
-    result.push(line);
-  } else {
-    result.push(line);
-  }
-}
-
-fs.writeFileSync('dist/ai-design.css', result.join('\n'));
-console.log('Stripped @layer directives. Output lines:', result.length);
+const fs = require('fs');
+
+const css = fs.readFileSync('dist/ai-design.css', 'utf-8');
+
+let result = [];
+let inLayer = false;
+let depth = 0;
+
+for (const line of css.split('\n')) {
+  const trimmed = line.trim();
+
+  // Skip single-line @layer declarations: @layer properties;
+  if (/^@layer\s+[^{;]+;/.test(trimmed)) {
+    continue;
+  }
+
+  // Skip @layer block opening: @layer theme {
+  const m = trimmed.match(/^@layer\s+(\w+)\s*\{/);
+  if (m) {
+    inLayer = true;
+    depth = 1;
+    continue;
+  }
+
+  if (inLayer) {
+    for (const ch of line) {
+      if (ch === '{') depth++;
+      if (ch === '}') depth--;
+    }
+    if (depth <= 0) {
+      inLayer = false;
+      continue; // skip the closing }
+    }
+    result.push(line);
+  } else {
+    result.push(line);
+  }
+}
+
+fs.writeFileSync('dist/ai-design.css', result.join('\n'));
+console.log('Stripped @layer directives. Output lines:', result.length);

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

@@ -1,35 +1,35 @@
-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';
+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/agent-helper/agent-category-select-menu/index.tsx

@@ -1,57 +1,57 @@
-import type { AgentCategory } from '@baishuyun/types';
-import { cn } from '../../../lib/utils';
-import { transCls } from '../../../const/ui';
-import { EditIcon } from '../../bs-icons';
-import { GridsIcon } from '../../icons/grids-icon';
-
-export interface AgentCategorySelectMenuProps {
-  value?: AgentCategory;
-  onChange?: (value: AgentCategory) => void;
-  className?: string;
-}
-
-const CATEGORY_ITEMS: { id: AgentCategory; label: string; icon?: React.ReactNode }[] = [
-  { id: 'all-agent', label: '全部' },
-  { id: 'system-agent', label: '系统智能体', icon: <GridsIcon /> },
-  { id: 'custom-agent', label: '自定义智能体', icon: <EditIcon /> },
-];
-
-export const AgentCategorySelectMenu = ({
-  value,
-  onChange,
-  className,
-}: AgentCategorySelectMenuProps) => {
-  return (
-    <div className={cn('flex flex-col', className)}>
-      {CATEGORY_ITEMS.map((item) => {
-        const isActive = value === item.id;
-        return (
-          <button
-            key={item.id}
-            type="button"
-            onClick={() => onChange?.(item.id)}
-            className={cn(
-              'flex items-center gap-[6px] w-full h-[34px] px-[10px] rounded-[4px] text-left',
-              isActive ? 'bg-[#EFF0F6]' : 'hover:bg-[#EFF0F6]',
-              transCls
-            )}
-          >
-            {item.icon && (
-              <span className="shrink-0 size-[16px] flex items-center justify-center text-[#666666]">
-                {item.icon}
-              </span>
-            )}
-            <span
-              className={cn(
-                'text-[14px] text-[#030303] leading-[normal] whitespace-nowrap',
-                isActive ? 'font-bold' : 'font-normal'
-              )}
-            >
-              {item.label}
-            </span>
-          </button>
-        );
-      })}
-    </div>
-  );
-};
+import type { AgentCategory } from '@baishuyun/types';
+import { cn } from '../../../lib/utils';
+import { transCls } from '../../../const/ui';
+import { EditIcon } from '../../bs-icons';
+import { GridsIcon } from '../../icons/grids-icon';
+
+export interface AgentCategorySelectMenuProps {
+  value?: AgentCategory;
+  onChange?: (value: AgentCategory) => void;
+  className?: string;
+}
+
+const CATEGORY_ITEMS: { id: AgentCategory; label: string; icon?: React.ReactNode }[] = [
+  { id: 'all-agent', label: '全部' },
+  { id: 'system-agent', label: '系统智能体', icon: <GridsIcon /> },
+  { id: 'custom-agent', label: '自定义智能体', icon: <EditIcon /> },
+];
+
+export const AgentCategorySelectMenu = ({
+  value,
+  onChange,
+  className,
+}: AgentCategorySelectMenuProps) => {
+  return (
+    <div className={cn('flex flex-col', className)}>
+      {CATEGORY_ITEMS.map((item) => {
+        const isActive = value === item.id;
+        return (
+          <button
+            key={item.id}
+            type="button"
+            onClick={() => onChange?.(item.id)}
+            className={cn(
+              'flex items-center gap-[6px] w-full h-[34px] px-[10px] rounded-[4px] text-left',
+              isActive ? 'bg-[#EFF0F6]' : 'hover:bg-[#EFF0F6]',
+              transCls
+            )}
+          >
+            {item.icon && (
+              <span className="shrink-0 size-[16px] flex items-center justify-center text-[#666666]">
+                {item.icon}
+              </span>
+            )}
+            <span
+              className={cn(
+                'text-[14px] text-[#030303] leading-[normal] whitespace-nowrap',
+                isActive ? 'font-bold' : 'font-normal'
+              )}
+            >
+              {item.label}
+            </span>
+          </button>
+        );
+      })}
+    </div>
+  );
+};

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

@@ -1,94 +1,94 @@
-import { transCls } from '../../../const/ui';
-import { cn } from '../../../lib/utils';
-import type { IAgentInfo } from '@baishuyun/types';
-
-export interface AgentEntryCardProps {
-  agent: IAgentInfo;
-  className?: string;
-  onSelect: () => void;
-  onLogClick: () => void;
-}
-
-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,
-      )}
-
-      onClick={onSelect}
-    >
-      <div className="content-stretch flex flex-col gap-[12px] items-start w-full">
-        {/* 顶部 */}
-        <div className="content-stretch flex items-center justify-between w-full">
-          {/* 左 */}
-          <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"
-              src={agent.icon}
-            />
-            <p className="font-bold leading-[normal] overflow-hidden shrink-0 text-[#030303] text-[18px] text-ellipsis whitespace-nowrap">
-              {agent.name}
-            </p>
-            {agent.installCount != null && agent.installCount > 0 && (
-              <div className="bg-[#f5f7fa] content-stretch flex h-[26px] items-center justify-center px-[6px] py-[10px] rounded-[100px] shrink-0">
-                <p className="leading-[normal] shrink-0 text-[#4d609f] text-[12px] whitespace-nowrap">
-                  安装次数：{agent.installCount.toLocaleString()}
-                </p>
-              </div>
-            )}
-          </div>
-
-          {/* 右上角 */}
-          <div className="content-stretch flex gap-[10px] items-center shrink-0">
-            {agent.version && (
-              <>
-                <p className="leading-[normal] shrink-0 text-[#999] text-[12px] whitespace-nowrap">
-                  版本：{agent.version}
-                </p>
-                <div className="h-[14px] shrink-0 w-[1px] bg-[#e0e0e0]" />
-              </>
-            )}
-            {!!agent.lastUpdated && (
-              <>
-                <p className="leading-[normal] shrink-0 text-[#999] text-[12px] whitespace-nowrap">
-                  {agent.lastUpdated}
-                </p>
-                <div className="h-[14px] shrink-0 w-[1px] bg-[#e0e0e0]" />
-              </>
-            )}
-            {/* <button
-              className="leading-[normal] shrink-0 text-[#0265ff] text-[14px] whitespace-nowrap hover:text-[rgba(2,101,255,0.8)] cursor-pointer bg-transparent border-none p-0"
-              onClick={onLogClick}
-            >
-              更新日志
-            </button> */}
-            <button
-              className="bg-[#eff0f6] content-stretch flex flex-col h-[30px] items-center justify-center px-[16px] py-[7px] rounded-[4px] shrink-0 cursor-pointer border-none hover:bg-[#f0f6ff] group/select"
-              onClick={onSelect}
-            >
-              <span className="leading-[normal] shrink-0 text-[#030303] text-[14px] whitespace-nowrap group-hover/select:text-[#0265ff]">
-                选择
-              </span>
-            </button>
-          </div>
-        </div>
-
-        {/* 描述 */}
-        {agent.description && (
-          <p className="leading-[normal] shrink-0 text-[#666] text-[14px] w-full line-clamp-2">
-            {agent.description}
-          </p>
-        )}
-      </div>
-    </div>
-  );
-};
+import { transCls } from '../../../const/ui';
+import { cn } from '../../../lib/utils';
+import type { IAgentInfo } from '@baishuyun/types';
+
+export interface AgentEntryCardProps {
+  agent: IAgentInfo;
+  className?: string;
+  onSelect: () => void;
+  onLogClick: () => void;
+}
+
+export const AgentEntryCard = ({
+  agent,
+  className,
+  onSelect,
+  onLogClick: _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,
+      )}
+
+      onClick={onSelect}
+    >
+      <div className="content-stretch flex flex-col gap-[12px] items-start w-full">
+        {/* 顶部 */}
+        <div className="content-stretch flex items-center justify-between w-full">
+          {/* 左 */}
+          <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"
+              src={agent.icon}
+            />
+            <p className="font-bold leading-[normal] overflow-hidden shrink-0 text-[#030303] text-[18px] text-ellipsis whitespace-nowrap">
+              {agent.name}
+            </p>
+            {agent.installCount != null && agent.installCount > 0 && (
+              <div className="bg-[#f5f7fa] content-stretch flex h-[26px] items-center justify-center px-[6px] py-[10px] rounded-[100px] shrink-0">
+                <p className="leading-[normal] shrink-0 text-[#4d609f] text-[12px] whitespace-nowrap">
+                  安装次数：{agent.installCount.toLocaleString()}
+                </p>
+              </div>
+            )}
+          </div>
+
+          {/* 右上角 */}
+          <div className="content-stretch flex gap-[10px] items-center shrink-0">
+            {agent.version && (
+              <>
+                <p className="leading-[normal] shrink-0 text-[#999] text-[12px] whitespace-nowrap">
+                  版本：{agent.version}
+                </p>
+                <div className="h-[14px] shrink-0 w-[1px] bg-[#e0e0e0]" />
+              </>
+            )}
+            {!!agent.lastUpdated && (
+              <>
+                <p className="leading-[normal] shrink-0 text-[#999] text-[12px] whitespace-nowrap">
+                  {agent.lastUpdated}
+                </p>
+                <div className="h-[14px] shrink-0 w-[1px] bg-[#e0e0e0]" />
+              </>
+            )}
+            {/* <button
+              className="leading-[normal] shrink-0 text-[#0265ff] text-[14px] whitespace-nowrap hover:text-[rgba(2,101,255,0.8)] cursor-pointer bg-transparent border-none p-0"
+              onClick={onLogClick}
+            >
+              更新日志
+            </button> */}
+            <button
+              className="bg-[#eff0f6] content-stretch flex flex-col h-[30px] items-center justify-center px-[16px] py-[7px] rounded-[4px] shrink-0 cursor-pointer border-none hover:bg-[#f0f6ff] group/select"
+              onClick={onSelect}
+            >
+              <span className="leading-[normal] shrink-0 text-[#030303] text-[14px] whitespace-nowrap group-hover/select:text-[#0265ff]">
+                选择
+              </span>
+            </button>
+          </div>
+        </div>
+
+        {/* 描述 */}
+        {agent.description && (
+          <p className="leading-[normal] shrink-0 text-[#666] text-[14px] w-full line-clamp-2">
+            {agent.description}
+          </p>
+        )}
+      </div>
+    </div>
+  );
+};