some updates

Author: soohoonc

bun.lockb

@@ -12,40 +12,40 @@
     "deploy": "gh-pages -d out"
   },
   "dependencies": {
-    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.11",
     "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-navigation-menu": "^1.2.5",
-    "@radix-ui/react-scroll-area": "^1.2.3",
-    "@radix-ui/react-slot": "^1.1.2",
-    "caniuse-lite": "^1.0.30001707",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-slot": "^1.2.3",
+    "caniuse-lite": "^1.0.30001727",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "glob": "^11.0.1",
+    "glob": "^11.0.3",
     "lodash": "^4.17.21",
     "lucide-react": "^0.456.0",
-    "next": "^15.2.3",
+    "next": "^15.4.4",
     "next-themes": "^0.4.6",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rehype-sanitize": "^6.0.0",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
     "remark-html": "^16.0.1",
     "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.1",
-    "semver": "^7.7.1",
+    "remark-rehype": "^11.1.2",
+    "semver": "^7.7.2",
     "unified": "^11.0.5",
     "wasm": "^1.0.0",
     "wasm-pack": "^0.13.1"
   },
   "devDependencies": {
-    "@types/lodash": "^4.17.16",
+    "@types/lodash": "^4.17.20",
     "@types/node": "22.9.0",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "autoprefixer": "10.4.20",
-    "bun-types": "^1.2.5",
+    "bun-types": "^1.2.19",
     "eslint": "9.14.0",
     "eslint-config-next": "15.0.3",
     "gh-pages": "^6.3.0",

package.json

@@ -1,11 +1,35 @@
 
+import React from 'react'
+
+export type MenuItem = {
+  label: string
+  dropdown: React.ReactNode
+}
+
+export const menuItems: MenuItem[] = [
+  {
+    label: 'Finder',
+    dropdown: <div>Finder Menu</div>
+  },
+  {
+    label: 'File',
+    dropdown: <div>File Menu</div>
+  },
+  {
+    label: 'Edit',
+    dropdown: <div>Edit Menu</div>
+  },
+  {
+    label: 'View',
+    dropdown: <div>View Menu</div>
+  }
+]
 
 interface FinderProps {
   path?: string;
 }
 
 const Finder = ({ path = '/home/soohoon' }: FinderProps) => {
-
   return (
     <div>
       <h1>Finder</h1>

src/components/applications/finder.tsx

@@ -1,6 +1,7 @@
 "use client"
 
-import type { Application, DesktopIcon } from '@/providers/desktop'
+import type { DesktopIcon } from '@/providers/desktop'
+import type { Application } from '@/providers/os'
 
 
 export const icons: DesktopIcon[] = [
@@ -33,18 +34,17 @@ export const icons: DesktopIcon[] = [
   },
 ]
 
-// Export applications configuration
 export const applications: Application[] = [
   {
     name: 'Finder',
-    command: 'finder',
+    command: 'finder'
   },
   {
     name: 'Terminal',
-    command: 'terminal',
+    command: 'terminal'
   },
   {
     name: 'Teach Text',
-    command: 'teach-text',
+    command: 'teach-text'
   },
 ]

src/components/applications/index.tsx

@@ -1,5 +1,26 @@
+import React from 'react'
 import { fs } from '@/data/fs'
 
+export type MenuItem = {
+  label: string
+  dropdown: React.ReactNode
+}
+
+export const menuItems: MenuItem[] = [
+  {
+    label: 'File',
+    dropdown: <div>File Menu</div>
+  },
+  {
+    label: 'Edit',
+    dropdown: <div>Edit Menu</div>
+  },
+  {
+    label: 'Format',
+    dropdown: <div>Format Menu</div>
+  }
+]
+
 interface TeachTextProps {
   path?: string;
 }

src/components/applications/teach-text.tsx

@@ -3,6 +3,26 @@
 import React from 'react';
 import { useOs } from '@/providers/os';
 
+export type MenuItem = {
+  label: string
+  dropdown: React.ReactNode
+}
+
+export const menuItems: MenuItem[] = [
+  {
+    label: 'Terminal',
+    dropdown: <div>Terminal Menu</div>
+  },
+  {
+    label: 'Shell',
+    dropdown: <div>Shell Menu</div>
+  },
+  {
+    label: 'Edit',
+    dropdown: <div>Edit Menu</div>
+  }
+]
+
 // Add missing utility functions and state
 const history = {
   messages: [] as { role: 'user' | 'assistant'; content: string }[],

src/components/applications/terminal.tsx

@@ -1,18 +1,46 @@
 "use client"
 
+import { useOs } from "@/providers/os"
+import { useDesktop } from "@/providers/desktop"
 import { useState, useEffect } from "react"
+import type { MenuItem } from "@/components/applications/finder"
+
+async function getMenuItemsForCommand(command: string): Promise<MenuItem[]> {
+  try {
+    const menuModule = await import(`@/components/applications/${command}`)
+    return menuModule.menuItems
+  } catch (error) {
+    console.warn(`No menu items found for command: ${command}`)
+    return []
+  }
+}
 
 export const MenuBar = () => {
   const [currentTime, setCurrentTime] = useState(new Date())
+  const [menuItems, setMenuItems] = useState<MenuItem[]>([])
+  const { selectedProcessId } = useDesktop()
+  const { pcb } = useOs()
 
   useEffect(() => {
-    const timer = setInterval(() => {
-      setCurrentTime(new Date())
-    }, 5000)
-
+    const timer = setInterval(() => setCurrentTime(new Date()), 5000)
     return () => clearInterval(timer)
   }, [])
 
+  useEffect(() => {
+    const selectedProcess = pcb.get(selectedProcessId)
+    if (!selectedProcess) {
+      setMenuItems([])
+      return
+    }
+
+    const loadMenuItems = async () => {
+      const items = await getMenuItemsForCommand(selectedProcess.command)
+      setMenuItems(items)
+    }
+
+    loadMenuItems()
+  }, [selectedProcessId, pcb])
+
   const formattedTime = currentTime.toLocaleTimeString([], {
     hour: "2-digit",
     minute: "2-digit",
@@ -27,10 +55,9 @@ export const MenuBar = () => {
         <div className="flex items-center">
           <span className="pl-4 pr-2 font-bold text-center text-xl">λ</span>
         </div>
-        <span>File</span>
-        <span>Edit</span>
-        <span>View</span>
-        <span>Special</span>
+        {menuItems.map((item) => (
+          <span key={item.label}>{item.label}</span>
+        ))}
       </div>
       <div className="ml-auto flex items-center space-x-2">
         <span>{formattedTime}</span>