aegon-dangerious 1.0.0

package/build-report/useReportWorkflow.ts

@@ -0,0 +1,343 @@
+import { computed, reactive, ref, watch } from 'vue'
+import type { ReportTemplateCard } from './report-template-data'
+
+export const FILE_SIZE_LIMIT_KB = 100 * 1024
+export const SOURCE_VISIBLE_LIMIT = 5
+
+export type SourceFilterTab = 'all' | 'selected' | 'unselected'
+
+export interface PendingFile {
+  id: string
+  name: string
+  sizeKb: number
+}
+
+export interface SourceFile {
+  id: string
+  name: string
+  selected: boolean
+}
+
+export const MOCK_PENDING_FILES: PendingFile[] = [
+  { id: 'p1', name: 'file_4.docx', sizeKb: 107782 },
+  { id: 'p2', name: 'file_3.xlsx', sizeKb: 530 },
+  { id: 'p3', name: 'file_1.pdf', sizeKb: 325 },
+]
+
+export const MOCK_SOURCE_FILES: SourceFile[] = [
+  { id: 's1', name: '香港物業市場回顧及前瞻2024.pdf', selected: true },
+  { id: 's2', name: '2024年香港住宅物業價格與租金走勢分析.pdf', selected: true },
+  { id: 's3', name: '香港商業地產市場年度觀察報告2024.pdf', selected: true },
+  { id: 's4', name: '香港房地產市場2024年回顧與展望.docx', selected: false },
+  { id: 's5', name: '香港住宅租金指數2024年數據匯總.xlsx', selected: false },
+  { id: 's6', name: '香港物業市場季度監測報告2024Q4.pdf', selected: false },
+]
+
+export type ReportEditorRole = 'initiator' | 'editor'
+
+export interface ReportEditor {
+  id: string
+  name: string
+  employeeId: string
+  department: string
+  role: ReportEditorRole
+}
+
+export interface UmsEditorCandidate {
+  id: string
+  name: string
+  employeeId: string
+  department: string
+}
+
+export const CURRENT_USER_ID = '8000121'
+
+export const MOCK_REPORT_EDITORS: ReportEditor[] = [
+  { id: '8000121', name: '陳大文', employeeId: '8000121', department: 'CMM', role: 'initiator' },
+  { id: '8000122', name: '陳大大', employeeId: '8000122', department: 'CCMC', role: 'editor' },
+  { id: '8000123', name: '張小小', employeeId: '8000123', department: 'CMM', role: 'editor' },
+]
+
+export const MOCK_UMS_EDITOR_USERS: UmsEditorCandidate[] = [
+  { id: '9000101', name: '張偉', employeeId: '9000101', department: 'CMM' },
+  { id: '9000102', name: '李明', employeeId: '9000102', department: 'CCMC' },
+  { id: '9000103', name: '王芳', employeeId: '9000103', department: 'CMM' },
+  { id: '9000104', name: '陳強', employeeId: '9000104', department: 'RMD' },
+  { id: '9000105', name: '劉洋', employeeId: '9000105', department: 'CMM' },
+]
+
+export type ReportModelStep = 'select' | 'detail' | 'generating' | 'prompt'
+export type PromptRightPanel = 'prompt' | 'settings'
+
+export interface PromptChapterForm {
+  prompt: string
+  enableBodyContent: boolean
+  bodyWordLimit: number
+  enableTable: boolean
+  tableTitle: string
+  tableRowLabels: string
+  tableColumnLabels: string
+  tableContent: string
+  enableSourceChart: boolean
+  chartDescription: string
+}
+
+export function createDefaultPromptChapterForm(): PromptChapterForm {
+  return {
+    prompt: '',
+    enableBodyContent: false,
+    bodyWordLimit: 500,
+    enableTable: true,
+    tableTitle: '',
+    tableRowLabels: '',
+    tableColumnLabels: '',
+    tableContent: '',
+    enableSourceChart: true,
+    chartDescription: '',
+  }
+}
+
+export interface ReportDraft {
+  industry: string
+  researchFocus: string
+  year: string
+  reportName: string
+  language: string
+  wordsPerChapter: string
+  model: string
+  searchMode: string
+  weight: number
+  rerank: boolean
+  rerankTopN: number
+  rerankThreshold: number
+  sourceCount: number
+}
+
+const STORAGE_KEY = 'gen-ai-report-workflow-draft'
+const TEMPLATE_STORAGE_KEY = 'gen-ai-report-workflow-template'
+
+const draft = reactive<ReportDraft>({
+  industry: '',
+  researchFocus: '',
+  year: String(new Date().getFullYear()),
+  reportName: '',
+  language: 'zh-Hant',
+  wordsPerChapter: '',
+  model: 'gpt-666',
+  searchMode: 'Hybrid Search',
+  weight: 0.5,
+  rerank: true,
+  rerankTopN: 5,
+  rerankThreshold: 0.5,
+  sourceCount: 0,
+})
+
+const selectedTemplate = ref<ReportTemplateCard | null>(null)
+const modelStep = ref<ReportModelStep>('select')
+const editViewOpen = ref(false)
+const promptRightPanel = ref<PromptRightPanel>('prompt')
+const generationDone = ref(false)
+const generatedChapterBodies = ref<string[]>([])
+const sourceFiles = ref<SourceFile[]>([...MOCK_SOURCE_FILES])
+const pendingFiles = ref<PendingFile[]>([])
+const reportEditors = ref<ReportEditor[]>([...MOCK_REPORT_EDITORS])
+const promptChapterForm = reactive<PromptChapterForm>(createDefaultPromptChapterForm())
+const chapterEditMode = ref(false)
+let chapterEditSnapshot: string | null = null
+
+function serializeChapterEditState() {
+  return JSON.stringify({
+    prompt: { ...promptChapterForm },
+    sources: sourceFiles.value.map((file) => ({ id: file.id, selected: file.selected })),
+  })
+}
+
+function restoreChapterEditSnapshot(snapshot: string) {
+  const parsed = JSON.parse(snapshot) as {
+    prompt: PromptChapterForm
+    sources: Array<{ id: string; selected: boolean }>
+  }
+  Object.assign(promptChapterForm, parsed.prompt)
+  for (const file of sourceFiles.value) {
+    const saved = parsed.sources.find((item) => item.id === file.id)
+    if (saved) file.selected = saved.selected
+  }
+}
+
+function isChapterEditDirty() {
+  if (!chapterEditSnapshot) return false
+  return serializeChapterEditState() !== chapterEditSnapshot
+}
+
+function enterChapterEditMode() {
+  chapterEditSnapshot = serializeChapterEditState()
+  chapterEditMode.value = true
+}
+
+function commitChapterEdit() {
+  chapterEditSnapshot = serializeChapterEditState()
+  chapterEditMode.value = false
+}
+
+function exitChapterEditMode(revert = false) {
+  if (revert && chapterEditSnapshot) {
+    restoreChapterEditSnapshot(chapterEditSnapshot)
+  } else if (chapterEditMode.value) {
+    chapterEditSnapshot = serializeChapterEditState()
+  }
+  chapterEditMode.value = false
+}
+
+function resetChapterEditMode() {
+  chapterEditSnapshot = null
+  chapterEditMode.value = false
+}
+
+function saveDraftToSession() {
+  sessionStorage.setItem(STORAGE_KEY, JSON.stringify({ ...draft }))
+}
+
+function loadDraftFromSession() {
+  const raw = sessionStorage.getItem(STORAGE_KEY)
+  if (!raw) return
+  try {
+    const parsed = JSON.parse(raw) as Partial<ReportDraft>
+    Object.assign(draft, parsed)
+  } catch {
+    // ignore invalid cache
+  }
+}
+
+function saveTemplateToSession() {
+  if (!selectedTemplate.value) {
+    sessionStorage.removeItem(TEMPLATE_STORAGE_KEY)
+    return
+  }
+  sessionStorage.setItem(TEMPLATE_STORAGE_KEY, JSON.stringify(selectedTemplate.value))
+}
+
+function loadTemplateFromSession() {
+  const raw = sessionStorage.getItem(TEMPLATE_STORAGE_KEY)
+  if (!raw) return
+  try {
+    selectedTemplate.value = JSON.parse(raw) as ReportTemplateCard
+  } catch {
+    sessionStorage.removeItem(TEMPLATE_STORAGE_KEY)
+  }
+}
+
+watch(
+  sourceFiles,
+  () => {
+    draft.sourceCount = sourceFiles.value.filter((file) => file.selected).length
+    saveDraftToSession()
+  },
+  { deep: true },
+)
+
+export function useReportWorkflow() {
+  const hasTemplate = computed(() => !!selectedTemplate.value)
+
+  const currentUserEditor = computed(
+    () => reportEditors.value.find((editor) => editor.id === CURRENT_USER_ID) ?? null,
+  )
+  const isReportInitiator = computed(() => currentUserEditor.value?.role === 'initiator')
+  const isReportEditor = computed(() => currentUserEditor.value?.role === 'editor')
+  const canManageReportEditors = computed(() => isReportInitiator.value)
+  const canEditReport = computed(() => isReportInitiator.value || isReportEditor.value)
+
+  function patchDraft(partial: Partial<ReportDraft>) {
+    Object.assign(draft, partial)
+    saveDraftToSession()
+  }
+
+  function setSelectedTemplate(template: ReportTemplateCard | null) {
+    selectedTemplate.value = template
+    saveTemplateToSession()
+  }
+
+  function setModelStep(step: ReportModelStep) {
+    modelStep.value = step
+    if (step !== 'prompt') {
+      promptRightPanel.value = 'prompt'
+      resetChapterEditMode()
+    }
+  }
+
+  function showPromptSettingsPanel() {
+    exitChapterEditMode(true)
+    promptRightPanel.value = 'settings'
+  }
+
+  function showPromptEditorPanel() {
+    promptRightPanel.value = 'prompt'
+  }
+
+  function openReportEdit(step: ReportModelStep = 'select') {
+    editViewOpen.value = true
+    setModelStep(step)
+    if (step === 'prompt') {
+      promptRightPanel.value = 'prompt'
+    }
+  }
+
+  function closeReportEdit() {
+    editViewOpen.value = false
+  }
+
+  function setGeneratedChapterBodies(bodies: string[]) {
+    generatedChapterBodies.value = bodies
+  }
+
+  function markGenerationSuccess() {
+    generationDone.value = true
+    editViewOpen.value = true
+    modelStep.value = 'prompt'
+    promptRightPanel.value = 'prompt'
+  }
+
+  function resetWorkflow() {
+    selectedTemplate.value = null
+    modelStep.value = 'select'
+    generationDone.value = false
+  }
+
+  return {
+    draft,
+    selectedTemplate,
+    modelStep,
+    editViewOpen,
+    promptRightPanel,
+    generationDone,
+    generatedChapterBodies,
+    sourceFiles,
+    pendingFiles,
+    reportEditors,
+    currentUserEditor,
+    isReportInitiator,
+    isReportEditor,
+    canManageReportEditors,
+    canEditReport,
+    hasTemplate,
+    promptChapterForm,
+    chapterEditMode,
+    enterChapterEditMode,
+    commitChapterEdit,
+    exitChapterEditMode,
+    isChapterEditDirty,
+    resetChapterEditMode,
+    saveDraftToSession,
+    loadDraftFromSession,
+    loadTemplateFromSession,
+    patchDraft,
+    setSelectedTemplate,
+    setModelStep,
+    showPromptSettingsPanel,
+    showPromptEditorPanel,
+    openReportEdit,
+    closeReportEdit,
+    setGeneratedChapterBodies,
+    markGenerationSuccess,
+    resetWorkflow,
+  }
+}

package/build-report/utils/report-edit-route.ts

@@ -0,0 +1,109 @@
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router'
+import { resolveReportTemplateById, type ReportTemplateCard } from '../report-template-data'
+import type { ReportModelStep, PromptRightPanel } from '../useReportWorkflow'
+
+export const BUILD_REPORT_PATH = '/gen-ai/build-report'
+export const REPORT_EDIT_PAGE_NAME = 'reportEdit'
+
+const VALID_STEPS = new Set<ReportModelStep>(['select', 'detail', 'generating', 'prompt'])
+
+export function isReportEditRoute(route: RouteLocationNormalizedLoaded) {
+  return route.query.pageName === REPORT_EDIT_PAGE_NAME
+}
+
+export function parseReportEditStep(route: RouteLocationNormalizedLoaded): ReportModelStep | null {
+  if (!isReportEditRoute(route)) return null
+  const step = route.query.step
+  if (step === 'generate-settings') return 'prompt'
+  if (typeof step === 'string' && VALID_STEPS.has(step as ReportModelStep)) {
+    return step as ReportModelStep
+  }
+  return 'select'
+}
+
+export function parsePromptRightPanel(route: RouteLocationNormalizedLoaded): PromptRightPanel {
+  if (route.query.step === 'generate-settings' || route.query.rightPanel === 'settings') {
+    return 'settings'
+  }
+  return 'prompt'
+}
+
+export function buildReportEditQuery(step: ReportModelStep, templateId?: string, rightPanel?: PromptRightPanel) {
+  const query: Record<string, string> = {
+    pageName: REPORT_EDIT_PAGE_NAME,
+    step,
+  }
+  if (templateId) query.templateId = templateId
+  if (step === 'prompt' && rightPanel === 'settings') query.rightPanel = 'settings'
+  return query
+}
+
+export function navigateToReportEdit(
+  router: Router,
+  step: ReportModelStep = 'select',
+  templateId?: string,
+  replace = false,
+  rightPanel?: PromptRightPanel,
+) {
+  const location = { path: BUILD_REPORT_PATH, query: buildReportEditQuery(step, templateId, rightPanel) }
+  return replace ? router.replace(location) : router.push(location)
+}
+
+export function exitReportEdit(router: Router) {
+  return router.replace({ path: BUILD_REPORT_PATH })
+}
+
+interface ReportEditRouteSyncActions {
+  openReportEdit: (step: ReportModelStep) => void
+  closeReportEdit: () => void
+  setSelectedTemplate: (template: ReportTemplateCard | null) => void
+  loadTemplateFromSession: () => void
+  showPromptSettingsPanel: () => void
+  showPromptEditorPanel: () => void
+}
+
+export function createReportEditRouteSyncActions(
+  workflow: ReturnType<typeof import('../useReportWorkflow').useReportWorkflow>,
+): ReportEditRouteSyncActions {
+  return {
+    openReportEdit: workflow.openReportEdit,
+    closeReportEdit: workflow.closeReportEdit,
+    setSelectedTemplate: workflow.setSelectedTemplate,
+    loadTemplateFromSession: workflow.loadTemplateFromSession,
+    showPromptSettingsPanel: workflow.showPromptSettingsPanel,
+    showPromptEditorPanel: workflow.showPromptEditorPanel,
+  }
+}
+
+export function syncWorkflowFromReportEditRoute(
+  route: RouteLocationNormalizedLoaded,
+  actions: ReportEditRouteSyncActions,
+) {
+  const step = parseReportEditStep(route)
+  if (!step) {
+    actions.closeReportEdit()
+    return
+  }
+
+  actions.openReportEdit(step)
+
+  const rightPanel = parsePromptRightPanel(route)
+  if (step === 'prompt' && rightPanel === 'settings') {
+    actions.showPromptSettingsPanel()
+  } else if (step === 'prompt') {
+    actions.showPromptEditorPanel()
+  }
+
+  const templateId = route.query.templateId
+  if (typeof templateId === 'string') {
+    const found = resolveReportTemplateById(templateId)
+    if (found) {
+      actions.setSelectedTemplate(found)
+      return
+    }
+  }
+
+  if (step === 'detail' || step === 'generating' || step === 'prompt') {
+    actions.loadTemplateFromSession()
+  }
+}