typebulb 0.52.2 → 0.52.4

package/dist/agents/claude/styles.css

@@ -1709,6 +1709,9 @@ html[data-theme="dark"] .masthead-logo.dark { display: block; }
 .turn-summary-text { font-style: italic; }
 .fork-icon { width: 11px; height: 11px; vertical-align: -1px; margin-right: .15rem; }
 .turn-summary:hover .turn-summary-text { color: var(--fg); }
+/* Reply's stand-in for a turn that said nothing (messageList #noProseBubble). Same voice as the stub
+   above, minus its row shape and cursor — this one is a label, not a toggle. */
+.no-prose { color: var(--muted); font-size: .85rem; font-style: italic; padding: .15rem 0; }
 
 /* An expanded abandoned-branch (fork) stub renders its orphan messages here — set apart from the live
    transcript with a left rule and slight fade, signalling "this is not the active conversation"
@@ -1912,31 +1915,33 @@ html[data-theme="dark"] .masthead-logo.dark { display: block; }
    pill above the last line — pin it to the text's bottom edge. */
 .bubble.assistant > .bubble-controls { bottom: 0; }
 
-/* A turn's local representation selector (turnView.ts). It is a tab bar made of restrained
-   hyperlink-like buttons, not pills: Raw is the full chronological trace for one turn, Reply is its
-   exact prose, and Summary is the generated compression. Normal flow above the selected body means
-   every switch resizes only below itself. */
+/* A turn's local representation selector (turnView.ts). A standard tab bar: a continuous bottom
+   line under all tabs, the selected tab's thicker line indicating the active view. Raw is the full
+   chronological trace for one turn, Reply is its exact prose, and Summary is the generated
+   compression. Normal flow above the selected body means every switch resizes only below itself. */
 .turn-views-row {
   display: flex;
   align-items: baseline;
-  gap: .35rem;
-  margin: 0 0 .35rem;
+  gap: 0;
+  width: fit-content;
+  margin: .7rem auto;
   font-size: .8rem;
   line-height: 1.3;
+  border-bottom: 1px solid var(--border);
 }
 .turn-view {
   appearance: none;
-  margin: 0;
-  padding: 0;
+  margin: 0 0 -1px 0;
+  padding: 0 .5rem .1rem;
   border: 0;
-  border-bottom: 1px solid transparent;
+  border-bottom: 2px solid transparent;
   background: none;
   color: var(--muted);
   font: inherit;
   cursor: pointer;
+  text-align: center;
 }
 .turn-view:hover, .turn-view.on { color: var(--accent); }
 .turn-view.on { border-bottom-color: var(--accent); }
 .turn-view.err { color: var(--err); }
-.turn-view:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
-.turn-view-sep { color: var(--border); user-select: none; }
+.turn-view:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; border-radius: 2px; }