fix and update

apps/docs/lib/docs-pages.ts

@@ -6,6 +6,7 @@ export type DocBlock =
   | { type: 'table'; headers: string[]; rows: string[][] }
   | { type: 'oauth-examples' }
   | { type: 'one-tap-examples' }
+  | { type: 'one-tap-builder' }
   | { type: 'auth-login-examples' }
   | { type: 'auth-ldap-examples' }
   | { type: 'bot-examples' }
@@ -1079,6 +1080,23 @@ $oidc->authenticate(); // client_id, redirect_uri, response_type=code — авт
           }
         ]
       },
+      {
+        id: 'button-builder',
+        title: 'Конструктор кнопок',
+        blocks: [
+          {
+            type: 'paragraph',
+            text: 'Интерактивный конструктор позволяет настроить кнопку входа под внешний вид вашего сайта. Выберите параметры — справа обновится живое превью, а слева сформируется готовый код виджета. Скопируйте его и вставьте на свою страницу: атрибут data-button-container указывает, в какой элемент встроить кнопку.'
+          },
+          { type: 'one-tap-builder' },
+          {
+            type: 'callout',
+            variant: 'tip',
+            title: 'Как это работает',
+            text: 'Кнопка рендерится скриптом sso-widget.js внутри контейнера с указанным id. Параметры размера, темы, вида, радиуса, иконки и CSS-цветов передаются через data-button-* атрибуты. Клик по превью открывает реальный popup авторизации для проверки.'
+          }
+        ]
+      },
       {
         id: 'fedcm-integration',
         title: 'Интеграция FedCM вручную',