feat(devbox): navigates to devbox detail after create (#22)

Author: dines-rl

src/commands/devbox/list.tsx

@@ -558,8 +558,12 @@ const ListDevboxesUI = ({
         onBack={() => {
           setShowCreate(false);
         }}
-        onCreate={() => {
+        onCreate={(devbox) => {
           setShowCreate(false);
+          // Navigate to the newly created devbox's detail page
+          if (onNavigateToDetail) {
+            onNavigateToDetail(devbox.id);
+          }
         }}
       />
     );

src/screens/DevboxCreateScreen.tsx

@@ -3,15 +3,16 @@
  * Refactored from components/DevboxCreatePage.tsx
  */
 import React from "react";
+import type { DevboxView } from "@runloop/api-client/resources/devboxes/devboxes";
 import { useNavigation } from "../store/navigationStore.js";
 import { DevboxCreatePage } from "../components/DevboxCreatePage.js";
 
 export function DevboxCreateScreen() {
-  const { goBack } = useNavigation();
+  const { goBack, navigate } = useNavigation();
 
-  const handleCreate = () => {
-    // After creation, go back to list (which will refresh)
-    goBack();
+  const handleCreate = (devbox: DevboxView) => {
+    // After creation, navigate to the devbox detail page
+    navigate("devbox-detail", { devboxId: devbox.id });
   };
 
   return <DevboxCreatePage onBack={goBack} onCreate={handleCreate} />;

tests/__mocks__/signal-exit.ts

@@ -7,3 +7,4 @@ const noop = () => () => {};
 export default noop;
 export const onExit = noop;
 
+