move utils file

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

@@ -3,6 +3,11 @@
 	import { structuredForbiddenProviders } from "$lib/state/models.svelte";
 	import { token } from "$lib/state/token.svelte.js";
 	import { isCustomModel } from "$lib/types.js";
+	import {
+		getInferenceSnippet,
+		type GetInferenceSnippetReturn,
+		type InferenceSnippetLanguage,
+	} from "$lib/utils/business.svelte.js";
 	import { copyToClipboard } from "$lib/utils/copy.js";
 	import { entries, fromEntries, keys } from "$lib/utils/object.svelte.js";
 	import hljs from "highlight.js/lib/core";
@@ -12,11 +17,6 @@
 	import IconExternal from "~icons/carbon/arrow-up-right";
 	import IconCopy from "~icons/carbon/copy";
 	import LocalToasts from "../local-toasts.svelte";
-	import {
-		getInferenceSnippet,
-		type GetInferenceSnippetReturn,
-		type InferenceSnippetLanguage,
-	} from "./utils.svelte.js";
 
 	hljs.registerLanguage("javascript", javascript);
 	hljs.registerLanguage("python", python);

src/lib/components/inference-playground/custom-model-config.svelte

@@ -24,6 +24,7 @@
 	import { clickOutside } from "$lib/attachments/click-outside.js";
 	import { models } from "$lib/state/models.svelte";
 	import { PipelineTag, pipelineTagLabel, type Conversation, type CustomModel } from "$lib/types.js";
+	import { handleNonStreamingResponse } from "$lib/utils/business.svelte.js";
 	import { createFieldValidation } from "$lib/utils/form.svelte.js";
 	import { keys } from "$lib/utils/object.svelte.js";
 	import { isValidURL } from "$lib/utils/url.js";
@@ -35,7 +36,6 @@
 	import IconCaret from "~icons/carbon/chevron-down";
 	import IconCross from "~icons/carbon/close";
 	import Tooltip from "../tooltip.svelte";
-	import { handleNonStreamingResponse } from "./utils.svelte.js";
 
 	let dialog: HTMLDialogElement | undefined = $state();
 	const exists = $derived(!!models.custom.find(m => m._id === model?._id));

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

@@ -1,12 +1,12 @@
 <script lang="ts">
 	import type { ConversationClass } from "$lib/state/conversations.svelte.js";
+	import { structuredForbiddenProviders } from "$lib/state/models.svelte.js";
+	import { maxAllowedTokens } from "$lib/utils/business.svelte.js";
 	import { isNumber } from "$lib/utils/is.js";
 	import { watch } from "runed";
 	import IconX from "~icons/carbon/close";
 	import { GENERATION_CONFIG_KEYS, GENERATION_CONFIG_SETTINGS } from "./generation-config-settings.js";
 	import StructuredOutputModal from "./structured-output-modal.svelte";
-	import { maxAllowedTokens } from "./utils.svelte.js";
-	import { structuredForbiddenProviders } from "$lib/state/models.svelte.js";
 
 	interface Props {
 		conversation: ConversationClass;

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

@@ -1,24 +1,13 @@
 <script lang="ts">
 	import { observe, observed, ObservedElements } from "$lib/attachments/observe.svelte.js";
-	import { token } from "$lib/state/token.svelte.js";
-	import { cmdOrCtrl, optOrAlt } from "$lib/utils/platform.js";
-	import { Popover } from "melt/components";
-	import { default as IconDelete } from "~icons/carbon/trash-can";
-	import Toaster from "../toaster.svelte";
-	import Tooltip from "../tooltip.svelte";
-	import PlaygroundConversationHeader from "./conversation-header.svelte";
-	import PlaygroundConversation from "./conversation.svelte";
-	import GenerationConfig from "./generation-config.svelte";
-	import HFTokenModal from "./hf-token-modal.svelte";
-	import ModelSelectorModal from "./model-selector-modal.svelte";
-	import ModelSelector from "./model-selector.svelte";
-	import ProjectSelect from "./project-select.svelte";
-	import { isSystemPromptSupported } from "./utils.svelte.js";
-
 	import { conversations } from "$lib/state/conversations.svelte";
 	import { projects } from "$lib/state/projects.svelte";
+	import { token } from "$lib/state/token.svelte.js";
 	import { isHFModel } from "$lib/types.js";
 	import { iterate } from "$lib/utils/array.js";
+	import { isSystemPromptSupported } from "$lib/utils/business.svelte.js";
+	import { cmdOrCtrl, optOrAlt } from "$lib/utils/platform.js";
+	import { Popover } from "melt/components";
 	import IconChatLeft from "~icons/carbon/align-box-bottom-left";
 	import IconChatRight from "~icons/carbon/align-box-bottom-right";
 	import IconExternal from "~icons/carbon/arrow-up-right";
@@ -28,8 +17,18 @@
 	import IconCompare from "~icons/carbon/compare";
 	import IconInfo from "~icons/carbon/information";
 	import IconSettings from "~icons/carbon/settings";
-	import { showShareModal } from "../share-modal.svelte";
 	import IconShare from "~icons/carbon/share";
+	import { default as IconDelete } from "~icons/carbon/trash-can";
+	import { showShareModal } from "../share-modal.svelte";
+	import Toaster from "../toaster.svelte";
+	import Tooltip from "../tooltip.svelte";
+	import PlaygroundConversationHeader from "./conversation-header.svelte";
+	import PlaygroundConversation from "./conversation.svelte";
+	import GenerationConfig from "./generation-config.svelte";
+	import HFTokenModal from "./hf-token-modal.svelte";
+	import ModelSelectorModal from "./model-selector-modal.svelte";
+	import ModelSelector from "./model-selector.svelte";
+	import ProjectSelect from "./project-select.svelte";
 
 	const multiple = $derived(conversations.active.length > 1);
 

src/lib/state/conversations.svelte.ts

@@ -2,13 +2,10 @@ import {
 	defaultGenerationConfig,
 	type GenerationConfig,
 } from "$lib/components/inference-playground/generation-config-settings.js";
-import {
-	handleNonStreamingResponse,
-	handleStreamingResponse,
-} from "$lib/components/inference-playground/utils.svelte.js";
 import { addToast } from "$lib/components/toaster.svelte.js";
 import { AbortManager } from "$lib/spells/abort-manager.svelte";
 import { PipelineTag, Provider, type ConversationMessage, type GenerationStatistics, type Model } from "$lib/types.js";
+import { handleNonStreamingResponse, handleStreamingResponse } from "$lib/utils/business.svelte.js";
 import { omit, snapshot } from "$lib/utils/object.svelte";
 import { models, structuredForbiddenProviders } from "./models.svelte";
 import { DEFAULT_PROJECT_ID, ProjectEntity, projects } from "./projects.svelte";
@@ -17,11 +14,11 @@ import { token } from "./token.svelte";
 // @ts-ignore - Svelte imports are broken in TS files
 import { showQuotaModal } from "$lib/components/quota-modal.svelte";
 import { idb } from "$lib/remult.js";
+import { createInit } from "$lib/spells/create-init.svelte";
+import { isString } from "$lib/utils/is.js";
 import { poll } from "$lib/utils/poll.js";
 import { Entity, Fields, repo, type MembersOnly } from "remult";
 import { images } from "./images.svelte";
-import { isString } from "$lib/utils/is.js";
-import { createInit } from "$lib/spells/create-init.svelte";
 
 @Entity("conversation")
 export class ConversationEntity {

src/lib/{components/inference-playground/utils.svelte.ts → utils/business.svelte.ts}

@@ -1,3 +1,11 @@
+/** BUSINESS
+ *
+ * All utils that are bound to business logic
+ * (and wouldn't be useful in another project)
+ * should be here.
+ *
+ **/
+
 import ctxLengthData from "$lib/data/context_length.json";
 import { InferenceClient, snippets } from "@huggingface/inference";
 import { ConversationClass, type ConversationEntityMembers } from "$lib/state/conversations.svelte";