@fde-desktop/fde-core 0.4.11 → 0.4.19

package/dist/SettingsApp-ghc3RaMv.js

@@ -0,0 +1,875 @@
+import { _ as e, a as t, c as n, f as r, g as i, h as a, i as o, l as s, n as c, p as l, r as u, s as d, u as f } from "./i18nConstants-Nzpf2IFp.js";
+import { n as p, r as m, t as h, u as g } from "./useResolvedUrl-CgqjNxzw.js";
+import { G as _, n as v, o as y } from "./desktopStore-xnNbYaYm.js";
+import { t as b } from "./AppIcon-aFNw89J2.js";
+import { i as ee } from "./useCloseInterceptor-Bwm4I0O8.js";
+import { t as x } from "./Colors-BIj4g0eH.js";
+import { t as S } from "./ColorPicker-B76rCS2H.js";
+import { t as C } from "./DownloadProgress-DBFA58C5.js";
+import { n as w } from "./FilePickerApp-D7fERKbp.js";
+import { n as T } from "./settingsAppStore-Y7x3r6pV.js";
+import { useCallback as E, useDeferredValue as D, useEffect as O, useRef as k, useState as A } from "react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Badge as P, Box as F, Button as I, Card as te, Group as L, Paper as R, Radio as z, ScrollArea as B, SegmentedControl as V, SimpleGrid as H, Slider as U, Stack as W, Text as G, TextInput as K, Tooltip as q, UnstyledButton as J } from "@mantine/core";
+import { useTranslation as Y } from "react-i18next";
+//#region src/components/Apps/SettingsApp/sections/WPModule/StaticWallpaperModule.tsx
+var X = () => {
+	let { t } = Y("settings"), n = e((e) => e.wallpaper), r = e((e) => e.setWallpaper), i = e((e) => e.setWallpaperModule), [a, o] = A(""), [s, c] = A(!1), l = k(null), u = h(n ?? void 0), d = n !== null && g(n) ? m : u ?? m, f = E(async (e) => {
+		let t = e.target.files?.[0];
+		if (t) try {
+			r(await v.saveBlob(t)), i("default");
+		} catch (e) {
+			console.error("[StaticWallpaperModule] Failed to save wallpaper:", e);
+		}
+	}, [r, i]), p = E(() => {
+		let e = a.trim();
+		e && (r(e), i("default"));
+	}, [
+		a,
+		r,
+		i
+	]), _ = E((e) => {
+		let t = e.url ? e.url.startsWith("idb://") ? e.url : `/${e.url}` : null;
+		t && (r(t), i("default")), c(!1);
+	}, [r, i]);
+	return /* @__PURE__ */ N(j, { children: [
+		/* @__PURE__ */ M("img", {
+			src: d,
+			alt: t("wallpaper.wallpaperPreview"),
+			style: {
+				width: "100%",
+				height: 180,
+				objectFit: "cover",
+				borderRadius: 8
+			}
+		}),
+		/* @__PURE__ */ N(L, { children: [
+			/* @__PURE__ */ M("input", {
+				ref: l,
+				type: "file",
+				accept: "image/*",
+				style: { display: "none" },
+				onChange: f,
+				"aria-label": t("wallpaper.uploadAria", { defaultValue: "Upload wallpaper file" })
+			}),
+			/* @__PURE__ */ M(I, {
+				variant: "light",
+				onClick: () => c(!0),
+				children: t("wallpaper.chooseFromImages")
+			}),
+			/* @__PURE__ */ M(I, {
+				variant: "light",
+				onClick: () => l.current?.click(),
+				children: t("wallpaper.uploadFromDisk")
+			})
+		] }),
+		/* @__PURE__ */ N(L, {
+			align: "flex-end",
+			children: [/* @__PURE__ */ M(K, {
+				label: t("wallpaper.orEnterUrl"),
+				placeholder: "https://example.com/image.jpg",
+				value: a,
+				onChange: (e) => o(e.currentTarget.value),
+				style: { flex: 1 }
+			}), /* @__PURE__ */ M(I, {
+				onClick: p,
+				disabled: !a.trim(),
+				children: t("common:actions.apply")
+			})]
+		}),
+		/* @__PURE__ */ M(w, {
+			opened: s,
+			acceptedMimeTypes: ["image/*"],
+			onConfirm: _,
+			onCancel: () => c(!1)
+		})
+	] });
+}, ne = () => {
+	let t = e((e) => e.wallpaper), r = e((e) => e.wallpaperHasNoise), i = e((e) => e.wallpaperNoiseOpacity), a = e((e) => e.setWallpaper), o = e((e) => e.setWallpaperHasNoise), s = e((e) => e.setWallpaperNoiseOpacity), c = E((e) => {
+		a(e.wallpaperCSS), o(e.hasNoise), s(e.noiseOpacity);
+	}, [
+		a,
+		o,
+		s
+	]);
+	return /* @__PURE__ */ M(n, {
+		value: t ?? "",
+		onChange: c,
+		hasNoiseInitial: r,
+		noiseOpacityInitial: i
+	});
+}, re = () => {
+	let { t } = Y("settings"), n = e((e) => e.wallpaperModule), r = e((e) => e.wallpaper), i = e((e) => e.setWallpaper), a = e((e) => e.setWallpaperModule), o = k(""), s = E((e) => {
+		e === "gradient" ? (g(r ?? "") || (o.current = r ?? ""), i(p)) : i(o.current || m), a(e);
+	}, [
+		r,
+		i,
+		a
+	]), c = E(() => {
+		i(p), a("gradient");
+	}, [i, a]);
+	return /* @__PURE__ */ N(d, {
+		title: t("wallpaper.title"),
+		children: [
+			/* @__PURE__ */ M("div", { children: /* @__PURE__ */ M(V, {
+				value: n,
+				onChange: s,
+				data: [{
+					value: "default",
+					label: t("wallpaper.staticImage")
+				}, {
+					value: "gradient",
+					label: t("wallpaper.gradient") ?? "Gradient"
+				}],
+				fullWidth: !0
+			}) }),
+			M(n === "gradient" ? ne : X, {}),
+			/* @__PURE__ */ M(I, {
+				color: "red",
+				onClick: c,
+				children: t("wallpaper.resetToDefault")
+			})
+		]
+	});
+}, ie = () => {
+	let { t } = Y("settings"), n = e((e) => e.theme.mode), r = e((e) => e.themeSetManually), i = e((e) => e.customThemeColors), a = e((e) => e.animationDuration), o = e((e) => e.setThemeMode), s = e((e) => e.setThemeAutomatic), c = e((e) => e.setCustomThemeColors), l = e((e) => e.setAnimationDuration), u = i ? "custom" : r ? n : "system", d = E((e) => {
+		e === "system" ? (s(), c(null)) : e === "custom" ? c({
+			taskbar: "#339af0",
+			window: "#ffffff",
+			accent: "#339af0"
+		}) : (o(e), c(null));
+	}, [
+		o,
+		s,
+		c
+	]), f = E((e) => (t) => {
+		i && c({
+			...i,
+			[e]: t
+		});
+	}, [i, c]), p = E((e) => {
+		l(e);
+	}, [l]), m = u === "custom";
+	return /* @__PURE__ */ N(W, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ M(G, {
+				fw: 600,
+				size: "lg",
+				children: t("appearance.title")
+			}),
+			/* @__PURE__ */ M(G, {
+				size: "sm",
+				c: "dimmed",
+				children: t("appearance.description")
+			}),
+			/* @__PURE__ */ M(V, {
+				value: u,
+				onChange: d,
+				data: [
+					{
+						label: t("common:theme.light"),
+						value: "light"
+					},
+					{
+						label: t("common:theme.dark"),
+						value: "dark"
+					},
+					{
+						label: t("common:theme.system"),
+						value: "system"
+					},
+					{
+						label: t("common:theme.custom"),
+						value: "custom"
+					}
+				],
+				"aria-label": t("appearance.themeMode", { defaultValue: "Theme mode" })
+			}),
+			/* @__PURE__ */ N(W, {
+				gap: "sm",
+				mt: "md",
+				children: [
+					/* @__PURE__ */ N(F, { children: [/* @__PURE__ */ M(G, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: m ? "dark" : void 0,
+						children: t("appearance.taskbar")
+					}), /* @__PURE__ */ M(S, {
+						value: i?.taskbar ?? "#339af0",
+						onChange: f("taskbar"),
+						disabled: !m
+					})] }),
+					/* @__PURE__ */ N(F, { children: [/* @__PURE__ */ M(G, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: m ? "dark" : void 0,
+						children: t("appearance.window")
+					}), /* @__PURE__ */ M(S, {
+						value: i?.window ?? "#ffffff",
+						onChange: f("window"),
+						disabled: !m
+					})] }),
+					/* @__PURE__ */ N(F, { children: [/* @__PURE__ */ M(G, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						c: m ? "dark" : void 0,
+						children: t("appearance.accent")
+					}), /* @__PURE__ */ M(S, {
+						value: i?.accent ?? "#339af0",
+						onChange: f("accent"),
+						disabled: !m
+					})] })
+				]
+			}),
+			/* @__PURE__ */ N(F, {
+				mt: "md",
+				children: [
+					/* @__PURE__ */ M(G, {
+						size: "sm",
+						fw: 500,
+						mb: "xs",
+						children: t("appearance.animationDuration")
+					}),
+					/* @__PURE__ */ M(G, {
+						size: "xs",
+						c: "dimmed",
+						mb: "sm",
+						children: t("appearance.animationDescription")
+					}),
+					/* @__PURE__ */ N(L, {
+						align: "center",
+						gap: "md",
+						children: [/* @__PURE__ */ M(U, {
+							value: a,
+							onChange: p,
+							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": t("appearance.animationDuration")
+						}), /* @__PURE__ */ N(G, {
+							size: "sm",
+							fw: 500,
+							style: { minWidth: 40 },
+							children: [a.toFixed(1), "s"]
+						})]
+					})
+				]
+			})
+		]
+	});
+}, ae = () => {
+	let t = e((e) => e.launcherIcon), n = e((e) => e.setLauncherIcon), [r, i] = A([]), [a, o] = A(""), s = D(a);
+	O(() => {
+		import("react-icons/fc").then((e) => {
+			i(Object.keys(e).filter((e) => e.startsWith("Fc")).sort());
+		});
+	}, []);
+	let c = s ? r.filter((e) => e.toLowerCase().includes(s.toLowerCase())) : r, l = E((e) => {
+		n(e);
+	}, [n]);
+	return /* @__PURE__ */ N(d, {
+		title: "Launcher Icon",
+		description: `Selected: ${t}`,
+		children: [/* @__PURE__ */ M(K, {
+			placeholder: "Search icons...",
+			value: a,
+			onChange: (e) => o(e.currentTarget.value),
+			"aria-label": "Search icons"
+		}), /* @__PURE__ */ M(B, {
+			style: {
+				flex: 1,
+				height: 300
+			},
+			children: /* @__PURE__ */ M(H, {
+				cols: 8,
+				spacing: 4,
+				children: c.map((e) => /* @__PURE__ */ M(q, {
+					label: e,
+					withArrow: !0,
+					openDelay: 400,
+					children: /* @__PURE__ */ M(J, {
+						onClick: () => l(e),
+						"aria-label": e,
+						"aria-pressed": e === t,
+						style: {
+							padding: 6,
+							borderRadius: 6,
+							background: e === t ? "var(--mantine-primary-color-light)" : "transparent",
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ M(b, {
+							fcIcon: e,
+							size: 24
+						})
+					})
+				}, e))
+			})
+		})]
+	});
+}, oe = x[1], se = ({ status: e, error: t, onDownload: n }) => {
+	let { t: r } = Y("settings");
+	return t ? /* @__PURE__ */ M(P, {
+		color: oe,
+		variant: "filled",
+		size: "sm",
+		"aria-label": `Download error: ${t}`,
+		children: r("common:status.error")
+	}) : /* @__PURE__ */ M(I, {
+		size: "xs",
+		variant: "light",
+		onClick: n,
+		loading: e === "downloading",
+		"aria-label": r("font.download"),
+		children: r("font.download")
+	});
+}, ce = () => {
+	let { t: n } = Y("settings"), i = e((e) => e.font), a = e((e) => e.setFont), o = e((e) => e.fontSize), s = e((e) => e.setFontSize), c = e((e) => e.downloadedFonts), l = e((e) => e.markFontDownloaded), [u, d] = A(null), p = t(u);
+	O(() => {
+		p.isSuccess && p.data?.success && u && (c.includes(u) || l(u));
+	}, [
+		p.isSuccess,
+		p.data,
+		u,
+		c,
+		l
+	]);
+	let m = E((e) => {
+		d(e);
+	}, []), h = (e) => c.includes(e) ? "done" : u === e ? p.progress.status : "idle", g = (e) => u === e ? p.progress.error : null, _ = E((e) => {
+		let t = e.trim();
+		t && (r[t] = `https://fonts.googleapis.com/css2?family=${t.replace(/\s+/g, "+")}&display=swap`, d(t));
+	}, []), v = f.map((e) => e.value), y = c.filter((e) => !v.includes(e));
+	return /* @__PURE__ */ N(W, {
+		gap: "md",
+		p: "md",
+		children: [
+			/* @__PURE__ */ M(G, {
+				fw: 600,
+				size: "lg",
+				children: n("font.title")
+			}),
+			/* @__PURE__ */ M(G, {
+				size: "sm",
+				c: "dimmed",
+				children: n("font.description")
+			}),
+			/* @__PURE__ */ M(z.Group, {
+				value: i,
+				onChange: a,
+				"aria-label": n("font.selectionAria", { defaultValue: "Font selection" }),
+				children: /* @__PURE__ */ N(W, {
+					gap: "xs",
+					children: [f.map((e) => {
+						let t = !!r[e.value], n = c.includes(e.value), i = h(e.value), a = g(e.value), o = !t || n || i === "done";
+						return /* @__PURE__ */ M(R, {
+							p: "sm",
+							withBorder: !0,
+							radius: "md",
+							children: /* @__PURE__ */ N(W, {
+								gap: "xs",
+								children: [/* @__PURE__ */ N(L, {
+									justify: "space-between",
+									children: [/* @__PURE__ */ M(z, {
+										value: e.value,
+										label: e.label,
+										"aria-label": e.label,
+										disabled: !o
+									}), /* @__PURE__ */ N(L, {
+										gap: "xs",
+										align: "center",
+										children: [o && /* @__PURE__ */ M(G, {
+											size: "sm",
+											c: "dimmed",
+											style: { fontFamily: e.stack },
+											children: "AaBbCcDd"
+										}), t && /* @__PURE__ */ M(se, {
+											fontLabel: e.label,
+											status: i,
+											error: a,
+											onDownload: () => m(e.value),
+											isDownloaded: n
+										})]
+									})]
+								}), t && i === "downloading" && /* @__PURE__ */ M(C, { state: p.progress })]
+							})
+						}, e.value);
+					}), y.map((e) => /* @__PURE__ */ M(R, {
+						p: "sm",
+						withBorder: !0,
+						radius: "md",
+						children: /* @__PURE__ */ N(L, {
+							justify: "space-between",
+							children: [/* @__PURE__ */ M(z, {
+								value: e,
+								label: e,
+								"aria-label": e
+							}), /* @__PURE__ */ M(G, {
+								size: "sm",
+								c: "dimmed",
+								style: { fontFamily: `"${e}"` },
+								children: "AaBbCcDd"
+							})]
+						})
+					}, e))]
+				})
+			}),
+			/* @__PURE__ */ M(R, {
+				p: "sm",
+				withBorder: !0,
+				radius: "md",
+				children: /* @__PURE__ */ N(W, {
+					gap: "xs",
+					children: [/* @__PURE__ */ N(L, {
+						justify: "space-between",
+						children: [/* @__PURE__ */ M(G, {
+							size: "sm",
+							fw: 500,
+							children: n("font.fontSize")
+						}), /* @__PURE__ */ N(G, {
+							size: "sm",
+							c: "dimmed",
+							children: [o, "px"]
+						})]
+					}), /* @__PURE__ */ M(U, {
+						value: o,
+						onChange: s,
+						min: 10,
+						max: 24,
+						step: 1,
+						marks: [
+							{ value: 10 },
+							{ value: 14 },
+							{ value: 18 },
+							{ value: 20 },
+							{ value: 24 }
+						],
+						"aria-label": n("font.fontSizeAria", { defaultValue: "Font size" })
+					})]
+				})
+			}),
+			/* @__PURE__ */ M(le, {
+				onDownload: _,
+				activeDownload: u,
+				fontDownload: p
+			})
+		]
+	});
+}, le = ({ onDownload: e, activeDownload: t, fontDownload: n }) => {
+	let { t: r } = Y("settings"), [i, a] = A(""), o = t === i.trim(), s = o ? n.progress.status : "idle", c = o && n.progress.status === "error", l = E((e) => {
+		a(e), c && n.reset?.();
+	}, [c, n]), u = E(() => {
+		e(i);
+	}, [i, e]), d = o && s === "done";
+	return /* @__PURE__ */ M(R, {
+		p: "sm",
+		withBorder: !0,
+		radius: "md",
+		children: /* @__PURE__ */ N(W, {
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ N(G, {
+					size: "sm",
+					fw: 500,
+					children: [
+						r("font.downloadByName"),
+						" ",
+						/* @__PURE__ */ M("a", {
+							href: "https://fonts.google.com/",
+							target: "_blank",
+							rel: "noreferrer",
+							children: r("font.fromGoogleFonts")
+						})
+					]
+				}),
+				/* @__PURE__ */ N(L, {
+					gap: "xs",
+					align: "flex-start",
+					children: [/* @__PURE__ */ M(K, {
+						placeholder: r("font.namePlaceholder", { defaultValue: "e.g. Open Sans" }),
+						value: i,
+						onChange: (e) => l(e.currentTarget.value),
+						style: { flex: 1 },
+						"aria-label": r("font.customNameAria", { defaultValue: "Custom font name" }),
+						error: c ? r("font.downloadError") : void 0
+					}), /* @__PURE__ */ M(I, {
+						onClick: u,
+						disabled: !i.trim() || s === "downloading",
+						loading: s === "downloading",
+						"aria-label": r("font.downloadCustomAria", { defaultValue: "Download custom font" }),
+						style: { marginTop: c ? 0 : void 0 },
+						children: r("font.download")
+					})]
+				}),
+				s === "downloading" && /* @__PURE__ */ M(C, { state: n.progress }),
+				d && /* @__PURE__ */ M(G, {
+					size: "xs",
+					c: "dimmed",
+					children: r("font.downloadSuccess")
+				})
+			]
+		})
+	});
+}, Z = {
+	en: "English",
+	es: "Español"
+}, ue = () => {
+	let { t } = Y("settings"), n = e((e) => e.language), r = e((e) => e.setLanguage), i = E((e) => {
+		r(e);
+	}, [r]);
+	return /* @__PURE__ */ M(d, {
+		title: t("language.title"),
+		description: t("language.description"),
+		children: /* @__PURE__ */ M(W, {
+			gap: "xs",
+			children: c.map((e) => /* @__PURE__ */ M(J, {
+				onClick: () => i(e),
+				"aria-label": Z[e],
+				"aria-pressed": e === n,
+				style: {
+					padding: "12px 16px",
+					borderRadius: 8,
+					width: "100%",
+					background: e === n ? "var(--mantine-primary-color-light)" : "transparent",
+					border: e === n ? "1px solid var(--mantine-primary-color-filled)" : "1px solid transparent",
+					transition: "all 0.15s ease",
+					cursor: "pointer"
+				},
+				children: /* @__PURE__ */ N(L, {
+					gap: "sm",
+					children: [/* @__PURE__ */ M(l, {
+						lang: e,
+						size: 24
+					}), /* @__PURE__ */ M(G, {
+						fw: e === n ? 600 : 400,
+						children: Z[e]
+					})]
+				})
+			}, e))
+		})
+	});
+};
+//#endregion
+//#region src/utils/resetDockerWorkspace.ts
+async function de() {
+	_() && (await fetch("/api/fs/reset", { method: "POST" }), await fetch("/api/fs/seed", { method: "POST" }));
+}
+//#endregion
+//#region src/components/Apps/SettingsApp/sections/ResetSettings.tsx
+var fe = () => {
+	let { t: e } = Y("settings"), [t, n] = A(!1), r = E(() => {
+		n(!0);
+	}, []), i = E(() => {
+		n(!1);
+	}, []), a = E(async () => {
+		await de(), await o(), window.location.reload();
+	}, []), s = E(async () => {
+		await de(), await o({ keepIndexedDB: !0 }), window.location.reload();
+	}, []);
+	return /* @__PURE__ */ N(d, {
+		title: e("reset.title"),
+		description: e("reset.description"),
+		children: [/* @__PURE__ */ M(I, {
+			color: "red",
+			onClick: r,
+			style: { alignSelf: "flex-start" },
+			children: e("reset.resetButton")
+		}), t && /* @__PURE__ */ M(F, {
+			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__ */ M(F, {
+				style: {
+					background: "var(--mantine-color-default)",
+					borderRadius: 8,
+					padding: 24,
+					maxWidth: 400,
+					width: "100%"
+				},
+				children: /* @__PURE__ */ N(W, {
+					gap: "md",
+					children: [
+						/* @__PURE__ */ M(G, {
+							fw: 600,
+							size: "lg",
+							ta: "center",
+							children: e("reset.modalTitle")
+						}),
+						/* @__PURE__ */ M(G, {
+							size: "sm",
+							c: "dimmed",
+							ta: "center",
+							children: e("reset.modalDescription")
+						}),
+						/* @__PURE__ */ N(L, {
+							justify: "center",
+							gap: "xs",
+							mt: "md",
+							children: [
+								/* @__PURE__ */ M(I, {
+									variant: "default",
+									onClick: i,
+									children: e("reset.goBack")
+								}),
+								/* @__PURE__ */ M(I, {
+									color: "blue",
+									onClick: s,
+									children: e("reset.keepFiles")
+								}),
+								/* @__PURE__ */ M(I, {
+									color: "red",
+									onClick: a,
+									children: e("reset.burnEverything")
+								})
+							]
+						})
+					]
+				})
+			})
+		})]
+	});
+}, Q = {
+	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"
+}, pe = "0.4.0", me = () => pe, he = {
+	wallpaper: re,
+	appearance: ie,
+	launcher: ae,
+	font: ce,
+	language: ue,
+	reset: fe
+};
+function $(e, t, n, r, i, a, o, s) {
+	return {
+		wallpaper: e,
+		wallpaperModule: t,
+		themeMode: n,
+		font: r,
+		fontSize: i,
+		launcherIcon: a,
+		customThemeColors: o,
+		animationDuration: s
+	};
+}
+var ge = ({ window: t, notifyReady: n }) => {
+	let { t: r } = Y("settings"), [o, c] = A(null), [l, d] = A(!1), f = y((e) => e.windows), p = t?.id ?? f.find((e) => e.content === "settings")?.id, m = e((e) => e.wallpaper), h = e((e) => e.wallpaperModule), g = e((e) => e.theme), _ = e((e) => e.font), v = e((e) => e.fontSize), x = e((e) => e.launcherIcon), S = e((e) => e.customThemeColors), C = e((e) => e.animationDuration), w = e((e) => e.setWallpaper), D = e((e) => e.setWallpaperModule), j = e((e) => e.setFont), P = e((e) => e.setFontSize), F = e((e) => e.setLauncherIcon), L = e((e) => e.setThemeMode), R = e((e) => e.setCustomThemeColors), z = e((e) => e.setThemeAutomatic), B = e((e) => e.setAnimationDuration), V = k(null);
+	O(() => {
+		a();
+	}, []), O(() => {
+		V.current === null && (V.current = $(m, h, g.mode, _, v, x, S, C));
+	}, [
+		m,
+		h,
+		g.mode,
+		_,
+		v,
+		x,
+		S,
+		C
+	]), O(() => {
+		if (!V.current) return;
+		let e = $(m, h, g.mode, _, v, x, S, C);
+		d(JSON.stringify(e) !== JSON.stringify(V.current));
+	}, [
+		m,
+		h,
+		g.mode,
+		_,
+		v,
+		x,
+		S,
+		C
+	]);
+	let U = E(() => {
+		let e = V.current;
+		e && (w(e.wallpaper), D(e.wallpaperModule), j(e.font), P(e.fontSize), F(e.launcherIcon), B(e.animationDuration), e.customThemeColors ? R(e.customThemeColors) : (R(null), z()), L(e.themeMode), d(!1), i());
+	}, [
+		w,
+		D,
+		j,
+		P,
+		F,
+		B,
+		L,
+		R,
+		z
+	]);
+	O(() => {
+		p && T.getState().reset(p);
+	}, [p]), O(() => {
+		p && T.getState().setIsDirty(p, l);
+	}, [p, l]), O(() => {
+		n?.({
+			...t?.contentData ?? {},
+			discard: U
+		});
+	}, [
+		t,
+		n,
+		U
+	]), ee({
+		isDirtyGetter: E(() => {
+			if (!V.current) return !1;
+			let t = e.getState(), n = $(t.wallpaper, t.wallpaperModule, t.theme.mode, t.font, t.fontSize, t.launcherIcon, t.customThemeColors, t.animationDuration);
+			return JSON.stringify(n) !== JSON.stringify(V.current);
+		}, []),
+		windowId: p,
+		onDiscard: U,
+		onSave: () => {
+			V.current = $(m, h, g.mode, _, v, x, S, C), d(!1), i();
+		}
+	});
+	let K = E((e) => {
+		c(e);
+	}, []), q = E(() => {
+		c(null);
+	}, []), J = E(() => {
+		globalThis.location.href = `mailto:${u.email}`;
+	}, []), X = o ? he[o] : null;
+	return /* @__PURE__ */ N("div", {
+		className: Q.root,
+		children: [/* @__PURE__ */ M("aside", {
+			className: Q.sidebar,
+			children: /* @__PURE__ */ N("nav", {
+				"aria-label": "Settings sections",
+				children: [/* @__PURE__ */ N("button", {
+					className: Q.navItem,
+					"data-active": o === null || void 0,
+					onClick: q,
+					"aria-label": "All Settings",
+					"aria-current": o === null ? "page" : void 0,
+					children: [/* @__PURE__ */ M(b, {
+						fcIcon: "FcList",
+						size: 16
+					}), /* @__PURE__ */ M(G, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: r("all")
+					})]
+				}), s.map((e) => /* @__PURE__ */ N("button", {
+					className: Q.navItem,
+					"data-active": o === e.id || void 0,
+					onClick: () => K(e.id),
+					"aria-label": e.label,
+					"aria-current": o === e.id ? "page" : void 0,
+					children: [/* @__PURE__ */ M(b, {
+						fcIcon: e.fcIcon,
+						size: 16
+					}), /* @__PURE__ */ M(G, {
+						size: "xs",
+						ml: 6,
+						truncate: !0,
+						children: r(`sections.${e.id}.label`)
+					})]
+				}, e.id))]
+			})
+		}), /* @__PURE__ */ M("main", {
+			className: Q.content,
+			children: X ? /* @__PURE__ */ M(X, {}) : /* @__PURE__ */ N(W, {
+				className: Q.overviewPadding,
+				h: "100%",
+				justify: "space-between",
+				gap: 0,
+				children: [
+					/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M(G, {
+						fw: 500,
+						mb: "md",
+						size: "sm",
+						c: "dimmed",
+						children: r("all")
+					}), /* @__PURE__ */ M(H, {
+						cols: 2,
+						spacing: "sm",
+						children: s.map((e) => /* @__PURE__ */ M(te, {
+							withBorder: !0,
+							padding: "md",
+							radius: "md",
+							className: Q.sectionCard,
+							onClick: () => K(e.id),
+							role: "button",
+							"aria-label": `Open ${e.label} settings`,
+							children: /* @__PURE__ */ N(W, {
+								gap: 6,
+								align: "flex-start",
+								children: [
+									/* @__PURE__ */ M(b, {
+										fcIcon: e.fcIcon,
+										size: 28
+									}),
+									/* @__PURE__ */ M(G, {
+										size: "sm",
+										fw: 500,
+										children: r(`sections.${e.id}.label`)
+									}),
+									/* @__PURE__ */ M(G, {
+										size: "xs",
+										c: "dimmed",
+										children: r(`sections.${e.id}.description`)
+									})
+								]
+							})
+						}, e.id))
+					})] }),
+					/* @__PURE__ */ M(I, {
+						gradient: {
+							from: "blue",
+							to: "cyan",
+							deg: 90
+						},
+						onClick: J,
+						children: "FDE: Fran Desktop Environment"
+					}),
+					/* @__PURE__ */ M(G, {
+						size: "xs",
+						c: "dimmed",
+						ta: "center",
+						className: Q.versionFooter,
+						children: me()
+					})
+				]
+			})
+		})]
+	});
+};
+//#endregion
+export { ge as default };