@agentprojectcontext/apx 1.40.1 → 1.41.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentprojectcontext/apx",
-  "version": "1.40.1",
+  "version": "1.41.0",
   "description": "APX — unified CLI + daemon for the Agent Project Context (APC) standard.",
   "publishConfig": {
     "access": "public"

package/src/interfaces/desktop/renderer.js

@@ -210,10 +210,17 @@
 
   function initialCaption(shortcut) {
     const sc = formatShortcut(shortcut);
+    // Empty-idle state has no other affordance to dismiss the floating window
+    // (the session bar's "Cerrar" only shows once a conversation exists, and
+    // the window doesn't auto-hide on blur). Pair the hint with a translucent
+    // "Cerrar ventana" pill in the same glass language so the user can always
+    // close it without hunting for the tray icon.
     $captionSlot.innerHTML = `
       <div class="caption">Mantené <span class="kbd">${sc}</span> para hablar
         <span class="kbd">⌥ /</span> para escribir</div>
+      <button class="cap-pill" id="btn-close-idle" title="Cerrar ventana">${ICON.close()}<span>Cerrar ventana</span></button>
     `;
+    $captionSlot.querySelector("#btn-close-idle")?.addEventListener("click", closeWindow);
   }
 
   // ── Render: capsule center + actions vary by mode ────────────────────────

package/src/interfaces/desktop/style.css

@@ -193,6 +193,27 @@ button { font-family: inherit; }
 }
 [data-theme="dark"] .kbd { color: color-mix(in oklch, var(--accent) 60%, white); }
 
+/* Stack the hint + the close pill, centered, in the empty-idle state.
+   render() toggles this slot's display between "" (→ flex) and "none". */
+#caption-slot { display: flex; flex-direction: column; align-items: center; gap: 7px; }
+
+/* Translucent "Cerrar ventana" pill — same glass language as .caption so the
+   empty-idle state always has a way to dismiss the window. */
+.cap-pill {
+  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
+  font: inherit; font-size: 11px; font-weight: 600; color: rgba(255,255,255,.92);
+  padding: 5px 12px; border-radius: 9px;
+  background: rgba(20,22,32,.28); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
+  border: 1px solid rgba(255,255,255,.14);
+  text-shadow: 0 0.5px 1.5px rgba(0,0,0,.3);
+  transition: transform .14s ease, background .15s ease;
+  animation: captionIn .4s ease both;
+}
+.cap-pill svg { width: 13px; height: 13px; opacity: .9; }
+.cap-pill:hover  { transform: translateY(-1px); background: rgba(20,22,32,.42); }
+.cap-pill:active { transform: scale(.96); }
+[data-theme="dark"] .cap-pill { background: rgba(0,0,0,.34); }
+
 /* ============================================================
    Conversation card
    ============================================================ */