import type { LayoutNode } from 'officerdev';

/**
 * A nav down the left, and beside it the pair that does the work.
 *
 * ── Why the preview and the editor are a GROUP ──
 *
 * They were three siblings — nav, preview, editor — and the nesting is the whole difference. With three
 * in a row every divider is between two of them, so widening the editor took from the preview and
 * dragging the nav re-proportioned all three: three panels that can only be sized against each other.
 *
 * Nested, the outer divider moves the nav against THE WORK, and the inner one splits the work between
 * looking and changing. Those are the two questions somebody actually has — "give me more room to
 * work" and "I need more of the controls right now" — and each is now one drag that leaves the other
 * answer alone.
 *
 * ── 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: 'group',
        id: 'fofos-admin-work',
        direction: 'horizontal',
        children: [
          { node: { type: 'panel', id: 'fofos-admin-detail', appType: 'fofos-admin-detail' }, size: 70 },
          { node: { type: 'panel', id: 'fofos-admin-editor', appType: 'fofos-admin-editor' }, size: 30 },
        ],
      },
      size: 78,
    },
  ],
};