| 489 | } |
| 490 | function _temp() {} |
| 491 | function NewMessagesPill(t0) { |
| 492 | const $ = _c(10); |
| 493 | const { |
| 494 | count, |
| 495 | onClick |
| 496 | } = t0; |
| 497 | const [hover, setHover] = useState(false); |
| 498 | let t1; |
| 499 | let t2; |
| 500 | if ($[0] === Symbol.for("react.memo_cache_sentinel")) { |
| 501 | t1 = () => setHover(true); |
| 502 | t2 = () => setHover(false); |
| 503 | $[0] = t1; |
| 504 | $[1] = t2; |
| 505 | } else { |
| 506 | t1 = $[0]; |
| 507 | t2 = $[1]; |
| 508 | } |
| 509 | const t3 = hover ? "userMessageBackgroundHover" : "userMessageBackground"; |
| 510 | let t4; |
| 511 | if ($[2] !== count) { |
| 512 | t4 = count > 0 ? `${count} new ${plural(count, "message")}` : "Jump to bottom"; |
| 513 | $[2] = count; |
| 514 | $[3] = t4; |
| 515 | } else { |
| 516 | t4 = $[3]; |
| 517 | } |
| 518 | let t5; |
| 519 | if ($[4] !== t3 || $[5] !== t4) { |
| 520 | t5 = <Text backgroundColor={t3} dimColor={true}>{" "}{t4}{" "}{figures.arrowDown}{" "}</Text>; |
| 521 | $[4] = t3; |
| 522 | $[5] = t4; |
| 523 | $[6] = t5; |
| 524 | } else { |
| 525 | t5 = $[6]; |
| 526 | } |
| 527 | let t6; |
| 528 | if ($[7] !== onClick || $[8] !== t5) { |
| 529 | t6 = <Box position="absolute" bottom={0} left={0} right={0} justifyContent="center"><Box onClick={onClick} onMouseEnter={t1} onMouseLeave={t2}>{t5}</Box></Box>; |
| 530 | $[7] = onClick; |
| 531 | $[8] = t5; |
| 532 | $[9] = t6; |
| 533 | } else { |
| 534 | t6 = $[9]; |
| 535 | } |
| 536 | return t6; |
| 537 | } |
| 538 | |
| 539 | // Context breadcrumb: when scrolled up into history, pin the current |
| 540 | // conversation turn's prompt above the viewport so you know what Claude was |