vibespot 1.5.0 → 1.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibespot",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "AI-powered HubSpot CMS landing page builder — vibe coding & React converter",
   "type": "module",
   "bin": {
@@ -20,10 +20,13 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "prepublishOnly": "npm run build",
-    "contact-monitor": "tsx scripts/contact-monitor.ts"
+    "contact-monitor": "tsx scripts/contact-monitor.ts",
+    "docker:publish": "scripts/docker-publish.sh",
+    "docker:publish:multi": "scripts/docker-publish.sh --multi-arch",
+    "docker:smoke": "scripts/docker-publish.sh --smoke --dry-run"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.92.0",
+    "@anthropic-ai/sdk": "^0.96.0",
     "@clack/prompts": "^1.3.0",
     "@codemirror/lang-css": "^6.3.1",
     "@codemirror/lang-html": "^6.4.11",

package/ui/docs/index.html

@@ -1300,20 +1300,60 @@ testimonial carousel, and a minimal footer with social links.</code></pre>
      ============================================================ -->
 <div class="doc-section" id="docker-deployment">
   <h2 id="docker-deployment-heading">Docker Deployment <a href="#docker-deployment" class="doc-anchor">#</a></h2>
-  <p>Run vibeSpot as a containerised service for your team. The Docker image bundles the server, UI, and all dependencies &mdash; just add an AI API key.</p>
+  <p>Run vibeSpot as a containerised service for your team. The Docker image bundles the server, UI, and all dependencies &mdash; just add an AI API key. The image is published to the GitHub Container Registry and is <strong>public</strong>, so no login or repository checkout is required to pull it.</p>
+
+  <pre><code>docker pull ghcr.io/borismichel/vibespot:latest</code></pre>
+  <p>Tags: <code>latest</code> (most recent release), <code>1.5.0</code> / <code>1.5</code> (specific version), <code>main</code> (latest commit, may be unstable). Pin a version for production.</p>
 
   <h3 id="docker-quick-start">Quick Start (LAN / VPN) <a href="#docker-quick-start" class="doc-anchor">#</a></h3>
-  <pre><code>cp .env.example .env
-# Edit .env &mdash; set at least one AI API key (e.g. ANTHROPIC_API_KEY)
-docker compose up -d</code></pre>
-  <p>Open <code>http://&lt;host-ip&gt;:4200</code> in a browser. All AI keys, engine selection, and HubSpot credentials are configured via the <code>.env</code> file &mdash; no interactive setup needed.</p>
+  <p>Run the public image directly &mdash; no repository or compose file needed:</p>
+  <pre><code>docker run -d --name vibespot \
+  -p 4200:4200 \
+  -e VIBESPOT_AI_ENGINE=anthropic-api \
+  -e VIBESPOT_AGENTIC_MODE=true \
+  -e ANTHROPIC_API_KEY=sk-ant-... \
+  -v vibespot-config:/home/vibespot/.vibespot \
+  -v vibespot-themes:/home/vibespot/vibespot-themes \
+  ghcr.io/borismichel/vibespot:latest</code></pre>
+  <p>Open <code>http://&lt;host-ip&gt;:4200</code> in a browser. Swap the engine and key for whichever provider you use. The two volumes keep config and generated themes across restarts.</p>
 
   <h3 id="docker-https">HTTPS with Caddy <a href="#docker-https" class="doc-anchor">#</a></h3>
-  <p>For public or semi-public deployments, activate the Caddy reverse proxy profile. Caddy auto-provisions a TLS certificate from Let&rsquo;s Encrypt.</p>
-  <pre><code>cp .env.example .env
-# Set VIBESPOT_DOMAIN=vibespot.example.com and your AI key
-docker compose --profile https up -d</code></pre>
-  <p>Caddy binds ports 80 and 443. Point your DNS A record at the host, and HTTPS works automatically.</p>
+  <p>For public or semi-public deployments, put a <a href="https://caddyserver.com/" target="_blank">Caddy</a> reverse proxy in front to auto-provision a Let&rsquo;s Encrypt TLS certificate. Save a <code>docker-compose.yml</code> and <code>Caddyfile</code> in a directory, then run <code>docker compose up -d</code>.</p>
+  <pre><code># docker-compose.yml
+services:
+  vibespot:
+    image: ghcr.io/borismichel/vibespot:latest
+    restart: unless-stopped
+    environment:
+      VIBESPOT_AI_ENGINE: anthropic-api
+      VIBESPOT_AGENTIC_MODE: "true"
+      ANTHROPIC_API_KEY: ${ANTHROPIC_API_KEY}
+    volumes:
+      - vibespot-config:/home/vibespot/.vibespot
+      - vibespot-themes:/home/vibespot/vibespot-themes
+    expose: ["4200"]
+  caddy:
+    image: caddy:2-alpine
+    restart: unless-stopped
+    ports: ["80:80", "443:443"]
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile:ro
+      - caddy-data:/data
+    depends_on: [vibespot]
+volumes:
+  vibespot-config:
+  vibespot-themes:
+  caddy-data:</code></pre>
+  <pre><code># Caddyfile (set your real domain)
+vibespot.example.com {
+  @websockets {
+    header Connection *Upgrade*
+    header Upgrade websocket
+  }
+  reverse_proxy @websockets vibespot:4200
+  reverse_proxy vibespot:4200
+}</code></pre>
+  <p>Caddy binds ports 80 and 443. Point your DNS A record at the host, and HTTPS works automatically. The <code>@websockets</code> rule is required &mdash; the chat and generation pipeline run over a persistent WebSocket.</p>
 
   <h3 id="docker-env-vars">Environment Variables <a href="#docker-env-vars" class="doc-anchor">#</a></h3>
   <p>The Docker image reads all configuration from environment variables. The <code>.env.example</code> file documents every option.</p>
@@ -1324,7 +1364,6 @@ docker compose --profile https up -d</code></pre>
     </thead>
     <tbody>
       <tr><td><code>VIBESPOT_PORT</code></td><td><code>4200</code></td><td>Port the server listens on inside the container</td></tr>
-      <tr><td><code>VIBESPOT_DOMAIN</code></td><td>&mdash;</td><td>Public domain for the Caddy HTTPS profile</td></tr>
       <tr><td><code>VIBESPOT_NO_OPEN</code></td><td><code>1</code></td><td>Suppress auto-open browser (set automatically in Docker)</td></tr>
       <tr><td><code>VIBESPOT_AI_ENGINE</code></td><td>&mdash;</td><td>Default engine: <code>anthropic-api</code>, <code>openai-api</code>, <code>gemini-api</code>, <code>langdock-api</code></td></tr>
       <tr><td><code>VIBESPOT_AGENTIC_MODE</code></td><td>&mdash;</td><td>Set <code>true</code> to enable the multi-stage agentic pipeline</td></tr>
@@ -1348,9 +1387,9 @@ docker compose --profile https up -d</code></pre>
       <tr><td><code>vibespot-themes</code></td><td><code>/home/vibespot/vibespot-themes</code></td><td>Generated HubSpot themes</td></tr>
     </tbody>
   </table>
-  <p>To back up:</p>
-  <pre><code>docker compose cp vibespot:/home/vibespot/.vibespot ./backup-config
-docker compose cp vibespot:/home/vibespot/vibespot-themes ./backup-themes</code></pre>
+  <p>Mount the themes volume at exactly <code>/home/vibespot/vibespot-themes</code> &mdash; that is where the app writes generated themes. Without it, themes are lost when the container is recreated. To back up:</p>
+  <pre><code>docker cp vibespot:/home/vibespot/.vibespot ./backup-config
+docker cp vibespot:/home/vibespot/vibespot-themes ./backup-themes</code></pre>
 
   <h3 id="docker-reverse-proxy">Reverse Proxy &amp; Kubernetes <a href="#docker-reverse-proxy" class="doc-anchor">#</a></h3>
   <p>If you already have a reverse proxy (nginx, Traefik, k8s Ingress), skip the Caddy profile and point your proxy at port 4200. Key requirements:</p>
@@ -1360,8 +1399,8 @@ docker compose cp vibespot:/home/vibespot/vibespot-themes ./backup-themes</code>
     <li><strong>No buffering</strong> &mdash; for streaming AI responses, disable proxy buffering.</li>
   </ul>
   <div class="doc-callout doc-callout--tip">
-    <div class="doc-callout__label">&#128214; Full guide</div>
-    <p>For nginx configs, Kubernetes manifests, security considerations, and troubleshooting, see the complete <a href="https://github.com/borismichel/vibespot/blob/main/docs/docker-deployment.md" target="_blank">Docker Deployment Guide</a>.</p>
+    <div class="doc-callout__label">&#9888;&#65039; Single instance &amp; auth</div>
+    <p>vibeSpot keeps active sessions in memory &mdash; run a single instance (no horizontal scaling without sticky sessions). It runs as a non-root user and has <strong>no built-in authentication</strong>. For internet-facing deployments, put an authenticating proxy (OAuth2 Proxy, Authelia, Cloudflare Access) in front. Persistence is filesystem-only on the named volumes &mdash; there is no database to run.</p>
   </div>
 </div>
 

package/ui/settings.js

@@ -156,8 +156,43 @@ function renderAITab(body, data) {
   }
   section.appendChild(selectEl);
 
-  // Model selector
+  // Langdock provider selector — shown only when Langdock is the active engine
   const activeEngine = config.aiEngine || (env.availableEngines.length > 0 ? env.availableEngines[0] : null);
+  const langdockProvider = config.langdockProvider || "anthropic";
+
+  if (activeEngine === "langdock-api") {
+    const providerRow = el("div", "settings__model-row");
+    const providerLabel = el("span", "settings__card-label");
+    providerLabel.textContent = "Provider";
+    providerRow.appendChild(providerLabel);
+
+    const providerSelect = el("select", "settings__model-select");
+    const providers = [
+      { id: "anthropic", label: "Anthropic (Claude)" },
+      { id: "openai", label: "OpenAI (GPT)" },
+      { id: "google", label: "Google (Gemini)" },
+      { id: "mistral", label: "Mistral" },
+    ];
+    for (const p of providers) {
+      const opt = document.createElement("option");
+      opt.value = p.id;
+      opt.textContent = p.label;
+      if (p.id === langdockProvider) opt.selected = true;
+      providerSelect.appendChild(opt);
+    }
+    providerSelect.addEventListener("change", async () => {
+      await fetch("/api/settings", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ langdockProvider: providerSelect.value }),
+      });
+      refreshSettings();
+    });
+    providerRow.appendChild(providerSelect);
+    section.appendChild(providerRow);
+  }
+
+  // Model selector
   if (activeEngine) {
     const modelRow = el("div", "settings__model-row");
     const modelLabel = el("span", "settings__card-label");
@@ -433,7 +468,10 @@ function renderAICapabilitiesSection(activeEngine, config) {
   section.appendChild(desc("Advanced model features. Some are configurable directly; some auto-engage based on the active engine."));
 
   // Engine classification — different engines have different feature surfaces.
-  const isAnthropicAPI = activeEngine === "anthropic-api" || activeEngine === "claude-oauth";
+  // Langdock inherits capabilities from the selected upstream provider.
+  const ldProv = (config.langdockProvider || "anthropic");
+  const isLangdockAnthropic = activeEngine === "langdock-api" && ldProv === "anthropic";
+  const isAnthropicAPI = activeEngine === "anthropic-api" || activeEngine === "claude-oauth" || isLangdockAnthropic;
   const isClaudeCode = activeEngine === "claude-code";
   const isAnthropicAny = isAnthropicAPI || isClaudeCode;
 
@@ -1473,14 +1511,38 @@ function getModelsForEngine(engine) {
         { id: "gpt-5.4-nano", label: "GPT-5.4 Nano" },
         { id: "codex-mini-latest", label: "Codex Mini (latest)" },
       ];
-    case "langdock-api":
-      return [
-        { id: "claude-sonnet-4-6", label: "Claude Sonnet 4.6 (default)" },
-        { id: "claude-opus-4-7", label: "Claude Opus 4.7" },
-        { id: "claude-opus-4-6", label: "Claude Opus 4.6" },
-        { id: "claude-sonnet-4-5", label: "Claude Sonnet 4.5" },
-        { id: "claude-haiku-4-5-20251001", label: "Claude Haiku 4.5" },
-      ];
+    case "langdock-api": {
+      const ldProvider = (settingsData && settingsData.config && settingsData.config.langdockProvider) || "anthropic";
+      const ldModels = {
+        anthropic: [
+          { id: "claude-sonnet-4-6", label: "Claude Sonnet 4.6 (default)" },
+          { id: "claude-opus-4-7", label: "Claude Opus 4.7" },
+          { id: "claude-opus-4-6", label: "Claude Opus 4.6" },
+          { id: "claude-sonnet-4-5", label: "Claude Sonnet 4.5" },
+          { id: "claude-haiku-4-5-20251001", label: "Claude Haiku 4.5" },
+        ],
+        openai: [
+          { id: "gpt-4.1", label: "GPT-4.1 (default)" },
+          { id: "gpt-4.1-mini", label: "GPT-4.1 Mini" },
+          { id: "gpt-4.1-nano", label: "GPT-4.1 Nano" },
+          { id: "gpt-4o", label: "GPT-4o" },
+          { id: "o3-mini", label: "o3 Mini" },
+        ],
+        google: [
+          { id: "gemini-2.5-pro", label: "Gemini 2.5 Pro (default)" },
+          { id: "gemini-2.5-flash", label: "Gemini 2.5 Flash" },
+          { id: "gemini-2.0-flash", label: "Gemini 2.0 Flash" },
+        ],
+        mistral: [
+          { id: "mistral-large-latest", label: "Mistral Large (default)" },
+          { id: "mistral-medium-latest", label: "Mistral Medium" },
+          { id: "mistral-small-latest", label: "Mistral Small" },
+          { id: "codestral-latest", label: "Codestral" },
+          { id: "pixtral-large-latest", label: "Pixtral Large" },
+        ],
+      };
+      return ldModels[ldProvider] || ldModels.anthropic;
+    }
     default:
       return [];
   }
@@ -1495,7 +1557,11 @@ function getCurrentModel(engine, config) {
     case "codex-cli": return config.codexCliModel || "gpt-5.5";
     case "gemini-cli": return config.geminiCliModel || "gemini-2.5-pro";
     case "gemini-api": return config.geminiApiModel || "gemini-2.5-pro";
-    case "langdock-api": return config.langdockApiModel || "claude-sonnet-4-6";
+    case "langdock-api": {
+      if (config.langdockApiModel) return config.langdockApiModel;
+      const defaults = { anthropic: "claude-sonnet-4-6", openai: "gpt-4.1", google: "gemini-2.5-pro", mistral: "mistral-large-latest" };
+      return defaults[config.langdockProvider || "anthropic"] || "claude-sonnet-4-6";
+    }
     default: return null;
   }
 }