@townco/ui 0.1.8 → 0.1.9

package/dist/tui/components/SingleSelect.js

@@ -1,46 +1,87 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text, useInput } from "ink";
 import { useState } from "react";
-export function SingleSelect({ options, selected: _selected, onChange, onSubmit, onCancel, }) {
-    const [focusedIndex, setFocusedIndex] = useState(0);
-    const totalItems = options.length;
-    useInput((input, key) => {
-        // Handle Escape: Cancel
-        if (key.escape) {
-            onCancel?.();
-            return;
-        }
-        // Handle Enter: Select option and submit immediately
-        if (key.return) {
-            const currentOption = options[focusedIndex];
-            if (currentOption) {
-                onChange(currentOption.value);
-                onSubmit(currentOption.value);
-            }
-            return;
-        }
-        // Handle Arrow Up: Move focus up
-        if (key.upArrow) {
-            setFocusedIndex((prev) => (prev > 0 ? prev - 1 : totalItems - 1));
-            return;
-        }
-        // Handle Arrow Down: Move focus down
-        if (key.downArrow) {
-            setFocusedIndex((prev) => (prev < totalItems - 1 ? prev + 1 : 0));
-            return;
-        }
-        // Handle Spacebar: Select option and submit immediately
-        if (input === " ") {
-            const currentOption = options[focusedIndex];
-            if (currentOption) {
-                onChange(currentOption.value);
-                onSubmit(currentOption.value);
-            }
-            return;
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", children: [options.map((option, index) => {
-                const isFocused = index === focusedIndex;
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { inverse: isFocused, children: [isFocused ? ">" : " ", " ", option.label] }) }), option.description && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: option.description }) }))] }, option.value));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193: Navigate \u2022 Space/Enter: Select and continue \u2022 Esc: Cancel" }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SingleSelect({
+	options,
+	selected: _selected,
+	onChange,
+	onSubmit,
+	onCancel,
+}) {
+	const [focusedIndex, setFocusedIndex] = useState(0);
+	const totalItems = options.length;
+	useInput((input, key) => {
+		// Handle Escape: Cancel
+		if (key.escape) {
+			onCancel?.();
+			return;
+		}
+		// Handle Enter: Select option and submit immediately
+		if (key.return) {
+			const currentOption = options[focusedIndex];
+			if (currentOption) {
+				onChange(currentOption.value);
+				onSubmit(currentOption.value);
+			}
+			return;
+		}
+		// Handle Arrow Up: Move focus up
+		if (key.upArrow) {
+			setFocusedIndex((prev) => (prev > 0 ? prev - 1 : totalItems - 1));
+			return;
+		}
+		// Handle Arrow Down: Move focus down
+		if (key.downArrow) {
+			setFocusedIndex((prev) => (prev < totalItems - 1 ? prev + 1 : 0));
+			return;
+		}
+		// Handle Spacebar: Select option and submit immediately
+		if (input === " ") {
+			const currentOption = options[focusedIndex];
+			if (currentOption) {
+				onChange(currentOption.value);
+				onSubmit(currentOption.value);
+			}
+			return;
+		}
+	});
+	return _jsxs(Box, {
+		flexDirection: "column",
+		children: [
+			options.map((option, index) => {
+				const isFocused = index === focusedIndex;
+				return _jsxs(
+					Box,
+					{
+						flexDirection: "column",
+						children: [
+							_jsx(Box, {
+								children: _jsxs(Text, {
+									inverse: isFocused,
+									children: [isFocused ? ">" : " ", " ", option.label],
+								}),
+							}),
+							option.description &&
+								_jsx(Box, {
+									paddingLeft: 2,
+									children: _jsx(Text, {
+										dimColor: true,
+										children: option.description,
+									}),
+								}),
+						],
+					},
+					option.value,
+				);
+			}),
+			_jsx(Box, {
+				marginTop: 1,
+				children: _jsx(Text, {
+					dimColor: true,
+					children:
+						"\u2191/\u2193: Navigate \u2022 Space/Enter: Select and continue \u2022 Esc: Cancel",
+				}),
+			}),
+		],
+	});
 }

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

@@ -1,9 +1,14 @@
 import type { ConnectionStatus } from "../../core/index.js";
 export interface StatusBarProps {
-    connectionStatus: ConnectionStatus;
-    sessionId: string | null;
-    isStreaming: boolean;
-    streamingStartTime: number | null;
-    hasStreamingContent: boolean;
+	connectionStatus: ConnectionStatus;
+	sessionId: string | null;
+	isStreaming: boolean;
+	streamingStartTime: number | null;
+	hasStreamingContent: boolean;
 }
-export declare function StatusBar({ connectionStatus, isStreaming, streamingStartTime, hasStreamingContent, }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusBar({
+	connectionStatus,
+	isStreaming,
+	streamingStartTime,
+	hasStreamingContent,
+}: StatusBarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../src/tui/components/StatusBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAoFD,wBAAgB,SAAS,CAAC,EACxB,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,mBAAmB,GACpB,EAAE,cAAc,2CA0BhB"}

package/dist/tui/components/StatusBar.js

@@ -1,82 +1,117 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { useEffect, useState } from "react";
+import {
+	Fragment as _Fragment,
+	jsx as _jsx,
+	jsxs as _jsxs,
+} from "react/jsx-runtime";
+
 // Synonyms of "thinking" in multiple languages
 const THINKING_WORDS = [
-    "Thinking", // English
-    "Pensando", // Spanish/Portuguese
-    "Pensant", // French
-    "Denkend", // German
-    "Pensando", // Italian
-    "考えている", // Japanese (kangaeteiru)
-    "생각 중", // Korean (saenggak jung)
-    "思考中", // Chinese (sīkǎo zhōng)
-    "Размышляя", // Russian (razmyshlyaya)
-    "Düşünüyor", // Turkish
-    "Myślący", // Polish
-    "Tänkande", // Swedish
-    "Pensando", // Dutch
-    "Ajatellen", // Finnish
-    "Σκεπτόμενος", // Greek (skeptomenos)
-    "חושב", // Hebrew (choshev)
-    "सोच रहा है", // Hindi (soch raha hai)
-    "Berpikir", // Indonesian
+	"Thinking", // English
+	"Pensando", // Spanish/Portuguese
+	"Pensant", // French
+	"Denkend", // German
+	"Pensando", // Italian
+	"考えている", // Japanese (kangaeteiru)
+	"생각 중", // Korean (saenggak jung)
+	"思考中", // Chinese (sīkǎo zhōng)
+	"Размышляя", // Russian (razmyshlyaya)
+	"Düşünüyor", // Turkish
+	"Myślący", // Polish
+	"Tänkande", // Swedish
+	"Pensando", // Dutch
+	"Ajatellen", // Finnish
+	"Σκεπτόμενος", // Greek (skeptomenos)
+	"חושב", // Hebrew (choshev)
+	"सोच रहा है", // Hindi (soch raha hai)
+	"Berpikir", // Indonesian
 ];
 // Animated dot patterns for bouncing/jumping effect
 // Using regular dots (.) and middle dots (·) to create height illusion
 const DOT_ANIMATIONS = [
-    "...", // All dots down
-    "·..", // First dot up
-    ".·.", // Middle dot up
-    "..·", // Last dot up
-    ".·.", // Middle dot up
-    "·..", // First dot up
+	"...", // All dots down
+	"·..", // First dot up
+	".·.", // Middle dot up
+	"..·", // Last dot up
+	".·.", // Middle dot up
+	"·..", // First dot up
 ];
 /**
  * Component that displays elapsed time for waiting/streaming
  */
 function WaitingElapsedTime({ startTime }) {
-    const [elapsed, setElapsed] = useState(0);
-    const [thinkingWord, setThinkingWord] = useState(() => THINKING_WORDS[Math.floor(Math.random() * THINKING_WORDS.length)]);
-    const [dotIndex, setDotIndex] = useState(0);
-    useEffect(() => {
-        // Update elapsed time every 100ms for smooth updates
-        const interval = setInterval(() => {
-            const now = Date.now();
-            const elapsedMs = now - startTime;
-            setElapsed(elapsedMs);
-        }, 100);
-        return () => clearInterval(interval);
-    }, [startTime]);
-    useEffect(() => {
-        // Change to random thinking word every 1.5 seconds
-        const wordInterval = setInterval(() => {
-            const randomIndex = Math.floor(Math.random() * THINKING_WORDS.length);
-            setThinkingWord(THINKING_WORDS[randomIndex]);
-        }, 1500);
-        return () => clearInterval(wordInterval);
-    }, []);
-    useEffect(() => {
-        // Animate dots every 100ms for bouncing effect
-        const dotInterval = setInterval(() => {
-            setDotIndex((prev) => (prev + 1) % DOT_ANIMATIONS.length);
-        }, 100);
-        return () => clearInterval(dotInterval);
-    }, []);
-    // Format elapsed time as seconds with 1 decimal place
-    const seconds = (elapsed / 1000).toFixed(1);
-    const animatedDots = DOT_ANIMATIONS[dotIndex];
-    return (_jsxs(Text, { color: "red", children: [thinkingWord, animatedDots, " ", seconds, "s"] }));
+	const [elapsed, setElapsed] = useState(0);
+	const [thinkingWord, setThinkingWord] = useState(
+		() => THINKING_WORDS[Math.floor(Math.random() * THINKING_WORDS.length)],
+	);
+	const [dotIndex, setDotIndex] = useState(0);
+	useEffect(() => {
+		// Update elapsed time every 100ms for smooth updates
+		const interval = setInterval(() => {
+			const now = Date.now();
+			const elapsedMs = now - startTime;
+			setElapsed(elapsedMs);
+		}, 100);
+		return () => clearInterval(interval);
+	}, [startTime]);
+	useEffect(() => {
+		// Change to random thinking word every 1.5 seconds
+		const wordInterval = setInterval(() => {
+			const randomIndex = Math.floor(Math.random() * THINKING_WORDS.length);
+			setThinkingWord(THINKING_WORDS[randomIndex]);
+		}, 1500);
+		return () => clearInterval(wordInterval);
+	}, []);
+	useEffect(() => {
+		// Animate dots every 100ms for bouncing effect
+		const dotInterval = setInterval(() => {
+			setDotIndex((prev) => (prev + 1) % DOT_ANIMATIONS.length);
+		}, 100);
+		return () => clearInterval(dotInterval);
+	}, []);
+	// Format elapsed time as seconds with 1 decimal place
+	const seconds = (elapsed / 1000).toFixed(1);
+	const animatedDots = DOT_ANIMATIONS[dotIndex];
+	return _jsxs(Text, {
+		color: "red",
+		children: [thinkingWord, animatedDots, " ", seconds, "s"],
+	});
 }
-export function StatusBar({ connectionStatus, isStreaming, streamingStartTime, hasStreamingContent, }) {
-    const statusColor = connectionStatus === "connected"
-        ? "green"
-        : connectionStatus === "connecting"
-            ? "yellow"
-            : connectionStatus === "error"
-                ? "red"
-                : "gray";
-    // Only show waiting indicator when streaming but haven't received content yet
-    const showWaiting = isStreaming && streamingStartTime && !hasStreamingContent;
-    return (_jsxs(Box, { flexDirection: "row", gap: 2, paddingY: 1, children: [_jsxs(Text, { children: ["Status: ", _jsx(Text, { color: statusColor, children: connectionStatus })] }), showWaiting && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), _jsx(WaitingElapsedTime, { startTime: streamingStartTime })] }))] }));
+export function StatusBar({
+	connectionStatus,
+	isStreaming,
+	streamingStartTime,
+	hasStreamingContent,
+}) {
+	const statusColor =
+		connectionStatus === "connected"
+			? "green"
+			: connectionStatus === "connecting"
+				? "yellow"
+				: connectionStatus === "error"
+					? "red"
+					: "gray";
+	// Only show waiting indicator when streaming but haven't received content yet
+	const showWaiting = isStreaming && streamingStartTime && !hasStreamingContent;
+	return _jsxs(Box, {
+		flexDirection: "row",
+		gap: 2,
+		paddingY: 1,
+		children: [
+			_jsxs(Text, {
+				children: [
+					"Status: ",
+					_jsx(Text, { color: statusColor, children: connectionStatus }),
+				],
+			}),
+			showWaiting &&
+				_jsxs(_Fragment, {
+					children: [
+						_jsx(Text, { children: " " }),
+						_jsx(WaitingElapsedTime, { startTime: streamingStartTime }),
+					],
+				}),
+		],
+	});
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../src/tui/components/StatusBar.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tui/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC"}

package/dist/tui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,uBAAuB,CAAC"}

package/dist/tui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tui/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,uBAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@townco/ui",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -59,7 +59,7 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.17",
-    "@townco/tsconfig": "0.1.5",
+    "@townco/tsconfig": "0.1.6",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "ink": "^6.4.0",