From b7a2331babf4f7f32e8784440039cd75af7f0d9f Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Thu, 14 Aug 2025 12:32:14 +0200
Subject: [PATCH] add logo change, center for new conversation

---
 .../feedback-button/feedback-button.css       | 35 +++++------
 .../sae-lib/src/styles/_conversations.scss    |  4 +-
 .../sae-lib/src/styles/_layout_demo.scss      | 14 ++++-
 old-sae-airwatch/public/safran_logo_small.svg | 60 +++++++++++++++++++
 old-sae-airwatch/src/app/chatbot/chatbot.html | 23 ++++---
 old-sae-airwatch/src/app/chatbot/chatbot.scss |  1 -
 .../src/app/chatbot/new-input/new-input.html  | 27 +++++----
 .../src/app/chatbot/new-input/new-input.scss  |  4 +-
 8 files changed, 126 insertions(+), 42 deletions(-)
 create mode 100644 old-sae-airwatch/public/safran_logo_small.svg

diff --git a/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css b/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css
index 399a5c6..a387091 100644
--- a/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css
+++ b/my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css
@@ -26,19 +26,18 @@
   }
 }
 
-// Modal styles
-   .feedback-modal-overlay {
-     position: fixed;
-     top: 0;
-     left: 0;
-     right: 0;
-     bottom: 0;
-     background-color: rgba(0, 0, 0, 0.5);
-     display: flex;
-     justify-content: center;
-     align-items: center;
-     z-index: 1000;
-   }
+.feedback-modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+}
 
 .feedback-modal {
   background: white;
@@ -176,10 +175,12 @@
   }
 }
 
-// Spinner animation
-   .spinning {
-     animation: spin 1s linear infinite;
-   }
+/
+/
+Spinner animation
+.spinning {
+  animation: spin 1s linear infinite;
+}
 
 @keyframes spin {
   from {
diff --git a/my-workspace/projects/sae-lib/src/styles/_conversations.scss b/my-workspace/projects/sae-lib/src/styles/_conversations.scss
index cf5d629..ddb651b 100644
--- a/my-workspace/projects/sae-lib/src/styles/_conversations.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_conversations.scss
@@ -78,8 +78,8 @@
 
     .actions {
       position: relative;
-      right: -60px;
-      top: -27px;
+      right: 0;
+      top: 0;
       height: 0;
 
 
diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
index 92f552c..5433708 100644
--- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
@@ -21,6 +21,8 @@
     color: white;
 
     .navbar-brand {
+      margin-right: 35px;
+
       .navbar-item {
         padding: 10px;
         margin-left: 16px;
@@ -31,6 +33,16 @@
       }
     }
 
+    .label {
+      color: #FFF;
+      font-family: Barlow;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: normal;
+      text-transform: uppercase;
+      margin-top: -0.25em;
+    }
   }
 
   .navigation {
@@ -91,7 +103,7 @@
 
     .action {
       float: right;
-      margin-top: -1.75em;
+      margin-top: -1.8em;
     }
   }
 
diff --git a/old-sae-airwatch/public/safran_logo_small.svg b/old-sae-airwatch/public/safran_logo_small.svg
new file mode 100644
index 0000000..8802de6
--- /dev/null
+++ b/old-sae-airwatch/public/safran_logo_small.svg
@@ -0,0 +1,60 @@
+<svg fill="none" height="21" viewBox="0 0 20 21" width="20" xmlns="http://www.w3.org/2000/svg">
+  <mask height="7" id="mask0_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="20" x="0" y="14">
+    <path
+      d="M18.9093 14.944C16.8047 17.792 13.4049 19.648 9.56798 19.648C5.73108 19.648 2.33128 17.792 0.226653 14.944H0C1.6999 18.48 5.34253 20.912 9.56798 20.912C13.7934 20.912 17.4361 18.464 19.136 14.944H18.9093Z"
+      fill="white"/>
+  </mask>
+  <g mask="url(#mask0_86_6577)">
+    <path d="M19.136 14.944H0V20.912H19.136V14.944Z" fill="url(#paint0_radial_86_6577)"/>
+  </g>
+  <mask height="17" id="mask1_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="19" x="0" y="2">
+    <path
+      d="M2.81698 4.06403C1.5542 4.99203 1.05233 5.93603 0.874244 6.81603C-0.0161772 11.12 8.59663 12.832 11.8993 13.904C13.7125 14.48 13.9553 15.264 13.9392 15.888C13.9068 17.328 11.8507 18.624 11.8345 18.624C13.5182 18.592 15.7848 17.616 17.1447 16.096C17.6627 15.52 18.116 14.752 18.2294 14.192C18.7312 11.616 16.3028 10.304 13.4373 9.31203C11.2031 8.54403 9.35753 8.01603 7.78715 7.53603C5.29397 6.78403 4.87304 6.06403 4.88923 5.28003C4.90542 4.36803 5.89298 3.21603 6.99387 2.54403C6.97768 2.51203 4.90542 2.51203 2.81698 4.06403Z"
+      fill="white"/>
+  </mask>
+  <g mask="url(#mask1_86_6577)">
+    <path d="M-7.01025 14.6881L14.1656 26.5601L25.7249 6.43206L4.54903 -5.43994L-7.01025 14.6881Z"
+          fill="url(#paint1_linear_86_6577)"/>
+  </g>
+  <mask height="6" id="mask2_86_6577" maskUnits="userSpaceOnUse" style="mask-type:luminance" width="20" x="0" y="0">
+    <path
+      d="M0 5.96808H0.226653C2.33128 3.12008 5.73108 1.26408 9.56798 1.26408C13.4049 1.26408 16.8047 3.12008 18.9093 5.96808H19.136C17.4361 2.43208 13.7934 7.79692e-05 9.56798 7.79692e-05C5.35872 -0.015922 1.6999 2.43208 0 5.96808Z"
+      fill="white"/>
+  </mask>
+  <g mask="url(#mask2_86_6577)">
+    <path d="M-0.728516 0.0800536L0.291421 8.27205L19.8807 5.87205L18.8446 -2.31995L-0.728516 0.0800536Z"
+          fill="url(#paint2_linear_86_6577)"/>
+  </g>
+  <defs>
+    <radialGradient cx="0" cy="0" gradientTransform="translate(9.57148 17.9248) scale(10.698 10.5728)" gradientUnits="userSpaceOnUse" id="paint0_radial_86_6577"
+                    r="1">
+      <stop stop-color="#84CFED"/>
+      <stop offset="0.22" stop-color="#59A7D5"/>
+      <stop offset="0.45" stop-color="#3284C0"/>
+      <stop offset="0.67" stop-color="#176BB1"/>
+      <stop offset="0.86" stop-color="#065BA7"/>
+      <stop offset="1" stop-color="#0056A4"/>
+    </radialGradient>
+    <linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_86_6577" x1="3.84135" x2="18.3227" y1="7.50491"
+                    y2="15.8153">
+      <stop stop-color="#57BCEC"/>
+      <stop offset="0.08" stop-color="#4CB1E3"/>
+      <stop offset="0.34" stop-color="#2B8FC9"/>
+      <stop offset="0.59" stop-color="#1376B6"/>
+      <stop offset="0.81" stop-color="#0567AB"/>
+      <stop offset="1" stop-color="#0062A7"/>
+    </linearGradient>
+    <linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_86_6577" x1="9.12259" x2="11.6743" y1="-0.190838"
+                    y2="20.5976">
+      <stop stop-color="#81CDEC"/>
+      <stop offset="0.08" stop-color="#5FADD8"/>
+      <stop offset="0.16" stop-color="#4292C8"/>
+      <stop offset="0.25" stop-color="#2A7CBB"/>
+      <stop offset="0.35" stop-color="#176BB1"/>
+      <stop offset="0.47" stop-color="#0A5FA9"/>
+      <stop offset="0.62" stop-color="#0258A5"/>
+      <stop offset="0.94" stop-color="#0056A4"/>
+      <stop offset="1" stop-color="#0056A4"/>
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/old-sae-airwatch/src/app/chatbot/chatbot.html b/old-sae-airwatch/src/app/chatbot/chatbot.html
index 9f641b0..644f17b 100644
--- a/old-sae-airwatch/src/app/chatbot/chatbot.html
+++ b/old-sae-airwatch/src/app/chatbot/chatbot.html
@@ -13,7 +13,17 @@
         <div class="navbar-brand">
           <a class="navbar-item" href="/#">
             <!--            <i class="ri-robot-2-fill"></i>-->
-            <img alt="safran logo" class="logo" src="/safran_logo_large.svg">
+
+            @if (appState.displayConversationListPanelLarge) {
+              <img alt="safran logo" class="logo" src="/safran_logo_large.svg">
+              <span class="label">
+                airwatch
+              </span>
+
+            } @else {
+              <img src="safran_logo_small.svg" alt="logo">
+            }
+
           </a>
 
           <a aria-expanded="false" aria-label="menu" class="navbar-burger" data-target="navbarBasicExample"
@@ -28,15 +38,12 @@
         <div class="navbar-menu" id="airwatchNavigation">
           <div class="navbar-start">
             <a (click)="toggleSidePanelConversationsList()" class="navbar-item aside-toggle-button">
-              <span class="label">
-                airwatch
-              </span>
+
+
               @if (appState.displayConversationListPanelLarge) {
-                <i class="ri-sidebar-unfold-line"></i>
-
-              } @else {
-
                 <i class="ri-sidebar-fold-line"></i>
+              } @else {
+                <i class="ri-sidebar-unfold-line"></i>
               }
             </a>
 
diff --git a/old-sae-airwatch/src/app/chatbot/chatbot.scss b/old-sae-airwatch/src/app/chatbot/chatbot.scss
index 96af205..6e1fc26 100644
--- a/old-sae-airwatch/src/app/chatbot/chatbot.scss
+++ b/old-sae-airwatch/src/app/chatbot/chatbot.scss
@@ -45,7 +45,6 @@
 
     color: #FFF;
     text-align: center;
-    font-family: Barlow;
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
diff --git a/old-sae-airwatch/src/app/chatbot/new-input/new-input.html b/old-sae-airwatch/src/app/chatbot/new-input/new-input.html
index 510da66..31e05ec 100644
--- a/old-sae-airwatch/src/app/chatbot/new-input/new-input.html
+++ b/old-sae-airwatch/src/app/chatbot/new-input/new-input.html
@@ -1,18 +1,21 @@
 <div class="new-input">
-  <!--              new input-->
+  <div class="main-conversation-container">
 
-  <div class="welcome-text">
-    <div class="welcome-icon">
-      <!--      <i class="ri-robot-2-line"></i>-->
-      <img alt="chatbot image" src="/chatbot.png">
-    </div>
-    How can we
-    <span class="emphasis">
+    <!--              new input-->
+
+    <div class="welcome-text">
+      <div class="welcome-icon">
+        <!--      <i class="ri-robot-2-line"></i>-->
+        <img alt="chatbot image" src="/chatbot.png">
+      </div>
+      How can we
+      <span class="emphasis">
                 assist
                 </span>
-    you today?
-  </div>
+      you today?
+    </div>
 
-  <app-prompt-input></app-prompt-input>
-  <app-tools-options></app-tools-options>
+    <app-prompt-input></app-prompt-input>
+    <app-tools-options></app-tools-options>
+  </div>
 </div>
diff --git a/old-sae-airwatch/src/app/chatbot/new-input/new-input.scss b/old-sae-airwatch/src/app/chatbot/new-input/new-input.scss
index 9c3e059..a6e1a49 100644
--- a/old-sae-airwatch/src/app/chatbot/new-input/new-input.scss
+++ b/old-sae-airwatch/src/app/chatbot/new-input/new-input.scss
@@ -1,6 +1,8 @@
 .new-input {
-  min-height: 80vh;
   padding: 0 200px;
+  background: #f5f5f5;
+  border-radius: 10px;
+  min-height: 100vh;
 
   .welcome-text {
     margin: 100px;