@prenta/admin 2.6.1 → 2.7.0

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

@@ -0,0 +1,19 @@
+import { type JobRow, type JobStateView } from '../../lib/job-view.js';
+/** jobs-data.jsx `TypeTile`: a 30px rounded square with the type's icon. */
+export declare function TypeTile({ type, size }: {
+    type: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;
+/** jobs-data.jsx `Pill`: the state label, with a pulsing dot while a slice runs. */
+export declare function Pill({ v }: {
+    v: JobStateView;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * jobs-data.jsx `Bar`. The track fills its grid cell and the count is
+ * tabular and never wraps, so a running job's progress moves without the row
+ * changing size.
+ */
+export declare function Bar({ j }: {
+    j: JobRow;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=atoms.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/atoms.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,MAAM,EAAE,KAAK,YAAY,EAAgB,MAAM,uBAAuB,CAAA;AAgBnG,4EAA4E;AAC5E,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAU5E;AAYD,oFAAoF;AACpF,wBAAgB,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;IAAE,CAAC,EAAE,YAAY,CAAA;CAAE,2CAc9C;AAYD;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,2CAoBvC"}

package/dist/views/Jobs/atoms.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jobType, view } from '../../lib/job-view.js';
+import { JobIcons } from './icons.js';
+/** Tile colours per type (jobs-data.jsx `TYPES` tone / bg). Unknown types get a quiet tile. */
+const TILE_CLASS = {
+    'seo-scan': 'bg-info-l text-info',
+    'content-health': 'bg-suc-l text-suc',
+    'batch-ai': 'bg-acc-l text-acc',
+};
+const TILE_ICON = {
+    'seo-scan': JobIcons.search,
+    'content-health': JobIcons.pulse,
+    'batch-ai': JobIcons.spark,
+};
+/** jobs-data.jsx `TypeTile`: a 30px rounded square with the type's icon. */
+export function TypeTile({ type, size = 30 }) {
+    const TileIcon = TILE_ICON[type] ?? JobIcons.list;
+    return (_jsx("span", { className: `rounded-8 inline-flex shrink-0 items-center justify-center ${TILE_CLASS[type] ?? 'bg-bg text-sub'}`, style: { width: size, height: size }, children: _jsx(TileIcon, { size: Math.round(size * 0.5) }) }));
+}
+/** `.jb-pill` tones. */
+const PILL_CLASS = {
+    acc: 'bg-acc-l text-acc',
+    suc: 'bg-suc-l text-suc',
+    err: 'bg-err-l text-err',
+    warn: 'bg-warn-l text-warn',
+    mute: 'bg-bg text-sub border border-bdr',
+    rev: 'bg-acc text-acc-on',
+};
+/** jobs-data.jsx `Pill`: the state label, with a pulsing dot while a slice runs. */
+export function Pill({ v }) {
+    return (_jsxs("span", { className: `rounded-pill text-hint inline-flex items-center gap-1.5 px-[9px] py-0.5 font-bold whitespace-nowrap ${PILL_CLASS[v.t]}`, children: [v.k === 'running' ? (_jsx("i", { "aria-hidden": "true", className: "motion-safe:animate-live size-1.5 rounded-full bg-current" })) : null, v.l] }));
+}
+/** Progress fill per tone (`.jb-bar-t i`). Needs review keeps the accent fill. */
+const FILL_CLASS = {
+    acc: 'bg-acc',
+    suc: 'bg-suc',
+    err: 'bg-err',
+    warn: 'bg-warn',
+    mute: 'bg-faint',
+    rev: 'bg-acc',
+};
+/**
+ * jobs-data.jsx `Bar`. The track fills its grid cell and the count is
+ * tabular and never wraps, so a running job's progress moves without the row
+ * changing size.
+ */
+export function Bar({ j }) {
+    const pct = j.total ? Math.min(100, Math.max(0, Math.round((j.done / j.total) * 100))) : 0;
+    const v = view(j);
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("div", { "aria-hidden": "true", className: "rounded-pill bg-bg border-bdr h-1.5 overflow-hidden border", "data-testid": "job-progress-track", children: _jsx("i", { className: `rounded-pill block h-full motion-safe:transition-[width] motion-safe:duration-[400ms] ${FILL_CLASS[v.t]}`, style: { width: `${pct}%` } }) }), _jsxs("span", { className: "text-hint text-sub whitespace-nowrap tabular-nums", children: [j.done.toLocaleString(), " / ", j.total.toLocaleString(), " ", jobType(j.type).unit] })] }));
+}
+//# sourceMappingURL=atoms.js.map

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

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

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

@@ -0,0 +1,23 @@
+/** The id of a row's open button, for returning focus to the row. */
+export declare function jobOpenButtonId(id: string): string;
+/** Focus was dropped: on the body, or on an element that's left the page. */
+export declare function focusLost(): boolean;
+/**
+ * Focus somewhere stable on the Jobs screen: the first row's open button, or
+ * the selected filter tab when the current filter has no rows.
+ */
+export declare function focusJobsFallback(): void;
+/** Focus a row's open button; when that row has left the list, the fallback above. */
+export declare function focusJobRow(id: string): void;
+/**
+ * Focus return for the Jobs dialogs. Radix's modal Dialog only returns focus
+ * to a `Dialog.Trigger`, and these open from several controls, so the control
+ * that had focus is remembered on open and focused again on close. When it's
+ * gone (a cancel removes the Cancel button) or was never focused (Safari
+ * doesn't focus a clicked button), `fallback` places focus instead.
+ */
+export declare function useReturnFocus(fallback: () => void): {
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: (event: Event) => void;
+};
+//# sourceMappingURL=focus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/focus.ts"],"names":[],"mappings":"AAIA,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,IAAI,OAAO,CAGnC;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAKxC;AAED,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAI5C;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,IAAI;;8BAOrB,KAAK;EAQlC"}

package/dist/views/Jobs/focus.js

@@ -0,0 +1,54 @@
+'use client';
+import { useRef } from 'react';
+/** The id of a row's open button, for returning focus to the row. */
+export function jobOpenButtonId(id) {
+    return `job-open-${id}`;
+}
+/** Focus was dropped: on the body, or on an element that's left the page. */
+export function focusLost() {
+    const current = document.activeElement;
+    return !current || current === document.body || !current.isConnected;
+}
+/**
+ * Focus somewhere stable on the Jobs screen: the first row's open button, or
+ * the selected filter tab when the current filter has no rows.
+ */
+export function focusJobsFallback() {
+    const target = document.querySelector('[data-job-open]') ??
+        document.querySelector('[data-jobs-filters] [role="tab"][aria-selected="true"]');
+    target?.focus();
+}
+/** Focus a row's open button; when that row has left the list, the fallback above. */
+export function focusJobRow(id) {
+    const button = document.getElementById(jobOpenButtonId(id));
+    if (button)
+        button.focus();
+    else
+        focusJobsFallback();
+}
+/**
+ * Focus return for the Jobs dialogs. Radix's modal Dialog only returns focus
+ * to a `Dialog.Trigger`, and these open from several controls, so the control
+ * that had focus is remembered on open and focused again on close. When it's
+ * gone (a cancel removes the Cancel button) or was never focused (Safari
+ * doesn't focus a clicked button), `fallback` places focus instead.
+ */
+export function useReturnFocus(fallback) {
+    const opener = useRef(null);
+    return {
+        onOpenAutoFocus: () => {
+            const current = document.activeElement;
+            opener.current = current instanceof HTMLElement && current !== document.body ? current : null;
+        },
+        onCloseAutoFocus: (event) => {
+            event.preventDefault();
+            const back = opener.current;
+            opener.current = null;
+            if (back?.isConnected)
+                back.focus();
+            else
+                fallback();
+        },
+    };
+}
+//# sourceMappingURL=focus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","sourceRoot":"","sources":["../../../src/views/Jobs/focus.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,qEAAqE;AACrE,MAAM,UAAU,eAAe,CAAC,EAAU;IACxC,OAAO,YAAY,EAAE,EAAE,CAAA;AACzB,CAAC;AAED,6EAA6E;AAC7E,MAAM,UAAU,SAAS;IACvB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAA;IACtC,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAA;AACtE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,MAAM,GACV,QAAQ,CAAC,aAAa,CAAc,iBAAiB,CAAC;QACtD,QAAQ,CAAC,aAAa,CAAc,wDAAwD,CAAC,CAAA;IAC/F,MAAM,EAAE,KAAK,EAAE,CAAA;AACjB,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,WAAW,CAAC,EAAU;IACpC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3D,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,EAAE,CAAA;;QACrB,iBAAiB,EAAE,CAAA;AAC1B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,QAAoB;IACjD,MAAM,MAAM,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAA;IAC/C,OAAO;QACL,eAAe,EAAE,GAAG,EAAE;YACpB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAA;YACtC,MAAM,CAAC,OAAO,GAAG,OAAO,YAAY,WAAW,IAAI,OAAO,KAAK,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QAC/F,CAAC;QACD,gBAAgB,EAAE,CAAC,KAAY,EAAE,EAAE;YACjC,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAA;YAC3B,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;YACrB,IAAI,IAAI,EAAE,WAAW;gBAAE,IAAI,CAAC,KAAK,EAAE,CAAA;;gBAC9B,QAAQ,EAAE,CAAA;QACjB,CAAC;KACF,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,22 @@
+interface IconProps {
+    size?: number;
+}
+export declare const JobIcons: {
+    search: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    pulse: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    spark: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    retry: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    play: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    stop: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    alert: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    clock: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    chev: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    /** The approve menu's opener: `chev` turned down. */
+    chevDown: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    x: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    check: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    edit: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+    list: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/icons.tsx"],"names":[],"mappings":"AAsBA,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,QAAQ;uBACA,SAAS;sBAMV,SAAS;sBAKT,SAAS;sBAMT,SAAS;qBAMV,SAAS;qBAKT,SAAS;sBAKR,SAAS;sBAOT,SAAS;qBAMV,SAAS;IAK1B,qDAAqD;yBAChC,SAAS;kBAKhB,SAAS;sBAML,SAAS;qBAKV,SAAS;qBAMT,SAAS;CAS3B,CAAA"}

package/dist/views/Jobs/icons.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The kit's Jobs icon set (jobs-data.jsx `Ic`): 24px grid, 1.8 stroke, decorative. */
+function Icon({ size = 14, children }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: "shrink-0", children: children }));
+}
+export const JobIcons = {
+    search: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("line", { x1: "21", y1: "21", x2: "16.5", y2: "16.5" })] })),
+    pulse: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" }) })),
+    spark: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z" }), _jsx("path", { d: "M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z" })] })),
+    retry: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("polyline", { points: "1 4 1 10 7 10" }), _jsx("path", { d: "M3.5 15a9 9 0 1 0 2.1-9.4L1 10" })] })),
+    play: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("polygon", { points: "6 4 20 12 6 20 6 4" }) })),
+    stop: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) })),
+    alert: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("circle", { cx: "12", cy: "12", r: "9" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12.5" }), _jsx("line", { x1: "12", y1: "16", x2: "12", y2: "16" })] })),
+    clock: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("circle", { cx: "12", cy: "12", r: "9" }), _jsx("polyline", { points: "12 7 12 12 15 14" })] })),
+    chev: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("polyline", { points: "9 18 15 12 9 6" }) })),
+    /** The approve menu's opener: `chev` turned down. */
+    chevDown: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })),
+    x: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })),
+    check: ({ size }) => (_jsx(Icon, { size: size, children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })),
+    edit: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z" })] })),
+    list: ({ size }) => (_jsxs(Icon, { size: size, children: [_jsx("path", { d: "m3 17 2 2 4-4" }), _jsx("path", { d: "m3 7 2 2 4-4" }), _jsx("path", { d: "M13 6h8" }), _jsx("path", { d: "M13 12h8" }), _jsx("path", { d: "M13 18h8" })] })),
+};
+//# sourceMappingURL=icons.js.map

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

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

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

@@ -0,0 +1,6 @@
+export interface NewBatchJobProps {
+    onClose: () => void;
+}
+/** The new batch AI job wizard. Until then, batches start from a list's bulk actions. */
+export declare function NewBatchJob({ onClose }: NewBatchJobProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=placeholders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholders.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/placeholders.tsx"],"names":[],"mappings":"AAmDA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,yFAAyF;AACzF,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CASxD"}

package/dist/views/Jobs/placeholders.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Dialog from '@radix-ui/react-dialog';
+import { Button } from '../../components/ui/Button.js';
+import { adminPortalContainer } from '../../lib/portal-container.js';
+import { useReturnFocus } from './focus.js';
+/*
+ * Stand-in until the batch wizard (P-20, jobs-new.jsx) is built. The list
+ * already opens it with the props the kit passes, so it's swapped by
+ * replacing the component here.
+ */
+function StandIn({ title, description, onClose, onFocusFallback, }) {
+    const returnFocus = useReturnFocus(onFocusFallback);
+    return (_jsx(Dialog.Root, { open: true, onOpenChange: (open) => (open ? undefined : onClose()), children: _jsxs(Dialog.Portal, { container: adminPortalContainer(), children: [_jsx(Dialog.Overlay, { className: "bg-scrim-drawer fixed inset-0 z-[var(--z-modal)]" }), _jsxs(Dialog.Content, { ...returnFocus, className: "bg-card border-bdr rounded-14 shadow-shd2 fixed top-1/2 left-1/2 z-[var(--z-modal)] flex w-[min(460px,calc(100%-32px))] -translate-x-1/2 -translate-y-1/2 flex-col gap-3 border p-5 leading-[normal]", children: [_jsx(Dialog.Title, { className: "text-txt m-0 text-[length:var(--fs-drawer)] font-bold", children: title }), _jsx(Dialog.Description, { className: "text-body text-sub m-0 leading-[1.55]", children: description }), _jsx("div", { className: "mt-1 flex justify-end", children: _jsx(Dialog.Close, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Close" }) }) })] })] }) }));
+}
+/** The new batch AI job wizard. Until then, batches start from a list's bulk actions. */
+export function NewBatchJob({ onClose }) {
+    return (_jsx(StandIn, { title: "New batch AI job", description: "Select posts or pages in their list, then pick Meta descriptions, Alt text or Summaries in the selection bar.", onClose: onClose, onFocusFallback: () => document.querySelector('[data-jobs-new]')?.focus() }));
+}
+//# sourceMappingURL=placeholders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholders.js","sourceRoot":"","sources":["../../../src/views/Jobs/placeholders.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C;;;;GAIG;AAEH,SAAS,OAAO,CAAC,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,GAMhB;IACC,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,CAAC,CAAA;IACnD,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,YACtE,MAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,EAAE,aAC9C,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kDAAkD,GAAG,EAC/E,MAAC,MAAM,CAAC,OAAO,OACT,WAAW,EACf,SAAS,EAAC,sMAAsM,aAEhN,KAAC,MAAM,CAAC,KAAK,IAAC,SAAS,EAAC,uDAAuD,YAC5E,KAAK,GACO,EACf,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,uCAAuC,YAClE,WAAW,GACO,EACrB,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,sBAAe,GAC7B,GACX,IACS,IACH,GACJ,CACf,CAAA;AACH,CAAC;AAMD,yFAAyF;AACzF,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAoB;IACvD,OAAO,CACL,KAAC,OAAO,IACN,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAC,+GAA+G,EAC3H,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAc,iBAAiB,CAAC,EAAE,KAAK,EAAE,GACtF,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { Job, JobEvent } from '@prenta/core';
+export interface JobDetailState {
+    /** `GET /jobs/:id`, once it has answered. */
+    detail: Job | null;
+    /** Why the last read failed. */
+    error: string | null;
+}
+/**
+ * The job as `GET /jobs/:id` sends it: the scan `results`, and for someone who
+ * could retry or cancel it, the full error with its stack.
+ */
+export declare function useJobDetail(id: string, version: string): JobDetailState;
+export interface JobEventsState {
+    events: JobEvent[];
+    status: 'loading' | 'ready' | 'error';
+    /** Why the last read failed. With `ready`, the last events are still shown. */
+    error: string | null;
+}
+/** `GET /jobs/:id/events` while the Activity tab is open. */
+export declare function useJobEvents(id: string, version: string, enabled: boolean): JobEventsState;
+//# sourceMappingURL=useJobDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useJobDetail.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/useJobDetail.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAUjD,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,MAAM,EAAE,GAAG,GAAG,IAAI,CAAA;IAClB,gCAAgC;IAChC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,cAAc,CAaxE;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,QAAQ,EAAE,CAAA;IAClB,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACrC,+EAA+E;IAC/E,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,cAAc,CAgB1F"}

package/dist/views/Jobs/useJobDetail.js

@@ -0,0 +1,39 @@
+'use client';
+import { useEffect, useState } from 'react';
+import { getJob, listJobEvents } from '../../lib/jobs-service.js';
+/**
+ * The job as `GET /jobs/:id` sends it: the scan `results`, and for someone who
+ * could retry or cancel it, the full error with its stack.
+ */
+export function useJobDetail(id, version) {
+    const [state, setState] = useState({ detail: null, error: null });
+    useEffect(() => {
+        const controller = new AbortController();
+        void getJob(id, controller.signal).then((res) => {
+            if (controller.signal.aborted)
+                return;
+            setState((prev) => res.ok ? { detail: res.value, error: null } : { detail: prev.detail, error: res.error });
+        });
+        return () => controller.abort();
+    }, [id, version]);
+    return state;
+}
+/** `GET /jobs/:id/events` while the Activity tab is open. */
+export function useJobEvents(id, version, enabled) {
+    const [state, setState] = useState({ events: [], status: 'loading', error: null });
+    useEffect(() => {
+        if (!enabled)
+            return;
+        const controller = new AbortController();
+        void listJobEvents(id, controller.signal).then((res) => {
+            if (controller.signal.aborted)
+                return;
+            setState((prev) => res.ok
+                ? { events: res.value, status: 'ready', error: null }
+                : { ...prev, status: prev.status === 'ready' ? 'ready' : 'error', error: res.error });
+        });
+        return () => controller.abort();
+    }, [id, version, enabled]);
+    return state;
+}
+//# sourceMappingURL=useJobDetail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useJobDetail.js","sourceRoot":"","sources":["../../../src/views/Jobs/useJobDetail.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAgBjE;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAAU,EAAE,OAAe;IACtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;IACjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAA;QACxC,KAAK,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAC9C,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,OAAM;YACrC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAChB,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CACxF,CAAA;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAA;IACjB,OAAO,KAAK,CAAA;AACd,CAAC;AASD,6DAA6D;AAC7D,MAAM,UAAU,YAAY,CAAC,EAAU,EAAE,OAAe,EAAE,OAAgB;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAA;QACxC,KAAK,aAAa,CAAC,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACrD,IAAI,UAAU,CAAC,MAAM,CAAC,OAAO;gBAAE,OAAM;YACrC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAChB,GAAG,CAAC,EAAE;gBACJ,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;gBACrD,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CACvF,CAAA;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAC1B,OAAO,KAAK,CAAA;AACd,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { Job, JobWorkerStatus } from '@prenta/core';
+interface FeedState {
+    jobs: Job[];
+    worker: JobWorkerStatus | null;
+    /** When `jobs` was fetched, on the server's clock. Relative times are measured from it. */
+    fetchedAt: number;
+    /** The server's clock minus the browser's, when they differ by more than 2s. */
+    skewMs: number;
+    /** `error` only until the first list arrives; after that a failed refresh keeps the rows. */
+    status: 'loading' | 'ready' | 'error';
+    /** Why the last list refresh failed, or null when it worked. */
+    error: string | null;
+    /** Why the last worker status request failed. The strip shows it; the list doesn't. */
+    workerError: string | null;
+}
+export interface JobsFeed extends FeedState {
+    reload: () => Promise<void>;
+    /** Show a job the server just returned (from run, retry or cancel) before the next refresh. */
+    upsert: (job: Job) => void;
+}
+/** `document.visibilityState`, as state. */
+export declare function usePageVisible(): boolean;
+/** `Date.now()`, updated every `intervalMs` while `running`; frozen otherwise. */
+export declare function useNow(running: boolean, intervalMs?: number): number;
+/**
+ * The newest 50 jobs and the worker status, loaded on mount and refreshed
+ * every 5 seconds while `polling` is true. Coming back from paused or hidden
+ * refreshes at once. Failed refreshes back off (10s, 20s, 40s, then every
+ * minute, or longer when a 429 says so) and a success returns to 5 seconds.
+ * A request times out after 10 seconds, and a response older than one
+ * already shown is dropped.
+ */
+export declare function useJobsFeed(polling: boolean): JobsFeed;
+export {};
+//# sourceMappingURL=useJobsFeed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useJobsFeed.d.ts","sourceRoot":"","sources":["../../../src/views/Jobs/useJobsFeed.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAuBxD,UAAU,SAAS;IACjB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B,2FAA2F;IAC3F,SAAS,EAAE,MAAM,CAAA;IACjB,gFAAgF;IAChF,MAAM,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACrC,gEAAgE;IAChE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,uFAAuF;IACvF,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAED,MAAM,WAAW,QAAS,SAAQ,SAAS;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3B,+FAA+F;IAC/F,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC3B;AAED,4CAA4C;AAC5C,wBAAgB,cAAc,IAAI,OAAO,CAUxC;AAED,kFAAkF;AAClF,wBAAgB,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,SAAO,GAAG,MAAM,CASlE;AAWD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,QAAQ,CA+JtD"}

package/dist/views/Jobs/useJobsFeed.js

@@ -0,0 +1,231 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { JOBS_LIST_LIMIT, getJobWorker, listJobs } from '../../lib/jobs-service.js';
+/** The list refreshes every 5 seconds while Live is on and the tab is visible (JOBS.md). */
+const POLL_MS = 5000;
+/** The longest a failing refresh waits before trying again. */
+const MAX_BACKOFF_MS = 60_000;
+/** The longest a `Retry-After` is honoured, so a bad header can't stop the list for good. */
+const MAX_RETRY_AFTER_MS = 5 * 60_000;
+/** A refresh with no answer by then is abandoned and counts as a failure. */
+const REQUEST_TIMEOUT_MS = 10_000;
+/**
+ * The worker status changes once a minute, when a tick ends, so it isn't
+ * fetched with every list refresh: once a few seconds after the tick it
+ * expects, again every 30s while that tick is late, and at least once a
+ * minute. All admin requests share one 100-a-minute budget per IP.
+ */
+const WORKER_MAX_AGE_MS = 60_000;
+const WORKER_AFTER_TICK_MS = 5_000;
+const WORKER_LATE_RETRY_MS = 30_000;
+/** The `Date` header has whole seconds; smaller clock differences are noise. */
+const SKEW_THRESHOLD_MS = 2_000;
+/** `document.visibilityState`, as state. */
+export function usePageVisible() {
+    const [visible, setVisible] = useState(() => typeof document === 'undefined' || document.visibilityState !== 'hidden');
+    useEffect(() => {
+        const onChange = () => setVisible(document.visibilityState !== 'hidden');
+        document.addEventListener('visibilitychange', onChange);
+        return () => document.removeEventListener('visibilitychange', onChange);
+    }, []);
+    return visible;
+}
+/** `Date.now()`, updated every `intervalMs` while `running`; frozen otherwise. */
+export function useNow(running, intervalMs = 1000) {
+    const [now, setNow] = useState(() => Date.now());
+    useEffect(() => {
+        if (!running)
+            return;
+        setNow(Date.now());
+        const timer = window.setInterval(() => setNow(Date.now()), intervalMs);
+        return () => window.clearInterval(timer);
+    }, [running, intervalMs]);
+    return now;
+}
+/** The wait before the next refresh, after `failures` failed ones in a row. */
+function nextDelay(failures, retryAfterMs) {
+    if (failures === 0)
+        return POLL_MS;
+    const backoff = Math.min(POLL_MS * 2 ** failures, MAX_BACKOFF_MS);
+    return retryAfterMs === null
+        ? backoff
+        : Math.max(backoff, Math.min(retryAfterMs, MAX_RETRY_AFTER_MS));
+}
+/**
+ * The newest 50 jobs and the worker status, loaded on mount and refreshed
+ * every 5 seconds while `polling` is true. Coming back from paused or hidden
+ * refreshes at once. Failed refreshes back off (10s, 20s, 40s, then every
+ * minute, or longer when a 429 says so) and a success returns to 5 seconds.
+ * A request times out after 10 seconds, and a response older than one
+ * already shown is dropped.
+ */
+export function useJobsFeed(polling) {
+    const [state, setState] = useState(() => ({
+        jobs: [],
+        worker: null,
+        fetchedAt: Date.now(),
+        skewMs: 0,
+        status: 'loading',
+        error: null,
+        workerError: null,
+    }));
+    const mounted = useRef(false);
+    const issued = useRef(0);
+    /** Responses to requests issued before this id are stale. */
+    const oldestFresh = useRef(0);
+    const inFlight = useRef(0);
+    const controllers = useRef(new Set());
+    const timer = useRef(null);
+    const pollingRef = useRef(polling);
+    const failures = useRef(0);
+    const skew = useRef(0);
+    const worker = useRef(null);
+    /** When the worker status was last asked for, on the browser's clock. */
+    const workerAskedAt = useRef(null);
+    useEffect(() => {
+        mounted.current = true;
+        const pending = controllers.current;
+        return () => {
+            mounted.current = false;
+            for (const controller of pending)
+                controller.abort();
+            // An aborted request never delivered the worker status; a remount asks again.
+            workerAskedAt.current = null;
+            if (timer.current !== null)
+                window.clearTimeout(timer.current);
+            timer.current = null;
+        };
+    }, []);
+    const workerDue = useCallback((now) => {
+        const asked = workerAskedAt.current;
+        if (asked === null || now - asked >= WORKER_MAX_AGE_MS)
+            return true;
+        const nextTick = worker.current?.nextTickAt;
+        if (!nextTick)
+            return false;
+        const after = Date.parse(nextTick) - skew.current + WORKER_AFTER_TICK_MS;
+        return now >= after && (asked < after || now - asked >= WORKER_LATE_RETRY_MS);
+    }, []);
+    // `schedule` and `reload` call each other, so the timer callback reads `reload` from a ref.
+    const reloadRef = useRef(async () => { });
+    const schedule = useCallback((delay) => {
+        if (timer.current !== null)
+            window.clearTimeout(timer.current);
+        timer.current = null;
+        if (!mounted.current || !pollingRef.current)
+            return;
+        timer.current = window.setTimeout(() => {
+            timer.current = null;
+            if (inFlight.current > 0)
+                schedule(POLL_MS);
+            else
+                void reloadRef.current();
+        }, delay);
+    }, []);
+    const reload = useCallback(async () => {
+        const id = ++issued.current;
+        inFlight.current += 1;
+        const controller = new AbortController();
+        controllers.current.add(controller);
+        let timedOut = false;
+        const timeout = window.setTimeout(() => {
+            timedOut = true;
+            controller.abort();
+        }, REQUEST_TIMEOUT_MS);
+        const startedAt = Date.now();
+        const askWorker = workerDue(startedAt);
+        const askedBefore = workerAskedAt.current;
+        if (askWorker)
+            workerAskedAt.current = startedAt;
+        // A dropped response never showed its worker status, so the next refresh asks again.
+        const drop = () => {
+            if (askWorker && workerAskedAt.current === startedAt)
+                workerAskedAt.current = askedBefore;
+        };
+        try {
+            const [jobs, workerRes] = await Promise.all([
+                listJobs(JOBS_LIST_LIMIT, controller.signal),
+                askWorker ? getJobWorker(controller.signal) : Promise.resolve(null),
+            ]);
+            // Aborted by unmount (or React's development remount), not by the timeout.
+            if ((controller.signal.aborted && !timedOut) || !mounted.current)
+                return drop();
+            if (id < oldestFresh.current)
+                return drop();
+            oldestFresh.current = id;
+            const receivedAt = Date.now();
+            if (jobs.ok && jobs.serverTime !== null) {
+                // Whole seconds, so the middle of that second, against the middle of the request.
+                const measured = jobs.serverTime + 500 - (startedAt + receivedAt) / 2;
+                if (Math.abs(measured - skew.current) > SKEW_THRESHOLD_MS)
+                    skew.current = measured;
+            }
+            if (workerRes?.ok)
+                worker.current = workerRes.value;
+            const workerError = workerRes === null ? undefined : workerRes.ok ? null : workerRes.error;
+            let retryAfter = null;
+            if (jobs.ok) {
+                failures.current = 0;
+            }
+            else {
+                failures.current += 1;
+                retryAfter = jobs.retryAfterMs;
+            }
+            const listError = jobs.ok
+                ? null
+                : timedOut
+                    ? `The server didn’t answer within ${REQUEST_TIMEOUT_MS / 1000} seconds`
+                    : jobs.error;
+            setState((prev) => ({
+                jobs: jobs.ok ? jobs.value : prev.jobs,
+                worker: worker.current,
+                fetchedAt: jobs.ok ? receivedAt + skew.current : prev.fetchedAt,
+                skewMs: skew.current,
+                status: jobs.ok || prev.status === 'ready' ? 'ready' : 'error',
+                error: listError,
+                workerError: workerError === undefined ? prev.workerError : workerError,
+            }));
+            schedule(nextDelay(failures.current, retryAfter));
+        }
+        finally {
+            window.clearTimeout(timeout);
+            controllers.current.delete(controller);
+            inFlight.current -= 1;
+        }
+    }, [schedule, workerDue]);
+    useEffect(() => {
+        reloadRef.current = reload;
+    }, [reload]);
+    const upsert = useCallback((job) => {
+        // A refresh already on its way was read before this change.
+        oldestFresh.current = issued.current + 1;
+        setState((prev) => ({
+            ...prev,
+            jobs: prev.jobs.some((row) => row.id === job.id)
+                ? prev.jobs.map((row) => (row.id === job.id ? job : row))
+                : [job, ...prev.jobs].slice(0, JOBS_LIST_LIMIT),
+        }));
+    }, []);
+    useEffect(() => {
+        void reload();
+    }, [reload]);
+    const wasPolling = useRef(null);
+    useEffect(() => {
+        pollingRef.current = polling;
+        const resumed = wasPolling.current === false;
+        wasPolling.current = polling;
+        if (!polling)
+            return;
+        if (resumed)
+            void reload();
+        else if (timer.current === null && inFlight.current === 0)
+            schedule(POLL_MS);
+        return () => {
+            if (timer.current !== null)
+                window.clearTimeout(timer.current);
+            timer.current = null;
+        };
+    }, [polling, reload, schedule]);
+    return { ...state, reload, upsert };
+}
+//# sourceMappingURL=useJobsFeed.js.map