dsh-mobilecode 0.11.5 → 0.11.7

package/README.md

@@ -142,25 +142,30 @@ card is **Device 1**; co-op docks a second, **Device 2**. It is produced
   its online row, never a duplicate boot entry. A **Live** badge shows the
   streamed serial. Quick sizes (Fit / 100% / S·240 / M·320 presets + a select)
   and frame styles (none / bezel / device) reshape the stage — each stream pane
-  carries its own copy of these controls (0.11.2). In **Fit** the stage locks
-  to a shared height, so the two panes sit at identical heights even when the
-  devices have different screen aspect ratios (0.11.3).
+  carries its own copy of these controls (0.11.2). In **Fit** the stage hugs
+  the device's real aspect — a poller reads the MJPEG `<img>`'s
+  `naturalWidth/naturalHeight`, sets `--mc-ar-n` on the stage, and the stage
+  box becomes `width: min(100%, 60vh · ar); aspect-ratio: ar` — no letterbox
+  bars, and two devices with different aspect ratios keep equal visible
+  height (0.11.5).
 - **Screenshot** captures a still via `POST /stream/still` (a real `screencap`,
   embedded as a data URL up to 4 MB) and flips the stage to a still view with a
   "back to Live" link.
 - **Co-op split view (⧉, v0.9.0)**: with two or more online devices the card
   header grows a ⧉ toggle that docks a second **Device 2** pane beside it —
-  its own device select, live `<img>`, tap/drag control, and (since 0.11.2) its
-  own Size/Frame row mirroring Device 1's; both panes default to Fit, which
-  locks to one stage height, so the pair starts identical and can be styled
-  independently. Each pane grants its own HMAC capability; closing one pane
-  never stalls or disturbs the other stream. A presence watcher polls device
-  liveness while streaming: if a device is powered off (⏻ off, crash, unplug)
-  its pane drops the frozen frame and the Live badge within ~5 s, and stays
-  idle instead of silently grabbing another device — both panes guard against
-  the re-grab (0.11.3–4). Both stream
-  captions carry the running client version (`· v0.11.x`) so a page refresh is
-  visibly proven.
+  its own device select, live `<img>`, tap/drag control, its own Size/Frame
+  row (0.11.2), and since 0.11.5 the same **nav toolbar** (Back/Home/Recents/
+  Rotate/Refresh) and **☰ device-actions menu** as Device 1. The section is a
+  responsive CSS grid `repeat(auto-fit, minmax(min(250px, 100%), 1fr))`, so
+  dragging the drawer narrow stacks the panes vertically and widening it puts
+  them side by side (0.11.5). Each pane grants its own HMAC capability;
+  closing one pane never stalls or disturbs the other stream. A presence
+  watcher polls device liveness while streaming: if a device is powered off
+  (⏻ off, crash, unplug) its pane drops the frozen frame and the Live badge
+  within ~5 s, and stays idle instead of silently grabbing another device —
+  both panes guard against the re-grab (0.11.3–4). Both stream captions carry
+  the running client version (`· v0.11.x`) so a page refresh is visibly
+  proven.
 - **Security**: every stream route sits behind a loopback + trusted-browser
   transport fence (peer address, loopback `Host`, `Sec-Fetch-Site` / `Origin` —
   so a LAN client cannot spoof localhost and a DNS-rebinding `Host` is rejected),

package/lib/client.js

@@ -123,10 +123,18 @@ window.__ModuleLoader__.load({
 .mc-live-section { display: flex; flex-direction: column; gap: 10px; }
 .mc-live-section.coop { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 10px; align-items: start; }
 .mc-live-section.coop > .mc-card { min-width: 0; }
-.mc-live-section.coop .mc-card-head { flex-wrap: wrap; }
+/* 0.11.6: the co-op head must NEVER wrap to a second row — a wrapped
+   head offsets one pane's stage ~38px lower than its sibling's, which
+   read as "the bars in Device 1 make the heights differ". Children
+   shrink instead (picker/select ellipsize). 0.11.7: the button must
+   also TRACK its shrinking .mc-picker container — at intrinsic width
+   it overflowed sideways under the ☰/⧉ buttons. */
+.mc-live-section.coop .mc-card-head { flex-wrap: nowrap; min-width: 0; }
+.mc-card-head .mc-picker { flex: 1 1 auto; min-width: 0; }
+.mc-card-head .mc-picker .mc-btn { width: 100%; min-width: 0; }
 /* No coop-specific height cap: both panes must share Device 1's 60vh rule so
    they match at every size, Fit included (0.11.2). */
-.mc-coop-select { width: auto; padding: 3px 6px; font-size: 12px; }
+.mc-coop-select { width: auto; min-width: 0; flex: 0 1 auto; padding: 3px 6px; font-size: 12px; }
 .mc-live-nav { display: flex; align-items: center; justify-content: center; gap: 8px; }
 .mc-live-nav button { border: 1px solid light-dark(rgba(0,0,0,.16), rgba(255,255,255,.18)); background: light-dark(#fff, #20242b); color: inherit; border-radius: 999px; width: 40px; height: 32px; cursor: pointer; font-size: 14px; }
 .mc-live-nav button:hover { background: light-dark(rgba(0,0,0,.06), rgba(255,255,255,.1)); }
@@ -190,7 +198,7 @@ window.__ModuleLoader__.load({
 		// Shown on both stream captions so a refresh visibly proves which client
 		// bundle the browser is actually running. Kept in lockstep with
 		// package.json by test/client.mjs.
-		const MC_VERSION = "0.11.5";
+		const MC_VERSION = "0.11.7";
 		// The panel shows cards for platforms the host can actually drive; the
 		// server reports its OS in info.os (iOS tooling is darwin-only).
 		const fallbackPlatforms = (os) => (os === "darwin" ? ["ios", "android"] : ["android"]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-mobilecode",
   "description": "MobileCode for the dsh web GUI: detect iOS/Android projects, run preview servers, and drive the simulator/emulator from the session — 37 agent tools (device_run, device_screen, device_ui_tree, device_ui_rows, device_tap_row, device_tap_element, device_wait_for, device_scroll_to, device_input, device_batch, device_intent, device_connect, device_pair_qr, device_perf, device_meminfo, device_backtrace, device_display, device_avd_create, device_pair_capture, device_app_info, device_install, device_uninstall, device_reboot, device_log, live screen stream, multimodal screenshots) plus a host-mediated co-op mesh hub (random callsigns, JSON pub/sub, tunable latency/jitter/drop/dup/throttle) so two virtual devices — and the AI watching them — can talk in real time. One classified adb boundary and a Wi-Fi connect/pair QR flow in the Connection settings tab. Hot-pluggable — mounted via the profile bundle list + cordis.patch.yml, no dsh source changes.",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "type": "module",
   "packageManager": "pnpm@11.22.0",
   "engines": {