);
}
diff --git a/client/src/components/Nav/SettingsTabs/Chat/ShowThinking.tsx b/client/src/components/Nav/SettingsTabs/Chat/ShowThinking.tsx
new file mode 100644
index 00000000000..6cd20c30403
--- /dev/null
+++ b/client/src/components/Nav/SettingsTabs/Chat/ShowThinking.tsx
@@ -0,0 +1,37 @@
+import { useRecoilState } from 'recoil';
+import HoverCardSettings from '../HoverCardSettings';
+import { Switch } from '~/components/ui';
+import useLocalize from '~/hooks/useLocalize';
+import store from '~/store';
+
+export default function SaveDraft({
+ onCheckedChange,
+}: {
+ onCheckedChange?: (value: boolean) => void;
+}) {
+ const [showThinking, setSaveDrafts] = useRecoilState(store.showThinking);
+ const localize = useLocalize();
+
+ const handleCheckedChange = (value: boolean) => {
+ setSaveDrafts(value);
+ if (onCheckedChange) {
+ onCheckedChange(value);
+ }
+ };
+
+ return (
+
+
+
{localize('com_nav_show_thinking')}
+
+
+
+
+ );
+}
diff --git a/client/src/localization/languages/Eng.ts b/client/src/localization/languages/Eng.ts
index 664b46d712d..771c346355c 100644
--- a/client/src/localization/languages/Eng.ts
+++ b/client/src/localization/languages/Eng.ts
@@ -843,10 +843,13 @@ export default {
com_nav_enable_cache_tts: 'Enable cache TTS',
com_nav_voice_select: 'Voice',
com_nav_enable_cloud_browser_voice: 'Use cloud-based voices',
+ com_nav_show_thinking: 'Open Thinking Dropdowns by Default',
com_nav_info_enter_to_send:
'When enabled, pressing `ENTER` will send your message. When disabled, pressing Enter will add a new line, and you\'ll need to press `CTRL + ENTER` / `⌘ + ENTER` to send your message.',
com_nav_info_save_draft:
'When enabled, the text and attachments you enter in the chat form will be automatically saved locally as drafts. These drafts will be available even if you reload the page or switch to a different conversation. Drafts are stored locally on your device and are deleted once the message is sent.',
+ com_nav_info_show_thinking:
+ 'When enabled, the chat will display the thinking dropdowns open by default, allowing you to view the AI\'s reasoning in real-time. When disabled, the thinking dropdowns will remain closed by default for a cleaner and more streamlined interface',
com_nav_info_fork_change_default:
'`Visible messages only` includes just the direct path to the selected message. `Include related branches` adds branches along the path. `Include all to/from here` includes all connected messages and branches.',
com_nav_info_fork_split_target_setting:
diff --git a/client/src/store/settings.ts b/client/src/store/settings.ts
index e4ce587d8d5..5e18c8984fc 100644
--- a/client/src/store/settings.ts
+++ b/client/src/store/settings.ts
@@ -36,8 +36,8 @@ const localStorageAtoms = {
saveDrafts: atomWithLocalStorage('saveDrafts', true),
forkSetting: atomWithLocalStorage('forkSetting', ''),
splitAtTarget: atomWithLocalStorage('splitAtTarget', false),
-
rememberDefaultFork: atomWithLocalStorage(LocalStorageKeys.REMEMBER_FORK_OPTION, false),
+ showThinking: atomWithLocalStorage('showThinking', false),
// Beta features settings
modularChat: atomWithLocalStorage('modularChat', true),
From 8c240e7d7b8f6ace7b5d96e9bf1b027011466075 Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Mon, 27 Jan 2025 23:14:54 +0100
Subject: [PATCH 02/23] =?UTF-8?q?=E2=9C=A8=20feat:=20Refactor=20Thinking?=
=?UTF-8?q?=20component=20styles=20and=20enhance=20Markdown=20rendering?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
client/src/components/Artifacts/Thinking.tsx | 32 +--
.../Chat/Messages/Content/Markdown.tsx | 199 ++++++++----------
2 files changed, 108 insertions(+), 123 deletions(-)
diff --git a/client/src/components/Artifacts/Thinking.tsx b/client/src/components/Artifacts/Thinking.tsx
index a2ebb0cd860..ff522efc620 100644
--- a/client/src/components/Artifacts/Thinking.tsx
+++ b/client/src/components/Artifacts/Thinking.tsx
@@ -5,10 +5,22 @@ import type { MouseEvent, FC } from 'react';
import { useLocalize } from '~/hooks';
import store from '~/store';
+const BUTTON_STYLES = {
+ base: 'group mt-3 flex w-fit items-center justify-center rounded-xl bg-surface-tertiary px-3 py-2 text-xs leading-[18px] animate-thinking-appear',
+ icon: 'icon-sm ml-1.5 transform-gpu text-text-primary transition-transform duration-200',
+} as const;
+
+const CONTENT_STYLES = {
+ wrapper: 'relative pl-3 text-text-secondary',
+ border:
+ 'absolute left-0 h-[calc(100%-10px)] border-l-2 border-border-medium dark:border-border-heavy',
+ text: 'whitespace-pre-wrap leading-[26px]',
+} as const;
+
const ThinkingContent: FC<{ children: React.ReactNode }> = memo(({ children }) => (
-