-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Basic top assistants page * remove featured check * fix edit * ui update * ui * mishig review * fix * move feedback link to settings * misc * Hide unlisted models in assistants flow * settings + public label * tweak * font-size * Hide top assistant page for soft release * always show author --------- Co-authored-by: Victor Mustar <[email protected]>
- Loading branch information
Showing
16 changed files
with
234 additions
and
75 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| import { PUBLIC_APP_ASSETS } from "$env/static/public"; | ||
|
|
||
| export const isHuggingChat = PUBLIC_APP_ASSETS === "huggingchat"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import { base } from "$app/paths"; | ||
| import { ENABLE_ASSISTANTS } from "$env/static/private"; | ||
| import { collections } from "$lib/server/database.js"; | ||
| import type { Assistant } from "$lib/types/Assistant"; | ||
| import { redirect } from "@sveltejs/kit"; | ||
|
|
||
| export const load = async ({ url }) => { | ||
| if (!ENABLE_ASSISTANTS) { | ||
| throw redirect(302, `${base}/`); | ||
| } | ||
|
|
||
| const modelId = url.searchParams.get("modelId"); | ||
|
|
||
| // fetch the top 10 assistants sorted by user count from biggest to smallest, filter out all assistants with only 1 users. filter by model too if modelId is provided | ||
| const assistants = await collections.assistants | ||
| .find({ userCount: { $gt: 1 }, modelId: modelId ?? { $exists: true } }) | ||
| .sort({ userCount: -1 }) | ||
| .limit(10) | ||
| .toArray(); | ||
|
|
||
| return { assistants: JSON.parse(JSON.stringify(assistants)) as Array<Assistant> }; | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| <script lang="ts"> | ||
| import type { PageData } from "./$types"; | ||
| import { goto } from "$app/navigation"; | ||
| import { base } from "$app/paths"; | ||
| import { page } from "$app/stores"; | ||
| import CarbonAdd from "~icons/carbon/add"; | ||
| export let data: PageData; | ||
| let selectedModel = $page.url.searchParams.get("modelId") ?? ""; | ||
| const onModelChange = (e: Event) => { | ||
| const newUrl = new URL($page.url); | ||
| if ((e.target as HTMLSelectElement).value === "") { | ||
| newUrl.searchParams.delete("modelId"); | ||
| } else { | ||
| newUrl.searchParams.set("modelId", (e.target as HTMLSelectElement).value); | ||
| } | ||
| goto(newUrl); | ||
| }; | ||
| </script> | ||
|
|
||
| <div class="scrollbar-custom mr-1 h-full overflow-y-auto py-12 md:py-24"> | ||
| <div class="pt-42 mx-auto flex flex-col px-5 xl:w-[60rem] 2xl:w-[64rem]"> | ||
| <h1 class="text-2xl font-bold">Assistants</h1> | ||
| <h3 class="text-gray-500">Browse popular assistants made by the community</h3> | ||
| <div class="mt-6 flex justify-between gap-2 max-sm:flex-col sm:items-center"> | ||
| <select | ||
| class="mt-1 rounded-lg border border-gray-300 bg-gray-50 p-2 text-xs text-gray-900 focus:border-blue-700 focus:ring-blue-700 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400" | ||
| bind:value={selectedModel} | ||
| on:change={onModelChange} | ||
| > | ||
| <option value="">All models</option> | ||
| {#each data.models.filter((model) => !model.unlisted) as model} | ||
| <option value={model.name}>{model.name}</option> | ||
| {/each} | ||
| </select> | ||
|
|
||
| <a | ||
| href={`${base}/settings/assistants/new`} | ||
| class="flex items-center gap-1 whitespace-nowrap rounded-lg border bg-white py-1 pl-1.5 pr-2.5 text-center shadow-sm hover:bg-gray-50 hover:shadow-none dark:border-gray-600 dark:bg-gray-700 dark:hover:bg-gray-700" | ||
| > | ||
| <CarbonAdd class="text-orange-600" />Create New assistant | ||
| </a> | ||
| </div> | ||
| <div class="mt-10 grid grid-cols-2 gap-4 sm:gap-5 md:grid-cols-3 lg:grid-cols-4"> | ||
| {#each data.assistants as assistant} | ||
| <a | ||
| href="{base}/assistant/{assistant._id}" | ||
| class="flex flex-col items-center justify-center overflow-hidden rounded-xl border bg-gray-50/50 px-4 py-6 text-center shadow hover:bg-gray-50 hover:shadow-inner max-sm:px-4 sm:h-64 sm:pb-4 dark:border-gray-800/70 dark:bg-gray-950/20 dark:hover:bg-gray-950/40" | ||
| > | ||
| {#if assistant.avatar} | ||
| <img | ||
| src="{base}/settings/assistants/{assistant._id}/avatar" | ||
| alt="Avatar" | ||
| class="mb-2 aspect-square size-12 flex-none rounded-full object-cover sm:mb-6 sm:size-20" | ||
| /> | ||
| {:else} | ||
| <div | ||
| class="mb-2 flex aspect-square size-12 flex-none items-center justify-center rounded-full bg-gray-300 text-2xl font-bold uppercase text-gray-500 sm:mb-6 sm:size-20 dark:bg-gray-800" | ||
| > | ||
| {assistant.name[0]} | ||
| </div> | ||
| {/if} | ||
| <h3 | ||
| class="mb-2 line-clamp-2 max-w-full break-words text-center text-[.8rem] font-semibold leading-snug sm:text-sm" | ||
| > | ||
| {assistant.name} | ||
| </h3> | ||
| <p | ||
| class="line-clamp-4 text-xxs text-gray-700 sm:line-clamp-2 sm:text-xs dark:text-gray-500" | ||
| > | ||
| {assistant.description} | ||
| </p> | ||
| {#if assistant.createdByName} | ||
| <p class="mt-auto pt-2 text-xxs text-gray-400 sm:text-xs dark:text-gray-500"> | ||
| Created by <a | ||
| class="hover:underline" | ||
| href="https://hf.co/{assistant.createdByName}" | ||
| target="_blank" | ||
| > | ||
| {assistant.createdByName} | ||
| </a> | ||
| </p> | ||
| {/if} | ||
| </a> | ||
| {:else} | ||
| No assistants found | ||
| {/each} | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.