add: IntelligentAgentCreation.md

novel-app/.vscode/settings.json

@@ -1,3 +1,6 @@
 {
-  "typescript.preferences.autoImportFileExcludePatterns": ["@ionic/angular/common", "@ionic/angular"]
-}
+  "typescript.preferences.autoImportFileExcludePatterns": [
+    "@ionic/angular/common",
+    "@ionic/angular"
+  ]
+}

novel-app/docs-prod/LongStoryGeneration.md

@@ -0,0 +1,133 @@
+# 长篇小说生成模块 uml编写
+
+# 一、Scheema范式设计
+# 长篇小说生成模块
+- 模块描述  
+  - 用户可以创建长篇小说项目，创建长篇小说项目时，可以添加人物词条。  
+  - 每个项目可以添加多个章节。每个章节能够通过填写章节大纲利用ai模型生成章节内容。生成的章节内容能够手动修改。
+## 1.表设计
+### 1.1 长篇小说项目表（LongProject）
+- objectId: String (唯一标识)
+- createdAt: Date (创建时间)
+- title: String (项目标题)
+- characters: Array<Pointer> (人物列表，指向人物表)
+- chapters: Array<Pointer> (章节列表，指向章节表)
+### 1.2 人物表（Character）
+
+- objectId: String (唯一标识)
+- createdAt: Date (创建时间)
+- name: String (人物名称)
+- role: String (人物角色)
+- description: String (人物描述)
+- project: Pointer (所属项目，指向长篇小说项目表)
+### 1.3 章节表（Chapter）
+
+- objectId: String (唯一标识)
+- createdAt: Date (创建时间)
+- title: String (章节标题)
+- content: String (章节内容)
+- project: Pointer (所属项目，指向项目表)
+
+### PlantUML 类图表示
+
+以下是用PlantUML表示的类图：
+
+```plantuml
+@startuml
+
+class LongProject {
+    +objectId: String
+    +createdAt: Date
+    +title: String
+    +characters: Array>
+    +chapters: Array>
+}
+
+class Character {
+    +objectId: String
+    +createdAt: Date
+    +name: String
+    +role: String
+    +description: String
+    +project: Pointer
+}
+
+class Chapter {
+    +objectId: String
+    +createdAt: Date
+    +title: String
+    +content: String
+    +project: Pointer
+}
+
+LongProject "1" -- "0..*" Character : contains
+LongProject "1" -- "0..*" Chapter : contains
+
+@enduml
+```
+# 二、业务逻辑描述
+# 长篇小说生成的完整逻辑
+## 创建逻辑
+- 用户在APP内，通过填写长篇小说名称、添加人物词条，点击提交按钮，触发创建长篇小说项目的逻辑。
+  - 数据来源
+    - 用户输入长篇小说名称，人物词条等数据。
+  - 文本生成
+    - 提示词： 人物生成提示词
+  - 结果储存
+    - LongProject
+      - 项目名称name
+    - Character
+      - 人物名称name
+      - 人物角色role角色在小说中的定位
+      - 人物描述description完整人物描述
+- 添加章节，根据章节大纲生成章节内容
+  - 数据来源
+    - Character
+    - 用户输入：章节标题，章节大纲
+  - 文本生成
+    - 提示词： 章节内容生成提示词（章节大纲）
+  - 生成结果
+    - 章节内容content（生成的章节内容可以手动修改）
+# 智能体创建业务逻辑图例
+>提示词：{业务逻辑}，您是一名专业的产品经理，请您将上述逻辑的每个过程，用plantuml的时序图表示出来。 
+以下是根据小说角色智能体创建的完整逻辑，用 PlantUML 表示的时序图。这个时序图展示了用户在 APP 内创建智能体的各个步骤，包括数据采集、文本生成和结果存储的过程。
+
+```plantuml
+@startuml
+
+actor User
+participant "App" as App
+participant "LongProject" as LongProject
+participant "Character" as Character
+participant "TextGenerationService" as TextGen
+participant "Chapter" as Chapter
+
+== 创建长篇小说项目 ==
+User -> App: 输入长篇小说名称
+User -> App: 添加人物词条
+User -> App: 点击提交按钮
+App -> LongProject: 创建项目\n(name)
+LongProject -> App: 项目创建成功
+App -> TextGen: 生成人物信息\n(提示词)
+TextGen -> Character: 创建人物\n(name, role, description)
+Character -> App: 人物创建成功
+
+== 添加章节 ==
+User -> App: 输入章节标题
+User -> App: 输入章节大纲
+App -> TextGen: 生成章节内容\n(章节大纲)
+TextGen -> Chapter: 创建章节\n(title, outline, content)
+Chapter -> App: 章节创建成功
+App -> User: 显示章节内容\n(content可手动修改)
+
+@enduml
+```
+
+### 说明
+- 用户输入长篇小说名称和人物词条，并点击提交按钮。
+- APP接收到输入后，调用LongProject创建项目，并返回创建成功的消息。
+- 用户填写章节标题和章节大纲，APP调用文本生成服务生成章节内容，使用章节大纲作为提示词。
+- 生成的章节内容存储在Chapter表中，并返回创建成功的消息给APP。
+- APP向用户展示生成的章节内容，内容可以手动修改。
+
+您可以将上述代码放入支持PlantUML的工具中生成相应的时序图。

novel-app/src/app/short-generator/short-generator.page.html

@@ -1,23 +1,57 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-button (click)="goBack()">
+        <ion-icon name="arrow-back"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>短篇小说生成器</ion-title>
+  </ion-toolbar>
+</ion-header>
+
 <ion-content>
-  <h1>风格</h1>
-  <ion-input [value]="fengge" (ionInput)="fenggeInput($event)"></ion-input>
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>作品名称</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-input [(ngModel)]="workTitle" placeholder="请输入作品名称"></ion-input>
+    </ion-card-content>
+  </ion-card>
 
-  <!-- 文本域：生成提示词 -->
-  <h1>人物设定</h1>
-  <ion-textarea [value]="userPrompt" (ionInput)="promptInput($event)" placeholder="文本提示词"
-    autoGrow="true"></ion-textarea>
+  <ion-item>
+    <ion-label>风格选择</ion-label>
+    <ion-select [(ngModel)]="selectedStyle" (ionChange)="onStyleChange()">
+      <ion-select-option value="爱情">爱情</ion-select-option>
+      <ion-select-option value="冒险">冒险</ion-select-option>
+      <ion-select-option value="科幻">科幻</ion-select-option>
+      <ion-select-option value="悬疑">悬疑</ion-select-option>
+    </ion-select>
+  </ion-item>
 
-  <!-- 按钮：执行消息生成函数 -->
-  <ion-button (click)="sendMessage()" expand="block">生成大纲</ion-button>
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>人物词条</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-input [(ngModel)]="characterName" placeholder="人物名称"></ion-input>
+      <ion-select [(ngModel)]="characterGender" placeholder="性别">
+        <ion-select-option value="男">男</ion-select-option>
+        <ion-select-option value="女">女</ion-select-option>
+      </ion-select>
+      <ion-textarea [(ngModel)]="characterDescription" placeholder="人物简介" autoGrow="true"></ion-textarea>
+      <ion-button expand="full" (click)="addCharacter()">新建人物</ion-button>
+    </ion-card-content>
+  </ion-card>
 
-  <!-- 展示：返回消息内容 -->
-  <!-- 消息传输过程中，实时预览 -->
-  @if(!isComplete){
-  <div>{{responseMsg}}</div>
-  }
-  <!-- 消息传输完成后，实时预览Markdown格式 -->
-  @if(isComplete){
-  <fm-markdown-preview class="content-style" [content]="responseMsg"></fm-markdown-preview>
-  }
+  <ion-list>
+    <ion-item *ngFor="let character of characters">
+      <ion-label>
+        <h2>{{ character.name }}</h2>
+        <p>性别: {{ character.gender }}</p>
+        <p>简介: {{ character.description }}</p>
+      </ion-label>
+    </ion-item>
+  </ion-list>
 
 </ion-content>

novel-app/src/app/short-generator/short-generator.page.scss

@@ -1,124 +1,18 @@
-/* short-generator.page.scss */
-
-ion-content {
-    padding: 32px;
-    background: linear-gradient(to bottom, #f8f9fa, #e9ecef);
-    font-family: 'Roboto', sans-serif;
-    color: #333;
+ion-card {
+    margin: 16px;
 }
 
-
-ion-input,
-ion-textarea {
-    margin-bottom: 32px;
-    background-color: #fff;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    border: 1px solid #dee2e6;
-    padding: 16px;
-    font-size: 18px;
-    color: #333;
-    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+.theme-chips {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
 }
 
-ion-input:focus,
-ion-textarea:focus {
-    border-color: #007bff;
-    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
+ion-chip {
+    margin: 4px;
+    cursor: pointer; // 添加光标样式
 }
 
 ion-button {
-    margin-top: 32px;
-    --background: linear-gradient(to right, #007bff, #0056b3);
-    --color: #fff;
-    --border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    font-size: 20px;
-    font-weight: bold;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
-}
-
-ion-button:hover {
-    --background: linear-gradient(to right, #0056b3, #007bff);
-    transform: translateY(-2px);
-    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4);
-}
-
-.content-style {
-    margin-top: 40px;
-    padding: 32px;
-    background-color: #fff;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    border: 1px solid #dee2e6;
-}
-
-/* Markdown Preview Styles */
-.content-style ::ng-deep .markdown-body {
-    font-family: 'Roboto', sans-serif;
-    line-height: 1.8;
-    color: #333;
-}
-
-.content-style ::ng-deep h1 {
-    font-size: 36px;
-    color: #007bff;
-    margin-bottom: 20px;
-}
-
-.content-style ::ng-deep h2 {
-    font-size: 28px;
-    color: #0056b3;
-    margin-bottom: 16px;
-}
-
-.content-style ::ng-deep p {
-    margin-bottom: 24px;
-    font-size: 18px;
-}
-
-.content-style ::ng-deep a {
-    color: #007bff;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-.content-style ::ng-deep a:hover {
-    color: #0056b3;
-    text-decoration: underline;
-}
-
-.content-style ::ng-deep ul,
-.content-style ::ng-deep ol {
-    margin-left: 32px;
-    margin-bottom: 24px;
-}
-
-.content-style ::ng-deep li {
-    margin-bottom: 16px;
-    list-style-type: disc;
-}
-
-.content-style ::ng-deep blockquote {
-    margin: 24px 0;
-    padding-left: 24px;
-    border-left: 4px solid #dee2e6;
-    color: #6c757d;
-    font-style: italic;
-}
-
-.content-style ::ng-deep code {
-    background-color: #f8f9fa;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-family: 'Roboto Mono', monospace;
-}
-
-.content-style ::ng-deep pre {
-    background-color: #f8f9fa;
-    padding: 16px;
-    border-radius: 8px;
-    overflow-x: auto;
-    font-family: 'Roboto Mono', monospace;
-    color: #333;
+    margin-top: 10px; // 按钮与文本框之间的间距
 }

novel-app/src/app/short-generator/short-generator.page.ts

@@ -1,57 +1,52 @@
 import { Component, OnInit } from '@angular/core';
-import { IonIcon } from '@ionic/angular';
-import { IonHeader, IonToolbar, IonTitle, IonContent, IonButton, IonTextarea, IonInput } from '@ionic/angular/standalone';
-/** 引用：从fmode-ng库引用FmodeChatCompletion类 */
-import { FmodeChatCompletion, MarkdownPreviewModule } from 'fmode-ng';
+import { Router } from '@angular/router';
+import { IonicModule } from '@ionic/angular';
+import { FormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-short-generator',
   templateUrl: './short-generator.page.html',
   styleUrls: ['./short-generator.page.scss'],
   standalone: true,
-  imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton, IonTextarea, IonInput,
-    // 引入fm-markdown-preview组件模块
-    MarkdownPreviewModule
-  ],
+  imports: [IonicModule, FormsModule]
 })
 export class ShortGeneratorPage implements OnInit {
-  router: any;
+  workTitle: string = '';
+  selectedStyle: string = '';
+  characterName: string = '';
+  characterGender: string = '';
+  characterDescription: string = '';
+  characters: Array<{ name: string; gender: string; description: string }> = [];
+
   constructor() { }
+
   ngOnInit() { }
-  // 用户输入提示词
-  fengge: string = "风格要求"
-  fenggeInput(ev: any) {
-    this.fengge = ev.detail.value;
-  }
-  // 用户输入提示词
-  userPrompt: string = "请输入人物设定"
-  promptInput(ev: any) {
-    this.userPrompt = ev.detail.value;
+
+  goBack() {
+    // 实现返回逻辑，例如使用路由
   }
-  // 属性：组件内用于展示消息内容的变量
-  responseMsg: any = ""
-  // 方法：实例化completion对象，传入消息数组，并订阅生成的可观察对象。
-  isComplete: boolean = false; // 定义完成状态属性，用来标记是否补全完成
-  sendMessage() {
-    console.log("create")
 
-    let PromptTemplate = `
-    您作为一名专业的${this.fengge}小说作家，请您根据用户描述的小说人物，生成小说大纲。
-    以下是用户的口述：${this.userPrompt}
-    `
+  onStyleChange() {
+    // 处理风格选择变化
+  }
 
-    let completion = new FmodeChatCompletion([
-      { role: "system", content: "" },
-      { role: "user", content: PromptTemplate }
-    ])
-    completion.sendCompletion().subscribe((message: any) => {
-      console.log(message.content);
-      this.responseMsg = message.content;
-      if (message?.complete) {
-        this.isComplete = true;
-        // 跳转到short-novel页面，并传递responseMsg作为参数
-        this.router.navigate(['/short-novel'], { state: { outline: this.responseMsg } });
-      }
+  addCharacter() {
+    console.log('人物创建:', {
+      name: this.characterName,
+      gender: this.characterGender,
+      description: this.characterDescription
     });
+    if (this.characterName && this.characterGender && this.characterDescription) {
+      this.characters.push({
+        name: this.characterName,
+        gender: this.characterGender,
+        description: this.characterDescription
+      });
+    }
+    // 清空输入框
+    this.characterName = '';
+    this.characterGender = '';
+    this.characterDescription = '';
   }
+
 }

novel-app/src/app/tag/README.MD

@@ -0,0 +1 @@
+- 标签组件

novel-app/src/app/tag/tag.component.html

@@ -0,0 +1,3 @@
+<p>
+  tag works!
+</p>

novel-app/src/app/tag/tag.component.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { TagComponent } from './tag.component';
+
+describe('TagComponent', () => {
+  let component: TagComponent;
+  let fixture: ComponentFixture<TagComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TagComponent ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(TagComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

novel-app/src/app/tag/tag.component.ts

@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-tag',
+  templateUrl: './tag.component.html',
+  styleUrls: ['./tag.component.scss'],
+})
+export class TagComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() { }
+
+}