diff --git a/mcp-server/alerts.html b/mcp-server/alerts.html
index beb3c90..5378f28 100644
--- a/mcp-server/alerts.html
+++ b/mcp-server/alerts.html
@@ -78,6 +78,7 @@ input:focus{border-color:#388bfd}
     <a href="spec">Spec</a>
     <a href="onboard">Onboard</a>
     <a href="alerts" class="active">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
 </div>
 
diff --git a/mcp-server/console.html b/mcp-server/console.html
index 87c7066..e89bcc9 100644
--- a/mcp-server/console.html
+++ b/mcp-server/console.html
@@ -99,6 +99,7 @@ details .body{padding-top:10px;font-size:12px;color:#8b949e}
     <a href="spec">Spec</a>
     <a href="onboard">Onboard</a>
     <a href="alerts">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
   <div class="rt" id="hdr-time">Reading live state…</div>
 </div>
diff --git a/mcp-server/index.ts b/mcp-server/index.ts
index bc3e1f9..f6ec07e 100644
--- a/mcp-server/index.ts
+++ b/mcp-server/index.ts
@@ -660,6 +660,16 @@ async function main() {
           });
         }
 
+        // Workspaces — per-contract state (Phase 8.5). UI layer over the
+        // gateway's /workspaces/* routes: list, create, detail, handoff,
+        // save-search, shortlist, log-activity. All persisted on the
+        // Rust side; this page is a pure viewer + editor.
+        if (url.pathname === "/workspaces") {
+          return new Response(Bun.file(import.meta.dir + "/workspaces.html"), {
+            headers: { ...cors, "Content-Type": "text/html" },
+          });
+        }
+
         // Alerts — push/daemon settings page + config API + test-fire.
         if (url.pathname === "/alerts") {
           return new Response(Bun.file(import.meta.dir + "/alerts.html"), {
diff --git a/mcp-server/onboard.html b/mcp-server/onboard.html
index 1d585ec..21b7602 100644
--- a/mcp-server/onboard.html
+++ b/mcp-server/onboard.html
@@ -95,6 +95,7 @@ table.preview tr:hover td{background:#0d1117}
     <a href="spec">Spec</a>
     <a href="onboard" class="active">Onboard</a>
     <a href="alerts">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
   <div class="rt">30 minutes from CSV to live search</div>
 </div>
diff --git a/mcp-server/proof.html b/mcp-server/proof.html
index 6a769e4..ceb428a 100644
--- a/mcp-server/proof.html
+++ b/mcp-server/proof.html
@@ -85,6 +85,7 @@ pre{background:#161b22;border:1px solid #171d27;border-radius:8px;padding:14px 1
     <a href="spec">Spec</a>
     <a href="onboard">Onboard</a>
     <a href="alerts">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
   <div class="rt" id="hdr-time">Running live tests…</div>
 </div>
diff --git a/mcp-server/search.html b/mcp-server/search.html
index 2a0cf1d..c4c95f4 100644
--- a/mcp-server/search.html
+++ b/mcp-server/search.html
@@ -108,6 +108,7 @@ body{font-family:'Inter',-apple-system,system-ui,'Segoe UI',sans-serif;backgroun
     <a href="spec">Spec</a>
     <a href="onboard">Onboard</a>
     <a href="alerts">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
   <div class="rt" id="status">Loading...</div>
 </div>
diff --git a/mcp-server/spec.html b/mcp-server/spec.html
index 0753701..1b38c86 100644
--- a/mcp-server/spec.html
+++ b/mcp-server/spec.html
@@ -82,6 +82,7 @@ table.plain tr:hover td{background:#0d1117}
     <a href="spec" class="active">Spec</a>
     <a href="onboard">Onboard</a>
     <a href="alerts">Alerts</a>
+    <a href="workspaces">Workspaces</a>
   </nav>
   <div class="rt">v1 · 2026-04-20</div>
 </div>
diff --git a/mcp-server/workspaces.html b/mcp-server/workspaces.html
new file mode 100644
index 0000000..d73b59f
--- /dev/null
+++ b/mcp-server/workspaces.html
@@ -0,0 +1,487 @@
+<!DOCTYPE html>
+<html lang="en"><head>
+<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Lakehouse — Workspaces</title>
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{font-family:'Inter',-apple-system,system-ui,sans-serif;background:#090c10;color:#b0b8c4;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
+a{color:#58a6ff;text-decoration:none}
+a:hover{color:#79c0ff}
+
+.bar{background:#0d1117;padding:0 24px;height:56px;border-bottom:1px solid #171d27;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
+.bar h1{font-size:14px;font-weight:600;color:#e6edf3;letter-spacing:-0.2px}
+.bar nav{display:flex;gap:2px;flex-wrap:wrap}
+.bar nav a{font-size:12px;color:#545d68;padding:6px 14px;border-radius:6px;transition:all 0.15s}
+.bar nav a:hover{color:#e6edf3;background:#161b22}
+.bar nav a.active{color:#e6edf3;background:#1c2333}
+
+.wrap{max-width:1200px;margin:0 auto;padding:24px 20px 60px}
+
+h2{color:#e6edf3;font-size:22px;font-weight:700;letter-spacing:-0.3px;margin-bottom:4px}
+.lede{color:#8b949e;font-size:13px;margin-bottom:18px;line-height:1.6;max-width:720px}
+
+.layout{display:grid;grid-template-columns:320px 1fr;gap:16px}
+
+.list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:4px}
+.ws-card{background:#0d1117;border:1px solid #171d27;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all 0.15s}
+.ws-card:hover{border-color:#30363d;background:#161b22}
+.ws-card.active{border-color:#1f6feb;background:#0d1d38}
+.ws-card .name{color:#e6edf3;font-weight:600;font-size:13px;margin-bottom:4px;line-height:1.4}
+.ws-card .meta{color:#8b949e;font-size:11px}
+.ws-card .tier{display:inline-block;padding:1px 7px;border-radius:8px;font-size:9px;font-weight:600;margin-right:6px;letter-spacing:0.3px}
+.tier.daily{background:#2d1b00;color:#d29922;border:1px solid #854d0e}
+.tier.weekly{background:#0d2340;color:#58a6ff;border:1px solid #1f6feb80}
+.tier.monthly{background:#1e1047;color:#a78bfa;border:1px solid #5b21b680}
+.tier.pinned{background:#0d2818;color:#3fb950;border:1px solid #2ea04380}
+
+.detail{background:#0d1117;border:1px solid #171d27;border-radius:12px;padding:18px;min-height:400px}
+
+.section{margin-bottom:20px}
+.section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
+.section-hdr .title{color:#545d68;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:600}
+.section-hdr .count{color:#8b949e;font-size:11px}
+
+.entry{background:#161b22;border-radius:6px;padding:10px 12px;margin-bottom:6px;font-size:12px}
+.entry .title{color:#e6edf3;font-weight:500;font-size:13px}
+.entry .meta{color:#8b949e;font-size:11px;margin-top:2px}
+.entry .sub{color:#545d68;font-size:11px;margin-top:2px;font-family:ui-monospace,Menlo,monospace}
+
+.empty{color:#484f58;font-size:12px;font-style:italic;padding:10px 12px}
+
+.btn{padding:8px 14px;background:#1f6feb;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}
+.btn:hover{background:#388bfd}
+.btn:disabled{opacity:0.4;cursor:not-allowed}
+.btn.ghost{background:transparent;border:1px solid #21262d;color:#c9d1d9}
+.btn.ghost:hover{background:#161b22}
+.btn.green{background:#2ea043}
+.btn.green:hover{background:#3fb950}
+.btn.sm{padding:4px 10px;font-size:11px}
+
+.form{display:flex;flex-direction:column;gap:10px}
+.form label{color:#8b949e;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:-6px}
+.form input,.form textarea,.form select{padding:8px 12px;background:#161b22;border:1px solid #21262d;border-radius:6px;color:#e6edf3;font-size:13px;outline:none;font-family:inherit}
+.form input:focus,.form textarea:focus,.form select:focus{border-color:#388bfd}
+.form textarea{resize:vertical;min-height:60px;font-family:inherit}
+.form-row{display:flex;gap:10px}
+.form-row>*{flex:1}
+
+.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
+.modal-backdrop.show{display:flex}
+.modal{background:#0d1117;border:1px solid #30363d;border-radius:12px;padding:22px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}
+.modal h3{color:#e6edf3;font-size:17px;font-weight:700;margin-bottom:12px}
+
+.hdr-block{padding-bottom:14px;border-bottom:1px solid #171d27;margin-bottom:16px}
+.hdr-block .wname{color:#e6edf3;font-size:18px;font-weight:700;margin-bottom:4px}
+.hdr-block .wmeta{color:#8b949e;font-size:12px}
+.hdr-block .desc{color:#c9d1d9;font-size:13px;margin-top:8px;line-height:1.6}
+
+.prev-owners{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
+.prev-owners .chip{padding:2px 8px;border-radius:10px;font-size:10px;background:#161b22;color:#8b949e;border:1px solid #21262d}
+
+.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
+
+.flash{padding:10px 14px;border-radius:6px;margin-top:10px;font-size:12px}
+.flash.ok{background:#0d2818;color:#86efac;border:1px solid #2ea04360}
+.flash.err{background:#3a1a1a;color:#fca5a5;border:1px solid #f8514960}
+
+.activity{max-height:240px;overflow-y:auto}
+.activity .entry{border-left:2px solid #2ea043}
+
+.footer{border-top:1px solid #171d27;padding:20px;text-align:center;color:#3d444d;font-size:11px}
+
+@media(max-width:900px){
+  .layout{grid-template-columns:1fr}
+  .list{max-height:none}
+  .bar nav{font-size:10px}
+}
+</style></head>
+<body>
+
+<div class="bar">
+  <h1>Lakehouse — Workspaces</h1>
+  <nav>
+    <a href=".">Dashboard</a>
+    <a href="console">Walkthrough</a>
+    <a href="proof">Architecture</a>
+    <a href="spec">Spec</a>
+    <a href="onboard">Onboard</a>
+    <a href="alerts">Alerts</a>
+    <a href="workspaces" class="active">Workspaces</a>
+  </nav>
+</div>
+
+<div class="wrap">
+
+<div style="margin-bottom:18px">
+  <h2>Per-contract workspaces</h2>
+  <div class="lede">
+    Each contract gets its own workspace: saved searches, shortlisted candidates, activity log, tier (daily / weekly / monthly / pinned). Persisted across sessions. One-click zero-copy handoff between staffers — Sarah hands off to Kim, Kim opens the workspace and sees everything Sarah saw. This is the layer that keeps institutional memory per-contract, not per-person.
+  </div>
+  <button class="btn" id="new-ws-btn">New workspace</button>
+</div>
+
+<div class="layout">
+  <div class="list" id="ws-list"><div class="empty">Loading workspaces…</div></div>
+  <div class="detail" id="ws-detail">
+    <div class="empty">Select a workspace from the list, or create one.</div>
+  </div>
+</div>
+
+</div>
+
+<!-- Modals -->
+<div class="modal-backdrop" id="modal-new">
+  <div class="modal">
+    <h3>New workspace</h3>
+    <form class="form" id="form-new" onsubmit="return false">
+      <label>Contract / fill name</label>
+      <input type="text" id="nw-name" placeholder="e.g. Riverfront Steel — Week 17 fills" required>
+      <label>Description</label>
+      <textarea id="nw-desc" placeholder="What's this contract about?"></textarea>
+      <div class="form-row">
+        <div>
+          <label>Tier</label>
+          <select id="nw-tier">
+            <option value="daily">Daily</option>
+            <option value="weekly" selected>Weekly</option>
+            <option value="monthly">Monthly</option>
+            <option value="pinned">Pinned</option>
+          </select>
+        </div>
+        <div>
+          <label>Owner (staffer)</label>
+          <input type="text" id="nw-owner" placeholder="sarah" value="sarah">
+        </div>
+      </div>
+      <div class="actions">
+        <button type="button" class="btn green" id="nw-create">Create</button>
+        <button type="button" class="btn ghost" data-close="modal-new">Cancel</button>
+      </div>
+      <div id="nw-result"></div>
+    </form>
+  </div>
+</div>
+
+<div class="modal-backdrop" id="modal-handoff">
+  <div class="modal">
+    <h3>Hand off to another staffer</h3>
+    <div style="color:#8b949e;font-size:12px;margin-bottom:14px;line-height:1.6">
+      Transfers ownership of this workspace. The prior owner is preserved in <code>previous_owners</code> for the audit trail.
+      The recipient sees all saved searches, shortlist entries, and activity from the prior owner — no copy, no migration.
+    </div>
+    <form class="form" onsubmit="return false">
+      <label>New owner</label>
+      <input type="text" id="ho-owner" placeholder="kim">
+      <label>Reason</label>
+      <input type="text" id="ho-reason" placeholder="e.g. end of shift, taking over for Sarah">
+      <div class="actions">
+        <button type="button" class="btn green" id="ho-submit">Hand off</button>
+        <button type="button" class="btn ghost" data-close="modal-handoff">Cancel</button>
+      </div>
+      <div id="ho-result"></div>
+    </form>
+  </div>
+</div>
+
+<div class="modal-backdrop" id="modal-shortlist">
+  <div class="modal">
+    <h3>Shortlist a candidate</h3>
+    <form class="form" onsubmit="return false">
+      <label>Dataset</label>
+      <input type="text" id="sl-dataset" placeholder="workers_500k" value="workers_500k">
+      <label>Worker ID</label>
+      <input type="text" id="sl-record" placeholder="e.g. 4661 or W500K-4661">
+      <label>Notes</label>
+      <textarea id="sl-notes" placeholder="Why this candidate — skills, past fills, availability window"></textarea>
+      <div class="actions">
+        <button type="button" class="btn green" id="sl-submit">Add to shortlist</button>
+        <button type="button" class="btn ghost" data-close="modal-shortlist">Cancel</button>
+      </div>
+      <div id="sl-result"></div>
+    </form>
+  </div>
+</div>
+
+<div class="modal-backdrop" id="modal-search">
+  <div class="modal">
+    <h3>Save a search</h3>
+    <form class="form" onsubmit="return false">
+      <label>Search name</label>
+      <input type="text" id="sv-name" placeholder="e.g. Available Toledo welders with OSHA">
+      <label>SQL (will run against the catalog via /query/sql)</label>
+      <textarea id="sv-sql" placeholder="SELECT * FROM workers_500k WHERE role='Welder' AND city='Toledo' AND state='OH' AND CAST(availability AS DOUBLE) > 0.5 LIMIT 20"></textarea>
+      <div class="actions">
+        <button type="button" class="btn green" id="sv-submit">Save search</button>
+        <button type="button" class="btn ghost" data-close="modal-search">Cancel</button>
+      </div>
+      <div id="sv-result"></div>
+    </form>
+  </div>
+</div>
+
+<div class="modal-backdrop" id="modal-activity">
+  <div class="modal">
+    <h3>Log activity</h3>
+    <form class="form" onsubmit="return false">
+      <label>Action</label>
+      <input type="text" id="act-action" placeholder="e.g. called, emailed, shortlisted, rejected">
+      <label>Detail</label>
+      <textarea id="act-detail" placeholder="What happened and what's the next step"></textarea>
+      <div class="actions">
+        <button type="button" class="btn green" id="act-submit">Log activity</button>
+        <button type="button" class="btn ghost" data-close="modal-activity">Cancel</button>
+      </div>
+      <div id="act-result"></div>
+    </form>
+  </div>
+</div>
+
+<div class="footer">Lakehouse · workspaces · per-contract state, zero-copy handoff (Phase 8.5)</div>
+
+<script>
+var P=location.pathname.indexOf('/lakehouse')>=0?'/lakehouse':'';
+var A=location.origin+P;
+
+var state={list:[], current:null, currentAgent:'sarah'};
+
+function el(t,c,x){var e=document.createElement(t);if(c)e.className=c;if(x!==undefined&&x!==null)e.textContent=String(x);return e}
+
+function apiGet(p){
+  return fetch(A+'/api'+p).then(function(r){return r.ok?r.json():r.text().then(function(b){throw new Error('HTTP '+r.status+': '+b)})});
+}
+function apiPost(p,body){
+  return fetch(A+'/api'+p,{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body||{})}).then(function(r){
+    return r.text().then(function(t){
+      if(!r.ok) throw new Error('HTTP '+r.status+': '+t.slice(0,200));
+      try{return JSON.parse(t)}catch(e){return {raw:t}}
+    });
+  });
+}
+
+function showModal(id){ document.getElementById(id).classList.add('show') }
+function hideModal(id){ document.getElementById(id).classList.remove('show') }
+
+function loadList(preselectId){
+  apiGet('/workspaces').then(function(arr){
+    if(!Array.isArray(arr)) arr=[];
+    state.list=arr;
+    renderList();
+    if(preselectId){ openWorkspace(preselectId); }
+    else if(arr.length>0 && !state.current){ openWorkspace(arr[0].id); }
+  }).catch(function(e){
+    var host=document.getElementById('ws-list');host.textContent='';
+    host.appendChild(el('div','empty','Failed to load: '+e.message));
+  });
+}
+
+function renderList(){
+  var host=document.getElementById('ws-list');host.textContent='';
+  if(state.list.length===0){
+    host.appendChild(el('div','empty','No workspaces yet. Create one to get started.'));
+    return;
+  }
+  state.list.slice().sort(function(a,b){
+    return (b.updated_at||'').localeCompare(a.updated_at||'');
+  }).forEach(function(w){
+    var card=el('div','ws-card'+(state.current&&state.current.id===w.id?' active':''));
+    card.onclick=function(){ openWorkspace(w.id); };
+    card.appendChild(el('div','name',w.name||'(unnamed)'));
+    var meta=el('div','meta');
+    meta.appendChild(el('span','tier '+(w.tier||'weekly'),(w.tier||'weekly').toUpperCase()));
+    meta.appendChild(document.createTextNode((w.owner||'?')+' · '+((w.shortlist||[]).length)+' shortlisted · '+((w.activity||[]).length)+' events'));
+    card.appendChild(meta);
+    host.appendChild(card);
+  });
+}
+
+function openWorkspace(id){
+  apiGet('/workspaces/'+encodeURIComponent(id)).then(function(w){
+    if(!w||w.error){ throw new Error(w&&w.error?w.error:'not found'); }
+    state.current=w;
+    renderList();
+    renderDetail();
+  }).catch(function(e){
+    var host=document.getElementById('ws-detail');host.textContent='';
+    host.appendChild(el('div','empty','Failed to load: '+e.message));
+  });
+}
+
+function renderDetail(){
+  var host=document.getElementById('ws-detail');host.textContent='';
+  var w=state.current;
+  if(!w){ host.appendChild(el('div','empty','Select a workspace from the list, or create one.')); return; }
+
+  // Header
+  var hdr=el('div','hdr-block');
+  hdr.appendChild(el('div','wname',w.name||'(unnamed)'));
+  var meta=el('div','wmeta');
+  meta.appendChild(el('span','tier '+(w.tier||'weekly'),(w.tier||'weekly').toUpperCase()));
+  meta.appendChild(document.createTextNode(' owner: '+(w.owner||'?')+' · created '+(w.created_at||'').slice(0,10)+' · updated '+(w.updated_at||'').slice(0,10)));
+  hdr.appendChild(meta);
+  if(w.description){ hdr.appendChild(el('div','desc',w.description)); }
+  if((w.previous_owners||[]).length>0){
+    var pos=el('div','prev-owners');
+    pos.appendChild(el('span','chip','Previous owners:'));
+    w.previous_owners.forEach(function(p){ pos.appendChild(el('span','chip',p)); });
+    hdr.appendChild(pos);
+  }
+  // Action buttons
+  var actions=el('div','actions');
+  var handoffBtn=el('button','btn','Hand off');
+  handoffBtn.onclick=function(){ showModal('modal-handoff'); };
+  actions.appendChild(handoffBtn);
+  var slBtn=el('button','btn ghost','Shortlist candidate');
+  slBtn.onclick=function(){ showModal('modal-shortlist'); };
+  actions.appendChild(slBtn);
+  var svBtn=el('button','btn ghost','Save search');
+  svBtn.onclick=function(){ showModal('modal-search'); };
+  actions.appendChild(svBtn);
+  var actBtn=el('button','btn ghost','Log activity');
+  actBtn.onclick=function(){ showModal('modal-activity'); };
+  actions.appendChild(actBtn);
+  hdr.appendChild(actions);
+  host.appendChild(hdr);
+
+  // Shortlist
+  host.appendChild(sectionHeader('Shortlist',(w.shortlist||[]).length+' candidates'));
+  if((w.shortlist||[]).length===0){
+    host.appendChild(el('div','empty','No candidates shortlisted yet.'));
+  } else {
+    w.shortlist.forEach(function(sl){
+      var e=el('div','entry');
+      e.appendChild(el('div','title',(sl.dataset||'?')+' · '+(sl.record_id||'?')));
+      if(sl.notes) e.appendChild(el('div','meta',sl.notes));
+      e.appendChild(el('div','sub','by '+(sl.by_agent||sl.agent||'?')+' · '+(sl.at||sl.added_at||'').slice(0,16).replace('T',' ')));
+      host.appendChild(e);
+    });
+  }
+
+  // Saved searches
+  host.appendChild(sectionHeader('Saved searches',(w.saved_searches||[]).length+' queries'));
+  if((w.saved_searches||[]).length===0){
+    host.appendChild(el('div','empty','No saved searches yet.'));
+  } else {
+    w.saved_searches.forEach(function(sv){
+      var e=el('div','entry');
+      e.appendChild(el('div','title',sv.name||'(unnamed)'));
+      if(sv.sql) e.appendChild(el('div','sub',sv.sql));
+      e.appendChild(el('div','sub','by '+(sv.by_agent||sv.agent||'?')+' · '+(sv.at||sv.added_at||'').slice(0,16).replace('T',' ')));
+      host.appendChild(e);
+    });
+  }
+
+  // Activity
+  host.appendChild(sectionHeader('Activity',(w.activity||[]).length+' events'));
+  if((w.activity||[]).length===0){
+    host.appendChild(el('div','empty','No activity logged yet.'));
+  } else {
+    var act=el('div','activity');
+    w.activity.slice().reverse().forEach(function(a){
+      var e=el('div','entry');
+      e.appendChild(el('div','title',a.action||'(no action)'));
+      if(a.detail) e.appendChild(el('div','meta',a.detail));
+      e.appendChild(el('div','sub','by '+(a.by_agent||a.agent||'?')+' · '+(a.at||'').slice(0,16).replace('T',' ')));
+      act.appendChild(e);
+    });
+    host.appendChild(act);
+  }
+}
+
+function sectionHeader(title,count){
+  var s=el('div','section-hdr');
+  s.appendChild(el('span','title',title));
+  s.appendChild(el('span','count',count));
+  return s;
+}
+
+function flash(id,text,kind){
+  var box=document.getElementById(id);
+  box.textContent='';
+  box.appendChild(el('div','flash '+(kind||'ok'),text));
+}
+
+function createWorkspace(){
+  var name=document.getElementById('nw-name').value.trim();
+  var desc=document.getElementById('nw-desc').value.trim();
+  var tier=document.getElementById('nw-tier').value;
+  var owner=document.getElementById('nw-owner').value.trim()||'sarah';
+  if(!name){ flash('nw-result','Name is required','err');return; }
+  apiPost('/workspaces/create',{name:name,description:desc,owner:owner,tier:tier}).then(function(r){
+    state.currentAgent=owner;
+    hideModal('modal-new');
+    document.getElementById('nw-name').value='';
+    document.getElementById('nw-desc').value='';
+    loadList(r.id);
+  }).catch(function(e){ flash('nw-result',e.message,'err'); });
+}
+
+function submitHandoff(){
+  var w=state.current;if(!w)return;
+  var to=document.getElementById('ho-owner').value.trim();
+  var reason=document.getElementById('ho-reason').value.trim();
+  if(!to){ flash('ho-result','New owner required','err');return; }
+  apiPost('/workspaces/'+encodeURIComponent(w.id)+'/handoff',{to_agent:to,reason:reason}).then(function(){
+    state.currentAgent=to;
+    hideModal('modal-handoff');
+    loadList(w.id);
+  }).catch(function(e){ flash('ho-result',e.message,'err'); });
+}
+
+function submitShortlist(){
+  var w=state.current;if(!w)return;
+  var dataset=document.getElementById('sl-dataset').value.trim()||'workers_500k';
+  var record=document.getElementById('sl-record').value.trim();
+  var notes=document.getElementById('sl-notes').value.trim();
+  if(!record){ flash('sl-result','Worker ID required','err');return; }
+  apiPost('/workspaces/'+encodeURIComponent(w.id)+'/shortlist',{dataset:dataset,record_id:record,notes:notes,agent:state.currentAgent}).then(function(){
+    hideModal('modal-shortlist');
+    document.getElementById('sl-record').value='';
+    document.getElementById('sl-notes').value='';
+    loadList(w.id);
+  }).catch(function(e){ flash('sl-result',e.message,'err'); });
+}
+
+function submitSaveSearch(){
+  var w=state.current;if(!w)return;
+  var name=document.getElementById('sv-name').value.trim();
+  var sql=document.getElementById('sv-sql').value.trim();
+  if(!name||!sql){ flash('sv-result','Name and SQL are required','err');return; }
+  apiPost('/workspaces/'+encodeURIComponent(w.id)+'/search',{name:name,sql:sql,agent:state.currentAgent}).then(function(){
+    hideModal('modal-search');
+    document.getElementById('sv-name').value='';
+    document.getElementById('sv-sql').value='';
+    loadList(w.id);
+  }).catch(function(e){ flash('sv-result',e.message,'err'); });
+}
+
+function submitActivity(){
+  var w=state.current;if(!w)return;
+  var action=document.getElementById('act-action').value.trim();
+  var detail=document.getElementById('act-detail').value.trim();
+  if(!action){ flash('act-result','Action required','err');return; }
+  apiPost('/workspaces/'+encodeURIComponent(w.id)+'/activity',{action:action,detail:detail,agent:state.currentAgent}).then(function(){
+    hideModal('modal-activity');
+    document.getElementById('act-action').value='';
+    document.getElementById('act-detail').value='';
+    loadList(w.id);
+  }).catch(function(e){ flash('act-result',e.message,'err'); });
+}
+
+document.addEventListener('DOMContentLoaded',function(){
+  document.getElementById('new-ws-btn').addEventListener('click',function(){ showModal('modal-new'); });
+  document.getElementById('nw-create').addEventListener('click',createWorkspace);
+  document.getElementById('ho-submit').addEventListener('click',submitHandoff);
+  document.getElementById('sl-submit').addEventListener('click',submitShortlist);
+  document.getElementById('sv-submit').addEventListener('click',submitSaveSearch);
+  document.getElementById('act-submit').addEventListener('click',submitActivity);
+  Array.prototype.forEach.call(document.querySelectorAll('[data-close]'),function(b){
+    b.addEventListener('click',function(){ hideModal(b.getAttribute('data-close')); });
+  });
+  // Click-outside-to-close
+  Array.prototype.forEach.call(document.querySelectorAll('.modal-backdrop'),function(m){
+    m.addEventListener('click',function(e){ if(e.target===m) m.classList.remove('show'); });
+  });
+  loadList();
+});
+</script>
+</body></html>
