@fayz-ai/plugin-shop 0.24.5 → 0.24.7

package/dist/CheckoutSettings-GQRYZF6I.js

@@ -0,0 +1,128 @@
+import { SettingsState } from './chunk-FQQMEM26.js';
+import { useStoreSettings } from './chunk-R5CUDFOI.js';
+import './chunk-YUG6XQHJ.js';
+import './chunk-2MXOKJQO.js';
+import { SettingsGroup, ToggleRow, SelectRow } from '@fayz-ai/admin';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FIELDS = [
+  { key: "name", label: "Nome completo", locked: true, hint: "Sempre pedido \u2014 \xE9 para quem a entrega vai." },
+  { key: "email", label: "E-mail", locked: true, hint: "Sempre pedido \u2014 \xE9 por onde o pedido \xE9 confirmado." },
+  { key: "phone", label: "Telefone", hint: "Vai junto com o endere\xE7o \u2014 \xE9 por onde o entregador liga." },
+  // Back, now that 0050 gives it a column. Deliberately NOT locked: a store that
+  // neither charges through a gateway nor issues an invoice has no use for it.
+  // The checkout escalates it to required on its own when a gateway is on —
+  // that is a fact about the charge, not a preference the merchant can waive.
+  { key: "document", label: "CPF / CNPJ", hint: "Obrigat\xF3rio quando a loja cobra por gateway ou emite nota \u2014 nesse caso a vitrine j\xE1 pede sozinha." },
+  { key: "postalCode", label: "CEP", locked: true, hint: "Sempre pedido \u2014 \xE9 o que cota o frete." },
+  { key: "street", label: "Endere\xE7o", locked: true },
+  { key: "number", label: "N\xFAmero", locked: true, hint: "Sem n\xFAmero o entregador n\xE3o chega." },
+  { key: "complement", label: "Complemento" },
+  { key: "district", label: "Bairro", locked: true },
+  { key: "city", label: "Cidade", locked: true },
+  { key: "state", label: "UF", locked: true }
+];
+var REQUIREMENT = [
+  { value: "off", label: "N\xE3o pedir" },
+  { value: "optional", label: "Pedir (opcional)" },
+  { value: "required", label: "Pedir (obrigat\xF3rio)" }
+];
+function toRequirement(policy, locked) {
+  if (locked) return "required";
+  if (policy?.visible === false) return "off";
+  return policy?.required ? "required" : "optional";
+}
+function fromRequirement(choice) {
+  if (choice === "off") return { visible: false, required: false };
+  return { visible: true, required: choice === "required" };
+}
+function CheckoutSettings({ provider }) {
+  const settings = useStoreSettings(provider, {
+    guestCheckout: true,
+    requireConfirmedEmail: false,
+    marketingOptIn: false,
+    discountsEnabled: true
+  });
+  const { value, set } = settings;
+  const fields = value.checkoutFields ?? {};
+  const setField = (key, choice) => set({ checkoutFields: { ...fields, [key]: fromRequirement(choice) } });
+  return /* @__PURE__ */ jsxs(SettingsState, { ...settings, children: [
+    /* @__PURE__ */ jsxs(
+      SettingsGroup,
+      {
+        title: "Contas de cliente",
+        description: "Se o comprador precisa de uma conta antes de finalizar.",
+        children: [
+          /* @__PURE__ */ jsx(
+            ToggleRow,
+            {
+              label: "Permitir compra sem cadastro",
+              description: "Desligado, o comprador precisa entrar ou criar conta. Esta \xE9 imposta no servidor: um pedido sem conta \xE9 recusado.",
+              checked: value.guestCheckout ?? true,
+              onChange: (v) => set({ guestCheckout: v })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleRow,
+            {
+              label: "Exigir e-mail confirmado",
+              description: "O comprador recebe um link ao se cadastrar e s\xF3 finaliza depois de clicar. Vale na vitrine \u2014 confirmar e-mail \xE9 um fato da conta, n\xE3o do pedido.",
+              checked: value.requireConfirmedEmail ?? false,
+              onChange: (v) => set({ requireConfirmedEmail: v }),
+              disabled: value.guestCheckout !== false
+            }
+          ),
+          value.guestCheckout !== false && /* @__PURE__ */ jsx("p", { className: "py-3 text-xs text-muted-foreground", children: "\xABExigir e-mail confirmado\xBB s\xF3 faz sentido com o cadastro obrigat\xF3rio: enquanto a compra sem cadastro est\xE1 liberada, n\xE3o h\xE1 conta cujo e-mail confirmar." })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SettingsGroup, { title: "Carrinho", description: "O que o comprador pode aplicar antes de pagar.", children: /* @__PURE__ */ jsx(
+      ToggleRow,
+      {
+        label: "Cupons de desconto",
+        description: "Mostrar o campo de c\xF3digo no carrinho e no checkout.",
+        checked: value.discountsEnabled ?? true,
+        onChange: (v) => set({ discountsEnabled: v })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      SettingsGroup,
+      {
+        title: "Consentimento de marketing",
+        description: "Coleta de opt-in para e-mails, no padr\xE3o que a LGPD pede: marcado por quem quer, nunca por padr\xE3o.",
+        children: /* @__PURE__ */ jsx(
+          ToggleRow,
+          {
+            label: "Mostrar caixa de opt-in",
+            description: "Exibir a caixa \xABquero receber novidades\xBB no checkout, desmarcada.",
+            checked: value.marketingOptIn ?? false,
+            onChange: (v) => set({ marketingOptIn: v })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SettingsGroup,
+      {
+        title: "Campos do cliente",
+        description: "O que o comprador v\xEA e o que ele precisa preencher. Campos travados s\xE3o os que a entrega n\xE3o dispensa.",
+        children: FIELDS.map((field) => /* @__PURE__ */ jsx(
+          SelectRow,
+          {
+            label: field.label,
+            description: field.hint,
+            value: toRequirement(fields[field.key], !!field.locked),
+            options: field.locked ? [{ value: "required", label: "Pedir (obrigat\xF3rio)" }] : REQUIREMENT,
+            onChange: (choice) => setField(field.key, choice),
+            disabled: field.locked
+          },
+          field.key
+        ))
+      }
+    )
+  ] });
+}
+
+export { CheckoutSettings };
+//# sourceMappingURL=CheckoutSettings-GQRYZF6I.js.map
+//# sourceMappingURL=CheckoutSettings-GQRYZF6I.js.map

package/dist/CheckoutSettings-GQRYZF6I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/CheckoutSettings.tsx"],"names":[],"mappings":"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","file":"CheckoutSettings-GQRYZF6I.js","sourcesContent":["import React from 'react'\nimport { SettingsGroup, SelectRow, ToggleRow } from '@fayz-ai/admin'\nimport type { CheckoutFieldKey, CheckoutFieldPolicy } from '@fayz-ai/shop'\nimport type { ShopProviderResolver } from '../data/shared'\nimport { useStoreSettings } from './useStoreSettings'\nimport { SettingsState } from './SettingsState'\n\nexport interface CheckoutSettingsProps {\n  provider?: ShopProviderResolver\n}\n\n/**\n * The fields the checkout form can ask for, and which of them a store may\n * actually turn off.\n *\n * `locked` is not a UI nicety — it is the delivery reality. A courier cannot\n * deliver to a street with no number and no district, and the checkout's own\n * validation refuses those today; offering a switch that promises otherwise\n * would be offering to break deliveries. The order those appear in is the order\n * of the form, so this list reads like the screen the shopper sees.\n */\nconst FIELDS: Array<{ key: CheckoutFieldKey; label: string; locked?: boolean; hint?: string }> = [\n  { key: 'name', label: 'Nome completo', locked: true, hint: 'Sempre pedido — é para quem a entrega vai.' },\n  { key: 'email', label: 'E-mail', locked: true, hint: 'Sempre pedido — é por onde o pedido é confirmado.' },\n  { key: 'phone', label: 'Telefone', hint: 'Vai junto com o endereço — é por onde o entregador liga.' },\n  // Back, now that 0050 gives it a column. Deliberately NOT locked: a store that\n  // neither charges through a gateway nor issues an invoice has no use for it.\n  // The checkout escalates it to required on its own when a gateway is on —\n  // that is a fact about the charge, not a preference the merchant can waive.\n  { key: 'document', label: 'CPF / CNPJ', hint: 'Obrigatório quando a loja cobra por gateway ou emite nota — nesse caso a vitrine já pede sozinha.' },\n  { key: 'postalCode', label: 'CEP', locked: true, hint: 'Sempre pedido — é o que cota o frete.' },\n  { key: 'street', label: 'Endereço', locked: true },\n  { key: 'number', label: 'Número', locked: true, hint: 'Sem número o entregador não chega.' },\n  { key: 'complement', label: 'Complemento' },\n  { key: 'district', label: 'Bairro', locked: true },\n  { key: 'city', label: 'Cidade', locked: true },\n  { key: 'state', label: 'UF', locked: true },\n]\n\nconst REQUIREMENT = [\n  { value: 'off', label: 'Não pedir' },\n  { value: 'optional', label: 'Pedir (opcional)' },\n  { value: 'required', label: 'Pedir (obrigatório)' },\n]\n\nfunction toRequirement(policy: CheckoutFieldPolicy | undefined, locked: boolean): string {\n  if (locked) return 'required'\n  if (policy?.visible === false) return 'off'\n  return policy?.required ? 'required' : 'optional'\n}\n\nfunction fromRequirement(choice: string): CheckoutFieldPolicy {\n  // 'off' writes both keys rather than only `visible`: a field nobody can see\n  // cannot be required, and leaving a stale `required: true` behind is how a\n  // hidden field later reappears as a blocking validation nobody can satisfy.\n  if (choice === 'off') return { visible: false, required: false }\n  return { visible: true, required: choice === 'required' }\n}\n\n/**\n * Checkout — quem pode comprar e o que é pedido no caminho.\n *\n * A honestidade sobre quem impõe o quê está nas descrições, e não é detalhe:\n * «compra sem cadastro» é recusada pelo SERVIDOR (trigger da 0045), então\n * desligá-la vale mesmo contra um POST direto no RPC. «Exigir e-mail\n * confirmado» e os campos do formulário são de INTERFACE — a vitrine obedece, e\n * um comprador determinado não é impedido pelo banco. Prometer imposição onde\n * ela não existe é pior do que não ter a opção.\n */\nexport function CheckoutSettings({ provider }: CheckoutSettingsProps) {\n  const settings = useStoreSettings(provider, {\n    guestCheckout: true,\n    requireConfirmedEmail: false,\n    marketingOptIn: false,\n    discountsEnabled: true,\n  })\n  const { value, set } = settings\n  const fields = value.checkoutFields ?? {}\n\n  const setField = (key: CheckoutFieldKey, choice: string) =>\n    set({ checkoutFields: { ...fields, [key]: fromRequirement(choice) } })\n\n  return (\n    <SettingsState {...settings}>\n      <SettingsGroup\n        title=\"Contas de cliente\"\n        description=\"Se o comprador precisa de uma conta antes de finalizar.\"\n      >\n        <ToggleRow\n          label=\"Permitir compra sem cadastro\"\n          description=\"Desligado, o comprador precisa entrar ou criar conta. Esta é imposta no servidor: um pedido sem conta é recusado.\"\n          checked={value.guestCheckout ?? true}\n          onChange={(v) => set({ guestCheckout: v })}\n        />\n        <ToggleRow\n          label=\"Exigir e-mail confirmado\"\n          description=\"O comprador recebe um link ao se cadastrar e só finaliza depois de clicar. Vale na vitrine — confirmar e-mail é um fato da conta, não do pedido.\"\n          checked={value.requireConfirmedEmail ?? false}\n          onChange={(v) => set({ requireConfirmedEmail: v })}\n          disabled={value.guestCheckout !== false}\n        />\n        {value.guestCheckout !== false && (\n          <p className=\"py-3 text-xs text-muted-foreground\">\n            «Exigir e-mail confirmado» só faz sentido com o cadastro obrigatório: enquanto a compra\n            sem cadastro está liberada, não há conta cujo e-mail confirmar.\n          </p>\n        )}\n      </SettingsGroup>\n\n      <SettingsGroup title=\"Carrinho\" description=\"O que o comprador pode aplicar antes de pagar.\">\n        <ToggleRow\n          label=\"Cupons de desconto\"\n          description=\"Mostrar o campo de código no carrinho e no checkout.\"\n          checked={value.discountsEnabled ?? true}\n          onChange={(v) => set({ discountsEnabled: v })}\n        />\n      </SettingsGroup>\n\n      <SettingsGroup\n        title=\"Consentimento de marketing\"\n        description=\"Coleta de opt-in para e-mails, no padrão que a LGPD pede: marcado por quem quer, nunca por padrão.\"\n      >\n        <ToggleRow\n          label=\"Mostrar caixa de opt-in\"\n          description=\"Exibir a caixa «quero receber novidades» no checkout, desmarcada.\"\n          checked={value.marketingOptIn ?? false}\n          onChange={(v) => set({ marketingOptIn: v })}\n        />\n      </SettingsGroup>\n\n      <SettingsGroup\n        title=\"Campos do cliente\"\n        description=\"O que o comprador vê e o que ele precisa preencher. Campos travados são os que a entrega não dispensa.\"\n      >\n        {FIELDS.map((field) => (\n          <SelectRow\n            key={field.key}\n            label={field.label}\n            description={field.hint}\n            value={toRequirement(fields[field.key], !!field.locked)}\n            options={field.locked ? [{ value: 'required', label: 'Pedir (obrigatório)' }] : REQUIREMENT}\n            onChange={(choice) => setField(field.key, choice)}\n            disabled={field.locked}\n          />\n        ))}\n      </SettingsGroup>\n    </SettingsState>\n  )\n}\n"]}

package/dist/ContentPage-2PHOZSFZ.js

@@ -0,0 +1,510 @@
+import React from 'react';
+import { Upload, ImageOff, ChevronLeft, ChevronRight, Download, RefreshCw, Trash2, Package, Film, FileText } from 'lucide-react';
+import { PageTabs, PageHeaderActions, Card, ConfirmDialog, PageHeader, Button, toast, Hint } from '@fayz-ai/ui';
+import { PageActions, AskAIButton } from '@fayz-ai/admin';
+import { productImageToMediaFile, getShopProvider } from '@fayz-ai/shop';
+import { appHref } from '@fayz-ai/core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/views/ContentPage.tsx
+function recordRoute(reference) {
+  return appHref(`/products/${reference.id}/images`);
+}
+function downloadUrlOf(file) {
+  if (!/^https?:/i.test(file.url)) return file.url;
+  const separator = file.url.includes("?") ? "&" : "?";
+  return `${file.url}${separator}download=${encodeURIComponent(file.name)}`;
+}
+var TABS = [
+  { value: "all", label: "Todos" },
+  { value: "image", label: "Imagens" },
+  { value: "video", label: "V\xEDdeos" }
+];
+var LOW_RESOLUTION_PX = 800;
+function resolve(resolver) {
+  return typeof resolver === "function" ? resolver() : resolver ?? getShopProvider();
+}
+function formatSize(bytes) {
+  if (!bytes) return "";
+  const units = ["B", "KB", "MB", "GB"];
+  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+  return `${(bytes / 1024 ** i).toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
+}
+function ContentPage({ resolveProvider }) {
+  const provider = React.useMemo(() => resolve(resolveProvider), [resolveProvider]);
+  const supported = typeof provider.listMediaFiles === "function";
+  const [files, setFiles] = React.useState(null);
+  const [tab, setTab] = React.useState("all");
+  const [uploading, setUploading] = React.useState(false);
+  const [pendingDelete, setPendingDelete] = React.useState(null);
+  const [deleting, setDeleting] = React.useState(false);
+  const [replacing, setReplacing] = React.useState(false);
+  const [openId, setOpenId] = React.useState(null);
+  const [dimensions, setDimensions] = React.useState({});
+  const uploadInputRef = React.useRef(null);
+  const reload = React.useCallback(async () => {
+    if (!provider.listMediaFiles) {
+      setFiles([]);
+      return;
+    }
+    try {
+      setFiles(await provider.listMediaFiles());
+    } catch (err) {
+      console.warn("[content] failed to list media", err);
+      setFiles([]);
+    }
+  }, [provider]);
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+  const measure = React.useCallback((id, d) => {
+    setDimensions((prev) => prev[id] ? prev : { ...prev, [id]: d });
+  }, []);
+  const handleUpload = async (picked) => {
+    if (!picked?.length || !provider.uploadMediaFile) return;
+    setUploading(true);
+    try {
+      for (const file of Array.from(picked)) {
+        await provider.uploadMediaFile(file);
+      }
+      toast.success(picked.length === 1 ? "Arquivo enviado" : `${picked.length} arquivos enviados`);
+      await reload();
+    } catch (err) {
+      console.warn("[content] upload failed", err);
+      toast.error("N\xE3o foi poss\xEDvel enviar o arquivo");
+    } finally {
+      setUploading(false);
+    }
+  };
+  const handleReplace = async (file, picked) => {
+    setReplacing(true);
+    try {
+      let nextId;
+      if (file.reference) {
+        if (!provider.replaceProductImage) throw new Error("unsupported");
+        const image = await provider.replaceProductImage(file.reference.attachmentId, picked);
+        nextId = productImageToMediaFile(image, file.reference.label).id;
+      } else {
+        if (!provider.uploadMediaFile) throw new Error("unsupported");
+        const uploaded = await provider.uploadMediaFile(picked);
+        if (provider.deleteMediaFile) await provider.deleteMediaFile(file.id);
+        nextId = uploaded.id;
+      }
+      await reload();
+      setOpenId(nextId);
+      toast.success("Arquivo trocado");
+    } catch (err) {
+      console.warn("[content] replace failed", err);
+      toast.error("N\xE3o foi poss\xEDvel trocar o arquivo");
+    } finally {
+      setReplacing(false);
+    }
+  };
+  const confirmDelete = async () => {
+    const file = pendingDelete;
+    if (!file) return;
+    setDeleting(true);
+    try {
+      if (file.reference) {
+        await provider.deleteProductImage(file.reference.attachmentId);
+      } else if (provider.deleteMediaFile) {
+        await provider.deleteMediaFile(file.id);
+      }
+      setFiles((prev) => prev?.filter((f) => f.id !== file.id) ?? null);
+      setPendingDelete(null);
+      if (openId === file.id) setOpenId(null);
+    } catch (err) {
+      console.warn("[content] delete failed", err);
+      toast.error("N\xE3o foi poss\xEDvel excluir o arquivo");
+    } finally {
+      setDeleting(false);
+    }
+  };
+  const visible = (files ?? []).filter((f) => tab === "all" || f.kind === tab);
+  const openIndex = visible.findIndex((f) => f.id === openId);
+  const open = openIndex >= 0 ? visible[openIndex] : null;
+  const canDelete = (file) => Boolean(file.reference) || typeof provider.deleteMediaFile === "function";
+  const canReplace = (file) => file.reference ? typeof provider.replaceProductImage === "function" : typeof provider.uploadMediaFile === "function";
+  if (open) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        MediaDetail,
+        {
+          file: open,
+          dimensions: dimensions[open.id],
+          onMeasured: (d) => measure(open.id, d),
+          position: { index: openIndex, total: visible.length },
+          onNavigate: (delta) => setOpenId(visible[openIndex + delta]?.id ?? open.id),
+          onBack: () => setOpenId(null),
+          onReplace: canReplace(open) ? (picked) => void handleReplace(open, picked) : void 0,
+          onDelete: canDelete(open) ? () => setPendingDelete(open) : void 0,
+          replacing
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DeleteConfirm,
+        {
+          file: pendingDelete,
+          loading: deleting,
+          onConfirm: () => void confirmDelete(),
+          onCancel: () => setPendingDelete(null)
+        }
+      )
+    ] });
+  }
+  const attached = visible.filter((f) => f.reference);
+  const loose = visible.filter((f) => !f.reference);
+  const countOf = (t) => {
+    if (files === null) return void 0;
+    if (t === "all") return files.length;
+    return files.filter((f) => f.kind === t).length;
+  };
+  const tabs = TABS.map((t) => ({ ...t, count: countOf(t.value) }));
+  const uploadActions = [{
+    id: "upload",
+    label: uploading ? "Enviando\u2026" : "Enviar arquivos",
+    icon: Upload,
+    intent: "primary",
+    // It puts a new file in the library — the FAB is a "+", not a "⋮".
+    creates: true,
+    disabled: uploading,
+    onSelect: () => uploadInputRef.current?.click()
+  }];
+  const renderGrid = (list) => /* @__PURE__ */ jsx("div", { className: "fz-cards gap-4", children: list.map((file) => /* @__PURE__ */ jsx(
+    MediaCard,
+    {
+      file,
+      dimensions: dimensions[file.id],
+      onMeasured: (d) => measure(file.id, d),
+      onOpen: () => setOpenId(file.id),
+      onDelete: canDelete(file) ? () => setPendingDelete(file) : void 0
+    },
+    file.id
+  )) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PageTabs,
+      {
+        tabs,
+        value: tab,
+        onChange: setTab,
+        "aria-label": "Arquivos"
+      }
+    ),
+    supported && provider.uploadMediaFile && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PageActions, { actions: uploadActions }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      !supported ? /* @__PURE__ */ jsxs(Card, { className: "p-12 text-center", children: [
+        /* @__PURE__ */ jsx(ImageOff, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-3 font-medium", children: "Armazenamento n\xE3o configurado" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "A biblioteca de arquivos precisa do storage da loja, que n\xE3o est\xE1 dispon\xEDvel neste modo." })
+      ] }) : files === null ? /* @__PURE__ */ jsx("div", { className: "fz-cards gap-4", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs(Card, { className: "p-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-square animate-pulse rounded-md bg-muted" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 h-3.5 w-2/3 animate-pulse rounded bg-muted" })
+      ] }, i)) }) : visible.length === 0 ? /* @__PURE__ */ jsxs(Card, { className: "p-12 text-center", children: [
+        /* @__PURE__ */ jsx(ImageOff, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-3 font-medium", children: "Nenhum arquivo ainda" }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "As fotos dos seus produtos e o que voc\xEA enviar aqui aparecem nesta biblioteca." })
+      ] }) : attached.length && loose.length ? (
+        // Só separa quando há os dois: um título sozinho em cima de tudo é
+        // barulho, e a etiqueta em cada cartão já diz de quem é a foto.
+        /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+          /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx(SectionTitle, { title: "Fotos de produtos", count: attached.length }),
+            renderGrid(attached)
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx(SectionTitle, { title: "Biblioteca", count: loose.length }),
+            renderGrid(loose)
+          ] })
+        ] })
+      ) : renderGrid(visible),
+      /* @__PURE__ */ jsx(
+        DeleteConfirm,
+        {
+          file: pendingDelete,
+          loading: deleting,
+          onConfirm: () => void confirmDelete(),
+          onCancel: () => setPendingDelete(null)
+        }
+      ),
+      supported && provider.uploadMediaFile && /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: uploadInputRef,
+          type: "file",
+          multiple: true,
+          className: "hidden",
+          onChange: (e) => {
+            void handleUpload(e.target.files).finally(() => {
+              if (uploadInputRef.current) uploadInputRef.current.value = "";
+            });
+          }
+        }
+      )
+    ] })
+  ] });
+}
+function DeleteConfirm({ file, loading, onConfirm, onCancel }) {
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      open: file !== null,
+      loading,
+      variant: "destructive",
+      title: file?.reference ? "Excluir a foto do produto?" : "Excluir arquivo?",
+      description: file?.reference ? `A foto sai de "${file.reference.label}" e da loja imediatamente.` : "O arquivo sai da biblioteca. Se ele estiver em uso em algum lugar, o endere\xE7o para de funcionar.",
+      confirmLabel: "Excluir",
+      cancelLabel: "Cancelar",
+      onConfirm,
+      onCancel
+    }
+  );
+}
+function SectionTitle({ title, count }) {
+  return /* @__PURE__ */ jsxs("h2", { className: "text-sm font-semibold", children: [
+    title,
+    " ",
+    /* @__PURE__ */ jsxs("span", { className: "font-normal text-muted-foreground", children: [
+      "(",
+      count,
+      ")"
+    ] })
+  ] });
+}
+function KindIcon({ kind, className }) {
+  const Icon = kind === "video" ? Film : FileText;
+  return /* @__PURE__ */ jsx(Icon, { className });
+}
+function MediaCard({ file, dimensions, onMeasured, onOpen, onDelete }) {
+  return /* @__PURE__ */ jsxs(Card, { className: "group relative overflow-hidden p-3", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        onClick: onOpen,
+        "aria-label": `Abrir ${file.name}`,
+        className: "font-normal gap-0 whitespace-normal relative flex aspect-square w-full items-center justify-center overflow-hidden rounded-md bg-muted",
+        children: [
+          file.kind === "image" ? /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: file.url,
+              alt: file.name,
+              loading: "lazy",
+              className: "h-full w-full object-contain",
+              onLoad: (e) => {
+                const img = e.currentTarget;
+                if (img.naturalWidth) onMeasured({ width: img.naturalWidth, height: img.naturalHeight });
+              }
+            }
+          ) : /* @__PURE__ */ jsx(KindIcon, { kind: file.kind, className: "h-8 w-8 text-muted-foreground" }),
+          file.reference?.isCover && /* @__PURE__ */ jsx("span", { className: "absolute left-1.5 top-1.5 rounded-full bg-primary px-2 py-0.5 text-[11px] font-bold text-primary-foreground", children: "Capa" })
+        ]
+      }
+    ),
+    onDelete && /* @__PURE__ */ jsx(Hint, { label: "Excluir", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "bare",
+        size: "bare",
+        type: "button",
+        "aria-label": "Excluir",
+        onClick: onDelete,
+        className: "absolute right-4 top-4 rounded-md bg-card/90 p-1.5 text-muted-foreground opacity-0 shadow-button transition-opacity hover:text-destructive group-hover:opacity-100",
+        children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 truncate text-[13px] font-medium", title: file.name, children: file.name }),
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsx(FileMeta, { file, dimensions }) }),
+    isLowResolution(file, dimensions) && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] font-medium text-warning", children: "Baixa resolu\xE7\xE3o" }),
+    file.reference ? /* @__PURE__ */ jsx(RecordLink, { reference: file.reference, className: "mt-1.5 text-[11px]" }) : /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[11px] text-muted-foreground", children: "Biblioteca" })
+  ] });
+}
+function MediaDetail({
+  file,
+  dimensions,
+  onMeasured,
+  position,
+  onNavigate,
+  onBack,
+  onReplace,
+  onDelete,
+  replacing
+}) {
+  const replaceRef = React.useRef(null);
+  React.useEffect(() => {
+    function onKey(e) {
+      if (e.key === "ArrowLeft") onNavigate(-1);
+      if (e.key === "ArrowRight") onNavigate(1);
+    }
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onNavigate]);
+  return (
+    // `fz-container` é o ponto de MEDIÇÃO: sem ele a container query de
+    // `fz-split` nunca casa e as duas colunas ficam empilhadas para sempre,
+    // por mais larga que a janela esteja.
+    /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: file.name, parentLabel: "Conte\xFAdo", onBack }),
+      position.total > 1 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            "aria-label": "Arquivo anterior",
+            disabled: position.index === 0,
+            onClick: () => onNavigate(-1),
+            className: "rounded-md border p-1 transition hover:bg-muted disabled:opacity-40",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "px-1 tabular-nums", children: [
+          position.index + 1,
+          " de ",
+          position.total
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "bare",
+            size: "bare",
+            type: "button",
+            "aria-label": "Pr\xF3ximo arquivo",
+            disabled: position.index === position.total - 1,
+            onClick: () => onNavigate(1),
+            className: "rounded-md border p-1 transition hover:bg-muted disabled:opacity-40",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
+        /* @__PURE__ */ jsx(Card, { className: "flex min-h-[320px] items-center justify-center overflow-hidden bg-muted p-2", children: file.kind === "image" ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: file.url,
+            alt: file.name,
+            className: "max-h-[70vh] w-auto max-w-full object-contain",
+            onLoad: (e) => {
+              const img = e.currentTarget;
+              if (img.naturalWidth) onMeasured({ width: img.naturalWidth, height: img.naturalHeight });
+            }
+          },
+          file.url
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 p-12 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(KindIcon, { kind: file.kind, className: "h-10 w-10" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Pr\xE9-visualiza\xE7\xE3o n\xE3o dispon\xEDvel" })
+        ] }) }),
+        /* @__PURE__ */ jsxs(Card, { className: "space-y-4 p-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "break-words font-medium", title: file.name, children: file.name }),
+            /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx(FileMeta, { file, dimensions }) }),
+            isLowResolution(file, dimensions) && /* @__PURE__ */ jsxs("p", { className: "mt-2 rounded-md bg-warning/10 px-2 py-1.5 text-xs font-medium text-warning", children: [
+              "Baixa resolu\xE7\xE3o \u2014 no zoom da loja essa foto fica borrada. Troque por uma de pelo menos ",
+              LOW_RESOLUTION_PX,
+              "px no lado maior."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Onde \xE9 usada" }),
+            file.reference ? /* @__PURE__ */ jsx(RecordLink, { reference: file.reference, className: "mt-1 text-sm" }) : /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Biblioteca \u2014 este arquivo n\xE3o est\xE1 preso a nenhum registro." }),
+            file.reference?.isCover && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "\xC9 a capa: \xE9 ela que aparece no cat\xE1logo, no carrinho e no pedido." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            file.kind === "image" && /* @__PURE__ */ jsx(
+              AskAIButton,
+              {
+                className: "w-full",
+                size: "lg",
+                label: "Melhorar com IA",
+                media: { url: file.url, name: file.name },
+                draft: "Melhora essa imagem",
+                hint: "o que voc\xEA quer mudar nessa foto",
+                intro: {
+                  persona: "Est\xFAdio de imagem",
+                  pitch: `Vamos melhorar ${file.name}.`,
+                  description: "Posso limpar o fundo, corrigir luz e cor, e gerar uma vers\xE3o em resolu\xE7\xE3o maior para o cat\xE1logo.",
+                  suggestions: [
+                    { label: "Fundo branco", prompt: "Remove o fundo e deixa branco" },
+                    { label: "Mais n\xEDtida", prompt: "Aumenta a resolu\xE7\xE3o e a nitidez" },
+                    { label: "Corrigir a luz", prompt: "Corrige a ilumina\xE7\xE3o e as cores" }
+                  ]
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", className: "w-full", children: /* @__PURE__ */ jsxs("a", { href: downloadUrlOf(file), download: file.name, children: [
+              /* @__PURE__ */ jsx(Download, { className: "mr-2 h-4 w-4" }),
+              "Baixar"
+            ] }) }),
+            onReplace && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: replaceRef,
+                  type: "file",
+                  accept: file.kind === "image" ? "image/*" : void 0,
+                  className: "hidden",
+                  onChange: (e) => {
+                    const picked = e.target.files?.[0];
+                    e.target.value = "";
+                    if (picked) onReplace(picked);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "outline",
+                  className: "w-full",
+                  disabled: replacing,
+                  onClick: () => replaceRef.current?.click(),
+                  children: [
+                    /* @__PURE__ */ jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${replacing ? "animate-spin" : ""}` }),
+                    replacing ? "Trocando\u2026" : "Trocar arquivo"
+                  ]
+                }
+              ),
+              file.reference && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: "A troca mant\xE9m a posi\xE7\xE3o da foto na galeria do produto." })
+            ] }),
+            onDelete && /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "w-full text-destructive hover:text-destructive", onClick: onDelete, children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+              "Excluir"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  );
+}
+function RecordLink({ reference, className = "" }) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: recordRoute(reference),
+      title: `Abrir ${reference.label}`,
+      className: `flex items-center gap-1 truncate font-medium text-primary hover:underline ${className}`,
+      children: [
+        /* @__PURE__ */ jsx(Package, { className: "h-3 w-3 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: reference.label })
+      ]
+    }
+  );
+}
+function FileMeta({ file, dimensions }) {
+  const parts = [
+    file.extension,
+    dimensions ? `${dimensions.width}\xD7${dimensions.height}` : "",
+    formatSize(file.size)
+  ].filter(Boolean);
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.join(" \xB7 ") });
+}
+function isLowResolution(file, dimensions) {
+  return file.kind === "image" && !!dimensions && Math.max(dimensions.width, dimensions.height) < LOW_RESOLUTION_PX;
+}
+
+export { ContentPage };
+//# sourceMappingURL=ContentPage-2PHOZSFZ.js.map
+//# sourceMappingURL=ContentPage-2PHOZSFZ.js.map