Enable a comparison view between 3D model and real photo, including upload, toggle, and panel integration. Added ComparePanel component, integrated into Viewer with compareMode toggle, and extended store with compareMode/compareImage support; Viewer layout now splits when comparing.
X-Lovable-Edit-ID: edt-5d8eb329-0a4c-4fdd-8480-0e4c83e2ec50
Implemented UI and state updates to toggle grid visibility and customize wireframe:
- Added Grid toggle button in ViewerControls
- Added wireframe color and thickness controls via a popover
- Integrated grid visibility and wireframe styling into ModelViewer rendering
- Updated store to manage showGrid, wireframeColor, and wireframeThickness
- Wiring ensures grid and wireframe reflect in real-time during inspection
X-Lovable-Edit-ID: edt-65af62ff-0e67-4129-96b6-0e281bfcdf91
Updated Index page to change h1 from "TrackkSteelXR" to "TrackSteelXR" by adjusting the JSX string.
X-Lovable-Edit-ID: edt-7fb1afa4-ff97-4439-b529-752ebfd45c21
Implementa anotação sobre screenshots capturados:
- Adiciona AnnotationEditor para desenhar setas, círculos e textos sobre imagens.
- Integra editor com ScreenshotGallery para editar capturas existentes.
- Atualiza gallery para suportar abertura do editor por item e salvar as annotações como URL anotado.
X-Lovable-Edit-ID: edt-c5fc57ba-5c2a-47a2-91f7-257401616673
Implementada funcionalidade de captura de screenshot da vista 3D atual, incluindo:
- Canvas com preserveDrawingBuffer e suporte a captura via toDataURL
- Botão Capturar na barra de controles para gerar screenshot
- Armazenamento de capturas no estado (ScreenshotGallery) e exibição na página de visualização
- Componente ScreenshotGallery para renderizar previews, download e opção de remoção
X-Lovable-Edit-ID: edt-d6c2e1a3-0186-467c-b6f6-4c180607d728
Implementado sistema de medições no viewer:
- Nova funcionalidade de pontos de medidas com distância em mm
- Raycasting para seleção de pontos e cálculo de distância
- Lista de medições na sidebar e possibilidade de remoção
- Integração com estado (useModelStore) para armazenar pontos, medições e ações relacionadas
X-Lovable-Edit-ID: edt-53469f4b-4c50-4b6b-b68e-72b83d7b55b1
Implement image tracking via WebXR to auto-anchor model to printed QR marker, including tracking marker generation, session handling, and UI adjustments.
X-Lovable-Edit-ID: edt-1bf2a256-cb06-4527-96ef-25bf676c3707
Implement full WebXR rendering session including passthrough, anchoring, and controls:
- Added XRSession page enhancements using @react-three/xr
- Render model inside XR via XROrigin with passthrough
- Integrated fine-tuning controls and visual HUD
- Enabled AR entry flow and updated UI structure for immersive XR mode
X-Lovable-Edit-ID: edt-87e09073-2939-41e4-a956-51b5d9e2440f
Implementei gravação de voz para itens reprovados do checklist usando Web Audio API. Adicionei áudio ao modelo de Checklist, atualizei o store para armazenar audioUrl, criei componente VoiceRecorder e integrei ao InspectionChecklist para gravar, reproduzir e excluir gravações, incluindo atualizações de UI e estado.
X-Lovable-Edit-ID: edt-6a84c183-2a41-4bc6-aa22-044b7a435a1b
Implemented the Fine Tuning system with X/Y/Z position steps of 1mm and Y rotation step of 0.1°, integrated into the 3D viewer. Added FineTuningControls component, wired to model store, updated ModelViewer to apply offsets and rotation, and inserted controls into the Viewer sidebar.
X-Lovable-Edit-ID: edt-9f467b59-61f9-45df-9093-6790b21f6d85
Add inspection checklist panel with per-item approve/reject, notes, and real-time color feedback on model, plus opacity and wireframe controls, and XR render optimizations.
X-Lovable-Edit-ID: edt-44d37583-8d98-483b-837c-6b528ecc44c2
Implements a GLB demo generator for a steel I-beam (IPE 200) and a UI button to load it as a sample model. Adds generateDemoBeamGLB utility, integrates with Index.tsx to generate and load the demo GLB, and updates UI state to handle loading.
X-Lovable-Edit-ID: edt-5a8e10ef-027a-40be-9853-f8bc55818d44
Adds WebXR industrial inspection UI with 3D model viewer and XR session scaffolding:
- Implemented ModelViewer.tsx using Three.js (GLTF loading, grid, orbit controls)
- Enabled Viewer page to display model info and XR entry
- Added XRSession page with placeholder passthrough and manual placement logic
- Introduced Zustand store for model state and tuning parameters
- Updated App routing to include /viewer and /xr routes
- Updated index UI to support GLB import and progress indicators
- Integrated design system and Tailwind config enhancements
- Updated index.css with industrial theme and font stacks
X-Lovable-Edit-ID: edt-62015b02-7bf3-4880-954d-fc8aceb69418