@next-bricks/ai-portal 0.60.3 → 0.61.1

package/dist-types/action-buttons/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
 import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
-interface ActionItem {
+export interface ActionItem {
     text: string;
     key: string;
     icon?: GeneralIconProps;
@@ -21,4 +21,3 @@ export declare class ActionButtons extends ReactNextElement implements ActionBut
     accessor activeKey: string | null | undefined;
     render(): React.JSX.Element;
 }
-export {};

package/dist-types/chat-box/index.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import type { ChatPayload, CommandPayload, UploadOptions } from "../shared/interfaces.js";
+import type { ChatPayload, UploadOptions } from "../shared/interfaces.js";
+import { type Command } from "../shared/ChatCompletions/useChatCompletions.js";
 export declare const ChatBoxComponent: React.ForwardRefExoticComponent<Omit<ChatBoxComponentProps, "ref"> & React.RefAttributes<ChatBoxRef>>;
 export interface ChatBoxProps {
     disabled?: boolean;
@@ -20,16 +21,8 @@ export interface ChatBoxRef {
     getValue: () => string;
     focusOnInput: () => void;
 }
-export interface Command {
-    label: string;
-    value: string;
-    groupKey?: string;
-    groupLabel?: string;
-    subCommands?: Command[];
-    payload?: CommandPayload;
-}
 /**
- * 构件 `ai-portal.chat-box`
+ * 大型聊天输入框，用于首页
  */
 export declare class ChatBox extends ReactNextElement implements ChatBoxProps {
     #private;

package/dist-types/chat-input/i18n.d.ts

@@ -1,5 +1,7 @@
 export declare enum K {
-    TERMINATE_THE_TASK = "TERMINATE_THE_TASK"
+    TERMINATE_THE_TASK = "TERMINATE_THE_TASK",
+    COMMAND_TIPS = "COMMAND_TIPS",
+    SEARCH_COMMANDS_TIPS = "SEARCH_COMMANDS_TIPS"
 }
 export declare const NS = "bricks/ai-portal/chat-input";
 export declare const locales: {

package/dist-types/chat-input/index.d.ts

@@ -1,7 +1,13 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
+import type { ActionsEvents, ActionsEventsMapping, ActionsProps, EoActions } from "@next-bricks/basic/actions";
 import type { ChatPayload, UploadOptions } from "../shared/interfaces.js";
+import { type AIEmployee, type Command } from "../shared/ChatCompletions/useChatCompletions.js";
+export declare const WrappedActions: import("@next-core/react-element").WrappedBrickWithEventsMap<EoActions, ActionsProps & {
+    activeKeys?: (string | number)[];
+    footerTips?: string;
+}, ActionsEvents, ActionsEventsMapping>;
 export interface ChatInputProps {
     placeholder?: string;
     autoFocus?: boolean;
@@ -9,6 +15,9 @@ export interface ChatInputProps {
     supportsTerminate?: boolean;
     terminating?: boolean;
     uploadOptions?: UploadOptions;
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
+    suggestionsPlacement?: "top" | "bottom";
 }
 export interface ChatInputEvents {
     "chat.submit": CustomEvent<ChatPayload>;
@@ -19,7 +28,7 @@ export interface ChatInputMapEvents {
     onTerminate: "terminate";
 }
 /**
- * 构件 `ai-portal.chat-input`
+ * 小型聊天输入框，用于对话等页面
  */
 export declare class ChatInput extends ReactNextElement implements ChatInputProps {
     #private;
@@ -29,5 +38,11 @@ export declare class ChatInput extends ReactNextElement implements ChatInputProp
     accessor supportsTerminate: boolean | undefined;
     accessor terminating: boolean | undefined;
     accessor uploadOptions: UploadOptions | undefined;
+    accessor aiEmployees: AIEmployee[] | undefined;
+    accessor commands: Command[] | undefined;
+    /**
+     * @default "bottom"
+     */
+    accessor suggestionsPlacement: "top" | "bottom" | undefined;
     render(): React.JSX.Element;
 }

package/dist-types/chat-stream/ChatStream.d.ts

@@ -11,5 +11,5 @@ interface ChatStreamComponentProps extends ChatStreamProps {
     onDetailChange: (detail: ConversationDetail) => void;
     onSplitChange: (split: boolean) => void;
 }
-export declare function ChatStreamComponent({ conversationId, initialRequest, replay, replayDelay, supports, showHumanActions, showFeedback: propShowFeedback, showFeedbackAfterFailed, showFeedbackOnView, showUiSwitch, previewUrlTemplate, showCases, exampleProjects, tryItOutUrl, uploadOptions, onShare, onTerminate, onSubmitFeedback, onSwitchToCanvas, onFeedbackOnView, onDetailChange, onSplitChange, }: ChatStreamComponentProps, ref: React.Ref<ChatStreamRef>): React.JSX.Element;
+export declare function ChatStreamComponent({ conversationId, initialRequest, replay, replayDelay, supports, showHumanActions, showFeedback: propShowFeedback, showFeedbackAfterFailed, showFeedbackOnView, showUiSwitch, previewUrlTemplate, showCases, exampleProjects, tryItOutUrl, aiEmployees, commands, uploadOptions, onShare, onTerminate, onSubmitFeedback, onSwitchToCanvas, onFeedbackOnView, onDetailChange, onSplitChange, }: ChatStreamComponentProps, ref: React.Ref<ChatStreamRef>): React.JSX.Element;
 export {};

package/dist-types/chat-stream/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
 import type { ExampleProject, RequestStore, ShowCaseType, UploadOptions } from "../shared/interfaces.js";
+import type { AIEmployee, Command } from "../shared/ChatCompletions/useChatCompletions.js";
 export interface ChatStreamProps {
     conversationId?: string;
     initialRequest?: RequestStore | null;
@@ -17,7 +18,10 @@ export interface ChatStreamProps {
     showCases?: ShowCaseType[];
     exampleProjects?: ExampleProject[];
     tryItOutUrl?: string;
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
     uploadOptions?: UploadOptions;
+    hideMermaid?: boolean;
 }
 export interface ConversationDetail {
     projectId?: string;
@@ -49,6 +53,8 @@ export declare class ChatStream extends ReactNextElement implements ChatStreamPr
     accessor showCases: ShowCaseType[] | undefined;
     accessor exampleProjects: ExampleProject[] | undefined;
     accessor tryItOutUrl: string | undefined;
+    accessor aiEmployees: AIEmployee[] | undefined;
+    accessor commands: Command[] | undefined;
     accessor uploadOptions: UploadOptions | undefined;
     resumed(): void;
     feedbackSubmitDone(): void;

package/dist-types/cruise-canvas/CruiseCanvas.d.ts

@@ -17,5 +17,5 @@ export interface CruiseCanvasRef {
     feedbackSubmitFailed: () => void;
     feedbackOnViewDone: (viewId: string) => void;
 }
-export declare function CruiseCanvasComponent({ conversationId, initialRequest, replay, replayDelay, supports, showHiddenJobs, showHumanActions, showFeedback: propShowFeedback, showFeedbackAfterFailed, showFeedbackOnView, showUiSwitch, showJsxEditor, previewUrlTemplate, showCases, exampleProjects, tryItOutUrl, separateInstructions, uploadOptions, onShare, onTerminate, onSubmitFeedback, onSwitchToChat, onFeedbackOnView, onDetailChange, }: CruiseCanvasComponentProps, ref: React.Ref<CruiseCanvasRef>): React.JSX.Element;
+export declare function CruiseCanvasComponent({ conversationId, initialRequest, replay, replayDelay, supports, showHiddenJobs, showHumanActions, showFeedback: propShowFeedback, showFeedbackAfterFailed, showFeedbackOnView, showUiSwitch, showJsxEditor, previewUrlTemplate, showCases, exampleProjects, tryItOutUrl, separateInstructions, aiEmployees, commands, uploadOptions, onShare, onTerminate, onSubmitFeedback, onSwitchToChat, onFeedbackOnView, onDetailChange, }: CruiseCanvasComponentProps, ref: React.Ref<CruiseCanvasRef>): React.JSX.Element;
 export {};

package/dist-types/cruise-canvas/index.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
 import type { ExampleProject, RequestStore, ShowCaseType, UploadOptions } from "../shared/interfaces.js";
+import type { AIEmployee, Command } from "../shared/ChatCompletions/useChatCompletions.js";
 export interface CruiseCanvasProps {
     conversationId?: string;
     initialRequest?: RequestStore | null;
@@ -20,7 +21,10 @@ export interface CruiseCanvasProps {
     exampleProjects?: ExampleProject[];
     tryItOutUrl?: string;
     separateInstructions?: boolean;
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
     uploadOptions?: UploadOptions;
+    hideMermaid?: boolean;
 }
 export interface ConversationDetail {
     projectId?: string;
@@ -55,6 +59,8 @@ export declare class CruiseCanvas extends ReactNextElement implements CruiseCanv
     accessor exampleProjects: ExampleProject[] | undefined;
     accessor tryItOutUrl: string | undefined;
     accessor separateInstructions: boolean | undefined;
+    accessor aiEmployees: AIEmployee[] | undefined;
+    accessor commands: Command[] | undefined;
     accessor uploadOptions: UploadOptions | undefined;
     resumed(): void;
     feedbackSubmitDone(): void;

package/dist-types/dropdown-select/index.d.ts

@@ -14,7 +14,7 @@ export interface DropdownSelectProps {
     searchPlaceholder?: string;
     loading?: boolean;
 }
-interface DropdownOptions {
+export interface DropdownOptions {
     label: string;
     value: string;
     disabled?: boolean;
@@ -39,4 +39,3 @@ export declare class DropdownSelect extends ReactNextElement implements Dropdown
     accessor showSearch: boolean | undefined;
     render(): React.JSX.Element;
 }
-export {};

package/dist-types/home-container/index.d.ts

@@ -1,10 +1,13 @@
 import React from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
+export interface HomeContainerProps {
+    sticky?: boolean;
+}
 /**
  * 构件 `ai-portal.home-container`
  */
-export declare class HomeContainer extends ReactNextElement {
+export declare class HomeContainer extends ReactNextElement implements HomeContainerProps {
     accessor sticky: boolean | undefined;
     render(): React.JSX.Element;
 }

package/dist-types/icon-button/index.d.ts

@@ -1,20 +1,21 @@
-import React from "react";
+import React, { type HTMLAttributes } from "react";
 import { ReactNextElement } from "@next-core/react-element";
 import "@next-core/theme";
-import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
+import type { GeneralIcon, GeneralIconProps } from "@next-bricks/icons/general-icon";
 export interface IconButtonProps {
-    icon?: GeneralIconProps;
+    icon?: GeneralIconProps & HTMLAttributes<GeneralIcon>;
     tooltip?: string;
     tooltipHoist?: boolean;
     disabled?: boolean;
     variant?: IconButtonVariant;
+    reduceIconSize?: boolean;
 }
 export type IconButtonVariant = "default" | "light" | "mini" | "mini-light" | "bordered";
 /**
  * 构件 `ai-portal.icon-button`
  */
 export declare class IconButton extends ReactNextElement implements IconButtonProps {
-    accessor icon: GeneralIconProps | undefined;
+    accessor icon: (GeneralIconProps & HTMLAttributes<GeneralIcon>) | undefined;
     accessor tooltip: string | undefined;
     accessor tooltipHoist: boolean | undefined;
     accessor disabled: boolean | undefined;

package/dist-types/jsx.d.ts

@@ -1,19 +1,20 @@
 import type { DetailedHTMLProps, HTMLAttributes } from "react";
-import type { ActionButtons, ActionButtonsProps } from "./action-buttons";
+import type { ActionButtons, ActionButtonsProps, ActionItem } from "./action-buttons";
 import type { ActivityTimeline, ActivityTimelineProps } from "./activity-timeline";
 import type { AIAgents, AIAgentsProps } from "./ai-agents";
 import type { AIEmployees, AIEmployeesProps } from "./ai-employees";
 import type { BlankState, BlankStateProps } from "./blank-state";
 import type { ChatBox, ChatBoxProps } from "./chat-box";
 import type { ChatInput, ChatInputProps } from "./chat-input";
-import type { ChatStream, ChatStreamProps } from "./chat-stream";
+import type { ChatStream, ChatStreamProps, ConversationDetail } from "./chat-stream";
 import type { CruiseCanvas, CruiseCanvasProps } from "./cruise-canvas";
-import type { DropdownSelect, DropdownSelectProps } from "./dropdown-select";
+import type { DropdownSelect, DropdownSelectProps, DropdownOptions } from "./dropdown-select";
 import type { ElevoCard, ElevoCardProps } from "./elevo-card";
 import type { ElevoLogo } from "./elevo-logo";
 import type { ActionClickDetail, ElevoSidebar, ElevoSidebarProps, ProjectActionClickDetail } from "./elevo-sidebar";
 import type { FlowTabs, FlowTabsProps } from "./flow-tabs";
 import type { GanttChart, GanttChartProps } from "./gantt-chart";
+import type { GanttNode } from "./gantt-chart/interfaces";
 import type { GoalCardList, GoalCardListProps } from "./goal-card-list";
 import type { HomeContainer } from "./home-container";
 import type { IconButton, IconButtonProps } from "./icon-button";
@@ -22,37 +23,75 @@ import type { NoticeDropdown, NoticeDropdownProps, NoticeItem } from "./notice-d
 import type { NoticeList, NoticeListProps } from "./notice-list";
 import type { PageContainer, PageContainerProps } from "./page-container";
 import type { PreviewContainer, PreviewContainerProps } from "./preview-container";
-import type { ProjectConversations, ProjectConversationsProps } from "./project-conversations";
-import type { ProjectKnowledges, ProjectKnowledgesProps } from "./project-knowledges";
+import type { ProjectConversations, ProjectConversationsProps, ActionClickDetail as PCActionClickDetail, Conversation } from "./project-conversations";
+import type { Knowledge, ProjectKnowledges, ProjectKnowledgesProps } from "./project-knowledges";
 import type { RunningFlow, RunningFlowProps } from "./running-flow";
 import type { ShowCase, ShowCaseProps } from "./show-case";
 import type { ShowCases, ShowCasesProps } from "./show-cases";
-import type { StageFlow, StageFlowProps } from "./stage-flow";
+import type { EditActivityDetail, Stage, StageFlow, StageFlowProps } from "./stage-flow";
 import type { StatWithMiniChart, StatWithMiniChartProps } from "./stat-with-mini-chart";
 import type { StickyContainer, StickyContainerProps } from "./sticky-container";
-import type { TabList, TabListProps } from "./tab-list";
+import type { Tab, TabList, TabListProps } from "./tab-list";
+import type { ChatPayload } from "./shared/interfaces";
+import type { FeedbackDetail } from "./cruise-canvas/interfaces";
+import type { GoalItem } from "./goal-card-list/CardItem/CardItem";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            "ai-portal--action-buttons": DetailedHTMLProps<HTMLAttributes<ActionButtons>, ActionButtons> & ActionButtonsProps;
+            "ai-portal--action-buttons": DetailedHTMLProps<HTMLAttributes<ActionButtons>, ActionButtons> & ActionButtonsProps & {
+                onChange?: (event: CustomEvent<ActionItem | null>) => void;
+            };
             "ai-portal--activity-timeline": DetailedHTMLProps<HTMLAttributes<ActivityTimeline>, ActivityTimeline> & ActivityTimelineProps;
             "ai-portal--ai-agents": DetailedHTMLProps<HTMLAttributes<AIAgents>, AIAgents> & AIAgentsProps;
             "ai-portal--ai-employees": DetailedHTMLProps<HTMLAttributes<AIEmployees>, AIEmployees> & AIEmployeesProps;
             "ai-portal--blank-state": DetailedHTMLProps<HTMLAttributes<BlankState>, BlankState> & BlankStateProps;
-            "ai-portal--chat-box": DetailedHTMLProps<HTMLAttributes<ChatBox>, ChatBox> & ChatBoxProps;
-            "ai-portal--chat-input": DetailedHTMLProps<HTMLAttributes<ChatInput>, ChatInput> & ChatInputProps;
-            "ai-portal--chat-stream": DetailedHTMLProps<HTMLAttributes<ChatStream>, ChatStream> & ChatStreamProps;
-            "ai-portal--cruise-canvas": DetailedHTMLProps<HTMLAttributes<CruiseCanvas>, CruiseCanvas> & CruiseCanvasProps;
-            "ai-portal--dropdown-select": DetailedHTMLProps<HTMLAttributes<DropdownSelect>, DropdownSelect> & DropdownSelectProps;
+            "ai-portal--chat-box": DetailedHTMLProps<HTMLAttributes<ChatBox>, ChatBox> & ChatBoxProps & {
+                onChatSubmit?: (event: CustomEvent<ChatPayload>) => void;
+            };
+            "ai-portal--chat-input": DetailedHTMLProps<HTMLAttributes<ChatInput>, ChatInput> & ChatInputProps & {
+                onChatSubmit?: (event: CustomEvent<ChatPayload>) => void;
+            };
+            "ai-portal--chat-stream": DetailedHTMLProps<HTMLAttributes<ChatStream>, ChatStream> & ChatStreamProps & {
+                onSplitChange?: (event: CustomEvent<boolean>) => void;
+                onShare?: (event: CustomEvent<void>) => void;
+                onTerminate?: (event: CustomEvent<void>) => void;
+                onFeedbackSubmit?: (event: CustomEvent<FeedbackDetail>) => void;
+                onFeedbackOnView?: (event: CustomEvent<string>) => void;
+                onUiSwitch?: (event: CustomEvent<"canvas" | "chat">) => void;
+                onDetailChange?: (event: CustomEvent<ConversationDetail>) => void;
+            };
+            "ai-portal--cruise-canvas": DetailedHTMLProps<HTMLAttributes<CruiseCanvas>, CruiseCanvas> & CruiseCanvasProps & {
+                onShare?: (event: CustomEvent<void>) => void;
+                onTerminate?: (event: CustomEvent<void>) => void;
+                onFeedbackSubmit?: (event: CustomEvent<FeedbackDetail>) => void;
+                onFeedbackOnView?: (event: CustomEvent<string>) => void;
+                onUiSwitch?: (event: CustomEvent<"canvas" | "chat">) => void;
+                onDetailChange?: (event: CustomEvent<ConversationDetail>) => void;
+            };
+            "ai-portal--dropdown-select": DetailedHTMLProps<HTMLAttributes<DropdownSelect>, DropdownSelect> & DropdownSelectProps & {
+                onChange?: (event: CustomEvent<DropdownOptions>) => void;
+            };
             "ai-portal--elevo-card": DetailedHTMLProps<HTMLAttributes<ElevoCard>, ElevoCard> & ElevoCardProps;
             "ai-portal--elevo-logo": DetailedHTMLProps<HTMLAttributes<ElevoLogo>, ElevoLogo>;
             "ai-portal--elevo-sidebar": DetailedHTMLProps<HTMLAttributes<ElevoSidebar>, ElevoSidebar> & ElevoSidebarProps & {
+                onLogout?: () => void;
+                onAddProject?: () => void;
                 onActionClick?: (event: CustomEvent<ActionClickDetail>) => void;
                 onProjectActionClick?: (event: CustomEvent<ProjectActionClickDetail>) => void;
             };
-            "ai-portal--flow-tabs": DetailedHTMLProps<HTMLAttributes<FlowTabs>, FlowTabs> & FlowTabsProps;
-            "ai-portal--gantt-chart": DetailedHTMLProps<HTMLAttributes<GanttChart>, GanttChart> & GanttChartProps;
-            "ai-portal--goal-card-list": DetailedHTMLProps<HTMLAttributes<GoalCardList>, GoalCardList> & GoalCardListProps;
+            "ai-portal--flow-tabs": DetailedHTMLProps<HTMLAttributes<FlowTabs>, FlowTabs> & FlowTabsProps & {
+                onTabClick?: (event: CustomEvent<Tab>) => void;
+            };
+            "ai-portal--gantt-chart": DetailedHTMLProps<HTMLAttributes<GanttChart>, GanttChart> & GanttChartProps & {
+                onNodeClick?: (event: CustomEvent<GanttNode>) => void;
+                onFullscreenClick?: (event: CustomEvent<void>) => void;
+            };
+            "ai-portal--goal-card-list": DetailedHTMLProps<HTMLAttributes<GoalCardList>, GoalCardList> & GoalCardListProps & {
+                onItemClick?: (event: CustomEvent<GoalItem>) => void;
+                onItemStatusChange?: (event: CustomEvent<GoalItem>) => void;
+                onItemTitleChange?: (event: CustomEvent<GoalItem>) => void;
+                onItemNewChat?: (event: CustomEvent<GoalItem>) => void;
+            };
             "ai-portal--home-container": DetailedHTMLProps<HTMLAttributes<HomeContainer>, HomeContainer>;
             "ai-portal--icon-button": DetailedHTMLProps<HTMLAttributes<IconButton>, IconButton> & IconButtonProps;
             "ai-portal--mcp-tools": DetailedHTMLProps<HTMLAttributes<McpTools>, McpTools> & McpToolsProps;
@@ -60,18 +99,38 @@ declare global {
                 onMarkAllRead?: (event: CustomEvent<void>) => void;
                 onNoticeClick?: (event: CustomEvent<NoticeItem>) => void;
             };
-            "ai-portal--notice-list": DetailedHTMLProps<HTMLAttributes<NoticeList>, NoticeList> & NoticeListProps;
+            "ai-portal--notice-list": DetailedHTMLProps<HTMLAttributes<NoticeList>, NoticeList> & NoticeListProps & {
+                onNoticeClick?: (event: CustomEvent<NoticeItem>) => void;
+                onMarkItemsRead?: (event: CustomEvent<NoticeItem[]>) => void;
+                onMarkAllRead?: (event: CustomEvent<void>) => void;
+            };
             "ai-portal--page-container": DetailedHTMLProps<HTMLAttributes<PageContainer>, PageContainer> & PageContainerProps;
             "ai-portal--preview-container": DetailedHTMLProps<HTMLAttributes<PreviewContainer>, PreviewContainer> & PreviewContainerProps;
-            "ai-portal--project-conversations": DetailedHTMLProps<HTMLAttributes<ProjectConversations>, ProjectConversations> & ProjectConversationsProps;
-            "ai-portal--project-knowledges": DetailedHTMLProps<HTMLAttributes<ProjectKnowledges>, ProjectKnowledges> & ProjectKnowledgesProps;
-            "ai-portal--running-flow": DetailedHTMLProps<HTMLAttributes<RunningFlow>, RunningFlow> & RunningFlowProps;
+            "ai-portal--project-conversations": DetailedHTMLProps<HTMLAttributes<ProjectConversations>, ProjectConversations> & ProjectConversationsProps & {
+                onActionClick?: (event: CustomEvent<PCActionClickDetail>) => void;
+                onGoalClick?: (event: CustomEvent<Conversation>) => void;
+            };
+            "ai-portal--project-knowledges": DetailedHTMLProps<HTMLAttributes<ProjectKnowledges>, ProjectKnowledges> & ProjectKnowledgesProps & {
+                onActionClick?: (event: CustomEvent<ActionClickDetail>) => void;
+                onItemClick?: (event: CustomEvent<Knowledge>) => void;
+            };
+            "ai-portal--running-flow": DetailedHTMLProps<HTMLAttributes<RunningFlow>, RunningFlow> & RunningFlowProps & {
+                onActiveChange?: (event: CustomEvent<string | null>) => void;
+            };
             "ai-portal--show-case": DetailedHTMLProps<HTMLAttributes<ShowCase>, ShowCase> & ShowCaseProps;
             "ai-portal--show-cases": DetailedHTMLProps<HTMLAttributes<ShowCases>, ShowCases> & ShowCasesProps;
-            "ai-portal--stage-flow": DetailedHTMLProps<HTMLAttributes<StageFlow>, StageFlow> & StageFlowProps;
+            "ai-portal--stage-flow": DetailedHTMLProps<HTMLAttributes<StageFlow>, StageFlow> & StageFlowProps & {
+                onChange?: (event: CustomEvent<Stage[]>) => void;
+                onAddActivity?: (event: CustomEvent<{
+                    stage: Stage;
+                }>) => void;
+                onEditActivity?: (event: CustomEvent<EditActivityDetail>) => void;
+            };
             "ai-portal--stat-with-mini-chart": DetailedHTMLProps<HTMLAttributes<StatWithMiniChart>, StatWithMiniChart> & StatWithMiniChartProps;
             "ai-portal--sticky-container": DetailedHTMLProps<HTMLAttributes<StickyContainer>, StickyContainer> & StickyContainerProps;
-            "ai-portal--tab-list": DetailedHTMLProps<HTMLAttributes<TabList>, TabList> & TabListProps;
+            "ai-portal--tab-list": DetailedHTMLProps<HTMLAttributes<TabList>, TabList> & TabListProps & {
+                onTabClick?: (event: CustomEvent<Tab>) => void;
+            };
         }
     }
 }

package/dist-types/shared/ChatCompletions/useChatCompletions.d.ts

@@ -0,0 +1,65 @@
+import type { SimpleAction } from "@next-bricks/basic/actions";
+import { type TextareaAutoResizeRef } from "@next-shared/form";
+import type { CommandPayload } from "../interfaces";
+import type { ChatCommand } from "../../data-providers/set-chat-command";
+export declare const MAX_SHOWN_COMMANDS = 10;
+export interface MentionPopover {
+    style: React.CSSProperties;
+    range: {
+        start: number;
+        end: number;
+    };
+    actions: ActionWithSubCommands[];
+}
+export type ActionWithSubCommands = SimpleAction & {
+    key: string | number;
+    subCommands?: Command[];
+    payload?: CommandPayload;
+};
+export interface Command {
+    label: string;
+    value: string;
+    groupKey?: string;
+    groupLabel?: string;
+    subCommands?: Command[];
+    payload?: CommandPayload;
+}
+export interface AIEmployee {
+    employeeId: string;
+    name: string;
+}
+export interface UseChatMentionsParams {
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
+    root: HTMLElement;
+    hasFiles: boolean;
+    /** @default "bottom" */
+    placement?: "top" | "bottom";
+}
+export declare function useChatCompletions({ aiEmployees, commands: propCommands, root, hasFiles, placement, }: UseChatMentionsParams): {
+    textareaRef: React.RefObject<TextareaAutoResizeRef>;
+    valueRef: React.MutableRefObject<string>;
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
+    selectionRef: React.MutableRefObject<{
+        start: number;
+        end: number;
+    } | null>;
+    mentioned: string | null;
+    mentionedText: string;
+    mentionPopover: MentionPopover | null;
+    mentionOverlay: React.CSSProperties[] | null;
+    mentionActiveKeys: (string | number)[] | null;
+    setInitialMention: React.Dispatch<React.SetStateAction<string | null>>;
+    handleMention: (action: SimpleAction) => void;
+    command: CommandPayload | null;
+    commandText: string;
+    commandPrefix: string;
+    commandPopover: MentionPopover | null;
+    commandOverlay: React.CSSProperties[] | null;
+    commandActiveKeys: (string | number)[] | null;
+    setInitialCommand: React.Dispatch<React.SetStateAction<ChatCommand | null>>;
+    handleSelectCommand: (action: ActionWithSubCommands) => void;
+    handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => false | undefined;
+};

package/dist-types/shared/TaskContext.d.ts

@@ -1,6 +1,7 @@
 import { type Dispatch } from "react";
 import type { FeedbackDetail } from "../cruise-canvas/interfaces";
 import type { ActiveDetail, ActiveImages, ConversationError, ConversationState, ExampleProject, ExtraChatPayload, FileInfo, GeneratedView, Job, ShowCaseType, Task, UploadOptions } from "./interfaces";
+import type { AIEmployee, Command } from "./ChatCompletions/useChatCompletions";
 export interface TaskContextValue {
     conversationId?: string;
     conversationState?: ConversationState;
@@ -11,6 +12,8 @@ export interface TaskContextValue {
     replay?: boolean;
     showCases?: ShowCaseType[];
     exampleProjects?: ExampleProject[];
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
     uploadOptions?: UploadOptions;
     humanInput: (input: string | null, action?: string, extra?: ExtraChatPayload) => void;
     onShare: () => void;

package/dist-types/shared/interfaces.d.ts

@@ -207,7 +207,7 @@ export interface CommandPayloadGoalPlan extends BaseCommandPayload {
 export interface LegacyCommandPayloadServiceFlowStarting {
     type: "serviceFlowStarting";
     serviceFlowStarting: {
-        spaceInstanceId: string;
+        spaceInstanceId?: string;
         spaceName?: string;
         flowInstanceId?: string;
         flowName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/ai-portal",
-  "version": "0.60.3",
+  "version": "0.61.1",
   "homepage": "https://github.com/easyops-cn/next-advanced-bricks/tree/master/bricks/ai-portal",
   "repository": {
     "type": "git",
@@ -49,5 +49,5 @@
     "@next-bricks/presentational": "*",
     "@next-bricks/vs": "*"
   },
-  "gitHead": "d3542d1e1dcffba3e041e88d9b9c398f8c782ad7"
+  "gitHead": "acf4cd2e2492c1ff5cd58abfcb5c29d6e5ba9aea"
 }