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
This commit is contained in:
Kazuki Yamada
2025-06-08 17:42:52 +09:00
parent b1e994efe1
commit 0d54360a24

View File

@@ -199,7 +199,7 @@ onUnmounted(() => {
<li v-for="file in result.metadata.topFiles" :key="file.path"> <li v-for="file in result.metadata.topFiles" :key="file.path">
<div class="file-path">{{ file.path }}</div> <div class="file-path">{{ file.path }}</div>
<div class="file-stats"> <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> </div>
</li> </li>
</ol> </ol>