Things I'm
building in public.
// half-finished on purpose

September source updates added consecutive captures, multiple source photos, retained overlay thumbnails, and batch sharing or ZIP download. Each exported image carries its selected reference. Camera, tilt, and native sharing still need physical-device verification; this retrospective does not confirm the live revision.

The September MVP added manual, demo, and hosted live-search workflows with provenance, review notes, and printable contact sheets. Follow-up fixes addressed site-change review invalidation, delayed lookups, draft printing, and navigation. Retrieved facilities still require checking for capability and jurisdiction.

The September 8 local milestone repaired drawing, calibration, evidence linkage, issued-phase protection, autosave reporting, and PDF/PNG export previews. Repository checks and documented browser journeys passed. This was not a documented public release; the web mapper still imports only page one and the extension remains separate.

The production QA record documents an enabled V2 frontend, a successful authenticated generation, and three synthetic preview workflows through record reopening and email delivery. Export testing caught missing reference links and cramped PDF spacing; corrected PDFs were reviewed. This was desktop typed-input acceptance, with mobile, microphone use, and safety-content approval still open.

July updates simplified planner controls and submission, added optional project and attendance details, and selected state guidance from location. A later update added scenario-specific heat briefings used by the construction-site demo. These are planning aids and still require site review.

July updates streamlined scenario controls, added decision support and browser QA, and moved report-email delivery to Resend. The calculator keeps investment and risk assumptions visible in an exportable leadership report. Estimates remain input-dependent rather than realized savings.

The September 8 testing build added shape-based volume inputs, unit switching, nominal air-change timing, and a copyable planning record. Repository QA records 17 passing tests and 10 passing browser stories after three fixes. Lab inclusion was authorized September 15; qualified review and field validation remain open.

Route math for distance along the route, off-route distance, climb to each stop, and loop or out-and-back handling; OpenStreetMap place download; offline storage; Scramble branding. Tests pass with mocked GPS and places. It has not been used on a real ride yet.

Converted the vault Markdown into a responsive static article, preserved the privacy boundary described in the draft, and added it to the Lab hub as LAB-011.

The June 18 commit replaced the placeholder with an interactive training artifact. The lab card remains shelved; publishing an artifact does not establish that active development resumed.

The MVP proved the concept and revealed the real constraint: content production velocity. Building one module well took significant time. The safety world has hundreds of topics that could use this treatment — but without a faster authoring system and a real distribution layer, this is a content factory problem disguised as a tool problem. HTML delivery also has no clean update path and no guarantee every worker can access it. Shelved — not broken, not abandoned, but not the right place for current bandwidth. Worth revisiting if the no-code authoring problem gets solved.

The fire safety lab was returning a 404 on production because the `/lab/fire-safety/` route wasn't being served correctly by the Cloudflare Workers routing config. Added the missing route rewrite and confirmed the landing page at `lab/fire-safety/index.html` now resolves. Navigation from the lab hub to the tool works.

Moved all lab files from flat root into tiered subfolders (lab/fire-safety/, lab/construction-site/, lab/ai-chat/). Updated all internal links sitewide to absolute root-relative paths so they resolve correctly from any folder depth. Added CLAUDE.md documenting the three training modules, the open SVG touch-target bug, all five hypotheses with tracking metrics, and the build log. Gives any agent working on this project full context without reading through the HTML. Shipped a /lab-log skill for capturing session work going forward.

Touch targets are sized in SVG coordinate space (viewBox 800x400) but the rendered SVG scales to fit its container. On a 390px phone, a 35px SVG touch radius is physically ~17px, too small with gloves, borderline without. Evaluating options: HTML overlay layer with percentage-positioned hit areas, or restructuring interaction out of SVG entirely.

Added pulsing indicators to Hazard Hunt. Added a fill bar to the PASS sweep step. Enlarged touch targets on pin and nozzle. Scrubbed company branding for public release. SVG scaling issue remains open.

Original Hazard Hunt had no indication the scene was interactive. Users in a toolbox talk context won't explore, they need to know immediately what to do. Added pulsing indicators. Takeaway: training context demands faster time-to-first-interaction than a game or app.

Three modules: Hazard Hunt, PASS simulator, Fire Triangle quiz. Vanilla HTML/SVG/JS, zero dependencies. Forked for public release before any formal deployment. Identified UX issues on first phone test, good reminder to test on device before shipping.

The live route is now a scroll-driven site walk from a +240' drone view down through every level to the trailer. Each level pins while the camera pans across it, a concrete slab with the level and elevation passes between floors, and tapping a sensor flies the camera to it. A walk card logs what you inspected and becomes your briefing in the trailer. The old walkthrough lives at classic.html, and old #floor-8 and ?view= links land on the matching stop. Scenes are generated illustrations and the readings are illustrative, same as before.

Emulated 11 devices and tapped all 27 sensors on each. The arrival scan animated a masked gradient across the full image every frame, which doubled desktop frame times; I rebuilt it as a transform and opacity animation (p95 48 ms → 21 ms). Two more would have hit phones on day one: mobile toolbars hiding mid-scroll changed the viewport height and reflowed every chapter, and the site's shared scroll script treated the elevation gauge's <nav> as the site menu and slid it away. Safari's engine and physical phones are still untested.

A 16:9 scene cropped to fill a portrait phone only shows about 40% of its width, so you never see the whole floor. Each level now opens on the full photo at phone width, then pushes in and pans as you scroll. A Full photo toggle holds the whole frame. Seeing the whole scene before the close-ups made the phone version work.

July commits added heat-stress and wind-hold scenarios to the live construction-site experience. The heat scenario links to a contextual heat briefing. The September redesign archive remains unpublished and is not part of this release.

The three child pages (Knowledge Graph, PPE Anatomy, AI Exposure Matrix) were previously invisible from the parent construction site page — no navigation surfaced them. Added a pill-style horizontal nav bar between the hero and the iframe. Clicking a pill swaps the iframe src and updates the active state. Also removed plan.md from the repo now that the planning phase is done.

The knowledge graph was silently dying on load — ~20 places used comma operators instead of subtraction in arithmetic expressions (node placement, physics sim, coordinate transforms, hit detection, event offsets), causing SyntaxErrors that killed the entire script on all devices. Fixed all the operators, corrected a `createRadialGradient` call with 9 args instead of 6, added `e.preventDefault()` on touch panning to stop page scroll interfering with graph pan, and added `100dvh` fallback alongside `100vh` to fix iOS Safari viewport collapse.

The Shift+Alt+D dev overlay tool had basic drag and resize. Rebuilt it with 4-corner handles that write clip-path coordinates directly so overlays can be perspective-matched without guessing pixel values. Added keyboard-controlled skew, image pan and zoom inside the frame, and a south-edge handle for height that seeds from the current rendered size rather than zero. Makes it practical to dial in any monitor or screen overlay to the correct perspective angle entirely inside the browser.

Used the upgraded overlay editor to visually dial in and lock final pixel coordinates for all three interactive zone overlays: the phone button on the Worker floor, the TV screen in the Safety wall zone, and the right monitor at the Superintendent desk. Each position was verified against the source photography and hard-coded into the HTML. The overlays now land correctly on first load and persist across sessions without needing the edit tool open.

Three bugs resolved: icon card popups weren't firing due to a script registration issue after the rename, deep-link floor routing (arriving at `#floor-3` etc.) wasn't activating the correct floor on load, and the rename from `construction-mockup` to `construction-site-of-the-future` broke relative chat script paths. Fixed the popup trigger registration, added an `onhashchange`-aware floor initializer, and added fallback absolute paths for the chat scripts.

Interactive SVG exposure matrix plotting 8 construction roles against 4 cross-industry comparisons (cashier, software engineer, lawyer, radiologist) on impact vs. broad horizon axes. Each role has a clickable detail panel: what's changing, what's protected, where the trajectory goes. Parked at /lab/construction-site/ai-risk-matrix/ as its own lab card (LAB-006) for iteration before integrating into the Construction Site of the Future page.

Added a high-res PNG dashboard preview to the superintendent's desk monitor in the integration hub scene, clipped to match the trapezoid perspective of the monitor face. Took two passes: first pushed a blank webp by mistake, reverted, then replaced with a proper PNG screenshot. The monitor actually shows something now instead of an empty frame.

The sensor markers across floors 1 and 3-8 were landing in wrong positions due to isometric perspective, an open bug since Feb 25. Manually derived and applied correct coordinates for all 25 sensors. Replaced the old SVG pulse circles (wrong positions, never looked right) with a CSS ::before/::after pulse animation on sensor-node-trigger elements so every clickable zone shows a visible orange pulsing dot at all times. Closes the open sensor alignment bug.

Added two dev tools behind keyboard shortcuts so they don't surface to visitors. Shift+Alt+D opens a drag-and-resize overlay tool for both monitor overlays with live coordinate readout and a copy button, removing the need to guess pixel values in code. Shift+Alt+E reveals the sensor edit button. Both invisible by default.

Replaced the existing portfolio homepage with a new dark-mode design, updated copy, wired CTAs, social links, and a dedicated CSTF strip. Added three case study pages grounded in real project data, one with $240K+ in documented savings. On the lab hub, the CSTF card went from placeholder to live: swapped the SVG floor plan mockup for a scaled iframe of the actual experience, updated the CTA to /lab/construction-site/, and ran a full mobile responsiveness pass on all homepage sections afterward.

The worker figure on the floor plan was opening the standalone worker-mobile.html, no role context, wrong landing state. Changed the hotspot handler to load the role dashboard with URL params that lock role to "worker" and set context to worker_phone_focus. The embedded view is scoped from the start: no role picker, correct phone UI, no ambiguity. Bumped the experience version string to flush the iframe cache for all visitors.

The phone preview inside the role dashboard was a single static layout. Built a tabbed multi-view so the preview switches between app states, home, task detail, video detail, using a tab bar that mirrors how the actual app would work. Also refined the phone layout from a generic dashboard to a video detail screen and dropped the floating headshot avatar that was adding visual clutter. Took two passes: first to get the tab structure in, then to wire each tab to the correct view.

Built /ppe/research.html: a full sourced article covering all 27 PPE technologies with inline verdict badges (Verified / Misleading / Inaccurate) and clickable citations. The point is to back up the PPE guide cards with actual research, not just confident-sounding copy. Added a "Research & Sources" ghost link in the PPE guide header. Content went through a revert-and-redo cycle to reconcile the article with the corrected card data, needed to get the data right first, then build the article on top.

Clicking "Open Worker Phone App" was navigating away or opening a new tab, both break tour context. Rebuilt it as a full-screen modal overlay with an iframe inside, using the History API to push a state entry so the browser back button naturally closes it. Added an orange "Exit App" button in the modal header as a second close path, and kept an "Open in new tab" escape hatch for power users. Keeps context without trapping anyone.

Started the day cleaning up the PPE anatomy tool. Mobile layout now shows the full worker figure with the panel stacked below instead of side-by-side. The mannequin silhouette had a viewport clipping issue, fixed the container bounds so it renders fully. Ran a fact-check correction pass: reclassified Impact Sensor Eyewear (no commercial products exist, moved to emerging) and Helmet Hearing Hub (moved to standard), raised cost floors on 8+ technologies to match real product pricing, and corrected vendor attributions for Grip Augmentation, Airbag Integration, AR Contacts, and Face Shields. The data needed to be right before building the research page on top of it.

Built an interactive experience around a holographic construction worker silhouette, click any body zone to surface what gear is assigned, toggle between Standard and Next-Gen to compare current kit against the future spec, or browse the full 58-item technology library. Purple accent overlays distinguish next-gen items at a glance so the comparison is immediate. Took several passes to get right: body-part label was rendering blank when a zone had no items (fixed), sensor tech data needed a fallback popup when unavailable (fixed), and the layout needed a full responsive pass for mobile. The holographic glow and gear icon on the worker's chest give the module its visual identity.

The full-width embedded chat section was interrupting the floor-scroll flow on the construction site page, heavy, wrong context for someone moving through the building. Replaced it with a slim strip: avatar, a short framing line, and an "Ask Nick" button. The full chat now opens as a floating panel anchored bottom-right, with a backdrop overlay, close button, and escape key support. Mobile-responsive.

Added three role-specific data dashboards, worker, foreman, and exec, embedded directly into the trailer's POV screens. Each seat in the construction command center now has context behind it: the worker sees their task and safety feed, the foreman gets site operations, the exec gets project-level metrics with a weekly reporting template. Added a worker mobile app mockup showing the full incident response flow, aligned to the actual alert playbook logic rather than being decorative. The trailer experience now tells different stories depending on which screen you focus on.

The interactive technology knowledge graph was fully built but unreachable, the trailer door navigation was swallowing the click before the graph loaded. Traced it to a z-index and pointer-events cascade in the trailer overlay layer intercepting the trigger. Fixed the rendering order and wired the click through correctly. Also corrected the back link inside the knowledge graph, which was routing to a dead end; it now returns to the trailer interior as expected.

Each sensor info popup now includes a small thumbnail of the floor it belongs to, with an orange dot marking exactly where that sensor sits. Added a FLOOR_IMAGES lookup table and minimap dot positioning logic to showSensorPopup(). Also fixed a mobile bug where the popup was being cut off at the bottom, the scroll container now always resets to the top on open, and there's enough bottom padding for the close button to not feel cramped.

metal-framing-v2.png has a valid PNG header and correct file size (6.18MB) but the IDAT chunk is broken, zlib throws "invalid stored block lengths" on decompression. The browser sees a valid signature, renders the .floor-visual { background: white } behind it, and the SVG overlays sit on top normally, so symptoms look like a white box with sensor dots floating in it. The fallback metal-framing-floor.png has the same corruption. Fix is a clean re-upload of the floor 7 photo.

The interactive tech knowledge graph shipped and is fully built, but getting to it is blocked by a bug in the trailer door entry point on the construction site page. Still diagnosing, the z-index and pointer-events fixes from the previous pass didn't fully resolve it. Something in the click flow or navigation handler is swallowing the trigger before the graph loads. Open.

Changed all sensor dot and pulse ring colors from blue (#00A3FF) to orange (#f97316) to match the page's primary accent color, the blue wasn't wrong, it just didn't feel intentional next to the orange type. Replaced the SVG SMIL pulse animations with a CSS keyframe that scales the ring to 2.4x and fades out, so the effect is consistent across every floor without touching individual elements. Removed the debug coordinate grid that had been left in since the sensor positioning pass. Pushed everything live.

The sensor dots were clickable but the tech tags at the bottom of each floor were static labels. Added onclick handlers to all of them so clicking a tag surfaces the same callout overlay as clicking the dot directly. Floors 8, 7, and 6 already had this wired from a previous pass, added it to floors 5, 4, 3, and 1. Also caught that floor 6 had an HVAC callout with no corresponding tag at all; added it. Every sensor on every floor now has two entry points: the dot on the illustration and the label in the footer.

Worked through the four remaining unpositioned floors using the coordinate grid tool. A few patterns that emerged: some sensors make more sense as two dots connected to one callout (moisture monitoring on floor 5, IAQ on floor 4) rather than separate callouts, a dashed secondary line communicates "same system, different location" better than duplicating the card. Added sensors that were missing entirely: leak detection on floor 3, ergonomic/battery tools on floor 4. Floor 1 (foundation) also got a full pass, autonomous earthmovers, drone dock, AI security, and workforce tracking all repositioned onto the actual scene geometry.

Added a coordinate debug grid (1000x560 viewBox, 100-unit intervals, pink toggle button) to aid precise sensor placement on isometric floor illustrations. Worked floor-by-floor: repositioned crane load, wind speed, and fall detection sensors on floor 8; added laser measuring tools sensor and tech tag on floor 7; repositioned NFC fire extinguisher tracking, AR BIM view, and smart HVAC on floor 6. Added a second NFC fire extinguisher sensor and implemented triggerRevealMultiple() to show both callouts simultaneously from a single button. Also resolved deployment pipeline, changes need to be pushed to Nickrogoff.com/construction-site-of-the-future/index-v3.html, not the standalone mockup repo, for Cloudflare to pick them up.

construction-site-future.html moved to lab/construction-site/index.html. Fixed all remaining relative nav links (index.html#about, #journey, #projects, #contact) to absolute root-relative paths; from a subdirectory they were resolving against lab/construction-site/ instead of the portfolio root. Added CLAUDE.md documenting the iframe/wrapper architecture split, the fixed-height iframe constraint, the scroll indicator container height issue, the isometric coordinate system for SVG overlays, and the full build log. Shipped a /lab-log skill for session capture.

Added SVG overlays to the floor illustrations to visually identify and distinguish sensor types, without labels, the sensor markers were interchangeable and the scenes weren't communicating the technology load. The overlays are rendering, but sensor positions didn't map cleanly onto the isometric illustrations on first pass. The coordinate system doesn't account for perspective distortion, so markers are landing in the wrong places on several floors. Working through a fix using an overlaid reference grid per image to derive accurate coordinates before locking positions. Longer term: each sensor marker should open an inline card explaining what the sensor measures and why it matters on a real jobsite, so the experience is educational, not just decorative.

Three separate scroll issues resolved in one pass. The floor indicator dot was stuck at the top of the elevation drawing because its parent container had zero computed height, all children were absolutely positioned, so nothing gave the div real dimensions and every percentage top value resolved to zero. Fixed by moving the building elevation image inside the container so it provides actual height. The iframe was also causing the scroll listener to never fire: it was growing to match its content, so the parent page was scrolling, not the iframe. Changing it to a fixed 100vh height means the experience scrolls internally and the JavaScript scroll events work as expected. On top of that: auto-hiding nav (slides up after 80px of scroll, returns on scroll-up) so the building scene isn't blocked by the header. And an animated orange connector line that grows downward from the base of the elevation drawing to the site plan when you reach the foundation floor, so the visual descent reads as continuous.

The floor images were loading but the SVG overlay system, callout boxes, dashed connecting lines, sensor labels, was baked on top of them in code rather than in the images themselves. On first inspection this looked like an image loading failure; it was actually the overlays obscuring and competing with the illustrated scenes. Stripped all SVG callout overlays from floors 6, 7, and 8 so the illustrations render cleanly. Also switched floor 8 to the wider-angle steel erection illustration that captures the full site context instead of just the close-up welding shot. The plan is to add sensor callouts back through purpose-built SVG animations, this gives proper control over what appears, when, and with what data, rather than static overlay boxes that don't compose well with the images.

Sorted out the GitHub repo configuration that was blocking the site from building and deploying correctly. The Construction Site of the Future is now live and accessible from the portfolio. This is a preliminary deploy, the structure and navigation are working, but two things surfaced immediately on first real review: the floor illustrations and the overall design system both need work before this can be considered production-ready.

The images intended for the floor scenes, generated specifically for each construction phase, are not loading as expected on the live site. The SVG layout structure is present, but the correct image assets aren't resolving in the deployed context. Likely a path or asset reference issue introduced during the repo configuration fix. Need to audit all image references against the deployed file structure and confirm the right generated images are in place for each floor.

First real look at the deployed site made it clear the visual design doesn't have a coherent direction yet. Typography, color, spacing, and the relationship between the floor illustrations and the surrounding UI all feel provisional. The content concept is solid but the presentation isn't pulling its weight. Need to define a design direction before continuing content iteration, otherwise each pass will create more to undo later.

Full structural build complete: vertical scroll layout with floor navigation, scroll-triggered animations, 7 illustrated scenes (SVG layout with Gemini-generated images for better rendering quality, SVG icon overlays for consistency), and an integration hub dashboard mockup. Pushed to GitHub for version control. Three things to iterate on next: illustration quality consistency across floors, mobile responsiveness of the scroll experience, and content depth, some floors are more developed than others and that unevenness shows.

ai-chat.html moved to lab/ai-chat/index.html, nick-chat-widget.html moved to lab/ai-chat/widget.html. Fixed the relative index.html#contact link in the chat limit message; from the subdirectory it was resolving to lab/ai-chat/index.html#contact instead of the portfolio contact section. nick-chat-prompt.js and nick-chat-floating.js stay at root since they're loaded across the full portfolio. Added CLAUDE.md flagging the system prompt as single source of truth, the three files where the Worker proxy URL lives, and the stale deployment notice that needs removing. Shipped /lab-log for session capture going forward.

Isolated the root cause of the API failure: the chat interface was pointing at the wrong Worker URL in production, so requests were never reaching the proxy. Corrected the endpoint, redeployed, and confirmed end-to-end message flow live, from the browser, through the Cloudflare Worker, to the Anthropic API, and back. Chat is now functional on the dedicated page and across the floating widget. One bug remains open: the sizing inconsistency on smaller and wider viewports.

Deployed a Cloudflare Worker as a serverless proxy to handle all API communication with the LLM, keeping the API key server-side and enforcing rate limiting at the edge. The chat interface is now embedded and functional across the entire portfolio, not just the dedicated ai-chat.html page. The Worker approach keeps cost control and abuse protection server-side without requiring backend infrastructure spend. Two bugs surfaced on first cross-device pass.

The floating chat panel and embedded interface have inconsistent sizing behavior across screen sizes. It clips content on smaller phones and doesn't constrain properly on wider desktop displays. Investigating responsive CSS breakpoints and whether the issue is in the widget's own sizing logic or parent page context.

Chat interface loads but responses aren't returning. The Worker is deployed but the API connection is failing on the live site. Suspected cause: environment variable binding in the Cloudflare Worker or CORS headers on the response. Need to pull Worker logs to isolate.

Incorporating the chat widget across all portfolio pages surfaced styling inconsistencies. The chat's dark theme and typography don't fully harmonize with the lighter styles on the main portfolio and case study pages. A design pass is needed to unify color tokens, spacing, and widget presentation across contexts before this can be considered complete.

Complete front-end implementation: dark-themed chat interface with Barlow/DM Mono typography, animated typing indicator, auto-resizing textarea, prompt chips for guided first messages, and a detailed system prompt encoding Nick's voice patterns, project metrics, and career philosophy. The UI is fully functional, the only remaining step is wiring up a backend proxy (Cloudflare Worker or Vercel Edge Function) to keep the API key server-side. Intentionally transparent about this status via the in-page deployment notice. Next milestone: proxy deployment and live API connection.

June and July commits reconciled the matrix with the audited article and revised the axis labels and explanatory framing. This records the published framing changes; it does not validate the matrix hypotheses.

The vertical role list at ≤640px was functional but flat. Replaced it with a horizontal bar chart showing all 12 roles by AI exposure band and broad change horizon. Stat block at the top shows construction avg (24%) vs. other industries (49%) with orange/purple glow numbers. Color tracks the same construction/comparison split as the desktop scatter plot. Tap behavior unchanged — all bars still open the full detail panel.

The SVG scatter plot was overlapping adjacent elements at mobile widths and scaling too small to be readable. Rather than forcing a cramped plot onto a 390px screen, replaced it at ≤640px with a sorted vertical list of all roles ordered by exposure tier. Each row shows the role name, exposure band, and directional horizon. The comparison toggle still works in list mode and highlights comparison rows inline.

The "Show comparisons" toggle for cross-industry bubbles (cashier, software engineer, lawyer, radiologist) had inverted boolean logic — clicking "show" hid them and vice versa. Fixed the state variable initialization. Toggle label now matches the actual visibility state on first load and subsequent clicks.

Initial build of the interactive SVG exposure matrix. 8 construction roles (orange) and 4 cross-industry comparisons (purple) plotted on impact vs. broad horizon axes. Each role opens a three-section detail panel: what's changing, what's protected, where the trajectory goes, plus a bottom-line summary. Sourced from Anthropic Economic Index, Goldman Sachs, U.S. Department of Labor O*NET, WEF Future of Jobs 2025, and McKinsey construction research. Parked at /lab/construction-site/ai-risk-matrix/ for iteration before integrating with the Construction Site of the Future page.

The standalone matrix now covers 25 jobsite platforms, five prequalification platforms, and four enterprise or specialty platforms. August and September research refreshes were published in September. The lab now links to the maintained standalone edition; the older embedded copy remains a historical route.

Color-only redesign to align the tool with Safety Net Dispatch's editorial design language. Dark navy (#0f172a) → warm cream (#f2ede8), cards → white, sidebar → slightly darker cream, section labels → SND orange. Active tabs and view-toggle flipped to orange. All badges converted from light-on-dark to dark-on-light tints. Scatter plot axes, grid, and labels updated for the light background; bubble logo circles switched from dark navy to white for favicon contrast. No content or layout changes.

Added a `pricing_detail` field to each platform in dataset_main.json with three sub-fields: `publicly_available` (yes/partial/no), a plain-language summary of actual tiers or cost estimates, and a source note. The platform detail modal now renders this as a separate pricing section with color-coded availability badges (green/yellow/gray) and formatted summary text. Makes it easier to filter by cost without relying solely on the broad cost-tier bucket.

Bubble chart: X-axis implementation complexity, Y-axis company size fit, bubble size = module count, default color = primary user. Company favicons display inside each bubble (letter fallback). Hover shows a tooltip preview; click opens the full detail modal. Five toggleable color overlay pills let you recolor by cost tier, mobile vs. desktop, Procore integration, AI capability, or use case focus — clicking the active pill resets to default. The scatter plot respects all sidebar filters and redraws on any filter change, keeping cards and matrix in sync.

Two new datasets: Contractor Prequal (ISNetworld, Avetta, Veriforce, Highwire, Billy — 5 platforms) and Enterprise & Specialty (Intelex, Urbint, Oracle CIC, Intenseye — 4 platforms). A tab switcher above the toolbar fetches the selected dataset, resets all filters, and re-derives filter options from the new data — no hardcoded filter values. New label maps handle prequal-specific categories (prequalification, COI documentation, AI risk analytics, computer vision safety). The main Jobsite Safety dataset stays at 23 platforms.

Single-file HTML tool loading dataset_main.json externally. Filters: company size, cost tier, max implementation complexity (slider), platform orientation, Procore-only toggle, AI capability, use case focus, category. Card grid with complexity dot indicators, color-coded badges, first-sentence summaries. Table view toggle. Platform detail modal with full practitioner notes, modules, use case tags, data quality flags, and estimated-field markers (*). Schema designed to add a second dataset (prequalification) in V2 without UI code changes. Built as a Safety Net Dispatch content asset, hosted under nickrogoff.com/lab for now.

New panel next to the targets button: paste a Google Sheet link, the dashboard reads it directly in the browser via the same gviz endpoint — no account, no server, nothing uploaded. Three-step setup with a copy-headers button (tab-separated, pastes straight across row 1). The connection persists in localStorage and lands in the page URL as ?sheet=…, so a connected report card is shareable with a plain link. Resolution order: shared link → saved sheet → built-in sheet ID → sample data. Failed connections keep whatever data was showing and explain the usual fix (publish to web + anyone-with-link viewer). This quietly changes the distribution story: the tool no longer needs to be copied and edited to be used.

Flipped from the dark developer aesthetic to SND's warm cream design language, same move LAB-007 made: cream #f2ede8 page, white cards, orange gradient hero with a serif heading, Barlow body + DM Mono data values. All safety acronyms replaced with plain language a stakeholder can read cold — TRIR → Recordable Incident Rate, LTA → Lost-Time Incident, Open CAs → Open Corrective Actions, PPE → Protective Equipment. Added a Performance Targets panel: every green/yellow/red threshold is now user-editable (recordable rate bounds, toolbox talk percent-of-goal, corrective action targets, streak day bands, and the rest), applies live to both the report card statuses and the chart bands/reference lines, persists per browser with a reset to defaults. Sheet schema unchanged.

Added a Report Card / Trends toggle. Trends renders hand-rolled inline SVG charts — still zero dependencies — with the chart type matched to each metric: sawtooth area with threshold bands for the LTA streak (resets are the story), line over green/yellow/red bands for TRIR, zoomed line with dashed 90%/95% target lines for PPE compliance, status-colored bars for incidents and open CAs (with a ≤3 target line), lollipops with a ≥10 target line for near misses so 'good high' reads differently than 'bad high' bars, bullet bars with goal ticks for toolbox talks, and a neutral stepped line for active sites. Selected month is highlighted across every chart and stays in sync with the month selector; native SVG title tooltips on every point.

Single self-contained HTML file. Fetches the sheet via the gviz /tq endpoint, strips the setResponse() wrapper, and handles both gviz header modes (column labels vs. first-row headers). Eight KPIs with conditional green/yellow/red status logic: incidents, TRIR, near misses, toolbox talks vs. goal, PPE compliance, days since last LTA, active sites, open corrective actions. Month selector sorted newest-first, defaults to the latest row. Full-width odometer-style Days Since Last LTA centerpiece. Silent fallback to an 8-month sample dataset when no sheet is connected or the fetch fails, with a footer note swap instead of an error state. 4/2/1-column responsive grid.

Added a portfolio-safe version of the deployed photo experience at /lab/photo-displayer/. It preserves the core shape of the work: masonry gallery, filters, route context, and the travel-photo presentation system, while removing the real photo manifest, personal captions, and GPS history.

The standalone trip repository added a sanitized static archive in August. That work is separate from the synthetic public demo already in this lab. No private trip records or backend connections were copied into the portfolio.

Added a public-safe version at /lab/bachelor-tracking/ that mirrors the deployed app's major surfaces: overview, crew, itinerary, expenses, and polls, with synthetic rows only. The real Supabase URL, auth flow, admin identity, venue links, and participant data stay out of the portfolio route.