Spaces:
Running
on
Inf2
Running
on
Inf2
File size: 2,907 Bytes
2c972ff 98051f8 01b06a3 612f16b 01b06a3 a1a6daf 7bf1507 a1a6daf 7bf1507 d13f9cf 7bf1507 2c972ff 7bf1507 fa48522 6a0861b 7bf1507 48059af 7c43dbf 7bf1507 7c43dbf fa48522 5bc9ce5 48059af 24cec9f fa48522 6ab6228 fa48522 48059af b813667 4c06898 b813667 a2ea417 b813667 01b06a3 7af80c2 7bf1507 7af80c2 a1a6daf 7af80c2 01b06a3 e99e7c2 725337f 0031e51 6082d27 e99e7c2 6082d27 fa48522 01b06a3 6ab6228 fa48522 7bf1507 2c972ff |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
<script lang="ts">
import Logo from "$lib/components/icons/Logo.svelte";
import type { Model } from "$lib/types/Model";
import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
const publicConfig = usePublicConfig();
interface Props {
currentModel: Model;
onmessage?: (content: string) => void;
}
let { currentModel: _currentModel, onmessage }: Props = $props();
$effect(() => {
// referenced to appease linter while UI blocks are commented out
void _currentModel;
void onmessage;
});
</script>
<div class="my-auto grid items-center justify-center gap-8 text-center">
<div
class="flex -translate-y-16 select-none items-center rounded-xl text-3xl font-semibold md:-translate-y-12 md:text-5xl"
>
<Logo classNames="size-12 md:size-20 dark:invert mr-0.5" />
{publicConfig.PUBLIC_APP_NAME}
</div>
<!-- <div class="lg:col-span-1">
<div>
<div class="mb-3 flex items-center text-2xl font-semibold">
<Logo classNames="mr-1 flex-none dark:invert" />
{publicConfig.PUBLIC_APP_NAME}
<div
class="ml-3 flex h-6 items-center rounded-lg border border-gray-100 bg-gray-50 px-2 text-base text-gray-400 dark:border-gray-700/60 dark:bg-gray-800"
>
{publicConfig.PUBLIC_VERSION}
</div>
</div>
<p class="text-base text-gray-600 dark:text-gray-400">
{publicConfig.PUBLIC_APP_DESCRIPTION ||
"Making the community's best AI chat models available to everyone."}
</p>
</div>
</div>
<div class="lg:col-span-2 lg:pl-24">
{#each JSON5.parse(publicConfig.PUBLIC_ANNOUNCEMENT_BANNERS || "[]") as banner}
<AnnouncementBanner classNames="mb-4" title={banner.title}>
<a
target={banner.external ? "_blank" : "_self"}
href={banner.linkHref}
class="mr-2 flex items-center underline hover:no-underline">{banner.linkTitle}</a
>
</AnnouncementBanner>
{/each}
<div class="overflow-hidden rounded-xl border dark:border-gray-800">
<div class="flex p-3">
<div>
<div class="text-sm text-gray-600 dark:text-gray-400">Current Model</div>
<div class="flex items-center gap-1.5 font-semibold max-sm:text-smd">
{#if currentModel.logoUrl}
<img
class="aspect-square size-4 rounded border bg-white dark:border-gray-700"
src={currentModel.logoUrl}
alt=""
/>
{:else}
<div
class="size-4 rounded border border-transparent bg-gray-300 dark:bg-gray-800"
></div>
{/if}
{currentModel.displayName}
</div>
</div>
<a
href="{base}/settings/models/{currentModel.id}"
aria-label="Settings"
class="btn ml-auto flex h-7 w-7 self-start rounded-full bg-gray-100 p-1 text-xs hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:hover:bg-gray-600"
><IconGear /></a
>
</div>
<ModelCardMetadata variant="dark" model={currentModel} />
</div>
</div>
<div class="h-40 sm:h-24"></div> -->
</div>
|