bunnyquery 1.10.1 → 1.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bunnyquery",
-  "version": "1.10.1",
+  "version": "1.10.2",
   "description": "Embeddable BunnyQuery AI chat widget + its framework-agnostic chat engine",
   "main": "bunnyquery.js",
   "exports": {

package/src/engine/link_markup.ts

@@ -77,8 +77,15 @@ export function renderInlineLinkHtml(link: RenderableInlineLink, opts?: InlineLi
 	if (unavailable) cls.push('is-unavailable');
 	if (preview) cls.push('is-image-preview');
 
-	var labelText = (unavailable ? INLINE_LINK_UNAVAILABLE_GLYPH : INLINE_LINK_GLYPH) + ' ' + link.label
-		+ (unavailable ? INLINE_LINK_UNAVAILABLE_SUFFIX : refreshing ? ' (fetching...)' : '');
+	// The glyph is its own element so chat.css can make it an atomic inline: an
+	// underline propagates into every in-flow inline descendant of the anchor and
+	// nothing inside can cancel it, so the ↗ was underlined along with the label
+	// whenever the chip was. The spacing that used to be a literal space is a
+	// margin on the span for the same reason (a space is decorated too).
+	var glyphHtml = '<span class="bq-link-glyph" translate="no">'
+		+ (unavailable ? INLINE_LINK_UNAVAILABLE_GLYPH : INLINE_LINK_GLYPH) + '</span>';
+	var labelHtml = glyphHtml + escapeInlineHtml(link.label
+		+ (unavailable ? INLINE_LINK_UNAVAILABLE_SUFFIX : refreshing ? ' (fetching...)' : ''));
 	var attrs = ['class="' + cls.join(' ') + '"'];
 	// NO href when the file is unavailable. That is what disables the click:
 	// an anchor with no href does not navigate, is not a tab stop and takes the
@@ -99,7 +106,7 @@ export function renderInlineLinkHtml(link: RenderableInlineLink, opts?: InlineLi
 	if (link.remotePath) attrs.push('data-bq-remote-path="' + escapeInlineHtml(link.remotePath) + '"');
 	if (link.fullLabel) attrs.push('data-bq-full-label="' + escapeInlineHtml(link.fullLabel) + '"');
 
-	if (!preview) return '<a ' + attrs.join(' ') + '>' + escapeInlineHtml(labelText) + '</a>';
+	if (!preview) return '<a ' + attrs.join(' ') + '>' + labelHtml + '</a>';
 
 	// NO src attribute. A stored file always classifies as the _expired_.url
 	// placeholder until something mints a real url, so a src written here would be
@@ -127,6 +134,6 @@ export function renderInlineLinkHtml(link: RenderableInlineLink, opts?: InlineLi
 		// dot trail, never the jumping bunny. CSS hides it the moment the <img>
 		// gains a src, so no JS removes DOM and nothing re-parses.
 		'<span class="bq-loader" data-bq-img-loader="1"></span>' +
-		'<span class="bq-img-preview-caption" translate="no">' + escapeInlineHtml(labelText) + '</span>' +
+		'<span class="bq-img-preview-caption" translate="no">' + labelHtml + '</span>' +
 		'</a>';
 }

package/styles/chat.css

@@ -419,6 +419,26 @@
     text-decoration: none;
     cursor: default;
 }
+/* An assistant bubble's chips are emitted by renderInlineLinkHtml INSIDE the
+   v-html `.bq-md` block, where `.bq-md a` below (underline at rest, none on
+   hover -- the prose-link convention) is (0,1,1) and outranks .bq-link-button
+   at (0,1,0). So those chips rendered the exact inverse of the rule above:
+   underlined at rest, underline gone under the pointer, while the same chip on
+   a user bubble (outside .bq-md) behaved. Restate the chip rule at a
+   specificity that wins inside .bq-md, the dead chip included. */
+.bq-md a.bq-link-button { text-decoration: none; }
+.bq-md a.bq-link-button:hover { text-decoration: underline; }
+.bq-md a.bq-link-button.is-unavailable:hover { text-decoration: none; }
+/* The ↗ / ✕ glyph is never underlined, at rest or on hover. Underlines propagate
+   into every in-flow inline descendant and a descendant cannot cancel them, so
+   `text-decoration: none` on the glyph alone does nothing; an atomic inline
+   (inline-block) is exempt, and the spacing is a margin so no decorated space
+   character carries the line up to the glyph. */
+.bq-link-glyph {
+    display: inline-block;
+    text-decoration: none;
+    margin-right: 0.3em;
+}
 
 /* ---- inline image previews ----------------------------------------------*/
 /* The anchor IS the preview: picture on top, the ordinary chip underneath as a