add rule statement

Author: Jicheng Lu

src/lib/helpers/types/agentTypes.js

@@ -231,6 +231,7 @@
  * @property {boolean} disabled
  * @property {any?} [output_args]
  * @property {string?} [json_args]
+ * @property {string?} [statement]
  */
 
 

src/routes/page/agent/[agentId]/agent-components/agent-knowledge-base.svelte

@@ -205,14 +205,14 @@
                                         on:change={e => toggleKnowledgeBase(e, uid)}
                                     />
                                 </div>
-                                <div
+                                <!-- <div
                                     class="line-align-center"
                                     data-bs-toggle="tooltip"
                                     data-bs-placement="top"
                                     title="Uncheck to disable knowledgebase"
                                 >
                                     <i class="bx bx-info-circle fs-6" />
-                                </div>
+                                </div> -->
                             </div>
                         </div>
                         <div class="utility-value">

src/routes/page/agent/[agentId]/agent-components/agent-mcp-tool.svelte

@@ -235,14 +235,14 @@
                                         on:change={e => toggleMcp(e, uid)}
                                     />
                                 </div>
-                                <div
+                                <!-- <div
                                     class="line-align-center fs-6"
                                     data-bs-toggle="tooltip"
                                     data-bs-placement="top"
                                     title="Uncheck to disable MCP"
                                 >
                                     <i class="bx bx-info-circle" />
-                                </div>
+                                </div> -->
                             </div>
                         </div>
                         <div class="utility-value">

src/routes/page/agent/[agentId]/agent-components/agent-rule.svelte

@@ -77,7 +77,8 @@
                     name: x.trigger_name,
                     displayName: "",
                     output_args: x.output_args,
-                    json_args: x.json_args
+                    json_args: x.json_args,
+                    statement: x.statement
                 };
             }) || [];
             ruleOptions = [{
@@ -239,7 +240,8 @@
             return {
                 ...x,
                 output_args: found?.output_args,
-                json_args: found?.json_args
+                json_args: found?.json_args,
+                statement: found?.statement
             }
         }) || [];
     }
@@ -287,14 +289,33 @@
                                         on:change={e => toggleRule(e, uid)}
                                     />
                                 </div>
-                                <div
-                                    class="line-align-center fs-6"
-                                    data-bs-toggle="tooltip"
-                                    data-bs-placement="top"
-                                    title="Uncheck to disable rule"
-                                >
-                                    <i class="bx bx-info-circle" />
+                                {#if rule.statement}
+                                <div class="line-align-center">
+                                    <i
+                                        class="bx bx-info-circle text-primary fs-6"
+                                        style="padding-top: 2px;"
+                                        id={`rule-statement-${uid}`}
+                                        data-bs-toggle="tooltip"
+                                        data-bs-placement="top"
+                                        title="Rule arguments"
+                                    />
+                                    <BotsharpTooltip
+                                        containerClasses="agent-utility-desc"
+                                        style={`min-width: ${Math.floor(windowWidth*0.3)}px;`}
+                                        target={`rule-statement-${uid}`}
+                                        placement="top"
+                                        persist
+                                    >
+                                        <Markdown
+                                            rawText
+                                            scrollable
+                                            containerClasses={'markdown-div'}
+                                            containerStyles={`max-width: ${Math.floor(windowWidth*0.3)}px;`}
+                                            text={rule.statement}
+                                        />
+                                    </BotsharpTooltip>
                                 </div>
+                                {/if}
                             </div>
                         </div>
                         <div class="utility-value">
@@ -367,15 +388,15 @@
                                             <div class="line-align-center">
                                                 <i
                                                     class="bx bxs-info-circle text-primary fs-5"
-                                                    id={`rule-${uid}`}
+                                                    id={`rule-args-${uid}`}
                                                     data-bs-toggle="tooltip"
                                                     data-bs-placement="top"
                                                     title="Rule arguments"
                                                 />
                                                 <BotsharpTooltip
                                                     containerClasses="agent-utility-desc"
                                                     style={`min-width: ${Math.floor(windowWidth*0.3)}px;`}
-                                                    target={`rule-${uid}`}
+                                                    target={`rule-args-${uid}`}
                                                     placement="right"
                                                     persist
                                                 >

src/routes/page/agent/[agentId]/agent-components/agent-utility.svelte

@@ -321,14 +321,14 @@
                                         on:change={e => toggleUtility(e, uid)}
                                     />
                                 </div>
-                                <div
+                                <!-- <div
                                     class="line-align-center"
                                     data-bs-toggle="tooltip"
                                     data-bs-placement="top"
                                     title="Uncheck to disable utility"
                                 >
                                     <i class="bx bx-info-circle fs-6" />
-                                </div>
+                                </div> -->
                             </div>
                         </div>
                         <div class="utility-value">

src/routes/page/agent/[agentId]/agent-tabs.svelte

@@ -60,7 +60,7 @@
     ];
 
     onMount(() => {
-        selectedTab = tabs[0]?.name;
+        selectedTab = tabs[4]?.name;
     });
 
     /** @param {string} selected */