@fayz-ai/plugin-menu 0.10.8 → 0.10.10

package/dist/{MenuPage-SO7EDR6R.js → MenuPage-GC6ATJTT.js}

@@ -1,10 +1,10 @@
-import { normalizeExtraction, normalizeName } from './chunk-C6W53TML.js';
-import { createPluginContext, PageActions, useAgentSurface, askAI, RightRailPage, formatCurrency, requestChatUpload } from '@fayz-ai/admin';
-import { useState, useMemo, useEffect } from 'react';
+import { normalizeName } from './chunk-FVDAVCK4.js';
+import { createPluginContext, PageActions, useAgentSurface, askAI, RightRailPage, formatCurrency, requestChatUpload, useChatStore } from '@fayz-ai/admin';
+import { useState, useEffect, useMemo } from 'react';
 import { Plus, Sparkles, Search, UtensilsCrossed, MoreVertical, Pencil, Copy, Power, Eye, Trash2, GripVertical, ChevronRight, ChevronDown, Loader2, MoreHorizontal, X, ImageOff, Star, XCircle } from 'lucide-react';
 import { useSensors, useSensor, PointerSensor, DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
-import { useTranslation, getSupabaseClientOptional } from '@fayz-ai/core';
+import { useTranslation } from '@fayz-ai/core';
 import { PageHeaderActions, PageTabs, Button, toast, ConfirmDialog, Dropdown, DropdownTrigger, Hint, DropdownContent, DropdownItem, DropdownSeparator, DraftCommitBar, SheetBody, Input, Switch, SheetFooter, ImageDrop, CurrencyInput, SegmentedControl, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, TimePicker } from '@fayz-ai/ui';
 import { CSS } from '@dnd-kit/utilities';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -62,79 +62,20 @@ function describeAvailability(availability, locale, alwaysLabel) {
   if (rule.from || rule.to) parts.push(`${rule.from ?? "\u2026"} \u2192 ${rule.to ?? "\u2026"}`);
   return parts.length > 0 ? parts.join(" \xB7 ") : alwaysLabel;
 }
-function resolveMenuExtractor(options) {
-  const client = getSupabaseClientOptional();
-  if (!client?.functions?.invoke) return null;
-  const functionName = "menu-extract";
-  return async (images, hint) => {
-    const { data, error } = await client.functions.invoke(functionName, {
-      body: { images, hint }
-    });
-    if (error) {
-      const detail = await safeMessage(error) ?? error.message;
-      throw new Error(detail || "menu extraction failed");
-    }
-    return normalizeExtraction(data);
-  };
-}
-async function safeMessage(error) {
-  try {
-    const body = await error?.context?.json?.();
-    return typeof body?.error === "string" ? body.error : null;
-  } catch {
-    return null;
-  }
-}
-
-// src/lib/images.ts
-async function downscaleImage(file, options) {
-  const maxDimension = 1600;
-  const quality = 0.82;
-  const bitmap = await loadImage(file);
-  const scale = Math.min(1, maxDimension / Math.max(bitmap.width, bitmap.height));
-  const width = Math.round(bitmap.width * scale);
-  const height = Math.round(bitmap.height * scale);
-  const canvas = document.createElement("canvas");
-  canvas.width = width;
-  canvas.height = height;
-  const context = canvas.getContext("2d");
-  if (!context) return fileToDataUrl(file);
-  context.drawImage(bitmap, 0, 0, width, height);
-  return canvas.toDataURL("image/jpeg", quality);
-}
-async function loadImage(file) {
-  if (typeof createImageBitmap === "function") {
-    try {
-      return await createImageBitmap(file);
-    } catch {
-    }
-  }
-  const url = await fileToDataUrl(file);
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.onload = () => resolve(image);
-    image.onerror = () => reject(new Error("Could not read the image"));
-    image.src = url;
-  });
-}
-function fileToDataUrl(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve(String(reader.result));
-    reader.onerror = () => reject(new Error("Could not read the file"));
-    reader.readAsDataURL(file);
-  });
-}
 var INSTRUCTIONS = `Voc\xEA est\xE1 com a tela de Card\xE1pio aberta e \xE9 VOC\xCA quem conduz o cadastro.
 - Trabalhe sempre no card\xE1pio ativo mostrado no estado; se o usu\xE1rio pedir outro, troque ou crie.
 - Se\xE7\xF5es e itens s\xE3o identificados por NOME, do jeito que o usu\xE1rio fala. Pre\xE7o \xE9 n\xFAmero (29.9), sem moeda.
 
-Cadastro por FOTO (o caminho principal para um card\xE1pio novo):
-1. Diga em uma linha o que vai fazer e chame requestMenuPhotos. Isso p\xF5e um bot\xE3o grande aqui na conversa ("Subir foto do card\xE1pio") que abre a c\xE2mera ou os arquivos \u2014 n\xE3o pe\xE7a para o usu\xE1rio usar o clipe, e n\xE3o mande ele fazer nada na tela.
-2. Espere. O envio dispara a leitura sozinho.
-3. Quando \`draft\` aparecer no estado, LEIA em voz alta o que veio: quantas se\xE7\xF5es, quantos itens, e quais ficaram com pre\xE7o 0.
-4. Resolva as pend\xEAncias conversando \u2014 pergunte o pre\xE7o que faltou e chame updateMenuDraftItem. O usu\xE1rio tamb\xE9m pode editar direto na tela; o estado sempre reflete o que est\xE1 l\xE1.
-5. S\xF3 chame commitMenuDraft depois que o usu\xE1rio confirmar. Se ele desistir, discardMenuDraft.
+Cadastro em MASSA (foto, PDF ou texto de card\xE1pio):
+- Se a foto/texto do card\xE1pio J\xC1 EST\xC1 nesta conversa: leia voc\xEA mesmo e chame stageMenuImport UMA vez com todas as se\xE7\xF5es e itens. NUNCA cadastre se\xE7\xE3o por se\xE7\xE3o ou item por item com createMenuSection/createMenuItem \u2014 isso estoura o limite de passos e duplica se\xE7\xF5es. A ferramenta j\xE1 reaproveita se\xE7\xF5es existentes e pula itens repetidos.
+- Se o usu\xE1rio ainda n\xE3o mandou a foto: diga em uma linha o que vai fazer e chame requestMenuPhotos. Isso p\xF5e um bot\xE3o grande aqui na conversa ("Subir foto do card\xE1pio") que abre a c\xE2mera ou os arquivos \u2014 n\xE3o pe\xE7a para o usu\xE1rio usar o clipe, e n\xE3o mande ele fazer nada na tela. A foto enviada chega AQUI na conversa como anexo da pr\xF3xima mensagem: leia e chame stageMenuImport.
+- Este fluxo \xE9 todo conversado: NUNCA use startFeatureSetup ou highlightFeature para o cadastro de card\xE1pio \u2014 n\xE3o existe tour para isso, o bot\xE3o de foto \xE9 a ferramenta.
+Depois, nos dois caminhos:
+1. Quando \`draft\` aparecer no estado, LEIA em voz alta o que veio: quantas se\xE7\xF5es, quantos itens, e quais ficaram com pre\xE7o 0.
+2. Resolva as pend\xEAncias conversando \u2014 pergunte o pre\xE7o que faltou e chame updateMenuDraftItem. O usu\xE1rio tamb\xE9m pode editar direto na tela; o estado sempre reflete o que est\xE1 l\xE1.
+3. S\xF3 chame commitMenuDraft depois que o usu\xE1rio confirmar. Se ele desistir, discardMenuDraft.
+
+createMenuSection e createMenuItem s\xE3o para ajustes pontuais (uma se\xE7\xE3o nova, um prato novo) \u2014 nunca para importar um card\xE1pio inteiro.
 
 NUNCA escreva um bot\xE3o em texto (nada de "[Subir foto do card\xE1pio]" ou "clique no bot\xE3o abaixo") \u2014 o bot\xE3o s\xF3 existe se voc\xEA chamar a ferramenta. Se ela n\xE3o estiver dispon\xEDvel, diga isso com todas as letras e ofere\xE7a cadastrar item a item.
 
@@ -188,6 +129,8 @@ function useMenuAgentSurface(deps) {
           ["name"]
         ),
         execute: async ({ name }) => {
+          const existing = deps.sections.find((s) => normalizeName(s.name) === normalizeName(String(name)));
+          if (existing) return { ok: true, section: existing.name, alreadyExisted: true };
           const created = await deps.actions.createSection(String(name));
           return created ? { ok: true, section: created.name } : { error: "section_not_created" };
         }
@@ -315,21 +258,67 @@ function useMenuAgentSurface(deps) {
           return { ok: true, menu: created.name };
         }
       },
+      {
+        tool: tool(
+          "menu.surface.stage-import",
+          "stageMenuImport",
+          'IMPORTA O CARD\xC1PIO ("importa/cadastra esse card\xE1pio", foto de card\xE1pio na conversa): voc\xEA l\xEA a foto ou o texto e passa o card\xE1pio INTEIRO (todas as se\xE7\xF5es com seus itens) numa chamada s\xF3 \u2014 vira um rascunho na tela para o usu\xE1rio conferir. Se\xE7\xF5es com nome de uma se\xE7\xE3o existente recebem os itens nela (sem duplicar), e itens que j\xE1 existem s\xE3o pulados. Nada \xE9 gravado at\xE9 commitMenuDraft. Nunca use tour/setup para importar card\xE1pio.',
+          {
+            sections: {
+              type: "array",
+              description: "Todas as se\xE7\xF5es do card\xE1pio lido",
+              items: {
+                type: "object",
+                properties: {
+                  name: { type: "string", description: "Nome da se\xE7\xE3o (ex.: Pizzas, Bebidas)" },
+                  items: {
+                    type: "array",
+                    items: {
+                      type: "object",
+                      properties: {
+                        name: { type: "string" },
+                        price: { type: "number", description: "N\xFAmero, sem moeda. 0 se a foto n\xE3o mostra o pre\xE7o." },
+                        description: { type: "string" }
+                      },
+                      required: ["name", "price"]
+                    }
+                  }
+                },
+                required: ["name", "items"]
+              }
+            }
+          },
+          ["sections"]
+        ),
+        execute: async ({ sections }) => {
+          if (!Array.isArray(sections) || sections.length === 0) return { error: "empty_import" };
+          const staged = deps.actions.stageDraft(sections);
+          if (staged.sections === 0) {
+            return {
+              ok: true,
+              staged,
+              note: "Nada novo para cadastrar \u2014 tudo que veio j\xE1 existe no card\xE1pio."
+            };
+          }
+          return {
+            ok: true,
+            staged,
+            next: "O rascunho est\xE1 na tela. Leia para o usu\xE1rio o que veio (se\xE7\xF5es, itens, pre\xE7os zerados), resolva pend\xEAncias e s\xF3 chame commitMenuDraft depois que ele confirmar."
+          };
+        }
+      },
       {
         tool: tool(
           "menu.surface.request-photos",
           "requestMenuPhotos",
-          "Pede as fotos do card\xE1pio ao usu\xE1rio: aparece um bot\xE3o grande aqui na conversa para tirar a foto ou escolher o arquivo. O que for lido vira um rascunho no estado, que voc\xEA confere com ele antes de gravar.",
+          "Pede as fotos do card\xE1pio ao usu\xE1rio: aparece um bot\xE3o grande aqui na conversa para tirar a foto ou escolher o arquivo. A foto enviada chega como anexo da pr\xF3xima mensagem do usu\xE1rio \u2014 voc\xEA l\xEA e chama stageMenuImport.",
           {},
           [],
           "read"
         ),
         execute: async () => {
-          if (!deps.hasExtractor) {
-            return { error: "extractor_unavailable", message: "Este espa\xE7o ainda n\xE3o tem a leitura por foto configurada. O cadastro pode ser feito item a item." };
-          }
           deps.actions.requestPhotos();
-          return { ok: true, asked: true, next: "O bot\xE3o j\xE1 est\xE1 na conversa. Espere o usu\xE1rio enviar \u2014 o rascunho aparece no estado quando a leitura terminar." };
+          return { ok: true, asked: true, next: "O bot\xE3o j\xE1 est\xE1 na conversa. A foto chega como anexo da pr\xF3xima mensagem: leia e chame stageMenuImport com o card\xE1pio inteiro." };
         }
       },
       {
@@ -1235,7 +1224,6 @@ function DraftRow({ item, onChange, onRemove }) {
 }
 function DraftSectionCard({ section, sections, onPatchSection, onRemoveSection, onPatchItem, onRemoveItem }) {
   const t = useTranslation();
-  const existing = sections.find((s) => s.id === section.targetSectionId);
   return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-card border-2 border-dashed border-primary/40 bg-primary/[0.03]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-dashed border-primary/30 px-3 py-2", children: [
       /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5 text-primary" }),
@@ -1247,30 +1235,38 @@ function DraftSectionCard({ section, sections, onPatchSection, onRemoveSection,
           className: "rounded border border-transparent bg-transparent px-1 py-0.5 text-sm font-semibold hover:border-border focus:border-border focus:outline-none focus:ring-2 focus:ring-ring"
         }
       ),
-      /* @__PURE__ */ jsxs(
-        "select",
-        {
-          value: section.targetSectionId ?? "",
-          onChange: (e) => onPatchSection({ targetSectionId: e.target.value || void 0 }),
-          className: "h-7 rounded-md border bg-card px-2 text-xs",
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t("menu.import.createSection") }),
-            sections.map((s) => /* @__PURE__ */ jsx("option", { value: s.id, children: t("menu.import.intoSection", { name: s.name }) }, s.id))
-          ]
-        }
-      ),
       /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: t("menu.manager.itemsCount", { count: String(section.items.length) }) }),
-      existing && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: t("menu.import.willAppend", { name: existing.name }) }),
+      /* @__PURE__ */ jsxs("label", { className: "ml-auto flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+        t("menu.import.destination"),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: section.targetSectionId ?? "",
+            onChange: (e) => onPatchSection({ targetSectionId: e.target.value || void 0 }),
+            className: "h-7 rounded-md border bg-card px-2 text-xs text-foreground",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: t("menu.import.createSection") }),
+              sections.map((s) => /* @__PURE__ */ jsx("option", { value: s.id, children: s.name }, s.id))
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(
         "button",
         {
           onClick: onRemoveSection,
-          className: "ml-auto rounded p-1 text-muted-foreground hover:text-destructive",
+          className: "rounded p-1 text-muted-foreground hover:text-destructive",
           "aria-label": t("menu.import.dropSection"),
           children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-dashed border-primary/20 px-3 py-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 px-1", children: t("menu.itemForm.name") }),
+      /* @__PURE__ */ jsx("span", { className: "hidden min-w-0 flex-1 px-1 sm:block", children: t("menu.itemForm.description") }),
+      /* @__PURE__ */ jsx("span", { className: "w-20 px-1.5 text-right", children: t("menu.itemForm.price") }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "w-[22px]" })
+    ] }),
     /* @__PURE__ */ jsx("div", { children: section.items.map((item) => /* @__PURE__ */ jsx(
       DraftRow,
       {
@@ -1372,13 +1368,13 @@ function MenuManagerView() {
   const setItemStatus = useMenuStore((s) => s.setItemStatus);
   const toggleAvailability = useMenuStore((s) => s.toggleAvailability);
   const uploadImage = useMenuStore((s) => s.uploadImage);
-  const runExtraction = useMenuStore((s) => s.runExtraction);
   const updateDraftItem = useMenuStore((s) => s.updateDraftItem);
   const removeDraftItem = useMenuStore((s) => s.removeDraftItem);
   const updateDraftSection = useMenuStore((s) => s.updateDraftSection);
   const removeDraftSection = useMenuStore((s) => s.removeDraftSection);
   const discardDraft = useMenuStore((s) => s.discardDraft);
   const commitDraft = useMenuStore((s) => s.commitDraft);
+  const stageDraft = useMenuStore((s) => s.stageDraft);
   const [search, setSearch] = useState("");
   const [menuEditor, setMenuEditor] = useState({ open: false });
   const [itemEditor, setItemEditor] = useState({ open: false, sectionId: "" });
@@ -1386,11 +1382,8 @@ function MenuManagerView() {
   const [confirm, setConfirm] = useState(null);
   const [dragging, setDragging] = useState(null);
   const [committing, setCommitting] = useState(false);
-  const extractor = useMemo(() => resolveMenuExtractor(), []);
   const readPhotos = async (files) => {
-    if (!extractor) return;
-    const images = await Promise.all(files.map((file) => downscaleImage(file)));
-    await runExtraction(images, extractor);
+    useChatStore.getState().queuePrompt(t("menu.import.photoSentPrompt"), files);
   };
   const askForPhotos = () => requestChatUpload({
     label: t("menu.import.uploadCta"),
@@ -1499,7 +1492,9 @@ function MenuManagerView() {
     placements,
     itemsById,
     draft,
-    hasExtractor: !!extractor,
+    // The chat reads the photo now; the ask-for-photo card never depends on a
+    // dedicated extraction backend.
+    hasExtractor: true,
     actions: {
       createSection: (name) => createSection(name),
       renameSection: (sectionId, name) => updateSection(sectionId, { name }),
@@ -1514,6 +1509,7 @@ function MenuManagerView() {
       }),
       duplicateMenu,
       requestPhotos: askForPhotos,
+      stageDraft,
       updateDraftItem,
       removeDraftItem,
       updateDraftSection,
@@ -1608,7 +1604,7 @@ function MenuManagerView() {
             creates: true,
             onSelect: () => setMenuEditor({ open: true })
           }] : [],
-          ...extractor ? [{
+          {
             id: "ai-import",
             label: t("menu.import.action"),
             description: t("menu.import.actionDesc"),
@@ -1618,7 +1614,7 @@ function MenuManagerView() {
             intent: multiMenu ? "secondary" : "primary",
             creates: true,
             onSelect: () => startAiImport()
-          }] : []
+          }
         ]
       }
     ) }),
@@ -1687,7 +1683,7 @@ function MenuManagerView() {
           " ",
           t("menu.manager.addSection")
         ] }),
-        extractor && /* @__PURE__ */ jsxs(Button, { onClick: startAiImport, children: [
+        /* @__PURE__ */ jsxs(Button, { onClick: startAiImport, children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
           " ",
           t("menu.import.action")
@@ -1819,5 +1815,5 @@ function MenuPage({ config, provider, store, registries }) {
 }
 
 export { MenuPage };
-//# sourceMappingURL=MenuPage-SO7EDR6R.js.map
-//# sourceMappingURL=MenuPage-SO7EDR6R.js.map
+//# sourceMappingURL=MenuPage-GC6ATJTT.js.map
+//# sourceMappingURL=MenuPage-GC6ATJTT.js.map