@hub-kit/core 0.3.0

package/dist/pages/overview/overview-page.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { DashboardPanel, MoneyCardsRow, MoneyTrendChart, PeriodPicker, PipelineStagesPanel, ProcessingSummaryPanel, RankedListPanel, StatRowsPanel, englishPeriodLabels, overviewPeriodRange, previousPeriodRange, readStoredPeriod, writeStoredPeriod, useStoredPeriod, } from "../../components/dashboard/index.js";
+import { englishTourLabels, useTour, useTourPlaceholderData } from "../../components/tour/index.js";
+import { createPlaceholderOverviewAdapter } from "../../lib/tour-placeholders/index.js";
+import { englishOverviewLabels } from "./labels.js";
+const ALL_WIDGETS = [
+    "moneyCards",
+    "trendChart",
+    "stages",
+    "topSuppliers",
+    "spendByCompany",
+    "processing",
+    "openItems",
+    "bank",
+];
+const NO_MONEY_FIGURES = {
+    data: {},
+    loading: false,
+};
+const NO_TREND = { data: [], loading: false };
+const NO_STAGES = { data: [], loading: false, error: false };
+const NO_RANKED = { data: { rows: [], totalText: "" }, loading: false };
+const NO_PROCESSING = { data: undefined, loading: false, error: false };
+const NO_STAT_ROWS = { data: [], loading: false, error: false };
+export function OverviewPage({ adapter, links, placeholderAdapter, moneyCards, widgets = ALL_WIDGETS, alertStrip, labels = englishOverviewLabels, periodLabels = englishPeriodLabels, }) {
+    const providedWidgets = {
+        moneyCards: adapter.useMoneyFigures !== undefined,
+        trendChart: adapter.useMoneyTrend !== undefined,
+        stages: adapter.useInvoiceStages !== undefined,
+        topSuppliers: adapter.useTopSuppliers !== undefined,
+        spendByCompany: adapter.useSpendByCompany !== undefined,
+        processing: adapter.useProcessingSummary !== undefined,
+        openItems: adapter.useOpenItemsSummary !== undefined,
+        bank: adapter.useBankSummary !== undefined,
+    };
+    const show = (widget) => widgets.includes(widget) && providedWidgets[widget];
+    const [moneyPeriods, setMoneyPeriod] = useMoneyCardPeriods(moneyCards);
+    const [trendPeriod, setTrendPeriod] = useStoredPeriod("chart");
+    const [stagesPeriod, setStagesPeriod] = useStoredPeriod("stages");
+    const [suppliersPeriod, setSuppliersPeriod] = useStoredPeriod("suppliers");
+    const [companiesPeriod, setCompaniesPeriod] = useStoredPeriod("companies");
+    const [processingPeriod, setProcessingPeriod] = useStoredPeriod("processing");
+    const trendRange = useMemo(() => overviewPeriodRange(trendPeriod.period, new Date(), trendPeriod), [trendPeriod]);
+    const stagesRange = useMemo(() => overviewPeriodRange(stagesPeriod.period, new Date(), stagesPeriod), [stagesPeriod]);
+    const suppliersRange = useMemo(() => overviewPeriodRange(suppliersPeriod.period, new Date(), suppliersPeriod), [suppliersPeriod]);
+    const companiesRange = useMemo(() => overviewPeriodRange(companiesPeriod.period, new Date(), companiesPeriod), [companiesPeriod]);
+    const processingRange = useMemo(() => overviewPeriodRange(processingPeriod.period, new Date(), processingPeriod), [processingPeriod]);
+    const moneyRanges = useMemo(() => {
+        const ranges = {};
+        for (const card of moneyCards) {
+            const period = moneyPeriods[card.key];
+            ranges[card.key] = overviewPeriodRange(period.period, new Date(), period);
+        }
+        return ranges;
+    }, [moneyCards, moneyPeriods]);
+    const realMoneyFigures = (adapter.useMoneyFigures ?? (() => NO_MONEY_FIGURES))(moneyRanges);
+    const realTrend = (adapter.useMoneyTrend ?? (() => NO_TREND))(trendRange);
+    const realStages = (adapter.useInvoiceStages ?? (() => NO_STAGES))(stagesRange);
+    const realSuppliers = (adapter.useTopSuppliers ?? (() => NO_RANKED))(suppliersRange);
+    const realCompanies = (adapter.useSpendByCompany ?? (() => NO_RANKED))(companiesRange);
+    const realProcessing = (adapter.useProcessingSummary ?? (() => NO_PROCESSING))(processingRange);
+    const realOpenItems = (adapter.useOpenItemsSummary ?? (() => NO_STAT_ROWS))();
+    const realBank = (adapter.useBankSummary ?? (() => NO_STAT_ROWS))();
+    const fallbackPlaceholderAdapter = useMemo(() => createPlaceholderOverviewAdapter(undefined, adapter.formatMoney), [adapter.formatMoney]);
+    const samples = placeholderAdapter ?? fallbackPlaceholderAdapter;
+    const sampleMoneyFigures = (samples.useMoneyFigures ?? (() => NO_MONEY_FIGURES))(moneyRanges);
+    const sampleTrend = (samples.useMoneyTrend ?? (() => NO_TREND))(trendRange);
+    const sampleStages = (samples.useInvoiceStages ?? (() => NO_STAGES))(stagesRange);
+    const sampleSuppliers = (samples.useTopSuppliers ?? (() => NO_RANKED))(suppliersRange);
+    const sampleCompanies = (samples.useSpendByCompany ?? (() => NO_RANKED))(companiesRange);
+    const sampleProcessing = (samples.useProcessingSummary ?? (() => NO_PROCESSING))(processingRange);
+    const sampleOpenItems = (samples.useOpenItemsSummary ?? (() => NO_STAT_ROWS))();
+    const sampleBank = (samples.useBankSummary ?? (() => NO_STAT_ROWS))();
+    const tour = useTour();
+    const tourLabels = tour?.labels ?? englishTourLabels;
+    const wantsSampleData = useTourPlaceholderData();
+    const moneyIsEmpty = Object.values(realMoneyFigures.data).every((figure) => !figure.loading && figure.value === 0);
+    const trendIsEmpty = !realTrend.loading && realTrend.data.length === 0;
+    const stagesIsEmpty = !realStages.loading && realStages.data.length === 0;
+    const suppliersIsEmpty = !realSuppliers.loading && realSuppliers.data.rows.length === 0;
+    const companiesIsEmpty = !realCompanies.loading && realCompanies.data.rows.length === 0;
+    const processingIsEmpty = !realProcessing.loading && realProcessing.data === undefined;
+    const openItemsIsEmpty = !realOpenItems.loading && realOpenItems.data.length === 0;
+    const bankIsEmpty = !realBank.loading && realBank.data.length === 0;
+    const showSample = (isEmpty) => wantsSampleData && isEmpty;
+    const showingSampleData = showSample(moneyIsEmpty) ||
+        showSample(trendIsEmpty) ||
+        showSample(stagesIsEmpty) ||
+        showSample(suppliersIsEmpty) ||
+        showSample(companiesIsEmpty) ||
+        showSample(processingIsEmpty) ||
+        showSample(openItemsIsEmpty) ||
+        showSample(bankIsEmpty);
+    const moneyFigures = showSample(moneyIsEmpty) ? sampleMoneyFigures : realMoneyFigures;
+    const trend = showSample(trendIsEmpty) ? sampleTrend : realTrend;
+    const stages = showSample(stagesIsEmpty) ? sampleStages : realStages;
+    const suppliers = showSample(suppliersIsEmpty) ? sampleSuppliers : realSuppliers;
+    const companies = showSample(companiesIsEmpty) ? sampleCompanies : realCompanies;
+    const processing = showSample(processingIsEmpty) ? sampleProcessing : realProcessing;
+    const openItems = showSample(openItemsIsEmpty) ? sampleOpenItems : realOpenItems;
+    const bank = showSample(bankIsEmpty) ? sampleBank : realBank;
+    return (_jsxs("div", { children: [alertStrip, showingSampleData && _jsx(SampleDataChip, { label: tourLabels.sampleData }), (show("moneyCards") || show("trendChart")) && (_jsxs("div", { className: "grid gap-3 lg:grid-cols-3", children: [show("moneyCards") && (_jsx("section", { "data-tour": "overview-money-cards", className: "min-w-0 rounded-2xl bg-brand-wash p-4 lg:col-span-2", children: _jsx(MoneyCardsRow, { cards: moneyCards, figures: moneyFigures.data, periods: moneyPeriods, onPeriodChange: setMoneyPeriod, periodLabels: periodLabels, formatMoney: adapter.formatMoney, formatDay: adapter.formatDay }) })), show("trendChart") && (_jsx(DashboardPanel, { dataTour: "overview-trend-chart", title: labels.trendChart.title, headerRight: _jsx(PeriodPicker, { value: trendPeriod, onChange: setTrendPeriod, labels: periodLabels, formatDay: adapter.formatDay }), className: "overflow-hidden", children: _jsx("div", { className: "mt-2", children: _jsx(MoneyTrendChart, { data: trend.data, loading: trend.loading, incomingLabel: labels.trendChart.incoming, outgoingLabel: labels.trendChart.outgoing, formatMoney: adapter.formatMoney, formatMoneyCompact: adapter.formatMoneyCompact }) }) }))] })), (show("stages") || show("topSuppliers")) && (_jsxs("div", { className: "mt-3 grid gap-3 lg:grid-cols-3", children: [show("stages") && (_jsx("div", { className: "min-w-0 lg:col-span-2", children: _jsx(PipelineStagesPanel, { dataTour: "overview-stages", title: labels.stagesTitle, stages: stages.data, loading: stages.loading, error: stages.error, period: stagesPeriod, onPeriodChange: setStagesPeriod, periodLabels: periodLabels, formatDay: adapter.formatDay, className: "h-full" }) })), show("topSuppliers") && (_jsx(RankedListPanel, { dataTour: "overview-top-suppliers", title: labels.topSuppliersTitle(suppliers.data.rows.length), totalLabel: labels.rankTotal(suppliers.data.totalText), rows: suppliers.data.rows, loading: suppliers.loading, period: suppliersPeriod, onPeriodChange: setSuppliersPeriod, periodLabels: periodLabels, formatDay: adapter.formatDay }))] })), (show("processing") || show("spendByCompany") || show("openItems") || show("bank")) && (_jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-2 xl:grid-cols-4", children: [show("processing") && (_jsx(ProcessingSummaryPanel, { dataTour: "overview-processing", title: labels.processing.title, seeAllLabel: labels.processing.seeAll, seeAllTo: links.processingLog, summary: processing.data, loading: processing.loading, error: processing.error, labels: {
+                            processed: labels.processing.processed,
+                            recognized: labels.processing.recognized,
+                            needsReview: labels.processing.needsReview,
+                            errors: labels.processing.errors,
+                            channelsPrefix: labels.processing.channelsPrefix,
+                        }, period: processingPeriod, onPeriodChange: setProcessingPeriod, periodLabels: periodLabels, formatDay: adapter.formatDay })), show("spendByCompany") && (_jsx(RankedListPanel, { dataTour: "overview-spend-by-company", title: labels.spendByCompanyTitle(companies.data.rows.length), totalLabel: labels.rankTotal(companies.data.totalText), rows: companies.data.rows, loading: companies.loading, period: companiesPeriod, onPeriodChange: setCompaniesPeriod, periodLabels: periodLabels, formatDay: adapter.formatDay })), show("openItems") && (_jsx(StatRowsPanel, { dataTour: "overview-open-items", title: labels.openItems.title, rows: openItems.data, loading: openItems.loading, emptyText: labels.openItems.empty, footerLink: { to: links.openItems, label: labels.openItems.seeAll } })), show("bank") && (_jsx(StatRowsPanel, { dataTour: "overview-bank", title: labels.bank.title, rows: bank.data, loading: bank.loading, footerLink: { to: links.bank, label: labels.bank.seeAll } }))] }))] }));
+}
+function useMoneyCardPeriods(cards) {
+    const [periods, setPeriods] = useState(() => {
+        const initial = {};
+        for (const card of cards)
+            initial[card.key] = readStoredPeriod(`card.${card.key}`);
+        return initial;
+    });
+    const setPeriod = (cardKey, value) => {
+        setPeriods((current) => ({ ...current, [cardKey]: value }));
+        writeStoredPeriod(`card.${cardKey}`, value);
+    };
+    return [periods, setPeriod];
+}
+export { previousPeriodRange };
+function SampleDataChip({ label }) {
+    return (_jsx("span", { className: "mb-3 inline-flex rounded-full border border-border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: label }));
+}

package/dist/pages/processing-log/labels.d.ts

@@ -0,0 +1,54 @@
+export interface ProcessingLogLabels {
+    title: string;
+    processingTab: string;
+    changesTab: string;
+    processingSubtitle: string;
+    changesSubtitle: string;
+    searchPlaceholder: string;
+    changesSearchPlaceholder: string;
+    statusFilterPlaceholder: string;
+    allStatuses: string;
+    periodPlaceholder: string;
+    wholePeriod: string;
+    today: string;
+    lastSevenDays: string;
+    lastThirtyDays: string;
+    exportCsv: string;
+    searchIgnoredNote: string;
+    matchCount: (count: number) => string;
+    changesCount: (count: number) => string;
+    refreshing: string;
+    empty: string;
+    changesEmpty: string;
+    clearFilter: string;
+    filterByStatus: string;
+    statusLabel: (status: string) => string;
+    openInvoice: string;
+    showDetails: string;
+    verdictNeedsReview: string;
+    verdictAccepted: string;
+    columns: {
+        time: string;
+        subject: string;
+        sender: string;
+        status: string;
+        reason: string;
+        actions: string;
+        actor: string;
+        changeType: string;
+        tableName: string;
+        changeText: string;
+    };
+    detail: {
+        title: string;
+        subject: string;
+        sender: string;
+        status: string;
+        reason: string;
+        noReason: string;
+        invoice: string;
+        openInvoice: string;
+        noInvoice: string;
+    };
+}
+export declare const englishProcessingLogLabels: ProcessingLogLabels;

package/dist/pages/processing-log/labels.js

@@ -0,0 +1,53 @@
+export const englishProcessingLogLabels = {
+    title: "Activity log",
+    processingTab: "Document processing",
+    changesTab: "Changes",
+    processingSubtitle: "What the document pipeline did with each incoming mail and file.",
+    changesSubtitle: "Who changed what inside the app, with the reason where one was given.",
+    searchPlaceholder: "Search subject, sender or reason …",
+    changesSearchPlaceholder: "Search actor or text …",
+    statusFilterPlaceholder: "Status",
+    allStatuses: "All statuses",
+    periodPlaceholder: "Period",
+    wholePeriod: "Whole period",
+    today: "Today",
+    lastSevenDays: "Last 7 days",
+    lastThirtyDays: "Last 30 days",
+    exportCsv: "Export CSV",
+    searchIgnoredNote: "This search term only contains characters the search cannot use, so it was ignored.",
+    matchCount: (count) => `${count} ${count === 1 ? "entry" : "entries"}`,
+    changesCount: (count) => `${count} ${count === 1 ? "change" : "changes"}`,
+    refreshing: "Updating …",
+    empty: "No log entries found.",
+    changesEmpty: "No changes found.",
+    clearFilter: "Clear filter",
+    filterByStatus: "Filter by this status",
+    statusLabel: (status) => status,
+    openInvoice: "Open invoice",
+    showDetails: "Show details",
+    verdictNeedsReview: "Needs review",
+    verdictAccepted: "Accepted automatically",
+    columns: {
+        time: "Time",
+        subject: "Subject",
+        sender: "Sender",
+        status: "Status",
+        reason: "Reason",
+        actions: "Actions",
+        actor: "Actor",
+        changeType: "Type",
+        tableName: "Table",
+        changeText: "Text",
+    },
+    detail: {
+        title: "Log entry",
+        subject: "Subject",
+        sender: "Sender",
+        status: "Status",
+        reason: "Reason",
+        noReason: "No reason was recorded.",
+        invoice: "Invoice",
+        openInvoice: "Open invoice",
+        noInvoice: "No invoice was created from this entry.",
+    },
+};

package/dist/pages/processing-log/mail-parsing.d.ts

@@ -0,0 +1,21 @@
+/** A mail sender, split into the two things an RFC-5322 From header actually holds. */
+export type ParsedSender = {
+    /** Display name, unquoted. Null when the header carried only an address. */
+    name: string | null;
+    /** Mail address, without angle brackets. Null when the value is not an address at all. */
+    address: string | null;
+    /** The header exactly as stored, for the title attribute and the detail view. */
+    raw: string;
+};
+export declare function parseSender(raw: string | null | undefined): ParsedSender;
+/** How a parsed sender should read on one line, when only one line is available. */
+export declare function senderOneLine(s: ParsedSender): string;
+export type ReasonVerdict = "needs_review" | "accepted" | null;
+export type ParsedReason = {
+    verdict: ReasonVerdict;
+    /** The individual findings, in source order, verbatim and without their trailing full stop. */
+    causes: string[];
+    /** The reason exactly as stored. */
+    raw: string;
+};
+export declare function parseReason(raw: string | null | undefined): ParsedReason;

package/dist/pages/processing-log/mail-parsing.js

@@ -0,0 +1,52 @@
+export function parseSender(raw) {
+    const value = (raw ?? "").trim();
+    if (!value)
+        return { name: null, address: null, raw: "" };
+    // `Name <addr>` or `"Name" <addr>`. The name half is greedy-free so a `>` inside a display name
+    // cannot swallow the address.
+    const withAngle = value.match(/^(.*?)\s*<([^<>]+)>\s*$/);
+    if (withAngle) {
+        const name = unquote(withAngle[1]);
+        return { name: name || null, address: withAngle[2].trim() || null, raw: value };
+    }
+    // A bare address.
+    if (/^[^\s"<>]+@[^\s"<>]+$/.test(value))
+        return { name: null, address: value, raw: value };
+    // Anything else — `scan_folder`, a system label — is a name with no address.
+    return { name: unquote(value) || null, address: null, raw: value };
+}
+function unquote(s) {
+    const t = s.trim();
+    return t.startsWith('"') && t.endsWith('"') && t.length > 1 ? t.slice(1, -1).trim() : t;
+}
+/** How a parsed sender should read on one line, when only one line is available. */
+export function senderOneLine(s) {
+    if (s.name && s.address)
+        return `${s.name} · ${s.address}`;
+    return s.address ?? s.name ?? "—";
+}
+export function parseReason(raw) {
+    const value = (raw ?? "").trim().replace(/\s+/g, " ");
+    if (!value)
+        return { verdict: null, causes: [], raw: "" };
+    const promoted = value.replace(/\.\s+(?=(?:Needs review|Accepted automatically):)/g, "; ");
+    let verdict = null;
+    const causes = [];
+    for (const part of promoted.split(";")) {
+        let segment = part.trim();
+        if (!segment)
+            continue;
+        const lead = segment.match(/^(Needs review|Accepted automatically):\s*/);
+        if (lead) {
+            // Last one wins only if nothing has claimed it yet — a mail is either accepted or under
+            // review, and the first verdict in the string is the one the pipeline reached first.
+            verdict ??= lead[1] === "Needs review" ? "needs_review" : "accepted";
+            segment = segment.slice(lead[0].length).trim();
+            if (!segment)
+                continue;
+        }
+        // Trailing full stop on the last finding only — dropping it everywhere keeps the list even.
+        causes.push(segment.replace(/\.$/, "").trim());
+    }
+    return { verdict, causes, raw: value };
+}

package/dist/pages/processing-log/processing-log-page.d.ts

@@ -0,0 +1,9 @@
+import { type Formatters } from "../../lib/formatters";
+import type { ProcessingLogAdapter } from "../../adapters/processing-log";
+import { type ProcessingLogLabels } from "./labels";
+export interface ProcessingLogPageProps {
+    adapter: ProcessingLogAdapter;
+    labels?: ProcessingLogLabels;
+    formatters?: Formatters;
+}
+export declare function ProcessingLogPage({ adapter, labels, formatters, }: ProcessingLogPageProps): import("react").JSX.Element;

package/dist/pages/processing-log/processing-log-page.js

@@ -0,0 +1,206 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { ChevronRight, Download, Info, Search } from "lucide-react";
+import { Badge } from "../../ui/badge.js";
+import { Button } from "../../ui/button.js";
+import { Combobox } from "../../ui/combobox.js";
+import { Input } from "../../ui/input.js";
+import { Skeleton } from "../../ui/skeleton.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/tabs.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../ui/dialog.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../ui/table.js";
+import { ErrorState, TableSkeleton } from "../../components/feedback/query-states.js";
+import { TablePagination } from "../../components/feedback/table-pagination.js";
+import { cn } from "../../lib/class-names.js";
+import { englishFormatters } from "../../lib/formatters.js";
+import { downloadTextFile, toCsv } from "../../lib/download.js";
+import { parseReason, parseSender } from "./mail-parsing.js";
+import { englishProcessingLogLabels } from "./labels.js";
+const ALL = "__all";
+const PERIODS = { all: "all", today: "today", sevenDays: "sevenDays", thirtyDays: "thirtyDays" };
+const TONE_STYLE = {
+    brand: "bg-brand-tint text-brand-dark",
+    success: "bg-success-soft text-success",
+    warning: "bg-warning-soft text-warning",
+    danger: "bg-danger-soft text-danger",
+    neutral: "bg-muted text-muted-foreground",
+};
+function isoDaysAgo(daysBack) {
+    const date = new Date();
+    date.setDate(date.getDate() - daysBack);
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const day = String(date.getDate()).padStart(2, "0");
+    return `${date.getFullYear()}-${month}-${day}`;
+}
+function periodBounds(period) {
+    if (period === PERIODS.today)
+        return { fromDate: isoDaysAgo(0), toDate: isoDaysAgo(0) };
+    if (period === PERIODS.sevenDays)
+        return { fromDate: isoDaysAgo(6), toDate: isoDaysAgo(0) };
+    if (period === PERIODS.thirtyDays)
+        return { fromDate: isoDaysAgo(29), toDate: isoDaysAgo(0) };
+    return { fromDate: null, toDate: null };
+}
+// Waits 300ms after the last keystroke before the term reaches the server.
+function useDebouncedTerm(input) {
+    const [term, setTerm] = useState("");
+    useEffect(() => {
+        const timer = window.setTimeout(() => setTerm(input.trim()), 300);
+        return () => window.clearTimeout(timer);
+    }, [input]);
+    return term;
+}
+export function ProcessingLogPage({ adapter, labels = englishProcessingLogLabels, formatters = englishFormatters, }) {
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex flex-wrap items-end justify-between gap-4", children: _jsx("h1", { className: "mt-2 text-2xl font-semibold tracking-tight text-foreground", children: labels.title }) }), _jsxs(Tabs, { defaultValue: "processing", className: "mt-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "processing", children: labels.processingTab }), _jsx(TabsTrigger, { value: "changes", children: labels.changesTab })] }), _jsx(TabsContent, { value: "processing", className: "mt-4", children: _jsx(ProcessingTab, { adapter: adapter, labels: labels, formatters: formatters }) }), _jsx(TabsContent, { value: "changes", className: "mt-4", children: _jsx(ChangesTab, { adapter: adapter, labels: labels, formatters: formatters }) })] })] }));
+}
+function ProcessingTab({ adapter, labels, formatters, }) {
+    const [searchInput, setSearchInput] = useState("");
+    const searchTerm = useDebouncedTerm(searchInput);
+    const [statusFilter, setStatusFilter] = useState(ALL);
+    const [period, setPeriod] = useState(PERIODS.all);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    const [openEntry, setOpenEntry] = useState(null);
+    useEffect(() => {
+        setPage(1);
+    }, [searchTerm, statusFilter, period, pageSize]);
+    const bounds = useMemo(() => periodBounds(period), [period]);
+    const logQuery = adapter.useLogPage({
+        search: searchTerm,
+        status: statusFilter === ALL ? undefined : statusFilter,
+        fromDate: bounds.fromDate,
+        toDate: bounds.toDate,
+        page,
+        pageSize,
+    });
+    const countsQuery = adapter.useStatusCounts({
+        search: searchTerm,
+        fromDate: bounds.fromDate,
+        toDate: bounds.toDate,
+    });
+    const rows = logQuery.data?.rows ?? [];
+    const total = logQuery.data?.total ?? 0;
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const firstShown = total === 0 ? 0 : (page - 1) * pageSize + 1;
+    const lastShown = Math.min(page * pageSize, total);
+    const searchIgnored = adapter.searchTermWasIgnored(searchTerm);
+    const counts = useMemo(() => countsQuery.data ?? {}, [countsQuery.data]);
+    const statusValues = useMemo(() => Object.keys(counts).sort((a, b) => (counts[b] ?? 0) - (counts[a] ?? 0)), [counts]);
+    function exportCsv() {
+        const header = [
+            labels.columns.time,
+            labels.columns.subject,
+            labels.columns.sender,
+            labels.columns.status,
+            labels.columns.reason,
+        ];
+        const lines = [
+            header,
+            ...rows.map((entry) => [
+                entry.processedAt ?? "",
+                entry.subject ?? "",
+                entry.sender ?? "",
+                entry.status ?? "",
+                entry.reason ?? "",
+            ]),
+        ];
+        downloadTextFile(`processing-log-${isoDaysAgo(0)}.csv`, toCsv(lines));
+    }
+    function statusBadgeStyle(status) {
+        const tone = status ? adapter.statusTone[status] : undefined;
+        return TONE_STYLE[tone ?? "neutral"];
+    }
+    return (_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: labels.processingSubtitle }), _jsx("div", { className: "mt-4 flex min-h-[34px] flex-wrap items-center gap-2", children: countsQuery.isLoading ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-[26px] w-28 rounded-full" }), _jsx(Skeleton, { className: "h-[26px] w-24 rounded-full" }), _jsx(Skeleton, { className: "h-[26px] w-20 rounded-full" })] })) : (_jsxs(_Fragment, { children: [statusValues.map((status) => {
+                            const active = statusFilter === status;
+                            return (_jsxs("button", { type: "button", "aria-pressed": active, title: active ? labels.clearFilter : labels.filterByStatus, onClick: () => setStatusFilter(active ? ALL : status), className: cn("inline-flex cursor-pointer items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-all", statusBadgeStyle(status), active
+                                    ? "ring-2 ring-brand ring-offset-1 ring-offset-background"
+                                    : statusFilter !== ALL && "opacity-40 hover:opacity-100"), children: [labels.statusLabel(status), " \u00B7 ", counts[status]] }, status));
+                        }), statusFilter !== ALL && (_jsx("button", { type: "button", onClick: () => setStatusFilter(ALL), className: "inline-flex cursor-pointer items-center rounded-full px-3 py-1 text-xs font-medium text-muted-foreground underline hover:text-foreground", children: labels.clearFilter }))] })) }), _jsxs("div", { className: "mt-6 flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "relative w-full flex-1 sm:w-auto sm:min-w-[240px]", children: [_jsx(Search, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: searchInput, onChange: (event) => setSearchInput(event.target.value), placeholder: labels.searchPlaceholder, className: "pl-9" })] }), _jsx(Combobox, { value: statusFilter, onValueChange: setStatusFilter, className: "w-full sm:w-[180px]", placeholder: labels.statusFilterPlaceholder, options: [
+                            { value: ALL, label: labels.allStatuses },
+                            ...statusValues.map((status) => ({ value: status, label: labels.statusLabel(status) })),
+                        ] }), _jsx(Combobox, { value: period, onValueChange: (value) => setPeriod(value), className: "w-full sm:w-[170px]", placeholder: labels.periodPlaceholder, options: [
+                            { value: PERIODS.all, label: labels.wholePeriod },
+                            { value: PERIODS.today, label: labels.today },
+                            { value: PERIODS.sevenDays, label: labels.lastSevenDays },
+                            { value: PERIODS.thirtyDays, label: labels.lastThirtyDays },
+                        ] }), _jsx(Button, { type: "button", variant: period === PERIODS.today ? "default" : "outline", size: "sm", onClick: () => setPeriod(period === PERIODS.today ? PERIODS.all : PERIODS.today), children: labels.today }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", disabled: rows.length === 0, onClick: exportCsv, children: [_jsx(Download, { className: "size-4" }), labels.exportCsv] })] }), searchIgnored && (_jsxs("p", { className: "mt-3 flex items-start gap-2 rounded-lg border border-warning/30 bg-warning-soft px-3 py-2 text-xs text-foreground", children: [_jsx(Info, { className: "mt-0.5 size-3.5 shrink-0" }), labels.searchIgnoredNote] })), logQuery.isError ? (_jsx("div", { className: "mt-4", children: _jsx(ErrorState, { error: logQuery.error, onRetry: logQuery.refetch }) })) : logQuery.isLoading ? (_jsx("div", { className: "mt-4", children: _jsx(TableSkeleton, { rows: 10, columns: 4 }) })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "mt-4 text-sm text-muted-foreground", children: [labels.matchCount(total), logQuery.isRefreshing && ` · ${labels.refreshing}`] }), _jsx("div", { className: "mt-3 hidden overflow-hidden rounded-xl border border-border bg-card sm:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { children: labels.columns.time }), _jsx(TableHead, { children: labels.columns.subject }), _jsx(TableHead, { children: labels.columns.sender }), _jsx(TableHead, { children: labels.columns.status }), _jsx(TableHead, { children: labels.columns.reason }), _jsx(TableHead, { className: "w-[92px] text-right", children: labels.columns.actions })] }) }), _jsxs(TableBody, { children: [rows.map((entry) => (_jsx(LogTableRow, { entry: entry, labels: labels, formatters: formatters, badgeStyle: statusBadgeStyle(entry.status), onShowDetails: () => setOpenEntry(entry), onOpenInvoice: () => entry.invoiceId && adapter.openInvoice(entry.invoiceId) }, entry.id))), rows.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-12 text-center text-muted-foreground", children: labels.empty }) }))] })] }) }), _jsxs("div", { className: "mt-3 space-y-3 sm:hidden", children: [rows.map((entry) => (_jsx(LogCard, { entry: entry, labels: labels, formatters: formatters, badgeStyle: statusBadgeStyle(entry.status), onShowDetails: () => setOpenEntry(entry), onOpenInvoice: () => entry.invoiceId && adapter.openInvoice(entry.invoiceId) }, entry.id))), rows.length === 0 && (_jsx("p", { className: "rounded-xl border border-border bg-card py-12 text-center text-sm text-muted-foreground", children: labels.empty }))] }), total > 0 && (_jsx(TablePagination, { page: page, totalPages: totalPages, pageSize: pageSize, total: total, from: firstShown, to: lastShown, onPage: setPage, onPageSize: setPageSize }))] })), _jsx(EntryDialog, { entry: openEntry, labels: labels, formatters: formatters, onOpenInvoice: (invoiceId) => {
+                    setOpenEntry(null);
+                    adapter.openInvoice(invoiceId);
+                }, onClose: () => setOpenEntry(null) })] }));
+}
+// Every row is a real button: with an invoice it opens the invoice, without one it opens details.
+function LogTableRow({ entry, labels, formatters, badgeStyle, onShowDetails, onOpenInvoice, }) {
+    const hasInvoice = !!entry.invoiceId;
+    const sender = parseSender(entry.sender);
+    const reason = parseReason(entry.reason);
+    const activate = hasInvoice ? onOpenInvoice : onShowDetails;
+    const actionName = hasInvoice ? labels.openInvoice : labels.showDetails;
+    return (_jsxs(TableRow, { className: "cursor-pointer", role: "button", tabIndex: 0, "aria-label": `${actionName}: ${entry.subject ?? ""}`, onClick: activate, onKeyDown: (event) => {
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                activate();
+            }
+        }, children: [_jsx(TableCell, { className: "text-sm whitespace-nowrap text-muted-foreground tabular-nums", children: formatters.formatDateTime(entry.processedAt) }), _jsx(TableCell, { className: "max-w-[260px] truncate text-sm text-foreground", title: entry.subject ?? "", children: entry.subject ?? "—" }), _jsx(TableCell, { className: "max-w-[220px] text-sm text-muted-foreground", title: sender.raw, children: _jsx(SenderCell, { sender: sender }) }), _jsx(TableCell, { children: _jsx(Badge, { className: cn("border-transparent font-medium", badgeStyle), children: entry.status ? labels.statusLabel(entry.status) : "—" }) }), _jsx(TableCell, { className: "max-w-[300px] text-xs text-muted-foreground", title: reason.raw, children: _jsx(ReasonCell, { reason: reason, labels: labels }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": labels.showDetails, title: labels.showDetails, onClick: (event) => {
+                                event.stopPropagation();
+                                onShowDetails();
+                            }, children: _jsx(Info, { className: "size-4" }) }), hasInvoice && _jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })] }) })] }));
+}
+function LogCard({ entry, labels, formatters, badgeStyle, onShowDetails, onOpenInvoice, }) {
+    const hasInvoice = !!entry.invoiceId;
+    const sender = parseSender(entry.sender);
+    const reason = parseReason(entry.reason);
+    const activate = hasInvoice ? onOpenInvoice : onShowDetails;
+    const actionName = hasInvoice ? labels.openInvoice : labels.showDetails;
+    return (_jsxs("div", { className: "cursor-pointer rounded-xl border border-border bg-card p-4", role: "button", tabIndex: 0, "aria-label": `${actionName}: ${entry.subject ?? ""}`, onClick: activate, onKeyDown: (event) => {
+            if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                activate();
+            }
+        }, children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "min-w-0 flex-1 text-sm font-medium text-foreground", title: entry.subject ?? "", children: entry.subject ?? "—" }), _jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [_jsx(Badge, { className: cn("border-transparent font-medium", badgeStyle), children: entry.status ? labels.statusLabel(entry.status) : "—" }), hasInvoice && _jsx(ChevronRight, { className: "size-4 text-muted-foreground" })] })] }), _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: _jsx(SenderCell, { sender: sender }) }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground tabular-nums", children: formatters.formatDateTime(entry.processedAt) }), reason.causes.length > 0 && (_jsx("div", { className: "mt-2 text-xs text-muted-foreground", children: _jsx(ReasonCell, { reason: reason, labels: labels }) })), hasInvoice && (_jsx(Button, { type: "button", variant: "outline", size: "sm", className: "mt-3 w-full", onClick: (event) => {
+                    event.stopPropagation();
+                    onShowDetails();
+                }, children: labels.showDetails }))] }));
+}
+function SenderCell({ sender }) {
+    if (!sender.raw)
+        return _jsx(_Fragment, { children: "\u2014" });
+    if (sender.name && sender.address) {
+        return (_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-foreground", children: sender.name }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: sender.address })] }));
+    }
+    return _jsx("div", { className: "truncate", children: sender.address ?? sender.name });
+}
+function ReasonCell({ reason, labels }) {
+    if (!reason.raw)
+        return _jsx(_Fragment, { children: "\u2014" });
+    return (_jsxs("div", { className: "min-w-0 space-y-1", children: [reason.verdict && (_jsx("span", { className: cn("inline-flex rounded-full px-2 py-0.5 text-[11px] font-medium", reason.verdict === "needs_review"
+                    ? "bg-warning-soft text-warning"
+                    : "bg-brand-tint text-brand-dark"), children: reason.verdict === "needs_review" ? labels.verdictNeedsReview : labels.verdictAccepted })), reason.causes.length > 0 && (_jsx("ul", { className: "space-y-0.5", children: reason.causes.map((cause, index) => (_jsxs("li", { className: "truncate", title: cause, children: ["\u00B7 ", cause] }, index))) }))] }));
+}
+function EntryDialog({ entry, labels, formatters, onOpenInvoice, onClose, }) {
+    if (!entry)
+        return null;
+    const sender = parseSender(entry.sender);
+    const reason = parseReason(entry.reason);
+    return (_jsx(Dialog, { open: true, onOpenChange: (open) => !open && onClose(), children: _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: labels.detail.title }), _jsx(DialogDescription, { children: formatters.formatDateTime(entry.processedAt) })] }), _jsxs("dl", { className: "space-y-4 text-sm", children: [_jsx(DetailField, { label: labels.detail.subject, children: entry.subject ?? "—" }), _jsxs(DetailField, { label: labels.detail.sender, children: [sender.name && _jsx("div", { children: sender.name }), sender.address && _jsx("div", { className: "text-muted-foreground", children: sender.address }), !sender.name && !sender.address && "—", sender.name && sender.address && (_jsx("div", { className: "mt-1 text-xs break-all text-muted-foreground/70", children: sender.raw }))] }), _jsx(DetailField, { label: labels.detail.status, children: entry.status ? labels.statusLabel(entry.status) : "—" }), _jsx(DetailField, { label: labels.detail.reason, children: reason.causes.length === 0 && !reason.verdict ? (labels.detail.noReason) : (_jsxs("div", { className: "space-y-2", children: [reason.verdict && (_jsx("div", { className: "font-medium", children: reason.verdict === "needs_review"
+                                            ? labels.verdictNeedsReview
+                                            : labels.verdictAccepted })), _jsx("ul", { className: "list-disc space-y-1 pl-5", children: reason.causes.map((cause, index) => (_jsx("li", { className: "break-words", children: cause }, index))) })] })) }), _jsx(DetailField, { label: labels.detail.invoice, children: entry.invoiceId ? (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onOpenInvoice(entry.invoiceId), children: labels.detail.openInvoice })) : (_jsx("span", { className: "text-muted-foreground", children: labels.detail.noInvoice })) })] })] }) }));
+}
+function DetailField({ label, children }) {
+    return (_jsxs("div", { children: [_jsx("dt", { className: "text-xs tracking-wide text-muted-foreground uppercase", children: label }), _jsx("dd", { className: "mt-1 break-words text-foreground", children: children })] }));
+}
+function ChangesTab({ adapter, labels, formatters, }) {
+    const [searchInput, setSearchInput] = useState("");
+    const searchTerm = useDebouncedTerm(searchInput);
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(25);
+    useEffect(() => {
+        setPage(1);
+    }, [searchTerm, pageSize]);
+    const query = adapter.useChangeHistoryPage({ search: searchTerm, page, pageSize });
+    const rows = query.data?.rows ?? [];
+    const total = query.data?.total ?? 0;
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const firstShown = total === 0 ? 0 : (page - 1) * pageSize + 1;
+    const lastShown = Math.min(page * pageSize, total);
+    return (_jsxs("div", { children: [_jsx("p", { className: "text-sm text-muted-foreground", children: labels.changesSubtitle }), _jsx("div", { className: "mt-6 flex flex-wrap items-center gap-3", children: _jsxs("div", { className: "relative w-full flex-1 sm:w-auto sm:min-w-[240px]", children: [_jsx(Search, { className: "absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: searchInput, onChange: (event) => setSearchInput(event.target.value), placeholder: labels.changesSearchPlaceholder, className: "pl-9" })] }) }), adapter.searchTermWasIgnored(searchTerm) && (_jsxs("p", { className: "mt-3 flex items-start gap-2 rounded-lg border border-warning/30 bg-warning-soft px-3 py-2 text-xs text-foreground", children: [_jsx(Info, { className: "mt-0.5 size-3.5 shrink-0" }), labels.searchIgnoredNote] })), query.isError ? (_jsx("div", { className: "mt-4", children: _jsx(ErrorState, { error: query.error, onRetry: query.refetch }) })) : query.isLoading ? (_jsx("div", { className: "mt-4", children: _jsx(TableSkeleton, { rows: 10, columns: 5 }) })) : (_jsxs(_Fragment, { children: [_jsxs("p", { className: "mt-4 text-sm text-muted-foreground", children: [labels.changesCount(total), query.isRefreshing && ` · ${labels.refreshing}`] }), _jsx("div", { className: "mt-3 hidden overflow-hidden rounded-xl border border-border bg-card sm:block", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { className: "bg-muted/40", children: [_jsx(TableHead, { children: labels.columns.time }), _jsx(TableHead, { children: labels.columns.actor }), _jsx(TableHead, { children: labels.columns.changeType }), _jsx(TableHead, { children: labels.columns.tableName }), _jsx(TableHead, { children: labels.columns.changeText })] }) }), _jsxs(TableBody, { children: [rows.map((change) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "text-sm whitespace-nowrap text-muted-foreground tabular-nums", children: formatters.formatDateTime(change.at) }), _jsx(TableCell, { className: "max-w-[200px] truncate text-sm", title: change.actor ?? "", children: change.actor ?? "—" }), _jsx(TableCell, { className: "text-sm", children: _jsx(Badge, { className: "border-transparent bg-muted font-medium text-muted-foreground", children: change.type ?? "—" }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: change.tableName ?? "—" }), _jsx(TableCell, { className: "max-w-[360px] truncate text-sm text-muted-foreground", title: change.text ?? "", children: change.text ?? "—" })] }, change.id))), rows.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "py-12 text-center text-muted-foreground", children: labels.changesEmpty }) }))] })] }) }), _jsxs("div", { className: "mt-3 space-y-3 sm:hidden", children: [rows.map((change) => (_jsxs("div", { className: "rounded-xl border border-border bg-card p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "min-w-0 flex-1 text-sm font-medium text-foreground", children: change.text ?? "—" }), _jsx(Badge, { className: "shrink-0 border-transparent bg-muted font-medium text-muted-foreground", children: change.type ?? "—" })] }), _jsx("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: change.actor ?? "—" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: change.tableName ?? "—" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground tabular-nums", children: formatters.formatDateTime(change.at) })] }, change.id))), rows.length === 0 && (_jsx("p", { className: "rounded-xl border border-border bg-card py-12 text-center text-sm text-muted-foreground", children: labels.changesEmpty }))] }), total > 0 && (_jsx(TablePagination, { page: page, totalPages: totalPages, pageSize: pageSize, total: total, from: firstShown, to: lastShown, onPage: setPage, onPageSize: setPageSize }))] }))] }));
+}

package/dist/pages/properties/badges.d.ts

@@ -0,0 +1,20 @@
+import type { PropertyInvoiceVatLine } from "../../adapters/properties";
+import type { StatusTone } from "../../adapters/processing-log";
+import type { PropertiesLabels } from "./labels";
+export declare function CompanyChip({ code, labels, className, }: {
+    code: string | null | undefined;
+    labels: PropertiesLabels["companyChip"];
+    className?: string;
+}): import("react").JSX.Element;
+export declare function InvoiceStatusBadge({ status, tone, statusLabel, className, }: {
+    status: string | null | undefined;
+    tone: StatusTone | undefined;
+    statusLabel: (status: string) => string;
+    className?: string;
+}): import("react").JSX.Element;
+export declare function VatBadge({ vatRate, vatLines, labels, className, }: {
+    vatRate: number | null | undefined;
+    vatLines?: PropertyInvoiceVatLine[] | null;
+    labels: PropertiesLabels["vatBadge"];
+    className?: string;
+}): import("react").JSX.Element;

package/dist/pages/properties/badges.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from "../../ui/badge.js";
+import { cn } from "../../lib/class-names.js";
+const TONE_STYLE = {
+    brand: "bg-brand-tint text-brand-dark",
+    success: "bg-success-soft text-success",
+    warning: "bg-warning-soft text-warning",
+    danger: "bg-danger-soft text-danger",
+    neutral: "bg-muted text-muted-foreground",
+};
+// A missing company is a gap to close, so it renders as a warning rather than a neutral value.
+export function CompanyChip({ code, labels, className, }) {
+    if (!code) {
+        return (_jsx("span", { className: cn("inline-flex items-center whitespace-nowrap rounded-md bg-warning-soft px-2 py-0.5 text-xs font-medium text-warning", className), title: labels.missingTitle, children: labels.missing }));
+    }
+    return (_jsx("span", { className: cn("inline-flex items-center rounded-md bg-brand-tint px-2 py-0.5 font-mono text-xs font-medium text-brand-dark", className), children: code }));
+}
+export function InvoiceStatusBadge({ status, tone, statusLabel, className, }) {
+    return (_jsx(Badge, { variant: "outline", className: cn("border-transparent font-medium", TONE_STYLE[tone ?? "neutral"], className), children: status ? statusLabel(status) : "—" }));
+}
+// Three cases: a stated positive rate, a stated zero (exempt) and no recognized rate at all.
+export function VatBadge({ vatRate, vatLines, labels, className, }) {
+    const rate = vatRate ?? null;
+    const relevant = (rate ?? 0) > 0;
+    // Only rates that carry net amounts count; a 0 % line beside a 19 % one is not a mixed case.
+    const appliedRates = [
+        ...new Set((vatLines ?? [])
+            .filter((line) => (line?.netAmount ?? 0) !== 0 && (line?.rate ?? 0) > 0)
+            .map((line) => line.rate)),
+    ].sort((left, right) => left - right);
+    const mixed = appliedRates.length > 1;
+    return (_jsx("span", { className: cn("inline-flex items-center whitespace-nowrap rounded-md px-2 py-0.5 text-xs font-medium", relevant || mixed ? "bg-brand-tint text-brand-dark" : "bg-muted text-muted-foreground", className), title: mixed
+            ? labels.mixedTitle(appliedRates.join(" %, "))
+            : relevant
+                ? labels.relevantTitle
+                : rate === 0
+                    ? labels.exemptTitle
+                    : labels.unclearTitle, children: mixed
+            ? labels.mixed
+            : relevant
+                ? `${labels.abbreviation} ${rate} %`
+                : rate === 0
+                    ? labels.exempt
+                    : labels.unclear }));
+}

package/dist/pages/properties/company-assignment-field.d.ts

@@ -0,0 +1,11 @@
+import type { PropertyCompany } from "../../adapters/properties";
+import type { PropertiesLabels } from "./labels";
+export declare function CompanyAssignmentField({ values, onValuesChange, companies, labels, requiredFieldTitle, error, disabled, }: {
+    values: string[];
+    onValuesChange: (values: string[]) => void;
+    companies: PropertyCompany[];
+    labels: PropertiesLabels["companyAssignment"];
+    requiredFieldTitle: string;
+    error?: boolean;
+    disabled?: boolean;
+}): import("react").JSX.Element;