uhc-portal-components-react 0.2.19 → 0.2.21

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 ## Unreleased
 
+## 0.2.21 - 2026-10-21
+
+- Move the card preview, profile recovery, elapsed-operation status and
+  collapsible portal section into the shared package and remove their cloned
+  consumer implementations and duplicate elapsed-status tests.
+- Keep package metadata and current usage guidance brand-neutral; consumer
+  names belong in host repositories rather than this reusable package.
+- Centralize the platform-authenticator capability check and mandatory
+  passkey-before-wallet ordering so Personal and Professional hosts cannot
+  silently diverge on biometric enrollment policy.
+
+## 0.2.20 - 2026-10-21
+
+- Add one accessible Personal subject workspace shared by UHC, PetChain and
+  SOSChain consumers, with five canonical screens and governed product-module
+  extensions.
+- Add explicit human and animal clinical-summary profiles. The animal profile
+  reuses the same clinical screen while excluding Advance Directives for now.
+- Keep the existing capability-driven professional subject workspace as the
+  shared UHC/VetChain composition; SOSChain layers emergency, Encounter and
+  communication capabilities on shared components rather than cloning them.
 - Add one neutral notification composer screen for subject-addressed care
   transitions and public-dataset alerts, with safe Markdown preview and host-
   uploaded image/PDF attachment references.

package/README.md

@@ -1,23 +1,19 @@
-# UHC Portal Components React
+# Shared Portal Components React
 
 Historical reusable UI and flow anchors are tracked in
 [`docs/LEGACY_FRONTEND_RECOVERY_INVENTORY.md`](docs/LEGACY_FRONTEND_RECOVERY_INVENTORY.md).
 
-Publishable, brand-neutral React components shared by:
-
-- UHC Personal
-- UHC Professional
-- VetChain Personal
-- VetChain Professional
+Publishable, brand-neutral React components shared by independent Personal and
+Professional portal deployments.
 
 The package owns visual shell behavior only. Authentication, protected-profile
 storage, PIN verification and actor authorization remain in the host portal
 through `ProfileRuntime`, `LoadedProfileWorkspace` and actor-scoped SDK facades.
 
 `AnimalIdentityOnboardingV2` and `AnimalIdentityDetailsV2` define one shared
-progressive create/read pattern. VetChain uses it for an animal and responsible
-party. UHC Professional must reuse the same contract for a newborn and
-responsible person, changing only governed role policy and copy: an attending
+progressive create/read pattern. A host can use the same contract for an animal
+and responsible party or a newborn and responsible person, changing only
+governed role policy and copy: an attending
 physician, midwife, nurse or paramedic may prepare the identity and default
 permission proposal where the jurisdiction authorizes that occupation. The
 proposal remains pending until the responsible authority confirms it; showing
@@ -38,17 +34,17 @@ Brand differences are supplied through `PortalBrand`: product name,
 organization, official artwork and CSS variables. Artwork declares its
 light/dark-surface files and intrinsic dimensions; the shell preserves those
 proportions and never synthesizes a text monogram. Components do not import
-Firebase, Next.js or any GDC/UHC SDK runtime.
+Firebase, Next.js or any product SDK runtime.
 
 ```tsx
 const brand = {
   family: 'professional',
-  productName: 'UNID Professional',
-  organizationName: 'Fundación UNID',
+  productName: 'Example Professional',
+  organizationName: 'Example Organization',
   homeHref: '/es',
   mark: {
-    lightSurface: { src: '/logos/uhc-logo.svg', alt: 'UHC', width: 100, height: 100 },
-    darkSurface: { src: '/logos/uhc-logo.svg', alt: 'UHC', width: 100, height: 100 },
+    lightSurface: { src: '/logos/product.svg', alt: 'Product', width: 100, height: 100 },
+    darkSurface: { src: '/logos/product.svg', alt: 'Product', width: 100, height: 100 },
   },
 } satisfies PortalBrand
 ```
@@ -74,9 +70,16 @@ The package deliberately exposes modules instead of a cloned application:
   authorization, fetching or persistence in the browser.
 - `AllClinicalSections<Person|Animal>`: lets each portal compose the same
   authorized section views as a stack or tabs, nest collapsible subsections and
-  exclude inapplicable areas. Family history, care-team members and emergency
+  exclude inapplicable areas. `ClinicalSummaryProfiles.Human` retains Advance
+  Directives; the current `ClinicalSummaryProfiles.Animal` excludes that
+  human-only section while reusing the same screen. Family history, care-team members and emergency
   contacts remain independent; the organizer never follows another subject's
   card or documents automatically.
+- `SubjectWorkspace`: canonical Personal navigation for Profile, Health, Care,
+  Communications and Contacts/Permissions. Product profiles may append an
+  explicit capability screen, such as animal mobility or SOS emergency work,
+  but tab selection never creates authority and all content remains host-
+  authorized.
 - `ClinicalTimeline` and `ClinicalDateTimeFields`: render longitudinal entries
   with localized dates, inclusive date/time ranges, multi-select clinical
   facets and accessible latest-first navigation. Editors capture calendar date
@@ -122,9 +125,11 @@ The package deliberately exposes modules instead of a cloned application:
   returned identifier evidence never grant subject access.
   resolver plus section selector. It deliberately has no scanner role: the
   same component is reusable by an individual member or a professional.
-- `SoschainWorkspace`: subject-card picker and four-area workspace for Places,
-  devices/vehicles and read-only emergency communications. The host supplies
-  already-authorized cards and capabilities.
+- `SoschainWorkspace`: subject-card picker and capability composition for the
+  overview, health summary, care journey, emergency data, communications,
+  places and products screens. The host supplies already-authorized cards,
+  content and capabilities; SOS-specific emergency modules do not fork the
+  common Personal or Professional components.
 - `EncounterTransferConsole`: visual patient-transfer workspace. The host
   resolves the authorized subject, contacts and write capability; the component
   only reports the chosen source outcome (`on-hold` when returning or
@@ -185,12 +190,12 @@ token immediately; otherwise it records a `Communication` request for the
 individual controller to review. The GW remains authoritative for the exact
 intersection of requested and consented sections.
 
-UHC Personal and PetChain Personal must ultimately compose the same reusable
-personal flow modules. UHC Professional and VetChain Professional must do the
-same for professional flows. This package does **not yet expose those complete
+Personal deployments must compose the same reusable Personal flow modules;
+Professional deployments must do the same for Professional flows. This package
+does **not yet expose every complete
 route modules**: login, versioned terms, profile protection, individual/member
 management, licences, clinical data, care and permissions still live in the
-UHC host application and must be extracted behind host-owned adapters. A brand
+host application and must be extracted behind host-owned adapters. A brand
 adapter may change tokens, logo, product vocabulary, animal-specific forms and
 route destinations; it must not fork shared flow or authorization behavior.
 Independent deployments are expected: reuse means versioned complete screens,

package/dist/AllClinicalSections.d.ts

@@ -10,9 +10,21 @@ export declare const ClinicalSectionNavigationIds: Readonly<{
     readonly ClinicalNotes: "clinical-notes";
     readonly CareTeamMembers: "care-team-members";
     readonly EmergencyContacts: "emergency-contacts";
+    readonly AdvanceDirectives: "advance-directives";
 }>;
 export type ClinicalSectionNavigationId = typeof ClinicalSectionNavigationIds[keyof typeof ClinicalSectionNavigationIds];
 export type ClinicalSubjectKind = 'person' | 'animal';
+export declare const ClinicalSummaryProfiles: Readonly<{
+    readonly Human: Readonly<{
+        id: "human";
+        excludedSectionIds: readonly never[];
+    }>;
+    readonly Animal: Readonly<{
+        id: "animal";
+        excludedSectionIds: readonly "advance-directives"[];
+    }>;
+}>;
+export type ClinicalSummaryProfile = typeof ClinicalSummaryProfiles[keyof typeof ClinicalSummaryProfiles];
 export type AllClinicalSectionDefinition<SubjectKind extends ClinicalSubjectKind> = Readonly<{
     id: ClinicalSectionNavigationId | (string & {});
     title: string;
@@ -27,6 +39,7 @@ export type AllClinicalSectionsProps<SubjectKind extends ClinicalSubjectKind> =
     title: string;
     sections: readonly AllClinicalSectionDefinition<SubjectKind>[];
     excludedSectionIds?: readonly string[];
+    profile?: ClinicalSummaryProfile;
     presentation?: 'sections' | 'tabs';
 }>;
 /**
@@ -37,5 +50,5 @@ export type AllClinicalSectionsProps<SubjectKind extends ClinicalSubjectKind> =
  * contacts and care-team members remain independent domains; this component
  * never follows another subject's card or document links automatically.
  */
-export declare function AllClinicalSections<SubjectKind extends ClinicalSubjectKind>({ subjectKind, title, sections, excludedSectionIds, presentation, }: AllClinicalSectionsProps<SubjectKind>): import("react").JSX.Element;
+export declare function AllClinicalSections<SubjectKind extends ClinicalSubjectKind>({ subjectKind, title, sections, excludedSectionIds, profile, presentation, }: AllClinicalSectionsProps<SubjectKind>): import("react").JSX.Element;
 //# sourceMappingURL=AllClinicalSections.d.ts.map

package/dist/AllClinicalSections.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllClinicalSections.d.ts","sourceRoot":"","sources":["../src/AllClinicalSections.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,4BAA4B;;;;;;;;;;;EAW9B,CAAA;AAEX,MAAM,MAAM,2BAA2B,GAAG,OAAO,4BAA4B,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAA;AACxH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAErD,MAAM,MAAM,4BAA4B,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IAC3F,EAAE,EAAE,2BAA2B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;CAChE,CAAC,CAAA;AAEF,MAAM,MAAM,wBAAwB,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IACvF,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACtC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACnC,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,SAAS,mBAAmB,EAAE,EAC3E,WAAW,EACX,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,YAAyB,GAC1B,EAAE,wBAAwB,CAAC,WAAW,CAAC,+BAqCvC"}
+{"version":3,"file":"AllClinicalSections.d.ts","sourceRoot":"","sources":["../src/AllClinicalSections.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,eAAO,MAAM,4BAA4B;;;;;;;;;;;;EAY9B,CAAA;AAEX,MAAM,MAAM,2BAA2B,GAAG,OAAO,4BAA4B,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAA;AACxH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAErD,eAAO,MAAM,uBAAuB;;;;;;;;;EAGzB,CAAA;AAEX,MAAM,MAAM,sBAAsB,GAAG,OAAO,uBAAuB,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAA;AAEzG,MAAM,MAAM,4BAA4B,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IAC3F,EAAE,EAAE,2BAA2B,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;CAChE,CAAC,CAAA;AAEF,MAAM,MAAM,wBAAwB,CAAC,WAAW,SAAS,mBAAmB,IAAI,QAAQ,CAAC;IACvF,WAAW,EAAE,WAAW,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAA;IAC9D,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACtC,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;CACnC,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,SAAS,mBAAmB,EAAE,EAC3E,WAAW,EACX,KAAK,EACL,QAAQ,EACR,kBAAuB,EACvB,OAAO,EACP,YAAyB,GAC1B,EAAE,wBAAwB,CAAC,WAAW,CAAC,+BAsCvC"}

package/dist/AllClinicalSections.js

@@ -11,6 +11,11 @@ export const ClinicalSectionNavigationIds = Object.freeze({
     ClinicalNotes: 'clinical-notes',
     CareTeamMembers: 'care-team-members',
     EmergencyContacts: 'emergency-contacts',
+    AdvanceDirectives: 'advance-directives',
+});
+export const ClinicalSummaryProfiles = Object.freeze({
+    Human: Object.freeze({ id: 'human', excludedSectionIds: Object.freeze([]) }),
+    Animal: Object.freeze({ id: 'animal', excludedSectionIds: Object.freeze([ClinicalSectionNavigationIds.AdvanceDirectives]) }),
 });
 /**
  * Organizes host-provided clinical views without redefining their FHIR model.
@@ -20,11 +25,12 @@ export const ClinicalSectionNavigationIds = Object.freeze({
  * contacts and care-team members remain independent domains; this component
  * never follows another subject's card or document links automatically.
  */
-export function AllClinicalSections({ subjectKind, title, sections, excludedSectionIds = [], presentation = 'sections', }) {
-    const visibleSections = organizeClinicalSections(sections.filter(({ id }) => !excludedSectionIds.includes(id)));
+export function AllClinicalSections({ subjectKind, title, sections, excludedSectionIds = [], profile, presentation = 'sections', }) {
+    const effectiveExcludedSectionIds = [...new Set([...(profile?.excludedSectionIds ?? []), ...excludedSectionIds])];
+    const visibleSections = organizeClinicalSections(sections.filter(({ id }) => !effectiveExcludedSectionIds.includes(id)));
     const [selectedId, setSelectedId] = useState(visibleSections[0]?.id ?? '');
     const selectedSection = visibleSections.find(({ id }) => id === selectedId) ?? visibleSections[0];
-    return (_jsxs("section", { className: "uhcp-all-clinical-sections", "data-subject-kind": subjectKind, children: [_jsx("h2", { children: title }), presentation === 'tabs' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "uhcp-all-clinical-tabs", role: "tablist", "aria-label": title, children: visibleSections.map((section) => (_jsx("button", { type: "button", role: "tab", "aria-selected": section.id === selectedSection?.id, "aria-controls": `uhcp-all-section-${section.id}`, onClick: () => setSelectedId(section.id), children: section.title }, section.id))) }), selectedSection ? (_jsx("div", { id: `uhcp-all-section-${selectedSection.id}`, role: "tabpanel", children: _jsx(ClinicalSection, { definition: selectedSection, excludedSectionIds: excludedSectionIds }) })) : null] })) : (_jsx("div", { className: "uhcp-all-clinical-stack", children: visibleSections.map((section) => (_jsx(ClinicalSection, { definition: section, excludedSectionIds: excludedSectionIds }, section.id))) }))] }));
+    return (_jsxs("section", { className: "uhcp-all-clinical-sections", "data-subject-kind": subjectKind, children: [_jsx("h2", { children: title }), presentation === 'tabs' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "uhcp-all-clinical-tabs", role: "tablist", "aria-label": title, children: visibleSections.map((section) => (_jsx("button", { type: "button", role: "tab", "aria-selected": section.id === selectedSection?.id, "aria-controls": `uhcp-all-section-${section.id}`, onClick: () => setSelectedId(section.id), children: section.title }, section.id))) }), selectedSection ? (_jsx("div", { id: `uhcp-all-section-${selectedSection.id}`, role: "tabpanel", children: _jsx(ClinicalSection, { definition: selectedSection, excludedSectionIds: effectiveExcludedSectionIds }) })) : null] })) : (_jsx("div", { className: "uhcp-all-clinical-stack", children: visibleSections.map((section) => (_jsx(ClinicalSection, { definition: section, excludedSectionIds: effectiveExcludedSectionIds }, section.id))) }))] }));
 }
 function organizeClinicalSections(sections) {
     const ipsChildrenIds = new Set([

package/dist/CardPreview.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+/** Keeps the canonical physical-card aspect ratio inside a responsive preview shell. */
+export declare function CardPreview({ children }: Readonly<{
+    children: ReactNode;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=CardPreview.d.ts.map

package/dist/CardPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardPreview.d.ts","sourceRoot":"","sources":["../src/CardPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,wFAAwF;AACxF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,+BAI1E"}

package/dist/CardPreview.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Keeps the canonical physical-card aspect ratio inside a responsive preview shell. */
+export function CardPreview({ children }) {
+    return _jsx("div", { className: "uhc-card-preview-shell", "data-testid": "card-preview", children: _jsx("div", { className: "uhc-card-preview", children: children }) });
+}

package/dist/CollapsiblePortalSection.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+/** Keeps one portal phase mounted while allowing its content to be collapsed. */
+export declare function CollapsiblePortalSection({ title, description, children, className, initiallyOpen, }: Readonly<{
+    title: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+    initiallyOpen?: boolean;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=CollapsiblePortalSection.d.ts.map

package/dist/CollapsiblePortalSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePortalSection.d.ts","sourceRoot":"","sources":["../src/CollapsiblePortalSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAErE,iFAAiF;AACjF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAc,EACd,aAAoB,GACrB,EAAE,QAAQ,CAAC;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC,+BAaD"}

package/dist/CollapsiblePortalSection.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/** Keeps one portal phase mounted while allowing its content to be collapsed. */
+export function CollapsiblePortalSection({ title, description, children, className = '', initiallyOpen = true, }) {
+    const [open, setOpen] = useState(initiallyOpen);
+    function retainDisclosureState(event) {
+        setOpen(event.currentTarget.open);
+    }
+    return _jsxs("details", { className: `research-import-disclosure ${className}`.trim(), open: open, onToggle: retainDisclosureState, children: [_jsxs("summary", { children: [_jsx("strong", { children: title }), description ? _jsx("span", { children: description }) : null] }), _jsx("div", { className: "research-import-disclosure-content", children: children })] });
+}

package/dist/ElapsedOperationStatus.d.ts

@@ -0,0 +1,9 @@
+/** Renders one accessible status and elapsed counter for a long portal operation. */
+export declare function ElapsedOperationStatus({ busy, status, fallback, tone, testId }: Readonly<{
+    busy: boolean;
+    status: string;
+    fallback: string;
+    tone?: 'info' | 'warning' | 'success' | 'error';
+    testId?: string;
+}>): import("react").JSX.Element | null;
+//# sourceMappingURL=ElapsedOperationStatus.d.ts.map

package/dist/ElapsedOperationStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElapsedOperationStatus.d.ts","sourceRoot":"","sources":["../src/ElapsedOperationStatus.tsx"],"names":[],"mappings":"AAIA,qFAAqF;AACrF,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAgB,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC;IACpG,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC,sCAiBD"}

package/dist/ElapsedOperationStatus.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+/** Renders one accessible status and elapsed counter for a long portal operation. */
+export function ElapsedOperationStatus({ busy, status, fallback, tone = 'warning', testId }) {
+    const [elapsedSeconds, setElapsedSeconds] = useState(0);
+    useEffect(() => {
+        if (!busy) {
+            setElapsedSeconds(0);
+            return;
+        }
+        const startedAt = Date.now();
+        setElapsedSeconds(0);
+        const timer = window.setInterval(() => setElapsedSeconds(Math.floor((Date.now() - startedAt) / 1000)), 1000);
+        return () => window.clearInterval(timer);
+    }, [busy]);
+    const text = status || (busy ? fallback : '');
+    if (!text)
+        return null;
+    return _jsxs("p", { role: tone === 'error' ? 'alert' : 'status', "data-testid": testId, className: `notice notice-${tone}`, children: [text, busy ? ` (${elapsedSeconds}s)` : ''] });
+}

package/dist/ProfileRecoveryPanel.d.ts

@@ -0,0 +1,29 @@
+export type ProfileRecoveryMessages = Readonly<{
+    open: string;
+    title: string;
+    explanation: string;
+    recoveryCode: string;
+    recoveryCodeHelp: string;
+    newPin: string;
+    confirmPin: string;
+    submit: string;
+    cancel: string;
+    mismatch: string;
+    completed: string;
+    replacementCode: string;
+    replacementCodeHelp: string;
+    notificationQueued: string;
+}>;
+/** Collects recovery proof and a replacement PIN without receiving wallet keys. */
+export declare function ProfileRecoveryPanel({ profileId, messages, disabled, onRecover, onClose }: Readonly<{
+    profileId: string;
+    messages: ProfileRecoveryMessages;
+    disabled?: boolean;
+    onRecover: (input: {
+        profileId: string;
+        recoveryCode: string;
+        newPin: string;
+    }) => Promise<string>;
+    onClose: () => void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=ProfileRecoveryPanel.d.ts.map

package/dist/ProfileRecoveryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileRecoveryPanel.d.ts","sourceRoot":"","sources":["../src/ProfileRecoveryPanel.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,MAAM,CAAA;IACxB,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;CAC3B,CAAC,CAAA;AAEF,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC;IAC3G,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,uBAAuB,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAClG,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAC,+BAwCD"}

package/dist/ProfileRecoveryPanel.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+/** Collects recovery proof and a replacement PIN without receiving wallet keys. */
+export function ProfileRecoveryPanel({ profileId, messages, disabled = false, onRecover, onClose }) {
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState('');
+    const [replacementCode, setReplacementCode] = useState('');
+    async function submit(event) {
+        event.preventDefault();
+        setError('');
+        const form = new FormData(event.currentTarget);
+        const newPin = String(form.get('newPin') || '');
+        if (newPin !== String(form.get('confirmPin') || '')) {
+            setError(messages.mismatch);
+            return;
+        }
+        setBusy(true);
+        try {
+            setReplacementCode(await onRecover({ profileId, recoveryCode: String(form.get('recoveryCode') || ''), newPin }));
+        }
+        catch (reason) {
+            setError(reason instanceof Error ? reason.message : 'profile_recovery_failed');
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    if (replacementCode)
+        return _jsxs("section", { className: "panel profile-recovery-result", role: "status", children: [_jsx("strong", { children: messages.completed }), _jsxs("label", { children: [messages.replacementCode, _jsx("textarea", { readOnly: true, rows: 3, value: replacementCode, "aria-label": messages.replacementCode })] }), _jsx("p", { children: messages.replacementCodeHelp }), _jsx("p", { children: messages.notificationQueued }), _jsx("button", { type: "button", "data-portal-action": "close-profile-recovery", onClick: onClose, children: messages.cancel })] });
+    return _jsxs("form", { className: "panel form profile-recovery-form", onSubmit: submit, children: [_jsxs("div", { children: [_jsx("h3", { children: messages.title }), _jsx("p", { className: "muted", children: messages.explanation })] }), _jsxs("label", { children: [messages.recoveryCode, _jsx("textarea", { name: "recoveryCode", rows: 3, required: true, autoComplete: "off", "aria-describedby": "profile-recovery-help" })] }), _jsx("p", { id: "profile-recovery-help", className: "technical-note", children: messages.recoveryCodeHelp }), _jsxs("label", { children: [messages.newPin, _jsx("input", { name: "newPin", type: "password", minLength: 6, required: true, autoComplete: "new-password" })] }), _jsxs("label", { children: [messages.confirmPin, _jsx("input", { name: "confirmPin", type: "password", minLength: 6, required: true, autoComplete: "new-password" })] }), error ? _jsx("p", { role: "alert", children: error }) : null, _jsxs("div", { className: "inline-actions", children: [_jsx("button", { "data-portal-action": "submit-profile-recovery", disabled: busy, children: messages.submit }), _jsx("button", { type: "button", "data-portal-action": "cancel-profile-recovery", className: "secondary", disabled: busy || disabled, onClick: onClose, children: messages.cancel })] })] });
+}

package/dist/SoschainWorkspace.d.ts

@@ -6,6 +6,7 @@ export type SoschainCardSummary = Readonly<{
     identifier: string;
     displayName: string;
     kindLabel: string;
+    subjectKind?: 'person' | 'animal';
     selected?: boolean;
     openHref: string;
 }>;

package/dist/SoschainWorkspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SoschainWorkspace.d.ts","sourceRoot":"","sources":["../src/SoschainWorkspace.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SoschainWorkspace.d.ts","sourceRoot":"","sources":["../src/SoschainWorkspace.tsx"],"names":[],"mappings":"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"}

package/dist/SubjectWorkspace.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+export declare const PERSONAL_SUBJECT_WORKSPACE_AREAS: readonly ["profile", "health", "care", "communications", "access"];
+export type PersonalSubjectWorkspaceAreaId = typeof PERSONAL_SUBJECT_WORKSPACE_AREAS[number];
+export type SubjectWorkspaceArea = Readonly<{
+    id: string;
+    label: string;
+    content: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}>;
+export type SubjectWorkspaceProps = Readonly<{
+    ariaLabel: string;
+    areas: readonly SubjectWorkspaceArea[];
+    activeArea?: string;
+    initialArea?: string;
+    onAreaChange?: (area: string) => void;
+    className?: string;
+    tabListClassName?: string;
+    tabClassName?: string;
+    panelClassName?: string;
+}>;
+/**
+ * Shared subject-screen shell for Personal portals.
+ *
+ * Hosts provide already-authorized content and product-specific additions.
+ * Selecting a tab changes presentation only and never grants data access.
+ */
+export declare function SubjectWorkspace({ ariaLabel, areas, activeArea, initialArea, onAreaChange, className, tabListClassName, tabClassName, panelClassName, }: SubjectWorkspaceProps): import("react").JSX.Element;
+//# sourceMappingURL=SubjectWorkspace.d.ts.map

package/dist/SubjectWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubjectWorkspace.d.ts","sourceRoot":"","sources":["../src/SubjectWorkspace.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtF,eAAO,MAAM,gCAAgC,oEAMnC,CAAA;AAEV,MAAM,MAAM,8BAA8B,GAAG,OAAO,gCAAgC,CAAC,MAAM,CAAC,CAAA;AAC5F,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,cAAc,GACf,EAAE,qBAAqB,+BAyDvB"}

package/dist/SubjectWorkspace.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useId, useState } from 'react';
+export const PERSONAL_SUBJECT_WORKSPACE_AREAS = [
+    'profile',
+    'health',
+    'care',
+    'communications',
+    'access',
+];
+/**
+ * Shared subject-screen shell for Personal portals.
+ *
+ * Hosts provide already-authorized content and product-specific additions.
+ * Selecting a tab changes presentation only and never grants data access.
+ */
+export function SubjectWorkspace({ ariaLabel, areas, activeArea, initialArea, onAreaChange, className, tabListClassName, tabClassName, panelClassName, }) {
+    const firstEnabledArea = areas.find(({ disabled }) => !disabled)?.id ?? '';
+    const [uncontrolledArea, setUncontrolledArea] = useState(initialArea ?? firstEnabledArea);
+    const requestedArea = activeArea ?? uncontrolledArea;
+    const selectedArea = areas.some(({ id, disabled }) => id === requestedArea && !disabled)
+        ? requestedArea
+        : firstEnabledArea;
+    const instanceId = useId().replaceAll(':', '');
+    useEffect(() => {
+        if (activeArea === undefined && uncontrolledArea !== selectedArea)
+            setUncontrolledArea(selectedArea);
+    }, [activeArea, selectedArea, uncontrolledArea]);
+    function select(area) {
+        if (area.disabled)
+            return;
+        if (activeArea === undefined)
+            setUncontrolledArea(area.id);
+        onAreaChange?.(area.id);
+    }
+    function moveWithKeyboard(event, area) {
+        const enabledAreas = areas.filter(({ disabled }) => !disabled);
+        const currentIndex = enabledAreas.findIndex(({ id }) => id === area.id);
+        let nextIndex;
+        if (event.key === 'ArrowRight' || event.key === 'ArrowDown')
+            nextIndex = (currentIndex + 1) % enabledAreas.length;
+        if (event.key === 'ArrowLeft' || event.key === 'ArrowUp')
+            nextIndex = (currentIndex - 1 + enabledAreas.length) % enabledAreas.length;
+        if (event.key === 'Home')
+            nextIndex = 0;
+        if (event.key === 'End')
+            nextIndex = enabledAreas.length - 1;
+        if (nextIndex === undefined || !enabledAreas[nextIndex])
+            return;
+        event.preventDefault();
+        const nextArea = enabledAreas[nextIndex];
+        select(nextArea);
+        document.getElementById(`${instanceId}-tab-${nextArea.id}`)?.focus();
+    }
+    return _jsxs("section", { className: className ?? 'uhcp-subject-workspace', children: [_jsx("div", { className: tabListClassName ?? 'uhcp-subject-workspace-tabs', role: "tablist", "aria-label": ariaLabel, children: areas.map((area) => _jsxs("button", { id: `${instanceId}-tab-${area.id}`, type: "button", role: "tab", "aria-selected": selectedArea === area.id, "aria-controls": `${instanceId}-panel-${area.id}`, disabled: area.disabled, className: tabClassName, onClick: () => select(area), onKeyDown: (event) => moveWithKeyboard(event, area), children: [area.icon, area.label] }, area.id)) }), areas.map((area) => selectedArea === area.id ? _jsx("div", { id: `${instanceId}-panel-${area.id}`, role: "tabpanel", "aria-labelledby": `${instanceId}-tab-${area.id}`, className: panelClassName, children: area.content }, area.id) : null)] });
+}

package/dist/index.d.ts

@@ -49,4 +49,10 @@ export * from './NotificationComposer.js';
 export * from './notification-bff-client.js';
 export * from './CommunicationsWorkspace.js';
 export * from './SelectedSubjectWorkspace.js';
+export * from './SubjectWorkspace.js';
+export * from './CardPreview.js';
+export * from './CollapsiblePortalSection.js';
+export * from './ElapsedOperationStatus.js';
+export * from './ProfileRecoveryPanel.js';
+export * from './passkey-policy.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,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,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,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,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,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,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,8BAA8B,CAAA;AAC5C,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,mCAAmC,CAAA;AACjD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,qCAAqC,CAAA;AACnD,cAAc,mCAAmC,CAAA;AACjD,cAAc,gCAAgC,CAAA;AAC9C,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,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uCAAuC,CAAA;AACrD,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA"}

package/dist/index.js

@@ -49,3 +49,9 @@ export * from './NotificationComposer.js';
 export * from './notification-bff-client.js';
 export * from './CommunicationsWorkspace.js';
 export * from './SelectedSubjectWorkspace.js';
+export * from './SubjectWorkspace.js';
+export * from './CardPreview.js';
+export * from './CollapsiblePortalSection.js';
+export * from './ElapsedOperationStatus.js';
+export * from './ProfileRecoveryPanel.js';
+export * from './passkey-policy.js';

package/dist/passkey-policy.d.ts

@@ -0,0 +1,9 @@
+/** Reports only a positive browser claim for a user-verifying platform authenticator. */
+export declare function isUserVerifyingPlatformPasskeyAvailable(): Promise<boolean>;
+/** Requires WebAuthn enrollment to finish before issuing a usable wallet session. */
+export declare function openWalletAfterRequiredPasskey<T>(input: Readonly<{
+    passkeyRequired: boolean;
+    enroll(): Promise<void>;
+    open(): Promise<T>;
+}>): Promise<T>;
+//# sourceMappingURL=passkey-policy.d.ts.map

package/dist/passkey-policy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"passkey-policy.d.ts","sourceRoot":"","sources":["../src/passkey-policy.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,wBAAsB,uCAAuC,IAAI,OAAO,CAAC,OAAO,CAAC,CAQhF;AAED,qFAAqF;AACrF,wBAAsB,8BAA8B,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC;IACtE,eAAe,EAAE,OAAO,CAAA;IACxB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;IACvB,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;CACnB,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAGd"}

package/dist/passkey-policy.js

@@ -0,0 +1,18 @@
+/** Reports only a positive browser claim for a user-verifying platform authenticator. */
+export async function isUserVerifyingPlatformPasskeyAvailable() {
+    if (typeof PublicKeyCredential === 'undefined'
+        || typeof PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable !== 'function')
+        return false;
+    try {
+        return await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
+    }
+    catch {
+        return false;
+    }
+}
+/** Requires WebAuthn enrollment to finish before issuing a usable wallet session. */
+export async function openWalletAfterRequiredPasskey(input) {
+    if (input.passkeyRequired)
+        await input.enroll();
+    return input.open();
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "uhc-portal-components-react",
-  "version": "0.2.19",
-  "description": "Brand-neutral React portal shell, account preferences and protected-profile UI for UHC and VetChain portals.",
+  "version": "0.2.21",
+  "description": "Brand-neutral React portal screens, account preferences and protected-profile UI.",
   "license": "Apache-2.0",
   "type": "module",
   "files": [