From e459677d7df32a5ca7e59d44994bf1e372a99264 Mon Sep 17 00:00:00 2001
From: Steve Sewell <steve@builder.io>
Date: Sat, 27 Jun 2026 09:00:44 -0700
Subject: [PATCH 1/2] Improve mobile navigation chrome

---
 .../analytics/app/components/layout/MobileNav.tsx | 15 +++++----------
 ...6-06-27-mobile-navigation-chrome-and-motion.md |  5 +++++
 templates/assets/app/components/layout/Layout.tsx |  2 +-
 ...6-06-27-mobile-navigation-chrome-and-motion.md |  5 +++++
 templates/design/app/components/layout/Layout.tsx |  2 +-
 ...6-06-27-mobile-navigation-chrome-and-motion.md |  5 +++++
 templates/slides/app/components/layout/Layout.tsx |  2 +-
 ...6-06-27-mobile-navigation-chrome-and-motion.md |  5 +++++
 8 files changed, 28 insertions(+), 13 deletions(-)
 create mode 100644 templates/analytics/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
 create mode 100644 templates/assets/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
 create mode 100644 templates/design/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
 create mode 100644 templates/slides/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md

diff --git a/templates/analytics/app/components/layout/MobileNav.tsx b/templates/analytics/app/components/layout/MobileNav.tsx
index bd5368118a..88902d38d4 100644
--- a/templates/analytics/app/components/layout/MobileNav.tsx
+++ b/templates/analytics/app/components/layout/MobileNav.tsx
@@ -1,5 +1,5 @@
 import { useT } from "@agent-native/core/client";
-import { IconMenu, IconChartBar } from "@tabler/icons-react";
+import { IconMenu } from "@tabler/icons-react";
 import { useState, useEffect } from "react";
 import { useLocation } from "react-router";
 
@@ -18,7 +18,7 @@ export function MobileNav() {
   }, [location.pathname]);
 
   return (
-    <div className="flex h-12 shrink-0 items-center border-b border-border bg-sidebar px-4 md:hidden">
+    <div className="flex h-12 shrink-0 items-center border-b border-border bg-background px-4 md:hidden">
       <button
         onClick={() => setOpen(true)}
         className="me-3 p-2.5 -ms-1 rounded-md hover:bg-sidebar-accent/50"
@@ -26,14 +26,9 @@ export function MobileNav() {
       >
         <IconMenu className="h-5 w-5 text-foreground" />
       </button>
-      <div className="flex items-center gap-2">
-        <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-primary text-primary-foreground">
-          <IconChartBar className="h-4 w-4" />
-        </div>
-        <span className="text-base font-bold tracking-tight">
-          {t("navigation.brand")}
-        </span>
-      </div>
+      <span className="text-base font-bold tracking-tight">
+        {t("navigation.brand")}
+      </span>
 
       <Sheet open={open} onOpenChange={setOpen}>
         <SheetContent side="left" className="p-0 w-[280px]">
diff --git a/templates/analytics/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md b/templates/analytics/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
new file mode 100644
index 0000000000..ae2e7188f4
--- /dev/null
+++ b/templates/analytics/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
@@ -0,0 +1,5 @@
+---
+type: improved
+date: 2026-06-27
+---
+Improved mobile navigation chrome and sidebar drawer motion.
diff --git a/templates/assets/app/components/layout/Layout.tsx b/templates/assets/app/components/layout/Layout.tsx
index 1a5956a57f..c4156a96b2 100644
--- a/templates/assets/app/components/layout/Layout.tsx
+++ b/templates/assets/app/components/layout/Layout.tsx
@@ -87,7 +87,7 @@ export function Layout({ children }: LayoutProps) {
       )}
       <div
         className={cn(
-          "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 md:static md:z-auto",
+          "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 transition-transform duration-200 ease-out md:static md:z-auto md:transition-none",
           mobileSidebarOpen
             ? "translate-x-0"
             : "-translate-x-full md:translate-x-0",
diff --git a/templates/assets/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md b/templates/assets/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
new file mode 100644
index 0000000000..ae2e7188f4
--- /dev/null
+++ b/templates/assets/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
@@ -0,0 +1,5 @@
+---
+type: improved
+date: 2026-06-27
+---
+Improved mobile navigation chrome and sidebar drawer motion.
diff --git a/templates/design/app/components/layout/Layout.tsx b/templates/design/app/components/layout/Layout.tsx
index 31f3993138..dd569b90d8 100644
--- a/templates/design/app/components/layout/Layout.tsx
+++ b/templates/design/app/components/layout/Layout.tsx
@@ -120,7 +120,7 @@ export function Layout({ children }: LayoutProps) {
             )}
             <div
               className={cn(
-                "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 md:static md:z-auto",
+                "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 transition-transform duration-200 ease-out md:static md:z-auto md:transition-none",
                 mobileSidebarOpen
                   ? "translate-x-0"
                   : "-translate-x-full rtl:translate-x-full md:translate-x-0 md:rtl:translate-x-0",
diff --git a/templates/design/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md b/templates/design/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
new file mode 100644
index 0000000000..ae2e7188f4
--- /dev/null
+++ b/templates/design/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
@@ -0,0 +1,5 @@
+---
+type: improved
+date: 2026-06-27
+---
+Improved mobile navigation chrome and sidebar drawer motion.
diff --git a/templates/slides/app/components/layout/Layout.tsx b/templates/slides/app/components/layout/Layout.tsx
index 850bf65d91..47af39aea3 100644
--- a/templates/slides/app/components/layout/Layout.tsx
+++ b/templates/slides/app/components/layout/Layout.tsx
@@ -87,7 +87,7 @@ export function Layout({ children }: LayoutProps) {
           )}
           <div
             className={cn(
-              "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 md:static md:z-auto",
+              "agent-layout-left-drawer fixed inset-y-0 start-0 z-50 transition-transform duration-200 ease-out md:static md:z-auto md:transition-none",
               sidebarOpen
                 ? "translate-x-0"
                 : "-translate-x-full rtl:translate-x-full md:translate-x-0 md:rtl:translate-x-0",
diff --git a/templates/slides/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md b/templates/slides/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
new file mode 100644
index 0000000000..ae2e7188f4
--- /dev/null
+++ b/templates/slides/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md
@@ -0,0 +1,5 @@
+---
+type: improved
+date: 2026-06-27
+---
+Improved mobile navigation chrome and sidebar drawer motion.

From 0d30dd4547f661babb8b011a1a851b3409e857e3 Mon Sep 17 00:00:00 2001
From: Steve Sewell <steve@builder.io>
Date: Sat, 27 Jun 2026 09:48:52 -0700
Subject: [PATCH 2/2] Update lockfile retired importers

---
 pnpm-lock.yaml | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5cb6c6b93e..19cbb53a4b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1235,30 +1235,16 @@ importers:
         specifier: 'catalog:'
         version: 4.1.9(@opentelemetry/api@1.9.1)(@types/node@25.9.3)(happy-dom@20.10.6)(jsdom@29.1.1(@noble/hashes@2.2.0)(canvas@3.2.3))(vite@8.1.0(@types/node@25.9.3)(esbuild@0.27.7)(jiti@2.7.0)(terser@5.46.1)(tsx@4.21.0)(yaml@2.9.0))
 
-  templates/.retired/calls: {}
-
-  templates/.retired/code: {}
-
-  templates/.retired/contracts: {}
-
-  templates/.retired/images: {}
-
   templates/.retired/issues: {}
 
   templates/.retired/meeting-notes: {}
 
-  templates/.retired/migration: {}
-
   templates/.retired/recruiting: {}
 
   templates/.retired/scheduling: {}
 
-  templates/.retired/visual-plans: {}
-
   templates/.retired/voice: {}
 
-  templates/.retired/workbench: {}
-
   templates/analytics:
     dependencies:
       '@agent-native/core':