@fayz-ai/plugin-menu 0.9.4 → 0.10.0

package/dist/MenuPage-2LLWRJGN.js

@@ -0,0 +1,1785 @@
+import { normalizeExtraction, normalizeName } from './chunk-C6W53TML.js';
+import { createPluginContext, useAgentSurface, askAI, RightRailPage, formatCurrency, requestChatUpload } from '@fayz-ai/admin';
+import { useState, useMemo, useEffect } from 'react';
+import { Sparkles, Eye, Plus, Pencil, Copy, Trash2, Search, UtensilsCrossed, GripVertical, ChevronRight, ChevronDown, Loader2, MoreHorizontal, X, Check, 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 { PageHeaderActions, Button, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownSeparator, toast, ConfirmDialog, 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';
+
+var ctx = createPluginContext("MenuPage");
+var MenuContextProvider = ctx.ContextProvider;
+var useMenuConfig = ctx.useConfig;
+ctx.useProvider;
+var useMenuStore = ctx.useStore;
+function parseTime(value) {
+  if (!value) return null;
+  const match = /^(\d{1,2}):(\d{2})$/.exec(value.trim());
+  if (!match) return null;
+  const hours = Number(match[1]);
+  const minutes = Number(match[2]);
+  if (hours > 23 || minutes > 59) return null;
+  return hours * 60 + minutes;
+}
+function isAlwaysAvailable(availability) {
+  if (!availability) return true;
+  const { days, start, end, from, to } = availability;
+  return (!days || days.length === 0) && !start && !end && !from && !to;
+}
+function isServingAt(availability, at = /* @__PURE__ */ new Date()) {
+  if (isAlwaysAvailable(availability)) return true;
+  const rule = availability;
+  const isoDate = `${at.getFullYear()}-${String(at.getMonth() + 1).padStart(2, "0")}-${String(at.getDate()).padStart(2, "0")}`;
+  if (rule.from && isoDate < rule.from) return false;
+  if (rule.to && isoDate > rule.to) return false;
+  const start = parseTime(rule.start);
+  const end = parseTime(rule.end);
+  const nowMinutes = at.getHours() * 60 + at.getMinutes();
+  const overnight = start !== null && end !== null && end <= start;
+  const dayToCheck = overnight && start !== null && nowMinutes < start ? (at.getDay() + 6) % 7 : at.getDay();
+  if (rule.days && rule.days.length > 0 && !rule.days.includes(dayToCheck)) return false;
+  if (start === null || end === null) return true;
+  return overnight ? nowMinutes >= start || nowMinutes < end : nowMinutes >= start && nowMinutes < end;
+}
+function weekdayLabels(locale) {
+  const formatter = new Intl.DateTimeFormat(locale, { weekday: "short" });
+  return Array.from({ length: 7 }, (_, i) => formatter.format(new Date(2024, 0, 7 + i, 12)).replace(".", ""));
+}
+function describeAvailability(availability, locale, alwaysLabel) {
+  if (isAlwaysAvailable(availability)) return alwaysLabel;
+  const rule = availability;
+  const parts = [];
+  if (rule.days && rule.days.length > 0 && rule.days.length < 7) {
+    const labels = weekdayLabels(locale);
+    const sorted = [...rule.days].sort((a, b) => a - b);
+    const contiguous = sorted.every((day, i) => i === 0 || day === sorted[i - 1] + 1);
+    parts.push(contiguous && sorted.length > 2 ? `${labels[sorted[0]]} a ${labels[sorted[sorted.length - 1]]}` : sorted.map((d) => labels[d]).join(", "));
+  }
+  if (rule.start && rule.end) parts.push(`${rule.start}\u2013${rule.end}`);
+  else if (rule.start) parts.push(`a partir de ${rule.start}`);
+  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.
+
+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.
+
+Nunca invente pre\xE7o, descri\xE7\xE3o ou item que n\xE3o estava na foto: um pre\xE7o errado vai para a mesa do cliente. Prefira perguntar.`;
+function tool(id, name, description, properties, required, mode = "persist") {
+  return {
+    id,
+    name,
+    description,
+    mode,
+    parameters: { type: "object", properties, required },
+    execution: { plane: "client" },
+    // The screen is in front of the user and every one of these is reversible
+    // by hand; a confirmation card per rename would make the agent useless for
+    // the one job it is good at here — bulk tidying.
+    requiresConfirmation: false,
+    permission: { feature: "menu", action: "edit" }
+  };
+}
+function useMenuAgentSurface(deps) {
+  const contribution = useMemo(() => {
+    const findSection = (name) => {
+      const key = normalizeName(name ?? "");
+      return deps.sections.find((s) => normalizeName(s.name) === key) ?? deps.sections.find((s) => normalizeName(s.name).includes(key));
+    };
+    const findDraftSection = (draft, name) => {
+      const key = normalizeName(name ?? "");
+      return draft?.sections.find((s) => normalizeName(s.name) === key) ?? draft?.sections.find((s) => normalizeName(s.name).includes(key));
+    };
+    const findDraft = (draft, sectionName, itemName) => {
+      const section = findDraftSection(draft, sectionName);
+      if (!section) return void 0;
+      const key = normalizeName(itemName ?? "");
+      const item = section.items.find((i) => normalizeName(i.name) === key) ?? section.items.find((i) => normalizeName(i.name).includes(key));
+      return item ? { section, item } : void 0;
+    };
+    const findItem = (name) => {
+      const key = normalizeName(name ?? "");
+      const items = Array.from(deps.itemsById.values());
+      const item = items.find((i) => normalizeName(i.name) === key) ?? items.find((i) => normalizeName(i.name).includes(key));
+      if (!item) return void 0;
+      return { item, placement: deps.placements.find((p) => p.itemId === item.id) };
+    };
+    const tools = [
+      {
+        tool: tool(
+          "menu.surface.create-section",
+          "createMenuSection",
+          "Cria uma se\xE7\xE3o no card\xE1pio aberto (ex.: Sobremesas, Entradas).",
+          { name: { type: "string", description: "Nome da se\xE7\xE3o" } },
+          ["name"]
+        ),
+        execute: async ({ name }) => {
+          const created = await deps.actions.createSection(String(name));
+          return created ? { ok: true, section: created.name } : { error: "section_not_created" };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.rename-section",
+          "renameMenuSection",
+          "Renomeia uma se\xE7\xE3o do card\xE1pio aberto.",
+          { sectionName: { type: "string" }, newName: { type: "string" } },
+          ["sectionName", "newName"]
+        ),
+        execute: async ({ sectionName, newName }) => {
+          const section = findSection(sectionName);
+          if (!section) return { error: "section_not_found", sectionName };
+          await deps.actions.renameSection(section.id, String(newName));
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.reorder-sections",
+          "reorderMenuSections",
+          "Reordena as se\xE7\xF5es do card\xE1pio aberto. Passe TODOS os nomes na ordem desejada.",
+          { orderedNames: { type: "array", items: { type: "string" }, description: "Nomes das se\xE7\xF5es na nova ordem" } },
+          ["orderedNames"]
+        ),
+        execute: async ({ orderedNames }) => {
+          const ids = orderedNames.map((name) => findSection(name)?.id).filter(Boolean);
+          if (ids.length !== deps.sections.length) return { error: "incomplete_order", expected: deps.sections.map((s) => s.name) };
+          await deps.actions.reorderSections(ids);
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.create-item",
+          "createMenuItem",
+          "Cria um item no card\xE1pio aberto, dentro de uma se\xE7\xE3o.",
+          {
+            name: { type: "string" },
+            price: { type: "number" },
+            sectionName: { type: "string", description: "Se\xE7\xE3o onde entra" },
+            description: { type: "string" }
+          },
+          ["name", "price", "sectionName"]
+        ),
+        execute: async ({ name, price, sectionName, description }) => {
+          const section = findSection(sectionName);
+          if (!section) return { error: "section_not_found", sectionName, available: deps.sections.map((s) => s.name) };
+          const created = await deps.actions.createItem(section.id, {
+            name: String(name),
+            price: Number(price) || 0,
+            description: description ? String(description) : void 0
+          });
+          return created ? { ok: true, item: created.name } : { error: "item_not_created" };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.update-item",
+          "updateMenuItem",
+          "Altera nome, pre\xE7o, descri\xE7\xE3o ou disponibilidade de um item.",
+          {
+            itemName: { type: "string" },
+            price: { type: "number" },
+            name: { type: "string", description: "Novo nome" },
+            description: { type: "string" },
+            status: { type: "string", enum: ["available", "sold_out", "hidden"] }
+          },
+          ["itemName"]
+        ),
+        execute: async ({ itemName, price, name, description, status }) => {
+          const found = findItem(itemName);
+          if (!found) return { error: "item_not_found", itemName };
+          if (price !== void 0 || name !== void 0 || description !== void 0) {
+            await deps.actions.updateItem(found.item.id, {
+              price: price !== void 0 ? Number(price) : void 0,
+              name: name !== void 0 ? String(name) : void 0,
+              description: description !== void 0 ? String(description) : void 0
+            });
+          }
+          if (status) await deps.actions.setItemStatus(found.item.id, status);
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.move-item",
+          "moveMenuItem",
+          "Move um item para outra se\xE7\xE3o do card\xE1pio aberto.",
+          { itemName: { type: "string" }, toSectionName: { type: "string" } },
+          ["itemName", "toSectionName"]
+        ),
+        execute: async ({ itemName, toSectionName }) => {
+          const found = findItem(itemName);
+          if (!found?.placement) return { error: "item_not_in_menu", itemName };
+          const section = findSection(toSectionName);
+          if (!section) return { error: "section_not_found", toSectionName };
+          const target = deps.placements.filter((p) => p.sectionId === section.id).length;
+          await deps.actions.moveItem(found.placement.id, section.id, target);
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.create-menu",
+          "createMenu",
+          "Cria outro card\xE1pio (ex.: Executivo de segunda a sexta, Fim de semana). Pode copiar o card\xE1pio aberto.",
+          {
+            name: { type: "string" },
+            copyFromOpenMenu: { type: "boolean", description: "Copiar se\xE7\xF5es e itens do card\xE1pio aberto" },
+            days: { type: "array", items: { type: "number" }, description: "0=domingo \u2026 6=s\xE1bado" },
+            start: { type: "string", description: "HH:MM" },
+            end: { type: "string", description: "HH:MM" }
+          },
+          ["name"]
+        ),
+        execute: async ({ name, copyFromOpenMenu, days, start, end }) => {
+          if (copyFromOpenMenu && deps.menu) {
+            const copy = await deps.actions.duplicateMenu(deps.menu.id, String(name));
+            return { ok: true, menu: copy.name, note: "A c\xF3pia come\xE7a desativada." };
+          }
+          const created = await deps.actions.createMenu({ name: String(name), days, start, end });
+          return { ok: true, menu: created.name };
+        }
+      },
+      {
+        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.",
+          {},
+          [],
+          "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." };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.update-draft-item",
+          "updateMenuDraftItem",
+          "Corrige um item do RASCUNHO lido das fotos (pre\xE7o, nome, descri\xE7\xE3o). N\xE3o grava nada ainda.",
+          {
+            sectionName: { type: "string" },
+            itemName: { type: "string" },
+            price: { type: "number" },
+            name: { type: "string", description: "Novo nome" },
+            description: { type: "string" }
+          },
+          ["sectionName", "itemName"]
+        ),
+        execute: async ({ sectionName, itemName, price, name, description }) => {
+          const found = findDraft(deps.draft, sectionName, itemName);
+          if (!found) return { error: "draft_item_not_found", itemName };
+          deps.actions.updateDraftItem(found.section.key, found.item.key, {
+            price: price !== void 0 ? Number(price) : void 0,
+            name: name !== void 0 ? String(name) : void 0,
+            description: description !== void 0 ? String(description) : void 0
+          });
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.remove-draft-item",
+          "removeMenuDraftItem",
+          "Tira um item do rascunho (leitura errada, item repetido).",
+          { sectionName: { type: "string" }, itemName: { type: "string" } },
+          ["sectionName", "itemName"]
+        ),
+        execute: async ({ sectionName, itemName }) => {
+          const found = findDraft(deps.draft, sectionName, itemName);
+          if (!found) return { error: "draft_item_not_found", itemName };
+          deps.actions.removeDraftItem(found.section.key, found.item.key);
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.update-draft-section",
+          "updateMenuDraftSection",
+          "Renomeia uma se\xE7\xE3o do rascunho, ou manda os itens dela para uma se\xE7\xE3o que j\xE1 existe no card\xE1pio.",
+          {
+            sectionName: { type: "string" },
+            newName: { type: "string" },
+            intoExistingSection: { type: "string", description: "Nome de uma se\xE7\xE3o existente para receber os itens" }
+          },
+          ["sectionName"]
+        ),
+        execute: async ({ sectionName, newName, intoExistingSection }) => {
+          const section = findDraftSection(deps.draft, sectionName);
+          if (!section) return { error: "draft_section_not_found", sectionName };
+          const target = intoExistingSection ? findSection(intoExistingSection) : void 0;
+          if (intoExistingSection && !target) return { error: "section_not_found", intoExistingSection };
+          deps.actions.updateDraftSection(section.key, {
+            name: newName ? String(newName) : void 0,
+            targetSectionId: target?.id
+          });
+          return { ok: true };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.commit-draft",
+          "commitMenuDraft",
+          "Grava o rascunho no card\xE1pio. S\xF3 chame depois que o usu\xE1rio confirmar.",
+          {},
+          []
+        ),
+        execute: async () => {
+          if (!deps.draft) return { error: "no_draft" };
+          const result = await deps.actions.commitDraft();
+          return { ok: true, ...result };
+        }
+      },
+      {
+        tool: tool(
+          "menu.surface.discard-draft",
+          "discardMenuDraft",
+          "Descarta o rascunho lido das fotos sem gravar nada.",
+          {},
+          []
+        ),
+        execute: async () => {
+          deps.actions.discardDraft();
+          return { ok: true };
+        }
+      }
+    ];
+    return {
+      id: "menu.manager",
+      pluginId: "menu",
+      // No role on purpose: whoever is answering is answering ABOUT this
+      // screen, and a persona filter here is what silently removed these tools
+      // from the catalogue while the instructions still arrived.
+      instructions: INSTRUCTIONS,
+      tools,
+      describe: () => ({
+        title: deps.menu?.name ?? "Card\xE1pio",
+        state: {
+          activeMenu: deps.menu?.name,
+          allMenus: deps.menus.map((m) => m.name),
+          photoImportAvailable: deps.hasExtractor,
+          // The draft is the conversation's subject while it exists, so it goes
+          // FIRST in the snapshot the model reads.
+          draft: deps.draft ? {
+            source: deps.draft.source,
+            model: deps.draft.model,
+            sections: deps.draft.sections.map((section) => ({
+              name: section.name,
+              appendingTo: section.targetSectionId ? deps.sections.find((s) => s.id === section.targetSectionId)?.name : void 0,
+              items: section.items.map((item) => ({ name: item.name, price: item.price, description: item.description }))
+            })),
+            itemsMissingPrice: deps.draft.sections.flatMap((section) => section.items.filter((item) => item.price === 0).map((item) => item.name))
+          } : void 0,
+          sections: deps.sections.map((section) => ({
+            name: section.name,
+            items: deps.placements.filter((p) => p.sectionId === section.id).map((p) => {
+              const item = deps.itemsById.get(p.itemId);
+              return item ? { name: item.name, price: p.priceOverride ?? item.price, status: item.status } : null;
+            }).filter(Boolean)
+          }))
+        }
+      })
+    };
+  }, [deps.menu, deps.menus, deps.sections, deps.placements, deps.itemsById, deps.draft, deps.hasExtractor, deps.actions]);
+  useAgentSurface(contribution);
+}
+var STATUS_STYLE = {
+  available: "bg-success-soft text-success-soft-foreground",
+  sold_out: "bg-destructive-soft text-destructive-soft-foreground",
+  hidden: "bg-muted text-muted-foreground"
+};
+function InlinePrice({ value, currency, muted, onSave }) {
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState("");
+  if (!editing) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: (e) => {
+          e.stopPropagation();
+          setDraft(String(value ?? 0));
+          setEditing(true);
+        },
+        className: `rounded px-1.5 py-0.5 text-sm tabular-nums transition-colors hover:bg-muted ${muted ? "text-muted-foreground" : "font-medium"}`,
+        children: formatCurrency(value ?? 0, currency)
+      }
+    );
+  }
+  const commit = () => {
+    const parsed = Number(draft.replace(",", "."));
+    setEditing(false);
+    if (Number.isFinite(parsed) && parsed !== value) onSave(Math.max(0, parsed));
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      autoFocus: true,
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onBlur: commit,
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") commit();
+        if (e.key === "Escape") setEditing(false);
+      },
+      className: "w-20 rounded border bg-card px-1.5 py-0.5 text-right text-sm tabular-nums focus:outline-none focus:ring-2 focus:ring-ring"
+    }
+  );
+}
+function ItemRow({ placement, item, currency, deliveryPricing, multiMenu, pending, handlers }) {
+  const t = useTranslation();
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+    id: placement.id,
+    data: { type: "item", sectionId: placement.sectionId }
+  });
+  if (!item) return null;
+  const price = placement.priceOverride ?? item.price;
+  const overridden = placement.priceOverride !== void 0 && placement.priceOverride !== null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style: { transform: CSS.Transform.toString(transform), transition },
+      className: `group flex items-center gap-3 border-b px-3 py-2 last:border-0 ${isDragging ? "opacity-40" : "hover:bg-muted/20"} ${pending ? "pointer-events-none opacity-60" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ...attributes,
+            ...listeners,
+            "aria-label": t("menu.manager.dragItem"),
+            className: "cursor-grab text-muted-foreground/40 opacity-0 transition-opacity group-hover:opacity-100 active:cursor-grabbing",
+            children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted/40", children: item.imageUrl ? /* @__PURE__ */ jsx("img", { src: item.imageUrl, alt: "", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx(ImageOff, { className: "h-3.5 w-3.5 text-muted-foreground/40" }) }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handlers.onEditItem(item, placement),
+            className: "min-w-0 flex-1 text-left",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: `truncate text-sm font-medium ${item.status === "hidden" ? "text-muted-foreground" : ""}`, children: item.name }),
+                item.isFeatured && /* @__PURE__ */ jsx(Star, { className: "h-3 w-3 shrink-0 fill-warning text-warning" }),
+                item.status !== "available" && /* @__PURE__ */ jsx("span", { className: `rounded-full px-1.5 py-0.5 text-[9px] font-medium ${STATUS_STYLE[item.status]}`, children: item.status === "sold_out" ? t("menu.manager.soldOut") : t("menu.manager.hidden") })
+              ] }),
+              item.description && /* @__PURE__ */ jsx("p", { className: "truncate text-[11px] text-muted-foreground", children: item.description })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            InlinePrice,
+            {
+              value: price,
+              currency,
+              onSave: (next) => {
+                if (multiMenu) handlers.onSetPlacementPrice(placement.id, next === item.price ? void 0 : next);
+                else handlers.onEditItem({ ...item, price: next }, placement);
+              }
+            }
+          ),
+          overridden && /* @__PURE__ */ jsx("span", { title: t("menu.manager.overriddenHint"), className: "text-[9px] font-medium uppercase text-primary", children: t("menu.manager.overridden") })
+        ] }),
+        deliveryPricing && /* @__PURE__ */ jsx("span", { className: "hidden w-20 text-right text-xs text-muted-foreground sm:block", children: item.deliveryPrice != null ? formatCurrency(item.deliveryPrice, currency) : "\u2014" }),
+        /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-3 md:flex", children: [
+          /* @__PURE__ */ jsx(Switch, { size: "sm", checked: item.availableForPos, onCheckedChange: (v) => handlers.onToggleItem(item.id, "availableForPos", v), label: t("menu.manager.pos") }),
+          /* @__PURE__ */ jsx(Switch, { size: "sm", checked: item.availableForDelivery, onCheckedChange: (v) => handlers.onToggleItem(item.id, "availableForDelivery", v), label: t("menu.manager.delivery") })
+        ] }),
+        /* @__PURE__ */ jsxs(Dropdown, { children: [
+          /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": t("menu.manager.itemActions"), children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ jsxs(DropdownContent, { align: "end", children: [
+            /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onEditItem(item, placement), children: [
+              /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-3.5 w-3.5" }),
+              " ",
+              t("menu.manager.edit")
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onDuplicateItem(item, placement.sectionId), children: [
+              /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-3.5 w-3.5" }),
+              " ",
+              t("menu.manager.duplicate")
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onSetItemStatus(item.id, item.status === "sold_out" ? "available" : "sold_out"), children: [
+              /* @__PURE__ */ jsx(XCircle, { className: "mr-2 h-3.5 w-3.5" }),
+              item.status === "sold_out" ? t("menu.manager.markAvailable") : t("menu.manager.markSoldOut")
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onToggleItem(item.id, "isFeatured", !item.isFeatured), children: [
+              /* @__PURE__ */ jsx(Star, { className: "mr-2 h-3.5 w-3.5" }),
+              item.isFeatured ? t("menu.manager.unfeature") : t("menu.manager.feature")
+            ] }),
+            /* @__PURE__ */ jsx(DropdownSeparator, {}),
+            /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onRemoveFromMenu(placement), children: [
+              /* @__PURE__ */ jsx(XCircle, { className: "mr-2 h-3.5 w-3.5" }),
+              " ",
+              t("menu.manager.removeFromMenu")
+            ] }),
+            /* @__PURE__ */ jsxs(DropdownItem, { className: "text-destructive focus:text-destructive", onClick: () => handlers.onDeleteItem(item), children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-3.5 w-3.5" }),
+              " ",
+              t("menu.manager.deleteItem")
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function SectionCard({
+  section,
+  placements,
+  itemsById,
+  currency,
+  locale,
+  deliveryPricing,
+  multiMenu,
+  pendingIds,
+  handlers
+}) {
+  const t = useTranslation();
+  const [collapsed, setCollapsed] = useState(false);
+  const [renaming, setRenaming] = useState(false);
+  const [draft, setDraft] = useState(section.name);
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+    id: section.id,
+    data: { type: "section" }
+  });
+  const scheduled = !isAlwaysAvailable(section.availability);
+  const servingNow = isServingAt(section.availability);
+  const pending = new Set(pendingIds ?? []);
+  const sectionPending = pending.has(section.id);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style: { transform: CSS.Transform.toString(transform), transition },
+      className: `overflow-hidden rounded-card border bg-card shadow-sm ${isDragging ? "opacity-50" : ""} ${sectionPending ? "opacity-70" : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b bg-muted/20 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              ...attributes,
+              ...listeners,
+              "aria-label": t("menu.manager.dragSection"),
+              className: "cursor-grab text-muted-foreground/50 hover:text-foreground active:cursor-grabbing",
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCollapsed((c) => !c),
+              className: "text-muted-foreground hover:text-foreground",
+              "aria-label": collapsed ? t("menu.manager.expand") : t("menu.manager.collapse"),
+              children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+            }
+          ),
+          renaming ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoFocus: true,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onBlur: () => {
+                setRenaming(false);
+                if (draft.trim() && draft !== section.name) handlers.onRenameSection(section.id, draft.trim());
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter") e.target.blur();
+                if (e.key === "Escape") {
+                  setDraft(section.name);
+                  setRenaming(false);
+                }
+              },
+              className: "rounded border bg-card px-2 py-0.5 text-sm font-semibold focus:outline-none focus:ring-2 focus:ring-ring"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setDraft(section.name);
+                setRenaming(true);
+              },
+              className: "rounded px-1 py-0.5 text-sm font-semibold transition-colors hover:bg-muted",
+              children: section.name
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: t("menu.manager.itemsCount", { count: String(placements.length) }) }),
+          sectionPending && /* @__PURE__ */ jsx(Loader2, { className: "h-3 w-3 animate-spin text-muted-foreground" }),
+          scheduled && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `hidden rounded-full px-2 py-0.5 text-[10px] font-medium sm:inline ${servingNow ? "bg-success-soft text-success-soft-foreground" : "bg-muted text-muted-foreground"}`,
+              title: describeAvailability(section.availability, locale, t("menu.schedule.always")),
+              children: describeAvailability(section.availability, locale, t("menu.schedule.always"))
+            }
+          ),
+          !section.isActive && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: t("menu.manager.sectionOff") }),
+          /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => handlers.onAddItem(section.id), children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+              " ",
+              t("menu.manager.addItem")
+            ] }),
+            /* @__PURE__ */ jsxs(Dropdown, { children: [
+              /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "aria-label": t("menu.manager.sectionActions"), children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ jsxs(DropdownContent, { align: "end", children: [
+                /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => handlers.onEditSection(section), children: [
+                  /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-3.5 w-3.5" }),
+                  " ",
+                  t("menu.manager.editSection")
+                ] }),
+                /* @__PURE__ */ jsx(DropdownSeparator, {}),
+                /* @__PURE__ */ jsxs(DropdownItem, { className: "text-destructive focus:text-destructive", onClick: () => handlers.onDeleteSection(section), children: [
+                  /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-3.5 w-3.5" }),
+                  " ",
+                  t("menu.manager.deleteSection")
+                ] })
+              ] })
+            ] })
+          ] })
+        ] }),
+        !collapsed && (placements.length === 0 ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handlers.onAddItem(section.id),
+            className: "flex w-full flex-col items-center gap-1 border-2 border-dashed border-transparent py-6 text-center transition-colors hover:bg-muted/20",
+            children: [
+              /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-5 w-5 text-muted-foreground/40" }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("menu.manager.emptySection") })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx("div", { children: placements.map((placement) => /* @__PURE__ */ jsx(
+          ItemRow,
+          {
+            placement,
+            item: itemsById.get(placement.itemId),
+            currency,
+            deliveryPricing,
+            multiMenu,
+            pending: pending.has(placement.id),
+            handlers
+          },
+          placement.id
+        )) }))
+      ]
+    }
+  );
+}
+
+// src/types.ts
+var MENU_CHANNELS = ["pos", "delivery", "digital"];
+var WEEKDAY_PRESETS = [
+  { id: "menu.schedule.presetWeekdays", days: [1, 2, 3, 4, 5] },
+  { id: "menu.schedule.presetWeekend", days: [0, 6] },
+  { id: "menu.schedule.presetEveryDay", days: [0, 1, 2, 3, 4, 5, 6] }
+];
+function ScheduleEditor({ value, onChange, locale }) {
+  const t = useTranslation();
+  const labels = weekdayLabels(locale);
+  const restricted = !isAlwaysAvailable(value);
+  const days = value.days ?? [];
+  const toggleDay = (day) => {
+    const next = days.includes(day) ? days.filter((d) => d !== day) : [...days, day].sort((a, b) => a - b);
+    onChange({ ...value, days: next });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        size: "md",
+        checked: restricted,
+        onCheckedChange: (checked) => onChange(checked ? { days: [1, 2, 3, 4, 5], start: "11:30", end: "15:00" } : {}),
+        label: /* @__PURE__ */ jsxs("span", { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("menu.schedule.restrict") }),
+          /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-muted-foreground", children: t("menu.schedule.restrictHint") })
+        ] })
+      }
+    ),
+    restricted && /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-xl border p-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: t("menu.schedule.days") }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: labels.map((label, day) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleDay(day),
+            className: `rounded-full px-2.5 py-1 text-xs font-medium capitalize transition-colors ${days.includes(day) ? "bg-primary text-primary-foreground" : "bg-muted/50 text-muted-foreground hover:bg-muted"}`,
+            children: label
+          },
+          day
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: WEEKDAY_PRESETS.map((preset) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange({ ...value, days: preset.days }),
+            className: "text-[11px] text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+            children: t(preset.id)
+          },
+          preset.id
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: t("menu.schedule.from") }),
+          /* @__PURE__ */ jsx(TimePicker, { value: value.start ?? "11:00", onChange: (next) => onChange({ ...value, start: next }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: t("menu.schedule.to") }),
+          /* @__PURE__ */ jsx(TimePicker, { value: value.end ?? "15:00", onChange: (next) => onChange({ ...value, end: next }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("menu.schedule.overnightHint") })
+    ] })
+  ] });
+}
+var CHANNEL_LABEL = {
+  pos: "menu.channel.pos",
+  delivery: "menu.channel.delivery",
+  digital: "menu.channel.digital"
+};
+function MenuRailPage({ open, menu, locale, onClose, onSubmit }) {
+  const t = useTranslation();
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [channels, setChannels] = useState([...MENU_CHANNELS]);
+  const [availability, setAvailability] = useState({});
+  const [isActive, setIsActive] = useState(true);
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    setName(menu?.name ?? "");
+    setDescription(menu?.description ?? "");
+    setChannels(menu?.channels ?? [...MENU_CHANNELS]);
+    setAvailability(menu?.availability ?? {});
+    setIsActive(menu?.isActive ?? true);
+    setSaving(false);
+  }, [open, menu]);
+  const toggleChannel = (channel) => {
+    setChannels((current) => current.includes(channel) ? current.filter((c) => c !== channel) : [...current, channel]);
+  };
+  const submit = async () => {
+    if (!name.trim() || saving) return;
+    setSaving(true);
+    try {
+      await onSubmit({ name: name.trim(), description: description.trim() || void 0, channels, availability, isActive });
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    RightRailPage,
+    {
+      title: menu ? t("menu.menuDialog.editTitle") : t("menu.menuDialog.newTitle"),
+      open,
+      onClose,
+      width: "max-w-md",
+      children: [
+        /* @__PURE__ */ jsxs(SheetBody, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("menu.menuDialog.name") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoFocus: true,
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                placeholder: t("menu.menuDialog.namePlaceholder"),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") void submit();
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("menu.menuDialog.description") }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: description,
+                onChange: (e) => setDescription(e.target.value),
+                placeholder: t("menu.menuDialog.descriptionPlaceholder")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium uppercase tracking-wider text-muted-foreground", children: t("menu.menuDialog.channels") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: MENU_CHANNELS.map((channel) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleChannel(channel),
+                className: `rounded-full px-3 py-1 text-xs font-medium transition-colors ${channels.includes(channel) ? "bg-primary text-primary-foreground" : "bg-muted/50 text-muted-foreground hover:bg-muted"}`,
+                children: t(CHANNEL_LABEL[channel])
+              },
+              channel
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx(ScheduleEditor, { value: availability, onChange: setAvailability, locale }),
+          /* @__PURE__ */ jsx(
+            Switch,
+            {
+              size: "md",
+              checked: isActive,
+              onCheckedChange: setIsActive,
+              label: /* @__PURE__ */ jsxs("span", { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("menu.menuDialog.active") }),
+                /* @__PURE__ */ jsx("span", { className: "block text-[11px] text-muted-foreground", children: t("menu.menuDialog.activeHint") })
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(SheetFooter, { className: "justify-end", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: t("menu.form.cancel") }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => void submit(), disabled: !name.trim() || saving, children: saving ? t("menu.form.saving") : t("menu.form.save") })
+        ] })
+      ]
+    }
+  );
+}
+function ItemRailPage({
+  open,
+  item,
+  sections,
+  sectionId,
+  currency,
+  deliveryPricing,
+  multiMenu,
+  priceOverride,
+  onClose,
+  onSubmit,
+  onUploadImage
+}) {
+  const t = useTranslation();
+  const [values, setValues] = useState({
+    name: "",
+    price: 0,
+    status: "available",
+    availableForPos: true,
+    availableForDelivery: true,
+    isFeatured: false,
+    sectionId
+  });
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (!open) return;
+    setValues({
+      name: item?.name ?? "",
+      description: item?.description ?? "",
+      price: item?.price ?? 0,
+      cost: item?.cost,
+      deliveryPrice: item?.deliveryPrice,
+      prepTimeMinutes: item?.prepTimeMinutes,
+      imageUrl: item?.imageUrl,
+      status: item?.status ?? "available",
+      availableForPos: item?.availableForPos ?? true,
+      availableForDelivery: item?.availableForDelivery ?? true,
+      isFeatured: item?.isFeatured ?? false,
+      sectionId,
+      priceOverride
+    });
+    setSaving(false);
+  }, [open, item, sectionId, priceOverride]);
+  const patch = (next) => setValues((current) => ({ ...current, ...next }));
+  const submit = async () => {
+    if (!values.name.trim() || saving) return;
+    setSaving(true);
+    try {
+      await onSubmit({ ...values, name: values.name.trim() });
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    RightRailPage,
+    {
+      title: item ? t("menu.itemForm.editTitle") : t("menu.itemForm.newTitle"),
+      open,
+      onClose,
+      width: "max-w-md",
+      children: [
+        /* @__PURE__ */ jsxs(SheetBody, { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ jsx(
+                ImageDrop,
+                {
+                  shape: "square",
+                  value: values.imageUrl,
+                  onUpload: onUploadImage ? async (file) => await onUploadImage(file) ?? "" : void 0,
+                  onChange: (url) => patch({ imageUrl: url })
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: t("menu.itemForm.photo") }),
+                /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: t("menu.itemForm.photoHint") })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Field, { label: t("menu.itemForm.name"), children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                autoFocus: true,
+                value: values.name,
+                onChange: (e) => patch({ name: e.target.value }),
+                placeholder: t("menu.itemForm.namePlaceholder")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: t("menu.itemForm.description"), children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: values.description ?? "",
+                onChange: (e) => patch({ description: e.target.value }),
+                placeholder: t("menu.itemForm.descriptionPlaceholder")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { title: t("menu.itemForm.pricingGroup"), children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  label: t("menu.itemForm.price"),
+                  value: values.price,
+                  onChange: (price) => patch({ price }),
+                  symbol: currency.symbol,
+                  locale: currency.locale,
+                  currencyCode: currency.code
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CurrencyInput,
+                {
+                  label: t("menu.itemForm.cost"),
+                  value: values.cost ?? 0,
+                  onChange: (cost) => patch({ cost }),
+                  symbol: currency.symbol,
+                  locale: currency.locale,
+                  currencyCode: currency.code
+                }
+              )
+            ] }),
+            deliveryPricing && /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                label: t("menu.itemForm.deliveryPrice"),
+                value: values.deliveryPrice ?? 0,
+                onChange: (deliveryPrice) => patch({ deliveryPrice }),
+                symbol: currency.symbol,
+                locale: currency.locale,
+                currencyCode: currency.code
+              }
+            ),
+            multiMenu && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/20 p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: t("menu.itemForm.priceOverride") }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: t("menu.itemForm.priceOverrideHint") }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1.5", children: [
+                /* @__PURE__ */ jsx(
+                  CurrencyInput,
+                  {
+                    value: values.priceOverride ?? 0,
+                    onChange: (next) => patch({ priceOverride: next }),
+                    symbol: currency.symbol,
+                    locale: currency.locale,
+                    currencyCode: currency.code
+                  }
+                ),
+                values.priceOverride !== void 0 && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => patch({ priceOverride: void 0 }),
+                    className: "text-[11px] text-muted-foreground underline-offset-2 transition-colors hover:text-foreground hover:underline",
+                    children: t("menu.itemForm.clearOverride")
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { title: t("menu.itemForm.menuGroup"), children: [
+            /* @__PURE__ */ jsx(Field, { label: t("menu.itemForm.section"), children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: values.sectionId,
+                onChange: (e) => patch({ sectionId: e.target.value }),
+                className: "h-9 w-full rounded-md border border-input bg-background px-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring",
+                children: sections.map((section) => /* @__PURE__ */ jsx("option", { value: section.id, children: section.name }, section.id))
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: t("menu.itemForm.status"), children: /* @__PURE__ */ jsx(
+              SegmentedControl,
+              {
+                className: "w-full",
+                value: values.status,
+                onChange: (status) => patch({ status }),
+                options: [
+                  { value: "available", label: t("menu.manager.available") },
+                  { value: "sold_out", label: t("menu.manager.soldOut") },
+                  { value: "hidden", label: t("menu.manager.hidden") }
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: t("menu.itemForm.prepTime"), children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                min: 0,
+                inputMode: "numeric",
+                value: values.prepTimeMinutes ?? "",
+                onChange: (e) => patch({ prepTimeMinutes: e.target.value ? Number(e.target.value) : void 0 }),
+                placeholder: "0"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "divide-y rounded-xl border", children: [
+              /* @__PURE__ */ jsx(
+                ToggleRow,
+                {
+                  label: t("menu.manager.pos"),
+                  hint: t("menu.itemForm.posHint"),
+                  checked: values.availableForPos,
+                  onChange: (v) => patch({ availableForPos: v })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToggleRow,
+                {
+                  label: t("menu.manager.delivery"),
+                  hint: t("menu.itemForm.deliveryHint"),
+                  checked: values.availableForDelivery,
+                  onChange: (v) => patch({ availableForDelivery: v })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToggleRow,
+                {
+                  label: t("menu.manager.featured"),
+                  hint: t("menu.itemForm.featuredHint"),
+                  checked: values.isFeatured,
+                  onChange: (v) => patch({ isFeatured: v })
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(SheetFooter, { className: "justify-end", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: t("menu.form.cancel") }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => void submit(), disabled: !values.name.trim() || saving, children: saving ? t("menu.form.saving") : t("menu.form.save") })
+        ] })
+      ]
+    }
+  );
+}
+function Field({ label, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-muted-foreground", children: label }),
+    children
+  ] });
+}
+function Group({ title, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+    title && /* @__PURE__ */ jsx("h3", { className: "text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+    children
+  ] });
+}
+function ToggleRow({ label, hint, checked, onChange }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: () => onChange(!checked),
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onChange(!checked);
+        }
+      },
+      className: "flex min-h-11 cursor-pointer items-center gap-3 px-3 py-2 transition-colors hover:bg-muted/30",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: label }),
+          hint && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: hint })
+        ] }),
+        /* @__PURE__ */ jsx(Switch, { size: "md", checked, onCheckedChange: onChange, "aria-label": label })
+      ]
+    }
+  );
+}
+function DraftRow({ item, onChange, onRemove }) {
+  const t = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-dashed px-3 py-1.5 last:border-0", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: item.name,
+        onChange: (e) => onChange({ name: e.target.value }),
+        className: "min-w-0 flex-1 rounded border border-transparent bg-transparent px-1 py-0.5 text-sm hover:border-border focus:border-border focus:outline-none focus:ring-2 focus:ring-ring"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: item.description ?? "",
+        onChange: (e) => onChange({ description: e.target.value }),
+        placeholder: t("menu.itemForm.description"),
+        className: "hidden min-w-0 flex-1 rounded border border-transparent bg-transparent px-1 py-0.5 text-[11px] text-muted-foreground hover:border-border focus:border-border focus:outline-none focus:ring-2 focus:ring-ring sm:block"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: item.price,
+        inputMode: "decimal",
+        onChange: (e) => onChange({ price: Number(e.target.value.replace(",", ".")) || 0 }),
+        className: `w-20 rounded border bg-card px-1.5 py-0.5 text-right text-sm tabular-nums focus:outline-none focus:ring-2 focus:ring-ring ${item.price === 0 ? "border-warning text-warning" : ""}`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onRemove,
+        className: "rounded p-1 text-muted-foreground hover:text-destructive",
+        "aria-label": t("menu.import.dropItem"),
+        children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] });
+}
+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" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: section.name,
+          onChange: (e) => onPatchSection({ name: e.target.value }),
+          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__ */ jsx(
+        "button",
+        {
+          onClick: onRemoveSection,
+          className: "ml-auto 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__ */ jsx("div", { children: section.items.map((item) => /* @__PURE__ */ jsx(
+      DraftRow,
+      {
+        item,
+        onChange: (patch) => onPatchItem(item.key, patch),
+        onRemove: () => onRemoveItem(item.key)
+      },
+      item.key
+    )) })
+  ] });
+}
+function DraftBar({ draft, saving, onCommit, onDiscard }) {
+  const t = useTranslation();
+  const items = draft.sections.reduce((count, section) => count + section.items.length, 0);
+  const missingPrice = draft.sections.reduce(
+    (count, section) => count + section.items.filter((item) => item.price === 0).length,
+    0
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "sticky bottom-3 z-10 flex flex-wrap items-center gap-3 rounded-card border bg-card px-4 py-2.5 shadow-lg", children: [
+    /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 text-primary" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("menu.import.draftCount", { items: String(items), sections: String(draft.sections.length) }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: missingPrice > 0 ? t("menu.import.draftMissingPrice", { count: String(missingPrice) }) : t("menu.import.draftHint") })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onDiscard, disabled: saving, children: t("menu.import.discard") }),
+    /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onCommit, disabled: saving, children: [
+      /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+      " ",
+      t("menu.import.commit", { count: String(items) })
+    ] })
+  ] });
+}
+function MenuPreview({ open, menu, sections, placements, itemsById, currency, locale, onClose }) {
+  const t = useTranslation();
+  const serving = menu ? isServingAt(menu.availability) : true;
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (next) => {
+    if (!next) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "xl", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: menu?.name ?? t("menu.preview.title") }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+        menu ? describeAvailability(menu.availability, locale, t("menu.schedule.always")) : "",
+        menu && !serving && ` \xB7 ${t("menu.preview.notServingNow")}`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-6 py-2", children: sections.filter((section) => section.isActive).map((section) => {
+      const rows = placements.filter((p) => p.sectionId === section.id && p.isActive).map((p) => ({ placement: p, item: itemsById.get(p.itemId) })).filter((row) => row.item && row.item.status !== "hidden");
+      if (rows.length === 0) return null;
+      return /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "border-b pb-1 text-sm font-semibold uppercase tracking-wider text-muted-foreground", children: section.name }),
+        section.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: section.description }),
+        /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-2", children: rows.map(({ placement, item }) => /* @__PURE__ */ jsxs("li", { className: "flex items-baseline gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: item.name }),
+            item.status === "sold_out" && /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] uppercase text-destructive", children: t("menu.manager.soldOut") }),
+            item.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: item.description })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "hidden flex-1 translate-y-[-3px] border-b border-dotted border-muted-foreground/30 sm:block" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium tabular-nums", children: formatCurrency(placement.priceOverride ?? item.price, currency) })
+        ] }, placement.id)) })
+      ] }, section.id);
+    }) })
+  ] }) });
+}
+function MenuManagerView() {
+  const t = useTranslation();
+  const { currency, modules } = useMenuConfig();
+  const multiMenu = useMenuStore((s) => s.multiMenu);
+  const menus = useMenuStore((s) => s.menus);
+  const menusLoading = useMenuStore((s) => s.menusLoading);
+  const activeMenuId = useMenuStore((s) => s.activeMenuId);
+  const sections = useMenuStore((s) => s.sections);
+  const placements = useMenuStore((s) => s.placements);
+  const menuLoading = useMenuStore((s) => s.menuLoading);
+  const menuItems = useMenuStore((s) => s.menuItems);
+  useMenuStore((s) => s.extracting);
+  const draft = useMenuStore((s) => s.draft);
+  const pendingIds = useMenuStore((s) => s.pendingIds);
+  const fetchMenus = useMenuStore((s) => s.fetchMenus);
+  const fetchMenuItems = useMenuStore((s) => s.fetchMenuItems);
+  const openMenu = useMenuStore((s) => s.openMenu);
+  const createMenu = useMenuStore((s) => s.createMenu);
+  const updateMenu = useMenuStore((s) => s.updateMenu);
+  const deleteMenu = useMenuStore((s) => s.deleteMenu);
+  const duplicateMenu = useMenuStore((s) => s.duplicateMenu);
+  const createSection = useMenuStore((s) => s.createSection);
+  const updateSection = useMenuStore((s) => s.updateSection);
+  const deleteSection = useMenuStore((s) => s.deleteSection);
+  const reorderSections = useMenuStore((s) => s.reorderSections);
+  const addItemToSection = useMenuStore((s) => s.addItemToSection);
+  const removePlacement = useMenuStore((s) => s.removePlacement);
+  const setPlacementPrice = useMenuStore((s) => s.setPlacementPrice);
+  const reorderPlacements = useMenuStore((s) => s.reorderPlacements);
+  const movePlacement = useMenuStore((s) => s.movePlacement);
+  const updateMenuItem = useMenuStore((s) => s.updateMenuItem);
+  const deleteMenuItem = useMenuStore((s) => s.deleteMenuItem);
+  const duplicateMenuItem = useMenuStore((s) => s.duplicateMenuItem);
+  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 [search, setSearch] = useState("");
+  const [menuEditor, setMenuEditor] = useState({ open: false });
+  const [itemEditor, setItemEditor] = useState({ open: false, sectionId: "" });
+  const [previewOpen, setPreviewOpen] = useState(false);
+  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);
+  };
+  const askForPhotos = () => requestChatUpload({
+    label: t("menu.import.uploadCta"),
+    description: t("menu.import.uploadHint"),
+    accept: "image/*",
+    multiple: true,
+    capture: "environment",
+    onFiles: readPhotos
+  });
+  const startAiImport = () => {
+    askForPhotos();
+    askAI({
+      prompt: t("menu.import.askPrompt"),
+      hint: t("menu.import.askHint"),
+      intro: {
+        role: "operations",
+        persona: t("menu.import.askPersona"),
+        pitch: t("menu.import.askPitch"),
+        description: t("menu.import.askDescription"),
+        suggestions: [
+          { label: t("menu.import.askSuggestion.0") },
+          { label: t("menu.import.askSuggestion.1") },
+          { label: t("menu.import.askSuggestion.2") }
+        ]
+      }
+    });
+  };
+  useEffect(() => {
+    void fetchMenus();
+    void fetchMenuItems({});
+  }, []);
+  const activeMenu = menus.find((m) => m.id === activeMenuId);
+  const itemsById = useMemo(() => new Map(menuItems.map((item) => [item.id, item])), [menuItems]);
+  const visible = useMemo(() => {
+    const term = search.trim().toLowerCase();
+    const matches = (placement) => {
+      if (!term) return true;
+      const item = itemsById.get(placement.itemId);
+      return !!item && (item.name.toLowerCase().includes(term) || (item.description ?? "").toLowerCase().includes(term));
+    };
+    const bySection = /* @__PURE__ */ new Map();
+    for (const placement of [...placements].sort((a, b) => a.sortOrder - b.sortOrder)) {
+      if (!matches(placement)) continue;
+      const list = bySection.get(placement.sectionId) ?? [];
+      list.push(placement);
+      bySection.set(placement.sectionId, list);
+    }
+    const ordered = [...sections].sort((a, b) => a.sortOrder - b.sortOrder);
+    return {
+      sections: term ? ordered.filter((s) => (bySection.get(s.id)?.length ?? 0) > 0) : ordered,
+      bySection
+    };
+  }, [sections, placements, itemsById, search]);
+  const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 5 } }));
+  const handleDragEnd = (event) => {
+    setDragging(null);
+    const { active, over } = event;
+    if (!over || active.id === over.id) return;
+    const type = active.data.current?.type;
+    if (type === "section") {
+      const ids = visible.sections.map((s) => s.id);
+      const from = ids.indexOf(String(active.id));
+      const to = ids.indexOf(String(over.id));
+      if (from < 0 || to < 0) return;
+      const next = [...ids];
+      next.splice(to, 0, next.splice(from, 1)[0]);
+      void reorderSections(next);
+      return;
+    }
+    if (type === "item") {
+      const fromSection = String(active.data.current?.sectionId ?? "");
+      const overType = over.data.current?.type;
+      const toSection = overType === "section" ? String(over.id) : String(over.data.current?.sectionId ?? "");
+      if (!toSection) return;
+      const target = (visible.bySection.get(toSection) ?? []).map((p) => p.id);
+      if (fromSection === toSection) {
+        const from = target.indexOf(String(active.id));
+        const to = target.indexOf(String(over.id));
+        if (from < 0 || to < 0) return;
+        const next = [...target];
+        next.splice(to, 0, next.splice(from, 1)[0]);
+        void reorderPlacements(toSection, next);
+      } else {
+        const index = overType === "section" ? target.length : Math.max(0, target.indexOf(String(over.id)));
+        void movePlacement(String(active.id), toSection, index);
+      }
+    }
+  };
+  const handlers = {
+    onRenameSection: (sectionId, name) => void updateSection(sectionId, { name }),
+    onEditSection: (section) => void updateSection(section.id, { isActive: !section.isActive }),
+    onDeleteSection: (section) => setConfirm({ kind: "section", id: section.id, name: section.name }),
+    onAddItem: (sectionId) => setItemEditor({ open: true, sectionId }),
+    onEditItem: (item, placement) => setItemEditor({ open: true, item, sectionId: placement.sectionId, placement }),
+    onDuplicateItem: (item, sectionId) => void duplicateMenuItem(item.id, sectionId),
+    onRemoveFromMenu: (placement) => void removePlacement(placement.id),
+    onDeleteItem: (item) => setConfirm({ kind: "item", id: item.id, name: item.name }),
+    onToggleItem: (itemId, field, value) => void toggleAvailability(itemId, field, value),
+    onSetItemStatus: (itemId, status) => void setItemStatus(itemId, status),
+    onSetPlacementPrice: (placementId, price) => void setPlacementPrice(placementId, price)
+  };
+  useMenuAgentSurface({
+    menu: activeMenu,
+    menus,
+    sections,
+    placements,
+    itemsById,
+    draft,
+    hasExtractor: !!extractor,
+    actions: {
+      createSection: (name) => createSection(name),
+      renameSection: (sectionId, name) => updateSection(sectionId, { name }),
+      reorderSections,
+      createItem: (sectionId, input) => addItemToSection(sectionId, input),
+      updateItem: (itemId, patch) => updateMenuItem(itemId, patch),
+      setItemStatus,
+      moveItem: movePlacement,
+      createMenu: ({ name, days, start, end }) => createMenu({
+        name,
+        availability: days || start || end ? { days, start, end } : {}
+      }),
+      duplicateMenu,
+      requestPhotos: askForPhotos,
+      updateDraftItem,
+      removeDraftItem,
+      updateDraftSection,
+      removeDraftSection,
+      commitDraft: async () => {
+        const result = await commitDraft();
+        return result;
+      },
+      discardDraft
+    }
+  });
+  const submitItem = async (values) => {
+    const { sectionId, priceOverride, ...rest } = values;
+    if (itemEditor.item) {
+      await updateMenuItem(itemEditor.item.id, rest);
+      if (itemEditor.placement) {
+        if (priceOverride !== itemEditor.placement.priceOverride) {
+          await setPlacementPrice(itemEditor.placement.id, priceOverride);
+        }
+        if (sectionId !== itemEditor.placement.sectionId) {
+          await movePlacement(itemEditor.placement.id, sectionId, 0);
+        }
+      }
+    } else {
+      await addItemToSection(sectionId, rest);
+    }
+  };
+  const confirmDelete = async () => {
+    if (!confirm) return;
+    if (confirm.kind === "section") await deleteSection(confirm.id);
+    if (confirm.kind === "item") await deleteMenuItem(confirm.id);
+    if (confirm.kind === "menu") await deleteMenu(confirm.id);
+    setConfirm(null);
+  };
+  const scheduleLabel = activeMenu ? describeAvailability(activeMenu.availability, currency.locale, t("menu.schedule.always")) : "";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      extractor && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", onClick: startAiImport, children: [
+        /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("menu.import.action")
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", onClick: () => setPreviewOpen(true), children: [
+        /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("menu.preview.action")
+      ] }),
+      multiMenu && /* @__PURE__ */ jsxs(Button, { size: "default", onClick: () => setMenuEditor({ open: true }), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("menu.manager.newMenu")
+      ] })
+    ] }) }),
+    multiMenu && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: menus.map((menu) => {
+      const active = menu.id === activeMenuId;
+      const serving = menu.isActive && isServingAt(menu.availability);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => void openMenu(menu.id),
+          className: `group inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-sm transition-colors ${active ? "border-primary bg-primary/10 font-medium text-foreground" : "bg-card text-muted-foreground hover:bg-muted"}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: `h-1.5 w-1.5 rounded-full ${serving ? "bg-success" : "bg-muted-foreground/30"}` }),
+            menu.name,
+            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: menu.itemCount ?? 0 })
+          ]
+        },
+        menu.id
+      );
+    }) }),
+    activeMenu && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: scheduleLabel }),
+      !isAlwaysAvailable(activeMenu.availability) && /* @__PURE__ */ jsx("span", { className: `rounded-full px-2 py-0.5 text-[10px] font-medium ${isServingAt(activeMenu.availability) ? "bg-success-soft text-success-soft-foreground" : "bg-muted"}`, children: isServingAt(activeMenu.availability) ? t("menu.manager.servingNow") : t("menu.manager.notServing") }),
+      !activeMenu.isActive && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium", children: t("menu.manager.menuOff") }),
+      multiMenu && /* @__PURE__ */ jsxs(Dropdown, { children: [
+        /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "rounded px-1.5 py-0.5 text-[11px] underline-offset-2 hover:underline", children: t("menu.manager.menuActions") }) }),
+        /* @__PURE__ */ jsxs(DropdownContent, { align: "start", children: [
+          /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => setMenuEditor({ open: true, editing: true }), children: [
+            /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-3.5 w-3.5" }),
+            " ",
+            t("menu.manager.editMenu")
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => void duplicateMenu(activeMenu.id, `${activeMenu.name} (c\xF3pia)`), children: [
+            /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-3.5 w-3.5" }),
+            " ",
+            t("menu.manager.duplicateMenu")
+          ] }),
+          /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => void updateMenu(activeMenu.id, { isActive: !activeMenu.isActive }), children: [
+            /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-3.5 w-3.5" }),
+            activeMenu.isActive ? t("menu.manager.deactivateMenu") : t("menu.manager.activateMenu")
+          ] }),
+          /* @__PURE__ */ jsx(DropdownSeparator, {}),
+          /* @__PURE__ */ jsxs(
+            DropdownItem,
+            {
+              className: "text-destructive focus:text-destructive",
+              onClick: () => setConfirm({ kind: "menu", id: activeMenu.id, name: activeMenu.name }),
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-3.5 w-3.5" }),
+                " ",
+                t("menu.manager.deleteMenu")
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative min-w-[12rem] flex-1", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: t("menu.manager.search"),
+            className: "w-full rounded-input border bg-card py-1.5 pl-8 pr-3 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => void createSection(t("menu.manager.newSectionName")), children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        " ",
+        t("menu.manager.addSection")
+      ] })
+    ] }),
+    menusLoading || menuLoading ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx("div", { className: "h-24 animate-pulse rounded-card border bg-muted/20" }, i)) }) : visible.sections.length === 0 && !draft ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 rounded-card border-2 border-dashed py-14 text-center", children: [
+      /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-8 w-8 text-muted-foreground/30" }),
+      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: t("menu.manager.empty") }),
+      /* @__PURE__ */ jsx("p", { className: "max-w-sm text-xs text-muted-foreground", children: t("menu.manager.emptyHint") }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => void createSection(t("menu.manager.newSectionName")), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("menu.manager.addSection")
+        ] }),
+        extractor && /* @__PURE__ */ jsxs(Button, { onClick: startAiImport, children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("menu.import.action")
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(
+      DndContext,
+      {
+        sensors,
+        collisionDetection: closestCenter,
+        onDragStart: (event) => setDragging(String(event.active.id)),
+        onDragEnd: handleDragEnd,
+        onDragCancel: () => setDragging(null),
+        children: [
+          /* @__PURE__ */ jsx(SortableContext, { items: visible.sections.map((s) => s.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: visible.sections.map((section) => {
+            const rows = visible.bySection.get(section.id) ?? [];
+            return /* @__PURE__ */ jsx(SortableContext, { items: rows.map((p) => p.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
+              SectionCard,
+              {
+                section,
+                placements: rows,
+                itemsById,
+                currency,
+                locale: currency.locale,
+                deliveryPricing: modules.deliveryPricing,
+                multiMenu,
+                pendingIds,
+                handlers
+              }
+            ) }, section.id);
+          }) }) }),
+          /* @__PURE__ */ jsx(DragOverlay, { children: dragging ? /* @__PURE__ */ jsx("div", { className: "h-10 rounded-card border bg-card shadow-lg" }) : null })
+        ]
+      }
+    ),
+    draft && /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-1", children: [
+      draft.sections.map((section) => /* @__PURE__ */ jsx(
+        DraftSectionCard,
+        {
+          section,
+          sections,
+          onPatchSection: (patch) => updateDraftSection(section.key, patch),
+          onRemoveSection: () => removeDraftSection(section.key),
+          onPatchItem: (itemKey, patch) => updateDraftItem(section.key, itemKey, patch),
+          onRemoveItem: (itemKey) => removeDraftItem(section.key, itemKey)
+        },
+        section.key
+      )),
+      /* @__PURE__ */ jsx(
+        DraftBar,
+        {
+          draft,
+          saving: committing,
+          onDiscard: discardDraft,
+          onCommit: async () => {
+            setCommitting(true);
+            try {
+              const result = await commitDraft();
+              toast.success(t("menu.import.done", {
+                items: String(result.itemsCreated),
+                sections: String(result.sectionsCreated)
+              }));
+            } finally {
+              setCommitting(false);
+            }
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      MenuRailPage,
+      {
+        open: menuEditor.open,
+        menu: menuEditor.editing ? activeMenu : void 0,
+        locale: currency.locale,
+        onClose: () => setMenuEditor({ open: false }),
+        onSubmit: async (values) => {
+          if (menuEditor.editing && activeMenu) await updateMenu(activeMenu.id, values);
+          else await createMenu(values);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ItemRailPage,
+      {
+        open: itemEditor.open,
+        item: itemEditor.item,
+        sections,
+        sectionId: itemEditor.sectionId,
+        currency,
+        deliveryPricing: modules.deliveryPricing,
+        multiMenu,
+        priceOverride: itemEditor.placement?.priceOverride,
+        onClose: () => setItemEditor({ open: false, sectionId: "" }),
+        onSubmit: submitItem,
+        onUploadImage: (file) => uploadImage(file, "item")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MenuPreview,
+      {
+        open: previewOpen,
+        menu: activeMenu,
+        sections,
+        placements,
+        itemsById,
+        currency,
+        locale: currency.locale,
+        onClose: () => setPreviewOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open: !!confirm,
+        variant: "destructive",
+        title: confirm ? t(`menu.confirm.${confirm.kind}Title`, { name: confirm.name }) : "",
+        description: confirm ? t(`menu.confirm.${confirm.kind}Desc`) : void 0,
+        confirmLabel: t("menu.confirm.delete"),
+        cancelLabel: t("menu.form.cancel"),
+        onConfirm: () => void confirmDelete(),
+        onCancel: () => setConfirm(null)
+      }
+    )
+  ] });
+}
+function MenuPage({ config, provider, store, registries }) {
+  return /* @__PURE__ */ jsx(MenuContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(MenuManagerView, {}) });
+}
+
+export { MenuPage };
+//# sourceMappingURL=MenuPage-2LLWRJGN.js.map
+//# sourceMappingURL=MenuPage-2LLWRJGN.js.map