From 49975c600ac103cfa54112a70b0509e4d3de3f70 Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Wed, 25 Sep 2024 14:57:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20=E5=8A=A9=E7=90=86?=
 =?UTF-8?q?=E5=85=B1=E4=BA=AB=E9=83=A8=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts                           |   2 +
 src/components/chat/Chat.vue                  | 238 +++++++++---------
 .../settings/AssistantPublistSettings.vue     | 104 ++++++++
 src/components/settings/LeftSettings.vue      |   7 +
 4 files changed, 227 insertions(+), 124 deletions(-)
 create mode 100644 src/components/settings/AssistantPublistSettings.vue

diff --git a/src/components.d.ts b/src/components.d.ts
index 0c4d3c4..5564cce 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -9,10 +9,12 @@ declare module 'vue' {
   export interface GlobalComponents {
     AccountSettings: typeof import('./components/settings/AccountSettings.vue')['default']
     AssistantMenu: typeof import('./components/AssistantMenu.vue')['default']
+    AssistantPublistSettings: typeof import('./components/settings/AssistantPublistSettings.vue')['default']
     AssistantSettings: typeof import('./components/settings/AssistantSettings.vue')['default']
     Chat: typeof import('./components/chat/Chat.vue')['default']
     ChatMenu: typeof import('./components/ChatMenu.vue')['default']
     ChatSettings: typeof import('./components/settings/ChatSettings.vue')['default']
+    copy: typeof import('./components/settings/AssistantSettings copy.vue')['default']
     LeftSettings: typeof import('./components/settings/LeftSettings.vue')['default']
     LibrarySettings: typeof import('./components/settings/LibrarySettings.vue')['default']
     Lottie: typeof import('./components/Lottie.vue')['default']
diff --git a/src/components/chat/Chat.vue b/src/components/chat/Chat.vue
index 5a2d7a0..d62e9a0 100644
--- a/src/components/chat/Chat.vue
+++ b/src/components/chat/Chat.vue
@@ -1,7 +1,9 @@
 <template>
-  <div class="relative flex flex-col items-center">
-    <div class="w-4/5">
-      <div>
+  <div
+    class="flex flex-col items-center justify-between pl-20 pr-20"
+  >
+    <div class=" min-w-full w-4/5">
+      <n-scrollbar  style="max-height: calc(100vh - (var(--header-height) *3.5))">
         <div
           class="flex-grow mt-3 mb-1 text-5xl select-none"
           v-if="!chatMessages?.length"
@@ -18,131 +20,119 @@
         <div v-else @click="assistantStore.selectMenu = false">
           <MessageList :chat_messages="chatMessages" />
         </div>
+      </n-scrollbar>
+    </div>
+
+    <div class="w-full pr-2 pl-2 pt-2">
+      <div
+        class="mx-auto w-2xl max-w-2xl text-center mb-3 animate__animated animate__pulse text-lg"
+        v-if="isMobile && chatStore.toolName != ''"
+      >
+        <n-gradient-text type="info">
+          正在执行 {{ chatStore.toolName }}
+        </n-gradient-text>
       </div>
-
-      <div class="fixed bottom-0 left-0 right-0">
-        <!-- <div
-          class="mx-auto w-2xl max-w-2xl text-center mb-3 animate__animated animate__pulse text-lg"
-          v-if="toolCalling"
-        >
-          <n-gradient-text type="info">
-            {{ toolName }}
-          </n-gradient-text>
-        </div> -->
-
-        <div
-          class="mx-auto w-2xl max-w-2xl text-center mb-3 animate__animated animate__pulse text-lg"
-          v-if="isMobile && chatStore.toolName != ''"
-        >
-          <n-gradient-text type="info">
-            正在执行 {{ chatStore.toolName }}
-          </n-gradient-text>
-        </div>
-        <div
-          ref="inputContainer"
-          class="mx-auto w-2xl max-w-xs lg:max-w-2xl outline-none input-color input-bg rounded-full flex pl-5 pr-5 bg-white shadow-lg items-center p-4 pb-4 transition-all"
-        >
-          <div class="overflow-x-hidden h-full w-full flex items-center">
-            <n-scrollbar class="max-h-96">
-              <n-dropdown
-                :show="assistantStore.selectMenu"
-                :options="assistantMenuOptions"
-                placement="top-start"
-                @select="handleSelect"
-              >
-                <div class="absolute left-0"></div>
-              </n-dropdown>
-              <div
-                ref="inputText"
-                :class="{ 'has-placeholder': isPlaceholderVisible }"
-                contenteditable="true"
-                placeholder="请输入文本..."
-                class="input-text max-w-full outline-none text-lg text-pretty pl-2 min-h-6"
-                @keydown="onKeydown"
-                @input="updateInputHeight"
-                @compositionstart="handleCompositionStart"
-                @compositionend="handleCompositionEnd"
-              ></div>
-            </n-scrollbar>
-          </div>
-          <n-spin :show="processing">
-            <div
-              ref="actionContainer"
-              class="flex [&>button]:ml-2 pr-4 justify-end"
+      <div
+        ref="inputContainer"
+        class="mx-auto w-2xl max-w-md lg:max-w-2xl outline-none input-color input-bg rounded-full flex pl-5 pr-5 bg-white shadow-lg items-center p-4 pb-4 transition-all"
+      >
+        <div class="overflow-x-hidden h-full w-full flex items-center">
+          <n-scrollbar class="max-h-96">
+            <n-dropdown
+              :show="assistantStore.selectMenu"
+              :options="assistantMenuOptions"
+              placement="top-start"
+              @select="handleSelect"
             >
-              <n-tooltip
-                trigger="hover"
-                v-if="chatId !== null && chatData.assistant_id !== null"
-              >
-                <template #trigger>
-                  <n-button
-                    tertiary
-                    circle
-                    size="large"
-                    @click="showUploadModal = true"
-                  >
-                    <template #icon>
-                      <n-icon><DocumentAttachOutline /></n-icon>
-                    </template>
-                  </n-button>
-                </template>
-                <span> 在做了在做了 </span>
-              </n-tooltip>
-
-              <n-tooltip trigger="hover">
-                <template #trigger>
-                  <n-button tertiary circle size="large">
-                    <template #icon>
-                      <n-icon><MicOutline /></n-icon>
-                    </template>
-                  </n-button>
-                </template>
-                <span> 在做了在做了 </span>
-              </n-tooltip>
-
-              <n-tooltip trigger="hover">
-                <template #trigger>
-                  <n-button
-                    tertiary
-                    circle
-                    size="large"
-                    v-show="chatMessages?.length"
-                    @click="clearChatHistory"
-                  >
-                    <template #icon>
-                      <n-icon><TrashBinOutline /></n-icon>
-                    </template>
-                  </n-button>
-                </template>
-                <span> 清空历史 </span>
-              </n-tooltip>
-
-              <n-tooltip trigger="hover">
-                <template #trigger>
-                  <n-button
-                    tertiary
-                    circle
-                    size="large"
-                    v-show="showSendBtn"
-                    @click="sendText"
-                  >
-                    <template #icon>
-                      <n-icon><SendOutline /></n-icon>
-                    </template>
-                  </n-button>
-                </template>
-                <span> 发送 </span>
-              </n-tooltip>
-            </div>
-          </n-spin>
+              <div class="absolute left-0"></div>
+            </n-dropdown>
+            <div
+              ref="inputText"
+              :class="{ 'has-placeholder': isPlaceholderVisible }"
+              contenteditable="true"
+              placeholder="请输入文本..."
+              class="input-text max-w-full outline-none text-lg text-pretty pl-2 min-h-6"
+              @keydown="onKeydown"
+              @input="updateInputHeight"
+              @compositionstart="handleCompositionStart"
+              @compositionend="handleCompositionEnd"
+            ></div>
+          </n-scrollbar>
         </div>
-        <n-text
-          depth="3"
-          class="text-center block mt-2 mb-2 text-sm select-none"
-        >
-          AI 也有可能犯错误，请在使用之前核查信息。
-        </n-text>
+        <n-spin :show="processing">
+          <div
+            ref="actionContainer"
+            class="flex [&>button]:ml-2 pr-4 justify-end"
+          >
+            <n-tooltip
+              trigger="hover"
+              v-if="chatId !== null && chatData.assistant_id !== null"
+            >
+              <template #trigger>
+                <n-button
+                  tertiary
+                  circle
+                  size="large"
+                  @click="showUploadModal = true"
+                >
+                  <template #icon>
+                    <n-icon><DocumentAttachOutline /></n-icon>
+                  </template>
+                </n-button>
+              </template>
+              <span> 在做了在做了 </span>
+            </n-tooltip>
+
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <n-button tertiary circle size="large">
+                  <template #icon>
+                    <n-icon><MicOutline /></n-icon>
+                  </template>
+                </n-button>
+              </template>
+              <span> 在做了在做了 </span>
+            </n-tooltip>
+
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <n-button
+                  tertiary
+                  circle
+                  size="large"
+                  v-show="chatMessages?.length"
+                  @click="clearChatHistory"
+                >
+                  <template #icon>
+                    <n-icon><TrashBinOutline /></n-icon>
+                  </template>
+                </n-button>
+              </template>
+              <span> 清空历史 </span>
+            </n-tooltip>
+
+            <n-tooltip trigger="hover">
+              <template #trigger>
+                <n-button
+                  tertiary
+                  circle
+                  size="large"
+                  v-show="showSendBtn"
+                  @click="sendText"
+                >
+                  <template #icon>
+                    <n-icon><SendOutline /></n-icon>
+                  </template>
+                </n-button>
+              </template>
+              <span> 发送 </span>
+            </n-tooltip>
+          </div>
+        </n-spin>
       </div>
+      <n-text depth="3" class="text-center block mt-2 mb-2 text-sm select-none">
+        AI 也有可能犯错误，请在使用之前核查信息。
+      </n-text>
     </div>
   </div>
 
diff --git a/src/components/settings/AssistantPublistSettings.vue b/src/components/settings/AssistantPublistSettings.vue
new file mode 100644
index 0000000..b845dc5
--- /dev/null
+++ b/src/components/settings/AssistantPublistSettings.vue
@@ -0,0 +1,104 @@
+<template>
+  <p>在做了在做了</p>
+  <div v-if="assistants.length">
+    <n-list hoverable clickable>
+      <n-list-item v-for="c in assistants" :key="c.id">
+        <n-thing>
+          <div class="flex justify-between items-center">
+            <div>
+              {{ c.name }}
+              <br />
+              {{ c.description }}
+            </div>
+            <div>
+              <n-button
+                quaternary
+                circle
+                type="info"
+              >
+                <template #icon>
+                  <n-icon size="16" class="cursor-pointer">
+                    <SettingsOutline />
+                  </n-icon>
+                </template>
+              </n-button>
+            </div>
+          </div>
+        </n-thing>
+      </n-list-item>
+    </n-list>
+  </div>
+  <div v-else class="text-center">
+    <n-result
+      status="404"
+      title="目前没有共享的助理"
+      description="你可以在这里收藏别人发布的助理，并使用它。"
+    >
+      <n-button type="primary"> 在做了在做了 </n-button>
+    </n-result>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useDialog } from "naive-ui";
+import {
+  TrashBinOutline,
+  SettingsOutline,
+  HelpCircleOutline,
+} from "@vicons/ionicons5";
+import getApi from "@/plugins/api";
+import { useChatStore } from "@/stores/chat";
+import { ref } from "vue";
+import {
+  EntityAssistant,
+  EntityAssistantKey,
+  EntityAssistantTool,
+  EntityLibrary,
+  EntityTool,
+  SchemaAssistantPublic,
+} from "@/api";
+import { useIsMobile } from "@/utils/composables";
+const currentAssistantTools: Ref<EntityAssistantTool[]> = ref([]);
+
+const currentAssistantId = ref();
+
+const assistants: Ref<SchemaAssistantPublic[]> = ref([]);
+const assistantApiKeys: Ref<EntityAssistantKey[]> = ref([]);
+
+const isMobile = useIsMobile();
+const drawerWidth = computed(() => {
+  if (isMobile.value) {
+    return window.innerWidth;
+  } else {
+    return window.innerWidth * 0.6;
+  }
+});
+
+const getAssistants = async () => {
+  getApi()
+    .Assistant.apiV1AssistantsPublicGet(1)
+    .then((r) => {
+      assistants.value = r.data.data?.data ?? [];
+    });
+};
+
+
+// const bindOrUnbind = async (id: number) => {
+//   let binded = findTool(id);
+
+//   if (binded) {
+//     await getApi().Assistant.apiV1AssistantsIdToolsToolIdDelete(
+//       currentAssistantId.value,
+//       id
+//     );
+//   } else {
+//     await getApi().Assistant.apiV1AssistantsIdToolsToolIdPost(
+//       currentAssistantId.value,
+//       id
+//     );
+//   }
+
+// };
+
+getAssistants();
+</script>
diff --git a/src/components/settings/LeftSettings.vue b/src/components/settings/LeftSettings.vue
index 85ad325..f6f3f30 100644
--- a/src/components/settings/LeftSettings.vue
+++ b/src/components/settings/LeftSettings.vue
@@ -1,3 +1,7 @@
+<script setup lang="ts">
+import AssistantPublistSettings from './AssistantPublistSettings.vue';
+</script>
+
 <template>
   <n-tabs type="segment" animated class="select-none">
     <n-tab-pane name="chat" tab="对话">
@@ -6,6 +10,9 @@
     <n-tab-pane name="assistant" tab="助理">
       <AssistantSettings />
     </n-tab-pane>
+    <n-tab-pane name="assistant_public" tab="发布">
+      <AssistantPublistSettings />
+    </n-tab-pane>
     <n-tab-pane name="tool" tab="工具">
       <ToolSettings />
     </n-tab-pane>