link to play

Author: TGlide

src/lib/components/inference-playground/playground.svelte

@@ -9,6 +9,7 @@
 	import { cmdOrCtrl, optOrAlt } from "$lib/utils/platform.js";
 	import { Popover } from "melt/components";
 	import IconChatLeft from "~icons/carbon/align-box-bottom-left";
+	import IconImage from "~icons/carbon/image";
 	import IconChatRight from "~icons/carbon/align-box-bottom-right";
 	import IconExternal from "~icons/carbon/arrow-up-right";
 	import IconWaterfall from "~icons/carbon/chart-waterfall";
@@ -344,7 +345,14 @@
 
 					<GenerationConfig conversation={conversations.active[0]!} />
 
-					<div class="mt-auto flex items-center justify-end gap-4 whitespace-nowrap">
+					<div class="mt-auto flex flex-wrap items-center justify-end gap-4 whitespace-nowrap">
+						<a
+							href="/visual"
+							class="flex basis-full items-center justify-end gap-1 text-sm text-gray-500 underline decoration-gray-300 hover:text-gray-800 dark:text-gray-400 dark:decoration-gray-600 dark:hover:text-gray-200"
+						>
+							<IconImage class="text-xs" />
+							Image/Video generation
+						</a>
 						<button
 							onclick={() => projects.current && showShareModal(projects.current)}
 							class="flex items-center gap-1 text-sm text-gray-500 underline decoration-gray-300 hover:text-gray-800 dark:text-gray-400 dark:decoration-gray-600 dark:hover:text-gray-200"

src/lib/data/context_length.json

@@ -189,6 +189,7 @@
 		"meta-llama/Llama-3-8b-chat-hf": 8192,
 		"mistralai/Mistral-7B-Instruct-v0.1": 32768,
 		"BAAI/bge-base-en-v1.5-vllm": 512,
+		"meta-llama/Llama-2-70b-hf": 4096,
 		"togethercomputer/MoA-1-Turbo": 32768,
 		"meta-llama/Meta-Llama-3-8B-Instruct-Lite": 8192,
 		"black-forest-labs/FLUX.1-kontext-max": 0,
@@ -215,7 +216,6 @@
 		"Qwen/Qwen2.5-Coder-32B-Instruct": 16384,
 		"meta-llama/Llama-3.2-3B-Instruct-Turbo": 131072,
 		"arcee-ai/virtuoso-medium-v2": 131072,
-		"lgai/exaone-3-5-32b-instruct": 32768,
 		"arcee-ai/coder-large": 32768,
 		"meta-llama/Llama-Guard-4-12B": 1048576,
 		"deepseek-ai/DeepSeek-R1-Distill-Qwen-14B": 131072,
@@ -234,14 +234,14 @@
 		"meta-llama/Llama-4-Maverick-17B-128E-Instruct-FP8": 1048576,
 		"marin-community/marin-8b-instruct": 131072,
 		"Qwen/Qwen2.5-7B-Instruct-Turbo": 32768,
-		"lgai/exaone-deep-32b": 32768,
 		"meta-llama/Meta-Llama-3.1-70B-Instruct-Turbo": 131072,
 		"meta-llama/Llama-3.3-70B-Instruct-Turbo": 131072,
 		"meta-llama/Meta-Llama-3.1-405B-Instruct-Turbo": 130815,
 		"scb10x/scb10x-typhoon-2-1-gemma3-12b": 8192,
 		"arcee-ai/caller": 32768,
 		"black-forest-labs/FLUX.1-kontext-pro": 0,
-		"meta-llama/Llama-2-70b-hf": 4096
+		"lgai/exaone-deep-32b": 32768,
+		"lgai/exaone-3-5-32b-instruct": 32768
 	},
 	"fireworks-ai": {
 		"accounts/fireworks/models/qwq-32b": 131072,

src/routes/visual/(components)/settings.svelte

@@ -61,6 +61,7 @@
 	import IconSparkles from "~icons/lucide/sparkles";
 	import IconVideo from "~icons/lucide/video";
 	import { settings } from "../(state)/settings.svelte.js";
+	import IconMessage from "~icons/lucide/message-square-text";
 	import {
 		blobs,
 		VisualEntityType,
@@ -69,6 +70,7 @@
 		type VisualItem,
 	} from "../(state)/visual-items.svelte.js";
 	import type { ApiModelsResponse } from "../../api/models/+server.js";
+	import { dev } from "$app/environment";
 
 	type Props = {
 		style?: string;
@@ -325,6 +327,13 @@
 		</div>
 	</div>
 
+	<a
+		href="/"
+		class="flex items-center justify-end gap-1 px-4 py-2 text-sm text-stone-500 underline decoration-stone-300 hover:text-stone-800 dark:text-stone-400 dark:decoration-stone-600 dark:hover:text-stone-200"
+	>
+		<IconMessage class="text-xs" />
+		Text generation
+	</a>
 	<div class="sidebar-footer space-y-2 border-t border-stone-200 p-4 dark:border-stone-700">
 		{#snippet generateBtn(args: { classes?: string; onGenerate: () => void; icon: typeof IconSparkles; label: string })}
 			<LocalToasts>
@@ -355,12 +364,14 @@
 			label: `Generate ${contentType}`,
 		})}
 
-		{@render generateBtn({
-			classes: "btn-depth-stone",
-			onGenerate: () => generateContent(true),
-			icon: IconHeart,
-			label: "Mock generate",
-		})}
+		{#if dev}
+			{@render generateBtn({
+				classes: "btn-depth-stone",
+				onGenerate: () => generateContent(true),
+				icon: IconHeart,
+				label: "Mock generate",
+			})}
+		{/if}
 	</div>
 </div>