implement an entire base refacotr and alot of styling overhauls and remakes.

2026-04-14 23:21:01 +02:00
parent 554ad494b0
commit feaa2e42c4
32 changed files with 6031 additions and 2638 deletions
@@ -0,0 +1,52 @@
+export async function request(url, data, method = "POST") {
+    try {
+        const res = await fetch(url, {
+            method,
+            headers: {"Content-Type": "application/json"},
+            body: data ? JSON.stringify(data) : undefined
+        });
+        return await res.json();
+    } catch {
+        return {error: "Network error - please try again."};
+    }
+}
+
+export const get = (url) => request(url, null, "GET");
+export const post = (url, data) => request(url, data, "POST");
+export const put = (url, data) => request(url, data, "PUT");
+export const del = (url) => request(url, null, "DELETE");
+
+export async function stream(url, data, handlers = {}) {
+    const response = await fetch(url, {
+        method: "POST",
+        headers: {"Content-Type": "application/json"},
+        body: JSON.stringify(data || {})
+    });
+
+    if (!response.ok || !response.body) {
+        throw new Error("Streaming request failed");
+    }
+
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+
+    while (true) {
+        const {value, done} = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, {stream: true});
+        const parts = buffer.split("\n\n");
+        buffer = parts.pop() || "";
+        for (const part of parts) {
+            const lines = part.split("\n");
+            const eventLine = lines.find((line) => line.startsWith("event:"));
+            const dataLine = lines.find((line) => line.startsWith("data:"));
+            if (!eventLine || !dataLine) continue;
+            const event = eventLine.slice(6).trim();
+            const payload = JSON.parse(dataLine.slice(5).trim());
+            if (event === "chunk" && handlers.onChunk) handlers.onChunk(payload);
+            if (event === "done" && handlers.onDone) handlers.onDone(payload);
+            if (event === "error" && handlers.onError) handlers.onError(payload);
+        }
+    }
+}
@@ -0,0 +1,21 @@
+export const requestedChatId = Number(new URLSearchParams(window.location.search).get("chat")) || null;
+
+export const onboardingPrompts = {
+    ask: ["Explain this topic in simple terms.", "Compare these options and recommend one."],
+    brainstorm: ["Give me 10 practical ideas for this problem.", "Suggest 3 creative directions and tradeoffs."],
+    roleplay: ["Start a roleplay scene with immediate tension.", "Give me a dramatic opening with clear stakes."]
+};
+
+export const themes = {
+    "fakegpt": {name: "FakeGPT", short: "FG"},
+    "fraud": {name: "Fraud", short: "FR"},
+    "germini": {name: "Germini", short: "GE"},
+    "slopilot": {name: "Slopilot", short: "SP"},
+    "beta-ai": {name: "Beta AI", short: "BA"},
+    "confusity": {name: "Confusity", short: "CF"}
+};
+
+export const defaultModelProfile = {
+    badge: "General",
+    summary: "General-purpose chat model. Start here if you are unsure which model to use."
+};
@@ -0,0 +1,226 @@
+const $ = (id) => document.getElementById(id);
+
+const authDiv = $("auth");
+const chatDiv = $("chat");
+const authMsg = $("authMsg");
+const logoutButton = $("logout");
+const messagesDiv = $("messages");
+const modelSelect = $("model");
+const modelMenuButton = $("modelMenuButton");
+const modelPopover = $("modelPopover");
+const modelBadgeName = $("modelBadgeName");
+const modelCount = $("modelCount");
+const modelHelpTitle = $("modelHelpTitle");
+const modelHelpBadge = $("modelHelpBadge");
+const modelHelpSummary = $("modelHelpSummary");
+const loginForm = $("loginForm");
+const registerForm = $("registerForm");
+const msgInput = $("msgInput");
+const sendBtn = $("send");
+const loginUsernameInput = $("loginUsername");
+const loginPasswordInput = $("loginPassword");
+const registerUsernameInput = $("registerUsername");
+const registerPasswordInput = $("registerPassword");
+const loginSubmit = $("loginSubmit");
+const registerSubmit = $("registerSubmit");
+const chatList = $("chatList");
+const chatSearchInput = $("chatSearch");
+const chatSidebar = $("chatSidebar");
+const chatDrawerCloseBtn = $("chatDrawerClose");
+const newChatBtn = $("newChat");
+const chatListLoading = $("chatListLoading");
+const chatListLoadingText = $("chatListLoadingText");
+const renameChatBtn = $("renameChat");
+const clearChatBtn = $("clearChat");
+const exportChatBtn = $("exportChat");
+const pinChatBtn = $("pinChat");
+const moveChatFolderBtn = $("moveChatFolder");
+const archiveChatBtn = $("archiveChat");
+const backupWorkspaceBtn = $("backupWorkspace");
+const activeChatTitle = $("activeChatTitle");
+const sessionUser = $("sessionUser");
+const chatActivityOverlay = $("chatActivityOverlay");
+const chatActivityEyebrow = $("chatActivityEyebrow");
+const chatActivityTitle = $("chatActivityTitle");
+const chatActivityDetail = $("chatActivityDetail");
+const contextChipButton = $("contextChipButton");
+const contextPopover = $("contextPopover");
+const contextSummaryLabel = $("contextSummaryLabel");
+const chatActionsMenuButton = $("chatActionsMenuButton");
+const chatActionsPopover = $("chatActionsPopover");
+const chatModePill = $("chatModePill");
+const chatCharacterPill = $("chatCharacterPill");
+const chatUserPersonaPill = $("chatUserPersonaPill");
+const personaList = $("personaList");
+const userPersonaList = $("userPersonaList");
+const personaForm = $("personaForm");
+const personaFormTitle = $("personaFormTitle");
+const personaTypeSelect = $("personaType");
+const personaNameInput = $("personaName");
+const personaPronounsInput = $("personaPronouns");
+const personaAppearanceInput = $("personaAppearance");
+const personaBackgroundInput = $("personaBackground");
+const personaDetailsInput = $("personaDetails");
+const personaExamplesField = $("personaExamplesField");
+const personaExampleDialoguesInput = $("personaExampleDialogues");
+const personaFormNotice = $("personaFormNotice");
+const roleplayNewPersonaBtn = $("roleplayNewPersona");
+const clearUserPersonaBtn = $("clearUserPersona");
+const activePersonaStatus = $("activePersonaStatus");
+const activeUserPersonaStatus = $("activeUserPersonaStatus");
+const personaModal = $("personaModal");
+const personaCloseBtn = $("personaClose");
+const personaMenuButton = $("personaMenuButton");
+const personaPopover = $("personaPopover");
+const roleplayStarterModal = $("roleplayStarterModal");
+const roleplayStarterClose = $("roleplayStarterClose");
+const roleplayStarterCancel = $("roleplayStarterCancel");
+const roleplayStarterConfirm = $("roleplayStarterConfirm");
+const roleplayStarterNotice = $("roleplayStarterNotice");
+const roleplayCharacterSelect = $("roleplayCharacterSelect");
+const roleplayUserPersonaSelect = $("roleplayUserPersonaSelect");
+const roleplayStarterTitle = $("roleplayStarterTitle");
+const roleplayStarterIntroCopy = $("roleplayStarterIntroCopy");
+const roleplayStarterBack = $("roleplayStarterBack");
+const roleplayStarterStepOne = $("roleplayStarterStepOne");
+const roleplayStarterStepTwo = $("roleplayStarterStepTwo");
+const roleplayScenarioInput = $("roleplayScenarioInput");
+const roleplayStarterSuggestions = $("roleplayStarterSuggestions");
+const popupModal = $("popupModal");
+const popupCloseBtn = $("popupClose");
+const popupCancelBtn = $("popupCancel");
+const popupConfirmBtn = $("popupConfirm");
+const popupTitle = $("popupTitle");
+const popupEyebrow = $("popupEyebrow");
+const popupDescription = $("popupDescription");
+const popupField = $("popupField");
+const popupInputLabel = $("popupInputLabel");
+const popupInput = $("popupInput");
+const appNotice = $("appNotice");
+const onboardingModal = $("onboardingModal");
+const onboardingTitle = $("onboardingTitle");
+const onboardingSubtitle = $("onboardingSubtitle");
+const onboardingChoices = $("onboardingChoices");
+const onboardingBack = $("onboardingBack");
+const onboardingContinue = $("onboardingContinue");
+const onboardingSkip = $("onboardingSkip");
+const authScreens = document.querySelectorAll(".auth-screen");
+const toggleButtons = document.querySelectorAll(".auth-toggle .toggle");
+const themeNameTargets = document.querySelectorAll("[data-theme-name]");
+const themeLogoTargets = document.querySelectorAll("[data-theme-logo]");
+const modelMenu = document.querySelector(".model-menu");
+const personaMenu = document.querySelector(".persona-menu");
+
+export {
+    $,
+    activeChatTitle,
+    activePersonaStatus,
+    activeUserPersonaStatus,
+    appNotice,
+    authDiv,
+    authMsg,
+    authScreens,
+    chatActionsMenuButton,
+    chatActionsPopover,
+    chatActivityDetail,
+    chatActivityEyebrow,
+    chatActivityOverlay,
+    chatActivityTitle,
+    chatCharacterPill,
+    chatDiv,
+    chatList,
+    chatListLoading,
+    chatListLoadingText,
+    chatSidebar,
+    chatDrawerCloseBtn,
+    chatModePill,
+    chatSearchInput,
+    chatUserPersonaPill,
+    clearChatBtn,
+    clearUserPersonaBtn,
+    contextChipButton,
+    contextPopover,
+    contextSummaryLabel,
+    exportChatBtn,
+    pinChatBtn,
+    moveChatFolderBtn,
+    archiveChatBtn,
+    backupWorkspaceBtn,
+    loginForm,
+    loginPasswordInput,
+    loginSubmit,
+    loginUsernameInput,
+    logoutButton,
+    messagesDiv,
+    modelBadgeName,
+    modelCount,
+    modelHelpBadge,
+    modelHelpSummary,
+    modelHelpTitle,
+    modelMenu,
+    modelMenuButton,
+    modelPopover,
+    modelSelect,
+    msgInput,
+    newChatBtn,
+    onboardingBack,
+    onboardingChoices,
+    onboardingContinue,
+    onboardingModal,
+    onboardingSkip,
+    onboardingSubtitle,
+    onboardingTitle,
+    personaCloseBtn,
+    personaDetailsInput,
+    personaExampleDialoguesInput,
+    personaExamplesField,
+    personaForm,
+    personaFormNotice,
+    personaFormTitle,
+    personaList,
+    personaMenu,
+    personaMenuButton,
+    personaModal,
+    personaNameInput,
+    personaPopover,
+    personaPronounsInput,
+    personaTypeSelect,
+    personaAppearanceInput,
+    personaBackgroundInput,
+    popupCancelBtn,
+    popupCloseBtn,
+    popupConfirmBtn,
+    popupDescription,
+    popupEyebrow,
+    popupField,
+    popupInput,
+    popupInputLabel,
+    popupModal,
+    popupTitle,
+    registerForm,
+    registerPasswordInput,
+    registerSubmit,
+    registerUsernameInput,
+    renameChatBtn,
+    roleplayCharacterSelect,
+    roleplayNewPersonaBtn,
+    roleplayScenarioInput,
+    roleplayStarterBack,
+    roleplayStarterCancel,
+    roleplayStarterClose,
+    roleplayStarterConfirm,
+    roleplayStarterIntroCopy,
+    roleplayStarterModal,
+    roleplayStarterNotice,
+    roleplayStarterStepOne,
+    roleplayStarterStepTwo,
+    roleplayStarterSuggestions,
+    roleplayStarterTitle,
+    roleplayUserPersonaSelect,
+    sendBtn,
+    sessionUser,
+    themeLogoTargets,
+    themeNameTargets,
+    toggleButtons,
+    userPersonaList
+};