@@ -380,7 +380,7 @@ export default function OrganizationClassroomDetail() {
-
+ */}
{/* Quick Stats Card */}
{tClassroom('detail.quickStats.duration')}
- {Math.ceil(
- (new Date(classroom.endDate).getTime() - new Date(classroom.startDate).getTime()) /
- (1000 * 60 * 60 * 24)
- )}{' '}
- days
+
diff --git a/src/features/classroom/components/detail/StudentClassroomDetails.tsx b/src/features/classroom/components/detail/StudentClassroomDetails.tsx
index cadffa88e..aa38d7a16 100644
--- a/src/features/classroom/components/detail/StudentClassroomDetails.tsx
+++ b/src/features/classroom/components/detail/StudentClassroomDetails.tsx
@@ -212,7 +212,6 @@ export default function StudentClassroomDetail({ courseEnrollment }: StudentClas
+
{tClassroom('detail.classCode.description')}
@@ -265,7 +264,7 @@ export default function StudentClassroomDetail({ courseEnrollment }: StudentClas
-
+ */}
-
- )
- }
+ useEffect(() => {
+ dispatch(resetParams())
+ }, [dispatch])
- if (error || !classrooms || classrooms.length === 0) {
+ if (error) {
return (
- {/* Header */}
-
- setSearch(val)}
+ />
setSelectedStatus(value)}
- options={statusOptions}
- className='w-fit'
+ placeholder={tClassroom('list.selectStatusPlaceholder')}
+ value={statusFilter}
+ onChange={(value) => setStatusFilter(value)}
+ options={statusOptions.filter(
+ (option) => option.value !== ClassroomStatus.DELETED && option.value !== ClassroomStatus.PENDING
+ )}
+ className='w-48'
/>
{/* Classroom Grid */}
-
+
{classrooms.map((classroom) => (
-
+
{/* Image Header */}
-
+
@@ -106,12 +104,14 @@ export default function ClassroomList() {
{/* Title & Grade */}
- {tClassroom('grade')} {classroom.grade}
+ {/* Status Badge */}
+
+ {statusTranslation(classroom.status)}
- {/* Curriculum */}
{classroom.course && (
{classroom.course?.imageUrl ? (
) : (
-
- {statusTranslations(classroom.status)}
-
-
{classroom.name}
-
-
+
)
}
- if (error || !classrooms) {
- return
+
{/* Header */}
-
-
- setSelectedStatus(value as ClassroomStatus | 'all')}
- options={statusOptions}
- className='w-fit'
- />
-
-
- {classrooms.length === 0 && (
-
- {classrooms.map((classroom) => (
-
-
- {/* Image Header */}
-
- {classroom.course?.imageUrl ? (
-
- ) : (
-
-
- )}
-
- {/* Status Badge */}
-
-
- {classroom.status}
-
+
+
- [] {
}
},
{
- accessorKey: 'classCode',
- header: tc('tableHeader.classCode'),
+ accessorKey: 'name',
+ header: () => [] {
cell: ({ row }) => {}
},
- {
- accessorKey: 'grade',
- header: tc('tableHeader.grade')
- },
-
{
accessorKey: 'teacherNameAndEmail',
header: () =>
+
+
+ {t('list.header')}
+{t('list.description')}
+
+ setSearch(val)}
+ />
+ setStatusFilter(value)}
+ options={statusOptions.filter((option) => option.value !== ClassroomStatus.DELETED)}
+ />
+
+
+ {isLoading && (
+
+
+ )}
+
+ {/* Classroom Grid */}
+
+ {classrooms.map((classroom) => (
+
+
+ {/* Image Header */}
+
-
-
+ {classroom.course?.imageUrl ? (
+
+ ) : (
+
-
+
+ )}
- {/* Title & Grade */}
-
+
)
}
diff --git a/src/features/classroom/components/list/table/ClassroomColumn.tsx b/src/features/classroom/components/list/table/ClassroomColumn.tsx
index f5a315486..a781292e4 100644
--- a/src/features/classroom/components/list/table/ClassroomColumn.tsx
+++ b/src/features/classroom/components/list/table/ClassroomColumn.tsx
@@ -57,10 +57,10 @@ export function useGetClassroomColumn(): ColumnDef
-
- {classroom.grade}
-
-
- {classroom.course && (
- {classroom.name}
-
-
+
-
+ {/* Title & Grade */}
+
+
+ {statusTranslation(classroom.status)}
+
- )}
- {/* Date */}
- {classroom.name}
+ {/* Status Badge */} +
-
+ {classroom.course && (
+
+
+ )}
+
+ {/* Date */}
+
+
- {/* Students */}
-
-
-
-
-
- ))}
+
+
+
+ ))}
+
-
-
+
+
{tc('tableHeader.className')}
, cell: ({ row }) => { - return {row.original.classCode} + return {row.original.name} } }, { @@ -69,11 +69,6 @@ export function useGetClassroomColumn(): ColumnDef{tc('tableHeader.teacher')}
, diff --git a/src/features/classroom/components/schedule/ClassroomSchedule.tsx b/src/features/classroom/components/schedule/ClassroomSchedule.tsx index bf06b79c2..4c3d40a58 100644 --- a/src/features/classroom/components/schedule/ClassroomSchedule.tsx +++ b/src/features/classroom/components/schedule/ClassroomSchedule.tsx @@ -1,6 +1,7 @@ import { useGetClassroomScheduleQuery } from '@/features/classroom/api/classroomApi' import { cn } from '@/utils/shadcn/utils' import { useTranslations } from 'next-intl' +import { useRouter } from 'next/navigation' interface ClassroomScheduleProps { classroomId: number @@ -8,8 +9,9 @@ interface ClassroomScheduleProps { } export function ClassroomSchedule({ classroomId, className }: ClassroomScheduleProps) { - const t = useTranslations('dashboard.classroom.course') + const router = useRouter() const tc = useTranslations('common') + const t = useTranslations('dashboard.classroom.course') const { data, isLoading, error } = useGetClassroomScheduleQuery({ classroomId }) if (isLoading) { @@ -42,7 +44,10 @@ export function ClassroomSchedule({ classroomId, className }: ClassroomScheduleP {schedule.courseSchedule.map((courseSchedule) => (
{/* Course Header */}
-
+ {
+ const scene = new THREE.Scene()
+
+ /* ================= ENVIRONMENT ================= */
+ scene.background = new THREE.Color(assembly.scene.environment.background)
+
+ const ambient = new THREE.AmbientLight(assembly.scene.environment.lighting.ambient)
+ scene.add(ambient)
+
+ const dir = assembly.scene.environment.lighting.directional
+ const directional = new THREE.DirectionalLight(dir.color, dir.intensity)
+ directional.position.set(dir.position.x, dir.position.y, dir.position.z)
+ scene.add(directional)
+
+ /* ================= STRAWS ================= */
+ for (const strawGroup of assembly.instances.straws) {
+ for (const instance of strawGroup.instances) {
+ const geometry = new THREE.CylinderGeometry(0.3, 0.3, 10, 16)
+ const material = new THREE.MeshStandardMaterial({ color: '#4f46e5' })
+
+ const mesh = new THREE.Mesh(geometry, material)
+
+ mesh.position.set(instance.transform.position.x, instance.transform.position.y, instance.transform.position.z)
+
+ mesh.rotation.set(instance.transform.rotation.x, instance.transform.rotation.y, instance.transform.rotation.z)
+
+ mesh.scale.set(1,1,1)
+
+ mesh.name = instance.id
+ scene.add(mesh)
+ }
+ }
+
+ /* ================= CONNECTORS ================= */
+ const loader = new GLTFLoader()
+
+ for (const connectorGroup of assembly.instances.connectors) {
+ for (const instance of connectorGroup.instances) {
+ const gltf = await loader.loadAsync('/models/connector_3legs.glb')
+ const mesh = gltf.scene.clone()
+
+ mesh.position.set(instance.transform.position.x, instance.transform.position.y, instance.transform.position.z)
+
+ mesh.rotation.set(instance.transform.rotation.x, instance.transform.rotation.y, instance.transform.rotation.z)
+
+ mesh.scale.set(1,1,1)
+
+ mesh.name = instance.id
+ scene.add(mesh)
+ }
+ }
+
+ return scene
+}
diff --git a/src/features/creator-3d/hooks/exportGlb.ts b/src/features/creator-3d/hooks/exportGlb.ts
new file mode 100644
index 000000000..8e74ff399
--- /dev/null
+++ b/src/features/creator-3d/hooks/exportGlb.ts
@@ -0,0 +1,32 @@
+// exportGlb.ts
+import { buildSceneFromAssembly } from './buildSceneFromAssembly'
+import { ExportedAssembly } from '@/features/assembly/types/assembly.types'
+import { GLTFExporter } from 'three-stdlib'
+
+export async function exportGLB(assembly: ExportedAssembly, fileName = 'assembly.glb') {
+ const scene = await buildSceneFromAssembly(assembly)
+
+ const exporter = new GLTFExporter()
+
+ exporter.parse(
+ scene,
+ (glb) => {
+ const blob = new Blob([glb as ArrayBuffer], {
+ type: 'model/gltf-binary'
+ })
+
+ const url = URL.createObjectURL(blob)
+
+ const a = document.createElement('a')
+ a.href = url
+ a.download = fileName
+ a.click()
+
+ URL.revokeObjectURL(url)
+ },
+ (error) => {
+ console.error('GLB export error:', error)
+ },
+ { binary: true }
+ )
+}
diff --git a/src/features/dashboard/components/table/StudentProgressStatistic.tsx b/src/features/dashboard/components/table/StudentProgressStatistic.tsx
index 84e50415a..9f4e760ce 100644
--- a/src/features/dashboard/components/table/StudentProgressStatistic.tsx
+++ b/src/features/dashboard/components/table/StudentProgressStatistic.tsx
@@ -1,35 +1,26 @@
'use client'
import * as React from 'react'
-import { Download, CheckCircle2, Circle, Clock, Bot, AlertTriangle, Sparkles, X, BrainCircuit } from 'lucide-react'
+import { Download, CheckCircle2, Circle, Clock, Bot, AlertTriangle, Sparkles, BrainCircuit } from 'lucide-react'
import { Button } from '@/components/shadcn/button'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/shadcn/select'
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/shadcn/table'
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/shadcn/accordion'
-import { useGetClassroomByIdQuery, useGetClassroomStudentProgressQuery } from '@/features/classroom/api/classroomApi'
-import { StudentProgressItem } from '@/features/classroom/types/classroom.type'
+import {
+ useAnalyzeClassroomProgressMutation,
+ useGetClassroomByIdQuery,
+ useGetClassroomStudentProgressQuery,
+} from '@/features/classroom/api/classroomApi'
+import { StudentProgressItem, AiStudentAnalysisResult } from '@/features/classroom/types/classroom.type'
import { useTranslations } from 'next-intl'
import Loading from 'app/[locale]/loading'
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/shadcn/tooltip'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/shadcn/card'
import { Badge } from '@/components/shadcn/badge'
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/shadcn/dialog'
-import { ScrollArea } from '@/components/shadcn/scroll-area'
-
-// --- TYPES MOCK ---
-type AtRiskStudentAnalysis = {
- studentId: string
- severity: 'High' | 'Medium'
- reason: string
- recommendation: string
-}
-
-type AiAnalysisResponse = {
- classOverview: string
- atRiskStudents: AtRiskStudentAnalysis[]
-}
+import { toast } from 'sonner' // Thêm toast để báo lỗi nếu cần
interface CourseType {
id: number
@@ -51,10 +42,14 @@ export function StudentProgressStatistic({ classroomId, courses }: StudentProgre
const [currentLessonId, setCurrentLessonId] = React.useState('')
// AI States
- const [isAnalyzing, setIsAnalyzing] = React.useState(false)
- const [aiData, setAiData] = React.useState(null)
- const [filterAtRisk, setFilterAtRisk] = React.useState(false) // State để toggle filter học sinh yếu
- const [selectedAnalysisStudent, setSelectedAnalysisStudent] = React.useState(null) // State cho modal chi tiết
+ const [aiData, setAiData] = React.useState<{
+ overviewText: string;
+ students: AiStudentAnalysisResult[];
+ atRiskCount: number;
+ } | null>(null)
+
+ const [filterAtRisk, setFilterAtRisk] = React.useState(false)
+ const [selectedAnalysisStudent, setSelectedAnalysisStudent] = React.useState(null)
// --- QUERIES ---
const { data: classroomRes } = useGetClassroomByIdQuery(classroomId, {
@@ -62,6 +57,8 @@ export function StudentProgressStatistic({ classroomId, courses }: StudentProgre
})
const curriculum = classroomRes?.data?.course
+ const [analyzeTrigger, { isLoading: isAnalyzing }] = useAnalyzeClassroomProgressMutation()
+
React.useEffect(() => {
if (courses.length > 0 && !selectedCourseId) {
setSelectedCourseId(String(courses[0].id))
@@ -88,32 +85,33 @@ export function StudentProgressStatistic({ classroomId, courses }: StudentProgre
const currentLesson = lessons.find((l) => String(l.lessonId) === currentLessonId)
- // --- MOCK API CALL ---
const handleAnalyzeClassroom = async () => {
- if (students.length === 0) return
- setIsAnalyzing(true)
-
- // delay API
- setTimeout(() => {
- const atRiskMock: AtRiskStudentAnalysis[] = students.slice(0, 2).map((s, index) => ({
- studentId: s.studentId,
- severity: index === 0 ? 'High' : 'Medium',
- reason: index === 0
- ? 'Học sinh chưa hoàn thành 3 bài tập liên tiếp và điểm Quiz trung bình dưới 50%.'
- : 'Học sinh có xu hướng nộp bài muộn và thời gian tương tác với bài học thấp.',
- recommendation: index === 0
- ? 'Cần tổ chức buổi phụ đạo 1-1 về kiến thức căn bản của bài Lesson 3.'
- : 'Giáo viên nên nhắc nhở về kỷ luật nộp bài và khuyến khích tham gia thảo luận nhóm.'
- }))
-
- const mockResponse: AiAnalysisResponse = {
- classOverview: `Lớp học đang có tiến độ tốt với 80% học sinh hoàn thành đúng hạn. Tuy nhiên, mức độ hiểu bài ở phần "Advanced Concepts" có vẻ thấp hơn trung bình. Cần chú ý nhóm học sinh có nguy cơ tụt hậu.`,
- atRiskStudents: atRiskMock
+ try {
+ const response = await analyzeTrigger({
+ classroom_id: classroomId,
+ force_mock: false,
+ analysis_period_days: 7
+ }).unwrap()
+
+ if (response.data) {
+ const atRiskStudents = response.data.students.filter(s => s.currentStatus === 'AtRisk')
+
+ setAiData({
+ overviewText: response.data.overviewText || response.data.aiInsightsText,
+ students: atRiskStudents,
+ atRiskCount: atRiskStudents.length
+ })
+
+ if (atRiskStudents.length > 0) {
+ toast.success(`AI found ${atRiskStudents.length} students at risk.`)
+ } else {
+ toast.info("AI analysis complete. Great job! No students currently at risk.")
+ }
}
-
- setAiData(mockResponse)
- setIsAnalyzing(false)
- }, 1500)
+ } catch (error) {
+ console.error("AI Analysis Failed:", error)
+ toast.error("Failed to analyze progress. Please try again later.")
+ }
}
// --- HELPERS ---
@@ -137,10 +135,11 @@ export function StudentProgressStatistic({ classroomId, courses }: StudentProgre
}
}
- // Filter students if toggle is on
const displayedStudents = React.useMemo(() => {
if (!filterAtRisk || !aiData) return students
- const atRiskIds = aiData.atRiskStudents.map(s => s.studentId)
+
+ const atRiskIds = aiData.students.map(s => s.studentId)
+
return students.filter(s => atRiskIds.includes(s.studentId))
}, [students, filterAtRisk, aiData])
@@ -154,7 +153,7 @@ export function StudentProgressStatistic({ classroomId, courses }: StudentProgre
router.push(`/resource/course/${courseSchedule.courseId}/learn`)}
+ >
diff --git a/src/features/classroom/components/ui/ClassroomSubHeader.tsx b/src/features/classroom/components/ui/ClassroomSubHeader.tsx
index d92ebbf4b..634cd298a 100644
--- a/src/features/classroom/components/ui/ClassroomSubHeader.tsx
+++ b/src/features/classroom/components/ui/ClassroomSubHeader.tsx
@@ -1,27 +1,32 @@
'use client'
-import Link from 'next/link'
-import { usePathname } from 'next/navigation'
import { cn } from '@/utils/shadcn/utils'
-import { useTranslations } from 'next-intl'
+import { useLocale, useTranslations } from 'next-intl'
import { Avatar, AvatarFallback, AvatarImage } from '@/components/shadcn/avatar'
-import { Button } from '@/components/shadcn/button'
-import { ArrowLeft, Calendar, GraduationCap } from 'lucide-react'
+import { Calendar, GraduationCap } from 'lucide-react'
import { Badge } from '@/components/shadcn/badge'
import { getStatusBadgeClass } from '@/utils/badgeColor'
import { Classroom } from '@/features/classroom/types/classroom.type'
-import { format } from 'date-fns'
import { ClassroomNavItems } from 'app/[locale]/classroom/[classroomId]/page'
+import { formatDate, useStatusTranslation } from '@/utils/index'
+import BackButton from '@/components/shared/button/BackButton'
interface Props {
- curriculumId?: number
classroom: Classroom
currentTab: ClassroomNavItems
setCurrentTab: (tab: ClassroomNavItems) => void
}
-export default function ClassroomSubHeader({ classroom, curriculumId, currentTab, setCurrentTab }: Props) {
+export default function ClassroomSubHeader({ classroom, currentTab, setCurrentTab }: Props) {
+ const locale = useLocale()
const t = useTranslations('Header')
+ const statusTranslation = useStatusTranslation()
+ const tClassroom = useTranslations('classroom.detail')
+
+ const MAX_VISIBLE = 2
+ const totalStudents = classroom.students.length
+ const visibleStudents = classroom.students.slice(0, MAX_VISIBLE)
+ const remaining = totalStudents - MAX_VISIBLE
const subNavItems: { name: string; currentTab: ClassroomNavItems }[] = [
{ name: 'overview', currentTab: 'overview' },
@@ -41,14 +46,7 @@ export default function ClassroomSubHeader({ classroom, curriculumId, currentTab
{courseSchedule.courseTitle}
{/* Left - Classroom Info */}
organizationSubscriptionOrderId: number
@@ -30,14 +35,16 @@ export type Classroom = {
export type ClassroomSliceParams = {
teacherId?: string
- status?: 'upcoming' | 'inprogress' | 'completed' | 'endsoon'
+ status?: ClassroomStatus
courseId?: number
} & SliceQueryParams
// Pending, InProgress, Completed, Deleted
export enum ClassroomStatus {
+ ALL = 'all', // for filter purpose
PENDING = 'Pending',
IN_PROGRESS = 'InProgress',
+ UPCOMING = 'Upcoming',
COMPLETED = 'Completed',
DELETED = 'Deleted'
}
@@ -199,17 +206,25 @@ export type ClassroomStudentGroup = {
studentIds: string[]
}
-// AI Analyses
+// =============== AI ANALYSIS TYPES ===============
+
+export type AiAnalysisRequest = {
+ classroom_id: number
+ force_mock: boolean
+ analysis_period_days: number
+}
+
+export type AiStudentAnalysisResult = {
+ studentId: string
+ progressPercent: number
+ currentStatus: string
+ statusText: string
+ currentSection: string | null
+ interventionText: string
+}
+
export type AiAnalysisResponse = {
- classOverview: string;
- atRiskCount: number;
- atRiskStudents: AtRiskStudentAnalysis[];
-}
-
-export type AtRiskStudentAnalysis = {
- studentId: string;
- studentName: string;
- severity: 'High' | 'Medium' | 'Low';
- reason: string;
- recommendation: string;
-}
\ No newline at end of file
+ overviewText: string
+ students: AiStudentAnalysisResult[]
+ aiInsightsText: string
+}
diff --git a/src/features/creator-3d/components/creator3d/Creator3D.tsx b/src/features/creator-3d/components/creator3d/Creator3D.tsx
index fd7712519..64b5745c4 100644
--- a/src/features/creator-3d/components/creator3d/Creator3D.tsx
+++ b/src/features/creator-3d/components/creator3d/Creator3D.tsx
@@ -27,6 +27,8 @@ import { useParams } from 'next/navigation'
import { useUpdateEmulatorMutation } from '@/features/emulator/api/emulatorApi'
import { ApiSuccessResponse } from '@/types/baseModel'
import { Emulator } from '@/features/emulator/types/emulator.type'
+import { buildSceneFromAssembly } from '@/features/creator-3d/hooks/buildSceneFromAssembly'
+import { exportGLB } from '@/features/creator-3d/hooks/exportGlb'
type Creator3DProps = {
emulatorData: ApiSuccessResponse | undefined
}
@@ -531,6 +533,16 @@ export default function Creator3D({ emulatorData }: Creator3DProps) {
[dispatch]
)
+ const handleExportGLB = async () => {
+ const assembly = exportAssemblyFn({
+ title: `Assembly ${workspaceId}`,
+ description: 'Exported from workspace',
+ author: 'STEMify User'
+ })
+
+ await exportGLB(assembly, 'workspace.glb')
+ }
+
// Thêm vào Creator3D component
const handleFileSelect = useCallback(
async (e: React.ChangeEvent) => {
@@ -599,6 +611,7 @@ export default function Creator3D({ emulatorData }: Creator3DProps) {
0}
/>
diff --git a/src/features/creator-3d/components/creator3d/SceneActions.tsx b/src/features/creator-3d/components/creator3d/SceneActions.tsx
index 947913ea7..514251d44 100644
--- a/src/features/creator-3d/components/creator3d/SceneActions.tsx
+++ b/src/features/creator-3d/components/creator3d/SceneActions.tsx
@@ -4,9 +4,10 @@ interface SceneActionsProps {
onSave: () => void
onImportJSON?: () => void
hasObjects: boolean
+ onExportGLB?: () => void
}
-export function SceneActions({ onSave, onImportJSON, hasObjects }: SceneActionsProps) {
+export function SceneActions({ onSave, onImportJSON, onExportGLB }: SceneActionsProps) {
const t3d = useTranslations('creator3D.main_content')
return (
-
+ setSelectedGroups(groups)} />
+ setSelectedGroups(groups)} />
{/* Basic Information Section */}
diff --git a/src/features/classroom/types/classroom.type.ts b/src/features/classroom/types/classroom.type.ts
index d0bc13881..55a576511 100644
--- a/src/features/classroom/types/classroom.type.ts
+++ b/src/features/classroom/types/classroom.type.ts
@@ -22,7 +22,12 @@ export type Classroom = {
classCode: string
status: ClassroomStatus
numberOfStudents: number
- students: any[]
+ students: {
+ id: string
+ name: string
+ email: string
+ imageUrl: string
+ }[]
course: Course
// curriculum: Pick
{classroom.name?.charAt(0).toUpperCase() ?? 'C'}
@@ -56,37 +54,46 @@ export default function ClassroomSubHeader({ classroom, curriculumId, currentTab
{classroom.status}
+
+ {statusTranslation(classroom.status)}
+
- {classroom.name ?? 'Classroom'}
-
- Students:
-
diff --git a/src/features/classroom/components/upsert/CreateClassroom.tsx b/src/features/classroom/components/upsert/CreateClassroom.tsx
index a3c03f6af..a50188b63 100644
--- a/src/features/classroom/components/upsert/CreateClassroom.tsx
+++ b/src/features/classroom/components/upsert/CreateClassroom.tsx
@@ -192,7 +192,7 @@ export default function CreateClassroom() {
-
- ST
+ {tClassroom('students.label')}:
+ {visibleStudents.map((student, index) => (
+ 0 && '-ml-2.5')}
+ >
+
+ {student.name
+ .split(' ')
+ .map((n: string) => n[0])
+ .join('')
+ .slice(0, 2)
+ .toUpperCase()}
+
-
- AI
+ ))}
+
+ {remaining > 0 && (
+
+ +{remaining}
-
-
+ )}
+
@@ -23,6 +24,13 @@ export function SceneActions({ onSave, onImportJSON, hasObjects }: SceneActionsP
>
{t3d('import_assembly')}
+
+
)
}
diff --git a/src/features/creator-3d/hooks/buildSceneFromAssembly.ts b/src/features/creator-3d/hooks/buildSceneFromAssembly.ts
new file mode 100644
index 000000000..8b29d61a3
--- /dev/null
+++ b/src/features/creator-3d/hooks/buildSceneFromAssembly.ts
@@ -0,0 +1,59 @@
+// buildSceneFromAssembly.ts
+import * as THREE from 'three'
+import { Assembly, ExportedAssembly } from '@/features/assembly/types/assembly.types'
+import { GLTFLoader } from 'three-stdlib'
+
+export async function buildSceneFromAssembly(assembly: ExportedAssembly): Promise