hanbiro-react16-sdk 1.0.0 → 1.0.2

package/dist/{index-DuSzMCvF.mjs → index-BB9T_tBw.mjs}

@@ -76,15 +76,15 @@ async function Ae(n, { setContent: e, setIsLoading: t, setConversationId: r, sig
   let c = "";
   try {
     t(!0);
-    const l = {
+    const a = {
       method: "POST",
       baseURL: s,
       url: "/nmail/chatdraft",
       params: n
     };
     let h = {};
-    i && typeof i.generateHeaders == "function" && (h = await i.generateHeaders(l));
-    const a = await fetch(`${s}/nmail/chatdraft`, {
+    i && typeof i.generateHeaders == "function" && (h = await i.generateHeaders(a));
+    const l = await fetch(`${s}/nmail/chatdraft`, {
       method: "POST",
       body: JSON.stringify(n),
       headers: {
@@ -93,9 +93,9 @@ async function Ae(n, { setContent: e, setIsLoading: t, setConversationId: r, sig
         ...h
       }
     });
-    if (t(!1), !a.body)
+    if (t(!1), !l.body)
       throw new Error("Response body is not available for streaming.");
-    const o = a.body.getReader();
+    const o = l.body.getReader();
     let d = "", p = 0;
     for (; ; ) {
       const { done: x, value: f } = await o.read();
@@ -124,8 +124,8 @@ async function Ae(n, { setContent: e, setIsLoading: t, setConversationId: r, sig
       }
     }
     return c;
-  } catch (l) {
-    console.error("Summary error:", l), e("");
+  } catch (a) {
+    console.error("Summary error:", a), e("");
   } finally {
     t(!1);
   }
@@ -221,8 +221,8 @@ var w = {
 }, Ie = /^(?:[ \t]*(?:\n|$))+/, Le = /^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/, _e = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, q = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, Pe = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, V = /(?:[*+-]|\d{1,9}[.)])/, ge = /^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, de = k(ge).replace(/bull/g, V).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(), Be = k(ge).replace(/bull/g, V).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(), X = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, De = /^[^\n]+/, Y = /(?!\s*\])(?:\\.|[^\[\]\\])+/, qe = k(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label", Y).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), Me = k(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, V).getRegex(), H = "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", ee = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, Oe = 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", ee).replace("tag", H).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), fe = k(X).replace("hr", q).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[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), je = k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", fe).getRegex(), te = {
-  blockquote: je,
+).replace("comment", ee).replace("tag", H).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), fe = k(X).replace("hr", q).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[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), Ne = k(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", fe).getRegex(), te = {
+  blockquote: Ne,
   code: Le,
   def: qe,
   fences: _e,
@@ -237,7 +237,7 @@ var w = {
   text: De
 }, se = k(
   "^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"
-).replace("hr", q).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[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), Ne = {
+).replace("hr", q).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[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", H).getRegex(), je = {
   ...te,
   lheading: Be,
   table: se,
@@ -259,7 +259,7 @@ var w = {
   "gu"
 ).replace(/notPunctSpace/g, ke).replace(/punctSpace/g, ne).replace(/punct/g, G).getRegex(), tt = k(/\\(punct)/, "gu").replace(/punct/g, G).getRegex(), nt = 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(), rt = k(ee).replace("(?:-->|$)", "-->").getRegex(), it = 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", rt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), j = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, st = k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", j).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), ye = k(/^!?\[(label)\]\[(ref)\]/).replace("label", j).replace("ref", Y).getRegex(), ve = k(/^!?\[(ref)\](?:\[\])?/).replace("ref", Y).getRegex(), lt = k("reflink|nolink(?!\\()", "g").replace("reflink", ye).replace("nolink", ve).getRegex(), re = {
+).replace("comment", rt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), N = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, st = k(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label", N).replace("href", /<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), ye = k(/^!?\[(label)\]\[(ref)\]/).replace("label", N).replace("ref", Y).getRegex(), ve = k(/^!?\[(ref)\](?:\[\])?/).replace("ref", Y).getRegex(), at = k("reflink|nolink(?!\\()", "g").replace("reflink", ye).replace("nolink", ve).getRegex(), re = {
   _backpedal: D,
   // only used for GFM url
   anyPunctuation: tt,
@@ -276,14 +276,14 @@ var w = {
   nolink: ve,
   punctuation: We,
   reflink: ye,
-  reflinkSearch: lt,
+  reflinkSearch: at,
   tag: it,
   text: Qe,
   url: D
-}, at = {
+}, lt = {
   ...re,
-  link: k(/^!?\[(label)\]\((.*?)\)/).replace("label", j).getRegex(),
-  reflink: k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", j).getRegex()
+  link: k(/^!?\[(label)\]\((.*?)\)/).replace("label", N).getRegex(),
+  reflink: k(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", N).getRegex()
 }, F = {
   ...re,
   emStrongRDelimAst: Ye,
@@ -298,29 +298,29 @@ var w = {
   text: k(F.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
 }, M = {
   normal: te,
-  gfm: Ne,
+  gfm: je,
   pedantic: Ze
 }, P = {
   normal: re,
   gfm: F,
   breaks: ot,
-  pedantic: at
+  pedantic: lt
 }, ct = {
   "&": "&amp;",
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
   "'": "&#39;"
-}, le = (n) => ct[n];
+}, ae = (n) => ct[n];
 function $(n, e) {
   if (e) {
     if (w.escapeTest.test(n))
-      return n.replace(w.escapeReplace, le);
+      return n.replace(w.escapeReplace, ae);
   } else if (w.escapeTestNoEncode.test(n))
-    return n.replace(w.escapeReplaceNoEncode, le);
+    return n.replace(w.escapeReplaceNoEncode, ae);
   return n;
 }
-function ae(n) {
+function le(n) {
   try {
     n = encodeURI(n).replace(w.percentDecode, "%");
   } catch {
@@ -330,10 +330,10 @@ function ae(n) {
 }
 function oe(n, e) {
   var s;
-  const t = n.replace(w.findPipe, (c, l, h) => {
-    let a = !1, o = l;
-    for (; --o >= 0 && h[o] === "\\"; ) a = !a;
-    return a ? "|" : " |";
+  const t = n.replace(w.findPipe, (c, a, h) => {
+    let l = !1, o = a;
+    for (; --o >= 0 && h[o] === "\\"; ) l = !l;
+    return l ? "|" : " |";
   }), r = t.split(w.splitPipe);
   let i = 0;
   if (r[0].trim() || r.shift(), r.length > 0 && !((s = r.at(-1)) != null && s.trim()) && r.pop(), e)
@@ -368,15 +368,15 @@ function ht(n, e) {
   return t > 0 ? -2 : -1;
 }
 function ce(n, e, t, r, i) {
-  const s = e.href, c = e.title || null, l = n[1].replace(i.other.outputLinkReplace, "$1");
+  const s = e.href, c = e.title || null, a = n[1].replace(i.other.outputLinkReplace, "$1");
   r.state.inLink = !0;
   const h = {
     type: n[0].charAt(0) === "!" ? "image" : "link",
     raw: t,
     href: s,
     title: c,
-    text: l,
-    tokens: r.inlineTokens(l)
+    text: a,
+    tokens: r.inlineTokens(a)
   };
   return r.state.inLink = !1, h;
 }
@@ -390,12 +390,12 @@ function pt(n, e, t) {
     const c = s.match(t.other.beginningSpace);
     if (c === null)
       return s;
-    const [l] = c;
-    return l.length >= i.length ? s.slice(i.length) : s;
+    const [a] = c;
+    return a.length >= i.length ? s.slice(i.length) : s;
   }).join(`
 `);
 }
-var N = class {
+var j = class {
   // set by the lexer
   constructor(n) {
     g(this, "options");
@@ -472,21 +472,21 @@ var N = class {
       const s = [];
       for (; t.length > 0; ) {
         let c = !1;
-        const l = [];
+        const a = [];
         let h;
         for (h = 0; h < t.length; h++)
           if (this.rules.other.blockquoteStart.test(t[h]))
-            l.push(t[h]), c = !0;
+            a.push(t[h]), c = !0;
           else if (!c)
-            l.push(t[h]);
+            a.push(t[h]);
           else
             break;
         t = t.slice(h);
-        const a = l.join(`
-`), o = a.replace(this.rules.other.blockquoteSetextReplace, `
+        const l = a.join(`
+`), o = l.replace(this.rules.other.blockquoteSetextReplace, `
     $1`).replace(this.rules.other.blockquoteSetextReplace2, "");
         r = r ? `${r}
-${a}` : a, i = i ? `${i}
+${l}` : l, i = i ? `${i}
 ${o}` : o;
         const d = this.lexer.state.top;
         if (this.lexer.state.top = !0, this.lexer.blockTokens(o, s, !0), this.lexer.state.top = d, t.length === 0)
@@ -533,14 +533,14 @@ ${o}` : o;
       const s = this.rules.other.listItemRegex(t);
       let c = !1;
       for (; n; ) {
-        let h = !1, a = "", o = "";
+        let h = !1, l = "", o = "";
         if (!(e = s.exec(n)) || this.rules.block.hr.test(n))
           break;
-        a = e[0], n = n.substring(a.length);
+        l = e[0], n = n.substring(l.length);
         let d = e[2].split(`
 `, 1)[0].replace(this.rules.other.listReplaceTabs, (S) => " ".repeat(3 * S.length)), p = n.split(`
 `, 1)[0], x = !d.trim(), f = 0;
-        if (this.options.pedantic ? (f = 2, o = d.trimStart()) : x ? f = e[1].length + 1 : (f = e[2].search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, o = d.slice(f), f += e[1].length), x && this.rules.other.blankLine.test(p) && (a += p + `
+        if (this.options.pedantic ? (f = 2, o = d.trimStart()) : x ? f = e[1].length + 1 : (f = e[2].search(this.rules.other.nonSpaceChar), f = f > 4 ? 1 : f, o = d.slice(f), f += e[1].length), x && this.rules.other.blankLine.test(p) && (l += p + `
 `, n = n.substring(p.length + 1), h = !0), !h) {
           const S = this.rules.other.nextBulletRegex(f), A = this.rules.other.hrRegex(f), v = this.rules.other.fencesBeginRegex(f), I = this.rules.other.headingBeginRegex(f), L = this.rules.other.htmlBeginRegex(f);
           for (; n; ) {
@@ -558,31 +558,31 @@ ${o}` : o;
               o += `
 ` + p;
             }
-            !x && !p.trim() && (x = !0), a += _ + `
+            !x && !p.trim() && (x = !0), l += _ + `
 `, n = n.substring(_.length + 1), d = R.slice(f);
           }
         }
-        i.loose || (c ? i.loose = !0 : this.rules.other.doubleBlankLine.test(a) && (c = !0));
+        i.loose || (c ? i.loose = !0 : this.rules.other.doubleBlankLine.test(l) && (c = !0));
         let b = null, y;
         this.options.gfm && (b = this.rules.other.listIsTask.exec(o), b && (y = b[0] !== "[ ] ", o = o.replace(this.rules.other.listReplaceTask, ""))), i.items.push({
           type: "list_item",
-          raw: a,
+          raw: l,
           task: !!b,
           checked: y,
           loose: !1,
           text: o,
           tokens: []
-        }), i.raw += a;
+        }), i.raw += l;
       }
-      const l = i.items.at(-1);
-      if (l)
-        l.raw = l.raw.trimEnd(), l.text = l.text.trimEnd();
+      const a = i.items.at(-1);
+      if (a)
+        a.raw = a.raw.trimEnd(), a.text = a.text.trimEnd();
       else
         return;
       i.raw = i.raw.trimEnd();
       for (let h = 0; h < i.items.length; h++)
         if (this.lexer.state.top = !1, i.items[h].tokens = this.lexer.blockTokens(i.items[h].text, []), !i.loose) {
-          const a = i.items[h].tokens.filter((d) => d.type === "space"), o = a.length > 0 && a.some((d) => this.rules.other.anyLine.test(d.raw));
+          const l = i.items[h].tokens.filter((d) => d.type === "space"), o = l.length > 0 && l.some((d) => this.rules.other.anyLine.test(d.raw));
           i.loose = o;
         }
       if (i.loose)
@@ -629,21 +629,21 @@ ${o}` : o;
       rows: []
     };
     if (t.length === r.length) {
-      for (const l of r)
-        this.rules.other.tableAlignRight.test(l) ? s.align.push("right") : this.rules.other.tableAlignCenter.test(l) ? s.align.push("center") : this.rules.other.tableAlignLeft.test(l) ? s.align.push("left") : s.align.push(null);
-      for (let l = 0; l < t.length; l++)
+      for (const 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 < t.length; a++)
         s.header.push({
-          text: t[l],
-          tokens: this.lexer.inline(t[l]),
+          text: t[a],
+          tokens: this.lexer.inline(t[a]),
           header: !0,
-          align: s.align[l]
+          align: s.align[a]
         });
-      for (const l of i)
-        s.rows.push(oe(l, s.header.length).map((h, a) => ({
+      for (const a of i)
+        s.rows.push(oe(a, s.header.length).map((h, l) => ({
           text: h,
           tokens: this.lexer.inline(h),
           header: !1,
-          align: s.align[a]
+          align: s.align[l]
         })));
       return s;
     }
@@ -718,8 +718,8 @@ ${o}` : o;
         if (s === -2)
           return;
         if (s > -1) {
-          const l = (e[0].indexOf("!") === 0 ? 5 : 4) + e[1].length + s;
-          e[2] = e[2].substring(0, s), e[0] = e[0].substring(0, l).trim(), e[3] = "";
+          const a = (e[0].indexOf("!") === 0 ? 5 : 4) + e[1].length + s;
+          e[2] = e[2].substring(0, s), e[0] = e[0].substring(0, a).trim(), e[3] = "";
         }
       }
       let r = e[2], i = "";
@@ -754,21 +754,21 @@ ${o}` : o;
     if (!r || r[3] && t.match(this.rules.other.unicodeAlphaNumeric)) return;
     if (!(r[1] || r[2] || "") || !t || this.rules.inline.punctuation.exec(t)) {
       const s = [...r[0]].length - 1;
-      let c, l, h = s, a = 0;
+      let c, a, h = s, l = 0;
       const o = r[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
       for (o.lastIndex = 0, e = e.slice(-1 * n.length + s); (r = o.exec(e)) != null; ) {
         if (c = r[1] || r[2] || r[3] || r[4] || r[5] || r[6], !c) continue;
-        if (l = [...c].length, r[3] || r[4]) {
-          h += l;
+        if (a = [...c].length, r[3] || r[4]) {
+          h += a;
           continue;
-        } else if ((r[5] || r[6]) && s % 3 && !((s + l) % 3)) {
-          a += l;
+        } else if ((r[5] || r[6]) && s % 3 && !((s + a) % 3)) {
+          l += a;
           continue;
         }
-        if (h -= l, h > 0) continue;
-        l = Math.min(l, l + h + a);
-        const d = [...r[0]][0].length, p = n.slice(0, s + r.index + d + l);
-        if (Math.min(s, l) % 2) {
+        if (h -= a, h > 0) continue;
+        a = Math.min(a, a + h + l);
+        const d = [...r[0]][0].length, p = n.slice(0, s + r.index + d + a);
+        if (Math.min(s, a) % 2) {
           const f = p.slice(1, -1);
           return {
             type: "em",
@@ -884,7 +884,7 @@ ${o}` : o;
     g(this, "state");
     g(this, "tokenizer");
     g(this, "inlineQueue");
-    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || z, this.options.tokenizer = this.options.tokenizer || new N(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || z, this.options.tokenizer = this.options.tokenizer || new j(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
       inLink: !1,
       inRawBlock: !1,
       top: !0
@@ -932,98 +932,98 @@ ${o}` : o;
   blockTokens(e, t = [], r = !1) {
     var i, s, c;
     for (this.options.pedantic && (e = e.replace(w.tabCharGlobal, "    ").replace(w.spaceLine, "")); e; ) {
-      let l;
-      if ((s = (i = this.options.extensions) == null ? void 0 : i.block) != null && s.some((a) => (l = a.call({ lexer: this }, e, t)) ? (e = e.substring(l.raw.length), t.push(l), !0) : !1))
+      let a;
+      if ((s = (i = this.options.extensions) == null ? void 0 : i.block) != null && s.some((l) => (a = l.call({ lexer: this }, e, t)) ? (e = e.substring(a.raw.length), t.push(a), !0) : !1))
         continue;
-      if (l = this.tokenizer.space(e)) {
-        e = e.substring(l.raw.length);
-        const a = t.at(-1);
-        l.raw.length === 1 && a !== void 0 ? a.raw += `
-` : t.push(l);
+      if (a = this.tokenizer.space(e)) {
+        e = e.substring(a.raw.length);
+        const l = t.at(-1);
+        a.raw.length === 1 && l !== void 0 ? l.raw += `
+` : t.push(a);
         continue;
       }
-      if (l = this.tokenizer.code(e)) {
-        e = e.substring(l.raw.length);
-        const a = t.at(-1);
-        (a == null ? void 0 : a.type) === "paragraph" || (a == null ? void 0 : a.type) === "text" ? (a.raw += `
-` + l.raw, a.text += `
-` + l.text, this.inlineQueue.at(-1).src = a.text) : t.push(l);
+      if (a = this.tokenizer.code(e)) {
+        e = e.substring(a.raw.length);
+        const l = t.at(-1);
+        (l == null ? void 0 : l.type) === "paragraph" || (l == null ? void 0 : l.type) === "text" ? (l.raw += `
+` + a.raw, l.text += `
+` + a.text, this.inlineQueue.at(-1).src = l.text) : t.push(a);
         continue;
       }
-      if (l = this.tokenizer.fences(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.fences(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.heading(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.heading(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.hr(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.hr(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.blockquote(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.blockquote(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.list(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.list(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.html(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.html(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.def(e)) {
-        e = e.substring(l.raw.length);
-        const a = t.at(-1);
-        (a == null ? void 0 : a.type) === "paragraph" || (a == null ? void 0 : a.type) === "text" ? (a.raw += `
-` + l.raw, a.text += `
-` + l.raw, this.inlineQueue.at(-1).src = a.text) : this.tokens.links[l.tag] || (this.tokens.links[l.tag] = {
-          href: l.href,
-          title: l.title
+      if (a = this.tokenizer.def(e)) {
+        e = e.substring(a.raw.length);
+        const l = t.at(-1);
+        (l == null ? void 0 : l.type) === "paragraph" || (l == null ? void 0 : l.type) === "text" ? (l.raw += `
+` + a.raw, l.text += `
+` + a.raw, this.inlineQueue.at(-1).src = l.text) : this.tokens.links[a.tag] || (this.tokens.links[a.tag] = {
+          href: a.href,
+          title: a.title
         });
         continue;
       }
-      if (l = this.tokenizer.table(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.table(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
-      if (l = this.tokenizer.lheading(e)) {
-        e = e.substring(l.raw.length), t.push(l);
+      if (a = this.tokenizer.lheading(e)) {
+        e = e.substring(a.raw.length), t.push(a);
         continue;
       }
       let h = e;
       if ((c = this.options.extensions) != null && c.startBlock) {
-        let a = 1 / 0;
+        let l = 1 / 0;
         const o = e.slice(1);
         let d;
         this.options.extensions.startBlock.forEach((p) => {
-          d = p.call({ lexer: this }, o), typeof d == "number" && d >= 0 && (a = Math.min(a, d));
-        }), a < 1 / 0 && a >= 0 && (h = e.substring(0, a + 1));
+          d = p.call({ lexer: this }, o), typeof d == "number" && d >= 0 && (l = Math.min(l, d));
+        }), l < 1 / 0 && l >= 0 && (h = e.substring(0, l + 1));
       }
-      if (this.state.top && (l = this.tokenizer.paragraph(h))) {
-        const a = t.at(-1);
-        r && (a == null ? void 0 : a.type) === "paragraph" ? (a.raw += `
-` + l.raw, a.text += `
-` + l.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = a.text) : t.push(l), r = h.length !== e.length, e = e.substring(l.raw.length);
+      if (this.state.top && (a = this.tokenizer.paragraph(h))) {
+        const l = t.at(-1);
+        r && (l == null ? void 0 : l.type) === "paragraph" ? (l.raw += `
+` + a.raw, l.text += `
+` + a.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = l.text) : t.push(a), r = h.length !== e.length, e = e.substring(a.raw.length);
         continue;
       }
-      if (l = this.tokenizer.text(e)) {
-        e = e.substring(l.raw.length);
-        const a = t.at(-1);
-        (a == null ? void 0 : a.type) === "text" ? (a.raw += `
-` + l.raw, a.text += `
-` + l.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = a.text) : t.push(l);
+      if (a = this.tokenizer.text(e)) {
+        e = e.substring(a.raw.length);
+        const l = t.at(-1);
+        (l == null ? void 0 : l.type) === "text" ? (l.raw += `
+` + a.raw, l.text += `
+` + a.text, this.inlineQueue.pop(), this.inlineQueue.at(-1).src = l.text) : t.push(a);
         continue;
       }
       if (e) {
-        const a = "Infinite loop on byte: " + e.charCodeAt(0);
+        const l = "Infinite loop on byte: " + e.charCodeAt(0);
         if (this.options.silent) {
-          console.error(a);
+          console.error(l);
           break;
         } else
-          throw new Error(a);
+          throw new Error(l);
       }
     }
     return this.state.top = !0, t;
@@ -1035,7 +1035,7 @@ ${o}` : o;
    * Lexing/Compiling
    */
   inlineTokens(e, t = []) {
-    var l, h, a;
+    var a, h, l;
     let r = e, i = null;
     if (this.tokens.links) {
       const o = Object.keys(this.tokens.links);
@@ -1051,7 +1051,7 @@ ${o}` : o;
     for (; e; ) {
       s || (c = ""), s = !1;
       let o;
-      if ((h = (l = this.options.extensions) == null ? void 0 : l.inline) != null && h.some((p) => (o = p.call({ lexer: this }, e, t)) ? (e = e.substring(o.raw.length), t.push(o), !0) : !1))
+      if ((h = (a = this.options.extensions) == null ? void 0 : a.inline) != null && h.some((p) => (o = p.call({ lexer: this }, e, t)) ? (e = e.substring(o.raw.length), t.push(o), !0) : !1))
         continue;
       if (o = this.tokenizer.escape(e)) {
         e = e.substring(o.raw.length), t.push(o);
@@ -1096,7 +1096,7 @@ ${o}` : o;
         continue;
       }
       let d = e;
-      if ((a = this.options.extensions) != null && a.startInline) {
+      if ((l = this.options.extensions) != null && l.startInline) {
         let p = 1 / 0;
         const x = e.slice(1);
         let f;
@@ -1159,8 +1159,8 @@ ${this.parser.parse(n)}</blockquote>
     const e = n.ordered, t = n.start;
     let r = "";
     for (let c = 0; c < n.items.length; c++) {
-      const l = n.items[c];
-      r += this.listitem(l);
+      const a = n.items[c];
+      r += this.listitem(a);
     }
     const i = e ? "ol" : "ul", s = e && t !== 1 ? ' start="' + t + '"' : "";
     return "<" + i + s + `>
@@ -1237,7 +1237,7 @@ ${n}</tr>
     return `<del>${this.parser.parseInline(n)}</del>`;
   }
   link({ href: n, title: e, tokens: t }) {
-    const r = this.parser.parseInline(t), i = ae(n);
+    const r = this.parser.parseInline(t), i = le(n);
     if (i === null)
       return r;
     n = i;
@@ -1246,7 +1246,7 @@ ${n}</tr>
   }
   image({ href: n, title: e, text: t, tokens: r }) {
     r && (t = this.parser.parseInline(r, this.parser.textRenderer));
-    const i = ae(n);
+    const i = le(n);
     if (i === null)
       return $(t);
     n = i;
@@ -1311,15 +1311,15 @@ ${n}</tr>
     var i, s;
     let r = "";
     for (let c = 0; c < e.length; c++) {
-      const l = e[c];
-      if ((s = (i = this.options.extensions) == null ? void 0 : i.renderers) != null && s[l.type]) {
-        const a = l, o = this.options.extensions.renderers[a.type].call({ parser: this }, a);
-        if (o !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(a.type)) {
+      const a = e[c];
+      if ((s = (i = this.options.extensions) == null ? void 0 : i.renderers) != null && s[a.type]) {
+        const l = a, o = this.options.extensions.renderers[l.type].call({ parser: this }, l);
+        if (o !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(l.type)) {
           r += o || "";
           continue;
         }
       }
-      const h = l;
+      const h = a;
       switch (h.type) {
         case "space": {
           r += this.renderer.space(h);
@@ -1358,10 +1358,10 @@ ${n}</tr>
           continue;
         }
         case "text": {
-          let a = h, o = this.renderer.text(a);
+          let l = h, o = this.renderer.text(l);
           for (; c + 1 < e.length && e[c + 1].type === "text"; )
-            a = e[++c], o += `
-` + this.renderer.text(a);
+            l = e[++c], o += `
+` + this.renderer.text(l);
           t ? r += this.renderer.paragraph({
             type: "paragraph",
             raw: o,
@@ -1371,10 +1371,10 @@ ${n}</tr>
           continue;
         }
         default: {
-          const a = 'Token with "' + h.type + '" type was not found.';
+          const l = 'Token with "' + h.type + '" type was not found.';
           if (this.options.silent)
-            return console.error(a), "";
-          throw new Error(a);
+            return console.error(l), "";
+          throw new Error(l);
         }
       }
     }
@@ -1387,15 +1387,15 @@ ${n}</tr>
     var i, s;
     let r = "";
     for (let c = 0; c < e.length; c++) {
-      const l = e[c];
-      if ((s = (i = this.options.extensions) == null ? void 0 : i.renderers) != null && s[l.type]) {
-        const a = this.options.extensions.renderers[l.type].call({ parser: this }, l);
-        if (a !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(l.type)) {
-          r += a || "";
+      const a = e[c];
+      if ((s = (i = this.options.extensions) == null ? void 0 : i.renderers) != null && s[a.type]) {
+        const l = this.options.extensions.renderers[a.type].call({ parser: this }, a);
+        if (l !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(a.type)) {
+          r += l || "";
           continue;
         }
       }
-      const h = l;
+      const h = a;
       switch (h.type) {
         case "escape": {
           r += t.text(h);
@@ -1438,10 +1438,10 @@ ${n}</tr>
           break;
         }
         default: {
-          const a = 'Token with "' + h.type + '" type was not found.';
+          const l = 'Token with "' + h.type + '" type was not found.';
           if (this.options.silent)
-            return console.error(a), "";
-          throw new Error(a);
+            return console.error(l), "";
+          throw new Error(l);
         }
       }
     }
@@ -1497,7 +1497,7 @@ ${n}</tr>
     g(this, "Renderer", Z);
     g(this, "TextRenderer", ie);
     g(this, "Lexer", E);
-    g(this, "Tokenizer", N);
+    g(this, "Tokenizer", j);
     g(this, "Hooks", O);
     this.use(...n);
   }
@@ -1511,10 +1511,10 @@ ${n}</tr>
       switch (t = t.concat(e.call(this, s)), s.type) {
         case "table": {
           const c = s;
-          for (const l of c.header)
-            t = t.concat(this.walkTokens(l.tokens, e));
-          for (const l of c.rows)
-            for (const h of l)
+          for (const a of c.header)
+            t = t.concat(this.walkTokens(a.tokens, e));
+          for (const a of c.rows)
+            for (const h of a)
               t = t.concat(this.walkTokens(h.tokens, e));
           break;
         }
@@ -1525,8 +1525,8 @@ ${n}</tr>
         }
         default: {
           const c = s;
-          (i = (r = this.defaults.extensions) == null ? void 0 : r.childTokens) != null && i[c.type] ? this.defaults.extensions.childTokens[c.type].forEach((l) => {
-            const h = c[l].flat(1 / 0);
+          (i = (r = this.defaults.extensions) == null ? void 0 : r.childTokens) != null && i[c.type] ? this.defaults.extensions.childTokens[c.type].forEach((a) => {
+            const h = c[a].flat(1 / 0);
             t = t.concat(this.walkTokens(h, e));
           }) : c.tokens && (t = t.concat(this.walkTokens(c.tokens, e)));
         }
@@ -1543,8 +1543,8 @@ ${n}</tr>
         if ("renderer" in i) {
           const s = e.renderers[i.name];
           s ? e.renderers[i.name] = function(...c) {
-            let l = i.renderer.apply(this, c);
-            return l === !1 && (l = s.apply(this, c)), l;
+            let a = i.renderer.apply(this, c);
+            return a === !1 && (a = s.apply(this, c)), a;
           } : e.renderers[i.name] = i.renderer;
         }
         if ("tokenizer" in i) {
@@ -1561,25 +1561,25 @@ ${n}</tr>
             throw new Error(`renderer '${s}' does not exist`);
           if (["options", "parser"].includes(s))
             continue;
-          const c = s, l = t.renderer[c], h = i[c];
-          i[c] = (...a) => {
-            let o = l.apply(i, a);
-            return o === !1 && (o = h.apply(i, a)), o || "";
+          const c = s, a = t.renderer[c], h = i[c];
+          i[c] = (...l) => {
+            let o = a.apply(i, l);
+            return o === !1 && (o = h.apply(i, l)), o || "";
           };
         }
         r.renderer = i;
       }
       if (t.tokenizer) {
-        const i = this.defaults.tokenizer || new N(this.defaults);
+        const i = this.defaults.tokenizer || new j(this.defaults);
         for (const s in t.tokenizer) {
           if (!(s in i))
             throw new Error(`tokenizer '${s}' does not exist`);
           if (["options", "rules", "lexer"].includes(s))
             continue;
-          const c = s, l = t.tokenizer[c], h = i[c];
-          i[c] = (...a) => {
-            let o = l.apply(i, a);
-            return o === !1 && (o = h.apply(i, a)), o;
+          const c = s, a = t.tokenizer[c], h = i[c];
+          i[c] = (...l) => {
+            let o = a.apply(i, l);
+            return o === !1 && (o = h.apply(i, l)), o;
           };
         }
         r.tokenizer = i;
@@ -1591,15 +1591,15 @@ ${n}</tr>
             throw new Error(`hook '${s}' does not exist`);
           if (["options", "block"].includes(s))
             continue;
-          const c = s, l = t.hooks[c], h = i[c];
-          O.passThroughHooks.has(s) ? i[c] = (a) => {
+          const c = s, a = t.hooks[c], h = i[c];
+          O.passThroughHooks.has(s) ? i[c] = (l) => {
             if (this.defaults.async)
-              return Promise.resolve(l.call(i, a)).then((d) => h.call(i, d));
-            const o = l.call(i, a);
+              return Promise.resolve(a.call(i, l)).then((d) => h.call(i, d));
+            const o = a.call(i, l);
             return h.call(i, o);
-          } : i[c] = (...a) => {
-            let o = l.apply(i, a);
-            return o === !1 && (o = h.apply(i, a)), o;
+          } : i[c] = (...l) => {
+            let o = a.apply(i, l);
+            return o === !1 && (o = h.apply(i, l)), o;
           };
         }
         r.hooks = i;
@@ -1607,8 +1607,8 @@ ${n}</tr>
       if (t.walkTokens) {
         const i = this.defaults.walkTokens, s = t.walkTokens;
         r.walkTokens = function(c) {
-          let l = [];
-          return l.push(s.call(this, c)), i && (l = l.concat(i.call(this, c))), l;
+          let a = [];
+          return a.push(s.call(this, c)), i && (a = a.concat(i.call(this, c))), a;
         };
       }
       this.defaults = { ...this.defaults, ...r };
@@ -1633,17 +1633,17 @@ ${n}</tr>
       if (typeof t != "string")
         return c(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(t) + ", string expected"));
       s.hooks && (s.hooks.options = s, s.hooks.block = n);
-      const l = s.hooks ? s.hooks.provideLexer() : n ? E.lex : E.lexInline, h = s.hooks ? s.hooks.provideParser() : n ? T.parse : T.parseInline;
+      const a = s.hooks ? s.hooks.provideLexer() : n ? E.lex : E.lexInline, h = s.hooks ? s.hooks.provideParser() : n ? T.parse : T.parseInline;
       if (s.async)
-        return Promise.resolve(s.hooks ? s.hooks.preprocess(t) : t).then((a) => l(a, s)).then((a) => s.hooks ? s.hooks.processAllTokens(a) : a).then((a) => s.walkTokens ? Promise.all(this.walkTokens(a, s.walkTokens)).then(() => a) : a).then((a) => h(a, s)).then((a) => s.hooks ? s.hooks.postprocess(a) : a).catch(c);
+        return Promise.resolve(s.hooks ? s.hooks.preprocess(t) : t).then((l) => a(l, s)).then((l) => s.hooks ? s.hooks.processAllTokens(l) : l).then((l) => s.walkTokens ? Promise.all(this.walkTokens(l, s.walkTokens)).then(() => l) : l).then((l) => h(l, s)).then((l) => s.hooks ? s.hooks.postprocess(l) : l).catch(c);
       try {
         s.hooks && (t = s.hooks.preprocess(t));
-        let a = l(t, s);
-        s.hooks && (a = s.hooks.processAllTokens(a)), s.walkTokens && this.walkTokens(a, s.walkTokens);
-        let o = h(a, s);
+        let l = a(t, s);
+        s.hooks && (l = s.hooks.processAllTokens(l)), s.walkTokens && this.walkTokens(l, s.walkTokens);
+        let o = h(l, s);
         return s.hooks && (o = s.hooks.postprocess(o)), o;
-      } catch (a) {
-        return c(a);
+      } catch (l) {
+        return c(l);
       }
     };
   }
@@ -1681,7 +1681,7 @@ m.Renderer = Z;
 m.TextRenderer = ie;
 m.Lexer = E;
 m.lexer = E.lex;
-m.Tokenizer = N;
+m.Tokenizer = j;
 m.Hooks = O;
 m.parse = m;
 m.options;
@@ -1707,14 +1707,18 @@ const he = ({ data: n, style: e }) => /* @__PURE__ */ u.createElement(
       }
     }
   ) : /* @__PURE__ */ u.createElement("p", { style: { margin: 0, whiteSpace: "pre-wrap" } }, n ? n.question : "")
-), gt = ({ items: n, onApply: e, getEditorContent: t }) => {
+), gt = ({
+  items: n,
+  onApply: e,
+  getEditorContent: t
+}) => {
   const r = async (i) => {
     const s = /제목:[^\n]*/g;
     ((s.exec(i) || [])[0] || "").replace("제목: ", "").replace(`
 `, "");
-    const l = i.replace(s, "").replace("본문: ", "");
-    let h = await m.parse(l);
-    const a = /<!--HanbiroSignatureStart-->([\s\S]*?)<!--HanbiroSignatureEnd-->/g, o = t ? t() : "", d = a.exec(o) || [];
+    const a = i.replace(s, "").replace("본문: ", "");
+    let h = await m.parse(a);
+    const l = /<!--HanbiroSignatureStart-->([\s\S]*?)<!--HanbiroSignatureEnd-->/g, o = t ? t() : "", d = l.exec(o) || [];
     d[0] && (h = h + "<br>" + d[0]), e({ html: h });
   };
   return /* @__PURE__ */ u.createElement(
@@ -1732,76 +1736,109 @@ const he = ({ data: n, style: e }) => /* @__PURE__ */ u.createElement(
         flexDirection: "column"
       }
     },
-    n && n.map((i) => /* @__PURE__ */ u.createElement("div", { key: i.id, style: { display: "flex", flexDirection: "column", marginBottom: 16 } }, /* @__PURE__ */ u.createElement(
+    n && n.map((i) => /* @__PURE__ */ u.createElement(
       "div",
       {
+        key: i.id,
         style: {
-          width: "100%",
           display: "flex",
-          alignItems: "flex-end",
           flexDirection: "column",
-          position: "relative",
-          marginTop: 8
+          marginBottom: 16
         }
       },
       /* @__PURE__ */ u.createElement(
-        he,
+        "div",
         {
-          data: { question: i.question },
           style: {
-            border: "1px solid #e0e0e0",
-            borderRadius: 8,
-            borderTopRightRadius: 0,
-            padding: "8px 12px",
-            background: "#f9f9f9"
+            width: "100%",
+            display: "flex",
+            alignItems: "flex-end",
+            flexDirection: "column",
+            position: "relative",
+            marginTop: 8
           }
-        }
-      )
-    ), /* @__PURE__ */ u.createElement(
-      "div",
-      {
-        style: {
-          width: "100%",
-          display: "flex",
-          alignItems: "flex-start",
-          flexDirection: "column",
-          position: "relative",
-          marginTop: 8
-        }
-      },
-      i.isLoading ? /* @__PURE__ */ u.createElement("div", { style: { marginTop: 8, fontStyle: "italic", color: "#888" } }, "Loading...") : /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "row", alignItems: "flex-end", width: "100%" } }, /* @__PURE__ */ u.createElement(
-        he,
-        {
-          data: { subject: i.subject, body: i.body },
-          style: {
-            background: "#f5f5f5",
-            borderRadius: 8,
-            borderTopLeftRadius: 0,
-            padding: "8px 12px",
-            flexShrink: 0
+        },
+        /* @__PURE__ */ u.createElement(
+          he,
+          {
+            data: { question: i.question },
+            style: {
+              borderRadius: 8,
+              borderTopRightRadius: 0,
+              padding: "8px 12px",
+              background: "var(--background-softGrey)"
+            }
           }
-        }
-      ), /* @__PURE__ */ u.createElement(
-        "button",
+        )
+      ),
+      /* @__PURE__ */ u.createElement(
+        "div",
         {
-          type: "button",
-          title: "Apply content",
-          onClick: () => r(i.body),
           style: {
-            marginLeft: 4,
-            background: "none",
-            border: "none",
-            cursor: "pointer",
+            width: "100%",
             display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: 8,
-            borderRadius: 4
+            alignItems: "flex-start",
+            flexDirection: "column",
+            position: "relative",
+            marginTop: 8
           }
         },
-        /* @__PURE__ */ u.createElement(pe, { size: 16, color: "#666" })
-      ))
-    )))
+        i.isLoading ? /* @__PURE__ */ u.createElement(
+          "div",
+          {
+            style: {
+              marginTop: 8,
+              fontStyle: "italic",
+              color: "var(--text-secondary)"
+            }
+          },
+          "Loading..."
+        ) : /* @__PURE__ */ u.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "flex-end",
+              width: "100%"
+            }
+          },
+          /* @__PURE__ */ u.createElement(
+            he,
+            {
+              data: { subject: i.subject, body: i.body },
+              style: {
+                background: "var(--background-softGrey)",
+                borderRadius: 8,
+                borderTopLeftRadius: 0,
+                padding: "8px 12px",
+                flexShrink: 0
+              }
+            }
+          ),
+          /* @__PURE__ */ u.createElement(
+            "button",
+            {
+              type: "button",
+              title: "Apply content",
+              onClick: () => r(i.body),
+              style: {
+                marginLeft: 4,
+                background: "none",
+                border: "none",
+                cursor: "pointer",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                padding: 8,
+                borderRadius: 4
+              }
+            },
+            /* @__PURE__ */ u.createElement(pe, { size: 16, color: "#666" })
+          )
+        )
+      )
+    ))
   );
 };
 class dt extends u.Component {
@@ -1828,94 +1865,115 @@ class dt extends u.Component {
   }
   render() {
     const { lang: t, originalEmail: r, setOriginalEmail: i, getEditorContent: s } = this.props, { open: c } = this.state;
-    return /* @__PURE__ */ u.createElement("div", { ref: this.containerRef, style: { position: "relative", display: "inline-block" } }, /* @__PURE__ */ u.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: this.togglePopper,
-        style: {
-          background: "transparent",
-          border: "none",
-          cursor: "pointer",
-          width: 36,
-          height: 36,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          color: c ? "#1976d2" : "#555",
-          borderRadius: 4
-        }
-      },
-      /* @__PURE__ */ u.createElement(Te, { size: 20 })
-    ), c && /* @__PURE__ */ u.createElement(
+    return /* @__PURE__ */ u.createElement(
       "div",
       {
-        style: {
-          position: "absolute",
-          bottom: "100%",
-          left: 0,
-          zIndex: 1051,
-          background: "#fff",
-          border: "1px solid #ddd",
-          boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-          borderRadius: 8,
-          padding: 16,
-          width: 320,
-          marginBottom: 8
-        }
+        ref: this.containerRef,
+        style: { position: "relative", display: "inline-block" }
       },
-      /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 12 } }, /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, /* @__PURE__ */ u.createElement("span", { style: { fontSize: 12, fontWeight: 500, color: "#666" } }, "Language"), /* @__PURE__ */ u.createElement(
-        "select",
-        {
-          value: t ? t.value : "",
-          onChange: this.handleLangChange,
-          style: {
-            padding: "6px 8px",
-            borderRadius: 4,
-            border: "1px solid #ccc",
-            fontSize: 14
-          }
-        },
-        /* @__PURE__ */ u.createElement("option", { value: "", disabled: !0 }, "Select Language"),
-        W.map((l) => /* @__PURE__ */ u.createElement("option", { key: l.value, value: l.value }, l.label))
-      )), /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, /* @__PURE__ */ u.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" } }, /* @__PURE__ */ u.createElement("span", { style: { fontSize: 12, fontWeight: 500, color: "#666" } }, "AI Context"), s && /* @__PURE__ */ u.createElement(
+      /* @__PURE__ */ u.createElement(
         "button",
         {
           type: "button",
-          title: "Copy from origin email",
-          onClick: () => {
-            const l = s();
-            i(l);
-          },
-          style: {
-            background: "none",
-            border: "none",
-            cursor: "pointer",
-            display: "flex",
-            alignItems: "center",
-            padding: 2
-          }
+          onClick: this.togglePopper,
+          className: "icon-button small"
         },
-        /* @__PURE__ */ u.createElement(pe, { size: 14, color: "#1976d2" })
-      )), /* @__PURE__ */ u.createElement(
-        "textarea",
+        /* @__PURE__ */ u.createElement(Te, { size: 16 })
+      ),
+      c && /* @__PURE__ */ u.createElement(
+        "div",
         {
-          value: r,
-          onChange: (l) => i(l.target.value),
           style: {
-            width: "100%",
-            height: 120,
-            resize: "vertical",
-            padding: 8,
-            border: "1px solid #ccc",
-            borderRadius: 4,
-            fontSize: 13,
-            fontFamily: "inherit",
-            boxSizing: "border-box"
+            position: "absolute",
+            bottom: "100%",
+            left: 0,
+            zIndex: 1051,
+            background: "#fff",
+            border: "1px solid #ddd",
+            boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+            borderRadius: 8,
+            padding: 16,
+            width: 320,
+            marginBottom: 8
           }
-        }
-      )))
-    ));
+        },
+        /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 12 } }, /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, /* @__PURE__ */ u.createElement(
+          "span",
+          {
+            style: {
+              fontSize: 12,
+              fontWeight: 500,
+              color: "var(--text-secondary)"
+            }
+          },
+          "Language"
+        ), /* @__PURE__ */ u.createElement(
+          "select",
+          {
+            value: t ? t.value : "",
+            onChange: this.handleLangChange,
+            style: {
+              padding: "6px 8px",
+              borderRadius: 4,
+              border: "1px solid #ccc",
+              fontSize: 14
+            }
+          },
+          /* @__PURE__ */ u.createElement("option", { value: "", disabled: !0 }, "Select Language"),
+          W.map((a) => /* @__PURE__ */ u.createElement("option", { key: a.value, value: a.value }, a.label))
+        )), /* @__PURE__ */ u.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 4 } }, /* @__PURE__ */ u.createElement(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between"
+            }
+          },
+          /* @__PURE__ */ u.createElement(
+            "span",
+            {
+              style: {
+                fontSize: 12,
+                fontWeight: 500,
+                color: "var(--text-secondary)"
+              }
+            },
+            "AI Context"
+          ),
+          s && /* @__PURE__ */ u.createElement(
+            "button",
+            {
+              type: "button",
+              title: "Copy from origin email",
+              onClick: () => {
+                const a = s();
+                i(a);
+              },
+              className: "icon-button"
+            },
+            /* @__PURE__ */ u.createElement(pe, null)
+          )
+        ), /* @__PURE__ */ u.createElement(
+          "textarea",
+          {
+            value: r,
+            onChange: (a) => i(a.target.value),
+            style: {
+              width: "100%",
+              height: 120,
+              resize: "vertical",
+              padding: 8,
+              border: "1px solid #ccc",
+              borderRadius: 4,
+              fontSize: 13,
+              fontFamily: "inherit",
+              boxSizing: "border-box"
+            }
+          }
+        )))
+      )
+    );
   }
 }
 class bt extends u.Component {
@@ -1929,11 +1987,11 @@ class bt extends u.Component {
       this.setState({ message: t.target.value });
     });
     g(this, "handleSubmit", async () => {
-      const { message: t, messages: r, lang: i, originalEmail: s, conversationId: c } = this.state, { signer: l, baseUrl: h = "" } = this.props;
+      const { message: t, messages: r, lang: i, originalEmail: s, conversationId: c } = this.state, { signer: a, baseUrl: h = "" } = this.props;
       if (!t.trim()) return;
-      const a = Ee();
+      const l = Ee();
       let o = {
-        id: a,
+        id: l,
         question: t,
         subject: "",
         body: "",
@@ -1955,8 +2013,9 @@ class bt extends u.Component {
       c && (p.conversation_id = c), await Ae(p, {
         setContent: (y) => {
           this.setState((S) => ({ messages: S.messages.map(
-            (v) => v.id === a ? {
+            (v) => v.id === l ? {
               ...v,
+              subject: "Some thing not used",
               body: y,
               isLoading: !1,
               created_at: (/* @__PURE__ */ new Date()).getTime()
@@ -1965,13 +2024,13 @@ class bt extends u.Component {
         },
         setIsLoading: (y) => {
           this.setState((S) => ({ messages: S.messages.map(
-            (v) => v.id === a ? { ...v, isLoading: y } : v
+            (v) => v.id === l ? { ...v, isLoading: y } : v
           ) }));
         },
         setConversationId: (y) => {
           this.setState({ conversationId: y });
         },
-        signer: l,
+        signer: a,
         baseUrl: h
       }), this.setState({ isSending: !1 });
     });
@@ -1994,7 +2053,7 @@ class bt extends u.Component {
     };
   }
   render() {
-    const { onApply: t, getEditorContent: r } = this.props, { message: i, messages: s, isSending: c, lang: l, originalEmail: h } = this.state;
+    const { onApply: t, getEditorContent: r } = this.props, { message: i, messages: s, isSending: c, lang: a, originalEmail: h } = this.state;
     return /* @__PURE__ */ u.createElement(
       "div",
       {
@@ -2025,7 +2084,7 @@ class bt extends u.Component {
             flexDirection: "column",
             alignItems: "center",
             justifyContent: "center",
-            color: "#ccc"
+            color: "var(--grey-light)"
           }
         },
         /* @__PURE__ */ u.createElement(ze, { size: 46 }),
@@ -2035,7 +2094,7 @@ class bt extends u.Component {
             style: {
               marginTop: 16,
               fontWeight: 600,
-              color: "#999",
+              color: "inherit",
               fontSize: 18
             }
           },
@@ -2048,9 +2107,9 @@ class bt extends u.Component {
           style: {
             width: "100%",
             border: "1px solid #ddd",
-            borderRadius: 8,
+            borderRadius: 4,
             // overflow: "hidden",
-            background: c ? "#f9f9f9" : "#fff",
+            background: c ? "var(--background-lightGrey)" : "#fff",
             display: "flex",
             flexDirection: "column"
           }
@@ -2061,12 +2120,13 @@ class bt extends u.Component {
             value: i,
             onChange: this.handleMessageChange,
             placeholder: "Describe your email",
+            name: "ai-content",
             onKeyDown: this.handleKeyDown,
             disabled: c,
             style: {
               flex: 1,
               minWidth: 0,
-              borderRadius: 8,
+              borderRadius: 4,
               padding: 12,
               fontSize: 13,
               border: "none",
@@ -2093,7 +2153,7 @@ class bt extends u.Component {
           /* @__PURE__ */ u.createElement(
             dt,
             {
-              lang: l,
+              lang: a,
               setLang: this.setLang,
               originalEmail: h,
               setOriginalEmail: this.setOriginalEmail,
@@ -2105,21 +2165,10 @@ class bt extends u.Component {
             {
               disabled: !i.trim() || c,
               onClick: this.handleSubmit,
-              style: {
-                flexShrink: 0,
-                background: !i.trim() || c ? "#e0e0e0" : "#1976d2",
-                color: "#fff",
-                border: "none",
-                borderRadius: 4,
-                padding: "6px 12px",
-                cursor: !i.trim() || c ? "not-allowed" : "pointer",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                transition: "background 0.2s"
-              }
+              className: "icon-button",
+              color: "primary"
             },
-            /* @__PURE__ */ u.createElement(Ce, { size: 16 })
+            /* @__PURE__ */ u.createElement(Ce, null)
           )
         )
       )