npm - claudeck - Versions diffs - 1.0.0 - Mend

claudeck 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (157) hide show

package/LICENSE +21 -0
package/README.md +233 -0
package/cli.js +2 -0
package/config/agent-chains.json +16 -0
package/config/agent-dags.json +16 -0
package/config/agents.json +46 -0
package/config/bot-prompt.json +3 -0
package/config/folders.json +66 -0
package/config/prompts.json +92 -0
package/config/repos.json +86 -0
package/config/telegram-config.json +17 -0
package/config/workflows.json +90 -0
package/db.js +1198 -0
package/package.json +55 -0
package/plugins/claude-editor/client.css +171 -0
package/plugins/claude-editor/client.js +183 -0
package/plugins/event-stream/client.css +207 -0
package/plugins/event-stream/client.js +271 -0
package/plugins/linear/client.css +345 -0
package/plugins/linear/client.js +380 -0
package/plugins/linear/config.json +5 -0
package/plugins/linear/server.js +312 -0
package/plugins/repos/client.css +549 -0
package/plugins/repos/client.js +663 -0
package/plugins/repos/server.js +232 -0
package/plugins/sudoku/client.css +196 -0
package/plugins/sudoku/client.js +329 -0
package/plugins/tasks/client.css +414 -0
package/plugins/tasks/client.js +394 -0
package/plugins/tasks/server.js +116 -0
package/plugins/tic-tac-toe/client.css +167 -0
package/plugins/tic-tac-toe/client.js +241 -0
package/public/css/core/components.css +232 -0
package/public/css/core/layout.css +330 -0
package/public/css/core/print.css +18 -0
package/public/css/core/reset.css +36 -0
package/public/css/core/responsive.css +378 -0
package/public/css/core/theme.css +116 -0
package/public/css/core/variables.css +93 -0
package/public/css/features/agent-monitor.css +297 -0
package/public/css/features/agent-sidebar.css +525 -0
package/public/css/features/agents.css +996 -0
package/public/css/features/analytics.css +181 -0
package/public/css/features/background-sessions.css +321 -0
package/public/css/features/cost-dashboard.css +168 -0
package/public/css/features/home.css +313 -0
package/public/css/features/retro-terminal.css +88 -0
package/public/css/features/telegram.css +127 -0
package/public/css/features/tour.css +148 -0
package/public/css/features/voice-input.css +60 -0
package/public/css/features/welcome.css +241 -0
package/public/css/panels/assistant-bot.css +442 -0
package/public/css/panels/dev-docs.css +292 -0
package/public/css/panels/file-explorer.css +322 -0
package/public/css/panels/git-panel.css +221 -0
package/public/css/panels/mcp-manager.css +199 -0
package/public/css/panels/tips-feed.css +353 -0
package/public/css/ui/commands.css +273 -0
package/public/css/ui/context-gauge.css +76 -0
package/public/css/ui/file-picker.css +69 -0
package/public/css/ui/image-attachments.css +106 -0
package/public/css/ui/messages.css +884 -0
package/public/css/ui/modals.css +122 -0
package/public/css/ui/parallel.css +217 -0
package/public/css/ui/permissions.css +110 -0
package/public/css/ui/right-panel.css +481 -0
package/public/css/ui/sessions.css +689 -0
package/public/css/ui/status-bar.css +425 -0
package/public/css/ui/toolbox.css +206 -0
package/public/data/tips.json +218 -0
package/public/icons/favicon.png +0 -0
package/public/icons/icon-192.png +0 -0
package/public/icons/icon-512.png +0 -0
package/public/icons/whaly.png +0 -0
package/public/index.html +1140 -0
package/public/js/core/api.js +591 -0
package/public/js/core/constants.js +3 -0
package/public/js/core/dom.js +270 -0
package/public/js/core/events.js +10 -0
package/public/js/core/plugin-loader.js +153 -0
package/public/js/core/store.js +39 -0
package/public/js/core/utils.js +25 -0
package/public/js/core/ws.js +64 -0
package/public/js/features/agent-monitor.js +222 -0
package/public/js/features/agents.js +1209 -0
package/public/js/features/analytics.js +397 -0
package/public/js/features/attachments.js +251 -0
package/public/js/features/background-sessions.js +475 -0
package/public/js/features/chat.js +589 -0
package/public/js/features/cost-dashboard.js +152 -0
package/public/js/features/dag-editor.js +399 -0
package/public/js/features/easter-egg.js +46 -0
package/public/js/features/home.js +270 -0
package/public/js/features/projects.js +372 -0
package/public/js/features/prompts.js +228 -0
package/public/js/features/sessions.js +332 -0
package/public/js/features/telegram.js +131 -0
package/public/js/features/tour.js +210 -0
package/public/js/features/voice-input.js +185 -0
package/public/js/features/welcome.js +43 -0
package/public/js/features/workflows.js +277 -0
package/public/js/main.js +51 -0
package/public/js/panels/assistant-bot.js +445 -0
package/public/js/panels/dev-docs.js +380 -0
package/public/js/panels/file-explorer.js +486 -0
package/public/js/panels/git-panel.js +285 -0
package/public/js/panels/mcp-manager.js +311 -0
package/public/js/panels/tips-feed.js +303 -0
package/public/js/ui/commands.js +114 -0
package/public/js/ui/context-gauge.js +100 -0
package/public/js/ui/diff.js +124 -0
package/public/js/ui/disabled-tools.js +36 -0
package/public/js/ui/export.js +74 -0
package/public/js/ui/formatting.js +206 -0
package/public/js/ui/header-dropdowns.js +72 -0
package/public/js/ui/input-meta.js +71 -0
package/public/js/ui/max-turns.js +21 -0
package/public/js/ui/messages.js +387 -0
package/public/js/ui/model-selector.js +20 -0
package/public/js/ui/notifications.js +232 -0
package/public/js/ui/parallel.js +176 -0
package/public/js/ui/permissions.js +168 -0
package/public/js/ui/right-panel.js +173 -0
package/public/js/ui/shortcuts.js +143 -0
package/public/js/ui/sidebar-toggle.js +29 -0
package/public/js/ui/status-bar.js +172 -0
package/public/js/ui/tab-sdk.js +623 -0
package/public/js/ui/theme.js +38 -0
package/public/manifest.json +13 -0
package/public/offline.html +190 -0
package/public/style.css +42 -0
package/public/sw.js +91 -0
package/server/agent-loop.js +385 -0
package/server/dag-executor.js +265 -0
package/server/orchestrator.js +514 -0
package/server/paths.js +61 -0
package/server/plugin-mount.js +56 -0
package/server/push-sender.js +31 -0
package/server/routes/agents.js +294 -0
package/server/routes/bot.js +45 -0
package/server/routes/exec.js +35 -0
package/server/routes/files.js +218 -0
package/server/routes/mcp.js +82 -0
package/server/routes/messages.js +36 -0
package/server/routes/notifications.js +37 -0
package/server/routes/projects.js +207 -0
package/server/routes/prompts.js +53 -0
package/server/routes/sessions.js +103 -0
package/server/routes/stats.js +143 -0
package/server/routes/telegram.js +71 -0
package/server/routes/tips.js +135 -0
package/server/routes/workflows.js +81 -0
package/server/summarizer.js +55 -0
package/server/telegram-poller.js +205 -0
package/server/telegram-sender.js +304 -0
package/server/ws-handler.js +926 -0
package/server.js +179 -0

package/public/js/ui/export.js ADDED Viewed

@@ -0,0 +1,74 @@
+// Export functionality
+import { escapeHtml } from '../core/utils.js';
+import { renderMarkdown } from './formatting.js';
+export function exportAsMarkdown(msgs) {
+  let md = "# Chat Export\n\n";
+  msgs.forEach((m) => {
+    if (m.querySelector(".msg-user")) {
+      md += "## User\n" + m.textContent.trim() + "\n\n";
+    } else if (m.querySelector(".text-content")) {
+      md += "## Assistant\n" + (m.querySelector(".text-content").dataset.raw || m.textContent.trim()) + "\n\n";
+    } else if (m.querySelector(".tool-indicator")) {
+      const name = m.querySelector(".tool-name")?.textContent || "";
+      md += "> Tool: " + name + "\n\n";
+    }
+  });
+  const blob = new Blob([md], { type: "text/markdown" });
+  const a = document.createElement("a");
+  a.href = URL.createObjectURL(blob);
+  a.download = `chat-export-${Date.now()}.md`;
+  a.click();
+  URL.revokeObjectURL(a.href);
+}
+export function exportAsHtml(msgs) {
+  let body = "";
+  msgs.forEach((m) => {
+    if (m.querySelector(".msg-user")) {
+      body += `<div class="msg msg-user">${escapeHtml(m.textContent.trim())}</div>\n`;
+    } else if (m.querySelector(".text-content")) {
+      const raw = m.querySelector(".text-content").dataset.raw || m.textContent.trim();
+      body += `<div class="msg msg-assistant"><div class="text-content">${renderMarkdown(raw)}</div></div>\n`;
+    } else if (m.querySelector(".tool-indicator")) {
+      const name = m.querySelector(".tool-name")?.textContent || "";
+      body += `<div class="msg tool-use">Tool: ${escapeHtml(name)}</div>\n`;
+    }
+  });
+  const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Chat Export — Claudeck</title>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
+<style>
+  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; background: #0d1117; color: #e6edf3; max-width: 820px; margin: 0 auto; padding: 24px; }
+  .msg { margin-bottom: 14px; }
+  .msg-user { background: rgba(31, 111, 235, 0.13); border: 1px solid rgba(31, 111, 235, 0.27); border-radius: 8px; padding: 12px 16px; font-size: 14px; line-height: 1.6; white-space: pre-wrap; }
+  .msg-assistant { font-size: 14px; line-height: 1.7; }
+  .text-content { white-space: pre-wrap; word-wrap: break-word; }
+  .text-content code { font-family: "SF Mono", "Fira Code", monospace; font-size: 13px; background: #1c2128; padding: 2px 6px; border-radius: 4px; }
+  .text-content pre { background: #161b22; border: 1px solid #30363d; border-radius: 8px; padding: 12px 16px; overflow-x: auto; margin: 8px 0; }
+  .text-content pre code { background: none; padding: 0; }
+  .tool-use { font-family: "SF Mono", monospace; font-size: 12px; color: #8b949e; padding: 4px 0; }
+  h1, h2, h3 { color: #e6edf3; }
+  strong { font-weight: 600; }
+</style>
+</head>
+<body>
+<h1>Chat Export</h1>
+${body}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"><\/script>
+<script>hljs.highlightAll();<\/script>
+</body>
+</html>`;
+  const blob = new Blob([html], { type: "text/html" });
+  const a = document.createElement("a");
+  a.href = URL.createObjectURL(blob);
+  a.download = `chat-export-${Date.now()}.html`;
+  a.click();
+  URL.revokeObjectURL(a.href);
+}

package/public/js/ui/formatting.js ADDED Viewed

@@ -0,0 +1,206 @@
+// Markdown rendering + code highlighting + mermaid
+import { escapeHtml } from '../core/utils.js';
+import { getState, setState } from '../core/store.js';
+// Language display names for the code block header
+const LANG_LABELS = {
+  js: "JavaScript", javascript: "JavaScript", ts: "TypeScript", typescript: "TypeScript",
+  py: "Python", python: "Python", rb: "Ruby", ruby: "Ruby",
+  go: "Go", rust: "Rust", rs: "Rust", java: "Java", c: "C", cpp: "C++",
+  cs: "C#", csharp: "C#", swift: "Swift", kt: "Kotlin", kotlin: "Kotlin",
+  php: "PHP", sh: "Shell", bash: "Bash", zsh: "Zsh", fish: "Fish",
+  sql: "SQL", html: "HTML", css: "CSS", scss: "SCSS", less: "LESS",
+  json: "JSON", yaml: "YAML", yml: "YAML", toml: "TOML", xml: "XML",
+  md: "Markdown", markdown: "Markdown", txt: "Text", plaintext: "Text",
+  jsx: "JSX", tsx: "TSX", vue: "Vue", svelte: "Svelte",
+  dockerfile: "Dockerfile", docker: "Dockerfile", makefile: "Makefile",
+  graphql: "GraphQL", gql: "GraphQL", lua: "Lua", r: "R",
+  perl: "Perl", scala: "Scala", elixir: "Elixir", ex: "Elixir",
+  clojure: "Clojure", clj: "Clojure", haskell: "Haskell", hs: "Haskell",
+  ocaml: "OCaml", ml: "OCaml", erlang: "Erlang", dart: "Dart",
+  powershell: "PowerShell", ps1: "PowerShell", ini: "INI", conf: "Config",
+  diff: "Diff", patch: "Diff", mermaid: "Mermaid", proto: "Protobuf",
+  terraform: "Terraform", tf: "Terraform", hcl: "HCL", nginx: "Nginx",
+};
+function getLangLabel(lang) {
+  if (!lang) return "";
+  return LANG_LABELS[lang.toLowerCase()] || lang.toUpperCase();
+}
+export function renderMarkdown(text) {
+  let html = escapeHtml(text);
+  // ── Code blocks — with language header ──
+  html = html.replace(
+    /```(\w*)\n([\s\S]*?)```/g,
+    (_, lang, code) => {
+      const langClass = lang ? `language-${lang}` : "";
+      const label = getLangLabel(lang);
+      const headerHtml = label
+        ? `<div class="code-block-header"><span class="code-lang-label">${escapeHtml(label)}</span></div>`
+        : "";
+      return `<div class="code-block-wrapper">${headerHtml}<pre><code class="${langClass}" data-lang="${lang}">${code}</code></pre></div>`;
+    }
+  );
+  // ── Inline code ──
+  html = html.replace(/`([^`]+)`/g, '<code class="inline-code">$1</code>');
+  // ── Bold + Italic combined ──
+  html = html.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
+  // ── Bold ──
+  html = html.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
+  // ── Italic ──
+  html = html.replace(/(?<!\*)\*([^*\n]+?)\*(?!\*)/g, "<em>$1</em>");
+  // ── Strikethrough ──
+  html = html.replace(/~~(.+?)~~/g, "<del>$1</del>");
+  // ── Headers ──
+  html = html.replace(/^#### (.+)$/gm, '<h4 class="md-h4">$1</h4>');
+  html = html.replace(/^### (.+)$/gm, '<h3 class="md-h3">$1</h3>');
+  html = html.replace(/^## (.+)$/gm, '<h2 class="md-h2">$1</h2>');
+  html = html.replace(/^# (.+)$/gm, '<h1 class="md-h1">$1</h1>');
+  // ── Horizontal rules ──
+  html = html.replace(/^---+$/gm, '<hr class="md-hr">');
+  // ── Blockquotes ──
+  // Match consecutive lines starting with >
+  html = html.replace(/(?:^&gt; (.*)$\n?)+/gm, (match) => {
+    const lines = match.trim().split("\n").map(l => l.replace(/^&gt; ?/, "")).join("<br>");
+    return `<blockquote class="md-blockquote">${lines}</blockquote>\n`;
+  });
+  // ── Links ──
+  html = html.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" class="md-link" target="_blank" rel="noopener">$1</a>');
+  // ── Tables ──
+  // Match table blocks: header row, separator row, then data rows
+  html = html.replace(
+    /(?:^\|(.+)\|$\n^\|[-| :]+\|$\n(?:^\|(.+)\|$\n?)*)/gm,
+    (match) => {
+      const rows = match.trim().split("\n");
+      if (rows.length < 2) return match;
+      const parseRow = (row) =>
+        row.split("|").filter((_, i, arr) => i > 0 && i < arr.length - 1).map(c => c.trim());
+      // Parse alignment from separator row
+      const sepCells = parseRow(rows[1]);
+      const aligns = sepCells.map(c => {
+        if (c.startsWith(":") && c.endsWith(":")) return "center";
+        if (c.endsWith(":")) return "right";
+        return "left";
+      });
+      const headerCells = parseRow(rows[0]);
+      let tableHtml = '<div class="md-table-wrap"><table class="md-table"><thead><tr>';
+      headerCells.forEach((cell, i) => {
+        tableHtml += `<th style="text-align:${aligns[i] || "left"}">${cell}</th>`;
+      });
+      tableHtml += "</tr></thead><tbody>";
+      for (let r = 2; r < rows.length; r++) {
+        const cells = parseRow(rows[r]);
+        tableHtml += "<tr>";
+        cells.forEach((cell, i) => {
+          tableHtml += `<td style="text-align:${aligns[i] || "left"}">${cell}</td>`;
+        });
+        tableHtml += "</tr>";
+      }
+      tableHtml += "</tbody></table></div>";
+      return tableHtml;
+    }
+  );
+  // ── Ordered lists ──
+  // Match consecutive lines starting with digits followed by . or )
+  html = html.replace(/(?:^\d+[.)]\s+.+$\n?)+/gm, (match) => {
+    const items = match.trim().split("\n").map(l => l.replace(/^\d+[.)]\s+/, ""));
+    return '<ol class="md-list md-ol">' + items.map(i => `<li>${i}</li>`).join("") + "</ol>\n";
+  });
+  // ── Unordered lists ──
+  // Match consecutive lines starting with -, *, or +
+  html = html.replace(/(?:^[-*+]\s+.+$\n?)+/gm, (match) => {
+    const items = match.trim().split("\n").map(l => l.replace(/^[-*+]\s+/, ""));
+    return '<ul class="md-list md-ul">' + items.map(i => `<li>${i}</li>`).join("") + "</ul>\n";
+  });
+  // ── Line breaks ──
+  html = html.replace(/\n/g, "<br>");
+  return html;
+}
+export function highlightCodeBlocks(container) {
+  if (typeof hljs === "undefined") return;
+  container.querySelectorAll("pre code").forEach((block) => {
+    if (block.dataset.highlighted === "yes") return;
+    try {
+      // Highlight both language-tagged and untagged blocks (auto-detect)
+      hljs.highlightElement(block);
+    } catch { /* ignore unsupported languages */ }
+  });
+}
+export function addCopyButtons(container) {
+  container.querySelectorAll(".code-block-wrapper").forEach((wrapper) => {
+    if (wrapper.querySelector(".code-copy-btn")) return;
+    const btn = document.createElement("button");
+    btn.className = "code-copy-btn";
+    btn.textContent = "Copy";
+    btn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      const code = wrapper.querySelector("code");
+      if (code) {
+        navigator.clipboard.writeText(code.textContent).then(() => {
+          btn.textContent = "Copied!";
+          btn.classList.add("copied");
+          setTimeout(() => {
+            btn.textContent = "Copy";
+            btn.classList.remove("copied");
+          }, 2000);
+        });
+      }
+    });
+    // Place copy button inside the header if it exists, otherwise in wrapper
+    const header = wrapper.querySelector(".code-block-header");
+    if (header) {
+      header.appendChild(btn);
+    } else {
+      wrapper.appendChild(btn);
+    }
+  });
+}
+export function renderMermaidBlocks(container) {
+  if (typeof mermaid === "undefined") return;
+  container.querySelectorAll('.code-block-wrapper code[data-lang="mermaid"]').forEach((block) => {
+    const wrapper = block.closest(".code-block-wrapper");
+    if (!wrapper || wrapper.dataset.mermaidRendered) return;
+    wrapper.dataset.mermaidRendered = "true";
+    const source = block.textContent;
+    let counter = getState("mermaidCounter") + 1;
+    setState("mermaidCounter", counter);
+    const id = `mermaid-${counter}`;
+    try {
+      mermaid.render(id, source).then(({ svg }) => {
+        const div = document.createElement("div");
+        div.className = "mermaid-container";
+        div.innerHTML = svg;
+        wrapper.replaceWith(div);
+      }).catch(() => {
+        // Leave original code block on error
+      });
+    } catch {
+      // Sync error — leave code block
+    }
+  });
+}

package/public/js/ui/header-dropdowns.js ADDED Viewed

@@ -0,0 +1,72 @@
+// Header dropdown menus with multi-level submenus
+// Toggle dropdown open/close
+document.querySelectorAll(".header-dropdown-trigger").forEach((trigger) => {
+  trigger.addEventListener("click", (e) => {
+    e.stopPropagation();
+    const dropdown = trigger.closest(".header-dropdown");
+    const wasOpen = dropdown.classList.contains("open");
+    // Close all dropdowns
+    document.querySelectorAll(".header-dropdown.open").forEach((d) => d.classList.remove("open"));
+    if (!wasOpen) dropdown.classList.add("open");
+  });
+});
+// Close dropdowns on outside click
+document.addEventListener("click", () => {
+  document.querySelectorAll(".header-dropdown.open").forEach((d) => d.classList.remove("open"));
+});
+// Prevent menu clicks from closing the dropdown (except submenu item clicks)
+document.querySelectorAll(".header-dropdown-menu").forEach((menu) => {
+  menu.addEventListener("click", (e) => {
+    if (!e.target.closest(".header-submenu-item") && !e.target.closest(".header-dropdown-item:not(.has-submenu)")) {
+      e.stopPropagation();
+    }
+  });
+});
+// Submenu item selection — sync with hidden <select> elements
+document.querySelectorAll(".header-submenu-item").forEach((item) => {
+  item.addEventListener("click", () => {
+    const targetId = item.dataset.target;
+    const value = item.dataset.value;
+    const select = document.getElementById(targetId);
+    if (!select) return;
+    // Update hidden select and fire change event
+    select.value = value;
+    select.dispatchEvent(new Event("change", { bubbles: true }));
+    // Update active state in submenu
+    const submenu = item.closest(".header-submenu");
+    submenu.querySelectorAll(".header-submenu-item").forEach((s) => s.classList.remove("active"));
+    item.classList.add("active");
+    // Update display value
+    const parent = item.closest(".header-dropdown-item");
+    const display = parent.querySelector(".header-dropdown-item-value");
+    if (display) display.textContent = item.textContent.trim();
+    // Close dropdown
+    document.querySelectorAll(".header-dropdown.open").forEach((d) => d.classList.remove("open"));
+  });
+});
+// Tools dropdown items — close menu after click
+document.querySelectorAll(".header-dropdown-item:not(.has-submenu)").forEach((item) => {
+  if (item.id) {
+    item.addEventListener("click", () => {
+      document.querySelectorAll(".header-dropdown.open").forEach((d) => d.classList.remove("open"));
+    });
+  }
+});
+// Close on Escape
+document.addEventListener("keydown", (e) => {
+  if (e.key === "Escape") {
+    document.querySelectorAll(".header-dropdown.open").forEach((d) => d.classList.remove("open"));
+  }
+});

package/public/js/ui/input-meta.js ADDED Viewed

@@ -0,0 +1,71 @@
+// Input meta labels — show model, permissions, max turns below chat input
+import { $ } from '../core/dom.js';
+const elModel = document.getElementById("input-meta-model");
+const elPerm  = document.getElementById("input-meta-perm");
+const elTurns = document.getElementById("input-meta-turns");
+const permLabels = {
+  bypass: "bypass",
+  confirmDangerous: "confirm dangerous",
+  confirmAll: "confirm all",
+  plan: "plan only",
+};
+function updateModel() {
+  if (!elModel) return;
+  const val = $.modelSelect?.value || "";
+  elModel.textContent = val || "default model";
+}
+function updatePerm() {
+  if (!elPerm) return;
+  const val = $.permModeSelect?.value || "confirmDangerous";
+  elPerm.textContent = permLabels[val] || val;
+}
+function updateTurns() {
+  if (!elTurns) return;
+  const val = $.maxTurnsSelect?.value || "30";
+  elTurns.textContent = val === "0" ? "unlimited turns" : `${val} turns`;
+}
+// Also watch header dropdown display elements (used when dropdowns replace <select>)
+function observeDisplay(id, fn) {
+  const el = document.getElementById(id);
+  if (el) {
+    new MutationObserver(fn).observe(el, { childList: true, characterData: true, subtree: true });
+  }
+}
+$.modelSelect?.addEventListener("change", updateModel);
+$.permModeSelect?.addEventListener("change", updatePerm);
+$.maxTurnsSelect?.addEventListener("change", updateTurns);
+observeDisplay("model-display", updateModel);
+observeDisplay("perm-mode-display", updatePerm);
+observeDisplay("max-turns-display", updateTurns);
+updateModel();
+updatePerm();
+updateTurns();
+// Make shortcut kbd hints clickable — dispatch the matching keyboard shortcut
+document.querySelectorAll(".input-meta-kbd").forEach((kbd) => {
+  kbd.style.cursor = "pointer";
+  kbd.addEventListener("click", () => {
+    const text = kbd.textContent.trim();
+    let key = "";
+    if (text === "\u2318B") key = "b";
+    else if (text === "\u2318N") key = "n";
+    else if (text === "\u2318K") key = "k";
+    else if (text === "\u2318/") key = "/";
+    if (key) {
+      document.dispatchEvent(new KeyboardEvent("keydown", {
+        key,
+        metaKey: true,
+        bubbles: true,
+      }));
+    }
+  });
+});

package/public/js/ui/max-turns.js ADDED Viewed

@@ -0,0 +1,21 @@
+// Max turns selector — localStorage persistence + getter
+import { $ } from '../core/dom.js';
+const STORAGE_KEY = 'claudeck-max-turns';
+export function getMaxTurns() {
+  const val = parseInt($.maxTurnsSelect?.value, 10);
+  return val || 0; // 0 = unlimited
+}
+function init() {
+  const saved = localStorage.getItem(STORAGE_KEY);
+  if (saved && $.maxTurnsSelect) {
+    $.maxTurnsSelect.value = saved;
+  }
+  $.maxTurnsSelect?.addEventListener('change', () => {
+    localStorage.setItem(STORAGE_KEY, $.maxTurnsSelect.value);
+  });
+}
+init();