{"version":3,"sources":["webpack:///./src/blog/UnstructBlog.vue","webpack:///src/blog/UnstructBlog.vue","webpack:///./src/blog/UnstructBlog.vue?3477","webpack:///./src/blog/UnstructBlog.vue?7398","webpack:///./src/blog/UnstructBlog.vue?c033"],"names":["render","_vm","this","_c","_self","staticClass","attrs","name","_v","_l","blogPosts","post","key","id","class","currentPostId","on","$event","preventDefault","showPost","_s","title","date","currentPost","domProps","content","Date","getFullYear","directives","rawName","value","showBackToTop","expression","scrollToTop","staticRenderFns","inject","data","computed","find","basePath","pathSegments","$route","path","split","blogIndex","indexOf","slice","join","mounted","updateTitle","methods","$router","push","window","scrollTo","top","behavior","handleScroll","scrollY","created","postId","params","some","addEventListener","destroyed","removeEventListener","watch","to","component"],"mappings":"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","file":"static/js/chunk-c1058d62.e928cae9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"unstruct-blog\"},[_c('header',{staticClass:\"blog-header\"},[_c('router-link',{staticClass:\"home-link\",attrs:{\"to\":{ name: 'chat' }}},[_c('img',{attrs:{\"src\":\"/static/unstruct-robot.png\",\"alt\":\"UnStruct Logo\",\"width\":\"55\",\"height\":\"55\"}})]),_c('h1',{staticClass:\"site-title\"},[_vm._v(\"UnStruct.ai Blog\")])],1),_c('main',{staticClass:\"blog-content\"},[_c('nav',{staticClass:\"blog-nav\"},[_c('ul',_vm._l((_vm.blogPosts),function(post){return _c('li',{key:post.id},[_c('a',{class:{ 'active': _vm.currentPostId === post.id },attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showPost(post.id)}}},[_vm._v(\" \"+_vm._s(post.title)+\" \")]),_c('small',{staticClass:\"blog-post-date\"},[_vm._v(_vm._s(post.date))])])}),0)]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.currentPost)?_c('article',{key:_vm.currentPost.id,staticClass:\"blog-post\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.currentPost.content)}})]):_c('div',{staticClass:\"no-post-selected\"},[_c('p',[_vm._v(\"Select a post from the list to start reading.\")])])])],1),_c('footer',{staticClass:\"blog-footer\"},[_c('p',[_vm._v(\"© \"+_vm._s(new Date().getFullYear())+\" UnStruct.ai. All rights reserved.\")])]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showBackToTop),expression:\"showBackToTop\"}],staticClass:\"back-to-top\",attrs:{\"aria-label\":\"Back to top\"},on:{\"click\":_vm.scrollToTop}},[_vm._v(\" ↑ \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"unstruct-blog\">\n    <header class=\"blog-header\">\n      <router-link :to=\"{ name: 'chat' }\" class=\"home-link\">\n        <img src=\"/static/unstruct-robot.png\" alt=\"UnStruct Logo\" width=\"55\" height=\"55\" />\n      </router-link>\n      <h1 class=\"site-title\">UnStruct.ai Blog</h1>\n    </header>\n\n    <main class=\"blog-content\">\n      <nav class=\"blog-nav\">\n        <ul>\n          <li v-for=\"post in blogPosts\" :key=\"post.id\">\n            <a href=\"#\" @click.prevent=\"showPost(post.id)\" :class=\"{ 'active': currentPostId === post.id }\">\n              {{ post.title }}\n            </a>\n            <small class=\"blog-post-date\">{{ post.date }}</small>\n          </li>\n        </ul>\n      </nav>\n\n      <transition name=\"fade\" mode=\"out-in\">\n        <article v-if=\"currentPost\" class=\"blog-post\" :key=\"currentPost.id\">\n          <div v-html=\"currentPost.content\"></div>\n        </article>\n        <div v-else class=\"no-post-selected\">\n          <p>Select a post from the list to start reading.</p>\n        </div>\n      </transition>\n    </main>\n\n    <footer class=\"blog-footer\">\n      <p>&copy; {{ new Date().getFullYear() }} UnStruct.ai. All rights reserved.</p>\n    </footer>\n\n    <button v-show=\"showBackToTop\" @click=\"scrollToTop\" class=\"back-to-top\" aria-label=\"Back to top\">\n      ↑\n    </button>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'UnstructBlog',\n  inject: ['updateTitle'],\n  data() {\n    return {\n      currentPostId: null,\n      showBackToTop: false,\n      blogPosts: [\n        {\n          id: 'launch-announcement',\n          title: \"UnStruct.ai Launch Announcement\",\n          date: \"Oct 17, 2024\",\n          content: `\n            <div class=\"blog-post-header\">\n              <span>Written by UnStruct</span>\n              <span>•</span>\n              <span>Published on Oct 17, 2024</span>\n            </div>\n            <h2>🚀 Excited to announce the launch and general availability of UnStruct.ai!</h2>\n\n            <p>If you use Google search, or any of the AI chatbots, give UnStruct a try. Ask a tough question, paste a Youtube video or upload a PDF/image. Choose your sources (e.g. search results only from a particular site); shape your understanding with many customizable settings.</p>\n\n            <p>Turning a promising POC into a GA product was challenging, but we're thrilled with the result. Here are some features that might interest you:</p>\n\n            <ul>\n              <li>Contextual analysis across diverse data sources (websites, files, images, Youtube videos, and most entities you interact with). Everything is an interactive active object (IAO) in UnStruct.</li>\n              <li>Customizable RAG strategies (including in-house developed ECRAG: Entity-Centric Retrieval-Augmented Generation).</li>\n              <li>Choose from up to 10 LLM models that best fit your needs (w/custom prompts)</li>\n              <li>Intuitive and expandable knowledge hierarchies for context aggregation and grouping</li>\n              <li>Follow-up questions maintain context as you explore, enhancing decision-making and information extraction (switch context as necessary)</li>\n            </ul>\n\n            <p>Clink of the UnStruct logo above to learn more and start your journey towards smarter, context-aware data exploration.</p>\n\n            <p>We'd love to hear your thoughts and feedback!</p>\n          `\n        },\n        {\n          id: 'ecrag-overview',\n          title: \"Entity-Centric Retrieval-Augmented Generation (ECRAG)\",\n          date: \"Oct 17, 2024\",\n          content: `\n          <div class=\"blog-post-header\">\n            <span>Written by UnStruct</span>\n            <span>•</span>\n            <span>Published on Oct 17, 2024</span>\n          </div>\n            <h2>The ECRAG Story: Enhancing decision-making and information extraction</h2>\n\n            <p>In the vast digital landscape of the 21st century, we found ourselves drowning in a sea of information. Traditional search engines and AI chatbots, while powerful, often left us wanting more. They were like fishermen casting wide nets, bringing in everything - the good, the bad, and the irrelevant. We knew there had to be a better way.</p>\n\n            <p>Enter Entity-Centric Retrieval-Augmented Generation, or ECRAG. Born from a simple yet profound realization: garbage in, garbage out. We understood that Large Language Models (LLMs) were incredibly powerful, but they had their limits. They craved relevant context, struggled with information overload, and often lost recall with too much data.</p>\n\n            <p>So, we asked ourselves: What if we could present LLMs with the most relevant, context-aware data, allowing them to shine at what they do best?</p>\n\n            <p>This question led us on a journey, resulting in ECRAG - a system that doesn't just retrieve information, but understands it. Here's how our story unfolds:</p>\n\n            <h3>Chapter 1: The Birth of Entities and Interactive Active Objects (IAOs)</h3>\n\n            <p>We began by reimagining how information is represented. In the world of ECRAG, every piece of information - be it from a website, a PDF, an image, or a YouTube video - becomes an entity that is mapped to an Interactive Active Object (IAO). These IAOs are not static; they're living, breathing entities in the digital realm.</p>\n\n            <p>Each entity is enriched with over tens metadata attributes, creating a multi-dimensional profile that captures nuances traditional systems often miss. It's like giving each piece of information its own unique fingerprint.</p>\n\n            <h3>Chapter 2: Building a Dynamic Information Ecosystem</h3>\n\n            <p>With our entities and IAOs in place, we needed a way to make them work together. We developed an intuitive and expandable knowledge hierarchy system. This allows for context aggregation and grouping, creating a web of interconnected information that evolves and adapts.</p>\n\n            <p>As you explore and ask follow-up questions, the system maintains context, enhancing decision-making and information extraction. It's like having a conversation with someone who not only remembers what you've discussed but also understands the underlying connections.</p>\n\n            <h3>Chapter 3: Overcoming the Context Window Challenge</h3>\n\n            <p>Traditional RAG systems often stumble when faced with the limitations of context windows. ECRAG takes a smarter approach. Through adaptive RAG strategies and leveraging those multi-dimensional attributes, we've found ways to compress and prioritize information.</p>\n\n            <p>Imagine being able to distill the essence of a lengthy document into a concentrated form, preserving the most relevant bits for any given query. That's what ECRAG does, ensuring that even with limited context windows, the most pertinent information always comes through.</p>\n\n            <h3>Chapter 4: Customization and Flexibility</h3>\n\n            <p>We understood that one size doesn't fit all in the world of information retrieval. That's why we made ECRAG customizable. Users can choose their sources, shape their understanding with various settings, and even select from up to 10 different LLM models that best fit their needs.</p>\n\n            <p>It's like having a team of expert researchers at your fingertips, each specializing in different areas, ready to assist you with custom-tailored insights.</p>\n\n            <h3>The Road Ahead</h3>\n\n            <p>As we look to the future, we see ECRAG as more than just a tool - it's a new way of interacting with the digital world. From powering next-generation search engines to creating AI assistants that truly understand context, the possibilities are endless.</p>\n\n            <p>We invite you to join us on this journey. Click on the logo above to try UnStruct. Ask tough questions, upload diverse content, and experience the power of context-aware, adaptive information retrieval. Together, we're not just searching for information - we're understanding it, connecting it, and using it to make better decisions in an increasingly complex world.</p>\n\n            <p>The story of ECRAG is still being written, and we can't wait to see where it goes next. What chapters will you add to this ongoing narrative of innovation in information retrieval?</p>\n          `\n        },\n      ]\n    };\n  },\n  computed: {\n    currentPost() {\n      return this.blogPosts.find(post => post.id === this.currentPostId);\n    },\n    basePath() {\n      const pathSegments = this.$route.path.split('/');\n      const blogIndex = pathSegments.indexOf('blog');\n      if (blogIndex !== -1) {\n        return pathSegments.slice(0, blogIndex + 1).join('/');\n      } else {\n        return `${pathSegments.join('/')}/blog`;\n      }\n    }\n  },\n  mounted() {\n    this.updateTitle('Unstruct.ai Blog');\n  },\n  methods: {\n    showPost(id) {\n      this.currentPostId = id;\n      this.$router.push(`${this.basePath}/${id}`);\n      this.scrollToTop();\n    },\n    scrollToTop() {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    },\n    handleScroll() {\n      this.showBackToTop = window.scrollY > 300;\n    }\n  },\n  created() {\n    const postId = this.$route.params.id;\n    if (postId && this.blogPosts.some(post => post.id === postId)) {\n      this.currentPostId = postId;\n    }\n    window.addEventListener('scroll', this.handleScroll);\n  },\n  destroyed() {\n    window.removeEventListener('scroll', this.handleScroll);\n  },\n  watch: {\n    '$route'(to) {\n      const postId = to.params.id;\n      if (postId && this.blogPosts.some(post => post.id === postId)) {\n        this.currentPostId = postId;\n      } else {\n        this.currentPostId = null;\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.unstruct-blog {\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n  font-size: 1rem;\n  line-height: 1.6;\n  font-weight: 350;\n  letter-spacing: 0.0071428571em;\n}\n\n.blog-header {\n  padding: 20px 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  border-bottom: 1px solid #777;\n}\n\n.blog-post h1, .blog-post h2, .blog-post h3 {\n  font-size: 1.155em;\n  font-weight: 550;\n  letter-spacing: 0.01em;\n  margin-bottom: 0.75rem !important;\n  margin-top: 1.5rem !important;\n}\n\n.blog-post strong, .blog-post b {\n    font-weight: 550;\n    letter-spacing: 0.01em;\n}\n\n\n.blog-post ul, .blog-post ol {\n  padding-left: 40px; /* space between bullet and left edge */\n  margin-bottom: 5px;\n}\n\n.blog-post ul li, .blog-post ol li {\n  margin-bottom: 5px;\n  padding-left: 20px; /* space between bullet and text */\n  line-height: 1.6;\n}\n\n.blog-post ul li:last-child {\n  margin-bottom: 0;\n}\n\n.blog-post ul li::before {\n  font-weight: bold;\n  display: inline-block;\n  width: 1em;\n  margin-left: -1.5em;\n  margin-right: 0.5em;\n  color: inherit; /* This ensures the bullet inherits the text color */\n}\n\n.blog-post li:last-child {\n  margin-bottom: 0;\n}\n\n.home-link {\n  margin-right: 20px;\n}\n\n.site-title {\n  font-size: 24px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.blog-content {\n  display: flex;\n  margin-top: 40px;\n}\n\n.blog-nav {\n  width: 250px;\n  margin-right: 40px;\n}\n\n.blog-nav ul {\n  list-style-type: none;\n  padding: 0;\n}\n\n.blog-nav li {\n  margin-bottom: 15px;\n}\n\n.blog-nav a {\n  text-decoration: none;\n  color: #555 !important;\n  font-weight: 500;\n  transition: color 0.3s ease;\n}\n\n.blog-nav a:hover, .blog-nav a.active {\n  color: #0066cc !important;\n}\n\n.blog-post {\n  flex: 1;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  padding: 30px;\n}\n\n.no-post-selected {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 300px;\n  border-radius: 8px;\n  font-style: italic;\n  color: #777;\n}\n\n.blog-footer {\n  margin-top: 40px;\n  text-align: center;\n  padding: 20px 0;\n  border-top: 1px solid #777;\n  font-size: 14px;\n  color: #777;\n}\n\n.back-to-top {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background-color: #0066cc;\n  color: white;\n  border: none;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  font-size: 20px;\n  cursor: pointer;\n  transition: opacity 0.3s ease;\n  opacity: 0.7;\n}\n\n.back-to-top:hover {\n  opacity: 1;\n}\n\n.fade-enter-active, .fade-leave-active {\n  transition: opacity 0.3s ease;\n}\n\n.fade-enter, .fade-leave-to {\n  opacity: 0;\n}\n\n\np {\n  margin-bottom: 15px;\n  line-height: 1.6;\n}\n\n@media (max-width: 768px) {\n  .blog-content {\n    flex-direction: column;\n  }\n\n  .blog-nav {\n    width: 100%;\n    margin-right: 0;\n    margin-bottom: 20px;\n  }\n\n  .blog-nav ul {\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  .blog-nav li {\n    margin-right: 15px;\n  }\n}\n\n.blog-post-header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 0.8rem;\n  color: #777;\n  margin-bottom: 1rem;\n}\n\n.blog-post-header span {\n  margin-right: 0.5rem;\n}\n\n.blog-post-header span:last-child {\n  margin-right: 0;\n}\n\n.blog-post-date {\n  font-size: 0.8em;\n  color: #777;\n  margin-top: 4px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnstructBlog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnstructBlog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UnstructBlog.vue?vue&type=template&id=0d1875ee\"\nimport script from \"./UnstructBlog.vue?vue&type=script&lang=js\"\nexport * from \"./UnstructBlog.vue?vue&type=script&lang=js\"\nimport style0 from \"./UnstructBlog.vue?vue&type=style&index=0&id=0d1875ee&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UnstructBlog.vue?vue&type=style&index=0&id=0d1875ee&prod&lang=css\""],"sourceRoot":""}