feat: объявление в Teams — открывать портал в браузере

В приложении Teams часть функций портала работает ограниченно. На главной
в Teams теперь показывается объявление со ссылкой на страницу портала,
которая открывается во внешнем браузере. В браузере объявление не показывается.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

src/webparts/requestPortal/components/RequestPortal.tsx

@@ -28,6 +28,7 @@ import { getImpersonatedEmail, getImpersonatedDisplayName } from '../shared/impe
 import { confirmDiscardFormChanges, markFormClean, markFormDirty } from '../shared/unsavedChanges';
 import { Drawer } from './Drawer/Drawer';
 import { CategoryTabs } from './CategoryTabs/CategoryTabs';
+import { TeamsBrowserNotice } from './TeamsBrowserNotice/TeamsBrowserNotice';
 import { CATEGORIES, DEFAULT_CATEGORY_ID } from '../data/categories';
 import { REQUEST_TYPES } from '../data/requests';
 import SubmitFeature from '../features/submit/SubmitFeature';
@@ -455,6 +456,7 @@ const RequestPortal: React.FC<IRequestPortalProps> = ({ hasTeamsContext, context
             onInput={markFormDirty}
             onChange={markFormDirty}
           >
+            {hasTeamsContext && <TeamsBrowserNotice />}
             <div className={styles.tabsWrap}>
               <CategoryTabs
                 categories={CATEGORIES}

src/webparts/requestPortal/components/TeamsBrowserNotice/TeamsBrowserNotice.module.scss

@@ -0,0 +1,30 @@
+@import '../../../../styles/design-tokens';
+
+// Объявление в тоне портала (золото), а не красная ошибка: это рекомендация.
+.notice {
+  margin-bottom: $sp-4;
+  padding: $sp-3 $sp-4;
+  border: 1px solid $gold-400;
+  border-left-width: 4px;
+  border-radius: $r-md;
+  background: $gold-50;
+  color: $navy-900;
+  font-size: $fs-sm;
+  line-height: 1.5;
+}
+
+.title {
+  font-weight: 600;
+}
+
+.text {
+  margin: $sp-1 0 $sp-2;
+  overflow-wrap: anywhere;
+}
+
+.link {
+  font-weight: 600;
+  color: $amber-700;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}

src/webparts/requestPortal/components/TeamsBrowserNotice/TeamsBrowserNotice.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import styles from './TeamsBrowserNotice.module.scss';
+import { PORTAL_PAGE_URL } from '../../shared/config';
+
+const NOTICE_TITLE = 'Уважаемые пользователи!';
+const NOTICE_TEXT =
+  'Для корректной работы портала заявок рекомендуем открывать его в браузере (Microsoft Edge, Google Chrome). ' +
+  'В приложении Microsoft Teams отдельные функции портала могут работать ограниченно.';
+const LINK_TEXT = 'Открыть портал в браузере →';
+
+/**
+ * Объявление на главной портала, когда он открыт в Teams: в Teams хуже
+ * работают пикеры, печать и скачивание вложений. Ссылка с target="_blank" —
+ * Teams открывает такие ссылки во внешнем браузере.
+ */
+export const TeamsBrowserNotice: React.FC = () => (
+  <div className={styles.notice} role="note">
+    <div className={styles.title}>{NOTICE_TITLE}</div>
+    <p className={styles.text}>{NOTICE_TEXT}</p>
+    <a className={styles.link} href={PORTAL_PAGE_URL} target="_blank" rel="noopener noreferrer">
+      {LINK_TEXT}
+    </a>
+  </div>
+);