Tighten live-apply path: name timing constants, hoist ToastAction type, drop unused exports

Author: bjarneo

frontend/src/App.svelte

@@ -93,10 +93,12 @@
     // Live-preview apply. Tracks the snapshot signature so we don't fire
     // on object-identity churn. `null` baseline doubles as the
     // not-yet-armed flag — first read just records the signature.
+    // Long enough to coalesce slider drags but short enough to feel "live".
+    const LIVE_APPLY_DEBOUNCE_MS = 1500;
     let lastLiveSignature: string | null = null;
     const debouncedLiveApply = debounce(() => {
         applyThemeLive();
-    }, 1500);
+    }, LIVE_APPLY_DEBOUNCE_MS);
     $effect(() => {
         const enabled = getLiveApply();
         // Once armed, skip the JSON.stringify when the toggle is off.

frontend/src/lib/actions/themeActions.ts

@@ -64,6 +64,10 @@ export async function applyTheme(): Promise<void> {
     }
 }
 
+// Quieter undo-offering toast for live preview; long enough to react,
+// short enough not to pile up during rapid edits.
+const LIVE_APPLY_TOAST_MS = 2200;
+
 // Same backend call as applyTheme(), but with a quieter toast that offers
 // Undo. Used by the live-preview effect when the user flips on Live Apply.
 export async function applyThemeLive(): Promise<void> {
@@ -73,7 +77,7 @@ export async function applyThemeLive(): Promise<void> {
         const result = await runApply();
         if (result.success) {
             showToast('Live preview applied', {
-                duration: 2200,
+                duration: LIVE_APPLY_TOAST_MS,
                 action: {label: 'Undo', run: undoAction},
             });
         }

frontend/src/lib/constants/apps.ts

@@ -29,7 +29,7 @@ export const ALWAYS_INCLUDED_APPS = new Set(['colors']);
 
 // Pretty labels for known templates. Anything not listed falls back to a
 // title-cased version of the key.
-export const APP_LABELS: Record<string, string> = {
+const APP_LABELS: Record<string, string> = {
     gtk: 'GTK',
     zed: 'Zed',
     vscode: 'VS Code',

frontend/src/lib/stores/theme.svelte.ts

@@ -171,9 +171,6 @@ export function getThemeSignature(): string {
 }
 
 let lastAppliedSignature = $state<string>('');
-export function getLastAppliedSignature(): string {
-    return lastAppliedSignature;
-}
 export function markApplied(): void {
     lastAppliedSignature = getThemeSignature();
 }
@@ -259,10 +256,6 @@ export function setPaletteFromExtraction(path: string, colors: string[]): void {
     setPalette(colors);
 }
 
-export function getLastExtractedPath(): string {
-    return lastExtractedPath;
-}
-
 export function setLastExtractedPath(path: string): void {
     lastExtractedPath = path;
 }

frontend/src/lib/stores/ui.svelte.ts

@@ -9,12 +9,14 @@ export type Tab =
 export const COLOR_MODELS = ['rgb', 'hsl', 'oklch'] as const;
 export type ColorModel = (typeof COLOR_MODELS)[number];
 
+export type ToastAction = {label: string; run: () => void};
+
 // --- Reactive state ---
 let activeTab = $state<Tab>('editor');
 let sidebarVisible = $state<boolean>(true);
 let toastMessage = $state<string>('');
 let toastVisible = $state<boolean>(false);
-let toastAction = $state<{label: string; run: () => void} | null>(null);
+let toastAction = $state<ToastAction | null>(null);
 let liveApply = $state<boolean>(readBoolPref('aether-live-apply', false));
 let targetsVisible = $state<boolean>(
     readBoolPref('aether-targets-visible', true)
@@ -96,9 +98,7 @@ export function toggleSidebar(): void {
 
 export function showToast(
     msg: string,
-    durationOrOpts:
-        | number
-        | {duration?: number; action?: {label: string; run: () => void}} = 3000
+    durationOrOpts: number | {duration?: number; action?: ToastAction} = 3000
 ): void {
     const opts =
         typeof durationOrOpts === 'number'
@@ -114,7 +114,7 @@ export function showToast(
     }, duration);
 }
 
-export function getToastAction(): {label: string; run: () => void} | null {
+export function getToastAction(): ToastAction | null {
     return toastAction;
 }