@worca/app 1.3.0 → 1.4.0-rc.1

package/ui/public/index.html

@@ -19,13 +19,13 @@
         </div>
 
         <nav class="nav" aria-label="Primary">
-          <button type="button" class="active nav-cta" data-nav="new">
+          <button type="button" class="active nav-cta" data-nav="new" data-min-level="simple">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
             <span>New pipeline</span>
           </button>
 
           <div class="nav-sect">Activity</div>
-          <button type="button" data-nav="running">
+          <button type="button" data-nav="running" data-min-level="simple">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><circle cx="12" cy="12" r="8"></circle><path d="M12 8v4l3 2"></path></svg>
             <span>Running</span>
             <span class="nav-rollup" id="nav-running-rollup" hidden title="A pipeline needs your input"></span>
@@ -35,44 +35,75 @@
             <span class="nav-count n-paused" id="nav-paused-badge" hidden title="Paused pipelines"><span id="nav-paused-count">0</span><svg class="pause-flag" viewBox="0 0 10 10" aria-hidden="true"><rect x="2.2" y="2" width="2" height="6" rx="1"></rect><rect x="5.8" y="2" width="2" height="6" rx="1"></rect></svg></span>
           </button>
           <div class="nav-children" id="nav-running-children"></div>
-          <button type="button" data-nav="history">
+          <button type="button" data-nav="schedules" data-min-level="advanced">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3.5" y="5" width="17" height="15.5" rx="3"></rect><path d="M3.5 10h17M8 3v4M16 3v4"></path><path d="M12 13.2v2.6l1.8 1.1"></path></svg>
+            <span>Schedules</span>
+            <!-- Waiting runs + active repeating schedules (grey: waiting is the resting state);
+                 the amber twin counts UNREAD PROBLEMS in the activity feed. -->
+            <span class="nav-count n-grey" id="nav-schedules-count">0</span>
+            <span class="nav-count n-amber" id="nav-schedules-unread" hidden title="Scheduled runs that need a look">0</span>
+          </button>
+                    <button type="button" data-nav="history" data-min-level="simple">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M3 12a9 9 0 1 0 3-6.7"></path><path d="M3 4v4h4"></path></svg>
             <span>History</span>
-            <span class="nav-count n-grey" id="nav-history-count">0</span>
           </button>
-          <button type="button" data-nav="stats">
+          <button type="button" data-nav="stats" data-min-level="advanced">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M5 20v-7M12 20V4M19 20v-11"></path></svg>
             <span>Statistics</span>
           </button>
-          <button type="button" data-nav="team-metrics">
+          <button type="button" data-nav="team-metrics" data-min-level="expert">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19h16"></path><path d="M6 15l4-5 4 3 4-6"></path><circle cx="6" cy="15" r="1.2"></circle><circle cx="10" cy="10" r="1.2"></circle><circle cx="14" cy="13" r="1.2"></circle><circle cx="18" cy="7" r="1.2"></circle></svg>
             <span>Team metrics</span>
           </button>
 
-          <div class="nav-sect">Build</div>
-          <button type="button" data-nav="composer">
+          <div class="nav-sect" data-min-level="advanced">Build</div>
+          <button type="button" data-nav="composer" data-min-level="advanced">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="9" width="6" height="6" rx="1.6"></rect><rect x="15" y="4" width="6" height="5.5" rx="1.6"></rect><rect x="15" y="14.5" width="6" height="5.5" rx="1.6"></rect><path d="M9 12h2.5M11.5 12V6.8H15M11.5 12v5.3H15"></path></svg>
             <span>Workflow Composer</span>
           </button>
-          <button type="button" data-nav="agents">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.2"></circle><path d="M3.5 19c.6-3 2.8-4.6 5.5-4.6S13.9 16 14.5 19"></path><circle cx="17.5" cy="9.5" r="2.4"></circle><path d="M15.5 14.6c2.7 0 4.4 1.4 5 4.4"></path></svg>
-            <span>Agents</span>
+          <!-- Nodes: the two composer node types. A disclosure, not a route — it carries no
+               data-nav, so the router never marks it active; app.js#setNodesCollapsed owns
+               aria-expanded + the box's .collapsed and remembers a fold. The children keep their
+               own data-nav: the `.nav button[data-nav]` snapshot reaches nested buttons. -->
+          <button type="button" class="nav-group" data-nav-group="nodes" data-min-level="expert" aria-expanded="true" aria-controls="nav-nodes-children">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="2.4"></circle><circle cx="18" cy="6" r="2.4"></circle><circle cx="12" cy="18" r="2.4"></circle><path d="M8.4 6h7.2M7.2 8.1l3.6 7.6M16.8 8.1l-3.6 7.6"></path></svg>
+            <span>Nodes</span>
+            <svg class="nav-group-chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg>
           </button>
+          <div class="nav-children nav-group-children" id="nav-nodes-children" data-min-level="expert">
+            <button type="button" class="nav-child" data-nav="agents" data-min-level="expert">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3.2"></circle><path d="M3.5 19c.6-3 2.8-4.6 5.5-4.6S13.9 16 14.5 19"></path><circle cx="17.5" cy="9.5" r="2.4"></circle><path d="M15.5 14.6c2.7 0 4.4 1.4 5 4.4"></path></svg>
+              <span>Agents</span>
+            </button>
+            <button type="button" class="nav-child" data-nav="scripts" data-min-level="expert">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17l6-5-6-5"></path><path d="M12 19h8"></path></svg>
+              <span>Scripts</span>
+            </button>
+          </div>
 
           <div class="nav-sect">Manage</div>
-          <button type="button" data-nav="projects">
+          <button type="button" data-nav="projects" data-min-level="simple">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7.5A1.5 1.5 0 0 1 4.5 6h4l2 2.2H19.5A1.5 1.5 0 0 1 21 9.7v8.3A1.5 1.5 0 0 1 19.5 19.5h-15A1.5 1.5 0 0 1 3 18z"></path></svg>
             <span>Projects</span>
-            <span class="nav-count n-grey" id="nav-projects-count">0</span>
           </button>
-          <button type="button" data-nav="workspaces">
+          <button type="button" data-nav="workspaces" data-min-level="advanced">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1.6"></rect><rect x="14" y="3" width="7" height="7" rx="1.6"></rect><rect x="3" y="14" width="7" height="7" rx="1.6"></rect><path d="M14 17.5h7M17.5 14v7"></path></svg>
             <span>Workspaces</span>
-            <span class="nav-count n-grey" id="nav-workspaces-count">0</span>
+          </button>
+          <button type="button" data-nav="team-policy" data-min-level="expert">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 3v6c0 4.5-3.4 7.6-8 9-4.6-1.4-8-4.5-8-9V6l8-3z"></path><path d="M9 12l2 2 4-4"></path></svg>
+            <span>Team policy</span>
           </button>
 
           <div class="nav-sep" aria-hidden="true"></div>
-          <button type="button" data-nav="settings">
+          <!-- Interface mode (docs/ui-levels.md): an ACTION, not a view, so it carries no data-nav
+               and never takes the dark "active" fill. The icon is the state readout: ui-level.mjs
+               repaints it, and on the collapsed rail it is all that shows. -->
+          <button type="button" class="nav-mode" id="nav-mode" data-mode-open="full" data-min-level="simple" aria-haspopup="dialog">
+            <i class="lv-icon-slot"><svg class="lv-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3 3 8l9 5 9-5-9-5z"></path><path d="M3 12.5l9 5 9-5"></path><path d="M3 17l9 5 9-5"></path></svg></i>
+            <span class="lv-name">Expert</span>
+          </button>
+          <button type="button" data-nav="settings" data-min-level="simple">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path></svg>
             <span>Settings</span>
           </button>
@@ -92,22 +123,34 @@
       <main class="main">
         <!-- compact top-nav (shown <1080px, where the sidebar is hidden) -->
         <nav class="topnav" aria-label="Primary compact">
-          <button type="button" class="active" data-nav="new">New</button>
-          <span class="topnav-sep" aria-hidden="true"></span>
-          <button type="button" data-nav="running">Running<span class="nav-rollup" id="topnav-running-rollup" hidden></span></button>
-          <button type="button" data-nav="history">History</button>
-          <button type="button" data-nav="stats">Stats<span class="topnav-amt mono" id="topnav-spend" hidden></span></button>
-          <button type="button" data-nav="team-metrics">Team metrics</button>
+          <button type="button" class="active" data-nav="new" data-min-level="simple">New</button>
           <span class="topnav-sep" aria-hidden="true"></span>
-          <button type="button" data-nav="composer">Composer</button>
-          <button type="button" data-nav="agents">Agents</button>
+          <button type="button" data-nav="running" data-min-level="simple">Running<span class="nav-rollup" id="topnav-running-rollup" hidden></span></button>
+          <button type="button" data-nav="schedules" data-min-level="advanced">Schedules</button>
+          <button type="button" data-nav="history" data-min-level="simple">History</button>
+          <button type="button" data-nav="stats" data-min-level="advanced">Stats<span class="topnav-amt mono" id="topnav-spend" hidden></span></button>
+          <button type="button" data-nav="team-metrics" data-min-level="expert">Team metrics</button>
+          <span class="topnav-sep" aria-hidden="true" data-min-level="advanced"></span>
+          <button type="button" data-nav="composer" data-min-level="advanced">Composer</button>
+          <button type="button" data-nav="agents" data-min-level="expert">Agents</button>
+          <button type="button" data-nav="scripts" data-min-level="expert">Scripts</button>
           <span class="topnav-sep" aria-hidden="true"></span>
-          <button type="button" data-nav="projects">Projects</button>
-          <button type="button" data-nav="workspaces">Workspaces</button>
+          <button type="button" data-nav="projects" data-min-level="simple">Projects</button>
+          <button type="button" data-nav="workspaces" data-min-level="advanced">Workspaces</button>
+          <button type="button" data-nav="team-policy" data-min-level="expert">Team policy</button>
           <span class="topnav-sep" aria-hidden="true"></span>
-          <button type="button" data-nav="settings">Settings</button>
+          <button type="button" class="topnav-mode" data-mode-open="short" data-min-level="simple" aria-haspopup="dialog"><i class="lv-icon-slot"><svg class="lv-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3 3 8l9 5 9-5-9-5z"></path><path d="M3 12.5l9 5 9-5"></path><path d="M3 17l9 5 9-5"></path></svg></i><span class="lv-name">Expert</span></button>
+          <button type="button" data-nav="settings" data-min-level="simple">Settings</button>
         </nav>
 
+        <!-- Shown when the open page sits above the interface mode (a deep link, a guide, or a
+             mode change while on it). app.js#paintLevelBanner fills and toggles it. -->
+        <div id="level-banner" class="level-banner" role="status" hidden>
+          <span class="lv-pill" id="level-banner-pill"></span>
+          <span class="level-banner-text" id="level-banner-text"></span>
+          <button type="button" class="btn btn-ghost btn-mini" id="level-banner-switch" data-mode-set=""></button>
+        </div>
+
         <!-- ===== VIEW: NEW PIPELINE ===== -->
         <section class="view" data-view="new">
           <div class="topbar">
@@ -123,7 +166,7 @@
                 <!-- Target switch and the thing it selects share one row: they are one
                      decision, and the switch is only meaningful next to its picker. -->
                 <div class="split-row">
-                  <div class="field field-compact">
+                  <div class="field field-compact" id="target-field" data-min-level="advanced">
                     <label>Target</label>
                     <div class="seg" id="target-seg">
                       <button type="button" data-target="project" class="on" aria-pressed="true">Project</button>
@@ -205,7 +248,7 @@
                 </div>
 
                 <!-- Memory defragment only (agent memory §7.3 / B11): the scope the run restructures. -->
-                <div class="field field-compact" id="memory-scope-row" hidden>
+                <div class="field field-compact" id="memory-scope-row" data-min-level="expert" hidden>
                   <label>Memory scope</label>
                   <div class="seg" id="memory-scope-seg" role="group" aria-label="Memory scope">
                     <button type="button" data-scope="global" class="on" aria-pressed="true">Global</button>
@@ -215,7 +258,7 @@
                 </div>
 
                 <!-- Task source switch; the panes below span the full width. -->
-                <div class="field field-compact">
+                <div class="field field-compact" id="source-field" data-min-level="advanced">
                   <label>Task source</label>
                   <div class="seg" id="source-seg">
                     <button type="button" data-src="prompt" class="on" aria-pressed="true">Prompt</button>
@@ -262,7 +305,7 @@
                 </div>
 
                 <!-- Branch pair: one decision (from → into), so one compact row. -->
-                <div class="field-grid-2">
+                <div class="field-grid-2" id="branch-fields" data-min-level="advanced">
                   <div class="field field-compact">
                     <label for="sourceBranch">Source branch</label>
                     <div class="select-wrap" id="sourceBranchWrap">
@@ -270,6 +313,10 @@
                     </div>
                     <!-- Workspace mode: one source-branch dropdown per member project. -->
                     <div class="ws-source-branches hidden" id="ws-source-branches"></div>
+                    <div class="switch-row ws-src-prev hidden" id="ws-source-previous-row">
+                      <div class="switch" id="ws-source-previous" role="switch" tabindex="0" aria-checked="false" aria-label="Branch off the run before it"></div>
+                      <span class="txt">Branch off the run before it</span>
+                    </div>
                     <small class="hint" id="sourceBranchHint">The worktree branches off this. Defaults to the current branch.</small>
                   </div>
 
@@ -284,7 +331,7 @@
                      A workflow ships tuned, so its per-agent knobs belong here with
                      guardrails and mock mode; the workflow PICKER stays above.
                      Collapsed unless something inside is already non-default. -->
-                <details class="advanced" id="advanced-config">
+                <details class="advanced" id="advanced-config" data-min-level="advanced">
                   <summary>
                     <span class="adv-chev" aria-hidden="true"></span>
                     <span>Advanced</span>
@@ -303,12 +350,12 @@
                       <span class="agents-wf" id="agentsWorkflow"></span>
                       <span class="agents-summary" id="agentsSummary">all defaults</span>
                       <span class="agents-actions">
-                        <button type="button" id="agentsPromote" class="btn-ghost btn-mini" hidden>Save as workflow defaults</button>
+                        <button type="button" id="agentsPromote" class="btn-ghost btn-mini" data-min-level="expert" hidden>Save as workflow defaults</button>
                         <button type="button" id="agentsReset" class="btn-ghost btn-mini" hidden>Reset</button>
                       </span>
                     </div>
                     <div id="agents-rows"></div>
-                    <div id="wf-feedback-config" class="agent-row-body-inner" hidden></div>
+                    <div id="wf-feedback-config" class="agent-row-body-inner" data-min-level="expert" hidden></div>
                   </div>
                 </div>
 
@@ -335,21 +382,54 @@
                       <small class="hint" id="guardrailsHint">Applies to every agent this run spawns. Permissive = no restrictions (the legacy default).</small>
                     </div>
 
-                    <div class="switch-row">
-                      <div class="switch" id="mock-switch" role="switch" aria-checked="false" tabindex="0"></div>
-                      <span class="txt">Mock mode — no Claude calls, offline dry run</span>
-                    </div>
-                    <input id="mock" type="checkbox" hidden />
                   </div>
                 </details>
 
+                <!-- Mock mode sits OUTSIDE Advanced (docs/ui-levels.md): onboarding sends first-time
+                     users to it, and it is the one switch that makes a run free and harmless. -->
+                <div class="switch-row mock-row" id="mock-row" data-min-level="simple">
+                  <div class="switch" id="mock-switch" role="switch" aria-checked="false" tabindex="0"></div>
+                  <span class="txt">Mock mode — try it offline: no Claude calls, no cost</span>
+                </div>
+                <input id="mock" type="checkbox" hidden />
+
+                <!-- Settings the current mode hides but this run still uses (app.js#paintHiddenSettings). -->
+                <div class="level-hidden-note" id="level-hidden-note" hidden>
+                  <span id="level-hidden-text"></span>
+                  <button type="button" class="link-btn" id="level-hidden-show" data-mode-set=""></button>
+                </div>
+
+                <!-- Team policy notes (design board 8): in the main column, never inside Advanced,
+                     and never gated — a team cap applies in every interface mode. -->
+                <div id="policyLine" hidden></div>
+
                 <!-- Actions -->
                 <div class="hint err" id="newBlockedNote" hidden></div>
                 <div class="actions" style="justify-content:flex-end">
-                  <button type="submit" id="start-btn" class="btn-go">
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M6 4l14 8-14 8V4Z"></path></svg>
-                    Start run
-                  </button>
+                  <!-- A time picked BEFORE the task (Schedules › Schedule a run, or Change… here):
+                       it waits on the form and Start run becomes Schedule. -->
+                  <div class="ask-card-sched new-sched" id="new-sched" hidden>
+                    <span class="badge grey" id="new-sched-badge">Scheduled</span>
+                    <span class="ask-card-sched-text" id="new-sched-text"></span>
+                    <button type="button" class="link-btn" id="new-sched-change">Change…</button>
+                    <button type="button" class="link-btn" id="new-sched-clear" title="Drop the time and start the run right away">Start now instead</button>
+                  </div>
+                  <!-- Split button: Start run stays the primary action; the caret opens the
+                       other way to start — Schedule… (once, later, or on a repeat). -->
+                  <div class="btn-split" id="start-split">
+                    <button type="submit" id="start-btn" class="btn-go">
+                      <svg id="start-btn-play" width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M6 4l14 8-14 8V4Z"></path></svg>
+                      <svg id="start-btn-clock" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" hidden><path d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 7.5V12l3 2"></path></svg>
+                      <span id="start-btn-label">Start run</span>
+                    </button>
+                    <button type="button" id="start-more" class="btn-split-more" data-min-level="advanced" aria-haspopup="menu" aria-expanded="false" aria-controls="start-menu" title="More ways to start" aria-label="More ways to start">
+                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>
+                    </button>
+                    <div class="btn-split-menu" id="start-menu" role="menu" hidden>
+                      <button type="button" role="menuitem" id="start-menu-now"><b>Start run now</b><small>Begins immediately</small></button>
+                      <button type="button" role="menuitem" id="start-menu-schedule"><b>Schedule…</b><small>Run once later, or on a repeat</small></button>
+                    </div>
+                  </div>
                 </div>
                 <p id="form-msg" class="form-msg" aria-live="polite"></p>
               </form>
@@ -366,7 +446,7 @@
           <div class="topbar">
             <div>
               <h1>Getting started</h1>
-              <div class="sub">Eight things to do with Worca, in order &middot; each tile opens a guided tour of the real controls</div>
+              <div class="sub">Nine things to do with Worca, in order &middot; each tile opens a guided tour of the real controls</div>
             </div>
           </div>
           <div id="getting-started-host" class="gs-host" hidden></div>
@@ -382,7 +462,7 @@
               <div class="sub" id="running-sub">0 pipelines executing · 0 need your input</div>
             </div>
             <span class="pill-run amber hidden" id="running-status-pill" style="box-shadow:var(--shadow-soft)"><span class="pdot"></span> 0 needs input</span>
-            <div class="run-density" role="group" aria-label="List density">
+            <div class="run-density" role="group" data-min-level="advanced" aria-label="List density">
               <button type="button" class="rc-dseg" data-density="compact" aria-pressed="false" title="Compact — three runs per screen">
                 <svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="3" y="5" width="18" height="3" rx="1.5"></rect><rect x="3" y="10.5" width="18" height="3" rx="1.5"></rect><rect x="3" y="16" width="18" height="3" rx="1.5"></rect></svg>
               </button>
@@ -402,6 +482,16 @@
 
           <div class="run-list" id="run-list"></div>
 
+          <!-- Runs that start within 24 hours (tickets, not pipelines). The full list,
+               repeating schedules and the activity feed live in the Schedules view. -->
+          <div class="run-scheduled" id="run-scheduled" hidden>
+            <div class="run-scheduled-head">
+              <div class="sched-group-title">Scheduled · next 24 hours</div>
+              <a href="#schedules">All schedules →</a>
+            </div>
+            <div class="sched-list" id="run-scheduled-list"></div>
+          </div>
+
           <!-- clone target for one run card (Task 3 fills it) -->
           <template id="run-card-tpl">
             <section class="card run-card" data-run-id="" data-density="detailed">
@@ -419,11 +509,11 @@
                   <div class="rc-meta">
                     <span class="rc-status-word"></span>
                     <span class="rc-seg"><span class="rc-dot">·</span><span class="rm-text"></span></span>
-                    <span class="rc-seg rc-prog" hidden><span class="rc-dot">·</span><span class="rc-prog-text"></span></span>
+                    <span class="rc-seg rc-prog" hidden data-min-level="advanced"><span class="rc-dot">·</span><span class="rc-prog-text"></span></span>
                     <span class="rc-seg"><span class="rc-dot">·</span><span class="run-time mono"></span></span>
                     <span class="rc-seg"><span class="rc-dot">·</span><span class="run-cost mono"></span></span>
                   </div>
-                  <span class="rc-branch mono" hidden>
+                  <span class="rc-branch mono" hidden data-min-level="advanced">
                     <span class="rc-base" hidden></span>
                     <button type="button" class="rc-branch-copy" title="Copy branch name" aria-label="Copy branch name">
                       <span class="rc-branch-name"></span>
@@ -443,19 +533,20 @@
                   <button type="button" class="btn-resume" title="Resume — restart this paused pipeline where it left off" aria-label="Resume" hidden><svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><path d="M7 5l12 7-12 7z"></path></svg></button>
                   <button type="button" class="btn-pause" title="Pause — gracefully stop the session so it can be resumed" aria-label="Pause"><svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="5" width="4" height="14" rx="1.5"></rect><rect x="14" y="5" width="4" height="14" rx="1.5"></rect></svg></button>
                   <button type="button" class="btn-stop" title="Stop this pipeline" aria-label="Stop"><svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"></rect></svg></button>
+                  <button type="button" class="rc-after" title="Schedule a run after this" aria-label="Schedule a run after this" data-min-level="advanced" hidden><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h12"></path><path d="M13 6l6 6-6 6"></path></svg></button>
                   <button type="button" class="rc-open" title="Open run" aria-label="Open run"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
                 </div>
               </div>
               <div class="rc-compact">
                 <span class="rc-step-chip"></span>
                 <span class="rc-step-name"></span>
-                <span class="rc-step-model mono" hidden></span>
+                <span class="rc-step-model mono" hidden data-min-level="advanced"></span>
               </div>
               <div class="cost-banner" hidden></div>
               <div class="rc-detailed">
                 <div class="run-flow-wrap"><div class="run-flow"></div></div>
-                <div class="run-log">
-                  <div class="run-log-head"><span class="ll-label">Live log</span><div class="log-filters"><select class="log-f log-f-source" title="Filter by source" aria-label="Filter by source"></select><select class="log-f log-f-level" title="Filter by level" aria-label="Filter by level"></select><select class="log-f log-f-step" title="Filter by step" aria-label="Filter by step"></select><select class="log-f log-f-cycle" title="Filter by cycle" aria-label="Filter by cycle"></select><button type="button" class="log-f log-f-exec" hidden title="Showing one execution — click to clear"><span class="lfe-text"></span><span class="lfe-x" aria-hidden="true">×</span></button><input type="search" class="log-f log-search" placeholder="search" title="Search the log text" aria-label="Search the log text"><button type="button" class="log-f log-copy" title="Copy the visible log lines" aria-label="Copy the visible log lines">copy</button></div><div class="switch-row"><div class="switch on autoscroll" role="switch" aria-checked="true" tabindex="0"></div><span class="txt">Auto-scroll</span></div></div>
+                <div class="run-log" data-min-level="advanced">
+                  <div class="run-log-head"><span class="ll-label">Live log</span><div class="log-filters"><select class="log-f log-f-source" data-min-level="expert" title="Filter by source" aria-label="Filter by source"></select><select class="log-f log-f-level" data-min-level="expert" title="Filter by level" aria-label="Filter by level"></select><select class="log-f log-f-step" data-min-level="expert" title="Filter by step" aria-label="Filter by step"></select><select class="log-f log-f-cycle" data-min-level="expert" title="Filter by cycle" aria-label="Filter by cycle"></select><button type="button" class="log-f log-f-exec" hidden title="Showing one execution — click to clear"><span class="lfe-text"></span><span class="lfe-x" aria-hidden="true">×</span></button><input type="search" class="log-f log-search" placeholder="search" title="Search the log text" aria-label="Search the log text"><button type="button" class="log-f log-copy" title="Copy the visible log lines" aria-label="Copy the visible log lines">copy</button></div><div class="switch-row"><div class="switch on autoscroll" role="switch" aria-checked="true" tabindex="0"></div><span class="txt">Auto-scroll</span></div></div>
                   <div class="log"></div>
                 </div>
               </div><!-- /.rc-detailed -->
@@ -481,8 +572,8 @@
                 </div>
                 <div class="rd-meta mono"></div>
                 <div class="rd-row3">
-                  <span class="rd-base mono" hidden></span>
-                  <button type="button" class="rd-branch-copy mono" hidden title="Copy branch name" aria-label="Copy branch name">
+                  <span class="rd-base mono" hidden data-min-level="advanced"></span>
+                  <button type="button" class="rd-branch-copy mono" hidden data-min-level="advanced" title="Copy branch name" aria-label="Copy branch name">
                     <span class="rd-branch-name"></span>
                     <svg class="ico-copy" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="12" height="12" rx="2.5"></rect><path d="M5 15H4.5A1.5 1.5 0 0 1 3 13.5v-9A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5" stroke-linecap="round"></path></svg>
                     <svg class="ico-check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M4 12.5l5.5 5.5L20 6.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
@@ -508,12 +599,6 @@
                     <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><rect x="6" y="6" width="12" height="12" rx="2"></rect></svg>
                     <span class="rd-btn-label">Stop</span>
                   </button>
-                  <!-- Report this run: hidden until the run reaches a terminal state
-                       (paintRdTerminal), because a mid-flight run has no totals to
-                       report. paintRdTerminal appends .rd-history-link after this
-                       button, so the painted row reads
-                       Stop · Report this run · View in History. -->
-                  <button type="button" class="rd-report btn-ghost" hidden>Report this run</button>
                 </div>
                 <!-- Inline error slot for failed actions, on the HEADER so it is never
                      pushed below the fold by the graph or a tab body (mirrors .hd-error). -->
@@ -580,17 +665,17 @@
                         <span class="hm-seg hist-clock-seg"><span class="hm-dot">·</span><span class="hist-clock"></span></span>
                         <span class="hm-seg hist-time-seg"><span class="hm-dot">·</span><span class="hist-time mono"></span></span>
                         <span class="hm-seg hist-total-seg"><span class="hm-dot">·</span><span class="hist-total mono"></span></span>
-                        <span class="hist-diff-pill" hidden>
+                        <span class="hist-diff-pill" hidden data-min-level="advanced">
                           <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M6 3h8l4 4v14H6z" stroke-linejoin="round"></path><path d="M14 3v4h4" stroke-linejoin="round"></path></svg>
                           <span class="hist-diff mono" aria-label="lines changed"></span>
                           <span class="hist-nodiff mono" hidden>no diff</span>
                         </span>
-                        <span class="hist-cmt-pill" hidden>
+                        <span class="hist-cmt-pill" hidden data-min-level="advanced">
                           <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7"><path d="M21 12a8 8 0 0 1-8 8H7l-4 3v-6.5A8 8 0 0 1 11 4h2a8 8 0 0 1 8 8z" stroke-linejoin="round"></path></svg>
                           <span class="hist-cmt-count mono" aria-label="unresolved diff comments"></span>
                         </span>
                       </div>
-                      <span class="hist-branch mono" hidden>
+                      <span class="hist-branch mono" hidden data-min-level="advanced">
                         <span class="hist-branch-src" hidden></span>
                         <svg class="hist-branch-arrow" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" aria-label="into" role="img" hidden><path d="M4 12h15M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                         <span class="hist-branch-dst"></span>
@@ -608,7 +693,7 @@
                       <span class="hist-pausenote" hidden></span>
                     </div>
                     <div class="hist-aside">
-                      <button type="button" class="hist-pr btn-ghost" hidden>Create PR</button>
+                      <button type="button" class="hist-pr btn-ghost" hidden data-min-level="advanced">Create PR</button>
                       <button type="button" class="hist-open" aria-label="Open run details">
                         <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
                       </button>
@@ -631,9 +716,10 @@
                   </button>
                   <h1 class="hd-title"></h1>
                   <span class="auto-badge" hidden></span>
-                  <span class="hist-merge" hidden></span>
-                  <button type="button" class="hd-pr" hidden>Create PR</button>
-                  <a class="hd-pr-link" hidden target="_blank" rel="noopener"></a>
+                  <span class="hist-merge" hidden data-min-level="expert"></span>
+                  <button type="button" class="hd-pr" hidden data-min-level="advanced">Create PR</button>
+                  <a class="hd-pr-link" hidden data-min-level="advanced" target="_blank" rel="noopener"></a>
+                  <button type="button" class="hd-after btn-ghost" hidden data-min-level="advanced">Schedule a run after this</button>
                 </div>
                 <!-- Status pip leads the META line, not row 1: it reads as the icon
                      for the status WORD it now sits next to (same pairing the list
@@ -648,8 +734,8 @@
                   <div class="hd-meta mono"></div>
                 </div>
                 <div class="hd-row3">
-                  <span class="hd-base mono"></span>
-                  <button type="button" class="hd-branch-copy mono" hidden title="Copy branch name" aria-label="Copy branch name">
+                  <span class="hd-base mono" data-min-level="advanced"></span>
+                  <button type="button" class="hd-branch-copy mono" hidden data-min-level="advanced" title="Copy branch name" aria-label="Copy branch name">
                     <span class="hd-branch-name"></span>
                     <svg class="ico-copy" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="12" height="12" rx="2.5"></rect><path d="M5 15H4.5A1.5 1.5 0 0 1 3 13.5v-9A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5" stroke-linecap="round"></path></svg>
                     <svg class="ico-check" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M4 12.5l5.5 5.5L20 6.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
@@ -675,7 +761,7 @@
                        still-live row also appears here, so setupHdActions unhides both
                        only for a deletable entry, and hides the trigger when neither is
                        offered rather than opening onto an empty menu. -->
-                  <span class="hd-more-wrap">
+                  <span class="hd-more-wrap" data-min-level="advanced">
                     <button type="button" class="hd-more" hidden aria-haspopup="menu" aria-expanded="false" title="More actions" aria-label="More actions">
                       <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><circle cx="5" cy="12" r="1.8"></circle><circle cx="12" cy="12" r="1.8"></circle><circle cx="19" cy="12" r="1.8"></circle></svg>
                     </button>
@@ -713,6 +799,32 @@
         <!-- /view history -->
 
         <!-- ===== VIEW: STATISTICS ===== -->
+        <section class="view hidden" data-view="schedules">
+          <div class="topbar">
+            <div>
+              <h1>Schedules</h1>
+              <div class="sub" id="schedules-sub">Runs that start later — once, or on a repeat</div>
+            </div>
+            <a class="btn-go" href="#new/schedule" id="schedules-new" style="padding:11px 20px;text-decoration:none">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
+              Schedule a run
+            </a>
+          </div>
+          <p id="schedules-msg" class="form-msg" aria-live="polite"></p>
+          <!-- Tabs, the Statistics .seg idiom: #schedules/<tab> routes them (activity | once | repeating). -->
+          <div class="sched-tabs">
+            <div class="seg" id="schedules-tabs" role="group" aria-label="Schedules">
+              <button type="button" data-tab="activity">Activity</button>
+              <button type="button" data-tab="once">Once</button>
+              <button type="button" data-tab="repeating">Repeating</button>
+            </div>
+          </div>
+          <section class="card sched-feed sched-pane" id="schedules-feed" data-pane="activity" aria-label="Activity"></section>
+          <div class="sched-list sched-pane" id="schedules-once" data-pane="once" hidden><small class="hint">Loading…</small></div>
+          <div class="sched-list sched-pane" id="schedules-repeating" data-pane="repeating" hidden><small class="hint">Loading…</small></div>
+        </section>
+        <!-- /view schedules -->
+
         <section class="view hidden" data-view="stats">
           <div class="topbar">
             <div>
@@ -730,7 +842,7 @@
           </div>
           <div id="stats-body"><small class="hint">Loading…</small></div>
           <div id="stats-tip" class="chart-tip" hidden></div>
-          <a class="hint tm-stats-hint" id="stats-tm-hint" href="#team-metrics" hidden>Team-wide view →</a>
+          <a class="hint tm-stats-hint" id="stats-tm-hint" href="#team-metrics" data-min-level="expert" hidden>Team-wide view →</a>
         </section>
         <!-- /view stats -->
 
@@ -763,60 +875,82 @@
         </section>
         <!-- /view team-metrics -->
 
-        <!-- ===== VIEW: WORKSPACES ===== -->
-        <section class="view hidden" data-view="workspaces">
+        <!-- ===== VIEW: TEAM POLICY (team-policy design §11, boards 4–5) ===== -->
+        <section class="view hidden" data-view="team-policy">
           <div class="topbar">
             <div>
-              <h1>Workspaces</h1>
-              <div class="sub">Named sets of 2+ projects with an AI-generated interconnection description</div>
+              <h1>Team policy</h1>
+              <div class="sub">Shared from the <code>worca-policy</code> branch · soft: you can go past a cap, and the team sees it</div>
             </div>
-            <button type="button" id="ws-create-btn" class="btn-go" style="padding:11px 20px">
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
-              Create workspace
-            </button>
+            <div class="sync-chip" id="tp-sync" hidden></div>
           </div>
+          <div class="tm-filter">
+            <div class="select-wrap tm-scope-wrap"><select id="tp-scope" class="select" aria-label="Scope"></select></div>
+          </div>
+          <div id="tp-body"><small class="hint">Loading…</small></div>
+        </section>
+        <!-- /view team-policy -->
 
-          <p id="ws-msg" class="form-msg" aria-live="polite"></p>
-
-          <div class="run-list" id="ws-list"></div>
+        <!-- ===== VIEW: WORKSPACES ===== -->
+        <section class="view hidden" data-view="workspaces">
+          <!-- Two-screen slide track, twin of the Projects #proj-shell: the list and the workspace
+               page (#workspaces/<id>[/team]) are sibling screens; .detail-open slides. -->
+          <div class="ws-shell" id="ws-shell">
+            <div class="ws-screen ws-screen-list">
+              <div class="topbar">
+                <div>
+                  <h1>Workspaces</h1>
+                  <div class="sub">Named sets of 2+ projects with an AI-generated interconnection description. Open one for its projects, description and team setup.</div>
+                </div>
+                <button type="button" id="ws-create-btn" class="btn btn-primary btn-mini">
+                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
+                  Create workspace
+                </button>
+              </div>
+              <p id="ws-msg" class="form-msg" aria-live="polite"></p>
+              <div class="run-list" id="ws-list"></div>
+            </div>
+            <div class="ws-screen ws-screen-detail" id="ws-detail" aria-hidden="true"></div>
+          </div>
 
-          <!-- clone target for one workspace card -->
-          <template id="ws-card-tpl">
-            <section class="card ws-card">
-              <div class="ws-head" role="button" tabindex="0" aria-expanded="false">
-                <div class="ws-h-meta">
-                  <b class="ws-name"></b>
+          <!-- clone target for the workspace page (#workspaces/<id>). A SCREEN inside this
+               section, never a routed view of its own: the page's view count is pinned. It rides
+               the project page's pd- classes so the two pages are laid out the same way. -->
+          <template id="ws-detail-tpl">
+            <div class="pd wd">
+              <header class="pd-header">
+                <div class="pd-row1">
+                  <button type="button" class="pd-back btn-ghost" aria-label="Back to workspaces">
+                    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4"><path d="M15 6l-6 6 6 6" stroke-linecap="round" stroke-linejoin="round"></path></svg>
+                    Back
+                  </button>
+                  <h1 class="pd-title ws-name"></h1>
                   <span class="ws-stale badge red" hidden>missing projects</span>
-                  <small class="ws-projects"></small>
                 </div>
-                <div class="ws-actions">
-                  <button type="button" class="ws-edit btn-ghost" title="Edit description">Edit description</button>
-                  <button type="button" class="ws-rescan btn-ghost" title="Re-scan the project set">Re-scan</button>
-                  <button type="button" class="ws-delete btn-danger" title="Delete workspace">Delete</button>
-                </div>
-              </div>
-              <div class="ws-detail" hidden>
-                <div class="ws-home" hidden></div>
-                <div class="ws-desc">
-                  <span class="tm-label">Description</span>
-                  <!-- Markdown by contract (the scanner template): rendered through the page's
-                       sanitized pipeline once it is ready, the same words as plain text before. -->
-                  <div class="ws-desc-view viewer"></div>
+                <!-- One row under the title: the summary on the left, the actions on the right. This
+                     page configures and tracks a workspace; runs start from New pipeline. -->
+                <div class="wd-row2">
+                <div class="pd-meta"><small class="ws-projects"></small></div>
+                <div class="pd-actions">
+                  <button type="button" class="ws-rescan btn-ghost" title="Re-scan the project set and regenerate the description">
+                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 12a8 8 0 1 1-2.3-5.7"></path><path d="M20 4v5h-5"></path></svg>
+                    Re-scan
+                  </button>
+                  <span class="pd-spacer"></span>
+                  <button type="button" class="pd-remove ws-delete">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M6 7l1 13a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1l1-13M10 11v6M14 11v6"></path></svg>
+                    <span class="pd-btn-label">Delete</span>
+                  </button>
                 </div>
-                <div class="ws-desc-edit" hidden>
-                  <div class="md-tabs" role="tablist" aria-label="Description editor">
-                    <button type="button" class="md-tab ws-desc-tab" role="tab" data-mode="text" aria-selected="true">Text</button>
-                    <button type="button" class="md-tab ws-desc-tab" role="tab" data-mode="preview" aria-selected="false">Preview</button>
-                  </div>
-                  <textarea class="ws-desc-input textarea" rows="10" spellcheck="false"></textarea>
-                  <div class="ws-desc-preview md-preview viewer" hidden></div>
-                  <div class="actions" style="justify-content:flex-end;margin-top:10px">
-                    <button type="button" class="ws-desc-cancel btn btn-ghost btn-mini">Cancel</button>
-                    <button type="button" class="ws-desc-save btn btn-primary btn-mini">Save</button>
-                  </div>
                 </div>
+                <!-- On the HEADER (like .pd-error): a delete failure must not sit below a long tab. -->
+                <div class="pd-error" hidden></div>
+              </header>
+              <div class="pd-body">
+                <div class="pd-tabs" role="tablist"></div>
+                <div class="pd-sections"></div>
               </div>
-            </section>
+            </div>
           </template>
         </section>
         <!-- /view workspaces -->
@@ -947,6 +1081,7 @@
               </div>
               <div class="agent-detail" hidden>
                 <pre class="agent-md-view viewer"></pre>
+                <div class="agent-forms-view" hidden></div>
                 <div class="agent-edit-pane" hidden>
                   <div class="agent-form"></div>
                   <p class="agent-edit-msg form-msg" aria-live="polite"></p>
@@ -961,6 +1096,13 @@
         </section>
         <!-- /view agents -->
 
+        <!-- ===== VIEW: SCRIPTS ===== -->
+        <section class="view hidden" data-view="scripts">
+          <div id="scripts-msg" class="form-msg" aria-live="polite"></div>
+          <div id="scripts-host" class="scripts-host"></div>
+        </section>
+        <!-- /view scripts -->
+
         <!-- ===== VIEW: PROJECTS ===== -->
         <section class="view hidden" data-view="projects">
           <!-- Two-screen slide track, twin of History's #hist-shell: the list and the project
@@ -1129,6 +1271,11 @@
                     <input id="gv-agent-filter" class="pal-filter" type="search" placeholder="Filter agents…" aria-label="Filter agents by name or ports">
                   </div>
                   <div class="gv-palette" id="gv-palette"></div>
+                  <!-- The advanced door to the agent wizard (the Agents page is expert, docs/ui-levels.md). -->
+                  <button type="button" class="pal-create" id="gv-create-agent" data-min-level="advanced">
+                    <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" aria-hidden="true"><path d="M12 5v14M5 12h14"></path></svg>
+                    Create agent&hellip;
+                  </button>
                 </div>
                 <div class="gv-ins-pane gv-ins-body" id="gv-ins-body"></div>
               </div>
@@ -1148,7 +1295,7 @@
             <!-- The key belongs to the whole editor, canvas AND rail — not to a
                  palette card that no longer exists. -->
             <div class="gv-foot">
-              <span class="gv-legend" id="gv-legend">grey = data · amber = loop · ◆ = conditional · ○ = gate · ⤫N = fan-out</span>
+              <span class="gv-legend" id="gv-legend" data-min-level="expert">grey = data · amber = loop · ◆ = conditional · ○ = gate · ⤫N = fan-out</span>
             </div>
           </section>
 
@@ -1167,7 +1314,7 @@
                  Rendered by gvRenderSaved(); hidden while the library is empty. -->
             <div class="gv-saved-tabs" id="gv-saved-tabs" role="tablist" aria-label="Pipeline domains" hidden></div>
             <div class="saved-list" id="gv-saved-list"></div>
-            <div class="gv-archived" id="gv-archived" hidden></div>
+            <div class="gv-archived" id="gv-archived" data-min-level="expert" hidden></div>
             <!-- A refused DELETE (the built-in, a 404, a 500) has to land
                  SOMEWHERE: same .form-msg line every other list view uses. -->
             <p id="gv-saved-msg" class="form-msg" aria-live="polite"></p>
@@ -1187,11 +1334,12 @@
              literal routing attribute name, so never spell it out in a comment. -->
         <section class="view hidden" data-view="settings">
           <div class="seg settings-tabs" id="settings-tabs" role="group" aria-label="Settings section">
-            <button type="button" class="on" data-tab="general" aria-pressed="true">General</button>
-            <button type="button" data-tab="guardrails" aria-pressed="false">Guardrails</button>
-            <button type="button" data-tab="models" aria-pressed="false">Models</button>
-            <button type="button" data-tab="plugins" aria-pressed="false">Plugins</button>
-            <button type="button" data-tab="memory" aria-pressed="false">Memory</button>
+            <button type="button" class="on" data-tab="general" data-min-level="simple" aria-pressed="true">General</button>
+            <button type="button" data-tab="guardrails" data-min-level="advanced" aria-pressed="false">Guardrails</button>
+            <button type="button" data-tab="models" data-min-level="expert" aria-pressed="false">Models</button>
+            <button type="button" data-tab="providers" data-min-level="expert" aria-pressed="false">Providers</button>
+            <button type="button" data-tab="plugins" data-min-level="advanced" aria-pressed="false">Plugins</button>
+            <button type="button" data-tab="memory" data-min-level="advanced" aria-pressed="false">Memory</button>
           </div>
 
           <section class="settings-pane" data-tab="general">
@@ -1202,7 +1350,7 @@
               </div>
             </div>
 
-            <section class="card settings-card" id="appearance-card">
+            <section class="card settings-card" id="appearance-card" data-min-level="simple">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Appearance</h2>
@@ -1219,7 +1367,28 @@
               <small class="hint" id="themeMsg"></small>
             </section>
 
-            <section class="card settings-card">
+            <!-- Interface mode (docs/ui-levels.md): the same setting as the sidebar item, same dialog. -->
+            <section class="card settings-card" id="mode-settings-card" data-min-level="simple">
+              <div class="card-head">
+                <div class="label-row">
+                  <h2>Interface mode</h2>
+                  <button type="button" class="info-tip" aria-label="About interface mode">i<span class="tip-content hidden">
+                    How much of Worca is on screen. Nothing is switched off: a hidden page still opens from a link,
+                    and settings made in a higher mode keep applying. The choice applies to every browser that opens this Worca.
+                  </span></button>
+                </div>
+              </div>
+              <div class="mode-current">
+                <span class="mode-current-icon" id="modeSettingsIcon"></span>
+                <div class="mode-current-text">
+                  <strong id="modeSettingsName">Expert</strong>
+                  <span id="modeSettingsDesc"></span>
+                </div>
+                <button type="button" class="btn btn-ghost btn-mini" id="modeSettingsChange" data-mode-open="button" aria-haspopup="dialog">Change&hellip;</button>
+              </div>
+            </section>
+
+            <section class="card settings-card" id="root-settings-card" data-min-level="advanced">
               <div class="field">
                 <div class="label-row">
                   <label for="settingsRoot">Worca root folder</label>
@@ -1253,7 +1422,7 @@
               <small class="hint" id="settingsMsg"></small>
             </section>
 
-            <section class="card settings-card">
+            <section class="card settings-card" id="budget-settings-card" data-min-level="simple">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Budget &amp; cost limits</h2>
@@ -1263,6 +1432,8 @@
                 </div>
               </div>
               <div id="budgetReadout"></div>
+              <!-- Team policy (design board 7): each policy home's caps, read-only context. -->
+              <div id="teamCapsReadout"></div>
               <div class="field">
                 <div class="label-row">
                   <label for="budgetPerPipeline">Per-pipeline cost limit (USD)</label>
@@ -1296,6 +1467,12 @@
                   </select>
                 </div>
               </div>
+              <div class="field">
+                <div class="label-row">
+                  <label for="budgetHumanRate">Developer rate (USD/h)</label>
+                </div>
+                <input id="budgetHumanRate" class="input" type="number" min="0" step="1" inputmode="decimal" placeholder="35" autocomplete="off" />
+              </div>
               <div class="add-project-actions" style="margin-top:14px">
                 <button type="button" id="budgetReset" class="btn btn-ghost btn-mini">Clear limits</button>
                 <button type="button" id="budgetSave" class="btn btn-primary btn-mini">Save</button>
@@ -1306,7 +1483,7 @@
             <!-- Ask Worca (ask-worca-design §6.9): per-turn guards for the
                  assistant chat. Read fresh on every turn (D12); a stored null
                  budget means "no cap". Posted ALONE — never with root/budget keys. -->
-            <section class="card settings-card">
+            <section class="card settings-card" id="ask-settings-card" data-min-level="advanced">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Ask Worca</h2>
@@ -1334,6 +1511,9 @@
                 <input id="askMaxBudgetUsd" class="input" type="number" min="0.1" max="100" step="0.1" inputmode="decimal" placeholder="2" autocomplete="off" />
                 <label class="check-row" for="askNoCap"><input id="askNoCap" type="checkbox" /> No cap</label>
               </div>
+              <!-- Scripts workbench W20: the chat's save_script / test_script switch. Body
+                   rendered by chat-settings-view.mjs; saved with this card's Save button. -->
+              <div class="field" id="ask-script-tools-host"></div>
               <div class="add-project-actions" style="margin-top:14px">
                 <button type="button" id="askLimitsReset" class="btn btn-ghost btn-mini">Use defaults</button>
                 <button type="button" id="askLimitsSave" class="btn btn-primary btn-mini">Save</button>
@@ -1354,12 +1534,63 @@
               </div>
             </section>
 
+            <!-- Scheduled runs: the defaults a NEW schedule inherits. Each schedule keeps
+                 its own copy, so a change here never rewrites an existing one. -->
+            <section class="card settings-card" id="schedule-settings-card" data-min-level="advanced">
+              <div class="card-head">
+                <div class="label-row">
+                  <h2>Scheduled runs</h2>
+                  <button type="button" class="info-tip" aria-label="About scheduled run defaults">i<span class="tip-content hidden">
+                    Defaults for new schedules. A scheduled run starts only while Worca is running and this computer is awake; these settings decide what happens when it was not.
+                  </span></button>
+                </div>
+              </div>
+              <div class="field-grid-2">
+                <div class="field">
+                  <label for="schedIfMissed">If Worca is not running at that time</label>
+                  <div class="select-wrap">
+                    <select id="schedIfMissed" class="select">
+                      <option value="run">Start it late</option>
+                      <option value="skip">Skip it</option>
+                    </select>
+                  </div>
+                </div>
+                <div class="field">
+                  <label for="schedGraceMin">At most this late</label>
+                  <div class="select-wrap">
+                    <select id="schedGraceMin" class="select">
+                      <option value="30">30 minutes</option>
+                      <option value="60">1 hour</option>
+                      <option value="120">2 hours</option>
+                      <option value="360">6 hours</option>
+                      <option value="720">12 hours</option>
+                      <option value="1440">24 hours</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <div class="field">
+                <div class="label-row">
+                  <label for="schedMaxFailures">Pause a repeating schedule after failures in a row</label>
+                  <button type="button" class="info-tip" aria-label="About pausing after failures">i<span class="tip-content hidden">
+                    A run that could not start, a missed slot, or a run that ended in an error each count. A successful run resets the count. 0 never pauses a schedule. Every failure is reported in Schedules either way.
+                  </span></button>
+                </div>
+                <input id="schedMaxFailures" class="input" type="number" min="0" max="100" step="1" inputmode="numeric" placeholder="3" autocomplete="off" />
+              </div>
+              <div class="add-project-actions" style="margin-top:14px">
+                <button type="button" id="schedDefaultsReset" class="btn btn-ghost btn-mini">Use defaults</button>
+                <button type="button" id="schedDefaultsSave" class="btn btn-primary btn-mini">Save</button>
+              </div>
+              <small class="hint" id="schedDefaultsMsg"></small>
+            </section>
+
             <!-- Title generation (#422): which model writes run/chat titles.
                  Empty = the model of the run or chat itself (title.mjs
                  resolveTitleModel), so a first-party-free install needs no setup.
                  The select is built from the project-less catalog; a stored id
                  that left the catalog paints disabled + "not installed". -->
-            <section class="card settings-card" id="title-model-settings-card">
+            <section class="card settings-card" id="title-model-settings-card" data-min-level="expert">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Title generation</h2>
@@ -1389,7 +1620,7 @@
 
             <!-- Auto workflow model (spec D14 / §7.7): which model classifies a task into a workflow.
                  Empty = the Sonnet-class default; WORCA_AUTO_MODEL in the environment wins. -->
-            <section class="card settings-card" id="auto-model-settings-card">
+            <section class="card settings-card" id="auto-model-settings-card" data-min-level="expert">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Auto workflow model</h2>
@@ -1419,7 +1650,7 @@
                  a non-empty env var overrides it. This card only flips the gate —
                  the runner decides what is printable (routing keys readable,
                  credentials as "<set, N chars>"). -->
-            <section class="card settings-card" id="debug-spawn-settings-card">
+            <section class="card settings-card" id="debug-spawn-settings-card" data-min-level="expert">
               <div class="card-head">
                 <div class="label-row">
                   <h2>Spawn diagnostics</h2>
@@ -1446,7 +1677,7 @@
             <!-- Chat notifications (chat-connectivity-design.md §4.8): which run
                  events ping which chat channels. Body rendered by
                  chat-settings-view.mjs; app.js owns fetch/save/Test wiring. -->
-            <section class="card settings-card" id="chat-settings-card">
+            <section class="card settings-card" id="chat-settings-card" data-min-level="advanced">
               <div class="label-row">
                 <h2>Chat notifications</h2>
               </div>
@@ -1460,19 +1691,19 @@
             <!-- Getting started: the checklist's Hide is undone here. Only the checklist —
                  the welcome dialog stays seen. No info-tip (the row explains itself);
                  the .hint is painted by app.js like every other settings status line. -->
-            <section class="card settings-card" id="getting-started-card">
+            <section class="card settings-card" id="getting-started-card" data-min-level="simple">
               <div class="label-row">
                 <h2>Getting started</h2>
               </div>
               <div class="gs-settings-row">
-                <p class="gs-settings-text">The checklist on New pipeline walks through the first eight things to do with Worca. Hidden it, or want the guided tour back?</p>
+                <p class="gs-settings-text">The checklist on New pipeline walks through the first nine things to do with Worca. Hidden it, or want the guided tour back?</p>
                 <button type="button" id="gsShowAgain" class="btn btn-ghost btn-mini">Show again</button>
               </div>
               <small class="hint" id="gsSettingsMsg"></small>
             </section>
 
             <!-- About: intentionally no info-tip and no .hint (test/ui-settings-tooltips.test.mjs pins both). -->
-            <section class="card settings-card" id="about-card">
+            <section class="card settings-card" id="about-card" data-min-level="simple">
               <div class="label-row">
                 <h2>About</h2>
               </div>
@@ -1516,7 +1747,7 @@
                 <h1>Guardrails</h1>
                 <div class="sub">Named guardrail policies — built-ins plus your own sets, selected per pipeline run</div>
               </div>
-              <button type="button" id="guardrail-create-btn" class="btn-go" style="padding:11px 20px">
+              <button type="button" id="guardrail-create-btn" class="btn-go" data-min-level="expert" style="padding:11px 20px">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
                 Create guardrails
               </button>
@@ -1531,11 +1762,12 @@
             <div class="topbar">
               <div>
                 <h1>Models</h1>
-                <div class="sub">Global model catalog — available in every project; entries can override built-ins and carry per-model routing env</div>
+                <div class="sub">The global model catalog — available in every project; entries can override built-ins, route through a provider, or carry per-model routing env. Sign-ins and endpoints live on the Providers tab.</div>
               </div>
-              <div style="display:flex;gap:8px">
-                <button type="button" id="model-share-btn" class="btn-ghost" style="padding:11px 20px">Share as plugin…</button>
-                <button type="button" id="model-create-btn" class="btn-go" style="padding:11px 20px">
+              <div style="display:flex;gap:8px;flex:0 0 auto">
+                <button type="button" id="model-share-btn" class="btn-ghost" style="padding:11px 20px;white-space:nowrap">Share as plugin…</button>
+                <button type="button" id="model-import-btn" class="btn-ghost" style="padding:11px 20px;white-space:nowrap">Import models…</button>
+                <button type="button" id="model-create-btn" class="btn-go" style="padding:11px 20px;white-space:nowrap">
                   <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
                   Add model
                 </button>
@@ -1546,6 +1778,21 @@
           </section>
           <!-- /pane models -->
 
+          <!-- ===== TAB: PROVIDERS (model-bridge-design.md §8.1) =====
+               Split out of Models: the card is account-level setup you touch rarely, and at
+               1000+px it buried the catalog it unlocks. Expert only, like Models. -->
+          <section class="settings-pane hidden" data-tab="providers">
+            <div class="topbar">
+              <div>
+                <h1>Providers</h1>
+                <div class="sub">Sign-ins, endpoints and keys for the models Worca bridges — GitHub Copilot, any OpenAI-compatible server (llama.cpp, Ollama, LM Studio, vLLM), an Anthropic-compatible gateway. The models themselves live on the Models tab.</div>
+              </div>
+            </div>
+            <p id="providers-msg" class="form-msg" aria-live="polite"></p>
+            <div class="run-list" id="providers-list"></div>
+          </section>
+          <!-- /pane providers -->
+
           <!-- ===== TAB: PLUGINS (was the top-level Plugins view) ===== -->
           <section class="settings-pane hidden" data-tab="plugins">
             <div class="topbar">
@@ -1553,24 +1800,26 @@
                 <h1>Plugins</h1>
                 <div class="sub">Task sources, agents, skills and workflow packs from your plugin marketplaces</div>
               </div>
-              <button type="button" id="plugin-add-btn" class="btn-go" style="padding:11px 20px">
+              <button type="button" id="plugin-add-btn" class="btn-go" data-min-level="expert" style="padding:11px 20px">
                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M12 5v14M5 12h14"></path></svg>
                 Add marketplace
               </button>
             </div>
             <p id="plugins-msg" class="form-msg" aria-live="polite"></p>
-            <div class="card hidden" id="marketplace-add-row" style="padding:16px 20px;margin-bottom:14px">
+            <div class="card hidden" id="marketplace-add-row" data-min-level="expert" style="padding:16px 20px;margin-bottom:14px">
               <div class="path-row">
                 <input id="marketplace-url" class="input" type="text" placeholder="https://github.com/owner/repo · owner/repo · /abs/path/to/repo · /path/to/a/plugin-folder" spellcheck="false" />
                 <button type="button" id="marketplace-add" class="btn btn-primary btn-mini">Add</button>
               </div>
             </div>
+            <!-- Team policy (design board 10): what a policy home expects on this machine. -->
+            <div id="plugins-policy"></div>
             <h3 class="pl-sec-title">Installed</h3>
             <div class="run-list" id="plugins-list"></div>
             <h3 class="pl-sec-title">Available</h3>
             <div class="run-list" id="plugins-available"></div>
-            <h3 class="pl-sec-title">Marketplaces</h3>
-            <div class="run-list" id="marketplaces-list"></div>
+            <h3 class="pl-sec-title" data-min-level="expert">Marketplaces</h3>
+            <div class="run-list" id="marketplaces-list" data-min-level="expert"></div>
           </section>
           <!-- /pane plugins -->
 
@@ -1582,6 +1831,30 @@
                 <div class="sub">What worca remembers across runs and chats — the global rules and preferences every agent sees. A project's own memory lives on its project page (Projects → open a project → Memory).</div>
               </div>
             </div>
+            <!-- Settings › Memory: the model + effort EVERY Memory defragment run uses (memory-defrag-model.mjs).
+                 Expert, like the health card's Defragment. No ⓘ and empty hints: the settings-view census
+                 (test/ui-settings-tooltips.test.mjs) pins both. A plain .card like the health card, NOT a
+                 .settings-card: that census (About last, twelve cards) counts the General tab's cards. -->
+            <section class="card mem-model-card" id="mem-defrag-model-card" data-min-level="expert">
+              <div class="label-row"><h2>Defragment model</h2></div>
+              <p class="mem-model-text">The model every Memory defragment run uses — from the Defragment button, New pipeline, an Ask Worca card or the CLI. A model named when the run starts (<code>worca --model</code>) still wins.</p>
+              <div class="mem-model-row">
+                <div class="field">
+                  <div class="label-row"><label for="memDefragModel">Model</label></div>
+                  <select id="memDefragModel" class="select" aria-label="Defragment model"></select>
+                </div>
+                <div class="field">
+                  <div class="label-row"><label for="memDefragEffort">Effort</label></div>
+                  <select id="memDefragEffort" class="select" aria-label="Defragment effort"></select>
+                </div>
+              </div>
+              <small class="hint" id="memDefragModelNote"></small>
+              <div class="add-project-actions" style="margin-top:14px">
+                <button type="button" id="memDefragModelReset" class="btn btn-ghost btn-mini">Use default</button>
+                <button type="button" id="memDefragModelSave" class="btn btn-primary btn-mini">Save</button>
+              </div>
+              <small class="hint" id="memDefragModelMsg"></small>
+            </section>
             <p id="memory-msg" class="form-msg" aria-live="polite"></p>
             <div id="memory-host" class="mem-host"></div>
           </section>
@@ -1591,6 +1864,46 @@
       </main>
     </div>
 
+    <!-- ===== Model editor (configurable-models-design.md §4.10) =====
+         A task, not a page section: it used to render above the catalog, under a Providers card
+         taller than the viewport, so opening it looked like nothing happened. -->
+    <div id="model-editor-modal" class="viewer-modal hidden" role="dialog" aria-modal="true" aria-labelledby="mv-editor-heading">
+      <div id="mv-editor-host" class="mv-editor-host"></div>
+    </div>
+
+    <!-- ===== Import models (model-bridge-design.md §8.4) =====
+         One dialog for both sources: GitHub Copilot's catalog and any OpenAI-compatible server
+         you run. It lives with the CATALOG (Settings › Models), because what it produces is
+         catalog rows; the Providers tab only links into it with its endpoint filled in. -->
+    <div id="model-import-modal" class="viewer-modal hidden" role="dialog" aria-modal="true" aria-labelledby="mimp-title">
+      <div class="card mimp">
+        <h3 id="mimp-title" class="mv-editor-title">Import models</h3>
+        <div class="mimp-src">
+          <label class="mv-field mimp-source-field">
+            <span class="mv-field-label">From</span>
+            <select id="mimp-source" class="select"></select>
+          </label>
+          <label class="mv-field mimp-base-field">
+            <span class="mv-field-label">Base URL</span>
+            <!-- The button sits ON the field's line: below the hint it read as unrelated to the URL. -->
+            <span class="mimp-base-row">
+              <input id="mimp-base" class="input" type="text" placeholder="http://127.0.0.1:11434/v1" />
+              <button type="button" id="mimp-list" class="btn-ghost">List models</button>
+            </span>
+            <small class="hint">llama.cpp, Ollama, LM Studio, vLLM or a gateway — on this machine or your network.</small>
+          </label>
+        </div>
+        <p id="mimp-msg" class="form-msg" aria-live="polite"></p>
+        <!-- Copilot lists dozens of models; the filter narrows what is already listed, client-side. -->
+        <input id="mimp-filter" class="input mimp-filter hidden" type="search" placeholder="Filter by model, id or vendor…" aria-label="Filter the listed models" />
+        <div id="mimp-body"></div>
+        <div class="mv-editor-btns mimp-btns">
+          <button type="button" id="mimp-go" class="btn-go" disabled>Import selected</button>
+          <button type="button" id="mimp-cancel" class="btn-ghost">Cancel</button>
+        </div>
+      </div>
+    </div>
+
     <!-- ===== Saved-markdown viewer (modal) ===== -->
     <div id="viewer-card" class="viewer-modal hidden">
       <div class="card">
@@ -1622,6 +1935,25 @@
       </div>
     </div>
 
+    <!-- ===== Interface mode (docs/ui-levels.md) ===== -->
+    <!-- Opened by every [data-mode-open]: the sidebar item, its top-nav twin, Settings › General.
+         Choosing a card applies at once, so the app re-lays out behind the dialog as the preview.
+         ui-level.mjs owns the cards, focus and keys. -->
+    <div id="mode-modal" class="viewer-modal mode-modal hidden" role="dialog" aria-modal="true" aria-labelledby="mode-title" aria-describedby="mode-sub">
+      <div class="card">
+        <div class="card-head">
+          <h2 id="mode-title">Interface mode</h2>
+        </div>
+        <p class="mode-sub" id="mode-sub">Choose how much of Worca is on screen. Nothing is switched off, only tidied away, and you can change this at any time.</p>
+        <div class="lv-cards" id="mode-cards" role="radiogroup" aria-labelledby="mode-title"></div>
+        <small class="hint" id="mode-msg" aria-live="polite"></small>
+        <div class="mode-foot">
+          <span class="hint">Applies at once. Runs and saved settings are not affected.</span>
+          <button type="button" id="mode-done" class="btn btn-primary btn-mini">Done</button>
+        </div>
+      </div>
+    </div>
+
     <!-- ===== Reusable confirmation modal ===== -->
     <div id="confirm-modal" class="viewer-modal confirm-modal hidden" role="dialog" aria-modal="true" aria-labelledby="confirm-title">
       <div class="card">
@@ -1711,8 +2043,8 @@
           <span class="export-label">Format</span>
           <div id="export-format" class="seg" role="group" aria-label="Export format">
             <button type="button" class="seg-btn on" data-format="json">JSON file</button>
-            <button type="button" class="seg-btn" data-format="skill">Claude Code skill</button>
-            <button type="button" class="seg-btn" data-format="plugin">Worca plugin</button>
+            <button type="button" class="seg-btn" data-format="skill" data-min-level="expert">Claude Code skill</button>
+            <button type="button" class="seg-btn" data-format="plugin" data-min-level="expert">Worca plugin</button>
           </div>
           <span id="export-format-hint" class="hint"></span>
         </div>
@@ -1803,6 +2135,13 @@
           <b class="shipit-branch"></b>
           <span class="shipit-arrow">→</span>
           <span class="shipit-base"></span>
+          <!-- The base-branch pick, in place of the plain base name once GET
+               /api/pr/remotes names the choices: the run chain (root first, the
+               default) and the base remote's branches. While it is hidden the
+               plain `.shipit-base` text stands and the POST omits baseBranch. -->
+          <span class="select-wrap shipit-base-wrap" hidden>
+            <select id="shipit-base-branch" class="select shipit-base-branch" aria-label="Base branch"></select>
+          </span>
         </div>
         <!-- Fork support: where the branch is pushed and which repo the PR opens in
              (GitHub's "compare across forks"). Filled from GET /api/pr/remotes on