seedcord 0.16.0-next.9 → 0.16.0

package/dist/cli.mjs

@@ -1,4 +1,4 @@
-import { n as SEEDCORD_CONFIG_FILENAMES, t as version } from "./src-CYYGi1vs.mjs";
+import { n as SEEDCORD_CONFIG_FILENAMES, t as version } from "./src-pMIoZiL7.mjs";
 import { createRequire } from "node:module";
 import { Command } from "@commander-js/extra-typings";
 import { LEVEL_COLOR, Logger, LoggerChannelRegistry } from "@seedcord/logger";
@@ -6,7 +6,7 @@ import { formatBody, installNodeDefaults } from "@seedcord/logger/node";
 import { SeedcordErrorCode, isSeedcordError } from "@seedcord/errors";
 import { existsSync } from "node:fs";
 import { SeedcordError, validateDiscordToken } from "@seedcord/errors/internal";
-import { dirname, extname, isAbsolute, join, relative, resolve } from "node:path";
+import { dirname, extname, isAbsolute, join, relative, resolve, sep } from "node:path";
 import { pathToFileURL } from "node:url";
 import { createJiti } from "jiti";
 import { tsImport } from "tsx/esm/api";
@@ -22,7 +22,7 @@ import chalk from "chalk";
 import { autocompleteMultiselect, cancel, confirm, intro, isCancel, log, multiselect, note, outro, select, spinner } from "@clack/prompts";
 import { createInterface } from "node:readline";
 import { Box, Text, measureElement, render, useAnimation, useInput, useWindowSize } from "ink";
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import React, { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { TypedEventEmitter } from "@seedcord/event-emitter";
 import Spinner from "ink-spinner";
 import { assertNever } from "@seedcord/utils";
@@ -36,10 +36,10 @@ var BaseCommand = class {
 	name;
 	description;
 	logger;
-	constructor(name, description, loggerChannel) {
+	constructor(name, description, label) {
 		this.name = name;
 		this.description = description;
-		this.logger = new Logger(loggerChannel);
+		this.logger = new Logger(label, { channel: "cli" });
 	}
 };
 
@@ -461,7 +461,7 @@ var BuildRunner = class BuildRunner {
 var BuildCommand = class extends BaseCommand {
 	runner;
 	constructor() {
-		super("build", "Compile a Seedcord project from the config file", "CLI:Build");
+		super("build", "Compile a Seedcord project from the config file", "Build");
 		this.runner = BuildRunner.create(this.logger);
 	}
 	register(program) {
@@ -589,11 +589,19 @@ var AugmentationBuilder = class {
 //#region src/commands/codegen/renderAugmentation.ts
 const BANNER = `// Generated by \`seedcord codegen\`. Do not edit by hand.
 // Run \`seedcord codegen\` after changing your commands or emoji config.`;
+const BOT_BINDING = "Bot";
 const IDENTIFIER = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 const CONTROL_CHAR = 32;
 const HEX_RADIX = 16;
-function renderAugmentation(registry, target) {
-	return `${BANNER}\n\n// prettier-ignore\ndeclare module '${target}' {\n    interface SlashOptionRegistry {\n${renderSlashRows(registry.slash)}\n    }\n    interface UserContextMenuRegistry {\n${renderContextMenuRows(registry.userContextMenus)}\n    }\n    interface MessageContextMenuRegistry {\n${renderContextMenuRows(registry.messageContextMenus)}\n    }\n    interface EmojiMap {\n${renderEmojiRows(registry.emojis)}\n    }\n}\n\nexport {};\n`;
+function renderAugmentation(registry, target, plugins) {
+	const keys = [...plugins?.keys ?? []].sort(compare);
+	const attached = plugins !== void 0 && keys.length > 0;
+	const botImport = attached ? `import type ${BOT_BINDING} from '${escapeLiteral(plugins.specifier)}';\n\n` : "";
+	const coreRows = attached ? `    interface Core {\n${renderPluginRows(keys)}\n    }\n` : "";
+	return `${`${BANNER}\n\n${botImport}// prettier-ignore\ndeclare module '${target}' {\n` + coreRows}    interface SlashOptionRegistry {\n${renderSlashRows(registry.slash)}\n    }\n    interface UserContextMenuRegistry {\n${renderContextMenuRows(registry.userContextMenus)}\n    }\n    interface MessageContextMenuRegistry {\n${renderContextMenuRows(registry.messageContextMenus)}\n    }\n    interface EmojiMap {\n${renderEmojiRows(registry.emojis)}\n    }\n}\n\nexport {};\n`;
+}
+function renderPluginRows(keys) {
+	return keys.map((key) => `        ${renderKey(key)}: (typeof ${BOT_BINDING})['${escapeLiteral(key)}'];`).join("\n");
 }
 function renderSlashRows(tables) {
 	return Object.entries(tables).sort(([first], [second]) => compare(first, second)).map(([route, options]) => `        ${renderKey(route)}: ${renderRow(options)};`).join("\n");
@@ -660,6 +668,11 @@ function compare(first, second) {
 //#endregion
 //#region src/commands/codegen/CodegenRunner.ts
 const OUTPUT_FILENAME = "seedcord-gen.d.ts";
+const ENTRY_EXTENSION = /\.[mc]?[jt]sx?$/;
+function botSpecifier(root, instance) {
+	const posix = relative(root, instance).split(sep).join("/").replace(ENTRY_EXTENSION, "");
+	return posix.startsWith(".") ? posix : `./${posix}`;
+}
 /**
 * Orchestrates `seedcord codegen`. Locates and loads the CLI config, imports the user's Seedcord instance to
 * read its commands directory and emoji config, scans and instantiates each command for its `toJSON()`, then
@@ -684,8 +697,11 @@ var CodegenRunner = class CodegenRunner {
 	}
 	async run(check) {
 		const config = await this.loadConfig();
-		const { commands, emojis, augmentTarget } = await this.scan(config);
-		const rendered = renderAugmentation(this.generator.generate(commands, emojis), augmentTarget);
+		const { commands, emojis, augmentTarget, pluginKeys } = await this.scan(config);
+		const rendered = renderAugmentation(this.generator.generate(commands, emojis), augmentTarget, {
+			specifier: botSpecifier(config.root, config.instance),
+			keys: pluginKeys
+		});
 		const outputPath = resolve(config.root, OUTPUT_FILENAME);
 		if (check) {
 			await this.check(rendered, outputPath);
@@ -697,13 +713,14 @@ var CodegenRunner = class CodegenRunner {
 		return this.configLoader.load(this.locator.locate());
 	}
 	async scan(config) {
-		const { commandsDir, emojis, augmentTarget } = await this.resolveInstance(config);
+		const { commandsDir, emojis, augmentTarget, pluginKeys } = await this.resolveInstance(config);
 		const commands = [];
 		if (commandsDir) for await (const command of this.walk(commandsDir, /* @__PURE__ */ new Set(), true)) commands.push(command);
 		return {
 			commands,
 			emojis,
-			augmentTarget
+			augmentTarget,
+			pluginKeys
 		};
 	}
 	async *walk(dir, seen, isRoot) {
@@ -741,7 +758,8 @@ var CodegenRunner = class CodegenRunner {
 		return {
 			commandsDir: commandsPath ? resolve(process.cwd(), commandsPath) : void 0,
 			emojis: instance.config.bot.emojis ?? {},
-			augmentTarget: instance.augmentTarget
+			augmentTarget: instance.augmentTarget,
+			pluginKeys: instance.pluginKeys
 		};
 	}
 	commandJsonOf(exported) {
@@ -788,7 +806,7 @@ var CodegenRunner = class CodegenRunner {
 var CodegenCommand = class extends BaseCommand {
 	runner;
 	constructor() {
-		super("codegen", "Generate typed augmentations (slash options, context menus, emojis) from your commands and config", "CLI:Codegen");
+		super("codegen", "Generate typed augmentations from your commands and config", "Codegen");
 		this.runner = CodegenRunner.create(this.logger);
 	}
 	register(program) {
@@ -1358,7 +1376,7 @@ function hasCleanFlags(options) {
 var CommandsCommand = class extends BaseCommand {
 	cleanRunner;
 	constructor() {
-		super("commands", "Inspect and clean deployed guild commands", "CLI:Commands");
+		super("commands", "Inspect and clean deployed guild commands", "Commands");
 		this.cleanRunner = CleanRunner.create();
 	}
 	register(program) {
@@ -1411,7 +1429,7 @@ const INITIAL_CURSOR = {
 	levels: 0
 };
 function moveCursor(cursor, move, channelCount, levelCount) {
-	if (move === "up" || move === "down") return {
+	if (move === "switch") return {
 		...cursor,
 		group: cursor.group === "channels" ? "levels" : "channels"
 	};
@@ -1554,6 +1572,25 @@ function useLogs(channels, levels) {
 	]);
 }
 
+//#endregion
+//#region src/ui/hooks/useMeasuredHeight.ts
+/**
+* The rendered height of a box, 0 until the first measurement lands.
+*
+* No dep array. A box moves for reasons its caller cannot enumerate, and one of them can be derived from the
+* height itself, which rules out a dependency list. The equality bail is what keeps the per-render measurement
+* from forming an update chain.
+*/
+function useMeasuredHeight(ref) {
+	const [height, setHeight] = useState(0);
+	useLayoutEffect(() => {
+		if (!ref.current) return;
+		const next = measureElement(ref.current).height;
+		setHeight((prev) => prev === next ? prev : next);
+	});
+	return height;
+}
+
 //#endregion
 //#region src/ui/hooks/useRailWidth.ts
 function useRailWidth(railRef, phase, rows, columns) {
@@ -1640,7 +1677,6 @@ function useScroll(items, viewportHeight, getKey) {
 //#endregion
 //#region src/ui/palette.ts
 const ui = {
-	heading: "#7aa2f7",
 	accent: "#7dcfff",
 	muted: "#9aa0b3",
 	faint: "#565c6b",
@@ -1684,7 +1720,7 @@ const PHASE_META = {
 	},
 	error: {
 		label: "error",
-		icon: "✖",
+		icon: "✘",
 		color: ui.bad,
 		kind: "static"
 	},
@@ -1753,6 +1789,12 @@ const FILTER_LEVELS = [
 	"debug",
 	"trace"
 ];
+function Heading({ label, open }) {
+	return /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, {
+		color: ui.accent,
+		bold: true
+	}, open ? "▾" : "▸"), /* @__PURE__ */ React.createElement(Text, { color: ui.muted }, " ", label));
+}
 function Chip$1({ label, on, color, focused }) {
 	return /* @__PURE__ */ React.createElement(Box, { marginRight: 1 }, on ? /* @__PURE__ */ React.createElement(Text, {
 		color,
@@ -1764,15 +1806,18 @@ function Chip$1({ label, on, color, focused }) {
 		underline: focused
 	}, label));
 }
-function FilterChips({ channels, enabledChannels, enabledLevels, cursor }) {
+function FilterChips({ channels, enabledChannels, enabledLevels, cursor, open }) {
 	const allChannels = enabledChannels.size === 0;
 	const allLevels = enabledLevels.size === 0;
 	const channelFocus = focusedIn(cursor, "channels", channels.length);
 	const levelFocus = focusedIn(cursor, "levels", FILTER_LEVELS.length);
-	return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, {
-		bold: true,
-		color: ui.heading
-	}, "- channels"), /* @__PURE__ */ React.createElement(Box, {
+	return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, open ? null : /* @__PURE__ */ React.createElement(Text, {
+		dimColor: true,
+		wrap: "truncate"
+	}, "↕ resize to see filters"), /* @__PURE__ */ React.createElement(Heading, {
+		label: "channels",
+		open
+	}), open ? /* @__PURE__ */ React.createElement(Box, {
 		marginLeft: 2,
 		flexWrap: "wrap"
 	}, channels.map((channel, index) => /* @__PURE__ */ React.createElement(Chip$1, {
@@ -1781,10 +1826,10 @@ function FilterChips({ channels, enabledChannels, enabledLevels, cursor }) {
 		on: allChannels || enabledChannels.has(channel),
 		color: channelColor(channel),
 		focused: channelFocus === index
-	}))), /* @__PURE__ */ React.createElement(Text, {
-		bold: true,
-		color: ui.heading
-	}, "- levels"), /* @__PURE__ */ React.createElement(Box, {
+	}))) : null, /* @__PURE__ */ React.createElement(Heading, {
+		label: "levels",
+		open
+	}), open ? /* @__PURE__ */ React.createElement(Box, {
 		marginLeft: 2,
 		flexWrap: "wrap"
 	}, FILTER_LEVELS.map((level, index) => /* @__PURE__ */ React.createElement(Chip$1, {
@@ -1793,7 +1838,7 @@ function FilterChips({ channels, enabledChannels, enabledLevels, cursor }) {
 		on: allLevels || enabledLevels.has(level),
 		color: LEVEL_COLOR[level],
 		focused: levelFocus === index
-	}))));
+	}))) : null);
 }
 
 //#endregion
@@ -1849,17 +1894,16 @@ function applyAtCursor(ctx, channels, onChannel, onLevel) {
 	const level = index === null ? void 0 : FILTER_LEVELS[index];
 	if (level !== void 0) ctx.setEnabledLevels(onLevel(ctx.enabledLevels, level));
 }
-function handleToggleMode(ctx) {
-	if (!ctx.showToggles) return false;
+function handleFilters(ctx) {
+	if (!ctx.filtersOpen) return false;
 	const channels = LogStore.instance.getChannels();
 	const move = (dir) => ctx.setCursor(moveCursor(ctx.cursor, dir, channels.length, FILTER_LEVELS.length));
-	if (ctx.key.escape || ctx.key.return || ctx.input === "f") ctx.setShowToggles(false);
-	else if (ctx.key.leftArrow) move("left");
+	if (ctx.key.leftArrow) move("left");
 	else if (ctx.key.rightArrow) move("right");
-	else if (ctx.key.upArrow) move("up");
-	else if (ctx.key.downArrow) move("down");
+	else if (ctx.key.tab) move("switch");
 	else if (ctx.input === " ") applyAtCursor(ctx, channels, soloChannel, soloLevel);
-	else if (ctx.input === "t") applyAtCursor(ctx, channels, toggleChannel, toggleLevel);
+	else if (ctx.input === "o") applyAtCursor(ctx, channels, toggleChannel, toggleLevel);
+	else return false;
 	return true;
 }
 function handleScroll(ctx) {
@@ -1890,10 +1934,6 @@ function handleActions(ctx) {
 			store.beginRestart();
 			ctx.onRestart?.();
 			break;
-		case "f":
-			ctx.setCursor(INITIAL_CURSOR);
-			ctx.setShowToggles(true);
-			break;
 		case "l":
 			LogStore.instance.clear();
 			ctx.scroll.toBottom();
@@ -1903,7 +1943,7 @@ function handleActions(ctx) {
 function dispatchHotkey(ctx) {
 	if (handleQuitSignal(ctx)) return;
 	if (handlePrompt(ctx)) return;
-	if (handleToggleMode(ctx)) return;
+	if (handleFilters(ctx)) return;
 	if (handleScroll(ctx)) return;
 	handleActions(ctx);
 }
@@ -1919,75 +1959,27 @@ function LogHeader({ following, below }) {
 }
 
 //#endregion
-//#region src/ui/components/CommandRefreshPrompt.tsx
-function CommandRefreshPrompt({ files }) {
-	return /* @__PURE__ */ React.createElement(Box, {
-		borderStyle: "round",
-		borderColor: ui.warn,
-		flexDirection: "column",
-		paddingX: 1
-	}, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, {
-		color: ui.warn,
-		bold: true
-	}, "Commands updated:")), files.map((file) => /* @__PURE__ */ React.createElement(Text, {
-		key: file,
-		color: ui.accent
-	}, "- ", file)), /* @__PURE__ */ React.createElement(Text, null, "Refresh commands? (y/n)"));
-}
-
-//#endregion
-//#region src/ui/components/ErrorDisplay.tsx
-const STACK_PREVIEW_LINES = 6;
-function ErrorDisplay({ error }) {
-	const frames = (error.stack?.split("\n") ?? []).slice(1);
-	const preview = frames.slice(0, STACK_PREVIEW_LINES);
-	const hidden = frames.length - preview.length;
+//#region src/ui/components/primitives/NotificationStack.tsx
+function NotificationStack({ notices }) {
+	if (notices.length === 0) return null;
 	return /* @__PURE__ */ React.createElement(Box, {
-		flexDirection: "column",
-		borderStyle: "round",
-		borderColor: ui.bad,
-		padding: 1
-	}, /* @__PURE__ */ React.createElement(Box, { marginTop: -1 }, /* @__PURE__ */ React.createElement(Text, {
-		color: ui.bad,
-		bold: true
-	}, "Error: ", error.name)), /* @__PURE__ */ React.createElement(Text, null, error.message), preview.length > 0 && /* @__PURE__ */ React.createElement(Box, {
-		marginTop: 1,
+		flexShrink: 0,
 		flexDirection: "column"
-	}, preview.map((line) => /* @__PURE__ */ React.createElement(Text, {
-		key: line,
-		dimColor: true,
-		wrap: "truncate"
-	}, line)), hidden > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `… ${hidden} more line${hidden === 1 ? "" : "s"}`)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "press", " ", /* @__PURE__ */ React.createElement(Text, {
-		color: ui.warn,
-		bold: true
-	}, "r"), " ", "to restart")));
-}
-
-//#endregion
-//#region src/ui/components/RestartRequiredCard.tsx
-function RestartRequiredCard() {
-	return /* @__PURE__ */ React.createElement(Box, {
-		borderStyle: "round",
-		borderColor: ui.warn,
-		flexDirection: "column",
-		paddingX: 1
-	}, /* @__PURE__ */ React.createElement(Text, {
-		color: ui.warn,
-		bold: true
-	}, "Restart required"), /* @__PURE__ */ React.createElement(Text, null, "A change needs a full restart. press", " ", /* @__PURE__ */ React.createElement(Text, {
-		color: ui.warn,
-		bold: true
-	}, "r"), " ", "to restart"));
+	}, notices.map((notice) => /* @__PURE__ */ React.createElement(Fragment, { key: notice.key }, notice.card)));
 }
 
 //#endregion
-//#region src/ui/components/primitives/NotificationStack.tsx
-function NotificationStack({ error, restartRequired, prompt }) {
-	if (!error && !restartRequired && !prompt) return null;
+//#region src/ui/components/primitives/Rule.tsx
+function Rule() {
 	return /* @__PURE__ */ React.createElement(Box, {
 		flexShrink: 0,
-		flexDirection: "column"
-	}, error ? /* @__PURE__ */ React.createElement(ErrorDisplay, { error }) : null, restartRequired ? /* @__PURE__ */ React.createElement(RestartRequiredCard, null) : null, prompt ? /* @__PURE__ */ React.createElement(CommandRefreshPrompt, { files: [...prompt] }) : null);
+		borderStyle: "single",
+		borderTop: true,
+		borderBottom: false,
+		borderLeft: false,
+		borderRight: false,
+		borderDimColor: true
+	});
 }
 
 //#endregion
@@ -2015,7 +2007,8 @@ function formatClock(ts) {
 
 //#endregion
 //#region src/ui/components/primitives/ScrollableLogView.tsx
-const MIN_LOG_LINES = 3;
+const MIN_LOG_LINES = 5;
+const NO_ROOM = "Need more room for logs.";
 const DOT = "⏺";
 const BAR = "▌";
 const GUIDE = "│";
@@ -2066,23 +2059,18 @@ function ContinuationLine({ log, labelWidth }) {
 	}, BAR), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, log.text));
 	return /* @__PURE__ */ React.createElement(Text, { wrap: "truncate" }, " ".repeat(messageColumn(labelWidth) - 2), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, GUIDE), " ", log.text);
 }
-function Rule() {
-	return /* @__PURE__ */ React.createElement(Box, {
-		flexShrink: 0,
-		borderStyle: "single",
-		borderTop: true,
-		borderBottom: false,
-		borderLeft: false,
-		borderRight: false,
-		borderDimColor: true
-	});
-}
 function ScrollableLogView({ visible, viewportHeight, measured }) {
 	if (!measured) return null;
-	if (viewportHeight < MIN_LOG_LINES) return /* @__PURE__ */ React.createElement(Text, {
-		color: "yellow",
+	if (viewportHeight < MIN_LOG_LINES) return /* @__PURE__ */ React.createElement(Box, {
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(Text, {
+		color: ui.warn,
+		bold: true,
 		wrap: "truncate"
-	}, "Terminal too small to show logs.");
+	}, NO_ROOM));
 	const labelWidth = Math.max(1, LogStore.instance.getLabelWidth());
 	return /* @__PURE__ */ React.createElement(Box, {
 		flexDirection: "column",
@@ -2115,24 +2103,36 @@ function Banner({ version }) {
 	}, "cord"), version === null ? null : /* @__PURE__ */ React.createElement(Text, { color: VERSION_COLOR }, " • v", version));
 }
 
+//#endregion
+//#region src/ui/components/primitives/BlinkDot.tsx
+const BLINK_MS = 530;
+function BlinkDot() {
+	const { frame } = useAnimation({ interval: BLINK_MS });
+	return /* @__PURE__ */ React.createElement(Text, { color: ui.bad }, frame % 2 === 0 ? "●" : " ");
+}
+
 //#endregion
 //#region src/ui/components/StatusBadge.tsx
-function Glyph({ phase }) {
+function Glyph({ phase, glyph }) {
 	const meta = PHASE_META[phase];
+	if (glyph === "live") return isStreaming(phase) ? /* @__PURE__ */ React.createElement(BlinkDot, null) : /* @__PURE__ */ React.createElement(Text, null, meta.icon);
 	if (meta.kind === "spinner") return /* @__PURE__ */ React.createElement(Spinner, { type: "balloon2" });
 	if (meta.kind === "arc") return /* @__PURE__ */ React.createElement(Spinner, { type: "toggle4" });
 	return /* @__PURE__ */ React.createElement(Text, null, meta.icon);
 }
-function StatusBadge({ phase }) {
+function StatusBadge({ phase, glyph = "phase" }) {
 	const meta = PHASE_META[phase];
 	return /* @__PURE__ */ React.createElement(Text, {
 		color: meta.color,
 		bold: true
-	}, /* @__PURE__ */ React.createElement(Glyph, { phase }), " ", meta.label);
+	}, /* @__PURE__ */ React.createElement(Glyph, {
+		phase,
+		glyph
+	}), " ", meta.label);
 }
 
 //#endregion
-//#region src/ui/components/primitives/HotkeyBar.tsx
+//#region src/ui/components/primitives/Hotkeys.tsx
 function Hotkey({ keyLabel, action, enabled = true, highlight = false }) {
 	const keyColor = !enabled ? ui.faint : highlight ? ui.warn : ui.accent;
 	const actionColor = enabled ? ui.muted : ui.faint;
@@ -2146,8 +2146,8 @@ const RESTART_HINT_PHASES = new Set([
 	"disconnected",
 	"error"
 ]);
-function DefaultKeys({ phase, interactive, following }) {
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Hotkey, {
+function SessionKeys({ phase, interactive, following }) {
+	return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Hotkey, {
 		keyLabel: "q",
 		action: "quit"
 	}), /* @__PURE__ */ React.createElement(Hotkey, {
@@ -2159,10 +2159,6 @@ function DefaultKeys({ phase, interactive, following }) {
 		keyLabel: "d",
 		action: "disconnect",
 		enabled: interactive && isSessionLive(phase)
-	}), /* @__PURE__ */ React.createElement(Hotkey, {
-		keyLabel: "f",
-		action: "filters",
-		enabled: interactive
 	}), /* @__PURE__ */ React.createElement(Hotkey, {
 		keyLabel: "l",
 		action: "clear",
@@ -2176,29 +2172,19 @@ function DefaultKeys({ phase, interactive, following }) {
 		highlight: !following
 	}));
 }
-function HotkeyBar({ phase, interactive, mode, following }) {
-	return /* @__PURE__ */ React.createElement(Box, {
-		flexDirection: "column",
-		flexWrap: "wrap"
-	}, mode === "toggles" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Hotkey, {
+function FilterKeys() {
+	return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Hotkey, {
 		keyLabel: "←→",
-		action: "move"
+		action: "select"
 	}), /* @__PURE__ */ React.createElement(Hotkey, {
-		keyLabel: "↑↓",
+		keyLabel: "tab",
 		action: "group"
 	}), /* @__PURE__ */ React.createElement(Hotkey, {
 		keyLabel: "space",
-		action: "solo"
+		action: "filter"
 	}), /* @__PURE__ */ React.createElement(Hotkey, {
-		keyLabel: "t",
+		keyLabel: "o",
 		action: "toggle"
-	}), /* @__PURE__ */ React.createElement(Hotkey, {
-		keyLabel: "↵/esc",
-		action: "done"
-	})), mode === "default" && /* @__PURE__ */ React.createElement(DefaultKeys, {
-		phase,
-		interactive,
-		following
 	}));
 }
 
@@ -2207,11 +2193,6 @@ function HotkeyBar({ phase, interactive, mode, following }) {
 const MAX_RAIL = 40;
 const META_LABEL_WIDTH = 5;
 const LOG_DIR = "logs/";
-const BLINK_MS = 530;
-function LiveDot() {
-	const { frame } = useAnimation({ interval: BLINK_MS });
-	return /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { color: ui.bad }, frame % 2 === 0 ? "●" : " "), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " live"));
-}
 function Meta({ label, value }) {
 	return /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, label.padEnd(META_LABEL_WIDTH)), value);
 }
@@ -2224,12 +2205,12 @@ function StatusBlock({ state, uptimeMs }) {
 		value: LOG_DIR
 	}));
 }
-function Sidebar({ state, enabled, enabledLevels, uptimeMs, following, interactive, showToggles, cursor, width, ref }) {
+function Sidebar({ state, enabled, enabledLevels, uptimeMs, following, interactive, cursor, width, filtersOpen, ref }) {
 	return /* @__PURE__ */ React.createElement(Box, {
 		ref,
 		flexDirection: "column",
 		width: width ?? void 0,
-		maxWidth: MAX_RAIL,
+		maxWidth: 40,
 		flexShrink: 0,
 		paddingX: 1,
 		overflow: "hidden"
@@ -2247,27 +2228,57 @@ function Sidebar({ state, enabled, enabledLevels, uptimeMs, following, interacti
 		channels: LogStore.instance.getChannels(),
 		enabledChannels: enabled,
 		enabledLevels,
-		cursor: showToggles ? cursor : null
-	})), /* @__PURE__ */ React.createElement(Box, {
+		cursor,
+		open: filtersOpen
+	})), filtersOpen ? /* @__PURE__ */ React.createElement(Box, {
 		flexShrink: 0,
-		marginTop: 1
-	}, /* @__PURE__ */ React.createElement(HotkeyBar, {
+		marginTop: 1,
+		flexDirection: "column"
+	}, /* @__PURE__ */ React.createElement(FilterKeys, null), /* @__PURE__ */ React.createElement(Rule, null)) : null, /* @__PURE__ */ React.createElement(Box, {
+		flexShrink: 0,
+		marginTop: filtersOpen ? 0 : 1
+	}, /* @__PURE__ */ React.createElement(SessionKeys, {
 		phase: state.phase,
 		interactive,
-		mode: showToggles ? "toggles" : "default",
 		following
 	})), /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }), /* @__PURE__ */ React.createElement(Box, {
 		flexShrink: 0,
 		justifyContent: "flex-end"
-	}, isStreaming(state.phase) ? /* @__PURE__ */ React.createElement(LiveDot, null) : /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "○ idle")));
+	}, isStreaming(state.phase) ? /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(BlinkDot, null), /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " live")) : /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "○ idle")));
+}
+
+//#endregion
+//#region src/ui/components/primitives/StatusLine.tsx
+const HINT = "↕ resize for full ui";
+const HINT_COLUMNS = 64;
+/** The single row standing in for the rail once the terminal is too small to hold it. */
+function StatusLine({ state, notices, columns }) {
+	const [top, ...rest] = notices;
+	return /* @__PURE__ */ React.createElement(Box, {
+		flexShrink: 0,
+		justifyContent: "space-between"
+	}, /* @__PURE__ */ React.createElement(Box, {
+		flexShrink: 1,
+		overflow: "hidden"
+	}, /* @__PURE__ */ React.createElement(Text, { wrap: "truncate" }, /* @__PURE__ */ React.createElement(Banner, { version: null }), " ", /* @__PURE__ */ React.createElement(StatusBadge, {
+		phase: state.phase,
+		glyph: "live"
+	}), top?.summary ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " · ") : null, top?.summary ? /* @__PURE__ */ React.createElement(Text, { color: ui.warn }, top.summary) : null, rest.length > 0 ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, " · +", rest.length) : null)), /* @__PURE__ */ React.createElement(Box, {
+		flexShrink: 0,
+		marginLeft: 2
+	}, top ? /* @__PURE__ */ React.createElement(Text, {
+		bold: true,
+		color: ui.accent
+	}, top.action) : null, !top && columns >= HINT_COLUMNS ? /* @__PURE__ */ React.createElement(Text, { dimColor: true }, HINT) : null));
 }
 
 //#endregion
 //#region src/ui/layout/DevLayout.tsx
 function DevLayout(props) {
-	const { state, railRef, railWidth, logBoxRef, scroll, viewportHeight, measured } = props;
-	const { enabled, enabledLevels, showToggles, cursor, interactive, uptimeMs } = props;
-	return /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }, /* @__PURE__ */ React.createElement(Sidebar, {
+	const { state, tier, notices, railRef, railWidth, logBoxRef, scroll, viewportHeight, measured } = props;
+	const { columns, enabled, enabledLevels, cursor, interactive, uptimeMs } = props;
+	const railed = tier === "full" || tier === "compact";
+	return /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }, railed ? /* @__PURE__ */ React.createElement(Sidebar, {
 		ref: railRef,
 		state,
 		enabled,
@@ -2275,10 +2286,10 @@ function DevLayout(props) {
 		uptimeMs,
 		following: scroll.following,
 		interactive,
-		showToggles,
 		cursor,
-		width: railWidth
-	}), /* @__PURE__ */ React.createElement(Box, {
+		width: railWidth,
+		filtersOpen: tier === "full"
+	}) : null, /* @__PURE__ */ React.createElement(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
 		minWidth: 0,
@@ -2287,24 +2298,26 @@ function DevLayout(props) {
 		borderTop: false,
 		borderRight: false,
 		borderBottom: false,
-		paddingLeft: 1,
+		borderLeft: railed,
+		paddingLeft: railed ? 1 : 0,
 		overflow: "hidden"
-	}, /* @__PURE__ */ React.createElement(LogHeader, {
+	}, railed ? null : /* @__PURE__ */ React.createElement(StatusLine, {
+		state,
+		notices,
+		columns
+	}), railed ? null : /* @__PURE__ */ React.createElement(Rule, null), /* @__PURE__ */ React.createElement(LogHeader, {
 		following: scroll.following,
 		below: scroll.below
 	}), /* @__PURE__ */ React.createElement(Box, {
 		ref: logBoxRef,
 		flexGrow: 1,
+		minHeight: 1,
 		overflow: "hidden"
 	}, /* @__PURE__ */ React.createElement(ScrollableLogView, {
 		visible: scroll.visible,
 		viewportHeight,
 		measured
-	})), /* @__PURE__ */ React.createElement(NotificationStack, {
-		error: state.error,
-		restartRequired: state.restartRequired,
-		prompt: state.commandUpdatePrompt
-	})));
+	})), railed ? /* @__PURE__ */ React.createElement(NotificationStack, { notices }) : null));
 }
 
 //#endregion
@@ -2349,6 +2362,110 @@ function rowKey(row) {
 	return row.key;
 }
 
+//#endregion
+//#region src/ui/components/CommandRefreshPrompt.tsx
+function CommandRefreshPrompt({ files }) {
+	return /* @__PURE__ */ React.createElement(Box, {
+		borderStyle: "round",
+		borderColor: ui.warn,
+		flexDirection: "column",
+		paddingX: 1
+	}, /* @__PURE__ */ React.createElement(Text, null, /* @__PURE__ */ React.createElement(Text, {
+		color: ui.warn,
+		bold: true
+	}, "Commands updated:")), files.map((file) => /* @__PURE__ */ React.createElement(Text, {
+		key: file,
+		color: ui.accent
+	}, "- ", file)), /* @__PURE__ */ React.createElement(Text, null, "Refresh commands? (y/n)"));
+}
+
+//#endregion
+//#region src/ui/components/ErrorDisplay.tsx
+const STACK_PREVIEW_LINES = 6;
+function ErrorDisplay({ error }) {
+	const frames = (error.stack?.split("\n") ?? []).slice(1);
+	const preview = frames.slice(0, STACK_PREVIEW_LINES);
+	const hidden = frames.length - preview.length;
+	return /* @__PURE__ */ React.createElement(Box, {
+		flexDirection: "column",
+		borderStyle: "round",
+		borderColor: ui.bad,
+		paddingX: 1
+	}, /* @__PURE__ */ React.createElement(Text, {
+		color: ui.bad,
+		bold: true
+	}, "Error: ", error.name), /* @__PURE__ */ React.createElement(Text, null, error.message), preview.length > 0 && /* @__PURE__ */ React.createElement(Box, {
+		marginTop: 1,
+		flexDirection: "column"
+	}, preview.map((line) => /* @__PURE__ */ React.createElement(Text, {
+		key: line,
+		dimColor: true,
+		wrap: "truncate"
+	}, line)), hidden > 0 && /* @__PURE__ */ React.createElement(Text, { dimColor: true }, `… ${hidden} more line${hidden === 1 ? "" : "s"}`)), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "press", " ", /* @__PURE__ */ React.createElement(Text, {
+		color: ui.warn,
+		bold: true
+	}, "r"), " ", "to restart")));
+}
+
+//#endregion
+//#region src/ui/components/RestartRequiredCard.tsx
+function RestartRequiredCard() {
+	return /* @__PURE__ */ React.createElement(Box, {
+		borderStyle: "round",
+		borderColor: ui.warn,
+		flexDirection: "column",
+		paddingX: 1
+	}, /* @__PURE__ */ React.createElement(Text, {
+		color: ui.warn,
+		bold: true
+	}, "Restart required"), /* @__PURE__ */ React.createElement(Text, null, "A change needs a full restart. press", " ", /* @__PURE__ */ React.createElement(Text, {
+		color: ui.warn,
+		bold: true
+	}, "r"), " ", "to restart"));
+}
+
+//#endregion
+//#region src/ui/notices.tsx
+const RESTART = "press r to restart";
+/** Every pending notice, ranked with the one that blocks a decision first. */
+function noticesOf(state) {
+	const notices = [];
+	if (state.commandUpdatePrompt) {
+		const count = state.commandUpdatePrompt.length;
+		notices.push({
+			key: "commands",
+			summary: `${count} command${count === 1 ? "" : "s"} updated`,
+			action: "refresh? y/n",
+			card: /* @__PURE__ */ React.createElement(CommandRefreshPrompt, { files: [...state.commandUpdatePrompt] })
+		});
+	}
+	if (state.error) notices.push({
+		key: "error",
+		summary: state.error.message,
+		action: RESTART,
+		card: /* @__PURE__ */ React.createElement(ErrorDisplay, { error: state.error })
+	});
+	if (state.restartRequired) notices.push({
+		key: "restart",
+		summary: "",
+		action: RESTART,
+		card: /* @__PURE__ */ React.createElement(RestartRequiredCard, null)
+	});
+	return notices;
+}
+
+//#endregion
+//#region src/ui/tier.ts
+const FULL_ROWS = 29;
+const COMPACT_ROWS = 20;
+const RAIL_COLUMNS = 80;
+function tierFor(rows, columns) {
+	if (columns < 80) return "logs";
+	if (rows >= 29) return "full";
+	if (rows >= 20) return "compact";
+	return "logs";
+}
+
 //#endregion
 //#region src/ui/DevApp.tsx
 function DevApp(props) {
@@ -2357,30 +2474,19 @@ function DevApp(props) {
 	const { rows, columns } = useWindowSize();
 	const [enabled, setEnabled] = useState(() => /* @__PURE__ */ new Set());
 	const [enabledLevels, setEnabledLevels] = useState(() => /* @__PURE__ */ new Set());
-	const [showToggles, setShowToggles] = useState(false);
 	const [cursor, setCursor] = useState(INITIAL_CURSOR);
 	const logBoxRef = useRef(null);
-	const [logBoxHeight, setLogBoxHeight] = useState(0);
+	const logBoxHeight = useMeasuredHeight(logBoxRef);
 	const railRef = useRef(null);
 	const railWidth = useRailWidth(railRef, state.phase, rows, columns);
+	const tier = tierFor(rows, columns);
+	const notices = noticesOf(state);
 	const logs = useLogs(enabled, enabledLevels);
 	const logRows = useMemo(() => expandRows(logs), [logs]);
 	const viewportHeight = Math.max(1, logBoxHeight);
 	const scroll = useScroll(logRows, viewportHeight, rowKey);
 	const uptimeMs = useUptime(state);
 	const interactive = !state.isBusy || state.restartRequired;
-	useLayoutEffect(() => {
-		if (!logBoxRef.current) return;
-		const measured = measureElement(logBoxRef.current).height;
-		setLogBoxHeight((prev) => prev === measured ? prev : measured);
-	}, [
-		rows,
-		columns,
-		state.error,
-		state.restartRequired,
-		state.commandUpdatePrompt,
-		scroll.following
-	]);
 	useInput((input, key) => {
 		dispatchHotkey({
 			input,
@@ -2393,10 +2499,9 @@ function DevApp(props) {
 			setEnabled,
 			enabledLevels,
 			setEnabledLevels,
-			showToggles,
-			setShowToggles,
 			cursor,
 			setCursor,
+			filtersOpen: tier === "full",
 			onQuit: props.onQuit,
 			onDisconnect: props.onDisconnect,
 			onRestart: props.onRestart,
@@ -2421,15 +2526,17 @@ function DevApp(props) {
 		overflow: "hidden"
 	}, /* @__PURE__ */ React.createElement(DevLayout, {
 		state,
+		tier,
+		notices,
 		railRef,
 		railWidth,
 		logBoxRef,
 		scroll,
 		viewportHeight,
 		measured: logBoxHeight > 0,
+		columns,
 		enabled,
 		enabledLevels,
-		showToggles,
 		cursor,
 		interactive,
 		uptimeMs
@@ -2524,16 +2631,6 @@ var DevStore = class extends TypedEventEmitter {
 	}
 };
 
-//#endregion
-//#region src/utils/SilentLogger.ts
-const silentLogger = {
-	error: () => void 0,
-	warn: () => void 0,
-	info: () => void 0,
-	debug: () => void 0,
-	trace: () => void 0
-};
-
 //#endregion
 //#region src/commands/dev/runtime/HmrPlugin.ts
 const DEBOUNCE_MS = 250;
@@ -2992,10 +3089,8 @@ var DevRunner = class DevRunner {
 	}
 	static create(logger, store) {
 		const moduleLoader = new RuntimeModuleLoader();
-		const locator = new ConfigLocator(logger);
-		const configLoader = new ConfigLoader(moduleLoader, logger);
-		const codegenLogger = new Logger("CLI:Codegen");
-		return new DevRunner(locator, configLoader, store, CodegenRunner.create(codegenLogger), codegenLogger);
+		const codegenLogger = new Logger("Codegen", { channel: "cli" });
+		return new DevRunner(new ConfigLocator(logger), new ConfigLoader(moduleLoader, logger), store, CodegenRunner.create(codegenLogger), codegenLogger);
 	}
 	async run() {
 		if (this.isRunning) return;
@@ -3043,7 +3138,7 @@ var DevRunner = class DevRunner {
 	async handleError(error) {
 		this.store.setPhase("error");
 		this.store.setError(Error.isError(error) ? error : new Error(String(error)));
-		this.store.setStatus("Error occurred. Press r to restart.");
+		this.store.setStatus("Press r to restart.");
 		this.store.setBusy(false);
 		await this.waitForSignal();
 		this.store.setBusy(true);
@@ -3097,9 +3192,9 @@ var DevCommand = class extends BaseCommand {
 	runner;
 	store;
 	constructor() {
-		super("dev", "Run a Seedcord instance from the config file", "CLI:Dev");
+		super("dev", "Run a Seedcord instance from the config file", "Dev");
 		this.store = new DevStore();
-		this.runner = DevRunner.create(silentLogger, this.store);
+		this.runner = DevRunner.create(this.logger, this.store);
 	}
 	register(program) {
 		program.command(this.name).description(this.description).action(async () => {
@@ -3149,7 +3244,6 @@ var DevCommand = class extends BaseCommand {
 
 //#endregion
 //#region src/cli.ts
-const LOGGER_LABEL = "seedcord CLI";
 async function main() {
 	if (!process.env.ENV && !process.env.ENVIRONMENT && !process.env.NODE_ENV) process.env.NODE_ENV = "development";
 	installNodeDefaults();
@@ -3161,7 +3255,7 @@ async function main() {
 	await program.parseAsync(process.argv);
 }
 main().catch((error) => {
-	new Logger(LOGGER_LABEL).error("Unexpected CLI error", error);
+	new Logger("CLI", { channel: "cli" }).error("Unexpected CLI error", error);
 	process.exit(1);
 });