Skip to content

Redesign project dev wizard + tabs for a more interactive, guided flow (MVP.1) #1113

Description

User story

Note: This is additive to #1009 and iterates upon what's been shipped already: install flow, dashboard, logs, watchers.

User story

As a dev using project dev, I want one always-visible overview with an interactive checklist and inline explanations, so that I always know where I am and what the CLI is doing, without editing config or memorizing commands.

Principles:

  • get me where I need to go in a quick, non-intrusive way
  • give me one checklist that serves both install and migration (sets you up with Docker), and a clear choice between install and migration
  • give me an interactive checklist inside an always-visible overview
  • make sure that every step also runs via flags

A) Setup wizard ("Set up Docker development environment")

The migration path for projects that aren't dev-ready with the Docker setup. Bootstraps the Docker dev config (.shopware-project.yml), and hands off to the dashboard. The CLI detects the project state; user doesn't choose it.

Overarching (whole flow)

B) Tabs

User is able to solve a problem on every tab and understands clearly what they can do/solve and how to do it. For now these tabs will be largely informational and lean toward diagnostic.

Overview tab (rename from "General")

Core problem it solves: helps user to understand current status, what actions are available, and how to start, stop, change status, or take action.

  • See new (July 1) design, folding Config Tab functionality into this tab. Incorporate missing features.
Image

Instance tab

  • Rename "Scroll" toggle to "Scroll log"
  • Rename "Follow" toggle to "Follow log"
  • Bug? After running through the list I tried to come back to Admin Watcher and couldn't.
Image

Acceptance criteria

Metadata

Metadata

Labels

No labels
No labels

Type

Fields

No fields configured for Story.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions