@printwithsynergy/artwork-pdf-editor 0.1.6 → 0.3.0

package/dist/components/HistoryPanel.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Props for the X2 history-scrubber panel.
+ *
+ * The panel is purely presentational — EditorCanvas owns the
+ * snapshot stack + the active cursor and threads them in via these
+ * props. `onSelect(idx)` seeks the canvas to the chosen snapshot;
+ * stack depth is derived from `objectCounts.length` (single source
+ * of truth — no separate `entries` prop to keep in sync).
+ *
+ * `cursor` is 0-indexed; row 0 is the initial canvas state, row N
+ * is the most recent commit.
+ *
+ * @public
+ */
+export type HistoryPanelProps = {
+    /** 0-indexed position of the active snapshot. */
+    cursor: number;
+    /** Per-snapshot object count, in stack order. Length defines the
+     *  number of rows; the array itself drives the per-row count chip. */
+    objectCounts: number[];
+    /** Click handler — seek the canvas to the given snapshot index. */
+    onSelect: (idx: number) => void;
+};
+/**
+ * Vertical list of history snapshots. The newest entry sits at the
+ * top; the active cursor is highlighted with the brand color.
+ *
+ * Stack-size cap is enforced upstream in `EditorCanvas` (see the
+ * 100-snapshot ceiling in `commit()`); rendering the entire list
+ * here is cheap because the cap keeps the row count bounded.
+ *
+ * @returns An `<aside>` element containing the history header and
+ *   one `<button>` per snapshot. Each button is keyed by its
+ *   snapshot index and reports `aria-current="step"` when it is the
+ *   active cursor.
+ * @public
+ */
+export declare function HistoryPanel({ cursor, objectCounts, onSelect }: HistoryPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HistoryPanel.d.ts.map

package/dist/components/HistoryPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPanel.d.ts","sourceRoot":"","sources":["../../src/components/HistoryPanel.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf;0EACsE;IACtE,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,mEAAmE;IACnE,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAgCF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA6CjF"}

package/dist/components/HistoryPanel.js

@@ -0,0 +1,72 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const PANEL_BG = "#1a0f08";
+const BORDER = "#3d1a00";
+const BRAND = "#fc5102";
+const TEXT = "#f4ece6";
+const MUTED = "#888";
+const headerStyle = {
+    fontSize: "0.7rem",
+    letterSpacing: "0.08em",
+    textTransform: "uppercase",
+    color: MUTED,
+    padding: "0.55rem 0.85rem",
+    borderBottom: `1px solid ${BORDER}`,
+    fontFamily: "inherit",
+};
+const rowBaseStyle = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    width: "100%",
+    padding: "0.4rem 0.85rem",
+    background: "transparent",
+    border: "none",
+    cursor: "pointer",
+    fontFamily: "inherit",
+    fontSize: "0.78rem",
+    textAlign: "left",
+};
+/**
+ * Vertical list of history snapshots. The newest entry sits at the
+ * top; the active cursor is highlighted with the brand color.
+ *
+ * Stack-size cap is enforced upstream in `EditorCanvas` (see the
+ * 100-snapshot ceiling in `commit()`); rendering the entire list
+ * here is cheap because the cap keeps the row count bounded.
+ *
+ * @returns An `<aside>` element containing the history header and
+ *   one `<button>` per snapshot. Each button is keyed by its
+ *   snapshot index and reports `aria-current="step"` when it is the
+ *   active cursor.
+ * @public
+ */
+export function HistoryPanel({ cursor, objectCounts, onSelect }) {
+    // Render newest → oldest so the most-recent action is at the top
+    // (mirrors the canvas's "future-of-undo is at the top of the
+    // stack" mental model). Stack depth comes from objectCounts.length
+    // — single source of truth.
+    const entries = objectCounts.length;
+    const indices = Array.from({ length: entries }, (_, i) => entries - 1 - i);
+    return (_jsxs("aside", { style: {
+            width: 200,
+            background: PANEL_BG,
+            borderLeft: `1px solid ${BORDER}`,
+            color: TEXT,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            flexShrink: 0,
+        }, children: [_jsxs("div", { style: headerStyle, children: ["History \u00B7 ", entries, " steps"] }), indices.map((idx) => {
+                const active = idx === cursor;
+                const count = objectCounts[idx] ?? 0;
+                return (_jsxs("button", { type: "button", onClick: () => onSelect(idx), "aria-current": active ? "step" : undefined, style: {
+                        ...rowBaseStyle,
+                        background: active ? "#241308" : "transparent",
+                        color: active ? BRAND : TEXT,
+                        borderLeft: active ? `2px solid ${BRAND}` : "2px solid transparent",
+                    }, children: [_jsxs("span", { children: ["Step ", idx] }), _jsxs("span", { style: { color: MUTED, fontSize: "0.72rem" }, children: [count, " obj"] })] }, idx));
+            })] }));
+}
+//# sourceMappingURL=HistoryPanel.js.map

package/dist/components/HistoryPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryPanel.js","sourceRoot":"","sources":["../../src/components/HistoryPanel.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,YAAY,CAAC;;AA4Bb,MAAM,QAAQ,GAAG,SAAS,CAAC;AAC3B,MAAM,MAAM,GAAG,SAAS,CAAC;AACzB,MAAM,KAAK,GAAG,SAAS,CAAC;AACxB,MAAM,IAAI,GAAG,SAAS,CAAC;AACvB,MAAM,KAAK,GAAG,MAAM,CAAC;AAErB,MAAM,WAAW,GAAkB;IACjC,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,WAAW;IAC1B,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,iBAAiB;IAC1B,YAAY,EAAE,aAAa,MAAM,EAAE;IACnC,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,gBAAgB;IACzB,UAAU,EAAE,aAAa;IACzB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAqB;IAChF,iEAAiE;IACjE,6DAA6D;IAC7D,mEAAmE;IACnE,4BAA4B;IAC5B,MAAM,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3E,OAAO,CACL,iBACE,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,aAAa,MAAM,EAAE;YACjC,KAAK,EAAE,IAAI;YACX,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,CAAC;SACd,aAED,eAAK,KAAK,EAAE,WAAW,gCAAa,OAAO,cAAa,EACvD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnB,MAAM,MAAM,GAAG,GAAG,KAAK,MAAM,CAAC;gBAC9B,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACrC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,kBACd,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,KAAK,EAAE;wBACL,GAAG,YAAY;wBACf,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa;wBAC9C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;wBAC5B,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,KAAK,EAAE,CAAC,CAAC,CAAC,uBAAuB;qBACpE,aAED,oCAAY,GAAG,IAAQ,EACvB,gBAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAG,KAAK,YAAY,KAZjE,GAAG,CAaD,CACV,CAAC;YACJ,CAAC,CAAC,IACI,CACT,CAAC;AACJ,CAAC"}

package/dist/components/IccSoftProofOverlay.d.ts

@@ -0,0 +1,67 @@
+/**
+ * ICC rendering intent — mirrors the four ICC v4 intents that
+ * compile-pdf's soft-proof producer accepts.
+ *
+ * @public
+ */
+export type SoftProofIntent = "perceptual" | "relative-colorimetric" | "saturation" | "absolute-colorimetric";
+/**
+ * Result shape returned by an {@link IccSoftProofLoaderFn}. `deltaE`
+ * is a per-pixel ImageData (R = clamped deltaE * 4, G/B = 0, A = 255)
+ * the overlay paints over the canvas; `max` / `avg` drive the footer
+ * chip. Keeping max/avg outside the ImageData lets the host compute
+ * them server-side without re-walking the buffer on the client.
+ *
+ * @public
+ */
+export type IccSoftProofResult = {
+    deltaE: ImageData;
+    max: number;
+    avg: number;
+};
+/**
+ * Host-supplied adapter. Receives the rasterized document + source /
+ * destination ICC profiles + rendering intent; returns the delta-E
+ * heatmap. Rejects on transport errors; the overlay surfaces the
+ * message inline.
+ *
+ * **Identity matters.** The overlay re-fetches whenever the `loader`
+ * reference changes; hosts that build the adapter inline should
+ * memoize it with `useCallback` so an unrelated parent re-render
+ * doesn't trigger a spurious `POST /v1/soft-proof/apply` round-trip.
+ *
+ * @public
+ */
+export type IccSoftProofLoaderFn = (input: {
+    documentB64: string;
+    sourceProfile: string;
+    destinationProfile: string;
+    intent: SoftProofIntent;
+}) => Promise<IccSoftProofResult>;
+/**
+ * @public
+ */
+export type IccSoftProofOverlayProps = {
+    /** Latest rendered document (base64 PDF) or `undefined` while
+     *  the host has nothing to soft-proof. */
+    documentB64: string | undefined;
+    /** Source ICC profile name (e.g. `"ISOcoated_v2_eci"`). */
+    sourceProfile: string | undefined;
+    /** Destination ICC profile name (e.g. `"USWebUncoated"`). */
+    destinationProfile: string | undefined;
+    /** Rendering intent. Defaults to `"relative-colorimetric"` when
+     *  the host doesn't supply one. */
+    intent?: SoftProofIntent;
+    /** Adapter that resolves to the delta-E result. */
+    loader: IccSoftProofLoaderFn;
+    /** Pixel width of the overlay (= the rasterized canvas width).
+     *  The overlay draws the deltaE ImageData 1:1. */
+    width: number;
+    /** Pixel height of the overlay. */
+    height: number;
+};
+/**
+ * @public
+ */
+export declare function IccSoftProofOverlay({ documentB64, sourceProfile, destinationProfile, intent, loader, width, height, }: IccSoftProofOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=IccSoftProofOverlay.d.ts.map

package/dist/components/IccSoftProofOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IccSoftProofOverlay.d.ts","sourceRoot":"","sources":["../../src/components/IccSoftProofOverlay.tsx"],"names":[],"mappings":"AA0BA;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,uBAAuB,GACvB,YAAY,GACZ,uBAAuB,CAAC;AAE5B;;;;;;;;GAQG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,eAAe,CAAC;CACzB,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAElC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;8CAC0C;IAC1C,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,2DAA2D;IAC3D,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,6DAA6D;IAC7D,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;uCACmC;IACnC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,mDAAmD;IACnD,MAAM,EAAE,oBAAoB,CAAC;IAC7B;sDACkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAKF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,MAAgC,EAChC,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,wBAAwB,kDAmG1B"}

package/dist/components/IccSoftProofOverlay.js

@@ -0,0 +1,119 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Wave 2 PR-6 (C5) — ICC soft-proof overlay.
+ *
+ * Surfaces compile-pdf's per-pixel delta-E map (source ICC →
+ * destination ICC, simulated through the selected rendering intent)
+ * as a heat overlay on top of the canvas, plus a footer chip showing
+ * `max / avg deltaE`. Workflow:
+ *
+ *  1. Host rasterizes the active page + collects the source +
+ *     destination ICC profiles + intent.
+ *  2. Host hands the `loader` adapter to the overlay; the adapter
+ *     POSTs to compile-pdf's `/v1/soft-proof/apply` (Wave 2 PR-G).
+ *  3. The overlay paints the returned delta-E ImageData on a
+ *     positioned canvas, recomputing every time the inputs change.
+ *
+ * Adapter pattern (matches {@link ComplianceFindingsPanel}): hosts
+ * wire the HTTP client themselves so this package stays free of a
+ * compile-pdf runtime dep.
+ *
+ * @public
+ */
+import { useEffect, useRef, useState } from "react";
+const FOOTER_BG = "rgba(0,0,0,0.65)";
+const FOOTER_TEXT = "#f4ece6";
+/**
+ * @public
+ */
+export function IccSoftProofOverlay({ documentB64, sourceProfile, destinationProfile, intent = "relative-colorimetric", loader, width, height, }) {
+    const canvasRef = useRef(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [stats, setStats] = useState(null);
+    useEffect(() => {
+        if (!documentB64 || !sourceProfile || !destinationProfile) {
+            setStats(null);
+            setError(null);
+            // Also clear the in-flight loading state — a request started
+            // before the inputs were cleared would otherwise leave the
+            // footer chip stuck on "soft-proofing…".
+            setLoading(false);
+            return;
+        }
+        let disposed = false;
+        // Reset stats + the canvas up front so a slow fetch doesn't
+        // leave the previous run's heatmap visible under the
+        // "soft-proofing…" footer.
+        setStats(null);
+        const ctx = canvasRef.current?.getContext("2d");
+        if (ctx)
+            ctx.clearRect(0, 0, canvasRef.current?.width ?? 0, canvasRef.current?.height ?? 0);
+        setLoading(true);
+        setError(null);
+        // Wrap the loader call in an async IIFE so synchronous throws
+        // from the adapter (e.g. host-side input validation) flow into
+        // the same `setError` path as a rejected Promise — otherwise
+        // the throw would escape the effect and leave the overlay stuck.
+        void (async () => {
+            try {
+                const result = await loader({
+                    documentB64,
+                    sourceProfile,
+                    destinationProfile,
+                    intent,
+                });
+                if (disposed)
+                    return;
+                const ctx = canvasRef.current?.getContext("2d");
+                if (ctx)
+                    ctx.putImageData(result.deltaE, 0, 0);
+                setStats({ max: result.max, avg: result.avg });
+            }
+            catch (err) {
+                if (disposed)
+                    return;
+                setError(err instanceof Error ? err.message : String(err));
+            }
+            finally {
+                if (!disposed)
+                    setLoading(false);
+            }
+        })();
+        return () => {
+            disposed = true;
+        };
+    }, [documentB64, sourceProfile, destinationProfile, intent, loader]);
+    if (!documentB64 || !sourceProfile || !destinationProfile)
+        return null;
+    return (_jsxs("div", { "data-testid": "icc-soft-proof-overlay", style: { position: "relative", width, height, pointerEvents: "none" }, children: [_jsx("canvas", { ref: canvasRef, width: width, height: height, style: {
+                    position: "absolute",
+                    inset: 0,
+                    width: "100%",
+                    height: "100%",
+                    // Multiply blend so the heatmap reads as a tint over the
+                    // canvas rather than replacing it — matches how the C4 TAC
+                    // overlay composites.
+                    mixBlendMode: "multiply",
+                    opacity: 0.7,
+                } }), _jsx("output", { style: {
+                    position: "absolute",
+                    right: 8,
+                    bottom: 8,
+                    padding: "2px 8px",
+                    background: FOOTER_BG,
+                    color: FOOTER_TEXT,
+                    borderRadius: 4,
+                    fontSize: "0.7rem",
+                    fontFamily: "monospace",
+                }, children: loading
+                    ? "soft-proofing…"
+                    : error
+                        ? `soft-proof failed: ${error}`
+                        : stats
+                            ? `ΔE max ${stats.max.toFixed(1)} · avg ${stats.avg.toFixed(1)}`
+                            : null })] }));
+}
+//# sourceMappingURL=IccSoftProofOverlay.js.map

package/dist/components/IccSoftProofOverlay.js.map

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

package/dist/components/ImposePanel.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Wire-shape mirror of `apps/service`'s `ImposeTemplate`. Kept inline
+ * here so the published editor package has no runtime dep on
+ * `apps/service`; the structural duplication is intentional — a
+ * future refactor may centralize this in `@artworkpdf/document-model`.
+ *
+ * Sheet size is in PDF points (1 pt = 1/72 in) to match the wire
+ * boundary; the panel renders human-friendly mm read-outs but stores
+ * points so the value can be POSTed to compile-pdf unchanged.
+ *
+ * @public
+ */
+export type ImposePanelValue = {
+    sheetWidthPt: number;
+    sheetHeightPt: number;
+    rows: number;
+    cols: number;
+    pageMapping?: "sequential" | "repeat";
+    gutterMm?: number;
+    marginMm?: number;
+    registrationMarks?: boolean;
+    cropMarks?: boolean;
+};
+/**
+ * Pre-populated sheet presets. PDF-points dimensions match standard
+ * commercial press sheet sizes used by the dieline library and
+ * impose policies. Hosts can add custom presets via the `presets`
+ * prop without losing the defaults.
+ *
+ * @public
+ */
+export type ImposePanelPreset = {
+    /** Stable id, used as the `<option>` value. */
+    id: string;
+    /** Human label rendered in the dropdown. */
+    label: string;
+    widthPt: number;
+    heightPt: number;
+};
+/**
+ * @public
+ */
+export type ImposePanelProps = {
+    /** Current template. `undefined` means "no impose configured" —
+     *  the panel renders preset defaults the user can fill in. */
+    value: ImposePanelValue | undefined;
+    /** Fires on every change to any field (sheet picker, spinner,
+     *  toggle, radio). Hosts wire this to the job's `imposeTemplate`
+     *  field on submission. */
+    onChange: (next: ImposePanelValue) => void;
+    /** Override the default sheet-size dropdown. The first preset is
+     *  used as the initial value when `value` is `undefined`. */
+    presets?: readonly ImposePanelPreset[];
+};
+/**
+ * O1 sheet-imposition builder.
+ *
+ * Controlled component: surfaces sheet size, rows × cols, gutter /
+ * margin in mm, and registration / crop-mark toggles. Renders no
+ * chrome of its own — hosts wrap it in a modal, drawer, or
+ * right-rail container (matches the `JobSetupPanel` / `TrapEditorPanel`
+ * convention).
+ *
+ * Wire shape uses PDF points everywhere; the panel converts to mm
+ * for display so values can be POSTed to compile-pdf's
+ * `/v1/impose/apply` endpoint without rescaling.
+ *
+ * @public
+ */
+export declare function ImposePanel({ value, onChange, presets }: ImposePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImposePanel.d.ts.map

package/dist/components/ImposePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImposePanel.d.ts","sourceRoot":"","sources":["../../src/components/ImposePanel.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAaF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;kEAC8D;IAC9D,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACpC;;+BAE2B;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3C;iEAC6D;IAC7D,OAAO,CAAC,EAAE,SAAS,iBAAiB,EAAE,CAAC;CACxC,CAAC;AA0CF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAyB,EAAE,EAAE,gBAAgB,2CA8M3F"}

package/dist/components/ImposePanel.js

@@ -0,0 +1,127 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+const DEFAULT_PRESETS = [
+    // Letter (8.5 × 11 in) — 612 × 792 pt
+    { id: "letter", label: "Letter (8.5 × 11 in)", widthPt: 612, heightPt: 792 },
+    // Tabloid (11 × 17 in) — 792 × 1224 pt
+    { id: "tabloid", label: "Tabloid (11 × 17 in)", widthPt: 792, heightPt: 1224 },
+    // SRA3 (320 × 450 mm) — commercial digital press standard
+    { id: "sra3", label: "SRA3 (320 × 450 mm)", widthPt: 907.09, heightPt: 1275.59 },
+    // 28 × 40 in offset sheet
+    { id: "offset-28x40", label: "Offset sheet (28 × 40 in)", widthPt: 2016, heightPt: 2880 },
+];
+const MM_PER_PT = 25.4 / 72;
+/** Convert a PDF-points dimension to millimeters for human-readable
+ *  display. Storage stays in points so the value can be POSTed to
+ *  compile-pdf without rescaling. */
+function ptToMm(pt) {
+    return pt * MM_PER_PT;
+}
+/** Tolerance for matching a preset by sheet dimensions. PDF-points
+ *  fractions arise easily — SRA3 is 907.09 / 1275.59 pt — so strict
+ *  equality breaks against hosts that compute from mm. 0.5 pt is
+ *  smaller than half a hairline rule, well below user-visible. */
+const PRESET_MATCH_TOLERANCE_PT = 0.5;
+/** Parse a numeric input safely. Returns `fallback` for empty,
+ *  whitespace-only, or non-finite input (e.g. when the user has
+ *  typed only `-` mid-edit). Without this guard `Number.parseInt`
+ *  would surface `NaN` and `Math.max` would propagate it, leaving
+ *  the panel stuck in an unrecoverable state. */
+function parseIntOr(value, fallback) {
+    const n = Number.parseInt(value, 10);
+    return Number.isFinite(n) ? n : fallback;
+}
+/** Same NaN-safe contract as {@link parseIntOr} but for floats —
+ *  used by the gutter / margin spinners which accept 0.1 mm steps. */
+function parseFloatOr(value, fallback) {
+    const n = Number.parseFloat(value);
+    return Number.isFinite(n) ? n : fallback;
+}
+/** Two-sided clamp: ensure `value` is in `[min, max]`. Used to keep
+ *  the input handlers honest — the `<input min/max>` attributes only
+ *  guide the spinner; users can still type out-of-range values
+ *  directly, and we don't want those to propagate to the wire. */
+function clamp(value, min, max) {
+    return Math.min(max, Math.max(min, value));
+}
+/**
+ * O1 sheet-imposition builder.
+ *
+ * Controlled component: surfaces sheet size, rows × cols, gutter /
+ * margin in mm, and registration / crop-mark toggles. Renders no
+ * chrome of its own — hosts wrap it in a modal, drawer, or
+ * right-rail container (matches the `JobSetupPanel` / `TrapEditorPanel`
+ * convention).
+ *
+ * Wire shape uses PDF points everywhere; the panel converts to mm
+ * for display so values can be POSTed to compile-pdf's
+ * `/v1/impose/apply` endpoint without rescaling.
+ *
+ * @public
+ */
+export function ImposePanel({ value, onChange, presets = DEFAULT_PRESETS }) {
+    const sheetId = useId();
+    const rowsId = useId();
+    const colsId = useId();
+    const gutterId = useId();
+    const marginId = useId();
+    const mappingName = useId();
+    const firstPreset = presets[0] ?? DEFAULT_PRESETS[0];
+    if (!firstPreset) {
+        // Should be unreachable: DEFAULT_PRESETS is non-empty. Defensive
+        // fallback keeps TypeScript happy without a non-null assertion.
+        throw new Error("ImposePanel: presets must contain at least one entry");
+    }
+    const current = value ?? {
+        sheetWidthPt: firstPreset.widthPt,
+        sheetHeightPt: firstPreset.heightPt,
+        rows: 2,
+        cols: 2,
+        pageMapping: "sequential",
+    };
+    const update = (patch) => onChange({ ...current, ...patch });
+    // Match the currently-selected preset by tolerance — hosts that
+    // round-trip through mm can produce sub-point fractional drift
+    // that strict equality would reject, dropping the dropdown into
+    // the "custom" fallback even though the user picked SRA3.
+    const selectedPresetId = presets.find((p) => Math.abs(p.widthPt - current.sheetWidthPt) <= PRESET_MATCH_TOLERANCE_PT &&
+        Math.abs(p.heightPt - current.sheetHeightPt) <= PRESET_MATCH_TOLERANCE_PT)?.id ?? "custom";
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "0.75rem",
+            padding: "0.75rem",
+            fontSize: "0.85rem",
+            color: "#1f2937",
+            background: "#ffffff",
+            border: "1px solid #e5e7eb",
+            borderRadius: 6,
+            minWidth: 280,
+        }, children: [_jsxs("label", { htmlFor: sheetId, style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Sheet size" }), _jsxs("select", { id: sheetId, value: selectedPresetId, onChange: (e) => {
+                            const next = presets.find((p) => p.id === e.target.value);
+                            if (next)
+                                update({ sheetWidthPt: next.widthPt, sheetHeightPt: next.heightPt });
+                        }, style: selectStyle, children: [presets.map((p) => (_jsx("option", { value: p.id, children: p.label }, p.id))), selectedPresetId === "custom" && (_jsxs("option", { value: "custom", children: ["Custom (", ptToMm(current.sheetWidthPt).toFixed(0), " \u00D7", " ", ptToMm(current.sheetHeightPt).toFixed(0), " mm)"] }))] })] }), _jsxs("div", { style: { display: "flex", gap: "0.5rem" }, children: [_jsxs("label", { htmlFor: rowsId, style: { display: "flex", flexDirection: "column", gap: "0.25rem", flex: 1 }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Rows" }), _jsx("input", { id: rowsId, type: "number", min: 1, max: 32, step: 1, value: current.rows, onChange: (e) => update({ rows: clamp(parseIntOr(e.target.value, current.rows), 1, 32) }), style: numberStyle })] }), _jsxs("label", { htmlFor: colsId, style: { display: "flex", flexDirection: "column", gap: "0.25rem", flex: 1 }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Columns" }), _jsx("input", { id: colsId, type: "number", min: 1, max: 32, step: 1, value: current.cols, onChange: (e) => update({ cols: clamp(parseIntOr(e.target.value, current.cols), 1, 32) }), style: numberStyle })] })] }), _jsxs("div", { style: { display: "flex", gap: "0.5rem" }, children: [_jsxs("label", { htmlFor: gutterId, style: { display: "flex", flexDirection: "column", gap: "0.25rem", flex: 1 }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Gutter (mm)" }), _jsx("input", { id: gutterId, type: "number", min: 0, max: 100, step: 0.1, value: current.gutterMm ?? 0, onChange: (e) => update({
+                                    gutterMm: clamp(parseFloatOr(e.target.value, current.gutterMm ?? 0), 0, 100),
+                                }), style: numberStyle })] }), _jsxs("label", { htmlFor: marginId, style: { display: "flex", flexDirection: "column", gap: "0.25rem", flex: 1 }, children: [_jsx("span", { style: { fontWeight: 600 }, children: "Margin (mm)" }), _jsx("input", { id: marginId, type: "number", min: 0, max: 100, step: 0.1, value: current.marginMm ?? 0, onChange: (e) => update({
+                                    marginMm: clamp(parseFloatOr(e.target.value, current.marginMm ?? 0), 0, 100),
+                                }), style: numberStyle })] })] }), _jsxs("fieldset", { style: { border: "none", padding: 0, margin: 0 }, children: [_jsx("legend", { style: { fontWeight: 600, padding: 0, marginBottom: "0.25rem" }, children: "Page mapping" }), _jsxs("div", { style: { display: "flex", gap: "1rem" }, children: [_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.35rem" }, children: [_jsx("input", { type: "radio", name: mappingName, value: "sequential", checked: (current.pageMapping ?? "sequential") === "sequential", onChange: () => update({ pageMapping: "sequential" }) }), "Sequential"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.35rem" }, children: [_jsx("input", { type: "radio", name: mappingName, value: "repeat", checked: current.pageMapping === "repeat", onChange: () => update({ pageMapping: "repeat" }) }), "Repeat page 0"] })] })] }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [_jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.35rem" }, children: [_jsx("input", { type: "checkbox", checked: current.registrationMarks ?? false, onChange: (e) => update({ registrationMarks: e.target.checked }) }), "Registration marks"] }), _jsxs("label", { style: { display: "flex", alignItems: "center", gap: "0.35rem" }, children: [_jsx("input", { type: "checkbox", checked: current.cropMarks ?? false, onChange: (e) => update({ cropMarks: e.target.checked }) }), "Crop marks"] })] })] }));
+}
+const selectStyle = {
+    padding: "0.25rem 0.5rem",
+    fontSize: "0.8rem",
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    background: "#ffffff",
+};
+const numberStyle = {
+    padding: "0.25rem 0.5rem",
+    fontSize: "0.8rem",
+    border: "1px solid #d1d5db",
+    borderRadius: 4,
+    background: "#ffffff",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+};
+//# sourceMappingURL=ImposePanel.js.map

package/dist/components/ImposePanel.js.map

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

package/dist/components/InksPanel.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Wave 2 C1 — inks palette.
+ *
+ * Surfaces the live separations registered in the document plus the
+ * named inks discovered in the active rendered PDF (via the new
+ * compile-pdf `POST /v1/separations/list` endpoint, PR-F). Splits
+ * cleanly from the existing swatches palette which still handles
+ * PANTONE search:
+ *
+ *   - **swatches** (PR-7 / C3): catalogue search, "register as spot"
+ *   - **inks**    (this panel, C1): the live ink list — what plates
+ *     will the compiler actually produce?
+ *
+ * Adapter pattern: hosts wire an async function that returns the
+ * separations list. This keeps the editor package free of any
+ * runtime dep on `apps/service`'s `CompilePdfClient`. The host
+ * typically passes
+ * `(pdfB64) => client.separationsList(pdfB64).then((r) => r.separations)`.
+ *
+ * @public
+ */
+export type Ink = {
+    /** Display name (e.g. "PANTONE 185 C", "Silver", "Cyan"). */
+    name: string;
+    /** "Separation" or "DeviceN" — mirrors the wire shape. */
+    color_space: "Separation" | "DeviceN";
+    /** 0-indexed page numbers on which this ink appears. */
+    occurs_on_pages: number[];
+};
+/**
+ * Host-supplied adapter. Returns the inks for `pdfB64` (typically by
+ * proxying to `CompilePdfClient.separationsList`). Rejects on
+ * transport errors; the panel renders the error inline.
+ *
+ * **Identity matters.** The panel re-fetches whenever the `loader`
+ * reference changes (the standard React-effect dependency rule);
+ * hosts that build the adapter inline should memoize it with
+ * `useCallback` so an unrelated parent re-render doesn't trigger a
+ * spurious `POST /v1/separations/list` round-trip.
+ *
+ * @public
+ */
+export type InksLoaderFn = (pdfB64: string) => Promise<readonly Ink[]>;
+/**
+ * @public
+ */
+export type InksPanelProps = {
+    /** Latest rendered PDF — base64, no `data:` prefix. When
+     *  `undefined` the panel shows an "export first" affordance. */
+    pdfB64: string | undefined;
+    /** Adapter that resolves to the inks list. */
+    loader: InksLoaderFn;
+    /** Optional callback fired when the user clicks an ink row;
+     *  hosts wire this to highlight occurrences on the canvas. */
+    onSelect?: (ink: Ink) => void;
+};
+/**
+ * @public
+ */
+export declare function InksPanel({ pdfB64, loader, onSelect }: InksPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InksPanel.d.ts.map

package/dist/components/InksPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InksPanel.d.ts","sourceRoot":"","sources":["../../src/components/InksPanel.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,GAAG;IAChB,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,wDAAwD;IACxD,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B;oEACgE;IAChE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB;kEAC8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA2FrE"}