@kolbo/mcp 1.30.7 → 1.30.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolbo/mcp",
-  "version": "1.30.7",
+  "version": "1.30.9",
   "description": "Kolbo AI MCP Server - Generate images, videos, music, speech, and sound effects from Claude Code",
   "main": "src/index.js",
   "bin": {

package/src/apps/html.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const { BRIDGE_JS } = require('./bridge');
-const { KOLBO_CSS, KOLBO_LOGO_SVG } = require('./theme');
+const { KOLBO_CSS, KOLBO_LOGO_SVG, KOLBO_LOGO_IMG } = require('./theme');
 
 /**
  * Assemble a self-contained widget page. No build step — each widget module
@@ -25,7 +25,8 @@ ${body}
 <script>${BRIDGE_JS}</script>
 <script>
 // ---- shared widget runtime ----
-var KOLBO_LOGO = ${JSON.stringify(KOLBO_LOGO_SVG)};
+var KOLBO_LOGO_FALLBACK = ${JSON.stringify(KOLBO_LOGO_SVG)};
+var KOLBO_LOGO = ${JSON.stringify(KOLBO_LOGO_IMG)};
 function esc(s) {
   return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
     return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];

package/src/apps/index.js

@@ -140,19 +140,19 @@ const infoCache = new Map(); // apiBase → { at, byKey: Map<lowername, {icon, e
 
 /**
  * Resolve a Model.avatar value to an absolute URL. Avatars are bare filenames
- * (sometimes with spaces) living in the BACKEND's public assets folder —
- * `<api origin>/assets/<file>`. Do NOT use app.kolbo.ai for this: it's the SPA,
- * whose catch-all returns 200 text/html for any missing file, which renders as
- * a broken image in widgets.
+ * (sometimes with spaces). They're mirrored from kolbo-api/assets to the
+ * public DO Spaces CDN by kolbo-api scripts/infra/upload-model-icons-cdn.js —
+ * the CDN is the ONLY host that reliably loads inside claude.ai's sandboxed
+ * widget iframes (api.kolbo.ai sits behind Cloudflare bot rules that block
+ * sandbox image requests; app.kolbo.ai is the SPA whose catch-all returns
+ * 200 text/html for missing files).
  */
-function resolveAvatarUrl(avatar, apiBase) {
+const ICON_CDN_BASE = 'https://kolbo-general-media.fra1.cdn.digitaloceanspaces.com/models_icons';
+
+function resolveAvatarUrl(avatar) {
   if (!avatar) return null;
   if (/^https?:\/\//i.test(avatar)) return avatar;
-  let origin = 'https://api.kolbo.ai';
-  try {
-    origin = new URL(apiBase || 'https://api.kolbo.ai/api').origin;
-  } catch (_) { /* keep default */ }
-  return `${origin}/assets/${encodeURIComponent(avatar)}`;
+  return `${ICON_CDN_BASE}/${encodeURIComponent(avatar)}`;
 }
 
 async function modelInfoMap(client) {

package/src/apps/theme.js

@@ -115,7 +115,7 @@ body {
 .k-skel {
   position: relative; border-radius: 10px; overflow: hidden;
   background: var(--surface-2); border: 1px solid var(--border);
-  min-height: 120px;
+  min-height: 120px; max-height: 300px;
 }
 .k-skel.video { aspect-ratio: 16 / 9; }
 .k-skel.square { aspect-ratio: 1; }
@@ -157,9 +157,13 @@ body {
 .k-media img, .k-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
 .k-media.selected { outline: 2px solid var(--brand); outline-offset: 1px; }
 
+/* Keep the whole completed card under the host's iframe height cap (~800px):
+   header + prompt + chips + viewer + thumbs + actions + footer must all fit,
+   or claude.ai adds an inner scrollbar. Click the image to open it full-size. */
 .k-viewer { margin-bottom: 10px; }
-.k-viewer img, .k-viewer video { display: block; width: 100%; max-height: 480px; object-fit: contain;
-  border-radius: 12px; background: #000; border: 1px solid var(--border); }
+.k-viewer img, .k-viewer video { display: block; width: 100%; max-height: 340px; object-fit: contain;
+  border-radius: 12px; background: #000; border: 1px solid var(--border); cursor: zoom-in; }
+.k-viewer video { cursor: default; }
 .k-thumbs { display: flex; gap: 6px; margin: 10px 0 2px; }
 .k-thumbs .k-thumb { width: 48px; height: 48px; border-radius: 8px; overflow: hidden; cursor: pointer;
   border: 2px solid transparent; opacity: 0.75; transition: all 150ms var(--smooth); flex: none; }
@@ -241,7 +245,11 @@ body {
 .k-credits { margin-left: auto; font-family: 'JetBrains Mono', monospace; }
 `;
 
-/** Kolbo mark (simplified inline SVG, brand blue). */
+/**
+ * Kolbo mark — the real app icon from the CDN (the host CSP allows it), with
+ * the simplified inline SVG only as the onerror fallback.
+ */
 const KOLBO_LOGO_SVG = `<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="6" fill="#3b82f6"/><path d="M7 5.5v13M7 12l6.5-6.5M7 12l7 6.5" stroke="#fff" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`;
+const KOLBO_LOGO_IMG = `<img src="https://kolbo-general-media.fra1.cdn.digitaloceanspaces.com/models_icons/kolbo-ai.png" alt="Kolbo" style="width:18px;height:18px;border-radius:5px;display:block" onerror="this.outerHTML=KOLBO_LOGO_FALLBACK">`;
 
-module.exports = { KOLBO_CSS, KOLBO_LOGO_SVG };
+module.exports = { KOLBO_CSS, KOLBO_LOGO_SVG, KOLBO_LOGO_IMG };

package/src/apps/widgets/generation.js

@@ -173,6 +173,11 @@ function renderImages(sc, urls) {
   // instead of a broken empty viewer.
   var viewer = '<div class="k-viewer"><img id="main-img" src="' + esc(urls[selected]) + '" alt="" onerror="window.__imgFail && window.__imgFail()"></div>';
   window.__imgFail = function () { renderLinks(urls); window.kolbo.notifySize(); };
+  // Constrained viewer → click opens the original full-size.
+  setTimeout(function () {
+    var img = el('main-img');
+    if (img) img.onclick = function () { window.kolbo.openLink(state.urls[selected]); };
+  }, 0);
   var thumbs = '';
   if (urls.length > 1) {
     thumbs = '<div class="k-thumbs">' + urls.map(function (u, i) {

package/src/tools/models.js

@@ -4,7 +4,7 @@
  * new OPTIONAL args only. Full rules: ../index.js top-of-file and CLAUDE.md. */
 
 const { z } = require('zod');
-const { UI, uiResult, appsEnabled } = require('../apps');
+const { UI, uiResult, appsEnabled, resolveAvatarUrl } = require('../apps');
 
 // type name → human group label for the catalog widget
 const TYPE_GROUPS = {
@@ -73,9 +73,7 @@ function buildCatalogStructured(models, type) {
     if (g.models.length >= 6) continue; // curated cap — full list lives in the text payload
     g.models.push({
       name: m.name,
-      icon: m.avatar
-        ? (/^https?:\/\//i.test(m.avatar) ? m.avatar : `https://app.kolbo.ai/models_icons/${m.avatar}`)
-        : null,
+      icon: resolveAvatarUrl(m.avatar),
       description: String(m.smartSelect_StrengthsSummary || m.summary || m.description || '').slice(0, 90),
       chips: modelChips(m),
       use_hint: `Generate with the "${m.name}" model — ask me what I want to create first.`,