import type { LayoutNode } from 'officerdev';

// The tab list beside a preview, with chat underneath it — the shape the screen had before the
// extraction, with the `appType: null` placeholders replaced by the panels' real keys.
//
// Chat is deliberately still here. It is the platform's own panel, not this plugin's, and the point of
// the layout is driving a browser while talking to an agent about what is on it.
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'browser-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'browser-tabs', appType: 'officerdev/browser-tabs' }, size: 25 },
    {
      node: {
        type: 'group',
        id: 'browser-right',
        direction: 'vertical',
        children: [
          { node: { type: 'panel', id: 'browser-preview', appType: 'officerdev/browser-preview' }, size: 60 },
          { node: { type: 'panel', id: 'browser-chat', appType: 'officerdev/chat' }, size: 40 },
        ],
      },
      size: 75,
    },
  ],
};