feat(app): add Run button to titlebar for project startup commands

packages/app/src/components/titlebar.tsx

@@ -35,7 +35,10 @@ import { readSessionTabsRemovedDetail, SESSION_TABS_REMOVED_EVENT } from "@/comp
 import { useGlobal } from "@/context/global"
 import { ServerConnection, useServer } from "@/context/server"
 import { tabKey, useTabs } from "@/context/tabs"
-import type { PromptSession } from "@/context/prompt"
+import { useServerSync } from "@/context/server-sync"
+import { useSDK } from "@/context/sdk"
+import { defaultTitle } from "@/context/terminal-title"
+import { decode64 } from "@/utils/base64"
 import "./titlebar.css"
 import { newTabTooltipKeybind } from "./command-tooltip-keybind"
 import { normalizeSessionInfo } from "@/utils/session"
@@ -358,6 +361,60 @@ export function Titlebar(props: { update?: TitlebarUpdate; debugTools?: { visibl
 
             const [tabsAreOverflowing, setTabsAreOverflowing] = createSignal(false)
 
+            const getCurrentProject = () => {
+              const route = layout.route()
+              if (route.type === "session" || route.type === "draft") {
+                const conn = global.servers
+                  .list()
+                  .find((item) => ServerConnection.key(item) === (route.server ?? server.key))
+                if (!conn) return undefined
+                const serverCtx = global.ensureServerCtx(conn)
+                const worktree = route.type === "session" && session()?.directory
+                  ? session()!.directory
+                  : route.type === "draft"
+                    ? global
+                        .ensureServerCtx(conn)
+                        .projects.list()
+                        .find((p) => p.worktree === decode64(params.dir ?? ""))?.worktree
+                    : undefined
+                if (!worktree) return undefined
+                return serverCtx.projects.list().find((p) => p.worktree === worktree)
+              }
+              return undefined
+            }
+
+            const runProjectCommand = async () => {
+              const project = getCurrentProject()
+              if (!project?.commands?.start) return
+              const route = layout.route()
+              const conn = global.servers
+                .list()
+                .find((item) => ServerConnection.key(item) === (route.server ?? server.key))
+              if (!conn) return
+              const sdk = global.ensureServerCtx(conn).sdk
+              const worktree = project.worktree
+
+              const pty = await sdk.client.pty
+                .create({
+                  body: {
+                    command: project.commands.start,
+                    cwd: worktree,
+                    title: `Run: ${project.commands.start}`,
+                  },
+                  query: { directory: worktree },
+                })
+                .catch((error: unknown) => {
+                  console.error("Failed to create terminal for run command", error)
+                  return undefined
+                })
+
+              if (!pty?.data) return
+              layout.terminal.open()
+            }
+
+            const currentProject = () => getCurrentProject()
+            const hasRunCommand = () => !!currentProject()?.commands?.start
+
             return (
               <div
                 class="h-full flex-1 overflow-hidden flex flex-row items-center gap-1.5 px-2 md:pr-3"
@@ -395,6 +452,20 @@ export function Titlebar(props: { update?: TitlebarUpdate; debugTools?: { visibl
                   />
                 </TooltipV2>
 
+                <Show when={hasRunCommand()}>
+                  <TooltipV2 placement="bottom" value={language.t("command.project.run")}>
+                    <IconButtonV2
+                      type="button"
+                      variant="ghost-muted"
+                      size="large"
+                      class="shrink-0"
+                      icon={<IconV2 name="play" />}
+                      onClick={runProjectCommand}
+                      aria-label={language.t("command.project.run")}
+                    />
+                  </TooltipV2>
+                </Show>
+
                 <TitlebarTabStrip
                   tabs={tabsStore}
                   currentTab={currentTab}

packages/app/src/i18n/ar.ts

@@ -123,6 +123,7 @@ export const dict = {
   "command.project.previous": "المشروع السابق",
   "command.project.next": "المشروع التالي",
   "command.project.index": "التبديل إلى المشروع {{index}}",
+  "command.project.run": "تشغيل أمر التشغيل",
   "command.provider.connect": "اتصال بموفر",
   "command.server.switch": "تبديل الخادم",
   "command.settings.open": "فتح الإعدادات",

packages/app/src/i18n/br.ts

@@ -125,6 +125,7 @@ export const dict = {
   "command.project.previous": "Projeto anterior",
   "command.project.next": "Próximo projeto",
   "command.project.index": "Alternar para o projeto {{index}}",
+  "command.project.run": "Executar comando de inicialização",
   "command.provider.connect": "Conectar provedor",
   "command.server.switch": "Trocar servidor",
   "command.settings.open": "Abrir configurações",

packages/app/src/i18n/bs.ts

@@ -127,6 +127,7 @@ export const dict = {
   "command.project.previous": "Prethodni projekat",
   "command.project.next": "Sljedeći projekat",
   "command.project.index": "Prebaci na projekat {{index}}",
+  "command.project.run": "Pokreni naredbu pokretanja",
   "command.provider.connect": "Poveži provajdera",
   "command.server.switch": "Promijeni server",
   "command.settings.open": "Otvori postavke",

packages/app/src/i18n/da.ts

@@ -26,6 +26,7 @@ export const dict = {
   "command.project.previous": "Forrige projekt",
   "command.project.next": "Næste projekt",
   "command.project.index": "Skift til projekt {{index}}",
+  "command.project.run": "Kør opstarts kommando",
   "command.provider.connect": "Tilslut udbyder",
   "command.server.switch": "Skift server",
   "command.settings.open": "Åbn indstillinger",

packages/app/src/i18n/de.ts

@@ -28,6 +28,7 @@ export const dict = {
   "command.project.previous": "Vorheriges Projekt",
   "command.project.next": "Nächstes Projekt",
   "command.project.index": "Zu Projekt {{index}} wechseln",
+  "command.project.run": "Startbefehl ausführen",
   "command.provider.connect": "Anbieter verbinden",
   "command.server.switch": "Server wechseln",
   "command.settings.open": "Einstellungen öffnen",

packages/app/src/i18n/en.ts

@@ -30,6 +30,7 @@ export const dict = {
   "command.project.previous": "Previous project",
   "command.project.next": "Next project",
   "command.project.index": "Switch to project {{index}}",
+  "command.project.run": "Run startup command",
   "command.provider.connect": "Connect provider",
   "command.server.switch": "Switch server",
   "command.settings.open": "Open settings",

packages/app/src/i18n/es.ts

@@ -127,6 +127,7 @@ export const dict = {
   "command.project.previous": "Proyecto anterior",
   "command.project.next": "Siguiente proyecto",
   "command.project.index": "Cambiar al proyecto {{index}}",
+  "command.project.run": "Ejecutar comando de inicio",
   "command.provider.connect": "Conectar proveedor",
   "command.server.switch": "Cambiar servidor",
   "command.settings.open": "Abrir ajustes",

packages/app/src/i18n/fr.ts

@@ -125,6 +125,7 @@ export const dict = {
   "command.project.previous": "Projet précédent",
   "command.project.next": "Projet suivant",
   "command.project.index": "Passer au projet {{index}}",
+  "command.project.run": "Exécuter la commande de démarrage",
   "command.provider.connect": "Connecter un fournisseur",
   "command.server.switch": "Changer de serveur",
   "command.settings.open": "Ouvrir les paramètres",

packages/app/src/i18n/ja.ts

@@ -123,6 +123,7 @@ export const dict = {
   "command.project.previous": "前のプロジェクト",
   "command.project.next": "次のプロジェクト",
   "command.project.index": "プロジェクト{{index}}に切り替え",
+  "command.project.run": "スタートアップコマンドを実行",
   "command.provider.connect": "プロバイダーに接続",
   "command.server.switch": "サーバーの切り替え",
   "command.settings.open": "設定を開く",

packages/app/src/i18n/ko.ts

@@ -894,6 +894,7 @@ export const dict = {
   "command.project.previous": "이전 프로젝트",
   "command.project.next": "다음 프로젝트",
   "command.project.index": "{{index}}번 프로젝트로 전환",
+  "command.project.run": "시작 명령 실행",
   "command.tab.reopenClosed": "닫은 탭 다시 열기",
   "model.tooltip.context.label": "컨텍스트",
   "model.tooltip.inputs": "입력",

packages/app/src/i18n/no.ts

@@ -1085,6 +1085,7 @@ export const dict = {
   "command.project.previous": "Forrige prosjekt",
   "command.project.next": "Neste prosjekt",
   "command.project.index": "Bytt til prosjekt {{index}}",
+  "command.project.run": "Kjør oppstartskommando",
   "command.tab.reopenClosed": "Åpne lukket fane på nytt",
 
   "model.tooltip.context.label": "Kontekst",

packages/app/src/i18n/pl.ts

@@ -124,6 +124,7 @@ export const dict = {
   "command.project.previous": "Poprzedni projekt",
   "command.project.next": "Następny projekt",
   "command.project.index": "Przełącz na projekt {{index}}",
+  "command.project.run": "Uruchom polecenie startowe",
   "command.provider.connect": "Połącz dostawcę",
   "command.server.switch": "Przełącz serwer",
   "command.settings.open": "Otwórz ustawienia",

packages/app/src/i18n/ru.ts

@@ -126,6 +126,7 @@ export const dict = {
   "command.project.previous": "Предыдущий проект",
   "command.project.next": "Следующий проект",
   "command.project.index": "Переключиться на проект {{index}}",
+  "command.project.run": "Выполнить команду запуска",
   "command.provider.connect": "Подключить провайдера",
   "command.server.switch": "Переключить сервер",
   "command.settings.open": "Открыть настройки",

packages/app/src/i18n/th.ts

@@ -125,6 +125,7 @@ export const dict = {
   "command.project.previous": "โปรเจกต์ก่อนหน้า",
   "command.project.next": "โปรเจกต์ถัดไป",
   "command.project.index": "สลับไปยังโปรเจกต์ {{index}}",
+  "command.project.run": "รันคำสั่งเริ่มต้น",
   "command.provider.connect": "เชื่อมต่อผู้ให้บริการ",
   "command.server.switch": "สลับเซิร์ฟเวอร์",
   "command.settings.open": "เปิดการตั้งค่า",

packages/app/src/i18n/tr.ts

@@ -131,6 +131,7 @@ export const dict = {
   "command.project.previous": "Önceki proje",
   "command.project.next": "Sonraki proje",
   "command.project.index": "{{index}} numaralı projeye geç",
+  "command.project.run": "Başlangıç komutunu çalıştır",
   "command.provider.connect": "Sağlayıcı bağla",
   "command.server.switch": "Sunucu değiştir",
   "command.settings.open": "Ayarları aç",

packages/app/src/i18n/uk.ts

@@ -127,6 +127,7 @@ export const dict = {
   "command.project.previous": "Попередній проєкт",
   "command.project.next": "Наступний проєкт",
   "command.project.index": "Перемкнути на проєкт {{index}}",
+  "command.project.run": "Виконати команду запуску",
   "command.provider.connect": "Підключити провайдера",
   "command.server.switch": "Перемкнути сервер",
   "command.settings.open": "Відкрити налаштування",

packages/app/src/i18n/zh.ts

@@ -130,7 +130,7 @@ export const dict = {
   "command.project.previous": "上一个项目",
   "command.project.next": "下一个项目",
   "command.project.index": "切换到项目 {{index}}",
-
+  "command.project.run": "运行启动命令",
   "command.provider.connect": "连接提供商",
 
   "command.server.switch": "切换服务器",

packages/app/src/i18n/zht.ts

@@ -129,7 +129,8 @@ export const dict = {
   "command.project.previous": "上一個專案",
   "command.project.next": "下一個專案",
   "command.project.index": "切換至專案 {{index}}",
-  "command.provider.connect": "連線提供者",
+  "command.project.run": "執行啟動命令",
+  "command.provider.connect": "連接提供者",
   "command.server.switch": "切換伺服器",
   "command.settings.open": "開啟設定",
   "command.session.previous": "上一個工作階段",

packages/ui/src/v2/components/icon.tsx

@@ -49,6 +49,10 @@ const icons = {
     viewBox: "0 0 16 16",
     body: `<path d="M8 2.88867V13.1109" stroke="currentColor" stroke-linejoin="round"/><path d="M2.88867 8H13.1109" stroke="currentColor" stroke-linejoin="round"/>`,
   },
+  play: {
+    viewBox: "0 0 16 16",
+    body: `<path d="M4.66675 3.77783V12.2223L12.8891 8.00006L4.66675 3.77783Z" fill="currentColor"/>`,
+  },
   "settings-gear": {
     viewBox: "0 0 16 16",
     body: `<path d="M7.99998 1.3335L14 4.66683V11.3335L7.99998 14.6668L2 11.3335V4.66683L7.99998 1.3335Z" stroke="currentColor"/><path d="M9.99998 8.00016C9.99998 9.10476 9.10458 10.0002 7.99998 10.0002C6.89538 10.0002 5.99998 9.10476 5.99998 8.00016C5.99998 6.89556 6.89538 6.00016 7.99998 6.00016C9.10458 6.00016 9.99998 6.89556 9.99998 8.00016Z" stroke="currentColor"/>`,