Here are some thoughts, with the caveat that I don't really know who your customers are or how they're going to use this shortcut system.
People are used to screens being populated with icons, think desktops, or app browsing on iOS/Android, I think this is fine.
If you're designing this to be responsive, then I suspect you're going to end up using both patterns anyway.
IMO, having the slim view on a larger viewport is a waste of real estate, but you'll need that view if you are going to translate this to a mobile device.
Automatically closing accordions if they're hunting for something is annoying. Give them a mechanism for searching for an App through the name and extra meta-data right at the top of the page.
Unless all your users are going to be using all the applications all of the time, then perhaps giving them the ability to create their own group of apps might be the answer. I don't know your use-case but if you give them the ability to create their own groups, then they could have something like:
- [Apps I use all the time]
- [sometimes useful]
- [Everything else, might be useful at another time]
Better yet, give them a list of all the apps, then when you have a better understanding of their usage, (eg: After they "run/open" an app) add it to a list/group of recently used apps at the top, so they no longer have to hunt for something you know they use.