tmex-cli 0.4.0 → 0.4.2

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

@@ -1,1144 +0,0 @@
-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