feat: auto-approve on CONTINUE path + improved knowledge cards

1. Auto-commit when no review needed:
- When decision is CONTINUE (all rules pass), the complete node
auto-approves all PENDING proposals for that document version
- Creates commit records (audit trail preserved)
- Promotes knowledge items from PENDING → ACTIVE
- Items only stay PENDING if human review is required

2. Knowledge page visual overhaul:
- Title is now small/muted (context label)
- Value is the hero (larger, bold, primary color)
- Confidence shown as a colored bar (green/yellow/red)
- Source and date pushed to subtle footer line
- Type and status badges stay compact in header

backend/app/workflow/nodes/complete.py

@@ -1,3 +1,5 @@
+from __future__ import annotations
+
 from app.workflow.state import WorkflowState
 
 
@@ -6,10 +8,82 @@ def complete(
 ) -> WorkflowState:
     """
     Marks the workflow complete.
+
+    If the decision was CONTINUE (all validation passed, no human review
+    needed), auto-approves all PENDING proposals for this document version
+    and promotes the associated knowledge items to ACTIVE.
+
+    This ensures that documents which pass all rules get their knowledge
+    committed without requiring manual approval.
     """
+    from sqlalchemy.orm import Session
+    from app.database.database import SessionLocal
+    from app.models.proposal import Proposal, ProposalStatus
+    from app.models.knowledge_item import KnowledgeItem, KnowledgeStatus
+    from app.models.commit import Commit
+    from datetime import datetime, timezone
 
     state.current_node = "COMPLETED"
-
     state.completed = True
 
-    return state
+    # Only auto-commit if decision was CONTINUE (not human-reviewed)
+    decision = state.decision.get("decision") if state.decision else None
+    if decision != "CONTINUE":
+        return state
+
+    db: Session = SessionLocal()
+    try:
+        # Find all PENDING proposals for this document version's knowledge items
+        knowledge_items = (
+            db.query(KnowledgeItem)
+            .filter(
+                KnowledgeItem.workspace_id == state.workspace_id,
+                KnowledgeItem.document_version_id == state.document_version_id,
+            )
+            .all()
+        )
+
+        ki_ids = [ki.id for ki in knowledge_items]
+
+        if not ki_ids:
+            return state
+
+        proposals = (
+            db.query(Proposal)
+            .filter(
+                Proposal.workspace_id == state.workspace_id,
+                Proposal.knowledge_item_id.in_(ki_ids),
+                Proposal.status == ProposalStatus.PENDING,
+            )
+            .all()
+        )
+
+        now = datetime.now(timezone.utc)
+
+        for proposal in proposals:
+            proposal.status = ProposalStatus.APPROVED
+            proposal.reviewed_at = now
+
+            # Create an auto-commit record
+            commit = Commit(
+                workspace_id=proposal.workspace_id,
+                proposal_id=proposal.id,
+                committed_by=state.workspace_id,  # system commit
+                message=f"Auto-approved: {proposal.summary}",
+                changes=proposal.proposed_changes,
+            )
+            db.add(commit)
+
+        # Promote knowledge items to ACTIVE
+        for ki in knowledge_items:
+            if ki.status == KnowledgeStatus.PENDING:
+                ki.status = KnowledgeStatus.ACTIVE
+
+        db.commit()
+
+    except Exception:
+        db.rollback()
+    finally:
+        db.close()
+
+    return state

frontend/src/pages/Knowledge.css

@@ -23,21 +23,32 @@
 .dw-knowledge__item-header {
     display: flex;
     align-items: center;
-    gap: var(--space-3);
-    margin-bottom: var(--space-2);
+    gap: var(--space-2);
+    margin-bottom: var(--space-1);
 }
 
 .dw-knowledge__item-title {
-    font-weight: 600;
-    font-size: var(--text-base);
-    color: var(--color-text-primary);
+    font-size: var(--text-xs);
+    font-weight: 500;
+    color: var(--color-text-muted);
     margin: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.02em;
 }
 
 .dw-knowledge__item-value {
+    font-size: var(--text-base);
+    font-weight: 600;
+    color: var(--color-text-primary);
+    margin: var(--space-1) 0;
+    line-height: var(--leading-tight);
+}
+
+.dw-knowledge__item-summary {
     font-size: var(--text-sm);
     color: var(--color-text-secondary);
-    margin: var(--space-1) 0;
+    margin: var(--space-1) 0 0;
+    font-style: italic;
 }
 
 .dw-knowledge__item-meta {
@@ -46,4 +57,41 @@
     font-size: var(--text-xs);
     color: var(--color-text-muted);
     margin-top: var(--space-2);
+    padding-top: var(--space-2);
+    border-top: 1px solid var(--color-border);
+}
+
+.dw-knowledge__confidence-bar {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    font-size: var(--text-xs);
+    color: var(--color-text-muted);
+}
+
+.dw-knowledge__confidence-track {
+    width: 48px;
+    height: 4px;
+    border-radius: 2px;
+    background: var(--color-border);
+    overflow: hidden;
+}
+
+.dw-knowledge__confidence-fill {
+    height: 100%;
+    border-radius: 2px;
+    background: var(--color-accent);
+    transition: width var(--transition-base);
+}
+
+.dw-knowledge__confidence-fill--high {
+    background: var(--color-success);
+}
+
+.dw-knowledge__confidence-fill--medium {
+    background: var(--color-warning);
+}
+
+.dw-knowledge__confidence-fill--low {
+    background: var(--color-danger);
 }

frontend/src/pages/Knowledge.jsx

@@ -26,6 +26,24 @@ const STATUS_TONE = {
 const TYPES = ["", "ENTITY", "CLAIM", "METHOD", "METRIC", "DATASET", "OBSERVATION", "DATE"];
 const STATUSES = ["", "ACTIVE", "PENDING", "CONFLICTED", "SUPERSEDED", "ARCHIVED", "REJECTED"];
 
+function ConfidenceBar({ confidence }) {
+    if (confidence == null) return null;
+    const pct = Math.round(confidence * 100);
+    let cls = "dw-knowledge__confidence-fill";
+    if (pct >= 85) cls += " dw-knowledge__confidence-fill--high";
+    else if (pct >= 60) cls += " dw-knowledge__confidence-fill--medium";
+    else cls += " dw-knowledge__confidence-fill--low";
+
+    return (
+        <span className="dw-knowledge__confidence-bar">
+            <span className="dw-knowledge__confidence-track">
+                <span className={cls} style={{ width: `${pct}%` }} />
+            </span>
+            {pct}%
+        </span>
+    );
+}
+
 export default function Knowledge() {
     const { workspace, loading: wsLoading } = useWorkspace();
     const [items, setItems] = useState([]);
@@ -99,21 +117,15 @@ export default function Knowledge() {
                                 <div className="dw-knowledge__item-header">
                                     <Badge tone={TYPE_TONE[item.type] || "default"}>{item.type}</Badge>
                                     <Badge tone={STATUS_TONE[item.status] || "default"}>{item.status}</Badge>
-                                    {item.confidence != null && (
-                                        <span style={{ fontSize: "var(--text-xs)", color: "var(--color-text-muted)" }}>
-                                            Confidence: {(item.confidence * 100).toFixed(0)}%
-                                        </span>
-                                    )}
+                                    <ConfidenceBar confidence={item.confidence} />
                                 </div>
                                 <p className="dw-knowledge__item-title">{item.title}</p>
                                 <p className="dw-knowledge__item-value">{item.value}</p>
                                 {item.summary && (
-                                    <p className="dw-knowledge__item-value" style={{ fontStyle: "italic" }}>
-                                        {item.summary}
-                                    </p>
+                                    <p className="dw-knowledge__item-summary">{item.summary}</p>
                                 )}
                                 <div className="dw-knowledge__item-meta">
-                                    {item.filename && <span>Source: {item.filename}</span>}
+                                    {item.filename && <span>{item.filename}</span>}
                                     {item.created_at && (
                                         <span>{new Date(item.created_at).toLocaleDateString()}</span>
                                     )}