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

package/lib/components/HelpCenterFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAsDpC,CAAC"}
+{"version":3,"file":"HelpCenterFooter.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EA2EpC,CAAC"}

package/lib/components/HelpCenterFooter.js

@@ -1,85 +1,105 @@
 import {jsx,jsxs}from'react/jsx-runtime';const HelpCenterFooter = () => {
   return jsx("footer", {
-    className: "bg-muted py-16",
+    className: "border-t border-border bg-muted/50",
     children: jsxs("div", {
-      className: "container mx-auto px-16",
+      className: "container mx-auto max-w-7xl px-6 py-12 lg:px-16",
       children: [jsxs("div", {
-        className: "mb-10",
-        children: [jsx("h2", {
-          className: "text-center text-2xl font-bold text-foreground",
-          children: "Yantra Help Center"
-        }), jsx("p", {
-          className: "text-center text-sm text-muted-foreground",
-          children: "Where Knowledge Begins"
-        })]
-      }), jsxs("div", {
-        className: "mb-8 flex flex-wrap justify-center gap-8 text-sm text-muted-foreground",
-        children: [jsx("a", {
-          href: "/help-center",
-          className: "hover:text-primary",
-          children: "Help Center"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Privacy Policy"
-        }), jsx("a", {
-          href: "#",
-          className: "hover:text-primary",
-          children: "Contact Us"
-        })]
-      }), jsxs("div", {
-        className: "mb-8 flex justify-center space-x-6",
-        children: [jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "Twitter"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
-            })
+        className: "flex flex-col items-center gap-8 sm:flex-row sm:justify-between sm:items-start",
+        children: [jsxs("div", {
+          className: "text-center sm:text-left",
+          children: [jsxs("div", {
+            className: "flex items-center justify-center gap-2 sm:justify-start",
+            children: [jsx("div", {
+              className: "flex h-7 w-7 items-center justify-center rounded-lg bg-primary",
+              children: jsx("svg", {
+                className: "h-4 w-4 text-white",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M13 10V3L4 14h7v7l9-11h-7z"
+                })
+              })
+            }), jsx("span", {
+              className: "text-base font-semibold text-foreground",
+              children: "Yantra Help Center"
+            })]
+          }), jsx("p", {
+            className: "mt-1.5 text-xs text-muted-foreground",
+            children: "Where Knowledge Begins"
           })]
-        }), jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "LinkedIn"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
-            })
+        }), jsxs("div", {
+          className: "flex flex-wrap justify-center gap-x-8 gap-y-2 text-sm text-muted-foreground",
+          children: [jsx("a", {
+            href: "/help-center",
+            className: "transition-colors hover:text-foreground",
+            children: "Help Center"
+          }), jsx("a", {
+            href: "#",
+            className: "transition-colors hover:text-foreground",
+            children: "Privacy Policy"
+          }), jsx("a", {
+            href: "#",
+            className: "transition-colors hover:text-foreground",
+            children: "Contact Us"
           })]
-        }), jsxs("a", {
-          href: "#",
-          className: "text-muted-foreground hover:text-primary",
-          children: [jsx("span", {
-            className: "sr-only",
-            children: "GitHub"
-          }), jsx("svg", {
-            className: "h-6 w-6",
-            fill: "currentColor",
-            viewBox: "0 0 24 24",
-            "aria-hidden": "true",
-            children: jsx("path", {
-              fillRule: "evenodd",
-              d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
-              clipRule: "evenodd"
-            })
+        }), jsxs("div", {
+          className: "flex items-center gap-4",
+          children: [jsxs("a", {
+            href: "#",
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: [jsx("span", {
+              className: "sr-only",
+              children: "Twitter"
+            }), jsx("svg", {
+              className: "h-5 w-5",
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: jsx("path", {
+                d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"
+              })
+            })]
+          }), jsxs("a", {
+            href: "#",
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: [jsx("span", {
+              className: "sr-only",
+              children: "LinkedIn"
+            }), jsx("svg", {
+              className: "h-5 w-5",
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: jsx("path", {
+                d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
+              })
+            })]
+          }), jsxs("a", {
+            href: "#",
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: [jsx("span", {
+              className: "sr-only",
+              children: "GitHub"
+            }), jsx("svg", {
+              className: "h-5 w-5",
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: jsx("path", {
+                fillRule: "evenodd",
+                d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+                clipRule: "evenodd"
+              })
+            })]
           })]
         })]
       }), jsxs("div", {
-        className: "text-center text-xs text-muted-foreground",
-        children: ["\u00A9 Copyright ", new Date().getFullYear(), " Yantra \u2022 All rights reserved"]
+        className: "mt-8 border-t border-border pt-6 text-center text-xs text-muted-foreground",
+        children: ["\u00A9 ", new Date().getFullYear(), " Yantra. All rights reserved."]
       })]
     })
   });

package/lib/components/HelpCenterFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEO,MAAM,gBAAgB,GAAa,MAAK;SACpCA;AAqDX,IAAE,SAAA,EAAA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterFooter.js","sources":["../../src/components/HelpCenterFooter.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yCAEO,MAAM,gBAAgB,GAAa,MAAK;AAC3C,EAAA,OAAAA,GACI,CAAA,QAAA,EAAA;AAyER,IAAE,SAAA,EAAA,oCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/HelpCenterHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAgC1C,CAAC"}
+{"version":3,"file":"HelpCenterHeader.d.ts","sourceRoot":"","sources":["../../src/components/HelpCenterHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CA8E1C,CAAC"}

package/lib/components/HelpCenterHeader.js

@@ -1,17 +1,32 @@
 import {jsxs,jsx}from'react/jsx-runtime';import {SearchBar}from'./SearchBar.js';const HelpCenterHeader = props => {
   return jsxs("div", {
     className: "relative overflow-visible w-full",
-    children: [jsx("div", {
-      className: "absolute inset-0 bg-[#057d78]",
-      children: jsx("div", {
-        className: "absolute inset-0 opacity-20",
+    children: [jsxs("div", {
+      className: "absolute inset-0 bg-gradient-to-br from-[#046b67] via-[#057d78] to-[#0a9e98]",
+      children: [jsx("div", {
+        className: "absolute inset-0 opacity-[0.07]",
         style: {
-          backgroundImage: `radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.1) 1px, transparent 0)`,
-          backgroundSize: '20px 20px'
+          backgroundImage: `radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.4) 1px, transparent 0)`,
+          backgroundSize: '24px 24px'
         }
-      })
+      }), jsx("div", {
+        className: "absolute inset-0 opacity-30",
+        style: {
+          background: 'radial-gradient(ellipse 80% 60% at 50% 40%, rgba(255,255,255,0.15), transparent)'
+        }
+      }), jsx("div", {
+        className: "absolute -top-24 -right-24 h-96 w-96 rounded-full opacity-10",
+        style: {
+          background: 'radial-gradient(circle, rgba(255,255,255,0.3), transparent 70%)'
+        }
+      }), jsx("div", {
+        className: "absolute -bottom-16 -left-16 h-72 w-72 rounded-full opacity-10",
+        style: {
+          background: 'radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%)'
+        }
+      })]
     }), jsx("div", {
-      className: "relative z-10 mx-auto flex min-h-[500px] max-w-7xl flex-col items-center justify-center px-6 pt-20 text-center lg:px-16",
+      className: "relative z-10 mx-auto flex min-h-[420px] max-w-7xl flex-col items-center justify-center px-6 pt-16 pb-8 text-center lg:px-16",
       style: {
         overflow: 'visible'
       },
@@ -20,14 +35,44 @@ import {jsxs,jsx}from'react/jsx-runtime';import {SearchBar}from'./SearchBar.js';
         style: {
           overflow: 'visible'
         },
-        children: [jsx("h1", {
-          className: "mb-6 text-5xl font-light leading-[1.1] tracking-tight text-white lg:text-7xl",
+        children: [jsxs("div", {
+          className: "mb-6 inline-flex items-center gap-2 rounded-full border border-white/20 bg-white/10 px-4 py-1.5 text-sm font-medium text-white/90 backdrop-blur-sm",
+          children: [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: "M13 10V3L4 14h7v7l9-11h-7z"
+            })
+          }), "Yantra Help Center"]
+        }), jsx("h1", {
+          className: "mb-5 text-4xl font-semibold leading-[1.15] tracking-tight text-white sm:text-5xl lg:text-6xl",
           children: "How can we help?"
         }), jsx("p", {
-          className: "mb-12 text-xl font-normal text-white/80 lg:text-2xl",
-          children: "Get answers to all things Clockbook."
+          className: "mb-10 text-lg font-normal text-white/70 lg:text-xl",
+          children: "Search our knowledge base or browse categories below"
         }), jsx(SearchBar, {})]
       })
+    }), jsx("div", {
+      className: "relative z-10",
+      children: jsx("svg", {
+        className: "block w-full",
+        viewBox: "0 0 1440 48",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        preserveAspectRatio: "none",
+        style: {
+          height: '48px'
+        },
+        children: jsx("path", {
+          d: "M0 48h1440V20C1320 4 1200 0 1080 8 960 16 840 32 720 36 600 40 480 28 360 20 240 12 120 8 0 16V48z",
+          className: "fill-background"
+        })
+      })
     })]
   });
 };export{HelpCenterHeader};//# sourceMappingURL=HelpCenterHeader.js.map

package/lib/components/HelpCenterHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"gFAGa,MAAA,gBAAgB,GAAkB,KAAC,IAAS;AACrD,EAAA,OAAAA,IACS,CAAA,KAAA,EAAA;AAMW,IAAA,SAAA,EAAA,kCAAkG;AAClG,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;gDAOR;AAgBhB,MAAE,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HelpCenterHeader.js","sources":["../../src/components/HelpCenterHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"gFAGa,MAAA,gBAAgB,GAAkB,KAAC,IAAS;AACrD,EAAA,OAAAA,IACS,CAAA,KAAA,EAAA;AAOW,IAAA,SAAA,EAAA,kCAAkG;AAClG,IAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACH,MAAA,SAAA,EAAA,8EAKM;AACH,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACH,QAAA,SAAA,EAAA,iCAID;AAwDpB,QAAE,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/SearchBar.js

@@ -159,7 +159,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef,useEff
       children: [jsx("span", {
         className: "text-sm text-white/60",
         children: "Popular:"
-      }), ['Getting started', 'Account setup', 'API documentation', 'Troubleshooting'].map(term => jsx("button", {
+      }), ['AI Employees', 'Integrations', 'Security', 'Getting started'].map(term => jsx("button", {
         onClick: () => {
           setSearchQuery(term);
           setShowDropdown(true);

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

@@ -10,11 +10,13 @@ export interface HelpCategory {
     iconType: string;
     icon?: React.ReactNode;
     authors?: CategoryAuthor[];
+    articles?: any[];
 }
 interface HelpCategoryCardProps {
     category: HelpCategory;
     className?: string;
     onClick?: (id: string) => void;
+    featured?: boolean;
 }
 export declare const HelpCategoryCard: React.FC<HelpCategoryCardProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8E5D,CAAC"}
+{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAyDD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmI5D,CAAC"}

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"}