@carlonicora/nextjs-jsonapi 3.9.0 → 3.10.0

package/dist/features/help/index.css

@@ -1,29 +1,30 @@
 /* src/features/onboarding/styles/onboarding.css */
-.shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  opacity: 1 !important;
+.driver-popover.onboarding-popover {
+  background: transparent;
+  box-shadow: none;
+  padding: 0;
+  border-radius: 0;
+  max-width: none;
+  width: auto;
+  overflow: visible;
+  color: inherit;
 }
-.shepherd-modal-overlay-container path {
-  fill: rgba(0, 0, 0, 0.75) !important;
+.driver-popover.onboarding-popover .driver-popover-title,
+.driver-popover.onboarding-popover .driver-popover-description,
+.driver-popover.onboarding-popover .driver-popover-footer,
+.driver-popover.onboarding-popover .driver-popover-close-btn {
+  display: none;
 }
-.shepherd-element {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0 !important;
-  max-width: none !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-top {
+  border-top-color: var(--card);
 }
-.shepherd-content,
-.shepherd-text {
-  padding: 0 !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {
+  border-bottom-color: var(--card);
 }
-.shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-left {
+  border-left-color: var(--card);
 }
-.shepherd-header,
-.shepherd-footer {
-  display: none !important;
-}
-.dark .shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-right {
+  border-right-color: var(--card);
 }
 /*# sourceMappingURL=index.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/onboarding/styles/onboarding.css"],"sourcesContent":["/* Shepherd Modal Overlay */\n.shepherd-modal-overlay-container.shepherd-modal-is-visible {\n  opacity: 1 !important;\n}\n\n.shepherd-modal-overlay-container path {\n  fill: rgba(0, 0, 0, 0.75) !important;\n}\n\n/* Remove default shepherd styling - we use custom React card */\n.shepherd-element {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  max-width: none !important;\n}\n\n.shepherd-content,\n.shepherd-text {\n  padding: 0 !important;\n}\n\n/* Arrow styling to match card background */\n.shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n\n/* Hide default Shepherd header and footer - we render custom ones */\n.shepherd-header,\n.shepherd-footer {\n  display: none !important;\n}\n\n/* Dark mode support */\n.dark .shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n"],"mappings":";AACA,CAAC,gCAAgC,CAAC;AAChC,WAAS;AACX;AAEA,CAJC,iCAIiC;AAChC,QAAM,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;AAGA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,WAAS;AACT,aAAW;AACb;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,cAAc;AACb,cAAY,IAAI,IAAI;AACtB;AAGA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,KAAK,CAXL,cAWoB;AACnB,cAAY,IAAI,IAAI;AACtB;","names":[]}
+{"version":3,"sources":["../../../src/features/onboarding/styles/onboarding.css"],"sourcesContent":["/* driver.js chrome is hidden: the React card mounted by OnboardingContext is the whole popover. */\n.driver-popover.onboarding-popover {\n  background: transparent;\n  box-shadow: none;\n  padding: 0;\n  border-radius: 0;\n  max-width: none;\n  width: auto;\n  /* The card is the popover; driver.js's own clipping would cut it off. */\n  overflow: visible;\n  color: inherit;\n}\n\n.driver-popover.onboarding-popover .driver-popover-title,\n.driver-popover.onboarding-popover .driver-popover-description,\n.driver-popover.onboarding-popover .driver-popover-footer,\n.driver-popover.onboarding-popover .driver-popover-close-btn {\n  display: none;\n}\n\n/* Arrow colour follows the card surface so it reads as part of it. */\n.driver-popover.onboarding-popover .driver-popover-arrow-side-top {\n  border-top-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {\n  border-bottom-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-left {\n  border-left-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-right {\n  border-right-color: var(--card);\n}\n"],"mappings":";AACA,CAAC,cAAc,CAAC;AACd,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,iBAAe;AACf,aAAW;AACX,SAAO;AAEP,YAAU;AACV,SAAO;AACT;AAEA,CAZC,cAYc,CAZC,mBAYmB,CAAC;AACpC,CAbC,cAac,CAbC,mBAamB,CAAC;AACpC,CAdC,cAcc,CAdC,mBAcmB,CAAC;AACpC,CAfC,cAec,CAfC,mBAemB,CAAC;AAClC,WAAS;AACX;AAGA,CApBC,cAoBc,CApBC,mBAoBmB,CAAC;AAClC,oBAAkB,IAAI;AACxB;AACA,CAvBC,cAuBc,CAvBC,mBAuBmB,CAAC;AAClC,uBAAqB,IAAI;AAC3B;AACA,CA1BC,cA0Bc,CA1BC,mBA0BmB,CAAC;AAClC,qBAAmB,IAAI;AACzB;AACA,CA7BC,cA6Bc,CA7BC,mBA6BmB,CAAC;AAClC,sBAAoB,IAAI;AAC1B;","names":[]}

package/dist/features/help/index.d.mts

@@ -43,6 +43,11 @@ declare function HelpHint({ contextKey }: {
 
 declare function HelpAskAi(): React.JSX.Element;
 
+declare function HelpAssistantSheet({ open, onOpenChange }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+}): React.JSX.Element;
+
 interface HelpSearchResultRowProps {
     result: {
         id: string;
@@ -71,4 +76,4 @@ declare function modeUrl(generateUrl: ReturnType<typeof usePageUrlGenerator>, mo
  */
 declare const HELP_I18N_KEYS: readonly ["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"];
 
-export { HELP_I18N_KEYS, HelpArticle, HelpArticleBody, HelpAskAi, HelpContentConfig, HelpHeader, HelpHeading, HelpHint, HelpMode, HelpProvider, HelpSearchResultRow, HelpSideNav, HelpTOC, articleUrl, modeUrl, useHelp, useHelpFilter };
+export { HELP_I18N_KEYS, HelpArticle, HelpArticleBody, HelpAskAi, HelpAssistantSheet, HelpContentConfig, HelpHeader, HelpHeading, HelpHint, HelpMode, HelpProvider, HelpSearchResultRow, HelpSideNav, HelpTOC, articleUrl, modeUrl, useHelp, useHelpFilter };

package/dist/features/help/index.d.ts

@@ -43,6 +43,11 @@ declare function HelpHint({ contextKey }: {
 
 declare function HelpAskAi(): React.JSX.Element;
 
+declare function HelpAssistantSheet({ open, onOpenChange }: {
+    open: boolean;
+    onOpenChange: (o: boolean) => void;
+}): React.JSX.Element;
+
 interface HelpSearchResultRowProps {
     result: {
         id: string;
@@ -71,4 +76,4 @@ declare function modeUrl(generateUrl: ReturnType<typeof usePageUrlGenerator>, mo
  */
 declare const HELP_I18N_KEYS: readonly ["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"];
 
-export { HELP_I18N_KEYS, HelpArticle, HelpArticleBody, HelpAskAi, HelpContentConfig, HelpHeader, HelpHeading, HelpHint, HelpMode, HelpProvider, HelpSearchResultRow, HelpSideNav, HelpTOC, articleUrl, modeUrl, useHelp, useHelpFilter };
+export { HELP_I18N_KEYS, HelpArticle, HelpArticleBody, HelpAskAi, HelpAssistantSheet, HelpContentConfig, HelpHeader, HelpHeading, HelpHint, HelpMode, HelpProvider, HelpSearchResultRow, HelpSideNav, HelpTOC, articleUrl, modeUrl, useHelp, useHelpFilter };

package/dist/features/help/index.js

@@ -23,13 +23,13 @@ var _chunkYBZVWLPHjs = require('../../chunk-YBZVWLPH.js');
 
 
 
-var _chunkDOLEXUO3js = require('../../chunk-DOLEXUO3.js');
+var _chunk46CQ3RRQjs = require('../../chunk-46CQ3RRQ.js');
 
 
-var _chunkTULJCLZAjs = require('../../chunk-TULJCLZA.js');
+var _chunkV6CGCARDjs = require('../../chunk-V6CGCARD.js');
 
 
-var _chunkUYLS3LJWjs = require('../../chunk-UYLS3LJW.js');
+var _chunk6J2SQZ3Gjs = require('../../chunk-6J2SQZ3G.js');
 require('../../chunk-LXKSUWAV.js');
 require('../../chunk-IBS6NI7D.js');
 require('../../chunk-LU7DJ4QF.js');
@@ -43,7 +43,7 @@ var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 var HelpContext = _react.createContext.call(void 0, null);
 function HelpProvider({ children }) {
-  const cfg = _chunkTULJCLZAjs._getStaticHelpContent.call(void 0, );
+  const cfg = _chunkV6CGCARDjs._getStaticHelpContent.call(void 0, );
   if (!cfg) {
     throw new Error(
       "Help content not configured \u2014 call configureJsonApi({ helpContent: {...} }) before importing help components."
@@ -75,29 +75,29 @@ var _lucidereact = require('lucide-react');
 
 
 function HelpAssistantSheet({ open, onOpenChange }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.Sheet, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkDOLEXUO3js.SheetContent,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.Sheet, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk46CQ3RRQjs.SheetContent,
     {
       side: "end",
       className: "flex w-full flex-col data-[side=right]:sm:max-w-2xl data-[side=right]:lg:max-w-3xl data-[side=left]:sm:max-w-2xl data-[side=left]:lg:max-w-3xl",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.AssistantProvider, { manageUrl: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpAssistantSheetBody, {}) })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.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 = _chunkDOLEXUO3js.useAssistantContext.call(void 0, );
+  const ctx = _chunk46CQ3RRQjs.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, _chunkDOLEXUO3js.SheetHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.SheetTitle, { children: t("help.askAi.sheet.title") }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.SheetDescription, { children: t("help.askAi.sheet.subtitle") })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46CQ3RRQjs.SheetHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.SheetTitle, { children: t("help.askAi.sheet.title") }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.SheetDescription, { children: t("help.askAi.sheet.subtitle") })
     ] }),
-    !showThread ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.AssistantEmptyState, { onSend: send }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    !showThread ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.AssistantEmptyState, { onSend: send }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDOLEXUO3js.AssistantThread,
+        _chunk46CQ3RRQjs.AssistantThread,
         {
           messages: ctx.messages,
           sending: ctx.sending,
@@ -107,7 +107,7 @@ function HelpAssistantSheetBody() {
           onRetry: ctx.retrySend
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.AssistantComposer, { onSend: send, disabled: ctx.sending })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.AssistantComposer, { onSend: send, disabled: ctx.sending })
     ] })
   ] });
 }
@@ -117,20 +117,20 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpAssistantSheetBody, "HelpAssistantSheet
 
 function HelpAskAi() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { currentUser } = _chunkDOLEXUO3js.useCurrentUserContext.call(void 0, );
+  const { currentUser } = _chunk46CQ3RRQjs.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, _chunkDOLEXUO3js.Tooltip, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDOLEXUO3js.TooltipTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.Button, { variant: "outline", size: "sm", disabled: true }), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46CQ3RRQjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46CQ3RRQjs.TooltipTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.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, _chunkDOLEXUO3js.TooltipContent, { children: t("help.askAi.loginTooltip") })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.TooltipContent, { children: t("help.askAi.loginTooltip") })
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDOLEXUO3js.Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46CQ3RRQjs.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")
     ] }),
@@ -143,7 +143,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpAskAi, "HelpAskAi");
 
 function HelpHeader() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const { currentUser } = _chunkDOLEXUO3js.useCurrentUserContext.call(void 0, );
+  const { currentUser } = _chunk46CQ3RRQjs.useCurrentUserContext.call(void 0, );
   const { brand } = useHelp();
   const logo = _optionalChain([brand, 'optionalAccess', _ => _.logo]);
   const label = _nullishCoalesce(_optionalChain([brand, 'optionalAccess', _2 => _2.label]), () => ( "Help"));
@@ -159,7 +159,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, _link2.default, { href: appHref, className: _chunkDOLEXUO3js.buttonVariants.call(void 0, { variant: "outline", size: "sm" }), children: t("help.header.openApp") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: "/login", className: _chunkDOLEXUO3js.buttonVariants.call(void 0, { variant: "outline", size: "sm" }), children: t("help.header.login") })
+      currentUser ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: appHref, className: _chunk46CQ3RRQjs.buttonVariants.call(void 0, { variant: "outline", size: "sm" }), children: t("help.header.openApp") }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: "/login", className: _chunk46CQ3RRQjs.buttonVariants.call(void 0, { variant: "outline", size: "sm" }), children: t("help.header.login") })
     ] })
   ] });
 }
@@ -201,12 +201,12 @@ _chunk7QVYU63Ejs.__name.call(void 0, useHelpFilter, "useHelpFilter");
 
 function HelpSideNav() {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkDOLEXUO3js.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunk46CQ3RRQjs.usePageUrlGenerator.call(void 0, );
   const pathname = _navigation.usePathname.call(void 0, );
   const [articles, setArticles] = _react.useState.call(void 0, []);
   _react.useEffect.call(void 0, () => {
     let active = true;
-    _chunkUYLS3LJWjs.HowToService.findPublished().then((list) => active && setArticles(list)).catch(() => active && setArticles([]));
+    _chunk6J2SQZ3Gjs.HowToService.findPublished().then((list) => active && setArticles(list)).catch(() => active && setArticles([]));
     return () => {
       active = false;
     };
@@ -282,7 +282,7 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpSideNav, "HelpSideNav");
 function HelpArticleBody(props) {
   const t = _nextintl.useTranslations.call(void 0, );
   const format = _nextintl.useFormatter.call(void 0, );
-  const generateUrl = _chunkDOLEXUO3js.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunk46CQ3RRQjs.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: [
@@ -339,7 +339,7 @@ function HelpTOC({ headings }) {
   }, [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, _chunkDOLEXUO3js.MicroLabel, { className: "mb-2", children: t("help.toc.title") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.MicroLabel, { className: "mb-2", 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: { paddingInlineStart: `${(h.depth - 2) * 0.75}rem` }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "a",
       {
@@ -360,13 +360,13 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpTOC, "HelpTOC");
 
 function HelpHint({ contextKey }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkDOLEXUO3js.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunk46CQ3RRQjs.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;
-    _chunkUYLS3LJWjs.HowToService.findPublished().then((list) => active2 && setArticles(list)).catch(() => active2 && setArticles([]));
+    _chunk6J2SQZ3Gjs.HowToService.findPublished().then((list) => active2 && setArticles(list)).catch(() => active2 && setArticles([]));
     return () => {
       active2 = false;
     };
@@ -378,7 +378,7 @@ function HelpHint({ contextKey }) {
   if (matches.length === 0) return null;
   const active = _nullishCoalesce(picked, () => ( (matches.length === 1 ? matches[0] : null)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkDOLEXUO3js.Sheet,
+    _chunk46CQ3RRQjs.Sheet,
     {
       open,
       onOpenChange: (o) => {
@@ -386,11 +386,11 @@ function HelpHint({ contextKey }) {
         if (!o) setPicked(null);
       },
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.SheetTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.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, _chunkDOLEXUO3js.SheetContent, { side: "end", className: "w-full max-w-md sm:max-w-lg", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDOLEXUO3js.SheetHeader, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.SheetTitle, { children: active ? active.name : t("help.hint.pickArticle") }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.SheetDescription, { children: _nullishCoalesce(_optionalChain([active, 'optionalAccess', _4 => _4.summary]), () => ( "")) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.SheetTrigger, { render: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.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, _chunk46CQ3RRQjs.SheetContent, { side: "end", className: "w-full max-w-md sm:max-w-lg", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk46CQ3RRQjs.SheetHeader, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.SheetTitle, { children: active ? active.name : t("help.hint.pickArticle") }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.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 }),
@@ -422,18 +422,18 @@ _chunk7QVYU63Ejs.__name.call(void 0, HelpHint, "HelpHint");
 
 function HelpSearchResultRow({ result, onSelect }) {
   const t = _nextintl.useTranslations.call(void 0, );
-  const generateUrl = _chunkDOLEXUO3js.usePageUrlGenerator.call(void 0, );
+  const generateUrl = _chunk46CQ3RRQjs.usePageUrlGenerator.call(void 0, );
   const [article, setArticle] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     let active = true;
-    _chunkUYLS3LJWjs.HowToService.findOne({ id: result.id }).then((a) => active && setArticle(a)).catch(() => active && setArticle(null));
+    _chunk6J2SQZ3Gjs.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, 
-      _chunkDOLEXUO3js.CommandItem,
+      _chunk46CQ3RRQjs.CommandItem,
       {
         value: result.id,
         disabled: true,
@@ -442,7 +442,7 @@ function HelpSearchResultRow({ result, onSelect }) {
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDOLEXUO3js.CommandItem, { value: result.id, onSelect, className: "cursor-pointer p-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk46CQ3RRQjs.CommandItem, { value: result.id, onSelect, className: "cursor-pointer p-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _link2.default,
     {
       href: generateUrl({ page: `/help/${article.howToType}/${article.slug}` }),
@@ -520,5 +520,6 @@ var HELP_I18N_KEYS = [
 
 
 
-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;
+
+exports.HELP_I18N_KEYS = HELP_I18N_KEYS; exports.HELP_MODES = _chunkYBZVWLPHjs.HELP_MODES; exports.HelpArticleBody = HelpArticleBody; exports.HelpAskAi = HelpAskAi; exports.HelpAssistantSheet = HelpAssistantSheet; 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

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

@@ -1 +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/components/HelpArticleBody.tsx","../../../src/features/help/components/HelpTOC.tsx","../../../src/features/help/components/HelpHint.tsx","../../../src/features/help/components/HelpSearchResultRow.tsx","../../../src/features/help/utils/articleUrl.ts","../../../src/features/help/i18n-keys.ts"],"names":["jsx","useTranslations","jsxs","Fragment","useState","useMemo","Link","active"],"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 { buttonVariants } 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        {/* Styled Links, not <Button render={<Link/>} nativeButton={false}>. Base UI's\n            Button primitive warns when rendered as a non-button, and nativeButton={false}\n            silences that by stamping role=\"button\" onto the anchor — so a control that\n            navigates would announce as a button. Both of these navigate, so they stay\n            real links and only borrow the button styling. */}\n        {currentUser ? (\n          <Link href={appHref} className={buttonVariants({ variant: \"outline\", size: \"sm\" })}>\n            {t(\"help.header.openApp\")}\n          </Link>\n        ) : (\n          <Link href=\"/login\" className={buttonVariants({ variant: \"outline\", size: \"sm\" })}>\n            {t(\"help.header.login\")}\n          </Link>\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=\"end\"\n        /* rtl-ok: keyed to the resolved physical side (\"right\" in LTR, \"left\" in RTL) */\n        className=\"flex w-full flex-col data-[side=right]:sm:max-w-2xl data-[side=right]:lg:max-w-3xl data-[side=left]:sm:max-w-2xl data-[side=left]: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\";\n\nimport { useEffect, useMemo, useState } from \"react\";\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 { useHelpFilter } from \"../hooks/useHelpFilter\";\nimport { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\n\nexport function HelpSideNav() {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const pathname = usePathname();\n  const [articles, setArticles] = useState<HowToInterface[]>([]);\n\n  useEffect(() => {\n    let active = true;\n    HowToService.findPublished()\n      .then((list) => active && setArticles(list))\n      .catch(() => active && setArticles([]));\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  // useHelpFilter indexes by title/summary/tags — map HowTo getters into the shape it expects.\n  const indexable = useMemo(\n    () =>\n      articles.map((a) => ({\n        id: a.id,\n        title: a.name,\n        summary: a.summary ?? \"\",\n        tags: a.tags,\n        mode: a.howToType ?? \"\",\n        slug: a.slug ?? \"\",\n      })),\n    [articles],\n  );\n  const { query, setQuery, filtered } = useHelpFilter(indexable as any);\n  const filtering = query.trim().length > 0;\n\n  const groups = useMemo(\n    () =>\n      HELP_MODES.map((mode) => ({\n        mode,\n        articles: articles\n          .filter((a) => a.howToType === mode && !a.draft)\n          .sort((x, y) => (x.order ?? 0) - (y.order ?? 0)),\n      })),\n    [articles],\n  );\n\n  const isActive = (mode: string, slug: string) => pathname.endsWith(`/help/${mode}/${slug}`);\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 as any[]).length === 0 ? (\n          <p className=\"text-muted-foreground text-sm\">{t(\"help.sideNav.noMatches\")}</p>\n        ) : (\n          <ul className=\"space-y-1\">\n            {(filtered as any[]).map((a) => (\n              <li key={a.id}>\n                <Link\n                  href={generateUrl({ page: `/help/${a.mode}/${a.slug}` })}\n                  className={\n                    \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                    (isActive(a.mode, a.slug) ? \"bg-muted font-medium\" : \"\")\n                  }\n                >\n                  {a.title}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        )\n      ) : (\n        groups.map((group) => {\n          if (group.articles.length === 0) return null;\n          return (\n            <div key={group.mode}>\n              <Link\n                href={generateUrl({ page: `/help/${group.mode}` })}\n                className=\"text-muted-foreground hover:text-foreground mb-1 block text-xs font-semibold tracking-wider uppercase\"\n              >\n                {t(`help.modes.${group.mode}`)}\n              </Link>\n              <ul className=\"space-y-0.5\">\n                {group.articles.map((a) => (\n                  <li key={a.id}>\n                    <Link\n                      href={generateUrl({ page: `/help/${a.howToType}/${a.slug}` })}\n                      className={\n                        \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                        (isActive(a.howToType ?? \"\", a.slug ?? \"\") ? \"bg-muted font-medium\" : \"\")\n                      }\n                    >\n                      {a.name}\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","\"use client\";\n\nimport { ReactNode } from \"react\";\nimport Link from \"next/link\";\nimport { useFormatter, useTranslations } from \"next-intl\";\nimport { usePageUrlGenerator } from \"../../../client\";\n\ntype Sibling = { howToType: string; slug: string; title: string };\n\nexport function HelpArticleBody(props: {\n  howToType: string;\n  title: string;\n  summary?: string;\n  updatedAt?: string;\n  prev?: Sibling | null;\n  next?: Sibling | null;\n  children: ReactNode;\n}) {\n  const t = useTranslations();\n  const format = useFormatter();\n  const generateUrl = usePageUrlGenerator();\n  const { howToType, title, summary, updatedAt, prev, next, children } = props;\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/${howToType}` })}>{t(`help.modes.${howToType}`)}</Link>\n      </nav>\n      <h1>{title}</h1>\n      {summary ? <p className=\"text-muted-foreground !mt-0 text-base\">{summary}</p> : null}\n      {children}\n      <hr className=\"my-6\" />\n      {updatedAt ? (\n        <div className=\"text-muted-foreground text-xs\">\n          <span>\n            {t(\"help.article.lastUpdated\", {\n              date: format.dateTime(new Date(updatedAt), { dateStyle: \"short\" }),\n            })}\n          </span>\n        </div>\n      ) : null}\n      <div className=\"mt-4 flex justify-between text-sm\">\n        {prev ? (\n          <Link href={generateUrl({ page: `/help/${prev.howToType}/${prev.slug}` })}>\n            ← {t(\"help.article.previous\")}: {prev.title}\n          </Link>\n        ) : (\n          <span />\n        )}\n        {next ? (\n          <Link href={generateUrl({ page: `/help/${next.howToType}/${next.slug}` })}>\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\";\nimport { MicroLabel } from \"../../../components/typography\";\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      <MicroLabel className=\"mb-2\">{t(\"help.toc.title\")}</MicroLabel>\n      <ul className=\"space-y-1 text-sm\">\n        {headings.map((h) => (\n          <li key={h.slug} style={{ paddingInlineStart: `${(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 { useEffect, 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 { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\n\nexport function HelpHint({ contextKey }: { contextKey: string }) {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const [open, setOpen] = useState(false);\n  const [picked, setPicked] = useState<HowToInterface | null>(null);\n\n  const [articles, setArticles] = useState<HowToInterface[]>([]);\n  useEffect(() => {\n    let active = true;\n    HowToService.findPublished()\n      .then((list) => active && setArticles(list))\n      .catch(() => active && setArticles([]));\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const matches = useMemo(\n    () => articles.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),\n    [articles, 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=\"end\" className=\"w-full max-w-md sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>{active ? active.name : 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={generateUrl({ page: `/help/${active.howToType}/${active.slug}` })} 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-start text-sm\"\n                >\n                  <div className=\"font-medium\">{a.name}</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 { useEffect, useState } from \"react\";\nimport { LifeBuoyIcon, ArrowUpRightIcon } from \"lucide-react\";\nimport { CommandItem } from \"../../../shadcnui\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\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 [article, setArticle] = useState<HowToInterface | null>(null);\n  useEffect(() => {\n    let active = true;\n    HowToService.findOne({ id: result.id })\n      .then((a) => active && setArticle(a))\n      .catch(() => active && setArticle(null));\n    return () => {\n      active = false;\n    };\n  }, [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.howToType}/${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.name}</span>\n          <span className=\"text-muted-foreground truncate text-xs\">\n            {t(`help.modes.${article.howToType}`)} · {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","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","/**\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"]}
+{"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/components/HelpArticleBody.tsx","../../../src/features/help/components/HelpTOC.tsx","../../../src/features/help/components/HelpHint.tsx","../../../src/features/help/components/HelpSearchResultRow.tsx","../../../src/features/help/utils/articleUrl.ts","../../../src/features/help/i18n-keys.ts"],"names":["jsx","useTranslations","jsxs","Fragment","useState","useMemo","Link","active"],"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 { buttonVariants } 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        {/* Styled Links, not <Button render={<Link/>} nativeButton={false}>. Base UI's\n            Button primitive warns when rendered as a non-button, and nativeButton={false}\n            silences that by stamping role=\"button\" onto the anchor — so a control that\n            navigates would announce as a button. Both of these navigate, so they stay\n            real links and only borrow the button styling. */}\n        {currentUser ? (\n          <Link href={appHref} className={buttonVariants({ variant: \"outline\", size: \"sm\" })}>\n            {t(\"help.header.openApp\")}\n          </Link>\n        ) : (\n          <Link href=\"/login\" className={buttonVariants({ variant: \"outline\", size: \"sm\" })}>\n            {t(\"help.header.login\")}\n          </Link>\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=\"end\"\n        /* rtl-ok: keyed to the resolved physical side (\"right\" in LTR, \"left\" in RTL) */\n        className=\"flex w-full flex-col data-[side=right]:sm:max-w-2xl data-[side=right]:lg:max-w-3xl data-[side=left]:sm:max-w-2xl data-[side=left]: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\";\n\nimport { useEffect, useMemo, useState } from \"react\";\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 { useHelpFilter } from \"../hooks/useHelpFilter\";\nimport { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\n\nexport function HelpSideNav() {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const pathname = usePathname();\n  const [articles, setArticles] = useState<HowToInterface[]>([]);\n\n  useEffect(() => {\n    let active = true;\n    HowToService.findPublished()\n      .then((list) => active && setArticles(list))\n      .catch(() => active && setArticles([]));\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  // useHelpFilter indexes by title/summary/tags — map HowTo getters into the shape it expects.\n  const indexable = useMemo(\n    () =>\n      articles.map((a) => ({\n        id: a.id,\n        title: a.name,\n        summary: a.summary ?? \"\",\n        tags: a.tags,\n        mode: a.howToType ?? \"\",\n        slug: a.slug ?? \"\",\n      })),\n    [articles],\n  );\n  const { query, setQuery, filtered } = useHelpFilter(indexable as any);\n  const filtering = query.trim().length > 0;\n\n  const groups = useMemo(\n    () =>\n      HELP_MODES.map((mode) => ({\n        mode,\n        articles: articles\n          .filter((a) => a.howToType === mode && !a.draft)\n          .sort((x, y) => (x.order ?? 0) - (y.order ?? 0)),\n      })),\n    [articles],\n  );\n\n  const isActive = (mode: string, slug: string) => pathname.endsWith(`/help/${mode}/${slug}`);\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 as any[]).length === 0 ? (\n          <p className=\"text-muted-foreground text-sm\">{t(\"help.sideNav.noMatches\")}</p>\n        ) : (\n          <ul className=\"space-y-1\">\n            {(filtered as any[]).map((a) => (\n              <li key={a.id}>\n                <Link\n                  href={generateUrl({ page: `/help/${a.mode}/${a.slug}` })}\n                  className={\n                    \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                    (isActive(a.mode, a.slug) ? \"bg-muted font-medium\" : \"\")\n                  }\n                >\n                  {a.title}\n                </Link>\n              </li>\n            ))}\n          </ul>\n        )\n      ) : (\n        groups.map((group) => {\n          if (group.articles.length === 0) return null;\n          return (\n            <div key={group.mode}>\n              <Link\n                href={generateUrl({ page: `/help/${group.mode}` })}\n                className=\"text-muted-foreground hover:text-foreground mb-1 block text-xs font-semibold tracking-wider uppercase\"\n              >\n                {t(`help.modes.${group.mode}`)}\n              </Link>\n              <ul className=\"space-y-0.5\">\n                {group.articles.map((a) => (\n                  <li key={a.id}>\n                    <Link\n                      href={generateUrl({ page: `/help/${a.howToType}/${a.slug}` })}\n                      className={\n                        \"hover:bg-muted block rounded px-2 py-1 text-sm \" +\n                        (isActive(a.howToType ?? \"\", a.slug ?? \"\") ? \"bg-muted font-medium\" : \"\")\n                      }\n                    >\n                      {a.name}\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","\"use client\";\n\nimport { ReactNode } from \"react\";\nimport Link from \"next/link\";\nimport { useFormatter, useTranslations } from \"next-intl\";\nimport { usePageUrlGenerator } from \"../../../client\";\n\ntype Sibling = { howToType: string; slug: string; title: string };\n\nexport function HelpArticleBody(props: {\n  howToType: string;\n  title: string;\n  summary?: string;\n  updatedAt?: string;\n  prev?: Sibling | null;\n  next?: Sibling | null;\n  children: ReactNode;\n}) {\n  const t = useTranslations();\n  const format = useFormatter();\n  const generateUrl = usePageUrlGenerator();\n  const { howToType, title, summary, updatedAt, prev, next, children } = props;\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/${howToType}` })}>{t(`help.modes.${howToType}`)}</Link>\n      </nav>\n      <h1>{title}</h1>\n      {summary ? <p className=\"text-muted-foreground !mt-0 text-base\">{summary}</p> : null}\n      {children}\n      <hr className=\"my-6\" />\n      {updatedAt ? (\n        <div className=\"text-muted-foreground text-xs\">\n          <span>\n            {t(\"help.article.lastUpdated\", {\n              date: format.dateTime(new Date(updatedAt), { dateStyle: \"short\" }),\n            })}\n          </span>\n        </div>\n      ) : null}\n      <div className=\"mt-4 flex justify-between text-sm\">\n        {prev ? (\n          <Link href={generateUrl({ page: `/help/${prev.howToType}/${prev.slug}` })}>\n            ← {t(\"help.article.previous\")}: {prev.title}\n          </Link>\n        ) : (\n          <span />\n        )}\n        {next ? (\n          <Link href={generateUrl({ page: `/help/${next.howToType}/${next.slug}` })}>\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\";\nimport { MicroLabel } from \"../../../components/typography\";\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      <MicroLabel className=\"mb-2\">{t(\"help.toc.title\")}</MicroLabel>\n      <ul className=\"space-y-1 text-sm\">\n        {headings.map((h) => (\n          <li key={h.slug} style={{ paddingInlineStart: `${(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 { useEffect, 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 { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\n\nexport function HelpHint({ contextKey }: { contextKey: string }) {\n  const t = useTranslations();\n  const generateUrl = usePageUrlGenerator();\n  const [open, setOpen] = useState(false);\n  const [picked, setPicked] = useState<HowToInterface | null>(null);\n\n  const [articles, setArticles] = useState<HowToInterface[]>([]);\n  useEffect(() => {\n    let active = true;\n    HowToService.findPublished()\n      .then((list) => active && setArticles(list))\n      .catch(() => active && setArticles([]));\n    return () => {\n      active = false;\n    };\n  }, []);\n\n  const matches = useMemo(\n    () => articles.filter((a) => a.contextualKeys.includes(contextKey) && !a.draft),\n    [articles, 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=\"end\" className=\"w-full max-w-md sm:max-w-lg\">\n        <SheetHeader>\n          <SheetTitle>{active ? active.name : 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={generateUrl({ page: `/help/${active.howToType}/${active.slug}` })} 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-start text-sm\"\n                >\n                  <div className=\"font-medium\">{a.name}</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 { useEffect, useState } from \"react\";\nimport { LifeBuoyIcon, ArrowUpRightIcon } from \"lucide-react\";\nimport { CommandItem } from \"../../../shadcnui\";\nimport { usePageUrlGenerator } from \"../../../client\";\nimport { HowToService } from \"../../how-to/data/HowToService\";\nimport type { HowToInterface } from \"../../how-to/data/HowToInterface\";\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 [article, setArticle] = useState<HowToInterface | null>(null);\n  useEffect(() => {\n    let active = true;\n    HowToService.findOne({ id: result.id })\n      .then((a) => active && setArticle(a))\n      .catch(() => active && setArticle(null));\n    return () => {\n      active = false;\n    };\n  }, [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.howToType}/${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.name}</span>\n          <span className=\"text-muted-foreground truncate text-xs\">\n            {t(`help.modes.${article.howToType}`)} · {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","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","/**\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"]}

package/dist/features/help/index.mjs

@@ -23,13 +23,13 @@ import {
   useAssistantContext,
   useCurrentUserContext,
   usePageUrlGenerator
-} from "../../chunk-7PNGCZES.mjs";
+} from "../../chunk-XZJJ4SZW.mjs";
 import {
   _getStaticHelpContent
-} from "../../chunk-2D4MFVDV.mjs";
+} from "../../chunk-IMSIVIIC.mjs";
 import {
   HowToService
-} from "../../chunk-HDZ2BL6D.mjs";
+} from "../../chunk-M5QAHSCY.mjs";
 import "../../chunk-AUXK7QSA.mjs";
 import "../../chunk-C7C7VY4F.mjs";
 import "../../chunk-BMVA2IM5.mjs";
@@ -510,6 +510,7 @@ export {
   HELP_MODES,
   HelpArticleBody,
   HelpAskAi,
+  HelpAssistantSheet,
   HelpHeader,
   HelpHint,
   HelpProvider,

package/dist/features/tokenusage/index.css

@@ -1,29 +1,30 @@
 /* src/features/onboarding/styles/onboarding.css */
-.shepherd-modal-overlay-container.shepherd-modal-is-visible {
-  opacity: 1 !important;
+.driver-popover.onboarding-popover {
+  background: transparent;
+  box-shadow: none;
+  padding: 0;
+  border-radius: 0;
+  max-width: none;
+  width: auto;
+  overflow: visible;
+  color: inherit;
 }
-.shepherd-modal-overlay-container path {
-  fill: rgba(0, 0, 0, 0.75) !important;
+.driver-popover.onboarding-popover .driver-popover-title,
+.driver-popover.onboarding-popover .driver-popover-description,
+.driver-popover.onboarding-popover .driver-popover-footer,
+.driver-popover.onboarding-popover .driver-popover-close-btn {
+  display: none;
 }
-.shepherd-element {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0 !important;
-  max-width: none !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-top {
+  border-top-color: var(--card);
 }
-.shepherd-content,
-.shepherd-text {
-  padding: 0 !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {
+  border-bottom-color: var(--card);
 }
-.shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-left {
+  border-left-color: var(--card);
 }
-.shepherd-header,
-.shepherd-footer {
-  display: none !important;
-}
-.dark .shepherd-arrow::before {
-  background: hsl(var(--card)) !important;
+.driver-popover.onboarding-popover .driver-popover-arrow-side-right {
+  border-right-color: var(--card);
 }
 /*# sourceMappingURL=index.css.map */

package/dist/features/tokenusage/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/onboarding/styles/onboarding.css"],"sourcesContent":["/* Shepherd Modal Overlay */\n.shepherd-modal-overlay-container.shepherd-modal-is-visible {\n  opacity: 1 !important;\n}\n\n.shepherd-modal-overlay-container path {\n  fill: rgba(0, 0, 0, 0.75) !important;\n}\n\n/* Remove default shepherd styling - we use custom React card */\n.shepherd-element {\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  max-width: none !important;\n}\n\n.shepherd-content,\n.shepherd-text {\n  padding: 0 !important;\n}\n\n/* Arrow styling to match card background */\n.shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n\n/* Hide default Shepherd header and footer - we render custom ones */\n.shepherd-header,\n.shepherd-footer {\n  display: none !important;\n}\n\n/* Dark mode support */\n.dark .shepherd-arrow::before {\n  background: hsl(var(--card)) !important;\n}\n"],"mappings":";AACA,CAAC,gCAAgC,CAAC;AAChC,WAAS;AACX;AAEA,CAJC,iCAIiC;AAChC,QAAM,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACtB;AAGA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,WAAS;AACT,aAAW;AACb;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,cAAc;AACb,cAAY,IAAI,IAAI;AACtB;AAGA,CAAC;AACD,CAAC;AACC,WAAS;AACX;AAGA,CAAC,KAAK,CAXL,cAWoB;AACnB,cAAY,IAAI,IAAI;AACtB;","names":[]}
+{"version":3,"sources":["../../../src/features/onboarding/styles/onboarding.css"],"sourcesContent":["/* driver.js chrome is hidden: the React card mounted by OnboardingContext is the whole popover. */\n.driver-popover.onboarding-popover {\n  background: transparent;\n  box-shadow: none;\n  padding: 0;\n  border-radius: 0;\n  max-width: none;\n  width: auto;\n  /* The card is the popover; driver.js's own clipping would cut it off. */\n  overflow: visible;\n  color: inherit;\n}\n\n.driver-popover.onboarding-popover .driver-popover-title,\n.driver-popover.onboarding-popover .driver-popover-description,\n.driver-popover.onboarding-popover .driver-popover-footer,\n.driver-popover.onboarding-popover .driver-popover-close-btn {\n  display: none;\n}\n\n/* Arrow colour follows the card surface so it reads as part of it. */\n.driver-popover.onboarding-popover .driver-popover-arrow-side-top {\n  border-top-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-bottom {\n  border-bottom-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-left {\n  border-left-color: var(--card);\n}\n.driver-popover.onboarding-popover .driver-popover-arrow-side-right {\n  border-right-color: var(--card);\n}\n"],"mappings":";AACA,CAAC,cAAc,CAAC;AACd,cAAY;AACZ,cAAY;AACZ,WAAS;AACT,iBAAe;AACf,aAAW;AACX,SAAO;AAEP,YAAU;AACV,SAAO;AACT;AAEA,CAZC,cAYc,CAZC,mBAYmB,CAAC;AACpC,CAbC,cAac,CAbC,mBAamB,CAAC;AACpC,CAdC,cAcc,CAdC,mBAcmB,CAAC;AACpC,CAfC,cAec,CAfC,mBAemB,CAAC;AAClC,WAAS;AACX;AAGA,CApBC,cAoBc,CApBC,mBAoBmB,CAAC;AAClC,oBAAkB,IAAI;AACxB;AACA,CAvBC,cAuBc,CAvBC,mBAuBmB,CAAC;AAClC,uBAAqB,IAAI;AAC3B;AACA,CA1BC,cA0Bc,CA1BC,mBA0BmB,CAAC;AAClC,qBAAmB,IAAI;AACzB;AACA,CA7BC,cA6Bc,CA7BC,mBA6BmB,CAAC;AAClC,sBAAoB,IAAI;AAC1B;","names":[]}