import type { LayoutNode } from 'officerdev';

/**
 * A nav down the left, whatever it selects beside it.
 *
 * Two panels rather than three: `plugins/proxy-manager` puts a chat across the bottom, and this does
 * not, because there is no fofos skill for an agent to use yet. A chat panel with nothing to tell the
 * agent about the site would be a third of the screen spent on a general-purpose conversation that is
 * better had in the chat screen. Worth adding on the day this plugin ships a `skills/` directory.
 *
 * The nav is the narrow one: nine rows of two short lines, and nothing in it grows.
 *
 * The editor is a COLUMN and not a drawer under the preview, which is where it used to be. A drawer
 * takes its height from the thing being edited — choosing a spacing shrank the page you were choosing
 * it for, and on a laptop two dropdowns cost a third of the frame. The preview stays whole and the
 * controls sit where a workspace puts controls.
 */
export const defaultLayout: LayoutNode = {
  type: 'group',
  id: 'fofos-admin-root',
  direction: 'horizontal',
  children: [
    { node: { type: 'panel', id: 'fofos-admin-nav', appType: 'fofos-admin-nav' }, size: 22 },
    { node: { type: 'panel', id: 'fofos-admin-detail', appType: 'fofos-admin-detail' }, size: 54 },
    { node: { type: 'panel', id: 'fofos-admin-editor', appType: 'fofos-admin-editor' }, size: 24 },
  ],
};