import type { LayoutNode } from 'officerdev';

/**
 * A nav down the left, and beside it the pair that does the work.
 *
 * ── Two children, not three ──
 *
 * The preview and its editor are a WORKSPACE INSIDE A PANEL — see WorkPanel — rather than two more
 * children here. Nesting them as a group was tried first and looked identical: a horizontal group in a
 * horizontal group renders three columns, because that is what it is, and all the nesting bought was
 * which divider moved what.
 *
 * A panel is a real container. The pair has its own chrome, its own dividers and its own persisted
 * sizes, and this file has two children — so the shape on screen is the shape in the file.
 *
 * ── The nav is the narrow one ──
 *
 * Nine rows of two short lines, and nothing in it grows.
 *
 * ── The editor is a column, not a drawer ──
 *
 * It was under the preview and took its height from it: choosing a spacing shrank the page you were
 * choosing it for, and on a laptop two dropdowns cost a third of the frame. The workspace already knows
 * how to size and move panels — a drawer was a second, worse layout system living inside one.
 *
 * ── Still no chat panel ──
 *
 * `plugins/proxy-manager` puts one across the bottom and this does not, because there is no fofos skill
 * for an agent to use yet. Worth adding on the day this plugin ships a `skills/` directory.
 */
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-work', appType: 'fofos-admin-work' }, size: 78 },
  ],
};