chore: run `bun format` to automatically format the frontend code

web/default/AGENTS.md

@@ -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 代码风格与类型

web/default/knip.config.ts

-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;
\ No newline at end of file
+export default config

web/default/netlify.toml

 [[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
\ No newline at end of file
+from = "/*"
+to = "/index.html"
+status = 200

web/default/scripts/sync-i18n.mjs

@@ -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
 })

web/default/src/assets/brand-icons/icon-discord.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-docker.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-facebook.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-figma.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-github.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-gitlab.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-gmail.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-linuxdo.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-medium.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-notion.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-skype.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-slack.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-stripe.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-telegram.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-trello.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-wechat.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-whatsapp.tsx

@@ -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>) {

web/default/src/assets/brand-icons/icon-zoom.tsx

@@ -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>) {

web/default/src/assets/clerk-logo.tsx

@@ -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>) {

web/default/src/assets/custom/icon-dir.tsx

@@ -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

web/default/src/assets/custom/icon-theme-system.tsx

@@ -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({

web/default/src/assets/logo.tsx

@@ -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>) {

web/default/src/components/ai-elements/actions.tsx

@@ -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'>
 

web/default/src/components/ai-elements/artifact.tsx

@@ -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>
 

web/default/src/components/ai-elements/branch.tsx

@@ -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

web/default/src/components/ai-elements/canvas.tsx

@@ -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'
 

web/default/src/components/ai-elements/chain-of-thought.tsx

@@ -19,26 +19,27 @@ For commercial licensing, please contact support@quantumnous.com
 'use client'
 
 import {
+  BrainIcon,
+  ChevronDownIcon,
+  DotIcon,
+  type LucideIcon,
+} from 'lucide-react'
+import {
   type ComponentProps,
   createContext,
   memo,
   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

web/default/src/components/ai-elements/confirmation.tsx

@@ -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 =

web/default/src/components/ai-elements/context.tsx

@@ -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

web/default/src/components/ai-elements/controls.tsx

@@ -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>

web/default/src/components/ai-elements/image.tsx

@@ -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 & {

web/default/src/components/ai-elements/inline-citation.tsx

@@ -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'>
 

web/default/src/components/ai-elements/loader.tsx

@@ -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 = {

web/default/src/components/ai-elements/message.tsx

@@ -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']

web/default/src/components/ai-elements/node.tsx

@@ -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: {

web/default/src/components/ai-elements/open-in-chat.tsx

@@ -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: {

web/default/src/components/ai-elements/panel.tsx

@@ -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>

web/default/src/components/ai-elements/plan.tsx

@@ -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 = {

web/default/src/components/ai-elements/prompt-input.tsx

@@ -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

web/default/src/components/ai-elements/queue.tsx

@@ -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

web/default/src/components/ai-elements/response-renderer-alert.tsx

@@ -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'

web/default/src/components/ai-elements/response-renderer-details.tsx

@@ -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'

web/default/src/components/ai-elements/response-renderer-footnotes.tsx

@@ -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'

web/default/src/components/ai-elements/shimmer.tsx

@@ -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 = {

web/default/src/components/ai-elements/suggestion.tsx

@@ -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>
 

web/default/src/components/ai-elements/task.tsx

@@ -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'>
 

web/default/src/components/ai-elements/tool.tsx

@@ -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

web/default/src/components/ai-elements/toolbar.tsx

@@ -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>

web/default/src/components/ai-elements/web-preview.tsx

@@ -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

web/default/src/components/animate-in-view.tsx

@@ -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 {

web/default/src/components/auto-skeleton.tsx

@@ -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

web/default/src/components/command-menu.tsx

@@ -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'
 

web/default/src/components/config-drawer.tsx

@@ -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

web/default/src/components/confirm-dialog.tsx

@@ -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

web/default/src/components/copy-button.tsx

@@ -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

web/default/src/components/data-table/core/badge-cell.tsx

@@ -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>

web/default/src/components/data-table/core/badge-list-cell.tsx

@@ -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[]

web/default/src/components/data-table/core/column-header.tsx

@@ -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> & {

web/default/src/components/data-table/core/data-table-header.tsx

@@ -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'

web/default/src/components/data-table/core/data-table-row.tsx

@@ -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'
 

web/default/src/components/data-table/core/data-table-view.tsx

@@ -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'

web/default/src/components/data-table/core/pagination.tsx

@@ -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>

web/default/src/components/data-table/core/row-action-menu.tsx

@@ -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,

web/default/src/components/data-table/core/table-empty.tsx

@@ -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,

web/default/src/components/data-table/core/table-sizing.ts

@@ -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'
 

web/default/src/components/data-table/core/table-skeleton.tsx

@@ -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%',

web/default/src/components/data-table/core/truncated-cell.tsx

@@ -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

web/default/src/components/data-table/core/types.ts

@@ -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,

web/default/src/components/data-table/hooks/use-data-table.ts

@@ -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>,

web/default/src/components/data-table/hooks/use-debounced-column-filter.ts

@@ -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 = {

web/default/src/components/data-table/layout/card-row-content.tsx

@@ -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'
 
 /**

web/default/src/components/data-table/static/static-data-table.tsx

@@ -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'
 

web/default/src/components/data-table/static/static-row-actions.tsx

@@ -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 = {

web/default/src/components/data-table/toolbar/bulk-actions.tsx

@@ -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>

web/default/src/components/data-table/toolbar/faceted-filter.tsx

@@ -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>

web/default/src/components/data-table/toolbar/toolbar.tsx

@@ -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 { 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 * as React from 'react'
+import { useState, type ReactNode } 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 { useDebounce } from '@/hooks'
+import { cn } from '@/lib/utils'
+
 import { DataTableFacetedFilter } from './faceted-filter'
 import { DataTableViewOptions } from './view-options'
 

web/default/src/components/data-table/toolbar/view-mode-toggle.tsx

@@ -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,

web/default/src/components/data-table/toolbar/view-options.tsx

@@ -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,

web/default/src/components/date-picker.tsx

@@ -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,

web/default/src/components/datetime-picker.tsx

@@ -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,

web/default/src/components/dialog.tsx

@@ -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

web/default/src/components/drawer-layout.ts

@@ -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) =>

web/default/src/components/empty-state.tsx

@@ -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

web/default/src/components/error-state.tsx

@@ -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

web/default/src/components/group-badge.tsx

@@ -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<

web/default/src/components/json-code-editor.tsx

@@ -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

web/default/src/components/json-editor.tsx

@@ -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

web/default/src/components/language-switcher.tsx

@@ -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()

web/default/src/components/layout/components/app-header.tsx

@@ -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'

web/default/src/components/layout/components/app-sidebar.tsx

@@ -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'
 

web/default/src/components/layout/components/authenticated-layout.tsx

@@ -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'
 

web/default/src/components/layout/components/chat-presets-item.tsx

@@ -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'
 

web/default/src/components/layout/components/footer.tsx

@@ -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

web/default/src/components/layout/components/glow.tsx

@@ -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', {

web/default/src/components/layout/components/header.tsx

@@ -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>
 

web/default/src/components/layout/components/logo.tsx

@@ -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>>