Calcium-Ion
31d70fca39
* refactor(auth): replace dashboard sessions with stateless tokens * feat(auth): harden session issuance and distributed enforcement * fix(proxy): preserve trusted proxy compatibility defaults * refactor: address dashboard auth review feedback * refactor: remove classic frontend and flatten web app
108 lines
3.3 KiB
TypeScript
108 lines
3.3 KiB
TypeScript
/*
|
|
Copyright (C) 2023-2026 QuantumNous
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or (at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
For commercial licensing, please contact support@quantumnous.com
|
|
*/
|
|
import { useQuery } from '@tanstack/react-query'
|
|
import { Link } from '@tanstack/react-router'
|
|
import { Settings2 } from 'lucide-react'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
import { SectionPageLayout } from '@/components/layout'
|
|
import { Badge } from '@/components/ui/badge'
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipTrigger,
|
|
} from '@/components/ui/tooltip'
|
|
import { ROLE } from '@/lib/roles'
|
|
import { useAuthStore } from '@/stores/auth-store'
|
|
|
|
import { getChannelOps } from './api'
|
|
import { ChannelsDialogs } from './components/channels-dialogs'
|
|
import { ChannelsPrimaryButtons } from './components/channels-primary-buttons'
|
|
import { ChannelsProvider } from './components/channels-provider'
|
|
import { ChannelsTable } from './components/channels-table'
|
|
|
|
export function Channels() {
|
|
const { t } = useTranslation()
|
|
const isRoot = useAuthStore(
|
|
(state) => state.auth.user?.role === ROLE.SUPER_ADMIN
|
|
)
|
|
const channelOpsQuery = useQuery({
|
|
queryKey: ['channel-ops'],
|
|
queryFn: getChannelOps,
|
|
retry: false,
|
|
staleTime: 5 * 60 * 1000,
|
|
})
|
|
const retryTimes = channelOpsQuery.data?.data?.retry_times
|
|
const retryLabel =
|
|
typeof retryTimes === 'number' ? `${t('Max Retries')}: ${retryTimes}` : null
|
|
let retryBadge = null
|
|
if (retryLabel) {
|
|
retryBadge = isRoot ? (
|
|
<Tooltip>
|
|
<TooltipTrigger
|
|
render={
|
|
<Badge
|
|
variant='outline'
|
|
className='shrink-0 cursor-pointer'
|
|
aria-label={t('Retry Settings')}
|
|
render={
|
|
<Link
|
|
to='/system-settings/models/$section'
|
|
params={{ section: 'routing-reliability' }}
|
|
/>
|
|
}
|
|
/>
|
|
}
|
|
>
|
|
<span>{retryLabel}</span>
|
|
<Settings2 data-icon='inline-end' />
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>{t('Retry Settings')}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
) : (
|
|
<Badge variant='outline' className='shrink-0'>
|
|
{retryLabel}
|
|
</Badge>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<ChannelsProvider>
|
|
<SectionPageLayout fixedContent>
|
|
<SectionPageLayout.Title>
|
|
<span className='flex min-w-0 items-center gap-2'>
|
|
<span className='truncate'>{t('Channels')}</span>
|
|
{retryBadge}
|
|
</span>
|
|
</SectionPageLayout.Title>
|
|
<SectionPageLayout.Actions>
|
|
<ChannelsPrimaryButtons />
|
|
</SectionPageLayout.Actions>
|
|
<SectionPageLayout.Content>
|
|
<ChannelsTable />
|
|
</SectionPageLayout.Content>
|
|
</SectionPageLayout>
|
|
|
|
<ChannelsDialogs />
|
|
</ChannelsProvider>
|
|
)
|
|
}
|