Enter password to continue
Incorrect password
Welcome back — sign in to continue
Doctor Code (D365) for Dentist, AR-Code for Clinic Admin, Employee ID for CS & Designer — per client confirmation (A2).
30 min inactivity timeout. Warning popup at 25 min with Continue/Logout. Configurable via admin.
30-day persistent cookie (Secure, HttpOnly, SameSite=Strict). Users can opt in/out.
5 failed attempts → 15 minute lockout. Super Admin override available.
24-hour link validity, max 3 requests/hour. Old sessions invalidated on reset.
Concurrent login from multiple devices. No forced logouts.
Your session will expire in 5 minutes due to inactivity.
Dental Case Management & Communication Platform
4 role-specific flows with ERP verification, OTP, and auto-activation
Real-time messaging with file sharing, templates, @tagging, and delivery receipts
File upload, 2D/3D viewer, annotation tool, versioning, and change requests
Dual-panel case list with search, sort, filter, synced from Hexa ERP
User management, clinic codes, template library, Super Admin controls
Schedule, Shade Match, News, eLabSheet Creation
Top nav bar with 6 tabs — click any to switch views. Demonstrates SPA tab routing.
Top-right dropdown to switch between Dentist, Clinic Admin, CS Admin, Designer perspectives.
Auto-appearing toast notification (bottom-right) simulating real-time message alerts.
Hero section with key metrics: 5 modules, 4 roles, 2 months, 2 languages.
6 clickable cards with hover animation. Phase 2+ card is greyed out with "Coming Soon" tag.
Teal/white theme based on dental industry standards. Light mode per client requirement.
4 role-specific registration flows. Select a role below to see the interactive flow.
Account created! Account is now active — ready to login!
Click tabs to switch: Dentist, Clinic Admin, CS Admin, Designer — each with unique form fields.
Step 2 simulates calling Hexa ERP to validate codes and return clinic/employee data.
Email+SMS for Dentist/Clinic Admin. Phone-only for CS Admin. Designer skips OTP entirely.
Min 12 chars, uppercase, number, special char — real-time validation indicators.
Account created → Immediately active. No manual approval needed. Admin Platform shows registration records for audit.
5-step wizard with progress: completed steps turn green, active step is highlighted.
Type and send messages — they appear instantly with delivery receipt (✓). WebSocket-powered in production.
Pinned chatroom at top for non-case questions. Separate from case-specific chats.
Each message shows sender role: CS Admin, Dentist, Designer Team — per RFQ requirement.
Grey ✓ (sent), Grey ✓✓ (delivered), Blue ✓✓ (read) — independent unread counts per user.
Search by patient/case ID. Filter tabs: All, General, Cases, Unreplied. CS-specific features.
Header shows CS name, participant count, and [+Add] button to invite designers.
Click the 🤖 button to enable AI chat. Answers dental/orthodontic questions from a curated knowledge base. Redirects to receptionist for unknown topics. Powered by Gemini via OpenRouter.
Mic button for voice recording (5 min max). Attachment (+) opens template popup. Emoji, send, AI toggle — matches User Story mockups.
Type @ to mention @CS Admin, @Designer, or @Dentist. Triggers red dot visual indicator + optional push notification (configurable in user settings per B8).
Click + to browse and insert template messages with [Parameter] placeholders. Templates managed via Admin Platform CRUD.
Click to upload your own STL file
Supports binary & ASCII STL • Max 50 MB
Or select a sample file below ↓
Click a sample STL file to load it here
Real Three.js WebGL rendering − rotate, zoom, pan
Uploads .STL file
(3Shape / Exocad)
Three.js STLLoader
Parse → Mesh → HTML
S3 / Azure Blob
HTML + assets stored
Views HTML in browser
No STL access
Designers upload binary/ASCII STL files. Click to simulate upload and see the conversion pipeline in action.
4-step automated process: Parse STL → Build mesh → Generate self-contained HTML → Upload to cloud. Target: <2s.
Server-side Three.js parses STL into BufferGeometry. Supports binary (compact) and ASCII formats. Handles 50K+ faces.
Self-contained HTML file with embedded WebGL viewer. 60–70% size reduction from STL. No plugins needed.
Interactive rotate/zoom/pan in browser. Shows vertex count, face count, and load time. Target: <5s load.
Raw STL files never exposed to dentists. Only converted HTML served. All STL access audit-logged for IP protection.
Dentist/Clinic Admin approves or requests changes. Thailand: 1 CR per file. CS can override. Auto-versioning on re-upload. First action wins (C10).
Pen, rectangle, circle, line drawing. Color picker (red/blue/green/yellow). Undo/clear. Screenshot capture → drawing pad overlay — per existing MC (C4).
Version list shows v1, v2, v3… with CR IDs (CR-{case_id}-{seq}). All versions preserved indefinitely. Re-upload creates new version.
Daily 9AM chatroom auto-message for pending approvals >24 hours. CS can override to "In Production" status.
Left: scrollable case list. Right: case detail panel. Click a case to view details.
Search by case ID or patient. Filter by status (Submitted, In Production, In Dispatch, Delivered).
4 case statuses from ERP batch sync (new cases every 3h, status updates every 6h). Color-coded badges.
Detail panel shows associated files with "View Case Files" action button for quick access.
"Live Support" button opens chatroom for that case. Cross-module navigation.
Prev/Next navigation. Targets: <200ms for 10K+ cases.
List of CS Admins and Designers with status badges. Filter by role and status.
View all registered users with status, last login date, IP address, and device info for audit.
Clinic code registry with 4 required fields: code, name, address, phone. Auto-created from ERP.
CRUD for message templates. Categories: General, Design Approval, Delivery. [Parameter] placeholders.
Super Admin manages templates, overrides lockouts, accesses audit logs.
Export registration records to CSV for offline review and audit.