import type { LayoutNode } from 'officerdev';

/**
 * The app, with a chat down the right.
 *
 * The app takes most of it because it is a real application — tables, charts and crawls — and squeezing
 * that into half a screen makes it unusable rather than merely small. The chat is a column because
 * that is what a conversation wants, and because the agent's answers here are usually a sentence rather
 * than a table.
 *
 * Settings is in the registry and NOT in this layout on purpose: it is a form somebody uses once. It is
 * reachable by swapping a panel, which is what the panel picker is for, and giving it a permanent third
 * of the screen would spend the most valuable space on the least used thing.
 */
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'openseo-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'openseo-app', appType: 'openseo-app' }, size: 68 },
    { node: { type: 'panel', id: 'openseo-chat', appType: 'openseo-chat' }, size: 32 },
  ],
};