uhc-portal-components-react 0.1.10 → 0.1.14

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## 0.1.14
+
+- Add a brand-neutral, three-step identity-evidence workspace that keeps the
+  selected subject separate from the controller's reusable identifiers.
+- Model self upload, authorized organization-worker upload and professional
+  attestation as independent host-confirmed capabilities; uploading evidence
+  never marks its signature or identity as verified in browser state.
+
+## 0.1.13
+
+- Render versioned legal Markdown as semantic headings, paragraphs, lists,
+  links and inline code instead of exposing source markers.
+
+## 0.1.12
+
+- Add a brand-neutral full-page account settings surface for security actions,
+  theme, text size, language and legal links, with a product-extension slot for
+  jurisdiction and data-use controls.
+
+## Unreleased
+
+- Correct the reuse contract: the package currently provides presentation
+  primitives, not the full UHC Personal route journeys. Document the extraction
+  required before PetChain can reuse login, protected profiles, individuals,
+  members/licences, clinical data and permissions without cloning the app.
+- Add a brand-neutral protected-index and emergency-copy panel. Hosts supply
+  backend-confirmed records; protected storage, individual authorship and
+  emergency availability remain separate states, and professional release is
+  never inferred by the browser.
+
 ## 0.1.10 - 2026-08-03
 
 - Add the reusable organization workforce administration surface with total,

package/README.md

@@ -66,6 +66,11 @@ The package deliberately exposes modules instead of a cloned application:
   employee lifecycle and invitation-status UI. Invitations remain host-owned
   application records; the component does not reserve licenses or create GW
   employees.
+- `IdentityEvidenceWorkspace`: plain-language subject, controller-identifier
+  and evidence steps. The host supplies authorized subjects, identifiers and
+  exact capabilities for self upload, organization-worker upload or
+  professional attestation; ICA or another trusted backend verifies the
+  signature after upload.
 
 Clinical label semantics stay in `gdc-common-utils-ts` / the SDK reader. Hosts
 pass human titles to `ClinicalSectionSummary`: local `CodeableConcept.text`
@@ -93,8 +98,13 @@ 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 VetChain Personal must compose the same personal route
-modules. UHC Professional and VetChain Professional must compose the same
-professional route modules. A brand adapter may change only tokens, logo,
-product names, descriptions and route destinations; it must not fork flow,
-profile or authorization behavior.
+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
+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
+adapter may change tokens, logo, product vocabulary, animal-specific forms and
+route destinations; it must not fork shared flow or authorization behavior.
+
+See [`docs/PERSONAL_FLOW_EXTRACTION.md`](docs/PERSONAL_FLOW_EXTRACTION.md).

package/dist/IdentityEvidenceWorkspace.d.ts

@@ -0,0 +1,60 @@
+export type IdentityEvidenceStatus = 'verified' | 'pending' | 'rejected';
+export type IdentityEvidenceUploadMode = 'self' | 'organization-worker' | 'professional-attestation';
+export type IdentityEvidenceSubject = Readonly<{
+    id: string;
+    displayName: string;
+    kind: 'person' | 'animal';
+}>;
+export type IdentityEvidenceIdentifier = Readonly<{
+    id: string;
+    typeLabel: string;
+    jurisdictionLabel: string;
+    displayValue: string;
+    status: IdentityEvidenceStatus;
+}>;
+export type IdentityEvidenceCapabilities = Readonly<{
+    editSubject: boolean;
+    addIdentifier: boolean;
+    selfUpload: boolean;
+    organizationUpload: boolean;
+    professionalAttestation: boolean;
+}>;
+export type IdentityEvidenceWorkspaceCopy = Readonly<{
+    title: string;
+    intro: string;
+    selectedSubject: string;
+    subjectStepTitle: string;
+    subjectStepBody: string;
+    editSubject: string;
+    controllerStepTitle: string;
+    controllerStepBody: string;
+    noIdentifiers: string;
+    addIdentifier: string;
+    evidenceStepTitle: string;
+    evidenceStepBody: string;
+    selfUpload: string;
+    selfUploadHelp: string;
+    organizationUpload: string;
+    organizationUploadHelp: string;
+    professionalAttestation: string;
+    statusLabels: Readonly<Record<IdentityEvidenceStatus, string>>;
+}>;
+/**
+ * Brand-neutral identity-evidence journey for one backend-authorized subject.
+ *
+ * The host owns subject resolution, persistence and capabilities. This view
+ * keeps the managed subject separate from the controller's identifiers and
+ * keeps uploader, signer and verifier roles independent. Selecting an upload
+ * route never changes evidence status in browser state.
+ */
+export declare function IdentityEvidenceWorkspace({ copy, subject, identifiers, capabilities, onEditSubject, onAddIdentifier, onSelectIdentifier, onUploadEvidence, }: Readonly<{
+    copy: IdentityEvidenceWorkspaceCopy;
+    subject: IdentityEvidenceSubject;
+    identifiers: readonly IdentityEvidenceIdentifier[];
+    capabilities: IdentityEvidenceCapabilities;
+    onEditSubject?: () => void;
+    onAddIdentifier?: () => void;
+    onSelectIdentifier?: (identifierId: string) => void;
+    onUploadEvidence?: (mode: IdentityEvidenceUploadMode) => void;
+}>): import("react").JSX.Element;
+//# sourceMappingURL=IdentityEvidenceWorkspace.d.ts.map

package/dist/IdentityEvidenceWorkspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityEvidenceWorkspace.d.ts","sourceRoot":"","sources":["../src/IdentityEvidenceWorkspace.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAExE,MAAM,MAAM,0BAA0B,GAClC,MAAM,GACN,qBAAqB,GACrB,0BAA0B,CAAA;AAE9B,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAC1B,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,WAAW,EAAE,OAAO,CAAA;IACpB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,uBAAuB,EAAE,OAAO,CAAA;CACjC,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAA;CAC/D,CAAC,CAAA;AAEF;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,gBAAgB,GACjB,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,6BAA6B,CAAA;IACnC,OAAO,EAAE,uBAAuB,CAAA;IAChC,WAAW,EAAE,SAAS,0BAA0B,EAAE,CAAA;IAClD,YAAY,EAAE,4BAA4B,CAAA;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAA;CAC9D,CAAC,+BAkGD"}

package/dist/IdentityEvidenceWorkspace.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Brand-neutral identity-evidence journey for one backend-authorized subject.
+ *
+ * The host owns subject resolution, persistence and capabilities. This view
+ * keeps the managed subject separate from the controller's identifiers and
+ * keeps uploader, signer and verifier roles independent. Selecting an upload
+ * route never changes evidence status in browser state.
+ */
+export function IdentityEvidenceWorkspace({ copy, subject, identifiers, capabilities, onEditSubject, onAddIdentifier, onSelectIdentifier, onUploadEvidence, }) {
+    return (_jsxs("section", { className: "uhcp-identity-workspace", "aria-labelledby": "identity-evidence-workspace-title", children: [_jsxs("header", { className: "uhcp-identity-workspace-heading", children: [_jsx("h2", { id: "identity-evidence-workspace-title", children: copy.title }), _jsx("p", { children: copy.intro })] }), _jsxs("ol", { className: "uhcp-identity-steps", children: [_jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 1 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.subjectStepTitle }), _jsx("p", { children: copy.subjectStepBody }), _jsxs("div", { className: "uhcp-identity-subject", children: [_jsx("span", { children: copy.selectedSubject }), _jsx("strong", { children: subject.displayName })] }), capabilities.editSubject && onEditSubject ? (_jsx("button", { type: "button", className: "uhcp-identity-secondary-action", onClick: onEditSubject, children: copy.editSubject })) : null] })] }), _jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 2 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.controllerStepTitle }), _jsx("p", { children: copy.controllerStepBody }), identifiers.length === 0 ? (_jsx("p", { className: "uhcp-identity-empty", children: copy.noIdentifiers })) : (_jsx("ul", { className: "uhcp-identity-identifiers", children: identifiers.map((identifier) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelectIdentifier?.(identifier.id), disabled: !onSelectIdentifier, "aria-label": `${identifier.typeLabel}, ${identifier.jurisdictionLabel}, ${identifier.displayValue}`, children: [_jsxs("span", { children: [_jsx("strong", { children: identifier.typeLabel }), _jsxs("small", { children: [identifier.jurisdictionLabel, " \u00B7 ", identifier.displayValue] })] }), _jsx("span", { className: `uhcp-identity-status uhcp-identity-status-${identifier.status}`, children: copy.statusLabels[identifier.status] })] }) }, identifier.id))) })), capabilities.addIdentifier && onAddIdentifier ? (_jsx("button", { type: "button", className: "uhcp-identity-secondary-action", onClick: onAddIdentifier, children: copy.addIdentifier })) : null] })] }), _jsxs("li", { className: "uhcp-identity-step", children: [_jsx(StepNumber, { value: 3 }), _jsxs("div", { className: "uhcp-identity-step-content", children: [_jsx("h3", { children: copy.evidenceStepTitle }), _jsx("p", { children: copy.evidenceStepBody }), _jsxs("div", { className: "uhcp-identity-upload-actions", children: [capabilities.selfUpload ? (_jsx(UploadAction, { title: copy.selfUpload, help: copy.selfUploadHelp, onClick: () => onUploadEvidence?.('self'), disabled: !onUploadEvidence })) : null, capabilities.organizationUpload ? (_jsx(UploadAction, { title: copy.organizationUpload, help: copy.organizationUploadHelp, onClick: () => onUploadEvidence?.('organization-worker'), disabled: !onUploadEvidence })) : null, capabilities.professionalAttestation ? (_jsx(UploadAction, { title: copy.professionalAttestation, onClick: () => onUploadEvidence?.('professional-attestation'), disabled: !onUploadEvidence })) : null] })] })] })] })] }));
+}
+function StepNumber({ value }) {
+    return _jsx("span", { className: "uhcp-identity-step-number", "aria-hidden": "true", children: value });
+}
+function UploadAction({ title, help, onClick, disabled, }) {
+    return (_jsxs("button", { type: "button", className: "uhcp-identity-upload-action", "aria-label": title, onClick: onClick, disabled: disabled, children: [_jsx("strong", { children: title }), help ? _jsx("small", { children: help }) : null] }));
+}

package/dist/LegalMarkdownDocument.d.ts

@@ -0,0 +1,6 @@
+import { type JSX } from 'react';
+/** Renders the deliberately small Markdown subset used by versioned legal notices. */
+export declare function LegalMarkdownDocument({ source }: Readonly<{
+    source: string;
+}>): JSX.Element;
+//# sourceMappingURL=LegalMarkdownDocument.d.ts.map

package/dist/LegalMarkdownDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegalMarkdownDocument.d.ts","sourceRoot":"","sources":["../src/LegalMarkdownDocument.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAkB,MAAM,OAAO,CAAA;AAa1D,sFAAsF;AACtF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,eAmC7E"}

package/dist/LegalMarkdownDocument.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+function inlineMarkdown(value) {
+    const parts = value.split(/(`[^`]+`|\[[^\]]+\]\(https?:\/\/[^)]+\)|\*\*[^*]+\*\*)/g).filter(Boolean);
+    return parts.map((part, index) => {
+        if (part.startsWith('`') && part.endsWith('`'))
+            return _jsx("code", { children: part.slice(1, -1) }, index);
+        const link = part.match(/^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/);
+        if (link)
+            return _jsx("a", { href: link[2], rel: "noreferrer", children: link[1] }, index);
+        if (part.startsWith('**') && part.endsWith('**'))
+            return _jsx("strong", { children: part.slice(2, -2) }, index);
+        return _jsx(Fragment, { children: part }, index);
+    });
+}
+/** Renders the deliberately small Markdown subset used by versioned legal notices. */
+export function LegalMarkdownDocument({ source }) {
+    const lines = source.replace(/\r\n/g, '\n').split('\n');
+    const blocks = [];
+    let index = 0;
+    while (index < lines.length) {
+        const line = lines[index].trim();
+        if (!line) {
+            index += 1;
+            continue;
+        }
+        const heading = line.match(/^(#{1,6})\s+(.+)$/);
+        if (heading) {
+            const level = Math.min(6, heading[1].length + 1);
+            const Heading = `h${level}`;
+            blocks.push(_jsx(Heading, { children: inlineMarkdown(heading[2]) }, `h-${index}`));
+            index += 1;
+            continue;
+        }
+        if (/^-\s+/.test(line)) {
+            const items = [];
+            while (index < lines.length && /^-\s+/.test(lines[index].trim())) {
+                items.push(_jsx("li", { children: inlineMarkdown(lines[index].trim().replace(/^-\s+/, '')) }, index));
+                index += 1;
+            }
+            blocks.push(_jsx("ul", { children: items }, `ul-${index}`));
+            continue;
+        }
+        const paragraph = [line];
+        index += 1;
+        while (index < lines.length) {
+            const next = lines[index].trim();
+            if (!next || /^(#{1,6})\s+/.test(next) || /^-\s+/.test(next))
+                break;
+            paragraph.push(next);
+            index += 1;
+        }
+        blocks.push(_jsx("p", { children: inlineMarkdown(paragraph.join(' ')) }, `p-${index}`));
+    }
+    return _jsx("div", { className: "uhcp-legal-document", children: blocks });
+}

package/dist/PortalSettingsPanel.d.ts

@@ -0,0 +1,30 @@
+import { type ReactNode } from 'react';
+import { type PortalLanguageOption, type PortalMenuAction, type PortalUiDensity, type PortalUiTheme } from './contracts.js';
+export type PortalSettingsCopy = Readonly<{
+    title: string;
+    description: string;
+    security: string;
+    appearance: string;
+    theme: string;
+    textSize: string;
+    language: string;
+    legal: string;
+    themes: Record<PortalUiTheme, string>;
+    densities: Record<PortalUiDensity, string>;
+}>;
+export type PortalSettingsLink = Readonly<{
+    id: string;
+    label: string;
+    href: string;
+}>;
+export type PortalSettingsPanelProps = Readonly<{
+    copy: PortalSettingsCopy;
+    storageNamespace: string;
+    languageOptions: readonly PortalLanguageOption[];
+    securityActions?: readonly PortalMenuAction[];
+    legalLinks: readonly PortalSettingsLink[];
+    children?: ReactNode;
+}>;
+/** Shared settings surface. Product-specific privacy controls enter as children. */
+export declare function PortalSettingsPanel({ copy, storageNamespace, languageOptions, securityActions, legalLinks, children, }: PortalSettingsPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=PortalSettingsPanel.d.ts.map

package/dist/PortalSettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalSettingsPanel.d.ts","sourceRoot":"","sources":["../src/PortalSettingsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,aAAa,EACnB,MAAM,gBAAgB,CAAA;AAGvB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;CAC3C,CAAC,CAAA;AAEF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAEtF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,IAAI,EAAE,kBAAkB,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,SAAS,oBAAoB,EAAE,CAAA;IAChD,eAAe,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IAC7C,UAAU,EAAE,SAAS,kBAAkB,EAAE,CAAA;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC,CAAA;AAEF,oFAAoF;AACpF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,gBAAgB,EAChB,eAAe,EACf,eAAoB,EACpB,UAAU,EACV,QAAQ,GACT,EAAE,wBAAwB,+BAwC1B"}

package/dist/PortalSettingsPanel.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { portalUiDensities, portalUiThemes, } from './contracts.js';
+import { resolvePortalUiDensity, resolvePortalUiTheme, resolveRenderedPortalTheme } from './preferences.js';
+/** Shared settings surface. Product-specific privacy controls enter as children. */
+export function PortalSettingsPanel({ copy, storageNamespace, languageOptions, securityActions = [], legalLinks, children, }) {
+    const [theme, setTheme] = useState('system');
+    const [density, setDensity] = useState('medium');
+    const themeKey = `${storageNamespace}.theme`;
+    const densityKey = `${storageNamespace}.density`;
+    useEffect(() => {
+        setTheme(resolvePortalUiTheme(localStorage.getItem(themeKey)));
+        setDensity(resolvePortalUiDensity(localStorage.getItem(densityKey)));
+    }, [densityKey, themeKey]);
+    function changeTheme(value) {
+        setTheme(value);
+        localStorage.setItem(themeKey, value);
+        const rendered = resolveRenderedPortalTheme(value, matchMedia('(prefers-color-scheme: dark)').matches);
+        document.documentElement.dataset.theme = rendered;
+        document.documentElement.style.colorScheme = rendered;
+    }
+    function changeDensity(value) {
+        setDensity(value);
+        localStorage.setItem(densityKey, value);
+        document.documentElement.dataset.density = value;
+    }
+    return (_jsxs("main", { className: "uhcp-settings", children: [_jsxs("header", { children: [_jsx("h1", { children: copy.title }), _jsx("p", { children: copy.description })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.security }), _jsx("div", { className: "uhcp-settings-links", children: securityActions.map((action) => action.href
+                            ? _jsx("a", { href: action.href, children: action.label }, action.id)
+                            : _jsx("button", { type: "button", onClick: () => void action.onSelect?.(), children: action.label }, action.id)) })] }), children, _jsxs("section", { children: [_jsx("h2", { children: copy.appearance }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.theme }), portalUiThemes.map((value) => _jsx("button", { type: "button", "aria-pressed": theme === value, onClick: () => changeTheme(value), children: copy.themes[value] }, value))] }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.textSize }), portalUiDensities.map((value) => _jsx("button", { type: "button", "aria-pressed": density === value, onClick: () => changeDensity(value), children: copy.densities[value] }, value))] })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.language }), _jsx("div", { className: "uhcp-settings-links", children: languageOptions.map((option) => _jsx("a", { href: option.href, hrefLang: option.id, "aria-current": option.current ? 'page' : undefined, children: option.label }, option.id)) })] }), _jsxs("section", { children: [_jsx("h2", { children: copy.legal }), _jsx("div", { className: "uhcp-settings-links", children: legalLinks.map((link) => _jsx("a", { href: link.href, children: link.label }, link.id)) })] })] }));
+}

package/dist/ProtectedIndexEmergencyData.d.ts

@@ -0,0 +1,32 @@
+export type ProtectedIndexEmergencyItem = Readonly<{
+    identifier: string;
+    title: string;
+    categoryLabel: string;
+    sourceLabel?: string;
+    creatorLabel?: string;
+    /** True only after the backend confirms emergency-copy consent and policy. */
+    emergencyAvailable: boolean;
+}>;
+export type ProtectedIndexEmergencyCopy = Readonly<{
+    title: string;
+    body: string;
+    securePinTitle: string;
+    securePinBody: string;
+    emergencyPinTitle: string;
+    emergencyPinBody: string;
+    emergencyOnly: string;
+    protectedOnly: string;
+    empty: string;
+    sourcePrefix: string;
+    creatorPrefix: string;
+}>;
+/**
+ * Presents backend-confirmed protected-index copies and their independent
+ * emergency availability. The component never infers emergency consent from
+ * individual authorship, storage, a selected card or browser state.
+ */
+export declare function ProtectedIndexEmergencyData({ copy, items, }: Readonly<{
+    copy: ProtectedIndexEmergencyCopy;
+    items: readonly ProtectedIndexEmergencyItem[];
+}>): import("react").JSX.Element;
+//# sourceMappingURL=ProtectedIndexEmergencyData.d.ts.map

package/dist/ProtectedIndexEmergencyData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProtectedIndexEmergencyData.d.ts","sourceRoot":"","sources":["../src/ProtectedIndexEmergencyData.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,KAAK,GACN,EAAE,QAAQ,CAAC;IACV,IAAI,EAAE,2BAA2B,CAAA;IACjC,KAAK,EAAE,SAAS,2BAA2B,EAAE,CAAA;CAC9C,CAAC,+BAkCD"}

package/dist/ProtectedIndexEmergencyData.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Presents backend-confirmed protected-index copies and their independent
+ * emergency availability. The component never infers emergency consent from
+ * individual authorship, storage, a selected card or browser state.
+ */
+export function ProtectedIndexEmergencyData({ copy, items, }) {
+    return (_jsxs("section", { className: "uhcp-emergency-copy", "aria-labelledby": "protected-index-emergency-title", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { id: "protected-index-emergency-title", children: copy.title }), _jsx("p", { children: copy.body })] }), _jsxs("div", { className: "uhcp-emergency-copy-legend", "aria-label": copy.title, children: [_jsx(Pin, { kind: "secure", label: copy.securePinTitle, help: copy.securePinBody }), _jsx(Pin, { kind: "emergency", label: copy.emergencyPinTitle, help: copy.emergencyPinBody })] })] }), items.length === 0 ? _jsx("p", { className: "uhcp-emergency-copy-empty", children: copy.empty }) : (_jsx("ul", { className: "uhcp-emergency-copy-list", children: items.map((item) => (_jsxs("li", { children: [_jsxs("div", { className: "uhcp-emergency-copy-item-heading", children: [_jsx("span", { className: "uhcp-emergency-copy-category", children: item.categoryLabel }), _jsxs("span", { className: "uhcp-emergency-copy-pins", children: [_jsx(Pin, { kind: "secure", label: copy.securePinTitle, help: copy.securePinBody, compact: true }), item.emergencyAvailable ? _jsx(Pin, { kind: "emergency", label: copy.emergencyPinTitle, help: copy.emergencyPinBody, compact: true }) : null] })] }), _jsx("strong", { children: item.title }), _jsx("small", { children: item.emergencyAvailable ? copy.emergencyOnly : copy.protectedOnly }), item.sourceLabel ? _jsxs("span", { children: [copy.sourcePrefix, ": ", item.sourceLabel] }) : null, item.creatorLabel ? _jsxs("span", { children: [copy.creatorPrefix, ": ", item.creatorLabel] }) : null] }, item.identifier))) }))] }));
+}
+function Pin({ kind, label, help, compact = false, }) {
+    return (_jsxs("span", { className: `uhcp-emergency-copy-pin uhcp-emergency-copy-pin-${kind}`, role: "img", "aria-label": label, title: help, children: [_jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { d: "M12 17v5m-5-9 2-2V5L7 3h10l-2 2v6l2 2H7Z" }) }), compact ? null : _jsx("span", { children: label })] }));
+}

package/dist/SoschainWorkspace.d.ts

@@ -1,4 +1,5 @@
-export type SoschainWorkspaceArea = 'overview' | 'places' | 'products' | 'communications';
+import { type ProtectedIndexEmergencyCopy, type ProtectedIndexEmergencyItem } from './ProtectedIndexEmergencyData.js';
+export type SoschainWorkspaceArea = 'overview' | 'emergency-data' | 'places' | 'products' | 'communications';
 export type SoschainCardSummary = Readonly<{
     identifier: string;
     displayName: string;
@@ -33,6 +34,9 @@ export type SoschainWorkspaceCopy = Readonly<{
     areas: Record<SoschainWorkspaceArea, string>;
     overviewTitle: string;
     overviewBody: string;
+    emergencyDataTitle: string;
+    emergencyDataBody: string;
+    emergencyData: ProtectedIndexEmergencyCopy;
     placesTitle: string;
     placesBody: string;
     productsTitle: string;
@@ -56,6 +60,7 @@ export type SoschainWorkspaceProps = Readonly<{
     places: readonly SoschainAssociationSummary[];
     products: readonly SoschainAssociationSummary[];
     communications: readonly SoschainCommunicationSummary[];
+    emergencyData?: readonly ProtectedIndexEmergencyItem[];
     canManageAssociations: boolean;
     addPlaceHref?: string;
     addProductHref?: string;
@@ -68,5 +73,5 @@ export type SoschainWorkspaceProps = Readonly<{
  * communications. This presentational component never derives authority from
  * a selected role, card, tab or browser-controlled value.
  */
-export declare function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, canManageAssociations, addPlaceHref, addProductHref, importCardHref, }: SoschainWorkspaceProps): import("react").JSX.Element;
+export declare function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, emergencyData, canManageAssociations, addPlaceHref, addProductHref, importCardHref, }: SoschainWorkspaceProps): import("react").JSX.Element;
 //# sourceMappingURL=SoschainWorkspace.d.ts.map

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/SoschainWorkspace.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ProtectedIndexEmergencyData } from './ProtectedIndexEmergencyData.js';
 function AssociationList({ items, empty }) {
     if (items.length === 0)
         return _jsx("p", { className: "uhcp-sos-empty", children: empty });
@@ -11,7 +12,7 @@ function AssociationList({ items, empty }) {
  * communications. This presentational component never derives authority from
  * a selected role, card, tab or browser-controlled value.
  */
-export function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, canManageAssociations, addPlaceHref, addProductHref, importCardHref, }) {
+export function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaHrefs, places, products, communications, emergencyData = [], canManageAssociations, addPlaceHref, addProductHref, importCardHref, }) {
     if (!selectedCard) {
         return (_jsxs("section", { className: "uhcp-sos-wrap", "aria-labelledby": "sos-card-picker-title", children: [_jsxs("header", { className: "uhcp-sos-heading", children: [_jsx("span", { children: copy.workspaceEyebrow }), _jsx("h1", { id: "sos-card-picker-title", children: copy.cardsTitle }), _jsx("p", { children: copy.cardsDescription }), importCardHref && copy.importCard ? _jsxs("a", { href: importCardHref, children: [copy.importCard, " \u2192"] }) : null] }), cards.length === 0 ? (_jsxs("div", { className: "uhcp-sos-empty-panel", children: [_jsx("h2", { children: copy.noCardTitle }), _jsx("p", { children: copy.noCardBody })] })) : (_jsx("ul", { className: "uhcp-sos-card-grid", children: cards.map((card) => (_jsx("li", { children: _jsxs("a", { href: card.openHref, children: [_jsx("span", { children: card.kindLabel }), _jsx("strong", { children: card.displayName }), _jsx("small", { children: card.identifier }), _jsxs("b", { children: [copy.openCard, " \u2192"] })] }) }, card.identifier))) }))] }));
     }
@@ -21,13 +22,17 @@ export function SoschainWorkspace({ copy, cards, selectedCard, activeArea, areaH
             ? copy.productsTitle
             : activeArea === 'communications'
                 ? copy.communicationsTitle
-                : copy.overviewTitle;
+                : activeArea === 'emergency-data'
+                    ? copy.emergencyDataTitle
+                    : copy.overviewTitle;
     const body = activeArea === 'places'
         ? copy.placesBody
         : activeArea === 'products'
             ? copy.productsBody
             : activeArea === 'communications'
                 ? copy.communicationsBody
-                : copy.overviewBody;
-    return (_jsxs("section", { className: "uhcp-sos-wrap", children: [_jsxs("header", { className: "uhcp-sos-heading", children: [_jsx("span", { children: copy.selectedCard }), _jsx("h1", { children: selectedCard.displayName }), _jsxs("p", { children: [selectedCard.kindLabel, " \u00B7 ", selectedCard.identifier] })] }), _jsx("nav", { className: "uhcp-sos-tabs", "aria-label": copy.workspaceEyebrow, children: Object.keys(areaHrefs).map((area) => (_jsx("a", { href: areaHrefs[area], "aria-current": activeArea === area ? 'page' : undefined, children: copy.areas[area] }, area))) }), _jsxs("div", { className: "uhcp-sos-panel", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { children: title }), _jsx("p", { children: body })] }), !canManageAssociations && activeArea !== 'communications' && (_jsx("span", { className: "uhcp-sos-readonly", children: copy.readOnly })), canManageAssociations && activeArea === 'places' && addPlaceHref && _jsx("a", { href: addPlaceHref, children: copy.addPlace }), canManageAssociations && activeArea === 'products' && addProductHref && _jsx("a", { href: addProductHref, children: copy.addProduct })] }), activeArea === 'overview' && (_jsxs("div", { className: "uhcp-sos-overview-grid", children: [_jsxs("article", { children: [_jsx("strong", { children: places.length }), _jsx("span", { children: copy.areas.places })] }), _jsxs("article", { children: [_jsx("strong", { children: products.length }), _jsx("span", { children: copy.areas.products })] }), _jsxs("article", { children: [_jsx("strong", { children: communications.length }), _jsx("span", { children: copy.areas.communications })] })] })), activeArea === 'places' && _jsx(AssociationList, { items: places, empty: copy.emptyPlaces }), activeArea === 'products' && _jsx(AssociationList, { items: products, empty: copy.emptyProducts }), activeArea === 'communications' && (communications.length === 0 ? _jsx("p", { className: "uhcp-sos-empty", children: copy.emptyCommunications }) : (_jsx("ol", { className: "uhcp-sos-timeline", children: communications.map((message) => (_jsxs("li", { children: [_jsxs("div", { children: [_jsx("span", { children: message.categoryLabel }), _jsx("time", { children: message.occurredAt })] }), _jsx("strong", { children: message.subject }), _jsx("p", { children: message.body }), _jsxs("small", { children: [message.sender, message.placeLabel ? ` · ${message.placeLabel}` : ''] })] }, message.identifier))) })))] })] }));
+                : activeArea === 'emergency-data'
+                    ? copy.emergencyDataBody
+                    : copy.overviewBody;
+    return (_jsxs("section", { className: "uhcp-sos-wrap", children: [_jsxs("header", { className: "uhcp-sos-heading", children: [_jsx("span", { children: copy.selectedCard }), _jsx("h1", { children: selectedCard.displayName }), _jsxs("p", { children: [selectedCard.kindLabel, " \u00B7 ", selectedCard.identifier] })] }), _jsx("nav", { className: "uhcp-sos-tabs", "aria-label": copy.workspaceEyebrow, children: Object.keys(areaHrefs).map((area) => (_jsx("a", { href: areaHrefs[area], "aria-current": activeArea === area ? 'page' : undefined, children: copy.areas[area] }, area))) }), _jsxs("div", { className: "uhcp-sos-panel", children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { children: title }), _jsx("p", { children: body })] }), !canManageAssociations && activeArea !== 'communications' && activeArea !== 'emergency-data' && (_jsx("span", { className: "uhcp-sos-readonly", children: copy.readOnly })), canManageAssociations && activeArea === 'places' && addPlaceHref && _jsx("a", { href: addPlaceHref, children: copy.addPlace }), canManageAssociations && activeArea === 'products' && addProductHref && _jsx("a", { href: addProductHref, children: copy.addProduct })] }), activeArea === 'overview' && (_jsxs("div", { className: "uhcp-sos-overview-grid", children: [_jsxs("article", { children: [_jsx("strong", { children: places.length }), _jsx("span", { children: copy.areas.places })] }), _jsxs("article", { children: [_jsx("strong", { children: products.length }), _jsx("span", { children: copy.areas.products })] }), _jsxs("article", { children: [_jsx("strong", { children: communications.length }), _jsx("span", { children: copy.areas.communications })] })] })), activeArea === 'emergency-data' && _jsx(ProtectedIndexEmergencyData, { copy: copy.emergencyData, items: emergencyData }), activeArea === 'places' && _jsx(AssociationList, { items: places, empty: copy.emptyPlaces }), activeArea === 'products' && _jsx(AssociationList, { items: products, empty: copy.emptyProducts }), activeArea === 'communications' && (communications.length === 0 ? _jsx("p", { className: "uhcp-sos-empty", children: copy.emptyCommunications }) : (_jsx("ol", { className: "uhcp-sos-timeline", children: communications.map((message) => (_jsxs("li", { children: [_jsxs("div", { children: [_jsx("span", { children: message.categoryLabel }), _jsx("time", { children: message.occurredAt })] }), _jsx("strong", { children: message.subject }), _jsx("p", { children: message.body }), _jsxs("small", { children: [message.sender, message.placeLabel ? ` · ${message.placeLabel}` : ''] })] }, message.identifier))) })))] })] }));
 }

package/dist/index.d.ts

@@ -11,4 +11,8 @@ export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './OrganizationWorkforceAdministration.js';
+export * from './ProtectedIndexEmergencyData.js';
+export * from './PortalSettingsPanel.js';
+export * from './LegalMarkdownDocument.js';
+export * from './IdentityEvidenceWorkspace.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,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,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,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,CAAA;AACxD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA"}

package/dist/index.js

@@ -11,3 +11,7 @@ export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
 export * from './OrganizationWorkforceAdministration.js';
+export * from './ProtectedIndexEmergencyData.js';
+export * from './PortalSettingsPanel.js';
+export * from './LegalMarkdownDocument.js';
+export * from './IdentityEvidenceWorkspace.js';

package/dist/styles.css

@@ -172,6 +172,115 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   padding: 1.25rem;
 }
 
+.uhcp-identity-workspace {
+  background: var(--uhcp-panel);
+  border: 1px solid var(--uhcp-border);
+  border-radius: 2rem;
+  color: var(--uhcp-text);
+  padding: clamp(1.25rem, 3vw, 2rem);
+}
+.uhcp-identity-workspace h2,
+.uhcp-identity-workspace h3,
+.uhcp-identity-workspace p { margin: 0; }
+.uhcp-identity-workspace-heading { max-width: 46rem; }
+.uhcp-identity-workspace-heading h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
+.uhcp-identity-workspace-heading p,
+.uhcp-identity-step-content > p { color: var(--uhcp-muted); line-height: 1.6; margin-top: .5rem; }
+.uhcp-identity-steps { display: grid; gap: 0; list-style: none; margin: 1.75rem 0 0; padding: 0; }
+.uhcp-identity-step { display: grid; gap: 1rem; grid-template-columns: 2.25rem minmax(0, 1fr); position: relative; }
+.uhcp-identity-step:not(:last-child)::before {
+  background: var(--uhcp-border);
+  content: '';
+  height: calc(100% - 2.25rem);
+  left: 1.09rem;
+  position: absolute;
+  top: 2.25rem;
+  width: 2px;
+}
+.uhcp-identity-step-number {
+  align-items: center;
+  background: var(--uhcp-surface-accent);
+  border: 1px solid color-mix(in srgb, var(--uhcp-turquoise) 42%, var(--uhcp-border));
+  border-radius: 999px;
+  color: var(--uhcp-turquoise);
+  display: flex;
+  font-weight: 900;
+  height: 2.25rem;
+  justify-content: center;
+  position: relative;
+  width: 2.25rem;
+  z-index: 1;
+}
+.uhcp-identity-step-content { padding: .25rem 0 1.75rem; }
+.uhcp-identity-step:last-child .uhcp-identity-step-content { padding-bottom: 0; }
+.uhcp-identity-subject {
+  background: var(--uhcp-panel-muted);
+  border-radius: 1rem;
+  display: grid;
+  gap: .2rem;
+  margin-top: 1rem;
+  padding: .9rem 1rem;
+}
+.uhcp-identity-subject span,
+.uhcp-identity-subject small { color: var(--uhcp-muted); font-size: .78rem; }
+.uhcp-identity-empty { color: var(--uhcp-muted); margin-top: 1rem !important; }
+.uhcp-identity-identifiers { display: grid; gap: .65rem; list-style: none; margin: 1rem 0 0; padding: 0; }
+.uhcp-identity-identifiers button {
+  align-items: center;
+  background: var(--uhcp-panel-muted);
+  border: 1px solid transparent;
+  border-radius: 1rem;
+  color: var(--uhcp-text);
+  display: flex;
+  font: inherit;
+  gap: 1rem;
+  justify-content: space-between;
+  padding: .9rem 1rem;
+  text-align: left;
+  width: 100%;
+}
+.uhcp-identity-identifiers button:not(:disabled) { cursor: pointer; }
+.uhcp-identity-identifiers button:not(:disabled):hover { border-color: var(--uhcp-turquoise); }
+.uhcp-identity-identifiers button:disabled { opacity: 1; }
+.uhcp-identity-identifiers button > span:first-child { display: grid; gap: .25rem; }
+.uhcp-identity-identifiers small { color: var(--uhcp-muted); }
+.uhcp-identity-status { border-radius: 999px; font-size: .72rem; font-weight: 800; padding: .35rem .6rem; }
+.uhcp-identity-status-verified { background: color-mix(in srgb, var(--uhcp-emerald) 15%, transparent); color: var(--uhcp-emerald); }
+.uhcp-identity-status-pending { background: color-mix(in srgb, var(--uhcp-attention) 18%, transparent); color: color-mix(in srgb, var(--uhcp-attention) 72%, var(--uhcp-text)); }
+.uhcp-identity-status-rejected { background: color-mix(in srgb, #c64747 14%, transparent); color: #c64747; }
+.uhcp-identity-secondary-action {
+  background: transparent;
+  border: 1px solid var(--uhcp-border);
+  border-radius: .85rem;
+  color: var(--uhcp-text);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 800;
+  margin-top: 1rem;
+  min-height: 2.75rem;
+  padding: .65rem 1rem;
+}
+.uhcp-identity-secondary-action:hover { border-color: var(--uhcp-turquoise); color: var(--uhcp-turquoise); }
+.uhcp-identity-upload-actions { display: grid; gap: .75rem; margin-top: 1rem; }
+.uhcp-identity-upload-action {
+  background: var(--uhcp-panel-muted);
+  border: 1px solid var(--uhcp-border);
+  border-radius: 1rem;
+  color: var(--uhcp-text);
+  cursor: pointer;
+  display: grid;
+  font: inherit;
+  gap: .25rem;
+  padding: 1rem;
+  text-align: left;
+}
+.uhcp-identity-upload-action:hover { border-color: var(--uhcp-turquoise); }
+.uhcp-identity-upload-action:disabled { cursor: not-allowed; opacity: .6; }
+.uhcp-identity-upload-action small { color: var(--uhcp-muted); line-height: 1.45; }
+@media (min-width: 760px) {
+  .uhcp-identity-upload-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
 .uhcp-clinical-summary {
   display: grid;
   gap: 1rem;
@@ -327,3 +436,22 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   .uhcp-sos-overview-grid { grid-template-columns: 1fr; }
   .uhcp-sos-panel > header { display: grid; }
 }
+.uhcp-emergency-copy { background: var(--uhcp-panel); border: 1px solid var(--uhcp-border); border-radius: 2rem; color: var(--uhcp-text); padding: clamp(1.25rem, 4vw, 2.25rem); }
+.uhcp-emergency-copy > header { align-items: flex-start; display: flex; gap: 1.5rem; justify-content: space-between; }
+.uhcp-emergency-copy h2 { margin: 0 0 .45rem; }
+.uhcp-emergency-copy header p { color: var(--uhcp-muted); line-height: 1.6; margin: 0; max-width: 48rem; }
+.uhcp-emergency-copy-legend { display: grid; flex: 0 0 auto; gap: .5rem; }
+.uhcp-emergency-copy-pin { align-items: center; border-radius: 999px; display: inline-flex; font-size: .75rem; font-weight: 850; gap: .35rem; padding: .35rem .55rem; }
+.uhcp-emergency-copy-pin svg { fill: none; height: 1rem; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 1rem; }
+.uhcp-emergency-copy-pin-secure { background: color-mix(in srgb, var(--uhcp-turquoise) 16%, transparent); color: color-mix(in srgb, var(--uhcp-turquoise) 72%, var(--uhcp-text)); }
+.uhcp-emergency-copy-pin-emergency { background: color-mix(in srgb, var(--uhcp-attention) 18%, transparent); color: color-mix(in srgb, var(--uhcp-attention) 78%, var(--uhcp-text)); }
+.uhcp-emergency-copy-list { display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); list-style: none; margin: 1.5rem 0 0; padding: 0; }
+.uhcp-emergency-copy-list li { background: var(--uhcp-panel-muted); border: 1px solid var(--uhcp-border); border-radius: 1.25rem; display: grid; gap: .45rem; padding: 1rem; }
+.uhcp-emergency-copy-item-heading { align-items: center; display: flex; gap: .6rem; justify-content: space-between; }
+.uhcp-emergency-copy-category { color: var(--uhcp-emerald); font-size: .72rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
+.uhcp-emergency-copy-pins { display: inline-flex; gap: .3rem; }
+.uhcp-emergency-copy-list small, .uhcp-emergency-copy-list li > span, .uhcp-emergency-copy-empty { color: var(--uhcp-muted); }
+.uhcp-emergency-copy-empty { margin: 1.5rem 0 0; }
+@media (max-width: 620px) { .uhcp-emergency-copy > header { display: grid; } .uhcp-emergency-copy-legend { width: 100%; } }
+.uhcp-settings{max-width:72rem;margin:0 auto;padding:2rem 1rem 4rem;display:grid;gap:1rem}.uhcp-settings>header,.uhcp-settings>section{background:var(--uhcp-surface,#fff);border:1px solid var(--uhcp-border,#dbe4ea);border-radius:1rem;padding:1.25rem}.uhcp-settings h1,.uhcp-settings h2{margin-top:0}.uhcp-settings fieldset{border:0;padding:0;margin:1rem 0;display:flex;gap:.5rem;flex-wrap:wrap}.uhcp-settings legend{width:100%;font-weight:700;margin-bottom:.5rem}.uhcp-settings button,.uhcp-settings-links a{border:1px solid var(--uhcp-border,#c9d7df);border-radius:.7rem;background:transparent;color:inherit;padding:.65rem .85rem;text-decoration:none}.uhcp-settings button[aria-pressed=true]{background:var(--uhcp-accent,#dceff7);border-color:var(--uhcp-accent-strong,#2489a7)}.uhcp-settings-links{display:flex;gap:.6rem;flex-wrap:wrap}
+.uhcp-legal-document{color:var(--uhcp-text);line-height:1.7}.uhcp-legal-document h2{font-size:clamp(1.6rem,4vw,2.35rem);line-height:1.15;margin:0 0 1.25rem}.uhcp-legal-document h3{font-size:1.2rem;line-height:1.3;margin:2rem 0 .65rem}.uhcp-legal-document p{margin:0 0 1rem}.uhcp-legal-document ul{margin:0 0 1rem;padding-left:1.4rem}.uhcp-legal-document code{background:var(--uhcp-panel-muted);border-radius:.3rem;padding:.08rem .3rem}

package/package.json

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