@remit/web-client 0.0.325 → 0.0.327

package/dist/src/components/settings/FilterEditor.d.ts

@@ -0,0 +1,22 @@
+import type { RemitImapFilterResponse } from "@remit/api-http-client/types.gen.ts";
+import { type FolderTreeNode, type LabelOption } from "@remit/ui";
+interface FilterEditorProps {
+    accountId: string;
+    filter: RemitImapFilterResponse;
+    folders: readonly FolderTreeNode[];
+    /** The provider hierarchy separator the destination tree nests on. */
+    delimiter?: string;
+    labels: LabelOption[];
+    onClose: () => void;
+}
+/**
+ * Editing a standing filter in the same chip editor the Organize surface uses
+ * (RFC 038 D6). The row's persisted rule opens in the editor — clauses, match
+ * operator, move action, scope, and expiry. Saving a predicate, action, scope, or expiry change bumps
+ * `ruleChangedAt` and offers, never runs, a re-back-apply over existing mail;
+ * a cosmetic rename does neither (RFC 034 Decision 3.2, reader #266). The
+ * re-apply carries exactly the previewed predicate and is held behind the
+ * same settled-count commit gate as creation.
+ */
+export declare function FilterEditor({ accountId, filter, folders, delimiter, labels, onClose, }: FilterEditorProps): import("react").JSX.Element;
+export {};

package/dist/src/components/settings/FilterEditor.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FilterRuleEditor, previewCountSummary, } from "@remit/ui";
+import { CheckCircle2, Loader2 } from "lucide-react";
+import { useMemo, useRef, useState } from "react";
+import { useCreateMailbox } from "../../hooks/useCreateMailbox";
+import { useCreateLabel } from "../../hooks/useLabels";
+import { useOrganizeJob } from "../../hooks/useOrganizeJob";
+import { useRulePreview } from "../../hooks/useRulePreview";
+import { useUpdateFilter } from "../../hooks/useUpdateFilter";
+import { buildUpdateFilterInput, filterToRule, ruleChangesPredicateOrAction, ruleChangesScopeOrExpiry, } from "../../lib/organize/filter-edit-model";
+import { normalizeClauseValue, rulePredicate, ruleToDraft, SUPPORTED_CLAUSE_FIELDS, } from "../../lib/organize/rule-model";
+/**
+ * Editing a standing filter in the same chip editor the Organize surface uses
+ * (RFC 038 D6). The row's persisted rule opens in the editor — clauses, match
+ * operator, move action, scope, and expiry. Saving a predicate, action, scope, or expiry change bumps
+ * `ruleChangedAt` and offers, never runs, a re-back-apply over existing mail;
+ * a cosmetic rename does neither (RFC 034 Decision 3.2, reader #266). The
+ * re-apply carries exactly the previewed predicate and is held behind the
+ * same settled-count commit gate as creation.
+ */
+export function FilterEditor({ accountId, filter, folders, delimiter, labels, onClose, }) {
+    const original = useMemo(() => filterToRule(filter), [filter]);
+    const [rule, setRule] = useState(original);
+    const [clauseEdit, setClauseEdit] = useState();
+    const [offerReapply, setOfferReapply] = useState(false);
+    const nextClauseId = useRef(0);
+    const { count: preview } = useRulePreview(accountId, rulePredicate(rule));
+    const update = useUpdateFilter(accountId, filter.filterId);
+    const organizeJob = useOrganizeJob(accountId);
+    const { createFolderIn } = useCreateMailbox(accountId);
+    const { createLabel } = useCreateLabel(accountId);
+    const onCreateLabel = async (name) => {
+        const label = await createLabel(name);
+        return { id: label.labelId, name: label.name, color: label.color };
+    };
+    const startAddClause = () => setClauseEdit({
+        mode: "add",
+        draft: { field: SUPPORTED_CLAUSE_FIELDS[0], value: "" },
+    });
+    const startEditClause = (clauseId) => {
+        const clause = rule.clauses.find((entry) => entry.id === clauseId);
+        if (!clause)
+            return;
+        setClauseEdit({
+            mode: "edit",
+            clauseId,
+            draft: { field: clause.field, value: clause.value },
+        });
+    };
+    const changeDraftField = (field) => setClauseEdit((edit) => edit ? { ...edit, draft: { ...edit.draft, field } } : edit);
+    const changeDraftValue = (value) => setClauseEdit((edit) => edit ? { ...edit, draft: { ...edit.draft, value } } : edit);
+    const submitClause = () => {
+        if (!clauseEdit)
+            return;
+        const field = clauseEdit.draft.field;
+        const value = normalizeClauseValue(field, clauseEdit.draft.value);
+        if (value === "")
+            return;
+        setRule((current) => {
+            if (clauseEdit.mode === "edit" && clauseEdit.clauseId) {
+                return {
+                    ...current,
+                    clauses: current.clauses.map((clause) => clause.id === clauseEdit.clauseId
+                        ? { id: clause.id, field, value }
+                        : clause),
+                };
+            }
+            nextClauseId.current += 1;
+            return {
+                ...current,
+                clauses: [
+                    ...current.clauses,
+                    { id: `new-${nextClauseId.current}`, field, value },
+                ],
+            };
+        });
+        setClauseEdit(undefined);
+    };
+    const removeClause = (clauseId) => setRule((current) => ({
+        ...current,
+        clauses: current.clauses.filter((clause) => clause.id !== clauseId),
+    }));
+    const changeMatchOperator = (matchOperator) => setRule((current) => ({ ...current, matchOperator }));
+    const changeMove = (mailboxId) => setRule((current) => ({
+        ...current,
+        moveMailboxId: mailboxId || undefined,
+    }));
+    const changeLabel = (labelId) => setRule((current) => ({
+        ...current,
+        labelId: labelId || undefined,
+    }));
+    const changeName = (name) => setRule((current) => ({ ...current, name }));
+    const changeScope = (scope) => setRule((current) => ({
+        ...current,
+        scope,
+        until: scope === "until" ? current.until : undefined,
+    }));
+    const changeUntil = (until) => setRule((current) => ({ ...current, until }));
+    const commit = () => {
+        const rulesChanged = ruleChangesPredicateOrAction(rule, original) ||
+            ruleChangesScopeOrExpiry(rule, original);
+        const body = buildUpdateFilterInput(rule, original);
+        if (Object.keys(body).length === 0) {
+            onClose();
+            return;
+        }
+        setOfferReapply(rulesChanged);
+        update.updateFilter(body);
+    };
+    const reapply = () => organizeJob.start(ruleToDraft(rule));
+    if (organizeJob.isStarting || organizeJob.isRunning || organizeJob.isDone) {
+        return (_jsx(ReapplyProgress, { progress: organizeJob.progress, isDone: organizeJob.isDone, onClose: onClose }));
+    }
+    if (update.isPending)
+        return _jsx(SavingState, {});
+    if (update.isError) {
+        return _jsx(SaveError, { onRetry: update.reset, onClose: onClose });
+    }
+    if (update.isSuccess) {
+        if (!offerReapply)
+            return _jsx(FilterUpdated, { onClose: onClose });
+        return (_jsx(ReapplyOffer, { preview: previewCountSummary(preview), blocked: preview.status !== "ready" || preview.stale === true, onReapply: reapply, onClose: onClose }));
+    }
+    return (_jsx(FilterRuleEditor, { rule: rule, folders: folders, delimiter: delimiter, labels: labels, preview: preview, clauseFields: SUPPORTED_CLAUSE_FIELDS, persisted: true, clauseEdit: clauseEdit, onStartAddClause: startAddClause, onStartEditClause: startEditClause, onRemoveClause: removeClause, onChangeDraftField: changeDraftField, onChangeDraftValue: changeDraftValue, onSubmitClause: submitClause, onCancelClause: () => setClauseEdit(undefined), onChangeMatchOperator: changeMatchOperator, onChangeMove: changeMove, onCreateFolder: createFolderIn, onChangeLabel: changeLabel, onCreateLabel: onCreateLabel, onChangeName: changeName, onChangeScope: changeScope, onChangeUntil: changeUntil, onCommit: commit, onCancel: onClose }));
+}
+function SavingState() {
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 px-5 py-10 text-center", children: [_jsx(Loader2, { className: "size-8 animate-spin text-accent-2" }), _jsx("p", { className: "text-sm font-medium text-fg", children: "Saving changes\u2026" })] }));
+}
+function FilterUpdated({ onClose }) {
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 px-5 py-8 text-center", children: [_jsx(CheckCircle2, { className: "size-8 text-positive" }), _jsx("p", { className: "text-sm font-medium text-fg", children: "Filter updated" }), _jsx(Button, { variant: "primary", onClick: onClose, className: "mt-2", children: "Done" })] }));
+}
+function ReapplyOffer({ preview, blocked, onReapply, onClose, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 px-5 py-8 text-center", children: [_jsx(CheckCircle2, { className: "size-8 text-positive" }), _jsx("p", { className: "text-sm font-medium text-fg", children: "Rule saved" }), _jsxs("p", { className: "max-w-xs text-xs text-fg-muted", children: ["New mail follows the rule automatically. ", preview, " \u2014 move the mail already in your mailbox too?"] }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { variant: "primary", onClick: onReapply, disabled: blocked, children: "Move existing mail" }), _jsx(Button, { variant: "ghost", onClick: onClose, children: "Not now" })] })] }));
+}
+function ReapplyProgress({ progress, isDone, onClose, }) {
+    const failed = progress.state === "Failed";
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 px-5 py-8 text-center", children: [!isDone ? (_jsx(Loader2, { className: "size-8 animate-spin text-accent-2" })) : failed ? (_jsx("span", { className: "text-sm font-semibold text-danger", children: "Move failed" })) : (_jsx(CheckCircle2, { className: "size-8 text-positive" })), !isDone && (_jsx("p", { className: "text-sm font-medium text-fg", children: "Moving existing mail\u2026" })), isDone && !failed && (_jsxs("div", { className: "text-sm text-fg", children: [_jsx("p", { className: "font-medium", children: "Done" }), _jsxs("p", { className: "mt-1 text-xs text-fg-muted", children: [progress.appliedCount, " of ", progress.matchedCount, " moved", progress.failedCount > 0
+                                ? ` · ${progress.failedCount} failed`
+                                : "", "."] })] })), isDone && failed && (_jsx("p", { className: "max-w-xs text-xs text-fg-muted", children: progress.errorMessage || "Something went wrong. Please try again." })), isDone && (_jsx(Button, { variant: "primary", onClick: onClose, className: "mt-2", children: "Done" }))] }));
+}
+function SaveError({ onRetry, onClose, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3 px-5 py-8 text-center", children: [_jsx("p", { className: "text-sm font-medium text-danger", children: "Couldn't save changes" }), _jsx("p", { className: "max-w-xs text-xs text-fg-muted", children: "Please try again." }), _jsxs("div", { className: "mt-2 flex gap-2", children: [_jsx(Button, { variant: "primary", onClick: onRetry, children: "Try again" }), _jsx(Button, { variant: "ghost", onClick: onClose, children: "Not now" })] })] }));
+}

package/dist/src/components/settings/FilterEditorSurface.d.ts

@@ -0,0 +1,18 @@
+import type { RemitImapFilterResponse } from "@remit/api-http-client/types.gen.ts";
+import { type FolderTreeNode, type LabelOption } from "@remit/ui";
+interface FilterEditorSurfaceProps {
+    accountId: string;
+    filter: RemitImapFilterResponse;
+    folders: readonly FolderTreeNode[];
+    delimiter?: string;
+    labels: LabelOption[];
+    onClose: () => void;
+}
+/**
+ * The settings filter editor in its responsive home: the centered dialog on
+ * desktop, the bottom sheet on mobile (RFC 038 D1), mounting the same
+ * {@link FilterEditor} so the two can never drift. Opened from a filter row in
+ * Settings › Filters.
+ */
+export declare function FilterEditorSurface({ accountId, filter, folders, delimiter, labels, onClose, }: FilterEditorSurfaceProps): import("react").JSX.Element;
+export {};

package/dist/src/components/settings/FilterEditorSurface.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BottomSheet, Dialog, } from "@remit/ui";
+import { useIsDesktop } from "../../hooks/useMediaQuery";
+import { FilterEditor } from "./FilterEditor";
+/**
+ * The settings filter editor in its responsive home: the centered dialog on
+ * desktop, the bottom sheet on mobile (RFC 038 D1), mounting the same
+ * {@link FilterEditor} so the two can never drift. Opened from a filter row in
+ * Settings › Filters.
+ */
+export function FilterEditorSurface({ accountId, filter, folders, delimiter, labels, onClose, }) {
+    const isDesktop = useIsDesktop();
+    const editor = (_jsx(FilterEditor, { accountId: accountId, filter: filter, folders: folders, delimiter: delimiter, labels: labels, onClose: onClose }));
+    if (isDesktop) {
+        return (_jsx(Dialog, { open: true, onClose: onClose, title: "Filter rule", children: editor }));
+    }
+    return (_jsx(BottomSheet, { open: true, onClose: onClose, label: "Filter rule", dismissLabel: "Dismiss filter rule", children: editor }));
+}

package/dist/src/components/settings/FiltersList.d.ts

@@ -0,0 +1,31 @@
+import type { RemitImapFilterResponse } from "@remit/api-http-client/types.gen.ts";
+import { type LabelOption } from "@remit/ui";
+import type { FilterRunStatus } from "../../lib/organize/filter-run";
+interface FiltersListProps {
+    filters: RemitImapFilterResponse[];
+    /** Resolve a destination mailbox id to a folder name for display. */
+    mailboxName: (mailboxId: string) => string | undefined;
+    /** Resolve a label id to its name/color for the applied-label chip (issue #26). */
+    labelById: Map<string, LabelOption>;
+    /** Open the row's rule in the editor (RFC 038 D6). */
+    onEdit: (filterId: string) => void;
+    onDelete: (filterId: string) => void;
+    deletingFilterId?: string;
+    onToggle: (filterId: string, enabled: boolean) => void;
+    togglingFilterId?: string;
+    /** Run the filter over the inbox now (#1354). */
+    onRunNow: (filterId: string) => void;
+    /** The filter the last Run now was for. */
+    runFilterId?: string;
+    /** How that run stands; a failure is reported above the list. */
+    runStatus?: FilterRunStatus;
+    /** Injected for deterministic status in tests; defaults to now. */
+    now?: number;
+}
+/**
+ * The account's standing filters, each opening its rule in the editor (RFC 038
+ * D6). Expired temporary filters stay listed and are marked Expired distinctly
+ * rather than hidden (RFC 034 Decision 1.2).
+ */
+export declare function FiltersList({ filters, mailboxName, labelById, onEdit, onDelete, deletingFilterId, onToggle, togglingFilterId, onRunNow, runFilterId, runStatus, now, }: FiltersListProps): import("react").JSX.Element;
+export {};

package/dist/src/components/settings/FiltersList.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, LabelChip } from "@remit/ui";
+import { Trash2 } from "lucide-react";
+import { disabledReasonCopy, filterDisplayStatus, formatExpiresAt, } from "../../lib/organize/filter-status";
+import { NO_ACTION } from "../../lib/organize/organize-model";
+const runStatusLine = (status) => {
+    switch (status.kind) {
+        case "queuing":
+        case "running":
+            return "Running over the inbox…";
+        case "done":
+            return status.matched === 0
+                ? "Done. Nothing in the inbox matched."
+                : `Done. Filed ${status.applied} of ${status.matched} matching messages in the inbox.`;
+        case "failed":
+            return undefined;
+    }
+};
+/**
+ * The account's standing filters, each opening its rule in the editor (RFC 038
+ * D6). Expired temporary filters stay listed and are marked Expired distinctly
+ * rather than hidden (RFC 034 Decision 1.2).
+ */
+export function FiltersList({ filters, mailboxName, labelById, onEdit, onDelete, deletingFilterId, onToggle, togglingFilterId, onRunNow, runFilterId, runStatus, now = Date.now(), }) {
+    if (filters.length === 0) {
+        return (_jsx("p", { className: "py-6 text-sm text-fg-muted", children: "No filters yet. Select a few messages in the inbox and choose Organize to make one." }));
+    }
+    return (_jsx("ul", { className: "divide-y divide-line rounded-md border border-line", children: filters.map((filter) => {
+            const status = filterDisplayStatus(filter, now);
+            const expired = status === "Expired";
+            const disabled = status === "Disabled";
+            const reason = disabled ? disabledReasonCopy(filter) : undefined;
+            const folder = filter.actionMailboxId !== NO_ACTION
+                ? mailboxName(filter.actionMailboxId)
+                : undefined;
+            const label = filter.actionLabelId !== NO_ACTION
+                ? labelById.get(filter.actionLabelId)
+                : undefined;
+            const expiresLabel = formatExpiresAt(filter.expiresAt);
+            const run = runFilterId === filter.filterId ? runStatus : undefined;
+            const busy = run?.kind === "queuing" || run?.kind === "running";
+            const runLine = run ? runStatusLine(run) : undefined;
+            const runnable = status === "Active" &&
+                (filter.actionMailboxId !== NO_ACTION ||
+                    filter.actionLabelId !== NO_ACTION);
+            return (_jsxs("li", { className: "flex items-start gap-3 px-3 py-2.5", children: [_jsxs("button", { type: "button", onClick: () => onEdit(filter.filterId), "aria-label": `Edit filter ${filter.name}`, className: "min-w-0 flex-1 rounded-sm text-left hover:opacity-80", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `truncate text-sm font-medium ${expired || disabled ? "text-fg-muted" : "text-fg"}`, children: filter.name }), _jsx(Badge, { tone: expired ? "neutral" : disabled ? "warning" : "positive", dot: true, children: status })] }), _jsxs("p", { className: "mt-0.5 text-xs text-fg-subtle", children: [folder ? `Moves matches to ${folder}` : "No move action", filter.scope === "Temporary" && expiresLabel
+                                        ? expired
+                                            ? ` · expired ${expiresLabel}`
+                                            : ` · until ${expiresLabel}`
+                                        : filter.scope === "Standing"
+                                            ? " · always"
+                                            : ""] }), reason && (_jsx("p", { className: "mt-0.5 text-xs text-warning", children: reason })), runLine && (_jsx("p", { role: "status", className: "mt-0.5 text-xs text-fg-muted", children: runLine })), label && (_jsx("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: _jsx(LabelChip, { label: {
+                                        labelId: label.id,
+                                        name: label.name,
+                                        color: label.color,
+                                    } }) }))] }), runnable && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onRunNow(filter.filterId), disabled: busy, "aria-label": `Run now: filter ${filter.name}`, children: busy ? "Running…" : "Run now" })), !expired && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => onToggle(filter.filterId, disabled), disabled: togglingFilterId === filter.filterId, "aria-label": `${disabled ? "Turn on" : "Turn off"} filter ${filter.name}`, children: disabled ? "Turn on" : "Turn off" })), _jsx(Button, { variant: "ghost", size: "sm", icon: _jsx(Trash2, { className: "size-4 text-danger" }), onClick: () => onDelete(filter.filterId), disabled: deletingFilterId === filter.filterId, "aria-label": `Delete filter ${filter.name}` })] }, filter.filterId));
+        }) }));
+}

package/dist/src/components/settings/LabelsList.d.ts

@@ -0,0 +1,15 @@
+import type { RemitImapLabelResponse } from "@remit/api-http-client/types.gen.ts";
+interface LabelsListProps {
+    labels: RemitImapLabelResponse[];
+    onRename: (labelId: string, name: string) => void;
+    onRecolor: (labelId: string, color: string) => void;
+    onDelete: (label: RemitImapLabelResponse) => void;
+    deletingLabelId?: string;
+}
+/**
+ * The account's labels, each renamable and recolorable inline and deletable
+ * with the cascade-confirming dialog the caller opens (issue #26). Mirrors
+ * `FiltersList`'s row shape: a name, a color chip, and a destructive action.
+ */
+export declare function LabelsList({ labels, onRename, onRecolor, onDelete, deletingLabelId, }: LabelsListProps): import("react").JSX.Element;
+export {};

package/dist/src/components/settings/LabelsList.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input, LabelChip, labelColorOptions, Select } from "@remit/ui";
+import { Trash2 } from "lucide-react";
+import { useState } from "react";
+/**
+ * The account's labels, each renamable and recolorable inline and deletable
+ * with the cascade-confirming dialog the caller opens (issue #26). Mirrors
+ * `FiltersList`'s row shape: a name, a color chip, and a destructive action.
+ */
+export function LabelsList({ labels, onRename, onRecolor, onDelete, deletingLabelId, }) {
+    const [editingId, setEditingId] = useState();
+    const [draftName, setDraftName] = useState("");
+    if (labels.length === 0) {
+        return (_jsx("p", { className: "py-6 text-sm text-fg-muted", children: "No labels yet. Create one below, then use it in a filter or apply it to mail directly." }));
+    }
+    const commitRename = (labelId) => {
+        const trimmed = draftName.trim();
+        if (trimmed !== "")
+            onRename(labelId, trimmed);
+        setEditingId(undefined);
+    };
+    return (_jsx("ul", { className: "divide-y divide-line rounded-md border border-line", children: labels.map((label) => (_jsxs("li", { className: "flex items-center gap-3 px-3 py-2.5", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [editingId === label.labelId ? (_jsx(Input, { autoFocus: true, value: draftName, onChange: (event) => setDraftName(event.target.value), onBlur: () => commitRename(label.labelId), onKeyDown: (event) => {
+                                if (event.key === "Enter") {
+                                    event.preventDefault();
+                                    commitRename(label.labelId);
+                                }
+                                if (event.key === "Escape") {
+                                    event.preventDefault();
+                                    setEditingId(undefined);
+                                }
+                            }, "aria-label": `Rename label ${label.name}` })) : (_jsx("button", { type: "button", onClick: () => {
+                                setEditingId(label.labelId);
+                                setDraftName(label.name);
+                            }, "aria-label": `Rename label ${label.name}`, className: "flex items-center gap-2 rounded-sm text-left hover:opacity-80", children: _jsx(LabelChip, { label: label }) })), _jsx("p", { className: "mt-0.5 text-xs text-fg-subtle", children: label.filterCount === 0
+                                ? "Not used in any filter"
+                                : `Used in ${label.filterCount} ${label.filterCount === 1 ? "filter" : "filters"}` })] }), _jsx(Select, { "aria-label": `Color for ${label.name}`, value: label.color, onChange: (event) => onRecolor(label.labelId, event.target.value), className: "w-28 shrink-0", children: labelColorOptions.map((color) => (_jsx("option", { value: color, children: color }, color))) }), _jsx(Button, { variant: "ghost", size: "sm", icon: _jsx(Trash2, { className: "size-4 text-danger" }), onClick: () => onDelete(label), disabled: deletingLabelId === label.labelId, "aria-label": `Delete label ${label.name}` })] }, label.labelId))) }));
+}

package/dist/src/components/settings/SelfUpdatePanel.d.ts

@@ -0,0 +1 @@
+export declare function SelfUpdatePanel(): import("react").JSX.Element | null;

package/dist/src/components/settings/SelfUpdatePanel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The self-update surface in Settings › Advanced — the only place that talks
+ * about updates. Renders nothing when the surface is absent (no manifest URL, or
+ * not signed in), so there is no entry point at all in that case.
+ */
+import { SelfUpdateConfirmDialog, SelfUpdateSection } from "@remit/ui";
+import { useState } from "react";
+import { useSelfUpdate } from "../../hooks/use-system-update";
+export function SelfUpdatePanel() {
+    const { surface, release, currentVersion, appliesSchemaMigration, onCheck, install, onDismissResult, } = useSelfUpdate();
+    const [confirming, setConfirming] = useState(false);
+    if (surface.status !== "ready")
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(SelfUpdateSection, { state: surface.section, onCheck: onCheck, onInstall: () => setConfirming(true), onDismissResult: onDismissResult }), release && currentVersion && (_jsx(SelfUpdateConfirmDialog, { open: confirming, currentVersion: currentVersion, release: release, appliesSchemaMigration: appliesSchemaMigration, onClose: () => setConfirming(false), onConfirm: () => {
+                    setConfirming(false);
+                    install(release.version);
+                } }))] }));
+}

package/dist/src/components/settings/TimeZoneSelect.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The zone a calendar's floating times are read in. The empty choice is how
+ * the API spells "no zone", which reads as UTC — there is no IANA name for UTC
+ * the server accepts, so it is offered as its own option rather than as a zone.
+ */
+export interface TimeZoneSelectProps {
+    id: string;
+    value: string;
+    disabled?: boolean;
+    onChange: (timeZone: string) => void;
+}
+export declare function TimeZoneSelect({ id, value, disabled, onChange, }: TimeZoneSelectProps): import("react").JSX.Element;

package/dist/src/components/settings/TimeZoneSelect.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select } from "@remit/ui";
+import { UNZONED_CALENDAR } from "../../hooks/calendar";
+const ZONES = Intl.supportedValuesOf("timeZone");
+export function TimeZoneSelect({ id, value, disabled, onChange, }) {
+    const zones = value === UNZONED_CALENDAR || ZONES.includes(value)
+        ? ZONES
+        : [value, ...ZONES];
+    return (_jsxs(Select, { id: id, value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: [_jsx("option", { value: UNZONED_CALENDAR, children: "None (read as UTC)" }), zones.map((zone) => (_jsx("option", { value: zone, children: zone }, zone)))] }));
+}

package/dist/src/components/settings/TlsRootCaDownload.d.ts

@@ -0,0 +1 @@
+export declare function TlsRootCaDownload(): import("react").JSX.Element | null;

package/dist/src/components/settings/TlsRootCaDownload.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Settings > Advanced, shown only for TLS_MODE=internal (deploy/vps/README.md,
+ * "TLS", has the rationale). Downloads the same root CA `remit cert` exports,
+ * served by deploy/vps/caddy/internal.caddy — reachable in-app instead of
+ * over SSH.
+ */
+import { ButtonLink } from "@remit/ui";
+import { ShieldCheck } from "lucide-react";
+import { getRuntimeConfig } from "../../runtime-config";
+export function TlsRootCaDownload() {
+    if (getRuntimeConfig().tlsMode !== "internal")
+        return null;
+    return (_jsxs("div", { className: "border-t border-line pt-4 mt-4", children: [_jsx("p", { className: "text-sm font-medium text-fg mb-1", children: "TLS root certificate" }), _jsx("p", { className: "text-sm text-fg-muted mb-2", children: "This deployment signs its own certificate. Import it into the trust store of each device you browse from, and the browser warning stops for good." }), _jsx(ButtonLink, { href: "/tls-root-ca.crt", download: true, variant: "secondary", size: "sm", icon: _jsx(ShieldCheck, { className: "size-3.5" }), children: "Download root certificate" })] }));
+}

package/dist/src/components/settings/WarningsNavIcon.d.ts

@@ -0,0 +1 @@
+export declare function WarningsNavIcon(): import("react").JSX.Element;

package/dist/src/components/settings/WarningsNavIcon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AttentionDot } from "@remit/ui";
+import { TriangleAlert } from "lucide-react";
+import { useWarningsAttention } from "../../hooks/useWarningsAttention";
+export function WarningsNavIcon() {
+    const attention = useWarningsAttention();
+    return (_jsx(AttentionDot, { label: attention, children: _jsx(TriangleAlert, { className: "size-4" }) }));
+}

package/dist/src/components/settings/WarningsPanel.d.ts

@@ -0,0 +1,21 @@
+import { type QuarantineEntry, type SyncWarningEntry } from "@remit/ui";
+import { type ReactNode } from "react";
+export type WarningsRead = {
+    kind: "Pending";
+} | {
+    kind: "SignedOut";
+} | {
+    kind: "Failed";
+    error: unknown;
+} | {
+    kind: "Ready";
+    quarantine: readonly QuarantineEntry[];
+    warnings: readonly SyncWarningEntry[];
+    warningsTotal: number;
+};
+export interface WarningsPanelViewProps {
+    read: WarningsRead;
+    signIn: ReactNode;
+}
+export declare function WarningsPanelView({ read, signIn }: WarningsPanelViewProps): import("react").JSX.Element;
+export declare function WarningsPanel(): import("react").JSX.Element;

package/dist/src/components/settings/WarningsPanel.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { configOperationsGetConfigOptions } from "@remit/api-http-client/@tanstack/react-query.gen.ts";
+import { Button, formatErrorMessage, formatQuarantineReport, formatSyncWarningReport, MessageReportDialog, QuarantineSection, quarantineIssueTitle, quarantineReportSections, SyncWarningSection, syncWarningIssueTitle, } from "@remit/ui";
+import { useQuery } from "@tanstack/react-query";
+import { Bug } from "lucide-react";
+import { useMemo, useState } from "react";
+import { SignInAgain } from "../../auth/SignInAgain";
+import { useResultFolderIndex } from "../../hooks/useResultFolderIndex";
+import { useWarningsList } from "../../hooks/useWarningsAttention";
+import { buildBugReportContext, buildGitHubIssueUrl, } from "../../lib/bug-report";
+import { isUnauthenticated } from "../../lib/error-classifier";
+import { toQuarantineEntry } from "../../lib/quarantine-entries";
+import { toSyncWarningEntry } from "../../lib/sync-warning-entries";
+const EMPTY_QUARANTINE = [];
+const EMPTY_WARNINGS = [];
+function openIssue(url) {
+    window.open(url, "_blank", "noopener,noreferrer");
+}
+function quarantineReporting(entry) {
+    return {
+        report: formatQuarantineReport(entry),
+        issueUrl: buildGitHubIssueUrl(buildBugReportContext({
+            quarantine: quarantineReportSections(entry),
+            title: quarantineIssueTitle(entry),
+        })),
+    };
+}
+function syncWarningReporting(entry) {
+    const report = formatSyncWarningReport(entry);
+    return {
+        report,
+        issueUrl: buildGitHubIssueUrl(buildBugReportContext({
+            syncWarning: report,
+            title: syncWarningIssueTitle(entry),
+        })),
+    };
+}
+function WarningsSignedOut({ signIn }) {
+    return (_jsx("section", { role: "alert", className: "space-y-3", children: _jsxs("div", { className: "space-y-2 rounded-sm border border-danger/40 bg-danger-soft px-row-inset py-3", children: [_jsx("p", { className: "text-sm font-medium text-danger", children: "Your session has ended." }), _jsx("p", { className: "text-sm text-fg-muted", children: "Sign in again to see the messages that failed to sync or were set aside." }), signIn] }) }));
+}
+function WarningsReadFailure({ error }) {
+    return (_jsx("section", { role: "alert", className: "space-y-3", children: _jsxs("div", { className: "space-y-2 rounded-sm border border-danger/40 bg-danger-soft px-row-inset py-3", children: [_jsx("p", { className: "text-sm font-medium text-danger", children: "The warnings could not be read." }), _jsx("p", { className: "break-words text-sm text-fg-muted", children: formatErrorMessage(error) }), _jsx("p", { className: "text-xs text-fg-muted", children: "Mail may still be failing to sync or have been set aside \u2014 this page cannot say either way until it can read the list. Reporting this gets it fixed." }), _jsx(Button, { variant: "secondary", size: "sm", icon: _jsx(Bug, { className: "size-3.5" }), onClick: () => openIssue(buildGitHubIssueUrl(buildBugReportContext())), children: "Report this" })] }) }));
+}
+export function WarningsPanelView({ read, signIn }) {
+    const [reporting, setReporting] = useState(null);
+    const [copyFailed, setCopyFailed] = useState(false);
+    if (read.kind === "Pending") {
+        return (_jsx("p", { className: "animate-pulse text-sm text-fg-subtle", children: "Checking for warnings\u2026" }));
+    }
+    if (read.kind === "SignedOut")
+        return _jsx(WarningsSignedOut, { signIn: signIn });
+    if (read.kind === "Failed")
+        return _jsx(WarningsReadFailure, { error: read.error });
+    const handleCopy = (report) => {
+        navigator.clipboard.writeText(report).then(() => {
+            setCopyFailed(false);
+            setReporting(null);
+        }, () => {
+            setCopyFailed(true);
+            setReporting(null);
+        });
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [copyFailed && (_jsx("p", { role: "alert", className: "text-sm text-danger", children: "The report was not copied \u2014 this browser refused clipboard access. Cut the bug again and use Open on GitHub, which needs no clipboard." })), _jsx(SyncWarningSection, { entries: read.warnings, total: read.warningsTotal, onReport: (entry) => setReporting(syncWarningReporting(entry)) }), _jsx(QuarantineSection, { entries: read.quarantine, onCutBug: (entry) => setReporting(quarantineReporting(entry)) }), _jsx(MessageReportDialog, { report: reporting?.report ?? null, issueUrl: reporting?.issueUrl ?? "", onClose: () => setReporting(null), onCopy: handleCopy })] }));
+}
+function delimiterForMailbox(folders, mailboxId) {
+    return folders.get(mailboxId)?.hierarchyDelimiter ?? "";
+}
+export function WarningsPanel() {
+    const list = useWarningsList();
+    const config = useQuery(configOperationsGetConfigOptions());
+    const accounts = useMemo(() => config.data?.accounts ?? [], [config.data]);
+    const folders = useResultFolderIndex(accounts);
+    const wireQuarantine = list.data?.entries ?? EMPTY_QUARANTINE;
+    const wireWarnings = list.data?.warnings ?? EMPTY_WARNINGS;
+    const quarantine = useMemo(() => wireQuarantine.map((entry) => toQuarantineEntry(entry, delimiterForMailbox(folders.index, entry.mailboxId))), [wireQuarantine, folders.index]);
+    const warnings = useMemo(() => wireWarnings.map((warning) => toSyncWarningEntry(warning, folders.index.get(warning.mailboxId))), [wireWarnings, folders.index]);
+    const read = readOf(list.error ?? config.error ?? folders.error, list.isPending || config.isPending || folders.isPending, {
+        kind: "Ready",
+        quarantine,
+        warnings,
+        warningsTotal: list.data?.warningsTotal ?? 0,
+    });
+    return _jsx(WarningsPanelView, { read: read, signIn: _jsx(SignInAgain, {}) });
+}
+function readOf(error, isPending, ready) {
+    if (isUnauthenticated(error))
+        return { kind: "SignedOut" };
+    if (error)
+        return { kind: "Failed", error };
+    if (isPending)
+        return { kind: "Pending" };
+    return ready;
+}

package/dist/src/components/settings/account-form-helpers.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Derive an SMTP hostname from an IMAP hostname using the convention
+ * `imap.example.com` -> `smtp.example.com`. If the host does not start
+ * with the `imap.` prefix it is returned as-is so the caller can decide
+ * whether to use it.
+ */
+export declare const deriveSmtpHostFromImap: (imapHost: string) => string;
+interface SmtpAutoFillInput {
+    imapHost: string;
+    smtpHost?: string;
+    smtpPort?: number;
+    smtpTls?: boolean;
+    smtpStartTls?: boolean;
+}
+interface SmtpAutoFillOutput {
+    smtpHost: string;
+    smtpPort: number;
+    smtpTls: boolean;
+    smtpStartTls: boolean;
+}
+/**
+ * Compute the SMTP fields that should replace the user's current values
+ * when the SMTP host is blank but IMAP is filled. Returns `null` when
+ * no auto-fill should happen — either because the user already provided
+ * an SMTP host (we never overwrite explicit input) or because IMAP is
+ * also blank (nothing to derive from).
+ */
+export declare const computeSmtpAutoFill: (values: SmtpAutoFillInput) => SmtpAutoFillOutput | null;
+/**
+ * `true` when a connection-test error message reads as an authentication
+ * failure rather than a network/configuration problem. Mirrors the
+ * keyword detection in the onboarding wizard so both surfaces agree on
+ * what counts as "wrong credentials".
+ */
+export declare const isAuthError: (message: string | undefined) => boolean;
+/**
+ * Append the per-provider app-password hint to an auth-failure error.
+ * Preset providers reject the normal account password, which surfaces as
+ * "wrong password"; the hint tells the user they need an app password.
+ * Returns the original message unchanged when it is not an auth error.
+ */
+export declare const appendAppPasswordHint: (message: string | undefined, hint: string | undefined) => string | undefined;
+/**
+ * `true` when an account row should display the "Can't send mail —
+ * configure SMTP" warning. RFC 032 Tier 2: send capability is the explicit
+ * `smtpEnabled` marker, not inferred from `smtpHost` presence. Rows written
+ * before this field existed coalesce to `false` (treated as missing), so
+ * legacy accounts surface the same affordance as new ones.
+ */
+export declare const accountIsMissingSmtp: (account: {
+    smtpEnabled?: boolean;
+}) => boolean;
+export {};