@tutti-os/agent-gui 0.0.124 → 0.0.126

package/dist/{chunk-ZCNZ53CF.js → chunk-6RMVLH3G.js}

@@ -6,7 +6,7 @@ import {
   setCurrentAgentGuiI18nRuntime,
   translate,
   translateInUiLanguage
-} from "./chunk-KACVD2GZ.js";
+} from "./chunk-2ZVXN2Z7.js";
 
 // i18n/index.ts
 import React, {
@@ -68,4 +68,4 @@ export {
   AgentGuiI18nProvider,
   useTranslation
 };
-//# sourceMappingURL=chunk-ZCNZ53CF.js.map
+//# sourceMappingURL=chunk-6RMVLH3G.js.map

package/dist/{chunk-WEHEJ25P.js → chunk-ADQENNSG.js}

@@ -6,14 +6,14 @@ import {
 import {
   getOptionalAgentHostApi,
   useOptionalAgentHostApi
-} from "./chunk-OKGXHKJ2.js";
+} from "./chunk-2JFMGOHU.js";
 import {
   managedAgentRoundedIconUrl
 } from "./chunk-EDNJMG5T.js";
 import {
   translate,
   useTranslation
-} from "./chunk-ZCNZ53CF.js";
+} from "./chunk-6RMVLH3G.js";
 import {
   resolveAgentWorkspaceFileVisualKind
 } from "./chunk-PJP5BUU6.js";
@@ -265,7 +265,6 @@ import {
   useMemo,
   useState as useState6
 } from "react";
-import { FileText } from "lucide-react";
 import ReactMarkdown from "react-markdown";
 import rehypeSanitize, {
   defaultSchema
@@ -275,13 +274,8 @@ import {
   resolveWorkspaceFileExtension,
   workspaceFileName as basenameWorkspacePath2
 } from "@tutti-os/workspace-file-manager/services";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-  useTextOverflow
-} from "@tutti-os/ui-system/components";
+import { MentionPill } from "@tutti-os/ui-system/components";
+import { useResolvedRichTextMention } from "@tutti-os/ui-rich-text/editor";
 
 // shared/utils/websiteUrl.ts
 var ALLOWED_WEBSITE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
@@ -1363,13 +1357,19 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], agentTargets =
     return null;
   }
   const label = rawLabel.trim().replace(/^@+/, "").trim() || (kind === "workspace-app-factory" ? appFactoryFallbackLabel : "");
+  const identity = {
+    entityId,
+    providerId: mention.providerId,
+    ...mention.scope ? { scope: mention.scope } : {}
+  };
   if (kind === "pasted-text") {
-    return { kind, label };
+    return { ...identity, kind, label };
   }
   if (kind === "workspace-app" || kind === "workspace-app-factory") {
     const appId = kind === "workspace-app" ? entityId : "";
     const workspaceId = mention.scope?.workspaceId?.trim() || "";
     return {
+      ...identity,
       kind,
       ...kind === "workspace-app" ? { appId } : {},
       label,
@@ -1392,6 +1392,7 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], agentTargets =
     const agentProviderId = target?.provider?.trim() || void 0;
     const targetLabel = target?.name?.trim() || label;
     return {
+      ...identity,
       agentProviderId,
       kind,
       label: targetLabel,
@@ -1408,6 +1409,7 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], agentTargets =
     });
     const localProvider = agentTargetId.startsWith("local:") ? agentTargetId.slice("local:".length).trim() : "";
     return {
+      ...identity,
       kind,
       label,
       iconUrl: target?.iconUrl?.trim() || (localProvider ? managedAgentRoundedIconUrl(localProvider) : void 0)
@@ -1422,6 +1424,7 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], agentTargets =
       workspaceId
     }) : void 0;
     return {
+      ...identity,
       kind,
       label,
       iconUrl: mention.scope?.icon?.trim() || appIconUrl,
@@ -1431,11 +1434,13 @@ function parseMentionLink(href, rawLabel, workspaceAppIcons = [], agentTargets =
   }
   if (kind === "workspace-issue") {
     return {
+      ...identity,
       kind,
       label
     };
   }
   return {
+    ...identity,
     kind,
     label
   };
@@ -3193,9 +3198,19 @@ function MentionLink({
   ...props
 }) {
   "use memo";
-  const tooltipText = mention.label;
-  const { ref: mainRef, overflowing } = useTextOverflow(tooltipText);
-  const link = /* @__PURE__ */ jsxs4(
+  const snapshot = useResolvedRichTextMention({
+    providerId: mention.providerId,
+    entityId: mention.entityId,
+    label: mention.label,
+    scope: mention.scope
+  });
+  const resolved = snapshot.state === "ready" ? snapshot.resolved : void 0;
+  const label = resolved?.label?.trim() || mention.label;
+  const presentation = resolved?.presentation;
+  const iconUrl = presentation?.iconUrl?.trim() || presentation?.thumbnailUrl?.trim() || presentation?.agentIconUrl?.trim() || mention.iconUrl;
+  const pillKind = mention.kind === "workspace-issue" || mention.referenceSource === "task" ? "issue" : mention.kind === "session" || mention.kind === "agent-target" ? "session" : mention.kind === "pasted-text" ? "file" : "app";
+  const usesSessionIcon = mention.kind === "session";
+  return /* @__PURE__ */ jsx5(
     "a",
     {
       ...props,
@@ -3205,11 +3220,11 @@ function MentionLink({
       ),
       "data-agent-file-mention": "true",
       "data-agent-link-href": href,
-      "data-agent-mention-icon-url": mention.iconUrl,
+      "data-agent-mention-icon-url": iconUrl,
       "data-agent-mention-href": href,
       "data-agent-mention-kind": mention.kind,
       "data-agent-reference-source": mention.referenceSource,
-      "aria-label": mention.label,
+      "aria-label": label,
       role: "link",
       tabIndex: 0,
       onClick: (event) => {
@@ -3221,52 +3236,29 @@ function MentionLink({
       onKeyDown: (event) => {
         activateMarkdownLinkFromKey(event, href, onLinkClick);
       },
-      children: [
-        mention.kind === "pasted-text" ? /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: "grid h-4 w-4 shrink-0 place-items-center text-[var(--text-tertiary)]",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx5(FileText, { size: 14, strokeWidth: 2 })
-          }
-        ) : mention.kind === "workspace-app" || mention.kind === "workspace-reference" || mention.kind === "agent-target" || mention.kind === "session" && mention.iconUrl ? /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: "grid h-4 w-4 shrink-0 place-items-center overflow-hidden rounded-[4px] bg-block",
-            "aria-hidden": "true",
-            "data-agent-mention-app-icon": mention.kind === "session" ? void 0 : "true",
-            "data-agent-mention-session-icon": mention.kind === "session" ? "true" : void 0,
-            "data-workspace-app-icon": mention.kind === "session" ? void 0 : "true",
-            children: mention.iconUrl ? /* @__PURE__ */ jsx5(
-              "img",
-              {
-                src: mention.iconUrl,
-                alt: "",
-                className: "h-full w-full object-cover",
-                decoding: "async",
-                loading: "lazy",
-                draggable: false
-              }
-            ) : /* @__PURE__ */ jsx5("span", { className: "tsh-agent-object-token__kind-icon h-4 w-4" })
-          }
-        ) : /* @__PURE__ */ jsx5("span", { className: "tsh-agent-object-token__kind", "aria-hidden": "true", children: /* @__PURE__ */ jsx5(
-          "span",
-          {
-            className: "tsh-agent-object-token__kind-icon",
-            "aria-hidden": "true"
-          }
-        ) }),
-        /* @__PURE__ */ jsx5("span", { className: "tsh-agent-object-token__main", ref: mainRef, children: mention.label })
-      ]
+      children: /* @__PURE__ */ jsx5(
+        MentionPill,
+        {
+          className: "top-0 max-w-full",
+          iconUrl,
+          iconContainerProps: {
+            className: "h-4 w-4",
+            "data-agent-mention-app-icon": usesSessionIcon ? void 0 : "true",
+            "data-agent-mention-session-icon": usesSessionIcon ? "true" : void 0,
+            "data-workspace-app-icon": usesSessionIcon ? void 0 : "true"
+          },
+          fallbackIconProps: {
+            "data-agent-mention-fallback-icon": "true"
+          },
+          kind: pillKind,
+          label: /* @__PURE__ */ jsx5("span", { className: "tsh-agent-object-token__main", children: label }),
+          removable: false,
+          tooltipEnabled: !previewMode,
+          withTooltipProvider: !previewMode
+        }
+      )
     }
   );
-  if (previewMode) {
-    return link;
-  }
-  return /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxs4(Tooltip, { children: [
-    /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: link }),
-    overflowing ? /* @__PURE__ */ jsx5(TooltipContent, { className: "max-w-[min(420px,calc(100vw-32px))] whitespace-normal text-left [overflow-wrap:anywhere]", children: tooltipText }) : null
-  ] }) });
 }
 
 // app/renderer/components/ui/custom-scroll-area.tsx
@@ -3737,4 +3729,4 @@ export {
   AgentMessageMarkdown,
   CustomScrollArea
 };
-//# sourceMappingURL=chunk-WEHEJ25P.js.map
+//# sourceMappingURL=chunk-ADQENNSG.js.map