feat: dashboard top hosts/types, problems 24h, drill-down (d2-2)

- Extend /dashboards/summary; Events filters from query (hostname, severity)

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/views/DashboardView.vue

@@ -14,6 +14,16 @@
         <div class="dash-label">Открытых проблем</div>
         <RouterLink :to="{ path: '/problems', query: { status: 'open' } }">Проблемы →</RouterLink>
       </div>
+      <div class="dash-card">
+        <div class="dash-value">{{ data.problems_opened_24h }}</div>
+        <div class="dash-label">Новых проблем за 24 ч</div>
+        <RouterLink to="/problems">Все проблемы →</RouterLink>
+      </div>
+      <div class="dash-card">
+        <div class="dash-value">{{ data.problems_resolved_24h }}</div>
+        <div class="dash-label">Закрыто за 24 ч</div>
+        <RouterLink :to="{ path: '/problems', query: { status: 'resolved' } }">Resolved →</RouterLink>
+      </div>
       <div class="dash-card">
         <div class="dash-value">{{ data.hosts_total }}</div>
         <div class="dash-label">Хостов</div>
@@ -27,7 +37,7 @@
       <div class="dash-card">
         <div class="dash-value">{{ data.heartbeats_24h }}</div>
         <div class="dash-label">Heartbeat за 24 ч</div>
-        <RouterLink to="/events?type=agent.heartbeat">События →</RouterLink>
+        <RouterLink :to="{ path: '/events', query: { type: 'agent.heartbeat' } }">События →</RouterLink>
       </div>
       <div class="dash-card">
         <div class="dash-value">{{ data.daily_reports_24h }}</div>
@@ -36,10 +46,60 @@
       </div>
     </div>
 
+    <div class="dashboard-panels">
+      <section class="dash-panel">
+        <h2>Top хостов (24 ч)</h2>
+        <table v-if="data.top_hosts.length" class="dash-table">
+          <thead>
+            <tr>
+              <th>Хост</th>
+              <th>Событий</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="h in data.top_hosts" :key="h.host_id">
+              <td>
+                <RouterLink :to="{ path: '/events', query: { hostname: h.hostname } }">
+                  {{ h.hostname }}
+                </RouterLink>
+              </td>
+              <td>{{ h.count }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <p v-else class="muted">Нет событий за 24 ч</p>
+      </section>
+
+      <section class="dash-panel">
+        <h2>Top типов (24 ч)</h2>
+        <table v-if="data.top_event_types.length" class="dash-table">
+          <thead>
+            <tr>
+              <th>Type</th>
+              <th>Событий</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="t in data.top_event_types" :key="t.type">
+              <td>
+                <RouterLink :to="{ path: '/events', query: { type: t.type } }">
+                  <code>{{ t.type }}</code>
+                </RouterLink>
+              </td>
+              <td>{{ t.count }}</td>
+            </tr>
+          </tbody>
+        </table>
+        <p v-else class="muted">Нет событий за 24 ч</p>
+      </section>
+    </div>
+
     <h2>Severity за 24 ч</h2>
     <ul class="severity-list">
       <li v-for="(count, sev) in data.severity_24h" :key="sev">
-        <span :class="'sev-' + sev">{{ sev }}</span>: {{ count }}
+        <RouterLink :to="{ path: '/events', query: { severity: sev } }">
+          <span :class="'sev-' + sev">{{ sev }}</span>: {{ count }}
+        </RouterLink>
       </li>
       <li v-if="!Object.keys(data.severity_24h).length">Нет событий</li>
     </ul>
@@ -61,7 +121,11 @@
             <RouterLink :to="`/events/${e.id}`">{{ e.id }}</RouterLink>
           </td>
           <td>{{ formatDt(e.occurred_at) }}</td>
-          <td>{{ e.hostname }}</td>
+          <td>
+            <RouterLink :to="{ path: '/events', query: { hostname: e.hostname } }">
+              {{ e.hostname }}
+            </RouterLink>
+          </td>
           <td :class="'sev-' + e.severity">{{ e.severity }}</td>
           <td>{{ e.title }}</td>
         </tr>