@prenta/admin 2.6.1 → 2.8.0

package/dist/views/Jobs/DrawerResults.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useAdminLinks } from '../../components/ui/admin-links.js';
+import { formatCreated } from '../../lib/job-view.js';
+import { AiNote, DrawerSection } from './DrawerOverview.js';
+import { JobIcons } from './icons.js';
+/** `.jb-empty`. */
+export function DrawerEmpty({ children }) {
+    return _jsx("p", { className: "text-body text-sub m-0 px-4 py-10 text-center", children: children });
+}
+function Kpi({ label, children }) {
+    return (_jsxs("div", { className: "border-bdr rounded-10 border px-3 py-2.5", children: [_jsx("div", { className: "text-hint text-faint", children: label }), _jsx("b", { className: "text-stat text-txt tabular-nums", children: children })] }));
+}
+/** An admin path the server sent, such as `/seo/content`. Anything else isn't linked. */
+function adminPath(href) {
+    return /^\/(?!\/)[^\s\\]*$/.test(href);
+}
+function plainClick(event) {
+    return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;
+}
+/**
+ * jobs-drawer.jsx Results, for SEO scans and content health checks: three
+ * key numbers, the AI summary, the open issues by kind (each linking to the
+ * screen that fixes it) and whether the SEO digest went out.
+ */
+export function DrawerResults({ type, results, loaded, error, summary, scanned, now, onNavigate, }) {
+    const links = useAdminLinks();
+    if (!results) {
+        if (!loaded) {
+            return (_jsx("p", { role: "status", className: "text-body text-sub m-0 px-4 py-10 text-center", children: error ? `Couldn’t load the results: ${error}.` : 'Loading results…' }));
+        }
+        return _jsx(DrawerEmpty, { children: "Results appear when the run finishes." });
+    }
+    const seo = type === 'seo-scan';
+    const delta = typeof results.score === 'number' && typeof results.prevScore === 'number'
+        ? results.score - results.prevScore
+        : 0;
+    const digest = results.digest;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-3 gap-2 max-[560px]:grid-cols-2", children: seo ? (_jsxs(_Fragment, { children: [_jsxs(Kpi, { label: "Site score", children: [results.score ?? '—', delta ? (_jsx("small", { className: `text-meta ml-[5px] font-semibold tracking-normal ${delta > 0 ? 'text-suc' : 'text-err'}`, children: delta > 0 ? `+${delta}` : `−${-delta}` })) : null] }), _jsx(Kpi, { label: "Issues found", children: results.found }), _jsx(Kpi, { label: "Fixed since last scan", children: results.resolved })] })) : (_jsxs(_Fragment, { children: [_jsx(Kpi, { label: "Documents scanned", children: scanned.toLocaleString() }), _jsx(Kpi, { label: "New issues", children: results.found }), _jsx(Kpi, { label: "Resolved", children: results.resolved })] })) }), summary ? _jsx(AiNote, { label: "AI summary", children: summary }) : null, results.categories.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(DrawerSection, { children: seo ? 'Top issues' : 'Open issues' }), _jsx("ul", { className: "border-bdr rounded-10 m-0 flex list-none flex-col overflow-hidden border p-0", children: results.categories.map((category) => {
+                            const body = (_jsxs(_Fragment, { children: [_jsx("span", { className: "min-w-0 flex-1", children: category.label }), _jsx("b", { className: "tabular-nums", children: category.count })] }));
+                            const rowClass = 'text-sm2 text-txt flex items-center gap-2.5 px-3 py-[9px] no-underline';
+                            return (_jsx("li", { className: "border-bdr border-t first:border-t-0", children: adminPath(category.href) ? (_jsxs("a", { href: links.href(category.href), className: `${rowClass} hover:bg-bg`, onClick: (event) => {
+                                        if (!plainClick(event))
+                                            return;
+                                        event.preventDefault();
+                                        onNavigate(category.href);
+                                    }, children: [body, _jsx(JobIcons.chev, { size: 13 })] })) : (_jsx("div", { className: rowClass, children: body })) }, category.key));
+                        }) })] })) : null, seo && digest ? (_jsxs("p", { className: "text-meta text-sub m-0 flex items-start gap-[7px] leading-[1.5]", children: [_jsx("span", { className: "text-suc mt-0.5 flex shrink-0", children: _jsx(JobIcons.check, { size: 13 }) }), _jsxs("span", { children: ["SEO digest: Sent to ", digest.recipients, " ", digest.recipients === 1 ? 'person' : 'people', ' ', "\u00B7 ", formatCreated(digest.sentAt, now)] })] })) : null] }));
+}
+//# sourceMappingURL=DrawerResults.js.map

package/dist/views/Jobs/DrawerResults.js.map

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

package/dist/views/Jobs/DrawerReview.d.ts

@@ -0,0 +1,51 @@
+import type { JobReviewItem } from '@prenta/core';
+import type { OnApprove, ReviewAction } from '../../lib/jobs-service.js';
+import type { ReviewItems } from './useReviewItems.js';
+/** The drawer's per-change state: the request out, and the last outcome to show. */
+export interface ReviewItemState {
+    busy?: 'approve' | 'reject' | 'undo';
+    note?: {
+        tone: 'err' | 'info';
+        text: string;
+    };
+}
+/**
+ * A link suggestion's line, as text: the words around the link, the linked
+ * words marked, and where they link. The stored markup is never rendered.
+ */
+export declare function LinkLine({ after }: {
+    after: string;
+}): import("react/jsx-runtime").JSX.Element;
+export interface DrawerReviewProps {
+    review: ReviewItems;
+    /** The job's counts from the API, not the loaded changes. */
+    counts: {
+        pending: number;
+        approved: number;
+        rejected: number;
+    };
+    /** The job is queued or running, so more changes arrive. */
+    running: boolean;
+    cancelled: boolean;
+    onApprove: OnApprove;
+    itemState: Readonly<Record<string, ReviewItemState>>;
+    drafts: Readonly<Record<string, string>>;
+    isPublished: (documentId: string) => boolean;
+    onDecide: (item: JobReviewItem, decision: ReviewAction) => void;
+    onEdit: (item: JobReviewItem) => void;
+    onDraft: (id: string, text: string) => void;
+    onCancelEdit: (id: string) => void;
+    /**
+     * Approve all is running. It works from the edits open when it was pressed,
+     * so every change is locked until it's done: an edit begun meanwhile would
+     * be overtaken by the server's approve-all with the AI's text.
+     */
+    locked: boolean;
+}
+/**
+ * jobs-drawer.jsx Review: the counts, what approving does, then each change,
+ * 20 at a time. Changes on a cancelled job stay reviewable (JOBS.md
+ * "Cancelling").
+ */
+export declare function DrawerReview({ review, counts, running, cancelled, onApprove, itemState, drafts, isPublished, onDecide, onEdit, onDraft, onCancelEdit, locked, }: DrawerReviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerReview.d.ts.map

package/dist/views/Jobs/DrawerReview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerReview.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/DrawerReview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOtD,oFAAoF;AACpF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IACpC,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C;AAuFD;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,2CAWpD;AAkMD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,6DAA6D;IAC7D,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/D,4DAA4D;IAC5D,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAA;IACpD,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAA;IAC5C,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;IACrC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;CAChB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,YAAY,EACZ,MAAM,GACP,EAAE,iBAAiB,2CAuGnB"}

package/dist/views/Jobs/DrawerReview.js

@@ -0,0 +1,110 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { Button } from '../../components/ui/Button.js';
+import { charLimit, linkParts } from '../../lib/job-drawer.js';
+import { BusyButton } from './BusyButton.js';
+import { DrawerEmpty } from './DrawerResults.js';
+import { JobIcons } from './icons.js';
+/** A link suggestion's field. It can't be edited (the server answers 400). */
+const LINK_FIELD = 'body';
+/** Image alt text has no draft or published state, so its Approve has no choice. */
+const ALT_FIELD = 'altText';
+const MENU_ITEM = 'rounded-7 text-body text-txt data-[highlighted]:bg-acc-l data-[highlighted]:text-acc flex cursor-pointer items-center px-3 py-2 outline-none';
+/**
+ * Approve, with the choice of what approving does: "Save as draft" (which
+ * reads "Keep current status" on a published document, where it leaves the
+ * change in review) or "Publish" (CONFLICTS.md §4). Alt text has no choice.
+ */
+function ApproveButton({ label, busy, disabled, choice, published, onApprove, }) {
+    const [open, setOpen] = useState(false);
+    const icon = _jsx(JobIcons.check, { size: 12 });
+    if (!choice) {
+        return (_jsx(BusyButton, { size: "sm", leftIcon: icon, busy: busy, "aria-disabled": disabled || undefined, "data-review-focus": "approve", onClick: () => {
+                if (!disabled)
+                    onApprove();
+            }, children: label }));
+    }
+    return (_jsxs(DropdownMenu.Root, { open: open, onOpenChange: (next) => setOpen(next && !busy && !disabled), modal: false, children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(BusyButton, { size: "sm", leftIcon: icon, rightIcon: _jsx(JobIcons.chevDown, { size: 12 }), busy: busy, "aria-disabled": disabled || undefined, "data-review-focus": "approve", children: label }) }), _jsxs(DropdownMenu.Content, { align: "end", sideOffset: 4, className: "rounded-10 border-bdr bg-card shadow-shd2 z-[var(--z-modal)] min-w-[180px] border p-1", children: [_jsx(DropdownMenu.Item, { className: MENU_ITEM, onSelect: () => onApprove('draft'), children: published ? 'Keep current status' : 'Save as draft' }), _jsx(DropdownMenu.Item, { className: MENU_ITEM, onSelect: () => onApprove('publish'), children: "Publish" })] })] }));
+}
+/** `.jd-diff small`: the column label and its count. */
+function DiffLabel({ label, children }) {
+    return (_jsxs("div", { className: "text-count text-faint mb-[3px] flex justify-between gap-2 font-bold tracking-[.3px] uppercase", children: [_jsx("span", { children: label }), children] }));
+}
+/**
+ * A link suggestion's line, as text: the words around the link, the linked
+ * words marked, and where they link. The stored markup is never rendered.
+ */
+export function LinkLine({ after }) {
+    const parts = linkParts(after);
+    if (!parts)
+        return _jsx(_Fragment, { children: after });
+    return (_jsxs(_Fragment, { children: [parts.before, _jsx("mark", { className: "text-acc bg-transparent underline underline-offset-2", children: parts.anchor }), parts.after, _jsxs("span", { className: "text-faint text-hint mt-1 block font-mono", children: ["\u2192 ", parts.href] })] }));
+}
+/** jobs-drawer.jsx `Item`: one document's current and suggested text, with its actions. */
+function ReviewCard({ item, state, draft, published, onDecide, onEdit, onDraft, onCancelEdit, locked, }) {
+    const link = item.field === LINK_FIELD;
+    const editing = draft !== undefined && item.status === 'pending';
+    const suggested = editing ? draft : (item.editedAfter ?? item.after);
+    const limit = charLimit(item.field);
+    const busy = state.busy;
+    const blocked = !!busy || locked;
+    const approve = (onApprove) => onDecide(item, {
+        action: 'approve',
+        ...(onApprove ? { onApprove } : {}),
+        ...(editing ? { after: draft } : {}),
+    });
+    const approveButton = (label) => (_jsx(ApproveButton, { label: label, busy: busy === 'approve', disabled: blocked, choice: item.field !== ALT_FIELD, published: published, onApprove: approve }));
+    return (_jsxs("li", { "data-review-item": item.id, tabIndex: -1, className: `rounded-10 overflow-hidden border outline-none ${item.status === 'approved'
+            ? 'border-[color-mix(in_srgb,var(--suc)_45%,var(--bdr))]'
+            : 'border-bdr'} ${item.status === 'rejected' ? 'opacity-60' : ''}`, children: [_jsxs("div", { className: "bg-bg text-sm2 text-txt flex items-center gap-2 px-3 py-[9px] font-semibold", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: item.documentTitle }), _jsx("code", { className: "text-micro text-faint max-w-[45%] truncate font-mono font-normal", children: item.url }), item.status === 'approved' ? (_jsx("span", { className: "rounded-pill bg-suc-l text-suc text-micro flex-none px-2 py-px font-bold", children: "Approved" })) : null, item.status === 'rejected' ? (_jsx("span", { className: "rounded-pill bg-bg text-sub border-bdr text-micro flex-none border px-2 py-px font-bold", children: "Rejected" })) : null] }), _jsxs("div", { className: "bg-bdr grid grid-cols-2 gap-px max-[560px]:grid-cols-1", children: [_jsxs("div", { className: "bg-card text-sm2 text-txt min-w-0 px-3 py-[9px] leading-[1.5] break-words", children: [_jsx(DiffLabel, { label: "Current", children: link ? null : _jsx("span", { children: item.before.length || '' }) }), _jsx("div", { className: item.before ? 'text-sub' : 'text-faint italic', children: item.before || 'Empty' })] }), _jsxs("div", { className: "bg-card text-sm2 text-txt min-w-0 px-3 py-[9px] leading-[1.5] break-words", children: [_jsx(DiffLabel, { label: "Suggested", children: link ? null : (_jsx("span", { className: limit !== null && suggested.length > limit ? 'text-err' : '', children: suggested.length })) }), editing ? (_jsx("textarea", { "aria-label": `Edit suggestion for ${item.documentTitle}`, "data-review-focus": "text", value: draft, readOnly: blocked, onChange: (event) => {
+                                    if (!blocked)
+                                        onDraft(item.id, event.target.value);
+                                }, className: "border-acc-m rounded-7 bg-card text-sm2 text-txt min-h-[70px] w-full resize-y border px-2 py-1.5" })) : link ? (_jsx("div", { children: _jsx(LinkLine, { after: suggested }) })) : (_jsx("div", { children: suggested }))] })] }), state.note ? (_jsxs("p", { "data-review-note": state.note.tone, className: `border-bdr text-meta m-0 flex items-start gap-[7px] border-t px-3 py-2 leading-[1.5] ${state.note.tone === 'err' ? 'text-err' : 'text-sub'}`, children: [_jsx("span", { className: "mt-0.5 flex shrink-0", children: _jsx(JobIcons.alert, { size: 13 }) }), _jsx("span", { children: state.note.text })] })) : null, _jsx("div", { className: "border-bdr flex flex-wrap justify-end gap-1.5 border-t px-2.5 py-2", children: item.status !== 'pending' ? (_jsx(BusyButton, { variant: "ghost", size: "sm", busy: busy === 'undo', "aria-disabled": blocked ? true : undefined, "data-review-focus": "undo", onClick: () => {
+                        if (!blocked)
+                            onDecide(item, { action: 'undo' });
+                    }, children: "Undo" })) : editing ? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", size: "sm", "aria-disabled": blocked ? true : undefined, className: "aria-disabled:pointer-events-none aria-disabled:opacity-50", onClick: () => {
+                                if (!blocked)
+                                    onCancelEdit(item.id);
+                            }, children: "Undo edit" }), approveButton('Approve edited')] })) : (_jsxs(_Fragment, { children: [_jsx(BusyButton, { variant: "ghost", size: "sm", busy: busy === 'reject', "aria-disabled": blocked ? true : undefined, onClick: () => {
+                                if (!blocked)
+                                    onDecide(item, { action: 'reject' });
+                            }, children: "Reject" }), link ? null : (_jsx(Button, { variant: "secondary", size: "sm", leftIcon: _jsx(JobIcons.edit, { size: 12 }), "data-review-focus": "edit", "aria-disabled": blocked ? true : undefined, className: "aria-disabled:pointer-events-none aria-disabled:opacity-50", onClick: () => {
+                                if (!blocked)
+                                    onEdit(item);
+                            }, children: "Edit" })), approveButton('Approve')] })) })] }));
+}
+/**
+ * jobs-drawer.jsx Review: the counts, what approving does, then each change,
+ * 20 at a time. Changes on a cancelled job stay reviewable (JOBS.md
+ * "Cancelling").
+ */
+export function DrawerReview({ review, counts, running, cancelled, onApprove, itemState, drafts, isPublished, onDecide, onEdit, onDraft, onCancelEdit, locked, }) {
+    const total = counts.pending + counts.approved + counts.rejected;
+    const more = Math.min(20, Math.max(0, total - review.items.length));
+    const list = useRef(null);
+    /** How many changes were loaded when "Show more" was pressed. */
+    const moreFrom = useRef(null);
+    const { loadingMore, nextCursor } = review;
+    // When the last page comes in, "Show more" goes away; focus moves to the
+    // first change it loaded instead of dropping to the dialog.
+    useEffect(() => {
+        const from = moreFrom.current;
+        if (from === null || loadingMore)
+            return;
+        moreFrom.current = null;
+        if (nextCursor)
+            return;
+        const first = list.current?.children[from];
+        if (first instanceof HTMLElement)
+            first.focus();
+    }, [loadingMore, nextCursor]);
+    return (_jsxs(_Fragment, { children: [_jsxs("p", { className: "text-sm2 text-sub m-0 flex flex-wrap items-center gap-2", children: [_jsxs("span", { children: [_jsx("b", { className: "text-txt", children: counts.pending }), " waiting \u00B7", ' ', _jsx("b", { className: "text-txt", children: counts.approved }), " approved \u00B7", ' ', _jsx("b", { className: "text-txt", children: counts.rejected }), " rejected"] }), running ? _jsx("span", { children: "\u00B7 more arrive as the job runs" }) : null] }), _jsxs("p", { className: "text-meta text-sub m-0 flex items-start gap-[7px] leading-[1.5]", children: [_jsx("span", { className: "mt-0.5 flex shrink-0", children: _jsx(JobIcons.alert, { size: 13 }) }), _jsxs("span", { children: [onApprove === 'publish'
+                                ? 'Approved changes are published right away.'
+                                : 'Approved changes are saved as drafts on each document.', ' ', "Each one is recorded in the document\u2019s history, so it can be undone."] })] }), review.status === 'ready' && review.error ? (_jsxs("p", { role: "status", className: "text-meta text-err m-0", children: ["Couldn\u2019t refresh the changes: ", review.error, ". Showing the last update."] })) : null, review.status === 'loading' ? (_jsx("p", { role: "status", className: "text-body text-sub m-0 px-4 py-10 text-center", children: "Loading changes\u2026" })) : review.status === 'error' ? (_jsxs("div", { role: "alert", className: "text-body text-sub flex flex-col items-center gap-3 px-4 py-10", children: [_jsxs("p", { className: "m-0 text-center", children: ["Couldn\u2019t load the changes: ", review.error, "."] }), _jsx(Button, { variant: "secondary", size: "sm", onClick: () => void review.refresh(), children: "Try again" })] })) : review.items.length === 0 ? (_jsx(DrawerEmpty, { children: cancelled ? 'Cancelled before any changes were ready.' : 'No changes waiting.' })) : (_jsx("ul", { ref: list, "aria-label": "Suggested changes", className: "m-0 flex list-none flex-col gap-3.5 p-0", children: review.items.map((item) => (_jsx(ReviewCard, { item: item, state: itemState[item.id] ?? {}, draft: drafts[item.id], published: isPublished(item.documentId), onDecide: onDecide, onEdit: onEdit, onDraft: onDraft, onCancelEdit: onCancelEdit, locked: locked }, item.id))) })), review.status === 'ready' && review.nextCursor ? (_jsx("div", { className: "flex justify-center", children: _jsx(BusyButton, { variant: "secondary", size: "sm", busy: review.loadingMore, "data-review-more": "", onClick: () => {
+                        moreFrom.current = review.items.length;
+                        review.loadMore();
+                    }, children: more > 0 ? `Show ${more} more` : 'Show more' }) })) : null] }));
+}
+//# sourceMappingURL=DrawerReview.js.map

package/dist/views/Jobs/DrawerReview.js.map

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

package/dist/views/Jobs/JobDrawer.d.ts

@@ -0,0 +1,51 @@
+import type { Job, JobWorkerStatus } from '@prenta/core';
+import { type JobActions, type JobRow } from '../../lib/job-view.js';
+import type { JobDrawerTab } from './JobsTable.js';
+/** An outcome the Jobs screen reported, for the drawer's live region; `n` makes a repeat new. */
+export interface DrawerNotice {
+    text: string;
+    n: number;
+}
+export interface JobDrawerProps {
+    /** The list's copy of the job, read again every 5 seconds while Live is on. */
+    job: Job;
+    /** The list's row for it: the state, countdown and labels the list shows. */
+    row: JobRow;
+    /** The tab a control asked for: Review from the Review buttons, Overview from "See why". */
+    tab: JobDrawerTab;
+    /** When the list was read, on the server's clock. Relative times count from it. */
+    now: number;
+    worker: JobWorkerStatus | null;
+    /** The footer's Cancel job, "Retry from document {n+1}" and "Retry now", for this viewer. */
+    actions: JobActions;
+    /** A retry of this job is out. */
+    retrying: boolean;
+    /**
+     * The screen's latest outcome (a cancel, a retry, a reused Run now). Radix
+     * hides the toaster from screen readers while the drawer is open, so the
+     * drawer announces it too.
+     */
+    notice: DrawerNotice | null;
+    /** Cancel job: opens the cancel dialog over the drawer. */
+    onCancel: () => void;
+    /** Retry from where it stopped, or retry now while it waits out a backoff. Resolves once answered. */
+    onRetry: (now: boolean) => Promise<void>;
+    onClose: () => void;
+    /** Read the list again: a decision changes the job's review counts. */
+    onReload: () => void;
+    onNavigate: (path: string) => void;
+}
+/**
+ * The job detail drawer (jobs-drawer.jsx, JOBS.md "Drawer"): 620px from the
+ * right, a full-screen sheet on mobile. Radix gives it `role="dialog"`,
+ * `aria-modal`, the focus trap, Esc and the backdrop close; focus goes back to
+ * the control that opened it, or to the job's row.
+ *
+ * It reads `GET /jobs/:id` (results, the full error) and, per tab, the
+ * events and the review changes, each again only when the list's copy of the
+ * job changes. The Review badge and footer use the job's own counts, never
+ * the number of changes loaded. The footer's Cancel job and retries (P-19)
+ * use the list's handlers, so they act and report the same way from here.
+ */
+export declare function JobDrawer({ job, row, tab, now, worker, actions, retrying, notice, onCancel, onRetry, onClose, onReload, onNavigate, }: JobDrawerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JobDrawer.d.ts.map

package/dist/views/Jobs/JobDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JobDrawer.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/JobDrawer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAiB,eAAe,EAAE,MAAM,cAAc,CAAA;AAUvE,OAAO,EAA4B,KAAK,UAAU,EAAE,KAAK,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAkB9F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAwClD,iGAAiG;AACjG,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,GAAG,EAAE,GAAG,CAAA;IACR,6EAA6E;IAC7E,GAAG,EAAE,MAAM,CAAA;IACX,4FAA4F;IAC5F,GAAG,EAAE,YAAY,CAAA;IACjB,mFAAmF;IACnF,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,6FAA6F;IAC7F,OAAO,EAAE,UAAU,CAAA;IACnB,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,sGAAsG;IACtG,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,uEAAuE;IACvE,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAkBD;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,cAAc,2CAoehB"}