-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+ No Messages
+
+
+
+
+ Suggested Projects
+
+ The following projects were suggested for this source:
+
+
+
+
+
+
+
+
+
+
+
+ `,
+ selector: 'chat-categorize',
+ styles: [
+ `
+ :host {
+ justify-content: center;
+ align-content: center;
+ }
+ `,
+ ],
+})
+export class CategorizeMessage implements OnInit {
+ @Input() message!: ChatMessage;
+
+ @Output() add = new EventEmitter
+
+
+
+ Nice Work!
+
+
+
+ 
+
+
+
+ {{ quip }}
+
+
+
+
+
+ Try Again?
+
+
+
+
+ You got {{ numberCorrect }} out of {{ questions.length }} correct
+
+
+
+
+
+ Uh oh!
+
+ There was a problem with this quiz. You might need to delete this
+ message and try again.
+
+
+
+ `,
+ styles: [
+ `
+ :host {
+ max-width: 100rem !important;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-start;
+ }
+ .question-choice {
+ cursor: pointer !important;
+ display: flex;
+ flex-direction: column;
+ align-content: center;
+ justify-content: center;
+ align-items: center;
+ text-align: center !important;
+ min-width: 50% !important;
+ height: 5rem;
+ }
+ `,
+ ],
+ animations: [fadeInAndOut, flyInOut, fadeIn],
+})
+export class QuizMessage implements OnChanges {
+ @Input() message!: ChatMessage;
+
+ /* The questions, choices, and answers */
+ questions: QuizQuestion[] = [];
+
+ /* The index of the current question */
+ questionIndex = 0;
+
+ complete = false;
+
+ tryAgain = false;
+
+ private quips = [
+ 'Look at you go, you little genius',
+ "It's big brain time",
+ "You're on fire",
+ "You're a wizard, Harry",
+ 'Take it easy, Einstein',
+ 'How do you know all this stuff?',
+ 'Next stop, Jeopardy',
+ 'Can I borrow your brain for a sec?',
+ 'Your mom would be proud',
+ "I'd give you a high five if I could",
+ ];
+
+ quip: string;
+
+ hint?: string = undefined;
+
+ private audio = {
+ correct: new Audio(),
+ incorrect: new Audio(),
+ complete: new Audio(),
+ };
+
+ constructor(private chat: ChatService) {
+ // Select a random quip to display after the user gets all questions correct
+ function getRandomInt(max: number) {
+ return Math.floor(Math.random() * Math.floor(max));
+ }
+ this.quip = this.quips[getRandomInt(this.quips.length)];
+ this.audio.correct.src = 'assets/sounds/correct.wav';
+ this.audio.incorrect.src = 'assets/sounds/incorrect.wav';
+ this.audio.complete.src = 'assets/sounds/complete.wav';
+ this.audio.correct.load();
+ this.audio.incorrect.load();
+ this.audio.complete.load();
+ }
+
+ ngOnChanges(changes: SimpleChanges) {
+ if (changes.message) {
+ setTimeout(() => {
+ this.questions = this.parseQuiz(changes.message.currentValue);
+ }, 100);
+ }
+ }
+
+ get numberCorrect() {
+ return this.questions.filter((question) => question.correct).length;
+ }
+
+ private parseQuiz(message: ChatMessage): QuizQuestion[] {
+ const questions: QuizQuestion[] = [];
+ const qaRegex = /Q.*\n+A.*\n+B.*\n+C.*\n+D.*\n+A.*\n*$/gm;
+ const matches = message.text.match(qaRegex);
+
+ if (!matches) {
+ console.warn('No matches found in quiz message: ', message.text);
+ return [];
+ }
+
+ for (const match of matches) {
+ const components = match.split('\n');
+
+ // Remove any blank elements
+ for (let i = 0; i < components.length; i++) {
+ if (components[i] === '') {
+ components.splice(i, 1);
+ }
+ }
+
+ const question: QuizQuestion = {
+ question: components[0].replace(/Q[0-9]*\. /, ''),
+ choices: [components[1], components[2], components[3], components[4]],
+ answer: components[5].replace('Answer: ', '').substring(0, 1),
+ correct: false,
+ answered: false,
+ };
+ questions.push(question);
+ }
+
+ return questions;
+ }
+
+ answer(question: QuizQuestion, choice: string) {
+ question.answered = true;
+
+ // Answer index is the index of the choice in the choices array
+ const answerIndex = question.choices.indexOf(choice);
+
+ // The answer will be either A, B, C, or D
+ const answer = String.fromCharCode(65 + answerIndex);
+
+ // Check if the answer is correct
+ question.correct = answer === question.answer;
+
+ // If the answer is correct, play a sound
+ if (question.correct) {
+ this.audio.correct.play();
+ } else {
+ this.audio.incorrect.play();
+ }
+
+ setTimeout(() => {
+ this.nextQuestion();
+ }, 1650);
+ }
+
+ nextQuestion() {
+ this.hint = undefined;
+
+ if (this.questions.every((question) => question.answered)) {
+ // If all questions were answered correctly, celebrate with a small animation
+ if (this.questions.every((question) => question.correct)) {
+ this.complete = true;
+ this.audio.complete.play();
+ return;
+ } else {
+ this.tryAgain = true;
+ this.audio.incorrect.play();
+ }
+ }
+
+ // Otherwise, go to the next question that has not been answered correctly
+ // Make sure to wrap around to the beginning if necessary
+ let index = (this.questionIndex + 1) % this.questions.length;
+ while (index < this.questions.length && this.questions[index].correct) {
+ index = (index + 1) % this.questions.length;
+ }
+
+ if (this.questions[index].answered) {
+ this.questions[index].answered = false;
+ }
+ this.questionIndex = index;
+ }
+
+ help(question: QuizQuestion) {
+ this.chat.messages$.pipe(take(1)).subscribe((messages) => {
+ const augmented = [
+ ...this.chat.convertToOpenAI(messages),
+ {
+ role: 'system',
+ content:
+ 'The following is a question from a quiz you gave to the user.',
+ },
+ {
+ role: 'system',
+ content: 'Keep in mind it is a multiple choice question.',
+ },
+ {
+ role: 'system',
+ content: `Question: ${question.question}`,
+ },
+ {
+ role: 'system',
+ content: `The following answer is provided strictly for you to paraphrase and help the user figure it out on their own.`,
+ },
+ {
+ role: 'system',
+ content: `${question.answer}`,
+ },
+ {
+ role: 'system',
+ content:
+ 'Do not, under any circumstance, give the user the answer to this question.',
+ },
+ {
+ role: 'system',
+ content: 'Please starting your response with "hint: "',
+ },
+ {
+ role: 'user',
+ content:
+ 'I need help trying to figure out this question, but I do not want you to tell me the answer.',
+ },
+ ];
+ this.chat
+ .post('/chat', { messages: augmented })
+ .pipe(take(1))
+ .subscribe((response) => {
+ this.hint = response;
+ });
+ });
+ }
+}
diff --git a/src/kc_angular/src/app/components/chat-components/message-templates/topic.message.ts b/src/kc_angular/src/app/components/chat-components/message-templates/topic.message.ts
new file mode 100644
index 00000000..ff5757c8
--- /dev/null
+++ b/src/kc_angular/src/app/components/chat-components/message-templates/topic.message.ts
@@ -0,0 +1,157 @@
+/*
+ * Copyright (c) 2024 Rob Royce
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { fadeIn } from '@app/animations';
+import { ChatMessage } from '@app/models/chat.model';
+import { ChatService } from '@services/chat-services/chat.service';
+import { KcProject } from '@app/models/project.model';
+
+export interface TopicDetails {
+ topic: string;
+ description?: string;
+ added?: boolean;
+ keywords?: string[];
+ passages?: string[];
+ projects?: KcProject[];
+}
+
+@Component({
+ selector: 'chat-topic',
+ template: `
+
+
+
+
+
+
+
+ Correct!
+
+
+
+ Try Again!
+ The correct answer was {{ question.answer }}
+
+
+
+ {{ questions[questionIndex].question }}
+
+
+
+
+
+
+ {{ choice }}
+
+
+ {{ questionIndex + 1 }} /
+ {{ questions.length }}
+
+
+
+
+ Need Help?
+
+
+ {{ hint }}
+
+
+
+ `,
+ styles: [
+ `
+ :host {
+ width: 100%;
+ }
+ `,
+ ],
+ animations: [fadeIn],
+})
+export class TopicMessage implements OnChanges {
+ @Input() message!: ChatMessage;
+
+ topics: TopicDetails[] = [];
+
+ description?: string = '';
+
+ constructor(private chat: ChatService) {}
+
+ ngOnChanges(changes: SimpleChanges) {
+ if (changes.message) {
+ this.topics = this.parseTopics(this.message.text);
+
+ for (const topic of this.topics) {
+ topic.added =
+ this.message.source?.topics?.includes(topic.topic) ||
+ this.message.project?.topics?.includes(topic.topic);
+ }
+
+ setTimeout(() => {
+ this.onClick(this.topics[0]);
+ });
+ }
+ }
+
+ private parseTopics(text: string): TopicDetails[] {
+ const details: TopicDetails[] = [];
+ let topics: string[] = text.split('\n');
+
+ // Filter out empty strings
+ topics = topics.filter(
+ (topic) => topic.trim() !== '' && topic.startsWith('-')
+ );
+
+ for (const topic of topics) {
+ const split = topic.split(':');
+ const topicName = split[0].trim().substring(1).trim();
+ const description = split[1]?.trim() ?? '';
+ details.push({ topic: topicName, description });
+ }
+
+ return details;
+ }
+
+ addTopic(topic: TopicDetails) {
+ topic.added = true;
+ this.chat.addTopic(topic.topic);
+ }
+
+ onClick(topic: TopicDetails) {
+ this.description =
+ this.description === topic?.description ? '' : topic?.description;
+ }
+}
diff --git a/src/kc_angular/src/app/components/chat.component.ts b/src/kc_angular/src/app/components/chat.component.ts
index 8ed3030b..9f2b5d23 100755
--- a/src/kc_angular/src/app/components/chat.component.ts
+++ b/src/kc_angular/src/app/components/chat.component.ts
@@ -1,5 +1,5 @@
/*
- * Copyright (c) 2023 Rob Royce
+ * Copyright (c) 2023-2024 Rob Royce
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
@@ -14,309 +14,30 @@
* limitations under the License.
*/
-import { Component, ViewChild } from '@angular/core';
-import { DataService } from '@services/user-services/data.service';
-import { finalize, map, take, tap } from 'rxjs/operators';
-import { KnowledgeSource } from '../models/knowledge.source.model';
-import { KcProject } from '../models/project.model';
-import { ContextMenu } from 'primeng/contextmenu';
-import { MenuItem } from 'primeng/api';
+import { Component, OnDestroy } from '@angular/core';
import { ProjectService } from '@services/factory-services/project.service';
import { ChatService } from '@services/chat-services/chat.service';
-import { ProjectChat } from '@services/chat-services/project';
-import { ChatViewComponent } from './chat-components/chat.view.component';
-import { SourceChat } from '@services/chat-services/source';
-import { AgentType, ChatMessage } from '@app/models/chat.model';
-import { SettingsService } from '@services/ipc-services/settings.service';
-import { combineLatest } from 'rxjs';
-import { ChatCompletionMessage } from 'openai/resources/chat/completions';
+import { Subscription } from 'rxjs';
@Component({
selector: 'app-chat',
template: `
+
+
+
+
+
+ Topics
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ topic.topic }}
+
+
+ {{ description }}
+
+
+ Click on a topic to learn more
+
+
-
-
diff --git a/src/kc_angular/src/app/components/home.component.ts b/src/kc_angular/src/app/components/home.component.ts
index 8b7eabb3..eb8d7b25 100755
--- a/src/kc_angular/src/app/components/home.component.ts
+++ b/src/kc_angular/src/app/components/home.component.ts
@@ -1,5 +1,5 @@
/*
- * Copyright (c) 2022-2023 Rob Royce
+ * Copyright (c) 2022-2024 Rob Royce
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
@@ -40,7 +40,7 @@ import { finalize, map, take, takeUntil, tap } from 'rxjs/operators';
template: `