claudeck 1.4.0 → 1.4.2

package/public/js/core/api.js

@@ -310,6 +310,21 @@ export async function addProject(name, path) {
   return res.json();
 }
 
+export async function createFolder(parent, name) {
+  const res = await fetch("/api/projects/create-folder", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ parent, name }),
+  });
+  const body = await res.json().catch(() => ({}));
+  if (!res.ok) {
+    const err = new Error(body.error || "Failed to create folder");
+    err.status = res.status;
+    throw err;
+  }
+  return body;
+}
+
 export async function deleteProject(path) {
   const res = await fetch("/api/projects", {
     method: "DELETE",
@@ -474,49 +489,6 @@ export async function execCommand(command, cwd) {
   return res.json();
 }
 
-export async function fetchLinearIssues() {
-  const res = await fetch("/api/plugins/linear/issues");
-  return res.json();
-}
-
-export async function fetchLinearTeams() {
-  const res = await fetch("/api/plugins/linear/teams");
-  return res.json();
-}
-
-export async function fetchLinearTeamStates(teamId) {
-  const res = await fetch(`/api/plugins/linear/teams/${encodeURIComponent(teamId)}/states`);
-  return res.json();
-}
-
-export async function createLinearIssue({ title, description, teamId, stateId }) {
-  const res = await fetch("/api/plugins/linear/issues", {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ title, description, teamId, stateId }),
-  });
-  if (!res.ok) throw new Error("Failed to create issue");
-  return res.json();
-}
-
-export async function fetchLinearConfig() {
-  const res = await fetch("/api/plugins/linear/config");
-  return res.json();
-}
-
-export async function saveLinearConfig(config) {
-  const res = await fetch("/api/plugins/linear/config", {
-    method: "PUT",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(config),
-  });
-  return res.json();
-}
-
-export async function testLinearConnection() {
-  const res = await fetch("/api/plugins/linear/test", { method: "POST" });
-  return res.json();
-}
 
 // Tips
 export async function fetchTips() {

package/public/js/core/dom.js

@@ -165,6 +165,13 @@ export const $ = {
   bgSessionIndicator: document.getElementById("bg-session-indicator"),
   bgSessionBadge: document.getElementById("bg-session-badge"),
 
+  // Message queue
+  queueStopModal: document.getElementById("queue-stop-modal"),
+  queueStopAll: document.getElementById("queue-stop-all"),
+  queueStopSkip: document.getElementById("queue-stop-skip"),
+  queueStopPause: document.getElementById("queue-stop-pause"),
+  queueStopPreview: document.getElementById("queue-stop-preview"),
+
   // Telegram
   telegramBtn: document.getElementById("telegram-settings-btn"),
   telegramModal: document.getElementById("telegram-modal"),
@@ -293,5 +300,15 @@ export const $ = {
   addProjectConfirm: document.getElementById("add-project-confirm"),
   folderBreadcrumb: document.getElementById("folder-breadcrumb"),
   folderList: document.getElementById("folder-list"),
+  folderPathInput: document.getElementById("folder-path-input"),
+  folderPathGo: document.getElementById("folder-path-go"),
+  folderRecents: document.getElementById("folder-recents"),
+  folderNewToggle: document.getElementById("folder-new-toggle"),
+  folderNewToggleRow: document.getElementById("folder-new-toggle-row"),
+  folderNewRow: document.getElementById("folder-new-row"),
+  folderNewName: document.getElementById("folder-new-name"),
+  folderNewCreate: document.getElementById("folder-new-create"),
+  folderNewCancel: document.getElementById("folder-new-cancel"),
+  addProjectMessage: document.getElementById("add-project-message"),
 
 };

package/public/js/core/events.js

@@ -5,6 +5,17 @@ export function emit(event, data) {
   (bus[event] || []).forEach((fn) => fn(data));
 }
 
+/** Subscribe to an event. Returns an unsubscribe function. */
 export function on(event, fn) {
   (bus[event] ||= []).push(fn);
+  return () => {
+    const arr = bus[event];
+    if (arr) bus[event] = arr.filter(f => f !== fn);
+  };
+}
+
+/** Remove a specific listener for an event. */
+export function off(event, fn) {
+  const arr = bus[event];
+  if (arr) bus[event] = arr.filter(f => f !== fn);
 }

package/public/js/core/plugin-loader.js

@@ -12,21 +12,13 @@
 const STORAGE_KEY = 'claudeck-enabled-plugins';
 const ORDER_KEY = 'claudeck-plugin-order';
 let availablePlugins = [];
+let marketplaceRegistry = null;
 const loadedPlugins = new Set();
 
 /** Maps plugin file name → tab ID registered by that plugin */
 const pluginTabIds = new Map();
 
-/** Plugin descriptions for the marketplace. order: lower = higher in the list */
-const pluginMeta = {
-  'claude-editor':    { description: 'Edit CLAUDE.md project instructions directly in the UI',    icon: '📝', order: 5 },
-  'event-stream':     { description: 'Real-time WebSocket event viewer with filtering and search', icon: '⚡', order: 10 },
-  'repos':            { description: 'Git repository and group management with tree view',        icon: '📁', order: 20 },
-  'linear':           { description: 'Linear issue tracking with settings and team management',   icon: '📋', order: 25 },
-  'tasks':            { description: 'Todo list with priority levels and brag tracking',           icon: '✅', order: 30 },
-  'tic-tac-toe':      { description: 'Classic tic-tac-toe game',                                   icon: '🎮', order: 90 },
-  'sudoku':           { description: 'Sudoku puzzle game',                                         icon: '🧩', order: 91 },
-};
+/** Fallback meta for plugins without manifest.json */
 const defaultMeta = { description: 'A tab-sdk plugin', icon: '🧩', order: 100 };
 
 export function getAvailablePlugins() {
@@ -45,7 +37,15 @@ export function setEnabledPluginNames(names) {
 }
 
 export function getPluginMeta(name) {
-  return pluginMeta[name] || defaultMeta;
+  const plugin = availablePlugins.find(p => p.name === name);
+  if (plugin?.manifest) {
+    return {
+      description: plugin.manifest.description || defaultMeta.description,
+      icon: plugin.manifest.icon || defaultMeta.icon,
+      order: defaultMeta.order,
+    };
+  }
+  return defaultMeta;
 }
 
 export function getPluginOrder() {
@@ -151,3 +151,88 @@ export async function loadPlugins() {
     console.error('Plugin loader error:', err);
   }
 }
+
+// ── Marketplace ─────────────────────────────────────────
+
+export function getMarketplaceRegistry() {
+  return marketplaceRegistry;
+}
+
+/** Fetch the community plugin registry from the server (which proxies GitHub) */
+export async function fetchMarketplace(refresh = false) {
+  try {
+    const url = refresh ? '/api/marketplace?refresh=true' : '/api/marketplace';
+    const res = await fetch(url);
+    if (!res.ok) { console.warn('Marketplace fetch failed:', res.status); return null; }
+    marketplaceRegistry = await res.json();
+    return marketplaceRegistry;
+  } catch (err) {
+    console.error('Marketplace error:', err);
+    return null;
+  }
+}
+
+/** Install a community plugin and auto-enable it */
+export async function installMarketplacePlugin(plugin) {
+  const res = await fetch('/api/marketplace/install', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ id: plugin.id, repo: plugin.repo, source: plugin.source }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({ error: 'Install failed' }));
+    throw new Error(err.error);
+  }
+  const result = await res.json();
+
+  // Refresh local plugins list to include the newly installed plugin
+  const pluginsRes = await fetch('/api/plugins');
+  if (pluginsRes.ok) {
+    availablePlugins = await pluginsRes.json();
+  }
+
+  // Auto-enable the newly installed plugin
+  const enabled = getEnabledPluginNames();
+  if (!enabled.includes(plugin.id)) {
+    enabled.push(plugin.id);
+    setEnabledPluginNames(enabled);
+  }
+
+  // Load the plugin immediately
+  await loadPluginByName(plugin.id);
+
+  return result;
+}
+
+/** Uninstall a community plugin */
+export async function uninstallMarketplacePlugin(id) {
+  const res = await fetch('/api/marketplace/uninstall', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ id }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({ error: 'Uninstall failed' }));
+    throw new Error(err.error);
+  }
+
+  // Remove from enabled list
+  const enabled = getEnabledPluginNames().filter(n => n !== id);
+  setEnabledPluginNames(enabled);
+
+  // Clean up CSS link from DOM
+  const cssLink = document.head.querySelector(`link[data-plugin="${id}"]`);
+  if (cssLink) cssLink.remove();
+
+  // Clear loaded/tab tracking state
+  loadedPlugins.delete(id);
+  pluginTabIds.delete(id);
+
+  // Refresh local plugins list
+  const pluginsRes = await fetch('/api/plugins');
+  if (pluginsRes.ok) {
+    availablePlugins = await pluginsRes.json();
+  }
+
+  return await res.json();
+}

package/public/js/core/store.js

@@ -30,8 +30,19 @@ export function setState(key, val) {
   emit(key, val);
 }
 
+/** Subscribe to state changes for a key. Returns an unsubscribe function. */
 export function on(key, fn) {
   (listeners[key] ||= []).push(fn);
+  return () => {
+    const arr = listeners[key];
+    if (arr) listeners[key] = arr.filter(f => f !== fn);
+  };
+}
+
+/** Remove a specific listener for a key. */
+export function off(key, fn) {
+  const arr = listeners[key];
+  if (arr) listeners[key] = arr.filter(f => f !== fn);
 }
 
 function emit(key, val) {

package/public/js/core/utils.js

@@ -20,6 +20,42 @@ export function getToolDetail(name, input) {
   return "";
 }
 
-export function scrollToBottom(pane) {
-  pane.messagesDiv.scrollTop = pane.messagesDiv.scrollHeight;
+// Distance from bottom (px) within which we still consider the user "at bottom".
+// Absorbs sub-pixel rounding, momentum scrolling, and small layout shifts.
+export const NEAR_BOTTOM_THRESHOLD = 100;
+
+export function isNearBottom(el) {
+  if (!el) return true;
+  return el.scrollHeight - el.scrollTop - el.clientHeight < NEAR_BOTTOM_THRESHOLD;
+}
+
+// Stick-to-bottom: only scrolls if the user is already near the bottom, or
+// if `force` is set (e.g. user sent a message). When new content arrives
+// while the user has scrolled up, we set `pane.hasNewBelow = true` so the
+// "Jump to latest" pill can surface, and we leave their scroll position alone.
+export function scrollToBottom(pane, opts = {}) {
+  if (!pane || !pane.messagesDiv) return;
+  const el = pane.messagesDiv;
+  if (opts.force) {
+    el.scrollTop = el.scrollHeight;
+    pane.followBottom = true;
+    pane.hasNewBelow = false;
+    notifyPillUpdate(pane);
+    return;
+  }
+  if (pane.followBottom !== false && isNearBottom(el)) {
+    el.scrollTop = el.scrollHeight;
+    pane.followBottom = true;
+    pane.hasNewBelow = false;
+  } else {
+    pane.hasNewBelow = true;
+  }
+  notifyPillUpdate(pane);
+}
+
+function notifyPillUpdate(pane) {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent("claudeck:scroll-state", {
+    detail: { chatId: pane.chatId, hasNewBelow: !!pane.hasNewBelow },
+  }));
 }

package/public/js/features/chat.js

@@ -4,7 +4,8 @@ import { getState, setState } from '../core/store.js';
 import { CHAT_IDS, BOT_CHAT_ID } from '../core/constants.js';
 import { on } from '../core/events.js';
 import { commandRegistry, dismissAutocomplete, handleAutocompleteKeydown, handleSlashAutocomplete, registerCommand } from '../ui/commands.js';
-import { addUserMessage, appendAssistantText, appendToolIndicator, appendToolResult, showThinking, removeThinking, addResultSummary, addStatus, showWhalyPlaceholder, addSkillUsedMessage } from '../ui/messages.js';
+import { addUserMessage, appendAssistantText, appendToolIndicator, appendToolResult, showThinking, removeThinking, addResultSummary, addStatus, showWhalyPlaceholder, addSkillUsedMessage, exitWelcomeState, isWelcomeStateActive } from '../ui/messages.js';
+import { enqueueMessage, pauseQueue, resumeQueue, fireNextQueued, handleStopWithQueue } from './message-queue.js';
 import { getPane, panes, _setChatFns, _setInputHistoryGetter } from '../ui/parallel.js';
 import { loadSessions } from './sessions.js';
 import { loadStats, loadAccountInfo } from './cost-dashboard.js';
@@ -100,6 +101,15 @@ export function sendMessage(pane) {
   const text = pane.messageInput.value.trim();
   const cwd = $.projectSelect.value;
 
+  // Queue message if currently streaming (don't queue slash commands)
+  if (pane.isStreaming && text && !text.startsWith('/')) {
+    enqueueMessage(text, pane);
+    pane.messageInput.value = "";
+    pane.messageInput.style.height = "auto";
+    dismissAutocomplete(pane);
+    return;
+  }
+
   if (!text || !cwd) {
     if (text && text.startsWith("/")) {
       const match = text.match(/^\/(\S+)\s*(.*)/s);
@@ -155,6 +165,24 @@ export function sendMessage(pane) {
     }
   }
 
+  // Resume queue if responding to a question
+  if (pane._queuePaused && pane._queuePauseReason === 'question') {
+    resumeQueue(pane);
+  }
+
+  // Animate out of welcome state if active
+  if (isWelcomeStateActive()) {
+    exitWelcomeState().then(() => {
+      _doSend(text, pane);
+    });
+    return;
+  }
+  _doSend(text, pane);
+}
+
+export function _doSend(text, pane) {
+  const cwd = $.projectSelect.value;
+  const ws = getState("ws");
   // Prepend attached files
   let fullMessage = text;
   const attachedFiles = getState("attachedFiles");
@@ -235,6 +263,11 @@ export function sendMessage(pane) {
 
 export function stopGeneration(pane) {
   pane = pane || getPane(null);
+  // Show 3-option dialog if queue has items
+  if (pane._messageQueue?.length > 0) {
+    handleStopWithQueue(pane);
+    return;
+  }
   const ws = getState("ws");
   if (ws && ws.readyState === WebSocket.OPEN) {
     const payload = { type: "abort" };
@@ -276,6 +309,13 @@ export function finishStreamingHandler(pane) {
   if (sid) {
     import('./sessions.js').then(({ loadMessages }) => loadMessages(sid));
   }
+
+  // Auto-fire next queued message (deferred to let state settle)
+  queueMicrotask(() => {
+    if (pane._messageQueue?.length > 0 && !pane._queuePaused) {
+      fireNextQueued(pane);
+    }
+  });
 }
 
 // Register the chat functions with parallel.js to break circular dependency
@@ -443,6 +483,10 @@ function handleServerMessage(msg) {
       finishStreamingHandler(pane);
       if (isQuestionText(rawText)) {
         showWaitingForInput(pane);
+        // Pause queue when Claude asks a question
+        if (pane._messageQueue?.length > 0) {
+          pauseQueue(pane, 'question');
+        }
       }
       break;
     }
@@ -455,6 +499,10 @@ function handleServerMessage(msg) {
     case "error":
       finishStreamingHandler(pane);
       addStatus("Error: " + msg.error, true, pane);
+      // Pause queue on error
+      if (pane._messageQueue?.length > 0) {
+        pauseQueue(pane, 'error');
+      }
       break;
 
     case "workflow_started":