@nevescloud/pip 3.2.1 → 3.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nevescloud/pip",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "description": "Floating assistant bubble + panel + chat runtime. ESM, no build.",
   "type": "module",
   "main": "pip-core.esm.js",

package/pip-core.esm.js

@@ -258,6 +258,19 @@ const CSS = `
 .pip-scroll::-webkit-scrollbar { width: 6px; }
 .pip-scroll::-webkit-scrollbar-track { background: transparent; }
 .pip-scroll::-webkit-scrollbar-thumb { background: var(--pip-border, light-dark(rgba(0,0,0,0.10), rgba(255,255,255,0.12))); border-radius: 3px; }
+/* Backdrop dim while the slash autocomplete is open — Apple-style focus
+   shift (Spotlight, Quick Look). History stays glanceable but visually
+   recedes so the menu is the active surface. */
+.pip-scroll {
+  transition: opacity 140ms ease-out;
+}
+.pip-scroll.is-backdrop {
+  opacity: 0.28;
+  pointer-events: none;
+}
+@media (prefers-reduced-motion: reduce) {
+  .pip-scroll { transition: none; }
+}
 
 .pip-notify {
   font-size: var(--pip-t-caption, 12px);
@@ -2024,7 +2037,8 @@ export function createPip(opts = {}) {
 
   function renderSlashList() {
     slashList.innerHTML = "";
-    if (!slashCurrent.length) { slashList.hidden = true; return; }
+    if (!slashCurrent.length) { slashList.hidden = true; scroll.classList.remove("is-backdrop"); return; }
+    scroll.classList.add("is-backdrop");
     slashCurrent.forEach((item, i) => {
       const li = document.createElement("li");
       li.setAttribute("role", "option");
@@ -2065,6 +2079,7 @@ export function createPip(opts = {}) {
     slashCmdContext = null;
     slashList.hidden = true;
     slashList.innerHTML = "";
+    scroll.classList.remove("is-backdrop");
   }
 
   function updateSlashSuggest() {