feat: unified THE FORGE // SECTION headers and merged proxy routes
Build / build (push) Successful in 10m37s

UI consistency
- ForgeHero now supports backHref, mono kicker, stats snippet, staggered
  entrance animation, and a registration-tick divider
- Every route now opens with the same "THE FORGE // SECTION" eyebrow: projects,
  sites, stacks, proxies, events, dns, deploy, settings, stale containers,
  site/project detail + env/volumes/browse, new site wizard
- Stacks list/detail/new moved to the shared hero and brand-anchor eyebrow
- Toolbars migrated from bespoke buttons to the shared .forge-btn utilities
- Sidebar footline adds a live UTC "forge clock" and a vim-style g-prefix
  quick-nav hint (g d/p/s/k/x/r/e/c jumps to each section)

Proxies page
- Server-side: merge static site proxy routes with instance routes and sort
  by domain (internal/api/proxies.go, internal/store/static_sites.go)
- ProxyRoute gains a Source field ("instance" | "static_site")
- Frontend adds source filter tabs and per-source labels/badges
This commit is contained in:
2026-04-22 16:27:55 +03:00
parent 0fd92fdfa3
commit ef0669d5dd
25 changed files with 702 additions and 277 deletions
+19 -16
View File
@@ -13,6 +13,7 @@
import EventLogEntryComponent from '$lib/components/EventLogEntry.svelte';
import EventLogFilter from '$lib/components/EventLogFilter.svelte';
import EmptyState from '$lib/components/EmptyState.svelte';
import ForgeHero from '$lib/components/ForgeHero.svelte';
import { IconLoader } from '$lib/components/icons';
// ── State ─────────────────────────────────────────────────────
@@ -213,22 +214,24 @@
</script>
<div class="space-y-4">
<!-- Header -->
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-[var(--text-primary)]">{$t('events.title')}</h1>
<div class="flex items-center gap-3">
{#if stats.total > 0}
<span class="text-xs text-[var(--text-tertiary)] tabular-nums">{stats.total} total</span>
<button
type="button"
onclick={() => { showClearConfirm = true; }}
class="rounded-lg border border-[var(--border-primary)] px-3 py-1.5 text-xs font-medium text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] hover:text-[var(--color-danger)] transition-colors"
>
{$t('events.clearAll')}
</button>
{/if}
</div>
</div>
{#snippet heroToolbar()}
{#if stats.total > 0}
<span class="forge-pill"><span class="pulse"></span>{stats.total} total</span>
<button
type="button"
onclick={() => { showClearConfirm = true; }}
class="forge-btn-ghost forge-btn-danger"
>
{$t('events.clearAll')}
</button>
{/if}
{/snippet}
<ForgeHero
eyebrowSuffix="EVENTS"
title={$t('events.title')}
size="lg"
toolbar={heroToolbar}
/>
<!-- Filter bar (includes severity stats as pill counts) -->
<EventLogFilter