diff --git a/src/app/(main)/hydraulic-simulation/pipe-flushing/page.tsx b/src/app/(main)/hydraulic-simulation/pipe-flushing/page.tsx
new file mode 100644
index 0000000..cf12b8b
--- /dev/null
+++ b/src/app/(main)/hydraulic-simulation/pipe-flushing/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import MapComponent from "@app/OlMap/MapComponent";
+import MapToolbar from "@app/OlMap/Controls/Toolbar";
+
+export default function Home() {
+  return (
+    <div className="relative w-full h-full overflow-hidden">
+      <MapComponent>
+        <MapToolbar queryType="scheme" />
+      </MapComponent>
+    </div>
+  );
+}
diff --git a/src/app/(main)/hydraulic-simulation/water-quality-simulation/loading.tsx b/src/app/(main)/hydraulic-simulation/water-quality-simulation/loading.tsx
new file mode 100644
index 0000000..2c57921
--- /dev/null
+++ b/src/app/(main)/hydraulic-simulation/water-quality-simulation/loading.tsx
@@ -0,0 +1,5 @@
+import { MapSkeleton } from "@components/loading/MapSkeleton";
+
+export default function Loading() {
+  return <MapSkeleton />;
+}