Show three tiles and a plus on the quick-create FAB.

Replace the 4-square grid so the global create button reads as add, not apps.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/QuickCreate.vue

@@ -289,7 +289,7 @@ onBeforeUnmount(() => {
         @pointercancel="onFabPointerUp"
       >
         <span class="fab-face" aria-hidden="true">
-          <UiIcon :name="isQuickCreateOpen ? 'x' : 'grid'" :size="20" />
+          <UiIcon :name="isQuickCreateOpen ? 'x' : 'apps-plus'" :size="22" />
         </span>
       </button>
     </div>

apps/web/src/components/UiIcon.vue

@@ -53,7 +53,8 @@ defineProps<{
     | 'list'
     | 'eye'
     | 'truck'
-    | 'grip';
+    | 'grip'
+    | 'apps-plus';
   size?: number;
 }>();
 </script>
@@ -311,6 +312,12 @@ defineProps<{
       <circle cx="9" cy="17" r="1.2" fill="currentColor" stroke="none" />
       <circle cx="15" cy="17" r="1.2" fill="currentColor" stroke="none" />
     </template>
+    <template v-else-if="name === 'apps-plus'">
+      <rect x="3.2" y="3.2" width="7.4" height="7.4" rx="1.6" />
+      <rect x="13.4" y="3.2" width="7.4" height="7.4" rx="1.6" />
+      <rect x="3.2" y="13.4" width="7.4" height="7.4" rx="1.6" />
+      <path d="M17.1 13.6v6.8M13.7 17h6.8" />
+    </template>
   </svg>
 </template>