@lssm/module.ai-chat 0.0.0-canary-20251217060834 → 0.0.0-canary-20251217072406

package/dist/presentation/components/CodePreview.js

@@ -1,2 +1,126 @@
-"use client";import*as e from"react";import{cn as t}from"@lssm/lib.ui-kit-web/ui/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Check as i,Copy as a,Download as o,Play as s}from"lucide-react";import{Button as c}from"@lssm/lib.design-system";const l={ts:`TypeScript`,tsx:`TypeScript (React)`,typescript:`TypeScript`,js:`JavaScript`,jsx:`JavaScript (React)`,javascript:`JavaScript`,json:`JSON`,md:`Markdown`,yaml:`YAML`,yml:`YAML`,bash:`Bash`,sh:`Shell`,sql:`SQL`,py:`Python`,python:`Python`,go:`Go`,rust:`Rust`,rs:`Rust`};function u({code:u,language:d=`text`,filename:f,className:p,showCopy:m=!0,showExecute:h=!1,onExecute:g,showDownload:_=!1,maxHeight:v=400}){let[y,b]=e.useState(!1),x=l[d.toLowerCase()]??d,S=u.split(`
-`),C=e.useCallback(async()=>{await navigator.clipboard.writeText(u),b(!0),setTimeout(()=>b(!1),2e3)},[u]),w=e.useCallback(()=>{let e=new Blob([u],{type:`text/plain`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=f??`code.${d}`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(t)},[u,f,d]);return r(`div`,{className:t(`overflow-hidden rounded-lg border`,`bg-muted/50`,p),children:[r(`div`,{className:t(`flex items-center justify-between px-3 py-1.5`,`border-b bg-muted/80`),children:[r(`div`,{className:`flex items-center gap-2 text-sm`,children:[f&&n(`span`,{className:`text-foreground font-mono`,children:f}),n(`span`,{className:`text-muted-foreground`,children:x})]}),r(`div`,{className:`flex items-center gap-1`,children:[h&&g&&n(c,{variant:`ghost`,size:`sm`,onPress:()=>g(u),className:`h-7 w-7 p-0`,"aria-label":`Execute code`,children:n(s,{className:`h-3.5 w-3.5`})}),_&&n(c,{variant:`ghost`,size:`sm`,onPress:w,className:`h-7 w-7 p-0`,"aria-label":`Download code`,children:n(o,{className:`h-3.5 w-3.5`})}),m&&n(c,{variant:`ghost`,size:`sm`,onPress:C,className:`h-7 w-7 p-0`,"aria-label":y?`Copied`:`Copy code`,children:y?n(i,{className:`h-3.5 w-3.5 text-green-500`}):n(a,{className:`h-3.5 w-3.5`})})]})]}),n(`div`,{className:`overflow-auto`,style:{maxHeight:v},children:n(`pre`,{className:`p-3`,children:n(`code`,{className:`text-sm`,children:S.map((e,t)=>r(`div`,{className:`flex`,children:[n(`span`,{className:`text-muted-foreground mr-4 select-none text-right w-8`,children:t+1}),n(`span`,{className:`flex-1`,children:e||` `})]},t))})})})]})}export{u as CodePreview};
+'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 * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy, Download, Play } from "lucide-react";
+
+//#region src/presentation/components/CodePreview.tsx
+/**
+* Language display names
+*/
+const LANGUAGE_NAMES = {
+	ts: "TypeScript",
+	tsx: "TypeScript (React)",
+	typescript: "TypeScript",
+	js: "JavaScript",
+	jsx: "JavaScript (React)",
+	javascript: "JavaScript",
+	json: "JSON",
+	md: "Markdown",
+	yaml: "YAML",
+	yml: "YAML",
+	bash: "Bash",
+	sh: "Shell",
+	sql: "SQL",
+	py: "Python",
+	python: "Python",
+	go: "Go",
+	rust: "Rust",
+	rs: "Rust"
+};
+/**
+* Code preview component with syntax highlighting placeholder
+*/
+function CodePreview({ code, language = "text", filename, className, showCopy = true, showExecute = false, onExecute, showDownload = false, maxHeight = 400 }) {
+	const [copied, setCopied] = React.useState(false);
+	const displayLanguage = LANGUAGE_NAMES[language.toLowerCase()] ?? language;
+	const lines = code.split("\n");
+	const handleCopy = React.useCallback(async () => {
+		await navigator.clipboard.writeText(code);
+		setCopied(true);
+		setTimeout(() => setCopied(false), 2e3);
+	}, [code]);
+	const handleDownload = React.useCallback(() => {
+		const blob = new Blob([code], { type: "text/plain" });
+		const url = URL.createObjectURL(blob);
+		const a = document.createElement("a");
+		a.href = url;
+		a.download = filename ?? `code.${language}`;
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+		URL.revokeObjectURL(url);
+	}, [
+		code,
+		filename,
+		language
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("overflow-hidden rounded-lg border", "bg-muted/50", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center justify-between px-3 py-1.5", "border-b bg-muted/80"),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [filename && /* @__PURE__ */ jsx("span", {
+					className: "text-foreground font-mono",
+					children: filename
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: displayLanguage
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					showExecute && onExecute && /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onPress: () => onExecute(code),
+						className: "h-7 w-7 p-0",
+						"aria-label": "Execute code",
+						children: /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" })
+					}),
+					showDownload && /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onPress: handleDownload,
+						className: "h-7 w-7 p-0",
+						"aria-label": "Download code",
+						children: /* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5" })
+					}),
+					showCopy && /* @__PURE__ */ jsx(Button$1, {
+						variant: "ghost",
+						size: "sm",
+						onPress: handleCopy,
+						className: "h-7 w-7 p-0",
+						"aria-label": copied ? "Copied" : "Copy code",
+						children: copied ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "overflow-auto",
+			style: { maxHeight },
+			children: /* @__PURE__ */ jsx("pre", {
+				className: "p-3",
+				children: /* @__PURE__ */ jsx("code", {
+					className: "text-sm",
+					children: lines.map((line, i) => /* @__PURE__ */ jsxs("div", {
+						className: "flex",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground mr-4 select-none text-right w-8",
+							children: i + 1
+						}), /* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: line || " "
+						})]
+					}, i))
+				})
+			})
+		})]
+	});
+}
+
+//#endregion
+export { CodePreview };

package/dist/presentation/components/ContextIndicator.js

@@ -1 +1,96 @@
-"use client";import"react";import{cn as e}from"@lssm/lib.ui-kit-web/ui/utils";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import{FileCode as i,FolderOpen as a,Info as o,Zap as s}from"lucide-react";import{Badge as c}from"@lssm/lib.ui-kit-web/ui/badge";import{Tooltip as l,TooltipContent as u,TooltipProvider as d,TooltipTrigger as f}from"@lssm/lib.ui-kit-web/ui/tooltip";function p({summary:p,active:m=!1,className:h,showDetails:g=!0}){if(!p&&!m)return r(`div`,{className:e(`flex items-center gap-1.5 text-sm`,`text-muted-foreground`,h),children:[n(o,{className:`h-4 w-4`}),n(`span`,{children:`No workspace context`})]});let _=r(`div`,{className:e(`flex items-center gap-2`,m?`text-foreground`:`text-muted-foreground`,h),children:[r(c,{variant:m?`default`:`secondary`,className:`flex items-center gap-1`,children:[n(s,{className:`h-3 w-3`}),`Context`]}),p&&g&&r(t,{children:[r(`div`,{className:`flex items-center gap-1 text-xs`,children:[n(a,{className:`h-3.5 w-3.5`}),n(`span`,{children:p.name})]}),r(`div`,{className:`flex items-center gap-1 text-xs`,children:[n(i,{className:`h-3.5 w-3.5`}),r(`span`,{children:[p.specs.total,` specs`]})]})]})]});return p?n(d,{children:r(l,{children:[n(f,{asChild:!0,children:_}),n(u,{side:`bottom`,className:`max-w-[300px]`,children:r(`div`,{className:`flex flex-col gap-2 text-sm`,children:[n(`div`,{className:`font-medium`,children:p.name}),n(`div`,{className:`text-muted-foreground text-xs`,children:p.path}),n(`div`,{className:`border-t pt-2`,children:r(`div`,{className:`grid grid-cols-2 gap-1 text-xs`,children:[n(`span`,{children:`Commands:`}),n(`span`,{className:`text-right`,children:p.specs.commands}),n(`span`,{children:`Queries:`}),n(`span`,{className:`text-right`,children:p.specs.queries}),n(`span`,{children:`Events:`}),n(`span`,{className:`text-right`,children:p.specs.events}),n(`span`,{children:`Presentations:`}),n(`span`,{className:`text-right`,children:p.specs.presentations})]})}),r(`div`,{className:`border-t pt-2 text-xs`,children:[r(`span`,{children:[p.files.total,` files`]}),n(`span`,{className:`mx-1`,children:`•`}),r(`span`,{children:[p.files.specFiles,` spec files`]})]})]})})]})}):_}export{p as ContextIndicator};
+'use client';
+
+import { cn } from "../../libs/ui-kit-web/dist/ui/utils.js";
+import { Badge } from "../../libs/ui-kit-web/dist/ui/badge.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../libs/ui-kit-web/dist/ui/tooltip.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FileCode, FolderOpen, Info, Zap } from "lucide-react";
+
+//#region src/presentation/components/ContextIndicator.tsx
+/**
+* Indicator showing active workspace context
+*/
+function ContextIndicator({ summary, active = false, className, showDetails = true }) {
+	if (!summary && !active) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-1.5 text-sm", "text-muted-foreground", className),
+		children: [/* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", { children: "No workspace context" })]
+	});
+	const content = /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center gap-2", active ? "text-foreground" : "text-muted-foreground", className),
+		children: [/* @__PURE__ */ jsxs(Badge, {
+			variant: active ? "default" : "secondary",
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ jsx(Zap, { className: "h-3 w-3" }), "Context"]
+		}), summary && showDetails && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 text-xs",
+			children: [/* @__PURE__ */ jsx(FolderOpen, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", { children: summary.name })]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 text-xs",
+			children: [/* @__PURE__ */ jsx(FileCode, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsxs("span", { children: [summary.specs.total, " specs"] })]
+		})] })]
+	});
+	if (!summary) return content;
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: content
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: "bottom",
+		className: "max-w-[300px]",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2 text-sm",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "font-medium",
+					children: summary.name
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-xs",
+					children: summary.path
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "border-t pt-2",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "grid grid-cols-2 gap-1 text-xs",
+						children: [
+							/* @__PURE__ */ jsx("span", { children: "Commands:" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-right",
+								children: summary.specs.commands
+							}),
+							/* @__PURE__ */ jsx("span", { children: "Queries:" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-right",
+								children: summary.specs.queries
+							}),
+							/* @__PURE__ */ jsx("span", { children: "Events:" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-right",
+								children: summary.specs.events
+							}),
+							/* @__PURE__ */ jsx("span", { children: "Presentations:" }),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-right",
+								children: summary.specs.presentations
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-t pt-2 text-xs",
+					children: [
+						/* @__PURE__ */ jsxs("span", { children: [summary.files.total, " files"] }),
+						/* @__PURE__ */ jsx("span", {
+							className: "mx-1",
+							children: "•"
+						}),
+						/* @__PURE__ */ jsxs("span", { children: [summary.files.specFiles, " spec files"] })
+					]
+				})
+			]
+		})
+	})] }) });
+}
+
+//#endregion
+export { ContextIndicator };

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

@@ -1,5 +1,5 @@
-import { ProviderMode, ProviderName } from "@lssm/lib.ai-providers";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ProviderMode, ProviderName } from "@lssm/lib.ai-providers";
 
 //#region src/presentation/components/ModelPicker.d.ts
 interface ModelSelection {

package/dist/presentation/components/ModelPicker.js

@@ -1 +1,197 @@
-"use client";import{getModelsForProvider as e}from"@lssm/lib.ai-providers";import*as t from"react";import{cn as n}from"@lssm/lib.ui-kit-web/ui/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Bot as a,Cloud as o,Cpu as s,Sparkles as c}from"lucide-react";import{Button as l}from"@lssm/lib.design-system";import{Select as u,SelectContent as d,SelectItem as f,SelectTrigger as p,SelectValue as m}from"@lssm/lib.ui-kit-web/ui/select";import{Badge as h}from"@lssm/lib.ui-kit-web/ui/badge";const g={ollama:r(s,{className:`h-4 w-4`}),openai:r(a,{className:`h-4 w-4`}),anthropic:r(c,{className:`h-4 w-4`}),mistral:r(o,{className:`h-4 w-4`}),gemini:r(c,{className:`h-4 w-4`})},_={ollama:`Ollama (Local)`,openai:`OpenAI`,anthropic:`Anthropic`,mistral:`Mistral`,gemini:`Google Gemini`},v={local:{label:`Local`,variant:`secondary`},byok:{label:`BYOK`,variant:`outline`},managed:{label:`Managed`,variant:`default`}};function y({value:a,onChange:o,availableProviders:s,className:c,compact:y=!1}){let b=s??[{provider:`ollama`,available:!0,mode:`local`},{provider:`openai`,available:!0,mode:`byok`},{provider:`anthropic`,available:!0,mode:`byok`},{provider:`mistral`,available:!0,mode:`byok`},{provider:`gemini`,available:!0,mode:`byok`}],x=e(a.provider),S=x.find(e=>e.id===a.model),C=t.useCallback(t=>{let n=t,r=b.find(e=>e.provider===n);o({provider:n,model:e(n)[0]?.id??``,mode:r?.mode??`byok`})},[o,b]),w=t.useCallback(e=>{o({...a,model:e})},[o,a]);return y?i(`div`,{className:n(`flex items-center gap-2`,c),children:[i(u,{value:a.provider,onValueChange:C,children:[r(p,{className:`w-[140px]`,children:r(m,{})}),r(d,{children:b.map(e=>r(f,{value:e.provider,disabled:!e.available,children:i(`div`,{className:`flex items-center gap-2`,children:[g[e.provider],r(`span`,{children:_[e.provider]})]})},e.provider))})]}),i(u,{value:a.model,onValueChange:w,children:[r(p,{className:`w-[160px]`,children:r(m,{})}),r(d,{children:x.map(e=>r(f,{value:e.id,children:e.name},e.id))})]})]}):i(`div`,{className:n(`flex flex-col gap-3`,c),children:[i(`div`,{className:`flex flex-col gap-1.5`,children:[r(`label`,{className:`text-sm font-medium`,children:`Provider`}),r(`div`,{className:`flex flex-wrap gap-2`,children:b.map(e=>i(l,{variant:a.provider===e.provider?`default`:`outline`,size:`sm`,onPress:()=>e.available&&C(e.provider),disabled:!e.available,className:n(!e.available&&`opacity-50`),children:[g[e.provider],r(`span`,{children:_[e.provider]}),r(h,{variant:v[e.mode].variant,className:`ml-1`,children:v[e.mode].label})]},e.provider))})]}),i(`div`,{className:`flex flex-col gap-1.5`,children:[r(`label`,{className:`text-sm font-medium`,children:`Model`}),i(u,{value:a.model,onValueChange:w,children:[r(p,{children:r(m,{placeholder:`Select a model`})}),r(d,{children:x.map(e=>r(f,{value:e.id,children:i(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{children:e.name}),i(`span`,{className:`text-muted-foreground text-xs`,children:[Math.round(e.contextWindow/1e3),`K`]}),e.capabilities.vision&&r(h,{variant:`outline`,className:`text-xs`,children:`Vision`}),e.capabilities.reasoning&&r(h,{variant:`outline`,className:`text-xs`,children:`Reasoning`})]})},e.id))})]})]}),S&&i(`div`,{className:`text-muted-foreground flex flex-wrap gap-2 text-xs`,children:[i(`span`,{children:[`Context: `,Math.round(S.contextWindow/1e3),`K tokens`]}),S.capabilities.vision&&r(`span`,{children:`• Vision`}),S.capabilities.tools&&r(`span`,{children:`• Tools`}),S.capabilities.reasoning&&r(`span`,{children:`• Reasoning`})]})]})}export{y as ModelPicker};
+'use client';
+
+import { getModelsForProvider } from "../../libs/ai-providers/dist/models.js";
+import "../../libs/ai-providers/dist/index.js";
+import { cn } from "../../libs/ui-kit-web/dist/ui/utils.js";
+import { Button$1 } from "../../libs/design-system/dist/components/atoms/Button.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../libs/ui-kit-web/dist/ui/select.js";
+import { Badge } from "../../libs/ui-kit-web/dist/ui/badge.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bot, Cloud, Cpu, Sparkles } from "lucide-react";
+
+//#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", {
+					className: "text-sm font-medium",
+					children: "Provider"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-2",
+					children: providers.map((p) => /* @__PURE__ */ jsxs(Button$1, {
+						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", {
+					className: "text-sm font-medium",
+					children: "Model"
+				}), /* @__PURE__ */ jsxs(Select, {
+					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 };

package/dist/presentation/components/index.js

@@ -1 +1,8 @@
-import{ChatContainer as e}from"./ChatContainer.js";import{CodePreview as t}from"./CodePreview.js";import{ChatMessage as n}from"./ChatMessage.js";import{ChatInput as r}from"./ChatInput.js";import{ModelPicker as i}from"./ModelPicker.js";import{ContextIndicator as a}from"./ContextIndicator.js";export{e as ChatContainer,r as ChatInput,n as ChatMessage,t as CodePreview,a as ContextIndicator,i as ModelPicker};
+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.js

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

package/dist/presentation/hooks/useChat.js

@@ -1 +1,171 @@
-"use client";import{ChatService as e}from"../../core/chat-service.js";import{createProvider as t}from"@lssm/lib.ai-providers";import*as n from"react";function r(r={}){let{provider:i=`openai`,mode:a=`byok`,model:o,apiKey:s,proxyUrl:c,conversationId:l,systemPrompt:u,streaming:d=!0,onSend:f,onResponse:p,onError:m,onUsage:h}=r,[g,_]=n.useState([]),[v,y]=n.useState(null),[b,x]=n.useState(!1),[S,C]=n.useState(null),[w,T]=n.useState(l??null),E=n.useRef(null),D=n.useRef(null);n.useEffect(()=>{D.current=new e({provider:t({provider:i,model:o,apiKey:s,proxyUrl:c}),systemPrompt:u,onUsage:h})},[i,a,o,s,c,u,h]),n.useEffect(()=>{!w||!D.current||(async()=>{let e=await D.current.getConversation(w);e&&(y(e),_(e.messages))})().catch(console.error)},[w]);let O=n.useCallback(async(e,t)=>{if(!D.current)throw Error(`Chat service not initialized`);x(!0),C(null),E.current=new AbortController;try{let n={id:`msg_${Date.now()}`,conversationId:w??``,role:`user`,content:e,status:`completed`,createdAt:new Date,updatedAt:new Date,attachments:t};if(_(e=>[...e,n]),f?.(n),d){let n=await D.current.stream({conversationId:w??void 0,content:e,attachments:t});w||T(n.conversationId);let r={id:n.messageId,conversationId:n.conversationId,role:`assistant`,content:``,status:`streaming`,createdAt:new Date,updatedAt:new Date};_(e=>[...e,r]);let i=``;for await(let e of n.stream)if(e.type===`text`&&e.content)i+=e.content,_(e=>e.map(e=>e.id===n.messageId?{...e,content:i}:e));else if(e.type===`done`)_(t=>t.map(t=>t.id===n.messageId?{...t,status:`completed`,usage:e.usage,updatedAt:new Date}:t)),p?.(g.find(e=>e.id===n.messageId)??r);else if(e.type===`error`&&(_(t=>t.map(t=>t.id===n.messageId?{...t,status:`error`,error:e.error,updatedAt:new Date}:t)),e.error)){let t=Error(e.error.message);C(t),m?.(t)}}else{let n=await D.current.send({conversationId:w??void 0,content:e,attachments:t});y(n.conversation),_(n.conversation.messages),w||T(n.conversation.id),p?.(n.message)}}catch(e){let t=e instanceof Error?e:Error(String(e));C(t),m?.(t)}finally{x(!1),E.current=null}},[w,d,f,p,m,g]);return{messages:g,conversation:v,isLoading:b,error:S,sendMessage:O,clearConversation:n.useCallback(()=>{_([]),y(null),T(null),C(null)},[]),setConversationId:T,regenerate:n.useCallback(async()=>{let e=g.findLastIndex(e=>e.role===`user`);if(e===-1)return;let t=g[e];t&&(_(t=>t.slice(0,e+1)),await O(t.content,t.attachments))},[g,O]),stop:n.useCallback(()=>{E.current?.abort(),x(!1)},[])}}export{r as useChat};
+'use client';
+
+import { ChatService } from "../../core/chat-service.js";
+import { createProvider } from "../../libs/ai-providers/dist/factory.js";
+import "../../libs/ai-providers/dist/index.js";
+import * as React from "react";
+
+//#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 () => {
+			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 };