discord-html-transcripts-fix 1.2.0 → 1.3.0

package/dist/generator/renderers/message.js

@@ -47,8 +47,19 @@ const embed_1 = require("./embed");
 const reply_1 = __importDefault(require("./reply"));
 const systemMessage_1 = __importDefault(require("./systemMessage"));
 
+const FLAG_CROSSPOSTED = 1 << 0;
+const FLAG_IS_CROSSPOST = 1 << 1;
 const FLAG_SUPPRESS_EMBEDS = 1 << 2;
+const FLAG_SUPPRESS_NOTIFICATIONS = 1 << 12;
 const FLAG_IS_VOICE_MESSAGE = 1 << 13;
+const FLAG_HAS_SNAPSHOT = 1 << 14;
+const ACTIVITY_TYPES = { 1: 'Join', 2: 'Spectate', 3: 'Listen', 5: 'Join Request' };
+
+function abbrCount(n) {
+    if (n < 1000) return String(n);
+    if (n < 1000000) return (n / 1000).toFixed(n < 10000 ? 1 : 0).replace(/\.0$/, '') + 'K';
+    return (n / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
+}
 
 function t(context, key, fallback) {
     const dict = context?.i18n?.[context?.lang] || context?.i18n?.en || {};
@@ -60,7 +71,18 @@ async function DiscordMessage({ message, context }) {
         if (message.system)
             return (0, jsx_runtime_1.jsx)(systemMessage_1.default, { message: message, context: context });
 
-        const isCrosspost = message.reference && message.reference.guildId !== message.guild?.id;
+        const isCrossGuildReply = message.reference && message.reference.guildId !== message.guild?.id;
+
+        // Data-attrs for client-side filtering (keyword/author/role/date/has-*).
+        const memberRoleIds = message.member?.roles?.cache
+            ? Array.from(message.member.roles.cache.keys()).join(',')
+            : '';
+        const authorName = (message.member?.nickname || message.author?.displayName || message.author?.username || '').toLowerCase();
+        const ts = message.createdAt instanceof Date ? message.createdAt.getTime() : 0;
+        const lowerText = (message.content || '').toLowerCase().slice(0, 4096);
+        const hasImage = message.attachments && Array.from(message.attachments.values()).some(a => typeof a.contentType === 'string' && a.contentType.startsWith('image/'));
+        const hasEmbed = message.embeds && message.embeds.length > 0;
+        const hasAttachment = message.attachments && message.attachments.size > 0;
         const stickers = message.stickers && message.stickers.size > 0
             ? Array.from(message.stickers.values()).map((s) => ({
                 id: s.id,
@@ -74,6 +96,13 @@ async function DiscordMessage({ message, context }) {
         const flags = (typeof message.flags?.bitfield === 'number') ? message.flags.bitfield : 0;
         const suppressEmbeds = !!(flags & FLAG_SUPPRESS_EMBEDS);
         const isVoice = !!(flags & FLAG_IS_VOICE_MESSAGE);
+        const isCrosspost = !!(flags & FLAG_IS_CROSSPOST);
+        const isCrossposted = !!(flags & FLAG_CROSSPOSTED);
+        const isSilent = !!(flags & FLAG_SUPPRESS_NOTIFICATIONS);
+        const activity = message.activity ? {
+            type: ACTIVITY_TYPES[message.activity.type] || 'Activity',
+            partyId: message.activity.partyId,
+        } : null;
 
         // Forwarded message snapshots (messageSnapshots) — render before the empty body
         const snapshots = Array.isArray(message.messageSnapshots) ? message.messageSnapshots : [];
@@ -82,19 +111,75 @@ async function DiscordMessage({ message, context }) {
 
         const editedAtIso = message.editedAt instanceof Date ? message.editedAt.toISOString() : null;
         const pinned = !!message.pinned;
+        const verifiedBot = !!message.author?.flags?.has?.(discord_js_1.UserFlags.VerifiedBot);
+
+        // Forum applied tags — only on the first message of a forum thread (the post itself)
+        let appliedTagPills = null;
+        if (message.channel?.isThread?.() && message.channel.parent?.availableTags && Array.isArray(message.channel.appliedTags) && message.channel.appliedTags.length > 0) {
+            const isFirstInThread = message.id === message.channel.id; // Forum post: thread id === starter message id
+            if (isFirstInThread) {
+                const available = message.channel.parent.availableTags;
+                appliedTagPills = (0, jsx_runtime_1.jsx)("div", {
+                    className: "dht-applied-tags",
+                    children: message.channel.appliedTags.map((tagId) => {
+                        const tag = available.find((t) => t.id === tagId);
+                        if (!tag) return null;
+                        return (0, jsx_runtime_1.jsxs)("span", { className: "dht-tag-pill", children: [
+                            tag.emoji?.name && (0, jsx_runtime_1.jsx)("span", { className: "dht-tag-emoji", children: tag.emoji.name }),
+                            ' ',
+                            tag.name
+                        ] }, tagId);
+                    })
+                });
+            }
+        }
+
+        // Build a comma-separated badge list for additional flag rendering
+        const slashCmdLine = renderSlashCommandLine(message, context);
+
+        // Resolve author profile data for Skyra slot attributes — without these the
+        // <discord-message> web component falls back to a generic display
+        const authorMember = message.member;
+        const authorDisplay = authorMember?.nickname ?? message.author?.displayName ?? message.author?.username;
+        const authorAvatar = authorMember?.displayAvatarURL?.({ size: 64 }) ?? message.author?.displayAvatarURL?.({ size: 64 });
+        const authorRoleHex = authorMember?.displayHexColor && authorMember.displayHexColor !== '#000000' ? authorMember.displayHexColor : undefined;
 
         return ((0, jsx_runtime_1.jsxs)("discord-message", {
             id: `m-${message.id}`,
             timestamp: message.createdAt,
             edited: message.editedAt !== null,
-            server: isCrosspost ?? undefined,
+            server: (isCrossGuildReply || isCrosspost || isCrossposted) ? true : undefined,
             highlight: message.mentions.everyone || pinned,
             profile: message.author.id,
+            author: authorDisplay,
+            avatar: authorAvatar,
+            roleColor: authorRoleHex,
+            bot: message.author?.bot && !message.webhookId ? true : undefined,
+            verified: verifiedBot ? true : undefined,
+            className: pinned ? 'dht-msg dht-msg-pinned' : 'dht-msg',
+            "data-author-id": message.author.id,
+            "data-author-name": authorName,
+            "data-roles": memberRoleIds,
+            "data-timestamp": ts ? String(ts) : undefined,
+            "data-text": lowerText,
+            "data-pinned": pinned ? 'true' : undefined,
+            "data-has-image": hasImage ? 'true' : undefined,
+            "data-has-embed": hasEmbed ? 'true' : undefined,
+            "data-has-attachment": hasAttachment ? 'true' : undefined,
             children: [
-                pinned && (0, jsx_runtime_1.jsx)("div", { className: "dht-pinned-indicator", title: "Pinned", children: "📌" }),
+                pinned && (0, jsx_runtime_1.jsx)("div", { className: "dht-pinned-indicator", title: "Pinned message", children: "📌" }),
+                appliedTagPills,
                 (0, jsx_runtime_1.jsx)(reply_1.default, { message: message, context: context }),
                 message.interaction && ((0, jsx_runtime_1.jsx)("discord-command", { slot: "reply", profile: message.interaction.user.id, command: '/' + message.interaction.commandName })),
-                isApp && (0, jsx_runtime_1.jsx)("span", { className: "dht-app-badge", "data-i18n": "appBadge", children: t(context, 'appBadge', 'APP') }),
+                slashCmdLine,
+                isApp && (0, jsx_runtime_1.jsxs)("span", { className: "dht-app-badge", "data-i18n": "appBadge", children: [t(context, 'appBadge', 'APP'), verifiedBot && (0, jsx_runtime_1.jsx)("span", { className: "dht-verified-check", title: "Verified Bot", children: '✓' })] }),
+                isCrossposted && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-crosspost", title: "Published from announcement channel", children: '📣 Published' }),
+                isCrosspost && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-crosspost", title: "Follows another channel", children: '📡 Follow' }),
+                isSilent && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-silent", title: "Silent message (no notification)", children: '🔕 Silent' }),
+                activity && (0, jsx_runtime_1.jsxs)("div", { className: "dht-activity", children: [
+                    (0, jsx_runtime_1.jsx)("span", { className: "dht-activity-icon", children: '🎮' }),
+                    (0, jsx_runtime_1.jsxs)("span", { children: [activity.type, ' invite', activity.partyId ? ` · Party ${activity.partyId.slice(-6)}` : ''] })
+                ] }),
                 editedAtIso && (0, jsx_runtime_1.jsx)("span", { className: "dht-edit-marker", title: editedAtIso, "data-edit-iso": editedAtIso, "data-i18n": "edited", "data-i18n-params": JSON.stringify({ time: editedAtIso }), children: '(' + t(context, 'edited', 'edited') + ')' }),
                 Array.isArray(message.editHistory) && message.editHistory.length > 0 && renderEditHistory(message.editHistory, context),
                 snapshots.length > 0 && renderSnapshots(snapshots, context),
@@ -109,13 +194,26 @@ async function DiscordMessage({ message, context }) {
                 message.reactions.cache.size > 0 && ((0, jsx_runtime_1.jsx)("discord-reactions", {
                     slot: "reactions",
                     children: Array.from(message.reactions.cache.values()).map((reaction, id) => {
-                        const burst = reaction.burst_count > 0 || (reaction.count_details?.burst > 0);
+                        const total = reaction.count ?? 0;
+                        const burstCount = reaction.count_details?.burst || reaction.burst_count || 0;
+                        const burst = burstCount > 0;
+                        const burstColors = Array.isArray(reaction.burst_colors) && reaction.burst_colors.length
+                            ? reaction.burst_colors.filter((c) => typeof c === 'string' && /^#[0-9a-fA-F]{3,8}$/.test(c))
+                            : [];
+                        const title = burst
+                            ? `${total} reactions (${burstCount} super)`
+                            : `${total} reaction${total !== 1 ? 's' : ''}`;
+                        const style = burst && burstColors.length
+                            ? { boxShadow: `inset 0 0 0 2px ${burstColors[0]}` }
+                            : undefined;
                         return ((0, jsx_runtime_1.jsx)("discord-reaction", {
                             name: reaction.emoji?.name || ':unknown:',
                             emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji) || undefined,
-                            count: reaction.count ?? 0,
+                            count: abbrCount(total),
+                            title,
                             "data-burst": burst ? 'true' : undefined,
-                            className: burst ? 'dht-reaction--burst' : undefined
+                            className: burst ? 'dht-reaction--burst' : undefined,
+                            style,
                         }, `${message.id}r${id}`));
                     })
                 })),
@@ -147,12 +245,25 @@ function renderThread(thread, context) {
 function renderStickers(stickers) {
     return (0, jsx_runtime_1.jsx)("div", {
         className: "dht-stickers",
-        children: stickers.map((s) => (0, jsx_runtime_1.jsx)("img", {
-            src: s.url,
-            alt: s.name || 'sticker',
-            title: s.name || '',
-            className: "dht-sticker"
-        }, s.id))
+        children: stickers.map((s) => {
+            // Discord sticker formats: 1=PNG, 2=APNG (animated png), 3=Lottie (JSON), 4=GIF
+            const format = s.format;
+            const baseUrl = `https://media.discordapp.net/stickers/${s.id}`;
+            if (format === 3) {
+                // Lottie — render as iframe to discord's lottie player CDN page, or fallback link
+                return (0, jsx_runtime_1.jsxs)("div", { className: "dht-sticker dht-sticker--lottie", title: s.name || '', children: [
+                    (0, jsx_runtime_1.jsx)("div", { className: "dht-sticker-placeholder", children: '🎞️' }),
+                    (0, jsx_runtime_1.jsxs)("span", { className: "dht-sticker-name", children: [s.name || 'sticker', ' (Lottie)'] })
+                ] }, s.id);
+            }
+            if (format === 4) {
+                return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.gif`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker" }, s.id);
+            }
+            if (format === 2) {
+                return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.png`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker dht-sticker--apng" }, s.id);
+            }
+            return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.png`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker" }, s.id);
+        })
     });
 }
 
@@ -160,7 +271,8 @@ function renderPoll(poll, context) {
     let totalVotes = 0;
     const answers = poll.answers ? Array.from(poll.answers.values()) : [];
     for (const a of answers) totalVotes += a.voteCount || 0;
-    const expires = poll.expiresAt instanceof Date ? poll.expiresAt.toLocaleString('de-DE') : '';
+    const locale = context?.lang === 'de' ? 'de-DE' : 'en-US';
+    const expires = poll.expiresAt instanceof Date ? poll.expiresAt.toLocaleString(locale) : '';
 
     return (0, jsx_runtime_1.jsxs)("div", {
         className: "dht-poll",
@@ -187,51 +299,132 @@ function renderPoll(poll, context) {
 }
 
 function renderVoiceIndicator(message, context) {
-    const audio = message.attachments?.find?.((a) => typeof a.contentType === 'string' && a.contentType.startsWith('audio/'));
+    // FIX: discord.js Collection.find takes a predicate but on Map it conflicts; iterate values explicitly.
+    let audio = null;
+    if (message.attachments && typeof message.attachments.values === 'function') {
+        for (const a of message.attachments.values()) {
+            if (typeof a.contentType === 'string' && a.contentType.startsWith('audio/')) { audio = a; break; }
+        }
+    }
     const duration = audio?.duration_secs || audio?.durationSecs;
     const waveformB64 = audio?.waveform;
-    let waveformSvg = null;
-    if (typeof waveformB64 === 'string' && waveformB64.length > 0) {
+    let waveformRects = null;
+    let waveformWidth = 0;
+    if (typeof waveformB64 === 'string' && waveformB64.length > 0 && waveformB64.length < 16384) {
         try {
             const buf = Buffer.from(waveformB64, 'base64');
             const bars = Array.from(buf).slice(0, 100);
             const max = bars.length ? Math.max(1, ...bars) : 1;
-            const width = bars.length * 3;
-            const rects = bars.map((b, i) => {
+            waveformWidth = bars.length * 3;
+            waveformRects = bars.map((b, i) => {
                 const h = Math.max(2, (b / max) * 20);
-                return `<rect x="${i * 3}" y="${(22 - h) / 2}" width="2" height="${h}" rx="1" fill="#5865F2"/>`;
-            }).join('');
-            waveformSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} 22" width="${width}" height="22">${rects}</svg>`;
-        } catch (_e) {}
+                return (0, jsx_runtime_1.jsx)("rect", { x: i * 3, y: (22 - h) / 2, width: 2, height: h, rx: 1, fill: "#5865F2" }, i);
+            });
+        } catch (_e) { waveformRects = null; }
     }
     return (0, jsx_runtime_1.jsxs)("div", { className: "dht-voice", children: [
         (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-icon", children: '🎤' }),
         (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-label", "data-i18n": "voiceMessage", children: t(context, 'voiceMessage', 'Voice message') }),
-        waveformSvg && (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-wave", dangerouslySetInnerHTML: { __html: waveformSvg } }),
+        waveformRects && (0, jsx_runtime_1.jsx)("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: `0 0 ${waveformWidth} 22`,
+            width: waveformWidth,
+            height: 22,
+            className: "dht-voice-wave",
+            children: waveformRects,
+        }),
         duration ? (0, jsx_runtime_1.jsxs)("span", { className: "dht-voice-dur", children: [Math.round(duration), 's'] }) : null,
     ] });
 }
 
-function renderSnapshots(snapshots, context) {
+function toArray(maybeColl) {
+    if (!maybeColl) return [];
+    if (Array.isArray(maybeColl)) return maybeColl;
+    if (typeof maybeColl.values === 'function') return Array.from(maybeColl.values());
+    if (typeof maybeColl === 'object') return Object.values(maybeColl);
+    return [];
+}
+
+function renderSnapshots(snapshots, context, depth = 0) {
+    const arr = toArray(snapshots);
+    if (arr.length === 0 || depth >= 5) return null; // hard-cap at 5 levels
     return (0, jsx_runtime_1.jsx)("div", {
         className: "dht-forwarded-wrap",
-        children: snapshots.map((snap, i) => {
+        children: arr.map((snap, i) => {
             const m = snap.message || snap;
             const author = m?.author?.displayName || m?.author?.username || 'Unknown';
             const text = m?.content || '';
-            return (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded", children: [
+            const attachments = toArray(m?.attachments);
+            const nested = toArray(m?.messageSnapshots);
+            const embeds = toArray(m?.embeds);
+            const stickers = toArray(m?.stickers).map((s) => ({
+                id: s.id,
+                name: s.name,
+                url: s.url || `https://media.discordapp.net/stickers/${s.id}.png`,
+                format: s.format,
+            }));
+            return (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded", "data-depth": depth, children: [
                 (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-head", children: [
-                    (0, jsx_runtime_1.jsx)("span", { className: "dht-forwarded-icon", children: '↪️' }),
+                    (0, jsx_runtime_1.jsx)("span", { className: "dht-forwarded-icon", children: '↪' }),
                     (0, jsx_runtime_1.jsx)("span", { "data-i18n": "forwardedFrom", children: t(context, 'forwardedFrom', 'Forwarded from') }),
                     (0, jsx_runtime_1.jsx)("strong", { children: ' ' + author }),
                 ] }),
-                text && (0, jsx_runtime_1.jsx)("div", { className: "dht-forwarded-body", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: text, context: Object.assign({}, context, { type: content_1.RenderType.REPLY }) }) }),
-                Array.isArray(m?.attachments) && m.attachments.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-attachments", children: [m.attachments.length, ' attachment(s)'] }),
+                text && (0, jsx_runtime_1.jsx)("div", { className: "dht-forwarded-body", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: text, context: Object.assign({}, context, { type: content_1.RenderType.NORMAL }) }) }),
+                attachments.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-attachments", children: [
+                    (0, jsx_runtime_1.jsxs)("strong", { children: ['📎 ', attachments.length, ' attachment', attachments.length !== 1 ? 's' : '', ':'] }),
+                    (0, jsx_runtime_1.jsx)("ul", { children: attachments.map((a, ai) => {
+                        const safeUrl = (0, utils_1.safeHref)(a.url);
+                        return (0, jsx_runtime_1.jsxs)("li", { children: [
+                            a.contentType?.startsWith?.('image/') && a.url
+                                ? (0, jsx_runtime_1.jsx)("img", { src: safeUrl !== '#' ? safeUrl : '', alt: a.name || '', style: { maxWidth: '200px', borderRadius: '4px', display: 'block', margin: '4px 0' } })
+                                : (0, jsx_runtime_1.jsxs)("a", { href: safeUrl, target: "_blank", rel: "noreferrer", children: [a.name || 'attachment', a.size ? ` (${Math.round(a.size / 1024)} KB)` : ''] })
+                        ] }, ai);
+                    }) })
+                ] }),
+                stickers.length > 0 && renderStickers(stickers),
+                embeds.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-embeds", children: ['📑 ', embeds.length, ' embed', embeds.length !== 1 ? 's' : ''] }),
+                nested.length > 0 && renderSnapshots(nested, context, depth + 1),
             ] }, i);
         })
     });
 }
 
+function renderSlashCommandLine(message, context) {
+    const interaction = message?.interaction;
+    const metadata = message?.interactionMetadata;
+    const optsRaw = message?.interactionOptions || interaction?.options;
+    // Build command path: /cmd group? subcommand? plus key:value options
+    if (!optsRaw && !metadata) return null;
+
+    const opts = Array.isArray(optsRaw) ? optsRaw : [];
+    let cmdParts = [interaction?.commandName || '?'];
+    let valueOpts = opts;
+
+    // Detect subcommand groups: nested option structure { type:2/1 (group/subcommand), name, options }
+    for (let i = 0; i < 2; i++) {
+        if (valueOpts.length === 1 && valueOpts[0] && (valueOpts[0].type === 1 || valueOpts[0].type === 2)) {
+            cmdParts.push(valueOpts[0].name);
+            valueOpts = Array.isArray(valueOpts[0].options) ? valueOpts[0].options : [];
+        }
+    }
+    // Filter out autocomplete-only `focused` options
+    valueOpts = valueOpts.filter((o) => o && !o.focused);
+
+    if (!valueOpts.length && cmdParts.length === 1 && !metadata) return null;
+
+    const triggeredBy = metadata?.user || interaction?.user;
+
+    return (0, jsx_runtime_1.jsxs)("div", { className: "dht-slash-options", children: [
+        (0, jsx_runtime_1.jsx)("span", { className: "dht-slash-cmd-name", children: '/' + cmdParts.filter(Boolean).join(' ') }),
+        valueOpts.map((o, i) => (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt", children: [
+            (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt-name", children: [String(o.name), ':'] }),
+            ' ',
+            (0, jsx_runtime_1.jsx)("span", { className: "dht-slash-opt-val", children: String(o.value ?? '') })
+        ] }, i)),
+        triggeredBy && (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt", children: ['by ', (0, jsx_runtime_1.jsx)("strong", { children: triggeredBy.displayName || triggeredBy.username || triggeredBy.id })] })
+    ] });
+}
+
 function renderEditHistory(history, context) {
     // Optional feature — host bot may attach `message.editHistory: [{content, editedAt}, …]`
     return (0, jsx_runtime_1.jsxs)("details", { className: "dht-edit-history", children: [

package/dist/generator/renderers/reply.js

@@ -33,7 +33,12 @@ async function MessageReply({ message, context }) {
         return (0, jsx_runtime_1.jsx)("discord-reply", { slot: "reply", children: "Message could not be loaded." });
 
     const isCrossPost = referencedMessage.reference && referencedMessage.reference.guildId !== message.guild?.id;
-    const isCommand = referencedMessage.interaction !== null;
+    const isCommand = !!referencedMessage.interaction;
+    // Special-case: replying to a forwarded-only / Components-V2-only message has empty content
+    const hasContent = !!referencedMessage.content;
+    const hasSnapshot = Array.isArray(referencedMessage.messageSnapshots) && referencedMessage.messageSnapshots.length > 0;
+    const hasComponents = Array.isArray(referencedMessage.components) && referencedMessage.components.length > 0;
+    const hasSticker = referencedMessage.stickers?.size > 0;
     const author = referencedMessage.member?.nickname ?? referencedMessage.author.displayName ?? referencedMessage.author.username;
     const avatar = referencedMessage.author.avatarURL?.({ size: 32 }) ?? undefined;
     const roleColor = referencedMessage.member?.displayHexColor ?? undefined;
@@ -51,11 +56,17 @@ async function MessageReply({ message, context }) {
         op: op,
         server: isCrossPost ?? undefined,
         command: isCommand,
-        children: referencedMessage.content
+        children: hasContent
             ? (0, jsx_runtime_1.jsx)("span", { "data-goto": referencedMessage.id, className: "reply-inline", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: referencedMessage.content, context: Object.assign({}, context, { type: content_1.RenderType.REPLY }) }) })
             : isCommand
                 ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see command." })
-                : (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see attachment." })
+                : hasSnapshot
+                    ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see forwarded message." })
+                    : hasComponents
+                        ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see message." })
+                        : hasSticker
+                            ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see sticker." })
+                            : (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see attachment." })
     }));
 }
 //# sourceMappingURL=reply.js.map

package/dist/generator/renderers/systemMessage.js

@@ -23,13 +23,15 @@ async function SystemMessage({ message, context }) {
         case discord_js_1.MessageType.UserJoin:
             return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "join", children: (0, jsx_runtime_1.jsx)(JoinMessage, { member: message.member, fallbackUser: author, seed: message.id, context: ctx }) }, message.id));
 
-        case discord_js_1.MessageType.ChannelPinnedMessage:
+        case discord_js_1.MessageType.ChannelPinnedMessage: {
+            const refId = message.reference?.messageId;
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "pin", children: [
                 (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
                 ' ',
                 (0, jsx_runtime_1.jsx)("span", { "data-i18n": "pinned", children: t(ctx, 'pinned', 'pinned a message to this channel.') }),
-                (0, jsx_runtime_1.jsx)("i", { "data-goto": message.reference?.messageId, children: " (jump)" }),
+                refId ? (0, jsx_runtime_1.jsx)("i", { "data-goto": refId, className: "dht-jump", role: "button", tabIndex: 0, children: " (jump)" }) : null,
             ] }, message.id));
+        }
 
         case discord_js_1.MessageType.GuildBoost:
         case discord_js_1.MessageType.GuildBoostTier1:
@@ -42,14 +44,19 @@ async function SystemMessage({ message, context }) {
             ] }, message.id));
 
         case discord_js_1.MessageType.ThreadStarterMessage:
-        case discord_js_1.MessageType.ThreadCreated:
+        case discord_js_1.MessageType.ThreadCreated: {
+            const refId = message.reference?.messageId;
+            const label = message.content || 'New thread';
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "thread", children: [
                 (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
                 ' ',
                 (0, jsx_runtime_1.jsx)("span", { "data-i18n": "threadStarted", children: t(ctx, 'threadStarted', 'started a thread:') }),
                 ' ',
-                (0, jsx_runtime_1.jsx)("i", { "data-goto": message.reference?.messageId, children: message.content || 'New thread' }),
+                refId
+                    ? (0, jsx_runtime_1.jsx)("i", { "data-goto": refId, className: "dht-jump", role: "button", tabIndex: 0, children: label })
+                    : (0, jsx_runtime_1.jsx)("i", { children: label }),
             ] }, message.id));
+        }
 
         case discord_js_1.MessageType.ChannelNameChange:
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
@@ -86,12 +93,17 @@ async function SystemMessage({ message, context }) {
                 (0, jsx_runtime_1.jsx)("span", { "data-i18n": "startedCall", children: t(ctx, 'startedCall', 'started a call.') }),
             ] }, message.id));
 
-        case discord_js_1.MessageType.ChannelFollowAdd:
+        case discord_js_1.MessageType.ChannelFollowAdd: {
+            const followText = t(ctx, 'addedFollow', 'added {target} to follow this channel.');
+            const parts = followText.split('{target}');
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
                 (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
                 ' ',
-                t(ctx, 'addedFollow', 'added {target} to follow this channel.').replace('{target}', message.content || ''),
+                parts[0],
+                (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--channel", children: ['#', message.content || 'channel'] }),
+                parts[1] || '',
             ] }, message.id));
+        }
 
         case discord_js_1.MessageType.RecipientRemove:
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "leave", children: [
@@ -101,16 +113,57 @@ async function SystemMessage({ message, context }) {
             ] }, message.id));
 
         case discord_js_1.MessageType.AutoModerationAction: {
-            // Discord packs detail into the first embed: matched_keyword, blocked_content, channel_id, rule_name
+            // Discord packs detail into the first embed: rule_name, matched_keyword, action_type, channel_id
             const e = message.embeds?.[0];
-            const ruleName = e?.fields?.find?.((f) => /rule/i.test(f.name))?.value || e?.title || '';
+            const fields = Array.isArray(e?.fields) ? e.fields : [];
+            const ruleName = fields.find((f) => /rule_name|rule name/i.test(f.name))?.value || e?.title || '';
+            const matchedKeyword = fields.find((f) => /matched_keyword|keyword/i.test(f.name))?.value || '';
+            const action = fields.find((f) => /action_type|action/i.test(f.name))?.value || '';
             const blocked = e?.description || '';
+            const channelId = fields.find((f) => /channel/i.test(f.name))?.value;
             return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
                 (0, jsx_runtime_1.jsx)("span", { "data-i18n": "autoModBlocked", children: t(ctx, 'autoModBlocked', 'AutoMod blocked a message.') }),
-                ruleName && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · ', (0, utils_1.escapeHtml)(ruleName)] }),
+                ruleName && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Rule: ', (0, jsx_runtime_1.jsx)("strong", { children: ruleName })] }),
+                action && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Action: ', action] }),
+                matchedKeyword && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Matched: ', (0, jsx_runtime_1.jsx)("code", { children: matchedKeyword })] }),
                 blocked && (0, jsx_runtime_1.jsx)("blockquote", { className: "dht-automod-content", children: blocked }),
+                channelId && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · In <#', channelId, '>'] }),
             ] }, message.id));
         }
+        case discord_js_1.MessageType.StageStart:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' started a stage: ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.content || '' })
+            ] }, message.id));
+        case discord_js_1.MessageType.StageEnd:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "leave", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ended the stage.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageSpeaker:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' is now a speaker.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageRaiseHand:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' requested to speak.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageTopic:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' changed the stage topic: ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.content || '' })
+            ] }, message.id));
+        case discord_js_1.MessageType.GuildApplicationPremiumSubscription:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' subscribed ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.applicationId ? `app ${message.applicationId}` : 'an app' }),
+                ' to this server.'
+            ] }, message.id));
 
         case discord_js_1.MessageType.RoleSubscriptionPurchase: {
             const roleName = message.roleSubscriptionData?.tierName || message.content || 'a role';

package/dist/index.js

@@ -44,11 +44,33 @@ async function generateFromMessages(messages, channel, options = {}) {
         }
     }
 
+    // Pre-build resolution maps from messages so mentions resolve to a name even
+    // when the user/role/channel isn't in client cache and can't be fetched.
+    const userIndex = new Map();
+    const roleIndex = new Map();
+    const channelIndex = new Map();
+    for (const m of transformedMessages) {
+        if (m.author) userIndex.set(m.author.id, m.author);
+        if (m.member?.user) userIndex.set(m.member.user.id, m.member.user);
+        if (m.interaction?.user) userIndex.set(m.interaction.user.id, m.interaction.user);
+        if (m.mentions) {
+            if (m.mentions.users) for (const [id, u] of m.mentions.users) userIndex.set(id, u);
+            if (m.mentions.roles) for (const [id, r] of m.mentions.roles) roleIndex.set(id, r);
+            if (m.mentions.channels) for (const [id, c] of m.mentions.channels) channelIndex.set(id, c);
+        }
+    }
+    if (!channel.isDMBased() && channel.guild) {
+        // pre-warm every role we can see (cheap — cache only)
+        for (const [id, r] of channel.guild.roles.cache) roleIndex.set(id, r);
+    }
+
     const callbacks = Object.assign({
         resolveImageSrc,
-        resolveChannel: async (id) => channel.client.channels.fetch(id).catch(() => null),
-        resolveUser: async (id) => channel.client.users.fetch(id).catch(() => null),
-        resolveRole: channel.isDMBased() ? () => null : async (id) => channel.guild?.roles.fetch(id).catch(() => null),
+        resolveChannel: async (id) => channelIndex.get(id) || channel.client.channels.fetch(id).catch(() => null),
+        resolveUser: async (id) => userIndex.get(id) || channel.client.users.fetch(id).catch(() => null),
+        resolveRole: channel.isDMBased()
+            ? () => null
+            : async (id) => roleIndex.get(id) || channel.guild?.roles.fetch(id).catch(() => null),
     }, options.callbacks ?? {});
 
     const rendered = await (0, generator_1.default)({