@cellarnode/ui 0.183.0 → 0.185.0

package/dist/profile/account-edit-form.d.ts

@@ -0,0 +1,84 @@
+export interface AccountEditValues {
+    firstName: string;
+    lastName: string;
+    /** Only read when `showPhone` is set. */
+    phone?: string;
+}
+export interface AccountEditSubmit {
+    /** `firstName` and `lastName` trimmed and joined by one space. */
+    name: string;
+    /** Trimmed phone (possibly empty). Present only when `showPhone` is set. */
+    phone?: string;
+}
+export interface AccountEditFormLabels {
+    title?: string;
+    subtitle?: string;
+    /** Accessible name of the icon-only back button. */
+    back?: string;
+    personalInformation?: string;
+    personalInformationDescription?: string;
+    accountContext?: string;
+    accountContextDescription?: string;
+    firstName?: string;
+    lastName?: string;
+    phone?: string;
+    email?: string;
+    emailReadonly?: string;
+    role?: string;
+    /** Includes the trailing colon, as producer's row does. */
+    organisation?: string;
+    /** Includes the trailing colon, as producer's row does. */
+    accountId?: string;
+    notSet?: string;
+    unknownRole?: string;
+    save?: string;
+    cancel?: string;
+    changedElsewhere?: string;
+    reloadLatest?: string;
+}
+export interface AccountEditFormProps {
+    /** The account values on the server. Editing starts from, and "Reload latest" resets to, these. */
+    serverValues: AccountEditValues;
+    /** Account id. A change of id resets the form to the new account without a banner. */
+    accountId: string;
+    /**
+     * Opaque string for server-side context that is not editable here (role,
+     * organisation id). When it changes while the form is dirty, the "changed
+     * elsewhere" banner appears.
+     */
+    contextRevision?: string;
+    email?: string | null;
+    role?: string | null;
+    /** The organisation NAME, never an id. */
+    organisationName?: string | null;
+    /** Show and submit the optional phone field. */
+    showPhone?: boolean;
+    /**
+     * Return a promise. Resolve to mark the form clean (the submitted values become
+     * the baseline until `serverValues` change); reject to keep the edits. The form
+     * never reports the failure itself: the consumer owns it (producer shows a toast).
+     */
+    onSubmit: (values: AccountEditSubmit) => Promise<void>;
+    /** Called by Cancel and by the back button. */
+    onCancel: () => void;
+    /** Consumer-owned in-flight flag (e.g. a mutation). The form also tracks its own pending submit. */
+    isSaving?: boolean;
+    /** Disables Save while the account is still loading. */
+    isLoading?: boolean;
+    /** Opt-in inline alert. Producer shows none (it uses a toast), so omit it to match producer. */
+    error?: string | null;
+    /** Called when the dirty state flips, so the consumer can guard navigation. */
+    onDirtyChange?: (dirty: boolean) => void;
+    labels?: AccountEditFormLabels;
+    className?: string;
+}
+/**
+ * Edit form for the personal account (CEL-2126), a port of producer's
+ * `_app.profile.edit`, same layout: header (back, title, Cancel and Save),
+ * "Personal Information" card, "Account Context" card with icon rows. Dirty
+ * tracking and the "changed elsewhere" banner with "Reload latest".
+ * First and last name are required (Save stays disabled while either is blank).
+ * The consumer owns the data call, the copy and failure reporting.
+ */
+export declare function AccountEditForm({ serverValues, accountId, contextRevision, email, role, organisationName, showPhone, onSubmit, onCancel, isSaving, isLoading, error, onDirtyChange, labels, className, }: AccountEditFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=account-edit-form.d.ts.map

package/dist/profile/account-edit-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-edit-form.d.ts","sourceRoot":"","sources":["../../src/profile/account-edit-form.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,mGAAmG;IACnG,YAAY,EAAE,iBAAiB,CAAC;IAChC,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,+CAA+C;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2CD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,SAAS,EACT,eAAe,EACf,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,SAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,SAAiB,EACjB,KAAK,EACL,aAAa,EACb,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,2CAiRtB"}

package/dist/profile/account-edit-form.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { ArrowLeftIcon, Building2Icon, DownloadIcon, MailIcon, TriangleAlertIcon, UserIcon, } from "lucide-react";
+import { Badge } from "../components/badge.js";
+import { Button } from "../components/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../components/card.js";
+import { Input } from "../components/input.js";
+import { formatRoleLabel, present, safeOrganisationName } from "./user-information-card.js";
+const DEFAULT_LABELS = {
+    title: "Edit Account",
+    subtitle: "Update your personal account details.",
+    back: "Back",
+    personalInformation: "Personal Information",
+    personalInformationDescription: "Name and email used by your account.",
+    accountContext: "Account Context",
+    accountContextDescription: "Read-only account metadata.",
+    firstName: "First Name",
+    lastName: "Last Name",
+    phone: "Phone",
+    email: "Email",
+    emailReadonly: "Email is your sign-in identity and can't be changed here.",
+    role: "Role",
+    organisation: "Organisation:",
+    accountId: "Account ID:",
+    notSet: "Not set",
+    unknownRole: "Unknown",
+    save: "Save",
+    cancel: "Cancel",
+    changedElsewhere: "Account context changed elsewhere. Your edits are still here.",
+    reloadLatest: "Reload latest",
+};
+function toState(values, showPhone) {
+    return {
+        firstName: values.firstName ?? "",
+        lastName: values.lastName ?? "",
+        phone: showPhone ? (values.phone ?? "") : "",
+    };
+}
+const sameState = (a, b) => a.firstName === b.firstName && a.lastName === b.lastName && a.phone === b.phone;
+/**
+ * Edit form for the personal account (CEL-2126), a port of producer's
+ * `_app.profile.edit`, same layout: header (back, title, Cancel and Save),
+ * "Personal Information" card, "Account Context" card with icon rows. Dirty
+ * tracking and the "changed elsewhere" banner with "Reload latest".
+ * First and last name are required (Save stays disabled while either is blank).
+ * The consumer owns the data call, the copy and failure reporting.
+ */
+export function AccountEditForm({ serverValues, accountId, contextRevision, email, role, organisationName, showPhone = false, onSubmit, onCancel, isSaving = false, isLoading = false, error, onDirtyChange, labels, className, }) {
+    const l = { ...DEFAULT_LABELS, ...labels };
+    const uid = useId();
+    const ids = {
+        first: `${uid}-first`,
+        last: `${uid}-last`,
+        phone: `${uid}-phone`,
+        email: `${uid}-email`,
+        emailHelp: `${uid}-email-help`,
+    };
+    const serverForm = useMemo(() => toState(serverValues, showPhone), [serverValues.firstName, serverValues.lastName, serverValues.phone, showPhone]);
+    const serverRevision = JSON.stringify({ id: accountId, context: contextRevision ?? null });
+    const [form, setForm] = useState(serverForm);
+    const [baseline, setBaseline] = useState(serverForm);
+    const [serverChanged, setServerChanged] = useState(false);
+    const [pending, setPending] = useState(false);
+    const observedRef = useRef(null);
+    // The values of the last successful save. A server refetch that returns exactly
+    // these is our own save arriving, not a change made elsewhere.
+    const lastSavedRef = useRef(null);
+    const isDirty = !sameState(form, baseline);
+    const dirtyCallbackRef = useRef(onDirtyChange);
+    dirtyCallbackRef.current = onDirtyChange;
+    const lastDirtyRef = useRef(false);
+    useEffect(() => {
+        if (lastDirtyRef.current === isDirty)
+            return;
+        lastDirtyRef.current = isDirty;
+        dirtyCallbackRef.current?.(isDirty);
+    }, [isDirty]);
+    // Reconcile with the server. Adopt on first sight, on an account change, and when a
+    // CLEAN form sees the server move. Never overwrite edits: a dirty form keeps them and
+    // warns. When the server is unchanged nothing happens, so stale `serverValues` after a
+    // save never overwrite the saved baseline (the baseline is the submitted values until
+    // the server actually changes).
+    useEffect(() => {
+        const observed = observedRef.current;
+        const context = serverRevision;
+        const identityChanged = observed !== null && observed.id !== accountId;
+        const serverMoved = observed !== null && (observed.context !== context || !sameState(observed.form, serverForm));
+        observedRef.current = { id: accountId, context, form: serverForm };
+        if (observed === null || identityChanged) {
+            lastSavedRef.current = null;
+            setForm(serverForm);
+            setBaseline(serverForm);
+            setServerChanged(false);
+            return;
+        }
+        if (!serverMoved) {
+            // Back to clean after a "changed elsewhere" warning: adopt the latest, as producer does.
+            if (serverChanged && !isDirty) {
+                setForm(serverForm);
+                setBaseline(serverForm);
+                setServerChanged(false);
+            }
+            return;
+        }
+        const ownSave = lastSavedRef.current !== null && sameState(lastSavedRef.current, serverForm);
+        if (ownSave) {
+            lastSavedRef.current = null;
+            setBaseline(serverForm);
+            return;
+        }
+        if (isDirty) {
+            setServerChanged(true);
+        }
+        else {
+            setForm(serverForm);
+            setBaseline(serverForm);
+            setServerChanged(false);
+        }
+    }, [accountId, isDirty, serverChanged, serverForm, serverRevision]);
+    const reloadLatest = () => {
+        lastSavedRef.current = null;
+        setForm(serverForm);
+        setBaseline(serverForm);
+        setServerChanged(false);
+    };
+    const busy = pending || isSaving;
+    const namesPresent = form.firstName.trim() !== "" && form.lastName.trim() !== "";
+    const canSave = isDirty && namesPresent && !isLoading && !busy;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        if (!canSave)
+            return;
+        const snapshot = form;
+        const saved = {
+            firstName: snapshot.firstName.trim(),
+            lastName: snapshot.lastName.trim(),
+            phone: showPhone ? snapshot.phone.trim() : "",
+        };
+        const payload = {
+            name: `${saved.firstName} ${saved.lastName}`,
+            ...(showPhone ? { phone: saved.phone } : {}),
+        };
+        setPending(true);
+        try {
+            await onSubmit(payload);
+        }
+        catch {
+            // The consumer reports the failure; the edits stay in place.
+            return;
+        }
+        finally {
+            setPending(false);
+        }
+        // The submitted values are the new baseline. A field edited while the save was in
+        // flight keeps what the user typed; an untouched one is normalised to what was sent.
+        lastSavedRef.current = saved;
+        setBaseline(saved);
+        setForm((current) => ({
+            firstName: current.firstName === snapshot.firstName ? saved.firstName : current.firstName,
+            lastName: current.lastName === snapshot.lastName ? saved.lastName : current.lastName,
+            phone: current.phone === snapshot.phone ? saved.phone : current.phone,
+        }));
+    };
+    const labelClass = "text-sm font-medium text-foreground";
+    const safeOrg = safeOrganisationName(organisationName);
+    return (_jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: ["mx-auto flex max-w-3xl flex-col gap-6", className].filter(Boolean).join(" "), children: [_jsxs("header", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { plain: true, onClick: onCancel, className: "p-2", "aria-label": l.back, children: _jsx(ArrowLeftIcon, { className: "size-5", "aria-hidden": "true" }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-foreground", children: l.title }), _jsx("p", { className: "mt-1 text-muted-foreground", children: l.subtitle })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { outline: true, onClick: onCancel, children: l.cancel }), _jsxs(Button, { type: "submit", color: "brand", disabled: !canSave, children: [_jsx(DownloadIcon, { className: "size-4", "aria-hidden": "true" }), l.save] })] })] }), _jsxs(Card, { className: "border-border/60", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { role: "heading", "aria-level": 2, className: "text-xl text-foreground", children: l.personalInformation }), _jsx(CardDescription, { children: l.personalInformationDescription })] }), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [serverChanged ? (_jsxs("div", { role: "status", className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border border-[var(--tone-warning-border)] bg-[var(--tone-warning-soft)] px-3 py-2 text-sm/6 text-[var(--tone-warning-fg)]", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx(TriangleAlertIcon, { "aria-hidden": "true", className: "size-5 shrink-0" }), l.changedElsewhere] }), _jsx(Button, { outline: true, onClick: reloadLatest, disabled: busy, children: l.reloadLatest })] })) : null, error ? (_jsx("div", { role: "alert", className: "rounded-lg border border-[var(--tone-danger-border)] bg-[var(--tone-danger-soft)] px-3 py-2 text-sm/6 text-[var(--tone-danger-fg)]", children: error })) : null, _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: ids.first, className: labelClass, children: l.firstName }), _jsx(Input, { id: ids.first, value: form.firstName, onChange: (e) => setForm((c) => ({ ...c, firstName: e.target.value })), autoComplete: "given-name", required: true })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: ids.last, className: labelClass, children: l.lastName }), _jsx(Input, { id: ids.last, value: form.lastName, onChange: (e) => setForm((c) => ({ ...c, lastName: e.target.value })), autoComplete: "family-name", required: true })] })] }), showPhone ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: ids.phone, className: labelClass, children: l.phone }), _jsx(Input, { id: ids.phone, type: "tel", value: form.phone, onChange: (e) => setForm((c) => ({ ...c, phone: e.target.value })), autoComplete: "tel" })] })) : null, _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: ids.email, className: labelClass, children: l.email }), _jsx(Input, { id: ids.email, type: "email", value: email ?? "", disabled: true, readOnly: true, "aria-describedby": ids.emailHelp }), _jsx("p", { id: ids.emailHelp, className: "text-xs text-muted-foreground", children: l.emailReadonly })] })] })] }), _jsxs(Card, { className: "border-border/60", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { role: "heading", "aria-level": 2, className: "text-xl text-foreground", children: l.accountContext }), _jsx(CardDescription, { children: l.accountContextDescription })] }), _jsxs(CardContent, { className: "flex flex-col gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(UserIcon, { className: "size-4 text-primary", "aria-hidden": "true" }), l.role, _jsx(Badge, { color: "zinc", className: "ml-1 bg-primary/10 text-primary", children: formatRoleLabel(role, l.unknownRole) })] }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Building2Icon, { className: "size-4 text-primary", "aria-hidden": "true" }), l.organisation, " ", _jsx("span", { className: "font-medium text-foreground", children: safeOrg ?? l.notSet })] }), _jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(MailIcon, { className: "size-4 text-primary", "aria-hidden": "true" }), l.accountId, " ", _jsx("span", { className: "font-mono text-foreground", children: present(accountId) ?? "-" })] })] })] })] }));
+}
+//# sourceMappingURL=account-edit-form.js.map

package/dist/profile/account-edit-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-edit-form.js","sourceRoot":"","sources":["../../src/profile/account-edit-form.tsx"],"names":[],"mappings":"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"}

package/dist/profile/account-preferences-card.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+export type AccountTheme = "light" | "dark" | "system";
+export interface AccountPreferencesLabels {
+    title?: string;
+    description?: string;
+    theme?: string;
+    language?: string;
+    light?: string;
+    dark?: string;
+    system?: string;
+}
+export interface AccountPreferencesCardProps {
+    /** The current theme, or `undefined` before the consumer's theme provider has mounted. */
+    theme?: string | null;
+    onThemeChange: (theme: AccountTheme) => void;
+    /** The consumer's LanguageSwitcher. The "Language" group is omitted when absent. */
+    languageSlot?: ReactNode;
+    labels?: AccountPreferencesLabels;
+    className?: string;
+}
+/**
+ * The "Preferences" card (CEL-2126): producer's theme buttons as a radio group
+ * (arrow keys move and select, roving tabindex) plus a slot for the consumer's
+ * language switcher. The consumer owns theme state.
+ */
+export declare function AccountPreferencesCard({ theme, onThemeChange, languageSlot, labels, className, }: AccountPreferencesCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=account-preferences-card.d.ts.map

package/dist/profile/account-preferences-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-preferences-card.d.ts","sourceRoot":"","sources":["../../src/profile/account-preferences-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1E,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvD,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,oFAAoF;IACpF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,aAAa,EACb,YAAY,EACZ,MAAM,EACN,SAAS,GACV,EAAE,2BAA2B,2CAyE7B"}

package/dist/profile/account-preferences-card.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useRef } from "react";
+import { MonitorIcon, MoonIcon, SunIcon } from "lucide-react";
+import { cn } from "../lib/utils.js";
+import { ProfileCard } from "./profile.js";
+const DEFAULT_LABELS = {
+    title: "Preferences",
+    description: "Language and display settings.",
+    theme: "Theme",
+    language: "Language",
+    light: "Light",
+    dark: "Dark",
+    system: "System",
+};
+const THEMES = [
+    { value: "light", key: "light", Icon: SunIcon },
+    { value: "dark", key: "dark", Icon: MoonIcon },
+    { value: "system", key: "system", Icon: MonitorIcon },
+];
+/**
+ * The "Preferences" card (CEL-2126): producer's theme buttons as a radio group
+ * (arrow keys move and select, roving tabindex) plus a slot for the consumer's
+ * language switcher. The consumer owns theme state.
+ */
+export function AccountPreferencesCard({ theme, onThemeChange, languageSlot, labels, className, }) {
+    const l = { ...DEFAULT_LABELS, ...labels };
+    const labelId = useId();
+    const refs = useRef([]);
+    const selectedIndex = THEMES.findIndex((t) => t.value === theme);
+    const tabStop = selectedIndex === -1 ? 0 : selectedIndex;
+    const onKeyDown = (event, index) => {
+        const delta = event.key === "ArrowRight" || event.key === "ArrowDown"
+            ? 1
+            : event.key === "ArrowLeft" || event.key === "ArrowUp"
+                ? -1
+                : 0;
+        if (delta === 0)
+            return;
+        event.preventDefault();
+        const next = (index + delta + THEMES.length) % THEMES.length;
+        onThemeChange(THEMES[next].value);
+        refs.current[next]?.focus();
+    };
+    return (_jsx(ProfileCard, { title: l.title, description: l.description, className: className, children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { children: [_jsx("p", { id: labelId, className: "mb-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.theme }), _jsx("div", { role: "radiogroup", "aria-labelledby": labelId, className: "grid grid-cols-3 gap-2", children: THEMES.map(({ value, key, Icon }, index) => {
+                                const selected = theme === value;
+                                return (_jsxs("button", { ref: (node) => {
+                                        refs.current[index] = node;
+                                    }, type: "button", role: "radio", "aria-checked": selected, tabIndex: index === tabStop ? 0 : -1, onClick: () => onThemeChange(value), onKeyDown: (event) => onKeyDown(event, index), className: cn("flex min-w-0 flex-col items-center gap-2 rounded-2xl border px-3 py-4 text-sm font-medium transition-colors", "outline-offset-2 focus-visible:outline-2 focus-visible:outline-ring", selected
+                                        ? "border-primary/40 bg-primary/10 text-primary"
+                                        : "border-border bg-card text-muted-foreground hover:border-primary/20 hover:bg-accent hover:text-foreground"), children: [_jsx(Icon, { className: "size-5", "aria-hidden": "true" }), l[key]] }, value));
+                            }) })] }), languageSlot ? (_jsxs("div", { children: [_jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: l.language }), languageSlot] })) : null] }) }));
+}
+//# sourceMappingURL=account-preferences-card.js.map

package/dist/profile/account-preferences-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-preferences-card.js","sourceRoot":"","sources":["../../src/profile/account-preferences-card.tsx"],"names":[],"mappings":"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"}

package/dist/profile/index.d.ts

@@ -12,4 +12,14 @@ export * from "./business-details.js";
 export * from "./certifications-card.js";
 export * from "./profile-cta.js";
 export { PortfolioCoverPlaceholder, type PortfolioCoverPlaceholderProps, } from "../components/portfolio-cover-placeholder.js";
+export { UserInformationCard, deriveInitials } from "./user-information-card.js";
+export type { UserInformationCardLabels, UserInformationCardProps } from "./user-information-card.js";
+export { AccountEditForm } from "./account-edit-form.js";
+export type { AccountEditFormLabels, AccountEditFormProps, AccountEditSubmit, AccountEditValues, } from "./account-edit-form.js";
+export { AccountPreferencesCard } from "./account-preferences-card.js";
+export type { AccountPreferencesCardProps, AccountPreferencesLabels, AccountTheme, } from "./account-preferences-card.js";
+export { AccountActionsCard } from "./account-actions-card.js";
+export type { AccountActionsCardProps, AccountActionsLabels } from "./account-actions-card.js";
+export { SubscriptionCard } from "./subscription-card.js";
+export type { AccountSubscription, SubscriptionCardLabels, SubscriptionCardProps, } from "./subscription-card.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/profile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,2CAA2C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,yBAAyB,EACzB,KAAK,8BAA8B,GACpC,MAAM,2CAA2C,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9E,YAAY,EAAE,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EACV,2BAA2B,EAC3B,wBAAwB,EACxB,YAAY,GACb,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist/profile/index.js

@@ -12,4 +12,10 @@ export * from "./business-details.js";
 export * from "./certifications-card.js";
 export * from "./profile-cta.js";
 export { PortfolioCoverPlaceholder, } from "../components/portfolio-cover-placeholder.js";
+// CEL-2126 phase 2b: shared personal-account profile components.
+export { UserInformationCard, deriveInitials } from "./user-information-card.js";
+export { AccountEditForm } from "./account-edit-form.js";
+export { AccountPreferencesCard } from "./account-preferences-card.js";
+export { AccountActionsCard } from "./account-actions-card.js";
+export { SubscriptionCard } from "./subscription-card.js";
 //# sourceMappingURL=index.js.map

package/dist/profile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,yBAAyB,GAE1B,MAAM,2CAA2C,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/profile/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,yBAAyB,GAE1B,MAAM,2CAA2C,CAAC;AAEnD,iEAAiE;AACjE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAOtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAMpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/profile/subscription-card.d.ts

@@ -0,0 +1,49 @@
+/**
+ * The account's plan. Distinct from `SubscriptionInfo` in `ui/org`, which is
+ * the seat-count shape for team management.
+ */
+export interface AccountSubscription {
+    /** Tier key, e.g. "free" or "standard". Shown capitalised. */
+    tier?: string | null;
+    /** Plan display name. */
+    planName?: string | null;
+    /** Status text, already translated by the consumer (e.g. "Active"). */
+    status?: string | null;
+    /** Entitlement names, already translated by the consumer. */
+    entitlements?: readonly string[];
+    /** ISO timestamp of the last plan change. */
+    updatedAt?: string | null;
+}
+export interface SubscriptionCardLabels {
+    title?: string;
+    description?: string;
+    tier?: string;
+    plan?: string;
+    status?: string;
+    entitlements?: string;
+    lastUpdated?: string;
+    noEntitlements?: string;
+    notUpdated?: string;
+    loadFailed?: string;
+    retry?: string;
+    empty?: string;
+    /** Announced (visually hidden) while loading. */
+    loading?: string;
+}
+export interface SubscriptionCardProps {
+    subscription?: AccountSubscription | null;
+    isLoading?: boolean;
+    isError?: boolean;
+    /** Renders the "Try again" button in the error state. */
+    onRetry?: () => void;
+    /** BCP 47 locale for the "last updated" date. Defaults to the runtime locale. */
+    locale?: string;
+    labels?: SubscriptionCardLabels;
+    className?: string;
+}
+/**
+ * Plan, status and entitlements card (CEL-2126). Ported from the importer's
+ * profile page. States: loading, error with retry, empty, and populated.
+ */
+export declare function SubscriptionCard({ subscription, isLoading, isError, onRetry, locale, labels, className, }: SubscriptionCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=subscription-card.d.ts.map

package/dist/profile/subscription-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-card.d.ts","sourceRoot":"","sources":["../../src/profile/subscription-card.tsx"],"names":[],"mappings":"AAcA;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,SAAiB,EACjB,OAAe,EACf,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,qBAAqB,2CAkGvB"}

package/dist/profile/subscription-card.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActivityIcon, BadgeCheckIcon, KeyRoundIcon, RefreshCwIcon, ShieldCheckIcon, UserRoundIcon, } from "lucide-react";
+import { Badge } from "../components/badge.js";
+import { Button } from "../components/button.js";
+import { EmptyState } from "../components/empty-state.js";
+import { Skeleton } from "../components/skeleton.js";
+import { ProfileCard, ProfileDetailRow } from "./profile.js";
+const DEFAULT_LABELS = {
+    title: "Subscription and entitlements",
+    description: "Your current plan.",
+    tier: "Tier",
+    plan: "Plan",
+    status: "Status",
+    entitlements: "Entitlements",
+    lastUpdated: "Last updated",
+    noEntitlements: "No entitlements",
+    notUpdated: "Not yet updated",
+    loadFailed: "Subscription details could not be loaded.",
+    retry: "Try again",
+    empty: "No active subscription.",
+    loading: "Loading subscription details",
+};
+/** The importer card's detail-row layout: stacked on mobile, 1fr/2fr from `sm`. */
+const DETAIL_ROW_CLASS = "grid-cols-1 gap-1.5 sm:grid-cols-[1fr_2fr] sm:gap-3";
+function formatDate(value, locale) {
+    const date = new Date(value);
+    if (Number.isNaN(date.valueOf()))
+        return value;
+    return new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short" }).format(date);
+}
+/**
+ * Plan, status and entitlements card (CEL-2126). Ported from the importer's
+ * profile page. States: loading, error with retry, empty, and populated.
+ */
+export function SubscriptionCard({ subscription, isLoading = false, isError = false, onRetry, locale, labels, className, }) {
+    const l = { ...DEFAULT_LABELS, ...labels };
+    let body;
+    if (isLoading) {
+        body = (_jsxs("div", { role: "status", "aria-busy": "true", className: "divide-y divide-border/50 border-y border-border/50", children: [_jsx("span", { className: "sr-only", children: l.loading }), _jsx(Skeleton, { className: "my-3 h-10 w-full" }), _jsx(Skeleton, { className: "my-3 h-10 w-full" })] }));
+    }
+    else if (isError) {
+        body = (_jsxs("div", { role: "alert", className: "flex flex-wrap items-center justify-between gap-3 border-y border-border/50 py-5", children: [_jsx("p", { className: "text-sm/6 text-foreground", children: l.loadFailed }), onRetry ? (_jsxs(Button, { outline: true, className: "min-h-11", onClick: onRetry, children: [_jsx(RefreshCwIcon, { className: "size-4", "aria-hidden": "true" }), l.retry] })) : null] }));
+    }
+    else if (!subscription) {
+        body = (_jsx(EmptyState, { className: "border-y border-border/50 py-10", icon: _jsx(ShieldCheckIcon, { className: "size-5" }), headline: l.empty }));
+    }
+    else {
+        const entitlements = subscription.entitlements ?? [];
+        body = (_jsxs("dl", { className: "divide-y divide-border/50 border-y border-border/50", children: [subscription.tier ? (_jsx(ProfileDetailRow, { className: DETAIL_ROW_CLASS, icon: _jsx(UserRoundIcon, { className: "size-4", "aria-hidden": "true" }), label: l.tier, value: _jsx("span", { className: "capitalize", children: subscription.tier }) })) : null, _jsx(ProfileDetailRow, { className: DETAIL_ROW_CLASS, icon: _jsx(ShieldCheckIcon, { className: "size-4", "aria-hidden": "true" }), label: l.plan, value: subscription.planName?.trim() || "-" }), subscription.status ? (_jsx(ProfileDetailRow, { className: DETAIL_ROW_CLASS, icon: _jsx(ActivityIcon, { className: "size-4", "aria-hidden": "true" }), label: l.status, value: _jsx(Badge, { color: "brand", children: subscription.status }) })) : null, _jsx(ProfileDetailRow, { className: DETAIL_ROW_CLASS, icon: _jsx(BadgeCheckIcon, { className: "size-4", "aria-hidden": "true" }), label: l.entitlements, value: entitlements.length > 0 ? (_jsx("ul", { className: "flex flex-wrap gap-1.5", children: entitlements.map((name, index) => (_jsx("li", { children: _jsx(Badge, { children: name }) }, `${index}-${name}`))) })) : (_jsx("span", { className: "text-muted-foreground", children: l.noEntitlements })) }), _jsx(ProfileDetailRow, { className: DETAIL_ROW_CLASS, icon: _jsx(KeyRoundIcon, { className: "size-4", "aria-hidden": "true" }), label: l.lastUpdated, value: subscription.updatedAt ? formatDate(subscription.updatedAt, locale) : l.notUpdated })] }));
+    }
+    return (_jsx(ProfileCard, { title: l.title, description: l.description, className: className, children: body }));
+}
+//# sourceMappingURL=subscription-card.js.map

package/dist/profile/subscription-card.js.map

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

package/dist/profile/user-information-card.d.ts

@@ -0,0 +1,55 @@
+export interface UserInformationCardLabels {
+    title?: string;
+    description?: string;
+    role?: string;
+    organisation?: string;
+    accountId?: string;
+    phone?: string;
+    editAccount?: string;
+    /** Shown for an empty organisation, phone or role. */
+    notSet?: string;
+    /** Shown under the name when there is no email. */
+    noEmail?: string;
+    /** Fallback display name when `name` is empty. */
+    unnamedUser?: string;
+    /** Shown in place of the name while `isLoading`. */
+    loading?: string;
+    /** Role badge text when there is no role. */
+    unknownRole?: string;
+}
+export interface UserInformationCardProps {
+    /** Display name. Falls back to `labels.unnamedUser`. */
+    name?: string | null;
+    email?: string | null;
+    avatarUrl?: string | null;
+    /** Avatar fallback initials. Derived from `name` when omitted. */
+    initials?: string;
+    /** Role text for the badge. The first letter is capitalised, as producer does. An empty role shows "Unknown". */
+    role?: string | null;
+    /** The organisation NAME, never an id. A UUID-looking value logs a dev-only warning. */
+    organisationName?: string | null;
+    accountId?: string | null;
+    /** Shown only when provided (importer shows it, producer does not have it). */
+    phone?: string | null;
+    /** Renders the "Edit Account" button in the card footer when provided. */
+    onEdit?: () => void;
+    /** Shows skeletons for the name and email while the user loads. */
+    isLoading?: boolean;
+    labels?: UserInformationCardLabels;
+    className?: string;
+}
+/** Initials from a display name: first letters of the first two words. */
+export declare function deriveInitials(name: string | null | undefined): string;
+/** @internal Trimmed text or null. */
+export declare function present(value: string | null | undefined): string | null;
+/** @internal The trimmed organisation name or null. Warns in development when it looks like an id. */
+export declare function safeOrganisationName(value: string | null | undefined): string | null;
+/** @internal Producer's formatRole: first letter capitalised. */
+export declare function formatRoleLabel(role: string | null | undefined, unknown: string): string;
+/**
+ * The "User Information" card of the personal profile page (CEL-2126).
+ * Producer's card: avatar, name, email, role badge, organisation name,
+ * account id, an optional phone and an optional Edit Account action.
+ */
+export declare function UserInformationCard({ name, email, avatarUrl, initials, role, organisationName, accountId, phone, onEdit, isLoading, labels, className, }: UserInformationCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=user-information-card.d.ts.map

package/dist/profile/user-information-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-information-card.d.ts","sourceRoot":"","sources":["../../src/profile/user-information-card.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iHAAiH;IACjH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wFAAwF;IACxF,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAQtE;AAED,sCAAsC;AACtC,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGvE;AAED,sGAAsG;AACtG,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAQpF;AAED,iEAAiE;AACjE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAGxF;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAiB,EACjB,MAAM,EACN,SAAS,GACV,EAAE,wBAAwB,2CA+D1B"}