@docyrus/ui-pro-ai-assistant 0.2.8 → 0.3.0

package/dist/components/agent-trigger-widget/agent-trigger-prompt.d.ts

@@ -9,10 +9,12 @@ export interface PromptFeatureFlags {
     files: boolean;
 }
 export interface AgentTriggerPromptProps {
+    agentId: string | null;
     capabilities: AgentCapabilities | null;
     models: Model[];
     suggestions: string[];
     placeholder?: string;
-    onSubmit: (prompt: string, features: PromptFeatureFlags, modelId?: string) => void;
+    promptOptimizationChoice?: string | null;
+    onSubmit: (prompt: string, features: PromptFeatureFlags, modelId?: string, files?: File[]) => void;
 }
-export declare function AgentTriggerPrompt({ capabilities, models, suggestions, placeholder, onSubmit }: AgentTriggerPromptProps): import("react/jsx-runtime").JSX.Element;
+export declare function AgentTriggerPrompt({ agentId, capabilities, models, suggestions, placeholder, promptOptimizationChoice, onSubmit }: AgentTriggerPromptProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent-trigger-widget/index.d.ts

@@ -3,6 +3,6 @@ export interface AgentTriggerWidgetProps {
     agentIds: string[];
     className?: string;
     placeholder?: string;
-    onSubmit?: (agentId: string, prompt: string, features: PromptFeatureFlags, modelId?: string) => void;
+    onSubmit?: (agentId: string, prompt: string, features: PromptFeatureFlags, modelId?: string, files?: File[]) => void;
 }
 export declare function AgentTriggerWidget({ agentIds, className, placeholder, onSubmit }: AgentTriggerWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input-area.d.ts

@@ -44,6 +44,14 @@ interface AIInputAreaProps {
     threadId?: string;
     hasMessages?: boolean;
     tenantAiProjectId?: string;
+    initialModelId?: string;
+    initialFeatures?: {
+        webSearch?: boolean;
+        thinking?: boolean;
+        deepResearch?: boolean;
+        documentSearch?: boolean;
+        workCanvas?: boolean;
+    };
 }
 export declare const AIInputArea: FC<AIInputAreaProps>;
 export {};

package/dist/docy-assistant.d.ts

@@ -1,5 +1,5 @@
 import { type RefObject } from 'react';
 import { type DocyAssistantProps } from './types';
-export declare const DocyAssistant: ({ ref, isOpen, onClose, supportWebSearch, supportThinking, supportFiles, supportDocumentSearch, supportDeepResearch, supportMultiModels, supportWorkCanvas, apiEndpoint, title: titleProp, description: descriptionProp, placeholder: placeholderProp, logo, footerText: footerTextProp, variant, renderMode, enableSidebar, enableNavDropdown, enableVoice, enableMicrophone, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, hideExpand, hideCloseButton, hideAgentSelector, hideBorder, showHeader, agentSelectorUrl, baseAgentSelectorUrl, onAgentChange, initialPrompt, ...props }: DocyAssistantProps & {
+export declare const DocyAssistant: ({ ref, isOpen, onClose, supportWebSearch, supportThinking, supportFiles, supportDocumentSearch, supportDeepResearch, supportMultiModels, supportWorkCanvas, apiEndpoint, title: titleProp, description: descriptionProp, placeholder: placeholderProp, logo, footerText: footerTextProp, variant, renderMode, enableSidebar, enableNavDropdown, enableVoice, enableMicrophone, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, hideExpand, hideCloseButton, hideAgentSelector, hideBorder, showHeader, agentSelectorUrl, baseAgentSelectorUrl, onAgentChange, initialPrompt, initialModelId, initialFeatures, initialFiles, ...props }: DocyAssistantProps & {
     ref?: RefObject<HTMLDivElement | null>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-agents-data.d.ts

@@ -9,6 +9,7 @@ export interface AgentTriggerData {
     capabilities: AgentCapabilities;
     models: Model[];
     standardSuggestions: string[];
+    promptOptimizationChoice: string | null;
 }
 export interface UseAgentsDataResult {
     agents: AgentTriggerData[];

package/dist/index.js

@@ -9,7 +9,7 @@ import { Input } from '@docyrus/ui-pro-shared/components/input';
 import { Tabs as Tabs$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, TabsContent as TabsContent$1 } from '@docyrus/ui-pro-shared/components/tabs';
 import { cn } from '@docyrus/ui-pro-shared/lib/utils';
 import { DefaultChatTransport, lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
-import { PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, Pencil, PlusCircle, HelpCircle, Maximize2, X, Download, FileSpreadsheet, ChevronDown, Search, Globe, CheckCircle, FolderOpen, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, XCircle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, ChevronLeft, Bot, ChevronRight, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Mic, RefreshCcw, Code, Star, Trash, Edit, FolderInput, Archive, Sparkles, PanelLeft, MessageSquare, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Table, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
+import { PilcrowIcon, Heading1Icon, Heading2Icon, Heading3Icon, SquareIcon, ListIcon, ListOrderedIcon, ChevronDownIcon, Code2Icon, QuoteIcon, LightbulbIcon, Columns3Icon, GripVertical, FileUpIcon, TableIcon, ImageIcon, FilmIcon, AudioLinesIcon, TableOfContentsIcon, RadicalIcon, RectangleVerticalIcon, CalendarIcon, PlusIcon, FileCodeIcon, MinusIcon, ChevronRightIcon, ListTree, PenToolIcon, Link2Icon, Check, Copy, FilesIcon, Link, Text, ExternalLink, Unlink, Bold, Italic, Underline, Strikethrough, Code2, MoreHorizontal, ArrowLeftIcon, ArrowRightIcon, Minus, Plus, CircleArrowDown, Minimize2, Trash2, FileUp, CheckCircle2, FileText, Loader2, CornerDownLeftIcon, PencilLineIcon, MessageSquareTextIcon, MessagesSquareIcon, ArrowUpIcon, CheckIcon, CaptionsIcon, ZoomInIcon, CircleArrowDownIcon, MoveUpRightIcon, MoreHorizontalIcon, Eye, Pencil, PlusCircle, HelpCircle, Maximize2, X, Download, FileSpreadsheet, ChevronDown, Search, Globe, CheckCircle, FolderOpen, User, ArrowRight, MapPin, CalendarClock, List, RefreshCw, FilePlus, XIcon, CornerUpLeftIcon, AlbumIcon, FeatherIcon, ListMinusIcon, ListPlusIcon, ListEnd, Wand, LanguagesIcon, BadgeHelpIcon, PenLineIcon, SearchIcon, MusicIcon, CompassIcon, SmileIcon, LeafIcon, ClockIcon, AppleIcon, FlagIcon, StarIcon, DeleteIcon, AlignLeft, AlignCenter, AlignRight, RotateCcw, AlertTriangle, XCircle, AlertCircle, ArrowUpDown, ArrowDownToLine, PenLine, PencilIcon, TrashIcon, RefreshCwIcon, PaintRoller, MessageSquareText, ArrowLeft, ChevronLeft, Bot, ChevronRight, Brain, Lightbulb, BookOpen, PenTool, SlidersHorizontal, Wand2, Mic, RefreshCcw, Code, Star, Trash, Edit, FolderInput, Archive, Sparkles, PanelLeft, MessageSquare, NotebookText, CirclePlus, MoreVertical, FileSearch, Microscope, Ruler, AudioLines, BrainCircuit, File as File$1, Plug, Inbox, Menu, LayoutDashboard, Table2, WandSparklesIcon, ArrowUpToLineIcon, BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, HighlighterIcon, Undo2Icon, Redo2Icon, ArrowDownToLineIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, ListOrdered, ListTodoIcon, ListCollapseIcon, Table, Grid3x3Icon, Combine, Ungroup, ArrowUp, ArrowDown, Trash2Icon, LinkIcon, WrapText, OutdentIcon, IndentIcon, EyeIcon, PenIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AsyncTokenManager, RestApiClient } from '@docyrus/api-client';
 import { TooltipProvider, Tooltip as Tooltip$1, TooltipTrigger, TooltipContent } from '@docyrus/ui-pro-shared/components/tooltip';
@@ -2552,7 +2552,8 @@ function toAgentTriggerData(id, data) {
     description: agent.description ?? null,
     capabilities: extractCapabilities(agent),
     models: agent.models ?? [],
-    standardSuggestions: agent.standardSuggestions ?? agent.standard_suggestions ?? []
+    standardSuggestions: agent.standardSuggestions ?? agent.standard_suggestions ?? [],
+    promptOptimizationChoice: agent.promptOptimizationChoice ?? agent.prompt_optimization_choice ?? null
   };
 }
 function useAgentsData(agentIds) {
@@ -3978,7 +3979,9 @@ var AIInputArea = ({
   compactToolbar = false,
   threadId,
   hasMessages = false,
-  tenantAiProjectId
+  tenantAiProjectId,
+  initialModelId,
+  initialFeatures
 }) => {
   const { t } = useAssistantTranslation();
   const isBaseAgent = !deploymentId && !!tenantAiAgentId;
@@ -4003,11 +4006,21 @@ var AIInputArea = ({
   const effectiveSupportThinking = capabilities ? capabilities.supportThinking : supportThinking;
   const effectiveSupportDeepResearch = capabilities ? capabilities.supportDeepResearch : supportDeepResearch;
   const effectiveSupportWorkCanvas = capabilities ? capabilities.supportWorkCanvas : supportWorkCanvas;
-  const [webSearchActive, setWebSearchActive] = useState(false);
-  const [documentSearchActive, setDocumentSearchActive] = useState(false);
-  const [thinkingActive, setThinkingActive] = useState(false);
-  const [deepResearchActive, setDeepResearchActive] = useState(false);
-  const [workCanvasActive, setWorkCanvasActive] = useState(false);
+  const [webSearchActive, setWebSearchActive] = useState(initialFeatures?.webSearch ?? false);
+  const [documentSearchActive, setDocumentSearchActive] = useState(initialFeatures?.documentSearch ?? false);
+  const [thinkingActive, setThinkingActive] = useState(initialFeatures?.thinking ?? false);
+  const [deepResearchActive, setDeepResearchActive] = useState(initialFeatures?.deepResearch ?? false);
+  const [workCanvasActive, setWorkCanvasActive] = useState(initialFeatures?.workCanvas ?? false);
+  const initialModelAppliedRef = useRef(false);
+  useEffect(() => {
+    if (initialModelId && models.length > 0 && !initialModelAppliedRef.current) {
+      const match = models.find((m) => m.id === initialModelId);
+      if (match) {
+        setSelectedModel(match);
+        initialModelAppliedRef.current = true;
+      }
+    }
+  }, [initialModelId, models, setSelectedModel]);
   const toggleActiveClass = "bg-primary/10 text-primary hover:bg-primary/20 ring-1 ring-primary/30";
   const [memoryExtractionOpen, setMemoryExtractionOpen] = useState(false);
   const [memoryExtractionLoading, setMemoryExtractionLoading] = useState(false);
@@ -7370,7 +7383,9 @@ function ChatPanel({
   renderThreadHeader,
   messagesClassName,
   compactToolbar,
-  threadId
+  threadId,
+  initialModelId,
+  initialFeatures
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     renderThreadHeader?.(),
@@ -7418,7 +7433,9 @@ function ChatPanel({
         showToolbar: !compactToolbar,
         compactToolbar,
         threadId,
-        hasMessages: messages.length > 0
+        hasMessages: messages.length > 0,
+        initialModelId,
+        initialFeatures
       }
     ) })
   ] });
@@ -22504,6 +22521,8 @@ var AssistantView = ({ ref, ...props }) => {
         onToolAction: commonProps2.onToolAction,
         openCanvasView: handleOpenCanvasView,
         threadId: commonProps2.threadId,
+        initialModelId: commonProps2.initialModelId,
+        initialFeatures: commonProps2.initialFeatures,
         messagesClassName: "p-4"
       }
     );
@@ -22953,6 +22972,8 @@ var AssistantView = ({ ref, ...props }) => {
                   openCanvasView: handleOpenCanvasViewInline,
                   renderThreadHeader,
                   threadId: commonProps.threadId,
+                  initialModelId: commonProps.initialModelId,
+                  initialFeatures: commonProps.initialFeatures,
                   compactToolbar: !isFullscreen
                 }
               )
@@ -24677,6 +24698,9 @@ var DocyAssistant = ({
   baseAgentSelectorUrl = "/ai/agent-deployments/base",
   onAgentChange,
   initialPrompt,
+  initialModelId,
+  initialFeatures,
+  initialFiles,
   ...props
 }) => {
   const config3 = useAssistantConfig();
@@ -25024,7 +25048,42 @@ var DocyAssistant = ({
     if (!initialPrompt || initialPromptSentRef.current) return;
     initialPromptSentRef.current = true;
     setInput(initialPrompt);
-    void handleSendMessage(void 0, void 0, initialPrompt);
+    const buildOptionsAndSend = async () => {
+      const initialOptions = {};
+      if (initialModelId) initialOptions.modelId = initialModelId;
+      if (initialFeatures) {
+        initialOptions.supportWebSearch = initialFeatures.webSearch;
+        initialOptions.supportThinking = initialFeatures.thinking;
+        initialOptions.supportDeepResearch = initialFeatures.deepResearch;
+        initialOptions.supportDocumentSearch = initialFeatures.documentSearch;
+        initialOptions.supportWorkCanvas = initialFeatures.workCanvas;
+        initialOptions.supportFiles = initialFeatures.files;
+      }
+      if (initialFiles && initialFiles.length > 0) {
+        const fileData = [];
+        for (const file of initialFiles) {
+          try {
+            const url = await new Promise((resolve, reject) => {
+              const reader = new FileReader();
+              reader.onload = () => resolve(reader.result);
+              reader.onerror = reject;
+              reader.readAsDataURL(file);
+            });
+            fileData.push({ url, mediaType: file.type, filename: file.name });
+          } catch {
+          }
+        }
+        if (fileData.length > 0) {
+          initialOptions.files = fileData;
+        }
+      }
+      void handleSendMessage(
+        void 0,
+        Object.keys(initialOptions).length > 0 ? initialOptions : void 0,
+        initialPrompt
+      );
+    };
+    void buildOptionsAndSend();
   }, [initialPrompt]);
   const handleInputChange = useCallback((e) => {
     setInput(e.target.value);
@@ -25193,6 +25252,8 @@ var DocyAssistant = ({
       supportMultiModels,
       deploymentId,
       tenantAiAgentId: activeAgentId,
+      initialModelId,
+      initialFeatures,
       enableMicrophone,
       enableVoice,
       isRecording,
@@ -25845,6 +25906,7 @@ var CAPABILITY_TOGGLES = [
     labelKey: "tools.file_upload"
   }
 ];
+var ACCEPTED_FILE_TYPES = ".pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.json,.xml,.png,.jpg,.jpeg,.gif,.webp";
 function ToggleSwitch({
   checked,
   onChange,
@@ -25887,13 +25949,16 @@ function useClickOutside(ref, open, onClose) {
   }, [ref, open, onClose]);
 }
 function AgentTriggerPrompt({
+  agentId,
   capabilities,
   models,
   suggestions,
   placeholder,
+  promptOptimizationChoice,
   onSubmit
 }) {
   const { t } = useAssistantTranslation();
+  const apiClient = useApiClient();
   const [prompt, setPrompt] = useState("");
   const [selectedModel, setSelectedModel] = useState(
     models[0]
@@ -25913,9 +25978,24 @@ function AgentTriggerPrompt({
   const settingsRef = useRef(null);
   const modelRef = useRef(null);
   const reasoningRef = useRef(null);
+  const [attachedFiles, setAttachedFiles] = useState([]);
+  const fileInputRef = useRef(null);
+  const [generatedSuggestions, setGeneratedSuggestions] = useState([]);
+  const [isGeneratingSuggestions, setIsGeneratingSuggestions] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [isTranscribing, setIsTranscribing] = useState(false);
+  const mediaRecorderRef = useRef(null);
+  const audioChunksRef = useRef([]);
+  const [isOptimizing, setIsOptimizing] = useState(false);
+  const showOptimize = promptOptimizationChoice === "manual";
   useClickOutside(settingsRef, settingsOpen, () => setSettingsOpen(false));
   useClickOutside(modelRef, modelDropdownOpen, () => setModelDropdownOpen(false));
   useClickOutside(reasoningRef, reasoningDropdownOpen, () => setReasoningDropdownOpen(false));
+  useEffect(() => {
+    if (models.length > 0 && !models.find((m) => m.id === selectedModel?.id)) {
+      setSelectedModel(models[0]);
+    }
+  }, [models, selectedModel?.id]);
   const hasThinking = capabilities?.supportThinking || selectedModel?.supportThinking;
   const reasoningLevels = useMemo(
     () => hasThinking ? selectedModel?.reasoningLevels ?? [] : [],
@@ -25932,16 +26012,130 @@ function AgentTriggerPrompt({
   const toggleFeature = useCallback((key) => {
     setFeatures((prev) => ({ ...prev, [key]: !prev[key] }));
   }, []);
+  const allSuggestions = useMemo(() => {
+    const set = /* @__PURE__ */ new Set([...suggestions, ...generatedSuggestions]);
+    return [...set];
+  }, [suggestions, generatedSuggestions]);
+  const generateSuggestions = useCallback(async () => {
+    if (!agentId || isGeneratingSuggestions) return;
+    setIsGeneratingSuggestions(true);
+    try {
+      const res = await apiClient.post(`/ai/agents/${agentId}/suggestions`, {
+        prompt: prompt || void 0
+      });
+      if (res.success && res.data) {
+        const data = res.data;
+        if (data.promptSuggestions?.length) {
+          setGeneratedSuggestions(data.promptSuggestions);
+        }
+      }
+    } catch {
+    } finally {
+      setIsGeneratingSuggestions(false);
+    }
+  }, [
+    agentId,
+    apiClient,
+    isGeneratingSuggestions,
+    prompt
+  ]);
+  const handleFileSelect = useCallback(() => {
+    fileInputRef.current?.click();
+  }, []);
+  const handleFileChange = useCallback((e) => {
+    const { files } = e.target;
+    if (!files) return;
+    setAttachedFiles((prev) => [...prev, ...Array.from(files)]);
+    e.target.value = "";
+  }, []);
+  const removeFile = useCallback((index) => {
+    setAttachedFiles((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const startRecording = useCallback(async () => {
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      const mediaRecorder = new MediaRecorder(stream);
+      audioChunksRef.current = [];
+      mediaRecorder.ondataavailable = (e) => {
+        if (e.data.size > 0) {
+          audioChunksRef.current.push(e.data);
+        }
+      };
+      mediaRecorder.onstop = async () => {
+        stream.getTracks().forEach((track) => track.stop());
+        const audioBlob = new Blob(audioChunksRef.current, { type: "audio/webm" });
+        if (audioBlob.size === 0) return;
+        setIsTranscribing(true);
+        try {
+          const formData = new FormData();
+          formData.append("file", audioBlob, "recording.webm");
+          const res = await apiClient.post("/ai/transcribe", formData);
+          if (res.success && res.data) {
+            const data = res.data;
+            const transcript = data.transcription?.text || "";
+            if (transcript) {
+              setPrompt((prev) => prev ? `${prev} ${transcript}` : transcript);
+            }
+          }
+        } catch {
+        } finally {
+          setIsTranscribing(false);
+        }
+      };
+      mediaRecorderRef.current = mediaRecorder;
+      mediaRecorder.start();
+      setIsRecording(true);
+    } catch {
+    }
+  }, [apiClient]);
+  const stopRecording = useCallback(() => {
+    if (mediaRecorderRef.current && mediaRecorderRef.current.state === "recording") {
+      mediaRecorderRef.current.stop();
+      setIsRecording(false);
+    }
+  }, []);
+  const handleMicClick = useCallback(() => {
+    if (isRecording) {
+      stopRecording();
+    } else {
+      void startRecording();
+    }
+  }, [isRecording, startRecording, stopRecording]);
+  const optimizePrompt = useCallback(async () => {
+    if (!agentId || !prompt.trim() || isOptimizing) return;
+    setIsOptimizing(true);
+    try {
+      const res = await apiClient.post(`/ai/agents/${agentId}/optimize`, {
+        prompt: prompt.trim()
+      });
+      if (res.success && res.data) {
+        const data = res.data;
+        if (data.optimizedPrompt) {
+          setPrompt(data.optimizedPrompt);
+        }
+      }
+    } catch {
+    } finally {
+      setIsOptimizing(false);
+    }
+  }, [
+    agentId,
+    apiClient,
+    isOptimizing,
+    prompt
+  ]);
   const handleSubmit = useCallback(() => {
     const trimmed = prompt.trim();
     if (!trimmed) return;
-    onSubmit(trimmed, features, selectedModel?.id);
+    onSubmit(trimmed, features, selectedModel?.id, attachedFiles.length > 0 ? attachedFiles : void 0);
     setPrompt("");
+    setAttachedFiles([]);
   }, [
     prompt,
     features,
     selectedModel,
-    onSubmit
+    onSubmit,
+    attachedFiles
   ]);
   const handleKeyDown = useCallback(
     (e) => {
@@ -25964,17 +26158,32 @@ function AgentTriggerPrompt({
     return true;
   }) : [];
   return /* @__PURE__ */ jsxs("div", { className: "mt-4 mb-1 w-full max-w-[54rem]", children: [
-    suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        multiple: true,
+        accept: ACCEPTED_FILE_TYPES,
+        className: "hidden",
+        onChange: handleFileChange
+      }
+    ),
+    agentId && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+      isGeneratingSuggestions ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: "Generating suggestions..." })
+      ] }) : /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          title: t("common.generate_suggestions") || "Generate Suggestions",
+          title: "Generate Suggestions",
+          onClick: generateSuggestions,
           className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-muted/80 hover:text-foreground",
           children: /* @__PURE__ */ jsx(Plus, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "suggestions-container flex items-center gap-2 overflow-x-auto", children: suggestions.map((s) => /* @__PURE__ */ jsx(
+      allSuggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "suggestions-container flex items-center gap-2 overflow-x-auto", children: allSuggestions.map((s) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -25998,6 +26207,26 @@ function AgentTriggerPrompt({
           rows: 2
         }
       ),
+      attachedFiles.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 px-3 pb-2", children: attachedFiles.map((file, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1 text-xs text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(FileUp, { className: "size-3.5 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "max-w-32 truncate", children: file.name }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeFile(index),
+                className: "ml-0.5 text-muted-foreground transition-colors hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+              }
+            )
+          ]
+        },
+        `${file.name}-${index}`
+      )) }),
       /* @__PURE__ */ jsxs("div", { className: "flex h-10 items-center justify-between px-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           capabilities?.supportFiles && /* @__PURE__ */ jsx(
@@ -26005,6 +26234,7 @@ function AgentTriggerPrompt({
             {
               type: "button",
               title: t("tools.file_upload"),
+              onClick: handleFileSelect,
               className: "flex size-7 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground",
               children: /* @__PURE__ */ jsx(Plus, { className: "size-5" })
             }
@@ -26118,14 +26348,34 @@ function AgentTriggerPrompt({
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "flex size-7 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground",
-            children: /* @__PURE__ */ jsx(Mic, { className: "size-5" })
-          }
-        ) })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          showOptimize && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: t("common.optimize_prompt") || "Optimize Prompt",
+              disabled: isOptimizing || !prompt.trim(),
+              onClick: () => void optimizePrompt(),
+              className: "flex size-7 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50",
+              children: isOptimizing ? /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }) : /* @__PURE__ */ jsx(Wand2, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              title: isRecording ? t("common.stop_recording") || "Stop Recording" : t("common.start_recording") || "Start Recording",
+              disabled: isTranscribing,
+              onClick: handleMicClick,
+              className: cn(
+                "flex size-7 items-center justify-center rounded transition-colors",
+                isRecording ? "text-red-500 animate-pulse hover:text-red-600" : "text-muted-foreground hover:text-foreground",
+                isTranscribing && "opacity-50"
+              ),
+              children: isTranscribing ? /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }) : /* @__PURE__ */ jsx(Mic, { className: "size-5" })
+            }
+          )
+        ] })
       ] })
     ] })
   ] });
@@ -26156,9 +26406,9 @@ function AgentTriggerWidget({
     [agents.length]
   );
   const handlePromptSubmit = useCallback(
-    (prompt, features, modelId) => {
+    (prompt, features, modelId, files) => {
       if (!currentAgent) return;
-      onSubmit?.(currentAgent.id, prompt, features, modelId);
+      onSubmit?.(currentAgent.id, prompt, features, modelId, files);
     },
     [currentAgent, onSubmit]
   );
@@ -26242,9 +26492,11 @@ function AgentTriggerWidget({
         /* @__PURE__ */ jsx("div", { className: "flex h-fit w-full grow items-end justify-center px-6 pb-6", children: /* @__PURE__ */ jsx(
           AgentTriggerPrompt,
           {
+            agentId: currentAgent?.id ?? null,
             capabilities: currentAgent?.capabilities ?? null,
             models: currentAgent?.models ?? [],
             suggestions: currentAgent?.standardSuggestions ?? [],
+            promptOptimizationChoice: currentAgent?.promptOptimizationChoice,
             placeholder,
             onSubmit: handlePromptSubmit
           }