aegon-gen 1.0.0

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "aegon-gen",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/src/App.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

package/src/api/index.ts

@@ -0,0 +1,19 @@
+export {
+  postRequest,
+  postStreamRequest,
+  streamPostSse,
+  getToken,
+  buildAuthHeaders,
+  type PostRequestOptions,
+  type SseBlock,
+} from './request'
+
+export {
+  reportApi,
+  REPORT_STREAM_USE_MOCK,
+  MOCK_REPORT_STREAM_TEXT,
+  REPORT_STREAM_API_URL,
+  streamGenerateReport,
+  type GenerateReportParams,
+  type AiStreamParams,
+} from './modules'

package/src/api/modules/gen-ai/gen-entry/index.ts

@@ -0,0 +1,30 @@
+import { postRequest } from '@/api/request'
+import type { genAiReportDataParams } from '@/types/gen-ai/gen-entry/index'
+
+const GEN_AI_API_BASE = '/aiapi/v1'
+
+async function callGenAiPost<T>(action: string, path: string, data?: unknown): Promise<T> {
+  try {
+    const response = await postRequest<T>({ url: `${GEN_AI_API_BASE}${path}`, data })
+    if (response == null) {
+      throw new Error('暫無數據')
+    }
+    return response
+  } catch (error) {
+    console.error(`獲取${action}失敗`, error)
+    throw error
+  }
+}
+
+const genEntryApi = {
+  /** gen-entry: report list；params: usmRight，不傳表示全部 */
+  fetchGenAiReportListData(data: genAiReportDataParams) {
+    return callGenAiPost<unknown>('fetchGenAiReportListData', '/reportLatest', data)
+  },
+
+  fetchtest(data: unknown) {
+    return callGenAiPost<unknown>('fetchtest', '/hello', data)
+  },
+}
+
+export default genEntryApi

package/src/api/modules/gen-ai/model-manager/index.ts

@@ -0,0 +1,42 @@
+import { postRequest } from '@/api/request'
+import type { TemplateItem, TemplateListParams } from '@/types/gen-ai/model-manager/index'
+import modelManagerMockApi from './mockApi'
+
+const GEN_AI_API_BASE = '/aiapi/v1'
+
+/** VITE_GEN_AI_MODEL_MANAGER_MOCK=true 時僅走 mock；默認先請求後端，失敗回退 mock */
+const FORCE_MOCK = import.meta.env.VITE_GEN_AI_MODEL_MANAGER_MOCK === 'true'
+
+async function callGenAiPost<T>(action: string, path: string, data?: unknown): Promise<T> {
+  try {
+    const response = await postRequest<T>({ url: `${GEN_AI_API_BASE}${path}`, data })
+    if (response == null) {
+      throw new Error('暫無數據')
+    }
+    return response
+  } catch (error) {
+    console.error(`獲取${action}失敗`, error)
+    throw error
+  }
+}
+
+const modelManagerApi = {
+  /** model-manager: 模板列表 */
+  async fetchTemplateListData(params: TemplateListParams = {}) {
+    if (FORCE_MOCK) {
+      return modelManagerMockApi.fetchTemplateListData(params)
+    }
+
+    try {
+      return await callGenAiPost<TemplateItem[]>(
+        'fetchTemplateListData',
+        '/template/list',
+        params,
+      )
+    } catch {
+      return modelManagerMockApi.fetchTemplateListData(params)
+    }
+  },
+}
+
+export default modelManagerApi

package/src/api/modules/gen-ai/model-manager/mockApi.ts

@@ -0,0 +1,33 @@
+import type { TemplateItem, TemplateListParams } from '@/types/gen-ai/model-manager/index'
+import { MOCK_TEMPLATES } from '@/views/gen-ai/model-manager/mockData'
+
+const MOCK_DELAY_MS = 200
+
+function delay(ms = MOCK_DELAY_MS) {
+  return new Promise<void>((resolve) => {
+    setTimeout(resolve, ms)
+  })
+}
+
+function filterTemplates(list: TemplateItem[], params: TemplateListParams) {
+  const kw = params.keyword?.trim().toLowerCase() ?? ''
+  return list.filter((item) => {
+    const unitOk = !params.unit || item.unit === params.unit
+    const keywordOk =
+      !kw ||
+      item.name.toLowerCase().includes(kw) ||
+      item.description.toLowerCase().includes(kw) ||
+      item.author.toLowerCase().includes(kw)
+    return unitOk && keywordOk
+  })
+}
+
+const modelManagerMockApi = {
+  /** 模板列表（本地 mock） */
+  async fetchTemplateListData(params: TemplateListParams = {}) {
+    await delay()
+    return filterTemplates([...MOCK_TEMPLATES], params)
+  },
+}
+
+export default modelManagerMockApi

package/src/api/modules/index.ts

@@ -0,0 +1,98 @@
+import { getToken, streamPostSse } from '../request'
+
+/** 仅当 VITE_REPORT_STREAM_MOCK=true 时使用 Mock；默认走真实 SSE 接口调试 */
+export const REPORT_STREAM_USE_MOCK =
+  import.meta.env.VITE_REPORT_STREAM_MOCK === 'true'
+
+export const REPORT_STREAM_API_URL =
+  import.meta.env.VITE_REPORT_STREAM_URL || '/sse/aiStream'
+
+export const MOCK_REPORT_STREAM_TEXT = `# 行业分析报告（Mock）
+
+## 摘要與本年總結
+
+本报告为本地 Mock 流式输出。接入后端 SSE 后由接口返回替换。
+
+## 宏觀環境與政策背景
+
+宏观政策延续稳健基调，行业监管框架逐步完善。`
+
+export interface GenerateReportParams {
+  userId?: string
+  question?: string
+  chapters?: string[]
+  chapterVersions?: Record<string, string>
+  reportMode?: string
+}
+
+export interface AiStreamParams {
+  userId: string
+  question: string
+}
+
+function buildMockStreamText(params: GenerateReportParams): string {
+  const chapters = params.chapters?.length
+    ? params.chapters
+        .map((label, i) => `## ${label}\n\n（Mock）第 ${i + 1} 章内容占位。\n`)
+        .join('\n')
+    : MOCK_REPORT_STREAM_TEXT
+
+  return `# 生成报告预览（Mock）\n\n**模式**：${params.reportMode === 'rewrite' ? '重寫整篇報告' : '拼裝並潤色'}\n\n${chapters}`
+}
+
+async function* streamMockReport(text: string): AsyncGenerator<string> {
+  for (const char of text) {
+    yield char
+    await new Promise((resolve) => setTimeout(resolve, 12))
+  }
+}
+
+async function* streamAiReportSse(
+  params: AiStreamParams,
+  signal?: AbortSignal,
+): AsyncGenerator<string> {
+  for await (const block of streamPostSse({
+    url: REPORT_STREAM_API_URL,
+    data: params,
+    signal,
+  })) {
+    if (block.event === 'text') {
+      yield block.data
+    }
+    if (block.event === 'end') {
+      return
+    }
+  }
+}
+
+/** 与 basicInformationApi 同风格的 reportApi */
+export const reportApi = {
+  getToken,
+
+  /** SSE 流式生成报告（POST + Token，event: text / end） */
+  async *streamAiReport(params: AiStreamParams, signal?: AbortSignal) {
+    yield* streamAiReportSse(params, signal)
+  },
+
+  async *generateReport(params: GenerateReportParams, signal?: AbortSignal) {
+    yield* streamGenerateReport(params, signal)
+  },
+}
+
+export async function* streamGenerateReport(
+  params: GenerateReportParams,
+  signal?: AbortSignal,
+): AsyncGenerator<string> {
+  if (REPORT_STREAM_USE_MOCK) {
+    yield* streamMockReport(buildMockStreamText(params))
+    return
+  }
+
+  yield* streamAiReportSse(
+    {
+      userId: params.userId ?? 'user001',
+      question: params.question ?? '介绍一下SSE流式传输',
+    },
+    signal,
+  )
+}

package/src/api/modules/user/index.ts

@@ -0,0 +1,4 @@
+/** 用户相关 API（占位，按业务扩展） */
+const userApi = {}
+
+export default userApi

package/src/api/request.ts

@@ -0,0 +1,102 @@
+export interface PostRequestOptions {
+  url: string
+  data?: unknown
+  signal?: AbortSignal
+}
+
+export function getToken(): string {
+  return localStorage.getItem('token') || ''
+}
+
+export function buildAuthHeaders(): HeadersInit {
+  const token = getToken()
+  return {
+    'Content-Type': 'application/json',
+    ...(token ? { Authorization: `Bearer ${token}` } : {}),
+  }
+}
+
+/** 普通 POST JSON 請求（已含 method / Content-Type / Authorization） */
+export async function postRequest<T = unknown>(options: PostRequestOptions): Promise<T> {
+  const response = await fetch(options.url, {
+    method: 'POST',
+    headers: buildAuthHeaders(),
+    body: JSON.stringify(options.data ?? {}),
+    signal: options.signal,
+  })
+
+  if (!response.ok) {
+    throw new Error(`請求失敗 ${response.status}`)
+  }
+
+  return response.json() as Promise<T>
+}
+
+/** SSE POST 請求（與 postRequest 相同 headers，返回原始 Response 供流式讀取） */
+export async function postStreamRequest(options: PostRequestOptions): Promise<Response> {
+  const response = await fetch(options.url, {
+    method: 'POST',
+    headers: buildAuthHeaders(),
+    body: JSON.stringify(options.data ?? {}),
+    signal: options.signal,
+  })
+
+  if (!response.ok) {
+    throw new Error(`請求失敗 ${response.status}`)
+  }
+
+  return response
+}
+
+export interface SseBlock {
+  event: string
+  data: string
+}
+
+function parseSseBlock(block: string): SseBlock | null {
+  if (!block.trim()) return null
+
+  let event = ''
+  let data = ''
+  for (const line of block.split('\n')) {
+    if (line.startsWith('event:')) {
+      event = line.replace('event:', '').trim()
+    } else if (line.startsWith('data:')) {
+      data += line.replace('data:', '')
+    }
+  }
+
+  return { event, data }
+}
+
+/** SSE POST 流（event: text / end），基于 postRequest 同款 headers */
+export async function* streamPostSse(
+  options: PostRequestOptions,
+): AsyncGenerator<SseBlock> {
+  const response = await postStreamRequest(options)
+  const reader = response.body?.getReader()
+  if (!reader) {
+    throw new Error('No reader')
+  }
+
+  const decoder = new TextDecoder('utf-8')
+  let buffer = ''
+
+  try {
+    while (true) {
+      const { done, value } = await reader.read()
+      if (done) break
+
+      buffer += decoder.decode(value, { stream: true })
+      const blocks = buffer.split('\n\n')
+      buffer = blocks.pop() || ''
+
+      for (const block of blocks) {
+        const parsed = parseSseBlock(block)
+        if (parsed) yield parsed
+      }
+    }
+  } finally {
+    reader.releaseLock()
+  }
+}

package/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/CapsuleScrollbar.vue

@@ -0,0 +1,93 @@
+<template>
+  <div
+    v-if="canScroll"
+    :class="[rootClass, { [`${rootClass}--hidden`]: !shown }]"
+    :style="rootStyle"
+    aria-hidden="true"
+  >
+    <div :class="thumbClass" :style="thumbStyle" @mousedown.stop="onThumbMouseDown" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { initCapsuleScrollbarGlobal, useCapsuleScrollbar } from '@/utils/gen-ai-scroll'
+import { onMounted, ref, toRef, toValue, watch, type MaybeRef } from 'vue'
+
+const props = withDefaults(
+  defineProps<{
+    /** 滾動容器；模板傳 ref 時會自動解包為 HTMLElement */
+    scrollEl?: MaybeRef<HTMLElement | null>
+    anchorEl?: MaybeRef<HTMLElement | null>
+    active?: boolean
+    gutterPx?: number
+    thumbWidthPx?: number
+    minThumbPx?: number
+    visibleRatio?: number
+    alwaysVisible?: boolean
+    autoHideAfterMs?: number
+    rightOffsetPx?: number
+    classPrefix?: string
+  }>(),
+  {
+    scrollEl: null,
+    anchorEl: null,
+    active: false,
+    alwaysVisible: false,
+    autoHideAfterMs: 3000,
+    visibleRatio: 1,
+    rightOffsetPx: 1,
+  },
+)
+
+const scrollElRef = ref<HTMLElement | null>(toValue(props.scrollEl))
+const anchorElRef = ref<HTMLElement | null>(toValue(props.anchorEl))
+const activeRef = toRef(props, 'active')
+
+watch(
+  () => toValue(props.scrollEl),
+  (el) => {
+    scrollElRef.value = el ?? null
+  },
+  { immediate: true },
+)
+
+watch(
+  () => toValue(props.anchorEl),
+  (el) => {
+    anchorElRef.value = el ?? null
+  },
+  { immediate: true },
+)
+
+onMounted(() => {
+  initCapsuleScrollbarGlobal({
+    classPrefix: props.classPrefix,
+    thumbWidthPx: props.thumbWidthPx,
+  })
+})
+
+const {
+  canScroll,
+  shown,
+  rootStyle,
+  thumbStyle,
+  rootClass,
+  thumbClass,
+  onThumbMouseDown,
+  refresh,
+} = useCapsuleScrollbar({
+  scrollEl: scrollElRef,
+  anchorEl: anchorElRef,
+  active: activeRef,
+  gutterPx: props.gutterPx,
+  thumbWidthPx: props.thumbWidthPx,
+  minThumbPx: props.minThumbPx,
+  visibleRatio: props.visibleRatio,
+  alwaysVisible: props.alwaysVisible,
+  autoHideAfterMs: props.autoHideAfterMs,
+  rightOffsetPx: props.rightOffsetPx,
+  classPrefix: props.classPrefix,
+})
+
+defineExpose({ refresh })
+</script>