7c1ee242eb
* feat: Add CodeArtifacts component to Beta settings tab * chore: Update npm dependency to @codesandbox/sandpack-react@2.18.2 * WIP: artifacts first pass * WIP first pass remark-directive * chore: revert markdown to original component + new artifacts rendering * refactor: first pass rewrite * refactor: add throttling * first pass styling * style: Add Radix Tabs, more styling changes * feat: second pass * style: code styling * fix: package markdown fixes * feat: Add useEffect hook to Artifacts component for visibility control, slide in animation * fix: only set artifact if there is content * refactor: typing and make latest artifact active if the number of artifacts changed * feat: artifacts + shadcnui * feat: Add Copy Code button to Artifacts component * feat: first pass streaming updates * refactor: optimize ordering of artifacts in Artifacts component * refactor: optimize ordering of artifacts and add latest artifact activation in Artifacts component * refactor: add order prop to Artifact * feat: update to latest, use update time for ordering * refactor: optimize ordering of artifacts and activate latest artifact in Artifacts component * wip: remove thinking text and artifact formatting if empty * refactor: optimize Markdown rendering and add support for code artifacts * feat: global state for current artifact Id and set on artifact preview click * refactor: Rename CodePreview component to ArtifactButton * refactor: apply growth to artifact frame so artifact preview can take full space * refactor: remove artifactIdsState * refactor: nullify artifact state and reset on empty conversation * feat: reset artifact state on conversation change * feat: artifacts system prompt in backend * refactor: update UI artifact toggle label to match localization key * style: remove ArtifactButton inline-block styling * feat: memoize ArtifactPreview, add html support * refactor: abstract out components * chore: bump react-resizable-panel * refactor: resizable panel order props * fix: side panel resizing crashes * style: temporarily remove scrolling, add better styling * chore: remove thinking for now * chore: preprocess artifacts for now * feat: Add auto scrolling to CodeMarkdown (artifacts) * feat: autoswitch to preview * feat: auto switch to code, adjust prompt, remove unused code * feat: refresh button * feat: open/close artifacts * wip: mermaid * refactor: w-fit Artifact button * chore: organize code * feat: first pass mermaid * refactor: improve panning logic in MermaidDiagram component * feat: center/zoom on first render * refactor: add centering with reset button * style: mermaid styling * refactor: add back MermaidDiagram * fix: static/html template * fix: mermaid * add examples to artifacts prompt * refactor: fix CodeBar plugin prop logic * refactor: remove unnecessary mention of artifacts when not requested * fix: remove preprocessCodeArtifacts function and fix imports * feat: improve artifacts guidelines and remove unnecessary mentions * refactor: improve artifacts guidelines and remove unnecessary mentions * chore: uninstall unused packages * chore: bump vite * chore: update three dependency to version 0.167.1 * refactor: move beta settings, add additional artifacts toggles * feat: artifacts mode toggles * refactor: adjust prompt * feat: shadcnui instructions * feat: code artifacts custom prompt mode * chore: Update artifacts UI labels and instructions localizations * refactor: Remove unused code in Markdown component
74 lines
3.2 KiB
TypeScript
74 lines
3.2 KiB
TypeScript
import { atom } from 'recoil';
|
|
import { SettingsViews } from 'librechat-data-provider';
|
|
import { atomWithLocalStorage } from '~/store/utils';
|
|
import type { TOptionSettings } from '~/common';
|
|
|
|
// Static atoms without localStorage
|
|
const staticAtoms = {
|
|
abortScroll: atom<boolean>({ key: 'abortScroll', default: false }),
|
|
showFiles: atom<boolean>({ key: 'showFiles', default: false }),
|
|
optionSettings: atom<TOptionSettings>({ key: 'optionSettings', default: {} }),
|
|
showPluginStoreDialog: atom<boolean>({ key: 'showPluginStoreDialog', default: false }),
|
|
showAgentSettings: atom<boolean>({ key: 'showAgentSettings', default: false }),
|
|
currentSettingsView: atom<SettingsViews>({
|
|
key: 'currentSettingsView',
|
|
default: SettingsViews.default,
|
|
}),
|
|
showBingToneSetting: atom<boolean>({ key: 'showBingToneSetting', default: false }),
|
|
showPopover: atom<boolean>({ key: 'showPopover', default: false }),
|
|
};
|
|
|
|
const localStorageAtoms = {
|
|
// General settings
|
|
autoScroll: atomWithLocalStorage('autoScroll', false),
|
|
hideSidePanel: atomWithLocalStorage('hideSidePanel', false),
|
|
fontSize: atomWithLocalStorage('fontSize', 'text-base'),
|
|
|
|
// Messages settings
|
|
enterToSend: atomWithLocalStorage('enterToSend', true),
|
|
chatDirection: atomWithLocalStorage('chatDirection', 'LTR'),
|
|
showCode: atomWithLocalStorage('showCode', false),
|
|
saveDrafts: atomWithLocalStorage('saveDrafts', true),
|
|
forkSetting: atomWithLocalStorage('forkSetting', ''),
|
|
splitAtTarget: atomWithLocalStorage('splitAtTarget', false),
|
|
|
|
rememberForkOption: atomWithLocalStorage('rememberForkOption', true),
|
|
|
|
// Beta features settings
|
|
modularChat: atomWithLocalStorage('modularChat', true),
|
|
LaTeXParsing: atomWithLocalStorage('LaTeXParsing', true),
|
|
codeArtifacts: atomWithLocalStorage('codeArtifacts', false),
|
|
includeShadcnui: atomWithLocalStorage('includeShadcnui', false),
|
|
customPromptMode: atomWithLocalStorage('customPromptMode', false),
|
|
|
|
// Commands settings
|
|
atCommand: atomWithLocalStorage('atCommand', true),
|
|
plusCommand: atomWithLocalStorage('plusCommand', true),
|
|
slashCommand: atomWithLocalStorage('slashCommand', true),
|
|
|
|
// Speech settings
|
|
conversationMode: atomWithLocalStorage('conversationMode', false),
|
|
advancedMode: atomWithLocalStorage('advancedMode', false),
|
|
|
|
speechToText: atomWithLocalStorage('speechToText', true),
|
|
engineSTT: atomWithLocalStorage('engineSTT', 'browser'),
|
|
languageSTT: atomWithLocalStorage('languageSTT', ''),
|
|
autoTranscribeAudio: atomWithLocalStorage('autoTranscribeAudio', false),
|
|
decibelValue: atomWithLocalStorage('decibelValue', -45),
|
|
autoSendText: atomWithLocalStorage('autoSendText', -1),
|
|
|
|
textToSpeech: atomWithLocalStorage('textToSpeech', true),
|
|
engineTTS: atomWithLocalStorage('engineTTS', 'browser'),
|
|
voice: atomWithLocalStorage<string | undefined>('voice', undefined),
|
|
cloudBrowserVoices: atomWithLocalStorage('cloudBrowserVoices', false),
|
|
languageTTS: atomWithLocalStorage('languageTTS', ''),
|
|
automaticPlayback: atomWithLocalStorage('automaticPlayback', false),
|
|
playbackRate: atomWithLocalStorage<number | null>('playbackRate', null),
|
|
cacheTTS: atomWithLocalStorage('cacheTTS', true),
|
|
|
|
// Account settings
|
|
UsernameDisplay: atomWithLocalStorage('UsernameDisplay', true),
|
|
};
|
|
|
|
export default { ...staticAtoms, ...localStorageAtoms };
|