Claude's design docs and implementation plans for thalida.com.
28 items
Live Window / Live Window Playground
Mar 2026Make the live window playground public, merge it with the dev test page, add a city search via Nominatim geocoding, and link to it from the home page.
Live Window / Live Window Playground
Mar 2026Make the live window playground public at `/playground/live-window`, merge dev test cities into it, add Nominatim city search, and link from the home page.
Live Window / Live Window Readability Audit
Mar 2026Fix all 85 readability issues (magic numbers, unclear names, missing comments, type safety gaps, duplicated logic, stale docs) to make the live-window codebase approachable for a junior engineer.
Live Window / Live Window Readability Audit
Mar 2026Make the live-window codebase easily readable, maintainable, and approachable for a junior engineer. Fix all magic numbers, unclear names, missing comments, type safety gaps, duplicated logic, and stale docs.
Live Window / Weather Visuals
Mar 2026Fix 6 visual bugs in the live-window weather effects: tornado rain intensity, atmosphere particle appearance, atmosphere layer positioning, cloud/rain animation stuttering, tilted rain loop stutter, and cloud left-bias.
Live Window / Weather Visuals
Mar 2026Six visual bugs/improvements for the live-window weather effects.
Live Window / Weather Code Audit
Mar 2026Make all 50 OpenWeatherMap weather codes visually distinct in the live window, with accurate real-world character.
Live Window / Weather Code Audit
Mar 2026The live window has 50 weather codes (OpenWeatherMap IDs) but many render identically or near-identically:
Live Window / Weather Visuals
Mar 2026Replace icon-based weather mapping with OpenWeatherMap condition ID-based system for granular visual control of all 50+ weather conditions.
Live Window / Weather Visuals
Mar 2026Refactor live-window to use OpenWeatherMap weather condition IDs (200-804) instead of icon codes for granular visual control.
Live Window / Live Window Playground
Mar 2026Create a dev-only interactive playground page with manual controls for time, weather, tick speed, and display settings on a single live-window component.
Live Window / Live Window Playground
Mar 2026Create a dev-only interactive test page where all live-window visual states can be manually controlled: time of day, weather, sunrise/sunset, tick speed, and display settings.
Live Window / Idle Blinds
Mar 2026Lower the LiveWindow blinds when chat goes idle and raise them when the user becomes active again. On initial load, use the same `openBlinds()` path.
Live Window / Idle Blinds
Mar 2026Lower the LiveWindow blinds when chat goes idle; raise them when the user becomes active again. On initial load, the blinds open via the same `openBlinds()` path (replacing the current one-shot `runAnimation` logic).
Live Window / Weather Api Proxy
Mar 2026Move the OpenWeather API call from the client-side app to the Cloudflare Worker backend, removing the exposed API key.
Live Window / Weather Api Proxy
Mar 2026The OpenWeather API key is exposed client-side via `PUBLIC_OPENWEATHER_KEY`. Move the call behind the Cloudflare Worker, matching the pattern used for IP Registry geolocation.
Live Window / Live Window Test Page
Mar 2026Add optional `latitude`/`longitude`/`timezone` attributes to `<live-window>` so it can render any location, then create a test page displaying 8 world cities side-by-side.
Live Window / Live Window Test Page
Mar 2026Add optional `latitude`/`longitude`/`timezone` attributes to `<live-window>` so it can render any location without IP geolocation. Create a test page displaying 8 world cities side-by-side with real weather data and local clocks.
Live Window / Sun Moon Layers
Mar 2026Add sun and moon celestial bodies to the live window sky using the celestial circle model.
Live Window / Sun Moon Layers
Mar 2026Add sun and moon celestial bodies to the live window sky, using simple geometric CSS shapes that move realistically across the sky based on time of day and lunar phase.
Live Window / Stars Layer
Mar 2026Add a stars layer to the live window that displays varied, realistic stars at night, fading in/out with the sky phase system.
Live Window / Stars Layer
Mar 2026Add a stars layer to the live window that displays varied, realistic stars at night. Stars gradually appear during dusk and fade during dawn, synced to the existing 16-phase sky system. Star positions are seeded-random (consistent within a day, fresh each day).
Live Window / Live Window Refactor
Mar 2026Refactor `<live-window>` into self-contained SceneComponent classes (sky, blinds, clock, weather text) with a unified LiveWindowState and utils/ folder.
Live Window / Live Window Refactor
Mar 2026Refactor the `<live-window>` web component into a class-based architecture where each scene part (sky, blinds, clock, weather text) is a self-contained class implementing a shared `SceneComponent` interface. Move utilities (color, phase calculations, sky gradient math) into a `utils/` folder. Merge state into a single `LiveWindowState` with clearly separated sections.
Live Window / Live Window Refactor
Mar 2026Refactor the monolithic `<live-window>` web component into focused modules with a `SkyLayer` interface for extensibility.
Live Window / Live Window Refactor
Mar 2026Refactor the `<live-window>` web component from a monolithic 700-line class into focused modules with a `SkyLayer` interface, making it easy to add time-aware celestial features (stars, moon, sun) in the future.
Live Window / Sky Gradient
Mar 2026Replace the live window's 8-color flat gradient with a 16-phase, 4-stop vertical gradient that matches real-world sky appearance based on sunrise, sunset, and twilight phases.
Live Window / Sky Gradient
Mar 2026Replace the live window's 8-color flat gradient system with a 16-phase, 4-stop vertical gradient that matches real-world sky appearance based on sunrise, sunset, and twilight phases.