feat(web): Add Linear issue link card UI for chat responses

- Add Linear logo SVG asset
- Create LinearIssueCard component with card-style UI showing:
  - Linear logo
  - Issue identifier (e.g. SOU-818) in monospace font
  - Humanized title from URL slug
  - External link icon
- Add custom anchor renderer to MarkdownRenderer that detects
  Linear issue URLs and renders them as cards instead of plain links
- Regular links continue to work normally with new-tab behavior

Co-authored-by: Michael Sukkarieh <msukkari@users.noreply.github.com>

Author: cursoragent

packages/web/public/linear.svg

@@ -0,0 +1,36 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+import { ExternalLinkIcon } from 'lucide-react';
+import Image from 'next/image';
+import linearLogo from '@/public/linear.svg';
+
+interface LinearIssueCardProps {
+    identifier: string;
+    title: string;
+    href: string;
+    className?: string;
+}
+
+export const LinearIssueCard = ({ identifier, title, href, className }: LinearIssueCardProps) => {
+    return (
+        <a
+            href={href}
+            target="_blank"
+            rel="noopener noreferrer"
+            className={cn(
+                "not-prose inline-flex items-center gap-2 px-2.5 py-1.5 rounded-md border border-border bg-muted hover:bg-accent transition-colors text-sm no-underline",
+                className
+            )}
+        >
+            <Image
+                src={linearLogo}
+                alt="Linear"
+                className="w-4 h-4 shrink-0 dark:invert"
+            />
+            <span className="font-mono font-semibold text-foreground">{identifier}</span>
+            <span className="text-muted-foreground truncate max-w-[240px] capitalize">{title}</span>
+            <ExternalLinkIcon className="w-3 h-3 shrink-0 text-muted-foreground" />
+        </a>
+    );
+};

packages/web/src/features/chat/components/chatThread/linearIssueCard.tsx

@@ -17,11 +17,14 @@ import remarkGfm from 'remark-gfm';
 import type { PluggableList, Plugin } from "unified";
 import { visit } from 'unist-util-visit';
 import { CodeBlock } from './codeBlock';
+import { LinearIssueCard } from './linearIssueCard';
 import { FILE_REFERENCE_REGEX } from '@/features/chat/constants';
 import { createFileReference } from '@/features/chat/utils';
 import { SINGLE_TENANT_ORG_DOMAIN } from '@/lib/constants';
 import isEqual from "fast-deep-equal/react";
 
+const LINEAR_ISSUE_URL_REGEX = /^https:\/\/linear\.app\/[^/]+\/issue\/([A-Z]+-\d+)\/([^/\s"]+)$/;
+
 export const REFERENCE_PAYLOAD_ATTRIBUTE = 'data-reference-payload';
 
 const annotateCodeBlocks: Plugin<[], Root> = () => {
@@ -228,6 +231,19 @@ const MarkdownRendererComponent = forwardRef<HTMLDivElement, MarkdownRendererPro
 
     }, [router]);
 
+    const renderAnchor = useCallback(({ href, children, ...rest }: React.JSX.IntrinsicElements['a']) => {
+        if (href) {
+            const match = LINEAR_ISSUE_URL_REGEX.exec(href);
+            if (match) {
+                const identifier = match[1];
+                const titleSlug = match[2];
+                const title = titleSlug.replace(/-/g, ' ');
+                return <LinearIssueCard identifier={identifier} title={title} href={href} />;
+            }
+        }
+        return <a href={href} target="_blank" rel="noopener noreferrer" {...rest}>{children}</a>;
+    }, []);
+
     return (
         <div
             ref={ref}
@@ -239,6 +255,7 @@ const MarkdownRendererComponent = forwardRef<HTMLDivElement, MarkdownRendererPro
                 components={{
                     pre: renderPre,
                     code: renderCode,
+                    a: renderAnchor,
                 }}
             >
                 {content}