@docyrus/ui-pro-ai-assistant 0.3.2 → 0.3.4

package/README.md

@@ -139,6 +139,7 @@ import type {
   AssistantConfig,
   AssistantUser,
   AgentTriggerWidgetProps,
+  InitialFeatureFlags,
   PromptFeatureFlags,
   Project,
   Work,
@@ -269,6 +270,9 @@ The main chat interface component.
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `initialPrompt` | `string` | — | When provided, the assistant auto-sends this message on mount. Useful when launching the assistant from an agent trigger widget or deep link |
+| `initialModelId` | `string` | — | Model ID to pre-select when auto-sending the initial prompt |
+| `initialFeatures` | `InitialFeatureFlags` | — | Feature flags to enable when auto-sending the initial prompt |
+| `initialFiles` | `File[]` | — | Files to attach when auto-sending the initial prompt |
 
 ---
 
@@ -309,7 +313,20 @@ interface PromptFeatureFlags {
   deepResearch: boolean;
   documentSearch: boolean;
   workCanvas: boolean;
-  files: boolean;
+}
+```
+
+#### `InitialFeatureFlags`
+
+Used by `DocyAssistant.initialFeatures` — all fields are optional since you only need to set the ones you want enabled:
+
+```ts
+interface InitialFeatureFlags {
+  webSearch?: boolean;
+  thinking?: boolean;
+  deepResearch?: boolean;
+  documentSearch?: boolean;
+  workCanvas?: boolean;
 }
 ```
 

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

@@ -6,7 +6,6 @@ export interface PromptFeatureFlags {
     deepResearch: boolean;
     documentSearch: boolean;
     workCanvas: boolean;
-    files: boolean;
 }
 export interface AgentTriggerPromptProps {
     agentId: string | null;

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

@@ -1,4 +1,5 @@
 import { type ChangeEvent, type FC, type FormEvent } from 'react';
+import { type InitialFeatureFlags } from '../types';
 interface SubmitOptions {
     modelId?: string;
     supportMultipleModels?: boolean;
@@ -45,13 +46,7 @@ interface AIInputAreaProps {
     hasMessages?: boolean;
     tenantAiProjectId?: string;
     initialModelId?: string;
-    initialFeatures?: {
-        webSearch?: boolean;
-        thinking?: boolean;
-        deepResearch?: boolean;
-        documentSearch?: boolean;
-        workCanvas?: boolean;
-    };
+    initialFeatures?: InitialFeatureFlags;
 }
 export declare const AIInputArea: FC<AIInputAreaProps>;
 export {};

package/dist/index.d.ts

@@ -3,4 +3,4 @@ export { type AssistantConfig, AssistantProvider, type AssistantUser, useAssista
 export { AssistantI18nProvider, useAssistantTranslation } from './i18n';
 export { AgentTriggerWidget, type AgentTriggerWidgetProps } from './components/agent-trigger-widget';
 export { type PromptFeatureFlags } from './components/agent-trigger-widget/agent-trigger-prompt';
-export type { Project, Work, WorkTypes } from './types';
+export type { InitialFeatureFlags, Project, Work, WorkTypes } from './types';

package/dist/index.js

@@ -22770,7 +22770,7 @@ var AssistantView = ({ ref, ...props }) => {
                   variant: "ghost",
                   size: "icon",
                   onClick: onToggleSidebar,
-                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                  className: "h-8 w-8 text-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
                   title: t("tabs.sessions"),
                   children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
                 }
@@ -22782,7 +22782,7 @@ var AssistantView = ({ ref, ...props }) => {
                   size: "icon",
                   onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
                   className: cn(
-                    "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                    "h-8 w-8 text-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
                     activeTab === 4 && "bg-background text-foreground shadow"
                   ),
                   title: t("tabs.memories"),
@@ -22795,7 +22795,7 @@ var AssistantView = ({ ref, ...props }) => {
                   variant: "ghost",
                   size: "icon",
                   onClick: onNewChat,
-                  className: "h-8 w-8 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
+                  className: "h-8 w-8 text-foreground hover:bg-accent hover:text-accent-foreground rounded-md shadow-sm",
                   title: t("buttons.start_new_thread"),
                   children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
                 }
@@ -24902,9 +24902,7 @@ var DocyAssistant = ({
       apiClient,
       configUser.id,
       projectActions.setProjects,
-      (project) => {
-        fetchProjectThreads2(project.id);
-        fetchProjectWorks2(project.id);
+      () => {
       },
       () => projectActions.setProjectsLoaded(true),
       activeAgentId
@@ -24913,8 +24911,6 @@ var DocyAssistant = ({
     apiClient,
     configUser.id,
     projectActions,
-    fetchProjectThreads2,
-    fetchProjectWorks2,
     activeAgentId
   ]);
   const fetchWorks2 = useCallback(async () => {
@@ -24936,9 +24932,7 @@ var DocyAssistant = ({
     fetchThreads
   ]);
   useEffect(() => {
-    if (isOpen && (enableSidebar || enableNavDropdown) && uiState.activeTab === 3) {
-      fetchWorks2();
-    } else if (isOpen && (enableSidebar || enableNavDropdown)) {
+    if (isOpen && (enableSidebar || enableNavDropdown)) {
       projectActions.setProjectsLoaded(false);
       fetchProjects2();
     }
@@ -24946,9 +24940,18 @@ var DocyAssistant = ({
     isOpen,
     enableSidebar,
     enableNavDropdown,
-    uiState.activeTab,
     projectActions,
-    fetchProjects2,
+    fetchProjects2
+  ]);
+  useEffect(() => {
+    if (isOpen && (enableSidebar || enableNavDropdown) && uiState.activeTab === 3) {
+      fetchWorks2();
+    }
+  }, [
+    isOpen,
+    enableSidebar,
+    enableNavDropdown,
+    uiState.activeTab,
     fetchWorks2
   ]);
   useEffect(() => {
@@ -24956,6 +24959,17 @@ var DocyAssistant = ({
       fetchWorks2();
     }
   }, [isOpen, uiState.isRightSidebarOpen, fetchWorks2]);
+  useEffect(() => {
+    const { selectedProject, projectThreads, projectWorks } = projectState;
+    if (!selectedProject) return;
+    const { id: projectId } = selectedProject;
+    if (!projectThreads[projectId]) {
+      fetchProjectThreads2(projectId);
+    }
+    if (!projectWorks[projectId]) {
+      fetchProjectWorks2(projectId);
+    }
+  }, [projectState, fetchProjectThreads2, fetchProjectWorks2]);
   const updateProject2 = async () => {
     await updateProject(apiClient, projectState, projectActions, fetchProjects2, t);
   };
@@ -25061,7 +25075,6 @@ var DocyAssistant = ({
         initialOptions.supportDeepResearch = initialFeatures.deepResearch;
         initialOptions.supportDocumentSearch = initialFeatures.documentSearch;
         initialOptions.supportWorkCanvas = initialFeatures.workCanvas;
-        initialOptions.supportFiles = initialFeatures.files;
       }
       if (initialFiles && initialFiles.length > 0) {
         const fileData = [];
@@ -25753,9 +25766,9 @@ function computeVisibleSlots(agents, index) {
 }
 var SLOT_OUTER_CLASS = {
   0: "z-0 mx-2",
-  1: "z-5 mx-4",
+  1: "z-[5] mx-4",
   2: "z-10 mx-6",
-  3: "z-5 mx-4",
+  3: "z-[5] mx-4",
   4: "z-0 mx-2"
 };
 var SLOT_CIRCLE_CLASS = {
@@ -25903,12 +25916,6 @@ var CAPABILITY_TOGGLES = [
     capKey: "supportWorkCanvas",
     icon: PenTool,
     labelKey: "tools.work_canvas"
-  },
-  {
-    key: "files",
-    capKey: "supportFiles",
-    icon: FileUp,
-    labelKey: "tools.file_upload"
   }
 ];
 var ACCEPTED_FILE_TYPES = ".pdf,.doc,.docx,.txt,.csv,.xlsx,.xls,.json,.xml,.png,.jpg,.jpeg,.gif,.webp";
@@ -25944,13 +25951,20 @@ function ToggleSwitch({
 function useClickOutside(ref, open, onClose) {
   useEffect(() => {
     if (!open) return;
-    const handler = (e) => {
+    const handleClick = (e) => {
       if (ref.current && !ref.current.contains(e.target)) {
         onClose();
       }
     };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
+    const handleEscape = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("mousedown", handleClick);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClick);
+      document.removeEventListener("keydown", handleEscape);
+    };
   }, [ref, open, onClose]);
 }
 function AgentTriggerPrompt({
@@ -25973,8 +25987,7 @@ function AgentTriggerPrompt({
     thinking: false,
     deepResearch: false,
     documentSearch: false,
-    workCanvas: false,
-    files: false
+    workCanvas: false
   });
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [modelDropdownOpen, setModelDropdownOpen] = useState(false);
@@ -25996,6 +26009,11 @@ function AgentTriggerPrompt({
   useClickOutside(settingsRef, settingsOpen, () => setSettingsOpen(false));
   useClickOutside(modelRef, modelDropdownOpen, () => setModelDropdownOpen(false));
   useClickOutside(reasoningRef, reasoningDropdownOpen, () => setReasoningDropdownOpen(false));
+  useEffect(() => () => {
+    if (mediaRecorderRef.current && mediaRecorderRef.current.state === "recording") {
+      mediaRecorderRef.current.stop();
+    }
+  }, []);
   useEffect(() => {
     if (models.length > 0 && !models.find((m) => m.id === selectedModel?.id)) {
       setSelectedModel(models[0]);
@@ -26400,7 +26418,8 @@ function AgentTriggerWidget({
   } = useAgentsData(agentIds);
   const [carouselIndex, setCarouselIndex] = useState(0);
   const containerRef = useRef(null);
-  const currentAgent = agents[carouselIndex] ?? null;
+  const safeIndex = agents.length > 0 ? Math.min(carouselIndex, agents.length - 1) : 0;
+  const currentAgent = agents[safeIndex] ?? null;
   const navigateCarousel = useCallback(
     (direction) => {
       if (agents.length <= 1) return;
@@ -26417,10 +26436,7 @@ function AgentTriggerWidget({
     },
     [currentAgent, onSubmit]
   );
-  const welcomeText = useMemo(() => {
-    if (!currentAgent?.welcomeMessage) return "";
-    return currentAgent.welcomeMessage;
-  }, [currentAgent?.welcomeMessage]);
+  const welcomeText = currentAgent?.welcomeMessage ?? "";
   if (isLoading) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -26487,7 +26503,7 @@ function AgentTriggerWidget({
             AgentCarousel,
             {
               agents,
-              selectedIndex: carouselIndex,
+              selectedIndex: safeIndex,
               onSelect: setCarouselIndex,
               onNavigate: navigateCarousel
             }