mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-12 02:37:45 +08:00
feat: add support for Claude CLI tool and enhance memory features
- Added new CLI tool "Claude" with command handling in cli-executor.ts. - Implemented session discovery for Claude in native-session-discovery.ts. - Enhanced memory view with active memory controls, including sync functionality and configuration options. - Introduced zoom and fit view controls for memory graph visualization. - Updated i18n.js for new memory-related translations. - Improved error handling and migration for CLI history store.
This commit is contained in:
catlog22
@@ -2,7 +2,7 @@
|
||||
// Displays CLI tool availability status and allows setting default tool
|
||||
|
||||
// ========== CLI State ==========
|
||||
let cliToolStatus = { gemini: {}, qwen: {}, codex: {} };
|
||||
let cliToolStatus = { gemini: {}, qwen: {}, codex: {}, claude: {} };
|
||||
let codexLensStatus = { ready: false };
|
||||
let semanticStatus = { available: false };
|
||||
let defaultCliTool = 'gemini';
|
||||
@@ -105,16 +105,18 @@ function renderCliStatus() {
|
||||
const toolDescriptions = {
|
||||
gemini: 'Google AI for code analysis',
|
||||
qwen: 'Alibaba AI assistant',
|
||||
codex: 'OpenAI code generation'
|
||||
codex: 'OpenAI code generation',
|
||||
claude: 'Anthropic AI assistant'
|
||||
};
|
||||
|
||||
const toolIcons = {
|
||||
gemini: 'sparkle',
|
||||
qwen: 'bot',
|
||||
codex: 'code-2'
|
||||
codex: 'code-2',
|
||||
claude: 'brain'
|
||||
};
|
||||
|
||||
const tools = ['gemini', 'qwen', 'codex'];
|
||||
const tools = ['gemini', 'qwen', 'codex', 'claude'];
|
||||
|
||||
const toolsHtml = tools.map(tool => {
|
||||
const status = cliToolStatus[tool] || {};
|
||||
@@ -270,7 +272,7 @@ function renderCliStatus() {
|
||||
<span class="cli-toggle-slider"></span>
|
||||
</label>
|
||||
</div>
|
||||
<p class="cli-setting-desc">Use native tool resume (gemini -r, qwen --resume, codex resume)</p>
|
||||
<p class="cli-setting-desc">Use native tool resume (gemini -r, qwen --resume, codex resume, claude --resume)</p>
|
||||
</div>
|
||||
<div class="cli-setting-item ${!smartContextEnabled ? 'disabled' : ''}">
|
||||
<label class="cli-setting-label">
|
||||
|
||||
@@ -9,6 +9,10 @@ let cliQueueData = [];
|
||||
let currentQueueTab = 'tasks'; // 'tasks' | 'cli'
|
||||
let cliCategoryFilter = 'all'; // 'all' | 'user' | 'internal' | 'insight'
|
||||
|
||||
// Update task queue data (for CLAUDE.md updates from explorer)
|
||||
let sidebarUpdateTasks = [];
|
||||
let isSidebarTaskRunning = {}; // Track running tasks by id
|
||||
|
||||
/**
|
||||
* Initialize task queue sidebar
|
||||
*/
|
||||
@@ -65,10 +69,36 @@ function initTaskQueueSidebar() {
|
||||
</div>
|
||||
|
||||
<div class="task-queue-content" id="cliQueueContent" style="display: none;">
|
||||
<div class="task-queue-empty-state">
|
||||
<div class="task-queue-empty-icon">⚡</div>
|
||||
<div class="task-queue-empty-text">No CLI executions</div>
|
||||
<div class="task-queue-empty-hint">CLI tool executions will appear here</div>
|
||||
<!-- Update Tasks Section -->
|
||||
<div class="update-tasks-section" id="updateTasksSection">
|
||||
<div class="update-tasks-header">
|
||||
<span class="update-tasks-title">📝 ${t('taskQueue.title')}</span>
|
||||
<button class="update-tasks-clear-btn" onclick="clearCompletedUpdateTasks()" title="${t('taskQueue.clearCompleted')}">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="update-tasks-list" id="updateTasksList">
|
||||
<div class="update-tasks-empty">
|
||||
<span>${t('taskQueue.noTasks')}</span>
|
||||
<p>${t('taskQueue.noTasksHint')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CLI History Section -->
|
||||
<div class="cli-history-section" id="cliHistorySection">
|
||||
<div class="cli-history-header">
|
||||
<span class="cli-history-title">⚡ ${t('title.cliHistory')}</span>
|
||||
</div>
|
||||
<div class="cli-history-list" id="cliHistoryList">
|
||||
<div class="task-queue-empty-state">
|
||||
<div class="task-queue-empty-icon">⚡</div>
|
||||
<div class="task-queue-empty-text">No internal executions</div>
|
||||
<div class="task-queue-empty-hint">CLI tool executions will appear here</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -89,7 +119,7 @@ function initTaskQueueSidebar() {
|
||||
|
||||
updateTaskQueueData();
|
||||
updateCliQueueData();
|
||||
renderTaskQueue();
|
||||
renderTaskQueueSidebar();
|
||||
renderCliQueue();
|
||||
updateTaskQueueBadge();
|
||||
}
|
||||
@@ -114,7 +144,7 @@ function toggleTaskQueueSidebar() {
|
||||
toggle.classList.add('hidden');
|
||||
// Refresh data when opened
|
||||
updateTaskQueueData();
|
||||
renderTaskQueue();
|
||||
renderTaskQueueSidebar();
|
||||
} else {
|
||||
sidebar.classList.remove('open');
|
||||
overlay.classList.remove('show');
|
||||
@@ -182,9 +212,10 @@ function updateTaskQueueData() {
|
||||
}
|
||||
|
||||
/**
|
||||
* Render task queue list
|
||||
* Render task queue list in sidebar
|
||||
* Note: Named renderTaskQueueSidebar to avoid conflict with explorer.js renderTaskQueue
|
||||
*/
|
||||
function renderTaskQueue(filter) {
|
||||
function renderTaskQueueSidebar(filter) {
|
||||
filter = filter || 'all';
|
||||
var contentEl = document.getElementById('taskQueueContent');
|
||||
if (!contentEl) {
|
||||
@@ -249,7 +280,7 @@ function filterTaskQueue(filter) {
|
||||
document.querySelectorAll('.task-filter-btn').forEach(btn => {
|
||||
btn.classList.toggle('active', btn.dataset.filter === filter);
|
||||
});
|
||||
renderTaskQueue(filter);
|
||||
renderTaskQueueSidebar(filter);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -307,7 +338,7 @@ function updateTaskQueueBadge() {
|
||||
function refreshTaskQueue() {
|
||||
updateTaskQueueData();
|
||||
updateCliQueueData();
|
||||
renderTaskQueue();
|
||||
renderTaskQueueSidebar();
|
||||
renderCliQueue();
|
||||
updateTaskQueueBadge();
|
||||
}
|
||||
@@ -365,7 +396,7 @@ async function updateCliQueueData() {
|
||||
* Render CLI queue list
|
||||
*/
|
||||
function renderCliQueue() {
|
||||
const contentEl = document.getElementById('cliQueueContent');
|
||||
const contentEl = document.getElementById('cliHistoryList');
|
||||
if (!contentEl) return;
|
||||
|
||||
// Filter by category
|
||||
@@ -459,3 +490,227 @@ function getCliTimeAgo(date) {
|
||||
if (seconds < 86400) return `${Math.floor(seconds / 3600)}h`;
|
||||
return `${Math.floor(seconds / 86400)}d`;
|
||||
}
|
||||
|
||||
// ==========================================
|
||||
// UPDATE TASK QUEUE - For CLAUDE.md Updates
|
||||
// ==========================================
|
||||
|
||||
/**
|
||||
* Add update task to sidebar queue (called from explorer)
|
||||
*/
|
||||
function addUpdateTaskToSidebar(path, tool = 'gemini', strategy = 'single-layer') {
|
||||
const task = {
|
||||
id: Date.now(),
|
||||
path,
|
||||
tool,
|
||||
strategy,
|
||||
status: 'pending', // pending, running, completed, failed
|
||||
message: '',
|
||||
addedAt: new Date().toISOString()
|
||||
};
|
||||
|
||||
sidebarUpdateTasks.push(task);
|
||||
renderSidebarUpdateTasks();
|
||||
updateCliTabBadge();
|
||||
|
||||
// Open sidebar and switch to CLI tab if not visible
|
||||
if (!isTaskQueueSidebarVisible) {
|
||||
toggleTaskQueueSidebar();
|
||||
}
|
||||
switchQueueTab('cli');
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove update task from queue
|
||||
*/
|
||||
function removeUpdateTask(taskId) {
|
||||
sidebarUpdateTasks = sidebarUpdateTasks.filter(t => t.id !== taskId);
|
||||
renderSidebarUpdateTasks();
|
||||
updateCliTabBadge();
|
||||
}
|
||||
|
||||
/**
|
||||
* Clear completed/failed update tasks
|
||||
*/
|
||||
function clearCompletedUpdateTasks() {
|
||||
sidebarUpdateTasks = sidebarUpdateTasks.filter(t => t.status === 'pending' || t.status === 'running');
|
||||
renderSidebarUpdateTasks();
|
||||
updateCliTabBadge();
|
||||
}
|
||||
|
||||
/**
|
||||
* Update CLI tool for a specific task
|
||||
*/
|
||||
function updateSidebarTaskCliTool(taskId, tool) {
|
||||
const task = sidebarUpdateTasks.find(t => t.id === taskId);
|
||||
if (task && task.status === 'pending') {
|
||||
task.tool = tool;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Execute a single update task
|
||||
*/
|
||||
async function executeSidebarUpdateTask(taskId) {
|
||||
const task = sidebarUpdateTasks.find(t => t.id === taskId);
|
||||
if (!task || task.status !== 'pending') return;
|
||||
|
||||
const folderName = task.path.split('/').pop() || task.path;
|
||||
|
||||
// Update status to running
|
||||
task.status = 'running';
|
||||
task.message = t('taskQueue.processing');
|
||||
isSidebarTaskRunning[taskId] = true;
|
||||
renderSidebarUpdateTasks();
|
||||
|
||||
if (typeof addGlobalNotification === 'function') {
|
||||
addGlobalNotification('info', `Processing: ${folderName}`, `Strategy: ${task.strategy}, Tool: ${task.tool}`, 'Explorer');
|
||||
}
|
||||
|
||||
try {
|
||||
const response = await fetch('/api/update-claude-md', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({
|
||||
path: task.path,
|
||||
tool: task.tool,
|
||||
strategy: task.strategy
|
||||
})
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
task.status = 'completed';
|
||||
task.message = t('taskQueue.updated');
|
||||
if (typeof addGlobalNotification === 'function') {
|
||||
addGlobalNotification('success', `Completed: ${folderName}`, result.message, 'Explorer');
|
||||
}
|
||||
} else {
|
||||
task.status = 'failed';
|
||||
task.message = result.error || t('taskQueue.failed');
|
||||
if (typeof addGlobalNotification === 'function') {
|
||||
addGlobalNotification('error', `Failed: ${folderName}`, result.error || 'Unknown error', 'Explorer');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
task.status = 'failed';
|
||||
task.message = error.message;
|
||||
if (typeof addGlobalNotification === 'function') {
|
||||
addGlobalNotification('error', `Error: ${folderName}`, error.message, 'Explorer');
|
||||
}
|
||||
} finally {
|
||||
delete isSidebarTaskRunning[taskId];
|
||||
renderSidebarUpdateTasks();
|
||||
updateCliTabBadge();
|
||||
|
||||
// Refresh tree to show updated CLAUDE.md files
|
||||
if (typeof loadExplorerTree === 'function' && typeof explorerCurrentPath !== 'undefined') {
|
||||
loadExplorerTree(explorerCurrentPath);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Stop/cancel a running update task (if possible)
|
||||
*/
|
||||
function stopSidebarUpdateTask(taskId) {
|
||||
// Currently just removes the task - actual cancellation would need AbortController
|
||||
const task = sidebarUpdateTasks.find(t => t.id === taskId);
|
||||
if (task && task.status === 'running') {
|
||||
task.status = 'failed';
|
||||
task.message = 'Cancelled';
|
||||
delete isSidebarTaskRunning[taskId];
|
||||
renderSidebarUpdateTasks();
|
||||
updateCliTabBadge();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Render update task queue list
|
||||
*/
|
||||
function renderSidebarUpdateTasks() {
|
||||
const listEl = document.getElementById('updateTasksList');
|
||||
if (!listEl) return;
|
||||
|
||||
if (sidebarUpdateTasks.length === 0) {
|
||||
listEl.innerHTML = `
|
||||
<div class="update-tasks-empty">
|
||||
<span>${t('taskQueue.noTasks')}</span>
|
||||
<p>${t('taskQueue.noTasksHint')}</p>
|
||||
</div>
|
||||
`;
|
||||
return;
|
||||
}
|
||||
|
||||
listEl.innerHTML = sidebarUpdateTasks.map(task => {
|
||||
const folderName = task.path.split('/').pop() || task.path;
|
||||
const strategyIcon = task.strategy === 'multi-layer' ? '📂' : '📄';
|
||||
const strategyLabel = task.strategy === 'multi-layer'
|
||||
? t('taskQueue.withSubdirs')
|
||||
: t('taskQueue.currentOnly');
|
||||
|
||||
const statusIcon = {
|
||||
'pending': '⏳',
|
||||
'running': '🔄',
|
||||
'completed': '✅',
|
||||
'failed': '❌'
|
||||
}[task.status];
|
||||
|
||||
const isPending = task.status === 'pending';
|
||||
const isRunning = task.status === 'running';
|
||||
|
||||
return `
|
||||
<div class="update-task-item status-${task.status}" data-task-id="${task.id}">
|
||||
<div class="update-task-header">
|
||||
<span class="update-task-status">${statusIcon}</span>
|
||||
<span class="update-task-name" title="${escapeHtml(task.path)}">${escapeHtml(folderName)}</span>
|
||||
<span class="update-task-strategy" title="${strategyLabel}">${strategyIcon}</span>
|
||||
</div>
|
||||
<div class="update-task-controls">
|
||||
<select class="update-task-cli-select"
|
||||
onchange="updateSidebarTaskCliTool(${task.id}, this.value)"
|
||||
${!isPending ? 'disabled' : ''}>
|
||||
<option value="gemini" ${task.tool === 'gemini' ? 'selected' : ''}>Gemini</option>
|
||||
<option value="qwen" ${task.tool === 'qwen' ? 'selected' : ''}>Qwen</option>
|
||||
<option value="codex" ${task.tool === 'codex' ? 'selected' : ''}>Codex</option>
|
||||
<option value="claude" ${task.tool === 'claude' ? 'selected' : ''}>Claude</option>
|
||||
</select>
|
||||
${isPending ? `
|
||||
<button class="update-task-btn update-task-start" onclick="executeSidebarUpdateTask(${task.id})" title="${t('taskQueue.startAll')}">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
|
||||
<polygon points="5 3 19 12 5 21 5 3"/>
|
||||
</svg>
|
||||
</button>
|
||||
<button class="update-task-btn update-task-remove" onclick="removeUpdateTask(${task.id})" title="Remove">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M18 6L6 18M6 6l12 12"/>
|
||||
</svg>
|
||||
</button>
|
||||
` : ''}
|
||||
${isRunning ? `
|
||||
<button class="update-task-btn update-task-stop" onclick="stopSidebarUpdateTask(${task.id})" title="Stop">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
|
||||
<rect x="6" y="6" width="12" height="12"/>
|
||||
</svg>
|
||||
</button>
|
||||
` : ''}
|
||||
</div>
|
||||
${task.message ? `<div class="update-task-message">${escapeHtml(task.message)}</div>` : ''}
|
||||
</div>
|
||||
`;
|
||||
}).join('');
|
||||
}
|
||||
|
||||
/**
|
||||
* Update CLI tab badge with pending update tasks count
|
||||
*/
|
||||
function updateCliTabBadge() {
|
||||
const pendingCount = sidebarUpdateTasks.filter(t => t.status === 'pending' || t.status === 'running').length;
|
||||
const cliTabBadge = document.getElementById('cliTabBadge');
|
||||
if (cliTabBadge) {
|
||||
const totalCount = pendingCount + cliQueueData.length;
|
||||
cliTabBadge.textContent = totalCount;
|
||||
cliTabBadge.style.display = totalCount > 0 ? 'inline' : 'none';
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user