Oleg Isonen 9feb53248c feat: Explain an empty Content mode Navigator (#6601)
## Problem and result

A page without a Content Block leaves the Navigator blank in Content
mode. The approved warning now explains how a designer can make page
areas editable.

Closes #6600

## Checklist

- [x] Show the warning only when a selected page has no visible Content
Block in Content mode.
- [x] Keep the warning out of Design mode, loading states, and pages
with a Content Block.
- [x] Add a focused regression test; it failed on the missing warning
before the fix and passed afterward.
- [x] Keep the regression test independent of incidental warning copy.
- [x] Run the relevant Builder tests, typecheck, lint, formatting, and
diff review after the test update.
- [x] Review the authoritative `docs/` content. The Content Block guide
already explains how designers set up editable areas, so no
documentation change is needed.
- [x] Verify required CI checks to completion after the test update.

## Implementation notes

The Navigator uses its existing visible tree state and a warning
PanelBanner. No data model, migration, fixture, or generated output
changed. The shared Webstudio `AGENTS.md` was also updated locally to
discourage matching incidental UI copy in tests; that file is outside
this Git repository and is not part of this PR.

## Verification

- The revised test failed with the warning temporarily disabled and
passed when it was restored.
- Navigator browser tests: 22 passed.
- Builder typecheck, repository lint, changed-file formatting, and `git
diff --check`: passed.
- CI for commit `127344428a4f562a9d7e505088365b26517ed2f3`: 29 checks
passed, 7 skipped, none failed.
- Storybook screenshots were not run; they require separate permission
under the repository testing guide.
- No fixture input or output is affected. CI fixture checks passed on
Linux and Windows.
2026-10-25 12:11:52 +01:00
2026-07-12 11:27:58 +02:00
2026-02-05 10:25:17 +01:00
2026-03-20 21:09:47 +01:00
2023-09-06 21:43:29 +03:00

builder-screenshot

Webstudio is an Open Source Visual Development Platform for developers, designers, and cross-functional teams. You own the data, components, and infrastructure. You can use the hosted version or roll out your own.


Learning Resources

Social Media

License

  • Webstudio core (all functionality in this repository) is free/open-source under AGPL-3.0-or-later.
  • sdk-components-animation package (optional) is proprietary. You must accept the Webstudio, Inc. EULA located in sdk-components-animation/LICENSE before using it.
Languages
TypeScript 98.9%
PLpgSQL 0.5%
CSS 0.3%
Shell 0.2%
JavaScript 0.1%