@carlonicora/nextjs-jsonapi 1.109.0 → 1.110.0

package/dist/features/help/index.js

@@ -1,6 +1,7 @@
 "use client";
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
+var _chunkYBZVWLPHjs = require('../../chunk-YBZVWLPH.js');
 
 
 
@@ -11,7 +12,6 @@
 
 
 
-var _chunk3J7RQBF3js = require('../../chunk-3J7RQBF3.js');
 
 
 
@@ -21,22 +21,13 @@ var _chunk3J7RQBF3js = require('../../chunk-3J7RQBF3.js');
 
 
 
+var _chunkAKXUNE3Ajs = require('../../chunk-AKXUNE3A.js');
 
 
+var _chunk6XWW67F2js = require('../../chunk-6XWW67F2.js');
 
 
-
-
-
-
-
-
-var _chunkUHO3KUUHjs = require('../../chunk-UHO3KUUH.js');
-require('../../chunk-7E3O52U5.js');
-
-
-var _chunkYQQHAFBSjs = require('../../chunk-YQQHAFBS.js');
-require('../../chunk-CFI4WZ5R.js');
+var _chunkU2HR57MYjs = require('../../chunk-U2HR57MY.js');
 require('../../chunk-LXKSUWAV.js');
 require('../../chunk-IBS6NI7D.js');
 require('../../chunk-J5LROFGL.js');
@@ -50,7 +41,7 @@ var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var HelpContext = _react.createContext.call(void 0, null);
 function HelpProvider({ children }) {
-  const cfg = _chunkYQQHAFBSjs._getStaticHelpContent.call(void 0, );
+  const cfg = _chunk6XWW67F2js._getStaticHelpContent.call(void 0, );
   if (!cfg) {
     throw new Error(
       "Help content not configured \u2014 call configureJsonApi({ helpContent: {...} }) before importing help components."
@@ -82,29 +73,29 @@ var _lucidereact = require('lucide-react');
 
 
 function HelpAssistantSheet({ open, onOpenChange }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Sheet, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUHO3KUUHjs.SheetContent,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.Sheet, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkAKXUNE3Ajs.SheetContent,
     {
       side: "right",
       className: "flex w-full flex-col data-[side=right]:sm:max-w-2xl data-[side=right]:lg:max-w-3xl",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.AssistantProvider, { manageUrl: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpAssistantSheetBody, {}) })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.AssistantProvider, { manageUrl: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpAssistantSheetBody, {}) })
     }
   ) });
 }
 _chunk7QVYU63Ejs.__name.call(void 0, HelpAssistantSheet, "HelpAssistantSheet");
 function HelpAssistantSheetBody() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const ctx = _chunkUHO3KUUHjs.useAssistantContext.call(void 0, );
+  const ctx = _chunkAKXUNE3Ajs.useAssistantContext.call(void 0, );
   const showThread = !!ctx.assistant || ctx.sending || ctx.messages.length > 0;
   const send = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (content) => ctx.sendMessage(content, { howToMode: true }), "send");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.SheetHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.SheetTitle, { children: t("help.askAi.sheet.title") }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.SheetDescription, { children: t("help.askAi.sheet.subtitle") })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.SheetHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.SheetTitle, { children: t("help.askAi.sheet.title") }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.SheetDescription, { children: t("help.askAi.sheet.subtitle") })
     ] }),
-    !showThread ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.AssistantEmptyState, { onSend: send }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    !showThread ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.AssistantEmptyState, { onSend: send }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUHO3KUUHjs.AssistantThread,
+        _chunkAKXUNE3Ajs.AssistantThread,
         {
           messages: ctx.messages,
           sending: ctx.sending,
@@ -114,7 +105,7 @@ function HelpAssistantSheetBody() {
           onRetry: ctx.retrySend
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.AssistantComposer, { onSend: send, disabled: ctx.sending })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.AssistantComposer, { onSend: send, disabled: ctx.sending })
     ] })
   ] });
 }
@@ -124,20 +115,20 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpAssistantSheetBody, "HelpAssistantSheet
 
 function HelpAskAi() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { currentUser } = _chunkUHO3KUUHjs.useCurrentUserContext.call(void 0, );
+  const { currentUser } = _chunkAKXUNE3Ajs.useCurrentUserContext.call(void 0, );
   const [open, setOpen] = _react.useState.call(void 0, false);
   const disabled = !currentUser;
   if (disabled) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.TooltipTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Button, { variant: "outline", size: "sm", disabled: true }), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.TooltipTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.Button, { variant: "outline", size: "sm", disabled: true }), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SparklesIcon, { className: "h-4 w-4" }),
         t("help.askAi.button")
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.TooltipContent, { children: t("help.askAi.loginTooltip") })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.TooltipContent, { children: t("help.askAi.loginTooltip") })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.SparklesIcon, { className: "h-4 w-4" }),
       t("help.askAi.button")
     ] }),
@@ -150,7 +141,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpAskAi, "HelpAskAi");
 
 function HelpHeader() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { currentUser } = _chunkUHO3KUUHjs.useCurrentUserContext.call(void 0, );
+  const { currentUser } = _chunkAKXUNE3Ajs.useCurrentUserContext.call(void 0, );
   const { brand } = useHelp();
   const logo = _optionalChain([brand, 'optionalAccess', _ => _.logo]);
   const label = _nullishCoalesce(_optionalChain([brand, 'optionalAccess', _2 => _2.label]), () => ( "Help"));
@@ -166,7 +157,7 @@ function HelpHeader() {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpAskAi, {}),
-      currentUser ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: appHref }), nativeButton: false, variant: "outline", size: "sm", children: t("help.header.openApp") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: "/login" }), nativeButton: false, variant: "outline", size: "sm", children: t("help.header.login") })
+      currentUser ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: appHref }), nativeButton: false, variant: "outline", size: "sm", children: t("help.header.openApp") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.Button, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: "/login" }), nativeButton: false, variant: "outline", size: "sm", children: t("help.header.login") })
     ] })
   ] });
 }
@@ -175,6 +166,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpHeader, "HelpHeader");
 // src/features/help/components/HelpSideNav.tsx
 
 
+
 var _navigation = require('next/navigation');
 
 // src/features/help/hooks/useHelpFilter.ts
@@ -203,27 +195,41 @@ function useHelpFilter(articles) {
 }
 _chunk7QVYU63Ejs.__name.call(void 0, useHelpFilter, "useHelpFilter");
 
-// src/features/help/utils/articleUrl.ts
-function articleUrl(generateUrl, article) {
-  return generateUrl({ page: `/help/${article.mode}/${article.slug}` });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, articleUrl, "articleUrl");
-function modeUrl(generateUrl, mode) {
-  return generateUrl({ page: `/help/${mode}` });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, modeUrl, "modeUrl");
-
 // src/features/help/components/HelpSideNav.tsx
 
 function HelpSideNav() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunkAKXUNE3Ajs.usePageUrlGenerator.call(void 0, );
   const pathname = _navigation.usePathname.call(void 0, );
-  const { manifest } = useHelp();
-  const groups = _chunk3J7RQBF3js.buildHelpNav.call(void 0, manifest);
-  const allArticles = groups.flatMap((g) => g.articles);
-  const { query, setQuery, filtered } = useHelpFilter(allArticles);
+  const [articles, setArticles] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    _chunkU2HR57MYjs.HowToService.findPublished().then((list) => active && setArticles(list)).catch(() => active && setArticles([]));
+    return () => {
+      active = false;
+    };
+  }, []);
+  const indexable = _react.useMemo.call(void 0, 
+    () => articles.map((a) => ({
+      id: a.id,
+      title: a.name,
+      summary: _nullishCoalesce(a.summary, () => ( "")),
+      tags: a.tags,
+      mode: _nullishCoalesce(a.howToType, () => ( "")),
+      slug: _nullishCoalesce(a.slug, () => ( ""))
+    })),
+    [articles]
+  );
+  const { query, setQuery, filtered } = useHelpFilter(indexable);
   const filtering = query.trim().length > 0;
+  const groups = _react.useMemo.call(void 0, 
+    () => _chunkYBZVWLPHjs.HELP_MODES.map((mode) => ({
+      mode,
+      articles: articles.filter((a) => a.howToType === mode && !a.draft).sort((x, y) => (_nullishCoalesce(x.order, () => ( 0))) - (_nullishCoalesce(y.order, () => ( 0))))
+    })),
+    [articles]
+  );
+  const isActive = /* @__PURE__ */ _chunk7QVYU63Ejs.__name.call(void 0, (mode, slug) => pathname.endsWith(`/help/${mode}/${slug}`), "isActive");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": "Help navigation", className: "flex h-full flex-col gap-3 overflow-y-auto p-4", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "input",
@@ -238,31 +244,30 @@ function HelpSideNav() {
     filtering ? filtered.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm", children: t("help.sideNav.noMatches") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "space-y-1", children: filtered.map((a) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _link2.default,
       {
-        href: articleUrl(generateUrl, a),
-        className: "hover:bg-muted block rounded px-2 py-1 text-sm " + (pathname.endsWith(`/help/${a.mode}/${a.slug}`) ? "bg-muted font-medium" : ""),
+        href: generateUrl({ page: `/help/${a.mode}/${a.slug}` }),
+        className: "hover:bg-muted block rounded px-2 py-1 text-sm " + (isActive(a.mode, a.slug) ? "bg-muted font-medium" : ""),
         children: a.title
       }
-    ) }, a.id)) }) : _chunk3J7RQBF3js.HELP_MODES.map((mode) => {
-      const group = groups.find((g) => g.mode === mode);
+    ) }, a.id)) }) : groups.map((group) => {
       if (group.articles.length === 0) return null;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _link2.default,
           {
-            href: modeUrl(generateUrl, mode),
+            href: generateUrl({ page: `/help/${group.mode}` }),
             className: "text-muted-foreground hover:text-foreground mb-1 block text-xs font-semibold tracking-wider uppercase",
-            children: t(`help.modes.${mode}`)
+            children: t(`help.modes.${group.mode}`)
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "space-y-0.5", children: group.articles.map((a) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _link2.default,
           {
-            href: articleUrl(generateUrl, a),
-            className: "hover:bg-muted block rounded px-2 py-1 text-sm " + (pathname.endsWith(`/help/${a.mode}/${a.slug}`) ? "bg-muted font-medium" : ""),
-            children: a.title
+            href: generateUrl({ page: `/help/${a.howToType}/${a.slug}` }),
+            className: "hover:bg-muted block rounded px-2 py-1 text-sm " + (isActive(_nullishCoalesce(a.howToType, () => ( "")), _nullishCoalesce(a.slug, () => ( ""))) ? "bg-muted font-medium" : ""),
+            children: a.name
           }
         ) }, a.id)) })
-      ] }, mode);
+      ] }, group.mode);
     })
   ] });
 }
@@ -272,33 +277,32 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpSideNav, "HelpSideNav");
 
 
 
-function HelpArticleBody({ article, children }) {
+function HelpArticleBody(props) {
   const t = _nextintl.useTranslations.call(void 0, );
   const format = _nextintl.useFormatter.call(void 0, );
-  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
-  const { manifest } = useHelp();
-  const { prev, next } = _chunk3J7RQBF3js.prevNextWithinMode.call(void 0, manifest, article);
+  const generateUrl = _chunkAKXUNE3Ajs.usePageUrlGenerator.call(void 0, );
+  const { howToType, title, summary, updatedAt, prev, next, children } = props;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: "prose dark:prose-invert max-w-none", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { className: "text-muted-foreground mb-2 text-xs", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: generateUrl({ page: "/help" }), children: "Help" }),
       " \xB7 ",
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: generateUrl({ page: `/help/${article.mode}` }), children: t(`help.modes.${article.mode}`) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: generateUrl({ page: `/help/${howToType}` }), children: t(`help.modes.${howToType}`) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { children: article.title }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground !mt-0 text-base", children: article.summary }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { children: title }),
+    summary ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground !mt-0 text-base", children: summary }) : null,
     children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: "my-6" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("help.article.lastUpdated", {
-      date: format.dateTime(new Date(article.lastUpdated), { dateStyle: "short" })
-    }) }) }),
+    updatedAt ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: t("help.article.lastUpdated", {
+      date: format.dateTime(new Date(updatedAt), { dateStyle: "short" })
+    }) }) }) : null,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4 flex justify-between text-sm", children: [
-      prev ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: articleUrl(generateUrl, prev), className: "hover:underline", children: [
+      prev ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: generateUrl({ page: `/help/${prev.howToType}/${prev.slug}` }), className: "hover:underline", children: [
         "\u2190 ",
         t("help.article.previous"),
         ": ",
         prev.title
       ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {}),
-      next ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: articleUrl(generateUrl, next), className: "hover:underline", children: [
+      next ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: generateUrl({ page: `/help/${next.howToType}/${next.slug}` }), className: "hover:underline", children: [
         t("help.article.next"),
         ": ",
         next.title,
@@ -354,18 +358,25 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpTOC, "HelpTOC");
 
 function HelpHint({ contextKey }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
-  const { manifest } = useHelp();
+  const generateUrl = _chunkAKXUNE3Ajs.usePageUrlGenerator.call(void 0, );
   const [open, setOpen] = _react.useState.call(void 0, false);
   const [picked, setPicked] = _react.useState.call(void 0, null);
+  const [articles, setArticles] = _react.useState.call(void 0, []);
+  _react.useEffect.call(void 0, () => {
+    let active2 = true;
+    _chunkU2HR57MYjs.HowToService.findPublished().then((list) => active2 && setArticles(list)).catch(() => active2 && setArticles([]));
+    return () => {
+      active2 = false;
+    };
+  }, []);
   const matches = _react.useMemo.call(void 0, 
-    () => manifest.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),
-    [manifest, contextKey]
+    () => articles.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),
+    [articles, contextKey]
   );
   if (matches.length === 0) return null;
   const active = _nullishCoalesce(picked, () => ( (matches.length === 1 ? matches[0] : null)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUHO3KUUHjs.Sheet,
+    _chunkAKXUNE3Ajs.Sheet,
     {
       open,
       onOpenChange: (o) => {
@@ -373,15 +384,15 @@ function HelpHint({ contextKey }) {
         if (!o) setPicked(null);
       },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.SheetTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Button, { variant: "ghost", size: "icon-sm", "aria-label": t("help.hint.trigger") }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.HelpCircleIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.SheetContent, { side: "right", className: "w-full max-w-md sm:max-w-lg", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUHO3KUUHjs.SheetHeader, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.SheetTitle, { children: active ? active.title : t("help.hint.pickArticle") }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.SheetDescription, { children: _nullishCoalesce(_optionalChain([active, 'optionalAccess', _4 => _4.summary]), () => ( "")) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.SheetTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.Button, { variant: "ghost", size: "icon-sm", "aria-label": t("help.hint.trigger") }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.HelpCircleIcon, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.SheetContent, { side: "right", className: "w-full max-w-md sm:max-w-lg", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKXUNE3Ajs.SheetHeader, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.SheetTitle, { children: active ? active.name : t("help.hint.pickArticle") }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.SheetDescription, { children: _nullishCoalesce(_optionalChain([active, 'optionalAccess', _4 => _4.summary]), () => ( "")) })
           ] }),
           active ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-4 space-y-3", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm", children: active.summary }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: articleUrl(generateUrl, active), className: "text-sm", children: t("help.hint.viewArticle") })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: generateUrl({ page: `/help/${active.howToType}/${active.slug}` }), className: "text-sm", children: t("help.hint.viewArticle") })
           ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "mt-4 space-y-1", children: matches.map((a) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "button",
             {
@@ -389,7 +400,7 @@ function HelpHint({ contextKey }) {
               onClick: () => setPicked(a),
               className: "hover:bg-muted block w-full rounded px-2 py-1 text-left text-sm",
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: a.title }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: a.name }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs", children: a.summary })
               ]
             }
@@ -406,14 +417,21 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpHint, "HelpHint");
 
 
 
+
 function HelpSearchResultRow({ result, onSelect }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
-  const { manifest } = useHelp();
-  const article = manifest.find((a) => a.id === result.id);
+  const generateUrl = _chunkAKXUNE3Ajs.usePageUrlGenerator.call(void 0, );
+  const [article, setArticle] = _react.useState.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    _chunkU2HR57MYjs.HowToService.findOne({ id: result.id }).then((a) => active && setArticle(a)).catch(() => active && setArticle(null));
+    return () => {
+      active = false;
+    };
+  }, [result.id]);
   if (!article) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUHO3KUUHjs.CommandItem,
+      _chunkAKXUNE3Ajs.CommandItem,
       {
         value: result.id,
         disabled: true,
@@ -422,17 +440,17 @@ function HelpSearchResultRow({ result, onSelect }) {
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.CommandItem, { value: result.id, onSelect, className: "cursor-pointer p-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKXUNE3Ajs.CommandItem, { value: result.id, onSelect, className: "cursor-pointer p-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _link2.default,
     {
-      href: generateUrl({ page: `/help/${article.mode}/${article.slug}` }),
+      href: generateUrl({ page: `/help/${article.howToType}/${article.slug}` }),
       className: "hover:bg-muted flex w-full items-center gap-3 rounded px-3 py-2",
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-muted text-muted-foreground flex h-10 w-10 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LifeBuoyIcon, { className: "h-5 w-5" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-foreground truncate text-sm font-semibold", children: article.title }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-foreground truncate text-sm font-semibold", children: article.name }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground truncate text-xs", children: [
-            t(`help.modes.${article.mode}`),
+            t(`help.modes.${article.howToType}`),
             " \xB7 ",
             article.summary
           ] })
@@ -444,40 +462,15 @@ function HelpSearchResultRow({ result, onSelect }) {
 }
 _chunk7QVYU63Ejs.__name.call(void 0, HelpSearchResultRow, "HelpSearchResultRow");
 
-// src/features/help/components/mdx/Related.tsx
-
-
-
-function Related({ slugs }) {
-  const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
-  const { manifest } = useHelp();
-  const items = slugs.map((s) => manifest.find((a) => `${a.mode}/${a.slug}` === s)).filter((a) => Boolean(a));
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "aside", { className: "my-6", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-muted-foreground mb-2 text-xs font-semibold tracking-wider uppercase", children: t("help.article.related") }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "grid gap-2 sm:grid-cols-2", children: items.map((a) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: articleUrl(generateUrl, a), className: "hover:bg-muted block rounded border p-3", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-medium", children: a.title }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground text-xs", children: a.summary })
-    ] }) }, a.id)) })
-  ] });
-}
-_chunk7QVYU63Ejs.__name.call(void 0, Related, "Related");
-
-// src/features/help/components/mdx/mdxComponents.ts
-var MDX_COMPONENTS = { Callout: _chunk3J7RQBF3js.Callout, Steps: _chunk3J7RQBF3js.Steps, Step: _chunk3J7RQBF3js.Step, Screenshot: _chunk3J7RQBF3js.Screenshot, EntityRef: _chunk3J7RQBF3js.EntityRef, KeyBinding: _chunk3J7RQBF3js.KeyBinding, Video: _chunk3J7RQBF3js.Video, Related };
-
-// src/features/help/hooks/useHelpManifest.ts
-function useHelpManifest() {
-  return useHelp().manifest;
+// src/features/help/utils/articleUrl.ts
+function articleUrl(generateUrl, article) {
+  return generateUrl({ page: `/help/${article.mode}/${article.slug}` });
 }
-_chunk7QVYU63Ejs.__name.call(void 0, useHelpManifest, "useHelpManifest");
-
-// src/features/help/hooks/useHelpArticle.ts
-function useHelpArticle(mode, slug) {
-  return _chunk3J7RQBF3js.findHelpArticle.call(void 0, useHelp().manifest, mode, slug);
+_chunk7QVYU63Ejs.__name.call(void 0, articleUrl, "articleUrl");
+function modeUrl(generateUrl, mode) {
+  return generateUrl({ page: `/help/${mode}` });
 }
-_chunk7QVYU63Ejs.__name.call(void 0, useHelpArticle, "useHelpArticle");
+_chunk7QVYU63Ejs.__name.call(void 0, modeUrl, "modeUrl");
 
 // src/features/help/i18n-keys.ts
 var HELP_I18N_KEYS = [
@@ -525,8 +518,5 @@ var HELP_I18N_KEYS = [
 
 
 
-
-
-
-exports.HELP_I18N_KEYS = HELP_I18N_KEYS; exports.HELP_MODES = _chunk3J7RQBF3js.HELP_MODES; exports.HelpArticleBody = HelpArticleBody; exports.HelpAskAi = HelpAskAi; exports.HelpHeader = HelpHeader; exports.HelpHint = HelpHint; exports.HelpProvider = HelpProvider; exports.HelpSearchResultRow = HelpSearchResultRow; exports.HelpSideNav = HelpSideNav; exports.HelpTOC = HelpTOC; exports.MDX_COMPONENTS = MDX_COMPONENTS; exports.articleUrl = articleUrl; exports.modeUrl = modeUrl; exports.useHelp = useHelp; exports.useHelpArticle = useHelpArticle; exports.useHelpFilter = useHelpFilter; exports.useHelpManifest = useHelpManifest;
+exports.HELP_I18N_KEYS = HELP_I18N_KEYS; exports.HELP_MODES = _chunkYBZVWLPHjs.HELP_MODES; exports.HelpArticleBody = HelpArticleBody; exports.HelpAskAi = HelpAskAi; exports.HelpHeader = HelpHeader; exports.HelpHint = HelpHint; exports.HelpProvider = HelpProvider; exports.HelpSearchResultRow = HelpSearchResultRow; exports.HelpSideNav = HelpSideNav; exports.HelpTOC = HelpTOC; exports.articleUrl = articleUrl; exports.modeUrl = modeUrl; exports.useHelp = useHelp; exports.useHelpFilter = useHelpFilter;
 //# sourceMappingURL=index.js.map