@adminide-stack/yantra-help-browser 12.0.16-alpha.11 → 12.0.16-alpha.14

package/lib/components/SidebarSearch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SidebarSearchProps {
+    className?: string;
+    placeholder?: string;
+}
+export declare const SidebarSearch: React.FC<SidebarSearchProps>;
+export {};
+//# sourceMappingURL=SidebarSearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSearch.d.ts","sourceRoot":"","sources":["../../src/components/SidebarSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwHtD,CAAC"}

package/lib/components/SidebarSearch.js

@@ -0,0 +1,111 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useNavigate}from'@remix-run/react';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import {searchArticles,getCategoryById}from'../utils/markdownLoader.js';const SidebarSearch = ({
+  className = '',
+  placeholder = 'Search...'
+}) => {
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = useState('');
+  const [searchResults, setSearchResults] = useState([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const searchContainerRef = useRef(null);
+  const inputRef = useRef(null);
+  // Perform search as user types
+  useEffect(() => {
+    if (searchQuery.trim().length > 0) {
+      const results = searchArticles(searchQuery);
+      setSearchResults(results.slice(0, 5)); // Limit to 5 results for sidebar
+      setShowDropdown(true);
+      setSelectedIndex(-1);
+    } else {
+      setSearchResults([]);
+      setShowDropdown(false);
+    }
+  }, [searchQuery]);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      if (searchContainerRef.current && !searchContainerRef.current.contains(target)) {
+        const dropdown = document.querySelector('[data-sidebar-search-dropdown]');
+        if (!dropdown || !dropdown.contains(target)) {
+          setShowDropdown(false);
+        }
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  const handleSearch = e => {
+    e.preventDefault();
+    if (searchResults.length > 0) {
+      const firstResult = searchResults[0];
+      navigate(`/help-center/${firstResult.categoryId}/${firstResult.slug}`);
+      setShowDropdown(false);
+      setSearchQuery('');
+    }
+  };
+  const handleInputChange = e => {
+    setSearchQuery(e.target.value);
+  };
+  const handleInputFocus = () => {
+    if (searchResults.length > 0) {
+      setShowDropdown(true);
+    }
+  };
+  const handleResultClick = article => {
+    if (!article || !article.categoryId || !article.slug) {
+      return;
+    }
+    setShowDropdown(false);
+    setSearchQuery('');
+    navigate(`/help-center/${article.categoryId}/${article.slug}`);
+  };
+  return jsxs("div", {
+    className: `relative w-full ${className}`,
+    ref: searchContainerRef,
+    children: [jsx("form", {
+      onSubmit: handleSearch,
+      className: "relative",
+      children: jsxs("div", {
+        className: "relative",
+        children: [jsx("div", {
+          className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
+          children: jsx(FiSearch, {
+            className: "h-4 w-4 text-gray-400",
+            "aria-hidden": "true"
+          })
+        }), jsx("input", {
+          ref: inputRef,
+          type: "text",
+          className: "block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 py-2 pl-10 pr-3 text-sm text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+          placeholder: placeholder,
+          value: searchQuery,
+          onChange: handleInputChange,
+          onFocus: handleInputFocus
+        })]
+      })
+    }), showDropdown && searchResults.length > 0 && jsx("div", {
+      "data-sidebar-search-dropdown": true,
+      className: "absolute z-50 mt-1 w-full bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-200 dark:border-gray-700 max-h-64 overflow-y-auto",
+      children: jsx("div", {
+        className: "py-1",
+        children: searchResults.map((article, index) => {
+          const category = getCategoryById(article.categoryId);
+          return jsxs("div", {
+            onClick: () => handleResultClick(article),
+            className: `block px-4 py-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer ${selectedIndex === index ? 'bg-gray-50 dark:bg-gray-700' : ''}`,
+            children: [jsx("div", {
+              className: "font-medium text-gray-900 dark:text-gray-100",
+              children: article.title
+            }), category && jsx("div", {
+              className: "text-xs text-gray-500 dark:text-gray-400 mt-0.5",
+              children: category.title
+            })]
+          }, article.id);
+        })
+      })
+    })]
+  });
+};export{SidebarSearch};//# sourceMappingURL=SidebarSearch.js.map

package/lib/components/SidebarSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSearch.js","sources":["../../src/components/SidebarSearch.tsx"],"sourcesContent":[null],"names":[],"mappings":"uQAUO,MAAM,aAAa,GAAiC,CAAC;AACxD,EAAA,SAAc,GAAA,EAAA;aACI,GAAA;MACZ;QACA,QAAa,GAAA,WAAiB,EAAA;QAC9B,CAAA,WAAc,EAAA,cAAkB,CAAA,GAAA,QAAI,CAAA,EAAA,CAAA;AAC1C,EAAA,MAAA,CAAA,+BAAkD,CAAA,GAAM,QAAA,CAAA,EAAA,CAAA;AACxD,EAAA,MAAA,CAAA,YAAiB,EAAA,eAA+B,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEjB,CAAA,aAAA,EAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACtB,kBAAM,GAAA,MAAA,CAAA,IAAA,CAAA;QACX,QAAI,GAAA,MAAgB,CAAA,IAAE,CAAC;AACnB;AACA,EAAA,SAAA,CAAA,MAAA;mBACe,CAAA,IAAA,EAAA,CAAA,MAAM,GAAC,CAAA,EAAA;AACtB,MAAA,MAAA,OAAA,GAAA,cAAqB,CAAA,WAAA,CAAA;sBACxB,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;qBAAO,CAAA,IAAA,CAAA;sBACY,CAAA,EAAA,CAAA;;sBAEnB,CAAA,EAAA,CAAA;AACL,MAAG,eAAc,CAAC,KAAA,CAAA;;KAGT,CAAA,WAAI,CAAE,CAAA;AACX;AACI,EAAA,SAAA,CAAA,MAAM;AACN,IAAA,MAAA,kBAAsB,GAAA,KAAQ,IAAA;kBACpB,GAAA,KAAA,CAAA,MAAW;4BACJ,CAAA,OAAK,IAAA,CAAA,kBAAyB,CAAA,OAAG,CAAA,QAAA,CAAA,MAAA,CAAA,EAAA;sBAC3B,GAAA,QAAA,CAAA,aAAQ,CAAA,gCAAA,CAAA;qBAC1B,IAAA,CAAA,QAAA,CAAA,QAAA,CAAA,MAAA,CAAA,EAAA;yBACJ,CAAA,KAAA,CAAA;AACL;AAEA;AACA,KAAA;AACI,IAAA,QAAA,CAAA,gBAA4B,CAAA,WAAC,oBAAa,CAAA;AAC9C,IAAA,OAAE,MAAA;MACL,QAAM,CAAA,mBAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AAEP,KAAA;QACI;AACA,EAAA,MAAA,oBAAkB;AACd,IAAA,CAAA,CAAA;qBACS,CAAgB,MAAA,GAAA,CAAA,EAAA;YACzB,WAAe,GAAA,aAAQ,CAAA,CAAA,CAAA;cACT,CAAA,CAAA,aAAG,EAAE,WAAA,CAAA,UAAA,CAAA,CAAA,EAAA,WAAA,CAAA,IAAA,CAAA,CAAA,CAAA;qBACtB,CAAA,KAAA,CAAA;AACL,MAAE,cAAA,CAAA,EAAA,CAAA;AAEF;AACI,GAAA;AACJ,EAAA,MAAE,iBAAA,GAAA,CAAA,IAAA;IAEF,cAAM,CAAA,CAAA,CAAA,MAAmB,CAAA,KAAK,CAAA;AAC1B,GAAA;wBACmB,GAAA,MAAM;QACzB,aAAC,CAAA,MAAA,GAAA,CAAA,EAAA;AACL,MAAE,eAAA,CAAA,IAAA,CAAA;AAEF;AACI,GAAA;yBACW,GAAA,OAAA,IAAA;QACX,CAAC,OAAA,IAAA,CAAA,OAAA,CAAA,UAAA,IAAA,CAAA,OAAA,CAAA,IAAA,EAAA;;;mBAIwB,CAAA,KAAA,CAAA;AAC7B,IAAA,cAAE,CAAA,EAAA,CAAA;IAEF,QACI,eAAK,EAAS,OAAA,CAAA,qBAA8B,CAAA,IAAA,CAAA,CAAA,CAAA;;;AA2C5B,IAAA,SAAA,EAAA,CAAA,gBAGX,EAER,SAAC,CAAA,CAAA;AACN,IAAE,GAAA,EAAA,kBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ArticlePage: React.FC;
+//# sourceMappingURL=ArticlePage.d.ts.map

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

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

package/lib/pages/ArticlePage/ArticlePage.js

@@ -0,0 +1,222 @@
+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 = () => {
+  const {
+    categoryId,
+    articleSlug
+  } = useParams();
+  const [article, setArticle] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  useEffect(() => {
+    if (articleSlug) {
+      const loadContent = async () => {
+        const articleData = await loadArticleContent(articleSlug);
+        setArticle(articleData);
+        setLoading(false);
+      };
+      loadContent();
+    }
+  }, [articleSlug]);
+  // Scroll spy functionality
+  useEffect(() => {
+    if (!article?.headings || article.headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          setActiveHeadingId(entry.target.id);
+        }
+      });
+    }, {
+      rootMargin: '-20% 0px -70% 0px',
+      threshold: 0
+    });
+    // Observe all headings
+    article.headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, [article]);
+  if (loading) {
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground overflow-x-hidden",
+      children: jsx("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: jsxs("div", {
+          className: "animate-pulse",
+          children: [jsx("div", {
+            className: "h-8 bg-muted rounded w-1/3 mb-4"
+          }), jsx("div", {
+            className: "h-4 bg-muted rounded w-1/2 mb-8"
+          }), jsxs("div", {
+            className: "space-y-4",
+            children: [jsx("div", {
+              className: "h-4 bg-muted rounded"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-5/6"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-4/6"
+            })]
+          })]
+        })
+      })
+    });
+  }
+  if (!article) {
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden",
+      children: jsxs("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: [jsx("h1", {
+          className: "text-2xl font-bold",
+          children: "Article not found"
+        }), jsx(Link, {
+          to: "/help-center",
+          className: "mt-4 text-primary hover:text-primary/80",
+          children: "\u2190 Back to Help Center"
+        })]
+      })
+    });
+  }
+  const category = getCategoryById(article.categoryId || categoryId || '');
+  const categoryArticles = category?.articles ?? [];
+  const currentIndex = categoryArticles.findIndex(a => a.slug === article.slug);
+  const previousArticle = currentIndex > 0 ? categoryArticles[currentIndex - 1] : null;
+  const nextArticle = currentIndex >= 0 && currentIndex < categoryArticles.length - 1 ? categoryArticles[currentIndex + 1] : null;
+  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
+          })]
+        })
+      }), 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",
+              children: jsxs("div", {
+                className: "fixed top-20 flex flex-col h-[calc(100vh-3rem)]",
+                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);
+                  })
+                })]
+              })
+            })]
+          })
+        })
+      })]
+    })
+  });
+};export{ArticlePage};//# sourceMappingURL=ArticlePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePage.js","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"0PAMO,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;AAEA,KAAA;aACgE,CAAA,CAAA;MAoB/D,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;AA4GmC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ArticlePageLayout: React.FC<React.PropsWithChildren>;
+//# sourceMappingURL=ArticlePageLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePageLayout.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/ArticlePageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAyS/D,CAAC"}

package/lib/pages/ArticlePage/ArticlePageLayout.js

@@ -0,0 +1,250 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/SidebarSearch.js';import {getDocsNavigation}from'../../utils/docsNavigation.js';import {useTheme}from'@admin-layout/tailwind-ui';import {cn}from'../../utils/index.js';const ArticlePageLayout = ({
+  children
+}) => {
+  const location = useLocation();
+  const [navItems] = useState(getDocsNavigation());
+  const [expandedItems, setExpandedItems] = useState(new Set());
+  const [headings, setHeadings] = useState([]);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  const {
+    setMode,
+    mode
+  } = useTheme();
+  const isDark = mode === 'dark';
+  // Auto-expand items that contain the active path
+  useEffect(() => {
+    const activePath = location.pathname;
+    const newExpanded = new Set();
+    function checkAndExpand(items, pathPrefix = '') {
+      items.forEach(item => {
+        const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+        if (item.path && activePath.startsWith(item.path)) {
+          newExpanded.add(itemPath);
+          if (item.children && item.children.length > 0) {
+            checkAndExpand(item.children, itemPath);
+          }
+        } else if (item.children && item.children.length > 0) {
+          // Check if any child is active
+          const hasActiveChild = item.children.some(child => child.path && activePath.startsWith(child.path));
+          if (hasActiveChild) {
+            newExpanded.add(itemPath);
+            checkAndExpand(item.children, itemPath);
+          }
+        }
+      });
+    }
+    checkAndExpand(navItems);
+    setExpandedItems(newExpanded);
+  }, [location.pathname, navItems]);
+  // Toggle item expansion
+  const toggleItem = itemPath => {
+    setExpandedItems(prev => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemPath)) {
+        newSet.delete(itemPath);
+      } else {
+        newSet.add(itemPath);
+      }
+      return newSet;
+    });
+  };
+  // Extract headings from the current page content
+  useEffect(() => {
+    // Wait for content to load, then extract headings
+    const extractHeadings = () => {
+      const contentArea = document.querySelector('[data-content-area]');
+      if (contentArea) {
+        const headingElements = contentArea.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        const extractedHeadings = [];
+        headingElements.forEach(heading => {
+          const id = heading.id || heading.textContent?.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]/g, '') || '';
+          if (id) {
+            extractedHeadings.push({
+              id,
+              text: heading.textContent || '',
+              level: parseInt(heading.tagName.charAt(1))
+            });
+          }
+        });
+        setHeadings(extractedHeadings);
+      }
+    };
+    // Extract immediately
+    extractHeadings();
+    // Also extract after a short delay to catch dynamically loaded content
+    const timeoutId = setTimeout(extractHeadings, 100);
+    // Use MutationObserver to watch for content changes
+    const observer = new MutationObserver(extractHeadings);
+    const contentArea = document.querySelector('[data-content-area]');
+    if (contentArea) {
+      observer.observe(contentArea, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      clearTimeout(timeoutId);
+      observer.disconnect();
+    };
+  }, [location.pathname]);
+  // Scroll spy for table of contents
+  useEffect(() => {
+    if (headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          setActiveHeadingId(entry.target.id);
+        }
+      });
+    }, {
+      rootMargin: '-20% 0px -70% 0px',
+      threshold: 0
+    });
+    // Observe all headings
+    headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, [headings]);
+  // Determine active section based on current path
+  const isActivePath = path => {
+    if (!path) return false;
+    return location.pathname === path || location.pathname.startsWith(path + '/');
+  };
+  // Recursive component to render navigation items
+  const renderNavItem = (item, level = 0, pathPrefix = '') => {
+    const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+    const hasChildren = item.children && item.children.length > 0;
+    const isExpanded = expandedItems.has(itemPath);
+    const isActive = item.path ? isActivePath(item.path) : false;
+    const indentLevel = level * 16; // 16px per level
+    return jsxs("li", {
+      className: "w-full",
+      children: [jsx("div", {
+        className: "flex items-center w-full",
+        children: hasChildren ? jsxs("button", {
+          onClick: e => {
+            e.preventDefault();
+            toggleItem(itemPath);
+          },
+          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-md transition-colors text-left', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: [jsx("span", {
+            className: "flex-1",
+            children: item.title
+          }), jsx("svg", {
+            className: cn('w-4 h-4 transition-transform flex-shrink-0 ml-2', isExpanded ? 'rotate-90' : ''),
+            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(Link, {
+          to: item.path || '#',
+          className: cn('block px-3 py-2 text-sm rounded-md transition-colors', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: item.title
+        })
+      }), hasChildren && isExpanded && jsx("ul", {
+        className: "mt-1 space-y-1",
+        children: item.children.map(child => renderNavItem(child, level + 1, itemPath))
+      })]
+    }, itemPath);
+  };
+  return jsxs("div", {
+    className: "min-h-screen bg-background text-foreground mt-20",
+    children: [jsx("aside", {
+      className: "hidden lg:block fixed left-0 top-20 h-screen w-64 z-10",
+      children: jsxs("div", {
+        className: "flex flex-col h-[calc(100vh-64px)] w-64 border-r border-gray-200 dark:border-gray-800 bg-background text-foreground",
+        children: [jsx("div", {
+          className: "sticky top-0 z-20 p-4 pb-0 bg-background text-foreground ",
+          children: jsx("div", {
+            className: "mb-4",
+            children: jsx(SidebarSearch, {
+              placeholder: "Search..."
+            })
+          })
+        }), jsx("nav", {
+          className: "flex-1 overflow-y-auto p-4 min-h-0",
+          children: jsx("ul", {
+            className: "space-y-1",
+            children: navItems.map(item => renderNavItem(item))
+          })
+        }), jsx("div", {
+          className: "p-4 border-t border-gray-200 dark:border-gray-800 flex-shrink-0",
+          children: jsxs("div", {
+            className: "flex items-center justify-center gap-2",
+            children: [jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', !isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('light'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+                })
+              })
+            }), jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('dark'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+                })
+              })
+            })]
+          })
+        })]
+      })
+    }), jsx("main", {
+      className: "lg:pl-64 flex flex-col min-h-screen",
+      children: jsx("div", {
+        className: "flex-1 flex",
+        children: jsx("div", {
+          className: "flex-1 min-w-0",
+          children: jsx("div", {
+            className: "max-w-6xl mx-auto px-6 py-8",
+            "data-content-area": true,
+            children: children || jsx(Outlet, {})
+          })
+        })
+      })
+    })]
+  });
+};export{ArticlePageLayout};//# sourceMappingURL=ArticlePageLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePageLayout.js","sources":["../../../src/pages/ArticlePage/ArticlePageLayout.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uWAOa,iBAAiB,GAAsC,CAAC;AACjE,EAAA;MACM;AACN,EAAA,MAAA,QAAO,GAAA,WAAe,EAAA;QAChB,CAAA,QAAS,CAAA,GAAE,QAAW,CAAA,iBAAmE,EAAE,CAAA;QAC3F,CAAA,aAAgB,EAAA,gBAAoB,CAAA,GAAA,QAAY,CAAA,IAAA,GAAW,EAAC,CAAC;AACnE,EAAA,MAAA,CAAA,qBAA0B,CAA8B,GAAA,QAAM,CAAA,EAAA,CAAA;QACxD,CAAA,eAAW,oBAAoB,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;AACrC,EAAA,MAAA,WAAe,GAAI,MAAK,MAAM;QAEmB;IACjD,OAAS;AACL,IAAA;AACA,GAAA,GAAA,QAAM,EAAW;AAEjB,EAAA,MAAA,MAAA,GAAS,IAAc,KAAA,MAAC;AACpB;AACI,EAAA,SAAA,CAAA,MAAA;AAEA,IAAA,MAAA,UAAI,GAAI,QAAK,CAAA,QAAc;AACvB,IAAA,MAAA,WAAA,GAAA,IAAA,GAAW,EAAC;AACZ,IAAA,SAAA,cAAQ,CAAA,KAAS,EAAA,UAAQ,GAAS,EAAA,EAAA;AAC9B,MAAA,KAAA,CAAA,OAAA,CAAA,IAAA,IAAA;sBACH,GAAA,UAAA,GAAA,CAAA,EAAA,UAAA,CAAA,CAAA,EAAA,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,IAAA,CAAA,KAAA;gBACL,CAAC,IAAA,IAAA,UAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA;AAAM,UAAA,WAAA,CAAA,GAAI,CAAI,QAAS,CAAA;2BACW,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;0BACzB,CAAA,IAAA,CAAA,QAAc,EAAG,QAAK,CAAA;;AAIxB,SAAA,MAAA,IAAA,IAAA,CAAA,QAAA,IAAY,IAAI,CAAA,QAAS,CAAC,MAAA,GAAA,CAAA,EAAA;AAC1B;8BACH,GAAA,IAAA,CAAA,QAAA,CAAA,IAAA,CAAA,KAAA,IAAA,KAAA,CAAA,IAAA,IAAA,UAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;4BACJ,EAAA;AACL,YAAA,WAAG,CAAA,GAAA,CAAA,QAAA,CAAA;YACN,cAAA,CAAA,IAAA,CAAA,QAAA,EAAA,QAAA,CAAA;;;OAIF,CAAC;;AAGJ,IAAA,cAAgB,CAAA,QAAI,CAAA;AAChB,IAAA,gBAAA,CAAA,WAAwB,CAAE;AACtB,GAAA,EAAA,CAAA,QAAA,CAAA,UAAe,SAAO,CAAC;AACvB;AACI,EAAA,MAAA,UAAA,GAAA,QAAa,IAAC;oBACjB,CAAA,IAAA,IAAA;kBAAO,GAAA,IAAA,GAAA,CAAA,IAAA,CAAA;AACJ,MAAA,IAAA,MAAA,CAAA,GAAA,CAAA,QAAW,CAAA,EAAA;cACd,CAAA,MAAA,CAAA,QAAA,CAAA;AACD,OAAA,MAAA;AACJ,QAAA,MAAG,CAAA,GAAA,CAAA,QAAA,CAAA;AACP;MAEiD,OAAA,MAAA;KACxC,CAAA;;;YAGD,MAAM;;yBAEI,GAAA,MAAA;uBACA,GAAA,QAAA,CAAA,aAA2E,CAAA,qBAAA,CAAA;AAEjF,MAAA,IAAA,WAAA,EAAA;AACI,QAAA,MAAA,eAAQ,GACG,WAAG,CAAA,gBAAA,CAAA,wBAAA,CAAA;AACV,QAAA,MAAA,iBAAO,GAAY,EAAA;AACf,QAAA,eAAA,CAAA,mBAAe;AACd,UAAA,MAAA,EAAA,GAAA,OAAA,CAAA,EAAA,IAAA,OAAQ,CAAM,WAAM,EAAA,WAAA,EAAA,CAAA,OAAA,CAAA,MAAA,EAAA,GAAA,CAAA,CAAA,OAAA,CAAA,SAAA,EAAA,EAAA,CAAA,IAAA,EAAA;AACpB,UAAA,IAAA,EAAA,EAAA;AACL,YAAA,iBAAG,CAAA,IAAA,CAAA;;2BAEc,CAAA,WAAA;6BACX,CAAA,OAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AACF,aAAA,CAAA;;AAEH,SAAA,CAAA;oBACL,iBAAC,CAAA;AACL;;;AAIR,IAAA,eAAE,EAAA;;AAGF,IAAA,MAAA,SAAA,GAAA,UAAkB,CAAA,eAAA,EAAA,GAAA,CAAA;;UAGZ,QAAA,GAAA,oCAA2C,CAAC;UAEE,WAAA,GAAA,QAAA,CAAA,aAAA,CAAA,qBAAA,CAAA;AACpD,IAAA,IAAA;cACM,CAAA,OAAA,CAAA,WAAsB,EAAA;QAC5B,SAAI,EAAA,IAAW;AACX,QAAA,OAAA,EAAA;AACI,OAAA,CAAA;AACA;AACH,IAAA,OAAA,MAAE;kBACN,CAAA,SAAA,CAAA;AAED,MAAA,QAAA,CAAO,UAAK,EAAA;;cAEA,CAAA,QAAW,CAAA,CAAA;AACvB;AACJ,EAAA,SAAI,CAAA,MAAiB;IAErB,IAAmC,QAAA,CAAA,MAAA,KAAA,CAAA,EAAA;;AAE/B,IAAA,IAAA,WAAY,CAAA,OAAO,EAAA;iBAAe,CAAA,OAAA,CAAA,UAAA,EAAA;;AAGlC;AACI,IAAA,WAAA,CAAA,OAAW,GAAC,IAAA,oBAAqB,CAAA,OAAA,IAAA;aACpC,CAAA,OAAA,CAAA,KAAA,IAAA;QAED,IAAmC,KAAA,CAAA,cAAA,EAAA;UACxB,kBAAW,CAAA,KAAI;AAElB;AACI,OAAA,CAAA;AACI,KAAA,EAAA;gBACJ,EAAC,mBAAA;AACL,MAAA,SAAG,EAAA;AACP,KAAA,CAAA;AAEI;AACA,IAAA,QAAA,CAAA,OAAA,CAAS,OAAG,IAAA;AACf,MAAA,MACH,OAAA,GAAA,QAAA,CAAA,cAAA,CAAA,OAAA,CAAA,EAAA,CAAA;UAEqB,OAAA,IAAA,WAAA,CAAA,OAAA,EAAA;AACvB,QAAA,WAAgB,CAAA,OAAE,CAAA,OAAS,CAAE,OAAA,CAAA;;AAEzB,KAAA,CAAA;AACI;iBACH;AACL,MAAA,IAAE,WAAC,CAAA,OAAA,EAAA;QAEH,WAAmB,CAAA,OAAA,CAAA,UAAA,EAAA;AACnB;AACI,KAAA;AACI,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;AAER,EAAA,MAAA,YAAE,GAAA,IAAA,IAAA;AACN,IAAA,IAAI,CAAQ,IAAA,EAAA,OAAG,KAAA;IAEf,OAAiD,QAAA,CAAA,QAAA,KAAA,IAAA,IAAA,QAAA,CAAA,QAAA,CAAA,UAAA,CAAA,IAAA,GAAA,GAAA,CAAA;AACjD,GAAA;AACI;AAAW,EAAA,MAAA,gBAAY,CAAC,IAAA,EAAA,KAAA,GAAA,CAAA,EAAA,UAAA,GAAA,EAAA,KAAA;AACxB,IAAA,MAAA,qBAAgB,GAAa,CAAA,EAAA,UAAgB,CAAA,CAAA,EAAA,IAAS,CAAA,KAAA,CAAA,CAAC,aAAW;AACtE,IAAA,MAAE,WAAA,GAAA,IAAA,CAAA,QAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA;IAEF,MAAiD,UAAA,GAAA,aAAA,CAAA,GAAA,CAAA,QAAA,CAAA;IACjD,MAAM,QAAA,GAAA,IAAgB,CAAA,IAAc,GAAE,YAAmB,CAAA,IAAA,CAAA,IAAA,CAAA,GAAuB,KAAqB;AACjG,IAAA,MAAA,cAAiB,KAAA,GAAA,EAAA,CAAU;AAC3B,IAAA,OAAAA,IAAiB,CAAA,IAAA,EAAA;eACX,EAAA;AACN,MAAA,QAAM,OAAQ,KAAG,EAAI;AACrB,QAAA,qCAAiD;QAEjD,QACI,gBAA4BA,IAAA,CAAA;;4BAMR,EAAU;AACd,YAAA,UAAA,CAAA,QACS,CAAA;AAGD,WAAA;wIAGsB,6EAEJ,GAAI,0EAGtB,CAAA;AAgBA,UAAA,KAAA,EAAA;AACA,YAAA,WAAA,EAAA,CAAA,EAAA,EAAE,GAAA,WAAA,CAAA,EAAA;AAelC,WAAE;UAEK,QACE,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA;AAkFb,YAAE,SAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,3 @@
-import React from 'react';
-declare const ArticlePage: React.FC;
-export default ArticlePage;
+declare const ArticlePageIndex: () => import("react/jsx-runtime").JSX.Element;
+export default ArticlePageIndex;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAiMxB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,+CAMrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/pages/ArticlePage/index.js

@@ -1,190 +1,5 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';const ArticlePage = () => {
-  const {
-    categoryId,
-    articleSlug
-  } = useParams();
-  const [article, setArticle] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [activeHeadingId, setActiveHeadingId] = useState('');
-  const observerRef = useRef(null);
-  useEffect(() => {
-    if (articleSlug) {
-      const loadContent = async () => {
-        const articleData = await loadArticleContent(articleSlug);
-        setArticle(articleData);
-        setLoading(false);
-      };
-      loadContent();
-    }
-  }, [articleSlug]);
-  // Scroll spy functionality
-  useEffect(() => {
-    if (!article?.headings || article.headings.length === 0) return;
-    // Clean up previous observer
-    if (observerRef.current) {
-      observerRef.current.disconnect();
-    }
-    // Create new intersection observer
-    observerRef.current = new IntersectionObserver(entries => {
-      entries.forEach(entry => {
-        if (entry.isIntersecting) {
-          setActiveHeadingId(entry.target.id);
-        }
-      });
-    }, {
-      rootMargin: '-20% 0px -70% 0px',
-      threshold: 0
-    });
-    // Observe all headings
-    article.headings.forEach(heading => {
-      const element = document.getElementById(heading.id);
-      if (element && observerRef.current) {
-        observerRef.current.observe(element);
-      }
-    });
-    // Cleanup function
-    return () => {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-      }
-    };
-  }, [article]);
-  const handleSearch = query => {
-    console.log('Searching for:', query);
-    // Implement search functionality
-  };
-  if (loading) {
-    return jsx("div", {
-      className: "min-h-screen bg-background text-foreground",
-      children: jsx("div", {
-        className: "container mx-auto px-16 py-16",
-        children: jsxs("div", {
-          className: "animate-pulse",
-          children: [jsx("div", {
-            className: "h-8 bg-muted rounded w-1/3 mb-4"
-          }), jsx("div", {
-            className: "h-4 bg-muted rounded w-1/2 mb-8"
-          }), jsxs("div", {
-            className: "space-y-4",
-            children: [jsx("div", {
-              className: "h-4 bg-muted rounded"
-            }), jsx("div", {
-              className: "h-4 bg-muted rounded w-5/6"
-            }), jsx("div", {
-              className: "h-4 bg-muted rounded w-4/6"
-            })]
-          })]
-        })
-      })
-    });
-  }
-  if (!article) {
-    return jsx("div", {
-      className: "min-h-screen bg-background text-foreground mt-20",
-      children: jsxs("div", {
-        className: "container mx-auto px-16 py-16",
-        children: [jsx("h1", {
-          className: "text-2xl font-bold",
-          children: "Article not found"
-        }), jsx(Link, {
-          to: "/help-center",
-          className: "mt-4 text-primary hover:text-primary/80",
-          children: "\u2190 Back to Help Center"
-        })]
-      })
-    });
-  }
-  return jsxs("div", {
-    className: "min-h-screen bg-background text-foreground scroll-smooth",
-    children: [jsx("div", {
-      className: "relative overflow-hidden",
-      children: jsx(HelpCenterHeader, {
-        onSearch: handleSearch
-      })
-    }), jsxs("div", {
-      className: "flex flex-col ml-auto w-[80%]",
-      children: [jsx("div", {
-        className: "container mx-auto px-4 md: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-foreground",
-            children: article.title
-          })]
-        })
-      }), jsx("main", {
-        className: "container mx-auto px-4 md:px-16 py-8",
-        children: jsxs("div", {
-          className: "flex flex-col lg:flex-row gap-8",
-          children: [jsxs("div", {
-            className: "flex-1 max-w-4xl mx-auto lg:mx-0",
-            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",
-              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'),
-                dangerouslySetInnerHTML: {
-                  __html: article.htmlContent
-                }
-              })
-            })]
-          }), jsx("aside", {
-            className: "w-full lg:w-80 flex-shrink-0",
-            children: jsx("div", {
-              className: "sticky top-[6rem]",
-              children: jsx("nav", {
-                className: "space-y-1",
-                children: article.headings && article.headings.length > 0 ? 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-foreground border-l-foreground bg-muted/20' : 'text-muted-foreground hover:text-foreground hover:border-l-muted-foreground', 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);
-                }) : jsx("p", {
-                  className: "text-sm text-muted-foreground",
-                  children: "No headings found"
-                })
-              })
-            })
-          })]
-        })
-      })]
-    })]
+import {jsx}from'react/jsx-runtime';import {ArticlePage}from'./ArticlePage.js';import {ArticlePageLayout}from'./ArticlePageLayout.js';const ArticlePageIndex = () => {
+  return jsx(ArticlePageLayout, {
+    children: jsx(ArticlePage, {})
   });
-};export{ArticlePage as default};//# sourceMappingURL=index.js.map
+};export{ArticlePageIndex as default};//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/ArticlePage/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/ArticlePage/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"sIAGM,MAAA,gBAAgB,GAAG,MAAK;SACnBA,qBACe,EAAA;AAI1B,IAAE,QAAA,EAAAA,GAAA,CAAA,WAAA,EAAA,EAAA;AAEF,GAAA,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+GnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/pages/CategoryCollection/index.js

@@ -51,7 +51,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
         }), jsx("span", {
           children: "\u203A"
         }), jsx("span", {
-          className: "text-foreground",
+          className: "text-primary",
           children: category.title
         })]
       })
@@ -89,7 +89,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
         className: "space-y-4",
         children: category.articles.map(article => jsxs(Link, {
           to: `/help-center/${categoryId}/${article.slug}`,
-          className: cn("group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5"),
+          className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),
           children: [jsxs("div", {
             className: "flex-1",
             children: [jsx("h3", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6TAQM,MAAA,sBAAsB,GAAa,MAAK;AAC5C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;AAChB,EAAA,MAAA,QAAQ,GAAG,4BAA0B,CAAA,UAAA,CAAA,GAAA,IAAA;QACrC,YAAiC,GAAA,KAAA,IAAA;AACnC,IAAA,OAAE,CAAA,GAAA,CAAA,gBAAA,EAAA,KAAA,CAAA;AAEF;AACE,GAAA;AACE,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACtB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AACd,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACX,OAAA,CAAA;;IAeF,OAAO,IACA;AA4ET,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6TAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;AACd,EAAA,MAAA,QAAQ,GAAG,4BAA0B,CAAA,UAAA,CAAA,GAAA,IAAA;QACrC,YAAiC,GAAA,KAAA,IAAA;AACrC,IAAA,OAAE,CAAA,GAAA,CAAA,gBAAA,EAAA,KAAA,CAAA;AAEF;AACI,GAAA;AACI,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACT,OAAA,CAAA;;IAYJ,OAAO,IACE;AAsEb,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/utils/docsNavigation.d.ts

@@ -0,0 +1,9 @@
+export interface NavItem {
+    title: string;
+    path: string;
+    children?: NavItem[];
+    isFile: boolean;
+}
+export declare function buildDocsNavigation(): NavItem[];
+export declare function getDocsNavigation(): NavItem[];
+//# sourceMappingURL=docsNavigation.d.ts.map

package/lib/utils/docsNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docsNavigation.d.ts","sourceRoot":"","sources":["../../src/utils/docsNavigation.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACnB;AAGD,wBAAgB,mBAAmB,IAAI,OAAO,EAAE,CA+B/C;AAKD,wBAAgB,iBAAiB,IAAI,OAAO,EAAE,CAK7C"}

package/lib/utils/docsNavigation.js

@@ -0,0 +1,37 @@
+import {getAllCategoriesMetadata}from'./markdownLoader.js';// Utility to build navigation tree from category metadata (not folder structure)
+// Build navigation tree from category metadata
+function buildDocsNavigation() {
+  const categories = getAllCategoriesMetadata();
+  const navItems = [];
+  for (const category of categories) {
+    // Create category node
+    const categoryItem = {
+      title: category.title,
+      path: `/help-center/${category.id}`,
+      children: [],
+      isFile: false
+    };
+    // Create a flat list of articles under each category
+    // Path format: /help/:categoryId/:slug (e.g., /help/adminide-modules/adminide-modules-account-auth0-login)
+    const articleItems = category.articles.map(article => ({
+      title: article.title,
+      path: `/help-center/${category.id}/${article.slug}`,
+      children: [],
+      isFile: true
+    }));
+    // If there are articles, add them as children
+    if (articleItems.length > 0) {
+      categoryItem.children = articleItems;
+    }
+    navItems.push(categoryItem);
+  }
+  return navItems;
+}
+// Get navigation tree (cached)
+let cachedNavigation = null;
+function getDocsNavigation() {
+  if (!cachedNavigation) {
+    cachedNavigation = buildDocsNavigation();
+  }
+  return cachedNavigation;
+}export{buildDocsNavigation,getDocsNavigation};//# sourceMappingURL=docsNavigation.js.map

package/lib/utils/docsNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docsNavigation.js","sources":["../../src/utils/docsNavigation.ts"],"sourcesContent":[null],"names":[],"mappings":"2DAAA;AAWA;SACgB,mBAAmB,GAAA;AAC/B,EAAA,MAAA,UAAgB,GAAA,wBAA2B,EAAA;QACrC,QAAA,GAAsB,EAAA;AAE5B,EAAA,KAAA,MAAW,QAAA,IAAY,UAAA,EAAU;;AAE7B,IAAA,MAAA;aACS,QAAU,CAAA,KAAA;AACf,MAAA,IAAA,EAAA,CAAA,aAAM,EAAA,QAAwB,CAAA,EAAA,CAAA,CAAA;AAC9B,MAAA,QAAA,EAAA,EAAA;AACA,MAAA,MAAA,EAAA;;;;AAKJ,IAAA,MAAA,YAAkB,GAAA,QAAsB,CAAA,QAAS,CAAA,GAAA,CAAC,OAAK,KAAgB;aAC9D,OAAS,CAAA,KAAA;YACd,CAAI,uBAA0B,CAAA,EAAA,CAAA,CAAA,EAAC,OAAM,CAAA,IAAA,CAAO,CAAC;AAC7C,MAAA,QAAA,EAAA,EAAA;AACA,MAAA,MAAA,EAAA;AACH,KAAA,CAAA,CAAA;;AAGD,IAAA,IAAA,mBAAiB,GAAA,CAAM,EAAG;AACtB,MAAA,YAAA,CAAA,QAAa,GAAA,YAAW;;AAG5B,IAAA,QAAA,CAAA,IAAS,CAAA,YAAK,CAAA;;AAGlB,EAAA,OAAA;AACJ;AAEA;AACA,IAAI,gBAAgB,GAAqB,IAAI;SAE7B,iBAAiB,GAAA;MACzB,CAAA,gBAAiB,EAAA;oBACD,GAAA,mBAAsB,EAAA;;AAE1C,EAAA,OAAA;AACJ"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adminide-stack/yantra-help-browser",
-    "version": "12.0.16-alpha.11",
+    "version": "12.0.16-alpha.14",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "Yantra App",
@@ -21,7 +21,7 @@
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/tailwind-ui": "12.2.4-alpha.6",
+        "@admin-layout/tailwind-ui": "12.2.4-alpha.12",
         "@pubngo-stack/icons": "8.0.7",
         "@react-icons/all-files": "^4.1.0",
         "marked": "7.0.5",
@@ -64,5 +64,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "71a5640bbd1f6884ecd523682284006cd4910fe9"
+    "gitHead": "78f3b3f39175399dfa3b5a858233c95533ec3f5d"
 }