@flamingo-stack/openframe-frontend-core 0.0.255 → 0.0.256

package/dist/{chunk-6TB24AUH.js → chunk-S7IX7YU4.js}

@@ -14,7 +14,10 @@ import {
   useMdUp,
   useOnboardingState,
   useToast
-} from "./chunk-HMFBMVJC.js";
+} from "./chunk-6GBA6YJN.js";
+import {
+  cn as cn2
+} from "./chunk-NR535XIY.js";
 import {
   Checkbox,
   FieldWrapper,
@@ -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";
@@ -12153,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
@@ -39265,6 +39233,7 @@ export {
   ChatMessageRow,
   ChatMessageRowSkeleton,
   ChatQuickAction,
+  ChatQuickActionRow,
   ChatTicketItem,
   ChatTicketList,
   MingoOnboardingCardSkeleton,
@@ -39443,11 +39412,6 @@ export {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
-  delay,
-  generateRandomString,
-  truncateString,
-  deepClone,
-  getSlackCommunityJoinUrl,
   OS_PLATFORMS,
   DEFAULT_OS_PLATFORM,
   isValidEmailDomain,
@@ -39753,4 +39717,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-6TB24AUH.js.map
+//# sourceMappingURL=chunk-S7IX7YU4.js.map