typebulb 0.61.4 → 0.61.6

package/dist/agents/codex/styles.css

@@ -311,18 +311,14 @@ body {
      "working…" at the baseline. A descender-clearing line-height restores the paint area; the button
      centres this box, so the extra height never unbalances the row. */
   line-height: 1.3;
-  background-image: linear-gradient(100deg, currentColor 35%, var(--accent) 50%, currentColor 65%) !important;
+  /* The band's core leans from the accent toward --fg, so it stands off muted and body text alike:
+     brighter than the accent in dark, deeper in light. */
+  background-image: linear-gradient(100deg, currentColor 25%, var(--accent) 40%, color-mix(in srgb, var(--accent) 60%, var(--fg)) 50%, var(--accent) 60%, currentColor 75%) !important;
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .shimmer-slow { --shimmer-speed: 7s; }
-/* Summary's text-only working cue sits on a white surface in the light theme. Widen and deepen its
-   blue sweep there so the seven-second motion remains plainly visible; dark's calibrated treatment
-   stays untouched. */
-html:not([data-theme="dark"]) .turn-view > .shimmer-text {
-  background-image: linear-gradient(100deg, currentColor 20%, var(--accent) 40%, color-mix(in srgb, var(--accent) 70%, var(--fg)) 50%, var(--accent) 60%, currentColor 80%) !important;
-}
 @keyframes bulb-shimmer { from { background-position: 250% 0; } to { background-position: -250% 0; } }
 @media (prefers-reduced-motion: reduce) {
   .shimmer { animation: none !important; background: color-mix(in srgb, var(--accent) 15%, var(--shimmer-base, transparent)) !important; }
@@ -388,6 +384,8 @@ html:not([data-theme="dark"]) .turn-view > .shimmer-text {
   padding: .3rem .55rem;
   background: var(--panel);
   color: var(--fg);
+  /* A shimmering host paints its text transparent (.shimmer-text), and the tip would inherit that. */
+  -webkit-text-fill-color: var(--fg);
   border: 1px solid var(--border);
   border-radius: 8px;
   box-shadow: 0 8px 30px rgba(0, 0, 0, .45);
@@ -1881,28 +1879,33 @@ a.agent-name:hover { text-decoration: underline; }
    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; }
 
-/* A child's Tasks view (childTasks.ts): the parent's request, then the task table. Status reads
+/* A child's Status view (childStatusView.ts): the parent's request, then the task table. Status reads
    by colour on the existing roles; anything unusual is --warn, the mirror's amber. */
 /* The request bubble, then the table under it. */
-.child-tasks > .bubble.user { margin: .5rem auto .9rem; }
+.child-status > .bubble.user { margin: .5rem auto .9rem; }
 /* The closing facts a delegator acts on, label column then value, just above the view's two actions. */
-.child-tasks-head { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: 1.4rem 0 .2rem; }
-.child-tasks-fact { display: contents; }
-.child-tasks-label { color: var(--muted); white-space: nowrap; }
-.child-tasks-value { overflow-wrap: anywhere; }
-.child-tasks-value.tests-red { color: var(--err); }
-.child-tasks-value.tests-green { color: var(--diff-add); }
-.child-tasks-value.warn { color: var(--warn); }
+.child-status-head { display: grid; grid-template-columns: max-content 1fr; gap: .35rem 1rem; margin: 1.4rem 0 .2rem; }
+.child-status-fact { display: contents; }
+.child-status-label { color: var(--muted); white-space: nowrap; }
+.child-status-value { overflow-wrap: anywhere; }
+.child-status-value.tests-red { color: var(--err); }
+.child-status-value.tests-green { color: var(--diff-add); }
+.child-status-value.warn { color: var(--warn); }
+/* The files it edited, one small muted line each: reference, not a headline. */
+.child-status-edited { margin-top: 1rem; font-size: .85rem; color: var(--muted); }
+.child-status-edited .child-status-label { display: block; margin-bottom: .2rem; }
+.child-status-edited .cs-file { overflow-wrap: anywhere; }
+.child-status-edited a { cursor: pointer; color: var(--accent); }
 /* Under the table, centred: where the table stands in time, then the view's two actions. */
-.child-tasks-foot { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 1rem 0 1.75rem; }
-.child-tasks-actions { display: flex; gap: 1.4rem; }
-.child-tasks-actions a { cursor: pointer; color: var(--accent); }
-.child-tasks-actions a:hover { text-decoration: underline; }
-.child-tasks-note { color: var(--muted); font-size: .9rem; font-style: italic; }
+.child-status-foot { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 1rem 0 1.75rem; }
+.child-status-actions { display: flex; gap: 1.4rem; }
+.child-status-actions a { cursor: pointer; color: var(--accent); }
+.child-status-actions a:hover { text-decoration: underline; }
+.child-status-note { color: var(--muted); font-size: .9rem; font-style: italic; }
 /* Every working text in this view is centred, like the status line under the table. */
-.child-tasks-pending { text-align: center; color: var(--muted); padding: .3rem 0; }
-.child-tasks-note.err { color: var(--err); }
-.child-tasks-note a { cursor: pointer; color: var(--accent); }
+.child-status-pending { text-align: center; color: var(--muted); padding: .3rem 0; }
+.child-status-note.err { color: var(--err); }
+.child-status-note a { cursor: pointer; color: var(--accent); }
 .cs-table { width: 100%; border-collapse: collapse; }
 .cs-table th { text-align: left; color: var(--muted); font-weight: 500; font-size: .9rem; padding: .3rem .5rem; border-bottom: 1px solid var(--border); }
 .cs-table td { padding: .5rem; vertical-align: top; border-bottom: 1px solid var(--border); }
@@ -1913,8 +1916,6 @@ a.agent-name:hover { text-decoration: underline; }
 .cs-status.blocked { color: var(--err); }
 .cs-status.off { color: var(--warn); }
 .cs-off td:first-child { color: var(--warn); }
-/* A finished round folded to one row: the count reads as settled, not as a subtask. */
-.cs-folded td:first-child { color: var(--muted); }
 .cs-note { color: var(--warn); padding-top: .2rem; }
 .cs-cite { color: var(--muted); font-size: .9rem; }
 .cs-cite a { cursor: pointer; color: var(--muted); text-decoration: underline dotted; }
@@ -1933,9 +1934,14 @@ a.agent-name:hover { text-decoration: underline; }
 .cs-mins { min-width: 2.2rem; text-align: right; }
 /* A follow-up's bubble spans its row, so the columns under it stay aligned with the rest. */
 .cs-table .cs-group td { padding: 1.2rem 0 .6rem; border-bottom: 0; }
-/* The agents menu's per-row way straight into a child's Tasks view. */
-.children-tasks-link { flex: none; margin-left: .6rem; color: var(--muted); cursor: pointer; }
-.children-tasks-link:hover { color: var(--accent); text-decoration: underline; }
+/* The agents menu's per-row way straight into a child's Status view. The figures before it read
+   farther apart than the row gap, from the slack in their min-width boxes; the margin matches that. */
+.children-status-link { flex: none; margin-left: 1.2rem; color: var(--muted); cursor: pointer; }
+.children-status-link:hover { color: var(--accent); text-decoration: underline; }
+/* Judged and waiting to be opened: the mirror's "something new here" green, on the link and on the
+   pill, so it is seen with the menu closed. A failed judgement reads as an error and retries on click. */
+.children-status-link.ready, .children-pill.status-ready { color: var(--fold-marker); }
+.children-status-link.failed { color: var(--err); }
 /* A citation's landing row, marked briefly so the eye finds it. */
 .tool.revealed { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; transition: outline-color 1s; }