@vezham/react 26.0.0-alpha.5 → 26.0.0-alpha.7

package/dist/lib/components/panel/footer/ai/composer.js

@@ -0,0 +1,77 @@
+import { FastModeToggle, ModelPicker } from "./model-picker.js";
+import { PermissionPicker } from "./permission-picker.js";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AddCircle, Microphone } from "@vezham/icons-react";
+import { ChatAttachment, PromptInput } from "@vezham/react-pro-v3";
+//#region src/lib/components/panel/footer/ai/composer.tsx
+var Composer = ({ conversation: c }) => {
+	const fileInput = useRef(null);
+	return /* @__PURE__ */ jsxs(PromptInput, {
+		value: c.value,
+		onValueChange: c.setValue,
+		onSubmit: () => c.submit(),
+		status: c.phase === "ready" ? "ready" : c.phase === "streaming" ? "streaming" : "submitted",
+		onStop: c.stop,
+		children: [
+			/* @__PURE__ */ jsx("input", {
+				ref: fileInput,
+				type: "file",
+				multiple: true,
+				className: "hidden",
+				"aria-label": "Attach files",
+				accept: "image/*,.pdf,.txt,.md,.csv,.json",
+				onChange: (event) => {
+					c.addFiles(Array.from(event.target.files ?? []));
+					event.target.value = "";
+				}
+			}),
+			/* @__PURE__ */ jsxs(PromptInput.Shell, { children: [
+				c.attachments.length > 0 && /* @__PURE__ */ jsx(PromptInput.Attachments, {
+					className: "flex max-h-28 flex-wrap gap-2 overflow-y-auto",
+					children: c.attachments.map((file) => /* @__PURE__ */ jsxs(ChatAttachment, {
+						name: file.name,
+						mimeType: file.mimeType,
+						size: file.size,
+						children: [/* @__PURE__ */ jsx(ChatAttachment.Preview, {}), /* @__PURE__ */ jsx(ChatAttachment.Remove, {
+							"aria-label": `Remove ${file.name}`,
+							onPress: () => c.removeAttachment(file.id)
+						})]
+					}, file.id))
+				}),
+				/* @__PURE__ */ jsx(PromptInput.Content, { children: /* @__PURE__ */ jsx(PromptInput.TextArea, {
+					"aria-label": "Ask Tamizhi",
+					placeholder: "Ask Tamizhi…"
+				}) }),
+				/* @__PURE__ */ jsxs(PromptInput.Toolbar, { children: [/* @__PURE__ */ jsxs(PromptInput.ToolbarStart, { children: [/* @__PURE__ */ jsx(PromptInput.Action, {
+					"aria-label": "Attach files",
+					tooltip: "Attach files",
+					onPress: () => fileInput.current?.click(),
+					isDisabled: c.phase !== "ready",
+					children: /* @__PURE__ */ jsx(AddCircle, {
+						size: 18,
+						"aria-hidden": "true"
+					})
+				}), /* @__PURE__ */ jsx(PromptInput.Action, {
+					"aria-label": "Try voice preview",
+					tooltip: "Dictate · simulated",
+					isDisabled: c.phase !== "ready",
+					onPress: c.listen,
+					children: /* @__PURE__ */ jsx(Microphone, {
+						size: 18,
+						"aria-hidden": "true"
+					})
+				})] }), /* @__PURE__ */ jsxs(PromptInput.ToolbarEnd, { children: [/* @__PURE__ */ jsx(ModelPicker, { conversation: c }), /* @__PURE__ */ jsx(PromptInput.Send, {
+					"aria-label": c.phase === "ready" ? "Send message" : "Stop answering",
+					isDisabled: c.phase === "ready" && !c.value.trim() && !c.attachments.length
+				})] })] })
+			] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-wrap gap-1",
+				children: [/* @__PURE__ */ jsx(FastModeToggle, { conversation: c }), /* @__PURE__ */ jsx(PermissionPicker, { conversation: c })]
+			})
+		]
+	});
+};
+//#endregion
+export { Composer };

package/dist/lib/components/panel/footer/ai/content.d.ts

@@ -0,0 +1,13 @@
+import { Conversation } from './conversation';
+type Props = {
+    conversation: Conversation;
+    compact?: boolean;
+    panel?: boolean;
+    expanded?: boolean;
+    onExpand?: () => void;
+    greeting?: string;
+    suggestions?: readonly string[];
+};
+export declare const AIContent: ({ conversation: c, compact, panel, expanded, onExpand, greeting, suggestions }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=content.d.ts.map

package/dist/lib/components/panel/footer/ai/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/content.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAKlD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;CAChC,CAAA;AACD,eAAO,MAAM,SAAS,GAAI,gFAavB,KAAK,gCA6JP,CAAA"}

package/dist/lib/components/panel/footer/ai/content.js

@@ -0,0 +1,148 @@
+import { ChatHeader } from "./chat-header.js";
+import { Composer } from "./composer.js";
+import { MessageActions } from "./message-actions.js";
+import { MockResult } from "./mock-result.js";
+import { useChatScroll } from "./use-chat-scroll.js";
+import { Button } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AltArrowDown, VezhamTamizhi } from "@vezham/icons-react";
+import { ChainOfThought, ChatAttachment, ChatConversation, ChatLoader, ChatMessage, PromptSuggestion, TextShimmer } from "@vezham/react-pro-v3";
+//#region src/lib/components/panel/footer/ai/content.tsx
+var AIContent = ({ conversation: c, compact = false, panel = false, expanded, onExpand, greeting = "How can Tamizhi help?", suggestions = [
+	"Plan my day",
+	"Explore my workspace",
+	"Show a workspace summary",
+	"Set my preferences"
+] }) => {
+	const { viewportRef, contentRef, showJump, onScroll, scrollToBottom } = useChatScroll(c);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex min-h-0 flex-col gap-3 ${compact ? "max-h-[calc(100dvh-10rem)] overflow-hidden" : panel ? "h-full overflow-hidden" : "h-[min(65dvh,32rem)]"}`,
+		children: [
+			/* @__PURE__ */ jsx(ChatHeader, {
+				conversation: c,
+				expanded,
+				onExpand
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted shrink-0 px-1 text-xs",
+				children: "Preview · Replies, files, voice and permissions are simulated."
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: `relative min-h-0 flex-1 ${compact ? "max-h-[35dvh]" : ""}`,
+				children: [/* @__PURE__ */ jsx(ChatConversation, {
+					ref: viewportRef,
+					"aria-label": "Conversation with Tamizhi",
+					initial: "instant",
+					resize: "instant",
+					onScroll,
+					className: "h-full min-h-0",
+					children: /* @__PURE__ */ jsxs(ChatConversation.Content, {
+						ref: contentRef,
+						className: "min-w-0 shrink-0 grow flex-col justify-end gap-4 px-1 py-2 text-sm [&>*]:shrink-0",
+						children: [
+							c.messages.length === 0 && /* @__PURE__ */ jsxs("div", {
+								className: "py-4",
+								children: [/* @__PURE__ */ jsx("h2", {
+									className: "font-semibold",
+									children: greeting
+								}), /* @__PURE__ */ jsx("p", {
+									className: "text-muted mt-2",
+									children: "Find your way around, plan your day, or explore a sample result."
+								})]
+							}),
+							c.messages.length === 0 && /* @__PURE__ */ jsx(PromptSuggestion, { children: /* @__PURE__ */ jsx(PromptSuggestion.Items, {
+								className: "flex flex-col gap-2",
+								children: (compact ? suggestions.slice(0, 2) : suggestions).map((prompt) => /* @__PURE__ */ jsx(PromptSuggestion.Item, {
+									isDisabled: c.phase !== "ready",
+									onPress: () => c.submit(prompt),
+									className: "text-xs",
+									children: prompt
+								}, prompt))
+							}) }),
+							(compact ? c.messages.slice(-2) : c.messages).map((message) => message.role === "user" ? /* @__PURE__ */ jsxs(ChatMessage.User, { children: [/* @__PURE__ */ jsx(ChatMessage.Bubble, { children: /* @__PURE__ */ jsx(ChatMessage.Content, {
+								className: "wrap-anywhere",
+								children: message.text
+							}) }), message.attachments?.map((file) => /* @__PURE__ */ jsx(ChatAttachment, {
+								name: file.name,
+								mimeType: file.mimeType,
+								size: file.size,
+								children: /* @__PURE__ */ jsx(ChatAttachment.Preview, {})
+							}, file.id))] }, message.id) : /* @__PURE__ */ jsx(ChatMessage.Assistant, { children: /* @__PURE__ */ jsxs(ChatMessage.Body, {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ jsx(ChatMessage.Content, {
+									className: `wrap-anywhere ${compact ? "line-clamp-3" : ""}`,
+									children: message.text
+								}), c.phase === "ready" && /* @__PURE__ */ jsxs(Fragment, { children: [!compact && /* @__PURE__ */ jsx(MockResult, { prompt: c.messages.slice(0, c.messages.indexOf(message)).reverse().find((item) => item.role === "user")?.text ?? "" }), /* @__PURE__ */ jsx(MessageActions, {
+									message,
+									conversation: c
+								})] })]
+							}) }, message.id)),
+							c.phase !== "ready" && /* @__PURE__ */ jsxs("div", {
+								role: "status",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-3 py-2",
+									children: [/* @__PURE__ */ jsx(ChatLoader.Pulse, { "aria-hidden": "true" }), /* @__PURE__ */ jsx(TextShimmer, { children: c.phase === "listening" ? "Listening to a sample prompt…" : c.phase === "streaming" ? "Writing response…" : "Working on your request…" })]
+								}), /* @__PURE__ */ jsxs(ChainOfThought, {
+									isStreaming: true,
+									children: [/* @__PURE__ */ jsx(ChainOfThought.Trigger, { children: "Preview progress" }), /* @__PURE__ */ jsx(ChainOfThought.Content, { children: /* @__PURE__ */ jsxs(ChainOfThought.Steps, { children: [/* @__PURE__ */ jsx(ChainOfThought.Step, {
+										label: "Read the prompt",
+										children: "Using this mock conversation and attached file names."
+									}), /* @__PURE__ */ jsxs(ChainOfThought.Step, {
+										label: "Prepare a sample result",
+										children: [
+											"Generating a simulated response with the ",
+											c.model,
+											" ",
+											"preset."
+										]
+									})] }) })]
+								})]
+							})
+						]
+					})
+				}, c.activeId), showJump && /* @__PURE__ */ jsx("div", {
+					className: "pointer-events-none absolute inset-x-0 bottom-4 flex justify-center",
+					children: /* @__PURE__ */ jsx(Button, {
+						"aria-label": "Latest messages",
+						isIconOnly: true,
+						size: "sm",
+						variant: "secondary",
+						className: "pointer-events-auto shadow-sm",
+						onPress: scrollToBottom,
+						children: /* @__PURE__ */ jsx(AltArrowDown, {
+							size: 18,
+							"aria-hidden": "true"
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("footer", {
+				"aria-label": "Chat composer",
+				className: "flex shrink-0 flex-col gap-3",
+				children: [/* @__PURE__ */ jsx(Composer, { conversation: c }), /* @__PURE__ */ jsxs("div", {
+					className: "text-muted flex flex-col items-center gap-1 text-center text-xs",
+					children: [/* @__PURE__ */ jsx("p", { children: "AI may make mistakes. Verify all outputs." }), /* @__PURE__ */ jsxs("a", {
+						href: "https://vezham.com/tamizhi",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "hover:text-foreground inline-flex items-center gap-1",
+						children: [
+							"Powered by ",
+							/* @__PURE__ */ jsx(VezhamTamizhi, {
+								size: 16,
+								"aria-hidden": "true"
+							}),
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "font-medium",
+								children: "Tamizhi"
+							})
+						]
+					})]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { AIContent };

package/dist/lib/components/panel/footer/ai/conversation.d.ts

@@ -0,0 +1,47 @@
+type Attachment = {
+    id: number;
+    name: string;
+    mimeType: string;
+    size: number;
+};
+type Message = {
+    id: number;
+    role: 'user' | 'assistant';
+    text: string;
+    attachments?: Attachment[];
+    rating?: 'up' | 'down';
+};
+type Phase = 'ready' | 'listening' | 'thinking' | 'streaming';
+export declare const useMockConversation: () => {
+    attachments: Attachment[];
+    addFiles: (files: File[]) => void;
+    removeAttachment: (id: number) => void;
+    model: string;
+    setModel: import('react').Dispatch<import('react').SetStateAction<string>>;
+    fastMode: boolean;
+    setFastMode: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    permissions: string;
+    setPermissions: import('react').Dispatch<import('react').SetStateAction<string>>;
+    regenerate: (id: number) => void;
+    branchChat: (id: number) => void;
+    rate: (id: number, rating: "up" | "down") => void;
+    messages: Message[];
+    value: string;
+    setValue: import('react').Dispatch<import('react').SetStateAction<string>>;
+    phase: Phase;
+    submit: (prompt?: string) => void;
+    listen: () => void;
+    stop: () => void;
+    newChat: () => void;
+    openChat: (id: string) => void;
+    activeId: string;
+    title: string;
+    threads: {
+        id: string;
+        title: string;
+        preview: string;
+    }[];
+};
+export type Conversation = ReturnType<typeof useMockConversation>;
+export {};
+//# sourceMappingURL=conversation.d.ts.map

package/dist/lib/components/panel/footer/ai/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/conversation.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AACD,KAAK,OAAO,GAAG;IACb,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,WAAW,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,KAAK,KAAK,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAA;AAqB7D,eAAO,MAAM,mBAAmB;;sBAiML,IAAI,EAAE;2BAaN,MAAM;;;;;;;qBAjCP,MAAM;qBAnBN,MAAM;eA4BZ,MAAM,UAAU,IAAI,GAAG,MAAM;;;;;;;;;mBApCzB,MAAM;;;;;;;;CAwF7B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA"}

package/dist/lib/components/panel/footer/ai/conversation.js

@@ -0,0 +1,222 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region src/lib/components/panel/footer/ai/conversation.ts
+var initialMessages = [{
+	id: 0,
+	role: "user",
+	text: "What can you help me with?"
+}, {
+	id: 1,
+	role: "assistant",
+	text: "Hi, I’m Tamizhi. I can help you find your way around your workspace, plan your day, or turn notes into a summary. What would you like to do?"
+}];
+var replyTo = (prompt) => {
+	if (/day|plan|schedule/i.test(prompt)) return "Start with your most important task, leave time for meetings, and finish with a short review. Share your priorities and we can build a simple plan together.";
+	if (/workspace|find|search/i.test(prompt)) return "Try Search to find a page, Bookmarks for saved destinations, or Storage for your files. In this preview I can explain these controls; I haven’t opened or changed anything.";
+	if (/summary|summarize|notes/i.test(prompt)) return "Paste your notes here and I’ll show a sample summary organized into key points, decisions, and next steps. This preview uses simulated replies.";
+	return "Let’s break that into a clear next step. You can ask me to plan your day, explore your workspace, or summarize notes. This is a sample reply for the assistant preview.";
+};
+var useMockConversation = () => {
+	const [threads, setThreads] = useState([
+		{
+			id: "welcome",
+			title: "New chat",
+			messages: []
+		},
+		{
+			id: "intro",
+			title: "Getting started",
+			messages: initialMessages
+		},
+		{
+			id: "planning",
+			title: "Planning my day",
+			messages: [{
+				id: 10,
+				role: "user",
+				text: "Help me plan my day"
+			}, {
+				id: 11,
+				role: "assistant",
+				text: replyTo("Plan my day")
+			}]
+		},
+		{
+			id: "workspace",
+			title: "Exploring my workspace",
+			messages: [{
+				id: 20,
+				role: "user",
+				text: "Where can I find my files?"
+			}, {
+				id: 21,
+				role: "assistant",
+				text: replyTo("Explore workspace")
+			}]
+		}
+	]);
+	const [activeId, setActiveId] = useState("welcome");
+	const activeThread = threads.find((thread) => thread.id === activeId);
+	const messages = activeThread?.messages ?? [];
+	const setMessages = (update) => {
+		setThreads((current) => current.map((thread) => thread.id === activeId ? {
+			...thread,
+			messages: update(thread.messages)
+		} : thread));
+	};
+	const [value, setValue] = useState("");
+	const [attachments, setAttachments] = useState([]);
+	const [model, setModel] = useState("Auto");
+	const [fastMode, setFastMode] = useState(false);
+	const [permissions, setPermissions] = useState("Ask for approval");
+	const [phase, setPhase] = useState("ready");
+	const timer = useRef(null);
+	const nextId = useRef(22);
+	const nextThreadId = useRef(1);
+	const stop = useCallback(() => {
+		if (timer.current !== null) clearTimeout(timer.current);
+		timer.current = null;
+		setPhase("ready");
+	}, []);
+	useEffect(() => () => {
+		if (timer.current !== null) clearTimeout(timer.current);
+	}, []);
+	const respond = (prompt, regenerateId) => {
+		const responseIndex = messages.findIndex((message) => message.id === regenerateId);
+		const userMessage = {
+			id: nextId.current++,
+			role: "user",
+			text: prompt,
+			attachments
+		};
+		setThreads((current) => current.map((thread) => thread.id === activeId ? {
+			...thread,
+			title: thread.messages.length === 0 ? prompt.slice(0, 48) : thread.title,
+			messages: regenerateId === void 0 ? [...thread.messages, userMessage] : thread.messages.filter((message) => message.id !== regenerateId)
+		} : thread));
+		setValue("");
+		setAttachments([]);
+		setPhase("thinking");
+		timer.current = setTimeout(() => {
+			const id = nextId.current++;
+			const fullText = replyTo(prompt);
+			let length = 0;
+			setMessages((current) => {
+				const updated = [...current];
+				updated.splice(responseIndex < 0 ? updated.length : responseIndex, 0, {
+					id,
+					role: "assistant",
+					text: ""
+				});
+				return updated;
+			});
+			setPhase("streaming");
+			const stream = () => {
+				length = Math.min(length + 28, fullText.length);
+				setMessages((current) => current.map((message) => message.id === id ? {
+					...message,
+					text: fullText.slice(0, length)
+				} : message));
+				if (length < fullText.length) timer.current = setTimeout(stream, 50);
+				else {
+					timer.current = null;
+					setPhase("ready");
+				}
+			};
+			stream();
+		}, 900);
+	};
+	const submit = (prompt = value) => {
+		if (phase !== "ready" || !prompt.trim() && attachments.length === 0) return;
+		respond(prompt.trim() || "Summarize the attached files");
+	};
+	const listen = () => {
+		if (phase !== "ready") return;
+		setPhase("listening");
+		timer.current = setTimeout(() => respond("Help me plan my day"), 1400);
+	};
+	const newChat = () => {
+		stop();
+		const thread = {
+			id: `chat-${nextThreadId.current++}`,
+			title: "New chat",
+			messages: []
+		};
+		setThreads((current) => [thread, ...current]);
+		setActiveId(thread.id);
+		setValue("");
+		setAttachments([]);
+	};
+	const openChat = (id) => {
+		if (!threads.some((thread) => thread.id === id)) return;
+		stop();
+		setActiveId(id);
+		setValue("");
+		setAttachments([]);
+	};
+	const branchChat = (id) => {
+		const index = messages.findIndex((message) => message.id === id);
+		if (phase !== "ready" || index < 0) return;
+		stop();
+		const thread = {
+			id: `chat-${nextThreadId.current++}`,
+			title: `${activeThread?.title ?? "Chat"} · Branch`,
+			messages: messages.slice(0, index + 1).map((message) => ({
+				...message,
+				id: nextId.current++,
+				attachments: message.attachments?.map((file) => ({ ...file }))
+			}))
+		};
+		setThreads((current) => [thread, ...current]);
+		setActiveId(thread.id);
+		setValue("");
+		setAttachments([]);
+	};
+	const regenerate = (id) => {
+		if (phase !== "ready") return;
+		const index = messages.findIndex((message) => message.id === id);
+		const prompt = messages.slice(0, index).reverse().find((message) => message.role === "user")?.text;
+		if (prompt) respond(prompt, id);
+	};
+	const rate = (id, rating) => setMessages((current) => current.map((message) => message.id === id ? {
+		...message,
+		rating: message.rating === rating ? void 0 : rating
+	} : message));
+	const addFiles = (files) => setAttachments((current) => [...current, ...files.map((file) => ({
+		id: nextId.current++,
+		name: file.name,
+		mimeType: file.type,
+		size: file.size
+	}))]);
+	return {
+		attachments,
+		addFiles,
+		removeAttachment: (id) => setAttachments((current) => current.filter((file) => file.id !== id)),
+		model,
+		setModel,
+		fastMode,
+		setFastMode,
+		permissions,
+		setPermissions,
+		regenerate,
+		branchChat,
+		rate,
+		messages,
+		value,
+		setValue,
+		phase,
+		submit,
+		listen,
+		stop,
+		newChat,
+		openChat,
+		activeId,
+		title: activeThread?.title ?? "New chat",
+		threads: threads.map((thread) => ({
+			id: thread.id,
+			title: thread.title,
+			preview: thread.messages.at(-1)?.text ?? "Start a conversation"
+		}))
+	};
+};
+//#endregion
+export { useMockConversation };

package/dist/lib/components/panel/footer/ai/index.d.ts

@@ -0,0 +1,3 @@
+import { InfoPanelDefinition } from '../../info-panel';
+export declare const aiPanel: InfoPanelDefinition;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/footer/ai/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AA8B3D,eAAO,MAAM,OAAO,EAAE,mBAQrB,CAAA"}

package/dist/lib/components/panel/footer/ai/index.js

@@ -0,0 +1,41 @@
+import { InfoPanelSheet } from "../../info-panel/sheet.js";
+import { AIContent } from "./content.js";
+import { useMockConversation } from "./conversation.js";
+import { jsx } from "react/jsx-runtime";
+import { VezhamTamizhi } from "@vezham/icons-react";
+//#region src/lib/components/panel/footer/ai/index.tsx
+var AISheet = ({ isOpen, onClose }) => isOpen ? /* @__PURE__ */ jsx(AISession, { onClose }) : null;
+var AISession = ({ onClose }) => {
+	const conversation = useMockConversation();
+	return /* @__PURE__ */ jsx(InfoPanelSheet, {
+		onClose,
+		panel: {
+			title: aiPanel.title,
+			titleIcon: aiPanel.titleIcon,
+			scrollable: false,
+			content: /* @__PURE__ */ jsx(AIContent, {
+				conversation,
+				panel: true
+			})
+		}
+	});
+};
+var AIPanelContent = () => {
+	return /* @__PURE__ */ jsx(AIContent, {
+		conversation: useMockConversation(),
+		panel: true
+	});
+};
+var aiPanel = {
+	title: "Tamizhi AI",
+	titleIcon: /* @__PURE__ */ jsx(VezhamTamizhi, {
+		size: 20,
+		"aria-hidden": "true",
+		className: "shrink-0"
+	}),
+	scrollable: false,
+	content: /* @__PURE__ */ jsx(AIPanelContent, {}),
+	renderCompact: (props) => /* @__PURE__ */ jsx(AISheet, { ...props })
+};
+//#endregion
+export { aiPanel };

package/dist/lib/components/panel/footer/ai/message-actions.d.ts

@@ -0,0 +1,8 @@
+import { Conversation } from './conversation';
+type Props = {
+    message: Conversation['messages'][number];
+    conversation: Conversation;
+};
+export declare const MessageActions: ({ message, conversation }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=message-actions.d.ts.map

package/dist/lib/components/panel/footer/ai/message-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/message-actions.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACzC,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,cAAc,GAAI,2BAA2B,KAAK,gCAuD9D,CAAA"}

package/dist/lib/components/panel/footer/ai/message-actions.js

@@ -0,0 +1,63 @@
+import { useState } from "react";
+import { Button } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BranchingPathsUp } from "@vezham/icons-react";
+import { ChatMessageActions } from "@vezham/react-pro-v3";
+import { writeClipboardText } from "@vezham/docs-react/utils/clipboard";
+//#region src/lib/components/panel/footer/ai/message-actions.tsx
+var MessageActions = ({ message, conversation }) => {
+	const [copied, setCopied] = useState(false);
+	const [error, setError] = useState(false);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ChatMessageActions, { children: [
+		/* @__PURE__ */ jsx(ChatMessageActions.Copy, {
+			"aria-label": "Copy response",
+			tooltip: "Copy",
+			isCopied: copied,
+			onPress: async () => {
+				try {
+					await writeClipboardText(message.text);
+					setCopied(true);
+					setError(false);
+				} catch {
+					setError(true);
+				}
+			}
+		}),
+		/* @__PURE__ */ jsx(ChatMessageActions.ThumbsUp, {
+			"aria-label": "Good response",
+			tooltip: "Good response",
+			"aria-pressed": message.rating === "up",
+			onPress: () => conversation.rate(message.id, "up")
+		}),
+		/* @__PURE__ */ jsx(ChatMessageActions.ThumbsDown, {
+			"aria-label": "Bad response",
+			tooltip: "Bad response",
+			"aria-pressed": message.rating === "down",
+			onPress: () => conversation.rate(message.id, "down")
+		}),
+		/* @__PURE__ */ jsx(ChatMessageActions.Regenerate, {
+			"aria-label": "Regenerate response",
+			tooltip: "Regenerate",
+			isDisabled: conversation.phase !== "ready",
+			onPress: () => conversation.regenerate(message.id)
+		}),
+		/* @__PURE__ */ jsx(Button, {
+			"aria-label": "Branch chat",
+			isIconOnly: true,
+			size: "sm",
+			variant: "ghost",
+			isDisabled: conversation.phase !== "ready",
+			onPress: () => conversation.branchChat(message.id),
+			children: /* @__PURE__ */ jsx(BranchingPathsUp, {
+				size: 18,
+				"aria-hidden": "true"
+			})
+		})
+	] }), error && /* @__PURE__ */ jsx("p", {
+		role: "status",
+		className: "text-muted text-xs",
+		children: "Copy is unavailable in this browser."
+	})] });
+};
+//#endregion
+export { MessageActions };

package/dist/lib/components/panel/footer/ai/mock-result.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    prompt: string;
+};
+export declare const MockResult: ({ prompt }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=mock-result.d.ts.map

package/dist/lib/components/panel/footer/ai/mock-result.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-result.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/panel/footer/ai/mock-result.tsx"],"names":[],"mappings":"AAyBA,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA;AAC/B,eAAO,MAAM,UAAU,GAAI,YAAY,KAAK,uCA8F3C,CAAA"}