antri_cli 1.49.0 → 1.52.0

package/dist/core/sessionManager.js

@@ -0,0 +1,188 @@
+import fs from 'fs';
+import path from 'path';
+import os from 'os';
+const CHATS_DIR = path.join(os.homedir(), '.antri', 'chats');
+const ACTIVE_SESSION_FILE = path.join(CHATS_DIR, '.active_session');
+export class SessionManager {
+    chatsDir;
+    activeSessionId = '';
+    constructor(customDir) {
+        this.chatsDir = customDir || CHATS_DIR;
+        this.ensureDirectory();
+        this.initActiveSession();
+    }
+    ensureDirectory() {
+        if (!fs.existsSync(this.chatsDir)) {
+            fs.mkdirSync(this.chatsDir, { recursive: true });
+        }
+    }
+    initActiveSession() {
+        try {
+            if (fs.existsSync(ACTIVE_SESSION_FILE)) {
+                const id = fs.readFileSync(ACTIVE_SESSION_FILE, 'utf-8').trim();
+                if (id && fs.existsSync(this.getSessionFilePath(id))) {
+                    this.activeSessionId = id;
+                    return;
+                }
+            }
+        }
+        catch { }
+        // Pick first existing session or create a default session
+        const sessions = this.listSessions();
+        if (sessions.length > 0) {
+            this.activeSessionId = sessions[0].id;
+        }
+        else {
+            const newSession = this.createSession('New Chat');
+            this.activeSessionId = newSession.id;
+        }
+        this.saveActiveSessionId();
+    }
+    getSessionFilePath(id) {
+        const cleanId = id.replace(/[^a-zA-Z0-9_-]/g, '_');
+        return path.join(this.chatsDir, `${cleanId}.json`);
+    }
+    saveActiveSessionId() {
+        try {
+            this.ensureDirectory();
+            fs.writeFileSync(ACTIVE_SESSION_FILE, this.activeSessionId, 'utf-8');
+        }
+        catch { }
+    }
+    getActiveSessionId() {
+        return this.activeSessionId;
+    }
+    setActiveSessionId(id) {
+        const session = this.getSession(id);
+        if (session) {
+            this.activeSessionId = id;
+            this.saveActiveSessionId();
+            return session;
+        }
+        return null;
+    }
+    createSession(title = 'New Chat') {
+        this.ensureDirectory();
+        const id = `chat_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+        const session = {
+            id,
+            title,
+            createdAt: Date.now(),
+            updatedAt: Date.now(),
+            messages: [],
+        };
+        this.saveSession(session);
+        this.activeSessionId = id;
+        this.saveActiveSessionId();
+        return session;
+    }
+    getSession(id) {
+        const filePath = this.getSessionFilePath(id);
+        if (fs.existsSync(filePath)) {
+            try {
+                const raw = fs.readFileSync(filePath, 'utf-8');
+                return JSON.parse(raw);
+            }
+            catch { }
+        }
+        return null;
+    }
+    getActiveSession() {
+        const session = this.getSession(this.activeSessionId);
+        if (session)
+            return session;
+        return this.createSession('New Chat');
+    }
+    saveSession(session) {
+        this.ensureDirectory();
+        session.updatedAt = Date.now();
+        const filePath = this.getSessionFilePath(session.id);
+        fs.writeFileSync(filePath, JSON.stringify(session, null, 2), 'utf-8');
+    }
+    addMessageToActiveSession(message) {
+        const session = this.getActiveSession();
+        session.messages.push({
+            ...message,
+            timestamp: message.timestamp || Date.now(),
+        });
+        // Auto-generate title on first user message if title is "New Chat"
+        if (session.title === 'New Chat' && message.role === 'user') {
+            const cleanPrompt = message.content.replace(/\[Attached File:[^\]]+\]/g, '').trim();
+            if (cleanPrompt) {
+                session.title = cleanPrompt.length > 35 ? `${cleanPrompt.slice(0, 32)}...` : cleanPrompt;
+            }
+        }
+        this.saveSession(session);
+        return session;
+    }
+    listSessions() {
+        this.ensureDirectory();
+        try {
+            const files = fs.readdirSync(this.chatsDir).filter((f) => f.endsWith('.json') && !f.startsWith('.'));
+            const summaries = [];
+            for (const file of files) {
+                try {
+                    const filePath = path.join(this.chatsDir, file);
+                    const raw = fs.readFileSync(filePath, 'utf-8');
+                    const data = JSON.parse(raw);
+                    if (data && data.id) {
+                        const lastUserMsg = data.messages?.filter((m) => m.role === 'user').pop();
+                        summaries.push({
+                            id: data.id,
+                            title: data.title || 'Untitled Chat',
+                            createdAt: data.createdAt || 0,
+                            updatedAt: data.updatedAt || 0,
+                            messageCount: data.messages?.length || 0,
+                            preview: lastUserMsg?.content?.slice(0, 80) || '',
+                            isActive: data.id === this.activeSessionId,
+                        });
+                    }
+                }
+                catch { }
+            }
+            return summaries.sort((a, b) => b.updatedAt - a.updatedAt);
+        }
+        catch {
+            return [];
+        }
+    }
+    deleteSession(id) {
+        const filePath = this.getSessionFilePath(id);
+        try {
+            if (fs.existsSync(filePath)) {
+                fs.unlinkSync(filePath);
+            }
+            if (this.activeSessionId === id) {
+                const remaining = this.listSessions();
+                if (remaining.length > 0) {
+                    this.activeSessionId = remaining[0].id;
+                }
+                else {
+                    const fresh = this.createSession('New Chat');
+                    this.activeSessionId = fresh.id;
+                }
+                this.saveActiveSessionId();
+            }
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    renameSession(id, newTitle) {
+        const session = this.getSession(id);
+        if (session) {
+            session.title = newTitle.trim() || 'Untitled Chat';
+            this.saveSession(session);
+            return true;
+        }
+        return false;
+    }
+    clearActiveSessionMessages() {
+        const session = this.getActiveSession();
+        session.messages = [];
+        this.saveSession(session);
+    }
+}
+export const sessionManager = new SessionManager();
+//# sourceMappingURL=sessionManager.js.map

package/dist/core/sessionManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionManager.js","sourceRoot":"","sources":["../../src/core/sessionManager.ts"],"names":[],"mappings":"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"}

package/dist/core/updater.d.ts

@@ -1,6 +1,6 @@
 export declare class Updater {
     static readonly PACKAGE_NAME = "antri_cli";
-    static readonly CURRENT_VERSION = "1.49.0";
+    static readonly CURRENT_VERSION = "1.52.0";
     /**
      * Fetches latest release version directly from registry.npmjs.org (cache-free)
      */

package/dist/core/updater.js

@@ -5,7 +5,7 @@ import ora from 'ora';
 const execPromise = util.promisify(exec);
 export class Updater {
     static PACKAGE_NAME = 'antri_cli';
-    static CURRENT_VERSION = '1.49.0';
+    static CURRENT_VERSION = '1.52.0';
     /**
      * Fetches latest release version directly from registry.npmjs.org (cache-free)
      */

package/dist/desktop/public/app.js

@@ -19,6 +19,7 @@ document.addEventListener('DOMContentLoaded', async () => {
   await checkAuthStatus();
   await loadStatus();
   await loadCommands();
+  await loadChatSessions();
   await loadProfiles();
   await loadSkills();
   await loadMemory();
@@ -401,6 +402,146 @@ function handleInputKey(event) {
   }
 }
 
+// ==========================================
+// Multi-Chat Session Management
+// ==========================================
+let currentActiveChatId = '';
+let allChatSessions = [];
+
+async function loadChatSessions(renderMessages = true) {
+  try {
+    const res = await fetch('/api/chats');
+    const data = await res.json();
+    allChatSessions = data.sessions || [];
+    currentActiveChatId = data.activeId || (allChatSessions[0]?.id || '');
+
+    const select = document.getElementById('select-chat-session');
+    if (select) {
+      select.innerHTML = '';
+      allChatSessions.forEach((s) => {
+        const opt = document.createElement('option');
+        opt.value = s.id;
+        opt.textContent = `${s.title} (${s.messageCount || 0})`;
+        if (s.id === currentActiveChatId) opt.selected = true;
+        select.appendChild(opt);
+      });
+    }
+
+    if (renderMessages && data.activeSession) {
+      renderActiveSessionMessages(data.activeSession.messages || []);
+    }
+  } catch (err) {
+    console.error('Failed to load chat sessions:', err);
+  }
+}
+
+function renderActiveSessionMessages(messages) {
+  const container = document.getElementById('chat-messages');
+  if (!container) return;
+  container.innerHTML = '';
+
+  if (!messages || messages.length === 0) {
+    container.innerHTML = `
+      <div class="welcome-card" id="chat-welcome-card">
+        <h2>ANTRI Control Plane</h2>
+        <p>Minimalist environment for autonomous coding, architectural planning, and self-refinement. State, memory, profiles, and skills are synchronized across CLI and Desktop.</p>
+        <div class="quick-action-pills">
+          <button onclick="setPrompt('Plan the architecture for a real-time collaborative code editor')">Plan Editor Architecture</button>
+          <button onclick="setPrompt('/debate What are the trade-offs between WebSockets vs Server-Sent Events?')">Start Dialectic Debate</button>
+          <button onclick="setPrompt('/goal Implement a zero-dependency LRU cache with TTL in TypeScript')">Run Goal Loop</button>
+        </div>
+      </div>
+    `;
+    return;
+  }
+
+  messages.forEach((msg) => {
+    if (msg.role === 'user' || msg.role === 'assistant') {
+      appendMessage(msg.role, msg.content);
+    }
+  });
+}
+
+async function createNewChatSession() {
+  try {
+    const res = await fetch('/api/chats/new', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ title: 'New Chat' }),
+    });
+    const data = await res.json();
+    if (data.success && data.session) {
+      currentActiveChatId = data.session.id;
+      await loadChatSessions(true);
+      showToast('Started new chat session.');
+    }
+  } catch (err) {
+    console.error('Failed to create new chat session:', err);
+  }
+}
+
+async function onChatSessionSelect(id) {
+  try {
+    const res = await fetch('/api/chats/select', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id }),
+    });
+    const data = await res.json();
+    if (data.success && data.session) {
+      currentActiveChatId = data.session.id;
+      renderActiveSessionMessages(data.session.messages || []);
+      await loadChatSessions(false);
+    }
+  } catch (err) {
+    console.error('Failed to select chat session:', err);
+  }
+}
+
+async function clearCurrentChatContext() {
+  if (!confirm('Clear all conversation messages in this chat session?')) return;
+  const container = document.getElementById('chat-messages');
+  if (container) {
+    container.innerHTML = `
+      <div class="welcome-card" id="chat-welcome-card">
+        <h2>ANTRI Control Plane</h2>
+        <p>Minimalist environment for autonomous coding, architectural planning, and self-refinement. State, memory, profiles, and skills are synchronized across CLI and Desktop.</p>
+        <div class="quick-action-pills">
+          <button onclick="setPrompt('Plan the architecture for a real-time collaborative code editor')">Plan Editor Architecture</button>
+          <button onclick="setPrompt('/debate What are the trade-offs between WebSockets vs Server-Sent Events?')">Start Dialectic Debate</button>
+          <button onclick="setPrompt('/goal Implement a zero-dependency LRU cache with TTL in TypeScript')">Run Goal Loop</button>
+        </div>
+      </div>
+    `;
+  }
+  await fetch('/api/chat', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ prompt: '/clear' }),
+  }).catch(() => {});
+  await loadChatSessions(false);
+  showToast('Chat context cleared.');
+}
+
+async function deleteCurrentChatSession() {
+  if (!currentActiveChatId) return;
+  if (!confirm('Are you sure you want to delete this chat session?')) return;
+  try {
+    const res = await fetch('/api/chats/delete', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id: currentActiveChatId }),
+    });
+    const data = await res.json();
+    if (data.success) {
+      await loadChatSessions(true);
+      showToast('Chat session deleted.');
+    }
+  } catch (err) {
+    console.error('Failed to delete chat session:', err);
+  }
+}
+
 // Chat Prompt Submission with Real-Time Word-by-Word Side-by-Side Streaming
 async function submitPrompt() {
   const input = document.getElementById('prompt-input');
@@ -419,6 +560,12 @@ async function submitPrompt() {
   input.value = '';
   hidePalette();
 
+  // Remove welcome card if present
+  const welcomeCard = document.getElementById('chat-welcome-card');
+  if (welcomeCard) {
+    welcomeCard.remove();
+  }
+
   // Intercept /debate or /goal inside chat
   if (prompt.startsWith('/debate')) {
     showTab('dialectic');
@@ -502,6 +649,7 @@ async function submitPrompt() {
   } finally {
     sendBtn.disabled = false;
     sendBtn.innerHTML = '<span>Send</span>';
+    await loadChatSessions(false);
   }
 }
 
@@ -640,13 +788,23 @@ async function startGoalLoop() {
 }
 
 // ==========================================
-// Thinking Profile Management
+// Thinking Profile & Notes Management
 // ==========================================
+let currentViewedProfile = 'profile_1';
+let currentActiveProfile = 'profile_1';
+let currentNotesScope = 'global';
+let cachedGlobalNotes = '';
+let cachedWorkspaceNotes = '';
+
 async function loadProfiles() {
   try {
     const res = await fetch('/api/profiles');
     const data = await res.json();
 
+    currentActiveProfile = data.activeName || 'profile_1';
+    cachedGlobalNotes = data.globalNotes || '';
+    cachedWorkspaceNotes = data.workspaceNotes || '';
+
     const select = document.getElementById('select-profile');
     const list = document.getElementById('profile-items-list');
     select.innerHTML = '';
@@ -656,39 +814,156 @@ async function loadProfiles() {
       // Dropdown option
       const opt = document.createElement('option');
       opt.value = p.name;
-      opt.textContent = p.name;
-      if (p.name === data.activeName) opt.selected = true;
+      opt.textContent = `${p.name}.md`;
+      if (p.name === currentActiveProfile) opt.selected = true;
       select.appendChild(opt);
 
       // List button
+      const isCurrentViewed = p.name === currentViewedProfile || (!currentViewedProfile && p.name === currentActiveProfile);
       const btn = document.createElement('button');
-      btn.className = `profile-item-btn ${p.name === data.activeName ? 'active' : ''}`;
+      btn.className = `profile-item-btn ${isCurrentViewed ? 'active' : ''}`;
       btn.innerHTML = `
         <div style="display:flex;justify-content:space-between;align-items:center;width:100%;">
           <span style="font-weight:600;">${p.name}.md</span>
-          <span style="font-size:10px;opacity:0.7;">${p.notesCount || 0} notes</span>
+          <span style="font-size:10px;opacity:0.8;display:flex;align-items:center;gap:4px;">
+            ${p.name === currentActiveProfile ? '<span style="color:#10b981;font-weight:700;">● Active</span>' : ''}
+            <span>${p.notesCount || 0} notes</span>
+          </span>
         </div>
       `;
-      btn.onclick = () => selectProfile(p.name);
+      btn.onclick = () => viewProfile(p.name);
       list.appendChild(btn);
     });
 
-    document.getElementById('active-profile-title').textContent = `${data.activeName}.md`;
-    document.getElementById('profile-editor').value = data.activeContent || '';
+    if (!currentViewedProfile || !data.profiles.some((p) => p.name === currentViewedProfile)) {
+      currentViewedProfile = currentActiveProfile;
+    }
+
+    await viewProfile(currentViewedProfile, false);
+
+    // Also populate notes editor
+    const notesEditor = document.getElementById('notes-editor');
+    if (notesEditor) {
+      notesEditor.value = currentNotesScope === 'workspace' ? cachedWorkspaceNotes : cachedGlobalNotes;
+    }
   } catch (err) {
     console.error('Failed to load profiles:', err);
   }
 }
 
+async function viewProfile(name, updateListHighlight = true) {
+  try {
+    currentViewedProfile = name;
+    const res = await fetch(`/api/profile?name=${encodeURIComponent(name)}`);
+    const data = await res.json();
+
+    document.getElementById('active-profile-title').textContent = `${data.name}.md`;
+    const subtitle = document.getElementById('active-profile-subtitle');
+    const activateBtn = document.getElementById('btn-set-active-profile');
+
+    if (data.name === currentActiveProfile) {
+      if (subtitle) subtitle.textContent = 'Active thinking profile in LLM context';
+      if (activateBtn) activateBtn.style.display = 'none';
+    } else {
+      if (subtitle) subtitle.textContent = 'Viewing profile instructions (Click "Set as Active" to apply)';
+      if (activateBtn) activateBtn.style.display = 'inline-block';
+    }
+
+    document.getElementById('profile-editor').value = data.content || '';
+
+    if (updateListHighlight) {
+      document.querySelectorAll('#profile-items-list .profile-item-btn').forEach((btn, idx) => {
+        const text = btn.textContent || '';
+        if (text.includes(`${name}.md`)) {
+          btn.classList.add('active');
+        } else {
+          btn.classList.remove('active');
+        }
+      });
+    }
+  } catch (err) {
+    console.error('Failed to view profile:', err);
+  }
+}
+
+async function activateViewedProfile() {
+  if (!currentViewedProfile) return;
+  await selectProfile(currentViewedProfile);
+  showToast(`Active profile switched to '${currentViewedProfile}.md'`);
+}
+
 async function selectProfile(name) {
   await fetch('/api/profile/select', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
     body: JSON.stringify({ name }),
   });
+  currentActiveProfile = name;
+  currentViewedProfile = name;
   await loadProfiles();
 }
 
+function switchProfileSubtab(subtab) {
+  const btnProfiles = document.getElementById('btn-subtab-profiles');
+  const btnNotes = document.getElementById('btn-subtab-notes');
+  const viewProfiles = document.getElementById('subtab-view-profiles');
+  const viewNotes = document.getElementById('subtab-view-notes');
+
+  if (subtab === 'profiles') {
+    btnProfiles.classList.add('active');
+    btnNotes.classList.remove('active');
+    viewProfiles.classList.remove('hidden');
+    viewNotes.classList.add('hidden');
+  } else {
+    btnNotes.classList.add('active');
+    btnProfiles.classList.remove('active');
+    viewNotes.classList.remove('hidden');
+    viewProfiles.classList.add('hidden');
+  }
+}
+
+function selectNotesScope(scope) {
+  currentNotesScope = scope;
+  const btnGlobal = document.getElementById('btn-note-global');
+  const btnWorkspace = document.getElementById('btn-note-workspace');
+  const title = document.getElementById('notes-scope-title');
+  const editor = document.getElementById('notes-editor');
+
+  if (scope === 'workspace') {
+    btnWorkspace.classList.add('active');
+    btnGlobal.classList.remove('active');
+    if (title) title.textContent = 'Workspace Local Notes (.antri/profiles/notes.md)';
+    if (editor) editor.value = cachedWorkspaceNotes;
+  } else {
+    btnGlobal.classList.add('active');
+    btnWorkspace.classList.remove('active');
+    if (title) title.textContent = 'Global User Notes (~/.antri/profiles/notes.md)';
+    if (editor) editor.value = cachedGlobalNotes;
+  }
+}
+
+async function saveNotesContent() {
+  const content = document.getElementById('notes-editor').value;
+  try {
+    const res = await fetch('/api/profile/notes/save', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ type: currentNotesScope, content }),
+    });
+    const data = await res.json();
+    if (data.success) {
+      if (currentNotesScope === 'workspace') {
+        cachedWorkspaceNotes = content;
+      } else {
+        cachedGlobalNotes = content;
+      }
+      showToast(`Notes (${currentNotesScope}) saved & synced.`);
+    }
+  } catch (err) {
+    showToast(`Failed to save notes: ${err.message}`, true);
+  }
+}
+
 async function createProfile() {
   const input = document.getElementById('new-profile-name');
   const name = input.value.trim();
@@ -701,6 +976,7 @@ async function createProfile() {
   });
 
   input.value = '';
+  currentViewedProfile = name.toLowerCase().replace(/[^a-z0-9_-]/g, '_');
   await loadProfiles();
   showToast(`Profile '${name}' created.`);
 }
@@ -720,6 +996,7 @@ async function handleProfileImport(event) {
       });
       const data = await res.json();
       if (data.success) {
+        currentViewedProfile = file.name.replace(/\.md$/, '');
         await loadProfiles();
         showToast(`Profile '${file.name}' imported successfully.`);
       }
@@ -734,9 +1011,9 @@ async function saveActiveProfile() {
   await fetch('/api/profile/save', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ content }),
+    body: JSON.stringify({ name: currentViewedProfile, content }),
   });
-  showToast('Profile saved successfully.');
+  showToast(`Profile '${currentViewedProfile}.md' saved successfully.`);
 }
 
 async function pushProfilesToCloud() {
@@ -773,7 +1050,7 @@ async function pullProfilesFromCloud() {
 }
 
 function exportActiveProfile() {
-  const activeTitle = document.getElementById('active-profile-title').textContent || 'profile.md';
+  const activeTitle = document.getElementById('active-profile-title').textContent || `${currentViewedProfile}.md`;
   const content = document.getElementById('profile-editor').value;
   const blob = new Blob([content], { type: 'text/markdown;charset=utf-8;' });
   const url = URL.createObjectURL(blob);
@@ -786,22 +1063,23 @@ function exportActiveProfile() {
 }
 
 async function deleteActiveProfile() {
-  const activeTitle = (document.getElementById('active-profile-title').textContent || '').replace('.md', '');
-  if (activeTitle === 'profile_1') {
+  const target = currentViewedProfile || 'profile_1';
+  if (target === 'profile_1') {
     alert('Cannot delete default profile_1.');
     return;
   }
-  if (!confirm(`Are you sure you want to delete profile '${activeTitle}.md'?`)) return;
+  if (!confirm(`Are you sure you want to delete profile '${target}.md' from both your device and the cloud? It will not be pulled again.`)) return;
 
   const res = await fetch('/api/profile/delete', {
     method: 'POST',
     headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name: activeTitle }),
+    body: JSON.stringify({ name: target }),
   });
   const data = await res.json();
   if (data.success) {
+    currentViewedProfile = 'profile_1';
     await loadProfiles();
-    showToast(`Profile '${activeTitle}' deleted.`);
+    showToast(`Profile '${target}.md' deleted from device and cloud.`);
   }
 }