+
+
+
diff --git a/docs/source/configuration/models/providers/ollama.md b/docs/source/configuration/models/providers/ollama.md
new file mode 100644
index 0000000000000000000000000000000000000000..ae0f4f189dc26f601c24aebcaef68c0d2facc0ae
--- /dev/null
+++ b/docs/source/configuration/models/providers/ollama.md
@@ -0,0 +1,39 @@
+# Ollama
+
+| Feature | Available |
+| --------------------------- | --------- |
+| [Tools](../tools) | No |
+| [Multimodal](../multimodal) | No |
+
+We also support the Ollama inference server. Spin up a model with
+
+```bash
+ollama run mistral
+```
+
+Then specify the endpoints like so:
+
+```ini
+MODELS=`[
+ {
+ "name": "Ollama Mistral",
+ "chatPromptTemplate": "
+
+
+
+
+
+
+## TGI Configuration
+
+A custom tokenizer is required for prompting the model for generating tool calls, as well as prompting with the results. The expected format for these tools and the resulting tool calls are hard coded for TGI, so it's likely that only the following configuration will work:
+
+```ini
+MODELS=`[
+ {
+ "name" : "CohereForAI/c4ai-command-r-plus",
+ "displayName": "Command R+",
+ "description": "Command R+ is Cohere's latest LLM and is the first open weight model to beat GPT4 in the Chatbot Arena!",
+ "tools": true,
+ "tokenizer": "Xenova/c4ai-command-r-v01-tokenizer",
+ "modelUrl": "https://huggingface.co/CohereForAI/c4ai-command-r-plus",
+ "websiteUrl": "https://docs.cohere.com/docs/command-r-plus",
+ "logoUrl": "https://huggingface.co/datasets/huggingchat/models-logo/resolve/main/cohere-logo.png",
+ "parameters": {
+ "stop": ["<|END_OF_TURN_TOKEN|>"],
+ "truncate" : 28672,
+ "max_new_tokens" : 4096,
+ "temperature" : 0.3
+ }
+ }
+]`
+```
+
+## Cohere Configuration
+
+The Cohere provider supports the endpoint native method of tool calling. Refer to the `endpoints/cohere` for implementation details.
+
+```ini
+MODELS=`[
+ {
+ "name": "command-r-plus",
+ "displayName": "Command R+",
+ "description": "Command R+ is Cohere's latest LLM and is the first open weight model to beat GPT4 in the Chatbot Arena!",
+ "tools": true,
+ "websiteUrl": "https://docs.cohere.com/docs/command-r-plus",
+ "logoUrl": "https://huggingface.co/datasets/huggingchat/models-logo/resolve/main/cohere-logo.png",
+ "endpoints": [{
+ "type": "cohere",
+ "apiKey": "YOUR_API_KEY"
+ }]
+ }
+]`
+```
+
+## Adding Tools
+
+Tool implementations are placed in `src/lib/server/tools`, with helpers available for easy integration with HuggingFace Zero GPU spaces. In the future, there may be an OpenAPI interface for adding tools.
+
+## Adding Support for Additional Models
+
+The TGI implementation uses a custom tokenizer and hard coded schema for supporting tools. The Cohere implementation, on the other hand, uses the native support in the SDK to emit tool calls. This is the recommended way to add support for more models. Please see the `endpoints/cohere` section of the code for implementation details.
diff --git a/docs/source/configuration/open-id.md b/docs/source/configuration/open-id.md
new file mode 100644
index 0000000000000000000000000000000000000000..90ba2e97a8049150364620d7a80582d14261166e
--- /dev/null
+++ b/docs/source/configuration/open-id.md
@@ -0,0 +1,16 @@
+# OpenID
+
+The login feature is disabled by default and users are attributed a unique ID based on their browser. But if you want to use OpenID to authenticate your users, you can add the following to your `.env.local` file:
+
+```ini
+OPENID_CONFIG=`{
+ PROVIDER_URL: "
+
+
+
+
+
+
+## Providers
+
+Many providers are supported for the web search, or you can use locally scraped Google results.
+
+### Local
+
+For locally scraped Google results, put `USE_LOCAL_WEBSEARCH=true` in your `.env.local`. Please note that you may hit rate limits as we make no attempt to make the traffic look legitimate. To avoid this, you may choose a provider, such as Serper, used on the official instance.
+
+### SearXNG
+
+> SearXNG is a free internet metasearch engine which aggregates results from various search services and databases. Users are neither tracked nor profiled.
+
+You may enable support via the `SEARXNG_QUERY_URL` where `
+
+
+
+
+
+## Quickstart
+
+You can quickly have a locally running chat-ui & LLM text-generation server thanks to chat-ui's [llama.cpp server support](https://huggingface.co/docs/chat-ui/configuration/models/providers/llamacpp).
+
+**Step 1 (Start llama.cpp server):**
+
+```bash
+# install llama.cpp
+brew install llama.cpp
+# start llama.cpp server (using hf.co/microsoft/Phi-3-mini-4k-instruct-gguf as an example)
+llama-server --hf-repo microsoft/Phi-3-mini-4k-instruct-gguf --hf-file Phi-3-mini-4k-instruct-q4.gguf -c 4096
+```
+
+A local LLaMA.cpp HTTP Server will start on `http://localhost:8080`. Read more [here](https://huggingface.co/docs/chat-ui/configuration/models/providers/llamacpp).
+
+**Step 2 (tell chat-ui to use local llama.cpp server):**
+
+Add the following to your `.env.local`:
+
+```ini
+MODELS=`[
+ {
+ "name": "Local microsoft/Phi-3-mini-4k-instruct-gguf",
+ "tokenizer": "microsoft/Phi-3-mini-4k-instruct-gguf",
+ "preprompt": "",
+ "chatPromptTemplate": "
+Tools
+
+
+
+
+
+
+
+
+
+Web Search
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/source/installation/docker.md b/docs/source/installation/docker.md
new file mode 100644
index 0000000000000000000000000000000000000000..5b7e3b70884a2b5a6496cf0f8ba582dc7dbbf27b
--- /dev/null
+++ b/docs/source/installation/docker.md
@@ -0,0 +1,11 @@
+# Running on Docker
+
+Pre-built docker images are provided with and without MongoDB built in. Refer to the [configuration section](../configuration/overview) for env variables that must be provided. We recommend using the `--env-file` option to avoid leaking secrets into your shell history.
+
+```bash
+# Without built-in DB
+docker run -p 3000:3000 --env-file .env.local --name chat-ui ghcr.io/huggingface/chat-ui
+
+# With built-in DB
+docker run -p 3000:3000 --env-file .env.local -v chat-ui:/data --name chat-ui ghcr.io/huggingface/chat-ui-db
+```
diff --git a/docs/source/installation/helm.md b/docs/source/installation/helm.md
new file mode 100644
index 0000000000000000000000000000000000000000..789e3695f515d98182ca18e2a58f5996acd70b38
--- /dev/null
+++ b/docs/source/installation/helm.md
@@ -0,0 +1,35 @@
+# Helm
+
+
+
+Click the Box!
+Score: 0
+
+
+
+
+
+
diff --git a/scripts/setupTest.ts b/scripts/setupTest.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bea2c2833104816e602214cdae1b7e548fdbefcf
--- /dev/null
+++ b/scripts/setupTest.ts
@@ -0,0 +1,49 @@
+import { vi, afterAll } from "vitest";
+import dotenv from "dotenv";
+import { resolve } from "path";
+import fs from "fs";
+import { MongoMemoryServer } from "mongodb-memory-server";
+
+let mongoServer: MongoMemoryServer;
+// Load the .env file
+const envPath = resolve(__dirname, "../.env");
+dotenv.config({ path: envPath });
+
+// Read the .env file content
+const envContent = fs.readFileSync(envPath, "utf-8");
+
+// Parse the .env content
+const envVars = dotenv.parse(envContent);
+
+// Separate public and private variables
+const publicEnv = {};
+const privateEnv = {};
+
+for (const [key, value] of Object.entries(envVars)) {
+ if (key.startsWith("PUBLIC_")) {
+ publicEnv[key] = value;
+ } else {
+ privateEnv[key] = value;
+ }
+}
+
+vi.mock("$env/dynamic/public", () => ({
+ env: publicEnv,
+}));
+
+vi.mock("$env/dynamic/private", async () => {
+ mongoServer = await MongoMemoryServer.create();
+
+ return {
+ env: {
+ ...privateEnv,
+ MONGODB_URL: mongoServer.getUri(),
+ },
+ };
+});
+
+afterAll(async () => {
+ if (mongoServer) {
+ await mongoServer.stop();
+ }
+});
diff --git a/scripts/updateLocalEnv.ts b/scripts/updateLocalEnv.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7b374cd55a7f16abe6c132b6744e64be505a0428
--- /dev/null
+++ b/scripts/updateLocalEnv.ts
@@ -0,0 +1,38 @@
+import fs from "fs";
+import yaml from "js-yaml";
+
+const file = fs.readFileSync("chart/env/prod.yaml", "utf8");
+
+// have to do a weird stringify/parse because of some node error
+const prod = JSON.parse(JSON.stringify(yaml.load(file)));
+const vars = prod.envVars as Record%sveltekit.body%
+
+
+
+
+
diff --git a/src/hooks.server.ts b/src/hooks.server.ts
new file mode 100644
index 0000000000000000000000000000000000000000..94d869a7e7b3e412944d85388a588ee886de058a
--- /dev/null
+++ b/src/hooks.server.ts
@@ -0,0 +1,320 @@
+import { config, ready } from "$lib/server/config";
+import type { Handle, HandleServerError, ServerInit } from "@sveltejs/kit";
+import { collections } from "$lib/server/database";
+import { base } from "$app/paths";
+import { findUser, refreshSessionCookie, requiresUser } from "$lib/server/auth";
+import { ERROR_MESSAGES } from "$lib/stores/errors";
+import { sha256 } from "$lib/utils/sha256";
+import { addWeeks } from "date-fns";
+import { checkAndRunMigrations } from "$lib/migrations/migrations";
+import { building } from "$app/environment";
+import { logger } from "$lib/server/logger";
+import { AbortedGenerations } from "$lib/server/abortedGenerations";
+import { MetricsServer } from "$lib/server/metrics";
+import { initExitHandler } from "$lib/server/exitHandler";
+import { ObjectId } from "mongodb";
+import { refreshAssistantsCounts } from "$lib/jobs/refresh-assistants-counts";
+import { refreshConversationStats } from "$lib/jobs/refresh-conversation-stats";
+import { adminTokenManager } from "$lib/server/adminToken";
+
+export const init: ServerInit = async () => {
+ // Wait for config to be fully loaded
+ await ready;
+
+ // TODO: move this code on a started server hook, instead of using a "building" flag
+ if (!building) {
+ // Set HF_TOKEN as a process variable for Transformers.JS to see it
+ process.env.HF_TOKEN ??= config.HF_TOKEN;
+
+ logger.info("Starting server...");
+ initExitHandler();
+
+ checkAndRunMigrations();
+ if (config.ENABLE_ASSISTANTS) {
+ refreshAssistantsCounts();
+ }
+ refreshConversationStats();
+
+ // Init metrics server
+ MetricsServer.getInstance();
+
+ // Init AbortedGenerations refresh process
+ AbortedGenerations.getInstance();
+
+ adminTokenManager.displayToken();
+
+ if (config.EXPOSE_API) {
+ logger.warn(
+ "The EXPOSE_API flag has been deprecated. The API is now required for chat-ui to work."
+ );
+ }
+ }
+};
+
+export const handleError: HandleServerError = async ({ error, event, status, message }) => {
+ // handle 404
+
+ if (building) {
+ throw error;
+ }
+
+ if (event.route.id === null) {
+ return {
+ message: `Page ${event.url.pathname} not found`,
+ };
+ }
+
+ const errorId = crypto.randomUUID();
+
+ logger.error({
+ locals: event.locals,
+ url: event.request.url,
+ params: event.params,
+ request: event.request,
+ message,
+ error,
+ errorId,
+ status,
+ stack: error instanceof Error ? error.stack : undefined,
+ });
+
+ return {
+ message: "An error occurred",
+ errorId,
+ };
+};
+
+export const handle: Handle = async ({ event, resolve }) => {
+ await ready.then(() => {
+ config.checkForUpdates();
+ });
+
+ logger.debug({
+ locals: event.locals,
+ url: event.url.pathname,
+ params: event.params,
+ request: event.request,
+ });
+
+ function errorResponse(status: number, message: string) {
+ const sendJson =
+ event.request.headers.get("accept")?.includes("application/json") ||
+ event.request.headers.get("content-type")?.includes("application/json");
+ return new Response(sendJson ? JSON.stringify({ error: message }) : message, {
+ status,
+ headers: {
+ "content-type": sendJson ? "application/json" : "text/plain",
+ },
+ });
+ }
+
+ if (event.url.pathname.startsWith(`${base}/admin/`) || event.url.pathname === `${base}/admin`) {
+ const ADMIN_SECRET = config.ADMIN_API_SECRET || config.PARQUET_EXPORT_SECRET;
+
+ if (!ADMIN_SECRET) {
+ return errorResponse(500, "Admin API is not configured");
+ }
+
+ if (event.request.headers.get("Authorization") !== `Bearer ${ADMIN_SECRET}`) {
+ return errorResponse(401, "Unauthorized");
+ }
+ }
+
+ const token = event.cookies.get(config.COOKIE_NAME);
+
+ // if the trusted email header is set we use it to get the user email
+ const email = config.TRUSTED_EMAIL_HEADER
+ ? event.request.headers.get(config.TRUSTED_EMAIL_HEADER)
+ : null;
+
+ let secretSessionId: string | null = null;
+ let sessionId: string | null = null;
+
+ if (email) {
+ secretSessionId = sessionId = await sha256(email);
+
+ event.locals.user = {
+ // generate id based on email
+ _id: new ObjectId(sessionId.slice(0, 24)),
+ name: email,
+ email,
+ createdAt: new Date(),
+ updatedAt: new Date(),
+ hfUserId: email,
+ avatarUrl: "",
+ logoutDisabled: true,
+ };
+ } else if (token) {
+ secretSessionId = token;
+ sessionId = await sha256(token);
+
+ const user = await findUser(sessionId);
+
+ if (user) {
+ event.locals.user = user;
+ }
+ } else if (
+ event.url.pathname.startsWith(`${base}/api/`) &&
+ config.USE_HF_TOKEN_IN_API === "true"
+ ) {
+ // if the request goes to the API and no user is available in the header
+ // check if a bearer token is available in the Authorization header
+
+ const authorization = event.request.headers.get("Authorization");
+
+ if (authorization && authorization.startsWith("Bearer ")) {
+ const token = authorization.slice(7);
+
+ const hash = await sha256(token);
+
+ sessionId = secretSessionId = hash;
+
+ // check if the hash is in the DB and get the user
+ // else check against https://huggingface.co/api/whoami-v2
+
+ const cacheHit = await collections.tokenCaches.findOne({ tokenHash: hash });
+
+ if (cacheHit) {
+ const user = await collections.users.findOne({ hfUserId: cacheHit.userId });
+
+ if (!user) {
+ return errorResponse(500, "User not found");
+ }
+
+ event.locals.user = user;
+ } else {
+ const response = await fetch("https://huggingface.co/api/whoami-v2", {
+ headers: {
+ Authorization: `Bearer ${token}`,
+ },
+ });
+
+ if (!response.ok) {
+ return errorResponse(401, "Unauthorized");
+ }
+
+ const data = await response.json();
+ const user = await collections.users.findOne({ hfUserId: data.id });
+
+ if (!user) {
+ return errorResponse(500, "User not found");
+ }
+
+ await collections.tokenCaches.insertOne({
+ tokenHash: hash,
+ userId: data.id,
+ createdAt: new Date(),
+ updatedAt: new Date(),
+ });
+
+ event.locals.user = user;
+ }
+ }
+ }
+
+ if (!sessionId || !secretSessionId) {
+ secretSessionId = crypto.randomUUID();
+ sessionId = await sha256(secretSessionId);
+
+ if (await collections.sessions.findOne({ sessionId })) {
+ return errorResponse(500, "Session ID collision");
+ }
+ }
+
+ event.locals.sessionId = sessionId;
+
+ event.locals.isAdmin =
+ event.locals.user?.isAdmin || adminTokenManager.isAdmin(event.locals.sessionId);
+
+ // CSRF protection
+ const requestContentType = event.request.headers.get("content-type")?.split(";")[0] ?? "";
+ /** https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attr-enctype */
+ const nativeFormContentTypes = [
+ "multipart/form-data",
+ "application/x-www-form-urlencoded",
+ "text/plain",
+ ];
+
+ if (event.request.method === "POST") {
+ if (nativeFormContentTypes.includes(requestContentType)) {
+ const origin = event.request.headers.get("origin");
+
+ if (!origin) {
+ return errorResponse(403, "Non-JSON form requests need to have an origin");
+ }
+
+ const validOrigins = [
+ new URL(event.request.url).host,
+ ...(config.PUBLIC_ORIGIN ? [new URL(config.PUBLIC_ORIGIN).host] : []),
+ ];
+
+ if (!validOrigins.includes(new URL(origin).host)) {
+ return errorResponse(403, "Invalid referer for POST request");
+ }
+ }
+ }
+
+ if (event.request.method === "POST") {
+ // if the request is a POST request we refresh the cookie
+ refreshSessionCookie(event.cookies, secretSessionId);
+
+ await collections.sessions.updateOne(
+ { sessionId },
+ { $set: { updatedAt: new Date(), expiresAt: addWeeks(new Date(), 2) } }
+ );
+ }
+
+ if (
+ !event.url.pathname.startsWith(`${base}/login`) &&
+ !event.url.pathname.startsWith(`${base}/admin`) &&
+ !event.url.pathname.startsWith(`${base}/settings`) &&
+ !["GET", "OPTIONS", "HEAD"].includes(event.request.method)
+ ) {
+ if (
+ !event.locals.user &&
+ requiresUser &&
+ !((config.MESSAGES_BEFORE_LOGIN ? parseInt(config.MESSAGES_BEFORE_LOGIN) : 0) > 0)
+ ) {
+ return errorResponse(401, ERROR_MESSAGES.authOnly);
+ }
+
+ // if login is not required and the call is not from /settings and we display the ethics modal with PUBLIC_APP_DISCLAIMER
+ // we check if the user has accepted the ethics modal first.
+ // If login is required, `ethicsModalAcceptedAt` is already true at this point, so do not pass this condition. This saves a DB call.
+ if (
+ !requiresUser &&
+ !event.url.pathname.startsWith(`${base}/settings`) &&
+ config.PUBLIC_APP_DISCLAIMER === "1"
+ ) {
+ const hasAcceptedEthicsModal = await collections.settings.countDocuments({
+ sessionId: event.locals.sessionId,
+ ethicsModalAcceptedAt: { $exists: true },
+ });
+
+ if (!hasAcceptedEthicsModal) {
+ return errorResponse(405, "You need to accept the welcome modal first");
+ }
+ }
+ }
+
+ let replaced = false;
+
+ const response = await resolve(event, {
+ transformPageChunk: (chunk) => {
+ // For some reason, Sveltekit doesn't let us load env variables from .env in the app.html template
+ if (replaced || !chunk.html.includes("%gaId%")) {
+ return chunk.html;
+ }
+ replaced = true;
+
+ return chunk.html.replace("%gaId%", config.PUBLIC_GOOGLE_ANALYTICS_ID);
+ },
+ });
+
+ // Add CSP header to disallow framing if ALLOW_IFRAME is not "true"
+ if (config.ALLOW_IFRAME !== "true") {
+ response.headers.append("Content-Security-Policy", "frame-ancestors 'none';");
+ }
+
+ return response;
+};
diff --git a/src/lib/actions/clickOutside.ts b/src/lib/actions/clickOutside.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6aa146932fea03a06fa3c654c58460d33c389850
--- /dev/null
+++ b/src/lib/actions/clickOutside.ts
@@ -0,0 +1,18 @@
+export function clickOutside(element: HTMLElement, callbackFunction: () => void) {
+ function onClick(event: MouseEvent) {
+ if (!element.contains(event.target as Node)) {
+ callbackFunction();
+ }
+ }
+
+ document.body.addEventListener("click", onClick);
+
+ return {
+ update(newCallbackFunction: () => void) {
+ callbackFunction = newCallbackFunction;
+ },
+ destroy() {
+ document.body.removeEventListener("click", onClick);
+ },
+ };
+}
diff --git a/src/lib/actions/snapScrollToBottom.ts b/src/lib/actions/snapScrollToBottom.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b22a0648221f6b58853a910fb6286f79574a0246
--- /dev/null
+++ b/src/lib/actions/snapScrollToBottom.ts
@@ -0,0 +1,54 @@
+import { navigating } from "$app/stores";
+import { tick } from "svelte";
+import { get } from "svelte/store";
+
+const detachedOffset = 10;
+
+/**
+ * @param node element to snap scroll to bottom
+ * @param dependency pass in a dependency to update scroll on changes.
+ */
+export const snapScrollToBottom = (node: HTMLElement, dependency: unknown) => {
+ let prevScrollValue = node.scrollTop;
+ let isDetached = false;
+
+ const handleScroll = () => {
+ // if user scrolled up, we detach
+ if (node.scrollTop < prevScrollValue) {
+ isDetached = true;
+ }
+
+ // if user scrolled back to within 10px of bottom, we reattach
+ if (node.scrollTop - (node.scrollHeight - node.clientHeight) >= -detachedOffset) {
+ isDetached = false;
+ }
+
+ prevScrollValue = node.scrollTop;
+ };
+
+ const updateScroll = async (_options: { force?: boolean } = {}) => {
+ const defaultOptions = { force: false };
+ const options = { ...defaultOptions, ..._options };
+ const { force } = options;
+
+ if (!force && isDetached && !get(navigating)) return;
+
+ // wait for next tick to ensure that the DOM is updated
+ await tick();
+
+ node.scrollTo({ top: node.scrollHeight });
+ };
+
+ node.addEventListener("scroll", handleScroll);
+
+ if (dependency) {
+ updateScroll({ force: true });
+ }
+
+ return {
+ update: updateScroll,
+ destroy: () => {
+ node.removeEventListener("scroll", handleScroll);
+ },
+ };
+};
diff --git a/src/lib/buildPrompt.ts b/src/lib/buildPrompt.ts
new file mode 100644
index 0000000000000000000000000000000000000000..874db812526612e96599cb90fec2b0379e222a26
--- /dev/null
+++ b/src/lib/buildPrompt.ts
@@ -0,0 +1,59 @@
+import type { EndpointParameters } from "./server/endpoints/endpoints";
+import type { BackendModel } from "./server/models";
+import type { Tool, ToolResult } from "./types/Tool";
+
+type buildPromptOptions = Pick
+ New
+ {title}
+
diff --git a/src/lib/components/AssistantSettings.svelte b/src/lib/components/AssistantSettings.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b00ac6b559677bef97c495e5756161726ba4ab58
--- /dev/null
+++ b/src/lib/components/AssistantSettings.svelte
@@ -0,0 +1,642 @@
+
+
+
diff --git a/src/lib/components/AssistantToolPicker.svelte b/src/lib/components/AssistantToolPicker.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5661cda502c383f383357568c9c16ea04c6f4482
--- /dev/null
+++ b/src/lib/components/AssistantToolPicker.svelte
@@ -0,0 +1,150 @@
+
+
+{#if selectedValues.length > 0}
+
+ {@render children?.()}
+
+
+ {#each selectedValues as value}
+
+{/if}
+
+{#if selectedValues.length < maxValues}
+
+ {#key value.color + value.icon}
+
+ {/each}
+
+ {value.displayName}
+ {#if value.createdByName}
+
+
+ + Created by + {value.createdByName} +
+ {:else} +Official HuggingChat tool
+ {/if} +
+ {
+ inputValue = ev.currentTarget.value;
+ debouncedFetch(inputValue);
+ }}
+ disabled={selectedValues.length >= maxValues}
+ class="w-full rounded border border-gray-200 bg-gray-100 px-3 py-2"
+ class:opacity-50={selectedValues.length >= maxValues}
+ class:bg-gray-100={selectedValues.length >= maxValues}
+ placeholder="Type to search tools..."
+ tabindex="0"
+ />
+ {#if suggestions.length > 0}
+
+{/if}
diff --git a/src/lib/components/CodeBlock.svelte b/src/lib/components/CodeBlock.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..db8513825d62f5c32a0949769c9ef60cf5b042ce
--- /dev/null
+++ b/src/lib/components/CodeBlock.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {#if inputValue === ""}
+
+ {/if}
+ + Start typing to search for tools... +
+ {:else} + {#each suggestions as suggestion} + + {/each} + {/if} +
+
diff --git a/src/lib/components/ContinueBtn.svelte b/src/lib/components/ContinueBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f3c300971c184e252708f965ffab3eebdd1cddaa
--- /dev/null
+++ b/src/lib/components/ContinueBtn.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/components/CopyToClipBoardBtn.svelte b/src/lib/components/CopyToClipBoardBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b04953b237e869425a2dcaa10cd8921ec337bffd
--- /dev/null
+++ b/src/lib/components/CopyToClipBoardBtn.svelte
@@ -0,0 +1,79 @@
+
+
+
diff --git a/src/lib/components/DisclaimerModal.svelte b/src/lib/components/DisclaimerModal.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d32b43785db32aabd50525e13a15e445c33dec38
--- /dev/null
+++ b/src/lib/components/DisclaimerModal.svelte
@@ -0,0 +1,76 @@
+
+
+{@html DOMPurify.sanitize(code)}
+
+
+
+
+
+
+
+ + {publicConfig.PUBLIC_APP_DESCRIPTION} +
+ ++ {publicConfig.PUBLIC_APP_DISCLAIMER_MESSAGE} +
+ +
+
+ {#if page.data.loginEnabled}
+
+ {/if}
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/InfiniteScroll.svelte b/src/lib/components/InfiniteScroll.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..bd0ebc87b308ec97971a5a04a0d1556457ed8490
--- /dev/null
+++ b/src/lib/components/InfiniteScroll.svelte
@@ -0,0 +1,50 @@
+
+
+
+ {label}
+
+
+
+
+
+
diff --git a/src/lib/components/LoginModal.svelte b/src/lib/components/LoginModal.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4a4b1559f751c4ac1807bb90f38649d10ff7872e
--- /dev/null
+++ b/src/lib/components/LoginModal.svelte
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+ + {publicConfig.PUBLIC_APP_DESCRIPTION} +
++ {publicConfig.PUBLIC_APP_GUEST_MESSAGE} +
+ + + {
+ e.stopPropagation();
+ handleBackdropClick(e);
+ }}
+ transition:fade|local={{ easing: cubicOut, duration: 300 }}
+ class="fixed inset-0 z-40 flex items-center justify-center bg-black/80 backdrop-blur-sm dark:bg-black/50"
+ >
+
+
+ {#if closeButton}
+
+ {/if}
+ {@render children?.()}
+
+
+
diff --git a/src/lib/components/NavConversationItem.svelte b/src/lib/components/NavConversationItem.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b129a3a7f1c26d2e128385e8534ede5dd51f93ab
--- /dev/null
+++ b/src/lib/components/NavConversationItem.svelte
@@ -0,0 +1,113 @@
+
+
+ {
+ confirmDelete = false;
+ }}
+ href="{base}/conversation/{conv.id}"
+ class="group flex h-10 flex-none items-center gap-1.5 rounded-lg pl-2.5 pr-2 text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700 sm:h-[2.35rem] {conv.id ===
+ page.params.id
+ ? 'bg-gray-100 dark:bg-gray-700'
+ : ''}"
+>
+ page
+ {#if model.datasetName || model.datasetUrl}
+ page
+ {/if}
+ {#if model.hasInferenceAPI}
+
+ {#if confirmDelete}
+ Delete
+ {/if}
+ {#if conv.avatarUrl}
+ 
+ {conv.title.replace(/\p{Emoji}/gu, "")}
+ {:else if conv.assistantId}
+
+ {conv.title.replace(/\p{Emoji}/gu, "")}
+ {:else}
+ {conv.title}
+ {/if}
+
+
+ {#if confirmDelete}
+
+
+ {:else}
+
+
+
+ {/if}
+
diff --git a/src/lib/components/NavMenu.svelte b/src/lib/components/NavMenu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..06b10cd898749d8258f32d4e4b7bd3a674195f81
--- /dev/null
+++ b/src/lib/components/NavMenu.svelte
@@ -0,0 +1,284 @@
+
+
+
+
+
+
+
+ {#if user?.username || user?.email}
+
+ {/if}
+ {#if canLogin}
+
+ {/if}
+ {#if nModels > 1}
+
+ Models
+ {nModels}
+
+ {/if}
+ {#if $page.data.enableAssistants}
+
+ Assistants
+
+ {/if}
+ {#if $page.data.enableCommunityTools}
+
+ Tools
+ New
+
+ {/if}
+
+
+
+ Settings
+
+
+
+
diff --git a/src/lib/components/OpenWebSearchResults.svelte b/src/lib/components/OpenWebSearchResults.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..80f534186a13da98d44c2b69ca8a99d6e29cbf6b
--- /dev/null
+++ b/src/lib/components/OpenWebSearchResults.svelte
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/OverloadedModal.svelte b/src/lib/components/OverloadedModal.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..14aa6228fc8cd4b1da957f5d80e65c90fe8e63a2
--- /dev/null
+++ b/src/lib/components/OverloadedModal.svelte
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+ - Web Search
+ -
+ {#if sources}
+ Completed
+ {:else}
+ {"message" in lastMessage ? lastMessage.message : "An error occurred"}
+ {/if}
+
+
+
+
+
+ {#if webSearchMessages.length === 0}
+
+
+
+ {:else}
+ -
+ {#each webSearchMessages as message}
+ {#if message.subtype === MessageWebSearchUpdateType.Update}
+
-
+ + ++ {#if message.args} +
+ {message.message} +
++ {message.args} +
+ {/if} +
+ {:else if message.subtype === MessageWebSearchUpdateType.Error}
+ -
+ ++ {#if message.args} +
+ + {message.message} +
++ {message.args} +
+ {/if} +
+ {/if}
+ {/each}
+
+
+
+
+
+ + This model is currently overloaded. +
++ Please try again later or consider using a different model. We currently have {page.data + .models.length} models available. +
+ +
+
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/RetryBtn.svelte b/src/lib/components/RetryBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5abeddac0aee9c570f775537d9ebd5b55c1a1aa1
--- /dev/null
+++ b/src/lib/components/RetryBtn.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/components/ScrollToBottomBtn.svelte b/src/lib/components/ScrollToBottomBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b897ea7e9dec8cfdbb4e17b5f96d383f0eca01b5
--- /dev/null
+++ b/src/lib/components/ScrollToBottomBtn.svelte
@@ -0,0 +1,47 @@
+
+
+{#if visible}
+
+{/if}
diff --git a/src/lib/components/ScrollToPreviousBtn.svelte b/src/lib/components/ScrollToPreviousBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..68d65d8b14c1e028436ac5374e8e0be61d17334b
--- /dev/null
+++ b/src/lib/components/ScrollToPreviousBtn.svelte
@@ -0,0 +1,77 @@
+
+
+{#if visible}
+
+{/if}
diff --git a/src/lib/components/StopGeneratingBtn.svelte b/src/lib/components/StopGeneratingBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0b457e18502fee3a5fe0df3a292af7ebd539e2a7
--- /dev/null
+++ b/src/lib/components/StopGeneratingBtn.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/components/Switch.svelte b/src/lib/components/Switch.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..df8fcfec02fd7f95bf176a0157e3dcc3b479d523
--- /dev/null
+++ b/src/lib/components/Switch.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
+
diff --git a/src/lib/components/SystemPromptModal.svelte b/src/lib/components/SystemPromptModal.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b78c26c1a41875cb161eda2c1a2d59564739b1f8
--- /dev/null
+++ b/src/lib/components/SystemPromptModal.svelte
@@ -0,0 +1,40 @@
+
+
+
+
+{#if isOpen}
+
+
+
+
+
+ System Prompt
+ +
+
+
+
+ {message}
+
+
diff --git a/src/lib/components/ToolBadge.svelte b/src/lib/components/ToolBadge.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..ad832ec998e84a34f31a60cba0e2413a1ca50eac
--- /dev/null
+++ b/src/lib/components/ToolBadge.svelte
@@ -0,0 +1,41 @@
+
+
++ {nTokens}{truncate ? `/${truncate}` : ""} +
+
+ Tokens usage
+
+
+ {#if browser}
+ {#await fetch(`${base}/api/tools/${toolId}`).then((res) => res.json()) then value}
+ {#key value.color + value.icon}
+
diff --git a/src/lib/components/ToolLogo.svelte b/src/lib/components/ToolLogo.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1ab351edd954a25f5a7e0f479aacc9a7bd341496
--- /dev/null
+++ b/src/lib/components/ToolLogo.svelte
@@ -0,0 +1,114 @@
+
+
+
+ {value.displayName}
+ {#if value.createdByName}
+
+ {/await}
+ {/if}
++ Created by + {value.createdByName} +
+ {:else} +Official HuggingChat tool
+ {/if} +
+
+
diff --git a/src/lib/components/ToolsMenu.svelte b/src/lib/components/ToolsMenu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..377d33bb6590ea4acd2288c26d4fbac390912dd4
--- /dev/null
+++ b/src/lib/components/ToolsMenu.svelte
@@ -0,0 +1,161 @@
+
+
+ {
+ if (detailsEl?.hasAttribute("open")) {
+ detailsEl.removeAttribute("open");
+ }
+ }}
+>
+
+
+
+
+
diff --git a/src/lib/components/Tooltip.svelte b/src/lib/components/Tooltip.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..af90602dd30091b1d7cc8e243d72dea8cccca30f
--- /dev/null
+++ b/src/lib/components/Tooltip.svelte
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+ {#if page.data.enableCommunityTools}
+
+
+ new
+
+ Browse community tools ({page.data.communityToolCount ?? 0})
+
+ {/if}
+ {#each tools as tool}
+ {@const isChecked = $settings?.tools?.includes(tool._id)}
+
+
+ {#if tool.type === "community"}
+ {
+ e.preventDefault();
+ e.stopPropagation();
+ await settings.instantSet({
+ tools: $settings?.tools?.filter((t) => t !== tool._id) ?? [],
+ });
+ }}
+ />
+ {:else}
+ {
+ e.preventDefault();
+ e.stopPropagation();
+ if (isChecked) {
+ await settings.instantSet({
+ tools: ($settings?.tools ?? []).filter((t) => t !== tool._id),
+ });
+ } else {
+ await settings.instantSet({
+ tools: [...($settings?.tools ?? []), tool._id],
+ });
+ }
+ }}
+ />
+ {/if}
+
+ {#if tool.type === "community"}
+
+
+ {/each}
+
+
+ {label}
+
diff --git a/src/lib/components/UploadBtn.svelte b/src/lib/components/UploadBtn.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fe722b6d405135fbf5b8fc3e0c68b7dd8340e3a8
--- /dev/null
+++ b/src/lib/components/UploadBtn.svelte
@@ -0,0 +1,34 @@
+
+
+
diff --git a/src/lib/components/WebSearchToggle.svelte b/src/lib/components/WebSearchToggle.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a9bfa56575b450b9d70d8433c5143d2eea18b316
--- /dev/null
+++ b/src/lib/components/WebSearchToggle.svelte
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/src/lib/components/chat/Alternatives.svelte b/src/lib/components/chat/Alternatives.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3e5af2162ef3b7e25bd7f7ec8a9c7cf8886208b0
--- /dev/null
+++ b/src/lib/components/chat/Alternatives.svelte
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+ + When enabled, the model will try to complement its answer with information queried from the + web. +
+
+
+
+ {currentIdx + 1} / {alternatives.length}
+
+
+ {#if !loading && message.children}
+
+ {/if}
+
diff --git a/src/lib/components/chat/AssistantIntroduction.svelte b/src/lib/components/chat/AssistantIntroduction.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1fe02ba94c1210b9a03c93994fabdd7ac4b08248
--- /dev/null
+++ b/src/lib/components/chat/AssistantIntroduction.svelte
@@ -0,0 +1,202 @@
+
+
+
+
diff --git a/src/lib/components/chat/ChatInput.svelte b/src/lib/components/chat/ChatInput.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..69c63c89347bd296961424c4a210c621906b3818
--- /dev/null
+++ b/src/lib/components/chat/ChatInput.svelte
@@ -0,0 +1,367 @@
+
+
+
+
+
+
+
+ {#if assistant.avatar}
+ }/avatar.jpg?hash=${)
+ {:else}
+
+
+ {:else}
+
+ {assistant?.name[0]}
+
+ {/if}
+
+ {assistant.name}
+
+ + {assistant.description || "No description provided."} +
+ + +
+
+ {#if assistant.exampleInputs && assistant.exampleInputs.length > 0}
+
+
+
+
+
+
+
+
+ About this Assistant
+
+ {#if assistant.createdByName}
+ •
+
+ {#if !import.meta.env.SSR && window.innerWidth < 640}By
+ {/if}{assistant.createdByName}
+
+ {/if}
+
+
+
+ {#if hasRag}
+
+
+
+ {/if}
+
+ {#if assistant?.tools?.length}
+
+
+ {/if}
+
+ {#if assistant.userCount && assistant.userCount > 1}
+
+
+ {/if}
+
+
+ {/if}
+
+Examples
+ +
+
+
+ {#if !showNoTools}
+
+
+
diff --git a/src/lib/components/chat/ChatIntroduction.svelte b/src/lib/components/chat/ChatIntroduction.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..7c8a3d38c93c073f688fdce5a67db4d537e71766
--- /dev/null
+++ b/src/lib/components/chat/ChatIntroduction.svelte
@@ -0,0 +1,98 @@
+
+
+
+ {#if showWebSearch}
+
+
+
+ {/if}
+ {#if showImageGen}
+
+
+
+ {/if}
+ {#if showFileUpload}
+ {@const mimeTypesString = mimeTypes
+ .map((m) => {
+ // if the mime type ends in *, grab the first part so image/* becomes image
+ if (m.endsWith("*")) {
+ return m.split("/")[0];
+ }
+ // otherwise, return the second part for example application/pdf becomes pdf
+ return m.split("/")[1];
+ })
+ .join(", ")}
+
+
+
+ {/if}
+ {/if}
+ {#if showExtraTools}
+ {#each extraTools as tool}
+
+ {/each}
+
+
+
+ {/if}
+
+ {/if}
+ {@render children?.()}
+
+
+
+
+
+ {#if mimeTypes.includes("image/*")}
+
+
diff --git a/src/lib/components/chat/ChatMessage.svelte b/src/lib/components/chat/ChatMessage.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b159907a6e538d4c9734d96c5bca81721ff2c38f
--- /dev/null
+++ b/src/lib/components/chat/ChatMessage.svelte
@@ -0,0 +1,395 @@
+
+
+{#if message.from === "assistant"}
+
+
+
+
+
+
+
+ v{publicConfig.PUBLIC_VERSION}
+
+ + {publicConfig.PUBLIC_APP_DESCRIPTION || + "Making the community's best AI chat models available to everyone."} +
+
+ {#each JSON5.parse(publicConfig.PUBLIC_ANNOUNCEMENT_BANNERS || "[]") as banner}
+
+ {banner.linkTitle}
+
+ {/each}
+
+
+ {#if currentModel.promptExamples}
+
+
+ {/if}
+
+Examples
+ + (isTapped = !isTapped)}
+ onkeydown={() => (isTapped = !isTapped)}
+ >
+ {#if page.data?.assistant?.avatar}
+ 
+ {:else}
+ 
+ {/if}
+
+ {#if alternatives.length > 1 && editMsdgId === null}
+
+ {:else}
+
+ {/if}
+
+ {#if message.files?.length}
+
+
+ {#if !loading && (message.content || toolUpdates)}
+
+ {/if}
+
+ {#each message.files as file}
+
+ {/if}
+ {#if searchUpdates && searchUpdates.length > 0}
+ 0 || searchUpdates.length > 0}
+ >
+ {#if isLast && loading && message.content.length === 0}
+
+
+
+ {#if webSearchSources?.length}
+
+
+
+ .hostname ||
+ 'placeholder'})
+
+ {/if}
+
+
+ {#if messageFinalAnswer?.webSources && messageFinalAnswer.webSources.length}
+ Sources:
+ {#each webSearchSources as { link, title }}
+
+ {new URL(link).hostname.replace(/^www\./, "")}
+
+ {/each}
+
+ .hostname ||
+ 'placeholder'})
+
+ {/if}
+ Sources:
+ {#each messageFinalAnswer.webSources as { uri, title }}
+
+ {title}
+
+ {/each}
+ (isTapped = !isTapped)}
+ onkeydown={() => (isTapped = !isTapped)}
+ >
+
+{/if}
+
+
diff --git a/src/lib/components/chat/ChatWindow.svelte b/src/lib/components/chat/ChatWindow.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5d35e621d2735f5acd9ebce04aae6fe2d7eab55a
--- /dev/null
+++ b/src/lib/components/chat/ChatWindow.svelte
@@ -0,0 +1,549 @@
+
+
+
+ {#if message.files?.length}
+
+
+ {#each message.files as file}
+
+ {/if}
+
+
+ {#if !editMode}
+
+ {#if alternatives.length > 1 && editMsdgId === null}
+ + {message.content.trim()} +
+ {:else} + + {/if} + {#if !loading && !editMode} +
+
+ {/if}
+
+
+
+
+
+
+
diff --git a/src/lib/components/chat/FileDropzone.svelte b/src/lib/components/chat/FileDropzone.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4320fd4c8d9614d1737187407bb9930409e472c4
--- /dev/null
+++ b/src/lib/components/chat/FileDropzone.svelte
@@ -0,0 +1,101 @@
+
+
+ message.content)}
+ bind:this={chatContainer}
+ >
+
+
+ {#if assistant && !!messages.length}
+
+ {#if assistant.avatar}
+ }/avatar.jpg?hash=${assistant.avatar})
+ {:else}
+ {
+ if (page.data.loginRequired) {
+ ev.preventDefault();
+ $loginModalOpen = true;
+ } else {
+ dispatch("message", ev.detail);
+ }
+ }}
+ />
+ {:else}
+ {
+ if (page.data.loginRequired) {
+ ev.preventDefault();
+ $loginModalOpen = true;
+ } else {
+ dispatch("message", ev.detail);
+ }
+ }}
+ />
+ {/if}
+
+
+
+ {:else}
+
+ {assistant.name[0]}
+
+ {/if}
+
+ {assistant.name}
+
+ {:else if preprompt && preprompt != currentModel.preprompt}
+
+ {#each messages as message, idx (message.id)}
+ a.includes(message.id)) ?? []}
+ isAuthor={!shared}
+ readOnly={isReadOnly}
+ isLast={idx === messages.length - 1}
+ bind:editMsdgId
+ on:retry
+ on:vote
+ on:continue
+ on:showAlternateMsg
+ />
+ {/each}
+ {#if isReadOnly}
+
+ {:else if pending}
+
+ {#if sources?.length && !loading}
+
+
+ {#each sources as source, index}
+ {#await source then src}
+ {
+ files = files.filter((_, i) => i !== index);
+ }}
+ />
+ {/await}
+ {/each}
+
+ {/if}
+
+
+
+
+ {#if loading}
+ dispatch("stop")} />
+ {:else if lastIsError}
+ {
+ if (lastMessage && lastMessage.ancestors) {
+ dispatch("retry", {
+ id: lastMessage.id,
+ });
+ }
+ }}
+ />
+ {:else if messages && lastMessage && lastMessage.interrupted && !isReadOnly}
+
+
+
+ {
+ if (lastMessage && lastMessage.ancestors) {
+ dispatch("continue", {
+ id: lastMessage?.id,
+ });
+ }
+ }}
+ />
+
+ {/if}
+
+
+
+ Model:
+ {#if !assistant}
+ {#if models.find((m) => m.id === currentModel.id)}
+ {currentModel.displayName}
Generated content may be inaccurate
+ or false.
+
(onDragInner = true)}
+ ondragleave={() => (onDragInner = false)}
+ ondragover={(e) => {
+ e.preventDefault();
+ bubble("dragover");
+ }}
+ class="relative flex h-28 w-full max-w-4xl flex-col items-center justify-center gap-1 rounded-xl border-2 border-dotted {onDragInner
+ ? 'border-blue-200 !bg-blue-500/10 text-blue-600 *:pointer-events-none dark:border-blue-600 dark:bg-blue-500/20 dark:text-blue-500'
+ : 'bg-gray-100 text-gray-500 dark:border-gray-500 dark:bg-gray-700 dark:text-gray-400'}"
+>
+
diff --git a/src/lib/components/chat/MarkdownRenderer.svelte b/src/lib/components/chat/MarkdownRenderer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d40e9361bb0b62a3bd1f79c3c8636684848865ec
--- /dev/null
+++ b/src/lib/components/chat/MarkdownRenderer.svelte
@@ -0,0 +1,67 @@
+
+
+{#each tokens as token}
+ {#if token.type === "text"}
+ {#await token.html then html}
+
+ {@html DOMPurify.sanitize(html)}
+ {/await}
+ {:else if token.type === "code"}
+ Drop File to add to chat
+
+
+ This model is no longer available. Switch to a new one to continue this conversation:
+
+
diff --git a/src/lib/components/chat/OpenReasoningResults.svelte b/src/lib/components/chat/OpenReasoningResults.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..ff96639b1c21d77cc3a3f3482f093ac25a576f3b
--- /dev/null
+++ b/src/lib/components/chat/OpenReasoningResults.svelte
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/chat/ToolUpdate.svelte b/src/lib/components/chat/ToolUpdate.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4b52d93d16dda26dc181070289ac8c8f86913d1e
--- /dev/null
+++ b/src/lib/components/chat/ToolUpdate.svelte
@@ -0,0 +1,182 @@
+
+
+{#if toolFnName && toolFnName !== "websearch"}
+
+
+
+
+
+
+
+ - Reasoning
+ -
+ {summary}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each tool as toolUpdate}
+ {#if toolUpdate.subtype === MessageToolUpdateType.Call}
+
+{/if}
+
+
diff --git a/src/lib/components/chat/UploadedFile.svelte b/src/lib/components/chat/UploadedFile.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..7d3a2ae6efe8db1db2fbfafde65d5a4b33270749
--- /dev/null
+++ b/src/lib/components/chat/UploadedFile.svelte
@@ -0,0 +1,242 @@
+
+
+{#if showModal && isClickable}
+
+
+
+
+
+
+
+ {#each tool as toolUpdate}
+ {#if toolUpdate.subtype === MessageToolUpdateType.Call}
+
+
+ Parameters
+ +-
+ {#each Object.entries(toolUpdate.call.parameters ?? {}) as [k, v]}
+ {#if v !== null}
+
- + {k}: + {v} + + {/if} + {/each} +
+
+ Error
+ +{toolUpdate.message}
+ {:else if isMessageToolResultUpdate(toolUpdate) && toolUpdate.result.status === ToolResultStatus.Success && toolUpdate.result.display} +
+
+ Result
+ +-
+ {#each toolUpdate.result.outputs as output}
+ {#each Object.entries(output) as [k, v]}
+ {#if v !== null}
+
- + {k}: + {v} + + {/if} + {/each} + {/each} +
+
+ {/if}
+ {file.name}
+ {#if file.mime === "application/vnd.chatui.clipboard"} ++ If you prefer to inject clipboard content directly in the chat, you can disable this + feature in the + settings page. +
+ {/if} + + {#if file.type === "hash"} + {#await fetch(urlNotTrailing + "/output/" + file.value).then((res) => res.text())} +
+
+ {:then result}
+ {result}
+ {/await}
+ {:else}
+ {atob(file.value)}
+ {/if}
+ isClickable && (showModal = true)}
+ onkeydown={(e) => {
+ if (!isClickable) {
+ return;
+ }
+ if (e.key === "Enter" || e.key === " ") {
+ showModal = true;
+ }
+ }}
+ class:clickable={isClickable}
+ role="button"
+ tabindex="0"
+>
+
diff --git a/src/lib/components/chat/Vote.svelte b/src/lib/components/chat/Vote.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..444da8afc18a47378c72d523b78695b1218fbd60
--- /dev/null
+++ b/src/lib/components/chat/Vote.svelte
@@ -0,0 +1,40 @@
+
+
+
+
diff --git a/src/lib/components/icons/IconChevron.svelte b/src/lib/components/icons/IconChevron.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a0d17dc029483411400ebf3eeb8833fb963fd90f
--- /dev/null
+++ b/src/lib/components/icons/IconChevron.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/src/lib/components/icons/IconCopy.svelte b/src/lib/components/icons/IconCopy.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1676b170402de387a944dc409c71fc614a178931
--- /dev/null
+++ b/src/lib/components/icons/IconCopy.svelte
@@ -0,0 +1,30 @@
+
+
+
diff --git a/src/lib/components/icons/IconDazzled.svelte b/src/lib/components/icons/IconDazzled.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..10599690445360ec78ac926552c7989fba24c9ee
--- /dev/null
+++ b/src/lib/components/icons/IconDazzled.svelte
@@ -0,0 +1,40 @@
+
+
+
diff --git a/src/lib/components/icons/IconImageGen.svelte b/src/lib/components/icons/IconImageGen.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5c9f595bd8731cf7454721321b73951955e1bd62
--- /dev/null
+++ b/src/lib/components/icons/IconImageGen.svelte
@@ -0,0 +1,27 @@
+
+
+
diff --git a/src/lib/components/icons/IconInternet.svelte b/src/lib/components/icons/IconInternet.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..74eba8bbc1a56cb95eb98745755b2effdfc62e20
--- /dev/null
+++ b/src/lib/components/icons/IconInternet.svelte
@@ -0,0 +1,27 @@
+
+
+
diff --git a/src/lib/components/icons/IconLoading.svelte b/src/lib/components/icons/IconLoading.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..78b754b29303d3a56422146e232299bf90ae7956
--- /dev/null
+++ b/src/lib/components/icons/IconLoading.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {#if isImage(file.mime)}
+
+
+ 
+
+ {:else if isAudio(file.mime)}
+
+
+
+
+ {:else if isPlainText(file.mime)}
+
+
+ {:else if file.mime === "octet-stream"}
+
+ {:else}
+
+
+ -
+
- + {truncateMiddle(file.name, 28)} + + {#if file.mime === "application/vnd.chatui.clipboard"} +
- Clipboard source + {:else} +
- {file.mime} + {/if} +
+
+ {/if}
+
+ {#if canClose}
+
+ {/if}
+
+
+ -
+
- + {truncateMiddle(file.name, 28)} + +
- {file.mime} +
+
+
+
+
diff --git a/src/lib/components/icons/IconNew.svelte b/src/lib/components/icons/IconNew.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a617467c809353ba0cc86897fda4e7b4d61fd219
--- /dev/null
+++ b/src/lib/components/icons/IconNew.svelte
@@ -0,0 +1,22 @@
+
+
+
diff --git a/src/lib/components/icons/IconPaperclip.svelte b/src/lib/components/icons/IconPaperclip.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a5d236b7cec2939eae799a44e6016ff527e4c155
--- /dev/null
+++ b/src/lib/components/icons/IconPaperclip.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/src/lib/components/icons/IconScreenshot.svelte b/src/lib/components/icons/IconScreenshot.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..c9edf133bb45331c84041869d52b6b391880aa33
--- /dev/null
+++ b/src/lib/components/icons/IconScreenshot.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/src/lib/components/icons/IconTool.svelte b/src/lib/components/icons/IconTool.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..49b35e8000c35e5dde9531c85e8a5c715fc2313b
--- /dev/null
+++ b/src/lib/components/icons/IconTool.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/src/lib/components/icons/Logo.svelte b/src/lib/components/icons/Logo.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f0b2a16e887288e97d6d6035c04fcc054b94aa22
--- /dev/null
+++ b/src/lib/components/icons/Logo.svelte
@@ -0,0 +1,44 @@
+
+
+
+{/if}
diff --git a/src/lib/components/icons/LogoHuggingFaceBorderless.svelte b/src/lib/components/icons/LogoHuggingFaceBorderless.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0f1cc6062f9dbbaae49bd12ed476af3fc336665d
--- /dev/null
+++ b/src/lib/components/icons/LogoHuggingFaceBorderless.svelte
@@ -0,0 +1,54 @@
+
+
+
diff --git a/src/lib/components/players/AudioPlayer.svelte b/src/lib/components/players/AudioPlayer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e95baf2411f823cb57ec90c65f35d95029a63c46
--- /dev/null
+++ b/src/lib/components/players/AudioPlayer.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
diff --git a/src/lib/constants/pagination.ts b/src/lib/constants/pagination.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a054569f16aea5df77d71973f4881d8fdd8722ad
--- /dev/null
+++ b/src/lib/constants/pagination.ts
@@ -0,0 +1 @@
+export const CONV_NUM_PER_PAGE = 30;
diff --git a/src/lib/constants/publicSepToken.ts b/src/lib/constants/publicSepToken.ts
new file mode 100644
index 0000000000000000000000000000000000000000..15d962d69ba33e1abeb8a35885aa7647d24cf7af
--- /dev/null
+++ b/src/lib/constants/publicSepToken.ts
@@ -0,0 +1 @@
+export const PUBLIC_SEP_TOKEN = "
+
+{name}
+ {#if duration !== Infinity}
+
+ {format(time)}
+
+ {/if}
+ {
+ paused = true;
+ }}
+ onpointerup={seek}
+ >
+
+
+ {duration ? format(duration) : "--:--"}
+ Text here
+ * the P tag is highest parent. + */ + const findHighestDirectParentOfReadableNode = (node: Node): HTMLElement => { + // go up the tree until the parent is no longer an only child + let parent = node.parentElement; + // if the parent is an inline tag, then go up one more level + while ( + parent && + hasValidInlineParent(parent) && + InlineTags.includes(parent?.tagName.toLowerCase()) + ) { + parent = parent.parentElement; + } + + while (parent && isOnlyChild(parent)) { + if (!hasValidParent(parent)) break; + parent = parent.parentElement; + } + + if (!parent) { + throw new Error( + "disconnected node found, this should not really be possible when traversing through the dom" + ); + } + + // if the parent is a span, code or div tag check if there is a pre tag or p tag above it + if (["span", "code", "div"].includes(parent.nodeName.toLowerCase())) { + const hasParent = possibleCodeParents.find((tag) => tag.contains(parent)) as HTMLElement; + if (hasParent) { + parent = hasParent; + } + } + + // if the parent is a li tag check if there is a ul or ol tag above it + if (parent.nodeName.toLowerCase() === "li") { + const hasParent = possibleListParents.find((tag) => tag.contains(parent)) as HTMLElement; + if (hasParent) { + parent = hasParent; + } + } + + // if the parent is a td, th, tr tag check if there is a table tag above it + if (["td", "th", "tr"].includes(parent.nodeName.toLowerCase())) { + const hasParent = possibleTableParents.find((tag) => tag.contains(parent)) as HTMLElement; + if (hasParent) { + parent = hasParent; + } + } + + return parent; + }; + const barredNodes = Array.from(document.querySelectorAll(IgnoredTagsList.join(","))); + + const doesNodePassHeuristics = (node: Node) => { + if ((node.textContent ?? "").trim().length < 10) { + return false; + } + + const parentNode = findHighestDirectParentOfReadableNode(node); + + if (parentNode && parentNode instanceof Element) { + if ( + !parentNode.checkVisibility({ + checkOpacity: true, + checkVisibilityCSS: true, + }) + ) + return false; + + const rect = parentNode.getBoundingClientRect(); + // elements that are readable usually don't have really small height or width + if (rect.width < 4 || rect.height < 4) { + return false; + } + } + + if (parentNode && parentNode instanceof Element) { + if (barredNodes.some((barredNode) => barredNode.contains(parentNode))) { + return false; + } + } + + return true; + }; + + const getAllReadableNodes = (): NodeWithRect[] => { + if (!document.body) throw new Error("Page failed to load"); + const treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, { + acceptNode(node) { + if (doesNodePassHeuristics(node)) { + return NodeFilter.FILTER_ACCEPT; + } else { + return NodeFilter.FILTER_SKIP; + } + }, + }); + + const readableNodes = []; + + while (treeWalker.nextNode()) { + readableNodes.push(treeWalker.currentNode as ReadableNode); + } + + /* + *