@docyrus/ui-pro-ai-assistant 0.3.3 → 0.3.5

package/README.md

@@ -139,6 +139,7 @@ import type {
   AssistantConfig,
   AssistantUser,
   AgentTriggerWidgetProps,
+  InitialFeatureFlags,
   PromptFeatureFlags,
   Project,
   Work,
@@ -270,7 +271,7 @@ The main chat interface component.
 |------|------|---------|-------------|
 | `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` | `{ webSearch?, thinking?, deepResearch?, documentSearch?, workCanvas?, files? }` | — | Feature flags to enable 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 |
 
 ---
@@ -312,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

@@ -22763,14 +22763,14 @@ var AssistantView = ({ ref, ...props }) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-row min-h-0 overflow-hidden relative", children: [
-            !isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 left-2 z-40 flex flex-col gap-1", children: [
+            !isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 left-2 z-40 flex flex-col gap-1 rounded-md bg-background/80 backdrop-blur-sm p-0.5", children: [
               enableSidebar && onToggleSidebar && /* @__PURE__ */ jsx(
                 Button,
                 {
                   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",
                   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",
                     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",
                   title: t("buttons.start_new_thread"),
                   children: /* @__PURE__ */ jsx(Edit, { className: "w-4 h-4" })
                 }
@@ -23257,7 +23257,7 @@ function MemoryDialog({
     ] })
   ] }) });
 }
-var MemoriesPanel = ({ t }) => {
+var MemoriesPanel = ({ t, sidebarOffset }) => {
   const apiClient = useApiClient();
   const [memories, setMemories] = useState([]);
   const [loading, setLoading] = useState(false);
@@ -23319,7 +23319,7 @@ var MemoriesPanel = ({ t }) => {
     return m.title.toLowerCase().includes(q) || m.content.toLowerCase().includes(q);
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto p-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between mb-6", sidebarOffset && "ml-6"), children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-col min-w-0", children: /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold ps-2", children: t("tabs.memories") }) }),
       /* @__PURE__ */ jsxs(
         Button,
@@ -23433,12 +23433,13 @@ var AssistantProjectDetailView = ({
   enableVoice,
   isRecording,
   recognition,
-  onMicrophoneClick
+  onMicrophoneClick,
+  sidebarOffset
 }) => {
   const { t } = useAssistantTranslation();
   const [activeTab, setActiveTab] = useState("sessions");
   return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col px-6 mt-2 overflow-y-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 mb-2", sidebarOffset && "ml-6"), children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -23771,10 +23772,11 @@ var SessionsListView = ({
   onSessionClick,
   onEditSession,
   onDeleteSession,
-  t
+  t,
+  sidebarOffset
 }) => {
   return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto p-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between mb-6", sidebarOffset && "ml-6"), children: [
       /* @__PURE__ */ jsx("div", { className: "flex flex-col min-w-0", children: /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold ps-2", children: t("tabs.sessions") }) }),
       /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onNewSession, className: "shrink-0", children: [
         /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" }),
@@ -25075,7 +25077,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 = [];
@@ -25369,7 +25370,8 @@ var DocyAssistant = ({
             sessionActions.selectSession(session);
             sessionActions.setDeleteDialogOpen(true);
           },
-          t
+          t,
+          sidebarOffset: !uiState.isSidebarOpen && enableSidebar
         }
       ),
       renderProjectsView: () => projectState.view === "create" ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col p-6", children: [
@@ -25479,7 +25481,8 @@ var DocyAssistant = ({
           enableVoice,
           isRecording,
           recognition,
-          onMicrophoneClick: handleMicrophoneClick
+          onMicrophoneClick: handleMicrophoneClick,
+          sidebarOffset: !uiState.isSidebarOpen && enableSidebar
         }
       ) : /* @__PURE__ */ jsx(
         AssistantProjectsPanel,
@@ -25506,7 +25509,7 @@ var DocyAssistant = ({
           t
         }
       ),
-      renderMemoriesView: () => /* @__PURE__ */ jsx(MemoriesPanel, { t }),
+      renderMemoriesView: () => /* @__PURE__ */ jsx(MemoriesPanel, { t, sidebarOffset: !uiState.isSidebarOpen && enableSidebar }),
       renderWorksView: () => worksState.detailViewWork ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col overflow-y-auto", children: /* @__PURE__ */ jsx(
         AssistantWorkDetailView,
         {
@@ -25515,7 +25518,7 @@ var DocyAssistant = ({
           onBack: () => worksActions.setDetailViewWork(null)
         }
       ) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col overflow-y-auto p-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between mb-6", !uiState.isSidebarOpen && enableSidebar && "ml-6"), children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
             /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold ps-2", children: t("tabs.works") }),
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground ps-2", children: t("descriptions.manage_works") })
@@ -25767,9 +25770,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 = {
@@ -25917,12 +25920,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";
@@ -25958,13 +25955,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({
@@ -25987,8 +25991,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);
@@ -26010,6 +26013,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]);
@@ -26414,7 +26422,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;
@@ -26431,10 +26440,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",
@@ -26501,7 +26507,7 @@ function AgentTriggerWidget({
             AgentCarousel,
             {
               agents,
-              selectedIndex: carouselIndex,
+              selectedIndex: safeIndex,
               onSelect: setCarouselIndex,
               onNavigate: navigateCarousel
             }