@pixerate/editor-react 0.15.0 → 0.17.0

package/dist/generation/index.cjs

@@ -0,0 +1,525 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/generation/index.ts
+var generation_exports = {};
+__export(generation_exports, {
+  AssetMentionChips: () => AssetMentionChips,
+  GenerationHistory: () => GenerationHistory,
+  GenerationSettings: () => GenerationSettings,
+  JobProgress: () => JobProgress,
+  useGenerationPlan: () => useGenerationPlan,
+  useGenerationRecords: () => useGenerationRecords,
+  useJobProgress: () => useJobProgress
+});
+module.exports = __toCommonJS(generation_exports);
+
+// src/generation/useGenerationPlan.ts
+var import_react = require("react");
+var import_generation = require("@pixerate/editor/generation");
+function useGenerationPlan(request, capabilities, options = {}) {
+  const key = JSON.stringify([request, capabilities, options]);
+  return (0, import_react.useMemo)(() => (0, import_generation.planGenerationRequest)(request, capabilities, options), [key]);
+}
+function useJobProgress(options) {
+  const { startedAt, expectedMs, done, now, intervalMs = 1e3 } = options;
+  const [tick, setTick] = (0, import_react.useState)(() => Date.now());
+  const ticking = !done && now === void 0;
+  (0, import_react.useEffect)(() => {
+    if (!ticking) return;
+    setTick(Date.now());
+    const id = setInterval(() => setTick(Date.now()), Math.max(16, intervalMs));
+    return () => clearInterval(id);
+  }, [ticking, intervalMs]);
+  return (0, import_generation.estimateJobProgress)({ startedAt, expectedMs, done, now: now ?? tick });
+}
+
+// src/generation/GenerationSettings.tsx
+var import_react2 = require("react");
+var import_generation2 = require("@pixerate/editor/generation");
+var import_jsx_runtime = require("react/jsx-runtime");
+var inputClass = "w-full rounded-md border border-border bg-background px-2 py-1 text-sm outline-none focus:ring-1 focus:ring-ring";
+function Control({
+  control,
+  value,
+  id,
+  onValue
+}) {
+  const shown = value ?? control.defaultValue;
+  if (control.kind === "checkbox") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id,
+        type: "checkbox",
+        "data-field": control.key,
+        checked: Boolean(shown),
+        onChange: (e) => onValue((0, import_generation2.parseControlValue)(control, e.target.checked))
+      }
+    );
+  }
+  if (control.kind === "select") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "select",
+      {
+        id,
+        "data-field": control.key,
+        className: inputClass,
+        value: shown === void 0 ? "" : String(shown),
+        onChange: (e) => onValue((0, import_generation2.parseControlValue)(control, e.target.value)),
+        children: [
+          shown === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "Default" }),
+          control.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: String(option.value), children: option.label }, String(option.value)))
+        ]
+      }
+    );
+  }
+  if (control.kind === "textarea") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "textarea",
+      {
+        id,
+        "data-field": control.key,
+        className: inputClass,
+        rows: 2,
+        maxLength: control.maxLength,
+        value: typeof value === "string" ? value : "",
+        onChange: (e) => onValue((0, import_generation2.parseControlValue)(control, e.target.value))
+      }
+    );
+  }
+  const numeric = typeof shown === "number" ? shown : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        id,
+        type: control.kind === "range" ? "range" : "number",
+        "data-field": control.key,
+        className: control.kind === "range" ? "flex-1" : inputClass,
+        min: control.min,
+        max: control.max,
+        step: control.step ?? "any",
+        value: numeric ?? (control.kind === "range" ? control.min ?? 0 : ""),
+        onChange: (e) => onValue((0, import_generation2.parseControlValue)(control, e.target.value))
+      }
+    ),
+    control.kind === "range" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "w-10 text-right tabular-nums text-muted-foreground", "data-field-value": "", children: numeric ?? "\u2013" })
+  ] });
+}
+var GenerationSettings = ({
+  capabilities,
+  value,
+  onChange,
+  plan: planProp,
+  strategy,
+  showAdjustments = true,
+  onAddReference,
+  renderReference,
+  className = ""
+}) => {
+  const baseId = (0, import_react2.useId)();
+  const controls = (0, import_react2.useMemo)(() => (0, import_generation2.getGenerationControls)(capabilities), [capabilities]);
+  const computed = useGenerationPlan(value, capabilities, { strategy });
+  const plan = planProp ?? computed;
+  const slots = (0, import_generation2.getReferenceSlots)(capabilities, value);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `flex flex-col gap-3 text-sm ${className}`, "data-generation-settings": "", "data-model": capabilities.id, children: [
+    controls.map((control) => {
+      const id = `${baseId}-${control.key}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1", "data-control": control.key, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: id, className: "text-xs font-medium text-muted-foreground", title: control.description, children: control.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Control,
+          {
+            control,
+            id,
+            value: (0, import_generation2.getRequestValue)(value, control.key),
+            onValue: (next) => onChange((0, import_generation2.setRequestValue)(value, control.key, next))
+          }
+        )
+      ] }, control.key);
+    }),
+    slots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { className: "flex flex-col gap-1", "data-reference-role": slot.role, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("legend", { className: "text-xs font-medium text-muted-foreground", title: slot.description, children: [
+        slot.label,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tabular-nums", "data-reference-count": "", children: [
+          "(",
+          slot.references.length,
+          "/",
+          slot.max,
+          ")"
+        ] }),
+        slot.min > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-destructive", children: " *" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", { className: "flex flex-wrap gap-1", children: [
+        slot.references.map((ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center gap-1 rounded border border-border px-1.5 py-0.5", "data-reference-id": ref.id, children: [
+          renderReference ? renderReference(ref) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "max-w-[10rem] truncate", children: ref.id }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${slot.label} ${ref.id}`,
+              className: "text-muted-foreground hover:text-foreground",
+              onClick: () => onChange((0, import_generation2.removeReference)(value, slot.role, ref.id)),
+              children: "\xD7"
+            }
+          )
+        ] }, ref.id)),
+        onAddReference && slot.canAdd && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "rounded border border-dashed border-border px-1.5 py-0.5 text-muted-foreground hover:text-foreground",
+            onClick: () => onAddReference(slot.role),
+            children: "Add"
+          }
+        ) })
+      ] })
+    ] }, slot.role)),
+    showAdjustments && plan.adjustments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { role: "status", className: "flex flex-col gap-0.5 text-xs text-muted-foreground", "data-generation-adjustments": "", children: plan.adjustments.map((adjustment, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { "data-adjustment-field": adjustment.field, "data-adjustment-kind": adjustment.kind, children: adjustment.reason }, index)) }),
+    showAdjustments && plan.errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { role: "alert", className: "flex flex-col gap-0.5 text-xs text-destructive", "data-generation-errors": "", children: plan.errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { "data-error-field": error.field, children: error.message }, index)) })
+  ] });
+};
+
+// src/generation/JobProgress.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var JobProgress = ({ title, className = "", ...options }) => {
+  const progress = useJobProgress(options);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `flex flex-col gap-1 text-sm ${className}`, "data-job-progress": "", "data-done": options.done ? "" : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between gap-2 text-muted-foreground", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "truncate text-foreground", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "data-job-progress-label": "", "aria-live": "polite", children: progress.label })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": title ?? "Generation progress",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": progress.percent,
+        "aria-valuetext": `${progress.percent}%, ${progress.label}`,
+        className: "h-1.5 w-full overflow-hidden rounded-full bg-muted",
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-[width] duration-500",
+            style: { width: `${progress.percent}%`, background: "var(--primary, currentColor)" }
+          }
+        )
+      }
+    )
+  ] });
+};
+
+// src/generation/AssetMentionChips.tsx
+var import_react3 = require("react");
+var import_generation3 = require("@pixerate/editor/generation");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var AssetMentionChips = ({
+  content,
+  onChange,
+  assets,
+  capabilities,
+  roles,
+  renderAsset,
+  className = ""
+}) => {
+  const [open, setOpen] = (0, import_react3.useState)(null);
+  const rootRef = (0, import_react3.useRef)(null);
+  const chips = (0, import_react3.useMemo)(
+    () => (0, import_generation3.describeAssetMentions)((0, import_generation3.findTextMentions)(content), assets, capabilities),
+    [content, assets, capabilities]
+  );
+  const options = roles ?? (capabilities ? (0, import_generation3.getAssetRoleOptions)(capabilities) : (0, import_generation3.defaultAssetRoleOptions)());
+  (0, import_react3.useEffect)(() => {
+    if (open === null) return;
+    const onPointer = (event) => {
+      if (!rootRef.current?.contains(event.target)) setOpen(null);
+    };
+    document.addEventListener("mousedown", onPointer);
+    return () => document.removeEventListener("mousedown", onPointer);
+  }, [open]);
+  const pick = (chip, role) => {
+    setOpen(null);
+    if (chip.start === void 0) return;
+    onChange((0, import_generation3.setMentionRoleInText)(content, chip.start, role));
+  };
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref: rootRef, className: `flex flex-wrap gap-1.5 ${className}`, "data-asset-mention-chips": "", children: chips.map((chip) => {
+    const error = chip.issues.find((issue) => issue.severity === "error");
+    const warning = chip.issues.find((issue) => issue.severity === "warning");
+    const problem = error ?? warning;
+    const isOpen = open === chip.index;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "relative inline-flex", "data-asset-chip": chip.asset.id, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "button",
+        {
+          type: "button",
+          "aria-haspopup": "listbox",
+          "aria-expanded": isOpen,
+          title: problem?.message,
+          "data-issue": problem?.code,
+          onClick: () => setOpen(isOpen ? null : chip.index),
+          onKeyDown: (e) => {
+            if (e.key === "Escape") setOpen(null);
+          },
+          className: `inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs ${error ? "border-red-500/60" : warning ? "border-amber-500/60" : "border-border"} bg-muted/40 hover:bg-muted`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: renderAsset ? renderAsset(chip) : `@${chip.asset.label ?? chip.handle}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "span",
+              {
+                className: `rounded px-1 text-[10px] uppercase tracking-wide ${chip.role ? "bg-primary/15" : "opacity-60"}`,
+                "data-role-badge": chip.role ?? "",
+                children: chip.roleLabel ?? "No role"
+              }
+            )
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "div",
+        {
+          role: "listbox",
+          "aria-label": `Role for ${chip.asset.label ?? chip.handle}`,
+          className: "absolute left-0 top-full z-50 mt-1 flex min-w-[12rem] flex-col rounded-md border border-border bg-background p-1 text-xs shadow-lg",
+          "data-role-picker": "",
+          onKeyDown: (e) => {
+            if (e.key === "Escape") setOpen(null);
+          },
+          children: [
+            options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": chip.role === option.role,
+                "data-role-option": option.role,
+                title: option.description,
+                onClick: () => pick(chip, option.role),
+                className: "flex items-center justify-between gap-2 rounded px-2 py-1 text-left hover:bg-muted",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: option.label }),
+                  option.accepts?.length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[10px] opacity-60", children: option.accepts.join(", ") }) : null
+                ]
+              },
+              option.role
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": !chip.role,
+                "data-role-option": "",
+                onClick: () => pick(chip, null),
+                className: "rounded px-2 py-1 text-left opacity-70 hover:bg-muted",
+                children: "No role"
+              }
+            ),
+            chip.issues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "mt-1 border-t border-border px-2 pt-1 text-[10px]", "data-chip-issues": "", children: chip.issues.map((issue, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: issue.severity === "error" ? "text-red-500" : "text-amber-500", children: issue.message }, i)) })
+          ]
+        }
+      )
+    ] }, `${chip.start}-${chip.index}`);
+  }) });
+};
+
+// src/generation/GenerationHistory.tsx
+var import_react4 = require("react");
+var import_generation4 = require("@pixerate/editor/generation");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function useGenerationRecords(store, filter) {
+  const [records, setRecords] = (0, import_react4.useState)([]);
+  const [loading, setLoading] = (0, import_react4.useState)(!!store);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const filterKey = (0, import_generation4.stableStringify)(filter ?? {});
+  const refresh = (0, import_react4.useCallback)(async () => {
+    if (!store) {
+      setRecords([]);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const next = await store.list(filter);
+      setRecords(next);
+      setError(null);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  }, [store, filterKey]);
+  (0, import_react4.useEffect)(() => {
+    void refresh();
+    if (!store) return;
+    return store.subscribe(() => void refresh());
+  }, [store, refresh]);
+  return { records, loading, error, refresh };
+}
+var severityClass = {
+  info: "text-sky-600 dark:text-sky-300",
+  warning: "text-amber-600 dark:text-amber-300",
+  error: "text-red-600 dark:text-red-400"
+};
+var GenerationHistory = ({
+  records,
+  templates,
+  capabilities,
+  assets,
+  mode: modeProp,
+  onModeChange,
+  onRecreate,
+  onVariation,
+  onRemove,
+  renderPreview,
+  emptyText = "No generations yet.",
+  className = ""
+}) => {
+  const [innerMode, setInnerMode] = (0, import_react4.useState)("exact");
+  const mode = modeProp ?? innerMode;
+  const setMode = (next) => {
+    if (modeProp === void 0) setInnerMode(next);
+    onModeChange?.(next);
+  };
+  const options = (0, import_react4.useMemo)(() => ({ templates, capabilities, assets, mode }), [templates, capabilities, assets, mode]);
+  const results = (0, import_react4.useMemo)(() => records.map((record) => (0, import_generation4.recreateRequest)(record, options)), [records, options]);
+  const models = (0, import_react4.useMemo)(
+    () => capabilities ? Array.isArray(capabilities) ? capabilities : [capabilities] : [],
+    [capabilities]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `flex flex-col gap-2 text-sm ${className}`, "data-generation-history": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center gap-2 text-xs", role: "radiogroup", "aria-label": "Recreate mode", children: ["exact", "latest"].map((value) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "inline-flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        {
+          type: "radio",
+          name: "generation-history-mode",
+          value,
+          checked: mode === value,
+          onChange: () => setMode(value),
+          "data-mode": value
+        }
+      ),
+      value === "exact" ? "Exact (recorded versions)" : "Latest templates & settings"
+    ] }, value)) }),
+    records.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyText }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "flex flex-col gap-2", children: records.map((record, i) => {
+      const result = results[i];
+      const model = models.find((m) => m.id === record.provenance.modelId);
+      const blocked = !result.ok;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "li",
+        {
+          className: "rounded-md border border-border p-2",
+          "data-record": record.id,
+          "data-drift": result.drift.length,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "font-medium", children: model?.name ?? record.provenance.modelId }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-muted-foreground", children: [
+                record.kind !== "generate" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { "data-kind": "", children: [
+                  record.kind,
+                  " \xB7 "
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: record.createdAt, children: record.createdAt.replace("T", " ").slice(0, 16) }),
+                record.seed !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                  " \xB7 seed ",
+                  record.seed
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "mt-1 line-clamp-3 break-words text-xs", "data-record-prompt": "", children: record.provenance.resolvedPrompt }),
+            record.assets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-1 flex flex-wrap gap-1", children: record.assets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "span",
+              {
+                className: "rounded-full bg-muted px-2 py-0.5 text-[10px]",
+                "data-asset-role": asset.role,
+                children: [
+                  asset.id,
+                  " \xB7 ",
+                  (0, import_generation4.referenceRoleLabel)(asset.role, model)
+                ]
+              },
+              `${asset.role}:${asset.id}`
+            )) }),
+            renderPreview?.(record),
+            result.drift.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "mt-1 flex flex-col gap-0.5 text-[11px]", "data-drift-report": "", children: result.drift.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: severityClass[item.severity], "data-drift-type": item.type, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { children: [
+                import_generation4.DRIFT_TYPE_LABELS[item.type],
+                ":"
+              ] }),
+              " ",
+              item.message
+            ] }, j)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-2 flex gap-2", children: [
+              onRecreate && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  type: "button",
+                  disabled: blocked,
+                  title: blocked ? "This generation cannot be recreated as recorded." : void 0,
+                  onClick: () => onRecreate(result, record),
+                  className: "rounded border border-border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-50",
+                  "data-action": "recreate",
+                  children: "Recreate"
+                }
+              ),
+              onVariation && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onVariation((0, import_generation4.variationRequest)(record, {}, options), record),
+                  className: "rounded border border-border px-2 py-0.5 text-xs hover:bg-muted",
+                  "data-action": "variation",
+                  children: "Variation"
+                }
+              ),
+              onRemove && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onRemove(record),
+                  className: "ml-auto rounded px-2 py-0.5 text-xs text-muted-foreground hover:bg-muted",
+                  "data-action": "remove",
+                  children: "Remove"
+                }
+              )
+            ] })
+          ]
+        },
+        record.id
+      );
+    }) })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssetMentionChips,
+  GenerationHistory,
+  GenerationSettings,
+  JobProgress,
+  useGenerationPlan,
+  useGenerationRecords,
+  useJobProgress
+});
+//# sourceMappingURL=index.cjs.map

package/dist/generation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/generation/index.ts","../../src/generation/useGenerationPlan.ts","../../src/generation/GenerationSettings.tsx","../../src/generation/JobProgress.tsx","../../src/generation/AssetMentionChips.tsx","../../src/generation/GenerationHistory.tsx"],"sourcesContent":["export * from './useGenerationPlan';\nexport * from './GenerationSettings';\nexport * from './JobProgress';\nexport * from './AssetMentionChips';\nexport * from './GenerationHistory';\n","import { useEffect, useMemo, useState } from 'react';\nimport {\n  estimateJobProgress,\n  planGenerationRequest,\n  type GenerationPlan,\n  type GenerationRequest,\n  type JobProgressEstimate,\n  type ModelCapabilities,\n  type PlanOptions,\n} from '@pixerate/editor/generation';\n\n/**\n * Plans `request` against `capabilities` (see `planGenerationRequest`) and\n * returns the adjusted request, adjustments and errors. Recomputed only when\n * the request, capabilities or options change by value, so inline objects are fine.\n */\nexport function useGenerationPlan(\n  request: GenerationRequest,\n  capabilities: ModelCapabilities,\n  options: PlanOptions = {},\n): GenerationPlan {\n  const key = JSON.stringify([request, capabilities, options]);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return useMemo(() => planGenerationRequest(request, capabilities, options), [key]);\n}\n\nexport interface UseJobProgressOptions {\n  startedAt: number | Date | string;\n  expectedMs?: number;\n  done?: boolean;\n  /** Fixed current time (disables ticking; useful for SSR and tests). */\n  now?: number | Date | string;\n  /** Re-render interval while running in ms (default 1000). */\n  intervalMs?: number;\n}\n\n/** Ticking `estimateJobProgress` for a running job; stops ticking when `done`. */\nexport function useJobProgress(options: UseJobProgressOptions): JobProgressEstimate {\n  const { startedAt, expectedMs, done, now, intervalMs = 1000 } = options;\n  const [tick, setTick] = useState(() => Date.now());\n  const ticking = !done && now === undefined;\n  useEffect(() => {\n    if (!ticking) return;\n    setTick(Date.now());\n    const id = setInterval(() => setTick(Date.now()), Math.max(16, intervalMs));\n    return () => clearInterval(id);\n  }, [ticking, intervalMs]);\n  return estimateJobProgress({ startedAt, expectedMs, done, now: now ?? tick });\n}\n","import React, { useId, useMemo } from 'react';\nimport {\n  getGenerationControls,\n  getReferenceSlots,\n  getRequestValue,\n  parseControlValue,\n  removeReference,\n  setRequestValue,\n  type GenerationControl,\n  type GenerationPlan,\n  type GenerationReference,\n  type GenerationRequest,\n  type ModelCapabilities,\n  type PlanStrategy,\n  type ReferenceRole,\n} from '@pixerate/editor/generation';\nimport { useGenerationPlan } from './useGenerationPlan';\n\nexport interface GenerationSettingsProps {\n  capabilities: ModelCapabilities;\n  /** The request being edited (controlled). */\n  value: GenerationRequest;\n  onChange: (next: GenerationRequest) => void;\n  /** A plan computed elsewhere; otherwise one is computed with `strategy`. */\n  plan?: GenerationPlan;\n  /** Strategy for the built-in plan (default `nearest`). */\n  strategy?: PlanStrategy;\n  /** List plan adjustments and errors under the controls (default `true`). */\n  showAdjustments?: boolean;\n  /** Shows an \"Add\" button per reference role; you pick the asset and call `onChange`. */\n  onAddReference?: (role: ReferenceRole) => void;\n  /** Custom rendering of a reference chip (default: its id). */\n  renderReference?: (reference: GenerationReference) => React.ReactNode;\n  className?: string;\n}\n\nconst inputClass =\n  'w-full rounded-md border border-border bg-background px-2 py-1 text-sm outline-none focus:ring-1 focus:ring-ring';\n\nfunction Control({\n  control,\n  value,\n  id,\n  onValue,\n}: {\n  control: GenerationControl;\n  value: unknown;\n  id: string;\n  onValue: (value: unknown) => void;\n}) {\n  const shown = value ?? control.defaultValue;\n  if (control.kind === 'checkbox') {\n    return (\n      <input\n        id={id}\n        type=\"checkbox\"\n        data-field={control.key}\n        checked={Boolean(shown)}\n        onChange={(e) => onValue(parseControlValue(control, e.target.checked))}\n      />\n    );\n  }\n  if (control.kind === 'select') {\n    return (\n      <select\n        id={id}\n        data-field={control.key}\n        className={inputClass}\n        value={shown === undefined ? '' : String(shown)}\n        onChange={(e) => onValue(parseControlValue(control, e.target.value))}\n      >\n        {shown === undefined && <option value=\"\">Default</option>}\n        {control.options!.map((option) => (\n          <option key={String(option.value)} value={String(option.value)}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    );\n  }\n  if (control.kind === 'textarea') {\n    return (\n      <textarea\n        id={id}\n        data-field={control.key}\n        className={inputClass}\n        rows={2}\n        maxLength={control.maxLength}\n        value={typeof value === 'string' ? value : ''}\n        onChange={(e) => onValue(parseControlValue(control, e.target.value))}\n      />\n    );\n  }\n  const numeric = typeof shown === 'number' ? shown : undefined;\n  return (\n    <div className=\"flex items-center gap-2\">\n      <input\n        id={id}\n        type={control.kind === 'range' ? 'range' : 'number'}\n        data-field={control.key}\n        className={control.kind === 'range' ? 'flex-1' : inputClass}\n        min={control.min}\n        max={control.max}\n        step={control.step ?? 'any'}\n        value={numeric ?? (control.kind === 'range' ? (control.min ?? 0) : '')}\n        onChange={(e) => onValue(parseControlValue(control, e.target.value))}\n      />\n      {control.kind === 'range' && (\n        <span className=\"w-10 text-right tabular-nums text-muted-foreground\" data-field-value=\"\">\n          {numeric ?? '–'}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/**\n * Headless-styled settings form generated from a model's capabilities:\n * selects for choices, sliders/number inputs for ranges, text areas for\n * negative/system prompts, checkboxes for boolean params, reference slots by\n * role, and the plan's adjustments and errors. Controlled via `value` / `onChange`.\n */\nexport const GenerationSettings: React.FC<GenerationSettingsProps> = ({\n  capabilities,\n  value,\n  onChange,\n  plan: planProp,\n  strategy,\n  showAdjustments = true,\n  onAddReference,\n  renderReference,\n  className = '',\n}) => {\n  const baseId = useId();\n  const controls = useMemo(() => getGenerationControls(capabilities), [capabilities]);\n  const computed = useGenerationPlan(value, capabilities, { strategy });\n  const plan = planProp ?? computed;\n  const slots = getReferenceSlots(capabilities, value);\n\n  return (\n    <div className={`flex flex-col gap-3 text-sm ${className}`} data-generation-settings=\"\" data-model={capabilities.id}>\n      {controls.map((control) => {\n        const id = `${baseId}-${control.key}`;\n        return (\n          <div key={control.key} className=\"flex flex-col gap-1\" data-control={control.key}>\n            <label htmlFor={id} className=\"text-xs font-medium text-muted-foreground\" title={control.description}>\n              {control.label}\n            </label>\n            <Control\n              control={control}\n              id={id}\n              value={getRequestValue(value, control.key)}\n              onValue={(next) => onChange(setRequestValue(value, control.key, next))}\n            />\n          </div>\n        );\n      })}\n\n      {slots.map((slot) => (\n        <fieldset key={slot.role} className=\"flex flex-col gap-1\" data-reference-role={slot.role}>\n          <legend className=\"text-xs font-medium text-muted-foreground\" title={slot.description}>\n            {slot.label}{' '}\n            <span className=\"tabular-nums\" data-reference-count=\"\">\n              ({slot.references.length}/{slot.max})\n            </span>\n            {slot.min > 0 && <span className=\"text-destructive\"> *</span>}\n          </legend>\n          <ul className=\"flex flex-wrap gap-1\">\n            {slot.references.map((ref) => (\n              <li key={ref.id} className=\"flex items-center gap-1 rounded border border-border px-1.5 py-0.5\" data-reference-id={ref.id}>\n                {renderReference ? renderReference(ref) : <span className=\"max-w-[10rem] truncate\">{ref.id}</span>}\n                <button\n                  type=\"button\"\n                  aria-label={`Remove ${slot.label} ${ref.id}`}\n                  className=\"text-muted-foreground hover:text-foreground\"\n                  onClick={() => onChange(removeReference(value, slot.role, ref.id))}\n                >\n                  ×\n                </button>\n              </li>\n            ))}\n            {onAddReference && slot.canAdd && (\n              <li>\n                <button\n                  type=\"button\"\n                  className=\"rounded border border-dashed border-border px-1.5 py-0.5 text-muted-foreground hover:text-foreground\"\n                  onClick={() => onAddReference(slot.role)}\n                >\n                  Add\n                </button>\n              </li>\n            )}\n          </ul>\n        </fieldset>\n      ))}\n\n      {showAdjustments && plan.adjustments.length > 0 && (\n        <ul role=\"status\" className=\"flex flex-col gap-0.5 text-xs text-muted-foreground\" data-generation-adjustments=\"\">\n          {plan.adjustments.map((adjustment, index) => (\n            <li key={index} data-adjustment-field={adjustment.field} data-adjustment-kind={adjustment.kind}>\n              {adjustment.reason}\n            </li>\n          ))}\n        </ul>\n      )}\n      {showAdjustments && plan.errors.length > 0 && (\n        <ul role=\"alert\" className=\"flex flex-col gap-0.5 text-xs text-destructive\" data-generation-errors=\"\">\n          {plan.errors.map((error, index) => (\n            <li key={index} data-error-field={error.field}>\n              {error.message}\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useJobProgress, type UseJobProgressOptions } from './useGenerationPlan';\n\nexport interface JobProgressProps extends UseJobProgressOptions {\n  /** Text shown before the time label, e.g. the model name. */\n  title?: string;\n  /** Extra classes for the root. */\n  className?: string;\n}\n\n/**\n * Headless-styled progress bar for a generation job that reports no progress\n * of its own: time-based percent (held at 95% until `done`) with a\n * \"~2m left\" / \"Almost done…\" label. Exposes `role=\"progressbar\"`.\n */\nexport const JobProgress: React.FC<JobProgressProps> = ({ title, className = '', ...options }) => {\n  const progress = useJobProgress(options);\n  return (\n    <div className={`flex flex-col gap-1 text-sm ${className}`} data-job-progress=\"\" data-done={options.done ? '' : undefined}>\n      <div className=\"flex items-center justify-between gap-2 text-muted-foreground\">\n        {title && <span className=\"truncate text-foreground\">{title}</span>}\n        <span data-job-progress-label=\"\" aria-live=\"polite\">\n          {progress.label}\n        </span>\n      </div>\n      <div\n        role=\"progressbar\"\n        aria-label={title ?? 'Generation progress'}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-valuenow={progress.percent}\n        aria-valuetext={`${progress.percent}%, ${progress.label}`}\n        className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\"\n      >\n        <div\n          className=\"h-full rounded-full bg-primary transition-[width] duration-500\"\n          style={{ width: `${progress.percent}%`, background: 'var(--primary, currentColor)' }}\n        />\n      </div>\n    </div>\n  );\n};\n","import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  defaultAssetRoleOptions,\n  describeAssetMentions,\n  findTextMentions,\n  getAssetRoleOptions,\n  setMentionRoleInText,\n  type AssetInfo,\n  type AssetMentionChip,\n  type AssetRoleOption,\n  type ModelCapabilities,\n} from '@pixerate/editor/generation';\n\nexport interface AssetMentionChipsProps {\n  /** Prompt text containing `@asset` / `@asset:role` mentions. */\n  content: string;\n  /** Called with the text after a role is picked (`@fox` → `@fox:style_ref`). */\n  onChange: (next: string) => void;\n  /** Mentionable assets; mentions that match none (by id or label) are not shown. */\n  assets: readonly AssetInfo[];\n  /** The selected model: its roles are offered and mentions are checked against it. */\n  capabilities?: ModelCapabilities;\n  /** Role options (default: the model's roles, else the built-in roles). */\n  roles?: readonly AssetRoleOption[];\n  /** Custom chip content (default: the asset label). */\n  renderAsset?: (chip: AssetMentionChip) => React.ReactNode;\n  className?: string;\n}\n\n/**\n * The asset mentions of a prompt as chips with role badges. Clicking a chip\n * opens a role picker popover; picking a role rewrites the mention's `:role`\n * suffix in the text. Chips with problems for the model (unsupported role,\n * wrong media type, too many for the role) are flagged.\n */\nexport const AssetMentionChips: React.FC<AssetMentionChipsProps> = ({\n  content,\n  onChange,\n  assets,\n  capabilities,\n  roles,\n  renderAsset,\n  className = '',\n}) => {\n  const [open, setOpen] = useState<number | null>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const chips = useMemo(\n    () => describeAssetMentions(findTextMentions(content), assets, capabilities),\n    [content, assets, capabilities],\n  );\n  const options = roles ?? (capabilities ? getAssetRoleOptions(capabilities) : defaultAssetRoleOptions());\n\n  useEffect(() => {\n    if (open === null) return;\n    const onPointer = (event: MouseEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) setOpen(null);\n    };\n    document.addEventListener('mousedown', onPointer);\n    return () => document.removeEventListener('mousedown', onPointer);\n  }, [open]);\n\n  const pick = (chip: AssetMentionChip, role: string | null) => {\n    setOpen(null);\n    if (chip.start === undefined) return;\n    onChange(setMentionRoleInText(content, chip.start, role));\n  };\n\n  if (chips.length === 0) return null;\n  return (\n    <div ref={rootRef} className={`flex flex-wrap gap-1.5 ${className}`} data-asset-mention-chips=\"\">\n      {chips.map((chip) => {\n        const error = chip.issues.find((issue) => issue.severity === 'error');\n        const warning = chip.issues.find((issue) => issue.severity === 'warning');\n        const problem = error ?? warning;\n        const isOpen = open === chip.index;\n        return (\n          <span key={`${chip.start}-${chip.index}`} className=\"relative inline-flex\" data-asset-chip={chip.asset.id}>\n            <button\n              type=\"button\"\n              aria-haspopup=\"listbox\"\n              aria-expanded={isOpen}\n              title={problem?.message}\n              data-issue={problem?.code}\n              onClick={() => setOpen(isOpen ? null : chip.index)}\n              onKeyDown={(e) => {\n                if (e.key === 'Escape') setOpen(null);\n              }}\n              className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs ${\n                error ? 'border-red-500/60' : warning ? 'border-amber-500/60' : 'border-border'\n              } bg-muted/40 hover:bg-muted`}\n            >\n              <span>{renderAsset ? renderAsset(chip) : `@${chip.asset.label ?? chip.handle}`}</span>\n              <span\n                className={`rounded px-1 text-[10px] uppercase tracking-wide ${chip.role ? 'bg-primary/15' : 'opacity-60'}`}\n                data-role-badge={chip.role ?? ''}\n              >\n                {chip.roleLabel ?? 'No role'}\n              </span>\n            </button>\n            {isOpen && (\n              <div\n                role=\"listbox\"\n                aria-label={`Role for ${chip.asset.label ?? chip.handle}`}\n                className=\"absolute left-0 top-full z-50 mt-1 flex min-w-[12rem] flex-col rounded-md border border-border bg-background p-1 text-xs shadow-lg\"\n                data-role-picker=\"\"\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') setOpen(null);\n                }}\n              >\n                {options.map((option) => (\n                  <button\n                    key={option.role}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={chip.role === option.role}\n                    data-role-option={option.role}\n                    title={option.description}\n                    onClick={() => pick(chip, option.role)}\n                    className=\"flex items-center justify-between gap-2 rounded px-2 py-1 text-left hover:bg-muted\"\n                  >\n                    <span>{option.label}</span>\n                    {option.accepts?.length ? (\n                      <span className=\"text-[10px] opacity-60\">{option.accepts.join(', ')}</span>\n                    ) : null}\n                  </button>\n                ))}\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={!chip.role}\n                  data-role-option=\"\"\n                  onClick={() => pick(chip, null)}\n                  className=\"rounded px-2 py-1 text-left opacity-70 hover:bg-muted\"\n                >\n                  No role\n                </button>\n                {chip.issues.length > 0 && (\n                  <ul className=\"mt-1 border-t border-border px-2 pt-1 text-[10px]\" data-chip-issues=\"\">\n                    {chip.issues.map((issue, i) => (\n                      <li key={i} className={issue.severity === 'error' ? 'text-red-500' : 'text-amber-500'}>\n                        {issue.message}\n                      </li>\n                    ))}\n                  </ul>\n                )}\n              </div>\n            )}\n          </span>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  DRIFT_TYPE_LABELS,\n  recreateRequest,\n  referenceRoleLabel,\n  stableStringify,\n  variationRequest,\n  type AssetLookup,\n  type GenerationRecord,\n  type GenerationRecordFilter,\n  type GenerationRecordStore,\n  type ModelCapabilities,\n  type RecreateMode,\n  type RecreateOptions,\n  type RecreateResult,\n} from '@pixerate/editor/generation';\n\ntype Template = NonNullable<RecreateOptions['templates']>[number];\n\nexport interface UseGenerationRecordsResult {\n  records: GenerationRecord[];\n  loading: boolean;\n  error: unknown;\n  refresh: () => Promise<void>;\n}\n\n/**\n * Loads records from a `GenerationRecordStore` (newest first) and reloads\n * whenever the store changes. `filter` is compared by value.\n */\nexport function useGenerationRecords(\n  store: GenerationRecordStore | null | undefined,\n  filter?: GenerationRecordFilter,\n): UseGenerationRecordsResult {\n  const [records, setRecords] = useState<GenerationRecord[]>([]);\n  const [loading, setLoading] = useState(!!store);\n  const [error, setError] = useState<unknown>(null);\n  const filterKey = stableStringify(filter ?? {});\n\n  const refresh = useCallback(async () => {\n    if (!store) {\n      setRecords([]);\n      setLoading(false);\n      return;\n    }\n    setLoading(true);\n    try {\n      const next = await store.list(filter);\n      setRecords(next);\n      setError(null);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setLoading(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [store, filterKey]);\n\n  useEffect(() => {\n    void refresh();\n    if (!store) return;\n    return store.subscribe(() => void refresh());\n  }, [store, refresh]);\n\n  return { records, loading, error, refresh };\n}\n\nexport interface GenerationHistoryProps {\n  records: readonly GenerationRecord[];\n  /** Current templates (drift detection, and resolution in `latest` mode). */\n  templates?: readonly Template[];\n  /** Current models (capability drift and re-planning). */\n  capabilities?: ModelCapabilities | readonly ModelCapabilities[];\n  /** Current assets (missing / changed asset drift). */\n  assets?: AssetLookup;\n  /** Recreate mode (controlled); otherwise a toggle starting at `exact`. */\n  mode?: RecreateMode;\n  onModeChange?: (mode: RecreateMode) => void;\n  /** \"Recreate\": receives the rebuilt request and drift report. */\n  onRecreate?: (result: RecreateResult, record: GenerationRecord) => void;\n  /** \"Variation\": same request with a new seed. */\n  onVariation?: (result: RecreateResult, record: GenerationRecord) => void;\n  onRemove?: (record: GenerationRecord) => void;\n  /** Extra content per record (e.g. output thumbnails). */\n  renderPreview?: (record: GenerationRecord) => React.ReactNode;\n  emptyText?: string;\n  className?: string;\n}\n\nconst severityClass = {\n  info: 'text-sky-600 dark:text-sky-300',\n  warning: 'text-amber-600 dark:text-amber-300',\n  error: 'text-red-600 dark:text-red-400',\n} as const;\n\n/**\n * Generation history: one entry per record with its model, prompt, asset\n * role badges and the drift since it was made (templates edited, model\n * capabilities changed, settings no longer supported, assets missing), plus\n * Recreate and Variation buttons. Recreate is disabled when drift blocks it.\n */\nexport const GenerationHistory: React.FC<GenerationHistoryProps> = ({\n  records,\n  templates,\n  capabilities,\n  assets,\n  mode: modeProp,\n  onModeChange,\n  onRecreate,\n  onVariation,\n  onRemove,\n  renderPreview,\n  emptyText = 'No generations yet.',\n  className = '',\n}) => {\n  const [innerMode, setInnerMode] = useState<RecreateMode>('exact');\n  const mode = modeProp ?? innerMode;\n  const setMode = (next: RecreateMode) => {\n    if (modeProp === undefined) setInnerMode(next);\n    onModeChange?.(next);\n  };\n  const options = useMemo(() => ({ templates, capabilities, assets, mode }), [templates, capabilities, assets, mode]);\n  const results = useMemo(() => records.map((record) => recreateRequest(record, options)), [records, options]);\n  const models = useMemo(\n    () => (capabilities ? (Array.isArray(capabilities) ? capabilities : [capabilities as ModelCapabilities]) : []),\n    [capabilities],\n  );\n\n  return (\n    <div className={`flex flex-col gap-2 text-sm ${className}`} data-generation-history=\"\">\n      <div className=\"flex items-center gap-2 text-xs\" role=\"radiogroup\" aria-label=\"Recreate mode\">\n        {(['exact', 'latest'] as const).map((value) => (\n          <label key={value} className=\"inline-flex items-center gap-1\">\n            <input\n              type=\"radio\"\n              name=\"generation-history-mode\"\n              value={value}\n              checked={mode === value}\n              onChange={() => setMode(value)}\n              data-mode={value}\n            />\n            {value === 'exact' ? 'Exact (recorded versions)' : 'Latest templates & settings'}\n          </label>\n        ))}\n      </div>\n      {records.length === 0 && <p className=\"text-xs text-muted-foreground\">{emptyText}</p>}\n      <ul className=\"flex flex-col gap-2\">\n        {records.map((record, i) => {\n          const result = results[i];\n          const model = models.find((m) => m.id === record.provenance.modelId);\n          const blocked = !result.ok;\n          return (\n            <li\n              key={record.id}\n              className=\"rounded-md border border-border p-2\"\n              data-record={record.id}\n              data-drift={result.drift.length}\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-2 text-xs\">\n                <span className=\"font-medium\">{model?.name ?? record.provenance.modelId}</span>\n                <span className=\"text-muted-foreground\">\n                  {record.kind !== 'generate' && <span data-kind=\"\">{record.kind} · </span>}\n                  <time dateTime={record.createdAt}>{record.createdAt.replace('T', ' ').slice(0, 16)}</time>\n                  {record.seed !== undefined && <> · seed {record.seed}</>}\n                </span>\n              </div>\n              <p className=\"mt-1 line-clamp-3 break-words text-xs\" data-record-prompt=\"\">\n                {record.provenance.resolvedPrompt}\n              </p>\n              {record.assets.length > 0 && (\n                <div className=\"mt-1 flex flex-wrap gap-1\">\n                  {record.assets.map((asset) => (\n                    <span\n                      key={`${asset.role}:${asset.id}`}\n                      className=\"rounded-full bg-muted px-2 py-0.5 text-[10px]\"\n                      data-asset-role={asset.role}\n                    >\n                      {asset.id} · {referenceRoleLabel(asset.role, model)}\n                    </span>\n                  ))}\n                </div>\n              )}\n              {renderPreview?.(record)}\n              {result.drift.length > 0 && (\n                <ul className=\"mt-1 flex flex-col gap-0.5 text-[11px]\" data-drift-report=\"\">\n                  {result.drift.map((item, j) => (\n                    <li key={j} className={severityClass[item.severity]} data-drift-type={item.type}>\n                      <strong>{DRIFT_TYPE_LABELS[item.type]}:</strong> {item.message}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              <div className=\"mt-2 flex gap-2\">\n                {onRecreate && (\n                  <button\n                    type=\"button\"\n                    disabled={blocked}\n                    title={blocked ? 'This generation cannot be recreated as recorded.' : undefined}\n                    onClick={() => onRecreate(result, record)}\n                    className=\"rounded border border-border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-50\"\n                    data-action=\"recreate\"\n                  >\n                    Recreate\n                  </button>\n                )}\n                {onVariation && (\n                  <button\n                    type=\"button\"\n                    onClick={() => onVariation(variationRequest(record, {}, options), record)}\n                    className=\"rounded border border-border px-2 py-0.5 text-xs hover:bg-muted\"\n                    data-action=\"variation\"\n                  >\n                    Variation\n                  </button>\n                )}\n                {onRemove && (\n                  <button\n                    type=\"button\"\n                    onClick={() => onRemove(record)}\n                    className=\"ml-auto rounded px-2 py-0.5 text-xs text-muted-foreground hover:bg-muted\"\n                    data-action=\"remove\"\n                  >\n                    Remove\n                  </button>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"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","names":["import_react","import_generation","import_jsx_runtime","import_react","import_generation","import_jsx_runtime","import_react","import_generation","import_jsx_runtime"]}