import type { LayoutNode } from 'officerdev';

// Generate stays narrow and fixed — it is a form, not a working area. Gallery gets the most room: it
// is the main "what did I make" view. The right column stacks the two organising views: Collections
// above, Providers below.
//
// Providers is here rather than in Officer's settings because a plugin contributes panels, not settings
// sections — the rule `IntegrationsSettings/index.tsx` states for email. It is placed smallest and last
// because it is configured once and then ignored, but it has to be REACHABLE, and a plugin whose only
// configuration screen lives in the platform is not self-contained.
//
// Users can resize or rearrange freely; this is only the starting point.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'atelier-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'atelier-generate', appType: 'atelier-generate' }, size: 26 },
    { node: { type: 'panel', id: 'atelier-gallery', appType: 'atelier-gallery' }, size: 48 },
    {
      node: {
        type: 'group',
        id: 'atelier-side',
        direction: 'vertical',
        children: [
          { node: { type: 'panel', id: 'atelier-collections', appType: 'atelier-collections' }, size: 60 },
          { node: { type: 'panel', id: 'atelier-providers', appType: 'atelier-providers' }, size: 40 },
        ],
      },
      size: 26,
    },
  ],
};