diff --git a/app/admin/(protected)/settings/SettingsForm.js b/app/admin/(protected)/settings/SettingsForm.js
new file mode 100644
index 0000000..683c4be
--- /dev/null
+++ b/app/admin/(protected)/settings/SettingsForm.js
@@ -0,0 +1,155 @@
+'use client';
+import { useState } from 'react';
+import { Check, Eye, EyeOff, Loader2, Save, AlertCircle } from 'lucide-react';
+
+const CATEGORY_LABELS = {
+ telegram: { title: 'Telegram', hint: 'Прокси к Bot API. Нужен на серверах в РФ.' },
+ engine: { title: 'Engine', hint: 'Системные настройки engine (Telegram-прокси и т.п.).' },
+ general: { title: 'Общие', hint: '' },
+};
+
+// Категории, которые здесь НЕ показываются: они управляются из app.zeropost.ru/system.
+const HIDDEN_CATEGORIES = new Set([
+ 'photo_search',
+]);
+
+export default function SettingsForm({ initial }) {
+ const filtered = (initial || []).filter(s => !HIDDEN_CATEGORIES.has(s.category));
+ // Группируем настройки по категориям
+ const byCategory = filtered.reduce((acc, s) => {
+ (acc[s.category] ||= []).push(s);
+ return acc;
+ }, {});
+ const order = ['engine', 'telegram', 'general'];
+ const categories = [...order, ...Object.keys(byCategory).filter(c => !order.includes(c))];
+
+ return (
+
+ );
+}
+
+function SettingRow({ setting }) {
+ const [value, setValue] = useState(setting.value ?? '');
+ const [saving, setSaving] = useState(false);
+ const [saved, setSaved] = useState(false);
+ const [error, setError] = useState(null);
+ const [reveal, setReveal] = useState(false);
+
+ const original = setting.value ?? '';
+ const dirty = value !== original;
+
+ async function save() {
+ setSaving(true);
+ setError(null);
+ setSaved(false);
+ try {
+ const r = await fetch(`/admin/api/settings/${encodeURIComponent(setting.key)}`, {
+ method: 'PUT',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ value }),
+ });
+ if (!r.ok) {
+ const d = await r.json().catch(() => ({}));
+ throw new Error(d.error || `HTTP ${r.status}`);
+ }
+ setSaved(true);
+ setTimeout(() => setSaved(false), 2000);
+ // Обновляем "оригинал" чтобы dirty стал false
+ setting.value = value;
+ } catch (e) {
+ setError(e.message);
+ } finally {
+ setSaving(false);
+ }
+ }
+
+ const isSecret = setting.is_secret;
+ const inputType = isSecret && !reveal ? 'password' : 'text';
+ const isLong = (value?.length ?? 0) > 80;
+
+ return (
+
+
+
+ {setting.key}
+
+ {isSecret && (
+
+ secret
+
+ )}
+
+ {setting.description && (
+
{setting.description}
+ )}
+
+ {isLong ? (
+
+