Edit {assistant?.name ?? "assistant"}

Modifying an existing assistant will propagate those changes to all users.

Create new assistant

Create and share your own AI Assistant. All assistants are public

Avatar

{#if (files && files[0]) || (assistant?.avatar && !deleteExistingAvatar)}

{#if files && files[0]} {:else if assistant?.avatar} {/if}

{ files = null; deleteExistingAvatar = true; }} class="mx-auto w-max text-center text-xs text-gray-600 hover:underline" > Delete

{:else}

Upload

{/if}

{getError("avatar", form)}

Name

{getError("name", form)}

Description

<p class="text-xs text-red-500">{getError("description", form)}</p> </label> <label> <div class="mb-1 font-semibold">Model</div> <select name="modelId" class="w-full rounded-lg border-2 border-gray-200 bg-gray-100 p-2"> {#each models.filter((model) => !model.unlisted) as model} <option value={model.id} selected={assistant ? assistant?.modelId === model.id : $settings.activeModel === model.id}>{model.displayName}</option > {/each} <p class="text-xs text-red-500">{getError("modelId", form)}</p> </select> </label> <label> <div class="mb-1 font-semibold">User start messages</div> <div class="flex flex-col gap-2"> <input name="exampleInput1" bind:value={inputMessage1} class="w-full rounded-lg border-2 border-gray-200 bg-gray-100 p-2" /> {#if !!inputMessage1 || !!inputMessage2} <input name="exampleInput2" bind:value={inputMessage2} class="w-full rounded-lg border-2 border-gray-200 bg-gray-100 p-2" /> {/if} {#if !!inputMessage2 || !!inputMessage3} <input name="exampleInput3" bind:value={inputMessage3} class="w-full rounded-lg border-2 border-gray-200 bg-gray-100 p-2" /> {/if} {#if !!inputMessage3 || !!inputMessage4} <input name="exampleInput4" bind:value={inputMessage4} class="w-full rounded-lg border-2 border-gray-200 bg-gray-100 p-2" /> {/if} </div> <p class="text-xs text-red-500">{getError("inputMessage1", form)}</p> </label> </div> <label class="flex flex-col"> <div class="mb-1 text-sm font-semibold">Instructions (system prompt)</div> <textarea name="preprompt" class="min-h-[8lh] flex-1 rounded-lg border-2 border-gray-200 bg-gray-100 p-2 text-sm" placeholder="You'll act as..." value={assistant?.preprompt ?? ""} /> <p class="text-xs text-red-500">{getError("preprompt", form)}</p> </label> </div> <div class="mt-6 flex justify-end gap-2"> <a href={assistant ? `${base}/settings/assistants/${assistant?._id}` : `${base}/settings`} class="flex items-center justify-center rounded-full bg-gray-200 px-5 py-2 font-semibold text-gray-600" > Cancel </a> <button type="submit" disabled={loading} aria-disabled={loading} class="flex items-center justify-center rounded-full bg-black px-8 py-2 font-semibold" class:bg-gray-200={loading} class:text-gray-600={loading} class:text-white={!loading} > {assistant ? "Save" : "Create"} </button> </div> </form>