|
|
@@ -1102,7 +1102,7 @@
|
|
|
</button>
|
|
|
</InputMenu>
|
|
|
|
|
|
- <div class="flex gap-[2px] items-center overflow-x-auto scrollbar-none flex-1">
|
|
|
+ <div class="flex gap-1 items-center overflow-x-auto scrollbar-none flex-1">
|
|
|
{#if toolServers.length + selectedToolIds.length > 0}
|
|
|
<Tooltip
|
|
|
content={$i18n.t('{{COUNT}} Available Tools', {
|
|
|
@@ -1132,10 +1132,10 @@
|
|
|
<button
|
|
|
on:click|preventDefault={() => (webSearchEnabled = !webSearchEnabled)}
|
|
|
type="button"
|
|
|
- class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden {webSearchEnabled ||
|
|
|
+ class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden border {webSearchEnabled ||
|
|
|
($settings?.webSearch ?? false) === 'always'
|
|
|
- ? 'bg-blue-100 dark:bg-blue-500/20 text-blue-500 dark:text-blue-400'
|
|
|
- : 'bg-transparent text-gray-600 dark:text-gray-300 border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800'}"
|
|
|
+ ? 'bg-blue-100 dark:bg-blue-500/20 border-blue-400/20 text-blue-500 dark:text-blue-400'
|
|
|
+ : 'bg-transparent border-transparent text-gray-600 dark:text-gray-300 border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800'}"
|
|
|
>
|
|
|
<GlobeAlt className="size-5" strokeWidth="1.75" />
|
|
|
<span
|
|
|
@@ -1152,9 +1152,9 @@
|
|
|
on:click|preventDefault={() =>
|
|
|
(imageGenerationEnabled = !imageGenerationEnabled)}
|
|
|
type="button"
|
|
|
- class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden {imageGenerationEnabled
|
|
|
- ? 'bg-gray-100 dark:bg-gray-500/20 text-gray-600 dark:text-gray-400'
|
|
|
- : 'bg-transparent text-gray-600 dark:text-gray-300 border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 '}"
|
|
|
+ class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden border {imageGenerationEnabled
|
|
|
+ ? 'bg-gray-50 dark:bg-gray-400/10 border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400'
|
|
|
+ : 'bg-transparent border-transparent text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 '}"
|
|
|
>
|
|
|
<Photo className="size-5" strokeWidth="1.75" />
|
|
|
<span
|
|
|
@@ -1171,9 +1171,9 @@
|
|
|
on:click|preventDefault={() =>
|
|
|
(codeInterpreterEnabled = !codeInterpreterEnabled)}
|
|
|
type="button"
|
|
|
- class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden {codeInterpreterEnabled
|
|
|
- ? 'bg-gray-100 dark:bg-gray-500/20 text-gray-600 dark:text-gray-400'
|
|
|
- : 'bg-transparent text-gray-600 dark:text-gray-300 border-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 '}"
|
|
|
+ class="px-1.5 @xl:px-2.5 py-1.5 flex gap-1.5 items-center text-sm rounded-full font-medium transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden border {codeInterpreterEnabled
|
|
|
+ ? 'bg-gray-50 dark:bg-gray-400/10 border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400 '
|
|
|
+ : 'bg-transparent border-transparent text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 '}"
|
|
|
>
|
|
|
<CommandLine className="size-5" strokeWidth="1.75" />
|
|
|
<span
|
|
|
@@ -1242,10 +1242,7 @@
|
|
|
<div class=" flex items-center">
|
|
|
<Tooltip content={$i18n.t('Call')}>
|
|
|
<button
|
|
|
- class=" {webSearchEnabled ||
|
|
|
- ($settings?.webSearch ?? false) === 'always'
|
|
|
- ? 'bg-blue-500 text-white hover:bg-blue-400 '
|
|
|
- : 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100'} transition rounded-full p-1.5 self-center"
|
|
|
+ class=" bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full p-1.5 self-center"
|
|
|
type="button"
|
|
|
on:click={async () => {
|
|
|
if (selectedModels.length > 1) {
|
|
|
@@ -1311,9 +1308,7 @@
|
|
|
<button
|
|
|
id="send-message-button"
|
|
|
class="{!(prompt === '' && files.length === 0)
|
|
|
- ? webSearchEnabled || ($settings?.webSearch ?? false) === 'always'
|
|
|
- ? 'bg-blue-500 text-white hover:bg-blue-400 '
|
|
|
- : 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 '
|
|
|
+ ? 'bg-black text-white hover:bg-gray-900 dark:bg-white dark:text-black dark:hover:bg-gray-100 '
|
|
|
: 'text-white bg-gray-200 dark:text-gray-900 dark:bg-gray-700 disabled'} transition rounded-full p-1.5 self-center"
|
|
|
type="submit"
|
|
|
disabled={prompt === '' && files.length === 0}
|
Timothy Jaeryang Baek