Ingen session vald — skapa en med ＋
+
+
+
+
+
+
+ ❓ ${escapeHtml(q.text)}
`; + const opts = card.querySelector(".opts"); + q.options.forEach((o, i) => { + const b = document.createElement("button"); + b.textContent = (o.num ? o.num + ". " : "") + o.label; + if (i === q.selected) b.classList.add("selected"); + b.onclick = async () => { + b.disabled = true; + try { await post(`/api/sessions/${current}/answer`, { option: i + 1 }); } + catch (e) { alert("Kunde inte svara: " + e.message); b.disabled = false; } + }; + opts.appendChild(b); + }); +} + +$("newSessBtn").onclick = () => $("newSessForm").classList.toggle("hidden"); +$("newSessCancel").onclick = () => $("newSessForm").classList.add("hidden"); +$("newSessForm").onsubmit = async (e) => { + e.preventDefault(); + try { + await post("/api/sessions", { + name: $("newSessName").value.trim(), + cmd: $("newSessCmd").value.trim(), + cwd: $("newSessCwd").value.trim(), + }); + $("newSessForm").reset(); + $("newSessForm").classList.add("hidden"); + await refreshSessions(); + selectSession($("newSessName").value.trim() || sessions[sessions.length - 1]?.name); + } catch (err) { alert(err.message); } +}; + +$("killBtn").onclick = async () => { + if (!current || !confirm(`Döda sessionen ${current}?`)) return; + await api(`/api/sessions/${current}`, { method: "DELETE" }); + current = null; + refreshSessions(); + $("sessPane").classList.add("hidden"); + $("noSess").classList.remove("hidden"); +}; + +const sendKeys = (keys) => current && post(`/api/sessions/${current}/keys`, { keys }).catch(() => {}); +$("keyEsc").onclick = () => sendKeys(["Escape"]); +$("keyUp").onclick = () => sendKeys(["Up"]); +$("keyDown").onclick = () => sendKeys(["Down"]); +$("keyEnter").onclick = () => sendKeys(["Enter"]); +$("keyCtrlC").onclick = () => sendKeys(["C-c"]); +$("modeBtn").onclick = () => current && post(`/api/sessions/${current}/mode`, { action: "cycle" }).catch(() => {}); + +$("promptForm").onsubmit = async (e) => { + e.preventDefault(); + const t = $("promptText").value; + if (!t.trim() || !current) return; + try { + await post(`/api/sessions/${current}/prompt`, { text: t }); + $("promptText").value = ""; + } catch (err) { alert("Kunde inte skicka: " + err.message); } +}; +$("promptText").addEventListener("keydown", (e) => { + if (e.key === "Enter" && !e.shiftKey) { + e.preventDefault(); + $("promptForm").requestSubmit(); + } +}); + +// ---------- delningar ---------- +async function refreshShares() { + shares = (await api("/api/shares")) || []; + const box = $("shareItems"); + box.innerHTML = ""; + for (const sh of shares) { + const d = document.createElement("div"); + d.className = "share-item" + (currentShare === sh.id ? " active" : ""); + const when = new Date(sh.created).toLocaleString("sv-SE", { dateStyle: "short", timeStyle: "short" }); + d.innerHTML = ` +${escapeHtml(sh.name)}
+ `;
+ d.querySelector(".del").onclick = async (e) => {
+ e.stopPropagation();
+ await api(`/api/shares/${sh.id}`, { method: "DELETE" });
+ if (currentShare === sh.id) { currentShare = null; $("shareView").innerHTML = "Välj en delning i listan"; }
+ refreshShares();
+ };
+ d.onclick = () => viewShare(sh);
+ box.appendChild(d);
+ }
+}
+
+async function viewShare(sh) {
+ currentShare = sh.id;
+ refreshShares();
+ const v = $("shareView");
+ v.classList.remove("empty");
+ const raw = `/api/shares/${sh.id}/raw?token=${encodeURIComponent(token)}`;
+ const ext = sh.name.toLowerCase().split(".").pop();
+ if (["png", "jpg", "jpeg", "gif", "svg"].includes(ext)) {
+ v.innerHTML = `${mdToHtml(txt)}
`;
+ } else {
+ const txt = await api(`/api/shares/${sh.id}/raw`);
+ v.innerHTML = `${escapeHtml(txt)}`;
+ }
+}
+
+// ---------- inställningar ----------
+async function loadConfig() {
+ const c = await api("/api/config");
+ $("cfgCmd").value = c.agent_cmd || "";
+ $("cfgArgs").value = (c.agent_args || []).join(" ");
+ $("cfgWorkdir").value = c.workdir || "";
+ $("cfgPoll").value = c.poll_ms || 500;
+ $("cfgNtfyOn").checked = !!c.ntfy?.enabled;
+ $("cfgNtfyQ").checked = !!c.ntfy?.notify_on_question;
+ $("cfgNtfyServer").value = c.ntfy?.server || "";
+ $("cfgNtfyTopic").value = c.ntfy?.topic || "";
+ window._ntfyAllowed = c.ntfy?.allowed_topics || ["agent-helm", "claude"];
+}
+
+$("cfgForm").onsubmit = async (e) => {
+ e.preventDefault();
+ try {
+ await api("/api/config", {
+ method: "PUT",
+ body: JSON.stringify({
+ agent_cmd: $("cfgCmd").value.trim(),
+ agent_args: $("cfgArgs").value.trim() ? $("cfgArgs").value.trim().split(/\s+/) : [],
+ workdir: $("cfgWorkdir").value.trim(),
+ poll_ms: Number($("cfgPoll").value),
+ ntfy: {
+ enabled: $("cfgNtfyOn").checked,
+ notify_on_question: $("cfgNtfyQ").checked,
+ server: $("cfgNtfyServer").value.trim(),
+ topic: $("cfgNtfyTopic").value.trim(),
+ allowed_topics: window._ntfyAllowed,
+ },
+ }),
+ });
+ $("cfgStatus").textContent = "Sparat ✓";
+ setTimeout(() => ($("cfgStatus").textContent = ""), 2500);
+ } catch (err) { $("cfgStatus").textContent = "Fel: " + err.message; }
+};
+
+// ---------- hjälp ----------
+function escapeHtml(s) {
+ return String(s).replace(/&/g, "&").replace(//g, ">").replace(/"/g, """);
+}
+
+// Miniminimal markdown: rubriker, fet/kursiv, kod, listor, länkar, hr.
+function mdToHtml(md) {
+ const blocks = md.split(/\n{2,}/);
+ return blocks.map((b) => {
+ if (/^```/.test(b)) return `${escapeHtml(b.replace(/^```\w*\n?|```$/g, ""))}`;
+ if (/^#{1,6} /.test(b)) {
+ const n = b.match(/^#+/)[0].length;
+ return `- ${items}
- ${items}
"; + return `
${inline(b)}
`; + }).join("\n"); + function inline(s) { + return escapeHtml(s) + .replace(/`([^`]+)`/g, "$1")
+ .replace(/\*\*([^*]+)\*\*/g, "$1")
+ .replace(/\*([^*]+)\*/g, "$1")
+ .replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, '$1')
+ .replace(/\n/g, ""); + } +} + +// ---------- start ---------- +if (token) tryConnect(); else showLogin(); diff --git a/helmd/web/index.html b/helmd/web/index.html new file mode 100644 index 0000000..b80188d --- /dev/null +++ b/helmd/web/index.html @@ -0,0 +1,110 @@ + + + + + + +