@open-mercato/core 0.5.1-develop.3036.f02c281f23 → 0.5.1-develop.3045.b4b3320cc2

package/dist/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.js

@@ -0,0 +1,466 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Boxes, ChevronDown, FileText, Package, PanelRightOpen, PenLine, Sparkles, Tags, TrendingUp } from "lucide-react";
+import { AiChat } from "@open-mercato/ui/ai/AiChat";
+import { useAiDock } from "@open-mercato/ui/ai/AiDock";
+import { useAiChatSessions } from "@open-mercato/ui/ai/AiChatSessions";
+import { ChatPaneTabs } from "@open-mercato/ui/ai/ChatPaneTabs";
+import "../../../components/CatalogStatsCard.js";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+const MERCHANDISING_AGENT_ID = "catalog.merchandising_assistant";
+function useMerchandisingSuggestions(hasSelection, selectedCount) {
+  const t = useT();
+  return React.useMemo(() => {
+    if (hasSelection) {
+      return [
+        {
+          label: t(
+            "catalog.merchandising_assistant.suggestions.draftDescriptions",
+            "Draft product descriptions for selected items"
+          ),
+          prompt: `Draft compelling product descriptions for my ${selectedCount} selected products`,
+          icon: /* @__PURE__ */ jsx(PenLine, { className: "size-4" })
+        },
+        {
+          label: t(
+            "catalog.merchandising_assistant.suggestions.extractAttributes",
+            "Extract attributes from descriptions"
+          ),
+          prompt: `Extract structured attributes from the descriptions of my ${selectedCount} selected products`,
+          icon: /* @__PURE__ */ jsx(Tags, { className: "size-4" })
+        },
+        {
+          label: t(
+            "catalog.merchandising_assistant.suggestions.titleVariants",
+            "Generate title variants for SEO"
+          ),
+          prompt: `Generate SEO-optimized title variants for my ${selectedCount} selected products`,
+          icon: /* @__PURE__ */ jsx(FileText, { className: "size-4" })
+        },
+        {
+          label: t(
+            "catalog.merchandising_assistant.suggestions.priceAdjustments",
+            "Suggest price adjustments"
+          ),
+          prompt: `Analyze and suggest price adjustments for my ${selectedCount} selected products`,
+          icon: /* @__PURE__ */ jsx(TrendingUp, { className: "size-4" })
+        }
+      ];
+    }
+    return [
+      {
+        label: t(
+          "catalog.merchandising_assistant.suggestions.showStats",
+          "Show catalog overview"
+        ),
+        // Triggers the `catalog.show_stats` tool, which returns the inline
+        // catalog-stats UI part (live counts of products, active products,
+        // categories, tags). Demo entry-point for the dynamic UI-part path.
+        prompt: "Show me a quick catalog overview using the stats card.",
+        icon: /* @__PURE__ */ jsx(Boxes, { className: "size-4" })
+      },
+      {
+        label: t(
+          "catalog.merchandising_assistant.suggestions.browseProducts",
+          "Show me an overview of my product catalog"
+        ),
+        prompt: "Give me an overview of my product catalog \u2014 categories, total products, and pricing ranges",
+        icon: /* @__PURE__ */ jsx(Package, { className: "size-4" })
+      },
+      {
+        label: t(
+          "catalog.merchandising_assistant.suggestions.findMissingDescriptions",
+          "Find products with missing descriptions"
+        ),
+        prompt: "Find products that are missing descriptions or have very short descriptions",
+        icon: /* @__PURE__ */ jsx(PenLine, { className: "size-4" })
+      },
+      {
+        label: t(
+          "catalog.merchandising_assistant.suggestions.analyzeAttributes",
+          "Analyze attribute coverage"
+        ),
+        prompt: "Analyze which products have incomplete attribute data",
+        icon: /* @__PURE__ */ jsx(Tags, { className: "size-4" })
+      },
+      {
+        label: t(
+          "catalog.merchandising_assistant.suggestions.pricingOverview",
+          "Show pricing distribution"
+        ),
+        prompt: "Show me the pricing distribution across categories",
+        icon: /* @__PURE__ */ jsx(TrendingUp, { className: "size-4" })
+      }
+    ];
+  }, [hasSelection, selectedCount, t]);
+}
+function useContextItems(pageContext) {
+  const t = useT();
+  return React.useMemo(() => {
+    const items = [];
+    const { selectedCount, totalMatching, filter } = pageContext.extra;
+    if (selectedCount > 0) {
+      items.push({
+        label: t(
+          "catalog.merchandising_assistant.context.selectedProducts",
+          "{count} products selected"
+        ).replace("{count}", String(selectedCount))
+      });
+    } else if (totalMatching > 0) {
+      items.push({
+        label: t(
+          "catalog.merchandising_assistant.context.matchingProducts",
+          "{count} products in view"
+        ).replace("{count}", String(totalMatching))
+      });
+    }
+    if (filter.categoryId) {
+      items.push({
+        label: t("catalog.merchandising_assistant.context.filteredByCategory", "Filtered by category"),
+        detail: filter.categoryId
+      });
+    }
+    if (filter.status) {
+      items.push({ label: filter.status });
+    }
+    if (filter.tags.length > 0) {
+      items.push({
+        label: t("catalog.merchandising_assistant.context.tags", "{count} tags").replace(
+          "{count}",
+          String(filter.tags.length)
+        )
+      });
+    }
+    return items;
+  }, [pageContext, t]);
+}
+function useMerchandisingAgents() {
+  const t = useT();
+  const [accessibleAgentIds, setAccessibleAgentIds] = React.useState(null);
+  const declaredAgents = React.useMemo(
+    () => [
+      {
+        id: MERCHANDISING_AGENT_ID,
+        label: t(
+          "catalog.merchandising_assistant.agents.merchandising.label",
+          "Merchandising Assistant"
+        ),
+        description: t(
+          "catalog.merchandising_assistant.agents.merchandising.description",
+          "Draft copy, normalize attributes, and propose price changes for the current selection."
+        ),
+        icon: /* @__PURE__ */ jsx(Sparkles, { className: "size-4" })
+      }
+    ],
+    [t]
+  );
+  React.useEffect(() => {
+    let cancelled = false;
+    apiCall("/api/ai_assistant/ai/agents", {
+      credentials: "same-origin",
+      headers: { "x-om-forbidden-redirect": "0", "x-om-unauthorized-redirect": "0" }
+    }).then((call) => {
+      if (cancelled) return;
+      if (!call.ok || !call.result || !Array.isArray(call.result.agents)) {
+        setAccessibleAgentIds(/* @__PURE__ */ new Set());
+        return;
+      }
+      setAccessibleAgentIds(
+        new Set(
+          call.result.agents.map((agent) => agent?.id).filter((id) => typeof id === "string" && id.length > 0)
+        )
+      );
+    }).catch(() => {
+      if (!cancelled) setAccessibleAgentIds(/* @__PURE__ */ new Set());
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return React.useMemo(
+    () => ({
+      agents: accessibleAgentIds === null ? [] : declaredAgents.filter((agent) => accessibleAgentIds.has(agent.id)),
+      loaded: accessibleAgentIds !== null
+    }),
+    [accessibleAgentIds, declaredAgents]
+  );
+}
+function MerchandisingAssistantSheet({
+  pageContext,
+  enabled = true,
+  className
+}) {
+  const t = useT();
+  const dock = useAiDock();
+  const [open, setOpen] = React.useState(false);
+  const [popoverOpen, setPopoverOpen] = React.useState(false);
+  const [activeAgent, setActiveAgent] = React.useState(MERCHANDISING_AGENT_ID);
+  const [lastAgent, setLastAgent] = React.useState(null);
+  const selectedCount = pageContext.extra.selectedCount;
+  const hasSelection = selectedCount > 0;
+  const suggestions = useMerchandisingSuggestions(hasSelection, selectedCount);
+  const contextItems = useContextItems(pageContext);
+  const { agents, loaded: agentsLoaded } = useMerchandisingAgents();
+  if (!enabled || !agentsLoaded || agents.length === 0) return null;
+  const openAgent = (agentId) => {
+    setActiveAgent(agentId);
+    setLastAgent(agentId);
+    setPopoverOpen(false);
+    if (dock.state.assistant?.agent === agentId) {
+      dock.dock(dock.state.assistant);
+      setOpen(false);
+      return;
+    }
+    setOpen(true);
+  };
+  const handleSelectAgent = (agentId) => {
+    openAgent(agentId);
+  };
+  const handleMainTriggerClick = () => {
+    if (agents.length === 1) {
+      openAgent(agents[0].id);
+      return;
+    }
+    if (lastAgent && agents.some((a) => a.id === lastAgent)) {
+      openAgent(lastAgent);
+      return;
+    }
+    setPopoverOpen(true);
+  };
+  const handleDock = () => {
+    const agent = agents.find((a) => a.id === activeAgent) ?? agents[0];
+    if (!agent) return;
+    dock.dock({
+      agent: agent.id,
+      label: agent.label,
+      description: t("catalog.merchandising_assistant.dock.subtitle", "Catalog"),
+      pageContext,
+      placeholder: t(
+        "catalog.merchandising_assistant.sheet.composerPlaceholder",
+        "Ask for descriptions, attributes, titles, or price ideas..."
+      ),
+      suggestions,
+      contextItems,
+      welcomeTitle: t(
+        "catalog.merchandising_assistant.sheet.welcomeTitle",
+        "Merchandising Assistant"
+      ),
+      welcomeDescription: hasSelection ? t(
+        "catalog.merchandising_assistant.sheet.welcomeDescriptionSelection",
+        "Ready to work with your {count} selected products. Try one of these:"
+      ).replace("{count}", String(selectedCount)) : t(
+        "catalog.merchandising_assistant.sheet.welcomeDescriptionAll",
+        "Select products for targeted actions, or explore your catalog:"
+      )
+    });
+    setOpen(false);
+  };
+  const triggerLabel = t(
+    "catalog.merchandising_assistant.trigger.ariaLabel",
+    "Open AI merchandising assistant"
+  );
+  const labelText = t("catalog.merchandising_assistant.trigger.label", "AI");
+  const moreAgentsLabel = t(
+    "catalog.merchandising_assistant.trigger.moreAgentsAriaLabel",
+    "Choose an AI assistant"
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center", className), children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleMainTriggerClick,
+          "data-ai-merchandising-trigger": "",
+          "aria-label": triggerLabel,
+          title: triggerLabel,
+          className: cn(
+            "relative",
+            agents.length > 1 && "rounded-r-none border-r-0"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: "size-4", "aria-hidden": true }),
+            /* @__PURE__ */ jsx("span", { children: labelText }),
+            hasSelection ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "absolute -top-1 -right-1 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground",
+                "data-ai-merchandising-selected-count": selectedCount,
+                children: selectedCount
+              }
+            ) : null
+          ]
+        }
+      ),
+      agents.length > 1 ? /* @__PURE__ */ jsxs(Popover, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [
+        /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "outline",
+            size: "lg",
+            "aria-label": moreAgentsLabel,
+            title: moreAgentsLabel,
+            className: "rounded-l-none",
+            "data-ai-merchandising-picker": "",
+            children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-72 p-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("catalog.merchandising_assistant.popover.heading", "AI assistants") }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: agents.map((agent) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleSelectAgent(agent.id),
+              "data-ai-merchandising-agent-option": agent.id,
+              className: "flex items-start gap-2 rounded-sm px-2 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-secondary text-secondary-foreground", children: agent.icon }),
+                /* @__PURE__ */ jsxs("span", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block font-medium leading-tight", children: agent.label }),
+                  /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground leading-snug", children: agent.description })
+                ] })
+              ]
+            },
+            agent.id
+          )) })
+        ] })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
+      DialogContent,
+      {
+        className: cn(
+          // Mobile: full-screen sheet. Desktop (≥sm): right-anchored side sheet.
+          // The Dialog primitive applies a centering transform at the
+          // sm breakpoint; each piece (`top`, `left`, transform, inset)
+          // must be overridden at the same breakpoint or the panel
+          // renders half off the viewport.
+          "top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 max-w-none w-screen h-svh max-h-svh rounded-none",
+          "sm:top-0 sm:bottom-0 sm:right-0 sm:left-auto sm:translate-x-0 sm:translate-y-0",
+          "sm:max-w-xl sm:w-[36rem] sm:rounded-l-2xl sm:h-screen sm:max-h-screen",
+          "flex flex-col gap-3 p-4 z-[70]"
+        ),
+        "data-ai-merchandising-sheet": "",
+        children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pr-8", children: [
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  "aria-label": t("catalog.merchandising_assistant.sheet.dock", "Dock to side"),
+                  title: t("catalog.merchandising_assistant.sheet.dock", "Dock to side"),
+                  onClick: handleDock,
+                  "data-ai-merchandising-dock": "",
+                  className: "hidden lg:inline-flex shrink-0",
+                  children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-4", "aria-hidden": true })
+                }
+              ),
+              /* @__PURE__ */ jsx(DialogTitle, { className: "flex-1 min-w-0 truncate", children: t("catalog.merchandising_assistant.sheet.title", "Catalog merchandising assistant") }),
+              hasSelection ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "shrink-0 inline-flex items-center rounded-full border border-border bg-secondary px-2 py-0.5 text-xs text-secondary-foreground",
+                  "data-ai-merchandising-selection-pill": "",
+                  "data-ai-merchandising-selected-count": selectedCount,
+                  children: t(
+                    "catalog.merchandising_assistant.sheet.selectionPill",
+                    "Acting on {count} products"
+                  ).replace("{count}", String(selectedCount))
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: hasSelection ? t(
+              "catalog.merchandising_assistant.sheet.descriptionWithSelection",
+              "Working with {count} selected products. Ask for descriptions, attribute extraction, title suggestions, or pricing analysis."
+            ).replace("{count}", String(selectedCount)) : t(
+              "catalog.merchandising_assistant.sheet.description",
+              "Your AI merchandising copilot. Select products from the list for targeted actions, or explore your full catalog."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            MerchandisingChatBody,
+            {
+              activeAgent,
+              pageContext,
+              suggestions,
+              contextItems,
+              hasSelection,
+              selectedCount
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+function MerchandisingChatBody({
+  activeAgent,
+  pageContext,
+  suggestions,
+  contextItems,
+  hasSelection,
+  selectedCount
+}) {
+  const t = useT();
+  const sessions = useAiChatSessions();
+  const session = sessions.getActiveSession(activeAgent);
+  React.useEffect(() => {
+    if (!session) sessions.ensureSession(activeAgent);
+  }, [activeAgent, session, sessions]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ChatPaneTabs, { agentId: activeAgent, className: "border-b" }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1", "data-ai-merchandising-chat-container": "", children: session ? /* @__PURE__ */ jsx(
+      AiChat,
+      {
+        agent: activeAgent,
+        conversationId: session.conversationId,
+        pageContext,
+        className: "h-full",
+        placeholder: t(
+          "catalog.merchandising_assistant.sheet.composerPlaceholder",
+          "Ask for descriptions, attributes, titles, or price ideas..."
+        ),
+        suggestions,
+        contextItems,
+        welcomeTitle: t(
+          "catalog.merchandising_assistant.sheet.welcomeTitle",
+          "Merchandising Assistant"
+        ),
+        welcomeDescription: hasSelection ? t(
+          "catalog.merchandising_assistant.sheet.welcomeDescriptionSelection",
+          "Ready to work with your {count} selected products. Try one of these:"
+        ).replace("{count}", String(selectedCount)) : t(
+          "catalog.merchandising_assistant.sheet.welcomeDescriptionAll",
+          "Select products for targeted actions, or explore your catalog:"
+        )
+      },
+      session.id
+    ) : null })
+  ] });
+}
+var MerchandisingAssistantSheet_default = MerchandisingAssistantSheet;
+export {
+  MERCHANDISING_AGENT_ID,
+  MerchandisingAssistantSheet,
+  MerchandisingAssistantSheet_default as default
+};
+//# sourceMappingURL=MerchandisingAssistantSheet.js.map

package/dist/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/catalog/backend/catalog/products/MerchandisingAssistantSheet.tsx"],
+  "sourcesContent": ["\"use client\"\n\n/**\n * MerchandisingAssistantSheet \u2014 Step 4.9 (Spec \u00A710 D18).\n *\n * Embeds `<AiChat agent=\"catalog.merchandising_assistant\" pageContext={...} />`\n * in a right-side sheet (built on the shared Dialog primitive because\n * `packages/ui` does not ship a dedicated Sheet/Drawer primitive in\n * Phase 2). The trigger is a button rendered in the products-list page\n * header.\n *\n * Phase 2 is strictly read-only: the sheet shows proposals (structured\n * output), but the mutation tools (`catalog.update_product`,\n * `catalog.bulk_update_products`, `catalog.apply_attribute_extraction`,\n * `catalog.update_product_media_descriptions`) are intentionally NOT in\n * the agent whitelist. Phase 5.14 introduces those via the pending-action\n * contract.\n *\n * pageContext follows spec \u00A710.1 exactly:\n *\n *   {\n *     view: 'catalog.products.list',\n *     recordType: null,\n *     recordId: string,                      // \"\" or comma-separated UUIDs\n *     extra: {\n *       filter: { categoryId, priceRange, tags, status },\n *       totalMatching: number,\n *       selectedCount: number,\n *     }\n *   }\n */\n\nimport * as React from 'react'\nimport { Boxes, ChevronDown, FileText, Package, PanelRightOpen, PenLine, Sparkles, Tags, TrendingUp } from 'lucide-react'\nimport { AiChat, type AiChatSuggestion, type AiChatContextItem } from '@open-mercato/ui/ai/AiChat'\nimport { useAiDock } from '@open-mercato/ui/ai/AiDock'\nimport { useAiChatSessions } from '@open-mercato/ui/ai/AiChatSessions'\nimport { ChatPaneTabs } from '@open-mercato/ui/ai/ChatPaneTabs'\n// Side-effect import: registers the `catalog.stats-card` UI part on the\n// global registry the first time this client bundle loads. Tools that\n// emit `{ uiPart: { componentId: 'catalog.stats-card' } }` envelopes\n// (catalog.show_stats today; user-defined tools tomorrow) automatically\n// resolve to the card without dispatcher changes.\nimport '../../../components/CatalogStatsCard'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport interface MerchandisingPageContextFilter {\n  categoryId: string | null\n  priceRange: { min?: number; max?: number } | null\n  tags: string[]\n  status: string | null\n}\n\nexport interface MerchandisingPageContext {\n  view: 'catalog.products.list'\n  entityType?: 'catalog.products.list'\n  recordType: null\n  recordId: string\n  extra: {\n    filter: MerchandisingPageContextFilter\n    totalMatching: number\n    selectedCount: number\n  }\n}\n\nexport interface MerchandisingAssistantSheetProps {\n  /** Selection-aware page context, built by the products list host. */\n  pageContext: MerchandisingPageContext\n  /** When false (feature-gated by the host), the sheet renders nothing. */\n  enabled?: boolean\n  className?: string\n}\n\nexport const MERCHANDISING_AGENT_ID = 'catalog.merchandising_assistant'\n\nfunction useMerchandisingSuggestions(\n  hasSelection: boolean,\n  selectedCount: number,\n): AiChatSuggestion[] {\n  const t = useT()\n  return React.useMemo(() => {\n    if (hasSelection) {\n      return [\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.draftDescriptions',\n            'Draft product descriptions for selected items',\n          ),\n          prompt: `Draft compelling product descriptions for my ${selectedCount} selected products`,\n          icon: <PenLine className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.extractAttributes',\n            'Extract attributes from descriptions',\n          ),\n          prompt: `Extract structured attributes from the descriptions of my ${selectedCount} selected products`,\n          icon: <Tags className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.titleVariants',\n            'Generate title variants for SEO',\n          ),\n          prompt: `Generate SEO-optimized title variants for my ${selectedCount} selected products`,\n          icon: <FileText className=\"size-4\" />,\n        },\n        {\n          label: t(\n            'catalog.merchandising_assistant.suggestions.priceAdjustments',\n            'Suggest price adjustments',\n          ),\n          prompt: `Analyze and suggest price adjustments for my ${selectedCount} selected products`,\n          icon: <TrendingUp className=\"size-4\" />,\n        },\n      ]\n    }\n    return [\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.showStats',\n          'Show catalog overview',\n        ),\n        // Triggers the `catalog.show_stats` tool, which returns the inline\n        // catalog-stats UI part (live counts of products, active products,\n        // categories, tags). Demo entry-point for the dynamic UI-part path.\n        prompt: 'Show me a quick catalog overview using the stats card.',\n        icon: <Boxes className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.browseProducts',\n          'Show me an overview of my product catalog',\n        ),\n        prompt: 'Give me an overview of my product catalog \u2014 categories, total products, and pricing ranges',\n        icon: <Package className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.findMissingDescriptions',\n          'Find products with missing descriptions',\n        ),\n        prompt: 'Find products that are missing descriptions or have very short descriptions',\n        icon: <PenLine className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.analyzeAttributes',\n          'Analyze attribute coverage',\n        ),\n        prompt: 'Analyze which products have incomplete attribute data',\n        icon: <Tags className=\"size-4\" />,\n      },\n      {\n        label: t(\n          'catalog.merchandising_assistant.suggestions.pricingOverview',\n          'Show pricing distribution',\n        ),\n        prompt: 'Show me the pricing distribution across categories',\n        icon: <TrendingUp className=\"size-4\" />,\n      },\n    ]\n  }, [hasSelection, selectedCount, t])\n}\n\nfunction useContextItems(pageContext: MerchandisingPageContext): AiChatContextItem[] {\n  const t = useT()\n  return React.useMemo(() => {\n    const items: AiChatContextItem[] = []\n    const { selectedCount, totalMatching, filter } = pageContext.extra\n    if (selectedCount > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.selectedProducts',\n          '{count} products selected',\n        ).replace('{count}', String(selectedCount)),\n      })\n    } else if (totalMatching > 0) {\n      items.push({\n        label: t(\n          'catalog.merchandising_assistant.context.matchingProducts',\n          '{count} products in view',\n        ).replace('{count}', String(totalMatching)),\n      })\n    }\n    if (filter.categoryId) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.filteredByCategory', 'Filtered by category'),\n        detail: filter.categoryId,\n      })\n    }\n    if (filter.status) {\n      items.push({ label: filter.status })\n    }\n    if (filter.tags.length > 0) {\n      items.push({\n        label: t('catalog.merchandising_assistant.context.tags', '{count} tags').replace(\n          '{count}',\n          String(filter.tags.length),\n        ),\n      })\n    }\n    return items\n  }, [pageContext, t])\n}\n\ninterface MerchandisingAgentDescriptor {\n  id: string\n  label: string\n  description: string\n  icon: React.ReactNode\n}\n\ninterface AgentsResponse {\n  agents?: Array<{\n    id?: string | null\n  }>\n}\n\ninterface MerchandisingAgentsState {\n  agents: MerchandisingAgentDescriptor[]\n  loaded: boolean\n}\n\nfunction useMerchandisingAgents(): MerchandisingAgentsState {\n  const t = useT()\n  const [accessibleAgentIds, setAccessibleAgentIds] = React.useState<Set<string> | null>(null)\n  const declaredAgents = React.useMemo(\n    () => [\n      {\n        id: MERCHANDISING_AGENT_ID,\n        label: t(\n          'catalog.merchandising_assistant.agents.merchandising.label',\n          'Merchandising Assistant',\n        ),\n        description: t(\n          'catalog.merchandising_assistant.agents.merchandising.description',\n          'Draft copy, normalize attributes, and propose price changes for the current selection.',\n        ),\n        icon: <Sparkles className=\"size-4\" />,\n      },\n    ],\n    [t],\n  )\n\n  React.useEffect(() => {\n    let cancelled = false\n    apiCall<AgentsResponse>('/api/ai_assistant/ai/agents', {\n      credentials: 'same-origin',\n      headers: { 'x-om-forbidden-redirect': '0', 'x-om-unauthorized-redirect': '0' },\n    })\n      .then((call) => {\n        if (cancelled) return\n        if (!call.ok || !call.result || !Array.isArray(call.result.agents)) {\n          setAccessibleAgentIds(new Set())\n          return\n        }\n        setAccessibleAgentIds(\n          new Set(\n            call.result.agents\n              .map((agent) => agent?.id)\n              .filter((id): id is string => typeof id === 'string' && id.length > 0),\n          ),\n        )\n      })\n      .catch(() => {\n        if (!cancelled) setAccessibleAgentIds(new Set())\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  return React.useMemo(\n    () => ({\n      agents:\n        accessibleAgentIds === null\n          ? []\n          : declaredAgents.filter((agent) => accessibleAgentIds.has(agent.id)),\n      loaded: accessibleAgentIds !== null,\n    }),\n    [accessibleAgentIds, declaredAgents],\n  )\n}\n\nexport function MerchandisingAssistantSheet({\n  pageContext,\n  enabled = true,\n  className,\n}: MerchandisingAssistantSheetProps): React.ReactElement | null {\n  const t = useT()\n  const dock = useAiDock()\n  const [open, setOpen] = React.useState(false)\n  const [popoverOpen, setPopoverOpen] = React.useState(false)\n  const [activeAgent, setActiveAgent] = React.useState<string>(MERCHANDISING_AGENT_ID)\n  const [lastAgent, setLastAgent] = React.useState<string | null>(null)\n\n  const selectedCount = pageContext.extra.selectedCount\n  const hasSelection = selectedCount > 0\n  const suggestions = useMerchandisingSuggestions(hasSelection, selectedCount)\n  const contextItems = useContextItems(pageContext)\n  const { agents, loaded: agentsLoaded } = useMerchandisingAgents()\n\n  if (!enabled || !agentsLoaded || agents.length === 0) return null\n\n  const openAgent = (agentId: string) => {\n    setActiveAgent(agentId)\n    setLastAgent(agentId)\n    setPopoverOpen(false)\n    if (dock.state.assistant?.agent === agentId) {\n      dock.dock(dock.state.assistant)\n      setOpen(false)\n      return\n    }\n    setOpen(true)\n  }\n\n  const handleSelectAgent = (agentId: string) => {\n    openAgent(agentId)\n  }\n\n  const handleMainTriggerClick = () => {\n    if (agents.length === 1) {\n      openAgent(agents[0].id)\n      return\n    }\n    if (lastAgent && agents.some((a) => a.id === lastAgent)) {\n      openAgent(lastAgent)\n      return\n    }\n    setPopoverOpen(true)\n  }\n\n  const handleDock = () => {\n    const agent = agents.find((a) => a.id === activeAgent) ?? agents[0]\n    if (!agent) return\n    dock.dock({\n      agent: agent.id,\n      label: agent.label,\n      description: t('catalog.merchandising_assistant.dock.subtitle', 'Catalog'),\n      pageContext: pageContext as unknown as Record<string, unknown>,\n      placeholder: t(\n        'catalog.merchandising_assistant.sheet.composerPlaceholder',\n        'Ask for descriptions, attributes, titles, or price ideas...',\n      ),\n      suggestions,\n      contextItems,\n      welcomeTitle: t(\n        'catalog.merchandising_assistant.sheet.welcomeTitle',\n        'Merchandising Assistant',\n      ),\n      welcomeDescription: hasSelection\n        ? t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n            'Ready to work with your {count} selected products. Try one of these:',\n          ).replace('{count}', String(selectedCount))\n        : t(\n            'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n            'Select products for targeted actions, or explore your catalog:',\n          ),\n    })\n    setOpen(false)\n  }\n\n  const triggerLabel = t(\n    'catalog.merchandising_assistant.trigger.ariaLabel',\n    'Open AI merchandising assistant',\n  )\n  const labelText = t('catalog.merchandising_assistant.trigger.label', 'AI')\n  const moreAgentsLabel = t(\n    'catalog.merchandising_assistant.trigger.moreAgentsAriaLabel',\n    'Choose an AI assistant',\n  )\n\n  return (\n    <>\n      <div className={cn('inline-flex items-center', className)}>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          onClick={handleMainTriggerClick}\n          data-ai-merchandising-trigger=\"\"\n          aria-label={triggerLabel}\n          title={triggerLabel}\n          className={cn(\n            'relative',\n            agents.length > 1 && 'rounded-r-none border-r-0',\n          )}\n        >\n          <Sparkles className=\"size-4\" aria-hidden />\n          <span>{labelText}</span>\n          {hasSelection ? (\n            <span\n              className=\"absolute -top-1 -right-1 inline-flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium leading-none text-primary-foreground\"\n              data-ai-merchandising-selected-count={selectedCount}\n            >\n              {selectedCount}\n            </span>\n          ) : null}\n        </Button>\n        {agents.length > 1 ? (\n          <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n            <PopoverTrigger asChild>\n              <IconButton\n                type=\"button\"\n                variant=\"outline\"\n                size=\"lg\"\n                aria-label={moreAgentsLabel}\n                title={moreAgentsLabel}\n                className=\"rounded-l-none\"\n                data-ai-merchandising-picker=\"\"\n              >\n                <ChevronDown className=\"size-4\" aria-hidden />\n              </IconButton>\n            </PopoverTrigger>\n            <PopoverContent align=\"end\" className=\"w-72 p-1\">\n              <div className=\"px-3 pt-2 pb-1 text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                {t('catalog.merchandising_assistant.popover.heading', 'AI assistants')}\n              </div>\n              <div className=\"flex flex-col gap-0.5\">\n                {agents.map((agent) => (\n                  <button\n                    key={agent.id}\n                    type=\"button\"\n                    onClick={() => handleSelectAgent(agent.id)}\n                    data-ai-merchandising-agent-option={agent.id}\n                    className=\"flex items-start gap-2 rounded-sm px-2 py-2 text-left text-sm hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:outline-none\"\n                  >\n                    <span className=\"mt-0.5 inline-flex size-6 items-center justify-center rounded-full bg-secondary text-secondary-foreground\">\n                      {agent.icon}\n                    </span>\n                    <span className=\"flex-1 min-w-0\">\n                      <span className=\"block font-medium leading-tight\">{agent.label}</span>\n                      <span className=\"block text-xs text-muted-foreground leading-snug\">\n                        {agent.description}\n                      </span>\n                    </span>\n                  </button>\n                ))}\n              </div>\n            </PopoverContent>\n          </Popover>\n        ) : null}\n      </div>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          className={cn(\n            // Mobile: full-screen sheet. Desktop (\u2265sm): right-anchored side sheet.\n            // The Dialog primitive applies a centering transform at the\n            // sm breakpoint; each piece (`top`, `left`, transform, inset)\n            // must be overridden at the same breakpoint or the panel\n            // renders half off the viewport.\n            'top-0 left-0 right-0 bottom-0 translate-x-0 translate-y-0 max-w-none w-screen h-svh max-h-svh rounded-none',\n            'sm:top-0 sm:bottom-0 sm:right-0 sm:left-auto sm:translate-x-0 sm:translate-y-0',\n            'sm:max-w-xl sm:w-[36rem] sm:rounded-l-2xl sm:h-screen sm:max-h-screen',\n            'flex flex-col gap-3 p-4 z-[70]',\n          )}\n          data-ai-merchandising-sheet=\"\"\n        >\n          <DialogHeader>\n            <div className=\"flex items-center gap-3 pr-8\">\n              {/* Dock button lives on the LEFT \u2014 the Dialog primitive\n                  auto-renders an X close button absolutely positioned in\n                  the top-right corner, so anything we drop in the header's\n                  right side visually collides with it. Mobile hides the\n                  dock entirely (the side panel is desktop-only). */}\n              <IconButton\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                title={t('catalog.merchandising_assistant.sheet.dock', 'Dock to side')}\n                onClick={handleDock}\n                data-ai-merchandising-dock=\"\"\n                className=\"hidden lg:inline-flex shrink-0\"\n              >\n                <PanelRightOpen className=\"size-4\" aria-hidden />\n              </IconButton>\n              <DialogTitle className=\"flex-1 min-w-0 truncate\">\n                {t('catalog.merchandising_assistant.sheet.title', 'Catalog merchandising assistant')}\n              </DialogTitle>\n              {hasSelection ? (\n                <span\n                  className=\"shrink-0 inline-flex items-center rounded-full border border-border bg-secondary px-2 py-0.5 text-xs text-secondary-foreground\"\n                  data-ai-merchandising-selection-pill=\"\"\n                  data-ai-merchandising-selected-count={selectedCount}\n                >\n                  {t(\n                    'catalog.merchandising_assistant.sheet.selectionPill',\n                    'Acting on {count} products',\n                  ).replace('{count}', String(selectedCount))}\n                </span>\n              ) : null}\n            </div>\n            <DialogDescription>\n              {hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.descriptionWithSelection',\n                    'Working with {count} selected products. Ask for descriptions, attribute extraction, title suggestions, or pricing analysis.',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.description',\n                    'Your AI merchandising copilot. Select products from the list for targeted actions, or explore your full catalog.',\n                  )}\n            </DialogDescription>\n          </DialogHeader>\n          <MerchandisingChatBody\n            activeAgent={activeAgent}\n            pageContext={pageContext}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            hasSelection={hasSelection}\n            selectedCount={selectedCount}\n          />\n        </DialogContent>\n      </Dialog>\n    </>\n  )\n}\n\ninterface MerchandisingChatBodyProps {\n  activeAgent: string\n  pageContext: MerchandisingPageContext\n  suggestions: AiChatSuggestion[]\n  contextItems: AiChatContextItem[]\n  hasSelection: boolean\n  selectedCount: number\n}\n\nfunction MerchandisingChatBody({\n  activeAgent,\n  pageContext,\n  suggestions,\n  contextItems,\n  hasSelection,\n  selectedCount,\n}: MerchandisingChatBodyProps) {\n  const t = useT()\n  const sessions = useAiChatSessions()\n  const session = sessions.getActiveSession(activeAgent)\n\n  React.useEffect(() => {\n    if (!session) sessions.ensureSession(activeAgent)\n  }, [activeAgent, session, sessions])\n\n  return (\n    <>\n      <ChatPaneTabs agentId={activeAgent} className=\"border-b\" />\n      <div className=\"min-h-0 flex-1\" data-ai-merchandising-chat-container=\"\">\n        {session ? (\n          <AiChat\n            key={session.id}\n            agent={activeAgent}\n            conversationId={session.conversationId}\n            pageContext={pageContext as unknown as Record<string, unknown>}\n            className=\"h-full\"\n            placeholder={t(\n              'catalog.merchandising_assistant.sheet.composerPlaceholder',\n              'Ask for descriptions, attributes, titles, or price ideas...',\n            )}\n            suggestions={suggestions}\n            contextItems={contextItems}\n            welcomeTitle={t(\n              'catalog.merchandising_assistant.sheet.welcomeTitle',\n              'Merchandising Assistant',\n            )}\n            welcomeDescription={\n              hasSelection\n                ? t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionSelection',\n                    'Ready to work with your {count} selected products. Try one of these:',\n                  ).replace('{count}', String(selectedCount))\n                : t(\n                    'catalog.merchandising_assistant.sheet.welcomeDescriptionAll',\n                    'Select products for targeted actions, or explore your catalog:',\n                  )\n            }\n          />\n        ) : null}\n      </div>\n    </>\n  )\n}\n\nexport default MerchandisingAssistantSheet\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/catalog/backend/catalog/products/page.js

@@ -1,9 +1,15 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import ProductsDataTable from "../../../components/products/ProductsDataTable.js";
 function CatalogProductsPage() {
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ProductsDataTable, {}) }) });
+  const [, setSnapshot] = React.useState({
+    search: "",
+    filterValues: {},
+    total: 0
+  });
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ProductsDataTable, { onSnapshotChange: setSnapshot }) }) });
 }
 export {
   CatalogProductsPage as default

package/dist/modules/catalog/backend/catalog/products/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/catalog/backend/catalog/products/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport ProductsDataTable from '../../../components/products/ProductsDataTable'\n\nexport default function CatalogProductsPage() {\n  return (\n    <Page>\n      <PageBody>\n        <ProductsDataTable />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AASQ;AAPR,SAAS,MAAM,gBAAgB;AAC/B,OAAO,uBAAuB;AAEf,SAAR,sBAAuC;AAC5C,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,qBAAkB,GACrB,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport ProductsDataTable, {\n  type ProductsDataTableSnapshot,\n} from '../../../components/products/ProductsDataTable'\n\n/**\n * Step 5.15 \u2014 Phase 3 WS-D.\n *\n * The catalog merchandising AI trigger moved behind the widget-injection\n * system and now mounts in `data-table:catalog.products:header`. The\n * products list page no longer imports `MerchandisingAssistantSheet`,\n * `hasAllFeatures`, or the `/api/auth/feature-check` polling helper \u2014\n * feature gating is handled by the injection widget's `features`\n * metadata (`catalog.products.view` + `ai_assistant.view`). The snapshot\n * subscription is kept so host-side observability hooks the DataTable's\n * current filter/total count for future extensions.\n */\nexport default function CatalogProductsPage() {\n  const [, setSnapshot] = React.useState<ProductsDataTableSnapshot>({\n    search: '',\n    filterValues: {},\n    total: 0,\n  })\n\n  return (\n    <Page>\n      <PageBody>\n        <ProductsDataTable onSnapshotChange={setSnapshot} />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AA8BQ;AA5BR,YAAY,WAAW;AACvB,SAAS,MAAM,gBAAgB;AAC/B,OAAO,uBAEA;AAcQ,SAAR,sBAAuC;AAC5C,QAAM,CAAC,EAAE,WAAW,IAAI,MAAM,SAAoC;AAAA,IAChE,QAAQ;AAAA,IACR,cAAc,CAAC;AAAA,IACf,OAAO;AAAA,EACT,CAAC;AAED,SACE,oBAAC,QACC,8BAAC,YACC,8BAAC,qBAAkB,kBAAkB,aAAa,GACpD,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/catalog/components/CatalogStatsCard.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Boxes, FolderTree, PackageCheck, Tags } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  defaultAiUiPartRegistry
+} from "@open-mercato/ui/ai";
+function formatCount(value) {
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return value.toLocaleString();
+  }
+  return "\u2014";
+}
+function StatTile({
+  icon,
+  label,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 rounded-md border border-border bg-card p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs uppercase tracking-wide text-muted-foreground", children: [
+      icon,
+      /* @__PURE__ */ jsx("span", { children: label })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold leading-none", children: value })
+  ] });
+}
+function CatalogStatsCard({ payload }) {
+  const t = useT();
+  const data = payload ?? {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-lg border border-border bg-muted/30 p-3",
+      "data-ai-ui-part": "catalog.stats-card",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2 text-sm font-medium", children: [
+          /* @__PURE__ */ jsx(Boxes, { className: "size-4 text-primary", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { children: t("catalog.stats.title", "Catalog overview") })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: [
+          /* @__PURE__ */ jsx(
+            StatTile,
+            {
+              icon: /* @__PURE__ */ jsx(Boxes, { className: "size-3", "aria-hidden": true }),
+              label: t("catalog.stats.products", "Products"),
+              value: formatCount(data.products)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatTile,
+            {
+              icon: /* @__PURE__ */ jsx(PackageCheck, { className: "size-3", "aria-hidden": true }),
+              label: t("catalog.stats.active", "Active"),
+              value: formatCount(data.activeProducts)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatTile,
+            {
+              icon: /* @__PURE__ */ jsx(FolderTree, { className: "size-3", "aria-hidden": true }),
+              label: t("catalog.stats.categories", "Categories"),
+              value: formatCount(data.categories)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StatTile,
+            {
+              icon: /* @__PURE__ */ jsx(Tags, { className: "size-3", "aria-hidden": true }),
+              label: t("catalog.stats.tags", "Tags"),
+              value: formatCount(data.tags)
+            }
+          )
+        ] }),
+        data.note ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: data.note }) : null,
+        data.generatedAt ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-[10px] text-muted-foreground", children: t("catalog.stats.snapshotAt", "Snapshot at {time}").replace("{time}", new Date(data.generatedAt).toLocaleString()) }) : null
+      ]
+    }
+  );
+}
+let registered = false;
+function registerCatalogStatsCard() {
+  if (registered) return;
+  registered = true;
+  defaultAiUiPartRegistry.register("catalog.stats-card", CatalogStatsCard);
+}
+registerCatalogStatsCard();
+export {
+  CatalogStatsCard,
+  registerCatalogStatsCard
+};
+//# sourceMappingURL=CatalogStatsCard.js.map