@contractspec/module.ai-chat 1.44.0

package/dist/libs/schema/dist/entity/index.js

@@ -0,0 +1,2 @@
+import "./defineEntity.js";
+import "./types.js";

package/dist/libs/schema/dist/entity/types.js

@@ -0,0 +1 @@
+import "zod";

package/dist/libs/schema/dist/index.js

@@ -0,0 +1,9 @@
+import "./EnumType.js";
+import { FieldType } from "./FieldType.js";
+import "./GraphQLSchemaType.js";
+import "./JsonSchemaType.js";
+import { ScalarTypeEnum } from "./ScalarTypeEnum.js";
+import { SchemaModel, defineSchemaModel } from "./SchemaModel.js";
+import "./ZodSchemaType.js";
+import "./entity/defineEntity.js";
+import "./entity/index.js";

package/dist/presentation/components/ChatContainer.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/components/ChatContainer.d.ts
+interface ChatContainerProps {
+  children: React.ReactNode;
+  className?: string;
+  /** Show scroll-to-bottom button when scrolled up */
+  showScrollButton?: boolean;
+}
+/**
+ * Container component for chat messages with scrolling
+ */
+declare function ChatContainer({
+  children,
+  className,
+  showScrollButton
+}: ChatContainerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChatContainer };
+//# sourceMappingURL=ChatContainer.d.ts.map

package/dist/presentation/components/ChatContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContainer.d.ts","names":[],"sources":["../../../src/presentation/components/ChatContainer.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,kBAAA;YACL,KAAA,CAAM;;EADD;EAUD,gBAAa,CAAA,EAAA,OAAA;;;;;AAIR,iBAJL,aAAA,CAIK;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAAlB,kBAAkB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/components/ChatContainer.js

@@ -0,0 +1,63 @@
+'use client';
+
+import * as React from "react";
+import { ScrollArea } from "@contractspec/lib.ui-kit-web/ui/scroll-area";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+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 };
+//# sourceMappingURL=ChatContainer.js.map

package/dist/presentation/components/ChatContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatContainer.js","names":[],"sources":["../../../src/presentation/components/ChatContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ScrollArea } from '@contractspec/lib.ui-kit-web/ui/scroll-area';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\n\nexport interface ChatContainerProps {\n  children: React.ReactNode;\n  className?: string;\n  /** Show scroll-to-bottom button when scrolled up */\n  showScrollButton?: boolean;\n}\n\n/**\n * Container component for chat messages with scrolling\n */\nexport function ChatContainer({\n  children,\n  className,\n  showScrollButton = true,\n}: ChatContainerProps) {\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [showScrollDown, setShowScrollDown] = React.useState(false);\n\n  // Auto-scroll to bottom when children change\n  React.useEffect(() => {\n    const container = scrollRef.current;\n    if (!container) return;\n\n    // Check if user has scrolled up\n    const isAtBottom =\n      container.scrollHeight - container.scrollTop <=\n      container.clientHeight + 100;\n\n    if (isAtBottom) {\n      container.scrollTop = container.scrollHeight;\n    }\n  }, [children]);\n\n  // Track scroll position for scroll-to-bottom button\n  const handleScroll = React.useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      const container = event.currentTarget;\n      const isAtBottom =\n        container.scrollHeight - container.scrollTop <=\n        container.clientHeight + 100;\n      setShowScrollDown(!isAtBottom);\n    },\n    []\n  );\n\n  const scrollToBottom = React.useCallback(() => {\n    const container = scrollRef.current;\n    if (container) {\n      container.scrollTo({\n        top: container.scrollHeight,\n        behavior: 'smooth',\n      });\n    }\n  }, []);\n\n  return (\n    <div className={cn('relative flex flex-1 flex-col', className)}>\n      <ScrollArea ref={scrollRef} className=\"flex-1\" onScroll={handleScroll}>\n        <div className=\"flex flex-col gap-4 p-4\">{children}</div>\n      </ScrollArea>\n\n      {showScrollButton && showScrollDown && (\n        <button\n          onClick={scrollToBottom}\n          className={cn(\n            'absolute bottom-4 left-1/2 -translate-x-1/2',\n            'bg-primary text-primary-foreground',\n            'rounded-full px-3 py-1.5 text-sm font-medium shadow-lg',\n            'hover:bg-primary/90 transition-colors',\n            'flex items-center gap-1.5'\n          )}\n          aria-label=\"Scroll to bottom\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n          New messages\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,UACA,WACA,mBAAmB,QACE;CACrB,MAAM,YAAY,MAAM,OAAuB,KAAK;CACpD,MAAM,CAAC,gBAAgB,qBAAqB,MAAM,SAAS,MAAM;AAGjE,OAAM,gBAAgB;EACpB,MAAM,YAAY,UAAU;AAC5B,MAAI,CAAC,UAAW;AAOhB,MAHE,UAAU,eAAe,UAAU,aACnC,UAAU,eAAe,IAGzB,WAAU,YAAY,UAAU;IAEjC,CAAC,SAAS,CAAC;CAGd,MAAM,eAAe,MAAM,aACxB,UAAyC;EACxC,MAAM,YAAY,MAAM;AAIxB,oBAAkB,EAFhB,UAAU,eAAe,UAAU,aACnC,UAAU,eAAe,KACG;IAEhC,EAAE,CACH;CAED,MAAM,iBAAiB,MAAM,kBAAkB;EAC7C,MAAM,YAAY,UAAU;AAC5B,MAAI,UACF,WAAU,SAAS;GACjB,KAAK,UAAU;GACf,UAAU;GACX,CAAC;IAEH,EAAE,CAAC;AAEN,QACE,qBAAC;EAAI,WAAW,GAAG,iCAAiC,UAAU;aAC5D,oBAAC;GAAW,KAAK;GAAW,WAAU;GAAS,UAAU;aACvD,oBAAC;IAAI,WAAU;IAA2B;KAAe;IAC9C,EAEZ,oBAAoB,kBACnB,qBAAC;GACC,SAAS;GACT,WAAW,GACT,+CACA,sCACA,0DACA,yCACA,4BACD;GACD,cAAW;cAEX,oBAAC;IACC,OAAM;IACN,OAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,oBAAC,UAAK,GAAE,iBAAiB;KACrB;IAEC;GAEP"}

package/dist/presentation/components/ChatInput.d.ts

@@ -0,0 +1,35 @@
+import { ChatAttachment } from "../../core/message-types.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/presentation/components/ChatInput.d.ts
+interface ChatInputProps {
+  /** Called when a message is sent */
+  onSend: (content: string, attachments?: ChatAttachment[]) => void;
+  /** Whether input is disabled (e.g., during streaming) */
+  disabled?: boolean;
+  /** Whether currently loading/streaming */
+  isLoading?: boolean;
+  /** Placeholder text */
+  placeholder?: string;
+  /** Additional class name */
+  className?: string;
+  /** Show attachment button */
+  showAttachments?: boolean;
+  /** Max attachments allowed */
+  maxAttachments?: number;
+}
+/**
+ * Chat input component with attachment support
+ */
+declare function ChatInput({
+  onSend,
+  disabled,
+  isLoading,
+  placeholder,
+  className,
+  showAttachments,
+  maxAttachments
+}: ChatInputProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { ChatInput };
+//# sourceMappingURL=ChatInput.d.ts.map

package/dist/presentation/components/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","names":[],"sources":["../../../src/presentation/components/ChatInput.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,cAAA;;0CAEyB;EAFzB;EAoBD,QAAA,CAAA,EAAA,OAAS;EACvB;EACA,SAAA,CAAA,EAAA,OAAA;EACA;EACA,WAAA,CAAA,EAAA,MAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACC,eAAA,CAAA,EAAA,OAAA;EAAc;EAAA,cAAA,CAAA,EAAA,MAAA;;;;;iBARD,SAAA;;;;;;;;GAQb,iBAAc,kBAAA,CAAA,GAAA,CAAA"}

package/dist/presentation/components/ChatInput.js

@@ -0,0 +1,149 @@
+'use client';
+
+import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Code, FileText, Loader2, Paperclip, Send, X } from "lucide-react";
+import { Button, Textarea } from "@contractspec/lib.design-system";
+
+//#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, {
+						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, {
+							value: content,
+							onChange: (e) => setContent(e.target.value),
+							onKeyDown: handleKeyDown,
+							placeholder,
+							disabled,
+							className: cn("max-h-[200px] min-h-[44px] resize-none pr-12", "focus-visible:ring-1"),
+							rows: 1,
+							"aria-label": "Chat message"
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						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 };
+//# sourceMappingURL=ChatInput.js.map

package/dist/presentation/components/ChatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.js","names":["newAttachments: ChatAttachment[]","content"],"sources":["../../../src/presentation/components/ChatInput.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Textarea } from '@contractspec/lib.design-system';\nimport { Button } from '@contractspec/lib.design-system';\nimport { Send, Paperclip, X, Loader2, FileText, Code } from 'lucide-react';\nimport type { ChatAttachment } from '../../core/message-types';\n\nexport interface ChatInputProps {\n  /** Called when a message is sent */\n  onSend: (content: string, attachments?: ChatAttachment[]) => void;\n  /** Whether input is disabled (e.g., during streaming) */\n  disabled?: boolean;\n  /** Whether currently loading/streaming */\n  isLoading?: boolean;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Additional class name */\n  className?: string;\n  /** Show attachment button */\n  showAttachments?: boolean;\n  /** Max attachments allowed */\n  maxAttachments?: number;\n}\n\n/**\n * Chat input component with attachment support\n */\nexport function ChatInput({\n  onSend,\n  disabled = false,\n  isLoading = false,\n  placeholder = 'Type a message...',\n  className,\n  showAttachments = true,\n  maxAttachments = 5,\n}: ChatInputProps) {\n  const [content, setContent] = React.useState('');\n  const [attachments, setAttachments] = React.useState<ChatAttachment[]>([]);\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n  const fileInputRef = React.useRef<HTMLInputElement>(null);\n\n  const canSend = content.trim().length > 0 || attachments.length > 0;\n\n  const handleSubmit = React.useCallback(\n    (e?: React.FormEvent) => {\n      e?.preventDefault();\n      if (!canSend || disabled || isLoading) return;\n\n      onSend(content.trim(), attachments.length > 0 ? attachments : undefined);\n      setContent('');\n      setAttachments([]);\n\n      // Focus back on textarea\n      textareaRef.current?.focus();\n    },\n    [canSend, content, attachments, disabled, isLoading, onSend]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      // Submit on Enter (without Shift)\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    },\n    [handleSubmit]\n  );\n\n  const handleFileSelect = React.useCallback(\n    async (e: React.ChangeEvent<HTMLInputElement>) => {\n      const files = e.target.files;\n      if (!files) return;\n\n      const newAttachments: ChatAttachment[] = [];\n\n      for (const file of Array.from(files)) {\n        if (attachments.length + newAttachments.length >= maxAttachments) break;\n\n        const content = await file.text();\n        const extension = file.name.split('.').pop()?.toLowerCase() ?? '';\n        const isCode = [\n          'ts',\n          'tsx',\n          'js',\n          'jsx',\n          'py',\n          'go',\n          'rs',\n          'java',\n        ].includes(extension);\n\n        newAttachments.push({\n          id: `att_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,\n          type: isCode ? 'code' : 'file',\n          name: file.name,\n          content,\n          mimeType: file.type,\n          size: file.size,\n        });\n      }\n\n      setAttachments((prev) => [...prev, ...newAttachments]);\n\n      // Reset file input\n      e.target.value = '';\n    },\n    [attachments.length, maxAttachments]\n  );\n\n  const removeAttachment = React.useCallback((id: string) => {\n    setAttachments((prev) => prev.filter((a) => a.id !== id));\n  }, []);\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {/* Attachments preview */}\n      {attachments.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {attachments.map((attachment) => (\n            <div\n              key={attachment.id}\n              className={cn(\n                'flex items-center gap-1.5 rounded-md px-2 py-1',\n                'bg-muted text-muted-foreground text-sm'\n              )}\n            >\n              {attachment.type === 'code' ? (\n                <Code className=\"h-3.5 w-3.5\" />\n              ) : (\n                <FileText className=\"h-3.5 w-3.5\" />\n              )}\n              <span className=\"max-w-[150px] truncate\">{attachment.name}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeAttachment(attachment.id)}\n                className=\"hover:text-foreground\"\n                aria-label={`Remove ${attachment.name}`}\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Input form */}\n      <form onSubmit={handleSubmit} className=\"flex items-end gap-2\">\n        {/* Attachment button */}\n        {showAttachments && (\n          <>\n            <input\n              ref={fileInputRef}\n              type=\"file\"\n              multiple\n              accept=\".ts,.tsx,.js,.jsx,.json,.md,.txt,.py,.go,.rs,.java,.yaml,.yml\"\n              onChange={handleFileSelect}\n              className=\"hidden\"\n              aria-label=\"Attach files\"\n            />\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onPress={() => fileInputRef.current?.click()}\n              disabled={disabled || attachments.length >= maxAttachments}\n              aria-label=\"Attach files\"\n            >\n              <Paperclip className=\"h-4 w-4\" />\n            </Button>\n          </>\n        )}\n\n        {/* Text input */}\n        <div className=\"relative flex-1\">\n          <Textarea\n            value={content}\n            onChange={(e) => setContent(e.target.value)}\n            onKeyDown={handleKeyDown}\n            placeholder={placeholder}\n            disabled={disabled}\n            className={cn(\n              'max-h-[200px] min-h-[44px] resize-none pr-12',\n              'focus-visible:ring-1'\n            )}\n            rows={1}\n            aria-label=\"Chat message\"\n          />\n        </div>\n\n        {/* Send button */}\n        <Button\n          type=\"submit\"\n          disabled={!canSend || disabled || isLoading}\n          size=\"sm\"\n          aria-label={isLoading ? 'Sending...' : 'Send message'}\n        >\n          {isLoading ? (\n            <Loader2 className=\"h-4 w-4 animate-spin\" />\n          ) : (\n            <Send className=\"h-4 w-4\" />\n          )}\n        </Button>\n      </form>\n\n      {/* Helper text */}\n      <p className=\"text-muted-foreground text-xs\">\n        Press Enter to send, Shift+Enter for new line\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/presentation/components/ChatMessage.d.ts

@@ -0,0 +1,24 @@
+import { ChatMessage as ChatMessage$1 } from "../../core/message-types.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/presentation/components/ChatMessage.d.ts
+interface ChatMessageProps {
+  message: ChatMessage$1;
+  className?: string;
+  /** Show copy button */
+  showCopy?: boolean;
+  /** Show avatar */
+  showAvatar?: boolean;
+}
+/**
+ * Chat message component
+ */
+declare function ChatMessage({
+  message,
+  className,
+  showCopy,
+  showAvatar
+}: ChatMessageProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ChatMessage };
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/presentation/components/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","names":[],"sources":["../../../src/presentation/components/ChatMessage.tsx"],"sourcesContent":[],"mappings":";;;;UAWiB,gBAAA;WACN;;EADM;EA+ED,QAAA,CAAA,EAAA,OAAW;EACzB;EACA,UAAA,CAAA,EAAA,OAAA;;;;;AAGiB,iBALH,WAAA,CAKG;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAhB,gBAAgB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/presentation/components/ChatMessage.js

@@ -0,0 +1,136 @@
+'use client';
+
+import { CodePreview } from "./CodePreview.js";
+import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback } from "@contractspec/lib.ui-kit-web/ui/avatar";
+import { Skeleton } from "@contractspec/lib.ui-kit-web/ui/skeleton";
+import { AlertCircle, Bot, Check, Copy, User } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
+
+//#region src/presentation/components/ChatMessage.tsx
+/**
+* Extract code blocks from message content
+*/
+function extractCodeBlocks(content) {
+	const codeBlockRegex = /```(\w+)?\n([\s\S]*?)```/g;
+	const blocks = [];
+	let match;
+	while ((match = codeBlockRegex.exec(content)) !== null) blocks.push({
+		language: match[1] ?? "text",
+		code: match[2] ?? "",
+		raw: match[0]
+	});
+	return blocks;
+}
+/**
+* Render message content with code blocks
+*/
+function MessageContent({ content }) {
+	const codeBlocks = extractCodeBlocks(content);
+	if (codeBlocks.length === 0) return /* @__PURE__ */ jsx("p", {
+		className: "whitespace-pre-wrap",
+		children: content
+	});
+	let remaining = content;
+	const parts = [];
+	let key = 0;
+	for (const block of codeBlocks) {
+		const [before, after] = remaining.split(block.raw);
+		if (before) parts.push(/* @__PURE__ */ jsx("p", {
+			className: "whitespace-pre-wrap",
+			children: before.trim()
+		}, key++));
+		parts.push(/* @__PURE__ */ jsx(CodePreview, {
+			code: block.code,
+			language: block.language,
+			className: "my-2"
+		}, key++));
+		remaining = after ?? "";
+	}
+	if (remaining.trim()) parts.push(/* @__PURE__ */ jsx("p", {
+		className: "whitespace-pre-wrap",
+		children: remaining.trim()
+	}, key++));
+	return /* @__PURE__ */ jsx(Fragment, { children: parts });
+}
+/**
+* Chat message component
+*/
+function ChatMessage({ message, className, showCopy = true, showAvatar = true }) {
+	const [copied, setCopied] = React.useState(false);
+	const isUser = message.role === "user";
+	const isError = message.status === "error";
+	const isStreaming = message.status === "streaming";
+	const handleCopy = React.useCallback(async () => {
+		await navigator.clipboard.writeText(message.content);
+		setCopied(true);
+		setTimeout(() => setCopied(false), 2e3);
+	}, [message.content]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group flex gap-3", isUser && "flex-row-reverse", className),
+		children: [showAvatar && /* @__PURE__ */ jsx(Avatar, {
+			className: "h-8 w-8 shrink-0",
+			children: /* @__PURE__ */ jsx(AvatarFallback, {
+				className: cn(isUser ? "bg-primary text-primary-foreground" : "bg-muted"),
+				children: isUser ? /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4" })
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn("flex max-w-[80%] flex-col gap-1", isUser && "items-end"),
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("rounded-2xl px-4 py-2", isUser ? "bg-primary text-primary-foreground" : "bg-muted text-foreground", isError && "border-destructive bg-destructive/10 border"),
+					children: isError && message.error ? /* @__PURE__ */ jsxs("div", {
+						className: "flex items-start gap-2",
+						children: [/* @__PURE__ */ jsx(AlertCircle, { className: "text-destructive mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "text-destructive font-medium",
+							children: message.error.code
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm",
+							children: message.error.message
+						})] })]
+					}) : isStreaming && !message.content ? /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
+					}) : /* @__PURE__ */ jsx(MessageContent, { content: message.content })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("flex items-center gap-2 text-xs", "text-muted-foreground opacity-0 transition-opacity", "group-hover:opacity-100"),
+					children: [
+						/* @__PURE__ */ jsx("span", { children: new Date(message.createdAt).toLocaleTimeString([], {
+							hour: "2-digit",
+							minute: "2-digit"
+						}) }),
+						message.usage && /* @__PURE__ */ jsxs("span", { children: [message.usage.inputTokens + message.usage.outputTokens, " tokens"] }),
+						showCopy && !isUser && message.content && /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-6 w-6 p-0",
+							onPress: handleCopy,
+							"aria-label": copied ? "Copied" : "Copy message",
+							children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3" })
+						})
+					]
+				}),
+				message.reasoning && /* @__PURE__ */ jsxs("details", {
+					className: "text-muted-foreground mt-2 text-sm",
+					children: [/* @__PURE__ */ jsx("summary", {
+						className: "cursor-pointer hover:underline",
+						children: "View reasoning"
+					}), /* @__PURE__ */ jsx("div", {
+						className: "bg-muted mt-1 rounded-md p-2",
+						children: /* @__PURE__ */ jsx("p", {
+							className: "whitespace-pre-wrap",
+							children: message.reasoning
+						})
+					})]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { ChatMessage };
+//# sourceMappingURL=ChatMessage.js.map

package/dist/presentation/components/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","names":["blocks: { language: string; code: string; raw: string }[]","parts: React.ReactNode[]"],"sources":["../../../src/presentation/components/ChatMessage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Avatar, AvatarFallback } from '@contractspec/lib.ui-kit-web/ui/avatar';\nimport { Skeleton } from '@contractspec/lib.ui-kit-web/ui/skeleton';\nimport { Bot, User, AlertCircle, Copy, Check } from 'lucide-react';\nimport { Button } from '@contractspec/lib.design-system';\nimport type { ChatMessage as ChatMessageType } from '../../core/message-types';\nimport { CodePreview } from './CodePreview';\n\nexport interface ChatMessageProps {\n  message: ChatMessageType;\n  className?: string;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Show avatar */\n  showAvatar?: boolean;\n}\n\n/**\n * Extract code blocks from message content\n */\nfunction extractCodeBlocks(\n  content: string\n): { language: string; code: string; raw: string }[] {\n  const codeBlockRegex = /```(\\w+)?\\n([\\s\\S]*?)```/g;\n  const blocks: { language: string; code: string; raw: string }[] = [];\n  let match;\n\n  while ((match = codeBlockRegex.exec(content)) !== null) {\n    blocks.push({\n      language: match[1] ?? 'text',\n      code: match[2] ?? '',\n      raw: match[0],\n    });\n  }\n\n  return blocks;\n}\n\n/**\n * Render message content with code blocks\n */\nfunction MessageContent({ content }: { content: string }) {\n  const codeBlocks = extractCodeBlocks(content);\n\n  if (codeBlocks.length === 0) {\n    return <p className=\"whitespace-pre-wrap\">{content}</p>;\n  }\n\n  // Split content by code blocks and render\n  let remaining = content;\n  const parts: React.ReactNode[] = [];\n  let key = 0;\n\n  for (const block of codeBlocks) {\n    const [before, after] = remaining.split(block.raw);\n    if (before) {\n      parts.push(\n        <p key={key++} className=\"whitespace-pre-wrap\">\n          {before.trim()}\n        </p>\n      );\n    }\n    parts.push(\n      <CodePreview\n        key={key++}\n        code={block.code}\n        language={block.language}\n        className=\"my-2\"\n      />\n    );\n    remaining = after ?? '';\n  }\n\n  if (remaining.trim()) {\n    parts.push(\n      <p key={key++} className=\"whitespace-pre-wrap\">\n        {remaining.trim()}\n      </p>\n    );\n  }\n\n  return <>{parts}</>;\n}\n\n/**\n * Chat message component\n */\nexport function ChatMessage({\n  message,\n  className,\n  showCopy = true,\n  showAvatar = true,\n}: ChatMessageProps) {\n  const [copied, setCopied] = React.useState(false);\n\n  const isUser = message.role === 'user';\n  const isError = message.status === 'error';\n  const isStreaming = message.status === 'streaming';\n\n  const handleCopy = React.useCallback(async () => {\n    await navigator.clipboard.writeText(message.content);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [message.content]);\n\n  return (\n    <div\n      className={cn(\n        'group flex gap-3',\n        isUser && 'flex-row-reverse',\n        className\n      )}\n    >\n      {showAvatar && (\n        <Avatar className=\"h-8 w-8 shrink-0\">\n          <AvatarFallback\n            className={cn(\n              isUser ? 'bg-primary text-primary-foreground' : 'bg-muted'\n            )}\n          >\n            {isUser ? (\n              <User className=\"h-4 w-4\" />\n            ) : (\n              <Bot className=\"h-4 w-4\" />\n            )}\n          </AvatarFallback>\n        </Avatar>\n      )}\n\n      <div\n        className={cn('flex max-w-[80%] flex-col gap-1', isUser && 'items-end')}\n      >\n        <div\n          className={cn(\n            'rounded-2xl px-4 py-2',\n            isUser\n              ? 'bg-primary text-primary-foreground'\n              : 'bg-muted text-foreground',\n            isError && 'border-destructive bg-destructive/10 border'\n          )}\n        >\n          {isError && message.error ? (\n            <div className=\"flex items-start gap-2\">\n              <AlertCircle className=\"text-destructive mt-0.5 h-4 w-4 shrink-0\" />\n              <div>\n                <p className=\"text-destructive font-medium\">\n                  {message.error.code}\n                </p>\n                <p className=\"text-muted-foreground text-sm\">\n                  {message.error.message}\n                </p>\n              </div>\n            </div>\n          ) : isStreaming && !message.content ? (\n            <div className=\"flex flex-col gap-2\">\n              <Skeleton className=\"h-4 w-48\" />\n              <Skeleton className=\"h-4 w-32\" />\n            </div>\n          ) : (\n            <MessageContent content={message.content} />\n          )}\n        </div>\n\n        {/* Message meta */}\n        <div\n          className={cn(\n            'flex items-center gap-2 text-xs',\n            'text-muted-foreground opacity-0 transition-opacity',\n            'group-hover:opacity-100'\n          )}\n        >\n          <span>\n            {new Date(message.createdAt).toLocaleTimeString([], {\n              hour: '2-digit',\n              minute: '2-digit',\n            })}\n          </span>\n\n          {message.usage && (\n            <span>\n              {message.usage.inputTokens + message.usage.outputTokens} tokens\n            </span>\n          )}\n\n          {showCopy && !isUser && message.content && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-6 w-6 p-0\"\n              onPress={handleCopy}\n              aria-label={copied ? 'Copied' : 'Copy message'}\n            >\n              {copied ? (\n                <Check className=\"h-3 w-3\" />\n              ) : (\n                <Copy className=\"h-3 w-3\" />\n              )}\n            </Button>\n          )}\n        </div>\n\n        {/* Reasoning (for models that support it) */}\n        {message.reasoning && (\n          <details className=\"text-muted-foreground mt-2 text-sm\">\n            <summary className=\"cursor-pointer hover:underline\">\n              View reasoning\n            </summary>\n            <div className=\"bg-muted mt-1 rounded-md p-2\">\n              <p className=\"whitespace-pre-wrap\">{message.reasoning}</p>\n            </div>\n          </details>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/presentation/components/CodePreview.d.ts

@@ -0,0 +1,40 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/presentation/components/CodePreview.d.ts
+interface CodePreviewProps {
+  /** Code content */
+  code: string;
+  /** Programming language */
+  language?: string;
+  /** File name */
+  filename?: string;
+  /** Additional class name */
+  className?: string;
+  /** Show copy button */
+  showCopy?: boolean;
+  /** Show execute button (for applicable languages) */
+  showExecute?: boolean;
+  /** Called when execute is clicked */
+  onExecute?: (code: string) => void;
+  /** Show download button */
+  showDownload?: boolean;
+  /** Max height before scroll */
+  maxHeight?: number;
+}
+/**
+ * Code preview component with syntax highlighting placeholder
+ */
+declare function CodePreview({
+  code,
+  language,
+  filename,
+  className,
+  showCopy,
+  showExecute,
+  onExecute,
+  showDownload,
+  maxHeight
+}: CodePreviewProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CodePreview };
+//# sourceMappingURL=CodePreview.d.ts.map

package/dist/presentation/components/CodePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodePreview.d.ts","names":[],"sources":["../../../src/presentation/components/CodePreview.tsx"],"sourcesContent":[],"mappings":";;;UAOiB,gBAAA;;;EAAA;EAgDD,QAAA,CAAA,EAAA,MAAW;EACzB;EACA,QAAA,CAAA,EAAA,MAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACA,QAAA,CAAA,EAAA,OAAA;EACA;EACA,WAAA,CAAA,EAAA,OAAA;EACA;EACC,SAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAgB;EAAA,YAAA,CAAA,EAAA,OAAA;;;;;;;iBAVH,WAAA;;;;;;;;;;GAUb,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}