docs(design): keep the bottom strip free for the floating Miakapp bar (cli alpha.14)

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:

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; }

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": {

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';