@takimcizgisi/ajan 0.2.5

package/src/gui/js/downloads.js

@@ -0,0 +1,172 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+(function () {
+    "use strict";
+    if (!window.AjanInit)
+        window.AjanInit = {};
+    window.AjanInit.downloads = function (container) {
+        const ajan = window.ajan;
+        const modelsList = container.querySelector("#models-list");
+        const refreshBtn = container.querySelector("#btn-refresh-models");
+        let activeDownload = null;
+        function escapeHTML(str) {
+            return String(str).replace(/[&<>'"]/g, c => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" }[c] || c));
+        }
+        async function loadModels() {
+            if (!modelsList)
+                return;
+            if (!ajan?.listModels) {
+                modelsList.innerHTML = '<div class="empty-state"><div class="empty-state-text">Model API mevcut değil</div></div>';
+                return;
+            }
+            try {
+                const [models, modelInfo] = await Promise.all([
+                    ajan.listModels(),
+                    ajan.getModelInfo()
+                ]);
+                if (!models || models.length === 0) {
+                    modelsList.innerHTML = '<div class="empty-state"><div class="empty-state-icon">📦</div><div class="empty-state-text">Kayıtlı model yok</div></div>';
+                    return;
+                }
+                modelsList.innerHTML = "";
+                const activeId = modelInfo?.modelId;
+                for (const entry of models) {
+                    const m = entry.model;
+                    const card = document.createElement("div");
+                    card.className = "model-card";
+                    const statusClass = entry.installed ? (m.id === activeId ? "model-card-active" : "installed") : "missing";
+                    const statusText = entry.installed ? (m.id === activeId ? "AKTİF" : "Kurulu") : "İndirilmemiş";
+                    card.innerHTML = `
+                        <div class="model-card-header">
+                            <span class="model-card-name">${escapeHTML(m.name || m.id)}</span>
+                            <span class="model-card-status ${statusClass}">${statusText}</span>
+                        </div>
+                        <div class="model-card-desc">${escapeHTML(m.description || "")}</div>
+                        <div class="model-card-meta">
+                            <span>${m.contextSize ? `Bağlam: ${typeof m.contextSize === 'number' ? (m.contextSize / 1024).toFixed(0) + 'K' : m.contextSize}` : ""}</span>
+                            <span>${m.chatWrapper || ""}</span>
+                            <span>${m.reasoning ? "Muhakeme" : ""}</span>
+                            <span>${m.multimodal ? "Çoklu ortam" : ""}</span>
+                        </div>
+                        <div class="model-download-progress" style="display:none"></div>
+                        <div class="model-card-actions">
+                            ${entry.installed
+                        ? (m.id !== activeId
+                            ? `<button class="settings-btn-outline btn-use" data-id="${m.id}">Kullan</button>
+                                       <button class="settings-btn-danger btn-remove" data-id="${m.id}">Kaldır</button>`
+                            : `<button class="settings-btn" disabled>Aktif</button>`)
+                        : `<button class="settings-btn btn-install" data-id="${m.id}">İndir</button>`}
+                        </div>
+                    `;
+                    modelsList.appendChild(card);
+                }
+                bindActions();
+            }
+            catch (err) {
+                modelsList.innerHTML = `<div class="empty-state"><div class="empty-state-text">Hata: ${escapeHTML(err.message)}</div></div>`;
+            }
+        }
+        function bindActions() {
+            if (!modelsList)
+                return;
+            modelsList.querySelectorAll(".btn-install").forEach(btn => {
+                btn.addEventListener("click", async () => {
+                    const card = btn.closest(".model-card");
+                    const progressEl = card?.querySelector(".model-download-progress") ?? null;
+                    activateDownload(btn, progressEl);
+                    try {
+                        await ajan.installModel(btn.dataset.id || "");
+                        window.ajanToast?.("Model indirildi", "success");
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                    }
+                    finally {
+                        deactivateDownload(btn, progressEl);
+                        loadModels();
+                    }
+                });
+            });
+            modelsList.querySelectorAll(".btn-use").forEach(btn => {
+                btn.addEventListener("click", async () => {
+                    try {
+                        await ajan.useModel(btn.dataset.id || "");
+                        window.ajanToast?.("Model seçildi", "success");
+                        loadModels();
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                    }
+                });
+            });
+            modelsList.querySelectorAll(".btn-remove").forEach(btn => {
+                btn.addEventListener("click", async () => {
+                    if (!confirm("Bu modeli silmek istediğinize emin misiniz?"))
+                        return;
+                    try {
+                        await ajan.removeModel(btn.dataset.id || "");
+                        window.ajanToast?.("Model silindi", "success");
+                        loadModels();
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                    }
+                });
+            });
+        }
+        function activateDownload(btn, progressEl) {
+            btn.disabled = true;
+            btn.textContent = "İndiriliyor...";
+            if (progressEl) {
+                progressEl.style.display = "block";
+                progressEl.innerHTML = `<div class="model-dl-bar"><div style="width:0%"></div></div><span>%0</span>`;
+            }
+            activeDownload = {
+                btn,
+                unsub: ajan.onLoadProgress ? ajan.onLoadProgress((pct) => {
+                    if (activeDownload && progressEl) {
+                        const bar = progressEl.querySelector(".model-dl-bar > div");
+                        const label = progressEl.querySelector("span");
+                        if (bar)
+                            bar.style.width = `${pct}%`;
+                        if (label)
+                            label.textContent = `%${pct}`;
+                    }
+                }) : () => { }
+            };
+        }
+        function deactivateDownload(btn, progressEl) {
+            if (activeDownload?.unsub) {
+                try {
+                    activeDownload.unsub();
+                }
+                catch { /* empty */ }
+            }
+            activeDownload = null;
+            if (progressEl)
+                progressEl.style.display = "none";
+            btn.disabled = false;
+            btn.textContent = "İndir";
+        }
+        refreshBtn?.addEventListener("click", async () => {
+            if (!ajan?.refreshModels)
+                return;
+            refreshBtn.disabled = true;
+            try {
+                const result = await ajan.refreshModels();
+                if (result.ok)
+                    window.ajanToast?.("Model listesi güncellendi", "success");
+                else
+                    window.ajanToast?.(`Hata: ${result.error}`, "error");
+                loadModels();
+            }
+            catch (err) {
+                window.ajanToast?.(`Hata: ${err.message}`, "error");
+            }
+            finally {
+                refreshBtn.disabled = false;
+            }
+        });
+        loadModels();
+    };
+})();

package/src/gui/js/hakkinda.js

@@ -0,0 +1,16 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+(function () {
+    "use strict";
+    if (!window.AjanInit)
+        window.AjanInit = {};
+    window.AjanInit.hakkinda = function (container) {
+        const versionEl = container.querySelector("#about-version");
+        if (versionEl && window.ajan?.getVersion) {
+            window.ajan.getVersion().then(v => {
+                if (versionEl)
+                    versionEl.textContent = `v${v}`;
+            }).catch(() => { });
+        }
+    };
+})();

package/src/gui/js/projects.js

@@ -0,0 +1,113 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+(function () {
+    "use strict";
+    if (!window.AjanInit)
+        window.AjanInit = {};
+    window.AjanInit.projects = function (container) {
+        const ajan = window.ajan;
+        const listEl = container.querySelector("#projects-list");
+        const addBtn = container.querySelector("#btn-add-project");
+        const refreshBtn = container.querySelector("#btn-refresh-projects");
+        function escapeHTML(str) {
+            return String(str).replace(/[&<>'"]/g, c => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" }[c] || c));
+        }
+        function baseName(path) {
+            const parts = String(path).split(/[\\/]/).filter(Boolean);
+            return parts[parts.length - 1] || path;
+        }
+        async function loadProjects() {
+            if (!listEl)
+                return;
+            if (!ajan?.listProjects) {
+                listEl.innerHTML = '<div class="empty-state"><div class="empty-state-text">Proje API mevcut değil</div></div>';
+                return;
+            }
+            try {
+                const projects = await ajan.listProjects();
+                if (!projects || projects.length === 0) {
+                    listEl.innerHTML = `
+                        <div class="empty-state">
+                            <div class="empty-state-icon">📁</div>
+                            <div class="empty-state-text">Henüz proje yok<br><span style="font-size:0.85rem;color:#666">Yeni proje eklemek için butonu kullanın</span></div>
+                        </div>`;
+                    return;
+                }
+                listEl.innerHTML = "";
+                for (const p of projects) {
+                    const card = document.createElement("div");
+                    card.className = `project-card${p.active ? " project-card-active" : ""}`;
+                    card.innerHTML = `
+                        <div class="project-card-body">
+                            <div class="project-card-icon">📂</div>
+                            <div class="project-card-info">
+                                <div class="project-card-path">${escapeHTML(p.path)}</div>
+                                <div class="project-card-name">${escapeHTML(baseName(p.path))}</div>
+                            </div>
+                            <div class="project-card-status">${p.active ? "AKTİF" : "Kayıtlı"}</div>
+                        </div>
+                        <div class="project-card-actions">
+                            <button class="settings-btn btn-project-use" data-path="${escapeHTML(p.path)}" ${p.active ? "disabled" : ""}>${p.active ? "Aktif" : "Kullan"}</button>
+                            <button class="settings-btn-danger btn-project-remove" data-path="${escapeHTML(p.path)}">Kaldır</button>
+                        </div>`;
+                    listEl.appendChild(card);
+                }
+                bindActions();
+            }
+            catch (err) {
+                listEl.innerHTML = `<div class="empty-state"><div class="empty-state-text">Hata: ${escapeHTML(err.message)}</div></div>`;
+            }
+        }
+        function bindActions() {
+            if (!listEl)
+                return;
+            listEl.querySelectorAll(".btn-project-use").forEach(btn => {
+                btn.addEventListener("click", async () => {
+                    try {
+                        await ajan.setActiveProject(btn.dataset.path || "");
+                        window.ajanToast?.("Aktif proje seçildi", "success");
+                        loadProjects();
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                    }
+                });
+            });
+            listEl.querySelectorAll(".btn-project-remove").forEach(btn => {
+                btn.addEventListener("click", async () => {
+                    if (!confirm(`Projeyi listeden kaldır: ${btn.dataset.path || ""}`))
+                        return;
+                    try {
+                        await ajan.removeProject(btn.dataset.path || "");
+                        window.ajanToast?.("Proje kaldırıldı", "success");
+                        loadProjects();
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                    }
+                });
+            });
+        }
+        addBtn?.addEventListener("click", async () => {
+            if (!ajan?.pickDir)
+                return;
+            try {
+                const picked = await ajan.pickDir();
+                if (!picked)
+                    return;
+                const result = await ajan.addProject(picked);
+                if (!result.ok) {
+                    window.ajanToast?.(`Hata: ${result.error}`, "error");
+                    return;
+                }
+                window.ajanToast?.("Proje eklendi", "success");
+                loadProjects();
+            }
+            catch (err) {
+                window.ajanToast?.(`Hata: ${err.message}`, "error");
+            }
+        });
+        refreshBtn?.addEventListener("click", loadProjects);
+        loadProjects();
+    };
+})();

package/src/gui/js/settings.js

@@ -0,0 +1,177 @@
+"use strict";
+/// <reference path="./ajan.d.ts" />
+(function () {
+    "use strict";
+    if (!window.AjanInit)
+        window.AjanInit = {};
+    window.AjanInit.settings = function (container) {
+        const ajan = window.ajan;
+        async function loadSettings() {
+            if (!ajan?.getConfig)
+                return;
+            try {
+                const config = await ajan.getConfig();
+                container.innerHTML = `
+                    <div class="settings-page">
+                        <div class="settings-title">Ayarlar</div>
+
+                        <div class="settings-section">
+                            <div class="settings-section-title">Model</div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Seçili Model</div>
+                                    <div class="settings-hint" id="current-model-id">${escapeHTML(String(config.modelId || ""))}</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="settings-section">
+                            <div class="settings-section-title">Oturum Parametreleri</div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Sıcaklık (Temperature)</div>
+                                    <div class="settings-hint">0-2 arası. Düşük = daha tutarlı, yüksek = daha yaratıcı</div>
+                                </div>
+                                <input type="number" class="settings-input" id="cfg-temperature"
+                                    value="${config.session?.temperature ?? 0.6}" min="0" max="2" step="0.1">
+                            </div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Maksimum Token</div>
+                                    <div class="settings-hint">Yanıt başına maksimum token sayısı</div>
+                                </div>
+                                <input type="number" class="settings-input" id="cfg-maxTokens"
+                                    value="${config.session?.maxTokens ?? 8192}" min="256" max="131072" step="256">
+                            </div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Maksimum Adım</div>
+                                    <div class="settings-hint">Otonom görev başına maks araç-adımı</div>
+                                </div>
+                                <input type="number" class="settings-input" id="cfg-maxSteps"
+                                    value="${config.maxSteps ?? 25}" min="1" max="200">
+                            </div>
+                        </div>
+
+                        <div class="settings-section">
+                            <div class="settings-section-title">Sistem</div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">GPU</div>
+                                    <div class="settings-hint">Otomatik tespit edilir</div>
+                                </div>
+                                <select class="settings-select" id="cfg-gpu">
+                                    <option value="auto" ${config.gpu === "auto" ? "selected" : ""}>Otomatik</option>
+                                    <option value="cuda" ${config.gpu === "cuda" ? "selected" : ""}>CUDA (NVIDIA)</option>
+                                    <option value="vulkan" ${config.gpu === "vulkan" ? "selected" : ""}>Vulkan</option>
+                                    <option value="metal" ${config.gpu === "metal" ? "selected" : ""}>Metal (Apple)</option>
+                                </select>
+                            </div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Görev Tamamlanınca Bip</div>
+                                    <div class="settings-hint">Otonom görev bitince sesli uyarı</div>
+                                </div>
+                                <select class="settings-select" id="cfg-beep">
+                                    <option value="true" ${config.beepOnComplete !== false ? "selected" : ""}>Açık</option>
+                                    <option value="false" ${config.beepOnComplete === false ? "selected" : ""}>Kapalı</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="settings-section">
+                            <div class="settings-section-title">Kısayol</div>
+                            <div class="settings-row">
+                                <div>
+                                    <div class="settings-label">Masaüstü ve Başlat Menüsü</div>
+                                    <div class="settings-hint">"AJAN AI" kısayolu oluşturur. Başlat Menüsü'ne ekleyerek Windows aramadan açabilirsiniz.</div>
+                                </div>
+                                <button class="settings-btn" id="btn-create-shortcut">Kısayol Oluştur</button>
+                            </div>
+                        </div>
+
+                        <div class="settings-section">
+                            <div class="settings-section-title">Sistem Bilgisi</div>
+                            <div class="settings-row">
+                                <div class="settings-label">Çalışma Dizini</div>
+                                <div class="settings-hint" id="sys-cwd">Yükleniyor...</div>
+                            </div>
+                            <div class="settings-row">
+                                <div class="settings-label">GPU</div>
+                                <div class="settings-hint" id="sys-gpu">Yükleniyor...</div>
+                            </div>
+                        </div>
+
+                        <div style="margin-top: 20px; display: flex; gap: 10px;">
+                            <button class="settings-btn" id="btn-save-settings">Kaydet</button>
+                        </div>
+                    </div>
+                `;
+                if (ajan.getCwd) {
+                    ajan.getCwd().then(info => {
+                        const el = document.getElementById("sys-cwd");
+                        if (el)
+                            el.textContent = info?.cwd || "-";
+                    }).catch(() => { });
+                }
+                if (ajan.getGpuInfo) {
+                    ajan.getGpuInfo().then(info => {
+                        const el = document.getElementById("sys-gpu");
+                        if (el)
+                            el.textContent = info?.gpus?.join(", ") || "Yok (CPU)";
+                    }).catch(() => { });
+                }
+                document.getElementById("btn-save-settings")?.addEventListener("click", async () => {
+                    const num = (id, def) => (document.getElementById(id)?.value) || def;
+                    const newConfig = {
+                        maxSteps: parseInt(num("cfg-maxSteps", "25"), 10),
+                        gpu: num("cfg-gpu", "auto"),
+                        beepOnComplete: num("cfg-beep", "true") === "true",
+                        session: {
+                            temperature: parseFloat(num("cfg-temperature", "0.6")),
+                            maxTokens: parseInt(num("cfg-maxTokens", "8192"), 10)
+                        }
+                    };
+                    try {
+                        await ajan.setConfig(newConfig);
+                        window.ajanToast?.("Ayarlar kaydedildi", "success");
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Kaydetme hatası: ${err.message}`, "error");
+                    }
+                });
+                document.getElementById("btn-create-shortcut")?.addEventListener("click", async () => {
+                    const btn = document.getElementById("btn-create-shortcut");
+                    if (!btn)
+                        return;
+                    btn.textContent = "Oluşturuluyor...";
+                    btn.setAttribute("disabled", "true");
+                    try {
+                        const result = await ajan.createShortcut();
+                        if (result?.ok) {
+                            window.ajanToast?.("Kısayol oluşturuldu! Başlat Menüsü'nden 'AJAN AI' arayın.", "success");
+                            btn.textContent = "Oluşturuldu";
+                        }
+                        else {
+                            window.ajanToast?.(`Hata: ${result?.error || "Bilinmeyen hata"}`, "error");
+                            btn.textContent = "Kısayol Oluştur";
+                            btn.removeAttribute("disabled");
+                        }
+                    }
+                    catch (err) {
+                        window.ajanToast?.(`Hata: ${err.message}`, "error");
+                        btn.textContent = "Kısayol Oluştur";
+                        btn.removeAttribute("disabled");
+                    }
+                });
+            }
+            catch (err) {
+                container.innerHTML = `<div class="empty-state"><div class="empty-state-text">Ayarlar yüklenemedi: ${err.message}</div></div>`;
+            }
+        }
+        function escapeHTML(str) {
+            return String(str).replace(/[&<>'"]/g, c => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#39;", '"': "&quot;" }[c] || c));
+        }
+        loadSettings();
+    };
+})();