@flamingo-stack/openframe-frontend-core 0.0.254 → 0.0.255-snapshot.20260611213621

package/dist/{chunk-NP5U35FA.js → chunk-S7IX7YU4.js}

@@ -14,7 +14,10 @@ import {
   useMdUp,
   useOnboardingState,
   useToast
-} from "./chunk-4RDJZIHW.js";
+} from "./chunk-6GBA6YJN.js";
+import {
+  cn as cn2
+} from "./chunk-NR535XIY.js";
 import {
   Checkbox,
   FieldWrapper,
@@ -25,7 +28,7 @@ import {
   acquireClient,
   releaseClient,
   startConnectionLifecycle
-} from "./chunk-CZR7ARBA.js";
+} from "./chunk-PHWQLKVE.js";
 import {
   ActionsMenuDropdown,
   BackButton,
@@ -78,7 +81,7 @@ import {
   useControllableState,
   useEntityCardLink,
   useEntityCardPlaceholder
-} from "./chunk-LKI3YCAX.js";
+} from "./chunk-V5L4D454.js";
 import {
   useAutoLimitTags,
   useDebounce
@@ -109,7 +112,7 @@ import {
   init_button,
   init_button2,
   usePortalContainer
-} from "./chunk-2FCXJTOV.js";
+} from "./chunk-QXSRQVRO.js";
 import {
   init_next_link,
   next_link_default
@@ -149,7 +152,7 @@ import {
   WindowsIcon,
   XLogo,
   YouTubeIcon
-} from "./chunk-265KKBV2.js";
+} from "./chunk-V4IIBNTA.js";
 import {
   cn,
   init_cn,
@@ -3332,6 +3335,99 @@ var ChatQuickAction = React5.forwardRef(
 );
 ChatQuickAction.displayName = "ChatQuickAction";
 
+// src/components/chat/chat-quick-action-row.tsx
+init_cn();
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+function ChipButton({ chip }) {
+  return /* @__PURE__ */ jsx25(
+    "button",
+    {
+      type: "button",
+      onClick: chip.onSelect,
+      className: "shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
+      children: /* @__PURE__ */ jsx25(Tag, { variant: chip.variant ?? "outline", icon: chip.icon, label: chip.label })
+    }
+  );
+}
+function ChatQuickActionRow({
+  leading,
+  chips,
+  className
+}) {
+  const auto = useAutoLimitTags({
+    count: chips.length,
+    reserveInputWidth: false
+  });
+  const visibleChips = chips.slice(0, auto.visibleCount);
+  const hiddenChips = chips.slice(auto.visibleCount);
+  if (!leading && chips.length === 0) return null;
+  return /* @__PURE__ */ jsxs21(
+    "div",
+    {
+      className: cn("relative flex shrink-0 items-center gap-1", className),
+      children: [
+        leading,
+        chips.length > 0 && // Measured zone: `flex-1 min-w-0 overflow-hidden` so it claims the width
+        // left by the pinned `leading` slot and clips anything past the fit.
+        /* @__PURE__ */ jsxs21(
+          "div",
+          {
+            ref: auto.middleRef,
+            className: "flex flex-1 min-w-0 items-center gap-1 overflow-hidden",
+            children: [
+              visibleChips.map((chip) => /* @__PURE__ */ jsx25(ChipButton, { chip }, chip.id)),
+              hiddenChips.length > 0 && /* @__PURE__ */ jsx25(
+                ActionsMenuDropdown,
+                {
+                  triggerAriaLabel: "More quick actions",
+                  onCloseAutoFocus: (e) => e.preventDefault(),
+                  groups: [
+                    {
+                      items: hiddenChips.map((chip) => ({
+                        id: chip.id,
+                        label: chip.label,
+                        icon: chip.icon,
+                        onClick: chip.onSelect
+                      }))
+                    }
+                  ],
+                  customTrigger: /* @__PURE__ */ jsx25(
+                    "button",
+                    {
+                      ref: auto.badgeRef,
+                      type: "button",
+                      "aria-label": "More quick actions",
+                      className: "shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
+                      children: /* @__PURE__ */ jsx25(Tag, { variant: "outline", label: /* @__PURE__ */ jsx25(Ellipsis01Icon, { size: 16 }) })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx25(
+          "div",
+          {
+            ref: auto.measureRef,
+            "aria-hidden": true,
+            className: "pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1",
+            children: chips.map((chip) => /* @__PURE__ */ jsx25(
+              Tag,
+              {
+                variant: chip.variant ?? "outline",
+                icon: chip.icon,
+                label: chip.label
+              },
+              `measure-${chip.id}`
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/components/chat/chat-ticket-list.tsx
 init_cn();
 import * as React7 from "react";
@@ -3340,7 +3436,7 @@ import * as React7 from "react";
 init_cn();
 import * as React6 from "react";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 var ChatTicketItem = React6.forwardRef(
   ({ className, ticket, onClick, ...props }, ref) => {
     const statusTagProps = resolveStatusTagProps({
@@ -3351,7 +3447,7 @@ var ChatTicketItem = React6.forwardRef(
     });
     const isResolved = ticket.statusKind === "RESOLVED" || resolveTicketStatus(ticket.status) === "RESOLVED";
     const subtitle = [ticket.ticketNumber, ticket.category, ticket.timeAgo].filter(Boolean).join(" \u2022 ");
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "button",
       {
         ref,
@@ -3372,8 +3468,8 @@ var ChatTicketItem = React6.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-center flex-1 min-w-0 text-left", children: [
-            /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-center flex-1 min-w-0 text-left", children: [
+            /* @__PURE__ */ jsx26(
               "p",
               {
                 className: cn(
@@ -3384,19 +3480,19 @@ var ChatTicketItem = React6.forwardRef(
                 children: ticket.title
               }
             ),
-            subtitle && /* @__PURE__ */ jsx25("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
+            subtitle && /* @__PURE__ */ jsx26("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
           ] }),
-          ticket.linkedTaskLabel && /* @__PURE__ */ jsx25(
+          ticket.linkedTaskLabel && /* @__PURE__ */ jsx26(
             Tag,
             {
               label: ticket.linkedTaskLabel,
               variant: "outline",
-              icon: /* @__PURE__ */ jsx25(WrenchIcon, { size: 14, color: "var(--ods-text-secondary)" }),
+              icon: /* @__PURE__ */ jsx26(WrenchIcon, { size: 14, color: "var(--ods-text-secondary)" }),
               className: "shrink-0 hidden sm:inline-flex"
             }
           ),
-          (statusTagProps.status || statusTagProps.label) && /* @__PURE__ */ jsx25(TicketStatusTag, { ...statusTagProps }),
-          /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center shrink-0 size-12 rounded-md bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx25(ChevronRight2, { className: "size-6 text-ods-text-secondary" }) })
+          (statusTagProps.status || statusTagProps.label) && /* @__PURE__ */ jsx26(TicketStatusTag, { ...statusTagProps }),
+          /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center shrink-0 size-12 rounded-md bg-ods-card border border-ods-border", children: /* @__PURE__ */ jsx26(ChevronRight2, { className: "size-6 text-ods-text-secondary" }) })
         ]
       }
     );
@@ -3405,7 +3501,7 @@ var ChatTicketItem = React6.forwardRef(
 ChatTicketItem.displayName = "ChatTicketItem";
 
 // src/components/chat/chat-ticket-list.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 function getMask(top, bottom) {
   if (top && bottom) return "linear-gradient(to bottom, transparent, black 64px, black calc(100% - 64px), transparent)";
   if (top) return "linear-gradient(to bottom, transparent, black 64px)";
@@ -3429,9 +3525,9 @@ var ChatTicketList = React7.forwardRef(
     }, [ticketCount, updateFade]);
     if (tickets.length === 0) return null;
     const mask = getMask(fadeTop, fadeBottom);
-    return /* @__PURE__ */ jsxs22("div", { ref, className: cn("flex flex-col gap-2 min-h-0", className), ...props, children: [
-      /* @__PURE__ */ jsx26("p", { className: "text-h5 text-ods-text-secondary shrink-0", children: "Your Chats:" }),
-      /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsxs23("div", { ref, className: cn("flex flex-col gap-2 min-h-0", className), ...props, children: [
+      /* @__PURE__ */ jsx27("p", { className: "text-h5 text-ods-text-secondary shrink-0", children: "Your Chats:" }),
+      /* @__PURE__ */ jsx27(
         "div",
         {
           className: cn(
@@ -3439,14 +3535,14 @@ var ChatTicketList = React7.forwardRef(
             !fadeTop && "border-t rounded-t-md",
             !fadeBottom && "border-b rounded-b-md"
           ),
-          children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx27(
             "div",
             {
               ref: scrollRef,
               className: "overflow-y-auto h-full",
               onScroll: updateFade,
               style: mask !== "none" ? { maskImage: mask, WebkitMaskImage: mask } : void 0,
-              children: tickets.map((ticket) => /* @__PURE__ */ jsx26(
+              children: tickets.map((ticket) => /* @__PURE__ */ jsx27(
                 ChatTicketItem,
                 {
                   ticket,
@@ -3465,7 +3561,7 @@ ChatTicketList.displayName = "ChatTicketList";
 
 // src/components/chat/mingo-onboarding-card-skeleton.tsx
 init_cn();
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 function MingoOnboardingCardSkeleton({
   titleWidth = "w-32",
   slashWidth = "w-20",
@@ -3474,25 +3570,25 @@ function MingoOnboardingCardSkeleton({
   className
 }) {
   const hasChips = chipWidths.length > 0;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn(
         "flex w-full items-start p-[var(--spacing-system-s)] bg-ods-card border-b border-ods-border last:border-b-0",
         className
       ),
-      children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)] w-full", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] w-full", children: [
-          /* @__PURE__ */ jsx27(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
-          /* @__PURE__ */ jsx27(Skeleton, { className: cn("h-3.5 rounded-sm", titleWidth) }),
-          /* @__PURE__ */ jsx27("span", { className: "flex-1" }),
-          /* @__PURE__ */ jsx27(Skeleton, { className: cn("h-3.5 rounded-sm shrink-0", slashWidth) })
+      children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)] w-full", children: [
+        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-[var(--spacing-system-xxs)] w-full", children: [
+          /* @__PURE__ */ jsx28(Skeleton, { className: "size-4 shrink-0 rounded-sm" }),
+          /* @__PURE__ */ jsx28(Skeleton, { className: cn("h-3.5 rounded-sm", titleWidth) }),
+          /* @__PURE__ */ jsx28("span", { className: "flex-1" }),
+          /* @__PURE__ */ jsx28(Skeleton, { className: cn("h-3.5 rounded-sm shrink-0", slashWidth) })
         ] }),
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx27(Skeleton, { className: "h-3.5 w-full rounded-sm" }),
-          descriptionLines === 2 ? /* @__PURE__ */ jsx27(Skeleton, { className: "h-3.5 w-[70%] rounded-sm" }) : null
+        /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
+          /* @__PURE__ */ jsx28(Skeleton, { className: "h-3.5 w-full rounded-sm" }),
+          descriptionLines === 2 ? /* @__PURE__ */ jsx28(Skeleton, { className: "h-3.5 w-[70%] rounded-sm" }) : null
         ] }),
-        hasChips ? /* @__PURE__ */ jsx27("div", { className: "flex flex-wrap items-center gap-[var(--spacing-system-xxs)] mt-[var(--spacing-system-xs)]", children: chipWidths.map((w, i) => /* @__PURE__ */ jsx27(Skeleton, { className: cn("h-7 rounded-md", w) }, i)) }) : null
+        hasChips ? /* @__PURE__ */ jsx28("div", { className: "flex flex-wrap items-center gap-[var(--spacing-system-xxs)] mt-[var(--spacing-system-xs)]", children: chipWidths.map((w, i) => /* @__PURE__ */ jsx28(Skeleton, { className: cn("h-7 rounded-md", w) }, i)) }) : null
       ] })
     }
   );
@@ -3501,7 +3597,7 @@ function MingoOnboardingListSkeleton({
   rows = 6,
   className
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       role: "status",
@@ -3513,7 +3609,7 @@ function MingoOnboardingListSkeleton({
       ),
       children: Array.from({ length: rows }).map((_, i) => {
         const variant = ROW_VARIANTS[i % ROW_VARIANTS.length];
-        return /* @__PURE__ */ jsx27(
+        return /* @__PURE__ */ jsx28(
           MingoOnboardingCardSkeleton,
           {
             titleWidth: variant.titleWidth,
@@ -3543,7 +3639,7 @@ import * as React9 from "react";
 init_cn();
 import * as React8 from "react";
 init_button2();
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 function dialogTime(d) {
   if (!d.timestamp) return null;
   const t = typeof d.timestamp === "string" ? Date.parse(d.timestamp) : d.timestamp.getTime();
@@ -3595,7 +3691,7 @@ function MingoChatHistoryRow({
       onClick: () => onRequestArchive(dialog)
     }
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       className: cn(
@@ -3604,7 +3700,7 @@ function MingoChatHistoryRow({
         isActive && "bg-ods-bg-hover"
       ),
       children: [
-        /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsxs25(
           "div",
           {
             role: "button",
@@ -3618,8 +3714,8 @@ function MingoChatHistoryRow({
             },
             className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-s)] cursor-pointer focus:outline-none focus-visible:bg-ods-bg-hover",
             children: [
-              unread > 0 ? /* @__PURE__ */ jsx28("span", { className: "flex h-8 min-w-8 shrink-0 items-center justify-center rounded-md bg-ods-accent px-[var(--spacing-system-xsf)] text-h5 text-ods-text-on-accent", children: unread > 99 ? "99+" : unread }) : null,
-              /* @__PURE__ */ jsx28(
+              unread > 0 ? /* @__PURE__ */ jsx29("span", { className: "flex h-8 min-w-8 shrink-0 items-center justify-center rounded-md bg-ods-accent px-[var(--spacing-system-xsf)] text-h5 text-ods-text-on-accent", children: unread > 99 ? "99+" : unread }) : null,
+              /* @__PURE__ */ jsx29(
                 "span",
                 {
                   className: "min-w-0 flex-1 truncate text-h4 text-ods-text-primary",
@@ -3635,7 +3731,7 @@ function MingoChatHistoryRow({
           // right edge, free of the content's left padding. Revealed on row
           // hover/focus; kept visible while its menu is open. Hidden on mobile —
           // it's a hover affordance (no hover on touch).
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "span",
             {
               onClick: (e) => e.stopPropagation(),
@@ -3647,7 +3743,7 @@ function MingoChatHistoryRow({
                 "self-stretch shrink-0 transition-opacity max-md:hidden",
                 menuOpen ? "opacity-100" : "opacity-0 group-hover/row:opacity-100 focus-within:opacity-100"
               ),
-              children: /* @__PURE__ */ jsx28(
+              children: /* @__PURE__ */ jsx29(
                 ActionsMenuDropdown,
                 {
                   triggerAriaLabel: "Chat actions",
@@ -3655,14 +3751,14 @@ function MingoChatHistoryRow({
                   open: menuOpen,
                   onOpenChange: setMenuOpen,
                   onCloseAutoFocus: (e) => e.preventDefault(),
-                  customTrigger: /* @__PURE__ */ jsx28(
+                  customTrigger: /* @__PURE__ */ jsx29(
                     Button,
                     {
                       variant: "transparent",
                       size: "icon",
                       "aria-label": "Chat actions",
                       className: "h-full md:h-full rounded-none p-0 text-ods-text-secondary hover:text-ods-text-primary",
-                      children: /* @__PURE__ */ jsx28(Ellipsis01Icon, {})
+                      children: /* @__PURE__ */ jsx29(Ellipsis01Icon, {})
                     }
                   )
                 }
@@ -3679,7 +3775,7 @@ function MingoChatHistorySkeleton({ className }) {
     { withBadge: 2, widths: ["w-3/5", "w-4/5", "w-2/5", "w-3/4"] },
     { withBadge: 0, widths: ["w-1/2", "w-3/5", "w-2/3"] }
   ];
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "aria-hidden": true,
@@ -3687,15 +3783,15 @@ function MingoChatHistorySkeleton({ className }) {
         "flex flex-1 min-h-0 flex-col gap-[var(--spacing-system-m)] overflow-hidden",
         className
       ),
-      children: groups.map((group, g) => /* @__PURE__ */ jsxs24("div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-        /* @__PURE__ */ jsx28("div", { className: "h-3 w-16 animate-pulse rounded bg-ods-border" }),
-        /* @__PURE__ */ jsx28("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.widths.map((w, i) => /* @__PURE__ */ jsxs24(
+      children: groups.map((group, g) => /* @__PURE__ */ jsxs25("div", { className: "flex shrink-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
+        /* @__PURE__ */ jsx29("div", { className: "h-3 w-16 animate-pulse rounded bg-ods-border" }),
+        /* @__PURE__ */ jsx29("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.widths.map((w, i) => /* @__PURE__ */ jsxs25(
           "div",
           {
             className: "flex h-12 items-center gap-[var(--spacing-system-xsf)] bg-ods-bg border-b border-ods-border px-[var(--spacing-system-s)] last:border-b-0",
             children: [
-              i < group.withBadge && /* @__PURE__ */ jsx28("div", { className: "h-8 w-8 shrink-0 animate-pulse rounded-md bg-ods-border" }),
-              /* @__PURE__ */ jsx28("div", { className: cn("h-4 animate-pulse rounded bg-ods-border", w) })
+              i < group.withBadge && /* @__PURE__ */ jsx29("div", { className: "h-8 w-8 shrink-0 animate-pulse rounded-md bg-ods-border" }),
+              /* @__PURE__ */ jsx29("div", { className: cn("h-4 animate-pulse rounded bg-ods-border", w) })
             ]
           },
           i
@@ -3754,21 +3850,21 @@ function MingoChatHistory({
     io.observe(sentinel);
     return () => io.disconnect();
   }, [hasMore]);
-  return /* @__PURE__ */ jsxs24("div", { className: cn("relative flex flex-1 min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs25("div", { className: cn("relative flex flex-1 min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsxs25(
       "div",
       {
         ref: scrollRef,
         onScroll: updateFade,
         className: "flex flex-1 min-h-0 flex-col gap-[var(--spacing-system-m)] overflow-y-auto",
         children: [
-          groups.map((group) => /* @__PURE__ */ jsxs24(
+          groups.map((group) => /* @__PURE__ */ jsxs25(
             "div",
             {
               className: "flex flex-col gap-[var(--spacing-system-xxs)]",
               children: [
-                /* @__PURE__ */ jsx28("p", { className: "text-h5 text-ods-text-secondary", children: group.label }),
-                /* @__PURE__ */ jsx28("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.items.map((dialog) => /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29("p", { className: "text-h5 text-ods-text-secondary", children: group.label }),
+                /* @__PURE__ */ jsx29("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.items.map((dialog) => /* @__PURE__ */ jsx29(
                   MingoChatHistoryRow,
                   {
                     dialog,
@@ -3783,11 +3879,11 @@ function MingoChatHistory({
             },
             group.key
           )),
-          hasMore ? /* @__PURE__ */ jsx28("div", { ref: sentinelRef, className: "h-px shrink-0" }) : null
+          hasMore ? /* @__PURE__ */ jsx29("div", { ref: sentinelRef, className: "h-px shrink-0" }) : null
         ]
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       "div",
       {
         "aria-hidden": true,
@@ -3800,7 +3896,7 @@ function MingoChatHistory({
         }
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       "div",
       {
         "aria-hidden": true,
@@ -3816,99 +3912,6 @@ function MingoChatHistory({
   ] });
 }
 
-// src/components/chat/chat-quick-action-row.tsx
-init_cn();
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
-function ChipButton({ chip }) {
-  return /* @__PURE__ */ jsx29(
-    "button",
-    {
-      type: "button",
-      onClick: chip.onSelect,
-      className: "shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-      children: /* @__PURE__ */ jsx29(Tag, { variant: chip.variant ?? "outline", icon: chip.icon, label: chip.label })
-    }
-  );
-}
-function ChatQuickActionRow({
-  leading,
-  chips,
-  className
-}) {
-  const auto = useAutoLimitTags({
-    count: chips.length,
-    reserveInputWidth: false
-  });
-  const visibleChips = chips.slice(0, auto.visibleCount);
-  const hiddenChips = chips.slice(auto.visibleCount);
-  if (!leading && chips.length === 0) return null;
-  return /* @__PURE__ */ jsxs25(
-    "div",
-    {
-      className: cn("relative flex shrink-0 items-center gap-1", className),
-      children: [
-        leading,
-        chips.length > 0 && // Measured zone: `flex-1 min-w-0 overflow-hidden` so it claims the width
-        // left by the pinned `leading` slot and clips anything past the fit.
-        /* @__PURE__ */ jsxs25(
-          "div",
-          {
-            ref: auto.middleRef,
-            className: "flex flex-1 min-w-0 items-center gap-1 overflow-hidden",
-            children: [
-              visibleChips.map((chip) => /* @__PURE__ */ jsx29(ChipButton, { chip }, chip.id)),
-              hiddenChips.length > 0 && /* @__PURE__ */ jsx29(
-                ActionsMenuDropdown,
-                {
-                  triggerAriaLabel: "More quick actions",
-                  onCloseAutoFocus: (e) => e.preventDefault(),
-                  groups: [
-                    {
-                      items: hiddenChips.map((chip) => ({
-                        id: chip.id,
-                        label: chip.label,
-                        icon: chip.icon,
-                        onClick: chip.onSelect
-                      }))
-                    }
-                  ],
-                  customTrigger: /* @__PURE__ */ jsx29(
-                    "button",
-                    {
-                      ref: auto.badgeRef,
-                      type: "button",
-                      "aria-label": "More quick actions",
-                      className: "shrink-0 rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-                      children: /* @__PURE__ */ jsx29(Tag, { variant: "outline", label: /* @__PURE__ */ jsx29(Ellipsis01Icon, { size: 16 }) })
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx29(
-          "div",
-          {
-            ref: auto.measureRef,
-            "aria-hidden": true,
-            className: "pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1",
-            children: chips.map((chip) => /* @__PURE__ */ jsx29(
-              Tag,
-              {
-                variant: chip.variant ?? "outline",
-                icon: chip.icon,
-                label: chip.label
-              },
-              `measure-${chip.id}`
-            ))
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/chat/mingo-welcome.tsx
 init_button2();
 import { Fragment as Fragment2, jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -10520,7 +10523,7 @@ var DrawerHeader = ({
   }
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React40.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs66("div", { className: "flex items-start gap-4", children: [
+var DrawerTitle = React40.forwardRef(({ className, children, actions, ...props }, ref) => /* @__PURE__ */ jsxs66("div", { className: "flex items-start gap-4", children: [
   /* @__PURE__ */ jsx85(
     DialogPrimitive2.Title,
     {
@@ -10533,6 +10536,7 @@ var DrawerTitle = React40.forwardRef(({ className, children, ...props }, ref) =>
       children
     }
   ),
+  actions,
   /* @__PURE__ */ jsxs66(DialogPrimitive2.Close, { className: "shrink-0 rounded-sm text-ods-text-secondary transition-colors hover:text-ods-text-primary outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0", children: [
     /* @__PURE__ */ jsx85(X5, { className: "size-6" }),
     /* @__PURE__ */ jsx85("span", { className: "sr-only", children: "Close" })
@@ -12152,41 +12156,6 @@ import React54 from "react";
 // src/utils/index.ts
 init_cn();
 init_platform_domains();
-
-// src/utils/common.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn2(...inputs) {
-  return twMerge(clsx(inputs));
-}
-function delay(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function generateRandomString(length = 8) {
-  const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let result = "";
-  for (let i = 0; i < length; i++) {
-    result += chars.charAt(Math.floor(Math.random() * chars.length));
-  }
-  return result;
-}
-function truncateString(str, maxLength, suffix = "...") {
-  if (str.length <= maxLength) return str;
-  return str.substring(0, maxLength - suffix.length) + suffix;
-}
-function deepClone(obj) {
-  return JSON.parse(JSON.stringify(obj));
-}
-function getSlackCommunityJoinUrl() {
-  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL;
-  if (!url) {
-    console.warn("NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables");
-    return "https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA";
-  }
-  return url;
-}
-
-// src/utils/index.ts
 init_cn();
 
 // src/utils/os-platforms.ts
@@ -20847,7 +20816,6 @@ function useOptionalNotifications() {
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { useEffect as useEffect36, useRef as useRef28 } from "react";
 init_button();
 init_cn();
@@ -20990,19 +20958,23 @@ function NotificationDrawer({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs140("div", { className: "flex items-baseline justify-between gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: [
-          /* @__PURE__ */ jsx180(DialogPrimitive3.Title, { className: "min-w-0 flex-1 truncate text-h3 text-ods-text-primary", children: "New Notifications" }),
-          /* @__PURE__ */ jsx180(
-            "button",
-            {
-              type: "button",
-              disabled: unreadCount === 0,
-              onClick: markAllRead,
-              className: "text-h6 text-ods-text-secondary underline transition-colors hover:text-ods-text-primary disabled:opacity-40",
-              children: "Complete All"
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx180("div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ jsx180(
+          DrawerTitle,
+          {
+            className: "truncate",
+            actions: /* @__PURE__ */ jsx180(
+              "button",
+              {
+                type: "button",
+                disabled: unreadCount === 0,
+                onClick: markAllRead,
+                className: "self-center text-h6 text-ods-text-secondary underline transition-colors hover:text-ods-text-primary disabled:opacity-40",
+                children: "Complete All"
+              }
+            ),
+            children: "New Notifications"
+          }
+        ) }),
         /* @__PURE__ */ jsx180(
           DrawerScrollList,
           {
@@ -22998,6 +22970,8 @@ function NavigationSidebarItemButton({
   onClick
 }) {
   const isActive = item.isActive ?? false;
+  const unreadCount = item.unreadCount ?? 0;
+  const hasUnread = unreadCount > 0;
   return /* @__PURE__ */ jsxs153(
     "button",
     {
@@ -23024,9 +22998,12 @@ function NavigationSidebarItemButton({
       "aria-label": item.label,
       "aria-current": isActive ? "page" : void 0,
       children: [
-        /* @__PURE__ */ jsx196("div", { className: "flex items-center justify-center flex-shrink-0", children: cloneElement(item.icon, {
-          color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
-        }) }),
+        /* @__PURE__ */ jsxs153("div", { className: "relative flex items-center justify-center flex-shrink-0", children: [
+          cloneElement(item.icon, {
+            color: isActive && !disabled ? "text-ods-accent" : "text-ods-text-secondary"
+          }),
+          hasUnread && !showLabel && /* @__PURE__ */ jsx196("span", { className: "absolute top-0 right-0 bg-ods-warning rounded-full w-2 h-2" })
+        ] }),
         /* @__PURE__ */ jsx196(
           "span",
           {
@@ -23038,6 +23015,7 @@ function NavigationSidebarItemButton({
             children: item.label
           }
         ),
+        hasUnread && showLabel && /* @__PURE__ */ jsx196("span", { className: "bg-ods-accent flex items-center justify-center flex-shrink-0 p-2 rounded-md size-6", children: /* @__PURE__ */ jsx196("span", { className: "text-xs font-medium text-ods-text-on-accent", children: unreadCount > 99 ? "99+" : unreadCount }) }),
         item.badge && showLabel && /* @__PURE__ */ jsx196(
           "span",
           {
@@ -23893,7 +23871,7 @@ function AppLayout({
 // src/components/navigation/app-layout-drawer.tsx
 init_cn();
 import * as React82 from "react";
-import * as DialogPrimitive4 from "@radix-ui/react-dialog";
+import * as DialogPrimitive3 from "@radix-ui/react-dialog";
 import { cva as cva8 } from "class-variance-authority";
 import { jsx as jsx206, jsxs as jsxs162 } from "react/jsx-runtime";
 var DrawerOpenContext = React82.createContext(false);
@@ -23916,7 +23894,7 @@ var AppLayoutDrawerRoot = ({
     [isControlled, onOpenChange]
   );
   return /* @__PURE__ */ jsx206(DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ jsx206(
-    DialogPrimitive4.Root,
+    DialogPrimitive3.Root,
     {
       ...rest,
       open,
@@ -23927,8 +23905,8 @@ var AppLayoutDrawerRoot = ({
   ) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
-var AppLayoutDrawerTrigger = DialogPrimitive4.Trigger;
-var AppLayoutDrawerClose = DialogPrimitive4.Close;
+var AppLayoutDrawerTrigger = DialogPrimitive3.Trigger;
+var AppLayoutDrawerClose = DialogPrimitive3.Close;
 var appLayoutDrawerVariants = cva8(
   "absolute z-[45] flex outline-none focus:outline-none focus-visible:outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-300",
   {
@@ -24257,7 +24235,7 @@ var AppLayoutDrawerContent = React82.forwardRef(
     const applyInlineSize = resizable && !isMobile;
     const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
     if (keepMounted && !hasOpened) return null;
-    return /* @__PURE__ */ jsxs162(DialogPrimitive4.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
+    return /* @__PURE__ */ jsxs162(DialogPrimitive3.Portal, { container: portalContainer, forceMount: persist || void 0, children: [
       /* @__PURE__ */ jsx206(
         "div",
         {
@@ -24274,7 +24252,7 @@ var AppLayoutDrawerContent = React82.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxs162(
-        DialogPrimitive4.Content,
+        DialogPrimitive3.Content,
         {
           ref,
           forceMount: persist || void 0,
@@ -34168,7 +34146,7 @@ function useNatsDialogSubscription({
       abortControllerRef.current?.abort();
       abortControllerRef.current = null;
     };
-    const isDisconnectStatus = (status) => status === "closed" || status === "disconnected" || status === "error";
+    const isDisconnectStatus = (status) => status === "closed" || status === "disconnected";
     const lifecycle = startConnectionLifecycle({
       conn: sharedConn,
       wsUrl,
@@ -34176,7 +34154,7 @@ function useNatsDialogSubscription({
       backoff: reconnectionBackoffRef.current,
       getFreshUrl: () => getNatsWsUrlRef.current(),
       shouldRetryOn: isDisconnectStatus,
-      onStatusChange: (status) => {
+      onStatusChange: (status, evt) => {
         if (status === "connected") {
           setIsConnected(true);
           if (hadConnectionBeforeRef.current) {
@@ -34185,6 +34163,10 @@ function useNatsDialogSubscription({
           hadConnectionBeforeRef.current = true;
           onConnectRef.current?.();
         }
+        if (status === "error") {
+          console.warn("[NATS] protocol error:", evt.data);
+          return;
+        }
         if (isDisconnectStatus(status)) {
           setIsConnected(false);
           setIsSubscribed(false);
@@ -37946,7 +37928,7 @@ function chatChipClass({ tone, density = "chip", extra }) {
 
 // src/components/chat/embeddable-chat.tsx
 import { useCallback as useCallback43, useEffect as useEffect65, useMemo as useMemo30, useRef as useRef59, useState as useState89 } from "react";
-import * as DialogPrimitive5 from "@radix-ui/react-dialog";
+import * as DialogPrimitive4 from "@radix-ui/react-dialog";
 import { usePreventScroll } from "@react-aria/overlays";
 import { isIOS } from "@react-aria/utils";
 
@@ -39016,7 +38998,7 @@ function EmbeddableChatInner({
     /* @__PURE__ */ jsx276("div", { ref: setPortalHost, style: { display: "contents" } })
   ] });
   const panel = shellLess ? /* @__PURE__ */ jsxs222(ChatPanelContext.Provider, { value: chatPanelHandle, children: [
-    /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive5.Title, { children: [
+    /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive4.Title, { children: [
       sourceLabel,
       " AI Assistant"
     ] }) }),
@@ -39036,7 +39018,7 @@ function EmbeddableChatInner({
       "aria-describedby": void 0,
       className: "\n            mingo-chat-content !bg-ods-bg shadow-2xl\n            focus:outline-none focus-visible:outline-none\n            w-screen md:w-auto\n          ",
       children: [
-        /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive5.Title, { children: [
+        /* @__PURE__ */ jsx276(VisuallyHidden, { children: /* @__PURE__ */ jsxs222(DialogPrimitive4.Title, { children: [
           sourceLabel,
           " AI Assistant"
         ] }) }),
@@ -39251,6 +39233,7 @@ export {
   ChatMessageRow,
   ChatMessageRowSkeleton,
   ChatQuickAction,
+  ChatQuickActionRow,
   ChatTicketItem,
   ChatTicketList,
   MingoOnboardingCardSkeleton,
@@ -39429,11 +39412,6 @@ export {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  delay,
-  generateRandomString,
-  truncateString,
-  deepClone,
-  getSlackCommunityJoinUrl,
   OS_PLATFORMS,
   DEFAULT_OS_PLATFORM,
   isValidEmailDomain,
@@ -39739,4 +39717,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-NP5U35FA.js.map
+//# sourceMappingURL=chunk-S7IX7YU4.js.map