All files / src/lib website-config.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
// Website page constants
 
/**
 * Swatches for the pro-website template picker.
 *
 * Deliberately raw hex, not design tokens: these describe the palette of
 * each *published pro website* template, which is its own brand identity
 * and not portal chrome. Tokenising them would repaint every template
 * preview laminate teal and make the six choices indistinguishable.
 */
export const TEMPLATE_COLORS: Record<string, { primary: string; bg: string }> = {
	"modern-minimal": { primary: "#8b5cf6", bg: "#f5f3ff" },
	"warm-traditional": { primary: "#d97706", bg: "#fffbeb" },
	"luxury-premium": { primary: "#1e293b", bg: "#f8fafc" },
	"bold-creative": { primary: "#0d9488", bg: "#f0fdfa" },
	"earthy-organic": { primary: "#65a30d", bg: "#faf7f2" },
	"classic-elegant": { primary: "#1e3a5f", bg: "#ffffff" },
};
 
/**
 * Build-job status display.
 *
 * Colours are design-system status inks, never default-Tailwind palette
 * classes. The families follow the Job Book status vocabulary in
 * `.context/mockups/_base.css` section 7.2: `waiting` (pending, queued) is
 * **warning**, `building` (building, deploying) is **info**, done is
 * **success**, failed is **error**, and a closed/quiet state is graphite
 * (`foreground-*`). Every one inverts automatically in dark mode, so no
 * `dark:` variant is needed here.
 */
export const BUILD_STATUS_DISPLAY: Record<
	string,
	{ label: string; dotColor: string; textColor: string; icon: string }
> = {
	pending: { label: "Pending", dotColor: "bg-warning", textColor: "text-warning", icon: "⏳" },
	queued: { label: "Queued", dotColor: "bg-warning", textColor: "text-warning", icon: "⏳" },
	building: { label: "Building", dotColor: "bg-info", textColor: "text-info", icon: "🔨" },
	deploying: { label: "Deploying", dotColor: "bg-info", textColor: "text-info", icon: "🚀" },
	deployed: { label: "Published", dotColor: "bg-success", textColor: "text-notification-success-text", icon: "✅" },
	failed: { label: "Failed", dotColor: "bg-error", textColor: "text-notification-error-text", icon: "❌" },
	cancelled: { label: "Cancelled", dotColor: "bg-foreground-subtle", textColor: "text-foreground-muted", icon: "🚫" },
};