Add notebook button and update routine creation logic in App.tsx

src/app/App.tsx

@@ -3790,8 +3790,9 @@ export function App({ store, initialStatusMessage }: AppProps) {
     }
 
     try {
-      const nextRoutine = cloneProjectScheduleRoutine(currentRoutine);
-      mutate(nextRoutine);
+      const draftRoutine = cloneProjectScheduleRoutine(currentRoutine);
+      mutate(draftRoutine);
+      const nextRoutine = createProjectScheduleRoutine(draftRoutine);
       const nextScheduler = upsertProjectScheduleRoutine(
         cloneProjectScheduler(editorState.projectDocument.scheduler),
         nextRoutine
@@ -10265,6 +10266,21 @@ export function App({ store, initialStatusMessage }: AppProps) {
                   </div>
                 </div>
 
+                <div className="form-section">
+                  <div className="label">Notebook</div>
+                  <button
+                    className="toolbar__button toolbar__button--compact"
+                    type="button"
+                    onClick={() => setSchedulePaneOpen(true)}
+                  >
+                    Open Schedule
+                  </button>
+                  <div className="material-summary">
+                    Actor routines now own time-based presence orchestration and
+                    resolve through the shared control surface.
+                  </div>
+                </div>
+
                 <div className="form-section">
                   <div className="label">Cycle Settings</div>
                   <div className="vector-inputs vector-inputs--two">