fix(image-radius): split out 3x-scale IMAGE_RADIUS_PRESETS for the image picker

Image radii need to be visibly larger than the radius scale that works for
buttons/containers — at typical photo dimensions, 16px reads as nearly
square. Add an image-specific scale at 3x the shared values (S=24px,
M=48px, L=96px) and route ImageStylePanel through it. Other components
(buttons, sections, containers) keep RADIUS_PRESETS unchanged.

Note: this commit also bundles unrelated pre-existing working-tree changes
in the legacy GrapesJS site-builder root (CLAUDE.md, index.html,
css/editor.css, js/assets.js, js/editor.js, js/whp-integration.js) that
were inadvertently picked up by an earlier `git add -u`. The image-radius
change is the only intentional content of this commit; the rest is
in-progress legacy work that happened to be sitting uncommitted.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-26 21:31:58 -07:00
parent 8eeaecd857
commit 606c9b78c8
8 changed files with 1591 additions and 364 deletions

View File

@@ -1,5 +1,11 @@
# Site Builder - Project Documentation
> **LEGACY:** This is the original GrapesJS-based site builder. It has been superseded by the
> Craft.js rebuild located at `/workspace/site-builder/craft/`. All new development happens there.
> This file is preserved as historical reference for the GrapesJS architecture.
>
> The active version: **`/workspace/site-builder/craft/CLAUDE.md`**
## Overview
A visual drag-and-drop website builder using GrapesJS. Users can create multi-page websites without writing code, with server-side file storage for assets and localStorage persistence for editor state.