@burdenoff/fluidgrids-fe-sdk 2026.1031.2 → 2026.1031.3

package/dist/{TemplateDetailPanel-F5SL7LZ5.js → TemplateDetailPanel-MTKW3SPM.js}

@@ -1,8 +1,10 @@
+import { templatePreview } from './chunk-B6CCE2RW.js';
 import { Button, Badge } from './chunk-BQXVT32O.js';
 import './chunk-JL7CASN5.js';
 import { useTr } from './chunk-UULVIT25.js';
 import './chunk-62GWEYJ5.js';
 import { X, Sparkles, Star, Download, Eye, User, Calendar, Tag, ExternalLink } from 'lucide-react';
+import { Icon } from '@iconify/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function formatNumber(count) {
@@ -32,7 +34,7 @@ function TemplateDetailPanel({
   onUseTemplate
 }) {
   const tr = useTr();
-  const previewImage = template.screenshots?.[0] || template.icon;
+  const preview = templatePreview(template);
   return /* @__PURE__ */ jsxs("div", { className: "w-full md:w-1/2 lg:w-2/5 border-l bg-background overflow-y-auto", children: [
     /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-background border-b", children: [
       /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold truncate pr-4", children: tr(
@@ -52,14 +54,23 @@ function TemplateDetailPanel({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative aspect-video w-full rounded-lg overflow-hidden bg-gradient-to-br from-primary/5 to-primary/10", children: [
-        previewImage ? /* @__PURE__ */ jsx(
+        preview.kind === "image" ? /* @__PURE__ */ jsx(
           "img",
           {
-            src: previewImage,
+            src: preview.src,
             alt: template.name,
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Sparkles, { className: "size-16 text-primary/30" }) }),
+        ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center", children: preview.kind === "icon" ? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: preview.name,
+            width: 64,
+            height: 64,
+            className: "text-primary/60",
+            "aria-hidden": "true"
+          }
+        ) : /* @__PURE__ */ jsx(Sparkles, { className: "size-16 text-primary/30" }) }),
         /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2", children: template.pricingModel === "FREE" ? /* @__PURE__ */ jsx(
           Badge,
           {

package/dist/{WorkflowBuilder-LJ7OX2WF.js → WorkflowBuilder-N3ZUYFRK.js}

@@ -1,8 +1,9 @@
-export { WorkflowBuilder } from './chunk-VM73YKAA.js';
+export { WorkflowBuilder } from './chunk-44KAAKFK.js';
 import './chunk-BHD4CDLL.js';
 import './chunk-PIKYQE7P.js';
-import './chunk-M6GUEJBJ.js';
+import './chunk-DJAGZUHW.js';
 import './chunk-GEMNVFPK.js';
+import './chunk-B6CCE2RW.js';
 import './chunk-IEVSFCFS.js';
 import './chunk-YXMFRQYV.js';
 import './chunk-BQXVT32O.js';

package/dist/{chunk-VM73YKAA.js → chunk-44KAAKFK.js}

@@ -1,6 +1,6 @@
 import { isGuidedTourIntent, pickGuidedTour, withoutGuidedTourIntent, isCreateIntent, CreateWorkflowRefusalDialog, decideMissingWorkflow } from './chunk-BHD4CDLL.js';
 import { registerLiveCanvasHandler } from './chunk-PIKYQE7P.js';
-import { useWorkflowReloadStore, releaseLeaseKeptForReload, useInstalledNodes, buildNodeCheck, FlowBuilderPage, buildRequiredNodeTypes } from './chunk-M6GUEJBJ.js';
+import { useWorkflowReloadStore, releaseLeaseKeptForReload, useInstalledNodes, buildNodeCheck, FlowBuilderPage, buildRequiredNodeTypes } from './chunk-DJAGZUHW.js';
 import { useLazyWorkflowDefinition, useCreateWorkflow } from './chunk-PKG6BCHB.js';
 import { useFlowStore, refetchStoreNodes, BILLING_PLANS_PATH, codeBuildIdOf, mergeStickyNotes, rememberRevision, blankWorkflowCreateInput, classifyCreateRefusal, useSaveStatusStore, workflowFingerprint, registerWorkflowNodeTypes, throwIfResultError } from './chunk-6PGLJWIC.js';
 import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';

package/dist/chunk-B6CCE2RW.js

@@ -0,0 +1,16 @@
+// src/utils/template-preview.ts
+var ICONIFY_NAME = /^[a-z0-9]+(?:-[a-z0-9]+)*:[a-z0-9]+(?:[-_][a-z0-9]+)*$/i;
+function isIconifyName(value) {
+  return ICONIFY_NAME.test(value) && !/^(https?|data|blob):/i.test(value);
+}
+function templatePreview(template) {
+  const screenshot = template.screenshots?.find(
+    (shot) => typeof shot === "string" && shot.trim() !== ""
+  );
+  if (screenshot) return { kind: "image", src: screenshot };
+  const icon = template.icon?.trim();
+  if (!icon) return { kind: "none" };
+  return isIconifyName(icon) ? { kind: "icon", name: icon } : { kind: "image", src: icon };
+}
+
+export { templatePreview };

package/dist/{chunk-M6GUEJBJ.js → chunk-DJAGZUHW.js}

@@ -1,4 +1,5 @@
 import { deepClone, applyTemplateInputs } from './chunk-GEMNVFPK.js';
+import { templatePreview } from './chunk-B6CCE2RW.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter } from './chunk-YXMFRQYV.js';
 import { Badge as Badge$1, Button } from './chunk-BQXVT32O.js';
@@ -30,8 +31,8 @@ import { useQuery, useMutation } from '@apollo/client/react';
 import { gql as gql$1 } from '@apollo/client/core';
 import 'jszip';
 import { Sparkles, Star, Download, Eye, Maximize2, Undo2, Redo2, LayoutGrid, Keyboard, Plus, Trash2, GitBranch, Loader2, AlertCircle, Search, RefreshCw, History, GitCompareArrows, Play, RotateCcw, Layers, Upload, Rocket, ArrowRight, Check, X, Link2, Unlink, GitCompare, ExternalLink, GitCommitHorizontal, CircleHelp, CheckCircle2, Package, SlidersHorizontal, Info, Copy, BadgeCheck, DollarSign, Type, Code, Hash, List, Braces, Workflow, PlusCircle, ChevronDown, ChevronRight, AlertTriangle } from 'lucide-react';
-import { create } from 'zustand';
 import { Icon } from '@iconify/react';
+import { create } from 'zustand';
 import { toast } from 'sonner';
 import { useShallow, shallow } from 'zustand/shallow';
 import { Handle, Position, getBezierPath, MarkerType, getConnectedEdges, ReactFlowProvider, useReactFlow, ReactFlow, Background, useOnSelectionChange, useStore, MiniMap, EdgeLabelRenderer, useNodes, useNodesState, useEdgesState, addEdge, Controls, Panel } from '@xyflow/react';
@@ -1813,7 +1814,8 @@ function TemplateCard({
 }) {
   const tr = useTr();
   const [imageError, setImageError] = React4__default.useState(false);
-  const previewImage = template.screenshots?.[0] || template.icon || void 0;
+  const preview = templatePreview(template);
+  const previewImage = preview.kind === "image" ? preview.src : void 0;
   const hasPreview = Boolean(previewImage) && !imageError;
   const handleUseTemplate = (e) => {
     e.stopPropagation();
@@ -1840,7 +1842,16 @@ function TemplateCard({
               onError: handleImageError,
               className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
             }
-          ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(Sparkles, { className: "size-16 text-primary/30" }) }),
+          ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center", children: preview.kind === "icon" ? /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: preview.name,
+              width: 64,
+              height: 64,
+              className: "text-primary/60",
+              "aria-hidden": "true"
+            }
+          ) : /* @__PURE__ */ jsx(Sparkles, { className: "size-16 text-primary/30" }) }),
           template.featured && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsxs(
             Badge$1,
             {
@@ -25492,7 +25503,7 @@ function TemplatesGrid({
   ] });
 }
 var LazyTemplateDetailPanel = lazy$1(
-  () => import('./TemplateDetailPanel-F5SL7LZ5.js').then((m) => ({
+  () => import('./TemplateDetailPanel-MTKW3SPM.js').then((m) => ({
     default: m.TemplateDetailPanel
   }))
 );

package/dist/{chunk-YU7H4QO2.js → chunk-GV5RJ6BU.js}

@@ -1,4 +1,4 @@
-import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-M6GUEJBJ.js';
+import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-DJAGZUHW.js';
 import { QuotaExhaustedDialog } from './chunk-IGROOI7E.js';
 import { templatesControls } from './chunk-FNZZ5JJL.js';
 import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-PKG6BCHB.js';

package/dist/{chunk-5R2JKC3S.js → chunk-R4Q37Q4X.js}

@@ -1,4 +1,4 @@
-import { Card, FluidGridsMark } from './chunk-M6GUEJBJ.js';
+import { Card, FluidGridsMark } from './chunk-DJAGZUHW.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Button } from './chunk-BQXVT32O.js';
 import { useWorkflowDefinition } from './chunk-PKG6BCHB.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 export { Label } from './chunk-VTQVPNUQ.js';
-export { WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect } from './chunk-5R2JKC3S.js';
-export { GuidedTourStarter, WorkflowBuilder as WorkflowBuilderPage } from './chunk-VM73YKAA.js';
+export { WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect } from './chunk-R4Q37Q4X.js';
+export { GuidedTourStarter, WorkflowBuilder as WorkflowBuilderPage } from './chunk-44KAAKFK.js';
 export { FirstWorkflowChecklist, FirstWorkflowChecklistView, WorkflowsList, useCreateWorkflowFirst } from './chunk-475XP5J7.js';
 import { CreateWorkflowRefusalDialog } from './chunk-BHD4CDLL.js';
 export { CreateWorkflowRefusalDialog, GUIDED_FIRST_WORKFLOW_NAV, GUIDED_FIRST_WORKFLOW_STATE, GUIDED_TOUR_STATE, firstWorkflowProgress, isGuidedTourIntent, pickGuidedTour } from './chunk-BHD4CDLL.js';
@@ -19,11 +19,12 @@ export { SettingsPage } from './chunk-WHPQRYZD.js';
 import './chunk-VJWJGSRS.js';
 export { useDataSinkData, useDataSinks, useInsightsData, useLogStreamDestinationActions, useLogStreamDestinations, useRunReplayActions } from './chunk-CIR7WF4W.js';
 import './chunk-5ERAJC2I.js';
-import { ThemeProvider, extractTemplateGraph } from './chunk-YU7H4QO2.js';
-export { TemplatePreview, TemplatesPage } from './chunk-YU7H4QO2.js';
-import { external_exports, useAiWorkflowTemplates, AI_DRAFT_MAX_PROMPT_LENGTH, FlowBuilderPage, FluidGridsMark, useRunners, useRunnerActions, RunnerStatusPill, runnerInstallCommand, draftToCanvas, enrichDraftNodes } from './chunk-M6GUEJBJ.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Popover, PopoverContent, PopoverTrigger, RUNNER_INSTALL_SCRIPT_URL, RunOnSection, RunnerStatusPill, RunsUsageMeter, RunsUsageMeterView, readRunsQuota, runnerInstallCommand, runsQuotaLevel, summarizeRunsQuota, useRunnerActions, useRunners, useRunsQuota } from './chunk-M6GUEJBJ.js';
+import { ThemeProvider, extractTemplateGraph } from './chunk-GV5RJ6BU.js';
+export { TemplatePreview, TemplatesPage } from './chunk-GV5RJ6BU.js';
+import { external_exports, useAiWorkflowTemplates, AI_DRAFT_MAX_PROMPT_LENGTH, FlowBuilderPage, FluidGridsMark, useRunners, useRunnerActions, RunnerStatusPill, runnerInstallCommand, draftToCanvas, enrichDraftNodes } from './chunk-DJAGZUHW.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Popover, PopoverContent, PopoverTrigger, RUNNER_INSTALL_SCRIPT_URL, RunOnSection, RunnerStatusPill, RunsUsageMeter, RunsUsageMeterView, readRunsQuota, runnerInstallCommand, runsQuotaLevel, summarizeRunsQuota, useRunnerActions, useRunners, useRunsQuota } from './chunk-DJAGZUHW.js';
 import './chunk-GEMNVFPK.js';
+import './chunk-B6CCE2RW.js';
 export { Input } from './chunk-IEVSFCFS.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-YXMFRQYV.js';
 export { Badge, Button, badgeVariants, buttonVariants } from './chunk-BQXVT32O.js';
@@ -82,7 +83,7 @@ var WorkflowsList2 = lazy(
   () => import('./WorkflowsList-BZXBTGNL.js').then((m) => ({ default: m.WorkflowsList }))
 );
 var WorkflowBuilder3 = lazy(
-  () => import('./WorkflowBuilder-LJ7OX2WF.js').then((m) => ({
+  () => import('./WorkflowBuilder-N3ZUYFRK.js').then((m) => ({
     default: m.WorkflowBuilder
   }))
 );

package/dist/templates.js

@@ -1,6 +1,7 @@
-export { TemplatePreview, TemplatesPage } from './chunk-YU7H4QO2.js';
-import './chunk-M6GUEJBJ.js';
+export { TemplatePreview, TemplatesPage } from './chunk-GV5RJ6BU.js';
+import './chunk-DJAGZUHW.js';
 import './chunk-GEMNVFPK.js';
+import './chunk-B6CCE2RW.js';
 import './chunk-IEVSFCFS.js';
 import './chunk-YXMFRQYV.js';
 import './chunk-BQXVT32O.js';

package/dist/workflow-builder.js

@@ -1,9 +1,10 @@
-export { WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect } from './chunk-5R2JKC3S.js';
-export { WorkflowBuilder as WorkflowBuilderPage } from './chunk-VM73YKAA.js';
+export { WorkflowBuilder, WorkflowBuilderCore, WorkflowSearchRedirect } from './chunk-R4Q37Q4X.js';
+export { WorkflowBuilder as WorkflowBuilderPage } from './chunk-44KAAKFK.js';
 import './chunk-BHD4CDLL.js';
 import './chunk-PIKYQE7P.js';
-import './chunk-M6GUEJBJ.js';
+import './chunk-DJAGZUHW.js';
 import './chunk-GEMNVFPK.js';
+import './chunk-B6CCE2RW.js';
 import './chunk-IEVSFCFS.js';
 import './chunk-YXMFRQYV.js';
 import './chunk-BQXVT32O.js';

package/package.json

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