feat(web): patient web app with ЕМИАС (demo) and anonymous sign-in

A second channel to the same dialog engine as the Telegram bot: consent, onboarding, scales and check-ins come from app/dialog; the bot is unchanged. - API: /auth/emias (doctor's one-time connect code via EmiasMock), /auth/emias/demo (synthetic personas), /auth/anonymous (random token, nothing stored in the identity DB), /crisis/resources from crisis.yaml - web/: React + TS + Vite, mobile-first, safe areas, hash routing, tokens and texts isolated for a Capacitor mobile build Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-04 07:57:00 +03:00
parent 4d331e4c05
commit b8a93ce9d4
28 changed files with 4697 additions and 5 deletions
@@ -0,0 +1,64 @@
+import { useState, type ReactNode } from "react";
+import { Link } from "react-router-dom";
+
+import { ru } from "../content/ru";
+import { HelpSheet } from "./HelpSheet";
+import { Icon, LogoMark } from "./Icon";
+
+export function AppShell({ children, footer = true }: { children: ReactNode; footer?: boolean }) {
+  const [helpOpen, setHelpOpen] = useState(false);
+
+  return (
+    <div className="shell">
+      <header className="topbar">
+        <div className="topbar__inner">
+          <Link to="/" className="brand" aria-label={ru.product.name}>
+            <LogoMark />
+            <span className="brand__text">
+              <span className="brand__name">{ru.product.name}</span>
+              <span className="brand__tagline">{ru.product.tagline}</span>
+            </span>
+          </Link>
+          <button type="button" className="help-btn" onClick={() => setHelpOpen(true)}>
+            <Icon name="phone" size={18} />
+            <span>{ru.help.button}</span>
+          </button>
+        </div>
+      </header>
+
+      {children}
+
+      {footer && (
+        <footer className="footer">
+          <div className="footer__inner">
+            <p className="footer__line">
+              <Icon name="lock" size={16} />
+              <span>{ru.footer.law}</span>
+            </p>
+            <p className="footer__line footer__line--muted">{ru.footer.prototype}</p>
+          </div>
+        </footer>
+      )}
+
+      <HelpSheet open={helpOpen} onClose={() => setHelpOpen(false)} />
+    </div>
+  );
+}
+
+export function BackLink({ to, children }: { to: string; children: ReactNode }) {
+  return (
+    <Link to={to} className="back-link">
+      <Icon name="arrowLeft" size={18} />
+      <span>{children}</span>
+    </Link>
+  );
+}
+
+export function Notice({ tone = "info", children }: { tone?: "info" | "warning"; children: ReactNode }) {
+  return (
+    <div className={`notice notice--${tone}`} role="note">
+      <Icon name={tone === "warning" ? "alert" : "info"} size={20} />
+      <p>{children}</p>
+    </div>
+  );
+}