fix: roll back URDF changes and fix only what is needed

Dockerfile

@@ -22,18 +22,9 @@ RUN npm install
 # Copy the entire viewer directory
 COPY --chown=user viewer/ .
 
-# # Debug: List all files in the src/components directory
-# RUN echo "=== Listing src/components directory ===" && \
-#     ls -la src/components && \
-#     echo "=== Listing UrdfViewer file specifically ===" && \
-#     ls -la src/components/UrdfViewer* && \
-#     echo "=== Current working directory ===" && \
-#     pwd && \
-#     echo "=== Directory structure ===" && \
-#     find . -type f -name "*.tsx" | sort
-
-# Ensure proper file permissions
-RUN chmod -R 755 .
+# Ensure proper file permissions and ownership
+RUN chmod -R 755 . && \
+    chown -R user:user .
 
 # Build the application
 RUN npm run build
@@ -42,4 +33,4 @@ RUN npm run build
 EXPOSE 7860
 
 # Start the application
-CMD ["npm", "run", "preview", "--", "--port", "7860", "--host"]
+CMD ["npm", "run", "preview", "--", "--port", "7860", "--host"]

viewer/nginx.conf

@@ -1,10 +0,0 @@
-server {
-    listen 7860;
-    server_name localhost;
-
-    location / {
-        root /usr/share/nginx/html;
-        index index.html index.htm;
-        try_files $uri $uri/ /index.html;
-    }
-}

viewer/src/components/UrdfViewer.tsx

@@ -18,12 +18,12 @@ if (typeof window !== "undefined" && !customElements.get("urdf-viewer")) {
 }
 
 // Extend the interface for the URDF viewer element to include background property
-interface URDFViewerElement extends HTMLElement {
+interface UrdfViewerElement extends HTMLElement {
   background?: string;
   setJointValue?: (jointName: string, value: number) => void;
 }
 
-const URDFViewer: React.FC = () => {
+const UrdfViewer: React.FC = () => {
   const { theme } = useTheme();
   const isDarkMode = theme === "dark";
   const containerRef = useRef<HTMLDivElement>(null);
@@ -34,7 +34,7 @@ const URDFViewer: React.FC = () => {
   // Add state for animation control
   useState<boolean>(isDefaultModel);
   const cleanupAnimationRef = useRef<(() => void) | null>(null);
-  const viewerRef = useRef<URDFViewerElement | null>(null);
+  const viewerRef = useRef<UrdfViewerElement | null>(null);
   const hasInitializedRef = useRef<boolean>(false);
 
   // Add state for custom URDF path
@@ -171,4 +171,4 @@ const URDFViewer: React.FC = () => {
   );
 };
 
-export default URDFViewer;
+export default UrdfViewer;

viewer/src/components/layout/Layout.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import UrdfViewer from "@/components/UrdfViewer";
 import { Sidebar, SidebarBody } from "@/components/ui/sidebar";
-import { LayoutDashboard, PanelLeft, RotateCcw } from "lucide-react";
+import { PanelLeft, RotateCcw } from "lucide-react";
 import { useUrdf } from "@/hooks/useUrdf";
 import { Button } from "../ui/button";
 import { useTheme } from "@/hooks/useTheme";