diff --git a/.github/workflows/pd-test-build-deploy.yaml b/.github/workflows/pd-test-build-deploy.yaml
index 62a780aae8f..90b21efee0e 100644
--- a/.github/workflows/pd-test-build-deploy.yaml
+++ b/.github/workflows/pd-test-build-deploy.yaml
@@ -100,7 +100,8 @@ jobs:
         run: make -C protocol-designer test-e2e
   build-pd:
     name: 'build protocol designer artifact'
-    needs: ['js-unit-test']
+    # TODO: uncomment code below. doing this to test that PD artifacts build and deploy correctly
+    # needs: ['js-unit-test']
     runs-on: 'ubuntu-22.04'
     if: github.event_name != 'pull_request'
     steps:
@@ -136,7 +137,8 @@ jobs:
   deploy-pd:
     name: 'deploy PD artifact to S3'
     runs-on: 'ubuntu-22.04'
-    needs: ['js-unit-test', 'build-pd']
+    # TODO: uncomment code below. doing this to test that PD artifacts build and deploy correctly
+    needs: ['build-pd']
     if: github.event_name != 'pull_request'
     steps:
       - uses: 'actions/checkout@v3'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a3df7c0f035..546a878545f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -978,6 +978,9 @@ importers:
       '@types/redux-actions':
         specifier: 2.6.1
         version: 2.6.1
+      '@types/styled-components':
+        specifier: ^5.1.26
+        version: 5.1.34
       '@types/ua-parser-js':
         specifier: 0.7.36
         version: 0.7.36
@@ -1032,6 +1035,9 @@ importers:
       lodash:
         specifier: 4.17.21
         version: 4.17.21
+      mixpanel-browser:
+        specifier: 2.22.1
+        version: 2.22.1
       postcss:
         specifier: ^8.1.7
         version: 8.4.35
@@ -1074,6 +1080,9 @@ importers:
       react-i18next:
         specifier: 14.0.0
         version: 14.0.0(i18next@19.9.2)(react-dom@18.2.0)(react@18.2.0)
+      react-popper:
+        specifier: 1.0.0
+        version: 1.0.0(react@18.2.0)
       react-redux:
         specifier: 8.1.2
         version: 8.1.2(@types/react-dom@18.2.0)(@types/react@18.2.51)(react-dom@18.2.0)(react@18.2.0)(redux@4.0.5)
@@ -1089,6 +1098,9 @@ importers:
       reselect:
         specifier: 4.0.0
         version: 4.0.0
+      styled-components:
+        specifier: 5.3.6
+        version: 5.3.6(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
       ua-parser-js:
         specifier: ^0.7.23
         version: 0.7.37
@@ -1101,6 +1113,10 @@ importers:
       yup:
         specifier: 1.3.3
         version: 1.3.3
+    devDependencies:
+      '@types/mixpanel-browser':
+        specifier: ^2.35.6
+        version: 2.49.0
 
   react-api-client:
     dependencies:
diff --git a/protocol-designer/package.json b/protocol-designer/package.json
index bbea3228b52..e4ad9c2f5fa 100755
--- a/protocol-designer/package.json
+++ b/protocol-designer/package.json
@@ -28,6 +28,7 @@
     "@opentrons/step-generation": "link:../step-generation",
     "@opentrons/shared-data": "link:../shared-data",
     "@types/redux-actions": "2.6.1",
+    "@types/styled-components": "^5.1.26",
     "@types/ua-parser-js": "0.7.36",
     "@types/uuid": "8.3.0",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
@@ -41,6 +42,7 @@
     "i18next": "^19.8.3",
     "immer": "9.0.6",
     "lodash": "4.17.21",
+    "mixpanel-browser": "2.22.1",
     "query-string": "6.2.0",
     "react": "18.2.0",
     "react-color": "2.19.3",
@@ -52,8 +54,10 @@
     "react-redux": "8.1.2",
     "redux": "4.0.5",
     "redux-actions": "2.2.1",
+    "react-popper": "1.0.0",
     "redux-thunk": "2.3.0",
     "reselect": "4.0.0",
+    "styled-components": "5.3.6",
     "ua-parser-js": "^0.7.23",
     "uuid": "3.3.2",
     "vite": "5.0.5",
@@ -67,5 +71,8 @@
     "postcss-preset-env": "9.3.0",
     "postcss-color-mod-function": "3.0.3",
     "yup": "1.3.3"
+  },
+  "devDependencies": {
+    "@types/mixpanel-browser": "^2.35.6"
   }
 }