@docyrus/ui-pro-ai-assistant 0.7.1 → 0.7.3

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, enableVoice, enableMicrophone, enableWelcomePage, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, hideExpand, hideCloseButton, hideBorder, showHeader, hideHeaderOnWelcome, agentSelectorUrl, onAgentChange, onFullscreenChange, enableSharing, onShare: onShareProp, initialPrompt, initialModelId, initialFeatures, initialFiles, hostEnvironment, appId, appName, appIcon, clientTools, ...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, enableVoice, enableMicrophone, enableWelcomePage, tenantAiAgentId, onMessageSend, onVoiceStart, onVoiceEnd, className, defaultFullscreen, isFullscreen: isFullscreenProp, hideExpand, hideCloseButton, hideBorder, showHeader, hideHeaderOnWelcome, agentSelectorUrl, onAgentChange, onFullscreenChange, enableSharing, onShare: onShareProp, initialPrompt, initialModelId, initialFeatures, initialFiles, hostEnvironment, appId, appName, appIcon, clientTools, ...props }: DocyAssistantProps & {
     ref?: RefObject<HTMLDivElement | null>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/hooks/use-session-state.d.ts

@@ -14,6 +14,7 @@ export declare function useSessionState(): {
     state: SessionState;
     actions: {
         setSessions: (sessions: AssistantSession[]) => void;
+        appendSessions: (sessions: AssistantSession[]) => void;
         selectSessionId: (id: string | null) => void;
         selectSession: (session: AssistantSession | null) => void;
         startEditing: () => void;

package/dist/index.js

@@ -2714,6 +2714,8 @@ var AgentTabs = ({
       return /* @__PURE__ */ jsxs(
         "div",
         {
+          role: "tab",
+          "aria-selected": isActive,
           className: cn(
             "group/tab flex items-center gap-1.5 h-8 pl-2 pr-1 rounded-md cursor-pointer text-sm font-medium max-w-[200px] shrink-0 transition-colors",
             isActive ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent/50 hover:text-foreground"
@@ -3106,13 +3108,19 @@ function processMessagesData(rawData) {
 }
 
 // src/lib/assistant-api-actions.ts
-async function fetchAgentThreads(apiClient, tenantAiAgentId, onSuccess, userId, deploymentId) {
+async function fetchAgentThreads(apiClient, tenantAiAgentId, onSuccess, userId, deploymentId, limit, offset3) {
   try {
     const apiParams = {
       columns: "id,subject,created_on,last_modified_on,body_text,tenant_ai_agent_id,created_by",
       expand: "created_by",
       orderBy: JSON.stringify({ field: "created_on", direction: "desc" })
     };
+    if (typeof limit === "number" && limit > 0) {
+      apiParams.limit = limit;
+    }
+    if (typeof offset3 === "number" && offset3 > 0) {
+      apiParams.offset = offset3;
+    }
     const agentRule = deploymentId ? { field: "tenant_ai_agent_deployment_id", operator: "=", value: deploymentId } : { field: "tenant_ai_agent_id", operator: "=", value: tenantAiAgentId };
     const rules = [agentRule, { field: "archived", operator: "=", value: "false" }];
     if (userId) {
@@ -4749,6 +4757,12 @@ function sessionReducer(state, action) {
   switch (action.type) {
     case "SET_SESSIONS":
       return { ...state, sessions: action.payload };
+    case "APPEND_SESSIONS": {
+      const existing = new Set(state.sessions.map((s) => s.id));
+      const fresh = action.payload.filter((s) => !existing.has(s.id));
+      if (fresh.length === 0) return state;
+      return { ...state, sessions: [...state.sessions, ...fresh] };
+    }
     case "SELECT_SESSION_ID":
       return { ...state, selectedSessionId: action.payload };
     case "SELECT_SESSION":
@@ -4797,6 +4811,9 @@ function useSessionState() {
   const setSessions = useCallback((sessions) => {
     dispatch({ type: "SET_SESSIONS", payload: sessions });
   }, []);
+  const appendSessions = useCallback((sessions) => {
+    dispatch({ type: "APPEND_SESSIONS", payload: sessions });
+  }, []);
   const selectSessionId = useCallback((id) => {
     dispatch({ type: "SELECT_SESSION_ID", payload: id });
   }, []);
@@ -4839,6 +4856,7 @@ function useSessionState() {
   const actions = useMemo(
     () => ({
       setSessions,
+      appendSessions,
       selectSessionId,
       selectSession,
       startEditing,
@@ -4855,6 +4873,7 @@ function useSessionState() {
     }),
     [
       setSessions,
+      appendSessions,
       selectSessionId,
       selectSession,
       startEditing,
@@ -19431,6 +19450,7 @@ var MessageItem = memo(({
     ), children: [
       /* @__PURE__ */ jsx(MessageContent, { className: cn(
         "group-[.is-user]:p-2 group-[.is-user]:mt-0.5",
+        "group-[.is-user]:text-foreground",
         isEditing && isUserMessage && "flex-1 w-full max-w-full"
       ), children: renderMessageContent() }),
       isAssistantMessage && !isStreaming && textContent && /* @__PURE__ */ jsx(MessageActions, { className: "mt-1 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(CopyButton, { text: textContent }) }),
@@ -35694,12 +35714,19 @@ var SidebarContent = ({
   onShowMoreProjects,
   onNewProject,
   onToggleSidebar,
+  onLoadMoreSessions,
+  hasMoreSessions,
   supportWorkCanvas = true,
   t
 }) => {
   const [storedListType, setActiveListType] = useState("sessions");
   const activeListType = !supportWorkCanvas && storedListType === "works" ? "sessions" : storedListType;
   const [openMenuId, setOpenMenuId] = useState(null);
+  const handleSessionsScroll = useCallback((e) => {
+    if (activeListType !== "sessions" || !hasMoreSessions || !onLoadMoreSessions) return;
+    const el = e.currentTarget;
+    if (el.scrollHeight - el.scrollTop - el.clientHeight < 80) onLoadMoreSessions();
+  }, [activeListType, hasMoreSessions, onLoadMoreSessions]);
   const navItems = [{ id: 1, label: t("tabs.sessions"), icon: MessageSquare }, ...supportWorkCanvas ? [{ id: 3, label: t("tabs.works"), icon: NotebookText }] : []];
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-h-0", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-px", children: [
@@ -35821,6 +35848,7 @@ var SidebarContent = ({
           "div",
           {
             className: "flex-1 overflow-y-auto",
+            onScroll: handleSessionsScroll,
             style: {
               scrollbarWidth: "thin",
               scrollbarColor: "var(--muted-foreground) transparent"
@@ -36101,6 +36129,7 @@ function dataUrlToFile(dataUrl, filename) {
   }
   return new File([u8arr], filename, { type: mime });
 }
+var THREADS_PAGE_SIZE = 20;
 var DocyAssistant = ({
   ref,
   isOpen = true,
@@ -36130,6 +36159,7 @@ var DocyAssistant = ({
   onVoiceEnd,
   className,
   defaultFullscreen = false,
+  isFullscreen: isFullscreenProp,
   hideExpand = false,
   hideCloseButton = false,
   hideBorder = false,
@@ -36209,7 +36239,9 @@ var DocyAssistant = ({
   const [showWelcome, setShowWelcome] = useState(() => enableWelcomePage && tabs.length <= 1);
   const currentUserId = configUser.id;
   const [projectSearchQuery, setProjectSearchQuery] = useState("");
-  const [isInlineFullscreen, setIsInlineFullscreen] = useState(defaultFullscreen);
+  const [internalInlineFullscreen, setInternalInlineFullscreen] = useState(defaultFullscreen);
+  const isInlineFullscreen = isFullscreenProp ?? internalInlineFullscreen;
+  const setIsInlineFullscreen = setInternalInlineFullscreen;
   const [sharingEditorOpen, setSharingEditorOpen] = useState(false);
   const [appContext, setAppContext] = useState(
     appId ? { id: appId, name: appName, icon: appIcon } : null
@@ -36415,8 +36447,35 @@ var DocyAssistant = ({
       return changed ? next : prev;
     });
   }, [agentDetails, agentDetailsForId]);
-  const fetchThreads = useCallback(async () => {
-    await fetchAgentThreads(apiClient, activeAgentId, sessionActions.setSessions, currentUserId, deploymentId);
+  const [hasMoreThreads, setHasMoreThreads] = useState(true);
+  const isLoadingMoreThreadsRef = useRef(false);
+  const sessionsRef = useRef(sessionState.sessions);
+  useEffect(() => {
+    sessionsRef.current = sessionState.sessions;
+  }, [sessionState.sessions]);
+  const fetchThreads = useCallback(async (mode = "initial") => {
+    if (mode === "more") {
+      if (isLoadingMoreThreadsRef.current) return;
+      isLoadingMoreThreadsRef.current = true;
+    }
+    const offset3 = mode === "more" ? sessionsRef.current.length : 0;
+    await fetchAgentThreads(
+      apiClient,
+      activeAgentId,
+      (threads) => {
+        if (mode === "initial") {
+          sessionActions.setSessions(threads);
+        } else {
+          sessionActions.appendSessions(threads);
+        }
+        setHasMoreThreads(threads.length === THREADS_PAGE_SIZE);
+      },
+      currentUserId,
+      deploymentId,
+      THREADS_PAGE_SIZE,
+      offset3
+    );
+    if (mode === "more") isLoadingMoreThreadsRef.current = false;
   }, [
     apiClient,
     activeAgentId,
@@ -36424,6 +36483,10 @@ var DocyAssistant = ({
     currentUserId,
     deploymentId
   ]);
+  const loadMoreThreads = useCallback(() => {
+    if (!hasMoreThreads) return;
+    void fetchThreads("more");
+  }, [fetchThreads, hasMoreThreads]);
   const fetchProjectThreads2 = useCallback(async (projectId) => {
     await fetchProjectThreads(apiClient, projectId, projectActions.setProjectThreads);
   }, [apiClient, projectActions]);
@@ -36461,7 +36524,8 @@ var DocyAssistant = ({
   ]);
   useEffect(() => {
     if (isOpen && enableSidebar) {
-      fetchThreads();
+      setHasMoreThreads(true);
+      void fetchThreads("initial");
     }
   }, [isOpen, enableSidebar, fetchThreads]);
   useEffect(() => {
@@ -36908,6 +36972,8 @@ var DocyAssistant = ({
       },
       onToggleSidebar: isFloating && !uiState.isExpanded ? () => uiActions.setSidebarOpen(false) : void 0,
       supportWorkCanvas: effectiveSupportWorkCanvas,
+      onLoadMoreSessions: loadMoreThreads,
+      hasMoreSessions: hasMoreThreads,
       t
     }
   );