@ai-matrx/design-system 0.86.355 → 0.86.357

package/dist/desktop.js

@@ -4,7 +4,7 @@ import {
   collapseNotices,
   noticeKey,
   visibleNotices
-} from "./chunk-4WSXAP24.js";
+} from "./chunk-BB5LA7FQ.js";
 import {
   AppRail,
   AppRailAvatar,
@@ -19,7 +19,7 @@ import {
   matchesOrganizationQuery,
   orderOrganizationsForPicker,
   organizationColor
-} from "./chunk-ZMUPFGQO.js";
+} from "./chunk-TV2IDHPZ.js";
 import {
   Collapsible,
   CollapsibleContent,
@@ -42,11 +42,14 @@ import "./chunk-VQQ3O7J5.js";
 import {
   Tile
 } from "./chunk-GMNROZQJ.js";
+import "./chunk-5Z5GTXKL.js";
 import {
   describeError,
+  isOfflineError,
   isRawErrorText,
+  isTimedOutError,
   peopleErrorSentence
-} from "./chunk-LJKF267O.js";
+} from "./chunk-HS6GMHKZ.js";
 import {
   Skeleton
 } from "./chunk-DRSBLHOF.js";
@@ -63,10 +66,10 @@ import {
   clampRectToViewport,
   readViewport,
   useDragMove
-} from "./chunk-UWTODOMD.js";
+} from "./chunk-2BQAHLU3.js";
+import "./chunk-LEPD6TV7.js";
 import "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
-import "./chunk-LEPD6TV7.js";
 import {
   Popover,
   PopoverAnchor,
@@ -3077,6 +3080,9 @@ function PlaceStrip({ className, ...props }) {
 import * as React20 from "react";
 import { copyText } from "@ai-matrx/kit/clipboard";
 import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+function isOfflineOrKnown(text) {
+  return isOfflineError(null, text) || isTimedOutError(null, text);
+}
 var EMPTY_ICON = /* @__PURE__ */ jsxs22("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
   /* @__PURE__ */ jsx28("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
   /* @__PURE__ */ jsx28("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" })
@@ -3153,10 +3159,12 @@ var BANNER_ICON = {
 };
 function Banner({ tone, icon, title, message, actions, detail, onDismiss, count, className, ...props }) {
   const [copied, setCopied] = React20.useState(false);
-  if (typeof title === "string" && isRawErrorText(title)) title = peopleErrorSentence(null, title);
-  if (typeof message === "string" && isRawErrorText(message)) message = peopleErrorSentence(null, message);
   const registry = React20.useContext(NoticeStackContext);
   const floating = registry !== null;
+  const asCard = registry !== 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 = React20.useId();
   const key2 = bannerNoticeKey(tone, title, message);
   React20.useLayoutEffect(() => {