From a253f845f5a4c007f8c490ed99b46981d964ea95 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 12:05:05 +0000
Subject: [PATCH 01/48] Port over linkifyJS to shared-components.

---
 apps/web/src/HtmlUtils.tsx                    |   3 +-
 apps/web/src/Linkify.tsx                      |  24 ++-
 apps/web/src/Markdown.ts                      |   7 +-
 .../views/rooms/BasicMessageComposer.tsx      |   4 +-
 apps/web/src/linkify-matrix.ts                | 151 ++-------------
 packages/shared-components/package.json       |   6 +-
 packages/shared-components/src/index.ts       |   2 +
 .../utils/LinkedText/LinkedText.module.css    |   5 +
 .../utils/LinkedText/LinkedText.stories.tsx   |  37 ++++
 .../src/utils/LinkedText/LinkedText.test.tsx  |  31 +++
 .../src/utils/LinkedText/LinkedText.tsx       |  52 +++++
 .../src/utils/LinkedText/index.ts             |   8 +
 .../src/utils/humanize.stories.tsx            |   5 +-
 .../shared-components/src/utils/linkify.ts    | 183 ++++++++++++++++++
 14 files changed, 360 insertions(+), 158 deletions(-)
 create mode 100644 packages/shared-components/src/utils/LinkedText/LinkedText.module.css
 create mode 100644 packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
 create mode 100644 packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
 create mode 100644 packages/shared-components/src/utils/LinkedText/LinkedText.tsx
 create mode 100644 packages/shared-components/src/utils/LinkedText/index.ts
 create mode 100644 packages/shared-components/src/utils/linkify.ts

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index 5112e3f7ce2..c81d7af6783 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -17,11 +17,12 @@ import { decode } from "html-entities";
 import { type IContent } from "matrix-js-sdk/src/matrix";
 import escapeHtml from "escape-html";
 import { getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
+import { linkifyHtml } from "@element-hq/web-shared-components";
 
 import SettingsStore from "./settings/SettingsStore";
 import { stripHTMLReply, stripPlainReply } from "./utils/Reply";
 import { PERMITTED_URL_SCHEMES } from "./utils/UrlUtils";
-import { linkifyHtml, sanitizeHtmlParams, transformTags } from "./Linkify";
+import { sanitizeHtmlParams, transformTags } from "./Linkify";
 import { graphemeSegmenter } from "./utils/strings";
 
 export { Linkify, linkifyAndSanitizeHtml } from "./Linkify";
diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index f324acd9b81..0f7787f754a 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -9,12 +9,16 @@ Please see LICENSE files in the repository root for full details.
 import React, { type ReactElement } from "react";
 import sanitizeHtml, { type IOptions } from "sanitize-html";
 import { merge } from "lodash";
-import _Linkify from "linkify-react";
-
-import { _linkifyString, _linkifyHtml, ELEMENT_URL_PATTERN, options as linkifyMatrixOptions } from "./linkify-matrix";
+import {
+    PERMITTED_URL_SCHEMES,
+    LinkifyComponent,
+    linkifyString as _linkifyString,
+    linkifyHtml as _linkifyHtml,
+} from "@element-hq/web-shared-components";
+
+import { ELEMENT_URL_PATTERN, options as linkifyMatrixOptions } from "./linkify-matrix";
 import { tryTransformPermalinkToLocalHref } from "./utils/permalinks/Permalinks";
 import { mediaFromMxc } from "./customisations/Media";
-import { PERMITTED_URL_SCHEMES } from "./utils/UrlUtils";
 
 const COLOR_REGEX = /^#[0-9a-fA-F]{6}$/;
 const MEDIA_API_MXC_REGEX = /\/_matrix\/media\/r0\/(?:download|thumbnail)\/(.+?)\/(.+?)(?:[?/]|$)/;
@@ -194,11 +198,11 @@ export const sanitizeHtmlParams: IOptions = {
 };
 
 /* Wrapper around linkify-react merging in our default linkify options */
-export function Linkify({ as, options, children }: React.ComponentProps<typeof _Linkify>): ReactElement {
+export function Linkify({ as, options, children }: React.ComponentProps<typeof LinkifyComponent>): ReactElement {
     return (
-        <_Linkify as={as} options={merge({}, linkifyMatrixOptions, options)}>
+        <LinkifyComponent as={as} options={merge({}, linkifyMatrixOptions, options)}>
             {children}
-        </_Linkify>
+        </LinkifyComponent>
     );
 }
 
@@ -226,9 +230,9 @@ export function linkifyHtml(str: string, options = linkifyMatrixOptions): string
 /**
  * Linkify the given string and sanitize the HTML afterwards.
  *
- * @param {string} dirtyHtml The HTML string to sanitize and linkify
- * @param {object} [options] Options for linkifyString. Default: linkifyMatrixOptions
- * @returns {string}
+ * @param dirtyString The string to linkify, and then sanitize.
+ * @param [options] Options for linkifyString. Default: linkifyMatrixOptions
+ * @returns HTML string
  */
 export function linkifyAndSanitizeHtml(dirtyHtml: string, options = linkifyMatrixOptions): string {
     return sanitizeHtml(linkifyString(dirtyHtml, options), sanitizeHtmlParams);
diff --git a/apps/web/src/Markdown.ts b/apps/web/src/Markdown.ts
index 6f0e3e0c5e0..3e0b747c3f8 100644
--- a/apps/web/src/Markdown.ts
+++ b/apps/web/src/Markdown.ts
@@ -11,8 +11,7 @@ import "./@types/commonmark"; // import better types than @types/commonmark
 import * as commonmark from "commonmark";
 import { escape } from "lodash";
 import { logger } from "matrix-js-sdk/src/logger";
-
-import { linkify } from "./linkify-matrix";
+import { linkifyjs } from "@element-hq/web-shared-components";
 
 const ALLOWED_HTML_TAGS = ["sub", "sup", "del", "s", "u", "br", "br/"];
 
@@ -186,7 +185,7 @@ export default class Markdown {
                 // We should not do this if previous node was not a textnode, as we can't combine it then.
                 if ((node.type === "emph" || node.type === "strong") && previousNode?.type === "text") {
                     if (event.entering) {
-                        const foundLinks = linkify.find(text);
+                        const foundLinks = linkifyjs.find(text);
                         for (const { value } of foundLinks) {
                             if (node?.firstChild?.literal) {
                                 /**
@@ -197,7 +196,7 @@ export default class Markdown {
                                 const nonEmphasizedText = `${format}${innerNodeLiteral(node)}${format}`;
                                 const f = getTextUntilEndOrLinebreak(node);
                                 const newText = value + nonEmphasizedText + f;
-                                const newLinks = linkify.find(newText);
+                                const newLinks = linkifyjs.find(newText);
                                 // Should always find only one link here, if it finds more it means that the algorithm is broken
                                 if (newLinks.length === 1) {
                                     const emphasisTextNode = new commonmark.Node("text");
diff --git a/apps/web/src/components/views/rooms/BasicMessageComposer.tsx b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
index 3e9d46cbf66..13074e9b77a 100644
--- a/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
+++ b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
@@ -12,6 +12,7 @@ import { type Room, type MatrixEvent } from "matrix-js-sdk/src/matrix";
 import EMOTICON_REGEX from "emojibase-regex/emoticon";
 import { logger } from "matrix-js-sdk/src/logger";
 import { EMOTICON_TO_EMOJI } from "@matrix-org/emojibase-bindings";
+import { linkifyjs } from "@element-hq/web-shared-components";
 
 import type EditorModel from "../../../editor/model";
 import HistoryManager from "../../../editor/history";
@@ -40,7 +41,6 @@ import { type ICompletion } from "../../../autocomplete/Autocompleter";
 import { getKeyBindingsManager } from "../../../KeyBindingsManager";
 import { ALTERNATE_KEY_NAME, KeyBindingAction } from "../../../accessibility/KeyboardShortcuts";
 import { _t } from "../../../languageHandler";
-import { linkify } from "../../../linkify-matrix";
 import { SdkContextClass } from "../../../contexts/SDKContext";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import { Landmark, LandmarkNavigation } from "../../../accessibility/LandmarkNavigation";
@@ -357,7 +357,7 @@ export default class BasicMessageEditor extends React.Component<IProps, IState>
         const range = getRangeForSelection(this.editorRef.current, model, document.getSelection()!);
 
         // If the user is pasting a link, and has a range selected which is not a link, wrap the range with the link
-        if (plainText && range.length > 0 && linkify.test(plainText) && !linkify.test(range.text)) {
+        if (plainText && range.length > 0 && linkifyjs.test(plainText) && !linkifyjs.test(range.text)) {
             formatRangeAsLink(range, plainText);
         } else {
             replaceRangeAndMoveCaret(range, parts);
diff --git a/apps/web/src/linkify-matrix.ts b/apps/web/src/linkify-matrix.ts
index b6ed8ee7fc2..a5a5578624a 100644
--- a/apps/web/src/linkify-matrix.ts
+++ b/apps/web/src/linkify-matrix.ts
@@ -1,4 +1,5 @@
 /*
+Copyright 2026 Element Creations Ltd.
 Copyright 2024 New Vector Ltd.
 Copyright 2019 The Matrix.org Foundation C.I.C.
 Copyright 2015, 2016 OpenMarket Ltd
@@ -6,11 +7,7 @@ Copyright 2015, 2016 OpenMarket Ltd
 SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
-
-import * as linkifyjs from "linkifyjs";
-import { type EventListeners, type Opts, registerCustomProtocol, registerPlugin } from "linkifyjs";
-import linkifyString from "linkify-string";
-import linkifyHtml from "linkify-html";
+import { type linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
 import { getHttpUriForMxc, User } from "matrix-js-sdk/src/matrix";
 
 import {
@@ -23,72 +20,6 @@ import { Action } from "./dispatcher/actions";
 import { type ViewUserPayload } from "./dispatcher/payloads/ViewUserPayload";
 import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
 import { MatrixClientPeg } from "./MatrixClientPeg";
-import { PERMITTED_URL_SCHEMES } from "./utils/UrlUtils";
-
-export enum Type {
-    URL = "url",
-    UserId = "userid",
-    RoomAlias = "roomalias",
-}
-
-function matrixOpaqueIdLinkifyParser({
-    scanner,
-    parser,
-    token,
-    name,
-}: {
-    scanner: linkifyjs.ScannerInit;
-    parser: linkifyjs.ParserInit;
-    token: "#" | "+" | "@";
-    name: Type;
-}): void {
-    const {
-        DOT,
-        // IPV4 necessity
-        NUM,
-        COLON,
-        SYM,
-        SLASH,
-        EQUALS,
-        HYPHEN,
-        UNDERSCORE,
-    } = scanner.tokens;
-
-    // Contains NUM, WORD, UWORD, EMOJI, TLD, UTLD, SCHEME, SLASH_SCHEME and LOCALHOST plus custom protocols (e.g. "matrix")
-    const { domain } = scanner.tokens.groups;
-
-    // Tokens we need that are not contained in the domain group
-    const additionalLocalpartTokens = [DOT, SYM, SLASH, EQUALS, UNDERSCORE, HYPHEN];
-    const additionalDomainpartTokens = [HYPHEN];
-
-    const matrixToken = linkifyjs.createTokenClass(name, { isLink: true });
-    const matrixTokenState = new linkifyjs.State(matrixToken) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
-
-    const matrixTokenWithPort = linkifyjs.createTokenClass(name, { isLink: true });
-    const matrixTokenWithPortState = new linkifyjs.State(
-        matrixTokenWithPort,
-    ) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
-
-    const INITIAL_STATE = parser.start.tt(token);
-
-    // Localpart
-    const LOCALPART_STATE = new linkifyjs.State<linkifyjs.MultiToken>();
-    INITIAL_STATE.ta(domain, LOCALPART_STATE);
-    INITIAL_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
-    LOCALPART_STATE.ta(domain, LOCALPART_STATE);
-    LOCALPART_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
-
-    // Domainpart
-    const DOMAINPART_STATE_DOT = LOCALPART_STATE.tt(COLON);
-    DOMAINPART_STATE_DOT.ta(domain, matrixTokenState);
-    DOMAINPART_STATE_DOT.ta(additionalDomainpartTokens, matrixTokenState);
-    matrixTokenState.ta(domain, matrixTokenState);
-    matrixTokenState.ta(additionalDomainpartTokens, matrixTokenState);
-    matrixTokenState.tt(DOT, DOMAINPART_STATE_DOT);
-
-    // Port suffixes
-    matrixTokenState.tt(COLON).tt(NUM, matrixTokenWithPortState);
-}
 
 function onUserClick(event: MouseEvent, userId: string): void {
     event.preventDefault();
@@ -123,9 +54,9 @@ export const ELEMENT_URL_PATTERN =
     ")(#.*)";
 
 // Attach click handlers to links based on their type
-function events(href: string, type: string): EventListeners {
-    switch (type as Type) {
-        case Type.URL: {
+function events(href: string, type: string): linkifyjs.EventListeners {
+    switch (type as LinkifyMatrixOpaqueIdType) {
+        case LinkifyMatrixOpaqueIdType.URL: {
             // intercept local permalinks to users and show them like userids (in userinfo of current room)
             try {
                 const permalink = parsePermalink(href);
@@ -153,7 +84,7 @@ function events(href: string, type: string): EventListeners {
             }
             break;
         }
-        case Type.UserId:
+        case LinkifyMatrixOpaqueIdType.UserId:
             return {
                 click: function (e: MouseEvent) {
                     e.preventDefault();
@@ -161,7 +92,7 @@ function events(href: string, type: string): EventListeners {
                     if (userId) onUserClick(e, userId);
                 },
             };
-        case Type.RoomAlias:
+        case LinkifyMatrixOpaqueIdType.RoomAlias:
             return {
                 click: function (e: MouseEvent) {
                     e.preventDefault();
@@ -190,12 +121,12 @@ function attributes(href: string, type: string): Record<string, unknown> {
     return attrs;
 }
 
-export const options: Opts = {
+export const options: linkifyjs.Opts = {
     events,
 
-    formatHref: function (href: string, type: Type | string): string {
+    formatHref: function (href: string, type: LinkifyMatrixOpaqueIdType | string): string {
         switch (type) {
-            case "url":
+            case LinkifyMatrixOpaqueIdType.URL:
                 if (href.startsWith("mxc://") && MatrixClientPeg.get()) {
                     return getHttpUriForMxc(
                         MatrixClientPeg.get()!.baseUrl,
@@ -208,8 +139,8 @@ export const options: Opts = {
                     );
                 }
             // fallthrough
-            case Type.RoomAlias:
-            case Type.UserId:
+            case LinkifyMatrixOpaqueIdType.RoomAlias:
+            case LinkifyMatrixOpaqueIdType.UserId:
             default: {
                 return tryTransformEntityToPermalink(MatrixClientPeg.safeGet(), href) ?? "";
             }
@@ -222,8 +153,8 @@ export const options: Opts = {
 
     className: "linkified",
 
-    target: function (href: string, type: Type | string): string {
-        if (type === Type.URL) {
+    target: function (href: string, type: LinkifyMatrixOpaqueIdType | string): string {
+        if (type === LinkifyMatrixOpaqueIdType.URL) {
             try {
                 const transformed = tryTransformPermalinkToLocalHref(href);
                 if (
@@ -241,57 +172,3 @@ export const options: Opts = {
         return "";
     },
 };
-
-// Run the plugins
-registerPlugin(Type.RoomAlias, ({ scanner, parser }) => {
-    const token = scanner.tokens.POUND as "#";
-    matrixOpaqueIdLinkifyParser({
-        scanner,
-        parser,
-        token,
-        name: Type.RoomAlias,
-    });
-});
-
-registerPlugin(Type.UserId, ({ scanner, parser }) => {
-    const token = scanner.tokens.AT as "@";
-    matrixOpaqueIdLinkifyParser({
-        scanner,
-        parser,
-        token,
-        name: Type.UserId,
-    });
-});
-
-// Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
-// https://github.com/Hypercontext/linkifyjs/blob/f4fad9df1870259622992bbfba38bfe3d0515609/packages/linkifyjs/src/scanner.js#L133-L141
-// This also handles registering the `matrix:` protocol scheme
-const linkifySupportedProtocols = ["file", "mailto", "http", "https", "ftp", "ftps"];
-const optionalSlashProtocols = [
-    "bitcoin",
-    "geo",
-    "im",
-    "magnet",
-    "mailto",
-    "matrix",
-    "news",
-    "openpgp4fpr",
-    "sip",
-    "sms",
-    "smsto",
-    "tel",
-    "urn",
-    "xmpp",
-];
-
-PERMITTED_URL_SCHEMES.forEach((scheme) => {
-    if (!linkifySupportedProtocols.includes(scheme)) {
-        registerCustomProtocol(scheme, optionalSlashProtocols.includes(scheme));
-    }
-});
-
-registerCustomProtocol("mxc", false);
-
-export const linkify = linkifyjs;
-export const _linkifyString = linkifyString;
-export const _linkifyHtml = linkifyHtml;
diff --git a/packages/shared-components/package.json b/packages/shared-components/package.json
index 71801835637..b39d2278fdd 100644
--- a/packages/shared-components/package.json
+++ b/packages/shared-components/package.json
@@ -60,7 +60,11 @@
         "matrix-web-i18n": "catalog:",
         "react-merge-refs": "^3.0.2",
         "react-virtuoso": "^4.14.0",
-        "temporal-polyfill": "^0.3.0"
+        "temporal-polyfill": "^0.3.0",
+        "linkify-html": "4.3.2",
+        "linkify-react": "4.3.2",
+        "linkify-string": "4.3.2",
+        "linkifyjs": "4.3.2"
     },
     "devDependencies": {
         "@element-hq/element-web-playwright-common-local": "workspace:*",
diff --git a/packages/shared-components/src/index.ts b/packages/shared-components/src/index.ts
index 52ddcf115fe..5ee6c4d7f26 100644
--- a/packages/shared-components/src/index.ts
+++ b/packages/shared-components/src/index.ts
@@ -39,6 +39,7 @@ export * from "./room-list/VirtualizedRoomListView";
 export * from "./timeline/DateSeparatorView/";
 export * from "./utils/Box";
 export * from "./utils/Flex";
+export * from "./utils/LinkedText";
 export * from "./right-panel/WidgetContextMenu";
 export * from "./utils/VirtualizedList";
 
@@ -50,5 +51,6 @@ export * from "./utils/DateUtils";
 export * from "./utils/numbers";
 export * from "./utils/FormattingUtils";
 export * from "./utils/I18nApi";
+export * from "./utils/linkify";
 // MVVM
 export * from "./viewmodel";
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
new file mode 100644
index 00000000000..08dc19234fa
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
@@ -0,0 +1,5 @@
+.container {
+    a {
+        color: var(--cpd-color-text-link-external);
+    }
+}
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
new file mode 100644
index 00000000000..ec19aea7667
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -0,0 +1,37 @@
+/*
+Copyright 2026 New Vector Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+import React from "react";
+
+import type { Meta, StoryFn } from "@storybook/react-vite";
+import { LinkedText } from "./LinkedText";
+
+export default {
+    title: "Utils/LinkedText",
+    component: LinkedText,
+    args: {
+        children: "Test",
+    },
+    tags: ["autodocs"],
+} satisfies Meta<typeof LinkedText>;
+
+const Template: StoryFn<typeof LinkedText> = ({ children, ...args }) => <LinkedText {...args}>{children}</LinkedText>;
+
+export const Default = Template.bind({});
+
+Default.args = {
+    children: "I love working on https://matrix.org.",
+};
+
+export const WithUserId = Template.bind({});
+WithUserId.args = {
+    children: "I love chatting to @foo:bar.org.",
+};
+
+export const WithAlias = Template.bind({});
+WithAlias.args = {
+    children: "I love chatting to #foo:bar.",
+};
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
new file mode 100644
index 00000000000..eb0c2616901
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
@@ -0,0 +1,31 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { render } from "@test-utils";
+import { describe, it, expect } from "vitest";
+import React from "react";
+
+import { LinkedText } from "./LinkedText.tsx";
+import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "./linkifyOptions.ts";
+
+describe("LinkedText", () => {
+    it.each(
+        PERMITTED_URL_SCHEMES.filter((protocol) => !LinkifyOptionalSlashProtocols.includes(protocol)).map(
+            (protocol) => `${protocol}://abcdef/`,
+        ),
+    )("renders protocol with no optional slash '%s'", (path) => {
+        const { getByRole } = render(<LinkedText>Check out this link {path}</LinkedText>);
+        expect(getByRole("link")).toBeInTheDocument();
+    });
+    it.each(LinkifyOptionalSlashProtocols.map((protocol) => `${protocol}://abcdef`))(
+        "renders protocol with optional slash '%s'",
+        (path) => {
+            const { getByRole } = render(<LinkedText>Check out this link {path}</LinkedText>);
+            expect(getByRole("link")).toBeInTheDocument();
+        },
+    );
+});
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
new file mode 100644
index 00000000000..c099a86e5d1
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
@@ -0,0 +1,52 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { Link, Text } from "@vector-im/compound-web";
+import React, { type ComponentProps } from "react";
+import classNames from "classnames";
+
+import type { Opts } from "linkifyjs";
+import styles from "./LinkedText.module.css";
+import { LinkifyComponent, LinkifyMatrixOpaqueIdType } from "../linkify";
+
+type Props = ComponentProps<typeof Text>;
+
+const options: Opts = {
+    render: Link,
+    target: "_blank",
+    rel: "noreferrer noopener",
+    defaultProtocol: "https",
+    // By default, ignore Matrix ID types.
+    // Other applications may implement their own version of LinkifyComponent.
+    // In the future, shared-components may fully implement this logic.
+    validate: (_value, type: string) =>
+        ![LinkifyMatrixOpaqueIdType.RoomAlias, LinkifyMatrixOpaqueIdType.UserId].includes(
+            type as LinkifyMatrixOpaqueIdType,
+        ),
+};
+/**
+ * A component that renders URLs as clickable links inside some plain text.
+ *
+ * @example
+ * ```tsx
+ * <LinkedText>
+ *     I love working on https://matrix.org
+ * </LinkedText>
+ * ```
+ */
+export function LinkedText({ children, className, ...textProps }: Props): React.ReactNode {
+    return (
+        <LinkifyComponent
+            className={classNames(styles.container, className)}
+            as={Text}
+            options={options}
+            {...textProps}
+        >
+            {children}
+        </LinkifyComponent>
+    );
+}
diff --git a/packages/shared-components/src/utils/LinkedText/index.ts b/packages/shared-components/src/utils/LinkedText/index.ts
new file mode 100644
index 00000000000..e03a5fc3b2b
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/index.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+export { LinkedText } from "./LinkedText";
diff --git a/packages/shared-components/src/utils/humanize.stories.tsx b/packages/shared-components/src/utils/humanize.stories.tsx
index 6d5ba654409..a8772651bce 100644
--- a/packages/shared-components/src/utils/humanize.stories.tsx
+++ b/packages/shared-components/src/utils/humanize.stories.tsx
@@ -9,7 +9,6 @@ import React from "react";
 import { Markdown } from "@storybook/addon-docs/blocks";
 
 import type { Meta } from "@storybook/react-vite";
-import humanizeTimeDoc from "../../typedoc/functions/humanizeTime.md?raw";
 
 const meta = {
     title: "utils/humanize",
@@ -17,8 +16,8 @@ const meta = {
         docs: {
             page: () => (
                 <>
-                    <h1>humanize</h1>
-                    <Markdown>{humanizeTimeDoc}</Markdown>
+                    <h1>linkifyjs</h1>
+                    <Markdown>**Here is some md**</Markdown>
                 </>
             ),
         },
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
new file mode 100644
index 00000000000..2ca34e88ec8
--- /dev/null
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -0,0 +1,183 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import * as linkifyjs from "linkifyjs";
+
+/**
+ * This file describes common linkify configuration settings such as supported protocols.
+ * The instance of "linkifyjs" is the canonical instance that all dependant apps should use.
+ *
+ * Plugins should be configured inside this file exclusively so as to avoid contamination of
+ * the global state.
+ */
+
+/**
+ * List of supported protocols natively by linkify. Kept in sync with upstreanm.
+ * @see https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
+ */
+export const LinkifySupportedProtocols = ["file", "mailto", "http", "https", "ftp", "ftps"];
+
+/**
+ * Protocols that do not require a slash in the URL.
+ */
+export const LinkifyOptionalSlashProtocols = [
+    "bitcoin",
+    "geo",
+    "im",
+    "magnet",
+    "mailto",
+    "matrix",
+    "news",
+    "openpgp4fpr",
+    "sip",
+    "sms",
+    "smsto",
+    "tel",
+    "urn",
+    "xmpp",
+];
+
+/**
+ * URL schemes that are safe to be resolved within the context of a Matrix client.
+ */
+export const PERMITTED_URL_SCHEMES = [
+    "bitcoin",
+    "ftp",
+    "geo",
+    "http",
+    "https",
+    "im",
+    "irc",
+    "ircs",
+    "magnet",
+    "mailto",
+    "matrix",
+    "mms",
+    "news",
+    "nntp",
+    "openpgp4fpr",
+    "sip",
+    "sftp",
+    "sms",
+    "smsto",
+    "ssh",
+    "tel",
+    "urn",
+    "webcal",
+    "wtai",
+    "xmpp",
+];
+
+// Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
+// https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
+// This also handles registering the `matrix:` protocol scheme
+PERMITTED_URL_SCHEMES.forEach((scheme) => {
+    if (!LinkifySupportedProtocols.includes(scheme)) {
+        linkifyjs.registerCustomProtocol(scheme, LinkifyOptionalSlashProtocols.includes(scheme));
+    }
+});
+
+// MXC urls can be resolved, but are not permitted in other parts of the app.
+linkifyjs.registerCustomProtocol("mxc", false);
+
+export enum LinkifyMatrixOpaqueIdType {
+    URL = "url",
+    UserId = "userid",
+    RoomAlias = "roomalias",
+}
+
+/**
+ * Finds instances of room aliases and user IDs.
+ */
+function matrixOpaqueIdLinkifyParser({
+    scanner,
+    parser,
+    token,
+    name,
+}: {
+    scanner: linkifyjs.ScannerInit;
+    parser: linkifyjs.ParserInit;
+    token: "#" | "@";
+    name: LinkifyMatrixOpaqueIdType;
+}): void {
+    const {
+        DOT,
+        // IPV4 necessity
+        NUM,
+        COLON,
+        SYM,
+        SLASH,
+        EQUALS,
+        HYPHEN,
+        UNDERSCORE,
+    } = scanner.tokens;
+
+    // Contains NUM, WORD, UWORD, EMOJI, TLD, UTLD, SCHEME, SLASH_SCHEME and LOCALHOST plus custom protocols (e.g. "matrix")
+    const { domain } = scanner.tokens.groups;
+
+    // Tokens we need that are not contained in the domain group
+    const additionalLocalpartTokens = [DOT, SYM, SLASH, EQUALS, UNDERSCORE, HYPHEN];
+    const additionalDomainpartTokens = [HYPHEN];
+
+    const matrixToken = linkifyjs.createTokenClass(name, { isLink: true });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const matrixTokenState = new linkifyjs.State(matrixToken) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
+
+    const matrixTokenWithPort = linkifyjs.createTokenClass(name, { isLink: true });
+    const matrixTokenWithPortState = new linkifyjs.State(
+        matrixTokenWithPort,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
+
+    const INITIAL_STATE = parser.start.tt(token);
+
+    // Localpart
+    const LOCALPART_STATE = new linkifyjs.State<linkifyjs.MultiToken>();
+    INITIAL_STATE.ta(domain, LOCALPART_STATE);
+    INITIAL_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
+    LOCALPART_STATE.ta(domain, LOCALPART_STATE);
+    LOCALPART_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
+
+    // Domainpart
+    const DOMAINPART_STATE_DOT = LOCALPART_STATE.tt(COLON);
+    DOMAINPART_STATE_DOT.ta(domain, matrixTokenState);
+    DOMAINPART_STATE_DOT.ta(additionalDomainpartTokens, matrixTokenState);
+    matrixTokenState.ta(domain, matrixTokenState);
+    matrixTokenState.ta(additionalDomainpartTokens, matrixTokenState);
+    matrixTokenState.tt(DOT, DOMAINPART_STATE_DOT);
+
+    // Port suffixes
+    matrixTokenState.tt(COLON).tt(NUM, matrixTokenWithPortState);
+}
+
+// Register plugins
+linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.RoomAlias, ({ scanner, parser }) => {
+    const token = scanner.tokens.POUND as "#";
+    matrixOpaqueIdLinkifyParser({
+        scanner,
+        parser,
+        token,
+        name: LinkifyMatrixOpaqueIdType.RoomAlias,
+    });
+});
+
+linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser }) => {
+    const token = scanner.tokens.AT as "@";
+    matrixOpaqueIdLinkifyParser({
+        scanner,
+        parser,
+        token,
+        name: LinkifyMatrixOpaqueIdType.UserId,
+    });
+});
+
+// Export our instances of linkify to ensure there is a singular instance of it.
+export { default as linkifyString } from "linkify-string";
+export { default as linkifyHtml } from "linkify-html";
+export { default as LinkifyComponent } from "linkify-react";
+
+export { linkifyjs };

From a8efa1b0b57206b4aa45664dab9ba01d9e55baa1 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 12:29:16 +0000
Subject: [PATCH 02/48] Drop rubbish

---
 packages/shared-components/src/utils/humanize.stories.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/shared-components/src/utils/humanize.stories.tsx b/packages/shared-components/src/utils/humanize.stories.tsx
index a8772651bce..6d5ba654409 100644
--- a/packages/shared-components/src/utils/humanize.stories.tsx
+++ b/packages/shared-components/src/utils/humanize.stories.tsx
@@ -9,6 +9,7 @@ import React from "react";
 import { Markdown } from "@storybook/addon-docs/blocks";
 
 import type { Meta } from "@storybook/react-vite";
+import humanizeTimeDoc from "../../typedoc/functions/humanizeTime.md?raw";
 
 const meta = {
     title: "utils/humanize",
@@ -16,8 +17,8 @@ const meta = {
         docs: {
             page: () => (
                 <>
-                    <h1>linkifyjs</h1>
-                    <Markdown>**Here is some md**</Markdown>
+                    <h1>humanize</h1>
+                    <Markdown>{humanizeTimeDoc}</Markdown>
                 </>
             ),
         },

From db34d93b5a0b4e41afc06b9ca584a78222feb44d Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 12:47:40 +0000
Subject: [PATCH 03/48] update lock

---
 pnpm-lock.yaml | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 35dee08fb3a..3d8750e2369 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -775,6 +775,18 @@ importers:
       counterpart:
         specifier: ^0.18.6
         version: 0.18.6
+      linkify-html:
+        specifier: 4.3.2
+        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
+      linkify-react:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
+      linkify-string:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)
+      linkifyjs:
+        specifier: 4.3.2
+        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23

From 6a57306491c82dc887962f2781e74887f6361a8f Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 12:49:37 +0000
Subject: [PATCH 04/48] quickfix test

---
 .../test/unit-tests/linkify-matrix-test.ts    | 60 +++++++++----------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
index 26c2a809d0b..af9c9ca2218 100644
--- a/apps/web/test/unit-tests/linkify-matrix-test.ts
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -6,9 +6,9 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import { type EventListeners } from "linkifyjs";
+import { linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
 
-import { linkify, Type, options } from "../../src/linkify-matrix";
+import { options } from "../../src/linkify-matrix";
 import dispatcher from "../../src/dispatcher/dispatcher";
 import { Action } from "../../src/dispatcher/actions";
 
@@ -27,13 +27,13 @@ describe("linkify-matrix", () => {
         const type = linkTypesByInitialCharacter[char];
         it("should not parse " + char + "foo without domain", () => {
             const test = char + "foo";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([]);
         });
         describe("ip v4 tests", () => {
             it("should properly parse IPs v4 as the domain name", () => {
                 const test = char + "potato:1.2.3.4";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4",
@@ -47,7 +47,7 @@ describe("linkify-matrix", () => {
             });
             it("should properly parse IPs v4 with port as the domain name with attached", () => {
                 const test = char + "potato:1.2.3.4:1337";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4:1337",
@@ -61,7 +61,7 @@ describe("linkify-matrix", () => {
             });
             it("should properly parse IPs v4 as the domain name while ignoring missing port", () => {
                 const test = char + "potato:1.2.3.4:";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4",
@@ -78,7 +78,7 @@ describe("linkify-matrix", () => {
         describe.skip("ip v6 tests", () => {
             it("should properly parse IPs v6 as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]",
@@ -93,7 +93,7 @@ describe("linkify-matrix", () => {
 
             it("should properly parse IPs v6 with port as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]:1337";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]:1337",
@@ -108,7 +108,7 @@ describe("linkify-matrix", () => {
             // eslint-disable-next-line max-len
             it("should properly parse IPs v6 while ignoring dangling comma when without port name as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]:";
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]:",
@@ -123,7 +123,7 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "_foonetic_xkcd:matrix.org", () => {
             const test = "" + char + "_foonetic_xkcd:matrix.org";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "_foonetic_xkcd:matrix.org",
@@ -137,7 +137,7 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "localhost:foo.com", () => {
             const test = char + "localhost:foo.com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "localhost:foo.com",
@@ -151,7 +151,7 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "foo:localhost", () => {
             const test = char + "foo:localhost";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:localhost",
@@ -165,7 +165,7 @@ describe("linkify-matrix", () => {
         });
         it("accept " + char + "foo:bar.com", () => {
             const test = "" + char + "foo:bar.com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com",
@@ -179,7 +179,7 @@ describe("linkify-matrix", () => {
         });
         it("accept " + char + "foo:com (mostly for (TLD|DOMAIN)+ mixing)", () => {
             const test = "" + char + "foo:com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:com",
@@ -193,7 +193,7 @@ describe("linkify-matrix", () => {
         });
         it("accept repeated TLDs (e.g .org.uk)", () => {
             const test = "" + char + "foo:bar.org.uk";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.org.uk",
@@ -207,7 +207,7 @@ describe("linkify-matrix", () => {
         });
         it("accept hyphens in name " + char + "foo-bar:server.com", () => {
             const test = "" + char + "foo-bar:server.com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo-bar:server.com",
@@ -221,7 +221,7 @@ describe("linkify-matrix", () => {
         });
         it("ignores trailing `:`", () => {
             const test = "" + char + "foo:bar.com:";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     type,
@@ -235,7 +235,7 @@ describe("linkify-matrix", () => {
         });
         it("accept :NUM (port specifier)", () => {
             const test = "" + char + "foo:bar.com:2225";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com:2225",
@@ -249,7 +249,7 @@ describe("linkify-matrix", () => {
         });
         it("ignores duplicate :NUM (double port specifier)", () => {
             const test = "" + char + "foo:bar.com:2225:1234";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com:2225",
@@ -263,7 +263,7 @@ describe("linkify-matrix", () => {
         });
         it("ignores all the trailing :", () => {
             const test = "" + char + "foo:bar.com::::";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com",
@@ -277,7 +277,7 @@ describe("linkify-matrix", () => {
         });
         it("properly parses room alias with dots in name", () => {
             const test = "" + char + "foo.asdf:bar.com::::";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo.asdf:bar.com",
@@ -291,7 +291,7 @@ describe("linkify-matrix", () => {
         });
         it("does not parse room alias with too many separators", () => {
             const test = "" + char + "foo:::bar.com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: "http://bar.com",
@@ -305,7 +305,7 @@ describe("linkify-matrix", () => {
         });
         it("properly parses room alias with hyphen in domain part", () => {
             const test = "" + char + "foo:bar.com-baz.com";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com-baz.com",
@@ -325,7 +325,7 @@ describe("linkify-matrix", () => {
         it("should intercept clicks with a ViewRoom dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
-            const handlers = (options.events as (href: string, type: string) => EventListeners)(
+            const handlers = (options.events as (href: string, type: string) => linkifyjs.EventListeners)(
                 "#room:server.com",
                 "roomalias",
             );
@@ -348,7 +348,7 @@ describe("linkify-matrix", () => {
 
         it("allows dots in localparts", () => {
             const test = "@test.:matrix.org";
-            const found = linkify.find(test);
+            const found = linkifyjs.find(test);
             expect(found).toEqual([
                 {
                     href: test,
@@ -365,7 +365,7 @@ describe("linkify-matrix", () => {
         it("should intercept clicks with a ViewUser dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
-            const handlers = (options.events as (href: string, type: string) => EventListeners)(
+            const handlers = (options.events as (href: string, type: string) => linkifyjs.EventListeners)(
                 "@localpart:server.com",
                 "userid",
             );
@@ -398,11 +398,11 @@ describe("linkify-matrix", () => {
         for (const matrixUri of acceptedMatrixUris) {
             it("accepts " + matrixUri, () => {
                 const test = matrixUri;
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: matrixUri,
-                        type: Type.URL,
+                        type: LinkifyMatrixOpaqueIdType.URL,
                         value: matrixUri,
                         end: matrixUri.length,
                         start: 0,
@@ -418,11 +418,11 @@ describe("linkify-matrix", () => {
         for (const domain of acceptedDomains) {
             it("accepts " + domain, () => {
                 const test = domain;
-                const found = linkify.find(test);
+                const found = linkifyjs.find(test);
                 expect(found).toEqual([
                     {
                         href: `http://${domain}`,
-                        type: Type.URL,
+                        type: LinkifyMatrixOpaqueIdType.URL,
                         value: domain,
                         end: domain.length,
                         start: 0,

From 9a88517ebe7f24cfd26b9b29f9da272e522ab6d1 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 12:50:13 +0000
Subject: [PATCH 05/48] drop group id

---
 apps/web/test/unit-tests/linkify-matrix-test.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
index af9c9ca2218..75d6e7eb5f5 100644
--- a/apps/web/test/unit-tests/linkify-matrix-test.ts
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -23,7 +23,7 @@ describe("linkify-matrix", () => {
      * @param testName Due to all the tests using the same logic underneath, it makes to generate it in a bit smarter way
      * @param char
      */
-    function genTests(char: "#" | "@" | "+") {
+    function genTests(char: "#" | "@") {
         const type = linkTypesByInitialCharacter[char];
         it("should not parse " + char + "foo without domain", () => {
             const test = char + "foo";

From 291aa4888223da6e79d39e056854e581169f9153 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 13:00:43 +0000
Subject: [PATCH 06/48] Modernize tests

---
 .../test/unit-tests/linkify-matrix-test.ts    | 378 +-----------------
 .../src/utils/linkify.test.ts                 | 378 ++++++++++++++++++
 2 files changed, 379 insertions(+), 377 deletions(-)
 create mode 100644 packages/shared-components/src/utils/linkify.test.ts

diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
index 75d6e7eb5f5..38e5c091a02 100644
--- a/apps/web/test/unit-tests/linkify-matrix-test.ts
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -5,323 +5,13 @@ Copyright 2021 The Matrix.org Foundation C.I.C.
 SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
-
-import { linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
-
+import type { linkifyjs } from "@element-hq/web-shared-components";
 import { options } from "../../src/linkify-matrix";
 import dispatcher from "../../src/dispatcher/dispatcher";
 import { Action } from "../../src/dispatcher/actions";
 
 describe("linkify-matrix", () => {
-    const linkTypesByInitialCharacter: Record<string, string> = {
-        "#": "roomalias",
-        "@": "userid",
-    };
-
-    /**
-     *
-     * @param testName Due to all the tests using the same logic underneath, it makes to generate it in a bit smarter way
-     * @param char
-     */
-    function genTests(char: "#" | "@") {
-        const type = linkTypesByInitialCharacter[char];
-        it("should not parse " + char + "foo without domain", () => {
-            const test = char + "foo";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([]);
-        });
-        describe("ip v4 tests", () => {
-            it("should properly parse IPs v4 as the domain name", () => {
-                const test = char + "potato:1.2.3.4";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "potato:1.2.3.4",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length,
-                        value: char + "potato:1.2.3.4",
-                    },
-                ]);
-            });
-            it("should properly parse IPs v4 with port as the domain name with attached", () => {
-                const test = char + "potato:1.2.3.4:1337";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "potato:1.2.3.4:1337",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length,
-                        value: char + "potato:1.2.3.4:1337",
-                    },
-                ]);
-            });
-            it("should properly parse IPs v4 as the domain name while ignoring missing port", () => {
-                const test = char + "potato:1.2.3.4:";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "potato:1.2.3.4",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length - 1,
-                        value: char + "potato:1.2.3.4",
-                    },
-                ]);
-            });
-        });
-        // Currently those tests are failing, as there's missing implementation.
-        describe.skip("ip v6 tests", () => {
-            it("should properly parse IPs v6 as the domain name", () => {
-                const test = char + "username:[1234:5678::abcd]";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "username:[1234:5678::abcd]",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length,
-                        value: char + "username:[1234:5678::abcd]",
-                    },
-                ]);
-            });
-
-            it("should properly parse IPs v6 with port as the domain name", () => {
-                const test = char + "username:[1234:5678::abcd]:1337";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "username:[1234:5678::abcd]:1337",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length,
-                        value: char + "username:[1234:5678::abcd]:1337",
-                    },
-                ]);
-            });
-            // eslint-disable-next-line max-len
-            it("should properly parse IPs v6 while ignoring dangling comma when without port name as the domain name", () => {
-                const test = char + "username:[1234:5678::abcd]:";
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: char + "username:[1234:5678::abcd]:",
-                        type,
-                        isLink: true,
-                        start: 0,
-                        end: test.length - 1,
-                        value: char + "username:[1234:5678::abcd]:",
-                    },
-                ]);
-            });
-        });
-        it("properly parses " + char + "_foonetic_xkcd:matrix.org", () => {
-            const test = "" + char + "_foonetic_xkcd:matrix.org";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "_foonetic_xkcd:matrix.org",
-                    type,
-                    value: char + "_foonetic_xkcd:matrix.org",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("properly parses " + char + "localhost:foo.com", () => {
-            const test = char + "localhost:foo.com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "localhost:foo.com",
-                    type,
-                    value: char + "localhost:foo.com",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("properly parses " + char + "foo:localhost", () => {
-            const test = char + "foo:localhost";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:localhost",
-                    type,
-                    value: char + "foo:localhost",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("accept " + char + "foo:bar.com", () => {
-            const test = "" + char + "foo:bar.com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.com",
-                    type,
-                    value: char + "foo:bar.com",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("accept " + char + "foo:com (mostly for (TLD|DOMAIN)+ mixing)", () => {
-            const test = "" + char + "foo:com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:com",
-                    type,
-                    value: char + "foo:com",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("accept repeated TLDs (e.g .org.uk)", () => {
-            const test = "" + char + "foo:bar.org.uk";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.org.uk",
-                    type,
-                    value: char + "foo:bar.org.uk",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("accept hyphens in name " + char + "foo-bar:server.com", () => {
-            const test = "" + char + "foo-bar:server.com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo-bar:server.com",
-                    type,
-                    value: char + "foo-bar:server.com",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("ignores trailing `:`", () => {
-            const test = "" + char + "foo:bar.com:";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    type,
-                    value: char + "foo:bar.com",
-                    href: char + "foo:bar.com",
-                    start: 0,
-                    end: test.length - ":".length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("accept :NUM (port specifier)", () => {
-            const test = "" + char + "foo:bar.com:2225";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.com:2225",
-                    type,
-                    value: char + "foo:bar.com:2225",
-                    start: 0,
-                    end: test.length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("ignores duplicate :NUM (double port specifier)", () => {
-            const test = "" + char + "foo:bar.com:2225:1234";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.com:2225",
-                    type,
-                    value: char + "foo:bar.com:2225",
-                    start: 0,
-                    end: 17,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("ignores all the trailing :", () => {
-            const test = "" + char + "foo:bar.com::::";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.com",
-                    type,
-                    value: char + "foo:bar.com",
-                    end: test.length - 4,
-                    start: 0,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("properly parses room alias with dots in name", () => {
-            const test = "" + char + "foo.asdf:bar.com::::";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo.asdf:bar.com",
-                    type,
-                    value: char + "foo.asdf:bar.com",
-                    start: 0,
-                    end: test.length - ":".repeat(4).length,
-                    isLink: true,
-                },
-            ]);
-        });
-        it("does not parse room alias with too many separators", () => {
-            const test = "" + char + "foo:::bar.com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: "http://bar.com",
-                    type: "url",
-                    value: "bar.com",
-                    isLink: true,
-                    start: 7,
-                    end: test.length,
-                },
-            ]);
-        });
-        it("properly parses room alias with hyphen in domain part", () => {
-            const test = "" + char + "foo:bar.com-baz.com";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: char + "foo:bar.com-baz.com",
-                    type,
-                    value: char + "foo:bar.com-baz.com",
-                    end: 20,
-                    start: 0,
-                    isLink: true,
-                },
-            ]);
-        });
-    }
-
     describe("roomalias plugin", () => {
-        genTests("#");
-
         it("should intercept clicks with a ViewRoom dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
@@ -344,24 +34,6 @@ describe("linkify-matrix", () => {
     });
 
     describe("userid plugin", () => {
-        genTests("@");
-
-        it("allows dots in localparts", () => {
-            const test = "@test.:matrix.org";
-            const found = linkifyjs.find(test);
-            expect(found).toEqual([
-                {
-                    href: test,
-                    type: "userid",
-                    value: test,
-                    start: 0,
-                    end: test.length,
-
-                    isLink: true,
-                },
-            ]);
-        });
-
         it("should intercept clicks with a ViewUser dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
@@ -384,52 +56,4 @@ describe("linkify-matrix", () => {
             );
         });
     });
-
-    describe("matrix uri", () => {
-        const acceptedMatrixUris = [
-            "matrix:u/foo_bar:server.uk",
-            "matrix:r/foo-bar:server.uk",
-            "matrix:roomid/somewhere:example.org?via=elsewhere.ca",
-            "matrix:r/somewhere:example.org",
-            "matrix:r/somewhere:example.org/e/event",
-            "matrix:roomid/somewhere:example.org/e/event?via=elsewhere.ca",
-            "matrix:u/alice:example.org?action=chat",
-        ];
-        for (const matrixUri of acceptedMatrixUris) {
-            it("accepts " + matrixUri, () => {
-                const test = matrixUri;
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: matrixUri,
-                        type: LinkifyMatrixOpaqueIdType.URL,
-                        value: matrixUri,
-                        end: matrixUri.length,
-                        start: 0,
-                        isLink: true,
-                    },
-                ]);
-            });
-        }
-    });
-
-    describe("matrix-prefixed domains", () => {
-        const acceptedDomains = ["matrix.org", "matrix.to", "matrix-help.org", "matrix123.org"];
-        for (const domain of acceptedDomains) {
-            it("accepts " + domain, () => {
-                const test = domain;
-                const found = linkifyjs.find(test);
-                expect(found).toEqual([
-                    {
-                        href: `http://${domain}`,
-                        type: LinkifyMatrixOpaqueIdType.URL,
-                        value: domain,
-                        end: domain.length,
-                        start: 0,
-                        isLink: true,
-                    },
-                ]);
-            });
-        }
-    });
 });
diff --git a/packages/shared-components/src/utils/linkify.test.ts b/packages/shared-components/src/utils/linkify.test.ts
new file mode 100644
index 00000000000..0bcc753a7d5
--- /dev/null
+++ b/packages/shared-components/src/utils/linkify.test.ts
@@ -0,0 +1,378 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { describe, it, expect } from "vitest";
+import { linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
+
+describe("linkify-matrix", () => {
+    const linkTypesByInitialCharacter: Record<string, string> = {
+        "#": "roomalias",
+        "@": "userid",
+    };
+
+    describe.each(Object.entries(linkTypesByInitialCharacter))("handles '%s' (%s)", (char, type) => {
+        it("should not parse " + char + "foo without domain", () => {
+            const test = char + "foo";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([]);
+        });
+        describe("ip v4 tests", () => {
+            it("should properly parse IPs v4 as the domain name", () => {
+                const test = char + "potato:1.2.3.4";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "potato:1.2.3.4",
+                    },
+                ]);
+            });
+            it("should properly parse IPs v4 with port as the domain name with attached", () => {
+                const test = char + "potato:1.2.3.4:1337";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4:1337",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "potato:1.2.3.4:1337",
+                    },
+                ]);
+            });
+            it("should properly parse IPs v4 as the domain name while ignoring missing port", () => {
+                const test = char + "potato:1.2.3.4:";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "potato:1.2.3.4",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length - 1,
+                        value: char + "potato:1.2.3.4",
+                    },
+                ]);
+            });
+        });
+        // Currently those tests are failing, as there's missing implementation.
+        describe.skip("ip v6 tests", () => {
+            it("should properly parse IPs v6 as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "username:[1234:5678::abcd]",
+                    },
+                ]);
+            });
+
+            it("should properly parse IPs v6 with port as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]:1337";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]:1337",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length,
+                        value: char + "username:[1234:5678::abcd]:1337",
+                    },
+                ]);
+            });
+            // eslint-disable-next-line max-len
+            it("should properly parse IPs v6 while ignoring dangling comma when without port name as the domain name", () => {
+                const test = char + "username:[1234:5678::abcd]:";
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: char + "username:[1234:5678::abcd]:",
+                        type,
+                        isLink: true,
+                        start: 0,
+                        end: test.length - 1,
+                        value: char + "username:[1234:5678::abcd]:",
+                    },
+                ]);
+            });
+        });
+        it("properly parses " + char + "_foonetic_xkcd:matrix.org", () => {
+            const test = "" + char + "_foonetic_xkcd:matrix.org";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "_foonetic_xkcd:matrix.org",
+                    type,
+                    value: char + "_foonetic_xkcd:matrix.org",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses " + char + "localhost:foo.com", () => {
+            const test = char + "localhost:foo.com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "localhost:foo.com",
+                    type,
+                    value: char + "localhost:foo.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses " + char + "foo:localhost", () => {
+            const test = char + "foo:localhost";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:localhost",
+                    type,
+                    value: char + "foo:localhost",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept " + char + "foo:bar.com", () => {
+            const test = "" + char + "foo:bar.com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com",
+                    type,
+                    value: char + "foo:bar.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept " + char + "foo:com (mostly for (TLD|DOMAIN)+ mixing)", () => {
+            const test = "" + char + "foo:com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:com",
+                    type,
+                    value: char + "foo:com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept repeated TLDs (e.g .org.uk)", () => {
+            const test = "" + char + "foo:bar.org.uk";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.org.uk",
+                    type,
+                    value: char + "foo:bar.org.uk",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept hyphens in name " + char + "foo-bar:server.com", () => {
+            const test = "" + char + "foo-bar:server.com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo-bar:server.com",
+                    type,
+                    value: char + "foo-bar:server.com",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores trailing `:`", () => {
+            const test = "" + char + "foo:bar.com:";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    type,
+                    value: char + "foo:bar.com",
+                    href: char + "foo:bar.com",
+                    start: 0,
+                    end: test.length - ":".length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("accept :NUM (port specifier)", () => {
+            const test = "" + char + "foo:bar.com:2225";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com:2225",
+                    type,
+                    value: char + "foo:bar.com:2225",
+                    start: 0,
+                    end: test.length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores duplicate :NUM (double port specifier)", () => {
+            const test = "" + char + "foo:bar.com:2225:1234";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com:2225",
+                    type,
+                    value: char + "foo:bar.com:2225",
+                    start: 0,
+                    end: 17,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("ignores all the trailing :", () => {
+            const test = "" + char + "foo:bar.com::::";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com",
+                    type,
+                    value: char + "foo:bar.com",
+                    end: test.length - 4,
+                    start: 0,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("properly parses room alias with dots in name", () => {
+            const test = "" + char + "foo.asdf:bar.com::::";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo.asdf:bar.com",
+                    type,
+                    value: char + "foo.asdf:bar.com",
+                    start: 0,
+                    end: test.length - ":".repeat(4).length,
+                    isLink: true,
+                },
+            ]);
+        });
+        it("does not parse room alias with too many separators", () => {
+            const test = "" + char + "foo:::bar.com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: "http://bar.com",
+                    type: "url",
+                    value: "bar.com",
+                    isLink: true,
+                    start: 7,
+                    end: test.length,
+                },
+            ]);
+        });
+        it("properly parses room alias with hyphen in domain part", () => {
+            const test = "" + char + "foo:bar.com-baz.com";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: char + "foo:bar.com-baz.com",
+                    type,
+                    value: char + "foo:bar.com-baz.com",
+                    end: 20,
+                    start: 0,
+                    isLink: true,
+                },
+            ]);
+        });
+    });
+
+    describe("userid plugin", () => {
+        it("allows dots in localparts", () => {
+            const test = "@test.:matrix.org";
+            const found = linkifyjs.find(test);
+            expect(found).toEqual([
+                {
+                    href: test,
+                    type: "userid",
+                    value: test,
+                    start: 0,
+                    end: test.length,
+
+                    isLink: true,
+                },
+            ]);
+        });
+    });
+
+    describe("matrix uri", () => {
+        const acceptedMatrixUris = [
+            "matrix:u/foo_bar:server.uk",
+            "matrix:r/foo-bar:server.uk",
+            "matrix:roomid/somewhere:example.org?via=elsewhere.ca",
+            "matrix:r/somewhere:example.org",
+            "matrix:r/somewhere:example.org/e/event",
+            "matrix:roomid/somewhere:example.org/e/event?via=elsewhere.ca",
+            "matrix:u/alice:example.org?action=chat",
+        ];
+        for (const matrixUri of acceptedMatrixUris) {
+            it("accepts " + matrixUri, () => {
+                const test = matrixUri;
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: matrixUri,
+                        type: LinkifyMatrixOpaqueIdType.URL,
+                        value: matrixUri,
+                        end: matrixUri.length,
+                        start: 0,
+                        isLink: true,
+                    },
+                ]);
+            });
+        }
+    });
+
+    describe("matrix-prefixed domains", () => {
+        const acceptedDomains = ["matrix.org", "matrix.to", "matrix-help.org", "matrix123.org"];
+        for (const domain of acceptedDomains) {
+            it("accepts " + domain, () => {
+                const test = domain;
+                const found = linkifyjs.find(test);
+                expect(found).toEqual([
+                    {
+                        href: `http://${domain}`,
+                        type: LinkifyMatrixOpaqueIdType.URL,
+                        value: domain,
+                        end: domain.length,
+                        start: 0,
+                        isLink: true,
+                    },
+                ]);
+            });
+        }
+    });
+});

From bc362bdb710cd74cad6690ae5bb16c5aaede0afa Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 13:44:14 +0000
Subject: [PATCH 07/48] Remove stories that aren't in use.

---
 .../src/utils/LinkedText/LinkedText.stories.tsx        | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index ec19aea7667..95ee312a8f9 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -25,13 +25,3 @@ export const Default = Template.bind({});
 Default.args = {
     children: "I love working on https://matrix.org.",
 };
-
-export const WithUserId = Template.bind({});
-WithUserId.args = {
-    children: "I love chatting to @foo:bar.org.",
-};
-
-export const WithAlias = Template.bind({});
-WithAlias.args = {
-    children: "I love chatting to #foo:bar.",
-};

From 378abbaaaaf94cac545087c46bff3c0cd1e3259e Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 15:49:39 +0000
Subject: [PATCH 08/48] Complete working version

---
 apps/web/src/HtmlUtils.tsx                    |   5 +-
 apps/web/src/Linkify.tsx                      | 191 ++++++++++++++++--
 .../src/components/structures/MatrixChat.tsx  |   6 +-
 .../components/structures/SpaceHierarchy.tsx  |  16 +-
 .../views/dialogs/InteractiveAuthDialog.tsx   |   8 +-
 .../components/views/elements/RoomTopic.tsx   |  19 +-
 .../components/views/messages/TextualBody.tsx |   3 +-
 .../views/right_panel/RoomSummaryCardView.tsx |   5 +-
 .../views/rooms/LinkPreviewWidget.tsx         |   4 +-
 .../components/views/rooms/NewRoomIntro.tsx   |   7 +-
 apps/web/src/linkify-matrix.ts                | 151 --------------
 apps/web/src/slash-commands/SlashCommands.tsx |   5 +-
 .../with-avatar-image-auto.png                | Bin 7965 -> 24247 bytes
 .../LinkedText.stories.tsx/default-auto.png   | Bin 0 -> 7267 bytes
 .../utils/LinkedText/LinkedText.stories.tsx   |  41 +++-
 .../src/utils/LinkedText/LinkedText.test.tsx  |  38 +++-
 .../src/utils/LinkedText/LinkedText.tsx       |  56 ++---
 .../__snapshots__/LinkedText.test.tsx.snap    | 108 ++++++++++
 .../src/utils/LinkedText/index.ts             |   2 +-
 .../shared-components/src/utils/linkify.ts    | 103 +++++++++-
 20 files changed, 520 insertions(+), 248 deletions(-)
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/default-auto.png
 create mode 100644 packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index c81d7af6783..d76b580173c 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -17,15 +17,14 @@ import { decode } from "html-entities";
 import { type IContent } from "matrix-js-sdk/src/matrix";
 import escapeHtml from "escape-html";
 import { getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
-import { linkifyHtml } from "@element-hq/web-shared-components";
 
 import SettingsStore from "./settings/SettingsStore";
 import { stripHTMLReply, stripPlainReply } from "./utils/Reply";
 import { PERMITTED_URL_SCHEMES } from "./utils/UrlUtils";
-import { sanitizeHtmlParams, transformTags } from "./Linkify";
+import { sanitizeHtmlParams, transformTags, linkifyHtml } from "./Linkify";
 import { graphemeSegmenter } from "./utils/strings";
 
-export { Linkify, linkifyAndSanitizeHtml } from "./Linkify";
+export { linkifyAndSanitizeHtml } from "./Linkify";
 
 // Anything outside the basic multilingual plane will be a surrogate pair
 const SURROGATE_PAIR_PATTERN = /([\ud800-\udbff])([\udc00-\udfff])/;
diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index 0f7787f754a..d2cc78beb2f 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -8,17 +8,30 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type ReactElement } from "react";
 import sanitizeHtml, { type IOptions } from "sanitize-html";
-import { merge } from "lodash";
 import {
     PERMITTED_URL_SCHEMES,
-    LinkifyComponent,
+    type LinkedTextProps,
     linkifyString as _linkifyString,
     linkifyHtml as _linkifyHtml,
+    LinkedText,
+    LinkifyMatrixOpaqueIdType,
+    generateLinkedTextOptions,
+    type linkifyjs,
 } from "@element-hq/web-shared-components";
+import { getHttpUriForMxc, User } from "matrix-js-sdk/src/matrix";
 
-import { ELEMENT_URL_PATTERN, options as linkifyMatrixOptions } from "./linkify-matrix";
-import { tryTransformPermalinkToLocalHref } from "./utils/permalinks/Permalinks";
+import { ELEMENT_URL_PATTERN } from "./linkify-matrix";
 import { mediaFromMxc } from "./customisations/Media";
+import {
+    parsePermalink,
+    tryTransformEntityToPermalink,
+    tryTransformPermalinkToLocalHref,
+} from "./utils/permalinks/Permalinks";
+import dis from "./dispatcher/dispatcher";
+import { Action } from "./dispatcher/actions";
+import { type ViewUserPayload } from "./dispatcher/payloads/ViewUserPayload";
+import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
+import { MatrixClientPeg } from "./MatrixClientPeg";
 
 const COLOR_REGEX = /^#[0-9a-fA-F]{6}$/;
 const MEDIA_API_MXC_REGEX = /\/_matrix\/media\/r0\/(?:download|thumbnail)\/(.+?)\/(.+?)(?:[?/]|$)/;
@@ -197,36 +210,173 @@ export const sanitizeHtmlParams: IOptions = {
     nestingLimit: 50,
 };
 
-/* Wrapper around linkify-react merging in our default linkify options */
-export function Linkify({ as, options, children }: React.ComponentProps<typeof LinkifyComponent>): ReactElement {
+function onUserClick(event: MouseEvent, userId: string): void {
+    event.preventDefault();
+    dis.dispatch<ViewUserPayload>({
+        action: Action.ViewUser,
+        member: new User(userId),
+    });
+}
+
+function onAliasClick(event: MouseEvent, roomAlias: string): void {
+    event.preventDefault();
+    dis.dispatch<ViewRoomPayload>({
+        action: Action.ViewRoom,
+        room_alias: roomAlias,
+        metricsTrigger: "Timeline",
+        metricsViaKeyboard: false,
+    });
+}
+
+function urlEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+    // intercept local permalinks to users and show them like userids (in userinfo of current room)
+    try {
+        const permalink = parsePermalink(href);
+        if (permalink?.userId) {
+            return {
+                click: function (e: MouseEvent) {
+                    onClickAction?.();
+                    onUserClick(e, permalink.userId!);
+                },
+            };
+        } else {
+            // for events, rooms etc. (anything other than users)
+            const localHref = tryTransformPermalinkToLocalHref(href);
+            if (localHref !== href) {
+                // it could be converted to a localHref -> therefore handle locally
+                return {
+                    click: function (e: MouseEvent) {
+                        e.preventDefault();
+                        onClickAction?.();
+                        window.location.hash = localHref;
+                    },
+                };
+            }
+        }
+    } catch {
+        // OK fine, it's not actually a permalink
+    }
+    return {};
+}
+
+function userIdEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+    return {
+        click: function (e: MouseEvent) {
+            e.preventDefault();
+            onClickAction?.();
+            const userId = parsePermalink(href)?.userId ?? href;
+            if (userId) onUserClick(e, userId);
+        },
+    };
+}
+
+function roomAliasEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+    return {
+        click: function (e: MouseEvent) {
+            e.preventDefault();
+            onClickAction?.();
+            const alias = parsePermalink(href)?.roomIdOrAlias ?? href;
+            if (alias) onAliasClick(e, alias);
+        },
+    };
+}
+
+function UrlTargetTransformFunction(href: string | string): string {
+    try {
+        const transformed = tryTransformPermalinkToLocalHref(href);
+        if (
+            transformed !== href || // if it could be converted to handle locally for matrix symbols e.g. @user:server.tdl and matrix.to
+            decodeURIComponent(href).match(ELEMENT_URL_PATTERN) // for https links to Element domains
+        ) {
+            return "";
+        } else {
+            return "_blank";
+        }
+    } catch {
+        // malformed URI
+    }
+    return "";
+}
+
+export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): string {
+    console.log("formatHref", href, type);
+    switch (type) {
+        case LinkifyMatrixOpaqueIdType.URL:
+            if (href.startsWith("mxc://") && MatrixClientPeg.get()) {
+                return getHttpUriForMxc(
+                    MatrixClientPeg.get()!.baseUrl,
+                    href,
+                    undefined,
+                    undefined,
+                    undefined,
+                    false,
+                    true,
+                );
+            }
+        // fallthrough
+        case LinkifyMatrixOpaqueIdType.RoomAlias:
+        case LinkifyMatrixOpaqueIdType.UserId:
+        default: {
+            console.log("formatHref", { href, type });
+            return tryTransformEntityToPermalink(MatrixClientPeg.safeGet(), href) ?? "";
+        }
+    }
+}
+const DefaultLinkifyOptions = {
+    userIdListener: userIdEventListeners,
+    roomAliasListener: roomAliasEventListeners,
+    urlListener: urlEventListeners,
+    hrefTransformer: formatHref,
+    urlTargetTransformer: UrlTargetTransformFunction,
+};
+
+/**
+ * Wrapper around LinkedText providing Element Web specific hooks.
+ */
+export function ElementLinkedText({
+    children,
+    onLinkClick,
+    ...props
+}: LinkedTextProps & { onLinkClick?: () => void }): ReactElement {
+    // If the component requires an additional action on click, inject ith ere.
+    const options = onLinkClick
+        ? {
+              ...DefaultLinkifyOptions,
+              userIdListener: (href: string) => userIdEventListeners(href, onLinkClick),
+              roomAliasListener: (href: string) => roomAliasEventListeners(href, onLinkClick),
+              urlListener: (href: string) => urlEventListeners(href, onLinkClick),
+          }
+        : DefaultLinkifyOptions;
+    console.log("ElementLinkedText", children);
     return (
-        <LinkifyComponent as={as} options={merge({}, linkifyMatrixOptions, options)}>
+        <LinkedText {...options} {...props}>
             {children}
-        </LinkifyComponent>
+        </LinkedText>
     );
 }
 
 /**
  * Linkifies the given string. This is a wrapper around 'linkifyjs/string'.
  *
- * @param {string} str string to linkify
- * @param {object} [options] Options for linkifyString. Default: linkifyMatrixOptions
- * @returns {string} Linkified string
+ * @param str string to linkify
+ * @param [options] Options for linkifyString.
+ * @returns Linkified string
  */
-export function linkifyString(str: string, options = linkifyMatrixOptions): string {
-    return _linkifyString(str, options);
+export function linkifyString(value: string, options = generateLinkedTextOptions(DefaultLinkifyOptions)): string {
+    return _linkifyString(value, options);
 }
 
 /**
  * Linkifies the given HTML-formatted string. This is a wrapper around 'linkifyjs/html'.
  *
- * @param {string} str HTML string to linkify
- * @param {object} [options] Options for linkifyHtml. Default: linkifyMatrixOptions
- * @returns {string} Linkified string
+ * @param str HTML string to linkify
+ * @param [options] Options for linkifyHtml.
+ * @returns Linkified string
  */
-export function linkifyHtml(str: string, options = linkifyMatrixOptions): string {
-    return _linkifyHtml(str, options);
+export function linkifyHtml(value: string, options = generateLinkedTextOptions(DefaultLinkifyOptions)): string {
+    return _linkifyHtml(value, options);
 }
+
 /**
  * Linkify the given string and sanitize the HTML afterwards.
  *
@@ -234,6 +384,9 @@ export function linkifyHtml(str: string, options = linkifyMatrixOptions): string
  * @param [options] Options for linkifyString. Default: linkifyMatrixOptions
  * @returns HTML string
  */
-export function linkifyAndSanitizeHtml(dirtyHtml: string, options = linkifyMatrixOptions): string {
+export function linkifyAndSanitizeHtml(
+    dirtyHtml: string,
+    options = generateLinkedTextOptions(DefaultLinkifyOptions),
+): string {
     return sanitizeHtml(linkifyString(dirtyHtml, options), sanitizeHtmlParams);
 }
diff --git a/apps/web/src/components/structures/MatrixChat.tsx b/apps/web/src/components/structures/MatrixChat.tsx
index 3ba87f50434..5a1ff61cb01 100644
--- a/apps/web/src/components/structures/MatrixChat.tsx
+++ b/apps/web/src/components/structures/MatrixChat.tsx
@@ -125,7 +125,7 @@ import { viewUserDeviceSettings } from "../../actions/handlers/viewUserDeviceSet
 import GenericToast from "../views/toasts/GenericToast";
 import RovingSpotlightDialog from "../views/dialogs/spotlight/SpotlightDialog";
 import { findDMForUser } from "../../utils/dm/findDMForUser";
-import { getHtmlText, Linkify } from "../../HtmlUtils";
+import { getHtmlText } from "../../HtmlUtils";
 import { NotificationLevel } from "../../stores/notifications/NotificationLevel";
 import { type UserTab } from "../views/dialogs/UserTab";
 import { shouldSkipSetupEncryption } from "../../utils/crypto/shouldSkipSetupEncryption";
@@ -139,7 +139,7 @@ import { setTheme } from "../../theme";
 import { type OpenForwardDialogPayload } from "../../dispatcher/payloads/OpenForwardDialogPayload";
 import { ShareFormat, type SharePayload } from "../../dispatcher/payloads/SharePayload";
 import Markdown from "../../Markdown";
-import { sanitizeHtmlParams } from "../../Linkify";
+import { ElementLinkedText, sanitizeHtmlParams } from "../../Linkify";
 import { isOnlyAdmin } from "../../utils/membership";
 import { ModuleApi } from "../../modules/Api.ts";
 
@@ -1458,7 +1458,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
                     key,
                     title: userNotice.title,
                     props: {
-                        description: <Linkify>{userNotice.description}</Linkify>,
+                        description: <ElementLinkedText>{userNotice.description}</ElementLinkedText>,
                         primaryLabel: _t("action|ok"),
                         onPrimaryClick: () => {
                             ToastStore.sharedInstance().dismissToast(key);
diff --git a/apps/web/src/components/structures/SpaceHierarchy.tsx b/apps/web/src/components/structures/SpaceHierarchy.tsx
index e7998682408..43c7d252ed8 100644
--- a/apps/web/src/components/structures/SpaceHierarchy.tsx
+++ b/apps/web/src/components/structures/SpaceHierarchy.tsx
@@ -55,7 +55,7 @@ import InfoTooltip from "../views/elements/InfoTooltip";
 import TextWithTooltip from "../views/elements/TextWithTooltip";
 import { useStateToggle } from "../../hooks/useStateToggle";
 import { getChildOrder } from "../../stores/spaces/SpaceStore";
-import { Linkify, topicToHtml } from "../../HtmlUtils";
+import { topicToHtml } from "../../HtmlUtils";
 import { useDispatcher } from "../../hooks/useDispatcher";
 import { Action } from "../../dispatcher/actions";
 import { type IState, RovingTabIndexProvider, useRovingTabIndex } from "../../accessibility/RovingTabIndex";
@@ -73,6 +73,7 @@ import SettingsStore from "../../settings/SettingsStore";
 import { filterBoolean } from "../../utils/arrays.ts";
 import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
 import RoomContext from "../../contexts/RoomContext.ts";
+import { ElementLinkedText } from "../../Linkify.tsx";
 
 interface IProps {
     space: Room;
@@ -234,19 +235,10 @@ const Tile: React.FC<ITileProps> = ({
     let topicSection: ReactNode | undefined;
     if (topic) {
         topicSection = (
-            <Linkify
-                options={{
-                    attributes: {
-                        onClick(ev: MouseEvent) {
-                            // prevent clicks on links from bubbling up to the room tile
-                            ev.stopPropagation();
-                        },
-                    },
-                }}
-            >
+            <ElementLinkedText canClick={false}>
                 {" · "}
                 {topic}
-            </Linkify>
+            </ElementLinkedText>
         );
     }
 
diff --git a/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
index 1aa3e7fe684..244486473b4 100644
--- a/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
+++ b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
@@ -21,7 +21,7 @@ import InteractiveAuth, {
 } from "../../structures/InteractiveAuth";
 import { type ContinueKind, SSOAuthEntry } from "../auth/InteractiveAuthEntryComponents";
 import BaseDialog from "./BaseDialog";
-import { Linkify } from "../../../Linkify";
+import { ElementLinkedText } from "../../../Linkify";
 
 type DialogAesthetics = Partial<{
     [x in AuthType]: {
@@ -163,9 +163,9 @@ export default class InteractiveAuthDialog<T> extends React.Component<Interactiv
         if (this.state.authError) {
             content = (
                 <div id="mx_Dialog_content">
-                    <Linkify>
-                        <div role="alert">{this.state.authError.message || this.state.authError.toString()}</div>
-                    </Linkify>
+                    <ElementLinkedText role="alert">
+                        {this.state.authError.message || this.state.authError.toString()}
+                    </ElementLinkedText>
                     <br />
                     <AccessibleButton onClick={this.onDismissClick} className="mx_GeneralButton" autoFocus={true}>
                         {_t("action|dismiss")}
diff --git a/apps/web/src/components/views/elements/RoomTopic.tsx b/apps/web/src/components/views/elements/RoomTopic.tsx
index 34bf1c7cd35..b9df6f80288 100644
--- a/apps/web/src/components/views/elements/RoomTopic.tsx
+++ b/apps/web/src/components/views/elements/RoomTopic.tsx
@@ -20,8 +20,9 @@ import InfoDialog from "../dialogs/InfoDialog";
 import { useDispatcher } from "../../../hooks/useDispatcher";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import AccessibleButton from "./AccessibleButton";
-import { Linkify, topicToHtml } from "../../../HtmlUtils";
+import { topicToHtml } from "../../../HtmlUtils";
 import { tryTransformPermalinkToLocalHref } from "../../../utils/permalinks/Permalinks";
+import { ElementLinkedText } from "../../../Linkify";
 
 interface IProps extends React.HTMLProps<HTMLDivElement> {
     room: Room;
@@ -74,19 +75,7 @@ export default function RoomTopic({ room, className, ...props }: IProps): JSX.El
                 title: room.name,
                 description: (
                     <div>
-                        <Linkify
-                            options={{
-                                attributes: {
-                                    onClick(e: React.MouseEvent<HTMLDivElement>) {
-                                        onClick(e);
-                                        modal.close();
-                                    },
-                                },
-                            }}
-                            as="p"
-                        >
-                            {body}
-                        </Linkify>
+                        <ElementLinkedText onLinkClick={() => modal.close()}>{body}</ElementLinkedText>
                         {canSetTopic && (
                             <AccessibleButton
                                 kind="primary_outline"
@@ -122,7 +111,7 @@ export default function RoomTopic({ room, className, ...props }: IProps): JSX.El
                 onFocus={onHover}
                 aria-label={_t("room|read_topic")}
             >
-                <Linkify>{body}</Linkify>
+                <ElementLinkedText>{body}</ElementLinkedText>
             </div>
         </Tooltip>
     );
diff --git a/apps/web/src/components/views/messages/TextualBody.tsx b/apps/web/src/components/views/messages/TextualBody.tsx
index 34d6e9be943..49cb5ef2ced 100644
--- a/apps/web/src/components/views/messages/TextualBody.tsx
+++ b/apps/web/src/components/views/messages/TextualBody.tsx
@@ -25,7 +25,6 @@ import LinkPreviewGroup from "../rooms/LinkPreviewGroup";
 import { type IBodyProps } from "./IBodyProps";
 import RoomContext from "../../../contexts/RoomContext";
 import AccessibleButton from "../elements/AccessibleButton";
-import { options as linkifyOpts } from "../../../linkify-matrix";
 import { getParentEventId } from "../../../utils/Reply";
 import { EditWysiwygComposer } from "../rooms/wysiwyg_composer";
 import { type IEventTileOps } from "../rooms/EventTile";
@@ -186,7 +185,7 @@ export default class TextualBody extends React.Component<IBodyProps, IState> {
     private onBodyLinkClick = (e: MouseEvent): void => {
         let target: HTMLLinkElement | null = e.target as HTMLLinkElement;
         // links processed by linkifyjs have their own handler so don't handle those here
-        if (target.classList.contains(linkifyOpts.className as string)) return;
+        if (target.hasAttribute("data-linkified")) return;
         if (target.nodeName !== "A") {
             // Jump to parent as the `<a>` may contain children, e.g. an anchor wrapping an inline code section
             target = target.closest<HTMLLinkElement>("a");
diff --git a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
index 460f7859d2f..0340fe98406 100644
--- a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
+++ b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
@@ -46,10 +46,11 @@ import { _t } from "../../../languageHandler.tsx";
 import RoomAvatar from "../avatars/RoomAvatar.tsx";
 import { E2EStatus } from "../../../utils/ShieldUtils.ts";
 import { type RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks.ts";
-import { Linkify, topicToHtml } from "../../../HtmlUtils.tsx";
+import { topicToHtml } from "../../../HtmlUtils.tsx";
 import { useRoomSummaryCardViewModel } from "../../viewmodels/right_panel/RoomSummaryCardViewModel.tsx";
 import { useRoomTopicViewModel } from "../../viewmodels/right_panel/RoomSummaryCardTopicViewModel.tsx";
 import { useRoomName } from "../../../hooks/useRoomName.ts";
+import { ElementLinkedText } from "../../../Linkify.tsx";
 
 interface IProps {
     room: Room;
@@ -89,7 +90,7 @@ const RoomTopic: React.FC<Pick<IProps, "room">> = ({ room }): JSX.Element | null
         );
     }
 
-    const content = vm.expanded ? <Linkify>{body}</Linkify> : body;
+    const content = vm.expanded ? <ElementLinkedText>{body}</ElementLinkedText> : body;
 
     return (
         <Flex
diff --git a/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx b/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
index 0bcbaa940a6..4362979b598 100644
--- a/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
+++ b/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
@@ -10,13 +10,13 @@ import React, { type JSX, type ComponentProps, createRef, type ReactNode } from
 import { decode } from "html-entities";
 import { type MatrixEvent, type IPreviewUrlResponse } from "matrix-js-sdk/src/matrix";
 
-import { Linkify } from "../../../HtmlUtils";
 import Modal from "../../../Modal";
 import * as ImageUtils from "../../../ImageUtils";
 import { mediaFromMxc } from "../../../customisations/Media";
 import ImageView from "../elements/ImageView";
 import LinkWithTooltip from "../elements/LinkWithTooltip";
 import PlatformPeg from "../../../PlatformPeg";
+import { ElementLinkedText } from "../../../Linkify";
 
 interface IProps {
     link: string;
@@ -128,7 +128,7 @@ export default class LinkPreviewWidget extends React.Component<IProps> {
                             )}
                         </div>
                         <div className="mx_LinkPreviewWidget_description">
-                            <Linkify>{description}</Linkify>
+                            <ElementLinkedText>{description}</ElementLinkedText>
                         </div>
                     </div>
                 </div>
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index b486b5e0596..20cb76be0ed 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -32,7 +32,8 @@ import { LocalRoom } from "../../../models/LocalRoom";
 import { shouldEncryptRoomWithSingle3rdPartyInvite } from "../../../utils/room/shouldEncryptRoomWithSingle3rdPartyInvite";
 import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
 import { useTopic } from "../../../hooks/room/useTopic";
-import { topicToHtml, Linkify } from "../../../HtmlUtils";
+import { topicToHtml } from "../../../HtmlUtils";
+import { ElementLinkedText } from "../../../Linkify.tsx";
 
 function hasExpectedEncryptionSettings(matrixClient: MatrixClient, room: Room): boolean {
     const isEncrypted: boolean = matrixClient.isRoomEncrypted(room.roomId);
@@ -137,14 +138,14 @@ const NewRoomIntro: React.FC = () => {
                             {sub}
                         </AccessibleButton>
                     ),
-                    topic: () => <Linkify>{topicToHtml(topic?.text, topic?.html)}</Linkify>,
+                    topic: () => <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>,
                 },
             );
         } else if (topic) {
             topicText = _t(
                 "room|intro|display_topic",
                 {},
-                { topic: () => <Linkify>{topicToHtml(topic?.text, topic?.html)}</Linkify> },
+                { topic: () => <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText> },
             );
         } else if (canAddTopic) {
             topicText = _t(
diff --git a/apps/web/src/linkify-matrix.ts b/apps/web/src/linkify-matrix.ts
index a5a5578624a..01d292f6187 100644
--- a/apps/web/src/linkify-matrix.ts
+++ b/apps/web/src/linkify-matrix.ts
@@ -7,37 +7,6 @@ Copyright 2015, 2016 OpenMarket Ltd
 SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
-import { type linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
-import { getHttpUriForMxc, User } from "matrix-js-sdk/src/matrix";
-
-import {
-    parsePermalink,
-    tryTransformEntityToPermalink,
-    tryTransformPermalinkToLocalHref,
-} from "./utils/permalinks/Permalinks";
-import dis from "./dispatcher/dispatcher";
-import { Action } from "./dispatcher/actions";
-import { type ViewUserPayload } from "./dispatcher/payloads/ViewUserPayload";
-import { type ViewRoomPayload } from "./dispatcher/payloads/ViewRoomPayload";
-import { MatrixClientPeg } from "./MatrixClientPeg";
-
-function onUserClick(event: MouseEvent, userId: string): void {
-    event.preventDefault();
-    dis.dispatch<ViewUserPayload>({
-        action: Action.ViewUser,
-        member: new User(userId),
-    });
-}
-
-function onAliasClick(event: MouseEvent, roomAlias: string): void {
-    event.preventDefault();
-    dis.dispatch<ViewRoomPayload>({
-        action: Action.ViewRoom,
-        room_alias: roomAlias,
-        metricsTrigger: "Timeline",
-        metricsViaKeyboard: false,
-    });
-}
 
 const escapeRegExp = function (s: string): string {
     return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -52,123 +21,3 @@ export const ELEMENT_URL_PATTERN =
     "(?:www\\.)?(?:riot|vector)\\.im/(?:app|beta|staging|develop)/|" +
     "(?:app|beta|staging|develop)\\.element\\.io/" +
     ")(#.*)";
-
-// Attach click handlers to links based on their type
-function events(href: string, type: string): linkifyjs.EventListeners {
-    switch (type as LinkifyMatrixOpaqueIdType) {
-        case LinkifyMatrixOpaqueIdType.URL: {
-            // intercept local permalinks to users and show them like userids (in userinfo of current room)
-            try {
-                const permalink = parsePermalink(href);
-                if (permalink?.userId) {
-                    return {
-                        click: function (e: MouseEvent) {
-                            onUserClick(e, permalink.userId!);
-                        },
-                    };
-                } else {
-                    // for events, rooms etc. (anything other than users)
-                    const localHref = tryTransformPermalinkToLocalHref(href);
-                    if (localHref !== href) {
-                        // it could be converted to a localHref -> therefore handle locally
-                        return {
-                            click: function (e: MouseEvent) {
-                                e.preventDefault();
-                                window.location.hash = localHref;
-                            },
-                        };
-                    }
-                }
-            } catch {
-                // OK fine, it's not actually a permalink
-            }
-            break;
-        }
-        case LinkifyMatrixOpaqueIdType.UserId:
-            return {
-                click: function (e: MouseEvent) {
-                    e.preventDefault();
-                    const userId = parsePermalink(href)?.userId ?? href;
-                    if (userId) onUserClick(e, userId);
-                },
-            };
-        case LinkifyMatrixOpaqueIdType.RoomAlias:
-            return {
-                click: function (e: MouseEvent) {
-                    e.preventDefault();
-                    const alias = parsePermalink(href)?.roomIdOrAlias ?? href;
-                    if (alias) onAliasClick(e, alias);
-                },
-            };
-    }
-
-    return {};
-}
-
-// linkify-react doesn't respect `events` and needs it mapping to React attributes
-// so we need to manually add the click handler to the attributes
-// https://linkify.js.org/docs/linkify-react.html#events
-function attributes(href: string, type: string): Record<string, unknown> {
-    const attrs: Record<string, unknown> = {
-        rel: "noreferrer noopener",
-    };
-
-    const options = events(href, type);
-    if (options?.click) {
-        attrs.onClick = options.click;
-    }
-
-    return attrs;
-}
-
-export const options: linkifyjs.Opts = {
-    events,
-
-    formatHref: function (href: string, type: LinkifyMatrixOpaqueIdType | string): string {
-        switch (type) {
-            case LinkifyMatrixOpaqueIdType.URL:
-                if (href.startsWith("mxc://") && MatrixClientPeg.get()) {
-                    return getHttpUriForMxc(
-                        MatrixClientPeg.get()!.baseUrl,
-                        href,
-                        undefined,
-                        undefined,
-                        undefined,
-                        false,
-                        true,
-                    );
-                }
-            // fallthrough
-            case LinkifyMatrixOpaqueIdType.RoomAlias:
-            case LinkifyMatrixOpaqueIdType.UserId:
-            default: {
-                return tryTransformEntityToPermalink(MatrixClientPeg.safeGet(), href) ?? "";
-            }
-        }
-    },
-
-    attributes,
-
-    ignoreTags: ["a", "pre", "code"],
-
-    className: "linkified",
-
-    target: function (href: string, type: LinkifyMatrixOpaqueIdType | string): string {
-        if (type === LinkifyMatrixOpaqueIdType.URL) {
-            try {
-                const transformed = tryTransformPermalinkToLocalHref(href);
-                if (
-                    transformed !== href || // if it could be converted to handle locally for matrix symbols e.g. @user:server.tdl and matrix.to
-                    decodeURIComponent(href).match(ELEMENT_URL_PATTERN) // for https links to Element domains
-                ) {
-                    return "";
-                } else {
-                    return "_blank";
-                }
-            } catch {
-                // malformed URI
-            }
-        }
-        return "";
-    },
-};
diff --git a/apps/web/src/slash-commands/SlashCommands.tsx b/apps/web/src/slash-commands/SlashCommands.tsx
index a566a5f093a..78081f08e3c 100644
--- a/apps/web/src/slash-commands/SlashCommands.tsx
+++ b/apps/web/src/slash-commands/SlashCommands.tsx
@@ -25,7 +25,7 @@ import dis from "../dispatcher/dispatcher";
 import { _t, _td, UserFriendlyError } from "../languageHandler";
 import Modal from "../Modal";
 import MultiInviter from "../utils/MultiInviter";
-import { Linkify, topicToHtml } from "../HtmlUtils";
+import { topicToHtml } from "../HtmlUtils";
 import QuestionDialog from "../components/views/dialogs/QuestionDialog";
 import WidgetUtils from "../utils/WidgetUtils";
 import { textToHtmlRainbow } from "../utils/colour";
@@ -61,6 +61,7 @@ import { goto, join } from "./join";
 import { manuallyVerifyDevice } from "../components/views/dialogs/ManualDeviceKeyVerificationDialog";
 import upgraderoom from "./upgraderoom/upgraderoom";
 import { emoticon } from "./emoticon";
+import { ElementLinkedText } from "../Linkify";
 
 export { CommandCategories, Command };
 
@@ -270,7 +271,7 @@ export const Commands = [
 
             Modal.createDialog(InfoDialog, {
                 title: room.name,
-                description: <Linkify>{body}</Linkify>,
+                description: <ElementLinkedText>{body}</ElementLinkedText>,
                 hasCloseButton: true,
                 className: "markdown-body",
             });
diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png
index 618889203402841e88d0473c76db18c2b5cf3489..512b2264ed5f27dfcca3e3bfe0014984882551eb 100644
GIT binary patch
literal 24247
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

literal 7965
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

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/default-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/default-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..e62ad7d61a287ef65e043f68df6ffa77945cfd34
GIT binary patch
literal 7267
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
I`lmbp2W27e5C8xG

literal 0
HcmV?d00001

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index 95ee312a8f9..d7223738389 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -8,12 +8,16 @@ import React from "react";
 
 import type { Meta, StoryFn } from "@storybook/react-vite";
 import { LinkedText } from "./LinkedText";
+import { fn } from "storybook/test";
 
 export default {
     title: "Utils/LinkedText",
     component: LinkedText,
     args: {
-        children: "Test",
+        children: "I love working on https://matrix.org.",
+    },
+    argTypes: {
+        canClick: { control: "boolean" },
     },
     tags: ["autodocs"],
 } satisfies Meta<typeof LinkedText>;
@@ -22,6 +26,39 @@ const Template: StoryFn<typeof LinkedText> = ({ children, ...args }) => <LinkedT
 
 export const Default = Template.bind({});
 
-Default.args = {
+Default.args = {};
+
+export const Unclickable = Template.bind({});
+
+Unclickable.args = {
     children: "I love working on https://matrix.org.",
+    canClick: false,
+};
+
+export const WithUserId = Template.bind({});
+
+WithUserId.args = {
+    children: "I love talking to @alice:example.org.",
+    userIdListener: fn(),
+};
+
+export const WithRoomAlias = Template.bind({});
+
+WithRoomAlias.args = {
+    children: "I love talking in #general:example.org.",
+    roomAliasListener: fn(),
+};
+
+export const WithCustomUrlTarget = Template.bind({});
+
+WithCustomUrlTarget.args = {
+    urlTargetTransformer: () => "_fake_target",
+};
+
+export const WithCustomHref = Template.bind({});
+
+WithCustomHref.args = {
+    hrefTransformer: () => {
+        return "https://example.org";
+    },
 };
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
index eb0c2616901..ba57a8f892f 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
@@ -8,9 +8,14 @@
 import { render } from "@test-utils";
 import { describe, it, expect } from "vitest";
 import React from "react";
+import { composeStories } from "@storybook/react-vite";
 
+import * as stories from "./LinkedText.stories.tsx";
 import { LinkedText } from "./LinkedText.tsx";
-import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "./linkifyOptions.ts";
+import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "../linkify";
+
+const { Default, Unclickable, WithUserId, WithRoomAlias, WithCustomHref, WithCustomUrlTarget } =
+    composeStories(stories);
 
 describe("LinkedText", () => {
     it.each(
@@ -21,6 +26,7 @@ describe("LinkedText", () => {
         const { getByRole } = render(<LinkedText>Check out this link {path}</LinkedText>);
         expect(getByRole("link")).toBeInTheDocument();
     });
+
     it.each(LinkifyOptionalSlashProtocols.map((protocol) => `${protocol}://abcdef`))(
         "renders protocol with optional slash '%s'",
         (path) => {
@@ -28,4 +34,34 @@ describe("LinkedText", () => {
             expect(getByRole("link")).toBeInTheDocument();
         },
     );
+
+    it("renders a standard link", () => {
+        const { container } = render(<Default />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders an unclickable link", () => {
+        const { container } = render(<Unclickable />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a user ID", () => {
+        const { container } = render(<WithUserId />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a room alias", () => {
+        const { container } = render(<WithRoomAlias />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a custom target", () => {
+        const { container } = render(<WithCustomUrlTarget />);
+        expect(container).toMatchSnapshot();
+    });
+
+    it("renders a custom href", () => {
+        const { container } = render(<WithCustomHref />);
+        expect(container).toMatchSnapshot();
+    });
 });
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
index c099a86e5d1..f1a5a8258cb 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
@@ -6,28 +6,16 @@
  */
 
 import { Link, Text } from "@vector-im/compound-web";
-import React, { type ComponentProps } from "react";
+import React, { useMemo, type ComponentProps } from "react";
 import classNames from "classnames";
+import Linkify from "linkify-react";
 
 import type { Opts } from "linkifyjs";
 import styles from "./LinkedText.module.css";
-import { LinkifyComponent, LinkifyMatrixOpaqueIdType } from "../linkify";
+import { generateLinkedTextOptions, type LinkedTextOptions } from "../linkify";
 
-type Props = ComponentProps<typeof Text>;
+export type LinkedTextProps = ComponentProps<typeof Text> & LinkedTextOptions;
 
-const options: Opts = {
-    render: Link,
-    target: "_blank",
-    rel: "noreferrer noopener",
-    defaultProtocol: "https",
-    // By default, ignore Matrix ID types.
-    // Other applications may implement their own version of LinkifyComponent.
-    // In the future, shared-components may fully implement this logic.
-    validate: (_value, type: string) =>
-        ![LinkifyMatrixOpaqueIdType.RoomAlias, LinkifyMatrixOpaqueIdType.UserId].includes(
-            type as LinkifyMatrixOpaqueIdType,
-        ),
-};
 /**
  * A component that renders URLs as clickable links inside some plain text.
  *
@@ -38,15 +26,35 @@ const options: Opts = {
  * </LinkedText>
  * ```
  */
-export function LinkedText({ children, className, ...textProps }: Props): React.ReactNode {
+export function LinkedText({
+    children,
+    className,
+    userIdListener,
+    roomAliasListener,
+    urlListener,
+    urlTargetTransformer,
+    hrefTransformer,
+    canClick,
+    ...textProps
+}: LinkedTextProps): React.ReactNode {
+    const options = useMemo<Opts>(
+        () => ({
+            render: Link,
+            ...generateLinkedTextOptions({
+                canClick,
+                urlListener,
+                hrefTransformer,
+                urlTargetTransformer,
+                userIdListener,
+                roomAliasListener,
+            }),
+        }),
+        [canClick, urlListener, hrefTransformer, urlTargetTransformer, userIdListener, roomAliasListener],
+    );
+
     return (
-        <LinkifyComponent
-            className={classNames(styles.container, className)}
-            as={Text}
-            options={options}
-            {...textProps}
-        >
+        <Linkify className={classNames(styles.container, className)} as={Text} options={options} {...textProps}>
             {children}
-        </LinkifyComponent>
+        </Linkify>
     );
 }
diff --git a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
new file mode 100644
index 00000000000..f77e2b0f32f
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
@@ -0,0 +1,108 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LinkedText > renders a custom href 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love working on 
+    <a
+      href="https://example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a custom target 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love working on 
+    <a
+      href="https://matrix.org"
+      rel="noreferrer noopener"
+      target="_fake_target"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a room alias 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love talking in 
+    <a
+      href="#general:example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      #general:example.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a standard link 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love working on 
+    <a
+      href="https://matrix.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders a user ID 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love talking to 
+    <a
+      href="@alice:example.org"
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      @alice:example.org
+    </a>
+    .
+  </p>
+</div>
+`;
+
+exports[`LinkedText > renders an unclickable link 1`] = `
+<div>
+  <p
+    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
+  >
+    I love working on 
+    <a
+      rel="noreferrer noopener"
+      target="_blank"
+    >
+      https://matrix.org
+    </a>
+    .
+  </p>
+</div>
+`;
diff --git a/packages/shared-components/src/utils/LinkedText/index.ts b/packages/shared-components/src/utils/LinkedText/index.ts
index e03a5fc3b2b..5581424c498 100644
--- a/packages/shared-components/src/utils/LinkedText/index.ts
+++ b/packages/shared-components/src/utils/LinkedText/index.ts
@@ -5,4 +5,4 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-export { LinkedText } from "./LinkedText";
+export { LinkedText, type LinkedTextProps } from "./LinkedText";
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 2ca34e88ec8..fedc62711ce 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -175,9 +175,108 @@ linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser })
     });
 });
 
-// Export our instances of linkify to ensure there is a singular instance of it.
+export interface LinkedTextOptions {
+    urlListener?: (href: string) => linkifyjs.EventListeners;
+    roomAliasListener?: (href: string) => linkifyjs.EventListeners;
+    userIdListener?: (href: string) => linkifyjs.EventListeners;
+    urlTargetTransformer?: (href: string) => string;
+    hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
+    /**
+     * Disable this to force the
+     */
+    canClick?: boolean;
+}
+
+/**
+ * Generates a linkifyjs options object that is reasonably paired down
+ * to just the essentials required for an Element client.
+ *
+ * @param param0
+ * @returns
+ */
+export function generateLinkedTextOptions({
+    urlListener,
+    roomAliasListener,
+    userIdListener,
+    urlTargetTransformer,
+    hrefTransformer,
+    canClick,
+}: LinkedTextOptions): linkifyjs.Opts {
+    const events = (href: string, type: string): linkifyjs.EventListeners => {
+        // Attach click handlers to links based on their type
+        switch (type as LinkifyMatrixOpaqueIdType) {
+            case LinkifyMatrixOpaqueIdType.URL: {
+                if (urlListener) {
+                    return urlListener(href);
+                }
+                break;
+            }
+            case LinkifyMatrixOpaqueIdType.UserId:
+                if (userIdListener) {
+                    return userIdListener(href);
+                }
+                break;
+            case LinkifyMatrixOpaqueIdType.RoomAlias:
+                if (roomAliasListener) {
+                    return roomAliasListener(href);
+                }
+                break;
+        }
+
+        return {};
+    };
+
+    const attributes = (href: string, type: string): Record<string, unknown> => {
+        // Sometimes components want to render links to prettify but not make them clicky.
+        if (canClick === false) {
+            return {
+                "href": undefined,
+                "data-linkfied": "true",
+            };
+        }
+
+        const attrs: Record<string, unknown> = {
+            "data-linkfied": "true",
+        };
+
+        const options = events(href, type);
+        // linkify-react doesn't respect `events` and needs it mapping to React attributes
+        // so we need to manually add the click handler to the attributes
+        // https://linkify.js.org/docs/linkify-react.html#events
+        if (options?.click) {
+            attrs.onClick = options.click;
+        }
+
+        return attrs;
+    };
+
+    return {
+        rel: "noreferrer noopener",
+        ignoreTags: ["a", "pre", "code"],
+        defaultProtocol: "https",
+        events,
+        attributes,
+        target(href, type) {
+            if (type === LinkifyMatrixOpaqueIdType.URL && urlTargetTransformer) {
+                return urlTargetTransformer(href);
+            }
+            return "_blank";
+        },
+        ...(hrefTransformer && canClick !== false
+            ? {
+                  formatHref: (href, type) => hrefTransformer(href, type as LinkifyMatrixOpaqueIdType),
+              }
+            : undefined),
+        // By default, ignore Matrix ID types.
+        // Other applications may implement their own version of LinkifyComponent.
+        validate: (_value, type: string) =>
+            !!(type === LinkifyMatrixOpaqueIdType.UserId && userIdListener) ||
+            !!(type === LinkifyMatrixOpaqueIdType.RoomAlias && roomAliasListener) ||
+            type === LinkifyMatrixOpaqueIdType.URL,
+    } satisfies linkifyjs.Opts;
+}
+
 export { default as linkifyString } from "linkify-string";
 export { default as linkifyHtml } from "linkify-html";
-export { default as LinkifyComponent } from "linkify-react";
 
 export { linkifyjs };

From 71984044e9690a52c47711aa283cb795940d36c9 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 15:49:52 +0000
Subject: [PATCH 09/48] Add copyright

---
 apps/web/src/Linkify.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index d2cc78beb2f..be007a5cb46 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -1,4 +1,5 @@
 /*
+Copyright 2026 Element Creations Ltd.
 Copyright 2024, 2025 New Vector Ltd.
 Copyright 2024 The Matrix.org Foundation C.I.C.
 

From 9cc4a6c9b62fb5614040c6b835e18bf9ab91a970 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 15:59:42 +0000
Subject: [PATCH 10/48] tidy up

---
 apps/web/package.json                               |  4 ----
 apps/web/src/Linkify.tsx                            |  8 ++++----
 apps/web/test/unit-tests/linkify-matrix-test.ts     | 13 +++----------
 .../src/utils/LinkedText/LinkedText.stories.tsx     |  2 +-
 .../shared-components/src/utils/linkify.test.ts     |  3 ++-
 5 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index f31b58ed11f..6860881367d 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -78,10 +78,6 @@
         "jsrsasign": "^11.0.0",
         "jszip": "^3.7.0",
         "katex": "^0.16.0",
-        "linkify-html": "4.3.2",
-        "linkify-react": "4.3.2",
-        "linkify-string": "4.3.2",
-        "linkifyjs": "4.3.2",
         "lodash": "npm:lodash-es@^4.17.21",
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index be007a5cb46..2e38c26a330 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -260,7 +260,7 @@ function urlEventListeners(href: string, onClickAction?: () => void): linkifyjs.
     return {};
 }
 
-function userIdEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+export function userIdEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
@@ -271,7 +271,7 @@ function userIdEventListeners(href: string, onClickAction?: () => void): linkify
     };
 }
 
-function roomAliasEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+export function roomAliasEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
@@ -282,7 +282,7 @@ function roomAliasEventListeners(href: string, onClickAction?: () => void): link
     };
 }
 
-function UrlTargetTransformFunction(href: string | string): string {
+function urlTargetTransformFunction(href: string | string): string {
     try {
         const transformed = tryTransformPermalinkToLocalHref(href);
         if (
@@ -328,7 +328,7 @@ const DefaultLinkifyOptions = {
     roomAliasListener: roomAliasEventListeners,
     urlListener: urlEventListeners,
     hrefTransformer: formatHref,
-    urlTargetTransformer: UrlTargetTransformFunction,
+    urlTargetTransformer: urlTargetTransformFunction,
 };
 
 /**
diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
index 38e5c091a02..8e1fd607544 100644
--- a/apps/web/test/unit-tests/linkify-matrix-test.ts
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 import type { linkifyjs } from "@element-hq/web-shared-components";
-import { options } from "../../src/linkify-matrix";
+import { roomAliasEventListeners, userIdEventListeners } from "../../src/Linkify";
 import dispatcher from "../../src/dispatcher/dispatcher";
 import { Action } from "../../src/dispatcher/actions";
 
@@ -15,11 +15,7 @@ describe("linkify-matrix", () => {
         it("should intercept clicks with a ViewRoom dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
-            const handlers = (options.events as (href: string, type: string) => linkifyjs.EventListeners)(
-                "#room:server.com",
-                "roomalias",
-            );
-
+            const handlers = roomAliasEventListeners("#room:server.com");
             const event = new MouseEvent("mousedown");
             event.preventDefault = jest.fn();
             handlers!.click(event);
@@ -37,10 +33,7 @@ describe("linkify-matrix", () => {
         it("should intercept clicks with a ViewUser dispatch", () => {
             const dispatchSpy = jest.spyOn(dispatcher, "dispatch");
 
-            const handlers = (options.events as (href: string, type: string) => linkifyjs.EventListeners)(
-                "@localpart:server.com",
-                "userid",
-            );
+            const handlers = userIdEventListeners("@localpart:server.com");
 
             const event = new MouseEvent("mousedown");
             event.preventDefault = jest.fn();
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index d7223738389..7ee618adf19 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -5,10 +5,10 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 import React from "react";
+import { fn } from "storybook/test";
 
 import type { Meta, StoryFn } from "@storybook/react-vite";
 import { LinkedText } from "./LinkedText";
-import { fn } from "storybook/test";
 
 export default {
     title: "Utils/LinkedText",
diff --git a/packages/shared-components/src/utils/linkify.test.ts b/packages/shared-components/src/utils/linkify.test.ts
index 0bcc753a7d5..a073d8d0089 100644
--- a/packages/shared-components/src/utils/linkify.test.ts
+++ b/packages/shared-components/src/utils/linkify.test.ts
@@ -7,7 +7,8 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { describe, it, expect } from "vitest";
-import { linkifyjs, LinkifyMatrixOpaqueIdType } from "@element-hq/web-shared-components";
+
+import { linkifyjs, LinkifyMatrixOpaqueIdType } from "./linkify";
 
 describe("linkify-matrix", () => {
     const linkTypesByInitialCharacter: Record<string, string> = {

From 0ef3801cc0c626164a97a50f323f37c4d709b67d Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 16:03:35 +0000
Subject: [PATCH 11/48] update lock

---
 pnpm-lock.yaml | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3d8750e2369..a47db6304e1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -267,18 +267,6 @@ importers:
       katex:
         specifier: ^0.16.0
         version: 0.16.33
-      linkify-html:
-        specifier: 4.3.2
-        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
-      linkify-react:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
-      linkify-string:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)
-      linkifyjs:
-        specifier: 4.3.2
-        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23

From e8bd436dc0f47ec78ccb3c1e1138f76a227e0ea9 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 16:04:27 +0000
Subject: [PATCH 12/48] Update snaps

---
 .../LinkedText.stories.tsx/unclickable-auto.png  | Bin 0 -> 7215 bytes
 .../with-custom-href-auto.png                    | Bin 0 -> 7267 bytes
 .../with-custom-url-target-auto.png              | Bin 0 -> 7267 bytes
 .../with-room-alias-auto.png                     | Bin 0 -> 7125 bytes
 .../LinkedText.stories.tsx/with-user-id-auto.png | Bin 0 -> 7669 bytes
 5 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png
 create mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-user-id-auto.png

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..526b00a45f3c238ef015cd07051d35ce8de7199e
GIT binary patch
literal 7215
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

literal 0
HcmV?d00001

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..e62ad7d61a287ef65e043f68df6ffa77945cfd34
GIT binary patch
literal 7267
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
I`lmbp2W27e5C8xG

literal 0
HcmV?d00001

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..e62ad7d61a287ef65e043f68df6ffa77945cfd34
GIT binary patch
literal 7267
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
I`lmbp2W27e5C8xG

literal 0
HcmV?d00001

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..95031bc6219ff65100bd74bce0940d2715442bfa
GIT binary patch
literal 7125
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
Ud%CURO9pV#FYtKH(F?c!7ib1ohX4Qo

literal 0
HcmV?d00001

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-user-id-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-user-id-auto.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac06b200620d2cfb59e8993c9d57a2516430c38a
GIT binary patch
literal 7669
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
Ezm}U~c>n+a

literal 0
HcmV?d00001


From 6488fdb84f631b7726031366e85c29766635a5ac Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 16:07:08 +0000
Subject: [PATCH 13/48] update snap

---
 .../utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
index f77e2b0f32f..486214b441a 100644
--- a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
+++ b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`LinkedText > renders a custom href 1`] = `
   >
     I love working on 
     <a
+      data-linkfied="true"
       href="https://example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -25,6 +26,7 @@ exports[`LinkedText > renders a custom target 1`] = `
   >
     I love working on 
     <a
+      data-linkfied="true"
       href="https://matrix.org"
       rel="noreferrer noopener"
       target="_fake_target"
@@ -43,6 +45,7 @@ exports[`LinkedText > renders a room alias 1`] = `
   >
     I love talking in 
     <a
+      data-linkfied="true"
       href="#general:example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -61,6 +64,7 @@ exports[`LinkedText > renders a standard link 1`] = `
   >
     I love working on 
     <a
+      data-linkfied="true"
       href="https://matrix.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -79,6 +83,7 @@ exports[`LinkedText > renders a user ID 1`] = `
   >
     I love talking to 
     <a
+      data-linkfied="true"
       href="@alice:example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -97,6 +102,7 @@ exports[`LinkedText > renders an unclickable link 1`] = `
   >
     I love working on 
     <a
+      data-linkfied="true"
       rel="noreferrer noopener"
       target="_blank"
     >

From c0f3e37c33d00cd0b720d4d2b064aafa3c5de36f Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 16:07:42 +0000
Subject: [PATCH 14/48] undo change

---
 .../with-avatar-image-auto.png                | Bin 24247 -> 7965 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png b/packages/shared-components/__vis__/linux/__baselines__/composer/Banner/Banner.stories.tsx/with-avatar-image-auto.png
index 512b2264ed5f27dfcca3e3bfe0014984882551eb..618889203402841e88d0473c76db18c2b5cf3489 100644
GIT binary patch
literal 7965
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

literal 24247
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


From c9cf1449904c187745531f82157efb7edcc7dc08 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 16:11:45 +0000
Subject: [PATCH 15/48] remove unused

---
 apps/web/test/unit-tests/linkify-matrix-test.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/test/unit-tests/linkify-matrix-test.ts b/apps/web/test/unit-tests/linkify-matrix-test.ts
index 8e1fd607544..cf831e26b3d 100644
--- a/apps/web/test/unit-tests/linkify-matrix-test.ts
+++ b/apps/web/test/unit-tests/linkify-matrix-test.ts
@@ -5,7 +5,6 @@ Copyright 2021 The Matrix.org Foundation C.I.C.
 SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
-import type { linkifyjs } from "@element-hq/web-shared-components";
 import { roomAliasEventListeners, userIdEventListeners } from "../../src/Linkify";
 import dispatcher from "../../src/dispatcher/dispatcher";
 import { Action } from "../../src/dispatcher/actions";

From c52d59d5072891b7e7d29e5c0260a95077f626bb Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 17:34:46 +0000
Subject: [PATCH 16/48] More test updates

---
 apps/web/src/HtmlUtils.tsx                    | 13 +++++-----
 apps/web/src/Linkify.tsx                      |  2 --
 apps/web/test/unit-tests/HtmlUtils-test.tsx   |  4 +--
 .../views/messages/TextualBody-test.tsx       | 16 +++---------
 .../__snapshots__/TextualBody-test.tsx.snap   |  2 +-
 .../RoomSummaryCardView-test.tsx.snap         | 24 +++++++++++------
 .../__snapshots__/NewRoomIntro-test.tsx.snap  | 26 +++++++++++--------
 .../shared-components/src/utils/linkify.ts    |  4 +--
 8 files changed, 45 insertions(+), 46 deletions(-)

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index d76b580173c..794350d7657 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -323,13 +323,11 @@ function analyseEvent(content: IContent, highlights?: string[], opts: EventRende
     if (opts.linkify) {
         // Prevent mutating the source of sanitizeParams.
         sanitizeParams = { ...sanitizeParams };
-        sanitizeParams.allowedClasses ??= {};
-        if (typeof sanitizeParams.allowedClasses.a === "boolean") {
-            // All classes are already allowed for "a"
-        } else {
-            sanitizeParams.allowedClasses.a ??= [];
-            sanitizeParams.allowedClasses.a.push("linkified");
-        }
+        if (typeof sanitizeParams.allowedAttributes === "object") {
+            const attribs = { ...sanitizeParams.allowedAttributes };
+            attribs["a"] = [...sanitizeParams.allowedAttributes["a"], "data-linkified"];
+            sanitizeParams.allowedAttributes = attribs;
+        } // else: No attibutes are are allowed for "a"
     }
 
     try {
@@ -393,6 +391,7 @@ function analyseEvent(content: IContent, highlights?: string[], opts: EventRende
                 safeBody = phtml.body.innerHTML;
             }
         } else if (opts.linkify) {
+            console.log(sanitizeParams);
             // If we are linkifying plain text, pass the result through sanitizeHtml so that the highlighter configured in sanitizeParams.textFilter gets applied.
             safeBody = sanitizeHtml(linkifyHtml(escapeHtml(plainBody)), sanitizeParams);
         } else if (highlighter) {
diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index 2e38c26a330..f38278288f7 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -300,7 +300,6 @@ function urlTargetTransformFunction(href: string | string): string {
 }
 
 export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): string {
-    console.log("formatHref", href, type);
     switch (type) {
         case LinkifyMatrixOpaqueIdType.URL:
             if (href.startsWith("mxc://") && MatrixClientPeg.get()) {
@@ -318,7 +317,6 @@ export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): strin
         case LinkifyMatrixOpaqueIdType.RoomAlias:
         case LinkifyMatrixOpaqueIdType.UserId:
         default: {
-            console.log("formatHref", { href, type });
             return tryTransformEntityToPermalink(MatrixClientPeg.safeGet(), href) ?? "";
         }
     }
diff --git a/apps/web/test/unit-tests/HtmlUtils-test.tsx b/apps/web/test/unit-tests/HtmlUtils-test.tsx
index 690f2a713ab..183395b98bd 100644
--- a/apps/web/test/unit-tests/HtmlUtils-test.tsx
+++ b/apps/web/test/unit-tests/HtmlUtils-test.tsx
@@ -100,9 +100,7 @@ describe("bodyToHtml", () => {
             },
         );
 
-        expect(html).toMatchInlineSnapshot(
-            `"foo <a href="http://link.example/test/path" class="linkified" target="_blank" rel="noreferrer noopener">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`,
-        );
+        expect(html).toMatchInlineSnapshot(`"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener" data-linkified="true">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`);
     });
 
     it("should hightlight parts of links in HTML message highlighting", () => {
diff --git a/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
index 3c9daa5d441..ee59aff6692 100644
--- a/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
+++ b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
@@ -187,36 +187,28 @@ describe("<TextualBody />", () => {
             const ev = mkRoomTextMessage("Chat with @user:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(
-                `"Chat with <a href="https://matrix.to/#/@user:example.com" class="linkified" rel="noreferrer noopener">@user:example.com</a>"`,
-            );
+            expect(content.innerHTML).toMatchInlineSnapshot(`"Chat with <a href="https://matrix.to/#/@user:example.com" rel="noreferrer noopener" data-linkified="true">@user:example.com</a>"`);
         });
 
         it("should pillify an MXID permalink", () => {
             const ev = mkRoomTextMessage("Chat with https://matrix.to/#/@user:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(
-                `"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_zysgz_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`,
-            );
+            expect(content.innerHTML).toMatchInlineSnapshot(`"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_zysgz_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`);
         });
 
         it("should not pillify room aliases", () => {
             const ev = mkRoomTextMessage("Visit #room:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(
-                `"Visit <a href="https://matrix.to/#/#room:example.com" class="linkified" rel="noreferrer noopener">#room:example.com</a>"`,
-            );
+            expect(content.innerHTML).toMatchInlineSnapshot(`"Visit <a href="https://matrix.to/#/#room:example.com" rel="noreferrer noopener" data-linkified="true">#room:example.com</a>"`);
         });
 
         it("should pillify a room alias permalink", () => {
             const ev = mkRoomTextMessage("Visit https://matrix.to/#/#room:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(
-                `"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`,
-            );
+            expect(content.innerHTML).toMatchInlineSnapshot(`"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`);
         });
 
         it("should pillify a permalink to a message in the same room with the label »Message from Member«", () => {
diff --git a/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
index 40d88d54bd1..3e071d8cbf7 100644
--- a/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/messages/__snapshots__/TextualBody-test.tsx.snap
@@ -557,7 +557,7 @@ exports[`<TextualBody /> renders plain-text m.text correctly linkification get a
 >
   Visit 
   <a
-    class="linkified"
+    data-linkified="true"
     href="https://matrix.org/"
     rel="noreferrer noopener"
     target="_blank"
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index 23da533e9f7..8da4350dd89 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -141,11 +141,15 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             <p
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
-              <span
-                dir="auto"
+              <p
+                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
               >
-                This is the room's topic.
-              </span>
+                <span
+                  dir="auto"
+                >
+                  This is the room's topic.
+                </span>
+              </p>
             </p>
             <button
               class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
@@ -1573,11 +1577,15 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             <p
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
-              <span
-                dir="auto"
+              <p
+                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
               >
-                This is the room's topic.
-              </span>
+                <span
+                  dir="auto"
+                >
+                  This is the room's topic.
+                </span>
+              </p>
             </p>
             <button
               class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
index e8401c135c4..1dc2c9516df 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
@@ -6,19 +6,23 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
 >
   <span>
     Topic: 
-    <span
-      dir="auto"
+    <p
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
     >
-      This is a link: 
-      <a
-        class="linkified"
-        href="https://matrix.org/"
-        rel="noreferrer noopener"
-        target="_blank"
+      <span
+        dir="auto"
       >
-        https://matrix.org/
-      </a>
-    </span>
+        This is a link: 
+        <a
+          data-linkified="true"
+          href="https://matrix.org/"
+          rel="noreferrer noopener"
+          target="_blank"
+        >
+          https://matrix.org/
+        </a>
+      </span>
+    </p>
   </span>
 </p>
 `;
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index fedc62711ce..714af617c2e 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -231,12 +231,12 @@ export function generateLinkedTextOptions({
         if (canClick === false) {
             return {
                 "href": undefined,
-                "data-linkfied": "true",
+                "data-linkified": "true",
             };
         }
 
         const attrs: Record<string, unknown> = {
-            "data-linkfied": "true",
+            "data-linkified": "true",
         };
 
         const options = events(href, type);

From ba405f5820b2560b7afde8fa38a525726ea7a94d Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 17:36:52 +0000
Subject: [PATCH 17/48] fix typo

---
 .../__snapshots__/LinkedText.test.tsx.snap           | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
index 486214b441a..152888b7de4 100644
--- a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
+++ b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`LinkedText > renders a custom href 1`] = `
   >
     I love working on 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       href="https://example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -26,7 +26,7 @@ exports[`LinkedText > renders a custom target 1`] = `
   >
     I love working on 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       href="https://matrix.org"
       rel="noreferrer noopener"
       target="_fake_target"
@@ -45,7 +45,7 @@ exports[`LinkedText > renders a room alias 1`] = `
   >
     I love talking in 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       href="#general:example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -64,7 +64,7 @@ exports[`LinkedText > renders a standard link 1`] = `
   >
     I love working on 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       href="https://matrix.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -83,7 +83,7 @@ exports[`LinkedText > renders a user ID 1`] = `
   >
     I love talking to 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       href="@alice:example.org"
       rel="noreferrer noopener"
       target="_blank"
@@ -102,7 +102,7 @@ exports[`LinkedText > renders an unclickable link 1`] = `
   >
     I love working on 
     <a
-      data-linkfied="true"
+      data-linkified="true"
       rel="noreferrer noopener"
       target="_blank"
     >

From 878baef2d55bbc504c848c7a0c1e5b18f80ab3af Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 21:26:32 +0000
Subject: [PATCH 18/48] fix margin on preview

---
 apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss b/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
index 99f4418c31a..dcb51491781 100644
--- a/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
+++ b/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
@@ -64,6 +64,10 @@ Please see LICENSE files in the repository root for full details.
             margin-top: $spacing-8;
             word-wrap: break-word;
             -webkit-line-clamp: 3;
+
+            & > p {
+                margin: 0;
+            }
         }
     }
 }

From 861730c1b0c850073dca31a2930d17bb840a7c1d Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 21:30:59 +0000
Subject: [PATCH 19/48] move margin block

---
 apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss          | 4 ----
 .../src/utils/LinkedText/LinkedText.module.css                | 1 +
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss b/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
index dcb51491781..99f4418c31a 100644
--- a/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
+++ b/apps/web/res/css/views/rooms/_LinkPreviewWidget.pcss
@@ -64,10 +64,6 @@ Please see LICENSE files in the repository root for full details.
             margin-top: $spacing-8;
             word-wrap: break-word;
             -webkit-line-clamp: 3;
-
-            & > p {
-                margin: 0;
-            }
         }
     }
 }
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
index 08dc19234fa..49232fca836 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
@@ -2,4 +2,5 @@
     a {
         color: var(--cpd-color-text-link-external);
     }
+    margin: 0;
 }

From 79ea08a377c3aa1afb005a104a85575a4711aa72 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 21:51:45 +0000
Subject: [PATCH 20/48] snapupdate

---
 .../__snapshots__/RoomSummaryCardView-test.tsx.snap           | 4 ++--
 .../views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index 8da4350dd89..aaadb2a52da 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -142,7 +142,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
               <p
-                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
+                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
               >
                 <span
                   dir="auto"
@@ -1578,7 +1578,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
               <p
-                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
+                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
               >
                 <span
                   dir="auto"
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
index 1dc2c9516df..21079d5143f 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
   <span>
     Topic: 
     <p
-      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_1z02j_1"
+      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
     >
       <span
         dir="auto"

From f019cf38dab98852741ba75391937c93d9a12cde Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 5 Mar 2026 21:53:36 +0000
Subject: [PATCH 21/48] prettier

---
 apps/web/test/unit-tests/HtmlUtils-test.tsx      |  4 +++-
 .../views/messages/TextualBody-test.tsx          | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/apps/web/test/unit-tests/HtmlUtils-test.tsx b/apps/web/test/unit-tests/HtmlUtils-test.tsx
index 183395b98bd..2201e73ed8f 100644
--- a/apps/web/test/unit-tests/HtmlUtils-test.tsx
+++ b/apps/web/test/unit-tests/HtmlUtils-test.tsx
@@ -100,7 +100,9 @@ describe("bodyToHtml", () => {
             },
         );
 
-        expect(html).toMatchInlineSnapshot(`"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener" data-linkified="true">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`);
+        expect(html).toMatchInlineSnapshot(
+            `"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener" data-linkified="true">http://link.example/<span class="mx_EventTile_searchHighlight">test</span>/path</a> bar"`,
+        );
     });
 
     it("should hightlight parts of links in HTML message highlighting", () => {
diff --git a/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
index ee59aff6692..7f78a0daf3c 100644
--- a/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
+++ b/apps/web/test/unit-tests/components/views/messages/TextualBody-test.tsx
@@ -187,28 +187,36 @@ describe("<TextualBody />", () => {
             const ev = mkRoomTextMessage("Chat with @user:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(`"Chat with <a href="https://matrix.to/#/@user:example.com" rel="noreferrer noopener" data-linkified="true">@user:example.com</a>"`);
+            expect(content.innerHTML).toMatchInlineSnapshot(
+                `"Chat with <a href="https://matrix.to/#/@user:example.com" rel="noreferrer noopener" data-linkified="true">@user:example.com</a>"`,
+            );
         });
 
         it("should pillify an MXID permalink", () => {
             const ev = mkRoomTextMessage("Chat with https://matrix.to/#/@user:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(`"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_zysgz_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`);
+            expect(content.innerHTML).toMatchInlineSnapshot(
+                `"Chat with <bdi><a class="mx_Pill mx_UserPill mx_UserPill_me" href="https://matrix.to/#/@user:example.com"><span aria-label="Profile picture" aria-hidden="true" data-testid="avatar-img" data-type="round" data-color="2" class="_avatar_zysgz_8 mx_BaseAvatar" style="--cpd-avatar-size: 16px;"><img loading="lazy" alt="" referrerpolicy="no-referrer" class="_image_zysgz_43" data-type="round" width="16px" height="16px" src="mxc://avatar.url/image.png"></span><span class="mx_Pill_text">Member</span></a></bdi>"`,
+            );
         });
 
         it("should not pillify room aliases", () => {
             const ev = mkRoomTextMessage("Visit #room:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(`"Visit <a href="https://matrix.to/#/#room:example.com" rel="noreferrer noopener" data-linkified="true">#room:example.com</a>"`);
+            expect(content.innerHTML).toMatchInlineSnapshot(
+                `"Visit <a href="https://matrix.to/#/#room:example.com" rel="noreferrer noopener" data-linkified="true">#room:example.com</a>"`,
+            );
         });
 
         it("should pillify a room alias permalink", () => {
             const ev = mkRoomTextMessage("Visit https://matrix.to/#/#room:example.com");
             const { container } = getComponent({ mxEvent: ev });
             const content = container.querySelector(".mx_EventTile_body");
-            expect(content.innerHTML).toMatchInlineSnapshot(`"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`);
+            expect(content.innerHTML).toMatchInlineSnapshot(
+                `"Visit <bdi><a class="mx_Pill mx_RoomPill" href="https://matrix.to/#/#room:example.com"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 24 24" class="mx_Pill_LinkIcon mx_BaseAvatar"><path d="M12 19.071q-1.467 1.467-3.536 1.467-2.067 0-3.535-1.467t-1.467-3.535q0-2.07 1.467-3.536L7.05 9.879q.3-.3.707-.3t.707.3.301.707-.3.707l-2.122 2.121a2.9 2.9 0 0 0-.884 2.122q0 1.237.884 2.12.884.885 2.121.885t2.122-.884l2.121-2.121q.3-.3.707-.3t.707.3.3.707q0 .405-.3.707zm-1.414-4.243q-.3.3-.707.301a.97.97 0 0 1-.707-.3q-.3-.3-.301-.708 0-.405.3-.707l4.243-4.242q.3-.3.707-.3t.707.3.3.707-.3.707zm6.364-.707q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.301-.707 0-.405.3-.707l2.122-2.121q.884-.885.884-2.121 0-1.238-.884-2.122a2.9 2.9 0 0 0-2.121-.884q-1.237 0-2.122.884l-2.121 2.122q-.3.3-.707.3a.97.97 0 0 1-.707-.3q-.3-.3-.3-.708 0-.405.3-.707L12 4.93q1.467-1.467 3.536-1.467t3.535 1.467 1.467 3.536T19.071 12z"></path></svg><span class="mx_Pill_text">#room:example.com</span></a></bdi>"`,
+            );
         });
 
         it("should pillify a permalink to a message in the same room with the label »Message from Member«", () => {

From d7a42d450ca6735b0432e32af34241707ee64391 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 13:23:16 +0000
Subject: [PATCH 22/48] cleanup a test mistake

---
 apps/web/playwright/e2e/links/messages.spec.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/web/playwright/e2e/links/messages.spec.ts b/apps/web/playwright/e2e/links/messages.spec.ts
index 579a070722d..1f86e1bc09c 100644
--- a/apps/web/playwright/e2e/links/messages.spec.ts
+++ b/apps/web/playwright/e2e/links/messages.spec.ts
@@ -38,8 +38,7 @@ test.describe("Message links", () => {
         const linkElement = page.locator(".mx_EventTile_last").getByRole("link", { name: "#aroom:example.org" });
         await expect(linkElement).toHaveAttribute("href", "https://matrix.to/#/#aroom:example.org");
     });
-    test("should linkify text inside a URL preview", { tag: "@screenshot" }, async ({ page, user, app, room, axe }) => {
-        axe.disableRules("color-contrast");
+    test("should linkify text inside a URL preview", async ({ page, user, app, room }) => {
         await page.route(/.*\/_matrix\/(client\/v1\/media|media\/v3)\/preview_url.*/, (route, request) => {
             const requestedPage = new URL(request.url()).searchParams.get("url");
             expect(requestedPage).toEqual("https://example.org/");

From 57e2d8048baee326b6e023a2953d61628a9284be Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 14:48:35 +0000
Subject: [PATCH 23/48] Fixup sonar issues

---
 apps/web/src/Linkify.tsx                      |  8 +++---
 .../components/views/messages/TextualBody.tsx |  2 +-
 .../components/views/rooms/NewRoomIntro.tsx   | 27 ++++++++++++++-----
 apps/web/src/linkify-matrix.ts                | 13 ++++-----
 apps/web/src/utils/permalinks/Permalinks.ts   |  4 +--
 .../shared-components/src/utils/linkify.ts    |  2 +-
 6 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index f38278288f7..d6482bd3b3c 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -47,7 +47,7 @@ export const transformTags: NonNullable<IOptions["transformTags"]> = {
             const transformed = tryTransformPermalinkToLocalHref(attribs.href); // only used to check if it is a link that can be handled locally
             if (
                 transformed !== attribs.href || // it could be converted so handle locally symbols e.g. @user:server.tdl, matrix: and matrix.to
-                attribs.href.match(ELEMENT_URL_PATTERN) // for https links to Element domains
+                ELEMENT_URL_PATTERN.test(attribs.href) // for https links to Element domains
             ) {
                 delete attribs.target;
             }
@@ -249,7 +249,7 @@ function urlEventListeners(href: string, onClickAction?: () => void): linkifyjs.
                     click: function (e: MouseEvent) {
                         e.preventDefault();
                         onClickAction?.();
-                        window.location.hash = localHref;
+                        globalThis.location.hash = localHref;
                     },
                 };
             }
@@ -282,12 +282,12 @@ export function roomAliasEventListeners(href: string, onClickAction?: () => void
     };
 }
 
-function urlTargetTransformFunction(href: string | string): string {
+function urlTargetTransformFunction(href: string): string {
     try {
         const transformed = tryTransformPermalinkToLocalHref(href);
         if (
             transformed !== href || // if it could be converted to handle locally for matrix symbols e.g. @user:server.tdl and matrix.to
-            decodeURIComponent(href).match(ELEMENT_URL_PATTERN) // for https links to Element domains
+            ELEMENT_URL_PATTERN.test(decodeURIComponent(href)) // for https links to Element domains
         ) {
             return "";
         } else {
diff --git a/apps/web/src/components/views/messages/TextualBody.tsx b/apps/web/src/components/views/messages/TextualBody.tsx
index 49cb5ef2ced..9c72cbeeb53 100644
--- a/apps/web/src/components/views/messages/TextualBody.tsx
+++ b/apps/web/src/components/views/messages/TextualBody.tsx
@@ -185,7 +185,7 @@ export default class TextualBody extends React.Component<IBodyProps, IState> {
     private onBodyLinkClick = (e: MouseEvent): void => {
         let target: HTMLLinkElement | null = e.target as HTMLLinkElement;
         // links processed by linkifyjs have their own handler so don't handle those here
-        if (target.hasAttribute("data-linkified")) return;
+        if (target.dataset.linkified) return;
         if (target.nodeName !== "A") {
             // Jump to parent as the `<a>` may contain children, e.g. an anchor wrapping an inline code section
             target = target.closest<HTMLLinkElement>("a");
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index 20cb76be0ed..bdc018ddddd 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type JSX, useContext } from "react";
+import React, { type JSX, useContext, useMemo } from "react";
 import { EventType, type Room, type User, type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { ErrorSolidIcon, UserAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
@@ -57,14 +57,29 @@ const NewRoomIntro: React.FC = () => {
     const cli = useContext(MatrixClientContext);
     const { room, roomId } = useScopedRoomContext("room", "roomId");
     const topic = useTopic(room);
+    const isLocalRoom = room instanceof LocalRoom;
+
+    const dmPartner = useMemo(() => {
+        if (isLocalRoom) {
+            return room?.targets[0]?.userId;
+        }
+        if (roomId) {
+            return DMRoomMap.shared().getUserIdForRoomId(roomId);
+        }
+        return undefined;
+    }, [isLocalRoom, room, roomId]);
+
+    const topicHtml = useMemo(() => {
+        if (dmPartner) {
+            return undefined;
+        }
+        return topicToHtml(topic?.text, topic?.html);
+    }, [topic, dmPartner]);
 
     if (!room || !roomId) {
         throw new Error("Unable to create a NewRoomIntro without room and roomId");
     }
 
-    const isLocalRoom = room instanceof LocalRoom;
-    const dmPartner = isLocalRoom ? room.targets[0]?.userId : DMRoomMap.shared().getUserIdForRoomId(roomId);
-
     let body: JSX.Element;
     if (dmPartner) {
         const { shouldEncrypt: encryptedSingle3rdPartyInvite } = shouldEncryptRoomWithSingle3rdPartyInvite(room);
@@ -138,14 +153,14 @@ const NewRoomIntro: React.FC = () => {
                             {sub}
                         </AccessibleButton>
                     ),
-                    topic: () => <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>,
+                    topic: () => <ElementLinkedText>{topicHtml}</ElementLinkedText>,
                 },
             );
         } else if (topic) {
             topicText = _t(
                 "room|intro|display_topic",
                 {},
-                { topic: () => <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText> },
+                { topic: () => <ElementLinkedText>{topicHtml}</ElementLinkedText> },
             );
         } else if (canAddTopic) {
             topicText = _t(
diff --git a/apps/web/src/linkify-matrix.ts b/apps/web/src/linkify-matrix.ts
index 01d292f6187..54b7b25962b 100644
--- a/apps/web/src/linkify-matrix.ts
+++ b/apps/web/src/linkify-matrix.ts
@@ -14,10 +14,11 @@ const escapeRegExp = function (s: string): string {
 
 // Recognise URLs from both our local and official Element deployments.
 // Anyone else really should be using matrix.to. vector:// allowed to support Element Desktop relative links.
-export const ELEMENT_URL_PATTERN =
+export const ELEMENT_URL_PATTERN = new RegExp(
     "^(?:vector://|https?://)?(?:" +
-    escapeRegExp(window.location.host + window.location.pathname) +
-    "|" +
-    "(?:www\\.)?(?:riot|vector)\\.im/(?:app|beta|staging|develop)/|" +
-    "(?:app|beta|staging|develop)\\.element\\.io/" +
-    ")(#.*)";
+        escapeRegExp(window.location.host + window.location.pathname) +
+        "|" +
+        "(?:www\\.)?(?:riot|vector)\\.im/(?:app|beta|staging|develop)/|" +
+        "(?:app|beta|staging|develop)\\.element\\.io/" +
+        ")(#.*)",
+);
diff --git a/apps/web/src/utils/permalinks/Permalinks.ts b/apps/web/src/utils/permalinks/Permalinks.ts
index 8b8c850fc49..37d968945a5 100644
--- a/apps/web/src/utils/permalinks/Permalinks.ts
+++ b/apps/web/src/utils/permalinks/Permalinks.ts
@@ -374,7 +374,7 @@ export function tryTransformPermalinkToLocalHref(permalink: string): string {
     }
 
     try {
-        const m = decodeURIComponent(permalink).match(ELEMENT_URL_PATTERN);
+        const m = ELEMENT_URL_PATTERN.exec(decodeURIComponent(permalink));
         if (m) {
             return m[1];
         }
@@ -410,7 +410,7 @@ export function getPrimaryPermalinkEntity(permalink: string): string | null {
 
         // If not a permalink, try the vector patterns.
         if (!permalinkParts) {
-            const m = permalink.match(ELEMENT_URL_PATTERN);
+            const m = ELEMENT_URL_PATTERN.exec(permalink);
             if (m) {
                 // A bit of a hack, but it gets the job done
                 const handler = new ElementPermalinkConstructor("http://localhost");
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 714af617c2e..ef713013392 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -279,4 +279,4 @@ export function generateLinkedTextOptions({
 export { default as linkifyString } from "linkify-string";
 export { default as linkifyHtml } from "linkify-html";
 
-export { linkifyjs };
+export { default as linkifyjs } from "linkifyjs";

From 609da31b42b8c00a5a7a636e58a0f9c375d75f88 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 15:17:48 +0000
Subject: [PATCH 24/48] Don't expose linkifyjs to applications, just provide
 helper functions.

---
 apps/web/src/Linkify.tsx                      |  8 +-
 apps/web/src/Markdown.ts                      |  6 +-
 .../views/rooms/BasicMessageComposer.tsx      |  4 +-
 .../components/views/rooms/NewRoomIntro.tsx   | 10 +--
 .../src/utils/linkify.test.ts                 | 76 ++++++++++++-------
 .../shared-components/src/utils/linkify.ts    | 55 +++++++++++---
 6 files changed, 107 insertions(+), 52 deletions(-)

diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index d6482bd3b3c..dc425be6584 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -17,7 +17,7 @@ import {
     LinkedText,
     LinkifyMatrixOpaqueIdType,
     generateLinkedTextOptions,
-    type linkifyjs,
+    type LinkEventListener,
 } from "@element-hq/web-shared-components";
 import { getHttpUriForMxc, User } from "matrix-js-sdk/src/matrix";
 
@@ -229,7 +229,7 @@ function onAliasClick(event: MouseEvent, roomAlias: string): void {
     });
 }
 
-function urlEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+function urlEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
     // intercept local permalinks to users and show them like userids (in userinfo of current room)
     try {
         const permalink = parsePermalink(href);
@@ -260,7 +260,7 @@ function urlEventListeners(href: string, onClickAction?: () => void): linkifyjs.
     return {};
 }
 
-export function userIdEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+export function userIdEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
@@ -271,7 +271,7 @@ export function userIdEventListeners(href: string, onClickAction?: () => void):
     };
 }
 
-export function roomAliasEventListeners(href: string, onClickAction?: () => void): linkifyjs.EventListeners {
+export function roomAliasEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
diff --git a/apps/web/src/Markdown.ts b/apps/web/src/Markdown.ts
index 3e0b747c3f8..3bc38c8f7dc 100644
--- a/apps/web/src/Markdown.ts
+++ b/apps/web/src/Markdown.ts
@@ -11,7 +11,7 @@ import "./@types/commonmark"; // import better types than @types/commonmark
 import * as commonmark from "commonmark";
 import { escape } from "lodash";
 import { logger } from "matrix-js-sdk/src/logger";
-import { linkifyjs } from "@element-hq/web-shared-components";
+import { findLinksInString } from "@element-hq/web-shared-components";
 
 const ALLOWED_HTML_TAGS = ["sub", "sup", "del", "s", "u", "br", "br/"];
 
@@ -185,7 +185,7 @@ export default class Markdown {
                 // We should not do this if previous node was not a textnode, as we can't combine it then.
                 if ((node.type === "emph" || node.type === "strong") && previousNode?.type === "text") {
                     if (event.entering) {
-                        const foundLinks = linkifyjs.find(text);
+                        const foundLinks = findLinksInString(text);
                         for (const { value } of foundLinks) {
                             if (node?.firstChild?.literal) {
                                 /**
@@ -196,7 +196,7 @@ export default class Markdown {
                                 const nonEmphasizedText = `${format}${innerNodeLiteral(node)}${format}`;
                                 const f = getTextUntilEndOrLinebreak(node);
                                 const newText = value + nonEmphasizedText + f;
-                                const newLinks = linkifyjs.find(newText);
+                                const newLinks = findLinksInString(newText);
                                 // Should always find only one link here, if it finds more it means that the algorithm is broken
                                 if (newLinks.length === 1) {
                                     const emphasisTextNode = new commonmark.Node("text");
diff --git a/apps/web/src/components/views/rooms/BasicMessageComposer.tsx b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
index 13074e9b77a..b44889fe248 100644
--- a/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
+++ b/apps/web/src/components/views/rooms/BasicMessageComposer.tsx
@@ -12,7 +12,7 @@ import { type Room, type MatrixEvent } from "matrix-js-sdk/src/matrix";
 import EMOTICON_REGEX from "emojibase-regex/emoticon";
 import { logger } from "matrix-js-sdk/src/logger";
 import { EMOTICON_TO_EMOJI } from "@matrix-org/emojibase-bindings";
-import { linkifyjs } from "@element-hq/web-shared-components";
+import { isLinkable } from "@element-hq/web-shared-components";
 
 import type EditorModel from "../../../editor/model";
 import HistoryManager from "../../../editor/history";
@@ -357,7 +357,7 @@ export default class BasicMessageEditor extends React.Component<IProps, IState>
         const range = getRangeForSelection(this.editorRef.current, model, document.getSelection()!);
 
         // If the user is pasting a link, and has a range selected which is not a link, wrap the range with the link
-        if (plainText && range.length > 0 && linkifyjs.test(plainText) && !linkifyjs.test(range.text)) {
+        if (plainText && range.length > 0 && isLinkable(plainText) && !isLinkable(range.text)) {
             formatRangeAsLink(range, plainText);
         } else {
             replaceRangeAndMoveCaret(range, parts);
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index bdc018ddddd..550b3d004f5 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -73,7 +73,7 @@ const NewRoomIntro: React.FC = () => {
         if (dmPartner) {
             return undefined;
         }
-        return topicToHtml(topic?.text, topic?.html);
+        return <ElementLinkedText>${topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
     }, [topic, dmPartner]);
 
     if (!room || !roomId) {
@@ -153,15 +153,11 @@ const NewRoomIntro: React.FC = () => {
                             {sub}
                         </AccessibleButton>
                     ),
-                    topic: () => <ElementLinkedText>{topicHtml}</ElementLinkedText>,
+                    topic: topicHtml,
                 },
             );
         } else if (topic) {
-            topicText = _t(
-                "room|intro|display_topic",
-                {},
-                { topic: () => <ElementLinkedText>{topicHtml}</ElementLinkedText> },
-            );
+            topicText = _t("room|intro|display_topic", {}, { topic: topicHtml });
         } else if (canAddTopic) {
             topicText = _t(
                 "room|intro|no_topic",
diff --git a/packages/shared-components/src/utils/linkify.test.ts b/packages/shared-components/src/utils/linkify.test.ts
index a073d8d0089..43db0c26d1c 100644
--- a/packages/shared-components/src/utils/linkify.test.ts
+++ b/packages/shared-components/src/utils/linkify.test.ts
@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { describe, it, expect } from "vitest";
 
-import { linkifyjs, LinkifyMatrixOpaqueIdType } from "./linkify";
+import { findLinksInString, isLinkable, LinkifyMatrixOpaqueIdType } from "./linkify";
 
 describe("linkify-matrix", () => {
     const linkTypesByInitialCharacter: Record<string, string> = {
@@ -19,13 +19,15 @@ describe("linkify-matrix", () => {
     describe.each(Object.entries(linkTypesByInitialCharacter))("handles '%s' (%s)", (char, type) => {
         it("should not parse " + char + "foo without domain", () => {
             const test = char + "foo";
-            const found = linkifyjs.find(test);
+            const found = findLinksInString(test);
+            expect(isLinkable(test)).toEqual(false);
             expect(found).toEqual([]);
         });
         describe("ip v4 tests", () => {
             it("should properly parse IPs v4 as the domain name", () => {
                 const test = char + "potato:1.2.3.4";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4",
@@ -39,7 +41,8 @@ describe("linkify-matrix", () => {
             });
             it("should properly parse IPs v4 with port as the domain name with attached", () => {
                 const test = char + "potato:1.2.3.4:1337";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4:1337",
@@ -53,7 +56,8 @@ describe("linkify-matrix", () => {
             });
             it("should properly parse IPs v4 as the domain name while ignoring missing port", () => {
                 const test = char + "potato:1.2.3.4:";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(false);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "potato:1.2.3.4",
@@ -70,7 +74,8 @@ describe("linkify-matrix", () => {
         describe.skip("ip v6 tests", () => {
             it("should properly parse IPs v6 as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]",
@@ -85,7 +90,8 @@ describe("linkify-matrix", () => {
 
             it("should properly parse IPs v6 with port as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]:1337";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]:1337",
@@ -100,7 +106,8 @@ describe("linkify-matrix", () => {
             // eslint-disable-next-line max-len
             it("should properly parse IPs v6 while ignoring dangling comma when without port name as the domain name", () => {
                 const test = char + "username:[1234:5678::abcd]:";
-                const found = linkifyjs.find(test);
+                expect(isLinkable(test)).toEqual(true);
+                const found = findLinksInString(test);
                 expect(found).toEqual([
                     {
                         href: char + "username:[1234:5678::abcd]:",
@@ -115,7 +122,8 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "_foonetic_xkcd:matrix.org", () => {
             const test = "" + char + "_foonetic_xkcd:matrix.org";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "_foonetic_xkcd:matrix.org",
@@ -129,7 +137,8 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "localhost:foo.com", () => {
             const test = char + "localhost:foo.com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "localhost:foo.com",
@@ -143,7 +152,8 @@ describe("linkify-matrix", () => {
         });
         it("properly parses " + char + "foo:localhost", () => {
             const test = char + "foo:localhost";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:localhost",
@@ -157,7 +167,8 @@ describe("linkify-matrix", () => {
         });
         it("accept " + char + "foo:bar.com", () => {
             const test = "" + char + "foo:bar.com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com",
@@ -171,7 +182,8 @@ describe("linkify-matrix", () => {
         });
         it("accept " + char + "foo:com (mostly for (TLD|DOMAIN)+ mixing)", () => {
             const test = "" + char + "foo:com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:com",
@@ -185,7 +197,8 @@ describe("linkify-matrix", () => {
         });
         it("accept repeated TLDs (e.g .org.uk)", () => {
             const test = "" + char + "foo:bar.org.uk";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.org.uk",
@@ -199,7 +212,8 @@ describe("linkify-matrix", () => {
         });
         it("accept hyphens in name " + char + "foo-bar:server.com", () => {
             const test = "" + char + "foo-bar:server.com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo-bar:server.com",
@@ -213,7 +227,8 @@ describe("linkify-matrix", () => {
         });
         it("ignores trailing `:`", () => {
             const test = "" + char + "foo:bar.com:";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     type,
@@ -227,7 +242,8 @@ describe("linkify-matrix", () => {
         });
         it("accept :NUM (port specifier)", () => {
             const test = "" + char + "foo:bar.com:2225";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com:2225",
@@ -241,7 +257,8 @@ describe("linkify-matrix", () => {
         });
         it("ignores duplicate :NUM (double port specifier)", () => {
             const test = "" + char + "foo:bar.com:2225:1234";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com:2225",
@@ -255,7 +272,8 @@ describe("linkify-matrix", () => {
         });
         it("ignores all the trailing :", () => {
             const test = "" + char + "foo:bar.com::::";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com",
@@ -269,7 +287,8 @@ describe("linkify-matrix", () => {
         });
         it("properly parses room alias with dots in name", () => {
             const test = "" + char + "foo.asdf:bar.com::::";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo.asdf:bar.com",
@@ -283,7 +302,8 @@ describe("linkify-matrix", () => {
         });
         it("does not parse room alias with too many separators", () => {
             const test = "" + char + "foo:::bar.com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(false);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: "http://bar.com",
@@ -297,7 +317,8 @@ describe("linkify-matrix", () => {
         });
         it("properly parses room alias with hyphen in domain part", () => {
             const test = "" + char + "foo:bar.com-baz.com";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: char + "foo:bar.com-baz.com",
@@ -314,7 +335,8 @@ describe("linkify-matrix", () => {
     describe("userid plugin", () => {
         it("allows dots in localparts", () => {
             const test = "@test.:matrix.org";
-            const found = linkifyjs.find(test);
+            expect(isLinkable(test)).toEqual(true);
+            const found = findLinksInString(test);
             expect(found).toEqual([
                 {
                     href: test,
@@ -341,8 +363,8 @@ describe("linkify-matrix", () => {
         ];
         for (const matrixUri of acceptedMatrixUris) {
             it("accepts " + matrixUri, () => {
-                const test = matrixUri;
-                const found = linkifyjs.find(test);
+                expect(isLinkable(matrixUri)).toEqual(true);
+                const found = findLinksInString(matrixUri);
                 expect(found).toEqual([
                     {
                         href: matrixUri,
@@ -361,8 +383,8 @@ describe("linkify-matrix", () => {
         const acceptedDomains = ["matrix.org", "matrix.to", "matrix-help.org", "matrix123.org"];
         for (const domain of acceptedDomains) {
             it("accepts " + domain, () => {
-                const test = domain;
-                const found = linkifyjs.find(test);
+                expect(isLinkable(domain)).toEqual(true);
+                const found = findLinksInString(domain);
                 expect(found).toEqual([
                     {
                         href: `http://${domain}`,
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index ef713013392..2ef9d4ebfc8 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -175,14 +175,32 @@ linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser })
     });
 });
 
+export type LinkEventListener = linkifyjs.EventListeners;
+
 export interface LinkedTextOptions {
-    urlListener?: (href: string) => linkifyjs.EventListeners;
-    roomAliasListener?: (href: string) => linkifyjs.EventListeners;
-    userIdListener?: (href: string) => linkifyjs.EventListeners;
+    /**
+     * Event handlers for URL links.
+     */
+    urlListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for room alias links.
+     */
+    roomAliasListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for user ID links.
+     */
+    userIdListener?: (href: string) => LinkEventListener;
+    /**
+     * Function that can be used to transform the `target` attribute on links, depending on the `href`.
+     */
     urlTargetTransformer?: (href: string) => string;
+    /**
+     * Function that can be used to transform the `href` attribute on links, depending on the current href and target type.
+     */
     hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
     /**
-     * Disable this to force the
+     * If `false`, links are not clickable and only highlighted.
+     * Defaults to `true`.
      */
     canClick?: boolean;
 }
@@ -191,8 +209,9 @@ export interface LinkedTextOptions {
  * Generates a linkifyjs options object that is reasonably paired down
  * to just the essentials required for an Element client.
  *
- * @param param0
- * @returns
+ * @return A `linkifyjs` `Opts` object. Used by `linkifyString` and `linkifyHtml`
+ * @see `linkifyHtml`
+ * @see `linkifyString`
  */
 export function generateLinkedTextOptions({
     urlListener,
@@ -202,7 +221,7 @@ export function generateLinkedTextOptions({
     hrefTransformer,
     canClick,
 }: LinkedTextOptions): linkifyjs.Opts {
-    const events = (href: string, type: string): linkifyjs.EventListeners => {
+    const events = (href: string, type: string): LinkEventListener => {
         // Attach click handlers to links based on their type
         switch (type as LinkifyMatrixOpaqueIdType) {
             case LinkifyMatrixOpaqueIdType.URL: {
@@ -276,7 +295,25 @@ export function generateLinkedTextOptions({
     } satisfies linkifyjs.Opts;
 }
 
+/**
+ * Finds all links in a given string.
+ *
+ * @param str A string that may contain one or more strings.
+ * @returns A set of all links in the string.
+ */
+export function findLinksInString(str: string): ReturnType<typeof linkifyjs.find> {
+    return linkifyjs.find(str);
+}
+
+/**
+ * Is the given string a valid linkable. This does not trim the string.
+ *
+ * @param str A string value to be tested if the entire value is linkable.
+ * @returns Whether or not the `str` value is a link.
+ */
+export function isLinkable(str: string): boolean {
+    return linkifyjs.test(str);
+}
+
 export { default as linkifyString } from "linkify-string";
 export { default as linkifyHtml } from "linkify-html";
-
-export { default as linkifyjs } from "linkifyjs";

From db98064a01e3117fcdc990117562b5ab8e060c61 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 15:17:53 +0000
Subject: [PATCH 25/48] Add story for documentation.

---
 .../src/utils/linkify.stories.tsx             | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 packages/shared-components/src/utils/linkify.stories.tsx

diff --git a/packages/shared-components/src/utils/linkify.stories.tsx b/packages/shared-components/src/utils/linkify.stories.tsx
new file mode 100644
index 00000000000..7a20615e5b6
--- /dev/null
+++ b/packages/shared-components/src/utils/linkify.stories.tsx
@@ -0,0 +1,54 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import React from "react";
+import { Markdown } from "@storybook/addon-docs/blocks";
+
+import type { Meta } from "@storybook/react-vite";
+import LinkifyMatrixOpaqueIdType from "../../typedoc/enumerations/LinkifyMatrixOpaqueIdType.md?raw";
+import findLinksInString from "../../typedoc/functions/findLinksInString.md?raw";
+import isLinkable from "../../typedoc/functions/isLinkable.md?raw";
+import linkifyHtml from "../../typedoc/functions/linkifyHtml.md?raw";
+import linkifyString from "../../typedoc/functions/linkifyString.md?raw";
+import generateLinkedTextOptions from "../../typedoc/functions/generateLinkedTextOptions.md?raw";
+import LinkedTextOptions from "../../typedoc/interfaces/LinkedTextOptions.md?raw";
+
+const meta = {
+    title: "utils/linkify",
+    parameters: {
+        docs: {
+            page: () => (
+                <>
+                    <h1>Linkify utilities</h1>
+                    <p>Supporting functions and types for parsing links from HTML/strings.</p>
+                    <h2>LinkifyMatrixOpaqueIdType</h2>
+                    <Markdown>{LinkifyMatrixOpaqueIdType}</Markdown>
+                    <h2>findLinksInString</h2>
+                    <Markdown>{findLinksInString}</Markdown>
+                    <h2>isLinkable</h2>
+                    <Markdown>{isLinkable}</Markdown>
+                    <h2>linkifyHtml</h2>
+                    <Markdown>{linkifyHtml}</Markdown>
+                    <h2>linkifyString</h2>
+                    <Markdown>{linkifyString}</Markdown>
+                    <h2>generateLinkedTextOptions</h2>
+                    <Markdown>{generateLinkedTextOptions}</Markdown>
+                    <h3>LinkedTextOptions</h3>
+                    <Markdown>{LinkedTextOptions}</Markdown>
+                </>
+            ),
+        },
+    },
+    tags: ["autodocs", "skip-test"],
+} satisfies Meta;
+
+export default meta;
+
+// Docs-only story - renders nothing but triggers autodocs
+export const Docs = {
+    render: () => null,
+};

From 60684904ed5d44b223c1ca37439bab8a51ccb692 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 15:31:51 +0000
Subject: [PATCH 26/48] remove $

---
 apps/web/src/components/views/rooms/NewRoomIntro.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index 550b3d004f5..e8592c3ed52 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -73,7 +73,7 @@ const NewRoomIntro: React.FC = () => {
         if (dmPartner) {
             return undefined;
         }
-        return <ElementLinkedText>${topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
+        return <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
     }, [topic, dmPartner]);
 
     if (!room || !roomId) {

From cd36c025eae412cd7b9560f6a13729ec5bdf2935 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 16:22:38 +0000
Subject: [PATCH 27/48] Use a const

---
 .../components/views/messages/TextualBody.tsx |  3 +-
 .../shared-components/src/utils/linkify.ts    | 32 ++++++++++---------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/components/views/messages/TextualBody.tsx b/apps/web/src/components/views/messages/TextualBody.tsx
index 9c72cbeeb53..369cc9e0d71 100644
--- a/apps/web/src/components/views/messages/TextualBody.tsx
+++ b/apps/web/src/components/views/messages/TextualBody.tsx
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import React, { type JSX, createRef, type SyntheticEvent, type MouseEvent } from "react";
 import { MsgType } from "matrix-js-sdk/src/matrix";
+import { LINKIFIED_DATA_ATTRIBUTE } from "@element-hq/web-shared-components";
 
 import EventContentBody from "./EventContentBody.tsx";
 import { formatDate } from "../../../DateUtils";
@@ -185,7 +186,7 @@ export default class TextualBody extends React.Component<IBodyProps, IState> {
     private onBodyLinkClick = (e: MouseEvent): void => {
         let target: HTMLLinkElement | null = e.target as HTMLLinkElement;
         // links processed by linkifyjs have their own handler so don't handle those here
-        if (target.dataset.linkified) return;
+        if (target.dataset[LINKIFIED_DATA_ATTRIBUTE]) return;
         if (target.nodeName !== "A") {
             // Jump to parent as the `<a>` may contain children, e.g. an anchor wrapping an inline code section
             target = target.closest<HTMLLinkElement>("a");
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 2ef9d4ebfc8..43607755f18 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -246,24 +246,21 @@ export function generateLinkedTextOptions({
     };
 
     const attributes = (href: string, type: string): Record<string, unknown> => {
-        // Sometimes components want to render links to prettify but not make them clicky.
-        if (canClick === false) {
-            return {
-                "href": undefined,
-                "data-linkified": "true",
-            };
-        }
-
         const attrs: Record<string, unknown> = {
-            "data-linkified": "true",
+            [`data-${LINKIFIED_DATA_ATTRIBUTE}`]: "true",
         };
 
-        const options = events(href, type);
-        // linkify-react doesn't respect `events` and needs it mapping to React attributes
-        // so we need to manually add the click handler to the attributes
-        // https://linkify.js.org/docs/linkify-react.html#events
-        if (options?.click) {
-            attrs.onClick = options.click;
+        // Sometimes components want to render links to prettify but not make them clicky.
+        if (canClick === false) {
+            attrs.href = undefined;
+        } else {
+            const options = events(href, type);
+            // linkify-react doesn't respect `events` and needs it mapping to React attributes
+            // so we need to manually add the click handler to the attributes
+            // https://linkify.js.org/docs/linkify-react.html#events
+            if (options?.click) {
+                attrs.onClick = options.click;
+            }
         }
 
         return attrs;
@@ -315,5 +312,10 @@ export function isLinkable(str: string): boolean {
     return linkifyjs.test(str);
 }
 
+/**
+ * `data-linkified` is applied to all links generated by the linkifaction functions and `<LinkedText>`.
+ */
+export const LINKIFIED_DATA_ATTRIBUTE = "linkfied";
+
 export { default as linkifyString } from "linkify-string";
 export { default as linkifyHtml } from "linkify-html";

From 9549c7c035dc0f95f93da9c62464eb400166e5c3 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 16:25:45 +0000
Subject: [PATCH 28/48] typo

---
 packages/shared-components/src/utils/linkify.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 43607755f18..cc452e748d0 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -315,7 +315,7 @@ export function isLinkable(str: string): boolean {
 /**
  * `data-linkified` is applied to all links generated by the linkifaction functions and `<LinkedText>`.
  */
-export const LINKIFIED_DATA_ATTRIBUTE = "linkfied";
+export const LINKIFIED_DATA_ATTRIBUTE = "linkified";
 
 export { default as linkifyString } from "linkify-string";
 export { default as linkifyHtml } from "linkify-html";

From 4263b280e4ec6aec6ac9f17e7d52c246728514d6 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Fri, 6 Mar 2026 16:50:49 +0000
Subject: [PATCH 29/48] cleanup var name

---
 apps/web/src/components/views/rooms/NewRoomIntro.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index e8592c3ed52..ca843c35b4a 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -69,7 +69,7 @@ const NewRoomIntro: React.FC = () => {
         return undefined;
     }, [isLocalRoom, room, roomId]);
 
-    const topicHtml = useMemo(() => {
+    const renderedTopic = useMemo(() => {
         if (dmPartner) {
             return undefined;
         }
@@ -153,11 +153,11 @@ const NewRoomIntro: React.FC = () => {
                             {sub}
                         </AccessibleButton>
                     ),
-                    topic: topicHtml,
+                    topic: renderedTopic,
                 },
             );
         } else if (topic) {
-            topicText = _t("room|intro|display_topic", {}, { topic: topicHtml });
+            topicText = _t("room|intro|display_topic", {}, { topic: renderedTopic });
         } else if (canAddTopic) {
             topicText = _t(
                 "room|intro|no_topic",

From 548b376a6c6f17f26e1c8336454fc7e8c441c008 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Mon, 9 Mar 2026 10:23:30 +0000
Subject: [PATCH 30/48] remove console line

---
 apps/web/src/HtmlUtils.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index 794350d7657..4f5b85f88e1 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -391,7 +391,6 @@ function analyseEvent(content: IContent, highlights?: string[], opts: EventRende
                 safeBody = phtml.body.innerHTML;
             }
         } else if (opts.linkify) {
-            console.log(sanitizeParams);
             // If we are linkifying plain text, pass the result through sanitizeHtml so that the highlighter configured in sanitizeParams.textFilter gets applied.
             safeBody = sanitizeHtml(linkifyHtml(escapeHtml(plainBody)), sanitizeParams);
         } else if (highlighter) {

From a83e18ace51a179bc1ddafe046f11ab61dff5425 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Mon, 9 Mar 2026 17:38:49 +0000
Subject: [PATCH 31/48] Changes checkpoint

---
 apps/web/src/HtmlUtils.tsx                    |  2 +-
 .../views/right_panel/RoomSummaryCardView.tsx |  2 +-
 .../components/views/rooms/NewRoomIntro.tsx   | 17 ++++-----
 apps/web/src/utils/UrlUtils.ts                | 28 --------------
 packages/shared-components/package.json       | 10 ++---
 .../utils/LinkedText/LinkedText.module.css    |  8 ++++
 .../utils/LinkedText/LinkedText.stories.tsx   | 14 ++++---
 .../src/utils/linkify.test.ts                 |  1 +
 .../shared-components/src/utils/linkify.ts    | 37 ++++---------------
 9 files changed, 38 insertions(+), 81 deletions(-)

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index 4f5b85f88e1..95190362e43 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -20,7 +20,7 @@ import { getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
 
 import SettingsStore from "./settings/SettingsStore";
 import { stripHTMLReply, stripPlainReply } from "./utils/Reply";
-import { PERMITTED_URL_SCHEMES } from "./utils/UrlUtils";
+import { PERMITTED_URL_SCHEMES } from "@element-hq/web-shared-components";
 import { sanitizeHtmlParams, transformTags, linkifyHtml } from "./Linkify";
 import { graphemeSegmenter } from "./utils/strings";
 
diff --git a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
index 0340fe98406..8687fdda08b 100644
--- a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
+++ b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
@@ -90,7 +90,7 @@ const RoomTopic: React.FC<Pick<IProps, "room">> = ({ room }): JSX.Element | null
         );
     }
 
-    const content = vm.expanded ? <ElementLinkedText>{body}</ElementLinkedText> : body;
+    const content = vm.expanded ? <ElementLinkedText as="span">{body}</ElementLinkedText> : body;
 
     return (
         <Flex
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index ca843c35b4a..5551827796e 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -59,21 +59,18 @@ const NewRoomIntro: React.FC = () => {
     const topic = useTopic(room);
     const isLocalRoom = room instanceof LocalRoom;
 
-    const dmPartner = useMemo(() => {
-        if (isLocalRoom) {
-            return room?.targets[0]?.userId;
-        }
-        if (roomId) {
-            return DMRoomMap.shared().getUserIdForRoomId(roomId);
-        }
-        return undefined;
-    }, [isLocalRoom, room, roomId]);
+    let dmPartner: string | undefined;
+    if (isLocalRoom) {
+        dmPartner = room?.targets[0]?.userId;
+    } else if (roomId) {
+        dmPartner = DMRoomMap.shared().getUserIdForRoomId(roomId);
+    }
 
     const renderedTopic = useMemo(() => {
         if (dmPartner) {
             return undefined;
         }
-        return <ElementLinkedText>{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
+        return <ElementLinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
     }, [topic, dmPartner]);
 
     if (!room || !roomId) {
diff --git a/apps/web/src/utils/UrlUtils.ts b/apps/web/src/utils/UrlUtils.ts
index d256e655c2e..fcb720414e2 100644
--- a/apps/web/src/utils/UrlUtils.ts
+++ b/apps/web/src/utils/UrlUtils.ts
@@ -49,31 +49,3 @@ export function parseUrl(u: string): URL {
     }
     return new URL(u);
 }
-
-export const PERMITTED_URL_SCHEMES = [
-    "bitcoin",
-    "ftp",
-    "geo",
-    "http",
-    "https",
-    "im",
-    "irc",
-    "ircs",
-    "magnet",
-    "mailto",
-    "matrix",
-    "mms",
-    "news",
-    "nntp",
-    "openpgp4fpr",
-    "sip",
-    "sftp",
-    "sms",
-    "smsto",
-    "ssh",
-    "tel",
-    "urn",
-    "webcal",
-    "wtai",
-    "xmpp",
-];
diff --git a/packages/shared-components/package.json b/packages/shared-components/package.json
index 0f582bc73e4..f35657e2477 100644
--- a/packages/shared-components/package.json
+++ b/packages/shared-components/package.json
@@ -57,15 +57,15 @@
         "classnames": "^2.5.1",
         "counterpart": "^0.18.6",
         "html-react-parser": "^5.2.2",
+        "linkify-html": "4.3.2",
+        "linkify-react": "4.3.2",
+        "linkify-string": "4.3.2",
+        "linkifyjs": "4.3.2",
         "lodash": "npm:lodash-es@^4.17.21",
         "matrix-web-i18n": "catalog:",
         "react-merge-refs": "^3.0.2",
         "react-virtuoso": "^4.14.0",
-        "temporal-polyfill": "^0.3.0",
-        "linkify-html": "4.3.2",
-        "linkify-react": "4.3.2",
-        "linkify-string": "4.3.2",
-        "linkifyjs": "4.3.2"
+        "temporal-polyfill": "^0.3.0"
     },
     "devDependencies": {
         "@element-hq/element-web-playwright-common-local": "workspace:*",
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
index 49232fca836..fb0956a2a4e 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
@@ -1,6 +1,14 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
 .container {
     a {
         color: var(--cpd-color-text-link-external);
+        text-decoration-line: none;
     }
     margin: 0;
 }
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index 7ee618adf19..6568e4c6f2a 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -1,9 +1,10 @@
 /*
-Copyright 2026 New Vector Ltd.
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
 
-SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
-Please see LICENSE files in the repository root for full details.
-*/
 import React from "react";
 import { fn } from "storybook/test";
 
@@ -25,10 +26,10 @@ export default {
 const Template: StoryFn<typeof LinkedText> = ({ children, ...args }) => <LinkedText {...args}>{children}</LinkedText>;
 
 export const Default = Template.bind({});
-
 Default.args = {};
 
 export const Unclickable = Template.bind({});
+Unclickable.tags = ["skip-test"];
 
 Unclickable.args = {
     children: "I love working on https://matrix.org.",
@@ -50,13 +51,14 @@ WithRoomAlias.args = {
 };
 
 export const WithCustomUrlTarget = Template.bind({});
-
+WithCustomUrlTarget.tags = ["skip-test"];
 WithCustomUrlTarget.args = {
     urlTargetTransformer: () => "_fake_target",
 };
 
 export const WithCustomHref = Template.bind({});
 
+WithCustomHref.tags = ["skip-test"];
 WithCustomHref.args = {
     hrefTransformer: () => {
         return "https://example.org";
diff --git a/packages/shared-components/src/utils/linkify.test.ts b/packages/shared-components/src/utils/linkify.test.ts
index 43db0c26d1c..7ba2311bb51 100644
--- a/packages/shared-components/src/utils/linkify.test.ts
+++ b/packages/shared-components/src/utils/linkify.test.ts
@@ -1,4 +1,5 @@
 /*
+Copyright 2026 Element Creations Ltd.
 Copyright 2024 New Vector Ltd.
 Copyright 2021 The Matrix.org Foundation C.I.C.
 
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index cc452e748d0..92fddb7fbb5 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -42,35 +42,9 @@ export const LinkifyOptionalSlashProtocols = [
 ];
 
 /**
- * URL schemes that are safe to be resolved within the context of a Matrix client.
+ * URL schemes that are safe to be resolved by the app consuming the library.
  */
-export const PERMITTED_URL_SCHEMES = [
-    "bitcoin",
-    "ftp",
-    "geo",
-    "http",
-    "https",
-    "im",
-    "irc",
-    "ircs",
-    "magnet",
-    "mailto",
-    "matrix",
-    "mms",
-    "news",
-    "nntp",
-    "openpgp4fpr",
-    "sip",
-    "sftp",
-    "sms",
-    "smsto",
-    "ssh",
-    "tel",
-    "urn",
-    "webcal",
-    "wtai",
-    "xmpp",
-];
+export const PERMITTED_URL_SCHEMES = [...LinkifySupportedProtocols, ...LinkifyOptionalSlashProtocols];
 
 // Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
 // https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
@@ -81,7 +55,7 @@ PERMITTED_URL_SCHEMES.forEach((scheme) => {
     }
 });
 
-// MXC urls can be resolved, but are not permitted in other parts of the app.
+// 'mxc' is specialcased. They can be linked to
 linkifyjs.registerCustomProtocol("mxc", false);
 
 export enum LinkifyMatrixOpaqueIdType {
@@ -303,10 +277,13 @@ export function findLinksInString(str: string): ReturnType<typeof linkifyjs.find
 }
 
 /**
- * Is the given string a valid linkable. This does not trim the string.
+ * Is the given string considered linkable, as in it looks
+ * like a URL and uses a permitted protocol.
+ * This does not trim the string.
  *
  * @param str A string value to be tested if the entire value is linkable.
  * @returns Whether or not the `str` value is a link.
+ * @see `PERMITTED_URL_SCHEMES` for permitted links.
  */
 export function isLinkable(str: string): boolean {
     return linkifyjs.test(str);

From 1707c330fcbd4e7f540d0c69f244be6b0f015afc Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Mon, 9 Mar 2026 21:20:26 +0000
Subject: [PATCH 32/48] Convert to context

---
 apps/web/src/HtmlUtils.tsx                    |  5 +-
 apps/web/src/Linkify.tsx                      | 47 +++-------------
 .../src/components/structures/MatrixChat.tsx  | 10 ++--
 .../components/structures/SpaceHierarchy.tsx  | 13 ++---
 .../views/dialogs/InteractiveAuthDialog.tsx   |  6 +-
 .../components/views/elements/RoomTopic.tsx   |  6 +-
 .../views/right_panel/RoomSummaryCardView.tsx |  5 +-
 .../views/rooms/LinkPreviewWidget.tsx         |  4 +-
 .../components/views/rooms/NewRoomIntro.tsx   |  5 +-
 apps/web/src/slash-commands/SlashCommands.tsx |  4 +-
 .../utils/LinkedText/LinkedText.stories.tsx   | 22 ++++----
 .../src/utils/LinkedText/LinkedText.tsx       | 56 +++++++------------
 .../utils/LinkedText/LinkedTextContext.tsx    | 50 +++++++++++++++++
 .../src/utils/LinkedText/index.ts             |  1 +
 .../shared-components/src/utils/linkify.ts    | 34 ++++++-----
 15 files changed, 135 insertions(+), 133 deletions(-)
 create mode 100644 packages/shared-components/src/utils/LinkedText/LinkedTextContext.tsx

diff --git a/apps/web/src/HtmlUtils.tsx b/apps/web/src/HtmlUtils.tsx
index 95190362e43..3fefbba4188 100644
--- a/apps/web/src/HtmlUtils.tsx
+++ b/apps/web/src/HtmlUtils.tsx
@@ -17,10 +17,10 @@ import { decode } from "html-entities";
 import { type IContent } from "matrix-js-sdk/src/matrix";
 import escapeHtml from "escape-html";
 import { getEmojiFromUnicode } from "@matrix-org/emojibase-bindings";
+import { PERMITTED_URL_SCHEMES, LINKIFIED_DATA_ATTRIBUTE } from "@element-hq/web-shared-components";
 
 import SettingsStore from "./settings/SettingsStore";
 import { stripHTMLReply, stripPlainReply } from "./utils/Reply";
-import { PERMITTED_URL_SCHEMES } from "@element-hq/web-shared-components";
 import { sanitizeHtmlParams, transformTags, linkifyHtml } from "./Linkify";
 import { graphemeSegmenter } from "./utils/strings";
 
@@ -325,7 +325,8 @@ function analyseEvent(content: IContent, highlights?: string[], opts: EventRende
         sanitizeParams = { ...sanitizeParams };
         if (typeof sanitizeParams.allowedAttributes === "object") {
             const attribs = { ...sanitizeParams.allowedAttributes };
-            attribs["a"] = [...sanitizeParams.allowedAttributes["a"], "data-linkified"];
+            // We allow data-linkified because TextualBody uses it to passthrough links.
+            attribs["a"] = [...sanitizeParams.allowedAttributes["a"], `data-${LINKIFIED_DATA_ATTRIBUTE}`];
             sanitizeParams.allowedAttributes = attribs;
         } // else: No attibutes are are allowed for "a"
     }
diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.tsx
index dc425be6584..f860723ce2e 100644
--- a/apps/web/src/Linkify.tsx
+++ b/apps/web/src/Linkify.tsx
@@ -7,14 +7,11 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type ReactElement } from "react";
 import sanitizeHtml, { type IOptions } from "sanitize-html";
 import {
     PERMITTED_URL_SCHEMES,
-    type LinkedTextProps,
     linkifyString as _linkifyString,
     linkifyHtml as _linkifyHtml,
-    LinkedText,
     LinkifyMatrixOpaqueIdType,
     generateLinkedTextOptions,
     type LinkEventListener,
@@ -229,14 +226,13 @@ function onAliasClick(event: MouseEvent, roomAlias: string): void {
     });
 }
 
-function urlEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
+function urlEventListeners(href: string): LinkEventListener {
     // intercept local permalinks to users and show them like userids (in userinfo of current room)
     try {
         const permalink = parsePermalink(href);
         if (permalink?.userId) {
             return {
                 click: function (e: MouseEvent) {
-                    onClickAction?.();
                     onUserClick(e, permalink.userId!);
                 },
             };
@@ -248,7 +244,6 @@ function urlEventListeners(href: string, onClickAction?: () => void): LinkEventL
                 return {
                     click: function (e: MouseEvent) {
                         e.preventDefault();
-                        onClickAction?.();
                         globalThis.location.hash = localHref;
                     },
                 };
@@ -260,22 +255,20 @@ function urlEventListeners(href: string, onClickAction?: () => void): LinkEventL
     return {};
 }
 
-export function userIdEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
+export function userIdEventListeners(href: string): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
-            onClickAction?.();
             const userId = parsePermalink(href)?.userId ?? href;
             if (userId) onUserClick(e, userId);
         },
     };
 }
 
-export function roomAliasEventListeners(href: string, onClickAction?: () => void): LinkEventListener {
+export function roomAliasEventListeners(href: string): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
             e.preventDefault();
-            onClickAction?.();
             const alias = parsePermalink(href)?.roomIdOrAlias ?? href;
             if (alias) onAliasClick(e, alias);
         },
@@ -321,7 +314,8 @@ export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): strin
         }
     }
 }
-const DefaultLinkifyOptions = {
+
+export const LinkedTextConfiguration = {
     userIdListener: userIdEventListeners,
     roomAliasListener: roomAliasEventListeners,
     urlListener: urlEventListeners,
@@ -329,31 +323,6 @@ const DefaultLinkifyOptions = {
     urlTargetTransformer: urlTargetTransformFunction,
 };
 
-/**
- * Wrapper around LinkedText providing Element Web specific hooks.
- */
-export function ElementLinkedText({
-    children,
-    onLinkClick,
-    ...props
-}: LinkedTextProps & { onLinkClick?: () => void }): ReactElement {
-    // If the component requires an additional action on click, inject ith ere.
-    const options = onLinkClick
-        ? {
-              ...DefaultLinkifyOptions,
-              userIdListener: (href: string) => userIdEventListeners(href, onLinkClick),
-              roomAliasListener: (href: string) => roomAliasEventListeners(href, onLinkClick),
-              urlListener: (href: string) => urlEventListeners(href, onLinkClick),
-          }
-        : DefaultLinkifyOptions;
-    console.log("ElementLinkedText", children);
-    return (
-        <LinkedText {...options} {...props}>
-            {children}
-        </LinkedText>
-    );
-}
-
 /**
  * Linkifies the given string. This is a wrapper around 'linkifyjs/string'.
  *
@@ -361,7 +330,7 @@ export function ElementLinkedText({
  * @param [options] Options for linkifyString.
  * @returns Linkified string
  */
-export function linkifyString(value: string, options = generateLinkedTextOptions(DefaultLinkifyOptions)): string {
+export function linkifyString(value: string, options = generateLinkedTextOptions(LinkedTextConfiguration)): string {
     return _linkifyString(value, options);
 }
 
@@ -372,7 +341,7 @@ export function linkifyString(value: string, options = generateLinkedTextOptions
  * @param [options] Options for linkifyHtml.
  * @returns Linkified string
  */
-export function linkifyHtml(value: string, options = generateLinkedTextOptions(DefaultLinkifyOptions)): string {
+export function linkifyHtml(value: string, options = generateLinkedTextOptions(LinkedTextConfiguration)): string {
     return _linkifyHtml(value, options);
 }
 
@@ -385,7 +354,7 @@ export function linkifyHtml(value: string, options = generateLinkedTextOptions(D
  */
 export function linkifyAndSanitizeHtml(
     dirtyHtml: string,
-    options = generateLinkedTextOptions(DefaultLinkifyOptions),
+    options = generateLinkedTextOptions(LinkedTextConfiguration),
 ): string {
     return sanitizeHtml(linkifyString(dirtyHtml, options), sanitizeHtmlParams);
 }
diff --git a/apps/web/src/components/structures/MatrixChat.tsx b/apps/web/src/components/structures/MatrixChat.tsx
index 5a1ff61cb01..da23b01bef1 100644
--- a/apps/web/src/components/structures/MatrixChat.tsx
+++ b/apps/web/src/components/structures/MatrixChat.tsx
@@ -28,7 +28,7 @@ import { TooltipProvider } from "@vector-im/compound-web";
 // what-input helps improve keyboard accessibility
 import "what-input";
 import sanitizeHtml from "sanitize-html";
-import { I18nContext } from "@element-hq/web-shared-components";
+import { I18nContext, LinkedTextContext, LinkedText } from "@element-hq/web-shared-components";
 import { LockSolidIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
 
 import PosthogTrackers from "../../PosthogTrackers";
@@ -139,7 +139,7 @@ import { setTheme } from "../../theme";
 import { type OpenForwardDialogPayload } from "../../dispatcher/payloads/OpenForwardDialogPayload";
 import { ShareFormat, type SharePayload } from "../../dispatcher/payloads/SharePayload";
 import Markdown from "../../Markdown";
-import { ElementLinkedText, sanitizeHtmlParams } from "../../Linkify";
+import { LinkedTextConfiguration, sanitizeHtmlParams } from "../../Linkify";
 import { isOnlyAdmin } from "../../utils/membership";
 import { ModuleApi } from "../../modules/Api.ts";
 
@@ -1458,7 +1458,7 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
                     key,
                     title: userNotice.title,
                     props: {
-                        description: <ElementLinkedText>{userNotice.description}</ElementLinkedText>,
+                        description: <LinkedText>{userNotice.description}</LinkedText>,
                         primaryLabel: _t("action|ok"),
                         onPrimaryClick: () => {
                             ToastStore.sharedInstance().dismissToast(key);
@@ -2291,7 +2291,9 @@ export default class MatrixChat extends React.PureComponent<IProps, IState> {
             <ErrorBoundary>
                 <I18nContext.Provider value={ModuleApi.instance.i18n}>
                     <SDKContext.Provider value={this.stores}>
-                        <TooltipProvider>{view}</TooltipProvider>
+                        <LinkedTextContext.Provider value={LinkedTextConfiguration}>
+                            <TooltipProvider>{view}</TooltipProvider>
+                        </LinkedTextContext.Provider>
                     </SDKContext.Provider>
                 </I18nContext.Provider>
             </ErrorBoundary>
diff --git a/apps/web/src/components/structures/SpaceHierarchy.tsx b/apps/web/src/components/structures/SpaceHierarchy.tsx
index 43c7d252ed8..27a3ac88230 100644
--- a/apps/web/src/components/structures/SpaceHierarchy.tsx
+++ b/apps/web/src/components/structures/SpaceHierarchy.tsx
@@ -41,6 +41,7 @@ import { sortBy, uniqBy } from "lodash";
 import { logger } from "matrix-js-sdk/src/logger";
 import { KnownMembership, type SpaceChildEventContent } from "matrix-js-sdk/src/types";
 import { ChevronDownIcon, CheckIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
+import { LinkedText } from "@element-hq/web-shared-components";
 
 import defaultDispatcher from "../../dispatcher/dispatcher";
 import { _t } from "../../languageHandler";
@@ -73,7 +74,7 @@ import SettingsStore from "../../settings/SettingsStore";
 import { filterBoolean } from "../../utils/arrays.ts";
 import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
 import RoomContext from "../../contexts/RoomContext.ts";
-import { ElementLinkedText } from "../../Linkify.tsx";
+import { LinkedTextConfiguration } from "../../Linkify.tsx";
 
 interface IProps {
     space: Room;
@@ -233,13 +234,9 @@ const Tile: React.FC<ITileProps> = ({
     }
 
     let topicSection: ReactNode | undefined;
-    if (topic) {
-        topicSection = (
-            <ElementLinkedText canClick={false}>
-                {" · "}
-                {topic}
-            </ElementLinkedText>
-        );
+    if (topic) {{
+        // prevent clicks on links from bubbling up to the room tile
+        topicSection = <LinkedText onLinkClick={(ev) => ev.stopPropagation()}>{" · "}{topic}</LinkedText>;
     }
 
     let joinedSection: ReactElement | undefined;
diff --git a/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
index 244486473b4..71c16b47d44 100644
--- a/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
+++ b/apps/web/src/components/views/dialogs/InteractiveAuthDialog.tsx
@@ -11,6 +11,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX } from "react";
 import { type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { type AuthType } from "matrix-js-sdk/src/interactive-auth";
+import { LinkedText } from "@element-hq/web-shared-components";
 
 import { _t } from "../../../languageHandler";
 import AccessibleButton from "../elements/AccessibleButton";
@@ -21,7 +22,6 @@ import InteractiveAuth, {
 } from "../../structures/InteractiveAuth";
 import { type ContinueKind, SSOAuthEntry } from "../auth/InteractiveAuthEntryComponents";
 import BaseDialog from "./BaseDialog";
-import { ElementLinkedText } from "../../../Linkify";
 
 type DialogAesthetics = Partial<{
     [x in AuthType]: {
@@ -163,9 +163,9 @@ export default class InteractiveAuthDialog<T> extends React.Component<Interactiv
         if (this.state.authError) {
             content = (
                 <div id="mx_Dialog_content">
-                    <ElementLinkedText role="alert">
+                    <LinkedText role="alert">
                         {this.state.authError.message || this.state.authError.toString()}
-                    </ElementLinkedText>
+                    </LinkedText>
                     <br />
                     <AccessibleButton onClick={this.onDismissClick} className="mx_GeneralButton" autoFocus={true}>
                         {_t("action|dismiss")}
diff --git a/apps/web/src/components/views/elements/RoomTopic.tsx b/apps/web/src/components/views/elements/RoomTopic.tsx
index b9df6f80288..e539c9c7d3f 100644
--- a/apps/web/src/components/views/elements/RoomTopic.tsx
+++ b/apps/web/src/components/views/elements/RoomTopic.tsx
@@ -10,6 +10,7 @@ import React, { type JSX, useCallback, useContext, useState } from "react";
 import { type Room, EventType } from "matrix-js-sdk/src/matrix";
 import classNames from "classnames";
 import { Tooltip } from "@vector-im/compound-web";
+import { LinkedText } from "@element-hq/web-shared-components";
 
 import { useTopic } from "../../../hooks/room/useTopic";
 import { _t } from "../../../languageHandler";
@@ -22,7 +23,6 @@ import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import AccessibleButton from "./AccessibleButton";
 import { topicToHtml } from "../../../HtmlUtils";
 import { tryTransformPermalinkToLocalHref } from "../../../utils/permalinks/Permalinks";
-import { ElementLinkedText } from "../../../Linkify";
 
 interface IProps extends React.HTMLProps<HTMLDivElement> {
     room: Room;
@@ -75,7 +75,7 @@ export default function RoomTopic({ room, className, ...props }: IProps): JSX.El
                 title: room.name,
                 description: (
                     <div>
-                        <ElementLinkedText onLinkClick={() => modal.close()}>{body}</ElementLinkedText>
+                        <LinkedText onLinkClick={() => modal.close()}>{body}</LinkedText>
                         {canSetTopic && (
                             <AccessibleButton
                                 kind="primary_outline"
@@ -111,7 +111,7 @@ export default function RoomTopic({ room, className, ...props }: IProps): JSX.El
                 onFocus={onHover}
                 aria-label={_t("room|read_topic")}
             >
-                <ElementLinkedText>{body}</ElementLinkedText>
+                <LinkedText>{body}</LinkedText>
             </div>
         </Tooltip>
     );
diff --git a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
index 8687fdda08b..4514ee231e6 100644
--- a/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
+++ b/apps/web/src/components/views/right_panel/RoomSummaryCardView.tsx
@@ -39,7 +39,7 @@ import ErrorIcon from "@vector-im/compound-design-tokens/assets/web/icons/error"
 import ErrorSolidIcon from "@vector-im/compound-design-tokens/assets/web/icons/error-solid";
 import ChevronDownIcon from "@vector-im/compound-design-tokens/assets/web/icons/chevron-down";
 import { JoinRule, type Room } from "matrix-js-sdk/src/matrix";
-import { Box, Flex, HistoryVisibilityBadge } from "@element-hq/web-shared-components";
+import { Box, Flex, HistoryVisibilityBadge, LinkedText } from "@element-hq/web-shared-components";
 
 import BaseCard from "./BaseCard.tsx";
 import { _t } from "../../../languageHandler.tsx";
@@ -50,7 +50,6 @@ import { topicToHtml } from "../../../HtmlUtils.tsx";
 import { useRoomSummaryCardViewModel } from "../../viewmodels/right_panel/RoomSummaryCardViewModel.tsx";
 import { useRoomTopicViewModel } from "../../viewmodels/right_panel/RoomSummaryCardTopicViewModel.tsx";
 import { useRoomName } from "../../../hooks/useRoomName.ts";
-import { ElementLinkedText } from "../../../Linkify.tsx";
 
 interface IProps {
     room: Room;
@@ -90,7 +89,7 @@ const RoomTopic: React.FC<Pick<IProps, "room">> = ({ room }): JSX.Element | null
         );
     }
 
-    const content = vm.expanded ? <ElementLinkedText as="span">{body}</ElementLinkedText> : body;
+    const content = vm.expanded ? <LinkedText as="span">{body}</LinkedText> : body;
 
     return (
         <Flex
diff --git a/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx b/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
index 4362979b598..5e0b42f6504 100644
--- a/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
+++ b/apps/web/src/components/views/rooms/LinkPreviewWidget.tsx
@@ -9,6 +9,7 @@ Please see LICENSE files in the repository root for full details.
 import React, { type JSX, type ComponentProps, createRef, type ReactNode } from "react";
 import { decode } from "html-entities";
 import { type MatrixEvent, type IPreviewUrlResponse } from "matrix-js-sdk/src/matrix";
+import { LinkedText } from "@element-hq/web-shared-components";
 
 import Modal from "../../../Modal";
 import * as ImageUtils from "../../../ImageUtils";
@@ -16,7 +17,6 @@ import { mediaFromMxc } from "../../../customisations/Media";
 import ImageView from "../elements/ImageView";
 import LinkWithTooltip from "../elements/LinkWithTooltip";
 import PlatformPeg from "../../../PlatformPeg";
-import { ElementLinkedText } from "../../../Linkify";
 
 interface IProps {
     link: string;
@@ -128,7 +128,7 @@ export default class LinkPreviewWidget extends React.Component<IProps> {
                             )}
                         </div>
                         <div className="mx_LinkPreviewWidget_description">
-                            <ElementLinkedText>{description}</ElementLinkedText>
+                            <LinkedText>{description}</LinkedText>
                         </div>
                     </div>
                 </div>
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index 5551827796e..958764fa881 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -10,7 +10,7 @@ import React, { type JSX, useContext, useMemo } from "react";
 import { EventType, type Room, type User, type MatrixClient } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
 import { ErrorSolidIcon, UserAddIcon } from "@vector-im/compound-design-tokens/assets/web/icons";
-import { EventTileBubble } from "@element-hq/web-shared-components";
+import { EventTileBubble, LinkedText } from "@element-hq/web-shared-components";
 
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import DMRoomMap from "../../../utils/DMRoomMap";
@@ -33,7 +33,6 @@ import { shouldEncryptRoomWithSingle3rdPartyInvite } from "../../../utils/room/s
 import { useScopedRoomContext } from "../../../contexts/ScopedRoomContext.tsx";
 import { useTopic } from "../../../hooks/room/useTopic";
 import { topicToHtml } from "../../../HtmlUtils";
-import { ElementLinkedText } from "../../../Linkify.tsx";
 
 function hasExpectedEncryptionSettings(matrixClient: MatrixClient, room: Room): boolean {
     const isEncrypted: boolean = matrixClient.isRoomEncrypted(room.roomId);
@@ -70,7 +69,7 @@ const NewRoomIntro: React.FC = () => {
         if (dmPartner) {
             return undefined;
         }
-        return <ElementLinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</ElementLinkedText>;
+        return <LinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</LinkedText>;
     }, [topic, dmPartner]);
 
     if (!room || !roomId) {
diff --git a/apps/web/src/slash-commands/SlashCommands.tsx b/apps/web/src/slash-commands/SlashCommands.tsx
index 78081f08e3c..f3e1d1ed85a 100644
--- a/apps/web/src/slash-commands/SlashCommands.tsx
+++ b/apps/web/src/slash-commands/SlashCommands.tsx
@@ -20,6 +20,7 @@ import {
 } from "matrix-js-sdk/src/matrix";
 import { logger } from "matrix-js-sdk/src/logger";
 import { KnownMembership, type RoomMemberEventContent } from "matrix-js-sdk/src/types";
+import { LinkedText } from "@element-hq/web-shared-components";
 
 import dis from "../dispatcher/dispatcher";
 import { _t, _td, UserFriendlyError } from "../languageHandler";
@@ -61,7 +62,6 @@ import { goto, join } from "./join";
 import { manuallyVerifyDevice } from "../components/views/dialogs/ManualDeviceKeyVerificationDialog";
 import upgraderoom from "./upgraderoom/upgraderoom";
 import { emoticon } from "./emoticon";
-import { ElementLinkedText } from "../Linkify";
 
 export { CommandCategories, Command };
 
@@ -271,7 +271,7 @@ export const Commands = [
 
             Modal.createDialog(InfoDialog, {
                 title: room.name,
-                description: <ElementLinkedText>{body}</ElementLinkedText>,
+                description: <LinkedText>{body}</LinkedText>,
                 hasCloseButton: true,
                 className: "markdown-body",
             });
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index 6568e4c6f2a..8cbc46af291 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -5,11 +5,12 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import React from "react";
+import React, { type ComponentProps } from "react";
 import { fn } from "storybook/test";
 
 import type { Meta, StoryFn } from "@storybook/react-vite";
 import { LinkedText } from "./LinkedText";
+import { LinkedTextContext } from "./LinkedTextContext";
 
 export default {
     title: "Utils/LinkedText",
@@ -21,21 +22,20 @@ export default {
         canClick: { control: "boolean" },
     },
     tags: ["autodocs"],
-} satisfies Meta<typeof LinkedText>;
+} satisfies Meta<ComponentProps<typeof LinkedText> & ComponentProps<typeof LinkedTextContext>["value"]>;
 
-const Template: StoryFn<typeof LinkedText> = ({ children, ...args }) => <LinkedText {...args}>{children}</LinkedText>;
+const Template: StoryFn<ComponentProps<typeof LinkedText> & ComponentProps<typeof LinkedTextContext>["value"]> = ({
+    children,
+    ...args
+}) => (
+    <LinkedTextContext.Provider value={args}>
+        <LinkedText>{children}</LinkedText>
+    </LinkedTextContext.Provider>
+);
 
 export const Default = Template.bind({});
 Default.args = {};
 
-export const Unclickable = Template.bind({});
-Unclickable.tags = ["skip-test"];
-
-Unclickable.args = {
-    children: "I love working on https://matrix.org.",
-    canClick: false,
-};
-
 export const WithUserId = Template.bind({});
 
 WithUserId.args = {
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
index f1a5a8258cb..1feb94c5b2f 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
@@ -6,54 +6,40 @@
  */
 
 import { Link, Text } from "@vector-im/compound-web";
-import React, { useMemo, type ComponentProps } from "react";
+import React, { type ComponentProps } from "react";
 import classNames from "classnames";
 import Linkify from "linkify-react";
 
-import type { Opts } from "linkifyjs";
 import styles from "./LinkedText.module.css";
-import { generateLinkedTextOptions, type LinkedTextOptions } from "../linkify";
-
-export type LinkedTextProps = ComponentProps<typeof Text> & LinkedTextOptions;
+import { generateLinkedTextOptions } from "../linkify";
+import { useLinkedTextContext } from "./LinkedTextContext";
 
+export type LinkedTextProps = ComponentProps<typeof Text> & { onLinkClick: (ev: MouseEvent) => void };
 /**
  * A component that renders URLs as clickable links inside some plain text.
  *
+ * Requires a `<LinkedTextContext.Provider>`
+ *
  * @example
  * ```tsx
- * <LinkedText>
- *     I love working on https://matrix.org
- * </LinkedText>
+ * <LinkedTextContext.Provider value={...}>
+ *     <LinkedText>
+ *         I love working on https://matrix.org
+ *     </LinkedText>
+ * </LinkedTextContext.Provider>
  * ```
  */
-export function LinkedText({
-    children,
-    className,
-    userIdListener,
-    roomAliasListener,
-    urlListener,
-    urlTargetTransformer,
-    hrefTransformer,
-    canClick,
-    ...textProps
-}: LinkedTextProps): React.ReactNode {
-    const options = useMemo<Opts>(
-        () => ({
-            render: Link,
-            ...generateLinkedTextOptions({
-                canClick,
-                urlListener,
-                hrefTransformer,
-                urlTargetTransformer,
-                userIdListener,
-                roomAliasListener,
-            }),
-        }),
-        [canClick, urlListener, hrefTransformer, urlTargetTransformer, userIdListener, roomAliasListener],
-    );
-
+export function LinkedText({ children, className, onLinkClick, ...textProps }: LinkedTextProps): React.ReactNode {
+    const options = useLinkedTextContext();
+    const linkifyOptions = generateLinkedTextOptions({ ...options, onLinkClick });
+    // todo: onLinkClick
     return (
-        <Linkify className={classNames(styles.container, className)} as={Text} options={options} {...textProps}>
+        <Linkify
+            className={classNames(styles.container, className)}
+            as={Text}
+            options={{ ...linkifyOptions, render: Link }}
+            {...textProps}
+        >
             {children}
         </Linkify>
     );
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedTextContext.tsx b/packages/shared-components/src/utils/LinkedText/LinkedTextContext.tsx
new file mode 100644
index 00000000000..00d190b17e8
--- /dev/null
+++ b/packages/shared-components/src/utils/LinkedText/LinkedTextContext.tsx
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { createContext, useContext } from "react";
+
+import type { LinkEventListener, LinkifyMatrixOpaqueIdType } from "../linkify";
+
+export interface LinkedTextConfiguration {
+    /**
+     * Event handlers for URL links.
+     */
+    urlListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for room alias links.
+     */
+    roomAliasListener?: (href: string) => LinkEventListener;
+    /**
+     * Event handlers for user ID links.
+     */
+    userIdListener?: (href: string) => LinkEventListener;
+    /**
+     * Function that can be used to transform the `target` attribute on links, depending on the `href`.
+     */
+    urlTargetTransformer?: (href: string) => string;
+    /**
+     * Function that can be used to transform the `href` attribute on links, depending on the current href and target type.
+     */
+    hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
+}
+
+export const LinkedTextContext = createContext<LinkedTextConfiguration | null>(null);
+LinkedTextContext.displayName = "LinkedTextContext";
+
+/**
+ * A hook to get the linked text configuration from the context. Will throw if no LinkedTextContext is found.
+ * @throws If no LinkedTextContext context is found
+ * @returns The linked text configuration from the context
+ */
+export function useLinkedTextContext(): LinkedTextConfiguration {
+    const config = useContext(LinkedTextContext);
+
+    if (!config) {
+        throw new Error("useLinkedTextContextOpts must be used within an LinkedTextContext.Provider");
+    }
+    return config;
+}
diff --git a/packages/shared-components/src/utils/LinkedText/index.ts b/packages/shared-components/src/utils/LinkedText/index.ts
index 5581424c498..ba7276e8710 100644
--- a/packages/shared-components/src/utils/LinkedText/index.ts
+++ b/packages/shared-components/src/utils/LinkedText/index.ts
@@ -6,3 +6,4 @@
  */
 
 export { LinkedText, type LinkedTextProps } from "./LinkedText";
+export { LinkedTextContext, useLinkedTextContext } from "./LinkedTextContext";
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 92fddb7fbb5..6e6ca3d0cb3 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -173,10 +173,9 @@ export interface LinkedTextOptions {
      */
     hrefTransformer?: (href: string, target: LinkifyMatrixOpaqueIdType) => string;
     /**
-     * If `false`, links are not clickable and only highlighted.
-     * Defaults to `true`.
+     * Function called before all listeners when a link is clicked.
      */
-    canClick?: boolean;
+    onLinkClick?: (ev: MouseEvent) => void;
 }
 
 /**
@@ -193,10 +192,9 @@ export function generateLinkedTextOptions({
     userIdListener,
     urlTargetTransformer,
     hrefTransformer,
-    canClick,
+    onLinkClick,
 }: LinkedTextOptions): linkifyjs.Opts {
     const events = (href: string, type: string): LinkEventListener => {
-        // Attach click handlers to links based on their type
         switch (type as LinkifyMatrixOpaqueIdType) {
             case LinkifyMatrixOpaqueIdType.URL: {
                 if (urlListener) {
@@ -223,18 +221,18 @@ export function generateLinkedTextOptions({
         const attrs: Record<string, unknown> = {
             [`data-${LINKIFIED_DATA_ATTRIBUTE}`]: "true",
         };
-
-        // Sometimes components want to render links to prettify but not make them clicky.
-        if (canClick === false) {
-            attrs.href = undefined;
-        } else {
-            const options = events(href, type);
-            // linkify-react doesn't respect `events` and needs it mapping to React attributes
-            // so we need to manually add the click handler to the attributes
-            // https://linkify.js.org/docs/linkify-react.html#events
-            if (options?.click) {
-                attrs.onClick = options.click;
-            }
+        // linkify-react doesn't respect `events` and needs it mapping to React attributes
+        // so we need to manually add the click handler to the attributes
+        // https://linkify.js.org/docs/linkify-react.html#events
+        const options = events(href, type);
+        if (options?.click) {
+            attrs.onClick = options.click;
+        }
+        if (onLinkClick) {
+            attrs.onClick = (ev: MouseEvent) => {
+                onLinkClick(ev);
+                options?.click?.(ev);
+            };
         }
 
         return attrs;
@@ -252,7 +250,7 @@ export function generateLinkedTextOptions({
             }
             return "_blank";
         },
-        ...(hrefTransformer && canClick !== false
+        ...(hrefTransformer
             ? {
                   formatHref: (href, type) => hrefTransformer(href, type as LinkifyMatrixOpaqueIdType),
               }

From e2aa463096317325984a074fce5bddad7e8ef739 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 08:33:20 +0000
Subject: [PATCH 33/48] Revert unrelated change.

---
 apps/web/src/utils/permalinks/Permalinks.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/utils/permalinks/Permalinks.ts b/apps/web/src/utils/permalinks/Permalinks.ts
index 37d968945a5..8b8c850fc49 100644
--- a/apps/web/src/utils/permalinks/Permalinks.ts
+++ b/apps/web/src/utils/permalinks/Permalinks.ts
@@ -374,7 +374,7 @@ export function tryTransformPermalinkToLocalHref(permalink: string): string {
     }
 
     try {
-        const m = ELEMENT_URL_PATTERN.exec(decodeURIComponent(permalink));
+        const m = decodeURIComponent(permalink).match(ELEMENT_URL_PATTERN);
         if (m) {
             return m[1];
         }
@@ -410,7 +410,7 @@ export function getPrimaryPermalinkEntity(permalink: string): string | null {
 
         // If not a permalink, try the vector patterns.
         if (!permalinkParts) {
-            const m = ELEMENT_URL_PATTERN.exec(permalink);
+            const m = permalink.match(ELEMENT_URL_PATTERN);
             if (m) {
                 // A bit of a hack, but it gets the job done
                 const handler = new ElementPermalinkConstructor("http://localhost");

From 51b8c6f4406d55045e7890cd109e113613a907cd Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 08:40:45 +0000
Subject: [PATCH 34/48] more cleanup

---
 apps/web/package.json                         |  4 ++++
 .../components/structures/SpaceHierarchy.tsx  | 10 +++++---
 apps/web/src/utils/Reply.ts                   |  4 ++--
 .../src/utils/LinkedText/LinkedText.test.tsx  |  3 +--
 .../src/utils/LinkedText/LinkedText.tsx       | 10 ++++++--
 .../src/utils/linkify.test.ts                 | 11 ++++++++-
 .../shared-components/src/utils/linkify.ts    |  7 +++---
 pnpm-lock.yaml                                | 24 +++++++++----------
 8 files changed, 48 insertions(+), 25 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index 6860881367d..f31b58ed11f 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -78,6 +78,10 @@
         "jsrsasign": "^11.0.0",
         "jszip": "^3.7.0",
         "katex": "^0.16.0",
+        "linkify-html": "4.3.2",
+        "linkify-react": "4.3.2",
+        "linkify-string": "4.3.2",
+        "linkifyjs": "4.3.2",
         "lodash": "npm:lodash-es@^4.17.21",
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
diff --git a/apps/web/src/components/structures/SpaceHierarchy.tsx b/apps/web/src/components/structures/SpaceHierarchy.tsx
index 27a3ac88230..779ac9f5c27 100644
--- a/apps/web/src/components/structures/SpaceHierarchy.tsx
+++ b/apps/web/src/components/structures/SpaceHierarchy.tsx
@@ -74,7 +74,6 @@ import SettingsStore from "../../settings/SettingsStore";
 import { filterBoolean } from "../../utils/arrays.ts";
 import { type RoomViewStore } from "../../stores/RoomViewStore.tsx";
 import RoomContext from "../../contexts/RoomContext.ts";
-import { LinkedTextConfiguration } from "../../Linkify.tsx";
 
 interface IProps {
     space: Room;
@@ -234,9 +233,14 @@ const Tile: React.FC<ITileProps> = ({
     }
 
     let topicSection: ReactNode | undefined;
-    if (topic) {{
+    if (topic) {
         // prevent clicks on links from bubbling up to the room tile
-        topicSection = <LinkedText onLinkClick={(ev) => ev.stopPropagation()}>{" · "}{topic}</LinkedText>;
+        topicSection = (
+            <LinkedText onLinkClick={(ev) => ev.stopPropagation()}>
+                {" · "}
+                {topic}
+            </LinkedText>
+        );
     }
 
     let joinedSection: ReactElement | undefined;
diff --git a/apps/web/src/utils/Reply.ts b/apps/web/src/utils/Reply.ts
index e5909ffcc08..3b595e86934 100644
--- a/apps/web/src/utils/Reply.ts
+++ b/apps/web/src/utils/Reply.ts
@@ -1,4 +1,5 @@
 /*
+ * Copyright 2026 Element Creations Ltd.
  * Copyright 2024 New Vector Ltd.
  * Copyright 2023 The Matrix.org Foundation C.I.C.
  * Copyright 2021 Šimon Brandner <simon.bra.ag@gmail.com>
@@ -9,8 +10,7 @@
 
 import { type IContent, type IEventRelation, type MatrixEvent, THREAD_RELATION_TYPE } from "matrix-js-sdk/src/matrix";
 import sanitizeHtml from "sanitize-html";
-
-import { PERMITTED_URL_SCHEMES } from "./UrlUtils";
+import { PERMITTED_URL_SCHEMES } from "@element-hq/web-shared-components";
 
 export function getParentEventId(ev?: MatrixEvent): string | undefined {
     if (!ev || ev.isRedacted()) return;
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
index ba57a8f892f..ef6a0e5182d 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
@@ -14,8 +14,7 @@ import * as stories from "./LinkedText.stories.tsx";
 import { LinkedText } from "./LinkedText.tsx";
 import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "../linkify";
 
-const { Default, Unclickable, WithUserId, WithRoomAlias, WithCustomHref, WithCustomUrlTarget } =
-    composeStories(stories);
+const { Default, WithUserId, WithRoomAlias, WithCustomHref, WithCustomUrlTarget } = composeStories(stories);
 
 describe("LinkedText", () => {
     it.each(
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
index 1feb94c5b2f..5290ce0935c 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.tsx
@@ -14,7 +14,14 @@ import styles from "./LinkedText.module.css";
 import { generateLinkedTextOptions } from "../linkify";
 import { useLinkedTextContext } from "./LinkedTextContext";
 
-export type LinkedTextProps = ComponentProps<typeof Text> & { onLinkClick: (ev: MouseEvent) => void };
+export type LinkedTextProps = ComponentProps<typeof Text> & {
+    /**
+     * Handler for when a link within the component is clicked. This will run
+     * *before* any LinkedTextContext handlers are run.
+     * @param ev The event raised by the click.
+     */
+    onLinkClick?: (ev: MouseEvent) => void;
+};
 /**
  * A component that renders URLs as clickable links inside some plain text.
  *
@@ -32,7 +39,6 @@ export type LinkedTextProps = ComponentProps<typeof Text> & { onLinkClick: (ev:
 export function LinkedText({ children, className, onLinkClick, ...textProps }: LinkedTextProps): React.ReactNode {
     const options = useLinkedTextContext();
     const linkifyOptions = generateLinkedTextOptions({ ...options, onLinkClick });
-    // todo: onLinkClick
     return (
         <Linkify
             className={classNames(styles.container, className)}
diff --git a/packages/shared-components/src/utils/linkify.test.ts b/packages/shared-components/src/utils/linkify.test.ts
index 7ba2311bb51..b2fd9903d32 100644
--- a/packages/shared-components/src/utils/linkify.test.ts
+++ b/packages/shared-components/src/utils/linkify.test.ts
@@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
 
 import { describe, it, expect } from "vitest";
 
-import { findLinksInString, isLinkable, LinkifyMatrixOpaqueIdType } from "./linkify";
+import { findLinksInString, isLinkable, linkifyHtml, LinkifyMatrixOpaqueIdType } from "./linkify";
 
 describe("linkify-matrix", () => {
     const linkTypesByInitialCharacter: Record<string, string> = {
@@ -399,4 +399,13 @@ describe("linkify-matrix", () => {
             });
         }
     });
+    describe("linkifyHtml", () => {
+        it("removes any existing data-linkified", () => {
+            expect(
+                linkifyHtml("<span data-linkfied><a data-linkfied href='evil://com'>evil.com</a></span>"),
+            ).toMatchInlineSnapshot(
+                `"<span data-linkfied=""><a data-linkfied="" href="evil://com">evil.com</a></span>"`,
+            );
+        });
+    });
 });
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index 6e6ca3d0cb3..b7ab78c9bdc 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -275,9 +275,10 @@ export function findLinksInString(str: string): ReturnType<typeof linkifyjs.find
 }
 
 /**
- * Is the given string considered linkable, as in it looks
- * like a URL and uses a permitted protocol.
- * This does not trim the string.
+ * Is the provided value something that would be converted to a clickable
+ * link.
+ *
+ * E.g. 'https://matrix.org', `matrix.org` or 'example@matrix.org'
  *
  * @param str A string value to be tested if the entire value is linkable.
  * @returns Whether or not the `str` value is a link.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7512e8efce6..33d8ce5686a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -267,6 +267,18 @@ importers:
       katex:
         specifier: ^0.16.0
         version: 0.16.33
+      linkify-html:
+        specifier: 4.3.2
+        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
+      linkify-react:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
+      linkify-string:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)
+      linkifyjs:
+        specifier: 4.3.2
+        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23
@@ -766,18 +778,6 @@ importers:
       html-react-parser:
         specifier: ^5.2.2
         version: 5.2.17(@types/react@19.2.10)(react@19.2.4)
-      linkify-html:
-        specifier: 4.3.2
-        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
-      linkify-react:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
-      linkify-string:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)
-      linkifyjs:
-        specifier: 4.3.2
-        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23

From d9dd9cc428d7248d6ce1f1a4dade7f2254578034 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 08:55:06 +0000
Subject: [PATCH 35/48] Add a test to cover ignoring incoming data elements

---
 apps/web/src/{Linkify.tsx => Linkify.ts}    |  0
 apps/web/test/unit-tests/HtmlUtils-test.tsx | 21 +++++++++++++++++++++
 2 files changed, 21 insertions(+)
 rename apps/web/src/{Linkify.tsx => Linkify.ts} (100%)

diff --git a/apps/web/src/Linkify.tsx b/apps/web/src/Linkify.ts
similarity index 100%
rename from apps/web/src/Linkify.tsx
rename to apps/web/src/Linkify.ts
diff --git a/apps/web/test/unit-tests/HtmlUtils-test.tsx b/apps/web/test/unit-tests/HtmlUtils-test.tsx
index 2201e73ed8f..e56d7203cca 100644
--- a/apps/web/test/unit-tests/HtmlUtils-test.tsx
+++ b/apps/web/test/unit-tests/HtmlUtils-test.tsx
@@ -124,6 +124,27 @@ describe("bodyToHtml", () => {
         );
     });
 
+    it("should ignore data-linkified in incoming links but should be applied to linkified links", () => {
+        getMockClientWithEventEmitter({});
+        const html = bodyToHtml(
+            {
+                body: "foo http://link.example/test/path bar",
+                msgtype: "m.text",
+                formatted_body:
+                    'foo <a data-linkfied="true" href="http://link.example/test/path">http://link.example/test/path</a> bar with https://example.org',
+                format: "org.matrix.custom.html",
+            },
+            [],
+            {
+                linkify: true,
+            },
+        );
+
+        expect(html).toMatchInlineSnapshot(
+            `"foo <a href="http://link.example/test/path" target="_blank" rel="noreferrer noopener">http://link.example/test/path</a> bar with <a href="https://example.org" target="_blank" rel="noreferrer noopener" data-linkified="true">https://example.org</a>"`,
+        );
+    });
+
     it("does not mistake characters in text presentation mode for emoji", () => {
         const { asFragment } = render(
             <span className="mx_EventTile_body translate" dir="auto">

From bceed657d002ad5f622a33dc1f97ff49feb48250 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 09:15:19 +0000
Subject: [PATCH 36/48] Make tests happy

---
 .../components/views/elements/RoomTopic-test.tsx     |  5 ++++-
 .../views/right_panel/RoomSummaryCardView-test.tsx   |  5 ++++-
 .../__snapshots__/RoomSummaryCardView-test.tsx.snap  | 12 ++++++------
 .../components/views/rooms/NewRoomIntro-test.tsx     |  5 ++++-
 .../rooms/__snapshots__/NewRoomIntro-test.tsx.snap   |  6 +++---
 5 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
index 47bc39fdd7d..a1dc030cb8f 100644
--- a/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
+++ b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
@@ -16,6 +16,7 @@ import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
 import RoomTopic from "../../../../../src/components/views/elements/RoomTopic";
 import dis from "../../../../../src/dispatcher/dispatcher";
 import { Action } from "../../../../../src/dispatcher/actions";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 jest.mock("../../../../../src/dispatcher/dispatcher");
 
@@ -52,7 +53,9 @@ describe("<RoomTopic/>", () => {
      */
     const renderRoom = (topic: string) => {
         const room = createRoom(topic);
-        render(<RoomTopic room={room} />);
+        render(<RoomTopic room={room} />, {
+            wrapper: ({ children }) => <LinkedTextContext.Provider value={{}}>{children}</LinkedTextContext.Provider>,
+        });
     };
 
     /**
diff --git a/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
index 44b7fe83171..2a1883cbf17 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
+++ b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
@@ -22,6 +22,7 @@ import {
     useRoomSummaryCardViewModel,
 } from "../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel";
 import DMRoomMap from "../../../../../src/utils/DMRoomMap";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 // Mock the viewmodel hooks
 jest.mock("../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel", () => ({
@@ -44,7 +45,9 @@ describe("<RoomSummaryCard />", () => {
 
         return render(<RoomSummaryCardView {...defaultProps} {...props} />, {
             wrapper: ({ children }) => (
-                <MatrixClientContext.Provider value={mockClient}>{children}</MatrixClientContext.Provider>
+                <MatrixClientContext.Provider value={mockClient}>
+                    <LinkedTextContext.Provider value={{}}>{children}</LinkedTextContext.Provider>
+                </MatrixClientContext.Provider>
             ),
         });
     };
diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index aaadb2a52da..25f4df9dae3 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -141,15 +141,15 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
             <p
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
-              <p
-                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
+              <span
+                class="_container_qfblg_8"
               >
                 <span
                   dir="auto"
                 >
                   This is the room's topic.
                 </span>
-              </p>
+              </span>
             </p>
             <button
               class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
@@ -1577,15 +1577,15 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
             <p
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
-              <p
-                class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
+              <span
+                class="_container_qfblg_8"
               >
                 <span
                   dir="auto"
                 >
                   This is the room's topic.
                 </span>
-              </p>
+              </span>
             </p>
             <button
               class="_icon-button_1215g_8 mx_RoomSummaryCard_topic_chevron"
diff --git a/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx b/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx
index 8d31e6d84cb..8f0798cfa60 100644
--- a/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx
+++ b/apps/web/test/unit-tests/components/views/rooms/NewRoomIntro-test.tsx
@@ -11,6 +11,7 @@ import React from "react";
 import { render, screen } from "jest-matrix-react";
 import { EventTimeline, type MatrixClient, Room } from "matrix-js-sdk/src/matrix";
 import { KnownMembership } from "matrix-js-sdk/src/types";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 import { LocalRoom } from "../../../../../src/models/LocalRoom";
 import {
@@ -32,7 +33,9 @@ const renderNewRoomIntro = (client: MatrixClient, room: Room | LocalRoom) => {
     render(
         <MatrixClientContext.Provider value={client}>
             <ScopedRoomContextProvider {...({ room, roomId: room.roomId } as unknown as RoomContextType)}>
-                <NewRoomIntro />
+                <LinkedTextContext.Provider value={{}}>
+                    <NewRoomIntro />
+                </LinkedTextContext.Provider>
             </ScopedRoomContextProvider>
         </MatrixClientContext.Provider>,
     );
diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
index 21079d5143f..f5316275fae 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
@@ -6,8 +6,8 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
 >
   <span>
     Topic: 
-    <p
-      class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 _container_3pbrs_1"
+    <span
+      class="_container_qfblg_8"
     >
       <span
         dir="auto"
@@ -22,7 +22,7 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
           https://matrix.org/
         </a>
       </span>
-    </p>
+    </span>
   </span>
 </p>
 `;

From 813b295e3cff9cf753b77cc480f7dfef50bd97f9 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 09:15:33 +0000
Subject: [PATCH 37/48] Update tests for LinkedText

---
 .../src/utils/LinkedText/LinkedText.test.tsx  | 35 ++++++++++++++-----
 .../__snapshots__/LinkedText.test.tsx.snap    | 18 ----------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
index ef6a0e5182d..850bcb0c153 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.test.tsx
@@ -6,13 +6,15 @@
  */
 
 import { render } from "@test-utils";
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, vitest } from "vitest";
 import React from "react";
 import { composeStories } from "@storybook/react-vite";
+import userEvent from "@testing-library/user-event";
 
 import * as stories from "./LinkedText.stories.tsx";
 import { LinkedText } from "./LinkedText.tsx";
 import { LinkifyOptionalSlashProtocols, PERMITTED_URL_SCHEMES } from "../linkify";
+import { LinkedTextContext } from "./LinkedTextContext.tsx";
 
 const { Default, WithUserId, WithRoomAlias, WithCustomHref, WithCustomUrlTarget } = composeStories(stories);
 
@@ -22,14 +24,22 @@ describe("LinkedText", () => {
             (protocol) => `${protocol}://abcdef/`,
         ),
     )("renders protocol with no optional slash '%s'", (path) => {
-        const { getByRole } = render(<LinkedText>Check out this link {path}</LinkedText>);
+        const { getByRole } = render(
+            <LinkedTextContext value={{}}>
+                <LinkedText>Check out this link {path}</LinkedText>
+            </LinkedTextContext>,
+        );
         expect(getByRole("link")).toBeInTheDocument();
     });
 
     it.each(LinkifyOptionalSlashProtocols.map((protocol) => `${protocol}://abcdef`))(
         "renders protocol with optional slash '%s'",
         (path) => {
-            const { getByRole } = render(<LinkedText>Check out this link {path}</LinkedText>);
+            const { getByRole } = render(
+                <LinkedTextContext value={{}}>
+                    <LinkedText>Check out this link {path}</LinkedText>
+                </LinkedTextContext>,
+            );
             expect(getByRole("link")).toBeInTheDocument();
         },
     );
@@ -39,11 +49,6 @@ describe("LinkedText", () => {
         expect(container).toMatchSnapshot();
     });
 
-    it("renders an unclickable link", () => {
-        const { container } = render(<Unclickable />);
-        expect(container).toMatchSnapshot();
-    });
-
     it("renders a user ID", () => {
         const { container } = render(<WithUserId />);
         expect(container).toMatchSnapshot();
@@ -63,4 +68,18 @@ describe("LinkedText", () => {
         const { container } = render(<WithCustomHref />);
         expect(container).toMatchSnapshot();
     });
+
+    it("supports setting an onLinkClicked handler", async () => {
+        const fn = vitest.fn();
+        const { getAllByRole } = render(
+            <LinkedTextContext value={{}}>
+                <LinkedText onLinkClick={fn}>Check out this link https://google.com and example.org</LinkedText>
+            </LinkedTextContext>,
+        );
+        const links = getAllByRole("link");
+        expect(links).toHaveLength(2);
+        await userEvent.click(links[0]);
+        await userEvent.click(links[1]);
+        expect(fn).toHaveBeenCalledTimes(2);
+    });
 });
diff --git a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
index 152888b7de4..cf847b30f17 100644
--- a/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
+++ b/packages/shared-components/src/utils/LinkedText/__snapshots__/LinkedText.test.tsx.snap
@@ -94,21 +94,3 @@ exports[`LinkedText > renders a user ID 1`] = `
   </p>
 </div>
 `;
-
-exports[`LinkedText > renders an unclickable link 1`] = `
-<div>
-  <p
-    class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 container"
-  >
-    I love working on 
-    <a
-      data-linkified="true"
-      rel="noreferrer noopener"
-      target="_blank"
-    >
-      https://matrix.org
-    </a>
-    .
-  </p>
-</div>
-`;

From c55a595161249745e616b1f385b6ce7d4fcafa90 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 09:43:51 +0000
Subject: [PATCH 38/48] Underlines!

---
 .../unclickable-auto.png                      | Bin 7215 -> 0 bytes
 .../with-custom-href-auto.png                 | Bin 7267 -> 0 bytes
 .../with-custom-url-target-auto.png           | Bin 7267 -> 0 bytes
 .../with-room-alias-auto.png                  | Bin 7125 -> 21074 bytes
 .../utils/LinkedText/LinkedText.module.css    |   1 -
 5 files changed, 1 deletion(-)
 delete mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png
 delete mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png
 delete mode 100644 packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/unclickable-auto.png
deleted file mode 100644
index 526b00a45f3c238ef015cd07051d35ce8de7199e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7215
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

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-href-auto.png
deleted file mode 100644
index e62ad7d61a287ef65e043f68df6ffa77945cfd34..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7267
zcmeI1`#T%hy2mqPruLaub)FvWlwzOV#~4*IZQZY(UXL2m)~ykjQG*hZR!R^Nttm63
zWTq{OqI#i&#3hoDkW8zjuBjpsxgkY~h$NB_xtw(W4d<8rJbqa}tRL2TpZ8ts^ZmYS
z{dOt%g4tJ=UjYCBvw;6Sdj$Y6`5OTE{M|o3H_p7XC=~$!`v3uFe+bQbyvj#D3RBiF
zWS{NYSGf0I7caLRxmNt;zOTP<y?PCFZy@zYmv$Wft}DLz_)3bKrMqex;&Sv_H1%Ic
z51f5Kyp;M+x3j07v*R!x$13+we*s;S|11(KXMKdIweF?I-g-r?ZIW|YV1+ZzxN$fr
z;Y$FZZRQIX0N{&%4=WW0np$_nJ}8H-Vu|r|89q)Os)c3g?;d1&s<mELrh6^5Z}#^&
z>LU|JVq88>{%L`UvyYO^SeXBKHCx}2n)znGy7&9;&jI=VeI5CEvi{46rBPfjabx3x
zEjmg@j?-)~2TH7BlSFex7$m`lZ(Qks6IioqH4!clEOX7VH7?D27NC`mdLL}>i3D;h
zjwnA2?l04d{KRlVT(dES`aKx!fzm&Z)LEU(%nb{huqFxd5HcR*<Jr^E(IE^*Lu-4t
z$|1ulGk4xkBahmFbnQ^*@&uWaBc`FZTe7z9+XXszZ^&(P4XDv7*X=C%2QHkhn2s+!
zdg0Ocar1ANYW+9<C^+aGb+vR$fO^1+gyL$pl`uX<+0iG^iX|j2spXEE-wu)#J2a0G
zmPYgg0+bWDCu?xtPO&&j)fZN)W)RppP|4M2H$}HiOgob&8dlws#vU{3vgEyLft1%B
zQoK0I?Sv7g${~|}W1BKK%|)~D<?aI;ydDOLn}<uyR*aG_HXzsDXKw@okzleSU+?Xn
zI^8x#p63rDY!AD32Rz$_lDw-&HxC>XC{>TQ0-dSw*Uk{!)*HCLlLC}xgPeZi951Nm
zP{7Z|;dyRQ!Mu%_IE^YIirKMx`GxZs`C!s+jWU&uDb93-P+B<8JAUY`%6|29CC$2u
zRV&Pbv!sH`_Vaza$k@#%hr8JgFuksnEYRLiz4AtSy^LjaENSmfv3-1Qt}N|_xZr$l
zRg9UfupQZi`HPEASLG|zI&w=&mijFguW!U10D>d+_s|%X2{1Qz=(bgP1vVSbI`hom
zGudF4LLVKhbNY@Arln1{bKG+>zGECS?b)nFs@8}qJ2ma(hbJYhRL)2Jl097^dyKcP
zBE3xM3U40Z!rxOq2h29t>znFmniX-W|J;XfgIM38J+qkTi%4f&OwO3+(v%P6&Snc?
z%wf(uW%6Tusds(cv-8oETb|;^CBOALbDYQNf?Z~{d5fI)LkW2s;|yTey8qA}WTmuM
zs!ty|aX4ecKPHn?CgGBSki8xsxr&3wzO#aNE8Pw0n#!PRx8zHlpZe?9sM6a6rf(~<
zHOAFDcXRH7-4h_~gM7Dh&&yi~hs6T(t+dfbxo-UeLy$fUv-ZZHy!Ek-Fy^P8iimC2
zHN<2ukWs5dcz`M$=I<f@=)Lw$q#I4C^7f~%KaJ~KOC~2$W20`#I0l7H#7jKhLsxiQ
z0&$}m?hcw5vVZmj4RQ+0lq7!F)Id#DS!;qIS&@mWcFo;<;UJ{WE*xZFNSW2H!L$|S
z1AJtrY8*cHjmHPh`7$N76P`ZVPj@^N9hq5d>(@Q+SMs&NHDi_qWmN_i*X8w19~=mh
z62RO(y>7vTc_^%kXgC11(HBPu^w)zqaY8~&){RN~Y8*Fra+A5&0~I<kV3raakiGQ>
zRPc>v<bpNV)xkSfIr~dM$YL6=or7kAXqx)p0-GxIeP6ad)Z%o;>k-|<zX{@R^BC5V
z?tY4a_M+HLZpY2FJ9dUlZgrBtg>**jI@G7bcr`_-C{Wj4S$lxJVTG8!@)aPz^<Eh6
zR7Jli5J;CdShez>E-fy^g@sKK+58*&?4>=P%1)t<-3&<^Cwy3(eMKc-AJ+~w<NcI%
zAOVd1gDdcun1Nc8DJ>X>-q8)~b4P{<puL!tzfIIYPktjvYF~u)Sbigl#pp_o$20u2
zvpOdTX?n>DRrYz_>}^x?X^c?b)JH?S6`-WxLQ~tE=P|uGXQY(v_rv%ug$lxsB1B7y
zAN!(Ie}n`d#r15b736I28bXzm$rIoH_;_<81Y6-JK-Tq|u6cEhZByhC5$2u?Z;oI$
z^D5a=mZWon>GAQ2$xswMPghr)ao#hcVyq_EL-w$Y{y$6BG!8{ly-F5&N%rQh_c|a@
zNO;JdENTe^KJy~GH^(BurfoqE71Pp+A)shd8y~44ac#CID~r<P1E`bUonTSh?dXgA
zwT`guOed?dGX9?jC7p4Mrm6}bjojW;CGM0*skB>P`wm??P&@39*O|mVVUAKgi?AQz
z{Z!KwSju?{DQfC??R#CUf}$1m>9U0!WBG@hhM*u`Q%tXrUfiKDYfSCsV(T2mLwr_R
zBnt<nGoUtAUFXQ<ePcY@2o(*()%xdNo3}?avtCAZb!qO$=ak$2*F|T#Zf=#F_Dv|>
z@b0r3)ZwkOUjqJ)7;FlE()eTLmFVc`5au~)3>S-0;I32(eLm(>r8IJCx309_)Vk}K
zuMmxVy$}(l#KAF*+U~i+YQN3(z8S_Lk2VbWc1-8>ajRCW14qMC0E4UDBsj8Qjo7Dx
z)0COaQPjg6{N~eGvM`NXm9YHuOwnG~GvH9?-n`fTH9dyBZPs5)PmPi@i5PuH$!OkE
zEL9XQw}aJJn68W#gyQ_=;F(5bYgIR>E@r>6#@<Md(`=1*Mw9wnGAWsxsPEazpob_O
zFZu$#FBjzCnk>g4ZO`WoDq=~wFs0`*BQar$)N(*d?3+262%K5{l>yRDK@$#jO(tcN
zlE?>wEZsNfeZzeen$D_iuN3AvabihI;bPEHEB7e9q4{#3Ca^rTBF>2O4rf}Q><G(y
zbzFW!@R|}q4Ca1I6n773pb=<{I)h2c<}EN_;HAHgKS(s2PTxA61^#7C@S-2OKatg=
zyTVNP#-LwyV!^=(U4n>YMa?z=Y^H$2PDO;dR(m26M|~~&jS^Sw79IYFT~!euE!_<)
zjg0K={Ng(2eM{5I$VvTzJ6RB==OLxhN9wi;n2hP4MJ2;*``W`aQE9I`|7Vd=`tBXx
z$~EY9maZwGF&=1*6b|?<E;?-L)`Da5R8xZIYFI?<CwTwv-w^P?)vv}Yqrb26WYQF;
zUKP+7ToXP-y(t>7h;6Dw9Bh4*Gy)EtdfpMFD2&H*78ZuLrELM#XpDT`m#KRty{=!Y
zVY;tOwqy_rGZw?DPsG1+K2yt2><dq@+a^#|FR#L0=;2wnu6Xtn%|R`S(7}zr>VQ{e
z>l4g_E>O8CCTP6#W&y}=TesI(nHB(G^QbW!Mx^92{Ca`Z)gimU@*nH`bZoLdQO(bE
z;!-oCTT$vDOt$QWsZCex=zU2VRpMo2f7LctYMIG&qSJ6=^}F^Sz9F-#P)n%sl_<4f
z&d8@jZ3y}a^$Jl3fzx%9zcvp0q-i&eRx0=1liL|Fkl=O!MV!_<RlZb*96QdiF)TNR
zIEMdalphg;?zw@d4o4j|yco}@MzNz!qY->%9mWqa_xf%`)K>GW0%R)~uix*|)Dp|e
zAAYxvDYPV;8J;xM!);}8)B`1M5?<=`TWo9APp1bb3N#t3?J>pJ1}DfIZA+&1e?&>m
z%G$8^hS72dyH!0Yc29<{Y{bNBYlS+Xvmuw_6(Og4EjO{Zm8t5FTWEd!w0FD!qB0qv
zK3EbQzs3<-t<pta^z4-aneB)(;!xr!q(_tpgVHnq4u_VaFsu@6&{0K5YcM*FC$~K(
zz!(Z<)HD--wpVk6el}~ZJE^QpMAKz1PascKIM<l_eweM2n68qUCz<zn7&;niV{`M(
z93gRZ2E8uumiVk|#Bknn@g+QLHecUL(?l9-kVh3`y3C^rXX*wJVKi<)O+OQKD19dX
zHdRVCxMMvRFYw*@&&Qw@dG&ixdjx2vFFkK^oZ%GHlV!o?btDuww^HWoi)@xD`frhf
zY<B)<I`Qg_4__C#gX2s5(AyR6N{u)^FMVLy0@Gx)o(dcWwcJw8z>&izlwL0UwXU!2
z9uBMSH<}dsa19TWm|ZtliS}vHq>W`kLuiI{f2~0CaV{ju*`o{7*dJJ4n<KFTX)`bO
z%gu4nSj5PTqN!}3@Tt-2n)-H%ego0JPs|xjLQi(zFZ11aZ@=*0be|N38S5{vZCf|r
zjihJI&5n9S|6pUZe}fM-9!nBhPrhKwj=1@0WfOQS1Q$z&UEMMz=ReF4*BdChcS(LJ
z6t<4-e<GO-E00}y&{wD7Fr8l-&pRrjwIL`1_WGCKU|f>Z?)S|C*uYX9*4jHwj3cG+
zx-Or4N}=TNx@1;qU9X1f4yzk0kH?>H4j-1D_S^6lauLi|Le1js43z_Pg^<K_@VC&8
zKXZzTLQlj?BU);0bJ6^GAewlldf>v|7-<EPP7p+fIi~&K+^=2x;HeZ(iCOi@It{(`
zy{Do=yTKNX`R5Wkk|f!#z1uQgc~}_?^0QD82I+c9IR-~Y5(bArW$qrZ#n%>%TqT2P
z-5J8@X#Zpz<A{0(DL$GFso_TwQ#sHgiDSA_%$5q!6Tbrkw*H)j2>ntY1i5{ZX4||E
z?d_t0vU6)?NT}lO@AOA1oF!6nDGU{uP>^GlkxG)+z9_>AnxR3**|iZNWMXxAF2~Zf
z#Xx5v`VZ1YUBiDQp>Dyl-{uD+vD!`LZztiF9YLSeY#;@9%0NGvFw}_TWwYn|iz7*?
z-As2?(-s4)PqE3mnNIk&%v&9W+kRy5*JNq5Vw=j&>o+sRiDu@U7YHgaLuLh-h4X|-
zr%V8U$G%PBzy1sWnB4cy*jVli|2a8ed#0}f0DJa)dJFi^iFzl}oqM)}nH|*bD9sKD
zcSyKH!W|OskZ^~D|1Tumgd0EV3<jmuKa78bfL)*Z0uzAyuW`GD_pbfZI0Fbc7kn0f
I`lmbp2W27e5C8xG

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-custom-url-target-auto.png
deleted file mode 100644
index e62ad7d61a287ef65e043f68df6ffa77945cfd34..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 7267
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
I`lmbp2W27e5C8xG

diff --git a/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png b/packages/shared-components/__vis__/linux/__baselines__/utils/LinkedText/LinkedText.stories.tsx/with-room-alias-auto.png
index 95031bc6219ff65100bd74bce0940d2715442bfa..39088d818b367e3575ff11452c2a9211afea4116 100644
GIT binary patch
literal 21074
zcmZ8pc|6oz7oVBN)1XCBdMXUcTG1l1{#t3lw31yVBGHDdGZorZT4kB1MJh{?rEC*g
zWvOIeQ;}>%WPi_Zn;GvP&*w9px$ar-x#xWEnddai%y_ccY%vOjGI_npnk^K{1RjM#
zD`orx6npP~pHe6il=W*?Zu6nG*B#61IGk<NU9w{CMC0#koEF{o+x#Evkk-YTgmaTa
zzQkU!sr%k^ZTR+<bgJsodsh<IoL;w^p}Hh^(!UBlSAI37=QITL84k6lglhSRmb457
z^y&C@q?Y&hjQH1gwG0jSxOSwN2E7_%NH7sLg-WAi9}sbRZ0L?L^B(-41if@7m71|I
zTsFzPYnsq%?phkn^K3}M=VKyS3W80zwzOlE`aebuk_U1It_|oK4c_QFDHn6(w|`f~
zpI0ZQ8cKOpAFCMt+dgnXFIzpxu&*gRW_17G-xfK#eH}UWF}>ki^U`Xv6OxAdhrc^D
zB~FZf(>3z<l10dzPM>)}vOW0+>_@i#?U_9FmCY9ucV{~<@4s)FEY4;1-F2gii}KZZ
zYQ~((leY8O?DO@*z=@qR&y0=s*K9N%sP7Mw7<KEKYI>}=y~;eKr#P2suRVBd^i^DF
zLRziDaLwK%*+0b&=Jv_;&mHea)qki^G8!6@X{y?|;7Wtv?}7Bt7L82LQT^|sMt0uz
zK8=@@cP~14H!V}nN8cuJ_iV?2yDsJm5-b|uq;o`mQ)=CtTcW%Jb-ujWo%hQ~N50lG
z|NMY^u0ivA&%PBc-%CQ}E)3QGYI^>2G$J>v?ct;RgRcXO{F`|v@}IRtU(eMZZ2Dc8
z#Bh#2=9Tfi`sZ)0{EEQ9YK`9&6N7qcnyQOaoBEXpN3XjjiZ&Sbc5C|ewRi7PRx$e1
z`)S}~dwYDjq`AK8++$^n6_2(^>rHizKI*0O)jBjJKTJn$PimxZ+rB98mXV&X;pQRt
zqkYwadd@8^5xZ{l`*rst`w^wNUVkq&<(*wr+#omPSz{0uykK}yaw)Cp+{Ugcxueat
zO-;tmp$)bNJ$!ccvD}SvTjiR>jk1>ee;Z2_zi#6lq|?-1vo7sf@8HBdd86#b{+$`Q
zC++PHwY(X+Z|7sIGxpFg-@G`}z<<EFBKYv4T<5P=eS2;XC1)pQ{CLs*K{0VwRoB#t
z`k1bms9%pZJMS5q6yy|RSrXWGv+25H)<{y$x2CMnrnMF$9shNImYZ5+<kvM;{A{6-
zb8d5zsD)ReQ<szdPSfjk-ALt7&Gpc!GG50rT3#sUsY=&QOB)(q+mt&sTYtDY=XHvc
z{Lg_b^{&YiN52kU?6@={CwlnREql2UO}l_QNmGq-@1*p52L>G0;qLbNcq~2ieza`c
zub41{899|V*Y9YNooK83`}D}3l-c#4ylHP4Dp$zUvxSp5p?jL~T$#SnM&mq%vkM|8
zeoUzUd(E>*t0Kf%_l0BbNRCdP_mGVD$$<Vk4gHoCC8E-{y`hg=?BpgbooS^K|McSq
z$A+==Ae}!g_rv0gq8Fss9&)_8eaDo-1t~`=J@Y3gr~hUS{YjFOiXIzo@jl+t{`gOt
z-pQe^T%+9O^{aQh&h)A?*#CI6Fz>kdqFKd;L$#j2US9vYG1q%|YQD2!rpJxt0lpbM
z#hH0?Mn{U8(rQMd?T5b0hlZ5+?`?Se_43A$IUZT6?Vksv2A|pwFUeg#*z`QtPR`75
z;QoMhRee>MWrNQrQ<<}C^ZfcN59dTD2UpbfdCIz6zoB(Ua!c0~BmJM{kKcb0|5hS>
z!*F5y*a^4%AelouEq$N-+f;2WH$^Y-$JC|*GuHb~gZ?vqc{RD72Q6J*J$*bVmXa5$
z>)364IPaInqMW7e2OICn*93hCmS)s+d2gPTv%D%GG{$Rp<sHe^y$iD(Zam@jUKDw!
z-O)3ox%<Tr$8X<ePS%s@4%J*vcYfhr*B?DCC!p>8&Yh08M=Jd5cQxIQYV<Amq5W;;
zZ`-k<*WHoxoxk_{|2X;ccXwvn@3SHMb1ec|BlTPNN~c65%h}g^7R_HhGa|+JLR<T<
z3q=<1?SsCws-t0ZtYR#Co{djYfMf7I>EfWT1Nou$(e`sjG&cv_sn}B@=fB6R(laR~
zPqn2%_L{xx-pUp|i_rGhIVo;o`lH+au5w;J<lo;`oEn^xt`xOBhc|&rTQ90|4G$of
zB*cRH_d)Ufn1*)$4ZdZYLxZEd{Qdsc8jeYh9!~cTzH`BF`Tm@Ny-m@6U6Zfd^|jdi
zx*Kjb#o9g9$<qIqbMWe^MhgC4n&m`2{C@U1-b!egTMxPLd(1yA;w}0RZH2+xEo|p6
z$b7%VvH85+rQBNyM!yQ=PIjc#>H2$iW#>J76hD2@P)`=ex%%loNBFPloqCd3SM8s=
zrdtyO4B{I^c?19KmQCx7%<fq3AsRFI^>v=QU5;Z$<MD=2WxbfTy)lh}{d&g1G7Z1d
zx?gJe8}47$GQ2pwr2kO%(F)P7fRfDoMS5Mcyn^}<MDYTO{oR&ZJ6An^d-nPikE%Vv
z-Or-zrIy=!R6Tw<Sop0Z#att|e&A$p%aHrrKA+}?O{c~J*H`x1Uze$BW=kec9_s4*
z@_1;@4pF^aub17Y(-Wsn8K|19SW#iW`$6{;8M|4A-LaqZ>aCMx&BpSLe!Fe0OK%B^
zpBdtI?1%U@hO|u9&cD4i6^zUSPqtJ(k<?8IGQZ`qti|z#NNjLVPR>4`{%h(jU7MZ;
zwTxLaUI+HxYhs&K8vMO7C(l*=2<?yCj`v;1`seJJ(h}(Ysk^u$;Yv()+wYXTwNcDl
z_U-!qjYW@IoP+vzYlv4Vf2`_v*WD}E(d)glWoviw<>8WQbq(1IV+DgvMtZ4{X=Ce}
zTJ1*{){b>&8N~+hqz(+MiwadV&sB}jte)O<H^5Fd`FUUfPpPT*Y!^d&WOr)}bx%yG
zTvm(jv2684nI<>(?}+LcmPgpg2Ab=9?1E01d86L6-@E>pv(NMJ>T=r_d*f>!Ssw~}
z<gBCX*Bg1%Ic9c;$3$MX*K0CX4v|S~SQHePKUq7(BVeezJI%X2GDya+-8(-ay=Y`{
zgZ~GesZ~3T+S*fk7G(xY$N&1`*>N;za+pD1rM`O1vF|ta3vxPSGEYk9G>S-uG_=QF
z-7!~ecU8~5Yj$e-eSe#qIy1Y9?Lt29u+|!jHpsdwxj&_AYe0gIYp#>-i;-W&fxEi~
zY+JV0ri}S}-!K^ZF>K5Y>bak}>i*a6>(;VUylb_~3eWDa+5a`oB0jb3O;7IVNKBOG
zG55;h-MNLiQ*^%#dKN~7U9c&keeXWo-XLvMK2WyA&){=FNl>3cRr0VK_%zhs{*ZH}
zWA53!Lwb=jFATnH$h&j6@2&LvW0uaTFY^_aO24r;O&e>AGJlxj`Mm33kZ41-Teg2d
zUw7}Pk|TXNs{4Pv?a5E6_jetA`{$1Nq!EUXSHKVFqBl9gFQsJ$bGlcpb}ousY%sQL
zMQ-IW%b@e~^}<#MmACqT$r|1w9vUD0pLd9CO2tk_^c#1V?F@^$VOGo7MW4Rz!eZs@
zrTNwB3k`pJoYo7v*JB=$BC@qe&ARz4nijT9V=1E*##3AFBZ|IT`L3oH6Xo8YXx6MW
z=&zkK)Aoo8%ZZ~sWcoHYxBK?R5tCk}Tl=qQSnn^7e_Y~hBopW}d~l$`+<f4mPFL;H
z9=C9V_UAQzdAq|5WT%Yuy=Y3Ru>03;@Z&R%YkR=!BZgOVhNAs`%iWUob5E`~yCB)b
zr}vU^Uj9@g{p5DeM7i0=3|qq&bld&CK9o0MEHY}WvPZ<CZcegXQuaWxao+7HWS}zK
zJb0qqO@l-41MV0Wy${?p!0S(tEdKjjy(j7H)cOUr-E|dV@lmboHTna-#Hr_-2L<{4
zt(N_HQZMM~_P<^3J7QdFF7+$d7>Sp>9&P*nxNO(b-#k74Pq{(gk9S)tcSrxNnw-D-
ze%9iw_Ta-O+PfnT<b<WYD{mMpQO=KFJM(??1%J~W4R3B2hdUqbEDSuhqvgk&m`qt8
z{RQR6g1(+#VICXtInpTyD{nb}MYfrsHSvFsD3K#NJ?h$3I&%-b`A>f6V5?tOwzmJ+
zU%8Nl>9fR~s=_prviq!>cqelHO=}3eHEbNdv}U1hMT))Q)c~to*~O#b8>&3~i=)Fv
zBNp#o=kw*X^1AwWhVuhQe%ed!Jxc3MNUxun9Mr6L=wNa9zE82i?Kyucf_DBbm!BB2
zI_IdR&e-vWl4rVq(&t~dSrVW7qA+jNUWeKB11@OUK(Drv`#DbvXH<pF*3b;F`un?6
zqd4fwa=$=cru|&IvE*;7`aC$=mXP(D@)wmDeH*rJ`BW!a{M>y{OM>=J`MEuha)a9?
zo7;=JM!#RX6cl<ZJG%AJ^`QgLeqI{hTH2nz#i(2~&UtJg`e3?2;^DpoZ=-AWxAu=s
zl?z<!^GCNZ#6DnOc=!46#FDYe9$udkybWg8C;t+Y7mun6n`K`&(5vN_TahFedF<z#
zF~^G|$&a0+?N#En+9Z4T=e}(#47^#<oqM&u?`lcWm}#F@`jn9vxvJcfz}62{O;<JS
zlxp@yCq3AEv~Xeig&_}KOI3k5-lA~5s3K6~GbLNqD9+;j4M7bTM_#p9WDjaNhFiGH
z?y%bTa=2lFb47AeN7}KCqt?;sb$frdJB_9eb!G;K%KED8fA;xSUhJ*x<#P|e_s)w=
z@^uPy@6BJA<Z~?JYuNP=?QEyai@`tpv-=Gk&n_HO+@Dfso$uUNr9C#S<-^aEmYs3M
zIms=L5|cOleN~Y&y>FOTFF!Qjrpm9*KVV>^ee22h&Uw!@sx-4aO2)*jvmMVKIPlZe
zbY|SlpZ>RRh%~foPjZgAxL4lu?{`I`-pk#aT3$lpkxd&LUh7z6VUXVA+FD|q=I7WF
z-mIMO+oh)%|Kw*<PeWj&NXvhZB#rtG+4p&P7zMoF?pS9~{3htV@6~V8Q69}z<_40<
z=4XP2?(6lqNp=Jcz8qsfZ64Lc>mPCRd2!e|xFpvtVfebM!N?JYTxW0c3p?lF^F}^q
zl|7Axd9zDmhITg$#M&C}Y0@3~@I7d#wJXm#_wZ4jw$&O@UB#!{3TKWE=jr9$*B#kg
zVn3i!_;sw$`%ZSr6t~X4Tip-tB#9aQ{rZpNtK*-N3wr`&R=kZb*6E4&<Wa};8Vu^m
zmT}EIt`v>_ow2DT$NuQcdrfQI5^owrwWtp{S@;Ds1`PN;iqATv(@_?l-yf#8+{Wj{
zvnF->(Os4f9FgB{Rr!529&-+44-9r^wG>T0BwiBv?-aw<pG_y_0yXA#-y6vfGuM}&
zT3j{w!G7nBoWFSu!7<VPyDWWw+{^EbYV?2Q5jd@HXgH^-RdK4gk#5tF<JpSbMY&$h
ze}dk66qVN<$=4d_X>UqRs?#6-aalZHtWZO)Z=}{a&$BL9f5h1_e{x01wXgO&S;c{u
zEcz6Nq<qFk`X*Zp4_qE@SB{C4+3V$6oOph8us<PfQiERSjp2k3e$F0yav%TXPRPAx
zAT#hBT8w<rDDxvJ_FImA{ShSodieME?g!~f|0cIoS)_U1bY3VmrN%GYv*fgOa3(eT
zD~Sc1of3G|=TP4#$EKUBqZ@`g7B;17>|E5I_EN2>XpWKgo?Mf*_Zz#4yX-yw%wN^l
zWuFp|oV3r;%E#2%z0W^+sL!{jttrA<wz&UI`QF@PzA;hdV%F{%{*~WS)xXCCjuxt&
zZK+7{j7%sBynC#{w!E#ZZ`0`LnxTgBfs=om_2Q@H1ieZac)s9o&Y01T!l2EcFQ@E1
zX`VZ>w&|#bZDP;*?!$V{2~wQ_-KYKQS|gIPrw;I*%MV3=z8)20TN0m~)ZVZ$Caqze
zV{_{DDLYHEzr;@LF-VqM+z|Mw1&TR8<wJ#|hquM}{G2`TeE(R>q7;+Lt|+(AbdSDa
z|K(N6pQ?tcJVFfrj{Lk3UsxQye@9oX(|ym*6}d&%2Kbo6sV&H6`ggIfRG-em2Qf}Y
zosn?im8rKRS{^zLCQ<Ere^b0D;P4seM@czWmVOD+!H{cBpCpeJ+K*Ig=atvwXhjAT
zKN|@1kP9r>EI%|ab4(^Pw<qXAw(kC?{VU{$dY28o+}xn^V{mxu+Yfs0t$a9-_qIrW
z`d7SndF+8M>s{r?2ZHvh4h37@DT!)3mOeDKD<$va()=?ec6XN+HhB*Y<<wqYy1LK$
z?)^da5AFftMK@&EjqQ4T`r%;AqP<!lvg?)k@CoY?JHKUG>%yHyhusD>4F9|h3vD+_
z?Y(bgJA0;$=ZoR3ji$@1d>UV&ZN%sU_rA9sKK4~q`+%<8leTv0yWRwDE<a}`q1QF%
zmY3n5057k7AN^j}B)#o&Vp<<~Z1W~?{|Z05qe)da!;921JF!v%M}RmwBCmFQZlgp7
zC}bBF>xE41%(kfP8Sy*W{;A^$;sjUOQlqLc6X)CoKeu{VD~{bwk5Ads(0^XT-f(|f
zadK*^<Brr1dN+uk7i!M`XbZ)8!PQmg_$2hh^yw08$=T(+d({Ha3Fr%FO0cc<htpCM
z?Fl3bU0l78NlEt`eeMy)HWLDN>=4R<5qm0yUd`kh3zo|>c%w7nYT*8$4JwlMd?P|{
zjC=w86rHhbJ7Q13S{z3z)yFc=8~fu@eX0xrYu%yK8#m92o{ncM)9Iz+=pRblus|r$
z75VA}FJvkG$VycF9#ICb=aSC}R94iA%%jvll1#)wA9mNDA%vBgSRmi%j7>}?#hlXY
zPHcnz)fOq%QqF0R@wB@Q6zb$gY{ZK8Flrlcz4Cgk&~k=^$y$epx+0AaPTB}U2L6t-
zj<HOiqP=Tf1et6x9E?K)g=i9Y>Q*_91N1Z%n3OP<&&Ord5o{eHzr#~DMc*p_Fs*1>
zsVG51W!eq9EN0qGXO_~b27*7hVGjZ}6zIX$Cf3LwK8I#82Cq5UCmd6721}dVT>;FZ
z@NXAb2n6n>Z`*|Hy9tCbKi)hYUv}{_+Y0kF?<<Yg{nap$a0dOO1ZzIJWRof^U%!V+
z%7?Vm+Q8k2Hh_`Z8_EUZow7ij=!_$<+*{P?UvfDJwOB0fG|~^t`*-XhcgNhfi2AvA
z9+T2v;Ivq1Ih|3UQ0gW_^Gw=Rj>%4bhg_yj7U!)mMn3RWM?bJQY>Ex_kdv{_DZW3^
z4@y!JY~{NL<+Z4Pgt<B_0kbTTsbJhy<Zco2b*zL0`#$B+O$tYfUWS#U7#9auSnjH*
z4vZwy*=?xYm>HkL!OGl~jIrD`gC$J}$+ZUP)>`!^whr;9sS!!j7k2mKB@-CcsrAT0
zY<I3UEZ5d}M4q;TjJV^d?7nb5{ge)4=LqG9)X|C|01+dwqLFK-Aaq$V>~K+u)~yJo
zQ?l4y$S!5_jhkpA;tbwM%`+@ANXb8o>9{jNC#IqHc<XMborqSXOjT<Q6tW70+A8KR
zO618W3Z#q}6DEyH)j2NTYkPdoI6Bu26mnA&-z~|SN|*#Qm+v%C=tJ@~M4zT6kRIV0
z!*XNILQ#oRE0M_p@qMLXx%T0SutnPpPhD~+#2)mw-+ur#D(5*paw8tm60MLhIxUI=
zaGUy4l?jJWU@&+S8lPRo<05VgZzs0GK@;@XH1a0(e>lxk3}rEC0h2Oylgk8Be@?PU
zyE$-Dfb*yz)q&+8oP|DBPm;;H2!SVY*PXO1e5JCQ7fnASDZxIQ@>G(P8s&aw#$)UM
zK=}V6m-BNab}nzz&(s@J7Fm@AVmlKGF(vLHyQn%FR<9L)0AM3D*n+ltw(18-QbvqP
zt2O9<tN8qOah)(+S3F8jfc__1pIt|e(#-g`HzZ61^hc0%P$8JTR3QGOMWFuymx-|V
z6?F$ZTceg<1^Ta=<-Q6P&PlZLI>CZ<1@ymiHvo_IUo@|I_|Xu9gC}0_bOx?J>n=MR
zU-1Nle-iCQ>My0}AdPCFVuMf?MV5u|^*<q&5rc99;ho~D1;LAq(K_cL+<6c(^DJwG
z&U9%Q+mCTYnMt|s?B*<Nm|i7^qYr@VgRJG_)As?9cXrB@>kIb>2``s8wTk(hGB@~=
zg1{zl`nXis;{EDvbA%nrkWyk&q}T1cb6cd{nDiQIECsk-6tp_la&@SBLe67724iW)
zb%4IBc(Qz5>1QC)&uXVC!ruQ#dXl-Dji>@o)%fKojKm2PsU=ycYy@L%EYHC<;CfTN
ziF`C4?tuAUsv~gMw65h@VT!R5fooz?9eGCUL@n2%!rp_#a8FW?FSmmlwF1^aI8bbY
zlZ8TJ(}G4g8Z+SHov~6c1m7Kt+h6o7W3Dc^Lf1`MNKM4Sj+&%4LxQdT&1=>;drcDG
zHeyRjw5mNOP#(<8I*aU~X3U%rD&$W{bm9<lH$viPj&qNSDJXxw{8hG?B^*os?wloH
z@+C(*Ou2qkby8DcqOuc~|6ADymy)8xWWn;^u>AM=DAclVMQm`O4wlEQK`4nQtK?Df
zG%vCH$(^=?^4r(zg<=ffYc$H>GI3Xd@~ie6lckJ^J|1G9!4sc-_0ALWY0hiBgnm>5
zKdUQyGx=hmAIjvJl#2g4H<4O$mW#JWQ8*Exd_<$nM!t^RDB5!+Nc9w(m~2S*_~8aQ
zU2d@h-N4vx-@J8%H?CG>dEcjb)=7FA3X>Vz6j+BTiFb`d1zTXw1Stlt^QutI@gs~n
z<|eTFH}%9TF&|UDAYd{zu%23K)LMr`wzJS5Y=hisF{x9BMqffD%Rb=!5Y&F8?X5ti
zxl5NCk-{JgA-Wf~PXXH_ej-QAi2dUrxDz+lKSQ@IT}L$_^0O9LRO^c#9@|ehBIy`g
zt{vFlF6ch7$bDKV2GEs34y!Pvp_m1>YlH@OHJG;mYQfi<B3dMwv1}*eL1(OiTF7__
z!--FpaEWCnG71!7^-}Sx0y47{YPU7>VYSwjmqKKOyMp%Qr~>8n@@apB$>;%|F|l!r
z?_*U`X*?iqY=I)~avV=2O(-FQS*yY4)vYz&k1q)Mm&v*hPPm_wQZtWhK?Vuz=L+S4
zn=HFo^yzBky1)r-VC<hU95D!t=j>6wGjBufac9;EG^v%^P@~Axx(lx4-8WC_qU*S)
zX}*L!3Q*W6&JNjv{W+3CKe8IL;};+|M})fKyK-U~tymd;8}7P0b50+}$yC}8@m6&C
zVsP1Fv$dvt*;K{jAh1m!c1$MTSs+klpIBT3k_FL_m9km5W_%zTrwx^tPTMb)3%KEM
zfBs+;*gc@k9XeS?W<;DG%(ya_E&kwx5}zaX!NCD;I)}XV%RNsE??S%~y5ISCZI9T8
zX~OQ=1xoJry;1j)!~!BhtRm)dv1^KmCk0Sgan7kjjAg44X#uk@KyJQu`V7=dw#W#d
zz8UPW`NG=GK)`zvEJiq%U<XU(JBv^|m~2Lh@byRm*r6bQ^K48clZ{9!MrR%XJ9G}j
z5q2<Hi$tMxiEK7y?#L-AvQ#}~j|8LJtwbnhjvHKwyO<$yY9|79;XDX*<s~Xkf-HM#
zE3%#b5$y2k=G6^CF?Y%oF<1{NZ~gg=PjI<#%bhZ2rf#4&mMO*B3ET$@S~qeVDYX`p
z4~&av{EAsSy+)|z1+{KNvbrN<>Kpt((7B@F0@u-Eb7OZ^(Kw=3L#@q0o5?p5@9NX`
zG2$-s{f7*LnTD5ck*Ct0h{y5k9i}Ll>GWb%bm1?tII<1Cc!o`he0R5OJsy^EL>!oy
zfSFt@H{jX-plBR^x7~#keqT%DGhwDDj5sXHFN1f(=iEF_n(2>t9J-w<cvscTlyDyq
zj*98rqHxxL*lQ-<-!CxJABN6V<T;4_JZ0+&p@4&WO=BO3{o|KvG+#gX@LBY3;AKkW
zApNuOJx8V4icXrv&eY9U5NwUQh?NO_<Qqn<;KD$qdkgi`+jD9;tG2H}|4I0ga|II3
zmDqdbH|S+pL5I_kT_D}A30oI&bm-dzg)Y+oq|3eu-r_tLiR24&@h%wkYo!!i44grF
zB+*z(m~0259zE2iggQ@`9*Nl;Vh^qcWqtj7Sf=K<ibSr%<oO6m>{E118*Wt2LwY2Z
zY2HFCybWVbAm#ln5{Yi71lpM1xGhU28u~k_$51Uzh5(+k#Kc{YdsU2iiS!6a;M&gD
zbcI_D7wVAK27ofkbhPl4hHu6BLXSubr_??@-G*QB<W{d{v@WKEWrk{#UMDQo3zpJQ
zOeS87iL`JT0y|vB_D`@LcH5Ius)91A=H?yS#dL%Y0;d2Xq+nv4KkYL^Cz$UWWDs^9
zTv`ULwv%`zS^{Gnxzm8G_$p2m{&_{&fh=&5t>DPmO<Uy9MXV6E0b$2~;OtJG9lHY)
z0eM0r>g^&(ZMU?{>j>@EidJIU&W5U4`@r4V<l&vP$N???mu&_^ecAShA32(**nXlC
zE)e#$r7v6sx*$QcP6fDCs2R^vJ_{#ssL>i+fc&BP^IU%L!H4J4E`uAW89yY;<%G$M
zue7c7M*s6DbJ79u;bIm<b``^x>>04HIIkcU&j0K5>wM)nW1FHXE;G%RQgzS}+Ge&A
zsJNe7Ezdf~wiRr?%p6p#-*j{ho5!Vf^4kL!2<_T8Ph8J{`A5Vv$nK+b8|d;N{4>_)
z_bN8Z;taSiz&9sCA8BF#EWO44jJvD~$SEz4^oUi~R16T{{sMBdar{a`I$jxV2WZ5d
z4CFbn@x}xh%2K+GBEp>y<c<F%n37~Fty$dXI^qX@?|W}`U&v7BW^_N_4yzx%O4un_
zO=rBH;Zn1dn&B>4p&@K+D>Y3eO8T~yH9}iJZQuiUW$!5izA3OA{0eg1c^UVv^UwIO
z8+v+8;qczlx6S^e;IL3=>&Z}o%rSK6nAU2>Qxiy11ms&ryJe;`HLtRN^0_8JVPd^_
zuPJ0(hh0<)(l_pKrfZh$3qX@F&xck|INxd>pp!0@R(Q(p5%a-18G1FO>~y#K=R_SJ
zBI1uKz$u4gkTB<22zhwrHDNbo4jjDYX0|1S2pli*)@Tan8tAxCCM%6xORrYrdeA!H
zNZ083MUf~0R8=wT3)TyPo$qjjkd?TmH21FUlmkNzlo7#V@T&}MCFQ_dZYq%n@!(Ap
zf2v1G4;UO2+JTLn1*guO?6?1s-MAf0!Kt@m6DmH?qJ`+C0AXb~O{iGJk*9|7tx2zj
zvz+enT^CKiq)!la(0IoM+fVRxy%Xso^-cqg-J`N{K;u#~sx7fMjtcuHp#MZ_=)L%T
zLZZUBydBd@v5NL79~H*jhRmV&VwDJq3gaRyvqge{rw}TP8zEM#^(<u^DvZk<q0CjJ
zjYowsk-6(>zBet#p~AR|E+IUB+wrI{#yLWzG?7wUAlf#*?!!?#*H;R*m>h(axJ9U$
z?>8jY9~HVnkwP%twK0*>Kx=xhkPF$A_AX#vBwY#>2x-s@kTq6zqbb#NW+@*i-~mFU
z{}pclBUHI0pv^l4<W)^L<m(c_4#Xp$^8pZ8m&qkWBLB{4J&7rK4$i}Cwht+S%W*b#
z3pxbCc@328;%jnuA=eiKI;Rd`bKw`EwDCYJ4$6|#5MrnIWbrR?@UbsVO-b`K2qSu7
zBcTbVlF51`Asnu*@S%(if>;7!_Axf?yhqWWe@R4mIpEZsy%QUiHknKvM`nSZHjLeo
zx8l%jD){O<MBm|s`fk_Q2goyzeyJG-l1vSirbj4nrwT1cQ_$|USxN{qfGWe+R$`Vh
zLXn;L(i;BMWGB+W-@X|HZ_f0=P^ynoEG>ew1N7@Yt7c2%;p$3jBNB!Z)OO0B4if#k
zi7|2y+sQ!;mWwg3lQ}_^5r<tiv5@%gFHgo$T68O@&Obv(#Z`wRsjhTZpihAs7wY@x
zkVG=CCJXg2oWJyKYq%3(`NRbq$=y+w65(tsUl7KxCz*h8&;$(9f01Z?CPvM0UZO2f
z9zCIFXhmXBf0FG3VPY2e(?;~LR;W;Afqta~f-9#ToWGDtR=2pGTR_h(veKe=6}V<X
zMvsNd^#1fi(6o`$8Q5~JI0!C2ZzC#i3cH%G?sE`4^Kdfe=Pyz$0{cTqI2h9t*-vXD
z3NjK7#$`TbjLgS(=flCc>Wdk19CV2g9E@>9vT0_Jj)dW0+{>)%?85+uL#E)v!Fc>`
z(`Z~n8xIHLETA%T`#(4sXQ4%#5Th^-4#rrRtYmgjB9A|wE$ljk3DKf+W^u2@$xOaU
z&<}t}Q8WD1)tjfY1OODO5LnmmOY#k50j-VjGPc|TmRl_TDJl_Xj|d&HLAWS~ki+Qf
zSeumRa$Hx?KM3+x(1A|0c;ooeBgwN$!oj#rU8yZZ%TL0=xYgs#c<b>H;KRXqygiig
z{0C(r1P5b*$2la@ZU&r$;b5G_0_xCo<~TSQXQ5)pyFecg2jeWxNIkarKR6g?v5PL&
zuy#BgjIxlpgIG~@)~(bc!3)gF$aK(u`tI3kA5r)eBVl}dHQ-UnqotVNYT#dSIFJE3
ze`_~!)u=5(M@cgd@=hFgNK`__o+m2UM@&NE)xRoxNi2XZjyx3sK6vASFGCiC1dA_t
zp<&HAL~kcOpt1>|$8#UoVXL^%c@T21g;ciIwVJ4(Rm^y1_zHk2G8|Ynq;_W{9-~hm
z3@K1V+QU^)7`~v_qCM9ZP-KgxJIM{=%%0jmjmf$ONB>%UfKX_*+VW)R8vu~sSddC)
zLhMBNPJ5h&mhCq7nL?EX#FRJfUea{-MrAMDg=BOVFeSVx7gm}~7T5=@TFQX9|FT$(
zL^}!ZLNb5{kgfdYgD@8P00NPMKN=8GVg<&+9zclhgYeCKDD&rYtI>x31S5ldbwIdt
zLF~B}nP_>4wI4WB#ucdZudj34jYUG~BR26sirfSj-F)6hR7KCFALCHMl?AYT(tbZ8
zaNs=?d&@)yVEMo+Gg5Df8#cV{ux1+oC>D9`62x+lNmA4&h5~IXz477QD4~v$H%zOS
zXZ;7RkWafK2uir$tav@HP*b>ON8ueX`Q>WbRU<Lp)o{Iw<80n0aY~(1fxhDj+uQ{(
z`nex&TwOKpV*Uo@?zgJyXWG<9Lf&Vx9)cKZNkyVZ)E#7m&WID-kxt?@ApZlAc)qH{
zQ);pz2&Q?H?Z#*O89eb>M-OXNUrBc_B6i}Ub?6e;iCEZjp3unJbvs1)c2_+j%5SJQ
z;*DXPCBVD0Y7Y|IayId>ZfY9@xrImP8qyIpBE3+faIC<vR+TdR7%#P>LMaXjo?>%7
z3z9r3_0!Er3EdSU+^xWSnUIPd(@Wj6!I#;i=vBctEMiS}?b=F744{jVJK&i|jovny
zxBW=#q;b|}mO}BR$2dB2kW`wuPoUPeaPGJ}{--!><Q{OmS35;fb3vn?kTBc9-rLXW
zg;6*Xv-pxr!~s^9NUggBwYfFY&$sp;u=bw}JroIZpHWIa32~Q$v6uT!#ESDF`Vj(j
zDTDX+iU(ad*i@=S&BmZBP6WhR#KcA)Tp8#@o}+*uXAsDP&RiO4>rW!R#z0m9TdTa{
zGDy`q-^E(bQ8<=Bwp99W3Q30IR;pBza|+0(LjHr<GBSYa5%amXGJu@%{lD2lWX7_!
z%;$#m#@2PWnZjgvC*@XCY}QTe<HMA=Gi*V1Tjq?^0z<*xzyyE#2&geDAJ@maLU9F8
zA3lEcBm6LdoKOcoK%YK1%NeZ#fB>NbnZ6qRp-|DxQvP8;<^p-{VHTR%Bh<JgaDXfW
z^0GTD2I@qB3XE}ikWE0|^ofPfskmHb+hHa^_5gX$gw0cMmzPeWV*LfY|I<AEmu@C8
zW@282xdD>qyC*9AqL^t*y(-C+cmxOg=bkdWtwr}`uBB>8o`O?z!AEC<5Cp=68t&CX
zc%m?nLu*fda5HCcT7OEh@5o)E3C;)X!)0&|P4JvHqk3Em57!G5t{1k>hnYh2P-v9+
zfG2(Set5c}S17GfIB`IZd-dN9eq(|koJt^9D&3Z)nM#yS;Kw|N0inhSy*-ac|2UIn
zK+=&&FiGU$&1iwRMKG(vv;vb<e^9|t+mDhgVjcuaOv>DzBV~BH+%lb|j_q>_UW_mJ
zBku^4kdrC}kVsw|DbB!704&@k%|bDz%TPRp&k7gJFMOH7f`s${LhZq(4H%Y=n{byD
zOOkUEv^g1aZ<|oKewofPwF0rNdbS8-9rRt(OcJM1b)H>P9S3I92dAklr}S^-`0<Yi
z9wZ{L2j@*13AN$Y^8qvYIEPy~k^Kn1whY#mHE*`jrKu5p3KkGvV5UCN2Vsa9O@Qz-
zFR}rS<z2jD!bWOo5BY&&vKrvn-DVHrj3M!~Hj?i=z($pqss&^Br(i;53zVc=Bd+1Y
zKoIAyc&UCGE|$}iH(_sbu+LoDLp0!EoQU4oyEk?hVJ31u<uZtUdG}U+9!3IaX3)27
z2eCiDeQ-;Vg=J{P^De@Zcw~3?6{smOx5CCqD$Q&o3^SPd1wI^?wYSsW#wb#hjaE&@
z%*J1@O*<jdc);wj(9<;f-5QAOshae3G8Ay5>VkB-DQ6P4jC-nMs)BS64yrDfr3ydz
zU5o(fstd|CGXJ4!37DF&KsryC4N3?+K$4G-bjDps!}nKcZ-?y6T|{jm`Qor}R33U9
zxq`VA5*Egi3U>q58NWgKurN-aO}&ru6@rCv`hMyV%4Qm9L%_nAc%0w#_D$?@urMCi
z?<5{8bH>5KxV=?&@DBVREQ~Wy;k@cl90v>I41Upl#d*ygjRr!811yV%Uv2)y1ww%e
z5po0q`-ro}(Qn24fJBw~2vUD+-s(SoA_X!dRp*cB!x&@+tr!h3+`*+3xbvv1%OGce
z6RV6O!-V@UY_jxw96F+YWxfMB!ib=AbFa>AQAD+1WwB-OB*;;M5H^j7B~tYzS|5HA
zCPS4vXF00_(~U}d$*9EYn+UkswLM~W$>TCftq~oFS_bd72fkWr@w0PjE?W-}@rR&$
z+1oZDMBIqhDPM{f^e^&1<4<|GLfN90b^C!_)$^Hu`=A;<pW!mBOU?MDSk5HF8dG!+
zEqr3*{$TP(B9uo>;&WO4IUkwFj8z0x%B`h^xAmTkL)B-`2VGnvBUH&o12^n4Q_!V)
z&7aj=2Gx&HA8h8r1zmXmxt^wQ@IHfZ!X^;<=Hbt1${w8INiyJ~{o8KiM~l&5z}gJ_
zkcETamCP+X@KBPbx?x^G@_`&O)zS|mqg}=hH0F^WAb&5h48_S%j?&RVOGF(!x#Qf<
zaDoiQws^)WHq>tP#<WdVF?=%pm1MUpXC^p!;q0^>LYLkR3*I9yAa_Kh9}prlH5ZgV
z@1lABT$ku59K=tzI@D8Y%_fjYC?O>}g|c~dANk8tJT4;uU(@zZ%l6vKztvFR%!UhD
z+czuXryXyD(AE))fE<uFs91WQttF7#3KCSh!yBu4h{GYO1z*Byc_8mDMvFDx8XEsv
ze!31ERurd&RXIK4KEy+nOE@?zcHd9@&Gg*N?no?1o^FEGRlL-VxVI;X`e3zRA8L+U
z&&JIcltL+zadmeEnXmx~^;Jf=3E*05<s=VM4~~~uYXou@d^K~by#T+bS1WNFyr8u0
zh|cZg>i~fihWyl<!L}Z=pb$}uTdtZZahy_nVZ~3uV=jE3AnkG#28?^Df=GnywiZM<
z8)6W<T|;PNW~my;yS=%*-G*9%g&V#<%)wA<(@y`qjwm$>okVd|;3>9+^y)=i{-77=
z0s=>7Cc@!OVi%LUCqOM}t>=3l&8+8XzC^cJ4NYSDu|cp2oAPJX`?n+(!0{4o#UB8l
zLM?J&z@E~9*5wpV8lx3|GJ@ggDWpQg42nc6lpHejAim%c3%J@~;z{6`)l+0iNg&s3
zMJxcvh1H5u(c~uZSLh6i#4L!juyVrH#Fs_WO5e_cyfEpM&@>482XxMWp9H%_`xjA}
z;(lN(V{x}rGdMk;h#_Etd;~5rZ_&?eCo4e;hQs&>%(x>g*R+TTG>j=H4gBstHitXr
z#b_1sCx=NH+6aHtEV9gmOyltDAqn<U5p*obC6Qgs*Z(_cc$n#r-VYolu~rhQ*F=GS
zw<f%4bm4=<oMUhrkLhF)vhhJ;%^iRPtA8QU4H6{g=>VFpqf$@iaS|k+1yj_r4KFhV
zXAuX9B_S*%KV}f7Ky^e=kQn-4ivG<Df?gQ@4h4y~g6vx<&xkIJ@PjI2lkFXfe(I$e
zg56O!z`Xdx#(&-$i;pAY^P_uC)~Jx0<ILAVJlxULcPG0G;tXjffh0+x7W4>tF7e|m
z%)sBlxGjpm0J3`^9>;$*Mqkco-9BpQ>lut5sPU_*8wgmJ@(O$VyLg)&L57_q_*1e5
zvMkE(<8&5L>S{g!uBu^Yamf)iS{vT7Z3Q8>iasN2H)8sPSsDx{QRFfX=b~FJ7LP;0
zp*mPzw_+#%_C%Ow)a}!lrKzx7>uRu&T?&-Avb1clZnn!#B7@-p=R@E2@eV9kyzxzF
zIbee)kS;A)erx;-C4IV-%QlKxsr}n=t67%-K$vz!<h2eT!pAgLf*Vx%#X;5i)Ks!~
zL*o>(Gu7vioQ3FJd9H9;j|ITt{=8%e+)5FlQ6%mh$WL?TyTPAIB(dM|BmFrn&pero
zwKr&+0VYPjBjI7p2Z#;rAqkHY@G$QAQ)>|!d^sN;#?JsThC&yDhcS*w6s;H%m@qty
zGh~Iaw*ov)ObZLyW!u6=eE`|;X<?iz&f>GE&OQW8fK3YvpN$!`6EX7Sv@j9=u%QXU
z{6UFiCru~A3S+{Y4&~kDmA#uotobIv^e3J{c26fdYT|5@&md&GL7K}MtcyK^u+rH*
z0uH^<(e&T>j=ss4DL3xn-&%%{xD1<WvF`CGLx=yCp9@ix8wJ%HddQ*UAPUrf!0Hpf
z99~M;>MHv%CM=8x(7L(D`6B{XG#cqB3l%s>izpvv^3CWZR*7~vFTsp2b*hEtI#$rU
z<|ABqWysLnFh{6iXFX+)Fr*;qN<Y{)uFR8CcDR2Wgg?I09pD*4d-TIvhE#4S#U|?k
zQQHz<F;{W!(mYQFZr~?7)R3GtkTBQ$Gh-EN{0!nGs6D2#Tguf$A_eCWmcM}IFNSMP
zxkTeZFxG@NO<(iB$)K?{Z<Mbs{S5TgXIW2Cp!%KUW5Q}+(3Nm=ue_LsLE=m3?du5z
zRLsC!#UBa4+mf0|7$O+*Zt$UMVqQyS0}qFO05qp&xNIhYbNWBhk1=rJ3J8Cl?Yfcg
z<dt-E?g_wmdgCFR4y;1LWaJuAy#W%3F3x6l!g)ckNVIO}`O=(#t5aLGpd$rk>%=X0
z!ilz7^0-52Ih@itoZl4yug=lK9;5gXtRQhpmtx#_2a5(Ga^Z$M1(-z_b2}Dwd~1mS
zKapM44^60kLIHqqEkR35^UP@~>v)U!ivgK|s!`g^bu|oy&+s(j2LNXYXt`ut2iTM|
zDpE_DmdUydVo#5EN5$sKQTxgB_ztdy!jx3pH?5{TSKMk`beLtE-7TzS0lmd6@hE!-
zPlSat(@1{s(-(E@l)`U4GH82@$z2(nlp4{-<{_laM+d#IpH5)kaej$pZDb=(5CBeP
zQ-osCA)Z}9e+W77QJL3FzBcgTyO__8Cm{RcjAp)B(GN_?xY3Q2#QNIPLPmk6?gX-p
znh`Q8!`B>3Nee-c=6|1V7`Fv?4M@Gl#=3v}gbMu~6nce!QuR2U^mri=xkq66kzEr3
z`4%2gp+AHuf5h@aAH<Yqdh!o7R{@qQxV%R77Mf9EY{PM3K)pa1xUr#*LznPzVLXKr
zLn>4n9~Z`rB0-yg{-FRD#?6XNsZeP`xG=UWl<9*2LkQu*_=!cwR7A(&!Z_FJdEAQe
zxG;V+pRVSPE)o&Oh4Fpj5N<ieW@XR?er)3(o&hkjwCr~yi#&sv@Noc)Budn5zC#Ye
z6Pl+&G^Ey>DUyTmxRW^VAiceND<h~8QCW^c>O2~!7f!(k;c=rNTqUrzlFw_nm$5;3
zTpLLBfP6c5Vd)+ngvZY;#|k#K8j!&YlWIloR!mB`Feo<tbaI68=}H6}oRQ$bVSOQS
zh1gQUC5_z)0!oAe`So1EAS8@`1x#Z~oCk7|iWFWWp^9*i(R3By;hr-0)3R~nl;QN=
z=}<Y&twOGh!%+7!3Mzsra~n2o8{fdsXKb6z-Wb<#4YwNZ0N5WJD~Me+vkD&t!QuhT
zg1>ioRD2-Ep71Cm-a9<bvJHhYSez|*27T`+^{2uJ7OCs0m4Ko;in#)pw=`cqNONip
zkoQQuL!)-7$Pw~}fH!)|1?QRAkGD9nqOC*=dTIlZUFV*`3m51^@SzqMBBoq$S7;;Z
znFuBq8|*s;F>=9Eg?~*E6DtL91-@P(4fP-)+g&y80diRQd>$S#XfWJW=I-JT3kzB5
z?mTWee^^+UE-w*ul^hlpqDwJZu9QVwLu=BWI13K`vi-WQ;Fi#02nVPc=YG(P*nVc*
zyov<8Ma`|y-}Xt08X&ZhL==$gOr+M3oe1vCQ=38egKDk{2-At0N~B&uD%IdO1-i4G
zKzF7o6~zy+L-_@=RCCmMtb$|;e!;jIiuBE4#`qH&Q-*pKb0^fG0KqHYHN+1jQ-rF8
z(urS-ZBZc35izR5oD9X-`4tcNO&fCu_2@L_#dC11-^WP_ZcwHnb;dLp1)`YkvvL&z
z_n1o5)Okt(A}`ncCI}~xe+sAfA<XpNx_L$@`XIcfa#l_7lxxZ4XHPuupiipOulFmD
zOC!W{$G)qv_%E1<h$vWyKX=?4Kc#XT1`Dz0jsgwtD#1RgkVjNEtv?UH`&htTPSS~b
z=pOo>TA<1$=Mxbe7T$stNd;*4fjOUqh4D7OK#@BgqvNo!^QAXI6biKv{eK4nM2zcG
zz~uget`R`QIK520@d(g`AYy_(ztIMsC&1I;GB`wx)3>3sD&rtxg09*aKOQ0`=!zFd
zRmsU=p};*NugRix?g~POb;v`HhJ_Sl<gwkJ*w1D7-^`l_4qX<Xv0?kTL6whC6Mu@h
z?z(##3!6wF*1v^z?(O+aFX(O3EdDQp;g_=zhf?=r_x|6Q%57kH`@~jsZl!ISry3cK
zwh)JPRSz)G>fuaJS)6_meiR+q`&Y^wQ|_UpCyr6T&nhTp0ms{jK9-zOSq4S;0iHxE
zsh^4kuM<q*5&|XuxfN~v9*>KSsFVUolCk(s8TP7&slxdp(ryCNg=2CQ%GlV&XK&Lf
f6v{uSTPINN=C1!4FBYBv6w3OwW@{2xIUN5VR`)uq

literal 7125
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
Ud%CURO9pV#FYtKH(F?c!7ib1ohX4Qo

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
index fb0956a2a4e..0c9c1ef4f81 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.module.css
@@ -8,7 +8,6 @@
 .container {
     a {
         color: var(--cpd-color-text-link-external);
-        text-decoration-line: none;
     }
     margin: 0;
 }

From d1211f883fe9b3466863b4bae93509ea8c8252b8 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:03:01 +0000
Subject: [PATCH 39/48] fix lock

---
 pnpm-lock.yaml | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 33d8ce5686a..c0bcbe7e71c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -778,6 +778,18 @@ importers:
       html-react-parser:
         specifier: ^5.2.2
         version: 5.2.17(@types/react@19.2.10)(react@19.2.4)
+      linkify-html:
+        specifier: 4.3.2
+        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
+      linkify-react:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
+      linkify-string:
+        specifier: 4.3.2
+        version: 4.3.2(linkifyjs@4.3.2)
+      linkifyjs:
+        specifier: 4.3.2
+        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23

From 9bd63398b5bd2da6f5b872b6db916d869375e40a Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:08:26 +0000
Subject: [PATCH 40/48] remove unused linkify packages

---
 apps/web/package.json |  4 ----
 pnpm-lock.yaml        | 12 ------------
 2 files changed, 16 deletions(-)

diff --git a/apps/web/package.json b/apps/web/package.json
index f31b58ed11f..6860881367d 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -78,10 +78,6 @@
         "jsrsasign": "^11.0.0",
         "jszip": "^3.7.0",
         "katex": "^0.16.0",
-        "linkify-html": "4.3.2",
-        "linkify-react": "4.3.2",
-        "linkify-string": "4.3.2",
-        "linkifyjs": "4.3.2",
         "lodash": "npm:lodash-es@^4.17.21",
         "maplibre-gl": "^5.0.0",
         "matrix-encrypt-attachment": "^1.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c0bcbe7e71c..7512e8efce6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -267,18 +267,6 @@ importers:
       katex:
         specifier: ^0.16.0
         version: 0.16.33
-      linkify-html:
-        specifier: 4.3.2
-        version: 4.3.2(patch_hash=1761c1eabe25d9fae83f74f27a20b3d24515840a4a8747bb04828df46bcfdea2)(linkifyjs@4.3.2)
-      linkify-react:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)(react@19.2.4)
-      linkify-string:
-        specifier: 4.3.2
-        version: 4.3.2(linkifyjs@4.3.2)
-      linkifyjs:
-        specifier: 4.3.2
-        version: 4.3.2
       lodash:
         specifier: npm:lodash-es@^4.17.21
         version: lodash-es@4.17.23

From b048b005b07f5f4f8eeccf3bd0e9035ff39d6633 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:12:17 +0000
Subject: [PATCH 41/48] import move

---
 .../unit-tests/components/views/elements/RoomTopic-test.tsx     | 2 +-
 .../components/views/right_panel/RoomSummaryCardView-test.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
index a1dc030cb8f..e53af36b71b 100644
--- a/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
+++ b/apps/web/test/unit-tests/components/views/elements/RoomTopic-test.tsx
@@ -10,13 +10,13 @@ import React from "react";
 import { Room } from "matrix-js-sdk/src/matrix";
 import { fireEvent, render, screen, waitFor } from "jest-matrix-react";
 import userEvent from "@testing-library/user-event";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 import { mkEvent, stubClient } from "../../../../test-utils";
 import { MatrixClientPeg } from "../../../../../src/MatrixClientPeg";
 import RoomTopic from "../../../../../src/components/views/elements/RoomTopic";
 import dis from "../../../../../src/dispatcher/dispatcher";
 import { Action } from "../../../../../src/dispatcher/actions";
-import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 jest.mock("../../../../../src/dispatcher/dispatcher");
 
diff --git a/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
index 2a1883cbf17..cd38d48e093 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
+++ b/apps/web/test/unit-tests/components/views/right_panel/RoomSummaryCardView-test.tsx
@@ -11,6 +11,7 @@ import { render, fireEvent, screen } from "jest-matrix-react";
 import { Room, type MatrixClient, JoinRule, MatrixEvent, HistoryVisibility } from "matrix-js-sdk/src/matrix";
 import { mocked, type MockedObject } from "jest-mock";
 import userEvent from "@testing-library/user-event";
+import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 import RoomSummaryCardView from "../../../../../src/components/views/right_panel/RoomSummaryCardView";
 import MatrixClientContext from "../../../../../src/contexts/MatrixClientContext";
@@ -22,7 +23,6 @@ import {
     useRoomSummaryCardViewModel,
 } from "../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel";
 import DMRoomMap from "../../../../../src/utils/DMRoomMap";
-import { LinkedTextContext } from "@element-hq/web-shared-components";
 
 // Mock the viewmodel hooks
 jest.mock("../../../../../src/components/viewmodels/right_panel/RoomSummaryCardViewModel", () => ({

From 73404addbbd5dc2033bfcbe08fff2c5453fd695a Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:30:18 +0000
Subject: [PATCH 42/48] Remove mod to remove underline

---
 apps/web/res/themes/light/css/_mods.pcss | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

diff --git a/apps/web/res/themes/light/css/_mods.pcss b/apps/web/res/themes/light/css/_mods.pcss
index 2764c8762fb..2bf6c86e4a6 100644
--- a/apps/web/res/themes/light/css/_mods.pcss
+++ b/apps/web/res/themes/light/css/_mods.pcss
@@ -1,5 +1,5 @@
 /* sidebar blurred avatar background */
-//
+
 /* if backdrop-filter is supported, */
 /* set the user avatar (if any) as a background so */
 /* it can be blurred by the tag panel and room list */
@@ -7,16 +7,3 @@
 .mx_RoomSublist_showNButton {
     background-color: transparent !important;
 }
-
-/*
-    data-kind is used by the Compound <Link> component and therefore does not override them.
-    This is horrible, but will get less horrible when links in the app are replaced with
-    <Link>.
-*/
-a:not([data-kind]) {
-    &:hover,
-    &:link,
-    &:visited {
-        text-decoration: none;
-    }
-}

From d92f6716a152f5e7d048d321ebc445818f8ec867 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:37:36 +0000
Subject: [PATCH 43/48] undo

---
 apps/web/res/themes/light/css/_mods.pcss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/web/res/themes/light/css/_mods.pcss b/apps/web/res/themes/light/css/_mods.pcss
index 2bf6c86e4a6..4541b4afde3 100644
--- a/apps/web/res/themes/light/css/_mods.pcss
+++ b/apps/web/res/themes/light/css/_mods.pcss
@@ -7,3 +7,16 @@
 .mx_RoomSublist_showNButton {
     background-color: transparent !important;
 }
+
+/*
+    data-kind is used by the Compound <Link> component and therefore does not override them.
+    This is horrible, but will get less horrible when links in the app are replaced with
+    <Link>.
+*/
+a:not([data-kind]) {
+    &:hover,
+    &:link,
+    &:visited {
+        text-decoration: none;
+    }
+}

From e50b12675268eaf5f5ecce7ad73a0c6480ca035a Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:53:28 +0000
Subject: [PATCH 44/48] fix snap

---
 .../views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
index f5316275fae..f0c6c5586ce 100644
--- a/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/rooms/__snapshots__/NewRoomIntro-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`NewRoomIntro topic should render a link in the topic 1`] = `
   <span>
     Topic: 
     <span
-      class="_container_qfblg_8"
+      class="_container_15awj_8"
     >
       <span
         dir="auto"

From 6dc68b700ea3dbdd13520437978acb0a21633e3c Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Tue, 10 Mar 2026 10:57:58 +0000
Subject: [PATCH 45/48] another snapshot fix

---
 .../__snapshots__/RoomSummaryCardView-test.tsx.snap           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
index 25f4df9dae3..cbd83caff91 100644
--- a/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+++ b/apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
@@ -142,7 +142,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
               <span
-                class="_container_qfblg_8"
+                class="_container_15awj_8"
               >
                 <span
                   dir="auto"
@@ -1578,7 +1578,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
               class="_typography_6v6n8_153 _font-body-sm-regular_6v6n8_31"
             >
               <span
-                class="_container_qfblg_8"
+                class="_container_15awj_8"
               >
                 <span
                   dir="auto"

From eba6cf088134a95471d96fe06bdb3981cac925e3 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Wed, 11 Mar 2026 16:43:40 +0000
Subject: [PATCH 46/48] Tidy up based on review.

---
 apps/web/src/Linkify.ts                       |  46 +++++++
 .../components/views/rooms/NewRoomIntro.tsx   |  11 +-
 .../utils/LinkedText/LinkedText.stories.tsx   |  68 +++++------
 .../shared-components/src/utils/linkify.ts    | 115 ++++++++++--------
 4 files changed, 148 insertions(+), 92 deletions(-)

diff --git a/apps/web/src/Linkify.ts b/apps/web/src/Linkify.ts
index f860723ce2e..fdb51a86d65 100644
--- a/apps/web/src/Linkify.ts
+++ b/apps/web/src/Linkify.ts
@@ -208,6 +208,11 @@ export const sanitizeHtmlParams: IOptions = {
     nestingLimit: 50,
 };
 
+/**
+ * Handler function when a UserID link is clicked.
+ * @param event The click event
+ * @param userId The linked UserID
+ */
 function onUserClick(event: MouseEvent, userId: string): void {
     event.preventDefault();
     dis.dispatch<ViewUserPayload>({
@@ -216,6 +221,11 @@ function onUserClick(event: MouseEvent, userId: string): void {
     });
 }
 
+/**
+ * Handler function when a Room Alias link is clicked.
+ * @param event The click event
+ * @param roomAlias The linked room alias
+ */
 function onAliasClick(event: MouseEvent, roomAlias: string): void {
     event.preventDefault();
     dis.dispatch<ViewRoomPayload>({
@@ -226,6 +236,12 @@ function onAliasClick(event: MouseEvent, roomAlias: string): void {
     });
 }
 
+/**
+ * Generates a set of event handlers for a regular URL link.
+ *
+ * @param href The link location.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
 function urlEventListeners(href: string): LinkEventListener {
     // intercept local permalinks to users and show them like userids (in userinfo of current room)
     try {
@@ -255,6 +271,12 @@ function urlEventListeners(href: string): LinkEventListener {
     return {};
 }
 
+/**
+ * Generates a set of event handlers for a UserID link.
+ *
+ * @param href A link that contains a userId.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
 export function userIdEventListeners(href: string): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
@@ -265,6 +287,12 @@ export function userIdEventListeners(href: string): LinkEventListener {
     };
 }
 
+/**
+ * Generates a set of event handlers for a UserID link.
+ *
+ * @param href A link that contains a room alias.
+ * @returns Event listenenrs compatible with linkifyjs.
+ */
 export function roomAliasEventListeners(href: string): LinkEventListener {
     return {
         click: function (e: MouseEvent) {
@@ -275,6 +303,13 @@ export function roomAliasEventListeners(href: string): LinkEventListener {
     };
 }
 
+/**
+ * Generates a `target` attribute for the anchor element
+ * for the given `href` value.
+ *
+ * @param href A URL from a link.
+ * @returns The resulting `target` value.
+ */
 function urlTargetTransformFunction(href: string): string {
     try {
         const transformed = tryTransformPermalinkToLocalHref(href);
@@ -292,6 +327,13 @@ function urlTargetTransformFunction(href: string): string {
     return "";
 }
 
+/**
+ * Generates the result `href` value based on an incoming `href` value and a link type.
+ *
+ * @param href A URL from a link.
+ * @param type The type of link beinh handled.
+ * @returns The resulting `href` value.
+ */
 export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): string {
     switch (type) {
         case LinkifyMatrixOpaqueIdType.URL:
@@ -315,6 +357,10 @@ export function formatHref(href: string, type: LinkifyMatrixOpaqueIdType): strin
     }
 }
 
+/**
+ * The standard configuration for a LinkedTextContext.Provider
+ * within Element Web.
+ */
 export const LinkedTextConfiguration = {
     userIdListener: userIdEventListeners,
     roomAliasListener: roomAliasEventListeners,
diff --git a/apps/web/src/components/views/rooms/NewRoomIntro.tsx b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
index 958764fa881..1dec30785dc 100644
--- a/apps/web/src/components/views/rooms/NewRoomIntro.tsx
+++ b/apps/web/src/components/views/rooms/NewRoomIntro.tsx
@@ -65,13 +65,10 @@ const NewRoomIntro: React.FC = () => {
         dmPartner = DMRoomMap.shared().getUserIdForRoomId(roomId);
     }
 
-    const renderedTopic = useMemo(() => {
-        if (dmPartner) {
-            return undefined;
-        }
-        return <LinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</LinkedText>;
-    }, [topic, dmPartner]);
-
+    const renderedTopic = useMemo(
+        () => (dmPartner ? undefined : <LinkedText as="span">{topicToHtml(topic?.text, topic?.html)}</LinkedText>),
+        [topic, dmPartner],
+    );
     if (!room || !roomId) {
         throw new Error("Unable to create a NewRoomIntro without room and roomId");
     }
diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index 8cbc46af291..caf80665adf 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -8,59 +8,57 @@
 import React, { type ComponentProps } from "react";
 import { fn } from "storybook/test";
 
-import type { Meta, StoryFn } from "@storybook/react-vite";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { LinkedText } from "./LinkedText";
 import { LinkedTextContext } from "./LinkedTextContext";
 
-export default {
+const meta = {
     title: "Utils/LinkedText",
     component: LinkedText,
+    decorators: [
+        (Story) => (
+            <LinkedTextContext.Provider value={args}>
+                <Story />
+            </LinkedTextContext.Provider>
+        ),
+    ],
     args: {
         children: "I love working on https://matrix.org.",
     },
-    argTypes: {
-        canClick: { control: "boolean" },
-    },
     tags: ["autodocs"],
 } satisfies Meta<ComponentProps<typeof LinkedText> & ComponentProps<typeof LinkedTextContext>["value"]>;
 
-const Template: StoryFn<ComponentProps<typeof LinkedText> & ComponentProps<typeof LinkedTextContext>["value"]> = ({
-    children,
-    ...args
-}) => (
-    <LinkedTextContext.Provider value={args}>
-        <LinkedText>{children}</LinkedText>
-    </LinkedTextContext.Provider>
-);
-
-export const Default = Template.bind({});
-Default.args = {};
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const WithUserId = Template.bind({});
+export const Default: Story = {};
 
-WithUserId.args = {
-    children: "I love talking to @alice:example.org.",
-    userIdListener: fn(),
+export const WithUserId: Story = {
+    args: {
+        children: "I love talking to @alice:example.org.",
+        userIdListener: fn(),
+    },
 };
 
-export const WithRoomAlias = Template.bind({});
-
-WithRoomAlias.args = {
-    children: "I love talking in #general:example.org.",
-    roomAliasListener: fn(),
+export const WithRoomAlias: Story = {
+    args: {
+        children: "I love talking in #general:example.org.",
+        roomAliasListener: fn(),
+    },
 };
 
-export const WithCustomUrlTarget = Template.bind({});
-WithCustomUrlTarget.tags = ["skip-test"];
-WithCustomUrlTarget.args = {
-    urlTargetTransformer: () => "_fake_target",
+export const WithCustomUrlTarget: Story = {
+    args: {
+        urlTargetTransformer: () => "_fake_target",
+    },
+    tags: ["skip-test"],
 };
 
-export const WithCustomHref = Template.bind({});
-
-WithCustomHref.tags = ["skip-test"];
-WithCustomHref.args = {
-    hrefTransformer: () => {
-        return "https://example.org";
+export const WithCustomHref: Story = {
+    args: {
+        hrefTransformer: () => {
+            return "https://example.org";
+        },
     },
+    tags: ["skip-test"],
 };
diff --git a/packages/shared-components/src/utils/linkify.ts b/packages/shared-components/src/utils/linkify.ts
index b7ab78c9bdc..7ff737c2cb0 100644
--- a/packages/shared-components/src/utils/linkify.ts
+++ b/packages/shared-components/src/utils/linkify.ts
@@ -6,6 +6,8 @@
  */
 
 import * as linkifyjs from "linkifyjs";
+import { default as linkifyString } from "linkify-string"; // Only exported by this file, but imported for jsdoc.
+import { default as linkifyHtml } from "linkify-html"; // Only exported by this file, but imported for jsdoc.
 
 /**
  * This file describes common linkify configuration settings such as supported protocols.
@@ -46,18 +48,6 @@ export const LinkifyOptionalSlashProtocols = [
  */
 export const PERMITTED_URL_SCHEMES = [...LinkifySupportedProtocols, ...LinkifyOptionalSlashProtocols];
 
-// Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
-// https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
-// This also handles registering the `matrix:` protocol scheme
-PERMITTED_URL_SCHEMES.forEach((scheme) => {
-    if (!LinkifySupportedProtocols.includes(scheme)) {
-        linkifyjs.registerCustomProtocol(scheme, LinkifyOptionalSlashProtocols.includes(scheme));
-    }
-});
-
-// 'mxc' is specialcased. They can be linked to
-linkifyjs.registerCustomProtocol("mxc", false);
-
 export enum LinkifyMatrixOpaqueIdType {
     URL = "url",
     UserId = "userid",
@@ -65,9 +55,11 @@ export enum LinkifyMatrixOpaqueIdType {
 }
 
 /**
- * Finds instances of room aliases and user IDs.
+ * Plugin function for linkifyjs to find Matrix Room or User IDs.
+ *
+ * Should be used exclusively by a `registerPlugin` function call.
  */
-function matrixOpaqueIdLinkifyParser({
+function parseOpaqueIdsToMatrixIds({
     scanner,
     parser,
     token,
@@ -107,48 +99,27 @@ function matrixOpaqueIdLinkifyParser({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ) as any as linkifyjs.State<linkifyjs.MultiToken>; // linkify doesn't appear to type this correctly
 
-    const INITIAL_STATE = parser.start.tt(token);
+    const initialState = parser.start.tt(token);
 
     // Localpart
-    const LOCALPART_STATE = new linkifyjs.State<linkifyjs.MultiToken>();
-    INITIAL_STATE.ta(domain, LOCALPART_STATE);
-    INITIAL_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
-    LOCALPART_STATE.ta(domain, LOCALPART_STATE);
-    LOCALPART_STATE.ta(additionalLocalpartTokens, LOCALPART_STATE);
+    const localpartState = new linkifyjs.State<linkifyjs.MultiToken>();
+    initialState.ta(domain, localpartState);
+    initialState.ta(additionalLocalpartTokens, localpartState);
+    localpartState.ta(domain, localpartState);
+    localpartState.ta(additionalLocalpartTokens, localpartState);
 
     // Domainpart
-    const DOMAINPART_STATE_DOT = LOCALPART_STATE.tt(COLON);
-    DOMAINPART_STATE_DOT.ta(domain, matrixTokenState);
-    DOMAINPART_STATE_DOT.ta(additionalDomainpartTokens, matrixTokenState);
+    const domainStateDot = localpartState.tt(COLON);
+    domainStateDot.ta(domain, matrixTokenState);
+    domainStateDot.ta(additionalDomainpartTokens, matrixTokenState);
     matrixTokenState.ta(domain, matrixTokenState);
     matrixTokenState.ta(additionalDomainpartTokens, matrixTokenState);
-    matrixTokenState.tt(DOT, DOMAINPART_STATE_DOT);
+    matrixTokenState.tt(DOT, domainStateDot);
 
     // Port suffixes
     matrixTokenState.tt(COLON).tt(NUM, matrixTokenWithPortState);
 }
 
-// Register plugins
-linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.RoomAlias, ({ scanner, parser }) => {
-    const token = scanner.tokens.POUND as "#";
-    matrixOpaqueIdLinkifyParser({
-        scanner,
-        parser,
-        token,
-        name: LinkifyMatrixOpaqueIdType.RoomAlias,
-    });
-});
-
-linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser }) => {
-    const token = scanner.tokens.AT as "@";
-    matrixOpaqueIdLinkifyParser({
-        scanner,
-        parser,
-        token,
-        name: LinkifyMatrixOpaqueIdType.UserId,
-    });
-});
-
 export type LinkEventListener = linkifyjs.EventListeners;
 
 export interface LinkedTextOptions {
@@ -182,9 +153,9 @@ export interface LinkedTextOptions {
  * Generates a linkifyjs options object that is reasonably paired down
  * to just the essentials required for an Element client.
  *
- * @return A `linkifyjs` `Opts` object. Used by `linkifyString` and `linkifyHtml`
- * @see `linkifyHtml`
- * @see `linkifyString`
+ * @return A `linkifyjs` `Opts` object. Used by `linkifyString` and `linkifyHtml
+ * @see {@link linkifyHtml}
+ * @see {@link linkifyString}
  */
 export function generateLinkedTextOptions({
     urlListener,
@@ -283,6 +254,7 @@ export function findLinksInString(str: string): ReturnType<typeof linkifyjs.find
  * @param str A string value to be tested if the entire value is linkable.
  * @returns Whether or not the `str` value is a link.
  * @see `PERMITTED_URL_SCHEMES` for permitted links.
+ * @see {@link linkifyjs.test}
  */
 export function isLinkable(str: string): boolean {
     return linkifyjs.test(str);
@@ -293,5 +265,48 @@ export function isLinkable(str: string): boolean {
  */
 export const LINKIFIED_DATA_ATTRIBUTE = "linkified";
 
-export { default as linkifyString } from "linkify-string";
-export { default as linkifyHtml } from "linkify-html";
+export { linkifyString, linkifyHtml };
+
+// Linkifyjs MUST be configured globally as it has no ability to be instanced seperately
+// so we ensure it's always configured the same way.
+let linkifyJSConfigured = false;
+function configureLinkifyJS(): void {
+    if (linkifyJSConfigured) {
+        return;
+    }
+    // Register plugins
+    linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.RoomAlias, ({ scanner, parser }) => {
+        const token = scanner.tokens.POUND as "#";
+        parseOpaqueIdsToMatrixIds({
+            scanner,
+            parser,
+            token,
+            name: LinkifyMatrixOpaqueIdType.RoomAlias,
+        });
+    });
+
+    linkifyjs.registerPlugin(LinkifyMatrixOpaqueIdType.UserId, ({ scanner, parser }) => {
+        const token = scanner.tokens.AT as "@";
+        parseOpaqueIdsToMatrixIds({
+            scanner,
+            parser,
+            token,
+            name: LinkifyMatrixOpaqueIdType.UserId,
+        });
+    });
+
+    // 'mxc' is specialcased. They can be linked to
+    linkifyjs.registerCustomProtocol("mxc", false);
+
+    // Linkify supports some common protocols but not others, register all permitted url schemes if unsupported
+    // https://github.com/nfrasser/linkifyjs/blob/main/packages/linkifyjs/src/scanner.mjs#L171-L177
+    // This also handles registering the `matrix:` protocol scheme
+    PERMITTED_URL_SCHEMES.forEach((scheme) => {
+        if (!LinkifySupportedProtocols.includes(scheme)) {
+            linkifyjs.registerCustomProtocol(scheme, LinkifyOptionalSlashProtocols.includes(scheme));
+        }
+    });
+    linkifyJSConfigured = true;
+}
+
+configureLinkifyJS();

From d6068722404f5101d3a2ab72cc1b58f813aa679e Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Wed, 11 Mar 2026 16:46:32 +0000
Subject: [PATCH 47/48] fix story

---
 .../src/utils/LinkedText/LinkedText.stories.tsx                 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index caf80665adf..32e53df64ee 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -17,7 +17,7 @@ const meta = {
     component: LinkedText,
     decorators: [
         (Story) => (
-            <LinkedTextContext.Provider value={args}>
+            <LinkedTextContext.Provider value={{}}>
                 <Story />
             </LinkedTextContext.Provider>
         ),

From a9afb3da0ae4d73ddf00a2c54eed2e9e74eef853 Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 12 Mar 2026 09:43:46 +0000
Subject: [PATCH 48/48] Pass in args

---
 .../src/utils/LinkedText/LinkedText.stories.tsx       | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
index 32e53df64ee..e5c1b5bc5b8 100644
--- a/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
+++ b/packages/shared-components/src/utils/LinkedText/LinkedText.stories.tsx
@@ -16,8 +16,15 @@ const meta = {
     title: "Utils/LinkedText",
     component: LinkedText,
     decorators: [
-        (Story) => (
-            <LinkedTextContext.Provider value={{}}>
+        (Story, { args }) => (
+            <LinkedTextContext.Provider
+                value={{
+                    userIdListener: args.userIdListener,
+                    roomAliasListener: args.roomAliasListener,
+                    urlTargetTransformer: args.urlTargetTransformer,
+                    hrefTransformer: args.hrefTransformer,
+                }}
+            >
                 <Story />
             </LinkedTextContext.Provider>
         ),