e1b6690763
# Conflicts: # web-app/src/containers/DropdownModelProvider.tsx # web-app/src/containers/SettingsMenu.tsx # web-app/src/containers/dialogs/DeleteModel.tsx # web-app/src/routes/__root.tsx # web-app/src/routes/settings/general.tsx # web-app/src/routes/threads/$threadId.tsx
105 lines
3.6 KiB
TypeScript
105 lines
3.6 KiB
TypeScript
import { createRootRoute, Outlet, useRouterState } from '@tanstack/react-router'
|
|
// import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
|
|
|
|
import LeftPanel from '@/containers/LeftPanel'
|
|
import DialogAppUpdater from '@/containers/dialogs/AppUpdater'
|
|
import { CortexFailureDialog } from '@/containers/dialogs/CortexFailureDialog' // Added import
|
|
import { Fragment } from 'react/jsx-runtime'
|
|
import { AppearanceProvider } from '@/providers/AppearanceProvider'
|
|
import { ThemeProvider } from '@/providers/ThemeProvider'
|
|
import { KeyboardShortcutsProvider } from '@/providers/KeyboardShortcuts'
|
|
import { DataProvider } from '@/providers/DataProvider'
|
|
import { route } from '@/constants/routes'
|
|
import { ExtensionProvider } from '@/providers/ExtensionProvider'
|
|
import { ToasterProvider } from '@/providers/ToasterProvider'
|
|
import { useAnalytic } from '@/hooks/useAnalytic'
|
|
import { PromptAnalytic } from '@/containers/analytics/PromptAnalytic'
|
|
import { AnalyticProvider } from '@/providers/AnalyticProvider'
|
|
import { useLeftPanel } from '@/hooks/useLeftPanel'
|
|
import { cn } from '@/lib/utils'
|
|
import ToolApproval from '@/containers/dialogs/ToolApproval'
|
|
import { TranslationProvider } from '@/i18n/TranslationContext'
|
|
import OutOfContextPromiseModal from '@/containers/dialogs/OutOfContextDialog'
|
|
|
|
export const Route = createRootRoute({
|
|
component: RootLayout,
|
|
})
|
|
|
|
const AppLayout = () => {
|
|
const { productAnalyticPrompt } = useAnalytic()
|
|
const { open: isLeftPanelOpen } = useLeftPanel()
|
|
|
|
return (
|
|
<Fragment>
|
|
<AnalyticProvider />
|
|
<KeyboardShortcutsProvider />
|
|
<main className="relative h-svh text-sm antialiased select-none bg-app">
|
|
{/* Fake absolute panel top to enable window drag */}
|
|
<div className="absolute w-full h-10 z-10" data-tauri-drag-region />
|
|
<DialogAppUpdater />
|
|
<div className="flex h-full">
|
|
{/* left content panel - only show if not logs route */}
|
|
<LeftPanel />
|
|
|
|
{/* Main content panel */}
|
|
<div
|
|
className={cn(
|
|
'h-full flex w-full p-1',
|
|
isLeftPanelOpen && 'w-[calc(100%-198px)]'
|
|
)}
|
|
>
|
|
<div className="bg-main-view text-main-view-fg border border-main-view-fg/5 w-full rounded-lg overflow-hidden">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
{productAnalyticPrompt && <PromptAnalytic />}
|
|
</Fragment>
|
|
)
|
|
}
|
|
|
|
const LogsLayout = () => {
|
|
return (
|
|
<Fragment>
|
|
<main className="relative h-svh text-sm antialiased select-text bg-app">
|
|
<div className="flex h-full">
|
|
{/* Main content panel */}
|
|
<div className="h-full flex w-full">
|
|
<div className="bg-main-view text-main-view-fg border border-main-view-fg/5 w-full overflow-hidden">
|
|
<Outlet />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</Fragment>
|
|
)
|
|
}
|
|
|
|
function RootLayout() {
|
|
const router = useRouterState()
|
|
|
|
const isLocalAPIServerLogsRoute =
|
|
router.location.pathname === route.localApiServerlogs ||
|
|
router.location.pathname === route.systemMonitor ||
|
|
router.location.pathname === route.appLogs
|
|
|
|
return (
|
|
<Fragment>
|
|
<ThemeProvider />
|
|
<AppearanceProvider />
|
|
<ToasterProvider />
|
|
<TranslationProvider>
|
|
<ExtensionProvider>
|
|
<DataProvider />
|
|
</ExtensionProvider>
|
|
{isLocalAPIServerLogsRoute ? <LogsLayout /> : <AppLayout />}
|
|
{/* <TanStackRouterDevtools position="bottom-right" /> */}
|
|
<CortexFailureDialog />
|
|
<ToolApproval />
|
|
<OutOfContextPromiseModal />
|
|
</TranslationProvider>
|
|
</Fragment>
|
|
)
|
|
}
|