diff --git a/src/app/chat/chat.component.scss b/src/app/chat/chat.component.scss
index e243b9851d..329e2080bc 100644
--- a/src/app/chat/chat.component.scss
+++ b/src/app/chat/chat.component.scss
@@ -53,3 +53,25 @@ textarea:focus {
border-color: #007bff;
box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}
+
+.fullscreen {
+ .space-container {
+ height: 100vh;
+ }
+
+ .form-container {
+ display: none;
+ }
+
+ .chat-container {
+ flex-grow: 1;
+ overflow-y: auto;
+ margin: 0;
+ }
+
+ textarea {
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ box-shadow: none;
+ }
+}
diff --git a/src/app/chat/chat.component.ts b/src/app/chat/chat.component.ts
index cc7eb4b7e7..2fa762ad92 100644
--- a/src/app/chat/chat.component.ts
+++ b/src/app/chat/chat.component.ts
@@ -13,6 +13,7 @@ import { ChatService } from '../shared/chat.service';
})
export class ChatComponent implements OnInit {
spinnerOn = true;
+ isFullscreen = false;
promptForm: FormGroup;
messages: any[] = [];
conversations: any[] = [];
@@ -83,17 +84,21 @@ export class ChatComponent implements OnInit {
);
}
-sanitizeText(text: string): string {
- // Replace newline characters with
tags
- const textWithLineBreaks = text.replace(/\n/g, '
');
+ sanitizeText(text: string): string {
+ // Replace newline characters with
tags
+ const textWithLineBreaks = text.replace(/\n/g, '
');
- // Replace code block markers with tags
- const codeBlockStart = /```/g;
- const codeBlockEnd = /```/g;
- const textWithCodeBlocks = textWithLineBreaks
- .replace(codeBlockStart, '')
- .replace(codeBlockEnd, '
');
+ // Replace code block markers with tags
+ const codeBlockStart = /```/g;
+ const codeBlockEnd = /```/g;
+ const textWithCodeBlocks = textWithLineBreaks
+ .replace(codeBlockStart, '')
+ .replace(codeBlockEnd, '
');
- return textWithCodeBlocks;
-}
+ return textWithCodeBlocks;
+ }
+
+ toggleFullScreen() {
+ this.isFullscreen = !this.isFullscreen;
+ }
}