arcane-agents 1.2.1 → 1.2.3

package/README.md

@@ -38,62 +38,57 @@ Common setups use Claude Code or OpenCode runtimes, but any terminal-accessible
 
 ## Install (Non-Developers)
 
-1) Install system dependencies.
-
-Linux (Debian/Ubuntu):
+1) Install Arcane Agents globally.
 
 ```bash
-sudo apt update
-sudo apt install -y tmux git
+npm install -g arcane-agents
 ```
 
-macOS (Homebrew):
+2) Run guided setup.
 
 ```bash
-brew install tmux git
+arcane-agents setup
 ```
 
+This checks for `tmux`, suggests the right install command for your platform,
+can run it after confirmation, creates `~/.config/arcane-agents/config.yaml`
+if needed, and runs `arcane-agents doctor`.
+
 Windows:
 
 - Install WSL2 and Ubuntu.
-- Run the Linux setup steps inside WSL.
+- Run Arcane Agents and `arcane-agents setup` inside WSL.
 
-2) Install Arcane Agents globally.
+3) Edit your config if needed.
 
 ```bash
-npm install -g arcane-agents
-```
-
-3) Create your user config.
-
-```bash
-arcane-agents init
+arcane-agents config edit
 ```
 
-`arcane-agents start` also auto-creates a starter config if it is missing.
+This opens `~/.config/arcane-agents/config.yaml` in `$VISUAL` or `$EDITOR`.
 
-4) Edit your config.
+4) Start Arcane Agents.
 
 ```bash
-arcane-agents config edit
+arcane-agents
 ```
 
-This opens `~/.config/arcane-agents/config.yaml` in `$VISUAL` or `$EDITOR`.
+5) Open `http://127.0.0.1:7600`.
+
+If you prefer to install prerequisites manually first, common commands are:
 
-5) Run setup checks.
+Linux (Debian/Ubuntu):
 
 ```bash
-arcane-agents doctor
+sudo apt install -y tmux
 ```
 
-6) Start Arcane Agents.
+macOS (Homebrew):
 
 ```bash
-arcane-agents
+brew install tmux
 ```
 
-7) Open `http://127.0.0.1:7600`.
-
 Optional maintenance commands:
 
 ```bash
@@ -103,52 +98,55 @@ npm uninstall -g arcane-agents       # uninstall
 
 ## Run Locally (Developers)
 
-1) Install system dependencies.
-
-Linux (Debian/Ubuntu):
+1) Clone and install dependencies.
 
 ```bash
-sudo apt update
-sudo apt install -y tmux git
+git clone https://github.com/thomasrice/arcane-agents.git
+cd arcane-agents
+npm install
 ```
 
-macOS (Homebrew):
+2) Run guided setup.
 
 ```bash
-brew install tmux git
+npm run cli -- setup
 ```
 
-Windows:
+This checks for `tmux`, suggests or runs the install command after confirmation,
+creates a starter config if needed, and runs the same doctor checks used in the
+published CLI.
 
-- Install WSL2 and Ubuntu.
-- Run the Linux setup steps inside WSL.
-
-2) Clone and install dependencies.
+3) Edit your config if needed.
 
 ```bash
-git clone https://github.com/thomasrice/arcane-agents.git
-cd arcane-agents
-npm install
+npm run cli -- config edit
 ```
 
-3) Create your user config.
+Or edit `~/.config/arcane-agents/config.yaml` directly.
+
+4) Start dev mode (client + server).
 
 ```bash
-npm run cli -- init
+npm run dev
 ```
 
-4) Edit your config.
+To expose dev mode to other computers on your LAN:
 
 ```bash
-npm run cli -- config edit
+npm run dev -- --host
 ```
 
-Or edit `~/.config/arcane-agents/config.yaml` directly.
+If you want to open the app through a named host such as a Tailscale MagicDNS
+name, allow that host explicitly:
 
-5) Start dev mode (client + server).
+```bash
+npm run dev -- --host --allow-host waystone
+```
+
+You can also bind to a specific interface:
 
 ```bash
-npm run dev
+npm run dev -- --host 192.168.1.42
 ```
 
 Default URLs:
@@ -217,6 +215,7 @@ Changes require a server restart.
 arcane-agents config path  # print config and local override paths
 arcane-agents config show  # print config.yaml
 arcane-agents config edit  # open config.yaml in $VISUAL/$EDITOR
+arcane-agents setup        # guided tmux + config + doctor flow
 ```
 
 ### Top-level sections
@@ -308,6 +307,15 @@ Required fields per runtime:
 - `command`: command to execute (string array)
 - `label`: UI label
 
+Optional fields per runtime:
+
+- `freshnessWindowMs`: override the idle-detection freshness window (in
+  milliseconds) for this runtime. When output has been quiet for longer than this
+  window, the worker is considered idle. Defaults to 20 seconds for generic
+  runtimes; known agent runtimes (Claude, OpenCode, Codex) use their own
+  built-in windows. Useful for long-running programs that may go quiet for
+  extended periods between bursts of output.
+
 Example:
 
 ```yaml
@@ -318,6 +326,10 @@ runtimes:
   shell:
     command: ["bash"]
     label: Shell
+  my-pipeline:
+    command: ["bin/run-pipeline"]
+    label: Pipeline
+    freshnessWindowMs: 60000  # allow up to 60s of quiet before marking idle
 ```
 
 ### `shortcuts`
@@ -393,6 +405,9 @@ discovery:
 
 ### `backend.tmux`
 
+- `socketName`: tmux socket name Arcane Agents uses for its managed tmux server.
+  This lets the app ship mouse/copy-friendly defaults without mutating your main
+  tmux setup.
 - `sessionName`: tmux session used for managed windows.
 - `pollIntervalMs`: status poll interval in milliseconds (minimum `250`).
 
@@ -401,6 +416,7 @@ Example:
 ```yaml
 backend:
   tmux:
+    socketName: arcane-agents
     sessionName: arcane-agents
     pollIntervalMs: 2500
 ```

package/config.example.yaml

@@ -104,6 +104,7 @@ avatars:
 # Backend runtime settings.
 backend:
   tmux:
+    socketName: arcane-agents
     sessionName: arcane-agents
     pollIntervalMs: 2500
 

package/dist/client/assets/index-CT0NFttM.css

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#0f1815;color:#e9f0df}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 15% 10%,#2d5c4c,#162821 45%,#0d1412)}#root{min-height:100vh;min-height:100dvh}.app-shell{width:100%;height:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0px,var(--map-column-width, 1.55fr)) var(--layout-divider-width, 10px) minmax(0px,var(--terminal-column-width, 1fr));grid-template-rows:minmax(0,1fr);gap:0;padding:10px;overflow:hidden}.layout-divider{position:relative;cursor:col-resize;touch-action:none}.layout-divider:before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;border-radius:999px;transform:translate(-50%);background:#d6e6ba3d;transition:background-color .11s ease}.layout-divider:hover:before,.layout-divider.layout-divider-active:before{background:#eaf3d6ad}body.split-pane-dragging{cursor:col-resize;user-select:none}.map-column{min-height:0;display:flex;flex-direction:column;border:1px solid rgba(218,235,186,.22);border-radius:14px;overflow:hidden;background:#12221b99}.map-container{position:relative;flex:1;min-height:0}.map-canvas{width:100%;height:100%;display:block;cursor:pointer}.map-canvas:focus{outline:none}.map-tooltip{position:absolute;z-index:4;min-width:190px;max-width:280px;padding:8px 10px;font-size:12px;line-height:1.4;color:#f4f6e7;background:#0b100ee0;border:1px solid rgba(223,234,189,.22);border-radius:8px;pointer-events:none}.map-tooltip-title{font-weight:700;margin-bottom:2px}.bottom-bar{display:flex;align-items:center;gap:8px;height:74px;flex-shrink:0;padding:11px;overflow:hidden;border-top:1px solid rgba(218,235,186,.18);background:linear-gradient(180deg,#101a16eb,#0d1412f2)}.bar-btn{border:1px solid rgba(207,224,181,.34);border-radius:9px;background:#2b4336f2;color:#f0f5e3;padding:9px 13px;font-weight:600;cursor:pointer;transition:transform 90ms ease,background-color 90ms ease}.bar-btn:hover{transform:translateY(-1px);background:#3d5b49f2}.bar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.bar-btn.subtle{background:#202a25f2}.bar-btn.danger{background:#682c2cf2;border-color:#dc8c828c}.bar-btn.accent{font-size:20px;line-height:1;padding:7px 13px}.selected-worker-meta{margin-right:auto;min-width:0}.selected-worker-name{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selected-worker-subline{font-size:12px;color:#eef3dfcc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.terminal-column{min-height:0;border:1px solid rgba(218,235,186,.22);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#0c1311eb}.terminal-column.terminal-column-selected{border-color:#ecf2d45c}.terminal-column.terminal-column-focused{border-color:#88e9ffdb;box-shadow:0 0 0 1px #37adca73,0 0 22px #1a627338}.terminal-header{min-height:52px;padding:14px 16px;font-weight:700;border-bottom:1px solid rgba(218,235,186,.18);display:flex;align-items:center;justify-content:space-between;gap:10px}.terminal-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-ready-chip{flex:0 0 auto;border:1px solid rgba(255,233,164,.9);border-radius:999px;background:linear-gradient(110deg,#c1922dfa,#f6d273fa,#a77d22fa);background-size:220% 100%;color:#2f2205;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.03em;box-shadow:inset 0 1px #fff8df8c,0 0 0 1px #70501252;animation:ready-badge-sheen 1.9s linear infinite}.terminal-open-external{border:1px solid rgba(207,224,181,.34);border-radius:8px;background:#20342af2;color:#f0f5e3;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer}.terminal-open-external:hover{background:#345041f2}.terminal-open-external:disabled{opacity:.45;cursor:not-allowed}.terminal-panel{flex:1;min-height:0;padding:8px}.worker-roster{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:auto}.worker-roster-section-label{margin:4px 2px 2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e5edd3c2}.worker-roster-item{border:1px solid rgba(208,224,181,.22);border-radius:9px;background:#14221be6;color:#f1f5e6;text-align:left;padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.worker-roster-main{display:flex;align-items:center;gap:10px;min-width:0}.worker-roster-avatar{width:42px;height:42px;image-rendering:pixelated;object-fit:contain;flex:0 0 auto}.worker-roster-text{min-width:0;display:flex;flex-direction:column;gap:2px}.worker-roster-item:hover{background:#20352aeb;border-color:#e2edc761}.worker-roster-item.active{border-color:#eff4d4bd;background:#355040eb}.worker-roster-item.worker-roster-item-summon{background:#1c2a22e6}.worker-roster-item.worker-roster-item-summon:hover{background:#283f32eb}.worker-roster-item.worker-roster-item-summon.active{border-color:#9de5b0d6;background:#345643f0}.worker-roster-summon-avatar{border-radius:10px;border:1px solid rgba(170,227,186,.44);background:#284636f2;padding:2px}.worker-roster-summon-glyph{width:42px;height:42px;border-radius:10px;border:1px solid rgba(170,227,186,.44);background:#284636f2;color:#e8f7de;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex:0 0 auto}.worker-roster-name{min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.worker-roster-name-row{min-width:0;display:flex;align-items:center;gap:6px}.worker-complete-badge{flex:0 0 auto;border-radius:999px;border:1px solid rgba(252,229,153,.88);background:linear-gradient(115deg,#b28426fa,#f4d06efa,#9e751dfa);background-size:220% 100%;color:#2d2106;display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1.25;box-shadow:inset 0 1px #fff8df80;animation:ready-badge-sheen 2.05s linear infinite}.worker-roster-item.active .worker-complete-badge{border-color:#fff0b8f5;background:linear-gradient(115deg,#c4952cfc,#ffdd7efc,#ab8022fc);color:#2b1f05}@keyframes ready-badge-sheen{0%{background-position:200% 50%}to{background-position:-20% 50%}}.worker-roster-meta{font-size:12px;color:#e6ecd8c7}.worker-roster-activity{font-size:12px;color:#eef4e1db}.worker-roster-empty{border:1px dashed rgba(207,223,182,.28);border-radius:8px;padding:12px;color:#e8f0dad1;font-size:13px}.rally-command-card{margin-top:4px;padding:10px;border:1px solid rgba(185,225,198,.36);border-radius:10px;background:linear-gradient(180deg,#13261ff5,#0f1f1af5);display:flex;flex-direction:column;gap:8px}.rally-command-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rally-command-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e4f0cfeb}.rally-command-count{font-size:11px;color:#ddeac7b8}.rally-command-input{font-family:Consolas,Monaco,Lucida Console,monospace;min-height:78px;line-height:1.35;resize:vertical}.rally-command-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.rally-command-hint{font-size:11px;color:#d9e5c2c7}.rally-command-result{font-size:12px;color:#e9f1d5e6}.overlay{position:fixed;inset:0;z-index:25;display:grid;place-items:center;background:#050a08ad;backdrop-filter:blur(2px)}.overlay-no-blur{backdrop-filter:none}.dialog{width:min(880px,calc(100vw - 34px));max-height:min(78vh,740px);overflow:auto;padding:16px;border-radius:12px;border:1px solid rgba(222,236,193,.26);background:linear-gradient(180deg,#141e1af7,#0d1311fa)}.dialog-title{margin-bottom:12px;font-size:20px;font-weight:700}.input,.palette-input{width:100%;border-radius:9px;border:1px solid rgba(218,235,186,.32);background:#090f0df2;color:#ecf3e1;padding:10px 12px;font-size:14px}.dialog-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#e6ecd8d6}.option-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}.option-btn,.palette-item{border:1px solid rgba(208,224,181,.22);border-radius:8px;background:#14221be6;color:#f1f5e6;text-align:left;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.option-btn small,.palette-item small{color:#e2ebd2b8;font-size:11px}.option-btn.selected,.palette-item.active{border-color:#f0f3c8c7;background:#354f40eb}.dialog-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}.shortcuts-dialog{width:min(720px,calc(100vw - 34px))}.shortcut-grid{display:grid;grid-template-columns:1fr;gap:8px}.shortcut-row{display:grid;grid-template-columns:140px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid rgba(214,229,188,.16);background:#101a15d1}kbd{display:inline-block;min-width:52px;padding:4px 7px;border-radius:6px;border:1px solid rgba(233,242,206,.36);background:#0a0e0ceb;color:#edf4dd;font-size:12px;font-weight:700;text-align:center}.rename-dialog{width:min(540px,calc(100vw - 34px))}.rename-subtitle{margin-top:-2px;margin-bottom:10px;color:#e3ebd3c2;font-size:13px}.rename-form{display:flex;flex-direction:column}.confirm-dialog{width:min(520px,calc(100vw - 34px))}.confirm-copy{color:#e7eed9d9;font-size:14px;line-height:1.4}.confirm-hint{margin-top:8px;color:#d6e0c0c2;font-size:12px}.palette{width:min(760px,calc(100vw - 30px));border-radius:12px;border:1px solid rgba(222,236,193,.26);background:linear-gradient(180deg,#121e18f7,#0d1411fa);padding:12px}.palette-list{margin-top:8px;max-height:410px;overflow:auto;display:flex;flex-direction:column;gap:6px}.palette-empty{padding:12px;font-size:13px;color:#e2ebd2cc}.error-toast{position:fixed;right:14px;bottom:14px;z-index:40;max-width:420px;border:1px solid rgba(242,169,158,.58);background:#4b1713e6;border-radius:8px;padding:10px 12px;cursor:pointer}.batch-spawn-dialog{width:min(640px,calc(100vw - 34px))}.batch-spawn-config-list{margin-top:8px}.batch-spawn-config-summary{display:flex;align-items:center;gap:10px;margin-bottom:10px}.batch-spawn-config-summary small{color:#e2ebd2b8;font-size:12px}.batch-spawn-back{border:1px solid rgba(207,224,181,.34);border-radius:8px;background:#20342af2;color:#f0f5e3;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.batch-spawn-back:hover{background:#345041f2}.batch-spawn-textarea{min-height:160px;resize:vertical;font-family:Consolas,Monaco,Lucida Console,monospace;line-height:1.4}.batch-spawn-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.batch-spawn-count{font-size:13px;color:#e2ebd2c7}.batch-spawn-progress{display:flex;align-items:center;gap:10px;flex:1}.batch-spawn-progress-bar{flex:1;height:6px;border-radius:3px;background:#daebba2e;overflow:hidden}.batch-spawn-progress-fill{height:100%;border-radius:3px;background:#8cdcaad9;transition:width .15s ease}.batch-spawn-progress-text{font-size:12px;color:#e2ebd2d1;white-space:nowrap}@media(max-width:960px){.app-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(280px,38vh)}.layout-divider{display:none}.dialog-grid{grid-template-columns:1fr}}