feat: Completed the emoji lists for workspace picker and other small changes, b=closes #7608, c=common, workspaces

src/zen/workspaces/ZenWorkspaceCreation.mjs

@@ -170,23 +170,26 @@
             document.getElementById('nav-bar').style.visibility = 'collapse';
           }
           this.style.visibility = 'visible';
-          gZenUIManager.motion.animate(
-            this.elementsToAnimate,
-            {
-              y: [20, 0],
-              opacity: [0, 1],
-              filter: ['blur(2px)', 'blur(0)'],
-            },
-            {
-              duration: 0.6,
-              type: 'spring',
-              bounce: 0,
-              delay: gZenUIManager.motion.stagger(0.05, { startDelay: 0.2 }),
-            }
-          );
+          gZenUIManager.motion
+            .animate(
+              this.elementsToAnimate,
+              {
+                y: [20, 0],
+                opacity: [0, 1],
+                filter: ['blur(2px)', 'blur(0)'],
+              },
+              {
+                duration: 0.6,
+                type: 'spring',
+                bounce: 0,
+                delay: gZenUIManager.motion.stagger(0.05, { startDelay: 0.2 }),
+              }
+            )
+            .then(() => {
+              gZenWorkspaces.workspaceElement(this.workspaceId).hidden = false;
+              this.resolveInitialized();
+            });
         });
-
-      this.resolveInitialized();
     }
 
     async onCreateButtonCommand() {

src/zen/workspaces/ZenWorkspaces.mjs

@@ -468,6 +468,10 @@ var gZenWorkspaces = new (class extends ZenMultiWindowFeature {
       workspaceWrapper.active = true;
     }
 
+    if (document.documentElement.hasAttribute('zen-creating-workspace')) {
+      workspaceWrapper.hidden = true; // Hide workspace while creating it
+    }
+
     await new Promise((resolve) => {
       workspaceWrapper.addEventListener(
         'ZenWorkspaceAttached',
@@ -1521,6 +1525,10 @@ var gZenWorkspaces = new (class extends ZenMultiWindowFeature {
   }
 
   async _organizeWorkspaceStripLocations(workspace, justMove = false, offsetPixels = 0) {
+    if (document.documentElement.hasAttribute('zen-creating-workspace')) {
+      // If we are creating a workspace, we don't want to animate the strip
+      return;
+    }
     this._organizingWorkspaceStrip = true;
     const workspaces = await this._workspaces();
     let workspaceIndex = workspaces.workspaces.findIndex((w) => w.uuid === workspace.uuid);