@aparte/core 0.13.0 → 0.13.1

package/dist/index.css

@@ -2389,6 +2389,7 @@ aparte-icon {
    */
 
 .aparte-tag {
+  box-sizing: border-box;
   display: inline-flex;
   align-items: center;
   gap: var(--aparte-tag-gap);
@@ -3167,6 +3168,7 @@ aparte-icon {
    reset a button does: no native chrome, full width, cursor and text alignment
    fixed for a header that reads left-to-right of its own toggle icon. */
 .aparte-accordion__header {
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -3296,6 +3298,16 @@ details[open] > .aparte-accordion__header .aparte-accordion__icon {
 }
 
 .aparte-menu__item {
+  /* Its own width plus its own padding, because core is light DOM: a host that
+     never wrote `* { box-sizing: border-box }` is not a broken host, and this rule
+     said `width: 100%` next to a padding. Measured in a frame without a reset: the
+     row came out its parent width PLUS both paddings — 328px inside 308 at one window
+     size — and clipped its last button by the right one. The absolute numbers depend on
+     the window; the 20px of overflow is the padding, whatever the width.
+     Per element, never a `*` selector — the same reason every other box-sizing in
+     these sheets is written on the thing it belongs to. */
+
+  box-sizing: border-box;
   appearance: none;
   -webkit-appearance: none;
   display: flex;
@@ -3592,6 +3604,7 @@ aparte-select[open] .aparte-select-chevron {
 
 /* Search */
 .aparte-select-search {
+    box-sizing: border-box;
     display: block;
     width: 100%;
     padding: var(--aparte-space-4) var(--aparte-space-6);
@@ -4106,6 +4119,7 @@ aparte-chat-bubble {
 }
 
 .aparte-message {
+  box-sizing: border-box;
   display: flex;
   gap: var(--aparte-message-gap);
   padding: var(--aparte-message-padding);
@@ -4542,6 +4556,7 @@ aparte-chat-viewport.aparte-viewport--framework::-webkit-scrollbar-thumb {
 }
 
 .aparte-editor {
+  box-sizing: border-box;
   width: 100%;
   max-height: var(--aparte-input-editor-max-height);
   /* Matches _maxHeight default */
@@ -5948,10 +5963,18 @@ textarea.aparte-elic-text {
   width: var(--aparte-conv-action-btn-size);
   height: var(--aparte-conv-action-btn-size);
   color: var(--aparte-conv-delete-color);
+  /* DECLARED, not out-specified. `.aparte-btn:hover:not(:disabled)` weighs 0,3,0 and
+     `.aparte-conv-item__delete:hover` only 0,2,0, so the recipe won the background and
+     this button's red never applied — while the `color` below DID, because the recipe's
+     hover rule sets no colour. The result was the ink for a solid red fill painted on a
+     neutral surface: 1.17:1 in the light theme, 1.20 in the dark, measured in a browser.
+     The cross was invisible in both. Feeding the recipe its own token is the rule this
+     file's neighbours already follow, and it makes the pair agree again — 3.70 and 4.84,
+     both clear of the 3:1 a graphical object needs. */
+  --aparte-btn-bg-hover: var(--aparte-conv-delete-bg-hover);
 }
 
 .aparte-conv-item__delete:hover {
-  background: var(--aparte-conv-delete-bg-hover);
   color: var(--aparte-conv-delete-color-hover);
 }
 
@@ -5961,10 +5984,12 @@ textarea.aparte-elic-text {
   width: var(--aparte-conv-action-btn-size);
   height: var(--aparte-conv-action-btn-size);
   color: var(--aparte-conv-archive-color, var(--aparte-text-muted));
+  /* Same reason as the delete button above: the recipe out-weighs a plain `:hover` here,
+     so this surface has to be declared as its token or it never applies. */
+  --aparte-btn-bg-hover: var(--aparte-conv-archive-bg-hover, var(--aparte-surface-4, var(--aparte-surface-3)));
 }
 
 .aparte-conv-item__archive:hover {
-  background: var(--aparte-conv-archive-bg-hover, var(--aparte-surface-4, var(--aparte-surface-3)));
   color: var(--aparte-conv-archive-color-hover, var(--aparte-text));
 }
 

package/dist/index.js

@@ -1,5 +1,5 @@
-import { $ as resolveConfig, a4 as subscribeConfigChange, a1 as runWithConfig, p as AparteElicitationAbortError, x as buildApprovalPanel, y as buildElicitationPanel, K as escapeAttr, F as cssEscape, a7 as mergeSegmentUpdate, L as escapeHtml, a8 as writeStreamedMarkdown, O as getSegmentRenderer, P as installDefaultRenderersOnce, s as AparteMessageRepository, a9 as stampSegmentActivity, aa as stampSegmentOnInsert, ab as stampSegmentOnUpdate, ac as renumberSegments, ad as openSegmentIds, ae as isTerminalStatus, af as adoptMessageSegments, Q as isAwaitingReply, W as populateBubbleFromMessage, a6 as uuid, a0 as revokeAttachmentUrls } from "./is-awaiting-reply-DrO_oR32.js";
-import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, q, r, t, u, v, w, z, B, C, D, E, G, H, I, J, M, N, R, S, T, U, V, X, Y, Z, _, a2, a3, a5 } from "./is-awaiting-reply-DrO_oR32.js";
+import { $ as resolveConfig, a4 as subscribeConfigChange, a1 as runWithConfig, p as AparteElicitationAbortError, x as buildApprovalPanel, y as buildElicitationPanel, K as escapeAttr, F as cssEscape, a7 as mergeSegmentUpdate, L as escapeHtml, a8 as writeStreamedMarkdown, O as getSegmentRenderer, P as installDefaultRenderersOnce, s as AparteMessageRepository, a9 as stampSegmentActivity, aa as stampSegmentOnInsert, ab as stampSegmentOnUpdate, ac as renumberSegments, ad as openSegmentIds, ae as isTerminalStatus, af as adoptMessageSegments, Q as isAwaitingReply, W as populateBubbleFromMessage, a6 as uuid, a0 as revokeAttachmentUrls } from "./is-awaiting-reply-CWp1ffHh.js";
+import { A, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, q, r, t, u, v, w, z, B, C, D, E, G, H, I, J, M, N, R, S, T, U, V, X, Y, Z, _, a2, a3, a5 } from "./is-awaiting-reply-CWp1ffHh.js";
 class AparteOption extends HTMLElement {
   static get observedAttributes() {
     return ["value", "disabled", "selected", "data-status"];
@@ -731,11 +731,17 @@ class AparteElicitation extends HTMLElement {
     return new Promise((resolve, reject) => {
       let done = false;
       const slot = {};
+      const focusedBefore = document.activeElement;
       const close = () => {
         if (done) return false;
         done = true;
         this._pending = null;
+        const active = document.activeElement;
+        const focusWasInPanel = active instanceof Node && composer.contains(active);
         composer.hidePanel(slot.token);
+        if (focusWasInPanel && focusedBefore instanceof HTMLElement && focusedBefore.isConnected) {
+          focusedBefore.focus();
+        }
         return true;
       };
       const settle = (result) => {
@@ -2152,6 +2158,8 @@ class AparteChatViewport extends HTMLElement {
   _layoutTransitionMs = 0;
   _repo = new AparteMessageRepository();
   _isAutoScrollEnabled = true;
+  /** The last scroll position we saw, so growth can be told from a gesture. */
+  _lastScrollTop = 0;
   _scrollThreshold = 50;
   /** When true, the next _autoScroll() call uses smooth instead of instant, then resets. */
   _smoothScrollOnce = false;
@@ -2989,6 +2997,7 @@ class AparteChatViewport extends HTMLElement {
         this._scrollToBottom();
       }
       this._recalculateSpacer();
+      this._updateScrollButton();
     });
     const wrapper = this.querySelector(".aparte-messages-wrapper");
     if (this._container) {
@@ -3021,7 +3030,14 @@ class AparteChatViewport extends HTMLElement {
   }
   _handleScroll() {
     if (!this._container) return;
-    this._isAutoScrollEnabled = this._isAtBottom();
+    const top = this._container.scrollTop;
+    const readerWentUp = top < this._lastScrollTop - 1;
+    this._lastScrollTop = top;
+    if (this._isAtBottom()) {
+      this._isAutoScrollEnabled = true;
+    } else if (readerWentUp) {
+      this._isAutoScrollEnabled = false;
+    }
     this._updateScrollButton();
   }
   _scrollToBottom() {