fix: reflect loading state of chats (#12603)

2026-10-19 09:34:12 +00:00 · 2026-09-30 16:06:30 +00:00 · 2026-09-30 16:06:30 +00:00 · 5850d4a18c
commit 5850d4a18c
parent c2eb854c66
18 changed files with 66 additions and 2 deletions
--- a/ui/desktop/src/components/Layout/NavigationPanel.tsx
+++ b/ui/desktop/src/components/Layout/NavigationPanel.tsx
@ -37,6 +37,10 @@ const i18n = defineMessages({
    id: 'navigationPanel.noChats',
    defaultMessage: 'No recent chats',
  },
+  loadingChats: {
+    id: 'navigationPanel.loadingChats',
+    defaultMessage: 'Loading chats…',
+  },
  untitledSession: {
    id: 'navigationPanel.untitledSession',
    defaultMessage: 'Untitled session',
@ -260,6 +264,7 @@ export const Navigation: React.FC<{
  const {
    recentSessions,
    recentSessionsByProject,
+    isLoadingSessions,
    activeSessionId,
    fetchSessions,
    handleNavClick,
@ -364,7 +369,7 @@ export const Navigation: React.FC<{
          <div className="flex-1 min-h-0 overflow-y-auto px-2 pb-2 mt-1">
            {recentSessions.length === 0 ? (
              <div className="px-3 py-2 text-xs text-text-secondary">
-                {intl.formatMessage(i18n.noChats)}
+                {intl.formatMessage(isLoadingSessions ? i18n.loadingChats : i18n.noChats)}
              </div>
            ) : recentSessionsByProject.length > 1 ? (
              recentSessionsByProject.map((group: ProjectGroup) => {
--- a/ui/desktop/src/hooks/useNavigationSessions.ts
+++ b/ui/desktop/src/hooks/useNavigationSessions.ts
@ -61,6 +61,8 @@ export function useNavigationSessions() {
  const chatContext = useChatContext();

  const [recentSessions, setRecentSessions] = useState<SessionListItem[]>([]);
+  const [isLoadingSessions, setIsLoadingSessions] = useState(true);
+  const latestFetchIdRef = useRef(0);
  const recentSessionsByProject = useMemo(
    () => groupSessionsByProject(recentSessions),
    [recentSessions]
@ -78,11 +80,19 @@ export function useNavigationSessions() {
  }, [currentSessionId]);

  const fetchSessions = useCallback(async () => {
+    const fetchId = ++latestFetchIdRef.current;
+    setIsLoadingSessions(true);
    try {
      const sessions = await acpListRecentSessions(MAX_RECENT_SESSIONS);
-      setRecentSessions(sessions);
+      if (fetchId === latestFetchIdRef.current) {
+        setRecentSessions(sessions);
+      }
    } catch (error) {
      console.error('Failed to fetch sessions:', error);
+    } finally {
+      if (fetchId === latestFetchIdRef.current) {
+        setIsLoadingSessions(false);
+      }
    }
  }, []);

@ -214,6 +224,7 @@ export function useNavigationSessions() {
  return {
    recentSessions,
    recentSessionsByProject,
+    isLoadingSessions,
    activeSessionId,
    fetchSessions,
    handleNavClick,
--- a/ui/desktop/src/i18n/messages/de.json
+++ b/ui/desktop/src/i18n/messages/de.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Chats"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Chats werden geladen…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Erstellt"
  },
--- a/ui/desktop/src/i18n/messages/en.json
+++ b/ui/desktop/src/i18n/messages/en.json
@ -2408,6 +2408,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Chats"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Loading chats…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Created"
  },
--- a/ui/desktop/src/i18n/messages/es.json
+++ b/ui/desktop/src/i18n/messages/es.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Chats"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Cargando chats…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Creado"
  },
--- a/ui/desktop/src/i18n/messages/fr.json
+++ b/ui/desktop/src/i18n/messages/fr.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Discussions"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Chargement des discussions…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Créé"
  },
--- a/ui/desktop/src/i18n/messages/hi.json
+++ b/ui/desktop/src/i18n/messages/hi.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "चैट"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "चैट लोड हो रही हैं…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "बनाया गया"
  },
--- a/ui/desktop/src/i18n/messages/id.json
+++ b/ui/desktop/src/i18n/messages/id.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Obrolan"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Memuat obrolan…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Dibuat"
  },
--- a/ui/desktop/src/i18n/messages/it.json
+++ b/ui/desktop/src/i18n/messages/it.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Chat"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Caricamento chat…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Creato"
  },
--- a/ui/desktop/src/i18n/messages/ja.json
+++ b/ui/desktop/src/i18n/messages/ja.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "チャット"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "チャットを読み込み中…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "作成"
  },
--- a/ui/desktop/src/i18n/messages/ko.json
+++ b/ui/desktop/src/i18n/messages/ko.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "채팅"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "채팅 불러오는 중…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "생성됨"
  },
--- a/ui/desktop/src/i18n/messages/ms.json
+++ b/ui/desktop/src/i18n/messages/ms.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Sembang"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Memuatkan sembang…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Dicipta"
  },
--- a/ui/desktop/src/i18n/messages/pt.json
+++ b/ui/desktop/src/i18n/messages/pt.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Conversas"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Carregando chats…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Criado"
  },
--- a/ui/desktop/src/i18n/messages/ru.json
+++ b/ui/desktop/src/i18n/messages/ru.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Чаты"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Загрузка чатов…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Создано"
  },
--- a/ui/desktop/src/i18n/messages/tr.json
+++ b/ui/desktop/src/i18n/messages/tr.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Sohbetler"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Sohbetler yükleniyor…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Oluşturuldu"
  },
--- a/ui/desktop/src/i18n/messages/vi.json
+++ b/ui/desktop/src/i18n/messages/vi.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "Cuộc trò chuyện"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "Đang tải cuộc trò chuyện…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "Đã tạo"
  },
--- a/ui/desktop/src/i18n/messages/zh-CN.json
+++ b/ui/desktop/src/i18n/messages/zh-CN.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "聊天"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "正在加载聊天…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "创建时间"
  },
--- a/ui/desktop/src/i18n/messages/zh-TW.json
+++ b/ui/desktop/src/i18n/messages/zh-TW.json
@ -2384,6 +2384,9 @@
  "navigationPanel.chats": {
    "defaultMessage": "交談"
  },
+  "navigationPanel.loadingChats": {
+    "defaultMessage": "正在載入聊天…"
+  },
  "navigationPanel.metaCreated": {
    "defaultMessage": "建立時間"
  },