tensorgrid-ui 1.1.4 → 1.2.0

package/lib/client.js

@@ -177,7 +177,9 @@ window.__ModuleLoader__.load({
       'intensity.vivid': 'Vivid',
       'accent.title': 'Obsidian / Ion accent',
       'accent.hint': 'Leading tone of the interface and the glow',
+      'auth.nav': 'Subscriptions',
       'auth.title': 'Provider sign-in',
+      'auth.others': 'Only providers offering a subscription sign-in are listed. The rest — Z.AI among them — offer an API key only; configure those under Models.',
       'auth.hint': 'Sign in with a subscription instead of an API key. The account stays on this computer.',
       'auth.signIn': 'Sign in',
       'auth.again': 'Sign in again',
@@ -222,7 +224,9 @@ window.__ModuleLoader__.load({
       'intensity.vivid': '强烈',
       'accent.title': 'Obsidian / Ion 主色',
       'accent.hint': '界面与光晕的主色调',
+      'auth.nav': '订阅',
       'auth.title': '登录服务商',
+      'auth.others': '这里只列出提供订阅登录的服务商。其余（包括 Z.AI）只提供 API 密钥，请在「模型」中配置。',
       'auth.hint': '使用订阅登录，而非 API 密钥。账号仅保存在本机。',
       'auth.signIn': '登录',
       'auth.again': '重新登录',
@@ -1564,7 +1568,9 @@ window.__ModuleLoader__.load({
       'intensity.vivid': 'Ярко',
       'accent.title': 'Акцент Obsidian / Ion',
       'accent.hint': 'Ведущий тон интерфейса и свечения',
+      'auth.nav': 'Подписки',
       'auth.title': 'Вход к провайдерам',
+      'auth.others': 'Здесь только провайдеры, у которых есть вход по подписке. Остальные — в том числе Z.AI — предлагают лишь ключ API; их место в разделе «Модели».',
       'auth.hint': 'Войти по подписке вместо ключа API. Учётная запись остаётся на этом компьютере.',
       'auth.signIn': 'Войти',
       'auth.again': 'Войти заново',
@@ -1710,7 +1716,7 @@ window.__ModuleLoader__.load({
       // поэтому строка остаётся согласованной при любой палитре.
       '.dsx-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;}',
       '.dsx-setting__title{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:500;}',
-      '.dsx-setting--stack{flex-direction:column;align-items:stretch;gap:10px}.dsx-auth__list{display:flex;flex-direction:column;gap:6px}.dsx-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dsx-auth__name{color:var(--dsw-alias-label-primary)}.dsx-auth__badge{margin-left:8px;padding:1px 6px;border-radius:999px;font-size:11px;color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-border-l2)}.dsx-auth__panel{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1)}.dsx-auth__notice,.dsx-auth__prompt{display:flex;flex-direction:column;gap:6px;color:var(--dsw-alias-label-secondary)}.dsx-auth__link{color:var(--dsw-alias-brand-primary);word-break:break-all}.dsx-auth__code{font-family:ui-monospace,monospace;letter-spacing:.08em;color:var(--dsw-alias-label-primary)}.dsx-auth__input{flex:1;min-width:0;padding:4px 8px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.dsx-setting__hint--strong{color:var(--dsw-alias-label-primary)}.dsx-setting__hint--warn{color:var(--dsw-alias-state-warn-primary)}.dsx-setting__hint{color:var(--dsw-alias-label-secondary);font-size:12px;margin-top:2px;}',
+      '.dsx-subs{display:flex;flex-direction:column;gap:14px;padding:4px 0}.dsx-subs__head{display:flex;flex-direction:column;gap:4px}.dsx-subs__title{font-weight:600;font-size:15px;color:var(--dsw-alias-label-primary)}.dsx-subs__note{padding-top:6px;border-top:1px solid var(--dsw-alias-border-l1);color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.dsx-setting--stack{flex-direction:column;align-items:stretch;gap:10px}.dsx-auth__list{display:flex;flex-direction:column;gap:6px}.dsx-auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.dsx-auth__name{color:var(--dsw-alias-label-primary)}.dsx-auth__badge{margin-left:8px;padding:1px 6px;border-radius:999px;font-size:11px;color:var(--dsw-alias-state-success-primary);border:1px solid var(--dsw-alias-border-l2)}.dsx-auth__panel{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:8px;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1)}.dsx-auth__notice,.dsx-auth__prompt{display:flex;flex-direction:column;gap:6px;color:var(--dsw-alias-label-secondary)}.dsx-auth__link{color:var(--dsw-alias-brand-primary);word-break:break-all}.dsx-auth__code{font-family:ui-monospace,monospace;letter-spacing:.08em;color:var(--dsw-alias-label-primary)}.dsx-auth__input{flex:1;min-width:0;padding:4px 8px;border-radius:6px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.dsx-setting__hint--strong{color:var(--dsw-alias-label-primary)}.dsx-setting__hint--warn{color:var(--dsw-alias-state-warn-primary)}.dsx-setting__hint{color:var(--dsw-alias-label-secondary);font-size:12px;margin-top:2px;}',
       '.dsx-setting__control{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;background:var(--dsw-alias-bg-layer-2);flex:none;}',
       '.dsx-seg{appearance:none;border:0;cursor:pointer;padding:4px 10px;border-radius:6px;font-size:12px;line-height:18px;background:transparent;color:var(--dsw-alias-label-secondary);transition:background .16s ease,color .16s ease;}',
       '.dsx-seg:hover{color:var(--dsw-alias-label-primary);}',
@@ -1946,6 +1952,18 @@ window.__ModuleLoader__.load({
       const [busy, setBusy] = React.useState(false)
       const [draft, setDraft] = React.useState('')
 
+      // Функция перевода приходит от рантайма НОВОЙ при каждом рендере —
+      // в поставочном коде это обычная стрелка, не мемоизированная. Если
+      // поставить её в зависимости запроса, цепочка t → send → refresh
+      // пересоздаётся каждый раз, эффект с [refresh] срабатывает снова, и
+      // строка уходит в бесконечный цикл рендеров и обращений к Host.
+      // Такой цикл подвешивает всю вкладку, а не только настройки.
+      //
+      // Поэтому перевод берётся через ссылку: она всегда указывает на
+      // свежую функцию, но сама себя не меняет.
+      const translate = React.useRef(t)
+      translate.current = t
+
       const send = React.useCallback(async (body) => {
         const response = body === undefined
           ? await fetch(AUTH_PATH)
@@ -1961,16 +1979,17 @@ window.__ModuleLoader__.load({
         // не JSON. Без этой проверки строка молча показывала пустоту.
         const type = response.headers.get('content-type') || ''
         if (!type.includes('application/json')) {
+          const say = translate.current
           return {
             available: true,
             providers: [],
             problem: response.status === 401 || response.status === 404
-              ? t('auth.needsRestart')
-              : t('auth.badResponse').replace('{status}', String(response.status)),
+              ? say('auth.needsRestart')
+              : say('auth.badResponse').replace('{status}', String(response.status)),
           }
         }
         return response.json()
-      }, [t])
+      }, [])
 
       const refresh = React.useCallback(async (body) => {
         setBusy(true)
@@ -2085,11 +2104,12 @@ window.__ModuleLoader__.load({
       }
 
       return jsxs('div', {
-        className: 'dsx-setting dsx-setting--stack',
+        className: 'dsx-subs',
         children: [
           jsxs('div', {
+            className: 'dsx-subs__head',
             children: [
-              jsx('div', { className: 'dsx-setting__title', children: t('auth.title') }),
+              jsx('div', { className: 'dsx-subs__title', children: t('auth.title') }),
               jsx('div', { className: 'dsx-setting__hint', children: t('auth.hint') }),
             ],
           }),
@@ -2136,6 +2156,11 @@ window.__ModuleLoader__.load({
                 }),
               })
             : null,
+          // Здесь только провайдеры, у которых есть вход по подписке. У
+          // остальных — включая Z.AI — поставщик предлагает единственный
+          // способ, ключ API, и его место в разделе «Модели». Без этой
+          // строки отсутствие знакомого имени выглядит как недоработка.
+          jsx('div', { className: 'dsx-subs__note', children: t('auth.others') }),
         ],
       })
     }
@@ -2348,9 +2373,21 @@ window.__ModuleLoader__.load({
         ),
       )
 
-      ctx.slots.inject('settings.general.item', () =>
+      // Подписки — собственный раздел настроек, а не строка среди прочих.
+      //
+      // `settings.section` — аддитивный список: своя запись добавляет свою
+      // вкладку и ничего не замещает. Порядок 12 ставит её между «Моделями»
+      // (10) и «Плагинами» (15): вход к провайдерам — сосед моделей, а не
+      // оформления.
+      ctx.slots.inject('settings.section', () =>
         ctx.slots.register(
-          { name: 'settings.general.item', id: 'tensorgrid-auth', order: 10, locale: LOCALE_NS },
+          {
+            name: 'settings.section',
+            id: 'tensorgrid-subscriptions',
+            order: 12,
+            locale: LOCALE_NS,
+            label: () => ctx.locale.translate(LOCALE_NS, 'auth.nav'),
+          },
           AuthRow,
         ),
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tensorgrid-ui",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "TENSOR GRID — фирменный интерфейс поверх DeepSeek Harness: палитра, живой ambient-слой, айдентика и русский язык-пакет",
   "type": "module",
   "main": "lib/index.js",