Merge pull request #13 from video-db/rohit/highlight-message

logo udpate
video-db · Oct 29, 2024 · ba3ef5f · ba3ef5f
2 parents c426b71 + 8f9f220
commit ba3ef5f
Show file tree

Hide file tree

Showing 6 changed files with 112 additions and 79 deletions.
diff --git a/src/components/chat/ChatInterface.vue b/src/components/chat/ChatInterface.vue
@@ -216,12 +216,12 @@ import VideoDBLogo from "../icons/VideoDBLogo.vue";
 import FileUploadIcon from "../icons/FileUpload.vue";
 import WarningExclamation from "../icons/WarningExclamation.vue";
 import EyeIcon from "../icons/Eye.vue";
-import SpielbergIcon from "../icons/Spielberg2.vue";
+import DirectorIcon from "../icons/Director.vue";
 
 const props = defineProps({
   chatInputPlaceholder: {
     type: String,
-    default: "Ask Spielberg",
+    default: "Ask Director",
   },
   customChatHook: {
     type: Function,
@@ -243,7 +243,7 @@ const props = defineProps({
   sidebarConfig: {
     type: Object,
     default: () => ({
-      icon: SpielbergIcon,
+      icon: DirectorIcon,
       links: [
         {
           href: "https://docs.videodb.io",
@@ -344,13 +344,13 @@ const dynamicActionCards = computed(() => {
           },
           {
             content:
-              "How will I be charged for using VideoDB's integration on Spielberg?",
+              "How will I be charged for using VideoDB's integration on Director?",
             type: "primary",
             action: "chat",
           },
           {
             content:
-              "I'm not sure what Spielberg is about.Help me figure out what you can do.",
+              "I'm not sure what Director is about.Help me figure out what you can do.",
             type: "muted",
             action: "chat",
           },

diff --git a/src/components/chat/elements/DefaultScreen.vue b/src/components/chat/elements/DefaultScreen.vue
@@ -39,7 +39,7 @@
             class="vdb-c-flex vdb-c-w-5/6 vdb-c-flex-col vdb-c-gap-6 vdb-c-text-pam"
           >
             <div class="vdb-c-font-semibold">
-              Welcome to Spielberg: a video-first AI agent framework powered by
+              Welcome to Director: a video-first AI agent framework powered by
               <a
                 href="https://www.videodb.io"
                 target="_blank"
@@ -57,7 +57,7 @@
               >
                 create a custom agent
               </a>
-              that suits your workflows. From upload to publish - Spielberg can
+              that suits your workflows. From upload to publish - Director can
               get it all done right here! Let us know how you like it on our
               <a
                 href="https://discord.com/invite/py9P639jGz"

diff --git a/src/components/chat/elements/SetupScreen.vue b/src/components/chat/elements/SetupScreen.vue
@@ -6,7 +6,7 @@
       <h1
         class="vdb-c-mb-24 vdb-c-text-5xl vdb-c-font-extrabold vdb-c-text-vdb-darkishgrey"
       >
-        Welcome to Spielberg.
+        Welcome to Director.
       </h1>
 
       <div

diff --git a/src/components/icons/Director.vue b/src/components/icons/Director.vue
@@ -0,0 +1,103 @@
+<template>
+  <svg
+    width="129"
+    height="39"
+    viewBox="0 0 129 39"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M114.449 24.9292H111.694V12.2812H117.692C118.272 12.2812 118.798 12.3779 119.269 12.5712C119.74 12.7645 120.138 13.0423 120.465 13.4047C120.803 13.755 121.063 14.1778 121.244 14.6731C121.425 15.1684 121.516 15.7181 121.516 16.3221C121.516 17.1798 121.322 17.9287 120.936 18.569C120.561 19.2093 119.987 19.6743 119.214 19.9643L121.697 24.9292H118.634L116.424 20.2904H114.449V24.9292ZM117.348 17.971C117.759 17.971 118.079 17.8683 118.308 17.663C118.55 17.4455 118.671 17.1315 118.671 16.7207V15.9234C118.671 15.5127 118.55 15.2047 118.308 14.9993C118.079 14.7819 117.759 14.6731 117.348 14.6731H114.449V17.971H117.348Z"
+      fill="black"
+    />
+    <path
+      d="M103.832 25.1473C102.999 25.1473 102.238 25.0084 101.549 24.7306C100.861 24.4527 100.275 24.042 99.7916 23.4984C99.3084 22.9427 98.9339 22.2602 98.6682 21.4508C98.4024 20.6293 98.2695 19.681 98.2695 18.6059C98.2695 17.5308 98.4024 16.5885 98.6682 15.7791C98.9339 14.9577 99.3084 14.2751 99.7916 13.7315C100.275 13.1758 100.861 12.7591 101.549 12.4812C102.238 12.2034 102.999 12.0645 103.832 12.0645C104.666 12.0645 105.427 12.2034 106.116 12.4812C106.804 12.7591 107.39 13.1758 107.873 13.7315C108.357 14.2751 108.731 14.9577 108.997 15.7791C109.263 16.5885 109.395 17.5308 109.395 18.6059C109.395 19.681 109.263 20.6293 108.997 21.4508C108.731 22.2602 108.357 22.9427 107.873 23.4984C107.39 24.042 106.804 24.4527 106.116 24.7306C105.427 25.0084 104.666 25.1473 103.832 25.1473ZM103.832 22.7011C104.666 22.7011 105.312 22.4293 105.771 21.8857C106.242 21.3421 106.478 20.5629 106.478 19.5481V17.6636C106.478 16.6489 106.242 15.8697 105.771 15.3261C105.312 14.7825 104.666 14.5107 103.832 14.5107C102.999 14.5107 102.347 14.7825 101.875 15.3261C101.416 15.8697 101.187 16.6489 101.187 17.6636V19.5481C101.187 20.5629 101.416 21.3421 101.875 21.8857C102.347 22.4293 102.999 22.7011 103.832 22.7011Z"
+      fill="black"
+    />
+    <path
+      d="M93.9095 14.7275V24.9292H91.1552V14.7275H87.7305V12.2812H97.3342V14.7275H93.9095Z"
+      fill="black"
+    />
+    <path
+      d="M81.9439 25.1473C81.0862 25.1473 80.3131 25.0144 79.6245 24.7487C78.9359 24.4708 78.35 24.0661 77.8668 23.5346C77.3836 22.991 77.0091 22.3206 76.7434 21.5233C76.4776 20.7139 76.3447 19.7716 76.3447 18.6965C76.3447 17.6334 76.4776 16.6912 76.7434 15.8697C77.0091 15.0362 77.3836 14.3416 77.8668 13.7859C78.35 13.2181 78.9359 12.7893 79.6245 12.4993C80.3131 12.2094 81.0862 12.0645 81.9439 12.0645C83.1157 12.0645 84.0821 12.3061 84.8432 12.7893C85.6042 13.2604 86.2143 14.0094 86.6733 15.0362L84.2995 16.2684C84.1304 15.7368 83.8647 15.314 83.5023 14.9999C83.1519 14.6738 82.6325 14.5107 81.9439 14.5107C81.1345 14.5107 80.4822 14.7765 79.9869 15.308C79.5037 15.8274 79.2621 16.5885 79.2621 17.5912V19.6206C79.2621 20.6233 79.5037 21.3904 79.9869 21.9219C80.4822 22.4414 81.1345 22.7011 81.9439 22.7011C82.6204 22.7011 83.158 22.5199 83.5566 22.1575C83.9673 21.783 84.2693 21.336 84.4626 20.8166L86.7095 22.1212C86.2384 23.0876 85.6163 23.8366 84.8432 24.3682C84.0821 24.8876 83.1157 25.1473 81.9439 25.1473Z"
+      fill="black"
+    />
+    <path
+      d="M65.8271 24.9292V12.2812H74.4343V14.7275H68.5814V17.3187H73.6008V19.7468H68.5814V22.483H74.4343V24.9292H65.8271Z"
+      fill="black"
+    />
+    <path
+      d="M45.3066 24.9292V22.7367H46.9375V14.4738H45.3066V12.2812H51.3226V14.4738H49.6918V22.7367H51.3226V24.9292H45.3066Z"
+      fill="black"
+    />
+    <path
+      d="M33.1611 12.2812H37.9268C38.7603 12.2812 39.5214 12.4141 40.2099 12.6799C40.8985 12.9457 41.4844 13.3443 41.9676 13.8758C42.4508 14.3953 42.8253 15.0537 43.0911 15.851C43.3568 16.6362 43.4897 17.5543 43.4897 18.6052C43.4897 19.6562 43.3568 20.5804 43.0911 21.3777C42.8253 22.1629 42.4508 22.8212 41.9676 23.3528C41.4844 23.8722 40.8985 24.2648 40.2099 24.5306C39.5214 24.7964 38.7603 24.9292 37.9268 24.9292H33.1611V12.2812ZM37.9268 22.483C38.7482 22.483 39.3945 22.2535 39.8657 21.7944C40.3368 21.3354 40.5723 20.5985 40.5723 19.5837V17.6267C40.5723 16.612 40.3368 15.8751 39.8657 15.4161C39.3945 14.957 38.7482 14.7275 37.9268 14.7275H35.9154V22.483H37.9268Z"
+      fill="black"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M53.6172 24.9292H56.3715V20.2904H58.3466L60.5573 24.9292H63.6196L61.1371 19.9643C61.9103 19.6743 62.4841 19.2093 62.8586 18.569C63.2451 17.9287 63.4384 17.1798 63.4384 16.3221C63.4384 15.7181 63.3478 15.1684 63.1666 14.6731C62.9854 14.1778 62.7257 13.755 62.3874 13.4047C62.0613 13.0423 61.6626 12.7645 61.1915 12.5712C60.7204 12.3779 60.1949 12.2812 59.615 12.2812H53.6172V24.9292ZM60.2311 17.663C60.0016 17.8683 59.6815 17.971 59.2707 17.971H57.4727L56.6645 18.5827C56.546 18.6724 56.376 18.5878 56.376 18.4392V17.971H56.3715V15.123C56.3715 14.8745 56.5729 14.6731 56.8213 14.6731H59.2707C59.6815 14.6731 60.0016 14.7819 60.2311 14.9993C60.4727 15.2047 60.5935 15.5127 60.5935 15.9234V16.7207C60.5935 17.1315 60.4727 17.4455 60.2311 17.663Z"
+      fill="black"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.7448 19.5345C13.8883 19.2146 15.2346 18.8379 16.6757 18.8379C17.8373 18.8379 18.9373 18.918 19.9192 18.9895C22.4446 19.1734 24.1885 19.3004 24.1885 17.8612C24.1885 13.7623 20.8249 10.4395 16.6757 10.4395C12.5265 10.4395 9.16297 13.7623 9.16297 17.8612C9.16297 20.5365 10.5958 20.1356 12.7448 19.5345Z"
+      fill="black"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M23.6449 20.7441L10.3569 21.5393C10.6486 24.9471 13.5071 27.622 16.9904 27.622C20.6675 27.622 23.6484 24.6411 23.6484 20.964C23.6484 20.8904 23.6472 20.8171 23.6449 20.7441Z"
+      fill="#EC5B16"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M6.3374 19.4173C6.30154 18.8179 6.75836 18.303 7.35774 18.2671L25.7976 17.1637C26.3969 17.1278 26.9119 17.5846 26.9478 18.184C26.9836 18.7834 26.5268 19.2983 25.9274 19.3342L7.48762 20.4376C6.88824 20.4735 6.37327 20.0167 6.3374 19.4173Z"
+      fill="black"
+    />
+    <path
+      d="M23.4048 22.7493L11.3638 21.4734L23.6478 20.7399C23.6478 20.7399 23.6478 21.3247 23.6028 21.7746C23.5578 22.2244 23.4048 22.7493 23.4048 22.7493Z"
+      fill="#B13C04"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: "DirectorIcon",
+  props: {
+    className: {
+      type: String,
+      default: "",
+    },
+  },
+};
+</script>
+
+<style scoped>
+.circle-group {
+  transition: transform 1s ease;
+  transform-origin: 17.4553px 19.1389px; /* Center of the circle */
+}
+
+/* Rotate the group when hovering over the entire SVG */
+.spielberg-icon:hover .circle-group {
+  transform: rotate(360deg);
+}
+
+/* Transition for the circle */
+.spielberg-circle {
+  transition:
+    transform 0.5s ease,
+    fill 0.5s ease;
+}
+
+/* Scale up and change color of the circle when hovering over the entire SVG */
+.spielberg-icon:hover .spielberg-circle {
+  /* transform: scale(1.2); */
+  fill: #ffd700; /* Gold color */
+}
+</style>
diff --git a/src/components/icons/Spielberg2.vue b/src/components/icons/Spielberg2.vue
diff --git a/src/components/message-handlers/elements/LoadingMessage.vue b/src/components/message-handlers/elements/LoadingMessage.vue
@@ -13,7 +13,7 @@
       <span
         v-else-if="status === 'success'"
         :class="[
-          'vdb-c-flex vdb-c-items-center vdb-c-gap-8 vdb-c-font-semibold vdb-c-text-black',
+          'vdb-c-flex vdb-c-items-center vdb-c-gap-8 vdb-c-font-semibold vdb-c-text-[#333]',
           { 'vdb-c-text-vdb-green': isFocused },
         ]"
         key="success"
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,7 +6,7 @@ @@
           <h1
             class="vdb-c-mb-24 vdb-c-text-5xl vdb-c-font-extrabold vdb-c-text-vdb-darkishgrey"
           >
-            Welcome to Spielberg.
+            Welcome to Director.
           </h1>
           <div
@@ Expand Down @@