discord-html-transcripts-fix 1.0.0 → 1.2.0

package/dist/generator/transcript.js

@@ -1,51 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
+    var ownKeys = function(o){ownKeys = Object.getOwnPropertyNames || function (o){var ar=[];for (var k in o) if (Object.prototype.hasOwnProperty.call(o,k)) ar[ar.length]=k;return ar;};return ownKeys(o);};
+    return function (mod){if (mod && mod.__esModule) return mod;var result={};if (mod != null) for (var k=ownKeys(mod), i=0; i<k.length; i++) if (k[i] !== "default") Object.defineProperty(result,k[i],{get:function(){return mod[k[i]];}});Object.defineProperty(result,"default",{value:mod,enumerable:true});return result;};
 })();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
         for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DiscordMessages;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -53,24 +22,41 @@ const discord_js_1 = require("discord.js");
 const content_1 = __importStar(require("./renderers/content"));
 const message_1 = __importDefault(require("./renderers/message"));
 const TranscriptHeader_1 = require("./renderers/components/TranscriptHeader");
-/**
- * The core transcript component.
- * Expects window.$discordMessage.profiles to be set for profile information.
- *
- * @param props Messages, channel details, callbacks, etc.
- * @returns
- */
+
 async function DiscordMessages(_a) {
-    var _b, _c, _d, _e, _f;
     var { messages, channel, callbacks } = _a, options = __rest(_a, ["messages", "channel", "callbacks"]);
-    return ((0, jsx_runtime_1.jsxs)("discord-messages", { style: { minHeight: '100vh' }, children: [(0, jsx_runtime_1.jsx)(TranscriptHeader_1.TranscriptHeader, { guildName: channel.isDMBased() ? 'Direct Messages' : channel.guild.name, guildIcon: channel.isDMBased() ? undefined : ((_b = channel.guild.iconURL({ size: 128 })) !== null && _b !== void 0 ? _b : undefined), channelName: channel.isDMBased()
-                    ? channel.type === discord_js_1.ChannelType.DM
-                        ? ((_d = (_c = channel.recipient) === null || _c === void 0 ? void 0 : _c.tag) !== null && _d !== void 0 ? _d : 'Unknown Recipient')
-                        : 'Unknown Recipient'
-                    : channel.name, children: channel.isThread() ? (`Thread channel in ${(_f = (_e = channel.parent) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'Unknown Channel'}`) : channel.isDMBased() ? (`Direct Messages`) : channel.isVoiceBased() ? (`Voice Text Channel for ${channel.name}`) : channel.type === discord_js_1.ChannelType.GuildCategory ? (`Category Channel`) : 'topic' in channel && channel.topic ? ((0, jsx_runtime_1.jsx)(content_1.default, { content: channel.topic, context: Object.assign({ messages, channel, callbacks, type: content_1.RenderType.REPLY }, options) })) : (`This is the start of #${channel.name} channel.`) }), messages.map((message) => ((0, jsx_runtime_1.jsx)(message_1.default, { message: message, context: Object.assign({ messages, channel, callbacks }, options) }, message.id))), (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', width: '100%' }, children: [options.footerText
-                        ? options.footerText
-                            .replaceAll('{number}', messages.length.toString())
-                            .replaceAll('{s}', messages.length > 1 ? 's' : '')
-                        : `Exported ${messages.length} message${messages.length > 1 ? 's' : ''}.`, ' ', options.poweredBy ? ((0, jsx_runtime_1.jsxs)("span", { style: { textAlign: 'center' }, children: ["Powered by", ' ', (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/ItzDerock/discord-html-transcripts", style: { color: 'lightblue' }, children: "discord-html-transcripts" }), "."] })) : null] })] }));
+    const dateSeps = options.dateSeps || [];
+
+    return ((0, jsx_runtime_1.jsxs)("discord-messages", { style: { minHeight: '100vh' }, children: [
+        (0, jsx_runtime_1.jsx)(TranscriptHeader_1.TranscriptHeader, {
+            guildName: channel.isDMBased() ? 'Direct Messages' : channel.guild.name,
+            guildIcon: channel.isDMBased() ? undefined : (channel.guild.iconURL({ size: 128 }) ?? undefined),
+            channelName: channel.isDMBased()
+                ? channel.type === discord_js_1.ChannelType.DM
+                    ? (channel.recipient?.tag ?? 'Unknown Recipient')
+                    : 'Unknown Recipient'
+                : channel.name,
+            children: channel.isThread() ? (`Thread channel in ${channel.parent?.name ?? 'Unknown Channel'}`)
+                : channel.isDMBased() ? (`Direct Messages`)
+                : channel.isVoiceBased() ? (`Voice Text Channel for ${channel.name}`)
+                : channel.type === discord_js_1.ChannelType.GuildCategory ? (`Category Channel`)
+                : 'topic' in channel && channel.topic
+                    ? (0, jsx_runtime_1.jsx)(content_1.default, { content: channel.topic, context: Object.assign({ messages, channel, callbacks, type: content_1.RenderType.REPLY }, options) })
+                    : (`This is the start of #${channel.name} channel.`)
+        }),
+        messages.map((message, idx) => [
+            dateSeps[idx] && (0, jsx_runtime_1.jsx)("div", { className: "dht-date-sep", children: dateSeps[idx] }, `sep-${idx}`),
+            (0, jsx_runtime_1.jsx)(message_1.default, { message: message, context: Object.assign({ messages, channel, callbacks }, options) }, message.id)
+        ]),
+        (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', width: '100%' }, children: [
+            options.footerText
+                ? options.footerText.replaceAll('{number}', messages.length.toString()).replaceAll('{s}', messages.length > 1 ? 's' : '')
+                : `Exported ${messages.length} message${messages.length > 1 ? 's' : ''}.`,
+            ' ',
+            options.poweredBy
+                ? (0, jsx_runtime_1.jsxs)("span", { style: { textAlign: 'center' }, children: ["Powered by ", (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/ItzDerock/discord-html-transcripts", style: { color: 'lightblue' }, children: "discord-html-transcripts" }), "."] })
+                : null
+        ] })
+    ] }));
 }
-//# sourceMappingURL=transcript.js.map
+//# sourceMappingURL=transcript.js.map

package/dist/index.js

@@ -1,138 +1,111 @@
 "use strict";
 /// <reference path="./discord-components.d.ts" />
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p))
+        Object.defineProperty(exports, p, { enumerable: true, get: function() { return m[p]; } });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TranscriptImageDownloader = exports.DiscordMessages = void 0;
 exports.generateFromMessages = generateFromMessages;
 exports.createTranscript = createTranscript;
+const debug_1 = __importDefault(require("debug"));
 const discord_js_1 = require("discord.js");
 const generator_1 = __importDefault(require("./generator"));
 const types_1 = require("./types");
 const images_1 = require("./downloader/images");
-// re-exports
+
+const log = (0, debug_1.default)('discord-html-transcripts-fix');
+
 var transcript_1 = require("./generator/transcript");
 Object.defineProperty(exports, "DiscordMessages", { enumerable: true, get: function () { return __importDefault(transcript_1).default; } });
 var images_2 = require("./downloader/images");
 Object.defineProperty(exports, "TranscriptImageDownloader", { enumerable: true, get: function () { return images_2.TranscriptImageDownloader; } });
-// version check
+
+// Version check — warn only. NEVER kill host process.
 const versionPrefix = discord_js_1.version.split('.')[0];
 if (versionPrefix !== '14' && versionPrefix !== '15') {
-    console.error(`[discord-html-transcripts] Versions v3.x.x of discord-html-transcripts are only compatible with discord.js v14.x.x and v15.x.x, and you are using v${discord_js_1.version}.` +
-        `    For v13.x.x support, please install discord-html-transcripts v2.x.x using "npm install discord-html-transcripts@^2".`);
-    process.exit(1);
+    console.warn(`[discord-html-transcripts-fix] Compatible with discord.js v14/v15, you are using v${discord_js_1.version}. Continuing anyway.`);
 }
-/**
- *
- * @param messages The messages to generate a transcript from
- * @param channel  The channel the messages are from (used for header and guild name)
- * @param options  The options to use when generating the transcript
- * @returns        The generated transcript
- */
+
 async function generateFromMessages(messages, channel, options = {}) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    // turn messages into an array
     const transformedMessages = messages instanceof discord_js_1.Collection ? Array.from(messages.values()) : messages;
-    // figure out how the user wants images saved
-    let resolveImageSrc = (_b = (_a = options.callbacks) === null || _a === void 0 ? void 0 : _a.resolveImageSrc) !== null && _b !== void 0 ? _b : ((attachment) => attachment.url);
+
+    // Image-src resolution
+    let resolveImageSrc = options.callbacks?.resolveImageSrc ?? ((attachment) => attachment.url);
     if (options.saveImages) {
-        if ((_c = options.callbacks) === null || _c === void 0 ? void 0 : _c.resolveImageSrc) {
-            console.warn(`[discord-html-transcripts] You have specified both saveImages and resolveImageSrc, please only specify one. resolveImageSrc will be used.`);
-        }
-        else {
+        if (options.callbacks?.resolveImageSrc) {
+            log('saveImages + resolveImageSrc both set — resolveImageSrc wins');
+        } else {
             resolveImageSrc = new images_1.TranscriptImageDownloader().build();
-            console.log('Using default downloader');
+            log('using default image downloader');
         }
     }
-    // render the messages
-    const html = await (0, generator_1.default)({
+
+    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),
+    }, options.callbacks ?? {});
+
+    const rendered = await (0, generator_1.default)({
         messages: transformedMessages,
         channel,
-        saveImages: (_d = options.saveImages) !== null && _d !== void 0 ? _d : false,
-        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) => { var _a; return (_a = channel.guild) === null || _a === void 0 ? void 0 : _a.roles.fetch(id).catch(() => null); } }, ((_e = options.callbacks) !== null && _e !== void 0 ? _e : {})),
-        poweredBy: (_f = options.poweredBy) !== null && _f !== void 0 ? _f : true,
-        footerText: (_g = options.footerText) !== null && _g !== void 0 ? _g : 'Exported {number} message{s}.',
-        favicon: (_h = options.favicon) !== null && _h !== void 0 ? _h : 'guild',
-        hydrate: (_j = options.hydrate) !== null && _j !== void 0 ? _j : false,
+        saveImages: options.saveImages ?? false,
+        callbacks,
+        poweredBy: options.poweredBy ?? true,
+        footerText: options.footerText ?? 'Exported {number} message{s}.',
+        favicon: options.favicon ?? 'guild',
+        hydrate: options.hydrate ?? false,
+        language: options.language ?? 'en',
+        i18n: options.i18n ?? undefined,
+        stream: options.returnType === 'stream' || options.stream === true,
+        returnType: options.returnType,
     });
-    // get the time it took to render the messages
-    // const renderTime = process.hrtime(startTime);
-    // console.log(
-    //   `[discord-html-transcripts] Rendered ${transformedMessages.length} messages in ${renderTime[0]}s ${
-    //     renderTime[1] / 1000000
-    //   }ms`
-    // );
-    // return the html in the specified format
+
+    // Stream pass-through
+    if (options.returnType === 'stream' || options.stream === true) {
+        return rendered; // Node readable stream
+    }
+
     if (options.returnType === types_1.ExportReturnType.Buffer) {
-        return Buffer.from(html);
+        return Buffer.from(rendered);
     }
     if (options.returnType === types_1.ExportReturnType.String) {
-        return html;
+        return rendered;
     }
-    return new discord_js_1.AttachmentBuilder(Buffer.from(html), {
-        name: (_k = options.filename) !== null && _k !== void 0 ? _k : `transcript-${channel.id}.html`,
+    return new discord_js_1.AttachmentBuilder(Buffer.from(rendered), {
+        name: options.filename ?? `transcript-${channel.id}.html`,
     });
 }
-/**
- *
- * @param channel The channel to create a transcript from
- * @param options The options to use when creating the transcript
- * @returns       The generated transcript
- */
+
 async function createTranscript(channel, options = {}) {
-    // validate type
     if (!channel.isTextBased()) {
-        // @ts-expect-error(2339): run-time check
         throw new TypeError(`Provided channel must be text-based, received ${channel.type}`);
     }
-    // fetch messages
     let allMessages = [];
     let lastMessageId;
     const { limit, filter } = options;
     const resolvedLimit = typeof limit === 'undefined' || limit === -1 ? Infinity : limit;
-    // until there are no more messages, keep fetching
     while (true) {
-        // create fetch options
         const fetchLimitOptions = { limit: 100, before: lastMessageId };
-        if (!lastMessageId)
-            delete fetchLimitOptions.before;
-        // fetch messages
+        if (!lastMessageId) delete fetchLimitOptions.before;
         const messages = await channel.messages.fetch(fetchLimitOptions);
         const filteredMessages = typeof filter === 'function' ? messages.filter(filter) : messages;
-        // add the messages to the array
-        allMessages.push(...filteredMessages.values());
-        // Get the last key of 'messages', not 'filteredMessages' because you will be refetching the same messages
+        for (const m of filteredMessages.values()) allMessages.push(m);
         lastMessageId = messages.lastKey();
-        // if there are no more messages, break
-        if (messages.size < 100)
-            break;
-        // if the limit has been reached, break
-        if (allMessages.length >= resolvedLimit)
-            break;
+        if (messages.size < 100) break;
+        if (allMessages.length >= resolvedLimit) break;
+    }
+    if (resolvedLimit < allMessages.length) {
+        allMessages = allMessages.slice(0, resolvedLimit);
     }
-    if (resolvedLimit < allMessages.length)
-        allMessages = allMessages.slice(0, limit);
-    // generate the transcript
     return generateFromMessages(allMessages.reverse(), channel, options);
 }
-exports.default = {
-    createTranscript,
-    generateFromMessages,
-};
+
+exports.default = { createTranscript, generateFromMessages };
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/static/client.js

@@ -1,31 +1,232 @@
 "use strict";
-// TODO: create some sort of build system to compile this file
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ggSansFont = exports.revealSpoiler = exports.scrollToMessage = void 0;
-/*
-// whenever user clicks on element with data-goto attribute, scroll to that message
-document.addEventListener('click', (e) => {
-  const target = e.target;
-  if(!target) return;
-
-  const goto = target?.getAttribute('data-goto');
-
-  if (goto) {
-    const message = document.getElementById(`m-\${goto}`);
-    if (message) {
-      message.scrollIntoView({ behavior: 'smooth', block: 'center' });
-      message.style.backgroundColor = 'rgba(148, 156, 247, 0.1)';
-      message.style.transition = 'background-color 0.5s ease';
-      setTimeout(() => {
-        message.style.backgroundColor = 'transparent';
-      }, 1000);
-    } else {
-      console.warn(`Message \${goto} not found.`);
-    }
-  }
-});
-*/
-exports.scrollToMessage = 'document.addEventListener("click",t=>{let e=t.target;if(!e)return;let o=e?.getAttribute("data-goto");if(o){let r=document.getElementById(`m-${o}`);r?(r.scrollIntoView({behavior:"smooth",block:"center"}),r.style.backgroundColor="rgba(148, 156, 247, 0.1)",r.style.transition="background-color 0.5s ease",setTimeout(()=>{r.style.backgroundColor="transparent"},1e3)):console.warn("Message ${goto} not found.")}});';
-exports.revealSpoiler = 'const s=document.querySelectorAll(".discord-spoiler");s.forEach(s=>s.addEventListener("click",()=>{if(s.classList.contains("discord-spoiler")){s.classList.remove("discord-spoiler");s.classList.add("discord-spoiler--revealed");}}));';
+exports.ggSansFont = exports.revealSpoiler = exports.scrollToMessage = exports.mentionPopup = exports.mentionPopupStyles = exports.backToTop = exports.transcriptUtils = exports.searchBar = exports.searchBarStyles = exports.lightbox = exports.lightboxStyles = exports.toc = exports.tocStyles = exports.i18nSwitcher = exports.i18nStyles = exports.dateSeparatorStyles = void 0;
+
+// ===========================================================================
+// scrollToMessage — fixed stale ${goto} template
+// ===========================================================================
+exports.scrollToMessage = `document.addEventListener('click',function(e){var t=e.target;if(!t)return;var g=t.getAttribute&&t.getAttribute('data-goto');if(!g)return;var r=document.getElementById('m-'+g);if(r){r.scrollIntoView({behavior:'smooth',block:'center'});r.style.backgroundColor='rgba(148,156,247,0.15)';r.style.transition='background-color 0.5s ease';setTimeout(function(){r.style.backgroundColor='transparent'},1200);}else{console.warn('Message '+g+' not found.');}});`;
+
+exports.revealSpoiler = `var s=document.querySelectorAll('.discord-spoiler');s.forEach(function(s){s.addEventListener('click',function(){if(s.classList.contains('discord-spoiler')){s.classList.remove('discord-spoiler');s.classList.add('discord-spoiler--revealed');}});});`;
+
+// ===========================================================================
+// i18n — default dictionaries, used by both server-side renderers and client-side scripts
+// ===========================================================================
+const defaultDicts = {
+    en: {
+        edited: 'edited',
+        editedAt: 'Edited at {time}',
+        joined: 'joined the server',
+        pinned: 'pinned a message to this channel.',
+        boosted: 'boosted the server!',
+        threadStarted: 'started a thread:',
+        changedChannelName: 'changed the channel name:',
+        changedChannelIcon: 'changed the channel icon.',
+        usedCommand: 'used',
+        startedCall: 'started a call.',
+        addedFollow: 'added {target} to follow this channel.',
+        left: 'left.',
+        autoModBlocked: 'AutoMod blocked a message.',
+        serverAlert: 'Server safety alert.',
+        pollEnded: 'A poll ended.',
+        roleSubPurchased: 'subscribed to {role}!',
+        forwardedFrom: 'Forwarded from',
+        searchPlaceholder: 'Search transcript…',
+        ofMatches: 'of',
+        noMatches: 'no matches',
+        backToTop: 'Back to top',
+        tocTitle: 'Participants',
+        statsMessages: '{n} messages',
+        statsParticipants: '{n} participants',
+        statsImages: '{n} images',
+        crossServerReply: 'Message from another server',
+        appBadge: 'APP',
+        botBadge: 'BOT',
+        editHistoryTitle: 'Edit history',
+        editHistoryAt: 'at',
+        voiceMessage: 'Voice message',
+        forwardedMessage: 'Forwarded',
+        languageLabel: 'Language',
+        threadArchived: 'Archived',
+        threadLocked: 'Locked',
+        suppressedEmbeds: '(embeds hidden)',
+    },
+    de: {
+        edited: 'bearbeitet',
+        editedAt: 'Bearbeitet am {time}',
+        joined: 'ist dem Server beigetreten',
+        pinned: 'hat eine Nachricht angepinnt.',
+        boosted: 'hat den Server geboostet!',
+        threadStarted: 'hat einen Thread gestartet:',
+        changedChannelName: 'hat den Channel-Namen geändert:',
+        changedChannelIcon: 'hat das Channel-Icon geändert.',
+        usedCommand: 'hat',
+        startedCall: 'hat einen Anruf gestartet.',
+        addedFollow: 'hat {target} hinzugefügt, um diesem Channel zu folgen.',
+        left: 'hat den Channel verlassen.',
+        autoModBlocked: 'AutoMod hat eine Nachricht blockiert.',
+        serverAlert: 'Sicherheitswarnung.',
+        pollEnded: 'Eine Umfrage wurde beendet.',
+        roleSubPurchased: 'hat {role} abonniert!',
+        forwardedFrom: 'Weitergeleitet von',
+        searchPlaceholder: 'Im Transcript suchen…',
+        ofMatches: 'von',
+        noMatches: 'keine Treffer',
+        backToTop: 'Nach oben',
+        tocTitle: 'Teilnehmer',
+        statsMessages: '{n} Nachrichten',
+        statsParticipants: '{n} Teilnehmer',
+        statsImages: '{n} Bilder',
+        crossServerReply: 'Nachricht von einem anderen Server',
+        appBadge: 'APP',
+        botBadge: 'BOT',
+        editHistoryTitle: 'Bearbeitungs-Verlauf',
+        editHistoryAt: 'am',
+        voiceMessage: 'Sprachnachricht',
+        forwardedMessage: 'Weitergeleitet',
+        languageLabel: 'Sprache',
+        threadArchived: 'Archiviert',
+        threadLocked: 'Gesperrt',
+        suppressedEmbeds: '(Embeds versteckt)',
+    },
+};
+
+function getDict(lang) {
+    if (lang && defaultDicts[lang]) return defaultDicts[lang];
+    return defaultDicts.en;
+}
+exports.getDict = getDict;
+exports.defaultDicts = defaultDicts;
+
+// ===========================================================================
+// mentionPopup — clickable user/role/channel pills
+// Reads from window.$discordMessage.{users,roles,channels,profiles}.
+// Uses safe color validation to block CSS injection.
+// ===========================================================================
+exports.mentionPopup = `(function(){
+  function DATA(){return (typeof globalThis!=='undefined' && globalThis.$discordMessage)||{};}
+  function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'})[c];});}
+  function safeColor(c,fb){fb=fb||'#5865F2';return typeof c==='string' && /^#[0-9a-fA-F]{3,8}$/.test(c) ? c : fb;}
+  function t(key){var d=DATA();var lang=d.lang||'en';var dict=(d.i18n&&d.i18n[lang])||(d.i18n&&d.i18n.en)||{};return dict[key]||key;}
+  function fmt(iso){if(!iso)return '';try{var d=new Date(iso);return isNaN(d.getTime())?'':d.toLocaleString(DATA().lang==='de'?'de-DE':'en-US',{dateStyle:'medium',timeStyle:'short'});}catch(_){return '';}}
+  var popup=null;
+  function ensure(){if(popup)return popup;popup=document.createElement('div');popup.className='dht-popup';popup.innerHTML='<div class="dht-popup-body"></div><button type="button" class="dht-popup-close" aria-label="Close">&times;</button>';document.body.appendChild(popup);popup.querySelector('.dht-popup-close').addEventListener('click',hide);document.addEventListener('click',function(e){if(!popup||popup.style.display!=='block')return;if(popup.contains(e.target))return;if(e.target.closest&&e.target.closest('[data-mention-id]'))return;hide();});document.addEventListener('keydown',function(e){if(e.key==='Escape')hide();});window.addEventListener('resize',hide);return popup;}
+  function hide(){if(popup)popup.style.display='none';}
+  function showAt(el,html){var p=ensure();p.querySelector('.dht-popup-body').innerHTML=html;p.style.display='block';var r=el.getBoundingClientRect();var pr=p.getBoundingClientRect();var pad=8;var top=r.bottom+6;var left=r.left;if(top+pr.height>window.innerHeight-pad)top=Math.max(pad,r.top-pr.height-6);if(left+pr.width>window.innerWidth-pad)left=Math.max(pad,window.innerWidth-pr.width-pad);if(left<pad)left=pad;p.style.top=top+'px';p.style.left=left+'px';}
+  function rolePill(role){var c=safeColor(role&&role.color);return '<span class="dht-role-pill" style="--dht-role:'+c+';">'+esc(role&&role.name?role.name:'@role')+'</span>';}
+  function userHtml(id){var d=DATA();var u=(d.users&&d.users[id])||null;var p=(d.profiles&&d.profiles[id])||null;if(!u&&!p)return '<i>?</i><div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';var name=(u&&(u.displayName||u.username))||(p&&p.author)||'Unknown';var username=u&&u.username?'@'+u.username:'';var avatar=(u&&u.avatar)||(p&&p.avatar)||'';var color=safeColor((u&&u.bannerColor)||(p&&p.roleColor),'#dbdee1');var bot=(u&&u.bot)||(p&&p.bot);var roles=u&&Array.isArray(u.roles)&&u.roles.length?u.roles.map(rolePill).join(''):'';var joinedAt=u&&u.joinedAt?fmt(u.joinedAt):'';var createdAt=u&&u.createdAt?fmt(u.createdAt):'';var labels=DATA().i18n&&(DATA().i18n[DATA().lang]||DATA().i18n.en)||{};return ''+'<div class="dht-popup-head">'+(avatar?'<img class="dht-popup-avatar" src="'+esc(avatar)+'" alt="">':'<div class="dht-popup-avatar dht-popup-avatar--ph"></div>')+'<div class="dht-popup-headtext"><div class="dht-popup-name" style="color:'+color+';">'+esc(name)+(bot?'<span class="dht-popup-badge">'+esc(t('botBadge'))+'</span>':'')+'</div>'+(username?'<div class="dht-popup-sub">'+esc(username)+'</div>':'')+'</div></div>'+(roles?'<div class="dht-popup-section"><div class="dht-popup-label">Roles</div><div class="dht-popup-roles">'+roles+'</div></div>':'')+(joinedAt?'<div class="dht-popup-row"><span class="dht-popup-label">Server</span><span>'+esc(joinedAt)+'</span></div>':'')+(createdAt?'<div class="dht-popup-row"><span class="dht-popup-label">Account</span><span>'+esc(createdAt)+'</span></div>':'')+'<div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';}
+  function roleHtml(id){var r=(DATA().roles||{})[id];if(!r)return '<i>?</i><div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';var color=safeColor(r.color,'#dbdee1');return '<div class="dht-popup-head"><div class="dht-popup-rolemark" style="background:'+color+';"></div><div class="dht-popup-headtext"><div class="dht-popup-name" style="color:'+color+';">@'+esc(r.name)+'</div>'+(r.color?'<div class="dht-popup-sub"><code>'+esc(r.color)+'</code></div>':'')+'</div></div>'+(r.memberCount!=null?'<div class="dht-popup-row"><span class="dht-popup-label">Members</span><span>'+esc(r.memberCount)+'</span></div>':'')+(r.position!=null?'<div class="dht-popup-row"><span class="dht-popup-label">Position</span><span>'+esc(r.position)+'</span></div>':'')+(r.hoist?'<div class="dht-popup-row"><span class="dht-popup-label">Hoisted</span><span>Yes</span></div>':'')+(r.mentionable?'<div class="dht-popup-row"><span class="dht-popup-label">Mentionable</span><span>Yes</span></div>':'')+(r.managed?'<div class="dht-popup-row"><span class="dht-popup-label">Managed</span><span>Bot/Integration</span></div>':'')+'<div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';}
+  function channelHtml(id){var c=(DATA().channels||{})[id];if(!c)return '<i>Channel</i><div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';return '<div class="dht-popup-head"><div class="dht-popup-rolemark" style="background:#5865F2;">#</div><div class="dht-popup-headtext"><div class="dht-popup-name">#'+esc(c.name)+'</div>'+(c.parent?'<div class="dht-popup-sub">in '+esc(c.parent)+'</div>':'')+'</div></div>'+(c.topic?'<div class="dht-popup-section"><div class="dht-popup-label">Topic</div><div>'+esc(c.topic)+'</div></div>':'')+(c.nsfw?'<div class="dht-popup-row"><span class="dht-popup-label">NSFW</span><span>Yes</span></div>':'')+'<div class="dht-popup-id">ID: <code>'+esc(id)+'</code></div>';}
+  document.addEventListener('click',function(e){var el=e.target&&e.target.closest?e.target.closest('[data-mention-id]'):null;if(!el)return;var tp=el.getAttribute('data-mention-type');var id=el.getAttribute('data-mention-id');if(!tp||!id)return;e.preventDefault();e.stopPropagation();var html='';if(tp==='user')html=userHtml(id);else if(tp==='role')html=roleHtml(id);else if(tp==='channel')html=channelHtml(id);else return;showAt(el,html);});
+})();`;
+
+exports.mentionPopupStyles = `
+  .dht-mention{cursor:pointer;transition:filter .15s ease}
+  .dht-mention:hover{filter:brightness(1.15)}
+  .dht-popup{position:fixed;display:none;max-width:340px;min-width:240px;background:#1e1f22;color:#dbdee1;border:1px solid #2b2d31;border-radius:10px;padding:14px 16px 12px;box-shadow:0 12px 32px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35);font-family:"gg sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.4;z-index:99999}
+  .dht-popup-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#949ba4;cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;border-radius:4px}
+  .dht-popup-close:hover{background:rgba(255,255,255,.06);color:#dbdee1}
+  .dht-popup-head{display:flex;align-items:center;gap:10px;margin-right:18px}
+  .dht-popup-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
+  .dht-popup-avatar--ph{background:#313338}
+  .dht-popup-rolemark{width:32px;height:32px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
+  .dht-popup-headtext{min-width:0}
+  .dht-popup-name{font-weight:600;font-size:16px;word-break:break-word}
+  .dht-popup-sub{font-size:12px;color:#949ba4;word-break:break-all}
+  .dht-popup-badge{background:#5865F2;color:#fff;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}
+  .dht-popup-section{margin-top:10px}
+  .dht-popup-row{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px}
+  .dht-popup-label{color:#949ba4;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
+  .dht-popup-roles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
+  .dht-role-pill{display:inline-flex;align-items:center;background:color-mix(in srgb,var(--dht-role) 18%,transparent);color:var(--dht-role);border:1px solid color-mix(in srgb,var(--dht-role) 40%,transparent);padding:1px 8px;border-radius:999px;font-size:11px;line-height:1.5}
+  .dht-popup-id{margin-top:10px;padding-top:8px;border-top:1px solid #2b2d31;font-size:11px;color:#6e727a}
+  .dht-popup-id code{background:rgba(255,255,255,.05);padding:1px 4px;border-radius:3px}
+`;
+
+// ===========================================================================
+// Back-to-top
+// ===========================================================================
+exports.backToTop = `(function(){var btn=document.createElement('button');btn.className='dht-back-top';btn.type='button';var DATA=globalThis.$discordMessage||{};var dict=(DATA.i18n&&(DATA.i18n[DATA.lang]||DATA.i18n.en))||{};btn.title=dict.backToTop||'Back to top';btn.setAttribute('aria-label',dict.backToTop||'Back to top');btn.innerHTML='&#x25B2;';document.body.appendChild(btn);btn.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'});});function toggle(){btn.style.opacity=window.scrollY>400?'1':'0';btn.style.pointerEvents=window.scrollY>400?'auto':'none';}window.addEventListener('scroll',toggle,{passive:true});toggle();})();`;
+exports.transcriptUtils = `.dht-back-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;border:none;background:#5865F2;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:9999}.dht-back-top:hover{transform:translateY(-2px)}`;
+
+// ===========================================================================
+// Search bar — Ctrl+F replacement: live highlight, x of n matches, prev/next nav
+// ===========================================================================
+exports.searchBar = `(function(){
+  var DATA=globalThis.$discordMessage||{};
+  var dict=(DATA.i18n&&(DATA.i18n[DATA.lang]||DATA.i18n.en))||{};
+  var bar=document.createElement('div');
+  bar.className='dht-search';
+  bar.innerHTML='<input type="search" class="dht-search-input" placeholder="'+(dict.searchPlaceholder||'Search…')+'"><span class="dht-search-counter">0</span><button class="dht-search-btn" data-act="prev" title="Previous">&#x25B2;</button><button class="dht-search-btn" data-act="next" title="Next">&#x25BC;</button><button class="dht-search-btn" data-act="close" title="Close">&times;</button>';
+  document.body.appendChild(bar);
+  var input=bar.querySelector('.dht-search-input');
+  var counter=bar.querySelector('.dht-search-counter');
+  var matches=[],idx=-1;
+  function clear(){matches.forEach(function(m){var p=m.parentNode;if(!p)return;var tn=document.createTextNode(m.textContent);p.replaceChild(tn,m);p.normalize();});matches=[];idx=-1;counter.textContent='0';}
+  function walk(node,re,acc){if(node.nodeType===3){var text=node.nodeValue;if(!re.test(text))return;re.lastIndex=0;var frag=document.createDocumentFragment();var last=0;var m;while((m=re.exec(text))!==null){if(m.index>last)frag.appendChild(document.createTextNode(text.slice(last,m.index)));var span=document.createElement('mark');span.className='dht-hit';span.textContent=m[0];frag.appendChild(span);acc.push(span);last=re.lastIndex;}if(last<text.length)frag.appendChild(document.createTextNode(text.slice(last)));node.parentNode.replaceChild(frag,node);}else if(node.nodeType===1){if(node.classList&&(node.classList.contains('dht-search')||node.tagName==='SCRIPT'||node.tagName==='STYLE'))return;for(var i=node.childNodes.length-1;i>=0;i--)walk(node.childNodes[i],re,acc);}}
+  function search(q){clear();if(!q||q.length<2)return;var re=new RegExp(q.replace(/[.*+?^\${}()|[\\]\\\\]/g,'\\\\$&'),'gi');walk(document.body,re,matches);if(matches.length){idx=0;goTo();}counter.textContent=matches.length?(idx+1)+' '+(dict.ofMatches||'of')+' '+matches.length:(dict.noMatches||'none');}
+  function goTo(){matches.forEach(function(m,i){m.classList.toggle('dht-hit--active',i===idx);});if(idx>=0&&matches[idx]){matches[idx].scrollIntoView({behavior:'smooth',block:'center'});counter.textContent=(idx+1)+' '+(dict.ofMatches||'of')+' '+matches.length;}}
+  input.addEventListener('input',function(){search(input.value);});
+  bar.addEventListener('click',function(e){var t=e.target;var act=t.getAttribute&&t.getAttribute('data-act');if(act==='next'){if(matches.length){idx=(idx+1)%matches.length;goTo();}}else if(act==='prev'){if(matches.length){idx=(idx-1+matches.length)%matches.length;goTo();}}else if(act==='close'){bar.classList.remove('dht-search--open');input.value='';clear();}});
+  document.addEventListener('keydown',function(e){if((e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==='f'){e.preventDefault();bar.classList.add('dht-search--open');input.focus();input.select();}else if(e.key==='Escape'&&bar.classList.contains('dht-search--open')){bar.classList.remove('dht-search--open');input.value='';clear();}else if(e.key==='Enter'&&document.activeElement===input){if(matches.length){idx=(idx+(e.shiftKey?-1:1)+matches.length)%matches.length;goTo();}}});
+})();`;
+exports.searchBarStyles = `.dht-search{position:fixed;top:16px;right:16px;background:#1e1f22;border:1px solid #2b2d31;border-radius:8px;padding:6px 8px;display:none;align-items:center;gap:6px;z-index:99998;box-shadow:0 6px 18px rgba(0,0,0,.5);font-family:"gg sans",sans-serif;color:#dbdee1}.dht-search--open{display:flex}.dht-search-input{background:#2b2d31;color:#dbdee1;border:1px solid #2b2d31;border-radius:4px;padding:4px 8px;font-size:13px;width:220px;outline:none}.dht-search-input:focus{border-color:#5865F2}.dht-search-counter{color:#949ba4;font-size:12px;min-width:60px}.dht-search-btn{background:none;border:none;color:#dbdee1;cursor:pointer;padding:4px 6px;border-radius:4px;font-size:12px}.dht-search-btn:hover{background:rgba(255,255,255,.06)}.dht-hit{background:rgba(255,228,0,.35);color:inherit;border-radius:2px}.dht-hit--active{background:rgba(255,140,0,.7);color:#000}`;
+
+// ===========================================================================
+// Image lightbox — click images to fullscreen, arrow keys to navigate
+// ===========================================================================
+exports.lightbox = `(function(){
+  var overlay=null,images=[],idx=0;
+  function collect(){images=Array.from(document.querySelectorAll('img')).filter(function(i){return !i.closest('.dht-popup')&&!i.classList.contains('dht-popup-avatar')&&i.naturalWidth>40;});}
+  function build(){overlay=document.createElement('div');overlay.className='dht-lightbox';overlay.innerHTML='<button class="dht-lb-close" aria-label="Close">&times;</button><button class="dht-lb-prev" aria-label="Previous">&#x2039;</button><img class="dht-lb-img" alt=""><button class="dht-lb-next" aria-label="Next">&#x203A;</button><div class="dht-lb-caption"></div>';document.body.appendChild(overlay);overlay.addEventListener('click',function(e){if(e.target===overlay||e.target.classList.contains('dht-lb-close'))close();else if(e.target.classList.contains('dht-lb-prev'))nav(-1);else if(e.target.classList.contains('dht-lb-next'))nav(1);});}
+  function open(src,alt){if(!overlay)build();collect();idx=images.findIndex(function(i){return i.src===src;});if(idx<0)idx=0;render();overlay.style.display='flex';}
+  function nav(d){if(!images.length)return;idx=(idx+d+images.length)%images.length;render();}
+  function render(){var img=images[idx];if(!img)return;overlay.querySelector('.dht-lb-img').src=img.src;overlay.querySelector('.dht-lb-caption').textContent=img.alt||'';}
+  function close(){if(overlay)overlay.style.display='none';}
+  document.addEventListener('click',function(e){var img=e.target;if(img&&img.tagName==='IMG'&&img.naturalWidth>40&&!img.closest('.dht-popup')&&!img.classList.contains('dht-popup-avatar')&&!img.closest('.dht-toc')&&!img.closest('.dht-search')){e.preventDefault();open(img.src,img.alt);}});
+  document.addEventListener('keydown',function(e){if(!overlay||overlay.style.display!=='flex')return;if(e.key==='Escape')close();else if(e.key==='ArrowLeft')nav(-1);else if(e.key==='ArrowRight')nav(1);});
+})();`;
+exports.lightboxStyles = `.dht-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:100000;flex-direction:column}.dht-lb-img{max-width:90vw;max-height:80vh;object-fit:contain;box-shadow:0 4px 20px rgba(0,0,0,.6);border-radius:6px}.dht-lb-close,.dht-lb-prev,.dht-lb-next{position:absolute;background:rgba(0,0,0,.4);color:#fff;border:none;cursor:pointer;font-size:28px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.dht-lb-close:hover,.dht-lb-prev:hover,.dht-lb-next:hover{background:rgba(255,255,255,.15)}.dht-lb-close{top:20px;right:20px}.dht-lb-prev{left:20px;top:50%;transform:translateY(-50%)}.dht-lb-next{right:20px;top:50%;transform:translateY(-50%)}.dht-lb-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#dbdee1;font-family:"gg sans",sans-serif;font-size:14px;padding:6px 14px;background:rgba(0,0,0,.5);border-radius:4px;max-width:80%}`;
+
+// ===========================================================================
+// TOC / Sidebar — list participants, click jumps to their first message
+// ===========================================================================
+exports.toc = `(function(){
+  var DATA=globalThis.$discordMessage||{};
+  var dict=(DATA.i18n&&(DATA.i18n[DATA.lang]||DATA.i18n.en))||{};
+  var users=DATA.users||DATA.profiles||{};
+  var ids=Object.keys(users);
+  if(ids.length===0)return;
+  function firstMessageOf(uid){var m=document.querySelector('discord-message[profile="'+uid+'"]');return m?m.id:null;}
+  var btn=document.createElement('button');btn.className='dht-toc-toggle';btn.type='button';btn.title=dict.tocTitle||'Participants';btn.setAttribute('aria-label',dict.tocTitle||'Participants');btn.innerHTML='&#x2630;';document.body.appendChild(btn);
+  var panel=document.createElement('aside');panel.className='dht-toc';
+  var html='<header><h3>'+(dict.tocTitle||'Participants')+'</h3><button class="dht-toc-close" aria-label="Close">&times;</button></header><ul>';
+  ids.sort(function(a,b){var ua=users[a],ub=users[b];var na=(ua.displayName||ua.author||ua.username||'').toLowerCase();var nb=(ub.displayName||ub.author||ub.username||'').toLowerCase();return na.localeCompare(nb);}).forEach(function(id){var u=users[id];var name=u.displayName||u.author||u.username||'Unknown';var avatar=u.avatar||'';var color=(typeof u.bannerColor==='string'&&/^#[0-9a-f]{3,8}$/i.test(u.bannerColor))?u.bannerColor:(typeof u.roleColor==='string'&&/^#[0-9a-f]{3,8}$/i.test(u.roleColor)?u.roleColor:'#dbdee1');html+='<li data-uid="'+id+'">'+(avatar?'<img src="'+avatar+'" alt="">':'<span class="dht-toc-ph"></span>')+'<span class="dht-toc-name" style="color:'+color+'">'+name.replace(/[&<>]/g,function(c){return ({'&':'&amp;','<':'&lt;','>':'&gt;'})[c];})+'</span></li>';});
+  html+='</ul>';panel.innerHTML=html;document.body.appendChild(panel);
+  btn.addEventListener('click',function(){panel.classList.toggle('dht-toc--open');});
+  panel.querySelector('.dht-toc-close').addEventListener('click',function(){panel.classList.remove('dht-toc--open');});
+  panel.querySelectorAll('li').forEach(function(li){li.addEventListener('click',function(){var uid=li.getAttribute('data-uid');var mid=firstMessageOf(uid);if(mid){var el=document.getElementById(mid);if(el){el.scrollIntoView({behavior:'smooth',block:'center'});el.style.backgroundColor='rgba(148,156,247,0.18)';setTimeout(function(){el.style.backgroundColor='transparent';},1500);}}});});
+})();`;
+exports.tocStyles = `.dht-toc-toggle{position:fixed;top:16px;left:16px;width:40px;height:40px;border-radius:50%;border:none;background:#2b2d31;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:9998}.dht-toc-toggle:hover{background:#5865F2}.dht-toc{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:#1e1f22;border-right:1px solid #2b2d31;transition:left .25s ease;z-index:9997;overflow-y:auto;font-family:"gg sans",sans-serif;color:#dbdee1;padding:16px}.dht-toc--open{left:0}.dht-toc header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #2b2d31}.dht-toc h3{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#949ba4}.dht-toc-close{background:none;border:none;color:#949ba4;cursor:pointer;font-size:22px;line-height:1}.dht-toc ul{list-style:none;padding:0;margin:0}.dht-toc li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px}.dht-toc li:hover{background:rgba(255,255,255,.04)}.dht-toc li img,.dht-toc-ph{width:28px;height:28px;border-radius:50%;flex:none}.dht-toc-ph{background:#313338}.dht-toc-name{flex:1;font-weight:500}`;
+
+// ===========================================================================
+// Language switcher
+// ===========================================================================
+exports.i18nSwitcher = `(function(){
+  var DATA=globalThis.$discordMessage||{};
+  if(!DATA.i18n)return;
+  var langs=Object.keys(DATA.i18n);
+  if(langs.length<2)return;
+  var current=DATA.lang||'en';
+  function apply(lang){DATA.lang=lang;var dict=DATA.i18n[lang]||DATA.i18n.en||{};document.querySelectorAll('[data-i18n]').forEach(function(el){var key=el.getAttribute('data-i18n');var raw=dict[key];if(typeof raw!=='string')return;var params=el.getAttribute('data-i18n-params');if(params){try{var obj=JSON.parse(params);Object.keys(obj).forEach(function(k){raw=raw.replace('{'+k+'}',obj[k]);});}catch(_){}}el.textContent=raw;});}
+  var wrap=document.createElement('div');wrap.className='dht-langs';langs.forEach(function(l){var b=document.createElement('button');b.type='button';b.textContent=l.toUpperCase();b.className='dht-lang'+(l===current?' dht-lang--active':'');b.addEventListener('click',function(){wrap.querySelectorAll('.dht-lang').forEach(function(x){x.classList.remove('dht-lang--active');});b.classList.add('dht-lang--active');apply(l);});wrap.appendChild(b);});document.body.appendChild(wrap);
+})();`;
+exports.i18nStyles = `.dht-langs{position:fixed;bottom:24px;left:24px;display:flex;gap:4px;background:#1e1f22;border:1px solid #2b2d31;border-radius:6px;padding:4px;z-index:9998;font-family:"gg sans",sans-serif}.dht-lang{background:none;border:none;color:#949ba4;cursor:pointer;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.dht-lang:hover{color:#dbdee1}.dht-lang--active{background:#5865F2;color:#fff}`;
+
+// ===========================================================================
+// Date separators (server renders <div class="dht-date-sep">…</div>)
+// ===========================================================================
+exports.dateSeparatorStyles = `.dht-date-sep{display:flex;align-items:center;gap:12px;margin:24px 16px 8px;color:#b5bac1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dht-date-sep::before,.dht-date-sep::after{content:"";flex:1;height:1px;background:#3f4248}`;
+
 exports.ggSansFont = '@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-400.woff2);font-family:"gg sans";font-weight:400;font-style:normal}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-500.woff2);font-family:"gg sans";font-weight:500;font-style:normal}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-600.woff2);font-family:"gg sans";font-weight:600;font-style:normal}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-700.woff2);font-family:"gg sans";font-weight:700;font-style:normal}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-normal-800.woff2);font-family:"gg sans";font-weight:800;font-style:normal}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-400.woff2);font-family:"gg sans";font-weight:400;font-style:italic}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-500.woff2);font-family:"gg sans";font-weight:500;font-style:italic}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-600.woff2);font-family:"gg sans";font-weight:600;font-style:italic}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-700.woff2);font-family:"gg sans";font-weight:700;font-style:italic}@font-face{src:url(https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-italic-800.woff2);font-family:"gg sans";font-weight:800;font-style:italic}';
-//# sourceMappingURL=client.js.map
+//# sourceMappingURL=client.js.map