@hanzlaa/rcode 3.6.15 → 4.0.0

package/server/lib/html/client/components/Sidebar.js

@@ -7,6 +7,9 @@
 
 import { html } from '../preact.js';
 import { Icon } from '../icons-client.js';
+import { useStore } from '../store.js';
+import { allSprints, allTasks } from '../util.js';
+import { AGENTS } from '../agents-data.js';
 
 // Nav structure: [ { section, links: [ { view, icon, label } ] } ]
 const NAV_SECTIONS = [
@@ -44,13 +47,22 @@ const NAV_SECTIONS = [
  *
  * Props:
  *   activeView  {string}  — currently active view key
- *   projectName {string}  — displayed under the "Rihal" label
+ *   projectName {string}  — displayed under the "rcode" label
  */
 export function Sidebar({ activeView, projectName }) {
+  const S = useStore();
+  const counts = {
+    phases:    (S.phases || []).length,
+    sprints:   allSprints(S.phases).length,
+    tasks:     allTasks(S.phases).length,
+    decisions: (S.decisions || []).length,
+    agents:    AGENTS.length,
+  };
+
   return html`
     <aside class="sidebar" id="sidebar">
       <div class="sidebar-project">
-        <div class="project-label">Rihal</div>
+        <div class="project-label">rcode</div>
         <span>${projectName || ''}</span>
       </div>
       <nav>
@@ -64,6 +76,7 @@ export function Sidebar({ activeView, projectName }) {
             >
               <${Icon} name=${icon} size=${14} />
               ${' ' + label}
+              ${counts[view] ? html`<span class="nav-count">${counts[view]}</span>` : null}
             </button>
           `)}
         `)}

package/server/lib/html/client/components/Topbar.js

@@ -15,7 +15,7 @@
 import { html } from '../preact.js';
 import { Icon } from '../icons-client.js';
 
-export function Topbar({ projectName, updatedAgo, onRefresh, onToggleTheme, onToggleSidebar, themeLabel }) {
+export function Topbar({ projectName, updatedAgo, refreshing, onRefresh, onToggleTheme, onToggleSidebar, themeLabel }) {
   return html`
     <header>
       <div class="topbar-start-group">
@@ -36,8 +36,11 @@ export function Topbar({ projectName, updatedAgo, onRefresh, onToggleTheme, onTo
         </div>
       </div>
       <div class="header-actions">
-        <span class="live" id="live-dot" title="Live"></span>
-        <span id="updated-ago" class="updated-ago">${updatedAgo || 'just now'}</span>
+        <span class="live" id="live-dot" title="Live"
+          style=${refreshing ? 'animation-duration:0.7s;background:var(--accent-blue);' : ''}></span>
+        <span id="updated-ago" class="updated-ago">
+          ${refreshing ? '⟳ syncing…' : (updatedAgo || 'just now')}
+        </span>
         <button class="header-btn" id="refresh-btn" onClick=${onRefresh}>↺ Refresh</button>
         <!-- icon shows TARGET state (not current): dark→sun means "click to go light"; light→moon means "click to go dark" -->
         <button class="header-btn" id="theme-btn" onClick=${onToggleTheme} title="Toggle theme"><${Icon} name=${themeLabel === 'light' ? 'moon' : 'sun'} size=${14}/></button>

package/server/lib/html/client/components/shared.js

@@ -187,7 +187,7 @@ export function PhaseCard({ phase: p, S }) {
     <div class=${'item item-clickable'} style=${borderStyle}
       onClick=${() => { location.hash = 'phases/' + p.id; }}>
       <div class="item-title">
-        ${sps.length ? html`<${RunBtn} storyId=${'phase-' + p.id} cmd=${'/rihal-execute ' + p.id} label=${'Phase ' + p.id}/>` : null}
+        ${sps.length ? html`<${RunBtn} storyId=${'phase-' + p.id} cmd=${'/rcode-execute ' + p.id} label=${'Phase ' + p.id}/>` : null}
         Phase ${p.id} — ${p.name}
         ${isCur ? html`<${Tag}>current</${Tag}>` : null}
         <${Chip} status=${p.status}/>
@@ -234,7 +234,7 @@ export function SprintCard({ sprint: s, S }) {
     <div class=${'item item-clickable' + (isCur ? ' sprint-current' : '')} style=${borderStyle}
       onClick=${() => { location.hash = 'sprints/' + s.id; }}>
       <div class="item-title">
-        <${RunBtn} storyId=${'sprint-' + s.id} cmd=${'/rihal-execute-sprint ' + s.id} label=${'Sprint ' + s.id}/>
+        <${RunBtn} storyId=${'sprint-' + s.id} cmd=${'/rcode-execute-sprint ' + s.id} label=${'Sprint ' + s.id}/>
         Sprint ${s.id} — ${s.goal || 'No goal'}
         ${isCur ? html`<${Tag}>current</${Tag}>` : null}
         <${Chip} status=${s.status}/>
@@ -249,7 +249,7 @@ export function SprintCard({ sprint: s, S }) {
       <div style="margin-top:6px;"><${ProgressBar} done=${done} total=${stories.length}/></div>
       ${stories.length === 0 ? html`
         <div class="empty-action" style="margin-top:var(--space-2);font-size:var(--text-xs);">
-          No tasks — run <code>/rihal-plan ${phaseId}</code> to populate
+          No tasks — run <code>/rcode-plan ${phaseId}</code> to populate
         </div>
       ` : null}
       ${s.started_at ? html`
@@ -276,14 +276,14 @@ export function TaskCard({ task: t }) {
   const taskCmds = [];
   if (t.id) {
     if (!done) {
-      taskCmds.push(['/rihal-dev-story ' + t.id, 'Implement this story']);
-      taskCmds.push(['/rihal-create-story ' + (t.sprintId || ''), 'Add related story']);
+      taskCmds.push(['/rcode-dev-story ' + t.id, 'Implement this story']);
+      taskCmds.push(['/rcode-create-story ' + (t.sprintId || ''), 'Add related story']);
     } else {
-      taskCmds.push(['/rihal-verify-work ' + t.id, 'Verify this story']);
-      taskCmds.push(['/rihal-code-review ' + t.id, 'Review code for this story']);
+      taskCmds.push(['/rcode-verify-work ' + t.id, 'Verify this story']);
+      taskCmds.push(['/rcode-review ' + t.id, 'Review code for this story']);
     }
     if (t.sprintId) {
-      taskCmds.push(['/rihal-sprint-status ' + t.sprintId, 'Sprint ' + t.sprintId + ' status']);
+      taskCmds.push(['/rcode-sprint-status ' + t.sprintId, 'Sprint ' + t.sprintId + ' status']);
     }
   }
 
@@ -292,7 +292,7 @@ export function TaskCard({ task: t }) {
       style=${done ? 'opacity:.65' : ''}
       onClick=${() => setExpanded(e => !e)}>
       <div class="item-title" style=${done ? 'text-decoration:line-through' : ''}>
-        ${t.id && !done ? html`<${RunBtn} storyId=${t.id} cmd=${'/rihal-dev-story ' + t.id} label=${'Story ' + t.id}/>` : null}
+        ${t.id && !done ? html`<${RunBtn} storyId=${t.id} cmd=${'/rcode-dev-story ' + t.id} label=${'Story ' + t.id}/>` : null}
         ${done ? '✓ ' : ''}${t.title}
         <${Chip} status=${t.status}/>
         <span class="task-expand-icon">${expanded ? '▼' : '▶'}</span>

package/server/lib/html/client/orchestrator.js

@@ -179,7 +179,7 @@ export function runAndOpenTerm(storyId, cmd, title) {
   const tok = orchToken();
   if (!tok) return;
 
-  runSession(storyId, cmd).catch(() => {});
+  runSession(storyId, cmd).catch(err => console.error('[orchestrator] session op failed:', err.message));
 }
 
 /**
@@ -211,14 +211,14 @@ export function openOrchPanel(storyId) {
  */
 export function runStory(storyId) {
   if (!storyId) return;
-  runAndOpenTerm(storyId, '/rihal-dev-story ' + storyId, storyId);
+  runAndOpenTerm(storyId, '/rcode-dev-story ' + storyId, storyId);
 }
 
 /**
  * stopStory — Kanban "Stop" action.
  */
 export function stopStory(storyId) {
-  stopSession(storyId);
+  stopSession(storyId).catch(err => console.error('[orchestrator] session op failed:', err.message));
 }
 
 // ── Command runner ────────────────────────────────────────────────────────────
@@ -228,26 +228,26 @@ export function stopStory(storyId) {
  * Update both when adding a new command.
  */
 export const ALLOWED_COMMANDS = [
-  { cmd: '/rihal-init',          label: 'init — initialise project workspace' },
-  { cmd: '/rihal-status',        label: 'status — phase / sprint status' },
-  { cmd: '/rihal-progress',      label: 'progress — milestone progress' },
-  { cmd: '/rihal-help',          label: 'help — command reference' },
-  { cmd: '/rihal-health',        label: 'health — repo health check' },
-  { cmd: '/rihal-next',          label: 'next — suggest next action' },
-  { cmd: '/rihal-show',          label: 'show — show current plan' },
-  { cmd: '/rihal-list-plans',    label: 'list-plans — list all sprint plans' },
-  { cmd: '/rihal-sprint-status', label: 'sprint-status — sprint execution status' },
-  { cmd: '/rihal-config',        label: 'config — show rihal config' },
-  { cmd: '/rihal-diff',          label: 'diff — diff since last checkpoint' },
-  { cmd: '/rihal-stats',         label: 'stats — project statistics' },
+  { cmd: '/rcode-init',          label: 'init — initialise project workspace' },
+  { cmd: '/rcode-status',        label: 'status — phase / sprint status' },
+  { cmd: '/rcode-progress',      label: 'progress — milestone progress' },
+  { cmd: '/rcode-help',          label: 'help — command reference' },
+  { cmd: '/rcode-health',        label: 'health — repo health check' },
+  { cmd: '/rcode-next',          label: 'next — suggest next action' },
+  { cmd: '/rcode-show',          label: 'show — show current plan' },
+  { cmd: '/rcode-list-plans',    label: 'list-plans — list all sprint plans' },
+  { cmd: '/rcode-sprint-status', label: 'sprint-status — sprint execution status' },
+  { cmd: '/rcode-config',        label: 'config — show rcode config' },
+  { cmd: '/rcode-diff',          label: 'diff — diff since last checkpoint' },
+  { cmd: '/rcode-stats',         label: 'stats — project statistics' },
 ];
 
 /**
- * Launch an allowlisted rihal command from the dashboard command runner.
+ * Launch an allowlisted rcode command from the dashboard command runner.
  * Uses a synthetic storyId derived from the command slug so it shows up as
  * its own session in the Orchestration grid.
  *
- * storyId format: "cmd-rihal-init" (satisfies STORY_ID_RE /^[A-Za-z0-9._-]+$/).
+ * storyId format: "cmd-rcode-init" (satisfies STORY_ID_RE /^[A-Za-z0-9._-]+$/).
  *
  * Surfaces errors as toast notifications:
  *   - 403 / 503 / any server error message  → showToast('Command error: ...')

package/server/lib/html/client/store.js

@@ -27,6 +27,16 @@ let _state = {
   workstreams:      _seed.workstreams      || [],
   pendingHandoff:   _seed.pendingHandoff   || null,
   memoryBank:       _seed.memoryBank       || null,
+  // Environment info — surfaced in the bottom status bar.
+  projectName:      _seed.projectName      || '',
+  projectRoot:      _seed.projectRoot      || '',
+  version:          _seed.version          || '',
+  // Refresh lifecycle: refreshing flips true during a poll/fetch; offline is
+  // true when /api/state fails; lastRefresh is the ms timestamp of the last
+  // successful fetch (null until the first one completes).
+  refreshing:       false,
+  offline:          false,
+  lastRefresh:      null,
   // Live orchestrator sessions (populated by startSessionsPoll in orchestrator.js)
   activeSessions:   [],
   // File jump bridge: AgentsView sets this to a slug so FilesView opens it.
@@ -75,6 +85,26 @@ export function subscribe(fn) {
   return () => _subscribers.delete(fn);
 }
 
+/**
+ * Refresh handler bridge.
+ *
+ * App owns the actual /api/state fetch (fetchAndRerender). It registers that
+ * function here on mount so any component can trigger a refresh via refresh()
+ * without reaching for a window global. `window._preactRefresh` is kept in
+ * sync for any legacy inline-onclick callers.
+ */
+let _refreshHandler = null;
+
+export function registerRefresh(fn) {
+  _refreshHandler = typeof fn === 'function' ? fn : null;
+  if (typeof window !== 'undefined') window._preactRefresh = _refreshHandler;
+}
+
+/** Trigger a data refresh, if a handler has been registered. */
+export function refresh() {
+  if (typeof _refreshHandler === 'function') return _refreshHandler();
+}
+
 /**
  * Preact hook. Subscribes the calling component to the store and
  * returns the current state. The component re-renders on every setState().

package/server/lib/html/client/util.js

@@ -7,16 +7,6 @@
  * Import here; do NOT duplicate in component files.
  */
 
-/** HTML-escape a value for safe rendering. */
-export function esc(s) {
-  return String(s || '')
-    .replace(/&/g, '&')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;');
-}
-
 /** Percentage string. Returns '—' if total is 0. */
 export function pct(done, total) {
   return total > 0 ? Math.round(done / total * 100) + '%' : '—';
@@ -116,34 +106,34 @@ export function sprintHints(s) {
   const sid = s.id || '';
   if (st === 'completed' || st === 'complete' || st === 'done') {
     return [
-      ['/rihal-verify-work',   'Verify UAT for Sprint ' + sid],
-      ['/rihal-audit',         'Audit completed Sprint ' + sid],
-      ['/rihal-session-report','Generate session report'],
-      ['/rihal-code-review',   'Review code from Sprint ' + sid],
+      ['/rcode-verify-work',   'Verify UAT for Sprint ' + sid],
+      ['/rcode-audit',         'Audit completed Sprint ' + sid],
+      ['/rcode-session-report','Generate session report'],
+      ['/rcode-review',   'Review code from Sprint ' + sid],
     ];
   } else if (st === 'active' || st === 'in_progress') {
     return [
-      ['/rihal-progress',     'Check Sprint ' + sid + ' progress'],
-      ['/rihal-sprint-status','Status report for Sprint ' + sid],
-      ['/rihal-pause-work',   'Pause and save context'],
+      ['/rcode-progress',     'Check Sprint ' + sid + ' progress'],
+      ['/rcode-sprint-status','Status report for Sprint ' + sid],
+      ['/rcode-pause-work',   'Pause and save context'],
     ];
   } else if (st === 'blocked') {
     return [
-      ['/rihal-debug',         'Debug blocker in Sprint ' + sid],
-      ['/rihal-correct-course','Course-correct Sprint ' + sid],
+      ['/rcode-debug',         'Debug blocker in Sprint ' + sid],
+      ['/rcode-correct-course','Course-correct Sprint ' + sid],
     ];
   } else {
     if (!stories.length) {
       return [
-        ['/rihal-sprint-planning','Groom Sprint ' + sid + ' — add stories'],
-        ['/rihal-create-story',   'Create a story for Sprint ' + sid],
-        ['/rihal-discuss-phase',  'Discuss approach before planning'],
+        ['/rcode-sprint-planning','Groom Sprint ' + sid + ' — add stories'],
+        ['/rcode-create-story',   'Create a story for Sprint ' + sid],
+        ['/rcode-discuss-phase',  'Discuss approach before planning'],
       ];
     }
     return [
-      ['/rihal-execute-sprint ' + sid, 'Execute Sprint ' + sid],
-      ['/rihal-discuss-phase',  'Discuss before executing'],
-      ['/rihal-sprint-planning','Refine Sprint ' + sid + ' plan'],
+      ['/rcode-execute-sprint ' + sid, 'Execute Sprint ' + sid],
+      ['/rcode-discuss-phase',  'Discuss before executing'],
+      ['/rcode-sprint-planning','Refine Sprint ' + sid + ' plan'],
     ];
   }
 }
@@ -162,27 +152,27 @@ export function phaseHints(p) {
   const pid = p.id || '';
   if (st === 'completed' || st === 'complete' || st === 'done') {
     return [
-      ['/rihal-validate-phase','Validate Phase ' + pid + ' deliverables'],
-      ['/rihal-audit',        'Audit Phase ' + pid + ' completion'],
-      ['/rihal-code-review',  'Review Phase ' + pid + ' code'],
+      ['/rcode-validate-phase','Validate Phase ' + pid + ' deliverables'],
+      ['/rcode-audit',        'Audit Phase ' + pid + ' completion'],
+      ['/rcode-review',  'Review Phase ' + pid + ' code'],
     ];
   } else if (st === 'active' || st === 'in_progress') {
     return [
-      ['/rihal-progress',     'Check Phase ' + pid + ' progress'],
-      ['/rihal-sprint-status','Current sprint status'],
-      ['/rihal-code-review',  'Review code in Phase ' + pid],
+      ['/rcode-progress',     'Check Phase ' + pid + ' progress'],
+      ['/rcode-sprint-status','Current sprint status'],
+      ['/rcode-review',  'Review code in Phase ' + pid],
     ];
   } else {
     if (!sps.length) {
       return [
-        ['/rihal-plan',         'Create sprint plan for Phase ' + pid],
-        ['/rihal-discuss-phase','Discuss Phase ' + pid + ' approach'],
-        ['/rihal-research-phase','Research Phase ' + pid + ' before planning'],
+        ['/rcode-plan',         'Create sprint plan for Phase ' + pid],
+        ['/rcode-discuss-phase','Discuss Phase ' + pid + ' approach'],
+        ['/rcode-research-phase','Research Phase ' + pid + ' before planning'],
       ];
     }
     return [
-      ['/rihal-execute ' + pid, 'Start executing Phase ' + pid],
-      ['/rihal-sprint-planning','Plan next sprint in Phase ' + pid],
+      ['/rcode-execute ' + pid, 'Start executing Phase ' + pid],
+      ['/rcode-sprint-planning','Plan next sprint in Phase ' + pid],
     ];
   }
 }

package/server/lib/html/client/views/DecisionsView.js

@@ -12,9 +12,9 @@ import { humanDate } from '../util.js';
 import { CmdHint, CmdHints, showToast } from '../components/shared.js';
 
 const CMD_HINTS = [
-  ['/rihal-council',                   'Convene the council for a new decision'],
-  ['/rihal-discuss [agent] "topic"',   'Discuss with a specific expert'],
-  ['/rihal-decisions',                 'View decision log'],
+  ['/rcode-council',                   'Convene the council for a new decision'],
+  ['/rcode-discuss [agent] "topic"',   'Discuss with a specific expert'],
+  ['/rcode-decisions',                 'View decision log'],
 ];
 
 export function DecisionsView() {
@@ -31,7 +31,7 @@ export function DecisionsView() {
         <div class="view-title">Decisions (ADRs)</div>
         <div class="empty">
           No decisions recorded yet.
-          <div class="empty-action">Decisions made during /rihal-council appear here</div>
+          <div class="empty-action">Decisions made during /rcode-council appear here</div>
         </div>
       </div>
     `;

package/server/lib/html/client/views/FilesView.js

@@ -21,11 +21,26 @@ function stripFrontmatter(md) {
   return end === -1 ? md : md.slice(end + 4).trimStart();
 }
 
+// Minimal HTML sanitizer for rendered markdown. No DOMPurify dependency on the
+// client, so we strip the dangerous primitives via regex after marked emits
+// HTML: script/iframe/object/embed tags, inline event handlers, and
+// javascript:/data: URLs in href/src. Markdown content comes from the project
+// dir (semi-trusted) but may include attacker-controlled text checked into a
+// repo, so we cannot trust raw HTML passthrough.
+function sanitizeHtml(html) {
+  return String(html)
+    .replace(/<\s*(script|iframe|object|embed|link|meta|style)\b[^>]*>[\s\S]*?<\s*\/\s*\1\s*>/gi, '')
+    .replace(/<\s*(script|iframe|object|embed|link|meta|style)\b[^>]*\/?>/gi, '')
+    .replace(/\son[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, '')
+    .replace(/(href|src|xlink:href)\s*=\s*(["'])\s*(?:javascript|data|vbscript):[^"']*\2/gi, '$1=$2#blocked$2');
+}
+
 function renderMd(md) {
   const clean = stripFrontmatter(md);
-  return (typeof marked !== 'undefined')
-    ? marked.parse(clean)
-    : '<pre>' + clean.replace(/</g, '&lt;') + '</pre>';
+  if (typeof marked === 'undefined') {
+    return '<pre>' + clean.replace(/</g, '&lt;') + '</pre>';
+  }
+  return sanitizeHtml(marked.parse(clean));
 }
 
 // ---- File tree components ----
@@ -172,7 +187,10 @@ export function FilesView() {
     try {
       const resp = await fetch('/api/file?path=' + encodeURIComponent(file.path));
       if (!resp.ok) {
-        setFileContent({ html: null, loading: false, error: 'Failed to load file.' });
+        const msg = resp.status === 404
+          ? 'File not found: ' + file.path
+          : 'Failed to load file (HTTP ' + resp.status + ').';
+        setFileContent({ html: null, loading: false, error: msg });
         return;
       }
       const text = await resp.text();

package/server/lib/html/client/views/KanbanView.js

@@ -8,7 +8,7 @@
  */
 
 import { html, useState, useCallback } from '../preact.js';
-import { useStore } from '../store.js';
+import { useStore, refresh } from '../store.js';
 import { allTasks } from '../util.js';
 import { runStory, stopStory, openOrchPanel } from '../orchestrator.js';
 import { showToast } from '../components/shared.js';
@@ -131,7 +131,7 @@ function KanbanColumn({ col, cards, onDragStart, onDragEnd, onDragOver, onDrop }
 
 // ---- Root KanbanView ----
 export function KanbanView() {
-  const { phases, activeSessions } = useStore();
+  const { phases, activeSessions, currentPhase, milestone } = useStore();
   const tasks = allTasks(phases);
 
   // ---- Local column state (visual DnD overrides) ----
@@ -178,7 +178,7 @@ export function KanbanView() {
 
   // ---- Manual refresh ----
   function handleSync() {
-    if (typeof window._preactRefresh === 'function') window._preactRefresh();
+    refresh();
   }
 
   function handleSessions() {
@@ -200,7 +200,18 @@ export function KanbanView() {
         </div>
         <div class="empty" style="margin:24px;">
           No stories yet.
-          <div class="empty-action">/rihal-plan to generate tasks</div>
+          ${(milestone || currentPhase) ? html`
+            <div class="empty-action">
+              ${milestone ? html`Milestone <strong>${milestone}</strong>` : null}
+              ${milestone && currentPhase ? ' · ' : null}
+              ${currentPhase ? html`Phase <strong>${currentPhase}</strong>` : null}
+              ${' is active.'}
+            </div>
+          ` : null}
+          <div class="empty-action">
+            Run <code>/rcode-plan</code> to generate sprint stories, or browse
+            planning docs in the <a href="#files">Files</a> view.
+          </div>
         </div>
       </div>
     `;

package/server/lib/html/client/views/MemoryView.js

@@ -13,10 +13,10 @@ import { html, useState, useEffect } from '../preact.js';
 
 // ---- Command hints accordion ----
 const MEMORY_HINTS = [
-  ['/rihal-memory-init',    'Bootstrap the Memory Bank'],
-  ['/rihal-memory-update',  'Append a decision, issue, or stakeholder entry'],
-  ['/rihal-memory-distill', 'Regenerate fast-load distillates'],
-  ['/rihal-memory-audit',   'Find stale entries and gaps'],
+  ['/rcode-memory-init',    'Bootstrap the Memory Bank'],
+  ['/rcode-memory-update',  'Append a decision, issue, or stakeholder entry'],
+  ['/rcode-memory-distill', 'Regenerate fast-load distillates'],
+  ['/rcode-memory-audit',   'Find stale entries and gaps'],
 ];
 
 function CmdAccordion({ hints }) {
@@ -115,9 +115,9 @@ export function MemoryView() {
       <div class="view active" id="view-memory">
         <div class="view-title">Memory Bank</div>
         <div class="empty">
-          <h3 style="color:var(--rihal-gold);">Not initialised</h3>
+          <h3 style="color:var(--rcode-gold);">Not initialised</h3>
           <p>The Memory Bank is rcode's structured project context.</p>
-          <div class="empty-action">Run <code>/rihal-memory-init</code> to bootstrap</div>
+          <div class="empty-action">Run <code>/rcode-memory-init</code> to bootstrap</div>
         </div>
       </div>
     `;
@@ -128,7 +128,7 @@ export function MemoryView() {
       <div class="view active" id="view-memory">
         <div class="view-title">Memory Bank</div>
         <div class="empty">
-          <p>Directory exists but INDEX.md is missing — re-run <code>/rihal-memory-init</code></p>
+          <p>Directory exists but INDEX.md is missing — re-run <code>/rcode-memory-init</code></p>
         </div>
       </div>
     `;

package/server/lib/html/client/views/OrchestrationView.js

@@ -79,7 +79,7 @@ function sortSessions(sessions) {
 // ── Command runner ────────────────────────────────────────────────────────────
 
 /**
- * CommandRunner — dropdown + Run button for launching allowlisted rihal commands.
+ * CommandRunner — dropdown + Run button for launching allowlisted rcode commands.
  * State is local (useState) — no store changes needed; runCommandFromUI handles
  * all session and terminal state via runCommandFromUI → runSession.
  */
@@ -131,6 +131,13 @@ function CommandRunner() {
               : html`<${Icon} name="play" size=${14}/> Run`}
         </button>
       </div>
+      <div class="cmd-runner-hint">
+        ${isRunning
+          ? html`Command is running — output is streaming to the terminal panel.`
+          : busy
+            ? html`Starting — the terminal panel will open shortly.`
+            : html`Select a command and press Run. Output streams live to the terminal panel.`}
+      </div>
     </div>
   `;
 }
@@ -152,8 +159,11 @@ export function OrchestrationView() {
 
       ${sessions.length === 0 ? html`
         <div class="empty">
-          No agent sessions yet.
-          <div class="empty-action">Run a phase or sprint to start one</div>
+          No active execution.
+          <div class="empty-action">
+            Use the Command Runner above, or run <code>/rcode-execute</code> to
+            start a phase or sprint.
+          </div>
         </div>
       ` : html`
         <div class="orch-grid">

package/server/lib/html/client/views/OverviewView.js

@@ -7,8 +7,8 @@
 
 import { html } from '../preact.js';
 import { useStore } from '../store.js';
-import { pct, humanDate, allSprints, chip, sprintHints as getSprintHints } from '../util.js';
-import { ProgressBar, CmdHints } from '../components/shared.js';
+import { pct, humanDate, allSprints, allTasks, chip, sprintHints as getSprintHints } from '../util.js';
+import { ProgressBar, CmdHints, Chip } from '../components/shared.js';
 import { Icon } from '../icons-client.js';
 
 // ---- OverviewView ----
@@ -28,14 +28,49 @@ export function OverviewView() {
 
   // Cmd hints
   const baseHints = [
-    ['/rihal-next',   'What should I do next?'],
-    ['/rihal-status', 'Quick project status'],
-    ['/rihal-council','Ask the team a question'],
+    ['/rcode-next',   'What should I do next?'],
+    ['/rcode-status', 'Quick project status'],
+    ['/rcode-council','Ask the team a question'],
   ];
   const sprintHints = getSprintHints(curSprint);
   let hints = [...sprintHints, ...baseHints];
   if (S.pendingHandoff) {
-    hints = [['/rihal-resume-work','Resume from the pending handoff'], ...hints];
+    hints = [['/rcode-resume-work','Resume from the pending handoff'], ...hints];
+  }
+
+  // At-a-glance status tiles — phase, sprint, blocked, last execution.
+  function StatusSummary() {
+    const curPhase = (S.phases || []).find(
+      p => String(p.id) === String(S.currentPhase),
+    ) || null;
+    const blockedCount = allTasks(S.phases).filter(t => t.status === 'blocked').length;
+    const lastExec = S.last_session
+      ? humanDate(S.last_session.date || S.last_session.timestamp)
+      : null;
+    return html`
+      <div class="stat">
+        <div class="label">Current Phase</div>
+        <div class="value">${curPhase ? 'P' + curPhase.id : '—'}</div>
+        <div class="sub">
+          ${curPhase ? html`${curPhase.name} · <${Chip} status=${curPhase.status}/>` : 'No phase set'}
+        </div>
+      </div>
+      <div class="stat">
+        <div class="label">Active Sprint</div>
+        <div class="value">${curSprint ? curSprint.id : '—'}</div>
+        <div class="sub">${curSprint ? (curSprint.goal || curSprint.status || 'in progress') : 'No active sprint'}</div>
+      </div>
+      <div class="stat" style=${blockedCount ? 'border-left-color:var(--red,#eb5757)' : ''}>
+        <div class="label">Blocked Tasks</div>
+        <div class="value" style=${blockedCount ? 'color:var(--red,#eb5757)' : ''}>${blockedCount}</div>
+        <div class="sub">${blockedCount ? 'needs attention' : 'all clear'}</div>
+      </div>
+      <div class="stat">
+        <div class="label">Last Execution</div>
+        <div class="value" style="font-size:var(--text-lg,1rem);">${lastExec || '—'}</div>
+        <div class="sub">${lastExec ? 'most recent session' : 'no sessions yet'}</div>
+      </div>
+    `;
   }
 
   // Current sprint progress
@@ -163,7 +198,7 @@ export function OverviewView() {
             </div>
           ` : null}
           <div style="margin-top:var(--space-3);font-size:var(--text-sm);">
-            <code>/rihal-resume-work</code>
+            <code>/rcode-resume-work</code>
           </div>
         </div>
       </section>
@@ -175,8 +210,12 @@ export function OverviewView() {
     if (!S.memoryBank || !S.memoryBank.active) return null;
     const m = S.memoryBank.active;
     return html`
-      <section>
-        <h2 class="section-icon"><${Icon} name="brain" size=${16}/> Memory Bank</h2>
+      <section
+        class="item-clickable"
+        style="cursor:pointer;"
+        onClick=${() => { location.hash = 'memory'; }}
+      >
+        <h2 class="section-icon"><${Icon} name="brain" size=${16}/> Memory Bank →</h2>
         <div class="body">
           <div class="attr-grid">
             <div class="attr-item">
@@ -207,6 +246,7 @@ export function OverviewView() {
   return html`
     <div id="view-overview" class="view active">
       <div class="stats">
+        <${StatusSummary}/>
         <${VelocitySpark}/>
       </div>
       <${HandoffBanner}/>