@sincpro/web-ui 0.1.0 → 0.2.0

package/dist/components/record/RecordHeader.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Breadcrumb } from "./Breadcrumb.js";
 import { DirtyActions, } from "./DirtyActions.js";
 import { isPrimary, ThumbBar, thumbPlan } from "./ThumbBar.js";
@@ -7,8 +7,7 @@ import { byDensity, useDensity } from "../../foundations/density.js";
 import { SurfaceProvider } from "../../foundations/surface.js";
 import { Line } from "../../primitives/block/Line.js";
 import { Tag } from "../../primitives/tag/Tag.js";
-import { cloneElement, isValidElement } from "react";
-export function RecordHeader({ crumbs, pager, actions, status, kicker, icon: Icon, title, subtitle, tag, figure, railSurface = "canvas", smart, aspects, dirty, chatter, chatterLayout = "page", children, }) {
+export function RecordHeader({ crumbs, pager, actions, status, kicker, icon: Icon, title, subtitle, tag, figure, railSurface = "canvas", smart, aspects, dirty, activity, activityLayout = "auto", blocking, indicator, children, }) {
     const d = useDensity();
     const hasRail = crumbs !== undefined ||
         pager !== undefined ||
@@ -24,6 +23,8 @@ export function RecordHeader({ crumbs, pager, actions, status, kicker, icon: Ico
        only thing in the rail that belongs to the RECORD and not to my position in
        front of it. */
     const withRail = hasRail && d === "comfortable";
+    /* The activity column at the RIGHT of the sheet when the page is wide (THE PAGE). */
+    const beside = activity !== undefined && activityLayout === "auto";
     /* The thumb bar's content (see THE THUMB BAR in `ThumbBar`): dirty first, else the primary. */
     const { rail: railActions, primaries, mode: thumb, } = thumbPlan({ withRail, actions, dirty });
     /* In compact the TITLE is not drawn either, for the same reason as in
@@ -45,7 +46,7 @@ export function RecordHeader({ crumbs, pager, actions, status, kicker, icon: Ico
             pager !== undefined ||
             actions !== undefined ||
             dirty !== undefined);
-    const identity = (_jsxs("div", { className: `flex flex-col ${byDensity(d, "gap-2.5 px-4 pt-3.5", "gap-2 px-0 pt-0")}`, children: [withRail || smart === undefined ? null : _jsx("div", { className: "min-w-0", children: smart }), _jsxs("div", { className: "flex min-w-0 flex-wrap items-start gap-x-5 gap-y-2", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [Icon === undefined || d === "compact" ? null : (_jsx("span", { className: "mt-1 flex size-9 shrink-0 items-center justify-center rounded-box bg-ink/5 text-muted", children: _jsx(Icon, { className: "size-(--size-icon-lg)", strokeWidth: 1.75 }) })), _jsxs("div", { className: "flex min-w-0 flex-col", children: [kicker === undefined || !withIdentity ? null : (_jsx("span", { className: "text-micro font-medium text-muted", children: kicker })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [!withIdentity ? null : (
+    const identity = (_jsxs("div", { className: `flex flex-col ${byDensity(d, "gap-2.5 px-4 pt-3.5", "gap-2 px-0 pt-0")}`, children: [withRail || (smart === undefined && indicator === undefined) ? null : (_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [smart, indicator] })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-start gap-x-5 gap-y-2", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2.5", children: [Icon === undefined || d === "compact" ? null : (_jsx("span", { className: "mt-1 flex size-9 shrink-0 items-center justify-center rounded-box bg-ink/5 text-muted", children: _jsx(Icon, { className: "size-(--size-icon-lg)", strokeWidth: 1.75 }) })), _jsxs("div", { className: "flex min-w-0 flex-col", children: [kicker === undefined || !withIdentity ? null : (_jsx("span", { className: "text-micro font-medium text-muted", children: kicker })), _jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1", children: [!withIdentity ? null : (
                                             /* `display`, not `title`: the record's name is the entry point of the
                                                screen. At the title size (19 px over a 13 px body, 1.46:1) nothing on
                                                the sheet stood out and the eye had nowhere to start. */
@@ -53,20 +54,51 @@ export function RecordHeader({ crumbs, pager, actions, status, kicker, icon: Ico
             /* The line is the sheet's mouth. In comfortable it walks to the
                  edges; the current tab sits on it and opens into the page below. */
             _jsx("div", { className: `border-b border-line-strong ${byDensity(d, "-mx-4 px-4", "")}`, children: aspects }))] }));
-    return (_jsxs(_Fragment, { children: [withRail ? (_jsx(SurfaceProvider, { value: railSurface, children: _jsx("div", { className: "@container/record", children: _jsxs("div", { className: `flex flex-col gap-2 px-3.5 py-2.5 ${railSurface === "chrome" ? "bg-chrome" : "border-b border-line bg-surface"}`, children: [_jsx(Line, { start: crumbs === undefined || crumbs.length === 0 ? null : (_jsx(Breadcrumb, { crumbs: crumbs, surface: railSurface })), center: smart, end: pager }), actions === undefined && status === undefined && dirty === undefined ? null : (
+    return (_jsxs(_Fragment, { children: [withRail ? (_jsx(SurfaceProvider, { value: railSurface, children: _jsx("div", { className: "@container/record", children: _jsxs("div", { className: `flex flex-col gap-2 px-3.5 py-2.5 ${railSurface === "chrome" ? "bg-chrome" : "border-b border-line bg-surface"}`, children: [_jsx(Line, { start: crumbs === undefined || crumbs.length === 0 ? null : (_jsx(Breadcrumb, { crumbs: crumbs, surface: railSurface })), center: 
+                                /* The notices' indicator rides with the counters: both are about the
+                                   record and both open something; neither is my position in front of
+                                   it. The line wraps on a phone, so it is never pushed out of reach. */
+                                smart === undefined && indicator === undefined ? undefined : (_jsxs("div", { className: "flex min-w-0 flex-wrap items-center justify-center gap-2", children: [smart, indicator] })), end: pager }), actions === undefined && status === undefined && dirty === undefined ? null : (
                             /* Row 2 — WHAT I CAN DO and WHERE IT IS AT: actions stuck to the
                            left edge, the history and the state stuck to the right one. No
                            `flex-wrap`: wrapping split the row in two and the state ended up
                            below the actions, which is another hierarchy. */
                             _jsxs("div", { className: "flex min-w-0 items-start gap-x-4", children: [dirty !== undefined ? (_jsx("div", { className: "flex shrink-0 items-center gap-1.5 @max-handheld/record:hidden", children: _jsx(DirtyActions, { ...dirty }) })) : actions === undefined ? null : (_jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: primaries.length === 0
                                             ? actions
-                                            : railActions.map((node) => isPrimary(node) ? (_jsx("span", { "data-thumb-moves": "", className: "contents @max-handheld/record:hidden", children: node }, node.key)) : (node)) })), status === undefined ? null : (_jsx("div", { className: "ml-auto flex min-w-0 flex-col items-end gap-1.5", children: status }))] }))] }) }) })) : null, _jsx("div", { className: paper ? "bg-ground px-3 pt-3 pb-3" : "", children: _jsx("div", { className: chatter !== undefined && chatterLayout === "aside" ? "@container" : "", children: _jsxs("div", { className: chatter !== undefined && chatterLayout === "aside"
-                            ? "flex min-w-0 flex-col gap-3 @4xl:flex-row @4xl:items-start"
-                            : "", children: [_jsxs("div", { className: paper
-                                    ? `flex w-full max-w-(--container-sheet) min-w-0 flex-1 flex-col overflow-clip rounded-box border border-line bg-surface ${chatter !== undefined && chatterLayout === "aside" ? "" : "mx-auto"}`
-                                    : "flex min-w-0 flex-1 flex-col bg-surface", children: [identity, children, chatter !== undefined && chatterLayout === "page" ? (_jsx("div", { className: "border-t border-line", children: isValidElement(chatter)
-                                            ? cloneElement(chatter, {
-                                                embedded: true,
-                                            })
-                                            : chatter })) : null] }), chatter !== undefined && chatterLayout === "aside" ? chatter : null] }) }) }), thumb === null ? null : _jsx(ThumbBar, { mode: thumb, dirty: dirty, primaries: primaries })] }));
+                                            : railActions.map((node) => isPrimary(node) ? (_jsx("span", { "data-thumb-moves": "", className: "contents @max-handheld/record:hidden", children: node }, node.key)) : (node)) })), status === undefined ? null : (_jsx("div", { className: "ml-auto flex min-w-0 flex-col items-end gap-1.5", children: status }))] }))] }) }) })) : null, paper ? (
+            /* ==================================================================== *
+             *  THE PAGE — [sheet | Actividad], on the ground.
+             *
+             *  Two columns, joined, placed together and centred: the sheet
+             *  (≤ --container-sheet, 72rem) and, at its RIGHT, the record's ACTIVITY
+             *  (--container-activity, 22rem) — no strip of ground between them, so the page
+             *  reads left to right as one paper: the record, then what it has. The pair is at
+             *  most --container-record (94rem) wide; on a 1680 px desk both fit whole.
+             *
+             *  A note of a field or a row is not drawn in the column: its mark (`Flag`) stays
+             *  by its label or at its row — WHERE — and the activity lists it with the record's
+             *  notices above the timeline — WHAT —, taking you to it on press. Cards aligned in
+             *  the column were tried and dropped: they and the history fought for one column,
+             *  and the history is what everybody reads.
+             *
+             *  As the page narrows: below --container-beside (76rem) the activity goes BELOW
+             *  the sheet as a card at the sheet's width.
+             *
+             *  Folded, the column is a slim strip with its counts; the pair re-centres and the
+             *  sheet keeps its width. A container query, not the window: with four panels open
+             *  each is 380 px on a 1,600 screen.
+             *
+             *  The sheet clips with `overflow-clip`, not `overflow-hidden`: hidden would make it
+             *  a scroll container and the line table header would stick inside it, not under
+             *  the application bar.
+             * ==================================================================== */
+            _jsx("div", { className: "bg-ground px-3 pt-3 pb-3", children: _jsx("div", { className: "@container/page", children: _jsxs("div", { className: `mx-auto flex min-w-0 flex-col gap-3 ${beside
+                            ? "max-w-(--container-record) @beside/page:flex-row @beside/page:items-stretch @beside/page:justify-center @beside/page:gap-0"
+                            : "max-w-(--container-sheet)"}`, children: [_jsxs("div", { className: `flex min-w-0 flex-1 flex-col gap-3 ${beside ? "mx-auto w-full max-w-(--container-sheet) @beside/page:mx-0" : ""}`, children: [blocking, _jsxs("div", { className: `flex min-w-0 flex-col overflow-clip rounded-box border border-line bg-surface ${beside ? "@beside/page:rounded-r-none" : ""}`, children: [identity, children] }), activity !== undefined && activityLayout === "below" ? activity : null] }), beside ? (
+                            /* After the sheet: the record first, what is around it second — in the
+                               reading order and on screen. */
+                            _jsx("div", { className: "mx-auto w-full max-w-(--container-sheet) min-w-0 @beside/page:mx-0 @beside/page:flex @beside/page:w-auto @beside/page:max-w-none @beside/page:shrink-0", children: activity })) : null] }) }) })) : (
+            /* No paper (a dialog, a drawer, a `Drill` context): one surface, no ground beside
+               it — the band first, the record, and the activity below. */
+            _jsxs("div", { className: "flex min-w-0 flex-1 flex-col bg-surface", children: [blocking === undefined ? null : (_jsx("div", { className: byDensity(d, "px-4 pt-3.5", "pb-2"), children: blocking })), identity, children, activity === undefined ? null : (_jsx("div", { className: byDensity(d, "px-4 pb-4", "pb-2"), children: activity }))] })), thumb === null ? null : _jsx(ThumbBar, { mode: thumb, dirty: dirty, primaries: primaries })] }));
 }

package/dist/components/record/RecordNotices.d.ts

@@ -0,0 +1,37 @@
+import { type CalloutProps } from "../../primitives/notice/Callout.js";
+import { type ReactNode } from "react";
+export type RecordNoticeSpec = Omit<CalloutProps, "dismissLabel">;
+/** The notices in the order they are drawn: by urgency, written order inside a tone. */
+export declare function orderNotices<T extends {
+    tone?: CalloutProps["tone"];
+}>(notices: readonly T[]): T[];
+/** Blocking (`bad`) and the rest, each already in urgency order. */
+export declare function splitNotices(notices: readonly RecordNoticeSpec[]): {
+    blocking: RecordNoticeSpec[];
+    rest: RecordNoticeSpec[];
+};
+/** The band of what is wrong: the operation error first, then the `bad` notices. */
+export declare function RecordBlocking({ notices, error, errorHeading, }: {
+    notices: readonly RecordNoticeSpec[];
+    /** The sentence the backend wrote about the last operation. Drawn first, whole. */
+    error?: string | null;
+    errorHeading?: string;
+}): ReactNode;
+/** The indicator in the rail: the count of the record's notices, toned by the most urgent,
+ *  that opens their list on press. Nothing is drawn without notices. */
+export declare function RecordNoticeIndicator({ notices, anchored, reveal, }: {
+    /** Not blocking, already in urgency order. */
+    notices: readonly RecordNoticeSpec[];
+    /** The notes of fields and rows: counted too when there is a panel that lists them —
+     *  without one they are only the marks by their fields, and the popover leaves them out. */
+    anchored?: readonly {
+        tone?: "bad" | "warn" | "info" | "good";
+    }[];
+    /** The record has an ACTIVITY panel, and the notices live there: the indicator goes to
+     *  them (opens the panel, scrolls to its notices, moves the focus) instead of floating
+     *  a second copy in a popover. `target` is the id of that section. */
+    reveal?: {
+        target: string;
+        onReveal: () => void;
+    };
+}): ReactNode;

package/dist/components/record/RecordNotices.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { fillCopy, useUiCopy } from "../../foundations/copy.js";
+import { useSurface } from "../../foundations/surface.js";
+import { focusRing, tv } from "../../foundations/variants.js";
+import { Callout } from "../../primitives/notice/Callout.js";
+import { Failed } from "../../primitives/notice/Notice.js";
+import { Popover } from "../../primitives/overlay/Popover.js";
+import { tagTone } from "../../primitives/tag/Tag.js";
+import { CircleCheck, Info, TriangleAlert } from "lucide-react";
+import { useState } from "react";
+import { Button, Dialog, DialogTrigger, Heading } from "react-aria-components";
+const URGENCY = {
+    bad: 0,
+    warn: 1,
+    info: 2,
+    good: 3,
+};
+/** The notices in the order they are drawn: by urgency, written order inside a tone. */
+export function orderNotices(notices) {
+    return notices
+        .map((notice, at) => ({ notice, at }))
+        .sort((a, b) => URGENCY[a.notice.tone ?? "info"] - URGENCY[b.notice.tone ?? "info"] || a.at - b.at)
+        .map(({ notice }) => notice);
+}
+/** Blocking (`bad`) and the rest, each already in urgency order. */
+export function splitNotices(notices) {
+    const ordered = orderNotices(notices);
+    return {
+        blocking: ordered.filter((n) => n.tone === "bad"),
+        rest: ordered.filter((n) => n.tone !== "bad"),
+    };
+}
+/** The band of what is wrong: the operation error first, then the `bad` notices. */
+export function RecordBlocking({ notices, error, errorHeading, }) {
+    const copy = useUiCopy();
+    const hasError = error !== undefined && error !== null;
+    if (notices.length === 0 && !hasError)
+        return null;
+    return (_jsxs("div", { role: "group", "aria-label": copy.record.blocking, "data-record-blocking": "", className: "flex min-w-0 flex-col gap-1.5", children: [hasError ? (_jsx(Failed, { heading: errorHeading ?? copy.failed.operation, sentence: error })) : null, notices.map(({ children, ...notice }, i) => (_jsx(Callout, { ...notice, dismissLabel: copy.shell.closeNotice, children: children }, i)))] }));
+}
+const ICON = {
+    warn: TriangleAlert,
+    info: Info,
+    good: CircleCheck,
+};
+const chip = tv({
+    extend: focusRing,
+    base: "inline-flex h-(--size-control-sm) shrink-0 cursor-default items-center gap-1.5 rounded-pill px-2.5 text-micro font-medium whitespace-nowrap transition-[filter] duration-(--duration-instant) hover:brightness-95 aria-expanded:brightness-95",
+});
+/** The indicator in the rail: the count of the record's notices, toned by the most urgent,
+ *  that opens their list on press. Nothing is drawn without notices. */
+export function RecordNoticeIndicator({ notices, anchored = [], reveal, }) {
+    const copy = useUiCopy();
+    const surface = useSurface();
+    const [open, setOpen] = useState(false);
+    const all = reveal === undefined ? notices : [...notices, ...anchored];
+    if (all.length === 0)
+        return null;
+    /* The most urgent of all of them gives the chip its tone; a field's `bad` note warns —
+       what blocks the record is the blocking band, not this chip. */
+    const order = ["bad", "warn", "info", "good"];
+    const worst = order.find((t) => all.some((n) => (n.tone ?? "info") === t)) ?? "info";
+    const tone = (worst === "bad" ? "warn" : worst);
+    const Icon = ICON[tone];
+    const count = fillCopy(all.length === 1 ? copy.record.noticeOne : copy.record.noticeMany, {
+        count: all.length.toLocaleString(copy.locale),
+    });
+    const face = (_jsxs(_Fragment, { children: [_jsx(Icon, { className: "size-(--size-icon-sm) shrink-0", strokeWidth: 2.25, "aria-hidden": true }), count] }));
+    const skin = tagTone(tone, surface === "chrome" ? "chrome" : "canvas");
+    if (reveal !== undefined) {
+        return (_jsx(Button, { "data-record-notices": "", "aria-controls": reveal.target, onPress: reveal.onReveal, className: ({ isFocusVisible }) => `${chip({ isFocusVisible })} ${skin}`, children: face }));
+    }
+    return (_jsxs(DialogTrigger, { isOpen: open, onOpenChange: setOpen, children: [_jsx(Button, { "data-record-notices": "", className: ({ isFocusVisible }) => `${chip({ isFocusVisible })} ${skin}`, children: face }), _jsx(Popover, { placement: "bottom", children: _jsxs(Dialog, { "aria-label": copy.record.notices, className: "flex max-h-[inherit] w-(--container-toast) flex-col gap-2 overflow-auto p-3 outline-0 max-sm:w-auto", children: [_jsx(Heading, { slot: "title", className: "text-meta font-semibold text-ink", children: copy.record.notices }), notices.map(({ children, ...notice }, i) => (_jsx(Callout, { ...notice, dismissLabel: copy.shell.closeNotice, children: children }, i)))] }) })] }));
+}

package/dist/components/record/ThumbBar.js

@@ -38,7 +38,7 @@ import { cloneElement, isValidElement } from "react";
  *  Same reason as everything else here: a record in a 380 px panel is as
  *  narrow as one on a phone. The query is a NAMED container (`record`) on the
  *  rail and on the bar — never on the paper: an unnamed container around the
- *  sheet would change what `Sheet`, `SectionGrid` and the chatter measure
+ *  sheet would change what `Sheet`, `SectionGrid` and the activity panel measure
  *  against, and the desk layout with it.
  *
  *  ── Why CSS, and why the primary is in the DOM twice ─────────────────

package/dist/foundations/copy.d.ts

@@ -69,6 +69,13 @@ export type UiCopy = {
         /** Read aloud next to a stage that failed: the red fill alone says nothing to a
          *  screen reader. */
         failed: string;
+        /** The title of the list of the record's notices, opened from the rail. */
+        notices: string;
+        /** The rail's indicator: how many notices, singular and plural. */
+        noticeOne: string;
+        noticeMany: string;
+        /** The accessible name of the band of what is wrong with the record. */
+        blocking: string;
     };
     shell: {
         modules: string;
@@ -105,6 +112,10 @@ export type UiCopy = {
     choice: {
         /** What an open list says when what was typed matches nothing. */
         noResults: string;
+        /** The name of a search box nobody labelled — no `Field`, no `aria-label`, no
+         *  placeholder. A field a screen reader announces as «edit text» is a field nobody
+         *  can find. */
+        search: string;
     };
     search: {
         tools: string;
@@ -183,6 +194,8 @@ export type UiCopy = {
         retry: string;
     };
     table: {
+        /** Under an editable list: write a new record as one more row. */
+        add: string;
         row: string;
         rows: string;
         yes: string;
@@ -212,9 +225,15 @@ export type UiCopy = {
          *  filtro. Decir «todavía no hay nada» a quien tiene ciento ochenta y
          *  escribió mal un nombre es contestar otra pregunta. */
         emptyFiltered: string;
+        /** How many records an embedded list holds, on its one-line bar. Two keys and not
+         *  one: «1 records» is wrong in every language this ships in. */
+        countOne: string;
+        count: string;
     };
     /** La historia de un registro: eventos y mensajes. */
-    chatter: {
+    /** The panel of everything around a record: its notices, its conversation and its
+     *  history (`Activity`). */
+    activity: {
         /** Quién hizo algo que no hizo nadie. Es una respuesta, no un hueco. */
         bySystem: string;
         /** Abrir y cerrar el error completo. */
@@ -232,18 +251,37 @@ export type UiCopy = {
         noRecipients: string;
         /** El campo vacío de un mensaje que sí sale. */
         messagePlaceholder: string;
-        /** Un hilo donde todavía no pasó nada. */
-        empty: string;
-        /** The default name of the chatter, and what its fold and unfold buttons say
-         *  about it. */
-        history: string;
+        /** Nobody wrote yet, and nothing was logged yet: two different answers. */
+        emptyMessages: string;
+        emptyEvents: string;
+        /** The panel's name, and what its fold and unfold buttons say about it. */
+        title: string;
         open: string;
         fold: string;
-        /** The three tabs: everything mixed, only what people wrote, only what the
-         *  system logged. */
-        tabAll: string;
-        tabMessages: string;
-        tabEvents: string;
+        /** The parts of the timeline: what is true now, what people wrote, what the system
+         *  logged. */
+        alerts: string;
+        conversation: string;
+        history: string;
+        /** The name of the history, under the notices. */
+        viewTimeline: string;
+        /** The notices beyond the first three, folded: «Ver 4 más». */
+        moreAlerts: string;
+        fewerAlerts: string;
+        /** The timeline's filters: everything, or one kind of entry. */
+        filters: string;
+        filterAll: string;
+        filterConversation: string;
+        filterNotes: string;
+        filterEvents: string;
+        /** The day separators of the timeline that are not a date. */
+        today: string;
+        yesterday: string;
+        /** A filter that leaves nothing. */
+        emptyFilter: string;
+        /** A note in the timeline takes you to what it belongs to. `{owner}` is that field or
+         *  line. */
+        goTo: string;
         /** The composer's buttons. */
         send: string;
         sending: string;
@@ -255,6 +293,10 @@ export type UiCopy = {
         done: string;
         /** Sin portapapeles —contexto no seguro, permiso negado— se dice. */
         failed: string;
+        /** The copy button of a field, named by the field: «Copiar «Cliente»». */
+        field: string;
+        /** A field with nothing in it: said, not a silent success. */
+        empty: string;
     };
     /** Ordenar, cuando la presentación no tiene encabezados donde hacer clic. */
     sorting: {
@@ -326,6 +368,8 @@ export type UiCopy = {
     };
     editable: {
         add: string;
+        /** The spreadsheet's: a row, not a line of a document. */
+        addRow: string;
         empty: string;
         remove: string;
     };
@@ -338,6 +382,8 @@ export type UiCopy = {
         refine: string;
         open: string;
         browseAll: string;
+        /** The quiet row at the end of a list that is fetching its next page. */
+        loadingMore: string;
     };
     cell: {
         missing: string;
@@ -349,6 +395,13 @@ export type UiCopy = {
         invalid: string;
         noDate: string;
     };
+    /** The dialog that holds a stack of contexts opened from a record (`Drill`). */
+    drill: {
+        /** Up one level. `{name}` is the context it goes back to. */
+        back: string;
+        /** The accessible name of the trail of contexts this one was opened from. */
+        trail: string;
+    };
     dialog: {
         expand: string;
         /** The wizard's own buttons: leave, go back, go on, end — and what the main
@@ -467,6 +520,12 @@ export type UiCopy = {
         empty: string;
         /** Closing the line being edited. */
         done: string;
+        /** Sections and notes among the lines (Odoo's `display_type`). */
+        addSection: string;
+        addNote: string;
+        /** The names of their text field, for a screen reader. */
+        section: string;
+        note: string;
     };
     /** `LineItems`, beyond the `lines` keys: counting, the editor of a new line, removing. */
     lineItems: {
@@ -496,6 +555,23 @@ export type UiCopy = {
         /** The name of the button that opens it, and of the card. `{name}` is the record. */
         summary: string;
     };
+    /** The money summary of a document once something is applied against it. */
+    totals: {
+        /** Read, not shown, before a deducted amount: «Pagado el 12/10/2026, menos Bs. 100». */
+        less: string;
+        /** The name of a deduction's `i`. `{label}` is the deduction — «Pagado el 12/10/2026». */
+        details: string;
+        /** Go to the applied record, from its detail. */
+        open: string;
+        /** Take a deduction back off the document, from its detail. */
+        unlink: string;
+        /** The title of what could still be applied. */
+        credits: string;
+        /** The visible word on each available credit's button. */
+        apply: string;
+        /** Its accessible name, which says WHICH. `{label}` is the credit — «NC/2026/0012». */
+        applyCredit: string;
+    };
     /** Changing a value where it is drawn: one more tag of a many2many, one cell of a list. */
     inlineEdit: {
         /** The inline input of a tags field, while it holds no tag yet. */
@@ -513,6 +589,11 @@ export type UiCopy = {
         light: string;
         dark: string;
     };
+    /** A hierarchy of records — a chart of accounts, product categories, locations. */
+    tree: {
+        /** What an empty tree says, unless the screen says something closer to its domain. */
+        empty: string;
+    };
     /** The assistant acting inside a screen: what it suggests, what it proposes to change,
      *  what it set, and what it is still working on. */
     assist: {
@@ -589,11 +670,12 @@ export type UiCopyOverride = {
     ops?: Record<string, string>;
     sorting?: Partial<UiCopy["sorting"]>;
     copyable?: Partial<UiCopy["copyable"]>;
-    chatter?: Partial<UiCopy["chatter"]>;
+    activity?: Partial<UiCopy["activity"]>;
     editable?: Partial<UiCopy["editable"]>;
     picker?: Partial<UiCopy["picker"]>;
     cell?: Partial<UiCopy["cell"]>;
     time?: Partial<UiCopy["time"]>;
+    drill?: Partial<UiCopy["drill"]>;
     dialog?: Partial<UiCopy["dialog"]>;
     report?: Partial<UiCopy["report"]>;
     builder?: Partial<UiCopy["builder"]>;
@@ -603,8 +685,10 @@ export type UiCopyOverride = {
     lineItems?: Partial<UiCopy["lineItems"]>;
     relation?: Partial<UiCopy["relation"]>;
     relationCard?: Partial<UiCopy["relationCard"]>;
+    totals?: Partial<UiCopy["totals"]>;
     inlineEdit?: Partial<UiCopy["inlineEdit"]>;
     theme?: Partial<UiCopy["theme"]>;
+    tree?: Partial<UiCopy["tree"]>;
     assist?: Partial<UiCopy["assist"]>;
 };
 export declare function mergeCopy(over?: UiCopyOverride): UiCopy;

package/dist/foundations/copy.es.js

@@ -72,6 +72,10 @@ export const SPANISH_COPY = {
         saving: "Guardando…",
         discard: "Descartar",
         failed: "falló",
+        notices: "Avisos sobre este registro",
+        noticeOne: "{count} aviso",
+        noticeMany: "{count} avisos",
+        blocking: "Lo que está mal en este registro",
     },
     shell: {
         close: "Cerrar",
@@ -100,6 +104,7 @@ export const SPANISH_COPY = {
     },
     choice: {
         noResults: "Sin resultados",
+        search: "Buscar",
     },
     dates: {
         last: "últimos {count} {unit}",
@@ -172,6 +177,7 @@ export const SPANISH_COPY = {
         retry: "Reintentar",
     },
     table: {
+        add: "Agregar",
         row: "fila",
         rows: "filas",
         yes: "sí",
@@ -185,8 +191,10 @@ export const SPANISH_COPY = {
     list: {
         empty: "Todavía no hay nada acá.",
         emptyFiltered: "Nada coincide con lo que está puesto.",
+        countOne: "1 registro",
+        count: "{count} registros",
     },
-    chatter: {
+    activity: {
         bySystem: "el sistema",
         more: "ver el error completo",
         less: "ver menos",
@@ -197,18 +205,37 @@ export const SPANISH_COPY = {
         recipients: "Quiénes lo reciben",
         noRecipients: "todavía no hay a quién mandarlo",
         messagePlaceholder: "Escribí un mensaje…",
-        empty: "Todavía no pasó nada acá.",
-        history: "historial",
-        open: "Abrir el {label}",
-        fold: "Plegar el {label}",
-        tabAll: "todo",
-        tabMessages: "mensajes",
-        tabEvents: "eventos",
+        emptyMessages: "Todavía nadie escribió acá.",
+        emptyEvents: "Todavía no se registró nada.",
+        title: "Actividad",
+        open: "Abrir {label}",
+        fold: "Plegar {label}",
+        alerts: "Avisos",
+        conversation: "Conversación",
+        history: "Historial",
+        viewTimeline: "Línea de tiempo",
+        moreAlerts: "Ver {count} más",
+        fewerAlerts: "Ver menos",
+        filters: "Mostrar",
+        filterAll: "Todo",
+        filterConversation: "Mensajes",
+        filterNotes: "Notas",
+        filterEvents: "Eventos",
+        today: "Hoy",
+        yesterday: "Ayer",
+        emptyFilter: "Todavía no hay nada de esto.",
+        goTo: "Ir a {owner}",
         send: "Enviar",
         sending: "Enviando…",
         cancel: "Cancelar",
     },
-    copyable: { label: "Copiar", done: "Copiado", failed: "No se pudo copiar" },
+    copyable: {
+        label: "Copiar",
+        done: "Copiado",
+        failed: "No se pudo copiar",
+        field: "Copiar «{label}»",
+        empty: "No hay nada que copiar",
+    },
     sorting: {
         label: "Ordenar",
         by: "ordenar por",
@@ -233,7 +260,12 @@ export const SPANISH_COPY = {
         clear: "dejar de agrupar",
         grain: "con qué corte",
     },
-    editable: { add: "agregar", empty: "nada todavía", remove: "quitar" },
+    editable: {
+        add: "agregar",
+        addRow: "agregar una fila",
+        empty: "nada todavía",
+        remove: "quitar",
+    },
     picker: {
         placeholder: "elegí uno…",
         empty: "Nada coincide.",
@@ -243,8 +275,13 @@ export const SPANISH_COPY = {
         refine: "— afiná el filtro",
         open: "Abrir",
         browseAll: "ver todos…",
+        loadingMore: "cargando más…",
     },
     cell: { empty: "—", missing: "falta", emptyBin: "(vacío)" },
+    drill: {
+        back: "Volver a {name}",
+        trail: "Abierto desde",
+    },
     dialog: {
         expand: "Agrandar a panel",
         cancel: "Cancelar",
@@ -320,6 +357,10 @@ export const SPANISH_COPY = {
         remove: "Quitar la línea",
         empty: "Todavía no hay líneas.",
         done: "Listo",
+        addSection: "Agregar una sección",
+        addNote: "Agregar una nota",
+        section: "Sección",
+        note: "Nota",
     },
     lineItems: {
         one: "{count} línea",
@@ -333,6 +374,15 @@ export const SPANISH_COPY = {
     },
     relation: { open: "Abrir", none: "Sin asignar" },
     relationCard: { summary: "Resumen de {name}" },
+    totals: {
+        less: "menos",
+        details: "Detalle: {label}",
+        open: "Abrir",
+        unlink: "Desvincular",
+        credits: "Créditos pendientes",
+        apply: "Aplicar",
+        applyCredit: "Aplicar {label}",
+    },
     inlineEdit: {
         addTag: "Agregar…",
         createTag: "Crear «{name}»",
@@ -344,6 +394,9 @@ export const SPANISH_COPY = {
         light: "Claro",
         dark: "Oscuro",
     },
+    tree: {
+        empty: "Todavía no hay nada acá.",
+    },
     assist: {
         assistant: "Asistente",
         suggests: "sugiere",