From 0d54360a24c1b58c81d574be805402d6361ed18a Mon Sep 17 00:00:00 2001
From: Kazuki Yamada <koukun0120@gmail.com>
Date: Sun, 8 Jun 2025 17:42:52 +0900
Subject: [PATCH] style(website): Change display order to tokens first in
 client results

- Update TryItResultContent.vue to show tokens before chars
- Matches CLI display format: (tokens, chars, %) instead of (chars, tokens, %)
- Maintains consistency between CLI and website interfaces
---
 website/client/components/Home/TryItResultContent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/client/components/Home/TryItResultContent.vue b/website/client/components/Home/TryItResultContent.vue
index 7a7993d..8dd4087 100644
--- a/website/client/components/Home/TryItResultContent.vue
+++ b/website/client/components/Home/TryItResultContent.vue
@@ -199,7 +199,7 @@ onUnmounted(() => {
           <li v-for="file in result.metadata.topFiles" :key="file.path">
             <div class="file-path">{{ file.path }}</div>
             <div class="file-stats">
-              {{ file.charCount.toLocaleString() }} <span class="unit">chars</span> <span class="separator-unit">|</span> {{ file.tokenCount.toLocaleString() }} <span class="unit">tokens</span> <span class="separator-unit">|</span> {{ ((file.tokenCount / result.metadata.summary.totalTokens) * 100).toFixed(1) }}<span class="unit">%</span>
+              {{ file.tokenCount.toLocaleString() }} <span class="unit">tokens</span> <span class="separator-unit">|</span> {{ file.charCount.toLocaleString() }} <span class="unit">chars</span> <span class="separator-unit">|</span> {{ ((file.tokenCount / result.metadata.summary.totalTokens) * 100).toFixed(1) }}<span class="unit">%</span>
             </div>
           </li>
         </ol>