import { Head } from '@inertiajs/react' import StyledTable from '~/components/StyledTable' import SettingsLayout from '~/layouts/SettingsLayout' import { ServiceSlim } from '../../../types/services' import { getServiceLink } from '~/lib/navigation' import LoadingSpinner from '~/components/LoadingSpinner' import { IconCheck } from '@tabler/icons-react' import { useState } from 'react' export default function ModelsPage(props: { models: { installedModels: string[] } }) { const [loading, setLoading] = useState(false) return (

Models

Easily manage the AI models available for Open WebUI

{loading && } {!loading && ( className="font-semibold" rowLines={true} columns={[ { accessor: 'friendly_name', title: 'Name', render(record) { return (

{record.friendly_name || record.service_name}

{record.description}

) }, }, { accessor: 'ui_location', title: 'Port', render: (record) => ( {record.ui_location} ), }, { accessor: 'installed', title: 'Installed', render: (record) => record.installed ? : '', }, ]} data={[]} /> )}
) }