@ai-matrx/design-system 0.86.356 → 0.86.358

package/dist/data-table/uuid-cell.js

@@ -3,16 +3,17 @@ import "../chunk-QFP4BUKZ.js";
 import {
   RecordId,
   shortUuid
-} from "../chunk-U46XUQI7.js";
-import "../chunk-6XNYYROM.js";
+} from "../chunk-KSCSH7AO.js";
+import "../chunk-WVEDW5VO.js";
 import "../chunk-BD77DHUO.js";
 import "../chunk-BKCJUFD3.js";
 import "../chunk-PIQJULQB.js";
 import "../chunk-MOZRIHJF.js";
-import "../chunk-X6ZRHJQP.js";
+import "../chunk-T57DLONB.js";
 import "../chunk-BNXNIN2S.js";
+import "../chunk-HS6GMHKZ.js";
 import "../chunk-ORXB4A5E.js";
-import "../chunk-POJ3RR3K.js";
+import "../chunk-B5D3VIMC.js";
 import "../chunk-4JAYMFQO.js";
 import "../chunk-WFITMVDB.js";
 import "../chunk-WAT2XW7L.js";

package/dist/desktop.cjs

@@ -3896,7 +3896,7 @@ var DropdownMenuSubTrigger = React25.forwardRef(({ className, inset, children, .
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
 var DropdownMenuSubContent = React25.forwardRef(({ className, container, surface = "default", sideOffset = 2, alignOffset = -4, collisionPadding, onFocusOutside, children, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [bottomClearance] = React25.useState(readBottomClearance);
+  const [bottomClearance] = React25.useState(sharedBottomClearance);
   const padding = menuCollisionPadding(collisionPadding ?? 8, 0, bottomClearance);
   const nested = useNestedSubmenuPlacement(ref, padding);
   const keep = useSubmenuSurvivesParentPanelFocus(nested.ref, onFocusOutside);
@@ -3918,18 +3918,27 @@ var DropdownMenuSubContent = React25.forwardRef(({ className, container, surface
   ) });
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-function readTopClearance() {
-  return readClearance("var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))");
-}
-function readBottomClearance() {
-  return readClearance("var(--matrx-floating-clearance, 0px)");
-}
 function menuCollisionPadding(caller, top, bottom, fallback = 0) {
   const side = (key2) => typeof caller === "number" ? caller : caller?.[key2] ?? fallback;
   return { top: Math.max(side("top"), top), right: side("right"), bottom: Math.max(side("bottom"), bottom), left: side("left") };
 }
-function readClearance(height) {
+var CLEARANCE_REUSE_MS = 500;
+var clearanceCache = /* @__PURE__ */ new Map();
+var clock = () => typeof performance !== "undefined" ? performance.now() : Date.now();
+function readClearance(height, shared = false) {
   if (typeof document === "undefined") return 0;
+  const now = clock();
+  const held = shared ? clearanceCache.get(height) : void 0;
+  if (held && now - held.at < CLEARANCE_REUSE_MS) return held.px;
+  const px = measureClearance(height);
+  clearanceCache.set(height, { px, at: now });
+  return px;
+}
+var TOP_CLEARANCE = "var(--matrx-floating-top-clearance, var(--shell-header-h, 0px))";
+var BOTTOM_CLEARANCE = "var(--matrx-floating-clearance, 0px)";
+var sharedTopClearance = () => readClearance(TOP_CLEARANCE, true);
+var sharedBottomClearance = () => readClearance(BOTTOM_CLEARANCE, true);
+function measureClearance(height) {
   const probe = document.createElement("div");
   probe.style.cssText = `position:fixed;top:0;left:0;width:0;visibility:hidden;pointer-events:none;height:${height}`;
   document.body.appendChild(probe);
@@ -3939,8 +3948,8 @@ function readClearance(height) {
 }
 var DropdownMenuContent = React25.forwardRef(({ className, sideOffset = 4, container, surface = "default", children, onCloseAutoFocus, collisionPadding, ...props }, ref) => {
   const portalContainer = usePortalContainer(container);
-  const [topClearance] = React25.useState(readTopClearance);
-  const [bottomClearance] = React25.useState(readBottomClearance);
+  const [topClearance] = React25.useState(sharedTopClearance);
+  const [bottomClearance] = React25.useState(sharedBottomClearance);
   const edges = useMenuScrollEdges(ref);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     DropdownMenuPrimitive.Content,
@@ -5478,6 +5487,16 @@ function errorSentenceOf(error) {
 }
 var TIMED_OUT_SENTENCE = "That took too long. Nothing was lost; try again.";
 var FALLBACK_ERROR_SENTENCE = "Something went wrong. Try again.";
+var CARD_ERROR_LINE = {
+  OFFLINE: "No connection",
+  TIMEOUT: "Took too long. Nothing was lost.",
+  UNAUTHORIZED: "Signed out. Sign in again.",
+  FORBIDDEN: "Not allowed for this account",
+  NOT_FOUND: "Not found. Refresh and retry.",
+  RATE_LIMIT: "Too many requests. Wait a moment.",
+  SERVER: "Server problem. Try again soon.",
+  FALLBACK: "Something went wrong"
+};
 function isTimedOutError(error, message, code) {
   if (code === "57014" || code === "timed_out") return true;
   if (error && typeof error === "object") {
@@ -5487,6 +5506,10 @@ function isTimedOutError(error, message, code) {
   const text = `${message ?? ""} ${errorSentenceOf(error)}`;
   return /canceling statement due to statement timeout/i.test(text);
 }
+function isOfflineError(error, message) {
+  if (typeof navigator !== "undefined" && navigator.onLine === false) return true;
+  return offlineText(`${message ?? ""} ${errorSentenceOf(error)}`);
+}
 function offlineText(text) {
   const t = text.trim();
   return t !== "" && (describeError(t).code === "OFFLINE" || /networkerror|network request failed|load failed/i.test(t));
@@ -5498,8 +5521,9 @@ function isRawErrorText(text) {
   return MACHINE_PREFIX.test(text) || RAW_TEXT.test(text);
 }
 function peopleErrorSentence(error, message, options = {}) {
-  if (isTimedOutError(error, message, options.code)) return TIMED_OUT_SENTENCE;
-  const fallback = options.fallback ?? FALLBACK_ERROR_SENTENCE;
+  const card = options.card === true;
+  if (isTimedOutError(error, message, options.code)) return card ? CARD_ERROR_LINE.TIMEOUT : TIMED_OUT_SENTENCE;
+  const fallback = options.fallback ?? (card ? CARD_ERROR_LINE.FALLBACK : FALLBACK_ERROR_SENTENCE);
   const raw = message?.trim() || errorSentenceOf(error).trim();
   if (!raw) return fallback;
   let text = raw;
@@ -5507,7 +5531,8 @@ function peopleErrorSentence(error, message, options = {}) {
   if (!text) return fallback;
   if (offlineText(text) || RAW_TEXT.test(text) || text !== raw) {
     const said = describeError(text, fallback);
-    return said.code && ANY_HOST_CODES.has(said.code) ? said.cause : fallback;
+    if (!said.code || !ANY_HOST_CODES.has(said.code)) return fallback;
+    return card ? CARD_ERROR_LINE[said.code] : said.cause;
   }
   return text;
 }
@@ -5515,6 +5540,9 @@ function peopleErrorSentence(error, message, options = {}) {
 // src/desktop/state.tsx
 var import_clipboard = require("@ai-matrx/kit/clipboard");
 var import_jsx_runtime42 = require("react/jsx-runtime");
+function isOfflineOrKnown(text) {
+  return isOfflineError(null, text) || isTimedOutError(null, text);
+}
 var EMPTY_ICON = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
   /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
   /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
@@ -5591,10 +5619,12 @@ var BANNER_ICON = {
 };
 function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }) {
   const [copied, setCopied] = React34.useState(false);
-  if (typeof title === "string" && isRawErrorText(title)) title = peopleErrorSentence(null, title);
-  if (typeof message === "string" && isRawErrorText(message)) message = peopleErrorSentence(null, message);
   const registry3 = React34.useContext(NoticeStackContext);
   const floating = registry3 !== null;
+  const asCard = registry3 !== null;
+  if (typeof title === "string" && isRawErrorText(title)) title = peopleErrorSentence(null, title, { card: asCard });
+  if (typeof message === "string" && (isRawErrorText(message) || asCard && isOfflineOrKnown(message)))
+    message = peopleErrorSentence(null, message, { card: asCard });
   const id = React34.useId();
   const key2 = bannerNoticeKey(tone, title, message);
   React34.useLayoutEffect(() => {