feat(opsserver): add real-time log push to ops dashboard and recent DNS query tracking

ts_web/elements/ops-view-logs.ts

@@ -29,6 +29,8 @@ export class OpsViewLogs extends DeesElement {
   @state()
   accessor filterLimit: number = 100;
 
+  private lastPushedCount = 0;
+
   constructor() {
     super();
     const subscription = appstate.logStatePart
@@ -110,7 +112,11 @@ export class OpsViewLogs extends DeesElement {
 
   async connectedCallback() {
     super.connectedCallback();
-    this.fetchLogs();
+    this.lastPushedCount = 0;
+    // Only fetch if state is empty (streaming will handle new entries)
+    if (this.logState.recentLogs.length === 0) {
+      this.fetchLogs();
+    }
   }
 
   async updated(changedProperties: Map<string, any>) {
@@ -127,10 +133,16 @@ export class OpsViewLogs extends DeesElement {
     // Ensure the chart element has finished its own initialization
     await chartLog.updateComplete;
 
-    chartLog.clearLogs();
-    const entries = this.getMappedLogEntries();
-    if (entries.length > 0) {
-      chartLog.updateLog(entries);
+    const allEntries = this.getMappedLogEntries();
+    if (this.lastPushedCount === 0 && allEntries.length > 0) {
+      // Initial load: push all entries
+      chartLog.updateLog(allEntries);
+      this.lastPushedCount = allEntries.length;
+    } else if (allEntries.length > this.lastPushedCount) {
+      // Incremental: only push new entries
+      const newEntries = allEntries.slice(this.lastPushedCount);
+      chartLog.updateLog(newEntries);
+      this.lastPushedCount = allEntries.length;
     }
   }