tmex-cli 0.3.0 → 0.4.0

package/resources/fe-dist/assets/SettingsPage-D25_d6j9.js

@@ -0,0 +1,1144 @@
+import {
+  u as B,
+  c as G,
+  d as ce,
+  B as d,
+  I as de,
+  j as e,
+  a as ge,
+  r as i,
+  f as o,
+  t as pe,
+  i as ve,
+  b as xe,
+  e as z,
+} from './index-dsVN7rgz.js';
+import {
+  a as $,
+  d as Ce,
+  c as D,
+  f as Ee,
+  b as I,
+  C as M,
+  e as Se,
+  g as Te,
+  I as g,
+  u as j,
+  S as ke,
+} from './select-BNsiC9zT.js';
+import { S as F, a as Ie, L as me } from './switch-CIU4AisU.js'; /**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+import {
+  g as $e,
+  e as Ae,
+  a as Be,
+  A as Fe,
+  f as Me,
+  b as Pe,
+  c as Re,
+  T as je,
+  d as qe,
+} from './useValueChanged-V23H0VpC.js';
+const De = [
+    ['path', { d: 'M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8', key: '1357e3' }],
+    ['path', { d: 'M3 3v5h5', key: '1xhq8a' }],
+  ],
+  ze = G('rotate-ccw', De); /**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Le = [
+    [
+      'path',
+      {
+        d: 'M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z',
+        key: '1c8476',
+      },
+    ],
+    ['path', { d: 'M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7', key: '1ydtos' }],
+    ['path', { d: 'M7 3v4a1 1 0 0 0 1 1h7', key: 't51u73' }],
+  ],
+  L = G('save', Le); /**
+ * @license lucide-react v0.564.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qe = [
+    [
+      'path',
+      {
+        d: 'M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z',
+        key: 'oel41y',
+      },
+    ],
+  ],
+  he = G('shield', Qe);
+async function h(s, m) {
+  try {
+    return (await s.json()).error ?? m;
+  } catch {
+    return m;
+  }
+}
+function We() {
+  var ie, oe, re, le;
+  const { t: s } = B(),
+    m = ge(),
+    { refreshSettings: u } = xe(),
+    [n, r] = i.useState('site'),
+    x = ce((t) => t.theme),
+    y = ce((t) => t.setTheme),
+    b = x === 'dark',
+    [w, k] = i.useState('tmex'),
+    [C, S] = i.useState(window.location.origin),
+    [p, N] = i.useState('en_US'),
+    [f, P] = i.useState(6),
+    [R, q] = i.useState(!0),
+    [E, A] = i.useState(!0),
+    [T, a] = i.useState(2),
+    [l, v] = i.useState(10),
+    [we, be] = i.useState(!1),
+    [Q, X] = i.useState(''),
+    [K, Y] = i.useState(''),
+    [fe, ye] = i.useState(null),
+    [U, Z] = i.useState(''),
+    [O, ee] = i.useState(''),
+    Ne = (t) => {
+      const c = t ? 'dark' : 'light';
+      y(c), document.documentElement.classList.toggle('dark', c === 'dark');
+    },
+    _ = z({
+      queryKey: ['site-settings'],
+      queryFn: async () => {
+        const t = await fetch('/api/settings/site');
+        if (!t.ok) throw new Error(await h(t, s('settings.loadFailed')));
+        return await t.json();
+      },
+    }),
+    H = z({
+      queryKey: ['telegram-bots'],
+      queryFn: async () => {
+        const t = await fetch('/api/settings/telegram/bots');
+        if (!t.ok) throw new Error(await h(t, s('telegram.loadBotsFailed')));
+        return await t.json();
+      },
+    });
+  i.useEffect(() => {
+    var c;
+    const t = (c = _.data) == null ? void 0 : c.settings;
+    t &&
+      (k(t.siteName),
+      S(t.siteUrl),
+      N(t.language ?? 'en_US'),
+      P(t.bellThrottleSeconds),
+      q(t.enableBrowserBellToast ?? !0),
+      A(t.enableTelegramBellPush ?? !0),
+      a(t.sshReconnectMaxRetries),
+      v(t.sshReconnectDelaySeconds));
+  }, [(ie = _.data) == null ? void 0 : ie.settings]);
+  const se = j({
+      mutationFn: async () => {
+        const c = await fetch('/api/settings/site', {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            siteName: w,
+            siteUrl: C,
+            language: p,
+            bellThrottleSeconds: f,
+            enableBrowserBellToast: R,
+            enableTelegramBellPush: E,
+            sshReconnectMaxRetries: T,
+            sshReconnectDelaySeconds: l,
+          }),
+        });
+        if (!c.ok) throw new Error(await h(c, s('settings.saveFailed')));
+      },
+      onSuccess: async () => {
+        var t, c;
+        await Promise.all([m.invalidateQueries({ queryKey: ['site-settings'] }), u()]),
+          o.success(s('settings.settingsSaved')),
+          ((c = (t = _.data) == null ? void 0 : t.settings) == null ? void 0 : c.language) !== p &&
+            (ve.changeLanguage(p), be(!0));
+      },
+      onError: (t) => {
+        o.error(t instanceof Error ? t.message : s('common.error'));
+      },
+    }),
+    W = j({
+      mutationFn: async () => {
+        const t = await fetch('/api/settings/telegram/bots', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ name: Q, token: K, enabled: !0, allowAuthRequests: !0 }),
+        });
+        if (!t.ok) throw new Error(await h(t, s('telegram.createFailed')));
+      },
+      onSuccess: async () => {
+        X(''),
+          Y(''),
+          await m.invalidateQueries({ queryKey: ['telegram-bots'] }),
+          o.success(s('common.success'));
+      },
+      onError: (t) => {
+        o.error(t instanceof Error ? t.message : s('common.error'));
+      },
+    }),
+    te = ((oe = H.data) == null ? void 0 : oe.bots) ?? [],
+    J = z({
+      queryKey: ['webhooks'],
+      queryFn: async () => {
+        const t = await fetch('/api/webhooks');
+        if (!t.ok) throw new Error(await h(t, s('webhook.loadFailed')));
+        return await t.json();
+      },
+    }),
+    V = j({
+      mutationFn: async () => {
+        const t = await fetch('/api/webhooks', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ url: U, secret: O }),
+        });
+        if (!t.ok) throw new Error(await h(t, s('webhook.createFailed')));
+      },
+      onSuccess: async () => {
+        Z(''),
+          ee(''),
+          await m.invalidateQueries({ queryKey: ['webhooks'] }),
+          o.success(s('common.success'));
+      },
+      onError: (t) => {
+        o.error(t instanceof Error ? t.message : s('common.error'));
+      },
+    }),
+    ae = j({
+      mutationFn: async (t) => {
+        const c = await fetch(`/api/webhooks/${t}`, { method: 'DELETE' });
+        if (!c.ok) throw new Error(await h(c, s('webhook.deleteFailed')));
+      },
+      onSuccess: async () => {
+        await m.invalidateQueries({ queryKey: ['webhooks'] }), o.success(s('common.success'));
+      },
+      onError: (t) => {
+        o.error(t instanceof Error ? t.message : s('common.error'));
+      },
+    }),
+    ne = ((re = J.data) == null ? void 0 : re.webhooks) ?? [];
+  return e.jsxs('div', {
+    className:
+      'mx-auto flex w-full max-w-6xl flex-col gap-4 p-3 pb-[calc(2rem+env(safe-area-inset-bottom))] sm:gap-6 sm:p-5',
+    'data-testid': 'settings-page',
+    children: [
+      e.jsxs('div', {
+        className: 'flex flex-wrap gap-2',
+        children: [
+          e.jsx(d, {
+            type: 'button',
+            size: 'sm',
+            variant: n === 'site' ? 'default' : 'outline',
+            'data-testid': 'settings-tab-site',
+            onClick: () => r('site'),
+            children: s('settings.siteSettings'),
+          }),
+          e.jsx(d, {
+            type: 'button',
+            size: 'sm',
+            variant: n === 'notifications' ? 'default' : 'outline',
+            'data-testid': 'settings-tab-notifications',
+            onClick: () => r('notifications'),
+            children: s('settings.notificationsTab'),
+          }),
+          e.jsx(d, {
+            type: 'button',
+            size: 'sm',
+            variant: n === 'telegram' ? 'default' : 'outline',
+            'data-testid': 'settings-tab-telegram',
+            onClick: () => r('telegram'),
+            children: s('telegram.title'),
+          }),
+          e.jsx(d, {
+            type: 'button',
+            size: 'sm',
+            variant: n === 'webhooks' ? 'default' : 'outline',
+            'data-testid': 'settings-tab-webhooks',
+            onClick: () => r('webhooks'),
+            children: s('webhook.title'),
+          }),
+        ],
+      }),
+      n === 'site' &&
+        e.jsxs(M, {
+          className: 'border-0 ring-0',
+          children: [
+            e.jsx($, { children: e.jsx(I, { children: s('settings.siteSettings') }) }),
+            e.jsxs(D, {
+              className: 'space-y-6',
+              children: [
+                e.jsxs('div', {
+                  className: 'space-y-2',
+                  children: [
+                    e.jsx('label', {
+                      className: 'block text-sm font-medium',
+                      htmlFor: 'site-name-input',
+                      children: s('settings.siteName'),
+                    }),
+                    e.jsx(g, {
+                      id: 'site-name-input',
+                      value: w,
+                      onChange: (t) => k(t.target.value),
+                      placeholder: s('settings.siteNamePlaceholder'),
+                      className: 'min-h-10',
+                    }),
+                  ],
+                }),
+                e.jsxs('div', {
+                  className: 'space-y-2',
+                  children: [
+                    e.jsx('label', {
+                      className: 'block text-sm font-medium',
+                      htmlFor: 'site-url-input',
+                      children: s('settings.siteUrl'),
+                    }),
+                    e.jsx(g, {
+                      id: 'site-url-input',
+                      value: C,
+                      onChange: (t) => S(t.target.value),
+                      placeholder: s('settings.siteUrlPlaceholder'),
+                      className: 'min-h-10',
+                    }),
+                  ],
+                }),
+                e.jsxs('div', {
+                  className: 'space-y-2',
+                  children: [
+                    e.jsx('label', {
+                      className: 'block text-sm font-medium',
+                      htmlFor: 'language-select',
+                      children: s('settings.language'),
+                    }),
+                    e.jsxs(ke, {
+                      value: p,
+                      onValueChange: (t) => {
+                        t && N(t);
+                      },
+                      children: [
+                        e.jsx(Ce, {
+                          id: 'language-select',
+                          'data-testid': 'settings-language-select',
+                          className: 'w-full min-h-10',
+                          children: e.jsx(Se, {
+                            placeholder: s('settings.language'),
+                            children:
+                              ((le = de.locales.find((t) => t.code === p)) == null
+                                ? void 0
+                                : le.nativeName) ?? p,
+                          }),
+                        }),
+                        e.jsx(Ee, {
+                          className: 'max-h-[var(--tmex-viewport-height)]',
+                          children: de.locales.map((t) =>
+                            e.jsx(Te, { value: t.code, children: t.nativeName }, t.code)
+                          ),
+                        }),
+                      ],
+                    }),
+                    we &&
+                      e.jsx('p', {
+                        className: 'mt-1 text-xs text-primary',
+                        'data-testid': 'settings-refresh-notice',
+                        children: s('settings.refreshToApply'),
+                      }),
+                  ],
+                }),
+                e.jsx('div', {
+                  className: 'space-y-3',
+                  children: e.jsxs('div', {
+                    className:
+                      'flex min-h-10 items-center justify-between gap-4 rounded-lg border border-border bg-card px-4 py-2.5',
+                    children: [
+                      e.jsx('div', {
+                        className: 'min-w-0 pr-2',
+                        children: e.jsx('div', {
+                          className: 'text-sm font-medium',
+                          children: s('settings.theme'),
+                        }),
+                      }),
+                      e.jsx(F, {
+                        checked: b,
+                        onCheckedChange: (t) => Ne(!!t),
+                        'data-testid': 'settings-theme-toggle',
+                      }),
+                    ],
+                  }),
+                }),
+              ],
+            }),
+          ],
+        }),
+      n === 'notifications' &&
+        e.jsxs(M, {
+          className: 'border-0 ring-0',
+          children: [
+            e.jsx($, { children: e.jsx(I, { children: s('settings.notificationsTab') }) }),
+            e.jsxs(D, {
+              className: 'space-y-6',
+              children: [
+                e.jsxs('div', {
+                  className: 'space-y-3',
+                  children: [
+                    e.jsxs('div', {
+                      className:
+                        'flex min-h-10 items-center justify-between gap-4 rounded-lg border border-border bg-card px-4 py-2.5',
+                      children: [
+                        e.jsx('div', {
+                          className: 'min-w-0 pr-2',
+                          children: e.jsx('div', {
+                            className: 'text-sm font-medium',
+                            children: s('settings.enableBrowserBellToast'),
+                          }),
+                        }),
+                        e.jsx(F, {
+                          checked: R,
+                          onCheckedChange: (t) => q(!!t),
+                          'data-testid': 'settings-enable-browser-bell-toast',
+                        }),
+                      ],
+                    }),
+                    e.jsxs('div', {
+                      className:
+                        'flex min-h-10 items-center justify-between gap-4 rounded-lg border border-border bg-card px-4 py-2.5',
+                      children: [
+                        e.jsx('div', {
+                          className: 'min-w-0 pr-2',
+                          children: e.jsx('div', {
+                            className: 'text-sm font-medium',
+                            children: s('settings.enableTelegramBellPush'),
+                          }),
+                        }),
+                        e.jsx(F, {
+                          checked: E,
+                          onCheckedChange: (t) => A(!!t),
+                          'data-testid': 'settings-enable-telegram-bell-push',
+                        }),
+                      ],
+                    }),
+                  ],
+                }),
+                e.jsxs('div', {
+                  className: 'grid grid-cols-1 gap-4 sm:grid-cols-3',
+                  children: [
+                    e.jsxs('div', {
+                      className: 'space-y-2',
+                      children: [
+                        e.jsx('label', {
+                          className: 'block text-sm font-medium',
+                          htmlFor: 'bell-throttle-input',
+                          children: s('settings.bellThrottle'),
+                        }),
+                        e.jsx(g, {
+                          id: 'bell-throttle-input',
+                          type: 'number',
+                          value: f,
+                          min: 0,
+                          max: 300,
+                          onChange: (t) => P(Number(t.target.value)),
+                          className: 'min-h-10',
+                        }),
+                      ],
+                    }),
+                    e.jsxs('div', {
+                      className: 'space-y-2',
+                      children: [
+                        e.jsx('label', {
+                          className: 'block text-sm font-medium',
+                          htmlFor: 'ssh-reconnect-retries-input',
+                          children: s('settings.sshReconnectMaxRetries'),
+                        }),
+                        e.jsx(g, {
+                          id: 'ssh-reconnect-retries-input',
+                          type: 'number',
+                          value: T,
+                          min: 0,
+                          max: 20,
+                          onChange: (t) => a(Number(t.target.value)),
+                          className: 'min-h-10',
+                        }),
+                      ],
+                    }),
+                    e.jsxs('div', {
+                      className: 'space-y-2',
+                      children: [
+                        e.jsx('label', {
+                          className: 'block text-sm font-medium',
+                          htmlFor: 'ssh-reconnect-delay-input',
+                          children: s('settings.sshReconnectDelay'),
+                        }),
+                        e.jsx(g, {
+                          id: 'ssh-reconnect-delay-input',
+                          type: 'number',
+                          value: l,
+                          min: 1,
+                          max: 300,
+                          onChange: (t) => v(Number(t.target.value)),
+                          className: 'min-h-10',
+                        }),
+                      ],
+                    }),
+                  ],
+                }),
+              ],
+            }),
+          ],
+        }),
+      n === 'telegram' &&
+        e.jsxs(M, {
+          className: 'border-0 ring-0',
+          children: [
+            e.jsx($, { children: e.jsx(I, { children: s('telegram.title') }) }),
+            e.jsxs(D, {
+              className: 'space-y-6',
+              children: [
+                e.jsx('div', {
+                  className: 'space-y-4',
+                  children: e.jsxs('div', {
+                    className: 'grid grid-cols-1 gap-4 md:grid-cols-12 md:items-end',
+                    children: [
+                      e.jsxs('div', {
+                        className: 'md:col-span-4 space-y-2',
+                        children: [
+                          e.jsx('label', {
+                            className: 'block text-sm font-medium',
+                            htmlFor: 'new-bot-name',
+                            children: s('telegram.botName'),
+                          }),
+                          e.jsx(g, {
+                            id: 'new-bot-name',
+                            value: Q,
+                            onChange: (t) => X(t.target.value),
+                            placeholder: s('telegram.botNamePlaceholder'),
+                            className: 'min-h-10',
+                          }),
+                        ],
+                      }),
+                      e.jsxs('div', {
+                        className: 'md:col-span-6 space-y-2',
+                        children: [
+                          e.jsx('label', {
+                            className: 'block text-sm font-medium',
+                            htmlFor: 'new-bot-token',
+                            children: s('telegram.botToken'),
+                          }),
+                          e.jsx(g, {
+                            id: 'new-bot-token',
+                            type: 'password',
+                            value: K,
+                            onChange: (t) => Y(t.target.value),
+                            placeholder: s('telegram.botTokenPlaceholder'),
+                            className: 'min-h-10',
+                          }),
+                        ],
+                      }),
+                      e.jsx('div', {
+                        className: 'md:col-span-2',
+                        children: e.jsxs(d, {
+                          variant: 'default',
+                          className: 'w-full md:w-auto',
+                          'data-testid': 'telegram-add-bot',
+                          onClick: () => W.mutate(),
+                          disabled: W.isPending || !Q.trim() || !K.trim(),
+                          children: [
+                            W.isPending
+                              ? e.jsx(me, { className: 'h-4 w-4 animate-spin' })
+                              : e.jsx(L, { className: 'h-4 w-4' }),
+                            s('telegram.addBot'),
+                          ],
+                        }),
+                      }),
+                    ],
+                  }),
+                }),
+                e.jsxs('div', {
+                  className: 'space-y-3',
+                  children: [
+                    H.isLoading &&
+                      e.jsx('div', {
+                        className: 'text-sm text-muted-foreground',
+                        children: s('common.loading'),
+                      }),
+                    !H.isLoading &&
+                      te.length === 0 &&
+                      e.jsx('div', {
+                        className: 'text-sm text-muted-foreground',
+                        children: s('telegram.addBot'),
+                      }),
+                    te.map((t) =>
+                      e.jsx(
+                        Ke,
+                        {
+                          bot: t,
+                          expanded: fe === t.id,
+                          onToggleExpand: () => {
+                            ye((c) => (c === t.id ? null : t.id));
+                          },
+                        },
+                        t.id
+                      )
+                    ),
+                  ],
+                }),
+              ],
+            }),
+          ],
+        }),
+      n === 'webhooks' &&
+        e.jsxs(M, {
+          className: 'border-0 ring-0',
+          children: [
+            e.jsx($, { children: e.jsx(I, { children: s('webhook.title') }) }),
+            e.jsxs(D, {
+              className: 'space-y-6',
+              children: [
+                e.jsxs('div', {
+                  className: 'grid grid-cols-1 gap-4 md:grid-cols-12 md:items-end',
+                  children: [
+                    e.jsxs('div', {
+                      className: 'md:col-span-6 space-y-2',
+                      children: [
+                        e.jsx('label', {
+                          className: 'block text-sm font-medium',
+                          htmlFor: 'webhook-url-input',
+                          children: s('webhook.url'),
+                        }),
+                        e.jsx(g, {
+                          id: 'webhook-url-input',
+                          'data-testid': 'webhook-url-input',
+                          value: U,
+                          onChange: (t) => Z(t.target.value),
+                          placeholder: 'https://example.com/webhook',
+                          className: 'min-h-10',
+                        }),
+                      ],
+                    }),
+                    e.jsxs('div', {
+                      className: 'md:col-span-4 space-y-2',
+                      children: [
+                        e.jsx('label', {
+                          className: 'block text-sm font-medium',
+                          htmlFor: 'webhook-secret-input',
+                          children: s('webhook.secret'),
+                        }),
+                        e.jsx(g, {
+                          id: 'webhook-secret-input',
+                          'data-testid': 'webhook-secret-input',
+                          value: O,
+                          onChange: (t) => ee(t.target.value),
+                          placeholder: s('webhook.secretPlaceholder'),
+                          className: 'min-h-10',
+                        }),
+                      ],
+                    }),
+                    e.jsx('div', {
+                      className: 'md:col-span-2',
+                      children: e.jsxs(d, {
+                        variant: 'default',
+                        className: 'w-full md:w-auto',
+                        'data-testid': 'webhook-add',
+                        onClick: () => V.mutate(),
+                        disabled: V.isPending || !U.trim() || !O.trim(),
+                        children: [
+                          V.isPending
+                            ? e.jsx(me, { className: 'h-4 w-4 animate-spin' })
+                            : e.jsx(L, { className: 'h-4 w-4' }),
+                          s('webhook.add'),
+                        ],
+                      }),
+                    }),
+                  ],
+                }),
+                e.jsxs('div', {
+                  className: 'space-y-2',
+                  children: [
+                    J.isLoading &&
+                      e.jsx('div', {
+                        className: 'text-sm text-muted-foreground',
+                        children: s('common.loading'),
+                      }),
+                    !J.isLoading &&
+                      ne.length === 0 &&
+                      e.jsx('div', {
+                        className: 'text-sm text-muted-foreground',
+                        children: s('webhook.empty'),
+                      }),
+                    ne.map((t) =>
+                      e.jsxs(
+                        'div',
+                        {
+                          'data-testid': 'webhook-item',
+                          'data-webhook-url': t.url,
+                          className:
+                            'flex items-center justify-between gap-3 rounded-lg border border-border bg-card px-4 py-2.5',
+                          children: [
+                            e.jsxs('div', {
+                              className: 'min-w-0',
+                              children: [
+                                e.jsx('div', {
+                                  className: 'truncate text-sm font-medium',
+                                  children: t.url,
+                                }),
+                                e.jsx('div', {
+                                  className: 'text-xs text-muted-foreground',
+                                  children: new Date(t.createdAt).toLocaleString(pe(p)),
+                                }),
+                              ],
+                            }),
+                            e.jsx(d, {
+                              variant: 'ghost',
+                              size: 'icon-sm',
+                              'data-testid': 'webhook-delete',
+                              onClick: () => ae.mutate(t.id),
+                              disabled: ae.isPending,
+                              'aria-label': s('common.delete'),
+                              title: s('common.delete'),
+                              children: e.jsx(je, { className: 'h-4 w-4' }),
+                            }),
+                          ],
+                        },
+                        t.id
+                      )
+                    ),
+                  ],
+                }),
+              ],
+            }),
+          ],
+        }),
+      (n === 'site' || n === 'notifications') &&
+        e.jsx('div', {
+          className: 'flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end',
+          children: e.jsxs(d, {
+            variant: 'default',
+            'data-testid': 'settings-save',
+            onClick: () => se.mutate(),
+            disabled: se.isPending,
+            className: 'w-full sm:w-auto',
+            children: [e.jsx(L, { className: 'h-4 w-4' }), s('common.save')],
+          }),
+        }),
+    ],
+  });
+}
+function Ke({ bot: s, expanded: m, onToggleExpand: u }) {
+  var T;
+  const { t: n } = B(),
+    r = ge(),
+    [x, y] = i.useState(s.name),
+    [b, w] = i.useState(''),
+    [k, C] = i.useState(s.enabled),
+    [S, p] = i.useState(s.allowAuthRequests);
+  i.useEffect(() => {
+    y(s.name), C(s.enabled), p(s.allowAuthRequests);
+  }, [s.allowAuthRequests, s.enabled, s.name]);
+  const N = z({
+      queryKey: ['telegram-bot-chats', s.id],
+      enabled: m,
+      queryFn: async () => {
+        const a = await fetch(`/api/settings/telegram/bots/${s.id}/chats`);
+        if (!a.ok) throw new Error(await h(a, n('telegram.loadChatsFailed')));
+        return await a.json();
+      },
+    }),
+    f = i.useMemo(() => {
+      var l;
+      const a = ((l = N.data) == null ? void 0 : l.chats) ?? [];
+      return {
+        pending: a.filter((v) => v.status === 'pending'),
+        authorized: a.filter((v) => v.status === 'authorized'),
+      };
+    }, [(T = N.data) == null ? void 0 : T.chats]),
+    P = j({
+      mutationFn: async () => {
+        const a = { name: x, enabled: k, allowAuthRequests: S };
+        b.trim() && (a.token = b.trim());
+        const l = await fetch(`/api/settings/telegram/bots/${s.id}`, {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(a),
+        });
+        if (!l.ok) throw new Error(await h(l, n('telegram.updateFailed')));
+      },
+      onSuccess: async () => {
+        w(''),
+          await r.invalidateQueries({ queryKey: ['telegram-bots'] }),
+          o.success(n('common.success'));
+      },
+      onError: (a) => {
+        o.error(a instanceof Error ? a.message : n('common.error'));
+      },
+    }),
+    R = j({
+      mutationFn: async () => {
+        const a = await fetch(`/api/settings/telegram/bots/${s.id}`, { method: 'DELETE' });
+        if (!a.ok) throw new Error(await h(a, n('telegram.deleteFailed')));
+      },
+      onSuccess: async () => {
+        await r.invalidateQueries({ queryKey: ['telegram-bots'] }), o.success(n('common.success'));
+      },
+      onError: (a) => {
+        o.error(a instanceof Error ? a.message : n('common.error'));
+      },
+    }),
+    q = j({
+      mutationFn: async (a) => {
+        const l = await fetch(
+          `/api/settings/telegram/bots/${s.id}/chats/${encodeURIComponent(a)}/approve`,
+          { method: 'POST' }
+        );
+        if (!l.ok) throw new Error(await h(l, n('telegram.approveFailed')));
+      },
+      onSuccess: async () => {
+        await Promise.all([
+          r.invalidateQueries({ queryKey: ['telegram-bots'] }),
+          r.invalidateQueries({ queryKey: ['telegram-bot-chats', s.id] }),
+        ]),
+          o.success(n('common.success'));
+      },
+      onError: (a) => {
+        o.error(a instanceof Error ? a.message : n('common.error'));
+      },
+    }),
+    E = j({
+      mutationFn: async (a) => {
+        const l = await fetch(
+          `/api/settings/telegram/bots/${s.id}/chats/${encodeURIComponent(a)}`,
+          { method: 'DELETE' }
+        );
+        if (!l.ok) throw new Error(await h(l, n('telegram.removeFailed')));
+      },
+      onSuccess: async () => {
+        await Promise.all([
+          r.invalidateQueries({ queryKey: ['telegram-bots'] }),
+          r.invalidateQueries({ queryKey: ['telegram-bot-chats', s.id] }),
+        ]),
+          o.success(n('common.success'));
+      },
+      onError: (a) => {
+        o.error(a instanceof Error ? a.message : n('common.error'));
+      },
+    }),
+    A = j({
+      mutationFn: async (a) => {
+        const l = await fetch(
+          `/api/settings/telegram/bots/${s.id}/chats/${encodeURIComponent(a)}/test`,
+          { method: 'POST' }
+        );
+        if (!l.ok) throw new Error(await h(l, n('telegram.testMessageFailed')));
+      },
+      onSuccess: () => {
+        o.success(n('common.success'));
+      },
+      onError: (a) => {
+        o.error(a instanceof Error ? a.message : n('common.error'));
+      },
+    });
+  return e.jsxs('div', {
+    className: 'space-y-4 rounded-md border-0 bg-card p-4',
+    'data-testid': `telegram-bot-card-${s.id}`,
+    'data-bot-name': s.name,
+    children: [
+      e.jsxs('div', {
+        className: 'flex items-center justify-between gap-3',
+        children: [
+          e.jsxs('div', {
+            children: [
+              e.jsx('div', { className: 'font-medium', children: s.name }),
+              e.jsxs('div', {
+                className: 'text-xs text-muted-foreground',
+                children: [s.authorizedCount, ' / ', s.pendingCount],
+              }),
+            ],
+          }),
+          e.jsx(d, {
+            variant: 'ghost',
+            'data-testid': `telegram-bot-toggle-${s.id}`,
+            onClick: u,
+            children: n(m ? 'common.collapse' : 'common.expand'),
+          }),
+        ],
+      }),
+      e.jsxs('div', {
+        className: 'grid grid-cols-1 gap-4 md:grid-cols-12 md:items-end',
+        children: [
+          e.jsxs('div', {
+            className: 'md:col-span-3 space-y-2',
+            children: [
+              e.jsx('label', {
+                className: 'block text-sm font-medium',
+                htmlFor: `bot-name-${s.id}`,
+                children: n('telegram.botName'),
+              }),
+              e.jsx(g, {
+                id: `bot-name-${s.id}`,
+                value: x,
+                onChange: (a) => y(a.target.value),
+                className: 'min-h-10',
+              }),
+            ],
+          }),
+          e.jsxs('div', {
+            className: 'md:col-span-4 space-y-2',
+            children: [
+              e.jsx('label', {
+                className: 'block text-sm font-medium',
+                htmlFor: `bot-token-${s.id}`,
+                children: n('telegram.botToken'),
+              }),
+              e.jsx(g, {
+                id: `bot-token-${s.id}`,
+                type: 'password',
+                value: b,
+                onChange: (a) => w(a.target.value),
+                placeholder: n('telegram.tokenPlaceholder'),
+                className: 'min-h-10',
+              }),
+            ],
+          }),
+          e.jsx('div', {
+            className: 'md:col-span-2',
+            children: e.jsxs('div', {
+              className:
+                'flex min-h-10 items-center justify-between gap-3 rounded-lg border border-border bg-background px-3 py-2.5',
+              children: [
+                e.jsx('span', { className: 'text-sm font-medium', children: n('common.enabled') }),
+                e.jsx(F, { checked: k, onCheckedChange: (a) => C(!!a) }),
+              ],
+            }),
+          }),
+          e.jsx('div', {
+            className: 'md:col-span-3',
+            children: e.jsxs('div', {
+              className:
+                'flex min-h-10 items-center justify-between gap-3 rounded-lg border border-border bg-background px-3 py-2.5',
+              children: [
+                e.jsx('span', {
+                  className: 'text-sm font-medium',
+                  children: n('telegram.allowAuthRequests'),
+                }),
+                e.jsx(F, { checked: S, onCheckedChange: (a) => p(!!a) }),
+              ],
+            }),
+          }),
+        ],
+      }),
+      e.jsxs('div', {
+        className: 'flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end',
+        children: [
+          e.jsxs(d, {
+            variant: 'destructive',
+            'data-testid': `telegram-bot-delete-${s.id}`,
+            onClick: () => R.mutate(),
+            className: 'w-full sm:w-auto',
+            children: [e.jsx(je, { className: 'h-4 w-4' }), n('telegram.deleteBot')],
+          }),
+          e.jsxs(d, {
+            variant: 'default',
+            'data-testid': `telegram-bot-save-${s.id}`,
+            onClick: () => P.mutate(),
+            className: 'w-full sm:w-auto',
+            children: [e.jsx(L, { className: 'h-4 w-4' }), n('common.save')],
+          }),
+        ],
+      }),
+      m &&
+        e.jsxs('div', {
+          className: 'grid grid-cols-1 gap-4 border-t border-border pt-4 lg:grid-cols-2',
+          children: [
+            e.jsxs('div', {
+              className: 'space-y-2',
+              children: [
+                e.jsxs('h3', {
+                  className: 'text-sm font-semibold flex items-center gap-1',
+                  children: [e.jsx(he, { className: 'h-4 w-4' }), n('telegram.pendingChats')],
+                }),
+                f.pending.length === 0 &&
+                  e.jsx('div', { className: 'text-xs text-muted-foreground', children: '-' }),
+                f.pending.map((a) =>
+                  e.jsx(
+                    ue,
+                    {
+                      chat: a,
+                      pending: !0,
+                      onApprove: () => q.mutate(a.chatId),
+                      onDelete: () => E.mutate(a.chatId),
+                    },
+                    `${a.botId}-${a.chatId}`
+                  )
+                ),
+              ],
+            }),
+            e.jsxs('div', {
+              className: 'space-y-2',
+              children: [
+                e.jsxs('h3', {
+                  className: 'text-sm font-semibold flex items-center gap-1',
+                  children: [e.jsx(he, { className: 'h-4 w-4' }), n('telegram.chats')],
+                }),
+                f.authorized.length === 0 &&
+                  e.jsx('div', { className: 'text-xs text-muted-foreground', children: '-' }),
+                f.authorized.map((a) =>
+                  e.jsx(
+                    ue,
+                    {
+                      chat: a,
+                      pending: !1,
+                      onTest: () => A.mutate(a.chatId),
+                      onDelete: () => E.mutate(a.chatId),
+                    },
+                    `${a.botId}-${a.chatId}`
+                  )
+                ),
+              ],
+            }),
+            N.isLoading &&
+              e.jsx('div', {
+                className: 'lg:col-span-2 text-xs text-muted-foreground',
+                children: n('common.loading'),
+              }),
+          ],
+        }),
+    ],
+  });
+}
+function ue({ chat: s, pending: m, onApprove: u, onDelete: n, onTest: r }) {
+  const { t: x } = B(),
+    y = xe((b) => {
+      var w;
+      return ((w = b.settings) == null ? void 0 : w.language) ?? 'en_US';
+    });
+  return e.jsxs('div', {
+    className: 'space-y-2 rounded border-0 bg-background p-3',
+    children: [
+      e.jsx('div', {
+        className: 'text-sm font-medium truncate',
+        title: s.displayName,
+        children: s.displayName,
+      }),
+      e.jsxs('div', {
+        className: 'text-xs text-muted-foreground',
+        children: [x('telegram.chatId'), '：', s.chatId],
+      }),
+      e.jsx('div', {
+        className: 'text-xs text-muted-foreground',
+        children: new Date(s.appliedAt).toLocaleString(pe(y)),
+      }),
+      e.jsx('div', {
+        className: 'flex items-center justify-end gap-2 pt-1',
+        children: m
+          ? e.jsxs(e.Fragment, {
+              children: [
+                e.jsx(d, {
+                  variant: 'outline',
+                  size: 'sm',
+                  onClick: n,
+                  children: x('telegram.reject'),
+                }),
+                e.jsx(d, {
+                  variant: 'default',
+                  size: 'sm',
+                  onClick: u,
+                  children: x('telegram.authorize'),
+                }),
+              ],
+            })
+          : e.jsxs(e.Fragment, {
+              children: [
+                e.jsxs(d, {
+                  variant: 'secondary',
+                  size: 'sm',
+                  onClick: r,
+                  children: [
+                    e.jsx(Ie, { className: 'h-3.5 w-3.5' }),
+                    x('telegram.sendTestMessage'),
+                  ],
+                }),
+                e.jsx(d, {
+                  variant: 'destructive',
+                  size: 'sm',
+                  onClick: n,
+                  children: x('common.delete'),
+                }),
+              ],
+            }),
+      }),
+    ],
+  });
+}
+function Je() {
+  const { t: s } = B();
+  return e.jsx(e.Fragment, { children: s('sidebar.settings') });
+}
+function Ve() {
+  const { t: s } = B(),
+    [m, u] = i.useState(!1),
+    n = j({
+      mutationFn: async () => {
+        const r = await fetch('/api/settings/restart', { method: 'POST' });
+        if (!r.ok) throw new Error(await h(r, s('settings.restartFailed')));
+      },
+      onSuccess: () => {
+        o.success(s('settings.restartScheduled'));
+      },
+      onError: (r) => {
+        o.error(r instanceof Error ? r.message : s('common.error'));
+      },
+    });
+  return e.jsxs(e.Fragment, {
+    children: [
+      e.jsx(d, {
+        variant: 'ghost',
+        size: 'icon-sm',
+        onClick: () => u(!0),
+        disabled: n.isPending,
+        'aria-label': s('settings.restartGateway'),
+        title: s('settings.restartGateway'),
+        className: 'text-destructive hover:text-destructive hover:bg-destructive/10',
+        children: e.jsx(ze, { className: 'h-4 w-4' }),
+      }),
+      e.jsx(Fe, {
+        open: m,
+        onOpenChange: u,
+        children: e.jsxs(Be, {
+          children: [
+            e.jsxs(Pe, {
+              children: [
+                e.jsx(Re, { children: s('settings.restartGateway') }),
+                e.jsx(qe, { children: s('settings.restartConfirm') }),
+              ],
+            }),
+            e.jsxs(Ae, {
+              children: [
+                e.jsx(Me, { onClick: () => u(!1), children: s('common.cancel') }),
+                e.jsx($e, {
+                  variant: 'destructive',
+                  onClick: () => {
+                    n.mutate(), u(!1);
+                  },
+                  children: s('common.confirm'),
+                }),
+              ],
+            }),
+          ],
+        }),
+      }),
+    ],
+  });
+}
+export { Ve as PageActions, Je as PageTitle, We as default };
+//# sourceMappingURL=SettingsPage-D25_d6j9.js.map