@eightyfourthousand/lib-editing 2026.4.0 → 2026.4.2

package/lib/components/shared/TranslationTable.js

@@ -0,0 +1,83 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SortableHeader, TooltipCell, DataTable, FuzzyGlobalFilter, } from '@eightyfourthousand/design-system';
+import { useEffect, useState } from 'react';
+import { TriangleAlertIcon } from 'lucide-react';
+import { usePathname, useRouter } from 'next/navigation';
+const CLASSNAME_FOR_COL = {
+    title: 'xl:w-[920px] lg:w-[740px] md:w-[490px] w-[246px]',
+    toh: 'xl:w-[100px] md:w-[60px] w-[40px]',
+    pages: 'w-[60px]',
+    publicationVersion: 'w-[40px]',
+    publicationDate: 'w-[80px]',
+    restriction: 'w-5 h-6',
+};
+const TranslationHeader = (SortableHeader);
+export const TranslationsTable = ({ works }) => {
+    const [data, setData] = useState([]);
+    const router = useRouter();
+    const pathname = usePathname();
+    const onCellClick = (cell) => {
+        router.push(`${pathname}/${cell.row.original.uuid}`);
+    };
+    useEffect(() => {
+        const tableWorks = works.map((w) => ({
+            ...w,
+            toh: w.toh.join(', '),
+            publicationDate: w.publicationDate?.toLocaleDateString() || 'Unpublished',
+        }));
+        setData(tableWorks);
+    }, [works]);
+    const columns = [
+        {
+            id: 'title',
+            accessorKey: 'title',
+            header: ({ column }) => (_jsx(TranslationHeader, { column: column, name: "Work Title" })),
+            cell: ({ row }) => (_jsx(TooltipCell, { className: CLASSNAME_FOR_COL.title, content: row.original.title })),
+            className: CLASSNAME_FOR_COL.title,
+            onCellClick,
+        },
+        {
+            id: 'toh',
+            accessorKey: 'toh',
+            header: ({ column }) => _jsx(TranslationHeader, { column: column, name: "Toh" }),
+            cell: ({ row }) => (_jsx(TooltipCell, { className: CLASSNAME_FOR_COL.toh, content: row.original.toh })),
+            className: CLASSNAME_FOR_COL.toh,
+            onCellClick,
+        },
+        {
+            id: 'pages',
+            accessorKey: 'pages',
+            header: ({ column }) => (_jsx(TranslationHeader, { column: column, name: "Pages" })),
+            cell: ({ row }) => (_jsx("div", { className: CLASSNAME_FOR_COL.pages, children: row.original.pages })),
+            className: CLASSNAME_FOR_COL.pages,
+            onCellClick,
+        },
+        {
+            id: 'publicationDate',
+            accessorKey: 'publicationDate',
+            header: ({ column }) => (_jsx(TranslationHeader, { column: column, name: "Published" })),
+            cell: ({ row }) => (_jsx("div", { className: CLASSNAME_FOR_COL.publicationDate, children: row.original.publicationDate })),
+            className: CLASSNAME_FOR_COL.publicationDate,
+            onCellClick,
+        },
+        {
+            id: 'publicationVersion',
+            accessorKey: 'publicationVersion',
+            header: ({ column }) => (_jsx(TranslationHeader, { column: column, name: "Version" })),
+            cell: ({ row }) => (_jsx("div", { className: CLASSNAME_FOR_COL.publicationVersion, children: row.original.publicationVersion })),
+            className: CLASSNAME_FOR_COL.publicationVersion,
+            onCellClick,
+        },
+        {
+            id: 'restriction',
+            accessorKey: 'restriction',
+            header: () => '',
+            cell: ({ row }) => (_jsx("div", { className: CLASSNAME_FOR_COL.restriction, children: row.original.restriction ? (_jsx(TriangleAlertIcon, { className: "text-warning" })) : null })),
+            className: CLASSNAME_FOR_COL.restriction,
+            onCellClick,
+        },
+    ];
+    return (_jsx(DataTable, { name: "translations", columns: columns, data: data, filters: (table) => (_jsx("div", { className: "flex items-center py-4", children: _jsx(FuzzyGlobalFilter, { table: table, placeholder: "Search translations..." }) })) }));
+};
+//# sourceMappingURL=TranslationTable.js.map

package/lib/components/shared/TranslationTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslationTable.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/TranslationTable.tsx"],"names":[],"mappings":"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"}

package/lib/components/shared/bibliography/BibliographyBody.d.ts

@@ -0,0 +1,5 @@
+import { BibliographyEntryItem } from '@eightyfourthousand/data-access';
+export declare const BibliographyBody: ({ entry, label, }: {
+    entry: BibliographyEntryItem;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/bibliography/BibliographyBody.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LabeledElement } from '../LabeledElement';
+import { useRef } from 'react';
+import { useGlossaryInstanceListener } from '../hooks/useGlossaryInstanceListener';
+export const BibliographyBody = ({ entry, label, }) => {
+    const ref = useRef(null);
+    useGlossaryInstanceListener({ ref });
+    return (_jsx(LabeledElement, { id: entry.uuid, label: label, contentType: "bibliography", children: _jsx("div", { ref: ref, dangerouslySetInnerHTML: { __html: entry.html } }) }, entry.uuid));
+};
+//# sourceMappingURL=BibliographyBody.js.map

package/lib/components/shared/bibliography/BibliographyBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BibliographyBody.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/bibliography/BibliographyBody.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,GAIN,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,2BAA2B,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,cAAc,IACb,EAAE,EAAE,KAAK,CAAC,IAAI,EAEd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,cAAc,YAE1B,cAAK,GAAG,EAAE,GAAG,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,GAAI,IAJ7D,KAAK,CAAC,IAAI,CAKA,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/bibliography/BibliographyList.d.ts

@@ -0,0 +1,5 @@
+import { BibliographyEntries } from '@eightyfourthousand/data-access';
+export declare const BibliographyList: ({ content, className, }: {
+    content: BibliographyEntries;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/bibliography/BibliographyList.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SectionTitle } from '@eightyfourthousand/design-system';
+import { LabeledElement } from '../LabeledElement';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useScrollInTab } from '../hooks/useScrollInTab';
+import { BibliographyBody } from './BibliographyBody';
+export const BibliographyList = ({ content, className, }) => {
+    const { ref } = useScrollInTab({
+        panel: 'right',
+        tab: 'bibliography',
+    });
+    return (_jsxs("div", { ref: ref, className: cn('flex flex-col w-full', className), children: [_jsx(LabeledElement, { className: "mt-2", id: 'bibliography', label: "b.", children: _jsx(SectionTitle, { children: "Bibliography" }) }), _jsxs("div", { className: "mt-3 flex flex-col gap-6", children: [content.length === 0 && (_jsx("div", { className: "py-16 mx-auto text-muted-foreground", children: "No bibliography entries found." })), content.map((section, i) => (_jsxs("div", { className: "flex flex-col gap-4", children: [section.heading && (_jsx(LabeledElement, { className: "@c/sidebar:mt-0.5 mt-4", id: `${section.heading}-${i}`, label: `b.${i + 1}`, contentType: "bibliography", children: _jsx("div", { className: "text-primary font-sans text-base font-bold", children: section.heading }) })), section.entries.map((entry, j) => (_jsx(BibliographyBody, { entry: entry, label: `b.${i + 1}.${j + 1}` }, entry.uuid)))] }, i)))] })] }));
+};
+//# sourceMappingURL=BibliographyList.js.map

package/lib/components/shared/bibliography/BibliographyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BibliographyList.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/bibliography/BibliographyList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,cAAc;KACpB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAC7D,KAAC,cAAc,IACb,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE,cAAc,EAClB,KAAK,EAAC,IAAI,YAEV,KAAC,YAAY,+BAA4B,GAC1B,EACjB,eAAK,SAAS,EAAC,0BAA0B,aACtC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACvB,cAAK,SAAS,EAAC,qCAAqC,+CAE9C,CACP,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC3B,eAAa,SAAS,EAAC,qBAAqB,aACzC,OAAO,CAAC,OAAO,IAAI,CAClB,KAAC,cAAc,IACb,SAAS,EAAC,wBAAwB,EAClC,EAAE,EAAE,GAAG,OAAO,CAAC,OAAO,IAAI,CAAC,EAAE,EAC7B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,EACnB,WAAW,EAAC,cAAc,YAE1B,cAAK,SAAS,EAAC,4CAA4C,YACxD,OAAO,CAAC,OAAO,GACZ,GACS,CAClB,EACA,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IACvB,KAAK,CAAC,IAAI,CACf,CACH,CAAC,KAnBM,CAAC,CAoBL,CACP,CAAC,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/bibliography/index.js

@@ -0,0 +1,2 @@
+export * from './BibliographyList';
+//# sourceMappingURL=index.js.map

package/lib/components/shared/bibliography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/bibliography/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/lib/components/shared/generate-metadata.d.ts

@@ -0,0 +1,6 @@
+import { Metadata } from 'next';
+export declare function generateMetadata({ params, }: {
+    params: Promise<{
+        slug: string;
+    }>;
+}): Promise<Metadata>;

package/lib/components/shared/generate-metadata.js

@@ -0,0 +1,29 @@
+import { createServerGraphQLClient, getTranslationMetadataByUuid, } from '@eightyfourthousand/client-graphql/ssr';
+import { isUuid, parseToh } from '@eightyfourthousand/lib-utils';
+import { cache } from 'react';
+export async function generateMetadata({ params, }) {
+    const { slug } = await params;
+    // Skip metadata generation for non-UUID paths (e.g., icon requests)
+    if (!isUuid(slug)) {
+        return { title: '84000 Translation Reader' };
+    }
+    const client = await createServerGraphQLClient();
+    const work = await cache(getTranslationMetadataByUuid)({
+        client,
+        uuid: slug,
+    });
+    if (!work) {
+        return { title: '84000 Translation Reader' };
+    }
+    const tohDisplay = work.toh.map(parseToh).join(', ');
+    return {
+        title: `${work.title} | 84000`,
+        description: work.description || `${work.title} - ${tohDisplay} - ${work.section}`,
+        openGraph: {
+            title: work.title,
+            description: work.description || `Buddhist translation from the ${work.section}`,
+            type: 'article',
+        },
+    };
+}
+//# sourceMappingURL=generate-metadata.js.map

package/lib/components/shared/generate-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-metadata.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/generate-metadata.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,4BAA4B,GAC7B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,EACrC,MAAM,GAGP;IACC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC;IAE9B,oEAAoE;IACpE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;QAClB,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC;IAC/C,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,yBAAyB,EAAE,CAAC;IACjD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,4BAA4B,CAAC,CAAC;QACrD,MAAM;QACN,IAAI,EAAE,IAAI;KACX,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,EAAE,KAAK,EAAE,0BAA0B,EAAE,CAAC;IAC/C,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,UAAU;QAC9B,WAAW,EACT,IAAI,CAAC,WAAW,IAAI,GAAG,IAAI,CAAC,KAAK,MAAM,UAAU,MAAM,IAAI,CAAC,OAAO,EAAE;QACvE,SAAS,EAAE;YACT,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,WAAW,EACT,IAAI,CAAC,WAAW,IAAI,iCAAiC,IAAI,CAAC,OAAO,EAAE;YACrE,IAAI,EAAE,SAAS;SAChB;KACF,CAAC;AACJ,CAAC"}

package/lib/components/shared/glossary/GlossaryInstanceBody.d.ts

@@ -0,0 +1,6 @@
+import type { GlossaryTermInstance } from '@eightyfourthousand/data-access';
+export declare const GlossaryInstanceBody: ({ instance, className, isEditor, }: {
+    instance: GlossaryTermInstance;
+    className?: string;
+    isEditor?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/glossary/GlossaryInstanceBody.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Li, Ul } from '@eightyfourthousand/design-system';
+import { GatedFeature } from '@eightyfourthousand/lib-instr';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useCallback, useRef, useState } from 'react';
+import { useGlossaryInstanceListener } from '../hooks/useGlossaryInstanceListener';
+import { useNavigation } from '../NavigationProvider';
+import { TAB_FOR_SECTION, PANEL_FOR_SECTION } from '../types';
+import { createGraphQLClient, getTermPassages, } from '@eightyfourthousand/client-graphql';
+export const GlossaryInstanceBody = ({ instance, className, isEditor = false, }) => {
+    const ref = useRef(null);
+    useGlossaryInstanceListener({ ref });
+    const { updatePanel } = useNavigation();
+    const initialPage = instance.passages;
+    const [passages, setPassages] = useState(initialPage?.items ?? []);
+    const [nextCursor, setNextCursor] = useState(initialPage?.nextCursor ?? null);
+    const [hasMore, setHasMore] = useState(initialPage?.hasMore ?? false);
+    const [loading, setLoading] = useState(false);
+    const loadMore = useCallback(() => {
+        if (!nextCursor || loading)
+            return;
+        setLoading(true);
+        getTermPassages({
+            client: createGraphQLClient(),
+            uuid: instance.uuid,
+            first: 10,
+            after: nextCursor,
+        }).then((page) => {
+            setPassages((prev) => [...prev, ...page.items]);
+            setNextCursor(page.nextCursor);
+            setHasMore(page.hasMore);
+            setLoading(false);
+        });
+    }, [instance.uuid, nextCursor, loading]);
+    const handlePassageClick = useCallback((passage) => {
+        updatePanel({
+            name: PANEL_FOR_SECTION[passage.type] || 'main',
+            state: {
+                open: true,
+                tab: TAB_FOR_SECTION[passage.type] || 'translation',
+                hash: passage.uuid,
+            },
+        });
+    }, [updatePanel]);
+    return (_jsxs("div", { className: cn('p-2 flex gap-1 flex-col', className), children: [instance.names.english && (_jsx("div", { className: "text-primary font-sans text-base font-bold", children: instance.names.english })), isEditor && instance.names.alternatives && (_jsx("div", { className: "text-sm text-accent", children: `Also: ${instance.names.alternatives}` })), _jsxs(Ul, { children: [instance.names.wylie && (_jsx(Li, { className: "italic", children: instance.names.wylie })), instance.names.tibetan && (_jsx(Li, { className: "pt-1", children: _jsx("span", { className: "font-tibetan text-base", children: instance.names.tibetan }) })), instance.names.sanskrit && (_jsx(Li, { className: "italic", children: instance.names.sanskrit })), instance.names.chinese && _jsx(Li, { children: instance.names.chinese }), instance.names.pali && (_jsx(Li, { className: "italic", children: instance.names.pali }))] }), instance.definition && (_jsx("div", { ref: ref, className: "glossary-instance-definition", dangerouslySetInnerHTML: { __html: instance.definition } })), passages.length > 0 && (_jsxs("div", { children: [passages.map((passage, index) => (_jsxs("span", { children: [index > 0 && ', ', _jsx(Button, { variant: "link", className: "p-0 h-6 font-normal hover:cursor-pointer", onClick: () => handlePassageClick(passage), children: passage.label || passage.uuid.slice(0, 6) })] }, passage.uuid))), hasMore && !loading && (_jsxs("span", { children: [', ', _jsx(Button, { variant: "link", className: "p-0 h-6 font-normal hover:cursor-pointer", onClick: loadMore, children: "more \u203A" })] })), loading && (_jsx("span", { className: "text-muted-foreground text-sm", children: ', …' }))] })), _jsx(GatedFeature, { flag: "authority-pages", children: _jsx("div", { className: "text-sm text-mut my-2", children: _jsx("a", { href: `/glossary/${instance.authority}`, target: "_blank", rel: "noreferrer", className: "hover:underline decoration-primary hover:text-primary", children: 'View full entry ›' }) }) })] }));
+};
+//# sourceMappingURL=GlossaryInstanceBody.js.map

package/lib/components/shared/glossary/GlossaryInstanceBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryInstanceBody.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/glossary/GlossaryInstanceBody.tsx"],"names":[],"mappings":"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"}

package/lib/components/shared/glossary/GlossaryPaginationProvider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import type { GlossaryTermInstance } from '@eightyfourthousand/data-access';
+import type { GlossaryTermsPage } from '@eightyfourthousand/client-graphql';
+interface GlossaryPaginationState {
+    terms: GlossaryTermInstance[];
+    startCursor?: string;
+    endCursor?: string;
+    totalCount: number;
+    startIsLoading: boolean;
+    endIsLoading: boolean;
+}
+export declare const GlossaryPaginationProvider: ({ workUuid, initialPage, withAttestations, children, }: {
+    workUuid: string;
+    initialPage: GlossaryTermsPage;
+    withAttestations?: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useGlossaryPagination: () => GlossaryPaginationState;
+export {};

package/lib/components/shared/glossary/GlossaryPaginationProvider.js

@@ -0,0 +1,179 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useRef, useState, useEffect, useMemo, } from 'react';
+import { createGraphQLClient, getWorkGlossaryTerms, getWorkGlossaryTermsAround, } from '@eightyfourthousand/client-graphql';
+import { isUuid, scrollToElement } from '@eightyfourthousand/lib-utils';
+import { useNavigation } from '../NavigationProvider';
+import { GlossarySkeleton } from './GlossarySkeleton';
+import { usePaginationLoadTriggers } from '../hooks/usePaginationLoadTriggers';
+const LOADING_SKELETONS_COUNT = 3;
+const GlossaryPaginationContext = createContext({
+    terms: [],
+    totalCount: 0,
+    startIsLoading: false,
+    endIsLoading: false,
+});
+export const GlossaryPaginationProvider = ({ workUuid, initialPage, withAttestations = false, children, }) => {
+    const [terms, setTerms] = useState(initialPage.terms);
+    const [startCursor, setStartCursor] = useState(initialPage.prevCursor);
+    const [endCursor, setEndCursor] = useState(initialPage.nextCursor);
+    const [totalCount, setTotalCount] = useState(initialPage.totalCount);
+    const [startIsLoading, setStartIsLoading] = useState(false);
+    const [endIsLoading, setEndIsLoading] = useState(false);
+    const [navCursor, setNavCursor] = useState();
+    const processedNavCursorRef = useRef(undefined);
+    const isNavigatingRef = useRef(false);
+    const contentRef = useRef(null);
+    const handledStartLoadRequestRef = useRef(0);
+    const handledEndLoadRequestRef = useRef(0);
+    // Stable reference — prevents re-renders from re-triggering load effects
+    const dataClient = useMemo(() => createGraphQLClient(), []);
+    const { panels, updatePanel } = useNavigation();
+    const { loadMoreAtStartRef: observedLoadMoreAtStartRef, loadMoreAtEndRef, startLoadRequest, endLoadRequest, } = usePaginationLoadTriggers({
+        startCursor,
+        endCursor,
+        startIsLoading,
+        endIsLoading,
+    });
+    // Only accept hash when right panel is on glossary tab
+    const panelHash = panels.right?.tab === 'glossary' ? panels.right?.hash : undefined;
+    // Track hash changes
+    useEffect(() => {
+        setNavCursor(panelHash);
+    }, [panelHash]);
+    useEffect(() => {
+        if (!panelHash) {
+            processedNavCursorRef.current = undefined;
+        }
+    }, [panelHash]);
+    // Hash navigation: navigate to a specific glossary term
+    useEffect(() => {
+        if (!navCursor || startIsLoading || endIsLoading)
+            return;
+        if (processedNavCursorRef.current === navCursor)
+            return;
+        processedNavCursorRef.current = navCursor;
+        (async () => {
+            isNavigatingRef.current = true;
+            try {
+                const container = contentRef.current;
+                if (!container)
+                    return;
+                // Check if element is already in the DOM
+                let element = container.querySelector(`#${CSS.escape(navCursor)}`);
+                if (!element && isUuid(navCursor)) {
+                    // Show loading skeleton while fetching
+                    setTerms([]);
+                    setStartCursor(undefined);
+                    setEndCursor(undefined);
+                    setEndIsLoading(true);
+                    // Fetch a page around this term
+                    const page = await getWorkGlossaryTermsAround({
+                        client: dataClient,
+                        uuid: workUuid,
+                        termUuid: navCursor,
+                        withAttestations,
+                    });
+                    if (page.terms.length === 0)
+                        return;
+                    setTerms(page.terms);
+                    setStartCursor(page.prevCursor);
+                    setEndCursor(page.nextCursor);
+                    setTotalCount(page.totalCount);
+                    // Wait for DOM update
+                    await new Promise((resolve) => {
+                        requestAnimationFrame(() => {
+                            requestAnimationFrame(() => resolve());
+                        });
+                    });
+                    element = container.querySelector(`#${CSS.escape(navCursor)}`);
+                }
+                if (element) {
+                    await scrollToElement({ element, behavior: 'smooth' });
+                    updatePanel({
+                        name: 'right',
+                        state: { ...panels.right, hash: undefined },
+                    });
+                }
+            }
+            finally {
+                isNavigatingRef.current = false;
+                setEndIsLoading(false);
+            }
+        })();
+    }, [navCursor, startIsLoading, endIsLoading, workUuid]);
+    // Load more at end (forward pagination)
+    useEffect(() => {
+        if (endLoadRequest === 0 ||
+            handledEndLoadRequestRef.current === endLoadRequest ||
+            endIsLoading ||
+            !endCursor ||
+            isNavigatingRef.current) {
+            return;
+        }
+        handledEndLoadRequestRef.current = endLoadRequest;
+        setEndIsLoading(true);
+        (async () => {
+            const page = await getWorkGlossaryTerms({
+                client: dataClient,
+                uuid: workUuid,
+                cursor: endCursor,
+                direction: 'forward',
+                withAttestations,
+            });
+            if (page.terms.length > 0) {
+                setTerms((prev) => [...prev, ...page.terms]);
+            }
+            setEndCursor(page.hasMoreAfter && page.nextCursor ? page.nextCursor : undefined);
+            setEndIsLoading(false);
+        })();
+    }, [workUuid, endIsLoading, endCursor, endLoadRequest]);
+    // Load more at start (backward pagination)
+    useEffect(() => {
+        if (startLoadRequest === 0 ||
+            handledStartLoadRequestRef.current === startLoadRequest ||
+            startIsLoading ||
+            !startCursor ||
+            isNavigatingRef.current) {
+            return;
+        }
+        handledStartLoadRequestRef.current = startLoadRequest;
+        setStartIsLoading(true);
+        (async () => {
+            const scrollContainer = contentRef.current?.closest('[data-panel]');
+            const previousScrollHeight = scrollContainer?.scrollHeight ?? 0;
+            const previousScrollTop = scrollContainer?.scrollTop ?? 0;
+            const page = await getWorkGlossaryTerms({
+                client: dataClient,
+                uuid: workUuid,
+                cursor: startCursor,
+                direction: 'backward',
+            });
+            if (page.terms.length > 0) {
+                setTerms((prev) => [...page.terms, ...prev]);
+                // Restore scroll position after prepending
+                requestAnimationFrame(() => {
+                    if (scrollContainer) {
+                        const newScrollHeight = scrollContainer.scrollHeight;
+                        const deltaHeight = newScrollHeight - previousScrollHeight;
+                        scrollContainer.scrollTop = previousScrollTop + deltaHeight;
+                    }
+                });
+            }
+            setStartCursor(page.hasMoreBefore && page.prevCursor ? page.prevCursor : undefined);
+            setStartIsLoading(false);
+        })();
+    }, [workUuid, startIsLoading, startCursor, startLoadRequest]);
+    return (_jsxs(GlossaryPaginationContext.Provider, { value: {
+            terms,
+            startCursor,
+            endCursor,
+            totalCount,
+            startIsLoading,
+            endIsLoading,
+        }, children: [_jsx("div", { ref: observedLoadMoreAtStartRef, className: "h-0" }), _jsx("div", { ref: contentRef, children: children }), _jsx("div", { ref: loadMoreAtEndRef, className: "h-0" }), (endCursor || (endIsLoading && terms.length === 0)) && (_jsx("div", { className: "flex flex-col gap-6 pb-4 pt-6", children: Array.from({ length: LOADING_SKELETONS_COUNT }).map((_, i) => (_jsx(GlossarySkeleton, {}, i))) }))] }));
+};
+export const useGlossaryPagination = () => {
+    return useContext(GlossaryPaginationContext);
+};
+//# sourceMappingURL=GlossaryPaginationProvider.js.map

package/lib/components/shared/glossary/GlossaryPaginationProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryPaginationProvider.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/glossary/GlossaryPaginationProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,aAAa,EACb,UAAU,EAEV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AAGf,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAWlC,MAAM,yBAAyB,GAAG,aAAa,CAA0B;IACvE,KAAK,EAAE,EAAE;IACT,UAAU,EAAE,CAAC;IACb,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,QAAQ,EACR,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,QAAQ,GAMT,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,WAAW,CAAC,UAAU,CACvB,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,WAAW,CAAC,UAAU,CACvB,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAErE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACjE,MAAM,qBAAqB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,0BAA0B,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC7C,MAAM,wBAAwB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE3C,yEAAyE;IACzE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAC;IAChD,MAAM,EACJ,kBAAkB,EAAE,0BAA0B,EAC9C,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,GACf,GAAG,yBAAyB,CAAC;QAC5B,WAAW;QACX,SAAS;QACT,cAAc;QACd,YAAY;KACb,CAAC,CAAC;IAEH,uDAAuD;IACvD,MAAM,SAAS,GACb,MAAM,CAAC,KAAK,EAAE,GAAG,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,qBAAqB;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,qBAAqB,CAAC,OAAO,GAAG,SAAS,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,cAAc,IAAI,YAAY;YAAE,OAAO;QACzD,IAAI,qBAAqB,CAAC,OAAO,KAAK,SAAS;YAAE,OAAO;QACxD,qBAAqB,CAAC,OAAO,GAAG,SAAS,CAAC;QAE1C,CAAC,KAAK,IAAI,EAAE;YACV,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC;gBACH,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC;gBACrC,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,yCAAyC;gBACzC,IAAI,OAAO,GAAG,SAAS,CAAC,aAAa,CACnC,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAC5B,CAAC;gBAEF,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;oBAClC,uCAAuC;oBACvC,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,cAAc,CAAC,SAAS,CAAC,CAAC;oBAC1B,YAAY,CAAC,SAAS,CAAC,CAAC;oBACxB,eAAe,CAAC,IAAI,CAAC,CAAC;oBAEtB,gCAAgC;oBAChC,MAAM,IAAI,GAAG,MAAM,0BAA0B,CAAC;wBAC5C,MAAM,EAAE,UAAU;wBAClB,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,SAAS;wBACnB,gBAAgB;qBACjB,CAAC,CAAC;oBAEH,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;wBAAE,OAAO;oBAEpC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACrB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAChC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAC9B,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBAE/B,sBAAsB;oBACtB,MAAM,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;wBAClC,qBAAqB,CAAC,GAAG,EAAE;4BACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;wBACzC,CAAC,CAAC,CAAC;oBACL,CAAC,CAAC,CAAC;oBAEH,OAAO,GAAG,SAAS,CAAC,aAAa,CAC/B,IAAI,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAC5B,CAAC;gBACJ,CAAC;gBAED,IAAI,OAAO,EAAE,CAAC;oBACZ,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACvD,WAAW,CAAC;wBACV,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE;qBAC5C,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;gBAChC,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExD,wCAAwC;IACxC,SAAS,CAAC,GAAG,EAAE;QACb,IACE,cAAc,KAAK,CAAC;YACpB,wBAAwB,CAAC,OAAO,KAAK,cAAc;YACnD,YAAY;YACZ,CAAC,SAAS;YACV,eAAe,CAAC,OAAO,EACvB,CAAC;YACD,OAAO;QACT,CAAC;QAED,wBAAwB,CAAC,OAAO,GAAG,cAAc,CAAC;QAClD,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC;gBACtC,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,SAAS;gBACpB,gBAAgB;aACjB,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAC/C,CAAC;YAED,YAAY,CACV,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CACnE,CAAC;YACF,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAExD,2CAA2C;IAC3C,SAAS,CAAC,GAAG,EAAE;QACb,IACE,gBAAgB,KAAK,CAAC;YACtB,0BAA0B,CAAC,OAAO,KAAK,gBAAgB;YACvD,cAAc;YACd,CAAC,WAAW;YACZ,eAAe,CAAC,OAAO,EACvB,CAAC;YACD,OAAO;QACT,CAAC;QAED,0BAA0B,CAAC,OAAO,GAAG,gBAAgB,CAAC;QACtD,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAExB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,EAAE,OAAO,CACjD,cAAc,CACO,CAAC;YACxB,MAAM,oBAAoB,GAAG,eAAe,EAAE,YAAY,IAAI,CAAC,CAAC;YAChE,MAAM,iBAAiB,GAAG,eAAe,EAAE,SAAS,IAAI,CAAC,CAAC;YAE1D,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC;gBACtC,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,WAAW;gBACnB,SAAS,EAAE,UAAU;aACtB,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;gBAE7C,2CAA2C;gBAC3C,qBAAqB,CAAC,GAAG,EAAE;oBACzB,IAAI,eAAe,EAAE,CAAC;wBACpB,MAAM,eAAe,GAAG,eAAe,CAAC,YAAY,CAAC;wBACrD,MAAM,WAAW,GAAG,eAAe,GAAG,oBAAoB,CAAC;wBAC3D,eAAe,CAAC,SAAS,GAAG,iBAAiB,GAAG,WAAW,CAAC;oBAC9D,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;YAED,cAAc,CACZ,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CACpE,CAAC;YACF,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,MAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,KAAK;YACL,WAAW;YACX,SAAS;YACT,UAAU;YACV,cAAc;YACd,YAAY;SACb,aAED,cAAK,GAAG,EAAE,0BAA0B,EAAE,SAAS,EAAC,KAAK,GAAG,EACxD,cAAK,GAAG,EAAE,UAAU,YAAG,QAAQ,GAAO,EACtC,cAAK,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAC,KAAK,GAAG,EAC7C,CAAC,SAAS,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,IAAI,CACtD,cAAK,SAAS,EAAC,+BAA+B,YAC3C,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,KAAC,gBAAgB,MAAM,CAAC,CAAI,CAC7B,CAAC,GACE,CACP,IACkC,CACtC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAO,UAAU,CAAC,yBAAyB,CAAC,CAAC;AAC/C,CAAC,CAAC"}

package/lib/components/shared/glossary/GlossarySkeleton.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Skeleton that mimics the shape of a glossary entry:
+ * a bold English name, 2-3 transliteration lines, and a short definition block.
+ */
+export declare const GlossarySkeleton: () => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/glossary/GlossarySkeleton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@eightyfourthousand/design-system';
+/**
+ * Skeleton that mimics the shape of a glossary entry:
+ * a bold English name, 2-3 transliteration lines, and a short definition block.
+ */
+export const GlossarySkeleton = () => {
+    return (_jsxs("div", { className: "flex gap-3 -ms-5", children: [_jsx(Skeleton, { className: "h-4 w-6" }), _jsxs("div", { className: "flex flex-col gap-1.5 grow", children: [_jsx(Skeleton, { className: "h-5 w-40" }), _jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-28" }), _jsx(Skeleton, { className: "h-10 w-full mt-1" })] })] }));
+};
+//# sourceMappingURL=GlossarySkeleton.js.map

package/lib/components/shared/glossary/GlossarySkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossarySkeleton.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/glossary/GlossarySkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,EAChC,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,kBAAkB,GAAG,IACrC,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/glossary/GlossaryTermList.d.ts

@@ -0,0 +1,4 @@
+export declare const GlossaryTermList: ({ className, isEditor, }: {
+    className?: string;
+    isEditor?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/shared/glossary/GlossaryTermList.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SectionTitle } from '@eightyfourthousand/design-system';
+import { LabeledElement } from '../LabeledElement';
+import { GlossaryInstanceBody } from './GlossaryInstanceBody';
+import { cn } from '@eightyfourthousand/lib-utils';
+import { useGlossaryPagination } from './GlossaryPaginationProvider';
+import { GlossarySkeleton } from './GlossarySkeleton';
+const LOADING_SKELETONS_COUNT = 3;
+export const GlossaryTermList = ({ className, isEditor = false, }) => {
+    const { terms, startCursor, endIsLoading } = useGlossaryPagination();
+    const isNavigationLoading = endIsLoading && terms.length === 0;
+    if (isNavigationLoading)
+        return null;
+    return (_jsxs("div", { className: cn('flex flex-col w-full', className), children: [_jsx(LabeledElement, { className: "mt-2", id: 'glossary', label: "g.", children: _jsx(SectionTitle, { children: "Glossary" }) }), _jsxs("div", { className: "mt-3 flex flex-col gap-6", children: [startCursor && (_jsx("div", { className: "flex flex-col gap-6", children: Array.from({ length: LOADING_SKELETONS_COUNT }).map((_, i) => (_jsx(GlossarySkeleton, {}, i))) })), terms.length === 0 && (_jsx("div", { className: "text-muted-foreground", children: "No glossary terms found." })), terms.map((instance, index) => (_jsx(LabeledElement, { id: instance.authority || instance.uuid || `glossary-${index}`, label: `g.${instance.termNumber}`, contentType: "glossary", children: _jsx(GlossaryInstanceBody, { instance: instance, isEditor: isEditor, className: "p-0 @c/sidebar:-mt-0.5" }) }, instance.authority || instance.uuid || `glossary-${index}`)))] })] }));
+};
+//# sourceMappingURL=GlossaryTermList.js.map

package/lib/components/shared/glossary/GlossaryTermList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryTermList.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/glossary/GlossaryTermList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,QAAQ,GAAG,KAAK,GAIjB,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACrE,MAAM,mBAAmB,GAAG,YAAY,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;IAE/D,IAAI,mBAAmB;QAAE,OAAO,IAAI,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aACnD,KAAC,cAAc,IAAC,SAAS,EAAC,MAAM,EAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAC,IAAI,YACzD,KAAC,YAAY,2BAAwB,GACtB,EACjB,eAAK,SAAS,EAAC,0BAA0B,aACtC,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,qBAAqB,YACjC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,KAAC,gBAAgB,MAAM,CAAC,CAAI,CAC7B,CAAC,GACE,CACP,EACA,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACrB,cAAK,SAAS,EAAC,uBAAuB,yCAA+B,CACtE,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,cAAc,IACb,EAAE,EAAE,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,IAAI,YAAY,KAAK,EAAE,EAE9D,KAAK,EAAE,KAAK,QAAQ,CAAC,UAAU,EAAE,EACjC,WAAW,EAAC,UAAU,YAEtB,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,wBAAwB,GAClC,IARG,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,IAAI,YAAY,KAAK,EAAE,CAShD,CAClB,CAAC,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/glossary/index.js

@@ -0,0 +1,4 @@
+export * from './GlossaryInstanceBody';
+export * from './GlossaryPaginationProvider';
+export * from './GlossaryTermList';
+//# sourceMappingURL=index.js.map

package/lib/components/shared/glossary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/glossary/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/lib/components/shared/hooks/useGlossaryInstanceListener.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export declare const useGlossaryInstanceListener: ({ ref, }: {
+    ref: RefObject<HTMLDivElement | null>;
+}) => void;

package/lib/components/shared/hooks/useGlossaryInstanceListener.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+import { useNavigation } from '../NavigationProvider';
+export const useGlossaryInstanceListener = ({ ref, }) => {
+    const { updatePanel } = useNavigation();
+    useEffect(() => {
+        const div = ref.current;
+        if (!div) {
+            return;
+        }
+        const handleClick = (e) => {
+            const target = e.target;
+            // Check if the clicked element or any parent is a glossary instance
+            const glossarySpan = target.closest('span[type="glossaryInstance"]');
+            if (glossarySpan) {
+                const glossaryUuid = glossarySpan.getAttribute('glossary');
+                if (glossaryUuid) {
+                    updatePanel({
+                        name: 'right',
+                        state: { open: true, tab: 'glossary', hash: glossaryUuid },
+                    });
+                }
+            }
+        };
+        div.addEventListener('click', handleClick);
+        return () => {
+            div.removeEventListener('click', handleClick);
+        };
+    }, [ref, updatePanel]);
+};
+//# sourceMappingURL=useGlossaryInstanceListener.js.map

package/lib/components/shared/hooks/useGlossaryInstanceListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGlossaryInstanceListener.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/hooks/useGlossaryInstanceListener.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,GAAG,GAGJ,EAAE,EAAE;IACH,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;QACxB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YAEvC,oEAAoE;YACpE,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CACjC,+BAA+B,CACb,CAAC;YAErB,IAAI,YAAY,EAAE,CAAC;gBACjB,MAAM,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBAC3D,IAAI,YAAY,EAAE,CAAC;oBACjB,WAAW,CAAC;wBACV,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE;qBAC3D,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE3C,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACzB,CAAC,CAAC"}

package/lib/components/shared/hooks/usePaginationLoadTriggers.d.ts

@@ -0,0 +1,12 @@
+export declare const usePaginationLoadTriggers: ({ enabled, startCursor, endCursor, startIsLoading, endIsLoading, }: {
+    enabled?: boolean;
+    startCursor?: string;
+    endCursor?: string;
+    startIsLoading?: boolean;
+    endIsLoading?: boolean;
+}) => {
+    loadMoreAtStartRef: import("react").RefObject<HTMLDivElement | null>;
+    loadMoreAtEndRef: import("react").RefObject<HTMLDivElement | null>;
+    startLoadRequest: number;
+    endLoadRequest: number;
+};