@amaster.ai/components-templates 1.5.0 → 1.8.0

package/README.md

@@ -137,12 +137,14 @@ npm run create:component
 
 1. 在 `components/` 目录下创建新组件目录
 2. 添加 `package.json` 配置文件
-3. 在 `template/` 目录下放置模板文件
+3. 添加 `amaster.config.json` 配置文件（配置目标目录）
+4. 在 `template/` 目录下放置模板文件
 
 ```
 components/
   └── your-component/
-      ├── package.json          # 组件配置
+      ├── package.json          # 组件依赖配置
+      ├── amaster.config.json   # 组件模板配置
       └── template/             # 模板文件
           ├── index.ts
           └── ...
@@ -155,12 +157,6 @@ components/
   "name": "your-component",
   "version": "1.0.0",
   "description": "组件描述",
-  "template": {
-    "name": "your-component",
-    "targetDir": "src/components/your-component",
-    "files": ["**/*"],
-    "ignore": ["node_modules", "*.log", ".DS_Store"]
-  },
   "dependencies": {
     "some-lib": "^1.0.0"
   },
@@ -173,6 +169,14 @@ components/
 }
 ```
 
+### 组件 amaster.config.json 配置
+
+```json
+{
+  "targetDir": "src/components/your-component"
+}
+```
+
 ## 发布
 
 ```bash

package/components/ai-assistant/amaster.config.json

@@ -0,0 +1,3 @@
+{
+  "targetDir": "src/components/ai-assistant"
+}

package/components/ai-assistant/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amaster-react-project",
-  "version": "1.5.0",
+  "version": "1.8.0",
   "type": "module",
   "scripts": {
     "dev": "vite --force",
@@ -17,8 +17,8 @@
   },
   "dependencies": {
     "@a2a-js/sdk": "^0.3.7",
-    "@amaster.ai/client": "1.1.0-beta.56",
-    "@amaster.ai/vite-plugins": "1.1.0-beta.56",
+    "@amaster.ai/client": "1.1.0-beta.61",
+    "@amaster.ai/vite-plugins": "1.1.0-beta.61",
     "@fontsource-variable/inter": "^5.2.8",
     "@fortawesome/fontawesome-free": "^6.1.1",
     "@hookform/resolvers": "^5.2.2",

package/components/ai-assistant/template/components/chat-assistant-message.tsx

@@ -195,7 +195,7 @@ const ChatAssistantMessage: React.FC<
         )}
       >
         {showAvatar && (
-          <MessageSquare className="h-3.5 w-3.5 text-white" strokeWidth={2} />
+          <MessageSquare className="h-3.5 w-3.5 text-primary-foreground" strokeWidth={2} />
         )}
       </div>
       <MessageContentRenderer message={message} {...rest} />

package/components/ai-assistant/template/components/chat-banner.tsx

@@ -8,7 +8,7 @@ const ChatBanner: React.FC<{
     return null;
   }
   return (
-    <h1 className="text-center text-3xl text-[#000] font-medium p-4">
+    <h1 className="text-center text-3xl text-foreground font-medium p-4">
       {text || getText().greeting}
     </h1>
   );

package/components/ai-assistant/template/components/chat-display-mode-switcher.tsx

@@ -16,22 +16,22 @@ const ChatDisplayModeSwitcher: React.FC<{
   }[] = [
     {
       mode: "floating",
-      icon: <Layers2 className="h-4 w-4" strokeWidth={1.75} />,
+      icon: <Layers2 className="size-4" strokeWidth={1.75} />,
       title: getText().displayMode.floating,
     },
     {
       mode: "side-right",
-      icon: <Sidebar className="h-4 w-4 rotate-180" strokeWidth={1.75} />,
+      icon: <Sidebar className="size-4 rotate-180" strokeWidth={1.75} />,
       title: getText().displayMode.sideRight,
     },
     {
       mode: "side-left",
-      icon: <Sidebar className="h-4 w-4 " strokeWidth={1.75} />,
+      icon: <Sidebar className="size-4 " strokeWidth={1.75} />,
       title: getText().displayMode.sideLeft,
     },
     {
       mode: "fullscreen",
-      icon: <Maximize className="h-4 w-4" strokeWidth={1.75} />,
+      icon: <Maximize className="size-4" strokeWidth={1.75} />,
       title: getText().displayMode.fullscreen,
     },
   ];
@@ -39,7 +39,7 @@ const ChatDisplayModeSwitcher: React.FC<{
   return (
     <HoverCard openDelay={0}>
       <HoverCardTrigger asChild>
-        <Button variant="ghost" size="icon" className="hover:bg-transparent text-black/50 hover:text-black">
+        <Button variant="ghost" size="icon" className="size-8">
           {modes.find((m) => m.mode === displayMode)?.icon}
         </Button>
       </HoverCardTrigger>
@@ -48,7 +48,7 @@ const ChatDisplayModeSwitcher: React.FC<{
           <Button
             key={mode}
             variant="ghost"
-            className="justify-start hover:bg-gray-200 text-black/80 hover:text-black data-[state=open]:bg-transparent"
+            className="justify-start"
             onClick={() => onChange(mode)}
             size="sm"
             disabled={mode === displayMode}

package/components/ai-assistant/template/components/chat-floating-button.tsx

@@ -10,7 +10,6 @@ interface ChatFloatingButtonProps {
   style: React.CSSProperties;
 }
 
-
 const ChatFloatingButton: React.FC<ChatFloatingButtonProps> = ({
   onClick,
   onMouseDown,
@@ -32,14 +31,14 @@ const ChatFloatingButton: React.FC<ChatFloatingButtonProps> = ({
         className={`
           group relative h-full w-full rounded-full
           bg-gradient-to-br from-primary to-primary/40
-          text-white
+          text-primary-foreground
           border-0
           transition-all duration-300 ease-out select-none
           cursor-pointer
           ${
             isDragging
-              ? "shadow-[0_8px_30px_rgba(99,102,241,0.5)] scale-105"
-              : "shadow-[0_4px_20px_rgba(99,102,241,0.35)] hover:shadow-[0_8px_30px_rgba(99,102,241,0.5)] hover:scale-105"
+              ? "shadow-2xl scale-105"
+              : "shadow-lg hover:shadow-2xl hover:scale-105"
           }
         `}
       >
@@ -53,4 +52,4 @@ const ChatFloatingButton: React.FC<ChatFloatingButtonProps> = ({
   );
 };
 
-export default ChatFloatingButton;
+export default ChatFloatingButton;

package/components/ai-assistant/template/components/chat-floating-card.tsx

@@ -23,14 +23,14 @@ const ChatFloatingCard: React.FC<ChatFloatingCardProps> = ({
     <Card
       ref={containerRef}
       className={cn(
-        `flex flex-col overflow-hidden bg-[#F9FAFB] border border-[#E5E7EB] z-50`,
+        `flex flex-col overflow-hidden bg-card border border-border z-50`,
         {
           "fixed inset-0 w-auto h-auto animate-in fade-in-0 zoom-in-[0.98] duration-300 origin-top-left rounded-none": displayMode === "fullscreen",
           "fixed top-0 right-0 w-[420px] h-full rounded-none": displayMode === "side-right",
           "fixed top-0 left-0 w-[420px] h-full rounded-none": displayMode === "side-left",
           "rounded-2xl": displayMode === "floating",
-          "shadow-[0_25px_50px_-12px_rgba(0,0,0,0.25)]": displayMode === "floating" && isDragging,
-          "shadow-[0_10px_40px_-10px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]": displayMode === "floating" && !isDragging,
+          "shadow-2xl": displayMode === "floating" && isDragging,
+          "shadow-lg": displayMode === "floating" && !isDragging,
         }
       )}
       style={displayMode !== "floating" ? {} : style}

package/components/ai-assistant/template/components/chat-header.tsx

@@ -27,14 +27,14 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
   return (
     <div
       className={cn(
-        "flex items-center justify-between px-4",
+        "flex items-center justify-between px-4 py-1 pr-2",
         !disabledDrag && onMouseDown
           ? isDragging
             ? "cursor-grabbing"
             : "cursor-grab"
           : "",
         {
-          'border-b border-[#E5E7EB] bg-white': displayMode === "floating",
+          'border-b border-border': displayMode === "floating",
         },
       )}
       onMouseDown={!disabledDrag ? onMouseDown : undefined}
@@ -42,7 +42,7 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
     >
       <div className="flex items-center gap-2.5">
         <div className="flex flex-col">
-          <span className="text-sm font-semibold text-[#111827]">
+          <span className="text-sm font-semibold text-foreground">
             {getText().assistantName}
           </span>
         </div>
@@ -55,9 +55,9 @@ const ChatHeader: React.FC<ChatHeaderProps> = ({
             variant="ghost"
             size="icon"
             onClick={onClose}
-            className="h-8 w-8 text-[#6B7280] hover:text-[#374151] hover:bg-[#F3F4F6] rounded-lg transition-colors duration-200 cursor-pointer"
+            className="size-8"
           >
-            <X className="h-4 w-4" strokeWidth={1.75} />
+            <X className="size-4" strokeWidth={1.75} />
           </Button>
         )}
       </div>

package/components/ai-assistant/template/components/chat-input.tsx

@@ -9,7 +9,7 @@ import type React from "react";
 import { Button } from "@/components/ui/button";
 import { getText } from "../i18n";
 import type { Conversation, IDisplayMode } from "../types";
-import { useMemo, useState } from "react";
+import { useMemo, useRef, useState } from "react";
 import { cn } from "@/lib/utils";
 import {
   Tooltip,
@@ -19,7 +19,10 @@ import {
 } from "@/components/ui/tooltip";
 import VoiceInputButton from "./voice-input";
 
-const NewConvButton: React.FC<{ onNew?: () => void; disabled?: boolean }> = ({ onNew, disabled }) => {
+const NewConvButton: React.FC<{ onNew?: () => void; disabled?: boolean }> = ({
+  onNew,
+  disabled,
+}) => {
   if (!onNew) return null;
   return (
     <TooltipProvider>
@@ -32,7 +35,7 @@ const NewConvButton: React.FC<{ onNew?: () => void; disabled?: boolean }> = ({ o
             size="icon"
             onClick={onNew}
             disabled={disabled}
-            className="h-8 w-8 text-[#6B7280] hover:text-[#374151] hover:bg-[#F3F4F6] rounded-lg transition-colors duration-200 cursor-pointer"
+            className="h-8 w-8 cursor-pointer"
           >
             <MessageCirclePlus className="size-5" />
           </Button>
@@ -49,12 +52,11 @@ const SubmitButton: React.FC<{
 }> = ({ disabled, starting, onClick }) => {
   return (
     <Button
-      type="button"
       onClick={onClick}
       disabled={disabled || starting}
       size="icon"
       className={cn(
-        "size-8 text-white rounded-xl transition-all duration-200 cursor-pointer shadow-[0_2px_8px_rgba(99,102,241,0.3)] hover:shadow-[0_4px_12px_rgba(99,102,241,0.4)]",
+        "rounded-xl size-8 text-primary-foreground transition-all duration-200 cursor-pointer shadow-sm hover:shadow-2xl",
         "bg-gradient-to-r from-primary to-primary/80",
         "hover:from-primary/90 hover:to-primary/70",
         "disabled:opacity-40 disabled:cursor-not-allowed",
@@ -76,20 +78,10 @@ const StopButton: React.FC<{ onClick: () => void; disabled?: boolean }> = ({
 }) => {
   return (
     <Button
-      type="button"
       onClick={onClick}
       size="icon"
       disabled={disabled}
-      className="
-                size-8
-                bg-foreground
-                hover:bg-foreground/50
-                text-white
-                rounded-xl
-                transition-all duration-200
-                cursor-pointer
-                shadow-[0_2px_8px_rgba(239,68,68,0.3)]
-                hover:shadow-[0_4px_12px_rgba(239,68,68,0.4)]"
+      className="size-8 bg-success hover:bg-success/50 text-success-foreground rounded-xl transition-all duration-200 cursor-pointer shadow-sm hover:shadow-2xl"
     >
       <Square className="h-3 w-3 fill-current" strokeWidth={2} />
     </Button>
@@ -117,15 +109,17 @@ const ChatInput: React.FC<ChatInputProps> = ({
   onNew,
   onCancel,
   starting,
-  displayMode
+  displayMode,
 }) => {
   const hasConversations = conversations.length > 0;
   const lastConv =
     conversations.length > 0 ? conversations[conversations.length - 1] : null;
   const lastIsDivider = useMemo(() => {
     if (!lastConv) return false;
-    return (lastConv.system?.level === "newConversation");
+    return lastConv.system?.level === "newConversation";
   }, [lastConv]);
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const [speaking, setSpeaking] = useState(false);
 
   const [focus, setFocus] = useState(false);
   const handleKeyPress = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
@@ -135,47 +129,65 @@ const ChatInput: React.FC<ChatInputProps> = ({
     }
   };
 
+  const textareaScrollToBottom = () => {
+    if (textareaRef.current) {
+      textareaRef.current.scrollTop = textareaRef.current.scrollHeight;
+    }
+  };
+
   return (
     <div className="py-3 px-4">
       <div
         className={cn(
-          "w-full rounded-xl bg-white transition-all duration-200 p-3 border border-primary/80",
+          "w-full rounded-xl bg-card transition-all duration-200 p-3 border border-primary/80",
           {
             "border-primary ring-2 ring-primary/20": focus,
           },
         )}
       >
         <textarea
+          ref={textareaRef}
           value={inputValue}
           onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
             onInputChange(e.target.value)
           }
-          onKeyPress={isLoading ? undefined : handleKeyPress}
+          onKeyPress={isLoading || speaking ? undefined : handleKeyPress}
           placeholder={getText().typePlaceholder}
           onFocus={() => setFocus(true)}
           onBlur={() => setFocus(false)}
-          className="w-full text-sm text-[#111827] placeholder:text-[#9CA3AF] outline-none resize-none leading-5 disabled:bg-transparent"
+          className="w-full text-sm text-foreground placeholder:text-muted-foreground outline-none resize-none leading-5 bg-card"
           rows={4}
+          disabled={speaking}
+          readOnly={speaking}
         />
         <div className="flex items-center justify-between gap-2 mt-1">
           <div className="flex items-center gap-1">
-            {onNew && <NewConvButton onNew={onNew} disabled={!hasConversations || lastIsDivider || starting || isLoading} />}
+            {onNew && (
+              <NewConvButton
+                onNew={onNew}
+                disabled={
+                  !hasConversations || lastIsDivider || starting || isLoading
+                }
+              />
+            )}
           </div>
           <div className="flex items-center gap-2">
             <VoiceInputButton
               onChange={(text) => {
                 onInputChange(text);
+                textareaScrollToBottom();
                 setFocus(true);
               }}
               value={inputValue}
               disabled={isLoading || starting}
+              onRunningChange={setSpeaking}
             />
             {isLoading ? (
               <StopButton onClick={onCancel || (() => {})} />
             ) : (
               <SubmitButton
                 onClick={() => onSendMessage()}
-                disabled={!inputValue.trim() || isLoading}
+                disabled={!inputValue.trim() || isLoading || speaking}
                 starting={starting}
               />
             )}
@@ -184,7 +196,7 @@ const ChatInput: React.FC<ChatInputProps> = ({
       </div>
 
       {(conversations.length > 0 || displayMode !== "inline") && (
-        <p className="text-[10px] text-[#9CA3AF] mt-2 text-center">
+        <p className="text-[10px] text-muted-foreground/50 mt-2 text-center">
           {getText().footerAiWarning}
         </p>
       )}

package/components/ai-assistant/template/components/chat-messages.tsx

@@ -71,9 +71,16 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
         },
         className,
       )}
+      style={{
+        maskImage:
+          "linear-gradient(to bottom, transparent, black 10px, black calc(100% - 10px), transparent)",
+        WebkitMaskImage:
+          "linear-gradient(to bottom, transparent, black 10px, black calc(100% - 10px), transparent)",
+        maskSize: "80% 100%",
+      }}
       data-role="chat-messages"
     >
-      {isLoadingHistory ? (
+      {isLoadingHistory && convLength > 0 ? (
         <div
           key="loading-history"
           className="flex justify-center items-center gap-2 text-center"
@@ -94,7 +101,8 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
         const historyId = conversation.historyId || "";
         const lastHistoryId = conversations[index - 1]?.historyId || "";
         let addDivider =
-          index > 0 && historyId !== lastHistoryId || conversation.system?.level === "newConversation";
+          (index > 0 && historyId !== lastHistoryId) ||
+          conversation.system?.level === "newConversation";
 
         return (
           <div key={conversation.taskId} className="flex flex-col gap-4">
@@ -148,4 +156,4 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
   );
 };
 
-export default ChatMessages;
+export default ChatMessages;

package/components/ai-assistant/template/components/chat-recommends.tsx

@@ -1,3 +1,4 @@
+import { Button } from "@/components/ui/button";
 import { getText } from "../i18n";
 
 const ChatRecommends: React.FC<{
@@ -5,31 +6,28 @@ const ChatRecommends: React.FC<{
   data?: string[];
   onSend: (prompt: string) => void;
   disabled?: boolean;
-}> = ({ hidden, data = getText().defaultRecommendedQuestions, onSend, disabled }) => {
+}> = ({
+  hidden,
+  data = getText().defaultRecommendedQuestions,
+  onSend,
+  disabled,
+}) => {
   if (hidden || !data || data.length === 0) return null;
   return (
     <div className="flex flex-wrap gap-2 pt-2 px-4">
       {data.map((prompt, index) => (
-        <button
-          type="button"
+        <Button
           key={prompt}
+          variant="outline"
           onClick={() => onSend(prompt)}
           disabled={disabled}
           className="
-                    text-xs px-2 py-1.5
-                    bg-[#F3F4F6] hover:bg-[#E5E7EB]
-                    text-[#374151] hover:text-[#111827]
-                    rounded-full
-                    border border-[#D1D5DB]
-                    transition-all duration-200
-                    cursor-pointer
-                    animate-in fade-in-0 slide-in-from-bottom-1
-                    text-nowrap
-                  "
+              text-xs px-2 py-1 h-auto rounded-full cursor-pointer text-nowrap
+              transition-all duration-200 animate-in fade-in-0 slide-in-from-bottom-1"
           style={{ animationDelay: `${index * 50}ms` }}
         >
           {prompt}
-        </button>
+        </Button>
       ))}
     </div>
   );

package/components/ai-assistant/template/components/chat-user-message.tsx

@@ -12,7 +12,7 @@ const ChatUserMessage: React.FC<{
         className={`
         px-4 py-2.5 rounded-2xl
         transition-all duration-200 min-w-0 overflow-hidden max-w-full
-        bg-[#E0E7FF] text-[#1E1B4B] rounded-br-md
+        bg-primary/10 text-foreground rounded-br-md
       `}
       >
         <div className="text-sm leading-relaxed whitespace-pre-wrap break-words">

package/components/ai-assistant/template/components/ui-renderer.tsx

@@ -29,7 +29,7 @@ export const UIRenderer: React.FC<UIRendererProps> = ({ spec, className }) => {
   return (
     <Suspense
       fallback={
-        <Skeleton className={cn("w-full h-[120px] bg-gray-200 flex items-center justify-center gap-2", className)}>
+        <Skeleton className={cn("w-full h-[120px] bg-primary/20 flex items-center justify-center gap-2", className)}>
           <LoaderCircle className="size-4 animate-spin" />
           <span>{getText().loading}...</span>
         </Skeleton>

package/components/ai-assistant/template/components/voice-input.tsx

@@ -3,12 +3,14 @@ import { Mic, StopCircle } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 import { useVoiceInput } from "../hooks/useVoiceInput";
+import { useEffect } from "react";
 
 const VoiceInputButton: React.FC<{
   onChange: (text: string) => void;
   disabled?: boolean;
   value?: string;
-}> = ({ onChange, disabled, value }) => {
+  onRunningChange?: (running: boolean) => void;
+}> = ({ onChange, disabled, value, onRunningChange }) => {
   const {
     start,
     stop,
@@ -23,13 +25,19 @@ const VoiceInputButton: React.FC<{
     value,
   });
 
+  useEffect(() => {
+    if (onRunningChange) {
+      onRunningChange(running);
+    }
+  }, [running, onRunningChange]);
+
   return (
     <Button
       variant="ghost"
       onClick={stoppable ? stop : status === "idle" ? start : undefined}
       disabled={finalDisabled}
       className={cn("h-8 w-8 rounded-lg cursor-pointer text-xs ", {
-        "bg-gradient-to-r from-blue-500 to-blue-800 hover:from-blue-400 hover:to-blue-600 text-white animate-pulse":
+        "bg-gradient-to-r from-primary to-primary/80 hover:from-primary/90 hover:to-primary/70 text-primary-foreground animate-pulse":
           running,
         "w-auto": statusText,
       })}

package/components/ai-assistant/template/hooks/useConversation.ts

@@ -391,7 +391,6 @@ export function useConversation() {
           try {
             const partData = JSON.parse(json);
             if (partData.root && partData.elements) {
-              debugger
               fillData({
                 kind: 'ui-render',
                 taskId,
@@ -768,28 +767,6 @@ export function useConversation() {
       const controller = abortControllerRef.current;
       forceStopRef.current = false;
 
-      // mock
-      if (userContent === "MAGA") {
-        const { generateMockUIStream } = await import("../mock/mock-data");
-        const cancelMock = generateMockUIStream(
-          taskId || generateId(),
-          (chunk) => {
-            if (forceStopRef.current) return;
-            hasResponse = true;
-            processLiveData(chunk as any);
-            if (chunk.result.final) {
-              setIsLoading(false);
-            }
-          },
-        );
-        abortControllerRef.current?.signal.addEventListener(
-          "abort",
-          cancelMock,
-        );
-        return;
-      }
-
-      // real chat
       try {
         const stream = client.copilot.chat(
           userContent ? [{ role: "user", content: userContent }] : [],

package/components/ai-assistant/template/hooks/useVoiceInput.ts

@@ -8,10 +8,7 @@ type Status =
   | "idle"
   | "starting"
   | "ready"
-  | "speaking"
-  | "recording"
   | "stopping"
-  | "ended"
   | "error"
   | "closed";
 
@@ -30,10 +27,10 @@ export const useVoiceInput = ({
   const AsrClientRef = useRef<ASRClient | null>(null);
   const runningRef = useRef(false);
   const stoppable = useMemo(() => {
-    return ["ready", "speaking", "recording"].includes(status);
+    return ["ready"].includes(status);
   }, [status]);
   const disabledClick = useMemo(() => {
-    return ["starting", "ended", "closed", "error", "stopping"].includes(
+    return ["starting", "stopping", "closed", "error"].includes(
       status,
     );
   }, [status]);
@@ -53,13 +50,6 @@ export const useVoiceInput = ({
       onReady() {
         setStatus("ready");
       },
-      onSpeechStart() {
-        setStatus((status) => (status !== "stopping" ? "recording" : status));
-      },
-
-      onSpeechEnd() {
-        setStatus((status) => (status !== "stopping" ? "recording" : status));
-      },
       onTranscript(text, isFinal) {
         if (!isFinal) {
           temp = text;
@@ -70,10 +60,21 @@ export const useVoiceInput = ({
           onChange(result);
         }
       },
-      onSessionFinished() {
-        setStatus("ended");
+      onAudioBufferCommitted() {
+        console.debug("音频缓冲区已提交");
       },
-      onError() {
+      onError(error) {
+        if (error.message === "NO_DEVICES_AVAILABLE") {
+          toast({
+            title: getText().voiceInputError.microphoneAccessDenied,
+            variant: "destructive",
+          });
+        } else {
+          toast({
+            title: getText().voiceInputError.unknownError,
+            variant: "destructive",
+          });
+        }
         reset();
       },
       onClose() {
@@ -89,7 +90,7 @@ export const useVoiceInput = ({
       AsrClientRef.current = asrClient;
     } catch (error) {
       const message = error.message;
-      const showError = (title: string) => toast({title})
+      const showError = (title: string) => toast({ title });
       if (message.includes("Microphone access denied")) {
         showError(getText().voiceInputError.microphoneAccessDenied);
       } else if (message.includes("No speech detected")) {
@@ -147,15 +148,12 @@ export const useVoiceInput = ({
     }
   }, [status]);
 
-  const statusTextMap = {
+  const statusTextMap: Record<Status, string> = {
     // idle: t('translation:voiceInputStatus.idle'),
     idle: "",
     starting: getText().voiceInputStatus.starting,
     ready: getText().voiceInputStatus.ready,
-    speaking: getText().voiceInputStatus.speaking,
-    recording: getText().voiceInputStatus.recording,
     stopping: getText().voiceInputStatus.stopping,
-    ended: getText().voiceInputStatus.ended,
     error: getText().voiceInputStatus.error,
     closed: getText().voiceInputStatus.closed,
   };

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

@@ -45,7 +45,7 @@ const InlineAIAssistant: React.FC<InlineAIAssistantProps> = ({
   return (
     <div
       className={cn(
-        "w-full h-full max-h-screen relative flex flex-col justify-center overflow-hidden max-w-[1000px] mx-auto",
+        "w-full h-full max-h-screen relative flex flex-col justify-center overflow-hidden max-w-6xl mx-auto",
         className,
       )}
       style={style}

package/components/ai-assistant-taro/amaster.config.json

@@ -0,0 +1,3 @@
+{
+  "targetDir": "src/pages/ai-assistant"
+}