docus 5.8.1 → 5.10.0

package/README.md

@@ -1,4 +1,4 @@
-[![docus](https://docus.dev/__og-image__/static/og.png)](https://docus.dev)
+[![docus](https://docus.dev/_og/s/c_Landing,title_Write+beautiful+docs+with+Markdown,description_Ship+fast+flexible+and+SEO-optimized+documentation+with+beautiful+design+out+of+the+box.+Docus+brings+together+the+best+of+the+Nuxt+ecosystem.+Powered+by+Nuxt+UI.,p_Ii9lbiI.png)](https://docus.dev)
 
 # Docus
 

package/app/app.config.ts

@@ -1,6 +1,7 @@
 export default defineAppConfig({
   docus: {
     locale: 'en',
+    colorMode: '',
   },
   ui: {
     colors: {
@@ -14,6 +15,11 @@ export default defineAppConfig({
         itemLeadingIcon: 'size-4 mx-0.5',
       },
     },
+    contentToc: {
+      defaultVariants: {
+        highlight: true,
+      },
+    },
     contentNavigation: {
       slots: {
         linkLeadingIcon: 'size-4 mr-1',
@@ -21,6 +27,13 @@ export default defineAppConfig({
       },
       defaultVariants: {
         variant: 'link',
+        highlight: true,
+      },
+    },
+    navigationMenu: {
+      defaultVariants: {
+        variant: 'pill',
+        highlight: true,
       },
     },
     pageLinks: {

package/app/app.vue

@@ -2,9 +2,12 @@
 import type { ContentNavigationItem, PageCollections } from '@nuxt/content'
 import * as nuxtUiLocales from '@nuxt/ui/locale'
 import { transformNavigation } from './utils/navigation'
+import { useDocusColorMode } from './composables/useDocusColorMode'
 import { useSubNavigation } from './composables/useSubNavigation'
 
-const { seo } = useAppConfig()
+const appConfig = useAppConfig()
+const { seo } = appConfig
+const { forced: forcedColorMode } = useDocusColorMode()
 const site = useSiteConfig()
 const { locale, locales, isEnabled, switchLocalePath } = useDocusI18n()
 const { isEnabled: isAssistantEnabled, panelWidth: assistantPanelWidth, shouldPushContent } = useAssistant()
@@ -79,6 +82,7 @@ const { subNavigationMode } = useSubNavigation(navigation)
       <LazyUContentSearch
         :files="files"
         :navigation="navigation"
+        :color-mode="!forcedColorMode"
       />
       <template v-if="isAssistantEnabled">
         <LazyAssistantPanel />

package/app/components/OgImage/Docs.takumi.vue

@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+const { title, description, headline } = defineProps<{ title?: string, description?: string, headline?: string }>()
+
+const appConfig = useAppConfig()
+const { name: siteName } = useSiteConfig()
+const primaryColor = appConfig.ui?.colors?.primary ?? 'emerald'
+</script>
+
+<template>
+  <div class="w-full h-full flex flex-col justify-between bg-neutral-950 px-[80px] py-[60px]">
+    <!-- Radial glow top-right: wide soft layer -->
+    <div class="absolute top-0 right-0 w-[700px] h-[700px] bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.10)_0%,rgba(255,255,255,0.04)_40%,transparent_70%)]" />
+    <!-- Radial glow top-right: tight bright core -->
+    <div class="absolute top-0 right-0 w-[350px] h-[350px] bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.22)_0%,rgba(255,255,255,0.08)_35%,transparent_65%)]" />
+
+    <div class="flex-1 flex flex-col justify-center">
+      <p
+        v-if="headline"
+        :class="`uppercase text-[22px] font-bold m-0 mb-5 tracking-[0.05em] text-${primaryColor}-500`"
+      >
+        {{ headline }}
+      </p>
+      <h1
+        v-if="title"
+        class="m-0 mb-6 text-[50px] font-bold text-white leading-[1.1] w-full max-w-[900px] wrap-break-word"
+      >
+        {{ title?.slice(0, 60) }}
+      </h1>
+      <p
+        v-if="description"
+        class="m-0 text-[28px] text-neutral-400 leading-[1.4] w-full max-w-[900px] wrap-break-word"
+      >
+        {{ description?.slice(0, 200) }}
+      </p>
+    </div>
+
+    <div class="flex">
+      <div class="text-white text-[18px] font-normal rounded-lg px-5 py-2">
+        {{ siteName }}
+      </div>
+    </div>
+  </div>
+</template>

package/app/components/OgImage/Landing.takumi.vue

@@ -0,0 +1,67 @@
+<script lang="ts" setup>
+const { title, description } = defineProps<{ title?: string, description?: string }>()
+
+const appConfig = useAppConfig()
+const { name: siteName } = useSiteConfig()
+const primaryColor = appConfig.ui?.colors?.primary ?? 'emerald'
+const logoPath = appConfig.header?.logo?.dark || appConfig.header?.logo?.light
+
+const logoSvg = await fetchLogoSvg(logoPath)
+
+async function fetchLogoSvg(path?: string): Promise<string> {
+  if (!path) return ''
+  try {
+    const { url: siteUrl } = useSiteConfig()
+    const url = path.startsWith('http') ? path : `${siteUrl}${path}`
+    const svg = await $fetch<string>(url, { responseType: 'text' })
+    return svg.replace('<svg', '<svg width="48" height="48"')
+  }
+  catch {
+    return ''
+  }
+}
+</script>
+
+<template>
+  <div class="w-full h-full flex flex-col justify-between bg-neutral-950 px-[80px] py-[60px]">
+    <!-- Radial glow top-right: wide soft layer -->
+    <div class="absolute top-0 right-0 w-[700px] h-[700px] bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.10)_0%,rgba(255,255,255,0.04)_40%,transparent_70%)]" />
+    <!-- Radial glow top-right: tight bright core -->
+    <div class="absolute top-0 right-0 w-[350px] h-[350px] bg-[radial-gradient(circle_at_top_right,rgba(255,255,255,0.22)_0%,rgba(255,255,255,0.08)_35%,transparent_65%)]" />
+
+    <div class="flex-1 flex flex-col justify-center w-full">
+      <div
+        v-if="logoSvg"
+        class="flex justify-center mb-8"
+      >
+        <!-- eslint-disable-next-line vue/no-v-html -->
+        <div
+          class="w-[48px] h-[48px]"
+          v-html="logoSvg"
+        />
+      </div>
+      <div
+        v-if="title"
+        class="flex justify-center mb-6"
+      >
+        <h1 class="m-0 text-[50px] font-bold text-white leading-[1.1] text-center wrap-break-word">
+          {{ title?.slice(0, 60) }}
+        </h1>
+      </div>
+      <div
+        v-if="description"
+        class="flex justify-center"
+      >
+        <p class="m-0 text-[28px] text-neutral-400 leading-[1.4] text-center wrap-break-word">
+          {{ description?.slice(0, 200) }}
+        </p>
+      </div>
+    </div>
+
+    <div class="flex">
+      <div :class="`text-[18px] font-normal rounded-lg px-5 py-2 text-${primaryColor}-500`">
+        {{ siteName }}
+      </div>
+    </div>
+  </div>
+</template>

package/app/components/app/AppFooterRight.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
+import { useDocusColorMode } from '../../composables/useDocusColorMode'
+
 const appConfig = useAppConfig()
+const { forced: forcedColorMode } = useDocusColorMode()
 
 interface FooterLink {
   'icon': string
@@ -44,5 +47,5 @@ const links = computed<FooterLink[]>(() => {
       v-bind="{ color: 'neutral', variant: 'ghost', ...link }"
     />
   </template>
-  <UColorModeButton />
+  <UColorModeButton v-if="!forcedColorMode" />
 </template>

package/app/components/app/AppHeader.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import { useDocusColorMode } from '../../composables/useDocusColorMode'
 import { useDocusI18n } from '../../composables/useDocusI18n'
 import { useSubNavigation } from '../../composables/useSubNavigation'
 
 const appConfig = useAppConfig()
-const site = useSiteConfig()
+const { forced: forcedColorMode } = useDocusColorMode()
 
 const { isEnabled: isAssistantEnabled } = useAssistant()
-const { localePath, isEnabled, locales } = useDocusI18n()
+const { isEnabled, locales } = useDocusI18n()
 const { subNavigationMode } = useSubNavigation()
 
 const links = computed(() => appConfig.github && appConfig.github.url
@@ -25,13 +26,11 @@ const links = computed(() => appConfig.github && appConfig.github.url
   <UHeader
     :ui="{ center: 'flex-1' }"
     :class="{ 'flex flex-col': subNavigationMode === 'header' }"
-    :to="localePath('/')"
-    :title="appConfig.header?.title || site.name"
   >
     <AppHeaderCenter />
 
-    <template #title>
-      <AppHeaderLogo class="h-6 w-auto shrink-0" />
+    <template #left>
+      <AppHeaderLeft />
     </template>
 
     <template #right>
@@ -58,7 +57,7 @@ const links = computed(() => appConfig.github && appConfig.github.url
 
       <UContentSearchButton class="lg:hidden" />
 
-      <ClientOnly>
+      <ClientOnly v-if="!forcedColorMode">
         <UColorModeButton />
 
         <template #fallback>

package/app/components/app/AppHeaderBody.vue

@@ -2,12 +2,16 @@
 import type { ContentNavigationItem } from '@nuxt/content'
 
 const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
+
+const contentNavVariants = useUIConfig('contentNavigation')
 </script>
 
 <template>
   <UContentNavigation
-    highlight
-    variant="link"
+    :highlight="contentNavVariants.highlight ?? true"
+    :highlight-color="contentNavVariants.highlightColor"
+    :variant="contentNavVariants.variant ?? 'link'"
+    :color="contentNavVariants.color"
     :navigation="navigation"
   />
 </template>

package/app/components/app/AppHeaderBottom.vue

@@ -2,6 +2,8 @@
 import { useSubNavigation } from '../../composables/useSubNavigation'
 
 const { sections } = useSubNavigation()
+
+const navMenuVariants = useUIConfig('navigationMenu')
 </script>
 
 <template>
@@ -10,8 +12,10 @@ const { sections } = useSubNavigation()
   <UContainer class="hidden lg:flex items-center justify-between">
     <UNavigationMenu
       :items="sections"
-      variant="pill"
-      highlight
+      :highlight="navMenuVariants.highlight ?? true"
+      :highlight-color="navMenuVariants.highlightColor"
+      :variant="navMenuVariants.variant ?? 'pill'"
+      :color="navMenuVariants.color"
       class="-mx-2.5 -mb-px"
     />
 

package/app/components/app/AppHeaderLeft.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+const appConfig = useAppConfig()
+const site = useSiteConfig()
+const { localePath } = useDocusI18n()
+
+const ariaLabel = appConfig.header?.title || site.name
+</script>
+
+<template>
+  <NuxtLink
+    :to="localePath('/')"
+    :aria-label="ariaLabel"
+  >
+    <AppHeaderLogo class="h-6 w-auto shrink-0" />
+  </NuxtLink>
+</template>

package/app/components/docs/DocsAsideLeftBody.vue

@@ -1,10 +1,15 @@
 <script setup lang="ts">
 const { sidebarNavigation } = useSubNavigation()
+
+const contentNavVariants = useUIConfig('contentNavigation')
 </script>
 
 <template>
   <UContentNavigation
-    highlight
+    :highlight="contentNavVariants.highlight ?? true"
+    :highlight-color="contentNavVariants.highlightColor"
+    :variant="contentNavVariants.variant ?? 'link'"
+    :color="contentNavVariants.color"
     :navigation="sidebarNavigation"
   />
 </template>

package/app/components/docs/DocsAsideMobileBar.vue

@@ -9,6 +9,9 @@ defineProps<{
 const { subNavigationMode, sidebarNavigation, currentSection } = useSubNavigation()
 const { t } = useDocusI18n()
 
+const contentNavVariants = useUIConfig('contentNavigation')
+const contentTocVariants = useUIConfig('contentToc')
+
 const menuDrawerOpen = ref(false)
 const tocDrawerOpen = ref(false)
 </script>
@@ -39,10 +42,13 @@ const tocDrawerOpen = ref(false)
       <template #body>
         <UContentNavigation
           :navigation="sidebarNavigation"
+          :highlight="contentNavVariants.highlight ?? true"
+          :highlight-color="contentNavVariants.highlightColor"
+          :variant="contentNavVariants.variant ?? 'link'"
+          :color="contentNavVariants.color"
           default-open
           trailing-icon="i-lucide-chevron-right"
           :ui="{ linkTrailingIcon: 'group-data-[state=open]:rotate-90' }"
-          highlight
         />
       </template>
     </UDrawer>
@@ -68,6 +74,10 @@ const tocDrawerOpen = ref(false)
       <template #body>
         <UContentToc
           v-if="links?.length"
+          :highlight="contentTocVariants.highlight ?? true"
+          :highlight-color="contentTocVariants.highlightColor"
+          :highlight-variant="contentTocVariants.highlightVariant"
+          :color="contentTocVariants.color"
           :links="links"
           :open="true"
           default-open

package/app/components/docs/DocsAsideRight.vue

@@ -12,13 +12,18 @@ const { shouldPushContent: shouldHideToc } = useAssistant()
 const { subNavigationMode } = useSubNavigation()
 const appConfig = useAppConfig()
 const { t } = useDocusI18n()
+
+const contentTocVariants = useUIConfig('contentToc')
 </script>
 
 <template>
   <div>
     <UContentToc
       v-if="links.length && !shouldHideToc"
-      highlight
+      :highlight="contentTocVariants.highlight ?? true"
+      :highlight-color="contentTocVariants.highlightColor"
+      :highlight-variant="contentTocVariants.highlightVariant"
+      :color="contentTocVariants.color"
       :title="appConfig.toc?.title || t('docs.toc')"
       :links="links"
       :class="{ 'hidden lg:block': subNavigationMode }"

package/app/composables/useDocusColorMode.ts

@@ -0,0 +1,7 @@
+export function useDocusColorMode() {
+  const appConfig = useAppConfig()
+  const forced = (appConfig.docus as { colorMode?: string })?.colorMode
+  return {
+    forced: forced === 'light' || forced === 'dark' ? forced : undefined,
+  }
+}

package/app/composables/useUIConfig.ts

@@ -0,0 +1,30 @@
+type UIColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral'
+
+interface UIConfigMap {
+  contentToc: {
+    highlight?: boolean
+    highlightColor?: UIColor
+    highlightVariant?: 'straight' | 'circuit'
+    color?: UIColor
+  }
+  contentNavigation: {
+    highlight?: boolean
+    highlightColor?: UIColor
+    variant?: 'pill' | 'link'
+    color?: UIColor
+  }
+  navigationMenu: {
+    highlight?: boolean
+    highlightColor?: UIColor
+    variant?: 'pill' | 'link'
+    color?: UIColor
+  }
+}
+
+export function useUIConfig<K extends keyof UIConfigMap>(componentName: K): ComputedRef<UIConfigMap[K]> {
+  const appConfig = useAppConfig()
+  return computed(() => {
+    const ui = appConfig.ui as Record<string, Record<string, Record<string, unknown>>>
+    return (ui?.[componentName]?.defaultVariants || {}) as UIConfigMap[K]
+  })
+}

package/app/error.vue

@@ -3,11 +3,13 @@ import type { NuxtError } from '#app'
 import type { ContentNavigationItem, PageCollections } from '@nuxt/content'
 import * as nuxtUiLocales from '@nuxt/ui/locale'
 import { transformNavigation } from './utils/navigation'
+import { useDocusColorMode } from './composables/useDocusColorMode'
 
 const props = defineProps<{
   error: NuxtError
 }>()
 
+const { forced: forcedColorMode } = useDocusColorMode()
 const { locale, locales, isEnabled, t, switchLocalePath } = useDocusI18n()
 
 const nuxtUiLocale = computed(() => nuxtUiLocales[locale.value as keyof typeof nuxtUiLocales] || nuxtUiLocales.en)
@@ -70,6 +72,7 @@ provide('navigation', navigation)
       <LazyUContentSearch
         :files="files"
         :navigation="navigation"
+        :color-mode="!forcedColorMode"
       />
     </ClientOnly>
   </UApp>

package/app/middleware/colorMode.global.ts

@@ -0,0 +1,8 @@
+import { useDocusColorMode } from '../composables/useDocusColorMode'
+
+export default defineNuxtRouteMiddleware((to) => {
+  const { forced } = useDocusColorMode()
+  if (forced) {
+    to.meta.colorMode = forced
+  }
+})

package/app/pages/[[lang]]/[...slug].vue

@@ -45,8 +45,10 @@ watch(() => navigation?.value, () => {
   headline.value = findPageHeadline(navigation?.value, page.value?.path) || headline.value
 })
 
-defineOgImageComponent('Docs', {
+defineOgImage('Docs', {
   headline: headline.value,
+  title: title?.slice(0, 60),
+  description: formatOgDescription(title, description),
 })
 
 const github = computed(() => appConfig.github ? appConfig.github : null)
@@ -115,17 +117,19 @@ addPrerenderPath(`/raw${route.path}.md`)
           >
             {{ t('docs.edit') }}
           </UButton>
-          <span>{{ t('common.or') }}</span>
-          <UButton
-            variant="link"
-            color="neutral"
-            :to="`${github.url}/issues/new/choose`"
-            target="_blank"
-            icon="i-lucide-alert-circle"
-            :ui="{ leadingIcon: 'size-4' }"
-          >
-            {{ t('docs.report') }}
-          </UButton>
+          <template v-if="github?.url">
+            <span>{{ t('common.or') }}</span>
+            <UButton
+              variant="link"
+              color="neutral"
+              :to="`${github.url}/issues/new/choose`"
+              target="_blank"
+              icon="i-lucide-alert-circle"
+              :ui="{ leadingIcon: 'size-4' }"
+            >
+              {{ t('docs.report') }}
+            </UButton>
+          </template>
         </div>
       </USeparator>
       <UContentSurround :surround="surround" />

package/app/templates/landing.vue

@@ -23,9 +23,9 @@ useSeo({
 })
 
 if (!page.value?.seo?.ogImage) {
-  defineOgImageComponent('Landing', {
-    title,
-    description,
+  defineOgImage('Landing', {
+    title: title?.slice(0, 60),
+    description: formatOgDescription(title, description),
   })
 }
 </script>

package/app/utils/ogImage.ts

@@ -0,0 +1,23 @@
+// nuxt-og-image caps the encoded URL segment at 200 chars.
+// Fixed overhead (component name, param keys, path encoding) is ~50 chars,
+// leaving a ~150-char budget for title + description combined.
+const OG_BUDGET = 150
+
+/**
+ * Trims description to fit within the nuxt-og-image 200-char URL segment limit,
+ * accounting for the title length and trying to cut at the last sentence boundary.
+ */
+export function formatOgDescription(title: string | undefined, description: string | undefined): string | undefined {
+  if (!description) return undefined
+
+  const titleLen = Math.min(title?.length ?? 0, 60)
+  const maxLen = OG_BUDGET - titleLen
+  if (maxLen <= 0) return undefined
+
+  const cleaned = description.replace(/,/g, '')
+  if (cleaned.length <= maxLen) return cleaned
+
+  const truncated = cleaned.slice(0, maxLen)
+  const lastDot = truncated.lastIndexOf('.')
+  return lastDot > 0 ? truncated.slice(0, lastDot + 1) : truncated
+}

package/i18n/locales/ar.json

@@ -32,5 +32,32 @@
     "wordmarkDownloaded": "تم تحميل العلامة النصية",
     "copyLogoFailed": "فشل نسخ الشعار",
     "copyWordmarkFailed": "فشل نسخ العلامة النصية"
+  },
+  "assistant": {
+    "title": "اسأل الذكاء الاصطناعي",
+    "placeholder": "اطرح سؤالاً...",
+    "tooltip": "اطرح سؤالاً على الذكاء الاصطناعي",
+    "tryAsking": "حاول طرح سؤال",
+    "askAnything": "اسأل أي شيء...",
+    "clearChat": "محو المحادثة",
+    "close": "إغلاق",
+    "expand": "توسيع",
+    "collapse": "طي",
+    "thinking": "التفكير...",
+    "askMeAnything": "اسأل عن أي شيء",
+    "askMeAnythingDescription": "احصل على المساعدة في التنقل بين الوثائق وفهم المفاهيم والعثور على الإجابات.",
+    "faq": "الأسئلة الشائعة",
+    "chatCleared": "تم مسح الدردشة عند التحديث",
+    "lineBreak": "فاصل الأسطر",
+    "explainWithAi": "اشرح باستخدام الذكاء الاصطناعي",
+    "toolListPages": "صفحات الوثائق المدرجة",
+    "toolReadPage": "قراءة",
+    "loading": {
+      "searching": "البحث في الوثائق",
+      "reading": "قراءة المستندات",
+      "analyzing": "تحليل المحتوى",
+      "finding": "العثور على أفضل إجابة",
+      "finished": "المصادر المستخدمة"
+    }
   }
 }

package/i18n/locales/be.json

@@ -32,5 +32,32 @@
     "wordmarkDownloaded": "Словесны знак спампаваны",
     "copyLogoFailed": "Не ўдалося скапіяваць лагатып",
     "copyWordmarkFailed": "Не ўдалося скапіяваць словесны знак"
+  },
+  "assistant": {
+    "title": "Спытаць ІІ",
+    "placeholder": "Задаць пытанне...",
+    "tooltip": "Задаць пытанне ІІ",
+    "tryAsking": "Паспрабуйце задаць пытанне",
+    "askAnything": "Спытай што заўгодна...",
+    "clearChat": "Ачысціць чат",
+    "close": "Закрыць",
+    "expand": "Пашырыць",
+    "collapse": "Згарнуць",
+    "thinking": "Мысленне...",
+    "askMeAnything": "Спытаць што-небудзь",
+    "askMeAnythingDescription": "Атрымаць дапамогу ў навігацыі па дакументацыі, разуменні канцэпцый і пошуку адказаў.",
+    "faq": "Пытанні і адказы",
+    "chatCleared": "Чат ачышчаецца пры абнаўленні",
+    "lineBreak": "Перапынак у радку",
+    "explainWithAi": "Растлумачыць ІІ",
+    "toolListPages": "Старонкі дакументацыі",
+    "toolReadPage": "Чытаць",
+    "loading": {
+      "searching": "Пошук дакументацыі",
+      "reading": "Чытанне праз дакументы",
+      "analyzing": "Аналіз зместу",
+      "finding": "Пошук найлепшага адказу",
+      "finished": "Выкарыстаныя крыніцы"
+    }
   }
 }

package/i18n/locales/bg.json

@@ -32,5 +32,32 @@
     "wordmarkDownloaded": "Словната марка е изтеглена",
     "copyLogoFailed": "Неуспешно копиране на логото",
     "copyWordmarkFailed": "Неуспешно копиране на словната марка"
+  },
+  "assistant": {
+    "title": "Попитайте AI",
+    "placeholder": "Задайте въпрос...",
+    "tooltip": "Задайте въпрос на AI",
+    "tryAsking": "Опитайте да зададете въпрос",
+    "askAnything": "Попитайте каквото и да е...",
+    "clearChat": "Изчистване на чата",
+    "close": "Затваряне",
+    "expand": "Разширяване",
+    "collapse": "Свиване",
+    "thinking": "Мисля си...",
+    "askMeAnything": "Попитайте за всичко",
+    "askMeAnythingDescription": "Потърсете помощ за навигация в документацията, разбиране на концепциите и намиране на отговори.",
+    "faq": "Често задавани въпроси",
+    "chatCleared": "Чатът е изчистен при обновяване",
+    "lineBreak": "Прекъсване на линията",
+    "explainWithAi": "Обяснете с ИИ",
+    "toolListPages": "Изброени страници от документацията",
+    "toolReadPage": "Четене",
+    "loading": {
+      "searching": "Търсене в документацията",
+      "reading": "Четене на документите",
+      "analyzing": "Анализиране на съдържанието",
+      "finding": "Намиране на най-добрия отговор",
+      "finished": "Използвани източници"
+    }
   }
 }

package/i18n/locales/bn.json

@@ -32,5 +32,32 @@
     "wordmarkDownloaded": "ওয়ার্ডমার্ক ডাউনলোড হয়েছে",
     "copyLogoFailed": "লোগো কপি করা যায়নি",
     "copyWordmarkFailed": "ওয়ার্ডমার্ক কপি করা যায়নি"
+  },
+  "assistant": {
+    "title": "AI-কে জিজ্ঞাসা করুন",
+    "placeholder": "একটি প্রশ্ন জিজ্ঞাসা করুন...",
+    "tooltip": "AI-কে একটি প্রশ্ন জিজ্ঞাসা করুন",
+    "tryAsking": "একটি প্রশ্ন জিজ্ঞাসা করার চেষ্টা করুন",
+    "askAnything": "যেকোনো কিছু জিজ্ঞাসা করুন...",
+    "clearChat": "চ্যাট সাফ করুন",
+    "close": "বন্ধ করুন",
+    "expand": "প্রসারিত করুন",
+    "collapse": "সঙ্কুচিত",
+    "thinking": "চিন্তা করা হচ্ছে...",
+    "askMeAnything": "যেকোনো কিছু জিজ্ঞাসা করুন",
+    "askMeAnythingDescription": "ডকুমেন্টেশন নেভিগেট করতে, ধারণাগুলি বুঝতে এবং উত্তর খুঁজে পেতে সহায়তা পান ।",
+    "faq": "প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী",
+    "chatCleared": "রিফ্রেশে চ্যাট সাফ করা হয়",
+    "lineBreak": "লাইন ব্রেক",
+    "explainWithAi": "AI এর সাথে ব্যাখ্যা করুন",
+    "toolListPages": "তালিকাভুক্ত ডকুমেন্টেশন পৃষ্ঠাগুলি",
+    "toolReadPage": "পড়ুন",
+    "loading": {
+      "searching": "ডকুমেন্টেশন অনুসন্ধান করা হচ্ছে",
+      "reading": "ডকুমেন্টের মাধ্যমে পড়া",
+      "analyzing": "বিষয়বস্তু বিশ্লেষণ করা হচ্ছে",
+      "finding": "সেরা উত্তর খোঁজা",
+      "finished": "ব্যবহৃত উৎসসমূহ"
+    }
   }
 }