Fix focus opens chat on mobile

src/lib/components/studio/chat/chat.svelte

@@ -46,7 +46,7 @@
 
     $effect(() => {
         void page.url.pathname;
-        if (chatTextareaRef) {
+        if (chatTextareaRef && !$isSmallViewport) {
             chatTextareaRef.focus();
         }
     });

src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte

@@ -225,8 +225,12 @@
                         label={studio.status}
                         status={studio.status === 'connected' ? 'complete' : 'pending'} />
                     {#if dev}
-                        <Button.Button on:click={() => (debug = true)} size="s" variant="primary"
-                            >DEBUG</Button.Button>
+                        <div class="hide-mobile">
+                            <Button.Button
+                                on:click={() => (debug = true)}
+                                size="s"
+                                variant="primary">DEBUG</Button.Button>
+                        </div>
                     {/if}
                     <Button.Button size="s" variant="primary">Release</Button.Button>
                 </Layout.Stack>
@@ -437,4 +441,11 @@
             width: calc(100% + 2 * var(--space-7));
         }
     }
+
+    .hide-mobile {
+        display: none;
+        @media (min-width: 768px) {
+            display: block;
+        }
+    }
 </style>