@beeintel/batch-image 1.0.0 → 1.1.0

package/README.md

@@ -1,6 +1,10 @@
 # @beeintel/batch-image
 
-正式包通过 `pnpm add @beeintel/batch-image@1.0.0` 安装，入口包括主模块、`style.css`、`processing`、`resources.json` 和 `node`。此前 `@batch-images/core` 的本地预发布包已更名；宿主应将所有主入口与子路径 import 一起更新。
+正式包通过 `pnpm add @beeintel/batch-image@1.1.0` 安装，入口包括主模块、`style.css`、`processing`、`resources.json` 和 `node`。此前 `@batch-images/core` 的本地预发布包已更名；宿主应将所有主入口与子路径 import 一起更新。
+
+`1.1.0` 精简工具说明，复用面板导入框，并提供公开工具直达链接及 `navigation.onToolChange`。旧 `mainAction` 保持为按钮外业务区域；新增 `mainActionContent` 仅提供按钮内积分展示。历史项目恢复会同步最终工具位置；报价由宿主负责。保留原任务、参数、版本和取消协议。
+
+`1.0.1` 在工作台数据和保存的视图恢复完成前隐藏内容，保留布局测量；首次可见时直接呈现保存的工具分组，避免默认文件处理面板闪烁。左侧标签按 Figma 使用普通态 12px / 16px、选中态 14px / 20px，英文长标签允许换行。
 
 `1.0.0` 汇总 BeePOP 的宿主布局、语言与主题适配、任务/项目历史修复、本地工具以及远程结果采用恢复。PNG 输入可采用 JPEG 输出，声明 MIME 差异不阻塞结果，仍保留字节指纹、尺寸及任务身份校验。
 
@@ -27,7 +31,7 @@ pnpm --filter @beeintel/batch-image build
 npm pack ./packages/batch-images --ignore-scripts --pack-destination ./artifacts
 ```
 
-Create the `artifacts` directory before packing. The resulting archive is `beeintel-batch-image-1.0.0.tgz`; consumers normally install `@beeintel/batch-image@1.0.0` from npm. Retain earlier published versions and their matching resource graphs for rollback. Import `BatchWorkspace`, `createBrowserBatchAdapter` from `@beeintel/batch-image` and import `@beeintel/batch-image/style.css`. Pass an explicit Adapter created with `{ namespace: 'your-opaque-context' }`. Mount the component inside a container with a defined height. Pinia is bundled privately; Vue is a peer shared with the consumer.
+Create the `artifacts` directory before packing. The resulting archive is `beeintel-batch-image-1.0.1.tgz`; consumers normally install `@beeintel/batch-image@1.0.1` from npm. Retain earlier published versions and their matching resource graphs for rollback. Import `BatchWorkspace`, `createBrowserBatchAdapter` from `@beeintel/batch-image` and import `@beeintel/batch-image/style.css`. Pass an explicit Adapter created with `{ namespace: 'your-opaque-context' }`. Mount the component inside a container with a defined height. Pinia is bundled privately; Vue is a peer shared with the consumer.
 
 Published candidate mapping (retain older artifacts/commits for rollback):
 
@@ -75,7 +79,7 @@ For compatibility with the original V1 entry, **omitting `config` retains only l
 
 `config.visibility` controls `brand`, `history`, `import`, `export`, `newBatch`, `draftReset`, `theme` and `language` chrome. `config.beforeReset({action, intent?, batchId, toolId?, entryId?})` can synchronously or asynchronously confirm `draft`, `newBatch`, or `restoreVersion`; false/rejection preserves the original state. Confirmation becomes invalid when its configuration or owning batch/draft/version changes. Draft reset only changes the plugin's owned draft; it never edits queued parameters or protected task records. `config.parameterDefaults` takes bounded finite JSON entries `{schemaVersion:1, toolId, entryId?, params}` in the existing image parameter schemas. Unknown fields, non-JSON values, assets and task identities are rejected. Full `resetDraft` clears that tool and applies its configured defaults; panel reset has `intent: parameters`, preserving selected assets and mode while applying compatible appearance defaults. Neither changes frozen operations. Hot updates use the Vue `config`/`display` props or `command({type:'updateConfig', config, display})`.
 
-Vue named slots `navigation`, `header`, `toolbar`, `emptyState`, and `mainAction` receive immutable snapshots and the bounded `command` function. `mainAction` additionally receives `toolId`, `entryId`, frozen submission `params`, `count`, `disabled`, and `submit()`. Business components in slots retain their host Router, host Pinia, ancestor provides and global i18n context, including reactive changes; core components retain the private core context. `navigation` is placed before the editable project name; a host can set `visibility.brand: false` and provide its own back link there while reusing its own logo, workspace selector and account header outside the core. The default brand stays visible for existing consumers. Standalone mounting can pass equivalent render callbacks in `slots` and needs no host Vue app. Pricing, login, balance and product actions belong in these slots. Core does not infer or contain any estimated credit rates; `apps/demo/src/business-presentation.ts` is an illustrative business-owned display.
+Vue named slots `navigation`, `header`, `toolbar`, `emptyState`, `mainAction`, and `mainActionContent` receive immutable snapshots and the bounded `command` function. `mainAction` and `mainActionContent` additionally receive `toolId`, `entryId`, frozen submission `params`, `count`, `disabled`, and `submit()`. Business components in slots retain their host Router, host Pinia, ancestor provides and global i18n context, including reactive changes; core components retain the private core context. `navigation` is placed before the editable project name; a host can set `visibility.brand: false` and provide its own back link there while reusing its own logo, workspace selector and account header outside the core. The default brand stays visible for existing consumers. Standalone mounting can pass equivalent render callbacks in `slots` and needs no host Vue app. Pricing, login, balance and product actions belong in these slots. `mainAction` remains outside the submit button for interactive business controls. `mainActionContent` supplies display-only credit text inside that button; it must not contain buttons or links. Core does not infer or contain any estimated credit rates; `apps/demo/src/business-presentation.ts` is an illustrative business-owned display.
 
 ## SDK-owned local model resources
 

package/dist/chunks/{AdjustToolPanel-B6dtlFlj.js → AdjustToolPanel-DCNhkuE4.js}

@@ -1,7 +1,7 @@
-import { defineComponent as k, openBlock as d, createElementBlock as h, unref as a, Fragment as B, renderList as N, createElementVNode as c, createTextVNode as _, toDisplayString as f, createBlock as V, createCommentVNode as v, normalizeStyle as F, createVNode as g, computed as I, withCtx as p } from "vue";
-import { F as P, P as T, R as U, _ as $, G as C } from "./entry-CboOSe2r.js";
+import { defineComponent as k, openBlock as d, createElementBlock as h, unref as a, Fragment as B, renderList as F, createElementVNode as c, createTextVNode as v, toDisplayString as f, createBlock as V, createCommentVNode as _, normalizeStyle as N, createVNode as g, computed as I, withCtx as p } from "vue";
+import { F as P, P as T, R as U, _ as $, G as C } from "./entry-DVV89YMR.js";
 import { f as j, ap as D } from "./hosted-resources-COzZ7nZY.js";
-import { u as R, a as M, c as E, _ as S, n as z } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-BGe419qz.js";
+import { u as R, a as M, c as E, _ as S, n as z } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DIRuJ1De.js";
 const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = ["aria-label", "aria-valuetext", "title", "min", "max", "value", "onInput"], J = ["aria-label", "min", "max", "value", "onInput"], O = ["aria-label"], q = /* @__PURE__ */ k({
   __name: "BasicAdjustPanel",
   props: {
@@ -10,8 +10,8 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
     hideReset: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: m }) {
-    const { ui: l, uiText: n } = P(), o = t, r = m, b = [
+  setup(t, { emit: r }) {
+    const { ui: l, uiText: n } = P(), o = t, m = r, b = [
       {
         key: "brightness",
         label: "亮度",
@@ -84,30 +84,30 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
       const i = Number(e);
       if (!Number.isFinite(i)) return;
       const A = Math.round(Math.min(s.max, Math.max(s.min, i)) * 100) / 100;
-      r("update:modelValue", { ...o.modelValue, [s.key]: A });
+      m("update:modelValue", { ...o.modelValue, [s.key]: A });
     }
     function w() {
-      o.disabled || r("update:modelValue", { ...j });
+      o.disabled || m("update:modelValue", { ...j });
     }
     return (s, u) => (d(), h("fieldset", {
       class: "basic-adjust-panel",
       disabled: t.disabled,
       "aria-label": a(l)("tools.adjust.basicAdjustPanel_5eff15b3")
     }, [
-      (d(), h(B, null, N(b, (e) => c("div", {
+      (d(), h(B, null, F(b, (e) => c("div", {
         key: e.key,
         class: "basic-adjust-row"
       }, [
         c("span", G, [
-          _(f(a(n)(e.label)), 1),
+          v(f(a(n)(e.label)), 1),
           e.neutral === 1 ? (d(), V(T, {
             key: 0,
             text: a(l)("common.audit.neutralOne")
-          }, null, 8, ["text"])) : v("", !0)
+          }, null, 8, ["text"])) : _("", !0)
         ]),
         c("span", {
           class: "basic-adjust-track",
-          style: F({ "--adjust-gradient": `linear-gradient(90deg, ${e.gradient})` })
+          style: N({ "--adjust-gradient": `linear-gradient(90deg, ${e.gradient})` })
         }, [
           c("input", {
             class: "basic-adjust-range",
@@ -137,7 +137,7 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
           onInput: (i) => x(e, i)
         }, null, 40, J)
       ])), 64)),
-      t.hideReset ? v("", !0) : (d(), h("button", {
+      t.hideReset ? _("", !0) : (d(), h("button", {
         key: 0,
         type: "button",
         class: "basic-adjust-reset",
@@ -145,18 +145,18 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
         onClick: w
       }, [
         g(a(U), { size: 14 }),
-        _(f(a(l)("tools.adjust.basicAdjustPanel_98f4fdf7")), 1)
+        v(f(a(l)("tools.adjust.basicAdjustPanel_98f4fdf7")), 1)
       ], 8, O))
     ], 8, L));
   }
-}), K = /* @__PURE__ */ $(q, [["__scopeId", "data-v-15d718ff"]]), Q = { class: "hint" }, ee = /* @__PURE__ */ k({
+}), K = /* @__PURE__ */ $(q, [["__scopeId", "data-v-5ff0cdc6"]]), Q = { class: "hint" }, ee = /* @__PURE__ */ k({
   __name: "AdjustToolPanel",
   props: {
     context: {}
   },
   setup(t) {
-    const { ui: m } = P(), l = t, n = R(() => l.context), o = I(() => D(n.value.adjust));
-    function r() {
+    const { ui: r } = P(), l = t, n = R(() => l.context), o = I(() => D(n.value.adjust));
+    function m() {
       l.context.resetDraft({ adjust: { ...j } });
     }
     const b = M(() => l.context, "adjust");
@@ -164,19 +164,20 @@ const L = ["disabled", "aria-label"], G = { class: "basic-adjust-label" }, H = [
       context: t.context,
       layout: "contained",
       changed: a(E)(a(n).adjust, a(j)),
-      onReset: r
+      onReset: m
     }, {
       actions: p(() => [
         g(S, {
           context: t.context,
           available: a(z)(t.context),
-          ready: !o.value
+          ready: !o.value,
+          label: o.value && t.context.view.count > 0 ? a(r)("common.audit.adjustFirst") : void 0
         }, {
           default: p(() => [
-            c("p", Q, f(a(m)("common.audit.saveVersion")), 1)
+            c("p", Q, f(a(r)("common.audit.saveVersion")), 1)
           ]),
           _: 1
-        }, 8, ["context", "available", "ready"])
+        }, 8, ["context", "available", "ready", "label"])
       ]),
       default: p(() => [
         g(K, {

package/dist/chunks/BackgroundToolPanel-D3TILm-m.js

@@ -0,0 +1,43 @@
+import { defineComponent as r, openBlock as u, createBlock as m, unref as o, withCtx as n, createElementVNode as t, toDisplayString as f, createVNode as c } from "vue";
+import { F as x, G as b, _ as p } from "./entry-DVV89YMR.js";
+import { u as P, _ as g, n as k } from "./PluginActionFooter.vue_vue_type_script_setup_true_lang-DIRuJ1De.js";
+import { B as v } from "./BatchOutputColorPicker-CZoQzBII.js";
+const B = ["disabled"], _ = { class: "output-color-field" }, h = /* @__PURE__ */ r({
+  __name: "BackgroundToolPanel",
+  props: {
+    context: {}
+  },
+  setup(e) {
+    const { ui: a } = x(), d = e, s = P(() => d.context);
+    return (C, l) => (u(), m(b, {
+      context: e.context,
+      help: o(a)("common.toolPanel_018bab40")
+    }, {
+      actions: n(() => [
+        c(g, {
+          context: e.context,
+          available: o(k)(e.context)
+        }, null, 8, ["context", "available"])
+      ]),
+      default: n(() => [
+        t("fieldset", {
+          class: "tool-fields plugin-fields",
+          disabled: e.context.readonly
+        }, [
+          t("div", _, [
+            t("span", null, f(o(a)("common.toolPanel_243779ee")), 1),
+            c(v, {
+              "model-value": o(s).backgroundColor,
+              disabled: e.context.readonly,
+              "onUpdate:modelValue": l[0] || (l[0] = (i) => e.context.updateDraft({ backgroundColor: i }))
+            }, null, 8, ["model-value", "disabled"])
+          ])
+        ], 8, B)
+      ]),
+      _: 1
+    }, 8, ["context", "help"]));
+  }
+}), I = /* @__PURE__ */ p(h, [["__scopeId", "data-v-7ff739ca"]]);
+export {
+  I as default
+};

package/dist/chunks/{BatchMaterials-DDoJTaS5.js → BatchMaterials-BPJeE3y9.js}

@@ -1,5 +1,5 @@
 import { defineComponent as we, ref as pe, watch as U, onBeforeUnmount as xe, openBlock as ee, createElementBlock as ye, withModifiers as Be, normalizeStyle as De, Fragment as Te, renderList as Ae, createElementVNode as Fe, toDisplayString as ze, createCommentVNode as Ie, nextTick as We, computed as He, onMounted as Ne, createBlock as qe } from "vue";
-import { D as Xe, E as _e } from "./entry-CboOSe2r.js";
+import { D as Xe, E as _e } from "./entry-DVV89YMR.js";
 const V = {
   regular: {
     refractionCssPx: 9,

package/dist/chunks/BatchModeChoices-BuP83uOq.js

@@ -0,0 +1,118 @@
+import { defineComponent as L, openBlock as t, createElementBlock as n, createElementVNode as s, createTextVNode as M, toDisplayString as b, unref as r, createBlock as v, createCommentVNode as m, Fragment as h, renderList as f } from "vue";
+import { F as C, D as V, P as _, _ as A } from "./entry-DVV89YMR.js";
+const D = { class: "batch-mode-choices" }, N = { class: "mode-label" }, E = ["aria-label"], H = ["aria-label", "aria-pressed", "disabled", "onClick", "onKeydown"], I = ["src"], P = {
+  key: 1,
+  viewBox: "0 0 120 76",
+  "aria-hidden": "true"
+}, S = {
+  fill: "#f3f5ed",
+  stroke: "#899774",
+  "stroke-width": "1.4"
+}, T = ["y"], F = ["y"], K = { key: 2 }, R = /* @__PURE__ */ L({
+  __name: "BatchModeChoices",
+  props: {
+    modelValue: {},
+    label: {},
+    help: {},
+    options: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: g }) {
+    const { ui: q, uiText: d, batchI18n: x } = C(), { displayState: w } = V(), u = o, p = g;
+    function y(i) {
+      !u.disabled && !i.disabled && p("update:modelValue", i.value);
+    }
+    function B(i, l) {
+      if (!["ArrowLeft", "ArrowRight"].includes(i.key)) return;
+      i.preventDefault(), i.stopPropagation();
+      const e = (i.key === "ArrowRight" ? 1 : -1) * (w.value.direction === "rtl" ? -1 : 1), a = u.options.indexOf(l);
+      for (let c = a + e; c >= 0 && c < u.options.length; c += e) {
+        const k = u.options[c];
+        if (!(k.disabled || u.disabled)) {
+          y(k), i.currentTarget.parentElement?.querySelectorAll("button")[c]?.focus();
+          break;
+        }
+      }
+    }
+    return (i, l) => (t(), n("section", D, [
+      s("span", N, [
+        M(b(r(d)(o.label)), 1),
+        o.help ? (t(), v(_, {
+          key: 0,
+          text: o.help
+        }, null, 8, ["text"])) : m("", !0)
+      ]),
+      s("div", {
+        class: "mode-options",
+        role: "group",
+        "aria-label": r(d)(o.label)
+      }, [
+        (t(!0), n(h, null, f(o.options, (e) => (t(), n("button", {
+          key: e.value,
+          type: "button",
+          "aria-label": r(d)(o.label) + (r(x).global.locale.value === "zh-CN" ? "：" : ": ") + r(d)(e.label),
+          "aria-pressed": o.modelValue === e.value,
+          disabled: o.disabled || e.disabled,
+          onClick: (a) => y(e),
+          onKeydown: (a) => B(a, e)
+        }, [
+          e.image ? (t(), n("img", {
+            key: 0,
+            src: e.image,
+            alt: ""
+          }, null, 8, I)) : e.flow ? (t(), n("svg", P, [
+            s("g", S, [
+              e.flow === "one-to-many" ? (t(), n(h, { key: 0 }, [
+                l[0] || (l[0] = s("rect", {
+                  x: "8",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                (t(), n(h, null, f([5, 28, 51], (a) => s("rect", {
+                  key: a,
+                  x: "87",
+                  y: a,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, T)), 64)),
+                l[1] || (l[1] = s("path", {
+                  d: "M39 39H76M65 31L77 39L65 47M83 15L77 39L83 61",
+                  fill: "none"
+                }, null, -1))
+              ], 64)) : (t(), n(h, { key: 1 }, [
+                (t(), n(h, null, f([5, 28, 51], (a) => s("rect", {
+                  key: a,
+                  x: "8",
+                  y: a,
+                  width: "25",
+                  height: "20",
+                  rx: "3"
+                }, null, 8, F)), 64)),
+                l[2] || (l[2] = s("rect", {
+                  x: "87",
+                  y: "26",
+                  width: "25",
+                  height: "26",
+                  rx: "4"
+                }, null, -1)),
+                l[3] || (l[3] = s("path", {
+                  d: "M39 15L45 39L39 61M46 39H77M65 31L77 39L65 47",
+                  fill: "none"
+                }, null, -1))
+              ], 64))
+            ])
+          ])) : m("", !0),
+          s("strong", null, b(r(d)(e.label)), 1),
+          e.description ? (t(), n("small", K, b(r(d)(e.description)), 1)) : m("", !0)
+        ], 40, H))), 128))
+      ], 8, E)
+    ]));
+  }
+}), U = /* @__PURE__ */ A(R, [["__scopeId", "data-v-18df4a83"]]);
+export {
+  U as B
+};

package/dist/chunks/{BatchOutputColorPicker-D7WIDS4_.js → BatchOutputColorPicker-CZoQzBII.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as p, computed as b, watch as w, openBlock as P, createElementBlock as V, unref as o, createElementVNode as s, normalizeClass as h, normalizeStyle as B } from "vue";
-import { F as y, _ as g } from "./entry-CboOSe2r.js";
+import { F as y, _ as g } from "./entry-DVV89YMR.js";
 const $ = ["aria-label"], I = ["title", "aria-label", "aria-pressed", "disabled"], S = ["title", "aria-label", "aria-pressed", "disabled"], z = ["data-selected", "title"], E = ["aria-label", "value", "disabled"], L = /* @__PURE__ */ _({
   __name: "BatchOutputColorPicker",
   props: {
@@ -69,7 +69,7 @@ const $ = ["aria-label"], I = ["title", "aria-label", "aria-pressed", "disabled"
       ], 10, z)
     ], 8, $));
   }
-}), N = /* @__PURE__ */ g(L, [["__scopeId", "data-v-f86f54ad"]]);
+}), N = /* @__PURE__ */ g(L, [["__scopeId", "data-v-cf9564ca"]]);
 export {
   N as B
 };

package/dist/chunks/BatchReferenceFields-B7SL__lu.js

@@ -0,0 +1,308 @@
+import { defineComponent as Y, inject as Z, ref as R, computed as B, watch as j, onUnmounted as ee, openBlock as f, createElementBlock as v, unref as t, normalizeClass as ae, createElementVNode as n, createTextVNode as V, toDisplayString as u, createBlock as te, createCommentVNode as w, Fragment as A, renderList as T, createVNode as C, nextTick as M } from "vue";
+import { J as le, aP as re, F as ne, aa as oe, aQ as se, av as ie, P as ce, ai as ue, ag as de, ax as fe, _ as me } from "./entry-DVV89YMR.js";
+import { A as ve } from "./arrow-up-C1vBvuff.js";
+import { L as be } from "./loader-circle-GPucRX_4.js";
+/**
+ * @license @lucide/vue v1.47.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pe = {
+  name: "arrow-down",
+  size: 24,
+  node: [
+    ["path", { d: "M12 5v14", key: "s699le" }],
+    ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+  ]
+}, he = le(pe), ge = ["aria-label"], we = { class: "retouch-reference-heading" }, ye = ["aria-label", "disabled"], ke = { class: "retouch-reference-list" }, Fe = { class: "retouch-reference-title" }, Re = ["src", "alt"], Ve = { class: "reference-number" }, Ce = ["aria-label", "disabled", "onClick"], Le = ["title"], Ue = { class: "reference-settings" }, Ie = { class: "reference-order" }, _e = ["aria-label", "disabled", "onClick"], Ee = ["aria-label", "disabled", "onClick"], Ne = { key: 0 }, Oe = ["aria-label", "value", "disabled", "onChange"], Pe = { value: "" }, $e = ["value"], ze = ["aria-label", "value", "disabled", "placeholder", "onInput"], De = {
+  key: 0,
+  class: "reference-pending",
+  role: "status"
+}, Be = {
+  key: 1,
+  class: "reference-add"
+}, je = ["aria-label", "disabled"], Ae = { class: "reference-upload-copy" }, Te = {
+  key: 0,
+  class: "tool-note",
+  role: "alert"
+}, Me = ["aria-label", "disabled"], Se = {
+  key: 1,
+  role: "alert",
+  class: "retouch-error"
+}, He = /* @__PURE__ */ Y({
+  __name: "BatchReferenceFields",
+  props: {
+    modelValue: {},
+    writer: { type: Boolean },
+    candidates: { default: () => [] },
+    roles: { default: () => [] },
+    defaultRoleLabel: { default: "" },
+    maxCount: { default: re },
+    title: { default: "共用参考图" },
+    description: { default: "整批共用同一组。每张待改图为图 1，参考依顺序为图 2–11；用途可选，具体修改以文字要求为准。" },
+    numberOffset: { default: 2 },
+    uploadLabel: { default: "上传参考图" },
+    confirmLabel: { default: "确认当前参考集合" },
+    purposePlaceholder: { default: "例如：只参考颜色，不复制商品" }
+  },
+  emits: ["update:modelValue", "busy"],
+  setup(a, { emit: S }) {
+    const { ui: c, uiText: m } = ne(), { uploadLocal: H } = oe(), W = Z(
+      se,
+      (e) => H(e, e.name)
+    ), o = a, _ = S, X = ie(() => o.modelValue.references), E = R(), d = R(0), p = R(""), q = B(() => p.value ? c({
+      capacity: "common.referenceFields_5f066788",
+      format: "common.referenceFields_7bf5d70a",
+      upload: "common.referenceFields_dc2e4820"
+    }[p.value], {
+      p0: p.value === "capacity" ? o.maxCount : m(o.title)
+    }) : ""), L = R(!1), h = R(/* @__PURE__ */ new Map());
+    let y = !1, k = 0;
+    const F = (e) => `${e.assetId}:${e.assetVersionId}`, U = B(
+      () => Math.max(0, o.maxCount - o.modelValue.references.length - d.value)
+    );
+    j(d, (e) => _("busy", e > 0), { immediate: !0 }), j(
+      () => o.writer,
+      (e) => {
+        e || k++;
+      }
+    );
+    function g(e) {
+      !o.writer || y || _("update:modelValue", {
+        references: o.modelValue.references,
+        referenceUploadNeedsReview: o.modelValue.referenceUploadNeedsReview,
+        ...e
+      });
+    }
+    function N(e, s) {
+      g({
+        references: o.modelValue.references.map(
+          (l, r) => r === e ? { ...l, ...s } : l
+        )
+      });
+    }
+    function O(e, s) {
+      const l = [...o.modelValue.references], r = e + s;
+      r < 0 || r >= l.length || ([l[e], l[r]] = [l[r], l[e]], g({ references: l }));
+    }
+    function J(e) {
+      if (!o.writer) return;
+      const s = o.modelValue.references[e];
+      if (!s) return;
+      const l = F(s), r = h.value.get(l);
+      o.modelValue.references.some((i, b) => b !== e && F(i) === l) || (r && URL.revokeObjectURL(r), h.value.delete(l)), g({ references: o.modelValue.references.filter((i, b) => b !== e) });
+    }
+    function P(e) {
+      return X.get(e) || h.value.get(F(e)) || "";
+    }
+    async function K(e) {
+      const s = e.target, l = [...s.files ?? []];
+      s.value = "", await I(l);
+    }
+    function Q(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), L.value = o.writer && !d.value && !!U.value);
+    }
+    async function x(e) {
+      e.dataTransfer?.types.includes("Files") && (e.preventDefault(), e.stopPropagation(), L.value = !1, await I([...e.dataTransfer.files ?? []]));
+    }
+    function G(e) {
+      const s = fe(e);
+      s.length && (e.preventDefault(), e.stopPropagation(), I(s));
+    }
+    async function I(e) {
+      if (!e.length || !o.writer || d.value) return;
+      if (p.value = "", e.length > U.value) {
+        p.value = "capacity";
+        return;
+      }
+      if (e.some(
+        (i) => !["image/png", "image/jpeg", "image/webp"].includes(i.type) || !i.size || i.size > 25 * 1024 * 1024
+      )) {
+        p.value = "format";
+        return;
+      }
+      const s = !!o.modelValue.referenceUploadNeedsReview, l = k;
+      let r = !1;
+      g({ referenceUploadNeedsReview: !0 }), d.value = e.length;
+      try {
+        for (const i of e) {
+          if (y || !o.writer || l !== k) return;
+          try {
+            const b = await W(i);
+            if (y || !o.writer || l !== k) return;
+            if (!b.assetId || !b.assetVersionId || !/^[a-fA-F0-9]{64}$/.test(b.sha256))
+              throw new Error("Invalid upload receipt");
+            const $ = {
+              assetId: b.assetId,
+              assetVersionId: b.assetVersionId,
+              sha256: b.sha256,
+              name: i.name
+            }, z = F($), D = h.value.get(z);
+            D && URL.revokeObjectURL(D), h.value.set(z, URL.createObjectURL(i)), g({ references: [...o.modelValue.references, $] }), await M();
+          } catch {
+            r = !0, y || (p.value = "upload");
+          } finally {
+            d.value--;
+          }
+        }
+        await M(), !y && o.writer && l === k && !r && !s && g({ referenceUploadNeedsReview: !1 });
+      } finally {
+        d.value = 0;
+      }
+    }
+    return ee(() => {
+      y = !0;
+      for (const e of h.value.values()) URL.revokeObjectURL(e);
+      h.value.clear();
+    }), (e, s) => (f(), v("section", {
+      tabindex: "0",
+      onPaste: G,
+      class: ae(["retouch-references", { dragging: L.value }]),
+      "aria-label": t(m)(a.title),
+      onDragover: Q,
+      onDragleave: s[2] || (s[2] = (l) => L.value = !1),
+      onDrop: x
+    }, [
+      n("div", we, [
+        n("strong", null, [
+          V(u(t(m)(a.title)), 1),
+          a.description ? (f(), te(ce, {
+            key: 0,
+            text: t(m)(a.description)
+          }, null, 8, ["text"])) : w("", !0)
+        ]),
+        n("span", null, u(a.modelValue.references.length) + " / " + u(a.maxCount), 1)
+      ]),
+      n("input", {
+        ref_key: "fileInput",
+        ref: E,
+        type: "file",
+        accept: "image/png,image/jpeg,image/webp",
+        multiple: "",
+        class: "retouch-file-input",
+        "aria-label": t(m)(a.uploadLabel),
+        disabled: !a.writer || d.value > 0 || !U.value,
+        onChange: K
+      }, null, 40, ye),
+      n("ol", ke, [
+        (f(!0), v(A, null, T(a.modelValue.references, (l, r) => (f(), v("li", {
+          key: `${F(l)}:${r}`,
+          class: "retouch-reference batch-reference"
+        }, [
+          n("div", Fe, [
+            P(l) ? (f(), v("img", {
+              key: 0,
+              src: P(l),
+              alt: l.name,
+              loading: "lazy"
+            }, null, 8, Re)) : w("", !0),
+            n("strong", Ve, u(t(c)("common.referenceFields_d7084142", { p0: r + a.numberOffset })), 1),
+            n("button", {
+              type: "button",
+              "aria-label": t(c)("common.referenceFields_405c85b2", { p0: r + a.numberOffset }),
+              disabled: !a.writer,
+              onClick: (i) => J(r)
+            }, [
+              C(t(ue), { size: 14 })
+            ], 8, Ce)
+          ]),
+          n("small", {
+            class: "reference-name",
+            title: l.name
+          }, u(l.name), 9, Le),
+          n("details", Ue, [
+            n("summary", null, u(t(c)("common.referenceFields_75359a48")), 1),
+            n("div", Ie, [
+              n("button", {
+                type: "button",
+                "aria-label": t(c)("common.referenceFields_8aa5f1b3", { p0: r + a.numberOffset }),
+                disabled: !a.writer || r === 0 || d.value > 0,
+                onClick: (i) => O(r, -1)
+              }, [
+                C(t(ve), { size: 14 }),
+                V(u(t(c)("common.referenceFields_708c9687")), 1)
+              ], 8, _e),
+              n("button", {
+                type: "button",
+                "aria-label": t(c)("common.referenceFields_18e2d946", { p0: r + a.numberOffset }),
+                disabled: !a.writer || r === a.modelValue.references.length - 1 || d.value > 0,
+                onClick: (i) => O(r, 1)
+              }, [
+                C(t(he), { size: 14 }),
+                V(u(t(c)("common.referenceFields_c0714215")), 1)
+              ], 8, Ee)
+            ]),
+            a.roles.length ? (f(), v("label", Ne, [
+              V(u(t(c)("common.referenceFields_76335454")), 1),
+              n("select", {
+                "aria-label": t(c)("common.referenceFields_1e100229", { p0: r + a.numberOffset }),
+                value: l.role ?? "",
+                disabled: !a.writer,
+                onChange: (i) => N(r, {
+                  role: i.target.value || void 0
+                })
+              }, [
+                n("option", Pe, u(a.defaultRoleLabel ? t(c)("common.referenceFields_0acbcb84", {
+                  p0: t(m)(a.defaultRoleLabel)
+                }) : t(c)("common.referenceFields_f91a63a1")), 1),
+                (f(!0), v(A, null, T(a.roles, (i) => (f(), v("option", {
+                  key: i.value,
+                  value: i.value
+                }, u(t(m)(i.label)), 9, $e))), 128))
+              ], 40, Oe)
+            ])) : w("", !0),
+            n("label", null, [
+              V(u(t(c)("common.referenceFields_d59f7895")), 1),
+              n("input", {
+                "aria-label": t(c)("common.referenceFields_17d29b80", { p0: r + a.numberOffset }),
+                value: l.purpose,
+                disabled: !a.writer,
+                maxlength: "500",
+                placeholder: t(m)(a.purposePlaceholder),
+                onInput: (i) => N(r, { purpose: i.target.value })
+              }, null, 40, ze)
+            ])
+          ])
+        ]))), 128)),
+        d.value ? (f(), v("li", De, [
+          C(t(be), { size: 22 }),
+          n("span", null, u(t(c)("common.referenceFields_d8690492", { p0: d.value })), 1)
+        ])) : w("", !0),
+        !d.value && U.value ? (f(), v("li", Be, [
+          n("button", {
+            type: "button",
+            class: "retouch-add-card",
+            "aria-label": t(c)("common.referenceFields_bdb86a11", { p0: t(m)(a.title) }),
+            disabled: !a.writer,
+            onClick: s[0] || (s[0] = (l) => E.value?.click())
+          }, [
+            C(t(de), { size: 25 }),
+            n("span", Ae, [
+              n("strong", null, u(t(c)("common.app_9f0d4e46")), 1),
+              n("small", null, u(t(c)("common.referenceFields_e4eea1f1")), 1)
+            ])
+          ], 8, je)
+        ])) : w("", !0)
+      ]),
+      a.modelValue.referenceUploadNeedsReview && !d.value ? (f(), v("div", Te, [
+        n("p", null, u(t(c)("common.referenceFields_20637ce7", {
+          p0: t(m)(a.title),
+          p1: a.modelValue.references.length
+        })), 1),
+        n("button", {
+          type: "button",
+          "aria-label": t(m)(a.confirmLabel),
+          disabled: !a.writer || d.value > 0,
+          onClick: s[1] || (s[1] = (l) => {
+            g({ referenceUploadNeedsReview: !1 }), p.value = "";
+          })
+        }, u(t(c)("common.referenceFields_850fe99f")), 9, Me)
+      ])) : w("", !0),
+      p.value ? (f(), v("p", Se, u(q.value), 1)) : w("", !0)
+    ], 42, ge));
+  }
+}), Ke = /* @__PURE__ */ me(He, [["__scopeId", "data-v-473a5b18"]]);
+export {
+  Ke as B
+};