Expand the form preview by default

[pinussilvestrus]

What should we do?

Expand the form preview by default (on first visit). When users change the toggle state, the state should still be persisted.

Why should we do it?

Make the preview easier to discover.

Hypothesis: without expanded preview, users don't recognize what the preview panel is, and how to toggle it (even using the new toolbar toggle). Since users do not see the value they can get using the preview, they churn immediately opening the editor (see data—30% churn).

• Requires tracking built in Web Modeler: https://github.com/camunda/web-modeler/issues/3145
• After 2 weeks of the preview expanded by default, compare new vs previous churn rate, and decide how to continue

[pinussilvestrus]

Copied over from bpmn-io/form-js#442 (initiated by @christian-konrad)

[pinussilvestrus]

Technically we are able to define a default state: https://github.com/camunda/form-playground/blob/main/src/components/PlaygroundComponent.js#L29

Alternative: do not specify this at the core, but rather implement this default behavior on first visit in the Web Modeler. The layout can be specified via config.

const formPlayground = await createFormPlayground({
  container: document.querySelector('#form-playground'),
  data,
  schema,
  layout: {
    "form-preview": {
        "open": true
    },
    "form-input": {
        "open": true
    },
    "form-output": {
        "open": true
    }
  }    
});

[christian-konrad]

I like it to be done this way in Web+Desktop Modeler. I will open an issue for both.