claude-roi 0.7.3 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/dashboard.html +19 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "claude-roi",
3
- "version": "0.7.3",
3
+ "version": "0.8.0",
4
4
  "description": "Correlate Claude Code token usage with git output to measure AI coding agent ROI",
5
5
  "type": "module",
6
6
  "bin": {
@@ -717,9 +717,20 @@
717
717
  width: 100%;
718
718
  border-collapse: collapse;
719
719
  font-size: 0.85rem;
720
- }
720
+ table-layout: fixed;
721
+ }
722
+ /* Column widths: Date | Project | Model | Msgs | Autopilot | Cost | Commits | Lines | Grade */
723
+ table col:nth-child(1) { width: 13%; }
724
+ table col:nth-child(2) { width: 14%; }
725
+ table col:nth-child(3) { width: 18%; }
726
+ table col:nth-child(4) { width: 7%; }
727
+ table col:nth-child(5) { width: 10%; }
728
+ table col:nth-child(6) { width: 8%; }
729
+ table col:nth-child(7) { width: 9%; }
730
+ table col:nth-child(8) { width: 13%; }
731
+ table col:nth-child(9) { width: 8%; }
721
732
  thead th {
722
- padding: 14px 14px;
733
+ padding: 14px 12px;
723
734
  text-align: left;
724
735
  color: var(--text-muted);
725
736
  font-family: var(--font-display);
@@ -734,6 +745,8 @@
734
745
  transition: color 0.2s;
735
746
  position: relative;
736
747
  }
748
+ /* Center-align numeric columns (4-9): Msgs, Autopilot, Cost, Commits, Lines, Grade */
749
+ thead th:nth-child(n+4), tbody td:nth-child(n+4) { text-align: center; }
737
750
  thead th:hover { color: var(--text-primary); }
738
751
  thead th.sorted { color: var(--accent-blue); }
739
752
  thead th.sorted::after {
@@ -752,9 +765,11 @@
752
765
  tbody tr:hover { background: var(--overlay-soft); }
753
766
  tbody tr:last-child { border-bottom: none; }
754
767
  tbody td {
755
- padding: 12px 14px;
768
+ padding: 12px 12px;
756
769
  white-space: nowrap;
757
770
  font-size: 0.85rem;
771
+ overflow: hidden;
772
+ text-overflow: ellipsis;
758
773
  }
759
774
  .grade-badge {
760
775
  display: inline-flex;
@@ -2485,6 +2500,7 @@ function renderSessionsTable(sessions) {
2485
2500
  <h2>Sessions (${sessions.length})</h2>
2486
2501
  <div class="sessions-table-wrap">
2487
2502
  <table>
2503
+ <colgroup><col><col><col><col><col><col><col><col><col></colgroup>
2488
2504
  <thead>
2489
2505
  <tr>
2490
2506
  <th onclick="sortTable('startTime')" class="${sortCol === 'startTime' ? 'sorted' : ''}">Date${thArrow('startTime')}</th>