Function App

apps/chat/src/App.jsx:27–711

()

} from "./utils/storage";

function App() {
    const {
        chats,
        activeChatId,
        isGenerating,
        setIsGenerating,
        addChat,
        deleteChat,
        setActiveChat,
        getActiveChat,
        addMessage,
        updateMessage,
        removeMessagesAfter,
        clearAllChats,
    } = useChat();

    const [_sidebarOpen, setSidebarOpen] = useState(false);
    const [selectedModel, setSelectedModel] = useState("openai");
    const [selectedImageModel, setSelectedImageModel] = useState("flux");
    const [selectedVideoModel, setSelectedVideoModel] = useState("veo");
    const [selectedAudioModel, setSelectedAudioModel] =
        useState("openai-audio");
    const [theme, setTheme] = useState("dark");
    const [isShortcutsModalOpen, setIsShortcutsModalOpen] = useState(false);
    const [isBYOPModalOpen, setIsBYOPModalOpen] = useState(false);

    const [models, setModels] = useState({});
    const [imageModels, setImageModels] = useState({});
    const [videoModels, setVideoModels] = useState({});
    const [audioModels, setAudioModels] = useState({});
    const [modelsLoaded, setModelsLoaded] = useState(false);

    const [confirmModal, setConfirmModal] = useState({
        isOpen: false,
        title: "",
        message: "",
        onConfirm: null,
        isDangerous: false,
    });
    const [mode, setMode] = useState("chat");
    const [sessionSettings, setSessionSettings] = useState({
        systemPrompt:
            "You are a helpful AI assistant who speaks concisely and helpfully.",
        maxTokens: 2000,
        temperature: 0.7,
        topP: 1,
    });
    const [isSettingsPanelOpen, setIsSettingsPanelOpen] = useState(false);
    const [isTutorialOpen, setIsTutorialOpen] = useState(false);
    const [isGenerationOptionsOpen, setIsGenerationOptionsOpen] =
        useState(false);
    const [generationOptionsMode, setGenerationOptionsMode] =
        useState("imagine");
    const [imageGenerationOptions, setImageGenerationOptions] = useState({
        width: 1024,
        height: 1024,
        seed: 42,
        enhance: false,