Skip to content

Commit eef9ab9

Browse files
kevinmaeslaurakalbag
kevinmaes
and
laurakalbag
authored
STA-5635 Update pages for subscription plans, adding the Team plan (#282)
* Update v4 Community page with content from v5 * Add new team page * Update some Community features * Update featues on the Pro plan * Remove 7 day trial bullet point * Fix broken link * Start to add teams content to team page * Add team page for v5 and make the content the same as v4 * Specify "view-only" * Add features to Pro pages * More text changes applied to both Pro pages * Revise text about free trial on the Community page * Revise the high level prompt to upgrade to a Team plan * Revise the high level prompt to upgrade to a Pro plan * Add team feature and re-order * Add link to teams feature page and fix pro page link * Add links to Team features * Clarify some pro vs team features * Update the Teams page with the new Team plan in mind * Move "Live collaboration" from Pro to Team plan pages * Add the word Plan to the title of each plan to distinguish "Team Plan" from Team (feature) * Make the trial admonition more generic on the Enterprise Plan page * Revise text to say "plan" instead of "account" * Fix message * Specify Enterprise when mentioning the free trial on the Enterprise Plan pages * Flesh out features for the Enterprise pages * Improve the opening paragraphs of the paid plan pages * Indicate that Pro and Team features are all included in the Enterprise Plan * Make the trial admonition more general for all plans on the Sign Up page * Make the trial messages the same across pages for consistency * Add Team plan to Accounts page, Sidebar, and add Team badge * Remove Team badge from Docs * Add mention of Team plan in the Upgrade page * Remove mention of modifying # of seats in a plan * Move Team Shared Projects section to the Team page * Move more shared team projects content to the Team pages * Add a line about selecting Project Visibility when creating a shared project * Revise upgrade text * Replace "via" with "with" * Update docs/teams.mdx Co-authored-by: Laura Kalbag <[email protected]> * Fix typo and make v4/5 pages the same * Fix links * Fix broken links --------- Co-authored-by: Laura Kalbag <[email protected]>
1 parent 890414d commit eef9ab9

22 files changed

+304
-173
lines changed

‎docs/invoke.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -149,11 +149,11 @@ The actor snapshot is the latest emitted value from the actor. It can be read fr
149149

150150
## Kinds of actors
151151

152-
- [Promises](actors.mdx#promise-actor-logic)
152+
- [Promises](actors.mdx#frompromise)
153153
- [Machines](machines.mdx)
154-
- [Observables](actors.mdx#observable-actors)
155-
- [Transition functions](actors.mdx#transition-function-actors)
156-
- [Callbacks](actors.mdx#callback-actors)
154+
- [Observables](actors.mdx#fromobservable)
155+
- [Transition functions](actors.mdx#fromtransition)
156+
- [Callbacks](actors.mdx#fromcallback)
157157

158158
## TypeScript
159159

‎docs/projects.mdx

Lines changed: 0 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -28,26 +28,6 @@ When you select a project, the first machine in the project will open in Stately
2828
/>
2929
</p>
3030

31-
### Shared projects
32-
33-
Shared projects are available to [Teams](teams.mdx). Team projects are listed inside their Team in Stately Studio workspace.
34-
35-
<p>
36-
<ThemedImage
37-
alt="Stately Studio Projects page for the Voyager team, showing a list of four projects, one with public machines, two with private machines, and one with unlisted machines."
38-
sources={{
39-
light: '/projects.png',
40-
dark: '/projects-dm.png',
41-
}}
42-
/>
43-
</p>
44-
45-
:::studio
46-
47-
Teams and shared projects are Pro features of Stately Studio. [Check out the features on our Pro plan](https://stately.ai/pricing) or [upgrade to the Pro plan](https://stately.ai/registry/billing).
48-
49-
:::
50-
5131
### Create a new project
5232

5333
You can create a new project when you first save a machine or from the **Create project** button in [**My Projects**](/#my-projects). You must be signed in to Stately Studio to access **My Projects** and shared team projects, or to create new projects.
@@ -67,34 +47,6 @@ The **Save** button will save your machine or prompt you to sign into Stately St
6747
2. Choose **New Project** from the dropdown menu in the Save machine dialog.
6848
3. Use **Save** to save your machine and create your new project.
6949

70-
#### Create a shared team project
71-
72-
Only team members with the **Owner**, **Admin**, or **Editor** roles can create team projects.
73-
74-
1. Navigate to the team page from the left sidebar of Stately Studio’s workspace.
75-
2. Navigate to the **Projects** tab on the team page.
76-
3. Use the **Create project** button.
77-
4. Name the project. The description and keyword fields are optional.
78-
5. Use the **Submit** button to create the new project.
79-
80-
### Move a project between teams
81-
82-
You can move projects between your teams if you have an [**Owner**](teams.mdx#owner-role) role on both teams.
83-
84-
1. Use the **Share** button in Stately Studio’s top bar to open the Share dialog.
85-
2. Choose the destination team from the dropdown menu in the Move project section.
86-
3. Confirm that you want to move the project from the project move warning dialog using the **Move to _project name_** button.
87-
88-
<p>
89-
<ThemedImage
90-
alt="Stately Studio’s editor page showing the Share modal with the options for changing project visibility and moving projects to another team."
91-
sources={{
92-
light: '/assets/projects/move-projects.png',
93-
dark: '/assets/projects/move-projects-dm.png',
94-
}}
95-
/>
96-
</p>
97-
9850
Coming soon… How to move a machine between projects.
9951

10052
### Change a project’s visibility

‎docs/quick-start.mdx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -151,4 +151,3 @@ const App = () => {
151151
- [Use the XState v5 templates](https://github.com/statelyai/xstate/tree/next/templates)
152152
- [Find more examples](examples.mdx)
153153
- [Migrate from XState V4 to XState V5](migration.mdx)
154-
- [More about XState logic creators and exports](installation.mdx#exports)

‎docs/sign-up.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Sign up using your email address and password, or sign in using your GitHub, Goo
1010

1111
:::studio
1212

13-
We offer a **7-day free trial** on the [Stately Studio Pro account](studio-pro-plan.mdx) so you can explore how our Pro features work for you and your team. You can [upgrade](upgrade.mdx) when you’re signed into Stately Studio.
13+
We offer a **7-day free trial** on the Stately Studio [Pro](studio-pro-plan.mdx), [Team](studio-team-plan.mdx), or [Enterprise](studio-enterprise-plan.mdx) plans so you can explore how our paid features work for you and your team. You can [upgrade](/upgrade.mdx) when you’re signed into Stately Studio.
1414

1515
:::
1616

‎docs/state-machines-and-statecharts.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,7 @@ In a **dog begging** process, there would be a **begging** state with a **gets t
241241

242242
[View the dog begging machine in Stately Studio](https://stately.ai/registry/editor/1f84ff0d-fe41-4a92-ad5c-fadfa8b37ffb?machineId=1f43dcd3-255c-40bf-b6b0-eba9a2bccb23).
243243

244-
[Read more about self transitions](/transitions.mdx/#self-transitions)
244+
[Read more about self transitions](/docs/transitions/#self-transitions)
245245

246246
## What next?
247247

‎docs/studio-community-plan.mdx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
---
2-
title: Stately Studio Community plan
2+
title: Stately Studio Community Plan
33
---
44

5-
# Stately Studio Community
5+
# Stately Studio Community Plan
66

7-
**Stately Studio will always be free to our Community users** on this free plan, and we will make many future features available on every plan. Request features and check out what we’ve got planned on [our roadmap](https://statelyai.canny.ai).
7+
**Stately Studio will always be free to our Community users** on this free plan, and we will make many future features available on every plan. Request features and check out what we’ve got planned on [our roadmap](https://feedback.stately.ai).
88

99
:::studio
1010

11-
We offer a **7-day free trial** on the [Stately Studio Pro account](studio-pro-plan.mdx) so you can explore how our Pro features work for you and your team. You can [upgrade](upgrade.mdx) when you’re signed into Stately Studio.
11+
We offer a **7-day free trial** on the Stately Studio [Pro](studio-pro-plan.mdx), [Team](studio-team-plan.mdx), or [Enterprise](studio-enterprise-plan.mdx) plans so you can explore how our paid features work for you and your team. You can [upgrade](/upgrade.mdx) when you’re signed into Stately Studio.
1212

1313
:::
1414

@@ -17,7 +17,8 @@ We offer a **7-day free trial** on the [Stately Studio Pro account](studio-pro-p
1717
Our Community plan features include the following:
1818

1919
- Unlimited [public projects](projects.mdx#change-a-projects-visibility)
20-
- [Design and simulate flows](/#studio-editor)
20+
- [Design and simulate flows](/studio.mdx#studio-editor)
2121
- [Import from code](import-from-code.mdx)
2222
- [Export as code](export-as-code.mdx)
23+
- Disover and fork public machines
2324
- [XState VS Code extension](xstate-vscode-extension.mdx)

‎docs/studio-enterprise-plan.mdx

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,26 @@
11
---
2-
title: Stately Studio Enterprise plan
2+
title: Stately Studio Enterprise Plan
33
---
44

5-
# Stately Studio Enterprise
5+
# Stately Studio Enterprise Plan
6+
7+
Upgrade to an Enterprise account to enjoy all of our paid plan features as well as features designed to integrate Stately Studio with the specific needs of your organization, including custom integrations, greater security, and top-tier support. An enterprise account includes the following features:
8+
9+
## Enterprise features
10+
11+
- Everything from the [Team](studio-team-plan.mdx) plan
12+
- Unlimited generated flows
13+
- Flexible hosting
14+
- Dedicated priority support
15+
- Custom server locations
16+
- Single sign-on (SSO)
17+
- Audit logs
18+
- Embed Stately in your own apps
19+
- Custom effect collections (actions, actors, and more)
20+
- Prioritized feature requests
21+
- A custom plan tailored to the requirements of your organization
22+
23+
We have many more team features coming soon. Request features and check out what we’ve got planned on [our roadmap](https://feedback.stately.ai).
624

725
<p>
826
<a href="mailto:[email protected]?subject=I'm interested in Stately Studio Enterprise plan">
@@ -13,6 +31,6 @@ title: Stately Studio Enterprise plan
1331

1432
:::studio
1533

16-
We offer a **7-day free trial** on the [Stately Studio Pro account](studio-pro-plan.mdx) so you can explore how our Pro features work for you and your team.
34+
We offer a **7-day free trial** on all of our paid plans so you can explore how our Enterprise features work for you.
1735

1836
:::

‎docs/studio-pro-plan.mdx

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,47 @@
11
---
2-
title: Stately Studio Pro plan
2+
title: Stately Studio Pro Plan
33
---
44

5-
# Stately Studio Pro
5+
# Stately Studio Pro Plan
66

7-
[Upgrade to a Pro account](https://stately.ai/pricing) to get features designed to help you collaborate with your team, including the following Pro features.
7+
[Upgrade to a Pro account](https://stately.ai/pricing) to create more expressive flows, work faster with AI assistance, and achieve greater flexibility in editing with version control. A Pro account includes the following features:
88

99
## Pro features
1010

11-
- [Teams and shared projects](/teams.mdx)
11+
- Everything from the Community plan
1212
- [Private and unlisted projects](/projects.mdx#change-a-projects-visibility)
13+
- Generate and modify using AI
14+
- Deploy live workflows
15+
- Generate React UIs
1316
- [Version history](/versions.mdx)
1417
- [Import from GitHub](/import-from-github.mdx)
1518
- [Live simulation mode](/live-simulation.mdx)
1619
- [Lock machines](/lock-machines.mdx)
1720
- [Color states and transitions](/colors.mdx)
21+
- Export flows to markdown
1822
- [Priority support](/studio-pro-plan.mdx#priority-support)
1923
- GitHub Sync (coming soon!)
20-
- Workflows (coming soon!)
21-
- Live collaboration (coming soon!)
24+
- Actors (coming soon!)
2225

2326
We have many more pro features coming soon. Request features and check out what we’ve got planned on [our roadmap](https://feedback.stately.ai).
2427

25-
We offer a **7-day free trial** on the Stately Studio Pro account so you can explore how our Pro features work for you and your team.
28+
We offer a **7-day free trial** on all of our paid plans so you can explore how our Pro features work for you.
2629

2730
:::studio
2831

29-
**The Stately Studio will always be free to our Community users** on the free plan, and we will make many future features available on every plan.
32+
**Stately Studio will always be free to our Community users** on the free plan, and we will make many future features available on every plan.
3033

3134
:::
3235

3336
## Pro accounts
3437

35-
You can choose between monthly or yearly billing on our Pro accounts and how many seats you require for your team.
38+
You can choose between monthly or yearly billing on all of our paid plans.
3639

3740
:::studio
3841

3942
### Pro features as a team member
4043

41-
If you are a team member of another user’s [team](/teams.mdx), you also have access to [Pro features](#pro-features)! However, if you want to create your own teams, you need to [upgrade to your own Pro subscription](/upgrade.mdx).
44+
If you are a team member of another user’s [team](teams.mdx), you also have access to [Pro features](#pro-features)! However, if you want to create your own teams, you need to [upgrade to your own Team subscription](/upgrade.mdx).
4245

4346
:::
4447

‎docs/studio-team-plan.mdx

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
---
2+
title: Stately Studio Team Plan
3+
---
4+
5+
# Stately Studio Team Plan
6+
7+
[Upgrade to a Team account](https://stately.ai/pricing) to enjoy all of our Pro features as well as many features designed to help you collaborate with your team, on any number of projects. A Team account includes the following features:
8+
9+
## Team features
10+
11+
- Everything from the [Pro](studio-pro-plan.mdx) plan
12+
- Create one or more [teams](teams.mdx), based on your needs
13+
- [Private, shared team projects](projects.mdx#change-a-projects-visibility)
14+
- Add up to 10 [team members](teams.mdx#invite-new-members-to-a-team)
15+
- [Team admins and editors](teams.mdx#admin-role)
16+
- Grant [view-only access](teams.mdx#viewer-role) to team projects
17+
- Live collaboration (coming soon!)
18+
19+
We have many more team features coming soon. Request features and check out what we’ve got planned on [our roadmap](https://feedback.stately.ai).
20+
21+
We offer a **7-day free trial** on all of our paid plans so you can explore how our Team features work for you and your team.
22+
23+
:::studio
24+
25+
**Stately Studio will always be free to our Community users** on the free plan, and we will make many future features available on every plan.
26+
27+
:::
28+
29+
## Team accounts
30+
31+
You can choose between monthly or yearly billing on all of our paid plans.
32+
33+
:::studio
34+
35+
### Pro features as a team member
36+
37+
If you are a team member of another user’s [team](teams.mdx), you also have access to [Pro features](studio-pro-plan.mdx)! However, if you want to create your own teams, you need to [upgrade to your own Pro or Team subscription](upgrade.mdx).
38+
39+
:::
40+
41+
### How to sign up
42+
43+
You can sign up for a Stately Studio account from the [**Sign in page**](https://stately.ai/registry/login) or the **Sign in** button in [the editor](https://stately.ai/editor)’s top bar.
44+
45+
Read more about [signing up for the Stately Studio](sign-up.mdx).
46+
47+
### How to upgrade
48+
49+
You can [upgrade](upgrade.mdx) when you’re signed into the Stately Studio using the **Upgrade** button in the editor’s header.
50+
51+
## Priority support
52+
53+
When you sign up for a paid plan, you will receive an email with information on accessing priority support from the Stately team.

‎docs/teams.mdx

Lines changed: 48 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@ You can create and join teams in Stately Studio to share and collaborate on team
1717

1818
:::studio
1919

20-
Teams and shared projects are Pro features of Stately Studio. [Check out the features on our Pro plan](https://stately.ai/pricing) or [upgrade to the Pro plan](https://stately.ai/registry/billing).
20+
Teams and shared projects are [Team features](studio-team-plan.mdx) of Stately Studio. [Check out the features on our Team plan](https://stately.ai/pricing) or [upgrade to the Team plan](https://stately.ai/registry/billing).
2121

2222
:::
2323

2424
## Team roles
2525

26-
Team members can have one of the following roles: [Owner](/teams.mdx#owner-role), [Admin](/teams.mdx#admin-role), [Editor](/teams.mdx#editor-role), or [Viewer](/teams.mdx#viewer-role). Team owners or admins assign the role to the new team member when inviting them to join the team.
26+
Team members can have one of the following roles: [Owner](teams.mdx#owner-role), [Admin](teams.mdx#admin-role), [Editor](teams.mdx#editor-role), or [Viewer](teams.mdx#viewer-role). Team owners or admins assign the role to the new team member when inviting them to join the team.
2727

2828
The following table is an overview of the capabilities of each team role:
2929

@@ -44,7 +44,7 @@ The following table is an overview of the capabilities of each team role:
4444

4545
### Owner role
4646

47-
Pro subscribers can create teams and they become their teams' owner by default. The team owner can:
47+
Team subscribers can create teams and they become their teams’ owner by default. The team owner can:
4848

4949
- Manage their account billing, including changes to the number of paid seats for their teams.
5050
- Create new teams and delete teams
@@ -57,9 +57,9 @@ Pro subscribers can create teams and they become their teams' owner by default.
5757
- Lock team machines
5858
- Edit, fork, export, and view team projects and machines
5959

60-
#### Teams members and Pro plan seats
60+
#### Teams members and the available plan seats
6161

62-
Creating a team requires the Pro plan of Stately Studio, including enough seats in your plan to cover the number of members in your team (Viewers are free). You can add more seats to your Pro plan anytime from the [**Billing** page](https://stately.ai/registry/billing) in your Profile menu.
62+
Creating a team requires the Team plan of Stately Studio, with includes up to 10 seats. That means one seat for the Team subscription owner plus 9 additional seats (Viewers are free). These seats can be allocated to one or more teams, in any configuration desired.
6363

6464
### Admin role
6565

@@ -102,7 +102,7 @@ Users with the Viewer role can:
102102
1. Use the **Create team** link in the left sidebar of Stately Studio’s workspace to open the Create team form.
103103
2. Name your team and use the **Create team** button to create your team.
104104

105-
By default, teams have only one member, the creator and Owner. [Invite new members](/teams.mdx#invite-new-members-to-a-team) to add more members to your team.
105+
By default, teams have only one member, the creator and Owner. [Invite new members](teams.mdx#invite-new-members-to-a-team) to add more members to your team.
106106

107107
## Edit the team name
108108

@@ -112,7 +112,7 @@ By default, teams have only one member, the creator and Owner. [Invite new membe
112112

113113
## Invite new members to a team
114114

115-
You need to have [enough seats on your Pro plan](/teams.mdx#teams-members-and-pro-plan-seats) to add more members to your team.
115+
You need to have [enough seats on your Pro plan](#teams-members-and-the-available-plan-seats) to add more members to your team.
116116

117117
1. Navigate to the team page from the left sidebar of Stately Studio’s workspace.
118118
2. On your team page, use the **Members** tab to view existing members and their roles and invite new members.
@@ -139,7 +139,7 @@ A subscription seat is only taken up at the time of accepting the invitation. An
139139

140140
## Change a team member’s role
141141

142-
To change a team member’s role, you must have the [Owner role](/teams.mdx#owner-role) or [Admin role](/teams.mdx#admin-role) for that team.
142+
To change a team member’s role, you must have the [Owner role](teams.mdx#owner-role) or [Admin role](teams.mdx#admin-role) for that team.
143143

144144
1. Navigate to the team page from the left sidebar of Stately Studio’s workspace.
145145
2. Navigate to the **Members** tab on the team page.
@@ -157,7 +157,7 @@ To change a team member’s role, you must have the [Owner role](/teams.mdx#owne
157157

158158
## Remove a member from a team
159159

160-
To remove a member from a team, you must have the [owner role](/teams.mdx#owner-role) or [Admin role](/teams.mdx#admin-role) for that team.
160+
To remove a member from a team, you must have the [owner role](teams.mdx#owner-role) or [Admin role](teams.mdx#admin-role) for that team.
161161

162162
1. Navigate to the team page from the left sidebar of Stately Studio’s workspace.
163163
2. Navigate to the **Members** tab on the team page.
@@ -182,8 +182,45 @@ Only team owners can delete a team.
182182
3. Use the **Delete team** button to delete your team.
183183
4. Confirm the team deletion using the **Delete** button in the Delete team dialog.
184184

185-
## Create a shared team project
185+
## Create shared team projects
186+
187+
Shared projects can be created and worked on between team members of any given team. Team projects are listed inside their Team in the Stately Studio workspace. Projects are Private by default, but can be made Public or Unlisted.
188+
189+
<p>
190+
<ThemedImage
191+
alt="Stately Studio Projects page for the Voyager team, showing a list of four projects, one with public machines, two with private machines, and one with unlisted machines."
192+
sources={{
193+
light: '/projects.png',
194+
dark: '/projects-dm.png',
195+
}}
196+
/>
197+
</p>
198+
199+
#### Create a shared team project
186200

187201
Only team members with the **Owner**, **Admin**, or **Editor** roles can create team projects.
188202

189-
[Read more about how to create shared team projects on the Projects page](/projects.mdx#create-a-shared-team-project).
203+
1. Navigate to the team page from the left sidebar of Stately Studio’s workspace.
204+
2. Navigate to the **Projects** tab on the team page.
205+
3. Use the **Create project** button.
206+
4. Name the project. The description and keyword fields are optional.
207+
5. Specify the Project Visibility as **Public**, **Private**, or **Unlisted** in the dropdown.
208+
6. Use the **Submit** button to create the new project.
209+
210+
### Move a project between teams
211+
212+
You can move projects between your teams if you have an [**Owner**](teams.mdx#owner-role) role on both teams.
213+
214+
1. Use the **Share** button in Stately Studio’s top bar to open the Share dialog.
215+
2. Choose the destination team from the dropdown menu in the Move project section.
216+
3. Confirm that you want to move the project from the project move warning dialog using the **Move to _project name_** button.
217+
218+
<p>
219+
<ThemedImage
220+
alt="Stately Studio’s editor page showing the Share modal with the options for changing project visibility and moving projects to another team."
221+
sources={{
222+
light: '/assets/projects/move-projects.png',
223+
dark: '/assets/projects/move-projects-dm.png',
224+
}}
225+
/>
226+
</p>

0 commit comments

Comments
 (0)