📎 Update version.txt file

Merge pull request #2914 from penpot/alotor-small-fixes
Small fixes
2026-01-19 11:50:40 -05:00 · 2023-02-07 11:47:50 +01:00 · 2023-02-07 11:23:54 +01:00 · 2023-02-07 11:19:46 +01:00 · 2023-02-07 11:18:43 +01:00 · 2023-02-07 11:18:01 +01:00
70 changed files with 1053 additions and 755 deletions
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,5 +1,18 @@
 # CHANGELOG

+## 1.17.1
+
+### :bug: Bugs fixed
+- Fix components groups items show the component name in list mode [Taiga #4770](https://tree.taiga.io/project/penpot/issue/4770)
+- Fix typing CMD+Z on MacOS turns the cursor into a Zoom cursor [Taiga #4778](https://tree.taiga.io/project/penpot/issue/4778)
+- Fix white space on small screens [Taiga #4774](https://tree.taiga.io/project/penpot/issue/4774)
+- Fix button spacing on delete acount modal [Taiga #4762](https://tree.taiga.io/project/penpot/issue/4762)
+- Fix invitations input on team management and onboarding modal [Taiga #4760](https://tree.taiga.io/project/penpot/issue/4760)
+- Fix weird numeration creating new elements in dashboard [Taiga #4755](https://tree.taiga.io/project/penpot/issue/4755)
+- Fix can move shape with lens zoom active [Taiga #4787](https://tree.taiga.io/project/penpot/issue/4787)
+- Fix social links broken [Taiga #4759](https://tree.taiga.io/project/penpot/issue/4759)
+- Fix tooltips on left toolbar [Taiga #4793](https://tree.taiga.io/project/penpot/issue/4793)
+
 ## 1.17.0

 ### :sparkles: New features
--- a/README.md
+++ b/README.md
@@ -50,7 +50,7 @@ Being web based, Penpot is not dependent on operating systems or local installat
 Using SVG as no other design and prototyping tool does, Penpot files sport compatibility with most of the vectorial tools, are tech friendly and extremely easy to use on the web. We make sure you will always own your work.

 <p align="center">
-  <img src="https://penpot.app/images/open-source.png" alt="Open Source">
+  <img src="https://penpot.app/images/readme/open-source.png" alt="Open Source">
 </p>


@@ -93,7 +93,7 @@ You will find the following categories:
 - [Penpot in your language](https://community.penpot.app/c/penpot-in-your-language/12)

 <p align="center">
-  <img src="https://penpot.app/images/cross-teams.webp" alt="Community">
+  <img src="https://penpot.app/images/readme/cross-teams.webp" alt="Community">
 </p>

 ## Contributing ##
--- a/backend/resources/app/emails-mjml/change-email/en.mjml
+++ b/backend/resources/app/emails-mjml/change-email/en.mjml
@@ -48,8 +48,8 @@
          <mj-social-element src="{{ public-uri }}/images/email/logo-uxbox.png" href="https://penpot.app/" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-twitter.png" href="https://twitter.com/penpotapp" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-github.png" href="https://github.com/penpot/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://instagram.com/penpotapp/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/uxbox" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://www.instagram.com/penpot.app/" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/penpot" padding="0 8px" />
        </mj-social>
      </mj-column>
    </mj-section>
--- a/backend/resources/app/emails-mjml/invite-to-team/en.mjml
+++ b/backend/resources/app/emails-mjml/invite-to-team/en.mjml
@@ -41,8 +41,8 @@
          <mj-social-element src="{{ public-uri }}/images/email/logo-uxbox.png" href="https://penpot.app/" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-twitter.png" href="https://twitter.com/penpotapp" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-github.png" href="https://github.com/penpot/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://instagram.com/penpotapp/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/uxbox" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://www.instagram.com/penpot.app/" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/penpot" padding="0 8px" />
        </mj-social>
      </mj-column>
    </mj-section>
--- a/backend/resources/app/emails-mjml/password-recovery/en.mjml
+++ b/backend/resources/app/emails-mjml/password-recovery/en.mjml
@@ -50,8 +50,8 @@
          <mj-social-element src="{{ public-uri }}/images/email/logo-uxbox.png" href="https://penpot.app/" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-twitter.png" href="https://twitter.com/penpotapp" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-github.png" href="https://github.com/penpot/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://instagram.com/penpotapp/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/uxbox" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://www.instagram.com/penpot.app/" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/penpot" padding="0 8px" />
        </mj-social>
      </mj-column>
    </mj-section>
--- a/backend/resources/app/emails-mjml/register/en.mjml
+++ b/backend/resources/app/emails-mjml/register/en.mjml
@@ -47,8 +47,8 @@
          <mj-social-element src="{{ public-uri }}/images/email/logo-uxbox.png" href="https://penpot.app/" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-twitter.png" href="https://twitter.com/penpotapp" padding="0 8px" />
          <mj-social-element src="{{ public-uri }}/images/email/logo-github.png" href="https://github.com/penpot/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://instagram.com/penpotapp/" padding="0 8px" />
-          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/uxbox" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-instagram.png" href="https://www.instagram.com/penpot.app/" padding="0 8px" />
+          <mj-social-element src="{{ public-uri }}/images/email/logo-taiga.png" href="https://tree.taiga.io/project/penpot" padding="0 8px" />
        </mj-social>
      </mj-column>
    </mj-section>
--- a/backend/resources/app/emails/change-email/en.html
+++ b/backend/resources/app/emails/change-email/en.html
@@ -103,9 +103,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -129,9 +129,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -143,7 +143,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -157,9 +157,9 @@
            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -211,9 +211,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -225,7 +225,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -239,9 +239,9 @@
            <td style="direction:ltr;font-size:0px;padding:24px 0 0 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:425px;"
            >
@@ -257,9 +257,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -271,7 +271,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -285,9 +285,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -301,7 +301,7 @@
         align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
      >
        <tr>
-      
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -321,7 +321,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -341,7 +341,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -361,7 +361,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -370,7 +370,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://instagram.com/penpotapp/" target="_blank">
+                                  <a href="https://www.instagram.com/penpot.app/" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -381,7 +381,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -390,7 +390,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://tree.taiga.io/project/uxbox" target="_blank">
+                                  <a href="https://tree.taiga.io/project/penpot" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -401,7 +401,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
          </tr>
        </table>
      <![endif]-->
@@ -411,9 +411,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -425,7 +425,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -439,9 +439,9 @@
            <td style="direction:ltr;font-size:0px;padding:0 0 24px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -457,9 +457,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
--- a/backend/resources/app/emails/invite-to-team/en.html
+++ b/backend/resources/app/emails/invite-to-team/en.html
@@ -103,9 +103,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -129,9 +129,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -143,7 +143,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -157,9 +157,9 @@
            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -201,9 +201,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -215,7 +215,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -229,9 +229,9 @@
            <td style="direction:ltr;font-size:0px;padding:24px 0 0 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:425px;"
            >
@@ -247,9 +247,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -261,7 +261,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -275,9 +275,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -291,7 +291,7 @@
         align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
      >
        <tr>
-      
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -311,7 +311,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -331,7 +331,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -351,7 +351,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -360,7 +360,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://instagram.com/penpotapp/" target="_blank">
+                                  <a href="https://www.instagram.com/penpot.app/" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -371,7 +371,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -380,7 +380,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://tree.taiga.io/project/uxbox" target="_blank">
+                                  <a href="https://tree.taiga.io/project/penpot" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -391,7 +391,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
          </tr>
        </table>
      <![endif]-->
@@ -401,9 +401,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -415,7 +415,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -429,9 +429,9 @@
            <td style="direction:ltr;font-size:0px;padding:0 0 24px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -447,9 +447,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
--- a/backend/resources/app/emails/password-recovery/en.html
+++ b/backend/resources/app/emails/password-recovery/en.html
@@ -103,9 +103,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -129,9 +129,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -143,7 +143,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -157,9 +157,9 @@
            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -206,9 +206,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -220,7 +220,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -234,9 +234,9 @@
            <td style="direction:ltr;font-size:0px;padding:24px 0 0 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:425px;"
            >
@@ -252,9 +252,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -266,7 +266,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -280,9 +280,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -296,7 +296,7 @@
         align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
      >
        <tr>
-      
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -316,7 +316,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -336,7 +336,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -356,7 +356,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -365,7 +365,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://instagram.com/penpotapp/" target="_blank">
+                                  <a href="https://www.instagram.com/penpot.app/" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -376,7 +376,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -385,7 +385,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://tree.taiga.io/project/uxbox" target="_blank">
+                                  <a href="https://tree.taiga.io/project/penpot" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -396,7 +396,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
          </tr>
        </table>
      <![endif]-->
@@ -406,9 +406,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -420,7 +420,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -434,9 +434,9 @@
            <td style="direction:ltr;font-size:0px;padding:0 0 24px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -452,9 +452,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
--- a/backend/resources/app/emails/register/en.html
+++ b/backend/resources/app/emails/register/en.html
@@ -103,9 +103,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -129,9 +129,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -143,7 +143,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -157,9 +157,9 @@
            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -201,9 +201,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -215,7 +215,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -229,9 +229,9 @@
            <td style="direction:ltr;font-size:0px;padding:24px 0 0 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:425px;"
            >
@@ -247,9 +247,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -261,7 +261,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -275,9 +275,9 @@
            <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -291,7 +291,7 @@
         align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
      >
        <tr>
-      
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -311,7 +311,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -331,7 +331,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -351,7 +351,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -360,7 +360,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://instagram.com/penpotapp/" target="_blank">
+                                  <a href="https://www.instagram.com/penpot.app/" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-instagram.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -371,7 +371,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
              <td>
            <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
@@ -380,7 +380,7 @@
                            <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-radius:3px;width:24px;">
                              <tr>
                                <td style="font-size:0;height:24px;vertical-align:middle;width:24px;">
-                                  <a href="https://tree.taiga.io/project/uxbox" target="_blank">
+                                  <a href="https://tree.taiga.io/project/penpot" target="_blank">
                                    <img height="24" src="{{ public-uri }}/images/email/logo-taiga.png" style="border-radius:3px;display:block;" width="24" />
                                  </a>
                                </td>
@@ -391,7 +391,7 @@
                      </table>
                      <!--[if mso | IE]>
              </td>
-            
+
          </tr>
        </table>
      <![endif]-->
@@ -401,9 +401,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
@@ -415,7 +415,7 @@
          </td>
        </tr>
      </table>
-      
+
      <table
         align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600"
      >
@@ -429,9 +429,9 @@
            <td style="direction:ltr;font-size:0px;padding:0 0 24px 0;text-align:center;">
              <!--[if mso | IE]>
                  <table role="presentation" border="0" cellpadding="0" cellspacing="0">
-                
+
        <tr>
-      
+
            <td
               class="" style="vertical-align:top;width:600px;"
            >
@@ -447,9 +447,9 @@
              </div>
              <!--[if mso | IE]>
            </td>
-          
+
        </tr>
-      
+
                  </table>
                <![endif]-->
            </td>
--- a/backend/scripts/manage.py
+++ b/backend/scripts/manage.py
@@ -19,10 +19,10 @@ PREPL_URI = "tcp://localhost:6063"
 def get_prepl_conninfo():
    uri_data = urlparse(PREPL_URI)
    if uri_data.scheme != "tcp":
-        raise RuntimeException(f"invalid PREPL_URI: {PREPL_URI}")
+        raise RuntimeError(f"invalid PREPL_URI: {PREPL_URI}")

    if not isinstance(uri_data.netloc, str):
-        raise RuntimeException(f"invalid PREPL_URI: {PREPL_URI}")
+        raise RuntimeError(f"invalid PREPL_URI: {PREPL_URI}")

    host, port = uri_data.netloc.split(":", 2)

@@ -46,7 +46,7 @@ def send_eval(expr):
            result = json.load(f)
            tag = result.get("tag", None)
            if tag != "ret":
-                raise RuntimeException("unexpected response from PREPL")
+                raise RuntimeError("unexpected response from PREPL")
            return result.get("val", None), result.get("exception", None)

 def encode(val):
--- a/backend/src/app/auth/oidc.clj
+++ b/backend/src/app/auth/oidc.clj
@@ -50,7 +50,7 @@
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

 (defn- discover-oidc-config
-  [cfg {:keys [::base-uri] :as opts}]
+  [cfg {:keys [base-uri] :as opts}]
  (let [discovery-uri (u/join base-uri ".well-known/openid-configuration")
        response      (ex/try! (http/req! cfg
                                          {:method :get :uri (str discovery-uri)}
--- a/backend/src/app/loggers/audit.clj
+++ b/backend/src/app/loggers/audit.clj
@@ -247,7 +247,7 @@
     from audit_log
    where archived_at is null
    order by created_at asc
-    limit 256
+    limit 128
      for update skip locked;")

 (defn archive-events
--- a/backend/src/app/rpc/commands/files.clj
+++ b/backend/src/app/rpc/commands/files.clj
@@ -996,7 +996,8 @@
          :opt-un [::data]))

 (sv/defmethod ::upsert-file-object-thumbnail
-  {::doc/added "1.17"}
+  {::doc/added "1.17"
+   ::audit/skip true}
  [{:keys [pool] :as cfg} {:keys [::rpc/profile-id file-id] :as params}]
  (db/with-atomic [conn pool]
    (check-edition-permissions! conn profile-id file-id)
@@ -1026,7 +1027,8 @@
 (sv/defmethod ::upsert-file-thumbnail
  "Creates or updates the file thumbnail. Mainly used for paint the
  grid thumbnails."
-  {::doc/added "1.17"}
+  {::doc/added "1.17"
+   ::audit/skip true}
  [{:keys [pool] :as cfg} {:keys [::rpc/profile-id file-id] :as params}]
  (db/with-atomic [conn pool]
    (check-edition-permissions! conn profile-id file-id)
--- a/backend/src/app/rpc/commands/teams.clj
+++ b/backend/src/app/rpc/commands/teams.clj
@@ -473,7 +473,7 @@
 (s/def ::team-id ::us/uuid)
 (s/def ::member-id ::us/uuid)
 ;; Temporarily disabled viewer role
-;; https://tree.taiga.io/project/uxboxproject/issue/1083
+;; https://tree.taiga.io/project/penpot/issue/1083
 ;; (s/def ::role #{:owner :admin :editor :viewer})
 (s/def ::role #{:owner :admin :editor})

--- a/backend/src/app/rpc/commands/webhooks.clj
+++ b/backend/src/app/rpc/commands/webhooks.clj
@@ -8,6 +8,7 @@
  (:require
   [app.common.exceptions :as ex]
   [app.common.spec :as us]
+   [app.common.uri :as u]
   [app.common.uuid :as uuid]
   [app.db :as db]
   [app.http.client :as http]
@@ -22,10 +23,15 @@
   [cuerdas.core :as str]
   [promesa.core :as p]))

+(defn decode-row
+  [{:keys [uri] :as row}]
+  (cond-> row
+    (string? uri) (assoc :uri (u/uri uri))))
+
 ;; --- Mutation: Create Webhook

 (s/def ::team-id ::us/uuid)
-(s/def ::uri ::us/not-empty-string)
+(s/def ::uri ::us/uri)
 (s/def ::is-active ::us/boolean)
 (s/def ::mtype
  #{"application/json"
@@ -59,7 +65,7 @@

    (if (not= (:uri whook) (:uri params))
      (->> (http/req! cfg {:method :head
-                           :uri (:uri params)
+                           :uri (str (:uri params))
                           :timeout (dt/duration "3s")})
           (p/hmap (fn [response exception]
                     (if exception
@@ -79,22 +85,24 @@

 (defn- insert-webhook!
  [{:keys [::db/pool]} {:keys [team-id uri mtype is-active] :as params}]
-  (db/insert! pool :webhook
-              {:id (uuid/next)
-               :team-id team-id
-               :uri uri
-               :is-active is-active
-               :mtype mtype}))
+  (-> (db/insert! pool :webhook
+                  {:id (uuid/next)
+                   :team-id team-id
+                   :uri (str uri)
+                   :is-active is-active
+                   :mtype mtype})
+      (decode-row)))

 (defn- update-webhook!
  [{:keys [::db/pool] :as cfg} {:keys [id] :as wook} {:keys [uri mtype is-active] :as params}]
-  (db/update! pool :webhook
-              {:uri uri
-               :is-active is-active
-               :mtype mtype
-               :error-code nil
-               :error-count 0}
-              {:id id}))
+  (-> (db/update! pool :webhook
+                  {:uri (str uri)
+                   :is-active is-active
+                   :mtype mtype
+                   :error-code nil
+                   :error-count 0}
+                  {:id id})
+      (decode-row)))

 (sv/defmethod ::create-webhook
  {::doc/added "1.17"}
@@ -110,7 +118,7 @@
 (sv/defmethod ::update-webhook
  {::doc/added "1.17"}
  [{:keys [::db/pool ::wrk/executor] :as cfg} {:keys [::rpc/profile-id id] :as params}]
-  (let [whook (db/get pool :webhook {:id id})]
+  (let [whook (-> (db/get pool :webhook {:id id}) (decode-row))]
    (check-edition-permissions! pool profile-id (:team-id whook))
    (->> (validate-webhook! cfg whook params)
         (p/fmap executor (fn [_] (update-webhook! cfg whook params))))))
@@ -123,7 +131,7 @@
  {::doc/added "1.17"}
  [{:keys [::db/pool] :as cfg} {:keys [::rpc/profile-id id]}]
  (db/with-atomic [conn pool]
-    (let [whook (db/get conn :webhook {:id id})]
+    (let [whook (-> (db/get conn :webhook {:id id}) decode-row)]
      (check-edition-permissions! conn profile-id (:team-id whook))
      (db/delete! conn :webhook {:id id})
      nil)))
@@ -143,4 +151,5 @@
  [{:keys [pool] :as cfg} {:keys [::rpc/profile-id team-id]}]
  (with-open [conn (db/open pool)]
    (check-read-permissions! conn profile-id team-id)
-    (db/exec! conn [sql:get-webhooks team-id])))
+    (->> (db/exec! conn [sql:get-webhooks team-id])
+         (mapv decode-row))))
--- a/backend/src/app/rpc/mutations/files.clj
+++ b/backend/src/app/rpc/mutations/files.clj
@@ -10,7 +10,7 @@
   [app.common.logging :as l]
   [app.common.spec :as us]
   [app.db :as db]
-   [app.loggers.audit :as audit]
+   [app.loggers.audit :as-alias audit]
   [app.rpc.climit :as-alias climit]
   [app.rpc.commands.files :as cmd.files]
   [app.rpc.commands.files.create :as cmd.files.create]
@@ -176,7 +176,8 @@

 (sv/defmethod ::upsert-file-object-thumbnail
  {::doc/added "1.13"
-   ::doc/deprecated "1.17"}
+   ::doc/deprecated "1.17"
+   ::audit/skip true}
  [{:keys [pool] :as cfg} {:keys [profile-id file-id] :as params}]
  (db/with-atomic [conn pool]
    (cmd.files/check-edition-permissions! conn profile-id file-id)
@@ -192,7 +193,8 @@
  "Creates or updates the file thumbnail. Mainly used for paint the
  grid thumbnails."
  {::doc/added "1.13"
-   ::doc/deprecated "1.17"}
+   ::doc/deprecated "1.17"
+   ::audit/skip true}
  [{:keys [pool] :as cfg} {:keys [profile-id file-id] :as params}]
  (db/with-atomic [conn pool]
    (cmd.files/check-edition-permissions! conn profile-id file-id)
--- a/backend/test/backend_tests/rpc_comment_test.clj
+++ b/backend/test/backend_tests/rpc_comment_test.clj
@@ -154,7 +154,7 @@
          (t/is (th/success? out))
          (let [[thread :as result] (:result out)]
            (t/is (= 1 (count result)))
-            (t/is (= "Page-1" (:page-name thread)))
+            (t/is (= "Page 1" (:page-name thread)))
            (t/is (= "hello world" (:content thread)))
            (t/is (= 2 (:count-comments thread)))
            (t/is (true? (:is-resolved thread))))))
--- a/backend/test/backend_tests/rpc_webhooks_test.clj
+++ b/backend/test/backend_tests/rpc_webhooks_test.clj
@@ -6,11 +6,12 @@

 (ns backend-tests.rpc-webhooks-test
  (:require
+   [app.common.uri :as u]
   [app.common.uuid :as uuid]
   [app.db :as db]
   [app.http :as http]
-   [app.storage :as sto]
   [app.rpc :as-alias rpc]
+   [app.storage :as sto]
   [backend-tests.helpers :as th]
   [clojure.test :as t]
   [mockery.core :refer [with-mocks]]))
@@ -31,7 +32,7 @@
        (let [params {::th/type :create-webhook
                      ::rpc/profile-id (:id prof)
                      :team-id team-id
-                      :uri "http://example.com"
+                      :uri (u/uri "http://example.com")
                      :mtype "application/json"}
              out    (th/command! params)]

--- a/common/src/app/common/file_builder.cljc
+++ b/common/src/app/common/file_builder.cljc
@@ -200,7 +200,7 @@

  (assert (nil? (:current-component-id file)))
  (let [page-id (or (:id data) (uuid/next))
-        page (-> (ctp/make-empty-page page-id "Page-1")
+        page (-> (ctp/make-empty-page page-id "Page 1")
                 (d/deep-merge data))]
    (-> file
        (commit-change
--- a/common/src/app/common/geom/shapes.cljc
+++ b/common/src/app/common/geom/shapes.cljc
@@ -43,13 +43,13 @@
 (defn bounding-box
  "Returns a rect that wraps the shape after all transformations applied."
  [shape]
-  ; TODO: perhaps we need to store this calculation in a shape attribute
+  ;; TODO: perhaps we need to store this calculation in a shape attribute
  (gpr/points->rect (:points shape)))

 (defn left-bound
  "Returns the lowest x coord of the shape BEFORE applying transformations."
-  ; TODO: perhaps some day we want after transformations, but for the
-  ;       moment it's enough as is now.
+  ;; TODO: perhaps some day we want after transformations, but for the
+  ;;       moment it's enough as is now.
  [shape]
  (or (:x shape) (:x (:selrect shape)))) ; Paths don't have :x attribute

@@ -106,8 +106,8 @@

  ([attr val1 val2 precision]
   (let [close-val? (fn [num1 num2]
-                     (when (and (number? num1) (number? num2))
-                       (< (mth/abs (- num1 num2)) precision)))]
+                      (when (and (number? num1) (number? num2))
+                        (< (mth/abs (- num1 num2)) precision)))]
     (cond
       (and (number? val1) (number? val2))
       (close-val? val1 val2)
--- a/common/src/app/common/geom/shapes/constraints.cljc
+++ b/common/src/app/common/geom/shapes/constraints.cljc
@@ -210,7 +210,7 @@
        ;; after-vec will contain the side length of the grown side
        ;; we scale the shape by the diference and translate it by the start
        ;; displacement (so its left+top position is constant)
-        scale        (/ (gpt/length after-vec) (gpt/length before-vec))
+        scale        (/ (gpt/length after-vec) (max 0.01 (gpt/length before-vec)))

        resize-origin (gpo/origin child-points-after)

@@ -268,11 +268,11 @@

        scale-x (if (= :scale constraints-h)
                  1
-                  (/ (gpo/width-points child-bb-before) (gpo/width-points child-bb-after)))
+                  (/ (gpo/width-points child-bb-before) (max 0.01 (gpo/width-points child-bb-after))))

        scale-y (if (= :scale constraints-v)
                  1
-                  (/ (gpo/height-points child-bb-before) (gpo/height-points child-bb-after)))
+                  (/ (gpo/height-points child-bb-before) (max 0.01 (gpo/height-points child-bb-after))))

        resize-vector (gpt/point scale-x scale-y)
        resize-origin (gpo/origin transformed-child-bounds)
--- a/common/src/app/common/geom/shapes/flex_layout/bounds.cljc
+++ b/common/src/app/common/geom/shapes/flex_layout/bounds.cljc
@@ -64,8 +64,11 @@
        min-width (max min-width 0.01)
        min-height (max min-height 0.01)]

-    (cond-> [base-p]
-      (or col? h-start?)
+    (cond-> [base-p
+             (gpt/add base-p (hv 0.01))
+             (gpt/add base-p (vv 0.01))]
+
+      (and col? h-start?)
      (conj (gpt/add base-p (hv min-width)))

      (and col? h-center?)
@@ -74,7 +77,7 @@
      (and col? h-center?)
      (conj (gpt/subtract base-p (hv min-width)))

-      (or row? v-start?)
+      (and row? v-start?)
      (conj (gpt/add base-p (vv min-height)))

      (and row? v-center?)
--- a/common/src/app/common/geom/shapes/flex_layout/lines.cljc
+++ b/common/src/app/common/geom/shapes/flex_layout/lines.cljc
@@ -238,6 +238,30 @@
              (and col? (< total-min-width rest-layout-width total-max-width) (not (ctl/auto-width? parent)))
              (distribute-space :line-width :line-min-width :line-max-width total-min-width rest-layout-width))

+            ;; Add information to limit the growth of width: 100% shapes to the bounds of the layout
+            layout-lines
+            (cond
+              row?
+              (->> layout-lines
+                   (reduce
+                    (fn [[result rest-layout-height] {:keys [line-height] :as line}]
+                      [(conj result (assoc line :to-bound-height rest-layout-height))
+                       (- rest-layout-height line-height layout-gap-row)])
+                    [[] layout-height])
+                   (first))
+
+              col?
+              (->> layout-lines
+                   (reduce
+                    (fn [[result rest-layout-width] {:keys [line-width] :as line}]
+                      [(conj result (assoc line :to-bound-width rest-layout-width))
+                       (- rest-layout-width line-width layout-gap-col)])
+                    [[] layout-width])
+                   (first))
+
+              :else
+              layout-lines)
+
            [total-width total-height] (->> layout-lines (reduce add-lines [0 0]))

            base-p (flp/get-base-line parent layout-bounds total-width total-height num-lines)]
--- a/common/src/app/common/geom/shapes/flex_layout/modifiers.cljc
+++ b/common/src/app/common/geom/shapes/flex_layout/modifiers.cljc
@@ -20,7 +20,7 @@
   transform-inverse
   child
   child-origin child-width
-   {:keys [children-data line-width] :as layout-data}]
+   {:keys [children-data line-width to-bound-width] :as layout-data}]

  (cond
    (ctl/row? parent)
@@ -30,8 +30,9 @@
       :modifiers (ctm/resize-modifiers (gpt/point fill-scale 1) child-origin transform transform-inverse)})

    (ctl/col? parent)
-    (let [target-width (max (- line-width (ctl/child-width-margin child)) 0.01)
-          max-width (ctl/child-max-width child)
+    (let [line-width (min line-width (or to-bound-width line-width))
+          target-width (max (- line-width (ctl/child-width-margin child)) 0.01)
+          max-width (max (ctl/child-max-width child) 0.01)
          target-width (min max-width target-width)
          fill-scale (/ target-width child-width)]
      {:width target-width
@@ -43,7 +44,7 @@
   transform transform-inverse
   child
   child-origin child-height
-   {:keys [children-data line-height] :as layout-data}]
+   {:keys [children-data line-height to-bound-height] :as layout-data}]

  (cond
    (ctl/col? parent)
@@ -53,8 +54,9 @@
       :modifiers (ctm/resize-modifiers (gpt/point 1 fill-scale) child-origin transform transform-inverse)})

    (ctl/row? parent)
-    (let [target-height (max (- line-height (ctl/child-height-margin child)) 0.01)
-          max-height (ctl/child-max-height child)
+    (let [line-height (min line-height (or to-bound-height line-height))
+          target-height (max (- line-height (ctl/child-height-margin child)) 0.01)
+          max-height (max (ctl/child-max-height child) 0.01)
          target-height (min max-height target-height)
          fill-scale (/ target-height child-height)]
      {:height target-height
@@ -71,8 +73,13 @@
        (when (or (ctl/fill-width? child) (ctl/fill-height? child))
          (gtr/calculate-geometry @parent-bounds))

-        fill-width   (when (ctl/fill-width? child)  (calc-fill-width-data parent transform transform-inverse child child-origin child-width layout-line))
-        fill-height  (when (ctl/fill-height? child) (calc-fill-height-data parent transform transform-inverse child child-origin child-height layout-line))
+        fill-width
+        (when (ctl/fill-width? child)
+          (calc-fill-width-data parent transform transform-inverse child child-origin child-width layout-line))
+
+        fill-height
+        (when (ctl/fill-height? child)
+          (calc-fill-height-data parent transform transform-inverse child child-origin child-height layout-line))

        child-width (or (:width fill-width) child-width)
        child-height (or (:height fill-height) child-height)
--- a/common/src/app/common/geom/shapes/flex_layout/positions.cljc
+++ b/common/src/app/common/geom/shapes/flex_layout/positions.cljc
@@ -20,9 +20,13 @@
        hv            (partial gpo/start-hv layout-bounds)
        vv            (partial gpo/start-vv layout-bounds)

-        end?     (ctl/content-end? parent)
-        center?  (ctl/content-center? parent)
-        around?  (ctl/content-around? parent)
+        wrap?    (ctl/wrap? parent)
+
+        end?     (or (and wrap? (ctl/content-end? parent))
+                     (and (not wrap?) (ctl/align-items-end? parent)))
+        center?  (or (and wrap? (ctl/content-center? parent))
+                     (and (not wrap?) (ctl/align-items-center? parent)))
+        around?  (and wrap? (ctl/content-around? parent))

        ;; Adjust the totals so it takes into account the gaps
        [layout-gap-row layout-gap-col] (ctl/gaps parent)
--- a/common/src/app/common/geom/shapes/points.cljc
+++ b/common/src/app/common/geom/shapes/points.cljc
@@ -6,6 +6,7 @@

 (ns app.common.geom.shapes.points
  (:require
+   [app.common.data :as d]
   [app.common.geom.point :as gpt]
   [app.common.geom.shapes.common :as gco]
   [app.common.geom.shapes.intersect :as gsi]
@@ -54,11 +55,11 @@

 (defn width-points
  [[p0 p1 _ _]]
-  (gpt/length (gpt/to-vec p0 p1)))
+  (max 0.01 (gpt/length (gpt/to-vec p0 p1))))

 (defn height-points
  [[p0 _ _ p3]]
-  (gpt/length (gpt/to-vec p0 p3)))
+  (max 0.01 (gpt/length (gpt/to-vec p0 p3))))

 (defn pad-points
  [[p0 p1 p2 p3 :as points] pad-top pad-right pad-bottom pad-left]
@@ -115,7 +116,9 @@
               (max tv-max ctv)]))

          [th-min th-max tv-min tv-max]
-          (->> child-bounds (reduce find-boundary-ts [##Inf ##-Inf ##Inf ##-Inf]))
+          (->> child-bounds
+               (filter #(and (d/num? (:x %)) (d/num? (:y %))))
+               (reduce find-boundary-ts [##Inf ##-Inf ##Inf ##-Inf]))

          minv-start (pv tv-min)
          minv-end   (gpt/add minv-start hv)
--- a/common/src/app/common/math.cljc
+++ b/common/src/app/common/math.cljc
@@ -34,7 +34,7 @@
 (defn abs
  [v]
  #?(:cljs (js/Math.abs v)
-     :clj (Math/abs v)))
+     :clj (Math/abs (double v))))

 (defn sin
  "Returns the sine of a number"
--- a/common/src/app/common/pages.cljc
+++ b/common/src/app/common/pages.cljc
@@ -19,6 +19,8 @@
 (dm/export common/file-version)
 (dm/export common/default-color)
 (dm/export common/component-sync-attrs)
+(dm/export common/retrieve-used-names)
+(dm/export common/generate-unique-name)

 ;; Focus
 (dm/export focus/focus-objects)
--- a/common/src/app/common/pages/common.cljc
+++ b/common/src/app/common/pages/common.cljc
@@ -7,7 +7,10 @@
 (ns app.common.pages.common
  (:require
   [app.common.colors :as clr]
-   [app.common.uuid :as uuid]))
+   [app.common.data :as d]
+   [app.common.spec :as us]
+   [app.common.uuid :as uuid]
+   [clojure.spec.alpha :as s]))

 (def file-version 20)
 (def default-color clr/gray-20)
@@ -580,3 +583,31 @@
           :layout-item-min-w
           :layout-item-align-self}})

+(defn retrieve-used-names
+  "Return a set with the all unique names used in the
+  elements (any entity thas has a :name)"
+  [elements]
+  (into #{} (comp (map :name) (remove nil?)) (vals elements)))
+
+(defn- extract-numeric-suffix
+  [basename]
+  (if-let [[_ p1 p2] (re-find #"(.*) ([0-9]+)$" basename)]
+    [p1 (+ 1 (d/parse-integer p2))]
+    [basename 1]))
+
+(s/def ::set-of-strings
+  (s/every ::us/string :kind set?))
+
+(defn generate-unique-name
+  "A unique name generator"
+  [used basename]
+  (us/assert! ::set-of-strings used)
+  (us/assert! ::us/string basename)
+  (if-not (contains? used basename)
+    basename
+    (let [[prefix initial] (extract-numeric-suffix basename)]
+      (loop [counter initial]
+        (let [candidate (str prefix " " counter)]
+          (if (contains? used candidate)
+            (recur (inc counter))
+            candidate))))))
--- a/common/src/app/common/pages/helpers.cljc
+++ b/common/src/app/common/pages/helpers.cljc
@@ -109,6 +109,20 @@
        (recur (conj result parent-id) parent-id)
        result))))

+(defn get-parent-ids-with-index
+  "Returns a tuple with the list of parents and a map with the position within each parent"
+  [objects shape-id]
+  (loop [parent-list []
+         parent-indices {}
+         current shape-id]
+    (let [parent-id (dm/get-in objects [current :parent-id])
+          parent (get objects parent-id)]
+      (if (and (some? parent) (not= parent-id current))
+        (let [parent-list (conj parent-list parent-id)
+              parent-indices (assoc parent-indices parent-id (d/index-of (:shapes parent) current))]
+          (recur parent-list parent-indices parent-id))
+        [parent-list parent-indices]))))
+
 (defn get-siblings-ids
  [objects id]
  (let [parent (get-parent objects id)]
--- a/common/src/app/common/types/container.cljc
+++ b/common/src/app/common/types/container.cljc
@@ -9,6 +9,7 @@
   [app.common.data.macros :as dm]
   [app.common.geom.point :as gpt]
   [app.common.geom.shapes :as gsh]
+   [app.common.pages.common :as common]
   [app.common.spec :as us]
   [app.common.types.shape-tree :as ctst]
   [clojure.spec.alpha :as s]))
@@ -130,7 +131,7 @@
         delta           (gpt/subtract position orig-pos)

         objects         (:objects container)
-         unames          (volatile! (ctst/retrieve-used-names objects))
+         unames          (volatile! (common/retrieve-used-names objects))

         frame-id        (ctst/frame-id-by-position objects (gpt/add orig-pos delta))
         frame-ids-map   (volatile! {})
--- a/common/src/app/common/types/file.cljc
+++ b/common/src/app/common/types/file.cljc
@@ -73,7 +73,7 @@

  ([file-id page-id]
   (let [page (when (some? page-id)
-                (ctp/make-empty-page page-id "Page-1"))]
+                (ctp/make-empty-page page-id "Page 1"))]
     (cond-> (-> empty-file-data
                 (assoc :id file-id))

--- a/common/src/app/common/types/shape/layout.cljc
+++ b/common/src/app/common/types/shape/layout.cljc
@@ -134,25 +134,41 @@
 (defn wrap? [{:keys [layout-wrap-type]}]
  (= layout-wrap-type :wrap))

-(defn fill-width? [child]
-  (= :fill (:layout-item-h-sizing child)))
+(defn fill-width?
+  ([objects id]
+   (= :fill (dm/get-in objects [id :layout-item-h-sizing])))
+  ([child]
+   (= :fill (:layout-item-h-sizing child))))

-(defn fill-height? [child]
-  (= :fill (:layout-item-v-sizing child)))
+(defn fill-height?
+  ([objects id]
+   (= :fill (dm/get-in objects [id :layout-item-v-sizing])))
+  ([child]
+   (= :fill (:layout-item-v-sizing child))))

-(defn auto-width? [child]
-  (= :auto (:layout-item-h-sizing child)))
+(defn auto-width?
+  ([objects id]
+   (= :auto (dm/get-in objects [id :layout-item-h-sizing])))
+  ([child]
+   (= :auto (:layout-item-h-sizing child))))

-(defn auto-height? [child]
-  (= :auto (:layout-item-v-sizing child)))
+(defn auto-height?
+  ([objects id]
+   (= :auto (dm/get-in objects [id :layout-item-v-sizing])))
+  ([child]
+   (= :auto (:layout-item-v-sizing child))))

 (defn col?
-  [{:keys [layout-flex-dir]}]
-  (or (= :column layout-flex-dir) (= :column-reverse layout-flex-dir)))
+  ([objects id]
+   (col? (get objects id)))
+  ([{:keys [layout-flex-dir]}]
+   (or (= :column layout-flex-dir) (= :column-reverse layout-flex-dir))))

 (defn row?
-  [{:keys [layout-flex-dir]}]
-  (or (= :row layout-flex-dir) (= :row-reverse layout-flex-dir)))
+  ([objects id]
+   (row? (get objects id)))
+  ([{:keys [layout-flex-dir]}]
+   (or (= :row layout-flex-dir) (= :row-reverse layout-flex-dir))))

 (defn gaps
  [{:keys [layout-gap]}]
@@ -275,6 +291,21 @@
  (or (= :stretch layout-align-content)
      (nil? layout-align-content)))

+(defn align-items-center?
+  [{:keys [layout-align-items]}]
+  (= layout-align-items :center))
+
+(defn align-items-start?
+  [{:keys [layout-align-items]}]
+  (= layout-align-items :start))
+
+(defn align-items-end?
+  [{:keys [layout-align-items]}]
+  (= layout-align-items :end))
+
+(defn align-items-stretch?
+  [{:keys [layout-align-items]}]
+  (= layout-align-items :stretch))

 (defn reverse?
  [{:keys [layout-flex-dir]}]
@@ -300,3 +331,22 @@

 (defn align-self-stretch? [{:keys [layout-item-align-self]}]
  (= :stretch layout-item-align-self))
+
+(defn change-h-sizing?
+  [frame-id objects children-ids]
+  (and (layout? objects frame-id)
+       (auto-width? objects frame-id)
+       (or (and (col? objects frame-id)
+                (every? (partial fill-width? objects) children-ids))
+           (and (row? objects frame-id)
+                (some (partial fill-width? objects) children-ids)))))
+
+(defn change-v-sizing?
+  [frame-id objects children-ids]
+  (and (layout? objects frame-id)
+       (auto-height? objects frame-id)
+       (or (and (col? objects frame-id)
+                (some (partial fill-height? objects) children-ids))
+           (and (row? objects frame-id)
+                (every? (partial fill-height? objects) children-ids)))))
+
--- a/common/src/app/common/types/shape_tree.cljc
+++ b/common/src/app/common/types/shape_tree.cljc
@@ -132,43 +132,34 @@
 (defn get-base
  [objects id-a id-b]

-  (let [parents-a (reverse (cons id-a (cph/get-parent-ids objects id-a)))
-        parents-b (reverse (cons id-b (cph/get-parent-ids objects id-b)))
+  (let [[parents-a parents-a-index] (cph/get-parent-ids-with-index objects id-a)
+        [parents-b parents-b-index] (cph/get-parent-ids-with-index objects id-b)

-        [base base-child-a base-child-b]
-        (loop [parents-a (rest parents-a)
-               parents-b (rest parents-b)
-               base uuid/zero]
-          (cond
-            (not= (first parents-a) (first parents-b))
-            [base (first parents-a) (first parents-b)]
+        parents-a (cons id-a parents-a)
+        parents-b (into #{id-b} parents-b)

-            (or (empty? parents-a) (empty? parents-b))
-            [uuid/zero (first parents-a) (first parents-b)]
+        ;; Search for the common frame in order
+        base (or (d/seek parents-b parents-a) uuid/zero)

-            :else
-            (recur (rest parents-a) (rest parents-b) (first parents-a))))
+        idx-a (get parents-a-index base)
+        idx-b (get parents-b-index base)]

-        index-base-a (when base-child-a (cph/get-position-on-parent objects base-child-a))
-        index-base-b (when base-child-b (cph/get-position-on-parent objects base-child-b))]
-
-    [base index-base-a index-base-b]))
+    [base idx-a idx-b]))

 (defn is-shape-over-shape?
  [objects base-shape-id over-shape-id]

  (let [[base index-a index-b] (get-base objects base-shape-id over-shape-id)]
    (cond
+      ;; The base the base shape, so the other item is bellow
      (= base base-shape-id)
-      (let [object (get objects base-shape-id)]
-        (or (cph/frame-shape? object)
-            (cph/root-frame? object)))
+      false

+      ;; The base is the testing over, so it's over
      (= base over-shape-id)
-      (let [object (get objects over-shape-id)]
-        (or (not (cph/frame-shape? object))
-            (not (cph/root-frame? object))))
+      true

+      ;; Check which index is lower
      :else
      (< index-a index-b))))

@@ -284,35 +275,6 @@
  [frame]
  (not (mth/almost-zero? (:rotation frame 0))))

-(defn retrieve-used-names
-  [objects]
-  (into #{} (comp (map :name) (remove nil?)) (vals objects)))
-
-(defn- extract-numeric-suffix
-  [basename]
-  (if-let [[_ p1 p2] (re-find #"(.*)-([0-9]+)$" basename)]
-    [p1 (+ 1 (d/parse-integer p2))]
-    [basename 1]))
-
-(s/def ::set-of-strings
-  (s/every ::us/string :kind set?))
-
-(defn generate-unique-name
-  "A unique name generator"
-  [used basename]
-  (us/assert! ::set-of-strings used)
-  (us/assert! ::us/string basename)
-  ;; We have add a condition because UX doesn't want numbers on 
-  ;; layer names. 
-  (if-not (contains? used basename)
-    basename
-    (let [[prefix initial] (extract-numeric-suffix basename)]
-      (loop [counter initial]
-        (let [candidate (str prefix "-" counter)]
-          (if (contains? used candidate)
-            (recur (inc counter))
-            candidate))))))
-
 (defn clone-object
  "Gets a copy of the object and all its children, with new ids
  and with the parent-children links correctly set. Admits functions
--- a/common/test/common_tests/helpers/files.cljc
+++ b/common/test/common_tests/helpers/files.cljc
@@ -126,7 +126,7 @@
    (fn [file-data]
      (let [id (uuid/next)
            props (merge {:id id
-                          :name "Color-1"
+                          :name "Color 1"
                          :color "#000000"
                          :opacity 1}
                         props)]
@@ -140,7 +140,7 @@
    (fn [file-data]
      (let [id (uuid/next)
            props (merge {:id id
-                          :name "Typography-1"
+                          :name "Typography 1"
                          :font-id "sourcesanspro"
                          :font-family "sourcesanspro"
                          :font-size "14"
--- a/common/test/common_tests/types_file_test.cljc
+++ b/common/test/common_tests/types_file_test.cljc
@@ -101,7 +101,7 @@
    ;;                false)

    (t/is (= (count pages) 2))
-    (t/is (= (:name (first pages)) "Page-1"))
+    (t/is (= (:name (first pages)) "Page 1"))
    (t/is (= (:name (second pages)) "Library backup"))

    (t/is (= (count components) 1))
--- a/docker/devenv/docker-compose.yaml
+++ b/docker/devenv/docker-compose.yaml
@@ -11,6 +11,7 @@ volumes:
  postgres_data_pg15:
  user_data:
  minio_data:
+  redis_data:

 services:
  main:
@@ -80,22 +81,6 @@ services:
      - 9000:9000
      - 9001:9001

-  # keycloak:
-  #   image: "quay.io/keycloak/keycloak:15.0.2"
-  #   environment:
-  #     - DB_VENDOR=POSTGRES
-  #     - DB_ADDR=postgres
-  #     - DB_DATABASE=keycloak
-  #     - DB_USER=keycloak
-  #     - DB_SCHEMA=public
-  #     - DB_PASSWORD=keycloak
-  #     - KEYCLOAK_USER=admin
-  #     - KEYCLOAK_PASSWORD=admin
-  #   expose:
-  #     - '8080'
-  #   ports:
-  #     - "8080:8080"
-
  postgres:
    image: postgres:15
    command: postgres -c config_file=/etc/postgresql.conf
@@ -116,6 +101,8 @@ services:
    hostname: "penpot-devenv-redis"
    container_name: "penpot-devenv-redis"
    restart: always
+    volumes:
+      - "redis_data:/data"

  mailer:
    image: sj26/mailcatcher:latest
--- a/docker/images/Dockerfile.backend
+++ b/docker/images/Dockerfile.backend
@@ -1,15 +1,37 @@
-FROM ubuntu:22.04 as jre-build
+FROM ubuntu:22.04

-ENV DEBIAN_FRONTEND=noninteractive \
+LABEL maintainer="Andrey Antukh <niwi@niwi.nz>"
+ENV LANG='en_US.UTF-8' \
+    LC_ALL='en_US.UTF-8' \
+    JAVA_HOME="/opt/jdk" \
+    PATH=/opt/jdk/bin:$PATH \
+    DEBIAN_FRONTEND=noninteractive \
    TZ=Etc/UTC

-RUN set -eux; \
+RUN set -ex; \
+    useradd -U -M -u 1001 -s /bin/false -d /opt/penpot penpot; \
    apt-get -qq update; \
+    apt-get -qq upgrade; \
    apt-get -qqy --no-install-recommends install \
-      curl \
-      ca-certificates \
-      binutils \
+        curl \
+        tzdata \
+        locales \
+        ca-certificates \
+        imagemagick \
+        webp \
+        rlwrap \
+        fontconfig \
+        woff-tools \
+        woff2 \
+        python3 \
+        fontforge \
    ; \
+    echo "en_US.UTF-8 UTF-8" >> /etc/locale.gen; \
+    locale-gen; \
+    mkdir -p /opt/data; \
+    mkdir -p /opt/penpot; \
+    chown -R penpot:penpot /opt/penpot; \
+    chown -R penpot:penpot /opt/data; \
    rm -rf /var/lib/apt/lists/*;

 RUN set -eux; \
@@ -39,49 +61,6 @@ RUN set -eux; \
    tar -xf /tmp/openjdk.tar.gz --strip-components=1; \
    rm -rf /tmp/openjdk.tar.gz;

-RUN /opt/jdk/bin/jlink \
-    --verbose \
-    --module-path /opt/jdk/jmods \
-    --strip-debug \
-    --no-man-pages \
-    --no-header-files \
-    --compress 0 \
-    --add-modules java.base,java.naming,java.xml,java.logging,java.net.http,java.sql,java.management,java.desktop,jdk.jfr,jdk.unsupported,jdk.management.jfr \
-    --output /opt/jre
-
-
-FROM ubuntu:22.04
-
-LABEL maintainer="Andrey Antukh <niwi@niwi.nz>"
-ENV LANG='en_US.UTF-8' \
-    LC_ALL='en_US.UTF-8' \
-    JAVA_HOME="/opt/jre" \
-    PATH=/opt/jre/bin:$PATH \
-    TZ=Etc/UTC
-
-COPY --from=jre-build /opt/jre /opt/jre
-
-RUN set -ex; \
-    useradd -U -M -u 1001 -s /bin/false -d /opt/penpot penpot; \
-    apt-get -qq update; \
-    apt-get -qqy --no-install-recommends install \
-        curl \
-        tzdata \
-        locales \
-        ca-certificates \
-        imagemagick \
-        webp \
-        fontconfig \
-        woff-tools \
-        woff2 \
-        python3 \
-        fontforge \
-    ; \
-    echo "en_US.UTF-8 UTF-8" >> /etc/locale.gen; \
-    locale-gen; \
-    mkdir -p /opt/penpot/assets; \
-    chown -R penpot:penpot /opt/penpot; \
-    rm -rf /var/lib/apt/lists/*;

 COPY --chown=penpot:penpot ./bundle-backend/ /opt/penpot/backend/

--- a/docker/images/build.sh
+++ b/docker/images/build.sh
@@ -4,10 +4,13 @@ set -x
 DOCKER_CLI_EXPERIMENTAL=enabled
 ORG=${PENPOT_DOCKER_NAMESPACE:-penpotapp};
 PLATFORM=${PENPOT_BUILD_PLATFORM:-linux/amd64};
-IMAGE=${1:-backend};
+
+IMAGE=${PENPOT_BUILD_IMAGE:-backend}
+PLATFORM=${PENPOT_BUILD_PLATFORM:-linux/amd64};
+VERSION=${PENPOT_BUILD_VERSION:-latest}

 DOCKER_IMAGE="$ORG/$IMAGE";
-OPTIONS="-t $DOCKER_IMAGE:$PENPOT_BUILD_VERSION";
+OPTIONS="-t $DOCKER_IMAGE:$VERSION";

 IFS=", "
 read -a TAGS <<< $PENPOT_BUILD_TAGS;
@@ -16,10 +19,6 @@ for element in "${TAGS[@]}"; do
    OPTIONS="$OPTIONS -t $DOCKER_IMAGE:$element";
 done

-if [ "$PENPOT_BUILD_PUSH" = "true" ]; then
-    OPTIONS="--push $OPTIONS"
-fi
-
 docker buildx inspect penpot > /dev/null 2>&1;
 docker run --privileged --rm tonistiigi/binfmt --install all

@@ -32,4 +31,5 @@ else
 fi

 unset IFS;
+
 docker buildx build --platform ${PLATFORM// /,} $OPTIONS -f Dockerfile.$IMAGE "$@" .;
--- a/docker/images/docker-compose.yaml
+++ b/docker/images/docker-compose.yaml
@@ -40,7 +40,7 @@ services:
      - 9001:80

    volumes:
-      - penpot_assets:/opt/penpot/assets
+      - penpot_assets:/opt/data/assets

    depends_on:
      - penpot-backend
@@ -134,7 +134,7 @@ services:
      ## environment variables for the backend here:
      ## https://help.penpot.app/technical-guide/configuration/#advanced-configuration

-      - PENPOT_FLAGS=enable-registration enable-login disable-email-verification enable-smtp enable-prepl-server
+      - PENPOT_FLAGS=enable-registration enable-login-with-password disable-email-verification enable-smtp enable-prepl-server

      ## Penpot SECRET KEY. It serves as a master key from which other keys for subsystems
      ## (eg http sessions) are derived.
@@ -180,7 +180,7 @@ services:
      ## stored in a docker volume.

      - PENPOT_ASSETS_STORAGE_BACKEND=assets-fs
-      - PENPOT_STORAGE_ASSETS_FS_DIRECTORY=/opt/penpot/assets
+      - PENPOT_STORAGE_ASSETS_FS_DIRECTORY=/opt/data/assets

      ## Also can be configured to to use a S3 compatible storage
      ## service like MiniIO. Look below for minio service setup.
@@ -259,40 +259,8 @@ services:
      - '1025'
    ports:
      - "1080:1080"
-
-  ## An optional admin application for pentpot. It allows manage users, teams and inspect
-  ## some parts of the database. You can read more about it on:
-  ## https://github.com/penpot/penpot-admin
-  ##
-  ## If you are going to use admin, ensure to have `enable-prepl-server` in backend flags
-  ## and uncomment the `PENPOT_PREPL_HOST` environment variable.
-  ##
-  ## Status: EXPERIMENTAL
-
-  # penpot-admin:
-  #   image: "penpotapp/admin:latest"
-  #   networks:
-  #     - penpot
-  #
-  #   depends_on:
-  #     - penpot-postgres
-  #     - penpot-backend
-  #
-  #   environment:
-  #     ## Adjust to the same value as on backend
-  #     - PENPOT_PUBLIC_URI=http://localhost:9001
-  #
-  #     ## Do not touch it, this is an internal routes
-  #     - PENPOT_API_URI=http://penpot-frontend/
-  #     - PENPOT_PREPL_URI=tcp://penpot-backend:6063/
-  #     - PENPOT_DEBUG="false"
-  #
-  #     ## Adjust to the same values as on backend
-  #     - PENPOT_DATABASE_HOST=penpot-postgres
-  #     - PENPOT_DATABASE_NAME=penpot
-  #     - PENPOT_DATABASE_USERNAME=penpot
-  #     - PENPOT_DATABASE_PASSWORD=penpot
-  #     - PENPOT_REDIS_URI=redis://penpot-redis/0
+    networks:
+      - penpot

  ## Example configuration of MiniIO (S3 compatible object storage service); If you don't
  ## have preference, then just use filesystem, this is here just for the completeness.
--- a/docker/images/files/nginx.conf
+++ b/docker/images/files/nginx.conf
@@ -90,7 +90,7 @@ http {

        location /internal/assets {
            internal;
-            alias /opt/penpot/assets;
+            alias /opt/data/assets;
            add_header x-internal-redirect "$upstream_http_x_accel_redirect";
        }

@@ -102,9 +102,9 @@ http {
            proxy_pass http://penpot-backend:6060/api;
        }

-        location /admin {
-            proxy_pass http://penpot-admin:6065/admin;
-        }
+        # location /admin {
+        #     proxy_pass http://penpot-admin:6065/admin;
+        # }

        location /ws/notifications {
            proxy_set_header Upgrade $http_upgrade;
--- a/frontend/resources/styles/main/partials/dashboard-team.scss
+++ b/frontend/resources/styles/main/partials/dashboard-team.scss
@@ -29,7 +29,35 @@

  .custom-input {
    width: 100%;
-    height: 115px;
+    min-height: 116px;
+    max-height: 176px;
+    overflow-y: hidden;
+    input {
+      &.no-padding {
+        padding-top: 12px;
+      }
+      min-height: 40px;
+    }
+    .selected-items {
+      gap: 8px;
+      padding: 8px;
+      max-height: 132px;
+      overflow-y: scroll;
+      .selected-item {
+        .around {
+          height: 24px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-start;
+          width: fit-content;
+          .icon {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+    }
  }

  .custom-select {
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -184,6 +184,7 @@

  .modal-footer .action-buttons {
    justify-content: space-around;
+    gap: 15px;
  }

  .fields-container {
@@ -1541,8 +1542,52 @@

 .onboarding-team-members {
  .team-left {
+    padding: 42px 64px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: auto;
    form {
-      margin-top: 32px;
+      margin-top: 5px;
+      .invite-row {
+        .custom-input {
+          width: 100%;
+          min-height: 80px;
+          height: fit-content;
+          max-height: 176px;
+          overflow-y: hidden;
+          input {
+            &.no-padding {
+              padding-top: 12px;
+            }
+            min-height: 40px;
+          }
+          .selected-items {
+            gap: 7px;
+            padding: 7px;
+            max-height: 132px;
+            overflow-y: scroll;
+            .selected-item {
+              .around {
+                height: 24px;
+                display: flex;
+                align-items: center;
+                justify-content: flex-start;
+                width: fit-content;
+                .icon {
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                }
+              }
+            }
+          }
+        }
+      }
+      .buttons {
+        margin-top: 12px;
+      }
    }
  }
 }
--- a/frontend/resources/styles/main/partials/workspace.scss
+++ b/frontend/resources/styles/main/partials/workspace.scss
@@ -17,7 +17,7 @@ $height-palette-max: 80px;

 #workspace {
  width: 100vw;
-  height: 100vh;
+  height: 100%;
  user-select: none;
  background-color: $color-canvas;
  display: grid;
@@ -37,6 +37,8 @@ $height-palette-max: 80px;
  .left-toolbar {
    grid-area: toolbar;
    width: $width-left-toolbar;
+    overflow-y: auto;
+    overflow-x: hidden;
  }

  .settings-bar.settings-bar-left {
--- a/frontend/src/app/main/data/dashboard.cljs
+++ b/frontend/src/app/main/data/dashboard.cljs
@@ -7,6 +7,7 @@
 (ns app.main.data.dashboard
  (:require
   [app.common.data :as d]
+   [app.common.pages :as cp]
   [app.common.spec :as us]
   [app.common.uuid :as uuid]
   [app.config :as cf]
@@ -426,8 +427,8 @@
           (rx/ignore)))))

 (defn update-team-photo
-  [{:keys [file] :as params}]
-  (us/assert! ::di/file file)
+  [file]
+  (us/assert! ::di/blob file)
  (ptk/reify ::update-team-photo
    ptk/WatchEvent
    (watch [_ state _]
@@ -664,10 +665,12 @@
  (ptk/reify ::create-project
    ptk/WatchEvent
    (watch [_ state _]
-      (let [name    (name (gensym (str (tr "dashboard.new-project-prefix") " ")))
-            team-id (:current-team-id state)
-            params  {:name name
-                     :team-id team-id}
+      (let [projects (get state :dashboard-projects)
+            unames   (cp/retrieve-used-names projects)
+            name     (cp/generate-unique-name unames (str (tr "dashboard.new-project-prefix") " 1"))
+            team-id  (:current-team-id state)
+            params   {:name name
+                      :team-id team-id}
            {:keys [on-success on-error]
             :or {on-success identity
                  on-error rx/throw}} (meta params)]
@@ -875,7 +878,9 @@
             :or {on-success identity
                  on-error rx/throw}} (meta params)

-            name     (name (gensym (str (tr "dashboard.new-file-prefix") " ")))
+            files    (get state :dashboard-files)
+            unames   (cp/retrieve-used-names files)
+            name     (cp/generate-unique-name unames (str (tr "dashboard.new-file-prefix") " 1"))
            features (cond-> #{}
                       (features/active-feature? state :components-v2)
                       (conj "components/v2"))
@@ -1067,8 +1072,12 @@
            pparams       (:path-params route)
            in-project?   (contains? pparams :project-id)
            name          (if in-project?
-                            (name (gensym (str (tr "dashboard.new-file-prefix") " ")))
-                            (name (gensym (str (tr "dashboard.new-project-prefix") " "))))
+                            (let [files  (get state :dashboard-files)
+                                  unames (cp/retrieve-used-names files)]
+                              (cp/generate-unique-name unames (str (tr "dashboard.new-file-prefix") " 1")))
+                            (let [projects (get state :dashboard-projects)
+                                  unames   (cp/retrieve-used-names projects)]
+                              (cp/generate-unique-name unames (str (tr "dashboard.new-project-prefix") " 1"))))
            params        (if in-project?
                            {:project-id (:project-id pparams)
                             :name name}
--- a/frontend/src/app/main/data/workspace.cljs
+++ b/frontend/src/app/main/data/workspace.cljs
@@ -15,6 +15,7 @@
   [app.common.geom.proportions :as gpp]
   [app.common.geom.shapes :as gsh]
   [app.common.logging :as log]
+   [app.common.pages :as cp]
   [app.common.pages.changes-builder :as pcb]
   [app.common.pages.helpers :as cph]
   [app.common.spec :as us]
@@ -408,8 +409,8 @@
      ptk/WatchEvent
      (watch [it state _]
        (let [pages   (get-in state [:workspace-data :pages-index])
-              unames  (ctst/retrieve-used-names pages)
-              name    (ctst/generate-unique-name unames "Page-1")
+              unames  (cp/retrieve-used-names pages)
+              name    (cp/generate-unique-name unames "Page 1")

              changes (-> (pcb/empty-changes it)
                          (pcb/add-empty-page id name))]
@@ -423,9 +424,9 @@
    (watch [it state _]
      (let [id      (uuid/next)
            pages   (get-in state [:workspace-data :pages-index])
-            unames  (ctst/retrieve-used-names pages)
+            unames  (cp/retrieve-used-names pages)
            page    (get-in state [:workspace-data :pages-index page-id])
-            name    (ctst/generate-unique-name unames (:name page))
+            name    (cp/generate-unique-name unames (:name page))

            no_thumbnails_objects (->> (:objects page)
                                      (d/mapm (fn [_ val] (dissoc val :use-for-thumbnail?))))
@@ -650,20 +651,20 @@
    (-> (pcb/empty-changes it page-id)
        (pcb/with-objects objects)

-        ; Move the shapes
+        ;; Move the shapes
        (pcb/change-parent parent-id
                           shapes
                           to-index)

-        ; Remove empty groups
+        ;; Remove empty groups
        (pcb/remove-objects groups-to-delete)

-        ; Unmask groups whose mask have moved outside
+        ;; Unmask groups whose mask have moved outside
        (pcb/update-shapes groups-to-unmask
                           (fn [shape]
                             (assoc shape :masked-group? false)))

-        ; Detach shapes moved out of their component
+        ;; Detach shapes moved out of their component
        (pcb/update-shapes shapes-to-detach
                           (fn [shape]
                             (assoc shape :component-id nil
@@ -673,17 +674,17 @@
                                    :shape-ref nil
                                    :touched nil)))

-        ; Make non root a component moved inside another one
+        ;; Make non root a component moved inside another one
        (pcb/update-shapes shapes-to-deroot
                           (fn [shape]
                             (assoc shape :component-root? nil)))

-        ; Make root a subcomponent moved outside its parent component
+        ;; Make root a subcomponent moved outside its parent component
        (pcb/update-shapes shapes-to-reroot
                           (fn [shape]
                             (assoc shape :component-root? true)))

-        ; Reset constraints depending on the new parent
+        ;; Reset constraints depending on the new parent
        (pcb/update-shapes shapes-to-unconstraint
                           (fn [shape]
                             (let [parent      (get objects parent-id)
@@ -698,7 +699,19 @@
                                      :constraints-v (gsh/default-constraints-v moved-shape))))
                           {:ignore-touched true})

-        ; Resize parent containers that need to
+        ;; Fix the sizing when moving a shape
+        (pcb/update-shapes parents
+                           (fn [parent]
+                             (if (ctl/layout? parent)
+                               (cond-> parent
+                                 (ctl/change-h-sizing? (:id parent) objects (:shapes parent))
+                                 (assoc :layout-item-h-sizing :fix)
+
+                                 (ctl/change-v-sizing? (:id parent) objects (:shapes parent))
+                                 (assoc :layout-item-v-sizing :fix))
+                               parent)))
+
+        ;; Resize parent containers that need to
        (pcb/resize-parents parents))))

 (defn relocate-shapes
@@ -718,9 +731,9 @@

            ;; If we try to move a parent into a child we remove it
            ids      (filter #(not (cph/is-parent? objects parent-id %)) ids)
-            parents  (if ignore-parents?
-                       #{parent-id}
-                       (into #{parent-id} (map #(cph/get-parent-id objects %)) ids))
+
+            all-parents (into #{parent-id} (map #(cph/get-parent-id objects %)) ids)
+            parents  (if ignore-parents? #{parent-id} all-parents)

            groups-to-delete
            (loop [current-id  (first parents)
@@ -813,17 +826,12 @@
                                             shapes-to-reroot
                                             shapes-to-deroot
                                             ids)
-
-            layouts-to-update
-            (into #{}
-                  (filter (partial ctl/layout? objects))
-                  (concat [parent-id] (cph/get-parent-ids objects parent-id)))
            undo-id (js/Symbol)]

        (rx/of (dwu/start-undo-transaction undo-id)
               (dch/commit-changes changes)
               (dwco/expand-collapse parent-id)
-               (ptk/data-event :layout/update layouts-to-update)
+               (ptk/data-event :layout/update (concat all-parents ids))
               (dwu/commit-undo-transaction undo-id))))))

 (defn relocate-selected-shapes
--- a/frontend/src/app/main/data/workspace/interactions.cljs
+++ b/frontend/src/app/main/data/workspace/interactions.cljs
@@ -8,6 +8,7 @@
  (:require
   [app.common.data :as d]
   [app.common.geom.point :as gpt]
+   [app.common.pages :as cp]
   [app.common.pages.changes-builder :as pcb]
   [app.common.pages.helpers :as cph]
   [app.common.spec :as us]
@@ -33,7 +34,7 @@

            flows   (get-in page [:options :flows] [])
            unames  (into #{} (map :name flows))
-            name    (ctst/generate-unique-name unames "Flow-1")
+            name    (cp/generate-unique-name unames "Flow 1")

            new-flow {:id (uuid/next)
                      :name name
--- a/frontend/src/app/main/data/workspace/libraries_helpers.cljs
+++ b/frontend/src/app/main/data/workspace/libraries_helpers.cljs
@@ -73,7 +73,7 @@
                              (pcb/with-objects objects))]
          (let [group-name (if (= 1 (count shapes))
                             (:name (first shapes))
-                             "Component-1")]
+                             "Component 1")]
            (dwg/prepare-create-group it
                                      objects
                                      page-id
--- a/frontend/src/app/main/data/workspace/modifiers.cljs
+++ b/frontend/src/app/main/data/workspace/modifiers.cljs
@@ -174,42 +174,62 @@
        modif-tree)))

 (defn build-change-frame-modifiers
-  [modif-tree objects selected target-frame drop-index]
+  [modif-tree objects selected target-frame-id drop-index]

  (let [origin-frame-ids (->> selected (group-by #(get-in objects [% :frame-id])))
-        child-set (set (get-in objects [target-frame :shapes]))
-        layout? (ctl/layout? objects target-frame)
+        child-set (set (get-in objects [target-frame-id :shapes]))
+
+        target-frame (get objects target-frame-id)
+        target-layout? (ctl/layout? target-frame)
+
+        children-ids (concat (:shapes target-frame) selected)

        set-parent-ids
-        (fn [modif-tree shapes target-frame]
+        (fn [modif-tree shapes target-frame-id]
          (reduce
           (fn [modif-tree id]
             (update-in
              modif-tree
              [id :modifiers]
              #(-> %
-                   (ctm/change-property :frame-id target-frame)
-                   (ctm/change-property :parent-id target-frame))))
+                   (ctm/change-property :frame-id target-frame-id)
+                   (ctm/change-property :parent-id target-frame-id))))
           modif-tree
           shapes))

        update-frame-modifiers
        (fn [modif-tree [original-frame shapes]]
-          (let [shapes (->> shapes (d/removev #(= target-frame %)))
+          (let [shapes (->> shapes (d/removev #(= target-frame-id %)))
                shapes (cond->> shapes
-                         (and layout? (= original-frame target-frame))
+                         (and target-layout? (= original-frame target-frame-id))
                         ;; When movining inside a layout frame remove the shapes that are not immediate children
-                         (filterv #(contains? child-set %)))]
+                         (filterv #(contains? child-set %)))
+                children-ids (->> (dm/get-in objects [original-frame :shapes])
+                                  (remove (set selected)))
+
+                h-sizing? (ctl/change-h-sizing? original-frame objects children-ids)
+                v-sizing? (ctl/change-v-sizing? original-frame objects children-ids)]
            (cond-> modif-tree
-              (not= original-frame target-frame)
+              (not= original-frame target-frame-id)
              (-> (modifier-remove-from-parent objects shapes)
-                  (update-in [target-frame :modifiers] ctm/add-children shapes drop-index)
-                  (set-parent-ids shapes target-frame))
+                  (update-in [target-frame-id :modifiers] ctm/add-children shapes drop-index)
+                  (set-parent-ids shapes target-frame-id)
+                  (cond-> h-sizing?
+                    (update-in [original-frame :modifiers] ctm/change-property :layout-item-h-sizing :fix))
+                  (cond-> v-sizing?
+                    (update-in [original-frame :modifiers] ctm/change-property :layout-item-v-sizing :fix)))

-              (and layout? (= original-frame target-frame))
-              (update-in [target-frame :modifiers] ctm/add-children shapes drop-index))))]
+              (and target-layout? (= original-frame target-frame-id))
+              (update-in [target-frame-id :modifiers] ctm/add-children shapes drop-index))))]

-    (reduce update-frame-modifiers modif-tree origin-frame-ids)))
+    (as-> modif-tree $
+      (reduce update-frame-modifiers $ origin-frame-ids)
+      (cond-> $
+        (ctl/change-h-sizing? target-frame-id objects children-ids)
+        (update-in [target-frame-id :modifiers] ctm/change-property :layout-item-h-sizing :fix))
+      (cond-> $
+        (ctl/change-v-sizing? target-frame-id objects children-ids)
+        (update-in [target-frame-id :modifiers] ctm/change-property :layout-item-v-sizing :fix)))))

 (defn modif->js
     [modif-tree objects]
--- a/frontend/src/app/main/data/workspace/selection.cljs
+++ b/frontend/src/app/main/data/workspace/selection.cljs
@@ -15,7 +15,6 @@
   [app.common.pages.helpers :as cph]
   [app.common.spec :as us]
   [app.common.types.page :as ctp]
-   [app.common.types.shape-tree :as ctt]
   [app.common.types.shape.interactions :as ctsi]
   [app.common.uuid :as uuid]
   [app.main.data.modal :as md]
@@ -290,7 +289,7 @@
  move to the desired position, and recalculate parents and frames as needed."
  [all-objects page ids delta it]
  (let [shapes         (map (d/getf all-objects) ids)
-        unames         (volatile! (ctt/retrieve-used-names (:objects page)))
+        unames         (volatile! (cp/retrieve-used-names (:objects page)))
        update-unames! (fn [new-name] (vswap! unames conj new-name))
        all-ids        (reduce #(into %1 (cons %2 (cph/get-children-ids all-objects %2))) (d/ordered-set) ids)
        ids-map        (into {} (map #(vector % (uuid/next))) all-ids)
@@ -367,7 +366,7 @@
      (let [update-flows (fn [flows]
                           (reduce
                             (fn [flows frame]
-                               (let [name     (ctt/generate-unique-name @unames "Flow-1")
+                               (let [name     (cp/generate-unique-name @unames "Flow 1")
                                     _        (vswap! unames conj name)
                                     new-flow {:id (uuid/next)
                                               :name name
--- a/frontend/src/app/main/data/workspace/shape_layout.cljs
+++ b/frontend/src/app/main/data/workspace/shape_layout.cljs
@@ -271,16 +271,89 @@
               (ptk/data-event :layout/update ids)
               (dwu/commit-undo-transaction undo-id))))))

+(defn fix-child-sizing
+  [objects parent-changes shape]
+
+  (let [parent (-> (cph/get-parent objects (:id shape))
+                   (d/deep-merge parent-changes))
+
+        auto-width? (ctl/auto-width? parent)
+        auto-height? (ctl/auto-height? parent)
+        col? (ctl/col? parent)
+        row? (ctl/row? parent)
+
+        all-children (->> parent :shapes (map (d/getf objects)))]
+
+    (cond-> shape
+      ;; If the parent is hug width and the direction column
+      ;; change to fixed when ALL children are fill
+      (and col? auto-width? (every? ctl/fill-width? all-children))
+      (assoc :layout-item-h-sizing :fix)
+
+      ;; If the parent is hug height and the direction is column
+      ;; change to fixed when ANY children is fill
+      (and col? auto-height? (ctl/fill-height? shape))
+      (assoc :layout-item-v-sizing :fix)
+
+      ;; If the parent is hug width and the direction row
+      ;; change to fixed when ANY children is fill
+      (and row? auto-width? (ctl/fill-width? shape))
+      (assoc :layout-item-h-sizing :fix)
+
+      ;; If the parent is hug height and the direction row
+      ;; change to fixed when ALL children are fill
+      (and row? auto-height? (every? ctl/fill-height? all-children))
+      (assoc :layout-item-v-sizing :fix))))
+
+(defn fix-parent-sizing
+  [objects ids-set changes parent]
+
+  (let [auto-width? (ctl/auto-width? parent)
+        auto-height? (ctl/auto-height? parent)
+        col? (ctl/col? parent)
+        row? (ctl/row? parent)
+
+        all-children
+        (->> parent :shapes
+             (map (d/getf objects))
+             (map (fn [shape]
+                    (if (contains? ids-set (:id shape))
+                      (d/deep-merge shape changes)
+                      shape))))]
+
+    (cond-> parent
+      ;; Col layout and parent is hug-width if all children are fill-width
+      ;; change parent to fixed
+      (and col? auto-width? (every? ctl/fill-width? all-children))
+      (assoc :layout-item-h-sizing :fix)
+
+      ;; Col layout and parent is hug-height if any children is fill-height
+      ;; change parent to fixed
+      (and col? auto-height? (some ctl/fill-height? all-children))
+      (assoc :layout-item-v-sizing :fix)
+
+      ;; Row layout and parent is hug-width if any children is fill-width
+      ;; change parent to fixed
+      (and row? auto-width? (some ctl/fill-width? all-children))
+      (assoc :layout-item-h-sizing :fix)
+
+      ;; Row layout and parent is hug-height if all children are fill-height
+      ;; change parent to fixed
+      (and row? auto-height? (every? ctl/fill-height? all-children))
+      (assoc :layout-item-v-sizing :fix))))
+
 (defn update-layout-child
  [ids changes]
  (ptk/reify ::update-layout-child
    ptk/WatchEvent
    (watch [_ state _]
      (let [objects (wsh/lookup-page-objects state)
+            children-ids (->> ids (mapcat #(cph/get-children-ids objects %)))
            parent-ids (->> ids (map #(cph/get-parent-id objects %)))
-            layout-ids (->> ids (filter (comp ctl/layout? (d/getf objects))))
            undo-id (js/Symbol)]
        (rx/of (dwu/start-undo-transaction undo-id)
               (dwc/update-shapes ids #(d/deep-merge (or % {}) changes))
-               (ptk/data-event :layout/update (d/concat-vec layout-ids parent-ids))
+               (dwc/update-shapes children-ids (partial fix-child-sizing objects changes))
+               (dwc/update-shapes parent-ids (partial fix-parent-sizing objects (set ids) changes))
+               (ptk/data-event :layout/update ids)
               (dwu/commit-undo-transaction undo-id))))))
--- a/frontend/src/app/main/data/workspace/svg_upload.cljs
+++ b/frontend/src/app/main/data/workspace/svg_upload.cljs
@@ -12,6 +12,7 @@
   [app.common.geom.point :as gpt]
   [app.common.geom.shapes :as gsh]
   [app.common.math :as mth]
+   [app.common.pages :as cp]
   [app.common.pages.changes-builder :as pcb]
   [app.common.pages.helpers :as cph]
   [app.common.spec :as us :refer [max-safe-int min-safe-int]]
@@ -493,7 +494,7 @@
               (- y vb-y (/ vb-height 2))
               y))

-          unames (ctst/retrieve-used-names objects)
+          unames (cp/retrieve-used-names objects)

          svg-name (str/replace (:name svg-data) ".svg" "")

--- a/frontend/src/app/main/data/workspace/thumbnails.cljs
+++ b/frontend/src/app/main/data/workspace/thumbnails.cljs
@@ -77,6 +77,11 @@
          ;; Delete the thumbnail first so if we interrupt we can regenerate after
          (->> (rp/cmd! :upsert-file-object-thumbnail params)
               (rx/catch #(rx/empty)))
+
+          ;; Remove the thumbnail temporary. If the user changes pages the thumbnail is regenerated
+          (rx/of #(update % :workspace-thumbnails assoc object-id nil))
+
+          ;; Send the update to the back-end
          (->> blob-result
               (rx/merge-map
                (fn [blob]
--- a/frontend/src/app/main/refs.cljs
+++ b/frontend/src/app/main/refs.cljs
@@ -484,6 +484,15 @@
          (some (partial ctl/layout-immediate-child? objects))))
   workspace-page-objects))

+(defn all-layout-child?
+  [ids]
+  (l/derived
+   (fn [objects]
+     (->> ids
+          (map (d/getf objects))
+          (every? (partial ctl/layout-immediate-child? objects))))
+   workspace-page-objects))
+
 (defn get-flex-child-viewer
  [ids page-id]
  (l/derived
--- a/frontend/src/app/main/repo.cljs
+++ b/frontend/src/app/main/repo.cljs
@@ -200,3 +200,12 @@
                    :body (http/form-data params)})
       (rx/map http/conditional-decode-transit)
       (rx/mapcat handle-response)))
+
+(defmethod command ::multipart-upload
+  [id params]
+  (->> (http/send! {:method :post
+                    :uri  (u/join @cf/public-uri "api/rpc/command/" (name id))
+                    :credentials "include"
+                    :body (http/form-data params)})
+       (rx/map http/conditional-decode-transit)
+       (rx/mapcat handle-response)))
--- a/frontend/src/app/main/ui/components/forms.cljs
+++ b/frontend/src/app/main/ui/components/forms.cljs
@@ -130,7 +130,7 @@
      (cond
        (and touched? (:message error))
        [:span.error {:id (dm/str "error-" input-name)
-                      :data-test (clojure.string/join [data-test "-error"]) }(tr (:message error))]
+                      :data-test (clojure.string/join [data-test "-error"])} (tr (:message error))]

        (string? hint)
        [:span.hint hint])]]))
@@ -328,7 +328,13 @@
        remove-item!
        (mf/use-fn
         (fn [item]
-           (swap! items #(into [] (remove (fn [x] (= x item))) %))))]
+           (swap! items #(into [] (remove (fn [x] (= x item))) %))))
+
+        manage-key-down
+        (mf/use-fn
+         (fn [item event]
+           (when (kbd/enter? event)
+             (remove-item! item))))]

    (mf/with-effect [result @value]
      (let [val (cond-> @value trim str/trim)
@@ -337,14 +343,6 @@
        (update-form! values)))

    [:div {:class klass}
-     (when-let [items (seq @items)]
-       [:div.selected-items
-        (for [item items]
-          [:div.selected-item {:key (:text item)}
-           [:span.around {:class (when-not (:valid item) "invalid")}
-            [:span.text (:text item)]
-            [:span.icon {:on-click #(remove-item! item)} i/cross]]])])
-
     [:input {:id (name input-name)
              :class in-klass
              :type "text"
@@ -355,4 +353,14 @@
              :value @value
              :on-change on-change
              :placeholder (when empty? label)}]
-     [:label {:for (name input-name)} label]]))
+     [:label {:for (name input-name)} label]
+
+     (when-let [items (seq @items)]
+       [:div.selected-items
+        (for [item items]
+          [:div.selected-item {:key (:text item)
+                               :tab-index "0"
+                               :on-key-down (partial manage-key-down item)}
+           [:span.around {:class (when-not (:valid item) "invalid")}
+            [:span.text (:text item)]
+            [:span.icon {:on-click #(remove-item! item)} i/cross]]])])]))
--- a/frontend/src/app/main/ui/dashboard/team.cljs
+++ b/frontend/src/app/main/ui/dashboard/team.cljs
@@ -82,7 +82,7 @@
        (when (:is-admin permissions)
          {:value "admin" :label (tr "labels.admin")})
        ;; Temporarily disabled viewer roles
-        ;; https://tree.taiga.io/project/uxboxproject/issue/1083
+        ;; https://tree.taiga.io/project/penpot/issue/1083
        ;; {:value "viewer" :label (tr "labels.viewer")}
        ]
       (filterv identity)))
@@ -209,7 +209,7 @@
       [:li {:on-click set-admin} (tr "labels.admin")]
       [:li {:on-click set-editor} (tr "labels.editor")]
        ;; Temporarily disabled viewer role
-        ;; https://tree.taiga.io/project/uxboxproject/issue/1083
+        ;; https://tree.taiga.io/project/penpot/issue/1083
        ;;  [:li {:on-click set-viewer} (tr "labels.viewer")]
       (when you-owner?
         [:li {:on-click (partial set-owner member)} (tr "labels.owner")])]]]))
@@ -637,7 +637,9 @@
  {::mf/register modal/components
   ::mf/register-as :webhook}
  [{:keys [webhook] :as props}]
-  (let [initial (mf/use-memo (fn [] (or webhook {:is-active false :mtype "application/json"})))
+  ;; FIXME: this is a workaround because input fields do not support rendering hooks
+  (let [initial (mf/use-memo (fn [] (or (some-> webhook (update :uri str))
+                                        {:is-active false :mtype "application/json"})))
        form    (fm/use-form :spec ::webhook-form
                             :initial initial)
        on-success
@@ -735,8 +737,6 @@
          ]
         [:div.explain (tr "dashboard.webhooks.active.explain")]]]

-
-
       [:div.modal-footer
        [:div.action-buttons
         [:input.cancel-button
@@ -827,7 +827,7 @@
        {:success? (nil? error-code)
         :text last-delivery-text}]]]
     [:div.table-field.uri
-      [:div (:uri webhook)]]
+      [:div (dm/str (:uri webhook))]]
     [:div.table-field.active
      [:div (if (:is-active webhook)
              (tr "labels.active")
@@ -888,7 +888,7 @@

        on-file-selected
        (fn [file]
-          (st/emit! (dd/update-team-photo {:file file})))]
+          (st/emit! (dd/update-team-photo file)))]


    (mf/use-effect
--- a/frontend/src/app/main/ui/shapes/text/styles.cljs
+++ b/frontend/src/app/main/ui/shapes/text/styles.cljs
@@ -84,7 +84,9 @@
                              :color (if show-text? text-color "transparent")
                              :caretColor (or text-color "black")
                              :overflowWrap "initial"
-                              :lineBreak "auto"}
+                              :lineBreak "auto"
+                              :whiteSpace "break-spaces"
+                              :textRendering "geometricPrecision"}
         fills
         (cond
           (some? (:fills data))
--- a/frontend/src/app/main/ui/workspace/left_toolbar.cljs
+++ b/frontend/src/app/main/ui/workspace/left_toolbar.cljs
@@ -49,8 +49,8 @@
             (st/emit! (dwm/upload-media-workspace params)))))]

    [:li
-     [:button.tooltip.tooltip-right
-      {:alt (tr "workspace.toolbar.image" (sc/get-tooltip :insert-image))
+     [:button
+      {:title (tr "workspace.toolbar.image" (sc/get-tooltip :insert-image))
       :aria-label (tr "workspace.toolbar.image" (sc/get-tooltip :insert-image))
       :on-click on-click}
      [:*
@@ -73,8 +73,8 @@
    [:aside.left-toolbar
     [:ul.left-toolbar-options
      [:li
-       [:button.tooltip.tooltip-right
-        {:alt (tr "workspace.toolbar.move"  (sc/get-tooltip :move))
+       [:button
+        {:title (tr "workspace.toolbar.move"  (sc/get-tooltip :move))
         :aria-label (tr "workspace.toolbar.move"  (sc/get-tooltip :move))
         :class (when (and (nil? selected-drawtool)
                           (not edition)) "selected")
@@ -83,32 +83,32 @@
      (when-not workspace-read-only?
        [:*
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.frame" (sc/get-tooltip :draw-frame))
+          [:button
+           {:title (tr "workspace.toolbar.frame" (sc/get-tooltip :draw-frame))
            :aria-label (tr "workspace.toolbar.frame" (sc/get-tooltip :draw-frame))
            :class (when (= selected-drawtool :frame) "selected")
            :on-click (partial select-drawtool :frame)
            :data-test "artboard-btn"}
           i/artboard]]
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.rect" (sc/get-tooltip :draw-rect))
+          [:button
+           {:title (tr "workspace.toolbar.rect" (sc/get-tooltip :draw-rect))
            :aria-label (tr "workspace.toolbar.rect" (sc/get-tooltip :draw-rect))
            :class (when (= selected-drawtool :rect) "selected")
            :on-click (partial select-drawtool :rect)
            :data-test "rect-btn"}
           i/box]]
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.ellipse" (sc/get-tooltip :draw-ellipse))
+          [:button
+           {:title (tr "workspace.toolbar.ellipse" (sc/get-tooltip :draw-ellipse))
            :aria-label (tr "workspace.toolbar.ellipse" (sc/get-tooltip :draw-ellipse))
            :class (when (= selected-drawtool :circle) "selected")
            :on-click (partial select-drawtool :circle)
            :data-test "ellipse-btn"}
           i/circle]]
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.text" (sc/get-tooltip :draw-text))
+          [:button
+           {:title (tr "workspace.toolbar.text" (sc/get-tooltip :draw-text))
            :aria-label (tr "workspace.toolbar.text" (sc/get-tooltip :draw-text))
            :class (when (= selected-drawtool :text) "selected")
            :on-click (partial select-drawtool :text)}
@@ -117,16 +117,16 @@
         [:& image-upload]

         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.curve" (sc/get-tooltip :draw-curve))
+          [:button
+           {:title  (tr "workspace.toolbar.curve" (sc/get-tooltip :draw-curve))
            :aria-label (tr "workspace.toolbar.curve" (sc/get-tooltip :draw-curve))
            :class (when (= selected-drawtool :curve) "selected")
            :on-click (partial select-drawtool :curve)
            :data-test "curve-btn"}
           i/pencil]]
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.path" (sc/get-tooltip :draw-path))
+          [:button
+           {:title (tr "workspace.toolbar.path" (sc/get-tooltip :draw-path))
            :aria-label (tr "workspace.toolbar.path" (sc/get-tooltip :draw-path))
            :class (when (= selected-drawtool :path) "selected")
            :on-click (partial select-drawtool :path)
@@ -134,8 +134,8 @@
           i/pen]]])

      [:li
-       [:button.tooltip.tooltip-right
-        {:alt (tr "workspace.toolbar.comments" (sc/get-tooltip :add-comment))
+       [:button
+        {:title (tr "workspace.toolbar.comments" (sc/get-tooltip :add-comment))
         :aria-label (tr "workspace.toolbar.comments" (sc/get-tooltip :add-comment))
         :class (when (= selected-drawtool :comments) "selected")
         :on-click (partial select-drawtool :comments)}
@@ -145,8 +145,8 @@
      (when-not workspace-read-only?
        [:*
         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.text-palette" (sc/get-tooltip :toggle-textpalette))
+          [:button
+           {:title (tr "workspace.toolbar.text-palette" (sc/get-tooltip :toggle-textpalette))
            :aria-label (tr "workspace.toolbar.text-palette" (sc/get-tooltip :toggle-textpalette))
            :class (when (contains? layout :textpalette) "selected")
            :on-click (fn []
@@ -158,8 +158,8 @@
           "Ag"]]

         [:li
-          [:button.tooltip.tooltip-right
-           {:alt (tr "workspace.toolbar.color-palette" (sc/get-tooltip :toggle-colorpalette))
+          [:button
+           {:title (tr "workspace.toolbar.color-palette" (sc/get-tooltip :toggle-colorpalette))
            :aria-label (tr "workspace.toolbar.color-palette" (sc/get-tooltip :toggle-colorpalette))
            :class (when (contains? layout :colorpalette) "selected")
            :on-click (fn []
@@ -170,8 +170,8 @@
                                                        (vary-meta assoc ::ev/origin "workspace-left-toolbar")))))}
           i/palette]]])
      [:li
-       [:button.tooltip.tooltip-right.separator
-        {:alt (tr "workspace.toolbar.shortcuts" (sc/get-tooltip :show-shortcuts))
+       [:button
+        {:title (tr "workspace.toolbar.shortcuts" (sc/get-tooltip :show-shortcuts))
         :aria-label (tr "workspace.toolbar.shortcuts" (sc/get-tooltip :show-shortcuts))
         :class (when (contains? layout :shortcuts) "selected")
         :on-click (fn []
@@ -183,8 +183,8 @@
        i/shortcut]

       (when *assert*
-         [:button.tooltip.tooltip-right
-          {:alt "Debugging tool"
+         [:button
+          {:title "Debugging tool"
           :class (when (contains? layout :debug-panel) "selected")
           :on-click (fn []
                       (let [is-sidebar-closed? (contains? layout :collapse-left-sidebar)]
--- a/frontend/src/app/main/ui/workspace/shapes/frame/thumbnail_render.cljs
+++ b/frontend/src/app/main/ui/workspace/shapes/frame/thumbnail_render.cljs
@@ -27,23 +27,21 @@

 (defn- draw-thumbnail-canvas!
  [canvas-node img-node]
-  (ts/raf
-   (fn []
-     (try
-       (when (and (some? canvas-node) (some? img-node))
-         (let [canvas-context (.getContext canvas-node "2d")
-               canvas-width   (.-width canvas-node)
-               canvas-height  (.-height canvas-node)]
-           (.clearRect canvas-context 0 0 canvas-width canvas-height)
-           (.drawImage canvas-context img-node 0 0 canvas-width canvas-height)
+  (try
+    (when (and (some? canvas-node) (some? img-node))
+      (let [canvas-context (.getContext canvas-node "2d")
+            canvas-width   (.-width canvas-node)
+            canvas-height  (.-height canvas-node)]
+        (.clearRect canvas-context 0 0 canvas-width canvas-height)
+        (.drawImage canvas-context img-node 0 0 canvas-width canvas-height)

-           ;; Set a true on the next animation frame, we make sure the drawImage is completed
-           (ts/raf
-            #(dom/set-data! canvas-node "ready" "true"))
-           true))
-       (catch :default err
-         (.error js/console err)
-         false)))))
+        ;; Set a true on the next animation frame, we make sure the drawImage is completed
+        (ts/raf
+         #(dom/set-data! canvas-node "ready" "true"))
+        true))
+    (catch :default err
+      (.error js/console err)
+      false)))

 (defn- remove-image-loading
  "Remove the changes related to change a url for its embed value. This is necessary
@@ -78,8 +76,12 @@
          (gsh/selection-rect (concat [shape] all-children))
          (-> shape :points gsh/points->selrect))

-        fixed-width (mth/clamp width 250 2000)
-        fixed-height (/ (* height fixed-width) width)
+        [fixed-width fixed-height]
+        (if (> width height)
+          [(mth/clamp width 250 2000)
+           (/ (* height (mth/clamp width 250 2000)) width)]
+          [(/ (* width (mth/clamp height 250 2000)) height)
+           (mth/clamp height 250 2000)])

        image-url    (mf/use-state nil)
        observer-ref (mf/use-var nil)
@@ -91,6 +93,10 @@
        thumbnail-data-ref (mf/use-memo (mf/deps page-id id) #(refs/thumbnail-frame-data page-id id))
        thumbnail-data     (mf/deref thumbnail-data-ref)

+        ;; We only need the zoom level in Safari. For other browsers we don't want to activate this because
+        ;; will render for every zoom change
+        zoom (when (cf/check-browser? :safari) (mf/deref refs/selected-zoom))
+
        prev-thumbnail-data (hooks/use-previous thumbnail-data)

        ;; State to indicate to the parent that should render the frame
@@ -108,7 +114,9 @@
           (let [canvas-node (mf/ref-val frame-canvas-ref)
                 img-node    (mf/ref-val frame-image-ref)]
             (when (draw-thumbnail-canvas! canvas-node img-node)
-               (reset! image-url nil)
+               (when-not (cf/check-browser? :safari)
+                 (reset! image-url nil))
+
               (when @show-frame-thumbnail
                 (reset! show-frame-thumbnail false))
               ;; If we don't have the thumbnail data saved (normally the first load) we update the data
@@ -266,12 +274,16 @@
         {:key (dm/str "thumbnail-canvas-" (:id shape))
          :ref frame-canvas-ref
          :data-object-id (dm/str page-id (:id shape))
-          :width fixed-width
-          :height fixed-height
-          ;; DEBUG
-          :style {:filter (when (and (not (cf/check-browser? :safari)) (debug? :thumbnails)) "invert(1)")
-                  :width "100%"
-                  :height "100%"}}]]
+          :width width
+          :height height
+          :style {;; Safari has a problem with the positioning of the canvas. All this is to fix Safari behavior
+                  ;; https://bugs.webkit.org/show_bug.cgi?id=23113
+                  :display (when (cf/check-browser? :safari) "none")
+                  :position "fixed"
+                  :transform-origin "top left"
+                  :transform (when (cf/check-browser? :safari) (dm/fmt "scale(%)" zoom))
+                  ;; DEBUG
+                  :filter (when (debug? :thumbnails) "invert(1)")}}]]

       ;; Safari don't support filters so instead we add a rectangle around the thumbnail
       (when (and (cf/check-browser? :safari) (debug? :thumbnails))
@@ -285,10 +297,10 @@
       (when (some? @image-url)
         [:foreignObject {:x x
                          :y y
-                          :width width
-                          :height height}
+                          :width fixed-width
+                          :height fixed-height}
          [:img {:ref frame-image-ref
                 :src @image-url
-                 :width width
-                 :height height
+                 :width fixed-width
+                 :height fixed-height
                 :on-load on-image-load}]])])]))
--- a/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets.cljs
@@ -446,10 +446,7 @@
                        :editing renaming?)
          :value (cph/merge-path-item (:path component) (:name component))
          :tooltip (cph/merge-path-item (:path component) (:name component))
-          :display-value (if listing-thumbs?
-                           (:name component)
-                           (cph/compact-name (:path component)
-                                             (:name component)))
+          :display-value (:name component)
          :editing? renaming?
          :disable-dbl-click? true
          :on-change do-rename
@@ -831,10 +828,7 @@
                          :editing renaming?)
             :value (cph/merge-path-item (:path object) (:name object))
             :tooltip (cph/merge-path-item (:path object) (:name object))
-             :display-value (if listing-thumbs?
-                              (:name object)
-                              (cph/compact-name (:path object)
-                                                (:name object)))
+             :display-value (:name object)
             :editing? renaming?
             :disable-dbl-click? true
             :on-change do-rename
--- a/frontend/src/app/main/ui/workspace/sidebar/options/shapes/multiple.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/shapes/multiple.cljs
@@ -11,6 +11,7 @@
   [app.common.geom.shapes :as gsh]
   [app.common.pages.common :as cpc]
   [app.common.text :as txt]
+   [app.common.types.shape.layout :as ctl]
   [app.main.data.workspace.texts :as dwt]
   [app.main.refs :as refs]
   [app.main.ui.hooks :as hooks]
@@ -26,7 +27,7 @@
   [app.main.ui.workspace.sidebar.options.menus.shadow :refer [shadow-attrs shadow-menu]]
   [app.main.ui.workspace.sidebar.options.menus.stroke :refer [stroke-attrs stroke-menu]]
   [app.main.ui.workspace.sidebar.options.menus.text :as ot]
-      [rumext.v2 :as mf]))
+   [rumext.v2 :as mf]))

 ;; Define how to read each kind of attribute depending on the shape type:
 ;;   - shape: read the attribute directly from the shape.
@@ -298,6 +299,13 @@

        has-text? (contains? all-types :text)

+        has-layout-container? (->> shapes (some ctl/layout?))
+
+        all-layout-child-ref (mf/use-memo (mf/deps ids) #(refs/all-layout-child? ids))
+        all-layout-child? (mf/deref all-layout-child-ref)
+
+        all-layout-container? (->> shapes (every? ctl/layout?))
+
        [measure-ids    measure-values]    (get-attrs shapes objects :measure)

        [layer-ids            layer-values
@@ -332,14 +340,15 @@
     (when-not (empty? measure-ids)
       [:& measures-menu {:type type :all-types all-types :ids measure-ids :values measure-values :shape shapes}])

-     [:& layout-container-menu {:type type :ids layout-container-ids :values layout-container-values :multiple true}]
+     (when has-layout-container?
+       [:& layout-container-menu {:type type :ids layout-container-ids :values layout-container-values :multiple true}])

-     (when is-layout-child?
+     (when (or is-layout-child? has-layout-container?)
       [:& layout-item-menu
        {:type type
         :ids layout-item-ids
-         :is-layout-child? true
-         :is-layout-container? true
+         :is-layout-child? all-layout-child?
+         :is-layout-container? all-layout-container?
         :values layout-item-values}])

     (when-not (or (empty? constraint-ids) is-layout-child?)
--- a/frontend/src/app/main/ui/workspace/viewport.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport.cljs
@@ -162,14 +162,14 @@
        on-drag-over      (actions/on-drag-over)
        on-drop           (actions/on-drop file)
        on-mouse-down     (actions/on-mouse-down @hover selected edition drawing-tool text-editing? node-editing?
-                                                 drawing-path? create-comment? space? panning workspace-read-only?)
+                                                 drawing-path? create-comment? space? panning z? workspace-read-only?)
        on-mouse-up       (actions/on-mouse-up disable-paste)
        on-pointer-down   (actions/on-pointer-down)
        on-pointer-enter  (actions/on-pointer-enter in-viewport?)
        on-pointer-leave  (actions/on-pointer-leave in-viewport?)
        on-pointer-move   (actions/on-pointer-move move-stream)
        on-pointer-up     (actions/on-pointer-up)
-        on-move-selected  (actions/on-move-selected hover hover-ids selected space? workspace-read-only?)
+        on-move-selected  (actions/on-move-selected hover hover-ids selected space? z? workspace-read-only?)
        on-menu-selected  (actions/on-menu-selected hover hover-ids selected workspace-read-only?)

        on-frame-enter    (actions/on-frame-enter frame-hover)
--- a/frontend/src/app/main/ui/workspace/viewport/actions.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport/actions.cljs
@@ -34,70 +34,71 @@

 (defn on-mouse-down
  [{:keys [id blocked hidden type]} selected edition drawing-tool text-editing?
-   node-editing? drawing-path? create-comment? space? panning workspace-read-only?]
+   node-editing? drawing-path? create-comment? space? panning z? workspace-read-only?]
  (mf/use-callback
   (mf/deps id blocked hidden type selected edition drawing-tool text-editing?
-            node-editing? drawing-path? create-comment? @space?
+            node-editing? drawing-path? create-comment? @z? @space?
            panning workspace-read-only?)
   (fn [bevent]
     (when (or (dom/class? (dom/get-target bevent) "viewport-controls")
               (dom/class? (dom/get-target bevent) "viewport-selrect"))
       (dom/stop-propagation bevent)

-       (let [event  (.-nativeEvent bevent)
-             ctrl?  (kbd/ctrl? event)
-             meta?  (kbd/meta? event)
-             shift? (kbd/shift? event)
-             alt?   (kbd/alt? event)
-             mod?   (kbd/mod? event)
+       (when-not @z?
+         (let [event  (.-nativeEvent bevent)
+               ctrl?  (kbd/ctrl? event)
+               meta?  (kbd/meta? event)
+               shift? (kbd/shift? event)
+               alt?   (kbd/alt? event)
+               mod?   (kbd/mod? event)

-             left-click?   (and (not panning) (= 1 (.-which event)))
-             middle-click? (and (not panning) (= 2 (.-which event)))]
+               left-click?   (and (not panning) (= 1 (.-which event)))
+               middle-click? (and (not panning) (= 2 (.-which event)))]

-         (cond
-           (or middle-click? (and left-click? @space?))
-           (do
-             (dom/prevent-default bevent)
-             (if mod?
-               (let [raw-pt   (dom/get-client-position event)
-                     pt       (uwvv/point->viewport raw-pt)]
-                 (st/emit! (dw/start-zooming pt)))
-               (st/emit! (dw/start-panning))))
+           (cond
+             (or middle-click? (and left-click? @space?))
+             (do
+               (dom/prevent-default bevent)
+               (if mod?
+                 (let [raw-pt   (dom/get-client-position event)
+                       pt       (uwvv/point->viewport raw-pt)]
+                   (st/emit! (dw/start-zooming pt)))
+                 (st/emit! (dw/start-panning))))


-           left-click?
-           (do
-             (st/emit! (ms/->MouseEvent :down ctrl? shift? alt? meta?))
+             left-click?
+             (do
+               (st/emit! (ms/->MouseEvent :down ctrl? shift? alt? meta?))

-             (when (and (not= edition id) text-editing?)
-               (st/emit! dw/clear-edition-mode))
+               (when (and (not= edition id) text-editing?)
+                 (st/emit! dw/clear-edition-mode))

-             (when (and (not text-editing?)
-                        (not blocked)
-                        (not hidden)
-                        (not create-comment?)
-                        (not drawing-path?))
-               (cond
-                 node-editing?
+               (when (and (not text-editing?)
+                          (not blocked)
+                          (not hidden)
+                          (not create-comment?)
+                          (not drawing-path?))
+                 (cond
+                   node-editing?
                 ;; Handle path node area selection
-                 (when-not workspace-read-only?
-                   (st/emit! (dwdp/handle-area-selection shift?)))
+                   (when-not workspace-read-only?
+                     (st/emit! (dwdp/handle-area-selection shift?)))

-                 drawing-tool
-                 (when-not workspace-read-only?
-                   (st/emit! (dd/start-drawing drawing-tool)))
+                   drawing-tool
+                   (when-not workspace-read-only?
+                     (st/emit! (dd/start-drawing drawing-tool)))

-                 (or (not id) mod?)
-                 (st/emit! (dw/handle-area-selection shift? mod?))
+                   (or (not id) mod?)
+                   (st/emit! (dw/handle-area-selection shift? mod?))

-                 (not drawing-tool)
-                 (when-not workspace-read-only?
-                   (st/emit! (dw/start-move-selected id shift?))))))))))))
+                   (not drawing-tool)
+                   (when-not workspace-read-only?
+                     (st/emit! (dw/start-move-selected id shift?)))))))))))))

 (defn on-move-selected
-  [hover hover-ids selected space? workspace-read-only?]
+  [hover hover-ids selected space? z? workspace-read-only?]
  (mf/use-callback
-   (mf/deps @hover @hover-ids selected @space? workspace-read-only?)
+   (mf/deps @hover @hover-ids selected @space? @z? workspace-read-only?)
   (fn [bevent]
     (let [event (.-nativeEvent bevent)
           shift? (kbd/shift? event)
@@ -110,7 +111,7 @@
                  (not @space?))
         (dom/prevent-default bevent)
         (dom/stop-propagation bevent)
-         (when-not workspace-read-only?
+         (when-not (or workspace-read-only? @z?)
           (st/emit! (dw/start-move-selected))))))))

 (defn on-frame-select
--- a/frontend/src/app/main/ui/workspace/viewport/hooks.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport/hooks.cljs
@@ -109,7 +109,8 @@

 (defn setup-keyboard [alt? mod? space? z?]
  (hooks/use-stream ms/keyboard-alt #(reset! alt? %))
-  (hooks/use-stream ms/keyboard-mod #(reset! mod? %))
+  (hooks/use-stream ms/keyboard-mod #((reset! mod? %)
+                                      (when-not % (reset! z? false)))) ;; In mac after command+z there is no event for the release of the z key
  (hooks/use-stream ms/keyboard-space #(reset! space? %))
  (hooks/use-stream ms/keyboard-z #(reset! z? %)))

--- a/frontend/test/frontend_tests/state_components_sync_test.cljs
+++ b/frontend/test/frontend_tests/state_components_sync_test.cljs
@@ -166,12 +166,12 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1*           #--> Component-1
+                      ;   Component 1*           #--> Component 1
                      ;       #{:shapes-group}
                      ;     Rect 2               ---> Rect 2
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 1
                      ;   Rect 2
                      ;
@@ -180,14 +180,14 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) #{:shapes-group}))
                        (t/is (not= (:shape-ref group) nil))
                        (t/is (= (:name shape2) "Rect 2"))
                        (t/is (= (:touched shape2) nil))
                        (t/is (not= (:shape-ref shape2) nil))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape2) "Rect 1"))
@@ -227,14 +227,14 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1*        #--> Component-1
+                      ;   Component 1*        #--> Component 1
                      ;       #{:shapes-group}
                      ;     Rect 2            ---> Rect 2
                      ;     Rect 1            ---> Rect 1
                      ;     Rect 3            ---> Rect 3
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 1
                      ;   Rect 2
                      ;   Rect 3
@@ -245,7 +245,7 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) #{:shapes-group}))
                        (t/is (= (:name shape1) "Rect 2"))
                        (t/is (= (:touched shape1) nil))
@@ -257,7 +257,7 @@
                        (t/is (= (:touched shape3) nil))
                        (t/is (not= (:shape-ref shape3) nil))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape1) "Rect 1"))
@@ -389,7 +389,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -478,7 +478,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -567,7 +567,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -737,12 +737,12 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1         #--> Component-1
+                      ;   Component 1         #--> Component 1
                      ;     Rect 1            ---> Rect 1
                      ;     Rect 2            ---> Rect 2
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 1
                      ;   Rect 2
                      ;
@@ -752,7 +752,7 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) nil))
                        (t/is (not= (:shape-ref group) nil))
                        (t/is (= (:name shape1) "Rect 1"))
@@ -762,7 +762,7 @@
                        (t/is (= (:touched shape2) nil))
                        (t/is (not= (:shape-ref shape2) nil))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape1) "Rect 1"))
@@ -803,13 +803,13 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1         #--> Component-1
+                      ;   Component 1         #--> Component 1
                      ;     Rect 1            ---> Rect 1
                      ;     Rect 2            ---> Rect 2
                      ;     Rect 3            ---> Rect 3
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 1
                      ;   Rect 2
                      ;   Rect 3
@@ -819,7 +819,7 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) nil))
                        (t/is (not= (:shape-ref group) nil))
                        (t/is (= (:name shape1) "Rect 1"))
@@ -832,7 +832,7 @@
                        (t/is (= (:touched shape3) nil))
                        (t/is (not= (:shape-ref shape3) nil))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape1) "Rect 1"))
@@ -1144,7 +1144,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -1517,11 +1517,11 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1            #--> Component-1
+                      ;   Component 1            #--> Component 1
                      ;     Rect 2               ---> Rect 2
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 2
                      ;
                      (let [[[group shape2] [c-group c-shape2] component]
@@ -1529,14 +1529,14 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) nil))
                        (t/is (not= (:shape-ref group) nil))
                        (t/is (= (:name shape2) "Rect 2"))
                        (t/is (= (:touched shape2) nil))
                        (t/is (not= (:shape-ref shape2) nil))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape2) "Rect 2"))
@@ -1576,13 +1576,13 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Component-1         #--> Component-1
+                      ;   Component 1         #--> Component 1
                      ;     Rect 2            ---> Rect 2
                      ;     Rect 1            ---> Rect 1
                      ;     Rect 3            ---> Rect 3
                      ;
-                      ; [Component-1]
-                      ; Component-1
+                      ; [Component 1]
+                      ; Component 1
                      ;   Rect 2
                      ;   Rect 1
                      ;   Rect 3
@@ -1592,7 +1592,7 @@
                              new-state
                              (thp/id :instance1))]

-                        (t/is (= (:name group) "Component-1"))
+                        (t/is (= (:name group) "Component 1"))
                        (t/is (= (:touched group) nil))
                        (t/is (not= (:shape-ref group) nil))
                        (t/is (= (:touched shape1) nil))
@@ -1605,7 +1605,7 @@
                        (t/is (not= (:shape-ref shape3) nil))
                        (t/is (= (:name shape3) "Rect 3"))

-                        (t/is (= (:name c-group) "Component-1"))
+                        (t/is (= (:name c-group) "Component 1"))
                        (t/is (= (:touched c-group) nil))
                        (t/is (= (:shape-ref c-group) nil))
                        (t/is (= (:name c-shape1) "Rect 2"))
@@ -1737,7 +1737,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -1826,7 +1826,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
@@ -1916,7 +1916,7 @@
                              new-state
                              (thp/id :instance2))]

-                        ; TODO: get and check the instance inside component [Group-1]
+                        ; TODO: get and check the instance inside component [Group 1]

                        (t/is (= (:name instance2) "Group"))
                        (t/is (= (:touched instance2) nil))
--- a/frontend/test/frontend_tests/state_components_test.cljs
+++ b/frontend/test/frontend_tests/state_components_test.cljs
@@ -30,7 +30,7 @@
      (let [state (-> thp/initial-state
                      (thp/sample-page)
                      (thp/sample-shape :shape1 :rect
-                                        {:name "Rect-1"}))
+                                        {:name "Rect 1"}))

            store (the/prepare-store state done
                    (fn [new-state]
@@ -43,12 +43,12 @@
                      ;
                      ; [Page]
                      ; Root Frame
-                      ;   Rect-1              #--> Rect-1
-                      ;     Rect-1            ---> Rect-1
+                      ;   Rect 1              #--> Rect 1
+                      ;     Rect 1            ---> Rect 1
                      ;
-                      ; [Rect-1]
-                      ; Rect-1
-                      ;   Rect-1
+                      ; [Rect 1]
+                      ; Rect 1
+                      ;   Rect 1
                      ;
                      (let [shape1 (thp/get-shape new-state :shape1)

@@ -59,11 +59,11 @@

                            file (wsh/get-local-file new-state)]

-                        (t/is (= (:name shape1) "Rect-1"))
-                        (t/is (= (:name group) "Rect-1"))
-                        (t/is (= (:name component) "Rect-1"))
-                        (t/is (= (:name c-shape1) "Rect-1"))
-                        (t/is (= (:name c-group) "Rect-1"))
+                        (t/is (= (:name shape1) "Rect 1"))
+                        (t/is (= (:name group) "Rect 1"))
+                        (t/is (= (:name component) "Rect 1"))
+                        (t/is (= (:name c-shape1) "Rect 1"))
+                        (t/is (= (:name c-group) "Rect 1"))

                        (thl/is-from-file group file))))]

@@ -81,7 +81,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"}))]
+                                     {:name "Rect 1"}))]

     (->> state
          (the/do-update (dw/select-shape (thp/id :shape1)))
@@ -97,11 +97,11 @@

                    file (wsh/get-local-file new-state)]

-                (t/is (= (:name shape1) "Rect-1"))
-                (t/is (= (:name group) "Component-1"))
-                (t/is (= (:name component) "Component-1"))
-                (t/is (= (:name c-shape1) "Rect-1"))
-                (t/is (= (:name c-group) "Component-1"))
+                (t/is (= (:name shape1) "Rect 1"))
+                (t/is (= (:name group) "Component 1"))
+                (t/is (= (:name component) "Component 1"))
+                (t/is (= (:name c-shape1) "Rect 1"))
+                (t/is (= (:name c-group) "Component 1"))

                (thl/is-from-file group file))))

@@ -113,7 +113,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/sample-shape :shape2 :rect
                                     {:name "Rect-2"}))

@@ -123,13 +123,13 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Component-1         #--> Component-1
-                   ;     Rect-1            ---> Rect-1
+                   ;   Component 1         #--> Component 1
+                   ;     Rect 1            ---> Rect 1
                   ;     Rect-2            ---> Rect-2
                   ;
-                   ; [Component-1]
-                   ; Component-1
-                   ;   Rect-1
+                   ; [Component 1]
+                   ; Component 1
+                   ;   Rect 1
                   ;   Rect-2
                   ;
                   (let [shape1 (thp/get-shape new-state :shape1)
@@ -143,12 +143,12 @@

                         file   (wsh/get-local-file new-state)]

-                     (t/is (= (:name group) "Component-1"))
-                     (t/is (= (:name shape1) "Rect-1"))
+                     (t/is (= (:name group) "Component 1"))
+                     (t/is (= (:name shape1) "Rect 1"))
                     (t/is (= (:name shape2) "Rect-2"))
-                     (t/is (= (:name component) "Component-1"))
-                     (t/is (= (:name c-group) "Component-1"))
-                     (t/is (= (:name c-shape1) "Rect-1"))
+                     (t/is (= (:name component) "Component 1"))
+                     (t/is (= (:name c-group) "Component 1"))
+                     (t/is (= (:name c-shape1) "Rect 1"))
                     (t/is (= (:name c-shape2) "Rect-2"))

                     (thl/is-from-file group file))))]
@@ -166,7 +166,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/sample-shape :shape2 :rect
                                     {:name "Rect-2"})
                   (thp/group-shapes :group1
@@ -180,12 +180,12 @@
                   ; [Page]
                   ; Root Frame
                   ;   Group               #--> Group
-                   ;     Rect-1            ---> Rect-1
+                   ;     Rect 1            ---> Rect 1
                   ;     Rect-2            ---> Rect-2
                   ;
                   ; [Group]
                   ; Group
-                   ;   Rect-1
+                   ;   Rect 1
                   ;   Rect-2
                   ;
                   (let [[[group shape1 shape2]
@@ -197,11 +197,11 @@

                         file   (wsh/get-local-file new-state)]

-                     (t/is (= (:name shape1) "Rect-1"))
+                     (t/is (= (:name shape1) "Rect 1"))
                     (t/is (= (:name shape2) "Rect-2"))
                     (t/is (= (:name group) "Group"))
                     (t/is (= (:name component) "Group"))
-                     (t/is (= (:name c-shape1) "Rect-1"))
+                     (t/is (= (:name c-shape1) "Rect 1"))
                     (t/is (= (:name c-shape2) "Rect-2"))
                     (t/is (= (:name c-group) "Group"))

@@ -219,7 +219,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component1
                                       [(thp/id :shape1)]))

@@ -229,18 +229,18 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            @--> Rect-1
-                   ;       Rect-1          ---> Rect-1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            @--> Rect 1
+                   ;       Rect 1          ---> Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1              @--> Rect-1
-                   ;     Rect-1            ---> Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1              @--> Rect 1
+                   ;     Rect 1            ---> Rect 1
                   ;
                   (let [[[instance1 shape1]
                          [c-instance1 c-shape1]
@@ -257,19 +257,19 @@
                           new-state
                           (:parent-id instance1))]

-                     (t/is (= (:name shape1) "Rect-1"))
-                     (t/is (= (:name instance1) "Rect-1"))
-                     (t/is (= (:name component1) "Rect-1"))
-                     (t/is (= (:name c-shape1) "Rect-1"))
-                     (t/is (= (:name c-instance1) "Rect-1"))
+                     (t/is (= (:name shape1) "Rect 1"))
+                     (t/is (= (:name instance1) "Rect 1"))
+                     (t/is (= (:name component1) "Rect 1"))
+                     (t/is (= (:name c-shape1) "Rect 1"))
+                     (t/is (= (:name c-instance1) "Rect 1"))

-                     (t/is (= (:name shape1') "Rect-1"))
-                     (t/is (= (:name instance1') "Rect-1"))
-                     (t/is (= (:name instance2) "Rect-1"))
-                     (t/is (= (:name component2) "Rect-1"))
-                     (t/is (= (:name c-shape1') "Rect-1"))
-                     (t/is (= (:name c-instance1') "Rect-1"))
-                     (t/is (= (:name c-instance2) "Rect-1")))))]
+                     (t/is (= (:name shape1') "Rect 1"))
+                     (t/is (= (:name instance1') "Rect 1"))
+                     (t/is (= (:name instance2) "Rect 1"))
+                     (t/is (= (:name component2) "Rect 1"))
+                     (t/is (= (:name c-shape1') "Rect 1"))
+                     (t/is (= (:name c-instance1') "Rect 1"))
+                     (t/is (= (:name c-instance2) "Rect 1")))))]

     (ptk/emit!
       store
@@ -283,7 +283,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)]))

@@ -296,11 +296,11 @@
                   ; [Page]
                   ; Root Frame
                   ;   Rect-2              #--> Renamed component
-                   ;     Rect-1            ---> Rect-1
+                   ;     Rect 1            ---> Rect 1
                   ;
                   ; [Renamed]
                   ; Renamed component
-                   ;   Rect-1
+                   ;   Rect 1
                   (let [libs      (wsh/get-libraries new-state)
                         component (cph/get-component libs
                                                      (:component-file instance1)
@@ -319,7 +319,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)]))

@@ -332,16 +332,16 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            ---> Rect-1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            ---> Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1
                   ;
                   (let [new-component-id (->> (get-in new-state
                                                       [:workspace-data
@@ -363,7 +363,7 @@
                           new-state
                           new-component-id)]

-                     (t/is (= (:name component2) "Rect-1")))))]
+                     (t/is (= (:name component2) "Rect 1")))))]

     (ptk/emit!
       store
@@ -376,7 +376,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)]))

@@ -392,7 +392,7 @@
                   ; [Page]
                   ; Root Frame
                   ;  Rect-2
-                   ;    Rect-1
+                   ;    Rect 1
                   ;
                   (let [[instance1 shape1]
                         (thl/resolve-noninstance
@@ -420,7 +420,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)]))

@@ -434,14 +434,14 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            ---> Rect-1
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            ---> Rect-1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            ---> Rect 1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            ---> Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1
                   ;
                   (let [new-instance-id (-> new-state
                                             wsh/lookup-selected
@@ -456,10 +456,10 @@

                     (t/is (not= (:id instance1) (:id instance2)))
                     (t/is (= (:id component) component-id))
-                     (t/is (= (:name instance2) "Rect-1"))
-                     (t/is (= (:name shape2) "Rect-1"))
-                     (t/is (= (:name c-instance2) "Rect-1"))
-                     (t/is (= (:name c-shape2) "Rect-1"))
+                     (t/is (= (:name instance2) "Rect 1"))
+                     (t/is (= (:name shape2) "Rect 1"))
+                     (t/is (= (:name c-instance2) "Rect 1"))
+                     (t/is (= (:name c-shape2) "Rect 1"))
                     (t/is (= (:component-file instance2)
                              thp/current-file-id)))))]

@@ -476,7 +476,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)])
                   (thp/move-to-library :lib1 "Library 1")
@@ -491,8 +491,8 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Rect-1              #--> <Library 1> Rect-1
-                   ;     Rect-1            ---> <Library 1> Rect-1
+                   ;   Rect 1              #--> <Library 1> Rect 1
+                   ;     Rect 1            ---> <Library 1> Rect 1
                   ;
                   (let [new-instance-id (-> new-state
                                             wsh/lookup-selected
@@ -506,10 +506,10 @@
                           new-instance-id)]

                     (t/is (= (:id component) component-id))
-                     (t/is (= (:name instance2) "Rect-1"))
-                     (t/is (= (:name shape2) "Rect-1"))
-                     (t/is (= (:name c-instance2) "Rect-1"))
-                     (t/is (= (:name c-shape2) "Rect-1"))
+                     (t/is (= (:name instance2) "Rect 1"))
+                     (t/is (= (:name shape2) "Rect 1"))
+                     (t/is (= (:name c-instance2) "Rect 1"))
+                     (t/is (= (:name c-shape2) "Rect 1"))
                     (t/is (= (:component-file instance2) library-id)))))]

        (ptk/emit!
@@ -525,7 +525,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)]))

@@ -539,11 +539,11 @@
                   ; [Page]
                   ; Root Frame
                   ;   Rect-2
-                   ;     Rect-1
+                   ;     Rect 1
                   ;
                   ; [Rect-2]
                   ; Rect-2
-                   ;   Rect-1
+                   ;   Rect 1
                   ;
                   (let [[instance1 shape1]
                         (thl/resolve-noninstance
@@ -564,7 +564,7 @@
    (let [state (-> thp/initial-state
                    (thp/sample-page)
                    (thp/sample-shape :shape1 :rect
-                                      {:name "Rect-1"}))
+                                      {:name "Rect 1"}))

          file         (wsh/get-local-file state)
          instance1    (thp/get-shape state :instance1)
@@ -577,17 +577,17 @@
                    ; [Page]
                    ; Root Frame
                    ;   Group               #--> Group
-                    ;     Rect-1            @--> Rect-1
-                    ;       Rect-1          ---> Rect-1
+                    ;     Rect 1            @--> Rect 1
+                    ;       Rect 1          ---> Rect 1
                    ;
-                    ; [Rect-1]
-                    ; Rect-1
-                    ;   Rect-1
+                    ; [Rect 1]
+                    ; Rect 1
+                    ;   Rect 1
                    ;
                    ; [Group]
                    ; Group
-                    ;   Rect-1              @--> Rect-1
-                    ;     Rect-1            ---> Rect-1
+                    ;   Rect 1              @--> Rect 1
+                    ;     Rect 1            ---> Rect 1
                    ;
                    (let [page    (thp/current-page new-state)
                          shape1  (thp/get-shape new-state :shape1)
@@ -601,12 +601,12 @@
                            (:parent-id parent1))]

                      (t/is (= (:name group) "Group"))
-                      (t/is (= (:name shape1) "Rect-1"))
-                      (t/is (= (:name shape2) "Rect-1"))
+                      (t/is (= (:name shape1) "Rect 1"))
+                      (t/is (= (:name shape2) "Rect 1"))
                      (t/is (= (:name component) "Group"))
                      (t/is (= (:name c-group) "Group"))
-                      (t/is (= (:name c-shape1) "Rect-1"))
-                      (t/is (= (:name c-shape2) "Rect-1")))))]
+                      (t/is (= (:name c-shape1) "Rect 1"))
+                      (t/is (= (:name c-shape2) "Rect 1")))))]

      (ptk/emit!
        store
@@ -622,7 +622,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)])
                   (thp/group-shapes :group1
@@ -641,21 +641,21 @@
                   ;
                   ; [Page]
                   ; Root Frame
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            @--> Rect-1
-                   ;       Rect-1          ---> Rect-1
-                   ;   Rect-1              #--> Rect-1
-                   ;     Rect-1            @--> Rect-1
-                   ;       Rect-1          ---> Rect-1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            @--> Rect 1
+                   ;       Rect 1          ---> Rect 1
+                   ;   Rect 1              #--> Rect 1
+                   ;     Rect 1            @--> Rect 1
+                   ;       Rect 1          ---> Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1
                   ;
-                   ; [Rect-1]
-                   ; Rect-1
-                   ;   Rect-1              @--> Rect-1
-                   ;     Rect-1            ---> Rect-1
+                   ; [Rect 1]
+                   ; Rect 1
+                   ;   Rect 1              @--> Rect 1
+                   ;     Rect 1            ---> Rect 1
                   ;
                   (let [new-instance-id (-> new-state
                                             wsh/lookup-selected
@@ -672,12 +672,12 @@

                     (t/is (not= (:id instance1) (:id instance3)))
                     (t/is (= (:id component) component-id))
-                     (t/is (= (:name instance3) "Rect-1"))
-                     (t/is (= (:name shape3) "Rect-1"))
-                     (t/is (= (:name shape4) "Rect-1"))
-                     (t/is (= (:name c-instance3) "Rect-1"))
-                     (t/is (= (:name c-shape3) "Rect-1"))
-                     (t/is (= (:name c-shape4) "Rect-1")))))]
+                     (t/is (= (:name instance3) "Rect 1"))
+                     (t/is (= (:name shape3) "Rect 1"))
+                     (t/is (= (:name shape4) "Rect 1"))
+                     (t/is (= (:name c-instance3) "Rect 1"))
+                     (t/is (= (:name c-shape3) "Rect 1"))
+                     (t/is (= (:name c-shape4) "Rect 1")))))]

        (ptk/emit!
          store
@@ -692,7 +692,7 @@
   (let [state (-> thp/initial-state
                   (thp/sample-page)
                   (thp/sample-shape :shape1 :rect
-                                     {:name "Rect-1"})
+                                     {:name "Rect 1"})
                   (thp/make-component :instance1 :component-1
                                       [(thp/id :shape1)])
                   (thp/move-to-library :lib1 "Library 1")
@@ -711,13 +711,13 @@
                   ; [Page]
                   ; Root Frame
                   ;   Group             #--> Group
-                   ;     Rect-1            @--> <Library 1> Rect-1
-                   ;       Rect-1          ---> <Library 1> Rect-1
+                   ;     Rect 1            @--> <Library 1> Rect 1
+                   ;       Rect 1          ---> <Library 1> Rect 1
                   ;
                   ; [Group]
                   ; Group
-                   ;   Rect-1              @--> <Library 1> Rect-1
-                   ;     Rect-1            ---> <Library 1> Rect-1
+                   ;   Rect 1              @--> <Library 1> Rect 1
+                   ;     Rect 1            ---> <Library 1> Rect 1
                   ;
                   (let [instance2 (thp/get-shape new-state :instance2)

@@ -727,11 +727,11 @@
                           (:parent-id instance2))]

                     (t/is (= (:name group1) "Group"))
-                     (t/is (= (:name shape1) "Rect-1"))
-                     (t/is (= (:name shape2) "Rect-1"))
+                     (t/is (= (:name shape1) "Rect 1"))
+                     (t/is (= (:name shape2) "Rect 1"))
                     (t/is (= (:name c-group1) "Group"))
-                     (t/is (= (:name c-shape1) "Rect-1"))
-                     (t/is (= (:name c-shape2) "Rect-1"))
+                     (t/is (= (:name c-shape1) "Rect 1"))
+                     (t/is (= (:name c-shape2) "Rect 1"))
                     (t/is (= (:component-file group1) thp/current-file-id))
                     (t/is (= (:component-file shape1) library-id))
                     (t/is (= (:component-file shape2) nil))
--- a/frontend/test/frontend_tests/util_snap_data_test.cljs
+++ b/frontend/test/frontend_tests/util_snap_data_test.cljs
@@ -19,7 +19,7 @@

  (t/testing "Add empty page (only root-frame)"
    (let [page (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/get-current-page))

          data (-> (sd/make-snap-data)
@@ -28,7 +28,7 @@

  (t/testing "Create simple shape on root"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/create-rect
                    {:x 0
                     :y 0
@@ -57,7 +57,7 @@

  (t/testing "Add page with single empty frame"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard
                    {:x 0
                     :y 0
@@ -81,7 +81,7 @@

  (t/testing "Add page with some shapes inside frames"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard
                    {:x 0
                     :y 0
@@ -112,7 +112,7 @@

  (t/testing "Add a global guide"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-guide {:position 50 :axis :x})
                   (fb/add-artboard {:x 200 :y 200 :width 100 :height 100})
                   (fb/close-artboard))
@@ -140,7 +140,7 @@

  (t/testing "Add a frame guide"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard {:x 200 :y 200 :width 100 :height 100})
                   (fb/close-artboard))

@@ -171,7 +171,7 @@
 (t/deftest test-update-index
  (t/testing "Create frame on root and then remove it."
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard
                    {:x 0
                     :y 0
@@ -201,7 +201,7 @@

  (t/testing "Create simple shape on root. Then remove it"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/create-rect
                    {:x 0
                     :y 0
@@ -229,7 +229,7 @@

  (t/testing "Create shape inside frame, then remove it"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard
                    {:x 0
                     :y 0
@@ -260,7 +260,7 @@

  (t/testing "Create global guide then remove it"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-guide {:position 50 :axis :x}))

          guide-id (:last-id file)
@@ -293,7 +293,7 @@

  (t/testing "Create frame guide then remove it"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard {:x 200 :y 200 :width 100 :height 100})
                   (fb/close-artboard))

@@ -324,7 +324,7 @@

  (t/testing "Update frame coordinates"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-artboard
                    {:x 0
                     :y 0
@@ -358,7 +358,7 @@

  (t/testing "Update shape coordinates"
    (let [file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/create-rect
                    {:x 0
                     :y 0
@@ -388,7 +388,7 @@
  (t/testing "Update global guide"
    (let [guide {:position 50 :axis :x}
          file (-> (fb/create-file "Test")
-                   (fb/add-page {:name "Page-1"})
+                   (fb/add-page {:name "Page 1"})
                   (fb/add-guide guide))

          guide-id (:last-id file)
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.17.0
+1.17.1
Author	SHA1	Message	Date
Alejandro Alonso	22b6d4241d	📎 Update version.txt file	2023-02-07 11:47:50 +01:00
Alejandro	fa02df7106	Merge pull request #2914 from penpot/alotor-small-fixes Small fixes	2023-02-07 11:23:54 +01:00
Andrey Antukh	5d6462b2a7	🐛 Fix compatibility issues on docker upgrade path	2023-02-07 11:19:46 +01:00
Alejandro	3464842c1e	Merge pull request #2917 from penpot/eva-bugfixing-7 🐛 Fix tooltips on left toolbar	2023-02-07 11:18:43 +01:00
Pablo Alba	d74af6ddc1	Revert "🐛 Fix line-height inconsistent" This reverts commit `3974a4778a`.	2023-02-07 11:18:01 +01:00
Alejandro	8cb33dc19c	Merge pull request #2908 from penpot/niwinz-bugfix-oidc-autidiscover 🐛 Fix issue with oidc autodiscover	2023-02-07 11:16:00 +01:00
Eva	4912107fcc	🐛 Fix tooltips on left toolbar	2023-02-07 10:03:18 +01:00
alonso.torres	d5c7a6e547	🐛 Fix problem with auto-width and space-around	2023-02-07 00:17:16 +01:00
alonso.torres	ca5b59f102	🐛 Fix sizing when moving shapes into/out of a layout	2023-02-06 17:50:59 +01:00
alonso.torres	a0898fbabd	🐛 Named redis volume	2023-02-06 17:00:42 +01:00
Andrey Antukh	aaf332ed18	🐛 Fix issue with oidc autodiscover	2023-02-06 14:20:57 +01:00
Christian Clauss	b46b23b027	🐛 Fix undefined name RuntimeException on manage.py script Python defines [`RuntimeError`](https://docs.python.org/3.7/library/exceptions.html#RuntimeError) but it does not define `RuntimeException` so a `NameError` will be raised when any of these lines are executed. % `python3 -c "RuntimeException('This is a test...')"` ``` Traceback (most recent call last): File "<string>", line 1, in <module> NameError: name 'RuntimeException' is not defined ``` % `flake8 . --count --select=E9,F63,F7,F82 --show-source --statistics` ``` ./backend/scripts/manage.py:22:15: F821 undefined name 'RuntimeException' raise RuntimeException(f"invalid PREPL_URI: {PREPL_URI}") ^ ./backend/scripts/manage.py:25:15: F821 undefined name 'RuntimeException' raise RuntimeException(f"invalid PREPL_URI: {PREPL_URI}") ^ ./backend/scripts/manage.py:49:23: F821 undefined name 'RuntimeException' raise RuntimeException("unexpected response from PREPL") ^ 3 F821 undefined name 'RuntimeException' 3 ```	2023-02-05 11:19:28 +01:00
Mario Bašić	f1b09e763e	🐛 Add mailcatch to penpot network on docker compose Without this the backend complains that it cannot connect to the smtp host (when using mailcatcher). The reason is because the mailcatcher is not on the same network as the backend application.	2023-02-05 11:16:07 +01:00
Alejandro	2e5e772392	Merge pull request #2900 from penpot/alotor-fix-space-around-bounds 🐛 Fix problem with space-around	2023-02-02 19:47:41 +01:00
alonso.torres	ecd4bb54c9	🐛 Fix problem with space-around	2023-02-02 19:31:02 +01:00
Alejandro	e426425cb5	Merge pull request #2898 from penpot/alotor-fix-safari-thumbnails 🐛 Temporary deactivate thumbnails in Safari	2023-02-02 17:37:25 +01:00
alonso.torres	3a0cc63fa7	🐛 Temporary deactivate thumbnails in Safari	2023-02-02 17:32:12 +01:00
Alejandro	88a8370e8d	Merge pull request #2897 from penpot/alotor-pro-fixes Fixes	2023-02-02 16:08:30 +01:00
alonso.torres	e8972dd802	🐛 Fix problem with thumbnail updating	2023-02-02 15:34:35 +01:00
alonso.torres	3e52bef6d4	🐛 Fix problem with multiple selection of layout items	2023-02-02 13:37:34 +01:00
alonso.torres	7c215dc11b	🐛 Align-items center/end weren't respected when layout was outside bounds	2023-02-02 13:37:34 +01:00
alonso.torres	48c3e3e00b	🐛 Fix problem with Safari canvas behavior	2023-02-02 13:37:34 +01:00
Alejandro	412dcae01a	Merge pull request #2894 from penpot/fix-social-urls 🐛 Fix social links broken	2023-02-02 13:20:25 +01:00
Pablo Alba	cc5f245209	🐛 Fix social links broken	2023-02-02 13:13:24 +01:00
Alejandro	dc4aabe263	Merge pull request #2893 from penpot/palba-fix-can-move-shape-with-lens-zoom 🐛 Fix can move shape with lens zoom active	2023-02-02 13:12:34 +01:00
Pablo Alba	708a8ce27b	🐛 Fix can move shape with lens zoom active	2023-02-02 12:59:02 +01:00
Alejandro	7c1d9ce06f	Merge pull request #2892 from penpot/alotor-fix-safari-problem 🐛 Fix problem with thumbnails in safari	2023-02-02 11:36:19 +01:00
Aitor	b0cbf09950	Merge pull request #2885 from penpot/eva-bugfixing-5 Some bug fixing	2023-02-02 11:33:25 +01:00
Aitor	f31bc7457f	Merge branch 'staging' into eva-bugfixing-5	2023-02-02 11:31:49 +01:00
alonso.torres	e47ce3235e	🐛 Fix problem with thumbnails in safari	2023-02-02 11:31:10 +01:00
Alejandro	fe76e0fab6	Merge pull request #2884 from penpot/alotor-post-release-fixes Post release fixes	2023-02-02 11:22:53 +01:00
Alejandro	297ba10e9d	Merge pull request #2886 from penpot/hiru-dashboard-names 🐛 Fix weird numeration creating elements in dashboard	2023-02-02 10:51:26 +01:00
Andrés Moya	dd2321a37b	🐛 Fix weird numeration creating elements in dashboard	2023-02-02 10:19:36 +01:00
Eva	f98630a46b	🐛 Fix invitations input on team management and onboarding modal	2023-02-02 09:37:21 +01:00
Eva	82d6ba790c	🐛 Fix button spacing on delete account modal	2023-02-02 09:37:19 +01:00
Eva	575aec209c	🐛 Fix button spacing on delete acount modal	2023-02-02 09:37:00 +01:00
alonso.torres	00e265695c	✨ Change parent/children constraint for problematic configurations	2023-02-02 09:18:53 +01:00
alonso.torres	071ac0366c	🐛 Fix problem with max-size 0	2023-02-02 09:18:53 +01:00
alonso.torres	1a2a90f829	🐛 Fix problems with strange file	2023-02-02 09:18:53 +01:00
alonso.torres	028c084b22	🐛 Add limit to growth fill shapes to the bounds of the layout	2023-02-02 09:18:53 +01:00
alonso.torres	e7e80e99bd	🐛 Fix thumbnail not updating when changing pages	2023-02-02 09:18:53 +01:00
alonso.torres	70fa169d0d	🐛 Fix problem with selection on nested boards	2023-02-02 09:18:53 +01:00
Alejandro	6be83fc6d6	Merge pull request #2889 from penpot/palba-fix-commad-z-in-mac 🐛 Fix typing CMD+Z on MacOS turns the cursor into a Zoom cursor	2023-02-01 22:45:26 +01:00
Pablo Alba	1e9ece43d0	🐛 Fix typing CMD+Z on MacOS turns the cursor into a Zoom cursor	2023-02-01 21:56:30 +01:00
Alejandro	965c0d6fa2	Merge pull request #2888 from penpot/hiru-move-readme-images 💄 Move all README images to a subfolder	2023-02-01 20:40:14 +01:00
Andrés Moya	950d5dcc2f	💄 Move all README images to a subfolder	2023-02-01 19:31:12 +01:00
Andrey Antukh	86712f977d	🐛 Skip unnecesary mutation events from audit log	2023-02-01 18:06:12 +01:00
Alejandro	3dfd87eee1	Merge pull request #2883 from penpot/palba-fix-components-groups-names-in-list-mode 🐛 Fix components groups items show the component name in list mode	2023-02-01 10:41:33 +01:00
Alejandro	037ba19e87	Merge pull request #2882 from penpot/niwinz-webhooks-fix 🐛 Fix incorrect state management on webhooks crud	2023-02-01 10:38:33 +01:00
Pablo Alba	cdbab2c098	🐛 Fix components groups items show the component name in list mode	2023-02-01 10:23:51 +01:00
Andrey Antukh	e8ea61ee78	🐛 Fix incorrect state management on webhooks crud	2023-02-01 10:15:25 +01:00
Andrey Antukh	91ececa59e	🐛 Fix backend flags on docker compose sample file	2023-01-31 23:01:58 +01:00
Andrey Antukh	8758723200	Merge pull request #2874 from penpot/niwinz-hotfix-1 🐛 Fix docker images issues in the latest release	2023-01-31 23:00:30 +01:00
Alejandro Alonso	8a968dc081	🐛 Fix upload team image	2023-01-31 22:29:05 +01:00
Andrey Antukh	f8cb505196	🐛 Fix arguments handling on docker/images/build.sh script	2023-01-31 19:48:41 +01:00
Andrey Antukh	14e3439cae	🔥 Remove admin mention from compose, still not working correctly	2023-01-31 19:08:38 +01:00
Andrey Antukh	7dd55c7f9d	⏪ Revert JRE/JLINK changes from Dockerfile.backend file	2023-01-31 18:50:53 +01:00
Alejandro Alonso	e8e3398a74	🐛 Fix default nginx configuration for docker images	2023-01-31 17:42:28 +01:00
@@ -1 +1 @@
 .17.0
 .17.1