@nordsym/apiclaw 1.5.9 → 1.5.11

package/dist/proxy.js.map

@@ -1 +1 @@
-{"version":3,"file":"proxy.js","sourceRoot":"","sources":["../src/proxy.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,0DAA0D,CAAC;AAE9E,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,QAAgB,EAAE,MAAW;IAC3D,MAAM,GAAG,GAAG,GAAG,UAAU,IAAI,QAAQ,EAAE,CAAC;IAExC,2CAA2C;IAC3C,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,EAAE,WAAW,IAAI,QAAQ,WAAW,EAAE,CAAC;IAEjE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAChC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,sBAAsB,EAAE,UAAU;YAClC,oBAAoB,EAAE,QAAQ;YAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM;SAC5C;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;KAC7B,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAuB,CAAC;QAC/G,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,gBAAgB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"proxy.js","sourceRoot":"","sources":["../src/proxy.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,UAAU,GAAG,0DAA0D,CAAC;AAE9E,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,QAAgB,EAAE,MAAW;IAC3D,MAAM,GAAG,GAAG,GAAG,UAAU,IAAI,QAAQ,EAAE,CAAC;IAExC,2CAA2C;IAC3C,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,qBAAqB,EAAE,CAAC;IAC5C,MAAM,UAAU,GAAG,OAAO,EAAE,WAAW,IAAI,QAAQ,WAAW,EAAE,CAAC;IAEjE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;QAChC,MAAM,EAAE,MAAM;QACd,OAAO,EAAE;YACP,cAAc,EAAE,kBAAkB;YAClC,sBAAsB,EAAE,UAAU;YAClC,oBAAoB,EAAE,QAAQ;YAC9B,kBAAkB,EAAE,MAAM,CAAC,MAAM,IAAI,MAAM;SAC5C;QACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;KAC7B,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;QACjB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAuB,CAAC;QAC/G,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,gBAAgB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;AACzB,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC"}

package/email-templates/README.md

@@ -0,0 +1,104 @@
+# APIClaw Email Templates
+
+Official HTML email templates for APIClaw communications.
+
+## Design System
+
+**Brand Colors:**
+- Primary Red: `#ef4444`
+- Background: `#fafafa`
+- Card Background: `#ffffff`
+- Text Primary: `#1a1a1a`
+- Text Secondary: `#4b5563`
+- Text Muted: `#6b7280`
+- Border: `#e5e7eb`
+- Highlight Background: `#fef2f2`
+
+**Typography:**
+- System font stack: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif`
+- Headers: Bold, red (`#ef4444`)
+- Body: Regular, dark gray (`#4b5563`)
+- Code blocks: Monospace, gray background (`#f9fafb`)
+
+**Layout:**
+- Max width: 600px
+- Card style with rounded corners (16px)
+- Subtle shadow and border
+- Responsive padding
+- Center-aligned container
+
+## Templates
+
+### `partnership-template.html`
+**Use for:** Partnership outreach, integration proposals, technical follow-ups
+
+**Variables to replace:**
+- `{{EMAIL_TITLE}}` - Main heading (e.g., "APIClaw × Apideck")
+- `{{EMAIL_SUBTITLE}}` - Subtitle (e.g., "Partnership Follow-up")
+- `{{GREETING}}` - Opening (e.g., "Hi Pratham,")
+- `{{INTRO_TEXT}}` - First paragraph
+- `{{SECTION_X_TITLE}}` - Section headings
+- `{{SECTION_X_CONTENT}}` - Section content (can include HTML lists, paragraphs)
+- `{{HIGHLIGHT_TITLE}}` - Callout box title
+- `{{HIGHLIGHT_TEXT}}` - Callout box content
+- `{{CODE_BLOCK}}` - Technical/code content (optional)
+- `{{CTA_LINK}}` - Button URL
+- `{{CTA_TEXT}}` - Button text
+- `{{CLOSING_TEXT}}` - Closing paragraph
+- `{{FOOTER_TEXT}}` - Footer context (e.g., "APIClaw × Apideck • March 2026")
+
+**Structure:**
+1. Header with logo + title
+2. Greeting + intro
+3. Multiple sections with red headings
+4. Optional highlight box
+5. Optional code block
+6. CTA button
+7. Closing + signature
+8. Footer
+
+## Usage
+
+Send via n8n workflow:
+
+```bash
+curl -s -X POST "https://nordsym.app.n8n.cloud/webhook/symbot-gmail" \
+  -H "Content-Type: application/json" \
+  -d '{
+    "action": "send",
+    "to": "recipient@example.com",
+    "subject": "Subject line",
+    "message": "'"$(cat partnership-template.html | sed 's/{{VAR}}/value/g')"'"
+  }'
+```
+
+Or use `action: "smtp"` for sending from `Symbot@nordsym.com`.
+
+## Design Principles
+
+✅ **DO:**
+- Use light mode (professional, readable)
+- Keep sections scannable
+- Use red for emphasis sparingly
+- Include clear CTA
+- Test in both light and dark mode (email clients auto-convert)
+- Maintain 600px max width for readability
+
+❌ **DON'T:**
+- Use dark mode as default
+- Overuse red color
+- Create walls of text
+- Skip the highlight box for key points
+- Forget mobile responsiveness
+
+## Created
+
+**Date:** 2026-03-24  
+**Design:** Light APIClaw theme matching MoU pages  
+**First use:** Pratham/Apideck partnership follow-up (draft)
+
+## Notes
+
+Design is production-ready. Copy/content templates can be improved iteratively.
+
+Each email should feel like it came from the same visual system as apiclaw.nordsym.com.

package/email-templates/partnership-template.html

@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>APIClaw Email Template</title>
+</head>
+<body style="margin: 0; padding: 0; background-color: #fafafa; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;">
+    <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #fafafa; padding: 40px 20px;">
+        <tr>
+            <td align="center">
+                <!-- Main container -->
+                <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); overflow: hidden; border: 1px solid #e5e7eb;">
+                    
+                    <!-- Header -->
+                    <tr>
+                        <td style="background-color: #ffffff; border-bottom: 1px solid #e5e7eb; padding: 32px; text-align: center;">
+                            <div style="font-size: 28px; font-weight: bold; color: #ef4444; margin-bottom: 16px;">🦞 APIClaw</div>
+                            <h1 style="margin: 0; font-size: 24px; font-weight: bold; color: #1a1a1a;">{{EMAIL_TITLE}}</h1>
+                            <p style="margin: 4px 0 0 0; color: #6b7280; font-size: 14px;">{{EMAIL_SUBTITLE}}</p>
+                            <div style="height: 4px; width: 80px; background-color: #ef4444; margin: 16px auto 0; border-radius: 2px;"></div>
+                        </td>
+                    </tr>
+
+                    <!-- Content -->
+                    <tr>
+                        <td style="padding: 32px;">
+                            <!-- Greeting -->
+                            <p style="margin: 0 0 20px 0; color: #1a1a1a; font-size: 16px; line-height: 1.6;">
+                                {{GREETING}}
+                            </p>
+
+                            <!-- Intro paragraph -->
+                            <p style="margin: 0 0 20px 0; color: #4b5563; font-size: 16px; line-height: 1.6;">
+                                {{INTRO_TEXT}}
+                            </p>
+
+                            <!-- Section 1 -->
+                            <div style="margin: 24px 0;">
+                                <h2 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600; color: #ef4444; border-bottom: 2px solid #f3f4f6; padding-bottom: 8px;">
+                                    {{SECTION_1_TITLE}}
+                                </h2>
+                                {{SECTION_1_CONTENT}}
+                            </div>
+
+                            <!-- Highlight Box (optional) -->
+                            <div style="margin: 24px 0; background-color: #fef2f2; border-left: 4px solid #ef4444; padding: 16px; border-radius: 8px;">
+                                <h3 style="margin: 0 0 8px 0; font-size: 16px; font-weight: 600; color: #ef4444;">
+                                    {{HIGHLIGHT_TITLE}}
+                                </h3>
+                                <p style="margin: 0; color: #4b5563; font-size: 14px; line-height: 1.6;">
+                                    {{HIGHLIGHT_TEXT}}
+                                </p>
+                            </div>
+
+                            <!-- Section 2 -->
+                            <div style="margin: 24px 0;">
+                                <h2 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600; color: #ef4444; border-bottom: 2px solid #f3f4f6; padding-bottom: 8px;">
+                                    {{SECTION_2_TITLE}}
+                                </h2>
+                                {{SECTION_2_CONTENT}}
+                            </div>
+
+                            <!-- Code/Technical Block (optional) -->
+                            <div style="background-color: #f9fafb; padding: 16px; border-radius: 8px; font-family: 'Courier New', monospace; font-size: 13px; color: #374151; line-height: 1.6;">
+                                {{CODE_BLOCK}}
+                            </div>
+
+                            <!-- CTA Button -->
+                            <div style="text-align: center; margin: 32px 0;">
+                                <a href="{{CTA_LINK}}" style="display: inline-block; background-color: #ef4444; color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 600; font-size: 16px; box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);">
+                                    {{CTA_TEXT}}
+                                </a>
+                            </div>
+
+                            <!-- Closing -->
+                            <p style="margin: 24px 0 0 0; color: #4b5563; font-size: 16px; line-height: 1.6;">
+                                {{CLOSING_TEXT}}
+                            </p>
+
+                            <!-- Signature -->
+                            <p style="margin: 20px 0 0 0; color: #4b5563; font-size: 16px; line-height: 1.6;">
+                                Best,<br>
+                                <strong style="color: #1a1a1a;">Gustav Hemmingsson</strong><br>
+                                <span style="color: #6b7280; font-size: 14px;">CEO, NordSym AB</span>
+                            </p>
+                        </td>
+                    </tr>
+
+                    <!-- Footer -->
+                    <tr>
+                        <td style="background-color: #f9fafb; border-top: 1px solid #e5e7eb; padding: 24px; text-align: center;">
+                            <p style="margin: 0 0 8px 0; color: #6b7280; font-size: 13px;">
+                                {{FOOTER_TEXT}}
+                            </p>
+                            <p style="margin: 0; color: #9ca3af; font-size: 12px;">
+                                Questions? Contact <a href="mailto:gustav@nordsym.com" style="color: #ef4444; text-decoration: none;">gustav@nordsym.com</a>
+                            </p>
+                        </td>
+                    </tr>
+
+                </table>
+
+                <!-- Signature -->
+                <div style="margin-top: 32px; text-align: center; color: #9ca3af; font-size: 12px;">
+                    <p style="margin: 0;">NordSym AB (559535-5768) • Sweden</p>
+                    <p style="margin: 4px 0 0 0;">
+                        <a href="https://apiclaw.nordsym.com" style="color: #ef4444; text-decoration: none;">apiclaw.nordsym.com</a> • 
+                        <a href="https://github.com/nordsym/apiclaw" style="color: #ef4444; text-decoration: none;">GitHub</a>
+                    </p>
+                </div>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>

package/landing/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

package/landing/pages/api/discover.ts

@@ -0,0 +1,43 @@
+/**
+ * APIClaw Discovery API - Next.js API Route
+ * GET /api/discover?query=...&agentId=...
+ */
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+// Import from built dist (since we can't easily import TS from parent)
+// For now, return a simple response - we'll implement full logic after verifying deployment
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  // CORS
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  res.setHeader('Access-Control-Allow-Methods', 'GET, OPTIONS');
+  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, X-Agent-Id');
+  
+  if (req.method === 'OPTIONS') {
+    return res.status(200).end();
+  }
+  
+  if (req.method !== 'GET') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+  
+  const { query, agentId, category, maxResults } = req.query;
+  
+  if (!query || typeof query !== 'string') {
+    return res.status(400).json({ error: 'Missing query parameter' });
+  }
+  
+  // TODO: Import actual whitelist + discovery logic
+  // For now, simple passthrough
+  return res.status(200).json({
+    success: true,
+    query,
+    agentId: typeof agentId === 'string' ? agentId : undefined,
+    message: 'APIClaw Discovery API - implementation pending',
+    timestamp: new Date().toISOString(),
+  });
+}

package/landing/pages/api/health.ts

@@ -0,0 +1,20 @@
+/**
+ * APIClaw Health Check - Next.js API Route
+ * GET /api/health
+ */
+
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+  res.setHeader('Access-Control-Allow-Origin', '*');
+  
+  return res.status(200).json({
+    status: 'ok',
+    service: 'apiclaw-http-api',
+    version: '2.0.0',
+    timestamp: new Date().toISOString(),
+  });
+}

package/landing/src/app/api/auth/magic-link/route.ts

@@ -51,7 +51,7 @@ export async function POST(req: NextRequest) {
             </div>
             
             <p style="color: #525252; font-size: 16px; line-height: 1.6; text-align: center;">
-              Click the button below to sign in to your provider dashboard.
+              Click the button below to sign in to your workspace.
             </p>
             
             <div style="text-align: center; margin: 32px 0;">

package/landing/src/app/auth/verify/page.tsx

@@ -22,6 +22,12 @@ interface VerifyResult {
 
 function VerifyContent() {
   const searchParams = useSearchParams();
+  
+  // Handle null searchParams (shouldn't happen in client component, but TypeScript requires it)
+  if (!searchParams) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
+  
   const token = searchParams.get("token");
   const referralCode = searchParams.get("ref"); // Referral code from signup URL
   

package/landing/src/app/dashboard/verify/page.tsx

@@ -8,6 +8,12 @@ import Link from "next/link";
 function VerifyContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
+  
+  // Handle null searchParams
+  if (!searchParams) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
+  
   const token = searchParams.get("token");
 
   const [status, setStatus] = useState<"verifying" | "success" | "error">("verifying");

package/landing/src/app/join/page.tsx

@@ -7,6 +7,12 @@ import { Suspense } from "react";
 function JoinContent() {
   const searchParams = useSearchParams();
   const router = useRouter();
+  
+  // Handle null searchParams
+  if (!searchParams) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
+  
   const refCode = searchParams.get("ref");
 
   useEffect(() => {

package/landing/src/app/layout.tsx

@@ -51,7 +51,7 @@ const schemaOrg = {
       "@type": "WebSite",
       "name": "APIClaw",
       "url": "https://apiclaw.nordsym.com",
-      "description": "Your agent's API encyclopedia. Search by capability, call instantly. 22,392 APIs indexed • 1,636 Open APIs • 18 Direct Call • MCP native"
+      "description": "Your agent's API encyclopedia. Search by capability, call instantly. 22,392 APIs indexed • 1,636 Open APIs • 19 Direct Call • MCP native"
     },
     {
       "@type": "Organization",
@@ -63,7 +63,7 @@ const schemaOrg = {
       "name": "APIClaw",
       "applicationCategory": "DeveloperApplication",
       "operatingSystem": "Web",
-      "description": "The API layer for AI agents. 22,392 APIs indexed, 1,636 Open APIs, 18 Direct Call providers. MCP native.",
+      "description": "The API layer for AI agents. 22,392 APIs indexed, 1,636 Open APIs, 19 Direct Call providers. MCP native.",
       "offers": {
         "@type": "Offer",
         "price": "0",

package/landing/src/app/login/page.tsx

@@ -199,7 +199,7 @@ export default function LoginPage() {
             <p className="text-sm text-[var(--text-muted)]">
               Are you an API provider?{" "}
               <Link href="/providers/dashboard/login" className="text-accent hover:underline">
-                Provider Dashboard
+                Workspace
               </Link>
             </p>
           </div>

package/landing/src/app/mou/[partnerId]/page.tsx

@@ -126,6 +126,12 @@ const mouContent: Record<string, MOUPartner> = {
 
 export default function MOUPage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.partnerId) {
+    return <div className="min-h-screen flex items-center justify-center">Invalid partner ID</div>;
+  }
+  
   const partnerId = params.partnerId as string;
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [isDrawing, setIsDrawing] = useState(false);

package/landing/src/app/page.tsx

@@ -12,11 +12,12 @@ import { useState, useEffect, useRef } from "react";
 import { HeroTabs } from "@/components/HeroTabs";
 import { PhoneDemo } from "@/components/demo";
 import { AITestimonials } from "@/components/AITestimonials";
+import { VideoDemo } from "@/components/VideoDemo";
 
 const stats = [
   { number: statsData.apiCount.toLocaleString(), label: "APIs Indexed", live: true },
   { number: statsData.openApiCount.toLocaleString(), label: "Open APIs", live: true },
-  { number: statsData.directCallCount?.toString() || "19", label: "Direct Call", live: false },
+  { number: "19", label: "Direct Call", live: false },
   { number: (statsData.npmDownloads || 4232).toLocaleString(), label: "Installs", live: false },
   { number: statsData.categoryCount.toString(), label: "Categories", live: false },
 ];
@@ -146,6 +147,7 @@ const terminalLines = [
 const directCallProviders = [
   { name: "Replicate", desc: "1000+ ML models" },
   { name: "OpenRouter", desc: "100+ LLMs" },
+  { name: "APILayer", desc: "14 APIs" },
   { name: "Firecrawl", desc: "Web scraping" },
   { name: "E2B", desc: "Code sandbox" },
   { name: "GitHub", desc: "Repos & Issues" },
@@ -170,22 +172,23 @@ export default function Home() {
   const [waitlistEmail, setWaitlistEmail] = useState("");
   const [waitlistStatus, setWaitlistStatus] = useState<"idle" | "loading" | "success" | "error">("idle");
 
-  const directCallProviders = [
-    // Original 10
-    { name: "Replicate", desc: "Whisper, Stable Diffusion, 1000+ ML models", category: "AI & LLM" },
-    { name: "OpenRouter", desc: "GPT-4, Claude, Llama, 100+ LLMs", category: "AI & LLM" },
+  const directCallProviders: Array<{ name: string; desc: string; category: string; featured?: boolean; apis?: number }> = [
+    // Multi-API providers (top)
+    { name: "APILayer", desc: "Exchange rates, stocks, aviation, PDF, screenshots, email/phone verification, VAT, news, scraping", category: "Multi-API", apis: 14 },
+    { name: "Replicate", desc: "Whisper, Stable Diffusion, Flux, Luma, 1000+ ML models", category: "Multi-API", apis: 1000 },
+    { name: "OpenRouter", desc: "GPT-4, Claude, Llama, Gemini, 100+ LLMs", category: "Multi-API", apis: 100 },
+    // Single-purpose
     { name: "ElevenLabs", desc: "Text-to-speech in 29 languages", category: "Voice & TTS" },
-    { name: "46elks", desc: "SMS in Sweden and globally", category: "SMS & Messaging" },
-    { name: "Twilio", desc: "Enterprise SMS and voice", category: "SMS & Messaging" },
-    { name: "Resend", desc: "Modern email API for developers", category: "Email" },
-    { name: "Brave Search", desc: "Privacy-focused web search", category: "Search" },
-    { name: "Firecrawl", desc: "Web scraping to LLM-ready markdown", category: "Search" },
-    { name: "E2B", desc: "Secure cloud sandboxes for code execution", category: "Code Execution" },
-    { name: "GitHub", desc: "Repos, issues, PRs, and more", category: "Developer Tools" },
-    // New 8
     { name: "Groq", desc: "Ultra-fast LLM inference", category: "AI & LLM" },
     { name: "Deepgram", desc: "Speech-to-text transcription", category: "Voice & TTS" },
+    { name: "Firecrawl", desc: "Web scraping to LLM-ready markdown", category: "Search" },
+    { name: "Brave Search", desc: "Privacy-focused web search", category: "Search" },
     { name: "Serper", desc: "Google search API for AI", category: "Search" },
+    { name: "E2B", desc: "Secure cloud sandboxes for code execution", category: "Code Execution" },
+    { name: "GitHub", desc: "Repos, issues, PRs, and more", category: "Developer Tools" },
+    { name: "Resend", desc: "Modern email API for developers", category: "Email" },
+    { name: "46elks", desc: "SMS in Sweden and globally", category: "SMS & Messaging" },
+    { name: "Twilio", desc: "Enterprise SMS and voice", category: "SMS & Messaging" },
     { name: "Mistral", desc: "Open-weight LLMs from Mistral AI", category: "AI & LLM" },
     { name: "Cohere", desc: "Enterprise NLP and embeddings", category: "AI & LLM" },
     { name: "Together AI", desc: "Open-source model inference", category: "AI & LLM" },
@@ -217,6 +220,7 @@ Voice: ElevenLabs, Deepgram, AssemblyAI
 Search: Brave Search, Serper, Firecrawl
 Code: E2B, GitHub
 Utility: Resend (email), 46elks & Twilio (SMS)
+Multi-API: APILayer (exchange rates, stocks, aviation, PDF, screenshots, verification, VAT, news, scraping — 14 APIs)
 
 Your Tools:
 • call_api(provider, action, params) – Execute immediately (leave auth fields empty – APIClaw handles it)
@@ -587,12 +591,26 @@ Docs: https://apiclaw.nordsym.com/docs`;
             <p className="text-text-muted mb-4">These APIs work through APIClaw's proxy. Your agent calls them without needing API keys.</p>
             <div className="space-y-3">
               {directCallProviders.map((provider, i) => (
-                <div key={i} className="flex items-center justify-between p-3 rounded-xl bg-surface border border-border">
+                <div key={i} className={`flex items-center justify-between p-3 rounded-xl border transition-all ${
+                  provider.featured
+                    ? 'bg-gradient-to-r from-accent/5 to-purple-500/5 border-accent/30 hover:border-accent/50 hover:shadow-[0_0_20px_rgba(0,212,255,0.08)]'
+                    : provider.apis
+                    ? 'bg-surface border-border/80'
+                    : 'bg-surface border-border'
+                }`}>
                   <div>
-                    <div className="font-medium">{provider.name}</div>
+                    <div className="flex items-center gap-2">
+                      <span className="font-medium">{provider.name}</span>
+                      {provider.featured && (
+                        <span className="text-[10px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded bg-accent/20 text-accent">Partner</span>
+                      )}
+                      {provider.apis && (
+                        <span className="text-[10px] font-medium px-1.5 py-0.5 rounded bg-purple-500/20 text-purple-400">{provider.apis >= 1000 ? `${Math.floor(provider.apis/1000)}k+` : `${provider.apis}`} APIs</span>
+                      )}
+                    </div>
                     <div className="text-sm text-text-muted">{provider.desc}</div>
                   </div>
-                  <span className="text-xs px-2 py-1 rounded-full bg-accent/20 text-accent">{provider.category}</span>
+                  <span className="text-xs px-2 py-1 rounded-full bg-accent/20 text-accent flex-shrink-0 ml-3">{provider.category}</span>
                 </div>
               ))}
             </div>
@@ -1029,7 +1047,7 @@ Docs: https://apiclaw.nordsym.com/docs`;
                 </li>
                 <li className="flex items-start gap-3 text-text-secondary text-sm">
                   <Check className="w-5 h-5 text-accent flex-shrink-0 mt-0.5" />
-                  18 Direct Call providers
+                  19 Direct Call providers
                 </li>
                 <li className="flex items-start gap-3 text-text-secondary text-sm">
                   <Check className="w-5 h-5 text-accent flex-shrink-0 mt-0.5" />
@@ -1144,7 +1162,7 @@ Docs: https://apiclaw.nordsym.com/docs`;
               },
               {
                 q: "How do I add my API?",
-                a: "Go to the Provider Dashboard, sign up with your email, and follow the self-service onboarding. Your API will be discoverable by AI agents immediately. Want to become a Direct Call partner? Set that up in the dashboard too."
+                a: "Go to your Workspace, sign up with your email, and follow the self-service onboarding. Your API will be discoverable by AI agents immediately. Want to become a Direct Call partner? Set that up in your Workspace too."
               },
               {
                 q: "What's MCP?",
@@ -1327,6 +1345,9 @@ Docs: https://apiclaw.nordsym.com/docs`;
           </div>
         </div>
       )}
+
+      {/* Video Demo Bubble - Always visible */}
+      <VideoDemo />
     </main>
   );
 }

package/landing/src/app/providers/dashboard/[apiId]/actions/[actionId]/edit/page.tsx

@@ -47,6 +47,12 @@ const PARAM_LOCATIONS = ["body", "query", "path"] as const;
 export default function EditActionPage() {
   const params = useParams();
   const router = useRouter();
+  
+  // Handle null params
+  if (!params || !params.apiId || !params.actionId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
+  
   const apiId = params.apiId as string;
   const actionId = params.actionId as string;
 

package/landing/src/app/providers/dashboard/[apiId]/actions/new/page.tsx

@@ -45,6 +45,11 @@ const PARAM_LOCATIONS = ["body", "query", "path"] as const;
 
 export default function NewActionPage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.apiId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
   const router = useRouter();
   const apiId = params.apiId as string;
 

package/landing/src/app/providers/dashboard/[apiId]/actions/page.tsx

@@ -41,6 +41,11 @@ const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || 'https://brilliant-puff
 
 export default function ActionsPage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.apiId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
   const router = useRouter();
   const apiId = params.apiId as string;
   

package/landing/src/app/providers/dashboard/[apiId]/direct-call/page.tsx

@@ -50,6 +50,11 @@ const authTypes = [
 
 export default function DirectCallSetupPage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.apiId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
   const router = useRouter();
   const apiId = params.apiId as string;
 
@@ -440,7 +445,7 @@ export default function DirectCallSetupPage() {
                 <label className="block text-sm font-medium mb-2">Service Account Key</label>
                 <p className="text-xs text-text-muted mb-3">
                   The API key APIClaw uses to make requests on behalf of your users. 
-                  This is typically a privileged key from your provider dashboard.
+                  This is typically a privileged key from your workspace.
                 </p>
                 <div className="relative">
                   <Key className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-text-muted" />

package/landing/src/app/providers/dashboard/[apiId]/page.tsx

@@ -32,6 +32,11 @@ interface DirectCallConfig {
 
 export default function ApiOverviewPage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.apiId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
   const router = useRouter();
   const apiId = params.apiId as string;
   

package/landing/src/app/providers/dashboard/[apiId]/test/page.tsx

@@ -61,6 +61,11 @@ const methodColors: Record<string, string> = {
 
 export default function TestConsolePage() {
   const params = useParams();
+  
+  // Handle null params
+  if (!params || !params.apiId) {
+    return <div className="min-h-screen flex items-center justify-center">Loading...</div>;
+  }
   const router = useRouter();
   const apiId = params.apiId as string;