From bcdbb8c1ab2c9eac5c026ba3a3228510a5638b80 Mon Sep 17 00:00:00 2001
From: Mathieu2301 <21021423+Mathieu2301@users.noreply.github.com>
Date: Sat, 14 Nov 2026 04:15:11 +0100
Subject: [PATCH] docs(design): keep the bottom strip free for the floating
 Miakapp bar; cli 4.0.0-alpha.14

The Miakapp bar now floats over the bottom of the home's frame. The design
guide asks for 96 px of bottom padding and the starter sets it.
---
 packages/cli/assets/design/guide.md         | 4 +++-
 packages/cli/assets/starter/app/app/main.ts | 3 ++-
 packages/cli/package.json                   | 2 +-
 packages/cli/src/version.ts                 | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/cli/assets/design/guide.md b/packages/cli/assets/design/guide.md
index 0b8d1f2..aff737e 100644
--- a/packages/cli/assets/design/guide.md
+++ b/packages/cli/assets/design/guide.md
@@ -62,7 +62,9 @@ glass; check dark themes twice (dark blue on darker blue is easy to miss).
 Miakapp draws its own bar at the bottom, outside your frame: the home, the
 resident's other homes, their account and sign-in methods. Do not draw a
 global navigation that duplicates it (bottom tab bar, home switcher, profile,
-sign out), and leave the bottom of your page free of fixed controls.
+sign out). The bar floats over the bottom of your frame: keep **96 px of
+padding at the bottom** of your page and put no fixed control there (the
+starter does).
 
 A home may add **one or two buttons of its own** to that bar (rooms, energy…).
 Miakapp draws them; you name them and react to taps:
diff --git a/packages/cli/assets/starter/app/app/main.ts b/packages/cli/assets/starter/app/app/main.ts
index 32518a2..a25cbbc 100644
--- a/packages/cli/assets/starter/app/app/main.ts
+++ b/packages/cli/assets/starter/app/app/main.ts
@@ -54,7 +54,8 @@ function element(tag: string, text?: string, className?: string): HTMLElement {
 
 const style = document.createElement('style');
 style.textContent = `${THEME_CSS}
-  body { margin: 0; min-height: 100vh; }
+  /* The Miakapp bar floats over the bottom of the frame: keep that strip free. */
+  body { margin: 0; min-height: 100vh; padding-bottom: 96px; box-sizing: border-box; }
   h1 { margin: 0; padding: 28px 20px 4px; }
   main { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); padding: 16px; }
   section { padding: 18px; }
diff --git a/packages/cli/package.json b/packages/cli/package.json
index fda7f2b..d7f65dd 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@miakapp/cli",
-  "version": "4.0.0-alpha.13",
+  "version": "4.0.0-alpha.14",
   "description": "Agent-first Miakapp command line: check, build, publish, activate and roll back home interfaces",
   "type": "module",
   "engines": {
diff --git a/packages/cli/src/version.ts b/packages/cli/src/version.ts
index 5a31183..bd0c4fb 100644
--- a/packages/cli/src/version.ts
+++ b/packages/cli/src/version.ts
@@ -12,4 +12,4 @@
  */
 export const PACKAGE_NAME = '@miakapp/cli';
 
-export const CLI_VERSION = '4.0.0-alpha.13';
+export const CLI_VERSION = '4.0.0-alpha.14';