M31: verify RAG inventory and polish attention queue

frontend/src/i18n/locales/en-GB/dashboard.json

@@ -36,7 +36,9 @@
     "title": "Attention queue",
     "description": "{{openIssues}} open quality issues · {{workflowExceptions}} workflow exceptions",
     "reviewQueue": "Review queue",
-    "remaining": "View {{count}} more attention item(s)",
+    "remaining_one": "One more attention item",
+    "remaining_other": "{{count}} more attention items",
+    "remainingHint": "Open the complete work queue",
     "filterPlaceholder": "Filter issues…",
     "filterAriaLabel": "Search attention queue",
     "severityAll": "All severity",

frontend/src/i18n/locales/en-GB/knowledge.json

@@ -23,11 +23,12 @@
     "checkout-procedure": "Required checkout controls"
   },
   "statistics": {
+    "verifiedIndexed": "actively published and content-verified",
     "sourceDocuments": "source documents in this language",
     "reportedSynced": "sync reported by n8n",
     "reportedFailed": "sync failures reported",
-    "lastSync": "Latest sync report: {{when}}. RAGcore does not expose a verifiable index size, so sync counts are not presented as indexed documents.",
-    "noSyncReport": "No sync report has been received yet. RAGcore does not expose a verifiable index size."
+    "lastSync": "Latest sync report: {{when}}. Index state is independently checked against each managed source's active RAGcore version and content hash.",
+    "noSyncReport": "No sync report has been received yet. Index evidence is checked separately through active RAGcore versions."
   },
   "providerNote": "This demo answers from a small, fixed set of indexed procedures — not a live RAGcore connection. A live RAGcore backend will later take over the same interface without changing how this page works.",
   "askHeading": "Ask a procedure question",

frontend/src/i18n/locales/fr-BE/dashboard.json

@@ -36,7 +36,9 @@
     "title": "File d'attention",
     "description": "{{openIssues}} problèmes de qualité ouverts · {{workflowExceptions}} exceptions de workflow",
     "reviewQueue": "Examiner la file",
-    "remaining": "Voir encore {{count}} point(s) d’attention",
+    "remaining_one": "Encore un point d’attention",
+    "remaining_other": "Encore {{count}} points d’attention",
+    "remainingHint": "Ouvrir la file de travail complète",
     "filterPlaceholder": "Filtrer les problèmes…",
     "filterAriaLabel": "Rechercher dans la file d'attention",
     "severityAll": "Toute gravité",

frontend/src/i18n/locales/fr-BE/knowledge.json

@@ -23,11 +23,12 @@
     "checkout-procedure": "Contrôles obligatoires au départ"
   },
   "statistics": {
+    "verifiedIndexed": "publiées activement et contenu vérifié",
     "sourceDocuments": "documents sources dans cette langue",
     "reportedSynced": "synchronisation signalée par n8n",
     "reportedFailed": "échecs de synchronisation signalés",
-    "lastSync": "Dernier rapport de synchronisation : {{when}}. RAGcore n’expose pas de taille d’index vérifiable ; les nombres synchronisés ne sont donc pas présentés comme des documents indexés.",
-    "noSyncReport": "Aucun rapport de synchronisation reçu. RAGcore n’expose pas de taille d’index vérifiable."
+    "lastSync": "Dernier rapport de synchronisation : {{when}}. L’état de l’index est contrôlé indépendamment via la version RAGcore active et l’empreinte de contenu de chaque source gérée.",
+    "noSyncReport": "Aucun rapport de synchronisation reçu. Les preuves d’indexation sont contrôlées séparément via les versions RAGcore actives."
   },
   "providerNote": "Cette démo répond à partir d'un petit ensemble fixe de procédures indexées — pas d'une connexion RAGcore en direct. Un backend RAGcore en direct reprendra plus tard la même interface sans changer le fonctionnement de cette page.",
   "askHeading": "Poser une question de procédure",

frontend/src/i18n/locales/nl-BE/dashboard.json

@@ -36,7 +36,9 @@
     "title": "Aandachtspunten",
     "description": "{{openIssues}} open datakwaliteitsproblemen · {{workflowExceptions}} automatiseringsuitzonderingen",
     "reviewQueue": "Wachtrij bekijken",
-    "remaining": "Nog {{count}} aandachtspunt(en) bekijken",
+    "remaining_one": "Nog één aandachtspunt",
+    "remaining_other": "Nog {{count}} aandachtspunten",
+    "remainingHint": "Open de volledige werklijst",
     "filterPlaceholder": "Filter aandachtspunten…",
     "filterAriaLabel": "Zoek in aandachtspunten",
     "severityAll": "Alle ernst",

frontend/src/i18n/locales/nl-BE/knowledge.json

@@ -23,11 +23,12 @@
     "checkout-procedure": "Verplichte vertrekcontroles"
   },
   "statistics": {
+    "verifiedIndexed": "actief gepubliceerd en inhoudelijk geverifieerd",
     "sourceDocuments": "brondocumenten in deze taal",
     "reportedSynced": "sync door n8n gerapporteerd",
     "reportedFailed": "syncfouten gerapporteerd",
-    "lastSync": "Laatste syncrapport: {{when}}. RAGcore stelt geen verifieerbare indexomvang beschikbaar; syncaantallen worden daarom niet als geïndexeerde documenten voorgesteld.",
-    "noSyncReport": "Nog geen syncrapport ontvangen. RAGcore stelt geen verifieerbare indexomvang beschikbaar."
+    "lastSync": "Laatste syncrapport: {{when}}. De indexstand wordt onafhankelijk gecontroleerd via de actieve RAGcore-versie en inhoudshash van elke beheerde bron.",
+    "noSyncReport": "Nog geen syncrapport ontvangen. Indexbewijs wordt afzonderlijk via de actieve RAGcore-versies gecontroleerd."
   },
   "providerNote": "Deze demo beantwoordt vanuit een kleine, vaste set geïndexeerde procedures — geen live RAGcore-koppeling. Een live RAGcore-backend zal later dezelfde interface overnemen, zonder dat deze pagina verandert.",
   "askHeading": "Stel een procedurevraag",

frontend/src/pages/Dashboard.tsx

@@ -190,7 +190,16 @@ export function Dashboard() {
                 </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>
+                <p className="queue-more">
+                  <Link to="/data-quality">
+                    <span className="queue-more-count" aria-hidden="true">{attention.length - 6}</span>
+                    <span className="queue-more-copy">
+                      <strong>{t("attention.remaining", { count: attention.length - 6 })}</strong>
+                      <small>{t("attention.remainingHint")}</small>
+                    </span>
+                    <span className="queue-more-arrow"><Icon name="chevron" /></span>
+                  </Link>
+                </p>
               )}
             </>
           )}

frontend/src/pages/Knowledge.tsx

@@ -154,6 +154,7 @@ export function Knowledge() {
       )}
       {statusSettled && status?.provider === "ragcore" && (
         <div className="knowledge-index-evidence" role="status">
+          <div><strong>{status.document_count ?? "—"}</strong><span>{t("statistics.verifiedIndexed")}</span></div>
           <div><strong>{status.source_document_count}</strong><span>{t("statistics.sourceDocuments")}</span></div>
           <div>
             <strong>{status.reported_synced_document_count ?? "—"}</strong>

frontend/src/styles.css

@@ -182,7 +182,7 @@ a:hover { color: var(--teal); }
 .inline-action { display: inline-flex; align-items: center; gap: 5px; padding: 0 18px; color: var(--teal-dark); text-decoration: none; font-size: .72rem; font-weight: 700; white-space: nowrap; }
 .inline-action svg { width: 14px; }
 
-.operations-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr); gap: 16px; margin-bottom: 16px; }
+.operations-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr); align-items: start; gap: 16px; margin-bottom: 16px; }
 .secondary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
 .work-panel, .panel, .record-surface, .table-shell { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
 .panel { padding: 20px; }
@@ -195,7 +195,15 @@ a:hover { color: var(--teal); }
 .attention-list, .integration-list, .recent-list, .record-list, .automation-list, .today-list { list-style: none; margin: 0; padding: 0; }
 .attention-list li { min-height: 68px; display: grid; grid-template-columns: auto minmax(0,1fr) auto 16px; align-items: center; gap: 11px; padding: 10px 18px; border-bottom: 1px solid #e8edf2; transition: background .14s ease; }
 .attention-list li:last-child { border-bottom: 0; }.attention-list li:hover { background: #f9fbfc; }
-.queue-more { margin: 0; padding: 13px 18px; border-top: 1px solid var(--line); font-size: var(--type-meta); font-weight: 700; }.queue-more a { display: inline-flex; align-items: center; gap: 5px; }
+.queue-more { margin: 0; padding: 10px 12px; border-top: 1px solid var(--line); background: var(--surface-subtle); }
+.queue-more a { display: grid; grid-template-columns: 34px minmax(0, 1fr) 30px; align-items: center; gap: 10px; min-height: 52px; padding: 7px 8px; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease; }
+.queue-more a:hover { border-color: var(--teal); box-shadow: 0 5px 16px rgba(13, 126, 116, .09); transform: translateY(-1px); }
+.queue-more-count { width: 34px; height: 34px; display: grid; place-items: center; color: var(--teal-dark); background: var(--teal-pale); border-radius: 50%; font-size: .78rem; font-weight: 800; }
+.queue-more-copy { min-width: 0; display: grid; gap: 2px; }
+.queue-more-copy strong { font-size: .75rem; line-height: 1.25; }
+.queue-more-copy small { color: var(--muted); font-size: .64rem; font-weight: 500; }
+.queue-more-arrow { width: 30px; height: 30px; display: grid; place-items: center; color: var(--teal-dark); background: var(--teal-pale); border-radius: 50%; }
+.queue-more-arrow svg { width: 14px; height: 14px; }
 .attention-title { margin: 0; font-size: .78rem; font-weight: 700; }.attention-title a { color: var(--ink); text-decoration: none; }
 .attention-detail { max-width: 58ch; margin: 4px 0 0; color: var(--muted); font-size: .69rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .queue-ref { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .65rem; }.row-chevron { width: 14px; color: var(--muted-light); }
@@ -475,11 +483,12 @@ details summary { cursor: pointer; color: var(--teal-dark); }.data-table details
 
 .knowledge-provider-note { display: flex; align-items: flex-start; gap: 8px; margin: -6px 0 18px; padding: 10px 14px; color: var(--ink-soft); background: var(--info-pale); border: 1px solid #cfe3ee; border-radius: var(--radius); font-size: .72rem; line-height: 1.5; }
 .knowledge-provider-note svg { width: 15px; flex-shrink: 0; margin-top: 1px; color: var(--info); }
-.knowledge-index-evidence { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: -6px 0 18px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); }
+.knowledge-index-evidence { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: -6px 0 18px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); }
 .knowledge-index-evidence > div { display: grid; gap: 3px; padding: 11px 14px; background: white; }
 .knowledge-index-evidence strong { font-size: .86rem; }
 .knowledge-index-evidence span, .knowledge-index-evidence p { color: var(--muted); font-size: .66rem; line-height: 1.45; }
 .knowledge-index-evidence p { grid-column: 1 / -1; margin: 0; padding: 9px 14px; background: var(--surface-subtle); }
+@media (max-width: 640px) { .knowledge-index-evidence { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
 .knowledge-suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 12px; }
 .knowledge-suggestions > span { color: var(--muted); font-size: .68rem; font-weight: 700; }
 .suggestion-chip { padding: 6px 11px; color: var(--teal-dark); background: var(--teal-pale); border: 1px solid #bfe6df; border-radius: 999px; font-size: .68rem; font-weight: 600; cursor: pointer; }