@flamingo-stack/openframe-frontend-core 0.0.290 → 0.0.291-snapshot.20260618233000

package/dist/{chunk-R4CLIWAU.js → chunk-5FK7X3EE.js}

@@ -44,7 +44,7 @@ import {
   rgbToHsl,
   sanitizeTitleForChat,
   validatePhoneNumber
-} from "./chunk-ODR6A6FC.js";
+} from "./chunk-6FHO73AP.js";
 import {
   ToolIcon,
   dotColorByVariant,
@@ -93,7 +93,7 @@ import {
   useControllableState,
   useEntityCardLink,
   useEntityCardPlaceholder
-} from "./chunk-R2KT5GDD.js";
+} from "./chunk-N45M3TK3.js";
 import {
   COMPACT_CARD_ICON_SLOT,
   COMPACT_CARD_IMAGE_SLOT,
@@ -133,7 +133,7 @@ import {
   sourceRowCtxFromRuntime,
   stripSameOriginToPath,
   tagVariants
-} from "./chunk-VRSXJ5QJ.js";
+} from "./chunk-SLP4KXP6.js";
 import {
   embedAuthedFetch,
   getEmbedProxyAuth,
@@ -253,6 +253,7 @@ import {
   CoinsExchangeCurrencyIcon,
   CompassIcon,
   Copy01Icon,
+  Copy02Icon,
   DotsLoaderIcon,
   Download02Icon,
   DraggerIcon,
@@ -2672,6 +2673,46 @@ var remarkCardLinks = () => {
   };
 };
 
+// src/components/chat/remark-mention-chips.ts
+import { visit as visit2, SKIP as SKIP2 } from "unist-util-visit";
+var MENTION_REGEX = /(^|\s)@([a-z]+):([A-Za-z0-9_.+/=-]+)/g;
+var remarkMentionChips = () => {
+  return (tree) => {
+    visit2(tree, "text", (node, index, parent) => {
+      if (!parent || typeof index !== "number") return;
+      const text = node.value;
+      if (!text || !text.includes("@")) return;
+      const parts = [];
+      let lastIndex = 0;
+      MENTION_REGEX.lastIndex = 0;
+      let match2;
+      while ((match2 = MENTION_REGEX.exec(text)) !== null) {
+        const lead = match2[1];
+        const marker = match2[2];
+        const id = match2[3];
+        const tokenStart = match2.index + lead.length;
+        if (tokenStart > lastIndex) {
+          parts.push({ type: "text", value: text.slice(lastIndex, tokenStart) });
+        }
+        parts.push({
+          type: "link",
+          url: `mention://${marker}:${id}`,
+          // Keep the raw token as the visible children so an unresolved mention
+          // (no matching context item) falls back to the literal text.
+          children: [{ type: "text", value: `@${marker}:${id}` }]
+        });
+        lastIndex = match2.index + match2[0].length;
+      }
+      if (lastIndex === 0) return;
+      if (lastIndex < text.length) {
+        parts.push({ type: "text", value: text.slice(lastIndex) });
+      }
+      parent.children.splice(index, 1, ...parts);
+      return [SKIP2, index + parts.length];
+    });
+  };
+};
+
 // src/components/chat/entity-cards/block-card.tsx
 function BlockCard(_props) {
   return null;
@@ -3046,7 +3087,8 @@ function ChatContextChipStrip({
 }
 
 // src/components/chat/chat-message-enhanced.tsx
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var MENTION_MARKER_REGEX = /(^|\s)@[a-z]+:([A-Za-z0-9_.+/=-]+)/g;
 var CARD_MARKER_REGEX = /\[card:\/\/([a-zA-Z0-9_-]+):([a-zA-Z0-9_-]+)[\])]/g;
 function normalizeContent(content) {
   if (typeof content === "string") {
@@ -3055,16 +3097,33 @@ function normalizeContent(content) {
   return content;
 }
 var ChatMessageEnhanced = forwardRef11(
-  ({ className, role, content, name, avatar, isTyping = false, timestamp, showAvatar = true, assistantType, authorType: authorTypeProp, assistantIcon, chatRefs, contextItems, resolveContextIcon, renderEntityCard, NavLinkAnchor, ...props }, ref) => {
+  ({ className, role, content, name, avatar, isTyping = false, timestamp, showAvatar = true, assistantType, authorType: authorTypeProp, assistantIcon, chatRefs, contextItems, resolveContextIcon, renderMention, renderEntityCard, NavLinkAnchor, ...props }, ref) => {
     const isUser = role === "user";
     const isError = role === "error";
     const authorType = authorTypeProp ?? (isUser ? "user" : assistantType === "mingo" ? "mingo" : "fae");
     const hasMarkerSupport = !!chatRefs || !!renderEntityCard;
+    const segments = useMemo4(() => normalizeContent(content), [content]);
+    const hasMentionSupport = !!renderMention;
+    const inlineMentionIds = useMemo4(() => {
+      const ids = /* @__PURE__ */ new Set();
+      if (!hasMentionSupport) return ids;
+      for (const seg of segments) {
+        if (seg.type !== "text" || !seg.text || !seg.text.includes("@")) continue;
+        for (const mm of seg.text.matchAll(MENTION_MARKER_REGEX)) ids.add(mm[2]);
+      }
+      return ids;
+    }, [hasMentionSupport, segments]);
+    const stripContextItems = useMemo4(
+      () => inlineMentionIds.size > 0 && contextItems ? contextItems.filter((it) => !inlineMentionIds.has(it.id)) : contextItems,
+      [contextItems, inlineMentionIds]
+    );
     const cardRemarkPlugins = useMemo4(
-      () => hasMarkerSupport ? [remarkCardLinks] : [],
-      [hasMarkerSupport]
+      () => [
+        ...hasMarkerSupport ? [remarkCardLinks] : [],
+        ...hasMentionSupport ? [remarkMentionChips] : []
+      ],
+      [hasMarkerSupport, hasMentionSupport]
     );
-    const segments = useMemo4(() => normalizeContent(content), [content]);
     const renderedCardNodeCache = useRef3(
       /* @__PURE__ */ new Map()
     );
@@ -3140,7 +3199,7 @@ var ChatMessageEnhanced = forwardRef11(
       return { inlineByKey, partsBySegment };
     }, [hasMarkerSupport, chatRefs, renderEntityCard, segments]);
     const cardComponentOverrides = useMemo4(() => {
-      if (!hasMarkerSupport) return void 0;
+      if (!hasMarkerSupport && !hasMentionSupport) return void 0;
       const refs = chatRefs ?? {};
       const inlineByKey = renderingPlan?.inlineByKey;
       return {
@@ -3150,6 +3209,15 @@ var ChatMessageEnhanced = forwardRef11(
         // paragraph as siblings — the inline pill stays at the marker
         // position. Other href schemes pass through unchanged.
         a: ({ href, children, className: linkClassName, ...rest }) => {
+          if (typeof href === "string" && href.startsWith("mention://")) {
+            const stripped = href.slice("mention://".length);
+            const sepIdx = stripped.indexOf(":");
+            const marker = sepIdx === -1 ? stripped : stripped.slice(0, sepIdx);
+            const id = sepIdx === -1 ? "" : stripped.slice(sepIdx + 1);
+            const node = renderMention?.({ marker, id });
+            if (node != null) return /* @__PURE__ */ jsx21(Fragment4, { children: node });
+            return /* @__PURE__ */ jsx21("span", { className: "text-ods-text-secondary opacity-60", children });
+          }
           if (typeof href === "string" && href.startsWith("card://")) {
             const stripped = href.slice("card://".length);
             const sepIdx = stripped.lastIndexOf(":");
@@ -3172,7 +3240,7 @@ var ChatMessageEnhanced = forwardRef11(
           return /* @__PURE__ */ jsx21("a", { href, className: linkClassName, ...rest, children });
         }
       };
-    }, [hasMarkerSupport, chatRefs, renderingPlan, NavLinkAnchor]);
+    }, [hasMarkerSupport, hasMentionSupport, renderMention, chatRefs, renderingPlan, NavLinkAnchor]);
     const getAvatarProps = () => {
       const displayName = name || (isUser ? "User" : assistantType === "mingo" ? "Mingo" : "Fae");
       const isMingo = assistantType === "mingo";
@@ -3317,10 +3385,10 @@ var ChatMessageEnhanced = forwardRef11(
             }
             return null;
           }) }),
-          contextItems && contextItems.length > 0 && /* @__PURE__ */ jsx21(
+          stripContextItems && stripContextItems.length > 0 && /* @__PURE__ */ jsx21(
             ChatContextChipStrip,
             {
-              items: contextItems,
+              items: stripContextItems,
               resolveIcon: resolveContextIcon,
               className: "mt-2"
             }
@@ -3338,7 +3406,9 @@ var MemoizedChatMessageEnhanced = memo(ChatMessageEnhanced, (prevProps, nextProp
   // refs object would force a full markdown re-render every keystroke.
   prevProps.chatRefs === nextProps.chatRefs && // Reference equality — the host re-uses the same array instance per
   // message (it's set once on the optimistic send and never mutated).
-  prevProps.contextItems === nextProps.contextItems && prevProps.resolveContextIcon === nextProps.resolveContextIcon && prevProps.renderEntityCard === nextProps.renderEntityCard && prevProps.NavLinkAnchor === nextProps.NavLinkAnchor;
+  prevProps.contextItems === nextProps.contextItems && prevProps.resolveContextIcon === nextProps.resolveContextIcon && // Host keeps this stable (module const / useCallback), so reference
+  // equality holds across streaming chunks.
+  prevProps.renderMention === nextProps.renderMention && prevProps.renderEntityCard === nextProps.renderEntityCard && prevProps.NavLinkAnchor === nextProps.NavLinkAnchor;
 });
 MemoizedChatMessageEnhanced.displayName = "MemoizedChatMessageEnhanced";
 
@@ -3541,6 +3611,7 @@ var ChatMessageList = forwardRef12(
     onLoadMore,
     renderEntityCard,
     resolveContextIcon,
+    renderMention,
     NavLinkAnchor,
     ...props
   }, ref) => {
@@ -3766,6 +3837,7 @@ var ChatMessageList = forwardRef12(
                       chatRefs: message2.chatRefs,
                       contextItems: message2.contextItems,
                       resolveContextIcon,
+                      renderMention,
                       renderEntityCard,
                       NavLinkAnchor
                     },
@@ -4545,7 +4617,7 @@ function MingoChatHistory({
 
 // src/components/chat/mingo-welcome.tsx
 init_button2();
-import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 var DEFAULT_SUBTITLE = "Ready to help with your technical tasks. What can I do for you?";
 var DEFAULT_FEATURE_CARDS = [
   {
@@ -4659,7 +4731,7 @@ function MingoWelcome({
               children: "Try again"
             }
           )
-        ] }) : isLoadingHistory ? /* @__PURE__ */ jsx32(MingoChatHistorySkeleton, {}) : /* @__PURE__ */ jsx32(Fragment4, { children: /* @__PURE__ */ jsxs28("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
+        ] }) : isLoadingHistory ? /* @__PURE__ */ jsx32(MingoChatHistorySkeleton, {}) : /* @__PURE__ */ jsx32(Fragment5, { children: /* @__PURE__ */ jsxs28("div", { className: "relative flex flex-1 min-h-0 flex-col", children: [
           /* @__PURE__ */ jsxs28(
             "div",
             {
@@ -5102,7 +5174,7 @@ var ModalFooter = React13.forwardRef(
 ModalFooter.displayName = "ModalV2Footer";
 
 // src/components/chat/mingo-chat-modals.tsx
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 var footerBtn = "flex-1 min-w-0 rounded-md px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent disabled:opacity-50 disabled:cursor-not-allowed";
 var cancelBtn = cn(
   footerBtn,
@@ -5193,7 +5265,7 @@ function ChatDialogModals({
   setRestoreTarget,
   onConfirmRestore
 }) {
-  return /* @__PURE__ */ jsxs32(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs32(Fragment6, { children: [
     /* @__PURE__ */ jsx37(
       RenameChatModal,
       {
@@ -5302,7 +5374,7 @@ function ChatPanelHeaderMobile({
 }
 
 // src/components/chat/chat-panel-header.tsx
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 var COMPACT_HEADER_BUTTON = "inline-flex shrink-0 items-center justify-center size-8 rounded-md text-ods-text-secondary transition-colors hover:bg-ods-bg-hover hover:text-ods-text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent";
 function ChatPanelHeader({
   showBack = false,
@@ -5320,7 +5392,7 @@ function ChatPanelHeader({
     onRename && { id: "rename", label: "Rename chat", onClick: onRename },
     onArchive && { id: "archive", label: "Archive chat", onClick: onArchive }
   ].filter(Boolean);
-  return /* @__PURE__ */ jsxs34(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs34(Fragment7, { children: [
     /* @__PURE__ */ jsx40(
       ChatPanelHeaderMobile,
       {
@@ -5338,7 +5410,7 @@ function ChatPanelHeader({
       }
     ),
     /* @__PURE__ */ jsxs34("div", { className: "hidden md:flex flex-shrink-0 h-14 w-full overflow-hidden border-b border-ods-border bg-ods-card", children: [
-      /* @__PURE__ */ jsx40("div", { className: "flex flex-1 min-w-0 items-center gap-2 px-4 py-3", children: showBack ? /* @__PURE__ */ jsxs34(Fragment6, { children: [
+      /* @__PURE__ */ jsx40("div", { className: "flex flex-1 min-w-0 items-center gap-2 px-4 py-3", children: showBack ? /* @__PURE__ */ jsxs34(Fragment7, { children: [
         /* @__PURE__ */ jsx40(
           "button",
           {
@@ -5374,7 +5446,7 @@ import * as React18 from "react";
 import { useEffect as useEffect10, useRef as useRef9, useState as useState17 } from "react";
 init_button2();
 init_cn();
-import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 var CHAT_ATTACHMENT_MIME_TYPES = [
   "image/jpeg",
   "image/png",
@@ -5407,7 +5479,7 @@ function ChatAttachmentAddButton({
     if (!canAddMore) return;
     fileInputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxs35(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs35(Fragment8, { children: [
     /* @__PURE__ */ jsx41(
       "input",
       {
@@ -5869,7 +5941,7 @@ function ChatComposer({
 }
 
 // src/components/chat/chat-archive-page.tsx
-import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function ChatArchivePage({
   dialogs,
   onSelectDialog,
@@ -5879,7 +5951,7 @@ function ChatArchivePage({
   hasMore = false,
   onLoadMore
 }) {
-  return /* @__PURE__ */ jsxs38(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs38(Fragment9, { children: [
     /* @__PURE__ */ jsx45(
       ChatPanelHeaderMobile,
       {
@@ -6011,7 +6083,7 @@ var ChatSidebarSkeleton = React19.forwardRef(
 ChatSidebarSkeleton.displayName = "ChatSidebarSkeleton";
 
 // src/components/chat/chat-sidebar.tsx
-import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 var DialogListItem = forwardRef21(
   ({ className, dialog, isActive, onDialogSelect, onClick, ...props }, ref) => {
     const handleClick = (e) => {
@@ -6140,7 +6212,7 @@ var ChatSidebar = forwardRef21(
                 },
                 dialog.id
               )),
-              hasNextPage && /* @__PURE__ */ jsx47("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsxs40(Fragment9, { children: [
+              hasNextPage && /* @__PURE__ */ jsx47("div", { ref: loadMoreRef, children: isFetchingNextPage && /* @__PURE__ */ jsxs40(Fragment10, { children: [
                 /* @__PURE__ */ jsx47(DialogListItemSkeleton, {}),
                 /* @__PURE__ */ jsx47(DialogListItemSkeleton, {}),
                 /* @__PURE__ */ jsx47(DialogListItemSkeleton, {})
@@ -6515,7 +6587,7 @@ function PlatformBadge({
 }
 
 // src/components/chat/entity-cards/admin-content-card.tsx
-import { Fragment as Fragment10, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function AdminContentCard({
   imageUrl,
   placeholderUrl,
@@ -6549,7 +6621,7 @@ function AdminContentCard({
       {
         className: "relative aspect-[3/2] w-full overflow-hidden shrink-0",
         style: { backgroundColor: imageBgColor },
-        children: displayUrl ? /* @__PURE__ */ jsxs43(Fragment10, { children: [
+        children: displayUrl ? /* @__PURE__ */ jsxs43(Fragment11, { children: [
           !imageLoaded && /* @__PURE__ */ jsx53("div", { className: "absolute inset-0 animate-pulse bg-ods-border/20" }),
           /* @__PURE__ */ jsx53(
             next_image_default,
@@ -6609,7 +6681,7 @@ function getProxiedImageUrl2(imageUrl) {
 }
 
 // src/components/chat/entity-cards/what-i-shipped-card.tsx
-import { Fragment as Fragment11, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
 var STATUS_BADGE_CLASS = {
   published: "bg-ods-success-secondary text-ods-success",
   draft: "bg-ods-warning-secondary text-ods-warning",
@@ -6631,7 +6703,7 @@ function WhatIShippedCard({ entry, placeholderUrl, actions, anchorProps, classNa
           children: entry.status
         }
       ) : null,
-      meta: /* @__PURE__ */ jsxs44(Fragment11, { children: [
+      meta: /* @__PURE__ */ jsxs44(Fragment12, { children: [
         /* @__PURE__ */ jsxs44("span", { className: "flex items-center gap-2 min-w-0", children: [
           entry.author?.avatar_url ? /* @__PURE__ */ jsx54("img", { src: getProxiedImageUrl2(entry.author.avatar_url) ?? entry.author.avatar_url, alt: "", className: "h-5 w-5 rounded-full object-cover shrink-0" }) : null,
           /* @__PURE__ */ jsx54("span", { className: "truncate", children: entry.author?.full_name ?? "" })
@@ -6775,7 +6847,7 @@ import {
   TrendingUp,
   Wrench
 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx57, jsxs as jsxs45 } from "react/jsx-runtime";
 function ProductReleaseCard({
   title,
   summary,
@@ -6826,7 +6898,7 @@ function ProductReleaseCard({
       "no-underline",
       className
     );
-    const innerLayout = /* @__PURE__ */ jsxs45(Fragment12, { children: [
+    const innerLayout = /* @__PURE__ */ jsxs45(Fragment13, { children: [
       /* @__PURE__ */ jsxs45("div", { className: "flex flex-col md:flex-row gap-4 md:gap-6", children: [
         /* @__PURE__ */ jsx57("div", { className: "w-full md:w-[256px] flex-shrink-0", children: /* @__PURE__ */ jsxs45("div", { className: "relative rounded-lg overflow-hidden w-full aspect-[1200/630] bg-ods-bg", children: [
           coverImage ? /* @__PURE__ */ jsx57(
@@ -6851,7 +6923,7 @@ function ProductReleaseCard({
           /* @__PURE__ */ jsx57("div", { className: "min-h-[68px] md:min-h-[78px]", children: /* @__PURE__ */ jsx57("p", { className: "font-['DM_Sans'] text-sm md:text-base text-ods-text-secondary leading-relaxed line-clamp-3", children: summary ?? "" }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx57("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs45(Fragment12, { children: [
+      /* @__PURE__ */ jsx57("div", { className: "border-t border-ods-border pt-3 flex flex-wrap items-center gap-x-4 gap-y-1.5 font-['DM_Sans'] text-sm text-ods-text-secondary", children: totalChangelog > 0 && changelogCounts ? /* @__PURE__ */ jsxs45(Fragment13, { children: [
         changelogCounts.features > 0 && /* @__PURE__ */ jsxs45("span", { className: "inline-flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx57(Sparkles, { className: "w-3.5 h-3.5" }),
           changelogCounts.features,
@@ -6984,7 +7056,7 @@ function ProductReleaseCard({
       isInteractive ? "transition-colors hover:border-ods-text-secondary/40 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-1 focus-visible:ring-offset-ods-card" : "cursor-default",
       className
     );
-    const innerChildren = /* @__PURE__ */ jsxs45(Fragment12, { children: [
+    const innerChildren = /* @__PURE__ */ jsxs45(Fragment13, { children: [
       /* @__PURE__ */ jsxs45("span", { className: "relative flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center overflow-hidden rounded-md bg-ods-bg text-ods-accent", children: [
         coverImage ? /* @__PURE__ */ jsx57(
           next_image_default,
@@ -7161,7 +7233,7 @@ function buildProductReleaseCardProps(item) {
 import { useState as useState19 } from "react";
 import { Eye as Eye2 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment13, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
 function BlogCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ jsxs47("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -7333,7 +7405,7 @@ function BlogCard({
                   ) : null,
                   /* @__PURE__ */ jsxs47("span", { className: "truncate", children: [
                     post.author_name || "Anonymous",
-                    dateStr ? /* @__PURE__ */ jsxs47(Fragment13, { children: [
+                    dateStr ? /* @__PURE__ */ jsxs47(Fragment14, { children: [
                       " \xB7 ",
                       dateStr
                     ] }) : null
@@ -7488,7 +7560,7 @@ function CaseStudyCard({
 // src/components/chat/entity-cards/customer-interview-card.tsx
 init_cn();
 import { Video } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx61, jsxs as jsxs49 } from "react/jsx-runtime";
 var hideOnError2 = (e) => {
   ;
   e.currentTarget.style.display = "none";
@@ -7568,7 +7640,7 @@ function CustomerInterviewCard({
     ] });
   }
   return /* @__PURE__ */ jsx61("a", { href, target, rel, className: cn("block h-full", className), children: /* @__PURE__ */ jsxs49(Card, { className: "bg-ods-card border border-ods-border hover:border-ods-accent transition-colors p-6 flex flex-col gap-6 overflow-hidden", children: [
-    /* @__PURE__ */ jsx61("div", { className: "w-full aspect-[1200/630] rounded-sm overflow-hidden bg-ods-bg shrink-0 relative", children: thumbnailUrl ? /* @__PURE__ */ jsxs49(Fragment14, { children: [
+    /* @__PURE__ */ jsx61("div", { className: "w-full aspect-[1200/630] rounded-sm overflow-hidden bg-ods-bg shrink-0 relative", children: thumbnailUrl ? /* @__PURE__ */ jsxs49(Fragment15, { children: [
       /* @__PURE__ */ jsx61(
         "img",
         {
@@ -7938,7 +8010,7 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 init_cn();
 import { Loader2 } from "lucide-react";
-import { Fragment as Fragment15, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx66, jsxs as jsxs52 } from "react/jsx-runtime";
 var innerInputStyles = cn(
   "flex-1 min-w-[60px] bg-transparent border-none outline-none",
   "text-h4",
@@ -8374,7 +8446,7 @@ function AutocompleteInner(props, ref) {
         }
       }
     ),
-    multiple && /* @__PURE__ */ jsxs52(Fragment15, { children: [
+    multiple && /* @__PURE__ */ jsxs52(Fragment16, { children: [
       /* @__PURE__ */ jsx66(
         "span",
         {
@@ -11738,7 +11810,7 @@ function TabContent({
 init_next_navigation();
 init_cn();
 import { useState as useState29, useEffect as useEffect19, useMemo as useMemo11, useRef as useRef16, useCallback as useCallback12 } from "react";
-import { Fragment as Fragment16, jsx as jsx97, jsxs as jsxs78 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx97, jsxs as jsxs78 } from "react/jsx-runtime";
 function TabNavigation({
   activeTab: controlledActiveTab,
   onTabChange: controlledOnTabChange,
@@ -11825,7 +11897,7 @@ function TabNavigation({
     }
     return { background: c };
   })();
-  return /* @__PURE__ */ jsxs78(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs78(Fragment17, { children: [
     /* @__PURE__ */ jsxs78("div", { className: cn("relative w-full", className), children: [
       /* @__PURE__ */ jsx97("div", { ref: scrollRef, className: "flex gap-[var(--spacing-system-xxs)] items-center justify-start h-full overflow-x-auto overflow-y-hidden", children: tabs.map((tab) => {
         const isActive = activeTab === tab.id;
@@ -12101,7 +12173,7 @@ function StatusIndicator({ status, label, href }) {
 
 // src/components/ui/hover-dropdown.tsx
 import { useState as useState31, useRef as useRef18, useCallback as useCallback13 } from "react";
-import { Fragment as Fragment17, jsx as jsx102, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx102, jsxs as jsxs81 } from "react/jsx-runtime";
 function DefaultAnchor({
   href,
   className,
@@ -12127,7 +12199,7 @@ function HoverDropdown({
   const hide = useCallback13(() => {
     timeoutRef.current = setTimeout(() => setOpen(false), hideDelay);
   }, [hideDelay]);
-  if (items.length === 0) return /* @__PURE__ */ jsx102(Fragment17, { children });
+  if (items.length === 0) return /* @__PURE__ */ jsx102(Fragment18, { children });
   const toggle = useCallback13((e) => {
     e.stopPropagation();
     clearTimeout(timeoutRef.current);
@@ -12174,7 +12246,7 @@ function HoverDropdown({
               }
             },
             children: items.map((item, i) => {
-              const content = /* @__PURE__ */ jsxs81(Fragment17, { children: [
+              const content = /* @__PURE__ */ jsxs81(Fragment18, { children: [
                 item.icon && /* @__PURE__ */ jsx102("span", { className: "flex-shrink-0 [&_svg]:size-3.5", children: item.icon }),
                 /* @__PURE__ */ jsx102("span", { className: "truncate flex-1 min-w-0", children: item.label })
               ] });
@@ -12405,7 +12477,7 @@ function TagKeyValueFilter({
 }
 
 // src/components/ui/filter-modal.tsx
-import { Fragment as Fragment18, jsx as jsx106, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx106, jsxs as jsxs85 } from "react/jsx-runtime";
 function FilterModal({
   isOpen,
   onClose,
@@ -12481,7 +12553,7 @@ function FilterModal({
               "flex-1 min-h-0 flex flex-col",
               !isEmpty && "md:bg-ods-bg md:border md:border-ods-border md:rounded-md md:px-3"
             ),
-            children: /* @__PURE__ */ jsx106("div", { className: "flex-1 min-h-0 overflow-y-auto flex flex-col gap-4 md:py-3", children: isLoading ? /* @__PURE__ */ jsx106(Fragment18, { children: [0, 1].map((group) => /* @__PURE__ */ jsxs85("div", { className: "flex flex-col gap-1", children: [
+            children: /* @__PURE__ */ jsx106("div", { className: "flex-1 min-h-0 overflow-y-auto flex flex-col gap-4 md:py-3", children: isLoading ? /* @__PURE__ */ jsx106(Fragment19, { children: [0, 1].map((group) => /* @__PURE__ */ jsxs85("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsx106(Skeleton, { className: "h-5 w-24" }),
               /* @__PURE__ */ jsx106("div", { className: "rounded-md border border-ods-border overflow-hidden", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsxs85(
                 "div",
@@ -12501,7 +12573,7 @@ function FilterModal({
                 /* @__PURE__ */ jsx106("p", { className: "text-h4", children: emptyStateTitle }),
                 /* @__PURE__ */ jsx106("p", { className: "text-h6", children: emptyStateDescription })
               ] })
-            ] }) : /* @__PURE__ */ jsxs85(Fragment18, { children: [
+            ] }) : /* @__PURE__ */ jsxs85(Fragment19, { children: [
               sortConfig && sortConfig.columns.length > 0 && /* @__PURE__ */ jsxs85("div", { className: "flex flex-col gap-1", children: [
                 /* @__PURE__ */ jsx106("span", { className: "text-h5 text-ods-text-secondary", children: sortConfig.title || "Sort By" }),
                 /* @__PURE__ */ jsx106("div", { className: "rounded-md border border-ods-border overflow-hidden", children: sortConfig.columns.map((column) => /* @__PURE__ */ jsx106(
@@ -13276,7 +13348,7 @@ import {
   safePolygon,
   arrow
 } from "@floating-ui/react";
-import { Fragment as Fragment19, jsx as jsx118, jsxs as jsxs93 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx118, jsxs as jsxs93 } from "react/jsx-runtime";
 function parseColoredText(text) {
   if (typeof text !== "string") return text;
   const parts = [];
@@ -13301,7 +13373,7 @@ function parseColoredText(text) {
     const remainingText = text.slice(lastIndex);
     parts.push(/* @__PURE__ */ jsx118("span", { children: remainingText }, `text-${keyIndex++}`));
   }
-  return parts.length > 0 ? /* @__PURE__ */ jsx118(Fragment19, { children: parts }) : text;
+  return parts.length > 0 ? /* @__PURE__ */ jsx118(Fragment20, { children: parts }) : text;
 }
 function FloatingTooltip({
   content,
@@ -13355,7 +13427,7 @@ function FloatingTooltip({
     bottom: "top",
     left: "right"
   }[placement.split("-")[0]];
-  return /* @__PURE__ */ jsxs93(Fragment19, { children: [
+  return /* @__PURE__ */ jsxs93(Fragment20, { children: [
     /* @__PURE__ */ jsx118("div", { ref: refs.setReference, ...getReferenceProps(), children }),
     /* @__PURE__ */ jsx118(FloatingPortal, { children: isOpen && /* @__PURE__ */ jsxs93(
       "div",
@@ -13406,7 +13478,7 @@ function FloatingTooltip({
 }
 
 // src/components/ui/dashboard-info-card.tsx
-import { Fragment as Fragment20, jsx as jsx119, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx119, jsxs as jsxs94 } from "react/jsx-runtime";
 function DashboardInfoCard({
   title,
   titleSlot,
@@ -13421,7 +13493,7 @@ function DashboardInfoCard({
   valueClassName
 }) {
   const formattedValue = typeof value === "number" ? value.toLocaleString() : value;
-  const cardContent = /* @__PURE__ */ jsxs94(Fragment20, { children: [
+  const cardContent = /* @__PURE__ */ jsxs94(Fragment21, { children: [
     /* @__PURE__ */ jsxs94("div", { className: "flex-1 flex flex-col", children: [
       titleSlot ?? /* @__PURE__ */ jsx119("p", { className: "text-h5 text-ods-text-secondary", children: title }),
       /* @__PURE__ */ jsxs94("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
@@ -13639,7 +13711,7 @@ function DeviceCard({
 
 // src/components/ui/device-card-compact.tsx
 init_cn();
-import { Fragment as Fragment21, jsx as jsx122, jsxs as jsxs97 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx122, jsxs as jsxs97 } from "react/jsx-runtime";
 function DeviceCardCompact({
   deviceName,
   organization,
@@ -13649,7 +13721,7 @@ function DeviceCardCompact({
   const hasName = deviceName && deviceName !== "-" && deviceName !== "null";
   const hasOrg = organization && organization !== "-" && organization !== "null";
   if (!hasName && !hasOrg) {
-    return /* @__PURE__ */ jsx122(Fragment21, {});
+    return /* @__PURE__ */ jsx122(Fragment22, {});
   }
   return /* @__PURE__ */ jsxs97(
     "div",
@@ -14063,7 +14135,7 @@ function DropdownButton({
 init_next_link();
 init_cn();
 init_button2();
-import { Fragment as Fragment22, jsx as jsx129, jsxs as jsxs102 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx129, jsxs as jsxs102 } from "react/jsx-runtime";
 function MoreActionsMenu({
   items,
   align = "end",
@@ -14101,7 +14173,7 @@ function MoreActionsMenu({
         ),
         children: items.map((item, idx) => {
           const itemClassName = "flex items-center gap-2 px-4 py-3 bg-ods-bg hover:bg-ods-bg-hover focus:bg-ods-bg-hover border-b border-ods-border last:border-b-0 rounded-none cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed";
-          const content = /* @__PURE__ */ jsxs102(Fragment22, { children: [
+          const content = /* @__PURE__ */ jsxs102(Fragment23, { children: [
             item.icon && /* @__PURE__ */ jsx129("div", { className: cn(item.danger ? "text-ods-error" : "text-ods-text-secondary", "[&_svg]:size-6 [&_svg]:shrink-0"), children: item.icon }),
             /* @__PURE__ */ jsx129("span", { className: "font-medium text-[18px] leading-6 text-ods-text-primary", children: item.label })
           ] });
@@ -14841,7 +14913,7 @@ function CommandBox({
   const lineClampClass = maxLines > 0 ? lineClampClasses[maxLines] : void 0;
   return /* @__PURE__ */ jsxs108("div", { className: cn("flex flex-col gap-2", className), children: [
     title && /* @__PURE__ */ jsx139("div", { className: "text-ods-text-primary text-[18px] font-medium", children: title }),
-    /* @__PURE__ */ jsxs108("div", { className: "bg-ods-card border border-ods-border rounded-[6px] p-4", children: [
+    /* @__PURE__ */ jsxs108("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] p-4", children: [
       /* @__PURE__ */ jsx139(
         "div",
         {
@@ -16535,9 +16607,7 @@ var ParallaxImageShowcase = ({
 };
 
 // src/components/features/paths-display.tsx
-init_button2();
 init_cn();
-import { Copy } from "lucide-react";
 import { jsx as jsx150, jsxs as jsxs116 } from "react/jsx-runtime";
 function PathsDisplay({
   paths,
@@ -16546,28 +16616,28 @@ function PathsDisplay({
   description,
   className,
   showCopyButtons = true,
-  copyIconSize = "w-5 h-5"
+  copyIconSize = "w-6 h-6"
 }) {
   if (!paths || paths.length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxs116("div", { className: cn("flex flex-col gap-3", className), children: [
-    title && /* @__PURE__ */ jsx150("div", { className: "text-ods-text-primary text-[16px] md:text-[18px]", children: title }),
-    description && /* @__PURE__ */ jsx150("div", { className: "text-ods-text-secondary text-[14px] md:text-[16px]", children: description }),
+    title && /* @__PURE__ */ jsx150("div", { className: "text-h4 text-ods-text-primary", children: title }),
+    description && /* @__PURE__ */ jsx150("div", { className: "text-h6 text-ods-text-secondary", children: description }),
     /* @__PURE__ */ jsx150("div", { className: "bg-ods-bg border border-ods-border rounded-[6px] overflow-hidden", children: paths.map((path) => /* @__PURE__ */ jsxs116(
       "div",
       {
-        className: "flex items-center justify-between p-4 border-b border-ods-border last:border-b-0",
+        className: "flex items-center gap-4 p-4 border-b border-ods-border last:border-b-0",
         children: [
-          /* @__PURE__ */ jsx150("span", { className: "text-ods-text-primary font-medium text-[14px] md:text-[16px] font-mono break-all", children: path }),
+          /* @__PURE__ */ jsx150("span", { className: "flex-1 min-w-0 text-h4 text-ods-text-primary truncate", children: path }),
           showCopyButtons && onCopyPath && /* @__PURE__ */ jsx150(
-            Button,
+            "button",
             {
-              variant: "transparent",
-              size: "small-legacy",
+              type: "button",
               onClick: () => onCopyPath(path),
-              className: "ml-4 shrink-0",
-              children: /* @__PURE__ */ jsx150(Copy, { className: copyIconSize })
+              "aria-label": `Copy ${path}`,
+              className: "shrink-0 rounded-md text-ods-text-secondary transition-colors hover:text-ods-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-focus",
+              children: /* @__PURE__ */ jsx150(Copy02Icon, { className: copyIconSize })
             }
           )
         ]
@@ -17065,7 +17135,7 @@ SelectButton.displayName = "SelectButton";
 // src/components/features/seo-editor-preview.tsx
 import { useState as useState47 } from "react";
 import { Globe as Globe2, ExternalLink as ExternalLink3, Upload as Upload3, X as X6, Loader2 as Loader25, Sparkles as Sparkles2 } from "lucide-react";
-import { Fragment as Fragment23, jsx as jsx155, jsxs as jsxs121 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx155, jsxs as jsxs121 } from "react/jsx-runtime";
 function SEOEditorPreview({
   seoTitle,
   seoDescription,
@@ -17114,7 +17184,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs121("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs121("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx155(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Title" }),
-          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs121(Fragment23, { children: [
+          aiConfidenceSeoTitle !== void 0 && /* @__PURE__ */ jsxs121(Fragment24, { children: [
             /* @__PURE__ */ jsxs121(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx155(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
@@ -17145,7 +17215,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs121("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs121("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx155(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Keywords" }),
-          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs121(Fragment23, { children: [
+          aiConfidenceSeoKeywords !== void 0 && /* @__PURE__ */ jsxs121(Fragment24, { children: [
             /* @__PURE__ */ jsxs121(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx155(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
@@ -17177,7 +17247,7 @@ function SEOEditorPreview({
       /* @__PURE__ */ jsxs121("div", { className: "space-y-2 flex flex-col h-full", children: [
         /* @__PURE__ */ jsxs121("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx155(Label, { className: "font-['DM_Sans'] text-[14px] font-medium text-ods-text-primary", children: "SEO Description" }),
-          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs121(Fragment23, { children: [
+          aiConfidenceSeoDescription !== void 0 && /* @__PURE__ */ jsxs121(Fragment24, { children: [
             /* @__PURE__ */ jsxs121(Badge, { variant: "secondary", className: "flex items-center gap-1", children: [
               /* @__PURE__ */ jsx155(Sparkles2, { className: "h-3 w-3" }),
               "AI Generated"
@@ -17251,7 +17321,7 @@ function SEOEditorPreview({
             {
               className: "h-full min-h-[280px] border-2 border-dashed border-ods-border rounded-lg flex flex-col items-center justify-center cursor-pointer hover:border-ods-accent transition-colors bg-ods-bg-hover",
               onClick: () => onOgImageUpload && fileInputRef?.click(),
-              children: isUploading ? /* @__PURE__ */ jsx155(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs121(Fragment23, { children: [
+              children: isUploading ? /* @__PURE__ */ jsx155(Loader25, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs121(Fragment24, { children: [
                 /* @__PURE__ */ jsx155(Upload3, { className: "h-8 w-8 text-ods-text-secondary mb-2" }),
                 /* @__PURE__ */ jsx155("span", { className: "text-sm text-ods-text-secondary font-['DM_Sans']", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
               ] })
@@ -19407,7 +19477,7 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/features/policy-configuration-panel.tsx
-import { Fragment as Fragment24, jsx as jsx179, jsxs as jsxs140 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx179, jsxs as jsxs140 } from "react/jsx-runtime";
 var approvalLevelOptions = [
   { value: "ALLOW", label: "Allow" },
   { value: "ASK_USER", label: "Ask User" },
@@ -19469,7 +19539,7 @@ var CategorySection = ({
   onPolicyPermissionChange
 }) => {
   const { contentRef, height } = useAnimatedHeight(category.isExpanded);
-  return /* @__PURE__ */ jsxs140(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs140(Fragment25, { children: [
     /* @__PURE__ */ jsxs140(
       "div",
       {
@@ -19712,7 +19782,7 @@ function CountryOption({ country }) {
 init_cn();
 import { getCountries } from "libphonenumber-js";
 import { useEffect as useEffect35, useState as useState53 } from "react";
-import { Fragment as Fragment25, jsx as jsx181, jsxs as jsxs142 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx181, jsxs as jsxs142 } from "react/jsx-runtime";
 function WaitlistForm({
   id = "waitlist-form",
   className,
@@ -19857,7 +19927,7 @@ function WaitlistForm({
               error: showConsentError ? "Please agree to SMS notifications to continue." : void 0,
               disabled: isSubmitting,
               label: smsCheckboxLabel,
-              description: /* @__PURE__ */ jsxs142(Fragment25, { children: [
+              description: /* @__PURE__ */ jsxs142(Fragment26, { children: [
                 consentText,
                 " View our ",
                 /* @__PURE__ */ jsx181(
@@ -20235,7 +20305,7 @@ function NotificationTile({
 }
 
 // src/components/features/notifications/notification-drawer.tsx
-import { Fragment as Fragment26, jsx as jsx184, jsxs as jsxs144 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx184, jsxs as jsxs144 } from "react/jsx-runtime";
 function NotificationDrawer({
   className,
   liveDurationMs,
@@ -20363,7 +20433,7 @@ function DrawerScrollList({
     {
       ref: scrollRef,
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
-      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx184(EmptyState, {}) : /* @__PURE__ */ jsxs144(Fragment26, { children: [
+      children: isEmpty && !isLoadingMore ? /* @__PURE__ */ jsx184(EmptyState, {}) : /* @__PURE__ */ jsxs144(Fragment27, { children: [
         unreadNotifications.map((n) => {
           const custom = renderTile?.(n, { onComplete, onSettle, liveDurationMs });
           if (custom) return /* @__PURE__ */ jsx184("div", { children: custom }, n.id);
@@ -20385,7 +20455,7 @@ function DrawerScrollList({
   );
 }
 function DrawerLoadingTiles() {
-  return /* @__PURE__ */ jsxs144(Fragment26, { children: [
+  return /* @__PURE__ */ jsxs144(Fragment27, { children: [
     /* @__PURE__ */ jsx184(
       "div",
       {
@@ -21137,7 +21207,7 @@ function HeaderButton({
 }
 
 // src/components/features/time-tracker/time-tracker-header-button.tsx
-import { Fragment as Fragment27, jsx as jsx190, jsxs as jsxs147 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx190, jsxs as jsxs147 } from "react/jsx-runtime";
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
@@ -21160,7 +21230,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
           isActive && "w-auto gap-[var(--spacing-system-xsf)] px-[var(--spacing-system-sf)] md:w-auto",
           className
         ),
-        icon: /* @__PURE__ */ jsxs147(Fragment27, { children: [
+        icon: /* @__PURE__ */ jsxs147(Fragment28, { children: [
           /* @__PURE__ */ jsx190(
             ClockHistoryIcon,
             {
@@ -21389,7 +21459,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
 }
 
 // src/components/features/board/ticket-card.tsx
-import { Fragment as Fragment28, jsx as jsx193, jsxs as jsxs150 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx193, jsxs as jsxs150 } from "react/jsx-runtime";
 var PRIORITY_COLOR_CLASS = {
   low: "text-ods-text-secondary",
   medium: "text-ods-info",
@@ -21462,7 +21532,7 @@ function TicketCard({
   ] }) : null;
   const timestampLabel = ticket.createdAt ? formatTicketRelativeTime(ticket.createdAt) : null;
   const tooltipLabel = ticket.createdAt ? formatTicketFullTimestamp(ticket.createdAt) : null;
-  const body = /* @__PURE__ */ jsxs150(Fragment28, { children: [
+  const body = /* @__PURE__ */ jsxs150(Fragment29, { children: [
     /* @__PURE__ */ jsxs150("div", { className: "flex items-start gap-[var(--spacing-system-sf)]", children: [
       /* @__PURE__ */ jsxs150("div", { className: "flex min-w-0 flex-1 flex-col gap-[var(--spacing-system-zero)]", title: ticket.title, children: [
         /* @__PURE__ */ jsx193("p", { className: "text-h3 truncate text-ods-text-primary", children: ticket.title }),
@@ -21590,7 +21660,7 @@ var TicketCardSkeleton = React78.forwardRef(
 TicketCardSkeleton.displayName = "TicketCardSkeleton";
 
 // src/components/features/board/board-column.tsx
-import { Fragment as Fragment29, jsx as jsx195, jsxs as jsxs152 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx195, jsxs as jsxs152 } from "react/jsx-runtime";
 function BoardColumn({
   column,
   collapsed = false,
@@ -21629,7 +21699,7 @@ function BoardColumn({
             onArchive: !collapsed && column.archivable && onArchive ? () => onArchive(column.id) : void 0
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxs152(Fragment29, { children: [
+        !collapsed && /* @__PURE__ */ jsxs152(Fragment30, { children: [
           /* @__PURE__ */ jsx195("div", { "aria-hidden": true, className: "-mx-[var(--spacing-system-sf)] h-px shrink-0 bg-ods-border" }),
           /* @__PURE__ */ jsx195(
             ColumnBody,
@@ -21722,7 +21792,7 @@ function SkeletonStack({ count = 4 }) {
     () => Array.from({ length: count }, () => Math.random().toString(36).slice(2)),
     [count]
   );
-  return /* @__PURE__ */ jsx195(Fragment29, { children: keys.map((k) => /* @__PURE__ */ jsx195(TicketCardSkeleton, {}, k)) });
+  return /* @__PURE__ */ jsx195(Fragment30, { children: keys.map((k) => /* @__PURE__ */ jsx195(TicketCardSkeleton, {}, k)) });
 }
 function EmptyState2() {
   return /* @__PURE__ */ jsxs152("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-lf)] p-[var(--spacing-system-lf)] text-center text-ods-text-secondary", children: [
@@ -22134,7 +22204,7 @@ function SortableRow({
 init_next_link();
 import React82, { useEffect as useEffect43, useRef as useRef32, useState as useState62 } from "react";
 init_button2();
-import { Fragment as Fragment31, jsx as jsx198, jsxs as jsxs154 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx198, jsxs as jsxs154 } from "react/jsx-runtime";
 function Header2({ config, platform }) {
   const [show, setShow] = useState62(true);
   const [lastScrollY, setLastScrollY] = useState62(0);
@@ -22279,7 +22349,7 @@ function Header2({ config, platform }) {
                 },
                 child.id
               )) }),
-              item.dropdownContent && /* @__PURE__ */ jsxs154(Fragment31, { children: [
+              item.dropdownContent && /* @__PURE__ */ jsxs154(Fragment32, { children: [
                 item.showDropdownDivider !== false && /* @__PURE__ */ jsx198("div", { className: "h-px my-2 mx-2 bg-ods-border" }),
                 /* @__PURE__ */ jsx198("div", { className: "px-2 pb-2", children: item.dropdownContent })
               ] })
@@ -22462,7 +22532,7 @@ function ClientOnlyHeader({ config, skeleton }) {
 import { useEffect as useEffect45, useRef as useRef33 } from "react";
 init_button2();
 import { X as X10 } from "lucide-react";
-import { Fragment as Fragment32, jsx as jsx201, jsxs as jsxs156 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx201, jsxs as jsxs156 } from "react/jsx-runtime";
 function MobileNavPanel({ isOpen, config }) {
   const panelRef = useRef33(null);
   useEffect45(() => {
@@ -22535,7 +22605,7 @@ function MobileNavPanel({ isOpen, config }) {
       item.id
     );
   };
-  return /* @__PURE__ */ jsxs156(Fragment32, { children: [
+  return /* @__PURE__ */ jsxs156(Fragment33, { children: [
     /* @__PURE__ */ jsx201(
       "div",
       {
@@ -22586,7 +22656,7 @@ function MobileNavPanel({ isOpen, config }) {
 import { useState as useState64, useEffect as useEffect46 } from "react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 init_button2();
-import { Fragment as Fragment33, jsx as jsx202, jsxs as jsxs157 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx202, jsxs as jsxs157 } from "react/jsx-runtime";
 function SlidingSidebar({ config }) {
   const [expandedItems, setExpandedItems] = useState64(/* @__PURE__ */ new Set());
   const [mounted, setMounted] = useState64(false);
@@ -22708,7 +22778,7 @@ function SlidingSidebar({ config }) {
   if (!mounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxs157(Fragment33, { children: [
+  return /* @__PURE__ */ jsxs157(Fragment34, { children: [
     /* @__PURE__ */ jsx202(AnimatePresence, { children: config.isOpen && /* @__PURE__ */ jsx202(
       motion2.div,
       {
@@ -22900,7 +22970,7 @@ function NavigationSidebarToggle({
 }
 
 // src/components/navigation/navigation-sidebar.tsx
-import { Fragment as Fragment34, jsx as jsx206, jsxs as jsxs161 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx206, jsxs as jsxs161 } from "react/jsx-runtime";
 var MINIMIZED_WIDTH = 56;
 var EXPANDED_WIDTH = 224;
 var STORAGE_KEY = "of.navigationSidebar.minimized";
@@ -22965,7 +23035,7 @@ function NavigationSidebar({ config, disabled = false }) {
       return () => cancelAnimationFrame(id);
     }
   }, [isHydrated, transitionsEnabled]);
-  return /* @__PURE__ */ jsxs161(Fragment34, { children: [
+  return /* @__PURE__ */ jsxs161(Fragment35, { children: [
     /* @__PURE__ */ jsx206(
       "div",
       {
@@ -22999,7 +23069,7 @@ function NavigationSidebar({ config, disabled = false }) {
         ),
         style: { width: sidebarWidth },
         "aria-label": "Main navigation sidebar",
-        children: isHydrated && /* @__PURE__ */ jsxs161(Fragment34, { children: [
+        children: isHydrated && /* @__PURE__ */ jsxs161(Fragment35, { children: [
           /* @__PURE__ */ jsx206(NavigationSidebarHeader, { minimized }),
           /* @__PURE__ */ jsxs161("div", { className: "flex-1 flex flex-col justify-between py-4 overflow-y-auto", children: [
             /* @__PURE__ */ jsx206("nav", { className: "flex flex-col", "aria-label": "Primary navigation", children: primaryItems.map((item) => /* @__PURE__ */ jsx206(
@@ -23408,7 +23478,7 @@ import { createContext as createContext8, Suspense as Suspense2, useCallback as
 
 // src/components/navigation/mobile-burger-menu.tsx
 import React87, { useCallback as useCallback25, useEffect as useEffect48 } from "react";
-import { Fragment as Fragment35, jsx as jsx211, jsxs as jsxs166 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx211, jsxs as jsxs166 } from "react/jsx-runtime";
 var HEADER_HEIGHT = 48;
 var MobileBurgerMenu = React87.memo(function MobileBurgerMenu2({
   isOpen,
@@ -23494,7 +23564,7 @@ var MobileBurgerMenu = React87.memo(function MobileBurgerMenu2({
       row.length === 1 && /* @__PURE__ */ jsx211("div", { className: "flex-1" })
     ] }, rowIndex)) });
   };
-  return /* @__PURE__ */ jsxs166(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs166(Fragment36, { children: [
     /* @__PURE__ */ jsx211(
       "div",
       {
@@ -24468,7 +24538,7 @@ import React90, { useRef as useRef35, useCallback as useCallback28 } from "react
 import React89 from "react";
 init_button2();
 init_cn();
-import { Fragment as Fragment36, jsx as jsx221, jsxs as jsxs176 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx221, jsxs as jsxs176 } from "react/jsx-runtime";
 function OnboardingStepCard({
   step,
   isCompleted,
@@ -24510,10 +24580,10 @@ function OnboardingStepCard({
           /* @__PURE__ */ jsx221("h3", { className: "text-h4 text-ods-text-primary truncate", title: step.title, children: step.title }),
           /* @__PURE__ */ jsx221("p", { className: "font-['DM_Sans'] font-medium text-[14px] leading-[20px] text-ods-text-secondary truncate h-[20px]", title: step.description, children: step.description })
         ] }),
-        /* @__PURE__ */ jsx221("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs176(Fragment36, { children: [
+        /* @__PURE__ */ jsx221("div", { className: "flex items-center gap-2 w-full md:w-auto justify-start md:justify-end shrink-0", onClick: (e) => e.stopPropagation(), children: isCheckingCompletion ? /* @__PURE__ */ jsxs176(Fragment37, { children: [
           /* @__PURE__ */ jsx221("div", { className: "h-[32px] w-[100px] bg-ods-border rounded-[6px] animate-pulse" }),
           /* @__PURE__ */ jsx221("div", { className: "h-[32px] w-[120px] bg-ods-border rounded-[6px] animate-pulse" })
-        ] }) : isCompleted ? /* @__PURE__ */ jsxs176(Fragment36, { children: [
+        ] }) : isCompleted ? /* @__PURE__ */ jsxs176(Fragment37, { children: [
           /* @__PURE__ */ jsx221(
             StatusBadge,
             {
@@ -24532,14 +24602,14 @@ function OnboardingStepCard({
               children: step.completedText
             }
           )
-        ] }) : isSkipped ? /* @__PURE__ */ jsx221(Fragment36, { children: /* @__PURE__ */ jsx221(
+        ] }) : isSkipped ? /* @__PURE__ */ jsx221(Fragment37, { children: /* @__PURE__ */ jsx221(
           StatusBadge,
           {
             text: "SKIPPED",
             variant: "card",
             colorScheme: "default"
           }
-        ) }) : /* @__PURE__ */ jsxs176(Fragment36, { children: [
+        ) }) : /* @__PURE__ */ jsxs176(Fragment37, { children: [
           /* @__PURE__ */ jsx221(
             Button,
             {
@@ -25424,7 +25494,7 @@ function getHideClasses(hideAt) {
 }
 
 // src/components/ui/table/table-header.tsx
-import { Fragment as Fragment37, jsx as jsx234, jsxs as jsxs186 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx234, jsxs as jsxs186 } from "react/jsx-runtime";
 function TableHeader({
   columns,
   className,
@@ -25535,10 +25605,10 @@ function TableHeader({
                       column.sortable && "cursor-pointer hover:text-ods-text-primary transition-colors"
                     ),
                     onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs186(Fragment37, { children: [
+                    children: column.renderHeader ? /* @__PURE__ */ jsxs186(Fragment38, { children: [
                       column.renderHeader(),
                       getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs186(Fragment37, { children: [
+                    ] }) : /* @__PURE__ */ jsxs186(Fragment38, { children: [
                       /* @__PURE__ */ jsx234("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap", children: column.label }),
                       getSortIcon(column)
                     ] })
@@ -25593,7 +25663,7 @@ function TableCell({
 
 // src/components/ui/table/table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment38, jsx as jsx236, jsxs as jsxs187 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx236, jsxs as jsxs187 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE = "h-[68px]";
 function TableCardSkeleton({
@@ -25604,7 +25674,7 @@ function TableCardSkeleton({
   className,
   rowClassName
 }) {
-  return /* @__PURE__ */ jsx236(Fragment38, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs187(
+  return /* @__PURE__ */ jsx236(Fragment39, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs187(
     "div",
     {
       className: cn(
@@ -25759,7 +25829,7 @@ function TableRow({
 }
 
 // src/components/ui/table/table.tsx
-import { Fragment as Fragment39, jsx as jsx238, jsxs as jsxs189 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx238, jsxs as jsxs189 } from "react/jsx-runtime";
 function injectSyntheticColumns(columns, rowActions, renderRowActions, rowHref) {
   const hasActions = Boolean(rowActions?.length) || Boolean(renderRowActions);
   const result = [...columns];
@@ -25959,7 +26029,7 @@ function Table({
         hasActions: Boolean(rowActions) && rowActions.length > 0,
         hasChevron: Boolean(rowHref)
       }
-    ) : data.length === 0 ? /* @__PURE__ */ jsx238(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs189(Fragment39, { children: [
+    ) : data.length === 0 ? /* @__PURE__ */ jsx238(TableEmptyState, { message: emptyMessage }) : /* @__PURE__ */ jsxs189(Fragment40, { children: [
       data.map((item, index) => /* @__PURE__ */ jsx238(
         TableRow,
         {
@@ -26580,7 +26650,7 @@ function DataTableColumnFilter({
 }
 
 // src/components/ui/data-table/data-table-header.tsx
-import { Fragment as Fragment40, jsx as jsx247, jsxs as jsxs196 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx247, jsxs as jsxs196 } from "react/jsx-runtime";
 function DataTableHeader({
   className,
   stickyHeader,
@@ -26674,7 +26744,7 @@ function HeaderLabel({ header }) {
   if (typeof headerDef === "string") {
     return /* @__PURE__ */ jsx247("span", { className: "text-h5 text-ods-text-secondary uppercase whitespace-nowrap transition-colors duration-200 group-hover:text-ods-text-primary", children: headerDef });
   }
-  return /* @__PURE__ */ jsx247(Fragment40, { children: flexRender(headerDef, header.getContext()) });
+  return /* @__PURE__ */ jsx247(Fragment41, { children: flexRender(headerDef, header.getContext()) });
 }
 function SortIcon({ sorted }) {
   if (sorted === "asc") return /* @__PURE__ */ jsx247(Arrow01UpIcon, { className: "w-4 h-4 text-ods-accent" });
@@ -26713,7 +26783,7 @@ import { flexRender as flexRender2 } from "@tanstack/react-table";
 
 // src/components/ui/data-table/data-table-skeleton.tsx
 init_cn();
-import { Fragment as Fragment41, jsx as jsx249, jsxs as jsxs197 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx249, jsxs as jsxs197 } from "react/jsx-runtime";
 var ROW_HEIGHT_DESKTOP2 = "h-[68px] md:h-[80px]";
 var ROW_HEIGHT_MOBILE2 = "h-[68px]";
 function DataTableSkeleton({
@@ -26724,7 +26794,7 @@ function DataTableSkeleton({
   const table = useDataTableContext();
   const columns = table.getVisibleFlatColumns();
   const firstColumnId = columns[0]?.id;
-  return /* @__PURE__ */ jsx249(Fragment41, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs197(
+  return /* @__PURE__ */ jsx249(Fragment42, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs197(
     "div",
     {
       className: cn(
@@ -26780,7 +26850,7 @@ function DataTableSkeleton({
 }
 
 // src/components/ui/data-table/data-table-row.tsx
-import { Fragment as Fragment42, jsx as jsx250, jsxs as jsxs198 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx250, jsxs as jsxs198 } from "react/jsx-runtime";
 function DataTableRowImpl({
   row,
   onClick,
@@ -26881,7 +26951,7 @@ function CellContent({ children }) {
   if (typeof children === "string" || typeof children === "number") {
     return /* @__PURE__ */ jsx250("span", { className: "text-h4 text-ods-text-primary truncate", title: String(children), children });
   }
-  return /* @__PURE__ */ jsx250(Fragment42, { children });
+  return /* @__PURE__ */ jsx250(Fragment43, { children });
 }
 
 // src/components/ui/data-table/data-table-body.tsx
@@ -26959,7 +27029,7 @@ function DataTableBody({
 
 // src/components/ui/data-table/data-table-infinite-footer.tsx
 import { useEffect as useEffect51, useRef as useRef41 } from "react";
-import { Fragment as Fragment43, jsx as jsx252, jsxs as jsxs200 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx252, jsxs as jsxs200 } from "react/jsx-runtime";
 function DataTableInfiniteFooter({
   hasNextPage,
   isFetchingNextPage,
@@ -26983,7 +27053,7 @@ function DataTableInfiniteFooter({
     observer.observe(sentinel);
     return () => observer.disconnect();
   }, [hasNextPage, isFetchingNextPage, rootMargin]);
-  return /* @__PURE__ */ jsxs200(Fragment43, { children: [
+  return /* @__PURE__ */ jsxs200(Fragment44, { children: [
     isFetchingNextPage && /* @__PURE__ */ jsx252(DataTableSkeleton, { rows: skeletonRows }),
     hasNextPage && /* @__PURE__ */ jsx252("div", { ref: sentinelRef, className: "h-1", "aria-hidden": "true" })
   ] });
@@ -28008,7 +28078,7 @@ function FileUpload({
 import * as React100 from "react";
 import { Loader2 as Loader211 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment45, jsx as jsx258, jsxs as jsxs206 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx258, jsxs as jsxs206 } from "react/jsx-runtime";
 var DEFAULT_MAX_SIZE = 25 * 1024 * 1024;
 function formatSize(bytes) {
   const mb = bytes / (1024 * 1024);
@@ -28134,7 +28204,7 @@ function ImageUploader({
           !interactive && "opacity-60",
           !hasImage && !interactive && "cursor-not-allowed"
         ),
-        children: hasImage ? /* @__PURE__ */ jsxs206(Fragment45, { children: [
+        children: hasImage ? /* @__PURE__ */ jsxs206(Fragment46, { children: [
           /* @__PURE__ */ jsx258("div", { className: "relative min-h-0 w-full flex-1 overflow-hidden rounded-md", children: /* @__PURE__ */ jsx258(
             "img",
             {
@@ -28171,7 +28241,7 @@ function ImageUploader({
             )
           ] }),
           loading && /* @__PURE__ */ jsx258("div", { className: "absolute inset-0 flex items-center justify-center rounded-md bg-ods-overlay", children: /* @__PURE__ */ jsx258(Loader211, { className: "size-8 animate-spin text-ods-text-on-dark" }) })
-        ] }) : loading ? /* @__PURE__ */ jsx258(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs206(Fragment45, { children: [
+        ] }) : loading ? /* @__PURE__ */ jsx258(Loader211, { className: "size-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ jsxs206(Fragment46, { children: [
           /* @__PURE__ */ jsx258("div", { className: "flex shrink-0 items-center justify-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-s)]", children: /* @__PURE__ */ jsx258(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
           /* @__PURE__ */ jsxs206("div", { className: "flex w-full flex-col items-center text-center", children: [
             /* @__PURE__ */ jsx258("p", { className: "text-h4 text-ods-text-primary", children: label }),
@@ -28241,7 +28311,7 @@ PopoverContent.displayName = PopoverPrimitive4.Content.displayName;
 
 // src/components/ui/color-preset-select.tsx
 init_cn();
-import { Fragment as Fragment46, jsx as jsx260, jsxs as jsxs207 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx260, jsxs as jsxs207 } from "react/jsx-runtime";
 var TICKET_STATUS_COLOR_PRESETS = [
   { key: "green", label: "Green", color: "#5ea62e" },
   { key: "lime", label: "Lime", color: "#8bc34a" },
@@ -28392,7 +28462,7 @@ function RgbInputs({ value, onChange }) {
     const b = next.b ?? rgb.b;
     onChange(rgbToHex(r, g, b));
   };
-  return /* @__PURE__ */ jsxs207(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs207(Fragment47, { children: [
     /* @__PURE__ */ jsx260(ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
     /* @__PURE__ */ jsx260(ChannelInput, { value: rgb.g, min: 0, max: 255, ariaLabel: "Green", onCommit: (g) => update({ g }) }),
     /* @__PURE__ */ jsx260(ChannelInput, { value: rgb.b, min: 0, max: 255, ariaLabel: "Blue", onCommit: (b) => update({ b }) })
@@ -28408,7 +28478,7 @@ function HslInputs({ value, onChange }) {
     const out = hslToRgb(h, s, l);
     onChange(rgbToHex(out.r, out.g, out.b));
   };
-  return /* @__PURE__ */ jsxs207(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs207(Fragment47, { children: [
     /* @__PURE__ */ jsx260(ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
     /* @__PURE__ */ jsx260(ChannelInput, { value: hsl.s, min: 0, max: 100, ariaLabel: "Saturation", onCommit: (s) => update({ s }) }),
     /* @__PURE__ */ jsx260(ChannelInput, { value: hsl.l, min: 0, max: 100, ariaLabel: "Lightness", onCommit: (l) => update({ l }) })
@@ -28938,7 +29008,7 @@ init_cn();
 // src/components/ui/ticket-note-card.tsx
 import * as React105 from "react";
 init_cn();
-import { Fragment as Fragment47, jsx as jsx265, jsxs as jsxs212 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx265, jsxs as jsxs212 } from "react/jsx-runtime";
 function TicketNoteCard({ note, onEdit, onDelete, className }) {
   const [isEditing, setIsEditing] = React105.useState(false);
   const [editText, setEditText] = React105.useState(note.text);
@@ -29012,7 +29082,7 @@ function TicketNoteCard({ note, onEdit, onDelete, className }) {
               children: /* @__PURE__ */ jsx265(XmarkIcon, { className: "size-5" })
             }
           )
-        ] }) : /* @__PURE__ */ jsxs212(Fragment47, { children: [
+        ] }) : /* @__PURE__ */ jsxs212(Fragment48, { children: [
           /* @__PURE__ */ jsx265("p", { className: "text-h4 text-ods-text-primary", children: note.text }),
           /* @__PURE__ */ jsxs212(
             "p",
@@ -29119,7 +29189,7 @@ function TicketNotesSection({
 }
 
 // src/components/ui/ticket-info-section.tsx
-import { Fragment as Fragment48, jsx as jsx267, jsxs as jsxs214 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx267, jsxs as jsxs214 } from "react/jsx-runtime";
 function InfoCell2({ value, label, icon, onClick }) {
   return /* @__PURE__ */ jsx267("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs214("div", { className: "flex flex-col justify-center", children: [
     /* @__PURE__ */ jsxs214("div", { className: "flex items-center gap-1 w-full min-w-0", children: [
@@ -29244,7 +29314,7 @@ function TicketInfoSection({
             )
           ] })
         ] }),
-        expanded && /* @__PURE__ */ jsxs214(Fragment48, { children: [
+        expanded && /* @__PURE__ */ jsxs214(Fragment49, { children: [
           createdAt && /* @__PURE__ */ jsx267("div", { className: "grid grid-cols-2 gap-4 px-4 py-3 bg-ods-bg border-b border-ods-border items-center", children: /* @__PURE__ */ jsx267(InfoCell2, { value: createdAt, label: "Created" }) }),
           /* @__PURE__ */ jsxs214("div", { className: "flex flex-col gap-4 p-4 bg-ods-bg border-b border-ods-border", children: [
             description && /* @__PURE__ */ jsx267(SimpleMarkdownRenderer, { content: description }),
@@ -29269,7 +29339,7 @@ function TicketInfoSection({
 
 // src/components/ui/image-gallery-modal.tsx
 import { ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight9 } from "lucide-react";
-import { Fragment as Fragment49, jsx as jsx268, jsxs as jsxs215 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx268, jsxs as jsxs215 } from "react/jsx-runtime";
 function ImageGalleryModal({
   images,
   isOpen,
@@ -29325,7 +29395,7 @@ function ImageGalleryModal({
       onClose,
       className: "max-w-[95vw]",
       children: /* @__PURE__ */ jsxs215("div", { className: "relative flex items-center justify-center bg-black rounded-lg", children: [
-        images.length > 1 && /* @__PURE__ */ jsxs215(Fragment49, { children: [
+        images.length > 1 && /* @__PURE__ */ jsxs215(Fragment50, { children: [
           selectedImageIndex > 0 && /* @__PURE__ */ jsx268("div", { className: "absolute left-4 top-1/2 -translate-y-1/2 z-[10000]", children: /* @__PURE__ */ jsx268(
             Button,
             {
@@ -29443,7 +29513,7 @@ function TaskTypeIcon({ customItemId, className = "h-5 w-5" }) {
 }
 
 // src/components/chat/entity-cards/roadmap-card.tsx
-import { Fragment as Fragment50, jsx as jsx270, jsxs as jsxs216 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx270, jsxs as jsxs216 } from "react/jsx-runtime";
 function RoadmapCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ jsxs216("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -29504,7 +29574,7 @@ function RoadmapCard({
     const hasScreenshots = (item.screenshots?.length ?? 0) > 0;
     const typeLabel = getTaskTypeLabel(item.customItemId);
     const useTypeIcon = cardType === "internal_task" || !iconSrc && item.customItemId != null;
-    const body = /* @__PURE__ */ jsxs216(Fragment50, { children: [
+    const body = /* @__PURE__ */ jsxs216(Fragment51, { children: [
       /* @__PURE__ */ jsx270(
         "span",
         {
@@ -29696,7 +29766,7 @@ function RoadmapCard({
 // src/components/chat/entity-cards/github-activity-card.tsx
 import React108 from "react";
 import { GitPullRequest, Eye as Eye4, ExternalLink as ExternalLink5 } from "lucide-react";
-import { Fragment as Fragment51, jsx as jsx271, jsxs as jsxs217 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx271, jsxs as jsxs217 } from "react/jsx-runtime";
 function parseRepoFromUrl(url) {
   if (!url) return null;
   try {
@@ -29828,7 +29898,7 @@ function GitHubActivityCard({ item, variant = "compact", className, anchorProps
   if (repo) metaParts.push(/* @__PURE__ */ jsx271("span", { className: "font-mono truncate", children: repo }, "repo"));
   if (dateText) metaParts.push(/* @__PURE__ */ jsx271("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs217(Fragment51, { children: [
+  const body = /* @__PURE__ */ jsxs217(Fragment52, { children: [
     /* @__PURE__ */ jsx271("span", { className: COMPACT_CARD_ICON_SLOT, children: kindIcon(kind, "h-5 w-5") }),
     /* @__PURE__ */ jsxs217("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs217("span", { className: `${COMPACT_CARD_TITLE_ROW} flex-nowrap gap-1.5`, children: [
@@ -29883,7 +29953,7 @@ function GitHubActivityCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/slack-message-card.tsx
 import React109 from "react";
 import { ExternalLink as ExternalLink6, Hash } from "lucide-react";
-import { Fragment as Fragment52, jsx as jsx272, jsxs as jsxs218 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx272, jsxs as jsxs218 } from "react/jsx-runtime";
 function parseChannelFromUrl(url) {
   if (!url) return null;
   try {
@@ -29922,7 +29992,7 @@ function SlackMessageCard({ item, variant = "compact", className, anchorProps })
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx272("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs218(Fragment52, { children: [
+  const body = /* @__PURE__ */ jsxs218(Fragment53, { children: [
     /* @__PURE__ */ jsx272("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx272(SlackIcon, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs218("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx272("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx272("span", { className: COMPACT_CARD_TITLE, children: item.title }) }),
@@ -29972,7 +30042,7 @@ function SlackMessageCardSkeleton({ variant = "compact", className }) {
 // src/components/chat/entity-cards/hubspot-ticket-card.tsx
 import React110 from "react";
 import { ExternalLink as ExternalLink7 } from "lucide-react";
-import { Fragment as Fragment53, jsx as jsx273, jsxs as jsxs219 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx273, jsxs as jsxs219 } from "react/jsx-runtime";
 function formatToken(token) {
   if (!token) return null;
   const lower = token.toLowerCase().replace(/_/g, " ");
@@ -30011,7 +30081,7 @@ function HubspotTicketCard({ item, variant = "compact", className, anchorProps }
   }
   if (dateText) metaParts.push(/* @__PURE__ */ jsx273("span", { className: "whitespace-nowrap", children: dateText }, "date"));
   const href = safeHref(item.url);
-  const body = /* @__PURE__ */ jsxs219(Fragment53, { children: [
+  const body = /* @__PURE__ */ jsxs219(Fragment54, { children: [
     /* @__PURE__ */ jsxs219("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs219("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx273("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -30091,9 +30161,9 @@ function HubspotTicketCardSkeleton({ variant = "compact", className }) {
 
 // src/components/chat/entity-cards/data-room-doc-card.tsx
 import { ExternalLink as ExternalLink8 } from "lucide-react";
-import { Fragment as Fragment54, jsx as jsx274, jsxs as jsxs220 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx274, jsxs as jsxs220 } from "react/jsx-runtime";
 function DataRoomDocCard({ item, className, badgeText, anchorProps }) {
-  const body = /* @__PURE__ */ jsxs220(Fragment54, { children: [
+  const body = /* @__PURE__ */ jsxs220(Fragment55, { children: [
     /* @__PURE__ */ jsxs220("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs220("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx274("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -31703,7 +31773,7 @@ function cleanEscapedString(input) {
 init_button();
 import { ExternalLink as ExternalLink9, Clock, Play as Play2, Video as Video6 } from "lucide-react";
 init_cn();
-import { Fragment as Fragment55, jsx as jsx275, jsxs as jsxs221 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx275, jsxs as jsxs221 } from "react/jsx-runtime";
 function ProgramCardSkeleton({ size = "default" }) {
   if (size === "sm") {
     return /* @__PURE__ */ jsxs221("span", { className: COMPACT_CARD_SKELETON_OUTER, children: [
@@ -31775,7 +31845,7 @@ function MediaGallery({ images, title }) {
     setIsModalOpen(false);
     setSelectedImageIndex(null);
   };
-  return /* @__PURE__ */ jsxs221(Fragment55, { children: [
+  return /* @__PURE__ */ jsxs221(Fragment56, { children: [
     /* @__PURE__ */ jsx275("div", { className: "p-6 pt-4", children: /* @__PURE__ */ jsx275("div", { className: "overflow-x-auto mb-4", children: /* @__PURE__ */ jsx275("div", { className: "flex gap-3 pb-2", style: { width: "max-content" }, children: images.map((mediaItem, index) => /* @__PURE__ */ jsxs221(
       "div",
       {
@@ -31892,7 +31962,7 @@ function ProgramCard({
   const dateFormat = format(itemDate, "EEEE d MMMM");
   const defaultRenderMeta = () => {
     if (config.type === "podcast" && "duration_seconds" in item && !isScheduled) {
-      return /* @__PURE__ */ jsxs221(Fragment55, { children: [
+      return /* @__PURE__ */ jsxs221(Fragment56, { children: [
         /* @__PURE__ */ jsx275(Clock, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsx275("span", { className: "font-['DM_Sans'] text-ods-text-secondary", children: formatDurationCompact(item.duration_seconds) })
       ] });
@@ -31903,7 +31973,7 @@ function ProgramCard({
     if (config.type === "webinar" && "start_at" in item) {
       const webinarItem = item;
       const duration = formatDurationFromRange(webinarItem.start_at, webinarItem.end_at);
-      return /* @__PURE__ */ jsxs221(Fragment55, { children: [
+      return /* @__PURE__ */ jsxs221(Fragment56, { children: [
         /* @__PURE__ */ jsx275(Video6, { className: "w-4 h-4 text-ods-text-secondary" }),
         /* @__PURE__ */ jsxs221("span", { className: "font-['DM_Sans'] text-ods-text-secondary", children: [
           formatTimeWithTimezone(webinarItem.start_at, null),
@@ -31937,10 +32007,10 @@ function ProgramCard({
       /* @__PURE__ */ jsx275("h3", { className: "font-['Azeret_Mono'] font-semibold text-xl md:text-2xl text-ods-text-primary leading-tight mb-3 min-h-[3rem] md:min-h-[3.5rem] line-clamp-2 flex items-center", children: item.title }),
       /* @__PURE__ */ jsxs221("div", { className: "flex flex-col md:flex-row md:items-center gap-2 md:gap-4 mb-4", children: [
         /* @__PURE__ */ jsx275("span", { className: "font-['DM_Sans'] font-medium", style: { color: accentColor }, children: dateFormat }),
-        renderMeta ? /* @__PURE__ */ jsxs221(Fragment55, { children: [
+        renderMeta ? /* @__PURE__ */ jsxs221(Fragment56, { children: [
           /* @__PURE__ */ jsx275("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           renderMeta(item)
-        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs221(Fragment55, { children: [
+        ] }) : defaultRenderMeta() && /* @__PURE__ */ jsxs221(Fragment56, { children: [
           /* @__PURE__ */ jsx275("span", { className: "hidden md:inline text-ods-text-secondary", children: "\u2022" }),
           /* @__PURE__ */ jsx275("div", { className: "flex items-center gap-2", children: defaultRenderMeta() })
         ] })
@@ -32017,10 +32087,10 @@ function ProgramCard({
 
 // src/components/chat/entity-cards/campaign-card-admin.tsx
 import { Megaphone } from "lucide-react";
-import { Fragment as Fragment56, jsx as jsx276, jsxs as jsxs222 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx276, jsxs as jsxs222 } from "react/jsx-runtime";
 function CampaignCardAdmin({ campaign, className, anchorProps }) {
   const goalsCount = campaign.goals?.length || 0;
-  const innerChildren = /* @__PURE__ */ jsxs222(Fragment56, { children: [
+  const innerChildren = /* @__PURE__ */ jsxs222(Fragment57, { children: [
     /* @__PURE__ */ jsx276("span", { className: COMPACT_CARD_ICON_SLOT, children: /* @__PURE__ */ jsx276(Megaphone, { className: "h-5 w-5" }) }),
     /* @__PURE__ */ jsxs222("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsx276("span", { className: COMPACT_CARD_TITLE_ROW, children: /* @__PURE__ */ jsx276("span", { className: COMPACT_CARD_TITLE, children: campaign.name }) }),
@@ -32050,11 +32120,11 @@ function CampaignCardAdminSkeleton({ className }) {
 
 // src/components/chat/entity-cards/generic-entity-card.tsx
 import { ExternalLink as ExternalLink10 } from "lucide-react";
-import { Fragment as Fragment57, jsx as jsx277, jsxs as jsxs223 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx277, jsxs as jsxs223 } from "react/jsx-runtime";
 function GenericEntityCard({ item, className, anchorProps }) {
   const href = safeHref(item.url);
   const dateText = formatDateUTC(item.dateUpdated, { fallback: "", timezone: "local" });
-  const body = /* @__PURE__ */ jsxs223(Fragment57, { children: [
+  const body = /* @__PURE__ */ jsxs223(Fragment58, { children: [
     /* @__PURE__ */ jsxs223("span", { className: COMPACT_CARD_TEXT_COL, children: [
       /* @__PURE__ */ jsxs223("span", { className: "flex flex-wrap items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsx277("span", { className: `${COMPACT_CARD_TITLE} shrink min-w-0`, children: item.title }),
@@ -32149,7 +32219,7 @@ function useChatCardItem(type, id) {
 
 // src/components/chat/mingo-info-card.tsx
 init_cn();
-import { Fragment as Fragment58, jsx as jsx278, jsxs as jsxs224 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx278, jsxs as jsxs224 } from "react/jsx-runtime";
 function CardMedia({
   imageSrc,
   imageAlt,
@@ -32193,7 +32263,7 @@ function MingoInfoCard({
   const hasMenu = !!menuGroups && menuGroups.length > 0;
   const isAnchor = !!anchorProps;
   const isInteractive = isAnchor || !!onClick;
-  const content = /* @__PURE__ */ jsxs224(Fragment58, { children: [
+  const content = /* @__PURE__ */ jsxs224(Fragment59, { children: [
     hasMedia && /* @__PURE__ */ jsx278(CardMedia, { imageSrc, imageAlt, icon }),
     /* @__PURE__ */ jsxs224("span", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
       /* @__PURE__ */ jsx278("span", { className: "truncate text-h4 font-medium text-ods-text-primary", children: title }),
@@ -32242,7 +32312,7 @@ function MingoInfoCard({
 }
 
 // src/components/chat/entity-cards/dispatch.tsx
-import { Fragment as Fragment59, jsx as jsx279, jsxs as jsxs225 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx279, jsxs as jsxs225 } from "react/jsx-runtime";
 function githubKindIcon(kind) {
   switch (kind) {
     case "pull_request":
@@ -33210,10 +33280,10 @@ function ChatCardLoader({
       }
     );
   }
-  if (isLoading) return /* @__PURE__ */ jsx279(Fragment59, { children: entry.skeleton() });
+  if (isLoading) return /* @__PURE__ */ jsx279(Fragment60, { children: entry.skeleton() });
   if (!item) return null;
   if (entry.bareInline) {
-    return /* @__PURE__ */ jsx279(Fragment59, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
+    return /* @__PURE__ */ jsx279(Fragment60, { children: navWrap(entry.render(item, finalChatRef, renderOpts)) });
   }
   return /* @__PURE__ */ jsx279(
     ChatCardWithDiscuss,
@@ -34097,7 +34167,14 @@ function parseChunkToAction(chunk) {
         text: String(data.text || ""),
         ownerType: typeof data.ownerType === "string" ? data.ownerType : void 0,
         displayName: typeof data.displayName === "string" ? data.displayName : void 0,
-        userId: typeof data.userId === "string" ? data.userId : void 0
+        userId: typeof data.userId === "string" ? data.userId : void 0,
+        // Entity-context refs the user attached to this message (backend
+        // `MESSAGE_REQUEST` chunk → `contextItems: [{ type, id }]`). The wire
+        // shape carries no label; the host resolves display text + icon. `label`
+        // is REQUIRED on `ChatContextItem`, so fall back to the id (same as the
+        // historical path in `process-historical-messages.ts`) — keeps both
+        // message sources producing an identical shape.
+        contextItems: Array.isArray(data.contextItems) ? data.contextItems.filter((it) => typeof it?.type === "string" && typeof it?.id === "string").map((it) => ({ type: it.type, id: it.id, label: it.id })) : void 0
       };
     case MESSAGE_TYPE.TOKEN_USAGE:
       return {
@@ -34852,7 +34929,8 @@ function useRealtimeChunkProcessor(options) {
             ownerType: action.ownerType,
             displayName: action.displayName,
             userId: action.userId,
-            streamSeq
+            streamSeq,
+            contextItems: action.contextItems
           });
           break;
         case "token_usage":
@@ -36431,6 +36509,8 @@ function processHistoricalMessages(messages, options = {}) {
       const userAuthorType = msg.owner?.type === OWNER_TYPE.ADMIN ? "admin" : "user";
       messageDataArray.forEach((data) => {
         if (data.type === MESSAGE_TYPE.TEXT && "text" in data && data.text) {
+          const rawContext = data.contextItems;
+          const contextItems = Array.isArray(rawContext) ? rawContext.filter((c) => typeof c?.type === "string" && typeof c?.id === "string").map((c) => ({ type: c.type, id: c.id, label: c.id })) : void 0;
           processedMessages.push({
             id: msg.id,
             role: "user",
@@ -36438,7 +36518,8 @@ function processHistoricalMessages(messages, options = {}) {
             name: getOwnerDisplayName(msg.owner),
             avatar: getOwnerAvatar(msg.owner),
             authorType: userAuthorType,
-            timestamp: new Date(msg.createdAt)
+            timestamp: new Date(msg.createdAt),
+            ...contextItems && contextItems.length > 0 ? { contextItems } : {}
           });
         }
       });
@@ -36716,6 +36797,8 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
       const userAuthorType = msg.owner?.type === OWNER_TYPE.ADMIN ? "admin" : "user";
       messageDataArray.forEach((data) => {
         if (data.type === MESSAGE_TYPE.TEXT && "text" in data && data.text) {
+          const rawContext = data.contextItems;
+          const contextItems = Array.isArray(rawContext) ? rawContext.filter((c) => typeof c?.type === "string" && typeof c?.id === "string").map((c) => ({ type: c.type, id: c.id, label: c.id })) : void 0;
           processedMessages.push({
             id: msg.id,
             role: "user",
@@ -36723,7 +36806,8 @@ function processHistoricalMessagesWithErrors(messages, options = {}) {
             name: getOwnerDisplayName(msg.owner),
             avatar: getOwnerAvatar(msg.owner),
             authorType: userAuthorType,
-            timestamp: new Date(msg.createdAt)
+            timestamp: new Date(msg.createdAt),
+            ...contextItems && contextItems.length > 0 ? { contextItems } : {}
           });
         }
       });
@@ -37876,8 +37960,14 @@ function useChatDialogManager({
 
 // src/components/chat/embeddable-chat.tsx
 init_next_navigation();
-import { Fragment as Fragment60, jsx as jsx283, jsxs as jsxs226 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx283, jsxs as jsxs226 } from "react/jsx-runtime";
 var formatRelativePath = (p) => p.replace(/^\/+/, "").replace(/\/+$/, "");
+var mentionTokenOf = (key, markerByType) => {
+  const ci = key.indexOf(":");
+  const type = ci === -1 ? key : key.slice(0, ci);
+  const id = ci === -1 ? "" : key.slice(ci + 1);
+  return `${markerByType.get(type) ?? type.toLowerCase()}:${id}`;
+};
 var FALLBACK_TOP_RETRIEVED = 3;
 var SKELETON_ROW_VARIANTS = [
   { titleWidth: "w-32", slashWidth: "w-20", descriptionLines: 2 },
@@ -37989,7 +38079,7 @@ function SourceChip({
     );
   }
   const displayName = src.name || formatRelativePath(src.path);
-  const chipBody = (label) => /* @__PURE__ */ jsxs226(Fragment60, { children: [
+  const chipBody = (label) => /* @__PURE__ */ jsxs226(Fragment61, { children: [
     icon,
     /* @__PURE__ */ jsxs226("span", { className: "truncate max-w-[160px]", children: [
       "[",
@@ -38148,7 +38238,8 @@ function EmbeddableChatInner({
   shell = "drawer",
   mingoWelcome,
   guideWelcome,
-  contextPicker
+  contextPicker,
+  renderMention
 }) {
   const shellLess = shell === "none";
   const runtime = useRequiredChatRuntime();
@@ -38319,6 +38410,11 @@ function EmbeddableChatInner({
     setMentionQuery(null);
     mentionKeyRef.current = null;
   }, [activeDialogId, activeMode]);
+  const mentionMarkerByType = useMemo33(() => {
+    const m = /* @__PURE__ */ new Map();
+    for (const t of contextPicker?.entityTypes ?? []) if (t.marker) m.set(t.type, t.marker);
+    return m;
+  }, [contextPicker?.entityTypes]);
   const toggleContextItem = useCallback46(
     (item) => {
       const key = `${item.type}:${item.id}`;
@@ -38328,7 +38424,7 @@ function EmbeddableChatInner({
         );
         const grows = !alreadySelected && !mentionKeyRef.current;
         if (grows && contextItems.length >= contextMaxItems) return;
-        chatInputRef.current?.commitMention(key);
+        chatInputRef.current?.commitMention(mentionTokenOf(key, mentionMarkerByType));
         setContextItems((prev) => {
           const withoutPrevMention = mentionKeyRef.current ? prev.filter((p) => `${p.type}:${p.id}` !== mentionKeyRef.current) : prev;
           const deduped = withoutPrevMention.filter(
@@ -38346,7 +38442,7 @@ function EmbeddableChatInner({
         return [...prev, item];
       });
     },
-    [contextMaxItems, contextItems]
+    [contextMaxItems, contextItems, mentionMarkerByType]
   );
   const removeContextItem = useCallback46((item) => {
     const key = `${item.type}:${item.id}`;
@@ -38354,18 +38450,18 @@ function EmbeddableChatInner({
     if (mentionKeyRef.current === key) {
       mentionKeyRef.current = null;
       const cur = chatInputRef.current?.getValue() ?? "";
-      const next = cur.replace(`@${key}`, "").replace(/\s{2,}/g, " ").trimStart();
+      const next = cur.replace(`@${mentionTokenOf(key, mentionMarkerByType)}`, "").replace(/\s{2,}/g, " ").trimStart();
       chatInputRef.current?.setValue(next);
     }
-  }, []);
+  }, [mentionMarkerByType]);
   const handleContextValueChange = useCallback46((value) => {
     const key = mentionKeyRef.current;
     if (!key) return;
-    if (!value.includes(`@${key}`)) {
+    if (!value.includes(`@${mentionTokenOf(key, mentionMarkerByType)}`)) {
       setContextItems((prev) => prev.filter((p) => `${p.type}:${p.id}` !== key));
       mentionKeyRef.current = null;
     }
-  }, []);
+  }, [mentionMarkerByType]);
   const openContextPicker = useCallback46(() => {
     setMentionQuery(null);
     setContextPickerOpen(true);
@@ -38653,6 +38749,7 @@ function EmbeddableChatInner({
                               assistantIcon: mingoAssistantIcon,
                               renderEntityCard,
                               resolveContextIcon,
+                              renderMention,
                               NavLinkAnchor: NavLinkAnchorViaRuntime,
                               className: "flex-1",
                               contentClassName: "max-w-none pb-0",
@@ -38860,7 +38957,7 @@ function EmbeddableChatInner({
       ]
     }
   ) }) });
-  return /* @__PURE__ */ jsxs226(Fragment60, { children: [
+  return /* @__PURE__ */ jsxs226(Fragment61, { children: [
     showInternalTrigger && !shellLess && /* @__PURE__ */ jsx283(
       "div",
       {
@@ -39058,6 +39155,7 @@ export {
   ChatInput,
   ToolExecutionDisplay,
   remarkCardLinks,
+  remarkMentionChips,
   BlockCard,
   CONTEXT_ROW_CLASS,
   CONTEXT_ICON_CLASS,
@@ -39462,4 +39560,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-R4CLIWAU.js.map
+//# sourceMappingURL=chunk-5FK7X3EE.js.map