magus-cli 7.3.0 → 7.4.0

package/src/ui/components/ScopeIndicator.tsx

@@ -1,63 +0,0 @@
-import React from "react";
-import { type UiColor, theme } from "../theme.js";
-
-/**
- * Scope indicator for list items.
- * Shows colored letter badges when installed, empty space when not.
- *
- * Installed in user+project:  u p
- * Installed in project only:    p
- * Not installed:              (3 spaces)
- *
- * Colors match the detail panel: cyan=user, green=project, yellow=local
- */
-
-export function scopeIndicatorText(
-	user?: boolean,
-	project?: boolean,
-	local?: boolean,
-): {
-	text: string;
-	segments: Array<{ char: string; bg: UiColor; fg: UiColor }>;
-} {
-	const segments: Array<{ char: string; bg: UiColor; fg: UiColor }> = [
-		user
-			? { char: "u", bg: theme.colors.info, fg: theme.hints.fg }
-			: { char: " ", bg: "", fg: "" },
-		project
-			? { char: "p", bg: theme.colors.success, fg: theme.hints.fg }
-			: { char: " ", bg: "", fg: "" },
-		local
-			? { char: "l", bg: theme.colors.warning, fg: theme.hints.fg }
-			: { char: " ", bg: "", fg: "" },
-	];
-
-	const text = segments.map((s) => s.char).join("");
-	return { text, segments };
-}
-
-interface ScopeIndicatorProps {
-	user?: boolean;
-	project?: boolean;
-	local?: boolean;
-}
-
-export function ScopeIndicator({ user, project, local }: ScopeIndicatorProps) {
-	const { segments } = scopeIndicatorText(user, project, local);
-
-	return (
-		<text fg={theme.colors.text}>
-			{segments.map((s, i) =>
-				s.bg ? (
-					// biome-ignore lint/suspicious/noArrayIndexKey: segments are fixed-position scope squares (user/project/local); the slot is the identity and the list never reorders
-					<span key={i} bg={s.bg} fg={s.fg}>
-						{s.char}
-					</span>
-				) : (
-					// biome-ignore lint/suspicious/noArrayIndexKey: same fixed-slot list as above
-					<span key={i}> </span>
-				),
-			)}
-		</text>
-	);
-}

package/src/ui/components/SearchInput.tsx

@@ -1,57 +0,0 @@
-import React from "react";
-import { useKeyboardHandler } from "../hooks/useKeyboardHandler.js";
-import { theme } from "../theme.js";
-
-interface SearchInputProps {
-	/** Current search value */
-	value: string;
-	/** Called when value changes */
-	onChange: (value: string) => void;
-	/** Placeholder text when empty */
-	placeholder?: string;
-	/** Whether the input is focused/active */
-	isActive: boolean;
-	/** Called when user presses escape to exit search */
-	onExit?: () => void;
-	/** Called when user presses enter */
-	onSubmit?: () => void;
-}
-
-export function SearchInput({
-	value,
-	onChange,
-	placeholder = "Search...",
-	isActive,
-	onExit,
-	onSubmit,
-}: SearchInputProps) {
-	// Handle keyboard shortcuts when active
-	useKeyboardHandler((_input, key) => {
-		if (!isActive) return;
-
-		if (key.escape) {
-			onExit?.();
-			return;
-		}
-
-		if (key.return) {
-			onSubmit?.();
-			return;
-		}
-	});
-
-	return (
-		<box flexDirection="row">
-			<text fg={theme.colors.info}>❯ </text>
-			<input
-				value={value}
-				onChange={onChange}
-				placeholder={placeholder}
-				focused={isActive}
-				width={40}
-			/>
-		</box>
-	);
-}
-
-export default SearchInput;

package/src/ui/hooks/index.ts

@@ -1,2 +0,0 @@
-export { useKeyboardHandler } from "./useKeyboardHandler.js";
-export { useKeyboard } from "./useKeyboard.js";

package/src/ui/hooks/useKeyboard.ts

@@ -1,24 +0,0 @@
-import { useKeyboard as useOpenTUIKeyboard } from "@opentui/react";
-
-/**
- * OpenTUI keyboard event type
- */
-export interface KeyEvent {
-	name: string;
-	ctrl?: boolean;
-	shift?: boolean;
-	meta?: boolean;
-}
-
-/**
- * Simple re-export of OpenTUI's useKeyboard hook
- * Used by modals for direct keyboard event handling
- *
- * Key names in OpenTUI:
- * - Single characters: "a", "1", etc.
- * - Arrow keys: "up", "down", "left", "right"
- * - Special: "enter", "escape", "tab", "backspace", "delete"
- */
-export function useKeyboard(handler: (event: KeyEvent) => void): void {
-	useOpenTUIKeyboard(handler);
-}

package/src/ui/hooks/useKeyboardHandler.ts

@@ -1,63 +0,0 @@
-import { useKeyboard as useOpenTUIKeyboard } from "@opentui/react";
-
-/**
- * Wrapper hook for OpenTUI's useKeyboard that provides an Ink-like API
- * Maps Ink key names to OpenTUI key names for easier migration
- */
-
-export interface InkLikeKey {
-	name: string;
-	ctrl: boolean;
-	shift: boolean;
-	meta: boolean;
-	return?: boolean;
-	upArrow?: boolean;
-	downArrow?: boolean;
-	leftArrow?: boolean;
-	rightArrow?: boolean;
-	escape?: boolean;
-	tab?: boolean;
-}
-
-type KeyHandler = (input: string, key: InkLikeKey) => void;
-
-/**
- * useKeyboardHandler hook
- * Provides Ink-like API for keyboard events
- *
- * @param handler - Callback function with Ink-compatible signature
- *
- * @example
- * ```tsx
- * useKeyboardHandler((input, key) => {
- *   if (key.return) handleEnter();
- *   if (key.upArrow) handleUp();
- *   if (key.escape) handleEscape();
- *   if (input === 'q') handleQuit();
- * });
- * ```
- */
-export function useKeyboardHandler(handler: KeyHandler): void {
-	useOpenTUIKeyboard((event) => {
-		// Map OpenTUI key names to Ink-like key names
-		const key: InkLikeKey = {
-			name: event.name,
-			ctrl: event.ctrl || false,
-			shift: event.shift || false,
-			meta: event.meta || false,
-			return: event.name === "enter" || event.name === "return",
-			upArrow: event.name === "up",
-			downArrow: event.name === "down",
-			leftArrow: event.name === "left",
-			rightArrow: event.name === "right",
-			escape: event.name === "escape",
-			tab: event.name === "tab",
-		};
-
-		// For printable characters, pass the character as input
-		// For special keys, pass empty string
-		const input = event.name.length === 1 ? event.name : "";
-
-		handler(input, key);
-	});
-}