feat: allow custom install and start commands (#892)

# Description

Gives the ability to define an `install` and `startup` command when
importing a project, so we can work on a project locally without any
issue.

# Preview

<img width="2256" height="1422" alt="image"
src="https://github.com/user-attachments/assets/2132b1cb-5f71-4b88-84db-8ecc81cf1f66"
/>

---------

Co-authored-by: Will Chen <willchen90@gmail.com>

e2e-tests/import.spec.ts

@@ -1,5 +1,6 @@
 import path from "path";
 import { testSkipIfWindows } from "./helpers/test_helper";
+import { expect } from "@playwright/test";
 import * as eph from "electron-playwright-helpers";
 
 testSkipIfWindows("import app", async ({ po }) => {
@@ -43,3 +44,58 @@ testSkipIfWindows("import app with AI rules", async ({ po }) => {
   await po.snapshotServerDump();
   await po.snapshotMessages({ replaceDumpPath: true });
 });
+
+testSkipIfWindows("import app with custom commands", async ({ po }) => {
+  await po.setUp();
+  await po.page.getByRole("button", { name: "Import App" }).click();
+  await eph.stubDialog(po.electronApp, "showOpenDialog", {
+    filePaths: [path.join(__dirname, "fixtures", "import-app", "minimal")],
+  });
+  await po.page.getByRole("button", { name: "Select Folder" }).click();
+  await po.page
+    .getByRole("textbox", { name: "Enter new app name" })
+    .fill("minimal-imported-app");
+
+  await po.page.getByRole("button", { name: "Advanced options" }).click();
+
+  await po.page.getByPlaceholder("pnpm install").fill("");
+  await po.page.getByPlaceholder("pnpm dev").fill("npm start");
+  await expect(po.page.getByRole("button", { name: "Import" })).toBeDisabled();
+  await expect(
+    po.page.getByText("Both commands are required when customizing."),
+  ).toBeVisible();
+
+  await po.page.getByPlaceholder("pnpm install").fill("npm i");
+  await expect(po.page.getByRole("button", { name: "Import" })).toBeEnabled();
+  await expect(
+    po.page.getByText("Both commands are required when customizing."),
+  ).toHaveCount(0);
+
+  await po.page.getByRole("button", { name: "Import" }).click();
+});
+
+testSkipIfWindows(
+  "advanced options: both cleared are valid and use defaults",
+  async ({ po }) => {
+    await po.setUp();
+    await po.page.getByRole("button", { name: "Import App" }).click();
+    await eph.stubDialog(po.electronApp, "showOpenDialog", {
+      filePaths: [path.join(__dirname, "fixtures", "import-app", "minimal")],
+    });
+    await po.page.getByRole("button", { name: "Select Folder" }).click();
+
+    await po.page
+      .getByRole("textbox", { name: "Enter new app name" })
+      .fill("both-cleared");
+
+    await po.page.getByRole("button", { name: "Advanced options" }).click();
+    await po.page.getByPlaceholder("pnpm install").fill("");
+    await po.page.getByPlaceholder("pnpm dev").fill("");
+
+    await expect(po.page.getByRole("button", { name: "Import" })).toBeEnabled();
+
+    await po.page.getByRole("button", { name: "Import" }).click();
+
+    await po.snapshotPreview();
+  },
+);

e2e-tests/snapshots/import.spec.ts_advanced-options-both-cleared-are-valid-and-use-defaults-1.aria.yml

@@ -0,0 +1 @@
+- text: Minimal imported app