@ai-matrx/design-system 0.86.356 → 0.86.358

package/dist/desktop.js

@@ -4,7 +4,7 @@ import {
   collapseNotices,
   noticeKey,
   visibleNotices
-} from "./chunk-4WSXAP24.js";
+} from "./chunk-BB5LA7FQ.js";
 import {
   AppRail,
   AppRailAvatar,
@@ -19,13 +19,13 @@ import {
   matchesOrganizationQuery,
   orderOrganizationsForPicker,
   organizationColor
-} from "./chunk-ZMUPFGQO.js";
+} from "./chunk-K5ZQROWN.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
 } from "./chunk-6NOLVA4E.js";
-import "./chunk-T4D7WAV7.js";
+import "./chunk-42GFQMLA.js";
 import {
   ContextMenu,
   ContextMenuCheckboxItem,
@@ -41,12 +41,8 @@ import {
 import "./chunk-VQQ3O7J5.js";
 import {
   Tile
-} from "./chunk-GMNROZQJ.js";
-import {
-  describeError,
-  isRawErrorText,
-  peopleErrorSentence
-} from "./chunk-LJKF267O.js";
+} from "./chunk-QTPW44IJ.js";
+import "./chunk-5Z5GTXKL.js";
 import {
   Skeleton
 } from "./chunk-DRSBLHOF.js";
@@ -63,10 +59,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,
@@ -75,7 +71,7 @@ import {
 } from "./chunk-OPF265PU.js";
 import {
   Button
-} from "./chunk-6XNYYROM.js";
+} from "./chunk-WVEDW5VO.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import {
@@ -103,10 +99,17 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-X6ZRHJQP.js";
+} from "./chunk-T57DLONB.js";
 import {
   useScrollFade
 } from "./chunk-BNXNIN2S.js";
+import {
+  describeError,
+  isOfflineError,
+  isRawErrorText,
+  isTimedOutError,
+  peopleErrorSentence
+} from "./chunk-HS6GMHKZ.js";
 import {
   SelectContent,
   SelectItem,
@@ -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(() => {