diff --git a/app/components/tool/Chart.vue b/app/components/tool/Chart.vue
index d09aa6a..5ea90a4 100644
--- a/app/components/tool/Chart.vue
+++ b/app/components/tool/Chart.vue
@@ -78,14 +78,14 @@ const formatValue = (value: string | number | undefined): string => {
         :y-label="invocation.output.yLabel"
         :y-grid-line="true"
         :curve-type="CurveType.MonotoneX"
-        :legend-position="LegendPosition.Top"
+        :legend-position="LegendPosition.TopRight"
         :hide-legend="false"
         :x-num-ticks="Math.min(6, invocation.output.data.length)"
         :y-num-ticks="5"
         :show-tooltip="true"
       >
         <template #tooltip="{ values }">
-          <div class="bg-muted/50 rounded-sm px-2 py-1 shadow-lg backdrop-blur-sm max-w-xs ring ring-offset-2 ring-offset-(--ui-bg) ring-default border border-default">
+          <div class="bg-muted/50 rounded-sm px-2 py-1 shadow-lg backdrop-blur-sm max-w-xs ring ring-offset-2 ring-offset-bg ring-default border border-default">
             <div v-if="values && values[invocation.output.xKey]" class="text-sm font-semibold text-highlighted mb-2">
               {{ values[invocation.output.xKey] }}
             </div>
diff --git a/package.json b/package.json
index 1aedcc2..78d4d51 100644
--- a/package.json
+++ b/package.json
@@ -25,7 +25,7 @@
     "drizzle-orm": "^0.44.7",
     "nuxt": "^4.2.0",
     "nuxt-auth-utils": "^0.5.25",
-    "nuxt-charts": "0.2.4",
+    "nuxt-charts": "1.0.2",
     "pg": "^8.16.3",
     "shiki-stream": "^0.1.2"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7d667d7..bd55c39 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,8 +53,8 @@ importers:
         specifier: ^0.5.25
         version: 0.5.25(magicast@0.3.5)
       nuxt-charts:
-        specifier: 0.2.4
-        version: 0.2.4(magicast@0.3.5)(vue@3.5.22(typescript@5.9.3))
+        specifier: 1.0.2
+        version: 1.0.2(magicast@0.3.5)(vue@3.5.22(typescript@5.9.3))
       pg:
         specifier: ^8.16.3
         version: 8.16.3
@@ -4475,8 +4475,8 @@ packages:
       '@simplewebauthn/server':
         optional: true
 
-  nuxt-charts@0.2.4:
-    resolution: {integrity: sha512-CCSK8mhbLcmsEt+nzBMiH/JAQ/L+e0Cmg87lOwLehjlJ23rMyBcajF2Fn9fqwx6nQv2PT1MFDlTVHoAsAMYnWA==}
+  nuxt-charts@1.0.2:
+    resolution: {integrity: sha512-Pt3YGZBnkNH4L2RyYudtzYqDkrNr/8TNO6dNk39ys7WsnViNZMrF9PF8xXqwBZHTEXR6z8pk0IuxbfwhC5fVfA==}
 
   nuxt@4.2.0:
     resolution: {integrity: sha512-4qzf2Ymf07dMMj50TZdNZgMqCdzDch8NY3NO2ClucUaIvvsr6wd9+JrDpI1CckSTHwqU37/dIPFpvIQZoeHoYA==}
@@ -5874,8 +5874,8 @@ packages:
   vue-bundle-renderer@2.2.0:
     resolution: {integrity: sha512-sz/0WEdYH1KfaOm0XaBmRZOWgYTEvUDt6yPYaUzl4E52qzgWLlknaPPTTZmp6benaPTlQAI/hN1x3tAzZygycg==}
 
-  vue-chrts@0.2.4:
-    resolution: {integrity: sha512-rEShiyRTUaxGMli9wzv0mPmnwuZ5Wc0gF/fGGG/0Xk9oYjpOv3ZdaIMXFfUxVHOzeL42TSO3AibQ77ojxo3INA==}
+  vue-chrts@1.0.0:
+    resolution: {integrity: sha512-wu65O97XWzj6D2hcykn9tgvgKHDzSj9h9lUOO99GHyT9kRv3KD/kF6NMAq4eiV6Y6j9FPrIt8r4l2hqYnVgwVQ==}
     peerDependencies:
       vue: ^3.5.13
 
@@ -11074,12 +11074,12 @@ snapshots:
       - bcrypt
       - magicast
 
-  nuxt-charts@0.2.4(magicast@0.3.5)(vue@3.5.22(typescript@5.9.3)):
+  nuxt-charts@1.0.2(magicast@0.3.5)(vue@3.5.22(typescript@5.9.3)):
     dependencies:
       '@nuxt/kit': 3.19.2(magicast@0.3.5)
       '@unovis/ts': 1.6.1
       '@unovis/vue': 1.6.1(@unovis/ts@1.6.1)(vue@3.5.22(typescript@5.9.3))
-      vue-chrts: 0.2.4(vue@3.5.22(typescript@5.9.3))
+      vue-chrts: 1.0.0(vue@3.5.22(typescript@5.9.3))
     transitivePeerDependencies:
       - magicast
       - supports-color
@@ -12714,7 +12714,7 @@ snapshots:
     dependencies:
       ufo: 1.6.1
 
-  vue-chrts@0.2.4(vue@3.5.22(typescript@5.9.3)):
+  vue-chrts@1.0.0(vue@3.5.22(typescript@5.9.3)):
     dependencies:
       vue: 3.5.22(typescript@5.9.3)