2 Commits

Include renames

Author	SHA1	Message	Date
Pamela ChiaandAli Waseem	578a73f966	feat(studio): connectSection experiment — replace Getting Started with Connect section (#43629) ... ## Summary Re-ports PR #43119 against the current `ProjectHome` codebase (the original PR targeted `HomeNew/` which was removed during the `homeNew` graduation in #43437). Also unifies the `connectSheet` and `connectSection` feature flags into a single `connectSection` flag — the `connectSheet` flag is removed entirely, so both the ConnectSheet (header) and ConnectSection (homepage row) are controlled by one experiment. - Adds `connectSection` PostHog experiment flag that controls two things: 1. Swaps the Getting Started section for a Connect section on the project homepage for new projects (< 10 days old) 2. Swaps the legacy Connect dialog for the new ConnectSheet panel in the header - **Control** (`getting-started`): existing Getting Started section + legacy Connect dialog in header - **Treatment** (`connect`): new 4-tile Connect section + ConnectSheet in header - `undefined` (loading): neither section renders, avoiding flash - Tiles filtered by the same `useIsFeatureEnabled` flags as ConnectSheet (`show_app_frameworks`, `show_mobile_frameworks`, `show_orms`) - Connect tile clicks tracked via `home_connect_action_clicked`; section render tracked via `home_connect_section_exposed`; sheet opens tracked via `connect_sheet_opened` with source attribution (`header_button` or `connect_section`) ## Changes - `packages/common/telemetry-constants.ts` — new `home_connect_section_exposed`, `home_connect_action_clicked`, and `connect_sheet_opened` event types - `ConnectSheet/ConnectSheet.tsx` — read `connectTab` query param and sync to active mode on open; `handleModeChange` keeps param in sync on tab switch; fire `connect_sheet_opened` event with source attribution on open - `ConnectButton/ConnectButton.tsx` — set `connectSource=header_button` query param on click - `ProjectHome/ConnectSection.tsx` — new component (4-tile connect card); set `connectSource=connect_section` on tile click - `ProjectHome/Home.tsx` — experiment flag wiring - `LayoutHeader/LayoutHeader.tsx` — read `connectSection` flag instead of `connectSheet` to toggle ConnectSheet vs legacy Connect dialog ## Test plan To test on the Vercel preview, set `connectSection=connect` to 100% in PostHog (or override via cookie `ph_override_connectSection=connect`). No separate `connectSheet` flag is needed — `connectSection` controls both features. - [x] Treatment (`connect` variant) — "Get connected" section renders on new project, Getting Started hidden - [x] Control (`getting-started`) — Getting Started renders, Connect section hidden - [x] Mature project (> 10 days) — neither section regardless of flag - [x] Clicking each tile opens ConnectSheet on the correct tab (Framework / Direct / ORM / MCP) - [x] Switching tabs inside sheet updates `connectTab` URL param - [x] Closing sheet clears `connectTab` param - [x] Direct URL deep-link (`?showConnect=true&connectTab=orm`) opens sheet on correct tab - [x] Dark mode — background gradient renders correctly - [x] Light mode — background switches to light gradient - [x] Responsive layout — 4 cols (xl), 2×2 (md), stacked (mobile) - [x] Telemetry — `home_connect_section_exposed` fires once on load; `home_connect_action_clicked` fires with correct `mode` - [x] Treatment — header Connect button opens ConnectSheet (not legacy Connect dialog) - [x] Control — header Connect button opens legacy Connect dialog (not ConnectSheet) - [x] Telemetry — clicking a ConnectSection tile fires `connect_sheet_opened` with `source: 'connect_section'` - [x] Telemetry — clicking header Connect button fires `connect_sheet_opened` with `source: 'header_button'` --------- Co-authored-by: Ali Waseem <waseema393@gmail.com>	2026-03-13 11:50:07 +09:00
Pamela Chia	01c178e159	chore(studio): graduate homeNew experiment (#43437) ... ## Summary The `homeNew` PostHog experiment has concluded. This PR graduates it by making the new homepage (`ProjectHome`, formerly `HomeV2`) the permanent default for all users, and removes all dead code from the old experiment. ## Changes - Remove `homeNew` PostHog feature flag checks and `home_new` experiment exposure tracking from 3 files - Rename `HomeNew/` → `ProjectHome/` directory and `HomeV2` → `ProjectHome` export - Delete old `Home/Home.tsx` component (shared components like `ProjectList/` are kept — still used by org pages) - Delete `pages/project/[ref]/building.tsx` and add a server-side redirect from `/project/:ref/building` → `/project/:ref` to prevent 404s during rollout (old cached JS bundles may still route to `/building`) - Simplify `ContentWrapper` building-state logic in `ProjectLayout` — always redirect building projects to home, always suppress building interstitial on home page - Always route to `/project/{ref}` after project creation (remove `/building` path) - Update all Observability imports from `HomeNew` → `ProjectHome` ## Self-hosted behavior change Self-hosted Studio previously showed the old `Home` component (client libraries + example projects) since PostHog flags don't load. This PR changes self-hosted to show `ProjectHome` (TopSection with service status + instance diagram, advisor, custom reports). All sections query backend APIs that exist on self-hosted. E2E tests pass against the self-hosted build. ## Testing - [x] `pnpm turbo run build --filter=studio` passes - [x] No remaining references to `homeNew`, `home_new`, or `HomeNew` in codebase - [x] No broken imports to deleted files - [x] Self-hosted E2E tests pass (145 passed, 1 flaky, 4 skipped) - [x] `/building` redirect added to both platform and self-hosted config blocks **Quick test:** 1. Navigate to any project homepage — should render the ProjectHome component 2. Create a new project — should redirect to `/project/{ref}` (not `/building`) 3. Visit a project in `COMING_UP` state on a non-home route — should redirect to home 4. Visit `/project/{ref}/building` directly — should 302 redirect to `/project/{ref}` ## Linear - fixes GROWTH-671	2026-03-10 17:03:58 +09:00