feat: show local Docker images on project detail page

- Add GET /api/projects/{id}/images endpoint returning local images matching the project
- Add ListImagesByRef with tag, size, and created timestamp to Docker client
- Display images table on project page with tag, ID (truncated), size (MB), and created date
- Only shown when Docker is available and images exist locally

web/src/lib/api.ts

@@ -9,6 +9,7 @@ import type {
 	EventLogStats,
 	InspectResult,
 	Instance,
+	LocalImage,
 	NpmCertificate,
 	NpmAccessList,
 	ProxyRoute,
@@ -278,6 +279,10 @@ export function listProxyRoutes(): Promise<ProxyRoute[]> {
 
 // ── Docker Management ──────────────────────────────────────────────
 
+export function listProjectImages(projectId: string): Promise<LocalImage[]> {
+	return get<LocalImage[]>(`/api/projects/${projectId}/images`);
+}
+
 export function pruneImages(): Promise<{ images_removed: number; space_reclaimed_mb: number }> {
 	return post<{ images_removed: number; space_reclaimed_mb: number }>('/api/docker/prune-images');
 }

web/src/lib/i18n/en.json

@@ -105,6 +105,11 @@
     "enableProxy": "Enable Proxy",
     "accessListId": "NPM Access List ID",
     "accessListIdHelp": "Per-project override. 0 = use global default from NPM settings.",
+    "localImages": "Local Docker Images",
+    "imageTag": "Tag",
+    "imageId": "Image ID",
+    "imageSize": "Size",
+    "imageCreated": "Created",
     "cpuLimit": "CPU Limit (cores)",
     "cpuLimitHelp": "e.g., 0.5, 1, 2. Leave 0 for unlimited",
     "memoryLimit": "Memory Limit (MB)",

web/src/lib/i18n/ru.json

@@ -105,6 +105,11 @@
     "enableProxy": "Включить прокси",
     "accessListId": "ID списка доступа NPM",
     "accessListIdHelp": "Переопределение для проекта. 0 = использовать глобальное из настроек NPM.",
+    "localImages": "Локальные Docker-образы",
+    "imageTag": "Тег",
+    "imageId": "ID образа",
+    "imageSize": "Размер",
+    "imageCreated": "Создан",
     "cpuLimit": "Лимит CPU (ядра)",
     "cpuLimitHelp": "напр., 0.5, 1, 2. Оставьте 0 для без ограничений",
     "memoryLimit": "Лимит памяти (МБ)",

web/src/lib/types.ts

@@ -262,6 +262,15 @@ export interface ProxyHealth {
 	error?: string;
 }
 
+/** A local Docker image. */
+export interface LocalImage {
+	id: string;
+	ref: string;
+	tag: string;
+	size: number;
+	created: number;
+}
+
 /** An NPM access list for proxy authentication. */
 export interface NpmAccessList {
 	id: number;

web/src/routes/projects/[id]/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
-	import type { Project, Stage, Instance, Deploy } from '$lib/types';
+	import type { Project, Stage, Instance, Deploy, LocalImage } from '$lib/types';
 	import * as api from '$lib/api';
 	import StatusBadge from '$lib/components/StatusBadge.svelte';
 	import InstanceCard from '$lib/components/InstanceCard.svelte';
@@ -157,6 +157,7 @@
 	}
 	let tagsLoading = $state(false);
 	let settingsDomain = $state('');
+	let localImages = $state<LocalImage[]>([]);
 
 	let showDeleteConfirm = $state(false);
 
@@ -198,6 +199,10 @@
 				const settings = await api.getSettings();
 				settingsDomain = settings.domain ?? '';
 			} catch { /* non-critical */ }
+
+			try {
+				localImages = await api.listProjectImages(projectId);
+			} catch { localImages = []; }
 		} catch (e) {
 			error = e instanceof Error ? e.message : $t('projectDetail.loadFailed');
 		} finally {
@@ -582,6 +587,37 @@
 			{/if}
 		</div>
 
+		<!-- Local Docker Images -->
+		{#if localImages.length > 0}
+			<div>
+				<h2 class="text-lg font-semibold text-[var(--text-primary)]">{$t('projectDetail.localImages')}</h2>
+				<div class="mt-4 overflow-x-auto rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] shadow-[var(--shadow-sm)]">
+					<table class="min-w-full divide-y divide-[var(--border-primary)]">
+						<thead class="bg-[var(--surface-card-hover)]">
+							<tr>
+								<th class="px-4 py-2.5 text-left text-xs font-medium text-[var(--text-tertiary)] uppercase">{$t('projectDetail.imageTag')}</th>
+								<th class="px-4 py-2.5 text-left text-xs font-medium text-[var(--text-tertiary)] uppercase">{$t('projectDetail.imageId')}</th>
+								<th class="px-4 py-2.5 text-left text-xs font-medium text-[var(--text-tertiary)] uppercase">{$t('projectDetail.imageSize')}</th>
+								<th class="px-4 py-2.5 text-left text-xs font-medium text-[var(--text-tertiary)] uppercase">{$t('projectDetail.imageCreated')}</th>
+							</tr>
+						</thead>
+						<tbody class="divide-y divide-[var(--border-secondary)]">
+							{#each localImages as img (img.id + img.tag)}
+								<tr class="hover:bg-[var(--surface-card-hover)] transition-colors">
+									<td class="px-4 py-2.5">
+										<span class="rounded-full bg-[var(--surface-card-hover)] px-2 py-0.5 text-xs font-mono text-[var(--text-secondary)]">{img.tag || 'untagged'}</span>
+									</td>
+									<td class="px-4 py-2.5 text-xs font-mono text-[var(--text-tertiary)]">{img.id.substring(7, 19)}</td>
+									<td class="px-4 py-2.5 text-sm text-[var(--text-secondary)]">{(img.size / (1024 * 1024)).toFixed(1)} MB</td>
+									<td class="px-4 py-2.5 text-sm text-[var(--text-tertiary)]">{new Date(img.created * 1000).toLocaleDateString()}</td>
+								</tr>
+							{/each}
+						</tbody>
+					</table>
+				</div>
+			</div>
+		{/if}
+
 		<!-- Deploy History Timeline -->
 		<div>
 			<h2 class="text-lg font-semibold text-[var(--text-primary)]">{$t('projectDetail.recentDeploys')}</h2>