@nebulars/sseengine 1.0.0 → 1.3.44

package/src/components/sse-notes/index.vue

@@ -0,0 +1,236 @@
+<style lang="less" scoped>
+.fqa-notes {
+  &,
+  &-popup,
+  &-panel {
+    height: 36vh;
+  }
+
+  & {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1;
+
+    box-shadow: 0 0 @gap rgba(0, 0, 0, 0.1);
+    color: @color-text;
+    background-color: @color-assist;
+  }
+
+  &-panel {
+    &-title,
+    &-content,
+    &-excerpt {
+      padding: @gap;
+    }
+
+    &-content {
+      flex: 1;
+    }
+
+    &-title {
+      gap: @unit;
+      border-bottom: 1px solid @color-line;
+    }
+
+    &-excerpt {
+      border-top: 1px solid @color-line;
+    }
+
+    &-number {
+      display: block;
+      opacity: 0.75;
+      width: @sina;
+      height: @sina;
+      text-align: center;
+      border-radius: @space;
+      border: 1px solid @color-text;
+    }
+  }
+
+  &-arrow-prev,
+  &-arrow-next {
+    & {
+      width: @space;
+      height: @space;
+      color: darken(@color-text, 20%);
+      transition: all @fast;
+      opacity: 0;
+      z-index: 1;
+    }
+
+    &:hover {
+      color: @color-text;
+    }
+  }
+
+  &-arrow-prev {
+    left: -@space;
+  }
+
+  &-arrow-next {
+    right: -@space;
+  }
+
+  &:hover {
+    .fqa-notes-arrow-prev {
+      left: @space;
+      opacity: 1;
+    }
+
+    .fqa-notes-arrow-next {
+      right: @space;
+      opacity: 1;
+    }
+  }
+}
+</style>
+
+<template>
+  sliders: {{ sliders }}
+  <a-drawer class="fqa-notes-popup" width="100%" placement="bottom" v-model:open="sseengine.notes[id]" @after-open-change="onOpen" @close="onClose" :close-icon="false" :footer="false" :header-style="{ display: 'none' }" :mask-style="{ background: 'rgba(0, 0, 0, 0.1)' }" height="36vh">
+    11111
+    <a-carousel class="fqa-notes" arrows :dots="false" :autoplay="false" :after-change="onChange" ref="notes">
+      <template #prevArrow>
+        <div class="fqa-notes-arrow-prev">
+          <fqa-icon icon="left-outlined" color="#cdcecf" :size="20" />
+        </div>
+      </template>
+      <template #nextArrow>
+        <div class="fqa-notes-arrow-next">
+          <fqa-icon icon="right-outlined" :size="20" />
+        </div>
+      </template>
+
+      <section v-for="({ id, title, content, file_url, source } = {}, index) in sliders" :key="index">
+        <a-flex vertical class="fqa-notes-panel">
+          <a-flex class="fqa-notes-panel-title" justify="space-between">
+            <slot name="title" :title="title" />
+            <strong class="fqa-notes-panel-number">{{ id }}</strong>
+          </a-flex>
+          <div class="fqa-notes-panel-content scroll" v-if="content">
+            <slot name="content" :content="content" v-if="index === current" />
+          </div>
+          <div class="fqa-notes-panel-excerpt" v-if="file_url || source">
+            <slot name="excerpt" :url="file_url" :source="source" />
+          </div>
+        </a-flex>
+      </section>
+    </a-carousel>
+  </a-drawer>
+</template>
+
+<script>
+export default {
+  props: {
+    id: {
+      type: [String],
+    },
+    references: {
+      type: [Array],
+      required: true,
+      default: [],
+    },
+  },
+
+  data() {
+    return {
+      current: 0,
+      active: 0,
+      sliders: [],
+      container: null,
+      sups: [],
+      visible: false,
+    };
+  },
+
+  watch: {
+    'sseengine.sup': {
+      handler(sup) {
+        if (!sup) {
+          this.container = null;
+          this.sups = null;
+          this.active = 0;
+          this.sliders = [];
+          return;
+        }
+
+        this.container = this.$util.closest(sup, '.fqa-answer', false);
+        this.sups = this.getSups();
+        this.active = this.getSupByActive();
+        this.sliders = this.getSliders(this.references);
+      },
+
+      deep: true,
+      immediate: true,
+    },
+  },
+
+  methods: {
+    getSups() {
+      return Array.from(this.container.querySelectorAll('sup'));
+    },
+
+    getSupByActive(active = 'active') {
+      return this.sups.findIndex(({ classList }) => classList.contains(active));
+    },
+
+    getSupByIndex(index) {
+      return this.sups[index];
+    },
+
+    getSupAttr(sup) {
+      const { id, dataset } = sup;
+      const { key } = dataset;
+
+      return { id, key };
+    },
+
+    getSliders(references) {
+      return this.sups.map(sup => {
+        const { key } = this.getSupAttr(sup);
+        return references.find(({ id }) => id == key);
+      });
+    },
+
+    getSup(id) {
+      return document.querySelector(`[id='${this.note}'][data-key='${id}']`);
+    },
+
+    moveActive(index, no = false) {
+      this.$refs.notes.goTo(index, no);
+    },
+
+    onOpen() {
+      this.moveActive(this.active, true);
+      this.visible = true;
+    },
+
+    onClose() {
+      this.$util.sup.clean();
+      this.visible = false;
+    },
+
+    onChange(index) {
+      // No Visible
+      if (!this.visible) {
+        return;
+      }
+
+      // Current
+      this.current = index;
+
+      // Get Sup
+      const sup = this.getSupByIndex(index);
+
+      if (sup) {
+        // Active
+        this.$util.sup.active(sup);
+        // Scrolling
+        this.$util.sup.scrolling(sup);
+      }
+    },
+  },
+};
+</script>

package/src/components/sse-notes/modify.less

@@ -0,0 +1,3 @@
+.fqa-notes-popup {
+  background-color: @color-assist !important;
+}

package/src/components/{fqa-query → sse-query}/index.vue

@@ -79,7 +79,7 @@
 <template>
   <section class="fqa-query fqa-conversation" :query-id="item.id" :x-trace-id="item.x_trace_id" @mouseenter.stop="enterHandler" @mouseleave.stop="leaveHandler">
     <!-- Editable -->
-    <div class="fqa-query-editable" v-if="editable && !chat.produce">
+    <div class="fqa-query-editable" v-if="editable && !sseengine.produce">
       <a-textarea class="fqa-query-input" :auto-size="{ minRows: 3, maxRows: 10 }" v-model:value="origin" @press-enter="e => enterHandler(e, item)" />
       <a-space class="fqa-query-bunny">
         <fqa-button class="fqa-query-cancel" :width="80" :instance="20" :radius="40" hover="#e7e8e9" @click="e => cancelHandler(e, item)">{{ $t('global.cancel') }}</fqa-button>
@@ -91,7 +91,7 @@
     <div v-else class="fqa-query-content">{{ item.content }}</div>
 
     <!-- Control -->
-    <div class="fqa-query-control" :class="{ hover: app.mobile }" v-if="!editable && !chat.produce">
+    <div class="fqa-query-control" :class="{ hover: app.mobile }" v-if="!editable && !sseengine.produce">
       <!-- Copy -->
       <fqa-button :size="30" hover="#e7e8e9" v-clipboard:copy="item.content" v-clipboard:success="copySuccess">
         <fqa-icon :icon="copied ? 'CheckOutlined' : 'CopyOutlined'" />
@@ -104,10 +104,10 @@
     </div>
 
     <!-- Worry -->
-    <!-- <fqa-worry :source="$util.anxious(item)" :type="item.type" :produce="chat.produce" /> -->
+    <!-- <fqa-worry :source="$util.anxious(item)" :type="item.type" :produce="sseengine.produce" /> -->
 
     <!-- Next -->
-    <fqa-recursion v-if="item.children.length" :source="item.children" :active="active" />
+    <sse-recursion v-if="item.children.length" :source="item.children" :active="active" />
   </section>
 </template>
 
@@ -152,16 +152,16 @@ export default {
 
     async submitHandler(e, item) {
       // Start SSE
-      await this.$store.dispatch('chat/SSE_CONNECT', { session_id: this.app.id, content: this.origin, parent: item.parent });
+      await this.$store.dispatch('sseengine/SSE_CONNECT', { session_id: this.app.id, content: this.origin, parent: item.parent });
 
       // Clean Input
       this.cancelHandler();
 
       // Clean Stream
-      await this.$store.dispatch('chat/STREAM_CACHE', null);
+      await this.$store.dispatch('sseengine/STREAM_CACHE', null);
 
       // Get Parent Active
-      const { children } = this.$util.deepfind(this.chat.info.history, item.parent);
+      const { children } = this.$util.deepfind(this.sseengine.info.history, item.parent);
 
       // Update Active
       this.updateActive(children.length + 1);
@@ -183,16 +183,16 @@ export default {
       }
 
       // Set Current Element
-      await this.$store.dispatch('chat/SEVANI_UPDATE', event);
+      await this.$store.dispatch('sseengine/SEVANI_UPDATE', event);
 
       // Clean Controls First
-      await this.$store.dispatch('chat/SEVANI_CLEAN', 'fqa-query-control');
+      await this.$store.dispatch('sseengine/SEVANI_CLEAN', 'fqa-query-control');
 
       // Sleep 1
       await this.$util.kitchen.sleep(1);
 
       // Get Control
-      const control = await this.$store.dispatch('chat/SEVANI_FIND', 'fqa-query-control');
+      const control = await this.$store.dispatch('sseengine/SEVANI_FIND', 'fqa-query-control');
 
       // Add Class into List
       control?.classList?.add('hover');
@@ -205,10 +205,10 @@ export default {
       }
 
       // Remove Element
-      this.$store.dispatch('chat/SEVANI_UPDATE', { sevani: null });
+      this.$store.dispatch('sseengine/SEVANI_UPDATE', { sevani: null });
 
       // Remove Class from Controls
-      await this.$store.dispatch('chat/SEVANI_CLEAN', 'fqa-query-control');
+      await this.$store.dispatch('sseengine/SEVANI_CLEAN', 'fqa-query-control');
     },
   },
 };

package/src/components/{fqa-recursion → sse-recursion}/index.vue

@@ -11,15 +11,15 @@
   <div class="fqa-recursion">
     <!-- Flip -->
     <template v-if="flip">
-      <fqa-flip :freeze="chat.produce" :source="source" :active="current" @update:active="updateActive">
+      <sse-flip :freeze="sseengine.produce" :source="source" :active="current" @update:active="updateActive">
         <template #item="{ item, active }">
-          <fqa-hub :item="item" :active="active" @update:active="updateActive" />
+          <sse-hub :item="item" :active="active" @update:active="updateActive" />
         </template>
-      </fqa-flip>
+      </sse-flip>
     </template>
 
     <!-- No Flip -->
-    <fqa-hub v-else :item="first" />
+    <sse-hub v-else :item="first" />
   </div>
 </template>
 

package/src/components/{fqa-root → sse-root}/index.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="fqa-root fqa-conversation">
     <!-- Next -->
-    <fqa-recursion v-if="item.children.length" :source="item.children" :active="active" />
+    <sse-recursion v-if="item.children.length" :source="item.children" :active="active" />
   </section>
 </template>
 

package/src/components/sse-submit/index.vue

@@ -0,0 +1,63 @@
+<style lang="less">
+@keyframes up {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  49% {
+    transform: translateY(-@slit);
+    opacity: 0;
+  }
+  50% {
+    transform: translateY(@slit);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+.fqa-submit {
+  width: @size-submit;
+  height: @size-submit;
+  border: 1px solid darken(@color-submit, 4%);
+  box-shadow: 0 @unit @dozen rgba(0, 0, 0, 0.16);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 100%;
+  cursor: pointer;
+  transition: all @effect;
+  background: linear-gradient(to top, darken(@color-submit, 4%) 0%, @color-submit 100%);
+
+  &:not(.block) {
+    &:hover {
+      color: @color-primary !important;
+
+      .fqa-icon {
+        animation: up 1.24s linear infinite;
+      }
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="fqa-submit" :class="{ block: sseengine.produce }" v-if="sseengine.produce" @click="onProduceStop">
+    <fqa-icon icon="BorderOutlined" cursor="pointer" color="#484848" :size="20" />
+  </div>
+  <div class="fqa-submit" v-else>
+    <fqa-icon icon="ArrowUpOutlined" cursor="pointer" :size="20" />
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    async onProduceStop() {
+      this.$store.dispatch('sseengine/SSE_STOP', this.app.id);
+    },
+  },
+};
+</script>

package/src/components/sse-submit/modify.less

@@ -0,0 +1,8 @@
+.fqa-cancel,
+.fqa-submit {
+  &.block {
+    .fqa-icon {
+      background-color: rgba(0, 0, 0, 0.88);
+    }
+  }
+}

package/src/index.js

@@ -31,8 +31,17 @@ export default register((app, { name, $store, $router, module }) => {
   app.component(name, entry);
 
   // Register Components
-  componentRegister(app);
+  componentRegister(
+    // App
+    app,
+
+    // Components Modules
+    import.meta.glob('./components/**/*.vue', { eager: true }),
+  );
 
   // Register Less
-  lessRegister();
+  lessRegister(
+    // Css Modules
+    import.meta.glob('./components/**/*.less', { eager: true }),
+  );
 });

package/src/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <fqa-chat />
+  <sse-chat />
 </template>
 
 <script>
 export default {
-  name: 'sse'
+  name: 'sseengine',
 };
 </script>

package/src/store/feedback.js

@@ -0,0 +1,8 @@
+export default ({ http }) => {
+  return {
+    async FEEDBACK({}, { feedback, id: answer_id }) {
+      const { data } = await http.api.sseUpdateFeedback({ feedback, answer_id });
+      return data;
+    },
+  };
+};

package/src/store/index.js

@@ -1,15 +1,178 @@
+// Use Remove
+import { default as REMOTE } from './remote';
+
+// Use Assist
+import { default as MENUS } from './menus';
+
+// Use Sevani
+import { default as SEVANI } from './sevani';
+
+// Use Feedback
+import { default as FEEDBACK } from './feedback';
+
+// Use Info
+import { default as INFO } from './info';
+
+// Use Sup
+import { default as SUP } from './sup';
+
+// Use Session
+import { default as SESSION } from './session';
+
+// Use SSE
+import { default as SSE } from './sse';
+
+// Use Launch
+import { default as LAUNCH } from './launch';
+
 // As Store
 export default (proxy = {}) => {
-  const state = {};
+  const state = {
+    // Status Code (From AI)
+    status: {
+      // Default
+      0: '智能生成中',
+
+      // Simple Think
+      11000: '检索中',
+      11001: '检索完成',
+      14003: '检索失败',
+      12002: '开始回复',
+      12000: '回复完成',
+      15000: '模型似乎遇到了问题，请重试~', // '回复失败/错误/无回复',
+
+      // Deep Think
+      21000: '思考中',
+      21001: '思考完成',
+      24003: '思考失败',
+      22002: '开始回复',
+      22000: '回复完成',
+      25000: '模型似乎遇到了问题，请重试~', // '回复失败/错误/无回复',
+    },
+
+    // Code for Status
+    code: 0,
+
+    // List - Assists
+    list: [],
+
+    // Menus Params
+    menus: {
+      page: 0,
+      size: 20,
+      more: true,
+    },
+
+    // Info - Big Data
+    info: {
+      current: null,
+      title: '',
+      history: [],
+    },
+
+    // Launch
+    launch: {
+      url: '',
+      mode: 'web',
+      query: {},
+    },
+
+    // Attach - Map Info
+    attach: {},
+
+    // Aovery - Map Info
+    aovery: {},
+
+    // Anchor
+    anchor: -1,
+
+    // Explicit
+    explicit: [],
+
+    // Deep RAG
+    rag: 'false',
+
+    // Prompt
+    prompt: '',
+
+    // Stream - SSE
+    stream: null,
+
+    // Tower - SSE Instance
+    tower: null,
+
+    // Options
+    options: {},
+
+    // Presets
+    presets: [],
+
+    // Focusing
+    focus: false,
+
+    // Opening
+    opener: ['day.1', 'day.2', 'day.7', 'day.30', 'day.more'],
+
+    // Focal
+    focal: null,
+
+    // Notes
+    notes: {},
+
+    // Selecting
+    select: [],
+
+    // Produce - SSE
+    produce: false,
+
+    // Sup - Active
+    sup: null,
+
+    // Special Hover
+    sevani: null,
+  };
 
   // Reset
   const reset = proxy.json.clone(state);
 
   const actions = {
     async CLEAN() {
-      const {} = reset;
-      return {};
+      const { info, attach, prompt, select, produce } = reset;
+      return {
+        info,
+        attach,
+        prompt,
+        select,
+        produce,
+      };
     },
+
+    // Remote Control
+    ...REMOTE(proxy),
+
+    // Menus
+    ...MENUS(proxy),
+
+    // Sevani
+    ...SEVANI(proxy),
+
+    // Feedback
+    ...FEEDBACK(proxy),
+
+    // Chat Info
+    ...INFO(proxy),
+
+    // Sup
+    ...SUP(proxy),
+
+    // One Session
+    ...SESSION(proxy),
+
+    // SSE Stream
+    ...SSE(proxy),
+
+    // LAUNCH Stream
+    ...LAUNCH(proxy),
   };
 
   return { state, actions };

package/src/store/info.js

@@ -0,0 +1,20 @@
+export default ({ http, chatree }) => {
+  return {
+    async INFO_GET({ dispatch }, session_id) {
+      await dispatch('INFO_UPDATE');
+      const { data } = await http.api.sessionHistory({ session_id });
+      await dispatch('INFO_UPDATE', data);
+    },
+
+    async INFO_UPDATE({}, info = {}) {
+      if (info.history) {
+        info.history = chatree(info.history);
+      }
+      return { info, options: info.params };
+    },
+
+    async INFO_ATTACH({}, { focal, attach, anchor, explicit }) {
+      return { focal, attach, anchor, explicit };
+    },
+  };
+};

package/src/store/launch.js

@@ -0,0 +1,18 @@
+export default ({ http, url, launch }) => {
+  return {
+    async LAUNCH_TOKEN({ state }, params = {}) {
+      const { data } = await launch.tokenCreate(params);
+      return data;
+    },
+
+    async LAUNCH_UPDATE({ state }, { url, mode, query, launch_key }) {
+      const { launch } = state;
+
+      launch.url = `https://launch.billionsintelligence.com/${launch_key}`;
+      launch.mode = mode;
+      launch.query = query;
+
+      return { launch };
+    },
+  };
+};