@adminide-stack/yantra-help-browser 12.0.16-alpha.15 → 12.0.16-alpha.17

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

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAEzF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoIrC,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AAGzF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqIrC,CAAC"}

package/lib/components/Logo.js

@@ -1,11 +1,12 @@
-import {jsxs,jsx}from'react/jsx-runtime';const Logo = props => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useParams}from'@remix-run/react';const Logo = props => {
+  const params = useParams();
   const {
     settings,
     logo,
     scrolled,
     location
   } = props;
-  const fill = !scrolled ? '#fff' : settings?.navTheme === 'dark' ? '#fff' : 'black';
+  const fill = !scrolled && !params.articleSlug ? '#fff' : settings?.navTheme === 'dark' ? '#fff' : 'black';
   return jsxs("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",

package/lib/components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAGa,MAAA,IAAI,GAAyB,KAAC,IAAS;QAC1C;IACN,QAAM;AAEN,IAAA,IAAA;;;;;;;;;;;;;;UA0BgB,EAAA;AAsGpB,MAAE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Logo.js","sources":["../../src/components/Logo.tsx"],"sourcesContent":[null],"names":[],"mappings":"kFAIa,MAAA,IAAI,GAAyB,KAAC,IAAS;AAChD,EAAA,MAAA,MAAY,GAAA,SAAY,EAAA;QAClB;AACN,IAAA,QAAU;AAEV,IAAA,IAAA;;;;;;;;;;;;;;UA0BgB,EAAA;AAsGpB,MAAE,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/navbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/navbar/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useLocation,Link}from'@remix-run/react';const navItems = [{
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useLocation,useParams,Link}from'@remix-run/react';const navItems = [{
   key: 'home',
   label: 'Home',
   path: '/'
@@ -16,6 +16,7 @@ const RightNavItems = ({
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const location = useLocation();
+  const params = useParams();
   const toggleMenu = () => {
     setIsMenuOpen(!isMenuOpen);
   };
@@ -23,14 +24,14 @@ const RightNavItems = ({
     return location.pathname === path;
   };
   return jsxs("div", {
-    className: `${scrolled ? "text-foreground" : "text-white"} flex justify-between align-center`,
+    className: `${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'} flex justify-between align-center`,
     children: [jsxs("div", {
       className: "flex",
       children: [jsx("div", {
         className: "hidden sm:ml-6 sm:flex sm:space-x-8",
         children: navItems.map(item => jsx(Link, {
           to: item.path,
-          className: `inline-flex items-center px-1 pt-1 text-lg transition-colors duration-200 ${isActive(item.path) ? `font-bold ${scrolled ? 'text-foreground' : 'text-white'}` : `font-medium ${scrolled ? 'text-foreground hover:text-gray-900' : 'text-white hover:text-gray-300'}`}`,
+          className: `inline-flex items-center px-1 pt-1 text-lg transition-colors duration-200 ${isActive(item.path) ? `font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `font-medium ${scrolled || params.articleSlug ? 'text-foreground hover:text-gray-900' : 'text-white hover:text-gray-300'}`}`,
           children: item.label
         }, item.key))
       }), jsx("div", {
@@ -67,7 +68,7 @@ const RightNavItems = ({
         className: "space-y-1 pt-2 pb-3",
         children: navItems.map(item => jsx(Link, {
           to: item.path,
-          className: `block border-l-4 py-2 pl-3 pr-4 text-base font-medium transition-colors duration-200 ${isActive(item.path) ? `border-[#057d78] font-bold ${scrolled ? 'text-foreground' : 'text-white'}` : `border-transparent font-medium ${scrolled ? 'text-gray-500 hover:text-gray-900' : 'text-gray-300 hover:text-white'} hover:border-[#057d78] hover:bg-gray-50`}`,
+          className: `block border-l-4 py-2 pl-3 pr-4 text-base font-medium transition-colors duration-200 ${isActive(item.path) ? `border-[#057d78] font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `border-transparent font-medium ${scrolled || params.articleSlug ? 'text-gray-500 hover:text-gray-900' : 'text-gray-300 hover:text-white'} hover:border-[#057d78] hover:bg-gray-50`}`,
           onClick: () => setIsMenuOpen(false),
           children: item.label
         }, item.key))

package/lib/components/navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"sHASA,MAAM,QAAQ,GAAc,CAAA;AAC1B,EAAA,GAAA,EAAA,MAAA;AACE,EAAA,KAAA,EAAA,MAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACD,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,aAAA;AACE,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,aAAoB;AACrB,EAAA,KAAA,EAAA,aAAA;AACD,EAAA,IAAA,EAAA;AACE,CAAA,CAAA;AACA,MAAK,aAAe,GAAA,CAAA;AACpB,EAAA,QAAA;AACD,CAAA,KAAA;EACD,MAAA,CAAA,UAAA,EAAA,aAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAMF,EAAM,MAAO,QAAA,GAAA,WAA+C,EAAE;QACtD,UAAW,GAAA,MAAe;AAChC,IAAA,aAAc,CAAA,CAAA,UAAc,CAAA;;AAG1B,EAAA,MAAA,QAAA,GAAA,IAAe,IAAU;AAC3B,IAAA,OAAE,QAAA,CAAA,QAAA,KAAA,IAAA;AAEF,GAAA;AACE,EAAA,OAAAA,IAAA,CAAO,KAAQ,EAAA;AACjB,IAAA,SAAE,EAAA,CAAA,EAAA,QAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,kCAAA,CAAA;IAEF,QACE,EAAK,CAAAA,IAAA,CAAA,KAAA,EAAA;;AAUa,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;wDAiD8B;AAChC,QAAA,QAAA,EAAA,QAAA,CAAA,GAAE,CAAkC,IAAA,IAAAA,GAAA,CAAA,IAAA,EAAA;AAYxD,UAAE,EAAA,EAAA,IAAA,CAAA,IAAA;AAEF,UAAA,sFAA6B,EAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,CAAA,GAAA,CAAA,YAAA,EAAA,QAAA,GAAA,qCAAA,GAAA,gCAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"gIASA,MAAM,QAAQ,GAAc,CAAA;AACxB,EAAA,GAAA,EAAA,MAAA;AACI,EAAA,KAAA,EAAA,MAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,aAAA;AACI,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,aAAoB;AACvB,EAAA,KAAA,EAAA,aAAA;AACD,EAAA,IAAA,EAAA;AACI,CAAA,CAAA;AACA,MAAK,aAAe,GAAA,CAAA;AACpB,EAAA,QAAA;AACH,CAAA,KAAA;EACH,MAAA,CAAA,UAAA,EAAA,aAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAMF,EAAM,MAAO,QAAA,GAAA,WAA+C,EAAE;QACpD,MAAW,GAAA,SAAe,EAAA;AAChC,EAAA,MAAA,UAAc,GAAG,MAAW;AAC5B,IAAA,aAAY,CAAA,CAAG,UAAS,CAAE;;AAGtB,EAAA,MAAA,QAAA,GAAA,IAAe,IAAU;AAC7B,IAAA,OAAE,QAAA,CAAA,QAAA,KAAA,IAAA;AAEF,GAAA;AACI,EAAA,OAAAA,IAAA,CAAO,KAAQ,EAAA;AACnB,IAAA,SAAE,EAAA,CAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,kCAAA,CAAA;IAEF,QACI,EACI,CAAAA,IAAA,CAAA,KAAA,EAAA;AAUwB,MAAA,SAAA,EAAA,MAAA;AACA,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAiDI,QAAA,SAAA,EAAA,qCAAE;AACF,QAAA,QAAA,EAAA,QAAA,CAAA,GAAE,CAAkC,IAAA,IAAAA,GAAA,CAAA,IAAA,EAAA;AAY5E,UAAE,EAAA,EAAA,IAAA,CAAA,IAAA;AAEF,UAAA,sFAA6B,EAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,CAAA,GAAA,CAAA,YAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,qCAAA,GAAA,gCAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/ArticlePage/ArticlePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArticlePage.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA+O/B,CAAC"}
+{"version":3,"file":"ArticlePage.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAkP/B,CAAC"}

package/lib/pages/ArticlePage/ArticlePage.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';const ArticlePage = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';import {TableOfContents}from'./components/TableOfContents.js';import {ArticleNavigation}from'./components/ArticleNavigation.js';import {ArticleBreadcrumbs}from'./components/ArticleBreadcrumbs.js';import {CopyPageButton}from'./components/CopyPageButton.js';const ArticlePage = () => {
   const {
     categoryId,
     articleSlug
@@ -7,6 +7,8 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   const [loading, setLoading] = useState(true);
   const [activeHeadingId, setActiveHeadingId] = useState('');
   const observerRef = useRef(null);
+  const isScrollingRef = useRef(false);
+  const scrollTimeoutRef = useRef(null);
   useEffect(() => {
     if (articleSlug) {
       const loadContent = async () => {
@@ -26,14 +28,41 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
     }
     // Create new intersection observer
     observerRef.current = new IntersectionObserver(entries => {
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          setActiveHeadingId(entry.target.id);
+      // Don't update if we're programmatically scrolling
+      if (isScrollingRef.current) return;
+      // Find the heading that's most visible in the viewport
+      const visibleEntries = entries.filter(entry => entry.isIntersecting);
+      if (visibleEntries.length === 0) return;
+      // Find the heading that's closest to the top of the viewport (within the top 30%)
+      // Prioritize headings that are in the upper portion of the viewport
+      let bestEntry = visibleEntries[0];
+      let bestScore = Infinity;
+      visibleEntries.forEach(entry => {
+        const rect = entry.boundingClientRect;
+        const viewportHeight = window.innerHeight;
+        const top30Percent = viewportHeight * 0.3;
+        // Calculate a score: lower is better
+        // Headings in the top 30% of viewport get priority
+        let score;
+        if (rect.top >= 0 && rect.top <= top30Percent) {
+          // Heading is in the top 30% - prioritize by distance from top
+          score = rect.top;
+        } else if (rect.top >= 0) {
+          // Heading is below top 30% but visible - lower priority
+          score = 1000 + rect.top;
+        } else {
+          // Heading is above viewport - lowest priority unless it's the only one
+          score = 2000 + Math.abs(rect.top);
+        }
+        if (score < bestScore) {
+          bestScore = score;
+          bestEntry = entry;
         }
       });
+      setActiveHeadingId(bestEntry.target.id);
     }, {
-      rootMargin: '-20% 0px -70% 0px',
-      threshold: 0
+      rootMargin: '-10% 0px -70% 0px',
+      threshold: [0, 0.1, 0.5, 1]
     });
     // Observe all headings
     article.headings.forEach(heading => {
@@ -47,6 +76,9 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
       if (observerRef.current) {
         observerRef.current.disconnect();
       }
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
     };
   }, [article]);
   if (loading) {
@@ -98,124 +130,91 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
   return jsx("div", {
     className: "min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden",
     children: jsxs("div", {
-      className: "flex flex-col w-full",
-      children: [jsx("div", {
-        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 pt-8",
-        children: jsxs("nav", {
-          className: "flex items-center space-x-2 text-sm text-muted-foreground",
-          children: [jsx(Link, {
-            to: "/help-center",
-            className: "hover:text-foreground",
-            children: "All Collections"
-          }), jsx("span", {
-            children: "\u203A"
-          }), jsx(Link, {
-            to: `/help-center/${article.categoryId}`,
-            className: "hover:text-foreground",
-            children: getCategoryById(article.categoryId)?.title || article.categoryId
-          }), jsx("span", {
-            children: "\u203A"
-          }), jsx("span", {
-            className: "text-primary",
-            children: article.title
+      className: "flex w-full justify-center gap-10",
+      children: [jsxs("div", {
+        className: "flex-1  max-w-3xl w-full",
+        children: [jsxs("div", {
+          className: "flex items-center justify-between",
+          children: [jsx(ArticleBreadcrumbs, {
+            categoryId: article.categoryId,
+            categoryTitle: getCategoryById(article.categoryId)?.title,
+            articleTitle: article.title,
+            className: "pb-4"
+          }), jsx(CopyPageButton, {
+            articleTitle: article.title,
+            articleContent: article.htmlContent,
+            className: "flex-shrink-0"
           })]
-        })
-      }), jsx("main", {
-        className: "w-full py-8",
-        children: jsx("div", {
-          className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative",
-          children: jsxs("div", {
-            className: "flex flex-col xl:flex-row gap-8 xl:gap-12",
-            children: [jsxs("div", {
-              className: "flex-1 min-w-0 max-w-5xl",
-              children: [jsxs("div", {
-                className: "mb-8",
-                children: [jsx("h1", {
-                  className: "text-3xl md:text-4xl font-bold text-foreground mb-4",
-                  children: article.title
-                }), jsx("p", {
-                  className: "text-lg text-muted-foreground mb-6",
-                  children: article.description
-                }), jsxs("div", {
-                  className: "flex items-center space-x-4 text-sm text-muted-foreground",
-                  children: [jsxs("div", {
-                    className: "flex items-center",
-                    children: [jsx("div", {
-                      className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
-                      children: article.author.charAt(0)
-                    }), jsxs("span", {
-                      children: ["Written by ", article.author]
-                    })]
-                  }), jsx("span", {
-                    children: "\u2022"
-                  }), jsxs("span", {
-                    children: ["Updated ", article.updatedAt]
-                  })]
-                })]
-              }), jsx("div", {
-                className: "prose prose-lg max-w-none w-full overflow-x-hidden",
-                children: jsx("div", {
-                  className: cn('prose-headings:text-foreground prose-p:text-muted-foreground prose-strong:text-foreground prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-blockquote:text-muted-foreground prose-code:text-foreground prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto'),
-                  dangerouslySetInnerHTML: {
-                    __html: article.htmlContent
-                  }
-                })
-              }), (previousArticle || nextArticle) && jsxs("div", {
-                className: "mt-12 grid grid-cols-1 md:grid-cols-2 gap-4",
-                children: [previousArticle ? jsxs(Link, {
-                  to: `/help-center/${previousArticle.categoryId}/${previousArticle.slug}`,
-                  className: cn('group rounded-lg border border-border bg-background px-6 py-4', 'hover:bg-muted/30 transition-colors'),
-                  children: [jsx("div", {
-                    className: "text-sm text-muted-foreground",
-                    children: "Previous"
-                  }), jsxs("div", {
-                    className: "mt-1 text-primary font-semibold group-hover:underline",
-                    children: ["\u00AB ", previousArticle.title]
-                  })]
-                }) : jsx("div", {
-                  className: "hidden md:block"
-                }), nextArticle ? jsxs(Link, {
-                  to: `/help-center/${nextArticle.categoryId}/${nextArticle.slug}`,
-                  className: cn('group rounded-lg border border-border bg-background px-6 py-4', 'hover:bg-muted/30 transition-colors md:text-right'),
-                  children: [jsx("div", {
-                    className: "text-sm text-muted-foreground",
-                    children: "Next"
-                  }), jsxs("div", {
-                    className: "mt-1 text-primary font-semibold group-hover:underline",
-                    children: [nextArticle.title, " \u00BB"]
-                  })]
-                }) : jsx("div", {
-                  className: "hidden md:block"
-                })]
-              })]
-            }), article.headings && article.headings.length > 0 && jsx("aside", {
-              className: "hidden xl:block xl:w-80 xl:flex-shrink-0",
+        }), jsx("main", {
+          className: "w-full py-2",
+          children: jsx("div", {
+            className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative",
+            children: jsx("div", {
+              className: "flex flex-col xl:flex-row gap-12 xl:gap-16 align-start",
               children: jsxs("div", {
-                className: "fixed top-20 flex flex-col h-[calc(100vh-3rem)]",
+                className: "flex-1 min-w-0 max-w-5xl",
                 children: [jsx("div", {
-                  className: "mb-4 flex-shrink-0",
-                  children: jsxs("h2", {
-                    className: "text-sm font-semibold text-primary flex items-center",
-                    children: [jsx("span", {
-                      className: "mr-2",
-                      children: "\u2630"
-                    }), "On this page"]
-                  })
-                }), jsx("nav", {
-                  className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0",
-                  children: article.headings.map((heading, index) => {
-                    const isActive = activeHeadingId === heading.id;
-                    return jsx("a", {
-                      href: `#${heading.id}`,
-                      className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-primary border-l-primary bg-muted/20' : 'text-muted-foreground hover:text-primary hover:border-l-primary', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
-                      children: heading.text
-                    }, index);
+                  className: "prose prose-lg max-w-none w-full overflow-x-hidden",
+                  children: jsx("div", {
+                    className: cn(
+                    // Base prose styles
+                    'prose-headings:font-semibold prose-headings:text-foreground prose-headings:tracking-tight',
+                    // Body H1 styles (within article) - slightly smaller than page title
+                    'prose-h1:text-[1.5rem] prose-h1:md:text-[1.75rem] prose-h1:mb-4 prose-h1:mt-5 prose-h1:leading-tight',
+                    // H2 styles - strong section headings
+                    'prose-h2:text-[1.2rem] prose-h2:md:text-[1.5rem] prose-h2:mb-4 prose-h2:mt-5 prose-h2:leading-tight',
+                    // H3 styles - sub section headings
+                    'prose-h3:text-[1.05rem] prose-h3:md:text-[1.25rem] prose-h3:mb-3 prose-h3:mt-4 prose-h3:leading-snug',
+                    // H4 styles
+                    'prose-h4:text-lg prose-h4:md:text-xl prose-h4:mb-3 prose-h4:mt-4',
+                    // Paragraph styles
+                    'prose-p:text-[0.85rem] prose-p:md:text-[0.95rem] prose-p:text-muted-foreground prose-p:leading-relaxed prose-p:mb-5',
+                    // Strong text
+                    'prose-strong:text-foreground prose-strong:font-semibold',
+                    // Links
+                    'prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-a:font-medium',
+                    // Lists
+                    'prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-li:mb-2 prose-li:text-base prose-li:md:text-lg',
+                    // Blockquotes
+                    'prose-blockquote:text-muted-foreground prose-blockquote:border-l-primary prose-blockquote:pl-4 prose-blockquote:my-6',
+                    // Code
+                    'prose-code:text-foreground prose-code:bg-muted prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono',
+                    // Pre blocks
+                    'prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:p-4 prose-pre:my-6',
+                    // Images
+                    'prose-img:rounded-lg prose-img:my-8',
+                    // Tables
+                    'prose-table:text-muted-foreground prose-th:text-foreground prose-th:font-semibold',
+                    // Horizontal rules
+                    'prose-hr:border-border prose-hr:my-8'),
+                    dangerouslySetInnerHTML: {
+                      __html: article.htmlContent
+                    }
                   })
+                }), jsx(ArticleNavigation, {
+                  previousArticle: previousArticle,
+                  nextArticle: nextArticle
                 })]
               })
-            })]
+            })
           })
-        })
+        })]
+      }), jsx(TableOfContents, {
+        headings: article.headings || [],
+        activeHeadingId: activeHeadingId,
+        onHeadingClick: headingId => {
+          // Set scrolling flag to prevent observer from overriding
+          isScrollingRef.current = true;
+          setActiveHeadingId(headingId);
+          // Clear any existing timeout
+          if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+          }
+          // Re-enable observer after scroll completes (smooth scroll takes ~500ms)
+          scrollTimeoutRef.current = setTimeout(() => {
+            isScrollingRef.current = false;
+          }, 800);
+        }
       })]
     })
   });

package/lib/pages/ArticlePage/ArticlePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticlePage.js","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"0PAKO,MAAM,WAAW,GAAa,MAAK;QAChC;IACN,UAAc;IACd;MACM,SAAgB,EAAA;AACtB,EAAA,MAAA,CAAA,mBAAoB,CAAA,GAAoC,QAAM,CAAA,IAAA,CAAA;QAErD,CAAA,SAAM,UAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;QACX,CAAI,iBAAc,kBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACd,EAAA,MAAA,WAAiB,GAAA,MAAA,CAAA,IAAQ,CAAA;AACrB,EAAA,SAAA,CAAA,MAAA;mBACU,EAAA;uBACA,GAAA,YAAQ;AACtB,QAAA,MAAE,WAAA,GAAA,MAAA,kBAAA,CAAA,WAAA,CAAA;AACF,QAAA,UAAA,CAAA,WAAc,CAAA;QAClB,UAAC,CAAA,KAAA,CAAA;AACL,OAAG;MAEwB,WAAA,EAAA;;iBAEX,CAAA,CAAA;;WAEiB,CAAA,MAAA;AAC7B,IAAA,IAAA,CAAA,OAAe,EAAA,QAAQ,IAAA,OAAG,CAAA,QAAA,CAAA,MAAA,KAAA,CAAA,EAAA;AACtB;QACJ,WAAC,CAAA,OAAA,EAAA;iBAEkC,CAAA,OAAA,CAAA,UAAA,EAAA;;AAG3B;AACI,IAAA,WAAA,CAAA,OAAS,GAAC,IAAc,oBAAG,CAAA,OAAA,IAAA;AACvB,MAAA,OAAA,CAAA,OAAA,CAAA,KAAA,IAAA;iBACH,CAAA,cAAA,EAAA;AACL,UAAA,kBAAG,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AACP;AAEI,OAAA,CAAA;AACA,KAAA,EAAA;AACH,MAAA,UACH,EAAA,mBAAA;eAEqB,EAAA;;;AAGnB,IAAA,OAAA,CAAA,gBAAe,CAAA,OAAA,IAAY;AACvB,MAAA,MAAA,OAAA,GAAA,QAAmB,CAAA,cAAS,CAAA,OAAS,CAAA,EAAA,CAAA;iBACxC,IAAA,WAAA,CAAA,OAAA,EAAA;AACL,QAAA,WAAG,CAAA,OAAA,CAAA,OAAA,CAAA,OAAA,CAAA;;AAGH,KAAA,CAAA;AACI;AACI,IAAA,OAAA,MAAA;qBACH,CAAA,OAAA,EAAA;AACL,QAAA,WAAE,CAAA,OAAA,CAAA,UAAA,EAAA;AACN;KAEI;aACO,CAAA,CAAA;MAeV,OAAA,EAAA;IAED,OAAYA,GAAA,CAAA,KAAG,EAAA;AACX,MAAA,SAAO,EACH,8DAAmF;MAS1F,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAED,QAAA,SAAc,EAAA,kEAA2D;AACzE,QAAA,oBAAyB,EAAA;AACzB,UAAM,0BAAe;AACrB,UAAM,cAAe,CAAG,KAAA,EAAA;YAClB,SAAW,EACb;AAEJ,WAAO,CACH,EAAKA,GAAA,CAAA,KAAA,EAAA;AAwGmC,YAAA,SAAA,EAAA;AACA,WAAA,CAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAQgB,YAAA,SAAA,EAAA,WAAA;AACA,YAAA,QAAA,EAAA,CAAAD,GAAA,CAAA,KAAA,EAAA;AAEA,cAAA,SAAA,EAAA;AACA,aAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AACE,cAAA,SAAA,EAAA;AACA,aAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AACE,cAAA,SAAA,EAAA;AACA,aAAA,CAAA;AACE,WAAA,CAAA;AACA,SAAA;AACE,OAAA;;;AAkBxE,EAAE,IAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArticlePage.js","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/pages/ArticlePage/ArticlePageLayout.js

@@ -239,7 +239,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
         children: jsx("div", {
           className: "flex-1 min-w-0",
           children: jsx("div", {
-            className: "max-w-6xl mx-auto px-6 py-8",
+            className: "max-w-full mx-auto px-6 py-8",
             "data-content-area": true,
             children: children || jsx(Outlet, {})
           })

package/lib/pages/ArticlePage/components/ArticleBreadcrumbs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface ArticleBreadcrumbsProps {
+    categoryId: string;
+    categoryTitle?: string;
+    articleTitle: string;
+    className?: string;
+}
+export declare const ArticleBreadcrumbs: React.FC<ArticleBreadcrumbsProps>;
+export {};
+//# sourceMappingURL=ArticleBreadcrumbs.d.ts.map

package/lib/pages/ArticlePage/components/ArticleBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/pages/ArticlePage/components/ArticleBreadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,uBAAuB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqBhE,CAAC"}

package/lib/pages/ArticlePage/components/ArticleBreadcrumbs.js

@@ -0,0 +1,31 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {cn}from'../../../utils/index.js';const ArticleBreadcrumbs = ({
+  categoryId,
+  categoryTitle,
+  articleTitle,
+  className
+}) => {
+  return jsx("div", {
+    className: cn('w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16', className),
+    children: jsxs("nav", {
+      className: "flex items-center space-x-2 text-sm text-muted-foreground",
+      children: [jsx(Link, {
+        to: "/help-center",
+        className: "hover:text-foreground transition-colors",
+        children: "All Collections"
+      }), jsx("span", {
+        className: "text-muted-foreground/60",
+        children: "\u203A"
+      }), jsx(Link, {
+        to: `/help-center/${categoryId}`,
+        className: "hover:text-foreground transition-colors",
+        children: categoryTitle || categoryId
+      }), jsx("span", {
+        className: "text-muted-foreground/60",
+        children: "\u203A"
+      }), jsx("span", {
+        className: "text-primary",
+        children: articleTitle
+      })]
+    })
+  });
+};export{ArticleBreadcrumbs};//# sourceMappingURL=ArticleBreadcrumbs.js.map

package/lib/pages/ArticlePage/components/ArticleBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleBreadcrumbs.js","sources":["../../../../src/pages/ArticlePage/components/ArticleBreadcrumbs.tsx"],"sourcesContent":[null],"names":[],"mappings":"sHAWO,MAAM,kBAAkB,GAAsC,CAAC;AAMlE,EAAA,UACI;AAcR,EAAE,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/ArticlePage/components/ArticleHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ArticleHeaderProps {
+    categoryTitle?: string;
+    title: string;
+    description?: string;
+    author?: string;
+    updatedAt?: string;
+    articleContent: string;
+    className?: string;
+}
+export declare const ArticleHeader: React.FC<ArticleHeaderProps>;
+export {};
+//# sourceMappingURL=ArticleHeader.d.ts.map

package/lib/pages/ArticlePage/components/ArticleHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleHeader.d.ts","sourceRoot":"","sources":["../../../../src/pages/ArticlePage/components/ArticleHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmDtD,CAAC"}

package/lib/pages/ArticlePage/components/ArticleNavigation.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Article {
+    categoryId: string;
+    slug: string;
+    title: string;
+}
+interface ArticleNavigationProps {
+    previousArticle?: Article | null;
+    nextArticle?: Article | null;
+    className?: string;
+}
+export declare const ArticleNavigation: React.FC<ArticleNavigationProps>;
+export {};
+//# sourceMappingURL=ArticleNavigation.d.ts.map

package/lib/pages/ArticlePage/components/ArticleNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleNavigation.d.ts","sourceRoot":"","sources":["../../../../src/pages/ArticlePage/components/ArticleNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,OAAO;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,sBAAsB;IAC5B,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0C9D,CAAC"}

package/lib/pages/ArticlePage/components/ArticleNavigation.js

@@ -0,0 +1,37 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {cn}from'../../../utils/index.js';const ArticleNavigation = ({
+  previousArticle,
+  nextArticle,
+  className
+}) => {
+  if (!previousArticle && !nextArticle) {
+    return null;
+  }
+  return jsxs("div", {
+    className: cn('mt-16 pt-8 border-t border-border grid grid-cols-1 md:grid-cols-2 gap-6', className),
+    children: [previousArticle ? jsxs(Link, {
+      to: `/help-center/${previousArticle.categoryId}/${previousArticle.slug}`,
+      className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors'),
+      children: [jsx("div", {
+        className: "text-sm text-muted-foreground mb-1",
+        children: "Previous"
+      }), jsxs("div", {
+        className: "text-primary font-semibold group-hover:underline text-base",
+        children: ["\u00AB ", previousArticle.title]
+      })]
+    }) : jsx("div", {
+      className: "hidden md:block"
+    }), nextArticle ? jsxs(Link, {
+      to: `/help-center/${nextArticle.categoryId}/${nextArticle.slug}`,
+      className: cn('group rounded-lg border border-border bg-background px-6 py-5', 'hover:bg-muted/30 transition-colors md:text-right'),
+      children: [jsx("div", {
+        className: "text-sm text-muted-foreground mb-1",
+        children: "Next"
+      }), jsxs("div", {
+        className: "text-primary font-semibold group-hover:underline text-base",
+        children: [nextArticle.title, " \u00BB"]
+      })]
+    }) : jsx("div", {
+      className: "hidden md:block"
+    })]
+  });
+};export{ArticleNavigation};//# sourceMappingURL=ArticleNavigation.js.map

package/lib/pages/ArticlePage/components/ArticleNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleNavigation.js","sources":["../../../../src/pages/ArticlePage/components/ArticleNavigation.tsx"],"sourcesContent":[null],"names":[],"mappings":"sHAgBO,MAAM,iBAAiB,GAAqC,CAAC;AAChE,EAAA,eAAoB;AAChB,EAAA,WAAA;;AAGJ,CAAA,KAAA;AAqCJ,EAAE,IAAA,CAAA,eAAA,IAAA,CAAA,WAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/ArticlePage/components/CopyPageButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CopyPageButtonProps {
+    articleTitle: string;
+    articleContent: string;
+    articleUrl?: string;
+    className?: string;
+}
+export declare const CopyPageButton: React.FC<CopyPageButtonProps>;
+export {};
+//# sourceMappingURL=CopyPageButton.d.ts.map

package/lib/pages/ArticlePage/components/CopyPageButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyPageButton.d.ts","sourceRoot":"","sources":["../../../../src/pages/ArticlePage/components/CopyPageButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,mBAAmB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsQxD,CAAC"}

package/lib/pages/ArticlePage/components/CopyPageButton.js

@@ -0,0 +1,229 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {cn}from'../../../utils/index.js';const CopyPageButton = ({
+  articleTitle,
+  articleContent,
+  articleUrl,
+  className
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [copySuccess, setCopySuccess] = useState(false);
+  const dropdownRef = useRef(null);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener('mousedown', handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen]);
+  // Convert HTML to Markdown (simplified version)
+  const htmlToMarkdown = html => {
+    // Remove script and style tags
+    let text = html.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
+    text = text.replace(/<style[^>]*>[\s\S]*?<\/style>/gi, '');
+    // Convert headings
+    text = text.replace(/<h([1-6])[^>]*>(.*?)<\/h\1>/gi, (match, level, content) => {
+      const hashes = '#'.repeat(parseInt(level));
+      return `\n${hashes} ${content.trim()}\n`;
+    });
+    // Convert bold
+    text = text.replace(/<strong[^>]*>(.*?)<\/strong>/gi, '**$1**');
+    text = text.replace(/<b[^>]*>(.*?)<\/b>/gi, '**$1**');
+    // Convert italic
+    text = text.replace(/<em[^>]*>(.*?)<\/em>/gi, '*$1*');
+    text = text.replace(/<i[^>]*>(.*?)<\/i>/gi, '*$1*');
+    // Convert links
+    text = text.replace(/<a[^>]*href=["']([^"']*)["'][^>]*>(.*?)<\/a>/gi, '[$2]($1)');
+    // Convert code blocks
+    text = text.replace(/<pre[^>]*><code[^>]*>(.*?)<\/code><\/pre>/gis, '```\n$1\n```');
+    text = text.replace(/<code[^>]*>(.*?)<\/code>/gi, '`$1`');
+    // Convert lists
+    text = text.replace(/<ul[^>]*>(.*?)<\/ul>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map(item => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `- ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    text = text.replace(/<ol[^>]*>(.*?)<\/ol>/gis, (match, content) => {
+      const items = content.match(/<li[^>]*>(.*?)<\/li>/gis) || [];
+      return '\n' + items.map((item, index) => {
+        const cleanItem = item.replace(/<li[^>]*>|<\/li>/gi, '').trim();
+        return `${index + 1}. ${cleanItem}`;
+      }).join('\n') + '\n';
+    });
+    // Convert paragraphs
+    text = text.replace(/<p[^>]*>(.*?)<\/p>/gi, '$1\n\n');
+    // Remove remaining HTML tags
+    text = text.replace(/<[^>]+>/g, '');
+    // Decode HTML entities
+    const textarea = document.createElement('textarea');
+    textarea.innerHTML = text;
+    text = textarea.value;
+    // Clean up extra whitespace
+    text = text.replace(/\n{3,}/g, '\n\n').trim();
+    return `# ${articleTitle}\n\n${text}`;
+  };
+  const handleCopyMarkdown = async () => {
+    try {
+      const markdown = htmlToMarkdown(articleContent);
+      await navigator.clipboard.writeText(markdown);
+      setCopySuccess(true);
+      setIsOpen(false);
+      setTimeout(() => setCopySuccess(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy:', err);
+    }
+  };
+  const handleOpenChatGPT = () => {
+    const url = `https://chat.openai.com/?q=${encodeURIComponent(articleTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  const handleOpenClaude = () => {
+    const url = `https://claude.ai/?q=${encodeURIComponent(articleTitle)}`;
+    window.open(url, '_blank');
+    setIsOpen(false);
+  };
+  return jsxs("div", {
+    className: cn('relative inline-flex items-center rounded-md border border-border bg-background', className),
+    ref: dropdownRef,
+    children: [jsxs("div", {
+      className: "flex items-center overflow-hidden rounded-md",
+      children: [jsxs("button", {
+        onClick: handleCopyMarkdown,
+        className: cn('flex items-center gap-2 px-3 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0'),
+        children: [jsx("svg", {
+          className: "w-4 h-4",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+          })
+        }), jsx("span", {
+          children: copySuccess ? 'Copied' : 'Copy page'
+        })]
+      }), jsx("div", {
+        className: "h-5 w-px bg-border"
+      }), jsx("button", {
+        onClick: e => {
+          e.stopPropagation();
+          setIsOpen(!isOpen);
+        },
+        className: cn('flex items-center justify-center px-2 py-1.5', 'bg-background hover:bg-muted/50 transition-colors', 'text-sm text-foreground', 'border-0'),
+        children: jsx("svg", {
+          className: cn('w-3 h-3 transition-transform', isOpen && 'rotate-180'),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        })
+      })]
+    }), isOpen && jsx("div", {
+      className: "absolute right-0 top-full mt-2 w-64 bg-background border border-border rounded-lg shadow-lg z-[100] overflow-hidden",
+      children: jsxs("div", {
+        className: "py-1",
+        children: [jsxs("button", {
+          onClick: handleCopyMarkdown,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("svg", {
+            className: "w-5 h-5 text-muted-foreground group-hover:text-foreground mt-0.5 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Copy page"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Copy page as Markdown for LLMs"
+            })]
+          })]
+        }), jsxs("button", {
+          onClick: handleOpenChatGPT,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("div", {
+            className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center",
+            children: jsx("span", {
+              className: "text-lg",
+              children: "\uD83E\uDD16"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Open in ChatGPT"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Ask questions about this page"
+            })]
+          }), jsx("svg", {
+            className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        }), jsxs("button", {
+          onClick: handleOpenClaude,
+          className: "w-full px-4 py-3 text-left hover:bg-muted/50 transition-colors flex items-start gap-3 group",
+          children: [jsx("div", {
+            className: "w-5 h-5 mt-0.5 flex-shrink-0 flex items-center justify-center",
+            children: jsx("span", {
+              className: "text-lg",
+              children: "\u2744\uFE0F"
+            })
+          }), jsxs("div", {
+            className: "flex-1 min-w-0",
+            children: [jsx("div", {
+              className: "text-sm font-medium text-foreground",
+              children: "Open in Claude"
+            }), jsx("div", {
+              className: "text-xs text-muted-foreground mt-0.5",
+              children: "Ask questions about this page"
+            })]
+          }), jsx("svg", {
+            className: "w-4 h-4 text-muted-foreground group-hover:text-foreground mt-1 flex-shrink-0",
+            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{CopyPageButton};//# sourceMappingURL=CopyPageButton.js.map

package/lib/pages/ArticlePage/components/CopyPageButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyPageButton.js","sources":["../../../../src/pages/ArticlePage/components/CopyPageButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/pages/ArticlePage/components/TableOfContents.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Heading {
+    id: string;
+    text: string;
+    level: number;
+}
+interface TableOfContentsProps {
+    headings: Heading[];
+    activeHeadingId: string;
+    onHeadingClick?: (headingId: string) => void;
+    className?: string;
+}
+export declare const TableOfContents: React.FC<TableOfContentsProps>;
+export {};
+//# sourceMappingURL=TableOfContents.d.ts.map

package/lib/pages/ArticlePage/components/TableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../../src/pages/ArticlePage/components/TableOfContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,OAAO;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,oBAAoB;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6E1D,CAAC"}

package/lib/pages/ArticlePage/components/TableOfContents.js

@@ -0,0 +1,57 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {cn}from'../../../utils/index.js';const TableOfContents = ({
+  headings,
+  activeHeadingId,
+  onHeadingClick,
+  className
+}) => {
+  if (!headings || headings.length === 0) {
+    return null;
+  }
+  const handleClick = headingId => {
+    // Immediately set the active heading when clicked
+    if (onHeadingClick) {
+      onHeadingClick(headingId);
+    }
+    // Smooth scroll to the heading with proper offset
+    const element = document.getElementById(headingId);
+    if (element) {
+      // Calculate the position with offset for header
+      const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
+      const offsetPosition = elementPosition - 100; // 100px offset from top
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth'
+      });
+    }
+  };
+  return jsx("aside", {
+    className: "hidden xl:block xl:w-80 xl:flex-shrink-0 max-w-[28rem]",
+    children: jsxs("div", {
+      className: "fixed flex flex-col h-[calc(100vh-3rem)] w-[19rem]",
+      children: [jsx("div", {
+        className: "mb-4 flex-shrink-0",
+        children: jsxs("h2", {
+          className: "text-sm font-semibold text-primary flex items-center",
+          children: [jsx("span", {
+            className: "mr-2",
+            children: "\u2630"
+          }), "On this page"]
+        })
+      }), jsx("nav", {
+        className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0",
+        children: headings.map((heading, index) => {
+          const isActive = activeHeadingId === heading.id;
+          return jsx(Link, {
+            to: `#${heading.id}`,
+            onClick: e => {
+              e.preventDefault();
+              handleClick(heading.id);
+            },
+            className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-primary border-l-primary bg-muted/20' : 'text-muted-foreground hover:text-primary hover:border-l-primary', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
+            children: heading.text
+          }, index);
+        })
+      })]
+    })
+  });
+};export{TableOfContents};//# sourceMappingURL=TableOfContents.js.map

package/lib/pages/ArticlePage/components/TableOfContents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.js","sources":["../../../../src/pages/ArticlePage/components/TableOfContents.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"sHAiBO,MAAM,eAAe,GAAmC,CAAC;;AAOxD,EAAA;gBACH;AAED,EAAA;;eAEQ,IAAA,SAAgB,MAAC,KAAA,CAAA,EAAA;eACH;;QAGlB,WAAkD,GAAA,SAAA,IAAA;;QAElD,cAAc,EAAA;oBACsC,CAAA,SAAA,CAAA;AAChD;AACA;iBAEM,WAAU,CAAA,cAAA,CAAA,SAAA,CAAA;AACZ,IAAA,IAAA,OAAA,EAAA;AACA;AACH,MAAA,MAAA,eAAE,GAAA,OAAA,CAAA,qBAAA,EAAA,CAAA,GAAA,GAAA,MAAA,CAAA,WAAA;YACN,cAAA,GAAA,eAAA,GAAA,GAAA,CAAA;AACL,MAAE,MAAA,CAAA,QAAA,CAAA;AAEF,QAAA,GAAO,EACI,cAAA;AAUS,QAAA,QAAA,EAAA;AACA,OAAA,CAAA;;AAMY,GAAA;;AAMI,IAAA,SAAA,EAAA,wDAA6C;AAC7C,IAAA,QAAA,EAAAA,IAAA,CAAA,KAAA,EAAA;AAEA,MAAA,SAAA,EAAA,oDAAiB;AACjB,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACE,QAAA,SAAA,EAAA,oBAAQ;AACR,QAAA,QAAA,EAAAD,IAAA,CAAA,IAAA,EAAA;AACE,UAAA,SAAA,EAAA,sDAAQ;AACR,UAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;AACE,YAAA,SAAA,EAAA,MAAA;AACA,YAAA,QAAA,EAAA;AACE,WAAA,CAAA,EAAA,cAAA;;AAO5B,OAAA,CAAA,EAAAA,GAAA,CAAA,KAAA,EAAE;AAKtB,QAAE,SAAA,EAAA,4DAAA;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adminide-stack/yantra-help-browser",
-    "version": "12.0.16-alpha.15",
+    "version": "12.0.16-alpha.17",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "Yantra App",
@@ -70,5 +70,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "0452547bffa9a6ddc5282e17623a040e9bc1c10b"
+    "gitHead": "ecc45b56ea30530f3c469f6a13adcfe00ee485f6"
 }