@contractspec/module.ai-chat 0.0.0-canary-20260113170453

package/dist/presentation/components/ModelPicker.js

@@ -0,0 +1,202 @@
+'use client';
+
+import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bot, Cloud, Cpu, Sparkles } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@contractspec/lib.ui-kit-web/ui/select";
+import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
+import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
+import { getModelsForProvider } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/components/ModelPicker.tsx
+const PROVIDER_ICONS = {
+	ollama: /* @__PURE__ */ jsx(Cpu, { className: "h-4 w-4" }),
+	openai: /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4" }),
+	anthropic: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
+	mistral: /* @__PURE__ */ jsx(Cloud, { className: "h-4 w-4" }),
+	gemini: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
+};
+const PROVIDER_NAMES = {
+	ollama: "Ollama (Local)",
+	openai: "OpenAI",
+	anthropic: "Anthropic",
+	mistral: "Mistral",
+	gemini: "Google Gemini"
+};
+const MODE_BADGES = {
+	local: {
+		label: "Local",
+		variant: "secondary"
+	},
+	byok: {
+		label: "BYOK",
+		variant: "outline"
+	},
+	managed: {
+		label: "Managed",
+		variant: "default"
+	}
+};
+/**
+* Model picker component for selecting AI provider and model
+*/
+function ModelPicker({ value, onChange, availableProviders, className, compact = false }) {
+	const providers = availableProviders ?? [
+		{
+			provider: "ollama",
+			available: true,
+			mode: "local"
+		},
+		{
+			provider: "openai",
+			available: true,
+			mode: "byok"
+		},
+		{
+			provider: "anthropic",
+			available: true,
+			mode: "byok"
+		},
+		{
+			provider: "mistral",
+			available: true,
+			mode: "byok"
+		},
+		{
+			provider: "gemini",
+			available: true,
+			mode: "byok"
+		}
+	];
+	const models = getModelsForProvider(value.provider);
+	const selectedModel = models.find((m) => m.id === value.model);
+	const handleProviderChange = React.useCallback((providerName) => {
+		const provider = providerName;
+		const providerInfo = providers.find((p) => p.provider === provider);
+		onChange({
+			provider,
+			model: getModelsForProvider(provider)[0]?.id ?? "",
+			mode: providerInfo?.mode ?? "byok"
+		});
+	}, [onChange, providers]);
+	const handleModelChange = React.useCallback((modelId) => {
+		onChange({
+			...value,
+			model: modelId
+		});
+	}, [onChange, value]);
+	if (compact) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", className),
+		children: [/* @__PURE__ */ jsxs(Select, {
+			value: value.provider,
+			onValueChange: handleProviderChange,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "w-[140px]",
+				children: /* @__PURE__ */ jsx(SelectValue, {})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: providers.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+				value: p.provider,
+				disabled: !p.available,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [PROVIDER_ICONS[p.provider], /* @__PURE__ */ jsx("span", { children: PROVIDER_NAMES[p.provider] })]
+				})
+			}, p.provider)) })]
+		}), /* @__PURE__ */ jsxs(Select, {
+			value: value.model,
+			onValueChange: handleModelChange,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "w-[160px]",
+				children: /* @__PURE__ */ jsx(SelectValue, {})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: models.map((m) => /* @__PURE__ */ jsx(SelectItem, {
+				value: m.id,
+				children: m.name
+			}, m.id)) })]
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-3", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "provider-selection",
+					className: "text-sm font-medium",
+					children: "Provider"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					id: "provider-selection",
+					children: providers.map((p) => /* @__PURE__ */ jsxs(Button, {
+						variant: value.provider === p.provider ? "default" : "outline",
+						size: "sm",
+						onPress: () => p.available && handleProviderChange(p.provider),
+						disabled: !p.available,
+						className: cn(!p.available && "opacity-50"),
+						children: [
+							PROVIDER_ICONS[p.provider],
+							/* @__PURE__ */ jsx("span", { children: PROVIDER_NAMES[p.provider] }),
+							/* @__PURE__ */ jsx(Badge, {
+								variant: MODE_BADGES[p.mode].variant,
+								className: "ml-1",
+								children: MODE_BADGES[p.mode].label
+							})
+						]
+					}, p.provider))
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx(Label, {
+					htmlFor: "model-picker",
+					className: "text-sm font-medium",
+					children: "Model"
+				}), /* @__PURE__ */ jsxs(Select, {
+					name: "model-picker",
+					value: value.model,
+					onValueChange: handleModelChange,
+					children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a model" }) }), /* @__PURE__ */ jsx(SelectContent, { children: models.map((m) => /* @__PURE__ */ jsx(SelectItem, {
+						value: m.id,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx("span", { children: m.name }),
+								/* @__PURE__ */ jsxs("span", {
+									className: "text-muted-foreground text-xs",
+									children: [Math.round(m.contextWindow / 1e3), "K"]
+								}),
+								m.capabilities.vision && /* @__PURE__ */ jsx(Badge, {
+									variant: "outline",
+									className: "text-xs",
+									children: "Vision"
+								}),
+								m.capabilities.reasoning && /* @__PURE__ */ jsx(Badge, {
+									variant: "outline",
+									className: "text-xs",
+									children: "Reasoning"
+								})
+							]
+						})
+					}, m.id)) })]
+				})]
+			}),
+			selectedModel && /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex flex-wrap gap-2 text-xs",
+				children: [
+					/* @__PURE__ */ jsxs("span", { children: [
+						"Context: ",
+						Math.round(selectedModel.contextWindow / 1e3),
+						"K tokens"
+					] }),
+					selectedModel.capabilities.vision && /* @__PURE__ */ jsx("span", { children: "• Vision" }),
+					selectedModel.capabilities.tools && /* @__PURE__ */ jsx("span", { children: "• Tools" }),
+					selectedModel.capabilities.reasoning && /* @__PURE__ */ jsx("span", { children: "• Reasoning" })
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { ModelPicker };
+//# sourceMappingURL=ModelPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelPicker.js","names":[],"sources":["../../../src/presentation/components/ModelPicker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Button } from '@contractspec/lib.design-system';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@contractspec/lib.ui-kit-web/ui/select';\nimport { Badge } from '@contractspec/lib.ui-kit-web/ui/badge';\nimport { Label } from '@contractspec/lib.ui-kit-web/ui/label';\nimport { Bot, Cloud, Cpu, Sparkles } from 'lucide-react';\nimport {\n  getModelsForProvider,\n  type ModelInfo,\n  type ProviderMode,\n  type ProviderName,\n} from '@contractspec/lib.ai-providers';\n\nexport interface ModelSelection {\n  provider: ProviderName;\n  model: string;\n  mode: ProviderMode;\n}\n\nexport interface ModelPickerProps {\n  /** Currently selected provider/model */\n  value: ModelSelection;\n  /** Called when selection changes */\n  onChange: (value: ModelSelection) => void;\n  /** Available providers (with availability info) */\n  availableProviders?: {\n    provider: ProviderName;\n    available: boolean;\n    mode: ProviderMode;\n    reason?: string;\n  }[];\n  /** Additional class name */\n  className?: string;\n  /** Compact mode (smaller) */\n  compact?: boolean;\n}\n\nconst PROVIDER_ICONS: Record<ProviderName, React.ReactNode> = {\n  ollama: <Cpu className=\"h-4 w-4\" />,\n  openai: <Bot className=\"h-4 w-4\" />,\n  anthropic: <Sparkles className=\"h-4 w-4\" />,\n  mistral: <Cloud className=\"h-4 w-4\" />,\n  gemini: <Sparkles className=\"h-4 w-4\" />,\n};\n\nconst PROVIDER_NAMES: Record<ProviderName, string> = {\n  ollama: 'Ollama (Local)',\n  openai: 'OpenAI',\n  anthropic: 'Anthropic',\n  mistral: 'Mistral',\n  gemini: 'Google Gemini',\n};\n\nconst MODE_BADGES: Record<\n  ProviderMode,\n  { label: string; variant: 'default' | 'secondary' | 'outline' }\n> = {\n  local: { label: 'Local', variant: 'secondary' },\n  byok: { label: 'BYOK', variant: 'outline' },\n  managed: { label: 'Managed', variant: 'default' },\n};\n\n/**\n * Model picker component for selecting AI provider and model\n */\nexport function ModelPicker({\n  value,\n  onChange,\n  availableProviders,\n  className,\n  compact = false,\n}: ModelPickerProps) {\n  const providers = availableProviders ?? [\n    { provider: 'ollama' as const, available: true, mode: 'local' as const },\n    { provider: 'openai' as const, available: true, mode: 'byok' as const },\n    { provider: 'anthropic' as const, available: true, mode: 'byok' as const },\n    { provider: 'mistral' as const, available: true, mode: 'byok' as const },\n    { provider: 'gemini' as const, available: true, mode: 'byok' as const },\n  ];\n\n  const models: ModelInfo[] = getModelsForProvider(value.provider);\n  const selectedModel = models.find((m) => m.id === value.model);\n\n  const handleProviderChange = React.useCallback(\n    (providerName: string) => {\n      const provider = providerName as ProviderName;\n      const providerInfo = providers.find((p) => p.provider === provider);\n      const providerModels = getModelsForProvider(provider);\n      const defaultModel = providerModels[0]?.id ?? '';\n\n      onChange({\n        provider,\n        model: defaultModel,\n        mode: providerInfo?.mode ?? 'byok',\n      });\n    },\n    [onChange, providers]\n  );\n\n  const handleModelChange = React.useCallback(\n    (modelId: string) => {\n      onChange({\n        ...value,\n        model: modelId,\n      });\n    },\n    [onChange, value]\n  );\n\n  if (compact) {\n    return (\n      <div className={cn('flex items-center gap-2', className)}>\n        <Select value={value.provider} onValueChange={handleProviderChange}>\n          <SelectTrigger className=\"w-[140px]\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {providers.map((p) => (\n              <SelectItem\n                key={p.provider}\n                value={p.provider}\n                disabled={!p.available}\n              >\n                <div className=\"flex items-center gap-2\">\n                  {PROVIDER_ICONS[p.provider]}\n                  <span>{PROVIDER_NAMES[p.provider]}</span>\n                </div>\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n\n        <Select value={value.model} onValueChange={handleModelChange}>\n          <SelectTrigger className=\"w-[160px]\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {models.map((m) => (\n              <SelectItem key={m.id} value={m.id}>\n                {m.name}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-3', className)}>\n      {/* Provider selection */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label htmlFor=\"provider-selection\" className=\"text-sm font-medium\">\n          Provider\n        </Label>\n        <div className=\"flex flex-wrap gap-2\" id=\"provider-selection\">\n          {providers.map((p) => (\n            <Button\n              key={p.provider}\n              variant={value.provider === p.provider ? 'default' : 'outline'}\n              size=\"sm\"\n              onPress={() => p.available && handleProviderChange(p.provider)}\n              disabled={!p.available}\n              className={cn(!p.available && 'opacity-50')}\n            >\n              {PROVIDER_ICONS[p.provider]}\n              <span>{PROVIDER_NAMES[p.provider]}</span>\n              <Badge variant={MODE_BADGES[p.mode].variant} className=\"ml-1\">\n                {MODE_BADGES[p.mode].label}\n              </Badge>\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      {/* Model selection */}\n      <div className=\"flex flex-col gap-1.5\">\n        <Label htmlFor=\"model-picker\" className=\"text-sm font-medium\">\n          Model\n        </Label>\n        <Select\n          name=\"model-picker\"\n          value={value.model}\n          onValueChange={handleModelChange}\n        >\n          <SelectTrigger>\n            <SelectValue placeholder=\"Select a model\" />\n          </SelectTrigger>\n          <SelectContent>\n            {models.map((m) => (\n              <SelectItem key={m.id} value={m.id}>\n                <div className=\"flex items-center gap-2\">\n                  <span>{m.name}</span>\n                  <span className=\"text-muted-foreground text-xs\">\n                    {Math.round(m.contextWindow / 1000)}K\n                  </span>\n                  {m.capabilities.vision && (\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      Vision\n                    </Badge>\n                  )}\n                  {m.capabilities.reasoning && (\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      Reasoning\n                    </Badge>\n                  )}\n                </div>\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {/* Model info */}\n      {selectedModel && (\n        <div className=\"text-muted-foreground flex flex-wrap gap-2 text-xs\">\n          <span>\n            Context: {Math.round(selectedModel.contextWindow / 1000)}K tokens\n          </span>\n          {selectedModel.capabilities.vision && <span>• Vision</span>}\n          {selectedModel.capabilities.tools && <span>• Tools</span>}\n          {selectedModel.capabilities.reasoning && <span>• Reasoning</span>}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { ChatContainer } from "./ChatContainer.js";
+import { ChatMessage } from "./ChatMessage.js";
+import { ChatInput } from "./ChatInput.js";
+import { ModelPicker } from "./ModelPicker.js";
+import { ContextIndicator } from "./ContextIndicator.js";
+import { CodePreview } from "./CodePreview.js";
+export { ChatContainer, ChatInput, ChatMessage, CodePreview, ContextIndicator, ModelPicker };

package/dist/presentation/components/index.js

@@ -0,0 +1,8 @@
+import { ChatContainer } from "./ChatContainer.js";
+import { CodePreview } from "./CodePreview.js";
+import { ChatMessage } from "./ChatMessage.js";
+import { ChatInput } from "./ChatInput.js";
+import { ModelPicker } from "./ModelPicker.js";
+import { ContextIndicator } from "./ContextIndicator.js";
+
+export { ChatContainer, ChatInput, ChatMessage, CodePreview, ContextIndicator, ModelPicker };

package/dist/presentation/hooks/index.d.ts

@@ -0,0 +1,3 @@
+import { UseChatOptions, UseChatReturn, useChat } from "./useChat.js";
+import { UseProvidersReturn, useProviders } from "./useProviders.js";
+export { type UseChatOptions, type UseChatReturn, type UseProvidersReturn, useChat, useProviders };

package/dist/presentation/hooks/index.js

@@ -0,0 +1,4 @@
+import { useChat } from "./useChat.js";
+import { useProviders } from "./useProviders.js";
+
+export { useChat, useProviders };

package/dist/presentation/hooks/useChat.d.ts

@@ -0,0 +1,67 @@
+import { ChatAttachment, ChatConversation, ChatMessage } from "../../core/message-types.js";
+import { ProviderMode, ProviderName } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/hooks/useChat.d.ts
+
+/**
+ * Options for useChat hook
+ */
+interface UseChatOptions {
+  /** Provider to use */
+  provider?: ProviderName;
+  /** Provider mode */
+  mode?: ProviderMode;
+  /** Model to use */
+  model?: string;
+  /** API key for BYOK mode */
+  apiKey?: string;
+  /** API proxy URL for managed mode */
+  proxyUrl?: string;
+  /** Initial conversation ID to resume */
+  conversationId?: string;
+  /** System prompt override */
+  systemPrompt?: string;
+  /** Enable streaming */
+  streaming?: boolean;
+  /** Called when a message is sent */
+  onSend?: (message: ChatMessage) => void;
+  /** Called when a response is received */
+  onResponse?: (message: ChatMessage) => void;
+  /** Called on error */
+  onError?: (error: Error) => void;
+  /** Called when usage is recorded */
+  onUsage?: (usage: {
+    inputTokens: number;
+    outputTokens: number;
+  }) => void;
+}
+/**
+ * Return type for useChat hook
+ */
+interface UseChatReturn {
+  /** Current messages */
+  messages: ChatMessage[];
+  /** Current conversation */
+  conversation: ChatConversation | null;
+  /** Whether currently loading/streaming */
+  isLoading: boolean;
+  /** Current error */
+  error: Error | null;
+  /** Send a message */
+  sendMessage: (content: string, attachments?: ChatAttachment[]) => Promise<void>;
+  /** Clear conversation and start fresh */
+  clearConversation: () => void;
+  /** Set conversation ID to resume */
+  setConversationId: (id: string | null) => void;
+  /** Regenerate last response */
+  regenerate: () => Promise<void>;
+  /** Stop current generation */
+  stop: () => void;
+}
+/**
+ * Hook for managing AI chat state
+ */
+declare function useChat(options?: UseChatOptions): UseChatReturn;
+//#endregion
+export { UseChatOptions, UseChatReturn, useChat };
+//# sourceMappingURL=useChat.d.ts.map

package/dist/presentation/hooks/useChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.d.ts","names":[],"sources":["../../../src/presentation/hooks/useChat.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkBA;AAEa,UAFI,cAAA,CAEJ;EAEJ;EAcY,QAAA,CAAA,EAhBR,YAgBQ;EAEI;EAEL,IAAA,CAAA,EAlBX,YAkBW;EAAK;EAQR,KAAA,CAAA,EAAA,MAAA;EAEL;EAEI,MAAA,CAAA,EAAA,MAAA;EAIP;EAIS,QAAA,CAAA,EAAA,MAAA;EACX;EAMa,cAAA,CAAA,EAAA,MAAA;EAAO;EAQX,YAAO,CAAA,EAAA,MAAA;;;;qBAvCF;;yBAEI;;oBAEL;;;;;;;;;;UAQH,aAAA;;YAEL;;gBAEI;;;;SAIP;;+CAIS,qBACX;;;;;;oBAMa;;;;;;;iBAQJ,OAAA,WAAiB,iBAAsB"}

package/dist/presentation/hooks/useChat.js

@@ -0,0 +1,172 @@
+'use client';
+
+import { ChatService } from "../../core/chat-service.js";
+import * as React from "react";
+import { createProvider } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/hooks/useChat.tsx
+/**
+* Hook for managing AI chat state
+*/
+function useChat(options = {}) {
+	const { provider = "openai", mode = "byok", model, apiKey, proxyUrl, conversationId: initialConversationId, systemPrompt, streaming = true, onSend, onResponse, onError, onUsage } = options;
+	const [messages, setMessages] = React.useState([]);
+	const [conversation, setConversation] = React.useState(null);
+	const [isLoading, setIsLoading] = React.useState(false);
+	const [error, setError] = React.useState(null);
+	const [conversationId, setConversationId] = React.useState(initialConversationId ?? null);
+	const abortControllerRef = React.useRef(null);
+	const chatServiceRef = React.useRef(null);
+	React.useEffect(() => {
+		chatServiceRef.current = new ChatService({
+			provider: createProvider({
+				provider,
+				model,
+				apiKey,
+				proxyUrl
+			}),
+			systemPrompt,
+			onUsage
+		});
+	}, [
+		provider,
+		mode,
+		model,
+		apiKey,
+		proxyUrl,
+		systemPrompt,
+		onUsage
+	]);
+	React.useEffect(() => {
+		if (!conversationId || !chatServiceRef.current) return;
+		const loadConversation = async () => {
+			if (!chatServiceRef.current) return;
+			const conv = await chatServiceRef.current.getConversation(conversationId);
+			if (conv) {
+				setConversation(conv);
+				setMessages(conv.messages);
+			}
+		};
+		loadConversation().catch(console.error);
+	}, [conversationId]);
+	const sendMessage = React.useCallback(async (content, attachments) => {
+		if (!chatServiceRef.current) throw new Error("Chat service not initialized");
+		setIsLoading(true);
+		setError(null);
+		abortControllerRef.current = new AbortController();
+		try {
+			const userMessage = {
+				id: `msg_${Date.now()}`,
+				conversationId: conversationId ?? "",
+				role: "user",
+				content,
+				status: "completed",
+				createdAt: /* @__PURE__ */ new Date(),
+				updatedAt: /* @__PURE__ */ new Date(),
+				attachments
+			};
+			setMessages((prev) => [...prev, userMessage]);
+			onSend?.(userMessage);
+			if (streaming) {
+				const result = await chatServiceRef.current.stream({
+					conversationId: conversationId ?? void 0,
+					content,
+					attachments
+				});
+				if (!conversationId) setConversationId(result.conversationId);
+				const assistantMessage = {
+					id: result.messageId,
+					conversationId: result.conversationId,
+					role: "assistant",
+					content: "",
+					status: "streaming",
+					createdAt: /* @__PURE__ */ new Date(),
+					updatedAt: /* @__PURE__ */ new Date()
+				};
+				setMessages((prev) => [...prev, assistantMessage]);
+				let fullContent = "";
+				for await (const chunk of result.stream) if (chunk.type === "text" && chunk.content) {
+					fullContent += chunk.content;
+					setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
+						...m,
+						content: fullContent
+					} : m));
+				} else if (chunk.type === "done") {
+					setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
+						...m,
+						status: "completed",
+						usage: chunk.usage,
+						updatedAt: /* @__PURE__ */ new Date()
+					} : m));
+					onResponse?.(messages.find((m) => m.id === result.messageId) ?? assistantMessage);
+				} else if (chunk.type === "error") {
+					setMessages((prev) => prev.map((m) => m.id === result.messageId ? {
+						...m,
+						status: "error",
+						error: chunk.error,
+						updatedAt: /* @__PURE__ */ new Date()
+					} : m));
+					if (chunk.error) {
+						const err = new Error(chunk.error.message);
+						setError(err);
+						onError?.(err);
+					}
+				}
+			} else {
+				const result = await chatServiceRef.current.send({
+					conversationId: conversationId ?? void 0,
+					content,
+					attachments
+				});
+				setConversation(result.conversation);
+				setMessages(result.conversation.messages);
+				if (!conversationId) setConversationId(result.conversation.id);
+				onResponse?.(result.message);
+			}
+		} catch (err) {
+			const error$1 = err instanceof Error ? err : new Error(String(err));
+			setError(error$1);
+			onError?.(error$1);
+		} finally {
+			setIsLoading(false);
+			abortControllerRef.current = null;
+		}
+	}, [
+		conversationId,
+		streaming,
+		onSend,
+		onResponse,
+		onError,
+		messages
+	]);
+	return {
+		messages,
+		conversation,
+		isLoading,
+		error,
+		sendMessage,
+		clearConversation: React.useCallback(() => {
+			setMessages([]);
+			setConversation(null);
+			setConversationId(null);
+			setError(null);
+		}, []),
+		setConversationId,
+		regenerate: React.useCallback(async () => {
+			const lastUserMessageIndex = messages.findLastIndex((m) => m.role === "user");
+			if (lastUserMessageIndex === -1) return;
+			const lastUserMessage = messages[lastUserMessageIndex];
+			if (!lastUserMessage) return;
+			setMessages((prev) => prev.slice(0, lastUserMessageIndex + 1));
+			await sendMessage(lastUserMessage.content, lastUserMessage.attachments);
+		}, [messages, sendMessage]),
+		stop: React.useCallback(() => {
+			abortControllerRef.current?.abort();
+			setIsLoading(false);
+		}, [])
+	};
+}
+
+//#endregion
+export { useChat };
+//# sourceMappingURL=useChat.js.map

package/dist/presentation/hooks/useChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.js","names":["error"],"sources":["../../../src/presentation/hooks/useChat.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type {\n  ChatAttachment,\n  ChatConversation,\n  ChatMessage,\n} from '../../core/message-types';\nimport { ChatService } from '../../core/chat-service';\nimport {\n  createProvider,\n  type ProviderMode,\n  type ProviderName,\n} from '@contractspec/lib.ai-providers';\n\n/**\n * Options for useChat hook\n */\nexport interface UseChatOptions {\n  /** Provider to use */\n  provider?: ProviderName;\n  /** Provider mode */\n  mode?: ProviderMode;\n  /** Model to use */\n  model?: string;\n  /** API key for BYOK mode */\n  apiKey?: string;\n  /** API proxy URL for managed mode */\n  proxyUrl?: string;\n  /** Initial conversation ID to resume */\n  conversationId?: string;\n  /** System prompt override */\n  systemPrompt?: string;\n  /** Enable streaming */\n  streaming?: boolean;\n  /** Called when a message is sent */\n  onSend?: (message: ChatMessage) => void;\n  /** Called when a response is received */\n  onResponse?: (message: ChatMessage) => void;\n  /** Called on error */\n  onError?: (error: Error) => void;\n  /** Called when usage is recorded */\n  onUsage?: (usage: { inputTokens: number; outputTokens: number }) => void;\n}\n\n/**\n * Return type for useChat hook\n */\nexport interface UseChatReturn {\n  /** Current messages */\n  messages: ChatMessage[];\n  /** Current conversation */\n  conversation: ChatConversation | null;\n  /** Whether currently loading/streaming */\n  isLoading: boolean;\n  /** Current error */\n  error: Error | null;\n  /** Send a message */\n  sendMessage: (\n    content: string,\n    attachments?: ChatAttachment[]\n  ) => Promise<void>;\n  /** Clear conversation and start fresh */\n  clearConversation: () => void;\n  /** Set conversation ID to resume */\n  setConversationId: (id: string | null) => void;\n  /** Regenerate last response */\n  regenerate: () => Promise<void>;\n  /** Stop current generation */\n  stop: () => void;\n}\n\n/**\n * Hook for managing AI chat state\n */\nexport function useChat(options: UseChatOptions = {}): UseChatReturn {\n  const {\n    provider = 'openai',\n    mode = 'byok',\n    model,\n    apiKey,\n    proxyUrl,\n    conversationId: initialConversationId,\n    systemPrompt,\n    streaming = true,\n    onSend,\n    onResponse,\n    onError,\n    onUsage,\n  } = options;\n\n  const [messages, setMessages] = React.useState<ChatMessage[]>([]);\n  const [conversation, setConversation] =\n    React.useState<ChatConversation | null>(null);\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n  const [conversationId, setConversationId] = React.useState<string | null>(\n    initialConversationId ?? null\n  );\n\n  const abortControllerRef = React.useRef<AbortController | null>(null);\n  const chatServiceRef = React.useRef<ChatService | null>(null);\n\n  // Initialize chat service\n  React.useEffect(() => {\n    const chatProvider = createProvider({\n      provider,\n      model,\n      apiKey,\n      proxyUrl,\n    });\n\n    chatServiceRef.current = new ChatService({\n      provider: chatProvider,\n      systemPrompt,\n      onUsage,\n    });\n  }, [provider, mode, model, apiKey, proxyUrl, systemPrompt, onUsage]);\n\n  // Load existing conversation\n  React.useEffect(() => {\n    if (!conversationId || !chatServiceRef.current) return;\n\n    const loadConversation = async () => {\n      if (!chatServiceRef.current) return;\n\n      const conv = await chatServiceRef.current.getConversation(conversationId);\n      if (conv) {\n        setConversation(conv);\n        setMessages(conv.messages);\n      }\n    };\n\n    loadConversation().catch(console.error);\n  }, [conversationId]);\n\n  const sendMessage = React.useCallback(\n    async (content: string, attachments?: ChatAttachment[]) => {\n      if (!chatServiceRef.current) {\n        throw new Error('Chat service not initialized');\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      // Create abort controller\n      abortControllerRef.current = new AbortController();\n\n      try {\n        // Add user message immediately\n        const userMessage: ChatMessage = {\n          id: `msg_${Date.now()}`,\n          conversationId: conversationId ?? '',\n          role: 'user',\n          content,\n          status: 'completed',\n          createdAt: new Date(),\n          updatedAt: new Date(),\n          attachments,\n        };\n        setMessages((prev) => [...prev, userMessage]);\n        onSend?.(userMessage);\n\n        if (streaming) {\n          // Streaming mode\n          const result = await chatServiceRef.current.stream({\n            conversationId: conversationId ?? undefined,\n            content,\n            attachments,\n          });\n\n          // Update conversation ID if new\n          if (!conversationId) {\n            setConversationId(result.conversationId);\n          }\n\n          // Add placeholder for assistant message\n          const assistantMessage: ChatMessage = {\n            id: result.messageId,\n            conversationId: result.conversationId,\n            role: 'assistant',\n            content: '',\n            status: 'streaming',\n            createdAt: new Date(),\n            updatedAt: new Date(),\n          };\n          setMessages((prev) => [...prev, assistantMessage]);\n\n          // Process stream\n          let fullContent = '';\n          for await (const chunk of result.stream) {\n            if (chunk.type === 'text' && chunk.content) {\n              fullContent += chunk.content;\n              setMessages((prev) =>\n                prev.map((m) =>\n                  m.id === result.messageId ? { ...m, content: fullContent } : m\n                )\n              );\n            } else if (chunk.type === 'done') {\n              setMessages((prev) =>\n                prev.map((m) =>\n                  m.id === result.messageId\n                    ? {\n                        ...m,\n                        status: 'completed',\n                        usage: chunk.usage,\n                        updatedAt: new Date(),\n                      }\n                    : m\n                )\n              );\n              onResponse?.(\n                messages.find((m) => m.id === result.messageId) ??\n                  assistantMessage\n              );\n            } else if (chunk.type === 'error') {\n              setMessages((prev) =>\n                prev.map((m) =>\n                  m.id === result.messageId\n                    ? {\n                        ...m,\n                        status: 'error',\n                        error: chunk.error,\n                        updatedAt: new Date(),\n                      }\n                    : m\n                )\n              );\n              if (chunk.error) {\n                const err = new Error(chunk.error.message);\n                setError(err);\n                onError?.(err);\n              }\n            }\n          }\n        } else {\n          // Non-streaming mode\n          const result = await chatServiceRef.current.send({\n            conversationId: conversationId ?? undefined,\n            content,\n            attachments,\n          });\n\n          setConversation(result.conversation);\n          setMessages(result.conversation.messages);\n\n          if (!conversationId) {\n            setConversationId(result.conversation.id);\n          }\n\n          onResponse?.(result.message);\n        }\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      } finally {\n        setIsLoading(false);\n        abortControllerRef.current = null;\n      }\n    },\n    [conversationId, streaming, onSend, onResponse, onError, messages]\n  );\n\n  const clearConversation = React.useCallback(() => {\n    setMessages([]);\n    setConversation(null);\n    setConversationId(null);\n    setError(null);\n  }, []);\n\n  const regenerate = React.useCallback(async () => {\n    // Find the last user message\n    const lastUserMessageIndex = messages.findLastIndex(\n      (m) => m.role === 'user'\n    );\n    if (lastUserMessageIndex === -1) return;\n\n    const lastUserMessage = messages[lastUserMessageIndex];\n    if (!lastUserMessage) return;\n\n    // Remove the last assistant message\n    setMessages((prev) => prev.slice(0, lastUserMessageIndex + 1));\n\n    // Resend\n    await sendMessage(lastUserMessage.content, lastUserMessage.attachments);\n  }, [messages, sendMessage]);\n\n  const stop = React.useCallback(() => {\n    abortControllerRef.current?.abort();\n    setIsLoading(false);\n  }, []);\n\n  return {\n    messages,\n    conversation,\n    isLoading,\n    error,\n    sendMessage,\n    clearConversation,\n    setConversationId,\n    regenerate,\n    stop,\n  };\n}\n"],"mappings":"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"}

package/dist/presentation/hooks/useProviders.d.ts

@@ -0,0 +1,38 @@
+import { ModelInfo, ProviderMode, ProviderName } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/hooks/useProviders.d.ts
+
+/**
+ * Provider availability info
+ */
+interface ProviderInfo {
+  provider: ProviderName;
+  available: boolean;
+  mode: ProviderMode;
+  reason?: string;
+  models: ModelInfo[];
+}
+/**
+ * Return type for useProviders hook
+ */
+interface UseProvidersReturn {
+  /** All providers with availability info */
+  providers: ProviderInfo[];
+  /** Available providers only */
+  availableProviders: ProviderInfo[];
+  /** Check if a provider is available */
+  isAvailable: (provider: ProviderName) => boolean;
+  /** Get models for a provider */
+  getModels: (provider: ProviderName) => ModelInfo[];
+  /** Loading state */
+  isLoading: boolean;
+  /** Refresh provider availability */
+  refresh: () => Promise<void>;
+}
+/**
+ * Hook for managing AI provider information
+ */
+declare function useProviders(): UseProvidersReturn;
+//#endregion
+export { UseProvidersReturn, useProviders };
+//# sourceMappingURL=useProviders.d.ts.map

package/dist/presentation/hooks/useProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProviders.d.ts","names":[],"sources":["../../../src/presentation/hooks/useProviders.tsx"],"sourcesContent":[],"mappings":";;;;;;AAcA;AACY,UADK,YAAA,CACL;EAEJ,QAAA,EAFI,YAEJ;EAEE,SAAA,EAAA,OAAA;EAAS,IAAA,EAFX,YAEW;EAMF,MAAA,CAAA,EAAA,MAAA;EAEJ,MAAA,EARH,SAQG,EAAA;;;;;AAUI,UAZA,kBAAA,CAYA;EAAO;EAMR,SAAA,EAhBH,YAgBe,EAAA;;sBAdN;;0BAEI;;wBAEF,iBAAiB;;;;iBAIxB;;;;;iBAMD,YAAA,CAAA,GAAgB"}

package/dist/presentation/hooks/useProviders.js

@@ -0,0 +1,41 @@
+'use client';
+
+import * as React from "react";
+import { getAvailableProviders, getModelsForProvider } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/hooks/useProviders.tsx
+/**
+* Hook for managing AI provider information
+*/
+function useProviders() {
+	const [providers, setProviders] = React.useState([]);
+	const [isLoading, setIsLoading] = React.useState(true);
+	const loadProviders = React.useCallback(async () => {
+		setIsLoading(true);
+		try {
+			setProviders(getAvailableProviders().map((p) => ({
+				...p,
+				models: getModelsForProvider(p.provider)
+			})));
+		} catch (error) {
+			console.error("Failed to load providers:", error);
+		} finally {
+			setIsLoading(false);
+		}
+	}, []);
+	React.useEffect(() => {
+		loadProviders();
+	}, [loadProviders]);
+	return {
+		providers,
+		availableProviders: React.useMemo(() => providers.filter((p) => p.available), [providers]),
+		isAvailable: React.useCallback((provider) => providers.some((p) => p.provider === provider && p.available), [providers]),
+		getModels: React.useCallback((provider) => providers.find((p) => p.provider === provider)?.models ?? [], [providers]),
+		isLoading,
+		refresh: loadProviders
+	};
+}
+
+//#endregion
+export { useProviders };
+//# sourceMappingURL=useProviders.js.map

package/dist/presentation/hooks/useProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProviders.js","names":[],"sources":["../../../src/presentation/hooks/useProviders.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  type ProviderName,\n  type ProviderMode,\n  type ModelInfo,\n  getAvailableProviders,\n  getModelsForProvider,\n} from '@contractspec/lib.ai-providers';\n\n/**\n * Provider availability info\n */\nexport interface ProviderInfo {\n  provider: ProviderName;\n  available: boolean;\n  mode: ProviderMode;\n  reason?: string;\n  models: ModelInfo[];\n}\n\n/**\n * Return type for useProviders hook\n */\nexport interface UseProvidersReturn {\n  /** All providers with availability info */\n  providers: ProviderInfo[];\n  /** Available providers only */\n  availableProviders: ProviderInfo[];\n  /** Check if a provider is available */\n  isAvailable: (provider: ProviderName) => boolean;\n  /** Get models for a provider */\n  getModels: (provider: ProviderName) => ModelInfo[];\n  /** Loading state */\n  isLoading: boolean;\n  /** Refresh provider availability */\n  refresh: () => Promise<void>;\n}\n\n/**\n * Hook for managing AI provider information\n */\nexport function useProviders(): UseProvidersReturn {\n  const [providers, setProviders] = React.useState<ProviderInfo[]>([]);\n  const [isLoading, setIsLoading] = React.useState(true);\n\n  const loadProviders = React.useCallback(async () => {\n    setIsLoading(true);\n    try {\n      const available = getAvailableProviders();\n      const providersWithModels: ProviderInfo[] = available.map((p) => ({\n        ...p,\n        models: getModelsForProvider(p.provider),\n      }));\n      setProviders(providersWithModels);\n    } catch (error) {\n      console.error('Failed to load providers:', error);\n    } finally {\n      setIsLoading(false);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    loadProviders();\n  }, [loadProviders]);\n\n  const availableProviders = React.useMemo(\n    () => providers.filter((p) => p.available),\n    [providers]\n  );\n\n  const isAvailable = React.useCallback(\n    (provider: ProviderName) =>\n      providers.some((p) => p.provider === provider && p.available),\n    [providers]\n  );\n\n  const getModelsCallback = React.useCallback(\n    (provider: ProviderName) =>\n      providers.find((p) => p.provider === provider)?.models ?? [],\n    [providers]\n  );\n\n  return {\n    providers,\n    availableProviders,\n    isAvailable,\n    getModels: getModelsCallback,\n    isLoading,\n    refresh: loadProviders,\n  };\n}\n"],"mappings":";;;;;;;;;AA2CA,SAAgB,eAAmC;CACjD,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAyB,EAAE,CAAC;CACpE,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CAEtD,MAAM,gBAAgB,MAAM,YAAY,YAAY;AAClD,eAAa,KAAK;AAClB,MAAI;AAMF,gBALkB,uBAAuB,CACa,KAAK,OAAO;IAChE,GAAG;IACH,QAAQ,qBAAqB,EAAE,SAAS;IACzC,EAAE,CAC8B;WAC1B,OAAO;AACd,WAAQ,MAAM,6BAA6B,MAAM;YACzC;AACR,gBAAa,MAAM;;IAEpB,EAAE,CAAC;AAEN,OAAM,gBAAgB;AACpB,iBAAe;IACd,CAAC,cAAc,CAAC;AAmBnB,QAAO;EACL;EACA,oBAnByB,MAAM,cACzB,UAAU,QAAQ,MAAM,EAAE,UAAU,EAC1C,CAAC,UAAU,CACZ;EAiBC,aAfkB,MAAM,aACvB,aACC,UAAU,MAAM,MAAM,EAAE,aAAa,YAAY,EAAE,UAAU,EAC/D,CAAC,UAAU,CACZ;EAYC,WAVwB,MAAM,aAC7B,aACC,UAAU,MAAM,MAAM,EAAE,aAAa,SAAS,EAAE,UAAU,EAAE,EAC9D,CAAC,UAAU,CACZ;EAOC;EACA,SAAS;EACV"}

package/dist/presentation/index.d.ts

@@ -0,0 +1,11 @@
+import { ChatContainer } from "./components/ChatContainer.js";
+import { ChatMessage } from "./components/ChatMessage.js";
+import { ChatInput } from "./components/ChatInput.js";
+import { ModelPicker } from "./components/ModelPicker.js";
+import { ContextIndicator } from "./components/ContextIndicator.js";
+import { CodePreview } from "./components/CodePreview.js";
+import "./components/index.js";
+import { UseChatOptions, UseChatReturn, useChat } from "./hooks/useChat.js";
+import { UseProvidersReturn, useProviders } from "./hooks/useProviders.js";
+import "./hooks/index.js";
+export { ChatContainer, ChatInput, ChatMessage, CodePreview, ContextIndicator, ModelPicker, UseChatOptions, UseChatReturn, UseProvidersReturn, useChat, useProviders };

package/dist/presentation/index.js

@@ -0,0 +1,12 @@
+import { ChatContainer } from "./components/ChatContainer.js";
+import { CodePreview } from "./components/CodePreview.js";
+import { ChatMessage } from "./components/ChatMessage.js";
+import { ChatInput } from "./components/ChatInput.js";
+import { ModelPicker } from "./components/ModelPicker.js";
+import { ContextIndicator } from "./components/ContextIndicator.js";
+import "./components/index.js";
+import { useChat } from "./hooks/useChat.js";
+import { useProviders } from "./hooks/useProviders.js";
+import "./hooks/index.js";
+
+export { ChatContainer, ChatInput, ChatMessage, CodePreview, ContextIndicator, ModelPicker, useChat, useProviders };