diff --git a/CLAUDE.md b/CLAUDE.md
index dfe4a7d5..eda8fefa 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -16,7 +16,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `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.1449 (must match `package.json`)
+**Version**: 0.1450 (must match `package.json`)
 
 ## Project Overview
 
diff --git a/package.json b/package.json
index 3c622b24..fb6951c3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1449",
+  "version": "0.1450",
   "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",
diff --git a/src/web/public/index.html b/src/web/public/index.html
index ed36f9e0..49b5e213 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1.0, user-scalable=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Claude Code session manager with web interface">
   <meta name="theme-color" content="#0a0a0a">
   <title>Claudeman</title>
@@ -20,7 +20,6 @@
     <header class="header">
       <div class="header-brand">
         <span class="logo" onclick="app.goHome()" title="Go to main page">Claudeman</span>
-        <span class="header-version" id="headerVersion" title="Claudeman version">v0.0.0</span>
       </div>
 
       <!-- Session Tabs -->
@@ -192,8 +191,6 @@
 
     <!-- Main Terminal Area -->
     <main class="main">
-      <!-- CLI Info Bar (shown on mobile - displays Claude Code version/model) -->
-      <div class="cli-info-bar" id="cliInfoBar" style="display: none;"></div>
       <div class="terminal-container" id="terminalContainer"></div>
 
       <!-- Welcome Overlay (shown when no session active) -->
@@ -264,33 +261,47 @@
     <!-- Bottom Toolbar -->
     <footer class="toolbar">
       <div class="toolbar-left">
-        <!-- Run Claude & Shell -->
+        <!-- Run Claude -->
         <div class="toolbar-group">
           <button class="btn-toolbar btn-claude" onclick="app.runClaude()" title="Run Claude (Ctrl+Enter)">
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="5 3 19 12 5 21 5 3"/></svg>
             Run Claude
           </button>
+          <div class="tab-count-group" title="Instance count">
+            <button class="tab-count-btn" onclick="app.decrementTabCount()">−</button>
+            <input type="number" id="tabCount" class="tab-count-input" value="1" min="1" max="20" readonly>
+            <button class="tab-count-btn" onclick="app.incrementTabCount()">+</button>
+          </div>
           <button class="btn-toolbar btn-shell" onclick="app.runShell()" title="Run Shell">
             Run Shell
           </button>
+          <div class="tab-count-group" title="Instance count">
+            <button class="tab-count-btn" onclick="app.decrementShellCount()">−</button>
+            <input type="number" id="shellCount" class="tab-count-input" value="1" min="1" max="20" readonly>
+            <button class="tab-count-btn" onclick="app.incrementShellCount()">+</button>
+          </div>
+          <div class="case-select-group">
+            <select id="quickStartCase" class="toolbar-select" title="Select case">
+              <option value="testcase">testcase</option>
+            </select>
+            <button class="btn-case-add" onclick="app.showCreateCaseModal()" title="Create new case">+</button>
+          </div>
+        </div>
+
+        <!-- Directory (hidden) -->
+        <div class="toolbar-group" style="display: none;">
+          <button class="btn-toolbar" onclick="app.toggleDirInput()" title="Set working directory">
+            <span id="dirDisplay">No directory</span>
+          </button>
+          <input type="text" id="dirInput" class="toolbar-input hidden" placeholder="Working directory..." onblur="app.hideDirInput()">
         </div>
       </div>
 
       <div class="toolbar-center">
-        <!-- Add Case + Case Select -->
-        <div class="toolbar-group toolbar-case-group">
-          <button class="btn-case-add" onclick="app.showCreateCaseModal()" title="Create new case">+</button>
-          <select id="quickStartCase" class="toolbar-select" title="Select case">
-            <option value="testcase">testcase</option>
-          </select>
-        </div>
+        <span class="version-display" id="versionDisplay" title="Claudeman version">v0.0.0</span>
       </div>
 
       <div class="toolbar-right">
-        <span class="version-display" id="versionDisplay" title="Claudeman version">v0.0.0</span>
-        <!-- Hidden instance counts (preserved for functionality) -->
-        <input type="hidden" id="tabCount" value="1">
-        <input type="hidden" id="shellCount" value="1">
       </div>
     </footer>
 
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 818e6bb9..083deecb 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -109,9 +109,7 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   background: var(--bg-dark);
   color: var(--text);
-  /* Use dynamic viewport height for mobile browsers */
   height: 100vh;
-  height: 100dvh;
   overflow: hidden;
 }
 
@@ -119,10 +117,7 @@ body {
 .app {
   display: flex;
   flex-direction: column;
-  /* Use dynamic viewport height for mobile browsers with fallbacks */
   height: 100vh;
-  height: -webkit-fill-available;
-  height: 100dvh;
 }
 
 /* Compact Header */
@@ -1607,31 +1602,11 @@ body {
 .main {
   flex: 1;
   display: flex;
-  flex-direction: column;
   overflow: hidden;
   background: var(--bg-dark);
   position: relative;
 }
 
-/* CLI Info Bar - shows tokens/version/model on mobile */
-.cli-info-bar {
-  display: none; /* Hidden by default on desktop */
-  flex-shrink: 0;
-  padding: 0.25rem 0.5rem;
-  font-size: 0.65rem;
-  font-family: 'SF Mono', Monaco, monospace;
-  color: var(--text-muted);
-  background: linear-gradient(180deg, rgba(30, 58, 95, 0.3) 0%, rgba(20, 20, 25, 0.95) 100%);
-  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
-  text-align: center;
-  letter-spacing: 0.02em;
-  /* Prevent overflow on mobile */
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-}
-
 .terminal-container {
   flex: 1;
   background: #0d0d0d;
@@ -1639,24 +1614,15 @@ body {
   /* Performance: isolate layout and paint operations */
   contain: strict;
   will-change: contents;
-  /* Minimum width to prevent 0-column terminal on mobile */
-  min-width: 280px;
-  /* Allow touch scrolling */
-  touch-action: pan-y;
 }
 
 .terminal-container .xterm {
   height: 100%;
   padding: 0;
-  /* Allow touch scrolling in xterm */
-  touch-action: pan-y;
 }
 
 .terminal-container .xterm-viewport {
   background: transparent !important;
-  /* Enable touch scrolling in viewport */
-  touch-action: pan-y;
-  -webkit-overflow-scrolling: touch;
 }
 
 /* Welcome Overlay */
@@ -1785,27 +1751,22 @@ body {
 }
 
 .toolbar-center {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
 }
 
 .version-display {
   font-family: 'SF Mono', Monaco, monospace;
-  font-size: 0.6rem;
+  font-size: 0.7rem;
   color: var(--text-muted);
-  padding: 0.15rem 0.35rem;
+  padding: 0.2rem 0.5rem;
   background: rgba(255, 255, 255, 0.05);
-  border-radius: 2px;
+  border-radius: 3px;
   cursor: default;
   user-select: none;
 }
 
-/* Header version display - hidden */
-.header-version {
-  display: none;
-}
-
 .toolbar-group {
   display: flex;
   align-items: center;
@@ -1947,29 +1908,21 @@ body {
   align-items: center;
 }
 
-/* Toolbar case group - center layout */
-.toolbar-case-group {
-  display: flex;
-  align-items: center;
-  gap: 0;
-}
-
 .toolbar-select {
-  padding: 0.2rem 1.2rem 0.2rem 0.4rem;
+  padding: 0.4rem 1.5rem 0.4rem 0.5rem;
   background: var(--bg-input);
   border: 1px solid var(--border);
-  border-radius: 0 3px 3px 0;
+  border-radius: 4px 0 0 4px;
   color: var(--text-dim);
-  font-size: 0.7rem;
+  font-size: 0.75rem;
   cursor: pointer;
   appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
   background-repeat: no-repeat;
-  background-position: right 0.3rem center;
+  background-position: right 0.4rem center;
   width: fit-content;
   min-width: unset;
   max-width: unset;
-  height: 22px;
 }
 
 .toolbar-select:hover {
@@ -1985,14 +1938,14 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 22px;
-  height: 22px;
+  width: 28px;
+  height: 28px;
   background: var(--bg-input);
   border: 1px solid var(--border);
-  border-right: none;
-  border-radius: 3px 0 0 3px;
+  border-left: none;
+  border-radius: 0 4px 4px 0;
   color: var(--green);
-  font-size: 1rem;
+  font-size: 1.1rem;
   font-weight: 500;
   cursor: pointer;
   transition: all 0.15s;
@@ -7833,41 +7786,6 @@ kbd {
   padding-left: 0.5rem;
 }
 
-/* ============================================================================
-   Mobile & Touch Device Optimizations
-   ============================================================================ */
-
-/* Touch-friendly sizing for touch devices */
-.touch-device .btn-toolbar {
-  min-height: var(--touch-target-min);
-  min-width: var(--touch-target-min);
-}
-
-.touch-device .btn-icon-header,
-.touch-device .btn-icon-sm,
-.touch-device .btn-icon-only {
-  min-height: var(--touch-target-min);
-  min-width: var(--touch-target-min);
-}
-
-.touch-device .session-tab {
-  min-height: var(--touch-target-min);
-  padding: 0.5rem 0.75rem;
-}
-
-/* Always show close/gear buttons on touch devices (no hover) */
-.touch-device .session-tab .tab-close,
-.touch-device .session-tab .tab-gear {
-  opacity: 1;
-  width: auto;
-  padding: 0.2rem 0.4rem;
-}
-
-.touch-device .tab-count-btn {
-  min-height: var(--touch-target-min);
-  min-width: var(--touch-target-min);
-}
-
 /* ============================================================================
    Tablet Breakpoint (430px - 768px)
    ============================================================================ */
@@ -8099,13 +8017,13 @@ kbd {
 
   /* Clean dark toolbar - simple black/gray with white text */
   .toolbar {
-    height: auto;
-    min-height: 36px;
-    max-height: none;
-    padding: 0.25rem 0.4rem;
+    height: 40px;
+    min-height: 40px;
+    max-height: 40px;
+    padding: 0.3rem 0.4rem;
     padding-left: calc(0.4rem + var(--safe-area-left));
     padding-right: calc(0.4rem + var(--safe-area-right));
-    padding-bottom: calc(0.25rem + var(--safe-area-bottom));
+    padding-bottom: calc(0.3rem + var(--safe-area-bottom));
     flex-wrap: nowrap;
     gap: 0.3rem;
     align-items: center;
@@ -8172,7 +8090,7 @@ kbd {
     color: #fff;
   }
 
-  /* Primary action button - Run Claude - compact for mobile */
+  /* Primary action button - Run Claude */
   .btn-toolbar.btn-claude {
     flex: 0 0 auto;
     padding: 0 0.75rem !important;
@@ -8194,7 +8112,7 @@ kbd {
     margin-right: 4px;
   }
 
-  /* Secondary action - Run Shell - compact for mobile */
+  /* Secondary action - Run Shell - right side */
   .btn-toolbar.btn-shell {
     flex: 0 0 auto;
     background: transparent;
@@ -8322,9 +8240,9 @@ kbd {
     padding-bottom: calc(0.75rem + var(--safe-area-bottom));
   }
 
-  /* Terminal container - no safe area padding needed as toolbar handles it */
-  .terminal-container {
-    padding-bottom: 0;
+  /* Terminal container safe area */
+  .ios-device .terminal-container {
+    padding-bottom: var(--safe-area-bottom);
   }
 
   /* Main area must fill available space */