@webmcp-auto-ui/ui 2.5.10 → 2.5.11

package/README.md

@@ -66,7 +66,7 @@ Requires Svelte 5 and Tailwind CSS.
 <StatCard spec={{ label: 'Users', value: '8 204', variant: 'success', delta: '+3.2%' }} />
 ```
 
-Each component accepts a `spec` prop (rich widgets) or `data` prop (simple blocks). See the showcase2 app at `:3010` for all components with live data.
+Each component accepts a `spec` prop (rich widgets) or `data` prop (simple blocks). See the showcase app at `:3010` for all components with live data.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webmcp-auto-ui/ui",
-  "version": "2.5.10",
+  "version": "2.5.11",
   "description": "Svelte 5 UI components — primitives, widgets, window manager",
   "license": "AGPL-3.0-or-later",
   "type": "module",

package/src/agent/SettingsPanel.svelte

@@ -236,7 +236,7 @@
     {/if}
   </section>
 
-  <!-- Cache (disabled for WASM/Gemma — prompt caching is Anthropic API only) -->
+  <!-- Cache (disabled for WASM/Gemma — prompt caching is provider-dependent) -->
   <label class="flex items-center gap-2.5 select-none" class:cursor-pointer={modelType !== 'wasm'} class:opacity-40={modelType === 'wasm'}>
     <input
       type="checkbox"
@@ -246,7 +246,7 @@
     />
     <span class="text-xs font-mono text-text1">Prompt caching</span>
     {#if modelType === 'wasm'}
-      <span class="text-[10px] font-mono text-text2/50 ml-auto">Anthropic API only</span>
+      <span class="text-[10px] font-mono text-text2/50 ml-auto">remote API only</span>
     {:else}
       <span class="text-[10px] font-mono text-text2 ml-auto">saves ~80% tokens</span>
     {/if}

package/src/widgets/rich/Carousel.svelte

@@ -14,12 +14,12 @@
   let current = $state(0);
   let timer: ReturnType<typeof setInterval> | null = null;
 
-  function goTo(i: number) {
+  function goTo(i: number, userInitiated = false) {
     current = Math.max(0, Math.min(i, slides.length - 1));
-    onslidechange?.(slides[current], current);
+    if (userInitiated) onslidechange?.(slides[current], current);
     resetAuto();
   }
-  function prev() { goTo(current > 0 ? current - 1 : slides.length - 1); }
+  function prev() { goTo(current > 0 ? current - 1 : slides.length - 1, true); }
   function next() { goTo(current < slides.length - 1 ? current + 1 : 0); }
 
   function resetAuto() {
@@ -72,7 +72,7 @@
 
       {#if slides.length > 1}
         <button class="absolute left-2 top-1/2 -translate-y-1/2 w-7 h-7 rounded-full bg-black/40 text-white flex items-center justify-center hover:bg-black/60 text-sm" onclick={prev}>&lsaquo;</button>
-        <button class="absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 rounded-full bg-black/40 text-white flex items-center justify-center hover:bg-black/60 text-sm" onclick={next}>&rsaquo;</button>
+        <button class="absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 rounded-full bg-black/40 text-white flex items-center justify-center hover:bg-black/60 text-sm" onclick={() => goTo(current < slides.length - 1 ? current + 1 : 0, true)}>&rsaquo;</button>
       {/if}
     </div>
 
@@ -80,7 +80,7 @@
       <div class="flex justify-center gap-1.5 mt-2">
         {#each slides as _, i}
           <button class="w-2 h-2 rounded-full transition-colors {i === current ? 'bg-accent' : 'bg-border2'}"
-            onclick={() => goTo(i)}></button>
+            onclick={() => goTo(i, true)}></button>
         {/each}
       </div>
     {/if}