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

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

package/lib/pages/HelpCenter/index.js

@@ -1,57 +1,132 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCategoryCard}from'./components/HelpCategoryCard.js';import {PopularArticle}from'./components/PopularArticle.js';import {BookStack}from'./components/BookStack.js';import {getAllCategoriesMetadataSync}from'../../utils/markdownLoader.js';import {popularArticlesMock}from'./mockData.js';const HelpCenterPage = () => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCategoryCard}from'./components/HelpCategoryCard.js';import {PopularArticle}from'./components/PopularArticle.js';import {getAllCategoriesMetadataSync}from'../../utils/markdownLoader.js';import {popularArticlesMock}from'./mockData.js';// Featured categories that get highlighted at the top
+const FEATURED_CATEGORY_IDS = ['platform-features', 'ai-employees', 'solutions-engineering', 'solutions-sales', 'solutions-marketing', 'integrations', 'security-compliance', 'openclaw', 'use-cases'];
+const HelpCenterPage = () => {
   const navigate = useNavigate();
   // Get categories from markdown loader
   const helpCategories = getAllCategoriesMetadataSync();
+  // Separate featured vs other categories
+  const featuredCategories = helpCategories.filter(c => FEATURED_CATEGORY_IDS.includes(c.id));
+  const otherCategories = helpCategories.filter(c => !FEATURED_CATEGORY_IDS.includes(c.id));
   const handleCategoryClick = id => {
-    console.log('Category clicked:', id);
-    // Navigate to category page
     navigate(`/help-center/${id}`);
   };
   return jsxs("div", {
     className: "min-h-screen bg-background text-foreground",
-    children: [jsxs("div", {
-      className: "flex items-center justify-center overflow-hidden bg-[#057d78] pt-20",
-      children: [jsx(HelpCenterHeader, {}), jsx(BookStack, {})]
-    }), jsxs("main", {
+    children: [jsx(HelpCenterHeader, {}), jsxs("main", {
       className: "relative z-10",
-      children: [jsx("section", {
-        className: "py-20",
+      children: [featuredCategories.length > 0 && jsx("section", {
+        className: "py-16",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16",
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
           children: [jsxs("div", {
-            className: "mb-16 text-center",
-            children: [jsx("h2", {
-              className: "mb-4 text-4xl font-light tracking-tight text-foreground",
-              children: "Browse by category"
-            }), jsx("p", {
-              className: "text-lg text-muted-foreground",
-              children: "Find answers organized by topic"
+            className: "mb-10 flex items-center gap-3",
+            children: [jsx("div", {
+              className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10",
+              children: jsx("svg", {
+                className: "h-4 w-4 text-primary",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"
+                })
+              })
+            }), jsxs("div", {
+              children: [jsx("h2", {
+                className: "text-2xl font-semibold tracking-tight text-foreground",
+                children: "Featured Topics"
+              }), jsx("p", {
+                className: "text-sm text-muted-foreground",
+                children: "Explore our most popular help categories"
+              })]
             })]
           }), jsx("div", {
-            className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",
-            children: helpCategories.map(category => jsx(HelpCategoryCard, {
+            className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3",
+            children: featuredCategories.map(category => jsx(HelpCategoryCard, {
+              category: category,
+              onClick: handleCategoryClick,
+              featured: true
+            }, category.id))
+          })]
+        })
+      }), jsx("div", {
+        className: "container mx-auto max-w-7xl px-6 lg:px-16",
+        children: jsx("div", {
+          className: "h-px bg-border"
+        })
+      }), jsx("section", {
+        className: "py-16",
+        children: jsxs("div", {
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
+          children: [jsxs("div", {
+            className: "mb-10 flex items-center gap-3",
+            children: [jsx("div", {
+              className: "flex h-8 w-8 items-center justify-center rounded-lg bg-muted",
+              children: jsx("svg", {
+                className: "h-4 w-4 text-muted-foreground",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+                })
+              })
+            }), jsxs("div", {
+              children: [jsx("h2", {
+                className: "text-2xl font-semibold tracking-tight text-foreground",
+                children: "All Categories"
+              }), jsxs("p", {
+                className: "text-sm text-muted-foreground",
+                children: ["Browse all ", helpCategories.length, " help topics"]
+              })]
+            })]
+          }), jsx("div", {
+            className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+            children: otherCategories.map(category => jsx(HelpCategoryCard, {
               category: category,
               onClick: handleCategoryClick
             }, category.id))
           })]
         })
       }), jsx("section", {
-        className: "bg-card py-20",
+        className: "border-t border-border bg-muted/30 py-16",
         children: jsxs("div", {
-          className: "container mx-auto px-6 lg:px-16",
+          className: "container mx-auto px-6 lg:px-16 max-w-7xl",
           children: [jsxs("div", {
-            className: "mb-16 text-center",
-            children: [jsx("h2", {
-              className: "mb-4 text-4xl font-light tracking-tight text-foreground",
-              children: "Popular articles"
-            }), jsx("p", {
-              className: "text-lg text-muted-foreground",
-              children: "Most helpful content from our community"
+            className: "mb-10 flex items-center gap-3",
+            children: [jsx("div", {
+              className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10",
+              children: jsx("svg", {
+                className: "h-4 w-4 text-primary",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"
+                })
+              })
+            }), jsxs("div", {
+              children: [jsx("h2", {
+                className: "text-2xl font-semibold tracking-tight text-foreground",
+                children: "Popular Articles"
+              }), jsx("p", {
+                className: "text-sm text-muted-foreground",
+                children: "Quick answers to common questions"
+              })]
             })]
           }), jsx("div", {
-            className: "max-w-4xl mx-auto",
+            className: "max-w-3xl",
             children: jsx("div", {
-              className: "space-y-3",
+              className: "space-y-2",
               children: popularArticlesMock.map(article => jsx(PopularArticle, {
                 title: article.title,
                 link: article.link

package/lib/pages/HelpCenter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/HelpCenter/index.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"+bASM,MAAA,cAAc,GAAa,MAAK;AAClC,EAAA,MAAA,QAAc,GAAA,WAAc,EAAA;;AAG5B,EAAA,MAAA,cAAoB,GAAA,4BAA+B,EAAA;AAEnD,EAAA,MAAA,mBAAyB,GAAA,EAAG;AACxB,IAAA,OAAA,CAAA,GAAO,CAAC,uBAAuB,CAAE;;AAEjC,IAAA,QAAA,CAAA,CAAA,aAAS,EAAA,EAAA,CAAA,CAAgB,CAAE;AAC/B,GAAA;AAEA,EAAA,OAAAA,IACS,CAAA,KAAA,EAAA;AAiDb,IAAE,SAAA,EAAA,4CAAA;AAEF,IAAA,QAAA,EAAA,CAAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/HelpCenter/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6YAQA;AACA,MAAM,qBAAqB,GAAG,CAAA,mBAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,WAAA,CAAA;AACP,MAAA,cAAA,GAAA,MAAA;QACL,QAAA,GAAA,WAAA,EAAA;;QAEG,cAAA,GAAA,4BAAA,EAAA;;QAEH,kBAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACO,eAAA,GAAA,cAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;QACX,mBAAA,GAAA,EAAA,IAAA;IACV,QAAW,CAAA,CAAA,aAAA,EAAA,EAAA,CAAA,CAAA,CAAA;GACb;AAEF,EAAM,OAAAA,IAAA,CAAA,KAAc,EAAa;AAC7B,IAAA,SAAc,EAAA,4CAAiB;IAE/B,QAAsC,EAAA,CAAAC,GAAA,CAAA,gBAAA,EAAA,EAAA,CAAA,EAAAD,IAAA,CAAA,MAAA,EAAA;AACtC,MAAA,SAAoB,EAAA,eAA+B;MAEX,QAAA,EAAA,CAAA,kBAAA,CAAA,MAAA,GAAA,CAAA,IAAAC,GAAA,CAAA,SAAA,EAAA;QAClC,SAAA,EAAA,OAAA;QACA,QAAA,EAAAD,IAAA,CAAA,KAAgC,EAAA;AAEtC,UAAM,SAAmB,EAAA,2CAAkB;AACvC,UAAA,QAAS,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAkB;AAC/B,YAAE,SAAA,EAAA,+BAAA;AAEF,YACI,QAAK,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAmIb,cAAE,SAAA,EAAA,mEAAA;AAEF,cAAA,cAA6B,KAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAmK5C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GAgB/B,CAAC"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../src/pages/HelpCenter/mockData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAgI5C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;GA0B/B,CAAC"}

package/lib/pages/HelpCenter/mockData.js

@@ -1,13 +1,21 @@
 const popularArticlesMock = [{
+  id: 'platform-overview',
+  title: 'Yantra Platform Overview',
+  link: '/help-center/platform-features/platform-overview'
+}, {
+  id: 'getting-started-ai',
+  title: 'Getting Started with AI Employees',
+  link: '/help-center/ai-employees/getting-started-ai-employees'
+}, {
   id: 'what-is-yantra',
   title: 'What is Yantra?',
   link: '/help-center/what-is-yantra'
 }, {
-  id: 'getting-started',
-  title: 'Getting Started with Yantra',
-  link: '/get-started'
+  id: 'integrations-overview',
+  title: 'Integrations Overview',
+  link: '/help-center/integrations/integrations-overview'
 }, {
-  id: 'practical-tips',
-  title: 'Practical Tips for Using Yantra',
-  link: '/help-center/technical-questions'
+  id: 'security-overview',
+  title: 'Security & Compliance Overview',
+  link: '/help-center/security-compliance/security-overview'
 }];export{popularArticlesMock};//# sourceMappingURL=mockData.js.map

package/lib/pages/HelpCenter/mockData.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.js","sources":["../../../src/pages/HelpCenter/mockData.ts"],"sourcesContent":[null],"names":[],"mappings":"AAqKE,MAAA,mBAAA,GAAA,CAAA;AAEF,EAAM,EAAA,EAAA,gBAAO;AACX,EAAA,KAAA,EAAA,iBAAA;AACE,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,EAAA,EAAA,iBAAmC;AACpC,EAAA,KAAA,EAAA,6BAAA;AACD,EAAA,IAAA,EAAA;AACE,CAAA,EAAA;AACA,EAAA,EAAA,EAAA,gBAAoC;AACpC,EAAA,KAAA,EAAA,iCAAoB;AACrB,EAAA,IAAA,EAAA;AACD,CAAA"}
+{"version":3,"file":"mockData.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/templates/content/ai-employees/ai-employees-overview.md

@@ -0,0 +1,97 @@
+---
+title: 'AI Employees Overview'
+---
+
+# AI Employees Overview
+
+Yantra AI employees are intelligent agents that integrate into your team's existing toolkit and operate as autonomous, always-available team members. They go beyond traditional chatbots by working proactively — monitoring, analyzing, and acting on information across your connected services.
+
+## What Makes an AI Employee Different
+
+### Traditional AI Chatbot
+
+- Waits for you to ask a question
+- Has no awareness of your business context
+- Cannot take actions in your tools
+- Forgets conversations between sessions
+- Operates in isolation from your workflow
+
+### Yantra AI Employee
+
+- Works proactively without waiting for prompts
+- Monitors your tools 24/7 and understands your business context
+- Updates CRMs, creates tickets, drafts messages, and logs notes
+- Maintains a persistent memory of every interaction and decision
+- Operates within your existing workflow seamlessly
+
+## Core Capabilities
+
+### 1. Observing
+
+Your AI employee watches everything happening across your connected tools:
+
+- Slack conversations and channel activity
+- GitHub commits, pull requests, and deployments
+- Error monitoring alerts and exception trends
+- CRM deal movements and customer interactions
+- Email threads and calendar events
+
+### 2. Understanding
+
+Raw events are processed into meaningful insights:
+
+- Correlating a customer complaint in Slack with a Sentry error spike
+- Linking a stale deal in HubSpot with a missed follow-up email
+- Connecting a deployment failure with related code changes
+- Identifying patterns across seemingly unrelated events
+
+### 3. Acting
+
+Based on observations and understanding, your AI employee takes action:
+
+- Drafts response messages with full context
+- Updates CRM fields and deal stages automatically
+- Creates project tickets with detailed descriptions
+- Sends alerts and escalations to the right people
+- Prepares meeting briefs and daily summaries
+
+### 4. Learning
+
+Over time, your AI employee gets better:
+
+- Adapts to your team's communication style and preferences
+- Refines alert thresholds based on your responses
+- Builds deeper relationships between data points in your organization
+- Improves action suggestions through feedback loops
+
+## Types of AI Employees
+
+Yantra supports specialized AI employees configured for different functions:
+
+| Type               | Primary Function                                     | Key Integrations                     |
+| ------------------ | ---------------------------------------------------- | ------------------------------------ |
+| **Engineering AI** | Bug tracking, deployment monitoring, context sharing | GitHub, Sentry, Linear, Slack        |
+| **Sales AI**       | CRM automation, lead management, call preparation    | HubSpot, Salesforce, Gmail, Calendly |
+| **Marketing AI**   | Content management, social monitoring, engagement    | LinkedIn, X/Twitter, Notion, HubSpot |
+| **Support AI**     | Ticket routing, customer context, issue resolution   | Slack, Zendesk, Sentry, CRM          |
+
+## Trust and Control
+
+Yantra is designed with a **gradual trust model**:
+
+1. **Supervised Mode**: Your AI employee drafts all actions but waits for your approval before executing
+2. **Semi-Autonomous Mode**: Routine actions execute automatically; novel or high-impact actions require approval
+3. **Autonomous Mode**: Your AI employee operates independently, escalating only exceptions
+
+You can adjust the autonomy level at any time, for any action type.
+
+## Powered by OpenClaw
+
+Every Yantra AI employee runs on the [OpenClaw](https://github.com/openclaw) open-source agent framework. This provides:
+
+- **Transparency**: The agent logic is open source and auditable
+- **Community support**: Backed by a global community of developers and enterprise users
+- **Extensibility**: Custom workflows and integrations can be built on the OpenClaw framework
+- **Security**: Battle-tested by thousands of deployments worldwide
+
+Learn more about the OpenClaw foundation in the [OpenClaw Overview](/help-center/openclaw/openclaw-overview).