diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx
index 15d963a13844..127efcef73b7 100644
--- a/packages/app/src/components/titlebar.tsx
+++ b/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 (
+
+
+ }
+ onClick={runProjectCommand}
+ aria-label={language.t("command.project.run")}
+ />
+
+
+
`,
},
+ play: {
+ viewBox: "0 0 16 16",
+ body: ``,
+ },
"settings-gear": {
viewBox: "0 0 16 16",
body: ``,