Improve Browser and App tab empty state guidance (#12418)

frontend/src/i18n/translation.json

@@ -8688,20 +8688,20 @@
     "uk": "Відключено. Будь ласка, оновіть сторінку"
   },
   "BROWSER$NO_PAGE_LOADED": {
-    "en": "No page loaded",
-    "ja": "ブラウザは空です",
-    "zh-CN": "页面未加载",
-    "zh-TW": "未載入任何頁面",
-    "de": "Keine Seite geladen",
-    "ko-KR": "페이지가 로드되지 않았습니다",
-    "no": "Ingen side lastet",
-    "it": "Nessuna pagina caricata",
-    "pt": "Nenhuma página carregada",
-    "es": "Ninguna página cargada",
-    "ar": "لم يتم تحميل أي صفحة",
-    "fr": "Aucune page chargée",
-    "tr": "Sayfa yüklenmedi",
-    "uk": "Сторінка не завантажена"
+    "en": "No page loaded yet. Ask OpenHands to open a URL. Example: \"Open https://example.com\"",
+    "ja": "まだページは読み込まれていません。OpenHandsにURLを開くよう指示してください。例: \"Open https://example.com\"",
+    "zh-CN": "尚未加载页面。请使用OpenHands打开网址。示例：\"Open https://example.com\"",
+    "zh-TW": "尚未載入頁面。請指示 OpenHands 開啟網址。範例：\"Open https://example.com\"",
+    "de": "Es wurde noch keine Seite geladen. Bitten Sie OpenHands, eine URL zu öffnen. Beispiel: \"Open https://example.com\"",
+    "ko-KR": "아직 페이지가 로드되지 않았습니다. OpenHands에 URL을 열도록 요청하세요. 예시: \"Open https://example.com\"",
+    "no": "Ingen side er lastet inn ennå. Be OpenHands om å åpne en URL. Eksempel: \"Open https://example.com\"",
+    "it": "Nessuna pagina caricata. Chiedi a OpenHands di aprire un URL. Esempio: \"Open https://example.com\"",
+    "pt": "Ainda não foi carregada nenhuma página. Peça ao OpenHands para abrir um URL. Exemplo: \"Open https://example.com\"",
+    "es": "Aún no se ha cargado ninguna página. Pídele a OpenHands que abra una URL. Ejemplo: \"Open https://example.com\"",
+    "ar": "لم يتم تحميل أي صفحة بعد. اطلب من OpenHands فتح عنوان URL. مثال: \"Open https://example.com\"",
+    "fr": "Aucune page n'a encore été chargée. Demandez à OpenHands d'ouvrir une URL. Exemple : \"Open https://example.com\"",
+    "tr": "Henüz hiçbir sayfa yüklenmedi. OpenHands'e bir URL açmasını isteyin. Örnek: \"Open https://example.com\"",
+    "uk": "Сторінка ще не завантажена. Попросіть OpenHands відкрити URL-адресу. Приклад: \"Open https://example.com\""
   },
   "USER$AVATAR_PLACEHOLDER": {
     "en": "user avatar placeholder",
@@ -11952,20 +11952,20 @@
     "uk": "Необов'язково"
   },
   "BROWSER$SERVER_MESSAGE": {
-    "en": "Start a webserver to run the application",
-    "ja": "アプリケーションを実行するためにWebサーバーを起動してください",
-    "zh-CN": "启动Web服务器来运行应用程序",
-    "zh-TW": "啟動Web伺服器來運行應用程式",
-    "ko-KR": "애플리케이션을 실행하기 위해 웹서버를 시작하세요",
-    "no": "Start en webserver for å kjøre applikasjonen",
-    "it": "Avvia un webserver per eseguire l'applicazione",
-    "pt": "Inicie um servidor web para executar a aplicação",
-    "es": "Inicia un servidor web para ejecutar la aplicación",
-    "ar": "ابدأ خادم ويب لتشغيل التطبيق",
-    "fr": "Démarrez un serveur web pour exécuter l'application",
-    "tr": "Uygulamayı çalıştırmak için bir web sunucusu başlatın",
-    "de": "Starten Sie einen Webserver, um die Anwendung auszuführen",
-    "uk": "Запустіть веб-сервер для запуску додатка"
+    "en": "No web app running. Ask OpenHands to start your project's dev server (for example: npm run dev) to see your web application here.",
+    "ja": "Webアプリケーションが実行されていません。OpenHands にプロジェクトの開発サーバーを起動するよう指示してください（例: npm run dev）。そうすれば、ここでWebアプリケーションを確認できます。",
+    "zh-CN": "未运行任何网页应用。请让 OpenHands 启动您项目的开发服务器（例如：npm run dev），即可在此处查看您的网页应用。",
+    "zh-TW": "未執行任何網頁應用程式。請指示 OpenHands 啟動專案的開發伺服器（例如：npm run dev），即可在此處檢視您的網頁應用程式。",
+    "ko-KR": "웹 애플리케이션이 실행 중이 아닙니다. OpenHands에 프로젝트의 개발 서버를 시작하도록 요청하세요(예: npm run dev). 그러면 여기에서 웹 애플리케이션을 볼 수 있습니다.",
+    "no": "Ingen webapp kjører. Be OpenHands om å starte prosjektets utviklingsserver (for eksempel: npm run dev) for å se webapplikasjonen din her.",
+    "it": "Nessuna applicazione web in esecuzione. Chiedi a OpenHands di avviare il server di sviluppo del tuo progetto (ad esempio: npm run dev) per visualizzare qui la tua applicazione web.",
+    "pt": "Nenhum aplicativo web em execução. Peça ao OpenHands para iniciar o servidor de desenvolvimento do seu projeto (por exemplo: npm run dev) para ver o seu aplicativo web aqui.",
+    "es": "No hay ninguna aplicación web en ejecución. Pide a OpenHands que inicie el servidor de desarrollo de tu proyecto (por ejemplo: npm run dev) para ver tu aplicación web aquí.",
+    "ar": "لا يوجد تطبيق ويب قيد التشغيل. اطلب من OpenHands بدء تشغيل خادم التطوير الخاص بمشروعك (على سبيل المثال: npm run dev) لعرض تطبيق الويب الخاص بك هنا.",
+    "fr": "Aucune application web n'est en cours d'exécution. Demandez à OpenHands de démarrer le serveur de développement de votre projet (par exemple : npm run dev) pour voir votre application web ici.",
+    "tr": "Çalışan web uygulaması yok. Web uygulamanızı burada görmek için OpenHands'ten projenizin geliştirme sunucusunu başlatmasını isteyin (örneğin: npm run dev).",
+    "de": "Keine Web-App läuft. Bitten Sie OpenHands, den Entwicklungsserver Ihres Projekts zu starten (zum Beispiel: npm run dev), um Ihre Web-Anwendung hier anzuzeigen.",
+    "uk": "Веб-додаток не працює. Попросіть OpenHands запустити сервер розробки вашого проєкту (наприклад: npm run dev), щоб побачити ваш веб-додаток тут."
   },
   "API$NO_KEY_AVAILABLE": {
     "en": "No API key available",