create-pmos 0.7.3 → 0.9.0

package/workspace/public/index.html

@@ -4,6 +4,13 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <title>PMOS Terminal Workspace</title>
+<!-- The terminal's face is preloaded, not left to be discovered. An @font-face is only fetched when
+     something first RENDERS in it, which for Plex Mono is about the same moment app.js constructs
+     the first xterm — and xterm measures its cell from whatever face is resolved at construction.
+     Starting the fetch here, during head parse, means the real metrics are in place before the
+     first terminal exists. app.js also re-fits on document.fonts.ready as the backstop. -->
+<link rel="preload" href="/vendor/ibm-plex-mono-400.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/ibm-plex-mono-700.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/vendor/xterm.css" />
 <link rel="stylesheet" href="/styles.css" />
 </head>
@@ -65,6 +72,12 @@
             </div>
             <p class="hint">or just run <code>pmos</code> inside that repo</p>
           </form>
+          <!-- Worktrees the workspace made are folders the PM has to live with, so the app that
+               creates them is the app that clears them. Hidden entirely until there is one. -->
+          <details class="wtbox" id="wtBox" hidden>
+            <summary id="wtSummary">worktrees</summary>
+            <div id="wtList"></div>
+          </details>
         </div>
       </section>
 
@@ -83,11 +96,16 @@
               <button type="button" data-agent="codex" role="radio" aria-checked="false">codex</button>
             </div>
             <div class="brwrap" id="newBranchWrap" hidden>
-              <label class="lbl" for="newBranch">branch</label>
+              <label class="lbl" for="newBranch">branch <span class="opt">— optional</span></label>
               <select id="newBranch" aria-label="Branch to run this session on"></select>
               <input id="newBranchName" type="text" hidden placeholder="new-branch-name" aria-label="New branch name" autocomplete="off" spellcheck="false" />
-              <p class="hint warn">the branch is shared by every session in this repo — switching or creating one moves them all</p>
+              <label class="chk" id="newIsolateWrap" hidden>
+                <input type="checkbox" id="newIsolate" checked />
+                <span>give it its own folder — leave running sessions alone</span>
+              </label>
+              <p class="hint" id="newBranchHint"></p>
             </div>
+            <p class="hint" id="newNoGit" hidden>no git in this folder — nothing to branch, the session just starts here</p>
             <div class="row">
               <button type="submit" class="go">start session</button>
               <button type="button" class="quiet" id="newCancel">cancel</button>
@@ -144,12 +162,14 @@
 
       <!-- Scratchpad: a collapsible drawer at the BOTTOM of the terminal column. Folded it is a thin
            bar; open it takes a bounded slice below the terminal — it never overlays the tabs, the
-           terminal, or the document rail. Persists per workspace. -->
+           terminal, or the document rail. Persists PER TAB: each session keeps its own staging
+           text, and the label below says which tab you are staging for. -->
       <section class="scratch" id="scratch" data-open="false" aria-label="Scratchpad">
         <div class="scratch-head">
           <button type="button" class="scratch-toggle" id="scratchToggle" aria-expanded="false" aria-controls="scratchText">
             <span class="chev" aria-hidden="true">▴</span> scratchpad
           </button>
+          <span class="scratch-who" id="scratchWho"></span>
           <span class="scratch-status" id="scratchStatus" role="status"></span>
           <span class="scratch-actions">
             <button type="button" class="mini" id="scratchCopy" title="Copy to clipboard">copy</button>
@@ -187,7 +207,10 @@
         <div class="cap">
           <button class="fold" id="docFold" aria-expanded="true" title="Hide the document"><span class="chev" aria-hidden="true">▾</span>document</button>
           <span class="crumb" id="crumb"></span>
-          <button class="mini docrev" id="docReview" hidden title="Have an agent review this document">review</button>
+          <button class="mini docrev" id="docEdit" hidden title="Edit this document">edit</button>
+          <button class="mini docrev" id="docSave" hidden title="Save (⌘S)">save</button>
+          <button class="mini docrev" id="docCancel" hidden title="Discard changes">cancel</button>
+          <button class="mini docrev" id="docHistory" hidden title="Changes you have made to this document">history</button>
           <button class="x" id="closeDoc" aria-label="Close document">✕</button>
         </div>
         <div class="pane-body doc-body" id="docBody" tabindex="0"></div>
@@ -257,9 +280,9 @@
 <script src="/vendor/addon-web-links.js"></script>
 <script src="/lib/preview-kind.js"></script>
 <script src="/lib/layout.js"></script>
-<!-- Both sides of the review must agree about what is applyable and what a change produces, so the
-     browser loads the SAME modules the server requires — the client never re-derives either. -->
-<script src="/lib/finding-contract.js"></script>
+<script src="/lib/session-state.js"></script>
+<!-- The editor computes its diff with the SAME module the server saves through, so what you see
+     while editing and what the server writes can never disagree. -->
 <script src="/lib/apply-change.js"></script>
 <script src="/app.js"></script>
 </body>