@flytedan/flytebot-design-system 0.12.12 → 0.12.13

package/dist/index.js

@@ -568,6 +568,11 @@ function SegmentedControl({ options = [], value, onChange, className = "", ...re
   }) });
 }
 
+// src/components/textExposure.ts
+function truncationTitle(content) {
+  return typeof content === "string" || typeof content === "number" ? String(content) : void 0;
+}
+
 // src/components/surfaces/Card.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function Card({
@@ -589,7 +594,7 @@ function Card({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs4("div", { className: cls, ...rest, children: [
     title ? /* @__PURE__ */ jsxs4("div", { className: "fd-card-head", children: [
-      /* @__PURE__ */ jsx5("span", { className: "fd-card-head-title", children: title }),
+      /* @__PURE__ */ jsx5("span", { className: "fd-card-head-title", title: truncationTitle(title), children: title }),
       action
     ] }) : null,
     padded ? /* @__PURE__ */ jsx5("div", { className: "fd-card-body", children }) : children,
@@ -665,7 +670,7 @@ function Drawer({ open = true, title, onClose, footer, children, className = "",
       /* @__PURE__ */ jsx7("div", { className: "fd-scrim" + (closing ? " is-closing" : ""), style: { display: "block", zIndex: zIndex - LAYER_STEP }, onClick: close }),
       /* @__PURE__ */ jsxs6("aside", { className: ["fd-drawer", closing ? "is-closing" : "", className].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", ...rest, style: { zIndex }, children: [
         /* @__PURE__ */ jsxs6("div", { className: "fd-card-head", style: { flex: "none" }, children: [
-          /* @__PURE__ */ jsx7("span", { className: "fd-card-head-title", children: title }),
+          /* @__PURE__ */ jsx7("span", { className: "fd-card-head-title", title: truncationTitle(title), children: title }),
           onClose ? /* @__PURE__ */ jsx7("button", { type: "button", className: "fd-btn-icon", "aria-label": "Close", onClick: close, children: /* @__PURE__ */ jsx7("i", { className: "ph ph-x" }) }) : null
         ] }),
         /* @__PURE__ */ jsx7("div", { style: { flex: "1 1 auto", minHeight: 0, overflow: "auto", padding: 20 }, children }),
@@ -947,7 +952,12 @@ function Topbar({
     onMenu ? /* @__PURE__ */ jsx16("button", { type: "button", className: "fd-btn-icon", "aria-label": "Menu", onClick: onMenu, children: /* @__PURE__ */ jsx16("i", { className: "ph ph-list" }) }) : null,
     /* @__PURE__ */ jsx16("nav", { className: "fd-crumb", "aria-label": "Breadcrumb", children: crumbs.map((c, i) => /* @__PURE__ */ jsxs13(React6.Fragment, { children: [
       i > 0 ? /* @__PURE__ */ jsx16("i", { className: "ph ph-caret-right", style: { fontSize: 11, opacity: 0.6 }, "aria-hidden": "true" }) : null,
-      i === crumbs.length - 1 ? /* @__PURE__ */ jsx16("span", { className: "fd-crumb-current", children: c.label }) : /* @__PURE__ */ jsx16(
+      i === crumbs.length - 1 ? (
+        // MP-141: the current crumb mixes a static route label with (usually) a
+        // user-entered campaign name and is single-line by design — exposure,
+        // not wrapping, is the fix here, same rule as every other identifier.
+        /* @__PURE__ */ jsx16("span", { className: "fd-crumb-current", title: truncationTitle(c.label), children: c.label })
+      ) : /* @__PURE__ */ jsx16(
         "a",
         {
           href: c.href || "#",
@@ -2542,12 +2552,12 @@ function SegmentedMeter({
     legend ? /* @__PURE__ */ jsxs31("ul", { className: "fd-segmeter-legend", children: [
       items.map((s, i) => /* @__PURE__ */ jsxs31("li", { children: [
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-dot", style: { background: fill(s, i) }, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", children: s.label }),
+        /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", title: truncationTitle(s.label), children: s.label }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-val fd-tabular", children: format(s.value) })
       ] }, s.id || s.label || i)),
       safeTotal && used < safeTotal ? /* @__PURE__ */ jsxs31("li", { className: "is-remainder", children: [
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-dot is-empty", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", children: remainderLabel }),
+        /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-key", title: truncationTitle(remainderLabel), children: remainderLabel }),
         /* @__PURE__ */ jsx34("span", { className: "fd-segmeter-val fd-tabular", children: format(safeTotal - used) })
       ] }) : null
     ] }) : null
@@ -2989,7 +2999,11 @@ function EntityRow({
                   /* @__PURE__ */ jsx39("span", { className: "fd-erow-title fd-body-sm", children: title })
                 ]
               }
-            ) }) : /* @__PURE__ */ jsx39("span", { className: "fd-erow-title fd-body-sm", children: title }),
+            ) }) : (
+              // MP-141: dense-row identifier, no Tooltip wrapper in this branch — a native
+              // `title` is the exposure mechanism, same rule as every other identifier.
+              /* @__PURE__ */ jsx39("span", { className: "fd-erow-title fd-body-sm", title: truncationTitle(title), children: title })
+            ),
             meta ? /* @__PURE__ */ jsx39("span", { className: "fd-erow-meta", children: meta }) : null
           ] }),
           hasStrip ? /* @__PURE__ */ jsxs36("span", { className: "fd-erow-strip", children: [