@kolbo/mcp 1.75.0 → 1.75.2

package/package.json

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

package/src/apps/widgets/list.js

@@ -15,6 +15,8 @@ const { widgetPage } = require('../html');
  *   title: 'Your Projects',
  *   items: [{
  *     id, title, subtitle,        // main two lines
+ *     thumbnail,                  // optional — real image; falls back to the letter monogram on
+ *                                  // missing/failed load, same idiom as catalog.js model icons
  *     badge,                      // small pill, e.g. role/status ("owner", "default", "shared")
  *     meta,                       // small trailing text, e.g. a date or count
  *     open_url,                   // optional — renders an "Open" button (openLink)
@@ -71,8 +73,11 @@ function apply(result) {
 
 function itemHTML(item, i) {
   var clickable = !!item.use_hint;
+  var avatar = item.thumbnail
+    ? '<img class="k-audio-art" src="' + esc(item.thumbnail) + '" alt="" loading="lazy" onerror="this.outerHTML=monogram(\\'' + esc(item.title || '?').replace(/'/g, '') + '\\')">'
+    : monogram(item.title || '?');
   return '<div class="k-audio-row" data-i="' + i + '"' + (clickable ? ' style="cursor:pointer"' : '') + '>' +
-    monogram(item.title || '?') +
+    avatar +
     '<div class="k-audio-meta"><div class="k-audio-title">' + esc(item.title || '') + '</div>' +
     (item.subtitle ? '<div class="k-audio-sub">' + esc(item.subtitle) + '</div>' : '') + '</div>' +
     (item.badge ? '<span class="k-chip" style="flex:none">' + esc(item.badge) + '</span>' : '') +

package/src/apps/widgets/mediaGrid.js

@@ -54,6 +54,16 @@ function boot(sc) {
   if (audioItems.length) {
     h += audioItems.slice(0, 12).map(audioRowHTML).join('');
   }
+  // Only a fixed page ever renders here (24 visual + 12 audio) — with a library
+  // in the thousands there was no way to reach the rest short of asking in
+  // chat. A visible "Load more" turns that into one click; it sends a message
+  // rather than calling the tool directly, since the widget has no host API
+  // to invoke a tool itself — same mechanism every other "Use" action here uses.
+  var shown = visualItems.length + audioItems.length;
+  if (sc.total != null && sc.total > shown) {
+    h += '<button class="k-btn" id="load-more" style="width:100%;margin-top:10px">Load more (' +
+      shown + ' of ' + sc.total + ' shown)</button>';
+  }
   el('stage').innerHTML = h;
   el('stage').classList.remove('k-empty');
   wire();
@@ -78,6 +88,11 @@ function cellHTML(item, i) {
     '</div>' +
     '<div class="k-cell-label">' + esc(item.title || '') + '</div>' +
     (item.subtitle ? '<div class="k-cell-sub">' + esc(item.subtitle) + '</div>' : '') +
+    // Clicking the cell itself already sends the use_hint (see wire()), but that
+    // wasn't discoverable — nothing on the tile signalled it was clickable. A
+    // visible button makes the affordance obvious, same reasoning as the audio
+    // rows' explicit "Use" button.
+    '<button class="k-btn" data-use="' + idx + '" style="margin:0 8px 8px;width:calc(100% - 16px)">Use</button>' +
     '</div>';
 }
 
@@ -121,6 +136,13 @@ function wire() {
       holder.querySelector('video').onclick = function (ev) { ev.stopPropagation(); };
     };
   });
+  var loadMore = el('load-more');
+  if (loadMore) {
+    loadMore.onclick = function () {
+      window.kolbo.sendMessage('Show me the next page of this same media search (already saw ' +
+        (state.items.length) + ' of ' + state.total + ' results).');
+    };
+  }
 }
 
 function useItem(i) {

package/src/tools/projects.js

@@ -32,6 +32,7 @@ function registerProjectTools(server, client) {
         role: p.role,
         is_default: !!p.is_default,
         is_archived: !!p.is_archived,
+        thumbnail_url: p.thumbnail_url || null,
         open_url: buildProjectUrl(p.id, { is_default: !!p.is_default })
       }));
       const text = JSON.stringify({
@@ -48,6 +49,7 @@ function registerProjectTools(server, client) {
           id: p.id,
           title: p.name,
           subtitle: p.role + (p.is_default ? ' · default' : '') + (p.is_archived ? ' · archived' : ''),
+          thumbnail: p.thumbnail_url,
           open_url: p.open_url,
           use_hint: 'Use my "{TITLE}" project (project_id: {ID}) for what I do next.'
         })),