Split Dapr, DAB, and LavinMQ integration docs

src/frontend/config/redirects.mjs

@@ -178,11 +178,14 @@ export const redirects = {
   '/integrations/devtools/flagd/': '/integrations/devtools/flagd/flagd-get-started/',
   '/integrations/devtools/goff/': '/integrations/devtools/goff/goff-get-started/',
   '/integrations/devtools/mailpit/': '/integrations/devtools/mailpit/mailpit-get-started/',
+  '/integrations/devtools/dab/': '/integrations/devtools/dab/dab-get-started/',
+  '/integrations/frameworks/dapr/': '/integrations/frameworks/dapr/dapr-get-started/',
   '/integrations/frameworks/go/': '/integrations/frameworks/go/go-get-started/',
   '/integrations/frameworks/go-apps/': '/integrations/frameworks/go/go-get-started/',
   '/ja/integrations/frameworks/go-apps/': '/integrations/frameworks/go/go-get-started/',
   '/integrations/frameworks/csharp-file-based-apps/': '/integrations/dotnet/csharp-file-based-apps/',
   '/integrations/frameworks/maui/': '/integrations/dotnet/maui/',
+  '/integrations/messaging/lavinmq/': '/integrations/messaging/lavinmq/lavinmq-get-started/',
   '/fundamentals/service-defaults/': '/get-started/csharp-service-defaults/',
   '/fundamentals/launch-profiles/': '/integrations/dotnet/launch-profiles/',
   '/ja/fundamentals/service-defaults/': '/ja/get-started/csharp-service-defaults/',

src/frontend/config/sidebar/integrations.topics.ts

@@ -1346,7 +1346,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
             { label: 'Orleans', slug: 'integrations/frameworks/orleans' },
           ],
         },
-        { label: 'Dapr', slug: 'integrations/frameworks/dapr' },
+        {
+          label: 'Dapr',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/frameworks/dapr/dapr-get-started',
+            },
+            {
+              label: 'Set up Dapr resources in the AppHost',
+              slug: 'integrations/frameworks/dapr/dapr-host',
+            },
+            {
+              label: 'Connect to Dapr',
+              slug: 'integrations/frameworks/dapr/dapr-connect',
+            },
+          ],
+        },
         {
           label: 'Go',
           collapsed: true,
@@ -1434,7 +1451,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
             },
           ],
         },
-        { label: 'LavinMQ', slug: 'integrations/messaging/lavinmq' },
+        {
+          label: 'LavinMQ',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/messaging/lavinmq/lavinmq-get-started',
+            },
+            {
+              label: 'Set up LavinMQ in the AppHost',
+              slug: 'integrations/messaging/lavinmq/lavinmq-host',
+            },
+            {
+              label: 'Connect to LavinMQ',
+              slug: 'integrations/messaging/lavinmq/lavinmq-connect',
+            },
+          ],
+        },
         {
           label: 'NATS',
           collapsed: true,
@@ -1605,7 +1639,24 @@ export const integrationTopics: StarlightSidebarTopicsUserConfig = {
           },
           slug: 'integrations/devtools/browser-logs',
         },
-        { label: 'Data API Builder', slug: 'integrations/devtools/dab' },
+        {
+          label: 'Data API Builder',
+          collapsed: true,
+          items: [
+            {
+              label: 'Get started',
+              slug: 'integrations/devtools/dab/dab-get-started',
+            },
+            {
+              label: 'Set up Data API Builder in the AppHost',
+              slug: 'integrations/devtools/dab/dab-host',
+            },
+            {
+              label: 'Connect to Data API Builder',
+              slug: 'integrations/devtools/dab/dab-connect',
+            },
+          ],
+        },
         { label: 'Dev Tunnels', slug: 'integrations/devtools/dev-tunnels' },
         {
           label: 'flagd',

src/frontend/src/components/ThemeImage.astro

@@ -29,7 +29,7 @@ const {
 const imageWidth = width ?? dark.width;
 const imageHeight = height ?? dark.height;
 const imageClass = [classOverride, 'theme-image'].filter(Boolean).join(' ');
-const imageOptions = { width: imageWidth, height: imageHeight };
+const imageOptions = { width: imageWidth, height: imageHeight, fit: 'contain' as const };
 const optimizedLight = await getImage({ src: light, ...imageOptions });
 const optimizedDark = await getImage({ src: dark, ...imageOptions });
 const themedImageProps = {
@@ -41,6 +41,7 @@ const themedImageProps = {
   'data-dark-srcset': optimizedDark.srcSet.attribute,
   width: imageWidth,
   height: imageHeight,
+  fit: 'contain' as const,
   decoding: 'async' as const,
   loading: 'lazy' as const,
 };