@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/progress-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-sheet.mjs","names":["DatePickerCalendar"],"sources":["../src/progress-sheet.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Calendar, Check, ChevronLeft, ChevronRight, FileText, GanttChart, Plane, Play, X} from \"lucide-react\";\n/**\n * ProgressSheet — a self-contained, CONTROLLED Core widget for the bottom\n * toolbar (Progress Overview + Timeline + draggable week scrubber) and the\n * slide-up Reports sheet (milestone-progression waffle hero + plan-vs-reality\n * milestone-timing band).\n *\n * Extracted verbatim from `pages/capture-ui-enhanced.tsx` (component body). The\n * host (`CaptureUiEnhanced`) stays the single owner of the values that cross to\n * other widgets — `capture` (selected week), `reportsOpen`, and `reportScrollY`\n * — because BuildingViewer reads `reportScrollY` for its parallax and every\n * widget reads `reportsOpen` as `chromeHidden`/`chromeFade`. ProgressSheet reads\n * those three as props and reports changes via semantic callbacks; it owns only\n * its own local UI state (timeline open/close, the timeline hover menu, the date\n * picker, the measured waffle grid columns, the report scroll element, and the\n * WeekTimeline's internal scrub/flow/snap state).\n *\n * ─────────────────────────────────────────────────────────────────────────────\n * INTERACTIONS THIS WIDGET OWNS  (control → prop / callback / local state)\n * ─────────────────────────────────────────────────────────────────────────────\n * • Progress Overview button        → onReportsOpenChange(!reportsOpen)   (reads `reportsOpen`)\n * • Reports close (X)               → onReportsOpenChange(false)\n * • Overscroll-to-dismiss           → onReportsOpenChange(false) once the up-pull\n *                                      accumulator passes 280px (local `overscrollRef`)\n * • Reports body scroll             → onReportScroll(scrollTop)  (drives BuildingViewer's map parallax)\n * • On reports open/close           → onReportScroll(0) + local scroll/overscroll reset\n * • Timeline button                 → toggles local `timelineOpen` + closes local `timelineMenuOpen`\n * • Timeline hover                  → toggles local `timelineMenuOpen`\n * • Timeline menu · \"Timeline\" item → local `timelineOpen = true`, close menu\n * • Timeline menu · \"Drone playback\"→ inert (disabled, \"Coming soon\")\n * • Date button                     → toggles local `datePickerOpen` (Popover)\n * • Calendar day pick               → onCaptureChange(week.value) after clamping the\n *                                      picked date to the timeline range (from props) + close picker\n * • WeekTimeline prev/next chevrons → onCaptureChange(value)   (reads `capture`)\n * • WeekTimeline drag / edge-flow   → onCaptureChange(value) (live-selects the week under the handle)\n * • §1 waffle & §3 heatmap          → non-interactive (pure derivation from `selectedWeek`,\n *                                      `progressionData`, and the measured `gridCols`)\n *\n * ─────────────────────────────────────────────────────────────────────────────\n * ANIMATIONS THIS WIDGET OWNS\n * ─────────────────────────────────────────────────────────────────────────────\n * • Bottom toolbar chrome fade      → `chromeFade` prop (transition-opacity duration-500 + opacity-0/pointer-events-none while reportsOpen)\n * • Toolbar pill hover              → transition-colors on the Progress Overview / Timeline buttons\n * • WeekTimeline tick strip         → transform 300ms ease (none while dragging)\n * • WeekTimeline handle             → left 200ms ease (none while dragging)\n * • WeekTimeline edge auto-scroll   → rAF, 2 → 26 weeks/s accelerating with hold time\n * • WeekTimeline tick label         → transition-colors (active / month-start / muted)\n * • Reports overlay (dark + blur)   → bg-black/60 backdrop-blur-md, opacity 500ms ease-out on open\n * • Reports close button            → opacity 500ms\n * • Reports slide layer             → transition-transform duration-[550ms] ease-out, translate-y-full ↔ translate-y-0\n * • §1 current-month waffle         → ring-2 ring-orange-400/80 on the current month grid\n *\n * NOTE: Opening the sheet only fades/parallaxes the map — this widget NEVER calls\n * `runMapTransition` or moves the camera. The host owns that machine.\n */\nimport {\n\ttype PointerEvent as ReactPointerEvent,\n\ttype ReactNode,\n\ttype WheelEvent as ReactWheelEvent,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from \"react\";\n\nimport {Button} from \"./button\";\nimport {Calendar as DatePickerCalendar} from \"./calendar\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"./popover\";\nimport {PROGRESS_LEGEND_ITEMS, styleForVilla, type Villa as SiteVilla} from \"./site-image-viewer\";\n\n/* ------------------------------------------------------------------ *\n * Shared timeline type — mirrors the host's `TimelineWeek` (the host does not\n * export it). One tick per weekly reality-capture run.\n * ------------------------------------------------------------------ */\nexport interface TimelineWeek {\n\tvalue: string;\n\t/** Week number shown on the tick (unless it starts a month). */\n\tnum: number;\n\tstart: Date;\n\tend: Date;\n\t/** True when this week begins a new month — the tick shows the month name instead of the number. */\n\tmonthStart: boolean;\n\tmonthLabel: string;\n}\n\nconst MONTHS = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\nconst fmtDate = (d: Date) => `${MONTHS[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`;\n\n/**\n * Milestone Progression — every square uses the real milestone-ramp colour for its % (the SPA legend the\n * map + legend already use), for both the actual and the planned rows.\n */\nconst milestoneColor = (pct: number) =>\n\tstyleForVilla({linkedLbsItemId: 1, approvedProgressPercent: pct, plannedProgressPercent: pct}, \"progress\").fill;\n/** Synthesised month-over-month step (percentage points) — history ramps down, forecast ramps up from now. */\nconst MONTH_STEP = 7;\n\n/* ------------------------------------------------------------------ *\n * §3 report section — plan-vs-reality milestone-timing heatmap.\n * ------------------------------------------------------------------ */\n\n/** §3 milestone-timing heatmap — one row per milestone, two bands (plan over actual) on a month axis. */\nconst MT_DATA_DATE = 17;\nconst MT_AXIS = Array.from({length: 40}, (_, i) => {\n\tconst d = new Date(2025, 2 + i, 1);\n\treturn `${MONTHS[d.getMonth()]}-${String(d.getFullYear()).slice(2)}`;\n});\nconst MT_ROWS: {id: string; plan: [number, number]; actual: [number, number]}[] = [\n\t{id: \"M35\", plan: [3, 8], actual: [4, 10]},\n\t{id: \"M50\", plan: [8, 13], actual: [10, 16]},\n\t{id: \"M65\", plan: [14, 19], actual: [16, 22]},\n\t{id: \"M80\", plan: [20, 25], actual: [24, 30]},\n\t{id: \"M95\", plan: [26, 31], actual: [30, 36]},\n\t{id: \"M100\", plan: [31, 36], actual: [34, 39]},\n];\n\nfunction ReportSwatch({color, label}: {color: string; label: string}) {\n\treturn (\n\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t<span className=\"wwc:size-2.5 wwc:rounded-[2px]\" style={{backgroundColor: color}} />\n\t\t\t{label}\n\t\t</span>\n\t);\n}\n\nfunction ReportSectionHead({\n\tnum,\n\teyebrow,\n\theading,\n\tsubtitle,\n\taside,\n}: {\n\tnum: string;\n\teyebrow: string;\n\theading: string;\n\tsubtitle: string;\n\taside?: ReactNode;\n}) {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between wwc:gap-8\">\n\t\t\t<div className=\"wwc:min-w-0\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-[11px] wwc:font-bold wwc:uppercase wwc:tracking-[0.18em]\">\n\t\t\t\t\t<span className=\"wwc:text-orange-400\">{num}</span>\n\t\t\t\t\t<span className=\"wwc:text-white/50\">{eyebrow}</span>\n\t\t\t\t</div>\n\t\t\t\t<h3 className=\"wwc:mt-1.5 wwc:text-3xl wwc:font-semibold wwc:tracking-tight wwc:text-white\">{heading}</h3>\n\t\t\t\t<p className=\"wwc:mt-2 wwc:max-w-2xl wwc:text-sm wwc:leading-relaxed wwc:text-white/55\">{subtitle}</p>\n\t\t\t</div>\n\t\t\t{aside ? <div className=\"wwc:hidden wwc:shrink-0 wwc:lg:block\">{aside}</div> : null}\n\t\t</div>\n\t);\n}\n\nfunction MilestoneTimingBand({range, kind}: {range: [number, number]; kind: \"plan\" | \"actual\"}) {\n\tconst [s, e] = range;\n\t// Actual milestone data isn't captured yet → the actual band renders in missing-data grey; plan stays slate.\n\tconst base = kind === \"plan\" ? [96, 143, 214] : [120, 120, 128];\n\treturn (\n\t\t<div className=\"wwc:grid wwc:gap-px\" style={{gridTemplateColumns: \"repeat(40, minmax(0, 1fr))\"}}>\n\t\t\t{Array.from({length: 40}, (_, i) => {\n\t\t\t\tconst inWin = i >= s && i <= e;\n\t\t\t\tconst t = e > s ? (i - s) / (e - s) : 0.5;\n\t\t\t\tconst op = 0.32 + 0.6 * Math.sin(Math.PI * Math.min(1, Math.max(0, t)));\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName=\"wwc:h-3 wwc:rounded-[1px]\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundColor: inWin\n\t\t\t\t\t\t\t\t? `rgba(${base[0]},${base[1]},${base[2]},${op.toFixed(2)})`\n\t\t\t\t\t\t\t\t: \"rgba(255,255,255,0.03)\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n}\n\n/** §3 · Schedule — milestone-timing two-band heatmap. */\nfunction MilestoneTimingSection() {\n\treturn (\n\t\t<section>\n\t\t\t<ReportSectionHead\n\t\t\t\tnum=\"§3\"\n\t\t\t\teyebrow=\"Schedule · Milestone timing\"\n\t\t\t\theading=\"Plan against reality, milestone by milestone.\"\n\t\t\t\tsubtitle=\"For each milestone (M35→M100) the planned timing band sits above the actual+forecast band on one month axis. The horizontal gap between the two bands is the slip.\"\n\t\t\t/>\n\t\t\t<div className=\"wwc:mt-8\">\n\t\t\t\t<div className=\"wwc:text-sm wwc:font-semibold wwc:text-white\">Milestone timing · plan vs actual</div>\n\t\t\t\t<div className=\"wwc:mt-0.5 wwc:text-xs wwc:text-white/45\">\n\t\t\t\t\tupper band = plan · lower band = actual + forecast · shade = villas hitting that milestone that month\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:mt-3 wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-x-4 wwc:gap-y-1 wwc:text-[11px] wwc:text-white/55\">\n\t\t\t\t\t<ReportSwatch color=\"rgba(96,143,214,0.8)\" label=\"Plan (slate)\" />\n\t\t\t\t\t<ReportSwatch color=\"rgba(120,120,128,0.8)\" label=\"Actual — no data yet\" />\n\t\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t<span className=\"wwc:h-3 wwc:w-0.5 wwc:bg-orange-400\" />\n\t\t\t\t\t\tData date · Aug-26\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:relative wwc:mt-5\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2\">\n\t\t\t\t\t\t{MT_ROWS.map((row) => (\n\t\t\t\t\t\t\t<div key={row.id} className=\"wwc:flex wwc:items-center wwc:gap-3\">\n\t\t\t\t\t\t\t\t<span className=\"wwc:w-9 wwc:shrink-0 wwc:text-right wwc:text-[11px] wwc:text-white/50\">{row.id}</span>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col wwc:gap-px\">\n\t\t\t\t\t\t\t\t\t<MilestoneTimingBand range={row.plan} kind=\"plan\" />\n\t\t\t\t\t\t\t\t\t<MilestoneTimingBand range={row.actual} kind=\"actual\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wwc:absolute wwc:inset-y-0 wwc:border-l wwc:border-dashed wwc:border-orange-400\"\n\t\t\t\t\t\tstyle={{left: `calc(3rem + (100% - 3rem) * ${(MT_DATA_DATE + 0.5) / 40})`}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:mt-1.5 wwc:flex wwc:pl-12 wwc:text-[9px] wwc:text-white/35\">\n\t\t\t\t\t{MT_AXIS.map((l, i) => (\n\t\t\t\t\t\t<span key={i} className=\"wwc:min-w-0 wwc:flex-1 wwc:text-center\">\n\t\t\t\t\t\t\t{i % 3 === 0 ? l : \"\"}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\n/** Report section(s) below the milestone hero — only the plan-vs-reality milestone timing is shown. */\nfunction ReportSections() {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-14 wwc:pb-14\">\n\t\t\t<MilestoneTimingSection />\n\t\t</div>\n\t);\n}\n\n/* ------------------------------------------------------------------ *\n * WeekTimeline — draggable week scrubber.\n * ------------------------------------------------------------------ */\n\n/**\n * Draggable week timeline — a white selection handle over a strip of tick lines. Drag the handle to scrub;\n * hold it near an end and the strip flows through the dates, accelerating the longer it's held. Releasing\n * snaps the handle to the nearest week. Month-boundary weeks show the month name instead of the number.\n */\nfunction WeekTimeline({weeks, value, onChange}: {weeks: TimelineWeek[]; value: string; onChange: (v: string) => void}) {\n\tconst SPACING = 34; // px between tick centres\n\tconst VISIBLE = 7; // ticks across the track (narrower scrubber)\n\tconst TRACK_W = SPACING * VISIBLE;\n\tconst EDGE = SPACING * 1.4; // how close to an end triggers auto-scroll\n\tconst total = weeks.length;\n\tconst maxOffset = Math.max(0, total - VISIBLE);\n\tconst clamp = (v: number, lo: number, hi: number) => Math.min(Math.max(v, lo), hi);\n\tconst valueIndex = Math.max(\n\t\t0,\n\t\tweeks.findIndex((w) => w.value === value),\n\t);\n\n\tconst [offset, setOffset] = useState(() => clamp(valueIndex - Math.floor(VISIBLE / 2), 0, maxOffset));\n\tconst [dragging, setDragging] = useState(false);\n\tconst [handleX, setHandleX] = useState(0);\n\tconst trackRef = useRef<HTMLDivElement>(null);\n\tconst handleXRef = useRef(0);\n\n\t// Handle position (track coords) and the week currently under it.\n\tconst handlePos = dragging ? handleX : (valueIndex - offset) * SPACING + SPACING / 2;\n\tconst activeIndex = clamp(Math.round(handlePos / SPACING - 0.5 + offset), 0, total - 1);\n\n\t// Keep the selected week visible when it changes outside a drag (chevrons / external set).\n\tuseEffect(() => {\n\t\tif (dragging) return;\n\t\tsetOffset((o) => {\n\t\t\tif (valueIndex < o) return clamp(valueIndex, 0, maxOffset);\n\t\t\tif (valueIndex > o + VISIBLE - 1) return clamp(valueIndex - VISIBLE + 1, 0, maxOffset);\n\t\t\treturn o;\n\t\t});\n\t}, [valueIndex, dragging, maxOffset]);\n\n\t// Live-select the week under the handle as it moves or as the strip auto-scrolls.\n\tuseEffect(() => {\n\t\tif (!dragging) return;\n\t\tconst w = weeks[activeIndex];\n\t\tif (w && w.value !== value) onChange(w.value);\n\t}, [activeIndex, dragging, weeks, value, onChange]);\n\n\t// Edge auto-scroll — flows the strip while the handle is held near an end, accelerating over time.\n\tuseEffect(() => {\n\t\tif (!dragging) return;\n\t\tlet raf = 0;\n\t\tlet last = performance.now();\n\t\tlet edgeHold = 0;\n\t\tconst frame = (now: number) => {\n\t\t\tconst dt = Math.min(0.05, (now - last) / 1000);\n\t\t\tlast = now;\n\t\t\tconst x = handleXRef.current;\n\t\t\tconst dir = x < EDGE ? -1 : x > TRACK_W - EDGE ? 1 : 0;\n\t\t\tif (dir !== 0) {\n\t\t\t\tedgeHold += dt;\n\t\t\t\tconst speed = Math.min(2 + edgeHold * edgeHold * 6, 26); // weeks/sec, accelerates with hold time\n\t\t\t\tsetOffset((o) => clamp(o + dir * speed * dt, 0, maxOffset));\n\t\t\t} else {\n\t\t\t\tedgeHold = 0;\n\t\t\t}\n\t\t\traf = requestAnimationFrame(frame);\n\t\t};\n\t\traf = requestAnimationFrame(frame);\n\t\treturn () => cancelAnimationFrame(raf);\n\t}, [dragging, maxOffset, EDGE, TRACK_W]);\n\n\tconst pointerX = (clientX: number) => {\n\t\tconst rect = trackRef.current?.getBoundingClientRect();\n\t\treturn rect ? clamp(clientX - rect.left, 0, TRACK_W) : 0;\n\t};\n\tconst onPointerDown = (e: ReactPointerEvent) => {\n\t\te.preventDefault();\n\t\tconst x = pointerX(e.clientX);\n\t\thandleXRef.current = x;\n\t\tsetHandleX(x);\n\t\tsetDragging(true);\n\t\ttry {\n\t\t\te.currentTarget.setPointerCapture(e.pointerId);\n\t\t} catch {\n\t\t\t/* not all environments support pointer capture */\n\t\t}\n\t};\n\tconst onPointerMove = (e: ReactPointerEvent) => {\n\t\tif (!dragging) return;\n\t\tconst x = pointerX(e.clientX);\n\t\thandleXRef.current = x;\n\t\tsetHandleX(x);\n\t};\n\tconst onPointerUp = (e: ReactPointerEvent) => {\n\t\tif (!dragging) return;\n\t\tsetDragging(false);\n\t\ttry {\n\t\t\te.currentTarget.releasePointerCapture(e.pointerId);\n\t\t} catch {\n\t\t\t/* ignore */\n\t\t}\n\t};\n\tconst step = (delta: number) => onChange(weeks[clamp(valueIndex + delta, 0, total - 1)].value);\n\n\tconst chevron =\n\t\t\"wwc:flex wwc:size-7 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-md wwc:text-muted-foreground wwc:transition-colors wwc:hover:bg-background wwc:hover:text-foreground wwc:disabled:opacity-40 wwc:disabled:hover:bg-transparent\";\n\tconst fade = \"linear-gradient(to right, transparent, #000 9%, #000 91%, transparent)\";\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:rounded-lg wwc:bg-muted wwc:px-1 wwc:py-0.5\">\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"Previous week\"\n\t\t\t\tonClick={() => step(-1)}\n\t\t\t\tdisabled={valueIndex === 0}\n\t\t\t\tclassName={chevron}\n\t\t\t>\n\t\t\t\t<ChevronLeft className=\"wwc:size-4\" />\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tref={trackRef}\n\t\t\t\tonPointerDown={onPointerDown}\n\t\t\t\tonPointerMove={onPointerMove}\n\t\t\t\tonPointerUp={onPointerUp}\n\t\t\t\tonPointerCancel={onPointerUp}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:relative wwc:touch-none wwc:select-none\",\n\t\t\t\t\tdragging ? \"wwc:cursor-grabbing\" : \"wwc:cursor-grab\",\n\t\t\t\t)}\n\t\t\t\tstyle={{width: TRACK_W, height: 46}}\n\t\t\t>\n\t\t\t\t{/* Tick strip — clipped to the track and faded at both ends. */}\n\t\t\t\t<div className=\"wwc:absolute wwc:inset-0 wwc:overflow-hidden\" style={{WebkitMaskImage: fade, maskImage: fade}}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wwc:absolute wwc:inset-0\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransform: `translateX(${-offset * SPACING}px)`,\n\t\t\t\t\t\t\ttransition: dragging ? \"none\" : \"transform 300ms ease\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{weeks.map((w, i) => {\n\t\t\t\t\t\t\tconst active = i === activeIndex;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={w.value}\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:absolute wwc:top-0 wwc:flex wwc:flex-col wwc:items-center\"\n\t\t\t\t\t\t\t\t\tstyle={{left: i * SPACING + SPACING / 2, transform: \"translateX(-50%)\"}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:mt-2 wwc:h-3 wwc:w-px wwc:rounded-full wwc:bg-muted-foreground/40\" />\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"wwc:mt-3.5 wwc:text-[11px] wwc:leading-none wwc:tabular-nums wwc:transition-colors\",\n\t\t\t\t\t\t\t\t\t\t\tactive\n\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:font-bold wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t: w.monthStart\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:font-semibold wwc:text-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{w.monthStart ? w.monthLabel : w.num}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t{/* White selection handle. */}\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wwc:pointer-events-none wwc:absolute wwc:top-1 wwc:h-7 wwc:w-2.5 wwc:-translate-x-1/2 wwc:rounded-full wwc:bg-white wwc:ring-1 wwc:ring-black/5\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: handlePos,\n\t\t\t\t\t\ttransition: dragging ? \"none\" : \"left 200ms ease\",\n\t\t\t\t\t\tboxShadow: \"0 1px 4px rgba(0,0,0,0.45)\",\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label=\"Next week\"\n\t\t\t\tonClick={() => step(1)}\n\t\t\t\tdisabled={valueIndex === total - 1}\n\t\t\t\tclassName={chevron}\n\t\t\t>\n\t\t\t\t<ChevronRight className=\"wwc:size-4\" />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n\n/* ------------------------------------------------------------------ *\n * ProgressSheet\n * ------------------------------------------------------------------ */\n\nexport type ProgressSheetProps = {\n\t// ---- timeline (host-owned selection) ----\n\tcapture: string;\n\ttimeline: TimelineWeek[];\n\tselectedWeek: TimelineWeek;\n\trangeLabel: string;\n\t/** Calendar clamp range. */\n\tfirstWeek: TimelineWeek;\n\tlastWeek: TimelineWeek;\n\n\t// ---- reports ----\n\treportsOpen: boolean;\n\tshowOnlyProgressionReport?: boolean;\n\tchromeFade: string;\n\n\t// ---- §1 hero data seam ----\n\tallVillas: SiteVilla[];\n\tprogressionData?: {actualPercent: (number | null)[]; plannedPercent: (number | null)[]}[];\n\n\t// ================= CALLBACKS OUT =================\n\t/** WeekTimeline drag/step + date picker → host owns `capture`. */\n\tonCaptureChange: (value: string) => void;\n\t/** Progress Overview toggle / close X / overscroll dismiss → host owns `reportsOpen`. */\n\tonReportsOpenChange: (open: boolean) => void;\n\t/** Reports body scroll → drives BuildingViewer map parallax (host owns `reportScrollY`). */\n\tonReportScroll: (scrollTop: number) => void;\n};\n\nexport function ProgressSheet({\n\tcapture,\n\ttimeline,\n\tselectedWeek,\n\trangeLabel,\n\tfirstWeek,\n\tlastWeek,\n\treportsOpen,\n\tshowOnlyProgressionReport,\n\tchromeFade,\n\tallVillas,\n\tprogressionData,\n\tonCaptureChange,\n\tonReportsOpenChange,\n\tonReportScroll,\n}: ProgressSheetProps) {\n\t// The bottom toolbar's \"Timeline\" button toggles the week scrubber (shown above the toolbar); hovering it\n\t// reveals an upward dropdown (Timeline / Drone playback).\n\tconst [timelineOpen, setTimelineOpen] = useState(false);\n\tconst [timelineMenuOpen, setTimelineMenuOpen] = useState(false);\n\tconst [datePickerOpen, setDatePickerOpen] = useState(false);\n\n\t// Reports layout (at rest = scroll 0): grid hero 80% · 5% gap · report peek 15%. Scrolling moves the whole\n\t// page together — the map translates up 1:1 (host, via onReportScroll) so it scrolls away.\n\tconst reportsScrollRef = useRef<HTMLDivElement>(null);\n\t// Overscroll-to-dismiss: pulling up past the very top accumulates; once past the threshold, close Reports.\n\tconst overscrollRef = useRef(0);\n\tconst onReportsWheel = (e: ReactWheelEvent<HTMLDivElement>) => {\n\t\tconst el = reportsScrollRef.current;\n\t\tif (!el) return;\n\t\tif (el.scrollTop <= 0 && e.deltaY < 0) {\n\t\t\toverscrollRef.current += -e.deltaY;\n\t\t\tif (overscrollRef.current > 280) {\n\t\t\t\toverscrollRef.current = 0;\n\t\t\t\tonReportsOpenChange(false);\n\t\t\t}\n\t\t} else {\n\t\t\toverscrollRef.current = 0;\n\t\t}\n\t};\n\n\t// Milestone Progression: size each month card's grid so all villas fill it. Measured from the hero.\n\tconst gridRef = useRef<HTMLDivElement>(null);\n\tconst [gridCols, setGridCols] = useState(20);\n\tuseEffect(() => {\n\t\tconst el = gridRef.current;\n\t\tif (!el) return;\n\t\tconst measure = () => {\n\t\t\tconst w = el.clientWidth;\n\t\t\tif (w > 0) {\n\t\t\t\t// Columns from WIDTH only → a fixed ~11px square. The waffle height then grows with the villa\n\t\t\t\t// count instead of squeezing every square into a fixed-height card (which overflowed at 733).\n\t\t\t\tconst cardW = w / 6.4; // 6 month cards ≈ equal width (incl. gaps + divider)\n\t\t\t\tsetGridCols(Math.max(6, Math.round(cardW / 11)));\n\t\t\t}\n\t\t};\n\t\tmeasure();\n\t\tconst ro = new ResizeObserver(measure);\n\t\tro.observe(el);\n\t\treturn () => ro.disconnect();\n\t}, []);\n\n\t// Six monthly snapshots (4 history incl. current · 2 forecast). Each villa's month colour is synthesised\n\t// from its current progress ± MONTH_STEP per month; actual = blue, planned = purple (darker = further on).\n\tconst progression = useMemo(() => {\n\t\tconst cur = selectedWeek.start;\n\t\t// Real per-villa % (from `progressionData`) coloured by the same milestone ramp; `null` → muted grey.\n\t\tconst missingFill = styleForVilla(\n\t\t\t{linkedLbsItemId: 1, approvedProgressPercent: null, plannedProgressPercent: null},\n\t\t\t\"progress\",\n\t\t).fill;\n\t\tconst colorFor = (pct: number | null) => (pct == null ? missingFill : milestoneColor(pct));\n\t\treturn Array.from({length: 6}, (_, idx) => {\n\t\t\tconst o = idx - 3; // -3..+2, 0 = current month\n\t\t\tconst d = new Date(cur.getFullYear(), cur.getMonth() + o, 1);\n\t\t\tconst month = progressionData?.[idx];\n\t\t\treturn {\n\t\t\t\tkey: o,\n\t\t\t\tlabel: MONTHS[d.getMonth()].toUpperCase(),\n\t\t\t\tyear: `'${String(d.getFullYear()).slice(2)}`,\n\t\t\t\tisCurrent: o === 0,\n\t\t\t\tisForecast: o > 0,\n\t\t\t\tactual: month\n\t\t\t\t\t? month.actualPercent.map(colorFor)\n\t\t\t\t\t: allVillas.map((v) => milestoneColor((v.approvedProgressPercent ?? 0) + o * MONTH_STEP)),\n\t\t\t\tplanned: month\n\t\t\t\t\t? month.plannedPercent.map(colorFor)\n\t\t\t\t\t: allVillas.map((v) => milestoneColor((v.plannedProgressPercent ?? 0) + o * MONTH_STEP)),\n\t\t\t};\n\t\t});\n\t}, [selectedWeek, progressionData, allVillas]);\n\n\t// Rendered progression (memoised — 12 grids × 733 squares). Two rows (actual over planned), each row is\n\t// history · divider · forecast. No panels/boxes — bare squares + light labels over the blurred dark map.\n\tconst progressionView = useMemo(() => {\n\t\tconst gridStyle = {gridTemplateColumns: `repeat(${gridCols}, minmax(0, 1fr))`};\n\t\t// Actual data exists up to the current month (coloured); the actual FORECAST months (after current) have\n\t\t// no data yet, so those squares render as missing-data grey. The planned row keeps its colours throughout.\n\t\tconst MISSING = styleForVilla(\n\t\t\t{linkedLbsItemId: 1, approvedProgressPercent: null, plannedProgressPercent: null},\n\t\t\t\"progress\",\n\t\t).fill;\n\t\tconst card = (m: (typeof progression)[number], kind: \"actual\" | \"planned\") => (\n\t\t\t<div key={m.key} className=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col\">\n\t\t\t\t<div className=\"wwc:mb-1.5 wwc:flex wwc:shrink-0 wwc:items-baseline wwc:justify-between\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:text-[11px] wwc:font-bold wwc:tracking-wide\",\n\t\t\t\t\t\t\tm.isCurrent ? \"wwc:text-orange-300\" : \"wwc:text-white/80\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{m.label}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"wwc:text-[10px] wwc:font-medium wwc:text-white/40\">{m.year}</span>\n\t\t\t\t</div>\n\t\t\t\t{/* The orange selection ring wraps only the waffle grid — not the month/year header above it. */}\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:grid wwc:content-start wwc:gap-px\",\n\t\t\t\t\t\tm.isCurrent && \"wwc:-m-1 wwc:rounded-md wwc:p-1 wwc:ring-2 wwc:ring-orange-400/80\",\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={gridStyle}\n\t\t\t\t>\n\t\t\t\t\t{(kind === \"planned\" ? m.planned : m.isForecast ? m.actual.map(() => MISSING) : m.actual).map((c, i) => (\n\t\t\t\t\t\t<div key={i} className=\"wwc:aspect-square wwc:rounded-[1px]\" style={{backgroundColor: c}} />\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t\tconst history = progression.filter((m) => !m.isForecast);\n\t\tconst forecast = progression.filter((m) => m.isForecast);\n\t\tconst divider = (withLabel: boolean) => (\n\t\t\t<div className=\"wwc:relative wwc:flex wwc:shrink-0 wwc:items-start wwc:justify-center\">\n\t\t\t\t{/* On the top (actual) row, extend the line down through the inter-row gap (gap-6 = 1.5rem) so the\n            forecast divider reads as one continuous line across both rows. */}\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:w-px wwc:rounded-full wwc:bg-white/40\",\n\t\t\t\t\t\twithLabel ? \"wwc:h-[calc(100%+1.5rem)]\" : \"wwc:h-full\",\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t{withLabel && (\n\t\t\t\t\t<span className=\"wwc:absolute wwc:-top-5 wwc:left-1/2 wwc:-translate-x-1/2 wwc:whitespace-nowrap wwc:rounded-full wwc:border wwc:border-white/20 wwc:bg-white/10 wwc:px-2 wwc:py-0.5 wwc:text-[9px] wwc:font-bold wwc:uppercase wwc:tracking-wider wwc:text-white/80 wwc:backdrop-blur\">\n\t\t\t\t\t\tForecast\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t\tconst row = (kind: \"actual\" | \"planned\", withLabel: boolean) => (\n\t\t\t<div className=\"wwc:flex wwc:items-stretch wwc:gap-3\">\n\t\t\t\t{/* Row label rotated vertical so it barely takes any width. */}\n\t\t\t\t<div className=\"wwc:flex wwc:w-4 wwc:shrink-0 wwc:items-center wwc:justify-center\">\n\t\t\t\t\t<span className=\"wwc:text-[10px] wwc:font-semibold wwc:uppercase wwc:tracking-[0.15em] wwc:text-white/50 wwc:[writing-mode:vertical-rl] wwc:rotate-180 wwc:whitespace-nowrap\">\n\t\t\t\t\t\t{kind === \"actual\" ? \"Actual\" : \"Planned\"}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:flex wwc:flex-[4] wwc:gap-5\">{history.map((m) => card(m, kind))}</div>\n\t\t\t\t{divider(withLabel)}\n\t\t\t\t<div className=\"wwc:flex wwc:flex-[2] wwc:gap-5\">{forecast.map((m) => card(m, kind))}</div>\n\t\t\t</div>\n\t\t);\n\t\treturn (\n\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-6\">\n\t\t\t\t{row(\"actual\", true)}\n\t\t\t\t{row(\"planned\", false)}\n\t\t\t</div>\n\t\t);\n\t}, [progression, gridCols]);\n\n\t// On any open/close, snap the scroll back to the top so the slide-up entrance (and slide-down exit) start\n\t// from the resting layout (grid 80% · gap 5% · peek 15%), and clear the overscroll accumulator.\n\tuseEffect(() => {\n\t\toverscrollRef.current = 0;\n\t\tconst el = reportsScrollRef.current;\n\t\tif (el) el.scrollTop = 0;\n\t\tonReportScroll(0);\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [reportsOpen]);\n\n\t// Map a calendar date to the week that contains it (clamped to the timeline's range), then select it.\n\tconst pickDate = (d: Date | undefined) => {\n\t\tif (!d) return;\n\t\tconst t = d.getTime();\n\t\tconst week =\n\t\t\tt < firstWeek.start.getTime()\n\t\t\t\t? firstWeek\n\t\t\t\t: t > lastWeek.end.getTime()\n\t\t\t\t\t? lastWeek\n\t\t\t\t\t: (timeline.find((w) => t >= w.start.getTime() && t <= w.end.getTime()) ?? selectedWeek);\n\t\tonCaptureChange(week.value);\n\t\tsetDatePickerOpen(false);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{/* ===== Bottom toolbar (Reports · Timeline) — the \"Timeline\" button opens the draggable week\n          scrubber directly above it. ===== */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:absolute wwc:bottom-4 wwc:left-1/2 wwc:z-20 wwc:flex wwc:-translate-x-1/2 wwc:flex-col wwc:items-center wwc:gap-2\",\n\t\t\t\t\tchromeFade,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* Timeline scrubber — a draggable scrubber over week tick lines; the first week of each month\n            shows the month name in place of the week number. Shown above the toolbar when toggled on. */}\n\t\t\t\t{timelineOpen && (\n\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:rounded-xl wwc:border wwc:border-border wwc:bg-card wwc:px-3 wwc:py-1.5 wwc:shadow-lg\">\n\t\t\t\t\t\t<Popover open={datePickerOpen} onOpenChange={setDatePickerOpen}>\n\t\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\taria-label=\"Pick a date\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:group wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2.5 wwc:rounded-md wwc:py-1 wwc:transition-colors\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Calendar className=\"wwc:size-4 wwc:shrink-0 wwc:text-muted-foreground wwc:transition-colors wwc:group-hover:text-foreground\" />\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:w-[190px] wwc:whitespace-nowrap wwc:text-left wwc:text-sm wwc:font-semibold wwc:transition-colors wwc:group-hover:text-primary\">\n\t\t\t\t\t\t\t\t\t\t{rangeLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t\t<PopoverContent side=\"top\" align=\"start\" sideOffset={12} className=\"wwc:w-auto wwc:p-0\">\n\t\t\t\t\t\t\t\t<DatePickerCalendar\n\t\t\t\t\t\t\t\t\tmode=\"single\"\n\t\t\t\t\t\t\t\t\tselected={selectedWeek.start}\n\t\t\t\t\t\t\t\t\tdefaultMonth={selectedWeek.start}\n\t\t\t\t\t\t\t\t\tdisabled={{before: firstWeek.start, after: lastWeek.end}}\n\t\t\t\t\t\t\t\t\tonSelect={pickDate}\n\t\t\t\t\t\t\t\t\tinitialFocus\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t\t</Popover>\n\t\t\t\t\t\t<WeekTimeline weeks={timeline} value={capture} onChange={onCaptureChange} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-1 wwc:shadow-lg\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-pressed={reportsOpen}\n\t\t\t\t\t\tonClick={() => onReportsOpenChange(!reportsOpen)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:rounded-md wwc:px-2.5 wwc:py-1.5 wwc:text-sm wwc:font-medium wwc:transition-colors\",\n\t\t\t\t\t\t\treportsOpen ? \"wwc:bg-primary/10 wwc:text-primary\" : \"wwc:text-foreground wwc:hover:bg-accent\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FileText className={cn(\"wwc:size-3.5\", reportsOpen ? \"wwc:text-primary\" : \"wwc:text-muted-foreground\")} />\n\t\t\t\t\t\tProgress Overview\n\t\t\t\t\t</button>\n\t\t\t\t\t{/* Timeline slot — clicking opens the scrubber; hovering reveals an upward dropdown with\n              Timeline and a \"coming soon\" Drone playback. */}\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wwc:relative\"\n\t\t\t\t\t\tonMouseEnter={() => setTimelineMenuOpen(true)}\n\t\t\t\t\t\tonMouseLeave={() => setTimelineMenuOpen(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-pressed={timelineOpen}\n\t\t\t\t\t\t\taria-haspopup=\"menu\"\n\t\t\t\t\t\t\taria-expanded={timelineMenuOpen}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetTimelineOpen((o) => !o);\n\t\t\t\t\t\t\t\tsetTimelineMenuOpen(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\"wwc:flex wwc:items-center wwc:gap-1.5 wwc:rounded-md wwc:px-2.5 wwc:py-1.5 wwc:text-sm wwc:font-medium wwc:transition-colors\",\n\t\t\t\t\t\t\t\ttimelineOpen ? \"wwc:bg-primary/10 wwc:text-primary\" : \"wwc:text-foreground wwc:hover:bg-accent\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<GanttChart\n\t\t\t\t\t\t\t\tclassName={cn(\"wwc:size-3.5\", timelineOpen ? \"wwc:text-primary\" : \"wwc:text-muted-foreground\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\tTimeline\n\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t{timelineMenuOpen ? (\n\t\t\t\t\t\t\t<div className=\"wwc:absolute wwc:bottom-full wwc:left-1/2 wwc:z-30 wwc:-translate-x-1/2 wwc:pb-1.5\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\trole=\"menu\"\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:min-w-[240px] wwc:overflow-hidden wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-1 wwc:shadow-lg\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetTimelineMenuOpen(false);\n\t\t\t\t\t\t\t\t\t\t\tsetTimelineOpen(true);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"wwc:flex wwc:w-full wwc:items-center wwc:gap-2.5 wwc:rounded-md wwc:px-2.5 wwc:py-2 wwc:text-sm wwc:font-medium wwc:transition-colors\",\n\t\t\t\t\t\t\t\t\t\t\ttimelineOpen ? \"wwc:bg-primary/10 wwc:text-primary\" : \"wwc:text-foreground wwc:hover:bg-accent\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<GanttChart className=\"wwc:size-4 wwc:shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:whitespace-nowrap wwc:text-left\">Timeline</span>\n\t\t\t\t\t\t\t\t\t\t{timelineOpen ? <Check className=\"wwc:size-4 wwc:shrink-0\" /> : null}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\taria-disabled=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:w-full wwc:cursor-not-allowed wwc:items-center wwc:gap-2.5 wwc:rounded-md wwc:px-2.5 wwc:py-2 wwc:text-sm wwc:font-medium wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Plane className=\"wwc:size-4 wwc:shrink-0\" />\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:flex-1 wwc:whitespace-nowrap wwc:text-left\">Drone playback</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:shrink-0 wwc:rounded wwc:bg-muted wwc:px-1.5 wwc:py-0.5 wwc:text-[10px] wwc:font-medium wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\tComing soon\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* ===== Reports scroll page — clicking Reports peeks the report up ~15% (smooth) and blurs +\n          darkens the map; from there it's a normal page scroll (the report scrolls up over the map).\n          Kept mounted; pointer-events off while closed. ===== */}\n\t\t\t<div\n\t\t\t\tclassName={cn(\"wwc:absolute wwc:inset-0 wwc:z-40\", reportsOpen ? \"\" : \"wwc:pointer-events-none\")}\n\t\t\t\taria-hidden={!reportsOpen}\n\t\t\t>\n\t\t\t\t{/* Dark + blur over the map — fades in on open. */}\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:pointer-events-none wwc:absolute wwc:inset-0 wwc:bg-black/60 wwc:backdrop-blur-md wwc:transition-opacity wwc:duration-500 wwc:ease-out\",\n\t\t\t\t\t\treportsOpen ? \"wwc:opacity-100\" : \"wwc:opacity-0\",\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t{/* Close */}\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\taria-label=\"Close reports\"\n\t\t\t\t\tonClick={() => onReportsOpenChange(false)}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:absolute wwc:right-4 wwc:top-4 wwc:z-20 wwc:flex wwc:size-9 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-card/90 wwc:text-foreground wwc:shadow-lg wwc:backdrop-blur-sm wwc:transition-opacity wwc:duration-500 wwc:hover:bg-accent\",\n\t\t\t\t\t\treportsOpen ? \"wwc:opacity-100\" : \"wwc:pointer-events-none wwc:opacity-0\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<X className=\"wwc:size-4\" />\n\t\t\t\t</button>\n\t\t\t\t{/* Scroll layer: slides UP from below on open (and back down on close); once up it's a normal\n            page scroll. Overscrolling past the top dismisses (see onReportsWheel). */}\n\t\t\t\t<div\n\t\t\t\t\tref={reportsScrollRef}\n\t\t\t\t\tonScroll={(e) => onReportScroll(e.currentTarget.scrollTop)}\n\t\t\t\t\tonWheel={onReportsWheel}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:absolute wwc:inset-0 wwc:z-10 wwc:overflow-y-auto wwc:overscroll-contain wwc:transition-transform wwc:duration-[550ms] wwc:ease-out\",\n\t\t\t\t\t\treportsOpen ? \"wwc:translate-y-0\" : \"wwc:translate-y-full\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{/* Hero — the Milestone Progression: 6 monthly villa grids (4 history · divider · 2 forecast),\n              actual over planned, using the milestone-legend colours. No panels — bare over the blurred\n              dark map, light text for dark mode. 80% of screen. */}\n\t\t\t\t\t<div className=\"wwc:relative wwc:flex wwc:min-h-[80%] wwc:flex-col wwc:px-16 wwc:pb-4 wwc:pt-6 wwc:text-white\">\n\t\t\t\t\t\t{/* Section header — eyebrow · display heading · subtitle on the left, section actions on the\n                right (layout from the PROGRESS · ALL VILLAS reference; Core styling in dark mode). */}\n\t\t\t\t\t\t<div className=\"wwc:mb-4 wwc:flex wwc:shrink-0 wwc:items-start wwc:justify-between wwc:gap-4\">\n\t\t\t\t\t\t\t<div className=\"wwc:min-w-0\">\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-[11px] wwc:font-bold wwc:uppercase wwc:tracking-[0.18em]\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-orange-400\">§1</span>\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-white/50\">Progress · All villas</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<h2 className=\"wwc:mt-1.5 wwc:text-3xl wwc:font-semibold wwc:tracking-tight wwc:text-white\">\n\t\t\t\t\t\t\t\t\tEvery villa&apos;s milestone, month by month.\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<p className=\"wwc:mt-2 wwc:max-w-2xl wwc:text-sm wwc:leading-relaxed wwc:text-white/55\">\n\t\t\t\t\t\t\t\t\tActual vs planned milestone stage for all villas, faceted by month (Jun–Nov &apos;26). Squares climb\n\t\t\t\t\t\t\t\t\tthe M35→M100 ramp as villas advance; September is the data date.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"wwc-invert wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t{/* No-op with no Capture source — hidden in the wired progression-report mode. */}\n\t\t\t\t\t\t\t\t{!showOnlyProgressionReport && (\n\t\t\t\t\t\t\t\t\t<Button variant=\"secondary\" size=\"lg\">\n\t\t\t\t\t\t\t\t\t\t<Play />\n\t\t\t\t\t\t\t\t\t\tDrone playback\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Button variant=\"secondary\" size=\"lg\">\n\t\t\t\t\t\t\t\t\t<GanttChart />\n\t\t\t\t\t\t\t\t\tTimeline\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* Milestone-ramp legend (the real SPA legend colours). */}\n\t\t\t\t\t\t<div className=\"wwc:mb-4 wwc:flex wwc:shrink-0 wwc:flex-wrap wwc:items-center wwc:gap-x-3 wwc:gap-y-1 wwc:text-[11px] wwc:font-medium wwc:text-white/60\">\n\t\t\t\t\t\t\t{PROGRESS_LEGEND_ITEMS.filter((l) => l.id !== \"missing\" && l.id !== \"unlinked\").map((l) => (\n\t\t\t\t\t\t\t\t<span key={l.id} className=\"wwc:flex wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t<span className=\"wwc:size-2.5 wwc:rounded-[2px]\" style={{backgroundColor: l.color}} />\n\t\t\t\t\t\t\t\t\t{l.label}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* Progression grids — height flexes to the waffle content (grows with the villa count). */}\n\t\t\t\t\t\t<div ref={gridRef}>{progressionView}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!showOnlyProgressionReport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{/* 5% padding gap — the blurred map shows through between the grid and the report. */}\n\t\t\t\t\t\t\t<div className=\"wwc:h-[5%]\" />\n\t\t\t\t\t\t\t<div className=\"wwc:min-h-full wwc:rounded-t-3xl wwc:bg-[#0b1220] wwc:px-16 wwc:pb-16 wwc:pt-5 wwc:text-white wwc:shadow-[0_-24px_60px_rgba(0,0,0,0.55)]\">\n\t\t\t\t\t\t\t\t{/* Full-width to match the milestone-progression hero above (px-8, no max-width). */}\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:mx-auto wwc:mb-6 wwc:h-1 wwc:w-10 wwc:rounded-full wwc:bg-white/20\" />\n\t\t\t\t\t\t\t\t\t{/* Only the plan-vs-reality milestone-timing section (§2 Value, §4 Forecast and the recovery\n                      scenario were removed per the progress-overview trim). */}\n\t\t\t\t\t\t\t\t\t<ReportSections />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/dist/progress-stat.d.mts

@@ -0,0 +1,26 @@
+import { ProgressTone } from "./progress.mjs";
+import * as React from "react";
+//#region src/progress-stat.d.ts
+export interface ProgressStatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+  /** Metric name, shown beside a tone-coloured dot. */
+  title: React.ReactNode;
+  /** Headline figure. Usually the same number as `percent`. */
+  value: React.ReactNode;
+  /** Suffix after the value, e.g. `%`. */
+  unit?: React.ReactNode;
+  /** Muted line under the value (e.g. "567 overdue"). */
+  caption?: React.ReactNode;
+  /** Bar fill, 0–100. Omit to hide the bar. */
+  percent?: number;
+  /** Drives the dot, the figure, and the bar — one tone per stat. */
+  tone?: ProgressTone;
+}
+/**
+ * A single metric tile with a completion bar: dot + label, headline figure, caption, and a
+ * `Progress` bar underneath. Use for "how far along is this dimension" breakdowns, where each
+ * tile is one facet of a score. For a bare figure with a trend arrow, use `MetricCard` instead.
+ */
+declare const ProgressStat: React.ForwardRefExoticComponent<ProgressStatProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ProgressStat };
+//# sourceMappingURL=progress-stat.d.mts.map

package/dist/progress-stat.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-stat.d.mts","names":[],"sources":["../src/progress-stat.tsx"],"mappings":";;;iBAmBiB,0BAA0B,KAAK,MAAM,eAAe;;EAEpE,OAAO,MAAM;;EAEb,OAAO,MAAM;;EAEb,OAAO,MAAM;;EAEb,UAAU,MAAM;;EAEhB;;EAEA,OAAO;;;;;;;cAQF,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA"}

package/dist/progress-stat.mjs

@@ -0,0 +1,54 @@
+import { Progress } from "./progress.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/progress-stat.tsx
+const TONE_DOT = {
+	primary: "wwc:bg-primary",
+	success: "wwc:bg-green-500",
+	warning: "wwc:bg-amber-500",
+	danger: "wwc:bg-red-500"
+};
+const TONE_VALUE = {
+	primary: "wwc:text-primary",
+	success: "wwc:text-green-600",
+	warning: "wwc:text-amber-600",
+	danger: "wwc:text-red-600"
+};
+/**
+* A single metric tile with a completion bar: dot + label, headline figure, caption, and a
+* `Progress` bar underneath. Use for "how far along is this dimension" breakdowns, where each
+* tile is one facet of a score. For a bare figure with a trend arrow, use `MetricCard` instead.
+*/
+const ProgressStat = React.forwardRef(({ title, value, unit, caption, percent, tone = "primary", className, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
+	ref,
+	className: cn("wwc:rounded-lg wwc:border wwc:p-4", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsxs("p", {
+			className: "wwc:flex wwc:items-center wwc:gap-2 wwc:text-sm wwc:font-medium",
+			children: [/* @__PURE__ */ jsx("span", { className: cn("wwc:h-2 wwc:w-2 wwc:shrink-0 wwc:rounded-full", TONE_DOT[tone]) }), title]
+		}),
+		/* @__PURE__ */ jsxs("p", {
+			className: cn("wwc:mt-1 wwc:text-2xl wwc:font-semibold", TONE_VALUE[tone]),
+			children: [value, unit && /* @__PURE__ */ jsx("span", {
+				className: "wwc:ml-0.5 wwc:text-sm wwc:font-normal",
+				children: unit
+			})]
+		}),
+		caption && /* @__PURE__ */ jsx("p", {
+			className: "wwc:text-xs wwc:text-muted-foreground",
+			children: caption
+		}),
+		percent !== void 0 && /* @__PURE__ */ jsx(Progress, {
+			value: percent,
+			tone,
+			className: "wwc:mt-2 wwc:h-1.5"
+		})
+	]
+}));
+ProgressStat.displayName = "ProgressStat";
+//#endregion
+export { ProgressStat };
+
+//# sourceMappingURL=progress-stat.mjs.map

package/dist/progress-stat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-stat.mjs","names":[],"sources":["../src/progress-stat.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Progress, type ProgressTone} from \"./progress\";\n\nconst TONE_DOT: Record<ProgressTone, string> = {\n\tprimary: \"wwc:bg-primary\",\n\tsuccess: \"wwc:bg-green-500\",\n\twarning: \"wwc:bg-amber-500\",\n\tdanger: \"wwc:bg-red-500\",\n};\n\nconst TONE_VALUE: Record<ProgressTone, string> = {\n\tprimary: \"wwc:text-primary\",\n\tsuccess: \"wwc:text-green-600\",\n\twarning: \"wwc:text-amber-600\",\n\tdanger: \"wwc:text-red-600\",\n};\n\nexport interface ProgressStatProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n\t/** Metric name, shown beside a tone-coloured dot. */\n\ttitle: React.ReactNode;\n\t/** Headline figure. Usually the same number as `percent`. */\n\tvalue: React.ReactNode;\n\t/** Suffix after the value, e.g. `%`. */\n\tunit?: React.ReactNode;\n\t/** Muted line under the value (e.g. \"567 overdue\"). */\n\tcaption?: React.ReactNode;\n\t/** Bar fill, 0–100. Omit to hide the bar. */\n\tpercent?: number;\n\t/** Drives the dot, the figure, and the bar — one tone per stat. */\n\ttone?: ProgressTone;\n}\n\n/**\n * A single metric tile with a completion bar: dot + label, headline figure, caption, and a\n * `Progress` bar underneath. Use for \"how far along is this dimension\" breakdowns, where each\n * tile is one facet of a score. For a bare figure with a trend arrow, use `MetricCard` instead.\n */\nconst ProgressStat = React.forwardRef<HTMLDivElement, ProgressStatProps>(\n\t({title, value, unit, caption, percent, tone = \"primary\", className, ...props}, ref) => (\n\t\t<div ref={ref} className={cn(\"wwc:rounded-lg wwc:border wwc:p-4\", className)} {...props}>\n\t\t\t<p className=\"wwc:flex wwc:items-center wwc:gap-2 wwc:text-sm wwc:font-medium\">\n\t\t\t\t<span className={cn(\"wwc:h-2 wwc:w-2 wwc:shrink-0 wwc:rounded-full\", TONE_DOT[tone])} />\n\t\t\t\t{title}\n\t\t\t</p>\n\t\t\t<p className={cn(\"wwc:mt-1 wwc:text-2xl wwc:font-semibold\", TONE_VALUE[tone])}>\n\t\t\t\t{value}\n\t\t\t\t{unit && <span className=\"wwc:ml-0.5 wwc:text-sm wwc:font-normal\">{unit}</span>}\n\t\t\t</p>\n\t\t\t{caption && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{caption}</p>}\n\t\t\t{percent !== undefined && <Progress value={percent} tone={tone} className=\"wwc:mt-2 wwc:h-1.5\" />}\n\t\t</div>\n\t),\n);\nProgressStat.displayName = \"ProgressStat\";\n\nexport {ProgressStat};\n"],"mappings":";;;;;AAKA,MAAM,WAAyC;CAC9C,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACT;AAEA,MAAM,aAA2C;CAChD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACT;;;;;;AAsBA,MAAM,eAAe,MAAM,YACzB,EAAC,OAAO,OAAO,MAAM,SAAS,SAAS,OAAO,WAAW,WAAW,GAAG,SAAQ,QAC/E,qBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,qCAAqC,SAAS;CAAG,GAAI;CAAlF,UAAA;EACC,qBAAC,KAAD;GAAG,WAAU;GAAb,UAAA,CACC,oBAAC,QAAD,EAAM,WAAW,GAAG,iDAAiD,SAAS,KAAK,EAAI,CAAA,GACtF,KACC;;EACH,qBAAC,KAAD;GAAG,WAAW,GAAG,2CAA2C,WAAW,KAAK;GAA5E,UAAA,CACE,OACA,QAAQ,oBAAC,QAAD;IAAM,WAAU;IAA0C,UAAA;GAAW,CAAA,CAC5E;;EACF,WAAW,oBAAC,KAAD;GAAG,WAAU;GAAyC,UAAA;EAAW,CAAA;EAC5E,YAAY,KAAA,KAAa,oBAAC,UAAD;GAAU,OAAO;GAAe;GAAM,WAAU;EAAsB,CAAA;CAC5F;AAEP,CAAA,CAAA;AACA,aAAa,cAAc"}

package/dist/progress.d.mts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+//#region src/progress.d.ts
+export type ProgressTone = "primary" | "success" | "warning" | "danger";
+export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
+  /** Semantic colour of the bar. Defaults to `primary`. */
+  tone?: ProgressTone;
+}
+/** Displays an indicator showing the completion progress of a task. */
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress.d.mts.map

package/dist/progress.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.mts","names":[],"sources":["../src/progress.tsx"],"mappings":";;;YAIY;iBAgBK,sBAAsB,MAAM,gCAAgC,kBAAkB;;EAE9F,OAAO;;;cAIF,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}

package/dist/progress.mjs

@@ -0,0 +1,32 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+//#region src/progress.tsx
+const TONE_TRACK = {
+	primary: "wwc:bg-primary/20",
+	success: "wwc:bg-green-500/20",
+	warning: "wwc:bg-amber-500/20",
+	danger: "wwc:bg-red-500/20"
+};
+const TONE_INDICATOR = {
+	primary: "wwc:bg-primary",
+	success: "wwc:bg-green-500",
+	warning: "wwc:bg-amber-500",
+	danger: "wwc:bg-red-500"
+};
+/** Displays an indicator showing the completion progress of a task. */
+const Progress = React.forwardRef(({ className, value, tone = "primary", ...props }, ref) => /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
+	ref,
+	className: cn("wwc:relative wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-full", TONE_TRACK[tone], className),
+	...props,
+	children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, {
+		className: cn("wwc:h-full wwc:w-full wwc:flex-1 wwc:transition-all", TONE_INDICATOR[tone]),
+		style: { transform: `translateX(-${100 - (value || 0)}%)` }
+	})
+}));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+//#endregion
+export { Progress };
+
+//# sourceMappingURL=progress.mjs.map

package/dist/progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","names":[],"sources":["../src/progress.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport * as React from \"react\";\n\nexport type ProgressTone = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nconst TONE_TRACK: Record<ProgressTone, string> = {\n\tprimary: \"wwc:bg-primary/20\",\n\tsuccess: \"wwc:bg-green-500/20\",\n\twarning: \"wwc:bg-amber-500/20\",\n\tdanger: \"wwc:bg-red-500/20\",\n};\n\nconst TONE_INDICATOR: Record<ProgressTone, string> = {\n\tprimary: \"wwc:bg-primary\",\n\tsuccess: \"wwc:bg-green-500\",\n\twarning: \"wwc:bg-amber-500\",\n\tdanger: \"wwc:bg-red-500\",\n};\n\nexport interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {\n\t/** Semantic colour of the bar. Defaults to `primary`. */\n\ttone?: ProgressTone;\n}\n\n/** Displays an indicator showing the completion progress of a task. */\nconst Progress = React.forwardRef<React.ElementRef<typeof ProgressPrimitive.Root>, ProgressProps>(\n\t({className, value, tone = \"primary\", ...props}, ref) => (\n\t\t<ProgressPrimitive.Root\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:relative wwc:h-2 wwc:w-full wwc:overflow-hidden wwc:rounded-full\",\n\t\t\t\tTONE_TRACK[tone],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tclassName={cn(\"wwc:h-full wwc:w-full wwc:flex-1 wwc:transition-all\", TONE_INDICATOR[tone])}\n\t\t\t\tstyle={{transform: `translateX(-${100 - (value || 0)}%)`}}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t),\n);\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport {Progress};\n"],"mappings":";;;;;AAMA,MAAM,aAA2C;CAChD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACT;AAEA,MAAM,iBAA+C;CACpD,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACT;;AAQA,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,OAAO,OAAO,WAAW,GAAG,SAAQ,QAChD,oBAAC,kBAAkB,MAAnB;CACM;CACL,WAAW,GACV,wEACA,WAAW,OACX,SACD;CACA,GAAI;CAEJ,UAAA,oBAAC,kBAAkB,WAAnB;EACC,WAAW,GAAG,uDAAuD,eAAe,KAAK;EACzF,OAAO,EAAC,WAAW,eAAe,OAAO,SAAS,GAAG,IAAG;CACxD,CAAA;AACsB,CAAA,CAE1B;AACA,SAAS,cAAc,kBAAkB,KAAK"}

package/dist/prompt-input.d.mts

@@ -0,0 +1,108 @@
+import { AttachmentPreview } from "./chip.mjs";
+import * as React from "react";
+//#region src/prompt-input.d.ts
+export interface PromptAttachment {
+  id: string;
+  label: string;
+  type?: "file" | "context";
+  icon?: React.ReactNode;
+  /** Secondary line shown under the label — renders the chip as a richer file card. */
+  subtitle?: string;
+  /** Optional hover preview content. */
+  preview?: AttachmentPreview;
+}
+export interface PromptContextItem {
+  id: string;
+  label: string;
+  description?: string;
+  icon?: React.ReactNode;
+}
+/** A selectable model shown in the model-picker dropdown. */
+export interface PromptModel {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  /** Trailing marker (e.g. a plan/region badge). */
+  badge?: React.ReactNode;
+  description?: string;
+  /** Dim and make the option unselectable (e.g. "coming soon"). */
+  disabled?: boolean;
+}
+/** A tool toggled from the Tools menu; active tools show as pills in the toolbar. */
+export interface PromptTool {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+}
+/** An action inside the `+` menu (Upload file is added automatically from `onUploadFile`). */
+export interface PromptAddAction {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  onSelect: () => void;
+}
+/** A quick-action pill rendered in a row beneath the composer. */
+export interface PromptSuggestion {
+  id: string;
+  label: string;
+  icon?: React.ReactNode;
+  onSelect?: () => void;
+}
+export interface PromptInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  onSend: (value: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  /** Response generation is in progress. Keeps the textarea editable while disabling the send action. */
+  submitting?: boolean;
+  autoFocus?: boolean;
+  /** Attachments displayed as removable chips/cards above the textarea. */
+  attachments?: PromptAttachment[];
+  onRemoveAttachment?: (id: string) => void;
+  /** When provided, shows an "Add context" button that opens a popover with these items. */
+  availableContext?: PromptContextItem[];
+  onAddContext?: (item: PromptContextItem) => void;
+  /** When provided, shows an "Upload file" entry inside the `+` menu (hidden file input). */
+  onUploadFile?: (files: FileList) => void;
+  /** File types accepted by the upload input (e.g. ".pdf,.png"). */
+  acceptFileTypes?: string;
+  /** Allow multiple file selection. Defaults to true. */
+  multipleFiles?: boolean;
+  /** Extra actions in the `+` menu, after "Upload file". */
+  addActions?: PromptAddAction[];
+  /** Tools shown in the Tools menu. Active ones render as removable pills in the toolbar. */
+  tools?: PromptTool[];
+  activeToolIds?: string[];
+  onToolToggle?: (id: string) => void;
+  /** Selectable models. Shows a model-picker button on the right when provided. */
+  models?: PromptModel[];
+  modelId?: string;
+  onModelChange?: (id: string) => void;
+  /** Shows a microphone button. Called on click; `recording` drives the active state. */
+  onMic?: () => void;
+  recording?: boolean;
+  /** Quick-action pills rendered in a row below the composer. */
+  suggestions?: PromptSuggestion[];
+  /** Extra slots rendered just before the model selector (legacy escape hatch). */
+  trailingActions?: React.ReactNode;
+  /** Override the Send button icon. */
+  sendLabel?: React.ReactNode;
+  /** Min/max textarea heights in pixels. Defaults: 88 (≈3 lines) / 198. */
+  minHeight?: number;
+  maxHeight?: number;
+  className?: string;
+}
+/**
+ * A flexible AI prompt composer. Composes:
+ * - removable attachment chips / file cards
+ * - an auto-resizing textarea (Enter to send, Shift+Enter for newline)
+ * - a `+` menu (Upload file + custom actions)
+ * - a Tools menu whose active tools appear as removable pills
+ * - an "Add context" popover with a searchable list
+ * - a model-picker dropdown, a mic button, and a Send button
+ * - an optional row of suggestion pills beneath the composer
+ */
+export declare function PromptInput({ value, onChange, onSend, placeholder, disabled, submitting, autoFocus, attachments, onRemoveAttachment, availableContext, onAddContext, onUploadFile, acceptFileTypes, multipleFiles, addActions, tools, activeToolIds, onToolToggle, models, modelId, onModelChange, onMic, recording, suggestions, trailingActions, sendLabel, minHeight, maxHeight, className }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=prompt-input.d.mts.map

package/dist/prompt-input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt-input.d.mts","names":[],"sources":["../src/prompt-input.tsx"],"mappings":";;;iBA2BiB;EAChB;EACA;EACA;EACA,OAAO,MAAM;;EAEb;;EAEA,UAAU;;iBAGM;EAChB;EACA;EACA;EACA,OAAO,MAAM;;;iBAIG;EAChB;EACA;EACA,OAAO,MAAM;;EAEb,QAAQ,MAAM;EACd;;EAEA;;;iBAIgB;EAChB;EACA;EACA,OAAO,MAAM;;;iBAIG;EAChB;EACA;EACA,OAAO,MAAM;EACb;;;iBAIgB;EAChB;EACA;EACA,OAAO,MAAM;EACb;;iBAGgB;EAChB;EACA,WAAW;EACX,SAAS;EAET;EACA;;EAEA;EACA;;EAGA,cAAc;EACd,sBAAsB;;EAGtB,mBAAmB;EACnB,gBAAgB,MAAM;;EAGtB,gBAAgB,OAAO;;EAEvB;;EAEA;;EAGA,aAAa;;EAGb,QAAQ;EACR;EACA,gBAAgB;;EAGhB,SAAS;EACT;EACA,iBAAiB;;EAGjB;EACA;;EAGA,cAAc;;EAGd,kBAAkB,MAAM;;EAGxB,YAAY,MAAM;;EAGlB;EACA;EAEA;;;;;;;;;;;;wBAgBe,cACf,OACA,UACA,QACA,aACA,UACA,YACA,WACA,aACA,oBACA,kBACA,cACA,cACA,iBACA,eACA,YACA,OACA,eACA,cACA,QACA,SACA,eACA,OACA,WACA,aACA,iBACA,WACA,WACA,WACA,aACE,+CAAgB,IAAA"}