diff --git a/web/panels.ts b/web/panels.ts
--- a/web/panels.ts
+++ b/web/panels.ts
@@ -3,6 +3,7 @@ export { Light9CollectorUi } from "./col
 export { Light9EffectListing } from "./effects/Light9EffectListing";
 export { Light9FadeUi } from "./fade/Light9FadeUi";
 export { Light9DeviceSettings } from "./live/Light9DeviceSettings";
+export { Light9Calibrate } from "./calibrate/Light9Calibrate";
 
 const panels: Map<string, Array<string>> = new Map([
   ["light9-ascoltami-ui", ["ascoltami", "ascoltami"]],
@@ -10,6 +11,7 @@ const panels: Map<string, Array<string>>
   ["light9-device-settings", ["device-settings", "live"]],
   ["light9-effect-listing", ["effect-listing" , "effectListing"]],
   ["light9-fade-ui", ["fade", "fade"]],
+  ["light9-calibrate", ["calibrate", "calibrate"]],
 ]);
 
 export function panelElementNames(): string[] {