fix: some bugfix

Author: dolphin

src/frontend/client/src/pages/appChat/AppChatEntry.tsx

@@ -26,6 +26,9 @@ export default function AppChatEntry() {
     const fromDelete = (location.state as { fromDelete?: boolean } | null)?.fromDelete === true;
     const resolvedRef = useRef(false);
 
+    // Flow-level info (name / logo / description) is loaded by SideNav's useAppSidebar
+    // hook into currentAppInfoState, so the sidebar card is populated here too.
+
     const buildQs = useCallback(() => {
         const from = new URLSearchParams(location.search).get('from');
         return from ? `?from=${from}` : '';

src/frontend/client/src/pages/appChat/SideNav.tsx

@@ -74,7 +74,6 @@ export function SideNav() {
 
     // Current conversation's app data
     const chatState = useRecoilValue(currentChatState);
-    const flowData = chatState?.flow;
 
     // Sidebar hook for conversation list and actions
     const {
@@ -84,8 +83,14 @@ export function SideNav() {
         createNewChat,
         shareApp,
         fetchConversations,
+        currentApp,
     } = useAppSidebar();
 
+    // Fall back to `currentApp` (populated by AppChatEntry) when no chat is active —
+    // e.g. right after deleting the last conversation, chatState is cleared but the
+    // sidebar card should still show the app's name / logo / description.
+    const flowData = chatState?.flow ?? currentApp;
+
     return (
         <div className="w-[280px] h-full bg-white border-r border-[#ececec] flex flex-col gap-4 px-3 py-5 overflow-hidden text-[#212121]">
             {/* Top back button */}

src/frontend/client/src/pages/appChat/hooks/useAppSidebar.ts

@@ -1,9 +1,9 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
-import { useRecoilState, useRecoilValue } from 'recoil';
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil';
 import { NotificationSeverity } from '~/common';
-import type { AppConversation, ConversationGroup } from '~/@types/app';
-import { getAppConversationsApi } from '~/api/apps';
+import type { AppConversation, AppItem, ConversationGroup } from '~/@types/app';
+import { getAppConversationsApi, getAssistantDetailApi, getFlowApi } from '~/api/apps';
 import { groupConversationsByTime, getAppShareUrl } from '~/pages/apps/appUtils';
 import { copyText } from '~/utils';
 import { useToastContext } from '~/Providers';
@@ -15,6 +15,9 @@ import {
 import { generateUUID } from '~/utils';
 import { useLocalize } from '~/hooks';
 
+// flow_type 5 === assistant; anything else (1 = skill, 10 = workflow) goes through getFlowApi.
+const FLOW_TYPE_ASSISTANT = 5;
+
 /**
  * Hook for the app chat sidebar.
  * Handles: loading conversations, time grouping, new/switch conversation, sidebar toggle.
@@ -29,6 +32,7 @@ export function useAppSidebar() {
   showToastRef.current = showToast;
 
   const currentApp = useRecoilValue(currentAppInfoState);
+  const setCurrentApp = useSetRecoilState(currentAppInfoState);
   const [conversations, setConversations] = useRecoilState(appConversationsState);
   const [sidebarVisible, setSidebarVisible] = useRecoilState(sidebarVisibleState);
 
@@ -128,6 +132,34 @@ export function useAppSidebar() {
   // This prevents re-triggering when the user creates a new chat or switches conversations.
   const hasAutoSelectedRef = useRef<string | null>(null);
 
+  // Fetch flow-level info (name / logo / description) into currentAppInfoState so
+  // the sidebar card stays populated even when no chat is active — e.g. right after
+  // deleting the active conversation, chatsState briefly loses the flow reference.
+  useEffect(() => {
+    if (!flowId || !flowType) return;
+    const numericType = Number(flowType);
+    (async () => {
+      try {
+        const res = numericType === FLOW_TYPE_ASSISTANT
+          ? await getAssistantDetailApi(flowId, undefined, true)
+          : await getFlowApi(flowId, 'v1', undefined, true);
+        if (res?.status_code !== 200) return;
+        const data = res.data;
+        if (!data) return;
+        setCurrentApp({
+          id: data.id ?? flowId,
+          name: data.name ?? '',
+          description: data.description ?? '',
+          logo: data.logo ?? '',
+          flow_type: Number(data.flow_type ?? numericType),
+          user_id: data.user_id ?? '',
+        } as AppItem);
+      } catch {
+        // silent — sidebar falls back to placeholder text
+      }
+    })();
+  }, [flowId, flowType, setCurrentApp]);
+
   // Auto-fetch on mount or flowId change, with one-time auto-select
   useEffect(() => {
     fetchConversations().then((list) => {