@baishuyun/ai-design 2.0.25 → 2.0.27

package/src/components/bs-entry-select/types.ts

@@ -6,6 +6,16 @@ export interface BsEntrySelectChangeResult {
   section: 'current' | 'other';
 }
 
+/** Flow center — synthetic group tab for flow-type apps in tabs mode */
+export const FLOW_CENTER_GROUP_ID = '__flow_center__';
+
+export const FLOW_CENTER_ENTRIES = [
+  { entryId: 'todo', name: '待办任务', iconClass: 'icon-new-bsy-todo' },
+  { entryId: 'cc', name: '抄送我的', iconClass: 'icon-new-bsy-cc' },
+  { entryId: 'transactors', name: '我处理的', iconClass: 'icon-new-bsy-transactors' },
+  { entryId: 'create', name: '我发起的', iconClass: 'icon-new-bsy-create' },
+] as const;
+
 export type BsEntrySelectSliderVariant = 'default' | 'tabs';
 
 export interface BsEntrySelectProps {
@@ -31,4 +41,6 @@ export interface EntryTreeItem {
   depth: number;
   isSelectable: boolean;
   entry: IEntryDetail | null;
+  /** Optional custom icon CSS class — used for synthetic entries like flow center */
+  iconClass?: string;
 }

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

@@ -4,20 +4,20 @@ import { cn } from '../lib/utils';
 
 export const FakeBotMessage = ({
   children,
-  headless,
   className,
+  avatarJsx
 }: {
   children: ReactNode;
-  headless?: boolean;
   offset?: boolean;
   className?: string;
+  avatarJsx?: ReactNode;
 }) => {
-  if (headless) {
+  if (!avatarJsx) {
     return (
       <div>
         <MessageContent
           className={cn(
-            'w-fit wrap-break-words rounded-2 bg-transparent px-0 py-0 text-left',
+            'wrap-break-words rounded-2 bg-transparent px-0 py-0 text-left w-full',
             className
           )}
           data-testid="message-content"
@@ -28,6 +28,7 @@ export const FakeBotMessage = ({
     );
   }
 
+
   return (
     <div
       className={cn('group/message w-full')}
@@ -35,6 +36,7 @@ export const FakeBotMessage = ({
       data-testid={`message-assistant`}
     >
       <div className="flex w-full flex-col items-start justify-start gap-2.5">
+        {avatarJsx}
         <div className="flex flex-col min-w-0 grow gap-2.5 w-full">
           <MessageContent
             className="w-full wrap-break-words rounded-2 bg-transparent px-0 py-0 text-left"

package/src/components/fields-previewer.tsx

@@ -203,8 +203,8 @@ export const FieldsPreviewer = forwardRef<HTMLDivElement, FieldsPreviewerProps>(
         <AbsFullscreenGradientBg
           zIndex={zIndex}
           padding={isFields ? p : 0}
-          disableGradient={fullscreen || !isFields}
-          bgColor={isFields ? '#fff' : '#F5F7FA'}
+          disableGradient
+          bgColor="#f6f7fa"
           ref={setAbsContainer}
         >
           {fullscreen ? contentJsx : content}

package/src/components/generate-animation.tsx

@@ -38,7 +38,7 @@ export const GenerateAnimation = (props: { children?: React.ReactNode, className
           }}
         />
       </div>
-      <span className="text-[14px] text-[#999]">{props.children || '生成中'}</span>
+      <span className="text-[14px] text-[#999]">{props.children || '处理中'}</span>
       <style>{`
         @keyframes pulse {
           0%, 60%, 100% {

package/src/components/icons/empty-agent-icon.tsx

@@ -0,0 +1,94 @@
+export const EmptyAgentIcon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" width="155" height="97" viewBox="0 0 155 97" fill="none">
+  <mask id="mask0_33687_60435" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="0" y="71" width="155" height="19">
+    <rect x="0.6875" y="71.3262" width="153.628" height="17.8319" fill="white"/>
+  </mask>
+  <g mask="url(#mask0_33687_60435)">
+    <ellipse cx="77.5017" cy="85.9947" rx="76.8142" ry="14.6686" fill="url(#paint0_linear_33687_60435)"/>
+  </g>
+  <ellipse cx="123.117" cy="60.3534" rx="6.51549" ry="8.91593" fill="url(#paint1_linear_33687_60435)"/>
+  <path d="M122.891 79.2946V52.6367L123.672 79.2946H122.891Z" fill="#D5DDF4"/>
+  <path d="M123.003 67.5213L118.875 63.7448L123.003 66.2995V67.5213Z" fill="#D5DDF4"/>
+  <path d="M125.011 59.7461L123.003 61.9676V62.7451L125.011 59.7461Z" fill="#D5DDF4"/>
+  <path d="M123.016 78.6367L103.15 79.296H123.016V78.6367Z" fill="url(#paint2_linear_33687_60435)"/>
+  <ellipse cx="38.4748" cy="66.1104" rx="3.77212" ry="4.80088" transform="rotate(-4.32208 38.4748 66.1104)" fill="url(#paint3_linear_33687_60435)"/>
+  <path d="M39.065 75.831L38.1016 63.084L38.1402 75.7356L39.065 75.831Z" fill="#D5DDF4"/>
+  <path d="M38.5854 70.1526L40.4091 68.2122L38.5415 69.5727L38.5854 70.1526Z" fill="#D5DDF4"/>
+  <path d="M37.3534 66.5346L38.3862 67.5168L38.414 67.8858L37.3534 66.5346Z" fill="#D5DDF4"/>
+  <path d="M38.9297 75.1816L17.0783 77.329L38.9794 75.839L38.9297 75.1816Z" fill="url(#paint4_linear_33687_60435)"/>
+  <path d="M96.0119 69.9553L100.847 50.027C101.266 48.3002 99.9583 46.6367 98.1814 46.6367H55.7188L59.1062 69.9553H96.0119Z" fill="#90ACF8"/>
+  <path d="M96.0119 69.9553L100.847 50.027C101.266 48.3002 99.9583 46.6367 98.1814 46.6367H55.7188L59.1062 69.9553H96.0119Z" fill="#90ACF8" fill-opacity="0.2"/>
+  <rect x="76.3438" y="32.0664" width="24.0044" height="28.9571" rx="1.37168" transform="rotate(14.142 76.3438 32.0664)" fill="url(#paint5_linear_33687_60435)" fill-opacity="0.2"/>
+  <rect x="68.1953" y="38.3086" width="23.6252" height="23.6724" rx="1.37168" transform="rotate(14.142 68.1953 38.3086)" fill="#90ACF8" fill-opacity="0.2"/>
+  <g filter="url(#filter3_d_33687_60435)">
+    <path d="M56.6096 69.7845L53.8535 42.3508C53.7521 41.3412 54.5448 40.4648 55.5595 40.4648H62.7559C63.2633 40.4648 63.7446 40.6895 64.0703 41.0785L66.468 43.941C66.9893 44.5633 67.7593 44.9228 68.5711 44.9228H92.1169C93.0009 44.9228 93.7401 45.595 93.8238 46.4752L96.0078 69.4508C96.1035 70.4573 95.3119 71.3277 94.3009 71.3277H58.3156C57.435 71.3277 56.6976 70.6606 56.6096 69.7845Z" fill="#F0F4FE"/>
+  </g>
+  <path d="M56.6096 69.7845L53.8535 42.3508C53.7521 41.3412 54.5448 40.4648 55.5595 40.4648H62.7559C63.2633 40.4648 63.7446 40.6895 64.0703 41.0785L66.468 43.941C66.9893 44.5633 67.7593 44.9228 68.5711 44.9228H92.1169C93.0009 44.9228 93.7401 45.595 93.8238 46.4752L96.0078 69.4508C96.1035 70.4573 95.3119 71.3277 94.3009 71.3277H58.3156C57.435 71.3277 56.6976 70.6606 56.6096 69.7845Z" fill="#F0F4FE" fill-opacity="0.2"/>
+  <mask id="mask1_33687_60435" style={{maskType: 'alpha'}} maskUnits="userSpaceOnUse" x="53" y="40" width="44" height="32">
+    <path d="M56.6096 69.7845L53.8535 42.3508C53.7521 41.3412 54.5448 40.4648 55.5595 40.4648H62.7559C63.2633 40.4648 63.7446 40.6895 64.0703 41.0785L66.468 43.941C66.9893 44.5633 67.7593 44.9228 68.5711 44.9228H92.1169C93.0009 44.9228 93.7401 45.595 93.8238 46.4752L96.0078 69.4508C96.1035 70.4573 95.3119 71.3277 94.3009 71.3277H58.3156C57.435 71.3277 56.6976 70.6606 56.6096 69.7845Z" fill="#F0F4FE"/>
+  </mask>
+  <g mask="url(#mask1_33687_60435)">
+    <g filter="url(#filter5_f_33687_60435)">
+      <circle cx="59.322" cy="40.8084" r="15.4314" fill="#B9FAFF"/>
+    </g>
+  </g>
+  <rect x="61.7266" y="53.4961" width="18.5177" height="2.74336" rx="0.685841" fill="#CEDCF6"/>
+  <rect x="62.4062" y="60.3555" width="11.6593" height="2.74336" rx="0.685841" fill="#CEDCF6"/>
+  <path d="M59.0767 34.0097C58.2476 33.5999 56.7207 33.7515 56.7207 33.7515C56.7207 33.7515 57.5181 35.3518 58.4504 35.8866C59.2981 36.3729 60.9114 36.3533 60.9114 36.3533C60.9114 36.3533 60.1207 34.5257 59.0767 34.0097Z" fill="url(#paint6_linear_33687_60435)"/>
+  <path d="M63.2906 34.3064C63.3572 33.7574 62.9649 32.928 62.9649 32.928C62.9649 32.928 62.2156 33.698 62.0988 34.3302C61.9925 34.905 62.3271 35.8094 62.3271 35.8094C62.3271 35.8094 63.2067 34.9976 63.2906 34.3064Z" fill="url(#paint7_linear_33687_60435)"/>
+  <path d="M108.994 42.7749C110.54 41.9201 111.955 39.3643 111.955 39.3643C111.955 39.3643 108.562 38.8796 106.707 39.7606C105.02 40.5616 103.304 43.1097 103.304 43.1097C103.304 43.1097 107.048 43.851 108.994 42.7749Z" fill="url(#paint8_linear_33687_60435)"/>
+  <defs>
+    <filter id="filter3_d_33687_60435" x="53.8457" y="40.4648" width="46.285" height="34.9783" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset dx="2.05752" dy="2.05752"/>
+      <feGaussianBlur stdDeviation="1.02876"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0.564706 0 0 0 0 0.67451 0 0 0 0 0.972549 0 0 0 0.2 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_33687_60435"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_33687_60435" result="shape"/>
+    </filter>
+    <filter id="filter5_f_33687_60435" x="-0.00318146" y="-18.5169" width="118.651" height="118.651" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+      <feGaussianBlur stdDeviation="21.9469" result="effect1_foregroundBlur_33687_60435"/>
+    </filter>
+    <linearGradient id="paint0_linear_33687_60435" x1="77.5017" y1="71.3262" x2="77.5017" y2="86.1595" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E6EEFF"/>
+      <stop offset="1" stop-color="white" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_33687_60435" x1="123.117" y1="51.4375" x2="123.117" y2="69.2694" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E7EFFF"/>
+      <stop offset="1" stop-color="#F3F7FD"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_33687_60435" x1="123.016" y1="78.9663" x2="103.15" y2="78.9663" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D5DDF4"/>
+      <stop offset="1" stop-color="#EDF2FF"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear_33687_60435" x1="38.4748" y1="61.3095" x2="38.4748" y2="70.9113" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E7EFFF"/>
+      <stop offset="1" stop-color="#F3F7FD"/>
+    </linearGradient>
+    <linearGradient id="paint4_linear_33687_60435" x1="38.8078" y1="75.3561" x2="17.0534" y2="77.0003" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D5DDF4"/>
+      <stop offset="1" stop-color="#EDF2FF"/>
+    </linearGradient>
+    <linearGradient id="paint5_linear_33687_60435" x1="88.346" y1="32.0664" x2="88.346" y2="61.0235" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E5FFFF"/>
+      <stop offset="1" stop-color="#90ACF8"/>
+    </linearGradient>
+    <linearGradient id="paint6_linear_33687_60435" x1="58.5152" y1="35.9539" x2="59.1557" y2="34.0174" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#DBE6FF"/>
+      <stop offset="1" stop-color="#F1F5FF"/>
+    </linearGradient>
+    <linearGradient id="paint7_linear_33687_60435" x1="62.0735" y1="34.3802" x2="63.3021" y2="34.3556" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#DBE6FF"/>
+      <stop offset="1" stop-color="#F1F5FF"/>
+    </linearGradient>
+    <linearGradient id="paint8_linear_33687_60435" x1="106.53" y1="39.7891" x2="108.875" y2="42.9064" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#DBE6FF"/>
+      <stop offset="1" stop-color="#F1F5FF"/>
+    </linearGradient>
+  </defs>
+</svg>
+)

package/src/components/output-config-editor.tsx

@@ -105,6 +105,7 @@ function findFieldByName(fields: OutputFieldOption[], fieldName: string): Output
 const VALID_TYPE_MAP: Partial<Record<FieldType, Set<FieldType>>> = {
   'text': new Set(['text', 'textarea']),
   'number': new Set(['text', 'textarea']),
+  'radio': new Set(['radio', 'radiogroup']),
 }
 
 const EMPTY_SET = new Set();

package/src/index.ts

@@ -20,6 +20,7 @@ export type { FormIconOption, LegacySlotRenderer } from './types';
 
 // Icons
 export { CalendarIcon } from './components/icons/calendar-icon';
+export { EmptyAgentIcon } from './components/icons/empty-agent-icon';
 
 // UI primitives (shadcn)
 export * from './components/ui/button';