+ @if (Env.IsDevelopment())
+ {
+ An unhandled exception has occurred. See browser dev tools for details.
+ }
+ else if (Env.IsStaging() || Env.IsProduction())
+ {
+ An error has occurred. This application may no longer respond until reloaded.
+ }
+ Reload
+ 🗙
+
+
+
diff --git a/AIChat/AbpAiChat/Components/Layout/LoadingSpinner.razor.css b/AIChat/AbpAiChat/Components/Layout/LoadingSpinner.razor.css
new file mode 100644
index 0000000000..cb93f7e0c4
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Layout/LoadingSpinner.razor.css
@@ -0,0 +1,89 @@
+/* Used under CC0 license */
+
+.lds-ellipsis {
+ color: #666;
+ animation: fade-in 1s;
+}
+
+@keyframes fade-in {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.lds-ellipsis,
+.lds-ellipsis div {
+ box-sizing: border-box;
+}
+
+.lds-ellipsis {
+ margin: auto;
+ display: block;
+ position: relative;
+ width: 80px;
+ height: 80px;
+}
+
+.lds-ellipsis div {
+ position: absolute;
+ top: 33.33333px;
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ background: currentColor;
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+
+ .lds-ellipsis div:nth-child(1) {
+ left: 8px;
+ animation: lds-ellipsis1 0.6s infinite;
+ }
+
+ .lds-ellipsis div:nth-child(2) {
+ left: 8px;
+ animation: lds-ellipsis2 0.6s infinite;
+ }
+
+ .lds-ellipsis div:nth-child(3) {
+ left: 32px;
+ animation: lds-ellipsis2 0.6s infinite;
+ }
+
+ .lds-ellipsis div:nth-child(4) {
+ left: 56px;
+ animation: lds-ellipsis3 0.6s infinite;
+ }
+
+@keyframes lds-ellipsis1 {
+ 0% {
+ transform: scale(0);
+ }
+
+ 100% {
+ transform: scale(1);
+ }
+}
+
+@keyframes lds-ellipsis3 {
+ 0% {
+ transform: scale(1);
+ }
+
+ 100% {
+ transform: scale(0);
+ }
+}
+
+@keyframes lds-ellipsis2 {
+ 0% {
+ transform: translate(0, 0);
+ }
+
+ 100% {
+ transform: translate(24px, 0);
+ }
+}
diff --git a/AIChat/AbpAiChat/Components/Pages/Chat/Chat.razor b/AIChat/AbpAiChat/Components/Pages/Chat/Chat.razor
new file mode 100644
index 0000000000..aded47f9b4
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Chat/Chat.razor
@@ -0,0 +1,139 @@
+@page "/chat"
+@using System.ComponentModel
+@using AbpAiChat.Services
+@using Volo.Abp.Users
+@inject IChatClient ChatClient
+@inject NavigationManager Nav
+@inject SemanticSearch Search
+@implements IDisposable
+
+
To get started, try asking about these example documents. You can replace these with your own data and replace this message.
+
+
+
+@code {
+ private const string SystemPrompt = @"
+ You are an assistant who answers questions about information you retrieve.
+ Do not answer questions about anything else.
+ Use only simple markdown to format your responses.
+
+ Use the search tool to find relevant information. When you do this, end your
+ reply with citations in the special XML format:
+
+
+
+
+}
+
+@code {
+ [Parameter]
+ public string File { get; set; }
+
+ [Parameter]
+ public int? PageNumber { get; set; }
+
+ [Parameter]
+ public string Quote { get; set; }
+
+ private string? viewerUrl;
+
+ protected override void OnParametersSet()
+ {
+ viewerUrl = null;
+
+ // If you ingest other types of content besides PDF files, construct a URL to an appropriate viewer here
+ if (File.EndsWith(".pdf"))
+ {
+ var search = Quote?.Trim('.', ',', ' ', '\n', '\r', '\t', '"', '\'');
+ viewerUrl = $"ai-libs/pdf_viewer/viewer.html?file=/Data/{HttpUtility.UrlEncode(File)}#page={PageNumber}&search={HttpUtility.UrlEncode(search)}&phrase=true";
+ }
+ }
+}
diff --git a/AIChat/AbpAiChat/Components/Pages/Chat/ChatCitation.razor.css b/AIChat/AbpAiChat/Components/Pages/Chat/ChatCitation.razor.css
new file mode 100644
index 0000000000..9d73268820
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Chat/ChatCitation.razor.css
@@ -0,0 +1,37 @@
+.citation {
+ display: inline-flex;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 0.75rem;
+ padding-right: 0.75rem;
+ margin-top: 1rem;
+ margin-right: 1rem;
+ border-bottom: 2px solid #a770de;
+ gap: 0.5rem;
+ border-radius: 0.25rem;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ background-color: #ffffff;
+}
+
+.citation[href]:hover {
+ outline: 1px solid #865cb1;
+}
+
+.citation svg {
+ width: 1.5rem;
+ height: 1.5rem;
+}
+
+.citation:active {
+ background-color: rgba(0,0,0,0.05);
+}
+
+.citation-content {
+ display: flex;
+ flex-direction: column;
+}
+
+.citation-file {
+ font-weight: 600;
+}
diff --git a/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor b/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor
new file mode 100644
index 0000000000..7916592507
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor
@@ -0,0 +1,17 @@
+@File
+ @Quote
+
+
+
+@code {
+ [Parameter]
+ public EventCallback OnNewChat { get; set; }
+}
diff --git a/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor.css b/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor.css
new file mode 100644
index 0000000000..1fe16f7219
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Chat/ChatHeader.razor.css
@@ -0,0 +1,25 @@
+.chat-header-container {
+ top: 0;
+ padding: 1.5rem;
+}
+
+.chat-header-controls {
+ margin-bottom: 1.5rem;
+}
+
+h1 {
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.new-chat-icon {
+ width: 1.25rem;
+ height: 1.25rem;
+ color: rgb(55, 65, 81);
+}
+
+@media (min-width: 768px) {
+ .chat-header-container {
+ position: sticky;
+ }
+}
diff --git a/AIChat/AbpAiChat/Components/Pages/Chat/ChatInput.razor b/AIChat/AbpAiChat/Components/Pages/Chat/ChatInput.razor
new file mode 100644
index 0000000000..e87ac6ccf4
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Chat/ChatInput.razor
@@ -0,0 +1,51 @@
+@inject IJSRuntime JS
+
+
+
+
+
+ AiChat
+
+
+
+ }
+ }
+}
+
+@code {
+ private static readonly ConditionalWeakTable
+ Searching:
+ @searchPhrase
+ @if (fcc.Arguments?.TryGetValue("filenameFilter", out var filenameObj) is true && filenameObj is string filename && !string.IsNullOrEmpty(filename))
+ {
+ in @filename
+ }
+
+ .*?)
+ @foreach (var suggestion in suggestions)
+ {
+
+ }
+
+}
+
+@code {
+ private static string Prompt = @"
+ Suggest up to 3 follow-up questions that I could ask you to help me complete my task.
+ Each suggestion must be a complete sentence, maximum 6 words.
+ Each suggestion must be phrased as something that I (the user) would ask you (the assistant) in response to your previous message,
+ for example 'How do I do that?' or 'Explain ...'.
+ If there are no suggestions, reply with an empty list.
+ ";
+
+ private string[]? suggestions;
+ private CancellationTokenSource? cancellation;
+
+ [Parameter]
+ public EventCallback
+
+
+
+
+
+
+
+ 
+
+
+ @if (!CurrentUser.IsAuthenticated)
+ {
+
+ @L["Welcome_Title"]
+@L["Welcome_Text"]
+ @L["Login"] + } + +Getting Started
+Learn how to create and run + a + new web application using the application startup + template.
+ Getting Started + +Web Application Development Tutorial
+Learn how to build an ABP based + web + application named Acme.BookStore.
+ Explore Tutorial +
+
+
+
+
+
+
+
+
+
+
+ 
+
+ You can check for + similar problems and solutions, or open a + new topic to discuss your specific issue.
+ Visit Support +
+
+
+
+
+
+
+ 
+
+ You can find content + on .NET development, cross-platform, ASP.NET + application templates, ABP-related news, and + more.
+ Visit Blog + +
+
+
+
+ 
+
+
+
+
+ A unique community platform + for ABP Lovers!
+Explore all ABP users' + experiences with the ABP Framework, discover + articles and videos on how to use ABP, and join + raffles for a chance to win surprise gifts!
+ Join ABP + Community +
+
+
\ No newline at end of file
diff --git a/AIChat/AbpAiChat/Components/Pages/Index.razor.cs b/AIChat/AbpAiChat/Components/Pages/Index.razor.cs
new file mode 100644
index 0000000000..21a9eb6a50
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Index.razor.cs
@@ -0,0 +1,14 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AbpAiChat.Components.Pages;
+
+public partial class Index
+{
+ [Inject]
+ protected NavigationManager Navigation { get; set; } = default!;
+
+ private void Login()
+ {
+ Navigation.NavigateTo("/Account/Login", true);
+ }
+}
\ No newline at end of file
diff --git a/AIChat/AbpAiChat/Components/Pages/Index.razor.css b/AIChat/AbpAiChat/Components/Pages/Index.razor.css
new file mode 100644
index 0000000000..3d2eb667a3
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Pages/Index.razor.css
@@ -0,0 +1,15 @@
+/* Getting-Started */
+.card-bg-image {
+ pointer-events: none;
+ position: absolute;
+ width: 630px;
+ height: auto;
+ bottom: 0;
+ right: 0;
+ z-index: 1;
+}
+.starting-content {
+ position: relative;
+ z-index: 2;
+}
+/* Getting-Started End */
\ No newline at end of file
diff --git a/AIChat/AbpAiChat/Components/Routes.razor b/AIChat/AbpAiChat/Components/Routes.razor
new file mode 100644
index 0000000000..a2c1712850
--- /dev/null
+++ b/AIChat/AbpAiChat/Components/Routes.razor
@@ -0,0 +1,13 @@
+@using Volo.Abp.AspNetCore.Components.Web.LeptonXLiteTheme.Themes.LeptonXLite
+@using Volo.Abp.AspNetCore.Components.Web.Theming.Routing
+@using Microsoft.Extensions.Options
+@inject IOptions
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ THE OFFICIAL GUIDE
+Mastering ABP Framework
+Written by the creator of the ABP + Framework, this book will help you gain a complete + understanding of the framework + and modern web application development techniques.
+ +
+ 
+
+
+ 
+ 
+ 
+ 
+ 
+