Move first asset selection logic to reducer

Author: ppsreejith

web/src/components/devtools/TeamMemory.tsx

@@ -18,12 +18,6 @@ export const TeamMemory: React.FC = () => {
     const assetsLoading = useSelector((state: RootState) => state.settings.assetsLoading)
     const useTeamMemory = useSelector((state: RootState) => state.settings.useTeamMemory)
 
-    // Auto-select first asset when assets are loaded and none is selected
-    React.useEffect(() => {
-        if (availableAssets.length > 0 && !selectedAssetId) {
-            dispatch(setSelectedAssetId(availableAssets[0].slug))
-        }
-    }, [availableAssets, selectedAssetId])
 
     const handleAssetSelection = (assetSlug: string) => {
         dispatch(setSelectedAssetId(assetSlug === '' ? null : assetSlug))

web/src/state/settings/reducer.ts

@@ -304,6 +304,10 @@ export const settingsSlice = createSlice({
     },
     setAvailableAssets: (state, action: PayloadAction<AssetInfo[]>) => {
       state.availableAssets = action.payload
+      // Auto-select first asset if no asset is currently selected and assets are available
+      if (action.payload.length > 0 && !state.selectedAssetId) {
+        state.selectedAssetId = action.payload[0].slug
+      }
     },
     setSelectedAssetId: (state, action: PayloadAction<string | null>) => {
       state.selectedAssetId = action.payload