aiframe-agent-cli 1.0.1 → 1.0.3

package/dist/public/index.html

@@ -616,6 +616,17 @@
               <label class="form-label">Role Description</label>
               <textarea class="form-input" id="agent-role" style="height: 80px; resize: vertical;" required></textarea>
             </div>
+            <div class="form-group">
+              <label class="form-label">Provider</label>
+              <select class="form-input" id="agent-provider" onchange="toggleAgentProviderFields()">
+                <option value="ai-sdk">AI SDK (Cloud LLM)</option>
+                <option value="cli">CLI (Local Script / Antigravity)</option>
+              </select>
+            </div>
+            <div class="form-group" id="agent-cli-command-group" style="display: none;">
+              <label class="form-label">CLI Command (JSON Array format)</label>
+              <input class="form-input" type="text" id="agent-cli-command" placeholder='["antigravity", "chat", "-m", "agent", "{{prompt}}"]'>
+            </div>
             <div class="form-group">
               <label class="form-label">Allowed Skills</label>
               <div class="checkbox-grid" id="agent-skills-checkboxes"></div>
@@ -1184,6 +1195,9 @@
       document.getElementById('agent-filename').disabled = true;
       document.getElementById('agent-name').value = agent.data?.name || '';
       document.getElementById('agent-role').value = agent.data?.role || '';
+      document.getElementById('agent-provider').value = agent.data?.provider || 'ai-sdk';
+      document.getElementById('agent-cli-command').value = agent.data?.cli_command ? JSON.stringify(agent.data.cli_command) : '';
+      toggleAgentProviderFields();
       document.getElementById('delete-agent-btn').style.display = 'block';
 
       // Uncheck all
@@ -1215,6 +1229,9 @@
       document.getElementById('agent-filename').disabled = false;
       document.getElementById('agent-name').value = '';
       document.getElementById('agent-role').value = '';
+      document.getElementById('agent-provider').value = 'ai-sdk';
+      document.getElementById('agent-cli-command').value = '';
+      toggleAgentProviderFields();
       document.querySelectorAll('input[name="agent-skills"]').forEach(cb => cb.checked = false);
       document.querySelectorAll('input[name="agent-subagents"]').forEach(cb => cb.checked = false);
       document.getElementById('delete-agent-btn').style.display = 'none';
@@ -1234,9 +1251,22 @@
       const allowed_sub_agents = [];
       document.querySelectorAll('input[name="agent-subagents"]:checked').forEach(cb => allowed_sub_agents.push(cb.value));
 
+      const provider = document.getElementById('agent-provider').value;
+      let cli_command = undefined;
+      if (provider === 'cli') {
+        try {
+          cli_command = JSON.parse(document.getElementById('agent-cli-command').value || '[]');
+        } catch(e) {
+          alert('CLI command must be a valid JSON array');
+          return;
+        }
+      }
+
       const agent = {
         name: document.getElementById('agent-name').value,
         role: document.getElementById('agent-role').value,
+        provider,
+        cli_command,
         tools,
         allowed_sub_agents
       };
@@ -1250,6 +1280,16 @@
       activeAgentFilename = filename;
       await loadAgentsTab();
       await loadWorkflowsTabAssets();
+      alert('Agent Saved!');
+    }
+
+    function toggleAgentProviderFields() {
+      const provider = document.getElementById('agent-provider').value;
+      if (provider === 'cli') {
+        document.getElementById('agent-cli-command-group').style.display = 'block';
+      } else {
+        document.getElementById('agent-cli-command-group').style.display = 'none';
+      }
     }
 
     async function deleteActiveAgent() {
@@ -1553,8 +1593,9 @@
       agentsList.innerHTML = '';
       agentsData.forEach(agent => {
         const name = agent.data?.name || agent.filename.replace('.yaml', '');
+        const fileKey = agent.filename.replace('.yaml', '').replace('.yml', '');
         agentsList.innerHTML += `
-          <div class="draggable-item" draggable="true" data-type="sidebar-agent" data-payload="agent/${name}">
+          <div class="draggable-item" draggable="true" data-type="sidebar-agent" data-payload="agent/${fileKey}">
             <span>${name}</span>
             <span class="badge badge-purple">Agent</span>
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aiframe-agent-cli",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Enterprise Resilient AI Agent Framework",
   "main": "dist/index.js",
   "bin": {