@ai-matrx/design-system 0.86.355 → 0.86.357

package/dist/desktop.cjs

@@ -5478,6 +5478,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 +5497,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 +5512,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 +5522,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 +5531,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 +5610,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(() => {