feat: docker overview (#1855)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Release Notes v4.29.2

* **New Features**
* Added iframe mode support with UI adjustments for embedded deployments
  * Introduced modal portal system with dark mode integration

* **Bug Fixes**
* Fixed log line deduplication sync issue in Docker log viewer to
prevent orphaned entries

* **Improvements**
  * Enhanced table header rendering for consistent behavior and resizing
  * Improved notification subscription handling for better stability
  * Optimized log viewer initialization behavior
  * Simplified organizer API parameter handling

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Pujit Mehrotra <pujit@lime-technology.com>

Author: elibosley

api/dev/configs/api.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.28.2",
+  "version": "4.29.2",
   "extraOrigins": [],
   "sandbox": true,
   "ssoSubIds": [],

api/src/unraid-api/graph/resolvers/docker/docker-autostart.service.spec.ts

@@ -2,10 +2,7 @@ import { Test, TestingModule } from '@nestjs/testing';
 
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import {
-    AutoStartEntry,
-    DockerAutostartService,
-} from '@app/unraid-api/graph/resolvers/docker/docker-autostart.service.js';
+import { DockerAutostartService } from '@app/unraid-api/graph/resolvers/docker/docker-autostart.service.js';
 import { DockerContainer } from '@app/unraid-api/graph/resolvers/docker/docker.model.js';
 
 // Mock store getters

api/src/unraid-api/graph/resolvers/docker/docker-log.service.spec.ts

@@ -4,7 +4,6 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { AppError } from '@app/core/errors/app-error.js';
 import { DockerLogService } from '@app/unraid-api/graph/resolvers/docker/docker-log.service.js';
-import { DockerContainerLogs } from '@app/unraid-api/graph/resolvers/docker/docker.model.js';
 
 // Mock dependencies
 const mockExeca = vi.fn();

api/src/unraid-api/graph/resolvers/docker/docker-tailscale.service.ts

@@ -91,7 +91,6 @@ export class DockerTailscaleService {
         );
 
         const dnsName = rawStatus.Self.DNSName;
-        const actualHostname = dnsName ? dnsName.split('.')[0] : undefined;
 
         let relayName: string | undefined;
         if (rawStatus.Self.Relay && derpMap) {

api/src/unraid-api/graph/resolvers/docker/docker.model.ts

@@ -2,7 +2,6 @@ import {
     Field,
     Float,
     GraphQLISODateTime,
-    ID,
     InputType,
     Int,
     ObjectType,

api/src/unraid-api/graph/resolvers/docker/docker.service.spec.ts

@@ -13,11 +13,7 @@ import { DockerLogService } from '@app/unraid-api/graph/resolvers/docker/docker-
 import { DockerManifestService } from '@app/unraid-api/graph/resolvers/docker/docker-manifest.service.js';
 import { DockerNetworkService } from '@app/unraid-api/graph/resolvers/docker/docker-network.service.js';
 import { DockerPortService } from '@app/unraid-api/graph/resolvers/docker/docker-port.service.js';
-import {
-    ContainerPortType,
-    ContainerState,
-    DockerContainer,
-} from '@app/unraid-api/graph/resolvers/docker/docker.model.js';
+import { ContainerState, DockerContainer } from '@app/unraid-api/graph/resolvers/docker/docker.model.js';
 import { DockerService } from '@app/unraid-api/graph/resolvers/docker/docker.service.js';
 import { NotificationsService } from '@app/unraid-api/graph/resolvers/notifications/notifications.service.js';
 

api/src/unraid-api/graph/resolvers/docker/docker.service.ts

@@ -321,7 +321,7 @@ export class DockerService {
         await this.cacheManager.del(DockerService.CONTAINER_CACHE_KEY);
         this.logger.debug(`Invalidated container cache after pausing ${id}`);
 
-        let containers = await this.getContainers({ skipCache: true });
+        let containers: DockerContainer[];
         let updatedContainer: DockerContainer | undefined;
         for (let i = 0; i < 5; i++) {
             await sleep(500);
@@ -349,7 +349,7 @@ export class DockerService {
         await this.cacheManager.del(DockerService.CONTAINER_CACHE_KEY);
         this.logger.debug(`Invalidated container cache after unpausing ${id}`);
 
-        let containers = await this.getContainers({ skipCache: true });
+        let containers: DockerContainer[];
         let updatedContainer: DockerContainer | undefined;
         for (let i = 0; i < 5; i++) {
             await sleep(500);

api/src/unraid-api/organizer/organizer.ts

@@ -683,7 +683,7 @@ export interface MoveItemsToPositionParams {
  * Combines moveEntriesToFolder with position-based insertion.
  */
 export function moveItemsToPosition(params: MoveItemsToPositionParams): OrganizerView {
-    const { view, sourceEntryIds, destinationFolderId, position, resources } = params;
+    const { view, sourceEntryIds, destinationFolderId, position } = params;
 
     const movedView = moveEntriesToFolder({ view, sourceEntryIds, destinationFolderId });
 
@@ -743,7 +743,7 @@ export interface CreateFolderWithItemsParams {
  * Combines createFolder + moveItems + positioning in a single atomic operation.
  */
 export function createFolderWithItems(params: CreateFolderWithItemsParams): OrganizerView {
-    const { view, folderId, folderName, parentId, sourceEntryIds = [], position, resources } = params;
+    const { view, folderId, folderName, parentId, sourceEntryIds = [], position } = params;
 
     let newView = createFolderInView({
         view,

web/src/components/Common/BaseTreeTable.vue

@@ -299,9 +299,7 @@ function createCellWrapper(
   });
 }
 
-function wrapColumnHeaderRenderer(
-  header: ColumnHeaderRenderer | undefined
-): ColumnHeaderRenderer | undefined {
+function wrapColumnHeaderRenderer(header: ColumnHeaderRenderer | undefined): ColumnHeaderRenderer {
   if (typeof header === 'function') {
     return function wrappedHeaderRenderer(this: unknown, ...args: unknown[]) {
       const result = (header as (...args: unknown[]) => unknown).apply(this, args);
@@ -481,7 +479,7 @@ const processedColumns = computed<TableColumn<TreeRow<T>>[]>(() => {
     createSelectColumn(),
     ...props.columns.map((col, colIndex) => {
       const originalHeader = col.header as ColumnHeaderRenderer | undefined;
-      const header = wrapColumnHeaderRenderer(originalHeader) ?? originalHeader;
+      const header = wrapColumnHeaderRenderer(originalHeader);
       const cell = (col as { cell?: unknown }).cell
         ? ({ row }: { row: TableInstanceRow<T> }) => {
             const cellFn = (col as { cell: (args: unknown) => VNode | string | number }).cell;

web/src/components/Docker/SingleDockerLogViewer.vue

@@ -68,6 +68,10 @@ function appendLogLines(newLines: Array<{ timestamp: string; message: string }>)
 
   state.lines = [...state.lines, ...added];
   if (state.lines.length > MAX_LOG_LINES) {
+    const removed = state.lines.slice(0, state.lines.length - MAX_LOG_LINES);
+    for (const line of removed) {
+      state.lineKeys.delete(`${line.timestamp}|${line.message}`);
+    }
     state.lines = state.lines.slice(state.lines.length - MAX_LOG_LINES);
   }
 }