refactor: remove artifacts toggle

client/src/components/Chat/Presentation.tsx

@@ -23,7 +23,6 @@ export default function Presentation({
 }) {
   const { data: startupConfig } = useGetStartupConfig();
   const artifacts = useRecoilValue(store.artifactsState);
-  const codeArtifacts = useRecoilValue(store.codeArtifacts);
   const hideSidePanel = useRecoilValue(store.hideSidePanel);
   const artifactsVisible = useRecoilValue(store.artifactsVisible);
 
@@ -91,13 +90,11 @@ export default function Presentation({
           defaultCollapsed={defaultCollapsed}
           fullPanelCollapse={fullCollapse}
           artifacts={
-            artifactsVisible === true &&
+            artifactsVisible === true && Object.keys(artifacts ?? {}).length > 0 ? (
-            codeArtifacts === true &&
+              <EditorProvider>
-            Object.keys(artifacts ?? {}).length > 0 ? (
+                <Artifacts />
-                <EditorProvider>
+              </EditorProvider>
-                  <Artifacts />
+            ) : null
-                </EditorProvider>
-              ) : null
           }
         >
           <main className="flex h-full flex-col overflow-y-auto" role="main">

client/src/components/Nav/SettingsTabs/Beta/CodeArtifacts.tsx

@@ -5,18 +5,9 @@ import { useLocalize } from '~/hooks';
 import store from '~/store';
 
 export default function CodeArtifacts() {
-  const [codeArtifacts, setCodeArtifacts] = useRecoilState<boolean>(store.codeArtifacts);
+  const localize = useLocalize();
   const [includeShadcnui, setIncludeShadcnui] = useRecoilState<boolean>(store.includeShadcnui);
   const [customPromptMode, setCustomPromptMode] = useRecoilState<boolean>(store.customPromptMode);
-  const localize = useLocalize();
-
-  const handleCodeArtifactsChange = (value: boolean) => {
-    setCodeArtifacts(value);
-    if (!value) {
-      setIncludeShadcnui(false);
-      setCustomPromptMode(false);
-    }
-  };
 
   const handleIncludeShadcnuiChange = (value: boolean) => {
     setIncludeShadcnui(value);
@@ -33,20 +24,13 @@ export default function CodeArtifacts() {
     <div className="space-y-4">
       <h3 className="text-lg font-medium">{localize('com_ui_artifacts')}</h3>
       <div className="space-y-2">
-        <SwitchItem
-          id="codeArtifacts"
-          label={localize('com_ui_artifacts_toggle')}
-          checked={codeArtifacts}
-          onCheckedChange={handleCodeArtifactsChange}
-          hoverCardText="com_nav_info_code_artifacts"
-        />
         <SwitchItem
           id="includeShadcnui"
           label={localize('com_ui_include_shadcnui')}
           checked={includeShadcnui}
           onCheckedChange={handleIncludeShadcnuiChange}
           hoverCardText="com_nav_info_include_shadcnui"
-          disabled={!codeArtifacts || customPromptMode}
+          disabled={customPromptMode}
         />
         <SwitchItem
           id="customPromptMode"
@@ -54,7 +38,6 @@ export default function CodeArtifacts() {
           checked={customPromptMode}
           onCheckedChange={handleCustomPromptModeChange}
           hoverCardText="com_nav_info_custom_prompt_mode"
-          disabled={!codeArtifacts}
         />
       </div>
     </div>

client/src/hooks/Chat/useChatFunctions.ts

@@ -64,7 +64,6 @@ export default function useChatFunctions({
   setSubmission: SetterOrUpdater<TSubmission | null>;
   setLatestMessage?: SetterOrUpdater<TMessage | null>;
 }) {
-  const codeArtifacts = useRecoilValue(store.codeArtifacts);
   const includeShadcnui = useRecoilValue(store.includeShadcnui);
   const customPromptMode = useRecoilValue(store.customPromptMode);
   const resetLatestMultiMessage = useResetRecoilState(store.latestMessageFamily(index + 1));
@@ -170,7 +169,7 @@ export default function useChatFunctions({
         endpointType,
         overrideConvoId,
         overrideUserMessageId,
-        artifacts: getArtifactsMode({ codeArtifacts, includeShadcnui, customPromptMode }),
+        artifacts: getArtifactsMode({ includeShadcnui, customPromptMode }),
       },
       convo,
     ) as TEndpointOption;
@@ -228,7 +227,6 @@ export default function useChatFunctions({
       conversationId,
       unfinished: false,
       isCreatedByUser: false,
-      isEdited: isEditOrContinue,
       iconURL: convo?.iconURL,
       model: convo?.model,
       error: false,

client/src/store/settings.ts

@@ -42,7 +42,6 @@ const localStorageAtoms = {
   // Beta features settings
   modularChat: atomWithLocalStorage('modularChat', true),
   LaTeXParsing: atomWithLocalStorage('LaTeXParsing', true),
-  codeArtifacts: atomWithLocalStorage('codeArtifacts', false),
   includeShadcnui: atomWithLocalStorage('includeShadcnui', false),
   customPromptMode: atomWithLocalStorage('customPromptMode', false),
 

client/src/utils/artifacts.ts

@@ -6,17 +6,13 @@ import type {
 } from '@codesandbox/sandpack-react';
 
 export const getArtifactsMode = ({
-  codeArtifacts,
   includeShadcnui,
   customPromptMode,
 }: {
-  codeArtifacts: boolean;
   includeShadcnui: boolean;
   customPromptMode: boolean;
 }): ArtifactModes | undefined => {
-  if (!codeArtifacts) {
+  if (customPromptMode) {
-    return undefined;
-  } else if (customPromptMode) {
     return ArtifactModes.CUSTOM;
   } else if (includeShadcnui) {
     return ArtifactModes.SHADCNUI;