feat(ui): restructure split panel layout and add AI chat panel

[nitro56565]

Closes #380

Changes

• Restructured the main layout using a horizontal PanelGroup
• Introduced a 3-way vertical editor stack (Concerto Model, TemplateMark, JSON Data)
• Added a Preview pane as a horizontal sibling to the editors
• Integrated a new AI Assistant Chat Panel (feature developed by @akshat) into the layout
• Temporarily placed the AI Assistant toggle button in the Concerto Model panel header
• Commented out certain sections of UI logic that will be re-used in future steps

Flags

• The AI Assistant toggle is temporarily placed in the Concerto Model header. It will be moved to the Sidebar once that feature is implemented.
• Some code is currently commented out — these blocks are intentionally left in place as they are required in the upcoming UI features.
• Code cleanup and modularization will be performed incrementally as the rest of the structure is implemented.

Live Preview

Related Issues

• Issue Implement Split Panes with Responsive Editors #380
• Pull Request #
• AI Chat PR feat: AI Assistant Foundational Features #385

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to gsoc/feature-branch from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	2f9da66
🔍 Latest deploy log	https://app.netlify.com/projects/ap-template-playground/deploys/68af042e9e81250008b01a45
😎 Deploy Preview	https://deploy-preview-396--ap-template-playground.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sanketshevkar]

Functionality for the explore button is broken. Can you please fix that?

[akshatbatra]

Suggested a few adjustments to fix the explanation popup appearance.

[sanketshevkar]

Can't we just stack up the panels one another a particular dimension/viewport is hit? The Preview panel and the AI assistant panel should go under the editor section.

[sanketshevkar]

Scroll on preview window is not working. @nitro56565 can you please check that as well?

[nitro56565]

Can't we just stack up the panels one another a particular dimension/viewport is hit? The Preview panel and the AI assistant panel should go under the editor section.

We can do this @sanketshevkar but the UI experience wont be that good as this layout is in such a way that if we try to stack it up then we have to first go through individual editors scroll view then preview window scroll and then comes the AI section which will be very annoying as per UI. let me know your thoughts on this.

[nitro56565]

Scroll on preview window is not working. @nitro56565 can you please check that as well?

This issue has been resolved @sanketshevkar

[sanketshevkar]

We can do this @sanketshevkar but the UI experience wont be that good as this layout is in such a way that if we try to stack it up then we have to first go through individual editors scroll view then preview window scroll and then comes the AI section which will be very annoying as per UI. let me know your thoughts on this.

When we say we don't support mobile experience, I don't think its good idea to ship a complete broken experience. We don't expect them to use, so we don't build features with mobile optimisations, but surely shipping broken experience as you can see in the preview window is a bad idea.

We should at least have some message for them saying they should open up this app in desktop view to have a better experience, probably as a popup.

I'll merge this for now but please follow up on this focus as this as your next PR.