# Thob Builder Notes: Task 1 - Material Variant Switcher

## Overview
Implemented the basic material configuration pattern using Thob's built-in `MaterialVariant` and `Material` properties. 

## Visual Observations
- **Lighting Limitation**: I observed that by default, the light only hits the object from one side, leaving the other side completely dark.
- **Surface Definition**: Standard material properties (color, roughness, metalness) were easy to edit via the sidebar properties panel.

## Technical Observations (Console Logs)
During development in the builder, several warnings and errors were observed:
- **404 Errors**: `GET https://builder.thob.studio/builder/... 404 (Not Found)`.
- **Hydration Warnings**: `No HydrateFallback element provided to render during initial hydration`. 
- **Component State**: `undefined is changing from uncontrolled to controlled`. This suggests a potential issue in how the builder manages internal component state when swapping materials.

## Builder Workflow
- **Node Structure**: The scene was built using a `Canvas` -> `mesh` -> `sphereGeometry` hierarchy. 
- **Variant Linking**: A `MaterialVariant` node was used to manage the switching logic.
- **UI Integration**: A simple `Button` was added under the `UI` group to trigger the material change.

## Conclusion
The builder makes it very easy to define and link material variants without writing code, but the default lighting environment needs more control (e.g., adding more lights or an environment map) to avoid the "dark side" effect.