@takimcizgisi/ajan 0.2.5

package/src/gui/js/app.js

@@ -0,0 +1,197 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+const mainContent = document.getElementById("main-content");
+const sidebarLinks = document.querySelectorAll(".sidebar-link[data-page]");
+const headerNavBtns = document.querySelectorAll(".header-nav-btn");
+const pageTitle = document.getElementById("page-title");
+let currentPage = "chat";
+let currentCleanup = null;
+// ── Toast ──
+let toastTimer = null;
+function showToast(msg, type = "success") {
+    let toast = document.getElementById("global-toast");
+    if (!toast) {
+        toast = document.createElement("div");
+        toast.id = "global-toast";
+        toast.className = "toast";
+        document.body.appendChild(toast);
+    }
+    toast.textContent = msg;
+    toast.className = `toast ${type}`;
+    requestAnimationFrame(() => toast.classList.add("show"));
+    if (toastTimer)
+        clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => toast.classList.remove("show"), 3000);
+}
+window.ajanToast = showToast;
+// ── Maximize Durumu Dinleyici ──
+if (window.ajan?.onMaximized) {
+    window.ajan.onMaximized((isMax) => {
+        document.body.classList.toggle("is-maximized", isMax);
+    });
+    window.ajan.isMaximized?.().then((isMax) => {
+        if (isMax)
+            document.body.classList.add("is-maximized");
+    }).catch(() => { });
+}
+// ── Dosya Okuyucu (yalnızca HTML sayfa şablonları için) ──
+const fileCache = new Map();
+async function readGuiFile(relativePath) {
+    if (fileCache.has(relativePath))
+        return fileCache.get(relativePath);
+    const result = await window.ajan.readGuiFile(relativePath);
+    if (result.ok && result.content) {
+        fileCache.set(relativePath, result.content);
+        return result.content;
+    }
+    throw new Error(result.error || "Dosya okunamadı");
+}
+// ── Active State Senkronizasyonu ──
+function setActivePage(page) {
+    sidebarLinks.forEach(l => l.classList.toggle("active", l.dataset.page === page));
+    headerNavBtns.forEach(b => b.classList.toggle("active", b.dataset.page === page));
+}
+// ── Sidebar Oturum Listesi ──
+let activeSessionId = null;
+function renderSidebarSessions() {
+    const listEl = document.getElementById("sidebar-sessions");
+    if (!listEl)
+        return;
+    if (!window.ajan?.listSessions)
+        return;
+    window.ajan.listSessions().then((sessions) => {
+        console.log("[sidebarSessions] count=", sessions ? sessions.length : 0, "active=", activeSessionId);
+        if (!sessions || sessions.length === 0) {
+            listEl.innerHTML = '<div class="sidebar-sessions-empty">Oturum yok</div>';
+            return;
+        }
+        listEl.innerHTML = "";
+        for (const s of sessions) {
+            const item = document.createElement("div");
+            item.className = "sidebar-session-item" + (s.id === activeSessionId ? " active" : "");
+            item.dataset.sessionId = s.id;
+            const title = document.createElement("span");
+            title.className = "sidebar-session-title-text";
+            title.textContent = s.title || "Yeni Sohbet";
+            item.appendChild(title);
+            item.addEventListener("click", () => openSession(s.id));
+            listEl.appendChild(item);
+        }
+    }).catch(() => { });
+}
+async function openSession(id) {
+    console.log("[openSession] start", id, "currentPage=", currentPage);
+    const result = await window.ajan.loadSession(id);
+    console.log("[openSession] loadSession ok=", result.ok, "data=", result.data ? result.data.id : null);
+    if (!result.ok || !result.data) {
+        showToast(`Oturum açılamadı: ${result.error || "Bilinmeyen hata"}`, "error");
+        return;
+    }
+    activeSessionId = id;
+    renderSidebarSessions();
+    await loadPage("chat", true);
+    console.log("[openSession] dispatch restore");
+    document.dispatchEvent(new CustomEvent("ajan:restore-session", {
+        detail: result.data
+    }));
+}
+window.addEventListener("ajan:session-restored", () => {
+    renderSidebarSessions();
+});
+window.addEventListener("ajan:session-active", (e) => {
+    activeSessionId = (e.detail) ?? null;
+    renderSidebarSessions();
+});
+// ── Page Loader ──
+let currentLoad = null;
+const pageTitles = {
+    chat: "AJAN - Sohbet",
+    downloads: "AJAN - İndirmeler",
+    settings: "AJAN - Ayarlar",
+    projects: "AJAN - Projeler",
+    hakkinda: "AJAN - Hakkında"
+};
+function loadPage(page, force = false) {
+    if (!force && page === currentPage && mainContent.children.length > 0 && !currentLoad)
+        return Promise.resolve();
+    if (!force && currentLoad)
+        return currentLoad;
+    currentLoad = (async () => {
+        if (currentCleanup) {
+            currentCleanup();
+            currentCleanup = null;
+        }
+        mainContent.innerHTML = '<div class="empty-state"><div class="spinner"></div><div class="empty-state-text">Yükleniyor...</div></div>';
+        try {
+            const html = await readGuiFile(`html/${page}.html`);
+            mainContent.innerHTML = html;
+            pageTitle.textContent = pageTitles[page] || "AJAN AI";
+            setActivePage(page);
+            currentPage = page;
+            // Script'ler henüz yüklenmemiş olabilir (renderSidebarSessions+readGuiFile IPC'si
+            // chat.js gibi page modül script'lerinden daha önce çözülebilir). Init hazır olana dek bekle.
+            let init = window.AjanInit?.[page];
+            const deadline = Date.now() + 5000;
+            while (typeof init !== "function" && Date.now() < deadline) {
+                await new Promise(r => setTimeout(r, 25));
+                init = window.AjanInit?.[page];
+            }
+            if (typeof init === "function") {
+                currentCleanup = init(mainContent) || null;
+            }
+        }
+        catch (err) {
+            mainContent.innerHTML = `<div class="empty-state"><div class="empty-state-icon">⚠️</div><div class="empty-state-text">${err.message}</div></div>`;
+        }
+        finally {
+            currentLoad = null;
+        }
+    })();
+    return currentLoad;
+}
+// ── Sidebar Navigation ──
+sidebarLinks.forEach(link => {
+    link.addEventListener("click", (e) => {
+        e.preventDefault();
+        const page = link.dataset.page;
+        if (page && page !== currentPage)
+            loadPage(page);
+    });
+});
+// ── Header Nav Icons ──
+headerNavBtns.forEach(btn => {
+    btn.addEventListener("click", () => {
+        const page = btn.dataset.page;
+        if (page && page !== currentPage)
+            loadPage(page);
+    });
+});
+// ── Yeni Sohbet (Header) ──
+document.getElementById("header-new-chat")?.addEventListener("click", () => {
+    document.dispatchEvent(new CustomEvent("ajan:new-chat"));
+});
+// ── Yeni Proje ──
+document.querySelector("[data-action='new-project']")?.addEventListener("click", (e) => {
+    e.preventDefault();
+    loadPage("projects").then(() => {
+        document.querySelector("#btn-add-project")?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    });
+});
+// ── Versiyon Rozeti ──
+if (window.ajan?.getVersion) {
+    window.ajan.getVersion().then((v) => {
+        const el = document.getElementById("version-info");
+        if (el)
+            el.textContent = `v${v}`;
+    }).catch(() => { });
+}
+// ── Window Controls ──
+document.getElementById("btn-minimize")?.addEventListener("click", () => window.ajan?.minimize?.());
+document.getElementById("btn-maximize")?.addEventListener("click", () => window.ajan?.maximize?.());
+document.getElementById("btn-close")?.addEventListener("click", () => window.ajan?.close?.());
+// AjanInit globalini burada başlat
+if (!window.AjanInit)
+    window.AjanInit = {};
+// ── Init ──
+renderSidebarSessions();
+loadPage("chat");

package/src/gui/js/chat.js

@@ -0,0 +1,434 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+(function () {
+    "use strict";
+    if (!window.AjanInit)
+        window.AjanInit = {};
+    window.AjanInit.chat = function (container) {
+        console.log("[chatInit] registered, has message area=", !!container.querySelector("#chat-logs"));
+        const ajan = window.ajan;
+        const chatLogs = container.querySelector("#chat-logs");
+        const chatInput = container.querySelector("#chat-input");
+        const chatSendBtn = container.querySelector("#chat-send-btn");
+        const chatStopBtn = container.querySelector("#chat-stop-btn");
+        const modelSelect = container.querySelector("#model-select");
+        const stepBar = container.querySelector("#step-bar");
+        const stepFill = container.querySelector("#step-fill");
+        const stepText = container.querySelector("#step-text");
+        const sessionTitle = container.querySelector("#chat-session-title");
+        const chatLogo = container.querySelector("#chat-logo");
+        const chatContainer = container.querySelector(".chat-container");
+        const loadBar = container.querySelector("#load-progress-bar");
+        const loadFill = container.querySelector("#load-progress-fill");
+        const loadText = container.querySelector("#load-progress-text");
+        let isActive = false;
+        let currentAssistantEl = null;
+        let currentThinkingEl = null;
+        let unsubscribeFns = [];
+        let currentSessionId = null;
+        let sessionMessages = [];
+        let defaultModelId = null;
+        // ── Helpers ──
+        function scrollToBottom() {
+            requestAnimationFrame(() => {
+                if (chatLogs)
+                    chatLogs.scrollTop = chatLogs.scrollHeight;
+            });
+        }
+        function escapeHTML(str) {
+            const map = { "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" };
+            return str.replace(/[&<>'"]/g, c => map[c] || c);
+        }
+        function setActive(active) {
+            isActive = active;
+            if (chatSendBtn)
+                chatSendBtn.disabled = active;
+            if (chatInput)
+                chatInput.disabled = active;
+            if (chatStopBtn)
+                chatStopBtn.style.display = active ? "flex" : "none";
+            if (chatSendBtn)
+                chatSendBtn.style.display = active ? "none" : "flex";
+            if (!active && chatInput)
+                chatInput.focus();
+        }
+        function updateLogoVisibility() {
+            if (chatLogo) {
+                chatLogo.style.display = sessionMessages.length > 0 ? "none" : "block";
+            }
+            if (chatContainer) {
+                chatContainer.classList.toggle("chat-empty", sessionMessages.length === 0);
+            }
+        }
+        // ── Messages ──
+        function appendMessage(sender, text, extraClass) {
+            if (!chatLogs)
+                return null;
+            const wrapper = document.createElement("div");
+            wrapper.className = `msg msg-${sender}${extraClass ? " " + extraClass : ""}`;
+            const label = sender === "user" ? "SİZ" : sender === "ai" ? "AJAN" : "";
+            wrapper.innerHTML = `<div class="msg-bubble">${label ? `<span class="msg-label">${label}</span>` : ""}<span>${escapeHTML(text)}</span></div>`;
+            chatLogs.appendChild(wrapper);
+            scrollToBottom();
+            return wrapper;
+        }
+        function appendRaw(sender, html, extraClass) {
+            if (!chatLogs)
+                return null;
+            const wrapper = document.createElement("div");
+            wrapper.className = `msg msg-${sender}${extraClass ? " " + extraClass : ""}`;
+            wrapper.innerHTML = `<div class="msg-bubble">${html}</div>`;
+            chatLogs.appendChild(wrapper);
+            scrollToBottom();
+            return wrapper;
+        }
+        function showTyping() {
+            if (!chatLogs)
+                return null;
+            const el = document.createElement("div");
+            el.className = "typing-indicator";
+            el.innerHTML = '<div class="typing-bubble"><div class="spinner"></div><span>Analiz ediliyor...</span></div>';
+            chatLogs.appendChild(el);
+            scrollToBottom();
+            return el;
+        }
+        function removeTyping(el) {
+            if (el && el.parentNode)
+                el.remove();
+        }
+        // ── Assistant streaming ──
+        function startAssistantBlock() {
+            if (!chatLogs)
+                return;
+            const wrapper = document.createElement("div");
+            wrapper.className = "msg msg-ai";
+            wrapper.innerHTML = `<div class="msg-bubble"><span class="msg-label">AJAN</span><span class="assistant-text"></span></div>`;
+            chatLogs.appendChild(wrapper);
+            currentAssistantEl = wrapper.querySelector(".assistant-text");
+            scrollToBottom();
+        }
+        function appendToAssistant(text) {
+            if (!currentAssistantEl)
+                startAssistantBlock();
+            if (currentAssistantEl)
+                currentAssistantEl.textContent += text;
+            scrollToBottom();
+        }
+        function finalizeAssistant() {
+            if (currentAssistantEl) {
+                sessionMessages.push({ kind: "assistant", text: currentAssistantEl.textContent || "" });
+            }
+            currentAssistantEl = null;
+        }
+        // ── Thinking ──
+        function showThinking() {
+            if (currentThinkingEl)
+                return;
+            const el = appendRaw("ai", '<span class="msg-label" style="color:#888">Düşünce...</span><span class="think-text" style="font-style:italic;color:#888"></span>', "msg-think");
+            if (el)
+                currentThinkingEl = el.querySelector(".think-text");
+        }
+        function appendThinking(text) {
+            if (!currentThinkingEl)
+                showThinking();
+            if (currentThinkingEl)
+                currentThinkingEl.textContent += text;
+            scrollToBottom();
+        }
+        function hideThinking() {
+            if (currentThinkingEl) {
+                sessionMessages.push({ kind: "thought", text: currentThinkingEl.textContent || "" });
+            }
+            currentThinkingEl = null;
+        }
+        // ── Tool events ──
+        function showToolCall(name) {
+            appendRaw("ai", `<div class="tool-status">⚙️ ${escapeHTML(name)} çalıştırılıyor...</div>`, "msg-tool");
+            sessionMessages.push({ kind: "tool", name, state: "running", startedAt: Date.now() });
+        }
+        function showToolResult(name, ok, output) {
+            const truncated = output.length > 500 ? output.slice(0, 500) + "\n... (kesildi)" : output;
+            if (chatLogs) {
+                const toolEls = chatLogs.querySelectorAll(".msg-tool");
+                const lastToolEl = toolEls[toolEls.length - 1];
+                if (lastToolEl) {
+                    const statusClass = ok ? "ok" : "err";
+                    const icon = ok ? "✅" : "❌";
+                    const bubble = lastToolEl.querySelector(".msg-bubble");
+                    if (bubble) {
+                        bubble.innerHTML = `
+                            <div class="tool-status ${statusClass}">${icon} ${escapeHTML(name)}</div>
+                            <div class="tool-output">${escapeHTML(truncated)}</div>
+                        `;
+                    }
+                }
+            }
+            for (let i = sessionMessages.length - 1; i >= 0; i--) {
+                const m = sessionMessages[i];
+                if (m && m.kind === "tool" && m.name === name && m.state === "running") {
+                    m.state = ok ? "done" : "error";
+                    m.elapsed = Date.now() - (m.startedAt || Date.now());
+                    m.output = truncated;
+                    break;
+                }
+            }
+        }
+        // ── Step bar ──
+        function updateStep(step, max) {
+            if (stepBar) {
+                stepBar.style.display = "flex";
+                if (stepFill)
+                    stepFill.style.width = `${(step / max) * 100}%`;
+                if (stepText)
+                    stepText.textContent = `Adım ${step}/${max}`;
+            }
+        }
+        function hideStep() {
+            if (stepBar)
+                stepBar.style.display = "none";
+        }
+        // ── Load progress ──
+        function showLoadProgress(pct) {
+            if (!loadBar)
+                return;
+            loadBar.style.display = "flex";
+            if (loadFill)
+                loadFill.style.width = `${pct}%`;
+            if (loadText)
+                loadText.textContent = `Model yükleniyor... %${pct}`;
+        }
+        function hideLoadProgress() {
+            if (loadBar)
+                loadBar.style.display = "none";
+        }
+        // ── Session Management ──
+        function renderStoredMessages(messages) {
+            if (chatLogs)
+                chatLogs.innerHTML = "";
+            for (const msg of messages) {
+                switch (msg.kind) {
+                    case "user":
+                        appendMessage("user", msg.text || "");
+                        break;
+                    case "assistant":
+                        appendMessage("ai", msg.text || "");
+                        break;
+                    case "thought":
+                        appendRaw("ai", `<span class="msg-label" style="color:#888">Düşünce</span><span style="font-style:italic;color:#888">${escapeHTML(msg.text || "")}</span>`, "msg-think");
+                        break;
+                    case "tool": {
+                        const statusClass = msg.state === "done" ? "ok" : msg.state === "error" ? "err" : "";
+                        const icon = msg.state === "done" ? "✅" : msg.state === "error" ? "❌" : "⚙️";
+                        const output = msg.output ? (msg.output.length > 500 ? msg.output.slice(0, 500) + "\n... (kesildi)" : msg.output) : "";
+                        appendRaw("ai", `<div class="tool-status ${statusClass}">${icon} ${escapeHTML(msg.name || "")}</div>${output ? `<div class="tool-output">${escapeHTML(output)}</div>` : ""}`, "msg-tool");
+                        break;
+                    }
+                    case "info":
+                        appendRaw("ai", `<span style="color:#666;font-size:0.85rem">${escapeHTML(msg.text || "")}</span>`, "msg-info");
+                        break;
+                }
+            }
+            updateLogoVisibility();
+        }
+        async function saveCurrentSession() {
+            const meaningful = sessionMessages.filter(m => m.kind !== "info");
+            if (meaningful.length === 0)
+                return;
+            const now = new Date().toISOString();
+            if (!currentSessionId) {
+                const generated = ajan.generateSessionId ? await ajan.generateSessionId().catch(() => "") : "";
+                currentSessionId = generated || now.replace(/[^0-9]/g, "").slice(0, 14);
+            }
+            let history = [];
+            if (ajan.getChatHistory) {
+                try {
+                    history = await ajan.getChatHistory();
+                }
+                catch { /* empty */ }
+            }
+            const session = {
+                id: currentSessionId,
+                title: sessionTitle?.textContent || "Yeni Sohbet",
+                mode: "agent",
+                createdAt: now,
+                updatedAt: now,
+                history: history,
+                messages: meaningful
+            };
+            try {
+                if (ajan.saveSession)
+                    await ajan.saveSession(session);
+            }
+            catch { /* empty */ }
+            document.dispatchEvent(new CustomEvent("ajan:session-active", { detail: currentSessionId }));
+            document.dispatchEvent(new Event("ajan:session-restored"));
+        }
+        function restoreSession(data) {
+            if (!data || !data.messages)
+                return;
+            currentSessionId = data.id;
+            sessionMessages = data.messages || [];
+            if (sessionTitle && data.title)
+                sessionTitle.textContent = data.title;
+            renderStoredMessages(sessionMessages);
+            document.dispatchEvent(new CustomEvent("ajan:session-active", { detail: data.id }));
+        }
+        const unsubRestore = ajan.onSessionRestore ? ajan.onSessionRestore((data) => {
+            restoreSession(data);
+            document.dispatchEvent(new Event("ajan:session-restored"));
+        }) : null;
+        const onDocRestore = (e) => {
+            const data = e.detail;
+            console.log("[chat] restore-session received, id=", data ? data.id : null, "messages=", data ? (data.messages || []).length : 0);
+            if (data)
+                restoreSession(data);
+        };
+        document.addEventListener("ajan:restore-session", onDocRestore);
+        // ── Send Message ──
+        async function sendMessage() {
+            if (!chatInput)
+                return;
+            const text = chatInput.value.trim();
+            if (!text || isActive)
+                return;
+            sessionMessages.push({ kind: "user", text });
+            appendMessage("user", text);
+            chatInput.value = "";
+            setActive(true);
+            updateLogoVisibility();
+            if (sessionMessages.filter(m => m.kind === "user").length === 1 && sessionTitle) {
+                const title = text.length > 30 ? text.slice(0, 30) + "..." : text;
+                sessionTitle.textContent = title;
+            }
+            const typing = showTyping();
+            startAssistantBlock();
+            const unsubs = [];
+            if (ajan.onTextChunk)
+                unsubs.push(ajan.onTextChunk((t) => { removeTyping(typing); appendToAssistant(t); }));
+            if (ajan.onThinkingChunk)
+                unsubs.push(ajan.onThinkingChunk((t) => { removeTyping(typing); showThinking(); appendThinking(t); }));
+            if (ajan.onToolCall)
+                unsubs.push(ajan.onToolCall((name) => { hideThinking(); showToolCall(name); }));
+            if (ajan.onToolResult)
+                unsubs.push(ajan.onToolResult((name, ok, out) => { showToolResult(name, ok, out); }));
+            if (ajan.onStepStart)
+                unsubs.push(ajan.onStepStart((s, m) => updateStep(s, m)));
+            if (ajan.onLoadProgress)
+                unsubs.push(ajan.onLoadProgress((pct) => showLoadProgress(pct)));
+            if (ajan.onLoadComplete)
+                unsubs.push(ajan.onLoadComplete(() => hideLoadProgress()));
+            if (ajan.onComplete)
+                unsubs.push(ajan.onComplete((response) => {
+                    hideLoadProgress();
+                    if (currentAssistantEl && !currentAssistantEl.textContent) {
+                        currentAssistantEl.textContent = response;
+                    }
+                }));
+            if (ajan.onError)
+                unsubs.push(ajan.onError((message) => {
+                    hideLoadProgress();
+                    removeTyping(typing);
+                    if (!currentAssistantEl?.textContent)
+                        appendMessage("ai", `⚠️ ${message}`);
+                }));
+            unsubscribeFns = unsubs;
+            try {
+                const result = await ajan.sendMessage(text, (modelSelect?.value || defaultModelId || "gemma-4-e2b-q4-k-m"));
+                removeTyping(typing);
+                finalizeAssistant();
+                hideThinking();
+                hideStep();
+                hideLoadProgress();
+                if (!result.ok && result.error) {
+                    appendMessage("ai", `⚠️ ${result.error}`);
+                }
+                await saveCurrentSession();
+            }
+            catch (err) {
+                removeTyping(typing);
+                finalizeAssistant();
+                appendMessage("ai", `⚠️ Hata: ${err.message}`);
+            }
+            finally {
+                unsubscribeFns.forEach(fn => fn?.());
+                unsubscribeFns = [];
+                setActive(false);
+            }
+        }
+        // ── Yeni Sohbet ──
+        async function newChat() {
+            if (isActive)
+                return;
+            currentSessionId = null;
+            sessionMessages = [];
+            if (chatLogs)
+                chatLogs.innerHTML = "";
+            if (sessionTitle)
+                sessionTitle.textContent = "Yeni Sohbet";
+            updateLogoVisibility();
+            try {
+                if (ajan.newSession)
+                    await ajan.newSession();
+            }
+            catch { /* empty */ }
+            if (chatInput)
+                chatInput.focus();
+        }
+        // ── Event Bindings ──
+        chatSendBtn?.addEventListener("click", sendMessage);
+        chatStopBtn?.addEventListener("click", () => {
+            try {
+                if (ajan.abort)
+                    ajan.abort();
+            }
+            catch { /* empty */ }
+        });
+        chatInput?.addEventListener("keydown", (e) => {
+            if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault();
+                sendMessage();
+            }
+        });
+        const onNewChat = () => { newChat(); };
+        document.addEventListener("ajan:new-chat", onNewChat);
+        // ── Load Model Info ──
+        async function loadModelInfo() {
+            if (!ajan?.listModels)
+                return;
+            try {
+                const configPromise = ajan.getConfig ? ajan.getConfig().catch(() => null) : Promise.resolve(null);
+                const [models, config] = await Promise.all([
+                    ajan.listModels(),
+                    configPromise
+                ]);
+                if (config && typeof config === "object" && config.modelId)
+                    defaultModelId = config.modelId;
+                if (!models || !modelSelect)
+                    return;
+                modelSelect.innerHTML = "";
+                for (const m of models) {
+                    const opt = document.createElement("option");
+                    opt.value = m.model.id;
+                    opt.textContent = `${m.model.name}${m.active || m.model.id === defaultModelId ? " ★" : ""}`;
+                    if (m.active || m.model.id === defaultModelId)
+                        opt.selected = true;
+                    modelSelect.appendChild(opt);
+                }
+            }
+            catch { /* empty */ }
+        }
+        loadModelInfo();
+        // ── Focus ──
+        setTimeout(() => chatInput?.focus(), 100);
+        updateLogoVisibility();
+        // ── Cleanup ──
+        return function cleanup() {
+            unsubscribeFns.forEach(fn => fn?.());
+            unsubscribeFns = [];
+            if (unsubRestore)
+                unsubRestore();
+            document.removeEventListener("ajan:new-chat", onNewChat);
+            document.removeEventListener("ajan:restore-session", onDocRestore);
+        };
+    };
+})();