@danxbot/ui 15.33.0 → 15.33.2

package/dist/index.js

@@ -45407,14 +45407,15 @@ function Ej({
     /* Marker for the overlay and visual gates — same reason as the effort
        panel: the popup's own DOM has no selector a probe can name without
        depending on an implementation detail. */
-    /* DX-4067 — `w-72` was a fixed width INSIDE the clamped popup, the pattern DX-4061
-       fixed on DevToolsPopover: in the popup the panel tracks the width it resolved to
-       (`w-full min-w-0`); inline there is no popup to track, so it keeps its own width. */
+    /* DX-4067 — a bare `w-72` is a fixed width inside the clamped popup (the pattern
+       DX-4061 fixed on DevToolsPopover): `max-w-full` keeps the 18rem design width
+       and never exceeds the width the popup resolved to (`w-full` would let a short
+       panel collapse to its content, the popup being shrink-to-fit). */
     /* @__PURE__ */ M(
       "div",
       {
         "data-context-panel": "",
-        className: B("flex flex-col gap-3", s ? "w-72" : "w-full min-w-0", s && c),
+        className: B("flex w-72 max-w-full min-w-0 flex-col gap-3", s && c),
         children: [
           /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
             /* @__PURE__ */ M("div", { className: "flex items-baseline justify-between gap-3", children: [
@@ -48181,7 +48182,7 @@ function fX({
           children: /* @__PURE__ */ d(ro, { name: l.name, src: l.avatarUrl, size: "sm" })
         }
       ),
-      children: /* @__PURE__ */ M("div", { "data-account-menu-panel": "", className: "flex w-full min-w-0 flex-col gap-1", children: [
+      children: /* @__PURE__ */ M("div", { "data-account-menu-panel": "", className: "flex w-72 max-w-full min-w-0 flex-col gap-1", children: [
         /* @__PURE__ */ M("div", { className: "flex items-center gap-3 px-1 pb-3", children: [
           /* @__PURE__ */ d(ro, { name: l.name, src: l.avatarUrl, size: "md" }),
           /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-col", children: [
@@ -54576,9 +54577,14 @@ function TW({ node: e, context: t }) {
     {
       className: B(
         "font-semibold",
-        c ? "whitespace-nowrap text-secondary group-hover:text-primary" : "text-center text-balance",
+        c ? "whitespace-nowrap text-secondary group-hover:text-primary" : "w-max text-center text-balance break-words",
         r ? "text-2xs" : "text-xs",
-        u && "rounded-full border border-(--fw-pill-edge) bg-(--fw-pill) px-2.5 py-0.5 text-(--fw-pill-text) shadow-sm",
+        /* DX-4070: `w-max` + the role's `max-w` makes the label's own width its preferred one, capped, so a node near
+           the plane's edge (whose absolute slot has little room to its right) wraps at word breaks inside the cap instead
+           of squeezing to a letter per line. A pill label wraps to several lines at 72/32 max width. `rounded-full` on a tall box is a radius of
+           half its height, so the wrapped lines' corners poke through the curve; `rounded-xl` is the same full pill on a
+           one-line label (the radius clamps to half the height) and a fixed, text-safe corner on a multi-line one. */
+        u && "rounded-xl border border-(--fw-pill-edge) bg-(--fw-pill) px-3 py-1 text-(--fw-pill-text) shadow-sm",
         a && (r ? "max-w-32" : "max-w-72"),
         n === "ring" && (r ? "max-w-20" : "max-w-32"),
         n === "ring" && !u && (o ? "text-primary" : "text-secondary")