> ## Documentation Index
> Fetch the complete documentation index at: https://docs.researchanddesire.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Remote - Top Housing

> The main top enclosure for the RADR wireless remote with display cutout and button openings

export const STLViewer = ({url}) => {
  const [loading, setLoading] = useState(true);
  const EMBED_URL = `https://www.viewstl.com/?embedded&url=${encodeURIComponent(url)}`;
  const getGitHubUrl = rawUrl => {
    if (rawUrl.includes('raw.githubusercontent.com')) {
      return rawUrl.replace('raw.githubusercontent.com', 'github.com').replace(/\/main\//, '/blob/main/');
    }
    return rawUrl;
  };
  const fileUrl = getGitHubUrl(url);
  const fileName = decodeURIComponent(url.split('/').pop());
  return <div style={{
    width: '100%',
    maxWidth: '800px',
    margin: '0 auto'
  }}>
      {loading && <div style={{
    position: 'absolute',
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
    width: '100%',
    height: '500px',
    background: '#f5f5f5',
    borderRadius: '8px',
    zIndex: 1
  }}>
          Loading 3D viewer...
        </div>}
      <div style={{
    position: 'relative'
  }}>
        <iframe src={EMBED_URL} style={{
    width: '100%',
    height: '500px',
    border: 'none',
    borderRadius: '8px',
    background: '#f5f5f5'
  }} onLoad={() => setLoading(false)} title="STL Viewer" allowFullScreen />
      </div>
      <div style={{
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginTop: '8px',
    fontSize: '12px',
    color: '#666'
  }}>
        <span>Drag to rotate • Scroll to zoom</span>
        <a href={fileUrl} target="_blank" rel="noopener noreferrer" style={{
    color: '#0066cc',
    textDecoration: 'none'
  }}>
          {fileName} ↗
        </a>
      </div>
    </div>;
};

<STLViewer url="https://raw.githubusercontent.com/researchanddesire/radr-wireless-remote/main/Hardware/Print%20Files/Remote%20-%20Top%20V1.01.stl" />

## Function

The Top Housing is the main upper shell of the RADR wireless remote. This component:

* Houses the TFT display with a precision cutout for the screen
* Provides openings for the three tactile buttons
* Features mounting points for the rotary encoders (knobs)
* Contains windows for LED status indicators (optional transparent sections)
* Defines the primary ergonomic grip surface

## Print Settings

| Setting           | Value                             |
| ----------------- | --------------------------------- |
| Layer Height      | 0.12mm (for smooth curves)        |
| Walls             | 4                                 |
| Infill Type       | Gyroid                            |
| Infill Percentage | 20-30%                            |
| Supports          | Yes - significant supports needed |

<Note>
  The display cutout and internal features require substantial support material. For Bambu printers, the included 3MF file has optimized support settings.
</Note>

<Tip>
  Print with the display opening facing up for best results on the visible surfaces.
</Tip>

## Multi-Color Printing (Optional)

The top housing includes separate bodies for multi-color printing:

| Area                   | Purpose                   | Recommended Material    |
| ---------------------- | ------------------------- | ----------------------- |
| Power indicator window | Shows charging LED        | Transparent/translucent |
| Button status windows  | Shows button backlighting | Transparent/translucent |
| Knob backlight rings   | Shows encoder LED colors  | Transparent/translucent |

<Info>
  Multi-color printing is purely aesthetic. The remote functions identically with single-color prints.
</Info>

## Download Files

<CardGroup cols={2}>
  <Card title="STEP File" icon="cube" href="https://github.com/researchanddesire/radr-wireless-remote/blob/main/Hardware/Print%20Files/Remote%20-%20Top%20V1.01.step">
    Download for CAD editing
  </Card>

  <Card title="3MF Project" icon="layer-group" href="https://github.com/researchanddesire/radr-wireless-remote/blob/main/Hardware/Print%20Files/Bambu%20A1%20Remote_V1.01.3mf">
    Bambu Studio project with print settings
  </Card>
</CardGroup>