Project settings page #8760

ericokuma · 2026-02-04T06:50:56Z

This PR introduces the 'General' settings page for projects, fulfilling APP-713. It provides project-level configuration for:

Project Name: Editable with a live URL preview.
Project Description: Editable text field.
Delete Project: A 'Danger Zone' section with a guarded confirmation dialog, requiring explicit text input for deletion, consistent with existing patterns (e.g., Org delete option #8758).

Checklist:

Covered by tests
Ran it and it works as intended
Reviewed the diff before requesting a review
Checked for unhandled edge cases
Linked the issues it closes
Checked if the docs need to be updated. If so, create a separate Linear DOCS issue
Intend to cherry-pick into the release branch
I'm proud of this work!

Linear Issue: APP-713

…gGuardedConfirmation - Add confirmButtonText prop with default 'Continue' - Add confirmButtonType prop with default 'primary' - Update cancel button style based on confirm button type - Export ButtonType from button index

- Add ProjectNameSettings.svelte for editing project name and description - Add DeleteProject.svelte for project deletion with guarded confirmation - Add DangerZone.svelte wrapper for destructive actions - Add errors.ts for project update error handling

- Add General nav item to project settings layout - Update +page.svelte to include ProjectNameSettings and DeleteProject - Add DangerZone wrapper for delete project section

cursor · 2026-02-04T06:50:58Z

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

Remove TODO and update settings route to point to base settings URL now that the General project settings page is implemented.

cursor · 2026-02-04T07:13:07Z

You have run out of free Bugbot PR reviews for this billing cycle. This will reset on March 25.

To receive reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

ericpgreen2

Please fix the CI checks for code quality
(Design nit) I find the Vercel "danger zone" a bit more aesthetic

Vercel:

Current implementation:

ericokuma · 2026-02-04T08:15:18Z

Agreed, will make the changes

…bility TypeScript cannot export types from Svelte module context, so moved ButtonType to a dedicated types.ts file that can be properly exported.

- Add red-tinted background to footer section (matching Vercel style) - Update title from 'Delete this project' to 'Delete Project' - Update CTA button text to 'Delete Project'

Change border from red-400 to red-200 for a softer appearance

Move DangerZone.svelte from features/projects/settings to components/settings for reuse across multiple features

ericpgreen2

The code quality check is still failing.

royendo · 2026-02-04T17:30:12Z

If making changes to this page here: then add other settings too please, IEhibernate, make public.

will close my draft: #8744
in favor for this PR

- Add ProjectVisibilitySettings component for toggling public/private - Add HibernateProject component for hibernate/wake functionality - Update DangerZone to support multiple items with dividers - Add Danger Zone section header to settings page - Order items by severity: visibility, hibernate, delete

- Use separate DangerZone containers for each item (Vercel style) - Remove confirmation dialog for visibility toggle - Simplify hibernate confirmation to just Hibernate/Cancel buttons - Use destructive (red) button style for all danger zone CTAs

… CTAs

- Add secondary-destructive to ButtonType - Add styling with red border and text - Use for visibility and hibernate CTAs in danger zone

- Fix prettier formatting in CTACard.svelte - Remove invalid 'data' property from redeployProject mutation call

…ders - Group all danger zone items in one container - Add internal dividers between items for visual separation - Reduces visual noise from multiple separate borders

ericpgreen2

1. Hibernate confirmation copy contradicts the post-hibernate screen

HibernateProject.svelte:99 — The confirmation dialog says "It can be reactivated by accessing it again," but after hibernating, the user lands on a screen instructing them to run a CLI command to redeploy. The settings body text (line 78) offers a third variant: "To access, please wake the project" without saying how. These three messages should be consistent. Suggest changing the dialog description to something neutral like "The project will be paused and will not consume resources. It can be woken up at any time." — avoiding a specific wake-up path since the settings page isn't reachable from the hibernation screen today.

2. Form values reset on background refetch (pre-existing pattern)

ProjectNameSettings.svelte:96-99 — The reactive block that syncs server data into form fields runs every time the query refetches (including TanStack Query's window-focus refetching). If a user is mid-edit, their input gets silently overwritten. This is the same pattern as OrgNameSettings.svelte:90-95, so it's not new to this PR — but worth flagging as a known UX issue. A guard like if (!changed) before writing form values would prevent the overwrite.

3. sanitizeOrgName used for project names

ProjectNameSettings.svelte:14 — The function sanitizeOrgName is used to sanitize the project name. The logic is correct (replaces non-word characters with hyphens), but the naming is misleading in this context. Consider extracting a shared sanitizeSlug or sanitizeName utility.

4. deleteProject navigates before cache cleanup completes

DeleteProject.svelte:28-35 — After mutateAsync resolves, goto fires immediately, then removeQueries runs, then invalidateQueries is awaited. The new page may mount and render a stale project list before invalidation completes. Consider awaiting the cache operations before navigating.

5. HibernateProject: no error handling on mutations

HibernateProject.svelte:40-55, 57-67 — Both hibernateProject and wakeProject call mutateAsync without try/catch. If the mutation fails, the error propagates as an unhandled rejection. DeleteProject and ProjectVisibilitySettings both handle errors — this component should too.

6. DangerZone uses color-mix — check browser support

DangerZone.svelte:30 — color-mix(in srgb, ...) is modern CSS (baseline 2023). If the app targets older browsers, this could silently fail and render a transparent footer background.

Developed in collaboration with Claude Code

1. Hibernate confirmation copy - made description neutral and consistent 2. Form values reset - added guard to prevent overwriting user edits 3. sanitizeOrgName naming - created shared sanitizeSlug utility 4. deleteProject navigation - await cache cleanup before navigating 5. HibernateProject error handling - added try/catch to mutations 6. DangerZone color-mix - added fallback for older browsers Co-authored-by: ericokuma <ericokuma@users.noreply.github.com>

cursoragent added 3 commits February 4, 2026 06:49

feat(APP-713): update project settings page with General settings

fbd414d

- Add General nav item to project settings layout - Update +page.svelte to include ProjectNameSettings and DeleteProject - Add DangerZone wrapper for delete project section

cursoragent added 2 commits February 4, 2026 07:04

fix(APP-713): make project settings default to General tab

8dfb6f2

Remove TODO and update settings route to point to base settings URL now that the General project settings page is implemented.

style: fix prettier formatting in project settings components

06670d8

ericokuma requested a review from ericpgreen2 February 4, 2026 07:12

ericokuma marked this pull request as ready for review February 4, 2026 07:13

ericpgreen2 requested changes Feb 4, 2026

View reviewed changes

ericpgreen2 mentioned this pull request Feb 4, 2026

Org delete option #8758

Open

8 tasks

cursoragent added 3 commits February 4, 2026 08:20

fix: move ButtonType to separate types.ts file for TypeScript compati…

78d154f

…bility TypeScript cannot export types from Svelte module context, so moved ButtonType to a dedicated types.ts file that can be properly exported.

fix(APP-713): update DangerZone styling and delete text

fc2179e

- Add red-tinted background to footer section (matching Vercel style) - Update title from 'Delete this project' to 'Delete Project' - Update CTA button text to 'Delete Project'

fix(APP-713): use lighter border color for DangerZone component

6f32207

Change border from red-400 to red-200 for a softer appearance

ericokuma requested a review from ericpgreen2 February 4, 2026 08:32

refactor(APP-713): move DangerZone to common components location

b06c9ff

Move DangerZone.svelte from features/projects/settings to components/settings for reuse across multiple features

ericpgreen2 requested changes Feb 4, 2026

View reviewed changes

royendo mentioned this pull request Feb 4, 2026

draft: feat/general settings #8744

Closed

8 tasks

cursoragent added 8 commits February 4, 2026 21:53

fix: update CTACard to import ButtonType from button index

e87eb55

fix(APP-713): use secondary button style for visibility and hibernate…

76448e2

… CTAs

fix(APP-713): use tertiary button for cancel in hibernate modal

20133ab

feat: add secondary-destructive button type for red secondary buttons

5c0666f

- Add secondary-destructive to ButtonType - Add styling with red border and text - Use for visibility and hibernate CTAs in danger zone

fix: prettier and TypeScript errors

a752d61

- Fix prettier formatting in CTACard.svelte - Remove invalid 'data' property from redeployProject mutation call

fix(APP-713): consolidate danger zone into single container with divi…

49549ae

…ders - Group all danger zone items in one container - Add internal dividers between items for visual separation - Reduces visual noise from multiple separate borders

ericokuma requested a review from ericpgreen2 February 5, 2026 18:44

ericpgreen2 requested changes Feb 9, 2026

View reviewed changes

ericokuma requested a review from ericpgreen2 February 10, 2026 21:32

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Project settings page #8760

Project settings page #8760

Uh oh!

ericokuma commented Feb 4, 2026

Uh oh!

cursor bot commented Feb 4, 2026

Uh oh!

cursor bot commented Feb 4, 2026

Uh oh!

ericpgreen2 left a comment

Uh oh!

ericokuma commented Feb 4, 2026

Uh oh!

ericpgreen2 left a comment

Uh oh!

royendo commented Feb 4, 2026 •

edited

Loading

Uh oh!

ericpgreen2 left a comment •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Project settings page #8760

Are you sure you want to change the base?

Project settings page #8760

Uh oh!

Conversation

ericokuma commented Feb 4, 2026

Uh oh!

cursor bot commented Feb 4, 2026

Uh oh!

cursor bot commented Feb 4, 2026

Uh oh!

ericpgreen2 left a comment

Choose a reason for hiding this comment

Uh oh!

ericokuma commented Feb 4, 2026

Uh oh!

ericpgreen2 left a comment

Choose a reason for hiding this comment

Uh oh!

royendo commented Feb 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ericpgreen2 left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

royendo commented Feb 4, 2026 •

edited

Loading

ericpgreen2 left a comment •

edited

Loading