@danxbot/ui 7.8.0 → 7.8.1

package/dist/index.js

@@ -44357,17 +44357,17 @@ function rH({
         className: "mb-2"
       }
     ),
-    e.parts.map((v, S) => /* @__PURE__ */ p(
+    e.parts.map((S, C) => /* @__PURE__ */ p(
       nH,
       {
-        part: v,
+        part: S,
         context: x,
         renderers: t,
         components: n,
         onPreviewFile: l,
         onDownloadFile: c
       },
-      S
+      C
     )),
     e.error && /* @__PURE__ */ P("p", { className: "mt-1.5 flex items-start gap-1.5 text-xs text-danger-text", children: [
       /* @__PURE__ */ p(me, { name: "circle-alert", size: "xs", className: "mt-px shrink-0" }),
@@ -44397,10 +44397,10 @@ function rH({
       }
     );
   const w = () => e.parts.map(
-    (v) => v.type === "text" ? v.text : v.type === "code" ? v.code : ""
+    (S) => S.type === "text" ? S.text : S.type === "code" ? S.code : ""
   ).filter(Boolean).join(`
 
-`);
+`), v = w().length > 0;
   return /* @__PURE__ */ P(
     "article",
     {
@@ -44448,20 +44448,23 @@ function rH({
               children: y
             }
           ),
-          o && o.length > 0 && !e.streaming && /* @__PURE__ */ P(
+          !e.streaming && (v || o && o.length > 0) && /* @__PURE__ */ P(
             "div",
             {
               className: W(
                 "mt-1.5 flex items-center gap-0.5",
                 h && "justify-end",
                 /* Revealed on hover or focus, but ALWAYS present in the DOM and
-                   reachable by keyboard. Hiding them with `display:none` until
-                   hover is the version of this pattern that locks out anyone not
-                   using a mouse. */
-                "opacity-0 transition-[var(--tx-colors),opacity] duration-(--dur-fast) group-hover/message:opacity-100 group-focus-within/message:opacity-100"
+                   reachable by keyboard, and — the point of gating the fade on
+                   `(hover: hover)` rather than applying it unconditionally — a
+                   touch screen reports no hover at all, so hiding-until-hover
+                   there just means hidden. Full opacity is the default; a
+                   pointer that can actually hover is what earns the fade. */
+                "opacity-100 transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
+                "[@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-hover/message:opacity-100 [@media(hover:hover)]:group-focus-within/message:opacity-100"
               ),
               children: [
-                /* @__PURE__ */ p(
+                v && /* @__PURE__ */ p(
                   qv,
                   {
                     action: {
@@ -44481,7 +44484,7 @@ function rH({
                     message: e
                   }
                 ),
-                o.map((v) => /* @__PURE__ */ p(qv, { action: v, message: e }, v.id))
+                o?.map((S) => /* @__PURE__ */ p(qv, { action: S, message: e }, S.id))
               ]
             }
           )