@involvex/super-agent-cli 0.0.88 → 0.0.91

package/vscode-extension/dist/chat-provider.js

@@ -0,0 +1,262 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatProvider = void 0;
+const vscode = __importStar(require("vscode"));
+class ChatProvider {
+    context;
+    extensionUri;
+    cliConnector;
+    fileContextProvider;
+    messages = [];
+    webviewView;
+    disposables = [];
+    constructor(context, extensionUri, cliConnector, fileContextProvider) {
+        this.context = context;
+        this.extensionUri = extensionUri;
+        this.cliConnector = cliConnector;
+        this.fileContextProvider = fileContextProvider;
+        this.setupCLIMessageHandlers();
+        // Listen for status changes from the connector
+        this.disposables.push(new vscode.Disposable(this.cliConnector.onStatusChange(connected => {
+            this.updateConnectionStatus(connected);
+        })));
+    }
+    setupCLIMessageHandlers() {
+        // Handle incoming messages from CLI
+        // CLI sends 'assistant_message', 'user_message', 'tool_call', 'tool_result', 'done', 'error'
+        this.cliConnector.onMessage("assistant_message", (response) => {
+            this.addAssistantMessage(response.content || "");
+            this.updateWebview();
+        });
+        this.cliConnector.onMessage("user_message", (response) => {
+            // Optional: handle if we want to sync user messages from other clients
+        });
+        this.cliConnector.onMessage("tool_call", (response) => {
+            this.addSystemMessage(`Tool: ${response.content || "Executing..."}`);
+            this.updateWebview();
+        });
+        this.cliConnector.onMessage("error", (response) => {
+            this.addSystemMessage(`Error: ${response.error || response.content}`);
+            this.updateWebview();
+        });
+        this.cliConnector.onMessage("done", () => {
+            // Handle completion if needed
+        });
+        this.cliConnector.onMessage("file_tree", (response) => {
+            // Handle file tree if needed
+        });
+        this.cliConnector.onMessage("file_content", (response) => {
+            // Handle file content if needed
+        });
+        this.cliConnector.onMessage("chat_history", (response) => {
+            if (response.messages) {
+                this.messages = response.messages.map((msg) => ({
+                    id: this.generateId(),
+                    role: msg.role,
+                    content: msg.content,
+                    timestamp: new Date(msg.timestamp),
+                }));
+                this.updateWebview();
+            }
+        });
+    }
+    resolveWebviewView(webviewView) {
+        this.webviewView = webviewView;
+        webviewView.webview.options = {
+            enableScripts: true,
+            localResourceRoots: [this.extensionUri],
+        };
+        webviewView.webview.html = this.getHtmlContent(webviewView.webview);
+        // Handle messages from webview
+        webviewView.webview.onDidReceiveMessage(async (message) => {
+            await this.handleWebviewMessage(message);
+        }, null, this.disposables);
+        // Update with current connection status
+        this.updateConnectionStatus(this.cliConnector.getConnectionStatus());
+    }
+    async handleWebviewMessage(message) {
+        switch (message.type) {
+            case "ready":
+                this.updateConnectionStatus(this.cliConnector.getConnectionStatus());
+                this.cliConnector.requestChatHistory();
+                break;
+            case "sendMessage":
+                await this.handleSendMessage(message.content);
+                break;
+            case "getFileContext":
+                await this.handleGetFileContext();
+                break;
+            case "openFile":
+                await this.handleOpenFile(message.filePath);
+                break;
+            case "requestHistory":
+                this.cliConnector.requestChatHistory();
+                break;
+            case "clearHistory":
+                this.messages = [];
+                this.updateWebview();
+                break;
+            case "abort":
+                this.cliConnector.abortOperation();
+                break;
+        }
+    }
+    async handleSendMessage(content) {
+        // Expand file mentions if any
+        const expandedContent = await this.fileContextProvider.expandFileMentions(content);
+        // Parse file mentions for display
+        const mentions = this.fileContextProvider.parseFileMentions(content);
+        const fileContexts = [];
+        for (const mention of mentions) {
+            const filePath = mention.startsWith("/") ? mention : mention; // Handle both absolute and relative paths
+            if (vscode.workspace.workspaceFolders) {
+                const workspaceRoot = vscode.workspace.workspaceFolders[0].uri.fsPath;
+                const absolutePath = require("path").join(workspaceRoot, filePath);
+                const fileMention = await this.fileContextProvider.getFileMention(absolutePath);
+                if (fileMention) {
+                    fileContexts.push(fileMention);
+                }
+            }
+        }
+        // Add user message
+        this.addUserMessage(content, fileContexts);
+        this.updateWebview();
+        // Send to CLI
+        this.cliConnector.sendChatMessage(expandedContent, mentions);
+    }
+    async handleGetFileContext() {
+        const currentFile = await this.fileContextProvider.getCurrentFileMention();
+        const openFiles = await this.fileContextProvider.getOpenFileMentions();
+        this.postMessageToWebview({
+            type: "fileContext",
+            currentFile,
+            openFiles,
+        });
+    }
+    async handleOpenFile(filePath) {
+        try {
+            const document = await vscode.workspace.openTextDocument(vscode.Uri.file(filePath));
+            await vscode.window.showTextDocument(document);
+        }
+        catch (error) {
+            vscode.window.showErrorMessage(`Failed to open file: ${filePath}`);
+        }
+    }
+    addUserMessage(content, fileContexts) {
+        this.messages.push({
+            id: this.generateId(),
+            role: "user",
+            content,
+            timestamp: new Date(),
+            fileContexts,
+        });
+    }
+    addAssistantMessage(content) {
+        this.messages.push({
+            id: this.generateId(),
+            role: "assistant",
+            content,
+            timestamp: new Date(),
+        });
+    }
+    addSystemMessage(content) {
+        this.messages.push({
+            id: this.generateId(),
+            role: "system",
+            content,
+            timestamp: new Date(),
+        });
+    }
+    updateWebview() {
+        this.postMessageToWebview({
+            type: "messages",
+            messages: this.messages,
+        });
+    }
+    updateConnectionStatus(connected) {
+        this.postMessageToWebview({
+            type: "connectionStatus",
+            connected,
+        });
+    }
+    postMessageToWebview(message) {
+        if (this.webviewView) {
+            this.webviewView.webview.postMessage(message);
+        }
+    }
+    getHtmlContent(webview) {
+        const scriptUri = webview.asWebviewUri(vscode.Uri.file(this.extensionUri.path + "/dist/chat.js"));
+        const styleUri = webview.asWebviewUri(vscode.Uri.file(this.extensionUri.path + "/dist/chat.css"));
+        return `<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Super Agent Chat</title>
+  <link rel="stylesheet" href="${styleUri}">
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <span class="title">Super Agent</span>
+      <span class="status" id="status">Connecting...</span>
+    </div>
+    <div class="messages" id="messages"></div>
+    <div class="input-area">
+      <input type="text" id="prompt" placeholder="@file.ts Ask something... (Press Enter to send)" autocomplete="off">
+      <button id="send">Send</button>
+      <button id="abort" style="display: none;">Stop</button>
+    </div>
+    <div class="file-context" id="fileContext" style="display: none;">
+      <button id="mentionCurrent">@ Current File</button>
+    </div>
+  </div>
+  <script src="${scriptUri}"></script>
+</body>
+</html>`;
+    }
+    generateId() {
+        return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+    }
+    dispose() {
+        for (const disposable of this.disposables) {
+            disposable.dispose();
+        }
+        this.disposables = [];
+    }
+}
+exports.ChatProvider = ChatProvider;
+//# sourceMappingURL=chat-provider.js.map

package/vscode-extension/dist/chat-provider.js.map

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

package/vscode-extension/dist/chat.css

@@ -0,0 +1,268 @@
+/* Chat webview styles */
+
+:root {
+  --bg-color: var(--vscode-editor-background);
+  --text-color: var(--vscode-editor-foreground);
+  --input-bg: var(--vscode-input-background);
+  --border-color: var(--vscode-panel-border);
+  --accent-color: var(--vscode-textLink-foreground);
+  --user-msg-bg: var(--vscode-textBlockQuote-background);
+  --assistant-msg-bg: var(--vscode-editor-inactiveSelectionBackground);
+  --system-msg-bg: var(--vscode-editorInfo-background);
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: var(--vscode-font-family);
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  font-size: var(--vscode-font-size);
+  line-height: 1.5;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-height: 100vh;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--border-color);
+  background-color: var(--vscode-sideBarSectionHeader-background);
+}
+
+.title {
+  font-weight: 600;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.status {
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 3px;
+}
+
+.status.connected {
+  background-color: #4ec9b0;
+  color: #000;
+}
+
+.status.disconnected {
+  background-color: #f48771;
+  color: #000;
+}
+
+.messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.message {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  animation: fadeIn 0.2s ease-in;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.message.user {
+  align-items: flex-end;
+}
+
+.message.assistant {
+  align-items: flex-start;
+}
+
+.message.system {
+  align-items: center;
+}
+
+.message.user > .content {
+  background-color: var(--user-msg-bg);
+  border-radius: 8px 8px 0 8px;
+  max-width: 85%;
+  padding: 8px 12px;
+  word-wrap: break-word;
+}
+
+.message.assistant > .content {
+  background-color: var(--assistant-msg-bg);
+  border-radius: 8px 8px 8px 0;
+  max-width: 90%;
+  padding: 8px 12px;
+  word-wrap: break-word;
+}
+
+.message.system > .content {
+  background-color: var(--system-msg-bg);
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 11px;
+  color: var(--vscode-editorInfo-foreground);
+}
+
+.message.user .content,
+.message.assistant .content {
+  white-space: pre-wrap;
+}
+
+.message .content pre {
+  background-color: var(--vscode-textCodeBlock-background);
+  border-radius: 4px;
+  padding: 8px;
+  overflow-x: auto;
+  margin: 8px 0;
+}
+
+.message .content code {
+  font-family: var(--vscode-editor-font-family);
+  font-size: var(--vscode-editor-font-size);
+  background-color: var(--vscode-textCodeBlock-background);
+  padding: 2px 4px;
+  border-radius: 3px;
+}
+
+.message .content pre code {
+  background-color: transparent;
+  padding: 0;
+}
+
+.message .content strong {
+  font-weight: 600;
+}
+
+.message .content em {
+  font-style: italic;
+}
+
+.file-contexts {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-top: 4px;
+}
+
+.file-mention {
+  font-size: 11px;
+  background-color: var(--vscode-badge-background);
+  color: var(--vscode-badge-foreground);
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: var(--vscode-editor-font-family);
+}
+
+.input-area {
+  display: flex;
+  gap: 8px;
+  padding: 12px;
+  border-top: 1px solid var(--border-color);
+  background-color: var(--vscode-editorGroup-header-tabsBackground);
+}
+
+.input-area input {
+  flex: 1;
+  background-color: var(--input-bg);
+  color: var(--text-color);
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: var(--vscode-font-size);
+  font-family: var(--vscode-font-family);
+}
+
+.input-area input:focus {
+  outline: none;
+  border-color: var(--accent-color);
+}
+
+.input-area button {
+  background-color: var(--accent-color);
+  color: var(--vscode-button-foreground);
+  border: none;
+  border-radius: 4px;
+  padding: 8px 16px;
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.input-area button:hover {
+  filter: brightness(0.9);
+}
+
+.input-area button:active {
+  transform: scale(0.98);
+}
+
+.input-area #abort {
+  background-color: var(--vscode-errorBackground);
+}
+
+.file-context {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  padding: 8px 12px;
+  border-top: 1px solid var(--border-color);
+  background-color: var(--vscode-editorGroupHeader-tabsBackground);
+}
+
+.file-context button {
+  background-color: var(--vscode-button-secondaryBackground);
+  color: var(--vscode-button-secondaryForeground);
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  padding: 4px 8px;
+  font-size: 11px;
+  cursor: pointer;
+  font-family: var(--vscode-editor-font-family);
+}
+
+.file-context button:hover {
+  background-color: var(--vscode-button-secondaryHoverBackground);
+}
+
+/* Scrollbar styling */
+.messages::-webkit-scrollbar {
+  width: 8px;
+}
+
+.messages::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.messages::-webkit-scrollbar-thumb {
+  background: var(--vscode-scrollbarSlider-background);
+  border-radius: 4px;
+}
+
+.messages::-webkit-scrollbar-thumb:hover {
+  background: var(--vscode-scrollbarSlider-hoverBackground);
+}