Use new customisation option

bun.lock

@@ -264,7 +264,7 @@
   },
   "overrides": {
     "@codemirror/state": "6.4.1",
-    "@gitbook/api": "0.106.0",
+    "@gitbook/api": "0.107.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
   },
@@ -625,7 +625,7 @@
 
     "@fortawesome/fontawesome-svg-core": ["@fortawesome/fontawesome-svg-core@6.7.2", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "6.7.2" } }, "sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA=="],
 
-    "@gitbook/api": ["@gitbook/api@0.106.0", "", { "dependencies": { "event-iterator": "^2.0.0", "eventsource-parser": "^3.0.0" } }, "sha512-2qA/w18JwHe2fwR2A45q1pEdCZArxqUloegfNibu0xngDhea+iKTXSBrN94wD6Lwkh7cqBp9MvtxC+YMz3hx1g=="],
+    "@gitbook/api": ["@gitbook/api@0.107.0", "", { "dependencies": { "event-iterator": "^2.0.0", "eventsource-parser": "^3.0.0" } }, "sha512-YW37fNY3/UYKizHbq9KptSQUfhFwyVZ8eF2d3WYpc2+eJ+74JVkrX1fjaHox2QBqSjhYSNm/ZZeh4k4tXUma6w=="],
 
     "@gitbook/cache-do": ["@gitbook/cache-do@workspace:packages/cache-do"],
 

package.json

@@ -12,7 +12,7 @@
         "@codemirror/state": "6.4.1",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "@gitbook/api": "0.106.0"
+        "@gitbook/api": "0.107.0"
     },
     "private": true,
     "scripts": {

packages/gitbook/src/components/DocumentView/InlineLinkTooltip.tsx

@@ -58,14 +58,18 @@ export async function InlineLinkTooltip(
     return (
         <Tooltip.Provider delayDuration={200}>
             <Tooltip.Root>
-                <Tooltip.Trigger>{children}</Tooltip.Trigger>
+                <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>
                 <Tooltip.Portal>
                     <Tooltip.Content className="z-40 w-screen max-w-md animate-present px-4 sm:w-auto">
                         <div className="overflow-hidden rounded-md straight-corners:rounded-none shadow-lg shadow-tint-12/4 ring-1 ring-tint-subtle dark:shadow-tint-1 ">
                             <div className="bg-tint-base p-4">
-                                <div className="flex gap-4">
+                                <div
+                                    className={tcls(
+                                        'flex gap-4',
+                                    )}
+                                >
                                     <div className="flex flex-col">
-                                        {breadcrumbs ? (
+                                        {breadcrumbs && breadcrumbs.length > 0 ? (
                                             <div className="mb-1 flex grow flex-wrap items-center gap-x-2 gap-y-0.5 font-semibold text-tint text-xs uppercase leading-tight tracking-wide">
                                                 {breadcrumbs.map((crumb, index) => {
                                                     const Tag = crumb.href ? StyledLink : 'div';
@@ -114,7 +118,10 @@ export async function InlineLinkTooltip(
                                     </div>
                                     {!isSamePage && resolved.href ? (
                                         <Button
-                                            className="-mx-2 -my-2 ml-auto"
+                                            className={tcls(
+                                                '-mx-2 -my-2 ml-auto',
+                                                breadcrumbs?.length === 0 ? null : 'place-self-start'
+                                            )}
                                             variant="blank"
                                             href={resolved.href}
                                             target="_blank"
@@ -130,10 +137,10 @@ export async function InlineLinkTooltip(
                                 ) : null}
                             </div>
 
-                            {!isExternal &&
-                            'site' in context.contentContext &&
+                            {'customization' in context.contentContext &&
+                            context.contentContext.customization.ai?.pageLinkSummaries.enabled &&
+                            !isExternal &&
                             'page' in context.contentContext &&
-                            context.contentContext.site.adaptiveContent?.enabled &&
                             inline.data.ref.kind === 'page' ? (
                                 <div className="border-tint-subtle border-t bg-tint p-4">
                                     <AIPageLinkSummary

packages/gitbook/src/components/primitives/Button.tsx

@@ -74,7 +74,7 @@ export function Button({
         'gap-2',
         'rounded-md',
         'straight-corners:rounded-none',
-        'place-self-start',
+        // 'place-self-start',
 
         'ring-1',
         'ring-tint',