diff --git a/scripts/chat.js b/scripts/chat.js
new file mode 100644
index 0000000..68d347d
--- /dev/null
+++ b/scripts/chat.js
@@ -0,0 +1,128 @@
+/**
+ * @name chat.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/chat.js
+ */
+
+async function init() {
+  new MutationObserver(function (mutationsList) {
+    for (const mutation of mutationsList) {
+      if (mutation.target.closest('form')) {
+        chatBtns();
+      }
+    }
+  }).observe(document.body, {
+    childList: true,
+    subtree: true,
+  });
+  document.addEventListener('visibilitychange', () =>
+    document.getElementsByTagName('textarea')[0]?.focus(),
+  );
+}
+
+async function chatBtns() {
+  const chatConf = (await invoke('get_app_conf')) || {};
+  const synth = window.speechSynthesis;
+  let currentUtterance = null;
+  let currentIndex = -1;
+  const list = Array.from(document.querySelectorAll('main >div>div>div>div>div'));
+  list.forEach((i, idx) => {
+    // if (i.querySelector('.chat-item-copy')) return;
+    if (i.querySelector('.chat-item-voice')) return;
+    if (!i.querySelector('button.rounded-md')) return;
+    if (!i.querySelector('.self-end')) return;
+    // const cpbtn = i.querySelector('button.rounded-md').cloneNode(true);
+    // cpbtn.classList.add('chat-item-copy');
+    // cpbtn.title = 'Copy to clipboard';
+    // cpbtn.innerHTML = setIcon('copy');
+    // i.querySelector('.self-end').appendChild(cpbtn);
+    // cpbtn.onclick = () => {
+    //   copyToClipboard(i?.innerText?.trim() || '', cpbtn);
+    // }
+
+    const saybtn = i.querySelector('button.rounded-md').cloneNode(true);
+    saybtn.classList.add('chat-item-voice');
+    saybtn.title = 'Say';
+    saybtn.innerHTML = setIcon('voice');
+    i.querySelector('.self-end').appendChild(saybtn);
+    saybtn.onclick = () => {
+      if (currentUtterance && currentIndex !== -1) {
+        synth.cancel();
+        if (idx === currentIndex) {
+          saybtn.innerHTML = setIcon('voice');
+          currentUtterance = null;
+          currentIndex = -1;
+          return;
+        } else if (list[currentIndex].querySelector('.chat-item-voice')) {
+          list[currentIndex].querySelector('.chat-item-voice').innerHTML = setIcon('voice');
+          list[idx].querySelector('.chat-item-voice').innerHTML = setIcon('speaking');
+        }
+      }
+      const txt = i?.innerText?.trim() || '';
+      if (!txt) return;
+      const utterance = new SpeechSynthesisUtterance(txt);
+      const voices = speechSynthesis.getVoices();
+      let voice = voices.find((voice) => voice.voiceURI === chatConf.speech_lang);
+      if (!voice) {
+        voice = voices.find((voice) => voice.lang === 'en-US');
+      }
+      utterance.voice = voice;
+      currentIndex = idx;
+      utterance.lang = voice.lang;
+      // utterance.rate = 0.7;
+      // utterance.pitch = 1.1;
+      // utterance.volume = 1;
+      synth.speak(utterance);
+      amISpeaking = synth.speaking;
+      saybtn.innerHTML = setIcon('speaking');
+      currentUtterance = utterance;
+      currentIndex = idx;
+      utterance.onend = () => {
+        saybtn.innerHTML = setIcon('voice');
+        currentUtterance = null;
+        currentIndex = -1;
+      };
+    };
+  });
+}
+
+// function copyToClipboard(text, btn) {
+//   window.clearTimeout(window.__cpTimeout);
+//   btn.innerHTML = setIcon('cpok');
+//   if (navigator.clipboard) {
+//     navigator.clipboard.writeText(text);
+//   } else {
+//     var textarea = document.createElement('textarea');
+//     document.body.appendChild(textarea);
+//     textarea.style.position = 'fixed';
+//     textarea.style.clip = 'rect(0 0 0 0)';
+//     textarea.style.top = '10px';
+//     textarea.value = text;
+//     textarea.select();
+//     document.execCommand('copy', true);
+//     document.body.removeChild(textarea);
+//   }
+//   window.__cpTimeout = setTimeout(() => {
+//     btn.innerHTML = setIcon('copy');
+//   }, 1000);
+// }
+
+function focusOnInput() {
+  // This currently works because there is only a single `<textarea>` element on the ChatGPT UI page.
+  document.getElementsByTagName('textarea')[0].focus();
+}
+
+function setIcon(type) {
+  return {
+    copy: `<svg class="chatappico copy" stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg>`,
+    cpok: `<svg class="chatappico cpok" viewBox="0 0 24 24"><g fill="none" stroke="#10a37f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M16 4h2a2 2 0 0 1 2 2v4m1 4H11"/><path d="m15 10l-4 4l4 4"/></g></svg>`,
+    voice: `<svg class="chatappico voice" viewBox="0 0 1024 1024"><path d="M542.923802 202.113207c-5.110391 0-10.717086 1.186012-16.572444 3.739161L360.043634 312.714188l-83.057671 0c-46.109154 0-83.433224 36.917818-83.433224 83.121116l0 166.646438c0 45.952588 36.950564 83.153862 83.433224 83.153862l83.057671 0 166.307723 106.829074c23.550369 10.218736 41.745776-0.717338 41.745776-23.898293L568.097134 229.687216C568.096111 212.426087 557.753555 202.113207 542.923802 202.113207z" fill="currentColor"></path><path d="M794.154683 314.39548c-16.758686-28.537963-33.771151-48.258097-45.610804-58.882062-3.986801-3.489474-8.972349-5.233188-13.833053-5.233188-5.79396 0-11.464099 2.337231-15.57779 6.91448-7.662517 8.631588-6.976902 21.808702 1.620917 29.410843 1.994424 1.744737 5.856381 5.700839 11.154038 11.777231 9.033747 10.437723 18.006096 22.774703 26.419719 37.072337 24.235984 41.033555 38.755676 89.011266 38.755676 143.688563 0 54.705949-14.519692 102.651938-38.755676 143.810337-8.414647 14.20656-17.448394 26.668383-26.484188 37.07336-5.234211 6.076392-9.096169 10.033517-11.149944 11.778254-8.538467 7.603165-9.224082 20.717857-1.683339 29.40982 7.599072 8.473999 20.807908 9.222035 29.40982 1.650593 11.900028-10.562567 28.910447-30.252001 45.732577-58.850339 27.79095-47.078225 44.490284-102.3122 44.490284-164.872025C838.708412 416.646282 821.946656 361.470635 794.154683 314.39548z" fill="currentColor"></path><path d="M690.846806 377.360534c-8.723685-17.790178-17.698081-30.2827-24.301476-37.260625-4.111644-4.3951-9.595542-6.544043-15.139815-6.544043-5.110391 0-10.159384 1.774413-14.270005 5.54632-8.350179 7.881504-8.847505 20.99722-0.997724 29.471219 3.927449 4.112668 10.468422 13.304004 17.448394 27.199479 11.587919 23.77038 18.567891 51.559283 18.567891 83.370803 0 31.80845-6.978948 59.72322-18.567891 83.400478-6.978948 13.892405-13.520945 23.052019-17.448394 27.259854-7.850805 8.410554-7.353478 21.559015 0.997724 29.440519 8.473999 7.882528 21.559015 7.353478 29.474288-1.025353 6.53995-7.011694 15.513322-19.440771 24.238031-37.356816 14.393825-29.189809 22.992667-63.243393 22.992667-101.781104C713.839473 440.603927 705.241654 406.583089 690.846806 377.360534z" fill="currentColor"></path></svg>`,
+    speaking: `<svg class="chatappico voice" viewBox="0 0 1024 1024"><path d="M542.923802 202.113207c-5.110391 0-10.717086 1.186012-16.572444 3.739161L360.043634 312.714188l-83.057671 0c-46.109154 0-83.433224 36.917818-83.433224 83.121116l0 166.646438c0 45.952588 36.950564 83.153862 83.433224 83.153862l83.057671 0 166.307723 106.829074c23.550369 10.218736 41.745776-0.717338 41.745776-23.898293L568.097134 229.687216C568.096111 212.426087 557.753555 202.113207 542.923802 202.113207z" fill="#10a37f"></path><path d="M794.154683 314.39548c-16.758686-28.537963-33.771151-48.258097-45.610804-58.882062-3.986801-3.489474-8.972349-5.233188-13.833053-5.233188-5.79396 0-11.464099 2.337231-15.57779 6.91448-7.662517 8.631588-6.976902 21.808702 1.620917 29.410843 1.994424 1.744737 5.856381 5.700839 11.154038 11.777231 9.033747 10.437723 18.006096 22.774703 26.419719 37.072337 24.235984 41.033555 38.755676 89.011266 38.755676 143.688563 0 54.705949-14.519692 102.651938-38.755676 143.810337-8.414647 14.20656-17.448394 26.668383-26.484188 37.07336-5.234211 6.076392-9.096169 10.033517-11.149944 11.778254-8.538467 7.603165-9.224082 20.717857-1.683339 29.40982 7.599072 8.473999 20.807908 9.222035 29.40982 1.650593 11.900028-10.562567 28.910447-30.252001 45.732577-58.850339 27.79095-47.078225 44.490284-102.3122 44.490284-164.872025C838.708412 416.646282 821.946656 361.470635 794.154683 314.39548z" fill="#10a37f"></path><path d="M690.846806 377.360534c-8.723685-17.790178-17.698081-30.2827-24.301476-37.260625-4.111644-4.3951-9.595542-6.544043-15.139815-6.544043-5.110391 0-10.159384 1.774413-14.270005 5.54632-8.350179 7.881504-8.847505 20.99722-0.997724 29.471219 3.927449 4.112668 10.468422 13.304004 17.448394 27.199479 11.587919 23.77038 18.567891 51.559283 18.567891 83.370803 0 31.80845-6.978948 59.72322-18.567891 83.400478-6.978948 13.892405-13.520945 23.052019-17.448394 27.259854-7.850805 8.410554-7.353478 21.559015 0.997724 29.440519 8.473999 7.882528 21.559015 7.353478 29.474288-1.025353 6.53995-7.011694 15.513322-19.440771 24.238031-37.356816 14.393825-29.189809 22.992667-63.243393 22.992667-101.781104C713.839473 440.603927 705.241654 406.583089 690.846806 377.360534z" fill="#10a37f"></path></svg>`,
+  }[type];
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}
diff --git a/scripts/cmd.js b/scripts/cmd.js
new file mode 100644
index 0000000..9f3591a
--- /dev/null
+++ b/scripts/cmd.js
@@ -0,0 +1,342 @@
+/**
+ * @name cmd.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/cmd.js
+ */
+
+function init() {
+  const styleDom = document.createElement('style');
+  styleDom.innerHTML = `form {
+    position: relative;
+  }
+  .chat-model-cmd-list {
+    position: absolute;
+    bottom: 60px;
+    max-height: 100px;
+    overflow: auto;
+    z-index: 9999;
+  }
+  .chat-model-cmd-list>div {
+    border: solid 2px rgba(80,80,80,.3);
+    border-radius: 5px;
+    background-color: #fff;
+  }
+
+  html.dark .chat-model-cmd-list>div {
+    background-color: #4a4a4a;
+  }
+  html.dark .chat-model-cmd-list .cmd-item {
+    border-color: #666;
+  }
+  html.dark .chat-model-cmd-list .cmd-item b {
+    color: #e8e8e8;
+  }
+  html.dark .chat-model-cmd-list .cmd-item i {
+    color: #999;
+  }
+  html.dark .chat-model-cmd-list .cmd-item.selected {
+    background: rgba(59,130,246,.5);
+  }
+
+  .chat-model-cmd-list .cmd-item {
+    font-size: 12px;
+    border-bottom: solid 1px rgba(80,80,80,.2);
+    padding: 2px 4px;
+    display: flex;
+    user-select: none;
+    cursor: pointer;
+  }
+  .chat-model-cmd-list .cmd-item:last-child {
+    border-bottom: none;
+  }
+  .chat-model-cmd-list .cmd-item.selected {
+    background: rgba(59,130,246,.3);
+  }
+  .chat-model-cmd-list .cmd-item b {
+    display: inline-block;
+    width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border-radius: 4px;
+    margin-right: 10px;
+    color: #2a2a2a;
+  }
+  .chat-model-cmd-list .cmd-item i {
+    width: 100%;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: right;
+    color: #888;
+  }
+  .chatappico {
+    width: 20px;
+    height: 20px;
+  }
+  .chatappico.pdf, .chatappico.md {
+    width: 22px;
+    height: 22px;
+  }
+  .chatappico.copy {
+    width: 16px;
+    height: 16px;
+  }
+  .chatappico.cpok {
+    width: 16px;
+    height: 16px;
+  }
+  .chatappico.refresh {
+    width: 22px;
+    height: 22px;
+  }
+  #download-markdown-button,
+  #download-png-button,
+  #download-pdf-button,
+  #refresh-page-button {
+    border: none;
+  }
+  @media screen and (max-width: 767px) {
+    #download-png-button, #download-pdf-button, #download-html-button {
+      display: none;
+    }
+  }
+  `;
+  document.head.append(styleDom);
+
+  if (window.formInterval) {
+    clearInterval(window.formInterval);
+  }
+  window.formInterval = setInterval(() => {
+    const form = document.querySelector('form textarea');
+    if (!form) return;
+    clearInterval(window.formInterval);
+    cmdTip();
+    new MutationObserver(function (mutationsList) {
+      for (const mutation of mutationsList) {
+        if (mutation.target.getAttribute('id') === '__next') {
+          initDom();
+          cmdTip();
+        }
+        if (mutation.target.getAttribute('class') === 'chat-model-cmd-list') {
+          // The `chatgpt prompt` fill can be done by clicking on the event.
+          const searchDom = document.querySelector('form .chat-model-cmd-list>div');
+          const searchInput = document.querySelector('form textarea');
+          if (!searchDom) return;
+          searchDom.addEventListener('click', (event) => {
+            const item = event.target.closest('div');
+            if (item) {
+              const val = decodeURIComponent(item.getAttribute('data-prompt'));
+              searchInput.value = val;
+              document.querySelector('form textarea').focus();
+              initDom();
+            }
+          });
+        }
+      }
+    }).observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+  }, 300);
+}
+
+async function cmdTip() {
+  initDom();
+  const chatModelJson = (await invoke('get_chat_model_cmd')) || {};
+  const data = chatModelJson.data;
+  if (data.length <= 0) return;
+
+  let modelDom = document.querySelector('.chat-model-cmd-list');
+  if (!modelDom) {
+    const dom = document.createElement('div');
+    dom.classList.add('chat-model-cmd-list');
+    document.querySelector('form').appendChild(dom);
+    modelDom = document.querySelector('.chat-model-cmd-list');
+
+    // fix: tray window
+    if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
+      modelDom.style.bottom = '54px';
+    }
+
+    const itemDom = (v) =>
+      `<div class="cmd-item" title="${v.prompt}" data-cmd="${
+        v.cmd
+      }" data-prompt="${encodeURIComponent(v.prompt)}"><b title="${v.cmd}">/${v.cmd}</b><i>${
+        v.act
+      }</i></div>`;
+    const renderList = (v) => {
+      initDom();
+      modelDom.innerHTML = `<div>${v.map(itemDom).join('')}</div>`;
+      window.__CHAT_MODEL_CMD_PROMPT__ = v[0]?.prompt.trim();
+      window.__CHAT_MODEL_CMD__ = v[0]?.cmd.trim();
+      window.__cmd_list = modelDom.querySelectorAll('.cmd-item');
+      window.__cmd_index = 0;
+      window.__cmd_list[window.__cmd_index].classList.add('selected');
+    };
+    const setPrompt = (v = '') => {
+      if (v.trim()) {
+        window.__CHAT_MODEL_CMD_PROMPT__ = window.__CHAT_MODEL_CMD_PROMPT__?.replace(
+          /\{([^{}]*)\}/,
+          `{${v.trim()}}`,
+        );
+      }
+    };
+    const searchInput = document.querySelector('form textarea');
+
+    // Enter a command starting with `/` and press a space to automatically fill `chatgpt prompt`.
+    // If more than one command appears in the search results, the first one will be used by default.
+    function cmdKeydown(event) {
+      if (!window.__CHAT_MODEL_CMD_PROMPT__) {
+        if (
+          !event.shiftKey &&
+          event.keyCode === 13 &&
+          __TAURI_METADATA__.__currentWindow.label === 'tray'
+        ) {
+          const btn = document.querySelector('form button');
+          if (btn) btn.click();
+          event.preventDefault();
+        }
+        return;
+      }
+
+      // ------------------ Keyboard scrolling (ArrowUp | ArrowDown) --------------------------
+      if (event.keyCode === 38 && window.__cmd_index > 0) {
+        // ArrowUp
+        window.__cmd_list[window.__cmd_index].classList.remove('selected');
+        window.__cmd_index = window.__cmd_index - 1;
+        window.__cmd_list[window.__cmd_index].classList.add('selected');
+        window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(
+          window.__cmd_list[window.__cmd_index].getAttribute('data-prompt'),
+        );
+        searchInput.value = `/${window.__cmd_list[window.__cmd_index].getAttribute('data-cmd')}`;
+        event.preventDefault();
+      }
+
+      if (event.keyCode === 40 && window.__cmd_index < window.__cmd_list.length - 1) {
+        // ArrowDown
+        window.__cmd_list[window.__cmd_index].classList.remove('selected');
+        window.__cmd_index = window.__cmd_index + 1;
+        window.__cmd_list[window.__cmd_index].classList.add('selected');
+        window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(
+          window.__cmd_list[window.__cmd_index].getAttribute('data-prompt'),
+        );
+        searchInput.value = `/${window.__cmd_list[window.__cmd_index].getAttribute('data-cmd')}`;
+        event.preventDefault();
+      }
+
+      const containerHeight = modelDom.offsetHeight;
+      const itemHeight = window.__cmd_list[0].offsetHeight + 1;
+
+      const itemTop = window.__cmd_list[window.__cmd_index].offsetTop;
+      const itemBottom = itemTop + itemHeight;
+      if (itemTop < modelDom.scrollTop || itemBottom > modelDom.scrollTop + containerHeight) {
+        modelDom.scrollTop = itemTop;
+      }
+
+      // ------------------ TAB key replaces `{q}` tag content -------------------------------
+      // feat: https://github.com/lencx/ChatGPT/issues/54
+      if (event.keyCode === 9 && !window.__CHAT_MODEL_STATUS__) {
+        const strGroup = window.__CHAT_MODEL_CMD_PROMPT__.match(/\{([^{}]*)\}/) || [];
+
+        if (strGroup[1]) {
+          searchInput.value = `/${window.__CHAT_MODEL_CMD__}` + ` {${strGroup[1]}}` + ' |-> ';
+          window.__CHAT_MODEL_STATUS__ = 1;
+        } else {
+          searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+          initDom();
+        }
+        event.preventDefault();
+      }
+
+      if (window.__CHAT_MODEL_STATUS__ === 1 && event.keyCode === 9) {
+        // TAB
+        const data = searchInput.value.split('|->');
+        if (data[1]?.trim()) {
+          setPrompt(data[1]);
+          window.__CHAT_MODEL_STATUS__ = 2;
+        }
+        event.preventDefault();
+      }
+
+      // input text
+      if (window.__CHAT_MODEL_STATUS__ === 2 && event.keyCode === 9) {
+        // TAB
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+        modelDom.innerHTML = '';
+        delete window.__CHAT_MODEL_STATUS__;
+        event.preventDefault();
+      }
+
+      // ------------------ type in a space to complete the fill ------------------------------------
+      if (event.keyCode === 32) {
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+        modelDom.innerHTML = '';
+        delete window.__CHAT_MODEL_CMD_PROMPT__;
+      }
+
+      // ------------------ send --------------------------------------------------------------------
+      if (event.keyCode === 13 && window.__CHAT_MODEL_CMD_PROMPT__) {
+        // Enter
+        const data = searchInput.value.split('|->');
+        setPrompt(data[1]);
+
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+
+        initDom();
+
+        event.preventDefault();
+      }
+    }
+    searchInput.removeEventListener('keydown', cmdKeydown, { capture: true });
+    searchInput.addEventListener('keydown', cmdKeydown, { capture: true });
+
+    function cmdInput() {
+      if (searchInput.value === '') {
+        initDom();
+      }
+
+      if (window.__CHAT_MODEL_STATUS__) return;
+
+      const query = searchInput.value;
+      if (!query || !/^\//.test(query)) {
+        initDom();
+        return;
+      }
+
+      // all cmd result
+      if (query === '/') {
+        renderList(data);
+        return;
+      }
+
+      const result = data.filter((i) => new RegExp(query.substring(1)).test(i.cmd));
+      if (result.length > 0) {
+        renderList(result);
+      } else {
+        initDom();
+      }
+    }
+    searchInput.removeEventListener('input', cmdInput);
+    searchInput.addEventListener('input', cmdInput);
+  }
+}
+
+function initDom() {
+  const modelDom = document.querySelector('.chat-model-cmd-list');
+  if (modelDom) {
+    modelDom.innerHTML = '';
+  }
+  delete window.__CHAT_MODEL_CMD_PROMPT__;
+  delete window.__CHAT_MODEL_CMD__;
+  delete window.__CHAT_MODEL_STATUS__;
+  delete window.__cmd_list;
+  delete window.__cmd_index;
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}
diff --git a/scripts/core.js b/scripts/core.js
new file mode 100644
index 0000000..1cf0ef9
--- /dev/null
+++ b/scripts/core.js
@@ -0,0 +1,201 @@
+/**
+ * @name core.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/core.js
+ */
+
+const uid = () => window.crypto.getRandomValues(new Uint32Array(1))[0];
+function transformCallback(callback = () => {}, once = false) {
+  const identifier = uid();
+  const prop = `_${identifier}`;
+  Object.defineProperty(window, prop, {
+    value: (result) => {
+      if (once) {
+        Reflect.deleteProperty(window, prop);
+      }
+      return callback(result);
+    },
+    writable: false,
+    configurable: true,
+  });
+  return identifier;
+}
+async function invoke(cmd, args) {
+  return new Promise((resolve, reject) => {
+    if (!window.__TAURI_POST_MESSAGE__) reject('__TAURI_POST_MESSAGE__ does not exist!');
+    const callback = transformCallback((e) => {
+      resolve(e);
+      Reflect.deleteProperty(window, `_${error}`);
+    }, true);
+    const error = transformCallback((e) => {
+      reject(e);
+      Reflect.deleteProperty(window, `_${callback}`);
+    }, true);
+    window.__TAURI_POST_MESSAGE__({
+      cmd,
+      callback,
+      error,
+      ...args,
+    });
+  });
+}
+
+async function message(message) {
+  invoke('messageDialog', {
+    __tauriModule: 'Dialog',
+    message: {
+      cmd: 'messageDialog',
+      message: message.toString(),
+      title: null,
+      type: null,
+      buttonLabel: null,
+    },
+  });
+}
+
+window.uid = uid;
+window.invoke = invoke;
+window.message = message;
+window.transformCallback = transformCallback;
+
+async function init() {
+  if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
+    document.getElementsByTagName('html')[0].style['font-size'] = '70%';
+  }
+
+  async function platform() {
+    return invoke('platform', {
+      __tauriModule: 'Os',
+      message: { cmd: 'platform' },
+    });
+  }
+
+  if (__TAURI_METADATA__.__currentWindow.label !== 'tray') {
+    const _platform = await platform();
+    const chatConf = (await invoke('get_app_conf')) || {};
+    if (/darwin/.test(_platform) && !chatConf.titlebar) {
+      const topStyleDom = document.createElement('style');
+      topStyleDom.innerHTML = `#chatgpt-app-window-top{position:fixed;top:0;z-index:999999999;width:100%;height:24px;background:transparent;cursor:grab;cursor:-webkit-grab;user-select:none;-webkit-user-select:none;}#chatgpt-app-window-top:active {cursor:grabbing;cursor:-webkit-grabbing;}`;
+      document.head.appendChild(topStyleDom);
+      const topDom = document.createElement('div');
+      topDom.id = 'chatgpt-app-window-top';
+      document.body.appendChild(topDom);
+
+      if (window.location.host === 'chat.openai.com') {
+        const nav = document.body.querySelector('nav');
+        if (nav) {
+          const currentPaddingTop = parseInt(
+            window
+              .getComputedStyle(document.querySelector('nav'), null)
+              .getPropertyValue('padding-top')
+              .replace('px', ''),
+            10,
+          );
+          const navStyleDom = document.createElement('style');
+          navStyleDom.innerHTML = `nav{padding-top:${
+            currentPaddingTop + topDom.clientHeight
+          }px !important}`;
+          document.head.appendChild(navStyleDom);
+        }
+      }
+
+      topDom.addEventListener('mousedown', () => invoke('drag_window'));
+      topDom.addEventListener('touchstart', () => invoke('drag_window'));
+      topDom.addEventListener('dblclick', () => invoke('fullscreen'));
+    }
+  }
+
+  document.addEventListener('click', (e) => {
+    const origin = e.target.closest('a');
+    if (!origin || !origin.target) return;
+    if (origin && origin.href && origin.target !== '_self') {
+      invoke('open_link', { url: origin.href });
+    }
+  });
+
+  // Fix Chinese input method "Enter" on Safari
+  document.addEventListener(
+    'keydown',
+    (e) => {
+      if (e.keyCode == 229) e.stopPropagation();
+    },
+    true,
+  );
+
+  if (window.location.host === 'chat.openai.com') {
+    window.__sync_prompts = async function () {
+      await invoke('sync_prompts', { time: Date.now() });
+    };
+  }
+
+  coreZoom();
+}
+
+function coreZoom() {
+  const styleDom = document.createElement('style');
+  styleDom.innerHTML = `
+  #ZoomTopTip {
+    display: none;
+    position: fixed;
+    top: 0;
+    right: 20px;
+    background: #2a2a2a;
+    color: #fafafa;
+    padding: 20px 15px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    font-size: 16px;
+    font-weight: bold;
+    z-index: 999999;
+    box-shadow: 0 2px 2px 2px #d8d8d8;
+  }
+  .ZoomTopTipAni {
+    transition: opacity 200ms, display 200ms;
+    display: none;
+    opacity: 0;
+  }
+  `;
+  document.head.append(styleDom);
+  const zoomTipDom = document.createElement('div');
+  zoomTipDom.id = 'ZoomTopTip';
+  document.body.appendChild(zoomTipDom);
+  function zoom(callback) {
+    if (window.zoomSetTimeout) clearTimeout(window.zoomSetTimeout);
+    const htmlZoom = window.localStorage.getItem('htmlZoom') || '100%';
+    const html = document.getElementsByTagName('html')[0];
+    const zoom = callback(htmlZoom);
+    html.style.zoom = zoom;
+    window.localStorage.setItem('htmlZoom', zoom);
+    zoomTipDom.innerHTML = zoom;
+    zoomTipDom.style.display = 'block';
+    zoomTipDom.classList.remove('ZoomTopTipAni');
+    window.zoomSetTimeout = setTimeout(() => {
+      zoomTipDom.classList.add('ZoomTopTipAni');
+    }, 2500);
+  }
+  function zoomDefault() {
+    const htmlZoom = window.localStorage.getItem('htmlZoom');
+    if (htmlZoom) {
+      document.getElementsByTagName('html')[0].style.zoom = htmlZoom;
+    }
+  }
+  function zoomIn() {
+    zoom((htmlZoom) => `${Math.min(parseInt(htmlZoom) + 10, 200)}%`);
+  }
+  function zoomOut() {
+    zoom((htmlZoom) => `${Math.max(parseInt(htmlZoom) - 10, 30)}%`);
+  }
+  function zoom0() {
+    zoom(() => `100%`);
+  }
+  zoomDefault();
+  window.__zoomIn = zoomIn;
+  window.__zoomOut = zoomOut;
+  window.__zoom0 = zoom0;
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}
diff --git a/scripts/dalle2.js b/scripts/dalle2.js
new file mode 100644
index 0000000..4986cf7
--- /dev/null
+++ b/scripts/dalle2.js
@@ -0,0 +1,41 @@
+/**
+ * @name dalle2.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/dalle2.js
+ */
+
+function init() {
+  document.addEventListener('click', (e) => {
+    const origin = e.target.closest('a');
+    if (!origin || !origin.target) return;
+    if (origin && origin.href && origin.target !== '_self') {
+      if (/\/(login|signup)$/.test(window.location.href)) {
+        origin.target = '_self';
+      } else {
+        invoke('open_link', { url: origin.href });
+      }
+    }
+  });
+
+  if (window.searchInterval) {
+    clearInterval(window.searchInterval);
+  }
+
+  window.searchInterval = setInterval(() => {
+    const searchInput = document.querySelector('.image-prompt-form-wrapper form>.text-input');
+    if (searchInput) {
+      clearInterval(window.searchInterval);
+
+      if (!window.__CHATGPT_QUERY__) return;
+      const query = decodeURIComponent(window.__CHATGPT_QUERY__);
+      searchInput.focus();
+      searchInput.value = query;
+    }
+  }, 200);
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}
diff --git a/scripts/export.js b/scripts/export.js
new file mode 100644
index 0000000..39154c2
--- /dev/null
+++ b/scripts/export.js
@@ -0,0 +1,322 @@
+/**
+ * @name export.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/export.js
+ */
+
+async function init() {
+  if (window.location.pathname === '/auth/login') return;
+  const buttonOuterHTMLFallback = `<button class="btn flex justify-center gap-2 btn-neutral">Try Again</button>`;
+  removeButtons();
+  if (window.buttonsInterval) {
+    clearInterval(window.buttonsInterval);
+  }
+  if (window.innerWidth < 767) return;
+
+  const chatConf = (await invoke('get_app_conf')) || {};
+  window.buttonsInterval = setInterval(() => {
+    const actionsArea = document.querySelector('form>div>div>div');
+    const hasBtn = document.querySelector('form>div>div>div button');
+    if (!actionsArea || !hasBtn) {
+      return;
+    }
+
+    if (shouldAddButtons(actionsArea)) {
+      let TryAgainButton = actionsArea.querySelector('button');
+      if (!TryAgainButton) {
+        const parentNode = document.createElement('div');
+        parentNode.innerHTML = buttonOuterHTMLFallback;
+        TryAgainButton = parentNode.querySelector('button');
+      }
+      addActionsButtons(actionsArea, TryAgainButton, chatConf);
+    } else if (shouldRemoveButtons()) {
+      removeButtons();
+    }
+  }, 1000);
+
+  const Format = {
+    PNG: 'png',
+    PDF: 'pdf',
+  };
+
+  function shouldRemoveButtons() {
+    if (document.querySelector('form .text-2xl')) {
+      return true;
+    }
+    return false;
+  }
+
+  function shouldAddButtons(actionsArea) {
+    // first, check if there's a "Try Again" button and no other buttons
+    const buttons = actionsArea.querySelectorAll('button');
+
+    const hasTryAgainButton = Array.from(buttons).some((button) => {
+      return !/download-/.test(button.id);
+    });
+
+    const stopBtn = buttons?.[0]?.innerText;
+
+    if (/Stop generating/gi.test(stopBtn)) {
+      return false;
+    }
+
+    if (
+      buttons.length === 2 &&
+      (/Regenerate response/gi.test(stopBtn) || buttons[1].innerText === '')
+    ) {
+      return true;
+    }
+
+    if (hasTryAgainButton && buttons.length === 1) {
+      return true;
+    }
+
+    // otherwise, check if open screen is not visible
+    const isOpenScreen = document.querySelector('h1.text-4xl');
+    if (isOpenScreen) {
+      return false;
+    }
+
+    // check if the conversation is finished and there are no share buttons
+    const finishedConversation = document.querySelector('form button>svg');
+    const hasShareButtons = actionsArea.querySelectorAll('button[share-ext]');
+    if (finishedConversation && !hasShareButtons.length) {
+      return true;
+    }
+
+    return false;
+  }
+
+  function removeButtons() {
+    const downloadPngButton = document.getElementById('download-png-button');
+    const downloadPdfButton = document.getElementById('download-pdf-button');
+    const downloadMdButton = document.getElementById('download-markdown-button');
+    const refreshButton = document.getElementById('refresh-page-button');
+    if (downloadPngButton) {
+      downloadPngButton.remove();
+    }
+    if (downloadPdfButton) {
+      downloadPdfButton.remove();
+    }
+    if (downloadPdfButton) {
+      downloadMdButton.remove();
+    }
+    if (refreshButton) {
+      refreshButton.remove();
+    }
+  }
+
+  function addActionsButtons(actionsArea, TryAgainButton) {
+    // Export markdown
+    const exportMd = TryAgainButton.cloneNode(true);
+    exportMd.id = 'download-markdown-button';
+    exportMd.setAttribute('share-ext', 'true');
+    exportMd.title = 'Export Markdown';
+
+    exportMd.innerHTML = setIcon('md');
+    exportMd.onclick = () => {
+      exportMarkdown();
+    };
+    actionsArea.appendChild(exportMd);
+
+    // Generate PNG
+    const downloadPngButton = TryAgainButton.cloneNode(true);
+    downloadPngButton.id = 'download-png-button';
+    downloadPngButton.setAttribute('share-ext', 'true');
+    downloadPngButton.title = 'Generate PNG';
+    downloadPngButton.innerHTML = setIcon('png');
+    downloadPngButton.onclick = () => {
+      downloadThread();
+    };
+    actionsArea.appendChild(downloadPngButton);
+
+    // Generate PDF
+    const downloadPdfButton = TryAgainButton.cloneNode(true);
+    downloadPdfButton.id = 'download-pdf-button';
+    downloadPdfButton.setAttribute('share-ext', 'true');
+    downloadPdfButton.title = 'Download PDF';
+    downloadPdfButton.innerHTML = setIcon('pdf');
+    downloadPdfButton.onclick = () => {
+      downloadThread({ as: Format.PDF });
+    };
+    actionsArea.appendChild(downloadPdfButton);
+
+    // Refresh
+    const refreshButton = TryAgainButton.cloneNode(true);
+    refreshButton.id = 'refresh-page-button';
+    refreshButton.title = 'Refresh the Page';
+    refreshButton.innerHTML = setIcon('refresh');
+    refreshButton.onclick = () => {
+      window.location.reload();
+    };
+    actionsArea.appendChild(refreshButton);
+  }
+
+  async function exportMarkdown() {
+    const content = Array.from(document.querySelectorAll('main .items-center>div'))
+      .map((i) => {
+        let j = i.cloneNode(true);
+        if (/dark\:bg-gray-800/.test(i.getAttribute('class'))) {
+          j.innerHTML = `<blockquote>${i.innerHTML}</blockquote>`;
+        }
+        return j.innerHTML;
+      })
+      .join('');
+    const data = ExportMD.turndown(content);
+    const { id, filename } = getName();
+    await invoke('save_file', { name: `notes/${id}.md`, content: data });
+    await invoke('download_list', { pathname: 'chat.notes.json', filename, id, dir: 'notes' });
+  }
+
+  function downloadThread({ as = Format.PNG } = {}) {
+    const elements = new Elements();
+    elements.fixLocation();
+    const pixelRatio = window.devicePixelRatio;
+    const minRatio = as === Format.PDF ? 2 : 2.5;
+    window.devicePixelRatio = Math.max(pixelRatio, minRatio);
+
+    html2canvas(elements.thread, {
+      letterRendering: true,
+    }).then(async function (canvas) {
+      elements.restoreLocation();
+      window.devicePixelRatio = pixelRatio;
+      const imgData = canvas.toDataURL('image/png');
+      requestAnimationFrame(() => {
+        if (as === Format.PDF) {
+          return handlePdf(imgData, canvas, pixelRatio);
+        } else {
+          handleImg(imgData);
+        }
+      });
+    });
+  }
+
+  async function handleImg(imgData) {
+    const binaryData = atob(imgData.split('base64,')[1]);
+    const data = [];
+    for (let i = 0; i < binaryData.length; i++) {
+      data.push(binaryData.charCodeAt(i));
+    }
+    const name = `ChatGPT_${formatDateTime()}.png`;
+    await invoke('download_file', { name: name, blob: data });
+  }
+
+  async function handlePdf(imgData, canvas, pixelRatio) {
+    const { jsPDF } = window.jspdf;
+    const orientation = canvas.width > canvas.height ? 'l' : 'p';
+    var pdf = new jsPDF(orientation, 'pt', [canvas.width / pixelRatio, canvas.height / pixelRatio]);
+    var pdfWidth = pdf.internal.pageSize.getWidth();
+    var pdfHeight = pdf.internal.pageSize.getHeight();
+    pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight, '', 'FAST');
+    const data = pdf.__private__.getArrayBuffer(pdf.__private__.buildDocument());
+
+    const name = `ChatGPT_${formatDateTime()}.pdf`;
+    await invoke('download_file', { name: name, blob: Array.from(new Uint8Array(data)) });
+  }
+
+  class Elements {
+    constructor() {
+      this.init();
+    }
+    init() {
+      // this.threadWrapper = document.querySelector(".cdfdFe");
+      this.spacer = document.querySelector("[class*='h-48'].w-full.flex-shrink-0");
+      this.thread = document.querySelector(
+        "[class*='react-scroll-to-bottom']>[class*='react-scroll-to-bottom']>div",
+      );
+
+      // fix: old chat https://github.com/lencx/ChatGPT/issues/185
+      if (!this.thread) {
+        this.thread = document.querySelector('main .overflow-y-auto');
+      }
+
+      // h-full overflow-y-auto
+      this.positionForm = document.querySelector('form').parentNode;
+      // this.styledThread = document.querySelector("main");
+      // this.threadContent = document.querySelector(".gAnhyd");
+      this.scroller = Array.from(document.querySelectorAll('[class*="react-scroll-to"]')).filter(
+        (el) => el.classList.contains('h-full'),
+      )[0];
+
+      // fix: old chat
+      if (!this.scroller) {
+        this.scroller = document.querySelector('main .overflow-y-auto');
+      }
+
+      this.hiddens = Array.from(document.querySelectorAll('.overflow-hidden'));
+      this.images = Array.from(document.querySelectorAll('img[srcset]'));
+    }
+    fixLocation() {
+      this.hiddens.forEach((el) => {
+        el.classList.remove('overflow-hidden');
+      });
+      this.spacer.style.display = 'none';
+      this.thread.style.maxWidth = '960px';
+      this.thread.style.marginInline = 'auto';
+      this.positionForm.style.display = 'none';
+      this.scroller.classList.remove('h-full');
+      this.scroller.style.minHeight = '100vh';
+      this.images.forEach((img) => {
+        const srcset = img.getAttribute('srcset');
+        img.setAttribute('srcset_old', srcset);
+        img.setAttribute('srcset', '');
+      });
+      //Fix to the text shifting down when generating the canvas
+      document.body.style.lineHeight = '0.5';
+    }
+    restoreLocation() {
+      this.hiddens.forEach((el) => {
+        el.classList.add('overflow-hidden');
+      });
+      this.spacer.style.display = null;
+      this.thread.style.maxWidth = null;
+      this.thread.style.marginInline = null;
+      this.positionForm.style.display = null;
+      this.scroller.classList.add('h-full');
+      this.scroller.style.minHeight = null;
+      this.images.forEach((img) => {
+        const srcset = img.getAttribute('srcset_old');
+        img.setAttribute('srcset', srcset);
+        img.setAttribute('srcset_old', '');
+      });
+      document.body.style.lineHeight = null;
+    }
+  }
+
+  function setIcon(type) {
+    return {
+      // link: `<svg class="chatappico" viewBox="0 0 1024 1024"><path d="M1007.382 379.672L655.374 75.702C624.562 49.092 576 70.694 576 112.03v160.106C254.742 275.814 0 340.2 0 644.652c0 122.882 79.162 244.618 166.666 308.264 27.306 19.862 66.222-5.066 56.154-37.262C132.132 625.628 265.834 548.632 576 544.17V720c0 41.4 48.6 62.906 79.374 36.328l352.008-304c22.142-19.124 22.172-53.506 0-72.656z" p-id="8506" fill="currentColor"></path></svg>`,
+      png: `<svg class="chatappico" viewBox="0 0 1070 1024"><path d="M981.783273 0H85.224727C38.353455 0 0 35.374545 0 83.083636v844.893091c0 47.616 38.353455 86.574545 85.178182 86.574546h903.633454c46.917818 0 81.733818-38.958545 81.733819-86.574546V83.083636C1070.592 35.374545 1028.701091 0 981.783273 0zM335.825455 135.912727c74.193455 0 134.330182 60.974545 134.330181 136.285091 0 75.170909-60.136727 136.192-134.330181 136.192-74.286545 0-134.516364-61.021091-134.516364-136.192 0-75.264 60.229818-136.285091 134.516364-136.285091z m-161.512728 745.937455a41.890909 41.890909 0 0 1-27.648-10.379637 43.752727 43.752727 0 0 1-4.654545-61.067636l198.097454-255.162182a42.123636 42.123636 0 0 1 57.716364-6.702545l116.549818 128.139636 286.906182-352.814545c14.615273-18.711273 90.251636-106.775273 135.866182-6.935273 0.093091-0.093091 0.093091 112.965818 0.232727 247.761455 0.093091 140.8 0.093091 317.067636 0.093091 317.067636-1.024-0.093091-762.740364 0.093091-763.112727 0.093091z" fill="currentColor"></path></svg>`,
+      pdf: `<svg class="chatappico pdf" viewBox="0 0 1024 1024"><path d="M821.457602 118.382249H205.725895c-48.378584 0-87.959995 39.583368-87.959996 87.963909v615.731707c0 48.378584 39.581411 87.959995 87.959996 87.959996h615.733664c48.380541 0 87.961952-39.581411 87.961952-87.959996V206.346158c-0.001957-48.378584-39.583368-87.963909-87.963909-87.963909zM493.962468 457.544987c-10.112054 32.545237-21.72487 82.872662-38.806571 124.248336-8.806957 22.378397-8.380404 18.480717-15.001764 32.609808l5.71738-1.851007c58.760658-16.443827 99.901532-20.519564 138.162194-27.561607-7.67796-6.06371-14.350194-10.751884-19.631237-15.586807-26.287817-29.101504-35.464584-34.570387-70.440002-111.862636v0.003913z m288.36767 186.413594c-7.476424 8.356924-20.670227 13.191847-40.019704 13.191847-33.427694 0-63.808858-9.229597-107.79277-31.660824-75.648648 8.356924-156.097 17.214754-201.399704 31.729308-2.199293 0.876587-4.832967 1.759043-7.916674 3.077836-54.536215 93.237125-95.031389 132.767663-130.621199 131.19646-11.286054-0.49895-27.694661-7.044-32.973748-10.11988l-6.52157-6.196764-2.29517-4.353583c-3.07588-7.91863-3.954423-15.395054-2.197337-23.751977 4.838837-23.309771 29.907651-60.251638 82.686779-93.237126 8.356924-6.159587 27.430511-15.897917 45.020944-24.25484 13.311204-21.177004 19.45905-34.744531 36.341171-72.259702 19.102937-45.324228 36.505531-99.492589 47.500041-138.191543v-0.44025c-16.267727-53.219378-25.945401-89.310095-9.67376-147.80856 3.958337-16.71189 18.46702-33.864031 34.748444-33.864031h10.552304c10.115967 0 19.791684 3.520043 26.829814 10.552304 29.029107 29.031064 15.39114 103.824649 0.8805 162.323113-0.8805 2.63563-1.322707 4.832967-1.761 6.153717 17.59239 49.697378 45.400538 98.774492 73.108895 121.647926 11.436717 8.791304 22.638634 18.899444 36.71098 26.814161 19.791684-2.20125 37.517128-4.11487 55.547812-4.11487 54.540128 0 87.525615 9.67963 100.279169 30.351814 4.400543 7.034217 6.595923 15.389184 5.281043 24.1844-0.44025 10.996467-4.39663 21.112434-12.31526 29.031064z m-27.796407-36.748157c-4.394673-4.398587-17.024957-16.936907-78.601259-16.936907-3.073923 0-10.622744-0.784623-14.57521 3.612007 32.104987 14.072347 62.830525 24.757704 83.058545 24.757703 3.083707 0 5.72325-0.442207 8.356923-0.876586h1.759044c2.20125-0.8805 3.520043-1.324663 3.960293-5.71738-0.87463-1.324663-1.757087-3.083707-3.958336-4.838837z m-387.124553 63.041845c-9.237424 5.27713-16.71189 10.112054-21.112433 13.634053-31.226444 28.586901-51.018128 57.616008-53.217422 74.331812 19.789727-6.59788 45.737084-35.626987 74.329855-87.961952v-0.003913z m125.574957-297.822284l2.197336-1.761c3.079793-14.072347 5.232127-29.189554 7.87167-38.869184l1.318794-7.036174c4.39663-25.070771 2.71781-39.720334-4.76057-50.272637l-6.59788-2.20125a57.381208 57.381208 0 0 0-3.079794 5.27713c-7.474467 18.47289-7.063567 55.283661 3.0524 94.865072l-0.001956-0.001957z" fill="currentColor"></path></svg>`,
+      md: `<svg class="chatappico md" viewBox="0 0 1024 1024" width="200" height="200"><path d="M128 128h768a42.666667 42.666667 0 0 1 42.666667 42.666667v682.666666a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667z m170.666667 533.333333v-170.666666l85.333333 85.333333 85.333333-85.333333v170.666666h85.333334v-298.666666h-85.333334l-85.333333 85.333333-85.333333-85.333333H213.333333v298.666666h85.333334z m469.333333-128v-170.666666h-85.333333v170.666666h-85.333334l128 128 128-128h-85.333333z" p-id="1381" fill="currentColor"></path></svg>`,
+      refresh: `<svg class="chatappico refresh" viewBox="0 0 1024 1024"><path d="M512 63.5C264.3 63.5 63.5 264.3 63.5 512S264.3 960.5 512 960.5 960.5 759.7 960.5 512 759.7 63.5 512 63.5zM198 509.6h87.6c0-136.3 102.3-243.4 233.7-238.5 43.8 0 82.8 14.6 121.7 34.1L597.2 349c-24.4-9.8-53.6-19.5-82.8-19.5-92.5 0-170.4 77.9-170.4 180.1h87.6L314.8 631.3 198 509.6z m540.3-0.1c0 131.4-102.2 243.4-228.8 243.4-43.8 0-82.8-19.4-121.7-38.9l43.8-43.8c24.4 9.8 53.6 19.5 82.8 19.5 92.5 0 170.4-77.9 170.4-180.1h-92.5l116.9-121.7L826 509.5h-87.7z" fill="currentColor"></path></svg>`,
+    }[type];
+  }
+
+  function formatDateTime() {
+    const now = new Date();
+    const year = now.getFullYear();
+    const month = String(now.getMonth() + 1).padStart(2, '0');
+    const day = String(now.getDate()).padStart(2, '0');
+    const hours = String(now.getHours()).padStart(2, '0');
+    const minutes = String(now.getMinutes()).padStart(2, '0');
+    const seconds = String(now.getSeconds()).padStart(2, '0');
+    const formattedDateTime = `${year}_${month}_${day}_${hours}_${minutes}_${seconds}`;
+    return formattedDateTime;
+  }
+
+  function getName() {
+    const id = window.crypto.getRandomValues(new Uint32Array(1))[0].toString(36);
+    const name =
+      document.querySelector('nav .overflow-y-auto a.hover\\:bg-gray-800')?.innerText?.trim() || '';
+    return { filename: name ? name : id, id, pathname: 'chat.download.json' };
+  }
+}
+
+window.addEventListener('resize', init);
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}
diff --git a/scripts/manifest.json b/scripts/manifest.json
new file mode 100644
index 0000000..ebfdf4f
--- /dev/null
+++ b/scripts/manifest.json
@@ -0,0 +1,41 @@
+{
+  "name": "ChatGPT Script",
+  "author": "lencx",
+  "scripts": [
+    {
+      "name": "core.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/chat.js"
+    },
+    {
+      "name": "cmd.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/cmd.js"
+    },
+    {
+      "name": "core.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/core.js"
+    },
+    {
+      "name": "dalle2.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/dalle2.js"
+    },
+    {
+      "name": "export.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/export.js"
+    },
+    {
+      "name": "markdown.export.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/markdown.export.js"
+    },
+    {
+      "name": "popup.core.js",
+      "version": "0.1.0",
+      "url": "https://github.com/lencx/ChatGPT/tree/main/scripts/popup.core.js"
+    }
+  ]
+}
diff --git a/scripts/markdown.export.js b/scripts/markdown.export.js
new file mode 100644
index 0000000..72b6c23
--- /dev/null
+++ b/scripts/markdown.export.js
@@ -0,0 +1,52 @@
+/**
+ * @name markdown.export.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/markdown.export.js
+ */
+
+var ExportMD = (function () {
+  if (!TurndownService || !turndownPluginGfm) return;
+  const hljsREG = /^.*(hljs).*(language-[a-z0-9]+).*$/i;
+  const gfm = turndownPluginGfm.gfm;
+  const turndownService = new TurndownService({
+    hr: '---',
+  })
+    .use(gfm)
+    .addRule('code', {
+      filter(node) {
+        if (node.nodeName === 'CODE' && hljsREG.test(node.classList.value)) {
+          return 'code';
+        }
+      },
+      replacement(content, node) {
+        const classStr = node.getAttribute('class');
+        if (hljsREG.test(classStr)) {
+          const lang = classStr.match(/.*language-(\w+)/)[1];
+          if (lang) {
+            return `\`\`\`${lang}\n${content}\n\`\`\``;
+          }
+          return `\`\`\`\n${content}\n\`\`\``;
+        }
+      },
+    })
+    .addRule('ignore-text', {
+      filter: (node) => {
+        if (node.nodeName === 'DIV' && node.classList.contains('!invisible')) {
+          return 'ignore-text';
+        }
+      },
+      replacement: () => '',
+    })
+    .addRule('ignore', {
+      filter: ['button', 'img', 'svg'],
+      replacement: () => '',
+    })
+    .addRule('table', {
+      filter: 'table',
+      replacement(content, node) {
+        return `\`\`\`${content}\n\`\`\``;
+      },
+    });
+
+  return turndownService;
+})({});
diff --git a/scripts/popup.core.js b/scripts/popup.core.js
new file mode 100644
index 0000000..d1907ad
--- /dev/null
+++ b/scripts/popup.core.js
@@ -0,0 +1,83 @@
+/**
+ * @name popup.core.js
+ * @version 0.1.0
+ * @url https://github.com/lencx/ChatGPT/tree/main/scripts/popup.core.js
+ */
+
+async function init() {
+  const chatConf = (await invoke('get_app_conf')) || {};
+  if (!chatConf.popup_search) return;
+  if (!window.FloatingUIDOM) return;
+
+  const styleDom = document.createElement('style');
+  styleDom.innerHTML = `
+  #chagpt-selection-menu {
+    display: none;
+    width: max-content;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #4a4a4a;
+    color: white;
+    font-weight: bold;
+    padding: 3px 5px;
+    border-radius: 2px;
+    font-size: 10px;
+    cursor: pointer;
+  }
+  `;
+  document.head.append(styleDom);
+
+  const selectionMenu = document.createElement('div');
+  selectionMenu.id = 'chagpt-selection-menu';
+  selectionMenu.innerHTML = 'DALL·E 2';
+  document.body.appendChild(selectionMenu);
+  const { computePosition, flip, offset, shift } = window.FloatingUIDOM;
+
+  document.body.addEventListener('mousedown', async (e) => {
+    selectionMenu.style.display = 'none';
+    if (e.target.id === 'chagpt-selection-menu') {
+      await invoke('dalle2_search_window', {
+        query: encodeURIComponent(window.__DALLE2_CONTENT__),
+      });
+    } else {
+      delete window.__DALLE2_CONTENT__;
+    }
+  });
+
+  document.body.addEventListener('mouseup', async (e) => {
+    selectionMenu.style.display = 'none';
+    const selection = window.getSelection();
+    window.__DALLE2_CONTENT__ = selection.toString().trim();
+
+    if (!window.__DALLE2_CONTENT__) return;
+
+    if (selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+      const rect = range.getClientRects()[0];
+
+      const rootEl = document.createElement('div');
+      rootEl.style.top = `${rect.top}px`;
+      rootEl.style.position = 'fixed';
+      rootEl.style.left = `${rect.left}px`;
+      document.body.appendChild(rootEl);
+
+      selectionMenu.style.display = 'block';
+      computePosition(rootEl, selectionMenu, {
+        placement: 'top',
+        middleware: [flip(), offset(5), shift({ padding: 5 })],
+      }).then(({ x, y }) => {
+        Object.assign(selectionMenu.style, {
+          left: `${x}px`,
+          top: `${y}px`,
+        });
+      });
+    }
+  });
+}
+
+if (document.readyState === 'complete' || document.readyState === 'interactive') {
+  init();
+} else {
+  document.addEventListener('DOMContentLoaded', init);
+}