rename airwatch folder

airwatch/src/app/chatbot/new-input/new-input.html

@@ -0,0 +1,16 @@
+<div class="new-input">
+  <div class="main-conversation-container">
+    <div class="welcome-text">
+      <div class="welcome-icon">
+        <img alt="chatbot image" src="/chatbot.png">
+      </div>
+      How can we
+      <span class="emphasis">
+        assist
+      </span>
+      you today?
+    </div>
+    <app-tools-options [hideDisabledButtons]="false"></app-tools-options>
+    <app-prompt-input></app-prompt-input>
+  </div>
+</div>

airwatch/src/app/chatbot/new-input/new-input.scss

@@ -0,0 +1,25 @@
+.new-input {
+  padding: 0 200px;
+  background: #f5f5f5;
+  border-radius: 10px;
+  min-height: 100vh;
+
+  .welcome-text {
+    margin: 100px;
+    font-size: 38px;
+    font-weight: 500;
+    letter-spacing: -7%;
+  }
+
+  .welcome-icon {
+    i {
+      font-size: 3rem;
+    }
+
+    margin-bottom: 1rem;
+  }
+
+  .emphasis {
+    color: #083b7d;
+  }
+}

airwatch/src/app/chatbot/new-input/new-input.spec.ts

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

airwatch/src/app/chatbot/new-input/new-input.stories.ts

@@ -0,0 +1,72 @@
+import type {Meta, StoryObj} from '@storybook/angular';
+import {moduleMetadata} from '@storybook/angular';
+import {NewInput} from './new-input';
+import {CommonModule} from '@angular/common';
+import {PromptInput} from '../prompt-input/prompt-input';
+import {ToolsOptions} from '../tools-options/tools-options';
+import {Store, StoreModule} from '@ngrx/store';
+import {reducers} from '../../reducers';
+import {HttpClientModule} from '@angular/common/http';
+import {ApiService} from '../../services/api-service';
+import {FormsModule} from '@angular/forms';
+
+const appReducer = reducers.app;
+
+const meta: Meta<NewInput> = {
+  title: 'Chatbot/Input/NewInput',
+  component: NewInput,
+  tags: ['autodocs'],
+  decorators: [
+    moduleMetadata({
+      imports: [
+        CommonModule,
+        FormsModule,
+        PromptInput,
+        ToolsOptions,
+        HttpClientModule,
+        StoreModule.forRoot({app: appReducer as any})
+      ],
+      providers: [
+        ApiService,
+        Store
+      ]
+    })
+  ],
+  parameters: {
+    backgrounds: {
+      default: 'light',
+      values: [
+        {name: 'light', value: '#f5f5f5'},
+        {name: 'dark', value: '#333'},
+      ],
+    },
+  }
+};
+
+export default meta;
+type Story = StoryObj<NewInput>;
+
+export const Default: Story = {
+  args: {
+    // Propriétés par défaut
+  }
+};
+
+export const DarkTheme: Story = {
+  args: {
+    // Propriétés par défaut
+  },
+  parameters: {
+    backgrounds: {default: 'dark'},
+    store: {
+      init: (store: Store) => {
+        store.dispatch({
+          type: 'UPDATE_APP',
+          payload: {
+            theme: 'dark'
+          }
+        });
+      }
+    }
+  }
+};

airwatch/src/app/chatbot/new-input/new-input.ts

@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+import {PromptInput} from "../prompt-input/prompt-input";
+import {ToolsOptions} from "../tools-options/tools-options";
+
+@Component({
+  selector: 'app-new-input',
+    imports: [
+        PromptInput,
+        ToolsOptions
+    ],
+  templateUrl: './new-input.html',
+  styleUrl: './new-input.scss'
+})
+export class NewInput {
+
+}