@printwithsynergy/artwork-pdf-editor 0.3.0 → 0.5.0

package/dist/components/SubstrateSimOverlay.js

@@ -0,0 +1,39 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+function finishOverlay(finish) {
+    switch (finish) {
+        case "gloss":
+            return "linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 60%)";
+        case "satin":
+            return "linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 70%)";
+        case "matte":
+            return "none";
+        case "uncoated":
+            return "radial-gradient(circle at 30% 20%, rgba(0,0,0,0.04) 0%, transparent 70%)";
+    }
+}
+/**
+ * Pure-render substrate simulation overlay.
+ *
+ * @public
+ */
+export function SubstrateSimOverlay({ spec }) {
+    const { widthPx, heightPx, color, opacity, finish } = spec;
+    return (_jsx("div", { "data-testid": "substrate-sim-overlay", "aria-hidden": "true", style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: widthPx,
+            height: heightPx,
+            background: color,
+            opacity,
+            pointerEvents: "none",
+        }, children: _jsx("div", { "data-testid": "substrate-sim-finish-layer", style: {
+                position: "absolute",
+                inset: 0,
+                background: finishOverlay(finish),
+                pointerEvents: "none",
+            } }) }));
+}
+//# sourceMappingURL=SubstrateSimOverlay.js.map

package/dist/components/SubstrateSimOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubstrateSimOverlay.js","sourceRoot":"","sources":["../../src/components/SubstrateSimOverlay.tsx"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,YAAY,CAAC;;AAuDb,SAAS,aAAa,CAAC,MAAkC;IACvD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,OAAO;YACV,OAAO,6EAA6E,CAAC;QACvF,KAAK,OAAO;YACV,OAAO,6EAA6E,CAAC;QACvF,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,UAAU;YACb,OAAO,0EAA0E,CAAC;IACtF,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAA4B;IACpE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC3D,OAAO,CACL,6BACc,uBAAuB,iBACvB,MAAM,EAClB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,QAAQ;YAChB,UAAU,EAAE,KAAK;YACjB,OAAO;YACP,aAAa,EAAE,MAAM;SACtB,YAED,6BACc,4BAA4B,EACxC,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC;gBACjC,aAAa,EAAE,MAAM;aACtB,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/wave4-extras.d.ts

@@ -0,0 +1,326 @@
+/**
+ * Wave 4 long-tail — consolidated panels for the playbook's
+ * remaining loader-adapter surfaces. Each export is a small,
+ * focused React panel + its adapter type, sharing the same
+ * load-on-mount / render-list / surface-error lifecycle as the
+ * rest of the AI / I family. Hosts wire one
+ * {@link FeatureLoaderFn} per panel; this module hosts no
+ * network calls of its own.
+ *
+ * Features in this bundle:
+ *
+ * - **B2** {@link DamAssetsPanel} (DAM hookup) — list of
+ *   approved assets pulled from the host's DAM connector.
+ * - **X3** {@link ApprovedMasterDiffPanel} — visual diff vs the
+ *   pinned master version.
+ * - **AI1** {@link CopyGenerationPanel} — Claude-style copy
+ *   generation with length-to-fit constraint.
+ * - **AI2** {@link ImageGenerationPanel} — CMYK-aware image gen
+ *   with DPI guarantees.
+ * - **AI3** {@link AutoLayoutPanel} — auto-arrange/fit solver.
+ * - **AI5** {@link OcrRebuildPanel} — OCR a reference pack
+ *   image and reconstruct editable objects.
+ * - **V3** {@link LocalizationPanel} — per-language variants
+ *   with text-expansion warnings.
+ * - **I1** {@link DesignHandoffPanel} — Figma / Adobe import.
+ * - **I2** {@link EcommerceConnectorPanel} — Shopify product
+ *   pull / SKU variants.
+ * - **I3** {@link PimConnectorPanel} — PIM bind for merge
+ *   fields.
+ *
+ * @public
+ */
+import type { ReactElement } from "react";
+/** @public */
+export type DamAsset = {
+    id: string;
+    name: string;
+    kind: "image" | "logo" | "font" | "swatch" | "other";
+    url?: string;
+    rights?: string;
+};
+/** @public */
+export type DamAssetsLoaderFn = (query?: string) => Promise<readonly DamAsset[]>;
+/** @public */
+export type DamAssetsPanelProps = {
+    loader: DamAssetsLoaderFn;
+    onSelect?: (asset: DamAsset) => void;
+};
+/**
+ * B2 — DAM assets browser. The host wires a
+ * {@link DamAssetsLoaderFn} adapter that fronts Bynder /
+ * Brandfolder / any DAM API; this panel renders the asset list
+ * with usage-rights chips when supplied.
+ *
+ * @public
+ */
+export declare function DamAssetsPanel({ loader, onSelect }: DamAssetsPanelProps): ReactElement;
+/** @public */
+export type ApprovedMasterDiffChange = {
+    id: string;
+    kind: "text" | "color" | "moved" | "added" | "removed";
+    summary: string;
+    objectId?: string;
+};
+/** @public */
+export type ApprovedMasterDiffLoaderFn = () => Promise<readonly ApprovedMasterDiffChange[]>;
+/** @public */
+export type ApprovedMasterDiffPanelProps = {
+    loader: ApprovedMasterDiffLoaderFn;
+    onSelect?: (change: ApprovedMasterDiffChange) => void;
+};
+/**
+ * X3 — Diff vs the pinned approved master. Each change row
+ * shows kind + summary; the host wires the actual diff
+ * computation (typically codex `vision/phash` + per-separation
+ * structural diff).
+ *
+ * @public
+ */
+export declare function ApprovedMasterDiffPanel({ loader, onSelect, }: ApprovedMasterDiffPanelProps): ReactElement;
+/** @public */
+export type CopyGenerationRequest = {
+    /** Prompt or seed text the LLM should expand/refine. */
+    prompt: string;
+    /** Max character count the generated copy must fit in
+     *  (drives length-to-fit warnings). */
+    maxChars: number;
+    /** Optional brand-voice hints. */
+    voice?: string;
+};
+/** @public */
+export type CopyGenerationResult = {
+    text: string;
+    /** Reasons the host should surface — typically risky-claim
+     *  flags from the AI safety pass. */
+    warnings: readonly string[];
+};
+/** @public */
+export type CopyGenerationFn = (req: CopyGenerationRequest) => Promise<CopyGenerationResult>;
+/** @public */
+export type CopyGenerationPanelProps = {
+    generator: CopyGenerationFn;
+    initialPrompt?: string;
+    maxChars?: number;
+    onResult?: (result: CopyGenerationResult) => void;
+};
+/**
+ * AI1 — Copy generation panel. Wraps a host-supplied LLM
+ * adapter (typically codex `ai/claude` + `spell` + budget). The
+ * panel owns the prompt input + max-chars constraint and the
+ * generate-button lifecycle; the host wires the adapter.
+ *
+ * @public
+ */
+export declare function CopyGenerationPanel({ generator, initialPrompt, maxChars, onResult, }: CopyGenerationPanelProps): ReactElement;
+/** @public */
+export type ImageGenerationRequest = {
+    prompt: string;
+    /** Width in mm at the target print resolution. */
+    widthMm: number;
+    heightMm: number;
+    /** Target DPI — typically 300 for press; codex `ai/dispatcher`
+     *  enforces. */
+    dpi: number;
+    /** Convert from sRGB to a CMYK profile? Host implementation. */
+    cmykProfile?: string;
+};
+/** @public */
+export type ImageGenerationResult = {
+    /** Image data URL or external URL the host can use as the
+     *  fill source. */
+    url: string;
+    widthPx: number;
+    heightPx: number;
+    /** Provenance tag (e.g. `"ai-generated"`) for downstream
+     *  labelling per AI provenance rules. */
+    provenance: string;
+};
+/** @public */
+export type ImageGenerationFn = (req: ImageGenerationRequest) => Promise<ImageGenerationResult>;
+/** @public */
+export type ImageGenerationPanelProps = {
+    generator: ImageGenerationFn;
+    defaultWidthMm?: number;
+    defaultHeightMm?: number;
+    onResult?: (result: ImageGenerationResult) => void;
+};
+/**
+ * AI2 — Print-resolution image generation. Surface is minimal
+ * (prompt + dims); host adapter handles the CMYK conversion +
+ * provenance tagging.
+ *
+ * @public
+ */
+export declare function ImageGenerationPanel({ generator, defaultWidthMm, defaultHeightMm, onResult, }: ImageGenerationPanelProps): ReactElement;
+/** @public */
+export type AutoLayoutRequest = {
+    /** Object ids the solver may move / resize. */
+    objectIds: readonly string[];
+    /** Constraints — bleed safety, panel anchors (S3 ties in). */
+    respectBleed: boolean;
+    respectPanelAnchors: boolean;
+};
+/** @public */
+export type AutoLayoutOperation = {
+    objectId: string;
+    /** Target translation in mm. */
+    dx?: number;
+    dy?: number;
+    /** Target scale factor. */
+    scale?: number;
+};
+/** @public */
+export type AutoLayoutFn = (req: AutoLayoutRequest) => Promise<readonly AutoLayoutOperation[]>;
+/** @public */
+export type AutoLayoutPanelProps = {
+    solver: AutoLayoutFn;
+    objectIds: readonly string[];
+    onSolved?: (ops: readonly AutoLayoutOperation[]) => void;
+};
+/**
+ * AI3 — Auto-layout / auto-fit panel. Host wires the solver
+ * (typically codex geom + the rich document-model); the panel
+ * surfaces the run-and-preview affordance.
+ *
+ * @public
+ */
+export declare function AutoLayoutPanel({ solver, objectIds, onSolved, }: AutoLayoutPanelProps): ReactElement;
+/** @public */
+export type OcrRebuildRequest = {
+    /** Source image — base64-encoded PNG/JPEG bytes. */
+    imageB64: string;
+    /** Optional language hint for the OCR engine. */
+    language?: string;
+};
+/** @public */
+export type OcrRebuildObject = {
+    id: string;
+    kind: "text" | "logo" | "barcode-placeholder" | "panel-rect";
+    /** Bounding box in mm. */
+    x: number;
+    y: number;
+    widthMm: number;
+    heightMm: number;
+    /** Recovered text / value, when applicable. */
+    text?: string;
+};
+/** @public */
+export type OcrRebuildFn = (req: OcrRebuildRequest) => Promise<readonly OcrRebuildObject[]>;
+/** @public */
+export type OcrRebuildPanelProps = {
+    ocr: OcrRebuildFn;
+    onObjects?: (objs: readonly OcrRebuildObject[]) => void;
+};
+/**
+ * AI5 — Competitor-pack OCR rebuild. Host accepts an image
+ * upload, runs codex `extract` + `ai/logos` + `ai/symbols` +
+ * `ai/language`, and returns reconstructed editable objects.
+ * Surface here is the file-input + reconstruct trigger.
+ *
+ * @public
+ */
+export declare function OcrRebuildPanel({ ocr, onObjects }: OcrRebuildPanelProps): ReactElement;
+/** @public */
+export type LocalizationVariant = {
+    /** BCP-47 tag — e.g. `"en"`, `"fr-CA"`, `"ja"`. */
+    language: string;
+    /** Per-text-object override map: objectId → translated text. */
+    texts: Record<string, string>;
+};
+/** @public */
+export type LocalizationExpansion = {
+    language: string;
+    objectId: string;
+    /** Original chars vs translated chars; > 1 = expanded. */
+    ratio: number;
+};
+/** @public */
+export type LocalizationPanelProps = {
+    variants: readonly LocalizationVariant[];
+    /** Optional expansion warnings the host pre-computed (the
+     *  ratio of translated chars vs the source's box area
+     *  estimate). Rows with ratio > 1.2 render as warnings. */
+    expansions?: readonly LocalizationExpansion[];
+    onSelectVariant?: (language: string) => void;
+};
+/**
+ * V3 — Localization + text-expansion warnings. Renders the
+ * per-language variants list with click-to-preview + a
+ * warnings table for any expansion ratio > 1.2 (the rule of
+ * thumb for "translation needs more room").
+ *
+ * @public
+ */
+export declare function LocalizationPanel({ variants, expansions, onSelectVariant, }: LocalizationPanelProps): ReactElement;
+/** @public */
+export type DesignHandoffSource = "figma" | "illustrator" | "indesign" | "other";
+/** @public */
+export type DesignHandoffImportFn = (opts: {
+    source: DesignHandoffSource;
+    fileRef: string;
+}) => Promise<{
+    objectsImported: number;
+}>;
+/** @public */
+export type DesignHandoffPanelProps = {
+    importer: DesignHandoffImportFn;
+    onImported?: (info: {
+        objectsImported: number;
+    }) => void;
+};
+/**
+ * I1 — Figma / Adobe handoff panel. Host wires the actual file /
+ * frame / page resolver; this panel surfaces the source picker +
+ * file-ref input and the import-now affordance.
+ *
+ * @public
+ */
+export declare function DesignHandoffPanel({ importer, onImported, }: DesignHandoffPanelProps): ReactElement;
+/** @public */
+export type EcommerceProduct = {
+    id: string;
+    title: string;
+    gtin?: string;
+    imageUrl?: string;
+    /** Product attributes the editor can bind as merge fields. */
+    attrs: Record<string, string>;
+};
+/** @public */
+export type EcommerceLoaderFn = () => Promise<readonly EcommerceProduct[]>;
+/** @public */
+export type EcommerceConnectorPanelProps = {
+    loader: EcommerceLoaderFn;
+    onSelect?: (product: EcommerceProduct) => void;
+};
+/**
+ * I2 — Ecommerce (Shopify) product picker. Pull a product list
+ * from the host's store connector and let the user pick one to
+ * prefill merge fields / generate SKU variants. Host adapter
+ * handles store auth.
+ *
+ * @public
+ */
+export declare function EcommerceConnectorPanel({ loader, onSelect, }: EcommerceConnectorPanelProps): ReactElement;
+/** @public */
+export type PimField = {
+    id: string;
+    label: string;
+    value: string;
+};
+/** @public */
+export type PimLoaderFn = () => Promise<readonly PimField[]>;
+/** @public */
+export type PimConnectorPanelProps = {
+    loader: PimLoaderFn;
+    onBind?: (field: PimField) => void;
+};
+/**
+ * I3 — PIM connector panel. List of pull-able fields from the
+ * host's PIM connector; click a field to bind it as a merge
+ * token on the active object.
+ *
+ * @public
+ */
+export declare function PimConnectorPanel({ loader, onBind }: PimConnectorPanelProps): ReactElement;
+//# sourceMappingURL=wave4-extras.d.ts.map

package/dist/components/wave4-extras.d.ts.map

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

package/dist/components/wave4-extras.js

@@ -0,0 +1,264 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+/**
+ * B2 — DAM assets browser. The host wires a
+ * {@link DamAssetsLoaderFn} adapter that fronts Bynder /
+ * Brandfolder / any DAM API; this panel renders the asset list
+ * with usage-rights chips when supplied.
+ *
+ * @public
+ */
+export function DamAssetsPanel({ loader, onSelect }) {
+    return (_jsx(LoaderPanel, { testId: "dam-assets-panel", title: "DAM assets", loader: () => loader(), renderRow: (a) => (_jsxs("span", { children: [a.name, _jsxs("span", { style: { fontSize: "0.625rem", color: "#595959", marginLeft: "0.375rem" }, children: [a.kind, a.rights ? ` · ${a.rights}` : ""] })] })), onSelect: onSelect }));
+}
+/**
+ * X3 — Diff vs the pinned approved master. Each change row
+ * shows kind + summary; the host wires the actual diff
+ * computation (typically codex `vision/phash` + per-separation
+ * structural diff).
+ *
+ * @public
+ */
+export function ApprovedMasterDiffPanel({ loader, onSelect, }) {
+    return (_jsx(LoaderPanel, { testId: "approved-master-diff-panel", title: "Master diff", loader: loader, renderRow: (c) => (_jsxs("span", { children: ["[", c.kind, "] ", c.summary] })), onSelect: onSelect }));
+}
+/**
+ * AI1 — Copy generation panel. Wraps a host-supplied LLM
+ * adapter (typically codex `ai/claude` + `spell` + budget). The
+ * panel owns the prompt input + max-chars constraint and the
+ * generate-button lifecycle; the host wires the adapter.
+ *
+ * @public
+ */
+export function CopyGenerationPanel({ generator, initialPrompt = "", maxChars = 200, onResult, }) {
+    const [prompt, setPrompt] = useState(initialPrompt);
+    const [status, setStatus] = useState("idle");
+    const [result, setResult] = useState(null);
+    const [err, setErr] = useState(null);
+    const generate = async () => {
+        setStatus("loading");
+        setErr(null);
+        try {
+            const r = await generator({ prompt, maxChars });
+            setResult(r);
+            setStatus("done");
+            onResult?.(r);
+        }
+        catch (e) {
+            setErr(e instanceof Error ? e.message : "Generation failed.");
+            setStatus("error");
+        }
+    };
+    return (_jsxs("div", { "data-testid": "copy-generation-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsx("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: "Copy generator" }) }), _jsx("textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Describe the copy\u2026", "aria-label": "Copy generation prompt", style: { width: "100%", minHeight: 60, fontSize: "0.8125rem", padding: "0.25rem" } }), _jsx("div", { style: { display: "flex", gap: "0.375rem", marginTop: "0.375rem" }, children: _jsx("button", { type: "button", onClick: generate, disabled: status === "loading" || !prompt.trim(), style: { fontSize: "0.75rem", padding: "0.25rem 0.5rem" }, children: status === "loading" ? "Generating…" : `Generate (≤${maxChars} chars)` }) }), result && (_jsxs("div", { style: { marginTop: "0.5rem", fontSize: "0.8125rem" }, children: [_jsx("div", { style: { padding: "0.375rem", background: "#f6f6f6", borderRadius: 4 }, children: result.text }), result.warnings.length > 0 && (_jsx("ul", { style: { marginTop: "0.25rem", paddingLeft: "1.25rem" }, children: result.warnings.map((w) => (_jsx("li", { style: { fontSize: "0.75rem", color: "#a60" }, children: w }, w))) }))] })), err && (_jsx("div", { role: "alert", style: { marginTop: "0.5rem", fontSize: "0.75rem", color: "#a00" }, children: err }))] }));
+}
+/**
+ * AI2 — Print-resolution image generation. Surface is minimal
+ * (prompt + dims); host adapter handles the CMYK conversion +
+ * provenance tagging.
+ *
+ * @public
+ */
+export function ImageGenerationPanel({ generator, defaultWidthMm = 50, defaultHeightMm = 50, onResult, }) {
+    const [prompt, setPrompt] = useState("");
+    const [w, setW] = useState(defaultWidthMm);
+    const [h, setH] = useState(defaultHeightMm);
+    const [status, setStatus] = useState("idle");
+    const [result, setResult] = useState(null);
+    const [err, setErr] = useState(null);
+    const generate = async () => {
+        setStatus("loading");
+        setErr(null);
+        try {
+            const r = await generator({ prompt, widthMm: w, heightMm: h, dpi: 300 });
+            setResult(r);
+            setStatus("done");
+            onResult?.(r);
+        }
+        catch (e) {
+            setErr(e instanceof Error ? e.message : "Image generation failed.");
+            setStatus("error");
+        }
+    };
+    return (_jsxs("div", { "data-testid": "image-generation-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsx("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: "Image generator" }) }), _jsx("input", { type: "text", value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Describe the image\u2026", "aria-label": "Image generation prompt", style: { width: "100%", fontSize: "0.8125rem", padding: "0.25rem" } }), _jsxs("div", { style: { display: "flex", gap: "0.375rem", marginTop: "0.375rem" }, children: [_jsxs("label", { style: { fontSize: "0.75rem" }, children: ["W mm", _jsx("input", { type: "number", value: w, onChange: (e) => setW(Number(e.target.value) || 0), style: { width: 60, marginLeft: "0.25rem" } })] }), _jsxs("label", { style: { fontSize: "0.75rem" }, children: ["H mm", _jsx("input", { type: "number", value: h, onChange: (e) => setH(Number(e.target.value) || 0), style: { width: 60, marginLeft: "0.25rem" } })] }), _jsx("button", { type: "button", onClick: generate, disabled: status === "loading" || !prompt.trim(), style: { fontSize: "0.75rem", padding: "0.25rem 0.5rem" }, children: status === "loading" ? "…" : "Generate" })] }), result && (_jsxs("div", { style: { marginTop: "0.5rem", fontSize: "0.75rem", color: "#595959" }, children: [result.widthPx, "\u00D7", result.heightPx, "px \u00B7 ", result.provenance] })), err && (_jsx("div", { role: "alert", style: { marginTop: "0.375rem", fontSize: "0.75rem", color: "#a00" }, children: err }))] }));
+}
+/**
+ * AI3 — Auto-layout / auto-fit panel. Host wires the solver
+ * (typically codex geom + the rich document-model); the panel
+ * surfaces the run-and-preview affordance.
+ *
+ * @public
+ */
+export function AutoLayoutPanel({ solver, objectIds, onSolved, }) {
+    const [respectBleed, setRespectBleed] = useState(true);
+    const [respectAnchors, setRespectAnchors] = useState(true);
+    const [status, setStatus] = useState("idle");
+    const [ops, setOps] = useState(null);
+    const [err, setErr] = useState(null);
+    const run = async () => {
+        setStatus("loading");
+        setErr(null);
+        try {
+            const next = await solver({
+                objectIds,
+                respectBleed,
+                respectPanelAnchors: respectAnchors,
+            });
+            setOps(next);
+            setStatus("done");
+            onSolved?.(next);
+        }
+        catch (e) {
+            setErr(e instanceof Error ? e.message : "Auto-layout failed.");
+            setStatus("error");
+        }
+    };
+    return (_jsxs("div", { "data-testid": "auto-layout-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsx("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: "Auto layout" }) }), _jsxs("div", { style: { fontSize: "0.75rem", display: "flex", flexDirection: "column", gap: "0.25rem" }, children: [_jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: respectBleed, onChange: (e) => setRespectBleed(e.target.checked) }), " ", "Respect bleed / safety"] }), _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: respectAnchors, onChange: (e) => setRespectAnchors(e.target.checked) }), " ", "Respect panel anchors"] })] }), _jsx("button", { type: "button", onClick: run, disabled: status === "loading" || objectIds.length === 0, style: { marginTop: "0.375rem", fontSize: "0.75rem", padding: "0.25rem 0.5rem" }, children: status === "loading" ? "Solving…" : `Auto-arrange ${objectIds.length} object(s)` }), ops && (_jsxs("div", { style: { marginTop: "0.375rem", fontSize: "0.75rem", color: "#595959" }, children: [ops.length, " operation(s) emitted"] })), err && (_jsx("div", { role: "alert", style: { marginTop: "0.375rem", fontSize: "0.75rem", color: "#a00" }, children: err }))] }));
+}
+/**
+ * Encode an ArrayBuffer to base64 in 32 KB chunks so we don't blow
+ * past `String.fromCharCode.apply` argument-length limits on large
+ * files. `btoa` is Latin-1, which is fine here because each byte
+ * of the buffer becomes one code unit ≤ 0xFF.
+ *
+ * @internal
+ */
+function arrayBufferToBase64(buf) {
+    const bytes = new Uint8Array(buf);
+    const chunk = 0x8000;
+    let binary = "";
+    for (let i = 0; i < bytes.length; i += chunk) {
+        const slice = bytes.subarray(i, Math.min(i + chunk, bytes.length));
+        binary += String.fromCharCode.apply(null, Array.from(slice));
+    }
+    return btoa(binary);
+}
+/**
+ * AI5 — Competitor-pack OCR rebuild. Host accepts an image
+ * upload, runs codex `extract` + `ai/logos` + `ai/symbols` +
+ * `ai/language`, and returns reconstructed editable objects.
+ * Surface here is the file-input + reconstruct trigger.
+ *
+ * @public
+ */
+export function OcrRebuildPanel({ ocr, onObjects }) {
+    const [status, setStatus] = useState("idle");
+    const [count, setCount] = useState(0);
+    const onFile = async (file) => {
+        setStatus("loading");
+        try {
+            const buf = await file.arrayBuffer();
+            const b64 = arrayBufferToBase64(buf);
+            const objs = await ocr({ imageB64: b64 });
+            setCount(objs.length);
+            setStatus("done");
+            onObjects?.(objs);
+        }
+        catch {
+            setStatus("error");
+        }
+    };
+    return (_jsxs("div", { "data-testid": "ocr-rebuild-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsx("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: "OCR rebuild" }) }), _jsx("input", { type: "file", accept: "image/*", "aria-label": "Reference image for OCR rebuild", onChange: (e) => {
+                    const f = e.target.files?.[0];
+                    if (f)
+                        void onFile(f);
+                }, style: { fontSize: "0.75rem" } }), status === "done" && (_jsxs("div", { style: { marginTop: "0.375rem", fontSize: "0.75rem", color: "#595959" }, children: ["Reconstructed ", count, " object(s)."] })), status === "loading" && (_jsx("output", { style: { display: "block", fontSize: "0.75rem", marginTop: "0.375rem" }, children: "Running OCR\u2026" }))] }));
+}
+/**
+ * V3 — Localization + text-expansion warnings. Renders the
+ * per-language variants list with click-to-preview + a
+ * warnings table for any expansion ratio > 1.2 (the rule of
+ * thumb for "translation needs more room").
+ *
+ * @public
+ */
+export function LocalizationPanel({ variants, expansions = [], onSelectVariant, }) {
+    const tight = expansions.filter((e) => e.ratio > 1.2);
+    return (_jsxs("div", { "data-testid": "localization-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsxs("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: ["Localization (", variants.length, ")"] }) }), _jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: variants.map((v) => (_jsx("li", { style: { marginBottom: "0.25rem" }, children: _jsxs("button", { type: "button", onClick: () => onSelectVariant?.(v.language), style: {
+                            display: "block",
+                            width: "100%",
+                            padding: "0.375rem 0.5rem",
+                            background: "transparent",
+                            border: "1px solid #ddd",
+                            borderRadius: 4,
+                            textAlign: "left",
+                            fontSize: "0.8125rem",
+                            cursor: onSelectVariant ? "pointer" : "default",
+                        }, children: [v.language, " ", _jsxs("span", { style: { color: "#595959" }, children: ["\u00B7 ", Object.keys(v.texts).length, " string(s)"] })] }) }, v.language))) }), tight.length > 0 && (_jsxs("div", { "data-testid": "localization-expansion-warnings", style: { marginTop: "0.5rem", fontSize: "0.75rem", color: "#a60" }, children: [tight.length, " translation(s) may overflow their box (ratio > 1.2)"] }))] }));
+}
+/**
+ * I1 — Figma / Adobe handoff panel. Host wires the actual file /
+ * frame / page resolver; this panel surfaces the source picker +
+ * file-ref input and the import-now affordance.
+ *
+ * @public
+ */
+export function DesignHandoffPanel({ importer, onImported, }) {
+    const [source, setSource] = useState("figma");
+    const [ref, setRef] = useState("");
+    const [status, setStatus] = useState("idle");
+    const [count, setCount] = useState(0);
+    const run = async () => {
+        setStatus("loading");
+        const r = await importer({ source, fileRef: ref });
+        setCount(r.objectsImported);
+        setStatus("done");
+        onImported?.(r);
+    };
+    return (_jsxs("div", { "data-testid": "design-handoff-panel", style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsx("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: "Design handoff" }) }), _jsxs("select", { value: source, onChange: (e) => setSource(e.target.value), "aria-label": "Design handoff source", style: { fontSize: "0.8125rem", padding: "0.25rem", marginRight: "0.375rem" }, children: [_jsx("option", { value: "figma", children: "Figma" }), _jsx("option", { value: "illustrator", children: "Illustrator" }), _jsx("option", { value: "indesign", children: "InDesign" }), _jsx("option", { value: "other", children: "Other" })] }), _jsx("input", { type: "text", value: ref, onChange: (e) => setRef(e.target.value), placeholder: "File / frame URL", "aria-label": "File reference", style: { fontSize: "0.8125rem", padding: "0.25rem" } }), _jsx("button", { type: "button", onClick: run, disabled: status === "loading" || !ref.trim(), style: { marginLeft: "0.375rem", fontSize: "0.75rem", padding: "0.25rem 0.5rem" }, children: status === "loading" ? "…" : "Import" }), status === "done" && (_jsxs("div", { style: { marginTop: "0.375rem", fontSize: "0.75rem", color: "#595959" }, children: ["Imported ", count, " object(s) from ", source, "."] }))] }));
+}
+/**
+ * I2 — Ecommerce (Shopify) product picker. Pull a product list
+ * from the host's store connector and let the user pick one to
+ * prefill merge fields / generate SKU variants. Host adapter
+ * handles store auth.
+ *
+ * @public
+ */
+export function EcommerceConnectorPanel({ loader, onSelect, }) {
+    return (_jsx(LoaderPanel, { testId: "ecommerce-connector-panel", title: "Products", loader: loader, renderRow: (p) => (_jsxs("span", { children: [p.title, p.gtin && (_jsxs("span", { style: { fontSize: "0.625rem", color: "#595959", marginLeft: "0.375rem" }, children: ["GTIN ", p.gtin] }))] })), onSelect: onSelect }));
+}
+/**
+ * I3 — PIM connector panel. List of pull-able fields from the
+ * host's PIM connector; click a field to bind it as a merge
+ * token on the active object.
+ *
+ * @public
+ */
+export function PimConnectorPanel({ loader, onBind }) {
+    return (_jsx(LoaderPanel, { testId: "pim-connector-panel", title: "PIM fields", loader: loader, renderRow: (f) => (_jsxs("span", { children: [f.label, _jsx("span", { style: { fontSize: "0.625rem", color: "#595959", marginLeft: "0.375rem" }, children: f.value })] })), onSelect: onBind }));
+}
+function LoaderPanel({ testId, title, loader, renderRow, onSelect, }) {
+    const [items, setItems] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let disposed = false;
+        void (async () => {
+            try {
+                const next = await loader();
+                if (!disposed)
+                    setItems(next);
+            }
+            catch (err) {
+                if (!disposed)
+                    setError(err instanceof Error ? err.message : String(err));
+            }
+        })();
+        return () => {
+            disposed = true;
+        };
+    }, [loader]);
+    return (_jsxs("div", { "data-testid": testId, style: { padding: "0.5rem" }, children: [_jsx("header", { style: { marginBottom: "0.375rem" }, children: _jsxs("h3", { style: { margin: 0, fontSize: "0.875rem" }, children: [title, items && ` (${items.length})`] }) }), error && (_jsx("div", { role: "alert", style: { fontSize: "0.75rem", color: "#a00" }, children: error })), !error && !items && (_jsx("output", { style: { display: "block", fontSize: "0.75rem", opacity: 0.6 }, children: "Loading\u2026" })), items && items.length === 0 && (_jsx("div", { style: { fontSize: "0.75rem", opacity: 0.6 }, children: "None." })), items && items.length > 0 && (_jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: items.map((item) => (_jsx("li", { style: { marginBottom: "0.25rem" }, children: onSelect ? (_jsx("button", { type: "button", onClick: () => onSelect(item), style: {
+                            display: "block",
+                            width: "100%",
+                            padding: "0.375rem 0.5rem",
+                            background: "transparent",
+                            border: "1px solid #ddd",
+                            borderRadius: 4,
+                            textAlign: "left",
+                            fontSize: "0.8125rem",
+                            cursor: "pointer",
+                        }, children: renderRow(item) })) : (_jsx("div", { style: { padding: "0.375rem 0.5rem", fontSize: "0.8125rem" }, children: renderRow(item) })) }, item.id))) }))] }));
+}
+//# sourceMappingURL=wave4-extras.js.map