@adminide-stack/yantra-help-browser 12.0.16-alpha.2 → 12.0.16-alpha.21

package/lib/pages/HelpCenter/components/HelpCategoryCard.js

@@ -1,24 +1,78 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';import {HelpCenterIcons}from'./Icons.js';const HelpCategoryCard = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js';import {HelpCenterIcons}from'./Icons.js';// Map category IDs to gradient accent colors
+const CATEGORY_COLORS = {
+  'platform-features': {
+    gradient: 'from-teal-500/10 to-emerald-500/5',
+    iconBg: 'bg-teal-600',
+    badge: 'text-teal-700 bg-teal-50 dark:text-teal-400 dark:bg-teal-950'
+  },
+  'ai-employees': {
+    gradient: 'from-violet-500/10 to-purple-500/5',
+    iconBg: 'bg-violet-600',
+    badge: 'text-violet-700 bg-violet-50 dark:text-violet-400 dark:bg-violet-950'
+  },
+  'solutions-engineering': {
+    gradient: 'from-blue-500/10 to-cyan-500/5',
+    iconBg: 'bg-blue-600',
+    badge: 'text-blue-700 bg-blue-50 dark:text-blue-400 dark:bg-blue-950'
+  },
+  'solutions-sales': {
+    gradient: 'from-amber-500/10 to-orange-500/5',
+    iconBg: 'bg-amber-600',
+    badge: 'text-amber-700 bg-amber-50 dark:text-amber-400 dark:bg-amber-950'
+  },
+  'solutions-marketing': {
+    gradient: 'from-pink-500/10 to-rose-500/5',
+    iconBg: 'bg-pink-600',
+    badge: 'text-pink-700 bg-pink-50 dark:text-pink-400 dark:bg-pink-950'
+  },
+  integrations: {
+    gradient: 'from-indigo-500/10 to-blue-500/5',
+    iconBg: 'bg-indigo-600',
+    badge: 'text-indigo-700 bg-indigo-50 dark:text-indigo-400 dark:bg-indigo-950'
+  },
+  'security-compliance': {
+    gradient: 'from-emerald-500/10 to-green-500/5',
+    iconBg: 'bg-emerald-600',
+    badge: 'text-emerald-700 bg-emerald-50 dark:text-emerald-400 dark:bg-emerald-950'
+  },
+  openclaw: {
+    gradient: 'from-orange-500/10 to-yellow-500/5',
+    iconBg: 'bg-orange-600',
+    badge: 'text-orange-700 bg-orange-50 dark:text-orange-400 dark:bg-orange-950'
+  },
+  'use-cases': {
+    gradient: 'from-cyan-500/10 to-sky-500/5',
+    iconBg: 'bg-cyan-600',
+    badge: 'text-cyan-700 bg-cyan-50 dark:text-cyan-400 dark:bg-cyan-950'
+  }
+};
+const DEFAULT_COLOR = {
+  gradient: 'from-primary/5 to-primary/0',
+  iconBg: 'bg-primary',
+  badge: 'text-primary bg-primary/10'
+};
+const HelpCategoryCard = ({
   category,
   className,
-  onClick
+  onClick,
+  featured = false
 }) => {
   const handleClick = () => {
     if (onClick) {
       onClick(category.id);
     }
   };
+  const colors = CATEGORY_COLORS[category.id] || DEFAULT_COLOR;
+  const articleCount = category.articles?.length || 0;
   const renderIcon = iconType => {
-    // TypeScript will complain about indexing with a string, so we need this check
     if (iconType in HelpCenterIcons) {
       const IconComponent = HelpCenterIcons[iconType];
       return jsx(IconComponent, {
-        className: "w-6 h-6 text-white"
+        className: "w-5 h-5 text-white"
       });
     }
-    // Fallback icon if not found
     return jsx("svg", {
-      className: "w-6 h-6 text-white",
+      className: "w-5 h-5 text-white",
       fill: "none",
       stroke: "currentColor",
       viewBox: "0 0 24 24",
@@ -30,55 +84,86 @@ import {jsxs,jsx}from'react/jsx-runtime';import {cn}from'../../../utils/index.js
       })
     });
   };
-  return jsxs("div", {
-    className: cn("group relative cursor-pointer overflow-hidden rounded-2xl bg-card p-8 shadow-sm transition-all duration-300 hover:shadow-xl hover:-translate-y-1", "border border-border hover:border-primary/50", className),
-    onClick: handleClick,
-    children: [jsx("div", {
-      className: "absolute inset-0 bg-gradient-to-br from-primary/0 via-primary/0 to-primary/0 transition-all duration-300 group-hover:from-primary/5 group-hover:via-primary/3 group-hover:to-primary/5"
-    }), jsxs("div", {
-      className: "relative z-10",
+  if (featured) {
+    return jsxs("div", {
+      className: cn('group relative cursor-pointer overflow-hidden rounded-xl border border-border bg-card transition-all duration-200', 'hover:border-primary/40 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5', className),
+      onClick: handleClick,
       children: [jsx("div", {
-        className: "mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-primary text-foreground text-white shadow-lg",
-        children: jsx("div", {
-          className: "text-foreground",
-          children: renderIcon(category.iconType)
-        })
-      }), jsx("h3", {
-        className: "mb-3 text-xl font-semibold text-foreground group-hover:text-primary transition-colors",
-        children: category.title
-      }), jsx("p", {
-        className: "mb-6 text-muted-foreground leading-relaxed",
-        children: category.description
-      }), category.authors && category.authors.length > 0 && jsx("div", {
-        className: "flex items-center space-x-3 text-sm text-muted-foreground",
-        children: category.authors.map((author, index) => jsxs("div", {
-          className: "flex items-center",
+        className: cn('absolute inset-0 bg-gradient-to-br opacity-0 transition-opacity duration-200 group-hover:opacity-100', colors.gradient)
+      }), jsxs("div", {
+        className: "relative z-10 p-6",
+        children: [jsxs("div", {
+          className: "flex items-start gap-4",
           children: [jsx("div", {
-            className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs font-medium text-foreground",
-            children: author.name.charAt(0)
-          }), jsxs("span", {
-            className: "font-medium",
-            children: [author.name, " \u2022 ", author.articles, " ", author.articles === 1 ? 'article' : 'articles']
+            className: cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-lg shadow-sm', colors.iconBg),
+            children: renderIcon(category.iconType)
+          }), jsxs("div", {
+            className: "min-w-0 flex-1",
+            children: [jsx("h3", {
+              className: "text-base font-semibold text-foreground group-hover:text-primary transition-colors truncate",
+              children: category.title
+            }), jsx("p", {
+              className: "mt-1 text-sm text-muted-foreground line-clamp-2 leading-relaxed",
+              children: category.description
+            })]
           })]
-        }, index))
+        }), jsxs("div", {
+          className: "mt-4 flex items-center justify-between",
+          children: [jsxs("span", {
+            className: cn('inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium', colors.badge),
+            children: [articleCount, " ", articleCount === 1 ? 'article' : 'articles']
+          }), jsxs("div", {
+            className: "flex items-center gap-1 text-muted-foreground opacity-0 transition-all duration-200 group-hover:opacity-100 group-hover:text-primary",
+            children: [jsx("span", {
+              className: "text-xs font-medium",
+              children: "Explore"
+            }), jsx("svg", {
+              className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:translate-x-0.5",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M9 5l7 7-7 7"
+              })
+            })]
+          })]
+        })]
+      })]
+    });
+  }
+  // Compact card for non-featured categories
+  return jsx("div", {
+    className: cn('group relative cursor-pointer rounded-lg border border-border bg-card px-4 py-3.5 transition-all duration-200', 'hover:border-primary/30 hover:bg-accent/50 hover:shadow-sm', className),
+    onClick: handleClick,
+    children: jsxs("div", {
+      className: "flex items-center gap-3",
+      children: [jsx("div", {
+        className: cn('flex h-8 w-8 shrink-0 items-center justify-center rounded-md', colors.iconBg),
+        children: renderIcon(category.iconType)
       }), jsxs("div", {
-        className: "mt-6 flex items-center text-primary opacity-0 transition-all duration-300 group-hover:opacity-100",
-        children: [jsx("span", {
-          className: "text-sm font-medium",
-          children: "Explore"
-        }), jsx("svg", {
-          className: "ml-2 h-4 w-4 transition-transform duration-300 group-hover:translate-x-1",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: jsx("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M9 5l7 7-7 7"
-          })
+        className: "min-w-0 flex-1",
+        children: [jsx("h3", {
+          className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate",
+          children: category.title
+        }), articleCount > 0 && jsxs("p", {
+          className: "text-xs text-muted-foreground mt-0.5",
+          children: [articleCount, " ", articleCount === 1 ? 'article' : 'articles']
         })]
+      }), jsx("svg", {
+        className: "h-4 w-4 shrink-0 text-muted-foreground/50 transition-all duration-200 group-hover:text-primary group-hover:translate-x-0.5",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        children: jsx("path", {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5l7 7-7 7"
+        })
       })]
-    })]
+    })
   });
 };export{HelpCategoryCard};//# sourceMappingURL=HelpCategoryCard.js.map

package/lib/pages/HelpCenter/components/HelpCategoryCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.js","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2HAwBO,MAAM,gBAAgB,GAAoC,CAAC;UAK1D;WACA;AACF,EAAA;;AAEJ,EAAA,MAAE,WAAA,GAAA,MAAA;AAEF,IAAA,IAAA,OAAgB,EAAA;aACiE,CAAA,QAAA,CAAA,EAAA,CAAA;AAC/E;AACE,GAAA;AACA,EAAA,MAAA,UAAA,WAAqB,IAAA;;QAGvB,QAA6B,IAAA,eAAA,EAAA;AAC7B,MAAA,MAAA,aACO,GAAA,eAAU,CAAA,QAAA,CAAA;AAInB,MAAE,OAAAA,GAAA,CAAA,aAAA,EAAA;QAEK;AAoDT,OAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCategoryCard.js","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"2HA0BA;AACA,MAAM,eAAe,GAAwE;AACzF,EAAA,mBAAA,EAAmB;AACf,IAAA,QAAA,EAAA,mCAA6C;AAC7C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,cAAA,EAAc;AACV,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,uBAAA,EAAuB;AACnB,IAAA,QAAA,EAAA,gCAA0C;AAC1C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,iBAAA,EAAiB;AACb,IAAA,QAAA,EAAA,mCAA6C;AAC7C,IAAA,MAAA,EAAA,cAAsB;AACtB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,qBAAA,EAAqB;AACjB,IAAA,QAAA,EAAA,gCAA0C;AAC1C,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,YAAA,EAAY;AACR,IAAA,QAAA,EAAA,kCAA4C;AAC5C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,qBAAA,EAAqB;AACjB,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,gBAAwB;AACxB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,QAAA,EAAQ;AACJ,IAAA,QAAA,EAAA,oCAA8C;AAC9C,IAAA,MAAA,EAAA,eAAuB;AACvB,IAAA,KAAA,EAAA;AACH,GAAA;AACD,EAAA,WAAA,EAAW;AACP,IAAA,QAAA,EAAA,+BAAyC;AACzC,IAAA,MAAA,EAAA,aAAqB;AACrB,IAAA,KAAA,EAAA;AACH;CACJ;AAED,MAAM,aAAa,GAAG;AAClB,EAAA,QAAA,EAAQ,6BAA+B;AACvC,EAAA,MAAA,EAAM,YAAc;AACpB,EAAA,KAAA,EAAK;CACR;AAEY,MAAA,gBAAgB,GAAoC,CAAC;UAMxD;WACE;AACA,EAAA,OAAA;UACH,GAAA;AACL,CAAA,KAAE;QAEI,WAAS,GAAA,MAAA;IACf,IAAM,OAAA,EAAA;AAEN,MAAA,OAAgB,CAAA,QAAA,CAAG,EAAC,CAAA;AAChB;AACI,GAAA;AACA,EAAA,MAAA,MAAA,GAAA,eAAqB,CAAA,QAAC,qBAAU;QACpC,YAAC,GAAA,QAAA,CAAA,QAAA,EAAA,MAAA,IAAA,CAAA;AACD,EAAA,MAAA,UACS,GAAA,QAAA,IAAA;AASb,IAAA,IAAE,QAAA,IAAA,eAAA,EAAA;MAEE,MAAA,aAAW,GAAA,eAAA,CAAA,QAAA,CAAA;AACX,MAAA,OAAAA,GAEQ,CAAA,aAAA,EAAA;QA2DX,SAAA,EAAA;OAE0C,CAAA;;AAmC/C,IAAE,OAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/Icons.d.ts

@@ -18,5 +18,15 @@ export declare const HelpCenterIcons: {
     DataPrivacy: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     GettingStarted: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     StudentHub: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    PlatformFeatures: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    AiEmployees: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    SolutionsEngineering: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    SolutionsSales: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    SolutionsMarketing: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Integrations: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    SecurityCompliance: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    OpenClaw: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    UseCases: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    Documentation: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=Icons.d.ts.map

package/lib/pages/HelpCenter/components/Icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe;wBACN,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAOpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAOxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAKzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAM9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAM9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAMhC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;uBAM3B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAM/B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;oBAM9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAK5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAKrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAKzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAOrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAQtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBASpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAM1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAMjC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAMlD,CAAC"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe;wBACJ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAkBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAkBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAgBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAiBhC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;uBAiB3B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAiB/B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;oBAiB9B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;qBAgB5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;6BAgBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;iBAgBzC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAkBrB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAmBtB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAoBpC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAiB1B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;wBAiBjC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;8BAkBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;yBAmBlC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;kCAoBpB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;4BAkBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAgBzB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;0BAgBnC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gCAkBvB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiBvC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;sBAiB7B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;2BAiBxB,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;CAgBvD,CAAC"}

package/lib/pages/HelpCenter/components/Icons.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';const HelpCenterIcons = {
+import {jsx,jsxs}from'react/jsx-runtime';const HelpCenterIcons = {
   Perplexity: props => jsxs("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -338,5 +338,215 @@ import {jsxs,jsx}from'react/jsx-runtime';const HelpCenterIcons = {
     }), jsx("path", {
       d: "M6 12v5c3 3 9 3 12 0v-5"
     })]
+  }),
+  // --- New category icons ---
+  PlatformFeatures: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("rect", {
+      x: "3",
+      y: "3",
+      width: "7",
+      height: "7",
+      rx: "1"
+    }), jsx("rect", {
+      x: "14",
+      y: "3",
+      width: "7",
+      height: "7",
+      rx: "1"
+    }), jsx("rect", {
+      x: "3",
+      y: "14",
+      width: "7",
+      height: "7",
+      rx: "1"
+    }), jsx("rect", {
+      x: "14",
+      y: "14",
+      width: "7",
+      height: "7",
+      rx: "1"
+    })]
+  }),
+  AiEmployees: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("path", {
+      d: "M12 8V4H8"
+    }), jsx("rect", {
+      x: "2",
+      y: "2",
+      width: "20",
+      height: "20",
+      rx: "5"
+    }), jsx("path", {
+      d: "M8 14s1.5 2 4 2 4-2 4-2"
+    }), jsx("line", {
+      x1: "9",
+      y1: "9",
+      x2: "9.01",
+      y2: "9"
+    }), jsx("line", {
+      x1: "15",
+      y1: "9",
+      x2: "15.01",
+      y2: "9"
+    })]
+  }),
+  SolutionsEngineering: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("polyline", {
+      points: "16 18 22 12 16 6"
+    }), jsx("polyline", {
+      points: "8 6 2 12 8 18"
+    }), jsx("line", {
+      x1: "12",
+      y1: "2",
+      x2: "12",
+      y2: "22"
+    })]
+  }),
+  SolutionsSales: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: jsx("path", {
+      d: "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"
+    })
+  }),
+  SolutionsMarketing: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: jsx("path", {
+      d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"
+    })
+  }),
+  Integrations: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("path", {
+      d: "M4 11a9 9 0 0 1 9 9"
+    }), jsx("path", {
+      d: "M4 4a16 16 0 0 1 16 16"
+    }), jsx("circle", {
+      cx: "5",
+      cy: "19",
+      r: "1"
+    })]
+  }),
+  SecurityCompliance: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("path", {
+      d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"
+    }), jsx("path", {
+      d: "m9 12 2 2 4-4"
+    })]
+  }),
+  OpenClaw: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("path", {
+      d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
+    }), jsx("path", {
+      d: "M9 18c-4.51 2-5-2-7-2"
+    })]
+  }),
+  UseCases: props => jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: [jsx("path", {
+      d: "M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"
+    }), jsx("path", {
+      d: "M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"
+    })]
+  }),
+  Documentation: props => jsx("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    width: "24",
+    height: "24",
+    ...props,
+    children: jsx("path", {
+      d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+    })
   })
 };export{HelpCenterIcons};//# sourceMappingURL=Icons.js.map

package/lib/pages/HelpCenter/components/Icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAEa,MAAA,eAAe,GAAG;AAC7B,EAAA,UAAA,EAAU,KAAuC,IAAAA,IAC/C,CAAK,KAAA,EAAA;AAMP,IAAA,KAAK,EAAqC,4BAC9B;IAMZ,OAAQ,EAAA,WAA2C;AAKnD,IAAA,IAAA,EAAA,MAAY;IAMZ,MAAW,EAAA,cAAyC;IAMpD,WAAU,EAAG,GAAA;AAMb,IAAA,aAA8C,EAAA,OAC5C;AAKF,IAAA,cAAgD,EAAA,OAC9C;AAKF,IAAA,KAAA,EAAO,IAAG;IAMV,MAAM,EAAE,IAAC;IAKT,GAAO,KAAA;IAKP,QAAe,EAAA,CAAAC,GAAA,CAAA,QAAyC,EAAA;AAKxD,MAAA,EAAK,EAAC,IAAoC;AAO1C,MAAA,EAAA,EAAA,IAAA;MAQkB,CAAA,EAAA;KASP,CAAA,EAAAA,GAAA,CAAA,MAAG,EAAA;AAMd,MAAA,CAAA,EAAA;KAMU,CAAA,EAAAA,GAAA,CAAA,MAAG,EAAA;MAMb,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Icons.js","sources":["../../../../src/pages/HelpCenter/components/Icons.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAEa,MAAA,eAAe,GAAG;AAC3B,EAAA,UAAA,EAAU,KAAuC,IAAAA,IAC7C,CACI,KAAA,EAAA;AAgBR,IAAA,KAAK,EAAqC,4BAE7B;IAgBb,OAAQ,EAAA,WAA2C;AAgBnD,IAAA,IAAA,EAAA,MAAY;IAiBZ,MAAW,EAAA,cAAyC;IAiBpD,WAAU,EAAG,GAAA;AAiBb,IAAA,aAA8C,EAAA,OAC1C;AAgBJ,IAAA,cAAgD,EAAA,OAC5C;AAgBJ,IAAA,KAAA,EAAO,IAAG;IAiBV,MAAM,EAAE,IAAC;IAgBT,GAAO,KAAA;IAgBP,QAAe,EAAA,CAAAC,GAAA,CAAA,QAAyC,EAAA;AAgBxD,MAAA,EAAK,EAAC,IAAoC;AAkB1C,MAAA,EAAA,EAAA,IAAA;MAmBkB,CAAA,EAAA;KAoBP,CAAA,EAAAA,GAAA,CAAA,MAAG,EAAA;AAiBd,MAAA,CAAA,EAAA;KAiBU,CAAA,EAAAA,GAAA,CAAA,MAAG,EAAA;MAiBgB,CAAA,EAAA;AAC7B,KAAA,CAAA;IAmBA;AAoBA,EAAA,GAAA,EAAA,KAAA,IAAAD,IAAA,CAAA,KAAuB,EAAA;IAkBvB,KAAc,EAAA,4BACV;IAeJ,OAAkB,EAAA,WAAE;AAgBpB,IAAA,IAAA,EAAA,MAAY;IAkBZ,MAAkB,EAAA,cAAG;IAiBrB,WAAW,EAAA,GAAoC;IAiB/C,aAAW,EAAA,OACP;IAgBJ,cAAa,EAAG,OAAsC;IAgBxD,KAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/PopularArticle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopularArticle.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAC"}
+{"version":3,"file":"PopularArticle.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkCxD,CAAC"}

package/lib/pages/HelpCenter/components/PopularArticle.js

@@ -4,16 +4,16 @@ import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/index.js
   className
 }) => {
   return jsx("div", {
-    className: cn("group", className),
+    className: cn('group', className),
     children: jsxs("a", {
       href: link,
-      className: "flex items-center justify-between rounded-xl border border-border bg-card px-6 py-4 transition-all duration-200 hover:border-primary/50 hover:shadow-md hover:-translate-y-0.5",
+      className: "flex items-center justify-between rounded-lg border border-border bg-card px-5 py-3.5 transition-all duration-150 hover:border-primary/30 hover:bg-accent/50 hover:shadow-sm",
       children: [jsxs("div", {
-        className: "flex items-center space-x-4",
+        className: "flex items-center gap-3",
         children: [jsx("div", {
-          className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10 text-primary",
+          className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary",
           children: jsx("svg", {
-            className: "h-4 w-4",
+            className: "h-3.5 w-3.5",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24",
@@ -25,26 +25,20 @@ import {jsx,jsxs}from'react/jsx-runtime';import {cn}from'../../../utils/index.js
             })
           })
         }), jsx("span", {
-          className: "font-medium text-foreground group-hover:text-primary transition-colors",
+          className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors",
           children: title
         })]
-      }), jsxs("div", {
-        className: "flex items-center space-x-2 text-muted-foreground transition-all duration-200 group-hover:text-primary group-hover:translate-x-1",
-        children: [jsx("span", {
-          className: "text-sm font-medium",
-          children: "Read"
-        }), jsx("svg", {
-          className: "h-4 w-4",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: jsx("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M9 5l7 7-7 7"
-          })
-        })]
+      }), jsx("svg", {
+        className: "h-4 w-4 shrink-0 text-muted-foreground/50 transition-all duration-150 group-hover:text-primary group-hover:translate-x-0.5",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        children: jsx("path", {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5l7 7-7 7"
+        })
       })]
     })
   });

package/lib/pages/HelpCenter/components/PopularArticle.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopularArticle.js","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"sourcesContent":[null],"names":[],"mappings":"kFASO,MAAM,cAAc,GAAkC,CAAC;AAK5D,EAAA,KAAA;AA0BF,EAAE,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PopularArticle.js","sources":["../../../../src/pages/HelpCenter/components/PopularArticle.tsx"],"sourcesContent":[null],"names":[],"mappings":"kFASO,MAAM,cAAc,GAAkC,CAAC;OACnD;AAiCX,EAAE,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA+E3B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAkJ3B,CAAC;AAEF,eAAe,cAAc,CAAC"}