diff --git a/backend/src/main.py b/backend/src/main.py
index 0d6e4102..e77a889f 100644
--- a/backend/src/main.py
+++ b/backend/src/main.py
@@ -186,6 +186,16 @@ def chatbot_response():
     return Response(response, mimetype="application/json")
 
 
+# ====================== AI enrich text ======================
+# TODO Refactor this
+# Request comes from ContextSection.vue
+@app.route("/api/subgraph/textenrich", methods=["POST"])
+def enrich_text():
+    content = request.form.get("content")
+
+    return Response(json.dumps(content), mimetype="application/json")
+
+
 # ====================== Subgraph API ======================
 # request comes from home.js
 # TODO Refactor this
diff --git a/docs/journalStructure.md b/docs/journalStructure.md
index 12da8218..2e89c356 100644
--- a/docs/journalStructure.md
+++ b/docs/journalStructure.md
@@ -23,20 +23,47 @@ This document contains the structure of Journals having Impact Factor greater th
 * ProteomeXchange Consortium - PeptideAtlas: stores datasets focusing on peptide identifications and their associated spectral evidence
 * ImmPort (Immunology Database and Analysis Portal)
 * Zenodo
+* China National GeneBank DataBase (CNGBdb)
+* BioProject
 
 
 _________________________________________________________________
 
 ## Cell: IF 45.5
-### Resource availability
-* materials availability
-* **Data and Code/Software Availability**
+_Structure 01:_
+### Resource availability:
+#### Materials availability
+#### Data and Code/Software Availability
+  * contains info regarding sequencing data and source code
   * if code unavailable > “This paper does not report original code” (MUST BE ADDED but not always added)
   * code available upon request from authors
   * already-existing SWs and Algorithms used but no unique code generated - found in Key Resources Table
   * ‘original code’
   * ‘unique code’
   * ‘custom code’
+  * github link for original source code or custom code generated by using already-existing SW
+ 
+_Structure 02:_
+### Data and Code/Software Availability:
+  * contains info regarding sequencing data and source code
+
+## Cell Stem Cell: IF 19.8 
+(some publications are not publicly accessible)
+### Resource availability:
+#### Lead contact
+  * requests for resources and reagents
+#### Materials availability 
+#### Data and Code/Software Availability
+  * section not found in several publications
+  * sequencing data listed but not source code
+  * 'original code'
+  * 'novel code'
+  * accession numbers of sequencing data & source code URL (Github/Zenodo) listed in Key Resources Table
+  * accession number stated in plain text instead of a URL
+
+## Other Cell journals:
+* Cancer Cell: 48.8
+* Immunity: 43.47
 
 ## Nature Immunology: IF 27.7
 ### Data availability
@@ -53,3 +80,20 @@ _________________________________________________________________
   * not provided
   * available from authors upon request
   * no new code, used existing code
+
+## Other Nature journals:
+* Nature Biotechnology: 68.2
+* Nature Medicine: 87.5
+* Nature Genetics: 31.7
+* Nature: 50.5
+* Nature Cell Biology: 17.3
+* Nature Neuroscience: 29.9
+* Nature Cancer: 38.7
+* Nature Methods: 36.1
+* Nature Metabolism: 25.5
+* Nature Protocols: 17.1
+* Nature Biomedical Engineering: 28.9
+* Nature Microbiology: 20.5
+
+
+Note: Most of the Science journals cannot be accessed without Institution registration.
diff --git a/frontend/package.json b/frontend/package.json
index 383a5980..4bd25fd0 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,9 +18,12 @@
     "d3": "^7.9.0",
     "d3-scale": "^4.0.2",
     "material-icons": "^1.13.12",
+    "file-saver": "^2.0.5",
     "mitt": "^3.0.1",
     "ml-hclust": "^3.1.0",
     "nouislider": "^15.8.1",
+    "quill": "^2.0.2",
+    "quill-to-word": "^1.3.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.1.1",
     "random-color-rgb": "^1.1.1",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index e651ccd8..bdbb6b9c 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,5 +1,6 @@
 <template>
   <PersistentWindow />
+  <DocumentWindow />
   <router-view v-slot="{ Component }">
     <keep-alive exclude="HomeView">
       <component :is="Component" />
@@ -13,6 +14,7 @@ import CitationView from "@/views/CitationView.vue";
 import ProteinView from "@/views/ProteinView.vue";
 import HomeView from "@/views/HomeView.vue";
 import PersistentWindow from "@/components/PersistentWindow.vue";
+import DocumentWindow from "@/components/DocumentWindow.vue";
 
 export default {
   name: "App",
@@ -22,6 +24,7 @@ export default {
     HomeView,
     CitationView,
     PersistentWindow,
+    DocumentWindow,
   },
 };
 </script>
diff --git a/frontend/src/assets/toolbar/word.png b/frontend/src/assets/toolbar/word.png
new file mode 100644
index 00000000..1093118b
Binary files /dev/null and b/frontend/src/assets/toolbar/word.png differ
diff --git a/frontend/src/components/DocumentWindow.vue b/frontend/src/components/DocumentWindow.vue
new file mode 100644
index 00000000..98889506
--- /dev/null
+++ b/frontend/src/components/DocumentWindow.vue
@@ -0,0 +1,408 @@
+<template>
+  <div
+    id="expdocument"
+    class="persistent-window"
+    v-show="showPersistentComponent"
+  >
+    <div id="expdocument_header" class="header">
+      <h3>AxoWord</h3>
+      <span class="close-btn" @click="closeWindow">×</span>
+    </div>
+    <div class="content-wrapper">
+      <!-- Bullet Section -->
+      <div class="bullet-section">
+        <br />
+        <h4>Protein history</h4>
+        <ul>
+          <li
+            v-for="(bullet, index) in proteins"
+            :key="index"
+            @click="addBullet(bullet.label)"
+          >
+            {{ bullet.label }}
+          </li>
+        </ul>
+        <br /><br />
+        <h4>Abstract history</h4>
+        <ul>
+          <li
+            v-for="(bullet, index) in abstracts"
+            :key="index"
+            @click="addBullet(bullet.label)"
+          >
+            {{ bullet.label }}
+          </li>
+        </ul>
+        <br /><br />
+        <h4>Favourite terms</h4>
+        <ul>
+          <li
+            v-for="(bullet, index) in pathways"
+            :key="index"
+            @click="addBullet(bullet.name)"
+          >
+            {{ bullet.name }}
+          </li>
+        </ul>
+        <br /><br />
+        <h4>Current graphs</h4>
+        <ul>
+          <li @click="addScreen('black', 'png')">add current graph</li>
+        </ul>
+        <br /><br />
+        <h4>Chatbot tag history</h4>
+        <ul>
+          <li
+            v-for="(bullet, index) in tags"
+            :key="index"
+            @click="addBullet(bullet)"
+          >
+            {{ bullet.id }}
+          </li>
+        </ul>
+      </div>
+      <!-- Quill Editor Section -->
+      <div class="editor-section">
+        <div ref="editor"></div>
+        <!-- Editor container -->
+      </div>
+    </div>
+    <div class="export-bar">
+      <button @click="textImprove">AI improve</button>
+      <button @click="exportdocX">Export Document</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Quill from "quill";
+import "quill/dist/quill.snow.css";
+import { saveAs } from "file-saver";
+import * as quillToWord from "quill-to-word";
+let quill = null;
+
+export default {
+  name: "DocumentWindow",
+  data() {
+    return {
+      windowCheck: false,
+      abstracts: [],
+      pathways: [],
+      proteins: [],
+      tags: [],
+      api: {
+        textenrich: "api/subgraph/textenrich",
+      },
+    };
+  },
+  computed: {
+    showPersistentComponent() {
+      let route = this.$route.name;
+      return (
+        this.windowCheck &&
+        route !== "home" &&
+        route !== "input" &&
+        route !== "file" &&
+        route !== "import"
+      );
+    },
+    quillEditor() {
+      return new Quill(this.$refs.editor, {
+        theme: "snow",
+        placeholder: "Start with your journey...",
+        modules: {
+          toolbar: [
+            [{ header: [1, 2, false] }],
+            ["bold", "italic", "underline"],
+            ["link", "image"],
+          ],
+        },
+      });
+    },
+  },
+  mounted() {
+    let com = this;
+    com.dragElement(document.getElementById("expdocument"));
+
+    com.emitter.on("openWord", () => {
+      com.windowCheck = !com.windowCheck;
+    });
+
+    com.emitter.on("addToWord", (text) => {
+      if (!com.windowCheck) {
+        com.windowCheck = true;
+      }
+      com.addBullet(text);
+    });
+
+    com.emitter.on("addImageToWord", (img) => {
+      if (!com.windowCheck) {
+        com.windowCheck = true;
+      }
+      com.addImage(img);
+    });
+
+    this.emitter.on("updateFavouriteList", (value) => {
+      this.pathways = value;
+    });
+
+    this.emitter.on("updateHistory", (value) => {
+      if (value.type == "protein") com.proteins.unshift(value.data);
+      if (value.type == "abstracts") com.abstracts.unshift(value.data);
+      if (value.type == "tags")
+        com.tags = [...new Set([...com.tags, ...value.data])].reverse();
+    });
+
+    com.pathways = com.$store.state.favourite_enrichments;
+
+    quill = this.quillEditor;
+  },
+  methods: {
+    addBullet(bullet) {
+      // Get the current selection or place the bullet at the end
+      if (typeof bullet === "object") this.addTag(bullet);
+      else {
+        var selection = quill.getSelection(true);
+        if (selection) {
+          quill.insertText(selection.index, `${bullet}\n`);
+        } else {
+          // If there is no selection, insert at the end of the document
+          quill.insertText(0, `${bullet}`);
+        }
+      }
+    },
+    addTag(bullet) {
+      if (bullet.type == "protein") this.addBullet(bullet.data.label);
+      if (bullet.type == "subset")
+        this.addBullet(
+          `${bullet.id} (${bullet.data.map((node) => node.label).join(", ")})`
+        );
+      if (bullet.type == "term") this.addBullet(bullet.data.name);
+    },
+    addImage(imgURL) {
+      var selection = quill.getSelection(true);
+      if (selection) {
+        console.log(selection.index);
+        quill.insertEmbed(selection.index, "image", imgURL);
+      } else {
+        // If there is no selection, insert at the end of the document
+        quill.insertEmbed(0, "image", imgURL);
+      }
+    },
+    addScreen(mode, format) {
+      let path = this.$route.name;
+      if (
+        path == "protein-graph" ||
+        path == "terms-graph" ||
+        path == "citation-graph"
+      ) {
+        this.emitter.emit("exportGraphWord", {
+          params: { mode, format },
+          mode: path,
+        });
+      }
+    },
+    async exportdocX() {
+      const delta = quill.getContents();
+      const quillToWordConfig = {
+        exportAs: "blob",
+      };
+      const docAsBlob = await quillToWord.generateWord(
+        delta,
+        quillToWordConfig
+      );
+      saveAs(docAsBlob, "word-export.docx");
+    },
+    async textImprove() {
+      const delta = quill.getContents();
+      var com = this;
+
+      var formData = new FormData();
+      formData.append("content", JSON.stringify(delta.ops));
+
+      com.axios.post(com.api.textenrich, formData).then((response) => {
+        console.log(response);
+      });
+    },
+    dragElement(elmnt) {
+      var pos1 = 0,
+        pos2 = 0,
+        pos3 = 0,
+        pos4 = 0;
+      if (document.getElementById(elmnt.id + "_header")) {
+        document.getElementById(elmnt.id + "_header").onmousedown =
+          dragMouseDown;
+      } else {
+        elmnt.onmousedown = dragMouseDown;
+      }
+
+      function dragMouseDown(e) {
+        e = e || window.event;
+        e.preventDefault();
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+        document.onmouseup = closeDragElement;
+        document.onmousemove = elementDrag;
+      }
+
+      function elementDrag(e) {
+        e = e || window.event;
+        e.preventDefault();
+        var parentWidth = window.innerWidth;
+        var parentHeight = window.innerHeight;
+        var elementWidth = elmnt.offsetWidth;
+        var elementHeight = elmnt.offsetHeight;
+
+        pos1 = pos3 - e.clientX;
+        pos2 = pos4 - e.clientY;
+        pos3 = e.clientX;
+        pos4 = e.clientY;
+
+        var newTop = elmnt.offsetTop - pos2;
+        var newLeft = elmnt.offsetLeft - pos1;
+
+        if (newTop < 0) newTop = 0;
+        if (newLeft < 0) newLeft = 0;
+        if (newTop + elementHeight > parentHeight)
+          newTop = parentHeight - elementHeight;
+        if (newLeft + elementWidth > parentWidth)
+          newLeft = parentWidth - elementWidth;
+
+        elmnt.style.top = newTop + "px";
+        elmnt.style.left = newLeft + "px";
+      }
+
+      function closeDragElement() {
+        document.onmouseup = null;
+        document.onmousemove = null;
+      }
+    },
+    closeWindow() {
+      this.windowCheck = false;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.persistent-window {
+  position: absolute;
+  right: 1%;
+  top: 1.5%;
+  height: 97%;
+  width: 50%;
+  -webkit-backdrop-filter: blur(7.5px);
+  border: 1px solid #e0e0e0;
+  background-color: rgb(57, 57, 57);
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  z-index: 99999;
+  resize: horizontal;
+}
+
+/* Header styles remain the same */
+.header {
+  background-color: rgb(57, 57, 57);
+  color: white;
+  padding: 15px;
+  cursor: move;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  position: relative;
+}
+
+.close-btn {
+  font-size: 20px;
+  cursor: pointer;
+  padding: 0 5px;
+}
+
+/* Flexbox layout for bullet section and editor */
+.content-wrapper {
+  display: flex;
+  height: 100%;
+}
+
+/* Bullet section styles */
+.bullet-section {
+  width: 30%;
+  height: 45vw;
+  overflow-y: scroll;
+  background-color: rgb(57, 57, 57);
+  padding: 10px;
+  color: white;
+}
+
+.bullet-section ul {
+  list-style: none;
+  padding: 0;
+  overflow-y: scroll;
+  height: 15%;
+}
+
+.bullet-section li {
+  padding: 5px 0;
+  font-size: 0.7vw;
+  margin-left: 5px;
+  cursor: pointer;
+  color: white;
+}
+
+.bullet-section li:hover {
+  color: #00aaff;
+}
+
+/* Editor styles */
+#editor {
+  width: 100%;
+  padding: 10px;
+  overflow-y: auto;
+  z-index: 999999999;
+}
+
+.editor-section {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 45vw;
+}
+
+.export-bar {
+  color: white;
+  padding: 1%;
+  width: 99%;
+  display: flex;
+  justify-content: end;
+  cursor: move;
+  display: flex;
+  font-size: 16px;
+  font-weight: bold;
+  position: relative;
+}
+
+.export-bar button {
+  padding: 8px 16px;
+  margin-left: 2%;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.export-bar button:hover {
+  background-color: #0056b3;
+}
+</style>
+
+<style>
+.ql-snow {
+  background-color: rgba(255, 255, 255, 0.4);
+}
+</style>
diff --git a/frontend/src/components/PersistentWindow.vue b/frontend/src/components/PersistentWindow.vue
index 14bab52a..e67f3eb5 100644
--- a/frontend/src/components/PersistentWindow.vue
+++ b/frontend/src/components/PersistentWindow.vue
@@ -28,12 +28,17 @@
             {{ element.id }}
           </span>
         </div>
-        <div v-if="msg.ref !== null">
+        <div v-if="msg.ref">
           <span class="small-tag blue" @click="searchRef(msg.ref)">
             reference
           </span>
         </div>
         <p>{{ msg.text }}</p>
+        <img
+          src="@/assets/pane/copy.png"
+          v-on:click="copyToClipboard(msg.text)"
+        />
+        <img src="@/assets/toolbar/word.png" v-on:click="addToWord(msg.text)" />
       </div>
     </div>
 
@@ -102,6 +107,19 @@ export default {
     });
   },
   methods: {
+    copyToClipboard(text) {
+      navigator.clipboard
+        .writeText(text)
+        .then(() => {
+          alert("Message copied to clipboard");
+        })
+        .catch((err) => {
+          console.error("Could not copy text: ", err);
+        });
+    },
+    addToWord(text) {
+      this.emitter.emit("addToWord", text);
+    },
     addLink(tag) {
       if (!this.windowCheck) this.windowCheck = true;
       if (tag && !this.tags.includes(tag)) {
@@ -238,6 +256,11 @@ export default {
         this.abort_chatbot();
       }
 
+      this.emitter.emit("updateHistory", {
+        type: "tags",
+        data: [...this.tags],
+      });
+
       this.messages.push({
         sender: "Bot",
         text: "Waiting for response...",
@@ -396,4 +419,12 @@ export default {
   color: rgb(175, 175, 175); /* Slightly darker red for remove button */
   font-size: 12px; /* Smaller "x" size */
 }
+
+.chat-history img {
+  filter: invert(50%);
+  position: relative;
+  width: 0.7vw;
+  margin-top: 0.5vw;
+  bottom: 0;
+}
 </style>
diff --git a/frontend/src/components/toolbar/CitationToolBar.vue b/frontend/src/components/toolbar/CitationToolBar.vue
index 8308d434..06e41b68 100644
--- a/frontend/src/components/toolbar/CitationToolBar.vue
+++ b/frontend/src/components/toolbar/CitationToolBar.vue
@@ -22,6 +22,9 @@
       <li v-on:click="chatbot()">
         <img src="@/assets/toolbar/bote.png" alt="bot Icon" />
       </li>
+      <li v-on:click="word()">
+        <img src="@/assets/toolbar/word.png" alt="word Icon" />
+      </li>
       <li
         v-on:click="hide_labels(label_check)"
         :class="{ crossed: label_check }"
@@ -99,6 +102,9 @@ export default {
     chatbot() {
       this.emitter.emit("openChatbot");
     },
+    word() {
+      this.emitter.emit("openWord");
+    },
     hide_labels(check) {
       this.label_check = !check;
       this.emitter.emit("hideLabels", {
diff --git a/frontend/src/components/toolbar/MainToolBar.vue b/frontend/src/components/toolbar/MainToolBar.vue
index 8c1cabe7..a78c09d4 100644
--- a/frontend/src/components/toolbar/MainToolBar.vue
+++ b/frontend/src/components/toolbar/MainToolBar.vue
@@ -25,6 +25,9 @@
       <li v-on:click="chatbot()">
         <img src="@/assets/toolbar/bote.png" alt="bot Icon" />
       </li>
+      <li v-on:click="word()">
+        <img src="@/assets/toolbar/word.png" alt="word Icon" />
+      </li>
       <li
         v-on:click="hide_labels(label_check)"
         :class="{ crossed: label_check }"
@@ -144,6 +147,9 @@ export default {
     chatbot() {
       this.emitter.emit("openChatbot");
     },
+    word() {
+      this.emitter.emit("openWord");
+    },
     hide_labels(check) {
       this.label_check = !check;
       this.emitter.emit("hideLabels", {
@@ -154,3 +160,83 @@ export default {
   },
 };
 </script>
+
+<style>
+.menu-bar {
+  position: relative;
+  border-radius: 5px;
+  width: 3vw;
+  display: inline-block;
+  backdrop-filter: blur(7.5px);
+  -webkit-backdrop-filter: blur(7.5px);
+  align-items: center;
+  padding: 5% 0;
+  z-index: 99;
+  margin: 0.5vw 0 0 0.5vw;
+}
+
+.menu-bar li {
+  list-style: none;
+  color: #0a0a1a;
+  font-family: sans-serif;
+  font-weight: bold;
+  padding: 0.5vw;
+  margin: 0 2%;
+  position: relative;
+  cursor: pointer;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.menu-bar li img {
+  max-width: none;
+  width: 60%;
+  filter: invert(100%);
+}
+
+.menu-bar li::before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  transition: 0.2s;
+  border-radius: 5px;
+}
+.menu-bar li:hover::before {
+  background: linear-gradient(to bottom, #e8edec, #d2d1d3);
+  box-shadow: 0px 3px 20px 0px black;
+  transform: scale(1.2);
+}
+.menu-bar li:hover {
+  color: black;
+}
+.menu-bar li:hover img {
+  color: black;
+  filter: none;
+}
+/* Use ::v-deep to apply styles to nested child components */
+::v-deep .menu-bar li {
+  color: white;
+}
+::v-deep .menu-bar li:hover {
+  color: black;
+}
+.label-container {
+  position: relative;
+  display: contents;
+  text-align: center;
+}
+
+.cross-line {
+  position: absolute;
+  border-top: 1px solid rgba(255, 255, 255, 0.883); /* Red cross line, adjust thickness/color as needed */
+  transform: rotate(-45deg); /* Optional: Diagonal cross */
+  width: 60%;
+}
+</style>
diff --git a/frontend/src/components/toolbar/TermToolBar.vue b/frontend/src/components/toolbar/TermToolBar.vue
index feab34f9..d885d724 100644
--- a/frontend/src/components/toolbar/TermToolBar.vue
+++ b/frontend/src/components/toolbar/TermToolBar.vue
@@ -22,6 +22,9 @@
       <li v-on:click="chatbot()">
         <img src="@/assets/toolbar/bote.png" alt="bot Icon" />
       </li>
+      <li v-on:click="word()">
+        <img src="@/assets/toolbar/word.png" alt="word Icon" />
+      </li>
       <li
         v-on:click="hide_labels(label_check)"
         :class="{ crossed: label_check }"
@@ -99,6 +102,9 @@ export default {
     chatbot() {
       this.emitter.emit("openChatbot");
     },
+    word() {
+      this.emitter.emit("openWord");
+    },
     hide_labels(check) {
       this.label_check = !check;
       this.emitter.emit("hideLabels", {
diff --git a/frontend/src/components/visualization/CitationVis.vue b/frontend/src/components/visualization/CitationVis.vue
index 84af3247..97580c61 100644
--- a/frontend/src/components/visualization/CitationVis.vue
+++ b/frontend/src/components/visualization/CitationVis.vue
@@ -131,6 +131,8 @@ export default {
         return;
       }
 
+      this.emitter.emit("updateHistory", { type: "abstracts", data: node });
+
       var sigma_node = sigma_instance.graph.getNodeFromIndex(
         node.attributes["Ensembl ID"]
       );
@@ -484,6 +486,15 @@ export default {
         saveAsSVG(sigma_instance, { download: true }, params.mode);
       else saveAsPNG(sigma_instance, { download: true }, params.mode);
     },
+    exportGraphAsURL(params) {
+      let exportURL = null;
+      if (params.format == "svg")
+        exportURL = saveAsSVG(sigma_instance, { download: false }, params.mode);
+      else
+        exportURL = saveAsPNG(sigma_instance, { download: false }, params.mode);
+
+      this.emitter.emit("addImageToWord", exportURL);
+    },
     hide_labels(state) {
       if (state) {
         sigma_instance.graph.nodes().forEach(function (n) {
@@ -756,6 +767,8 @@ export default {
     sigma_instance.graph.clear();
     sigma_instance.graph.read(com.citation_data);
 
+    this.$store.commit("assign_sigma_instance", sigma_instance);
+
     this.get_module_circles();
 
     com.edit_opacity("full");
@@ -853,6 +866,10 @@ export default {
       if (state.mode == "citation") this.exportGraphAsImage(state.params);
     });
 
+    this.emitter.on("exportGraphWord", (state) => {
+      if (state.mode == "citation-graph") this.exportGraphAsURL(state.params);
+    });
+
     this.emitter.on("resetSelect", (state) => {
       if (state.mode == "citation") this.reset_label_select();
     });
@@ -884,6 +901,7 @@ export default {
   },
   activated() {
     sigma_instance.refresh();
+    this.$store.commit("assign_sigma_instance", sigma_instance);
   },
 };
 </script>
diff --git a/frontend/src/components/visualization/MainVis.vue b/frontend/src/components/visualization/MainVis.vue
index 8557b934..c9a5488a 100644
--- a/frontend/src/components/visualization/MainVis.vue
+++ b/frontend/src/components/visualization/MainVis.vue
@@ -180,6 +180,7 @@ export default {
         com.resetFocus(sigma_instance.cameras[0]);
         return;
       }
+      this.emitter.emit("updateHistory", { type: "protein", data: node });
 
       if (com.three_view)
         var sigma_node = sigma_instance.graph.getNodeFromIndex(node.id);
@@ -264,8 +265,6 @@ export default {
     active_term(term) {
       const com = this;
 
-      console.log(term);
-
       this.$store.commit("assign_active_subset", term ? term.symbols : null);
 
       if (term == null) {
@@ -777,6 +776,15 @@ export default {
         saveAsSVG(sigma_instance, { download: true }, params.mode);
       else saveAsPNG(sigma_instance, { download: true }, params.mode);
     },
+    exportGraphAsURL(params) {
+      let exportURL = null;
+      if (params.format == "svg")
+        exportURL = saveAsSVG(sigma_instance, { download: false }, params.mode);
+      else
+        exportURL = saveAsPNG(sigma_instance, { download: false }, params.mode);
+
+      this.emitter.emit("addImageToWord", exportURL);
+    },
     show_unconnectedGraph(state) {
       var com = this;
 
@@ -1219,6 +1227,8 @@ export default {
       sigma_instance.graph.clear();
       sigma_instance.graph.read(com.gephi_data);
 
+      this.$store.commit("assign_sigma_instance", sigma_instance);
+
       com.edit_opacity("full");
 
       com.hide_labels(true);
@@ -1334,6 +1344,10 @@ export default {
         if (state.mode == "protein") this.exportGraphAsImage(state.params);
       });
 
+      this.emitter.on("exportGraphWord", (state) => {
+        if (state.mode == "protein-graph") this.exportGraphAsURL(state.params);
+      });
+
       this.emitter.on("resetSelect", (state) => {
         if (state.mode == "protein") this.reset_label_select();
       });
@@ -1375,6 +1389,9 @@ export default {
       sigma_instance.refresh();
     });
   },
+  activated() {
+    this.$store.commit("assign_sigma_instance", sigma_instance);
+  },
 };
 </script>
 
diff --git a/frontend/src/components/visualization/TermVis.vue b/frontend/src/components/visualization/TermVis.vue
index e31b7411..45ba3c92 100644
--- a/frontend/src/components/visualization/TermVis.vue
+++ b/frontend/src/components/visualization/TermVis.vue
@@ -479,6 +479,15 @@ export default {
         saveAsSVG(sigma_instance, { download: true }, params.mode);
       else saveAsPNG(sigma_instance, { download: true }, params.mode);
     },
+    exportGraphAsURL(params) {
+      let exportURL = null;
+      if (params.format == "svg")
+        exportURL = saveAsSVG(sigma_instance, { download: false }, params.mode);
+      else
+        exportURL = saveAsPNG(sigma_instance, { download: false }, params.mode);
+
+      this.emitter.emit("addImageToWord", exportURL);
+    },
     hide_labels(state) {
       if (state) {
         sigma_instance.graph.nodes().forEach(function (n) {
@@ -751,6 +760,8 @@ export default {
     sigma_instance.graph.clear();
     sigma_instance.graph.read(com.term_data);
 
+    this.$store.commit("assign_sigma_instance", sigma_instance);
+
     this.get_module_circles();
 
     com.edit_opacity("full");
@@ -852,6 +863,10 @@ export default {
       if (state.mode == "term") this.exportGraphAsImage(state.params);
     });
 
+    this.emitter.on("exportGraphWord", (state) => {
+      if (state.mode == "terms-graph") this.exportGraphAsURL(state.params);
+    });
+
     this.emitter.on("resetSelect", (state) => {
       if (state.mode == "term") this.reset_label_select();
     });
@@ -882,6 +897,7 @@ export default {
   },
   activated() {
     sigma_instance.refresh();
+    this.$store.commit("assign_sigma_instance", sigma_instance);
   },
 };
 </script>
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index d82156ac..eb3792da 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -2,6 +2,7 @@ import { createStore } from "vuex";
 
 export const store = createStore({
   state: {
+    sigma_instance: null,
     gephi_json: null,
     term_graph_data: null,
     term_graph_dict: [],
@@ -37,6 +38,10 @@ export const store = createStore({
     favourite_subsets: new Set(),
   },
   mutations: {
+    assign_sigma_instance(state, value) {
+      console.log(value);
+      state.sigma_instance = value;
+    },
     assign(state, value) {
       state.gephi_json = value;
     },
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..9d269a93
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,69 @@
+{
+  "name": "protein-graph-database",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "quill": "^2.0.2"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
+    },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw=="
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ=="
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="
+    },
+    "node_modules/parchment": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/parchment/-/parchment-3.0.0.tgz",
+      "integrity": "sha512-HUrJFQ/StvgmXRcQ1ftY6VEZUq3jA2t9ncFN4F84J/vN0/FPpQF+8FKXb3l6fLces6q0uOHj6NJn+2xvZnxO6A=="
+    },
+    "node_modules/quill": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/quill/-/quill-2.0.2.tgz",
+      "integrity": "sha512-QfazNrhMakEdRG57IoYFwffUIr04LWJxbS/ZkidRFXYCQt63c1gK6Z7IHUXMx/Vh25WgPBU42oBaNzQ0K1R/xw==",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "lodash-es": "^4.17.21",
+        "parchment": "^3.0.0",
+        "quill-delta": "^5.1.0"
+      },
+      "engines": {
+        "npm": ">=8.2.3"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-5.1.0.tgz",
+      "integrity": "sha512-X74oCeRI4/p0ucjb5Ma8adTXd9Scumz367kkMK5V/IatcX6A0vlgLgKbzXWy5nZmCGeNJm2oQX0d2Eqj+ZIlCA==",
+      "dependencies": {
+        "fast-diff": "^1.3.0",
+        "lodash.clonedeep": "^4.5.0",
+        "lodash.isequal": "^4.5.0"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 00000000..10c06b54
--- /dev/null
+++ b/package.json
@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "quill": "^2.0.2"
+  }
+}