npm - @fnndsc/argus - Versions diffs - 0.7.1 → 0.8.0 - Mend

@fnndsc/argus 0.7.1 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/assets/ChRISlogo-color-t-i99soF.svg +164 -0
package/dist/assets/MesloLGS-NF-Bold-DbxbaV6p.ttf +0 -0
package/dist/assets/MesloLGS-NF-Regular-DAUcZJjt.ttf +0 -0
package/dist/assets/Settings-CMzJFOfL.js +4204 -0
package/dist/assets/Texture-BDt8D144.js +204 -0
package/dist/assets/_commonjsHelpers-CE1G-McA.js +1 -0
package/dist/assets/addVolumesToViewports-BJ9Z0Fli.js +1 -0
package/dist/assets/antonio-latin-400-normal-CZjzwNAN.woff2 +0 -0
package/dist/assets/antonio-latin-700-normal-DSH-lEDG.woff2 +0 -0
package/dist/assets/blosc-CrUiACa7.js +17 -0
package/dist/assets/chakra-petch-latin-400-normal-SafcrIr2.woff2 +0 -0
package/dist/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2 +0 -0
package/dist/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2 +0 -0
package/dist/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2 +0 -0
package/dist/assets/charlswasm_decode-BrO4esUm.wasm +0 -0
package/dist/assets/chunk-INHXZS53-D3tQiqtZ.js +1 -0
package/dist/assets/computeWorker-D8XJyv-f.js +4095 -0
package/dist/assets/cornerstoneEngine-qc8bYyDr.js +2 -0
package/dist/assets/dcmjs.es-DfWkgqfk.js +18 -0
package/dist/assets/decodeImageFrameWorker-BtcTb_T6.js +5 -0
package/dist/assets/index-10pyAQdJ.js +1 -0
package/dist/assets/index-B4T3qklv.js +4146 -0
package/dist/assets/index-BAUvhEVf.js +2 -0
package/dist/assets/index-BSAANhUs.js +9 -0
package/dist/assets/index-CH659Lsh.js +1 -0
package/dist/assets/index-CIsP81Nj.js +1 -0
package/dist/assets/index-CLU1nvoG.css +1 -0
package/dist/assets/index-DqTe_N1t.js +320 -0
package/dist/assets/index-zZYmeu9b.js +2456 -0
package/dist/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2 +0 -0
package/dist/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2 +0 -0
package/dist/assets/jpeg-B-x1txLf.js +1 -0
package/dist/assets/libjpegturbowasm_decode-7ZJ2wGuU.wasm +0 -0
package/dist/assets/lossless-CyYqoyFe.js +1 -0
package/dist/assets/lz4-B_Exjfmr.js +15 -0
package/dist/assets/niivueEngine-Cm8JnIlj.js +2 -0
package/dist/assets/openjpegwasm_decode-B3gWTHpv.wasm +0 -0
package/dist/assets/openjphjs-B5O5ikHp.wasm +0 -0
package/dist/assets/slabScene-Cj6qXA56.js +559 -0
package/dist/assets/throttle-CjIII7Yf.js +1 -0
package/dist/assets/zstd-u5eweWyS.js +15 -0
package/dist/index.html +667 -0
package/dist/sounds/arrive.wav +0 -0
package/dist/sounds/press.wav +0 -0
package/dist/sounds/refuse.wav +0 -0
package/dist/sounds/retreat.wav +0 -0
package/package.json +4 -3

package/dist/index.html ADDED Viewed

@@ -0,0 +1,667 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="format-detection" content="date=no" />
+    <title>ARGUS</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap"
+      rel="stylesheet"
+    />
+    <script type="module" crossorigin src="./assets/index-B4T3qklv.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CLU1nvoG.css">
+  </head>
+  <body>
+    <!-- ARGUS's own four sounds, synthesised rather than borrowed
+         (scripts/sounds_make.mjs): a press acknowledged, a thing arriving,
+         a retreat, a refusal. -->
+    <!-- The four voices. The original TheLCARS.com beeps play when present
+         (materialized from the operator's LCARS-26.zip by
+         scripts/sounds_import.mjs into public/sounds/, gitignored because
+         the template's EULA forbids redistributing them); the synthesised
+         .wav is the committed fallback, so a clone without the zip still
+         answers a press. Served from public/ so the browser can fall from
+         one source to the next — a bundled import cannot. -->
+    <audio id="audio1" preload="auto"><source src="sounds/press.mp3" type="audio/mpeg" /><source src="sounds/press.wav" type="audio/wav" /></audio>
+    <audio id="audio2" preload="auto"><source src="sounds/arrive.mp3" type="audio/mpeg" /><source src="sounds/arrive.wav" type="audio/wav" /></audio>
+    <audio id="audio3" preload="auto"><source src="sounds/retreat.mp3" type="audio/mpeg" /><source src="sounds/retreat.wav" type="audio/wav" /></audio>
+    <audio id="audio4" preload="auto"><source src="sounds/refuse.mp3" type="audio/mpeg" /><source src="sounds/refuse.wav" type="audio/wav" /></audio>
+    <div id="attach-form" class="attach-overlay">
+      <div class="attach-card">
+        <h1>ARGUS</h1>
+        <p>Attach to a CALYPSO session. The daemon printed the token at launch.</p>
+        <input id="attach-token" type="password" placeholder="ATTACH TOKEN" autocomplete="off" />
+        <button id="attach-submit" type="button">ATTACH</button>
+        <p id="attach-error" class="attach-error"></p>
+      </div>
+    </div>
+    <div class="wrap-all">
+      <div class="wrap">
+        <div class="left-frame-top">
+          <button class="panel-1"><span class="brand-mark" aria-hidden="true"></span><span class="brand-label">ARGUS<span class="hop">&nbsp;WEB</span></span></button>
+          <button class="panel-2">02<span class="hop">-CALYPSO</span></button>
+        </div>
+        <div class="right-frame-top">
+          <div class="banner"><a href="">ARGUS</a> &bull; CALYPSO SESSION</div>
+          <div class="data-cascade-button-group">
+            <!-- The header pane: data-header on <body> picks the face.
+                 Resting face: the pipeline DAG cycler (also 02-CALYPSO).
+                 ARGUS WEB: live stats, controls, versions, credits. -->
+            <div class="header-face" id="header-dag">
+              <div id="pipeline-cycler"><span id="pipeline-cycler-name"></span></div>
+              <div id="header-dag-info">
+                <div class="header-controls">
+                  <button id="audio-pill" class="audio-pill" title="audio on/off">AUDIO</button>
+                  <button id="theme-pill" class="theme-pill" title="cycle the theme">LOWER DECKS</button>
+                </div>
+                <div id="about-rows"></div>
+                <footer class="about-footer">
+                  Content &copy; 2026 FNNDSC &bull; ARGUS is part of the mise project, a ChRIS system interface.<br />
+                  <!-- The following attribution must not be removed: -->
+                  LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>,
+                  adapted for ARGUS.
+                </footer>
+              </div>
+            </div>
+            <!-- The ARGUS WEB face: live telemetry. The INDEX instrument
+                 heads it — index movement, read here: a quiet index says
+                 CURRENT; a sweep, a feed's walk, or arrivals each take a
+                 row with a bar while they move — and the cascade's labeled
+                 rows follow. -->
+            <div class="header-face" id="header-telemetry"><div id="index-instrument"></div><div id="lane-instrument"></div></div>
+          </div>
+          <div class="bar-panel first-bar-panel">
+            <div class="bar-1"></div>
+            <div class="bar-2"></div>
+            <div class="bar-3"></div>
+            <div class="bar-4"></div>
+            <div class="bar-5"></div>
+          </div>
+        </div>
+      </div>
+      <div class="wrap" id="gap">
+        <div class="left-frame">
+          <div>
+            <button class="panel-3 domain-live" id="gutter-files" title="the console's browser: the workspace, following the session cwd">FILES<span class="hop">-01</span></button>
+            <button class="panel-4 domain-live" id="gutter-runs">RUNS<span class="hop">-02</span></button>
+            <button class="panel-5 domain-live" id="gutter-tools">PACS<span class="hop">-03</span></button>
+            <button class="panel-6 domain-inert">SOURCES<span class="hop">-04</span></button>
+            <button class="panel-console domain-live" id="gutter-console" title="summon the console">CONSOLE<span class="hop">-05</span></button>
+            <button class="panel-lang domain-live" id="lang-pill" title="the argus command line (Ctrl-B :)">LANG</button>
+            <div class="panel-spacer"></div>
+          </div>
+          <div>
+            <button class="panel-7 domain-live" id="gutter-panes" title="every pane you have moved away from, to bring back">PANES<span class="hop">-06</span></button>
+          </div>
+        </div>
+        <div class="right-frame">
+          <!-- The tactical drawer: the console unfurls from behind the
+               workspace lid (the bar-panel below), per the prototype's
+               interaction design. -->
+          <section id="drawer">
+            <div class="lcars-terminal-header-bar pane-handle" id="console-handle" title="console controls">
+              <div class="lcars-bar-horizontal">
+                <span class="lcars-title">CALYPSO CONSOLE</span>
+                <span class="lcars-terminal-status" id="drawer-status">MODE: [OFFLINE]</span>
+              </div>
+              <div class="lcars-bar-end bar-punctuation"></div>
+            </div>
+            <!-- The console is a pane that does not split: the same handle
+                 and drawer as every pane, with only the verbs that apply —
+                 no SPLIT (one session, one voice), hence no binding. -->
+            <div class="pane-drawer" id="console-drawer" hidden>
+              <span class="drawer-group drawer-structure">
+                <span class="drawer-label">CONSOLE</span>
+                <button class="pacs-capsule drawer-zoom" data-pane="console" title="zoom the console (Esc restores)">ZOOM</button>
+                <button class="pacs-capsule console-retract" title="retract the console (the lid reopens it)">CLOSE</button>
+              </span>
+            </div>
+            <div id="terminal"></div>
+            <div id="drawer-strip" title="drag to resize"></div>
+          </section>
+          <div class="bar-panel" id="drawer-toggle" title="open/close the console" role="button" tabindex="0">
+            <div class="bar-6"></div>
+            <div class="bar-7"></div>
+            <div class="bar-8"></div>
+            <div class="bar-9"></div>
+            <div class="bar-10"></div>
+          </div>
+          <main>
+            <div id="status-strip">
+              <span id="status-identity" class="readout">&mdash;</span>
+              <span id="status-jobs" class="readout">&mdash;</span>
+              <span id="status-activity" class="readout"></span>
+              <span id="status-latency" class="readout"></span>
+              <span id="status-mismatch" class="readout mismatch"></span>
+              <span id="status-host" class="readout lamp-host"></span>
+              <span id="status-lamp" class="readout lamp-offline">OFFLINE</span>
+            </div>
+            <!-- The layout root: the binary split tree renders here,
+                 arranging the registered panes. Presets (the gutter) pick
+                 the tree; context (a feed in view) can vary it. -->
+            <div id="layout-root"></div>
+            <!-- Pane templates: the registry stamps instances from these;
+                 every instance is a long-lived mount the tree reparents.
+                 At rest a pane shows only work and state: the machinery
+                 (split, zoom, close, semantic children) lives in the pane
+                 drawer behind the top border — click the header to open it.
+                 Design record: docs/aegis.adoc. -->
+            <template id="tpl-pane-dag">
+              <div class="workspace-pane pane-dag">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title dag-title">DAG</span>
+                    <span class="pane-mode"></span>
+                    <span class="pane-state"></span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <!-- The drawer grammar (docs/aegis.adoc): shape the tile,
+                       bind a neighbour. Two groups, two colors, identical on
+                       every pane at every depth. The third group is gone from
+                       a browser: what acts on the field moved to the frame
+                       and what acts on a row moved to the row, since a
+                       control lives where it acts. -->
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="dag-canvas">
+                  <!-- The field carries content only. Its frame is a rule
+                       along the top turning through an elbow into a spine
+                       down the right edge; the MODE FRAME's blocks slide in
+                       against the spine when the spine is touched, and
+                       retract when the field (or Esc) is — the header's own
+                       retraction grammar at pane scale (docs/aegis.adoc:
+                       field-is-content, frame-retracts-to-a-strip). -->
+                  <span class="field-rule"></span>
+                  <button class="mode-strip" title="display modes" aria-label="display modes"></button>
+                  <span class="mode-elbow"></span>
+                  <aside class="mode-frame">
+                    <button class="strategy-pill dag-strategy" title="layout: ranked tiers or force molecule">RANKED</button>
+                    <button class="strategy-pill dag-projection" title="projection: sculpted 3D or flat schematic">3D</button>
+                    <button class="strategy-pill dag-pulse" title="replay execution as a dependency wave">PULSE OFF</button>
+                    <button class="strategy-pill dag-scale" title="molecule node size: wall time or output bytes">TIME</button>
+                    <button class="strategy-pill dag-census" title="projection density: semantic shape or full census (spectacle)">SHAPE</button>
+                    <button class="strategy-pill dag-gravity" title="mass-weighted centering: the heaviest stage settles at the heart">GRAVITY OFF</button>
+                    <button class="strategy-pill dag-hue" title="what colors a node: its status, or the compute resource it ran on">STATUS</button>
+                    <span class="mode-fill"></span>
+                  </aside>
+                  <!-- Selection facts overlay the scene: the graph never
+                       resizes when a node is indicated. -->
+                  <div class="dag-facts"></div>
+                </div>
+                <!-- The roster host: the feed roster is a field of its own,
+                     framed the same way, with FILTER as its one mode. -->
+                <div class="dag-roster">
+                  <span class="field-rule"></span>
+                  <button class="mode-strip" title="display modes" aria-label="display modes"></button>
+                  <span class="mode-elbow"></span>
+                  <aside class="mode-frame">
+                    <button class="strategy-pill runs-filter" title="filter the roster (the bar reads FILTERED n/m)">FILTER OFF</button>
+                    <span class="mode-fill"></span>
+                  </aside>
+                  <div class="dag-feedlist"></div>
+                </div>
+                <div class="dag-empty files-empty">NO FEED IN VIEW &mdash; PRESS RUNS-02, cd INTO A FEED, OR RUN `feed diagram &lt;feed&gt;`</div>
+              </div>
+            </template>
+            <template id="tpl-pane-files">
+              <div class="workspace-pane pane-files">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title pane-title">WORKSPACE</span>
+                    <span class="pane-mode"></span>
+                    <span class="pane-state"></span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <!-- The drawer grammar (docs/aegis.adoc): shape the tile,
+                       bind a neighbour. Two groups, two colors, identical on
+                       every pane at every depth. The third group is gone from
+                       a browser: what acts on the field moved to the frame
+                       and what acts on a row moved to the row, since a
+                       control lives where it acts. -->
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <!-- The listing body: content only; the projection lives on
+                     the mode frame at its right edge (a strip at rest). -->
+                <div class="files-body">
+                  <span class="field-rule"></span>
+                  <button class="mode-strip" title="display modes" aria-label="display modes"></button>
+                  <span class="mode-elbow"></span>
+                  <aside class="mode-frame">
+                    <button class="strategy-pill files-view" title="projection: rows, cards, or previews">LIST</button>
+                    <button class="strategy-pill files-filter" title="filter the listing (the bar reads FILTERED n/m)">FILTER OFF</button>
+                    <!-- Where the field points is the field's own business,
+                         so the two verbs that move it live on the frame with
+                         the rest of what answers to the field (aegis.adoc:
+                         a-control-lives-where-it-acts). -->
+                    <button class="strategy-pill files-home" title="show the home directory">HOME</button>
+                    <button class="strategy-pill files-back" title="return to the previous listing">BACK</button>
+                    <!-- Two verbs that act on the PLACE rather than on a
+                         row, so they ride the field's frame with the rest of
+                         what answers to the field. They appear on a files
+                         frame and nowhere else: there is no directory to
+                         make in a list of feeds. -->
+                    <button class="strategy-pill files-mkdir" title="make a directory in the listing on stage">MKDIR</button>
+                    <button class="strategy-pill files-upload" title="put a local file into the listing on stage">UPLOAD</button>
+                    <input class="files-upload-input" type="file" multiple hidden />
+                    <!-- SELECT is a MODE: it changes what a click means, so
+                         it is a block on the frame like every other mode.
+                         The selection's own verbs ride the frame beneath
+                         it, because a selection belongs to the field. -->
+                    <button class="strategy-pill files-select rail-off" title="select rows instead of indicating them">SELECT OFF</button>
+                    <span class="files-selection-bar listing-actions" hidden></span>
+                    <!-- A pane has ONE frame, and its blocks answer to what
+                         the field currently holds: a listing offers a
+                         projection and a filter, a diagram offers the modes
+                         a graph has. Offering LIST over a pipeline's DAG
+                         was a control that could not act. -->
+                    <button class="strategy-pill diagram-strategy" title="layout: ranked tiers or force molecule">RANKED</button>
+                    <button class="strategy-pill diagram-projection" title="projection: sculpted 3D or flat schematic">3D</button>
+                    <button class="strategy-pill diagram-pulse" title="replay the graph as a dependency wave (one pass)">PULSE</button>
+                    <span class="mode-fill"></span>
+                  </aside>
+                  <section class="files-panel" aria-label="Files"></section>
+                </div>
+              </div>
+            </template>
+            <!-- The viewer pane: a slaved projection of its group's regard —
+                 indicate a file or node anywhere in the group and it renders
+                 here. -->
+            <template id="tpl-pane-view">
+              <div class="workspace-pane pane-view">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title view-title">VIEWER</span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <!-- The drawer grammar (docs/aegis.adoc): shape the tile,
+                       bind a neighbour. Two groups, two colors, identical on
+                       every pane at every depth. The third group is gone from
+                       a browser: what acts on the field moved to the frame
+                       and what acts on a row moved to the row, since a
+                       control lives where it acts. -->
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="view-body"></div>
+              </div>
+            </template>
+            <!-- The image pane: a series or a volume on a guest engine's
+                 field, inside mise's frame. The field is foreign; the frame
+                 is native (docs/aegis.adoc: an-instruments-field-is-foreign). -->
+            <template id="tpl-pane-image">
+              <div class="workspace-pane pane-image">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title pane-title">IMAGE</span>
+                    <span class="pane-mode"></span>
+                    <span class="pane-state"></span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="image-body">
+                  <span class="field-rule"></span>
+                  <button class="mode-strip" title="image modes" aria-label="image modes"></button>
+                  <span class="mode-elbow"></span>
+                  <aside class="mode-frame">
+                    <!-- One block per library tool: the behaviour is the
+                         engine's, the button is mise's. The active one is
+                         lit; the rest recede. -->
+                    <button class="strategy-pill image-tool" data-tool="wl" title="window and level on the primary button">W/L</button>
+                    <button class="strategy-pill image-tool" data-tool="zoom" title="zoom on the primary button">ZOOM</button>
+                    <button class="strategy-pill image-tool" data-tool="pan" title="pan on the primary button">PAN</button>
+                    <button class="strategy-pill image-tool" data-tool="length" title="measure a length">LENGTH</button>
+                    <button class="strategy-pill image-tool" data-tool="angle" title="measure an angle">ANGLE</button>
+                    <button class="strategy-pill image-tool" data-tool="probe" title="read a voxel">PROBE</button>
+                    <!-- One control per layout rather than one that
+                         cycles: a cycling pill names where you are and
+                         hides where you could go, so the 3D render was
+                         reachable only by pressing SINGLE twice and the
+                         pill still read SINGLE while MPR was building. -->
+                    <button class="strategy-pill image-layout rail-off" data-layout="single" title="one plane, scrolled">SINGLE</button>
+                    <button class="strategy-pill image-layout rail-off" data-layout="mpr" title="three linked planes, with a shared cursor">MPR</button>
+                    <button class="strategy-pill image-layout rail-off" data-layout="3d" title="a 3D volume render">3D</button>
+                    <button class="strategy-pill image-layout rail-off" data-layout="slab" title="a crisp slice sweeping through a ghost volume">SLAB</button>
+                    <button class="strategy-pill image-colormap" title="colormap">GRAY</button>
+                    <button class="strategy-pill image-preset" hidden title="the modality's window presets">PRESET</button>
+                    <!-- A volume layout pulls every slice; over the guard
+                         it waits here (series-loads-by-consent). -->
+                    <button class="strategy-pill image-load" hidden title="fetch every slice for the waiting layout">LOAD</button>
+                    <button class="strategy-pill image-save" title="save the measurements as a DICOM SR under ~/annotations">SAVE</button>
+                    <button class="strategy-pill image-tags" title="the slice's tags, in a pane that follows this one">TAGS</button>
+                    <!-- What a clinical viewer writes in the corners: who
+                         this is, which study, which series, when. Off by
+                         default, because the same pane is used where a
+                         screen is shared. -->
+                    <button class="strategy-pill image-overlay rail-off" title="the patient and study, written on the image">OVERLAY OFF</button>
+                    <span class="image-focus strategy-pill rail-off" hidden title="the field holds the keyboard; Esc gives it back">FOCUS</span>
+                    <span class="mode-fill"></span>
+                  </aside>
+                  <section class="image-field" aria-label="Image"></section>
+                </div>
+              </div>
+            </template>
+            <!-- The tags pane: a DICOM instance's elements as a listing that
+                 follows the image pane's slice (docs/aegis.adoc:
+                 tags-follow-the-image). -->
+            <template id="tpl-pane-tags">
+              <div class="workspace-pane pane-tags">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title pane-title">TAGS</span>
+                    <span class="pane-mode"></span>
+                    <span class="pane-state"></span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="tags-body">
+                  <span class="field-rule"></span>
+                  <button class="mode-strip" title="tag modes" aria-label="tag modes"></button>
+                  <span class="mode-elbow"></span>
+                  <aside class="mode-frame">
+                    <button class="strategy-pill tags-filter" title="filter the tags (the bar reads FILTERED n/m)">FILTER OFF</button>
+                    <!-- Identifying values are hidden until asked for: the
+                         kernel flags them, the surface chooses. -->
+                    <button class="strategy-pill tags-redact" title="hide or show identifying values">REDACT ON</button>
+                    <span class="mode-fill"></span>
+                  </aside>
+                  <section class="tags-panel" aria-label="Tags"></section>
+                </div>
+              </div>
+            </template>
+            <!-- The empty pane: what a split creates. Its prompt is the pane
+                 specifier — whatever command runs there claims the pane; the
+                 capsules are shortcuts for the frequent. -->
+            <template id="tpl-pane-empty">
+              <div class="workspace-pane pane-empty">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title pane-title">NEW PANE</span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <!-- The drawer grammar (docs/aegis.adoc): shape the tile,
+                       bind a neighbour. Two groups, two colors, identical on
+                       every pane at every depth. The third group is gone from
+                       a browser: what acts on the field moved to the frame
+                       and what acts on a row moved to the row, since a
+                       control lives where it acts. -->
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="empty-shortcuts">
+                  <button class="pacs-capsule empty-go-files">FILES</button>
+                  <button class="pacs-capsule empty-go-dag">RUNS</button>
+                  <button class="pacs-capsule empty-go-pacs">PACS</button>
+                </div>
+                <div class="empty-promptline">
+                  <input class="empty-prompt" spellcheck="false" autocomplete="off"
+                         placeholder="run a command to claim this pane &mdash; feed diagram feed_12, ls ~/feeds, pacs query ..." />
+                </div>
+                <div class="empty-result"></div>
+              </div>
+            </template>
+            <template id="tpl-pane-panes">
+              <div class="workspace-pane pane-panes">
+                <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                  <div class="lcars-bar-horizontal">
+                    <span class="lcars-title pane-title">PANES</span>
+                    <span class="pane-mode"></span>
+                    <span class="pane-state"></span>
+                  </div>
+                  <div class="lcars-bar-end bar-punctuation"></div>
+                </div>
+                <div class="pane-drawer" hidden>
+                  <span class="drawer-group drawer-structure">
+                    <span class="drawer-label">SPLIT</span>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                    <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                    <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                    <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                    <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                  </span>
+                  <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                    <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                    <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                  </span>
+                  <span class="drawer-group drawer-children"></span>
+                </div>
+                <div class="panes-body">
+                  <div class="panes-grid" aria-label="Panes you have moved away from"></div>
+                  <div class="panes-empty" hidden>No panes set aside. Move away from a view and it waits here.</div>
+                </div>
+              </div>
+            </template>
+            <div class="workspace-pane" id="pacs-workspace">
+              <div class="lcars-terminal-header-bar files-header-bar pane-handle" title="pane controls">
+                <div class="lcars-bar-horizontal">
+                  <span class="lcars-title" id="pacs-title">PACS QUERY / RETRIEVE</span>
+                  <span class="pane-mode"></span>
+                  <span class="pane-state"></span>
+                </div>
+                <div class="lcars-bar-end bar-punctuation" id="pacs-close"></div>
+              </div>
+              <div class="pane-drawer" hidden>
+                <span class="drawer-group drawer-structure">
+                  <span class="drawer-label">SPLIT</span>
+                  <button class="pacs-capsule drawer-split" data-split="col" data-place="before" title="new pane opens left">LEFT</button>
+                  <button class="pacs-capsule drawer-split" data-split="col" data-place="after" title="new pane opens right">RIGHT</button>
+                  <button class="pacs-capsule drawer-split" data-split="row" data-place="before" title="new pane opens above">ABOVE</button>
+                  <button class="pacs-capsule drawer-split" data-split="row" data-place="after" title="new pane opens below">BELOW</button>
+                  <button class="pacs-capsule drawer-zoom" data-pane="" title="zoom (Esc restores)">ZOOM</button>
+                  <button class="pacs-capsule drawer-close" title="close pane">CLOSE</button>
+                </span>
+                <span class="drawer-group drawer-binding" role="radiogroup" title="what the next split creates">
+                  <button class="pacs-capsule drawer-bind drawer-bind-selected" data-bind="unlinked">UNLINKED</button>
+                  <button class="pacs-capsule drawer-bind" data-bind="fs">LINKED FS</button>
+                  <button class="pacs-capsule drawer-bind" data-bind="viewer">LINKED VIEWER</button>
+                </span>
+                <span class="drawer-group drawer-children"></span>
+              </div>
+              <!-- The form stands on the STUDY grid, in the STUDY caps'
+                   own order, so a term sits in the column it will fill.
+                   STUDY has no field: the key reaches the PACS and the PACS
+                   ignores it (docs/CUBE-gaps.adoc), and a control that does
+                   nothing is worse than none. -->
+              <div id="pacs-form">
+                <span class="pacs-form-gutter"></span>
+                <label data-key="patient">PATIENT <input id="pacs-f-name" autocomplete="off" /></label>
+                <label data-key="mrn">MRN <input id="pacs-f-mrn" autocomplete="off" /></label>
+                <span class="pacs-form-blank" data-key="study" title="a PACS does not narrow on study description"></span>
+                <!-- PROGRESS is the expanse in the middle of every level, right
+                     after the description; the form's cell over it carries
+                     how-this-came-about, since an answer that was not fetched
+                     now says when it was. The control that re-asks stands in
+                     the verbs column at the end, where a row's verbs stand. -->
+                <span class="pacs-form-blank" data-key="progress">
+                  <span id="pacs-provenance" class="pacs-provenance" hidden></span>
+                </span>
+                <label data-key="date">DATE <input id="pacs-f-date" placeholder="YYYYMMDD" autocomplete="off" /></label>
+                <label data-key="accession">ACCESSION <input id="pacs-f-accession" autocomplete="off" /></label>
+                <label data-key="modality">MODALITY <input id="pacs-f-modality" autocomplete="off" /></label>
+                <!-- SERVER is a choice, not a phrase, and LCARS has no
+                     dropdown: the cell reads its own state and touching it
+                     unfolds a strip of segments beneath the form — the
+                     FILTER gesture, in the vocabulary the caps already
+                     speak. -->
+                <span class="pacs-form-field" data-key="server">SERVER
+                  <button id="pacs-f-server" class="pacs-server-cell" title="choose which PACS to ask (one moves the session, several fan out)">—</button>
+                </span>
+                <span class="pacs-form-blank" data-key="series"></span>
+                <button id="pacs-run" class="pacs-capsule">QUERY</button>
+              </div>
+              <!-- The strip has the pane's full width, so it carries far
+                   more servers than capsules crammed into one grid track. -->
+              <div id="pacs-server-strip" class="pacs-server-strip" hidden></div>
+              <!-- ANON stands beside the line it changes, not beside the
+                   MRN: a name, an accession and a date identify a person as
+                   surely as a record number, and a pill against one field
+                   would say otherwise. It reads its state the way FILTER
+                   does, because it is the same gesture. -->
+              <div id="pacs-commandline">
+                <button id="pacs-anon" class="pacs-capsule pacs-capsule-off" title="stand in for what the answer says about a person, for demonstrating against a live PACS">ANON OFF</button>
+                <input id="pacs-command" spellcheck="false" autocomplete="off" placeholder="pacs query ..." />
+                <button id="pacs-reveal" class="pacs-capsule pacs-capsule-off" title="show what is typed" hidden>REVEAL</button>
+                <!-- The whole answer, beside the question that produced it.
+                     It sat on the results frame, which is the CLOSED spine
+                     until someone opens it — so the control was 22px of
+                     clipped label and the operator reported it missing. A
+                     control nobody can see is a control that is not there. -->
+                <button id="pacs-export" class="pacs-capsule" title="write the whole answer as CSV into ChRIS storage">EXPORT CSV</button>
+              </div>
+              <!-- The results are a framed field like the other listings:
+                   a rule turning through an elbow into the spine, whose
+                   mode frame carries FILTER. -->
+              <div class="pacs-listing">
+                <span class="field-rule"></span>
+                <button class="mode-strip" title="display modes" aria-label="display modes"></button>
+                <span class="mode-elbow"></span>
+                <aside class="mode-frame">
+                  <button class="strategy-pill pacs-filter rail-off" title="filter the results (the bar reads FILTERED n/m)">FILTER OFF</button>
+                  <span class="mode-fill"></span>
+                </aside>
+                <div id="pacs-results"></div>
+              </div>
+              <div id="pacs-gather">
+                <div class="pacs-gather-head">
+                  <span class="pacs-gather-title">GATHER</span>
+                  <input id="pacs-gather-name" placeholder="cohort name" autocomplete="off" />
+                  <button id="pacs-gather-save" class="pacs-capsule" title="write ~/gather/&lt;name&gt; manifest">SAVE</button>
+                  <!-- The cohort as a table a spreadsheet reads, named for
+                       what it covers so it is not read as the whole answer.
+                       It lands in CFS, not on the machine the browser
+                       happens to be running on: the engine is elsewhere,
+                       and a redirect would write somebody else's disk. -->
+                  <button id="pacs-gather-export" class="pacs-capsule" title="write the gathered series as CSV into ChRIS storage">EXPORT GATHER CSV</button>
+                  <!-- Where the table went, said by the pane that made it:
+                       a readout, not a capsule, since it answers no press. -->
+                  <span id="pacs-wrote" class="pacs-wrote" hidden></span>
+                  <button id="pacs-gather-feed" class="pacs-capsule" title="create a feed rooted on the cohort">CREATE FEED</button>
+                </div>
+                <div id="pacs-gather-rows"></div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+    </div>
+    <div class="headtrim"></div>
+    <div class="baseboard"></div>
+    <!-- The header's lid strip: appears when the header glides away; click
+         (or Esc) restores it. Same idiom as the console drawer's lid. -->
+    <div id="header-restore" title="restore header" role="button" tabindex="0"></div>
+    <!-- The argus command line: prefix-: in the tmux tradition. One line,
+         floating over the workspace; sentences run client-side, anything
+         else falls through to the session. -->
+    <div id="lang-palette" hidden>
+      <span class="lang-glyph">LANG&nbsp;:</span>
+      <input id="lang-input" type="text" autocomplete="off" spellcheck="false"
+             placeholder="pane split right &middot; view runs &middot; desktop save &hellip; (Tab completes, Esc closes)" />
+      <div id="lang-result"></div>
+    </div>
+  </body>
+</html>