Merge branch 'cv-main'

src/components/conversations/sidebar-conversation-list.tsx

@@ -335,6 +335,7 @@ interface FolderGroupItemProps {
   folderId: number
   folderName: string
   conversations: DbConversationSummary[]
+  totalConversationCount: number
   expanded: boolean
   importing: boolean
   reordering: boolean
@@ -367,6 +368,7 @@ function FolderGroupItem({
   folderId,
   folderName,
   conversations,
+  totalConversationCount,
   expanded,
   importing,
   reordering,
@@ -456,27 +458,40 @@ function FolderGroupItem({
           />
         </div>
         {expanded &&
-          conversations.map((conv) => (
+          (conversations.length === 0 ? (
-            <SidebarConversationCard
+            <div
-              key={`conv-${conv.agent_type}-${conv.id}`}
+              className="py-[0.375rem] text-[0.75rem] text-muted-foreground/70"
-              conversation={conv}
+              style={{
-              isSelected={
+                paddingLeft: "calc(var(--conv-rail-axis) + 0.875rem)",
-                selectedConversation?.agentType === conv.agent_type &&
+              }}
-                selectedConversation?.id === conv.id
+            >
-              }
+              {totalConversationCount === 0
-              isOpenInTab={openTabConversationKeys.has(
+                ? t("emptyFolderHint")
-                `${conv.agent_type}:${conv.id}`
+                : t("noMatchingConversations")}
-              )}
+            </div>
-              timeLabel={formatRelative(
+          ) : (
-                sortMode === "updated" ? conv.updated_at : conv.created_at
+            conversations.map((conv) => (
-              )}
+              <SidebarConversationCard
-              onSelect={onSelect}
+                key={`conv-${conv.agent_type}-${conv.id}`}
-              onDoubleClick={onDoubleClick}
+                conversation={conv}
-              onRename={onRename}
+                isSelected={
-              onDelete={onDelete}
+                  selectedConversation?.agentType === conv.agent_type &&
-              onStatusChange={onStatusChange}
+                  selectedConversation?.id === conv.id
-              onNewConversation={onNewConversation}
+                }
-            />
+                isOpenInTab={openTabConversationKeys.has(
+                  `${conv.agent_type}:${conv.id}`
+                )}
+                timeLabel={formatRelative(
+                  sortMode === "updated" ? conv.updated_at : conv.created_at
+                )}
+                onSelect={onSelect}
+                onDoubleClick={onDoubleClick}
+                onRename={onRename}
+                onDelete={onDelete}
+                onStatusChange={onStatusChange}
+                onNewConversation={onNewConversation}
+              />
+            ))
           ))}
       </Reorder.Item>
     </div>
@@ -619,6 +634,14 @@ export function SidebarConversationList({
     return map
   }, [filteredConversations, sortMode])
 
+  const folderTotalCounts = useMemo(() => {
+    const map = new Map<number, number>()
+    for (const conv of conversations) {
+      map.set(conv.folder_id, (map.get(conv.folder_id) ?? 0) + 1)
+    }
+    return map
+  }, [conversations])
+
   const orderedFolderIds = useMemo(() => {
     const folderIdSet = new Set(folders.map((f) => f.id))
     // During drag we honour the optimistic order so sibling folders shift live
@@ -1036,6 +1059,9 @@ export function SidebarConversationList({
                         folderId={folderId}
                         folderName={folderName}
                         conversations={convsWithKey}
+                        totalConversationCount={
+                          folderTotalCounts.get(folderId) ?? 0
+                        }
                         expanded={expanded}
                         importing={importing}
                         reordering={reordering}