${escapeHtml((msg.time || "").slice(0, 16).replace("T", " "))}
${highlightHtml(msg.text || "", q)}
${files}
${badges.length ? `${badges.join("")}
` : ""}
Empty document
"; const warnings = result.messages?.length ? `${escapeHtml( result.messages.map((m) => m.message).join("; ") )}
` : ""; modal.querySelector(".preview-doc-scroll").innerHTML = `${escapeHtml(
text
)}`;
return;
}
throw new Error("Binary file — use Download original.");
}
function openFilePreview(url, name, { asImage = false, fileId = "", downloadUrl = "" } = {}) {
const modal = ensurePreviewModal();
modal.querySelector(".preview-caption").textContent = name || "";
modal.querySelector(".preview-download").href =
downloadUrl || (fileId ? `/api/file-download?file_id=${encodeURIComponent(fileId)}` : url);
modal.classList.remove("hidden");
document.body.classList.add("preview-open");
if (asImage) {
setPreviewMode(modal, "image");
const img = modal.querySelector(".preview-image");
const imgUrl =
downloadUrl ||
(fileId ? `/api/file-download?file_id=${encodeURIComponent(fileId)}` : url);
img.src = imgUrl;
img.alt = name || "";
return;
}
renderDocPreview(url, name, fileId)
.then(() => setPreviewMode(modal, "doc"))
.catch((err) => {
setPreviewMode(modal, "error");
modal.querySelector(".preview-error").textContent = err.message || String(err);
});
}
function closePreview() {
const modal = document.getElementById("preview-modal");
if (!modal) return;
modal.classList.add("hidden");
modal.querySelector(".preview-image").src = "";
modal.querySelector(".preview-doc-scroll").innerHTML = "";
document.body.classList.remove("preview-open");
}
function channelEntry(name) {
if (!state.channelManifest[name]) {
state.channelManifest[name] = {
import: false,
status: "undecided",
reviewed: false,
import_mode: "all",
notes: "",
mattermost_channel: "",
mattermost_team: "",
messages: {},
};
}
if (!state.channelManifest[name].messages) {
state.channelManifest[name].messages = {};
}
return state.channelManifest[name];
}
function msgEntry(channelName, msgId) {
const ch = channelEntry(channelName);
if (!ch.messages[msgId]) {
ch.messages[msgId] = { action: "inherit", merge_target: "", notes: "", files: {} };
}
if (!ch.messages[msgId].files) ch.messages[msgId].files = {};
return ch.messages[msgId];
}
function userEntry(id) {
if (!state.userManifest[id]) {
state.userManifest[id] = { import: false, notes: "", mattermost_username: "" };
}
return state.userManifest[id];
}
function channelUsesCherryPick(ch) {
return ch.import_mode === "pick" || ch.status === "partial";
}
function effectiveMsgAction(channelName, msg) {
const ch = channelEntry(channelName);
const sel = ch.messages[msg.id];
const explicit = sel?.action;
if (explicit === "import" || explicit === "merge" || explicit === "skip") {
return explicit;
}
if (channelUsesCherryPick(ch)) {
return "skip";
}
if (ch.status === "import") return "import";
if (ch.status === "skip") return "skip";
return "skip";
}
function clearMsgSelection(channelName, msgId) {
const ch = channelEntry(channelName);
if (ch.messages?.[msgId]) {
delete ch.messages[msgId];
}
}
function setMsgImport(channelName, msg, on) {
if (!on) {
clearMsgSelection(channelName, msg.id);
return;
}
ensureCherryPick();
const sel = msgEntry(channelName, msg.id);
sel.action = "import";
sel.checked = true;
sel.merge_target = "";
}
function isMsgSelected(channelName, msg) {
const action = effectiveMsgAction(channelName, msg);
return action === "import" || action === "merge";
}
function setNavCooldown(ms = 550) {
state.navCooldown = true;
els.btnImport.classList.add("cooldown");
els.btnSkip.classList.add("cooldown");
setTimeout(() => {
state.navCooldown = false;
els.btnImport.classList.remove("cooldown");
els.btnSkip.classList.remove("cooldown");
updateTriageBar();
}, ms);
}
function setDecideButtonsEnabled(on) {
els.btnImport.disabled = !on || state.navCooldown;
els.btnSkip.disabled = !on || state.navCooldown;
}
function reviewedCount() {
return state.channels.filter((c) => channelEntry(c.name).reviewed).length;
}
function channelPickCount(name) {
const msgs = channelEntry(name).messages || {};
return Object.values(msgs).filter(
(m) => m.action === "import" || m.action === "merge"
).length;
}
function channelHasPicks(name) {
const entry = channelEntry(name);
return (
entry.status === "partial" ||
entry.import_mode === "pick" ||
channelPickCount(name) > 0
);
}
function visibleChannelList() {
const q = els.sidebarSearch.value.trim().toLowerCase();
const statusFilter = els.filterStatus.value;
const hideArchived = els.filterHideArchived.checked;
return state.channels.filter((ch) => {
const entry = channelEntry(ch.name);
const status = entry.status === "partial" ? "partial" : entry.status;
if (hideArchived && ch.is_archived) return false;
if (statusFilter === "partial") {
if (!channelHasPicks(ch.name)) return false;
} else if (statusFilter !== "all" && status !== statusFilter) return false;
if (!q) return true;
return (
ch.name.toLowerCase().includes(q) ||
(ch.purpose || "").toLowerCase().includes(q)
);
});
}
function channelIndex(name) {
return visibleChannelList().findIndex((c) => c.name === name);
}
function countSelections(channelName) {
const ch = channelEntry(channelName);
let imp = 0;
let merge = 0;
let skip = 0;
for (const msg of state.allMessages) {
const a = effectiveMsgAction(channelName, msg);
if (a === "import") imp += 1;
else if (a === "merge") merge += 1;
else skip += 1;
}
return { imp, merge, skip };
}
function renderProgress() {
const reviewed = reviewedCount();
const total = state.channels.length;
const imported = state.channels.filter((c) => {
const e = channelEntry(c.name);
return e.status === "import" || e.status === "partial";
}).length;
els.reviewProgress.innerHTML = `
${reviewed}/${total} reviewed ·
${imported} import/pick ·
${total - reviewed} left
`;
}
function renderStats(summary) {
els.stats.innerHTML = `
${formatNumber(summary.channel_count)} ch
${formatNumber(summary.total_messages)} msgs
${reviewedCount()} done
`;
}
function renderSidebar() {
els.sidebarList.innerHTML = "";
renderProgress();
if (state.tab === "channels") {
const items = visibleChannelList();
if (!items.length) {
els.sidebarList.innerHTML = 'Cherry-pick mode: check messages or use the panel to merge individual posts, threads, and files into another channel.
'; return; } const ch = channelEntry(state.selectedChannel); const { imp, merge, skip } = countSelections(state.selectedChannel); const mode = ch.import_mode === "pick" ? "Cherry-pick ON — only checked/merged messages import." : "Whole channel — Import/Skip applies to everything unless you cherry-pick."; els.selectionSummary.innerHTML = `${imp} import · ${merge} merge · ${skip} skip
${mode}
`; } function syncNotesPanel() { if (!state.selectedChannel) return; const entry = channelEntry(state.selectedChannel); els.mattermostChannel.value = entry.mattermost_channel || ""; els.mattermostTeam.value = entry.mattermost_team || ""; els.itemNotes.value = entry.notes || ""; els.importModePick.checked = entry.import_mode === "pick"; } function persistNotes() { if (!state.selectedChannel) return; const entry = channelEntry(state.selectedChannel); entry.mattermost_channel = els.mattermostChannel.value.trim(); entry.mattermost_team = els.mattermostTeam.value.trim(); entry.notes = els.itemNotes.value; scheduleAutosave(); } function setChannelDecision(name, status) { const entry = channelEntry(name); entry.status = status; entry.import = status === "import" || status === "partial"; entry.reviewed = true; if (status === "import" && entry.import_mode === "pick") { entry.status = "partial"; } const ch = state.channels.find((c) => c.name === name); if (ch) { ch.status = entry.status; ch.reviewed = true; } renderSidebar(); renderSelectionSummary(); updateTriageBar(); scheduleAutosave(); } function visibleMessages() { return state.allMessages.filter(messagePassesFilters); } function ensureCherryPick() { if (!state.selectedChannel) return; const entry = channelEntry(state.selectedChannel); entry.import_mode = "pick"; entry.status = "partial"; els.importModePick.checked = true; } function setMessageAction(msg, action, { advance = false } = {}) { if (!state.selectedChannel || !msg) return; if (action === "import" || action === "merge") { ensureCherryPick(); const sel = msgEntry(state.selectedChannel, msg.id); sel.action = action; sel.checked = true; if (action !== "merge") sel.merge_target = ""; } else { clearMsgSelection(state.selectedChannel, msg.id); } renderAllMessages(); renderSidebar(); updateTriageBar(); scheduleAutosave(); if (advance) { const vis = visibleMessages(); const idx = vis.findIndex((m) => m.id === msg.id); if (idx >= 0 && idx < vis.length - 1) { focusMessage(vis[idx + 1].id); } else { updateMessageNavStatus(); } } } function toggleFocusedImport() { const msg = state.allMessages.find((m) => m.id === state.focusMessageId); if (!msg || !state.selectedChannel) return; const sel = msgEntry(state.selectedChannel, msg.id); const currentlyOn = isMsgSelected(state.selectedChannel, msg); setMessageAction(msg, currentlyOn ? "skip" : "import", { advance: false }); } function focusMessage(msgId, { scroll = true } = {}) { if (!msgId) return; state.focusMessageId = msgId; state.selectedMessageId = msgId; document.querySelectorAll(".message.focused").forEach((el) => { el.classList.remove("focused"); }); const row = els.messages.querySelector( `[data-id="${msgId.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"]` ); if (row) { row.classList.add("focused"); if (scroll) row.scrollIntoView({ block: "nearest", behavior: "smooth" }); } updateMessageNavStatus(); const msg = state.allMessages.find((m) => m.id === msgId); if (msg) { els.msgPreview.textContent = `${msg.user_name}: ${(msg.text || "[no text]").slice(0, 120)}`; els.messageDetail.classList.remove("hidden"); const sel = msgEntry(state.selectedChannel, msg.id); els.msgAction.value = sel.action && sel.action !== "inherit" ? sel.action : "inherit"; els.msgMergeTarget.value = sel.merge_target || ""; els.msgMergeTarget.classList.toggle("hidden", els.msgAction.value !== "merge"); els.msgNotes.value = sel.notes || ""; } } function updateMessageNavStatus() { const vis = visibleMessages(); if (!vis.length) { els.msgNavStatus.textContent = "—"; return; } const idx = vis.findIndex((m) => m.id === state.focusMessageId); const pos = idx >= 0 ? idx + 1 : 0; els.msgNavStatus.textContent = pos ? `${pos} / ${vis.length}` : `— / ${vis.length}`; } function goNextMessage() { const vis = visibleMessages(); if (!vis.length) return; let idx = vis.findIndex((m) => m.id === state.focusMessageId); if (idx < 0) idx = -1; const next = vis[Math.min(idx + 1, vis.length - 1)]; focusMessage(next.id); } function goPrevMessage() { const vis = visibleMessages(); if (!vis.length) return; let idx = vis.findIndex((m) => m.id === state.focusMessageId); if (idx < 0) idx = vis.length; const prev = vis[Math.max(idx - 1, 0)]; focusMessage(prev.id); } function focusFirstMessage() { const vis = visibleMessages(); if (vis.length) focusMessage(vis[0].id, { scroll: false }); else state.focusMessageId = null; } function messagePassesFilters(msg) { if (els.filterHideBots.checked && msg.is_bot) return false; if (els.filterHideSystem.checked) { if (msg.subtype && SYSTEM_SUBTYPES.has(msg.subtype)) return false; if (!msg.text && !msg.files?.length) return false; } const q = els.messageSearch.value.trim().toLowerCase(); if (q) { const hay = `${msg.user_name} ${msg.text}`.toLowerCase(); if (!hay.includes(q)) return false; } if (els.filterOnlySelected.checked && state.selectedChannel) { if (!isMsgSelected(state.selectedChannel, msg)) return false; } const att = els.filterAttachmentType?.value || "all"; if (att !== "all") { const kinds = messageKinds(msg); if (att === "any") { if (!msg.files?.length) return false; } else if (!kinds.has(att)) { return false; } } return true; } function messageRowHtml(msg, q) { const ch = state.selectedChannel; const action = effectiveMsgAction(ch, msg); const sel = msgEntry(ch, msg.id); const checked = action === "import" || action === "merge"; const classes = ["message"]; if (msg.is_thread_reply) classes.push("thread-reply"); if (msg.is_bot) classes.push("bot"); if (msg.subtype && SYSTEM_SUBTYPES.has(msg.subtype)) classes.push("system"); if (msg.id === state.selectedMessageId) classes.push("selected"); if (msg.id === state.focusMessageId) classes.push("focused"); if (action === "import") classes.push("sel-import"); if (action === "skip") classes.push("sel-skip"); if (action === "merge") classes.push("sel-merge"); const badges = []; if (action === "merge" && sel.merge_target) { badges.push(`→ ${escapeHtml(sel.merge_target)}`); } if (msg.is_thread_parent || msg.thread_reply_count > 0) { badges.push( `${msg.thread_reply_count || msg.reply_count || 0} replies` ); } if (msg.files?.length) { badges.push(`${msg.files.length} file(s)`); } const files = renderMessageFiles(msg); return `