@fde-desktop/fde-core 0.4.9 → 0.4.11

package/dist/SettingsApp-BTFtTFY_.js

@@ -0,0 +1,1228 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { G as t, o as n } from "./desktopStore-8cSZlj7s.js";
+import { t as r } from "./AppIcon-mtEoyzOb.js";
+import { i } from "./useCloseInterceptor-CIxhOZx1.js";
+import { t as a } from "./useResolvedUrl-B6x4xy0x.js";
+import { n as o } from "./FilePickerApp-ClHuhm6Z.js";
+import { t as s } from "./Colors-CuABn2W4.js";
+import { t as c } from "./DownloadProgress-DnVASsv5.js";
+import { t as l } from "./ColorPicker-WCeD3Wjf.js";
+import { n as u } from "./settingsAppStore-DHZhi6Rl.js";
+import { useCallback as d, useDeferredValue as f, useEffect as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Box as y, Button as b, Card as x, Group as S, Paper as C, Radio as w, ScrollArea as T, SegmentedControl as E, SimpleGrid as ee, Slider as D, Stack as O, Text as k, TextInput as A, Tooltip as te, UnstyledButton as j } from "@mantine/core";
+import { useQuery as M, useQueryClient as N } from "@tanstack/react-query";
+import { create as P } from "zustand";
+import { createJSONStorage as ne, persist as F } from "zustand/middleware";
+import { useTranslation as I } from "react-i18next";
+//#region src/infrastructure/adapters/DefaultThemeProvider.ts
+var L = {
+	mode: "light",
+	colors: {
+		desktop: "#f0f4f8",
+		taskbar: "rgba(255, 255, 255, 0.9)",
+		window: "#ffffff",
+		accent: "#339af0"
+	},
+	window: {
+		borderRadius: "8px",
+		headerHeight: 40,
+		minWidth: 400,
+		minHeight: 300,
+		defaultWidth: 800,
+		defaultHeight: 600,
+		shadow: "0 8px 32px rgba(0, 0, 0, 0.2)"
+	},
+	taskbar: {
+		height: 48,
+		position: "bottom",
+		background: "rgba(0, 0, 0, 0.8)",
+		blur: !0
+	},
+	desktop: {
+		background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+		iconSize: 64,
+		iconSpacing: 16
+	}
+}, R = {
+	mode: "dark",
+	colors: {
+		desktop: "#1a1b1e",
+		taskbar: "rgba(26, 27, 30, 0.9)",
+		window: "#25262b",
+		accent: "#4dabf7"
+	},
+	window: {
+		borderRadius: "8px",
+		headerHeight: 40,
+		minWidth: 400,
+		minHeight: 300,
+		defaultWidth: 800,
+		defaultHeight: 600,
+		shadow: "0 8px 32px rgba(0, 0, 0, 0.2)"
+	},
+	taskbar: {
+		height: 48,
+		position: "bottom",
+		background: "rgba(0, 0, 0, 0.8)",
+		blur: !0
+	},
+	desktop: {
+		background: "linear-gradient(135deg, #1a1b1e 0%, #2d1f3d 100%)",
+		iconSize: 64,
+		iconSpacing: 16
+	}
+}, z = class {
+	mode;
+	customColors = null;
+	constructor(e = "light") {
+		this.mode = e;
+	}
+	getTheme() {
+		let e = this.mode === "light" ? L : R;
+		return this.customColors ? {
+			...e,
+			colors: {
+				...e.colors,
+				taskbar: this.customColors.taskbar,
+				window: this.customColors.window,
+				accent: this.customColors.accent
+			}
+		} : e;
+	}
+	setMode(e) {
+		this.mode = e;
+	}
+	setCustomColors(e) {
+		this.customColors = e;
+	}
+	toggle() {
+		this.mode = this.mode === "light" ? "dark" : "light";
+	}
+}, B = ["en", "es"], V = "en", H = () => {
+	try {
+		let e = localStorage.getItem("fde-desktop:settings"), t = localStorage.getItem("fran-desktop:settings");
+		return JSON.parse(e ?? t ?? "{}")?.state?.theme?.mode ?? null;
+	} catch {
+		return null;
+	}
+}, U = H(), W = () => {
+	if (typeof navigator > "u" || !navigator.language) return V;
+	let e = navigator.language.split("-")[0];
+	return B.includes(e) ? e : V;
+}, re = (() => {
+	try {
+		let e = localStorage.getItem("fde-desktop:settings"), t = localStorage.getItem("fran-desktop:settings"), n = JSON.parse(e ?? t ?? "{}")?.state?.language;
+		return n && B.includes(n) ? n : W();
+	} catch {
+		return W();
+	}
+})(), ie = typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", G = new z(U ?? ie), K = P()(F((e) => ({
+	wallpaper: null,
+	wallpaperModule: "default",
+	launcherIcon: "FcElectronics",
+	font: "system-ui",
+	downloadedFonts: [],
+	fontSize: 14,
+	animationDuration: .3,
+	theme: G.getTheme(),
+	themeSetManually: U !== null,
+	customThemeColors: null,
+	language: re,
+	setWallpaper: (t) => e({ wallpaper: t }),
+	setWallpaperModule: (t) => e({ wallpaperModule: t }),
+	setLauncherIcon: (t) => e({ launcherIcon: t }),
+	setFont: (t) => e({ font: t }),
+	markFontDownloaded: (t) => e((e) => ({ downloadedFonts: e.downloadedFonts.includes(t) ? e.downloadedFonts : [...e.downloadedFonts, t] })),
+	setFontSize: (t) => e({ fontSize: t }),
+	setAnimationDuration: (t) => e({ animationDuration: t }),
+	setThemeMode: (t) => {
+		G.setMode(t), e({
+			theme: G.getTheme(),
+			themeSetManually: !0
+		});
+	},
+	toggleTheme: () => {
+		G.toggle(), e({
+			theme: G.getTheme(),
+			themeSetManually: !0
+		});
+	},
+	setThemeAutomatic: () => e({ themeSetManually: !1 }),
+	applySystemTheme: (t) => {
+		G.setMode(t), e({ theme: G.getTheme() });
+	},
+	setCustomThemeColors: (t) => {
+		e({ customThemeColors: t });
+	},
+	setLanguage: (t) => e({ language: t })
+}), {
+	name: "fde-desktop:settings",
+	storage: ne(() => localStorage)
+})), q = {
+	container: "_container_a0fjd_1",
+	flag: "_flag_a0fjd_8"
+}, ae = {
+	en: /* @__PURE__ */ _("svg", {
+		viewBox: "0 0 60 40",
+		className: q.flag,
+		children: [
+			/* @__PURE__ */ g("rect", {
+				fill: "#012169",
+				width: "60",
+				height: "40"
+			}),
+			/* @__PURE__ */ g("path", {
+				d: "M0,0 L60,40 M60,0 L0,40",
+				stroke: "#fff",
+				strokeWidth: "6"
+			}),
+			/* @__PURE__ */ g("path", {
+				d: "M0,0 L60,40 M60,0 L0,40",
+				stroke: "#C8102E",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ g("path", {
+				d: "M30,0 V40 M0,20 H60",
+				stroke: "#fff",
+				strokeWidth: "10"
+			}),
+			/* @__PURE__ */ g("path", {
+				d: "M30,0 V40 M0,20 H60",
+				stroke: "#C8102E",
+				strokeWidth: "6"
+			})
+		]
+	}),
+	es: /* @__PURE__ */ _("svg", {
+		viewBox: "0 0 60 40",
+		className: q.flag,
+		children: [/* @__PURE__ */ g("rect", {
+			fill: "#C60B1E",
+			width: "60",
+			height: "40"
+		}), /* @__PURE__ */ g("rect", {
+			fill: "#FFC400",
+			y: "10",
+			width: "60",
+			height: "20"
+		})]
+	})
+}, oe = ({ lang: e, size: t = 20 }) => /* @__PURE__ */ g("div", {
+	style: {
+		width: t * 1.5,
+		height: t
+	},
+	className: q.container,
+	"aria-label": e === "en" ? "English" : "Español",
+	"data-testid": `flag-${e}`,
+	children: ae[e]
+}), J = [
+	{
+		value: "system-ui",
+		label: "System Default",
+		stack: "system-ui, Avenir, Helvetica, Arial, sans-serif"
+	},
+	{
+		value: "Courier New",
+		label: "Courier New",
+		stack: "\"Courier New\", monospace"
+	},
+	{
+		value: "Source Code Pro",
+		label: "Source Code Pro",
+		stack: "\"Source Code Pro\", monospace"
+	},
+	{
+		value: "Open Sans",
+		label: "Open Sans",
+		stack: "\"Open Sans\", monospace"
+	}
+], se = Object.fromEntries(J.map((e) => [e.value, e.stack])), Y = {
+	"Source Code Pro": "https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap",
+	"Open Sans": "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
+}, X = [
+	{
+		id: "wallpaper",
+		label: "Wallpaper",
+		fcIcon: "FcPicture",
+		description: "Change the desktop background image."
+	},
+	{
+		id: "appearance",
+		label: "Appearance",
+		fcIcon: "FcBinoculars",
+		description: "Switch between light and dark mode."
+	},
+	{
+		id: "launcher",
+		label: "Launcher",
+		fcIcon: "FcElectronics",
+		description: "Choose the launcher button icon."
+	},
+	{
+		id: "font",
+		label: "Font",
+		fcIcon: "FcEditImage",
+		description: "Select the system font family."
+	},
+	{
+		id: "language",
+		label: "Language",
+		fcIcon: "FcGlobe",
+		description: "Choose your preferred language."
+	},
+	{
+		id: "reset",
+		label: "Reset to Default",
+		fcIcon: "FcDisclaimer",
+		description: "Reset all settings and data to defaults."
+	}
+], Z = ({ title: e, description: t, children: n }) => /* @__PURE__ */ _(O, {
+	gap: "md",
+	p: "md",
+	children: [
+		/* @__PURE__ */ g(k, {
+			fw: 600,
+			size: "lg",
+			children: e
+		}),
+		t && /* @__PURE__ */ g(k, {
+			size: "sm",
+			c: "dimmed",
+			children: t
+		}),
+		n
+	]
+}), ce = "/Images/wallpaper.jpg", le = () => {
+	let { t: e } = I("settings"), t = K((e) => e.wallpaper), n = K((e) => e.wallpaperModule), r = K((e) => e.setWallpaper), i = K((e) => e.setWallpaperModule), [s, c] = h(""), [l, u] = h(!1), f = m(null), p = a(t ?? void 0) ?? ce, v = d((e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		let n = new FileReader();
+		n.onload = (e) => {
+			let t = e.target?.result;
+			typeof t == "string" && r(t);
+		}, n.readAsDataURL(t);
+	}, [r]), y = d(() => {
+		let e = s.trim();
+		e && r(e);
+	}, [s, r]), x = d(() => {
+		r(null), c("");
+	}, [r]), C = d((e) => {
+		let t = e.url ? e.url.startsWith("idb://") ? e.url : `/${e.url}` : null;
+		t && r(t), u(!1);
+	}, [r]);
+	return /* @__PURE__ */ _(Z, {
+		title: e("wallpaper.title"),
+		children: [
+			/* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(E, {
+				value: n,
+				onChange: i,
+				data: [{
+					value: "default",
+					label: e("wallpaper.staticImage")
+				}],
+				fullWidth: !0
+			}) }),
+			/* @__PURE__ */ g("img", {
+				src: p,
+				alt: e("wallpaper.wallpaperPreview"),
+				style: {
+					width: "100%",
+					height: 180,
+					objectFit: "cover",
+					borderRadius: 8
+				}
+			}),
+			/* @__PURE__ */ _(S, { children: [
+				/* @__PURE__ */ g("input", {
+					ref: f,
+					type: "file",
+					accept: "image/*",
+					style: { display: "none" },
+					onChange: v,
+					"aria-label": e("wallpaper.uploadAria", { defaultValue: "Upload wallpaper file" })
+				}),
+				/* @__PURE__ */ g(b, {
+					variant: "light",
+					onClick: () => u(!0),
+					children: e("wallpaper.chooseFromImages")
+				}),
+				/* @__PURE__ */ g(b, {
+					variant: "light",
+					onClick: () => f.current?.click(),
+					children: e("wallpaper.uploadFromDisk")
+				}),
+				/* @__PURE__ */ g(b, {
+					variant: "subtle",
+					color: "red",
+					onClick: x,
+					children: e("wallpaper.resetToDefault")
+				})
+			] }),
+			/* @__PURE__ */ _(S, {
+				align: "flex-end",
+				children: [/* @__PURE__ */ g(A, {
+					label: e("wallpaper.orEnterUrl"),
+					placeholder: "https://example.com/image.jpg",
+					value: s,
+					onChange: (e) => c(e.currentTarget.value),
+					style: { flex: 1 }
+				}), /* @__PURE__ */ g(b, {
+					onClick: y,
+					disabled: !s.trim(),
+					children: e("common:actions.apply")
+				})]
+			}),
+			/* @__PURE__ */ g(o, {
+				opened: l,
+				acceptedMimeTypes: ["image/*"],
+				onConfirm: C,
+				onCancel: () => u(!1)
+			})
+		]
+	});
+}, ue = () => {
+	let { t: e } = I("settings"), t = K((e) => e.theme.mode), n = K((e) => e.themeSetManually), r = K((e) => e.customThemeColors), i = K((e) => e.animationDuration), a = K((e) => e.setThemeMode), o = K((e) => e.setThemeAutomatic), s = K((e) => e.setCustomThemeColors), c = K((e) => e.setAnimationDuration), u = r ? "custom" : n ? t : "system", f = d((e) => {
+		e === "system" ? (o(), s(null)) : e === "custom" ? s({
+			taskbar: "#339af0",
+			window: "#ffffff",
+			accent: "#339af0"
+		}) : (a(e), s(null));
+	}, [
+		a,
+		o,
+		s
+	]), p = d((e) => (t) => {
+		r && s({
+			...r,
+			[e]: t
+		});
+	}, [r, s]), m = d((e) => {
+		c(e);
+	}, [c]), h = u === "custom";
+	return /* @__PURE__ */ _(O, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ g(k, {
+				fw: 600,
+				size: "lg",
+				children: e("appearance.title")
+			}),
+			/* @__PURE__ */ g(k, {
+				size: "sm",
+				c: "dimmed",
+				children: e("appearance.description")
+			}),
+			/* @__PURE__ */ g(E, {
+				value: u,
+				onChange: f,
+				data: [
+					{
+						label: e("common:theme.light"),
+						value: "light"
+					},
+					{
+						label: e("common:theme.dark"),
+						value: "dark"
+					},
+					{
+						label: e("common:theme.system"),
+						value: "system"
+					},
+					{
+						label: e("common:theme.custom"),
+						value: "custom"
+					}
+				],
+				"aria-label": e("appearance.themeMode", { defaultValue: "Theme mode" })
+			}),
+			/* @__PURE__ */ _(O, {
+				gap: "sm",
+				mt: "md",
+				children: [
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: h ? "dark" : void 0,
+						children: e("appearance.taskbar")
+					}), /* @__PURE__ */ g(l, {
+						value: r?.taskbar ?? "#339af0",
+						onChange: p("taskbar"),
+						disabled: !h
+					})] }),
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: h ? "dark" : void 0,
+						children: e("appearance.window")
+					}), /* @__PURE__ */ g(l, {
+						value: r?.window ?? "#ffffff",
+						onChange: p("window"),
+						disabled: !h
+					})] }),
+					/* @__PURE__ */ _(y, { children: [/* @__PURE__ */ g(k, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: h ? "dark" : void 0,
+						children: e("appearance.accent")
+					}), /* @__PURE__ */ g(l, {
+						value: r?.accent ?? "#339af0",
+						onChange: p("accent"),
+						disabled: !h
+					})] })
+				]
+			}),
+			/* @__PURE__ */ _(y, {
+				mt: "md",
+				children: [
+					/* @__PURE__ */ g(k, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						children: e("appearance.animationDuration")
+					}),
+					/* @__PURE__ */ g(k, {
+						size: "xs",
+						c: "dimmed",
+						mb: "sm",
+						children: e("appearance.animationDescription")
+					}),
+					/* @__PURE__ */ _(S, {
+						align: "center",
+						gap: "md",
+						children: [/* @__PURE__ */ g(D, {
+							value: i,
+							onChange: m,
+							min: .1,
+							max: 1,
+							step: .1,
+							style: { flex: 1 },
+							marks: [
+								{
+									value: .1,
+									label: "0.1s"
+								},
+								{
+									value: .5,
+									label: "0.5s"
+								},
+								{
+									value: 1,
+									label: "1.0s"
+								}
+							],
+							"aria-label": e("appearance.animationDuration")
+						}), /* @__PURE__ */ _(k, {
+							size: "sm",
+							fw: 500,
+							style: { minWidth: 40 },
+							children: [i.toFixed(1), "s"]
+						})]
+					})
+				]
+			})
+		]
+	});
+}, de = () => {
+	let e = K((e) => e.launcherIcon), t = K((e) => e.setLauncherIcon), [n, i] = h([]), [a, o] = h(""), s = f(a);
+	p(() => {
+		import("react-icons/fc").then((e) => {
+			i(Object.keys(e).filter((e) => e.startsWith("Fc")).sort());
+		});
+	}, []);
+	let c = s ? n.filter((e) => e.toLowerCase().includes(s.toLowerCase())) : n, l = d((e) => {
+		t(e);
+	}, [t]);
+	return /* @__PURE__ */ _(Z, {
+		title: "Launcher Icon",
+		description: `Selected: ${e}`,
+		children: [/* @__PURE__ */ g(A, {
+			placeholder: "Search icons...",
+			value: a,
+			onChange: (e) => o(e.currentTarget.value),
+			"aria-label": "Search icons"
+		}), /* @__PURE__ */ g(T, {
+			style: {
+				flex: 1,
+				height: 300
+			},
+			children: /* @__PURE__ */ g(ee, {
+				cols: 8,
+				spacing: 4,
+				children: c.map((t) => /* @__PURE__ */ g(te, {
+					label: t,
+					withArrow: !0,
+					openDelay: 400,
+					children: /* @__PURE__ */ g(j, {
+						onClick: () => l(t),
+						"aria-label": t,
+						"aria-pressed": t === e,
+						style: {
+							padding: 6,
+							borderRadius: 6,
+							background: t === e ? "var(--mantine-primary-color-light)" : "transparent",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ g(r, {
+							fcIcon: t,
+							size: 24
+						})
+					})
+				}, t))
+			})
+		})]
+	});
+}, fe = (e) => {
+	let t = Y[e];
+	if (!t || document.head.querySelector(`link[data-font="${e}"]`)) return;
+	let n = document.createElement("link");
+	n.rel = "stylesheet", n.href = t, n.setAttribute("data-font", e), document.head.appendChild(n);
+}, pe = async (e) => {
+	let t = Y[e];
+	if (!t) throw Error(`Font "${e}" not found in Google Fonts`);
+	let n = await fetch(t);
+	if (!n.ok) throw Error(`Failed to download font: HTTP ${n.status}`);
+	return await n.text(), fe(e), {
+		font: e,
+		success: !0
+	};
+}, me = (e) => {
+	let t = N(), n = K((e) => e.markFontDownloaded), r = K((e) => e.downloadedFonts), i = e ? r.includes(e) : !1, a = e && !i && Y[e], o = M({
+		queryKey: ["font", e ?? ""],
+		queryFn: async ({ queryKey: e }) => {
+			let [, t] = e;
+			if (!t || !Y[t]) throw Error(`Font "${t}" not available`);
+			let r = await pe(t);
+			return r.success && n(t), r;
+		},
+		enabled: !!a,
+		staleTime: Infinity,
+		gcTime: Infinity,
+		retry: !1
+	}), s = o.isFetching ? {
+		status: "downloading",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: null
+	} : o.isError ? {
+		status: "error",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: o.error?.message ?? "Unknown error"
+	} : o.isSuccess ? {
+		status: "done",
+		loaded: 0,
+		total: 0,
+		percent: 100,
+		error: null
+	} : {
+		status: "idle",
+		loaded: 0,
+		total: null,
+		percent: null,
+		error: null
+	}, c = () => {
+		e && t.removeQueries({ queryKey: ["font", e] });
+	};
+	return {
+		...o,
+		progress: s,
+		isDownloaded: i,
+		reset: c
+	};
+}, he = s[1], ge = ({ status: e, error: t, onDownload: n }) => {
+	let { t: r } = I("settings");
+	return t ? /* @__PURE__ */ g(v, {
+		color: he,
+		variant: "filled",
+		size: "sm",
+		"aria-label": `Download error: ${t}`,
+		children: r("common:status.error")
+	}) : /* @__PURE__ */ g(b, {
+		size: "xs",
+		variant: "light",
+		onClick: n,
+		loading: e === "downloading",
+		"aria-label": r("font.download"),
+		children: r("font.download")
+	});
+}, _e = () => {
+	let { t: e } = I("settings"), t = K((e) => e.font), n = K((e) => e.setFont), r = K((e) => e.fontSize), i = K((e) => e.setFontSize), a = K((e) => e.downloadedFonts), o = K((e) => e.markFontDownloaded), [s, l] = h(null), u = me(s);
+	p(() => {
+		u.isSuccess && u.data?.success && s && (a.includes(s) || o(s));
+	}, [
+		u.isSuccess,
+		u.data,
+		s,
+		a,
+		o
+	]);
+	let f = d((e) => {
+		l(e);
+	}, []), m = (e) => a.includes(e) ? "done" : s === e ? u.progress.status : "idle", v = (e) => s === e ? u.progress.error : null, y = d((e) => {
+		let t = e.trim();
+		t && (Y[t] = `https://fonts.googleapis.com/css2?family=${t.replace(/\s+/g, "+")}&display=swap`, l(t));
+	}, []), b = J.map((e) => e.value), x = a.filter((e) => !b.includes(e));
+	return /* @__PURE__ */ _(O, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ g(k, {
+				fw: 600,
+				size: "lg",
+				children: e("font.title")
+			}),
+			/* @__PURE__ */ g(k, {
+				size: "sm",
+				c: "dimmed",
+				children: e("font.description")
+			}),
+			/* @__PURE__ */ g(w.Group, {
+				value: t,
+				onChange: n,
+				"aria-label": e("font.selectionAria", { defaultValue: "Font selection" }),
+				children: /* @__PURE__ */ _(O, {
+					gap: "xs",
+					children: [J.map((e) => {
+						let t = !!Y[e.value], n = a.includes(e.value), r = m(e.value), i = v(e.value), o = !t || n || r === "done";
+						return /* @__PURE__ */ g(C, {
+							p: "sm",
+							withBorder: !0,
+							radius: "md",
+							children: /* @__PURE__ */ _(O, {
+								gap: "xs",
+								children: [/* @__PURE__ */ _(S, {
+									justify: "space-between",
+									children: [/* @__PURE__ */ g(w, {
+										value: e.value,
+										label: e.label,
+										"aria-label": e.label,
+										disabled: !o
+									}), /* @__PURE__ */ _(S, {
+										gap: "xs",
+										align: "center",
+										children: [o && /* @__PURE__ */ g(k, {
+											size: "sm",
+											c: "dimmed",
+											style: { fontFamily: e.stack },
+											children: "AaBbCcDd"
+										}), t && /* @__PURE__ */ g(ge, {
+											fontLabel: e.label,
+											status: r,
+											error: i,
+											onDownload: () => f(e.value),
+											isDownloaded: n
+										})]
+									})]
+								}), t && r === "downloading" && /* @__PURE__ */ g(c, { state: u.progress })]
+							})
+						}, e.value);
+					}), x.map((e) => /* @__PURE__ */ g(C, {
+						p: "sm",
+						withBorder: !0,
+						radius: "md",
+						children: /* @__PURE__ */ _(S, {
+							justify: "space-between",
+							children: [/* @__PURE__ */ g(w, {
+								value: e,
+								label: e,
+								"aria-label": e
+							}), /* @__PURE__ */ g(k, {
+								size: "sm",
+								c: "dimmed",
+								style: { fontFamily: `"${e}"` },
+								children: "AaBbCcDd"
+							})]
+						})
+					}, e))]
+				})
+			}),
+			/* @__PURE__ */ g(C, {
+				p: "sm",
+				withBorder: !0,
+				radius: "md",
+				children: /* @__PURE__ */ _(O, {
+					gap: "xs",
+					children: [/* @__PURE__ */ _(S, {
+						justify: "space-between",
+						children: [/* @__PURE__ */ g(k, {
+							size: "sm",
+							fw: 500,
+							children: e("font.fontSize")
+						}), /* @__PURE__ */ _(k, {
+							size: "sm",
+							c: "dimmed",
+							children: [r, "px"]
+						})]
+					}), /* @__PURE__ */ g(D, {
+						value: r,
+						onChange: i,
+						min: 10,
+						max: 24,
+						step: 1,
+						marks: [
+							{ value: 10 },
+							{ value: 14 },
+							{ value: 18 },
+							{ value: 20 },
+							{ value: 24 }
+						],
+						"aria-label": e("font.fontSizeAria", { defaultValue: "Font size" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ g(ve, {
+				onDownload: y,
+				activeDownload: s,
+				fontDownload: u
+			})
+		]
+	});
+}, ve = ({ onDownload: e, activeDownload: t, fontDownload: n }) => {
+	let { t: r } = I("settings"), [i, a] = h(""), o = t === i.trim(), s = o ? n.progress.status : "idle", l = o && n.progress.status === "error", u = d((e) => {
+		a(e), l && n.reset?.();
+	}, [l, n]), f = d(() => {
+		e(i);
+	}, [i, e]), p = o && s === "done";
+	return /* @__PURE__ */ g(C, {
+		p: "sm",
+		withBorder: !0,
+		radius: "md",
+		children: /* @__PURE__ */ _(O, {
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ _(k, {
+					size: "sm",
+					fw: 500,
+					children: [
+						r("font.downloadByName"),
+						" ",
+						/* @__PURE__ */ g("a", {
+							href: "https://fonts.google.com/",
+							target: "_blank",
+							rel: "noreferrer",
+							children: r("font.fromGoogleFonts")
+						})
+					]
+				}),
+				/* @__PURE__ */ _(S, {
+					gap: "xs",
+					align: "flex-start",
+					children: [/* @__PURE__ */ g(A, {
+						placeholder: r("font.namePlaceholder", { defaultValue: "e.g. Open Sans" }),
+						value: i,
+						onChange: (e) => u(e.currentTarget.value),
+						style: { flex: 1 },
+						"aria-label": r("font.customNameAria", { defaultValue: "Custom font name" }),
+						error: l ? r("font.downloadError") : void 0
+					}), /* @__PURE__ */ g(b, {
+						onClick: f,
+						disabled: !i.trim() || s === "downloading",
+						loading: s === "downloading",
+						"aria-label": r("font.downloadCustomAria", { defaultValue: "Download custom font" }),
+						style: { marginTop: l ? 0 : void 0 },
+						children: r("font.download")
+					})]
+				}),
+				s === "downloading" && /* @__PURE__ */ g(c, { state: n.progress }),
+				p && /* @__PURE__ */ g(k, {
+					size: "xs",
+					c: "dimmed",
+					children: r("font.downloadSuccess")
+				})
+			]
+		})
+	});
+}, ye = ["en", "es"], be = "en", xe = {
+	en: "English",
+	es: "Español"
+}, Se = () => {
+	let { t: e } = I("settings"), t = K((e) => e.language), n = K((e) => e.setLanguage), r = d((e) => {
+		n(e);
+	}, [n]);
+	return /* @__PURE__ */ g(Z, {
+		title: e("language.title"),
+		description: e("language.description"),
+		children: /* @__PURE__ */ g(O, {
+			gap: "xs",
+			children: ye.map((e) => /* @__PURE__ */ g(j, {
+				onClick: () => r(e),
+				"aria-label": xe[e],
+				"aria-pressed": e === t,
+				style: {
+					padding: "12px 16px",
+					borderRadius: 8,
+					width: "100%",
+					background: e === t ? "var(--mantine-primary-color-light)" : "transparent",
+					border: e === t ? "1px solid var(--mantine-primary-color-filled)" : "1px solid transparent",
+					transition: "all 0.15s ease",
+					cursor: "pointer"
+				},
+				children: /* @__PURE__ */ _(S, {
+					gap: "sm",
+					children: [/* @__PURE__ */ g(oe, {
+						lang: e,
+						size: 24
+					}), /* @__PURE__ */ g(k, {
+						fw: e === t ? 600 : 400,
+						children: xe[e]
+					})]
+				})
+			}, e))
+		})
+	});
+};
+//#endregion
+//#region src/utils/clearBrowserData.ts
+async function Q(e) {
+	let t = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : void 0;
+	if (t) {
+		if (!e?.keepServiceWorker && "serviceWorker" in t.navigator) {
+			let e = await t.navigator.serviceWorker.getRegistrations();
+			for (let t of e) await t.unregister();
+		}
+		if ("caches" in t) {
+			let e = await t.caches.keys();
+			for (let n of e) await t.caches.delete(n);
+		}
+		if (!e?.keepIndexedDB && "indexedDB" in t) {
+			let e = await t.indexedDB.databases();
+			for (let n of e) n.name && t.indexedDB.deleteDatabase(n.name);
+		}
+		!e?.keepLocalStorage && "localStorage" in t && t.localStorage.clear(), !e?.keepSessionStorage && "sessionStorage" in t && t.sessionStorage.clear();
+	}
+}
+//#endregion
+//#region src/utils/resetDockerWorkspace.ts
+async function Ce() {
+	t() && (await fetch("/api/fs/reset", { method: "POST" }), await fetch("/api/fs/seed", { method: "POST" }));
+}
+//#endregion
+//#region src/components/Apps/SettingsApp/sections/ResetSettings.tsx
+var we = () => {
+	let { t: e } = I("settings"), [t, n] = h(!1), r = d(() => {
+		n(!0);
+	}, []), i = d(() => {
+		n(!1);
+	}, []), a = d(async () => {
+		await Ce(), await Q(), window.location.reload();
+	}, []), o = d(async () => {
+		await Ce(), await Q({ keepIndexedDB: !0 }), window.location.reload();
+	}, []);
+	return /* @__PURE__ */ _(Z, {
+		title: e("reset.title"),
+		description: e("reset.description"),
+		children: [/* @__PURE__ */ g(b, {
+			color: "red",
+			onClick: r,
+			style: { alignSelf: "flex-start" },
+			children: e("reset.resetButton")
+		}), t && /* @__PURE__ */ g(y, {
+			style: {
+				position: "fixed",
+				top: 0,
+				left: 0,
+				right: 0,
+				bottom: 0,
+				background: "rgba(0,0,0,0.5)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				zIndex: 1e3
+			},
+			role: "dialog",
+			"aria-label": "Confirm reset",
+			children: /* @__PURE__ */ g(y, {
+				style: {
+					background: "var(--mantine-color-default)",
+					borderRadius: 8,
+					padding: 24,
+					maxWidth: 400,
+					width: "100%"
+				},
+				children: /* @__PURE__ */ _(O, {
+					gap: "md",
+					children: [
+						/* @__PURE__ */ g(k, {
+							fw: 600,
+							size: "lg",
+							ta: "center",
+							children: e("reset.modalTitle")
+						}),
+						/* @__PURE__ */ g(k, {
+							size: "sm",
+							c: "dimmed",
+							ta: "center",
+							children: e("reset.modalDescription")
+						}),
+						/* @__PURE__ */ _(S, {
+							justify: "center",
+							gap: "xs",
+							mt: "md",
+							children: [
+								/* @__PURE__ */ g(b, {
+									variant: "default",
+									onClick: i,
+									children: e("reset.goBack")
+								}),
+								/* @__PURE__ */ g(b, {
+									color: "blue",
+									onClick: o,
+									children: e("reset.keepFiles")
+								}),
+								/* @__PURE__ */ g(b, {
+									color: "red",
+									onClick: a,
+									children: e("reset.burnEverything")
+								})
+							]
+						})
+					]
+				})
+			})
+		})]
+	});
+}, $ = {
+	root: "_root_77epl_1",
+	sidebar: "_sidebar_77epl_8",
+	navItem: "_navItem_77epl_16",
+	content: "_content_77epl_41",
+	overviewPadding: "_overviewPadding_77epl_47",
+	sectionCard: "_sectionCard_77epl_51",
+	toolbar: "_toolbar_77epl_60",
+	dirtyIndicator: "_dirtyIndicator_77epl_70",
+	versionFooter: "_versionFooter_77epl_77"
+}, Te = {
+	name: "Francisco Núñez Palomares",
+	title: "Fullstack Developer & DevOps",
+	email: "frannunpal@gmail.com",
+	phone: "+34 600 275 210",
+	location: "Spain",
+	linkedin: "https://www.linkedin.com/in/francisco-núñez-palomares-74a484171/",
+	github: "https://github.com/frannunpal",
+	cvUrls: {
+		en: "Desktop/CV_2026_English.pdf",
+		es: "Desktop/CV 2026.pdf"
+	}
+}, Ee = /* @__PURE__ */ e({ default: () => Ae }), De = "0.4.0", Oe = () => De, ke = {
+	wallpaper: le,
+	appearance: ue,
+	launcher: de,
+	font: _e,
+	language: Se,
+	reset: we
+}, Ae = ({ window: e, notifyReady: t }) => {
+	let { t: a } = I("settings"), [o, s] = h(null), [c, l] = h(!1), f = n((e) => e.windows), v = e?.id ?? f.find((e) => e.content === "settings")?.id, y = K((e) => e.wallpaper), S = K((e) => e.wallpaperModule), C = K((e) => e.theme), w = K((e) => e.font), T = K((e) => e.fontSize), E = K((e) => e.launcherIcon), D = K((e) => e.customThemeColors), A = K((e) => e.animationDuration), te = K((e) => e.setWallpaper), j = K((e) => e.setWallpaperModule), M = K((e) => e.setFont), N = K((e) => e.setFontSize), P = K((e) => e.setLauncherIcon), ne = K((e) => e.setThemeMode), F = K((e) => e.setCustomThemeColors), L = K((e) => e.setThemeAutomatic), R = K((e) => e.setAnimationDuration), z = m(null);
+	p(() => {
+		z.current === null && (z.current = {
+			wallpaper: y,
+			wallpaperModule: S,
+			themeMode: C.mode,
+			font: w,
+			fontSize: T,
+			launcherIcon: E,
+			customThemeColors: D,
+			animationDuration: A
+		});
+	}, [
+		y,
+		S,
+		C.mode,
+		w,
+		T,
+		E,
+		D,
+		A
+	]), p(() => {
+		if (!z.current) return;
+		let e = {
+			wallpaper: y,
+			wallpaperModule: S,
+			themeMode: C.mode,
+			font: w,
+			fontSize: T,
+			launcherIcon: E,
+			customThemeColors: D,
+			animationDuration: A
+		};
+		l(JSON.stringify(e) !== JSON.stringify(z.current));
+	}, [
+		y,
+		S,
+		C.mode,
+		w,
+		T,
+		E,
+		D,
+		A
+	]);
+	let B = d(() => {
+		let e = z.current;
+		e && (te(e.wallpaper), j(e.wallpaperModule), M(e.font), N(e.fontSize), P(e.launcherIcon), R(e.animationDuration), e.customThemeColors ? F(e.customThemeColors) : (F(null), L()), ne(e.themeMode), l(!1));
+	}, [
+		te,
+		j,
+		M,
+		N,
+		P,
+		R,
+		ne,
+		F,
+		L
+	]);
+	p(() => {
+		v && u.getState().reset(v);
+	}, [v]), p(() => {
+		v && u.getState().setIsDirty(v, c);
+	}, [v, c]), p(() => {
+		t?.({
+			...e?.contentData ?? {},
+			discard: B
+		});
+	}, [
+		e,
+		t,
+		B
+	]), i({
+		isDirtyGetter: d(() => {
+			if (!z.current) return !1;
+			let e = {
+				wallpaper: K.getState().wallpaper,
+				wallpaperModule: K.getState().wallpaperModule,
+				themeMode: K.getState().theme.mode,
+				font: K.getState().font,
+				fontSize: K.getState().fontSize,
+				launcherIcon: K.getState().launcherIcon,
+				customThemeColors: K.getState().customThemeColors,
+				animationDuration: K.getState().animationDuration
+			};
+			return JSON.stringify(e) !== JSON.stringify(z.current);
+		}, []),
+		windowId: v,
+		onDiscard: B,
+		onSave: () => {}
+	});
+	let V = d((e) => {
+		s(e);
+	}, []), H = d(() => {
+		s(null);
+	}, []), U = d(() => {
+		globalThis.location.href = `mailto:${Te.email}`;
+	}, []), W = o ? ke[o] : null;
+	return /* @__PURE__ */ _("div", {
+		className: $.root,
+		children: [/* @__PURE__ */ g("aside", {
+			className: $.sidebar,
+			children: /* @__PURE__ */ _("nav", {
+				"aria-label": "Settings sections",
+				children: [/* @__PURE__ */ _("button", {
+					className: $.navItem,
+					"data-active": o === null || void 0,
+					onClick: H,
+					"aria-label": "All Settings",
+					"aria-current": o === null ? "page" : void 0,
+					children: [/* @__PURE__ */ g(r, {
+						fcIcon: "FcList",
+						size: 16
+					}), /* @__PURE__ */ g(k, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: a("all")
+					})]
+				}), X.map((e) => /* @__PURE__ */ _("button", {
+					className: $.navItem,
+					"data-active": o === e.id || void 0,
+					onClick: () => V(e.id),
+					"aria-label": e.label,
+					"aria-current": o === e.id ? "page" : void 0,
+					children: [/* @__PURE__ */ g(r, {
+						fcIcon: e.fcIcon,
+						size: 16
+					}), /* @__PURE__ */ g(k, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: a(`sections.${e.id}.label`)
+					})]
+				}, e.id))]
+			})
+		}), /* @__PURE__ */ g("main", {
+			className: $.content,
+			children: W ? /* @__PURE__ */ g(W, {}) : /* @__PURE__ */ _(O, {
+				className: $.overviewPadding,
+				h: "100%",
+				justify: "space-between",
+				gap: 0,
+				children: [
+					/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(k, {
+						fw: 500,
+						mb: "md",
+						size: "sm",
+						c: "dimmed",
+						children: a("all")
+					}), /* @__PURE__ */ g(ee, {
+						cols: 2,
+						spacing: "sm",
+						children: X.map((e) => /* @__PURE__ */ g(x, {
+							withBorder: !0,
+							padding: "md",
+							radius: "md",
+							className: $.sectionCard,
+							onClick: () => V(e.id),
+							role: "button",
+							"aria-label": `Open ${e.label} settings`,
+							children: /* @__PURE__ */ _(O, {
+								gap: 6,
+								align: "flex-start",
+								children: [
+									/* @__PURE__ */ g(r, {
+										fcIcon: e.fcIcon,
+										size: 28
+									}),
+									/* @__PURE__ */ g(k, {
+										size: "sm",
+										fw: 500,
+										children: a(`sections.${e.id}.label`)
+									}),
+									/* @__PURE__ */ g(k, {
+										size: "xs",
+										c: "dimmed",
+										children: a(`sections.${e.id}.description`)
+									})
+								]
+							})
+						}, e.id))
+					})] }),
+					/* @__PURE__ */ g(b, {
+						gradient: {
+							from: "blue",
+							to: "cyan",
+							deg: 90
+						},
+						onClick: U,
+						children: "FDE: Fran Desktop Environment"
+					}),
+					/* @__PURE__ */ g(k, {
+						size: "xs",
+						c: "dimmed",
+						ta: "center",
+						className: $.versionFooter,
+						children: Oe()
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+export { z as _, be as a, fe as c, J as d, se as f, K as g, H as h, Q as i, Z as l, oe as m, Ee as n, ye as o, Y as p, Te as r, me as s, Ae as t, X as u };