codex-devtools 0.1.11 → 0.2.1

package/out/renderer/assets/{index-BTmVA30y.css → index-Cgat1ue6.css}

@@ -573,6 +573,9 @@ video {
 .inline {
   display: inline;
 }
+.table {
+  display: table;
+}
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -943,24 +946,327 @@ select {
 }
 
 .dashboard-shell,
-.settings-shell {
+.settings-shell,
+.stats-shell {
   max-width: 980px;
   margin: 0 auto;
   padding: 24px;
 }
 
 .dashboard-header h2,
-.settings-header h2 {
+.settings-header h2,
+.stats-header h2 {
   margin: 0;
   font-size: 1.25rem;
 }
 
 .dashboard-header p,
-.settings-header p {
+.settings-header p,
+.stats-header p {
   margin: 6px 0 0;
   color: var(--text-muted);
 }
 
+.stats-controls {
+  margin-top: 16px;
+  border: 1px solid var(--border-subtle);
+  background: linear-gradient(145deg, rgba(59, 130, 246, 0.08), transparent 35%), var(--bg-panel);
+  border-radius: 12px;
+  padding: 14px;
+  display: grid;
+  gap: 8px;
+}
+
+.stats-error {
+  margin: 12px 0 0;
+  color: #fca5a5;
+  border: 1px solid rgba(239, 68, 68, 0.38);
+  border-radius: 10px;
+  padding: 10px 12px;
+  background: rgba(127, 29, 29, 0.18);
+}
+
+.stats-kpi-grid {
+  margin-top: 16px;
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+}
+
+.stats-section {
+  margin-top: 16px;
+  border: 1px solid var(--border-subtle);
+  background: var(--bg-panel);
+  border-radius: 12px;
+  padding: 14px;
+}
+
+.stats-section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 10px;
+  margin-bottom: 12px;
+}
+
+.stats-section-header h3 {
+  margin: 0;
+  font-size: 0.95rem;
+}
+
+.stats-section-subtle {
+  color: var(--text-muted);
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+.stats-section-header-actions {
+  margin-left: auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.stats-section-header-actions .sidebar-label,
+.stats-section-header-actions .stats-section-subtle {
+  white-space: nowrap;
+}
+
+.stats-contrib-select {
+  width: auto;
+  min-width: 156px;
+  padding: 6px 9px;
+  font-size: 0.78rem;
+}
+
+.stats-day-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 8px;
+}
+
+.stats-day-row {
+  display: grid;
+  gap: 10px;
+  align-items: center;
+  grid-template-columns: 94px minmax(0, 1fr) 86px;
+}
+
+.stats-day-label,
+.stats-day-value {
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+  font-size: 0.76rem;
+}
+
+.stats-day-value {
+  text-align: right;
+}
+
+.stats-day-bar-wrap {
+  height: 10px;
+  border-radius: 999px;
+  background: rgba(59, 130, 246, 0.14);
+  border: 1px solid rgba(59, 130, 246, 0.28);
+  overflow: hidden;
+}
+
+.stats-day-bar {
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(90deg, rgba(59, 130, 246, 0.8), rgba(56, 189, 248, 0.85));
+}
+
+.stats-contrib-frame {
+  display: grid;
+  grid-template-columns: 30px minmax(0, 1fr);
+  gap: 8px;
+}
+
+.stats-contrib-weekdays {
+  display: grid;
+  grid-template-rows: repeat(7, 12px);
+  gap: 3px;
+  padding-top: 18px;
+}
+
+.stats-contrib-weekdays span {
+  font-size: 0.63rem;
+  line-height: 12px;
+  color: var(--text-muted);
+  text-align: right;
+}
+
+.stats-contrib-scroll {
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-bottom: 2px;
+}
+
+.stats-contrib-months {
+  display: grid;
+  gap: 3px;
+  margin-bottom: 4px;
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
+.stats-contrib-month {
+  font-size: 0.66rem;
+  color: var(--text-muted);
+  font-family: var(--font-mono);
+}
+
+.stats-contrib-weeks {
+  display: flex;
+  gap: 3px;
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
+.stats-contrib-week {
+  display: grid;
+  grid-template-rows: repeat(7, 12px);
+  gap: 3px;
+}
+
+.stats-contrib-cell {
+  width: 12px;
+  height: 12px;
+  border-radius: 3px;
+  border: 1px solid rgba(59, 130, 246, 0.25);
+  background: rgba(59, 130, 246, 0.08);
+  cursor: pointer;
+}
+
+.stats-contrib-cell.level-0 {
+  background: rgba(59, 130, 246, 0.08);
+  border-color: rgba(59, 130, 246, 0.2);
+}
+
+.stats-contrib-cell.level-1 {
+  background: rgba(59, 130, 246, 0.28);
+  border-color: rgba(59, 130, 246, 0.3);
+}
+
+.stats-contrib-cell.level-2 {
+  background: rgba(59, 130, 246, 0.46);
+  border-color: rgba(59, 130, 246, 0.45);
+}
+
+.stats-contrib-cell.level-3 {
+  background: rgba(59, 130, 246, 0.64);
+  border-color: rgba(59, 130, 246, 0.6);
+}
+
+.stats-contrib-cell.level-4 {
+  background: rgba(59, 130, 246, 0.82);
+  border-color: rgba(59, 130, 246, 0.78);
+}
+
+.stats-contrib-cell.is-empty {
+  background: rgba(59, 130, 246, 0.05);
+}
+
+.stats-contrib-cell.is-padding {
+  background: transparent;
+  border-color: transparent;
+  cursor: default;
+}
+
+.stats-contrib-tooltip {
+  position: fixed;
+  z-index: 30;
+  max-width: min(320px, calc(100vw - 24px));
+  border: 1px solid var(--border-strong);
+  border-radius: 8px;
+  background: var(--bg-panel-raised);
+  color: var(--text-primary);
+  padding: 6px 8px;
+  font-size: 0.72rem;
+  font-family: var(--font-mono);
+  line-height: 1.3;
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+.stats-grid-2 {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.stats-top-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: 8px;
+}
+
+.stats-top-item {
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  font-size: 0.84rem;
+  color: var(--text-secondary);
+}
+
+.stats-heatmap-grid {
+  display: grid;
+  gap: 8px;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+}
+
+.stats-heat-cell {
+  border: 1px solid rgba(59, 130, 246, 0.24);
+  border-radius: 8px;
+  min-height: 56px;
+  display: grid;
+  gap: 4px;
+  align-content: center;
+  justify-items: center;
+  padding: 6px 4px;
+}
+
+.stats-heat-cell span {
+  font-size: 0.68rem;
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+}
+
+.stats-heat-cell strong {
+  font-size: 0.76rem;
+}
+
+.stats-table-wrap {
+  overflow: auto;
+}
+
+.stats-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.8rem;
+}
+
+.stats-table th,
+.stats-table td {
+  padding: 7px 8px;
+  border-bottom: 1px solid var(--border-subtle);
+  text-align: left;
+}
+
+.stats-table th {
+  font-size: 0.72rem;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
 .dashboard-stats {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
@@ -1200,6 +1506,48 @@ select {
     max-width: 100%;
     overflow-x: auto;
   }
+
+  .stats-grid-2 {
+    grid-template-columns: 1fr;
+  }
+
+  .stats-heatmap-grid {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+
+  .stats-day-row {
+    grid-template-columns: 76px minmax(0, 1fr) 74px;
+    gap: 8px;
+  }
+
+  .stats-section-header-actions {
+    width: 100%;
+    margin-left: 0;
+    justify-content: space-between;
+  }
+
+  .stats-contrib-select {
+    flex: 1;
+    min-width: 0;
+    max-width: 180px;
+  }
+
+  .stats-contrib-frame {
+    grid-template-columns: 1fr;
+  }
+
+  .stats-contrib-weekdays {
+    display: none;
+  }
+
+  .stats-contrib-month {
+    font-size: 0.6rem;
+  }
+
+  .chat-session-token-strip {
+    flex-wrap: wrap;
+    gap: 8px;
+  }
 }
 
 .chat-shell {
@@ -1671,15 +2019,23 @@ select {
   justify-content: space-between;
   align-items: center;
   gap: 10px;
+  width: 100%;
+  border: 0;
+  background: transparent;
+  text-align: left;
+  font: inherit;
   padding: 8px 10px;
   cursor: pointer;
   color: var(--text-secondary);
   font-size: 0.78rem;
-  list-style: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
 }
 
-.chat-system-prelude-summary::-webkit-details-marker {
-  display: none;
+.chat-system-prelude-summary:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
 }
 
 .chat-system-prelude-summary-hint {
@@ -1701,24 +2057,39 @@ select {
   overflow-wrap: anywhere;
 }
 
-.chat-model-summary {
+.chat-session-token-sticky {
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   margin: 0 0 10px;
 }
 
-.chat-model-summary-label {
+.chat-session-token-strip {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
   border: 1px solid var(--border-subtle);
-  border-radius: 999px;
-  background: var(--bg-panel-raised);
-  color: var(--text-secondary);
-  font-size: 0.74rem;
-  padding: 4px 10px;
+  border-radius: 8px;
+  background: var(--bg-panel);
+  padding: 4px 8px;
+  font-size: 0.72rem;
+  color: var(--text-muted);
 }
 
-.chat-model-summary-label code {
+.chat-session-token-pair {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+}
+
+.chat-session-token-key {
+  color: var(--text-muted);
+}
+
+.chat-session-token-value {
   font-family: var(--font-mono);
-  font-size: 0.72rem;
+  font-size: 0.75rem;
+  color: var(--text-secondary);
 }
 
 .chat-model-change {

package/out/renderer/index.html

@@ -7,8 +7,8 @@
     <link rel="icon" type="image/png" sizes="32x32" href="./assets/32x32-DQgygEFU.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="./assets/16x16-B2_QkmoB.png" />
     <title>codex-devtools</title>
-    <script type="module" crossorigin src="./assets/index-BEzdp8iI.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BTmVA30y.css">
+    <script type="module" crossorigin src="./assets/index-5ydAmpDO.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-Cgat1ue6.css">
   </head>
   <body>
     <div id="root">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codex-devtools",
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.2.1",
   "description": "Desktop app for inspecting Codex session data",
   "license": "MIT",
   "author": {