diff --git a/src/routes/settings/labels/LabelsTab.svelte b/src/routes/settings/labels/LabelsTab.svelte
new file mode 100644
index 0000000..c49e38a
--- /dev/null
+++ b/src/routes/settings/labels/LabelsTab.svelte
@@ -0,0 +1,525 @@
+
+
+
+
+
+
+
+
+
+ Environment labels
+ Manage labels across all environments. Renaming or deleting a label applies to every environment using it.
+
+
+
+ {#if !loading}
+
{labels.length} label{labels.length !== 1 ? 's' : ''}
+ {/if}
+
+
+
+
+ Loading labels...
+
+ {:else if labels.length === 0}
+
+
+
No labels found
+
Click "Add label" to create one and assign it to environments
+
+
Pick a color
+
+ {#each COLOR_PALETTE as color}
+
+ {/each}
+
+ {#if customColors[info.label]}
+
+ {/if}
+
+ {#each info.environments as env}
+
+
+ {env.envName}
+
+ {/each}
+
+
+
+
+
+
+
+
+ Rename across all environments
+
+
handleDelete(info)}
+ onOpenChange={(open) => confirmDeleteLabel = open ? info.label : null}
+ disabled={!$canAccess('environments', 'edit')}
+ >
+ {#snippet children({ open })}
+
+ {/snippet}
+
+
+
+
+
+
+
+
+ Rename label
+
+ {#if renameTarget}
+ This will rename "{renameTarget.label}" across {renameTarget.count} environment{renameTarget.count !== 1 ? 's' : ''}.
+ {/if}
+
+
+ {#if renameTarget}
+ {@const currentColors = getColors(renameTarget.label)}
+
+
+
+
+ {renameTarget.label}
+
+
+
+
+ { if (e.key === 'Enter' && newLabelName.trim()) handleRename(); }}
+ />
+
+ {#if newLabelName.trim() && newLabelName.trim() !== renameTarget.label}
+ {@const newColors = getColors(newLabelName.trim())}
+
+ Preview:
+
+ {newLabelName.trim()}
+
+
+ {/if}
+ {#if labels.some(l => l.label === newLabelName.trim() && l.label !== renameTarget?.label)}
+
+
+
Label "{newLabelName.trim()}" already exists. Environments with both labels will be merged.
+
+ {/if}
+
+
+
+
+
+
+ Add label
+ Create a new label and assign it to one or more environments.
+
+
+
+
+
{ if (e.key === 'Enter' && addLabelName.trim() && addSelectedEnvIds.length > 0) handleAdd(); }}
+ />
+ {#if addLabelName.trim()}
+ {@const previewColors = getColors(addLabelName.trim())}
+
+ Preview:
+
+ {addLabelName.trim()}
+
+
+ {/if}
+ {#if addLabelName.trim() && labels.some(l => l.label === addLabelName.trim())}
+
+
+
This label already exists. It will be added to the selected environments that don't have it yet.
+
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ {#each addEnvOptions as env}
+
+ {/each}
+ {#if addEnvOptions.length === 0}
+
No environments available
+ {/if}
+
+
{addSelectedEnvIds.length > 0 ? `${addSelectedEnvIds.length} environment${addSelectedEnvIds.length !== 1 ? 's' : ''} selected` : '\u00A0'}
+
+
diff --git a/src/routes/stacks/+page.svelte b/src/routes/stacks/+page.svelte
index 2d64ad0..fde99c7 100644
--- a/src/routes/stacks/+page.svelte
+++ b/src/routes/stacks/+page.svelte
@@ -14,7 +14,7 @@
import * as Tooltip from '$lib/components/ui/tooltip';
import * as Popover from '$lib/components/ui/popover';
import MultiSelectFilter from '$lib/components/MultiSelectFilter.svelte';
- import { Play, Square, Trash2, Plus, ArrowBigDown, Search, Pencil, ExternalLink, GitBranch, RefreshCw, Loader2, FileCode, FileText, FileOutput, Box, RotateCcw, ScrollText, Terminal, Eye, Network, HardDrive, Heart, HeartPulse, HeartOff, ChevronsUpDown, ChevronsDownUp, Rocket, AlertTriangle, X, Layers, Pause, CircleDashed, Skull, FolderOpen, Variable, Clock, RotateCw, Import, Ship, Cable, LayoutPanelLeft, Rows3, GripVertical } from 'lucide-svelte';
+ import { Play, Square, Trash2, Plus, ArrowBigDown, Search, Pencil, ExternalLink, GitBranch, RefreshCw, Loader2, FileCode, FileText, FileOutput, Box, RotateCcw, ScrollText, Terminal, Eye, Network, HardDrive, Heart, HeartPulse, HeartOff, ChevronsUpDown, ChevronsDownUp, Rocket, AlertTriangle, X, Layers, Pause, CircleDashed, Skull, FolderOpen, Variable, Clock, RotateCw, Import, Ship, Cable, LayoutPanelLeft, Rows3, GripVertical, Globe } from 'lucide-svelte';
import { formatPorts } from '$lib/utils/port-format';
import ConfirmPopover from '$lib/components/ConfirmPopover.svelte';
import BatchOperationModal from '$lib/components/BatchOperationModal.svelte';
@@ -136,10 +136,15 @@
// Fetch container stats
let statsAbortController: AbortController | null = null;
+ let statsFetching = false;
+
async function fetchStats() {
- // Abort any previous in-flight stream
+ // Skip if previous fetch is still in-flight
+ if (statsFetching) return;
+
statsAbortController?.abort();
statsAbortController = new AbortController();
+ statsFetching = true;
try {
const response = await fetch(
@@ -202,6 +207,8 @@
if (error?.name !== 'AbortError') {
console.error('Failed to fetch container stats:', error);
}
+ } finally {
+ statsFetching = false;
}
}
@@ -2015,22 +2022,38 @@
{/key}
{/if}