export enum DIRECTION {
	Increment,
	Decrement,
}

export enum TABS {
	FEED = 1,
	MYSHOWS = 2,
	DISCOVER = 3,
	SEARCH = 4,
	PLAYER = 5,
	SETTINGS = 6,
}
export const TabsCount = 6;

/** Tabs that use the yazi depth-stack model (prev | current | preview
 *  columns, infinite drill via push/pop). Search drills query→results, and
 *  Player drills into its single now-playing pane under the tab list (the
 *  parent=/tabs, current=player, preview hidden). */
export const DEPTH_TABS: ReadonlySet<TABS> = new Set([
	TABS.FEED,
	TABS.MYSHOWS,
	TABS.DISCOVER,
	TABS.SEARCH,
	TABS.PLAYER,
	TABS.SETTINGS,
]);

/** Root (depth-0) frame for a depth-tab — identifies the top-level list each
 *  page renders at root. Pages interpret the `kind` to derive their list. */
export function rootFrameFor(
	tab: TABS,
): import("@/context/NavigationContext").DepthFrame {
	switch (tab) {
		case TABS.FEED:
			return { kind: "feeds", focus: 0 };
		case TABS.MYSHOWS:
			return { kind: "shows", focus: 0 };
		case TABS.DISCOVER:
			return { kind: "discover:categories", focus: 0 };
		case TABS.SEARCH:
			return { kind: "search:query", focus: 0 };
		case TABS.PLAYER:
			return { kind: "player:nowplaying", focus: 0 };
		case TABS.SETTINGS:
			return { kind: "settings:sections", focus: 0 };
		default:
			return { kind: "root", focus: 0 };
	}
}

// The per-tab page components + pane counts live in `src/utils/layer-graph.ts`,
// split out so this module stays free of `.tsx`/JSX imports (unit-testable).

// Yazi-style pane grow ratios (parent : current : preview). Panes use
// flexGrow (Yoga) so columns always sum to the row width regardless of
// terminal size — more robust than fixed percentages and exactly mirrors
// yazi's `mgr.ratio` config. Set a slot's ratio to 0 to hide it (2-pane tabs).
//
// Current ratios: parent : current : preview = 2 : 5 : 3, i.e. 20% / 50% / 30%
// of the row width (2 : 5 : 3 of 10). 2-pane tabs drop the preview slot and
// give `current` the combined 8/10 (80%).
export const PANE_RATIO = {
	parent: 2,
	current: 5,
	preview: 3,
} as const;

// Number of *focusable* content panes per tab. The three visible columns
// (parent | current | preview) are a *render* concern, NOT three panes — for
// depth-tabs only the current column (index 0) is focusable, so this is 1.
// Every tab is now a depth-tab: each drills with `l` (push) and pops with `h`
// (returns to the tab root at depth 0) via the Shell dispatch. Defined here
// (after TABS) to avoid re-introducing the old NavigationContext top-level-
// init circular deadlock.
export const TabPaneCount: Record<TABS, number> = {
	[TABS.FEED]: 1, // depth: feeds → episodes → preview
	[TABS.MYSHOWS]: 1, // depth: shows → episodes → preview
	[TABS.DISCOVER]: 1, // depth: categories → results → preview
	[TABS.SEARCH]: 1, // depth: query → results, preview=detail
	[TABS.PLAYER]: 1, // depth: now-playing (2-pane, no preview)
	[TABS.SETTINGS]: 1, // depth: sections → items → editor
};