Add sequencing to new layers (pages & blocks)

[Vishal24-Kanini]

Description

This PR implements the feature, when user add new layers like pages they should count up numerically based on when they are added.
This PR also implements the feature, when user add new blocks they should count up numerically based on when they are added to the page.

Changes Made

• Added sequencing to the pages, when add a new page, sequencing starts from page--1, page--2, page--3, page--4, and so on.
• Added sequencing to the blocks also when user add new blocks they should count up numerically based on when they are added to the page.
• Sequencing of blocks also starts from block--1, block--2, block--3, even across the multiple pages the count will goes on continuously.
• User can save the app and came again to add new page or a new block, count will where it left.
• Confirmed and put the check that page sequencing should not mix with block sequencing.

How to Test

1. Steps to reproduce/test the behavior
2. Expected outcomes

[github-actions]

@CodiumAI-Agent /describe

[github-actions]

@CodiumAI-Agent /review

[QodoAI-Agent]

Title

Add sequencing to new layers (pages & blocks)

---

User description

Description

This PR implements the feature, when user add new layers like pages they should count up numerically based on when they are added.
This PR also implements the feature, when user add new blocks they should count up numerically based on when they are added to the page.

Changes Made

• Added sequencing to the pages, when add a new page, sequencing starts from page--1, page--2, page--3, page--4, and so on.
• Added sequencing to the blocks also when user add new blocks they should count up numerically based on when they are added to the page.
• Sequencing of blocks also starts from block--1, block--2, block--3, even across the multiple pages the count will goes on continuously.
• User can save the app and came again to add new page or a new block, count will where it left.
• Confirmed and put the check that page sequencing should not mix with block sequencing.

How to Test

1. Steps to reproduce/test the behavior
2. Expected outcomes

---

PR Type

Enhancement

---

Description

• Add sequential numbering for page IDs

• Assign globally unique block numbers

• Replace random IDs with deterministic sequences

• Remove debug log and clean up formatting

---

Changes diagram

flowchart LR
  A["ADD_BLOCK action"] --> B["StateStore.generateBlock"]
  B -- "widget == 'page'" --> C["Compute next page--N"]
  B -- "widget != 'page'" --> D["Compute next widget--N"]
  C --> E["Return page--N ID"]
  D --> E["Return widget--N ID"]

Loading

---

Changes walkthrough 📝

	Relevant files
Enhancement	state.store.ts Implement sequential ID generation                                              libs/renderer/src/store/state/state.store.ts Replace random ID generation with sequences Add page sequential numbering logic Add global block numbering across pages Keep page and block sequences separate +34/-1
Formatting	LayersPanel.tsx Remove debug log                                                                                  packages/client/src/components/blocks-workspace/panels/LayersPanel.tsx Removed debug console.log for newPageId Simplify error path unchanged +0/-1      Help.tsx Fix component return indentation                                                  packages/client/src/components/help/Help.tsx Fix indentation of return statement Remove extra leading whitespace +1/-1      EngineLayout.tsx Clean up layout formatting                                                              packages/client/src/pages/engine/EngineLayout.tsx Remove stray blank line before StyledContent Clean up layout file formatting +0/-1

---

Need help?

Type /help how to ... in the comments thread for any questions about PR-Agent usage.

Check out the documentation for more information.

[github-actions]

@CodiumAI-Agent /improve

[QodoAI-Agent]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review ID Collision Generating IDs by scanning existing blocks can lead to race conditions and duplicate IDs if two pages or blocks are added concurrently. Consider centralizing sequencing logic or using an atomic counter to avoid conflicts. let id: string; if (json.widget === "page") { // Find all page blocks and their numbers const usedPageNumbers = new Set<number>(); Object.keys(this._store.blocks).forEach(blockId => { const match = blockId.match(/^page--(\d+)$/); if (match) { usedPageNumbers.add(Number(match[1])); } }); // Find the lowest available page number let pageNum = 2; // Start from 2 to avoid conflicts with the default page while (usedPageNumbers.has(pageNum)) { pageNum++; } id = `page--${pageNum}`; } else if (json.widget !== "page") { Performance Iterating over the entire blocks store on every new block/page creation may become costly as the number of blocks grows. Consider maintaining a cached next-sequence value or incremental tracker. // Find all page blocks and their numbers const usedPageNumbers = new Set<number>(); Object.keys(this._store.blocks).forEach(blockId => { const match = blockId.match(/^page--(\d+)$/); if (match) { usedPageNumbers.add(Number(match[1])); } }); // Find the lowest available page number let pageNum = 2; // Start from 2 to avoid conflicts with the default page while (usedPageNumbers.has(pageNum)) { pageNum++; } id = `page--${pageNum}`; } else if (json.widget !== "page") { // Global sequencing: find all block numbers used, regardless of page and widget type const usedBlockNumbers = new Set<number>(); Object.values(this._store.blocks).forEach(block => { if (block.widget !== "page") { const match = block.id.match(/^.+--(\d+)$/); if (match) { usedBlockNumbers.add(Number(match[1])); } } }); // Find the lowest available block number let blockNum = 1; while (usedBlockNumbers.has(blockNum)) { blockNum++; } id = `${json.widget}--${blockNum}`;

[QodoAI-Agent]

PR Code Suggestions ✨

No code suggestions found for the PR.

[johbaxter]

Overall i think we can split this logic out into its own private function.

With this we should probably be a bit more optimal, and not do a loop through blocks and rather do a check.

Will put this in the next commit

[github-actions]

@CodiumAI-Agent /update_changelog

[QodoAI-Agent]

Changelog updates: 🔄

2025-07-18 *

Added

• Numeric sequencing for pages when adding new pages.
• Numeric sequencing for blocks when adding new blocks, with counts persisting across sessions and pages.

to commit the new content to the CHANGELOG.md file, please type:
'/update_changelog --pr_update_changelog.push_changelog_changes=true'