UX: implement visual product roadmap

frontend/src/pages/Dashboard.tsx

@@ -91,7 +91,11 @@ export function Dashboard() {
   const isUnfiltered = severity === "all" && query === "";
   const attentionTiers = useMemo(() => {
     if (!isUnfiltered) return [{ key: "all", labelKey: "", items: attention.slice(0, 6) }];
-    const bySeverity = (level: string) => attention.filter((item) => item.severity === level);
+    // Keep the initial dashboard queue deliberately bounded. The full evidence-backed
+    // queue remains one click away in Data Quality; this view is for deciding what to
+    // do next, not for rendering the whole backlog.
+    const visible = ["high", "medium", "low"].flatMap((level) => attention.filter((item) => item.severity === level)).slice(0, 6);
+    const bySeverity = (level: string) => visible.filter((item) => item.severity === level);
     return [
       { key: "high", labelKey: "attention.tierNow", items: bySeverity("high") },
       { key: "medium", labelKey: "attention.tierToday", items: bySeverity("medium") },
@@ -185,6 +189,9 @@ export function Dashboard() {
                   </ul>
                 </div>
               ))}
+              {isUnfiltered && attention.length > 6 && canSeeQuality && (
+                <p className="queue-more"><Link to="/data-quality">{t("attention.remaining", { count: attention.length - 6 })} <Icon name="chevron" /></Link></p>
+              )}
             </>
           )}
         </section>
@@ -238,7 +245,7 @@ export function Dashboard() {
               <IntegrationMark kind="rag" />
               <div>
                 <strong>{t("integrationPulse.knowledgeTitle")}</strong>
-                <span>{knowledge ? t("integrationPulse.knowledgeSummary", { count: knowledge.document_count }) : t("integrationPulse.knowledgeUnavailable")}</span>
+                <span>{knowledge ? (knowledge.document_count === null ? t("integrationPulse.knowledgeIndexUnknown") : t("integrationPulse.knowledgeSummary", { count: knowledge.document_count })) : t("integrationPulse.knowledgeUnavailable")}</span>
               </div>
               <StatusBadge
                 status={knowledge?.available ? "available" : "unavailable"}