Upload 3 files

app.js

@@ -38,7 +38,7 @@ const elements = Object.fromEntries(
     "documentationUnavailable", "documentationForm", "fieldStatus", "otherStatusField", "otherStatus", "fieldStatement",
     "statementCount", "documentationPhotos", "photoPreviews", "documentationError",
     "uploadProgress", "uploadProgressBar", "cancelDocumentationButton", "saveDocumentationButton",
-    "adminView", "adminLogoutButton", "adminUpdatedAt", "refreshAdminButton", "adminStats",
+    "adminView", "adminLogoutButton", "adminUpdatedAt", "refreshAdminButton", "adminStats", "adminInsight",
     "adminProgressOverview", "adminTrendTotal", "adminTrendChart", "adminCityProgress",
     "adminControls", "adminSearch", "adminResearcherFilter", "adminCityFilter", "adminDateFilter",
     "adminStatusFilter", "clearAdminFilters", "activeResearchersCount",
@@ -299,6 +299,33 @@ function renderAdminStats() {
     adminStat(snapshot.yesterdayRecords.length, "إنجاز أمس"),
     adminStat(snapshot.activeToday.size, "باحثون أنجزوا اليوم", `${inactiveToday} دون إنجاز اليوم`),
   );
+  renderAdminInsight(snapshot, inactiveToday);
+}
+
+function renderAdminInsight(snapshot, inactiveToday) {
+  const todayByResearcher = new Map();
+  snapshot.todayRecords.forEach((record) => {
+    if (!record.researcher) return;
+    todayByResearcher.set(record.researcher, (todayByResearcher.get(record.researcher) || 0) + 1);
+  });
+  const leader = [...todayByResearcher.entries()].sort((a, b) => b[1] - a[1])[0];
+  const difference = snapshot.todayRecords.length - snapshot.yesterdayRecords.length;
+  const trendText = difference > 0
+    ? `إنجاز اليوم أعلى من أمس بـ ${difference}`
+    : difference < 0
+      ? `إنجاز اليوم أقل من أمس بـ ${Math.abs(difference)}`
+      : "إنجاز اليوم مماثل لأمس";
+  const leaderText = leader
+    ? `الأعلى اليوم: ${leader[0]} بعدد ${leader[1]}`
+    : "لم يسجل أي إنجاز اليوم حتى الآن";
+
+  elements.adminInsight.className = `admin-insight ${difference < 0 ? "needs-attention" : "positive"}`;
+  elements.adminInsight.innerHTML = `
+    <span class="admin-insight-icon">${difference < 0 ? "!" : "✓"}</span>
+    <div>
+      <strong>${trendText}</strong>
+      <p>${leaderText} · ${inactiveToday} باحث دون إنجاز اليوم.</p>
+    </div>`;
 }
 
 function renderAdminOverview() {
@@ -383,6 +410,10 @@ function filteredAdminRecords() {
     return normalize(
       `${record.establishmentName} ${record.commercialRecord} ${record.researcher} ${record.city}`,
     ).includes(query);
+  }).sort((a, b) => {
+    const aTime = Date.parse(a.updatedAt || a.documentedAt || "") || 0;
+    const bTime = Date.parse(b.updatedAt || b.documentedAt || "") || 0;
+    return bTime - aTime;
   });
 }
 
@@ -474,11 +505,22 @@ function renderAdminRecords() {
     heading.append(title, time);
     const badges = document.createElement("div");
     badges.className = "admin-record-badges";
+    const documentedBadge = document.createElement("span");
+    documentedBadge.className = "admin-badge-documented";
+    documentedBadge.textContent = record.documentedDate === riyadhToday() ? "موثق اليوم" : "موثق";
     const statusBadge = document.createElement("span");
     statusBadge.textContent = record.fieldStatus || "غير محدد";
     const photoBadge = document.createElement("span");
     photoBadge.textContent = record.photoCount ? `${record.photoCount} صور` : "بدون صور";
-    badges.append(statusBadge, photoBadge);
+    badges.append(documentedBadge, statusBadge, photoBadge);
+    const documentedTime = Date.parse(record.documentedAt || "") || 0;
+    const updatedTime = Date.parse(record.updatedAt || "") || 0;
+    if (updatedTime && documentedTime && updatedTime - documentedTime > 60000) {
+      const editedBadge = document.createElement("span");
+      editedBadge.className = "admin-badge-edited";
+      editedBadge.textContent = "تم التعديل";
+      badges.append(editedBadge);
+    }
     const details = document.createElement("div");
     details.className = "admin-record-details";
     details.append(

index.html

@@ -212,6 +212,7 @@
           </section>
 
           <section id="adminStats" class="admin-stats"></section>
+          <section id="adminInsight" class="admin-insight" aria-live="polite"></section>
 
           <section class="admin-overview-grid">
             <article class="admin-panel progress-panel">

style.css

@@ -2447,6 +2447,62 @@ body {
   color: #7a8797;
 }
 
+.admin-insight {
+  min-height: 68px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: -8px 0 18px;
+  padding: 12px 15px;
+  border: 1px solid #bfe7cf;
+  border-right: 4px solid #00b050;
+  border-radius: 6px;
+  background: #f4fff8;
+}
+
+.admin-insight.needs-attention {
+  border-color: #f4d38a;
+  border-right-color: #ffbc00;
+  background: #fffaf0;
+}
+
+.admin-insight-icon {
+  width: 34px;
+  height: 34px;
+  flex: 0 0 auto;
+  display: grid;
+  place-items: center;
+  color: #ffffff;
+  background: #00b050;
+  border-radius: 50%;
+  font-weight: 900;
+}
+
+.admin-insight.needs-attention .admin-insight-icon {
+  color: #533d00;
+  background: #ffbc00;
+}
+
+.admin-insight strong,
+.admin-insight p {
+  display: block;
+  margin: 0;
+}
+
+.admin-insight strong {
+  color: #176b3a;
+}
+
+.admin-insight.needs-attention strong {
+  color: #775900;
+}
+
+.admin-insight p {
+  margin-top: 3px;
+  color: #526174;
+  font-size: 12px;
+}
+
 .admin-overview-grid {
   display: grid;
   grid-template-columns: minmax(250px, 0.75fr) minmax(360px, 1.25fr) minmax(320px, 1fr);
@@ -2931,6 +2987,18 @@ body {
   font-weight: 900;
 }
 
+.admin-record-badges .admin-badge-documented {
+  color: #08783b;
+  background: #dcfce7;
+  border-color: #86efac;
+}
+
+.admin-record-badges .admin-badge-edited {
+  color: #4f2683;
+  background: #f3e8ff;
+  border-color: #d8b4fe;
+}
+
 @media (max-width: 980px) {
   .admin-stats {
     grid-template-columns: repeat(3, 1fr);