@carlonicora/nextjs-jsonapi 1.108.0 → 1.109.0

package/dist/features/help/index.js

@@ -0,0 +1,532 @@
+"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 _chunk3J7RQBF3js = require('../../chunk-3J7RQBF3.js');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkUHO3KUUHjs = require('../../chunk-UHO3KUUH.js');
+require('../../chunk-7E3O52U5.js');
+
+
+var _chunkYQQHAFBSjs = require('../../chunk-YQQHAFBS.js');
+require('../../chunk-CFI4WZ5R.js');
+require('../../chunk-LXKSUWAV.js');
+require('../../chunk-IBS6NI7D.js');
+require('../../chunk-J5LROFGL.js');
+require('../../chunk-3EPNHTMH.js');
+
+
+var _chunk7QVYU63Ejs = require('../../chunk-7QVYU63E.js');
+
+// src/features/help/contexts/HelpContext.tsx
+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, );
+  if (!cfg) {
+    throw new Error(
+      "Help content not configured \u2014 call configureJsonApi({ helpContent: {...} }) before importing help components."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpContext.Provider, { value: cfg, children });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpProvider, "HelpProvider");
+function useHelp() {
+  const ctx = _react.useContext.call(void 0, HelpContext);
+  if (!ctx) {
+    throw new Error("useHelp() called outside <HelpProvider>. Wrap your help route group with <HelpProvider>.");
+  }
+  return ctx;
+}
+_chunk7QVYU63Ejs.__name.call(void 0, useHelp, "useHelp");
+
+// src/features/help/components/HelpHeader.tsx
+var _link = require('next/link'); var _link2 = _interopRequireDefault(_link);
+var _image = require('next/image'); var _image2 = _interopRequireDefault(_image);
+var _nextintl = require('next-intl');
+
+// src/features/help/components/HelpAskAi.tsx
+
+var _lucidereact = require('lucide-react');
+
+
+// src/features/help/components/HelpAssistantSheet.tsx
+
+
+function HelpAssistantSheet({ open, onOpenChange }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.Sheet, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUHO3KUUHjs.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, {}) })
+    }
+  ) });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpAssistantSheet, "HelpAssistantSheet");
+function HelpAssistantSheetBody() {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const ctx = _chunkUHO3KUUHjs.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") })
+    ] }),
+    !showThread ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.AssistantEmptyState, { onSend: send }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkUHO3KUUHjs.AssistantThread,
+        {
+          messages: ctx.messages,
+          sending: ctx.sending,
+          status: ctx.status,
+          onSelectFollowUp: send,
+          failedMessageIds: ctx.failedMessageIds,
+          onRetry: ctx.retrySend
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUHO3KUUHjs.AssistantComposer, { onSend: send, disabled: ctx.sending })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpAssistantSheetBody, "HelpAssistantSheetBody");
+
+// src/features/help/components/HelpAskAi.tsx
+
+function HelpAskAi() {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const { currentUser } = _chunkUHO3KUUHjs.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: [
+        /* @__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") })
+    ] });
+  }
+  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.jsx.call(void 0, _lucidereact.SparklesIcon, { className: "h-4 w-4" }),
+      t("help.askAi.button")
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpAssistantSheet, { open, onOpenChange: setOpen })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpAskAi, "HelpAskAi");
+
+// src/features/help/components/HelpHeader.tsx
+
+function HelpHeader() {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const { currentUser } = _chunkUHO3KUUHjs.useCurrentUserContext.call(void 0, );
+  const { brand } = useHelp();
+  const logo = _optionalChain([brand, 'optionalAccess', _ => _.logo]);
+  const label = _nullishCoalesce(_optionalChain([brand, 'optionalAccess', _2 => _2.label]), () => ( "Help"));
+  const appHref = _nullishCoalesce(_optionalChain([brand, 'optionalAccess', _3 => _3.appHref]), () => ( "/"));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "border-border bg-background flex items-center justify-between border-b px-4 py-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _link2.default, { href: "/help", className: "flex items-center gap-2", children: [
+      logo ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _image2.default, { src: logo, alt: label, width: 28, height: 28 }) : null,
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-base font-semibold", children: [
+        label,
+        " \xB7 ",
+        t("help.footerLink")
+      ] })
+    ] }),
+    /* @__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") })
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpHeader, "HelpHeader");
+
+// src/features/help/components/HelpSideNav.tsx
+
+
+var _navigation = require('next/navigation');
+
+// src/features/help/hooks/useHelpFilter.ts
+
+var _fusejs = require('fuse.js'); var _fusejs2 = _interopRequireDefault(_fusejs);
+function useHelpFilter(articles) {
+  const [query, setQuery] = _react.useState.call(void 0, "");
+  const fuse = _react.useMemo.call(void 0, 
+    () => new (0, _fusejs2.default)([...articles], {
+      keys: [
+        { name: "title", weight: 0.5 },
+        { name: "summary", weight: 0.3 },
+        { name: "tags", weight: 0.1 },
+        { name: "headings.text", weight: 0.1 }
+      ],
+      threshold: 0.4,
+      ignoreLocation: true
+    }),
+    [articles]
+  );
+  const filtered = _react.useMemo.call(void 0, () => {
+    if (!query.trim()) return [...articles];
+    return fuse.search(query).map((r) => r.item);
+  }, [query, articles, fuse]);
+  return { query, setQuery, filtered };
+}
+_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 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 filtering = query.trim().length > 0;
+  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",
+      {
+        type: "search",
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        placeholder: t("help.sideNav.filterPlaceholder"),
+        className: "border-input bg-background w-full rounded-md border px-3 py-2 text-sm"
+      }
+    ),
+    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" : ""),
+        children: a.title
+      }
+    ) }, a.id)) }) : _chunk3J7RQBF3js.HELP_MODES.map((mode) => {
+      const group = groups.find((g) => g.mode === mode);
+      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),
+            className: "text-muted-foreground hover:text-foreground mb-1 block text-xs font-semibold tracking-wider uppercase",
+            children: t(`help.modes.${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
+          }
+        ) }, a.id)) })
+      ] }, mode);
+    })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpSideNav, "HelpSideNav");
+
+// src/features/help/components/HelpArticleBody.tsx
+
+
+
+function HelpArticleBody({ article, children }) {
+  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);
+  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, "h1", { children: article.title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground !mt-0 text-base", children: article.summary }),
+    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" })
+    }) }) }),
+    /* @__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: [
+        "\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: [
+        t("help.article.next"),
+        ": ",
+        next.title,
+        " \u2192"
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {})
+    ] })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpArticleBody, "HelpArticleBody");
+
+// src/features/help/components/HelpTOC.tsx
+
+
+
+function HelpTOC({ headings }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const [active, setActive] = _react.useState.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        for (const e of entries) {
+          if (e.isIntersecting) setActive(e.target.id);
+        }
+      },
+      { rootMargin: "0px 0px -70% 0px", threshold: 0 }
+    );
+    headings.forEach((h) => {
+      const el = document.getElementById(h.slug);
+      if (el) observer.observe(el);
+    });
+    return () => observer.disconnect();
+  }, [headings]);
+  if (headings.length === 0) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": t("help.toc.title"), className: "hidden lg:block", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-muted-foreground mb-2 text-xs font-semibold tracking-wider uppercase", children: t("help.toc.title") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "space-y-1 text-sm", children: headings.map((h) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { style: { paddingLeft: `${(h.depth - 2) * 0.75}rem` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "a",
+      {
+        href: `#${h.slug}`,
+        className: "block truncate hover:text-foreground " + (active === h.slug ? "text-foreground font-medium" : "text-muted-foreground"),
+        children: h.text
+      }
+    ) }, h.slug)) })
+  ] });
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpTOC, "HelpTOC");
+
+// src/features/help/components/HelpHint.tsx
+
+
+
+
+
+function HelpHint({ contextKey }) {
+  const t = _nextintl.useTranslations.call(void 0, );
+  const generateUrl = _chunkUHO3KUUHjs.usePageUrlGenerator.call(void 0, );
+  const { manifest } = useHelp();
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  const [picked, setPicked] = _react.useState.call(void 0, null);
+  const matches = _react.useMemo.call(void 0, 
+    () => manifest.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),
+    [manifest, 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,
+    {
+      open,
+      onOpenChange: (o) => {
+        setOpen(o);
+        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]), () => ( "")) })
+          ] }),
+          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, "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",
+            {
+              type: "button",
+              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: "text-muted-foreground text-xs", children: a.summary })
+              ]
+            }
+          ) }, a.id)) })
+        ] })
+      ]
+    }
+  );
+}
+_chunk7QVYU63Ejs.__name.call(void 0, HelpHint, "HelpHint");
+
+// src/features/help/components/HelpSearchResultRow.tsx
+
+
+
+
+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);
+  if (!article) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkUHO3KUUHjs.CommandItem,
+      {
+        value: result.id,
+        disabled: true,
+        className: "text-muted-foreground cursor-not-allowed px-3 py-1.5 text-sm italic",
+        children: t("help.search.removed")
+      }
+    );
+  }
+  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, 
+    _link2.default,
+    {
+      href: generateUrl({ page: `/help/${article.mode}/${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.jsxs.call(void 0, "span", { className: "text-muted-foreground truncate text-xs", children: [
+            t(`help.modes.${article.mode}`),
+            " \xB7 ",
+            article.summary
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ArrowUpRightIcon, { className: "text-muted-foreground h-5 w-5 shrink-0" })
+      ]
+    }
+  ) });
+}
+_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;
+}
+_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, useHelpArticle, "useHelpArticle");
+
+// src/features/help/i18n-keys.ts
+var HELP_I18N_KEYS = [
+  "help.modes.tutorial",
+  "help.modes.how-to",
+  "help.modes.reference",
+  "help.modes.explanation",
+  "help.sideNav.filterPlaceholder",
+  "help.sideNav.noMatches",
+  "help.toc.title",
+  "help.article.lastUpdated",
+  "help.article.previous",
+  "help.article.next",
+  "help.article.related",
+  "help.askAi.button",
+  "help.askAi.loginTooltip",
+  "help.askAi.sheet.title",
+  "help.askAi.sheet.subtitle",
+  "help.header.search",
+  "help.header.login",
+  "help.header.openApp",
+  "help.hint.trigger",
+  "help.hint.viewArticle",
+  "help.hint.pickArticle",
+  "help.landing.heading",
+  "help.landing.subheading",
+  "help.landing.featuredTutorials",
+  "help.landing.browseByMode",
+  "help.modeIndex.empty",
+  "help.search.removed",
+  "help.footerLink"
+];
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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;
+//# sourceMappingURL=index.js.map

package/dist/features/help/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/features/help/index.js","../../../src/features/help/contexts/HelpContext.tsx","../../../src/features/help/components/HelpHeader.tsx","../../../src/features/help/components/HelpAskAi.tsx","../../../src/features/help/components/HelpAssistantSheet.tsx","../../../src/features/help/components/HelpSideNav.tsx","../../../src/features/help/hooks/useHelpFilter.ts","../../../src/features/help/utils/articleUrl.ts","../../../src/features/help/components/HelpArticleBody.tsx","../../../src/features/help/components/HelpTOC.tsx","../../../src/features/help/components/HelpHint.tsx","../../../src/features/help/components/HelpSearchResultRow.tsx","../../../src/features/help/components/mdx/Related.tsx","../../../src/features/help/components/mdx/mdxComponents.ts","../../../src/features/help/hooks/useHelpManifest.ts","../../../src/features/help/hooks/useHelpArticle.ts","../../../src/features/help/i18n-keys.ts"],"names":["jsx","useTranslations","jsxs","Fragment","useState","Link","useMemo"],"mappings":"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","file":"/home/runner/work/nextjs-jsonapi/nextjs-jsonapi/dist/features/help/index.js","sourcesContent":[null,"\"use client\";\nimport { createContext, useContext, ReactNode } from \"react\";\nimport { _getStaticHelpContent } from \"../../../core/registry/helpStore\";\nimport type { HelpContentConfig } from \"../interfaces/help-content-config.interface\";\n\nconst HelpContext = createContext<HelpContentConfig | null>(null);\n\nexport function HelpProvider({ children }: { children: ReactNode }) {\n  const cfg = _getStaticHelpContent<HelpContentConfig>();\n  if (!cfg) {\n    throw new Error(\n      \"Help content not configured — call configureJsonApi({ helpContent: {...} }) before importing help components.\",\n    );\n  }\n  return <HelpContext.Provider value={cfg}>{children}</HelpContext.Provider>;\n}\n\nexport function useHelp(): HelpContentConfig {\n  const ctx = useContext(HelpContext);\n  if (!ctx) {\n    throw new Error(\"useHelp() called outside <HelpProvider>. Wrap your help route group with <HelpProvider>.\");\n  }\n  return ctx;\n}\n","\"use client\";\nimport Link from \"next/link\";\nimport Image from \"next/image\";\nimport { useTranslations } from \"next-intl\";\nimport { useCurrentUserContext } from \"../../user/contexts/CurrentUserContext\";\nimport { Button } from \"../../../shadcnui\";\nimport { useHelp } from \"../contexts/HelpContext\";\nimport { HelpAskAi } from \"./HelpAskAi\";\n\nexport function HelpHeader() {\n  const t = useTranslations();\n  const { currentUser } = useCurrentUserContext();\n  const { brand } = useHelp();\n  const logo = brand?.logo;\n  const label = brand?.label ?? \"Help\";\n  const appHref = brand?.appHref ?? \"/\";\n\n  return (\n    <header className=\"border-border bg-background flex items-center justify-between border-b px-4 py-3\">\n      <Link href=\"/help\" className=\"flex items-center gap-2\">\n        {logo ? <Image src={logo} alt={label} width={28} height={28} /> : null}\n        <span className=\"text-base font-semibold\">\n          {label} · {t(\"help.footerLink\")}\n        </span>\n      </Link>\n      <div className=\"flex items-center gap-2\">\n        <HelpAskAi />\n        {currentUser ? (\n          <Button render={<Link href={appHref} />} nativeButton={false} variant=\"outline\" size=\"sm\">\n            {t(\"help.header.openApp\")}\n          </Button>\n        ) : (\n          <Button render={<Link href=\"/login\" />} nativeButton={false} variant=\"outline\" size=\"sm\">\n            {t(\"help.header.login\")}\n          </Button>\n        )}\n      </div>\n    </header>\n  );\n}\n","\"use client\";\nimport { useState } from \"react\";\nimport { SparklesIcon } from \"lucide-react\";\nimport { useTranslations } from \"next-intl\";\nimport { useCurrentUserContext } from \"../../user/contexts/CurrentUserContext\";\nimport { Button, Tooltip, TooltipTrigger, TooltipContent } from \"../../../shadcnui\";\nimport { HelpAssistantSheet } from \"./HelpAssistantSheet\";\n\nexport function HelpAskAi() {\n  const t = useTranslations();\n  const { currentUser } = useCurrentUserContext();\n  const [open, setOpen] = useState(false);\n  const disabled = !currentUser;\n\n  if (disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<Button variant=\"outline\" size=\"sm\" disabled />}>\n          <SparklesIcon className=\"h-4 w-4\" />\n          {t(\"help.askAi.button\")}\n        </TooltipTrigger>\n        <TooltipContent>{t(\"help.askAi.loginTooltip\")}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      <Button variant=\"outline\" size=\"sm\" onClick={() => setOpen(true)}>\n        <SparklesIcon className=\"h-4 w-4\" />\n        {t(\"help.askAi.button\")}\n      </Button>\n      <HelpAssistantSheet open={open} onOpenChange={setOpen} />\n    </>\n  );\n}\n","\"use client\";\nimport { useTranslations } from \"next-intl\";\nimport { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from \"../../../shadcnui\";\nimport { AssistantProvider, useAssistantContext } from \"../../assistant/contexts/AssistantContext\";\nimport { AssistantThread } from \"../../assistant/components/parts/AssistantThread\";\nimport { AssistantComposer } from \"../../assistant/components/parts/AssistantComposer\";\nimport { AssistantEmptyState } from \"../../assistant/components/parts/AssistantEmptyState\";\n\nexport function HelpAssistantSheet({ open, onOpenChange }: { open: boolean; onOpenChange: (o: boolean) => void }) {\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent\n        side=\"right\"\n        className=\"flex w-full flex-col data-[side=right]:sm:max-w-2xl data-[side=right]:lg:max-w-3xl\"\n      >\n        <AssistantProvider manageUrl={false}>\n          <HelpAssistantSheetBody />\n        </AssistantProvider>\n      </SheetContent>\n    </Sheet>\n  );\n}\n\nfunction HelpAssistantSheetBody() {\n  const t = useTranslations();\n  const ctx = useAssistantContext();\n  const showThread = !!ctx.assistant || ctx.sending || ctx.messages.length > 0;\n  const send = (content: string) => ctx.sendMessage(content, { howToMode: true });\n\n  return (\n    <>\n      <SheetHeader>\n        <SheetTitle>{t(\"help.askAi.sheet.title\")}</SheetTitle>\n        <SheetDescription>{t(\"help.askAi.sheet.subtitle\")}</SheetDescription>\n      </SheetHeader>\n      {!showThread ? (\n        <AssistantEmptyState onSend={send} />\n      ) : (\n        <>\n          <AssistantThread\n            messages={ctx.messages}\n            sending={ctx.sending}\n            status={ctx.status}\n            onSelectFollowUp={send}\n            failedMessageIds={ctx.failedMessageIds}\n            onRetry={ctx.retrySend}\n          />\n          <AssistantComposer onSend={send} disabled={ctx.sending} />\n        </>\n      )}\n    </>\n  );\n}\n","\"use client\";\nimport { useTranslations } from \"next-intl\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\nimport { HELP_MODES } from \"../types/help-article.types\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { useHelp } from \"../contexts/HelpContext\";\nimport { useHelpFilter } from \"../hooks/useHelpFilter\";\nimport { buildHelpNav } from \"../utils/helpNavigation\";\nimport { articleUrl, modeUrl } from \"../utils/articleUrl\";\n\nexport function HelpSideNav() {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const pathname = usePathname();\n  const { manifest } = useHelp();\n  const groups = buildHelpNav(manifest);\n  const allArticles = groups.flatMap((g) => g.articles);\n  const { query, setQuery, filtered } = useHelpFilter(allArticles);\n  const filtering = query.trim().length > 0;\n\n  return (\n    <nav aria-label=\"Help navigation\" className=\"flex h-full flex-col gap-3 overflow-y-auto p-4\">\n      <input\n        type=\"search\"\n        value={query}\n        onChange={(e) => setQuery(e.target.value)}\n        placeholder={t(\"help.sideNav.filterPlaceholder\")}\n        className=\"border-input bg-background w-full rounded-md border px-3 py-2 text-sm\"\n      />\n      {filtering ? (\n        filtered.length === 0 ? (\n          <p className=\"text-muted-foreground text-sm\">{t(\"help.sideNav.noMatches\")}</p>\n        ) : (\n          <ul className=\"space-y-1\">\n            {filtered.map((a) => (\n              <li key={a.id}>\n                <Link\n                  href={articleUrl(generateUrl, a)}\n                  className={\n                    \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                    (pathname.endsWith(`/help/${a.mode}/${a.slug}`) ? \"bg-muted font-medium\" : \"\")\n                  }\n                >\n                  {a.title}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        )\n      ) : (\n        HELP_MODES.map((mode) => {\n          const group = groups.find((g) => g.mode === mode)!;\n          if (group.articles.length === 0) return null;\n          return (\n            <div key={mode}>\n              <Link\n                href={modeUrl(generateUrl, mode)}\n                className=\"text-muted-foreground hover:text-foreground mb-1 block text-xs font-semibold tracking-wider uppercase\"\n              >\n                {t(`help.modes.${mode}`)}\n              </Link>\n              <ul className=\"space-y-0.5\">\n                {group.articles.map((a) => (\n                  <li key={a.id}>\n                    <Link\n                      href={articleUrl(generateUrl, a)}\n                      className={\n                        \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                        (pathname.endsWith(`/help/${a.mode}/${a.slug}`) ? \"bg-muted font-medium\" : \"\")\n                      }\n                    >\n                      {a.title}\n                    </Link>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          );\n        })\n      )}\n    </nav>\n  );\n}\n","\"use client\";\nimport { useMemo, useState } from \"react\";\nimport Fuse from \"fuse.js\";\nimport type { HelpArticle } from \"../types/help-article.types\";\n\nexport function useHelpFilter(articles: readonly HelpArticle[]) {\n  const [query, setQuery] = useState(\"\");\n  const fuse = useMemo(\n    () =>\n      new Fuse([...articles], {\n        keys: [\n          { name: \"title\", weight: 0.5 },\n          { name: \"summary\", weight: 0.3 },\n          { name: \"tags\", weight: 0.1 },\n          { name: \"headings.text\", weight: 0.1 },\n        ],\n        threshold: 0.4,\n        ignoreLocation: true,\n      }),\n    [articles],\n  );\n  const filtered = useMemo(() => {\n    if (!query.trim()) return [...articles];\n    return fuse.search(query).map((r) => r.item);\n  }, [query, articles, fuse]);\n  return { query, setQuery, filtered };\n}\n","import type { HelpMode } from \"../types/help-article.types\";\nimport type { usePageUrlGenerator } from \"../../../client\";\n\nexport function articleUrl(\n  generateUrl: ReturnType<typeof usePageUrlGenerator>,\n  article: { mode: HelpMode; slug: string },\n): string {\n  return generateUrl({ page: `/help/${article.mode}/${article.slug}` });\n}\n\nexport function modeUrl(generateUrl: ReturnType<typeof usePageUrlGenerator>, mode: HelpMode): string {\n  return generateUrl({ page: `/help/${mode}` });\n}\n","\"use client\";\nimport { ReactNode } from \"react\";\nimport Link from \"next/link\";\nimport { useFormatter, useTranslations } from \"next-intl\";\nimport type { HelpArticle } from \"../types/help-article.types\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { useHelp } from \"../contexts/HelpContext\";\nimport { articleUrl } from \"../utils/articleUrl\";\nimport { prevNextWithinMode } from \"../utils/helpNavigation\";\n\nexport function HelpArticleBody({ article, children }: { article: HelpArticle; children: ReactNode }) {\n  const t = useTranslations();\n  const format = useFormatter();\n  const generateUrl = usePageUrlGenerator();\n  const { manifest } = useHelp();\n  const { prev, next } = prevNextWithinMode(manifest, article);\n\n  return (\n    <article className=\"prose dark:prose-invert max-w-none\">\n      <nav className=\"text-muted-foreground mb-2 text-xs\">\n        <Link href={generateUrl({ page: \"/help\" })}>Help</Link>\n        {\" · \"}\n        <Link href={generateUrl({ page: `/help/${article.mode}` })}>{t(`help.modes.${article.mode}`)}</Link>\n      </nav>\n      <h1>{article.title}</h1>\n      <p className=\"text-muted-foreground !mt-0 text-base\">{article.summary}</p>\n      {children}\n      <hr className=\"my-6\" />\n      <div className=\"text-muted-foreground text-xs\">\n        <span>\n          {t(\"help.article.lastUpdated\", {\n            date: format.dateTime(new Date(article.lastUpdated), { dateStyle: \"short\" }),\n          })}\n        </span>\n      </div>\n      <div className=\"mt-4 flex justify-between text-sm\">\n        {prev ? (\n          <Link href={articleUrl(generateUrl, prev)} className=\"hover:underline\">\n            ← {t(\"help.article.previous\")}: {prev.title}\n          </Link>\n        ) : (\n          <span />\n        )}\n        {next ? (\n          <Link href={articleUrl(generateUrl, next)} className=\"hover:underline\">\n            {t(\"help.article.next\")}: {next.title} →\n          </Link>\n        ) : (\n          <span />\n        )}\n      </div>\n    </article>\n  );\n}\n","\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport type { HelpHeading } from \"../types/help-article.types\";\n\nexport function HelpTOC({ headings }: { headings: readonly HelpHeading[] }) {\n  const t = useTranslations();\n  const [active, setActive] = useState<string | null>(null);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) {\n          if (e.isIntersecting) setActive(e.target.id);\n        }\n      },\n      { rootMargin: \"0px 0px -70% 0px\", threshold: 0 },\n    );\n    headings.forEach((h) => {\n      const el = document.getElementById(h.slug);\n      if (el) observer.observe(el);\n    });\n    return () => observer.disconnect();\n  }, [headings]);\n\n  if (headings.length === 0) return null;\n  return (\n    <nav aria-label={t(\"help.toc.title\")} className=\"hidden lg:block\">\n      <div className=\"text-muted-foreground mb-2 text-xs font-semibold tracking-wider uppercase\">\n        {t(\"help.toc.title\")}\n      </div>\n      <ul className=\"space-y-1 text-sm\">\n        {headings.map((h) => (\n          <li key={h.slug} style={{ paddingLeft: `${(h.depth - 2) * 0.75}rem` }}>\n            <a\n              href={`#${h.slug}`}\n              className={\n                \"block truncate hover:text-foreground \" +\n                (active === h.slug ? \"text-foreground font-medium\" : \"text-muted-foreground\")\n              }\n            >\n              {h.text}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n","\"use client\";\nimport { useMemo, useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport Link from \"next/link\";\nimport { HelpCircleIcon } from \"lucide-react\";\nimport {\n  Button,\n  Sheet,\n  SheetContent,\n  SheetTrigger,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n} from \"../../../shadcnui\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { useHelp } from \"../contexts/HelpContext\";\nimport { articleUrl } from \"../utils/articleUrl\";\nimport type { HelpArticle } from \"../types/help-article.types\";\n\nexport function HelpHint({ contextKey }: { contextKey: string }) {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const { manifest } = useHelp();\n  const [open, setOpen] = useState(false);\n  const [picked, setPicked] = useState<HelpArticle | null>(null);\n\n  const matches = useMemo(\n    () => manifest.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),\n    [manifest, contextKey],\n  );\n\n  if (matches.length === 0) return null;\n  const active = picked ?? (matches.length === 1 ? matches[0] : null);\n\n  return (\n    <Sheet\n      open={open}\n      onOpenChange={(o) => {\n        setOpen(o);\n        if (!o) setPicked(null);\n      }}\n    >\n      <SheetTrigger render={<Button variant=\"ghost\" size=\"icon-sm\" aria-label={t(\"help.hint.trigger\")} />}>\n        <HelpCircleIcon className=\"h-4 w-4\" />\n      </SheetTrigger>\n      <SheetContent side=\"right\" className=\"w-full max-w-md sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>{active ? active.title : t(\"help.hint.pickArticle\")}</SheetTitle>\n          <SheetDescription>{active?.summary ?? \"\"}</SheetDescription>\n        </SheetHeader>\n        {active ? (\n          <div className=\"mt-4 space-y-3\">\n            <p className=\"text-muted-foreground text-sm\">{active.summary}</p>\n            <Link href={articleUrl(generateUrl, active)} className=\"text-sm\">\n              {t(\"help.hint.viewArticle\")}\n            </Link>\n          </div>\n        ) : (\n          <ul className=\"mt-4 space-y-1\">\n            {matches.map((a) => (\n              <li key={a.id}>\n                <button\n                  type=\"button\"\n                  onClick={() => setPicked(a)}\n                  className=\"hover:bg-muted block w-full rounded px-2 py-1 text-left text-sm\"\n                >\n                  <div className=\"font-medium\">{a.title}</div>\n                  <div className=\"text-muted-foreground text-xs\">{a.summary}</div>\n                </button>\n              </li>\n            ))}\n          </ul>\n        )}\n      </SheetContent>\n    </Sheet>\n  );\n}\n","\"use client\";\nimport Link from \"next/link\";\nimport { useTranslations } from \"next-intl\";\nimport { LifeBuoyIcon, ArrowUpRightIcon } from \"lucide-react\";\nimport { CommandItem } from \"../../../shadcnui\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { useHelp } from \"../contexts/HelpContext\";\n\nexport interface HelpSearchResultRowProps {\n  result: { id: string; name: string; entityType: string };\n  onSelect?: () => void;\n}\n\nexport function HelpSearchResultRow({ result, onSelect }: HelpSearchResultRowProps) {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const { manifest } = useHelp();\n  const article = manifest.find((a) => a.id === result.id);\n\n  if (!article) {\n    return (\n      <CommandItem\n        value={result.id}\n        disabled\n        className=\"text-muted-foreground cursor-not-allowed px-3 py-1.5 text-sm italic\"\n      >\n        {t(\"help.search.removed\")}\n      </CommandItem>\n    );\n  }\n\n  return (\n    <CommandItem value={result.id} onSelect={onSelect} className=\"cursor-pointer p-0\">\n      <Link\n        href={generateUrl({ page: `/help/${article.mode}/${article.slug}` })}\n        className=\"hover:bg-muted flex w-full items-center gap-3 rounded px-3 py-2\"\n      >\n        <div className=\"bg-muted text-muted-foreground flex h-10 w-10 shrink-0 items-center justify-center rounded-full\">\n          <LifeBuoyIcon className=\"h-5 w-5\" />\n        </div>\n        <div className=\"flex min-w-0 flex-1 flex-col\">\n          <span className=\"text-foreground truncate text-sm font-semibold\">{article.title}</span>\n          <span className=\"text-muted-foreground truncate text-xs\">\n            {t(`help.modes.${article.mode}`)} · {article.summary}\n          </span>\n        </div>\n        <ArrowUpRightIcon className=\"text-muted-foreground h-5 w-5 shrink-0\" />\n      </Link>\n    </CommandItem>\n  );\n}\n","\"use client\";\nimport Link from \"next/link\";\nimport { useTranslations } from \"next-intl\";\nimport { useHelp } from \"../../contexts/HelpContext\";\nimport { usePageUrlGenerator } from \"../../../../client\";\nimport { articleUrl } from \"../../utils/articleUrl\";\n\nexport function Related({ slugs }: { slugs: string[] }) {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const { manifest } = useHelp();\n  const items = slugs\n    .map((s) => manifest.find((a) => `${a.mode}/${a.slug}` === s))\n    .filter((a): a is NonNullable<typeof a> => Boolean(a));\n  if (items.length === 0) return null;\n  return (\n    <aside className=\"my-6\">\n      <h3 className=\"text-muted-foreground mb-2 text-xs font-semibold tracking-wider uppercase\">\n        {t(\"help.article.related\")}\n      </h3>\n      <ul className=\"grid gap-2 sm:grid-cols-2\">\n        {items.map((a) => (\n          <li key={a.id}>\n            <Link href={articleUrl(generateUrl, a)} className=\"hover:bg-muted block rounded border p-3\">\n              <div className=\"font-medium\">{a.title}</div>\n              <div className=\"text-muted-foreground text-xs\">{a.summary}</div>\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </aside>\n  );\n}\n","import { Callout } from \"./Callout\";\nimport { Steps, Step } from \"./Steps\";\nimport { Screenshot } from \"./Screenshot\";\nimport { EntityRef } from \"./EntityRef\";\nimport { KeyBinding } from \"./KeyBinding\";\nimport { Video } from \"./Video\";\nimport { Related } from \"./Related\";\n\nexport const MDX_COMPONENTS = { Callout, Steps, Step, Screenshot, EntityRef, KeyBinding, Video, Related };\n","\"use client\";\nimport { useHelp } from \"../contexts/HelpContext\";\nexport function useHelpManifest() {\n  return useHelp().manifest;\n}\n","\"use client\";\nimport { useHelp } from \"../contexts/HelpContext\";\nimport { findHelpArticle } from \"../utils/helpNavigation\";\n\nexport function useHelpArticle(mode: string, slug: string) {\n  return findHelpArticle(useHelp().manifest, mode, slug);\n}\n","/**\n * The fixed namespace of i18n keys this feature reads via useTranslations/getTranslations.\n * Consuming apps must define each entry in their messages/<locale>.json.\n */\nexport const HELP_I18N_KEYS = [\n  \"help.modes.tutorial\",\n  \"help.modes.how-to\",\n  \"help.modes.reference\",\n  \"help.modes.explanation\",\n  \"help.sideNav.filterPlaceholder\",\n  \"help.sideNav.noMatches\",\n  \"help.toc.title\",\n  \"help.article.lastUpdated\",\n  \"help.article.previous\",\n  \"help.article.next\",\n  \"help.article.related\",\n  \"help.askAi.button\",\n  \"help.askAi.loginTooltip\",\n  \"help.askAi.sheet.title\",\n  \"help.askAi.sheet.subtitle\",\n  \"help.header.search\",\n  \"help.header.login\",\n  \"help.header.openApp\",\n  \"help.hint.trigger\",\n  \"help.hint.viewArticle\",\n  \"help.hint.pickArticle\",\n  \"help.landing.heading\",\n  \"help.landing.subheading\",\n  \"help.landing.featuredTutorials\",\n  \"help.landing.browseByMode\",\n  \"help.modeIndex.empty\",\n  \"help.search.removed\",\n  \"help.footerLink\",\n] as const;\n"]}