remo-cli 4.0.1__tar.gz → 4.2.0__tar.gz

remo_cli-4.2.0/.release-please-manifest.json

@@ -0,0 +1,3 @@
+{
+  ".": "4.2.0"
+}

{remo_cli-4.0.1 → remo_cli-4.2.0}/AGENTS.md

@@ -117,6 +117,7 @@ frontend/                  # remo-web browser SPA (Vite + React + TypeScript)
 ├── src/
 │   ├── api/client.ts        # REST + WS terminal client (remo-terminal.v1 subprotocol)
 │   ├── components/          # Dashboard, InstanceGroup, TargetCard, GridView, TabView, TerminalCard
+│   │                        #   + masterLayout.ts (pure pane geometry: uniform grid + master/stack tiling)
 │   ├── state/                # discovery.ts, workspace.ts (layout persisted to localStorage)
 │   └── terminal/              # RendererAdapter (seam), XtermRenderer (the one engine), TerminalConnection, keymap
 
@@ -135,7 +136,8 @@ ansible/                   # Ansible playbooks (invoked by Python via subprocess
 └── requirements.yml
 
 scripts/                   # Repo-root utility scripts (not part of the installed package)
-└── export_openapi.py        # Exports frontend/src/api/generated/{openapi.json,terminal-frames.json} (feature 020)
+├── export_openapi.py        # Exports frontend/src/api/generated/{openapi.json,terminal-frames.json} (feature 020)
+└── palette-check.sh         # Prints every ANSI colour x normal/bold/dim/bright in a live terminal — audits a theme's legibility where contrast maths can't
 
 pyproject.toml             # Build config, dependencies (incl. `web` extra), console_scripts entry point
 ```

{remo_cli-4.0.1 → remo_cli-4.2.0}/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [4.2.0](https://github.com/get2knowio/remo/compare/v4.1.0...v4.2.0) (2026-08-05)
+
+
+### Features
+
+* **web:** flatten a tiling from ⊞, and hide terminal headers wholesale ([#139](https://github.com/get2knowio/remo/issues/139)) ([e5890f0](https://github.com/get2knowio/remo/commit/e5890f031c214b835ec8eab9ff85e8e343c12832))
+* **web:** choose the tiling split (40/60, 45/55 or 50/50) from Settings — applied live to a tiling you already have ([#139](https://github.com/get2knowio/remo/issues/139)) ([89f6ee7](https://github.com/get2knowio/remo/commit/89f6ee7))
+* **web:** the tiling control now appears in every mode; from a single view it rebuilds the grid with that terminal as the master ([#139](https://github.com/get2knowio/remo/issues/139)) ([977a1d5](https://github.com/get2knowio/remo/commit/977a1d5))
+
+## [4.1.0](https://github.com/get2knowio/remo/compare/v4.0.1...v4.1.0) (2026-08-04)
+
+
+### Features
+
+* **web:** tile a terminal to a pane edge as a master area ([#137](https://github.com/get2knowio/remo/issues/137)) ([41802fb](https://github.com/get2knowio/remo/commit/41802fb17ae5741918a31ee9d662aa90808ebb9a))
+
 ## [4.0.1](https://github.com/get2knowio/remo/compare/v4.0.0...v4.0.1) (2026-08-03)
 
 

{remo_cli-4.0.1 → remo_cli-4.2.0}/CLAUDE.md

@@ -117,6 +117,7 @@ frontend/                  # remo-web browser SPA (Vite + React + TypeScript)
 ├── src/
 │   ├── api/client.ts        # REST + WS terminal client (remo-terminal.v1 subprotocol)
 │   ├── components/          # Dashboard, InstanceGroup, TargetCard, GridView, TabView, TerminalCard
+│   │                        #   + masterLayout.ts (pure pane geometry: uniform grid + master/stack tiling)
 │   ├── state/                # discovery.ts, workspace.ts (layout persisted to localStorage), settings.ts (display prefs: site light/dark mode, accent, fonts, terminal theme + per-target overrides)
 │   ├── terminal/              # RendererAdapter (seam), XtermRenderer (the one engine), TerminalConnection, keymap
 │   └── theme/                 # tokens.css (light-dark() palette, one pair per token), fonts.ts, terminalThemes.ts (8 terminal color schemes: a token-derived Remo Dark/Light pair the default 'auto' selection tracks, plus 6 curated third-party)
@@ -136,7 +137,8 @@ ansible/                   # Ansible playbooks (invoked by Python via subprocess
 └── requirements.yml
 
 scripts/                   # Repo-root utility scripts (not part of the installed package)
-└── export_openapi.py        # Exports frontend/src/api/generated/{openapi.json,terminal-frames.json} (feature 020)
+├── export_openapi.py        # Exports frontend/src/api/generated/{openapi.json,terminal-frames.json} (feature 020)
+└── palette-check.sh         # Prints every ANSI colour x normal/bold/dim/bright in a live terminal — audits a theme's legibility where contrast maths can't
 
 pyproject.toml             # Build config, dependencies (incl. `web` extra), console_scripts entry point
 ```

{remo_cli-4.0.1 → remo_cli-4.2.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: remo-cli
-Version: 4.0.1
+Version: 4.2.0
 Summary: Remote development environment CLI
 License-Expression: MIT
 License-File: LICENSE

{remo_cli-4.0.1 → remo_cli-4.2.0}/docs/web-session-interface.md

@@ -104,11 +104,32 @@ The SPA is a two-pane **web console**:
   row showing its name, git glyphs, and a Zellij-active bolt. A search box, provider-color filter
   chips, and an "⚡ Active only" toggle narrow the list; "⊞ Open all · N" opens every available
   target as a grid.
+- **Terminal headers** can be hidden wholesale from the **▤/▭** toggle in the app header, which buys
+  back ~37px of terminal per tile — a 16% gain on a stacked tile at tablet size, and the reason it
+  exists. The trade is real and deliberate: the header carries the per-tile controls AND is the drag
+  handle, so with it hidden a tile can't be dragged, tiled, themed or closed from the card itself (use
+  the rail, or toggle the headers back — the toggle is in the app header, which never hides). A
+  fullscreen terminal keeps its header regardless: there is only one card on screen, so the space saved
+  is negligible and its ✕/⤡ controls are the way out.
 - **Terminal pane** (right). Clicking a row opens that target **solo** (single view); ⌘/Ctrl-click a
   row (or its `+` button) **adds** it to a responsive grid (1/2/3 columns by count). In a grid, **drag
   a tile's header onto another to swap their positions** — a window outline follows the cursor and the
   swap target shows a dashed outline (mouse or touch press-and-hold; keyboard-accessible via the
-  handle); the arrangement persists until the grid is rebuilt. In a grid, **resting the pointer on a
+  handle); the arrangement persists until the grid is rebuilt. **Drag a tile to a pane edge instead of
+  onto another tile** and it takes that whole side as a *master area* — full height on the left/right,
+  full width on the top/bottom — with the remaining tiles tiling the leftover strip (the dwm/xmonad
+  master+stack model). A translucent band marks each edge while dragging and fills in when the drop
+  would land there. The **▦** control in a tile's header cycles the same thing without a drag
+  (▌ left → ▀ top → ▐ right → ▄ bottom → back to the even grid), which is the practical path on a touch
+  device — and it is in the cluster in every mode, not just a grid: from a single view it rebuilds the
+  grid with the terminal you were looking at as the master (inert only when there is no grid to build).
+  The master's share is a setting (**Settings → Tiling split**: 40/60, 45/55 or 50/50, applied
+  live to a tiling you already have), closing it promotes the head of the stack rather than
+  un-tiling everything, and the arrangement persists across reload alongside the tile order. **⊞ flattens
+  a tiling back to even tiles** — in a plain grid that control is inert, so it doubles as the way out
+  rather than making you cycle ▦ forward until it wraps. This is
+  what lets three terminals fill the pane without the empty fourth cell a 2x2 grid would leave. In a
+  grid, **resting the pointer on a
   tile focuses it** (focus-follows-mouse, with a short dwell so passing through tiles doesn't steal
   focus) — keystrokes go where the pointer is, no click needed. The **◻** control solos a tile; **Esc**
   collapses the grid back to the focused terminal;
@@ -143,13 +164,15 @@ they can be stale until something else fetches. Git glyphs only appear on instan
 `remo-host` new enough to report git status; see [Upgrade compatibility](#upgrade-compatibility).
 
 **Settings** (⚙, top bar; stored in this browser only, FR-034): **appearance** (site light/dark mode),
-accent color, terminal font, **terminal theme**, font size, program ligatures, grid display mode
+accent color, terminal font, **terminal theme**, **tiling split**, font size, program ligatures,
+grid display mode
 (actual-size vs scale-to-fit), **focus dwell** (how long the pointer rests before focus-follows-mouse
 fires), a **Nerd Font uploader**, and **Pair CLI to sync** (mint a re-sync pairing
 code).
 
 **Appearance** is tri-state — `system` (the default, following the OS `prefers-color-scheme`),
-`light`, or `dark` — toggled from the ◐/☀/☾ button in the top bar as well as from Settings. The
+`light`, or `dark` — set from Settings. (It briefly had a top-bar button too; that was removed once
+the header ran short of room, since Settings already owned the choice.) The
 console's palette is a set of `light-dark()` CSS custom properties in `theme/tokens.css`; "system"
 therefore needs no JavaScript to render, and an explicit choice is applied as `data-theme` on `<html>`.
 **Terminal theme** defaults to **Follow site theme**, which tracks the site mode: a light console gets

{remo_cli-4.0.1 → remo_cli-4.2.0}/frontend/src/components/AppShell.tsx

@@ -9,7 +9,7 @@ import { exitBrowserFullscreen } from "../lib/fullscreen";
 import { useDiscovery } from "../state/discovery";
 import { useHealth } from "../state/health";
 import { useLatency } from "../state/latency";
-import { resolvedSiteTheme, settingsActions, useSettings } from "../state/settings";
+import { settingsActions, useSettings } from "../state/settings";
 import { useConsoleKeyboard } from "../state/useConsoleKeyboard";
 import { useWorkspace } from "../state/workspace";
 import { buildRailModel, type RailFilters } from "./railModel";
@@ -230,9 +230,8 @@ export function AppShell(): JSX.Element {
         onRefresh={() => void discovery.refresh()}
         onSettings={() => setSettingsOpen(true)}
         onShortcuts={onToggleShortcuts}
-        themeMode={settings.themeMode}
-        resolvedDark={resolvedSiteTheme(settings) === "dark"}
-        onCycleTheme={() => settingsActions.cycleThemeMode()}
+        showTileChrome={settings.showTileChrome}
+        onToggleTileChrome={() => settingsActions.toggleTileChrome()}
       />
 
       {discovery.isRefreshing && !maximized && (

{remo_cli-4.0.1 → remo_cli-4.2.0}/frontend/src/components/SettingsPage.tsx

@@ -8,6 +8,7 @@ import { listUploadedFonts, registerUploadedFont } from "../state/fonts";
 import {
   ACCENT_OPTIONS,
   FONT_OPTIONS,
+  MASTER_SPLIT_OPTIONS,
   MAX_FOCUS_DWELL_MS,
   MAX_TERM_SIZE,
   MIN_FOCUS_DWELL_MS,
@@ -279,6 +280,35 @@ export function SettingsPage({ onClose }: SettingsPageProps): JSX.Element {
             </div>
           </section>
 
+          {/* Tiling split */}
+          <section>
+            <div className="settings-heading">Tiling split</div>
+            <p className="settings-sub">
+              How much of the pane a terminal takes when you tile it to an edge (stack / master).
+              Applies immediately to a tiling you already have.
+            </p>
+            <div className="settings-gridmodes">
+              {MASTER_SPLIT_OPTIONS.map((o) => {
+                const selected = settings.masterSplit === o.value;
+                return (
+                  <button
+                    key={o.value}
+                    type="button"
+                    data-testid={`master-split-${o.label.replace(/\s\/\s/, "-")}`}
+                    className={`settings-gridmode${selected ? " settings-gridmode--on" : ""}`}
+                    onClick={() => settingsActions.setMasterSplit(o.value)}
+                  >
+                    <span className="settings-radio">{selected ? "✓" : ""}</span>
+                    <span>
+                      <span className="settings-gridmode-title">{o.label}</span>
+                      <span className="settings-gridmode-desc">{o.desc}</span>
+                    </span>
+                  </button>
+                );
+              })}
+            </div>
+          </section>
+
           {/* Focus-follows-mouse dwell */}
           <section>
             <div className="settings-row2-head">