@fayz-ai/plugin-menu 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Faya Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,49 @@
+# @fayz-ai/plugin-menu
+
+> The menu engine behind every food vertical — items, categories, modifiers, 86'd in one tap.
+
+[![npm](https://img.shields.io/npm/v/@fayz-ai/plugin-menu.svg)](https://www.npmjs.com/package/@fayz-ai/plugin-menu)
+[![license](https://img.shields.io/npm/l/@fayz-ai/plugin-menu.svg)](https://github.com/FayaLabs/fayz-sdk/blob/main/LICENSE)
+
+A menu is the product catalog of a food business — and it changes by the hour. `plugin-menu` is the management surface for that: items, categories, allergens, and modifiers, with sold-out toggles that take effect instantly. It's the foundation the orders flow reads from, so the two compose into a working restaurant.
+
+It's provider-first by design. Ship a demo on the bundled mock provider, then drop in `createFayzMenuProvider` (or your own `MenuDataProvider`) for real data. Modifiers and delivery pricing are opt-in modules, labels and currency are configurable, and the host AI can list items and flip availability by name. The intent: menu management shouldn't be a bespoke build — it's a plugin you snap into a `defineSaas` app to compose a real food SaaS.
+
+## What's inside
+- **Navigation + page** — a `/menu` surface with a menu manager (`MenuManagerView`) for items and categories
+- **Pluggable data** — inject a `MenuDataProvider`, use `createFayzMenuProvider`, or fall back to the bundled mock provider
+- **Opt-in modules** — `modifiers` (on by default) and `deliveryPricing` (off by default)
+- **AI tools** — `listMenuItems` (filter by category/status) and `toggleMenuItemAvailability` (mark available or sold out by name)
+- **Settings + i18n** — a settings panel for categories, allergens, and modifiers, plus bundled locales
+- **Public domain types** — exported so any host can implement its own `MenuDataProvider`
+
+## Install
+```bash
+npm install @fayz-ai/plugin-menu
+```
+Peer deps: `@fayz-ai/core`, `@fayz-ai/ui`, `@fayz-ai/saas`, `@fayz-ai/sdk` (+ react, react-dom).
+
+## Usage
+```tsx
+import { defineSaas } from '@fayz-ai/saas'
+import { createMenuPlugin, createFayzMenuProvider } from '@fayz-ai/plugin-menu'
+
+export const app = defineSaas({
+  // ...
+  plugins: [
+    createMenuPlugin({
+      modules: { modifiers: true, deliveryPricing: false },
+      currency: { code: 'BRL', locale: 'pt-BR', symbol: 'R$' },
+      dataProvider: createFayzMenuProvider({ /* ... */ }),
+    }),
+  ],
+})
+```
+
+Options: `modules`, `labels`, `currency`, `navPosition`, `navSection`, `scope`, `verticalId`, `dataProvider`, `menuItemLookup`.
+
+## Part of the Fayz SDK
+A composable plugin for the Fayz SDK. The catalog `@fayz-ai/plugin-orders` reads from — pair both with `@fayz-ai/plugin-inventory` to tie menu items back to stock.
+
+## Roadmap & contributing
+Built and evolving in the open. See the [Fayz SDK roadmap](../../docs/ROADMAP.md#plugin-menu) for current gaps, missing features, and good first issues.

package/dist/MenuContext.d.ts

@@ -0,0 +1,30 @@
+import { formatCurrency, type CurrencyConfig } from '@fayz-ai/saas';
+import type { MenuDataProvider } from './data/types';
+import type { MenuUIState } from './store';
+export interface MenuPluginLabels {
+    pageTitle: string;
+    menuManager: string;
+    categories: string;
+    newItem: string;
+}
+export interface MenuModules {
+    modifiers: boolean;
+    deliveryPricing: boolean;
+}
+export type MenuCurrency = CurrencyConfig;
+export interface ResolvedMenuConfig {
+    modules: MenuModules;
+    labels: MenuPluginLabels;
+    currency: MenuCurrency;
+}
+export declare const MenuContextProvider: import("react").FC<{
+    config: ResolvedMenuConfig;
+    provider: MenuDataProvider;
+    store: import("zustand").StoreApi<MenuUIState>;
+    children?: React.ReactNode;
+}>;
+export declare const useMenuConfig: () => ResolvedMenuConfig;
+export declare const useMenuProvider: () => MenuDataProvider;
+export declare const useMenuStore: <T>(selector: (state: MenuUIState) => T) => T;
+export { formatCurrency };
+//# sourceMappingURL=MenuContext.d.ts.map

package/dist/MenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../src/MenuContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;CAChB;AAMD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAA;AAEzC,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,EAAE,YAAY,CAAA;CACvB;AAID,eAAO,MAAM,mBAAmB;;;;;EAAsB,CAAA;AACtD,eAAO,MAAM,aAAa,0BAAgB,CAAA;AAC1C,eAAO,MAAM,eAAe,wBAAkB,CAAA;AAC9C,eAAO,MAAM,YAAY,+CAAe,CAAA;AAExC,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/MenuPage-OABV6JYB.js

@@ -0,0 +1,520 @@
+import { createPluginContext, formatCurrency } from '@fayz-ai/saas';
+import { useState, useEffect, useMemo } from 'react';
+import { Loader2, Plus, Search, UtensilsCrossed, GripVertical, ChevronDown, ChevronRight, MoreHorizontal, Star } from 'lucide-react';
+import { Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, ModalFooter, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@fayz-ai/ui';
+import { useTranslation } from '@fayz-ai/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/MenuContext.tsx
+var ctx = createPluginContext("MenuPage");
+var MenuContextProvider = ctx.ContextProvider;
+var useMenuConfig = ctx.useConfig;
+ctx.useProvider;
+var useMenuStore = ctx.useStore;
+var UNCATEGORIZED = "__none";
+var fieldLabel = "text-sm font-medium text-foreground";
+function CategoryModal({ open, onClose }) {
+  const t = useTranslation();
+  const createCategory = useMenuStore((s) => s.createCategory);
+  const [name, setName] = useState("");
+  const [saving, setSaving] = useState(false);
+  const submit = async () => {
+    if (!name.trim()) return;
+    setSaving(true);
+    try {
+      await createCategory({ name: name.trim() });
+      setName("");
+      onClose();
+    } catch {
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "sm", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: t("menu.manager.addCategory") }) }),
+    /* @__PURE__ */ jsx(ModalBody, { className: "space-y-4", children: /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: fieldLabel, children: t("menu.form.categoryName") }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") submit();
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("menu.form.cancel") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: submit, disabled: saving || !name.trim(), children: [
+        saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }),
+        t("menu.form.save")
+      ] })
+    ] })
+  ] }) });
+}
+function ItemModal({
+  open,
+  categories,
+  defaultCategoryId,
+  onClose
+}) {
+  const t = useTranslation();
+  const config = useMenuConfig();
+  const createMenuItem = useMenuStore((s) => s.createMenuItem);
+  const [name, setName] = useState("");
+  const [price, setPrice] = useState("");
+  const [categoryId, setCategoryId] = useState(defaultCategoryId ?? UNCATEGORIZED);
+  const [description, setDescription] = useState("");
+  const [saving, setSaving] = useState(false);
+  const submit = async () => {
+    if (!name.trim()) return;
+    setSaving(true);
+    try {
+      await createMenuItem({
+        name: name.trim(),
+        price: Number(price) || 0,
+        categoryId: categoryId === UNCATEGORIZED ? void 0 : categoryId,
+        description: description.trim() || void 0
+      });
+      onClose();
+    } catch {
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: t("menu.manager.addProduct") }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: fieldLabel, children: t("menu.form.itemName") }),
+        /* @__PURE__ */ jsx(Input, { autoFocus: true, value: name, onChange: (e) => setName(e.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: fieldLabel, children: [
+            t("menu.manager.price"),
+            " (",
+            config.currency.symbol,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              step: "0.01",
+              value: price,
+              onChange: (e) => setPrice(e.target.value),
+              placeholder: "0"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: fieldLabel, children: t("menu.form.category") }),
+          /* @__PURE__ */ jsxs(Select, { value: categoryId, onValueChange: setCategoryId, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsxs(SelectContent, { children: [
+              /* @__PURE__ */ jsx(SelectItem, { value: UNCATEGORIZED, children: t("menu.form.uncategorized") }),
+              categories.map((cat) => /* @__PURE__ */ jsx(SelectItem, { value: cat.id, children: cat.name }, cat.id))
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("span", { className: fieldLabel, children: [
+          t("menu.form.description"),
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground font-normal", children: [
+            "(",
+            t("menu.form.optional"),
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: description,
+            onChange: (e) => setDescription(e.target.value),
+            rows: 2,
+            className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("menu.form.cancel") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: submit, disabled: saving || !name.trim(), children: [
+        saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }),
+        t("menu.form.save")
+      ] })
+    ] })
+  ] }) });
+}
+function Toggle({
+  checked,
+  onChange,
+  size = "sm"
+}) {
+  const h = size === "xs" ? "h-4 w-7" : "h-5 w-9";
+  const dot = size === "xs" ? "h-3 w-3" : "h-4 w-4";
+  const translate = size === "xs" ? "translate-x-[13px]" : "translate-x-[18px]";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(!checked),
+      className: `relative inline-flex ${h} items-center rounded-full transition-colors ${checked ? "bg-primary" : "bg-muted-foreground/30"}`,
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `pointer-events-none block ${dot} rounded-full bg-white shadow-sm transition-transform ${checked ? translate : "translate-x-[2px]"}`
+        }
+      )
+    }
+  );
+}
+function CategorySkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card animate-pulse", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-4 rounded bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded bg-muted flex-1" }),
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-16 rounded bg-muted" })
+  ] }) });
+}
+function CategorySection({
+  category,
+  items,
+  expanded,
+  onToggle,
+  onAddProduct
+}) {
+  const t = useTranslation();
+  const config = useMenuConfig();
+  const toggleAvailability = useMenuStore((s) => s.toggleAvailability);
+  const handleToggle = async (id, field, current) => {
+    await toggleAvailability(id, field, !current);
+  };
+  const handleFeatureToggle = async (id, current) => {
+    await toggleAvailability(id, "isFeatured", !current);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4 text-muted-foreground/40 cursor-grab" }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: onToggle, className: "p-0.5", children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold flex-1", children: category.name }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx("span", { children: t("menu.manager.itemsCount", { count: items.length }) }) }),
+      /* @__PURE__ */ jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground rounded", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) })
+    ] }),
+    expanded && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onAddProduct,
+          className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground border border-dashed rounded-md px-3 py-1.5 hover:bg-muted/30 transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+            t("menu.manager.addProduct")
+          ]
+        }
+      ) }),
+      items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-t bg-muted/30 text-[10px] uppercase tracking-wider text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("th", { className: "text-left py-2 pl-4 pr-2 font-medium", children: t("menu.manager.item") }),
+          /* @__PURE__ */ jsx("th", { className: "py-2 px-2 font-medium text-center w-16", children: t("menu.manager.pos") }),
+          /* @__PURE__ */ jsx("th", { className: "py-2 px-2 font-medium text-center w-16", children: t("menu.manager.delivery") }),
+          /* @__PURE__ */ jsx("th", { className: "py-2 px-2 font-medium text-center w-28", children: t("menu.manager.price") }),
+          config.modules.deliveryPricing && /* @__PURE__ */ jsx("th", { className: "py-2 px-2 font-medium text-center w-28", children: t("menu.manager.deliveryPrice") }),
+          /* @__PURE__ */ jsx("th", { className: "py-2 px-2 font-medium text-center w-16", children: t("menu.manager.featured") }),
+          /* @__PURE__ */ jsx("th", { className: "py-2 pr-4 w-8" })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { className: "divide-y", children: items.map((item) => /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            className: "hover:bg-muted/20 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 pl-4 pr-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx(GripVertical, { className: "h-3.5 w-3.5 text-muted-foreground/30 cursor-grab shrink-0" }),
+                /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-muted/50 overflow-hidden", children: item.imageUrl ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: item.imageUrl,
+                    alt: "",
+                    className: "h-full w-full object-cover"
+                  }
+                ) : /* @__PURE__ */ jsx(UtensilsCrossed, { className: "h-4 w-4 text-muted-foreground/40" }) }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: item.name }),
+                  item.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate max-w-[280px]", children: item.description })
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-2 text-center", children: /* @__PURE__ */ jsx(
+                Toggle,
+                {
+                  checked: item.availableForPos,
+                  onChange: () => handleToggle(
+                    item.id,
+                    "availableForPos",
+                    item.availableForPos
+                  ),
+                  size: "xs"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-2 text-center", children: /* @__PURE__ */ jsx(
+                Toggle,
+                {
+                  checked: item.availableForDelivery,
+                  onChange: () => handleToggle(
+                    item.id,
+                    "availableForDelivery",
+                    item.availableForDelivery
+                  ),
+                  size: "xs"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-2 text-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: formatCurrency(item.price, config.currency) }) }),
+              config.modules.deliveryPricing && /* @__PURE__ */ jsx("td", { className: "py-2.5 px-2 text-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: item.deliveryPrice != null ? formatCurrency(
+                item.deliveryPrice,
+                config.currency
+              ) : "\u2014" }) }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 px-2 text-center", children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => handleFeatureToggle(item.id, item.isFeatured),
+                  className: `p-1 rounded ${item.isFeatured ? "text-amber-500" : "text-muted-foreground/30 hover:text-muted-foreground"}`,
+                  children: /* @__PURE__ */ jsx(
+                    Star,
+                    {
+                      className: `h-4 w-4 ${item.isFeatured ? "fill-current" : ""}`
+                    }
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "py-2.5 pr-4", children: /* @__PURE__ */ jsx("button", { className: "p-1 text-muted-foreground hover:text-foreground rounded", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-3.5 w-3.5" }) }) })
+            ]
+          },
+          item.id
+        )) })
+      ] }) }) : /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-6 text-center text-xs text-muted-foreground", children: t("menu.manager.noItems") })
+    ] })
+  ] });
+}
+function MenuManagerView() {
+  const t = useTranslation();
+  useMenuConfig();
+  const categories = useMenuStore((s) => s.categories);
+  const categoriesLoading = useMenuStore((s) => s.categoriesLoading);
+  const menuItems = useMenuStore((s) => s.menuItems);
+  const menuItemsLoading = useMenuStore((s) => s.menuItemsLoading);
+  const fetchCategories = useMenuStore((s) => s.fetchCategories);
+  const fetchMenuItems = useMenuStore((s) => s.fetchMenuItems);
+  const [expandedCategories, setExpandedCategories] = useState(
+    /* @__PURE__ */ new Set()
+  );
+  const [search, setSearch] = useState("");
+  const [categoryFilter, setCategoryFilter] = useState("all");
+  const [showCategoryModal, setShowCategoryModal] = useState(false);
+  const [showItemModal, setShowItemModal] = useState(false);
+  const [itemModalCategory, setItemModalCategory] = useState(void 0);
+  const openItemModal = (categoryId) => {
+    setItemModalCategory(categoryId);
+    setShowItemModal(true);
+  };
+  useEffect(() => {
+    fetchCategories();
+    fetchMenuItems({});
+  }, []);
+  useEffect(() => {
+    if (categories.length > 0 && expandedCategories.size === 0) {
+      setExpandedCategories(new Set(categories.map((c) => c.id)));
+    }
+  }, [categories]);
+  const grouped = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of menuItems) {
+      const key = item.categoryId ?? "__uncategorized";
+      const list = map.get(key) ?? [];
+      list.push(item);
+      map.set(key, list);
+    }
+    return map;
+  }, [menuItems]);
+  const filteredCategories = useMemo(() => {
+    const lowerSearch = search.toLowerCase();
+    return categories.filter((cat) => {
+      if (categoryFilter !== "all" && cat.id !== categoryFilter) return false;
+      if (lowerSearch) {
+        const items = grouped.get(cat.id) ?? [];
+        return items.some(
+          (item) => item.name.toLowerCase().includes(lowerSearch) || (item.description?.toLowerCase().includes(lowerSearch) ?? false)
+        );
+      }
+      return true;
+    });
+  }, [categories, categoryFilter, search, grouped]);
+  const getFilteredItems = (categoryId) => {
+    const items = grouped.get(categoryId) ?? [];
+    if (!search) return items;
+    const lowerSearch = search.toLowerCase();
+    return items.filter(
+      (item) => item.name.toLowerCase().includes(lowerSearch) || (item.description?.toLowerCase().includes(lowerSearch) ?? false)
+    );
+  };
+  const toggleCategory = (id) => {
+    setExpandedCategories((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+  };
+  const isLoading = categoriesLoading || menuItemsLoading;
+  if (isLoading && categories.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "h-7 w-40 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-64 rounded bg-muted animate-pulse mt-2" })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-9 w-40 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsx("div", { className: "h-9 flex-1 max-w-sm rounded bg-muted animate-pulse" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(CategorySkeleton, {}),
+        /* @__PURE__ */ jsx(CategorySkeleton, {}),
+        /* @__PURE__ */ jsx(CategorySkeleton, {})
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: t("menu.manager.title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("menu.manager.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        isLoading && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowCategoryModal(true),
+            className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-muted/50 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("menu.manager.addCategory")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openItemModal(void 0),
+            className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("menu.manager.addProduct")
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: categoryFilter,
+          onChange: (e) => setCategoryFilter(e.target.value),
+          className: "h-9 rounded-md border border-input bg-background px-3 text-sm",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "all", children: t("menu.manager.allCategories") }),
+            categories.map((cat) => /* @__PURE__ */ jsx("option", { value: cat.id, children: cat.name }, cat.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "relative flex-1 max-w-sm", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: t("menu.manager.search"),
+            className: "h-9 w-full rounded-md border border-input bg-background pl-9 pr-3 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: filteredCategories.map((category) => /* @__PURE__ */ jsx(
+      CategorySection,
+      {
+        category,
+        items: getFilteredItems(category.id),
+        expanded: expandedCategories.has(category.id),
+        onToggle: () => toggleCategory(category.id),
+        onAddProduct: () => openItemModal(category.id)
+      },
+      category.id
+    )) }),
+    filteredCategories.length === 0 && !isLoading && /* @__PURE__ */ jsx("div", { className: "text-center py-12", children: categories.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(UtensilsCrossed, { className: "mx-auto h-10 w-10 text-muted-foreground/40 mb-3" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("menu.manager.noItems") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("menu.manager.noItemsDesc") }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowCategoryModal(true),
+            className: "inline-flex items-center gap-1.5 rounded-md border px-3 py-1.5 text-sm hover:bg-muted/50",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("menu.manager.addCategory")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => openItemModal(void 0),
+            className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("menu.manager.addProduct")
+            ]
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Search, { className: "mx-auto h-10 w-10 text-muted-foreground/40 mb-3" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("menu.manager.noResults") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("menu.manager.noResultsDesc") })
+    ] }) }),
+    showCategoryModal && /* @__PURE__ */ jsx(CategoryModal, { open: true, onClose: () => setShowCategoryModal(false) }),
+    showItemModal && /* @__PURE__ */ jsx(
+      ItemModal,
+      {
+        open: true,
+        categories,
+        defaultCategoryId: itemModalCategory,
+        onClose: () => setShowItemModal(false)
+      }
+    )
+  ] });
+}
+function MenuPage({ config, provider, store, registries }) {
+  return /* @__PURE__ */ jsx(MenuContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(MenuManagerView, {}) });
+}
+
+export { MenuPage };
+//# sourceMappingURL=MenuPage-OABV6JYB.js.map
+//# sourceMappingURL=MenuPage-OABV6JYB.js.map