From b7e7aebce996f010af9c0333ed08a965d3d00b87 Mon Sep 17 00:00:00 2001
From: mika kuns <mika.kuns@fb-tuning.de>
Date: Fri, 2 Oct 2026 10:31:40 +0200
Subject: [PATCH] fix(usage-monitor): wrap table headers, ellipsis-trim long
 cells with tooltip

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 .../Views/Modals/UsageMonitorModalView.axaml  | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/ClaudeDo.Ui/Views/Modals/UsageMonitorModalView.axaml b/src/ClaudeDo.Ui/Views/Modals/UsageMonitorModalView.axaml
index 7699d241..afbdcf4c 100644
--- a/src/ClaudeDo.Ui/Views/Modals/UsageMonitorModalView.axaml
+++ b/src/ClaudeDo.Ui/Views/Modals/UsageMonitorModalView.axaml
@@ -198,23 +198,23 @@
               <TextBlock Classes="meta" Margin="0,16"
                          Text="{loc:Tr modals.usageMonitor.emptyStateHint}"
                          IsVisible="{Binding ModelsEmpty}"/>
-              <Grid ColumnDefinitions="*,80,80,80,80,80,80,60,80" Margin="12,0,12,4" IsVisible="{Binding !ModelsEmpty}">
-                <TextBlock Grid.Column="0" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnModel}"/>
-                <TextBlock Grid.Column="1" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnIn}"/>
-                <TextBlock Grid.Column="2" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnOut}"/>
-                <TextBlock Grid.Column="3" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnCache}"/>
-                <TextBlock Grid.Column="4" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnOtherIn}"/>
-                <TextBlock Grid.Column="5" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnOtherOut}"/>
-                <TextBlock Grid.Column="6" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnOtherCache}"/>
-                <TextBlock Grid.Column="7" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnShare}"/>
-                <TextBlock Grid.Column="8" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnCost}"/>
+              <Grid ColumnDefinitions="*,72,72,72,72,72,72,56,64" Margin="12,0,12,4" IsVisible="{Binding !ModelsEmpty}">
+                <TextBlock Grid.Column="0" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnModel}"/>
+                <TextBlock Grid.Column="1" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnIn}"/>
+                <TextBlock Grid.Column="2" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnOut}"/>
+                <TextBlock Grid.Column="3" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnCache}"/>
+                <TextBlock Grid.Column="4" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnOtherIn}"/>
+                <TextBlock Grid.Column="5" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnOtherOut}"/>
+                <TextBlock Grid.Column="6" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnOtherCache}"/>
+                <TextBlock Grid.Column="7" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnShare}"/>
+                <TextBlock Grid.Column="8" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnCost}"/>
               </Grid>
               <Border Height="1" Background="{DynamicResource LineBrush}" Margin="0,0,0,8" IsVisible="{Binding !ModelsEmpty}"/>
               <ItemsControl ItemsSource="{Binding ModelRows}">
                 <ItemsControl.ItemTemplate>
                   <DataTemplate x:DataType="vm:ModelUsageDisplayRow">
-                    <Grid ColumnDefinitions="*,80,80,80,80,80,80,60,80" Margin="12,4">
-                      <TextBlock Grid.Column="0" Classes="title" Text="{Binding Model}"/>
+                    <Grid ColumnDefinitions="*,72,72,72,72,72,72,56,64" Margin="12,4">
+                      <TextBlock Grid.Column="0" Classes="title" TextTrimming="CharacterEllipsis" Margin="0,0,8,0" ToolTip.Tip="{Binding Model}" Text="{Binding Model}"/>
                       <TextBlock Grid.Column="1" Classes="meta" Text="{Binding ClaudeDoInputTokens}"/>
                       <TextBlock Grid.Column="2" Classes="meta" Text="{Binding ClaudeDoOutputTokens}"/>
                       <TextBlock Grid.Column="3" Classes="meta" Text="{Binding ClaudeDoCacheTokens}"/>
@@ -237,25 +237,25 @@
               <TextBlock Classes="meta" Margin="0,16"
                          Text="{loc:Tr modals.usageMonitor.emptyStateHint}"
                          IsVisible="{Binding TasksEmpty}"/>
-              <Grid ColumnDefinitions="*,110,90,60,80,80,80,80,70" Margin="12,0,12,4" IsVisible="{Binding !TasksEmpty}">
-                <TextBlock Grid.Column="0" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnTask}"/>
-                <TextBlock Grid.Column="1" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnList}"/>
-                <TextBlock Grid.Column="2" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnModelShort}"/>
-                <TextBlock Grid.Column="3" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnRuns}"/>
-                <TextBlock Grid.Column="4" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnIn}"/>
-                <TextBlock Grid.Column="5" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnOut}"/>
-                <TextBlock Grid.Column="6" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnTotal}"/>
-                <TextBlock Grid.Column="7" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnCost}"/>
-                <TextBlock Grid.Column="8" Classes="eyebrow" Text="{loc:Tr modals.usageMonitor.columnRetries}"/>
+              <Grid ColumnDefinitions="*,96,84,52,64,64,64,60,64" Margin="12,0,12,4" IsVisible="{Binding !TasksEmpty}">
+                <TextBlock Grid.Column="0" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnTask}"/>
+                <TextBlock Grid.Column="1" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnList}"/>
+                <TextBlock Grid.Column="2" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnModelShort}"/>
+                <TextBlock Grid.Column="3" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnRuns}"/>
+                <TextBlock Grid.Column="4" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnIn}"/>
+                <TextBlock Grid.Column="5" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnOut}"/>
+                <TextBlock Grid.Column="6" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnTotal}"/>
+                <TextBlock Grid.Column="7" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnCost}"/>
+                <TextBlock Grid.Column="8" Classes="eyebrow" TextWrapping="Wrap" Text="{loc:Tr modals.usageMonitor.columnRetries}"/>
               </Grid>
               <Border Height="1" Background="{DynamicResource LineBrush}" Margin="0,0,0,8" IsVisible="{Binding !TasksEmpty}"/>
               <ItemsControl ItemsSource="{Binding TaskRows}">
                 <ItemsControl.ItemTemplate>
                   <DataTemplate x:DataType="vm:TaskUsageDisplayRow">
-                    <Grid ColumnDefinitions="*,110,90,60,80,80,80,80,70" Margin="12,4">
-                      <TextBlock Grid.Column="0" Classes="title" Text="{Binding TaskTitle}"/>
-                      <TextBlock Grid.Column="1" Classes="meta" Text="{Binding ListName}"/>
-                      <TextBlock Grid.Column="2" Classes="meta" Text="{Binding Model}"/>
+                    <Grid ColumnDefinitions="*,96,84,52,64,64,64,60,64" Margin="12,4">
+                      <TextBlock Grid.Column="0" Classes="title" TextTrimming="CharacterEllipsis" Margin="0,0,8,0" ToolTip.Tip="{Binding TaskTitle}" Text="{Binding TaskTitle}"/>
+                      <TextBlock Grid.Column="1" Classes="meta" TextTrimming="CharacterEllipsis" Margin="0,0,8,0" ToolTip.Tip="{Binding ListName}" Text="{Binding ListName}"/>
+                      <TextBlock Grid.Column="2" Classes="meta" TextTrimming="CharacterEllipsis" Margin="0,0,8,0" ToolTip.Tip="{Binding Model}" Text="{Binding Model}"/>
                       <TextBlock Grid.Column="3" Classes="meta" Text="{Binding Runs}"/>
                       <TextBlock Grid.Column="4" Classes="meta" Text="{Binding TokensIn}"/>
                       <TextBlock Grid.Column="5" Classes="meta" Text="{Binding TokensOut}"/>