diff --git a/client/ui/chat-fragment/ChatFragment.tsx b/client/ui/chat-fragment/ChatFragment.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/client/ui/routers/ChatFragmentDialog.tsx b/client/ui/routers/ChatFragmentDialog.tsx
new file mode 100644
index 0000000..5c89d91
--- /dev/null
+++ b/client/ui/routers/ChatFragmentDialog.tsx
@@ -0,0 +1,8 @@
+import useRouterDialogRef from "./useRouterDialogRef"
+import * as React from 'react'
+
+export default function ChatFragmentDialog() {
+    const dialogRef = useRouterDialogRef()
+
+    return <mdui-dialog fullscreen ref={dialogRef}></mdui-dialog>
+}