added initial files

.browserslistrc

@@ -0,0 +1,17 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,46 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events*.json
+speed-measure-plugin*.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

README copy.md

@@ -0,0 +1,47 @@
+# AiQAWeb
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.19.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# ATrad_Final
+
+
+# ATrad GPT
+
+## Server Up
+change directry `cd app1 - Endpoint`
+
+run `python -m main` to activate the server Local
+
+run `uvicorn main:app --host 192.168.10.77 --port 8000` to activate the server on the network
+
+## Web App Up
+go to new terminal
+
+start web app run `ng serve` Localy up in `http://localhost:4200/`
+
+start web app run `ng serve --host 192.168.10.77` to activate the server on the network
+
+

angular.json

@@ -0,0 +1,135 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "AiQA-Web": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/AiQA-Web",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "aot": true,
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.scss",
+              "node_modules/ngx-toastr/toastr.css",
+              "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "AiQA-Web:build",
+            "disableHostCheck": true,
+            "host": "0.0.0.0",
+            "port": 4200
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "AiQA-Web:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "AiQA-Web:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.scss",
+              "node_modules/ngx-toastr/toastr.css",
+              "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
+            ],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "tsconfig.app.json",
+              "tsconfig.spec.json",
+              "e2e/tsconfig.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        },
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "AiQA-Web:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "AiQA-Web:serve:production"
+            }
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "AiQA-Web"
+}

dockerfile

@@ -0,0 +1,33 @@
+# Step 1: Build the Angular app
+# Use a Node.js image to build the Angular project
+FROM node:18 AS build
+
+# Set the working directory inside the container
+WORKDIR /app
+
+# Copy package.json and package-lock.json to the working directory
+COPY package*.json ./
+
+# Install dependencies
+RUN npm install
+
+# Copy the rest of the application code
+COPY . .
+
+# Fix for OpenSSL issue
+ENV NODE_OPTIONS=--openssl-legacy-provider
+
+# Build the Angular project (no --prod flag)
+RUN npm run build -- --output-path=dist/AiQA-Web --configuration production
+
+# Step 2: Serve the Angular app with NGINX
+FROM nginx:alpine
+
+# Copy the build output to NGINX's default location
+COPY --from=build /app/dist/AiQA-Web /usr/share/nginx/html
+
+# Expose port 80
+EXPOSE 80
+
+# Start NGINX
+CMD ["nginx", "-g", "daemon off;"]

e2e/protractor.conf.js

@@ -0,0 +1,37 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    browserName: 'chrome'
+  },
+  directConnect: true,
+  SELENIUM_PROMISE_MANAGER: false,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({
+      spec: {
+        displayStacktrace: StacktraceOption.PRETTY
+      }
+    }));
+  }
+};

e2e/src/app.e2e-spec.ts

@@ -0,0 +1,23 @@
+import { browser, logging } from 'protractor';
+import { AppPage } from './app.po';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', async () => {
+    await page.navigateTo();
+    expect(await page.getTitleText()).toEqual('AiQA-Web app is running!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});

e2e/src/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  async navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl);
+  }
+
+  async getTitleText(): Promise<string> {
+    return element(by.css('app-root .content span')).getText();
+  }
+}

e2e/tsconfig.json

@@ -0,0 +1,13 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es2018",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  }
+}

karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, './coverage/AiQA-Web'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package.json

@@ -0,0 +1,51 @@
+{
+  "name": "ai-qa-web",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "~11.2.14",
+    "@angular/common": "~11.2.14",
+    "@angular/compiler": "~11.2.14",
+    "@angular/core": "~11.2.14",
+    "@angular/forms": "~11.2.14",
+    "@angular/platform-browser": "~11.2.14",
+    "@angular/platform-browser-dynamic": "~11.2.14",
+    "@angular/router": "~11.2.14",
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "bootstrap": "^5.3.2",
+    "csv-writer": "^1.6.0",
+    "jwt-decode": "^4.0.0",
+    "ngx-toastr": "^11.3.3",
+    "primeicons": "^6.0.1",
+    "rxjs": "~6.6.0",
+    "tslib": "^2.0.0",
+    "zone.js": "~0.11.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~0.1102.18",
+    "@angular/cli": "~11.2.0",
+    "@angular/compiler-cli": "~11.2.14",
+    "@types/jasmine": "~3.6.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^6.0.0",
+    "jasmine-core": "~3.6.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~6.1.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.0.3",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "~1.5.0",
+    "protractor": "~7.0.0",
+    "ts-node": "~8.3.0",
+    "tslint": "~6.1.0",
+    "typescript": "~4.1.5"
+  }
+}

requirements.txt

@@ -0,0 +1,124 @@
+aiohttp==3.9.3
+aiosignal==1.3.1
+altair==5.2.0
+annotated-types==0.6.0
+anyio==4.2.0
+
+async-timeout==4.0.3
+attrs==23.2.0
+blinker==1.7.0
+cachetools==5.3.2
+certifi==2024.2.2
+charset-normalizer==3.3.2
+click==8.1.7
+
+dataclasses-json==0.6.4
+
+distro==1.9.0
+et-xmlfile==1.1.0
+
+faiss-cpu==1.7.4
+fastapi==0.109.2
+filelock==3.13.1
+frozenlist==1.4.1
+fsspec==2024.2.0
+gitdb==4.0.11
+GitPython==3.1.42
+greenlet==3.0.3
+h11==0.14.0
+httpcore==1.0.3
+httptools==0.6.1
+httpx==0.26.0
+huggingface-hub==0.20.3
+idna==3.6
+
+Jinja2==3.1.3
+joblib==1.3.2
+jsonpatch==1.33
+jsonpointer==2.4
+jsonschema==4.21.1
+jsonschema-specifications==2023.12.1
+
+langchain==0.1.7
+langchain-community==0.0.25
+langchain-core==0.1.28
+langchain-openai==0.0.6
+langsmith==0.1.14
+markdown-it-py==3.0.0
+MarkupSafe==2.1.5
+marshmallow==3.20.2
+
+mdurl==0.1.2
+mpmath==1.3.0
+multidict==6.0.5
+mypy-extensions==1.0.0
+
+networkx==3.2.1
+nltk==3.8.1
+numpy==1.26.4
+openai==1.12.0
+openpyxl==3.1.2
+orjson==3.9.15
+
+pandas==2.2.0
+
+pillow==10.2.0
+
+protobuf==4.25.3
+
+pyarrow==15.0.0
+pydantic==2.6.1
+pydantic_core==2.16.2
+pydeck==0.8.1b0
+
+pypdf==4.1.0
+
+python-dotenv==1.0.1
+pytz==2024.1
+pywin32==305.1
+PyYAML==6.0.1
+
+referencing==0.33.0
+regex==2023.12.25
+requests==2.31.0
+rich==13.7.0
+rpds-py==0.18.0
+safetensors==0.4.2
+scikit-learn==1.4.1.post1
+scipy==1.12.0
+sentence-transformers==2.3.1
+sentencepiece==0.1.99
+
+smmap==5.0.1
+sniffio==1.3.0
+SQLAlchemy==2.0.27
+
+starlette==0.36.3
+streamlit==1.31.1
+sympy==1.12
+tenacity==8.2.3
+threadpoolctl==3.3.0
+tiktoken==0.6.0
+tokenizers==0.15.2
+toml==0.10.2
+toolz==0.12.1
+torch==2.2.0+cu121
+torchaudio==2.2.0+cu121
+torchvision==0.17.0+cu121
+
+tqdm==4.66.2
+
+transformers==4.37.2
+typing-inspect==0.9.0
+
+tzdata==2024.1
+tzlocal==5.2
+urllib3==2.2.1
+uvicorn==0.27.1
+validators==0.22.0
+watchdog==4.0.0
+watchfiles==0.21.0
+
+websockets==12.0
+yarl==1.9.4
+

src/app/app-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { LogonComponent } from './features/logon/logon.component';
+import { HomeComponent } from './features/home/home.component';
+import { AuthGuard } from './core/guards/auth.gaurd';
+
+const routes: Routes = [ 
+                        { path: '', component: LogonComponent, data: { title: 'Login Page' }},
+                        { path: 'chat', component: HomeComponent, data: { title: 'chat Page' }}
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

src/app/app.component.spec.ts

@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'AiQA-Web'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('AiQA-Web');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement;
+    expect(compiled.querySelector('.content span').textContent).toContain('AiQA-Web app is running!');
+  });
+});

src/app/app.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { isLoggedIn } from './shared/helpers/auth';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent implements OnInit {
+  title = 'AiQA-Web';
+
+  constructor(private router: Router) {}
+
+  ngOnInit(): void {
+  }
+}

src/app/app.module.ts

@@ -0,0 +1,54 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { CommonModule } from '@angular/common';
+import { DatePipe } from '@angular/common';
+
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ToastrModule } from 'ngx-toastr';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { CoreModule } from './core/core.module';
+import { HistoryService } from './core/services/history.service';
+import { AuthInterceptor } from './core/interceptors/auth.interceptor';
+import { LogonComponent } from './features/logon/logon.component';
+import { HomeComponent } from './features/home/home.component';
+import { SidebarComponent } from './features/home/sidebar/sidebar.component';
+import { NavbarComponent } from './features/home/navbar/navbar.component';
+import { DocumentsComponent } from './features/home/documents/documents.component';
+import { ChatComponent } from './features/home/chat/chat.component';
+
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    LogonComponent,
+    HomeComponent,
+    SidebarComponent,
+    NavbarComponent,
+    DocumentsComponent,
+    ChatComponent,
+  ],
+  imports: [
+    AppRoutingModule,
+    BrowserAnimationsModule,
+    BrowserModule,
+    CommonModule,
+    CoreModule,
+    FormsModule,
+    HttpClientModule,
+    ReactiveFormsModule,
+    ToastrModule.forRoot(),
+  ],
+  providers: [HistoryService, DatePipe,
+    {
+    provide: HTTP_INTERCEPTORS,
+    useClass: AuthInterceptor,
+    multi: true,
+    }
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

src/app/core/core-routing.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CoreComponent } from './core.component';
+
+const routes: Routes = [{ path: '', component: CoreComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class CoreRoutingModule { }

src/app/core/core.component.html

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

src/app/core/core.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CoreComponent } from './core.component';
+
+describe('CoreComponent', () => {
+  let component: CoreComponent;
+  let fixture: ComponentFixture<CoreComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ CoreComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CoreComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/core/core.component.ts

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

src/app/core/core.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { CoreRoutingModule } from './core-routing.module';
+import { CoreComponent } from './core.component';
+
+
+@NgModule({
+  declarations: [
+    CoreComponent
+  ],
+  imports: [
+    CommonModule,
+    CoreRoutingModule
+  ]
+})
+export class CoreModule { }

src/app/core/guards/auth.gaurd.ts

@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
+import { isLoggedIn, getLoggedInUser, clearUser } from 'src/app/shared/helpers/auth';
+import { AuthenticationService } from '../services/authentication.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate {
+  constructor(private router: Router,
+    private authService: AuthenticationService) {}
+
+  canActivate(
+    next: ActivatedRouteSnapshot,
+    state: RouterStateSnapshot
+  ): boolean {
+    if (isLoggedIn()){
+      if (this.authService.isTokenExpired()){
+        const user = getLoggedInUser();
+        this.authService.logOut(user.userName).subscribe((response) => {
+          clearUser();
+          this.router.navigate(['/login']);
+        });
+        return false;
+      }else{
+        return true;
+      }
+    } else {
+      this.router.navigate(['/login']);
+      return false;
+    }
+  }
+}

src/app/core/interceptors/auth.interceptor.ts

@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor, HttpErrorResponse } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { tap } from 'rxjs/operators';
+import { getLoggedInUser, clearUser } from 'src/app/shared/helpers/auth';
+import { AuthenticationService } from '../services/authentication.service';
+import { ToastrService } from 'ngx-toastr';
+
+@Injectable()
+export class AuthInterceptor implements HttpInterceptor {
+  constructor(private router: Router,
+    private authService: AuthenticationService,
+    private toastr: ToastrService) {}
+
+  intercept(
+    request: HttpRequest<any>,
+    next: HttpHandler
+  ): Observable<HttpEvent<any>> {
+    const authToken = getLoggedInUser()?.token;
+
+    if (authToken) {
+      const authRequest = request.clone({
+        setHeaders: {
+          Authorization: `Bearer ${authToken}`,
+        },
+      });
+      return next.handle(authRequest).pipe(tap(() => {}, 
+      (err: any) => {
+        if (err instanceof HttpErrorResponse) {
+          if (err.status !== 401){
+            return this.toastr.error("Something went wrong. Please try again later.");
+          }
+          const user = getLoggedInUser();
+          this.authService.logOut(user.userName).subscribe((response) => {
+            clearUser();
+            this.router.navigate(['/login']);
+            return this.toastr.error("Your session has expired.");
+          });
+          return false;
+        }
+      }
+      ))
+    }
+    return next.handle(request);
+  }
+}

src/app/core/models/ai-model.model.ts

@@ -0,0 +1,6 @@
+import { AiModel } from "src/app/shared/enums/ai-model.enum"
+
+export class AiModelModel {
+    name: string;
+    type: AiModel;
+}

src/app/core/models/answer.model.ts

@@ -0,0 +1,6 @@
+import { SourceDocumentModel } from "./source-document.model";
+
+export class AnswerModel {
+    content: string;
+    sourceDocuments: Array<SourceDocumentModel>;
+}

src/app/core/models/chat-model.ts

@@ -0,0 +1,10 @@
+import { AnswerModel } from "./answer.model";
+import { QuestionModel } from "./question.model";
+
+export class ChatModel {
+    questionModel: QuestionModel;
+    answerModel: AnswerModel;
+    feedback: string; // Add the feedback property
+    feedbackSubmitted: boolean = false; // Track whether feedback has been submitted
+    userTypedMessage: string; // Add the userTypedMessage property
+}

src/app/core/models/key-value.model.ts

@@ -0,0 +1,4 @@
+export class KeyValueModel {
+    public key: string;
+    public value: string;
+ }

src/app/core/models/query.model.ts

@@ -0,0 +1,9 @@
+export class QueryModel {
+    historyId: number;
+    question: string;
+    answer: string;
+    aiModel: number;
+    createdOn: string;
+    createdBy: number;
+    sourceDocuments: []
+}

src/app/core/models/question.model.ts

@@ -0,0 +1,7 @@
+import { AiModel } from "src/app/shared/enums/ai-model.enum";
+
+export class QuestionModel {
+    user_question: string;
+    // userId: number;
+    // aiModel: AiModel;
+}

src/app/core/models/source-document.model.ts

@@ -0,0 +1,7 @@
+export class SourceDocumentModel {
+    // sourceDocumentId: number;
+    pageContent: string;
+    source: string;
+    // page: number;
+    // year: number;
+}

src/app/core/models/user.model.ts

@@ -0,0 +1,7 @@
+export class UserModel {
+    userId: number;
+    firstName: string;
+    lastName: string;
+    userName: string;
+    token: string;
+}

src/app/core/services/authentication.service.ts

@@ -0,0 +1,33 @@
+import { Injectable } from '@angular/core';
+import { Router } from '@angular/router';
+import { clearUser, getLoggedInUser } from 'src/app/shared/helpers/auth';
+import { UrlConfigs } from 'src/app/shared/url-configs/url-configs';
+import { RequestManagerService } from './request-manager.service';
+import { jwtDecode } from 'jwt-decode';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthenticationService {
+    constructor(private router: Router, private restApiService:RequestManagerService,
+        private urlConfig: UrlConfigs) {}
+
+    logOn(username: string, password: string) {
+        let url = `${this.urlConfig.getValueByKey('Login')}`;
+        return this.restApiService.post(url, {username, password});
+    }
+
+    logOut(username: string) {
+        let url = `${this.urlConfig.getValueByKey('Logout')}`;
+        return this.restApiService.post(url, {username});
+    }
+
+    isTokenExpired(): boolean {
+        const token = getLoggedInUser()?.token;
+        if (!token) {
+            return true;
+        }
+        const decodedToken: any = jwtDecode(token);
+        return Date.now() >= decodedToken.exp * 1000;
+    }
+}

src/app/core/services/chat.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ChatService } from './chat.service';
+
+describe('ChatService', () => {
+  let service: ChatService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ChatService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/core/services/chat.service.ts

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { RequestManagerService } from "./request-manager.service";
+import { UrlConfigs } from "src/app/shared/url-configs/url-configs";
+import { Observable } from "rxjs";
+import { QuestionModel } from '../models/question.model';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ChatService {
+
+  constructor(private restApiService:RequestManagerService,
+    private urlConfig: UrlConfigs) { }
+
+  getModels(): Observable<any> {
+    let url = `${this.urlConfig.getValueByKey('AiModels')}`;
+    return this.restApiService.get(url);
+  }
+
+  generateAnswer(questionModel): Observable<any> {
+    let url = `${this.urlConfig.getValueByKey('GenerateAnswer')}`;
+    console.log('questionModel'+questionModel)
+    console.log('url'+url)
+    return this.restApiService.post(url, questionModel);
+  }
+}

src/app/core/services/history.service.ts

@@ -0,0 +1,29 @@
+import { Injectable } from "@angular/core";
+import { RequestManagerService } from "./request-manager.service";
+import { UrlConfigs } from "src/app/shared/url-configs/url-configs";
+import { Observable } from "rxjs";
+
+@Injectable({
+    providedIn: 'root'
+  })
+  export class HistoryService {
+  
+    constructor(private restApiService:RequestManagerService,
+        private urlConfig: UrlConfigs
+      ) { }
+  
+    public getChatHistoryByUser(id: number): Observable<any> {
+      let url = `${this.urlConfig.getValueByKey('ChatHistoryByUser')}`;
+      url = url.replace('${id}', String(id));
+      return this.restApiService.get(url);
+    }
+  
+    public getChatHistoryByDate(id: number, createdOn: string){
+      let url = `${this.urlConfig.getValueByKey('ChatHistoryByDate')}`;
+      url = url.replace('${id}', String(id));
+      url = url.replace('${date}', encodeURIComponent(createdOn));
+      return this.restApiService.get(url);
+    }
+  
+}
+  

src/app/core/services/request-manager-error-handler.service.ts

@@ -0,0 +1,26 @@
+import { Injectable } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RequestManagerErrorHandlerService {
+
+  constructor() { }
+  
+  handleError(error: HttpErrorResponse): Observable<never> {
+    let errorMessage = 'An error occurred';
+    if (error.error instanceof ErrorEvent) {
+      // Client-side error
+      errorMessage = `Error: ${error.error.message}`;
+    } else {
+      // Server-side error
+      errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
+    }
+    console.error(errorMessage);
+    return throwError(errorMessage);
+  }
+}
+
+

src/app/core/services/request-manager.service.ts

@@ -0,0 +1,36 @@
+import { Injectable } from "@angular/core";
+import { HttpClient } from '@angular/common/http';
+import { Observable } from "rxjs";
+import { environment } from "src/environments/environment";
+@Injectable({
+    providedIn: 'root'
+  })
+export class RequestManagerService{
+    private apiUrl = environment.identityServerURL;
+
+    constructor(private http: HttpClient) { }
+
+    public get(endpoint: string): Observable<any> {
+        const url = `${this.apiUrl}/${endpoint}`;
+        return this.http.get(url);
+    }
+
+    public post(endpoint: string, data: any): Observable<any> {
+        const url = `${this.apiUrl}/${endpoint}`;
+        console.log('questionModel :'+data)
+        console.log('url :'+url)
+        return this.http.post(url, data);
+    }
+
+    public put(endpoint: string, data: any): Observable<any> {
+        const url = `${this.apiUrl}/${endpoint}`;
+        return this.http.put(url, data);
+    }
+
+    public delete(endpoint: string): Observable<any> {
+        const url = `${this.apiUrl}/${endpoint}`;
+        return this.http.delete(url);
+    }
+
+   
+}

src/app/features/home/chat/chat.component.html

@@ -0,0 +1,33 @@
+<div id="frame">
+  <div class="content">
+    <div class="messages">
+      <ul>
+        <ng-container *ngFor="let chat of chats; let i = index">
+          <li class="sent">
+            <div class="d-flex">
+              <div><img src="../assets/images/man.png" alt="" /></div>
+              <div class="flex-grow-1">
+                <h6>You</h6>
+                <p>{{ chat.questionModel.user_question }}</p>
+              </div>
+            </div>
+          </li>
+          <li class="replies" [ngClass]="{'typing': i === selectedChatIndex}">
+            <div class="d-flex">
+              <div><img src="../assets/images/robot.png" alt="" /></div>
+              <div class="flex-grow-1">
+                <h6>ATrad AI</h6>
+                <p [class.active]="i === selectedChatIndex" [innerHTML]="formatResponse(chat.answerModel.content)">
+                </p>
+                  <input type="text" class="form-control" [(ngModel)]="chat.userTypedMessage"
+                  placeholder="Type your feedback here, and then press 👍/👎 to submit." aria-label="Write your message" *ngIf="!chat.feedbackSubmitted">  
+                  <button *ngIf="!chat.feedbackSubmitted" (click)="thumbsUp(i)">👍</button>
+                  <button *ngIf="!chat.feedbackSubmitted" (click)="thumbsDown(i)">👎</button>              
+              </div>
+            </div>
+          </li>          
+        </ng-container>
+      </ul>
+    </div>
+  </div>
+</div>

src/app/features/home/chat/chat.component.scss

@@ -0,0 +1,118 @@
+.active {
+    border: 1px solid #10734A !important;
+}
+
+#frame .content .messages::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
+#frame .content .messages ul li {
+    display: inline-block;
+    clear: both;
+    margin: 0;
+    width: 100%;
+    font-size: 0.9em;
+}
+
+#frame .content .messages ul li.sent img {
+    margin: 0 10px 0 0;
+}
+
+#frame .content .messages ul li.sent p {
+    color: #32465a;
+    background-color: #fff;
+    border: 1px solid #D7DAED;
+    margin: 0 0 30px 0;
+    font-size: 13px;
+    line-height: 1.8;
+    width: 100%;
+    padding: 10px 20px;
+}
+
+#frame .content .messages ul li.replies img {
+    margin: 0 10px 0 0;
+}
+
+#frame .content .messages ul li.replies p {
+    color: #32465a;
+    background: #fff;
+    border: 1px solid #D7DAED;
+    margin: 0 0 30px 0;
+    font-size: 13px;
+    line-height: 1.8;
+    padding: 20px;
+}
+
+#frame .content .messages ul li img {
+    width: 35px;
+    height: 35px;
+    border-radius: 50%;
+}
+
+#frame .content .messages ul li p {
+    display: inline-block;
+    padding: 0 5x;
+    border-radius: 10px;
+    font-size: 13px;
+
+}
+
+#frame .content .message-input .wrap input {
+    border-radius: 10px;
+    border: 1px solid #E9EBF8;
+    padding: 15px 20px;
+    color: #32465a;
+}
+
+  /* Add this CSS to your component's stylesheet or global styles */
+  button {
+    border: none; /* Remove border */
+    background-color: transparent; /* Make background transparent */
+    cursor: pointer; /* Show pointer cursor on hover */
+  }
+  
+  button:focus {
+    outline: none; /* Remove focus outline */
+  }
+  
+  /* Optionally, you can add more styles for better visual appearance */
+  button {
+    font-size: 16px; /* Adjust font size */
+    padding: 5px; /* Adjust padding */
+    margin: 2px; /* Adjust margin */
+  }
+
+  .feedback-prompt {
+    font-size: 12px; /* Adjust the font size as needed */
+    color: rgba(0, 0, 0, 0.5); /* Adjust the transparency as needed */
+  }
+  .replies {
+    animation: comeDown 0.5s ease forwards; /* Come down animation */
+  }
+
+  .submit-button {
+    border: none;
+    background: none;
+    cursor: pointer;
+  }
+  
+  .feedback-input {
+    border: none;
+    background: none;
+    outline: none; /* Remove outline when focused */
+  }
+  
+  .full-width {
+    width: 100%;
+  }
+  
+  @keyframes comeDown {
+    from {
+      opacity: 0;
+      transform: translateY(-20px);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }  

src/app/features/home/chat/chat.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChatComponent } from './chat.component';
+
+describe('ChatComponent', () => {
+  let component: ChatComponent;
+  let fixture: ComponentFixture<ChatComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ChatComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ChatComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/features/home/chat/chat.component.ts

@@ -0,0 +1,70 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { environment } from "src/environments/environment";  // Import environment configuration
+import { ChatModel } from 'src/app/core/models/chat-model';
+import { ToastrService } from 'ngx-toastr';
+
+@Component({
+  selector: 'app-chat',
+  templateUrl: './chat.component.html',
+  styleUrls: ['./chat.component.scss']
+})
+export class ChatComponent {
+  @Input() chats: Array<ChatModel>;
+  @Input() selectedChatIndex: number;
+  @Output() onQuestionSelect: EventEmitter<number> = new EventEmitter();
+
+  constructor(private http: HttpClient,private toastr: ToastrService) { }
+
+  onSelect(index: number): void {
+    this.onQuestionSelect.emit(index);
+  }
+  
+  formatResponse(response: string): string {
+    return response.replace(/\n/g, '<br>');
+  }
+  thumbsUp(index: number) {
+    const question = this.chats[index].questionModel.user_question;
+    const botResponse = this.chats[index].answerModel.content;
+    const userFeedback = this.chats[index].userTypedMessage ? this.chats[index].userTypedMessage : ''; // Get user's typed message
+    const feedback = 'Good'; // Set feedback to 'Good'
+    this.sendFeedbackToBackend(question, botResponse, userFeedback, feedback);
+    this.chats[index].feedbackSubmitted = true; // Mark feedback as submitted
+    this.chats[index].userTypedMessage = ''; // Clear user's typed message
+    this.toastr.success('Thank you for your feedback!', 'Feedback Submitted');
+  }
+  
+  thumbsDown(index: number) {
+    const question = this.chats[index].questionModel.user_question;
+    const botResponse = this.chats[index].answerModel.content;
+    const userFeedback = this.chats[index].userTypedMessage ? this.chats[index].userTypedMessage : ''; // Get user's typed message
+    const feedback = 'Bad'; // Set feedback to 'Bad
+    this.sendFeedbackToBackend(question, botResponse, userFeedback, feedback);
+    this.chats[index].feedbackSubmitted = true; // Mark feedback as submitted
+    this.chats[index].userTypedMessage = ''; // Clear user's typed message
+    this.toastr.success('Thank you for your feedback!', 'Feedback Submitted');
+  }
+  
+  sendFeedbackToBackend(question: string, botResponse: string, userFeedback: string, feedback: string) {
+    const feedbackData = {
+      question: question,
+      botResponse: botResponse,
+      userFeedback: userFeedback,
+      feedback: feedback
+    };
+  
+    // Use the backend API URL from environment configuration
+    const apiUrl = `${environment.identityServerURL}/feedback`;
+  
+    this.http.post(apiUrl, feedbackData).subscribe(
+      (response) => {
+        console.log('Feedback sent successfully:', response);
+      },
+      (error) => {
+        console.error('Error sending feedback:', error);
+      }
+    );
+  }
+  
+  
+}

src/app/features/home/documents/documents.component.html

@@ -0,0 +1,16 @@
+<div class="accordion" id="accordionPanelsStayOpenExample">
+  <div class="accordion-item" *ngFor="let sourceDocument of sourceDocuments; let i = index">
+    <h1 class="accordion-header">
+      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
+        [attr.data-bs-target]="'#panelsStayOpen-collapseOne-' + i" aria-expanded="false"
+        aria-controls="panelsStayOpen-collapseOne">
+        {{ sourceDocument.source }}
+      </button>
+    </h1>
+    <div [id]="'panelsStayOpen-collapseOne-' + i" class="accordion-collapse collapse">
+      <div class="accordion-body">
+        {{ sourceDocument.pageContent }}
+      </div>
+    </div>
+  </div>
+</div>

src/app/features/home/documents/documents.component.scss

@@ -0,0 +1,9 @@
+.accordion-button {
+    font-size: 14px !important;
+    font-weight: 600 !important;
+    padding: 10px 20px;
+}
+
+.accordion {
+    font-size: 12px;
+}

src/app/features/home/documents/documents.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DocumentsComponent } from './documents.component';
+
+describe('DocumentsComponent', () => {
+  let component: DocumentsComponent;
+  let fixture: ComponentFixture<DocumentsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ DocumentsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DocumentsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/features/home/documents/documents.component.ts

@@ -0,0 +1,16 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { SourceDocumentModel } from 'src/app/core/models/source-document.model';
+
+@Component({
+  selector: 'app-documents',
+  templateUrl: './documents.component.html',
+  styleUrls: ['./documents.component.scss']
+})
+export class DocumentsComponent implements OnInit{
+  @Input() sourceDocuments: Array<SourceDocumentModel> = [];
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+}