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
+12 -6
View File
@@ -7,6 +7,7 @@
import SkeletonTable from '$lib/components/SkeletonTable.svelte';
import EmptyState from '$lib/components/EmptyState.svelte';
import EntityPicker from '$lib/components/EntityPicker.svelte';
import ForgeHero from '$lib/components/ForgeHero.svelte';
let projects = $state<Project[]>([]);
let loading = $state(true);
@@ -144,17 +145,22 @@
</svelte:head>
<div class="space-y-6">
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-[var(--text-primary)]">{$t('projects.title')}</h1>
{#snippet heroToolbar()}
<button
type="button"
class="inline-flex items-center gap-2 rounded-lg {showAddForm ? 'border border-[var(--border-primary)] bg-[var(--surface-card)] text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)]' : 'bg-[var(--color-brand-600)] text-white shadow-sm hover:bg-[var(--color-brand-700)]'} px-4 py-2.5 text-sm font-medium transition-all duration-150 active:animate-press"
class={showAddForm ? 'forge-btn-ghost' : 'forge-btn'}
onclick={() => { showAddForm = !showAddForm; }}
>
{#if !showAddForm}<IconPlus size={16} />{/if}
{showAddForm ? $t('projects.cancel') : $t('projects.addProject')}
{#if !showAddForm}<IconPlus size={14} />{/if}
<span>{showAddForm ? $t('projects.cancel') : $t('projects.addProject')}</span>
</button>
</div>
{/snippet}
<ForgeHero
eyebrowSuffix="PROJECTS"
title={$t('projects.title')}
size="lg"
toolbar={heroToolbar}
/>
<!-- Add project form -->
{#if showAddForm}