@docyrus/ui-pro-ai-assistant 0.5.6 → 0.5.8

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

@@ -48,6 +48,7 @@ interface AIInputAreaProps {
     tenantAiProjectId?: string;
     initialModelId?: string;
     initialFeatures?: InitialFeatureFlags;
+    onManageMemories?: () => void;
 }
 export declare const AIInputArea: FC<AIInputAreaProps>;
 export {};

package/dist/index.js

@@ -5522,7 +5522,8 @@ var AIInputArea = ({
   hideFooter = false,
   tenantAiProjectId,
   initialModelId,
-  initialFeatures
+  initialFeatures,
+  onManageMemories
 }) => {
   const { t } = useAssistantTranslation();
   const apiClient = useApiClient();
@@ -6237,20 +6238,38 @@ var AIInputArea = ({
     ),
     !hideFooter && /* @__PURE__ */ jsxs("div", { className: "relative mt-2 flex items-center px-1", children: [
       footerText && /* @__PURE__ */ jsx("span", { className: "flex-1 text-center text-xs text-muted-foreground", children: footerText }),
-      /* @__PURE__ */ jsxs(Tooltip$2, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger$1, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon",
-            className: "absolute right-0 h-6 w-6 text-muted-foreground",
-            disabled: !threadId || !hasMessages,
-            onClick: handleExtractMemories,
-            children: /* @__PURE__ */ jsx(BrainCircuit, { className: "h-3.5 w-3.5" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent$1, { side: "top", children: t("tools.extract_memories") })
+      /* @__PURE__ */ jsxs(DropdownMenu$1, { children: [
+        /* @__PURE__ */ jsxs(Tooltip$2, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger$1, { asChild: true, children: /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-0 h-6 w-6 text-muted-foreground",
+              children: /* @__PURE__ */ jsx(BrainCircuit, { className: "h-3.5 w-3.5" })
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(TooltipContent$1, { side: "top", children: t("tools.extract_memories") })
+        ] }),
+        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", side: "top", className: "w-60", children: [
+          /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              disabled: !threadId || !hasMessages,
+              onClick: handleExtractMemories,
+              children: "Extract Memories from Session"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DropdownMenuItem,
+            {
+              disabled: !onManageMemories,
+              onClick: () => onManageMemories?.(),
+              children: "Manage Memories"
+            }
+          )
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsx(
@@ -14875,7 +14894,8 @@ function ChatPanel({
   threadId,
   initialModelId,
   initialFeatures,
-  subagents
+  subagents,
+  onManageMemories
 }) {
   const renderInputArea = (hideFooter = false) => /* @__PURE__ */ jsx(
     AIInputArea,
@@ -14907,7 +14927,8 @@ function ChatPanel({
       hasMessages: messages.length > 0,
       hideFooter,
       initialModelId,
-      initialFeatures
+      initialFeatures,
+      onManageMemories
     }
   );
   const isWelcome = showWelcome && messages.length === 0;
@@ -14927,7 +14948,7 @@ function ChatPanel({
           className: "flex flex-1 flex-col items-center overflow-y-auto p-6 transition-all duration-250 ease-out",
           style: { opacity: fadingOut ? 0 : 1, transform: fadingOut ? "translateY(-8px)" : "translateY(0)" },
           children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 py-12", children: isLoadingAgent ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "p-2 bg-muted rounded-md", children: /* @__PURE__ */ jsx(Spinner, { className: "size-10 text-muted-foreground" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 pb-6", children: isLoadingAgent ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "p-2 bg-muted rounded-md", children: /* @__PURE__ */ jsx(Spinner, { className: "size-10 text-muted-foreground" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               hasAgentAnimations(tenantAiAgentId) ? /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "opening", agentId: tenantAiAgentId, className: "w-10 h-10" }) : logo ? /* @__PURE__ */ jsx(AIMessageAvatar, { src: logo, name: title || "Assistant", className: "w-10 h-10" }) : /* @__PURE__ */ jsx(AssistantAnimations, { animationType: "opening", className: "w-10 h-10" }),
               /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground [&_h4]:text-foreground [&_*]:my-0 [&_*+*]:mt-2", children: welcomeMessage ? /* @__PURE__ */ jsx(MessageResponse, { children: welcomeMessage }) : /* @__PURE__ */ jsx("p", { children: description || "Your AI-powered assistant for all your document needs." }) }),
               /* @__PURE__ */ jsx("div", { className: "mt-2", children: renderInputArea(true) })
@@ -30332,21 +30353,7 @@ var AssistantView = ({ ref, ...props }) => {
                   children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
                 }
               ),
-              onTabChange && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  onClick: () => onTabChange(activeTab === 4 ? 0 : 4),
-                  className: cn(
-                    "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"),
-                  children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
-                }
-              ),
-              isFullscreen && onNewChat && /* @__PURE__ */ jsx(
+              onNewChat && /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "ghost",
@@ -30397,32 +30404,16 @@ var AssistantView = ({ ref, ...props }) => {
                   isSidebarOpen ? "w-72" : "w-0"
                 ),
                 children: /* @__PURE__ */ jsxs("div", { className: "w-72 h-full flex flex-col relative", children: [
-                  isSidebarOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 z-10 flex flex-col gap-1", children: [
-                    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",
-                        children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
-                      }
-                    ),
-                    onTabChange && /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "ghost",
-                        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",
-                          activeTab === 4 && "bg-accent text-accent-foreground"
-                        ),
-                        title: t("tabs.memories"),
-                        children: /* @__PURE__ */ jsx(Brain, { className: "w-4 h-4" })
-                      }
-                    )
-                  ] }),
+                  isSidebarOpen && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10 flex flex-col gap-1", children: 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",
+                      children: /* @__PURE__ */ jsx(PanelLeft, { className: "w-4 h-4" })
+                    }
+                  ) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex-1 p-4 flex flex-col min-h-0 overflow-hidden", children: [
                     !showHeader && agentSelectorElement && /* @__PURE__ */ jsx("div", { className: "mb-3 shrink-0", children: agentSelectorElement }),
                     renderSidebar(false)
@@ -30539,6 +30530,7 @@ var AssistantView = ({ ref, ...props }) => {
                   initialModelId: commonProps.initialModelId,
                   initialFeatures: commonProps.initialFeatures,
                   subagents: commonProps.subagents,
+                  onManageMemories: onTabChange ? () => onTabChange(4) : void 0,
                   compactToolbar: !isFullscreen
                 }
               )