@townco/ui 0.1.8 → 0.1.9

package/dist/gui/components/Dialog.js

@@ -1,22 +1,98 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
+
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(DialogPrimitive.Overlay, {
+		ref: ref,
+		className: cn(
+			"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			className,
+		),
+		...props,
+	}),
+);
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className), ...props, children: [children, _jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] })));
+const DialogContent = React.forwardRef(
+	({ className, children, ...props }, ref) =>
+		_jsxs(DialogPortal, {
+			children: [
+				_jsx(DialogOverlay, {}),
+				_jsxs(DialogPrimitive.Content, {
+					ref: ref,
+					className: cn(
+						"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+						className,
+					),
+					...props,
+					children: [
+						children,
+						_jsxs(DialogPrimitive.Close, {
+							className:
+								"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+							children: [
+								_jsx(X, { className: "h-4 w-4" }),
+								_jsx("span", { className: "sr-only", children: "Close" }),
+							],
+						}),
+					],
+				}),
+			],
+		}),
+);
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
+const DialogHeader = ({ className, ...props }) =>
+	_jsx("div", {
+		className: cn(
+			"flex flex-col space-y-1.5 text-center sm:text-left",
+			className,
+		),
+		...props,
+	});
 DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+const DialogFooter = ({ className, ...props }) =>
+	_jsx("div", {
+		className: cn(
+			"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+			className,
+		),
+		...props,
+	});
 DialogFooter.displayName = "DialogFooter";
-const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(DialogPrimitive.Title, {
+		ref: ref,
+		className: cn(
+			"text-lg font-semibold leading-none tracking-tight",
+			className,
+		),
+		...props,
+	}),
+);
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(DialogPrimitive.Description, {
+		ref: ref,
+		className: cn("text-sm text-muted-foreground", className),
+		...props,
+	}),
+);
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+export {
+	Dialog,
+	DialogPortal,
+	DialogOverlay,
+	DialogClose,
+	DialogTrigger,
+	DialogContent,
+	DialogHeader,
+	DialogFooter,
+	DialogTitle,
+	DialogDescription,
+};

package/dist/gui/components/Dialog.js.map

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

package/dist/gui/components/HeightTransition.d.ts

@@ -1,10 +1,15 @@
 import { type ReactNode } from "react";
 interface HeightTransitionProps {
-    children: ReactNode;
-    durationMs?: number;
-    easing?: string;
-    pinContentTo?: "top" | "bottom";
-    className?: string;
+	children: ReactNode;
+	durationMs?: number;
+	easing?: string;
+	pinContentTo?: "top" | "bottom";
+	className?: string;
 }
-export declare function HeightTransition({ children, durationMs, easing, pinContentTo, className, }: HeightTransitionProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function HeightTransition({
+	children,
+	durationMs,
+	easing,
+	pinContentTo,
+	className,
+}: HeightTransitionProps): import("react/jsx-runtime").JSX.Element;

package/dist/gui/components/HeightTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeightTransition.d.ts","sourceRoot":"","sources":["../../../src/gui/components/HeightTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAgB,EAChB,MAAe,EACf,YAAoB,EACpB,SAAS,GACV,EAAE,qBAAqB,2CAgGvB"}

package/dist/gui/components/HeightTransition.js

@@ -1,80 +1,91 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-export function HeightTransition({ children, durationMs = 320, easing = "ease", pinContentTo = "top", className, }) {
-    const containerRef = useRef(null);
-    const contentRef = useRef(null);
-    const prevHeightRef = useRef(null);
-    const isAnimatingRef = useRef(false);
-    const durationRef = useRef(durationMs);
-    const easingRef = useRef(easing);
-    useEffect(() => {
-        durationRef.current = durationMs;
-        easingRef.current = easing;
-    }, [durationMs, easing]);
-    const transitionTo = useCallback((next) => {
-        const el = containerRef.current;
-        const contentEl = contentRef.current;
-        if (!el || !contentEl)
-            return;
-        const prev = prevHeightRef.current ?? el.getBoundingClientRect().height;
-        if (Math.abs(prev - next) < 0.5) {
-            prevHeightRef.current = next;
-            el.style.height = `${next}px`;
-            return;
-        }
-        if (isAnimatingRef.current)
-            return;
-        isAnimatingRef.current = true;
-        el.style.transition = "none";
-        el.style.height = `${prev}px`;
-        void el.getBoundingClientRect();
-        el.style.transition = `height ${durationRef.current}ms ${easingRef.current}`;
-        el.style.height = `${next}px`;
-        contentEl.style.position = "absolute";
-        if (pinContentTo === "top") {
-            contentEl.style.top = "0";
-        }
-        else {
-            contentEl.style.bottom = "0";
-        }
-        prevHeightRef.current = next;
-    }, [pinContentTo]);
-    const onEndTransition = useCallback((e) => {
-        const el = containerRef.current;
-        const contentEl = contentRef.current;
-        if (!el || !contentEl)
-            return;
-        if (e.propertyName !== "height")
-            return;
-        if (e.target !== el)
-            return;
-        el.style.transition = "";
-        el.style.height = `auto`;
-        contentEl.style.removeProperty("position");
-        contentEl.style.removeProperty("top");
-        contentEl.style.removeProperty("bottom");
-        isAnimatingRef.current = false;
-    }, []);
-    // Observe intrinsic content height changes and animate container height accordingly
-    useEffect(() => {
-        const el = containerRef.current;
-        const contentEl = contentRef.current;
-        if (!el || !contentEl)
-            return;
-        const initial = contentEl.scrollHeight;
-        prevHeightRef.current = initial;
-        const ro = new ResizeObserver(() => {
-            const next = contentEl.scrollHeight;
-            transitionTo(next);
-        });
-        ro.observe(contentEl);
-        el.addEventListener("transitionend", onEndTransition);
-        return () => {
-            ro.disconnect();
-            el.removeEventListener("transitionend", onEndTransition);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [onEndTransition, transitionTo]);
-    return (_jsx("div", { ref: containerRef, className: cn("overflow-hidden relative", className), style: { willChange: "height" }, children: _jsx("div", { ref: contentRef, className: "w-full", children: children }) }));
+export function HeightTransition({
+	children,
+	durationMs = 320,
+	easing = "ease",
+	pinContentTo = "top",
+	className,
+}) {
+	const containerRef = useRef(null);
+	const contentRef = useRef(null);
+	const prevHeightRef = useRef(null);
+	const isAnimatingRef = useRef(false);
+	const durationRef = useRef(durationMs);
+	const easingRef = useRef(easing);
+	useEffect(() => {
+		durationRef.current = durationMs;
+		easingRef.current = easing;
+	}, [durationMs, easing]);
+	const transitionTo = useCallback(
+		(next) => {
+			const el = containerRef.current;
+			const contentEl = contentRef.current;
+			if (!el || !contentEl) return;
+			const prev = prevHeightRef.current ?? el.getBoundingClientRect().height;
+			if (Math.abs(prev - next) < 0.5) {
+				prevHeightRef.current = next;
+				el.style.height = `${next}px`;
+				return;
+			}
+			if (isAnimatingRef.current) return;
+			isAnimatingRef.current = true;
+			el.style.transition = "none";
+			el.style.height = `${prev}px`;
+			void el.getBoundingClientRect();
+			el.style.transition = `height ${durationRef.current}ms ${easingRef.current}`;
+			el.style.height = `${next}px`;
+			contentEl.style.position = "absolute";
+			if (pinContentTo === "top") {
+				contentEl.style.top = "0";
+			} else {
+				contentEl.style.bottom = "0";
+			}
+			prevHeightRef.current = next;
+		},
+		[pinContentTo],
+	);
+	const onEndTransition = useCallback((e) => {
+		const el = containerRef.current;
+		const contentEl = contentRef.current;
+		if (!el || !contentEl) return;
+		if (e.propertyName !== "height") return;
+		if (e.target !== el) return;
+		el.style.transition = "";
+		el.style.height = `auto`;
+		contentEl.style.removeProperty("position");
+		contentEl.style.removeProperty("top");
+		contentEl.style.removeProperty("bottom");
+		isAnimatingRef.current = false;
+	}, []);
+	// Observe intrinsic content height changes and animate container height accordingly
+	useEffect(() => {
+		const el = containerRef.current;
+		const contentEl = contentRef.current;
+		if (!el || !contentEl) return;
+		const initial = contentEl.scrollHeight;
+		prevHeightRef.current = initial;
+		const ro = new ResizeObserver(() => {
+			const next = contentEl.scrollHeight;
+			transitionTo(next);
+		});
+		ro.observe(contentEl);
+		el.addEventListener("transitionend", onEndTransition);
+		return () => {
+			ro.disconnect();
+			el.removeEventListener("transitionend", onEndTransition);
+		};
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, [onEndTransition, transitionTo]);
+	return _jsx("div", {
+		ref: containerRef,
+		className: cn("overflow-hidden relative", className),
+		style: { willChange: "height" },
+		children: _jsx("div", {
+			ref: contentRef,
+			className: "w-full",
+			children: children,
+		}),
+	});
 }

package/dist/gui/components/HeightTransition.js.map

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

package/dist/gui/components/Input.d.ts

@@ -1,9 +1,16 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const inputVariants: (props?: ({
-    variant?: "success" | "default" | "error" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const inputVariants: (
+	props?:
+		| ({
+				variant?: "default" | "error" | "success" | null | undefined;
+		  } & import("class-variance-authority/types").ClassProp)
+		| undefined,
+) => string;
+export interface InputProps
+	extends React.InputHTMLAttributes<HTMLInputElement>,
+		VariantProps<typeof inputVariants> {}
+declare const Input: React.ForwardRefExoticComponent<
+	InputProps & React.RefAttributes<HTMLInputElement>
+>;
 export { Input, inputVariants };

package/dist/gui/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAclB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,QAAA,MAAM,KAAK,qFAWV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/gui/components/Input.js

@@ -1,21 +1,32 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const inputVariants = cva("flex h-10 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", {
-    variants: {
-        variant: {
-            default: "border-input focus-visible:ring-ring",
-            error: "border-destructive focus-visible:ring-destructive",
-            success: "border-green-500 focus-visible:ring-green-500",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-const Input = React.forwardRef(({ className, type, variant, ...props }, ref) => {
-    return (_jsx("input", { type: type, className: cn(inputVariants({ variant, className })), ref: ref, ...props }));
-});
+
+const inputVariants = cva(
+	"flex h-10 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+	{
+		variants: {
+			variant: {
+				default: "border-input focus-visible:ring-ring",
+				error: "border-destructive focus-visible:ring-destructive",
+				success: "border-green-500 focus-visible:ring-green-500",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+		},
+	},
+);
+const Input = React.forwardRef(
+	({ className, type, variant, ...props }, ref) => {
+		return _jsx("input", {
+			type: type,
+			className: cn(inputVariants({ variant, className })),
+			ref: ref,
+			...props,
+		});
+	},
+);
 Input.displayName = "Input";
 export { Input, inputVariants };

package/dist/gui/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/gui/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CACvB,8UAA8U,EAC9U;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,mDAAmD;YAC1D,OAAO,EAAE,+CAA+C;SACzD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAMF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9C,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACpD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/gui/components/InputBox.d.ts

@@ -0,0 +1,21 @@
+export interface InputBoxProps {
+	value: string;
+	isSubmitting: boolean;
+	attachedFiles: Array<{
+		name: string;
+		path: string;
+		size: number;
+	}>;
+	onChange: (value: string) => void;
+	onSubmit: () => void;
+	onRemoveFile?: (index: number) => void;
+}
+export declare function InputBox({
+	value,
+	isSubmitting,
+	attachedFiles,
+	onChange,
+	onSubmit,
+	onRemoveFile,
+}: InputBoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputBox.d.ts.map

package/dist/gui/components/InputBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../../src/gui/components/InputBox.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,EAAE,aAAa,2CA6Df"}

package/dist/gui/components/InputBox.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function InputBox({
+	value,
+	isSubmitting,
+	attachedFiles,
+	onChange,
+	onSubmit,
+	onRemoveFile,
+}) {
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !e.shiftKey) {
+			e.preventDefault();
+			onSubmit();
+		}
+	};
+	return _jsxs("div", {
+		className: "border-t border-gray-200 bg-white p-4",
+		children: [
+			attachedFiles.length > 0 &&
+				_jsxs("div", {
+					className: "mb-3 space-y-1",
+					children: [
+						_jsx("p", {
+							className: "text-xs text-gray-500",
+							children: "Attached files:",
+						}),
+						_jsx("div", {
+							className: "flex flex-wrap gap-2",
+							children: attachedFiles.map((file, index) =>
+								_jsxs(
+									"div",
+									{
+										className:
+											"flex items-center gap-2 px-3 py-1 bg-cyan-50 text-cyan-700 rounded-full text-xs",
+										children: [
+											_jsx("span", { children: file.name }),
+											_jsxs("span", {
+												className: "text-gray-400",
+												children: ["(", formatFileSize(file.size), ")"],
+											}),
+											onRemoveFile &&
+												_jsx("button", {
+													onClick: () => onRemoveFile(index),
+													className: "hover:text-cyan-900",
+													children: "\u00D7",
+												}),
+										],
+									},
+									index,
+								),
+							),
+						}),
+					],
+				}),
+			_jsxs("div", {
+				className: "flex items-end gap-2",
+				children: [
+					_jsx("textarea", {
+						value: value,
+						onChange: (e) => onChange(e.target.value),
+						onKeyDown: handleKeyDown,
+						disabled: isSubmitting,
+						placeholder:
+							"Type your message... (Press Enter to send, Shift+Enter for new line)",
+						className:
+							"flex-1 resize-none rounded-lg border border-gray-300 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:cursor-not-allowed",
+						rows: 3,
+					}),
+					_jsx("button", {
+						onClick: onSubmit,
+						disabled: isSubmitting || !value.trim(),
+						className:
+							"px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors",
+						children: isSubmitting ? "Sending..." : "Send",
+					}),
+				],
+			}),
+			_jsx("p", {
+				className: "mt-2 text-xs text-gray-500",
+				children: "Press Enter to send \u2022 Shift+Enter for new line",
+			}),
+		],
+	});
+}
+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`;
+}
+//# sourceMappingURL=InputBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox.js","sourceRoot":"","sources":["../../../src/gui/components/InputBox.tsx"],"names":[],"mappings":";AAWA,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,GACE;IACd,MAAM,aAAa,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC9D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACnD,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,YAAG,SAAS,EAAC,uBAAuB,gCAAoB,EACxD,cAAK,SAAS,EAAC,sBAAsB,YAClC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,eAEE,SAAS,EAAC,iFAAiF,aAE3F,yBAAO,IAAI,CAAC,IAAI,GAAQ,EACxB,gBAAM,SAAS,EAAC,eAAe,kBAC3B,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SACtB,EACN,YAAY,IAAI,CACf,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAClC,SAAS,EAAC,qBAAqB,uBAGxB,CACV,KAdI,KAAK,CAeN,CACP,CAAC,GACE,IACF,CACP,EAED,eAAK,SAAS,EAAC,sBAAsB,aACnC,mBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,sEAAsE,EAClF,SAAS,EAAC,sMAAsM,EAChN,IAAI,EAAE,CAAC,GACP,EACF,iBACE,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,YAAY,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EACvC,SAAS,EAAC,0MAA0M,YAEnN,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAC9B,IACL,EAEN,YAAG,SAAS,EAAC,4BAA4B,oEAErC,IACA,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/gui/components/Label.d.ts

@@ -1,4 +1,10 @@
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<
+	Omit<
+		LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>,
+		"ref"
+	> &
+		React.RefAttributes<HTMLLabelElement>
+>;
 export { Label };

package/dist/gui/components/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAGxD,QAAA,MAAM,KAAK,yJAYT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/gui/components/Label.js

@@ -1,7 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const Label = React.forwardRef(({ className, ...props }, ref) => (_jsx(LabelPrimitive.Root, { ref: ref, className: cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className), ...props })));
+
+const Label = React.forwardRef(({ className, ...props }, ref) =>
+	_jsx(LabelPrimitive.Root, {
+		ref: ref,
+		className: cn(
+			"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+			className,
+		),
+		...props,
+	}),
+);
 Label.displayName = LabelPrimitive.Root.displayName;
 export { Label };

package/dist/gui/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/gui/components/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/gui/components/MarkdownRenderer.d.ts

@@ -1,6 +1,8 @@
 interface MarkdownRendererProps {
-    content: string;
-    className?: string;
+	content: string;
+	className?: string;
 }
-export declare function MarkdownRenderer({ content, className, }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
+export declare function MarkdownRenderer({
+	content,
+	className,
+}: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/gui/components/MarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/gui/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AAKA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,kDA4K7E"}