@lssm/module.ai-chat 0.0.0-canary-20251217080011 → 1.41.0

package/dist/core/chat-service.js

@@ -1,14 +1,4 @@
-import { InMemoryConversationStore } from "./conversation-store.js";
-import { generateText, streamText } from "ai";
-
-//#region src/core/chat-service.ts
-/**
-* Main chat orchestration service
-*/
-/**
-* Default system prompt for ContractSpec vibe coding
-*/
-const DEFAULT_SYSTEM_PROMPT = `You are ContractSpec AI, an expert coding assistant specialized in ContractSpec development.
+import{InMemoryConversationStore as e}from"./conversation-store.js";import{generateText as t,streamText as n}from"ai";var r=class{provider;context;store;systemPrompt;maxHistoryMessages;onUsage;constructor(t){this.provider=t.provider,this.context=t.context,this.store=t.store??new e,this.systemPrompt=t.systemPrompt??`You are ContractSpec AI, an expert coding assistant specialized in ContractSpec development.
 
 Your capabilities:
 - Help users create, modify, and understand ContractSpec specifications
@@ -21,203 +11,4 @@ Guidelines:
 - Provide code examples when helpful
 - Reference relevant ContractSpec concepts and patterns
 - Ask clarifying questions when the user's intent is unclear
-- When suggesting code changes, explain the rationale`;
-/**
-* Main chat service for AI-powered conversations
-*/
-var ChatService = class {
-	provider;
-	context;
-	store;
-	systemPrompt;
-	maxHistoryMessages;
-	onUsage;
-	constructor(config) {
-		this.provider = config.provider;
-		this.context = config.context;
-		this.store = config.store ?? new InMemoryConversationStore();
-		this.systemPrompt = config.systemPrompt ?? DEFAULT_SYSTEM_PROMPT;
-		this.maxHistoryMessages = config.maxHistoryMessages ?? 20;
-		this.onUsage = config.onUsage;
-	}
-	/**
-	* Send a message and get a complete response
-	*/
-	async send(options) {
-		let conversation;
-		if (options.conversationId) {
-			const existing = await this.store.get(options.conversationId);
-			if (!existing) throw new Error(`Conversation ${options.conversationId} not found`);
-			conversation = existing;
-		} else conversation = await this.store.create({
-			status: "active",
-			provider: this.provider.name,
-			model: this.provider.model,
-			messages: [],
-			workspacePath: this.context?.workspacePath
-		});
-		await this.store.appendMessage(conversation.id, {
-			role: "user",
-			content: options.content,
-			status: "completed",
-			attachments: options.attachments
-		});
-		const prompt = this.buildPrompt(conversation, options);
-		const model = this.provider.getModel();
-		try {
-			const result = await generateText({
-				model,
-				prompt,
-				system: this.systemPrompt
-			});
-			const assistantMessage = await this.store.appendMessage(conversation.id, {
-				role: "assistant",
-				content: result.text,
-				status: "completed"
-			});
-			const updatedConversation = await this.store.get(conversation.id);
-			if (!updatedConversation) throw new Error("Conversation lost after update");
-			return {
-				message: assistantMessage,
-				conversation: updatedConversation
-			};
-		} catch (error) {
-			await this.store.appendMessage(conversation.id, {
-				role: "assistant",
-				content: "",
-				status: "error",
-				error: {
-					code: "generation_failed",
-					message: error instanceof Error ? error.message : String(error)
-				}
-			});
-			throw error;
-		}
-	}
-	/**
-	* Send a message and get a streaming response
-	*/
-	async stream(options) {
-		let conversation;
-		if (options.conversationId) {
-			const existing = await this.store.get(options.conversationId);
-			if (!existing) throw new Error(`Conversation ${options.conversationId} not found`);
-			conversation = existing;
-		} else conversation = await this.store.create({
-			status: "active",
-			provider: this.provider.name,
-			model: this.provider.model,
-			messages: [],
-			workspacePath: this.context?.workspacePath
-		});
-		await this.store.appendMessage(conversation.id, {
-			role: "user",
-			content: options.content,
-			status: "completed",
-			attachments: options.attachments
-		});
-		const assistantMessage = await this.store.appendMessage(conversation.id, {
-			role: "assistant",
-			content: "",
-			status: "streaming"
-		});
-		const prompt = this.buildPrompt(conversation, options);
-		const model = this.provider.getModel();
-		const self = this;
-		async function* streamGenerator() {
-			let fullContent = "";
-			try {
-				const result = streamText({
-					model,
-					prompt,
-					system: self.systemPrompt
-				});
-				for await (const chunk of result.textStream) {
-					fullContent += chunk;
-					yield {
-						type: "text",
-						content: chunk
-					};
-				}
-				await self.store.updateMessage(conversation.id, assistantMessage.id, {
-					content: fullContent,
-					status: "completed"
-				});
-				yield { type: "done" };
-			} catch (error) {
-				await self.store.updateMessage(conversation.id, assistantMessage.id, {
-					content: fullContent,
-					status: "error",
-					error: {
-						code: "stream_failed",
-						message: error instanceof Error ? error.message : String(error)
-					}
-				});
-				yield {
-					type: "error",
-					error: {
-						code: "stream_failed",
-						message: error instanceof Error ? error.message : String(error)
-					}
-				};
-			}
-		}
-		return {
-			conversationId: conversation.id,
-			messageId: assistantMessage.id,
-			stream: streamGenerator()
-		};
-	}
-	/**
-	* Get a conversation by ID
-	*/
-	async getConversation(conversationId) {
-		return this.store.get(conversationId);
-	}
-	/**
-	* List conversations
-	*/
-	async listConversations(options) {
-		return this.store.list({
-			status: "active",
-			...options
-		});
-	}
-	/**
-	* Delete a conversation
-	*/
-	async deleteConversation(conversationId) {
-		return this.store.delete(conversationId);
-	}
-	/**
-	* Build prompt string for LLM
-	*/
-	buildPrompt(conversation, options) {
-		let prompt = "";
-		const historyStart = Math.max(0, conversation.messages.length - this.maxHistoryMessages);
-		for (let i = historyStart; i < conversation.messages.length; i++) {
-			const msg = conversation.messages[i];
-			if (!msg) continue;
-			if (msg.role === "user" || msg.role === "assistant") prompt += `${msg.role === "user" ? "User" : "Assistant"}: ${msg.content}\n\n`;
-		}
-		let content = options.content;
-		if (options.attachments?.length) {
-			const attachmentInfo = options.attachments.map((a) => {
-				if (a.type === "file" || a.type === "code") return `\n\n### ${a.name}\n\`\`\`\n${a.content}\n\`\`\``;
-				return `\n\n[Attachment: ${a.name}]`;
-			}).join("");
-			content += attachmentInfo;
-		}
-		prompt += `User: ${content}\n\nAssistant:`;
-		return prompt;
-	}
-};
-/**
-* Create a chat service with the given configuration
-*/
-function createChatService(config) {
-	return new ChatService(config);
-}
-
-//#endregion
-export { ChatService, createChatService };
+- When suggesting code changes, explain the rationale`,this.maxHistoryMessages=t.maxHistoryMessages??20,this.onUsage=t.onUsage}async send(e){let n;if(e.conversationId){let t=await this.store.get(e.conversationId);if(!t)throw Error(`Conversation ${e.conversationId} not found`);n=t}else n=await this.store.create({status:`active`,provider:this.provider.name,model:this.provider.model,messages:[],workspacePath:this.context?.workspacePath});await this.store.appendMessage(n.id,{role:`user`,content:e.content,status:`completed`,attachments:e.attachments});let r=this.buildPrompt(n,e),i=this.provider.getModel();try{let e=await t({model:i,prompt:r,system:this.systemPrompt}),a=await this.store.appendMessage(n.id,{role:`assistant`,content:e.text,status:`completed`}),o=await this.store.get(n.id);if(!o)throw Error(`Conversation lost after update`);return{message:a,conversation:o}}catch(e){throw await this.store.appendMessage(n.id,{role:`assistant`,content:``,status:`error`,error:{code:`generation_failed`,message:e instanceof Error?e.message:String(e)}}),e}}async stream(e){let t;if(e.conversationId){let n=await this.store.get(e.conversationId);if(!n)throw Error(`Conversation ${e.conversationId} not found`);t=n}else t=await this.store.create({status:`active`,provider:this.provider.name,model:this.provider.model,messages:[],workspacePath:this.context?.workspacePath});await this.store.appendMessage(t.id,{role:`user`,content:e.content,status:`completed`,attachments:e.attachments});let r=await this.store.appendMessage(t.id,{role:`assistant`,content:``,status:`streaming`}),i=this.buildPrompt(t,e),a=this.provider.getModel(),o=this;async function*s(){let e=``;try{let s=n({model:a,prompt:i,system:o.systemPrompt});for await(let t of s.textStream)e+=t,yield{type:`text`,content:t};await o.store.updateMessage(t.id,r.id,{content:e,status:`completed`}),yield{type:`done`}}catch(n){await o.store.updateMessage(t.id,r.id,{content:e,status:`error`,error:{code:`stream_failed`,message:n instanceof Error?n.message:String(n)}}),yield{type:`error`,error:{code:`stream_failed`,message:n instanceof Error?n.message:String(n)}}}}return{conversationId:t.id,messageId:r.id,stream:s()}}async getConversation(e){return this.store.get(e)}async listConversations(e){return this.store.list({status:`active`,...e})}async deleteConversation(e){return this.store.delete(e)}buildPrompt(e,t){let n=``,r=Math.max(0,e.messages.length-this.maxHistoryMessages);for(let t=r;t<e.messages.length;t++){let r=e.messages[t];r&&(r.role===`user`||r.role===`assistant`)&&(n+=`${r.role===`user`?`User`:`Assistant`}: ${r.content}\n\n`)}let i=t.content;if(t.attachments?.length){let e=t.attachments.map(e=>e.type===`file`||e.type===`code`?`\n\n### ${e.name}\n\`\`\`\n${e.content}\n\`\`\``:`\n\n[Attachment: ${e.name}]`).join(``);i+=e}return n+=`User: ${i}\n\nAssistant:`,n}};function i(e){return new r(e)}export{r as ChatService,i as createChatService};

package/dist/core/conversation-store.js

@@ -1,108 +1 @@
-//#region src/core/conversation-store.ts
-/**
-* Generate a unique ID
-*/
-function generateId(prefix) {
-	return `${prefix}_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`;
-}
-/**
-* In-memory conversation store for development and testing
-*/
-var InMemoryConversationStore = class {
-	conversations = /* @__PURE__ */ new Map();
-	async get(conversationId) {
-		return this.conversations.get(conversationId) ?? null;
-	}
-	async create(conversation) {
-		const now = /* @__PURE__ */ new Date();
-		const fullConversation = {
-			...conversation,
-			id: generateId("conv"),
-			createdAt: now,
-			updatedAt: now
-		};
-		this.conversations.set(fullConversation.id, fullConversation);
-		return fullConversation;
-	}
-	async update(conversationId, updates) {
-		const conversation = this.conversations.get(conversationId);
-		if (!conversation) return null;
-		const updated = {
-			...conversation,
-			...updates,
-			updatedAt: /* @__PURE__ */ new Date()
-		};
-		this.conversations.set(conversationId, updated);
-		return updated;
-	}
-	async appendMessage(conversationId, message) {
-		const conversation = this.conversations.get(conversationId);
-		if (!conversation) throw new Error(`Conversation ${conversationId} not found`);
-		const now = /* @__PURE__ */ new Date();
-		const fullMessage = {
-			...message,
-			id: generateId("msg"),
-			conversationId,
-			createdAt: now,
-			updatedAt: now
-		};
-		conversation.messages.push(fullMessage);
-		conversation.updatedAt = now;
-		return fullMessage;
-	}
-	async updateMessage(conversationId, messageId, updates) {
-		const conversation = this.conversations.get(conversationId);
-		if (!conversation) return null;
-		const messageIndex = conversation.messages.findIndex((m) => m.id === messageId);
-		if (messageIndex === -1) return null;
-		const message = conversation.messages[messageIndex];
-		if (!message) return null;
-		const updated = {
-			...message,
-			...updates,
-			updatedAt: /* @__PURE__ */ new Date()
-		};
-		conversation.messages[messageIndex] = updated;
-		conversation.updatedAt = /* @__PURE__ */ new Date();
-		return updated;
-	}
-	async delete(conversationId) {
-		return this.conversations.delete(conversationId);
-	}
-	async list(options) {
-		let results = Array.from(this.conversations.values());
-		if (options?.status) results = results.filter((c) => c.status === options.status);
-		results.sort((a, b) => b.updatedAt.getTime() - a.updatedAt.getTime());
-		const offset = options?.offset ?? 0;
-		const limit = options?.limit ?? 100;
-		return results.slice(offset, offset + limit);
-	}
-	async search(query, limit = 20) {
-		const lowerQuery = query.toLowerCase();
-		const results = [];
-		for (const conversation of this.conversations.values()) {
-			if (conversation.title?.toLowerCase().includes(lowerQuery)) {
-				results.push(conversation);
-				continue;
-			}
-			if (conversation.messages.some((m) => m.content.toLowerCase().includes(lowerQuery))) results.push(conversation);
-			if (results.length >= limit) break;
-		}
-		return results;
-	}
-	/**
-	* Clear all conversations (for testing)
-	*/
-	clear() {
-		this.conversations.clear();
-	}
-};
-/**
-* Create an in-memory conversation store
-*/
-function createInMemoryConversationStore() {
-	return new InMemoryConversationStore();
-}
-
-//#endregion
-export { InMemoryConversationStore, createInMemoryConversationStore };
+function e(e){return`${e}_${Date.now()}_${Math.random().toString(36).slice(2,11)}`}var t=class{conversations=new Map;async get(e){return this.conversations.get(e)??null}async create(t){let n=new Date,r={...t,id:e(`conv`),createdAt:n,updatedAt:n};return this.conversations.set(r.id,r),r}async update(e,t){let n=this.conversations.get(e);if(!n)return null;let r={...n,...t,updatedAt:new Date};return this.conversations.set(e,r),r}async appendMessage(t,n){let r=this.conversations.get(t);if(!r)throw Error(`Conversation ${t} not found`);let i=new Date,a={...n,id:e(`msg`),conversationId:t,createdAt:i,updatedAt:i};return r.messages.push(a),r.updatedAt=i,a}async updateMessage(e,t,n){let r=this.conversations.get(e);if(!r)return null;let i=r.messages.findIndex(e=>e.id===t);if(i===-1)return null;let a=r.messages[i];if(!a)return null;let o={...a,...n,updatedAt:new Date};return r.messages[i]=o,r.updatedAt=new Date,o}async delete(e){return this.conversations.delete(e)}async list(e){let t=Array.from(this.conversations.values());e?.status&&(t=t.filter(t=>t.status===e.status)),t.sort((e,t)=>t.updatedAt.getTime()-e.updatedAt.getTime());let n=e?.offset??0,r=e?.limit??100;return t.slice(n,n+r)}async search(e,t=20){let n=e.toLowerCase(),r=[];for(let e of this.conversations.values()){if(e.title?.toLowerCase().includes(n)){r.push(e);continue}if(e.messages.some(e=>e.content.toLowerCase().includes(n))&&r.push(e),r.length>=t)break}return r}clear(){this.conversations.clear()}};function n(){return new t}export{t as InMemoryConversationStore,n as createInMemoryConversationStore};

package/dist/core/index.js

@@ -1,4 +1 @@
-import { InMemoryConversationStore, createInMemoryConversationStore } from "./conversation-store.js";
-import { ChatService, createChatService } from "./chat-service.js";
-
-export { ChatService, InMemoryConversationStore, createChatService, createInMemoryConversationStore };
+import{InMemoryConversationStore as e,createInMemoryConversationStore as t}from"./conversation-store.js";import{ChatService as n,createChatService as r}from"./chat-service.js";export{n as ChatService,e as InMemoryConversationStore,r as createChatService,t as createInMemoryConversationStore};

package/dist/index.js

@@ -1,22 +1 @@
-import { AiChatFeature } from "./ai-chat.feature.js";
-import { InMemoryConversationStore, createInMemoryConversationStore } from "./core/conversation-store.js";
-import { ChatService, createChatService } from "./core/chat-service.js";
-import "./core/index.js";
-import { DEFAULT_MODELS, MODELS, getDefaultModel, getModelInfo, getModelsForProvider, getRecommendedModels } from "./libs/ai-providers/dist/models.js";
-import { createProvider, createProviderFromEnv, getAvailableProviders } from "./libs/ai-providers/dist/factory.js";
-import { getEnvVarName, hasCredentials, isOllamaRunning, listOllamaModels, validateProvider } from "./libs/ai-providers/dist/validation.js";
-import { isStudioAvailable, supportsLocalMode } from "./providers/chat-utilities.js";
-import "./providers/index.js";
-import { WorkspaceContext, createWorkspaceContext } from "./context/workspace-context.js";
-import { ContextBuilder, createContextBuilder } from "./context/context-builder.js";
-import { FileOperations, createNodeFileOperations } from "./context/file-operations.js";
-import "./context/index.js";
-import { ChatContainer } from "./presentation/components/ChatContainer.js";
-import { ChatMessage } from "./presentation/components/ChatMessage.js";
-import { ChatInput } from "./presentation/components/ChatInput.js";
-import "./presentation/components/index.js";
-import { useChat } from "./presentation/hooks/useChat.js";
-import { useProviders } from "./presentation/hooks/useProviders.js";
-import "./presentation/hooks/index.js";
-
-export { AiChatFeature, ChatContainer, ChatInput, ChatMessage as ChatMessageComponent, ChatService, ContextBuilder, DEFAULT_MODELS, FileOperations, InMemoryConversationStore, MODELS, WorkspaceContext, createChatService, createContextBuilder, createInMemoryConversationStore, createNodeFileOperations, createProvider, createProviderFromEnv, createWorkspaceContext, getAvailableProviders, getDefaultModel, getEnvVarName, getModelInfo, getModelsForProvider, getRecommendedModels, hasCredentials, isOllamaRunning, isStudioAvailable, listOllamaModels, supportsLocalMode, useChat, useProviders, validateProvider };
+import{AiChatFeature as e}from"./ai-chat.feature.js";import{InMemoryConversationStore as t,createInMemoryConversationStore as n}from"./core/conversation-store.js";import{ChatService as r,createChatService as i}from"./core/chat-service.js";import"./core/index.js";import{isStudioAvailable as a,supportsLocalMode as o}from"./providers/chat-utilities.js";import{DEFAULT_MODELS as s,MODELS as c,createProvider as l,createProviderFromEnv as u,getAvailableProviders as d,getDefaultModel as f,getEnvVarName as p,getModelInfo as m,getModelsForProvider as h,getRecommendedModels as g,hasCredentials as _,isOllamaRunning as v,listOllamaModels as y,validateProvider as b}from"./providers/index.js";import{WorkspaceContext as x,createWorkspaceContext as S}from"./context/workspace-context.js";import{ContextBuilder as C,createContextBuilder as w}from"./context/context-builder.js";import{FileOperations as T,createNodeFileOperations as E}from"./context/file-operations.js";import"./context/index.js";import{ChatContainer as D}from"./presentation/components/ChatContainer.js";import{ChatMessage as O}from"./presentation/components/ChatMessage.js";import{ChatInput as k}from"./presentation/components/ChatInput.js";import"./presentation/components/index.js";import{useChat as A}from"./presentation/hooks/useChat.js";import{useProviders as j}from"./presentation/hooks/useProviders.js";import"./presentation/hooks/index.js";export{e as AiChatFeature,D as ChatContainer,k as ChatInput,O as ChatMessageComponent,r as ChatService,C as ContextBuilder,s as DEFAULT_MODELS,T as FileOperations,t as InMemoryConversationStore,c as MODELS,x as WorkspaceContext,i as createChatService,w as createContextBuilder,n as createInMemoryConversationStore,E as createNodeFileOperations,l as createProvider,u as createProviderFromEnv,S as createWorkspaceContext,d as getAvailableProviders,f as getDefaultModel,p as getEnvVarName,m as getModelInfo,h as getModelsForProvider,g as getRecommendedModels,_ as hasCredentials,v as isOllamaRunning,a as isStudioAvailable,y as listOllamaModels,o as supportsLocalMode,A as useChat,j as useProviders,b as validateProvider};

package/dist/presentation/components/ChatContainer.js

@@ -1,62 +1 @@
-'use client';
-
-import { ScrollArea } from "../../libs/ui-kit-web/dist/ui/scroll-area.js";
-import { cn } from "../../libs/ui-kit-web/dist/ui/utils.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/presentation/components/ChatContainer.tsx
-/**
-* Container component for chat messages with scrolling
-*/
-function ChatContainer({ children, className, showScrollButton = true }) {
-	const scrollRef = React.useRef(null);
-	const [showScrollDown, setShowScrollDown] = React.useState(false);
-	React.useEffect(() => {
-		const container = scrollRef.current;
-		if (!container) return;
-		if (container.scrollHeight - container.scrollTop <= container.clientHeight + 100) container.scrollTop = container.scrollHeight;
-	}, [children]);
-	const handleScroll = React.useCallback((event) => {
-		const container = event.currentTarget;
-		setShowScrollDown(!(container.scrollHeight - container.scrollTop <= container.clientHeight + 100));
-	}, []);
-	const scrollToBottom = React.useCallback(() => {
-		const container = scrollRef.current;
-		if (container) container.scrollTo({
-			top: container.scrollHeight,
-			behavior: "smooth"
-		});
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative flex flex-1 flex-col", className),
-		children: [/* @__PURE__ */ jsx(ScrollArea, {
-			ref: scrollRef,
-			className: "flex-1",
-			onScroll: handleScroll,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex flex-col gap-4 p-4",
-				children
-			})
-		}), showScrollButton && showScrollDown && /* @__PURE__ */ jsxs("button", {
-			onClick: scrollToBottom,
-			className: cn("absolute bottom-4 left-1/2 -translate-x-1/2", "bg-primary text-primary-foreground", "rounded-full px-3 py-1.5 text-sm font-medium shadow-lg", "hover:bg-primary/90 transition-colors", "flex items-center gap-1.5"),
-			"aria-label": "Scroll to bottom",
-			children: [/* @__PURE__ */ jsx("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "16",
-				height: "16",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "2",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-			}), "New messages"]
-		})]
-	});
-}
-
-//#endregion
-export { ChatContainer };
+"use client";import*as e from"react";import{ScrollArea as t}from"@lssm/lib.ui-kit-web/ui/scroll-area";import{cn as n}from"@lssm/lib.ui-kit-web/ui/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({children:a,className:o,showScrollButton:s=!0}){let c=e.useRef(null),[l,u]=e.useState(!1);e.useEffect(()=>{let e=c.current;e&&e.scrollHeight-e.scrollTop<=e.clientHeight+100&&(e.scrollTop=e.scrollHeight)},[a]);let d=e.useCallback(e=>{let t=e.currentTarget;u(!(t.scrollHeight-t.scrollTop<=t.clientHeight+100))},[]),f=e.useCallback(()=>{let e=c.current;e&&e.scrollTo({top:e.scrollHeight,behavior:`smooth`})},[]);return i(`div`,{className:n(`relative flex flex-1 flex-col`,o),children:[r(t,{ref:c,className:`flex-1`,onScroll:d,children:r(`div`,{className:`flex flex-col gap-4 p-4`,children:a})}),s&&l&&i(`button`,{onClick:f,className:n(`absolute bottom-4 left-1/2 -translate-x-1/2`,`bg-primary text-primary-foreground`,`rounded-full px-3 py-1.5 text-sm font-medium shadow-lg`,`hover:bg-primary/90 transition-colors`,`flex items-center gap-1.5`),"aria-label":`Scroll to bottom`,children:[r(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:r(`path`,{d:`m6 9 6 6 6-6`})}),`New messages`]})]})}export{a as ChatContainer};

package/dist/presentation/components/ChatInput.js

@@ -1,149 +1 @@
-'use client';
-
-import { cn } from "../../libs/ui-kit-web/dist/ui/utils.js";
-import { Button$1 } from "../../libs/design-system/dist/components/atoms/Button.js";
-import { Textarea$1 } from "../../libs/design-system/dist/components/atoms/Textarea.js";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Code, FileText, Loader2, Paperclip, Send, X } from "lucide-react";
-
-//#region src/presentation/components/ChatInput.tsx
-/**
-* Chat input component with attachment support
-*/
-function ChatInput({ onSend, disabled = false, isLoading = false, placeholder = "Type a message...", className, showAttachments = true, maxAttachments = 5 }) {
-	const [content, setContent] = React.useState("");
-	const [attachments, setAttachments] = React.useState([]);
-	const textareaRef = React.useRef(null);
-	const fileInputRef = React.useRef(null);
-	const canSend = content.trim().length > 0 || attachments.length > 0;
-	const handleSubmit = React.useCallback((e) => {
-		e?.preventDefault();
-		if (!canSend || disabled || isLoading) return;
-		onSend(content.trim(), attachments.length > 0 ? attachments : void 0);
-		setContent("");
-		setAttachments([]);
-		textareaRef.current?.focus();
-	}, [
-		canSend,
-		content,
-		attachments,
-		disabled,
-		isLoading,
-		onSend
-	]);
-	const handleKeyDown = React.useCallback((e) => {
-		if (e.key === "Enter" && !e.shiftKey) {
-			e.preventDefault();
-			handleSubmit();
-		}
-	}, [handleSubmit]);
-	const handleFileSelect = React.useCallback(async (e) => {
-		const files = e.target.files;
-		if (!files) return;
-		const newAttachments = [];
-		for (const file of Array.from(files)) {
-			if (attachments.length + newAttachments.length >= maxAttachments) break;
-			const content$1 = await file.text();
-			const extension = file.name.split(".").pop()?.toLowerCase() ?? "";
-			const isCode = [
-				"ts",
-				"tsx",
-				"js",
-				"jsx",
-				"py",
-				"go",
-				"rs",
-				"java"
-			].includes(extension);
-			newAttachments.push({
-				id: `att_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
-				type: isCode ? "code" : "file",
-				name: file.name,
-				content: content$1,
-				mimeType: file.type,
-				size: file.size
-			});
-		}
-		setAttachments((prev) => [...prev, ...newAttachments]);
-		e.target.value = "";
-	}, [attachments.length, maxAttachments]);
-	const removeAttachment = React.useCallback((id) => {
-		setAttachments((prev) => prev.filter((a) => a.id !== id));
-	}, []);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col gap-2", className),
-		children: [
-			attachments.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: "flex flex-wrap gap-2",
-				children: attachments.map((attachment) => /* @__PURE__ */ jsxs("div", {
-					className: cn("flex items-center gap-1.5 rounded-md px-2 py-1", "bg-muted text-muted-foreground text-sm"),
-					children: [
-						attachment.type === "code" ? /* @__PURE__ */ jsx(Code, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "max-w-[150px] truncate",
-							children: attachment.name
-						}),
-						/* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => removeAttachment(attachment.id),
-							className: "hover:text-foreground",
-							"aria-label": `Remove ${attachment.name}`,
-							children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-						})
-					]
-				}, attachment.id))
-			}),
-			/* @__PURE__ */ jsxs("form", {
-				onSubmit: handleSubmit,
-				className: "flex items-end gap-2",
-				children: [
-					showAttachments && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
-						ref: fileInputRef,
-						type: "file",
-						multiple: true,
-						accept: ".ts,.tsx,.js,.jsx,.json,.md,.txt,.py,.go,.rs,.java,.yaml,.yml",
-						onChange: handleFileSelect,
-						className: "hidden",
-						"aria-label": "Attach files"
-					}), /* @__PURE__ */ jsx(Button$1, {
-						type: "button",
-						variant: "ghost",
-						size: "sm",
-						onPress: () => fileInputRef.current?.click(),
-						disabled: disabled || attachments.length >= maxAttachments,
-						"aria-label": "Attach files",
-						children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
-					})] }),
-					/* @__PURE__ */ jsx("div", {
-						className: "relative flex-1",
-						children: /* @__PURE__ */ jsx(Textarea$1, {
-							value: content,
-							onChange: (e) => setContent(e.target.value),
-							onKeyDown: handleKeyDown,
-							placeholder,
-							disabled,
-							className: cn("min-h-[44px] max-h-[200px] resize-none pr-12", "focus-visible:ring-1"),
-							rows: 1,
-							"aria-label": "Chat message"
-						})
-					}),
-					/* @__PURE__ */ jsx(Button$1, {
-						type: "submit",
-						disabled: !canSend || disabled || isLoading,
-						size: "sm",
-						"aria-label": isLoading ? "Sending..." : "Send message",
-						children: isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-xs",
-				children: "Press Enter to send, Shift+Enter for new line"
-			})
-		]
-	});
-}
-
-//#endregion
-export { ChatInput };
+"use client";import*as e from"react";import{cn as t}from"@lssm/lib.ui-kit-web/ui/utils";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";import{Code as a,FileText as o,Loader2 as s,Paperclip as c,Send as l,X as u}from"lucide-react";import{Button as d,Textarea as f}from"@lssm/lib.design-system";function p({onSend:p,disabled:m=!1,isLoading:h=!1,placeholder:g=`Type a message...`,className:_,showAttachments:v=!0,maxAttachments:y=5}){let[b,x]=e.useState(``),[S,C]=e.useState([]),w=e.useRef(null),T=e.useRef(null),E=b.trim().length>0||S.length>0,D=e.useCallback(e=>{e?.preventDefault(),!(!E||m||h)&&(p(b.trim(),S.length>0?S:void 0),x(``),C([]),w.current?.focus())},[E,b,S,m,h,p]),O=e.useCallback(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),D())},[D]),k=e.useCallback(async e=>{let t=e.target.files;if(!t)return;let n=[];for(let e of Array.from(t)){if(S.length+n.length>=y)break;let t=await e.text(),r=e.name.split(`.`).pop()?.toLowerCase()??``,i=[`ts`,`tsx`,`js`,`jsx`,`py`,`go`,`rs`,`java`].includes(r);n.push({id:`att_${Date.now()}_${Math.random().toString(36).slice(2,9)}`,type:i?`code`:`file`,name:e.name,content:t,mimeType:e.type,size:e.size})}C(e=>[...e,...n]),e.target.value=``},[S.length,y]),A=e.useCallback(e=>{C(t=>t.filter(t=>t.id!==e))},[]);return i(`div`,{className:t(`flex flex-col gap-2`,_),children:[S.length>0&&r(`div`,{className:`flex flex-wrap gap-2`,children:S.map(e=>i(`div`,{className:t(`flex items-center gap-1.5 rounded-md px-2 py-1`,`bg-muted text-muted-foreground text-sm`),children:[e.type===`code`?r(a,{className:`h-3.5 w-3.5`}):r(o,{className:`h-3.5 w-3.5`}),r(`span`,{className:`max-w-[150px] truncate`,children:e.name}),r(`button`,{type:`button`,onClick:()=>A(e.id),className:`hover:text-foreground`,"aria-label":`Remove ${e.name}`,children:r(u,{className:`h-3.5 w-3.5`})})]},e.id))}),i(`form`,{onSubmit:D,className:`flex items-end gap-2`,children:[v&&i(n,{children:[r(`input`,{ref:T,type:`file`,multiple:!0,accept:`.ts,.tsx,.js,.jsx,.json,.md,.txt,.py,.go,.rs,.java,.yaml,.yml`,onChange:k,className:`hidden`,"aria-label":`Attach files`}),r(d,{type:`button`,variant:`ghost`,size:`sm`,onPress:()=>T.current?.click(),disabled:m||S.length>=y,"aria-label":`Attach files`,children:r(c,{className:`h-4 w-4`})})]}),r(`div`,{className:`relative flex-1`,children:r(f,{value:b,onChange:e=>x(e.target.value),onKeyDown:O,placeholder:g,disabled:m,className:t(`min-h-[44px] max-h-[200px] resize-none pr-12`,`focus-visible:ring-1`),rows:1,"aria-label":`Chat message`})}),r(d,{type:`submit`,disabled:!E||m||h,size:`sm`,"aria-label":h?`Sending...`:`Send message`,children:h?r(s,{className:`h-4 w-4 animate-spin`}):r(l,{className:`h-4 w-4`})})]}),r(`p`,{className:`text-muted-foreground text-xs`,children:`Press Enter to send, Shift+Enter for new line`})]})}export{p as ChatInput};