refine styles and fix agent action issue

Author: Jicheng Lu

src/lib/scss/custom/pages/_knowledgebase.scss

@@ -77,7 +77,7 @@
                 padding: 0px;
 
                 i::before {
-                    font-size: 1.2em;
+                    font-size: 1em;
                     font-weight: 700;
                 }
             }

src/routes/page/agent/[agentId]/+page.svelte

@@ -300,7 +300,7 @@
         </Col>
     </Row>
 
-    {#if !!AgentExtensions.editable(agent)}
+    {#if !!AgentExtensions.editable(originalAgent)}
         <Row>
             <div class="hstack gap-2 my-4">
                 <Button class="btn btn-soft-primary" on:click={() => updateCurrentAgent()}>{$_('Save Agent')}</Button>

src/routes/page/knowledge-base/documents/+page.svelte

@@ -821,7 +821,7 @@
                             <div class="line-align-center input-text fw-bold">
                                 <span>{'Confidence:'}</span>
                             </div>
-							<div style="display: flex;">
+							<div style="display: flex; gap: 5px;">
 								<div class="line-align-center confidence-box">
 									<Input
 										type="text"
@@ -892,7 +892,7 @@
 							<LoadingDots duration={'1s'} size={12} gap={5} color={'var(--bs-primary)'} />
 						</div>
 					{:else if searchDone && (!items || items.length === 0)}
-						<div class="mt-5">
+						<div class="mt-5 text-center">
 							<h4 class="text-secondary">{"Ehhh, no idea..."}</h4>
 						</div>
 					{/if}

src/routes/page/knowledge-base/question-answer/+page.svelte

@@ -743,7 +743,7 @@
                             <div class="line-align-center input-text fw-bold">
                                 <span>{'Confidence:'}</span>
                             </div>
-							<div style="display: flex;">
+							<div style="display: flex; gap: 5px;">
 								<div class="line-align-center confidence-box">
 									<Input
 										type="text"
@@ -802,7 +802,7 @@
 							<LoadingDots duration={'1s'} size={12} gap={5} color={'var(--bs-primary)'} />
 						</div>
 					{:else if searchDone && (!items || items.length === 0)}
-						<div class="mt-5">
+						<div class="mt-5 text-center">
 							<h4 class="text-secondary">{"Ehhh, no idea..."}</h4>
 						</div>
 					{/if}

src/routes/page/knowledge-base/relationships/+page.svelte

@@ -97,7 +97,7 @@
                             </div>
                         </div>
                     {:else if searchDone && !result}
-                        <div class="mt-3">
+                        <div class="mt-3 text-center">
                             <h4 class="text-secondary">{"Ehhh, no idea..."}</h4>
                         </div>
                     {/if}