format

src/lib/components/InferencePlayground/InferencePlayground.svelte

@@ -154,7 +154,7 @@
 		const RE_HF_TOKEN = /\bhf_[a-zA-Z0-9]{34}\b/;
 		if (RE_HF_TOKEN.test(submittedHfToken)) {
 			hfToken = submittedHfToken;
-			if(storeLocallyHfToken){
+			if (storeLocallyHfToken) {
 				localStorage.setItem(hfTokenLocalStorageKey, JSON.stringify(hfToken));
 			}
 			submit();

src/lib/components/InferencePlayground/InferencePlaygroundCodeSnippets.svelte

@@ -50,8 +50,8 @@
 		http: getHttpSnippets(conversation, tokenStr),
 	};
 
-	function getTokenStr(showToken: boolean){
-		if(hfToken && showToken){
+	function getTokenStr(showToken: boolean) {
+		if (hfToken && showToken) {
 			return hfToken;
 		}
 		return "YOUR_HF_TOKEN";
@@ -214,7 +214,7 @@ print(output.choices[0].message)`,
 	}
 
 	function getHttpSnippets(conversation: Conversation, tokenStr: string) {
-		if(tokenStr === "YOUR_HF_TOKEN"){
+		if (tokenStr === "YOUR_HF_TOKEN") {
 			tokenStr = "{YOUR_HF_TOKEN}";
 		}
 		const formattedMessages = ({ sep, start, end }: MessagesJoiner) =>
@@ -297,10 +297,10 @@ print(output.choices[0].message)`,
 			<h2 class="font-semibold">{label}</h2>
 			<div class="flex items-center gap-x-4">
 				{#if needsToken && hfToken}
-					 <label class="flex items-center gap-x-1.5">
-						 <input type="checkbox" bind:checked={showToken}>
-						 <p class="leading-none">show token</p>
-					 </label>
+					<label class="flex items-center gap-x-1.5">
+						<input type="checkbox" bind:checked={showToken} />
+						<p class="leading-none">show token</p>
+					</label>
 				{/if}
 			<button
 				class="flex items-center gap-x-1.5 rounded-md bg-gray-200 px-1.5 py-0.5 text-sm transition dark:bg-gray-950/80"

src/lib/components/InferencePlayground/InferencePlaygroundHFTokenModal.svelte

@@ -97,14 +97,18 @@
 					/>
 				</div>
 				<label class="flex items-center gap-x-1 text-gray-900 dark:text-gray-200">
-					<input type="checkbox" bind:checked={storeLocallyHfToken}>
-					<p class="leading-none">store locally <span class="text-gray-800 dark:text-gray-300">(using   <a
-						href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage"
-						target="_blank"
-						class="underline"
-					  >
-					  localStorage
-					  </a> for the next use)</span></p>
+					<input type="checkbox" bind:checked={storeLocallyHfToken} />
+					<p class="leading-none">
+						store locally <span class="text-gray-800 dark:text-gray-300"
+							>(using <a
+								href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage"
+								target="_blank"
+								class="underline"
+							>
+								localStorage
+							</a> for the next use)</span
+						>
+					</p>
 				</label>
 			</div>
 

src/lib/components/InferencePlayground/InferencePlaygroundModelSelectorModal.svelte

@@ -68,7 +68,7 @@
 						{#each featuredModels as model}
 							{@const [nameSpace, modelName] = model.id.split("/")}
 							<button
-								class="flex cursor-pointer items-center px-2 py-1.5 text-sm hover:bg-gray-100 w-full"
+								class="flex w-full cursor-pointer items-center px-2 py-1.5 text-sm hover:bg-gray-100"
 								on:click={() => {
 									dispatch("modelSelected", model.id);
 									dispatch("close");
@@ -91,7 +91,7 @@
 						{#each otherModels as model}
 							{@const [nameSpace, modelName] = model.id.split("/")}
 							<button
-								class="flex cursor-pointer items-center px-2 py-1.5 text-sm hover:bg-gray-100 w-full"
+								class="flex w-full cursor-pointer items-center px-2 py-1.5 text-sm hover:bg-gray-100"
 								on:click={() => {
 									dispatch("modelSelected", model.id);
 									dispatch("close");