mcprigor 1.5.0 → 1.5.2

package/workspace-assets/app.js

@@ -14,9 +14,10 @@ async function api(path, options = {}) {
 async function start() {
   const boot = await api('/api/v1/bootstrap');
   state.csrf = boot.csrf;
+  state.rootPath = boot.rootPath || '';
   state.canPublish = (boot.capabilities || []).includes('publish');
   $('version').textContent = `v${boot.version}`;
-  $('workspace').textContent = `Folder: ${boot.root}`;
+  setWorkspaceDisplay(boot.root, boot.rootPath || boot.root);
   $('connection').classList.add('ok');
   $('connection').innerHTML = '<span class="dot"></span>Local · ready';
   const count = await refreshList();
@@ -509,6 +510,72 @@ $('rename-cancel').onclick = () => $('rename-dialog').close();
 $('rename').onclick = () => { if (state.path) openRename(state.path); };
 $('filename').ondblclick = () => { if (state.path) openRename(state.path); };
 
+/* ---------- workspace folder switching ---------- */
+const folder = { path: '' };
+function setWorkspaceDisplay(name, fullPath) {
+  $('workspace-name').textContent = name;
+  $('workspace-path').textContent = fullPath;
+  $('workspace').title = `${fullPath} — click to switch workspace`;
+}
+function folderError(message) { $('folder-error').textContent = message; $('folder-error').hidden = false; }
+async function browseFolder(path) {
+  $('folder-error').hidden = true;
+  const value = await api(`/api/v1/folders${path ? `?path=${encodeURIComponent(path)}` : ''}`);
+  folder.path = value.path;
+  if (value.current) {
+    $('folder-current').hidden = false;
+    $('folder-current-name').textContent = value.current.root;
+    $('folder-current-path').textContent = value.current.rootPath;
+    $('folder-current-count').textContent = `${value.current.suiteCount} test file${value.current.suiteCount === 1 ? '' : 's'}`;
+  }
+  $('folder-path').value = value.path;
+  $('folder-up').disabled = !value.parent;
+  $('folder-up').onclick = () => { if (value.parent) browseFolder(value.parent).catch(e => folderError(e.message)); };
+  $('folder-info').textContent = value.suiteCount ? `${value.suiteCount} test file${value.suiteCount === 1 ? '' : 's'} found in this folder` : 'No test files here yet — you can create one after switching.';
+  const list = $('folder-list');
+  list.replaceChildren();
+  if (!value.folders.length) { const p = document.createElement('p'); p.className = 'empty'; p.textContent = 'No subfolders.'; list.append(p); }
+  for (const name of value.folders) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'folder-item';
+    button.textContent = `📁 ${name}`;
+    button.onclick = () => browseFolder(`${value.path === '/' ? '' : value.path}/${name}`).catch(e => folderError(e.message));
+    list.append(button);
+  }
+}
+function openFolderDialog() {
+  $('folder-error').hidden = true;
+  $('folder-dialog').showModal();
+  browseFolder(state.rootPath || '').catch(e => folderError(e.message));
+}
+async function switchWorkspace(path) {
+  const value = await api('/api/v1/workspace', { method: 'POST', body: JSON.stringify({ path }) });
+  state.rootPath = value.rootPath;
+  state.path = ''; state.etag = ''; state.dirty = false; state.selected.clear(); state.run = null; state.runSel = -1; state.history = [];
+  $('editor').value = ''; syncEditor();
+  $('filename').textContent = 'No file open'; $('filename').classList.remove('open');
+  $('dirty').textContent = ''; $('rename').hidden = true;
+  $('run-list').replaceChildren(); $('export-run').hidden = true;
+  $('output').innerHTML = '<span class="muted">Nothing has run yet.\nOpen a test file and click ▶ Run tests.</span>';
+  setWorkspaceDisplay(value.root, value.rootPath);
+  hideDiag(); markErrorLine(0); setEnabled(false);
+  const count = await refreshList();
+  showWelcome(!count);
+  loadHistory().catch(() => {});
+  toast(`Workspace: ${value.root}`);
+}
+$('workspace').onclick = openFolderDialog;
+$('folder-cancel').onclick = () => $('folder-dialog').close();
+$('folder-home').onclick = () => browseFolder('').catch(e => folderError(e.message));
+$('folder-go').onclick = () => browseFolder($('folder-path').value.trim()).catch(e => folderError(e.message));
+$('folder-path').addEventListener('keydown', event => { if (event.key === 'Enter') { event.preventDefault(); $('folder-go').click(); } });
+$('folder-form').addEventListener('submit', event => {
+  event.preventDefault();
+  if (state.dirty && !confirm('Discard unsaved changes?')) return;
+  switchWorkspace($('folder-path').value.trim() || folder.path).then(() => $('folder-dialog').close()).catch(error => folderError(error.message));
+});
+
 /* ---------- wiring ---------- */
 $('editor').addEventListener('input', () => { state.dirty = true; $('dirty').textContent = '● unsaved'; markErrorLine(0); openSuggest(); });
 $('editor').addEventListener('blur', () => setTimeout(closeSuggest, 150));

package/workspace-assets/index.html

@@ -38,7 +38,7 @@
       <button id="batch-clear" class="ghost small">Clear selection</button>
     </div>
     <div class="sidebar-foot">
-      <a href="https://mcprigor.com/docs/plain-language-cookbook.html" target="_blank" rel="noreferrer">📖 Cookbook — copy-ready examples</a>
+      <a href="https://mcprigor.com/docs/natural-language-cookbook.html" target="_blank" rel="noreferrer">📖 Cookbook — copy-ready examples</a>
     </div>
   </aside>
   <div class="splitter" id="split-left" role="separator" aria-orientation="vertical" aria-label="Resize file list" tabindex="0"></div>
@@ -120,10 +120,42 @@ with their checkboxes and run them together.</span></pre>
 </main>
 
 <footer>
-  <span id="workspace"></span>
+  <button id="workspace" class="workspace-btn" title="Switch workspace folder">
+    <span class="workspace-label">Workspace</span>
+    <span id="workspace-name" class="workspace-name"></span>
+    <span id="workspace-path" class="workspace-path"></span>
+  </button>
   <span class="foot-right">Natural language and YAML share one runtime model</span>
 </footer>
 
+<dialog id="folder-dialog">
+  <form method="dialog" id="folder-form">
+    <h3>Switch workspace folder</h3>
+    <p>Test files, history, and trends come from the selected folder.</p>
+    <div id="folder-current" class="folder-current" hidden>
+      <span class="folder-current-label">Current workspace</span>
+      <span id="folder-current-name" class="folder-current-name"></span>
+      <span id="folder-current-path" class="folder-current-path"></span>
+      <span id="folder-current-count" class="folder-current-count"></span>
+    </div>
+    <div class="folder-path-row">
+      <input id="folder-path" type="text" autocomplete="off" spellcheck="false" aria-label="Folder path" placeholder="/path/to/your/tests">
+      <button type="button" id="folder-go" class="ghost" title="Open typed path">Go</button>
+      <button type="button" id="folder-home" class="ghost" title="Jump to home folder">🏠</button>
+    </div>
+    <div class="folder-browser">
+      <button type="button" id="folder-up" class="folder-up">⬆ Parent folder</button>
+      <div id="folder-list" class="folder-list" role="listbox" aria-label="Subfolders"></div>
+    </div>
+    <p id="folder-info" class="dialog-hint"></p>
+    <p id="folder-error" class="dialog-error" hidden></p>
+    <div class="dialog-actions">
+      <button type="button" id="folder-cancel" class="ghost">Cancel</button>
+      <button type="submit" class="primary" id="folder-use">Use this folder</button>
+    </div>
+  </form>
+</dialog>
+
 <dialog id="new-dialog">
   <form method="dialog" id="new-form">
     <h3>New test file</h3>

package/workspace-assets/style.css

@@ -234,3 +234,27 @@ nav .suite-row button .rn:hover{opacity:1}
 .export-bar .small{font-size:11px;padding:3px 10px}
 .published-link{font-size:11px;margin-left:4px;color:var(--accent, #2563eb);text-decoration:none}
 .published-link:hover{text-decoration:underline}
+
+/* ---------- workspace folder switching ---------- */
+.workspace-btn{display:flex;align-items:center;gap:7px;max-width:60vw;background:none;border:none;color:var(--text-faint);font:inherit;font-size:11.5px;cursor:pointer;padding:2px 8px;border-radius:6px}
+.workspace-btn:hover{color:var(--text);background:var(--bg-input)}
+.workspace-btn::after{content:"▾";opacity:.7}
+.workspace-label{text-transform:uppercase;letter-spacing:.4px;font-size:10px;color:var(--text-faint)}
+.workspace-name{font-weight:600;color:var(--text)}
+.workspace-path{font-family:var(--mono, ui-monospace, monospace);font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+#folder-dialog{width:min(560px,92vw)}
+.folder-path-row{display:flex;gap:6px;margin-bottom:10px}
+.folder-path-row input{flex:1;font-family:var(--mono, ui-monospace, monospace);font-size:12.5px}
+.folder-browser{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:10px}
+.folder-up{display:block;width:100%;text-align:left;background:var(--bg-raised);border:none;border-bottom:1px solid var(--line-soft);border-radius:0;padding:8px 12px;font-size:12.5px;color:var(--text-dim);cursor:pointer}
+.folder-up:hover:not(:disabled){color:var(--text);background:var(--bg-input)}
+.folder-up:disabled{opacity:.4;cursor:default}
+.folder-list{max-height:220px;overflow-y:auto;padding:4px}
+.folder-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:6px;padding:6px 10px;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.folder-item:hover{background:var(--bg-input)}
+.folder-list .empty{margin:10px}
+.folder-current{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;background:var(--bg-raised);border:1px solid var(--line-soft);border-radius:8px;padding:7px 11px;margin-bottom:12px;font-size:12.5px}
+.folder-current-label{color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.4px}
+.folder-current-name{color:var(--text);font-weight:600}
+.folder-current-count{margin-left:auto;color:var(--text-dim)}
+.folder-current-path{grid-column:1 / -1;font-family:var(--mono, ui-monospace, monospace);font-size:11px;color:var(--text-dim);word-break:break-all;margin-top:2px}