@interactive-inc/claude-funnel 0.29.0 → 0.31.0

package/dist/index.js

@@ -1,8 +1,8 @@
-import { i as FunnelDiscordAdapter, n as FunnelDiscordListener, t as discordConnectorSchema } from "./discord-connector-schema-RzDvrNE5.js";
+import { i as FunnelDiscordAdapter, n as FunnelDiscordListener, t as discordConnectorSchema } from "./discord-connector-schema-BeThExJp.js";
 import { n as FunnelConnectorListener, t as FunnelLogger } from "./logger-Czli2OKh.js";
 import { a as FunnelProcessRunner, i as NodeFunnelProcessRunner, n as FunnelGhListener, r as FunnelGhAdapter, t as ghConnectorSchema } from "./gh-connector-schema-eYE4g77K.js";
 import { a as ScheduleStateStore, i as FunnelScheduleListener, n as scheduleConnectorSchema, o as NodeFunnelFileSystem, r as scheduleEntrySchema, s as FunnelFileSystem, t as scheduleCatchupPolicySchema } from "./schedule-connector-schema-CM-sRkac.js";
-import { i as FunnelSlackAdapter, n as FunnelSlackListener, r as FunnelSlackEventProcessor, t as slackConnectorSchema } from "./slack-connector-schema-CHbRJHGp.js";
+import { i as FunnelSlackAdapter, n as FunnelSlackListener, r as FunnelSlackEventProcessor, t as slackConnectorSchema } from "./slack-connector-schema-DDbSGPZn.js";
 import { dirname, join, resolve } from "node:path";
 import { appendFileSync, chmodSync, existsSync, mkdirSync, readFileSync } from "node:fs";
 import { z } from "zod";
@@ -18,10 +18,6 @@ import { Server } from "@modelcontextprotocol/sdk/server/index.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
 import { CallToolRequestSchema, ListToolsRequestSchema } from "@modelcontextprotocol/sdk/types.js";
 import { stringify } from "yaml";
-import { TextAttributes, createCliRenderer } from "@opentui/core";
-import { createRoot, useKeyboard, useRenderer } from "@opentui/react";
-import { createContext, useContext, useEffect, useId, useState } from "react";
-import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
 //#region lib/engine/id/id-generator.ts
 /**
 * ID generator boundary. Default NodeFunnelIdGenerator wraps `crypto.randomUUID()`;
@@ -187,7 +183,7 @@ var FunnelSettingsStore = class extends FunnelSettingsReader {
 			...settings,
 			version: 1
 		};
-		this.fs.writeFileSync(this.path, `${JSON.stringify(versioned, null, 2)}\n`);
+		this.fs.writeSecretFileSync(this.path, `${JSON.stringify(versioned, null, 2)}\n`);
 	}
 };
 //#endregion
@@ -1807,7 +1803,7 @@ const resolveDaemonScript = () => {
 const DEFAULT_PORT$1 = 9742;
 const STARTUP_TIMEOUT_MS = 5e3;
 const SIGTERM_TIMEOUT_MS = 2e3;
-const POLL_INTERVAL_MS$1 = 100;
+const POLL_INTERVAL_MS = 100;
 const SIGKILL_GRACE_MS = 200;
 const defaultProcess$1 = new NodeFunnelProcessRunner();
 const defaultFs$1 = new NodeFunnelFileSystem();
@@ -1869,7 +1865,7 @@ var FunnelGateway = class {
 		const deadline = this.clock.millis() + STARTUP_TIMEOUT_MS;
 		while (this.clock.millis() < deadline) {
 			if (this.isRunning()) return true;
-			await this.sleep(POLL_INTERVAL_MS$1);
+			await this.sleep(POLL_INTERVAL_MS);
 		}
 		return this.isRunning();
 	}
@@ -1906,7 +1902,7 @@ var FunnelGateway = class {
 				this.removePid();
 				return true;
 			}
-			await this.sleep(POLL_INTERVAL_MS$1);
+			await this.sleep(POLL_INTERVAL_MS);
 		}
 		try {
 			this.process.kill(pid, "SIGKILL");
@@ -2558,7 +2554,7 @@ var SqliteFunnelEventLog = class extends FunnelEventLog {
 	record(record) {
 		const event = {
 			type: record.meta?.event_type ?? "unknown",
-			content: truncate$1(record.content),
+			content: truncate(record.content),
 			channel_id: record.channelId,
 			connector_id: record.connectorId,
 			meta: record.meta
@@ -2615,7 +2611,7 @@ var SqliteFunnelEventLog = class extends FunnelEventLog {
 		this.sink.close();
 	}
 };
-function truncate$1(content) {
+function truncate(content) {
 	if (content.length <= MAX_CONTENT_CHARS) return content;
 	return `${content.slice(0, MAX_CONTENT_CHARS)}...`;
 }
@@ -3047,6 +3043,13 @@ const gatewayRoutes = factory$1.createApp().get("/health", ...healthHandler).get
 //#endregion
 //#region lib/gateway/gateway-server.ts
 const DEFAULT_PORT = 9742;
+const DEFAULT_HOST = "127.0.0.1";
+const LOOPBACK_HOSTS = new Set([
+	"127.0.0.1",
+	"localhost",
+	"::1",
+	"::ffff:127.0.0.1"
+]);
 const defaultDbPath = () => join(funnelTmpDir(), "events.db");
 const defaultOnError = () => {};
 /**
@@ -3063,6 +3066,7 @@ var FunnelGatewayServer = class {
 	channels;
 	settings;
 	port;
+	hostname;
 	dbPath;
 	process;
 	logger;
@@ -3082,6 +3086,7 @@ var FunnelGatewayServer = class {
 		this.channels = deps.channels;
 		this.settings = deps.settings;
 		this.port = deps.port ?? DEFAULT_PORT;
+		this.hostname = deps.hostname ?? DEFAULT_HOST;
 		this.dbPath = deps.dbPath ?? defaultDbPath();
 		this.process = deps.process;
 		this.logger = deps.logger;
@@ -3126,10 +3131,12 @@ var FunnelGatewayServer = class {
 	}
 	async start() {
 		if (this.server) return this.server;
+		if (!this.token && !LOOPBACK_HOSTS.has(this.hostname)) this.logger?.warn("gateway auth is disabled on a non-loopback bind — every endpoint is reachable without a token", { hostname: this.hostname });
 		const app = this.buildApp();
 		this.startedAt = this.nowMs();
 		this.server = Bun.serve({
 			port: this.port,
+			hostname: this.hostname,
 			development: false,
 			fetch: (request, server) => this.handleFetch(request, server, app),
 			websocket: {
@@ -3508,7 +3515,7 @@ const noopOnError = () => {};
 /**
 * Facade exposing every funnel facet as a getter.
 *
-* The same `Funnel` is used by the CLI, the TUI, and as a programmable library.
+* The same `Funnel` is used by the CLI and as a programmable library.
 * All side-effecting boundaries (filesystem, process, logger, clock, id, paths) are
 * injectable via `Props` — passing memory implementations gives a fully sandboxed
 * Funnel that touches no real disk, processes, or wall-clock time.
@@ -3734,6 +3741,7 @@ var Funnel = class Funnel {
 			channels: this.channels,
 			settings: this.store,
 			port: options.port,
+			hostname: options.hostname,
 			dbPath: options.dbPath,
 			eventLog: options.eventLog,
 			process: this.process,
@@ -4437,18 +4445,18 @@ var MemoryConnectorDiagnosticLog = class extends ConnectorDiagnosticLog {
 		});
 	}
 	queryRaw(query) {
-		return takeRecent(this.raws.filter((event) => matches$1(event, query)), query.limit);
+		return takeRecent(this.raws.filter((event) => matches(event, query)), query.limit);
 	}
 	queryProcessed(query) {
 		return takeRecent(this.processeds.filter((event) => {
-			if (!matches$1(event, query)) return false;
+			if (!matches(event, query)) return false;
 			if (query.outcome !== void 0 && event.outcome !== query.outcome) return false;
 			return true;
 		}), query.limit);
 	}
 	queryConnection(query) {
 		return takeRecent(this.connections.filter((event) => {
-			if (!matches$1(event, query)) return false;
+			if (!matches(event, query)) return false;
 			if (query.status !== void 0 && event.status !== query.status) return false;
 			return true;
 		}), query.limit);
@@ -4460,7 +4468,7 @@ var MemoryConnectorDiagnosticLog = class extends ConnectorDiagnosticLog {
 	}
 	close() {}
 };
-const matches$1 = (event, query) => {
+const matches = (event, query) => {
 	if (query.type !== void 0 && event.type !== query.type) return false;
 	if (query.connectorId !== void 0 && event.connectorId !== query.connectorId) return false;
 	if (query.channelId !== void 0 && event.channelId !== query.channelId) return false;
@@ -5197,7 +5205,7 @@ examples:
   funnel gateway logs
   funnel gateway logs -n 100`;
 const logger = new NodeFunnelLogger();
-const tryParseJson$1 = (line) => {
+const tryParseJson = (line) => {
 	try {
 		return JSON.parse(line);
 	} catch {
@@ -5243,7 +5251,7 @@ const gatewayLogsHandler = factory.createHandlers(zValidator$1("query", z.object
 		buffer = lines.pop() ?? "";
 		for (const line of lines) {
 			if (!line.trim()) continue;
-			const parsed = tryParseJson$1(line);
+			const parsed = tryParseJson(line);
 			if (!isLogEntry(parsed)) {
 				process.stdout.write(`${line}\n`);
 				continue;
@@ -5737,2209 +5745,4 @@ const createCliApp = (funnel) => {
 /** CLI Hono app wired to a default `new Funnel()`. For embedding with a custom Funnel use `createCliApp`. */
 const app = createCliApp(new Funnel());
 //#endregion
-//#region lib/tui/utils/hascii/tokens.json
-var tokens_default = { theme: { "extend": {
-	"colors": {
-		"background": "#09090b",
-		"foreground": "#fafafa",
-		"primary": "#fafafa",
-		"primary-foreground": "#09090b",
-		"primary-hover": "#e4e4e7",
-		"primary-active": "#d4d4d8",
-		"secondary": "#27272a",
-		"secondary-foreground": "#fafafa",
-		"secondary-hover": "#3f3f46",
-		"secondary-active": "#52525b",
-		"card": "#27272a",
-		"card-foreground": "#fafafa",
-		"popover": "#3f3f46",
-		"popover-foreground": "#fafafa",
-		"muted": "#27272a",
-		"muted-foreground": "#a1a1aa",
-		"accent": "#27272a",
-		"accent-foreground": "#fafafa",
-		"accent-hover": "#18181b",
-		"accent-active": "#3f3f46",
-		"destructive": "#7f1d1d",
-		"destructive-foreground": "#fef2f2",
-		"destructive-hover": "#991b1b",
-		"destructive-active": "#b91c1c",
-		"border": "#3f3f46",
-		"input": "#3f3f46",
-		"ring": "#d4d4d8",
-		"hover-active": "#71717a"
-	},
-	"fontFamily": {},
-	"fontSize": {},
-	"borderRadius": {
-		"sm": "0px",
-		"md": "0px",
-		"lg": "0px"
-	},
-	"spacing": {
-		"xs": "1px",
-		"sm": "2px",
-		"md": "4px",
-		"lg": "8px"
-	}
-} } };
-//#endregion
-//#region lib/tui/utils/hascii/theme.ts
-const hasciiTw = { colors: {
-	neutral: {
-		50: "#fafafa",
-		100: "#f5f5f5",
-		200: "#e5e5e5",
-		300: "#d4d4d4",
-		400: "#a3a3a3",
-		500: "#737373",
-		600: "#525252",
-		700: "#404040",
-		800: "#262626",
-		900: "#171717",
-		950: "#0a0a0a"
-	},
-	zinc: {
-		50: "#fafafa",
-		100: "#f4f4f5",
-		200: "#e4e4e7",
-		300: "#d4d4d8",
-		400: "#a1a1aa",
-		500: "#71717a",
-		600: "#52525b",
-		700: "#3f3f46",
-		800: "#27272a",
-		900: "#18181b",
-		950: "#09090b"
-	},
-	red: {
-		50: "#fef2f2",
-		100: "#fee2e2",
-		200: "#fecaca",
-		300: "#fca5a5",
-		400: "#f87171",
-		500: "#ef4444",
-		600: "#dc2626",
-		700: "#b91c1c",
-		800: "#991b1b",
-		900: "#7f1d1d",
-		950: "#450a0a"
-	}
-} };
-const HEX = /^#[0-9a-fA-F]{6}$/;
-const c = z.object({ theme: z.object({ extend: z.object({ colors: z.object({
-	background: z.string().regex(HEX),
-	foreground: z.string().regex(HEX),
-	primary: z.string().regex(HEX),
-	"primary-foreground": z.string().regex(HEX),
-	"primary-hover": z.string().regex(HEX),
-	"primary-active": z.string().regex(HEX),
-	secondary: z.string().regex(HEX),
-	"secondary-foreground": z.string().regex(HEX),
-	"secondary-hover": z.string().regex(HEX),
-	"secondary-active": z.string().regex(HEX),
-	card: z.string().regex(HEX),
-	"card-foreground": z.string().regex(HEX),
-	popover: z.string().regex(HEX),
-	"popover-foreground": z.string().regex(HEX),
-	muted: z.string().regex(HEX),
-	"muted-foreground": z.string().regex(HEX),
-	accent: z.string().regex(HEX),
-	"accent-foreground": z.string().regex(HEX),
-	"accent-hover": z.string().regex(HEX),
-	"accent-active": z.string().regex(HEX),
-	destructive: z.string().regex(HEX),
-	"destructive-foreground": z.string().regex(HEX),
-	"destructive-hover": z.string().regex(HEX),
-	"destructive-active": z.string().regex(HEX),
-	border: z.string().regex(HEX),
-	input: z.string().regex(HEX),
-	ring: z.string().regex(HEX),
-	"hover-active": z.string().regex(HEX)
-}) }) }) }).parse(tokens_default).theme.extend.colors;
-/** Default dark theme. Tokens are loaded from tokens.json (generated from DESIGN.md by `make tokens`) and validated with zod. */
-const hasciiTheme = { color: {
-	background: c.background,
-	foreground: c.foreground,
-	primary: c.primary,
-	primaryForeground: c["primary-foreground"],
-	primaryHover: c["primary-hover"],
-	primaryActive: c["primary-active"],
-	secondary: c.secondary,
-	secondaryForeground: c["secondary-foreground"],
-	secondaryHover: c["secondary-hover"],
-	secondaryActive: c["secondary-active"],
-	card: c.card,
-	cardForeground: c["card-foreground"],
-	popover: c.popover,
-	popoverForeground: c["popover-foreground"],
-	muted: c.muted,
-	mutedForeground: c["muted-foreground"],
-	accent: c.accent,
-	accentForeground: c["accent-foreground"],
-	accentHover: c["accent-hover"],
-	accentActive: c["accent-active"],
-	destructive: c.destructive,
-	destructiveForeground: c["destructive-foreground"],
-	destructiveHover: c["destructive-hover"],
-	destructiveActive: c["destructive-active"],
-	border: c.border,
-	input: c.input,
-	ring: c.ring,
-	hoverActive: c["hover-active"]
-} };
-//#endregion
-//#region lib/tui/theme.ts
-/**
-* Funnel-specific TUI tokens that hascii does not cover.
-*
-* Generic colors (background / foreground / primary / muted / etc.)
-* come from hascii via `useHasciiTheme()` — components that need them
-* read the theme there. Only the funnel-only concerns live here:
-*
-*   - status accents (`alive` / `dead` / `warn`) and the selection
-*     accent (`primary` blue) — semantic colors not in hascii's palette
-*   - the in-between background tier `surface` (zinc[900]) sitting
-*     between hascii's `background` and `muted`
-*   - the deeper text tier `faint` (zinc[600]) below `mutedForeground`
-*   - layout constants (paddingX / paddingY / gap / sidebarWidth / ...)
-*/
-const funnel = {
-	alive: "#86efac",
-	dead: "#fca5a5",
-	warn: "#fcd34d",
-	primary: "#3b82f6",
-	surface: hasciiTw.colors.zinc[900],
-	faint: hasciiTw.colors.zinc[600],
-	paddingX: 2,
-	paddingY: 1,
-	gap: 1,
-	sidebarWidth: 24,
-	modalTop: 4,
-	modalInset: "20%",
-	barHeight: 1,
-	detailPanelHeight: 14
-};
-//#endregion
-//#region lib/tui/utils/hascii/theme-context.tsx
-/** @jsxImportSource @opentui/react */
-const HasciiThemeContext = createContext(hasciiTheme);
-/** Read the active theme from context. Falls back to the default theme outside a provider. */
-function useHasciiTheme() {
-	return useContext(HasciiThemeContext);
-}
-/** Wraps a subtree with a HasciiTheme so descendants can read tokens via useHasciiTheme. */
-function HasciiThemeProvider(props) {
-	return /* @__PURE__ */ jsx(HasciiThemeContext.Provider, {
-		value: props.theme ?? hasciiTheme,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/filter-input.tsx
-/** @jsxImportSource @opentui/react */
-/** Inline filter overlay shown when the user presses `/`. */
-function FilterInput(props) {
-	const theme = useHasciiTheme();
-	if (!props.active) return null;
-	return /* @__PURE__ */ jsx("box", {
-		style: {
-			height: funnel.barHeight,
-			backgroundColor: theme.color.muted,
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX
-		},
-		children: /* @__PURE__ */ jsxs("text", { children: [
-			/* @__PURE__ */ jsx("span", {
-				fg: theme.color.foreground,
-				children: "/"
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: theme.color.foreground,
-				children: props.value
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: theme.color.foreground,
-				children: "█"
-			}),
-			/* @__PURE__ */ jsx("span", {
-				fg: theme.color.mutedForeground,
-				children: "  · Enter to apply · Esc to cancel"
-			})
-		] })
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/separator.tsx
-/** Hairline divider drawn with box-drawing characters. Length is the run in the chosen orientation. */
-function HasciiSeparator(props) {
-	const orientation = props.orientation ?? "horizontal";
-	const length = props.length ?? (orientation === "horizontal" ? 32 : 8);
-	const theme = useHasciiTheme();
-	const color = props.color ?? theme.color.border;
-	if (orientation === "vertical") {
-		const lines = [];
-		for (let index = 0; index < length; index++) lines.push("│");
-		return /* @__PURE__ */ jsx("box", {
-			width: 1,
-			height: length,
-			flexShrink: 0,
-			children: /* @__PURE__ */ jsx("text", {
-				fg: color,
-				children: lines.join("\n")
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx("box", {
-		width: length,
-		height: 1,
-		flexShrink: 0,
-		children: /* @__PURE__ */ jsx("text", {
-			fg: color,
-			children: "─".repeat(length)
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/empty-state.tsx
-/** @jsxImportSource @opentui/react */
-/** Faint placeholder shown when a list has no items. */
-function EmptyState(props) {
-	return /* @__PURE__ */ jsx("text", {
-		fg: funnel.faint,
-		children: props.message
-	});
-}
-//#endregion
-//#region lib/tui/profile-launcher.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* Modal-style overlay: pick a profile and launch Claude Code via the same
-* code path as `fnl claude --profile`. The launcher exits the TUI before
-* exec'ing so Claude takes over the terminal.
-*/
-function ProfileLauncher(props) {
-	const theme = useHasciiTheme();
-	if (!props.active) return null;
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			flexDirection: "column",
-			backgroundColor: funnel.surface,
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX,
-			paddingTop: funnel.paddingY,
-			paddingBottom: funnel.paddingY,
-			gap: funnel.gap,
-			position: "absolute",
-			top: funnel.modalTop,
-			left: funnel.modalInset,
-			right: funnel.modalInset
-		},
-		children: [
-			/* @__PURE__ */ jsx("text", {
-				fg: theme.color.foreground,
-				children: "launch claude with profile"
-			}),
-			/* @__PURE__ */ jsx(HasciiSeparator, {}),
-			props.profiles.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(no profiles — `fnl profiles add` first)" }) : props.profiles.map((profile, index) => {
-				return /* @__PURE__ */ jsxs("text", {
-					bg: index === props.selectedIndex ? theme.color.muted : void 0,
-					children: [/* @__PURE__ */ jsx("span", {
-						fg: theme.color.foreground,
-						children: profile.name
-					}), /* @__PURE__ */ jsx("span", {
-						fg: funnel.faint,
-						children: `  → channel ${profile.channelId} · path ${profile.path}`
-					})]
-				}, profile.name);
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/tui/components/brand.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* Brand mark rendered at the top of the sidebar. Carries its own paddingX
-* so it aligns with menu items (which need paddingX-less parents so their
-* active highlight spans edge-to-edge).
-*/
-function Brand() {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsx("box", {
-		style: {
-			flexDirection: "row",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX
-		},
-		children: /* @__PURE__ */ jsx("text", {
-			fg: theme.color.foreground,
-			attributes: TextAttributes.BOLD,
-			children: "funnel"
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/focus-group.tsx
-const HasciiFocusContext = createContext(null);
-/** Returns whether the provided focusId matches the surrounding HasciiFocusGroup's current focus. */
-function useHasciiFocus(focusId) {
-	const ctx = useContext(HasciiFocusContext);
-	if (!ctx || focusId === void 0) return false;
-	return ctx.currentId === focusId;
-}
-//#endregion
-//#region lib/tui/hooks/hascii/use-pressable.ts
-/** Tracks hover and press state for a focusable element and exposes mouse handlers ready for spread. */
-function usePressable(options) {
-	const isDisabled = options?.isDisabled ?? false;
-	const onPress = options?.onPress;
-	const hoveredState = useState(false);
-	const isHovered = hoveredState[0];
-	const setHovered = hoveredState[1];
-	const pressedState = useState(false);
-	const isPressed = pressedState[0];
-	const setPressed = pressedState[1];
-	return {
-		isHovered,
-		isPressed,
-		bind: {
-			onMouseOver: () => {
-				if (!isDisabled) setHovered(true);
-			},
-			onMouseOut: () => {
-				setHovered(false);
-				setPressed(false);
-			},
-			onMouseDown: () => {
-				if (!isDisabled) setPressed(true);
-			},
-			onMouseUp: () => {
-				if (isDisabled) return;
-				if (isPressed) onPress?.();
-				setPressed(false);
-			}
-		}
-	};
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/button.tsx
-const sizeDims = {
-	sm: {
-		paddingX: 1,
-		height: 1
-	},
-	md: {
-		paddingX: 2,
-		height: 1
-	},
-	lg: {
-		paddingX: 2,
-		height: 3
-	}
-};
-const resolveSize = (size) => size === "default" ? "md" : size;
-const pickBg = (rest, hover, active, isHover, isActive) => {
-	if (isActive) return active;
-	if (isHover) return hover;
-	return rest;
-};
-/** A focusable terminal button. Background cycles through rest, hover, and active states. */
-function HasciiButton(props) {
-	const variant = props.variant ?? "default";
-	const size = props.size ?? "default";
-	const groupFocused = useHasciiFocus(props.focusId);
-	const isFocused = props.isFocused ?? groupFocused;
-	const isDisabled = props.isDisabled ?? false;
-	const theme = useHasciiTheme();
-	const resolvedSize = resolveSize(size);
-	const dims = sizeDims[resolvedSize];
-	const press = usePressable({
-		isDisabled,
-		onPress: props.onPress
-	});
-	const flashState = useState(false);
-	const flashed = flashState[0];
-	const setFlashed = flashState[1];
-	const isHover = press.isHovered && !press.isPressed && !flashed;
-	const isActive = press.isPressed || flashed;
-	useKeyboard((key) => {
-		if (!isFocused || isDisabled) return;
-		if (key.name === "return" || key.name === "space") {
-			setFlashed(true);
-			props.onPress?.();
-			setTimeout(() => setFlashed(false), 120);
-		}
-	});
-	if (variant === "outline") {
-		const tone = isDisabled ? theme.color.border : isActive ? theme.color.primaryActive : isHover ? theme.color.primaryHover : theme.color.primary;
-		const outlinePaddingX = resolvedSize === "sm" ? 0 : resolvedSize === "md" ? 1 : 2;
-		const outlineHeight = 3;
-		return /* @__PURE__ */ jsx("box", {
-			paddingLeft: outlinePaddingX,
-			paddingRight: outlinePaddingX,
-			height: outlineHeight,
-			border: outlineHeight >= 3,
-			borderStyle: "rounded",
-			borderColor: tone,
-			alignItems: "center",
-			justifyContent: "center",
-			...press.bind,
-			children: /* @__PURE__ */ jsx("text", {
-				fg: tone,
-				children: props.children
-			})
-		});
-	}
-	if (variant === "ghost") {
-		const fg = isDisabled ? theme.color.mutedForeground : theme.color.foreground;
-		const bg = pickBg(void 0, theme.color.accentHover, theme.color.accent, isHover, isActive);
-		return /* @__PURE__ */ jsx("box", {
-			paddingLeft: dims.paddingX,
-			paddingRight: dims.paddingX,
-			height: dims.height,
-			backgroundColor: bg,
-			alignItems: "center",
-			justifyContent: "center",
-			...press.bind,
-			children: /* @__PURE__ */ jsx("text", {
-				fg,
-				children: props.children
-			})
-		});
-	}
-	if (variant === "secondary") {
-		const fg = isDisabled ? theme.color.mutedForeground : theme.color.secondaryForeground;
-		const bg = pickBg(theme.color.secondary, theme.color.secondaryHover, theme.color.secondaryActive, isHover, isActive);
-		return /* @__PURE__ */ jsx("box", {
-			paddingLeft: dims.paddingX,
-			paddingRight: dims.paddingX,
-			height: dims.height,
-			backgroundColor: bg,
-			alignItems: "center",
-			justifyContent: "center",
-			...press.bind,
-			children: /* @__PURE__ */ jsx("text", {
-				fg,
-				children: props.children
-			})
-		});
-	}
-	if (variant === "destructive") {
-		const fg = isDisabled ? theme.color.mutedForeground : theme.color.destructiveForeground;
-		const bg = pickBg(theme.color.destructive, theme.color.destructiveHover, theme.color.destructiveActive, isHover, isActive);
-		return /* @__PURE__ */ jsx("box", {
-			paddingLeft: dims.paddingX,
-			paddingRight: dims.paddingX,
-			height: dims.height,
-			backgroundColor: bg,
-			alignItems: "center",
-			justifyContent: "center",
-			...press.bind,
-			children: /* @__PURE__ */ jsx("text", {
-				fg,
-				children: props.children
-			})
-		});
-	}
-	const fg = isDisabled ? theme.color.mutedForeground : theme.color.primaryForeground;
-	const bg = pickBg(theme.color.primary, theme.color.primaryHover, theme.color.primaryActive, isHover, isActive);
-	return /* @__PURE__ */ jsx("box", {
-		paddingLeft: dims.paddingX,
-		paddingRight: dims.paddingX,
-		height: dims.height,
-		backgroundColor: bg,
-		alignItems: "center",
-		justifyContent: "center",
-		...press.bind,
-		children: /* @__PURE__ */ jsx("text", {
-			fg,
-			children: props.children
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/gateway-status.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* Compact running/stopped indicator with pid and port for the sidebar.
-*
-* The "gateway" label lives inside the same elevated block as the status
-* so the heading reads as part of the card, not a floating sidebar
-* separator on the surrounding surface tier.
-*
-* The toggle is rendered as a neutral-white `Button` with the same
-* paddingX=2 / paddingY=1 as the rest of the form chrome — no leading
-* glyph, just the verb. `busy` disables the button while a toggle is
-* in flight so rapid clicks don't stack daemon spawns.
-*/
-function GatewayStatus(props) {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			flexDirection: "column",
-			backgroundColor: theme.color.muted,
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX,
-			paddingTop: funnel.paddingY,
-			paddingBottom: funnel.paddingY,
-			gap: funnel.gap
-		},
-		children: [/* @__PURE__ */ jsx("text", {
-			fg: funnel.faint,
-			children: "gateway"
-		}), props.gateway.running ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", {
-				fg: funnel.alive,
-				children: "●"
-			}), /* @__PURE__ */ jsx("span", {
-				fg: theme.color.foreground,
-				children: ` running`
-			})] }),
-			/* @__PURE__ */ jsx("text", {
-				fg: funnel.faint,
-				children: `pid ${props.gateway.pid}  ·  :${props.gateway.port}`
-			}),
-			/* @__PURE__ */ jsx(HasciiButton, {
-				onPress: props.onToggle,
-				isDisabled: props.busy,
-				children: props.busy ? "stopping…" : "stop"
-			})
-		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", {
-			fg: theme.color.mutedForeground,
-			children: "○"
-		}), /* @__PURE__ */ jsx("span", {
-			fg: theme.color.mutedForeground,
-			children: ` stopped`
-		})] }), /* @__PURE__ */ jsx(HasciiButton, {
-			onPress: props.onToggle,
-			isDisabled: props.busy,
-			children: props.busy ? "starting…" : "start"
-		})] })]
-	});
-}
-//#endregion
-//#region lib/tui/components/menu-item.tsx
-/** @jsxImportSource @opentui/react */
-const ROW_HEIGHT = funnel.paddingY * 2 + 1;
-/**
-* One row in the sidebar nav.
-*
-* Active state: a thin `▏` (U+258F LEFT ONE EIGHTH BLOCK) rule painted
-* in the primary color, stacked to fill the row height. The rule is
-* narrower than a full character cell so it reads as a delicate accent
-* instead of a heavy block. The sidebar's own background is `muted`,
-* so hover/active lift the row to `secondaryHover` / `secondaryActive`
-* to read against it.
-*/
-function MenuItem(props) {
-	const theme = useHasciiTheme();
-	const press = usePressable({ onPress: props.onSelect });
-	const bg = press.isPressed ? theme.color.secondaryActive : props.active || press.isHovered ? theme.color.secondaryHover : void 0;
-	const isLifted = props.active || press.isHovered || press.isPressed;
-	const fg = isLifted ? theme.color.foreground : theme.color.foreground;
-	const countFg = isLifted ? theme.color.foreground : funnel.faint;
-	return /* @__PURE__ */ jsxs("box", {
-		...press.bind,
-		style: {
-			flexDirection: "row",
-			justifyContent: "space-between",
-			backgroundColor: bg,
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX,
-			paddingTop: funnel.paddingY,
-			paddingBottom: funnel.paddingY
-		},
-		children: [
-			props.active ? /* @__PURE__ */ jsx("box", {
-				style: {
-					position: "absolute",
-					left: 0,
-					top: 0,
-					bottom: 0,
-					flexDirection: "column"
-				},
-				children: Array.from({ length: ROW_HEIGHT }, (_, index) => /* @__PURE__ */ jsx("text", {
-					fg: funnel.primary,
-					children: "▏"
-				}, index))
-			}) : null,
-			/* @__PURE__ */ jsx("text", {
-				fg,
-				children: props.label
-			}),
-			props.count !== void 0 ? /* @__PURE__ */ jsx("text", {
-				fg: countFg,
-				children: String(props.count)
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region lib/tui/components/menu.tsx
-/** @jsxImportSource @opentui/react */
-/** Vertical list of clickable nav rows. Each row is a `MenuItem`. */
-function Menu(props) {
-	return /* @__PURE__ */ jsx("box", {
-		style: { flexDirection: "column" },
-		children: props.items.map((item) => /* @__PURE__ */ jsx(MenuItem, {
-			label: item.label,
-			active: item.view === props.active,
-			count: item.count,
-			onSelect: () => props.onSelect(item.view)
-		}, item.view))
-	});
-}
-//#endregion
-//#region lib/tui/components/section-header.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* Tiny faint label rendered above each sidebar section. Wrapped in a box
-* because OpenTUI ignores padding on `<text>`; only boxes lay out with
-* padding.
-*/
-function SectionHeader(props) {
-	return /* @__PURE__ */ jsx("box", {
-		style: {
-			flexDirection: "row",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX
-		},
-		children: /* @__PURE__ */ jsx("text", {
-			fg: funnel.faint,
-			children: props.label
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/session-item.tsx
-/** @jsxImportSource @opentui/react */
-/** One connected WebSocket session — channel name + connector summary. */
-function SessionItem(props) {
-	const theme = useHasciiTheme();
-	const { session } = props;
-	const summary = session.connectors.length === 0 ? "(no connectors)" : session.connectors.length === 1 ? session.connectors[0] : `${session.connectors.length} connectors`;
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			flexDirection: "column",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX
-		},
-		children: [/* @__PURE__ */ jsx("text", {
-			fg: theme.color.foreground,
-			children: session.channel || "(unnamed)"
-		}), /* @__PURE__ */ jsx("text", {
-			fg: funnel.faint,
-			children: summary
-		})]
-	});
-}
-//#endregion
-//#region lib/tui/components/session-list.tsx
-/** @jsxImportSource @opentui/react */
-/** Vertical list of connected sessions (Claude MCP clients) for the sidebar. */
-function SessionList(props) {
-	if (props.sessions.length === 0) return /* @__PURE__ */ jsx("box", {
-		style: {
-			flexDirection: "row",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX
-		},
-		children: /* @__PURE__ */ jsx("text", {
-			fg: funnel.faint,
-			children: "(none)"
-		})
-	});
-	return /* @__PURE__ */ jsx("box", {
-		style: { flexDirection: "column" },
-		children: props.sessions.map((session, index) => /* @__PURE__ */ jsx(SessionItem, { session }, `${session.channel}-${index}`))
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/sidebar.tsx
-/** Fixed-width vertical sidebar. Compose with HasciiSidebarHeader, HasciiSidebarContent, HasciiSidebarMenuItem. */
-function HasciiSidebar(props) {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsx("box", {
-		flexDirection: "column",
-		width: props.width ?? 24,
-		backgroundColor: theme.color.muted,
-		paddingTop: 1,
-		gap: 0,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/sidebar-header.tsx
-/** Top section of a HasciiSidebar. Renders children at the sidebar's text padding. */
-function HasciiSidebarHeader(props) {
-	return /* @__PURE__ */ jsx("box", {
-		flexDirection: "column",
-		paddingLeft: 2,
-		paddingRight: 2,
-		paddingBottom: 1,
-		gap: 0,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/sidebar.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* Left rail built on hascii's HasciiSidebar shell.
-*
-* Sections (top → bottom): brand (header slot), gateway card, sessions,
-* navigation menu. The funnel `Menu` items keep the left-edge `▏`
-* primary accent and right-aligned counts that hascii's stock sidebar
-* menu does not provide.
-*/
-function Sidebar(props) {
-	return /* @__PURE__ */ jsxs(HasciiSidebar, {
-		width: funnel.sidebarWidth,
-		children: [
-			/* @__PURE__ */ jsx(HasciiSidebarHeader, { children: /* @__PURE__ */ jsx(Brand, {}) }),
-			/* @__PURE__ */ jsx(GatewayStatus, {
-				gateway: props.snapshot.gateway,
-				busy: props.busy,
-				onToggle: props.onToggleGateway
-			}),
-			/* @__PURE__ */ jsxs("box", {
-				style: { flexDirection: "column" },
-				children: [/* @__PURE__ */ jsx(SectionHeader, { label: "sessions" }), /* @__PURE__ */ jsx(SessionList, { sessions: props.snapshot.sessions })]
-			}),
-			/* @__PURE__ */ jsx(Menu, {
-				items: props.menuItems,
-				active: props.view,
-				onSelect: props.onSelect
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/tui/use-event-stream.ts
-const MAX_BUFFER = 200;
-const RECONNECT_BASE_MS = 500;
-const RECONNECT_MAX_MS = 8e3;
-const eventPayloadSchema = z.object({
-	content: z.string(),
-	meta: z.record(z.string(), z.string()).optional(),
-	offset: z.number().int().nonnegative().optional()
-});
-/**
-* Opens a `tap=all` WebSocket against the gateway daemon and accumulates
-* received events in a ring buffer. Reconnects with capped exponential
-* backoff. Returns `disabled` status until the daemon comes online.
-*
-* `token` is appended as `?token=` so the gateway accepts the upgrade.
-*/
-const useEventStream = (port, daemonReachable, token) => {
-	const [events, setEvents] = useState([]);
-	const [status, setStatus] = useState("disabled");
-	const [resetTick, setResetTick] = useState(0);
-	useEffect(() => {
-		if (!daemonReachable) {
-			setStatus("disabled");
-			return;
-		}
-		let cancelled = false;
-		let socket = null;
-		let reconnectTimer = null;
-		let attempt = 0;
-		let nextId = events.length > 0 ? Math.max(...events.map((e) => e.id)) + 1 : 1;
-		let lastOffset = 0;
-		const connect = () => {
-			if (cancelled) return;
-			setStatus("connecting");
-			const sinceQuery = lastOffset > 0 ? `&since=${lastOffset}` : "";
-			const protocols = token ? [`funnel.token.${token}`] : void 0;
-			socket = new WebSocket(`ws://localhost:${port}/ws?tap=all${sinceQuery}`, protocols);
-			socket.addEventListener("open", () => {
-				if (cancelled) return;
-				attempt = 0;
-				setStatus("open");
-			});
-			socket.addEventListener("message", (event) => {
-				if (cancelled) return;
-				const raw = (() => {
-					try {
-						return JSON.parse(String(event.data));
-					} catch {
-						return null;
-					}
-				})();
-				const parsed = eventPayloadSchema.safeParse(raw);
-				if (!parsed.success) return;
-				if (typeof parsed.data.offset === "number") lastOffset = parsed.data.offset;
-				const next = {
-					id: nextId,
-					receivedAt: Date.now(),
-					content: parsed.data.content,
-					meta: parsed.data.meta ?? {}
-				};
-				nextId += 1;
-				setEvents((prev) => {
-					const merged = [next, ...prev];
-					return merged.length > MAX_BUFFER ? merged.slice(0, MAX_BUFFER) : merged;
-				});
-			});
-			socket.addEventListener("close", () => {
-				if (cancelled) return;
-				setStatus("closed");
-				attempt += 1;
-				const delay = Math.min(RECONNECT_BASE_MS * 2 ** (attempt - 1), RECONNECT_MAX_MS);
-				reconnectTimer = setTimeout(connect, delay);
-			});
-			socket.addEventListener("error", () => {});
-		};
-		connect();
-		return () => {
-			cancelled = true;
-			if (reconnectTimer) clearTimeout(reconnectTimer);
-			if (socket) socket.close();
-		};
-	}, [
-		port,
-		daemonReachable,
-		resetTick,
-		token
-	]);
-	return {
-		events,
-		status,
-		reset: () => {
-			setEvents([]);
-			setResetTick((value) => value + 1);
-		}
-	};
-};
-//#endregion
-//#region lib/tui/use-snapshot.ts
-const POLL_INTERVAL_MS = 3e3;
-const sessionSchema = z.object({
-	channel: z.string(),
-	connectors: z.array(z.string())
-});
-const statusResponseSchema = z.object({ clients: z.array(sessionSchema) });
-const emptySnapshot = {
-	connectors: [],
-	channels: [],
-	profiles: [],
-	gateway: {
-		running: false,
-		pid: null,
-		port: 9742
-	},
-	listeners: [],
-	sessions: [],
-	daemonReachable: false,
-	refreshedAt: 0
-};
-const fetchSessions = async (port, daemonRunning, token) => {
-	if (!daemonRunning) return [];
-	try {
-		const headers = token ? { authorization: `Bearer ${token}` } : {};
-		const response = await fetch(`http://localhost:${port}/status`, { headers });
-		if (!response.ok) return [];
-		const parsed = statusResponseSchema.safeParse(await response.json());
-		if (!parsed.success) return [];
-		return parsed.data.clients.filter((client) => client.channel !== "*tap*");
-	} catch {
-		return [];
-	}
-};
-/**
-* Polls Funnel state every few seconds. The returned `refresh` callback forces
-* an immediate refetch — used by the manual `r` key and by listener-action
-* keystrokes that change daemon state.
-*/
-const useSnapshot = (funnel) => {
-	const [snapshot, setSnapshot] = useState(emptySnapshot);
-	const [tick, setTick] = useState(0);
-	useEffect(() => {
-		let cancelled = false;
-		const load = async () => {
-			const gateway = funnel.gateway.getStatus();
-			const token = funnel.gatewayToken.read();
-			const [listenersResult, sessions] = await Promise.all([funnel.listeners.list(), fetchSessions(gateway.port, gateway.running, token)]);
-			if (cancelled) return;
-			setSnapshot({
-				connectors: funnel.channels.listAllConnectors(),
-				channels: funnel.channels.list(),
-				profiles: funnel.profiles.list(),
-				gateway,
-				listeners: listenersResult.state === "ok" ? listenersResult.listeners : [],
-				sessions,
-				daemonReachable: listenersResult.state === "ok",
-				refreshedAt: Date.now()
-			});
-		};
-		load();
-		const timer = setInterval(() => void load(), POLL_INTERVAL_MS);
-		return () => {
-			cancelled = true;
-			clearInterval(timer);
-		};
-	}, [tick, funnel]);
-	return {
-		snapshot,
-		refresh: () => setTick((value) => value + 1)
-	};
-};
-//#endregion
-//#region lib/tui/components/add-row.tsx
-/** @jsxImportSource @opentui/react */
-/**
-* "+ add …" row used at the foot of an entity list.
-*
-* Bound to hascii's primary `HasciiButton` so AddRows match the gateway's
-* start / stop affordance — same neutral-white CTA chip with darken-
-* on-hover feel.
-*/
-function AddRow(props) {
-	return /* @__PURE__ */ jsx(HasciiButton, {
-		onPress: props.onClick,
-		children: `+ ${props.label}`
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/card.tsx
-/** Filled container that frames its children. Use with HasciiCardHeader, HasciiCardContent, and HasciiCardFooter. */
-function HasciiCard(props) {
-	return /* @__PURE__ */ jsx("box", {
-		backgroundColor: useHasciiTheme().color.card,
-		flexDirection: "column",
-		paddingTop: 1,
-		paddingBottom: 1,
-		paddingLeft: 2,
-		paddingRight: 2,
-		gap: 0,
-		width: props.width,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/card-footer.tsx
-/** Horizontal footer region for action rows inside a HasciiCard. */
-function HasciiCardFooter(props) {
-	return /* @__PURE__ */ jsx("box", {
-		flexDirection: "row",
-		justifyContent: "flex-end",
-		gap: 1,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/card-header.tsx
-/** Vertical heading group typically holding HasciiCardTitle and HasciiCardDescription. */
-function HasciiCardHeader(props) {
-	return /* @__PURE__ */ jsx("box", {
-		flexDirection: "column",
-		gap: 0,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/card-title.tsx
-/** Primary title text inside a card header. */
-function HasciiCardTitle(props) {
-	return /* @__PURE__ */ jsx("text", {
-		fg: useHasciiTheme().color.foreground,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/selection-accent.tsx
-/** @jsxImportSource @opentui/react */
-const RULE_LENGTH = 20;
-/**
-* A thin `▏` (U+258F) primary-colour rule pinned to the left edge of
-* the parent box. Stacked tall enough to span any reasonable card or
-* field-group height; rows past the parent's bottom edge are clipped.
-*
-* Use inside a `position: relative` parent to mark it as the "current"
-* selection — same look as the sidebar `MenuItem` active accent.
-*/
-function SelectionAccent() {
-	return /* @__PURE__ */ jsx("box", {
-		style: {
-			position: "absolute",
-			left: 0,
-			top: 0,
-			bottom: 0,
-			flexDirection: "column"
-		},
-		children: Array.from({ length: RULE_LENGTH }, (_, index) => /* @__PURE__ */ jsx("text", {
-			fg: funnel.primary,
-			children: "▏"
-		}, index))
-	});
-}
-//#endregion
-//#region lib/tui/components/card.tsx
-/**
-* Per-entity form wrapper used inside the connectors / channels /
-* profiles / listeners views.
-*
-* Composed from hascii's `HasciiCard` family — header + body + footer.
-* `selected` overlays a `SelectionAccent` (▏ primary rule) at the left
-* edge for cursor-driven views.
-*/
-function Card(props) {
-	return /* @__PURE__ */ jsxs(HasciiCard, { children: [
-		props.selected ? /* @__PURE__ */ jsx(SelectionAccent, {}) : null,
-		/* @__PURE__ */ jsx(HasciiCardHeader, { children: /* @__PURE__ */ jsx(HasciiCardTitle, { children: props.title }) }),
-		props.children,
-		props.onDelete ? /* @__PURE__ */ jsx(HasciiCardFooter, { children: /* @__PURE__ */ jsx(HasciiButton, {
-			variant: "destructive",
-			size: "sm",
-			onPress: props.onDelete,
-			children: "delete"
-		}) }) : null
-	] });
-}
-//#endregion
-//#region lib/tui/utils/hascii/form-item-context.tsx
-const FormItemContext = createContext(null);
-/** Read the surrounding HasciiFormItem context. Returns null when called outside one. */
-function useHasciiFormItem() {
-	return useContext(FormItemContext);
-}
-/** Provider used by HasciiFormItem to share the row's focus id with the wrapped HasciiInput. */
-function HasciiFormItemProvider(props) {
-	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
-		value: props.value,
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/utils/hascii/input-focus-context.tsx
-/** @jsxImportSource @opentui/react */
-const InputFocusContext = createContext(null);
-/** Returns the surrounding HasciiInputFocusProvider's API. Null when no provider is mounted. */
-function useHasciiInputFocus() {
-	return useContext(InputFocusContext);
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/form-item.tsx
-/** Horizontal form row: a fixed-width label on the left, the field on the right. The label background brightens while the wrapped HasciiInput is focused (requires HasciiInputFocusProvider in the tree). */
-function HasciiFormItem(props) {
-	const labelWidth = props.labelWidth ?? 12;
-	const theme = useHasciiTheme();
-	const id = useId();
-	const isInputFocused = useHasciiInputFocus()?.focusedId === id;
-	const labelBg = isInputFocused ? theme.color.secondaryActive : theme.color.popover;
-	const labelFg = isInputFocused ? theme.color.foreground : theme.color.mutedForeground;
-	return /* @__PURE__ */ jsx(HasciiFormItemProvider, {
-		value: { focusId: id },
-		children: /* @__PURE__ */ jsxs("box", {
-			flexDirection: "row",
-			alignItems: "center",
-			children: [/* @__PURE__ */ jsx("box", {
-				width: labelWidth,
-				height: 3,
-				paddingLeft: 2,
-				paddingRight: 2,
-				alignItems: "flex-start",
-				justifyContent: "center",
-				backgroundColor: labelBg,
-				children: /* @__PURE__ */ jsx("text", {
-					fg: labelFg,
-					children: props.label
-				})
-			}), props.children]
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/ui/hascii/input.tsx
-/** Single-line text input. Click to focus, Esc / outside click to blur (requires HasciiInputFocusProvider for outside click). */
-function HasciiInput(props) {
-	const variant = props.variant ?? "default";
-	const width = props.width ?? 32;
-	const placeholder = props.placeholder ?? "";
-	const fallbackId = useId();
-	const id = useHasciiFormItem()?.focusId ?? fallbackId;
-	const focusCtx = useHasciiInputFocus();
-	const fallbackState = useState(props.defaultFocused ?? false);
-	const isFocused = focusCtx ? focusCtx.focusedId === id : fallbackState[0];
-	const focus = () => {
-		if (focusCtx) focusCtx.setFocusedId(id);
-		else fallbackState[1](true);
-	};
-	const blur = () => {
-		if (focusCtx) focusCtx.setFocusedId(null);
-		else fallbackState[1](false);
-	};
-	const theme = useHasciiTheme();
-	const press = usePressable();
-	useKeyboard((key) => {
-		if (!isFocused) return;
-		if (key.name === "escape") blur();
-	});
-	if (variant === "outline") return /* @__PURE__ */ jsx("box", {
-		border: true,
-		borderStyle: "rounded",
-		borderColor: press.isPressed ? theme.color.foreground : isFocused ? theme.color.ring : press.isHovered ? theme.color.mutedForeground : theme.color.input,
-		height: 3,
-		width,
-		paddingLeft: 1,
-		paddingRight: 1,
-		backgroundColor: theme.color.background,
-		justifyContent: "center",
-		...press.bind,
-		onMouseDown: (event) => {
-			event.stopPropagation();
-			press.bind.onMouseDown();
-			focus();
-		},
-		children: /* @__PURE__ */ jsx("input", {
-			focused: isFocused,
-			placeholder,
-			value: props.value,
-			textColor: theme.color.foreground,
-			placeholderColor: theme.color.mutedForeground,
-			cursorColor: theme.color.foreground,
-			onInput: props.onInput,
-			onChange: props.onChange
-		})
-	});
-	return /* @__PURE__ */ jsxs("box", {
-		height: 3,
-		width,
-		paddingLeft: 2,
-		paddingRight: 2,
-		backgroundColor: press.isPressed ? theme.color.secondaryActive : isFocused || press.isHovered ? theme.color.secondaryHover : theme.color.muted,
-		justifyContent: "center",
-		...press.bind,
-		onMouseDown: (event) => {
-			event.stopPropagation();
-			press.bind.onMouseDown();
-			focus();
-		},
-		children: [/* @__PURE__ */ jsx("input", {
-			focused: isFocused,
-			placeholder,
-			value: props.value,
-			textColor: theme.color.foreground,
-			placeholderColor: theme.color.mutedForeground,
-			cursorColor: theme.color.foreground,
-			onInput: props.onInput,
-			onChange: props.onChange
-		}), isFocused ? /* @__PURE__ */ jsx("box", {
-			position: "absolute",
-			bottom: 0,
-			left: 0,
-			right: 0,
-			children: /* @__PURE__ */ jsx("text", {
-				fg: theme.color.primary,
-				children: "▁".repeat(width)
-			})
-		}) : null]
-	});
-}
-//#endregion
-//#region lib/tui/components/editable-field.tsx
-/**
-* Inline label + input row built on hascii primitives. The hascii Input fires
-* `onChange` on every keystroke; we forward that to `onCommit` so callers
-* persist live (re-keying by `focused` still forces a remount on blur so the
-* input snaps back when the user clicks away without typing).
-*/
-function EditableField(props) {
-	return /* @__PURE__ */ jsx("box", {
-		style: { flexDirection: "row" },
-		onMouseDown: props.onFocus,
-		children: /* @__PURE__ */ jsx(HasciiFormItem, {
-			label: props.label,
-			labelWidth: 12,
-			children: /* @__PURE__ */ jsx(HasciiInput, {
-				value: props.initialValue,
-				placeholder: props.placeholder,
-				defaultFocused: props.focused,
-				onChange: props.onCommit
-			}, props.focused ? "focused" : "blurred")
-		})
-	});
-}
-//#endregion
-//#region lib/tui/components/panel-header.tsx
-/** @jsxImportSource @opentui/react */
-/** Dim section label rendered at the top of every Panel. */
-function PanelHeader(props) {
-	const theme = useHasciiTheme();
-	const text = props.count !== void 0 ? `${props.label} (${props.count})` : props.label;
-	return /* @__PURE__ */ jsxs("text", {
-		fg: theme.color.mutedForeground,
-		children: [text, props.hint ? /* @__PURE__ */ jsx("span", {
-			fg: funnel.faint,
-			children: `  · ${props.hint}`
-		}) : null]
-	});
-}
-//#endregion
-//#region lib/tui/components/readonly-field.tsx
-/** Static label + value row that mirrors the EditableField layout. */
-function ReadonlyField(props) {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsx(HasciiFormItem, {
-		label: props.label,
-		labelWidth: 12,
-		children: /* @__PURE__ */ jsx("text", {
-			fg: theme.color.foreground,
-			children: props.value
-		})
-	});
-}
-//#endregion
-//#region lib/tui/scrollbar-options.ts
-/**
-* Shared OpenTUI scrollbar styling. Used by `ViewShell` and `DetailBar`
-* so both scroll containers paint the track with the surrounding
-* `surface` tone and the thumb in `mutedForeground` instead of OpenTUI's
-* default electric blue.
-*
-* Takes the active hascii theme since scrollbar coloring depends on
-* the same palette as everything else.
-*/
-const verticalScrollbarOptions = (theme) => ({ trackOptions: {
-	backgroundColor: funnel.surface,
-	foregroundColor: theme.color.mutedForeground
-} });
-//#endregion
-//#region lib/tui/components/view-shell.tsx
-/**
-* Outer wrapper every view renders into.
-*
-* Renders a vertical `<scrollbox>` so content that overflows the visible
-* area scrolls instead of clipping the layout. Padding follows the
-* uniform `funnel.paddingX/Y` rule and lives on the inner content
-* container (via `contentOptions`); the outer scrollbox itself is
-* transparent so multi-block views (`events` events list + DetailBar
-* sibling) still stack cleanly.
-*
-* The vertical scrollbar's track and thumb pull from the theme so the
-* widget reads as part of the surface palette instead of OpenTUI's
-* default electric blue.
-*/
-function ViewShell(props) {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsx("scrollbox", {
-		style: { flexGrow: 1 },
-		contentOptions: {
-			flexDirection: "column",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX,
-			paddingTop: funnel.paddingY,
-			paddingBottom: funnel.paddingY,
-			gap: funnel.gap
-		},
-		verticalScrollbarOptions: verticalScrollbarOptions(theme),
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/unique-name.ts
-/**
-* Pick the first `${prefix}-N` (N = 1, 2, …) that doesn't appear in the
-* `existing` list.
-*
-* Used by the connectors / channels / profiles views to mint a unique
-* default name when the user clicks "+ add". Stops at 10 000 to avoid a
-* runaway loop if `existing` is full of placeholder names — falls back
-* to `${prefix}-${Date.now()}` so the caller still gets a legal name.
-*/
-function uniqueName(existing, prefix) {
-	for (let i = 1; i < 1e4; i += 1) {
-		const candidate = `${prefix}-${i}`;
-		if (!existing.includes(candidate)) return candidate;
-	}
-	return `${prefix}-${Date.now()}`;
-}
-//#endregion
-//#region lib/tui/views/channels-view.tsx
-/** @jsxImportSource @opentui/react */
-const fieldKey$1 = (name, field) => `channels::${name}::${field}`;
-/**
-* Channel inspector — one Card per channel. Connectors live nested inside the
-* channel and are managed in the connectors view; here only the channel's
-* name and id (read-only) are shown along with a count of nested connectors.
-*/
-function ChannelsView(props) {
-	const channels = props.snapshot.channels;
-	const commit = (channel, field, raw) => {
-		try {
-			if (field === "name") {
-				const next = raw.trim();
-				if (next && next !== channel.name) props.funnel.channels.rename(channel.name, next);
-			}
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.setFocusedKey(null);
-		props.refresh();
-	};
-	const removeChannel = (name) => {
-		try {
-			props.funnel.channels.remove(name);
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.setFocusedKey(null);
-		props.refresh();
-	};
-	const addChannel = () => {
-		const name = uniqueName(channels.map((c) => c.name), "channel");
-		try {
-			const created = props.funnel.channels.add({ name });
-			props.setFocusedKey(fieldKey$1(created.name, "name"));
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.refresh();
-	};
-	return /* @__PURE__ */ jsxs(ViewShell, { children: [
-		/* @__PURE__ */ jsx(PanelHeader, {
-			label: "channels",
-			count: channels.length
-		}),
-		channels.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(none — use the button below to add one)" }) : channels.map((channel) => /* @__PURE__ */ jsxs(Card, {
-			title: channel.name,
-			onDelete: () => removeChannel(channel.name),
-			children: [
-				/* @__PURE__ */ jsx(EditableField, {
-					label: "name",
-					initialValue: channel.name,
-					focused: props.focusedKey === fieldKey$1(channel.name, "name"),
-					onFocus: () => props.setFocusedKey(fieldKey$1(channel.name, "name")),
-					onCommit: (raw) => commit(channel, "name", raw)
-				}),
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "id",
-					value: channel.id
-				}),
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "delivery",
-					value: channel.delivery
-				}),
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "connectors",
-					value: channel.connectors.length > 0 ? channel.connectors.map((c) => `${c.name}:${c.type}`).join(", ") : "(none)"
-				})
-			]
-		}, channel.id)),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add channel",
-			onClick: addChannel
-		})
-	] });
-}
-//#endregion
-//#region lib/tui/views/connectors-view.tsx
-const tokenDisplay = (literal, envVar) => {
-	if (literal !== void 0 && literal !== "") return literal;
-	if (envVar !== void 0 && envVar !== "") return `env:${envVar}`;
-	return "—";
-};
-const formatTimestamp = (iso) => {
-	if (!iso) return "—";
-	const d = new Date(iso);
-	if (Number.isNaN(d.getTime())) return "—";
-	return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")} ${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-};
-/**
-* Channel-scoped connector inspector. Reads `funnel.channels.listAllConnectors()`
-* (already flattened with channelName / channelId tags) and lets the user delete
-* each connector or quickly add a new one to the first available channel via the
-* AddRow buttons. Editing values is intentionally read-only — token / pollInterval
-* mutation belongs to `fnl channels <ch> connectors set <conn> ...` because the
-* same connector name can exist in multiple channels and inline edits would have
-* to disambiguate.
-*/
-function ConnectorsView(props) {
-	const connectors = props.snapshot.connectors;
-	const targetChannel = props.snapshot.channels[0] ?? null;
-	const logError = (error) => {
-		props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-	};
-	const removeConnector = (connector) => {
-		props.funnel.listeners.stop(connector.channelName, connector.name).catch(logError);
-		try {
-			props.funnel.channels.removeConnector(connector.channelName, connector.name);
-		} catch (error) {
-			logError(error);
-		}
-		props.refresh();
-	};
-	const addConnector = (type) => {
-		if (!targetChannel) {
-			logError(/* @__PURE__ */ new Error("add a channel first before creating a connector"));
-			return;
-		}
-		const name = uniqueName(connectors.filter((c) => c.channelId === targetChannel.id).map((c) => c.name), type);
-		try {
-			if (type === "slack") props.funnel.channels.addConnector(targetChannel.name, {
-				type: "slack",
-				name,
-				botToken: "xoxb-PLACEHOLDER",
-				appToken: "xapp-PLACEHOLDER"
-			});
-			else if (type === "gh") props.funnel.channels.addConnector(targetChannel.name, {
-				type: "gh",
-				name
-			});
-			else if (type === "discord") props.funnel.channels.addConnector(targetChannel.name, {
-				type: "discord",
-				name,
-				botToken: "PLACEHOLDER-PLACEHOLDER"
-			});
-			else props.funnel.channels.addConnector(targetChannel.name, {
-				type: "schedule",
-				name
-			});
-			props.funnel.listeners.start(targetChannel.name, name).catch(logError);
-		} catch (error) {
-			logError(error);
-		}
-		props.refresh();
-	};
-	return /* @__PURE__ */ jsxs(ViewShell, { children: [
-		/* @__PURE__ */ jsx(PanelHeader, {
-			label: "connectors",
-			count: connectors.length
-		}),
-		connectors.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(none — add via the buttons below or `fnl channels <ch> connectors add ...`)" }) : connectors.map((connector) => /* @__PURE__ */ jsxs(Card, {
-			title: connector.name,
-			children: [
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "channel",
-					value: connector.channelName
-				}),
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "type",
-					value: connector.type
-				}),
-				/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "id",
-					value: connector.id
-				}),
-				connector.type === "slack" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ReadonlyField, {
-					label: "bot-token",
-					value: tokenDisplay(connector.botToken, connector.botTokenEnv)
-				}), /* @__PURE__ */ jsx(ReadonlyField, {
-					label: "app-token",
-					value: tokenDisplay(connector.appToken, connector.appTokenEnv)
-				})] }) : null,
-				connector.type === "gh" ? /* @__PURE__ */ jsx(ReadonlyField, {
-					label: "poll",
-					value: String(connector.pollInterval ?? 60)
-				}) : null,
-				connector.type === "discord" ? /* @__PURE__ */ jsx(ReadonlyField, {
-					label: "bot-token",
-					value: tokenDisplay(connector.botToken, connector.botTokenEnv)
-				}) : null,
-				connector.type === "schedule" ? /* @__PURE__ */ jsx(ReadonlyField, {
-					label: "entries",
-					value: String(connector.entries.length)
-				}) : null,
-				/* @__PURE__ */ jsx("text", {
-					fg: funnel.faint,
-					children: `created  ${formatTimestamp(connector.createdAt)}`
-				}),
-				/* @__PURE__ */ jsxs("box", {
-					style: {
-						flexDirection: "row",
-						justifyContent: "space-between"
-					},
-					children: [/* @__PURE__ */ jsx("text", {
-						fg: funnel.faint,
-						children: `updated  ${formatTimestamp(connector.updatedAt)}`
-					}), /* @__PURE__ */ jsx(HasciiButton, {
-						variant: "destructive",
-						size: "sm",
-						onPress: () => removeConnector(connector),
-						children: "delete"
-					})]
-				})
-			]
-		}, `${connector.channelId}::${connector.id}`)),
-		targetChannel ? /* @__PURE__ */ jsx("text", {
-			fg: funnel.faint,
-			children: `add target channel: ${targetChannel.name}`
-		}) : /* @__PURE__ */ jsx("text", {
-			fg: funnel.warn,
-			children: "add a channel first to enable the buttons below"
-		}),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add slack",
-			onClick: () => addConnector("slack")
-		}),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add gh",
-			onClick: () => addConnector("gh")
-		}),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add discord",
-			onClick: () => addConnector("discord")
-		}),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add schedule",
-			onClick: () => addConnector("schedule")
-		})
-	] });
-}
-//#endregion
-//#region lib/tui/components/detail-bar.tsx
-/**
-* Bottom inspector strip rendered at the foot of a view.
-*
-* Sits as a sibling of `ViewShell` (not inside it) so its background
-* stretches edge-to-edge across the main column and butts against the
-* sidebar with no horizontal gap. Background tier is `elevated` —
-* one step brighter than the sidebar — to read as a separate stratum
-* without needing a border.
-*
-* The strip is itself a `<scrollbox>` so long content (e.g., JSON for
-* the selected event) scrolls within the fixed `funnel.detailPanelHeight`
-* frame instead of pushing other UI off-screen.
-*/
-function DetailBar(props) {
-	const theme = useHasciiTheme();
-	return /* @__PURE__ */ jsx("scrollbox", {
-		style: {
-			height: funnel.detailPanelHeight,
-			backgroundColor: theme.color.muted
-		},
-		contentOptions: {
-			flexDirection: "column",
-			paddingLeft: funnel.paddingX,
-			paddingRight: funnel.paddingX,
-			paddingTop: funnel.paddingY,
-			paddingBottom: funnel.paddingY,
-			gap: funnel.gap
-		},
-		verticalScrollbarOptions: verticalScrollbarOptions(theme),
-		children: props.children
-	});
-}
-//#endregion
-//#region lib/tui/components/keymap.tsx
-/** @jsxImportSource @opentui/react */
-/** Inline keymap row — used at the bottom of each interactive view. */
-function Keymap(props) {
-	return /* @__PURE__ */ jsx("text", {
-		fg: useHasciiTheme().color.mutedForeground,
-		children: props.hints.map((hint, index) => /* @__PURE__ */ jsxs("span", { children: [
-			index > 0 ? /* @__PURE__ */ jsx("span", {
-				fg: funnel.faint,
-				children: "  ·  "
-			}) : null,
-			/* @__PURE__ */ jsxs("span", {
-				fg: funnel.faint,
-				children: [hint.key, " "]
-			}),
-			hint.label
-		] }, hint.key))
-	});
-}
-//#endregion
-//#region lib/tui/views/events-view.tsx
-/** @jsxImportSource @opentui/react */
-const streamLabel = (status) => {
-	if (status === "open") return "live";
-	if (status === "connecting") return "connecting…";
-	if (status === "closed") return "reconnecting…";
-	return "offline";
-};
-const formatTime = (ms) => {
-	const date = new Date(ms);
-	return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}:${String(date.getSeconds()).padStart(2, "0")}`;
-};
-const truncate = (value, max) => {
-	const flat = value.replace(/\s+/g, " ").trim();
-	if (flat.length <= max) return flat;
-	return `${flat.slice(0, max - 1)}…`;
-};
-const matches = (event, filter) => {
-	if (!filter) return true;
-	const needle = filter.toLowerCase();
-	return [
-		event.content,
-		event.meta.connector ?? "",
-		event.meta.event_type ?? "",
-		event.meta.channel ?? ""
-	].join(" ").toLowerCase().includes(needle);
-};
-const tryParseJson = (value) => {
-	try {
-		return JSON.parse(value);
-	} catch {
-		return value;
-	}
-};
-const formatJson = (value) => {
-	try {
-		return JSON.stringify(value, null, 2);
-	} catch {
-		return String(value);
-	}
-};
-/**
-* Live event stream + detail of the selected event.
-*
-* The events list lives inside `ViewShell` (padded canvas) while the
-* detail strip is a sibling `DetailBar` so its background spans the
-* full main column edge-to-edge and reads as a distinct elevated
-* stratum below the list.
-*/
-function EventsView(props) {
-	const theme = useHasciiTheme();
-	const visible = props.events.filter((event) => matches(event, props.filter));
-	const selected = visible[props.selectedIndex] ?? null;
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			flexDirection: "column",
-			flexGrow: 1
-		},
-		children: [/* @__PURE__ */ jsxs(ViewShell, { children: [
-			/* @__PURE__ */ jsx(PanelHeader, {
-				label: "events",
-				count: visible.length,
-				hint: [
-					streamLabel(props.streamStatus),
-					`${props.events.length} total`,
-					props.filter ? `/${props.filter}/` : null
-				].filter((part) => part !== null).join(" · ")
-			}),
-			visible.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(no events yet — waiting for the first one)" }) : visible.map((event, index) => {
-				const isSelected = index === props.selectedIndex;
-				const connector = event.meta.connector ?? "system";
-				const eventType = event.meta.event_type ?? "?";
-				return /* @__PURE__ */ jsxs("text", {
-					bg: isSelected ? theme.color.muted : void 0,
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							fg: theme.color.mutedForeground,
-							children: formatTime(event.receivedAt)
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: funnel.faint,
-							children: " "
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: theme.color.mutedForeground,
-							children: eventType.padEnd(8)
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: funnel.faint,
-							children: " · "
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: isSelected ? theme.color.foreground : theme.color.foreground,
-							children: connector.padEnd(14)
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: funnel.faint,
-							children: " "
-						}),
-						/* @__PURE__ */ jsx("span", {
-							fg: isSelected ? theme.color.foreground : theme.color.mutedForeground,
-							children: truncate(event.content, 80)
-						})
-					]
-				}, event.id);
-			}),
-			/* @__PURE__ */ jsx(Keymap, { hints: [{
-				key: "j/k",
-				label: "select"
-			}, {
-				key: "/",
-				label: "filter"
-			}] })
-		] }), /* @__PURE__ */ jsxs(DetailBar, { children: [/* @__PURE__ */ jsx(PanelHeader, { label: "detail" }), !selected ? /* @__PURE__ */ jsx(EmptyState, { message: "(select an event with j/k to inspect)" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsxs("text", { children: [/* @__PURE__ */ jsx("span", {
-				fg: theme.color.mutedForeground,
-				children: "meta: "
-			}), /* @__PURE__ */ jsx("span", {
-				fg: theme.color.foreground,
-				children: Object.entries(selected.meta).map(([key, value]) => `${key}=${value}`).join("  ")
-			})] }),
-			/* @__PURE__ */ jsx(HasciiSeparator, {}),
-			/* @__PURE__ */ jsx("text", {
-				fg: theme.color.foreground,
-				children: formatJson(tryParseJson(selected.content))
-			})
-		] })] })]
-	});
-}
-//#endregion
-//#region lib/tui/views/listeners-view.tsx
-/** @jsxImportSource @opentui/react */
-const eventCountBy = (events, connectorName) => {
-	let count = 0;
-	for (const event of events) if (event.meta.connector === connectorName) count += 1;
-	return count;
-};
-/**
-* Listener registry — one Card per listener. The Card title shows the
-* listener's name; inside, a single status line carries the alive
-* dot, the connector type, and the event count. Cursor selection is
-* shown via the Card's `selected` accent. Listeners are runtime
-* entities derived from connectors, so there is no add path here —
-* register / remove a connector instead.
-*/
-function ListenersView(props) {
-	const theme = useHasciiTheme();
-	const listeners = props.snapshot.listeners;
-	return /* @__PURE__ */ jsxs(ViewShell, { children: [
-		/* @__PURE__ */ jsx(PanelHeader, {
-			label: "listeners",
-			count: listeners.length,
-			hint: props.busy ? "working…" : void 0
-		}),
-		!props.snapshot.daemonReachable ? /* @__PURE__ */ jsx(EmptyState, { message: "(gateway daemon offline — press G to start it)" }) : listeners.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(no listeners — register a connector first)" }) : listeners.map((entry, index) => {
-			const aliveColor = entry.alive ? funnel.alive : funnel.dead;
-			const count = eventCountBy(props.events, entry.name);
-			return /* @__PURE__ */ jsx(Card, {
-				title: entry.name,
-				selected: index === props.selectedIndex,
-				children: /* @__PURE__ */ jsxs("text", { children: [
-					/* @__PURE__ */ jsx("span", {
-						fg: aliveColor,
-						children: entry.alive ? "●" : "○"
-					}),
-					/* @__PURE__ */ jsx("span", {
-						fg: funnel.faint,
-						children: " "
-					}),
-					/* @__PURE__ */ jsx("span", {
-						fg: theme.color.mutedForeground,
-						children: entry.type
-					}),
-					count > 0 ? /* @__PURE__ */ jsx("span", {
-						fg: theme.color.mutedForeground,
-						children: `  ${count}↓`
-					}) : null
-				] })
-			}, entry.name);
-		}),
-		/* @__PURE__ */ jsx(Keymap, { hints: [
-			{
-				key: "j/k",
-				label: "select"
-			},
-			{
-				key: "s",
-				label: "start"
-			},
-			{
-				key: "x",
-				label: "stop"
-			},
-			{
-				key: "R",
-				label: "restart"
-			}
-		] })
-	] });
-}
-//#endregion
-//#region lib/tui/views/profiles-view.tsx
-/** @jsxImportSource @opentui/react */
-const fieldKey = (name, field) => `profiles::${name}::${field}`;
-/**
-* Profile list — one Card per profile. Selection (j/k cursor) shows the
-* `▏` primary rule via the Card's `selected` prop; pressing `c`
-* launches Claude Code with the selected profile.
-*
-* `+ add profile` at the foot creates a new profile pointed at the
-* first existing channel (or an empty string if there are none, which
-* the user must then edit before launching).
-*/
-function ProfilesView(props) {
-	const profiles = props.snapshot.profiles;
-	const channels = props.snapshot.channels;
-	const commit = (profile, field, raw) => {
-		try {
-			if (field === "name") {
-				const next = raw.trim();
-				if (next && next !== profile.name) props.funnel.profiles.rename(profile.name, next);
-			} else if (field === "channel") {
-				const next = raw.trim();
-				if (next) props.funnel.profiles.update(profile.name, { channelId: next });
-			} else if (field === "path") {
-				const next = raw.trim();
-				if (next) props.funnel.profiles.update(profile.name, { path: next });
-			}
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.setFocusedKey(null);
-		props.refresh();
-	};
-	const removeProfile = (name) => {
-		try {
-			props.funnel.profiles.remove(name);
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.setFocusedKey(null);
-		props.refresh();
-	};
-	const addProfile = () => {
-		const name = uniqueName(profiles.map((p) => p.name), "profile");
-		const channelId = channels[0]?.name ?? "";
-		try {
-			props.funnel.profiles.add({
-				name,
-				path: "",
-				channelId
-			});
-			props.setFocusedKey(fieldKey(name, "name"));
-		} catch (error) {
-			props.funnel.logger?.error(error instanceof Error ? error.message : String(error));
-		}
-		props.refresh();
-	};
-	return /* @__PURE__ */ jsxs(ViewShell, { children: [
-		/* @__PURE__ */ jsx(PanelHeader, {
-			label: "profiles",
-			count: profiles.length
-		}),
-		profiles.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "(none — use the button below to add one)" }) : profiles.map((profile, index) => /* @__PURE__ */ jsxs(Card, {
-			title: profile.name,
-			selected: index === props.selectedIndex,
-			onDelete: () => removeProfile(profile.name),
-			children: [
-				/* @__PURE__ */ jsx(EditableField, {
-					label: "name",
-					initialValue: profile.name,
-					focused: props.focusedKey === fieldKey(profile.name, "name"),
-					onFocus: () => props.setFocusedKey(fieldKey(profile.name, "name")),
-					onCommit: (raw) => commit(profile, "name", raw)
-				}),
-				/* @__PURE__ */ jsx(EditableField, {
-					label: "path",
-					initialValue: profile.path,
-					focused: props.focusedKey === fieldKey(profile.name, "path"),
-					onFocus: () => props.setFocusedKey(fieldKey(profile.name, "path")),
-					onCommit: (raw) => commit(profile, "path", raw),
-					placeholder: "repository path"
-				}),
-				/* @__PURE__ */ jsx(EditableField, {
-					label: "channel",
-					initialValue: profile.channelId,
-					focused: props.focusedKey === fieldKey(profile.name, "channel"),
-					onFocus: () => props.setFocusedKey(fieldKey(profile.name, "channel")),
-					onCommit: (raw) => commit(profile, "channel", raw)
-				})
-			]
-		}, profile.name)),
-		/* @__PURE__ */ jsx(AddRow, {
-			label: "add profile",
-			onClick: addProfile
-		}),
-		/* @__PURE__ */ jsx(Keymap, { hints: [{
-			key: "j/k",
-			label: "select"
-		}, {
-			key: "c",
-			label: "launch"
-		}] })
-	] });
-}
-//#endregion
-//#region lib/tui/app.tsx
-/** @jsxImportSource @opentui/react */
-const VIEW_KEYS = [
-	"events",
-	"connectors",
-	"channels",
-	"profiles",
-	"listeners"
-];
-const clamp = (value, length) => {
-	if (length === 0) return 0;
-	if (value < 0) return 0;
-	if (value >= length) return length - 1;
-	return value;
-};
-const matchesEventFilter = (event, filter) => {
-	if (!filter) return true;
-	const needle = filter.toLowerCase();
-	return [
-		event.content,
-		event.meta.connector ?? "",
-		event.meta.event_type ?? "",
-		event.meta.channel ?? ""
-	].join(" ").toLowerCase().includes(needle);
-};
-/**
-* Funnel TUI: side-rail navigation + main content panel.
-*
-* Default landing view is the live `events` log. The sidebar shows the
-* gateway state, currently connected sessions, and a navigation menu
-* where each row carries the live count of its underlying entity.
-*/
-function App(props) {
-	const theme = useHasciiTheme();
-	const renderer = useRenderer();
-	const { snapshot, refresh } = useSnapshot(props.funnel);
-	const { events, status: streamStatus } = useEventStream(snapshot.gateway.port, snapshot.daemonReachable, props.funnel.gatewayToken.read());
-	const [view, setViewState] = useState("events");
-	const [mode, setMode] = useState("browse");
-	const [listenerCursor, setListenerCursor] = useState(0);
-	const [profileCursor, setProfileCursor] = useState(0);
-	const [eventCursor, setEventCursor] = useState(0);
-	const [filter, setFilter] = useState("");
-	const [filterDraft, setFilterDraft] = useState("");
-	const [busy, setBusy] = useState(false);
-	const [editFocus, setEditFocus] = useState(null);
-	const isEditing = editFocus !== null;
-	const setView = (next) => {
-		setViewState(next);
-		setEditFocus(null);
-	};
-	const visibleEventCount = events.filter((event) => matchesEventFilter(event, filter)).length;
-	const menuItems = [
-		{
-			view: "events",
-			label: "events",
-			count: events.length
-		},
-		{
-			view: "connectors",
-			label: "connectors",
-			count: snapshot.connectors.length
-		},
-		{
-			view: "channels",
-			label: "channels",
-			count: snapshot.channels.length
-		},
-		{
-			view: "profiles",
-			label: "profiles",
-			count: snapshot.profiles.length
-		},
-		{
-			view: "listeners",
-			label: "listeners",
-			count: snapshot.listeners.length
-		}
-	];
-	const moveCursor = (delta) => {
-		if (view === "listeners") setListenerCursor((prev) => clamp(prev + delta, snapshot.listeners.length));
-		else if (view === "profiles") setProfileCursor((prev) => clamp(prev + delta, snapshot.profiles.length));
-		else if (view === "events") setEventCursor((prev) => clamp(prev + delta, visibleEventCount));
-	};
-	const runListenerAction = async (action) => {
-		const entry = snapshot.listeners[listenerCursor];
-		if (!entry || busy) return;
-		setBusy(true);
-		if (action === "start") await props.funnel.listeners.start(entry.channelName, entry.name);
-		if (action === "stop") await props.funnel.listeners.stop(entry.channelName, entry.name);
-		if (action === "restart") await props.funnel.listeners.restart(entry.channelName, entry.name);
-		setBusy(false);
-		refresh();
-	};
-	const launchProfile = async () => {
-		const profile = snapshot.profiles[profileCursor];
-		if (!profile) return;
-		renderer.destroy();
-		try {
-			await props.funnel.claude.launch({
-				channel: profile.channelId,
-				cwd: profile.path,
-				profileId: profile.id,
-				options: profile.options,
-				env: profile.env,
-				resume: profile.resume
-			});
-		} catch (error) {
-			process.stderr.write(`error: ${error instanceof Error ? error.message : String(error)}\n`);
-			process.exit(1);
-		}
-		process.exit(0);
-	};
-	const toggleGateway = async () => {
-		if (busy) return;
-		setBusy(true);
-		if (snapshot.gateway.running) await props.funnel.gateway.stop();
-		else await props.funnel.gateway.start();
-		setBusy(false);
-		refresh();
-	};
-	useKeyboard((key) => {
-		if (isEditing) {
-			if (key.name === "escape") setEditFocus(null);
-			return;
-		}
-		if (mode === "filter") {
-			if (key.name === "return") {
-				setFilter(filterDraft);
-				setEventCursor(0);
-				setMode("browse");
-				return;
-			}
-			if (key.name === "escape") {
-				setFilterDraft(filter);
-				setMode("browse");
-				return;
-			}
-			if (key.name === "backspace") {
-				setFilterDraft((prev) => prev.slice(0, -1));
-				return;
-			}
-			if (key.sequence && key.sequence.length === 1 && !key.ctrl && !key.meta) {
-				const ch = key.sequence;
-				if (ch >= " " && ch <= "~") setFilterDraft((prev) => prev + ch);
-			}
-			return;
-		}
-		if (mode === "profile-launcher") {
-			if (key.name === "escape" || key.ctrl && key.name === "c") {
-				setMode("browse");
-				return;
-			}
-			if (key.name === "up" || key.name === "k") {
-				setProfileCursor((prev) => clamp(prev - 1, snapshot.profiles.length));
-				return;
-			}
-			if (key.name === "down" || key.name === "j") {
-				setProfileCursor((prev) => clamp(prev + 1, snapshot.profiles.length));
-				return;
-			}
-			if (key.name === "return") launchProfile();
-			return;
-		}
-		if (key.name === "q" || key.name === "escape" || key.ctrl && key.name === "c") {
-			renderer.destroy();
-			return;
-		}
-		const numericIndex = Number.parseInt(key.name ?? "", 10);
-		const target = Number.isFinite(numericIndex) ? VIEW_KEYS[numericIndex - 1] : void 0;
-		if (target) {
-			setView(target);
-			return;
-		}
-		if (key.name === "j" || key.name === "down") {
-			moveCursor(1);
-			return;
-		}
-		if (key.name === "k" || key.name === "up") {
-			moveCursor(-1);
-			return;
-		}
-		if (key.name === "r") {
-			refresh();
-			return;
-		}
-		if (key.name === "/" && view === "events") {
-			setFilterDraft(filter);
-			setMode("filter");
-			return;
-		}
-		if (key.name === "c") {
-			if (snapshot.profiles.length === 0) return;
-			setProfileCursor((prev) => Math.min(prev, Math.max(0, snapshot.profiles.length - 1)));
-			setMode("profile-launcher");
-			return;
-		}
-		if (view === "listeners") {
-			if (key.name === "s") {
-				runListenerAction("start");
-				return;
-			}
-			if (key.name === "x") {
-				runListenerAction("stop");
-				return;
-			}
-			if (key.name === "R" || key.shift && key.name === "r") {
-				runListenerAction("restart");
-				return;
-			}
-		}
-		if (key.name === "G" || key.shift && key.name === "g") toggleGateway();
-	});
-	return /* @__PURE__ */ jsxs("box", {
-		style: {
-			width: "100%",
-			height: "100%",
-			backgroundColor: theme.color.background,
-			flexDirection: "column"
-		},
-		children: [
-			/* @__PURE__ */ jsxs("box", {
-				style: {
-					flexDirection: "row",
-					flexGrow: 1
-				},
-				children: [/* @__PURE__ */ jsx(Sidebar, {
-					snapshot,
-					menuItems,
-					view,
-					onSelect: setView,
-					busy,
-					onToggleGateway: () => void toggleGateway()
-				}), /* @__PURE__ */ jsx("box", {
-					style: {
-						flexDirection: "column",
-						flexGrow: 1,
-						backgroundColor: theme.color.background
-					},
-					children: view === "events" ? /* @__PURE__ */ jsx(EventsView, {
-						events,
-						filter,
-						selectedIndex: eventCursor,
-						streamStatus
-					}) : view === "connectors" ? /* @__PURE__ */ jsx(ConnectorsView, {
-						snapshot,
-						funnel: props.funnel,
-						refresh,
-						focusedKey: editFocus,
-						setFocusedKey: setEditFocus
-					}) : view === "channels" ? /* @__PURE__ */ jsx(ChannelsView, {
-						snapshot,
-						funnel: props.funnel,
-						refresh,
-						focusedKey: editFocus,
-						setFocusedKey: setEditFocus
-					}) : view === "profiles" ? /* @__PURE__ */ jsx(ProfilesView, {
-						snapshot,
-						selectedIndex: profileCursor,
-						funnel: props.funnel,
-						refresh,
-						focusedKey: editFocus,
-						setFocusedKey: setEditFocus
-					}) : /* @__PURE__ */ jsx(ListenersView, {
-						snapshot,
-						events,
-						selectedIndex: listenerCursor,
-						busy
-					})
-				})]
-			}),
-			/* @__PURE__ */ jsx(FilterInput, {
-				value: filterDraft,
-				active: mode === "filter"
-			}),
-			/* @__PURE__ */ jsx(ProfileLauncher, {
-				active: mode === "profile-launcher",
-				profiles: snapshot.profiles,
-				selectedIndex: profileCursor
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/tui/tui.tsx
-/** @jsxImportSource @opentui/react */
-async function launchTui(funnel) {
-	const renderer = await createCliRenderer();
-	createRoot(renderer).render(/* @__PURE__ */ jsx(HasciiThemeProvider, { children: /* @__PURE__ */ jsx(App, { funnel }) }));
-	await new Promise((resolve) => {
-		renderer.once("destroy", () => resolve());
-	});
-}
-//#endregion
-export { CONNECTOR_CONNECTION_STATUSES, ConnectorDiagnosticLog, ConnectorDiagnosticSqlReader, DEFAULT_GATEWAY_TOKEN_PATH, FUNNEL_DIR, FUNNEL_MCP_COMMAND, FUNNEL_MCP_NAME, Funnel, FunnelBroadcaster, FunnelChannelPublisher, FunnelChannels, FunnelClaude, FunnelClock, FunnelConnectorFactory, FunnelConnectorListener, FunnelEventLog, FunnelFileSystem, FunnelGateway, FunnelGatewayServer, FunnelGatewayToken, FunnelIdGenerator, FunnelListenerSupervisor, FunnelListenersClient, FunnelLocalConfig, FunnelLocalConfigSync, FunnelLocalConfigWriter, FunnelLogger, FunnelMcp, FunnelProcessRunner, FunnelProfiles, FunnelSettingsReader, FunnelSettingsStore, FunnelSlackEventProcessor, FunnelTokenPrompter, LOCAL_CONFIG_FILENAME, MemoryConnectorDiagnosticLog, MemoryFunnelClock, MemoryFunnelEventLog, MemoryFunnelFileSystem, MemoryFunnelIdGenerator, MemoryFunnelLogger, MemoryFunnelProcessRunner, MemoryFunnelTokenPrompter, MockFunnelSettingsReader, NodeFunnelClock, NodeFunnelFileSystem, NodeFunnelIdGenerator, NodeFunnelLogger, NodeFunnelProcessRunner, NodeFunnelTokenPrompter, NoopFunnelLogger, SETTINGS_PATH, SETTINGS_VERSION, SqliteConnectorDiagnosticLog, SqliteFunnelEventLog, channelConfigSchema, channelDeliveryModeSchema, channelSpecSchema, app as cliApp, connectorConfigSchema, connectorConnectionEventSchema, connectorProcessedEventSchema, connectorRawEventSchema, connectorSpecSchema, createCliApp, createSettings, discordConnectorSchema, factory, funnelEventSchema, funnelJsonSchema, ghConnectorSchema, launchTui, localConfigSchema, profileConfigSchema, profileSpecSchema, publishRequestSchema, publishResponseSchema, queryToCliArgs, resolveFunnelDir, scheduleCatchupPolicySchema, scheduleConnectorSchema, scheduleEntrySchema, settingsSchema, slackConnectorSchema, startChannelServer, toRequest };
+export { CONNECTOR_CONNECTION_STATUSES, ConnectorDiagnosticLog, ConnectorDiagnosticSqlReader, DEFAULT_GATEWAY_TOKEN_PATH, FUNNEL_DIR, FUNNEL_MCP_COMMAND, FUNNEL_MCP_NAME, Funnel, FunnelBroadcaster, FunnelChannelPublisher, FunnelChannels, FunnelClaude, FunnelClock, FunnelConnectorFactory, FunnelConnectorListener, FunnelEventLog, FunnelFileSystem, FunnelGateway, FunnelGatewayServer, FunnelGatewayToken, FunnelIdGenerator, FunnelListenerSupervisor, FunnelListenersClient, FunnelLocalConfig, FunnelLocalConfigSync, FunnelLocalConfigWriter, FunnelLogger, FunnelMcp, FunnelProcessRunner, FunnelProfiles, FunnelSettingsReader, FunnelSettingsStore, FunnelSlackEventProcessor, FunnelTokenPrompter, LOCAL_CONFIG_FILENAME, MemoryConnectorDiagnosticLog, MemoryFunnelClock, MemoryFunnelEventLog, MemoryFunnelFileSystem, MemoryFunnelIdGenerator, MemoryFunnelLogger, MemoryFunnelProcessRunner, MemoryFunnelTokenPrompter, MockFunnelSettingsReader, NodeFunnelClock, NodeFunnelFileSystem, NodeFunnelIdGenerator, NodeFunnelLogger, NodeFunnelProcessRunner, NodeFunnelTokenPrompter, NoopFunnelLogger, SETTINGS_PATH, SETTINGS_VERSION, SqliteConnectorDiagnosticLog, SqliteFunnelEventLog, channelConfigSchema, channelDeliveryModeSchema, channelSpecSchema, app as cliApp, connectorConfigSchema, connectorConnectionEventSchema, connectorProcessedEventSchema, connectorRawEventSchema, connectorSpecSchema, createCliApp, createSettings, discordConnectorSchema, factory, funnelEventSchema, funnelJsonSchema, ghConnectorSchema, localConfigSchema, profileConfigSchema, profileSpecSchema, publishRequestSchema, publishResponseSchema, queryToCliArgs, resolveFunnelDir, scheduleCatchupPolicySchema, scheduleConnectorSchema, scheduleEntrySchema, settingsSchema, slackConnectorSchema, startChannelServer, toRequest };