+
{$t('admin.system_settings')}
{$t('admin.settings_description')}
+
+
diff --git a/src/routes/api/admin/export/+server.ts b/src/routes/api/admin/export/+server.ts
new file mode 100644
index 0000000..cfb4362
--- /dev/null
+++ b/src/routes/api/admin/export/+server.ts
@@ -0,0 +1,30 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { requireAdmin } from '$lib/server/middleware/authorize.js';
+import { exportAllData } from '$lib/server/services/exportService.js';
+import { error } from '$lib/server/utils/response.js';
+
+/**
+ * GET /api/admin/export — Export all data as JSON file download. Admin only.
+ */
+export const GET: RequestHandler = async (event) => {
+ requireAdmin(event);
+
+ try {
+ const data = await exportAllData();
+ const jsonString = JSON.stringify(data, null, 2);
+ const timestamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19);
+ const filename = `web-app-launcher-export-${timestamp}.json`;
+
+ return new Response(jsonString, {
+ status: 200,
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Content-Disposition': `attachment; filename="${filename}"`
+ }
+ });
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Failed to export data';
+ return json(error(message), { status: 500 });
+ }
+};
diff --git a/src/routes/api/admin/import/+server.ts b/src/routes/api/admin/import/+server.ts
new file mode 100644
index 0000000..2a35883
--- /dev/null
+++ b/src/routes/api/admin/import/+server.ts
@@ -0,0 +1,46 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { requireAdmin } from '$lib/server/middleware/authorize.js';
+import { validateImportData, importData } from '$lib/server/services/importService.js';
+import type { ImportMode } from '$lib/server/services/importService.js';
+import { success, error } from '$lib/server/utils/response.js';
+
+/**
+ * POST /api/admin/import — Import data from JSON. Admin only.
+ * Body: { data: ExportData, mode: "skip" | "overwrite" }
+ */
+export const POST: RequestHandler = async (event) => {
+ requireAdmin(event);
+
+ let body: unknown;
+ try {
+ body = await event.request.json();
+ } catch {
+ return json(error('Invalid JSON body'), { status: 400 });
+ }
+
+ if (!body || typeof body !== 'object') {
+ return json(error('Request body must be an object'), { status: 400 });
+ }
+
+ const { data, mode } = body as { data: unknown; mode: unknown };
+
+ if (!data) {
+ return json(error('Missing "data" field in request body'), { status: 400 });
+ }
+
+ const validMode: ImportMode = mode === 'overwrite' ? 'overwrite' : 'skip';
+
+ const validation = validateImportData(data);
+ if (!validation.success) {
+ return json(error(`Validation failed: ${validation.errors.join('; ')}`), { status: 400 });
+ }
+
+ try {
+ const result = await importData(validation.data, validMode);
+ return json(success(result));
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Import failed';
+ return json(error(message), { status: 500 });
+ }
+};
diff --git a/src/routes/api/apps/[id]/history/+server.ts b/src/routes/api/apps/[id]/history/+server.ts
new file mode 100644
index 0000000..030a106
--- /dev/null
+++ b/src/routes/api/apps/[id]/history/+server.ts
@@ -0,0 +1,46 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { requireAuth } from '$lib/server/middleware/authenticate.js';
+import * as appService from '$lib/server/services/appService.js';
+import { success, error } from '$lib/server/utils/response.js';
+
+const MAX_HISTORY_RECORDS = 288;
+
+/**
+ * GET /api/apps/:id/history — Get last 24h of healthcheck history for an app.
+ * Returns status points sorted ascending (oldest first) and uptime percentage.
+ */
+export const GET: RequestHandler = async (event) => {
+ requireAuth(event);
+
+ const { id } = event.params;
+
+ try {
+ await appService.findById(id);
+
+ const history = await appService.getStatusHistory(id, MAX_HISTORY_RECORDS);
+
+ // History comes back desc from the service; reverse to ascending for sparkline
+ const ascending = [...history].reverse();
+
+ const totalChecks = ascending.length;
+ const onlineChecks = ascending.filter((s) => s.status === 'online').length;
+ const uptimePercent = totalChecks > 0 ? Math.round((onlineChecks / totalChecks) * 1000) / 10 : 0;
+
+ return json(
+ success({
+ history: ascending.map((s) => ({
+ status: s.status,
+ responseTime: s.responseTime,
+ checkedAt: s.checkedAt
+ })),
+ uptimePercent,
+ totalChecks
+ })
+ );
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Failed to fetch history';
+ const status = message.includes('not found') ? 404 : 500;
+ return json(error(message), { status });
+ }
+};
diff --git a/src/routes/api/users/me/preferences/+server.ts b/src/routes/api/users/me/preferences/+server.ts
new file mode 100644
index 0000000..82ea85f
--- /dev/null
+++ b/src/routes/api/users/me/preferences/+server.ts
@@ -0,0 +1,148 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+import { requireAuth } from '$lib/server/middleware/authenticate.js';
+import { prisma } from '$lib/server/prisma.js';
+import { success, error } from '$lib/server/utils/response.js';
+
+const ALLOWED_FIELDS = [
+ 'themeMode',
+ 'primaryHue',
+ 'primarySaturation',
+ 'backgroundType',
+ 'locale'
+] as const;
+
+const VALID_THEME_MODES = ['dark', 'light', 'system'];
+const VALID_BG_TYPES = ['mesh', 'particles', 'aurora', 'none'];
+const VALID_LOCALES = ['en', 'ru'];
+
+/**
+ * GET /api/users/me/preferences — Return current user's theme/locale preferences.
+ */
+export const GET: RequestHandler = async (event) => {
+ const user = requireAuth(event);
+
+ try {
+ const dbUser = await prisma.user.findUnique({
+ where: { id: user.id },
+ select: {
+ themeMode: true,
+ primaryHue: true,
+ primarySaturation: true,
+ backgroundType: true,
+ locale: true
+ }
+ });
+
+ if (!dbUser) {
+ return json(error('User not found'), { status: 404 });
+ }
+
+ return json(success(dbUser));
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Failed to fetch preferences';
+ return json(error(message), { status: 500 });
+ }
+};
+
+/**
+ * PATCH /api/users/me/preferences — Update any subset of user preferences.
+ */
+export const PATCH: RequestHandler = async (event) => {
+ const user = requireAuth(event);
+
+ let body: unknown;
+ try {
+ body = await event.request.json();
+ } catch {
+ return json(error('Invalid JSON body'), { status: 400 });
+ }
+
+ if (typeof body !== 'object' || body === null || Array.isArray(body)) {
+ return json(error('Request body must be a JSON object'), { status: 400 });
+ }
+
+ const raw = body as Record
;
+ const data: Record = {};
+
+ // Validate themeMode
+ if ('themeMode' in raw) {
+ if (raw.themeMode !== null && !VALID_THEME_MODES.includes(raw.themeMode as string)) {
+ return json(error('Invalid themeMode. Must be: dark, light, or system'), { status: 400 });
+ }
+ data.themeMode = raw.themeMode as string | null;
+ }
+
+ // Validate primaryHue
+ if ('primaryHue' in raw) {
+ if (raw.primaryHue !== null) {
+ const hue = Number(raw.primaryHue);
+ if (!Number.isFinite(hue) || hue < 0 || hue > 360) {
+ return json(error('primaryHue must be a number between 0 and 360'), { status: 400 });
+ }
+ data.primaryHue = Math.round(hue);
+ } else {
+ data.primaryHue = null;
+ }
+ }
+
+ // Validate primarySaturation
+ if ('primarySaturation' in raw) {
+ if (raw.primarySaturation !== null) {
+ const sat = Number(raw.primarySaturation);
+ if (!Number.isFinite(sat) || sat < 0 || sat > 100) {
+ return json(error('primarySaturation must be a number between 0 and 100'), {
+ status: 400
+ });
+ }
+ data.primarySaturation = Math.round(sat);
+ } else {
+ data.primarySaturation = null;
+ }
+ }
+
+ // Validate backgroundType
+ if ('backgroundType' in raw) {
+ if (raw.backgroundType !== null && !VALID_BG_TYPES.includes(raw.backgroundType as string)) {
+ return json(error('Invalid backgroundType. Must be: mesh, particles, aurora, or none'), {
+ status: 400
+ });
+ }
+ data.backgroundType = raw.backgroundType as string | null;
+ }
+
+ // Validate locale
+ if ('locale' in raw) {
+ if (raw.locale !== null && !VALID_LOCALES.includes(raw.locale as string)) {
+ return json(error('Invalid locale. Must be: en or ru'), { status: 400 });
+ }
+ data.locale = raw.locale as string | null;
+ }
+
+ // Filter out any unknown keys
+ const hasValidFields = Object.keys(data).some((k) =>
+ ALLOWED_FIELDS.includes(k as (typeof ALLOWED_FIELDS)[number])
+ );
+ if (!hasValidFields) {
+ return json(error('No valid preference fields provided'), { status: 400 });
+ }
+
+ try {
+ const updated = await prisma.user.update({
+ where: { id: user.id },
+ data,
+ select: {
+ themeMode: true,
+ primaryHue: true,
+ primarySaturation: true,
+ backgroundType: true,
+ locale: true
+ }
+ });
+
+ return json(success(updated));
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Failed to update preferences';
+ return json(error(message), { status: 500 });
+ }
+};
diff --git a/src/routes/settings/+page.server.ts b/src/routes/settings/+page.server.ts
new file mode 100644
index 0000000..af73ab1
--- /dev/null
+++ b/src/routes/settings/+page.server.ts
@@ -0,0 +1,28 @@
+import type { PageServerLoad } from './$types.js';
+import { requireAuth } from '$lib/server/middleware/authenticate.js';
+import { prisma } from '$lib/server/prisma.js';
+
+export const load: PageServerLoad = async (event) => {
+ const user = requireAuth(event);
+
+ const dbUser = await prisma.user.findUnique({
+ where: { id: user.id },
+ select: {
+ themeMode: true,
+ primaryHue: true,
+ primarySaturation: true,
+ backgroundType: true,
+ locale: true
+ }
+ });
+
+ return {
+ preferences: dbUser ?? {
+ themeMode: null,
+ primaryHue: null,
+ primarySaturation: null,
+ backgroundType: null,
+ locale: null
+ }
+ };
+};
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
new file mode 100644
index 0000000..e5c90b4
--- /dev/null
+++ b/src/routes/settings/+page.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {$t('settings.title')} | {$t('app_name')}
+
+
+
+
{$t('settings.title')}
+
+
+