feat: Implement agent messaging and settings pages with new components and icons.

2026-01-18 23:58:25 +05:30
parent 48c4b564e5
commit c5ed8fb1aa
28 changed files with 1703 additions and 12 deletions
--- a/public/assets/icons/arrow-down-icon.svg
+++ b/public/assets/icons/arrow-down-icon.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 5V19M12 19L5 12M12 19L19 12" stroke="#00293d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/chevron-right-icon.svg
+++ b/public/assets/icons/chevron-right-icon.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 1L7 7L1 13" stroke="#00293D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/compose-icon.svg
+++ b/public/assets/icons/compose-icon.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13" stroke="#00293d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18.5 2.50001C18.8978 2.10219 19.4374 1.87869 20 1.87869C20.5626 1.87869 21.1022 2.10219 21.5 2.50001C21.8978 2.89784 22.1213 3.4374 22.1213 4.00001C22.1213 4.56262 21.8978 5.10219 21.5 5.50001L12 15L8 16L9 12L18.5 2.50001Z" stroke="#00293d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/emoji-icon.svg
+++ b/public/assets/icons/emoji-icon.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="12" r="10" stroke="#e58625" stroke-width="2"/>
+  <path d="M8 14C8 14 9.5 16 12 16C14.5 16 16 14 16 14" stroke="#e58625" stroke-width="2" stroke-linecap="round"/>
+  <circle cx="9" cy="9" r="1" fill="#e58625"/>
+  <circle cx="15" cy="9" r="1" fill="#e58625"/>
+</svg>
--- a/public/assets/icons/gallery-icon.svg
+++ b/public/assets/icons/gallery-icon.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="3" y="3" width="18" height="18" rx="2" stroke="#e58625" stroke-width="2"/>
+  <circle cx="8.5" cy="8.5" r="1.5" fill="#e58625"/>
+  <path d="M21 15L16 10L5 21" stroke="#e58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/gif-icon.svg
+++ b/public/assets/icons/gif-icon.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="2" y="5" width="20" height="14" rx="2" stroke="#e58625" stroke-width="2"/>
+  <path d="M7 12H6C5.44772 12 5 11.5523 5 11V10C5 9.44772 5.44772 9 6 9H8V15H6C5.44772 15 5 14.5523 5 14V13C5 12.4477 5.44772 12 6 12H7" stroke="#e58625" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M11 9V15" stroke="#e58625" stroke-width="1.5" stroke-linecap="round"/>
+  <path d="M14 9H18M14 9V15M14 12H17" stroke="#e58625" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/search-icon.svg
+++ b/public/assets/icons/search-icon.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#00293d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M21 21L16.65 16.65" stroke="#00293d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/settings-bell-icon.svg
+++ b/public/assets/icons/settings-bell-icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 20C11.1 20 12 19.1 12 18H8C8 19.1 8.9 20 10 20ZM16 14V9C16 5.93 14.36 3.36 11.5 2.68V2C11.5 1.17 10.83 0.5 10 0.5C9.17 0.5 8.5 1.17 8.5 2V2.68C5.63 3.36 4 5.92 4 9V14L2 16V17H18V16L16 14Z" fill="currentColor"/>
+</svg>
--- a/public/assets/icons/settings-lock-icon.svg
+++ b/public/assets/icons/settings-lock-icon.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.75 7H14.625V5C14.625 2.2425 12.3825 0 9.625 0C6.8675 0 4.625 2.2425 4.625 5V7H3.5C2.4 7 1.5 7.9 1.5 9V18C1.5 19.1 2.4 20 3.5 20H15.75C16.85 20 17.75 19.1 17.75 18V9C17.75 7.9 16.85 7 15.75 7ZM9.625 15C8.525 15 7.625 14.1 7.625 13C7.625 11.9 8.525 11 9.625 11C10.725 11 11.625 11.9 11.625 13C11.625 14.1 10.725 15 9.625 15ZM12.675 7H6.575V5C6.575 3.3425 7.9175 2 9.625 2C11.3325 2 12.675 3.3425 12.675 5V7Z" fill="currentColor"/>
+</svg>
--- a/public/assets/icons/settings-privacy-icon.svg
+++ b/public/assets/icons/settings-privacy-icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 1L3 4.5V9.5C3 14.025 6.15 18.275 10 19.5C13.85 18.275 17 14.025 17 9.5V4.5L10 1ZM10 9.99H15C14.575 13.34 12.61 16.325 10 17.435V10H5V5.65L10 3.2V9.99Z" fill="currentColor"/>
+</svg>
--- a/public/assets/icons/settings-profile-icon.svg
+++ b/public/assets/icons/settings-profile-icon.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10C12.0711 10 13.75 8.32107 13.75 6.25C13.75 4.17893 12.0711 2.5 10 2.5C7.92893 2.5 6.25 4.17893 6.25 6.25C6.25 8.32107 7.92893 10 10 10ZM10 11.875C7.08125 11.875 1.25 13.3438 1.25 16.25V17.5H18.75V16.25C18.75 13.3438 12.9188 11.875 10 11.875Z" fill="currentColor"/>
+</svg>
--- a/public/assets/icons/shield-verified-icon.svg
+++ b/public/assets/icons/shield-verified-icon.svg
@@ -1,4 +1,3 @@
-<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.30942 16.8689C12.8162 15.6602 15.3158 12.8503 15.7079 9.27257C15.8166 7.71948 15.8074 6.16038 15.6803 4.60868C15.6636 4.36407 15.5563 4.13448 15.3793 3.96481C15.2023 3.79513 14.9684 3.69756 14.7233 3.69118C13.1369 3.64232 11.2929 3.37785 9.86821 1.97446C9.71943 1.82752 9.51873 1.74512 9.30961 1.74512C9.10049 1.74512 8.89979 1.82752 8.75101 1.97446C7.3259 3.37785 5.48198 3.64232 3.89594 3.69118C3.65084 3.69756 3.41692 3.79513 3.23993 3.96481C3.06294 4.13448 2.9556 4.36407 2.93889 4.60868C2.81168 6.16037 2.80234 7.71947 2.91096 9.27257C3.30302 12.8503 5.80268 15.6602 9.30942 16.8689Z" stroke="#E58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.04859 12.0218L10.6637 9.30727H7.94922L9.56434 6.59277" stroke="#E58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 2.59997L8.43919 0V18C2.41085 15.6 0 11 0 8.4V2.59997ZM16.8784 2.59997L8.43919 0V18C14.4675 15.6 16.8784 11 16.8784 8.4V2.59997Z" fill="#E58625"/>
 </svg>
--- a/public/assets/icons/star-outline-icon.svg
+++ b/public/assets/icons/star-outline-icon.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="#e58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
--- a/public/assets/icons/three-dots-icon.svg
+++ b/public/assets/icons/three-dots-icon.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="12" cy="5" r="2" fill="#00293d"/>
+  <circle cx="12" cy="12" r="2" fill="#00293d"/>
+  <circle cx="12" cy="19" r="2" fill="#00293d"/>
+</svg>