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

package/dist/presentation/components/ChatMessage.js

@@ -1 +1,135 @@
-"use client";import{cn as e}from"../../libs/ui-kit-web/dist/ui/utils.js";import{Avatar as t,AvatarFallback as n}from"../../libs/ui-kit-web/dist/ui/avatar.js";import{Skeleton as r}from"../../libs/ui-kit-web/dist/ui/skeleton.js";import{Button$1 as i}from"../../libs/design-system/dist/components/atoms/Button.js";import{CodePreview as a}from"./CodePreview.js";import*as o from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{AlertCircle as u,Bot as d,Check as f,Copy as p,User as m}from"lucide-react";function h(e){let t=/```(\w+)?\n([\s\S]*?)```/g,n=[],r;for(;(r=t.exec(e))!==null;)n.push({language:r[1]??`text`,code:r[2]??``,raw:r[0]});return n}function g({content:e}){let t=h(e);if(t.length===0)return c(`p`,{className:`whitespace-pre-wrap`,children:e});let n=e,r=[],i=0;for(let e of t){let[t,o]=n.split(e.raw);t&&r.push(c(`p`,{className:`whitespace-pre-wrap`,children:t.trim()},i++)),r.push(c(a,{code:e.code,language:e.language,className:`my-2`},i++)),n=o??``}return n.trim()&&r.push(c(`p`,{className:`whitespace-pre-wrap`,children:n.trim()},i++)),c(s,{children:r})}function _({message:a,className:s,showCopy:h=!0,showAvatar:_=!0}){let[v,y]=o.useState(!1),b=a.role===`user`,x=a.status===`error`,S=a.status===`streaming`,C=o.useCallback(async()=>{await navigator.clipboard.writeText(a.content),y(!0),setTimeout(()=>y(!1),2e3)},[a.content]);return l(`div`,{className:e(`group flex gap-3`,b&&`flex-row-reverse`,s),children:[_&&c(t,{className:`h-8 w-8 shrink-0`,children:c(n,{className:e(b?`bg-primary text-primary-foreground`:`bg-muted`),children:c(b?m:d,{className:`h-4 w-4`})})}),l(`div`,{className:e(`flex max-w-[80%] flex-col gap-1`,b&&`items-end`),children:[c(`div`,{className:e(`rounded-2xl px-4 py-2`,b?`bg-primary text-primary-foreground`:`bg-muted text-foreground`,x&&`border-destructive bg-destructive/10 border`),children:x&&a.error?l(`div`,{className:`flex items-start gap-2`,children:[c(u,{className:`text-destructive mt-0.5 h-4 w-4 shrink-0`}),l(`div`,{children:[c(`p`,{className:`text-destructive font-medium`,children:a.error.code}),c(`p`,{className:`text-muted-foreground text-sm`,children:a.error.message})]})]}):S&&!a.content?l(`div`,{className:`flex flex-col gap-2`,children:[c(r,{className:`h-4 w-48`}),c(r,{className:`h-4 w-32`})]}):c(g,{content:a.content})}),l(`div`,{className:e(`flex items-center gap-2 text-xs`,`text-muted-foreground opacity-0 transition-opacity`,`group-hover:opacity-100`),children:[c(`span`,{children:new Date(a.createdAt).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`})}),a.usage&&l(`span`,{children:[a.usage.inputTokens+a.usage.outputTokens,` tokens`]}),h&&!b&&a.content&&c(i,{variant:`ghost`,size:`sm`,className:`h-6 w-6 p-0`,onPress:C,"aria-label":v?`Copied`:`Copy message`,children:c(v?f:p,{className:`h-3 w-3`})})]}),a.reasoning&&l(`details`,{className:`text-muted-foreground mt-2 text-sm`,children:[c(`summary`,{className:`cursor-pointer hover:underline`,children:`View reasoning`}),c(`div`,{className:`bg-muted mt-1 rounded-md p-2`,children:c(`p`,{className:`whitespace-pre-wrap`,children:a.reasoning})})]})]})]})}export{_ as ChatMessage};
+'use client';
+
+import { cn } from "../../libs/ui-kit-web/dist/ui/utils.js";
+import { Avatar, AvatarFallback } from "../../libs/ui-kit-web/dist/ui/avatar.js";
+import { Skeleton } from "../../libs/ui-kit-web/dist/ui/skeleton.js";
+import { Button$1 } from "../../libs/design-system/dist/components/atoms/Button.js";
+import { CodePreview } from "./CodePreview.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertCircle, Bot, Check, Copy, User } from "lucide-react";
+
+//#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$1, {
+							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 };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/presentation/components/CodePreview.d.ts
 interface CodePreviewProps {
@@ -34,6 +34,6 @@ declare function CodePreview({
   onExecute,
   showDownload,
   maxHeight
-}: CodePreviewProps): react_jsx_runtime4.JSX.Element;
+}: CodePreviewProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CodePreview };

package/dist/presentation/components/CodePreview.js

@@ -1,2 +1,126 @@
-"use client";import{cn as e}from"../../libs/ui-kit-web/dist/ui/utils.js";import{Button$1 as t}from"../../libs/design-system/dist/components/atoms/Button.js";import*as n from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Check as a,Copy as o,Download as s,Play as c}from"lucide-react";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]=n.useState(!1),x=l[d.toLowerCase()]??d,S=u.split(`
-`),C=n.useCallback(async()=>{await navigator.clipboard.writeText(u),b(!0),setTimeout(()=>b(!1),2e3)},[u]),w=n.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 i(`div`,{className:e(`overflow-hidden rounded-lg border`,`bg-muted/50`,p),children:[i(`div`,{className:e(`flex items-center justify-between px-3 py-1.5`,`border-b bg-muted/80`),children:[i(`div`,{className:`flex items-center gap-2 text-sm`,children:[f&&r(`span`,{className:`text-foreground font-mono`,children:f}),r(`span`,{className:`text-muted-foreground`,children:x})]}),i(`div`,{className:`flex items-center gap-1`,children:[h&&g&&r(t,{variant:`ghost`,size:`sm`,onPress:()=>g(u),className:`h-7 w-7 p-0`,"aria-label":`Execute code`,children:r(c,{className:`h-3.5 w-3.5`})}),_&&r(t,{variant:`ghost`,size:`sm`,onPress:w,className:`h-7 w-7 p-0`,"aria-label":`Download code`,children:r(s,{className:`h-3.5 w-3.5`})}),m&&r(t,{variant:`ghost`,size:`sm`,onPress:C,className:`h-7 w-7 p-0`,"aria-label":y?`Copied`:`Copy code`,children:y?r(a,{className:`h-3.5 w-3.5 text-green-500`}):r(o,{className:`h-3.5 w-3.5`})})]})]}),r(`div`,{className:`overflow-auto`,style:{maxHeight:v},children:r(`pre`,{className:`p-3`,children:r(`code`,{className:`text-sm`,children:S.map((e,t)=>i(`div`,{className:`flex`,children:[r(`span`,{className:`text-muted-foreground mr-4 select-none text-right w-8`,children:t+1}),r(`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.d.ts

@@ -1,5 +1,5 @@
 import { WorkspaceSummary } from "../../context/workspace-context.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/presentation/components/ContextIndicator.d.ts
 interface ContextIndicatorProps {
@@ -20,6 +20,6 @@ declare function ContextIndicator({
   active,
   className,
   showDetails
-}: ContextIndicatorProps): react_jsx_runtime1.JSX.Element;
+}: ContextIndicatorProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ContextIndicator };

package/dist/presentation/components/ContextIndicator.js

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

package/dist/presentation/components/ModelPicker.js

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