@townco/ui 0.1.8 → 0.1.9

package/dist/tui/components/InputBox.js

@@ -1,15 +1,75 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useStdout } from "ink";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ReadlineInput } from "./ReadlineInput.js";
-export function InputBox({ value, isSubmitting, attachedFiles, onChange, onSubmit, onEscape, }) {
-    const { stdout } = useStdout();
-    const terminalWidth = stdout?.columns || 80;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }), attachedFiles.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingTop: 1, children: [_jsx(Text, { dimColor: true, children: "Attached files:" }), attachedFiles.map((file) => (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: [" ", file.name] }), _jsxs(Text, { dimColor: true, children: [" (", formatFileSize(file.size), ")"] })] }, file.path)))] })), _jsxs(Box, { paddingY: 1, children: [_jsx(Text, { bold: true, color: "blue", children: "> " }), isSubmitting ? (_jsx(Text, { color: "gray", italic: true, children: "Sending..." })) : onEscape ? (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, onEscape: onEscape, placeholder: "Type your message..." })) : (_jsx(ReadlineInput, { value: value, onChange: onChange, onSubmit: onSubmit, placeholder: "Type your message..." }))] }), _jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) })] }));
+export function InputBox({
+	value,
+	isSubmitting,
+	attachedFiles,
+	onChange,
+	onSubmit,
+	onEscape,
+}) {
+	const { stdout } = useStdout();
+	const terminalWidth = stdout?.columns || 80;
+	return _jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
+			attachedFiles.length > 0 &&
+				_jsxs(Box, {
+					flexDirection: "column",
+					paddingTop: 1,
+					children: [
+						_jsx(Text, { dimColor: true, children: "Attached files:" }),
+						attachedFiles.map((file) =>
+							_jsxs(
+								Box,
+								{
+									children: [
+										_jsxs(Text, { color: "cyan", children: [" ", file.name] }),
+										_jsxs(Text, {
+											dimColor: true,
+											children: [" (", formatFileSize(file.size), ")"],
+										}),
+									],
+								},
+								file.path,
+							),
+						),
+					],
+				}),
+			_jsxs(Box, {
+				paddingY: 1,
+				children: [
+					_jsx(Text, { bold: true, color: "blue", children: "> " }),
+					isSubmitting
+						? _jsx(Text, {
+								color: "gray",
+								italic: true,
+								children: "Sending...",
+							})
+						: onEscape
+							? _jsx(ReadlineInput, {
+									value: value,
+									onChange: onChange,
+									onSubmit: onSubmit,
+									onEscape: onEscape,
+									placeholder: "Type your message...",
+								})
+							: _jsx(ReadlineInput, {
+									value: value,
+									onChange: onChange,
+									onSubmit: onSubmit,
+									placeholder: "Type your message...",
+								}),
+				],
+			}),
+			_jsx(Text, { color: "blue", children: "─".repeat(terminalWidth) }),
+		],
+	});
 }
 function formatFileSize(bytes) {
-    if (bytes < 1024)
-        return `${bytes} B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
 }

package/dist/tui/components/InputBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox.js","sourceRoot":"","sources":["../../../src/tui/components/InputBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAYnD,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,QAAQ,GACM;IACd,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;IAE5C,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACzB,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,GAAQ,EACpD,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,aACvC,KAAC,IAAI,IAAC,QAAQ,sCAAuB,EACpC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,kBAAG,IAAI,CAAC,IAAI,IAAQ,EACtC,MAAC,IAAI,IAAC,QAAQ,yBAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,KAF5C,KAAK,CAGT,CACP,CAAC,IACE,CACP,EACD,MAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,aACd,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAC,MAAM,YACpB,IAAI,GACA,EACN,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,iCAElB,CACR,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,sBAAsB,GAClC,CACH,IACG,EACN,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,YAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,GAAQ,IACjD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAAa;IACnC,IAAI,KAAK,GAAG,IAAI;QAAE,OAAO,GAAG,KAAK,IAAI,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,GAAG,IAAI;QAAE,OAAO,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAClE,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACpD,CAAC"}

package/dist/tui/components/MessageList.d.ts

@@ -1,5 +1,7 @@
 import type { DisplayMessage } from "../../core/index.js";
 export interface MessageListProps {
-    messages: DisplayMessage[];
+	messages: DisplayMessage[];
 }
-export declare function MessageList({ messages }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageList({
+	messages,
+}: MessageListProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAYzD"}

package/dist/tui/components/MessageList.js

@@ -1,16 +1,43 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { GameOfLife } from "./GameOfLife.js";
 export function MessageList({ messages }) {
-    return (_jsx(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, children: messages.length === 0 ? (_jsx(GameOfLife, {})) : (messages.map((message) => (_jsx(Message, { message: message }, message.id)))) }));
+	return _jsx(Box, {
+		flexDirection: "column",
+		paddingX: 1,
+		paddingY: 1,
+		children:
+			messages.length === 0
+				? _jsx(GameOfLife, {})
+				: messages.map((message) =>
+						_jsx(Message, { message: message }, message.id),
+					),
+	});
 }
 function Message({ message }) {
-    const roleColor = message.role === "user"
-        ? "blue"
-        : message.role === "assistant"
-            ? "green"
-            : "gray";
-    const roleSymbol = message.role === "user" ? ">" : message.role === "assistant" ? "⏺" : "•";
-    const trimmedContent = message.content?.trim() || "";
-    return (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsxs(Box, { children: [_jsxs(Text, { bold: true, color: roleColor, children: [roleSymbol, " "] }), message.role === "user" ? (_jsx(Text, { backgroundColor: "gray", children: trimmedContent })) : (_jsx(Text, { children: trimmedContent }))] }) }));
+	const roleColor =
+		message.role === "user"
+			? "blue"
+			: message.role === "assistant"
+				? "green"
+				: "gray";
+	const roleSymbol =
+		message.role === "user" ? ">" : message.role === "assistant" ? "⏺" : "•";
+	const trimmedContent = message.content?.trim() || "";
+	return _jsx(Box, {
+		flexDirection: "column",
+		marginY: 1,
+		children: _jsxs(Box, {
+			children: [
+				_jsxs(Text, {
+					bold: true,
+					color: roleColor,
+					children: [roleSymbol, " "],
+				}),
+				message.role === "user"
+					? _jsx(Text, { backgroundColor: "gray", children: trimmedContent })
+					: _jsx(Text, { children: trimmedContent }),
+			],
+		}),
+	});
 }

package/dist/tui/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../../src/tui/components/MessageList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,YACjD,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,UAAU,KAAG,CACf,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACxB,KAAC,OAAO,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CAC/C,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC;AAMD,SAAS,OAAO,CAAC,EAAE,OAAO,EAAgB;IACxC,MAAM,SAAS,GACb,OAAO,CAAC,IAAI,KAAK,MAAM;QACrB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW;YAC5B,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,MAAM,CAAC;IAEf,MAAM,UAAU,GACd,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAE3E,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAErD,OAAO,CACL,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,YACpC,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,SAAS,aACxB,UAAU,EAAE,GAAG,IACX,EACN,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IAAC,eAAe,EAAC,MAAM,YACzB,cAAc,GACV,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,cACF,cAAc,GACV,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/tui/components/ReadlineInput.d.ts

@@ -1,8 +1,14 @@
 export interface ReadlineInputProps {
-    value: string;
-    onChange: (value: string) => void;
-    onSubmit: () => void;
-    onEscape?: () => void;
-    placeholder?: string;
+	value: string;
+	onChange: (value: string) => void;
+	onSubmit: () => void;
+	onEscape?: () => void;
+	placeholder?: string;
 }
-export declare function ReadlineInput({ value, onChange, onSubmit, onEscape, placeholder, }: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReadlineInput({
+	value,
+	onChange,
+	onSubmit,
+	onEscape,
+	placeholder,
+}: ReadlineInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/tui/components/ReadlineInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadlineInput.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ReadlineInput.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAgB,GACjB,EAAE,kBAAkB,2CA2QpB"}