Layout Builder

Package docs status

This page is generated from public package documentation in capell-4/packages and the package manifest checked into the source repository.

Field	Value
Composer package	`capell-app/layout-builder`
Package slug	`layout-builder`
Product group	Capell Foundation
Tier	free
Bundle	`foundation`
Runtime contexts	`admin`, `frontend`, `console`
Capell version	`^4.0`
Source repository	`capell-app/packages`
Source path	`packages/layout-builder`
Docs source	`packages/layout-builder/docs`
Manifest	`capell.json`

What This Plugin Adds

Layout Builder is an Available, Schema-owning Capell package in the Capell Foundation product group. It ships as capell-app/layout-builder and extends these surfaces: admin, frontend, console.

Compose pages visually with reusable widgets and named layout areas - edit content fast in content-first mode, or drag-and-drop the full layout. Renders to clean, query-free public HTML that never leaks editor internals.

After install, admins get package-owned management surfaces and public users may see package-owned frontend output or routes.

Status details:

Status: Available
Tier: free
Bundle: foundation
Composer package: capell-app/layout-builder
Namespace: Capell\LayoutBuilder
Theme key: not applicable

Why It Matters

For developers: The package gives developers package-owned service providers, Actions, Data objects, models, Filament classes, and Blade views instead of pushing this behaviour into core or application code.

For teams: Compose pages visually with reusable widgets and named layout areas - edit content fast in content-first mode, or drag-and-drop the full layout. Renders to clean, query-free public HTML that never leaks editor internals.

Screens And Workflow

Screenshot contract: docs/screenshots.json.

Widgets admin index (admin, required).
Create/edit widget form with widget assets (admin, required).
Layout Builder editor screen (admin, required).
Sections admin index (admin, required).
Public page rendering Layout Builder widgets (frontend, required).

Technical Shape

Service providers: Capell\LayoutBuilder\LayoutBuilderServiceProvider.
Config files: packages/layout-builder/config/capell-layout-builder.php.
Migrations: packages/layout-builder/database/migrations/2026_05_10_190841_01_create_layouts_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_02_create_widgets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_03_create_widget_assets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_04_create_widget_widgets_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_05_add_container_widgets_to_layouts_table.php, packages/layout-builder/database/migrations/2026_05_10_190841_06_create_layout_presets_table.php, packages/layout-builder/database/migrations/2026_06_07_000001_create_layout_bulk_change_tables.php.
Models: Layout, LayoutBulkChangeResult, LayoutBulkChangeRun, LayoutPreset, Widget, WidgetAsset, WidgetWidget.
Filament classes: CreateWidgetAction, ActionsRepeater, AlignSelect, AssetTypeSelect, AssetsRepeater, BackgroundSchema, CarouselSettingsSchema, ColorSchemeComponent, ColumnInput, ContainerWidthSelect, CustomColorInput, HeadingSizeSelect, and 80 more.
Livewire components: AuthorizesLayoutBuilderAccess, HasLayoutActions, ManagesAssets, ManagesContainers, ManagesLayoutBuilderState, ManagesWidgets, LayoutBuilder, ModalTableSelect, LayoutBuilderActionFactory.
Policies: LayoutPresetPolicy.
Listeners: AfterRecordSaved, LayoutLoaded, SiteTreeRebuilt, TypeValidated.
Actions: AddHeroWidgetToLayoutAction, AddWidgetToLayoutContainerAction, AnalyzeLayoutDiagnosticsAction, AnalyzeLayoutHealthAction, ApplyLayoutPresetAction, ApplyLayoutSidebarWidgetContributionsAction, ApplyStarterLayoutPresetAction, AttachWidgetToLayoutAreaAction, BuildLayoutBuilderTreeAction, BuildLayoutContentInventoryAction, BuildPublicLayoutGraphAction, BuildWidgetVisualRegressionManifestAction, and 47 more.
Data objects: AdminLayoutPreviewData, AdminWidgetPreviewData, LayoutWidgetResourceUsageData, ActivityItemData, LayoutHealthData, LeastUsedWidgetData, RecentActivityData, UnusedWidgetData, WidgetGroupData, DemoSitePlanData, LayoutAssetBridgeData, LayoutBuilderStateData, and 26 more.
Jobs: ApplyLayoutBulkChangeRunJob.
Command signatures: capell:layout-builder-install.
Console command classes: InstallCommand, LayoutBulkChangeCommand, WidgetVisualRegressionCommand.
Manifest contributions: admin-resource: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, asset: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, configurator: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar, migration: Capell\LayoutBuilder\Manifest\LayoutBuilderMigrationsContribution, model: Capell\LayoutBuilder\Manifest\LayoutBuilderModelsContribution, page-type: Capell\LayoutBuilder\Manifest\LayoutBuilderPageTypesContribution, route: Capell\LayoutBuilder\Manifest\LayoutBuilderRoutesContribution, schema-extender: Capell\LayoutBuilder\Support\LayoutBuilderAdminRegistrar.
Health checks: Capell\LayoutBuilder\Health\LayoutBuilderHealthCheck.
Blade views: packages/layout-builder/resources/views/components/filament/layout-builder/asset.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/assets.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/container.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/drag-handle-icon.blade.php, packages/layout-builder/resources/views/components/filament/layout-builder/widget.blade.php, packages/layout-builder/resources/views/components/infolists/entries/layout-widget.blade.php, packages/layout-builder/resources/views/components/infolists/entries/layout-widgets.blade.php, packages/layout-builder/resources/views/components/layout-widget-assets.blade.php, packages/layout-builder/resources/views/components/layout-widgets/content.blade.php, packages/layout-builder/resources/views/components/layout-widgets/image.blade.php, packages/layout-builder/resources/views/components/layout-widgets/index.blade.php, packages/layout-builder/resources/views/components/layout-widgets/interaction-target.blade.php, and 21 more.
Cache tags: layout-builder.

Data Model

Required tables: layouts, widgets, widget_assets, widget_widgets, layout_presets, layout_bulk_change_runs, layout_bulk_change_results.
Models: Layout, LayoutBulkChangeResult, LayoutBulkChangeRun, LayoutPreset, Widget, WidgetAsset, WidgetWidget.
Migration files: 2026_05_10_190841_01_create_layouts_table.php, 2026_05_10_190841_02_create_widgets_table.php, 2026_05_10_190841_03_create_widget_assets_table.php, 2026_05_10_190841_04_create_widget_widgets_table.php, 2026_05_10_190841_05_add_container_widgets_to_layouts_table.php, 2026_05_10_190841_06_create_layout_presets_table.php, 2026_06_07_000001_create_layout_bulk_change_tables.php.
Migration impact: run host migrations through the package install flow before opening package surfaces.
Deletion/retention behaviour: Docs gap unless the package has an explicit pruning command, retention setting, or tested cascade path.

Install Impact

Admin navigation: adds package-owned Filament classes when registered.
Permissions: ViewAny:Layout, View:Layout, Create:Layout, EditContent:Layout, EditLayout:Layout, Update:Layout, Delete:Layout, DeleteAny:Layout, Restore:Layout, ForceDelete:Layout, Replicate:Layout, Reorder:Layout, BulkMutate:Layout.
Public routes: none detected in package route files.
Database changes: package migrations are declared.
Settings: no package settings declared.
Queues or schedules: review package jobs or schedules before install.
Cache tags: layout-builder.
Commands: capell:layout-builder-install.

Common Pitfalls

Run migrations before opening package resources or public routes.
Keep public Blade and cached HTML free of authoring markers, model IDs, permissions, signed editor URLs, and lazy database queries.
Run package commands from the host app; in this repository use vendor/bin/pest for package tests.
Keep composer.json, composer.local.json, capell.json, docs, screenshots, and tests aligned when the package surface changes.

Troubleshooting

Symptom	Likely cause	Check	Fix
Package surface is missing after install	Provider or manifest is not loaded	Confirm `capell.json`, package `composer.json`, and provider registration	Reinstall the package, refresh Composer autoload, and clear host caches
Admin screen or command fails on missing table	Package migrations have not run	Check the tables listed in `Data Model`	Run host migrations and rerun the focused package test
Background work does not run	Queue worker or scheduled command is not active	Check package jobs, commands, and host scheduler configuration	Start the queue or scheduler, then run the focused command or package test
Public output leaks unexpected state	Render data, cache variation, or authoring boundary has regressed	Check public Blade, cache tags, and public-output safety tests	Move data loading out of Blade and rerun the package public-output tests

Quick Start

Install the package: composer require capell-app/layout-builder.
Run the required setup: php artisan capell:layout-builder-install.
Open the related Capell admin surface and verify Layout Builder appears.

Next Steps

Package docs
Overview
Screenshot contract
Marketplace assets
Capell content language plan
Capell documentation design system
Capell and package ERD notes
Related packages: Block Library, Content Sections, Frontend Authoring, Publishing Studio, Structured Content Library.
Focused tests: vendor/bin/pest packages/layout-builder/tests --configuration=phpunit.xml.