superacli 1.1.22 → 1.1.26

package/server/uploads/test-auth-openapi.json

@@ -0,0 +1,74 @@
+{
+  "openapi": "3.0.0",
+  "info": {
+    "title": "Test Auth API",
+    "version": "1.0.0"
+  },
+  "servers": [
+    {
+      "url": "http://localhost:3001"
+    }
+  ],
+  "paths": {
+    "/api/data": {
+      "get": {
+        "operationId": "getData",
+        "summary": "Get authenticated data",
+        "description": "Returns data when authenticated with Bearer token",
+        "responses": {
+          "200": {
+            "description": "Success",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "object",
+                  "properties": {
+                    "message": {
+                      "type": "string"
+                    },
+                    "data": {
+                      "type": "object"
+                    }
+                  }
+                }
+              }
+            }
+          },
+          "401": {
+            "description": "Unauthorized"
+          },
+          "403": {
+            "description": "Forbidden"
+          }
+        }
+      }
+    },
+    "/api/key-data": {
+      "get": {
+        "operationId": "getKeyData",
+        "summary": "Get data with API key",
+        "description": "Returns data when authenticated with API key in X-Api-Key header",
+        "responses": {
+          "200": {
+            "description": "Success",
+            "content": {
+              "application/json": {
+                "schema": {
+                  "type": "object",
+                  "properties": {
+                    "message": {
+                      "type": "string"
+                    },
+                    "data": {
+                      "type": "object"
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/server/uploads/test-auth-spec.json

@@ -0,0 +1,36 @@
+{
+  "openapi": "3.0.0",
+  "info": {
+    "title": "Test Auth API",
+    "version": "1.0.0"
+  },
+  "servers": [
+    {
+      "url": "https://httpbin.org"
+    }
+  ],
+  "paths": {
+    "/bearer": {
+      "get": {
+        "operationId": "testBearerAuth",
+        "summary": "Test bearer auth",
+        "responses": {
+          "200": {
+            "description": "Returns authorization header"
+          }
+        }
+      }
+    },
+    "/headers": {
+      "get": {
+        "operationId": "testHeaderAuth",
+        "summary": "Returns request headers",
+        "responses": {
+          "200": {
+            "description": "Returns headers"
+          }
+        }
+      }
+    }
+  }
+}

package/server/views/adapters.ejs

@@ -25,6 +25,7 @@
         <tr><td colspan="5" class="px-6 py-12 text-center text-[#787774]">No adapters yet. Create one to get started.</td></tr>
       <% } %>
       <% adapters.forEach(a => { %>
+        <% if (!a.name) return; %>
         <tr class="border-b border-[#EAEAEA] hover:bg-[#F7F6F3] transition-colors">
           <td class="px-6 py-4">
             <div class="flex flex-col">

package/server/views/api-keys.ejs

@@ -0,0 +1,147 @@
+<%- include("partials/head", { title: "API Keys" }) %>
+
+<div id="api-keys-app" class="max-w-4xl">
+  <div class="flex justify-between items-center mb-6">
+    <h1 class="text-2xl font-bold">API Keys</h1>
+    <div class="text-sm opacity-80">Manage API keys for CLI and programmatic access.</div>
+  </div>
+
+  <div v-if="message.text" :class="['alert mb-4', message.type === 'error' ? 'alert-error' : 'alert-success']">
+    <span>{{ message.text }}</span>
+  </div>
+
+  <div class="card bg-base-100 border border-base-300">
+    <div class="card-body">
+      <h2 class="card-title">Create New API Key</h2>
+      <div class="form-control">
+        <div class="label">
+          <span class="label-text">Key Name</span>
+        </div>
+        <div class="flex gap-2">
+          <input v-model="newKeyName" class="input input-bordered flex-1" placeholder="e.g., 'CLI Agent' or 'Production'" />
+          <button class="btn btn-primary" @click="createApiKey">Create</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="card bg-base-100 border border-base-300 mt-4">
+    <div class="card-body">
+      <h2 class="card-title">Active API Keys</h2>
+      <div v-if="settings.api_keys && settings.api_keys.length > 0">
+        <table class="table table-zebra">
+          <thead>
+            <tr>
+              <th>Name</th>
+              <th>Key</th>
+              <th>Created</th>
+              <th>Action</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="apiKey in settings.api_keys" :key="apiKey.key">
+              <td>{{ apiKey.name }}</td>
+              <td>
+                <code>{{ apiKey.key.slice(0, 12) }}...</code>
+                <button class="btn btn-xs btn-ghost ml-2" @click="copyApiKey(apiKey.key)">📋</button>
+              </td>
+              <td>{{ new Date(apiKey.created_at).toLocaleString() }}</td>
+              <td>
+                <button class="btn btn-sm btn-error" @click="deleteApiKey(apiKey.key)">Delete</button>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div v-else class="text-center py-8 opacity-60">
+        <p>No API keys created yet</p>
+        <p class="text-sm mt-2">Create an API key to enable CLI and programmatic access to the server.</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+const { createApp } = Vue
+
+createApp({
+  data() {
+    return {
+      settings: {},
+      newKeyName: '',
+      message: { text: '', type: 'success' }
+    }
+  },
+  async mounted() {
+    await this.loadSettings()
+  },
+  methods: {
+    async loadSettings() {
+      try {
+        const res = await fetch('/api/settings?format=json')
+        const data = await res.json()
+        this.settings = data
+      } catch (err) {
+        this.setMessage('error', err.message)
+      }
+    },
+    async createApiKey() {
+      if (!this.newKeyName.trim()) {
+        this.setMessage('error', 'API key name is required')
+        return
+      }
+      try {
+        const res = await fetch('/api/api-keys', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ name: this.newKeyName })
+        })
+        const result = await res.json()
+        this.setMessage('success', `Created API key '${result.name}'`)
+        this.newKeyName = ''
+        await this.loadSettings()
+      } catch (err) {
+        this.setMessage('error', err.message)
+      }
+    },
+    async deleteApiKey(key) {
+      if (!confirm('Delete this API key?')) return
+      try {
+        await fetch(`/api/api-keys/${encodeURIComponent(key)}`, {
+          method: 'DELETE'
+        })
+        this.setMessage('success', 'API key deleted')
+        await this.loadSettings()
+      } catch (err) {
+        this.setMessage('error', err.message)
+      }
+    },
+    async copyApiKey(key) {
+      try {
+        // Fallback for non-HTTPS contexts
+        const textArea = document.createElement("textarea")
+        textArea.value = key
+        textArea.style.position = "fixed"
+        textArea.style.left = "-9999px"
+        document.body.appendChild(textArea)
+        textArea.select()
+        try {
+          document.execCommand("copy")
+          this.setMessage('success', 'API key copied to clipboard')
+        } catch (err) {
+          throw new Error('Copy failed')
+        }
+        document.body.removeChild(textArea)
+      } catch (err) {
+        this.setMessage('error', 'Failed to copy API key')
+      }
+    },
+    setMessage(type, text) {
+      this.message = { type, text }
+      setTimeout(() => this.message = { text: '', type: 'success' }, 3000)
+    }
+  }
+}).mount('#api-keys-app')
+</script>
+
+<%- include("partials/foot") %>

package/server/views/clients.ejs

@@ -0,0 +1,82 @@
+<%- include("partials/head", { title: "Clients" }) %>
+
+<div id="clients-app">
+  <div class="flex justify-between items-center mb-8">
+    <div>
+      <p class="text-xs uppercase tracking-[0.2em] text-[#787774] mb-1">Monitoring</p>
+      <h1 class="text-2xl editorial-heading text-[#111111]">Connected Clients</h1>
+      <p class="text-sm text-[#787774] mt-1">CLI clients that have synced plugin resources to this server</p>
+    </div>
+  </div>
+
+  <div class="bento-card">
+    <div v-if="clients.length === 0" class="p-12 text-center text-[#787774]">
+      No clients have synced yet.
+    </div>
+    
+    <table v-else class="min-w-full divide-y divide-[#EAEAEA]">
+      <thead class="bg-[#F7F6F3]">
+        <tr>
+          <th class="px-6 py-3 text-left text-xs font-semibold text-[#787774] uppercase tracking-wider">Client ID</th>
+          <th class="px-6 py-3 text-left text-xs font-semibold text-[#787774] uppercase tracking-wider">Last Seen</th>
+          <th class="px-6 py-3 text-left text-xs font-semibold text-[#787774] uppercase tracking-wider">Plugin Count</th>
+        </tr>
+      </thead>
+      <tbody class="bg-white divide-y divide-[#EAEAEA]">
+        <tr v-for="client in clients" :key="client.client_id" class="hover:bg-[#F7F6F3] transition-colors">
+          <td class="px-6 py-4">
+            <code class="mono-text text-sm text-[#1F6C9F]">{{ client.client_id.substring(0, 8) }}...</code>
+          </td>
+          <td class="px-6 py-4 text-sm text-[#2F3437]">
+            {{ formatLastSeen(client.last_seen) }}
+          </td>
+          <td class="px-6 py-4 text-sm text-[#2F3437]">
+            {{ client.plugin_count || 0 }}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>
+
+<script>
+  const { createApp } = Vue
+
+  createApp({
+    data() {
+      return {
+        clients: []
+      }
+    },
+    async mounted() {
+      await this.fetchClients()
+    },
+    methods: {
+      async fetchClients() {
+        try {
+          const r = await fetch('/api/plugins/clients?format=json')
+          const data = await r.json()
+          this.clients = data.clients || []
+        } catch (err) {
+          console.error('Failed to fetch clients:', err)
+        }
+      },
+      formatLastSeen(dateStr) {
+        if (!dateStr) return 'Never'
+        const date = new Date(dateStr)
+        const now = new Date()
+        const diffMs = now - date
+        const diffMins = Math.floor(diffMs / 60000)
+        const diffHours = Math.floor(diffMs / 3600000)
+        const diffDays = Math.floor(diffMs / 86400000)
+        
+        if (diffMins < 1) return 'Just now'
+        if (diffMins < 60) return `${diffMins} min ago`
+        if (diffHours < 24) return `${diffHours}h ago`
+        if (diffDays < 7) return `${diffDays}d ago`
+        return date.toLocaleDateString()
+      }
+    }
+  }).mount('#clients-app')
+</script>
+

package/server/views/docs.ejs

@@ -0,0 +1,7 @@
+<%- include("partials/head", { title: "Documentation" }) %>
+
+<div id="docs-container">
+  <%- bodyContent %>
+</div>
+
+<%- include("partials/foot") %>

package/server/views/jobs.ejs

@@ -34,10 +34,11 @@
           <th>Status</th>
           <th>Duration</th>
           <th>Timestamp</th>
+          <th>Client</th>
         </tr>
       </thead>
       <tbody>
-        <tr v-if="jobs.length===0"><td colspan="4" class="text-center opacity-60">No executions recorded yet.</td></tr>
+        <tr v-if="jobs.length===0"><td colspan="5" class="text-center opacity-60">No executions recorded yet.</td></tr>
         <tr v-for="j in jobs" :key="j._id">
           <td><code>{{ j.command }}</code></td>
           <td>
@@ -46,7 +47,15 @@
             </span>
           </td>
           <td>{{ j.duration_ms }}ms</td>
-          <td class="opacity-70">{{ new Date(j.timestamp).toLocaleString() }}</td>
+          <td class="opacity-70">
+            <span :title="new Date(j.timestamp).toLocaleString()" class="cursor-help">
+              {{ formatRelativeTime(j.timestamp) }}
+            </span>
+          </td>
+          <td class="opacity-70">
+            <code v-if="j.client_id" class="text-xs">{{ j.client_id.substring(0, 8) }}...</code>
+            <span v-else class="text-xs opacity-50">-</span>
+          </td>
         </tr>
       </tbody>
     </table>
@@ -64,6 +73,21 @@
       async loadStats() {
         const r = await fetch('/api/jobs/stats')
         this.stats = await r.json()
+      },
+      formatRelativeTime(dateStr) {
+        if (!dateStr) return 'Never'
+        const date = new Date(dateStr)
+        const now = new Date()
+        const diffMs = now - date
+        const diffMins = Math.floor(diffMs / 60000)
+        const diffHours = Math.floor(diffMs / 3600000)
+        const diffDays = Math.floor(diffMs / 86400000)
+
+        if (diffMins < 1) return 'Just now'
+        if (diffMins < 60) return `${diffMins}m ago`
+        if (diffHours < 24) return `${diffHours}h ago`
+        if (diffDays < 7) return `${diffDays}d ago`
+        return date.toLocaleDateString()
       }
     }
   }).mount('#jobs-app')

package/server/views/layout.ejs

@@ -88,27 +88,41 @@
 <body>
 
   <div class="flex min-h-screen">
-    <!-- Sidebar -->
-    <aside class="w-64 bg-white p-6 flex flex-col gap-2 border-r border-[#EAEAEA]">
-      <a href="/api/commands" class="text-xl editorial-heading px-3 py-2 mb-6 flex items-center gap-2">
-        <span>⚡</span> SUPERCLI
-      </a>
-      <a href="/" class="btn justify-start">Dashboard</a>
-      <a href="/api/commands" class="btn justify-start <%= typeof commands !== 'undefined' ? 'nav-active' : '' %>">
-        Commands
-      </a>
-      <a href="/api/specs" class="btn justify-start <%= typeof specs !== 'undefined' ? 'nav-active' : '' %>">
-        OpenAPI Specs
-      </a>
-      <a href="/api/mcp" class="btn justify-start <%= typeof servers !== 'undefined' ? 'nav-active' : '' %>">
-        MCP Servers
-      </a>
-      <a href="/api/jobs" class="btn justify-start <%= typeof jobs !== 'undefined' ? 'nav-active' : '' %>">
-        Jobs
-      </a>
-      <a href="/api/plugins" class="btn justify-start <%= typeof plugins !== 'undefined' ? 'nav-active' : '' %>">
-        Plugins
-      </a>
+    <!-- Sidebar navigation -->
+    <aside class="w-64 bg-white border-r border-[#EAEAEA] p-6">
+      <div class="mb-8">
+        <h1 class="text-xl font-bold editorial-heading">SUPERCLI</h1>
+        <p class="text-sm text-[#787774]">Command Control Plane</p>
+      </div>
+      <nav class="space-y-2">
+        <a href="/api/plugins" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Plugins
+        </a>
+        <a href="/api/settings" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Settings
+        </a>
+        <a href="/api/api-keys" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          API Keys
+        </a>
+        <a href="/api/commands" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Commands
+        </a>
+        <a href="/api/jobs" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Jobs
+        </a>
+        <a href="/api/clients" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Clients
+        </a>
+        <a href="/api/adapters" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          Adapters
+        </a>
+        <a href="/api/specs" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          OpenAPI Specs
+        </a>
+        <a href="/api/mcp" class="block px-4 py-2 rounded-lg hover:bg-[#F7F6F3] transition-colors">
+          MCP Servers
+        </a>
+      </nav>
     </aside>
 
     <!-- Main content -->