Complete workplan state model cleanup

dashboard/src/dependencies.md

@@ -4,6 +4,7 @@ title: Dependencies
 
 ```js
 import {API, POLL_HEAVY, apiFetch, pollDelay, waitForVisible} from "./components/config.js";
+import {normalizeWorkstreamStatus} from "./components/workplan-status.js";
 ```
 
 ```js
@@ -29,6 +30,7 @@ const depState = (async function*() {
         const repoMap  = Object.fromEntries(repoList.map(r => [r.id, r]));
         wsMap = Object.fromEntries(wsList.map(w => [w.id, {
           ...w,
+          status: normalizeWorkstreamStatus(w.status),
           // Prefer repo→domain (GEMS primary); fall back to topic→domain
           domain: repoMap[w.repo_id]?.domain_slug ?? topicMap[w.topic_id]?.domain_slug ?? "unknown",
         }]));
@@ -87,7 +89,7 @@ injectTocTop("dep-kpi-box", _kpiBox);
 injectTocTop("live-indicator", _liveEl);
 ```
 
-Directed edges between active workstreams. An edge **A → B** means A cannot
+Directed edges between open workstreams. An edge **A → B** means A cannot
 fully proceed until B reaches a satisfactory state.
 
 ```js
@@ -152,9 +154,12 @@ if (edges.length === 0) {
 .dep-title  { font-weight: 500; max-width: 22rem; }
 .dep-arrow  { text-align: center; color: var(--theme-foreground-faint, #bbb); font-size: 1rem; }
 .dep-status { display: inline-block; padding: 0.1rem 0.45rem; border-radius: 10px; font-size: 0.7rem; font-weight: 500; }
+.dep-status-proposed  { background: #fef3c7; color: #92400e; }
+.dep-status-ready     { background: #e0f2fe; color: #075985; }
 .dep-status-active    { background: #dcfce7; color: #166534; }
-.dep-status-completed { background: #f1f5f9; color: #475569; }
 .dep-status-blocked   { background: #fee2e2; color: #991b1b; }
+.dep-status-backlog   { background: #f1f5f9; color: #64748b; }
+.dep-status-finished  { background: #f1f5f9; color: #475569; }
 .dep-status-archived  { background: #f1f5f9; color: #9ca3af; }
 .dim { color: gray; font-style: italic; }
 </style>