@next-bricks/ai-portal 0.60.3 → 0.61.0

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,6 +18,8 @@ export interface ChatStreamProps {
     showCases?: ShowCaseType[];
     exampleProjects?: ExampleProject[];
     tryItOutUrl?: string;
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
     uploadOptions?: UploadOptions;
 }
 export interface ConversationDetail {
@@ -49,6 +52,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,6 +21,8 @@ export interface CruiseCanvasProps {
     exampleProjects?: ExampleProject[];
     tryItOutUrl?: string;
     separateInstructions?: boolean;
+    aiEmployees?: AIEmployee[];
+    commands?: Command[];
     uploadOptions?: UploadOptions;
 }
 export interface ConversationDetail {
@@ -55,6 +58,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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next-bricks/ai-portal",
-  "version": "0.60.3",
+  "version": "0.61.0",
   "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": "887e63f19b878c63c61f757dee8109353fa6e1a1"
 }