@burdenoff/fluidgrids-fe-sdk 2026.803.4 → 2026.804.2

package/dist/{TemplateDetailPanel-T3ZHXOHX.js → TemplateDetailPanel-CJ3NPVTP.js}

@@ -1,5 +1,6 @@
 import { Button, Badge } from './chunk-DBOMRIP5.js';
 import './chunk-3ZYUGTIT.js';
+import { useTr } from './chunk-7VNIEIR6.js';
 import { X, Sparkles, Star, Download, Eye, User, Calendar, Tag, ExternalLink } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -29,11 +30,15 @@ function TemplateDetailPanel({
   onClose,
   onUseTemplate
 }) {
+  const tr = useTr();
   const previewImage = template.screenshots?.[0] || template.icon;
   template.videoUrls && template.videoUrls.length > 0;
   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: "Template Details" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold truncate pr-4", children: tr(
+        "fluidgrids.builder.templateDetailPanel.title",
+        "Template Details"
+      ) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -60,7 +65,7 @@ function TemplateDetailPanel({
           {
             variant: "secondary",
             className: "bg-green-500 text-white border-0",
-            children: "Free"
+            children: tr("fluidgrids.builder.templateDetailPanel.freeBadge", "Free")
           }
         ) : /* @__PURE__ */ jsxs(
           Badge,
@@ -80,14 +85,20 @@ function TemplateDetailPanel({
             className: "bg-gradient-to-r from-yellow-500 to-orange-500 text-white border-0 shadow-lg",
             children: [
               /* @__PURE__ */ jsx(Star, { className: "size-3 mr-1 fill-white" }),
-              "Featured"
+              tr(
+                "fluidgrids.builder.templateDetailPanel.featuredBadge",
+                "Featured"
+              )
             ]
           }
         ) })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold", children: template.name }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1.5 leading-relaxed", children: template.longDescription || template.description || "No description available" })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1.5 leading-relaxed", children: template.longDescription || template.description || tr(
+          "fluidgrids.builder.templateDetailPanel.noDescription",
+          "No description available"
+        ) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
         template.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -110,20 +121,33 @@ function TemplateDetailPanel({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
         /* @__PURE__ */ jsx(User, { className: "size-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: template.authorName || template.publisher?.name || "Unknown" }),
-        template.publisher?.isVerified && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: "Verified" })
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: template.authorName || template.publisher?.name || tr(
+          "fluidgrids.builder.templateDetailPanel.unknownAuthor",
+          "Unknown"
+        ) }),
+        template.publisher?.isVerified && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0", children: tr(
+          "fluidgrids.builder.templateDetailPanel.verifiedBadge",
+          "Verified"
+        ) })
       ] }),
       template.publishedAt && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ jsx(Calendar, { className: "size-4" }),
         /* @__PURE__ */ jsxs("span", { children: [
-          "Published ",
+          tr(
+            "fluidgrids.builder.templateDetailPanel.publishedLabel",
+            "Published"
+          ),
+          " ",
           formatDate(template.publishedAt)
         ] })
       ] }),
       (template.category || template.tags && template.tags.length > 0) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
           /* @__PURE__ */ jsx(Tag, { className: "size-4" }),
-          /* @__PURE__ */ jsx("span", { children: "Category & Tags" })
+          /* @__PURE__ */ jsx("span", { children: tr(
+            "fluidgrids.builder.templateDetailPanel.categoryAndTagsLabel",
+            "Category & Tags"
+          ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
           template.category && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "text-xs", children: template.category }),
@@ -131,11 +155,17 @@ function TemplateDetailPanel({
         ] })
       ] }),
       template.compatibleProducts && template.compatibleProducts.length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx("span", { children: "Compatible with: " }),
+        /* @__PURE__ */ jsx("span", { children: tr(
+          "fluidgrids.builder.templateDetailPanel.compatibleWithLabel",
+          "Compatible with: "
+        ) }),
         /* @__PURE__ */ jsx("span", { className: "font-medium", children: template.compatibleProducts.join(", ") })
       ] }),
       template.screenshots && template.screenshots.length > 1 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Screenshots" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: tr(
+          "fluidgrids.builder.templateDetailPanel.screenshotsHeading",
+          "Screenshots"
+        ) }),
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: template.screenshots.slice(1, 5).map((screenshot, i) => /* @__PURE__ */ jsx(
           "img",
           {
@@ -149,7 +179,10 @@ function TemplateDetailPanel({
       /* @__PURE__ */ jsxs("div", { className: "pt-2 space-y-2", children: [
         /* @__PURE__ */ jsxs(Button, { className: "w-full", onClick: () => onUseTemplate(template), children: [
           /* @__PURE__ */ jsx(Sparkles, { className: "size-4 mr-2" }),
-          "Use This Template"
+          tr(
+            "fluidgrids.builder.templateDetailPanel.useTemplateButton",
+            "Use This Template"
+          )
         ] }),
         template.publisher?.websiteUrl && /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", asChild: true, children: /* @__PURE__ */ jsxs(
           "a",
@@ -159,7 +192,10 @@ function TemplateDetailPanel({
             rel: "noopener noreferrer",
             children: [
               /* @__PURE__ */ jsx(ExternalLink, { className: "size-4 mr-2" }),
-              "View Publisher"
+              tr(
+                "fluidgrids.builder.templateDetailPanel.viewPublisherButton",
+                "View Publisher"
+              )
             ]
           }
         ) })
@@ -169,5 +205,5 @@ function TemplateDetailPanel({
 }
 
 export { TemplateDetailPanel };
-//# sourceMappingURL=TemplateDetailPanel-T3ZHXOHX.js.map
-//# sourceMappingURL=TemplateDetailPanel-T3ZHXOHX.js.map
+//# sourceMappingURL=TemplateDetailPanel-CJ3NPVTP.js.map
+//# sourceMappingURL=TemplateDetailPanel-CJ3NPVTP.js.map

package/dist/TemplateDetailPanel-CJ3NPVTP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/builder/components/flow-builder/components/templates/TemplateDetailPanel.tsx"],"names":[],"mappings":"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","file":"TemplateDetailPanel-CJ3NPVTP.js","sourcesContent":["import { Button } from \"../../../../../ui/button\";\nimport { Badge } from \"../../../../../ui/badge\";\nimport type { StoreProduct } from \"../../../../../generated/global-types\";\nimport {\n  X,\n  Star,\n  Download,\n  Eye,\n  Sparkles,\n  ExternalLink,\n  Calendar,\n  User,\n  Tag,\n} from \"lucide-react\";\nimport { useTr } from \"../../../../../hooks/useTr\";\n\nexport interface TemplateDetailPanelProps {\n  template: StoreProduct;\n  onClose: () => void;\n  onUseTemplate: (template: StoreProduct) => void;\n}\n\nfunction formatNumber(count: number): string {\n  if (count >= 1000000) {\n    return `${(count / 1000000).toFixed(1)}M`;\n  }\n  if (count >= 1000) {\n    return `${(count / 1000).toFixed(1)}k`;\n  }\n  return count.toString();\n}\n\nfunction formatDate(dateStr: string | null | undefined): string {\n  if (!dateStr) return \"Unknown\";\n  try {\n    return new Date(dateStr).toLocaleDateString(\"en-US\", {\n      year: \"numeric\",\n      month: \"short\",\n      day: \"numeric\",\n    });\n  } catch {\n    return \"Unknown\";\n  }\n}\n\n/**\n * Side panel that slides in within the TemplatesModal when a template card is clicked.\n * Shows detailed information about the template before the user decides to import.\n */\nexport function TemplateDetailPanel({\n  template,\n  onClose,\n  onUseTemplate,\n}: TemplateDetailPanelProps) {\n  const tr = useTr();\n  const previewImage = template.screenshots?.[0] || template.icon;\n  const hasVideo = template.videoUrls && template.videoUrls.length > 0;\n\n  return (\n    <div className=\"w-full md:w-1/2 lg:w-2/5 border-l bg-background overflow-y-auto\">\n      {/* Close Button */}\n      <div className=\"sticky top-0 z-10 flex items-center justify-between px-4 py-3 bg-background border-b\">\n        <h3 className=\"text-sm font-semibold truncate pr-4\">\n          {tr(\n            \"fluidgrids.builder.templateDetailPanel.title\",\n            \"Template Details\",\n          )}\n        </h3>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          onClick={onClose}\n          className=\"size-8 shrink-0\"\n        >\n          <X className=\"size-4\" />\n        </Button>\n      </div>\n\n      <div className=\"p-4 space-y-5\">\n        {/* Preview Image / Video */}\n        <div className=\"relative aspect-video w-full rounded-lg overflow-hidden bg-gradient-to-br from-primary/5 to-primary/10\">\n          {previewImage ? (\n            <img\n              src={previewImage}\n              alt={template.name}\n              className=\"w-full h-full object-cover\"\n            />\n          ) : (\n            <div className=\"w-full h-full flex items-center justify-center\">\n              <Sparkles className=\"size-16 text-primary/30\" />\n            </div>\n          )}\n\n          {/* Pricing Badge */}\n          <div className=\"absolute top-2 left-2\">\n            {template.pricingModel === \"FREE\" ? (\n              <Badge\n                variant=\"secondary\"\n                className=\"bg-green-500 text-white border-0\"\n              >\n                {tr(\"fluidgrids.builder.templateDetailPanel.freeBadge\", \"Free\")}\n              </Badge>\n            ) : (\n              <Badge\n                variant=\"default\"\n                className=\"bg-blue-500 text-white border-0\"\n              >\n                ${template.price?.toString() || \"0\"}\n              </Badge>\n            )}\n          </div>\n\n          {template.featured && (\n            <div className=\"absolute top-2 right-2\">\n              <Badge\n                variant=\"default\"\n                className=\"bg-gradient-to-r from-yellow-500 to-orange-500 text-white border-0 shadow-lg\"\n              >\n                <Star className=\"size-3 mr-1 fill-white\" />\n                {tr(\n                  \"fluidgrids.builder.templateDetailPanel.featuredBadge\",\n                  \"Featured\",\n                )}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {/* Title & Description */}\n        <div>\n          <h2 className=\"text-lg font-bold\">{template.name}</h2>\n          <p className=\"text-sm text-muted-foreground mt-1.5 leading-relaxed\">\n            {template.longDescription ||\n              template.description ||\n              tr(\n                \"fluidgrids.builder.templateDetailPanel.noDescription\",\n                \"No description available\",\n              )}\n          </p>\n        </div>\n\n        {/* Stats Row */}\n        <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n          {template.rating && (\n            <div className=\"flex items-center gap-1\">\n              <Star className=\"size-4 fill-yellow-400 text-yellow-400\" />\n              <span className=\"font-medium text-foreground\">\n                {template.rating.toFixed(1)}\n              </span>\n              <span>({template.reviewCount || 0})</span>\n            </div>\n          )}\n          <div className=\"flex items-center gap-1\">\n            <Download className=\"size-4\" />\n            <span>{formatNumber(template.downloads || 0)}</span>\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <Eye className=\"size-4\" />\n            <span>{formatNumber(template.viewCount || 0)}</span>\n          </div>\n        </div>\n\n        {/* Author */}\n        <div className=\"flex items-center gap-2 text-sm\">\n          <User className=\"size-4 text-muted-foreground\" />\n          <span className=\"font-medium\">\n            {template.authorName ||\n              template.publisher?.name ||\n              tr(\n                \"fluidgrids.builder.templateDetailPanel.unknownAuthor\",\n                \"Unknown\",\n              )}\n          </span>\n          {template.publisher?.isVerified && (\n            <Badge variant=\"secondary\" className=\"text-xs px-1.5 py-0\">\n              {tr(\n                \"fluidgrids.builder.templateDetailPanel.verifiedBadge\",\n                \"Verified\",\n              )}\n            </Badge>\n          )}\n        </div>\n\n        {/* Published Date */}\n        {template.publishedAt && (\n          <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n            <Calendar className=\"size-4\" />\n            <span>\n              {tr(\n                \"fluidgrids.builder.templateDetailPanel.publishedLabel\",\n                \"Published\",\n              )}{\" \"}\n              {formatDate(template.publishedAt)}\n            </span>\n          </div>\n        )}\n\n        {/* Category & Tags */}\n        {(template.category || (template.tags && template.tags.length > 0)) && (\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Tag className=\"size-4\" />\n              <span>\n                {tr(\n                  \"fluidgrids.builder.templateDetailPanel.categoryAndTagsLabel\",\n                  \"Category & Tags\",\n                )}\n              </span>\n            </div>\n            <div className=\"flex flex-wrap gap-1.5\">\n              {template.category && (\n                <Badge variant=\"default\" className=\"text-xs\">\n                  {template.category}\n                </Badge>\n              )}\n              {template.tags?.map((tag) => (\n                <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                  {tag}\n                </Badge>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Compatible Products */}\n        {template.compatibleProducts &&\n          template.compatibleProducts.length > 0 && (\n            <div className=\"text-xs text-muted-foreground\">\n              <span>\n                {tr(\n                  \"fluidgrids.builder.templateDetailPanel.compatibleWithLabel\",\n                  \"Compatible with: \",\n                )}\n              </span>\n              <span className=\"font-medium\">\n                {template.compatibleProducts.join(\", \")}\n              </span>\n            </div>\n          )}\n\n        {/* Additional Screenshots */}\n        {template.screenshots && template.screenshots.length > 1 && (\n          <div className=\"space-y-2\">\n            <h4 className=\"text-sm font-semibold\">\n              {tr(\n                \"fluidgrids.builder.templateDetailPanel.screenshotsHeading\",\n                \"Screenshots\",\n              )}\n            </h4>\n            <div className=\"grid grid-cols-2 gap-2\">\n              {template.screenshots.slice(1, 5).map((screenshot, i) => (\n                <img\n                  key={i}\n                  src={screenshot}\n                  alt={`${template.name} screenshot ${i + 2}`}\n                  className=\"w-full h-auto rounded-md border\"\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Action Buttons */}\n        <div className=\"pt-2 space-y-2\">\n          <Button className=\"w-full\" onClick={() => onUseTemplate(template)}>\n            <Sparkles className=\"size-4 mr-2\" />\n            {tr(\n              \"fluidgrids.builder.templateDetailPanel.useTemplateButton\",\n              \"Use This Template\",\n            )}\n          </Button>\n          {template.publisher?.websiteUrl && (\n            <Button variant=\"outline\" className=\"w-full\" asChild>\n              <a\n                href={template.publisher.websiteUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <ExternalLink className=\"size-4 mr-2\" />\n                {tr(\n                  \"fluidgrids.builder.templateDetailPanel.viewPublisherButton\",\n                  \"View Publisher\",\n                )}\n              </a>\n            </Button>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{WorkflowBuilder-WMAHTZEI.js → WorkflowBuilder-ETVB66U6.js}

@@ -1,17 +1,17 @@
-export { WorkflowBuilder } from './chunk-Z3NRSPTV.js';
-import './chunk-MRVS73S2.js';
-import './chunk-DBOMRIP5.js';
-import './chunk-7LLCYNKY.js';
+export { WorkflowBuilder } from './chunk-WQ4QNHDN.js';
+import './chunk-P5PKRQAO.js';
+import './chunk-OHGXRM6Z.js';
 import './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
-import './chunk-OAPYQFQU.js';
+import './chunk-Y36DJHU3.js';
 import './chunk-MH4AHYK3.js';
-import './chunk-ZM4SSEVI.js';
 import './chunk-UIY2HBWA.js';
-import './chunk-3ZYUGTIT.js';
 import './chunk-V5UEEB74.js';
 import './chunk-5BDQNSP3.js';
 import './chunk-WWU2O2SR.js';
 import './chunk-XQP33UJR.js';
-//# sourceMappingURL=WorkflowBuilder-WMAHTZEI.js.map
-//# sourceMappingURL=WorkflowBuilder-WMAHTZEI.js.map
+import './chunk-DBOMRIP5.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-7VNIEIR6.js';
+//# sourceMappingURL=WorkflowBuilder-ETVB66U6.js.map
+//# sourceMappingURL=WorkflowBuilder-ETVB66U6.js.map

package/dist/{WorkflowBuilder-WMAHTZEI.js.map → WorkflowBuilder-ETVB66U6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-WMAHTZEI.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowBuilder-ETVB66U6.js"}

package/dist/WorkflowsList-TZAN3YBA.js

@@ -0,0 +1,11 @@
+export { WorkflowsList } from './chunk-YJKZSUNC.js';
+import './chunk-Y36DJHU3.js';
+import './chunk-MH4AHYK3.js';
+import './chunk-UIY2HBWA.js';
+import './chunk-V5UEEB74.js';
+import './chunk-5BDQNSP3.js';
+import './chunk-WWU2O2SR.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-7VNIEIR6.js';
+//# sourceMappingURL=WorkflowsList-TZAN3YBA.js.map
+//# sourceMappingURL=WorkflowsList-TZAN3YBA.js.map

package/dist/{WorkflowsList-BXESQVAH.js.map → WorkflowsList-TZAN3YBA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-BXESQVAH.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"WorkflowsList-TZAN3YBA.js"}