diff --git a/app/components/chat.tsx b/app/components/chat.tsx index 54def01cf..d38990372 100644 --- a/app/components/chat.tsx +++ b/app/components/chat.tsx @@ -230,7 +230,9 @@ export function PromptHints(props: { useEffect(() => { const onKeyDown = (e: KeyboardEvent) => { if (noPrompts) return; - + if (e.metaKey || e.altKey || e.ctrlKey) { + return; + } // arrow up / down to select prompt const changeIndex = (delta: number) => { e.stopPropagation(); @@ -491,7 +493,11 @@ export function Chat() { // check if should send message const onInputKeyDown = (e: React.KeyboardEvent) => { // if ArrowUp and no userInput, fill with last input - if (e.key === "ArrowUp" && userInput.length <= 0) { + if ( + e.key === "ArrowUp" && + userInput.length <= 0 && + !(e.metaKey || e.altKey || e.ctrlKey) + ) { setUserInput(localStorage.getItem(LAST_INPUT_KEY) ?? ""); e.preventDefault(); return; @@ -789,7 +795,14 @@ export function Chat() { scrollToBottom={scrollToBottom} hitBottom={hitBottom} showPromptHints={() => { + // Click again to close + if (promptHints.length > 0) { + setPromptHints([]); + return; + } + inputRef.current?.focus(); + setUserInput("/"); onSearch(""); }} /> diff --git a/app/components/mask.tsx b/app/components/mask.tsx index a37cfba71..13ffb9ef6 100644 --- a/app/components/mask.tsx +++ b/app/components/mask.tsx @@ -14,7 +14,7 @@ import CopyIcon from "../icons/copy.svg"; import { DEFAULT_MASK_AVATAR, Mask, useMaskStore } from "../store/mask"; import { Message, ModelConfig, ROLES, useChatStore } from "../store"; -import { Input, List, ListItem, Modal, Popover } from "./ui-lib"; +import { Input, List, ListItem, Modal, Popover, Select } from "./ui-lib"; import { Avatar, AvatarPicker } from "./emoji"; import Locale, { AllLangs, Lang } from "../locales"; import { useNavigate } from "react-router-dom"; @@ -116,7 +116,7 @@ function ContextPromptItem(props: { return (
{!focusingInput && ( - + )} onSearch(e.currentTarget.value)} /> - + - + - + - + - + ) {
); } + +export function Select( + props: React.DetailedHTMLProps< + React.SelectHTMLAttributes, + HTMLSelectElement + >, +) { + const { className, children, ...otherProps } = props; + return ( +
+ + +
+ ); +} diff --git a/app/icons/down.svg b/app/icons/down.svg new file mode 100644 index 000000000..cca830b8e --- /dev/null +++ b/app/icons/down.svg @@ -0,0 +1 @@ + diff --git a/app/layout.tsx b/app/layout.tsx index c56341ab4..f2e765ae0 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -13,7 +13,7 @@ export const metadata = { title: "ChatGPT Next Web", statusBarStyle: "default", }, - themeColor: "#fafafa", + viewport: "width=device-width, initial-scale=1, maximum-scale=1", }; export default function RootLayout({ @@ -25,8 +25,9 @@ export default function RootLayout({ `${count} zpráv`, + }, + Chat: { + SubTitle: (count: number) => `${count} zpráv s ChatGPT`, + Actions: { + ChatList: "Přejít na seznam chatů", + CompressedHistory: "Pokyn z komprimované paměti historie", + Export: "Exportovat všechny zprávy jako Markdown", + Copy: "Kopírovat", + Stop: "Zastavit", + Retry: "Zopakovat", + Delete: "Smazat", + }, + Rename: "Přejmenovat chat", + Typing: "Píše...", + Input: (submitKey: string) => { + var inputHints = `${submitKey} pro odeslání`; + if (submitKey === String(SubmitKey.Enter)) { + inputHints += ", Shift + Enter pro řádkování"; + } + return inputHints + ", / pro vyhledávání pokynů"; + }, + Send: "Odeslat", + Config: { + Reset: "Obnovit výchozí", + SaveAs: "Uložit jako Masku", + }, + }, + Export: { + Title: "Všechny zprávy", + Copy: "Kopírovat vše", + Download: "Stáhnout", + MessageFromYou: "Zpráva od vás", + MessageFromChatGPT: "Zpráva z ChatGPT", + }, + Memory: { + Title: "Pokyn z paměti", + EmptyContent: "Zatím nic.", + Send: "Odeslat paměť", + Copy: "Kopírovat paměť", + Reset: "Obnovit relaci", + ResetConfirm: + "Resetováním se vymaže historie aktuálních konverzací i paměť historie pokynů. Opravdu chcete provést obnovu?", + }, + Home: { + NewChat: "Nový chat", + DeleteChat: "Potvrzujete smazání vybrané konverzace?", + DeleteToast: "Chat smazán", + Revert: "Zvrátit", + }, + Settings: { + Title: "Nastavení", + SubTitle: "Všechna nastavení", + Actions: { + ClearAll: "Vymazat všechna data", + ResetAll: "Obnovit veškeré nastavení", + Close: "Zavřít", + ConfirmResetAll: "Jste si jisti, že chcete obnovit všechna nastavení?", + ConfirmClearAll: "Jste si jisti, že chcete smazat všechna data?", + }, + Lang: { + Name: "Language", // ATTENTION: if you wanna add a new translation, please do not translate this value, leave it as `Language` + All: "Všechny jazyky", + Options: { + cn: "简体中文", + en: "English", + tw: "繁體中文", + es: "Español", + it: "Italiano", + tr: "Türkçe", + jp: "日本語", + de: "Deutsch", + vi: "Vietnamese", + ru: "Русский", + cs: "Čeština", + }, + }, + Avatar: "Avatar", + FontSize: { + Title: "Velikost písma", + SubTitle: "Nastavení velikosti písma obsahu chatu", + }, + Update: { + Version: (x: string) => `Verze: ${x}`, + IsLatest: "Aktuální verze", + CheckUpdate: "Zkontrolovat aktualizace", + IsChecking: "Kontrola aktualizace...", + FoundUpdate: (x: string) => `Nalezena nová verze: ${x}`, + GoToUpdate: "Aktualizovat", + }, + SendKey: "Odeslat klíč", + Theme: "Téma", + TightBorder: "Těsné ohraničení", + SendPreviewBubble: { + Title: "Odesílat chatovací bublinu s náhledem", + SubTitle: "Zobrazit v náhledu bubliny", + }, + Mask: { + Title: "Úvodní obrazovka Masek", + SubTitle: "Před zahájením nového chatu zobrazte úvodní obrazovku Masek", + }, + Prompt: { + Disable: { + Title: "Deaktivovat automatické dokončování", + SubTitle: "Zadejte / pro spuštění automatického dokončování", + }, + List: "Seznam pokynů", + ListCount: (builtin: number, custom: number) => + `${builtin} vestavěných, ${custom} uživatelských`, + Edit: "Upravit", + Modal: { + Title: "Seznam pokynů", + Add: "Přidat pokyn", + Search: "Hledat pokyny", + }, + EditModal: { + Title: "Editovat pokyn", + }, + }, + HistoryCount: { + Title: "Počet připojených zpráv", + SubTitle: "Počet odeslaných připojených zpráv na žádost", + }, + CompressThreshold: { + Title: "Práh pro kompresi historie", + SubTitle: + "Komprese proběhne, pokud délka nekomprimovaných zpráv přesáhne tuto hodnotu", + }, + Token: { + Title: "API klíč", + SubTitle: "Použitím klíče ignorujete omezení přístupového kódu", + Placeholder: "Klíč API OpenAI", + }, + Usage: { + Title: "Stav účtu", + SubTitle(used: any, total: any) { + return `Použito tento měsíc $${used}, předplaceno $${total}`; + }, + IsChecking: "Kontroluji...", + Check: "Zkontrolovat", + NoAccess: "Pro kontrolu zůstatku zadejte klíč API", + }, + AccessCode: { + Title: "Přístupový kód", + SubTitle: "Kontrola přístupu povolena", + Placeholder: "Potřebujete přístupový kód", + }, + Model: "Model", + Temperature: { + Title: "Teplota", + SubTitle: "Větší hodnota činí výstup náhodnějším", + }, + MaxTokens: { + Title: "Max. počet tokenů", + SubTitle: "Maximální délka vstupního tokenu a generovaných tokenů", + }, + PresencePenlty: { + Title: "Přítomnostní korekce", + SubTitle: + "Větší hodnota zvyšuje pravděpodobnost nových témat.", + }, + }, + Store: { + DefaultTopic: "Nová konverzace", + BotHello: "Ahoj! Jak mohu dnes pomoci?", + Error: "Něco se pokazilo, zkuste to prosím později.", + Prompt: { + History: (content: string) => + "Toto je shrnutí historie chatu mezi umělou inteligencí a uživatelem v podobě rekapitulace: " + + content, + Topic: + "Vytvořte prosím název o čtyřech až pěti slovech vystihující průběh našeho rozhovoru bez jakýchkoli úvodních slov, interpunkčních znamének, uvozovek, teček, symbolů nebo dalšího textu. Odstraňte uvozovky.", + Summarize: + "Krátce shrň naši diskusi v rozsahu do 200 slov a použij ji jako podnět pro budoucí kontext.", + }, + }, + Copy: { + Success: "Zkopírováno do schránky", + Failed: "Kopírování selhalo, prosím, povolte přístup ke schránce", + }, + Context: { + Toast: (x: any) => `Použití ${x} kontextových pokynů`, + Edit: "Kontextové a paměťové pokyny", + Add: "Přidat pokyn", + }, + Plugin: { + Name: "Plugin", + }, + Mask: { + Name: "Maska", + Page: { + Title: "Šablona pokynu", + SubTitle: (count: number) => `${count} šablon pokynů`, + Search: "Hledat v šablonách", + Create: "Vytvořit", + }, + Item: { + Info: (count: number) => `${count} pokynů`, + Chat: "Chat", + View: "Zobrazit", + Edit: "Upravit", + Delete: "Smazat", + DeleteConfirm: "Potvrdit smazání?", + }, + EditModal: { + Title: (readonly: boolean) => + `Editovat šablonu pokynu ${readonly ? "(pouze ke čtení)" : ""}`, + Download: "Stáhnout", + Clone: "Duplikovat", + }, + Config: { + Avatar: "Avatar Bota", + Name: "Jméno Bota", + }, + }, + NewChat: { + Return: "Zpět", + Skip: "Přeskočit", + Title: "Vyberte Masku", + SubTitle: "Chatovat s duší za Maskou", + More: "Najít více", + NotShow: "Nezobrazovat znovu", + ConfirmNoShow: "Potvrdit zakázání？Můžete jej povolit později v nastavení.", +}, + + UI: { + Confirm: "Potvrdit", + Cancel: "Zrušit", + Close: "Zavřít", + Create: "Vytvořit", + Edit: "Upravit", + } +}; + +export default cs; diff --git a/app/locales/de.ts b/app/locales/de.ts index 7c0b94db6..8cfe3be45 100644 --- a/app/locales/de.ts +++ b/app/locales/de.ts @@ -83,6 +83,7 @@ const de: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Avatar", diff --git a/app/locales/en.ts b/app/locales/en.ts index ba6482574..420f16905 100644 --- a/app/locales/en.ts +++ b/app/locales/en.ts @@ -82,6 +82,7 @@ const en: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Avatar", diff --git a/app/locales/es.ts b/app/locales/es.ts index 9997752e8..5f66071ce 100644 --- a/app/locales/es.ts +++ b/app/locales/es.ts @@ -82,6 +82,7 @@ const es: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Avatar", diff --git a/app/locales/index.ts b/app/locales/index.ts index 757c1719d..e41dfcdf7 100644 --- a/app/locales/index.ts +++ b/app/locales/index.ts @@ -8,6 +8,7 @@ import JP from "./jp"; import DE from "./de"; import VI from "./vi"; import RU from "./ru"; +import CS from "./cs"; export type { LocaleType } from "./cn"; @@ -22,6 +23,7 @@ export const AllLangs = [ "de", "vi", "ru", + "cs", ] as const; export type Lang = (typeof AllLangs)[number]; @@ -85,4 +87,5 @@ export default { de: DE, vi: VI, ru: RU, + cs: CS, }[getLang()] as typeof CN; diff --git a/app/locales/it.ts b/app/locales/it.ts index ddb85c948..f9daa7a37 100644 --- a/app/locales/it.ts +++ b/app/locales/it.ts @@ -82,6 +82,7 @@ const it: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Avatar", diff --git a/app/locales/jp.ts b/app/locales/jp.ts index d34ee68a6..526574b30 100644 --- a/app/locales/jp.ts +++ b/app/locales/jp.ts @@ -82,6 +82,7 @@ const jp: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "アバター", diff --git a/app/locales/ru.ts b/app/locales/ru.ts index dc0b149be..437a54b2b 100644 --- a/app/locales/ru.ts +++ b/app/locales/ru.ts @@ -82,6 +82,7 @@ const ru: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Аватар", diff --git a/app/locales/tr.ts b/app/locales/tr.ts index 80d2bae71..42c3f78eb 100644 --- a/app/locales/tr.ts +++ b/app/locales/tr.ts @@ -82,6 +82,7 @@ const tr: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Avatar", diff --git a/app/locales/tw.ts b/app/locales/tw.ts index ba54e8356..a8dbf91a5 100644 --- a/app/locales/tw.ts +++ b/app/locales/tw.ts @@ -80,6 +80,7 @@ const tw: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "大頭貼", diff --git a/app/locales/vi.ts b/app/locales/vi.ts index 516f57927..d3be61058 100644 --- a/app/locales/vi.ts +++ b/app/locales/vi.ts @@ -82,6 +82,7 @@ const vi: LocaleType = { de: "Deutsch", vi: "Vietnamese", ru: "Русский", + cs: "Čeština", }, }, Avatar: "Ảnh đại diện", diff --git a/app/requests.ts b/app/requests.ts index d38a91fd4..d9750a5b7 100644 --- a/app/requests.ts +++ b/app/requests.ts @@ -43,7 +43,7 @@ const makeRequestParam = ( }; }; -function getHeaders() { +export function getHeaders() { const accessStore = useAccessStore.getState(); let headers: Record = {}; diff --git a/app/store/access.ts b/app/store/access.ts index 79b7b9900..4e870b616 100644 --- a/app/store/access.ts +++ b/app/store/access.ts @@ -1,6 +1,7 @@ import { create } from "zustand"; import { persist } from "zustand/middleware"; import { StoreKey } from "../constant"; +import { getHeaders } from "../requests"; import { BOT_HELLO } from "./chat"; import { ALL_MODELS } from "./config"; @@ -55,6 +56,9 @@ export const useAccessStore = create()( fetch("/api/config", { method: "post", body: null, + headers: { + ...getHeaders(), + }, }) .then((res) => res.json()) .then((res: DangerConfig) => {