@sean.holung/minicode 0.2.4 → 0.3.0

package/dist/src/web/app.js

@@ -1,48 +1,1978 @@
-const messagesEl = document.getElementById("messages");
-const chatForm = document.getElementById("chat-form");
-const chatInput = document.getElementById("chat-input");
-const sendBtn = document.getElementById("send-btn");
-const cancelBtn = document.getElementById("cancel-btn");
-const statusBadge = document.getElementById("status-badge");
-const modelInfo = document.getElementById("model-info");
-const sessionBtn = document.getElementById("session-btn");
-const sessionDropdown = document.getElementById("session-dropdown");
-const sessionList = document.getElementById("session-list");
-const saveBtn = document.getElementById("save-btn");
-const saveLabelInput = document.getElementById("save-label");
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-let ws;
-let currentAssistantEl = null;
-let assistantText = "";
+// node_modules/marked/lib/marked.esm.js
+function M() {
+  return { async: false, breaks: false, extensions: null, gfm: true, hooks: null, pedantic: false, renderer: null, silent: false, tokenizer: null, walkTokens: null };
+}
+var T = M();
+function G(u3) {
+  T = u3;
+}
+var _ = { exec: () => null };
+function k(u3, e = "") {
+  let t = typeof u3 == "string" ? u3 : u3.source, n = { replace: (r, i) => {
+    let s = typeof i == "string" ? i : i.source;
+    return s = s.replace(m.caret, "$1"), t = t.replace(r, s), n;
+  }, getRegex: () => new RegExp(t, e) };
+  return n;
+}
+var be = (() => {
+  try {
+    return !!new RegExp("(?<=1)(?<!1)");
+  } catch {
+    return false;
+  }
+})();
+var m = { codeRemoveIndent: /^(?: {1,4}| {0,3}\t)/gm, outputLinkReplace: /\\([\[\]])/g, indentCodeCompensation: /^(\s+)(?:```)/, beginningSpace: /^\s+/, endingHash: /#$/, startingSpaceChar: /^ /, endingSpaceChar: / $/, nonSpaceChar: /[^ ]/, newLineCharGlobal: /\n/g, tabCharGlobal: /\t/g, multipleSpaceGlobal: /\s+/g, blankLine: /^[ \t]*$/, doubleBlankLine: /\n[ \t]*\n[ \t]*$/, blockquoteStart: /^ {0,3}>/, blockquoteSetextReplace: /\n {0,3}((?:=+|-+) *)(?=\n|$)/g, blockquoteSetextReplace2: /^ {0,3}>[ \t]?/gm, listReplaceNesting: /^ {1,4}(?=( {4})*[^ ])/g, listIsTask: /^\[[ xX]\] +\S/, listReplaceTask: /^\[[ xX]\] +/, listTaskCheckbox: /\[[ xX]\]/, anyLine: /\n.*\n/, hrefBrackets: /^<(.*)>$/, tableDelimiter: /[:|]/, tableAlignChars: /^\||\| *$/g, tableRowBlankLine: /\n[ \t]*$/, tableAlignRight: /^ *-+: *$/, tableAlignCenter: /^ *:-+: *$/, tableAlignLeft: /^ *:-+ *$/, startATag: /^<a /i, endATag: /^<\/a>/i, startPreScriptTag: /^<(pre|code|kbd|script)(\s|>)/i, endPreScriptTag: /^<\/(pre|code|kbd|script)(\s|>)/i, startAngleBracket: /^</, endAngleBracket: />$/, pedanticHrefTitle: /^([^'"]*[^\s])\s+(['"])(.*)\2/, unicodeAlphaNumeric: /[\p{L}\p{N}]/u, escapeTest: /[&<>"']/, escapeReplace: /[&<>"']/g, escapeTestNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, escapeReplaceNoEncode: /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g, caret: /(^|[^\[])\^/g, percentDecode: /%25/g, findPipe: /\|/g, splitPipe: / \|/, slashPipe: /\\\|/g, carriageReturn: /\r\n|\r/g, spaceLine: /^ +$/gm, notSpaceStart: /^\S*/, endingNewline: /\n$/, listItemRegex: (u3) => new RegExp(`^( {0,3}${u3})((?:[	 ][^\\n]*)?(?:\\n|$))`), nextBulletRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), hrRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), fencesBeginRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}(?:\`\`\`|~~~)`), headingBeginRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}#`), htmlBeginRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}<(?:[a-z].*>|!--)`, "i"), blockquoteBeginRegex: (u3) => new RegExp(`^ {0,${Math.min(3, u3 - 1)}}>`) };
+var Re = /^(?:[ \t]*(?:\n|$))+/;
+var Te = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/;
+var Oe = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/;
+var C = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/;
+var we = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/;
+var Q = / {0,3}(?:[*+-]|\d{1,9}[.)])/;
+var se = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/;
+var ie = k(se).replace(/bull/g, Q).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/\|table/g, "").getRegex();
+var ye = k(se).replace(/bull/g, Q).replace(/blockCode/g, /(?: {4}| {0,3}\t)/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).replace(/table/g, / {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex();
+var j = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/;
+var Pe = /^[^\n]+/;
+var F = /(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/;
+var Se = k(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", F).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex();
+var $e = k(/^(bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Q).getRegex();
+var v = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul";
+var U = /<!--(?:-?>|[\s\S]*?(?:-->|$))/;
+var _e = k("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))", "i").replace("comment", U).replace("tag", v).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex();
+var oe = k(j).replace("hr", C).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", v).getRegex();
+var Le = k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", oe).getRegex();
+var K = { blockquote: Le, code: Te, def: Se, fences: Oe, heading: we, hr: C, html: _e, lheading: ie, list: $e, newline: Re, paragraph: oe, table: _, text: Pe };
+var ne = k("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", C).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", "(?: {4}| {0,3}	)[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", v).getRegex();
+var Me = { ...K, lheading: ye, table: ne, paragraph: k(j).replace("hr", C).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", ne).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", v).getRegex() };
+var ze = { ...K, html: k(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", U).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(), def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/, heading: /^(#{1,6})(.*)(?:\n+|$)/, fences: _, lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/, paragraph: k(j).replace("hr", C).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", ie).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex() };
+var Ee = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
+var Ie = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
+var ae = /^( {2,}|\\)\n(?!\s*$)/;
+var Ae = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
+var z = /[\p{P}\p{S}]/u;
+var H = /[\s\p{P}\p{S}]/u;
+var W = /[^\s\p{P}\p{S}]/u;
+var Ce = k(/^((?![*_])punctSpace)/, "u").replace(/punctSpace/g, H).getRegex();
+var le = /(?!~)[\p{P}\p{S}]/u;
+var Be = /(?!~)[\s\p{P}\p{S}]/u;
+var De = /(?:[^\s\p{P}\p{S}]|~)/u;
+var qe = k(/link|precode-code|html/, "g").replace("link", /\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-", be ? "(?<!`)()" : "(^^|[^`])").replace("code", /(?<b>`+)[^`]+\k<b>(?!`)/).replace("html", /<(?! )[^<>]*?>/).getRegex();
+var ue = /^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/;
+var ve = k(ue, "u").replace(/punct/g, z).getRegex();
+var He = k(ue, "u").replace(/punct/g, le).getRegex();
+var pe = "^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)";
+var Ze = k(pe, "gu").replace(/notPunctSpace/g, W).replace(/punctSpace/g, H).replace(/punct/g, z).getRegex();
+var Ge = k(pe, "gu").replace(/notPunctSpace/g, De).replace(/punctSpace/g, Be).replace(/punct/g, le).getRegex();
+var Ne = k("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)", "gu").replace(/notPunctSpace/g, W).replace(/punctSpace/g, H).replace(/punct/g, z).getRegex();
+var Qe = k(/^~~?(?:((?!~)punct)|[^\s~])/, "u").replace(/punct/g, z).getRegex();
+var je = "^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)";
+var Fe = k(je, "gu").replace(/notPunctSpace/g, W).replace(/punctSpace/g, H).replace(/punct/g, z).getRegex();
+var Ue = k(/\\(punct)/, "gu").replace(/punct/g, z).getRegex();
+var Ke = k(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex();
+var We = k(U).replace("(?:-->|$)", "-->").getRegex();
+var Xe = k("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", We).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex();
+var q = /(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/;
+var Je = k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label", q).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex();
+var ce = k(/^!?\[(label)\]\[(ref)\]/).replace("label", q).replace("ref", F).getRegex();
+var he = k(/^!?\[(ref)\](?:\[\])?/).replace("ref", F).getRegex();
+var Ve = k("reflink|nolink(?!\\()", "g").replace("reflink", ce).replace("nolink", he).getRegex();
+var re = /[hH][tT][tT][pP][sS]?|[fF][tT][pP]/;
+var X = { _backpedal: _, anyPunctuation: Ue, autolink: Ke, blockSkip: qe, br: ae, code: Ie, del: _, delLDelim: _, delRDelim: _, emStrongLDelim: ve, emStrongRDelimAst: Ze, emStrongRDelimUnd: Ne, escape: Ee, link: Je, nolink: he, punctuation: Ce, reflink: ce, reflinkSearch: Ve, tag: Xe, text: Ae, url: _ };
+var Ye = { ...X, link: k(/^!?\[(label)\]\((.*?)\)/).replace("label", q).getRegex(), reflink: k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", q).getRegex() };
+var N = { ...X, emStrongRDelimAst: Ge, emStrongLDelim: He, delLDelim: Qe, delRDelim: Fe, url: k(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol", re).replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(), _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/, del: /^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/, text: k(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol", re).getRegex() };
+var et = { ...N, br: k(ae).replace("{2,}", "*").getRegex(), text: k(N.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex() };
+var B = { normal: K, gfm: Me, pedantic: ze };
+var E = { normal: X, gfm: N, breaks: et, pedantic: Ye };
+var tt = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+var ke = (u3) => tt[u3];
+function O(u3, e) {
+  if (e) {
+    if (m.escapeTest.test(u3)) return u3.replace(m.escapeReplace, ke);
+  } else if (m.escapeTestNoEncode.test(u3)) return u3.replace(m.escapeReplaceNoEncode, ke);
+  return u3;
+}
+function J(u3) {
+  try {
+    u3 = encodeURI(u3).replace(m.percentDecode, "%");
+  } catch {
+    return null;
+  }
+  return u3;
+}
+function V(u3, e) {
+  let t = u3.replace(m.findPipe, (i, s, a) => {
+    let o = false, l = s;
+    for (; --l >= 0 && a[l] === "\\"; ) o = !o;
+    return o ? "|" : " |";
+  }), n = t.split(m.splitPipe), r = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n.at(-1)?.trim() && n.pop(), e) if (n.length > e) n.splice(e);
+  else for (; n.length < e; ) n.push("");
+  for (; r < n.length; r++) n[r] = n[r].trim().replace(m.slashPipe, "|");
+  return n;
+}
+function I(u3, e, t) {
+  let n = u3.length;
+  if (n === 0) return "";
+  let r = 0;
+  for (; r < n; ) {
+    let i = u3.charAt(n - r - 1);
+    if (i === e && !t) r++;
+    else if (i !== e && t) r++;
+    else break;
+  }
+  return u3.slice(0, n - r);
+}
+function de(u3, e) {
+  if (u3.indexOf(e[1]) === -1) return -1;
+  let t = 0;
+  for (let n = 0; n < u3.length; n++) if (u3[n] === "\\") n++;
+  else if (u3[n] === e[0]) t++;
+  else if (u3[n] === e[1] && (t--, t < 0)) return n;
+  return t > 0 ? -2 : -1;
+}
+function ge(u3, e = 0) {
+  let t = e, n = "";
+  for (let r of u3) if (r === "	") {
+    let i = 4 - t % 4;
+    n += " ".repeat(i), t += i;
+  } else n += r, t++;
+  return n;
+}
+function fe(u3, e, t, n, r) {
+  let i = e.href, s = e.title || null, a = u3[1].replace(r.other.outputLinkReplace, "$1");
+  n.state.inLink = true;
+  let o = { type: u3[0].charAt(0) === "!" ? "image" : "link", raw: t, href: i, title: s, text: a, tokens: n.inlineTokens(a) };
+  return n.state.inLink = false, o;
+}
+function nt(u3, e, t) {
+  let n = u3.match(t.other.indentCodeCompensation);
+  if (n === null) return e;
+  let r = n[1];
+  return e.split(`
+`).map((i) => {
+    let s = i.match(t.other.beginningSpace);
+    if (s === null) return i;
+    let [a] = s;
+    return a.length >= r.length ? i.slice(r.length) : i;
+  }).join(`
+`);
+}
+var w = class {
+  constructor(e) {
+    __publicField(this, "options");
+    __publicField(this, "rules");
+    __publicField(this, "lexer");
+    this.options = e || T;
+  }
+  space(e) {
+    let t = this.rules.block.newline.exec(e);
+    if (t && t[0].length > 0) return { type: "space", raw: t[0] };
+  }
+  code(e) {
+    let t = this.rules.block.code.exec(e);
+    if (t) {
+      let n = t[0].replace(this.rules.other.codeRemoveIndent, "");
+      return { type: "code", raw: t[0], codeBlockStyle: "indented", text: this.options.pedantic ? n : I(n, `
+`) };
+    }
+  }
+  fences(e) {
+    let t = this.rules.block.fences.exec(e);
+    if (t) {
+      let n = t[0], r = nt(n, t[3] || "", this.rules);
+      return { type: "code", raw: n, lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2], text: r };
+    }
+  }
+  heading(e) {
+    let t = this.rules.block.heading.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (this.rules.other.endingHash.test(n)) {
+        let r = I(n, "#");
+        (this.options.pedantic || !r || this.rules.other.endingSpaceChar.test(r)) && (n = r.trim());
+      }
+      return { type: "heading", raw: t[0], depth: t[1].length, text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  hr(e) {
+    let t = this.rules.block.hr.exec(e);
+    if (t) return { type: "hr", raw: I(t[0], `
+`) };
+  }
+  blockquote(e) {
+    let t = this.rules.block.blockquote.exec(e);
+    if (t) {
+      let n = I(t[0], `
+`).split(`
+`), r = "", i = "", s = [];
+      for (; n.length > 0; ) {
+        let a = false, o = [], l;
+        for (l = 0; l < n.length; l++) if (this.rules.other.blockquoteStart.test(n[l])) o.push(n[l]), a = true;
+        else if (!a) o.push(n[l]);
+        else break;
+        n = n.slice(l);
+        let p = o.join(`
+`), c = p.replace(this.rules.other.blockquoteSetextReplace, `
+    $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
+        r = r ? `${r}
+${p}` : p, i = i ? `${i}
+${c}` : c;
+        let d = this.lexer.state.top;
+        if (this.lexer.state.top = true, this.lexer.blockTokens(c, s, true), this.lexer.state.top = d, n.length === 0) break;
+        let h = s.at(-1);
+        if (h?.type === "code") break;
+        if (h?.type === "blockquote") {
+          let R = h, f = R.raw + `
+` + n.join(`
+`), S = this.blockquote(f);
+          s[s.length - 1] = S, r = r.substring(0, r.length - R.raw.length) + S.raw, i = i.substring(0, i.length - R.text.length) + S.text;
+          break;
+        } else if (h?.type === "list") {
+          let R = h, f = R.raw + `
+` + n.join(`
+`), S = this.list(f);
+          s[s.length - 1] = S, r = r.substring(0, r.length - h.raw.length) + S.raw, i = i.substring(0, i.length - R.raw.length) + S.raw, n = f.substring(s.at(-1).raw.length).split(`
+`);
+          continue;
+        }
+      }
+      return { type: "blockquote", raw: r, tokens: s, text: i };
+    }
+  }
+  list(e) {
+    let t = this.rules.block.list.exec(e);
+    if (t) {
+      let n = t[1].trim(), r = n.length > 1, i = { type: "list", raw: "", ordered: r, start: r ? +n.slice(0, -1) : "", loose: false, items: [] };
+      n = r ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = r ? n : "[*+-]");
+      let s = this.rules.other.listItemRegex(n), a = false;
+      for (; e; ) {
+        let l = false, p = "", c = "";
+        if (!(t = s.exec(e)) || this.rules.block.hr.test(e)) break;
+        p = t[0], e = e.substring(p.length);
+        let d = ge(t[2].split(`
+`, 1)[0], t[1].length), h = e.split(`
+`, 1)[0], R = !d.trim(), f = 0;
+        if (this.options.pedantic ? (f = 2, c = d.trimStart()) : R ? f = t[1].length + 1 : (f = d.search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, c = d.slice(f), f += t[1].length), R && this.rules.other.blankLine.test(h) && (p += h + `
+`, e = e.substring(h.length + 1), l = true), !l) {
+          let S = this.rules.other.nextBulletRegex(f), Y = this.rules.other.hrRegex(f), ee = this.rules.other.fencesBeginRegex(f), te = this.rules.other.headingBeginRegex(f), me = this.rules.other.htmlBeginRegex(f), xe = this.rules.other.blockquoteBeginRegex(f);
+          for (; e; ) {
+            let Z = e.split(`
+`, 1)[0], A;
+            if (h = Z, this.options.pedantic ? (h = h.replace(this.rules.other.listReplaceNesting, "  "), A = h) : A = h.replace(this.rules.other.tabCharGlobal, "    "), ee.test(h) || te.test(h) || me.test(h) || xe.test(h) || S.test(h) || Y.test(h)) break;
+            if (A.search(this.rules.other.nonSpaceChar) >= f || !h.trim()) c += `
+` + A.slice(f);
+            else {
+              if (R || d.replace(this.rules.other.tabCharGlobal, "    ").search(this.rules.other.nonSpaceChar) >= 4 || ee.test(d) || te.test(d) || Y.test(d)) break;
+              c += `
+` + h;
+            }
+            R = !h.trim(), p += Z + `
+`, e = e.substring(Z.length + 1), d = A.slice(f);
+          }
+        }
+        i.loose || (a ? i.loose = true : this.rules.other.doubleBlankLine.test(p) && (a = true)), i.items.push({ type: "list_item", raw: p, task: !!this.options.gfm && this.rules.other.listIsTask.test(c), loose: false, text: c, tokens: [] }), i.raw += p;
+      }
+      let o = i.items.at(-1);
+      if (o) o.raw = o.raw.trimEnd(), o.text = o.text.trimEnd();
+      else return;
+      i.raw = i.raw.trimEnd();
+      for (let l of i.items) {
+        if (this.lexer.state.top = false, l.tokens = this.lexer.blockTokens(l.text, []), l.task) {
+          if (l.text = l.text.replace(this.rules.other.listReplaceTask, ""), l.tokens[0]?.type === "text" || l.tokens[0]?.type === "paragraph") {
+            l.tokens[0].raw = l.tokens[0].raw.replace(this.rules.other.listReplaceTask, ""), l.tokens[0].text = l.tokens[0].text.replace(this.rules.other.listReplaceTask, "");
+            for (let c = this.lexer.inlineQueue.length - 1; c >= 0; c--) if (this.rules.other.listIsTask.test(this.lexer.inlineQueue[c].src)) {
+              this.lexer.inlineQueue[c].src = this.lexer.inlineQueue[c].src.replace(this.rules.other.listReplaceTask, "");
+              break;
+            }
+          }
+          let p = this.rules.other.listTaskCheckbox.exec(l.raw);
+          if (p) {
+            let c = { type: "checkbox", raw: p[0] + " ", checked: p[0] !== "[ ]" };
+            l.checked = c.checked, i.loose ? l.tokens[0] && ["paragraph", "text"].includes(l.tokens[0].type) && "tokens" in l.tokens[0] && l.tokens[0].tokens ? (l.tokens[0].raw = c.raw + l.tokens[0].raw, l.tokens[0].text = c.raw + l.tokens[0].text, l.tokens[0].tokens.unshift(c)) : l.tokens.unshift({ type: "paragraph", raw: c.raw, text: c.raw, tokens: [c] }) : l.tokens.unshift(c);
+          }
+        }
+        if (!i.loose) {
+          let p = l.tokens.filter((d) => d.type === "space"), c = p.length > 0 && p.some((d) => this.rules.other.anyLine.test(d.raw));
+          i.loose = c;
+        }
+      }
+      if (i.loose) for (let l of i.items) {
+        l.loose = true;
+        for (let p of l.tokens) p.type === "text" && (p.type = "paragraph");
+      }
+      return i;
+    }
+  }
+  html(e) {
+    let t = this.rules.block.html.exec(e);
+    if (t) return { type: "html", block: true, raw: t[0], pre: t[1] === "pre" || t[1] === "script" || t[1] === "style", text: t[0] };
+  }
+  def(e) {
+    let t = this.rules.block.def.exec(e);
+    if (t) {
+      let n = t[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal, " "), r = t[2] ? t[2].replace(this.rules.other.hrefBrackets, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", i = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
+      return { type: "def", tag: n, raw: t[0], href: r, title: i };
+    }
+  }
+  table(e) {
+    let t = this.rules.block.table.exec(e);
+    if (!t || !this.rules.other.tableDelimiter.test(t[2])) return;
+    let n = V(t[1]), r = t[2].replace(this.rules.other.tableAlignChars, "").split("|"), i = t[3]?.trim() ? t[3].replace(this.rules.other.tableRowBlankLine, "").split(`
+`) : [], s = { type: "table", raw: t[0], header: [], align: [], rows: [] };
+    if (n.length === r.length) {
+      for (let a of r) this.rules.other.tableAlignRight.test(a) ? s.align.push("right") : this.rules.other.tableAlignCenter.test(a) ? s.align.push("center") : this.rules.other.tableAlignLeft.test(a) ? s.align.push("left") : s.align.push(null);
+      for (let a = 0; a < n.length; a++) s.header.push({ text: n[a], tokens: this.lexer.inline(n[a]), header: true, align: s.align[a] });
+      for (let a of i) s.rows.push(V(a, s.header.length).map((o, l) => ({ text: o, tokens: this.lexer.inline(o), header: false, align: s.align[l] })));
+      return s;
+    }
+  }
+  lheading(e) {
+    let t = this.rules.block.lheading.exec(e);
+    if (t) {
+      let n = t[1].trim();
+      return { type: "heading", raw: t[0], depth: t[2].charAt(0) === "=" ? 1 : 2, text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  paragraph(e) {
+    let t = this.rules.block.paragraph.exec(e);
+    if (t) {
+      let n = t[1].charAt(t[1].length - 1) === `
+` ? t[1].slice(0, -1) : t[1];
+      return { type: "paragraph", raw: t[0], text: n, tokens: this.lexer.inline(n) };
+    }
+  }
+  text(e) {
+    let t = this.rules.block.text.exec(e);
+    if (t) return { type: "text", raw: t[0], text: t[0], tokens: this.lexer.inline(t[0]) };
+  }
+  escape(e) {
+    let t = this.rules.inline.escape.exec(e);
+    if (t) return { type: "escape", raw: t[0], text: t[1] };
+  }
+  tag(e) {
+    let t = this.rules.inline.tag.exec(e);
+    if (t) return !this.lexer.state.inLink && this.rules.other.startATag.test(t[0]) ? this.lexer.state.inLink = true : this.lexer.state.inLink && this.rules.other.endATag.test(t[0]) && (this.lexer.state.inLink = false), !this.lexer.state.inRawBlock && this.rules.other.startPreScriptTag.test(t[0]) ? this.lexer.state.inRawBlock = true : this.lexer.state.inRawBlock && this.rules.other.endPreScriptTag.test(t[0]) && (this.lexer.state.inRawBlock = false), { type: "html", raw: t[0], inLink: this.lexer.state.inLink, inRawBlock: this.lexer.state.inRawBlock, block: false, text: t[0] };
+  }
+  link(e) {
+    let t = this.rules.inline.link.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (!this.options.pedantic && this.rules.other.startAngleBracket.test(n)) {
+        if (!this.rules.other.endAngleBracket.test(n)) return;
+        let s = I(n.slice(0, -1), "\\");
+        if ((n.length - s.length) % 2 === 0) return;
+      } else {
+        let s = de(t[2], "()");
+        if (s === -2) return;
+        if (s > -1) {
+          let o = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + s;
+          t[2] = t[2].substring(0, s), t[0] = t[0].substring(0, o).trim(), t[3] = "";
+        }
+      }
+      let r = t[2], i = "";
+      if (this.options.pedantic) {
+        let s = this.rules.other.pedanticHrefTitle.exec(r);
+        s && (r = s[1], i = s[3]);
+      } else i = t[3] ? t[3].slice(1, -1) : "";
+      return r = r.trim(), this.rules.other.startAngleBracket.test(r) && (this.options.pedantic && !this.rules.other.endAngleBracket.test(n) ? r = r.slice(1) : r = r.slice(1, -1)), fe(t, { href: r && r.replace(this.rules.inline.anyPunctuation, "$1"), title: i && i.replace(this.rules.inline.anyPunctuation, "$1") }, t[0], this.lexer, this.rules);
+    }
+  }
+  reflink(e, t) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      let r = (n[2] || n[1]).replace(this.rules.other.multipleSpaceGlobal, " "), i = t[r.toLowerCase()];
+      if (!i) {
+        let s = n[0].charAt(0);
+        return { type: "text", raw: s, text: s };
+      }
+      return fe(n, i, n[0], this.lexer, this.rules);
+    }
+  }
+  emStrong(e, t, n = "") {
+    let r = this.rules.inline.emStrongLDelim.exec(e);
+    if (!r || !r[1] && !r[2] && !r[3] && !r[4] || r[4] && n.match(this.rules.other.unicodeAlphaNumeric)) return;
+    if (!(r[1] || r[3] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      let s = [...r[0]].length - 1, a, o, l = s, p = 0, c = r[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (c.lastIndex = 0, t = t.slice(-1 * e.length + s); (r = c.exec(t)) != null; ) {
+        if (a = r[1] || r[2] || r[3] || r[4] || r[5] || r[6], !a) continue;
+        if (o = [...a].length, r[3] || r[4]) {
+          l += o;
+          continue;
+        } else if ((r[5] || r[6]) && s % 3 && !((s + o) % 3)) {
+          p += o;
+          continue;
+        }
+        if (l -= o, l > 0) continue;
+        o = Math.min(o, o + l + p);
+        let d = [...r[0]][0].length, h = e.slice(0, s + r.index + d + o);
+        if (Math.min(s, o) % 2) {
+          let f = h.slice(1, -1);
+          return { type: "em", raw: h, text: f, tokens: this.lexer.inlineTokens(f) };
+        }
+        let R = h.slice(2, -2);
+        return { type: "strong", raw: h, text: R, tokens: this.lexer.inlineTokens(R) };
+      }
+    }
+  }
+  codespan(e) {
+    let t = this.rules.inline.code.exec(e);
+    if (t) {
+      let n = t[2].replace(this.rules.other.newLineCharGlobal, " "), r = this.rules.other.nonSpaceChar.test(n), i = this.rules.other.startingSpaceChar.test(n) && this.rules.other.endingSpaceChar.test(n);
+      return r && i && (n = n.substring(1, n.length - 1)), { type: "codespan", raw: t[0], text: n };
+    }
+  }
+  br(e) {
+    let t = this.rules.inline.br.exec(e);
+    if (t) return { type: "br", raw: t[0] };
+  }
+  del(e, t, n = "") {
+    let r = this.rules.inline.delLDelim.exec(e);
+    if (!r) return;
+    if (!(r[1] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      let s = [...r[0]].length - 1, a, o, l = s, p = this.rules.inline.delRDelim;
+      for (p.lastIndex = 0, t = t.slice(-1 * e.length + s); (r = p.exec(t)) != null; ) {
+        if (a = r[1] || r[2] || r[3] || r[4] || r[5] || r[6], !a || (o = [...a].length, o !== s)) continue;
+        if (r[3] || r[4]) {
+          l += o;
+          continue;
+        }
+        if (l -= o, l > 0) continue;
+        o = Math.min(o, o + l);
+        let c = [...r[0]][0].length, d = e.slice(0, s + r.index + c + o), h = d.slice(s, -s);
+        return { type: "del", raw: d, text: h, tokens: this.lexer.inlineTokens(h) };
+      }
+    }
+  }
+  autolink(e) {
+    let t = this.rules.inline.autolink.exec(e);
+    if (t) {
+      let n, r;
+      return t[2] === "@" ? (n = t[1], r = "mailto:" + n) : (n = t[1], r = n), { type: "link", raw: t[0], text: n, href: r, tokens: [{ type: "text", raw: n, text: n }] };
+    }
+  }
+  url(e) {
+    let t;
+    if (t = this.rules.inline.url.exec(e)) {
+      let n, r;
+      if (t[2] === "@") n = t[0], r = "mailto:" + n;
+      else {
+        let i;
+        do
+          i = t[0], t[0] = this.rules.inline._backpedal.exec(t[0])?.[0] ?? "";
+        while (i !== t[0]);
+        n = t[0], t[1] === "www." ? r = "http://" + t[0] : r = t[0];
+      }
+      return { type: "link", raw: t[0], text: n, href: r, tokens: [{ type: "text", raw: n, text: n }] };
+    }
+  }
+  inlineText(e) {
+    let t = this.rules.inline.text.exec(e);
+    if (t) {
+      let n = this.lexer.state.inRawBlock;
+      return { type: "text", raw: t[0], text: t[0], escaped: n };
+    }
+  }
+};
+var x = class u {
+  constructor(e) {
+    __publicField(this, "tokens");
+    __publicField(this, "options");
+    __publicField(this, "state");
+    __publicField(this, "inlineQueue");
+    __publicField(this, "tokenizer");
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || T, this.options.tokenizer = this.options.tokenizer || new w(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = { inLink: false, inRawBlock: false, top: true };
+    let t = { other: m, block: B.normal, inline: E.normal };
+    this.options.pedantic ? (t.block = B.pedantic, t.inline = E.pedantic) : this.options.gfm && (t.block = B.gfm, this.options.breaks ? t.inline = E.breaks : t.inline = E.gfm), this.tokenizer.rules = t;
+  }
+  static get rules() {
+    return { block: B, inline: E };
+  }
+  static lex(e, t) {
+    return new u(t).lex(e);
+  }
+  static lexInline(e, t) {
+    return new u(t).inlineTokens(e);
+  }
+  lex(e) {
+    e = e.replace(m.carriageReturn, `
+`), this.blockTokens(e, this.tokens);
+    for (let t = 0; t < this.inlineQueue.length; t++) {
+      let n = this.inlineQueue[t];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t = [], n = false) {
+    for (this.tokenizer.lexer = this, this.options.pedantic && (e = e.replace(m.tabCharGlobal, "    ").replace(m.spaceLine, "")); e; ) {
+      let r;
+      if (this.options.extensions?.block?.some((s) => (r = s.call({ lexer: this }, e, t)) ? (e = e.substring(r.raw.length), t.push(r), true) : false)) continue;
+      if (r = this.tokenizer.space(e)) {
+        e = e.substring(r.raw.length);
+        let s = t.at(-1);
+        r.raw.length === 1 && s !== void 0 ? s.raw += `
+` : t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.code(e)) {
+        e = e.substring(r.raw.length);
+        let s = t.at(-1);
+        s?.type === "paragraph" || s?.type === "text" ? (s.raw += (s.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, s.text += `
+` + r.text, this.inlineQueue.at(-1).src = s.text) : t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.fences(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.heading(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.hr(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.blockquote(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.list(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.html(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.def(e)) {
+        e = e.substring(r.raw.length);
+        let s = t.at(-1);
+        s?.type === "paragraph" || s?.type === "text" ? (s.raw += (s.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, s.text += `
+` + r.raw, this.inlineQueue.at(-1).src = s.text) : this.tokens.links[r.tag] || (this.tokens.links[r.tag] = { href: r.href, title: r.title }, t.push(r));
+        continue;
+      }
+      if (r = this.tokenizer.table(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      if (r = this.tokenizer.lheading(e)) {
+        e = e.substring(r.raw.length), t.push(r);
+        continue;
+      }
+      let i = e;
+      if (this.options.extensions?.startBlock) {
+        let s = 1 / 0, a = e.slice(1), o;
+        this.options.extensions.startBlock.forEach((l) => {
+          o = l.call({ lexer: this }, a), typeof o == "number" && o >= 0 && (s = Math.min(s, o));
+        }), s < 1 / 0 && s >= 0 && (i = e.substring(0, s + 1));
+      }
+      if (this.state.top && (r = this.tokenizer.paragraph(i))) {
+        let s = t.at(-1);
+        n && s?.type === "paragraph" ? (s.raw += (s.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, s.text += `
+` + r.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = s.text) : t.push(r), n = i.length !== e.length, e = e.substring(r.raw.length);
+        continue;
+      }
+      if (r = this.tokenizer.text(e)) {
+        e = e.substring(r.raw.length);
+        let s = t.at(-1);
+        s?.type === "text" ? (s.raw += (s.raw.endsWith(`
+`) ? "" : `
+`) + r.raw, s.text += `
+` + r.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = s.text) : t.push(r);
+        continue;
+      }
+      if (e) {
+        let s = "Infinite loop on byte: " + e.charCodeAt(0);
+        if (this.options.silent) {
+          console.error(s);
+          break;
+        } else throw new Error(s);
+      }
+    }
+    return this.state.top = true, t;
+  }
+  inline(e, t = []) {
+    return this.inlineQueue.push({ src: e, tokens: t }), t;
+  }
+  inlineTokens(e, t = []) {
+    this.tokenizer.lexer = this;
+    let n = e, r = null;
+    if (this.tokens.links) {
+      let o = Object.keys(this.tokens.links);
+      if (o.length > 0) for (; (r = this.tokenizer.rules.inline.reflinkSearch.exec(n)) != null; ) o.includes(r[0].slice(r[0].lastIndexOf("[") + 1, -1)) && (n = n.slice(0, r.index) + "[" + "a".repeat(r[0].length - 2) + "]" + n.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (r = this.tokenizer.rules.inline.anyPunctuation.exec(n)) != null; ) n = n.slice(0, r.index) + "++" + n.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    let i;
+    for (; (r = this.tokenizer.rules.inline.blockSkip.exec(n)) != null; ) i = r[2] ? r[2].length : 0, n = n.slice(0, r.index + i) + "[" + "a".repeat(r[0].length - i - 2) + "]" + n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    n = this.options.hooks?.emStrongMask?.call({ lexer: this }, n) ?? n;
+    let s = false, a = "";
+    for (; e; ) {
+      s || (a = ""), s = false;
+      let o;
+      if (this.options.extensions?.inline?.some((p) => (o = p.call({ lexer: this }, e, t)) ? (e = e.substring(o.raw.length), t.push(o), true) : false)) continue;
+      if (o = this.tokenizer.escape(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.tag(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.link(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.reflink(e, this.tokens.links)) {
+        e = e.substring(o.raw.length);
+        let p = t.at(-1);
+        o.type === "text" && p?.type === "text" ? (p.raw += o.raw, p.text += o.text) : t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.emStrong(e, n, a)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.codespan(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.br(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.del(e, n, a)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (o = this.tokenizer.autolink(e)) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      if (!this.state.inLink && (o = this.tokenizer.url(e))) {
+        e = e.substring(o.raw.length), t.push(o);
+        continue;
+      }
+      let l = e;
+      if (this.options.extensions?.startInline) {
+        let p = 1 / 0, c = e.slice(1), d;
+        this.options.extensions.startInline.forEach((h) => {
+          d = h.call({ lexer: this }, c), typeof d == "number" && d >= 0 && (p = Math.min(p, d));
+        }), p < 1 / 0 && p >= 0 && (l = e.substring(0, p + 1));
+      }
+      if (o = this.tokenizer.inlineText(l)) {
+        e = e.substring(o.raw.length), o.raw.slice(-1) !== "_" && (a = o.raw.slice(-1)), s = true;
+        let p = t.at(-1);
+        p?.type === "text" ? (p.raw += o.raw, p.text += o.text) : t.push(o);
+        continue;
+      }
+      if (e) {
+        let p = "Infinite loop on byte: " + e.charCodeAt(0);
+        if (this.options.silent) {
+          console.error(p);
+          break;
+        } else throw new Error(p);
+      }
+    }
+    return t;
+  }
+};
+var y = class {
+  constructor(e) {
+    __publicField(this, "options");
+    __publicField(this, "parser");
+    this.options = e || T;
+  }
+  space(e) {
+    return "";
+  }
+  code({ text: e, lang: t, escaped: n }) {
+    let r = (t || "").match(m.notSpaceStart)?.[0], i = e.replace(m.endingNewline, "") + `
+`;
+    return r ? '<pre><code class="language-' + O(r) + '">' + (n ? i : O(i, true)) + `</code></pre>
+` : "<pre><code>" + (n ? i : O(i, true)) + `</code></pre>
+`;
+  }
+  blockquote({ tokens: e }) {
+    return `<blockquote>
+${this.parser.parse(e)}</blockquote>
+`;
+  }
+  html({ text: e }) {
+    return e;
+  }
+  def(e) {
+    return "";
+  }
+  heading({ tokens: e, depth: t }) {
+    return `<h${t}>${this.parser.parseInline(e)}</h${t}>
+`;
+  }
+  hr(e) {
+    return `<hr>
+`;
+  }
+  list(e) {
+    let t = e.ordered, n = e.start, r = "";
+    for (let a = 0; a < e.items.length; a++) {
+      let o = e.items[a];
+      r += this.listitem(o);
+    }
+    let i = t ? "ol" : "ul", s = t && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + i + s + `>
+` + r + "</" + i + `>
+`;
+  }
+  listitem(e) {
+    return `<li>${this.parser.parse(e.tokens)}</li>
+`;
+  }
+  checkbox({ checked: e }) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox"> ';
+  }
+  paragraph({ tokens: e }) {
+    return `<p>${this.parser.parseInline(e)}</p>
+`;
+  }
+  table(e) {
+    let t = "", n = "";
+    for (let i = 0; i < e.header.length; i++) n += this.tablecell(e.header[i]);
+    t += this.tablerow({ text: n });
+    let r = "";
+    for (let i = 0; i < e.rows.length; i++) {
+      let s = e.rows[i];
+      n = "";
+      for (let a = 0; a < s.length; a++) n += this.tablecell(s[a]);
+      r += this.tablerow({ text: n });
+    }
+    return r && (r = `<tbody>${r}</tbody>`), `<table>
+<thead>
+` + t + `</thead>
+` + r + `</table>
+`;
+  }
+  tablerow({ text: e }) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e) {
+    let t = this.parser.parseInline(e.tokens), n = e.header ? "th" : "td";
+    return (e.align ? `<${n} align="${e.align}">` : `<${n}>`) + t + `</${n}>
+`;
+  }
+  strong({ tokens: e }) {
+    return `<strong>${this.parser.parseInline(e)}</strong>`;
+  }
+  em({ tokens: e }) {
+    return `<em>${this.parser.parseInline(e)}</em>`;
+  }
+  codespan({ text: e }) {
+    return `<code>${O(e, true)}</code>`;
+  }
+  br(e) {
+    return "<br>";
+  }
+  del({ tokens: e }) {
+    return `<del>${this.parser.parseInline(e)}</del>`;
+  }
+  link({ href: e, title: t, tokens: n }) {
+    let r = this.parser.parseInline(n), i = J(e);
+    if (i === null) return r;
+    e = i;
+    let s = '<a href="' + e + '"';
+    return t && (s += ' title="' + O(t) + '"'), s += ">" + r + "</a>", s;
+  }
+  image({ href: e, title: t, text: n, tokens: r }) {
+    r && (n = this.parser.parseInline(r, this.parser.textRenderer));
+    let i = J(e);
+    if (i === null) return O(n);
+    e = i;
+    let s = `<img src="${e}" alt="${O(n)}"`;
+    return t && (s += ` title="${O(t)}"`), s += ">", s;
+  }
+  text(e) {
+    return "tokens" in e && e.tokens ? this.parser.parseInline(e.tokens) : "escaped" in e && e.escaped ? e.text : O(e.text);
+  }
+};
+var $ = class {
+  strong({ text: e }) {
+    return e;
+  }
+  em({ text: e }) {
+    return e;
+  }
+  codespan({ text: e }) {
+    return e;
+  }
+  del({ text: e }) {
+    return e;
+  }
+  html({ text: e }) {
+    return e;
+  }
+  text({ text: e }) {
+    return e;
+  }
+  link({ text: e }) {
+    return "" + e;
+  }
+  image({ text: e }) {
+    return "" + e;
+  }
+  br() {
+    return "";
+  }
+  checkbox({ raw: e }) {
+    return e;
+  }
+};
+var b = class u2 {
+  constructor(e) {
+    __publicField(this, "options");
+    __publicField(this, "renderer");
+    __publicField(this, "textRenderer");
+    this.options = e || T, this.options.renderer = this.options.renderer || new y(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.renderer.parser = this, this.textRenderer = new $();
+  }
+  static parse(e, t) {
+    return new u2(t).parse(e);
+  }
+  static parseInline(e, t) {
+    return new u2(t).parseInline(e);
+  }
+  parse(e) {
+    this.renderer.parser = this;
+    let t = "";
+    for (let n = 0; n < e.length; n++) {
+      let r = e[n];
+      if (this.options.extensions?.renderers?.[r.type]) {
+        let s = r, a = this.options.extensions.renderers[s.type].call({ parser: this }, s);
+        if (a !== false || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "def", "paragraph", "text"].includes(s.type)) {
+          t += a || "";
+          continue;
+        }
+      }
+      let i = r;
+      switch (i.type) {
+        case "space": {
+          t += this.renderer.space(i);
+          break;
+        }
+        case "hr": {
+          t += this.renderer.hr(i);
+          break;
+        }
+        case "heading": {
+          t += this.renderer.heading(i);
+          break;
+        }
+        case "code": {
+          t += this.renderer.code(i);
+          break;
+        }
+        case "table": {
+          t += this.renderer.table(i);
+          break;
+        }
+        case "blockquote": {
+          t += this.renderer.blockquote(i);
+          break;
+        }
+        case "list": {
+          t += this.renderer.list(i);
+          break;
+        }
+        case "checkbox": {
+          t += this.renderer.checkbox(i);
+          break;
+        }
+        case "html": {
+          t += this.renderer.html(i);
+          break;
+        }
+        case "def": {
+          t += this.renderer.def(i);
+          break;
+        }
+        case "paragraph": {
+          t += this.renderer.paragraph(i);
+          break;
+        }
+        case "text": {
+          t += this.renderer.text(i);
+          break;
+        }
+        default: {
+          let s = 'Token with "' + i.type + '" type was not found.';
+          if (this.options.silent) return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return t;
+  }
+  parseInline(e, t = this.renderer) {
+    this.renderer.parser = this;
+    let n = "";
+    for (let r = 0; r < e.length; r++) {
+      let i = e[r];
+      if (this.options.extensions?.renderers?.[i.type]) {
+        let a = this.options.extensions.renderers[i.type].call({ parser: this }, i);
+        if (a !== false || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(i.type)) {
+          n += a || "";
+          continue;
+        }
+      }
+      let s = i;
+      switch (s.type) {
+        case "escape": {
+          n += t.text(s);
+          break;
+        }
+        case "html": {
+          n += t.html(s);
+          break;
+        }
+        case "link": {
+          n += t.link(s);
+          break;
+        }
+        case "image": {
+          n += t.image(s);
+          break;
+        }
+        case "checkbox": {
+          n += t.checkbox(s);
+          break;
+        }
+        case "strong": {
+          n += t.strong(s);
+          break;
+        }
+        case "em": {
+          n += t.em(s);
+          break;
+        }
+        case "codespan": {
+          n += t.codespan(s);
+          break;
+        }
+        case "br": {
+          n += t.br(s);
+          break;
+        }
+        case "del": {
+          n += t.del(s);
+          break;
+        }
+        case "text": {
+          n += t.text(s);
+          break;
+        }
+        default: {
+          let a = 'Token with "' + s.type + '" type was not found.';
+          if (this.options.silent) return console.error(a), "";
+          throw new Error(a);
+        }
+      }
+    }
+    return n;
+  }
+};
+var _a;
+var P = (_a = class {
+  constructor(e) {
+    __publicField(this, "options");
+    __publicField(this, "block");
+    this.options = e || T;
+  }
+  preprocess(e) {
+    return e;
+  }
+  postprocess(e) {
+    return e;
+  }
+  processAllTokens(e) {
+    return e;
+  }
+  emStrongMask(e) {
+    return e;
+  }
+  provideLexer() {
+    return this.block ? x.lex : x.lexInline;
+  }
+  provideParser() {
+    return this.block ? b.parse : b.parseInline;
+  }
+}, __publicField(_a, "passThroughHooks", /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens", "emStrongMask"])), __publicField(_a, "passThroughHooksRespectAsync", /* @__PURE__ */ new Set(["preprocess", "postprocess", "processAllTokens"])), _a);
+var D = class {
+  constructor(...e) {
+    __publicField(this, "defaults", M());
+    __publicField(this, "options", this.setOptions);
+    __publicField(this, "parse", this.parseMarkdown(true));
+    __publicField(this, "parseInline", this.parseMarkdown(false));
+    __publicField(this, "Parser", b);
+    __publicField(this, "Renderer", y);
+    __publicField(this, "TextRenderer", $);
+    __publicField(this, "Lexer", x);
+    __publicField(this, "Tokenizer", w);
+    __publicField(this, "Hooks", P);
+    this.use(...e);
+  }
+  walkTokens(e, t) {
+    let n = [];
+    for (let r of e) switch (n = n.concat(t.call(this, r)), r.type) {
+      case "table": {
+        let i = r;
+        for (let s of i.header) n = n.concat(this.walkTokens(s.tokens, t));
+        for (let s of i.rows) for (let a of s) n = n.concat(this.walkTokens(a.tokens, t));
+        break;
+      }
+      case "list": {
+        let i = r;
+        n = n.concat(this.walkTokens(i.items, t));
+        break;
+      }
+      default: {
+        let i = r;
+        this.defaults.extensions?.childTokens?.[i.type] ? this.defaults.extensions.childTokens[i.type].forEach((s) => {
+          let a = i[s].flat(1 / 0);
+          n = n.concat(this.walkTokens(a, t));
+        }) : i.tokens && (n = n.concat(this.walkTokens(i.tokens, t)));
+      }
+    }
+    return n;
+  }
+  use(...e) {
+    let t = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      let r = { ...n };
+      if (r.async = this.defaults.async || r.async || false, n.extensions && (n.extensions.forEach((i) => {
+        if (!i.name) throw new Error("extension name required");
+        if ("renderer" in i) {
+          let s = t.renderers[i.name];
+          s ? t.renderers[i.name] = function(...a) {
+            let o = i.renderer.apply(this, a);
+            return o === false && (o = s.apply(this, a)), o;
+          } : t.renderers[i.name] = i.renderer;
+        }
+        if ("tokenizer" in i) {
+          if (!i.level || i.level !== "block" && i.level !== "inline") throw new Error("extension level must be 'block' or 'inline'");
+          let s = t[i.level];
+          s ? s.unshift(i.tokenizer) : t[i.level] = [i.tokenizer], i.start && (i.level === "block" ? t.startBlock ? t.startBlock.push(i.start) : t.startBlock = [i.start] : i.level === "inline" && (t.startInline ? t.startInline.push(i.start) : t.startInline = [i.start]));
+        }
+        "childTokens" in i && i.childTokens && (t.childTokens[i.name] = i.childTokens);
+      }), r.extensions = t), n.renderer) {
+        let i = this.defaults.renderer || new y(this.defaults);
+        for (let s in n.renderer) {
+          if (!(s in i)) throw new Error(`renderer '${s}' does not exist`);
+          if (["options", "parser"].includes(s)) continue;
+          let a = s, o = n.renderer[a], l = i[a];
+          i[a] = (...p) => {
+            let c = o.apply(i, p);
+            return c === false && (c = l.apply(i, p)), c || "";
+          };
+        }
+        r.renderer = i;
+      }
+      if (n.tokenizer) {
+        let i = this.defaults.tokenizer || new w(this.defaults);
+        for (let s in n.tokenizer) {
+          if (!(s in i)) throw new Error(`tokenizer '${s}' does not exist`);
+          if (["options", "rules", "lexer"].includes(s)) continue;
+          let a = s, o = n.tokenizer[a], l = i[a];
+          i[a] = (...p) => {
+            let c = o.apply(i, p);
+            return c === false && (c = l.apply(i, p)), c;
+          };
+        }
+        r.tokenizer = i;
+      }
+      if (n.hooks) {
+        let i = this.defaults.hooks || new P();
+        for (let s in n.hooks) {
+          if (!(s in i)) throw new Error(`hook '${s}' does not exist`);
+          if (["options", "block"].includes(s)) continue;
+          let a = s, o = n.hooks[a], l = i[a];
+          P.passThroughHooks.has(s) ? i[a] = (p) => {
+            if (this.defaults.async && P.passThroughHooksRespectAsync.has(s)) return (async () => {
+              let d = await o.call(i, p);
+              return l.call(i, d);
+            })();
+            let c = o.call(i, p);
+            return l.call(i, c);
+          } : i[a] = (...p) => {
+            if (this.defaults.async) return (async () => {
+              let d = await o.apply(i, p);
+              return d === false && (d = await l.apply(i, p)), d;
+            })();
+            let c = o.apply(i, p);
+            return c === false && (c = l.apply(i, p)), c;
+          };
+        }
+        r.hooks = i;
+      }
+      if (n.walkTokens) {
+        let i = this.defaults.walkTokens, s = n.walkTokens;
+        r.walkTokens = function(a) {
+          let o = [];
+          return o.push(s.call(this, a)), i && (o = o.concat(i.call(this, a))), o;
+        };
+      }
+      this.defaults = { ...this.defaults, ...r };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t) {
+    return x.lex(e, t ?? this.defaults);
+  }
+  parser(e, t) {
+    return b.parse(e, t ?? this.defaults);
+  }
+  parseMarkdown(e) {
+    return (n, r) => {
+      let i = { ...r }, s = { ...this.defaults, ...i }, a = this.onError(!!s.silent, !!s.async);
+      if (this.defaults.async === true && i.async === false) return a(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));
+      if (typeof n > "u" || n === null) return a(new Error("marked(): input parameter is undefined or null"));
+      if (typeof n != "string") return a(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+      if (s.hooks && (s.hooks.options = s, s.hooks.block = e), s.async) return (async () => {
+        let o = s.hooks ? await s.hooks.preprocess(n) : n, p = await (s.hooks ? await s.hooks.provideLexer() : e ? x.lex : x.lexInline)(o, s), c = s.hooks ? await s.hooks.processAllTokens(p) : p;
+        s.walkTokens && await Promise.all(this.walkTokens(c, s.walkTokens));
+        let h = await (s.hooks ? await s.hooks.provideParser() : e ? b.parse : b.parseInline)(c, s);
+        return s.hooks ? await s.hooks.postprocess(h) : h;
+      })().catch(a);
+      try {
+        s.hooks && (n = s.hooks.preprocess(n));
+        let l = (s.hooks ? s.hooks.provideLexer() : e ? x.lex : x.lexInline)(n, s);
+        s.hooks && (l = s.hooks.processAllTokens(l)), s.walkTokens && this.walkTokens(l, s.walkTokens);
+        let c = (s.hooks ? s.hooks.provideParser() : e ? b.parse : b.parseInline)(l, s);
+        return s.hooks && (c = s.hooks.postprocess(c)), c;
+      } catch (o) {
+        return a(o);
+      }
+    };
+  }
+  onError(e, t) {
+    return (n) => {
+      if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+        let r = "<p>An error occurred:</p><pre>" + O(n.message + "", true) + "</pre>";
+        return t ? Promise.resolve(r) : r;
+      }
+      if (t) return Promise.reject(n);
+      throw n;
+    };
+  }
+};
+var L = new D();
+function g(u3, e) {
+  return L.parse(u3, e);
+}
+g.options = g.setOptions = function(u3) {
+  return L.setOptions(u3), g.defaults = L.defaults, G(g.defaults), g;
+};
+g.getDefaults = M;
+g.defaults = T;
+g.use = function(...u3) {
+  return L.use(...u3), g.defaults = L.defaults, G(g.defaults), g;
+};
+g.walkTokens = function(u3, e) {
+  return L.walkTokens(u3, e);
+};
+g.parseInline = L.parseInline;
+g.Parser = b;
+g.parser = b.parse;
+g.Renderer = y;
+g.TextRenderer = $;
+g.Lexer = x;
+g.lexer = x.lex;
+g.Tokenizer = w;
+g.Hooks = P;
+g.parse = g;
+var Qt = g.options;
+var jt = g.setOptions;
+var Ft = g.use;
+var Ut = g.walkTokens;
+var Kt = g.parseInline;
+var Xt = b.parse;
+var Jt = x.lex;
 
-// Max chars to show in expanded tool result
-const TOOL_RESULT_MAX = 500;
+// src/web/utils.ts
+g.setOptions({
+  breaks: true,
+  gfm: true
+});
+function escapeHtml(str) {
+  const div = document.createElement("div");
+  div.textContent = str || "";
+  return div.innerHTML;
+}
+function renderMarkdown(text) {
+  return g.parse(text, { async: false });
+}
+function renderMarkdownInto(el, text) {
+  el.innerHTML = renderMarkdown(text);
+  if (typeof hljs !== "undefined") {
+    el.querySelectorAll("pre code").forEach((block) => {
+      hljs.highlightElement(block);
+    });
+  }
+}
+
+// src/web/graph.ts
+var cy = null;
+var graphNodes = /* @__PURE__ */ new Map();
+var graphEdges = [];
+var edgeIndex = /* @__PURE__ */ new Map();
+var pinnedNames = /* @__PURE__ */ new Set();
+var allSymbolNames = [];
+var initialized = false;
+var KIND_COLORS = {
+  function: { border: "#7aa2f7", bg: "rgba(122,162,247,0.15)" },
+  class: { border: "#bb9af7", bg: "rgba(187,154,247,0.15)" },
+  interface: { border: "#2ac3de", bg: "rgba(42,195,222,0.15)" },
+  type: { border: "#e0af68", bg: "rgba(224,175,104,0.15)" },
+  variable: { border: "#9ece6a", bg: "rgba(158,206,106,0.15)" },
+  method: { border: "#7dcfff", bg: "rgba(125,207,255,0.15)" }
+};
+var EDGE_STYLES = {
+  calls: { lineStyle: "solid", opacity: 0.5, color: "#565f89", width: 1 },
+  imports: { lineStyle: "dashed", opacity: 0.4, color: "#565f89", width: 1 },
+  extends: { lineStyle: "solid", opacity: 0.7, color: "#bb9af7", width: 2 },
+  implements: { lineStyle: "dashed", opacity: 0.6, color: "#2ac3de", width: 1.5 },
+  references: { lineStyle: "dotted", opacity: 0.3, color: "#565f89", width: 1 }
+};
+var LAYOUT_OPTIONS = {
+  name: "cose",
+  nodeRepulsion: function() {
+    return 4e3;
+  },
+  idealEdgeLength: function() {
+    return 80;
+  },
+  edgeElasticity: function() {
+    return 100;
+  },
+  animate: true,
+  animationDuration: 300,
+  randomize: false,
+  nodeDimensionsIncludeLabels: true,
+  gravity: 0.5,
+  numIter: 300,
+  fit: true,
+  padding: 50
+};
+async function initGraph() {
+  if (initialized) return;
+  initialized = true;
+  const cyEl = document.getElementById("cy");
+  const detailEl = document.getElementById("symbol-detail");
+  try {
+    const [graphRes, symbolsRes, focusRes] = await Promise.all([
+      fetch("/api/graph"),
+      fetch("/api/symbols"),
+      fetch("/api/focus")
+    ]);
+    if (!graphRes.ok || !symbolsRes.ok) {
+      cyEl.innerHTML = '<div class="graph-empty">No index available. Run minicode with a project to generate the code graph.</div>';
+      return;
+    }
+    const graphData = await graphRes.json();
+    const focusData = focusRes.ok ? await focusRes.json() : { pinned: [] };
+    if (!graphData.nodes || graphData.nodes.length === 0) {
+      cyEl.innerHTML = '<div class="graph-empty">No index available. Run minicode with a project to generate the code graph.</div>';
+      return;
+    }
+    for (const node of graphData.nodes) {
+      const id = node.qualifiedName || node.id || node.name || "";
+      graphNodes.set(id, node);
+    }
+    graphEdges = (graphData.edges || []).map((e) => ({
+      source: e.source || e.from || "",
+      target: e.target || e.to || "",
+      kind: (e.kind || e.type || "references").toLowerCase()
+    }));
+    buildEdgeIndex();
+    allSymbolNames = Array.from(graphNodes.keys()).sort();
+    const pinned = focusData.pinned || [];
+    for (const f of pinned) {
+      const name = typeof f === "string" ? f : f.name || f.qualifiedName;
+      if (name) pinnedNames.add(name);
+    }
+    cy = cytoscape({
+      container: cyEl,
+      elements: [],
+      style: buildStylesheet(),
+      minZoom: 0.2,
+      maxZoom: 3
+    });
+    setupInteractions(cy, detailEl);
+    setupToolbar();
+    if (pinnedNames.size > 0) {
+      for (const name of pinnedNames) {
+        addNodeAndNeighbors(name);
+      }
+      runLayout();
+    }
+  } catch (err) {
+    console.error("Graph init failed:", err);
+    const msg = err instanceof Error ? err.message : String(err);
+    cyEl.innerHTML = `<div class="graph-empty">Failed to load graph: ${msg}</div>`;
+  }
+}
+function highlightAgentActivity(symbolName) {
+  if (!cy) return;
+  const node = findNode(symbolName);
+  if (node) {
+    node.addClass("agent-pulse");
+    setTimeout(() => node.removeClass("agent-pulse"), 2e3);
+    return;
+  }
+  expandNodeAndLayout(symbolName);
+  const added = findNode(symbolName);
+  if (added) {
+    added.addClass("agent-pulse");
+    setTimeout(() => added.removeClass("agent-pulse"), 2e3);
+  }
+}
+function resizeGraph() {
+  if (cy) cy.resize();
+}
+function buildEdgeIndex() {
+  edgeIndex.clear();
+  for (const edge of graphEdges) {
+    let srcList = edgeIndex.get(edge.source);
+    if (!srcList) {
+      srcList = [];
+      edgeIndex.set(edge.source, srcList);
+    }
+    srcList.push(edge);
+    let tgtList = edgeIndex.get(edge.target);
+    if (!tgtList) {
+      tgtList = [];
+      edgeIndex.set(edge.target, tgtList);
+    }
+    tgtList.push(edge);
+  }
+}
+function addNodeAndNeighbors(symbolId) {
+  addNodeToGraph(symbolId);
+  const edges = edgeIndex.get(symbolId) || [];
+  for (const edge of edges) {
+    const neighbor = edge.source === symbolId ? edge.target : edge.source;
+    addNodeToGraph(neighbor);
+    addEdgeToGraph(edge);
+  }
+}
+function expandNodeAndLayout(symbolId) {
+  addNodeAndNeighbors(symbolId);
+  connectExistingNodes();
+  runLayout();
+}
+function addNodeToGraph(id) {
+  if (!cy) return;
+  if (cy.getElementById(id).length > 0) return;
+  const nodeData = graphNodes.get(id);
+  if (!nodeData) return;
+  const kind = (nodeData.kind || "function").toLowerCase();
+  const name = nodeData.name || id.split(".").pop() || id;
+  const file = nodeData.filePath || nodeData.file || "";
+  cy.add({
+    data: {
+      id,
+      label: name,
+      name,
+      qualifiedName: id,
+      kind,
+      file,
+      exported: !!nodeData.exported,
+      startLine: nodeData.startLine,
+      endLine: nodeData.endLine
+    },
+    classes: [kind, pinnedNames.has(id) ? "pinned" : ""].filter(Boolean).join(" ")
+  });
+}
+function addEdgeToGraph(edge) {
+  if (!cy) return;
+  const edgeId = `${edge.source}->${edge.target}:${edge.kind}`;
+  if (cy.getElementById(edgeId).length > 0) return;
+  if (cy.getElementById(edge.source).length === 0) return;
+  if (cy.getElementById(edge.target).length === 0) return;
+  cy.add({
+    data: {
+      id: edgeId,
+      source: edge.source,
+      target: edge.target,
+      kind: edge.kind
+    },
+    classes: edge.kind
+  });
+}
+function runLayout() {
+  if (!cy || cy.nodes().length === 0) return;
+  cy.layout(LAYOUT_OPTIONS).run();
+}
+function findNode(name) {
+  if (!cy) return null;
+  const node = cy.getElementById(name);
+  if (node.length > 0) return node;
+  const match = cy.nodes().filter((n) => {
+    const nName = n.data("name") || "";
+    const qName = n.data("qualifiedName") || "";
+    return nName === name || qName.endsWith("." + name);
+  });
+  return match.length > 0 ? match : null;
+}
+function buildStylesheet() {
+  const styles = [
+    {
+      selector: "node",
+      style: {
+        "label": "data(label)",
+        "font-size": 11,
+        "color": "#c0caf5",
+        "text-valign": "bottom",
+        "text-halign": "center",
+        "text-margin-y": 5,
+        "width": 20,
+        "height": 20,
+        "shape": "roundrectangle",
+        "border-width": 1.5,
+        "border-color": "#565f89",
+        "background-color": "rgba(34,35,54,0.8)",
+        "font-family": "'JetBrains Mono', monospace",
+        "text-wrap": "none"
+      }
+    },
+    {
+      selector: "edge",
+      style: {
+        "width": 1,
+        "line-color": "#565f89",
+        "target-arrow-color": "#565f89",
+        "target-arrow-shape": "triangle",
+        "arrow-scale": 0.6,
+        "curve-style": "bezier",
+        "opacity": 0.4
+      }
+    }
+  ];
+  for (const [kind, colors] of Object.entries(KIND_COLORS)) {
+    styles.push({
+      selector: `node.${kind}`,
+      style: {
+        "color": colors.border,
+        "border-color": colors.border,
+        "background-color": colors.bg
+      }
+    });
+  }
+  for (const [kind, s] of Object.entries(EDGE_STYLES)) {
+    styles.push({
+      selector: `edge.${kind}`,
+      style: {
+        "line-style": s.lineStyle,
+        "line-color": s.color,
+        "target-arrow-color": s.color,
+        "opacity": s.opacity,
+        "width": s.width
+      }
+    });
+  }
+  styles.push({ selector: "node.pinned", style: { "border-color": "#e0af68", "border-width": 3 } });
+  styles.push({ selector: "node.faded", style: { "opacity": 0.15 } });
+  styles.push({ selector: "edge.faded", style: { "opacity": 0.05 } });
+  styles.push({ selector: "node.highlighted", style: { "border-width": 2.5, "z-index": 10 } });
+  styles.push({ selector: "edge.highlighted", style: { "opacity": 0.9, "width": 2, "z-index": 10 } });
+  styles.push({ selector: "node.agent-pulse", style: { "border-color": "#ff9e64", "border-width": 4, "background-color": "rgba(255,158,100,0.25)" } });
+  styles.push({ selector: "node.search-match", style: { "border-color": "#e0af68", "border-width": 2.5 } });
+  styles.push({ selector: "node.expanded", style: { "border-width": 2.5 } });
+  return styles;
+}
+function setupInteractions(cyInst, detailEl) {
+  cyInst.on("tap", "node", function(evt) {
+    const node = evt.target;
+    showDetail(node, detailEl);
+  });
+  cyInst.on("dbltap", "node", function(evt) {
+    const node = evt.target;
+    const id = node.data("qualifiedName") || node.data("id");
+    if (!node.hasClass("expanded")) {
+      node.addClass("expanded");
+      expandNodeAndLayout(id);
+    }
+  });
+  cyInst.on("mouseover", "node", function(evt) {
+    if (!cy) return;
+    const node = evt.target;
+    const neighborhood = node.closedNeighborhood();
+    cy.elements().not(neighborhood).addClass("faded");
+    neighborhood.addClass("highlighted");
+  });
+  cyInst.on("mouseout", "node", function() {
+    if (!cy) return;
+    cy.elements().removeClass("faded highlighted");
+  });
+  cyInst.on("tap", function(evt) {
+    if (evt.target === cyInst) {
+      detailEl.classList.add("hidden");
+    }
+  });
+}
+function connectExistingNodes() {
+  if (!cy) return;
+  const nodeIds = new Set(cy.nodes().map((n) => n.id()));
+  const visited = /* @__PURE__ */ new Set();
+  for (const id of nodeIds) {
+    const edges = edgeIndex.get(id) || [];
+    for (const edge of edges) {
+      const edgeId = `${edge.source}->${edge.target}:${edge.kind}`;
+      if (visited.has(edgeId)) continue;
+      visited.add(edgeId);
+      if (nodeIds.has(edge.source) && nodeIds.has(edge.target)) {
+        addEdgeToGraph(edge);
+      }
+    }
+  }
+}
+async function showDetail(node, detailEl) {
+  const data = {
+    label: node.data("label"),
+    qualifiedName: node.data("qualifiedName"),
+    name: node.data("name"),
+    kind: node.data("kind"),
+    file: node.data("file"),
+    startLine: node.data("startLine")
+  };
+  const isPinned = pinnedNames.has(data.qualifiedName);
+  const kind = data.kind || "unknown";
+  const kindColor = KIND_COLORS[kind] ? KIND_COLORS[kind].border : "#565f89";
+  let html = `
+    <div class="detail-header">
+      <span class="detail-name">${escapeHtml(data.label)}</span>
+      <span class="detail-kind-badge" style="background:${kindColor}20;color:${kindColor}">${kind}</span>
+    </div>
+    <div class="detail-file">${escapeHtml(data.file || "unknown")}${data.startLine ? ":" + data.startLine : ""}</div>
+  `;
+  html += `<div class="detail-actions">`;
+  html += `<button class="detail-pin header-btn" data-name="${escapeHtml(data.qualifiedName)}">${isPinned ? "Unpin" : "Pin to focus"}</button>`;
+  html += `<button class="detail-explain-btn header-btn" data-name="${escapeHtml(data.qualifiedName)}">Explain</button>`;
+  html += `</div>`;
+  html += `<div id="detail-source"><div class="detail-section-title">Source</div><pre class="detail-code">Loading...</pre></div>`;
+  html += `<div class="detail-section" id="detail-annotations">`;
+  html += `<div class="detail-section-title">Annotations</div>`;
+  html += `<div class="detail-annotation-list"></div>`;
+  html += `<div class="detail-annotation-input">`;
+  html += `<textarea class="detail-annotation-textarea" placeholder="Add a note..." rows="1"></textarea>`;
+  html += `<button class="dropdown-action detail-annotation-add">Add</button>`;
+  html += `</div></div>`;
+  html += `<div class="detail-section hidden" id="detail-explain"><div class="detail-section-title">Explanation</div><div class="detail-explain-content"></div></div>`;
+  html += '<div class="detail-section" id="detail-deps"><div class="detail-section-title">Dependencies</div><div class="detail-section-list">Loading...</div></div>';
+  html += '<div class="detail-section" id="detail-refs"><div class="detail-section-title">References</div><div class="detail-section-list">Loading...</div></div>';
+  detailEl.innerHTML = '<div class="resize-handle"></div>' + html;
+  detailEl.classList.remove("hidden");
+  const handle = detailEl.querySelector(".resize-handle");
+  handle.addEventListener("mousedown", (e) => {
+    e.preventDefault();
+    handle.classList.add("dragging");
+    const startX = e.clientX;
+    const startWidth = detailEl.offsetWidth;
+    function onMove(ev) {
+      const newWidth = startWidth - (ev.clientX - startX);
+      detailEl.style.width = Math.max(200, newWidth) + "px";
+    }
+    function onUp() {
+      handle.classList.remove("dragging");
+      document.removeEventListener("mousemove", onMove);
+      document.removeEventListener("mouseup", onUp);
+    }
+    document.addEventListener("mousemove", onMove);
+    document.addEventListener("mouseup", onUp);
+  });
+  const pinBtn = detailEl.querySelector(".detail-pin");
+  pinBtn.addEventListener("click", async () => {
+    const name = pinBtn.dataset.name || "";
+    await togglePin(name, node, pinBtn);
+  });
+  const explainBtn = detailEl.querySelector(".detail-explain-btn");
+  explainBtn.addEventListener("click", () => {
+    const name = explainBtn.dataset.name || "";
+    explainSymbol(name, detailEl);
+  });
+  const symName = data.qualifiedName || data.name;
+  const addBtn = detailEl.querySelector(".detail-annotation-add");
+  const textarea = detailEl.querySelector(".detail-annotation-textarea");
+  addBtn.addEventListener("click", async () => {
+    const text = textarea.value.trim();
+    if (!text) return;
+    await addAnnotation(symName, text);
+    textarea.value = "";
+    loadAnnotations(symName, detailEl);
+  });
+  textarea.addEventListener("keydown", (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      addBtn.click();
+    }
+  });
+  loadSource(symName, detailEl);
+  loadAnnotations(symName, detailEl);
+  loadDepsAndRefs(symName, detailEl);
+}
+async function loadSource(name, detailEl) {
+  const codeEl = detailEl.querySelector("#detail-source .detail-code");
+  if (!codeEl) return;
+  try {
+    const res = await fetch(`/api/symbols/${encodeURIComponent(name)}/source`);
+    if (res.ok) {
+      const data = await res.json();
+      const ext = (data.filePath || "").split(".").pop() || "";
+      const langMap = { ts: "typescript", tsx: "typescript", js: "javascript", jsx: "javascript" };
+      const lang = langMap[ext] || "typescript";
+      codeEl.className = "detail-code language-" + lang;
+      codeEl.textContent = data.source;
+      if (typeof hljs !== "undefined") {
+        hljs.highlightElement(codeEl);
+      }
+    } else {
+      codeEl.textContent = "(source unavailable)";
+    }
+  } catch {
+    codeEl.textContent = "(source unavailable)";
+  }
+}
+async function loadDepsAndRefs(name, detailEl) {
+  const encodedName = encodeURIComponent(name);
+  try {
+    const [depsRes, refsRes] = await Promise.all([
+      fetch(`/api/symbols/${encodedName}/dependencies?depth=1`).catch(() => null),
+      fetch(`/api/symbols/${encodedName}/references`).catch(() => null)
+    ]);
+    const depsEl = detailEl.querySelector("#detail-deps .detail-section-list");
+    const refsEl = detailEl.querySelector("#detail-refs .detail-section-list");
+    if (depsRes && depsRes.ok) {
+      const deps = await depsRes.json();
+      const items = deps.dependencies || deps || [];
+      depsEl.innerHTML = items.length ? items.map((d) => {
+        const target = typeof d === "string" ? d : d.qualifiedName || d.name || "";
+        const label = typeof d === "string" ? d : d.name || d.qualifiedName || "";
+        return `<a class="detail-link" data-target="${escapeHtml(target)}">${escapeHtml(label)}</a>`;
+      }).join("") : '<span class="detail-empty">None</span>';
+    } else {
+      depsEl.innerHTML = '<span class="detail-empty">None</span>';
+    }
+    if (refsRes && refsRes.ok) {
+      const refs = await refsRes.json();
+      const items = refs.references || refs || [];
+      refsEl.innerHTML = items.length ? items.map((r) => {
+        const id = typeof r === "string" ? r : r.from || r.qualifiedName || r.name || "";
+        const label = id.split(".").pop() || id;
+        const kind = typeof r === "string" ? "" : r.kind || "";
+        return `<a class="detail-link" data-target="${escapeHtml(id)}">${escapeHtml(label)} <span style="opacity:0.5">${escapeHtml(kind)}</span></a>`;
+      }).join("") : '<span class="detail-empty">None</span>';
+    } else {
+      refsEl.innerHTML = '<span class="detail-empty">None</span>';
+    }
+    detailEl.querySelectorAll(".detail-link").forEach((link) => {
+      link.addEventListener("click", () => {
+        const target = link.dataset.target || "";
+        expandNodeAndLayout(target);
+        if (!cy) return;
+        const targetNode = cy.getElementById(target);
+        if (targetNode.length) {
+          cy.animate({ center: { eles: targetNode }, zoom: 1.5 }, { duration: 300 });
+          targetNode.flashClass("highlighted", 1e3);
+          showDetail(targetNode, detailEl);
+        }
+      });
+    });
+  } catch {
+  }
+}
+async function loadAnnotations(name, detailEl) {
+  const listEl = detailEl.querySelector(".detail-annotation-list");
+  if (!listEl) return;
+  try {
+    const res = await fetch(`/api/symbols/${encodeURIComponent(name)}/annotations`);
+    if (!res.ok) {
+      listEl.innerHTML = "";
+      return;
+    }
+    const data = await res.json();
+    const notes = data.annotations || [];
+    if (notes.length === 0) {
+      listEl.innerHTML = '<span class="detail-empty">No annotations</span>';
+      return;
+    }
+    listEl.innerHTML = notes.map(
+      (text, i) => `<div class="detail-annotation-item">
+        <span class="annotation-text">${escapeHtml(text)}</span>
+        <button class="annotation-remove" data-index="${i}" title="Remove">&times;</button>
+      </div>`
+    ).join("");
+    listEl.querySelectorAll(".annotation-remove").forEach((btn) => {
+      btn.addEventListener("click", async () => {
+        const idx = Number(btn.dataset.index);
+        await fetch(`/api/symbols/${encodeURIComponent(name)}/annotations/${idx}`, { method: "DELETE" });
+        loadAnnotations(name, detailEl);
+      });
+    });
+  } catch {
+    listEl.innerHTML = "";
+  }
+}
+async function addAnnotation(name, text) {
+  await fetch(`/api/symbols/${encodeURIComponent(name)}/annotations`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ text })
+  });
+}
+async function explainSymbol(name, detailEl) {
+  const section = detailEl.querySelector("#detail-explain");
+  const content = section.querySelector(".detail-explain-content");
+  section.classList.remove("hidden");
+  content.innerHTML = '<span class="explain-status"><span class="explain-spinner"></span> Researching...</span>';
+  let streaming = false;
+  let rawText = "";
+  function showToolStatus(toolName, input) {
+    if (streaming) return;
+    const arg = input.name || input.path || input.symbol || input.query || "";
+    content.innerHTML = `<span class="explain-status"><span class="explain-spinner"></span> ${escapeHtml(toolName)}(${escapeHtml(String(arg))})</span>`;
+  }
+  function startStreaming() {
+    if (streaming) return;
+    streaming = true;
+    rawText = "";
+    content.textContent = "";
+  }
+  function finalize() {
+    if (rawText) {
+      renderMarkdownInto(content, rawText);
+    }
+  }
+  try {
+    const res = await fetch(`/api/symbols/${encodeURIComponent(name)}/explain`);
+    if (!res.ok || !res.body) {
+      content.textContent = "(explain unavailable)";
+      return;
+    }
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split("\n");
+      buffer = lines.pop() || "";
+      for (const line of lines) {
+        if (!line.startsWith("data: ")) continue;
+        const payload = line.slice(6);
+        if (payload === "[DONE]") {
+          finalize();
+          return;
+        }
+        try {
+          const event = JSON.parse(payload);
+          if (event.type === "tool_call_start") {
+            showToolStatus(event.name, event.input || {});
+          } else if (event.type === "streaming_chunk" && event.content) {
+            startStreaming();
+            rawText += event.content;
+            content.textContent = rawText;
+            content.scrollTop = content.scrollHeight;
+          } else if (event.type === "error") {
+            startStreaming();
+            rawText += `
+[Error: ${event.message}]`;
+            content.textContent = rawText;
+          }
+        } catch {
+        }
+      }
+    }
+    finalize();
+  } catch {
+    if (!streaming) {
+      content.textContent = "(explain failed)";
+    } else {
+      finalize();
+    }
+  }
+}
+async function togglePin(name, node, btnEl) {
+  const wasPinned = pinnedNames.has(name);
+  try {
+    await fetch("/api/focus", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        action: wasPinned ? "unpin" : "pin",
+        symbol: name
+      })
+    });
+    if (wasPinned) {
+      pinnedNames.delete(name);
+      node.removeClass("pinned");
+      btnEl.textContent = "Pin to focus";
+    } else {
+      pinnedNames.add(name);
+      node.addClass("pinned");
+      btnEl.textContent = "Unpin";
+    }
+  } catch {
+  }
+}
+function setupToolbar() {
+  const searchInput = document.getElementById("graph-search");
+  const fitBtn = document.getElementById("graph-fit");
+  const relayoutBtn = document.getElementById("graph-relayout");
+  const clearBtn = document.getElementById("graph-clear");
+  let searchTimeout;
+  const dropdown = document.createElement("div");
+  dropdown.className = "search-dropdown hidden";
+  searchInput.parentNode.style.position = "relative";
+  searchInput.parentNode.appendChild(dropdown);
+  const rankedSymbols = allSymbolNames.slice().sort((a, b2) => {
+    const nodeA = graphNodes.get(a);
+    const nodeB = graphNodes.get(b2);
+    const expA = nodeA ? !!nodeA.exported : false;
+    const expB = nodeB ? !!nodeB.exported : false;
+    if (expA !== expB) return expA ? -1 : 1;
+    const nameA = (a.split(".").pop() || "").toLowerCase();
+    const nameB = (b2.split(".").pop() || "").toLowerCase();
+    return nameA.localeCompare(nameB);
+  });
+  function showDropdownResults(matches) {
+    if (matches.length === 0) {
+      dropdown.classList.add("hidden");
+      return;
+    }
+    dropdown.innerHTML = matches.map((name) => {
+      const node = graphNodes.get(name);
+      const kind = node ? (node.kind || "").toLowerCase() : "";
+      const shortName = name.split(".").pop() || name;
+      const kindColor = KIND_COLORS[kind] ? KIND_COLORS[kind].border : "#565f89";
+      return `<div class="search-result" data-id="${escapeHtml(name)}">
+        <span class="search-result-name">${escapeHtml(shortName)}</span>
+        <span class="search-result-kind" style="color:${kindColor}">${kind}</span>
+      </div>`;
+    }).join("");
+    dropdown.classList.remove("hidden");
+    dropdown.querySelectorAll(".search-result").forEach((el) => {
+      el.addEventListener("click", () => {
+        const id = el.dataset.id || "";
+        expandNodeAndLayout(id);
+        searchInput.value = "";
+        dropdown.classList.add("hidden");
+        if (!cy) return;
+        const targetNode = cy.getElementById(id);
+        if (targetNode.length) {
+          setTimeout(() => {
+            cy.animate({ center: { eles: targetNode }, zoom: 1.2 }, { duration: 300 });
+            targetNode.flashClass("highlighted", 1500);
+          }, 350);
+        }
+      });
+    });
+  }
+  searchInput.addEventListener("focus", () => {
+    if (searchInput.value.trim().length < 2) {
+      showDropdownResults(rankedSymbols.slice(0, 20));
+    }
+  });
+  searchInput.addEventListener("input", () => {
+    clearTimeout(searchTimeout);
+    searchTimeout = setTimeout(() => {
+      const query = searchInput.value.trim().toLowerCase();
+      if (query.length < 2) {
+        showDropdownResults(rankedSymbols.slice(0, 20));
+        return;
+      }
+      const matches = rankedSymbols.filter((name) => {
+        const shortName = (name.split(".").pop() || "").toLowerCase();
+        return shortName.includes(query) || name.toLowerCase().includes(query);
+      }).slice(0, 15);
+      showDropdownResults(matches);
+    }, 150);
+  });
+  searchInput.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      searchInput.value = "";
+      dropdown.classList.add("hidden");
+    }
+  });
+  document.addEventListener("click", (e) => {
+    if (!searchInput.contains(e.target) && !dropdown.contains(e.target)) {
+      dropdown.classList.add("hidden");
+    }
+  });
+  fitBtn.addEventListener("click", () => {
+    if (cy && cy.nodes().length > 0) {
+      cy.fit(40);
+    }
+  });
+  relayoutBtn.addEventListener("click", () => {
+    runLayout();
+  });
+  clearBtn.addEventListener("click", () => {
+    if (!cy) return;
+    cy.elements().remove();
+    document.getElementById("symbol-detail").classList.add("hidden");
+  });
+}
 
+// src/web/app.ts
+var messagesEl = document.getElementById("messages");
+var chatForm = document.getElementById("chat-form");
+var chatInput = document.getElementById("chat-input");
+var sendBtn = document.getElementById("send-btn");
+var cancelBtn = document.getElementById("cancel-btn");
+var statusBadge = document.getElementById("status-badge");
+var modelInfo = document.getElementById("model-info");
+var sessionBtn = document.getElementById("session-btn");
+var sessionDropdown = document.getElementById("session-dropdown");
+var sessionList = document.getElementById("session-list");
+var saveBtn = document.getElementById("save-btn");
+var saveLabelInput = document.getElementById("save-label");
+var ws;
+var currentAssistantEl = null;
+var assistantText = "";
+var hadToolCalls = false;
+var TOOL_RESULT_MAX = 500;
 function connect() {
   const protocol = location.protocol === "https:" ? "wss:" : "ws:";
   ws = new WebSocket(`${protocol}//${location.host}`);
-
   ws.onopen = () => {
     setStatus("ready");
     fetchStatus();
   };
-
   ws.onclose = () => {
     setStatus("error");
-    setTimeout(connect, 2000);
+    setTimeout(connect, 2e3);
   };
-
   ws.onmessage = (event) => {
     const msg = JSON.parse(event.data);
     handleServerMessage(msg);
   };
 }
-
 function setStatus(state) {
   statusBadge.textContent = state;
   statusBadge.className = `badge ${state}`;
 }
-
 function setBusy(busy) {
   sendBtn.disabled = busy;
   sendBtn.classList.toggle("hidden", busy);
@@ -53,67 +1983,80 @@ function setBusy(busy) {
     setStatus("ready");
   }
 }
-
 async function fetchStatus() {
   try {
     const res = await fetch("/api/status");
     const data = await res.json();
-    modelInfo.textContent = `${data.model} · ${data.provider}`;
+    modelInfo.textContent = `${data.model} \xB7 ${data.provider}`;
   } catch {
-    // ignore
   }
 }
-
 function handleServerMessage(msg) {
   switch (msg.type) {
     case "turn_start":
       assistantText = "";
+      hadToolCalls = false;
       currentAssistantEl = addMessage("", "assistant");
       currentAssistantEl.classList.add("streaming-cursor");
       setBusy(true);
       break;
-
     case "streaming_chunk":
-      assistantText += msg.content;
+      if (hadToolCalls) {
+        if (currentAssistantEl) {
+          currentAssistantEl.classList.remove("streaming-cursor");
+        }
+        assistantText = "";
+        hadToolCalls = false;
+        currentAssistantEl = addMessage("", "assistant");
+        currentAssistantEl.classList.add("streaming-cursor");
+      }
+      assistantText += msg.content || "";
       if (currentAssistantEl) {
-        currentAssistantEl.textContent = assistantText;
+        renderMarkdownInto(currentAssistantEl, assistantText);
         scrollToBottom();
       }
       break;
-
     case "thinking":
-      addMessage(msg.content, "thinking");
+      addMessage(msg.content || "", "thinking");
       break;
-
     case "step":
-      // Intentionally not shown — tool calls provide enough context
       break;
-
     case "tool_call_start":
-      addToolCall(msg.name, msg.input);
+      hadToolCalls = true;
+      addToolCall(msg.name || "", msg.input || {});
+      {
+        const symbolTools = ["read_symbol", "get_dependencies", "find_references"];
+        if (symbolTools.includes(msg.name || "")) {
+          const symName = msg.input?.name || msg.input?.symbol || msg.input?.qualifiedName;
+          if (symName) highlightAgentActivity(symName);
+        }
+      }
       break;
-
     case "tool_call_end":
-      finalizeToolCall(msg.name, msg.result, msg.elapsedMs);
+      finalizeToolCall(msg.name || "", msg.result || "", msg.elapsedMs || 0);
       break;
-
     case "turn_end":
-      if (currentAssistantEl) {
+      if (hadToolCalls && msg.text) {
+        if (currentAssistantEl) {
+          currentAssistantEl.classList.remove("streaming-cursor");
+        }
+        currentAssistantEl = addMessage(msg.text, "assistant", true);
+      } else if (currentAssistantEl) {
         currentAssistantEl.classList.remove("streaming-cursor");
         if (!assistantText && msg.text) {
-          currentAssistantEl.textContent = msg.text;
+          renderMarkdownInto(currentAssistantEl, msg.text);
         }
       }
       currentAssistantEl = null;
       assistantText = "";
+      hadToolCalls = false;
       setBusy(false);
       if (msg.usage) {
         addUsageInfo(msg.usage);
       }
       break;
-
     case "error":
-      addMessage(`Error: ${msg.message}`, "error");
+      addMessage(`Error: ${msg.message || ""}`, "error");
       if (currentAssistantEl) {
         currentAssistantEl.classList.remove("streaming-cursor");
       }
@@ -121,45 +2064,35 @@ function handleServerMessage(msg) {
       assistantText = "";
       setBusy(false);
       break;
-
     case "busy":
       addMessage("Agent is busy. Please wait for the current turn to finish.", "error");
       break;
   }
 }
-
-function addMessage(text, type) {
+function addMessage(text, type, markdown = false) {
   const el = document.createElement("div");
   el.className = `message ${type}`;
-  el.textContent = text;
+  if (markdown && type === "assistant") {
+    renderMarkdownInto(el, text);
+  } else {
+    el.textContent = text;
+  }
   messagesEl.appendChild(el);
   scrollToBottom();
   return el;
 }
-
-/**
- * Extract the most meaningful short arg from tool input.
- * e.g. for read_file → the path, for search → the query, for run_command → the command.
- */
 function summarizeToolInput(name, input) {
-  // Priority keys by tool type
-  const key =
-    input.path ?? input.file_path ?? input.command ?? input.query ??
-    input.pattern ?? input.name ?? input.old_string;
-
+  const key = input.path ?? input.file_path ?? input.command ?? input.query ?? input.pattern ?? input.name ?? input.old_string;
   if (typeof key === "string") {
     return key.length > 60 ? key.slice(0, 57) + "..." : key;
   }
-
-  // Fallback: first string value, truncated
-  for (const v of Object.values(input)) {
-    if (typeof v === "string" && v.length > 0) {
-      return v.length > 60 ? v.slice(0, 57) + "..." : v;
+  for (const v2 of Object.values(input)) {
+    if (typeof v2 === "string" && v2.length > 0) {
+      return v2.length > 60 ? v2.slice(0, 57) + "..." : v2;
     }
   }
   return "";
 }
-
 function getOrCreateToolGroup() {
   const last = messagesEl.lastElementChild;
   if (last && last.classList.contains("tool-group")) {
@@ -170,97 +2103,65 @@ function getOrCreateToolGroup() {
   messagesEl.appendChild(group);
   return group;
 }
-
 function addToolCall(name, input) {
   const group = getOrCreateToolGroup();
-
   const el = document.createElement("div");
   el.className = "tool-call";
   el.dataset.toolName = name;
-
   const summary = summarizeToolInput(name, input);
   const summaryHtml = summary ? ` <span class="tool-arg">${escapeHtml(summary)}</span>` : "";
-
-  el.innerHTML =
-    `<span class="tool-header">` +
-    `<span class="tool-name">${escapeHtml(name)}</span>${summaryHtml}` +
-    `<span class="tool-time"></span>` +
-    `</span>` +
-    `<div class="tool-result"></div>`;
-
+  el.innerHTML = `<span class="tool-header"><span class="tool-name">${escapeHtml(name)}</span>${summaryHtml}<span class="tool-time"></span></span><div class="tool-result"></div>`;
   el.addEventListener("click", () => el.classList.toggle("expanded"));
   group.appendChild(el);
   scrollToBottom();
 }
-
 function finalizeToolCall(name, result, elapsedMs) {
   const toolEls = messagesEl.querySelectorAll(`.tool-call[data-tool-name="${name}"]`);
   const el = toolEls[toolEls.length - 1];
   if (!el) return;
-
   const timeEl = el.querySelector(".tool-time");
   if (timeEl) {
     timeEl.textContent = `${elapsedMs}ms`;
   }
-
   const resultEl = el.querySelector(".tool-result");
   if (resultEl && result) {
-    const truncated = result.length > TOOL_RESULT_MAX
-      ? result.slice(0, TOOL_RESULT_MAX) + `\n\n... (${result.length - TOOL_RESULT_MAX} more chars)`
-      : result;
+    const truncated = result.length > TOOL_RESULT_MAX ? result.slice(0, TOOL_RESULT_MAX) + `
+
+... (${result.length - TOOL_RESULT_MAX} more chars)` : result;
     resultEl.textContent = truncated;
   }
 }
-
 function addUsageInfo(usage) {
   const el = document.createElement("div");
   el.className = "usage-info";
   el.textContent = `${usage.inputTokens} in / ${usage.outputTokens} out`;
   messagesEl.appendChild(el);
 }
-
 function scrollToBottom() {
   messagesEl.scrollTop = messagesEl.scrollHeight;
 }
-
-function escapeHtml(str) {
-  const div = document.createElement("div");
-  div.textContent = str;
-  return div.innerHTML;
-}
-
-// Form handling
 chatForm.addEventListener("submit", (e) => {
   e.preventDefault();
   const message = chatInput.value.trim();
   if (!message) return;
-
   addMessage(message, "user");
   ws.send(JSON.stringify({ type: "chat", message }));
   chatInput.value = "";
   chatInput.style.height = "auto";
 });
-
 cancelBtn.addEventListener("click", () => {
   ws.send(JSON.stringify({ type: "cancel" }));
 });
-
-// Auto-resize textarea
 chatInput.addEventListener("input", () => {
   chatInput.style.height = "auto";
   chatInput.style.height = Math.min(chatInput.scrollHeight, 150) + "px";
 });
-
-// Submit on Enter (Shift+Enter for newline)
 chatInput.addEventListener("keydown", (e) => {
   if (e.key === "Enter" && !e.shiftKey) {
     e.preventDefault();
     chatForm.dispatchEvent(new Event("submit"));
   }
 });
-
-// ── Session management ──
-
 sessionBtn.addEventListener("click", (e) => {
   e.stopPropagation();
   const isOpen = !sessionDropdown.classList.contains("hidden");
@@ -269,21 +2170,18 @@ sessionBtn.addEventListener("click", (e) => {
     refreshSessionList();
   }
 });
-
-// Close dropdown on outside click
 document.addEventListener("click", (e) => {
   if (!sessionDropdown.contains(e.target) && e.target !== sessionBtn) {
     sessionDropdown.classList.add("hidden");
   }
 });
-
 saveBtn.addEventListener("click", async () => {
-  const label = saveLabelInput.value.trim() || undefined;
+  const label = saveLabelInput.value.trim() || void 0;
   try {
     const res = await fetch("/api/sessions/save", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ label }),
+      body: JSON.stringify({ label })
     });
     if (res.ok) {
       const data = await res.json();
@@ -292,35 +2190,28 @@ saveBtn.addEventListener("click", async () => {
       refreshSessionList();
     }
   } catch {
-    // ignore
   }
 });
-
 saveLabelInput.addEventListener("keydown", (e) => {
   if (e.key === "Enter") {
     e.preventDefault();
     saveBtn.click();
   }
 });
-
 async function refreshSessionList() {
   try {
     const res = await fetch("/api/sessions");
     const data = await res.json();
     const sessions = data.sessions;
-
     if (!sessions || sessions.length === 0) {
       sessionList.innerHTML = '<div class="dropdown-empty">No saved sessions</div>';
       return;
     }
-
     sessionList.innerHTML = "";
     for (const s of sessions) {
       const el = document.createElement("div");
       el.className = "session-item";
-      el.innerHTML =
-        `<span class="session-label">${escapeHtml(s.label)}</span>` +
-        `<span class="session-meta">${s.messageCount} msgs</span>`;
+      el.innerHTML = `<span class="session-label">${escapeHtml(s.label)}</span><span class="session-meta">${s.messageCount} msgs</span>`;
       el.addEventListener("click", () => loadSession(s.label));
       sessionList.appendChild(el);
     }
@@ -328,13 +2219,12 @@ async function refreshSessionList() {
     sessionList.innerHTML = '<div class="dropdown-empty">Failed to load sessions</div>';
   }
 }
-
 async function loadSession(label) {
   try {
     const res = await fetch("/api/sessions/load", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ label }),
+      body: JSON.stringify({ label })
     });
     if (res.ok) {
       sessionDropdown.classList.add("hidden");
@@ -342,9 +2232,39 @@ async function loadSession(label) {
       addMessage(`Session "${label}" restored`, "thinking");
     }
   } catch {
-    // ignore
   }
 }
-
-// Start connection
+var chatPane = document.getElementById("chat-pane");
+var divider = document.getElementById("pane-divider");
+divider.addEventListener("mousedown", (e) => {
+  e.preventDefault();
+  divider.classList.add("dragging");
+  const startX = e.clientX;
+  const startWidth = chatPane.offsetWidth;
+  function onMove(ev) {
+    const newWidth = startWidth + (ev.clientX - startX);
+    const clamped = Math.max(280, Math.min(newWidth, window.innerWidth - 300));
+    chatPane.style.width = clamped + "px";
+  }
+  function onUp() {
+    divider.classList.remove("dragging");
+    document.removeEventListener("mousemove", onMove);
+    document.removeEventListener("mouseup", onUp);
+    resizeGraph();
+  }
+  document.addEventListener("mousemove", onMove);
+  document.addEventListener("mouseup", onUp);
+});
+var workspace = document.getElementById("workspace");
+var graphToggle = document.getElementById("graph-toggle");
+graphToggle.classList.add("active");
+graphToggle.addEventListener("click", () => {
+  const isChatOnly = workspace.classList.toggle("chat-only");
+  graphToggle.classList.toggle("active", !isChatOnly);
+  if (!isChatOnly) {
+    chatPane.style.width = "";
+    resizeGraph();
+  }
+});
 connect();
+initGraph();