@amaster.ai/components-templates 1.4.0 → 1.4.2

package/components/ai-assistant/template/hooks/useDisplayMode.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { IDisplayMode } from "../components/chat-display-mode-switcher";
+import type { IDisplayMode } from "../types";
 
 const getStorageKey = () => `${location.hostname}-ai-assistant-display-mode`;
 

package/components/ai-assistant/template/i18n.ts

@@ -11,10 +11,11 @@ const i18nText = {
   zh: {
     greeting: "你好！我是你的AI助手，有什么可以帮你的吗？",
     processing: "正在处理中...",
+    assistantName: "AI助手",
     online: "在线",
     thinking: "思考中",
     thought: "思考过程",
-    resetConversation: "开始新对话",
+    newConversation: "开始新对话",
     fullscreen: "全屏显示",
     exitFullscreen: "退出全屏",
     typePlaceholder: "输入消息...",
@@ -32,6 +33,7 @@ const i18nText = {
     },
     voiceInput: "语音输入",
     stopVoiceInput: "停止录音",
+    stopGenerating: "停止生成",
     voiceInputStatus: {
       idle: "点击开始语音输入",
       starting: "启动中",
@@ -50,6 +52,10 @@ const i18nText = {
       permissionDenied: "权限被拒绝，请检查浏览器权限设置",
       unknownError: "发生未知错误，请稍后再试",
     },
+    loadingHistory: "正在加载历史消息...",
+    loadMore: "下拉加载更多",
+    noMoreHistory: "没有更多历史消息了",
+    conversationDivider: "开始新对话",
     defaultRecommendedQuestions: [
       "你都有哪些技能？",
       "今天北京天气如何？",
@@ -59,10 +65,11 @@ const i18nText = {
   en: {
     greeting: "Hello! I'm your AI assistant. How can I help you today?",
     processing: "Processing...",
+    assistantName: "AI Assistant",
     online: "Online",
     thinking: "Thinking",
     thought: "Thought process",
-    resetConversation: "Start a new chat",
+    newConversation: "Start a new chat",
     fullscreen: "Fullscreen",
     exitFullscreen: "Exit fullscreen",
     typePlaceholder: "Type a message...",
@@ -81,6 +88,7 @@ const i18nText = {
     },
     voiceInput: "Voice input",
     stopVoiceInput: "Stop recording",
+    stopGenerating: "Stop generating",
     voiceInputStatus: {
       idle: "Click to start voice input",
       starting: "Starting",
@@ -102,6 +110,10 @@ const i18nText = {
         "Permission denied, please check your browser permission settings",
       unknownError: "An unknown error occurred, please try again later",
     },
+    loadingHistory: "Loading history messages...",
+    loadMore: "Pull down to load more",
+    noMoreHistory: "No more history messages",
+    conversationDivider: "new conversation",
     defaultRecommendedQuestions: [
       "What can you do?",
       "What's the weather like in Beijing today?",

package/components/ai-assistant/template/inline-ai-assistant.tsx

@@ -1,5 +1,4 @@
 import type React from "react";
-import { getText } from "./i18n";
 import type { InlineAIAssistantProps } from "./types";
 import ChatMessages from "./components/chat-messages";
 import ChatInput from "./components/chat-input";
@@ -15,25 +14,33 @@ const InlineAIAssistant: React.FC<InlineAIAssistantProps> = ({
   className,
   style,
   greeting,
+  recommends,
+  displayMode = "inline",
 }) => {
   const {
+    starting,
     conversations,
     isLoading,
+    isLoadingHistory,
+    historyState,
     inputValue,
     setInputValue,
     scrollAreaRef,
     messagesEndRef,
     sendMessage,
     reset,
+    startNewConversation,
+    cancelChat,
+    loadMoreHistory,
   } = useAssistantStore();
 
   const handleReset = () => {
-    reset(greeting);
+    startNewConversation();
   };
 
   useEffect(() => {
-    conversations.length === 0 && reset(greeting);
-  }, [conversations.length, greeting]);
+    !starting && conversations.length === 0 && reset(greeting);
+  }, [starting, conversations.length, greeting, reset]);
 
   return (
     <div
@@ -44,31 +51,36 @@ const InlineAIAssistant: React.FC<InlineAIAssistantProps> = ({
       style={style}
     >
       {showBanner && (
-        <ChatBanner
-          text={bannerText}
-          hidden={conversations.length > 0}
-        />
+        <ChatBanner text={bannerText} hidden={conversations.length > 0} />
       )}
       <ChatMessages
         conversations={conversations}
         isLoading={isLoading}
+        isLoadingHistory={isLoadingHistory}
+        hasMoreHistory={historyState.hasMore}
         scrollAreaRef={scrollAreaRef}
         messagesEndRef={messagesEndRef}
+        onLoadMore={loadMoreHistory}
         className={showBanner ? "" : "flex-1"}
       />
 
       <ChatRecommends
         hidden={!conversations.length || isLoading}
         onSend={sendMessage}
+        data={recommends}
+        disabled={isLoading || starting}
       />
 
       <ChatInput
         conversations={conversations}
         isLoading={isLoading}
+        starting={starting}
         inputValue={inputValue}
         onInputChange={setInputValue}
         onSendMessage={sendMessage}
-        onReset={handleReset}
+        onNew={handleReset}
+        onCancel={cancelChat}
+        displayMode={displayMode}
       />
     </div>
   );

package/components/ai-assistant/template/types.ts

@@ -44,6 +44,7 @@ export interface UIRenderMessage extends BaseMessage {
   };
 }
 
+
 export type MessagesItem =
   | TextMessage
   | ThoughtMessage
@@ -56,6 +57,11 @@ export interface Conversation {
   status: "submitted" | "working" | "completed" | "error";
   messages: MessagesItem[];
   lastUpdated: string;
+  historyId?: string;
+  system?: {
+    level: "newConversation";
+    content?: string;
+  }
 }
 
 export interface Position {
@@ -63,10 +69,20 @@ export interface Position {
   y: number;
 }
 
+
+export type IDisplayMode =
+  | "fullscreen"
+  | "floating"
+  | "side-left"
+  | "side-right"
+  | "inline";
+
 export interface InlineAIAssistantProps {
   showBanner?: boolean;
   bannerText?: string;
   className?: string;
   style?: React.CSSProperties;
   greeting?: string;
+  recommends?: string[];
+  displayMode?: IDisplayMode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amaster.ai/components-templates",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Amaster component templates collection",
   "type": "module",
   "main": "index.js",
@@ -9,8 +9,7 @@
     "./cli": "./packages/cli/dist/index.js"
   },
   "bin": {
-    "@amaster.ai/components-templates": "./bin/amaster.js",
-    "amaster-cli": "./packages/cli/dist/index.js"
+    "@amaster.ai/components-templates": "./bin/amaster.js"
   },
   "files": [
     "index.js",

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amaster.ai/cli",
-  "version": "1.4.0",
+  "version": "1.4.2",
   "description": "Amaster CLI tool for component templates",
   "type": "module",
   "main": "dist/index.js",