chore: run bun format to automatically format the frontend code

2026-07-01 06:38:41 +08:00
parent e514db20f7
commit 5bf3468362
679 changed files with 2719 additions and 1717 deletions
@@ -8,19 +8,19 @@

 ### 技术栈

-| 类别     | 技术 |
-|----------|------|
-| 包管理   | Bun |
-| 框架     | React 19、TypeScript |
-| 数据与请求 | @tanstack/react-query、axios、Zustand |
-| 路由     | @tanstack/react-router |
-| 表格与列表 | @tanstack/react-table、@tanstack/react-virtual |
-| 国际化   | i18next、react-i18next、i18next-browser-languagedetector |
-| 日期     | Day.js |
-| UI 与样式 | Base UI、Hugeicons、Tailwind CSS、clsx / class-variance-authority |
-| 表单     | React Hook Form、Zod |
-| 图表     | @visactor/vchart、@visactor/react-vchart |
-| 工具     | qrcode.react、oxfmt、oxlint、vitest（可选）|
+| 类别       | 技术                                                              |
+| ---------- | ----------------------------------------------------------------- |
+| 包管理     | Bun                                                               |
+| 框架       | React 19、TypeScript                                              |
+| 数据与请求 | @tanstack/react-query、axios、Zustand                             |
+| 路由       | @tanstack/react-router                                            |
+| 表格与列表 | @tanstack/react-table、@tanstack/react-virtual                    |
+| 国际化     | i18next、react-i18next、i18next-browser-languagedetector          |
+| 日期       | Day.js                                                            |
+| UI 与样式  | Base UI、Hugeicons、Tailwind CSS、clsx / class-variance-authority |
+| 表单       | React Hook Form、Zod                                              |
+| 图表       | @visactor/vchart、@visactor/react-vchart                          |
+| 工具       | qrcode.react、oxfmt、oxlint、vitest（可选）                       |

 优先选用成熟、维护良好的开源库；仅在现有库无法满足或需特殊适配时自行实现，并评估可维护性与通用性。

@@ -57,17 +57,17 @@
 ### 3.1 国际化

 - **页面文本**：所有面向用户的文案均需支持 i18n，使用 `useTranslation()` 的 `t()` 进行翻译。
- **使用场景**  
-  - **React 组件**：必须使用 `const { t } = useTranslation()`，以保证语言切换时组件会重新渲染。  
-  - **非 React 环境**（工具函数、常量、类方法）：可使用 `import { t } from 'i18next'`；此类用法不会随语言切换自动更新，仅在不依赖响应式更新的场景使用。  
+- **使用场景**
+  - **React 组件**：必须使用 `const { t } = useTranslation()`，以保证语言切换时组件会重新渲染。
+  - **非 React 环境**（工具函数、常量、类方法）：可使用 `import { t } from 'i18next'`；此类用法不会随语言切换自动更新，仅在不依赖响应式更新的场景使用。
  - 即使父组件已使用 `useTranslation()`，子组件仍应自行使用，以保证独立性。
 - **专有名词**：品牌、产品、技术术语等可保留英文（如 API、React、TypeScript）；若有约定俗成的译法则使用翻译。
 - **翻译键**：使用有层级、语义清晰的键名，如 `dashboard.overview.title`，并保持命名一致。

 - **枚举与文案（常量中的 i18n）**  
-  各 feature 的 `constants.ts` 中常出现「枚举/状态 + 展示文案」或「成功/错误消息」，须统一约定以免遗漏 i18n、用法混乱：  
-  - **成功/错误/提示类消息**（如 `SUCCESS_MESSAGES`、`ERROR_MESSAGES`）：常量值仅表示 **i18n 键**（与英文 fallback 同字面量）。展示时**必须**通过 `t()` 使用，例如 `toast.success(t(SUCCESS_MESSAGES.API_KEY_CREATED))`、`toast.error(t(ERROR_MESSAGES.UNEXPECTED))`，**禁止**直接 `toast.success(SUCCESS_MESSAGES.xxx)` 当作最终文案。  
-  - **状态/选项的 label**：在常量中统一用 **labelKey**（字符串，即 i18n 键），组件中通过 `t(config.labelKey)` 渲染；或约定用 `label` 存与 en 一致的 key 字符串，组件用 `t(config.label)`。同一 feature 内只采用一种方式，避免混用。  
+  各 feature 的 `constants.ts` 中常出现「枚举/状态 + 展示文案」或「成功/错误消息」，须统一约定以免遗漏 i18n、用法混乱：
+  - **成功/错误/提示类消息**（如 `SUCCESS_MESSAGES`、`ERROR_MESSAGES`）：常量值仅表示 **i18n 键**（与英文 fallback 同字面量）。展示时**必须**通过 `t()` 使用，例如 `toast.success(t(SUCCESS_MESSAGES.API_KEY_CREATED))`、`toast.error(t(ERROR_MESSAGES.UNEXPECTED))`，**禁止**直接 `toast.success(SUCCESS_MESSAGES.xxx)` 当作最终文案。
+  - **状态/选项的 label**：在常量中统一用 **labelKey**（字符串，即 i18n 键），组件中通过 `t(config.labelKey)` 渲染；或约定用 `label` 存与 en 一致的 key 字符串，组件用 `t(config.label)`。同一 feature 内只采用一种方式，避免混用。
  - **新增此类常量时**：同步在 `src/i18n/static-keys.ts` 中登记对应 key（若项目用其做提取），或确保文案以 `t('...')` 字面量形式出现以便扫描，避免遗漏翻译。

 ### 3.2 代码风格与类型
@@ -1,8 +1,8 @@
-import type { KnipConfig } from 'knip';
+import type { KnipConfig } from 'knip'

 const config: KnipConfig = {
  ignore: ['src/components/ui/**', 'src/routeTree.gen.ts'],
-  ignoreDependencies: ["tailwindcss", "tw-animate-css"]
-};
+  ignoreDependencies: ['tailwindcss', 'tw-animate-css'],
+}

-export default config;
+export default config
@@ -1,4 +1,4 @@
 [[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
+from = "/*"
+to = "/index.html"
+status = 200
@@ -138,7 +138,14 @@ function countLeafKeys(obj) {
  return count
 }

-function reorderLikeBase(base, target, fill, extras, missing, currentPath = []) {
+function reorderLikeBase(
+  base,
+  target,
+  fill,
+  extras,
+  missing,
+  currentPath = []
+) {
  // If base is an object, we keep base's key order and recurse.
  if (isPlainObject(base)) {
    const out = {}
@@ -148,10 +155,24 @@ function reorderLikeBase(base, target, fill, extras, missing, currentPath = [])
    for (const key of Object.keys(base)) {
      const nextPath = [...currentPath, key]
      if (Object.prototype.hasOwnProperty.call(t, key)) {
-        out[key] = reorderLikeBase(base[key], t[key], f[key], extras, missing, nextPath)
+        out[key] = reorderLikeBase(
+          base[key],
+          t[key],
+          f[key],
+          extras,
+          missing,
+          nextPath
+        )
      } else {
        missing.push(nextPath.join('.'))
-        out[key] = reorderLikeBase(base[key], undefined, f[key], extras, missing, nextPath)
+        out[key] = reorderLikeBase(
+          base[key],
+          undefined,
+          f[key],
+          extras,
+          missing,
+          nextPath
+        )
      }
    }

@@ -208,7 +229,8 @@ function isLikelyUntranslated({ locale, baseValue, value }) {
  if (locale === 'ru') return true

  // For fr/vi: still useful but noisier; keep it conservative.
-  if (locale === 'fr' || locale === 'vi') return /\b(the|and|or|to|with|please)\b/i.test(s)
+  if (locale === 'fr' || locale === 'vi')
+    return /\b(the|and|or|to|with|please)\b/i.test(s)

  return false
 }
@@ -234,7 +256,9 @@ async function main() {
      const trans = json?.translation ?? {}
      return { locale, score: countLeafKeys(trans) }
    })
-    .sort((a, b) => b.score - a.score || a.locale.localeCompare(b.locale))[0]?.locale
+    .sort(
+      (a, b) => b.score - a.score || a.locale.localeCompare(b.locale)
+    )[0]?.locale

  if (!baseLocale) throw new Error('No locale files found.')

@@ -289,31 +313,44 @@ async function main() {
    }

    if (Object.keys(extras).length > 0) {
-      await fs.writeFile(path.join(extrasDir, `${locale}.extras.json`), stableStringify(extras), 'utf8')
+      await fs.writeFile(
+        path.join(extrasDir, `${locale}.extras.json`),
+        stableStringify(extras),
+        'utf8'
+      )
    } else {
-      await fs.rm(path.join(extrasDir, `${locale}.extras.json`), { force: true })
+      await fs.rm(path.join(extrasDir, `${locale}.extras.json`), {
+        force: true,
+      })
    }
    if (Object.keys(untranslated).length > 0) {
      await fs.writeFile(
        path.join(reportsDir, `${locale}.untranslated.json`),
        stableStringify(untranslated),
-        'utf8',
+        'utf8'
      )
    } else {
-      await fs.rm(path.join(reportsDir, `${locale}.untranslated.json`), { force: true })
+      await fs.rm(path.join(reportsDir, `${locale}.untranslated.json`), {
+        force: true,
+      })
    }

    // Rewrite locale file in base order (even for en to normalize formatting)
    await fs.writeFile(full, stableStringify(fixed), 'utf8')
  }

-  await fs.writeFile(path.join(reportsDir, '_sync-report.json'), stableStringify(report), 'utf8')
-   
-  console.log(`i18n sync done. Report: ${path.join(reportsDir, '_sync-report.json')}`)
+  await fs.writeFile(
+    path.join(reportsDir, '_sync-report.json'),
+    stableStringify(report),
+    'utf8'
+  )
+
+  console.log(
+    `i18n sync done. Report: ${path.join(reportsDir, '_sync-report.json')}`
+  )
 }

 main().catch((err) => {
-   
  console.error(err)
  process.exitCode = 1
 })
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconDiscord({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconDocker({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconFacebook({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconFigma({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconGithub({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconGitlab({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconGmail({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconLinuxDo({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconMedium({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconNotion({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconSkype({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconSlack({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconStripe({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconTelegram({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconTrello({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconWeChat({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconWhatsapp({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconZoom({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function ClerkLogo({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -17,8 +17,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
-import { cn } from '@/lib/utils'
+
 import { type Direction } from '@/context/direction-provider'
+import { cn } from '@/lib/utils'

 type IconDirProps = SVGProps<SVGSVGElement> & {
  dir: Direction
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function IconThemeSystem({
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { type SVGProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export function Logo({ className, ...props }: SVGProps<SVGSVGElement>) {
@@ -19,7 +19,7 @@ For commercial licensing, please contact support@quantumnous.com
 'use client'

 import type { ComponentProps } from 'react'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Tooltip,
@@ -27,6 +27,7 @@ import {
  TooltipProvider,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'

 export type ActionsProps = ComponentProps<'div'>

@@ -18,10 +18,10 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import type { ComponentProps, HTMLAttributes } from 'react'
 import { type LucideIcon, XIcon } from 'lucide-react'
+import type { ComponentProps, HTMLAttributes } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Tooltip,
@@ -29,6 +29,7 @@ import {
  TooltipProvider,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'

 export type ArtifactProps = HTMLAttributes<HTMLDivElement>

@@ -18,6 +18,8 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

+import type { UIMessage } from 'ai'
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
 import {
  type ComponentProps,
  createContext,
@@ -28,11 +30,10 @@ import {
  useMemo,
  useState,
 } from 'react'
-import type { UIMessage } from 'ai'
-import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'

 type BranchContextType = {
  currentBranch: number
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { Background, ReactFlow, type ReactFlowProps } from '@xyflow/react'
+import type { ReactNode } from 'react'
+
 import '@xyflow/react/dist/style.css'
 import { Controls } from './controls'

@@ -18,6 +18,12 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

+import {
+  BrainIcon,
+  ChevronDownIcon,
+  DotIcon,
+  type LucideIcon,
+} from 'lucide-react'
 import {
  type ComponentProps,
  createContext,
@@ -25,20 +31,15 @@ import {
  useContext,
  useMemo,
 } from 'react'
-import {
-  BrainIcon,
-  ChevronDownIcon,
-  DotIcon,
-  type LucideIcon,
-} from 'lucide-react'
-import { useControllableState } from '@/lib/use-controllable-state'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
 import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
 } from '@/components/ui/collapsible'
+import { useControllableState } from '@/lib/use-controllable-state'
+import { cn } from '@/lib/utils'

 type ChainOfThoughtContextValue = {
  isOpen: boolean
@@ -18,16 +18,17 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

+import type { ToolUIPart } from 'ai'
 import {
  type ComponentProps,
  createContext,
  type ReactNode,
  useContext,
 } from 'react'
-import type { ToolUIPart } from 'ai'
-import { cn } from '@/lib/utils'
+
 import { Alert, AlertDescription } from '@/components/ui/alert'
 import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'

 // Workaround for missing types in 'ai' package
 type ExtendedToolState =
@@ -18,11 +18,11 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import { type ComponentProps, createContext, useContext } from 'react'
 import type { LanguageModelUsage } from 'ai'
+import { type ComponentProps, createContext, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
 import { getUsage } from 'tokenlens'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  HoverCard,
@@ -30,6 +30,7 @@ import {
  HoverCardTrigger,
 } from '@/components/ui/hover-card'
 import { Progress } from '@/components/ui/progress'
+import { cn } from '@/lib/utils'

 const PERCENT_MAX = 100
 const ICON_RADIUS = 10
@@ -18,8 +18,9 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import type { ComponentProps } from 'react'
 import { Controls as ControlsPrimitive } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
 import { cn } from '@/lib/utils'

 export type ControlsProps = ComponentProps<typeof ControlsPrimitive>
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import type { Experimental_GeneratedImage } from 'ai'
+
 import { cn } from '@/lib/utils'

 export type ImageProps = Experimental_GeneratedImage & {
@@ -18,6 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

+import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react'
 import {
  type ComponentProps,
  createContext,
@@ -26,9 +27,8 @@ import {
  useEffect,
  useState,
 } from 'react'
-import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import {
@@ -42,6 +42,7 @@ import {
  HoverCardContent,
  HoverCardTrigger,
 } from '@/components/ui/hover-card'
+import { cn } from '@/lib/utils'

 export type InlineCitationProps = ComponentProps<'span'>

@@ -18,6 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
 */
 import type { HTMLAttributes } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { cn } from '@/lib/utils'

 type LoaderIconProps = {
@@ -16,11 +16,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ComponentProps, HTMLAttributes } from 'react'
 import type { UIMessage } from 'ai'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { cn } from '@/lib/utils'
+import type { ComponentProps, HTMLAttributes } from 'react'
+
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { cn } from '@/lib/utils'

 export type MessageProps = HTMLAttributes<HTMLDivElement> & {
  from: UIMessage['role']
@@ -16,9 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ComponentProps } from 'react'
 import { Handle, Position } from '@xyflow/react'
-import { cn } from '@/lib/utils'
+import type { ComponentProps } from 'react'
+
 import {
  Card,
  CardAction,
@@ -28,6 +28,7 @@ import {
  CardHeader,
  CardTitle,
 } from '@/components/ui/card'
+import { cn } from '@/lib/utils'

 export type NodeProps = ComponentProps<typeof Card> & {
  handles: {
@@ -16,14 +16,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { type ComponentProps, createContext, useContext } from 'react'
 import {
  ChevronDownIcon,
  ExternalLinkIcon,
  MessageCircleIcon,
 } from 'lucide-react'
+import { type ComponentProps, createContext, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenu,
@@ -33,6 +33,7 @@ import {
  DropdownMenuSeparator,
  DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import { cn } from '@/lib/utils'

 const providers = {
  github: {
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ComponentProps } from 'react'
 import { Panel as PanelPrimitive } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
 import { cn } from '@/lib/utils'

 type PanelProps = ComponentProps<typeof PanelPrimitive>
@@ -18,10 +18,10 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import { type ComponentProps, createContext, useContext } from 'react'
 import { ChevronsUpDownIcon } from 'lucide-react'
+import { type ComponentProps, createContext, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Card,
@@ -37,6 +37,8 @@ import {
  CollapsibleContent,
  CollapsibleTrigger,
 } from '@/components/ui/collapsible'
+import { cn } from '@/lib/utils'
+
 import { Shimmer } from './shimmer'

 type PlanContextValue = {
@@ -19,6 +19,18 @@ For commercial licensing, please contact support@quantumnous.com
 /* eslint-disable react-refresh/only-export-components */
 'use client'

+import type { ChatStatus, FileUIPart } from 'ai'
+import {
+  ImageIcon,
+  Loader2Icon,
+  MicIcon,
+  PaperclipIcon,
+  PlusIcon,
+  SendIcon,
+  SquareIcon,
+  XIcon,
+} from 'lucide-react'
+import { nanoid } from 'nanoid'
 import {
  type ChangeEvent,
  type ChangeEventHandler,
@@ -41,20 +53,8 @@ import {
  useRef,
  useState,
 } from 'react'
-import type { ChatStatus, FileUIPart } from 'ai'
-import {
-  ImageIcon,
-  Loader2Icon,
-  MicIcon,
-  PaperclipIcon,
-  PlusIcon,
-  SendIcon,
-  SquareIcon,
-  XIcon,
-} from 'lucide-react'
-import { nanoid } from 'nanoid'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Command,
@@ -89,6 +89,7 @@ import {
  SelectTrigger,
  SelectValue,
 } from '@/components/ui/select'
+import { cn } from '@/lib/utils'

 // ============================================================================
 // Provider Context & Types
@@ -18,9 +18,9 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import type { ComponentProps } from 'react'
 import { ChevronDownIcon, PaperclipIcon } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import type { ComponentProps } from 'react'
+
 import { Button } from '@/components/ui/button'
 import {
  Collapsible,
@@ -28,6 +28,7 @@ import {
  CollapsibleTrigger,
 } from '@/components/ui/collapsible'
 import { ScrollArea } from '@/components/ui/scroll-area'
+import { cn } from '@/lib/utils'

 export type QueueMessagePart = {
  type: string
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { t } from 'i18next'
+import type { ReactNode } from 'react'
 import type { BlockquoteNode, ParsedNode } from 'stream-markdown-parser'

 import { cn } from '@/lib/utils'
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { t } from 'i18next'
+import type { ReactNode } from 'react'
 import type { HtmlBlockNode, ParsedNode } from 'stream-markdown-parser'

 import { hasParsedChildren, isHtmlBlockNode } from './response-node-guards'
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { t } from 'i18next'
+import type { ReactNode } from 'react'
 import type { FootnoteNode } from 'stream-markdown-parser'

 import type { BlockRendererOptions } from './response-types'
@@ -18,8 +18,9 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import { type CSSProperties, type ElementType, memo, useMemo } from 'react'
 import { motion } from 'motion/react'
+import { type CSSProperties, type ElementType, memo, useMemo } from 'react'
+
 import { cn } from '@/lib/utils'

 export type TextShimmerProps = {
@@ -19,9 +19,10 @@ For commercial licensing, please contact support@quantumnous.com
 'use client'

 import type { ComponentProps } from 'react'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area'
+import { cn } from '@/lib/utils'

 export type SuggestionsProps = ComponentProps<typeof ScrollArea>

@@ -18,14 +18,15 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import type { ComponentProps } from 'react'
 import { ChevronDownIcon, SearchIcon } from 'lucide-react'
-import { cn } from '@/lib/utils'
+import type { ComponentProps } from 'react'
+
 import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
 } from '@/components/ui/collapsible'
+import { cn } from '@/lib/utils'

 export type TaskItemFileProps = ComponentProps<'div'>

@@ -18,7 +18,6 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

-import { type ComponentProps, isValidElement, type ReactNode } from 'react'
 import type { ToolUIPart } from 'ai'
 import {
  CheckCircleIcon,
@@ -28,14 +27,17 @@ import {
  WrenchIcon,
  XCircleIcon,
 } from 'lucide-react'
+import { type ComponentProps, isValidElement, type ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
 import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
 } from '@/components/ui/collapsible'
+import { cn } from '@/lib/utils'
+
 import { CodeBlock } from './code-block'

 // Workaround for missing types in 'ai' package
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ComponentProps } from 'react'
 import { NodeToolbar, Position } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
 import { cn } from '@/lib/utils'

 type ToolbarProps = ComponentProps<typeof NodeToolbar>
@@ -18,6 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
 */
 'use client'

+import { ChevronDownIcon } from 'lucide-react'
 import {
  type ComponentProps,
  createContext,
@@ -26,10 +27,8 @@ import {
  useEffect,
  useState,
 } from 'react'
-import { ChevronDownIcon } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import dayjs from '@/lib/dayjs'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Collapsible,
@@ -43,6 +42,8 @@ import {
  TooltipProvider,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import dayjs from '@/lib/dayjs'
+import { cn } from '@/lib/utils'

 export type WebPreviewContextValue = {
  url: string
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { useRef, useEffect, type ReactNode } from 'react'
+
 import { cn } from '@/lib/utils'

 interface AnimateInViewProps {
@@ -16,11 +16,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import type { UseQueryResult } from '@tanstack/react-query'
 import { AutoSkeleton } from 'auto-skeleton-react'
-import { useThemeRadiusPx } from '@/lib/theme-radius'
+import type { ReactNode } from 'react'
+
 import { ErrorState } from '@/components/error-state'
+import { useThemeRadiusPx } from '@/lib/theme-radius'

 interface ContentSkeletonProps {
  loading: boolean
@@ -16,13 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import React from 'react'
 import { useLocation, useNavigate } from '@tanstack/react-router'
 import { ArrowRight, ChevronRight, Laptop, Moon, Sun } from 'lucide-react'
+import React from 'react'
 import { useTranslation } from 'react-i18next'
-import { useSearch } from '@/context/search-provider'
-import { useTheme } from '@/context/theme-provider'
-import { useSidebarData } from '@/hooks/use-sidebar-data'
+
 import {
  Command,
  CommandDialog,
@@ -33,6 +31,10 @@ import {
  CommandList,
  CommandSeparator,
 } from '@/components/ui/command'
+import { useSearch } from '@/context/search-provider'
+import { useTheme } from '@/context/theme-provider'
+import { useSidebarData } from '@/hooks/use-sidebar-data'
+
 import { getNavGroupsForPath } from './layout/lib/sidebar-view-registry'
 import { ScrollArea } from './ui/scroll-area'

@@ -16,11 +16,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { type SVGProps } from 'react'
 import { Radio as RadioPrimitive } from '@base-ui/react/radio'
 import { RadioGroup as Radio } from '@base-ui/react/radio-group'
 import { CircleCheck, Palette, RotateCcw } from 'lucide-react'
+import { type SVGProps } from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { IconDir } from '@/assets/custom/icon-dir'
 import { IconLayoutCompact } from '@/assets/custom/icon-layout-compact'
 import { IconLayoutDefault } from '@/assets/custom/icon-layout-default'
@@ -32,18 +33,11 @@ import { IconThemeDark } from '@/assets/custom/icon-theme-dark'
 import { IconThemeLight } from '@/assets/custom/icon-theme-light'
 import { IconThemeSystem } from '@/assets/custom/icon-theme-system'
 import {
-  type ContentLayout,
-  THEME_PRESETS,
-  type ThemeFont,
-  type ThemePreset,
-  type ThemeRadius,
-  type ThemeScale,
-} from '@/lib/theme-customization'
-import { cn } from '@/lib/utils'
-import { useDirection } from '@/context/direction-provider'
-import { type Collapsible, useLayout } from '@/context/layout-provider'
-import { useThemeCustomization } from '@/context/theme-customization-provider'
-import { useTheme } from '@/context/theme-provider'
+  sideDrawerContentClassName,
+  sideDrawerFooterClassName,
+  sideDrawerFormClassName,
+  sideDrawerHeaderClassName,
+} from '@/components/drawer-layout'
 import { Button } from '@/components/ui/button'
 import {
  Sheet,
@@ -54,12 +48,20 @@ import {
  SheetTitle,
  SheetTrigger,
 } from '@/components/ui/sheet'
+import { useDirection } from '@/context/direction-provider'
+import { type Collapsible, useLayout } from '@/context/layout-provider'
+import { useThemeCustomization } from '@/context/theme-customization-provider'
+import { useTheme } from '@/context/theme-provider'
 import {
-  sideDrawerContentClassName,
-  sideDrawerFooterClassName,
-  sideDrawerFormClassName,
-  sideDrawerHeaderClassName,
-} from '@/components/drawer-layout'
+  type ContentLayout,
+  THEME_PRESETS,
+  type ThemeFont,
+  type ThemePreset,
+  type ThemeRadius,
+  type ThemeScale,
+} from '@/lib/theme-customization'
+import { cn } from '@/lib/utils'
+
 import { useSidebar } from './ui/sidebar'

 const Item = RadioPrimitive.Root
@@ -17,7 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import {
  AlertDialog,
  AlertDialogCancel,
@@ -28,6 +28,7 @@ import {
  AlertDialogTitle,
 } from '@/components/ui/alert-dialog'
 import { Button } from '@/components/ui/button'
+import { cn } from '@/lib/utils'

 type ConfirmDialogProps = {
  open: boolean
@@ -16,17 +16,18 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { type ReactNode } from 'react'
 import { Check, Copy } from 'lucide-react'
+import { type ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
-import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+
 import { Button } from '@/components/ui/button'
 import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard'
+import { cn } from '@/lib/utils'

 interface CopyButtonProps {
  value: string
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import * as React from 'react'
+
 import { cn } from '@/lib/utils'

 type BadgeCellProps = React.HTMLAttributes<HTMLDivElement>
@@ -17,13 +17,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import * as React from 'react'
+
+import { StatusBadgeList } from '@/components/status-badge'
 import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
-import { StatusBadgeList } from '@/components/status-badge'

 interface BadgeListCellProps {
  items: React.ReactNode[]
@@ -24,7 +24,7 @@ import {
  EyeOff as EyeNoneIcon,
 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenu,
@@ -33,6 +33,7 @@ import {
  DropdownMenuSeparator,
  DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import { cn } from '@/lib/utils'

 type DataTableColumnHeaderProps<TData, TValue> =
  React.HTMLAttributes<HTMLDivElement> & {
@@ -21,7 +21,9 @@ import {
  type Header,
  type Table as TanstackTable,
 } from '@tanstack/react-table'
+
 import { TableHead, TableHeader, TableRow } from '@/components/ui/table'
+
 import { DataTableColumnHeader } from './column-header'
 import { isContentSizedColumn } from './content-sized-columns'
 import type { DataTableColumnClassName } from './types'
@@ -16,15 +16,17 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import {
  flexRender,
  type Cell,
  type Row,
  type Table as TanstackTable,
 } from '@tanstack/react-table'
-import { cn } from '@/lib/utils'
+import * as React from 'react'
+
 import { TableCell, TableRow } from '@/components/ui/table'
+import { cn } from '@/lib/utils'
+
 import { TruncatedCell } from './truncated-cell'
 import type { DataTableColumnClassName } from './types'

@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import type { Row, Table as TanstackTable } from '@tanstack/react-table'
+import * as React from 'react'

 import { Table, TableBody, TableCell, TableRow } from '@/components/ui/table'
 import { cn } from '@/lib/utils'
@@ -24,7 +24,7 @@ import {
  ChevronsRight as DoubleArrowRightIcon,
 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn, getPageNumbers } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  Select,
@@ -34,6 +34,7 @@ import {
  SelectTrigger,
  SelectValue,
 } from '@/components/ui/select'
+import { cn, getPageNumbers } from '@/lib/utils'

 type DataTablePaginationProps<TData> = {
  table: Table<TData>
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import { MoreHorizontal } from 'lucide-react'
+import * as React from 'react'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenu,
@@ -18,6 +18,7 @@ For commercial licensing, please contact support@quantumnous.com
 */
 import { Database } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
+
 import {
  Empty,
  EmptyDescription,
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type * as React from 'react'
 import type { Table as TanstackTable } from '@tanstack/react-table'
+import type * as React from 'react'

 import { isContentSizedColumn } from './content-sized-columns'

@@ -17,9 +17,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import type { Table } from '@tanstack/react-table'
-import { cn } from '@/lib/utils'
+
 import { Skeleton } from '@/components/ui/skeleton'
 import { TableRow, TableCell } from '@/components/ui/table'
+import { cn } from '@/lib/utils'

 const SKELETON_WIDTHS = [
  '75%',
@@ -17,12 +17,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import * as React from 'react'
-import { cn } from '@/lib/utils'
+
 import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'

 type TruncatedCellProps = {
  children: React.ReactNode
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type * as React from 'react'
 import type { Row, Table as TanstackTable } from '@tanstack/react-table'
+import type * as React from 'react'

 export type DataTableColumnClassName = (
  columnId: string,
@@ -16,7 +16,6 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import {
  type ColumnDef,
  type ColumnFiltersState,
@@ -37,6 +36,7 @@ import {
  getSortedRowModel,
  useReactTable,
 } from '@tanstack/react-table'
+import * as React from 'react'

 type DataTableFeatureOptions<TData> = Pick<
  TableOptions<TData>,
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import type { ColumnFiltersState, OnChangeFn } from '@tanstack/react-table'
+import * as React from 'react'
+
 import { useDebounce } from '@/hooks/use-debounce'

 type UseDebouncedColumnFilterOptions = {
@@ -16,9 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import type { Row } from '@tanstack/react-table'
+import * as React from 'react'
+
 import { StatusBadgeTypeContext } from '@/components/status-badge'
+
 import { getCellLabel, renderCellContent } from './card-cell-utils'

 /**
@@ -17,7 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import * as React from 'react'
-import { cn } from '@/lib/utils'
+
 import {
  Table,
  TableBody,
@@ -26,6 +26,8 @@ import {
  TableHeader,
  TableRow,
 } from '@/components/ui/table'
+import { cn } from '@/lib/utils'
+
 import { TruncatedCell } from '../core/truncated-cell'
 import { staticDataTableClassNames } from './static-data-table-classnames'

@@ -17,11 +17,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { Pencil, Trash2 } from 'lucide-react'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenuItem,
  DropdownMenuShortcut,
 } from '@/components/ui/dropdown-menu'
+
 import { DataTableRowActionMenu } from '../core/row-action-menu'

 type StaticRowActionsProps = {
@@ -16,11 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { useState, useEffect, useLayoutEffect, useRef } from 'react'
 import { type Table } from '@tanstack/react-table'
 import { X } from 'lucide-react'
+import { useState, useEffect, useLayoutEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { Separator } from '@/components/ui/separator'
@@ -29,6 +29,7 @@ import {
  TooltipContent,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'

 type DataTableBulkActionsProps<TData> = {
  table: Table<TData>
@@ -16,11 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import { type Column } from '@tanstack/react-table'
 import { Check as CheckIcon, PlusCircle as PlusCircledIcon } from 'lucide-react'
+import * as React from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import {
@@ -38,6 +38,7 @@ import {
  PopoverTrigger,
 } from '@/components/ui/popover'
 import { Separator } from '@/components/ui/separator'
+import { cn } from '@/lib/utils'

 type DataTableFacetedFilterProps<TData, TValue> = {
  column?: Column<TData, TValue>
@@ -16,15 +16,17 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
+import type { Table } from '@tanstack/react-table'
+import { ChevronDown, Loader2, X as Cross2Icon } from 'lucide-react'
 import * as React from 'react'
 import { useState, type ReactNode } from 'react'
-import type { Table } from '@tanstack/react-table'
-import { useDebounce } from '@/hooks'
-import { ChevronDown, Loader2, X as Cross2Icon } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
+import { useDebounce } from '@/hooks'
+import { cn } from '@/lib/utils'
+
 import { DataTableFacetedFilter } from './faceted-filter'
 import { DataTableViewOptions } from './view-options'

@@ -18,12 +18,14 @@ For commercial licensing, please contact support@quantumnous.com
 */
 import { Grid2X2, Table2 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import {
  Tooltip,
  TooltipContent,
  TooltipTrigger,
 } from '@/components/ui/tooltip'
+import { cn } from '@/lib/utils'
+
 import {
  DATA_TABLE_VIEW_MODES,
  type DataTableViewMode,
@@ -16,9 +16,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import { type Table } from '@tanstack/react-table'
+import * as React from 'react'
 import { useTranslation } from 'react-i18next'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenu,
@@ -19,7 +19,7 @@ For commercial licensing, please contact support@quantumnous.com
 import { Calendar as CalendarIcon } from 'lucide-react'
 import { enUS, fr, ja, ru, vi, zhCN } from 'react-day-picker/locale'
 import { useTranslation } from 'react-i18next'
-import dayjs from '@/lib/dayjs'
+
 import { Button } from '@/components/ui/button'
 import { Calendar } from '@/components/ui/calendar'
 import {
@@ -27,6 +27,7 @@ import {
  PopoverContent,
  PopoverTrigger,
 } from '@/components/ui/popover'
+import dayjs from '@/lib/dayjs'

 const calendarLocales = {
  en: enUS,
@@ -16,12 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import * as React from 'react'
 import { ChevronDownIcon } from 'lucide-react'
+import * as React from 'react'
 import { enUS, fr, ja, ru, vi, zhCN } from 'react-day-picker/locale'
 import { useTranslation } from 'react-i18next'
-import dayjs from '@/lib/dayjs'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import { Calendar } from '@/components/ui/calendar'
 import { Input } from '@/components/ui/input'
@@ -30,6 +29,8 @@ import {
  PopoverContent,
  PopoverTrigger,
 } from '@/components/ui/popover'
+import dayjs from '@/lib/dayjs'
+import { cn } from '@/lib/utils'

 const calendarLocales = {
  en: enUS,
@@ -17,7 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import * as React from 'react'
-import { cn } from '@/lib/utils'
+
 import {
  Dialog as DialogRoot,
  DialogContent,
@@ -27,6 +27,7 @@ import {
  DialogTitle,
  DialogTrigger,
 } from '@/components/ui/dialog'
+import { cn } from '@/lib/utils'

 type DialogProps = React.ComponentProps<typeof DialogRoot> & {
  title: React.ReactNode
@@ -17,6 +17,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { createElement, type ReactNode } from 'react'
+
 import { cn } from '@/lib/utils'

 export const sideDrawerContentClassName = (className?: string) =>
@@ -16,10 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { Database, type LucideIcon } from 'lucide-react'
+import type { ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
+import { FadeIn } from '@/components/page-transition'
 import {
  Empty,
  EmptyContent,
@@ -28,7 +29,7 @@ import {
  EmptyMedia,
  EmptyTitle,
 } from '@/components/ui/empty'
-import { FadeIn } from '@/components/page-transition'
+import { cn } from '@/lib/utils'

 interface EmptyStateProps {
  icon?: LucideIcon
@@ -16,10 +16,11 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import type { ReactNode } from 'react'
 import { AlertTriangle, type LucideIcon } from 'lucide-react'
+import type { ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
+import { FadeIn } from '@/components/page-transition'
 import { Button } from '@/components/ui/button'
 import {
  Empty,
@@ -29,7 +30,7 @@ import {
  EmptyMedia,
  EmptyTitle,
 } from '@/components/ui/empty'
-import { FadeIn } from '@/components/page-transition'
+import { cn } from '@/lib/utils'

 interface ErrorStateProps {
  icon?: LucideIcon
@@ -17,7 +17,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { useTranslation } from 'react-i18next'
+
 import { cn } from '@/lib/utils'
+
 import { StatusBadge, type StatusBadgeProps } from './status-badge'

 type GroupBadgeProps = Omit<
@@ -16,6 +16,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
+import { AlertCircle, Braces, CheckCircle2, Code2 } from 'lucide-react'
 import {
  useMemo,
  useRef,
@@ -23,11 +24,11 @@ import {
  type ComponentProps,
  type KeyboardEvent,
 } from 'react'
-import { AlertCircle, Braces, CheckCircle2, Code2 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import { Textarea } from '@/components/ui/textarea'
+import { cn } from '@/lib/utils'

 export type JsonCodeEditorProps = Omit<ComponentProps<'div'>, 'onChange'> & {
  value: string
@@ -16,13 +16,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { useState, useEffect } from 'react'
 import { Code, Table, Plus, Trash2 } from 'lucide-react'
+import { useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
+import { cn } from '@/lib/utils'

 type JsonEditorProps = {
  value: string
@@ -16,16 +16,10 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { useCallback } from 'react'
-import {
-  INTERFACE_LANGUAGE_OPTIONS,
-  normalizeInterfaceLanguage,
-} from '@/i18n/languages'
 import { Languages, Check } from 'lucide-react'
+import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useAuthStore } from '@/stores/auth-store'
-import { api } from '@/lib/api'
-import { cn } from '@/lib/utils'
+
 import { Button } from '@/components/ui/button'
 import {
  DropdownMenu,
@@ -33,6 +27,13 @@ import {
  DropdownMenuItem,
  DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu'
+import {
+  INTERFACE_LANGUAGE_OPTIONS,
+  normalizeInterfaceLanguage,
+} from '@/i18n/languages'
+import { api } from '@/lib/api'
+import { cn } from '@/lib/utils'
+import { useAuthStore } from '@/stores/auth-store'

 export function LanguageSwitcher() {
  const { i18n, t } = useTranslation()
@@ -16,13 +16,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { useNotifications } from '@/hooks/use-notifications'
-import { useTopNavLinks } from '@/hooks/use-top-nav-links'
 import { ConfigDrawer } from '@/components/config-drawer'
 import { LanguageSwitcher } from '@/components/language-switcher'
 import { NotificationPopover } from '@/components/notification-popover'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { useNotifications } from '@/hooks/use-notifications'
+import { useTopNavLinks } from '@/hooks/use-top-nav-links'
+
 import { defaultTopNavLinks } from '../config/top-nav.config'
 import { type TopNavLink } from '../types'
 import { Header } from './header'
@@ -17,10 +17,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import { AnimatePresence, motion, useReducedMotion } from 'motion/react'
-import { MOTION_TRANSITION, MOTION_VARIANTS } from '@/lib/motion'
+
+import { Sidebar, SidebarContent, SidebarRail } from '@/components/ui/sidebar'
 import { useLayout } from '@/context/layout-provider'
 import { useSidebarView } from '@/hooks/use-sidebar-view'
-import { Sidebar, SidebarContent, SidebarRail } from '@/components/ui/sidebar'
+import { MOTION_TRANSITION, MOTION_VARIANTS } from '@/lib/motion'
+
 import { NavGroup } from './nav-group'
 import { SidebarViewHeader } from './sidebar-view-header'

@@ -16,13 +16,14 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { getCookie } from '@/lib/cookies'
-import { cn } from '@/lib/utils'
-import { LayoutProvider } from '@/context/layout-provider'
-import { SearchProvider } from '@/context/search-provider'
-import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar'
 import { AnimatedOutlet } from '@/components/page-transition'
 import { SkipToMain } from '@/components/skip-to-main'
+import { SidebarInset, SidebarProvider } from '@/components/ui/sidebar'
+import { LayoutProvider } from '@/context/layout-provider'
+import { SearchProvider } from '@/context/search-provider'
+import { getCookie } from '@/lib/cookies'
+import { cn } from '@/lib/utils'
+
 import { AppHeader } from './app-header'
 import { AppSidebar } from './app-sidebar'

@@ -16,11 +16,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { useMemo, useCallback, useRef, useState } from 'react'
 import { Link, useLocation } from '@tanstack/react-router'
 import { ExternalLink, Loader2, ChevronRight } from 'lucide-react'
+import { useMemo, useCallback, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { toast } from 'sonner'
+
 import {
  Collapsible,
  CollapsibleContent,
@@ -47,6 +48,7 @@ import {
  resolveChatUrl,
  type ChatPreset,
 } from '@/features/chat/lib/chat-links'
+
 import { normalizeHref } from '../lib/url-utils'
 import type { NavChatPresets } from '../types'

@@ -16,12 +16,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { Fragment, useMemo } from 'react'
 import { Link } from '@tanstack/react-router'
+import { Fragment, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
-import { cn } from '@/lib/utils'
+
 import { useStatus } from '@/hooks/use-status'
 import { useSystemConfig } from '@/hooks/use-system-config'
+import { cn } from '@/lib/utils'

 interface FooterLink {
  text: string
@@ -16,8 +16,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
+import React from 'react'
+
 import { cn } from '@/lib/utils'

 const glowVariants = cva('absolute w-full', {
@@ -16,8 +16,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.

 For commercial licensing, please contact support@quantumnous.com
 */
-import { cn } from '@/lib/utils'
 import { SidebarTrigger } from '@/components/ui/sidebar'
+import { cn } from '@/lib/utils'

 type HeaderProps = React.HTMLAttributes<HTMLElement>

@@ -17,8 +17,9 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
 For commercial licensing, please contact support@quantumnous.com
 */
 import React from 'react'
-import { cn } from '@/lib/utils'
+
 import { Badge } from '@/components/ui/badge'
+import { cn } from '@/lib/utils'

 export interface LogoProps extends React.HTMLAttributes<HTMLDivElement> {
  image: React.ComponentType<React.SVGProps<SVGSVGElement>>
--- a/Show More
+++ b/Show More