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

package/dist/presentation/components/ChatMessage.js

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

package/dist/presentation/components/CodePreview.js

@@ -1,126 +1,2 @@
-'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 };
+"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};

package/dist/presentation/components/ContextIndicator.js

@@ -1,96 +1 @@
-'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 };
+"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};

package/dist/presentation/components/ModelPicker.js

@@ -1,197 +1 @@
-'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 };
+"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};

package/dist/presentation/components/index.js

@@ -1,8 +1 @@
-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 };
+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};

package/dist/presentation/hooks/index.js

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