chore: bump version to 0.1573

CLAUDE.md

@@ -35,7 +35,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `CLAUDE.md` (verify they match with `grep version package.json && grep Version CLAUDE.md`)
 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
 
-**Version**: 0.1572 (must match `package.json` for npm publish)
+**Version**: 0.1573 (must match `package.json` for npm publish)
 
 ## Project Overview
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1572",
+  "version": "0.1573",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",

src/web/public/mobile.css

@@ -1087,52 +1087,54 @@ html.mobile-init .file-browser-panel {
 
   /* ---- Session Options Modal: Respawn Tab Mobile Optimizations ---- */
 
-  /* Respawn header — stack status and buttons vertically */
+  /* Respawn header — keep horizontal, compact */
   .respawn-header {
-    flex-direction: column;
-    gap: 0.5rem;
-    align-items: stretch;
+    flex-direction: row;
+    gap: 0.4rem;
+    align-items: center;
   }
 
-  /* Enable/Stop buttons — compact inline */
+  /* Enable/Stop buttons — compact */
   .respawn-header .respawn-actions {
     display: flex;
-    gap: 0.4rem;
+    gap: 0.3rem;
+    flex-shrink: 0;
   }
 
   .respawn-header .respawn-actions .btn-toolbar {
-    flex: 1;
-    min-height: 32px !important;
-    font-size: 0.75rem !important;
-    padding: 0.3rem 0.6rem !important;
-    border-radius: 6px;
+    min-height: 28px !important;
+    font-size: 0.7rem !important;
+    padding: 0.2rem 0.5rem !important;
+    border-radius: 5px;
   }
 
-  /* Duration preset buttons — compact grid */
+  /* Duration preset buttons — single row, all 7 items */
   .duration-presets {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 0.3rem;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
   }
 
   .duration-preset-btn {
-    min-height: 30px;
-    padding: 0.3rem 0.3rem;
-    font-size: 0.7rem;
-    border-radius: 6px;
+    min-height: 28px;
+    padding: 0.2rem 0.4rem;
+    font-size: 0.65rem;
+    border-radius: 5px;
     text-align: center;
+    flex: 1 1 auto;
+    min-width: 0;
   }
 
-  /* Custom duration — spans full width below the grid */
+  /* Custom duration — inline with other presets */
   .duration-custom {
-    grid-column: 1 / -1;
     flex-wrap: wrap;
-    gap: 0.3rem;
+    gap: 0.25rem;
+    flex: 1 1 100%;
   }
 
   .duration-custom .duration-preset-btn {
     flex: 0 0 auto;
-    min-width: 60px;
+    min-width: 50px;
   }
 
   .duration-custom-input.visible {
@@ -1141,7 +1143,7 @@ html.mobile-init .file-browser-panel {
 
   .duration-custom-input input {
     width: 100%;
-    min-height: 30px;
+    min-height: 28px;
     font-size: 16px; /* Prevents iOS zoom */
   }
 
@@ -1149,30 +1151,44 @@ html.mobile-init .file-browser-panel {
   .preset-selector {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.3rem;
+    gap: 0.25rem;
   }
 
   .preset-selector select {
     width: 100%;
-    min-height: 32px;
+    min-height: 28px;
     font-size: 16px; /* Prevents iOS zoom */
-    border-radius: 6px;
+    border-radius: 5px;
+    padding: 0.2rem 0.4rem;
   }
 
   .preset-selector .btn {
     flex: 1;
-    min-height: 30px;
-    font-size: 0.7rem;
-    border-radius: 6px;
+    min-height: 28px;
+    font-size: 0.65rem;
+    border-radius: 5px;
+    padding: 0.2rem 0.4rem;
   }
 
   /* Textareas — prevent iOS zoom with 16px font, compact height */
   #sessionOptionsModal textarea {
     font-size: 16px;
-    min-height: 36px !important;
-    max-height: 64px;
+    min-height: 32px !important;
+    max-height: 56px;
+    height: auto !important;
     border-radius: 6px;
-    padding: 0.35rem 0.6rem;
+    padding: 0.3rem 0.5rem;
+  }
+
+  /* Override inline min-height styles on respawn textareas */
+  #modalRespawnPrompt {
+    min-height: 32px !important;
+    max-height: 56px;
+  }
+
+  #modalRespawnKickstart {
+    min-height: 32px !important;
+    max-height: 48px;
   }
 
   /* Checkboxes — compact touch area */