@burdenoff/fluidgrids-fe-sdk 2026.1109.5 → 2026.1109.7

package/dist/{chunk-NFGRUDTL.js → chunk-4I6BXKKC.js}

@@ -1,4 +1,4 @@
-import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-L3UC5E4J.js';
+import { TEMPLATE_STORE_CATEGORIES, useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-L3UC5E4J.js';
 import { QuotaExhaustedDialog } from './chunk-5WUX3DET.js';
 import { templatesControls } from './chunk-FNZZ5JJL.js';
 import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-K7YFK5K2.js';
@@ -873,43 +873,100 @@ function MySubmissionsPanel({ onResubmit }) {
     );
   }) });
 }
-var CATEGORIES = [
-  { value: "all", label: "All", icon: "mdi:view-grid" },
+
+// src/modules/templates/utils/gallery-category.ts
+var STORE_CATEGORIES = new Set(
+  Object.keys(TEMPLATE_CATEGORY_LABELS)
+);
+function isTemplateStoreCategory(value) {
+  return STORE_CATEGORIES.has(value);
+}
+var CATEGORY_ALIASES = /* @__PURE__ */ new Map([
+  ["notification", "communication"],
+  ["notifications", "communication"],
+  ["ai-automation", "ai-ml"],
+  ["ai-data", "ai-ml"],
+  ["developer-tools", "devops"],
+  ["ai", "ai-ml"],
+  ["ai/ml", "ai-ml"]
+]);
+function storedGalleryCategory(category) {
+  const value = category?.trim().toLowerCase().replace(/[\s_]+/g, "-");
+  if (!value) return void 0;
+  if (isTemplateStoreCategory(value)) return value;
+  return CATEGORY_ALIASES.get(value);
+}
+var KEYWORD_RULES = [
+  {
+    category: "ai-ml",
+    word: /(?<![a-z0-9])(?:ai|ml)(?![a-z0-9])/,
+    // "openai" and "gpt" keep names like "OpenAI summary" here now that "ai"
+    // has to be a whole word.
+    stems: ["model", "llm", "openai", "gpt"]
+  },
+  {
+    category: "integration",
+    word: /(?<![a-z0-9])apis?(?![a-z0-9])/,
+    stems: ["integrat", "connect"]
+  },
+  {
+    category: "data-processing",
+    word: /(?<![a-z0-9])etl(?![a-z0-9])/,
+    stems: ["data", "transform", "process"]
+  },
   {
-    value: "data-processing",
-    label: "Data Processing",
-    icon: "mdi:database-cog"
+    category: "communication",
+    stems: ["email", "slack", "notify", "message"]
   },
-  { value: "integration", label: "Integration", icon: "mdi:connection" },
-  { value: "automation", label: "Automation", icon: "mdi:robot" },
-  { value: "ai-ml", label: "AI/ML", icon: "mdi:brain" },
-  { value: "communication", label: "Communication", icon: "mdi:message-text" }
+  {
+    category: "automation",
+    stems: ["automat", "schedule", "trigger"]
+  }
 ];
-var CATEGORY_COLORS = {
-  "data-processing": "bg-status-info-bg-subtle text-status-info-text border-status-info-border",
-  integration: "bg-chart-3/10 text-chart-3 border-chart-3/30",
-  automation: "bg-status-success-bg-subtle text-status-success-text border-status-success-border",
-  "ai-ml": "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border",
-  communication: "bg-status-error-bg-subtle text-status-error-text border-status-error-border"
-};
-function inferCategory(workflow) {
+var DEFAULT_GALLERY_CATEGORY = "automation";
+function inferGalleryCategory(workflow) {
   const text = [
     workflow.name,
     workflow.description ?? "",
     ...workflow.tags ?? [],
     workflow.category ?? ""
   ].join(" ").toLowerCase();
-  if (text.includes("ai") || text.includes("ml") || text.includes("model") || text.includes("llm"))
-    return "ai-ml";
-  if (text.includes("integrat") || text.includes("api") || text.includes("connect"))
-    return "integration";
-  if (text.includes("data") || text.includes("etl") || text.includes("transform") || text.includes("process"))
-    return "data-processing";
-  if (text.includes("email") || text.includes("slack") || text.includes("notify") || text.includes("message"))
-    return "communication";
-  if (text.includes("automat") || text.includes("schedule") || text.includes("trigger"))
-    return "automation";
-  return "automation";
+  for (const rule of KEYWORD_RULES) {
+    if (rule.word?.test(text) || rule.stems.some((s) => text.includes(s))) {
+      return rule.category;
+    }
+  }
+  return DEFAULT_GALLERY_CATEGORY;
+}
+function galleryCategory(workflow) {
+  return storedGalleryCategory(workflow.category) ?? inferGalleryCategory(workflow);
+}
+var CATEGORY_FILTERS = ["all", ...TEMPLATE_STORE_CATEGORIES];
+var CATEGORY_FILTER_OPTIONS = CATEGORY_FILTERS.map((value) => ({
+  value,
+  label: value === "all" ? "All" : TEMPLATE_CATEGORY_LABELS[value]
+}));
+var CATEGORY_COLORS = {
+  "data-processing": "bg-status-info-bg-subtle text-status-info-text border-status-info-border",
+  integration: "bg-chart-3/10 text-chart-3 border-chart-3/30",
+  automation: "bg-status-success-bg-subtle text-status-success-text border-status-success-border",
+  "ai-ml": "bg-status-warning-bg-subtle text-status-warning-text border-status-warning-border",
+  communication: "bg-status-error-bg-subtle text-status-error-text border-status-error-border",
+  devops: "bg-chart-1/10 text-chart-1 border-chart-1/30",
+  marketing: "bg-chart-5/10 text-chart-5 border-chart-5/30",
+  sales: "bg-chart-4/10 text-chart-4 border-chart-4/30",
+  support: "bg-chart-6/10 text-chart-6 border-chart-6/30",
+  productivity: "bg-chart-7/10 text-chart-7 border-chart-7/30",
+  finance: "bg-chart-12/10 text-chart-12 border-chart-12/30"
+};
+function categoryIcon(value) {
+  return value === "all" ? "mdi:view-grid" : TEMPLATE_CATEGORY_ICONS[value];
+}
+function categoryLabel2(tr, value) {
+  return value === "all" ? tr("fluidgrids.templates.categories.all", "All") : tr(
+    `fluidgrids.templates.categories.${value}`,
+    TEMPLATE_CATEGORY_LABELS[value]
+  );
 }
 function TemplateSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-52 rounded-lg bg-card-foreground/10" }, i)) });
@@ -975,8 +1032,6 @@ function WorkspaceTemplateCard({
   isLoading
 }) {
   const tr = useTr();
-  const categoryLabel2 = CATEGORIES.find((c) => c.value === category)?.label ?? tr("fluidgrids.templates.templatesPage.cardDefaultCategory", "Workflow");
-  const categoryColor = CATEGORY_COLORS[category] ?? "bg-bg-sunken text-text-muted border-border-strong";
   return /* @__PURE__ */ jsxs(Card, { className: "group border border-border-secondary bg-background-secondary hover:border-border-primary transition-all duration-200 flex flex-col", children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "flex-1 pb-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 mb-3", children: [
@@ -988,7 +1043,7 @@ function WorkspaceTemplateCard({
             className: "text-text-primary"
           }
         ) }),
-        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: categoryColor, children: categoryLabel2 })
+        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: CATEGORY_COLORS[category], children: categoryLabel2(tr, category) })
       ] }),
       /* @__PURE__ */ jsx("h3", { className: "font-semibold text-text-primary text-base leading-tight mb-1.5 line-clamp-2", children: workflow.name }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary line-clamp-2 min-h-[2.5rem]", children: workflow.description || tr(
@@ -1138,7 +1193,7 @@ function TemplatesPage() {
   const categorizedWorkflows = useMemo(() => {
     return workflows.map((w) => ({
       workflow: w,
-      category: w.category ? w.category.toLowerCase().replace(/\s+/g, "-") : inferCategory(w)
+      category: galleryCategory(w)
     }));
   }, [workflows]);
   const filtered = useMemo(() => {
@@ -1175,13 +1230,10 @@ function TemplatesPage() {
           { source: "template" }
         );
         if (result?.success && result.workflow) {
-          const category = workflow.category ? workflow.category.toLowerCase().replace(/\s+/g, "-") : inferCategory(workflow);
           emitTemplateUsed(bus, {
             workspaceId,
             templateId: workflow.id,
-            category: CATEGORIES.some(
-              (c) => c.value !== "all" && c.value === category
-            ) ? category : void 0
+            category: galleryCategory(workflow)
           });
           toast.success(
             tr(
@@ -1327,20 +1379,14 @@ function TemplatesPage() {
       category: {
         // The chips carry no visible heading; the labels are the page's own.
         label: "Category",
-        options: CATEGORIES.map(({ value, label }) => ({ value, label })),
+        options: CATEGORY_FILTER_OPTIONS,
         neutral: "all",
         value: activeCategory,
         set: setActiveCategory
       },
       storeCategory: {
         label: "Category",
-        options: [
-          { value: "all", label: "All" },
-          ...TEMPLATE_STORE_CATEGORIES.map((value) => ({
-            value,
-            label: TEMPLATE_CATEGORY_LABELS[value]
-          }))
-        ],
+        options: CATEGORY_FILTER_OPTIONS,
         neutral: "all",
         value: storeCategory,
         set: setStoreCategory
@@ -1469,17 +1515,18 @@ function TemplatesPage() {
         {
           className: "flex flex-wrap gap-2 mb-6",
           "data-tour": "fluidgrids-templates-category-tabs",
-          children: CATEGORIES.map((cat) => {
-            const count = categoryCounts[cat.value] ?? 0;
-            const isActive = activeCategory === cat.value;
+          children: CATEGORY_FILTERS.map((value) => {
+            const count = categoryCounts[value] ?? 0;
+            const isActive = activeCategory === value;
             return /* @__PURE__ */ jsxs(
               "button",
               {
-                onClick: () => setActiveCategory(cat.value),
+                onClick: () => setActiveCategory(value),
+                "aria-pressed": isActive,
                 className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${isActive ? "bg-background-tertiary text-text-primary border border-border-primary" : "bg-background-secondary text-text-secondary border border-border-secondary hover:text-text-primary hover:border-border-primary"}`,
                 children: [
-                  /* @__PURE__ */ jsx(Icon, { icon: cat.icon, width: 16 }),
-                  cat.label,
+                  /* @__PURE__ */ jsx(Icon, { icon: categoryIcon(value), width: 16 }),
+                  categoryLabel2(tr, value),
                   /* @__PURE__ */ jsxs(
                     "span",
                     {
@@ -1493,7 +1540,7 @@ function TemplatesPage() {
                   )
                 ]
               },
-              cat.value
+              value
             );
           })
         }
@@ -1522,7 +1569,7 @@ function TemplatesPage() {
         {
           className: "flex flex-wrap gap-2 mb-6",
           "data-testid": "store-template-categories",
-          children: ["all", ...TEMPLATE_STORE_CATEGORIES].map((value) => {
+          children: CATEGORY_FILTERS.map((value) => {
             const isActive = storeCategory === value;
             return /* @__PURE__ */ jsxs(
               "button",
@@ -1531,17 +1578,8 @@ function TemplatesPage() {
                 "aria-pressed": isActive,
                 className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${isActive ? "bg-background-tertiary text-text-primary border border-border-primary" : "bg-background-secondary text-text-secondary border border-border-secondary hover:text-text-primary hover:border-border-primary"}`,
                 children: [
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: value === "all" ? "mdi:view-grid" : TEMPLATE_CATEGORY_ICONS[value],
-                      width: 16
-                    }
-                  ),
-                  value === "all" ? tr("fluidgrids.templates.categories.all", "All") : tr(
-                    `fluidgrids.templates.categories.${value}`,
-                    TEMPLATE_CATEGORY_LABELS[value]
-                  )
+                  /* @__PURE__ */ jsx(Icon, { icon: categoryIcon(value), width: 16 }),
+                  categoryLabel2(tr, value)
                 ]
               },
               value

package/dist/index.js

@@ -28,8 +28,8 @@ import { useResource, FieldError, StatusPill, RUN_CONTROL_DIALOG_STYLE, NativeSe
 import './chunk-WZ3EJVS6.js';
 export { useDataSinkData, useDataSinks, useInsightsData, useLogStreamDestinationActions, useLogStreamDestinations, useRunReplayActions } from './chunk-2SUZKBHB.js';
 import './chunk-5ERAJC2I.js';
-import { ThemeProvider, extractTemplateGraph } from './chunk-NFGRUDTL.js';
-export { TemplatePreview, TemplatesPage } from './chunk-NFGRUDTL.js';
+import { ThemeProvider, extractTemplateGraph } from './chunk-4I6BXKKC.js';
+export { TemplatePreview, TemplatesPage } from './chunk-4I6BXKKC.js';
 import { useAiWorkflowTemplates, AI_DRAFT_MAX_PROMPT_LENGTH, FlowBuilderPage, FluidGridsMark, draftToCanvas, enrichDraftNodes } from './chunk-L3UC5E4J.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, RunsUsageMeter, RunsUsageMeterView, readRunsQuota, runsQuotaLevel, summarizeRunsQuota, useRunsQuota } from './chunk-L3UC5E4J.js';
 import './chunk-HZ7FQCFU.js';

package/dist/templates.js

@@ -1,4 +1,4 @@
-export { TemplatePreview, TemplatesPage } from './chunk-NFGRUDTL.js';
+export { TemplatePreview, TemplatesPage } from './chunk-4I6BXKKC.js';
 import './chunk-L3UC5E4J.js';
 import './chunk-HZ7FQCFU.js';
 import './chunk-GEMNVFPK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fluidgrids-fe-sdk",
-  "version": "2026.1109.5",
+  "version": "2026.1109.7",
   "description": "FluidGrids Workflow Builder SDK - Embeddable visual workflow automation",
   "type": "module",
   "imports": {