v0.3.0 (#39)

- Add deepinfra support
- UI updates/fixes

Author: danielcampagnolitg

frontend/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@sophia/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Sophia AI platform",
   "author": "https://themeforest.net/user/srcn, Daniel Campagnoli, TrafficGuard Pty Ltd, and contributors",
   "license": "https://themeforest.net/licenses/standard",

frontend/package.json

@@ -98,10 +98,13 @@
 
     <mat-card class="p-8">
         <div>
-            <mat-icon (click)="refreshAgentDetails()" style="margin-right: 7px">refresh</mat-icon>
-            <a href="{{ agentUrl(agentDetails) }}" target="_blank" style="margin-right: 7px">
+            <mat-icon (click)="refreshAgentDetails()" class="mr-3" [matTooltip]="'Reload'">refresh</mat-icon>
+            <a href="{{ agentUrl(agentDetails) }}" target="_blank" class="mr-3" [matTooltip]="'View database entry'">
                 <mat-icon>storage</mat-icon>
             </a>
+            <a href="{{ traceUrl(agentDetails) }}" target="_blank" class="mr-3" [matTooltip]="'View traces'">
+                <mat-icon class="flip-x">sort</mat-icon>
+            </a>
         </div>
 
         <div class="mb-8 flex flex-row space-x-20 items-center sm:mb-0 sm:items-start">
@@ -117,9 +120,10 @@
 
             <div class="mt-2 flex flex-col">
                 <span class="mb-2 font-bold text-lg">State</span>
-                <span class="mb-2">{{ displayState(agentDetails.state) }}</span>
-                <a *ngIf="agentDetails.state === 'completed'" (click)="openResumeModal()" class="resume-link">Resume
+                <span class="mb-2">{{ displayState(agentDetails.state) }}
+                    <a *ngIf="agentDetails.state === 'completed'" (click)="openResumeModal()" class="resume-link">Resume
                     agent</a>
+                </span>
             </div>
         </div>
 

frontend/src/app/modules/agents/agent/agent-details/agent-details.component.html

@@ -15,6 +15,10 @@
   width: 500px;
 }
 
+.flip-x {
+  transform: scaleX(-1);
+}
+
 .truncate {
   display: block;
   white-space: nowrap;