create-pmos 0.4.0 → 0.6.0

package/workspace/public/index.html

@@ -0,0 +1,175 @@
+<!doctype html>
+<html lang="en" data-theme="dark">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<title>PMOS Terminal Workspace</title>
+<link rel="stylesheet" href="/vendor/xterm.css" />
+<link rel="stylesheet" href="/styles.css" />
+</head>
+<body>
+<div class="app">
+
+  <header class="bar">
+    <span class="mark">P</span><b>PMOS</b><span class="sub">workspace</span>
+    <span class="conn" id="conn">connecting…</span>
+    <div class="right">
+      <button class="ibtn" id="railBtn" title="Hide/show the library rail" aria-pressed="false">rail</button>
+      <button class="ibtn" id="themeBtn" title="Toggle theme">theme</button>
+    </div>
+  </header>
+
+  <!-- Three columns: the workspace (repos over running agents) · the terminal · the library rail
+       (library over the document reader). Each rail pane folds away; the rail itself hides. -->
+  <div class="body" id="bodyGrid">
+
+    <nav class="side" aria-label="Workspaces and running agents">
+      <section class="pane" id="paneWs">
+        <div class="cap">workspaces <button class="mini" id="addWsBtn" aria-expanded="false" title="Add a repository">＋</button></div>
+        <div class="pane-body">
+          <div id="workspaces"></div>
+          <form class="miniform" id="addWsForm" hidden>
+            <button type="button" class="pick" id="pickFolderBtn">📁 Choose folder…</button>
+            <label class="lbl" for="addWsPath">or type a path</label>
+            <input id="addWsPath" type="text" placeholder="/path/to/another/repo" aria-label="Path to a repository" autocomplete="off" spellcheck="false" />
+            <div class="row">
+              <button type="submit" class="go">add</button>
+              <button type="button" class="quiet" id="addWsCancel">cancel</button>
+            </div>
+            <p class="hint">or just run <code>pmos</code> inside that repo</p>
+          </form>
+        </div>
+      </section>
+
+      <section class="pane" id="paneSess">
+        <div class="cap">running agents · <span id="sessCount"></span> <span class="ct" id="needCount"></span></div>
+        <div class="pane-body">
+          <button class="newsess" id="newBtn" aria-expanded="false"><i>＋</i> new session — run an agent here</button>
+          <form class="miniform" id="newForm" hidden>
+            <label class="lbl" for="newName">name this session</label>
+            <input id="newName" type="text" placeholder="e.g. jira-sync build" aria-label="Session name" autocomplete="off" spellcheck="false" />
+            <div class="seg" role="radiogroup" aria-label="Agent to run" id="newAgents">
+              <button type="button" data-agent="shell" role="radio" aria-checked="true">shell</button>
+              <button type="button" data-agent="claude" role="radio" aria-checked="false">claude</button>
+              <button type="button" data-agent="codex" role="radio" aria-checked="false">codex</button>
+            </div>
+            <div class="row">
+              <button type="submit" class="go">start session</button>
+              <button type="button" class="quiet" id="newCancel">cancel</button>
+            </div>
+          </form>
+          <div id="sessions"></div>
+        </div>
+      </section>
+    </nav>
+
+    <main class="term-col" aria-label="Sessions and terminal">
+      <div class="stabs" role="tablist" aria-label="Open sessions" id="stabs"></div>
+      <div class="termhost" id="termhost">
+        <!-- INSIDE termhost (position:relative): the overlay covers only the terminal area,
+             never the sidebar/tabs/needs — those must stay usable while a session is exited. -->
+        <div class="exited-overlay" id="exited">
+          <div class="card">
+            <p id="exitedMsg">This session has exited.</p>
+            <div class="row">
+              <button id="respawnBtn">↻ respawn</button>
+              <button id="removeBtn" class="quiet">✕ remove session</button>
+            </div>
+          </div>
+        </div>
+        <div class="empty-overlay" id="noSess">
+          <div class="card">
+            <p>No sessions in <b id="noSessWs">this workspace</b> yet.</p>
+            <p class="reason">＋ new session runs an agent here — it starts in this repo's root.</p>
+          </div>
+        </div>
+      </div>
+      <div class="needs" id="needs" role="status" style="display:none"></div>
+    </main>
+
+    <aside class="rail" id="rail" aria-label="Library and document">
+      <div class="railgrip" id="railGrip" role="separator" aria-label="Resize the rail" tabindex="0"></div>
+      <section class="pane lib-pane" id="paneLib">
+        <div class="cap">
+          <button class="fold" id="libFold" aria-expanded="true" title="Hide the library"><span class="chev" aria-hidden="true">▾</span>library</button>
+          <span class="lens" role="tablist" aria-label="Library view">
+            <button role="tab" data-lens="initiatives" aria-selected="true">initiatives</button>
+            <button role="tab" data-lens="folders" aria-selected="false">folders</button>
+            <button role="tab" data-lens="scheduled" aria-selected="false">scheduled</button>
+            <button role="tab" data-lens="history" aria-selected="false">history</button>
+          </span>
+          <button class="mini librefresh" id="libRefresh" title="Rescan the repository for new files & folders" aria-label="Refresh the library">↻</button>
+        </div>
+        <div class="pane-body">
+          <input class="libfind" id="libFind" type="search" placeholder="filter the library…" aria-label="Filter the library" autocomplete="off" />
+          <div id="library"></div>
+        </div>
+      </section>
+
+      <div class="railsplit" id="railSplit" role="separator" aria-label="Resize the library and document panes" tabindex="0" hidden></div>
+
+      <section class="pane doc-pane" id="paneDoc" hidden>
+        <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="x" id="closeDoc" aria-label="Close document">✕</button>
+        </div>
+        <div class="pane-body doc-body" id="docBody" tabindex="0"></div>
+      </section>
+    </aside>
+  </div>
+
+  <!-- ⌘K jump palette (client-side; no backend) -->
+  <div class="palette" id="palette" role="dialog" aria-modal="true" aria-label="Jump" style="display:none">
+    <div class="palette-box">
+      <input id="palInput" type="text" placeholder="Summon a view (initiatives, roadmap, okr, report) or jump to a session, initiative, document…" aria-label="Summon a view or jump to a workspace, session, initiative or document" autocomplete="off" />
+      <div class="palette-list" id="palList" role="listbox"></div>
+    </div>
+  </div>
+
+  <!-- in-app folder browser — the stand-in when the machine has no native chooser -->
+  <div class="palette" id="fsPicker" role="dialog" aria-modal="true" aria-label="Choose a repository" style="display:none">
+    <div class="palette-box">
+      <div class="fs-head">
+        <button class="fs-up" id="fsUp" aria-label="Parent folder">↑</button>
+        <span class="fs-crumb" id="fsCrumb"></span>
+        <button class="fs-use" id="fsUse">use this folder</button>
+        <button class="x" id="fsClose" aria-label="Cancel">✕</button>
+      </div>
+      <div class="palette-list" id="fsList" role="listbox"></div>
+    </div>
+  </div>
+
+  <!-- Mobile only (≤760px): a terminal control-key accessory bar (phones lack these keys) over a
+       pane switcher. Hidden on desktop via CSS; the switcher swaps the single visible column. -->
+  <div class="mobmenu" id="mobMenu" data-view="terminal">
+    <div class="ctrlbar" id="ctrlBar" role="toolbar" aria-label="Terminal control keys">
+      <button type="button" data-seq="esc" aria-label="Escape"><span class="lbl">esc</span></button>
+      <button type="button" data-seq="tab" aria-label="Tab"><span class="lbl">tab</span></button>
+      <button type="button" id="ctrlKey" aria-pressed="false" aria-label="Control modifier (one-shot)"><span class="lbl">ctrl</span></button>
+      <button type="button" data-seq="left" aria-label="Left arrow">←</button>
+      <button type="button" data-seq="up" aria-label="Up arrow">↑</button>
+      <button type="button" data-seq="down" aria-label="Down arrow">↓</button>
+      <button type="button" data-seq="right" aria-label="Right arrow">→</button>
+      <button type="button" id="mobPalette" aria-label="Open the jump palette (⌘K)">⌘K</button>
+    </div>
+    <nav class="mobtabs" role="tablist" aria-label="Switch pane">
+      <button type="button" role="tab" data-mview="sessions" aria-selected="false">sessions</button>
+      <button type="button" role="tab" data-mview="terminal" aria-selected="true">terminal</button>
+      <button type="button" role="tab" data-mview="library" aria-selected="false">library</button>
+    </nav>
+  </div>
+
+  <footer class="strip">
+    <span id="wsFoot">local · persistent server</span>
+    <span class="right">sessions survive detach · ⌘K jump · F2 renames · Esc closes doc</span>
+  </footer>
+</div>
+
+<script src="/vendor/xterm.js"></script>
+<script src="/vendor/addon-fit.js"></script>
+<script src="/vendor/addon-web-links.js"></script>
+<script src="/lib/preview-kind.js"></script>
+<script src="/app.js"></script>
+</body>
+</html>