@gntik-ai/chat 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { Children, Component, createRef, isValidElement, memo, useCallback, useEffect, useId, useRef, useState } from "react";
-import { Alert, Avatar, Badge, Button, Card, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, Heading, IconButton, Input, Link, Popover, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Radio, RadioGroup, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectTrigger, SimpleSelect, SimpleTooltip, Spinner, Stack, StatusTag, Text, Textarea, TooltipProvider, cn, fileKind, getInitials, interpolate, useI18n } from "@gntik-ai/ui";
+import { Alert, Avatar, Badge, Button, Card, Checkbox, Collapsible, CollapsiblePanel, CollapsibleTrigger, Heading, IconButton, Input, Link, Popover, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Radio, RadioGroup, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectTrigger, SimpleSelect, SimpleTooltip, Spinner, Stack, StatusTag, Text, Textarea, TooltipProvider, cn, fileKind, formatBytes, getInitials, interpolate, useI18n } from "@gntik-ai/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, ArrowDown, ArrowUp, Check, CircleAlert, Copy, ExternalLink, File, FileArchive, FileAudio, FileCode, FileImage, FileSpreadsheet, FileText, FileVideo, Globe, Paperclip, RefreshCw, RotateCcw, Sparkles, Square, ThumbsDown, ThumbsUp, Upload, Wrench, X } from "lucide-react";
 import ReactMarkdown, { defaultUrlTransform } from "react-markdown";
@@ -1010,38 +1010,6 @@ const doc = {
 	]
 };
 //#endregion
-//#region src/utils/format.ts
-/** "840 ms" below a second, "2.4 s" below a minute, "1 m 05 s" above. */
-function formatDuration(ms) {
-	if (ms < 1e3) return `${Math.round(ms)} ms`;
-	if (ms < 6e4) return `${(ms / 1e3).toFixed(1)} s`;
-	const m = Math.floor(ms / 6e4);
-	const s = Math.round(ms % 6e4 / 1e3);
-	return `${m} m ${String(s).padStart(2, "0")} s`;
-}
-/** "12 KB", "3.4 MB". */
-function formatBytes(bytes) {
-	if (bytes < 1024) return `${bytes} B`;
-	if (bytes < 1048576) return `${Math.round(bytes / 1024)} KB`;
-	return `${(bytes / 1048576).toFixed(1)} MB`;
-}
-/** Short local time ("14:05") for a message timestamp. */
-function formatTime(date) {
-	return date.toLocaleTimeString(void 0, {
-		hour: "2-digit",
-		minute: "2-digit"
-	});
-}
-/** Pretty-prints any value as JSON; falls back to String() for cyclic or exotic values. */
-function toJson(value) {
-	if (typeof value === "string") return value;
-	try {
-		return JSON.stringify(value, null, 2) ?? String(value);
-	} catch {
-		return String(value);
-	}
-}
-//#endregion
 //#region src/Attachment/attachment.variants.ts
 /** Slot classes for AttachmentChip / AttachmentList. */
 const attachmentStyles = {
@@ -1087,7 +1055,7 @@ function attachmentStatus(a) {
 * (a progressbar), error with retry, and a remove button.
 */
 function AttachmentChip({ attachment: a, variant = "chip", onRemove, onRetry, disabled = false, className, ref }) {
-	const { t, tc } = useChatI18n();
+	const { t, tc, locale } = useChatI18n();
 	const status = attachmentStatus(a);
 	const kind = fileKind(a.name, a.type);
 	const Icon = status === "error" ? AlertCircle : ICONS[kind];
@@ -1113,7 +1081,7 @@ function AttachmentChip({ attachment: a, variant = "chip", onRemove, onRetry, di
 		children: pct === null ? t("common.loading") : `${pct}%`
 	}) : a.size !== void 0 ? /* @__PURE__ */ jsx("span", {
 		className: attachmentStyles.meta,
-		children: formatBytes(a.size)
+		children: formatBytes(a.size, locale)
 	}) : null;
 	const buttons = /* @__PURE__ */ jsxs(Fragment, { children: [status === "error" && onRetry && /* @__PURE__ */ jsx("button", {
 		type: "button",
@@ -1283,7 +1251,7 @@ const chatComposerStyles = {
 * streams the send button becomes Stop (Escape also stops).
 */
 function ChatComposer({ value, defaultValue = "", onValueChange, onSubmit, streaming = false, onStop, disabled = false, placeholder: placeholderProp, label: labelProp, maxLength, attachments = [], onAttach, onRemoveAttachment, onRetryAttachment, accept, maxSize, maxFiles, onReject, modelPicker, tools, hint, className, ref }) {
-	const { t, tc } = useChatI18n();
+	const { t, tc, locale } = useChatI18n();
 	const placeholder = placeholderProp ?? t("chat.placeholder");
 	const label = labelProp ?? t("chat.messageLabel");
 	const id = useId();
@@ -1329,7 +1297,7 @@ function ChatComposer({ value, defaultValue = "", onValueChange, onSubmit, strea
 			reason,
 			message: reason === "type" ? tc("chat.fileTypeNotAllowed", { name: file.name }) : reason === "size" ? tc("chat.fileTooLarge", {
 				name: file.name,
-				max: formatBytes(maxSize ?? 0)
+				max: formatBytes(maxSize ?? 0, locale)
 			}) : tc("chat.tooManyFiles", { max: maxFiles ?? 0 })
 		}));
 		setErrors([...new Set(rejections.map((r) => r.message))]);
@@ -1593,6 +1561,32 @@ const doc$12 = {
 	tokens: ["muted-foreground"]
 };
 //#endregion
+//#region src/utils/format.ts
+/** "840 ms" below a second, "2.4 s" below a minute, "1 m 05 s" above. */
+function formatDuration(ms) {
+	if (ms < 1e3) return `${Math.round(ms)} ms`;
+	if (ms < 6e4) return `${(ms / 1e3).toFixed(1)} s`;
+	const m = Math.floor(ms / 6e4);
+	const s = Math.round(ms % 6e4 / 1e3);
+	return `${m} m ${String(s).padStart(2, "0")} s`;
+}
+/** Short local time ("14:05") for a message timestamp. */
+function formatTime(date) {
+	return date.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+/** Pretty-prints any value as JSON; falls back to String() for cyclic or exotic values. */
+function toJson(value) {
+	if (typeof value === "string") return value;
+	try {
+		return JSON.stringify(value, null, 2) ?? String(value);
+	} catch {
+		return String(value);
+	}
+}
+//#endregion
 //#region src/ChatMessage/chatMessage.variants.ts
 /** Slot classes for ChatMessage, per role. */
 const chatMessageStyles = {
@@ -3163,7 +3157,7 @@ function ChatDemo({ withPanel = true, tickMs = 30, className }) {
 				onAttach: attach,
 				onRemoveAttachment: (id) => setFiles((all) => all.filter((f) => f.id !== id)),
 				accept: ".pdf,.csv,.md,.txt,.json,image/*",
-				maxSize: 10485760,
+				maxSize: 1e7,
 				maxFiles: 5,
 				modelPicker: /* @__PURE__ */ jsx(ModelPicker, {
 					compact: true,