diff --git a/dist/assets/index-BNisDaIc.js b/dist/assets/index-CU6EhWVp.js similarity index 94% rename from dist/assets/index-BNisDaIc.js rename to dist/assets/index-CU6EhWVp.js index 505ce52..c51c858 100644 --- a/dist/assets/index-BNisDaIc.js +++ b/dist/assets/index-CU6EhWVp.js @@ -93,7 +93,7 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) { }; })(); const DEFAULT_MODEL = "google/gemini-2.5-pro", DEFAULT_API_KEY = ""; -const el = window.el = Object.fromEntries(["topbar", "chat", "messages", "composer", "input", "sendBtn", "suneBtnTop", "suneModal", "suneURL", "settingsForm", "closeSettings", "cancelSettings", "tabModel", "tabPrompt", "tabScript", "panelModel", "panelPrompt", "panelScript", "set_model", "set_temperature", "set_top_p", "set_top_k", "set_frequency_penalty", "set_repetition_penalty", "set_min_p", "set_top_a", "set_verbosity", "set_reasoning_effort", "set_system_prompt", "set_hide_composer", "set_include_thoughts", "set_json_output", "set_img_output", "set_ignore_master_prompt", "deleteSuneBtn", "sidebarLeft", "sidebarOverlayLeft", "sidebarBtnLeft", "suneList", "newSuneBtn", "userMenuBtn", "userMenu", "accountSettingsOption", "sunesImportOption", "sunesExportOption", "threadsImportOption", "threadsExportOption", "importInput", "sidebarBtnRight", "sidebarRight", "sidebarOverlayRight", "threadList", "closeThreads", "threadPopover", "sunePopover", "footer", "attachBtn", "attachBadge", "fileInput", "htmlEditor", "extensionHtmlEditor", "jsonSchemaEditor", "htmlTab_index", "htmlTab_extension", "suneHtml", "accountSettingsModal", "accountSettingsForm", "closeAccountSettings", "cancelAccountSettings", "set_master_prompt", "set_provider", "set_api_key_or", "set_api_key_oai", "set_api_key_g", "set_api_key_claude", "set_api_key_cf", "set_title_model", "copySystemPrompt", "pasteSystemPrompt", "copyHTML", "pasteHTML", "accountTabGeneral", "accountTabAPI", "accountPanelGeneral", "accountPanelAPI", "set_gh_token", "gcpSAInput", "gcpSAUploadBtn", "importAccountSettings", "exportAccountSettings", "importAccountSettingsInput", "accountTabUser", "accountPanelUser", "set_user_name", "userAvatarPreview", "setUserAvatarBtn", "userAvatarInput", "set_donor"].map((id) => [id, $("#" + id)[0]])); +const el = window.el = Object.fromEntries(["topbar", "chat", "messages", "composer", "input", "sendBtn", "suneBtnTop", "suneModal", "suneURL", "settingsForm", "closeSettings", "cancelSettings", "tabModel", "tabPrompt", "tabScript", "panelModel", "panelPrompt", "panelScript", "set_model", "set_temperature", "set_top_p", "set_top_k", "set_frequency_penalty", "set_repetition_penalty", "set_min_p", "set_top_a", "set_verbosity", "set_reasoning_effort", "set_system_prompt", "set_hide_composer", "set_include_thoughts", "set_json_output", "set_ignore_master_prompt", "deleteSuneBtn", "sidebarLeft", "sidebarOverlayLeft", "sidebarBtnLeft", "suneList", "newSuneBtn", "userMenuBtn", "userMenu", "accountSettingsOption", "sunesImportOption", "sunesExportOption", "threadsImportOption", "threadsExportOption", "importInput", "sidebarBtnRight", "sidebarRight", "sidebarOverlayRight", "threadList", "closeThreads", "threadPopover", "sunePopover", "footer", "attachBtn", "attachBadge", "fileInput", "htmlEditor", "extensionHtmlEditor", "jsonSchemaEditor", "htmlTab_index", "htmlTab_extension", "suneHtml", "accountSettingsModal", "accountSettingsForm", "closeAccountSettings", "cancelAccountSettings", "set_master_prompt", "set_provider", "set_api_key_or", "set_api_key_oai", "set_api_key_g", "set_api_key_claude", "set_api_key_cf", "set_title_model", "copySystemPrompt", "pasteSystemPrompt", "copyHTML", "pasteHTML", "accountTabGeneral", "accountTabAPI", "accountPanelGeneral", "accountPanelAPI", "set_gh_token", "gcpSAInput", "gcpSAUploadBtn", "importAccountSettings", "exportAccountSettings", "importAccountSettingsInput", "accountTabUser", "accountPanelUser", "set_user_name", "userAvatarPreview", "setUserAvatarBtn", "userAvatarInput", "set_donor"].map((id) => [id, $("#" + id)[0]])); const icons = () => window.lucide && lucide.createIcons(); const haptic = () => /android/i.test(navigator.userAgent) && navigator.vibrate?.(1); const clamp = (v, min, max) => Math.max(min, Math.min(max, v)), num = (v, d) => v == null || v === "" || isNaN(+v) ? d : +v, int = (v, d) => v == null || v === "" || isNaN(parseInt(v)) ? d : parseInt(v), gid = () => Math.random().toString(36).slice(2, 9), esc = (s) => String(s).replace(/[&<>'"`]/g, (c) => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'", "`": "`" })[c]), positionPopover = (a, p) => { @@ -146,7 +146,7 @@ const su = { key: "sunes_v1", activeKey: "active_sune_id", load() { }, setActiveId(id) { localStorage.setItem(this.activeKey, id || ""); } }; -const defaultSettings = { model: DEFAULT_MODEL, temperature: "", top_p: "", top_k: "", frequency_penalty: "", repetition_penalty: "", min_p: "", top_a: "", verbosity: "", reasoning_effort: "default", system_prompt: "", html: "", extension_html: "", hide_composer: false, include_thoughts: false, json_output: false, img_output: false, ignore_master_prompt: false, json_schema: "" }; +const defaultSettings = { model: DEFAULT_MODEL, temperature: "", top_p: "", top_k: "", frequency_penalty: "", repetition_penalty: "", min_p: "", top_a: "", verbosity: "", reasoning_effort: "default", system_prompt: "", html: "", extension_html: "", hide_composer: false, include_thoughts: false, json_output: false, ignore_master_prompt: false, json_schema: "" }; const makeSune = (p = {}) => ({ id: p.id || gid(), name: p.name?.trim() || "Default", pinned: !!p.pinned, avatar: p.avatar || "", url: p.url || "", updatedAt: p.updatedAt || Date.now(), settings: Object.assign({}, defaultSettings, p.settings || {}), storage: p.storage || {} }); let sunes = (su.load() || []).map(makeSune); const SUNE = window.SUNE = new Proxy({ get list() { @@ -214,29 +214,11 @@ const SUNE = window.SUNE = new Proxy({ get list() { THREAD.persist(false); state.stream = { rid: streamId, bubble: suneBubble, meta: suneMeta, text: "", done: false }; let buf = "", completed = false; - const onDelta = (chunk, done) => { - const deltaText = chunk.text || "", deltaImages = chunk.images || []; - if (deltaText) { - buf += deltaText; - state.stream.text = buf; - renderMarkdown(suneBubble, buf, { enhance: false }); - assistantMsg.content[0].text = buf; - } - if (deltaImages.length) { - let c = suneBubble.querySelector(".img-container"); - if (!c) { - c = document.createElement("div"); - c.className = "img-container mt-2 flex flex-wrap gap-2"; - suneBubble.appendChild(c); - } - deltaImages.forEach((img) => { - const i = document.createElement("img"); - i.src = img.image_url.url; - i.className = "max-w-xs rounded-lg border"; - c.appendChild(i); - assistantMsg.content.push(img); - }); - } + const onDelta = (delta, done) => { + buf += delta; + state.stream.text = buf; + renderMarkdown(suneBubble, buf, { enhance: false }); + assistantMsg.content[0].text = buf; if (done && !completed) { completed = true; setBtnSend(); @@ -422,7 +404,7 @@ const renderMarkdown = window.renderMarkdown = function(node, text, opt = { enha }; function partsToText(parts) { if (!parts) return ""; - if (Array.isArray(parts)) return parts.map((p) => p?.type === "text" ? p.text : p?.type === "file" ? `[${p.file?.filename || "file"}]` : p?.type === "input_audio" ? `(audio:${p.input_audio?.format || ""})` : "").filter(Boolean).join("\n"); + if (Array.isArray(parts)) return parts.map((p) => p?.type === "text" ? p.text : p?.type === "image_url" ? `![](${p.image_url?.url || ""})` : p?.type === "file" ? `[${p.file?.filename || "file"}]` : p?.type === "input_audio" ? `(audio:${p.input_audio?.format || ""})` : "").join("\n"); return String(parts); } const addMessage = window.addMessage = function(m, track = true) { @@ -433,8 +415,6 @@ const addMessage = window.addMessage = function(m, track = true) { const bubble = msgRow(m); bubble.dataset.mid = m.id; renderMarkdown(bubble, partsToText(m.content)); - const imageParts = (Array.isArray(m.content) ? m.content : []).filter((p) => p.type === "image_url"); - if (imageParts.length) bubble.insertAdjacentHTML("beforeend", `
${imageParts.map((p) => ``).join("")}
`); if (track) state.messages.push(m); if (m.role === "assistant") el.composer.dispatchEvent(new CustomEvent("sune:newSuneResponse", { detail: { message: m } })); return bubble; @@ -602,7 +582,11 @@ $(el.threadList).on("click", async (e) => { state.currentThreadId = id; clearChat(); state.messages = Array.isArray(th.messages) ? [...th.messages] : []; - for (const m of state.messages) addMessage(m, false); + for (const m of state.messages) { + const b = msgRow(m); + b.dataset.mid = m.id || ""; + renderMarkdown(b, partsToText(m.content)); + } await renderSuneHTML(); syncWhileBusy(); queueMicrotask(() => el.chat.scrollTo({ top: el.chat.scrollHeight, behavior: "smooth" })); @@ -814,29 +798,11 @@ $(el.composer).on("submit", async (e) => { THREAD.persist(false); state.stream = { rid: streamId, bubble: suneBubble, meta: suneMeta, text: "", done: false }; let buf = "", completed = false; - const onDelta = (chunk, done) => { - const deltaText = chunk.text || "", deltaImages = chunk.images || []; - if (deltaText) { - buf += deltaText; - state.stream.text = buf; - renderMarkdown(suneBubble, buf, { enhance: false }); - assistantMsg.content[0].text = buf; - } - if (deltaImages.length) { - let c = suneBubble.querySelector(".img-container"); - if (!c) { - c = document.createElement("div"); - c.className = "img-container mt-2 flex flex-wrap gap-2"; - suneBubble.appendChild(c); - } - deltaImages.forEach((img) => { - const i = document.createElement("img"); - i.src = img.image_url.url; - i.className = "max-w-xs rounded-lg border"; - c.appendChild(i); - assistantMsg.content.push(img); - }); - } + const onDelta = (delta, done) => { + buf += delta; + state.stream.text = buf; + renderMarkdown(suneBubble, buf, { enhance: false }); + assistantMsg.content[0].text = buf; if (done && !completed) { completed = true; setBtnSend(); @@ -878,7 +844,6 @@ function openSettings() { el.set_system_prompt.value = s.system_prompt; el.set_hide_composer.checked = !!s.hide_composer; el.set_json_output.checked = !!s.json_output; - el.set_img_output.checked = !!s.img_output; el.set_include_thoughts.checked = !!s.include_thoughts; el.set_ignore_master_prompt.checked = !!s.ignore_master_prompt; showTab("Model"); @@ -926,7 +891,6 @@ $(el.settingsForm).on("submit", async (e) => { SUNE.system_prompt = el.set_system_prompt.value.trim(); SUNE.hide_composer = el.set_hide_composer.checked; SUNE.json_output = el.set_json_output.checked; - SUNE.img_output = el.set_img_output.checked; SUNE.include_thoughts = el.set_include_thoughts.checked; SUNE.ignore_master_prompt = el.set_ignore_master_prompt.checked; SUNE.json_schema = el.jsonSchemaEditor.textContent; @@ -1227,7 +1191,6 @@ const buildBody = () => { b.response_format = { type: "json_object" }; } } - if (SUNE.img_output) b.modalities = ["image", "text"]; b.reasoning = { ...SUNE.reasoning_effort && SUNE.reasoning_effort !== "default" ? { effort: SUNE.reasoning_effort } : {}, exclude: !SUNE.include_thoughts }; if (SUNE.verbosity) b.verbosity = SUNE.verbosity; return b; @@ -1235,7 +1198,7 @@ const buildBody = () => { async function askOpenRouterStreaming(onDelta, streamId) { const model = SUNE.model, provider = model.startsWith("oai:") ? "openai" : model.startsWith("g:") ? "google" : model.startsWith("cla:") ? "claude" : model.startsWith("cf:") ? "cloudflare" : model.startsWith("or:") ? "openrouter" : USER.provider, apiKey = provider === "openai" ? USER.apiKeyOpenAI : provider === "google" ? USER.apiKeyGoogle : provider === "claude" ? USER.apiKeyClaude : provider === "cloudflare" ? USER.apiKeyCloudflare : USER.apiKeyOpenRouter; if (!apiKey) { - onDelta({ text: localDemoReply() }, true); + onDelta(localDemoReply(), true); return { ok: true, rid: streamId || null }; } const r = { rid: streamId || gid(), seq: -1, done: false, signaled: false, ws: null }; @@ -1243,7 +1206,7 @@ async function askOpenRouterStreaming(onDelta, streamId) { const signal = (t) => { if (!r.signaled) { r.signaled = true; - onDelta({ text: t || "" }, true); + onDelta(t || "", true); } }; const ws = new WebSocket(HTTP_BASE.replace("https", "wss") + "?uid=" + encodeURIComponent(r.rid)); @@ -1258,7 +1221,7 @@ async function askOpenRouterStreaming(onDelta, streamId) { } if (m.type === "delta" && typeof m.seq === "number" && m.seq > r.seq) { r.seq = m.seq; - onDelta(m, false); + onDelta(m.text || "", false); } else if (m.type === "done" || m.type === "err") { r.done = true; cacheStore.setItem(r.rid, "done"); diff --git a/dist/index.html b/dist/index.html index 8ccad35..2cadde9 100644 --- a/dist/index.html +++ b/dist/index.html @@ -11,7 +11,7 @@ - + @@ -92,7 +92,6 @@
-
@@ -159,3 +158,4 @@ + diff --git a/dist/sw.js b/dist/sw.js index 13d0bed..863c64f 100644 --- a/dist/sw.js +++ b/dist/sw.js @@ -1 +1 @@ -if(!self.define){let e,s={};const i=(i,n)=>(i=new URL(i+".js",n).href,s[i]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=s,document.head.appendChild(e)}else e=i,importScripts(i),s()}).then(()=>{let e=s[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e}));self.define=(n,r)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(s[t])return;let o={};const l=e=>i(e,t),c={module:{uri:t},exports:o,require:l};s[t]=Promise.all(n.map(e=>c[e]||l(e))).then(e=>(r(...e),o))}}define(["./workbox-5ffe50d4"],function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"assets/index-BNisDaIc.js",revision:null},{url:"assets/index-CZ8Js0gk.css",revision:null},{url:"index.html",revision:"fc7f61f9b2287673d875eb0740164044"},{url:"registerSW.js",revision:"1872c500de691dce40960bb85481de07"},{url:"manifest.webmanifest",revision:"7a6c5c6ab9cb5d3605d21df44c6b17a2"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))}); +if(!self.define){let e,s={};const i=(i,n)=>(i=new URL(i+".js",n).href,s[i]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=s,document.head.appendChild(e)}else e=i,importScripts(i),s()}).then(()=>{let e=s[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e}));self.define=(n,r)=>{const t=e||("document"in self?document.currentScript.src:"")||location.href;if(s[t])return;let o={};const c=e=>i(e,t),l={module:{uri:t},exports:o,require:c};s[t]=Promise.all(n.map(e=>l[e]||c(e))).then(e=>(r(...e),o))}}define(["./workbox-5ffe50d4"],function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"assets/index-CU6EhWVp.js",revision:null},{url:"assets/index-CZ8Js0gk.css",revision:null},{url:"index.html",revision:"402f7ff20b1cccf9a38bbc5c97589302"},{url:"registerSW.js",revision:"1872c500de691dce40960bb85481de07"},{url:"manifest.webmanifest",revision:"7a6c5c6ab9cb5d3605d21df44c6b17a2"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))});