@baishuyun/ai-design 2.0.25 → 2.0.27

package/dist/index.css

@@ -0,0 +1 @@
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ai-design",
-  "version": "2.0.25",
+  "version": "2.0.27",
   "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/types": "3.0.21",
-    "@baishuyun/ai-feat-utils": "2.0.23"
+    "@baishuyun/ai-feat-utils": "2.0.25",
+    "@baishuyun/types": "3.0.23"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -83,7 +83,7 @@
     "typescript": "^5.5.0",
     "vite": "^5.1.4",
     "vite-plugin-dts": "^4.5.4",
-    "@baishuyun/types": "3.0.21",
+    "@baishuyun/types": "3.0.23",
     "@baishuyun/tailwind-config": "3.0.9",
     "@baishuyun/typescript-config": "2.0.9"
   },

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

@@ -81,21 +81,11 @@ function useTriggerDescription(helper: IAgentHelper, formService?: IBsFormServic
   }
 }
 
-function buildAgentInfo(agentName?: string, agentIcon?: string): IAgentInfo | undefined {
-  if (!agentName && !agentIcon) {
-    return undefined;
-  }
-  return {
-    id: '',
-    name: agentName || '',
-    icon: agentIcon || '',
-  };
-}
-
 export interface AgentHelperCardProps {
   helper: IAgentHelper;
   agentName?: string;
   agentIcon?: string;
+  getAgent: (agentId: string) => IAgentInfo | undefined;
   className?: string;
   onEnabledChange?: (enabled: boolean) => void;
   onViewLogs?: () => void;
@@ -108,18 +98,17 @@ export interface AgentHelperCardProps {
 
 export const AgentHelperCard = ({
   helper,
-  agentName,
-  agentIcon,
   className,
   onEnabledChange,
   onViewLogs,
   onEdit,
+  getAgent,
   onCopy,
   onDelete,
   formService,
 }: AgentHelperCardProps) => {
   const description = useTriggerDescription(helper, formService);
-  const agent = buildAgentInfo(agentName, agentIcon);
+  const agent = getAgent(helper.agentId);
 
   return (
     <div

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

@@ -1,12 +1,13 @@
 import { cn } from '../../../lib/utils';
 import { AgentHelperCard } from '../agent-helper-card';
-import type { IAgentHelper, IBsFormService } from '@baishuyun/types';
+import type { IAgentHelper, IAgentInfo, IBsFormService } from '@baishuyun/types';
 
 export interface AgentHelperCardListProps {
   items: Array<IAgentHelper>;
   className?: string;
   getAgentName?: (agentId: string) => string | undefined;
   getAgentIcon?: (agentId: string) => string | undefined;
+  getAgent: (agentId: string) => (IAgentInfo | undefined);
   onEnabledChange?: (helperId: string, enabled: boolean) => void;
   onViewLogs?: (helperId: string) => void;
   onEdit?: (helperId: string) => void;
@@ -18,8 +19,7 @@ export interface AgentHelperCardListProps {
 export const AgentHelperCardList = ({
   items,
   className,
-  getAgentName,
-  getAgentIcon,
+  getAgent,
   onEnabledChange,
   onViewLogs,
   onEdit,
@@ -39,8 +39,7 @@ export const AgentHelperCardList = ({
           formService={formService}
           key={helper.id}
           helper={helper}
-          agentName={getAgentName?.(helper.agentId)}
-          agentIcon={getAgentIcon?.(helper.agentId)}
+          getAgent={getAgent}
           className="w-[335px] shrink-0"
           onEnabledChange={
             onEnabledChange

package/src/components/agent-scroll-selector.tsx

@@ -145,9 +145,14 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
     </>
   );
 
+  const s = showSlider ? slider : null;
+  if (!s && !agents.length) {
+    return null;
+  }
+
   return (
     <div className={cn('flex items-center gap-2.5 w-fit max-w-full min-w-0', className)}>
-      {showSlider ? slider : null}
+      {s}
       {agents.length > 0 && (
         <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>
           <PopoverTrigger asChild>
@@ -155,7 +160,7 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
               ref={setTriggerRef}
               type="button"
               className={cn(
-                'flex items-center gap-[6px] shrink-0 h-[34px]',
+                'flex items-center gap-[6px] shrink-0 h-[34px] w-[34px]',
                 'px-[10px] py-[5px] rounded-[4px]',
                 'text-[14px] text-[#121111] leading-[normal]',
                 'hover:bg-[#EFF0F6]',
@@ -166,7 +171,7 @@ const setTriggerRef = useCallback((node: HTMLButtonElement | null) => {
               )}
             >
               <MenuLinesIcon />
-              <span>技能</span>
+              {/* <span>技能</span> */}
             </button>
           </PopoverTrigger>
           <PopoverContent

package/src/components/agent-select.tsx

@@ -10,6 +10,7 @@ export interface AgentSelectProps {
   agents: Array<AgentSelectAgent>;
   showAllItems?: boolean;
   showSearch?: boolean;
+  className?: string;
   activeAgent?: { id: string } | null;
   onSelect: (agent: AgentSelectAgent) => void | Promise<void>;
 }
@@ -25,6 +26,7 @@ export const AgentSelect = ({
   activeAgent,
   onSelect,
   showAllItems,
+  className,
 }: AgentSelectProps) => {
   const [searchQuery, setSearchQuery] = useState('');
 
@@ -56,7 +58,7 @@ export const AgentSelect = ({
   })
 
   return (
-    <div className="flex flex-col">
+    <div className={classNames('flex flex-col', 'rounded-[4px]', className)}>
       {showSearch && (
         <div className="px-1.5 pt-1 pb-0.5">
           <div className="flex h-7.5 items-center gap-1.5 rounded-[4px] bg-white px-2.5 py-1.25 border border-[#E0E0E0]">

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

@@ -1,5 +1,6 @@
 import type { IAppDetail, IEntryAliasItem, IEntryDetail, IEntryRef } from '@baishuyun/types';
 import type { EntryTreeItem, BsEntrySelectChangeResult } from './types';
+import { FLOW_CENTER_GROUP_ID, FLOW_CENTER_ENTRIES } from './types';
 import { FormSelectItem } from '../agent-helper/form-select';
 
 export const DEPTH_PADDING: Record<number, string> = {
@@ -213,3 +214,51 @@ export function findSelected(
   }
   return null;
 }
+
+/** Create a virtual IEntryDetail for a flow center entry */
+export function createFlowEntryDetail(entryId: string, name: string): IEntryDetail {
+  return {
+    _id: `${FLOW_CENTER_GROUP_ID}_${entryId}`,
+    entryId,
+    hasCoop: false,
+    hasFlow: true,
+    icon: 0,
+    isEvent: false,
+    isFavorite: false,
+    name,
+    parent: FLOW_CENTER_GROUP_ID,
+    seq: 0,
+    type: 'flow',
+  };
+}
+
+/** Build the synthetic "流程中心" group tree with 4 flow entries */
+export function buildFlowCenterTree(): EntryTreeItem[] {
+  const children: EntryTreeItem[] = FLOW_CENTER_ENTRIES.map((item) => ({
+    // Use entryId directly as the node id so selected-state matching
+    // (selectedEntryId === node.id) works like real entries
+    id: item.entryId,
+    name: item.name,
+    icon: 0,
+    iconClass: `sdk-icon ${item.iconClass} text-[#0265ff]`,
+    type: 'flow',
+    children: [],
+    // depth 0: the group popover renders these as a flat list — no tree indent
+    depth: 0,
+    isSelectable: true,
+    entry: createFlowEntryDetail(item.entryId, item.name),
+  }));
+
+  const groupNode: EntryTreeItem = {
+    id: FLOW_CENTER_GROUP_ID,
+    name: '流程中心',
+    icon: 0,
+    type: 'group',
+    depth: 0,
+    isSelectable: false,
+    entry: null,
+    children,
+  };
+
+  return [groupNode];
+}

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

@@ -28,9 +28,11 @@ export function EntryItem({
       <span className="flex items-center gap-[6px] min-w-0 flex-1">
         <i
           className={
-            item.entry
-              ? getEntryIconClass(item.entry)
-              : 'node-icon icon-bsy-form icon-new-bsy-form-25'
+            item.iconClass
+              ? item.iconClass
+              : item.entry
+                ? getEntryIconClass(item.entry)
+                : 'node-icon icon-bsy-form icon-new-bsy-form-25'
           }
           style={{ fontSize: 16, lineHeight: 1 }}
         />