Indexing UI: Fix dir size display during indexing

- Show "Scanning..." (not `<dir>`) while aggregation is running, not just during the scan phase — sizes aren't ready until aggregation finishes
- Refresh both panes on `index-aggregation-complete` instead of `index-scan-complete` so sizes auto-appear the moment they're in the DB
- `FullList` and `BriefList` now derive `indexing = isScanning() || isAggregating()`

Author: vdavid

apps/desktop/src/lib/file-explorer/pane/DualPaneExplorer.svelte

@@ -166,7 +166,7 @@
     let unlistenDragImageSize: UnlistenFn | undefined
     let unlistenDragModifiers: UnlistenFn | undefined
     let unlistenIndexEvents: UnlistenFn | undefined
-    let unlistenIndexScanComplete: UnlistenFn | undefined
+    let unlistenIndexAggregationComplete: UnlistenFn | undefined
     let unlistenMcpActivateTab: UnlistenFn | undefined
     let unlistenMcpPinTab: UnlistenFn | undefined
 
@@ -1130,8 +1130,8 @@
         // Listen for index directory updates to refresh panes when sizes change
         unlistenIndexEvents = await initIndexEvents(handleIndexDirUpdated)
 
-        // Refresh both panes when scan completes (aggregation just finished, all sizes available)
-        unlistenIndexScanComplete = await listen('index-scan-complete', () => {
+        // Refresh both panes when aggregation completes (all dir_stats are now in the DB)
+        unlistenIndexAggregationComplete = await listen('index-aggregation-complete', () => {
             // eslint-disable-next-line @typescript-eslint/no-unsafe-call
             getPaneRef('left')?.refreshIndexSizes?.()
             // eslint-disable-next-line @typescript-eslint/no-unsafe-call
@@ -1283,7 +1283,7 @@
         unlistenDragModifiers?.()
         unlistenDragDrop?.()
         unlistenIndexEvents?.()
-        unlistenIndexScanComplete?.()
+        unlistenIndexAggregationComplete?.()
         unlistenMcpActivateTab?.()
         unlistenMcpPinTab?.()
         if (tabSyncTimer) clearTimeout(tabSyncTimer)

apps/desktop/src/lib/file-explorer/views/BriefList.svelte

@@ -21,7 +21,7 @@
     import { getRowHeight, formatFileSize } from '$lib/settings/reactive-settings.svelte'
     import { getSetting } from '$lib/settings/settings-store'
     import { formatNumber, pluralize } from '../selection/selection-info-utils'
-    import { isScanning } from '$lib/indexing/index-state.svelte'
+    import { isScanning, isAggregating } from '$lib/indexing/index-state.svelte'
     import { iconCacheCleared } from '$lib/icon-cache'
     import { tooltip } from '$lib/tooltip/tooltip'
     import type { RenameState } from '../rename/rename-state.svelte'
@@ -93,8 +93,8 @@
     let cachedRange = $state({ start: 0, end: 0 })
     let isFetching = $state(false)
 
-    // Drive index scanning state — used for directory size tooltips
-    const scanning = $derived(isScanning())
+    // Drive index state — show spinner while scanning OR aggregating (sizes aren't ready until aggregation finishes)
+    const indexing = $derived(isScanning() || isAggregating())
 
     // ==== Layout constants ====
     // Row height is reactive based on UI density setting
@@ -436,9 +436,9 @@
         if (!file.isDirectory) return undefined
         if (file.recursiveSize !== undefined) {
             const sizeInfo = `${formatFileSize(file.recursiveSize)} · ${formatNumber(file.recursiveFileCount ?? 0)} ${pluralize(file.recursiveFileCount ?? 0, 'file', 'files')} · ${formatNumber(file.recursiveDirCount ?? 0)} ${pluralize(file.recursiveDirCount ?? 0, 'folder', 'folders')}`
-            return scanning ? `${sizeInfo} — Might be outdated` : sizeInfo
+            return indexing ? `${sizeInfo} — Might be outdated` : sizeInfo
         }
-        if (scanning) return 'Scanning...'
+        if (indexing) return 'Scanning...'
         return undefined
     }
 

apps/desktop/src/lib/file-explorer/views/FullList.svelte

@@ -18,7 +18,7 @@
         updateIndexSizesInPlace,
     } from './file-list-utils'
     import { formatSizeTriads, formatNumber, pluralize } from '../selection/selection-info-utils'
-    import { isScanning } from '$lib/indexing/index-state.svelte'
+    import { isScanning, isAggregating } from '$lib/indexing/index-state.svelte'
     import {
         getVisibleItemsCount as getVisibleItemsCountUtil,
         getVirtualizationBufferRows,
@@ -112,8 +112,8 @@
     // Measures multiple sample dates to find the maximum width needed.
     const dateColumnWidth = $derived(measureDateColumnWidth(formatDateTime))
 
-    // Drive index scanning state — used to show spinner in dir size column
-    const scanning = $derived(isScanning())
+    // Drive index state — show spinner while scanning OR aggregating (sizes aren't ready until aggregation finishes)
+    const indexing = $derived(isScanning() || isAggregating())
 
     // ==== Virtual scrolling state ====
     let scrollContainer: HTMLDivElement | undefined = $state()
@@ -445,7 +445,7 @@
                                       file.recursiveSize,
                                       file.recursiveFileCount ?? 0,
                                       file.recursiveDirCount ?? 0,
-                                      scanning,
+                                      indexing,
                                       formatFileSize,
                                       formatNumber,
                                       pluralize,
@@ -459,13 +459,13 @@
                                     {#each formatSizeTriads(file.recursiveSize) as triad, i (i)}
                                         <span class={triad.tierClass}>{triad.value}</span>
                                     {/each}
-                                    {#if scanning}
+                                    {#if indexing}
                                         <span
                                             class="size-stale"
                                             use:tooltip={'Might be outdated. Currently scanning...'}>⚠️</span
                                         >
                                     {/if}
-                                {:else if scanning}
+                                {:else if indexing}
                                     <span class="size-scanning">Scanning...</span>
                                 {:else}
                                     <span class="size-dir">&lt;dir&gt;</span>

apps/desktop/src/lib/file-explorer/views/full-list-utils.ts

@@ -144,16 +144,18 @@ export type DirSizeDisplayState = 'dir' | 'scanning' | 'size' | 'size-stale'
  * Determine the display state for a directory's size column.
  *
  * Rules:
- * - Has recursiveSize + scanning active -> 'size-stale' (show size with stale warning)
- * - Has recursiveSize + not scanning   -> 'size' (show formatted size)
- * - No recursiveSize + scanning active -> 'scanning' (show spinner)
- * - No recursiveSize + not scanning    -> 'dir' (show <dir> placeholder)
+ * - Has recursiveSize + indexing active -> 'size-stale' (show size with stale warning)
+ * - Has recursiveSize + not indexing    -> 'size' (show formatted size)
+ * - No recursiveSize + indexing active  -> 'scanning' (show spinner)
+ * - No recursiveSize + not indexing     -> 'dir' (show <dir> placeholder)
+ *
+ * "Indexing active" means scanning OR aggregating — sizes aren't ready until aggregation finishes.
  */
-export function getDirSizeDisplayState(recursiveSize: number | undefined, scanning: boolean): DirSizeDisplayState {
+export function getDirSizeDisplayState(recursiveSize: number | undefined, indexing: boolean): DirSizeDisplayState {
     if (recursiveSize !== undefined) {
-        return scanning ? 'size-stale' : 'size'
+        return indexing ? 'size-stale' : 'size'
     }
-    return scanning ? 'scanning' : 'dir'
+    return indexing ? 'scanning' : 'dir'
 }
 
 /**