@@ -3,7 +3,6 @@ import type { CSSProperties, ReactNode } from "react";
33
44import {
55 CHRONICLE_RENDER_SIZES ,
6- formatChronicleBytes ,
76 formatChronicleDuration ,
87 type ChronicleBuildProgress ,
98 type ChronicleEstimate ,
@@ -328,11 +327,6 @@ export function ChronicleTogglePanel({
328327} ) {
329328 return (
330329 < div className = "space-y-5" >
331- { /* Not on a phone, where the sheet's peek has room for the tiles only. */ }
332- < p className = "text-sm leading-snug text-[var(--tfmc-stone)] max-md:hidden" >
333- The map starts bare. Pick what each day should show; the map previews the
334- latest day as you go.
335- </ p >
336330 { notice ? < ChronicleNotice > { notice } </ ChronicleNotice > : null }
337331
338332 { TOGGLE_GROUPS . map ( ( group ) => (
@@ -372,9 +366,10 @@ export function ChronicleTogglePanel({
372366 </ section >
373367 ) ) }
374368
369+ { /* A tile's title tooltip is not reliable on touch or keyboard. */ }
375370 { Object . entries ( disabledReasons ) . map ( ( [ key , reason ] ) => (
376371 < ChronicleNotice key = { key } tone = "quiet" >
377- { TOGGLE_DETAILS . get ( key as ChronicleToggleKey ) ?. label } : { reason }
372+ { reason }
378373 </ ChronicleNotice >
379374 ) ) }
380375
@@ -404,8 +399,7 @@ export function ChronicleTogglePanel({
404399 < section className = { `${ sectionRuleClass } pt-4` } >
405400 < SectionHeading title = "Sequence" />
406401 < p className = "mt-1.5 text-xs leading-snug text-[var(--tfmc-stone)]" >
407- One look plays as the layers are now. Add this look to stitch several
408- into one timelapse, in the order you queue them.
402+ Queue several looks to play one after another.
409403 </ p >
410404 < button
411405 type = "button"
@@ -575,8 +569,7 @@ export function ChronicleRangePanel({
575569 { selection . incompleteDays . length && ! selection . error ? (
576570 < p className = "mt-2 text-xs text-[var(--tfmc-accent)]" >
577571 { selection . incompleteDays . length } day
578- { selection . incompleteDays . length === 1 ? " was" : "s were" } captured with
579- missing sources.
572+ { selection . incompleteDays . length === 1 ? " is" : "s are" } incomplete.
580573 </ p >
581574 ) : null }
582575 </ section >
@@ -603,7 +596,7 @@ export function ChronicleRangePanel({
603596 { selection . error ? (
604597 < p className = "text-sm text-[var(--tfmc-accent)]" > { selection . error } </ p >
605598 ) : (
606- < dl className = "grid grid-cols-3 gap-2 text-center" >
599+ < dl className = "grid grid-cols-2 gap-2 text-center" >
607600 < div >
608601 < dt className = "text-xs text-[var(--tfmc-mist)]" > Frames</ dt >
609602 < dd className = "mt-0.5 text-lg font-semibold text-[var(--tfmc-cream)]" >
@@ -616,12 +609,6 @@ export function ChronicleRangePanel({
616609 ~{ formatChronicleDuration ( estimate . totalMs ) }
617610 </ dd >
618611 </ div >
619- < div >
620- < dt className = "text-xs text-[var(--tfmc-mist)]" > Memory</ dt >
621- < dd className = "mt-0.5 text-lg font-semibold text-[var(--tfmc-cream)]" >
622- ~{ formatChronicleBytes ( estimate . memoryBytes ) }
623- </ dd >
624- </ div >
625612 </ dl >
626613 ) }
627614 { looks > 1 && ! selection . error ? (
@@ -633,8 +620,7 @@ export function ChronicleRangePanel({
633620
634621 { estimate . overCeiling ? (
635622 < ChronicleNotice >
636- { formatChronicleBytes ( estimate . memoryBytes ) } of frames is more than this
637- browser should hold at once.{ " " }
623+ That’s too many frames to build at once.{ " " }
638624 { looks > 1
639625 ? "Shorten the range, pick a smaller frame size, or drop a look from the sequence."
640626 : "Shorten the range or pick a smaller frame size." }
@@ -682,12 +668,10 @@ export function ChronicleBuildPanel({
682668 style = { { width : `${ pct } %` } }
683669 />
684670 </ div >
685- { progress ? (
671+ { progress ?. day ? (
686672 < p className = "text-xs text-[var(--tfmc-stone)]" >
687673 { progress . look ? `${ progress . look } · ` : "" }
688- { progress . day ? `${ formatChronicleDay ( progress . day ) } · ` : "" }
689- { progress . painted } painted, { progress . reused } reused
690- { progress . skipped ? `, ${ progress . skipped } skipped` : "" }
674+ { formatChronicleDay ( progress . day ) }
691675 </ p >
692676 ) : null }
693677 { error ? < ChronicleNotice > { error } </ ChronicleNotice > : null }
@@ -774,7 +758,7 @@ export function ChroniclePlayer({
774758 < p className = "truncate text-xs text-[var(--tfmc-mist)]" >
775759 { look ? `${ look } · ` : null }
776760 Day { Math . min ( activeIndex + 1 , total ) } of { total }
777- { incomplete ? < span className = "text-[var(--tfmc-accent)]" > · sources missing </ span > : null }
761+ { incomplete ? < span className = "text-[var(--tfmc-accent)]" > · incomplete </ span > : null }
778762 </ p >
779763 </ div >
780764 ) ;
@@ -961,7 +945,7 @@ function WatermarkCornerPicker({
961945 < div className = "min-w-0 text-sm" >
962946 < p className = "text-[var(--tfmc-cream)]" > Watermark</ p >
963947 < p className = "text-xs text-[var(--tfmc-stone)]" >
964- { label } . Where the logo and Discord link sit, when they are on.
948+ { label }
965949 </ p >
966950 </ div >
967951 </ div >
@@ -1056,8 +1040,7 @@ export function ChroniclePlaybackPanel({
10561040
10571041 { skippedDays . length ? (
10581042 < ChronicleNotice tone = "quiet" >
1059- { skippedDays . length } day{ skippedDays . length === 1 ? " had" : "s had" } no stored
1060- sources and { skippedDays . length === 1 ? "was" : "were" } left out.
1043+ { skippedDays . length } day{ skippedDays . length === 1 ? "" : "s" } skipped (no data).
10611044 </ ChronicleNotice >
10621045 ) : null }
10631046
0 commit comments