Use navigation by types instead of spaces (#10083)

plugins/workbench-resources/src/components/Navigator.svelte

@@ -17,7 +17,7 @@
   import { getResource } from '@hcengineering/platform'
   import preference, { SpacePreference } from '@hcengineering/preference'
   import { createQuery, getClient, isAdminUser } from '@hcengineering/presentation'
-  import { Scroller, NavItem } from '@hcengineering/ui'
+  import { Scroller, NavItem, Component } from '@hcengineering/ui'
   import { NavLink } from '@hcengineering/view-resources'
   import type { Application, NavigatorModel, SpecialNavModel } from '@hcengineering/workbench'
   import { getSpecialSpaceClass } from '../utils'
@@ -198,5 +198,14 @@
         deselect={menuSelection || starred.some((s) => s._id === currentSpace)}
       />
     {/each}
+
+    {#if model.groups && model.groups.length > 0}
+      <div class="min-h-3 flex-no-shrink" />
+      {#each model.groups as group (group.id)}
+        {#if group.component}
+          <Component is={group.component} props={{ model: group }} />
+        {/if}
+      {/each}
+    {/if}
   </Scroller>
 {/if}

plugins/workbench-resources/src/components/Workbench.svelte

@@ -642,6 +642,12 @@
         return sp
       }
     }
+    for (const g of navigatorModel?.groups ?? []) {
+      const sp = g.specials?.find((x) => x.id === id)
+      if (sp !== undefined) {
+        return sp
+      }
+    }
   }
 
   let cover: HTMLElement