uhc-portal-components-react 0.1.39 → 0.1.41

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 ## Unreleased
 
+## 0.1.41 - 2026-10-05
+
+- Add one brand-neutral professional access panel shared by Partner and Test
+  Network Google/email-OTP/passkey entry and by an isolated six-digit Demo
+  adapter. Demo presentation cannot switch shared GW or DataConv services into
+  an in-memory mode through a browser-authored header.
+- Hide passkey entry when the host has not supplied a real WebAuthn adapter;
+  an informational click is not represented as authentication.
+- Add a host-controlled animal controller attestation panel for pending
+  owner/caregiver invitations and privacy-safe accepted proof readback. The
+  component never replaces a controller, sends a notification or grants
+  clinical access on its own.
+- Add a shared current-subject registration provider so Personal and
+  Professional can render the selected person or animal in the common header
+  without duplicating portal state.
+- Add a browser speech-recognition adapter whose final transcript remains
+  editable and whose injected constructor is testable outside a browser.
+
+## 0.1.40
+
+- Present subject Communications as an accessible bidirectional channel with
+  incoming/outgoing bubbles, sender avatars and an optional text/Bundle
+  composer, while preserving the existing message, call and emergency filters.
+
 ## 0.1.39
 
 - Keep clinical field labels unique to their inputs when speech controls are

package/dist/AnimalControllerAttestationPanel.d.ts

@@ -0,0 +1,43 @@
+export type AnimalControllerAttestationRelationship = 'owner' | 'caregiver';
+export type AnimalControllerAttestationInput = Readonly<{
+    controllerName: string;
+    controllerEmail: string;
+    relationship: AnimalControllerAttestationRelationship;
+    professionalAttestation: true;
+}>;
+export type AnimalControllerAttestationState = Readonly<{
+    status: 'draft' | 'pending' | 'accepted';
+    controllerName?: string;
+    relationship?: AnimalControllerAttestationRelationship;
+    proofIdentifier?: string;
+    proofVerified?: boolean;
+}>;
+export type AnimalControllerAttestationCopy = Readonly<{
+    title: string;
+    intro: string;
+    controllerName: string;
+    controllerEmail: string;
+    relationship: string;
+    owner: string;
+    caregiver: string;
+    attestation: string;
+    submit: string;
+    pending: string;
+    accepted: string;
+    verified: string;
+    rejected: string;
+    proofLabel: string;
+}>;
+/**
+ * Shared presentation for proposing and verifying an animal-controller link.
+ * The host must authenticate the professional, persist the pending proposal,
+ * deliver and accept the invitation, and verify any proof. This component
+ * never replaces a controller or grants access by itself.
+ */
+export declare function AnimalControllerAttestationPanel({ copy, state, canEdit, onSubmit }: Readonly<{
+    copy: AnimalControllerAttestationCopy;
+    state: AnimalControllerAttestationState;
+    canEdit: boolean;
+    onSubmit?: (input: AnimalControllerAttestationInput) => Promise<void> | void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=AnimalControllerAttestationPanel.d.ts.map

package/dist/AnimalControllerAttestationPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimalControllerAttestationPanel.d.ts","sourceRoot":"","sources":["../src/AnimalControllerAttestationPanel.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,uCAAuC,GAAG,OAAO,GAAG,WAAW,CAAA;AAC3E,MAAM,MAAM,gCAAgC,GAAG,QAAQ,CAAC;IACtD,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,uCAAuC,CAAA;IACrD,uBAAuB,EAAE,IAAI,CAAA;CAC9B,CAAC,CAAA;AACF,MAAM,MAAM,gCAAgC,GAAG,QAAQ,CAAC;IACtD,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,uCAAuC,CAAA;IACtD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC,CAAA;AACF,MAAM,MAAM,+BAA+B,GAAG,QAAQ,CAAC;IACrD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAC5F,IAAI,EAAE,+BAA+B,CAAA;IACrC,KAAK,EAAE,gCAAgC,CAAA;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gCAAgC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC7E,CAAC,+BA0CD"}

package/dist/AnimalControllerAttestationPanel.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+/**
+ * Shared presentation for proposing and verifying an animal-controller link.
+ * The host must authenticate the professional, persist the pending proposal,
+ * deliver and accept the invitation, and verify any proof. This component
+ * never replaces a controller or grants access by itself.
+ */
+export function AnimalControllerAttestationPanel({ copy, state, canEdit, onSubmit }) {
+    const [attested, setAttested] = useState(false);
+    const [busy, setBusy] = useState(false);
+    async function submit(event) {
+        event.preventDefault();
+        if (!onSubmit || !attested)
+            return;
+        const data = new FormData(event.currentTarget);
+        setBusy(true);
+        try {
+            await onSubmit({
+                controllerName: requiredText(data, 'controllerName'),
+                controllerEmail: requiredText(data, 'controllerEmail').toLowerCase(),
+                relationship: requiredText(data, 'relationship'),
+                professionalAttestation: true,
+            });
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    return _jsxs("section", { className: "uhcp-animal-controller-attestation", "aria-labelledby": "animal-controller-attestation-title", children: [_jsxs("header", { children: [_jsx("h2", { id: "animal-controller-attestation-title", children: copy.title }), _jsx("p", { children: copy.intro })] }), state.status === 'accepted' ? _jsxs(_Fragment, { children: [_jsx("p", { role: "status", children: copy.accepted }), _jsxs("dl", { children: [_jsxs("div", { children: [_jsx("dt", { children: copy.controllerName }), _jsx("dd", { children: state.controllerName })] }), _jsxs("div", { children: [_jsx("dt", { children: copy.relationship }), _jsx("dd", { children: state.relationship === 'caregiver' ? copy.caregiver : copy.owner })] }), state.proofIdentifier ? _jsxs("div", { children: [_jsx("dt", { children: copy.proofLabel }), _jsx("dd", { children: state.proofIdentifier })] }) : null] }), _jsx("p", { className: state.proofVerified ? 'uhcp-proof-verified' : 'uhcp-proof-rejected', children: state.proofVerified ? copy.verified : copy.rejected })] }) : canEdit && onSubmit ? _jsxs("form", { onSubmit: submit, children: [_jsxs("label", { children: [copy.controllerName, _jsx("input", { name: "controllerName", required: true, maxLength: 160, defaultValue: state.controllerName })] }), _jsxs("label", { children: [copy.controllerEmail, _jsx("input", { name: "controllerEmail", type: "email", required: true, autoComplete: "email" })] }), _jsxs("label", { children: [copy.relationship, _jsxs("select", { name: "relationship", defaultValue: state.relationship ?? 'owner', children: [_jsx("option", { value: "owner", children: copy.owner }), _jsx("option", { value: "caregiver", children: copy.caregiver })] })] }), _jsxs("label", { className: "uhcp-attestation-check", children: [_jsx("input", { type: "checkbox", checked: attested, onChange: event => setAttested(event.currentTarget.checked) }), copy.attestation] }), _jsx("button", { type: "submit", disabled: !attested || busy, children: copy.submit }), state.status === 'pending' ? _jsx("p", { role: "status", children: copy.pending }) : null] }) : state.status === 'pending' ? _jsx("p", { role: "status", children: copy.pending }) : null] });
+}
+function requiredText(data, name) {
+    const value = data.get(name);
+    if (typeof value !== 'string' || !value.trim())
+        throw new Error(`animal_controller_${name}_required`);
+    return value.trim();
+}

package/dist/BrowserClinicalSpeechInput.d.ts

@@ -0,0 +1,25 @@
+type SpeechResultEvent = Readonly<{
+    results: ArrayLike<ArrayLike<Readonly<{
+        transcript: string;
+    }>>>;
+}>;
+type SpeechErrorEvent = Readonly<{
+    error?: string;
+}>;
+type SpeechRecognitionLike = {
+    lang: string;
+    continuous: boolean;
+    interimResults: boolean;
+    maxAlternatives: number;
+    onresult: ((event: SpeechResultEvent) => void) | null;
+    onerror: ((event: SpeechErrorEvent) => void) | null;
+    onend: (() => void) | null;
+    start(): void;
+    stop(): void;
+};
+type SpeechRecognitionConstructor = new () => SpeechRecognitionLike;
+/** Product-neutral browser microphone adapter; the transcript stays editable. */
+export declare function transcribeBrowserClinicalSpeech(locale: string, suppliedConstructor?: SpeechRecognitionConstructor): Promise<string>;
+export declare function supportsBrowserClinicalSpeech(): boolean;
+export {};
+//# sourceMappingURL=BrowserClinicalSpeechInput.d.ts.map

package/dist/BrowserClinicalSpeechInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserClinicalSpeechInput.d.ts","sourceRoot":"","sources":["../src/BrowserClinicalSpeechInput.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,CAAA;AACtG,KAAK,gBAAgB,GAAG,QAAQ,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AACpD,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;IACrD,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,IAAI,CAAA;IACnD,KAAK,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,KAAK,IAAI,IAAI,CAAA;IACb,IAAI,IAAI,IAAI,CAAA;CACb,CAAA;AACD,KAAK,4BAA4B,GAAG,UAAU,qBAAqB,CAAA;AAEnE,iFAAiF;AACjF,wBAAgB,+BAA+B,CAAC,MAAM,EAAE,MAAM,EAAE,mBAAmB,CAAC,EAAE,4BAA4B,GAAG,OAAO,CAAC,MAAM,CAAC,CAqBnI;AAED,wBAAgB,6BAA6B,IAAI,OAAO,CAIvD"}

package/dist/BrowserClinicalSpeechInput.js

@@ -0,0 +1,31 @@
+/** Product-neutral browser microphone adapter; the transcript stays editable. */
+export function transcribeBrowserClinicalSpeech(locale, suppliedConstructor) {
+    const browser = typeof window === 'undefined'
+        ? undefined
+        : window;
+    const Constructor = suppliedConstructor ?? browser?.SpeechRecognition ?? browser?.webkitSpeechRecognition;
+    if (!Constructor)
+        return Promise.reject(new Error('clinical_speech_input_unavailable'));
+    return new Promise((resolve, reject) => {
+        const recognition = new Constructor();
+        let settled = false;
+        recognition.lang = locale;
+        recognition.continuous = false;
+        recognition.interimResults = false;
+        recognition.maxAlternatives = 1;
+        recognition.onresult = (event) => {
+            settled = true;
+            resolve(Array.from(event.results).map((result) => result[0]?.transcript || '').join(' ').trim());
+        };
+        recognition.onerror = (event) => { settled = true; reject(new Error(event.error || 'clinical_speech_input_failed')); };
+        recognition.onend = () => { if (!settled)
+            reject(new Error('clinical_speech_input_empty')); };
+        recognition.start();
+    });
+}
+export function supportsBrowserClinicalSpeech() {
+    if (typeof window === 'undefined')
+        return false;
+    const browser = window;
+    return Boolean(browser.SpeechRecognition || browser.webkitSpeechRecognition);
+}

package/dist/PortalCurrentSubject.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+export type PortalCurrentSubject = Readonly<{
+    id: string;
+    displayName: string;
+    photoUrl?: string;
+    secondaryLabel?: string;
+}>;
+export type PortalCurrentSubjectLabels = Readonly<{
+    current: string;
+    change: string;
+}>;
+export type PortalCurrentSubjectRegistration = Readonly<{
+    subject?: PortalCurrentSubject;
+    labels: PortalCurrentSubjectLabels;
+    canChange: boolean;
+    onChange?: () => void;
+}>;
+export declare function PortalCurrentSubjectProvider({ children }: Readonly<{
+    children: ReactNode;
+}>): import("react").JSX.Element;
+export declare function usePortalCurrentSubjectRegistration(registration?: PortalCurrentSubjectRegistration): void;
+export declare function PortalCurrentSubjectSlot(): import("react").JSX.Element | null;
+export declare function PortalCurrentSubjectControl({ subject, labels, canChange, onChange, }: Readonly<{
+    subject?: PortalCurrentSubject;
+    labels: PortalCurrentSubjectLabels;
+    canChange: boolean;
+    onChange?: () => void;
+}>): import("react").JSX.Element | null;
+//# sourceMappingURL=PortalCurrentSubject.d.ts.map

package/dist/PortalCurrentSubject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalCurrentSubject.d.ts","sourceRoot":"","sources":["../src/PortalCurrentSubject.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9F,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,gCAAgC,GAAG,QAAQ,CAAC;IACtD,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,MAAM,EAAE,0BAA0B,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAC,CAAA;AASF,wBAAgB,4BAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,+BAG3F;AAED,wBAAgB,mCAAmC,CAAC,YAAY,CAAC,EAAE,gCAAgC,QAkBlG;AAED,wBAAgB,wBAAwB,uCAGvC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,MAAM,EACN,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,CAAC;IACV,OAAO,CAAC,EAAE,oBAAoB,CAAA;IAC9B,MAAM,EAAE,0BAA0B,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAC,sCAyCD"}

package/dist/PortalCurrentSubject.js

@@ -0,0 +1,60 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useRef, useState } from 'react';
+const PortalCurrentSubjectContext = createContext(undefined);
+export function PortalCurrentSubjectProvider({ children }) {
+    const [registration, setRegistration] = useState();
+    return _jsx(PortalCurrentSubjectContext.Provider, { value: { registration, setRegistration }, children: children });
+}
+export function usePortalCurrentSubjectRegistration(registration) {
+    const context = useContext(PortalCurrentSubjectContext);
+    const setRegistration = context?.setRegistration;
+    useEffect(() => {
+        if (!setRegistration)
+            return;
+        setRegistration(registration);
+        return () => setRegistration(undefined);
+    }, [
+        setRegistration,
+        registration?.subject?.id,
+        registration?.subject?.displayName,
+        registration?.subject?.photoUrl,
+        registration?.subject?.secondaryLabel,
+        registration?.labels.current,
+        registration?.labels.change,
+        registration?.canChange,
+        registration?.onChange,
+    ]);
+}
+export function PortalCurrentSubjectSlot() {
+    const registration = useContext(PortalCurrentSubjectContext)?.registration;
+    return registration ? _jsx(PortalCurrentSubjectControl, { ...registration }) : null;
+}
+export function PortalCurrentSubjectControl({ subject, labels, canChange, onChange, }) {
+    const [open, setOpen] = useState(false);
+    const container = useRef(null);
+    useEffect(() => {
+        const closeOutside = (event) => {
+            if (!container.current?.contains(event.target))
+                setOpen(false);
+        };
+        const closeEscape = (event) => {
+            if (event.key === 'Escape')
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', closeOutside);
+        window.addEventListener('keydown', closeEscape);
+        return () => {
+            document.removeEventListener('mousedown', closeOutside);
+            window.removeEventListener('keydown', closeEscape);
+        };
+    }, []);
+    if (!subject)
+        return null;
+    return _jsxs("div", { className: "uhcp-current-subject", ref: container, children: [_jsxs("button", { type: "button", className: "uhcp-current-subject-trigger", "aria-label": `${labels.current}: ${subject.displayName}`, "aria-expanded": open, onClick: () => setOpen((value) => !value), children: [_jsx(SubjectAvatar, { subject: subject }), _jsx("span", { children: subject.displayName }), _jsx("span", { "aria-hidden": "true", children: "\u2304" })] }), open ? _jsxs("section", { className: "uhcp-current-subject-menu", "aria-label": labels.current, children: [_jsxs("div", { className: "uhcp-current-subject-summary", children: [_jsx(SubjectAvatar, { subject: subject }), _jsxs("span", { children: [_jsx("small", { children: labels.current }), _jsx("strong", { children: subject.displayName }), subject.secondaryLabel ? _jsx("span", { children: subject.secondaryLabel }) : null] })] }), canChange && onChange ? _jsx("button", { type: "button", onClick: () => { setOpen(false); onChange(); }, children: labels.change }) : null] }) : null] });
+}
+function SubjectAvatar({ subject }) {
+    if (subject.photoUrl)
+        return _jsx("img", { className: "uhcp-current-subject-avatar", src: subject.photoUrl, alt: "" });
+    return _jsx("span", { className: "uhcp-current-subject-avatar uhcp-current-subject-initial", "aria-hidden": "true", children: subject.displayName.trim().slice(0, 1).toLocaleUpperCase() || '•' });
+}

package/dist/PortalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHeader.d.ts","sourceRoot":"","sources":["../src/PortalHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAA;AAQvB,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,eAAe,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACjD,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,eAAoB,EACpB,eAAe,EACf,cAAmB,EACnB,eAAe,EACf,WAAgB,EAChB,SAAS,EACT,gBAA+B,GAChC,EAAE,iBAAiB,+BAmKnB"}
+{"version":3,"file":"PortalHeader.d.ts","sourceRoot":"","sources":["../src/PortalHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAA;AASvB,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,eAAe,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACjD,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,eAAoB,EACpB,eAAe,EACf,cAAmB,EACnB,eAAe,EACf,WAAgB,EAChB,SAAS,EACT,gBAA+B,GAChC,EAAE,iBAAiB,+BAoKnB"}

package/dist/PortalHeader.js

@@ -4,6 +4,7 @@ import { useEffect, useRef, useState } from 'react';
 import { portalUiDensities, portalUiThemes, } from './contracts.js';
 import { resolvePortalUiDensity, resolvePortalUiTheme, resolveRenderedPortalTheme, } from './preferences.js';
 import { PortalBrandArtwork } from './PortalBrandArtwork.js';
+import { PortalCurrentSubjectSlot } from './PortalCurrentSubject.js';
 /**
  * Shared account/preferences header.
  *
@@ -60,7 +61,7 @@ export function PortalHeader({ brand, copy, accountIdentifier, languageHref, lan
         setTheme(value);
         localStorage.setItem(themeKey, value);
     }
-    return (_jsxs("header", { className: "uhcp-header", style: brand.variables, children: [_jsxs("a", { className: "uhcp-brand", href: brand.homeHref, "aria-label": copy.home, children: [_jsx(PortalBrandArtwork, { artwork: brand.mark, className: "uhcp-brand-mark" }), _jsxs("span", { children: [_jsx("strong", { children: brand.productName }), _jsx("small", { children: brand.organizationName })] })] }), _jsxs("div", { className: "uhcp-account-menu", ref: ref, children: [_jsxs("button", { type: "button", className: "uhcp-trigger", onClick: () => setOpen((value) => !value), "aria-label": copy.accountAndPreferences, "aria-expanded": open, children: [_jsx(PersonIcon, {}), accountIdentifier && _jsx("span", { className: "uhcp-account-id", children: accountIdentifier }), _jsx("span", { "aria-hidden": "true", children: "\u2304" })] }), open && (_jsxs("section", { className: "uhcp-menu", "aria-label": copy.accountAndPreferences, children: [_jsxs("div", { className: "uhcp-account-state", children: [_jsx("strong", { children: copy.accountAndPreferences }), _jsx("small", { children: accountIdentifier || copy.notSignedIn })] }), accountOptions.length > 0 && (_jsx("div", { className: "uhcp-account-options", children: accountOptions.map((option) => (_jsxs("button", { type: "button", disabled: option.disabled, "aria-pressed": Boolean(option.selected), onClick: () => {
+    return (_jsxs("header", { className: "uhcp-header", style: brand.variables, children: [_jsxs("a", { className: "uhcp-brand", href: brand.homeHref, "aria-label": copy.home, children: [_jsx(PortalBrandArtwork, { artwork: brand.mark, className: "uhcp-brand-mark" }), _jsxs("span", { children: [_jsx("strong", { children: brand.productName }), _jsx("small", { children: brand.organizationName })] })] }), _jsx(PortalCurrentSubjectSlot, {}), _jsxs("div", { className: "uhcp-account-menu", ref: ref, children: [_jsxs("button", { type: "button", className: "uhcp-trigger", onClick: () => setOpen((value) => !value), "aria-label": copy.accountAndPreferences, "aria-expanded": open, children: [_jsx(PersonIcon, {}), accountIdentifier && _jsx("span", { className: "uhcp-account-id", children: accountIdentifier }), _jsx("span", { "aria-hidden": "true", children: "\u2304" })] }), open && (_jsxs("section", { className: "uhcp-menu", "aria-label": copy.accountAndPreferences, children: [_jsxs("div", { className: "uhcp-account-state", children: [_jsx("strong", { children: copy.accountAndPreferences }), _jsx("small", { children: accountIdentifier || copy.notSignedIn })] }), accountOptions.length > 0 && (_jsx("div", { className: "uhcp-account-options", children: accountOptions.map((option) => (_jsxs("button", { type: "button", disabled: option.disabled, "aria-pressed": Boolean(option.selected), onClick: () => {
                                         onSelectAccount?.(option.id);
                                         setOpen(false);
                                     }, children: [_jsx("span", { children: option.label }), option.description && _jsx("small", { children: option.description })] }, option.id))) })), _jsx(PreferenceGroup, { label: copy.appearance, children: portalUiThemes.map((value) => (_jsxs("button", { type: "button", "aria-pressed": theme === value, onClick: () => changeTheme(value), children: [_jsx("span", { "aria-hidden": "true", children: value === 'light' ? '☀' : value === 'dark' ? '☾' : '◫' }), copy.themes[value]] }, value))) }), _jsx(PreferenceGroup, { label: copy.textSize, children: portalUiDensities.map((value) => (_jsx("button", { type: "button", "aria-pressed": density === value, onClick: () => changeDensity(value), children: value === 'small' ? 'S' : value === 'medium' ? 'M' : 'L' }, value))) }), _jsxs("div", { className: "uhcp-menu-actions", children: [languageOptions.length > 0

package/dist/PortalShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalShell.d.ts","sourceRoot":"","sources":["../src/PortalShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAA;AAEnC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,iBAAiB,CAAA;IACzB,iBAAiB,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAA;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtD,eAAe,CAAC,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;CACpE,CAAC,CAAA;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,eAAe,GAChB,EAAE,gBAAgB,+BA2BlB"}
+{"version":3,"file":"PortalShell.d.ts","sourceRoot":"","sources":["../src/PortalShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,4BAA4B,CAAA;AAGnC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,iBAAiB,CAAA;IACzB,iBAAiB,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAA;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACtD,eAAe,CAAC,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;CACpE,CAAC,CAAA;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,iBAAiB,EACjB,QAAQ,EACR,UAAU,EACV,eAAe,GAChB,EAAE,gBAAgB,+BA2BlB"}

package/dist/PortalShell.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PortalHeader, } from './PortalHeader.js';
 import { ProfileProtectionGate, } from './ProfileProtectionGate.js';
+import { PortalCurrentSubjectProvider } from './PortalCurrentSubject.js';
 /**
  * Brand-neutral portal chrome shared by personal and professional products.
  *
@@ -17,5 +18,5 @@ export function PortalShell({ header, profileProtection, children, backAction, a
     const content = profileProtection
         ? _jsx(ProfileProtectionGate, { ...profileProtection, children: children })
         : children;
-    return (_jsxs("div", { className: "uhcp-shell", "data-portal-family": header.brand.family, style: header.brand.variables, children: [_jsx(PortalHeader, { ...header }), _jsx("main", { className: "uhcp-main", children: content }), backAction && (_jsx("a", { className: "uhcp-floating-action uhcp-floating-back", href: backAction.href, "aria-label": backAction.label, children: _jsx("span", { "aria-hidden": "true", children: "\u2190" }) })), assistantAction && (_jsxs("button", { className: "uhcp-floating-action uhcp-floating-assistant", type: "button", onClick: assistantAction.onSelect, "aria-label": assistantAction.label, children: [_jsx("span", { "aria-hidden": "true", children: "\u2726" }), _jsx("span", { children: assistantAction.label })] }))] }));
+    return (_jsx(PortalCurrentSubjectProvider, { children: _jsxs("div", { className: "uhcp-shell", "data-portal-family": header.brand.family, style: header.brand.variables, children: [_jsx(PortalHeader, { ...header }), _jsx("main", { className: "uhcp-main", children: content }), backAction && (_jsx("a", { className: "uhcp-floating-action uhcp-floating-back", href: backAction.href, "aria-label": backAction.label, children: _jsx("span", { "aria-hidden": "true", children: "\u2190" }) })), assistantAction && (_jsxs("button", { className: "uhcp-floating-action uhcp-floating-assistant", type: "button", onClick: assistantAction.onSelect, "aria-label": assistantAction.label, children: [_jsx("span", { "aria-hidden": "true", children: "\u2726" }), _jsx("span", { children: assistantAction.label })] }))] }) }));
 }

package/dist/ProfessionalAccessPanel.d.ts

@@ -0,0 +1,50 @@
+import type { FormEvent } from 'react';
+export type ProfessionalAccessPanelCopy = Readonly<{
+    eyebrow: string;
+    title: string;
+    description: string;
+    google: string;
+    separator: string;
+    email: string;
+    sendEmailCode: string;
+    emailCode: string;
+    verifyEmailCode: string;
+    changeEmail: string;
+    emailCodeSent: string;
+    passkeyHint: string;
+    passkey: string;
+    demoEmail: string;
+    demoCode: string;
+    demoSubmit: string;
+    demoHint: string;
+    busy: string;
+}>;
+export type ProfessionalAccessPanelProps = Readonly<{
+    mode: 'trusted' | 'demo';
+    copy: ProfessionalAccessPanelCopy;
+    email: string;
+    emailCode: string;
+    emailCodeRequested?: boolean;
+    busy?: boolean;
+    elapsedSeconds?: number;
+    error?: string;
+    googleEnabled?: boolean;
+    actionsEnabled?: boolean;
+    onEmailChange(value: string): void;
+    onEmailCodeChange(value: string): void;
+    onGoogle?(): void | Promise<void>;
+    onRequestEmailCode?(event: FormEvent<HTMLFormElement>): void | Promise<void>;
+    onVerifyEmailCode?(event: FormEvent<HTMLFormElement>): void | Promise<void>;
+    onChangeEmail?(): void;
+    onPasskey?(): void | Promise<void>;
+    onDemo?(event: FormEvent<HTMLFormElement>): void | Promise<void>;
+}>;
+/**
+ * Brand-neutral professional sign-in presentation.
+ *
+ * The host owns Firebase, OTP delivery, WebAuthn, sessions and authorization.
+ * Demo is deliberately a separate adapter: this component never sends a
+ * browser header that can switch a shared GW or DataConv deployment to memory.
+ */
+export declare function ProfessionalAccessPanel({ mode, copy, email, emailCode, emailCodeRequested, busy, elapsedSeconds, error, googleEnabled, actionsEnabled, onEmailChange, onEmailCodeChange, onGoogle, onRequestEmailCode, onVerifyEmailCode, onChangeEmail, onPasskey, onDemo, }: ProfessionalAccessPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=ProfessionalAccessPanel.d.ts.map

package/dist/ProfessionalAccessPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfessionalAccessPanel.d.ts","sourceRoot":"","sources":["../src/ProfessionalAccessPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,IAAI,EAAE,SAAS,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,2BAA2B,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,kBAAkB,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5E,iBAAiB,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3E,aAAa,CAAC,IAAI,IAAI,CAAA;IACtB,SAAS,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAClC,MAAM,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACjE,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,kBAA0B,EAC1B,IAAY,EACZ,cAAkB,EAClB,KAAK,EACL,aAAoB,EACpB,cAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,MAAM,GACP,EAAE,4BAA4B,+BAgC9B"}

package/dist/ProfessionalAccessPanel.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Brand-neutral professional sign-in presentation.
+ *
+ * The host owns Firebase, OTP delivery, WebAuthn, sessions and authorization.
+ * Demo is deliberately a separate adapter: this component never sends a
+ * browser header that can switch a shared GW or DataConv deployment to memory.
+ */
+export function ProfessionalAccessPanel({ mode, copy, email, emailCode, emailCodeRequested = false, busy = false, elapsedSeconds = 0, error, googleEnabled = true, actionsEnabled = true, onEmailChange, onEmailCodeChange, onGoogle, onRequestEmailCode, onVerifyEmailCode, onChangeEmail, onPasskey, onDemo, }) {
+    const progress = busy ? _jsxs("p", { className: "uhcp-auth-progress", role: "status", children: [_jsx("span", { "aria-hidden": "true" }), " ", copy.busy, " ", elapsedSeconds, " s"] }) : null;
+    return _jsxs("section", { className: "uhcp-professional-access", "aria-busy": busy || undefined, children: [_jsx("p", { className: "uhcp-eyebrow", children: copy.eyebrow }), _jsx("h1", { children: copy.title }), _jsx("p", { children: copy.description }), mode === 'trusted' ? _jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: onGoogle, disabled: !actionsEnabled || !googleEnabled || busy || !onGoogle, children: copy.google }), _jsx("div", { className: "uhcp-auth-separator", children: _jsx("span", { children: copy.separator }) }), !emailCodeRequested ? _jsxs("form", { onSubmit: onRequestEmailCode, children: [_jsxs("label", { children: [copy.email, _jsx("input", { type: "email", autoComplete: "username webauthn", value: email, onChange: event => onEmailChange(event.target.value), required: true, disabled: busy })] }), _jsx("button", { type: "submit", disabled: !actionsEnabled || busy || !onRequestEmailCode, children: copy.sendEmailCode }), onPasskey ? _jsxs(_Fragment, { children: [_jsx("p", { className: "uhcp-muted", children: copy.passkeyHint }), _jsx("button", { type: "button", className: "uhcp-secondary", disabled: !actionsEnabled || busy, onClick: onPasskey, children: copy.passkey })] }) : null] }) : _jsxs("form", { onSubmit: onVerifyEmailCode, children: [_jsx("p", { className: "uhcp-muted", children: copy.emailCodeSent.replace('{email}', email) }), _jsxs("label", { children: [copy.emailCode, _jsx("input", { type: "text", inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]{6}", minLength: 6, maxLength: 6, value: emailCode, onChange: event => onEmailCodeChange(event.target.value.replace(/\D/g, '').slice(0, 6)), required: true, disabled: busy })] }), _jsx("button", { type: "submit", disabled: !actionsEnabled || busy || emailCode.length !== 6 || !onVerifyEmailCode, children: copy.verifyEmailCode }), _jsx("button", { type: "button", className: "uhcp-secondary", disabled: busy || !onChangeEmail, onClick: onChangeEmail, children: copy.changeEmail })] })] }) : _jsxs("form", { onSubmit: onDemo, children: [_jsxs("label", { children: [copy.demoEmail, _jsx("input", { type: "email", autoComplete: "off", value: email, onChange: event => onEmailChange(event.target.value), required: true, disabled: busy })] }), _jsxs("label", { children: [copy.demoCode, _jsx("input", { type: "text", inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]{6}", minLength: 6, maxLength: 6, value: emailCode, onChange: event => onEmailCodeChange(event.target.value.replace(/\D/g, '').slice(0, 6)), required: true, disabled: busy })] }), _jsx("p", { className: "uhcp-muted", children: copy.demoHint }), _jsx("button", { type: "submit", disabled: !actionsEnabled || busy || emailCode.length !== 6 || !onDemo, children: copy.demoSubmit })] }), progress, error ? _jsx("p", { className: "uhcp-error", role: "alert", children: error }) : null] });
+}

package/dist/SubjectCommunicationCenter.d.ts

@@ -11,6 +11,17 @@ export type SubjectCommunicationItem = Readonly<{
     timestamp?: string;
     status?: string;
     action?: ReactNode;
+    direction?: 'incoming' | 'outgoing' | 'system';
+    senderLabel?: string;
+    avatarUrl?: string;
+}>;
+export type SubjectCommunicationComposer = Readonly<{
+    placeholder: string;
+    sendLabel: string;
+    attachLabel?: string;
+    disabled?: boolean;
+    onSend(text: string): void | Promise<void>;
+    onAttach?(): void | Promise<void>;
 }>;
 export type SubjectCommunicationCenterCopy = Readonly<{
     heading(subjectLabel: string): string;
@@ -18,9 +29,10 @@ export type SubjectCommunicationCenterCopy = Readonly<{
     empty: string;
 }>;
 /** Brand-neutral, subject-scoped message and internet-call timeline for personal portals. */
-export declare function SubjectCommunicationCenter({ subjectLabel, items, copy }: Readonly<{
+export declare function SubjectCommunicationCenter({ subjectLabel, items, copy, composer }: Readonly<{
     subjectLabel: string;
     items: readonly SubjectCommunicationItem[];
     copy?: SubjectCommunicationCenterCopy;
+    composer?: SubjectCommunicationComposer;
 }>): import("react").JSX.Element;
 //# sourceMappingURL=SubjectCommunicationCenter.d.ts.map

package/dist/SubjectCommunicationCenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectCommunicationCenter.d.ts","sourceRoot":"","sources":["../src/SubjectCommunicationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAEzD,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,CAAA;AACxG,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AACzE,MAAM,MAAM,0BAA0B,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAEnF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,wBAAwB,CAAA;IAC9B,QAAQ,EAAE,4BAA4B,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IACrC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAA;IAC7D,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAUF,6FAA6F;AAC7F,wBAAgB,0BAA0B,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,IAAmB,EAAE,EAAE,QAAQ,CAAC;IAChG,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAA;IAC1C,IAAI,CAAC,EAAE,8BAA8B,CAAA;CACtC,CAAC,+BAsBD"}
+{"version":3,"file":"SubjectCommunicationCenter.d.ts","sourceRoot":"","sources":["../src/SubjectCommunicationCenter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAEzD,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,aAAa,CAAA;AACxG,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAA;AACzE,MAAM,MAAM,0BAA0B,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,GAAG,WAAW,CAAA;AAEnF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,wBAAwB,CAAA;IAC9B,QAAQ,EAAE,4BAA4B,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,QAAQ,CAAC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAClC,CAAC,CAAA;AAEF,MAAM,MAAM,8BAA8B,GAAG,QAAQ,CAAC;IACpD,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IACrC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC,CAAA;IAC7D,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAUF,6FAA6F;AAC7F,wBAAgB,0BAA0B,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,IAAmB,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAC1G,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,SAAS,wBAAwB,EAAE,CAAA;IAC1C,IAAI,CAAC,EAAE,8BAA8B,CAAA;IACrC,QAAQ,CAAC,EAAE,4BAA4B,CAAA;CACxC,CAAC,+BAgDD"}

package/dist/SubjectCommunicationCenter.js

@@ -7,10 +7,18 @@ const DEFAULT_COPY = {
 };
 const FILTERS = ['all', 'messages', 'calls', 'emergency'];
 /** Brand-neutral, subject-scoped message and internet-call timeline for personal portals. */
-export function SubjectCommunicationCenter({ subjectLabel, items, copy = DEFAULT_COPY }) {
+export function SubjectCommunicationCenter({ subjectLabel, items, copy = DEFAULT_COPY, composer }) {
     const [filter, setFilter] = useState('all');
+    const [draft, setDraft] = useState('');
     const visibleItems = useMemo(() => items.filter(item => matchesFilter(item, filter)), [filter, items]);
-    return _jsxs("section", { className: "subject-communication-center", "aria-labelledby": "subject-communication-center-title", children: [_jsx("h2", { id: "subject-communication-center-title", children: copy.heading(subjectLabel) }), _jsx("div", { className: "subject-communication-filters", "aria-label": copy.heading(subjectLabel), children: FILTERS.map(value => _jsx("button", { type: "button", "aria-pressed": filter === value, onClick: () => setFilter(value), children: copy.filters[value] }, value)) }), visibleItems.length === 0 ? _jsx("p", { className: "subject-communication-empty", children: copy.empty }) : _jsx("ol", { className: "subject-communication-list", children: visibleItems.map(item => _jsxs("li", { "data-kind": item.kind, "data-category": item.category, children: [_jsxs("div", { children: [_jsx("strong", { children: item.title }), item.summary ? _jsx("p", { children: item.summary }) : null] }), _jsxs("div", { className: "subject-communication-meta", children: [item.timestamp ? _jsx("time", { dateTime: item.timestamp, children: item.timestamp }) : null, item.status ? _jsx("span", { children: item.status }) : null, item.action] })] }, item.id)) })] });
+    return _jsxs("section", { className: "subject-communication-center", "aria-labelledby": "subject-communication-center-title", children: [_jsx("h2", { id: "subject-communication-center-title", children: copy.heading(subjectLabel) }), _jsx("div", { className: "subject-communication-filters", "aria-label": copy.heading(subjectLabel), children: FILTERS.map(value => _jsx("button", { type: "button", "aria-pressed": filter === value, onClick: () => setFilter(value), children: copy.filters[value] }, value)) }), visibleItems.length === 0 ? _jsx("p", { className: "subject-communication-empty", children: copy.empty }) : _jsx("ol", { className: "subject-communication-list", role: "log", children: visibleItems.map(item => _jsxs("li", { "data-kind": item.kind, "data-category": item.category, "data-direction": item.direction || 'system', children: [item.avatarUrl ? _jsx("img", { className: "subject-communication-avatar", src: item.avatarUrl, alt: item.senderLabel || item.title }) : null, _jsxs("div", { className: "subject-communication-bubble", children: [item.senderLabel ? _jsx("span", { className: "subject-communication-sender", children: item.senderLabel }) : null, _jsx("strong", { children: item.title }), item.summary ? _jsx("p", { children: item.summary }) : null] }), _jsxs("div", { className: "subject-communication-meta", children: [item.timestamp ? _jsx("time", { dateTime: item.timestamp, children: item.timestamp }) : null, item.status ? _jsx("span", { children: item.status }) : null, item.action] })] }, item.id)) }), composer ? _jsxs("form", { className: "subject-communication-composer", onSubmit: event => {
+                    event.preventDefault();
+                    const text = draft.trim();
+                    if (!text || composer.disabled)
+                        return;
+                    void composer.onSend(text);
+                    setDraft('');
+                }, children: [_jsx("label", { className: "subject-communication-composer-label", htmlFor: "subject-communication-composer-input", children: composer.placeholder }), _jsx("textarea", { id: "subject-communication-composer-input", "aria-label": composer.placeholder, placeholder: composer.placeholder, value: draft, disabled: composer.disabled, onChange: event => setDraft(event.target.value) }), _jsxs("div", { className: "subject-communication-composer-actions", children: [composer.onAttach && composer.attachLabel ? _jsx("button", { type: "button", disabled: composer.disabled, onClick: () => void composer.onAttach?.(), children: composer.attachLabel }) : null, _jsx("button", { type: "submit", disabled: composer.disabled || !draft.trim(), children: composer.sendLabel })] })] }) : null] });
 }
 function matchesFilter(item, filter) {
     if (filter === 'all')

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './contracts.js';
 export * from './preferences.js';
 export * from './PortalBrandArtwork.js';
 export * from './PortalHeader.js';
+export * from './PortalCurrentSubject.js';
 export * from './PortalShell.js';
 export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
@@ -13,6 +14,7 @@ export * from './AllClinicalSections.js';
 export * from './ClinicalTimeline.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './ClinicalSpeechInput.js';
+export * from './BrowserClinicalSpeechInput.js';
 export * from './ClinicalActionButton.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
@@ -29,6 +31,8 @@ export * from './IdentityEvidenceWorkspace.js';
 export * from './IdentityEvidenceDocumentPanel.js';
 export * from './IdentityEvidenceDeclarationForm.js';
 export * from './AnimalIdentityOnboarding.js';
+export * from './AnimalControllerAttestationPanel.js';
 export * from './EmergencyTaskHub.js';
 export * from './SubjectCommunicationCenter.js';
+export * from './ProfessionalAccessPanel.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wCAAwC,CAAA;AACtD,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,CAAA;AACpD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA"}

package/dist/index.js

@@ -2,6 +2,7 @@ export * from './contracts.js';
 export * from './preferences.js';
 export * from './PortalBrandArtwork.js';
 export * from './PortalHeader.js';
+export * from './PortalCurrentSubject.js';
 export * from './PortalShell.js';
 export * from './PortalEntry.js';
 export * from './ProfileProtectionGate.js';
@@ -13,6 +14,7 @@ export * from './AllClinicalSections.js';
 export * from './ClinicalTimeline.js';
 export * from './ClinicalArtifactEditor.js';
 export * from './ClinicalSpeechInput.js';
+export * from './BrowserClinicalSpeechInput.js';
 export * from './ClinicalActionButton.js';
 export * from './VitalSignArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
@@ -29,5 +31,7 @@ export * from './IdentityEvidenceWorkspace.js';
 export * from './IdentityEvidenceDocumentPanel.js';
 export * from './IdentityEvidenceDeclarationForm.js';
 export * from './AnimalIdentityOnboarding.js';
+export * from './AnimalControllerAttestationPanel.js';
 export * from './EmergencyTaskHub.js';
 export * from './SubjectCommunicationCenter.js';
+export * from './ProfessionalAccessPanel.js';

package/dist/styles.css

@@ -669,10 +669,33 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .uhcp-animal-onboarding-fields label { display: grid; gap: .35rem; }
 .uhcp-animal-onboarding-fields input, .uhcp-animal-onboarding-fields select { box-sizing: border-box; min-height: 2.8rem; width: 100%; }
 .uhcp-animal-onboarding-submit { justify-self: start; }
+.uhcp-animal-controller-attestation { border: 1px solid var(--uhcp-border, #d9dee7); border-radius: 1.25rem; display: grid; gap: 1rem; padding: 1rem; }
+.uhcp-animal-controller-attestation header h2, .uhcp-animal-controller-attestation header p { margin: 0; }
+.uhcp-animal-controller-attestation header p { color: var(--uhcp-muted, #5f6875); margin-top: .35rem; }
+.uhcp-animal-controller-attestation form { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
+.uhcp-animal-controller-attestation form > label:not(.uhcp-attestation-check) { display: grid; gap: .35rem; }
+.uhcp-animal-controller-attestation input, .uhcp-animal-controller-attestation select, .uhcp-animal-controller-attestation button { box-sizing: border-box; min-height: 2.8rem; width: 100%; }
+.uhcp-animal-controller-attestation .uhcp-attestation-check { align-items: center; display: flex; gap: .55rem; grid-column: 1 / -1; }
+.uhcp-animal-controller-attestation .uhcp-attestation-check input { min-height: 1rem; width: auto; }
+.uhcp-animal-controller-attestation dl { display: grid; gap: .7rem; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); margin: 0; }
+.uhcp-animal-controller-attestation dt { color: var(--uhcp-muted, #5f6875); font-size: .8rem; }
+.uhcp-animal-controller-attestation dd { font-weight: 700; margin: .2rem 0 0; overflow-wrap: anywhere; }
+.uhcp-proof-verified { color: var(--uhcp-emerald, #087f5b); font-weight: 800; }
+.uhcp-proof-rejected { color: var(--uhcp-danger, #b42318); font-weight: 800; }
 .uhcp-emergency-task-hub > header h1 { font-size: clamp(1.35rem, 3vw, 1.9rem); margin: 0; }
 .uhcp-subject-identity-card { border: 1px solid var(--uhcp-border, #d9dee7); border-radius: 1rem; display: grid; gap: 1rem; padding: 1rem; }
 .uhcp-subject-identity-card > header { align-items: center; display: grid; gap: .8rem; grid-template-columns: auto 1fr auto; }
 .uhcp-subject-identity-card img, .uhcp-subject-identity-avatar { align-items: center; aspect-ratio: 1; border-radius: 50%; display: flex; height: 3.5rem; justify-content: center; object-fit: cover; width: 3.5rem; }
+.uhcp-current-subject { margin-inline-start:auto; position:relative; }
+.uhcp-current-subject-trigger { align-items:center; background:var(--uhcp-surface, #fff); border:1px solid var(--uhcp-border, #d8e0e8); border-radius:999px; color:inherit; cursor:pointer; display:flex; gap:.55rem; min-height:2.75rem; padding:.3rem .7rem .3rem .3rem; }
+.uhcp-current-subject-avatar { align-items:center; aspect-ratio:1; background:var(--uhcp-accent-soft, #e9f3ff); border-radius:50%; display:flex; flex:0 0 auto; height:2.15rem; justify-content:center; object-fit:cover; width:2.15rem; }
+.uhcp-current-subject-initial { font-size:.9rem; font-weight:850; }
+.uhcp-current-subject-trigger > span:nth-child(2) { font-size:.88rem; font-weight:800; max-width:10rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.uhcp-current-subject-menu { background:var(--uhcp-surface, #fff); border:1px solid var(--uhcp-border, #d8e0e8); border-radius:1rem; box-shadow:0 18px 50px rgb(20 42 66 / 18%); display:grid; gap:.75rem; inset-inline-end:0; min-width:17rem; padding:1rem; position:absolute; top:calc(100% + .55rem); z-index:60; }
+.uhcp-current-subject-summary { align-items:center; display:flex; gap:.75rem; }
+.uhcp-current-subject-summary > span { display:grid; min-width:0; }
+.uhcp-current-subject-summary small,.uhcp-current-subject-summary span span { color:var(--uhcp-muted, #637083); }
+.uhcp-current-subject-menu > button { background:transparent; border:1px solid var(--uhcp-border, #d8e0e8); border-radius:.75rem; color:inherit; cursor:pointer; font:inherit; font-weight:750; padding:.7rem .9rem; text-align:start; }
 .uhcp-subject-identity-avatar { background: var(--uhcp-accent-soft, #e9f3ff); font-size: 1.4rem; font-weight: 850; }
 .uhcp-subject-identity-card h3 { margin: .15rem 0 0; }
 .uhcp-subject-identity-card dl { display: grid; gap: .65rem; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); margin: 0; }
@@ -685,7 +708,34 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
 .subject-communication-filters button { border: 1px solid currentColor; border-radius: 999px; padding: .55rem .9rem; background: transparent; font: inherit; cursor: pointer; }
 .subject-communication-filters button[aria-pressed="true"] { background: currentColor; color: Canvas; }
 .subject-communication-list { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; }
-.subject-communication-list > li { display: flex; justify-content: space-between; gap: 1rem; align-items: start; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 1rem; padding: 1rem; }
+.subject-communication-list > li { display: flex; justify-content: flex-start; gap: .75rem; align-items: end; }
+.subject-communication-list > li[data-direction="outgoing"] { flex-direction: row-reverse; }
+.subject-communication-list > li[data-direction="system"] { justify-content: center; }
+.subject-communication-avatar { width: 2.5rem; height: 2.5rem; border-radius: 999px; object-fit: cover; flex: 0 0 auto; }
+.subject-communication-bubble { max-width: min(78%, 42rem); border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 1rem 1rem 1rem .25rem; padding: .8rem 1rem; background: color-mix(in srgb, Canvas 94%, currentColor 6%); }
+.subject-communication-list > li[data-direction="outgoing"] .subject-communication-bubble { border-radius: 1rem 1rem .25rem 1rem; background: color-mix(in srgb, #66c8d1 18%, Canvas); }
+.subject-communication-sender { display: block; margin-bottom: .2rem; font-size: .8em; font-weight: 700; opacity: .72; }
 .subject-communication-list p { margin: .35rem 0 0; }
 .subject-communication-meta { display: grid; justify-items: end; gap: .35rem; font-size: .875em; }
 .subject-communication-empty { margin: 0; opacity: .72; }
+.subject-communication-composer { display: grid; gap: .65rem; border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); padding-top: 1rem; }
+.subject-communication-composer-label { font-weight: 700; }
+.subject-communication-composer textarea { min-height: 5rem; resize: vertical; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: 1rem; padding: .8rem 1rem; font: inherit; color: inherit; background: Canvas; }
+.subject-communication-composer-actions { display: flex; justify-content: flex-end; gap: .65rem; }
+.subject-communication-composer-actions button { border: 1px solid currentColor; border-radius: 999px; padding: .55rem .9rem; background: transparent; color: inherit; font: inherit; cursor: pointer; }
+.subject-communication-composer-actions button[type="submit"] { background: currentColor; color: Canvas; }
+.uhcp-professional-access { display: grid; gap: 1rem; margin-inline: auto; max-width: 38rem; }
+.uhcp-professional-access h1, .uhcp-professional-access p { margin-block: 0; }
+.uhcp-professional-access form { display: grid; gap: .9rem; }
+.uhcp-professional-access label { display: grid; font-weight: 700; gap: .4rem; }
+.uhcp-professional-access input { background: var(--uhcp-surface, #fff); border: 1px solid var(--uhcp-line, #cbd5e1); border-radius: .8rem; color: inherit; font: inherit; min-height: 2.8rem; padding-inline: .85rem; }
+.uhcp-professional-access button { background: linear-gradient(135deg, var(--uhcp-action-start, #0f9ca8), var(--uhcp-action-end, #2563a9)); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.8rem; padding: .7rem 1rem; }
+.uhcp-professional-access button:disabled { cursor: wait; opacity: .55; }
+.uhcp-professional-access .uhcp-secondary { background: transparent; border: 1px solid var(--uhcp-line, #cbd5e1); color: inherit; }
+.uhcp-eyebrow { color: var(--uhcp-action-end, #2563a9); font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
+.uhcp-muted { color: var(--uhcp-muted, #526174); line-height: 1.55; }
+.uhcp-auth-separator { align-items: center; color: var(--uhcp-muted, #526174); display: flex; gap: .75rem; }
+.uhcp-auth-separator::before, .uhcp-auth-separator::after { background: var(--uhcp-line, #cbd5e1); content: ''; flex: 1; height: 1px; }
+.uhcp-auth-progress { align-items: center; display: flex; font-weight: 750; gap: .6rem; }
+.uhcp-auth-progress > span { animation: uhcp-auth-spin .8s linear infinite; border: 3px solid var(--uhcp-line, #cbd5e1); border-radius: 50%; border-top-color: var(--uhcp-action-end, #2563a9); height: 1rem; width: 1rem; }
+@keyframes uhcp-auth-spin { to { transform: rotate(360deg); } }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.1.39",
+  "version": "0.1.41",
   "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
   "license": "Apache-2.0",
   "type": "module",