@amaster.ai/components-templates 1.3.0

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

@@ -0,0 +1,114 @@
+const getPreferredLanguage = (): "zh" | "en" => {
+  if (typeof navigator === "undefined") return "zh";
+  const lang =
+    navigator.language ||
+    (navigator as { userLanguage?: string }).userLanguage ||
+    "zh";
+  return lang.startsWith("zh") ? "zh" : "en";
+};
+
+const i18nText = {
+  zh: {
+    greeting: "你好！我是你的AI助手，有什么可以帮你的吗？",
+    processing: "正在处理中...",
+    online: "在线",
+    thinking: "思考中",
+    thought: "思考过程",
+    resetConversation: "开始新对话",
+    fullscreen: "全屏显示",
+    exitFullscreen: "退出全屏",
+    typePlaceholder: "输入消息...",
+    footerAiWarning: "以上内容均由AI生成，仅供参考",
+    conversationReset: "对话已重置",
+    conversationCancelled: "对话已取消",
+    sendFailed: "发送消息失败，请重试",
+    errorMessage: "抱歉，我遇到了一些问题，请稍后再试。",
+    unknownTool: "未知工具",
+    displayMode: {
+      floating: "悬浮模式",
+      sideLeft: "侧边模式（左）",
+      sideRight: "侧边模式（右）",
+      fullscreen: "全屏模式",
+    },
+    voiceInput: "语音输入",
+    stopVoiceInput: "停止录音",
+    voiceInputStatus: {
+      idle: "点击开始语音输入",
+      starting: "启动中",
+      ready: "请说话",
+      speaking: "检测到语音",
+      recording: "识别中",
+      stopping: "停止中",
+      ended: "已结束",
+      error: "发生错误",
+      closed: "已关闭",
+    },
+    voiceInputError: {
+      microphoneAccessDenied: "麦克风访问被拒绝，请允许访问麦克风",
+      noSpeechDetected: "未检测到语音，请确保麦克风正常工作",
+      networkError: "网络错误，请检查你的网络连接",
+      permissionDenied: "权限被拒绝，请检查浏览器权限设置",
+      unknownError: "发生未知错误，请稍后再试",
+    },
+    defaultRecommendedQuestions: [
+      "你都有哪些技能？",
+      "今天北京天气如何？",
+      "如何使用这个系统？",
+    ] as string[],
+  },
+  en: {
+    greeting: "Hello! I'm your AI assistant. How can I help you today?",
+    processing: "Processing...",
+    online: "Online",
+    thinking: "Thinking",
+    thought: "Thought process",
+    resetConversation: "Start a new chat",
+    fullscreen: "Fullscreen",
+    exitFullscreen: "Exit fullscreen",
+    typePlaceholder: "Type a message...",
+    footerAiWarning:
+      "The above content is generated by AI and is for reference only",
+    conversationReset: "Conversation reset",
+    conversationCancelled: "Conversation cancelled",
+    sendFailed: "Failed to send message, please try again",
+    errorMessage: "Sorry, I encountered an issue. Please try again later.",
+    unknownTool: "Unknown tool",
+    displayMode: {
+      floating: "Floating mode",
+      sideLeft: "Side mode (left)",
+      sideRight: "Side mode (right)",
+      fullscreen: "Fullscreen mode",
+    },
+    voiceInput: "Voice input",
+    stopVoiceInput: "Stop recording",
+    voiceInputStatus: {
+      idle: "Click to start voice input",
+      starting: "Starting",
+      ready: "Please speak",
+      speaking: "Voice detected",
+      recording: "Recognizing",
+      stopping: "Stopping",
+      ended: "Ended",
+      error: "Error",
+      closed: "Connection closed",
+    },
+    voiceInputError: {
+      microphoneAccessDenied:
+        "Microphone access denied, please allow access to the microphone",
+      noSpeechDetected:
+        "No speech detected, please make sure your microphone is working",
+      networkError: "Network error, please check your internet connection",
+      permissionDenied:
+        "Permission denied, please check your browser permission settings",
+      unknownError: "An unknown error occurred, please try again later",
+    },
+    defaultRecommendedQuestions: [
+      "What can you do?",
+      "What's the weather like in Beijing today?",
+      "How do I use this system?",
+    ] as string[],
+  },
+} as const;
+
+export const getText = () => i18nText[getPreferredLanguage()];
+export { getPreferredLanguage };

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

@@ -0,0 +1,6 @@
+export { AIAssistant, default } from "./ai-assistant";
+export { InlineAIAssistant } from "./inline-ai-assistant";
+export type {
+  InlineAIAssistantProps as AIAssistantProps,
+  Position,
+} from "./types";

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

@@ -0,0 +1,78 @@
+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";
+import { cn } from "@/lib/utils";
+import { useAssistantStore } from "./hooks/useAssistantStore";
+import ChatBanner from "./components/chat-banner";
+import ChatRecommends from "./components/chat-recommends";
+import { useEffect } from "react";
+
+const InlineAIAssistant: React.FC<InlineAIAssistantProps> = ({
+  showBanner = true,
+  bannerText,
+  className,
+  style,
+  greeting,
+}) => {
+  const {
+    conversations,
+    isLoading,
+    inputValue,
+    setInputValue,
+    scrollAreaRef,
+    messagesEndRef,
+    sendMessage,
+    reset,
+  } = useAssistantStore();
+
+  const handleReset = () => {
+    reset(greeting);
+  };
+
+  useEffect(() => {
+    conversations.length === 0 && reset(greeting);
+  }, [conversations.length, greeting]);
+
+  return (
+    <div
+      className={cn(
+        "w-full h-full max-h-screen relative flex flex-col justify-center overflow-hidden max-w-[1000px] mx-auto",
+        className,
+      )}
+      style={style}
+    >
+      {showBanner && (
+        <ChatBanner
+          text={bannerText}
+          hidden={conversations.length > 0}
+        />
+      )}
+      <ChatMessages
+        conversations={conversations}
+        isLoading={isLoading}
+        scrollAreaRef={scrollAreaRef}
+        messagesEndRef={messagesEndRef}
+        className={showBanner ? "" : "flex-1"}
+      />
+
+      <ChatRecommends
+        hidden={!conversations.length || isLoading}
+        onSend={sendMessage}
+      />
+
+      <ChatInput
+        conversations={conversations}
+        isLoading={isLoading}
+        inputValue={inputValue}
+        onInputChange={setInputValue}
+        onSendMessage={sendMessage}
+        onReset={handleReset}
+      />
+    </div>
+  );
+};
+
+export { InlineAIAssistant };
+export default InlineAIAssistant;