@curvenote/theme-ui 1.0.1 → 2.0.0

package/dist/components/ui/abbreviations.js

@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useFrontmatter, useReferences } from '@myst-theme/providers';
 import { toText } from 'myst-common';
-import { HashLink } from 'myst-to-react';
 import { cn } from '../../lib/utils';
 import { selectAll } from 'unist-util-select';
 import { PART_IDS } from './types';
+import { useCollapsibleBackmatter, CollapsibleBackmatterHeader, CollapsibleBackmatterFooterButton, } from './collapsible-backmatter-section';
+import { dedupeAbbreviationEntries } from '../../lib/dedupeAbbreviations';
+const DEFAULT_MANY_ABBREVIATIONS = 5;
 function useAbbreviations() {
     const frontmatter = useFrontmatter();
     const references = useReferences();
@@ -15,17 +17,22 @@ function useAbbreviations() {
         .filter(Boolean);
     const fullTree = { type: 'page', children: [page, ...parts].filter(Boolean) };
     const inTextAbbreviations = selectAll('abbreviation', fullTree);
-    const abbr = Object.fromEntries(inTextAbbreviations.map((node) => [toText(node), node.title]));
-    if (Object.keys(abbr).length === 0)
+    const entries = inTextAbbreviations.map((node) => [toText(node), node.title]);
+    const deduped = dedupeAbbreviationEntries(entries, frontmatter?.abbreviations);
+    if (deduped.length === 0)
         return undefined;
-    return abbr;
+    return Object.fromEntries(deduped);
 }
-export function Abbreviations({ sorted = true, className, }) {
+export function Abbreviations({ sorted = true, className, hideManyAbbreviations = DEFAULT_MANY_ABBREVIATIONS, }) {
+    if (hideManyAbbreviations === true)
+        hideManyAbbreviations = DEFAULT_MANY_ABBREVIATIONS;
     const abbreviations = useAbbreviations();
     if (!abbreviations)
         return null;
     const sortedAbbreviations = sorted
         ? Object.entries(abbreviations).sort(([a], [b]) => a.localeCompare(b))
         : Object.entries(abbreviations);
-    return (_jsxs("section", { id: PART_IDS.abbreviations, className: cn('min-w-full prose dark:prose-invert prose-sm', className), children: [_jsxs("header", { className: "text-lg font-semibold text-stone-900 dark:text-white group", children: ["Abbreviations", _jsx(HashLink, { id: PART_IDS.abbreviations, title: "Link to Abbreviations", hover: true, className: "ml-2" })] }), _jsx("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: _jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-6 gap-y-2", children: sortedAbbreviations.map(([abbreviation, description]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "py-1 pt-0 m-0 mt-0 font-medium text-stone-900 dark:text-white", children: abbreviation }), _jsx("dd", { className: "flex items-center py-1 pt-0 m-0 mt-0 text-center text-stone-600 dark:text-stone-400", children: description })] }, abbreviation))) }) })] }));
+    const { hidden, toggle, displayedCount, isCollapsible } = useCollapsibleBackmatter(sortedAbbreviations.length, hideManyAbbreviations, DEFAULT_MANY_ABBREVIATIONS);
+    const displayed = sortedAbbreviations.slice(0, displayedCount);
+    return (_jsxs("section", { id: PART_IDS.abbreviations, className: cn('min-w-full prose dark:prose-invert prose-sm', className), children: [_jsx(CollapsibleBackmatterHeader, { id: PART_IDS.abbreviations, title: "Abbreviations", linkTitle: "Link to Abbreviations", hidden: hidden, onToggle: toggle, isCollapsible: isCollapsible }), _jsxs("div", { className: cn('pl-3 mb-8 text-xs text-stone-500 dark:text-stone-300'), children: [_jsx("dl", { className: "grid grid-cols-[auto_1fr] gap-x-6 gap-y-2", children: displayed.map(([abbreviation, description]) => (_jsxs(React.Fragment, { children: [_jsx("dt", { className: "py-1 pt-0 m-0 mt-0 font-medium text-stone-900 dark:text-white", children: abbreviation }), _jsx("dd", { className: "flex items-center py-1 pt-0 m-0 mt-0 text-center text-stone-600 dark:text-stone-400", children: description })] }, abbreviation))) }), isCollapsible && (_jsx(CollapsibleBackmatterFooterButton, { hidden: hidden, onToggle: toggle, totalCount: sortedAbbreviations.length, itemLabel: "abbreviations", sectionId: PART_IDS.abbreviations, className: "flex justify-center pt-2", as: "div" }))] })] }));
 }

package/dist/components/ui/accessibility-skip-to.d.ts

@@ -1,8 +1,15 @@
 import React from 'react';
-export declare function createSkipToTargets(): {
-    id: string;
+import { PART_IDS } from './types';
+export declare function createSkipToTargets(): ({
+    id: "skip-to-content";
     title: string;
-}[];
+} | {
+    id: "skip-to-frontmatter";
+    title: string;
+} | {
+    id: "skip-to-backmatter";
+    title: string;
+})[];
 /**
  * Add a skip navigation unit with links based on a list of targets
  */
@@ -12,4 +19,7 @@ export declare const SkipTo: React.MemoExoticComponent<({ targets }: {
         title: string;
     }[];
 }) => import("react/jsx-runtime").JSX.Element>;
+export declare function SkipToAnchor({ id }: {
+    id: (typeof PART_IDS)[keyof typeof PART_IDS];
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=accessibility-skip-to.d.ts.map

package/dist/components/ui/accessibility-skip-to.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accessibility-skip-to.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-skip-to.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,wBAAgB,mBAAmB;;;IAMlC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,0CAA4B;IAAE,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,6CAkBzF,CAAC"}
+{"version":3,"file":"accessibility-skip-to.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accessibility-skip-to.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgBnC,wBAAgB,mBAAmB;;;;;;;;;KAMlC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,0CAA4B;IAAE,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE,6CAkBzF,CAAC;AAEH,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;CAAE,2CAEpF"}

package/dist/components/ui/accessibility-skip-to.js

@@ -27,5 +27,8 @@ export function createSkipToTargets() {
  * Add a skip navigation unit with links based on a list of targets
  */
 export const SkipTo = React.memo(({ targets }) => {
-    return (_jsx("div", { className: "fixed top-1 left-1 h-[0px] w-[0px] focus-within:z-100 focus-within:h-auto focus-within:w-auto bg-white overflow-hidden focus-within:p-2 focus-within:ring-1 focus-within:ring-blue-500 focus-within:shadow-lg", "aria-label": "skip to content options", children: targets.map(({ id, title }) => (_jsx("a", { href: `#${id}`, className: "block px-2 py-1 text-black underline hover:text-blue-600 focus:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500", onClick: makeSkipClickHandler(id), children: title }, id))) }));
+    return (_jsx("div", { className: "overflow-hidden fixed top-1 left-1 w-0 h-0 bg-white focus-within:z-100 focus-within:h-auto focus-within:w-auto focus-within:p-2 focus-within:ring-1 focus-within:ring-blue-500 focus-within:shadow-lg", "aria-label": "skip to content options", children: targets.map(({ id, title }) => (_jsx("a", { href: `#${id}`, className: "block px-2 py-1 text-black underline hover:text-blue-600 focus:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500", onClick: makeSkipClickHandler(id), children: title }, id))) }));
 });
+export function SkipToAnchor({ id }) {
+    return _jsx("div", { id: id, className: "absolute w-0 h-0" });
+}

package/dist/components/ui/arrow.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { LinkProps } from 'react-router';
+export declare function Arrow(): import("react/jsx-runtime").JSX.Element;
+export declare function LongArrowIcon({ className, ...props }: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowLink({ children, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=arrow.d.ts.map

package/dist/components/ui/arrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/components/ui/arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,KAAK,4CASpB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,2CAiBnF;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,kDAerE"}

package/dist/components/ui/arrow.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { Link } from 'react-router';
+export function Arrow() {
+    return (_jsxs("div", { className: "flex h-5 w-full -translate-y-[25%] items-center", children: [_jsx("div", { className: "h-5", children: _jsx("div", { className: "w-3 h-4 rounded-bl-xl border-b-2 border-l-2 border-current" }) }), _jsx("div", { className: "mt-2.5 h-0.5 w-full bg-current" })] }));
+}
+export function LongArrowIcon({ className, ...props }) {
+    return (_jsx("svg", { width: "42", height: "8", viewBox: "0 0 42 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, ...props, children: _jsx("path", { d: "M41.5 4.99365L36.5 2.1069V7.8804L41.5 4.99365ZM6 4.99365V5.49365H37V4.99365V4.49365H6V4.99365ZM1 -0.00634766H0.5C0.5 3.03122 2.96243 5.49365 6 5.49365V4.99365V4.49365C3.51472 4.49365 1.5 2.47893 1.5 -0.00634766H1Z", fill: "currentColor" }) }));
+}
+export function ArrowLink({ children, className, ...props }) {
+    if (typeof children !== 'string')
+        return null;
+    return (_jsxs(Link, { ...props, className: clsx('inline-flex items-center space-x-2 group font-nm type-nm-h6 text-brand hover:opacity-75', className), children: [_jsx("span", { children: children }), _jsx(LongArrowIcon, { className: "origin-top-left transition-transform duration-150 ease-out group-hover:scale-x-[1.05]" })] }));
+}

package/dist/components/ui/article-actions-downloads.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-actions-downloads.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-downloads.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI1D;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,gBAKzE;AAED;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,gBA0BtE;AAoCD,wBAAgB,YAAY;;;;;EAa3B;AAkDD,wBAAgB,oBAAoB,mDAwBnC;AAED,wBAAgB,kBAAkB,mDA0BjC"}
+{"version":3,"file":"article-actions-downloads.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-downloads.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK1D;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,gBAKzE;AAED;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,gBA0BtE;AAsCD,wBAAgB,YAAY;;;;;EAa3B;AA0HD,wBAAgB,oBAAoB,mDA8CnC;AAED,wBAAgB,kBAAkB,mDAgDjC"}

package/dist/components/ui/article-actions-downloads.js

@@ -2,9 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel } from '.';
 import { useFrontmatter, useProjectManifest, useSiteManifest } from '@myst-theme/providers';
 import { toast } from 'sonner';
-import { File, FileText, FileCode, FileArchive, ScrollText } from 'lucide-react';
+import { File, FileText, FileCode, FileArchive, ScrollText, FileVolume } from 'lucide-react';
 import React from 'react';
 import { BibTeXCitationMenuItem, useShowCitation } from './citation';
+import { useAnalytics, useDesign } from '../providers';
 /**
  * triggerDirectDownload - aims to trigger a direct download for the
  *
@@ -66,6 +67,8 @@ function getFormatDisplayName(format) {
             return 'BibTeX';
         case 'ipynb':
             return 'Jupyter Notebook';
+        case 'mp3':
+            return 'MP3';
         case 'tex':
             return 'LaTeX';
         case 'html':
@@ -91,9 +94,28 @@ export function useDownloads() {
         articleDownloads: article?.downloads ?? [],
     };
 }
-async function handleDownload(download) {
+function buildDownloadAnalyticsProps(download, ctx) {
+    const format = download.format || formatFromUrl(download.url) || 'unknown';
+    return {
+        category: ctx.category,
+        scope: ctx.scope,
+        surface: ctx.surface,
+        format,
+        downloadUrl: download.url,
+        downloadFilename: download.filename,
+        downloadTitle: download.title,
+    };
+}
+async function handleDownload(download, capture, ctx) {
+    const baseProps = buildDownloadAnalyticsProps(download, ctx);
+    capture('article_download', { action: 'clicked', ...baseProps });
     toast.success(_jsxs(_Fragment, { children: ["Download starting... ", _jsx("br", {}), _jsx("code", { children: download.filename })] }));
     await triggerDirectDownload(download.url, download.filename).catch((error) => {
+        capture('article_download', {
+            action: 'failed',
+            ...baseProps,
+            errorMessage: error instanceof Error ? error.message : String(error),
+        });
         console.error('Download failed:', error);
         toast.error('Download failed. Please try again.');
     });
@@ -106,6 +128,7 @@ const formatIconMap = {
     omex: FileArchive,
     tex: ScrollText,
     typst: ScrollText,
+    mp3: FileVolume,
 };
 function getIconForFormat(format) {
     const lowerFormat = format.toLowerCase();
@@ -116,28 +139,72 @@ function getIconForFormat(format) {
     }
     return File;
 }
-function renderDownloadItems(downloads) {
+function formatFromUrl(url) {
+    try {
+        const urlObj = new URL(url);
+        const pathname = urlObj.pathname;
+        const format = pathname.split('.').pop()?.toLowerCase();
+        if (format && format.length <= 6) {
+            return format;
+        }
+        return undefined;
+    }
+    catch (error) {
+        return undefined;
+    }
+}
+function renderDownloadItems(downloads, capture, ctx, options = {}) {
     return downloads.map((download, index) => {
-        const format = download.format || 'unknown';
+        const format = download.format || formatFromUrl(download.url) || 'unknown';
         const downloadName = download.title || getFormatDisplayName(format);
         const icon = getIconForFormat(format);
-        return (_jsxs(DropdownMenuItem, { onClick: () => handleDownload(download), children: [React.createElement(icon, { className: 'mr-2 h-4 w-4' }), downloadName] }, index));
+        if (options.linkMode) {
+            return (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: download.url, download: download.filename, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
+                        action: 'clicked',
+                        ...buildDownloadAnalyticsProps(download, ctx),
+                    }), children: [React.createElement(icon, { className: 'mr-2 h-4 w-4' }), downloadName] }) }, index));
+        }
+        return (_jsxs(DropdownMenuItem, { onClick: () => handleDownload(download, capture, ctx), children: [React.createElement(icon, { className: 'mr-2 h-4 w-4' }), downloadName] }, index));
     });
 }
 export function ArticleDownloadItems() {
     const { projectDownloads, articleDownloads } = useDownloads();
+    const capture = useAnalytics();
+    const { link_downloads } = useDesign();
     const hasProjectDownloads = projectDownloads.length > 0;
     const hasArticleDownloads = articleDownloads.length > 0;
     if (!hasProjectDownloads && !hasArticleDownloads)
         return null;
-    return (_jsxs(_Fragment, { children: [hasProjectDownloads && (_jsxs(_Fragment, { children: [renderDownloadItems(projectDownloads), hasArticleDownloads && _jsx(DropdownMenuSeparator, {})] })), hasArticleDownloads && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Downloads" }), renderDownloadItems(articleDownloads)] }))] }));
+    const surface = 'actions_menu_downloads_submenu';
+    const linkMode = !!link_downloads;
+    return (_jsxs(_Fragment, { children: [hasProjectDownloads && (_jsxs(_Fragment, { children: [renderDownloadItems(projectDownloads, capture, {
+                        category: 'download',
+                        scope: 'project',
+                        surface,
+                    }, { linkMode }), hasArticleDownloads && _jsx(DropdownMenuSeparator, {})] })), hasArticleDownloads && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Downloads" }), renderDownloadItems(articleDownloads, capture, {
+                        category: 'download',
+                        scope: 'article',
+                        surface,
+                    }, { linkMode })] }))] }));
 }
 export function ArticleExportItems() {
     const { projectExports, articleExports } = useDownloads();
     const showCitation = useShowCitation();
+    const capture = useAnalytics();
+    const { link_downloads } = useDesign();
     const hasProjectExports = projectExports.length > 0;
     const hasArticleExports = articleExports.length > 0;
     if (!hasProjectExports && !hasArticleExports)
         return null;
-    return (_jsxs(_Fragment, { children: [(hasProjectExports || showCitation) && (_jsxs(_Fragment, { children: [renderDownloadItems(projectExports), showCitation && _jsx(BibTeXCitationMenuItem, {}), hasArticleExports && _jsx(DropdownMenuSeparator, {})] })), hasArticleExports && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Exports" }), renderDownloadItems(articleExports)] }))] }));
+    const surface = 'actions_menu_exports_submenu';
+    const linkMode = !!link_downloads;
+    return (_jsxs(_Fragment, { children: [(hasProjectExports || showCitation) && (_jsxs(_Fragment, { children: [renderDownloadItems(projectExports, capture, {
+                        category: 'export',
+                        scope: 'project',
+                        surface,
+                    }, { linkMode }), showCitation && _jsx(BibTeXCitationMenuItem, {}), hasArticleExports && _jsx(DropdownMenuSeparator, {})] })), hasArticleExports && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "Page Exports" }), renderDownloadItems(articleExports, capture, {
+                        category: 'export',
+                        scope: 'article',
+                        surface,
+                    }, { linkMode })] }))] }));
 }

package/dist/components/ui/article-actions-dropdown.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export declare function ArticleActionsDropdown({ children }: {
+export declare function ArticleActionsDropdown({ children, onOpenChange, }: {
     children: React.ReactNode;
+    onOpenChange?: (open: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=article-actions-dropdown.d.ts.map

package/dist/components/ui/article-actions-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-dropdown.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmLjF"}
+{"version":3,"file":"article-actions-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-dropdown.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuF1B,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CA4TA"}

package/dist/components/ui/article-actions-dropdown.js

@@ -1,26 +1,18 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, Badge, } from '.';
 import { Citation } from './citation';
 import { useFrontmatter, useProjectManifest } from '@myst-theme/providers';
 import { toast } from 'sonner';
 import { doi } from 'doi-utils';
-import { Download, Quote, Copy, Rocket, Pencil, Clock, BlocksIcon, Share, Sun, Moon, Monitor, FolderCode, FileText, } from 'lucide-react';
+import { Download, Quote, Copy, Pencil, Clock, BlocksIcon, Share, Sun, Moon, Monitor, FolderCode, FileText, Scale, } from 'lucide-react';
 import { ArticleDownloadItems, ArticleExportItems, useDownloads, triggerDirectDownload, } from './article-actions-downloads';
 import React from 'react';
-import { ArticleActionsShare } from './article-actions-share';
+import { ArticleActionsShare, useVisibleShareOptions } from './article-actions-share';
 import { useTheme } from 'next-themes';
-const mockVersions = [
-    {
-        number: 2,
-        date: '2025-03-17',
-        description: 'Fixed a bug in the notebook that was causing the notebook to not run correctly.',
-    },
-    {
-        number: 1,
-        date: '2025-03-10',
-        description: '',
-    },
-];
+import { useAnalytics, useDesign } from '../providers';
+import { useArticleVersions } from '../providers/article-versions-provider';
+import { HashLink } from './hash-link';
+import { PART_IDS } from './types';
 function formatDate(dateStr) {
     return new Date(dateStr).toLocaleDateString('en-US', {
         month: 'short',
@@ -28,14 +20,37 @@ function formatDate(dateStr) {
         year: 'numeric',
     });
 }
-function ArticleVersionList({ versions }) {
-    return (_jsx(_Fragment, { children: versions.map((v) => (_jsx(DropdownMenuItem, { children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs("span", { className: "mr-4 font-mono text-muted-foreground", children: ["v", v.number] }), _jsx("span", { children: formatDate(v.date) }), _jsx("span", { className: "flex-1" }), v.number === 2 && _jsx(Badge, { variant: "outline", children: "Current" })] }), v.description && (_jsx("div", { className: "mt-1 max-w-xs text-xs leading-snug text-muted-foreground", children: v.description }))] }) }, v.number))) }));
+function ArticleVersionList() {
+    const { versions, currentVersionTag } = useArticleVersions();
+    const capture = useAnalytics();
+    if (!versions.length)
+        return null;
+    return (_jsx(_Fragment, { children: versions.map((v) => (_jsx(DropdownMenuItem, { asChild: true, children: _jsx("a", { href: v.href, className: "cursor-pointer", onClick: () => capture('article_version_selected', {
+                    versionNumber: v.tag,
+                    versionDate: v.date ?? null,
+                    isCurrent: Boolean(currentVersionTag && v.tag.toLowerCase() === currentVersionTag.toLowerCase()),
+                    surface: 'actions_menu_versions_submenu',
+                }), children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "mr-4 font-mono text-muted-foreground", children: v.tag }), v.date ? _jsx("span", { className: "mr-4", children: formatDate(v.date) }) : null, _jsx("span", { className: "flex-1" }), currentVersionTag && v.tag.toLowerCase() === currentVersionTag.toLowerCase() && (_jsx(Badge, { variant: "outline", children: "Current" }))] }), v.description ? (_jsx("div", { className: "mt-1 max-w-xs text-xs leading-snug text-muted-foreground", children: v.description })) : null] }) }) }, v.tag))) }));
 }
-export function ArticleActionsDropdown({ children }) {
+function ArticleVersionsMenu() {
+    const { versions } = useArticleVersions();
+    const capture = useAnalytics();
+    if (!versions.length)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuSub, { onOpenChange: (open) => open &&
+                    capture('article_versions_submenu_opened', {
+                        versionCount: versions.length,
+                    }), children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Clock, { className: "mr-4 w-4 h-4" }), "Versions"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleVersionList, {}) })] }), _jsx(DropdownMenuSeparator, {})] }));
+}
+export function ArticleActionsDropdown({ children, onOpenChange, }) {
     const project = useProjectManifest();
     const article = useFrontmatter();
     const { projectDownloads, articleDownloads, projectExports, articleExports } = useDownloads();
     const { theme, setTheme } = useTheme();
+    const capture = useAnalytics();
+    const { hide_exports, link_downloads } = useDesign();
+    const visibleShareOptions = useVisibleShareOptions();
+    const hasShareOptions = visibleShareOptions.length > 0;
     const allDownloads = [...projectDownloads, ...articleDownloads];
     const hasDownloads = allDownloads.length > 0;
     const hasExports = projectExports.length > 0 || articleExports.length > 0;
@@ -44,11 +59,31 @@ export function ArticleActionsDropdown({ children }) {
         (allDownloads[0]?.format?.toLowerCase() === 'pdf' ||
             allDownloads[0]?.url?.toLowerCase().endsWith('.pdf'));
     const singlePdfDownload = hasSinglePdfDownload ? allDownloads[0] : null;
+    const singlePdfScope = singlePdfDownload && projectDownloads.includes(singlePdfDownload) ? 'project' : 'article';
     const handleSinglePdfDownload = async () => {
         if (!singlePdfDownload)
             return;
+        capture('article_download', {
+            action: 'clicked',
+            category: 'download',
+            format: 'pdf',
+            downloadUrl: singlePdfDownload.url,
+            downloadFilename: singlePdfDownload.filename,
+            scope: singlePdfScope,
+            surface: 'actions_menu_single_pdf',
+        });
         toast.success(_jsxs(_Fragment, { children: ["Download starting... ", _jsx("br", {}), _jsx("code", { children: singlePdfDownload.filename })] }));
         await triggerDirectDownload(singlePdfDownload.url, singlePdfDownload.filename).catch((error) => {
+            capture('article_download', {
+                action: 'failed',
+                category: 'download',
+                format: 'pdf',
+                downloadUrl: singlePdfDownload.url,
+                downloadFilename: singlePdfDownload.filename,
+                scope: singlePdfScope,
+                surface: 'actions_menu_single_pdf',
+                errorMessage: error instanceof Error ? error.message : String(error),
+            });
             console.error('Download failed:', error);
             toast.error('Download failed. Please try again.');
         });
@@ -57,12 +92,58 @@ export function ArticleActionsDropdown({ children }) {
     const handleCopyDOI = () => {
         if (doiString) {
             navigator.clipboard.writeText(doiString);
+            capture('article_doi_copied', { doi: doiString, surface: 'actions_menu' });
             toast.success(_jsxs("div", { children: ["DOI copied to clipboard: ", _jsx("br", {}), _jsx("a", { href: doiString, children: doiString })] }));
         }
     };
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: children }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", children: [_jsx(DropdownMenuLabel, { children: "Article Actions" }), _jsx(DropdownMenuSeparator, {}), hasSinglePdfDownload && singlePdfDownload ? (_jsxs(DropdownMenuItem, { onClick: handleSinglePdfDownload, children: [_jsx(FileText, { className: "mr-2 w-4 h-4" }), "Download PDF"] })) : (hasDownloads && (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Download, { className: "mr-4 w-4 h-4" }), "Download"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleDownloadItems, {}) })] }))), hasExports && (_jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(FolderCode, { className: "mr-4 w-4 h-4" }), "Exports"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleExportItems, {}) })] })), _jsx(Citation, { children: _jsxs(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [_jsx(Quote, { className: "mr-2 w-4 h-4" }), "Cite Article"] }) }), _jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Share, { className: "mr-4 w-4 h-4" }), "Share"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleActionsShare, { title: article?.title || '' }) })] }), project?.github && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: project.github, target: "_blank", rel: "noopener noreferrer", children: [_jsx(BlocksIcon, { className: "mr-2 w-4 h-4" }), "GitHub Repository"] }) })), doiString && (_jsxs(DropdownMenuItem, { onClick: handleCopyDOI, children: [_jsx(Copy, { className: "mr-2 w-4 h-4" }), "Copy DOI"] })), _jsx(DropdownMenuSeparator, {}), article?.edit_url && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: article?.edit_url, target: "_blank", rel: "noopener noreferrer", children: [_jsx(Pencil, { className: "mr-2 w-4 h-4" }), article?.edit_url?.includes('github.com')
+    const editProvider = article?.edit_url?.includes('github.com')
+        ? 'github'
+        : article?.edit_url?.includes('gitlab')
+            ? 'gitlab'
+            : 'other';
+    const hasLicenseSection = Boolean(project?.license ||
+        project?.open_access ||
+        project?.copyright ||
+        article?.license ||
+        article?.open_access ||
+        article?.copyright);
+    return (_jsxs(DropdownMenu, { onOpenChange: onOpenChange, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: children }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", children: [_jsx(DropdownMenuLabel, { children: "Article Actions" }), _jsx(DropdownMenuSeparator, {}), hasSinglePdfDownload && singlePdfDownload ? (link_downloads ? (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: singlePdfDownload.url, download: singlePdfDownload.filename, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
+                                action: 'clicked',
+                                category: 'download',
+                                format: 'pdf',
+                                downloadUrl: singlePdfDownload.url,
+                                downloadFilename: singlePdfDownload.filename,
+                                scope: singlePdfScope,
+                                surface: 'actions_menu_single_pdf',
+                            }), children: [_jsx(FileText, { className: "mr-2 w-4 h-4" }), "Download PDF"] }) })) : (_jsxs(DropdownMenuItem, { onClick: handleSinglePdfDownload, children: [_jsx(FileText, { className: "mr-2 w-4 h-4" }), "Download PDF"] }))) : (hasDownloads && (_jsxs(DropdownMenuSub, { onOpenChange: (open) => open &&
+                            capture('article_downloads_submenu_opened', {
+                                downloadCount: allDownloads.length,
+                                formats: allDownloads.map((d) => d.format ?? null),
+                            }), children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Download, { className: "mr-4 w-4 h-4" }), "Download"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleDownloadItems, {}) })] }))), hasExports && !hide_exports && (_jsxs(DropdownMenuSub, { onOpenChange: (open) => open &&
+                            capture('article_exports_submenu_opened', {
+                                exportCount: projectExports.length + articleExports.length,
+                                formats: [...projectExports, ...articleExports].map((e) => e.format ?? null),
+                            }), children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(FolderCode, { className: "mr-4 w-4 h-4" }), "Exports"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleExportItems, {}) })] })), _jsx(ArticleVersionsMenu, {}), _jsx(Citation, { onOpenChange: (open) => open && capture('article_citation_opened', { surface: 'actions_menu' }), children: _jsxs(DropdownMenuItem, { onSelect: (e) => e.preventDefault(), children: [_jsx(Quote, { className: "mr-2 w-4 h-4" }), "Cite Article"] }) }), hasShareOptions && (_jsxs(DropdownMenuSub, { onOpenChange: (open) => open && capture('article_share_submenu_opened'), children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(Share, { className: "mr-4 w-4 h-4" }), "Share"] }), _jsx(DropdownMenuSubContent, { children: _jsx(ArticleActionsShare, { title: article?.title || '' }) })] })), project?.github && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: project.github, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_repo_clicked', {
+                                repoUrl: project.github,
+                                surface: 'actions_menu',
+                            }), children: [_jsx(BlocksIcon, { className: "mr-2 w-4 h-4" }), "GitHub Repository"] }) })), doiString && (_jsxs(DropdownMenuItem, { onClick: handleCopyDOI, children: [_jsx(Copy, { className: "mr-2 w-4 h-4" }), "Copy DOI"] })), hasLicenseSection && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs(HashLink, { id: PART_IDS.license, title: null, className: "flex items-center px-2 py-1.5 text-sm cursor-pointer outline-none focus:bg-accent focus:text-accent-foreground hover:no-underline", scrollBehavior: "instant", scrollDelay: 300, analyticsEvent: "article_license_anchor_clicked", analytics: {
+                                linkKind: 'license_information_menu',
+                                properties: { surface: 'actions_menu' },
+                            }, children: [_jsx(Scale, { className: "mr-2 w-4 h-4" }), "License Information"] }) })), _jsx(DropdownMenuSeparator, {}), article?.edit_url && (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: article?.edit_url, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_edit_source_clicked', {
+                                editUrl: article?.edit_url,
+                                provider: editProvider,
+                            }), children: [_jsx(Pencil, { className: "mr-2 w-4 h-4" }), editProvider === 'github'
                                     ? 'Edit in GitHub'
-                                    : article?.edit_url?.includes('gitlab')
+                                    : editProvider === 'gitlab'
                                         ? 'Edit in GitLab'
-                                        : 'Edit source'] }) })), _jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [theme === 'dark' ? (_jsx(Sun, { className: "mr-2 w-4 h-4" })) : (_jsx(Moon, { className: "mr-2 w-4 h-4" })), "Theme"] }), _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { onClick: () => setTheme('light'), children: [_jsx(Sun, { className: "mr-2 w-4 h-4" }), "Light"] }), _jsxs(DropdownMenuItem, { onClick: () => setTheme('dark'), children: [_jsx(Moon, { className: "mr-2 w-4 h-4" }), "Dark"] }), _jsxs(DropdownMenuItem, { onClick: () => setTheme('system'), children: [_jsx(Monitor, { className: "mr-2 w-4 h-4" }), "System"] })] })] })] })] }));
+                                        : 'Edit source'] }) })), _jsxs(DropdownMenuSub, { onOpenChange: (open) => open && capture('theme_submenu_opened', { currentTheme: theme }), children: [_jsxs(DropdownMenuSubTrigger, { children: [theme === 'dark' ? (_jsx(Sun, { className: "mr-2 w-4 h-4" })) : (_jsx(Moon, { className: "mr-2 w-4 h-4" })), "Theme"] }), _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                            capture('theme_changed', { theme: 'light', previousTheme: theme });
+                                            setTheme('light');
+                                        }, children: [_jsx(Sun, { className: "mr-2 w-4 h-4" }), "Light"] }), _jsxs(DropdownMenuItem, { onClick: () => {
+                                            capture('theme_changed', { theme: 'dark', previousTheme: theme });
+                                            setTheme('dark');
+                                        }, children: [_jsx(Moon, { className: "mr-2 w-4 h-4" }), "Dark"] }), _jsxs(DropdownMenuItem, { onClick: () => {
+                                            capture('theme_changed', { theme: 'system', previousTheme: theme });
+                                            setTheme('system');
+                                        }, children: [_jsx(Monitor, { className: "mr-2 w-4 h-4" }), "System"] })] })] })] })] }));
 }

package/dist/components/ui/article-actions-share.d.ts

@@ -1,5 +1,23 @@
+import React from 'react';
+import type { DesignOptions } from '@curvenote/common';
+type ShareDestination = 'bluesky' | 'semble' | 'linkedin' | 'x' | 'email';
+/**
+ * Returns share options visible under the current design configuration.
+ * Returns an empty array when the entire share menu is hidden via
+ * `hide_social_shares`, otherwise filters by per-platform `hide_social_share_*` flags.
+ */
+export declare function useVisibleShareOptions(): {
+    name: string;
+    destination: ShareDestination;
+    hideKey: keyof DesignOptions;
+    Icon: React.ComponentType<{
+        className?: string;
+    }>;
+    getUrl: (url: string, title: string) => string;
+}[];
 export declare function ArticleActionsShare({ url, title }: {
     url?: string;
     title: string;
 }): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=article-actions-share.d.ts.map

package/dist/components/ui/article-actions-share.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-actions-share.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-share.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAyBlF"}
+{"version":3,"file":"article-actions-share.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions-share.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAavD,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,GAAG,GAAG,OAAO,CAAC;AAoE1E;;;;GAIG;AACH,wBAAgB,sBAAsB;UAtE9B,MAAM;iBACC,gBAAgB;aACpB,MAAM,aAAa;UACtB,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;YACzC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;IAsE/C;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAqClF"}

package/dist/components/ui/article-actions-share.js

@@ -4,10 +4,13 @@ import { DropdownMenuItem } from '.';
 import { BlueskyIcon, 
 // RedditIcon,
 // FacebookIcon,
-LinkedinIcon, XIcon, EmailIcon, } from '@scienceicons/react/24/solid';
+LinkedinIcon, XIcon, EmailIcon, SembleIcon, } from '@scienceicons/react/24/solid';
+import { useAnalytics, useDesign } from '../providers';
 const SHARE_OPTIONS = [
     {
         name: 'Bluesky',
+        destination: 'bluesky',
+        hideKey: 'hide_social_share_bluesky',
         Icon: BlueskyIcon,
         getUrl: (url, title) => `https://bsky.app/intent/compose?text=${encodeURIComponent(title + ' ' + url)}`,
     },
@@ -27,26 +30,59 @@ const SHARE_OPTIONS = [
     // },
     {
         name: 'Linkedin',
+        destination: 'linkedin',
+        hideKey: 'hide_social_share_linkedin',
         Icon: LinkedinIcon,
         getUrl: (url, title) => `https://www.linkedin.com/shareArticle?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`,
     },
     {
         name: '𝕏',
+        destination: 'x',
+        hideKey: 'hide_social_share_x',
         Icon: XIcon,
         getUrl: (url, title) => `https://twitter.com/intent/tweet?text=${encodeURIComponent(title)}&url=${encodeURIComponent(url)}`,
     },
+    {
+        name: 'Semble',
+        destination: 'semble',
+        hideKey: 'hide_social_share_semble',
+        Icon: SembleIcon,
+        getUrl: (url) => `https://semble.so/url?id=${encodeURIComponent(url)}`,
+    },
     {
         name: 'Email',
+        destination: 'email',
+        hideKey: 'hide_social_share_email',
         Icon: EmailIcon,
         getUrl: (url, title) => `mailto:?subject=${encodeURIComponent(title)}&body=${encodeURIComponent(url)}`,
     },
 ];
+/**
+ * Returns share options visible under the current design configuration.
+ * Returns an empty array when the entire share menu is hidden via
+ * `hide_social_shares`, otherwise filters by per-platform `hide_social_share_*` flags.
+ */
+export function useVisibleShareOptions() {
+    const design = useDesign();
+    if (design.hide_social_shares)
+        return [];
+    return SHARE_OPTIONS.filter(({ hideKey }) => !design[hideKey]);
+}
 export function ArticleActionsShare({ url, title }) {
     const [shareUrl, setShareUrl] = useState(url || '');
+    const capture = useAnalytics();
+    const visibleOptions = useVisibleShareOptions();
     useEffect(() => {
         if (!url) {
             setShareUrl(window.location.href);
         }
     }, [url]);
-    return (_jsx(_Fragment, { children: SHARE_OPTIONS.map(({ name, Icon, getUrl }) => (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: getUrl(shareUrl, title), target: "_blank", rel: "noopener noreferrer", "aria-label": `Share on ${name}`, children: [_jsx(Icon, { className: "mr-2 h-4 w-4" }), name] }) }, name))) }));
+    return (_jsx(_Fragment, { children: visibleOptions.map(({ name, destination, Icon, getUrl }) => {
+            const targetUrl = getUrl(shareUrl, title);
+            return (_jsx(DropdownMenuItem, { asChild: true, children: _jsxs("a", { href: targetUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": `Share on ${name}`, onClick: () => capture('article_share_clicked', {
+                        destination,
+                        shareUrl: targetUrl,
+                        surface: 'actions_menu_share_submenu',
+                    }), children: [_jsx(Icon, { className: "mr-2 w-4 h-4" }), name] }) }, name));
+        }) }));
 }

package/dist/components/ui/article-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"article-actions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions.tsx"],"names":[],"mappings":"AASA,wBAAgB,cAAc,4CAqE7B"}
+{"version":3,"file":"article-actions.d.ts","sourceRoot":"","sources":["../../../src/components/ui/article-actions.tsx"],"names":[],"mappings":"AASA,wBAAgB,cAAc,4CA6G7B"}

package/dist/components/ui/article-actions.js

@@ -5,16 +5,29 @@ import { Citation } from './citation';
 import { ArticleActionsDropdown } from './article-actions-dropdown';
 import { useDownloads } from './article-actions-downloads';
 import { SearchDialog } from './search';
-import { useDesign } from '../providers';
+import { useAnalytics, useDesign } from '../providers';
 import { useBaseurl, withBaseurl } from '@myst-theme/providers';
 export function ArticleActions() {
     const { projectDownloads, articleDownloads } = useDownloads();
     const design = useDesign();
     const baseurl = useBaseurl();
+    const capture = useAnalytics();
     // Combine all downloads for PDF search
     const allDownloads = [...projectDownloads, ...articleDownloads];
     // Find PDF download
     const pdfDownload = allDownloads.find((download) => download.format?.toLowerCase() === 'pdf' || download.url?.toLowerCase().endsWith('.pdf'));
-    const pdfDownloadUrl = baseurl ? withBaseurl('.pdf', baseurl) : pdfDownload?.url;
-    return (_jsxs("div", { className: "flex gap-2 items-center", children: [!design.hide_search && (_jsx(SearchDialog, { children: _jsx(SimpleTooltip, { title: "Search", children: _jsx(Button, { variant: "outline", size: "icon", "aria-label": "Search", asChild: true, children: _jsx("div", { children: _jsx(SearchIcon, {}) }) }) }) })), pdfDownload && (_jsx(SimpleTooltip, { title: "Download PDF", children: _jsx(Button, { variant: "outline", className: "cursor-pointer", size: "icon", "aria-label": "Download PDF", asChild: true, children: _jsx("a", { href: pdfDownloadUrl, target: "_blank", rel: "noopener noreferrer", children: _jsx(FileDown, {}) }) }) })), _jsx(Citation, { children: _jsx(SimpleTooltip, { title: "Cite this article", children: _jsx(Button, { variant: "outline", className: "cursor-pointer", size: "icon", "aria-label": "Cite this article", children: _jsx(QuoteIcon, {}) }) }) }), _jsx(ArticleActionsDropdown, { children: _jsx(Button, { variant: "ghost", size: "icon", className: "cursor-pointer", children: _jsx(EllipsisVerticalIcon, {}) }) })] }));
+    const pdfDownloadScope = pdfDownload && projectDownloads.includes(pdfDownload) ? 'project' : 'article';
+    // When nice_pdf_links is disabled, always use the server-provided download URL rather than the
+    // rewritten `{baseurl}.pdf` link, which may not resolve in environments like theme previews.
+    const useNicePdfLink = design.nice_pdf_links !== false;
+    const pdfDownloadUrl = useNicePdfLink && baseurl ? withBaseurl('.pdf', baseurl) : pdfDownload?.url;
+    return (_jsxs("div", { className: "flex gap-2 items-center", children: [!design.hide_search && (_jsx(SearchDialog, { onOpenChange: (open) => open && capture('search_opened', { surface: 'article_bar' }), children: _jsx(SimpleTooltip, { title: "Search", children: _jsx(Button, { variant: "outline", size: "icon", "aria-label": "Search", asChild: true, children: _jsx("div", { children: _jsx(SearchIcon, {}) }) }) }) })), pdfDownload && (_jsx(SimpleTooltip, { title: "Download PDF", children: _jsx(Button, { variant: "outline", className: "hidden cursor-pointer sm:inline-flex", size: "icon", "aria-label": "Download PDF", asChild: true, children: _jsx("a", { href: pdfDownloadUrl, target: "_blank", rel: "noopener noreferrer", onClick: () => capture('article_download', {
+                            action: 'clicked',
+                            category: 'download',
+                            format: 'pdf',
+                            downloadUrl: pdfDownloadUrl,
+                            downloadFilename: pdfDownload.filename,
+                            scope: pdfDownloadScope,
+                            surface: 'article_bar_button',
+                        }), children: _jsx(FileDown, {}) }) }) })), _jsx(Citation, { onOpenChange: (open) => open && capture('article_citation_opened', { surface: 'article_bar_button' }), children: _jsx(SimpleTooltip, { title: "Cite this article", children: _jsx(Button, { variant: "outline", className: "hidden cursor-pointer sm:inline-flex", size: "icon", "aria-label": "Cite this article", children: _jsx(QuoteIcon, {}) }) }) }), _jsx(ArticleActionsDropdown, { onOpenChange: (open) => open && capture('article_actions_menu_opened', { surface: 'article_bar' }), children: _jsx(SimpleTooltip, { title: "More article actions", children: _jsx(Button, { variant: "ghost", size: "icon", className: "cursor-pointer", "aria-label": "More article actions", children: _jsx(EllipsisVerticalIcon, {}) }) }) })] }));
 }