mcpmake 0.1.1 → 0.2.0

package/dist/cloud/web/templates/pages/auth/reset-password.hbs

@@ -1,34 +0,0 @@
-<h1>Set new password</h1>
-<p class="auth-subtitle">Choose a new password for your account</p>
-
-{{#if error}}
-<div class="auth-error" role="alert" aria-live="assertive">{{error}}</div>
-{{/if}}
-
-{{#if expired}}
-<div class="auth-error" role="alert">
-  This reset link has expired or is invalid. <a href="/forgot-password">Request a new one</a>.
-</div>
-{{else}}
-<form method="POST" action="/reset-password">
-  <input type="hidden" name="_csrf" value="{{csrfToken}}">
-  <input type="hidden" name="token" value="{{token}}">
-
-  <div class="form-group">
-    <label for="password">New password</label>
-    <input type="password" id="password" name="password" required autocomplete="new-password" autofocus minlength="8">
-    <p class="form-hint">Minimum 8 characters</p>
-  </div>
-
-  <div class="form-group">
-    <label for="confirmPassword">Confirm new password</label>
-    <input type="password" id="confirmPassword" name="confirmPassword" required autocomplete="new-password">
-  </div>
-
-  <button type="submit" class="auth-submit">Reset password</button>
-</form>
-{{/if}}
-
-<div class="auth-footer">
-  <a href="/login">Back to sign in</a>
-</div>

package/dist/cloud/web/templates/pages/dashboard/billing.hbs

@@ -1,140 +0,0 @@
-{{> flash-message}}
-
-<div class="dashboard-header">
-  <h1>Billing</h1>
-</div>
-
-{{#if stripeConfigured}}
-
-<div class="detail-grid">
-  <div class="detail-card">
-    <h3>Current Plan</h3>
-    <p class="detail-value">{{capitalize currentPlan}}</p>
-  </div>
-
-  <div class="detail-card">
-    <h3>Browser Minutes Used</h3>
-    <p class="detail-value">{{minutesUsed}} / {{#if (eq minutesLimit "unlimited")}}Unlimited{{else}}{{minutesLimit}}{{/if}}</p>
-  </div>
-
-  <div class="detail-card">
-    <h3>Minutes Remaining</h3>
-    <p class="detail-value">{{#if (eq minutesLimit "unlimited")}}Unlimited{{else}}{{minutesRemaining}}{{/if}}</p>
-  </div>
-</div>
-
-{{#if hasSubscription}}
-<div class="detail-section">
-  <h2>Manage Subscription</h2>
-  <p>View invoices, update payment method, or cancel your subscription.</p>
-  <form method="POST" action="/dashboard/billing/portal">
-    <input type="hidden" name="_csrf" value="{{csrfToken}}">
-    <button type="submit" class="btn btn-secondary">Manage Subscription</button>
-  </form>
-</div>
-{{/if}}
-
-<div class="detail-section">
-  <h2>{{#if hasSubscription}}Change Plan{{else}}Upgrade Plan{{/if}}</h2>
-  <div class="pricing-grid">
-    <article class="pricing-card {{#if (eq currentPlan 'free')}}pricing-card--current{{/if}}">
-      <div class="pricing-card-header">
-        <h3 class="pricing-tier-name">Free</h3>
-        <div class="pricing-amount"><span class="pricing-currency">$</span><span class="pricing-value">0</span><span class="pricing-period">/mo</span></div>
-      </div>
-      <ul class="pricing-features">
-        <li>1 MCP server</li>
-        <li>500 browser minutes</li>
-      </ul>
-      <div class="pricing-card-footer">
-        {{#if (eq currentPlan 'free')}}
-        <span class="btn btn-secondary btn-block" style="opacity:0.6;cursor:default;">Current Plan</span>
-        {{else}}
-        <span class="btn btn-secondary btn-block" style="opacity:0.6;cursor:default;">Downgrade via Portal</span>
-        {{/if}}
-      </div>
-    </article>
-
-    <article class="pricing-card {{#if (eq currentPlan 'hobbyist')}}pricing-card--current{{/if}}">
-      <div class="pricing-card-header">
-        <h3 class="pricing-tier-name">Hobbyist</h3>
-        <div class="pricing-amount"><span class="pricing-currency">$</span><span class="pricing-value">9</span><span class="pricing-period">/mo</span></div>
-      </div>
-      <ul class="pricing-features">
-        <li>5 MCP servers</li>
-        <li>5,000 browser minutes</li>
-      </ul>
-      <div class="pricing-card-footer">
-        {{#if (eq currentPlan 'hobbyist')}}
-        <span class="btn btn-secondary btn-block" style="opacity:0.6;cursor:default;">Current Plan</span>
-        {{else}}
-        <form method="POST" action="/dashboard/billing/checkout">
-          <input type="hidden" name="_csrf" value="{{csrfToken}}">
-          <input type="hidden" name="plan" value="hobbyist">
-          <button type="submit" class="btn btn-secondary btn-block">Subscribe</button>
-        </form>
-        {{/if}}
-      </div>
-    </article>
-
-    <article class="pricing-card pricing-card--featured {{#if (eq currentPlan 'pro')}}pricing-card--current{{/if}}">
-      <div class="pricing-badge">Popular</div>
-      <div class="pricing-card-header">
-        <h3 class="pricing-tier-name">Pro</h3>
-        <div class="pricing-amount"><span class="pricing-currency">$</span><span class="pricing-value">29</span><span class="pricing-period">/mo</span></div>
-      </div>
-      <ul class="pricing-features">
-        <li>20 MCP servers</li>
-        <li>50,000 browser minutes</li>
-      </ul>
-      <div class="pricing-card-footer">
-        {{#if (eq currentPlan 'pro')}}
-        <span class="btn btn-primary btn-block" style="opacity:0.6;cursor:default;">Current Plan</span>
-        {{else}}
-        <form method="POST" action="/dashboard/billing/checkout">
-          <input type="hidden" name="_csrf" value="{{csrfToken}}">
-          <input type="hidden" name="plan" value="pro">
-          <button type="submit" class="btn btn-primary btn-block">Subscribe</button>
-        </form>
-        {{/if}}
-      </div>
-    </article>
-
-    <article class="pricing-card {{#if (eq currentPlan 'team')}}pricing-card--current{{/if}}">
-      <div class="pricing-card-header">
-        <h3 class="pricing-tier-name">Team</h3>
-        <div class="pricing-amount"><span class="pricing-currency">$</span><span class="pricing-value">99</span><span class="pricing-period">/mo</span></div>
-      </div>
-      <ul class="pricing-features">
-        <li>Unlimited MCP servers</li>
-        <li>500,000 browser minutes</li>
-      </ul>
-      <div class="pricing-card-footer">
-        {{#if (eq currentPlan 'team')}}
-        <span class="btn btn-secondary btn-block" style="opacity:0.6;cursor:default;">Current Plan</span>
-        {{else}}
-        <form method="POST" action="/dashboard/billing/checkout">
-          <input type="hidden" name="_csrf" value="{{csrfToken}}">
-          <input type="hidden" name="plan" value="team">
-          <button type="submit" class="btn btn-secondary btn-block">Subscribe</button>
-        </form>
-        {{/if}}
-      </div>
-    </article>
-  </div>
-</div>
-
-{{else}}
-
-<div class="empty-state">
-  <div class="empty-state-icon" aria-hidden="true">
-    <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
-      <rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect>
-      <line x1="1" y1="10" x2="23" y2="10"></line>
-    </svg>
-  </div>
-  <h2>Payments not configured</h2>
-  <p>Stripe payment integration is not set up on this instance. Contact your administrator.</p>
-</div>
-
-{{/if}}

package/dist/cloud/web/templates/pages/dashboard/create.hbs

@@ -1,173 +0,0 @@
-{{> flash-message}}
-
-<div class="dashboard-header">
-  <h1>Deploy New Server</h1>
-</div>
-
-<div class="create-form-wrapper" x-data="createForm()">
-  <form method="POST" action="/dashboard/create" enctype="multipart/form-data"
-        class="create-form"
-        x-ref="form"
-        x-on:submit="submitting = true">
-
-    <input type="hidden" name="_csrf" value="{{csrfToken}}">
-
-    <div class="form-group">
-      <label for="name">Server name <span class="form-hint-inline">(optional)</span></label>
-      <input type="text" id="name" name="name" placeholder="my-api"
-             maxlength="100" autocomplete="off"
-             pattern="[a-zA-Z0-9 _-]*"
-             title="Letters, numbers, hyphens, underscores, and spaces only">
-      <p class="form-hint">A URL-friendly slug will be generated from this name.</p>
-    </div>
-
-    <div class="form-group">
-      <label>Source</label>
-      <div class="source-tabs" role="tablist">
-        <button type="button" role="tab" class="source-tab"
-                :class="{ active: mode === 'file' }"
-                @click="mode = 'file'">Upload file</button>
-        <button type="button" role="tab" class="source-tab"
-                :class="{ active: mode === 'url' }"
-                @click="mode = 'url'">From URL</button>
-      </div>
-
-      <div x-show="mode === 'file'">
-        <p class="form-hint" style="margin-bottom: 0.5rem;">OpenAPI/Swagger spec, HAR recording, or Postman collection.</p>
-        <div class="dropzone"
-             @dragover.prevent="dragging = true"
-             @dragleave.prevent="dragging = false"
-             @drop.prevent="handleDrop($event)"
-             :class="{ 'dropzone-active': dragging }">
-          <input type="file" id="spec" name="spec"
-                 accept=".yaml,.yml,.json,.har"
-                 x-ref="fileInput"
-                 @change="handleFileSelect($event)"
-                 class="dropzone-input">
-          <div class="dropzone-content" x-show="!fileName">
-            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
-              <polyline points="17 8 12 3 7 8"></polyline>
-              <line x1="12" y1="3" x2="12" y2="15"></line>
-            </svg>
-            <p>Drag and drop here, or <span class="dropzone-link">browse</span></p>
-            <p class="form-hint">.yaml, .yml, .json, .har — max 5 MB</p>
-          </div>
-          <div class="dropzone-selected" x-show="fileName" x-cloak>
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
-              <polyline points="14 2 14 8 20 8"></polyline>
-            </svg>
-            <span x-text="fileName"></span>
-            <button type="button" class="dropzone-clear" @click="clearFile()" aria-label="Clear selected file">&times;</button>
-          </div>
-        </div>
-      </div>
-
-      <div x-show="mode === 'url'" x-cloak>
-        <p class="form-hint" style="margin-bottom: 0.5rem;">Paste a URL to an OpenAPI spec or any website.</p>
-        <input type="url" name="source_url"
-               placeholder="https://api.example.com/openapi.yaml"
-               class="form-input" style="width:100%;"
-               x-model="sourceUrl">
-        <div style="margin-top: 0.75rem;">
-          <label for="depth" class="form-label">Crawl depth <span class="form-hint-inline">(for websites)</span></label>
-          <select name="depth" id="depth" class="form-input" style="width: auto;">
-            <option value="1">1 — single page</option>
-            <option value="2" selected>2 — one level deep</option>
-            <option value="3">3 — deep crawl</option>
-          </select>
-        </div>
-        <p class="form-hint" style="margin-top: 0.5rem;">
-          <strong>Spec URL</strong> — fetches and builds<br>
-          <strong>Website URL</strong> — Playwright analyzes the site
-        </p>
-      </div>
-    </div>
-
-    <button type="submit" class="btn btn-primary btn-block"
-            :disabled="submitting || (mode === 'file' && !fileName) || (mode === 'url' && !sourceUrl)">
-      <span x-show="!submitting">Deploy Server</span>
-      <span x-show="submitting" x-cloak>Deploying...</span>
-    </button>
-  </form>
-</div>
-
-<!-- No-JS fallback: show a simple form if Alpine doesn't load -->
-<noscript>
-<div class="create-form-wrapper">
-  <form method="POST" action="/dashboard/create" enctype="multipart/form-data" class="create-form">
-    <input type="hidden" name="_csrf" value="{{csrfToken}}">
-    <div class="form-group">
-      <label for="name-njs">Server name (optional)</label>
-      <input type="text" id="name-njs" name="name" placeholder="my-api" maxlength="100">
-    </div>
-    <div class="form-group">
-      <label for="spec-njs">Upload spec file</label>
-      <input type="file" id="spec-njs" name="spec" accept=".yaml,.yml,.json,.har">
-    </div>
-    <div class="form-group">
-      <label for="url-njs">Or enter a URL</label>
-      <input type="url" id="url-njs" name="source_url" placeholder="https://...">
-    </div>
-    <button type="submit" class="btn btn-primary btn-block">Deploy Server</button>
-  </form>
-</div>
-</noscript>
-
-<style>
-.source-tabs {
-  display: flex;
-  gap: 0;
-  margin-bottom: 0.75rem;
-  border: 1px solid var(--border-color);
-  border-radius: 6px;
-  overflow: hidden;
-}
-.source-tab {
-  flex: 1;
-  padding: 0.5rem 1rem;
-  background: transparent;
-  border: none;
-  color: var(--text-muted);
-  cursor: pointer;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background 0.15s, color 0.15s;
-}
-.source-tab:hover { background: var(--bg-hover); }
-.source-tab.active {
-  background: var(--accent);
-  color: #fff;
-}
-/* Hide Alpine conditional elements until initialized */
-[x-cloak] { display: none !important; }
-</style>
-
-<script>
-function createForm() {
-  return {
-    mode: 'file',
-    dragging: false,
-    fileName: '',
-    sourceUrl: '',
-    submitting: false,
-    handleDrop(event) {
-      this.dragging = false;
-      const files = event.dataTransfer.files;
-      if (files.length > 0) {
-        this.$refs.fileInput.files = files;
-        this.fileName = files[0].name;
-      }
-    },
-    handleFileSelect(event) {
-      const files = event.target.files;
-      this.fileName = files.length > 0 ? files[0].name : '';
-    },
-    clearFile() {
-      this.$refs.fileInput.value = '';
-      this.fileName = '';
-    }
-  };
-}
-</script>

package/dist/cloud/web/templates/pages/dashboard/index.hbs

@@ -1,8 +0,0 @@
-<section class="dashboard-placeholder">
-  <h1>Dashboard</h1>
-  <p>Coming soon. You are signed in as <strong>{{user.email}}</strong>.</p>
-  <form method="POST" action="/logout" style="margin-top: 1.5rem;">
-    <input type="hidden" name="_csrf" value="{{csrfToken}}">
-    <button type="submit" class="btn btn-secondary btn-sm">Sign out</button>
-  </form>
-</section>

package/dist/cloud/web/templates/pages/dashboard/server-detail.hbs

@@ -1,280 +0,0 @@
-{{> flash-message}}
-
-<div class="dashboard-header">
-  <div class="dashboard-header-left">
-    <a href="/dashboard" class="breadcrumb-link">Servers</a>
-    <span class="breadcrumb-sep">/</span>
-    <h1>{{server.slug}}</h1>
-  </div>
-  <div class="dashboard-header-actions">
-    <a href="/dashboard/servers/{{server.slug}}/logs" class="btn btn-sm btn-secondary">Logs</a>
-    <a href="/dashboard/servers/{{server.slug}}/metrics" class="btn btn-sm btn-secondary">Metrics</a>
-    <form method="POST" action="/dashboard/servers/{{server.slug}}/delete"
-          x-data x-on:submit.prevent="if(confirm('Delete server {{server.slug}}? This cannot be undone.')) $el.submit()"
-          style="display:inline;">
-      <input type="hidden" name="_csrf" value="{{csrfToken}}">
-      <button type="submit" class="btn btn-sm btn-danger">Delete</button>
-    </form>
-  </div>
-</div>
-
-<div class="detail-grid">
-  <div class="detail-card">
-    <h3>Status</h3>
-    <div id="server-status"
-         hx-get="/dashboard/servers/{{server.slug}}/_status"
-         hx-trigger="every 5s"
-         hx-swap="innerHTML"
-         aria-live="polite">
-      {{> status-badge status=server.status}}
-    </div>
-  </div>
-
-  <div class="detail-card">
-    <h3>Tools</h3>
-    <p class="detail-value">{{server.toolCount}}</p>
-  </div>
-
-  <div class="detail-card">
-    <h3>Created</h3>
-    <p class="detail-value">{{formatDate server.createdAt}}</p>
-  </div>
-
-  <div class="detail-card">
-    <h3>Last Active</h3>
-    <p class="detail-value">{{formatDate server.lastActiveAt}}</p>
-  </div>
-</div>
-
-<div class="detail-section" x-data="{ copied: false }">
-  <h2>Endpoint</h2>
-  <div class="endpoint-row">
-    <code class="endpoint-url">{{endpoint}}/mcp</code>
-    <button type="button" class="btn btn-sm btn-secondary"
-            x-on:click="navigator.clipboard.writeText('{{endpoint}}/mcp'); copied = true; setTimeout(() => copied = false, 2000)">
-      <span x-show="!copied">Copy</span>
-      <span x-show="copied" x-cloak>Copied</span>
-    </button>
-  </div>
-</div>
-
-{{#if token}}
-<div class="detail-section">
-  <div class="flash-message flash-success">
-    <strong>Your bearer token (shown once):</strong>
-    <div x-data="{ tokenCopied: false }" style="margin-top: 0.5rem;">
-      <code class="token-display">{{token}}</code>
-      <button type="button" class="btn btn-sm btn-secondary" style="margin-left: 0.5rem;"
-              x-on:click="navigator.clipboard.writeText('{{token}}'); tokenCopied = true; setTimeout(() => tokenCopied = false, 2000)">
-        <span x-show="!tokenCopied">Copy</span>
-        <span x-show="tokenCopied" x-cloak>Copied</span>
-      </button>
-    </div>
-    <p class="form-hint" style="margin-top: 0.5rem;">Save this token now. It will not be shown again.</p>
-  </div>
-</div>
-{{/if}}
-
-{{#if isPlaywright}}
-<div class="detail-section">
-  <h2>Browser Sessions</h2>
-  {{#if sessions.length}}
-  <table class="metrics-table">
-    <thead>
-      <tr>
-        <th>Session ID</th>
-        <th>Status</th>
-        <th>Started</th>
-        <th>Last Active</th>
-        <th>Duration</th>
-      </tr>
-    </thead>
-    <tbody>
-      {{#each sessions}}
-      <tr>
-        <td><code>{{sessionId}}</code></td>
-        <td>{{> status-badge status=status}}</td>
-        <td>{{formatDate startedAt}}</td>
-        <td>{{formatDate lastActiveAt}}</td>
-        <td>{{duration}}</td>
-      </tr>
-      {{/each}}
-    </tbody>
-  </table>
-  {{else}}
-  <div class="empty-state">
-    <p>No active browser sessions.</p>
-  </div>
-  {{/if}}
-</div>
-
-<div class="detail-section">
-  <h2>Usage &amp; Billing</h2>
-  <div class="detail-grid">
-    <div class="detail-card">
-      <h3>Browser Minutes Used</h3>
-      <p class="detail-value detail-value-lg">{{usage.minutesUsed}}</p>
-    </div>
-    <div class="detail-card">
-      <h3>Quota Remaining</h3>
-      <p class="detail-value detail-value-lg">{{usage.minutesRemaining}}</p>
-    </div>
-    <div class="detail-card">
-      <h3>Tool Calls</h3>
-      <p class="detail-value detail-value-lg">{{usage.toolCalls}}</p>
-    </div>
-    <div class="detail-card">
-      <h3>Screenshots</h3>
-      <p class="detail-value detail-value-lg">{{usage.screenshots}}</p>
-    </div>
-  </div>
-  <p class="form-hint">Plan: {{usage.plan}} ({{usage.limit}} min/month)</p>
-</div>
-
-{{#if screenshots.length}}
-<div class="detail-section">
-  <h2>Analysis Screenshots</h2>
-  <div class="screenshot-gallery">
-    {{#each screenshots}}
-    <div class="screenshot-card">
-      <img src="data:image/png;base64,{{base64}}" alt="{{pageTitle}}" loading="lazy" style="max-width:100%;border:1px solid var(--border-color);border-radius:4px;">
-      <p class="form-hint" style="margin-top:0.25rem;">{{pageTitle}}</p>
-    </div>
-    {{/each}}
-  </div>
-</div>
-{{/if}}
-
-{{#if changes.length}}
-<div class="detail-section">
-  <h2>Rescan History</h2>
-  <table class="metrics-table">
-    <thead>
-      <tr>
-        <th>Date</th>
-        <th>Change</th>
-        <th>Element</th>
-        <th>Description</th>
-      </tr>
-    </thead>
-    <tbody>
-      {{#each changes}}
-      <tr>
-        <td>{{formatDate timestamp}}</td>
-        <td><span class="status-badge status-{{changeType}}">{{changeType}}</span></td>
-        <td>{{elementType}}: {{elementId}}</td>
-        <td>{{description}}</td>
-      </tr>
-      {{/each}}
-    </tbody>
-  </table>
-</div>
-{{/if}}
-{{/if}}
-
-<div class="detail-section">
-  <h2>Secrets</h2>
-  <p class="form-hint">Encrypted environment variables injected into the container at startup. Values are never shown after saving.</p>
-
-  {{#if secretNames.length}}
-  <table class="metrics-table" style="margin-bottom: 1rem;">
-    <thead>
-      <tr>
-        <th>Name</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
-    <tbody>
-      {{#each secretNames}}
-      <tr>
-        <td><code>{{this}}</code></td>
-        <td>
-          <form method="POST" action="/dashboard/servers/{{../server.slug}}/secrets" style="display:inline;">
-            <input type="hidden" name="_csrf" value="{{../csrfToken}}">
-            <input type="hidden" name="secret_name" value="{{this}}">
-            <input type="password" name="secret_value" placeholder="New value" required style="width:200px;display:inline-block;">
-            <button type="submit" class="btn btn-sm btn-secondary">Re-set</button>
-          </form>
-        </td>
-      </tr>
-      {{/each}}
-    </tbody>
-  </table>
-  {{else}}
-  <p style="margin-bottom: 1rem; color: var(--text-muted);">No secrets configured yet.</p>
-  {{/if}}
-
-  <details>
-    <summary style="cursor:pointer; font-weight:500;">Add a new secret</summary>
-    <form method="POST" action="/dashboard/servers/{{server.slug}}/secrets" style="margin-top: 0.5rem;">
-      <input type="hidden" name="_csrf" value="{{csrfToken}}">
-      <div style="display:flex; gap:0.5rem; align-items:flex-end; flex-wrap:wrap;">
-        <div>
-          <label class="form-label" for="secret_name">Name</label>
-          <input type="text" id="secret_name" name="secret_name" placeholder="API_KEY" required pattern="[A-Za-z_][A-Za-z0-9_]*" class="form-input">
-        </div>
-        <div>
-          <label class="form-label" for="secret_value">Value</label>
-          <input type="password" id="secret_value" name="secret_value" placeholder="sk-..." required class="form-input">
-        </div>
-        <button type="submit" class="btn btn-primary">Save secret</button>
-      </div>
-      <p class="form-hint" style="margin-top:0.25rem;">Name must be a valid env var (letters, digits, underscores). Restart the server to pick up new secrets.</p>
-    </form>
-  </details>
-</div>
-
-<div class="detail-section" x-data="{ activeTab: 'claude' }">
-  <h2>Client Configuration</h2>
-  <div class="config-tabs" role="tablist" aria-label="Client configuration">
-    <button class="config-tab" role="tab" x-bind:class="{ active: activeTab === 'claude' }" x-bind:aria-selected="activeTab === 'claude'" x-on:click="activeTab = 'claude'">Claude Desktop</button>
-    <button class="config-tab" role="tab" x-bind:class="{ active: activeTab === 'cursor' }" x-bind:aria-selected="activeTab === 'cursor'" x-on:click="activeTab = 'cursor'">Cursor</button>
-    <button class="config-tab" role="tab" x-bind:class="{ active: activeTab === 'cli' }" x-bind:aria-selected="activeTab === 'cli'" x-on:click="activeTab = 'cli'">Claude Code</button>
-  </div>
-
-  <div class="config-content" role="tabpanel" x-show="activeTab === 'claude'" x-data="{ c1: false }">
-    <pre><code>{
-  "mcpServers": {
-    "{{server.slug}}": {
-      "url": "{{endpoint}}/mcp",
-      "headers": {
-        "Authorization": "Bearer YOUR_TOKEN"
-      }
-    }
-  }
-}</code></pre>
-    <button type="button" class="btn btn-sm btn-secondary config-copy"
-            x-on:click="navigator.clipboard.writeText(JSON.stringify({mcpServers:{['{{server.slug}}']:{url:'{{endpoint}}/mcp',headers:{Authorization:'Bearer YOUR_TOKEN'}}}},null,2)); c1 = true; setTimeout(() => c1 = false, 2000)">
-      <span x-show="!c1">Copy</span>
-      <span x-show="c1" x-cloak>Copied</span>
-    </button>
-  </div>
-
-  <div class="config-content" role="tabpanel" x-show="activeTab === 'cursor'" x-cloak x-data="{ c2: false }">
-    <pre><code>{
-  "mcpServers": {
-    "{{server.slug}}": {
-      "url": "{{endpoint}}/mcp",
-      "headers": {
-        "Authorization": "Bearer YOUR_TOKEN"
-      }
-    }
-  }
-}</code></pre>
-    <button type="button" class="btn btn-sm btn-secondary config-copy"
-            x-on:click="navigator.clipboard.writeText(JSON.stringify({mcpServers:{['{{server.slug}}']:{url:'{{endpoint}}/mcp',headers:{Authorization:'Bearer YOUR_TOKEN'}}}},null,2)); c2 = true; setTimeout(() => c2 = false, 2000)">
-      <span x-show="!c2">Copy</span>
-      <span x-show="c2" x-cloak>Copied</span>
-    </button>
-  </div>
-
-  <div class="config-content" role="tabpanel" x-show="activeTab === 'cli'" x-cloak x-data="{ c3: false }">
-    <pre><code>claude mcp add {{server.slug}} {{endpoint}}/mcp \
-  --header "Authorization: Bearer YOUR_TOKEN"</code></pre>
-    <button type="button" class="btn btn-sm btn-secondary config-copy"
-            x-on:click="navigator.clipboard.writeText('claude mcp add {{server.slug}} {{endpoint}}/mcp --header \"Authorization: Bearer YOUR_TOKEN\"'); c3 = true; setTimeout(() => c3 = false, 2000)">
-      <span x-show="!c3">Copy</span>
-      <span x-show="c3" x-cloak>Copied</span>
-    </button>
-  </div>
-</div>