add state source

Author: Jicheng Lu

src/lib/helpers/types.js

@@ -306,6 +306,8 @@ IRichContent.prototype.text;
  * @property {number?} before_active_rounds - The state active rounds before change.
  * @property {string} after_value - The value after change.
  * @property {number?} after_active_rounds - The state active rounds after change.
+ * @property {string} data_type - The state value data type.
+ * @property {string} source - The state source.
  * @property {Date} created_at - The log sent time.
  */
 

src/lib/scss/custom/pages/_chat.scss

@@ -447,6 +447,10 @@
                 .state-key {
                     color: var(--bs-primary);
                 }
+
+                .state-source {
+                    font-size: 12px;
+                }
 
                 .state-value-container {
                     display: flex;

src/routes/chat/[agentId]/[conversationId]/stateLogs/state-change-element.svelte

@@ -45,7 +45,12 @@
 {#if beforeDataValue != defaultValue || afterDataValue != defaultValue}
 <div class="log-element state-change-container">
     <div class="log-meta state-key">
-        <div><b>{`${data?.name}`}</b></div>
+        <div>
+            <span><b>{`${data?.name}`}</b></span>
+            {#if !!data?.source}
+            <span class="state-source">{`(${data?.source})`}</span>
+            {/if}
+        </div>
     </div>
     <div class="log-content state-value-container">
         <div class="state-value">