uhc-portal-components-react 0.1.18 → 0.1.20

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.1.20
+
+- Add one brand-neutral, schema-driven clinical artifact editor for UHC,
+  Vet/Pet and SOSChain Personal and Professional portals.
+- Keep human-entered clinical text when a terminology candidate is explicitly
+  selected, and place its code and display in the schema-owned companion
+  claims without silently coding free text.
+- Require host-owned provider persistence to return a fresh Bundle before the
+  editor publishes a successful readback. The shared component owns no auth,
+  provider URL, write capability or human-versus-animal policy.
+
+## 0.1.19
+
+- Add an accessible Encounter transfer console with patient lookup, a
+  horizontally scrollable care journey, explicit return/on-hold versus
+  definitive/completed choices, and an in-progress destination.
+- Add emergency-contact call, video and message actions plus PDF, FHIR Bundle
+  and calendar attachment choices without deriving authorization in the UI.
+- Keep plain-language help visible and place FHIR resource names in optional
+  technical details.
+- Render a host-provided encounter business identifier without replacing the
+  FHIR resource identity or deriving identifiers in browser state.
+
 ## 0.1.18
 
 - Add shared, read-only Health summary and Care journey areas to the SOSChain

package/README.md

@@ -53,6 +53,12 @@ The package deliberately exposes modules instead of a cloned application:
 - `IpsBundleSummary`: receives one in-memory IPS document Bundle, obtains all
   `Composition.section` entries through Common Utils and renders every
   section's cards. It performs no ingestion or GW call.
+- `ClinicalArtifactEditor`: renders the same schema-driven clinical form for
+  human and animal subjects. The host supplies its UHC/Vet schema,
+  terminology-search adapter and authorized persistence callback. Selecting a
+  terminology candidate preserves source text and adds only the confirmed
+  `system|code` and display. Success requires a fresh provider readback Bundle;
+  local form state is never presented as a persisted write.
 - `InvitationAcceptancePanel`: controlled invitation-code UI for a related
   individual member; the host refreshes the authorized-subject list after its
   BFF accepts the invitation.
@@ -64,6 +70,14 @@ The package deliberately exposes modules instead of a cloned application:
 - `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.
+- `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
+  `completed` when leaving definitively) and never treats browser state as
+  clinical authority. `EncounterTransferStage.identifier` remains the FHIR
+  resource identity; an optional `displayIdentifier` is a provider-assigned
+  human-readable business identifier. The component never generates it or
+  resolves same-second concurrency.
 - `OrganizationWorkforceAdministration`: controlled license-capacity,
   employee lifecycle and invitation-status UI. Invitations remain host-owned
   application records; the component does not reserve licenses or create GW

package/dist/ClinicalArtifactEditor.d.ts

@@ -0,0 +1,64 @@
+import type { ClinicalResourceBundleLike } from 'gdc-common-utils-ts/utils/clinical-resource-view';
+export type ClinicalArtifactSchema = Readonly<{
+    resourceType: string;
+    requiredClaims: readonly string[];
+    optionalClaims: readonly string[];
+}>;
+export type ClinicalArtifactEditorRequest = Readonly<{
+    resourceType: string;
+    sectionCode: string;
+    mode: 'create' | 'update';
+    artifactId?: string;
+    initialClaims?: Readonly<Record<string, unknown>>;
+}>;
+export type ClinicalArtifactDraft = Readonly<{
+    resourceType: string;
+    id: string;
+    sectionCode: string;
+    mode: 'create' | 'update';
+    claims: Readonly<Record<string, string>>;
+}>;
+export type ClinicalTerminologyCandidate = Readonly<{
+    system: string;
+    code: string;
+    display: string;
+    text?: string;
+}>;
+export type ClinicalTerminologySearch = Readonly<{
+    resourceType: string;
+    claim: string;
+    language: string;
+    text: string;
+    taxonomyId?: string;
+    limit: number;
+}>;
+export type ClinicalArtifactEditorCopy = Readonly<{
+    title: string;
+    description: string;
+    save: string;
+    saving: string;
+    cancel: string;
+    close: string;
+    terminologyLoading: string;
+    terminologyUnavailable: string;
+    readbackMissing: string;
+}>;
+export type ClinicalArtifactEditorProps = Readonly<{
+    request: ClinicalArtifactEditorRequest;
+    schema: ClinicalArtifactSchema;
+    copy: ClinicalArtifactEditorCopy;
+    locale?: string;
+    taxonomyId?: string;
+    fieldLabel: (claim: string) => string;
+    searchTerminology?: (input: ClinicalTerminologySearch) => Promise<readonly ClinicalTerminologyCandidate[]>;
+    saveArtifact: (draft: ClinicalArtifactDraft) => Promise<ClinicalResourceBundleLike | undefined>;
+    onCancel: () => void;
+    onReadback: (bundle: ClinicalResourceBundleLike) => void;
+}>;
+/**
+ * Shared human/animal clinical editor. The host owns authorization, transport,
+ * persistence and terminology service access. A successful form submission is
+ * published only after the host returns a fresh provider readback Bundle.
+ */
+export declare function ClinicalArtifactEditor({ request, schema, copy, locale, taxonomyId, fieldLabel, searchTerminology, saveArtifact, onCancel, onReadback, }: ClinicalArtifactEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=ClinicalArtifactEditor.d.ts.map

package/dist/ClinicalArtifactEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClinicalArtifactEditor.d.ts","sourceRoot":"","sources":["../src/ClinicalArtifactEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kDAAkD,CAAA;AAElG,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,cAAc,EAAE,SAAS,MAAM,EAAE,CAAA;CAClC,CAAC,CAAA;AAEF,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAClD,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACzC,CAAC,CAAA;AAEF,MAAM,MAAM,4BAA4B,GAAG,QAAQ,CAAC;IAClD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,EAAE,MAAM,CAAA;IAC1B,sBAAsB,EAAE,MAAM,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,OAAO,EAAE,6BAA6B,CAAA;IACtC,MAAM,EAAE,sBAAsB,CAAA;IAC9B,IAAI,EAAE,0BAA0B,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,OAAO,CAAC,SAAS,4BAA4B,EAAE,CAAC,CAAA;IAC1G,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,OAAO,CAAC,0BAA0B,GAAG,SAAS,CAAC,CAAA;IAC/F,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,IAAI,CAAA;CACzD,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,MAAM,EACN,IAAI,EACJ,MAAa,EACb,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,UAAU,GACX,EAAE,2BAA2B,+BA2G7B"}

package/dist/ClinicalArtifactEditor.js

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from 'react';
+/**
+ * Shared human/animal clinical editor. The host owns authorization, transport,
+ * persistence and terminology service access. A successful form submission is
+ * published only after the host returns a fresh provider readback Bundle.
+ */
+export function ClinicalArtifactEditor({ request, schema, copy, locale = 'en', taxonomyId, fieldLabel, searchTerminology, saveArtifact, onCancel, onReadback, }) {
+    const titleId = useId();
+    const descriptionId = useId();
+    const acceptedClaims = useMemo(() => [...schema.requiredClaims, ...schema.optionalClaims], [schema.optionalClaims, schema.requiredClaims]);
+    const fields = useMemo(() => acceptedClaims
+        .filter((claim) => !claim.endsWith('.section') && !claim.endsWith('.user-selected'))
+        .filter((claim) => !isHiddenCodingCompanion(request.resourceType, claim, acceptedClaims)), [acceptedClaims, request.resourceType]);
+    const requiredClaims = useMemo(() => new Set(schema.requiredClaims), [schema.requiredClaims]);
+    const [claims, setClaims] = useState(() => ({
+        ...defaultClaims(request.resourceType),
+        ...Object.fromEntries(Object.entries(request.initialClaims ?? {}).map(([claim, value]) => [claim, String(value ?? '')])),
+    }));
+    const [activeTerminologyClaim, setActiveTerminologyClaim] = useState();
+    const [candidates, setCandidates] = useState([]);
+    const [terminologyBusy, setTerminologyBusy] = useState(false);
+    const [terminologyError, setTerminologyError] = useState(false);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState('');
+    useEffect(() => {
+        if (!activeTerminologyClaim || !searchTerminology)
+            return;
+        const sourceText = claims[activeTerminologyClaim]?.trim() ?? '';
+        if (sourceText.length < 2) {
+            setCandidates([]);
+            return;
+        }
+        const codeClaim = terminologyCodeClaim(request.resourceType, activeTerminologyClaim);
+        let current = true;
+        setTerminologyBusy(true);
+        setTerminologyError(false);
+        const timer = window.setTimeout(() => {
+            void searchTerminology({
+                resourceType: request.resourceType,
+                claim: codeClaim,
+                language: locale,
+                text: sourceText,
+                taxonomyId,
+                limit: 20,
+            }).then((nextCandidates) => {
+                if (current)
+                    setCandidates(nextCandidates);
+            }).catch(() => {
+                if (current) {
+                    setCandidates([]);
+                    setTerminologyError(true);
+                }
+            }).finally(() => {
+                if (current)
+                    setTerminologyBusy(false);
+            });
+        }, 250);
+        return () => { current = false; window.clearTimeout(timer); };
+    }, [activeTerminologyClaim, claims, locale, request.resourceType, searchTerminology, taxonomyId]);
+    async function submit() {
+        setSaving(true);
+        setError('');
+        try {
+            const readback = await saveArtifact({
+                resourceType: request.resourceType,
+                id: request.artifactId ?? crypto.randomUUID(),
+                sectionCode: request.sectionCode,
+                mode: request.mode,
+                claims,
+            });
+            if (!readback)
+                throw new Error(copy.readbackMissing);
+            onReadback(readback);
+        }
+        catch (reason) {
+            setError(reason instanceof Error ? reason.message : String(reason));
+        }
+        finally {
+            setSaving(false);
+        }
+    }
+    return _jsxs("section", { className: "uhcp-clinical-editor", role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": descriptionId, children: [_jsxs("header", { children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, children: copy.title }), _jsx("p", { id: descriptionId, children: copy.description })] }), _jsx("button", { type: "button", onClick: onCancel, "aria-label": copy.close, children: "\u00D7" })] }), _jsxs("form", { onSubmit: (event) => { event.preventDefault(); void submit(); }, children: [fields.map((claim) => {
+                        const parameter = claim.slice(request.resourceType.length + 1);
+                        const label = fieldLabel(claim);
+                        const terminologyEnabled = Boolean(searchTerminology && terminologyCodeClaim(request.resourceType, claim));
+                        const inputId = `${titleId}-${claim}`;
+                        const value = claims[claim] ?? '';
+                        const update = (event) => {
+                            setClaims((current) => ({ ...current, [claim]: event.target.value }));
+                            if (terminologyEnabled)
+                                setActiveTerminologyClaim(claim);
+                        };
+                        return _jsxs("label", { className: isMultiline(parameter) ? 'uhcp-clinical-editor-wide' : undefined, htmlFor: inputId, children: [_jsxs("span", { children: [label, requiredClaims.has(claim) ? ' *' : ''] }), statusOptions(request.resourceType, parameter) ? _jsx("select", { id: inputId, "aria-label": label, value: value, required: requiredClaims.has(claim), onChange: update, children: statusOptions(request.resourceType, parameter).map((option) => _jsx("option", { value: option, children: humanize(option) }, option)) }) : isMultiline(parameter) ? _jsx("textarea", { id: inputId, "aria-label": label, value: value, required: requiredClaims.has(claim), rows: 3, onChange: update })
+                                    : _jsx("input", { id: inputId, "aria-label": label, value: value, required: requiredClaims.has(claim), type: fieldInputType(parameter), onChange: update }), terminologyEnabled && activeTerminologyClaim === claim ? _jsxs("div", { className: "uhcp-terminology-results", children: [terminologyBusy ? _jsx("small", { role: "status", children: copy.terminologyLoading }) : null, terminologyError ? _jsx("small", { role: "alert", children: copy.terminologyUnavailable }) : null, candidates.length ? _jsx("ul", { children: candidates.map((candidate) => _jsx("li", { children: _jsxs("button", { type: "button", onClick: () => {
+                                                        setClaims((current) => selectedCodingClaims(request.resourceType, claim, candidate, acceptedClaims, current));
+                                                        setCandidates([]);
+                                                        setActiveTerminologyClaim(undefined);
+                                                    }, children: [candidate.display, _jsxs("small", { children: [candidate.system, " \u00B7 ", candidate.code] })] }) }, `${candidate.system}|${candidate.code}`)) }) : null] }) : null] }, claim);
+                    }), error ? _jsx("p", { className: "uhcp-clinical-editor-error", role: "alert", children: error }) : null, _jsxs("footer", { children: [_jsx("button", { type: "button", onClick: onCancel, children: copy.cancel }), _jsx("button", { type: "submit", disabled: saving, children: saving ? copy.saving : copy.save })] })] })] });
+}
+function defaultClaims(resourceType) {
+    if (resourceType === 'Immunization')
+        return { 'Immunization.status': 'completed' };
+    if (resourceType === 'Observation' || resourceType === 'DiagnosticReport' || resourceType === 'Procedure')
+        return { [`${resourceType}.status`]: 'final' };
+    if (resourceType === 'Condition' || resourceType === 'AllergyIntolerance')
+        return { [`${resourceType}.clinical-status`]: 'active' };
+    return {};
+}
+function statusOptions(resourceType, parameter) {
+    if (parameter !== 'status' && !parameter.endsWith('-status'))
+        return undefined;
+    if (resourceType === 'Immunization')
+        return ['completed', 'not-done', 'entered-in-error'];
+    if (resourceType === 'Observation' || resourceType === 'DiagnosticReport')
+        return ['final', 'preliminary', 'amended', 'entered-in-error'];
+    return ['active', 'completed', 'inactive', 'entered-in-error'];
+}
+function terminologyCodeClaim(resourceType, inputClaim) {
+    const parameter = inputClaim.slice(resourceType.length + 1);
+    if (parameter.endsWith('-code-text'))
+        return `${resourceType}.${parameter.slice(0, -5)}`;
+    if (resourceType === 'MedicationStatement' && parameter === 'medication-text')
+        return 'MedicationStatement.code';
+    if (parameter === 'target-disease' || parameter.endsWith('-code') || parameter === 'code')
+        return inputClaim;
+    return '';
+}
+function isHiddenCodingCompanion(resourceType, claim, acceptedClaims) {
+    if (claim.endsWith('-display') && acceptedClaims.includes(`${claim.slice(0, -8)}-text`))
+        return true;
+    if (acceptedClaims.includes(`${claim}-text`))
+        return true;
+    return resourceType === 'MedicationStatement' && claim === 'MedicationStatement.code'
+        && acceptedClaims.includes('MedicationStatement.medication-text');
+}
+function selectedCodingClaims(resourceType, inputClaim, candidate, acceptedClaims, current) {
+    const codeClaim = terminologyCodeClaim(resourceType, inputClaim);
+    const next = { ...current, [inputClaim]: current[inputClaim] || candidate.text || candidate.display };
+    if (acceptedClaims.includes(codeClaim))
+        next[codeClaim] = `${candidate.system}|${candidate.code}`;
+    const displayClaim = `${codeClaim}-display`;
+    if (acceptedClaims.includes(displayClaim))
+        next[displayClaim] = candidate.display;
+    return next;
+}
+function isMultiline(parameter) { return /note|description|summary|instruction|outcome|reference-range-text/.test(parameter); }
+function humanize(value) { return value ? value[0].toUpperCase() + value.slice(1).replaceAll('_', ' ') : value; }
+function fieldInputType(parameter) {
+    if (/(?:^|-)number$|frequency$|dose-sequence$/.test(parameter))
+        return 'number';
+    if (parameter === 'date' || parameter.endsWith('-date') || parameter.endsWith('-datetime'))
+        return 'date';
+    return 'text';
+}

package/dist/EncounterTransferConsole.d.ts

@@ -0,0 +1,84 @@
+export type EncounterTransferStatus = 'planned' | 'in-progress' | 'on-hold' | 'completed';
+export type EncounterSourceOutcome = 'on-hold' | 'completed';
+export type EncounterTransferStage = Readonly<{
+    identifier: string;
+    /** Human-readable provider business identifier; never replaces the FHIR resource id. */
+    displayIdentifier?: string;
+    serviceLabel: string;
+    locationLabel?: string;
+    arrivedAt: string;
+    status: EncounterTransferStatus;
+}>;
+export type EmergencyContactAction = Readonly<{
+    identifier: string;
+    name: string;
+    relationship: string;
+    phone?: string;
+}>;
+export type EncounterTransferConsoleCopy = Readonly<{
+    patientSearchTitle: string;
+    scanQr: string;
+    patientId: string;
+    search: string;
+    journeyTitle: string;
+    sourceTitle: string;
+    destinationTitle: string;
+    returning: string;
+    returningHint: string;
+    notReturning: string;
+    notReturningHint: string;
+    transferTo: string;
+    reviewChanges: string;
+    applyTransfer: string;
+    emergencyActions: string;
+    call: string;
+    videoCall: string;
+    sendMessage: string;
+    text: string;
+    audio: string;
+    messageLabel: string;
+    attach: string;
+    pdf: string;
+    fhirBundle: string;
+    calendar: string;
+    send: string;
+    resourceSummary: string;
+    sourceUpdate: string;
+    sourceHistory: string;
+    destinationUpdate: string;
+    destinationHistory: string;
+    indexProjection: string;
+    demoWarning: string;
+    helpTitle: string;
+    helpBody: string;
+    transferReady: string;
+    messageReady: string;
+    callReady: string;
+    videoReady: string;
+    patientReady: string;
+    reviewReady: string;
+    attachmentReady: string;
+    technicalDetails: string;
+    encounterIdentifier: string;
+}>;
+export type EncounterTransferConsoleProps = Readonly<{
+    copy: EncounterTransferConsoleCopy;
+    patientDisplay: string;
+    encounters: readonly EncounterTransferStage[];
+    sourceEncounterId: string;
+    destinationEncounterId: string;
+    contacts: readonly EmergencyContactAction[];
+    demo?: boolean;
+    onApplyTransfer?: (sourceOutcome: EncounterSourceOutcome) => void;
+}>;
+/**
+ * Shared visual editor for one already-authorized subject transfer.
+ *
+ * Selection and demo state never grant access. The host must resolve the
+ * subject, contacts, department sender, HealthcareService and write
+ * capability in its BFF. `onApplyTransfer` reports only the requested source
+ * outcome; the provider commits authoritative Encounter changes before any
+ * completed Communication projects the result to the subject index.
+ */
+export declare function EncounterTransferConsole({ copy, patientDisplay, encounters, sourceEncounterId, destinationEncounterId, contacts, demo, onApplyTransfer }: EncounterTransferConsoleProps): import("react").JSX.Element;
+//# sourceMappingURL=EncounterTransferConsole.d.ts.map

package/dist/EncounterTransferConsole.d.ts.map

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

package/dist/EncounterTransferConsole.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo, useRef, useState } from 'react';
+const icons = {
+    scan: _jsxs(_Fragment, { children: [_jsx("path", { d: "M4 8V5a1 1 0 0 1 1-1h3M16 4h3a1 1 0 0 1 1 1v3M20 16v3a1 1 0 0 1-1 1h-3M8 20H5a1 1 0 0 1-1-1v-3" }), _jsx("path", { d: "M8 8h3v3H8zM14 8h2v2M8 14h2v2M13 13h3v3h-3z" })] }),
+    phone: _jsx("path", { d: "M7.2 3.8 9.4 7 8 9.1a14 14 0 0 0 6.9 6.9l2.1-1.4 3.2 2.2-.8 3a2 2 0 0 1-2.1 1.4C9.8 20.2 3.8 14.2 2.8 6.7A2 2 0 0 1 4.2 4.6z" }),
+    video: _jsxs(_Fragment, { children: [_jsx("rect", { x: "3", y: "6", width: "12", height: "12", rx: "2" }), _jsx("path", { d: "m15 10 6-3v10l-6-3z" })] }),
+    message: _jsx("path", { d: "M4 4h16v12H9l-5 4z" }),
+    chevron: _jsx("path", { d: "m9 5 7 7-7 7" }),
+};
+function Icon({ name }) {
+    return _jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: icons[name] });
+}
+/**
+ * Shared visual editor for one already-authorized subject transfer.
+ *
+ * Selection and demo state never grant access. The host must resolve the
+ * subject, contacts, department sender, HealthcareService and write
+ * capability in its BFF. `onApplyTransfer` reports only the requested source
+ * outcome; the provider commits authoritative Encounter changes before any
+ * completed Communication projects the result to the subject index.
+ */
+export function EncounterTransferConsole({ copy, patientDisplay, encounters, sourceEncounterId, destinationEncounterId, contacts, demo = false, onApplyTransfer }) {
+    const [sourceOutcome, setSourceOutcome] = useState('on-hold');
+    const [selectedContact, setSelectedContact] = useState(contacts[0]?.identifier);
+    const [messageOpen, setMessageOpen] = useState(false);
+    const [messageMode, setMessageMode] = useState('text');
+    const [attachments, setAttachments] = useState([]);
+    const [showTechnical, setShowTechnical] = useState(false);
+    const [status, setStatus] = useState('');
+    const railRef = useRef(null);
+    const source = useMemo(() => encounters.find((item) => item.identifier === sourceEncounterId), [encounters, sourceEncounterId]);
+    const destination = useMemo(() => encounters.find((item) => item.identifier === destinationEncounterId), [encounters, destinationEncounterId]);
+    const history = useMemo(() => encounters.filter((item) => item.identifier !== sourceEncounterId && item.identifier !== destinationEncounterId), [encounters, sourceEncounterId, destinationEncounterId]);
+    const contact = contacts.find((item) => item.identifier === selectedContact) ?? contacts[0];
+    const helpId = useId();
+    function toggleAttachment(kind) {
+        setAttachments(current => current.includes(kind) ? current.filter(item => item !== kind) : [...current, kind]);
+        setStatus(copy.attachmentReady);
+    }
+    function applyTransfer() {
+        onApplyTransfer?.(sourceOutcome);
+        setStatus(copy.transferReady);
+    }
+    return _jsxs("section", { className: "uhcp-transfer-console", children: [_jsx("aside", { className: "uhcp-transfer-contacts", children: _jsxs("details", { open: true, children: [_jsx("summary", { children: copy.emergencyActions }), _jsx("div", { className: "uhcp-transfer-contact-list", role: "list", children: contacts.map((item) => _jsxs("button", { type: "button", role: "listitem", "aria-pressed": item.identifier === contact?.identifier, onClick: () => setSelectedContact(item.identifier), children: [_jsx("span", { "aria-hidden": "true", children: item.name.split(/\s+/).map(part => part[0]).slice(0, 2).join('') }), _jsx("strong", { children: item.name }), _jsxs("small", { children: [item.relationship, item.phone ? ` · ${item.phone}` : ''] })] }, item.identifier)) }), _jsxs("div", { className: "uhcp-transfer-contact-actions", children: [_jsxs("button", { type: "button", onClick: () => setStatus(copy.callReady), children: [_jsx(Icon, { name: "phone" }), copy.call] }), _jsxs("button", { type: "button", onClick: () => setStatus(copy.videoReady), children: [_jsx(Icon, { name: "video" }), copy.videoCall] }), _jsxs("button", { type: "button", "aria-pressed": messageOpen, onClick: () => setMessageOpen(value => !value), children: [_jsx(Icon, { name: "message" }), copy.sendMessage] })] }), messageOpen && contact ? _jsxs("form", { className: "uhcp-transfer-composer", onSubmit: (event) => { event.preventDefault(); setStatus(copy.messageReady); }, children: [_jsxs("h3", { children: [copy.sendMessage, ": ", contact.name] }), _jsxs("div", { className: "uhcp-transfer-mode", role: "group", "aria-label": copy.sendMessage, children: [_jsx("button", { type: "button", "aria-pressed": messageMode === 'text', onClick: () => setMessageMode('text'), children: copy.text }), _jsx("button", { type: "button", "aria-pressed": messageMode === 'audio', onClick: () => setMessageMode('audio'), children: copy.audio })] }), messageMode === 'text' ? _jsxs("label", { children: [copy.messageLabel, _jsx("textarea", { rows: 5 })] }) : _jsxs("button", { className: "uhcp-transfer-record", type: "button", children: ["\u25CF ", copy.audio] }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.attach }), _jsxs("div", { children: [_jsx("button", { type: "button", "aria-pressed": attachments.includes('pdf'), onClick: () => toggleAttachment('pdf'), children: copy.pdf }), _jsx("button", { type: "button", "aria-pressed": attachments.includes('fhir'), onClick: () => toggleAttachment('fhir'), children: copy.fhirBundle }), _jsx("button", { type: "button", "aria-pressed": attachments.includes('calendar'), onClick: () => toggleAttachment('calendar'), children: copy.calendar })] })] }), _jsx("button", { className: "uhcp-transfer-primary", type: "submit", children: copy.send })] }) : null] }) }), _jsxs("div", { className: "uhcp-transfer-main", children: [_jsxs("header", { className: "uhcp-transfer-patient", children: [_jsx("h2", { children: copy.patientSearchTitle }), _jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => setStatus(copy.patientReady), children: [_jsx(Icon, { name: "scan" }), copy.scanQr] }), _jsx("span", { "aria-hidden": "true" }), _jsxs("label", { children: [copy.patientId, _jsx("input", { defaultValue: patientDisplay })] }), _jsx("button", { type: "button", onClick: () => setStatus(copy.patientReady), children: copy.search })] })] }), _jsxs("section", { className: "uhcp-transfer-journey", role: "region", "aria-label": copy.journeyTitle, "aria-describedby": helpId, children: [_jsxs("header", { children: [_jsx("h2", { children: copy.journeyTitle }), _jsxs("div", { children: [_jsx("button", { type: "button", "aria-label": "Anterior", onClick: () => railRef.current?.scrollBy({ left: -260, behavior: 'smooth' }), children: _jsx(Icon, { name: "chevron" }) }), _jsx("button", { type: "button", "aria-label": "Siguiente", onClick: () => railRef.current?.scrollBy({ left: 260, behavior: 'smooth' }), children: _jsx(Icon, { name: "chevron" }) })] })] }), _jsxs("div", { className: "uhcp-transfer-rail", ref: railRef, children: [history.map((item) => _jsx(EncounterCard, { encounter: item }, item.identifier)), source ? _jsxs("article", { className: "uhcp-transfer-card uhcp-transfer-source", children: [_jsx("h3", { children: copy.sourceTitle }), _jsx(EncounterCardBody, { encounter: source, identifierLabel: copy.encounterIdentifier }), _jsxs("fieldset", { children: [_jsx("legend", { children: copy.helpTitle }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "source-outcome", checked: sourceOutcome === 'on-hold', onChange: () => setSourceOutcome('on-hold') }), _jsxs("span", { children: [_jsx("strong", { children: copy.returning }), _jsx("small", { children: copy.returningHint })] })] }), _jsxs("label", { children: [_jsx("input", { type: "radio", name: "source-outcome", checked: sourceOutcome === 'completed', onChange: () => setSourceOutcome('completed') }), _jsxs("span", { children: [_jsx("strong", { children: copy.notReturning }), _jsx("small", { children: copy.notReturningHint })] })] })] })] }) : null, _jsxs("div", { className: "uhcp-transfer-arrow", children: [_jsx("span", { children: copy.transferTo }), _jsx("i", {}), _jsx(Icon, { name: "chevron" })] }), destination ? _jsxs("article", { className: "uhcp-transfer-card uhcp-transfer-destination", children: [_jsx("h3", { children: copy.destinationTitle }), _jsx(EncounterCardBody, { encounter: { ...destination, status: 'in-progress' }, identifierLabel: copy.encounterIdentifier })] }) : null] }), _jsxs("details", { className: "uhcp-transfer-help", open: true, children: [_jsx("summary", { id: helpId, children: copy.helpTitle }), _jsx("p", { children: copy.helpBody })] }), _jsxs("div", { className: "uhcp-transfer-controls", children: [_jsx("button", { type: "button", onClick: () => { setShowTechnical(true); setStatus(copy.reviewReady); }, children: copy.reviewChanges }), _jsx("button", { className: "uhcp-transfer-primary", type: "button", onClick: applyTransfer, children: copy.applyTransfer })] })] }), _jsxs("section", { className: "uhcp-transfer-review", children: [_jsxs("header", { children: [_jsx("h2", { children: copy.resourceSummary }), demo ? _jsx("p", { children: copy.demoWarning }) : null] }), _jsx("ol", { "aria-label": copy.resourceSummary, children: [[copy.sourceUpdate, 'Encounter'], [copy.sourceHistory, 'EncounterHistory'], [copy.destinationUpdate, 'Encounter'], [copy.destinationHistory, 'EncounterHistory'], [copy.indexProjection, 'Communication']].map(([label, resource], index) => _jsxs("li", { children: [_jsx("span", { children: index + 1 }), _jsx("strong", { children: label }), _jsxs("details", { open: showTechnical, children: [_jsx("summary", { children: copy.technicalDetails }), _jsx("code", { children: resource })] })] }, `${resource}-${index}`)) })] }), status ? _jsx("p", { className: "uhcp-transfer-status", role: "status", children: status }) : null] })] });
+}
+function EncounterCard({ encounter }) {
+    return _jsx("article", { className: "uhcp-transfer-card", children: _jsx(EncounterCardBody, { encounter: encounter }) });
+}
+function EncounterCardBody({ encounter, identifierLabel }) {
+    return _jsxs("div", { className: "uhcp-transfer-card-body", children: [_jsx("time", { children: encounter.arrivedAt }), _jsx("strong", { children: encounter.serviceLabel }), encounter.locationLabel ? _jsx("span", { children: encounter.locationLabel }) : null, _jsx("small", { "data-status": encounter.status, children: encounter.status }), _jsx("code", { "aria-label": identifierLabel, children: encounter.displayIdentifier ?? encounter.identifier })] });
+}

package/dist/index.d.ts

@@ -8,9 +8,11 @@ export * from './ProfileProtectionGate.js';
 export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
+export * from './ClinicalArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
+export * from './EncounterTransferConsole.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';

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,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;AAC9C,cAAc,oCAAoC,CAAA;AAClD,cAAc,sCAAsC,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,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,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"}

package/dist/index.js

@@ -8,9 +8,11 @@ export * from './ProfileProtectionGate.js';
 export * from './PortalLoadingSkeleton.js';
 export * from './ClinicalSectionSummary.js';
 export * from './IpsBundleSummary.js';
+export * from './ClinicalArtifactEditor.js';
 export * from './InvitationAcceptancePanel.js';
 export * from './SubjectAccessRequestPanel.js';
 export * from './SoschainWorkspace.js';
+export * from './EncounterTransferConsole.js';
 export * from './OrganizationWorkforceAdministration.js';
 export * from './ProtectedIndexEmergencyData.js';
 export * from './PortalSettingsPanel.js';

package/dist/styles.css

@@ -171,6 +171,101 @@ html[data-theme='dark'] .uhcp-brand-artwork-dark { display: block !important; }
   color: var(--uhcp-text);
   padding: 1.25rem;
 }
+.uhcp-clinical-editor { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:1.5rem; box-shadow:0 20px 60px rgb(15 23 42 / 22%); color:var(--uhcp-text); inset:50% auto auto 50%; max-height:calc(100dvh - 2rem); max-width:48rem; overflow:auto; padding:1.5rem; position:fixed; transform:translate(-50%,-50%); width:calc(100% - 2rem); z-index:60; }
+.uhcp-clinical-editor>header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }
+.uhcp-clinical-editor h2,.uhcp-clinical-editor p { margin:.2rem 0; }
+.uhcp-clinical-editor>header>button { background:transparent; border:1px solid var(--uhcp-border); border-radius:50%; color:inherit; cursor:pointer; font-size:1.4rem; height:2.5rem; width:2.5rem; }
+.uhcp-clinical-editor form { display:grid; gap:1rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:1.25rem; }
+.uhcp-clinical-editor label { color:var(--uhcp-text); display:grid; font-weight:700; gap:.35rem; }
+.uhcp-clinical-editor input,.uhcp-clinical-editor select,.uhcp-clinical-editor textarea { background:var(--uhcp-panel); border:1px solid var(--uhcp-border); border-radius:.7rem; color:inherit; font:inherit; padding:.75rem; }
+.uhcp-clinical-editor-wide,.uhcp-clinical-editor-error,.uhcp-clinical-editor footer { grid-column:1/-1; }
+.uhcp-clinical-editor footer { display:flex; gap:.75rem; justify-content:flex-end; }
+.uhcp-clinical-editor footer button,.uhcp-terminology-results button { border:1px solid var(--uhcp-border); border-radius:.7rem; cursor:pointer; font:inherit; padding:.7rem 1rem; }
+.uhcp-clinical-editor footer button[type=submit] { background:linear-gradient(135deg,var(--uhcp-action-start),var(--uhcp-action-end)); color:#fff; font-weight:800; }
+.uhcp-clinical-editor-error { color:#b42318; font-weight:700; }
+.uhcp-terminology-results ul { display:grid; gap:.35rem; list-style:none; margin:.25rem 0 0; padding:0; }
+.uhcp-terminology-results button { background:var(--uhcp-surface-muted); color:inherit; display:grid; text-align:start; width:100%; }
+.uhcp-terminology-results small { color:var(--uhcp-muted); display:block; font-weight:400; }
+@media (max-width:44rem) { .uhcp-clinical-editor form { grid-template-columns:1fr; } }
+
+.uhcp-transfer-console { background:#fff; color:#102754; display:grid; font-family:Inter,ui-sans-serif,system-ui,sans-serif; grid-template-columns:minmax(16rem,23rem) minmax(0,1fr); min-height:calc(100vh - 4.5rem); }
+.uhcp-transfer-console button,.uhcp-transfer-console input,.uhcp-transfer-console textarea { font:inherit; }
+.uhcp-transfer-console svg { fill:none; height:1.25rem; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; width:1.25rem; }
+.uhcp-transfer-contacts { border-inline-end:1px solid #dce5ec; padding:1.2rem; }
+.uhcp-transfer-contacts summary { cursor:pointer; font-size:1.05rem; font-weight:850; list-style-position:inside; padding:.35rem 0 1rem; }
+.uhcp-transfer-contact-list { border-block:1px solid #e2e9ef; display:grid; padding:.45rem 0; }
+.uhcp-transfer-contact-list button { background:transparent; border:0; border-inline-start:3px solid transparent; color:inherit; cursor:pointer; display:grid; gap:.15rem; grid-template-columns:2.7rem 1fr; padding:.75rem; text-align:start; }
+.uhcp-transfer-contact-list button[aria-pressed=true] { background:#eaf8fd; border-inline-start-color:#09a9dc; }
+.uhcp-transfer-contact-list button>span { align-items:center; background:#d7e7f1; border-radius:50%; display:flex; font-weight:800; grid-row:span 2; height:2.4rem; justify-content:center; width:2.4rem; }
+.uhcp-transfer-contact-list small { color:#58708e; }
+.uhcp-transfer-contact-actions { display:grid; gap:.55rem; padding:1rem 0; }
+.uhcp-transfer-contact-actions button,.uhcp-transfer-mode button,.uhcp-transfer-composer fieldset button { align-items:center; background:#fff; border:1px solid #cad7e2; border-radius:.55rem; color:inherit; cursor:pointer; display:flex; gap:.7rem; padding:.7rem .85rem; }
+.uhcp-transfer-contact-actions button[aria-pressed=true],.uhcp-transfer-mode button[aria-pressed=true] { background:#eaf8fd; border-color:#09a9dc; color:#006f96; font-weight:800; }
+.uhcp-transfer-composer fieldset button[aria-pressed=true] { background:#eaf8fd; border-color:#09a9dc; color:#006f96; font-weight:800; }
+.uhcp-transfer-composer { display:grid; gap:.8rem; }
+.uhcp-transfer-composer h3 { font-size:.95rem; margin:.2rem 0 0; }
+.uhcp-transfer-mode { display:grid; grid-template-columns:1fr 1fr; }
+.uhcp-transfer-mode button { justify-content:center; }
+.uhcp-transfer-composer label { display:grid; font-size:.82rem; font-weight:750; gap:.35rem; }
+.uhcp-transfer-composer textarea { border:1px solid #cad7e2; border-radius:.55rem; color:inherit; resize:vertical; padding:.75rem; }
+.uhcp-transfer-composer fieldset { border:0; margin:0; padding:0; }
+.uhcp-transfer-composer legend { font-size:.82rem; font-weight:750; margin-bottom:.4rem; }
+.uhcp-transfer-composer fieldset>div { display:flex; flex-wrap:wrap; gap:.4rem; }
+.uhcp-transfer-record { background:#fff; border:1px dashed #09a9dc; border-radius:.55rem; color:#006f96; padding:1rem; }
+.uhcp-transfer-primary { background:#0796a8!important; border-color:#0796a8!important; color:#fff!important; font-weight:850!important; }
+.uhcp-transfer-main { min-width:0; padding:1rem; }
+.uhcp-transfer-patient,.uhcp-transfer-journey,.uhcp-transfer-review { border:1px solid #dce5ec; border-radius:.7rem; box-shadow:0 4px 16px rgb(16 39 84 / 5%); }
+.uhcp-transfer-patient { padding:1rem; }
+.uhcp-transfer-patient h2,.uhcp-transfer-journey h2,.uhcp-transfer-review h2 { font-size:1.18rem; margin:0; }
+.uhcp-transfer-patient>div { align-items:center; display:grid; gap:.75rem; grid-template-columns:minmax(11rem,.85fr) 1px minmax(13rem,1fr) auto; margin-top:.75rem; }
+.uhcp-transfer-patient button,.uhcp-transfer-patient label { align-items:center; background:#fff; border:1px solid #9fb3c8; border-radius:.45rem; display:flex; gap:.65rem; min-height:3rem; padding:.7rem .9rem; }
+.uhcp-transfer-patient button { color:inherit; cursor:pointer; font-weight:800; justify-content:center; }
+.uhcp-transfer-patient button:last-child { background:#0796a8; border-color:#0796a8; color:#fff; }
+.uhcp-transfer-patient>div>span { background:#cbd7e1; height:2rem; }
+.uhcp-transfer-patient label { color:#64748b; }
+.uhcp-transfer-patient input { border:0; color:#102754; min-width:0; outline:0; width:100%; }
+.uhcp-transfer-journey { margin-top:.8rem; overflow:hidden; padding:1rem; }
+.uhcp-transfer-journey>header,.uhcp-transfer-review>header { align-items:center; display:flex; justify-content:space-between; }
+.uhcp-transfer-journey>header>div { display:flex; gap:.4rem; }
+.uhcp-transfer-journey>header button { align-items:center; background:#fff; border:1px solid #cad7e2; border-radius:.45rem; color:inherit; display:flex; padding:.45rem; }
+.uhcp-transfer-journey>header button:first-child svg { transform:rotate(180deg); }
+.uhcp-transfer-rail { align-items:center; display:flex; gap:.8rem; min-height:18rem; overflow-x:auto; padding:1rem .25rem; scrollbar-color:#aebfce #edf2f5; }
+.uhcp-transfer-card { border:1px solid #cad7e2; border-radius:.5rem; flex:0 0 10rem; min-height:12rem; overflow:hidden; }
+.uhcp-transfer-card h3 { background:#087db8; color:#fff; font-size:.82rem; margin:0; padding:.65rem; }
+.uhcp-transfer-card-body { display:grid; gap:.45rem; padding:.85rem; }
+.uhcp-transfer-card-body time,.uhcp-transfer-card-body span,.uhcp-transfer-card-body code { color:#60738c; font-size:.72rem; }
+.uhcp-transfer-card-body small { background:#edf2f5; border-radius:999px; color:#466079; font-size:.7rem; justify-self:start; padding:.25rem .55rem; }
+.uhcp-transfer-card-body small[data-status=in-progress] { background:#d7f4e5; color:#087a47; }
+.uhcp-transfer-card-body small[data-status=completed] { background:#dff6e8; color:#087a47; }
+.uhcp-transfer-card-body small[data-status=on-hold] { background:#fff1d2; color:#9a5a00; }
+.uhcp-transfer-source { border-color:#078dcc; flex-basis:13.5rem; }
+.uhcp-transfer-destination { border-color:#069f69; flex-basis:13rem; }
+.uhcp-transfer-destination h3 { background:#069f69; }
+.uhcp-transfer-source fieldset { border:0; border-top:1px solid #dce5ec; margin:.2rem .7rem .7rem; padding:.7rem 0 0; }
+.uhcp-transfer-source legend { font-size:.72rem; font-weight:800; }
+.uhcp-transfer-source label { align-items:start; display:flex; gap:.45rem; padding:.35rem 0; }
+.uhcp-transfer-source label span { display:grid; }
+.uhcp-transfer-source label small { color:#60738c; font-size:.68rem; }
+.uhcp-transfer-arrow { align-items:center; color:#0796a8; display:grid; flex:0 0 5rem; grid-template-columns:1fr auto; text-align:center; }
+.uhcp-transfer-arrow span { font-size:.7rem; font-weight:800; grid-column:1/-1; }
+.uhcp-transfer-arrow i { background:#0796a8; height:2px; }
+.uhcp-transfer-arrow svg { margin-left:-.45rem; }
+.uhcp-transfer-help { background:#f4f9fc; border-radius:.5rem; padding:.65rem .8rem; }
+.uhcp-transfer-help summary { cursor:pointer; font-size:.78rem; font-weight:800; }
+.uhcp-transfer-help p { color:#51677e; font-size:.78rem; margin:.4rem 0 0; }
+.uhcp-transfer-controls { display:flex; gap:.55rem; justify-content:flex-end; padding-top:.75rem; }
+.uhcp-transfer-controls button { background:#fff; border:1px solid #0796a8; border-radius:.45rem; color:#08738a; padding:.7rem 1rem; }
+.uhcp-transfer-review { margin-top:.8rem; padding:1rem; }
+.uhcp-transfer-review header p { background:#fff5dd; border:1px solid #f3ce79; border-radius:.4rem; color:#925800; font-size:.72rem; margin:0; padding:.5rem .7rem; }
+.uhcp-transfer-review ol { list-style:none; margin:.7rem 0 0; padding:0; }
+.uhcp-transfer-review li { align-items:center; border-top:1px solid #e1e8ee; display:grid; gap:.7rem; grid-template-columns:1.8rem 1fr auto; padding:.55rem; }
+.uhcp-transfer-review li>span { align-items:center; background:#e8f6fc; border-radius:50%; color:#087db8; display:flex; font-size:.72rem; font-weight:900; height:1.7rem; justify-content:center; width:1.7rem; }
+.uhcp-transfer-review li strong { font-size:.8rem; }
+.uhcp-transfer-review details { font-size:.68rem; }
+.uhcp-transfer-review summary { color:#60738c; cursor:pointer; }
+.uhcp-transfer-status { background:#dff6e8; border-radius:.45rem; color:#087a47; font-weight:750; padding:.75rem; }
+@media(max-width:900px){.uhcp-transfer-console{grid-template-columns:1fr}.uhcp-transfer-contacts{border-bottom:1px solid #dce5ec;border-inline-end:0}.uhcp-transfer-contact-actions{grid-template-columns:repeat(3,1fr)}.uhcp-transfer-patient>div{grid-template-columns:1fr}.uhcp-transfer-patient>div>span{display:none}.uhcp-transfer-review>header{align-items:flex-start;gap:.7rem;flex-direction:column}}
+@media(max-width:560px){.uhcp-transfer-main{padding:.55rem}.uhcp-transfer-contact-actions{grid-template-columns:1fr}.uhcp-transfer-rail{align-items:stretch}.uhcp-transfer-review li{grid-template-columns:1.8rem 1fr}.uhcp-transfer-review li details{grid-column:2}.uhcp-transfer-controls button{flex:1}.uhcp-transfer-review header p{font-size:.65rem}}
 
 .uhcp-identity-workspace {
   background: var(--uhcp-panel);

package/package.json

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