diff --git a/CHANGELOG.md b/CHANGELOG.md
index 913c831..445b77c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,6 +8,7 @@ What changed in each release of SCN Chat, for the people who use it, run it, or
 
 - For forks: `shared/ui/TimeAgo.tsx` has a new `TimeAgo`, how long ago something happened with the full time on hover, which the admin's users, API keys, and cron runs now share.
 - Code in settings and admin, such as model IDs, packages, and role names, now has one size everywhere: a step smaller than the text around it, as in a reply, but never under the caption size. Some of it was as large as the text around it. For forks: `shared/ui/Code.tsx` has a new `Code`.
+- For forks: `shared/ui/ExternalLink.tsx` has a new `ExternalLink`, a link that opens outside the app in a new tab, which reply links, sources, tool results, and Report an issue now share.
 
 ## [0.7.1] - 2026-10-27
 
diff --git a/apps/web/src/features/auth/components/AccountMenu.tsx b/apps/web/src/features/auth/components/AccountMenu.tsx
index f0cbbdd..76864f2 100644
--- a/apps/web/src/features/auth/components/AccountMenu.tsx
+++ b/apps/web/src/features/auth/components/AccountMenu.tsx
@@ -9,6 +9,7 @@ import {
   ShieldIcon,
   SignOutIcon,
 } from '../../../shared/icons.tsx'
+import { ExternalLink } from '../../../shared/ui/ExternalLink.tsx'
 import { floating } from '../../../shared/ui/menu.ts'
 import { Popover } from '../../../shared/ui/Popover.tsx'
 import { Separator } from '../../../shared/ui/Separator.tsx'
@@ -78,16 +79,10 @@ export function AccountMenu(props: Props) {
         )}
         <Separator />
         <ThemeSwitch />
-        <a
-          href={issuesUrl}
-          target="_blank"
-          rel="noreferrer"
-          onClick={() => setOpen(false)}
-          className={sidebarRow}
-        >
+        <ExternalLink href={issuesUrl} onClick={() => setOpen(false)} className={sidebarRow}>
           <AlertIcon /> Report an issue
           <ArrowOutIcon className="ms-auto size-3.5" />
-        </a>
+        </ExternalLink>
         <Separator />
         <button
           type="button"
diff --git a/apps/web/src/parts/SourceView.tsx b/apps/web/src/parts/SourceView.tsx
index c3964e5..18bb922 100644
--- a/apps/web/src/parts/SourceView.tsx
+++ b/apps/web/src/parts/SourceView.tsx
@@ -1,3 +1,4 @@
+import { ExternalLink } from '../shared/ui/ExternalLink.tsx'
 import { siteOf } from './links.ts'
 import type { PartViewProps } from './types.ts'
 
@@ -7,15 +8,13 @@ export function SourceView(props: PartViewProps) {
   const title = props.part.title as string | undefined
   return (
     <>
-      <a
+      <ExternalLink
         href={url}
         title={url}
-        target="_blank"
-        rel="noreferrer"
         className="min-w-0 truncate font-medium text-ink no-underline hover:text-accent-strong"
       >
         {title ?? siteOf(url)}
-      </a>
+      </ExternalLink>
       {title && <span className="flex-none text-muted">{siteOf(url)}</span>}
     </>
   )
diff --git a/apps/web/src/parts/markdown.tsx b/apps/web/src/parts/markdown.tsx
index a866cd2..17fffb8 100644
--- a/apps/web/src/parts/markdown.tsx
+++ b/apps/web/src/parts/markdown.tsx
@@ -25,6 +25,7 @@ import { cn } from '../shared/cn.ts'
 import { DownloadIcon } from '../shared/icons.tsx'
 import { Button, IconButton } from '../shared/ui/Button.tsx'
 import { CopyButton, CopyIconSwap } from '../shared/ui/CopyButton.tsx'
+import { ExternalLink } from '../shared/ui/ExternalLink.tsx'
 import { ActionMenu, blockAction, blockActions } from './BlockActions.tsx'
 import { codeFilename, downloadText } from './download.ts'
 
@@ -356,7 +357,7 @@ export const markdownComponents: Components = {
       const { target: _target, rel: _rel, ...inText } = props
       return <a {...inText} href={href} onClick={jumpInText} />
     }
-    return <a {...props} href={href} target="_blank" rel="noreferrer" />
+    return <ExternalLink {...props} href={href} />
   },
   inlineCode: ({ node: _node, ...props }) => <code {...props} />,
   code: ({ className, children }) => <CodeBlock className={className}>{children}</CodeBlock>,
diff --git a/apps/web/src/parts/tools/ui.tsx b/apps/web/src/parts/tools/ui.tsx
index 8fa244b..8c4cff6 100644
--- a/apps/web/src/parts/tools/ui.tsx
+++ b/apps/web/src/parts/tools/ui.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import { ExternalLink } from '../../shared/ui/ExternalLink.tsx'
 import { isWebUrl, siteOf } from '../links.ts'
 
 interface PageTitleProps {
@@ -19,16 +20,14 @@ export function PageTitle(props: PageTitleProps) {
     )
   return (
     <>
-      <a
+      <ExternalLink
         href={props.url}
         title={props.url}
-        target="_blank"
-        rel="noreferrer"
         dir="auto"
         className="block truncate font-medium text-ink no-underline hover:text-accent-strong"
       >
         {props.title}
-      </a>
+      </ExternalLink>
       <span className="block truncate text-caption text-muted">{siteOf(props.url)}</span>
     </>
   )
diff --git a/apps/web/src/shared/ui/ExternalLink.tsx b/apps/web/src/shared/ui/ExternalLink.tsx
new file mode 100644
index 0000000..cc82c6e
--- /dev/null
+++ b/apps/web/src/shared/ui/ExternalLink.tsx
@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'react'
+
+interface Props extends ComponentProps<'a'> {
+  href: string
+}
+
+/**
+ * A link out of the app, such as a reply's link or a source, opened in a new tab that isn't told
+ * which page sent it. It draws nothing of its own, so it takes the look of where it sits. A link
+ * within the app is the router's `Link`, which preloads its route and keeps the page.
+ */
+export function ExternalLink(props: Props) {
+  return <a target="_blank" rel="noreferrer" {...props} />
+}
diff --git a/specs/styling.md b/specs/styling.md
index 83cd098..5ed0fa2 100644
--- a/specs/styling.md
+++ b/specs/styling.md
@@ -101,6 +101,7 @@ Spacing literals from `design-reference` snap to the nearest quarter step of the
 - `PanelCard.tsx`: `PanelCard`, a floating panel of controls under its title, such as a chat's sharing or instructions, and `panelForm`, the class for a form around one, which lays out no box of its own so the card takes no room in the row it opens from.
 - `FileChip.tsx`: `FileChip`, a file as a well with a quote's corner, its preview or a file icon, its name over a detail line from `detailOf`, such as "PDF · 1.2 MB", both at medium weight as a chip's label is, the detail set apart only by its grey, and whatever ends it, shared by the composer's attachments and a sent message's files.
 - `CopyButton.tsx`: Copy, as words or as an icon that cross-fades to a check.
+- `ExternalLink.tsx`: `ExternalLink`, a link out of the app, such as a reply's link, a source, or Report an issue, opened in a new tab with `rel="noreferrer"`. It draws nothing of its own. A link within the app is the router's `Link`, which renders a plain anchor for an outside URL but leaves the new tab to its caller and rejects a written-out URL in its types.
 - `Code.tsx`: `Code`, code inside a line of text outside a reply, such as a model ID, a package, or a role's name, in plain monospace a step smaller than the text around it, as in a reply, but never under the caption size.
 - `TimeAgo.tsx`: `TimeAgo`, how long ago something happened, such as "Last used 5 minutes ago", after an optional prefix or capitalized without one, with the full date and time on hover. It draws only in the browser, whose locale and time zone the server lacks.
 - `ItemList.tsx`: lists in a card, imported as `import * as ItemList` and composed from its parts: `Root`, each `Item` with a `Mark`, its `Names` over a line of details, and its actions, and `LinkItem`, a row of the same parts that opens the page its title links to.