diff --git a/src/apps/settings-modal/SettingsModal.tsx b/src/apps/settings-modal/SettingsModal.tsx
index 4986708af..2f96d8d3c 100644
--- a/src/apps/settings-modal/SettingsModal.tsx
+++ b/src/apps/settings-modal/SettingsModal.tsx
@@ -17,7 +17,7 @@ import { PreferencesTab } from '~/common/layout/optima/useOptimaLayout';
import { useIsMobile } from '~/common/components/useMatchMedia';
import { AppChatSettingsAI } from './AppChatSettingsAI';
-import { AppChatSettingsUI } from './AppChatSettingsUI';
+import { AppChatSettingsUI } from './settings-ui/AppChatSettingsUI';
import { UxLabsSettings } from './UxLabsSettings';
import { VoiceSettings } from './VoiceSettings';
diff --git a/src/apps/settings-modal/AppChatSettingsUI.tsx b/src/apps/settings-modal/settings-ui/AppChatSettingsUI.tsx
similarity index 95%
rename from src/apps/settings-modal/AppChatSettingsUI.tsx
rename to src/apps/settings-modal/settings-ui/AppChatSettingsUI.tsx
index 1afa44cd9..1e74d7c4b 100644
--- a/src/apps/settings-modal/AppChatSettingsUI.tsx
+++ b/src/apps/settings-modal/settings-ui/AppChatSettingsUI.tsx
@@ -13,6 +13,8 @@ import { useIsMobile } from '~/common/components/useMatchMedia';
import { useOptimaLayout } from '~/common/layout/optima/useOptimaLayout';
import { useUIPreferencesStore } from '~/common/state/store-ui';
+import { SettingTextSize } from './SettingTextSize';
+
// configuration
const SHOW_PURPOSE_FINDER = false;
@@ -44,6 +46,7 @@ export function AppChatSettingsUI() {
centerMode, setCenterMode,
doubleClickToEdit, setDoubleClickToEdit,
enterIsNewline, setEnterIsNewline,
+ messageTextSize, setMessageTextSize,
renderMarkdown, setRenderMarkdown,
showPersonaFinder, setShowPersonaFinder,
zenMode, setZenMode,
@@ -51,6 +54,7 @@ export function AppChatSettingsUI() {
centerMode: state.centerMode, setCenterMode: state.setCenterMode,
doubleClickToEdit: state.doubleClickToEdit, setDoubleClickToEdit: state.setDoubleClickToEdit,
enterIsNewline: state.enterIsNewline, setEnterIsNewline: state.setEnterIsNewline,
+ messageTextSize: state.messageTextSize, setMessageTextSize: state.setMessageTextSize,
renderMarkdown: state.renderMarkdown, setRenderMarkdown: state.setRenderMarkdown,
showPersonaFinder: state.showPersonaFinder, setShowPersonaFinder: state.setShowPersonaFinder,
zenMode: state.zenMode, setZenMode: state.setZenMode,
@@ -113,6 +117,8 @@ export function AppChatSettingsUI() {
]}
value={zenMode} onChange={setZenMode} />
+
+
{!isPwa() && !isMobile && (
void,
+}) {
+ return (
+
+
+
+ {(['xs', 'sm', 'md'] as UIMessageTextSize[]).map(sizeKey => {
+ const isActive = sizeKey === textSize;
+ return (
+ onChangeTextSize(sizeKey)}
+ indicator={
+
+
+ {sizeKey}
+
+
+ }
+ />
+ );
+ })}
+
+
+ );
+}
\ No newline at end of file