fix(mobile): thread links in chat render as chips#22237

@@ -1,31 +1,89 @@
-import type { ComposerContextRecord } from "@t3tools/contracts";
-import { contextChipPresentation } from "./composerChipPresentation";
-import type { MarkdownFileIcon } from "./markdownLinks";
+import type { ComposerContextRecord, ThreadPullRequestLink } from "@t3tools/contracts";
+import {
+  composerChipSizeSuffix,
+  contextChipPresentation,
+  type ContextChipIcon,
+  UNAVAILABLE_CONTEXT_CHIP_PRESENTATION,
+} from "./composerChipPresentation";
+import {
+  resolveMarkdownFileIcon,
+  resolveMarkdownLinkIcon,
+  type MarkdownFileIcon,
+} from "./markdownLinks";
 import type { SelectableMarkdownSkill } from "../native/SelectableMarkdownText.types";
+import { parseChangeRequestUrl } from "@t3tools/shared/changeRequestUrl";
 import { parseComposerContextHref } from "@t3tools/shared/composerContextReferences";
+import { parseThreadLinkHref } from "@t3tools/shared/threadLinks";
+import { threadPullRequestKeyOf } from "@t3tools/shared/threadPullRequests";
 
-const CONTEXT_ICONS: Readonly<Record<string, MarkdownFileIcon>> = {
-  photo: "image",
-  "play.rectangle": "video",
-  terminal: "bash",
-  "cursorarrow.click": "react",
-  "text.bubble": "markdown",
-  "git-pull-request": "git",
-  cube: "mcp",
-  doc: "default",
-};
+export type EnrichedChipIcon =
+  | { readonly kind: "chip"; readonly name: ContextChipIcon }
+  | { readonly kind: "file"; readonly name: MarkdownFileIcon };
 
 export function enrichedContextLinkPresentation(
   href: string,
   records?: ReadonlyArray<ComposerContextRecord>,
-) {
+): { accent?: string; icon: EnrichedChipIcon; label?: string } | undefined {
   const reference = parseComposerContextHref(href);
   if (!reference) return undefined;
   const record = records?.find((candidate) => candidate.contextId === reference.contextId);
-  const presentation = contextChipPresentation(reference.kind, record);
+  const presentation =
+    records && !record
+      ? UNAVAILABLE_CONTEXT_CHIP_PRESENTATION
+      : contextChipPresentation(reference.kind, record);
+  const size = composerChipSizeSuffix(record);
+  const fileName =
+    record && "path" in record ? record.path : record && "name" in record ? record.name : "";
+  return {
+    ...(presentation.accent ? { accent: presentation.accent } : {}),
+    icon: presentation.icon
+      ? { kind: "chip", name: presentation.icon }
+      : { kind: "file", name: resolveMarkdownFileIcon(fileName) },
+    ...(record && size ? { label: `${record.label} · ${size}` } : {}),
+  };
+}
+
+export interface PullRequestChipState {
+  readonly state: string;
+  readonly isDraft: boolean;
+}
+
+export function pullRequestChipStates(links: ReadonlyArray<ThreadPullRequestLink>) {
+  const newest = new Map<string, NonNullable<ThreadPullRequestLink["snapshot"]>>();
+  for (const link of links) {
+    if (link.snapshot === null) continue;

@@ -1970,13 +1973,15 @@ export const ThreadFeed = memo(function ThreadFeed(props: ThreadFeedProps) {
       void openPullRequest(presentation.href);
     }
   };
+  const pullRequestChipStates = usePullRequestChipStates(props.environmentId);
   const resolveImageSource = useMarkdownImageSource({
     environmentId: props.environmentId,
     threadId: props.threadId,
     workspaceRoot: props.workspaceRoot ?? null,
   });
   const markdownLinkHandlers: MarkdownLinkHandlers = {
     onLinkPress: onMarkdownLinkPress,
+    linkCustomization: (href) => enrichedChatLinkCustomization(href, pullRequestChipStates),
     onImagePress: (href) => onMarkdownLinkPress(href, true),