<script lang="ts">
	import DebugMenu from "$lib/components/debug-menu.svelte";
	import CustomModelConfig from "$lib/components/inference-playground/custom-model-config.svelte";
	import ImgPreview from "$lib/components/inference-playground/img-preview.svelte";
	import Prompts from "$lib/components/prompts.svelte";
	import QuotaModal from "$lib/components/quota-modal.svelte";
	import ShareModal from "$lib/components/share-modal.svelte";
	import Playground from "$lib/components/inference-playground/playground.svelte";
	import { conversations } from "$lib/state/conversations.svelte";
	import { models } from "$lib/state/models.svelte";
	import { projects } from "$lib/state/projects.svelte";

	await models.load();
	await projects.init();
	await conversations.init();
</script>

<Playground />

<DebugMenu />
<Prompts />
<QuotaModal />
<ShareModal />
<CustomModelConfig />
<ImgPreview />
