@townco/ui 0.1.6 → 0.1.8

package/dist/core/hooks/use-chat-session.js

@@ -4,82 +4,84 @@ import { useChatStore } from "../store/chat-store.js";
  * Hook for managing chat session lifecycle
  */
 export function useChatSession(client) {
-	const connectionStatus = useChatStore((state) => state.connectionStatus);
-	const sessionId = useChatStore((state) => state.sessionId);
-	const setConnectionStatus = useChatStore(
-		(state) => state.setConnectionStatus,
-	);
-	const setSessionId = useChatStore((state) => state.setSessionId);
-	const setError = useChatStore((state) => state.setError);
-	const clearMessages = useChatStore((state) => state.clearMessages);
-	/**
-	 * Connect to the agent
-	 */
-	const connect = useCallback(async () => {
-		if (!client) {
-			setError("No client available");
-			return;
-		}
-		try {
-			setConnectionStatus("connecting");
-			setError(null);
-			await client.connect();
-			setConnectionStatus("connected");
-		} catch (error) {
-			console.log(error);
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-			setConnectionStatus("error");
-		}
-	}, [client, setConnectionStatus, setError]);
-	/**
-	 * Start a new session
-	 */
-	const startSession = useCallback(async () => {
-		if (!client) {
-			setError("No client available");
-			return;
-		}
-		try {
-			const id = await client.startSession();
-			setSessionId(id);
-			clearMessages();
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-		}
-	}, [client, setSessionId, setError, clearMessages]);
-	/**
-	 * Disconnect from the agent
-	 */
-	const disconnect = useCallback(async () => {
-		if (!client) return;
-		try {
-			await client.disconnect();
-			setConnectionStatus("disconnected");
-			setSessionId(null);
-		} catch (error) {
-			const message = error instanceof Error ? error.message : String(error);
-			setError(message);
-		}
-	}, [client, setConnectionStatus, setSessionId, setError]);
-	// Auto-connect on mount if client is available
-	useEffect(() => {
-		if (client && connectionStatus === "disconnected") {
-			connect();
-		}
-	}, [client, connectionStatus, connect]);
-	// Auto-start session after connecting
-	useEffect(() => {
-		if (connectionStatus === "connected" && !sessionId) {
-			startSession();
-		}
-	}, [connectionStatus, sessionId, startSession]);
-	return {
-		connectionStatus,
-		sessionId,
-		connect,
-		startSession,
-		disconnect,
-	};
+    const connectionStatus = useChatStore((state) => state.connectionStatus);
+    const sessionId = useChatStore((state) => state.sessionId);
+    const setConnectionStatus = useChatStore((state) => state.setConnectionStatus);
+    const setSessionId = useChatStore((state) => state.setSessionId);
+    const setError = useChatStore((state) => state.setError);
+    const clearMessages = useChatStore((state) => state.clearMessages);
+    /**
+     * Connect to the agent
+     */
+    const connect = useCallback(async () => {
+        if (!client) {
+            setError("No client available");
+            return;
+        }
+        try {
+            setConnectionStatus("connecting");
+            setError(null);
+            await client.connect();
+            setConnectionStatus("connected");
+        }
+        catch (error) {
+            console.log(error);
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+            setConnectionStatus("error");
+        }
+    }, [client, setConnectionStatus, setError]);
+    /**
+     * Start a new session
+     */
+    const startSession = useCallback(async () => {
+        if (!client) {
+            setError("No client available");
+            return;
+        }
+        try {
+            const id = await client.startSession();
+            setSessionId(id);
+            clearMessages();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+        }
+    }, [client, setSessionId, setError, clearMessages]);
+    /**
+     * Disconnect from the agent
+     */
+    const disconnect = useCallback(async () => {
+        if (!client)
+            return;
+        try {
+            await client.disconnect();
+            setConnectionStatus("disconnected");
+            setSessionId(null);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setError(message);
+        }
+    }, [client, setConnectionStatus, setSessionId, setError]);
+    // Auto-connect on mount if client is available
+    useEffect(() => {
+        if (client && connectionStatus === "disconnected") {
+            connect();
+        }
+    }, [client, connectionStatus, connect]);
+    // Auto-start session after connecting
+    useEffect(() => {
+        if (connectionStatus === "connected" && !sessionId) {
+            startSession();
+        }
+    }, [connectionStatus, sessionId, startSession]);
+    return {
+        connectionStatus,
+        sessionId,
+        connect,
+        startSession,
+        disconnect,
+    };
 }

package/dist/core/hooks/use-media-query.d.ts

@@ -22,11 +22,11 @@ export declare function useMediaQuery(query: string): boolean;
  * Common breakpoint presets for convenience
  */
 export declare const breakpoints: {
-	readonly sm: "(min-width: 640px)";
-	readonly md: "(min-width: 768px)";
-	readonly lg: "(min-width: 1024px)";
-	readonly xl: "(min-width: 1280px)";
-	readonly "2xl": "(min-width: 1536px)";
+    readonly sm: "(min-width: 640px)";
+    readonly md: "(min-width: 768px)";
+    readonly lg: "(min-width: 1024px)";
+    readonly xl: "(min-width: 1280px)";
+    readonly "2xl": "(min-width: 1536px)";
 };
 /**
  * Convenience hooks for common breakpoints

package/dist/core/hooks/use-media-query.js

@@ -19,62 +19,66 @@ import { useEffect, useState } from "react";
  * ```
  */
 export function useMediaQuery(query) {
-	const [matches, setMatches] = useState(() => {
-		// SSR-safe: return false on server, check on client
-		if (typeof window === "undefined") {
-			return false;
-		}
-		return window.matchMedia(query).matches;
-	});
-	useEffect(() => {
-		// SSR guard
-		if (typeof window === "undefined") {
-			return;
-		}
-		const mediaQueryList = window.matchMedia(query);
-		// Update state if query evaluation changes
-		const handleChange = (event) => {
-			setMatches(event.matches);
-		};
-		// Set initial value
-		setMatches(mediaQueryList.matches);
-		// Listen for changes
-		mediaQueryList.addEventListener("change", handleChange);
-		// Cleanup
-		return () => {
-			mediaQueryList.removeEventListener("change", handleChange);
-		};
-	}, [query]);
-	return matches;
+    const [matches, setMatches] = useState(() => {
+        // SSR-safe: return false on server, check on client
+        if (typeof window === "undefined") {
+            return false;
+        }
+        return window.matchMedia(query).matches;
+    });
+    useEffect(() => {
+        // SSR guard
+        if (typeof window === "undefined") {
+            return;
+        }
+        const mediaQueryList = window.matchMedia(query);
+        // Update state if query evaluation changes
+        const handleChange = (event) => {
+            setMatches(event.matches);
+        };
+        // Set initial value
+        setMatches(mediaQueryList.matches);
+        // Listen for changes
+        mediaQueryList.addEventListener("change", handleChange);
+        // Cleanup
+        return () => {
+            mediaQueryList.removeEventListener("change", handleChange);
+        };
+    }, [query]);
+    return matches;
 }
 /**
  * Common breakpoint presets for convenience
  */
 export const breakpoints = {
-	sm: "(min-width: 640px)",
-	md: "(min-width: 768px)",
-	lg: "(min-width: 1024px)",
-	xl: "(min-width: 1280px)",
-	"2xl": "(min-width: 1536px)",
+    sm: "(min-width: 640px)",
+    md: "(min-width: 768px)",
+    lg: "(min-width: 1024px)",
+    xl: "(min-width: 1280px)",
+    "2xl": "(min-width: 1536px)",
 };
 /**
  * Convenience hooks for common breakpoints
  */
 export function useIsSmallScreen() {
-	return useMediaQuery("(max-width: 639px)");
+    const isSm = useMediaQuery(breakpoints.sm);
+    return !isSm;
 }
 export function useIsMediumScreen() {
-	return useMediaQuery(breakpoints.md);
+    return useMediaQuery(breakpoints.md);
 }
 export function useIsLargeScreen() {
-	return useMediaQuery(breakpoints.lg);
+    return useMediaQuery(breakpoints.lg);
 }
 export function useIsDesktop() {
-	return useMediaQuery(breakpoints.lg);
+    return useMediaQuery(breakpoints.lg);
 }
 export function useIsMobile() {
-	return useMediaQuery("(max-width: 767px)");
+    const isMd = useMediaQuery(breakpoints.md);
+    return !isMd;
 }
 export function useIsTablet() {
-	return useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
+    const isMd = useMediaQuery(breakpoints.md);
+    const isLg = useMediaQuery(breakpoints.lg);
+    return isMd && !isLg;
 }

package/dist/core/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @town/ui/core
+ * @townco/ui/core
  *
  * Headless UI components for chat
  * Contains business logic, state management, and hooks

package/dist/core/index.js

@@ -1,5 +1,5 @@
 /**
- * @town/ui/core
+ * @townco/ui/core
  *
  * Headless UI components for chat
  * Contains business logic, state management, and hooks

package/dist/core/schemas/chat.d.ts

@@ -5,101 +5,74 @@ import { z } from "zod";
 /**
  * Display message schema (UI representation of messages)
  */
-export declare const DisplayMessage: z.ZodObject<
-	{
-		id: z.ZodString;
-		role: z.ZodEnum<{
-			user: "user";
-			assistant: "assistant";
-			system: "system";
-		}>;
-		content: z.ZodString;
-		timestamp: z.ZodISODateTime;
-		isStreaming: z.ZodDefault<z.ZodBoolean>;
-		streamingStartTime: z.ZodOptional<z.ZodNumber>;
-		metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-	},
-	z.core.$strip
->;
+export declare const DisplayMessage: z.ZodObject<{
+    id: z.ZodString;
+    role: z.ZodEnum<{
+        user: "user";
+        assistant: "assistant";
+        system: "system";
+    }>;
+    content: z.ZodString;
+    timestamp: z.ZodISODateTime;
+    isStreaming: z.ZodDefault<z.ZodBoolean>;
+    streamingStartTime: z.ZodOptional<z.ZodNumber>;
+    metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+}, z.core.$strip>;
 export type DisplayMessage = z.infer<typeof DisplayMessage>;
 /**
  * Input state schema
  */
-export declare const InputState: z.ZodObject<
-	{
-		value: z.ZodString;
-		isSubmitting: z.ZodBoolean;
-		attachedFiles: z.ZodArray<
-			z.ZodObject<
-				{
-					name: z.ZodString;
-					path: z.ZodString;
-					size: z.ZodNumber;
-					mimeType: z.ZodString;
-				},
-				z.core.$strip
-			>
-		>;
-	},
-	z.core.$strip
->;
+export declare const InputState: z.ZodObject<{
+    value: z.ZodString;
+    isSubmitting: z.ZodBoolean;
+    attachedFiles: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        path: z.ZodString;
+        size: z.ZodNumber;
+        mimeType: z.ZodString;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
 export type InputState = z.infer<typeof InputState>;
 /**
  * Chat session UI state
  */
-export declare const ChatSessionState: z.ZodObject<
-	{
-		sessionId: z.ZodNullable<z.ZodString>;
-		isConnected: z.ZodBoolean;
-		isStreaming: z.ZodBoolean;
-		messages: z.ZodArray<
-			z.ZodObject<
-				{
-					id: z.ZodString;
-					role: z.ZodEnum<{
-						user: "user";
-						assistant: "assistant";
-						system: "system";
-					}>;
-					content: z.ZodString;
-					timestamp: z.ZodISODateTime;
-					isStreaming: z.ZodDefault<z.ZodBoolean>;
-					streamingStartTime: z.ZodOptional<z.ZodNumber>;
-					metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-				},
-				z.core.$strip
-			>
-		>;
-		input: z.ZodObject<
-			{
-				value: z.ZodString;
-				isSubmitting: z.ZodBoolean;
-				attachedFiles: z.ZodArray<
-					z.ZodObject<
-						{
-							name: z.ZodString;
-							path: z.ZodString;
-							size: z.ZodNumber;
-							mimeType: z.ZodString;
-						},
-						z.core.$strip
-					>
-				>;
-			},
-			z.core.$strip
-		>;
-		error: z.ZodNullable<z.ZodString>;
-	},
-	z.core.$strip
->;
+export declare const ChatSessionState: z.ZodObject<{
+    sessionId: z.ZodNullable<z.ZodString>;
+    isConnected: z.ZodBoolean;
+    isStreaming: z.ZodBoolean;
+    messages: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        role: z.ZodEnum<{
+            user: "user";
+            assistant: "assistant";
+            system: "system";
+        }>;
+        content: z.ZodString;
+        timestamp: z.ZodISODateTime;
+        isStreaming: z.ZodDefault<z.ZodBoolean>;
+        streamingStartTime: z.ZodOptional<z.ZodNumber>;
+        metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    }, z.core.$strip>>;
+    input: z.ZodObject<{
+        value: z.ZodString;
+        isSubmitting: z.ZodBoolean;
+        attachedFiles: z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            path: z.ZodString;
+            size: z.ZodNumber;
+            mimeType: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>;
+    error: z.ZodNullable<z.ZodString>;
+}, z.core.$strip>;
 export type ChatSessionState = z.infer<typeof ChatSessionState>;
 /**
  * Connection status
  */
 export declare const ConnectionStatus: z.ZodEnum<{
-	error: "error";
-	disconnected: "disconnected";
-	connecting: "connecting";
-	connected: "connected";
+    error: "error";
+    connecting: "connecting";
+    connected: "connected";
+    disconnected: "disconnected";
 }>;
 export type ConnectionStatus = z.infer<typeof ConnectionStatus>;

package/dist/core/schemas/chat.js

@@ -6,46 +6,44 @@ import { z } from "zod";
  * Display message schema (UI representation of messages)
  */
 export const DisplayMessage = z.object({
-	id: z.string(),
-	role: z.enum(["user", "assistant", "system"]),
-	content: z.string(),
-	timestamp: z.iso.datetime(),
-	isStreaming: z.boolean().default(false),
-	streamingStartTime: z.number().optional(), // Unix timestamp when streaming started
-	metadata: z.record(z.string(), z.unknown()).optional(),
+    id: z.string(),
+    role: z.enum(["user", "assistant", "system"]),
+    content: z.string(),
+    timestamp: z.iso.datetime(),
+    isStreaming: z.boolean().default(false),
+    streamingStartTime: z.number().optional(), // Unix timestamp when streaming started
+    metadata: z.record(z.string(), z.unknown()).optional(),
 });
 /**
  * Input state schema
  */
 export const InputState = z.object({
-	value: z.string(),
-	isSubmitting: z.boolean(),
-	attachedFiles: z.array(
-		z.object({
-			name: z.string(),
-			path: z.string(),
-			size: z.number(),
-			mimeType: z.string(),
-		}),
-	),
+    value: z.string(),
+    isSubmitting: z.boolean(),
+    attachedFiles: z.array(z.object({
+        name: z.string(),
+        path: z.string(),
+        size: z.number(),
+        mimeType: z.string(),
+    })),
 });
 /**
  * Chat session UI state
  */
 export const ChatSessionState = z.object({
-	sessionId: z.string().nullable(),
-	isConnected: z.boolean(),
-	isStreaming: z.boolean(),
-	messages: z.array(DisplayMessage),
-	input: InputState,
-	error: z.string().nullable(),
+    sessionId: z.string().nullable(),
+    isConnected: z.boolean(),
+    isStreaming: z.boolean(),
+    messages: z.array(DisplayMessage),
+    input: InputState,
+    error: z.string().nullable(),
 });
 /**
  * Connection status
  */
 export const ConnectionStatus = z.enum([
-	"disconnected",
-	"connecting",
-	"connected",
-	"error",
+    "disconnected",
+    "connecting",
+    "connected",
+    "error",
 ]);

package/dist/core/store/chat-store.d.ts

@@ -1,36 +1,30 @@
-import type {
-	ConnectionStatus,
-	DisplayMessage,
-	InputState,
-} from "../schemas/index.js";
+import type { ConnectionStatus, DisplayMessage, InputState } from "../schemas/index.js";
 /**
  * Chat store state
  */
 export interface ChatStore {
-	connectionStatus: ConnectionStatus;
-	sessionId: string | null;
-	error: string | null;
-	messages: DisplayMessage[];
-	isStreaming: boolean;
-	streamingStartTime: number | null;
-	input: InputState;
-	setConnectionStatus: (status: ConnectionStatus) => void;
-	setSessionId: (id: string | null) => void;
-	setError: (error: string | null) => void;
-	addMessage: (message: DisplayMessage) => void;
-	updateMessage: (id: string, updates: Partial<DisplayMessage>) => void;
-	clearMessages: () => void;
-	setIsStreaming: (streaming: boolean) => void;
-	setStreamingStartTime: (time: number | null) => void;
-	setInputValue: (value: string) => void;
-	setInputSubmitting: (submitting: boolean) => void;
-	addFileAttachment: (file: InputState["attachedFiles"][number]) => void;
-	removeFileAttachment: (index: number) => void;
-	clearInput: () => void;
+    connectionStatus: ConnectionStatus;
+    sessionId: string | null;
+    error: string | null;
+    messages: DisplayMessage[];
+    isStreaming: boolean;
+    streamingStartTime: number | null;
+    input: InputState;
+    setConnectionStatus: (status: ConnectionStatus) => void;
+    setSessionId: (id: string | null) => void;
+    setError: (error: string | null) => void;
+    addMessage: (message: DisplayMessage) => void;
+    updateMessage: (id: string, updates: Partial<DisplayMessage>) => void;
+    clearMessages: () => void;
+    setIsStreaming: (streaming: boolean) => void;
+    setStreamingStartTime: (time: number | null) => void;
+    setInputValue: (value: string) => void;
+    setInputSubmitting: (submitting: boolean) => void;
+    addFileAttachment: (file: InputState["attachedFiles"][number]) => void;
+    removeFileAttachment: (index: number) => void;
+    clearInput: () => void;
 }
 /**
  * Create chat store
  */
-export declare const useChatStore: import("zustand").UseBoundStore<
-	import("zustand").StoreApi<ChatStore>
->;
+export declare const useChatStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ChatStore>>;