<!-- source-hash: 25788d62c9b251ff8382443ab8b6fcff -->
A client-side React component that renders all four standard changelog sections (Features Added, Bugs Fixed, Improvements, Breaking Changes) as a unified, styled panel by composing multiple `ChangelogManager` instances.

## Key Components

- **`ChangelogSectionsManager`** — Main exported component that groups and renders all changelog sections in a single card layout
- **`ChangelogSectionsManagerProps`** — Interface defining per-section entry arrays, change handlers, optional `className`, and `expandAll` flag
- **`expandAll`** — Boolean prop that expands all entries across all sections simultaneously, intended for use after AI enrichment populates fields

## Usage Example

```typescript
import { ChangelogSectionsManager } from './changelog-sections-manager';
import type { ChangelogEntry } from '../../types/product-release';

const [featuresAdded, setFeaturesAdded] = useState<ChangelogEntry[]>([]);
const [bugsFixed, setBugsFixed] = useState<ChangelogEntry[]>([]);
const [improvements, setImprovements] = useState<ChangelogEntry[]>([]);
const [breakingChanges, setBreakingChanges] = useState<ChangelogEntry[]>([]);

<ChangelogSectionsManager
  featuresAdded={featuresAdded}
  bugsFixed={bugsFixed}
  improvements={improvements}
  breakingChanges={breakingChanges}
  onFeaturesAddedChange={setFeaturesAdded}
  onBugsFixedChange={setBugsFixed}
  onImprovementsChange={setImprovements}
  onBreakingChangesChange={setBreakingChanges}
  expandAll={aiEnrichmentComplete}
/>
```

Each section delegates entry management (add, edit, remove) to its own `ChangelogManager` instance while sharing the `expandAll` state, keeping the parent component's state management straightforward with one array and one setter per section.