@fayz-ai/plugin-menu 0.10.6 → 0.10.8

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

@@ -1,11 +1,11 @@
 import { normalizeExtraction, normalizeName } from './chunk-C6W53TML.js';
-import { createPluginContext, useAgentSurface, askAI, RightRailPage, formatCurrency, requestChatUpload } from '@fayz-ai/admin';
+import { createPluginContext, PageActions, 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, ImageOff, Star, XCircle } from 'lucide-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 { PageHeaderActions, Button, PageTabs, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownSeparator, toast, ConfirmDialog, DraftCommitBar, SheetBody, Input, Switch, SheetFooter, ImageDrop, CurrencyInput, SegmentedControl, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, TimePicker } from '@fayz-ai/ui';
+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';
 
@@ -1549,24 +1549,79 @@ function MenuManagerView() {
     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" }),
+  const menuActions = (menu) => /* @__PURE__ */ jsxs(Dropdown, { children: [
+    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: t("menu.manager.menuActions"), children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "-mr-1 h-5 w-5 rounded-full text-muted-foreground hover:text-foreground focus-visible:ring-1 focus-visible:ring-offset-0",
+        "aria-label": `${t("menu.manager.menuActions")} \u2014 ${menu.name}`,
+        children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-3.5 w-3.5" })
+      }
+    ) }) }),
+    /* @__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.import.action")
+        t("menu.manager.editMenu")
       ] }),
-      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", onClick: () => setPreviewOpen(true), children: [
-        /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
+      /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => void duplicateMenu(menu.id, `${menu.name} (c\xF3pia)`), children: [
+        /* @__PURE__ */ jsx(Copy, { className: "mr-2 h-3.5 w-3.5" }),
         " ",
-        t("menu.preview.action")
+        t("menu.manager.duplicateMenu")
       ] }),
-      multiMenu && /* @__PURE__ */ jsxs(Button, { size: "default", onClick: () => setMenuEditor({ open: true }), children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+      /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => void updateMenu(menu.id, { isActive: !menu.isActive }), children: [
+        /* @__PURE__ */ jsx(Power, { className: "mr-2 h-3.5 w-3.5" }),
+        menu.isActive ? t("menu.manager.deactivateMenu") : t("menu.manager.activateMenu")
+      ] }),
+      /* @__PURE__ */ jsxs(DropdownItem, { onClick: () => setPreviewOpen(true), children: [
+        /* @__PURE__ */ jsx(Eye, { className: "mr-2 h-3.5 w-3.5" }),
         " ",
-        t("menu.manager.newMenu")
-      ] })
-    ] }) }),
+        t("menu.preview.action")
+      ] }),
+      /* @__PURE__ */ jsx(DropdownSeparator, {}),
+      /* @__PURE__ */ jsxs(
+        DropdownItem,
+        {
+          className: "text-destructive focus:text-destructive",
+          onClick: () => setConfirm({ kind: "menu", id: menu.id, name: menu.name }),
+          children: [
+            /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-3.5 w-3.5" }),
+            " ",
+            t("menu.manager.deleteMenu")
+          ]
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: [
+          ...multiMenu ? [{
+            id: "new-menu",
+            label: t("menu.manager.newMenu"),
+            icon: Plus,
+            intent: "primary",
+            creates: true,
+            onSelect: () => setMenuEditor({ open: true })
+          }] : [],
+          ...extractor ? [{
+            id: "ai-import",
+            label: t("menu.import.action"),
+            description: t("menu.import.actionDesc"),
+            icon: Sparkles,
+            // Sem vários cardápios não há botão de criar para se esconder
+            // atrás: aqui ELA é a maneira de cadastrar.
+            intent: multiMenu ? "secondary" : "primary",
+            creates: true,
+            onSelect: () => startAiImport()
+          }] : []
+        ]
+      }
+    ) }),
     multiMenu && /* @__PURE__ */ jsx(
       PageTabs,
       {
@@ -1574,56 +1629,34 @@ function MenuManagerView() {
         "aria-label": t("menu.manager.newMenu"),
         value: activeMenuId ?? menus[0]?.id ?? "",
         onChange: (id) => void openMenu(id),
-        tabs: menus.map((menu) => ({
-          value: menu.id,
-          label: menu.name,
-          count: menu.itemCount ?? 0,
-          badge: /* @__PURE__ */ jsx(
-            "span",
-            {
-              "aria-hidden": true,
-              className: `ml-0.5 h-1.5 w-1.5 rounded-full ${menu.isActive && isServingAt(menu.availability) ? "bg-success" : "bg-muted-foreground/30"}`
-            }
-          )
-        }))
+        tabs: menus.map((menu) => {
+          const isOpen = menu.id === (activeMenuId ?? menus[0]?.id);
+          return {
+            value: menu.id,
+            label: menu.name,
+            count: menu.itemCount ?? 0,
+            // A bolinha continua marcando os cardápios que NÃO estão abertos
+            // — é ali que ela responde uma pergunta ("qual está servindo
+            // agora?"). No aberto, o lugar é do menu de ações dele.
+            badge: isOpen ? void 0 : /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": true,
+                className: `ml-0.5 h-1.5 w-1.5 rounded-full ${menu.isActive && isServingAt(menu.availability) ? "bg-success" : "bg-muted-foreground/30"}`
+              }
+            ),
+            // Cardápio desligado: a aba inteira enfraquece. A etiqueta
+            // "desativado" abaixo dizia isso em texto, longe do nome do
+            // cardápio a que se referia.
+            dim: !menu.isActive,
+            trailing: isOpen ? menuActions(menu) : void 0
+          };
+        })
       }
     ),
-    activeMenu && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+    activeMenu && !isAlwaysAvailable(activeMenu.availability) && /* @__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__ */ 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") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative min-w-[12rem] flex-1", children: [
@@ -1786,5 +1819,5 @@ function MenuPage({ config, provider, store, registries }) {
 }
 
 export { MenuPage };
-//# sourceMappingURL=MenuPage-ZFBHFDZI.js.map
-//# sourceMappingURL=MenuPage-ZFBHFDZI.js.map
+//# sourceMappingURL=MenuPage-SO7EDR6R.js.map
+//# sourceMappingURL=MenuPage-SO7EDR6R.js.map