From d7d6f6ff38bd3601c2c7d6d594384b77046dcdab Mon Sep 17 00:00:00 2001
From: pavlo <pavlov346346@gmail.com>
Date: Sat, 19 Sep 2026 18:27:47 +0300
Subject: [PATCH] Add AI support assistant to the Help dialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Поддержка tab opens an assistant that answers how-to questions from
the handbook. The chat is a sandboxed iframe on the assistant's own
origin and is only loaded after an explicit click, so Help and its search
stay local and no third-party script runs inside the app.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 docs/releases/2026-09-19-SUPPORT-BOT.md | 33 +++++++++++++++++++++++++
 public/core/help-center.css             |  5 ++++
 public/core/help-center.js              | 14 +++++++++--
 public/index.html                       |  2 +-
 public/service-worker.js                |  2 +-
 tests/help-center.spec.mjs              | 16 +++++++++---
 6 files changed, 65 insertions(+), 7 deletions(-)
 create mode 100644 docs/releases/2026-09-19-SUPPORT-BOT.md

diff --git a/docs/releases/2026-09-19-SUPPORT-BOT.md b/docs/releases/2026-09-19-SUPPORT-BOT.md
new file mode 100644
index 0000000..bcdfc4a
--- /dev/null
+++ b/docs/releases/2026-09-19-SUPPORT-BOT.md
@@ -0,0 +1,33 @@
+# AI support assistant in Help
+
+The Help dialog's "Поддержка" tab can now open an AI assistant that answers
+"how do I..." questions from the Caterium handbook (the same articles as the
+"Руководство" tab).
+
+Privacy and isolation:
+
+- Nothing is requested from the assistant service until the user presses
+  "Задать вопрос помощнику". Opening Help, searching the handbook and switching
+  tabs stay fully local, exactly as before.
+- The chat runs in an `<iframe>` served from the assistant's own origin
+  (`sandbox`, `referrerpolicy="no-referrer"`). It cannot read orders, clients,
+  local storage or the Supabase session of Caterium, and no third-party script
+  is added to the app page.
+- The assistant page sets `frame-ancestors` to `https://app.caterium.ru`, so no
+  other site can embed it.
+- The assistant has no access to company data and cannot change anything in
+  Caterium. The tab tells users not to type passwords, confirmation codes or
+  customer data because their question is processed by an external service.
+
+Assistant configuration (agent, instructions, knowledge base and rate limits)
+lives in the assistant service, not in this repository. The client only needs
+`BOT.origin` and `BOT.agent` in `public/core/help-center.js`.
+
+If the assistant service is unreachable, only the chat area is affected (it
+shows the browser's or the assistant's own error page); the handbook and its
+search keep working.
+
+Regression coverage: `tests/help-center.spec.mjs` asserts that no external
+request is made before the click, and that the iframe uses the expected
+`src`, `referrerpolicy` and a restrictive `sandbox` (no top navigation, forms
+or modals). No database, migration or permission change.
diff --git a/public/core/help-center.css b/public/core/help-center.css
index 67692d0..f783b7e 100644
--- a/public/core/help-center.css
+++ b/public/core/help-center.css
@@ -35,3 +35,8 @@
 .ct-help-login{display:block!important;margin:16px auto 0!important;background:transparent!important;border:0!important;color:#5b655b!important;text-decoration:underline;min-height:44px;font-size:14px!important;cursor:pointer}
 @media(max-width:600px){#ctHelpDialog{border-radius:14px}#ctHelpDialog h2{font-size:20px}#ctHelpDialog .ct-help-header,#ctHelpDialog .ct-help-content{padding:16px}#ctHelpDialog .ct-help-modes{padding:10px 16px}#ctHelpDialog .ct-help-filters{grid-template-columns:1fr}#ctHelpDialog .ct-help-prompts{flex-direction:column}}
 @media print{#ctHelpDialog{display:none!important}}
+
+#ctHelpDialog .ct-help-bot-start{margin:4px 0 16px;padding:11px 18px;border:0;border-radius:10px;background:#3b5340;color:#fff;font:inherit;font-weight:700;cursor:pointer}
+#ctHelpDialog .ct-help-bot-start:hover{background:#2f4434}
+#ctHelpDialog .ct-help-bot{height:min(440px,58vh);margin:4px 0 16px;border:1px solid #d9ddd2;border-radius:12px;overflow:hidden;background:#fff}
+#ctHelpDialog .ct-help-bot iframe{display:block;width:100%;height:100%;border:0}
diff --git a/public/core/help-center.js b/public/core/help-center.js
index 8657f7a..3a74ac4 100644
--- a/public/core/help-center.js
+++ b/public/core/help-center.js
@@ -4,6 +4,7 @@
  const url=new URL('../help/knowledge-v1.json',document.currentScript.src);url.searchParams.set('v',version);
  const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
  const norm=s=>String(s).toLowerCase().replace(/ё/g,'е');
+ const BOT={origin:"https://ai-staff-alpha.vercel.app",agent:"e9cc0f28-aaa5-48d4-a020-ae9633988faf"};
  let dialog,data,loading=false,returnFocus;
  function render(){
   if(!data||!dialog)return;
@@ -16,6 +17,15 @@
  function showGuide(query=''){
   switchMode(false);dialog.querySelector('#ctHelpSearch').value=query;dialog.querySelector('#ctHelpCategory').value='';render();dialog.querySelector('#ctHelpSearch').focus();
  }
+ function startBot(){
+  const box=dialog.querySelector("#ctHelpBot"),start=dialog.querySelector("#ctHelpBotStart");
+  if(box.querySelector("iframe"))return;
+  // The chat lives in a sandboxed iframe on the assistant's own origin: nothing from the app (orders, clients, session) is reachable from it, and no request leaves the device until the user asks for the assistant.
+  const frame=document.createElement("iframe");
+  frame.src=`${BOT.origin}/embed/${BOT.agent}`;frame.title="ИИ-помощник Caterium";frame.loading="eager";frame.referrerPolicy="no-referrer";
+  frame.setAttribute("sandbox","allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox");
+  box.textContent="";box.hidden=false;box.appendChild(frame);start.hidden=true;
+ }
  function switchMode(support){
   dialog.querySelector('#ctHelpGuide').hidden=support;dialog.querySelector('#ctHelpSupport').hidden=!support;
   dialog.querySelector('#ctHelpGuideTab').setAttribute('aria-pressed',String(!support));dialog.querySelector('#ctHelpSupportTab').setAttribute('aria-pressed',String(support));
@@ -34,12 +44,12 @@
  function ensureDialog(){
   if(dialog)return;
   dialog=document.createElement('dialog');dialog.id='ctHelpDialog';dialog.setAttribute('aria-labelledby','ctHelpTitle');
-  dialog.innerHTML=`<div class="ct-help-header"><div><h2 id="ctHelpTitle">Помощь в Caterium</h2><p id="ctHelpEdition">Руководство пользователя и поддержка</p></div><button type="button" id="ctHelpClose" aria-label="Закрыть помощь">×</button></div><div class="ct-help-modes" aria-label="Раздел помощи"><button type="button" id="ctHelpGuideTab" aria-pressed="true">Руководство</button><button type="button" id="ctHelpSupportTab" aria-pressed="false">Поддержка</button></div><div class="ct-help-content"><section id="ctHelpGuide"><div class="ct-help-filters"><label>Что хотите сделать?<input id="ctHelpSearch" type="search" placeholder="Например: оплата, PDF, склад" maxlength="240" autocomplete="off"></label><label>Категория<select id="ctHelpCategory"><option value="">Все темы</option></select></label><button type="button" id="ctHelpReset">Все инструкции</button></div><p id="ctHelpStatus" role="status"></p><button type="button" id="ctHelpRetry" hidden>Повторить загрузку</button><div id="ctHelpResults"></div></section><section id="ctHelpSupport" hidden><span class="ct-help-badge">Помощник готовится</span><h3>Ответы по работе с приложением</h3><p>Бот и канал обращений пока не подключены. Сейчас можно найти готовую инструкцию. Поиск работает внутри руководства и не отправляет вопросы или данные вашей компании внешнему сервису.</p><div class="ct-help-prompts"><button type="button" data-help-query="создать заказ">Как создать заказ?</button><button type="button" data-help-query="оплата">Как отметить оплату?</button><button type="button" data-help-query="закупки">Как рассчитать закупки?</button><button type="button" data-help-query="синхронизация">Не загружается база</button></div><h3>Если инструкция не помогла</h3><p>Подготовьте название раздела, последовательность действий, точный текст ошибки, устройство и браузер. На снимке экрана закройте лишние телефоны и адреса. Не передавайте пароли и коды подтверждения.</p><button type="button" data-help-query="обращение">Памятка для обращения</button></section></div>`;
+  dialog.innerHTML=`<div class="ct-help-header"><div><h2 id="ctHelpTitle">Помощь в Caterium</h2><p id="ctHelpEdition">Руководство пользователя и поддержка</p></div><button type="button" id="ctHelpClose" aria-label="Закрыть помощь">×</button></div><div class="ct-help-modes" aria-label="Раздел помощи"><button type="button" id="ctHelpGuideTab" aria-pressed="true">Руководство</button><button type="button" id="ctHelpSupportTab" aria-pressed="false">Поддержка</button></div><div class="ct-help-content"><section id="ctHelpGuide"><div class="ct-help-filters"><label>Что хотите сделать?<input id="ctHelpSearch" type="search" placeholder="Например: оплата, PDF, склад" maxlength="240" autocomplete="off"></label><label>Категория<select id="ctHelpCategory"><option value="">Все темы</option></select></label><button type="button" id="ctHelpReset">Все инструкции</button></div><p id="ctHelpStatus" role="status"></p><button type="button" id="ctHelpRetry" hidden>Повторить загрузку</button><div id="ctHelpResults"></div></section><section id="ctHelpSupport" hidden><span class="ct-help-badge">ИИ-помощник</span><h3>Ответы по работе с приложением</h3><p>Помощник отвечает на вопросы «как это сделать» по руководству Caterium. Он не видит данные вашей компании, но ваш вопрос обрабатывает внешний сервис, поэтому не пишите пароли, коды подтверждения и данные клиентов. Поиск по руководству остаётся на этом устройстве и ничего не отправляет.</p><button type="button" id="ctHelpBotStart" class="ct-help-bot-start">Задать вопрос помощнику</button><div id="ctHelpBot" class="ct-help-bot" hidden></div><div class="ct-help-prompts"><button type="button" data-help-query="создать заказ">Как создать заказ?</button><button type="button" data-help-query="оплата">Как отметить оплату?</button><button type="button" data-help-query="закупки">Как рассчитать закупки?</button><button type="button" data-help-query="синхронизация">Не загружается база</button></div><h3>Если инструкция не помогла</h3><p>Подготовьте название раздела, последовательность действий, точный текст ошибки, устройство и браузер. На снимке экрана закройте лишние телефоны и адреса. Не передавайте пароли и коды подтверждения.</p><button type="button" data-help-query="обращение">Памятка для обращения</button></section></div>`;
   document.body.appendChild(dialog);
   dialog.querySelector('#ctHelpClose').onclick=()=>dialog.close();
   dialog.addEventListener('keydown',e=>{if(e.key==='Escape'){e.preventDefault();e.stopPropagation();dialog.close();}});
   dialog.addEventListener('close',()=>{dialog.querySelector('#ctHelpSearch').value='';if(returnFocus?.isConnected)returnFocus.focus({preventScroll:true});});
-  dialog.querySelector('#ctHelpGuideTab').onclick=()=>switchMode(false);dialog.querySelector('#ctHelpSupportTab').onclick=()=>switchMode(true);
+  dialog.querySelector('#ctHelpBotStart').onclick=startBot;dialog.querySelector('#ctHelpGuideTab').onclick=()=>switchMode(false);dialog.querySelector('#ctHelpSupportTab').onclick=()=>switchMode(true);
   dialog.querySelector('#ctHelpSearch').oninput=render;dialog.querySelector('#ctHelpCategory').onchange=render;
   dialog.querySelector('#ctHelpReset').onclick=()=>showGuide();dialog.querySelector('#ctHelpRetry').onclick=load;
   dialog.addEventListener('click',e=>{
diff --git a/public/index.html b/public/index.html
index f51a714..b4c84b8 100644
--- a/public/index.html
+++ b/public/index.html
@@ -71,7 +71,7 @@
   button{touch-action:manipulation}
   #sunGlobalSearchBtn kbd{display:none!important}
   #sunSyncSettingsCard>div[style*="grid-template-columns"]{grid-template-columns:1fr!important}
-}</style><style id="sun-composition-v1757">#sunBoxCompositionLabel{display:flex;flex-direction:column;gap:6px;margin-top:10px}#sunBoxCompositionLabel textarea{width:100%;min-height:120px;resize:vertical;font:inherit;line-height:1.4;padding:10px;border:1px solid #dfe3ea;border-radius:10px;box-sizing:border-box}#sunBoxCompositionLabel small{color:#7b8390;font-size:11px}</style></head><body class="sun-cloud-auth-required"><header><div class="brand"><img class="real-logo caterium-product-mark" src="caterium-mark-light.svg" alt="Caterium"><span>Caterium</span></div><nav><button class="on" onclick="show('new',this)">Новый заказ</button><button onclick="show('orders',this)">Заказы</button><button onclick="show('stock',this)">Склад</button><button onclick="show('stats',this)">Статистика</button></nav></header><section id="new" class="view on"><div class="work"><aside class="card catalog"><div class="catalog-head"><h1>Боксы</h1><button class="outline" onclick="openManager()">Настроить</button></div><div class="tiles" id="tiles"></div></aside><aside class="cats"><button>Боксы</button><button>Посуда и упаковка</button><button>Дополнительно</button><p>Для создания и изменения боксов нажмите «Настроить».</p></aside><section class="card"><div class="subnav"><button class="on" id="orderTab" onclick="details(false)">Заказ</button><button id="detailTab" onclick="details(true)">Детали</button></div><div id="orderForm"><div class="form"><label>Мероприятие<input id="event" value=""></label><label>Выдача<input id="date" type="date"></label><label>Время<select id="time"></select></label></div><div class="lines" id="lines"></div></div><div id="details" style="display:none"><div class="sun-delivery-details"><label>Имя<input id="contact" autocomplete="name"></label><label>Телефон<input id="phone" autocomplete="tel"></label><label class="wide">Улица<input id="deliveryStreet"></label><label>Дом<input id="deliveryHouse"></label><label>Подъезд<input id="deliveryEntrance"></label><label>Этаж<input id="deliveryFloor"></label><label>Квартира<input id="deliveryApartment"></label><label>Офис<input id="deliveryOffice"></label></div><label class="sun-address-hidden">Адрес доставки<input id="address" type="hidden"></label><label>Примечание<textarea id="note" rows="4"></textarea></label></div><div class="money-form"><label>Сумма заказа<input id="orderTotal" type="number" min="0" step="1" readonly></label><label>Предоплата<input id="prepayment" type="number" min="0" step="1" value="0" oninput="updateOrderSummary()"></label><label>Остаток<input id="balance" type="number" readonly></label></div><div class="order-summary"><p><span>Стоимость позиций</span><b id="summaryTotal">0 ₽</b></p><p><span>Предоплата</span><b id="summaryPrepayment">0 ₽</b></p><p class="balance"><span>К оплате</span><b id="summaryBalance">0 ₽</b></p></div><div class="actions"><button class="primary" onclick="saveOrder()">Сохранить</button><button class="outline" onclick="openPreview()">Заготовки</button><button id="deleteOrderBtn" class="danger" onclick="deleteOrder()" style="display:none">Удалить заказ</button></div></section></div></section><section id="orders" class="view page"><h1>Заказы</h1><div class="head" style="grid-template-columns:65px 1.15fr 145px 1fr 110px 175px 150px"><span>№</span><span>Мероприятие</span><span>Дата и время</span><span>Адрес</span><span>Сумма</span><span>Статус</span><span>Действия</span></div><div id="ordersList"></div><p class="hint">Нажмите «Изменить», чтобы открыть заказ. Сумма, предоплата и остаток сохраняются вместе с заказом.</p></section><section id="stock" class="view page"><h1>Склад</h1><p>В этой версии каталог продуктов пополняется из составов боксов. Остатки и цены добавим следующим шагом.</p></section><section id="stats" class="view page"><h1>Статистика</h1><div id="statsList"></div></section><div class="modal" id="manager"><div class="dialog"><div class="dialog-head"><h2>Боксы</h2><button onclick="closeModal('manager')">×</button></div><button class="primary" onclick="editBox(null)">Добавить бокс</button><div class="manager" id="managerList"></div></div></div><div class="modal" id="editor"><div class="dialog"><div class="dialog-head"><h2 id="editTitle">Бокс</h2><button onclick="closeModal('editor')">×</button></div><label>Название<input id="boxName"></label><label class="price-field"><span id="boxPriceCaption">Обычная цена, ₽</span><input id="boxPrice" type="number" min="0" step="0.01" value="0"></label><fieldset id="ctPromotionEditor"><legend>Акция</legend><label class="ct-promotion-toggle"><input type="checkbox" id="ctPromotionEnabled">Включить скидку</label><div id="ctPromotionFields" hidden><label>Тип скидки<select id="ctDiscountType"><option value="percent">В процентах</option><option value="amount">В рублях</option></select></label><label><span id="ctDiscountCaption">Скидка, %</span><input type="number" id="ctDiscountValue" min="0.01" max="100" step="0.01" inputmode="decimal" placeholder="Например, 15"></label><label class="ct-promotion-wide">Срок акции<select id="ctPromotionDuration"><option value="keep" hidden>Сохранить текущий срок</option><option value="1">На 1 день</option><option value="7" selected>На неделю</option><option value="14">На 2 недели</option><option value="30">На 30 дней</option><option value="custom">До даты и времени</option><option value="none">Без ограничения срока</option></select></label><label id="ctPromotionEndLabel" class="ct-promotion-wide" hidden>Окончание акции<input type="datetime-local" id="ctPromotionEnd"><small class="ct-promotion-note">По времени вашего устройства. Срок одинаковый на всех устройствах.</small></label></div><p id="ctPromotionPreview" role="status" aria-live="polite"></p><p id="ctPromotionError" role="alert"></p><p class="ct-promotion-note">После окончания акции обычная цена возвращается автоматически. Цены в уже созданных заказах сохраняются.</p></fieldset><label>Фотография<input id="boxPhoto" type="file" accept="image/*" onchange="readPhoto(this)"></label><img id="editPhoto" class="editphoto" style="display:none"><h3>Состав / ТТК</h3><div id="ingredients"></div><button class="outline" onclick="addIngredient()">Добавить продукт</button><div class="actions"><button class="primary" id="saveBoxButton" onclick="saveBox()">Сохранить</button><button id="deleteBox" class="danger" onclick="removeBox()">Удалить</button></div></div></div><div class="modal" id="preview"><div class="dialog"><div class="dialog-head"><h2>Документ компании</h2><button onclick="closeModal('preview')">×</button></div><h3 id="prepTitle"></h3><div class="prep" id="prep"></div><div class="actions"><button class="primary" onclick="print()">Печать</button></div></div></div><link rel="stylesheet" href="core/stability-v1760.css?v=20260918-ui-stability"><script src="core/sun-safe.js?v=20260918-ui-stability"></script><link rel="stylesheet" href="core/help-center.css?v=20260918-ui-stability"><script defer src="core/help-center.js?v=20260918-ui-stability"></script><script defer src="core/mobile-order.js?v=20260918-ui-stability"></script><script defer src="core/trial-demo.js?v=20260918-ui-stability"></script><script src="core/performance.js?v=20260918-ui-stability"></script><script src="core/pdf-engine.js?v=20260918-ui-stability"></script><script src="core/proposal-layout.js?v=20260918-ui-stability"></script><script src="core/classic-offer-pdf-v1767.js?v=20260918-ui-stability"></script><script src="core/signature-offer-pdf-v18.js?v=20260918-ui-stability"></script><link rel="stylesheet" href="core/client-menu.css?v=20260919-client-menu"><script src="core/catalog-pricing.js?v=20260919-client-menu"></script><script src="legacy/bootstrap.js?v=20260918-ui-stability-20260919-client-menu"></script><script>
+}</style><style id="sun-composition-v1757">#sunBoxCompositionLabel{display:flex;flex-direction:column;gap:6px;margin-top:10px}#sunBoxCompositionLabel textarea{width:100%;min-height:120px;resize:vertical;font:inherit;line-height:1.4;padding:10px;border:1px solid #dfe3ea;border-radius:10px;box-sizing:border-box}#sunBoxCompositionLabel small{color:#7b8390;font-size:11px}</style></head><body class="sun-cloud-auth-required"><header><div class="brand"><img class="real-logo caterium-product-mark" src="caterium-mark-light.svg" alt="Caterium"><span>Caterium</span></div><nav><button class="on" onclick="show('new',this)">Новый заказ</button><button onclick="show('orders',this)">Заказы</button><button onclick="show('stock',this)">Склад</button><button onclick="show('stats',this)">Статистика</button></nav></header><section id="new" class="view on"><div class="work"><aside class="card catalog"><div class="catalog-head"><h1>Боксы</h1><button class="outline" onclick="openManager()">Настроить</button></div><div class="tiles" id="tiles"></div></aside><aside class="cats"><button>Боксы</button><button>Посуда и упаковка</button><button>Дополнительно</button><p>Для создания и изменения боксов нажмите «Настроить».</p></aside><section class="card"><div class="subnav"><button class="on" id="orderTab" onclick="details(false)">Заказ</button><button id="detailTab" onclick="details(true)">Детали</button></div><div id="orderForm"><div class="form"><label>Мероприятие<input id="event" value=""></label><label>Выдача<input id="date" type="date"></label><label>Время<select id="time"></select></label></div><div class="lines" id="lines"></div></div><div id="details" style="display:none"><div class="sun-delivery-details"><label>Имя<input id="contact" autocomplete="name"></label><label>Телефон<input id="phone" autocomplete="tel"></label><label class="wide">Улица<input id="deliveryStreet"></label><label>Дом<input id="deliveryHouse"></label><label>Подъезд<input id="deliveryEntrance"></label><label>Этаж<input id="deliveryFloor"></label><label>Квартира<input id="deliveryApartment"></label><label>Офис<input id="deliveryOffice"></label></div><label class="sun-address-hidden">Адрес доставки<input id="address" type="hidden"></label><label>Примечание<textarea id="note" rows="4"></textarea></label></div><div class="money-form"><label>Сумма заказа<input id="orderTotal" type="number" min="0" step="1" readonly></label><label>Предоплата<input id="prepayment" type="number" min="0" step="1" value="0" oninput="updateOrderSummary()"></label><label>Остаток<input id="balance" type="number" readonly></label></div><div class="order-summary"><p><span>Стоимость позиций</span><b id="summaryTotal">0 ₽</b></p><p><span>Предоплата</span><b id="summaryPrepayment">0 ₽</b></p><p class="balance"><span>К оплате</span><b id="summaryBalance">0 ₽</b></p></div><div class="actions"><button class="primary" onclick="saveOrder()">Сохранить</button><button class="outline" onclick="openPreview()">Заготовки</button><button id="deleteOrderBtn" class="danger" onclick="deleteOrder()" style="display:none">Удалить заказ</button></div></section></div></section><section id="orders" class="view page"><h1>Заказы</h1><div class="head" style="grid-template-columns:65px 1.15fr 145px 1fr 110px 175px 150px"><span>№</span><span>Мероприятие</span><span>Дата и время</span><span>Адрес</span><span>Сумма</span><span>Статус</span><span>Действия</span></div><div id="ordersList"></div><p class="hint">Нажмите «Изменить», чтобы открыть заказ. Сумма, предоплата и остаток сохраняются вместе с заказом.</p></section><section id="stock" class="view page"><h1>Склад</h1><p>В этой версии каталог продуктов пополняется из составов боксов. Остатки и цены добавим следующим шагом.</p></section><section id="stats" class="view page"><h1>Статистика</h1><div id="statsList"></div></section><div class="modal" id="manager"><div class="dialog"><div class="dialog-head"><h2>Боксы</h2><button onclick="closeModal('manager')">×</button></div><button class="primary" onclick="editBox(null)">Добавить бокс</button><div class="manager" id="managerList"></div></div></div><div class="modal" id="editor"><div class="dialog"><div class="dialog-head"><h2 id="editTitle">Бокс</h2><button onclick="closeModal('editor')">×</button></div><label>Название<input id="boxName"></label><label class="price-field"><span id="boxPriceCaption">Обычная цена, ₽</span><input id="boxPrice" type="number" min="0" step="0.01" value="0"></label><fieldset id="ctPromotionEditor"><legend>Акция</legend><label class="ct-promotion-toggle"><input type="checkbox" id="ctPromotionEnabled">Включить скидку</label><div id="ctPromotionFields" hidden><label>Тип скидки<select id="ctDiscountType"><option value="percent">В процентах</option><option value="amount">В рублях</option></select></label><label><span id="ctDiscountCaption">Скидка, %</span><input type="number" id="ctDiscountValue" min="0.01" max="100" step="0.01" inputmode="decimal" placeholder="Например, 15"></label><label class="ct-promotion-wide">Срок акции<select id="ctPromotionDuration"><option value="keep" hidden>Сохранить текущий срок</option><option value="1">На 1 день</option><option value="7" selected>На неделю</option><option value="14">На 2 недели</option><option value="30">На 30 дней</option><option value="custom">До даты и времени</option><option value="none">Без ограничения срока</option></select></label><label id="ctPromotionEndLabel" class="ct-promotion-wide" hidden>Окончание акции<input type="datetime-local" id="ctPromotionEnd"><small class="ct-promotion-note">По времени вашего устройства. Срок одинаковый на всех устройствах.</small></label></div><p id="ctPromotionPreview" role="status" aria-live="polite"></p><p id="ctPromotionError" role="alert"></p><p class="ct-promotion-note">После окончания акции обычная цена возвращается автоматически. Цены в уже созданных заказах сохраняются.</p></fieldset><label>Фотография<input id="boxPhoto" type="file" accept="image/*" onchange="readPhoto(this)"></label><img id="editPhoto" class="editphoto" style="display:none"><h3>Состав / ТТК</h3><div id="ingredients"></div><button class="outline" onclick="addIngredient()">Добавить продукт</button><div class="actions"><button class="primary" id="saveBoxButton" onclick="saveBox()">Сохранить</button><button id="deleteBox" class="danger" onclick="removeBox()">Удалить</button></div></div></div><div class="modal" id="preview"><div class="dialog"><div class="dialog-head"><h2>Документ компании</h2><button onclick="closeModal('preview')">×</button></div><h3 id="prepTitle"></h3><div class="prep" id="prep"></div><div class="actions"><button class="primary" onclick="print()">Печать</button></div></div></div><link rel="stylesheet" href="core/stability-v1760.css?v=20260918-ui-stability"><script src="core/sun-safe.js?v=20260918-ui-stability"></script><link rel="stylesheet" href="core/help-center.css?v=20260918-ui-stability-20260919-support-bot"><script defer src="core/help-center.js?v=20260918-ui-stability-20260919-support-bot"></script><script defer src="core/mobile-order.js?v=20260918-ui-stability"></script><script defer src="core/trial-demo.js?v=20260918-ui-stability"></script><script src="core/performance.js?v=20260918-ui-stability"></script><script src="core/pdf-engine.js?v=20260918-ui-stability"></script><script src="core/proposal-layout.js?v=20260918-ui-stability"></script><script src="core/classic-offer-pdf-v1767.js?v=20260918-ui-stability"></script><script src="core/signature-offer-pdf-v18.js?v=20260918-ui-stability"></script><link rel="stylesheet" href="core/client-menu.css?v=20260919-client-menu"><script src="core/catalog-pricing.js?v=20260919-client-menu"></script><script src="legacy/bootstrap.js?v=20260918-ui-stability-20260919-client-menu"></script><script>
 /* BEGIN category-fix.js — PORTABLE INLINE */
 // Compatibility for local/offline browsers where crypto.randomUUID is unavailable.
 if (typeof crypto !== 'undefined' && typeof crypto.randomUUID !== 'function') {
diff --git a/public/service-worker.js b/public/service-worker.js
index 2915cba..621d258 100644
--- a/public/service-worker.js
+++ b/public/service-worker.js
@@ -1,4 +1,4 @@
-const CACHE='sun-catering-pwa-v110-20260918-ui-stability-20260919-client-menu';
+const CACHE='sun-catering-pwa-v110-20260918-ui-stability-20260919-client-menu-support-bot';
 const VERSION='20260918-ui-stability';
 const CORE=[
   './core/catalog-pricing.js?v=20260919-client-menu','./core/client-menu.css?v=20260919-client-menu',
diff --git a/tests/help-center.spec.mjs b/tests/help-center.spec.mjs
index ee15eef..d978992 100644
--- a/tests/help-center.spec.mjs
+++ b/tests/help-center.spec.mjs
@@ -24,11 +24,21 @@ test('manual search, categories and related instructions work without sending co
  expect(await page.evaluate(()=>localStorage.sunOrders)).toBe('private-order-canary');
 });
 
-test('support clearly stays offline, question opens a guide and dialog fits mobile',async({page})=>{
- await fixture(page);await page.getByRole('button',{name:'Помощь',exact:true}).click();
+test('support assistant connects only after an explicit click, inside a sandboxed iframe',async({page})=>{
+ await fixture(page);
+ const external=[];page.on('request',r=>{if(!r.url().startsWith('http://127.0.0.1'))external.push(r.url())});
+ await page.route('https://ai-staff-alpha.vercel.app/**',r=>r.fulfill({contentType:'text/html',body:'<!doctype html><title>stub</title>'}));
+ await page.getByRole('button',{name:'Помощь',exact:true}).click();
  await expect(page.locator('#ctHelpResults details')).toHaveCount(kb.articles.length);
- await page.getByRole('button',{name:'Поддержка',exact:true}).click();await expect(page.locator('#ctHelpSupport')).toContainText('пока не подключены');
+ await page.getByRole('button',{name:'Поддержка',exact:true}).click();await expect(page.locator('#ctHelpSupport')).toContainText('внешний сервис');
  await page.getByRole('button',{name:'Как отметить оплату?',exact:true}).click();await expect(page.getByRole('searchbox')).toHaveValue('оплата');
+ expect(external).toEqual([]);
+ await page.getByRole('button',{name:'Поддержка',exact:true}).click();
+ await page.getByRole('button',{name:'Задать вопрос помощнику',exact:true}).click();
+ const frame=page.locator('#ctHelpBot iframe');
+ await expect(frame).toHaveAttribute('src',/^https:\/\/ai-staff-alpha\.vercel\.app\/embed\/[0-9a-f-]{36}$/);
+ await expect(frame).toHaveAttribute('referrerpolicy','no-referrer');
+ const sandbox=await frame.getAttribute('sandbox');expect(sandbox).toContain('allow-scripts');expect(sandbox).not.toMatch(/allow-top-navigation|allow-forms|allow-modals/);
  expect(await page.locator('#ctHelpDialog').evaluate(el=>el.getBoundingClientRect().width<=innerWidth&&el.scrollWidth<=el.clientWidth)).toBe(true);
  await page.keyboard.press('Escape');await expect(page.locator('#ctHelpDialog')).not.toBeVisible();await expect(page.getByRole('button',{name:'Помощь',exact:true})).toBeFocused();
 });