- {/*{!isMobileScreen && (*/}
- {/*
*/}
- {/* }*/}
- {/* bordered*/}
- {/* onClick={() => setIsEditingMessage(true)}*/}
- {/* />*/}
- {/*
*/}
- {/*)}*/}
- {/*
*/}
- {/* }*/}
- {/* bordered*/}
- {/* title={Locale.Chat.Actions.Export}*/}
- {/* onClick={() => {*/}
- {/* setShowExport(true);*/}
- {/* }}*/}
- {/* />*/}
- {/*
*/}
+ {!isMobileScreen && (
+
+ }
+ bordered
+ onClick={() => setIsEditingMessage(true)}
+ />
+
+ )}
+
+ }
+ bordered
+ title={Locale.Chat.Actions.Export}
+ onClick={() => {
+ setShowExport(true);
+ }}
+ />
+
{showMaxIcon && (
- {/**/}
- {/* {checkingUpdate ? (*/}
- {/* */}
- {/* ) : hasNewVersion ? (*/}
- {/* */}
- {/* {Locale.Settings.Update.GoToUpdate}*/}
- {/* */}
- {/* ) : (*/}
- {/* }*/}
- {/* text={Locale.Settings.Update.CheckUpdate}*/}
- {/* onClick={() => checkUpdate(true)}*/}
- {/* />*/}
- {/* )}*/}
- {/**/}
+
+ {checkingUpdate ? (
+
+ ) : hasNewVersion ? (
+
+ {Locale.Settings.Update.GoToUpdate}
+
+ ) : (
+ }
+ text={Locale.Settings.Update.CheckUpdate}
+ onClick={() => checkUpdate(true)}
+ />
+ )}
+
- {/**/}
- {/* {*/}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.submitKey = e.target.value as any as SubmitKey),*/}
- {/* );*/}
- {/* }}*/}
- {/* >*/}
- {/* {Object.values(SubmitKey).map((v) => (*/}
- {/* */}
- {/* ))}*/}
- {/* */}
- {/**/}
+
+
+
- {/**/}
- {/* {*/}
- {/* updateConfig(*/}
- {/* (config) => (config.theme = e.target.value as any as Theme),*/}
- {/* );*/}
- {/* }}*/}
- {/* >*/}
- {/* {Object.values(Theme).map((v) => (*/}
- {/* */}
- {/* ))}*/}
- {/* */}
- {/**/}
+
+
+
- {/**/}
- {/* {*/}
- {/* changeLang(e.target.value as any);*/}
- {/* }}*/}
- {/* >*/}
- {/* {AllLangs.map((lang) => (*/}
- {/* */}
- {/* ))}*/}
- {/* */}
- {/**/}
+
+
+
- {/**/}
- {/* */}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.enableAutoGenerateTitle = e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/**/}
+
+
+ updateConfig(
+ (config) =>
+ (config.enableAutoGenerateTitle = e.currentTarget.checked),
+ )
+ }
+ >
+
- {/**/}
- {/* */}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.sendPreviewBubble = e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/**/}
+
+
+ updateConfig(
+ (config) =>
+ (config.sendPreviewBubble = e.currentTarget.checked),
+ )
+ }
+ >
+
- {/**/}
+
- {/**/}
- {/* */}
- {/* */}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.dontShowMaskSplashScreen =*/}
- {/* !e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
+
+
+
+ updateConfig(
+ (config) =>
+ (config.dontShowMaskSplashScreen =
+ !e.currentTarget.checked),
+ )
+ }
+ >
+
- {/* */}
- {/* */}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.hideBuiltinMasks = e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/*
*/}
+
+
+ updateConfig(
+ (config) =>
+ (config.hideBuiltinMasks = e.currentTarget.checked),
+ )
+ }
+ >
+
+
- {/**/}
- {/* */}
- {/* */}
- {/* updateConfig(*/}
- {/* (config) =>*/}
- {/* (config.disablePromptHint = e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
+
+
+
+ updateConfig(
+ (config) =>
+ (config.disablePromptHint = e.currentTarget.checked),
+ )
+ }
+ >
+
- {/* */}
- {/* }*/}
- {/* text={Locale.Settings.Prompt.Edit}*/}
- {/* onClick={() => setShowPromptModal(true)}*/}
- {/* />*/}
- {/* */}
- {/*
*/}
+
+ }
+ text={Locale.Settings.Prompt.Edit}
+ onClick={() => setShowPromptModal(true)}
+ />
+
+
- {/**/}
- {/* {showAccessCode && (*/}
- {/* */}
- {/* {*/}
- {/* accessStore.update(*/}
- {/* (access) => (access.accessCode = e.currentTarget.value),*/}
- {/* );*/}
- {/* }}*/}
- {/* />*/}
- {/* */}
- {/* )}*/}
+
+ {showAccessCode && (
+
+ {
+ accessStore.update(
+ (access) => (access.accessCode = e.currentTarget.value),
+ );
+ }}
+ />
+
+ )}
- {/* {!accessStore.hideUserApiKey && (*/}
- {/* <>*/}
- {/* {*/}
- {/* // Conditionally render the following ListItem based on clientConfig.isApp*/}
- {/* !clientConfig?.isApp && ( // only show if isApp is false*/}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.useCustomConfig = e.currentTarget.checked),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* )*/}
- {/* }*/}
- {/* {accessStore.useCustomConfig && (*/}
- {/* <>*/}
- {/* */}
- {/* {*/}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.provider = e.target*/}
- {/* .value as ServiceProvider),*/}
- {/* );*/}
- {/* }}*/}
- {/* >*/}
- {/* {Object.entries(ServiceProvider).map(([k, v]) => (*/}
- {/* */}
- {/* ))}*/}
- {/* */}
- {/* */}
+ {!accessStore.hideUserApiKey && (
+ <>
+ {
+ // Conditionally render the following ListItem based on clientConfig.isApp
+ !clientConfig?.isApp && ( // only show if isApp is false
+
+
+ accessStore.update(
+ (access) =>
+ (access.useCustomConfig = e.currentTarget.checked),
+ )
+ }
+ >
+
+ )
+ }
+ {accessStore.useCustomConfig && (
+ <>
+
+
+
- {/* {accessStore.provider === "OpenAI" ? (*/}
- {/* <>*/}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.openaiUrl = e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* */}
- {/* {*/}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.openaiApiKey = e.currentTarget.value),*/}
- {/* );*/}
- {/* }}*/}
- {/* />*/}
- {/* */}
- {/* */}
- {/* ) : accessStore.provider === "Azure" ? (*/}
- {/* <>*/}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.azureUrl = e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* */}
- {/* {*/}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.azureApiKey = e.currentTarget.value),*/}
- {/* );*/}
- {/* }}*/}
- {/* />*/}
- {/* */}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.azureApiVersion =*/}
- {/* e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* */}
- {/* ) : accessStore.provider === "Google" ? (*/}
- {/* <>*/}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.googleUrl = e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* */}
- {/* {*/}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.googleApiKey = e.currentTarget.value),*/}
- {/* );*/}
- {/* }}*/}
- {/* />*/}
- {/* */}
- {/* */}
- {/* */}
- {/* accessStore.update(*/}
- {/* (access) =>*/}
- {/* (access.googleApiVersion =*/}
- {/* e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/* */}
- {/* ) : null}*/}
- {/* */}
- {/* )}*/}
- {/* */}
- {/* )}*/}
+ {accessStore.provider === ServiceProvider.OpenAI && (
+ <>
+
+
+ accessStore.update(
+ (access) =>
+ (access.openaiUrl = e.currentTarget.value),
+ )
+ }
+ >
+
+
+ {
+ accessStore.update(
+ (access) =>
+ (access.openaiApiKey = e.currentTarget.value),
+ );
+ }}
+ />
+
+
+ )}
+ {accessStore.provider === ServiceProvider.Azure && (
+ <>
+
+
+ accessStore.update(
+ (access) =>
+ (access.azureUrl = e.currentTarget.value),
+ )
+ }
+ >
+
+
+ {
+ accessStore.update(
+ (access) =>
+ (access.azureApiKey = e.currentTarget.value),
+ );
+ }}
+ />
+
+
+
+ accessStore.update(
+ (access) =>
+ (access.azureApiVersion =
+ e.currentTarget.value),
+ )
+ }
+ >
+
+
+ )}
+ {accessStore.provider === ServiceProvider.Google && (
+ <>
+
+
+ accessStore.update(
+ (access) =>
+ (access.googleUrl = e.currentTarget.value),
+ )
+ }
+ >
+
+
+ {
+ accessStore.update(
+ (access) =>
+ (access.googleApiKey = e.currentTarget.value),
+ );
+ }}
+ />
+
+
+
+ accessStore.update(
+ (access) =>
+ (access.googleApiVersion =
+ e.currentTarget.value),
+ )
+ }
+ >
+
+
+ )}
+ {accessStore.provider === ServiceProvider.Anthropic && (
+ <>
+
+
+ accessStore.update(
+ (access) =>
+ (access.anthropicUrl = e.currentTarget.value),
+ )
+ }
+ >
+
+
+ {
+ accessStore.update(
+ (access) =>
+ (access.anthropicApiKey =
+ e.currentTarget.value),
+ );
+ }}
+ />
+
+
+
+ accessStore.update(
+ (access) =>
+ (access.anthropicApiVersion =
+ e.currentTarget.value),
+ )
+ }
+ >
+
+
+ )}
+
+ )}
+
+ )}
- {/* {!shouldHideBalanceQuery && !clientConfig?.isApp ? (*/}
- {/* */}
- {/* {!showUsage || loadingUsage ? (*/}
- {/* */}
- {/* ) : (*/}
- {/* }*/}
- {/* text={Locale.Settings.Usage.Check}*/}
- {/* onClick={() => checkUsage(true)}*/}
- {/* />*/}
- {/* )}*/}
- {/* */}
- {/* ) : null}*/}
+ {!shouldHideBalanceQuery && !clientConfig?.isApp ? (
+
+ {!showUsage || loadingUsage ? (
+
+ ) : (
+ }
+ text={Locale.Settings.Usage.Check}
+ onClick={() => checkUsage(true)}
+ />
+ )}
+
+ ) : null}
- {/* */}
- {/* */}
- {/* config.update(*/}
- {/* (config) => (config.customModels = e.currentTarget.value),*/}
- {/* )*/}
- {/* }*/}
- {/* >*/}
- {/* */}
- {/*
*/}
+
+
+ config.update(
+ (config) => (config.customModels = e.currentTarget.value),
+ )
+ }
+ >
+
+
- {/**/}
- {/* {*/}
- {/* const modelConfig = { ...config.modelConfig };*/}
- {/* updater(modelConfig);*/}
- {/* config.update((config) => (config.modelConfig = modelConfig));*/}
- {/* }}*/}
- {/* />*/}
- {/*
*/}
+
+ {
+ const modelConfig = { ...config.modelConfig };
+ updater(modelConfig);
+ config.update((config) => (config.modelConfig = modelConfig));
+ }}
+ />
+
{shouldShowPromptModal && (
setShowPromptModal(false)} />
diff --git a/app/components/sidebar.tsx b/app/components/sidebar.tsx
index d62d2aa91..69b2e71f8 100644
--- a/app/components/sidebar.tsx
+++ b/app/components/sidebar.tsx
@@ -6,7 +6,6 @@ import { IconButton } from "./button";
import SettingsIcon from "../icons/settings.svg";
import GithubIcon from "../icons/github.svg";
import ChatGptIcon from "../icons/chatgpt.svg";
-import DiitIcon from "../icons/diit.svg";
import AddIcon from "../icons/add.svg";
import CloseIcon from "../icons/close.svg";
import DeleteIcon from "../icons/delete.svg";
@@ -156,38 +155,38 @@ export function SideBar(props: { className?: string }) {
>
- DiitChat
+ NextChat
+
+
+ Build your own AI assistant.
- {/*
*/}
- {/* Build your own AI assistant.*/}
- {/*
*/}
-
+
- {/**/}
- {/* }*/}
- {/* text={shouldNarrow ? undefined : Locale.Mask.Name}*/}
- {/* className={styles["sidebar-bar-button"]}*/}
- {/* onClick={() => {*/}
- {/* if (config.dontShowMaskSplashScreen !== true) {*/}
- {/* navigate(Path.NewChat, { state: { fromHome: true } });*/}
- {/* } else {*/}
- {/* navigate(Path.Masks, { state: { fromHome: true } });*/}
- {/* }*/}
- {/* }}*/}
- {/* shadow*/}
- {/* />*/}
- {/* }*/}
- {/* text={shouldNarrow ? undefined : Locale.Plugin.Name}*/}
- {/* className={styles["sidebar-bar-button"]}*/}
- {/* onClick={() => showToast(Locale.WIP)}*/}
- {/* shadow*/}
- {/* />*/}
- {/*
*/}
+
+ }
+ text={shouldNarrow ? undefined : Locale.Mask.Name}
+ className={styles["sidebar-bar-button"]}
+ onClick={() => {
+ if (config.dontShowMaskSplashScreen !== true) {
+ navigate(Path.NewChat, { state: { fromHome: true } });
+ } else {
+ navigate(Path.Masks, { state: { fromHome: true } });
+ }
+ }}
+ shadow
+ />
+ }
+ text={shouldNarrow ? undefined : Locale.Plugin.Name}
+ className={styles["sidebar-bar-button"]}
+ onClick={() => showToast(Locale.WIP)}
+ shadow
+ />
+
} shadow />
- {/*
*/}
+