@kolbo/mcp 1.77.0 → 1.77.1

package/package.json

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

package/src/apps/theme.js

@@ -144,20 +144,31 @@ body {
 .k-skel.portrait { aspect-ratio: 3 / 4; }
 .k-skel::after {
   content: ''; position: absolute; inset: 0;
+  /* The shimmer covers the WHOLE cell and outlives the skeleton — .k-skel.done
+     only clears its paint, not its box. A pseudo-element hit-tests as its
+     originating element, so every click on a finished cell landed on the cell
+     instead of the media inside it: image cells still worked (their handler is
+     ON the cell), but a <video>'s native controls never saw a single event —
+     play, scrub, volume and fullscreen were all dead. It is decoration; it must
+     never take a click. */
+  pointer-events: none;
   background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.06) 40%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0.06) 60%, transparent 100%);
   background-size: 200% 100%;
   animation: k-sweep 1.6s ease-in-out infinite;
 }
 @keyframes k-sweep { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
 /* Batch grid: per-cell prompt caption + a cell that already finished */
-.k-skel-cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
+/* bottom: 0 puts this exactly where a <video> draws its control bar, so it has
+   to be click-through too — the caption is a label, not a target. The full text
+   stays reachable: the title tooltip moved onto the cell. */
+.k-skel-cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; pointer-events: none;
   padding: 12px 8px 6px; font-size: 10.5px; color: #fff;
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .k-skel.done::after { animation: none; background: none; }
 .k-cell-fill { width: 100%; height: 100%; object-fit: contain; display: block; background: #000; }
 .k-gen-badge {
-  position: absolute; top: 10px; left: 10px; z-index: 2;
+  position: absolute; top: 10px; left: 10px; z-index: 2; pointer-events: none;
   display: inline-flex; align-items: center; gap: 6px;
   padding: 4px 10px; border-radius: 999px;
   background: rgba(0, 0, 0, 0.65); /* no backdrop-filter: nested blur over the

package/src/apps/widgets/generation.js

@@ -586,8 +586,12 @@ function fillBatchCell(sc, i, g) {
   cell.classList.add('done');
   var cap = (sc.prompts && sc.prompts[i])
     ? '<span class="k-skel-cap" title="' + esc(sc.prompts[i]) + '">' + esc(sc.prompts[i]) + '</span>' : '';
+  if (sc.prompts && sc.prompts[i]) cell.title = sc.prompts[i];
+  // The controls attribute is not optional here: this cell is a FINISHED result
+  // the user is meant to watch, and without it the tile was a muted poster with
+  // no way to play, seek or unmute until the whole batch finished and repainted.
   cell.innerHTML = (sc.kind === 'video'
-    ? '<video class="k-cell-fill" src="' + esc(u) + '"' + (r.thumbnail_url ? ' poster="' + esc(r.thumbnail_url) + '"' : '') + ' muted playsinline preload="metadata"></video>'
+    ? '<video class="k-cell-fill" src="' + esc(u) + '"' + (r.thumbnail_url ? ' poster="' + esc(r.thumbnail_url) + '"' : '') + ' controls playsinline preload="metadata"></video>'
     : '<img class="k-cell-fill" src="' + esc(u) + '" alt="">') + cap;
   window.kolbo.notifySize();
 }
@@ -767,7 +771,8 @@ function renderBatchGrid(sc) {
   var shape = items[0].type === 'video' ? 'video' : 'square';
   el('stage').innerHTML = '<div class="k-gen-grid n' + Math.min(items.length, 4) + '">' +
     items.map(function (it, i) {
-      return '<div class="k-skel done ' + shape + '" data-focus="' + i + '">' +
+      return '<div class="k-skel done ' + shape + '" data-focus="' + i + '"' +
+        (it.label ? ' title="' + esc(it.label) + '"' : '') + '>' +
         (it.type === 'video'
           ? '<video class="k-cell-fill" src="' + esc(it.url) + '" controls playsinline preload="metadata"></video>'
           : '<img class="k-cell-fill" src="' + esc(it.url) + '" alt="" loading="lazy" style="cursor:zoom-in">') +
@@ -803,7 +808,8 @@ function renderStatusGrid(sc) {
         // file — the tool only knows a url came back, not what kind it is.
         it.kind = refKind(it.url, 'image');
         var shape = it.kind === 'video' ? 'video' : 'square';
-        return '<div class="k-skel done ' + shape + '" data-focus="' + i + '">' +
+        return '<div class="k-skel done ' + shape + '" data-focus="' + i + '"' +
+          (it.title ? ' title="' + esc(it.title) + '"' : '') + '>' +
           (it.kind === 'video'
             ? '<video class="k-cell-fill" src="' + esc(it.url) + '" controls playsinline preload="metadata"></video>'
             : it.kind === 'audio'