@liujitcn/kratos-admin-system 0.0.65 → 0.0.67

package/dist/package/src/views/ai/chat/components/ChatPanel.vue

@@ -53,8 +53,11 @@
             :model-providers="modelProviders"
             :provider-id="providerId"
             :model-name="modelName"
+            :knowledge-options="knowledgeOptions"
+            :knowledge-ids="knowledgeIds"
             @submit="handleSubmit"
             @model-change="handleModelChange"
+            @knowledge-change="handleKnowledgeChange"
           />
         </div>
       </div>
@@ -336,8 +339,11 @@
           :model-providers="modelProviders"
           :provider-id="providerId"
           :model-name="modelName"
+          :knowledge-options="knowledgeOptions"
+          :knowledge-ids="knowledgeIds"
           @submit="handleSubmit"
           @model-change="handleModelChange"
+          @knowledge-change="handleKnowledgeChange"
         />
       </div>
     </template>
@@ -356,6 +362,7 @@ import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import { type AiAttachment, type AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
+import type { AiKnowledgeOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_knowledge";
 import type { AiShortcut, AiToolCall } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
 import { AiMessageStatus } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import { resolvePersistedMessage } from "../../../../utils/persisted-message";
@@ -501,6 +508,10 @@ const props = defineProps<{
   providerId: number;
   /** 当前选择的模型名称。 */
   modelName: string;
+  /** 当前可供选择的知识库。 */
+  knowledgeOptions: AiKnowledgeOption[];
+  /** 当前选择的知识库编号列表。 */
+  knowledgeIds: number[];
 }>();
 
 const emit = defineEmits<{
@@ -508,6 +519,8 @@ const emit = defineEmits<{
   submit: [payload: SubmitPayload];
   /** 更新当前选择的供应商和模型。 */
   modelChange: [providerId: number, modelName: string];
+  /** 更新当前选择的知识库编号列表。 */
+  knowledgeChange: [knowledgeIds: number[]];
   /** 触发消息级操作。 */
   messageAction: [payload: { action: ChatMessageAction; item: ChatMessageItem }];
   /** 提交当前用户消息的文本编辑。 */
@@ -648,6 +661,11 @@ function handleModelChange(providerId: number, modelName: string) {
   emit("modelChange", providerId, modelName);
 }
 
+/** 更新当前选择的知识库编号列表。 */
+function handleKnowledgeChange(knowledgeIds: number[]) {
+  emit("knowledgeChange", knowledgeIds);
+}
+
 /** 点击快捷入口时提交对应入口动作。 */
 function handleShortcutClick(shortcut: AiShortcut) {
   emit("submit", {

package/dist/package/src/views/ai/chat/components/XSender.vue

@@ -126,6 +126,73 @@
               {{ t("system.ai.model.empty") }}
             </div>
           </el-popover>
+          <el-popover
+            ref="knowledgePopoverRef"
+            placement="top-start"
+            :width="324"
+            trigger="click"
+            :show-arrow="false"
+            :persistent="false"
+            popper-class="agent-model-popper"
+          >
+            <template #reference>
+              <button
+                class="agent-model-selector"
+                :class="{ 'is-disabled': sending || !knowledgeOptions.length, 'is-selected': selectedKnowledgeCount > 0 }"
+                type="button"
+                :disabled="sending || !knowledgeOptions.length"
+                :aria-label="t('system.ai.knowledge.title')"
+              >
+                <el-icon class="agent-model-selector__spark"><Collection /></el-icon>
+                <span class="agent-model-selector__label">{{
+                  selectedKnowledgeCount > 0
+                    ? t("system.ai.knowledge.selected_count", { count: selectedKnowledgeCount })
+                    : t("system.ai.knowledge.title")
+                }}</span>
+                <el-icon class="agent-model-selector__arrow"><ArrowDown /></el-icon>
+              </button>
+            </template>
+            <div v-if="knowledgeOptions.length" class="agent-model-panel">
+              <div class="agent-model-panel__head">
+                <span class="agent-model-panel__title">{{ t("system.ai.knowledge.title") }}</span>
+                <span class="agent-model-panel__meta">{{
+                  t("system.ai.knowledge.select_hint")
+                }}</span>
+              </div>
+              <div class="agent-model-panel__list">
+                <button
+                  v-for="option in knowledgeOptions"
+                  :key="option.id"
+                  class="agent-model-row"
+                  :class="{ 'is-selected': isKnowledgeSelected(option.id) }"
+                  type="button"
+                  @click="handleKnowledgeToggle(option.id)"
+                >
+                  <span class="agent-model-row__name">{{ option.name }}</span>
+                  <!-- proto3 JSON 会省略零值字段，计数为 0 时前端补默认值。 -->
+                  <span class="agent-model-row__raw">{{
+                    t("system.ai.knowledge.doc_count", { count: option.doc_count ?? 0 })
+                  }}</span>
+                  <el-icon v-if="isKnowledgeSelected(option.id)" class="agent-model-row__check">
+                    <Check />
+                  </el-icon>
+                </button>
+              </div>
+              <button
+                v-if="aiKnowledgeRoute"
+                class="agent-model-panel__manage"
+                type="button"
+                @click="openKnowledgeManage"
+              >
+                <el-icon><Setting /></el-icon>
+                <span>{{ t("system.ai.knowledge.manage") }}</span>
+                <el-icon class="agent-model-panel__manage-arrow"><ArrowRight /></el-icon>
+              </button>
+            </div>
+            <div v-else class="agent-model-panel agent-model-panel--empty">
+              {{ t("system.ai.knowledge.empty") }}
+            </div>
+          </el-popover>
           <el-tooltip
             :content="recording ? t('system.ai.chat.action.stop_voice_input') : t('system.ai.chat.action.voice_input')"
             placement="top"
@@ -181,6 +248,7 @@ import {
   ArrowDown,
   ArrowRight,
   Check,
+  Collection,
   Loading,
   MagicStick,
   Microphone,
@@ -195,6 +263,7 @@ import { useAuthStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { defFileService } from "@liujitcn/kratos-admin-core/api/base/v1/file";
 import type { AiAttachment } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
+import type { AiKnowledgeOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_knowledge";
 import type { SubmitPayload } from "../types";
 import { buildAIAttachmentFileCard } from "../attachment";
 import { fallbackModelDisplayName } from "../modelDisplay";
@@ -210,6 +279,10 @@ const props = defineProps<{
   providerId: number;
   /** 当前选择的模型名称。 */
   modelName: string;
+  /** 当前可供选择的知识库。 */
+  knowledgeOptions: AiKnowledgeOption[];
+  /** 当前选择的知识库编号列表。 */
+  knowledgeIds: number[];
 }>();
 
 const emit = defineEmits<{
@@ -217,6 +290,8 @@ const emit = defineEmits<{
   submit: [payload: SubmitPayload];
   /** 更新当前选择的供应商和模型。 */
   "model-change": [providerId: number, modelName: string];
+  /** 更新当前选择的知识库编号列表。 */
+  "knowledge-change": [knowledgeIds: number[]];
 }>();
 
 const senderRef = ref<InstanceType<typeof BaseXSender>>();
@@ -249,6 +324,9 @@ const selectedModelDisplayName = computed(() => {
 const aiProviderRoute = computed(() =>
   authStore.flatMenuListGet.find(item => item.name === "AiProvider" && item.path)
 );
+const aiKnowledgeRoute = computed(() =>
+  authStore.flatMenuListGet.find(item => item.name === "AiKnowledge" && item.path)
+);
 const uploading = ref(false);
 const maxAttachmentCount = 6;
 const maxAttachmentSizeMB = 20;
@@ -323,6 +401,30 @@ async function openModelManage() {
   await navigateTo(router, aiProviderRoute.value.path);
 }
 
+const knowledgePopoverRef = ref<InstanceType<typeof ElPopover>>();
+
+const selectedKnowledgeCount = computed(() => props.knowledgeIds.length);
+
+/** 判断知识库是否在当前选择中。 */
+function isKnowledgeSelected(knowledgeId: number) {
+  return props.knowledgeIds.includes(knowledgeId);
+}
+
+/** 切换知识库选择状态并同步父组件。 */
+function handleKnowledgeToggle(knowledgeId: number) {
+  const current = new Set(props.knowledgeIds);
+  if (current.has(knowledgeId)) current.delete(knowledgeId);
+  else current.add(knowledgeId);
+  emit("knowledge-change", [...current]);
+}
+
+/** 跳转到 AI 知识库管理页。 */
+async function openKnowledgeManage() {
+  if (!aiKnowledgeRoute.value?.path) return;
+  knowledgePopoverRef.value?.hide();
+  await navigateTo(router, aiKnowledgeRoute.value.path);
+}
+
 /** 读取输入内容并发送给父组件。 */
 function handleSubmit() {
   if (uploading.value) return;

package/dist/package/src/views/ai/chat/index.vue

@@ -30,8 +30,11 @@
       :model-providers="modelProviders"
       :provider-id="selectedProviderId"
       :model-name="selectedModelName"
+      :knowledge-options="knowledgeOptions"
+      :knowledge-ids="selectedKnowledgeIds"
       @submit="handleSubmit"
       @model-change="handleModelChange"
+      @knowledge-change="handleKnowledgeChange"
       @message-action="handleMessageAction"
       @message-edit="handleEditMessage"
     >
@@ -59,9 +62,11 @@ import { defAiMessageService } from "@liujitcn/kratos-admin-system/api/base/v1/a
 import { defAiSessionService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_session";
 import { defAiToolService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_tool";
 import { defAiModelService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_provider";
+import { defAiKnowledgeService } from "@liujitcn/kratos-admin-system/api/base/v1/ai_knowledge";
 import type { AiAction } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_message";
 import type { AiSession } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import type { AiProviderModelOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_provider";
+import type { AiKnowledgeOption } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_knowledge";
 import type { AiShortcut } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
 import { AiMessageStatus } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_session";
 import { Terminal } from "@liujitcn/kratos-admin-system/rpc/base/v1/ai_tool";
@@ -112,6 +117,8 @@ const starterShortcuts = ref<AiShortcut[]>([]);
 const modelProviders = ref<AiProviderModelOption[]>([]);
 const selectedProviderId = ref(0);
 const selectedModelName = ref("");
+const knowledgeOptions = ref<AiKnowledgeOption[]>([]);
+const selectedKnowledgeIds = ref<number[]>([]);
 const messages = ref<Record<string, ChatMessageItem[]>>({});
 const pendingDeltaMap = new Map<string, AiStreamPayload>();
 const runningStreamTaskMap = new Map<string, AiStreamTask>();
@@ -229,6 +236,7 @@ async function runAiStreamTask(sessionID: string, payload: SubmitPayload) {
         content: payload.text,
         provider_id: selectedProviderId.value,
         model_name: selectedModelName.value,
+        knowledge_base_ids: selectedKnowledgeIds.value,
         attachments: payload.attachments.map(item => ({
           id: item.id,
           name: item.name,
@@ -657,16 +665,23 @@ async function loadAiShortcuts() {
   if (loadingShortcuts.value) return;
   loadingShortcuts.value = true;
   try {
-    const [response, providerResponse] = await Promise.all([
+    const [response, providerResponse, knowledgeResponse] = await Promise.all([
       defAiToolService.ListAiShortcut({ terminal: Terminal.TERMINAL_ADMIN }),
-      defAiModelService.ListAiProviderModelOptions({})
+      defAiModelService.ListAiProviderModelOptions({}),
+      defAiKnowledgeService.ListAiKnowledgeOptions({})
     ]);
     starterShortcuts.value = normalizeStarterShortcuts(response.shortcuts);
     modelProviders.value = providerResponse.providers ?? [];
+    knowledgeOptions.value = knowledgeResponse.options ?? [];
+    // 知识库可能已被删除，剔除无效选择。
+    selectedKnowledgeIds.value = selectedKnowledgeIds.value.filter(id =>
+      knowledgeOptions.value.some(option => option.id === id)
+    );
     applyModelSelection();
   } catch {
     starterShortcuts.value = [];
     modelProviders.value = [];
+    knowledgeOptions.value = [];
     selectedProviderId.value = 0;
     selectedModelName.value = "";
   } finally {
@@ -701,6 +716,11 @@ function handleModelChange(providerId: number, modelName: string) {
   saveModelSelection({ provider_id: providerId, model_name: modelName });
 }
 
+/** 更新当前聊天检索注入的知识库选择。 */
+function handleKnowledgeChange(knowledgeIds: number[]) {
+  selectedKnowledgeIds.value = knowledgeIds;
+}
+
 /** 使指定会话仍在途的消息列表请求失效。 */
 function invalidateLoadMessages(sessionID: string) {
   loadMessagesSeq.set(sessionID, (loadMessagesSeq.get(sessionID) ?? 0) + 1);

package/dist/package/src/views/ai/query/index.vue

@@ -0,0 +1,222 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="table" row-key="id" :columns="columns" :request-api="requestTable" />
+
+    <el-drawer
+      v-model="detail.visible"
+      :title="t('system.ai.query.detail.title')"
+      size="min(720px, calc(100vw - 32px))"
+      destroy-on-close
+    >
+      <div v-if="detail.row" v-loading="detail.loading" class="ai-query-detail">
+        <div class="ai-query-detail__meta">
+          <span>{{ t("system.ai.query.field.user") }}：{{ displayUser(detail.row) }}</span>
+          <el-tag :type="statusTagType(detail.row.status)" size="small" effect="plain">
+            {{ statusLabel(detail.row.status) }}
+          </el-tag>
+          <span>{{ t("system.ai.query.field.row_count") }}：{{ detail.row.row_count }}</span>
+          <span>{{ t("system.ai.query.field.elapsed_ms") }}：{{ detail.row.elapsed_ms }}</span>
+          <span>{{ t("common.field.created_at") }}：{{ detail.row.created_at }}</span>
+        </div>
+        <div class="ai-query-detail__question">{{ detail.row.question }}</div>
+        <div v-if="detail.row.error_msg" class="ai-query-detail__error">
+          {{ t("system.ai.query.field.error_msg") }}：{{ detail.row.error_msg }}
+        </div>
+        <div class="ai-query-detail__sql-title">{{ t("system.ai.query.field.sql") }}</div>
+        <CodeBlock class="ai-query-detail__sql" :code="detail.row.sql || '-'" language="sql" />
+        <template v-if="resultRows.length">
+          <div class="ai-query-detail__sql-title">{{ t("system.ai.query.detail.result") }}</div>
+          <el-table :data="resultRows" size="small" max-height="320" border class="ai-query-detail__result">
+            <el-table-column
+              v-for="(column, index) in detail.row.result_columns"
+              :key="`${column}-${index}`"
+              :prop="String(index)"
+              :label="column"
+              show-overflow-tooltip
+              min-width="120"
+            />
+          </el-table>
+        </template>
+      </div>
+    </el-drawer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from "vue";
+import { View } from "@element-plus/icons-vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import CodeBlock from "@liujitcn/kratos-admin-core/components/CodeBlock/index.vue";
+import type { ColumnProps, EnumProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defAiQueryService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/ai_query";
+import type { AiQueryRecord, PageAiQueryRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/ai_query";
+import { AiQueryStatus } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/ai_query";
+
+defineOptions({ name: "AiQuery", inheritAttrs: false });
+
+const { BUTTONS } = useAuthButtons();
+const table = ref<ProTableInstance>();
+const detail = reactive({
+  visible: false,
+  row: null as AiQueryRecord | null,
+  loading: false
+});
+
+/** 问数状态枚举选项。 */
+const statusEnum = computed<EnumProps[]>(() => [
+  { label: t("system.ai.query.status.success"), value: AiQueryStatus.AI_QUERY_STATUS_SUCCESS, tagType: "success" },
+  { label: t("system.ai.query.status.failed"), value: AiQueryStatus.AI_QUERY_STATUS_FAILED, tagType: "danger" }
+]);
+
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "id", label: t("system.ai.query.field.id"), width: 90, align: "center" },
+  {
+    prop: "question",
+    label: t("system.ai.query.field.question"),
+    minWidth: 220,
+    showOverflowTooltip: true,
+    search: { el: "input" }
+  },
+  {
+    prop: "user",
+    label: t("system.ai.query.field.user"),
+    minWidth: 120,
+    showOverflowTooltip: true,
+    render: scope => displayUser(scope.row as AiQueryRecord)
+  },
+  {
+    prop: "status",
+    label: t("system.ai.query.field.status"),
+    width: 110,
+    align: "center",
+    enum: statusEnum,
+    search: { el: "select", props: { clearable: true } }
+  },
+  { prop: "row_count", label: t("system.ai.query.field.row_count"), width: 100, align: "right" },
+  { prop: "elapsed_ms", label: t("system.ai.query.field.elapsed_ms"), width: 110, align: "right" },
+  { prop: "created_at", label: t("common.field.created_at"), minWidth: 170, align: "center" },
+  {
+    prop: "operation",
+    label: t("common.field.operation"),
+    cellType: "actions",
+    fixed: "right",
+    width: 120,
+    actions: [
+      {
+        label: t("system.ai.query.action.detail"),
+        link: true,
+        icon: View,
+        hidden: () => !BUTTONS.value["base:ai-query:detail"],
+        onClick: scope => openDetail(scope.row as AiQueryRecord)
+      }
+    ]
+  }
+]);
+
+/** 请求智能问数记录表格数据。 */
+async function requestTable(params: Record<string, unknown>) {
+  const request = buildPageRequest<PageAiQueryRequest>(params as unknown as PageAiQueryRequest);
+  if (!request.status) delete request.status;
+  const data = await defAiQueryService.PageAiQuery(request);
+  return { data: { list: data.queries ?? [], total: data.total } };
+}
+
+/** 展示记录所属用户，昵称缺失时回退账号。 */
+function displayUser(row: AiQueryRecord): string {
+  return row.user_name || String(row.user_id ?? "");
+}
+
+/** 转换问数状态为展示文案。 */
+function statusLabel(status?: AiQueryStatus): string {
+  return status === AiQueryStatus.AI_QUERY_STATUS_SUCCESS
+    ? t("system.ai.query.status.success")
+    : status === AiQueryStatus.AI_QUERY_STATUS_FAILED
+      ? t("system.ai.query.status.failed")
+      : "";
+}
+
+/** 转换问数状态为标签类型。 */
+function statusTagType(status?: AiQueryStatus): "success" | "danger" | "info" {
+  switch (status) {
+    case AiQueryStatus.AI_QUERY_STATUS_SUCCESS:
+      return "success";
+    case AiQueryStatus.AI_QUERY_STATUS_FAILED:
+      return "danger";
+    default:
+      return "info";
+  }
+}
+
+/** 打开问数详情抽屉。 */
+async function openDetail(row: AiQueryRecord) {
+  detail.row = row;
+  detail.visible = true;
+  detail.loading = true;
+  try {
+    detail.row = await defAiQueryService.GetAiQuery({ id: row.id });
+  } finally {
+    detail.loading = false;
+  }
+}
+
+/** 将结果快照行转换为表格行数据，按列下标取值。 */
+const resultRows = computed<Record<string, string>[]>(() => {
+  const columns = detail.row?.result_columns ?? [];
+  return (detail.row?.result_rows ?? []).map(row => {
+    const item: Record<string, string> = {};
+    columns.forEach((_, index) => {
+      item[String(index)] = row.values[index] ?? "";
+    });
+    return item;
+  });
+});
+</script>
+
+<style scoped>
+.ai-query-detail {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.ai-query-detail__meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+}
+
+.ai-query-detail__question {
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.6;
+}
+
+.ai-query-detail__error {
+  padding: 8px 12px;
+  color: var(--el-color-danger);
+  font-size: 13px;
+  border: 1px solid var(--el-color-danger-light-8);
+  border-radius: 6px;
+  background-color: var(--el-color-danger-light-9);
+}
+
+.ai-query-detail__sql-title {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.ai-query-detail__result {
+  width: 100%;
+}
+
+:deep(.ai-query-detail__result .el-table__cell) {
+  font-size: 12px;
+}
+</style>