fix CI (#1884)

* fix CI

* add playwright as dev dep

* lint

* clean up spaces-config with community tools

* try to make mongo run?

.env

@@ -4,7 +4,7 @@
 ### Models ###
 # Models are sourced exclusively from an OpenAI-compatible base URL.
 # Example: https://router.huggingface.co/v1
-OPENAI_BASE_URL=
+OPENAI_BASE_URL=https://router.huggingface.co/v1
 
 # Canonical auth token for any OpenAI-compatible provider
 OPENAI_API_KEY=#your provider API key (works for HF router, OpenAI, LM Studio, etc.)

.eslintrc.cjs

@@ -24,6 +24,7 @@ module.exports = {
 		extraFileExtensions: [".svelte"],
 	},
 	rules: {
+		"no-empty": "off",
 		"require-yield": "off",
 		"@typescript-eslint/no-explicit-any": "error",
 		"@typescript-eslint/no-non-null-assertion": "error",

.github/workflows/lint-and-test.yml

@@ -39,6 +39,7 @@ jobs:
           cache: "npm"
       - run: |
           npm ci
+          npx playwright install
       - name: "Tests"
         run: |
           npm run test

Dockerfile

@@ -21,7 +21,7 @@ RUN touch /app/.env.local
 
 USER root
 RUN apt-get update
-RUN apt-get install -y libgomp1
+RUN apt-get install -y libgomp1 libcurl4
 
 # ensure npm cache dir exists before adjusting ownership
 RUN mkdir -p /home/user/.npm && chown -R 1000:1000 /home/user/.npm

PRIVACY.md

@@ -26,7 +26,6 @@ Security and routing facts
 
 External providers are responsible for their own security and data handling. Please consult each provider’s respective security and privacy policies via the Inference Providers documentation linked above.
 
-
 ## Technical details
 
 [![chat-ui](https://img.shields.io/github/stars/huggingface/chat-ui)](https://github.com/huggingface/chat-ui)

package-lock.json

@@ -74,6 +74,7 @@
 				"js-yaml": "^4.1.0",
 				"minimist": "^1.2.8",
 				"mongodb-memory-server": "^10.1.2",
+				"playwright": "^1.55.1",
 				"prettier": "^3.5.3",
 				"prettier-plugin-svelte": "^3.2.6",
 				"prettier-plugin-tailwindcss": "^0.6.11",
@@ -7968,6 +7969,38 @@
 			"dev": true,
 			"license": "MIT"
 		},
+		"node_modules/playwright": {
+			"version": "1.55.1",
+			"resolved": "https://registry.npmjs.org/playwright/-/playwright-1.55.1.tgz",
+			"integrity": "sha512-cJW4Xd/G3v5ovXtJJ52MAOclqeac9S/aGGgRzLabuF8TnIb6xHvMzKIa6JmrRzUkeXJgfL1MhukP0NK6l39h3A==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"dependencies": {
+				"playwright-core": "1.55.1"
+			},
+			"bin": {
+				"playwright": "cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"fsevents": "2.3.2"
+			}
+		},
+		"node_modules/playwright-core": {
+			"version": "1.55.1",
+			"resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.55.1.tgz",
+			"integrity": "sha512-Z6Mh9mkwX+zxSlHqdr5AOcJnfp+xUWLCt9uKV18fhzA8eyxUd8NUWzAjxUh55RZKSYwDGX0cfaySdhZJGMoJ+w==",
+			"devOptional": true,
+			"license": "Apache-2.0",
+			"bin": {
+				"playwright-core": "cli.js"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
 		"node_modules/postcss": {
 			"version": "8.5.4",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",

package.json

@@ -48,6 +48,7 @@
 		"js-yaml": "^4.1.0",
 		"minimist": "^1.2.8",
 		"mongodb-memory-server": "^10.1.2",
+		"playwright": "^1.55.1",
 		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.2.6",
 		"prettier-plugin-tailwindcss": "^0.6.11",

src/lib/components/NavMenu.svelte

@@ -42,7 +42,6 @@
 
 	let {
 		conversations = $bindable(),
-		canLogin,
 		user,
 		p = $bindable(0),
 		ondeleteConversation,

src/lib/components/WelcomeModal.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Modal from "$lib/components/Modal.svelte";
-	import Logo from "$lib/components/icons/Logo.svelte";
 	import IconOmni from "$lib/components/icons/IconOmni.svelte";
 	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
 

src/lib/components/chat/ChatWindow.svelte

@@ -298,7 +298,9 @@
 
 					const blob = await response.blob();
 					const name = attachment.src.split("/").pop() ?? "attachment";
-					loadedFiles.push(new File([blob], name, { type: blob.type || "application/octet-stream" }));
+					loadedFiles.push(
+						new File([blob], name, { type: blob.type || "application/octet-stream" })
+					);
 				} catch (err) {
 					console.error("Error loading attachment:", err);
 				}

src/lib/components/chat/MarkdownRenderer.svelte

@@ -86,10 +86,6 @@
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 		{@html token.html}
 	{:else if token.type === "code"}
-		<CodeBlock
-			code={token.code}
-			rawCode={token.rawCode}
-			loading={loading && !token.isClosed}
-		/>
+		<CodeBlock code={token.code} rawCode={token.rawCode} loading={loading && !token.isClosed} />
 	{/if}
 {/each}

src/lib/migrations/routines/06-trim-message-updates.ts

@@ -12,7 +12,11 @@ import { logger } from "$lib/server/logger";
 function convertMessageUpdate(message: Message, update: unknown): MessageUpdate | null {
 	try {
 		// Trim legacy web search updates entirely
-		if (typeof update === "object" && update !== null && (update as any).type === "webSearch") {
+		if (
+			typeof update === "object" &&
+			update !== null &&
+			(update as { type: string }).type === "webSearch"
+		) {
 			return null;
 		}
 

src/lib/server/api/routes/groups/misc.ts

@@ -63,36 +63,6 @@ export const misc = new Elysia()
 			isAdmin: locals.isAdmin,
 		} satisfies FeatureFlags;
 	})
-	.get("/spaces-config", async ({ query }) => {
-		if (config.COMMUNITY_TOOLS !== "true") {
-			throw new Error("Community tools are not enabled");
-		}
-
-		const space = query.space;
-
-		if (!space) {
-			throw new Error("Missing space");
-		}
-
-		// Extract namespace from space URL or use as-is if it's already in namespace format
-		let namespace = null;
-		if (space.startsWith("https://huggingface.co/spaces/")) {
-			namespace = space.split("/").slice(-2).join("/");
-		} else if (space.match(/^[^/]+\/[^/]+$/)) {
-			namespace = space;
-		}
-
-		if (!namespace) {
-			throw new Error("Invalid space name. Specify a namespace or a full URL on huggingface.co.");
-		}
-
-		try {
-			const api = await (await Client.connect(namespace)).view_api();
-			return api as ApiReturnType;
-		} catch (e) {
-			throw new Error("Error fetching space API. Is the name correct?");
-		}
-	})
 	.get("/export", async ({ locals }) => {
 		if (!locals.user) {
 			throw new Error("Not logged in");

src/lib/server/endpoints/openai/endpointOai.ts

@@ -123,7 +123,7 @@ export async function endpointOai(
 				stop: parameters?.stop,
 				temperature: parameters?.temperature,
 				top_p: parameters?.top_p,
-					frequency_penalty: parameters?.frequency_penalty,
+				frequency_penalty: parameters?.frequency_penalty,
 				presence_penalty: parameters?.presence_penalty,
 			};
 
@@ -173,7 +173,7 @@ export async function endpointOai(
 				stop: parameters?.stop,
 				temperature: parameters?.temperature,
 				top_p: parameters?.top_p,
-					frequency_penalty: parameters?.frequency_penalty,
+				frequency_penalty: parameters?.frequency_penalty,
 				presence_penalty: parameters?.presence_penalty,
 			};
 

src/lib/server/endpoints/openai/openAIChatToTextGenerationStream.ts

@@ -16,9 +16,10 @@ export async function* openAIChatToTextGenerationStream(
 	let thinkOpen = false;
 
 	for await (const completion of completionStream) {
+		const retyped = completion as { "x-router-metadata"?: { route: string; model: string } };
 		// Check if this chunk contains router metadata (first chunk from llm-router)
-		if (!metadataYielded && (completion as any)["x-router-metadata"]) {
-			const metadata = (completion as any)["x-router-metadata"];
+		if (!metadataYielded && retyped["x-router-metadata"]) {
+			const metadata = retyped["x-router-metadata"];
 			yield {
 				token: {
 					id: tokenId++,
@@ -44,8 +45,11 @@ export async function* openAIChatToTextGenerationStream(
 			}
 		}
 		const { choices } = completion;
-		const delta: any = choices?.[0]?.delta ?? {};
-		const content: string = (delta?.content as string) ?? "";
+		const delta: OpenAI.Chat.Completions.ChatCompletionChunk.Choice.Delta & {
+			reasoning?: string;
+			reasoning_content?: string;
+		} = choices?.[0]?.delta ?? {};
+		const content: string = delta.content ?? "";
 		const reasoning: string =
 			typeof delta?.reasoning === "string"
 				? (delta.reasoning as string)
@@ -158,7 +162,10 @@ export async function* openAIChatToTextGenerationSingle(
 	completion: OpenAI.Chat.Completions.ChatCompletion,
 	getRouterMetadata?: () => { route?: string; model?: string }
 ) {
-	const message: any = completion.choices?.[0]?.message ?? {};
+	const message: NonNullable<OpenAI.Chat.Completions.ChatCompletion.Choice>["message"] & {
+		reasoning?: string;
+		reasoning_content?: string;
+	} = completion.choices?.[0]?.message ?? {};
 	let content: string = message?.content || "";
 	// Provider-dependent reasoning shapes (non-streaming)
 	const r: string =

src/lib/server/models.ts

@@ -64,7 +64,7 @@ const modelConfig = z.object({
 			stop: z.array(z.string()).optional(),
 			top_p: z.number().positive().optional(),
 			top_k: z.number().positive().optional(),
-				frequency_penalty: z.number().min(-2).max(2).optional(),
+			frequency_penalty: z.number().min(-2).max(2).optional(),
 			presence_penalty: z.number().min(-2).max(2).optional(),
 		})
 		.passthrough()
@@ -220,6 +220,8 @@ if (modelOverrides.length) {
 		if (!override) return model;
 
 		const { id, name, ...rest } = override;
+		void id;
+		void name;
 
 		return {
 			...model,
@@ -291,7 +293,7 @@ const routerAliasId = (config.PUBLIC_LLM_ROUTER_ALIAS_ID || "omni").trim() || "o
 const routerMultimodalEnabled =
 	(config.LLM_ROUTER_ENABLE_MULTIMODAL || "").toLowerCase() === "true";
 
-let decorated = builtModels as any[];
+let decorated = builtModels as ProcessedModel[];
 
 if (archBase) {
 	// Build a minimal model config for the alias
@@ -304,12 +306,12 @@ if (archBase) {
 		endpoints: [
 			{
 				type: "openai" as const,
-				baseURL: openaiBaseUrl!,
+				baseURL: openaiBaseUrl,
 			},
 		],
 		// Keep the alias visible
 		unlisted: false,
-	} as any;
+	} as ProcessedModel;
 
 	if (routerMultimodalEnabled) {
 		aliasRaw.multimodal = true;
@@ -318,13 +320,12 @@ if (archBase) {
 
 	const aliasBase = await processModel(aliasRaw);
 	// Create a self-referential ProcessedModel for the router endpoint
-	let aliasModel: any = {};
-	aliasModel = {
+	const aliasModel: ProcessedModel = {
 		...aliasBase,
 		isRouter: true,
 		// getEndpoint uses the router wrapper regardless of the endpoints array
 		getEndpoint: async (): Promise<Endpoint> => makeRouterEndpoint(aliasModel),
-	};
+	} as ProcessedModel;
 
 	// Put alias first
 	decorated = [aliasModel, ...decorated];

src/lib/server/router/arch.ts

@@ -106,7 +106,7 @@ export async function archSelectRoute(
 		});
 		clearTimeout(to);
 		if (!resp.ok) throw new Error(`arch-router ${resp.status}`);
-		const data: any = await resp.json();
+		const data: { choices: { message: { content: string } }[] } = await resp.json();
 		const text = (data?.choices?.[0]?.message?.content ?? "").toString().trim();
 		const raw = parseRouteName(text);
 
@@ -114,7 +114,7 @@ export async function archSelectRoute(
 		const chosen = raw === "other" ? other : raw || "casual_conversation";
 		const exists = routes.some((r) => r.name === chosen);
 		return { routeName: exists ? chosen : "casual_conversation" };
-	} catch (e: any) {
+	} catch (e) {
 		clearTimeout(to);
 		logger.warn({ err: String(e), traceId }, "arch router selection failed");
 		return { routeName: "arch_router_failure" };

src/lib/server/router/endpoint.ts

@@ -1,4 +1,9 @@
-import type { Endpoint, EndpointParameters, EndpointMessage } from "../endpoints/endpoints";
+import type {
+	Endpoint,
+	EndpointParameters,
+	EndpointMessage,
+	TextGenerationStreamOutputSimplified,
+} from "../endpoints/endpoints";
 import endpoints from "../endpoints/endpoints";
 import type { ProcessedModel } from "../models";
 import { config } from "$lib/server/config";
@@ -17,6 +22,7 @@ function stripReasoningBlocks(text: string): string {
 
 function stripReasoningFromMessage(message: EndpointMessage): EndpointMessage {
 	const { reasoning: _reasoning, ...rest } = message;
+	void _reasoning;
 	const content =
 		typeof message.content === "string" ? stripReasoningBlocks(message.content) : message.content;
 	return {
@@ -47,7 +53,7 @@ export async function makeRouterEndpoint(routerModel: ProcessedModel): Promise<E
 			let modelForCall: ProcessedModel | undefined;
 			try {
 				const mod = await import("../models");
-				const all = (mod as any).models as ProcessedModel[];
+				const all = (mod as { models: ProcessedModel[] }).models;
 				modelForCall = all?.find((m) => m.id === candidateModelId || m.name === candidateModelId);
 			} catch (e) {
 				logger.warn({ err: String(e) }, "[router] failed to load models for candidate lookup");
@@ -75,7 +81,7 @@ export async function makeRouterEndpoint(routerModel: ProcessedModel): Promise<E
 
 		// Yield router metadata for immediate UI display, using the actual candidate
 		async function* metadataThenStream(
-			gen: AsyncGenerator<any>,
+			gen: AsyncGenerator<TextGenerationStreamOutputSimplified>,
 			actualModel: string,
 			selectedRoute: string
 		) {
@@ -84,14 +90,14 @@ export async function makeRouterEndpoint(routerModel: ProcessedModel): Promise<E
 				generated_text: null,
 				details: null,
 				routerMetadata: { route: selectedRoute, model: actualModel },
-			} as any;
+			};
 			for await (const ev of gen) yield ev;
 		}
 
 		async function findFirstMultimodalCandidateId(): Promise<string | undefined> {
 			try {
 				const mod = await import("../models");
-				const all = (mod as any).models as ProcessedModel[];
+				const all = (mod as { models: ProcessedModel[] }).models;
 				const first = all?.find((m) => !m.isRouter && m.multimodal);
 				return first?.id ?? first?.name;
 			} catch (e) {
@@ -132,7 +138,7 @@ export async function makeRouterEndpoint(routerModel: ProcessedModel): Promise<E
 		const fallbackModel = config.LLM_ROUTER_FALLBACK_MODEL || routerModel.id;
 		const { candidates } = resolveRouteModels(routeName, routes, fallbackModel);
 
-		let lastErr: any = undefined;
+		let lastErr: unknown = undefined;
 		for (const candidate of candidates) {
 			try {
 				logger.info({ route: routeName, model: candidate }, "[router] trying candidate");

src/lib/server/textGeneration/reasoning.ts

@@ -21,9 +21,9 @@ export async function generateSummaryOfReasoning(
 				preprompt: `You are tasked with summarizing the latest reasoning steps. Never describe results of the reasoning, only the process. Remain vague in your summary.
             The text might be incomplete, try your best to summarize it in one very short sentence, starting with a gerund and ending with three points. 
             Example: "Thinking about life...", "Summarizing the results...", "Processing the input..."`,
-			generateSettings: {
-				max_tokens: 50,
-			},
+				generateSettings: {
+					max_tokens: 50,
+				},
 				modelId,
 			})
 		);

src/lib/server/textGeneration/title.ts

@@ -44,9 +44,9 @@ Do not answer the question.
 Do not include the word prompt into your response.
 Do not include quotes, emojis, hashtags or trailing punctuation.
 Return ONLY the title text.`,
-		generateSettings: {
-			max_tokens: 30,
-		},
+			generateSettings: {
+				max_tokens: 30,
+			},
 			modelId,
 		})
 	)

src/lib/utils/marked.ts

@@ -174,6 +174,7 @@ function createMarkedInstance(sources: SimpleSource[]): Marked {
 }
 function isFencedBlockClosed(raw?: string): boolean {
 	if (!raw) return true;
+	/* eslint-disable-next-line no-control-regex */
 	const trimmed = raw.replace(/[\s\u0000]+$/, "");
 	const openingFenceMatch = trimmed.match(/^([`~]{3,})/);
 	if (!openingFenceMatch) {
@@ -203,14 +204,14 @@ export async function processTokens(content: string, sources: SimpleSource[]): P
 
 	const processedTokens = await Promise.all(
 		tokens.map(async (token) => {
-				if (token.type === "code") {
-					return {
-						type: "code" as const,
-						lang: token.lang,
-						code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
-						rawCode: token.text,
-						isClosed: isFencedBlockClosed(token.raw ?? ""),
-					};
+			if (token.type === "code") {
+				return {
+					type: "code" as const,
+					lang: token.lang,
+					code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
+					rawCode: token.text,
+					isClosed: isFencedBlockClosed(token.raw ?? ""),
+				};
 			} else {
 				return {
 					type: "text" as const,
@@ -227,14 +228,14 @@ export function processTokensSync(content: string, sources: SimpleSource[]): Tok
 	const marked = createMarkedInstance(sources);
 	const tokens = marked.lexer(content);
 	return tokens.map((token) => {
-			if (token.type === "code") {
-				return {
-					type: "code" as const,
-					lang: token.lang,
-					code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
-					rawCode: token.text,
-					isClosed: isFencedBlockClosed(token.raw ?? ""),
-				};
+		if (token.type === "code") {
+			return {
+				type: "code" as const,
+				lang: token.lang,
+				code: hljs.highlightAuto(token.text, hljs.getLanguage(token.lang)?.aliases).value,
+				rawCode: token.text,
+				isClosed: isFencedBlockClosed(token.raw ?? ""),
+			};
 		}
 		return { type: "text" as const, html: marked.parse(token.raw) };
 	});

src/styles/highlight-js.css

@@ -20,23 +20,23 @@ hue-6-2: #c18401
 */
 
 .hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #383a42;
-  background: #fafafa;
+	display: block;
+	overflow-x: auto;
+	padding: 0.5em;
+	color: #383a42;
+	background: #fafafa;
 }
 
 .hljs-comment,
 .hljs-quote {
-  color: #a0a1a7;
-  font-style: italic;
+	color: #a0a1a7;
+	font-style: italic;
 }
 
 .hljs-doctag,
 .hljs-keyword,
 .hljs-formula {
-  color: #a626a4;
+	color: #a626a4;
 }
 
 .hljs-section,
@@ -44,11 +44,11 @@ hue-6-2: #c18401
 .hljs-selector-tag,
 .hljs-deletion,
 .hljs-subst {
-  color: #e45649;
+	color: #e45649;
 }
 
 .hljs-literal {
-  color: #0184bb;
+	color: #0184bb;
 }
 
 .hljs-string,
@@ -56,12 +56,12 @@ hue-6-2: #c18401
 .hljs-addition,
 .hljs-attribute,
 .hljs-meta-string {
-  color: #50a14f;
+	color: #50a14f;
 }
 
 .hljs-built_in,
 .hljs-class .hljs-title {
-  color: #c18401;
+	color: #c18401;
 }
 
 .hljs-attr,
@@ -72,7 +72,7 @@ hue-6-2: #c18401
 .hljs-selector-attr,
 .hljs-selector-pseudo,
 .hljs-number {
-  color: #986801;
+	color: #986801;
 }
 
 .hljs-symbol,
@@ -81,19 +81,19 @@ hue-6-2: #c18401
 .hljs-meta,
 .hljs-selector-id,
 .hljs-title {
-  color: #4078f2;
+	color: #4078f2;
 }
 
 .hljs-emphasis {
-  font-style: italic;
+	font-style: italic;
 }
 
 .hljs-strong {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .hljs-link {
-  text-decoration: underline;
+	text-decoration: underline;
 }
 
 /* Atom One Dark (v9.16.2) scoped to .dark */
@@ -118,23 +118,23 @@ hue-6-2: #e6c07b
 */
 
 .dark .hljs {
-  display: block;
-  overflow-x: auto;
-  padding: 0.5em;
-  color: #abb2bf;
-  background: #282c34;
+	display: block;
+	overflow-x: auto;
+	padding: 0.5em;
+	color: #abb2bf;
+	background: #282c34;
 }
 
 .dark .hljs-comment,
 .dark .hljs-quote {
-  color: #5c6370;
-  font-style: italic;
+	color: #5c6370;
+	font-style: italic;
 }
 
 .dark .hljs-doctag,
 .dark .hljs-keyword,
 .dark .hljs-formula {
-  color: #c678dd;
+	color: #c678dd;
 }
 
 .dark .hljs-section,
@@ -142,11 +142,11 @@ hue-6-2: #e6c07b
 .dark .hljs-selector-tag,
 .dark .hljs-deletion,
 .dark .hljs-subst {
-  color: #e06c75;
+	color: #e06c75;
 }
 
 .dark .hljs-literal {
-  color: #56b6c2;
+	color: #56b6c2;
 }
 
 .dark .hljs-string,
@@ -154,12 +154,12 @@ hue-6-2: #e6c07b
 .dark .hljs-addition,
 .dark .hljs-attribute,
 .dark .hljs-meta-string {
-  color: #98c379;
+	color: #98c379;
 }
 
 .dark .hljs-built_in,
 .dark .hljs-class .hljs-title {
-  color: #e6c07b;
+	color: #e6c07b;
 }
 
 .dark .hljs-attr,
@@ -170,7 +170,7 @@ hue-6-2: #e6c07b
 .dark .hljs-selector-attr,
 .dark .hljs-selector-pseudo,
 .dark .hljs-number {
-  color: #d19a66;
+	color: #d19a66;
 }
 
 .dark .hljs-symbol,
@@ -179,17 +179,17 @@ hue-6-2: #e6c07b
 .dark .hljs-meta,
 .dark .hljs-selector-id,
 .dark .hljs-title {
-  color: #61aeee;
+	color: #61aeee;
 }
 
 .dark .hljs-emphasis {
-  font-style: italic;
+	font-style: italic;
 }
 
 .dark .hljs-strong {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .dark .hljs-link {
-  text-decoration: underline;
+	text-decoration: underline;
 }