ROBOTIS-GIT · Seongoo · May 27, 2025 · May 15, 2025 · May 19, 2025 · May 19, 2025
diff --git a/.gitignore b/.gitignore
@@ -175,3 +175,27 @@ cython_debug/
 
 ## IDE: vscode
 .vscode/
+
+# React / Node.js
+
+# dependencies
+node_modules/
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/physical_ai_manager/.gitignore b/physical_ai_manager/.gitignore
diff --git a/physical_ai_manager/README.md b/physical_ai_manager/README.md
diff --git a/physical_ai_manager/public/index.html b/physical_ai_manager/public/index.html
@@ -5,39 +5,13 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Physical AI Manager created using create-react-app"
-    />
+    <meta name="description" content="Physical AI Manager created using create-react-app" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>Physical AI Manager</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
   </body>
 </html>
diff --git a/physical_ai_manager/src/App.js b/physical_ai_manager/src/App.js
@@ -104,30 +104,7 @@ function HomePage({ topics, setTopics, rosHost, yamlContent }) {
         <div className="grid-wrapper" style={{ flex: 6, overflow: 'hidden' }}>
           <ImageGrid topics={topics} setTopics={setTopics} rosHost={rosHost} />
         </div>
-        {/* <div style={{ display: 'flex', flex: 2 }}>
-          <div className="right-panel">
-            <div
-              style={{
-                width: '100%',
-                height: '100px',
-                minHeight: 150,
-                display: 'flex',
-                justifyContent: 'center',
-              }}
-            >
-              <EpisodeStatus />
-            </div>
-            <div style={{ width: '100%', height: '50px' }}></div>
-            <TaskSelector
-              yamlContent={yamlContent}
-              onTaskSelect={(task) => console.log('Selected task:', task)}
-            />
-            <InfoPanel info={info} />
-          </div>
-        </div> */}
       </div>
-
-      {/* <ControlPanel /> */}
     </>
   );
 }
@@ -174,13 +151,6 @@ function App() {
           <MdHome size={32} style={{ marginBottom: 6 }} />
           <span>Home</span>
         </button>
-        {/* <button
-          className={`nav-btn${page === 'setting' ? ' active' : ''}`}
-          onClick={() => setPage('setting')}
-        >
-          <MdSettings size={32} style={{ marginBottom: 6 }} />
-          <span>Setting</span>
-        </button> */}
       </aside>
       <main className="main-content">
         {page === 'home' ? (

diff --git a/physical_ai_manager/src/components/ImageGrid.js b/physical_ai_manager/src/components/ImageGrid.js
@@ -64,10 +64,10 @@ function TopicSelectModal({ topicList, onSelect, onClose }) {
                 fontSize: 20,
                 background:
                   selected === topic
-                    ? 'rgba(21, 101, 192, 0.92)' // 선택: 더 진한 파랑 + 약간의 투명도
+                    ? 'rgba(21, 101, 192, 0.92)'
                     : hovered === topic
-                    ? '#90caf9' // hover: 연한 파랑
-                    : '#eee', // 기본: 연한 회색
+                    ? '#90caf9'
+                    : '#eee',
                 color: selected === topic ? '#fff' : '#000',
                 transition: 'background 0.2s',
               }}
@@ -153,7 +153,6 @@ export default function ImageGrid({ topics, setTopics, rosHost }) {
   const cellStyle = {};
 
   return (
-    //<div style={{backgroundColor: 'green', width: '100%', height: '100%', overflow: 'hidden'}}></div>
     <div style={{ width: '100%', height: '100%', overflow: 'hidden' }}>
       <div
         className="image-grid"

diff --git a/physical_ai_manager/src/logo.svg b/physical_ai_manager/src/logo.svg